@charset 'utf-8';

/* 
	* 시안 css : common_new.css
	* ccrf 및 bi css : base.css
 */

/*
 * RULE
 * font-weight: 기본 500
 * font color : 기본 #555555; // 2b2b2b
 * font size : 기본 20px(콘텐츠용 18px)
*/

/*soyun,20240411*/
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Light.woff') format('woff'),
         url('../font/NotoSansKR-Light.otf') format('opentype');
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Regular.woff') format('woff'),
         url('../font/NotoSansKR-Regular.otf') format('opentype');
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Medium.woff') format('woff'),
         url('../font/NotoSansKR-Medium.otf') format('opentype');
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Bold.woff') format('woff'),
         url('../font/NotoSansKR-Bold.otf') format('opentype');
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
} 


/* Reset */
[lang="ko"] {word-break: keep-all;}
html {-webkit-font-size-adjust: none; overflow-y: scroll; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {overflow-wrap: break-word; word-wrap: break-word;}
abbr, acronym, fieldset, img, input {border: 0;}
*, select {box-sizing: border-box; margin: 0; padding: 0;}
audio:not([controls]), hr {height: 0; display: none;}
a, a:active, a:hover, a:link, a:visited {text-decoration: none;}
button, select {text-transform: none;}
a:link, a:visited, body, html {color: #2b2b2b;}
a:hover{cursor: pointer;}
#accessibility a:link, #accessibility a:visited, a, a:hover {color: #333;}

* {-webkit-touch-callout: none; font-synthesis: none; -moz-font-feature-settings: 'kern'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:lang(en) {font-family: 'NotoSansKR', Sans-serif;}

pre { 
	font-family: 'NotoSansKR',Sans-serif,monospace, monospace; 
	font-size: 1em;
	white-space: pre-wrap;
	word-wrap: break-word; 
	border: 0;
    background-color: #fff;
    /* color:#555555; */
    font-weight: 500;
}
a, abbr, address, article, aside, audio, body, canvas, caption, cite, 
dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, 
object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, 
thead, tr, ul, video 
/* {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-family: 'NotoSansKR',Sans-serif; letter-spacing: -0.1px; line-height: 150%;} */
{margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-family: 'NotoSansKR',Sans-serif; letter-spacing: -0.05em; line-height: 150%;font-weight: 500;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: 400;}

img {-webkit-tap-highlight-color: transparent; max-width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic;}

body, html {height: 100%; margin: 0; padding: 0; font-family: 'NotoSansKR',Sans-serif; font-size: 20px; line-height: 1.5; letter-spacing: 0.01em;}

a, body, button, input, label, span {line-height: 1.6;}

blockquote, dd, dl, dt, fieldset, form, 
h1, h2, h3, h4, h5, h6,
input, li, ol, p, pre, textarea, ul {margin: 0; padding: 0;}

input, select {font-family: malgun gothic; font-size: 20px; color: #2b2b2b; vertical-align: middle; font-weight: 500;}
td, textarea, th {font-family: 'NotoSansKR',Sans-serif; font-size: 20px; color: #2b2b2b;/* #555; */ vertical-align: middle; font-weight: 500;/* text-align: center; */}

table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; display: table;}
/* table {width:100% !important;}*/

address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: 400;}

li, ol, ul {list-style: none;}

abbr, acronym {cursor: help;}

caption, legend {overflow: hidden; position: relative; width: 0; height: 0; margin: 0; padding: 0; line-height: 0;}

button, button[disabled], html input[disabled], input[type=reset], input[type=submit], label {cursor: pointer;}

select {height: 22px; line-height: 1; border: 1px solid #c9c9c9;text-align: left;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}

button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: baseline; vertical-align: middle;}
button, html input[type=button], input[type=reset], input[type=submit] {overflow: visible; cursor: pointer; -webkit-appearance: button;}

audio[controls], canvas, video {display: inline-block;}

body, button {font-size: 1em; color: #2b2b2b;}/*#2b2b2b;*/

hr {clear: both; -moz-box-sizing: content-box; box-sizing: content-box;}

a:active, a:hover, button:hover, button:active {outline: none;}
/*a:focus, button:focus {outline: 1px dotted #ddd;}*/

address, em {font-style: normal;}

abbr[title] {border-bottom: 1px dotted;}

blockquote, q {quotes: none;}
blockquote:after, blockquote:before, q:after, q:before {content: ''; content: none;}

button, input, label {vertical-align: middle;}
button {border: 0;}
button, input, textarea {margin: 0; font-size: 100%; vertical-align: baseline;}

.hide, .skip, .sr-only {position: absolute; height: 0; font-size: 0;}

button, input {overflow: visible; line-height: 1;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {-webkit-appearance: none;}
input[type=search] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
input[type=checkbox],
input[type=radio] {box-sizing: border-box;}

a, button, input {font-family: 'NotoSansKR',Sans-serif;}

a:active,
a:hover {color: #000;}

.hide,
.skip {top: 0;}

.sr-only {width: 0; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.sr-only-focusable:active,
.sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}

#accessibility {display: none; position: absolute; top: -66px; left: 0; background-color: #f8f8f8; z-index: 999999;}
#accessibility a {display: block; padding: 5px 0; text-align: center; line-height: 21px;}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover {color: #000; text-decoration: underline;}

.clearfix {width: 100%;}
.clearfix:after,
.clearfix:before {content: ""; display: block; visibility: hidden; clear: both;}

.content-info__charge {clear: both;}
.content-info__charge,
.content_info__satisfaction {position: relative; padding: 15px 25px; border: 1px solid #ececec; background-color: #fff; text-align: left;}
.content-info__charge {background: #fcfcfc;}
.content_info__satisfaction {margin-top: -1px; margin-bottom: 30px;}
.content-info__charge strong {position: relative; margin-right: 10px; padding-left: 17px; color: #333; font-weight: 700;}
.content-info__charge strong:before {display: block; position: absolute; top: 0; left: 0; width: 13px; height: 17px; background: url(/pcms/common/images/ir/content-info.png) -29px 0 no-repeat; content: '';}
.content-info__charge span {display: inline-block; margin-right: 10px;}
.content-info__charge .last {position: relative; float: right; margin-right: 0; padding-left: 20px;}
.content-info__charge .last em:before {position: absolute; top: 2px; left: 0; width: 15px; height: 15px; background: url(/pcms/common/images/ir/content-info.png) -14px 0 no-repeat; content: '';}
.content_info__satisfaction .research {position: relative; width: 100%;}
.content_info__satisfaction .research:after {display: block; visibility: hidden; clear: both; content: "";}
.content_info__satisfaction .research strong {display: block; position: relative; margin-bottom: 5px; padding-left: 20px; color: #444; font-size: 15px;}
.content_info__satisfaction .research strong:before {position: absolute; top: 4px; left: 0; width: 14px; height: 14px; background: url(/pcms/common/images/ir/content-info.png) no-repeat; content: '';}
.content_info__satisfaction .research div {display: block; position: relative; margin-top: -3px; padding: 7px 490px 7px 0;}
.content_info__satisfaction .research div * {vertical-align: middle;}
.content_info__satisfaction .research div label {margin-right: 8px; font-size: 13px;}
.content_info__satisfaction .research div input[type=radio]:focus + label {color: #e83e26;}
.content_info__satisfaction .research div input[type=radio] {position: relative; top: -1px;}
.content_info__satisfaction .research input[type=text] {position: absolute; top: 0; right: 80px; width: 410px; min-width: auto; height: 30px; border: 1px solid #ddd;}
.content_info__satisfaction .research input[type=button],
.content_info__satisfaction .research input[type=submit] {position: absolute; top: 0; right: 0; width: 80px; height: 30px; padding: 0; border: 0; border-radius: 0; background: #2f71d2; color: #fff; font-size: 13px; text-decoration: none; text-align: center; line-height: 1.166;}

@media only screen and (max-width:1100px) {
    .content_info__satisfaction .research div {padding-right: 370px;}
    .content_info__satisfaction .research input[type=text] {width: 280px;}
}
@media only screen and (max-width: 768px) {
    .content-info__charge span {display: block; float: none; padding: 0; margin-bottom: 3px;}
    .content-info__charge .last {float: none; padding-left: 0;}
    .content-info__charge .last em:before {display: none;}
    .content_info__satisfaction .research strong {font-size: 14px;}
    .content_info__satisfaction .research div {padding: 10px;}
    .content_info__satisfaction .research input[type=button],
    .content_info__satisfaction .research input[type=submit],
    .content_info__satisfaction .research input[type=text] {position: relative; top: 0; right: auto;}
    .content_info__satisfaction .research input[type=text] {width: 68%;}
    .content_info__satisfaction .research input[type=button],
    .content_info__satisfaction .research input[type=submit] {width: 30%;}
}

.content-info__charge {margin-top: 0;}
.content-info {position: relative; margin-top: 100px; clear: both;}
.content-info.add_kogl {padding-right: 29%;}
.content-info.add_kogl .content-info__charge strong {display: none;}
.content-info.add_kogl .content-info__charge span {font-size: 14px;}
.content-info.add_kogl .content_info__satisfaction .research div {padding-right: 80px;}
.content-info.add_kogl .content_info__satisfaction .research input[type=text] {position: relative; top: auto; right: auto; width: 100%;}
.content-info.add_kogl .content_info__satisfaction .research input[type=button],
.content-info.add_kogl .content_info__satisfaction .research input[type=submit] {top: auto; bottom: 7px;}
.content-info.add_kogl .content_info__kogl {position: absolute; top: 0; right: 0; width: 28%; min-height: 185px; border: 1px solid #ececec;}
.content-info.add_kogl .content_info__kogl .content-kogl__title {display: block; position: relative; padding: 15px 25px; border: 1px solid #ececec; background-color: #fcfcfc; color: #333; font-weight: 600; text-align: left; line-height: 1.4;}
.content-info.add_kogl .content_info__kogl .inner {padding: 20px 25px 0;}
.content-info.add_kogl .content_info__kogl .mark--area {height: 41px; margin: 0 auto 15px; background: url(/pcms/common/images/ir/ir-kogl.png) no-repeat; font-size: 0;}
.content-info.add_kogl .content_info__kogl .mark--area.mark1 {width: 111px; background-position: 0 -1px;}
.content-info.add_kogl .content_info__kogl .mark--area.mark2 {width: 136px; background-position: -172px -1px;}
.content-info.add_kogl .content_info__kogl .mark--area.mark3 {width: 136px; background-position: 0 -52px;}
.content-info.add_kogl .content_info__kogl .mark--area.mark4 {width: 185px; background-position: -172px -52px;}
.content-info.add_kogl .content_info__kogl .mark--text {display: block; font-size: 14px; text-align: center; line-height: 1.2;}

@media only screen and (max-width: 1200px) {
    .content-info__charge,
    .content_info__satisfaction {padding: 15px 12px;}
    .content-info.add_kogl .content_info__kogl .content-kogl__title {padding: 15px 12px; text-align: center;}
    .content-info.add_kogl .content-info__charge span {font-size: 13px;}
}
@media only screen and (max-width: 767px) {
    .content-info.add_kogl .content_info__satisfaction {margin-bottom: -1px; border-bottom: none;}
    .content-info.add_kogl {padding-right: 0;}
    .content-info.add_kogl .content_info__kogl {position: relative; right: auto; width: auto; min-height: auto;}
    .content-info.add_kogl .content_info__kogl .inner {padding-bottom: 20px;}
}

#skipnavi {position: absolute; top: -1px; left: 0; background-color: #333; z-index: 999999;}
#skipnavi a {position: absolute; top: 0; left: 0; padding: 10px 25px; margin-top: -100px; text-align: center; line-height: 1; white-space: nowrap; background: #000;}
#skipnavi a:link {color: #333;}
#skipnavi a:focus {margin-top: 0; text-decoration: underline; color: #fff;}

button {text-transform: none; vertical-align: middle;}
button,
[type="button"],
[type="reset"],
[type="submit"] {background-color: transparent; cursor: pointer;}

textarea {font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize: none;}

select {font-size: inherit; font-family: inherit; color: inherit; text-transform: none; vertical-align: middle;}
select[disabled="disabled"] {background-color: #ebebeb; color: transparent;}
select {padding: 0 5px; background: transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none;}
select::-ms-expand {display: none;}

input {font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle;}
input[type="file"] {border: none;}
input[type="radio"],
input[type="checkbox"] {border: none;}
input[disabled="disabled"] {background-color: #ebebeb; color: #959595;}
input[type=text] {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
input[type=text]::-ms-clear {display: none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {appearance: none; -webkit-appearance: none; -moz-appearance: none;}

/* --------------------------------------
* 공통 css 설정
------------------------------------------ */

/* bi */
.clfix {zoom: 1}
.clfix:after {content: ''; display: block; clear: both;}
.blind {position:absolute;left:-1000000px;text-indent:-1000000px;overflow:hidden;;margin:-1px;width:1px;height:1px;}

/*base*/
.dp_none{display:none !important;}
.dp_block{display:block !important;}
.dp_inline{display:inline-block !important;}


.obj_hidden{visibility:hidden;}
.obj_visible{visibility:visible;}

.f_hidden{overflow:hidden;}
.f_right{float:right;}
.f_left{float:left;}
.f_none{float:none!important;}

.t_center{text-align:center!important}
.t_left{text-align:left!important}
.t_right{text-align:right!important}

.v_top{vertical-align: top !important;}
.v_middle{vertical-align: middle !important;}
.v_bottm{vertical-align: bottom !important;}

.mh_auto{min-height:auto !important;}
.mh100{min-height:100%;}

.v_web{display:block;}
.v_pad{display:none;}
.v_mob{display:none;}
.v_kor{display:block;}
.v_eng{display:none !important;}
.imgbox{width:100%;}
.imgbox img{width:100%;}

/*input*/

/* input {	-webkit-appearance: none;} */

/*넓이*/
.cperauto{width:auto !important;}
.cper0700{width:7%;}
.cper0900{width:9%;}
.cper1200{width:12%;}
.cper1500{width:15%;}
.cper1900{width:19.4%;}
.cper2200{width:21.3%;}
.cper2500{width:25% !important;}
.cper1800{width:18%;}
.cper3500{width:35%;}
.cper3800{width:38%;}
.cper4700{width:47%;}
.cper5000{width:50%;}
.cper5365{width:53.65%;}
.cper100p{width:100%;}
.wp100{width:100px;}
.wp120{width:120px;}
.wp160{width:160px;}
.wp180{width:180px;}
.wp200{width:200px;}
.wp220{width:220px;}
.wp400{width:400px;}
.wp520{width:520px;}

/* 높이 */
.ht15{height: 15px;}
.ht25{height: 25px;}
.ht50{height: 50px;}
.ht75{height: 75px;}
.ht100{height: 100px;}

/*여백*/
.pd15{padding:15px;}
.pd0{padding:0 !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px;}
.pt30{padding-top:35px !important;}

.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}

.mauto{margin:0 auto;}
.mall0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt70{margin-top:70px;}
.mt85{margin-top:85px;}
.mt32{margin-top:32px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-10px;}
.mt-30{margin-top:-30px;}

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.mr0{margin-right: 0 !important;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}

/* --- border ---- */
.blall_none{border:0;}
.ball_eee{border:1px solid #eee;}
.bteee{border-top: 1px solid #eee;}
.bleee{border-left: 1px solid #eee;}

/* --- display ---- */
.ds_ib{display:inline-block;}
.ds_fx{display:flex;}
.ds_fx.spc-btwn{justify-content:space-between;}
.ds_fx.fx-column{flex-direction: column;}
.emphs{color:#2658a0;}
.ftw-bold{font-weight:bold;}
.fr{float:right;}
.fl{float:left;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.txt.gray{color:#b2b2b2;}
.height_full{height:100%}
.pointer{cursor:pointer;}

/*폰트*/
.t12{font-size:12px;}
.t16{font-size:16px;}

.fs1{font-size:1rem;}
.fs125{font-size:1.25rem;}

.c41{color:#414141;}

.ti10{padding-left:10px; text-indent: -10px;}
.ti20{padding-left:20px; text-indent: -20px;}
.ti40{padding-left:40px; text-indent: -40px;}
.ti53{padding-left:50px; text-indent: -30px;}
.ti76{padding-left:76px; text-indent: -76px;}
.ti84{padding-left:84px; text-indent: -84px;}
.ti95{padding-left:95px; text-indent: -95px;}
.lh36{line-height:36px;}

/* --- text deco ---*/
.txt_deco_under{text-decoration-line: underline;}
.txt_left{text-align: left;}
.txt_center{text-align: center !important;}
.txt_ellipsis{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.txt_style_dot{position:relative;}
.txt_style_dot::before{content: '';position: absolute;left: 0;top: 15px;width:4px;height:4px; background: url(../img/common/list-icon_02.png) no-repeat; background-size: contain;}

.bold{font-weight:700;}
.semi{font-weight:600;}
.medium{font-weight:500;}
.regular{font-weight:400;}

.soon{width:100%;height:100%;overflow-y:auto;background:#3aadb4 url(../image/common/soon.png) no-repeat center center;}


table.bdlist.v_web{display:table;}
table.tblist.v_web{display:table;}

@media only screen and (max-width:1024px){
	.v_web{display:block;}
	.v_pad{display:block;}
}
@media only screen and (max-width:834px){
	.soon{width:100%;height:100%;min-height:640px;background:#3aadb4 url(../image/mobile/common/soon.png) no-repeat center top;background-size:100%;}
	.v_web{display:none;}
	.v_mob{display:block;}
	table.bdlist.v_web{display:none;}
	table.tblist.v_web{display:none;}
}
@media only screen and (max-width:500px){
	/* PC Only */
	.pc-only {display:none;}
}

@media only screen and (max-width:425px){

}

/* 250124,soyun, 검색 박스와 count 병렬 */
.search_cnt_box{display: flex;justify-content: space-between;align-items: end;}
.search_cnt_box .searchwrap{padding:0; margin-bottom: 0; background: #fff;}
.search_cnt_box .searchwrap .searchbox{width: 350px; height: 40px;border-radius: 5px;padding:0 50px 0 20px; border:2px solid #2b2b2b;}
.search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;}
.search_cnt_box .searchwrap .searchbox .ic_search {height: 40px;}

@media only screen and (max-width:450px){
	/* .search_cnt_box{flex-direction: column-reverse; align-items: stretch;} */
	.search_cnt_box .searchwrap .searchbox{width: 250px; margin-right: 0; margin-bottom: 5px;}
	.search_cnt_box .searchwrap .searchbox input {height: 40px; line-height: 40px;}
}