@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;
}
@font-face {
    font-family: 'NotoSerifKR';
    src: url('../font/NotoSerifKR-Bold.ttf') format('truetype');
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
}
/* Pretendard GOV */
@font-face {
    font-family: 'PretendardGOV';
    src: url('../font/PretendardGOV-Regular.woff') format('woff');
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'PretendardGOV';
    src: url('../font/PretendardGOV-Bold.woff') format('woff');
    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:'PretendardGOV', 'NotoSansKR', Sans-serif;}

pre {
    font-family:'PretendardGOV', '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:'PretendardGOV', 'NotoSansKR',Sans-serif; letter-spacing: -0.05em; line-height: 150%;font-weight: 400;}

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;}
/* 2025.07.25,soyun,KRDS 폰트 기준 적용 목적으로 html font-size 변경  font-size: 16px;  */
body, html {height: 100%; margin: 0; padding: 0; font-family:'PretendardGOV', 'NotoSansKR',Sans-serif;font-size: 17px; line-height: 1.5; letter-spacing: -0.05em;/*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:'PretendardGOV', 'NotoSansKR',Sans-serif; font-size: 18px; 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 {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:'PretendardGOV', 'NotoSansKR',Sans-serif;}

:root {
    font-size: 62.5%; /* 1rem = 10px */

    /* Main 화면 색상 계열 */
    --color-main-gray: #565656; /*#d9d9d9;*/
    --color-main-border: #d5d5d5;

    /* Primary 색상 계열 */
    --color-primary: #2a65d0;     /* 메인 컬러 */
    --color-primary-bright:#3498db;
    --color-primary-light: #A7C8F2; /*#3380cc;*/
    --color-primary-dark: #002B5C; /*#003377;*/

    /* Point (Accent) 색상 */
    --color-accent: #2a65d0; /*#FF6600;*/      /* 포인트 컬러 */
    --color-accent-light: #3498db;
    --color-accent-dark: #194ba7;

    /* 기타 텍스트 및 보조 컬러 */
    --color-text-black: #131313;
    --color-text-default: #333;
    --color-text-muted: #666;
    --color-text-light-gray: #b4b3b3;
    --color-bg-light: #f9f9f9;
    --color-border: #ddd;
    --color-text-white: #fff;
    --color-text-black-100: #000;
}

/* 텍스트에 색상 적용 */
.text-color-white { color: var(--color-text-white);}
.text-color-black { color: var(--color-text-black);}
.text-color-default { color: var(--color-text-default);}
.text-color-muted { color: var(--color-text-muted);}
.text-color-light-gray { color: var(--color-text-light-gray);}
.text-color-primary { color: var(--color-primary);}
.text-color-primary-bright { color: var(--color-primary-bright);}
.text-color-primary-dark { color: var(--color-primary-dark);}
.text-color-accent { color: var(--color-accent);}
.text-color-black-100 { color: var(--color-text-black-100);}

/* 배경에 포인트 색상 적용 */
.bg-accent { background-color: var(--color-accent); color: #fff; /* 텍스트 색상 반전 */ }

/* 테두리에 포인트 색상 적용 */
.border-accent { border: 1px solid var(--color-accent);}

/* 숫자용 letter-spacing */
.ls0 {letter-spacing: 0 !important;}
/* 숫자용 letter-spacing */
.lh100 {line-height: 100% !important;}

.txt-style-serif {
    font-family: 'NotoSerifKR', serif;
    font-weight: bold;
    font-style: normal;
}

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;}
.pt50{padding-top:50px !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 !important;}
.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:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.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 !important;}
.ball_eee{border:1px solid #eee !important;}
.bteee{border-top: 1px solid #eee !important;}
.bleee{border-left: 1px solid #eee !important;}

/* --- 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;}


/* --- KRDS Font Style --- */
/* ========== Display Styles ========== */
.display-large {font-size: 6rem; font-weight: 700; line-height: 150%;}  /* 60px */
.display-medium {font-size: 4.4rem; font-weight: 700; line-height: 150%;} /* 44px */
.display-small {font-size: 3.6rem; font-weight: 700; line-height: 150%;}  /* 36px */

/* ========== Heading Styles ========== */
.heading-xxlarge { font-size: 4.4rem; font-weight: 700; line-height: 150%;}  /* 44px */
.heading-xlarge  { font-size: 4rem; font-weight: 700; line-height: 150%;}     /* 40px */
.heading-large   { font-size: 3.2rem;   font-weight: 700; line-height: 150%;}     /* 32px */
.heading-medium  { font-size: 2.4rem; font-weight: 700; line-height: 150%;}     /* 24px */
.heading-small   { font-size: 1.9rem; font-weight: 700; line-height: 150%;}  /* 19px */
.heading-xsmall  { font-size: 1.7rem; font-weight: 700; line-height: 150%;}  /* 17px */
.heading-xxsmall { font-size: 1.5rem; font-weight: 700; line-height: 150%;}  /* 15px */

/* ========== Body Styles (Bold) ========== */
.body-xlarge-bold  { font-size: 2.1rem; font-weight: 700; line-height: 150%; } /* 21px */
.body-large-bold  { font-size: 1.9rem; font-weight: 700; line-height: 150%; } /* 19px */
.body-medium-bold { font-size: 1.7rem; font-weight: 700; line-height: 150%; } /* 17px */
.body-small-bold  { font-size: 1.5rem; font-weight: 700; line-height: 150%; } /* 15px */
.body-xsmall-bold { font-size: 1.3rem; font-weight: 700; line-height: 150%; } /* 13px */

/* ========== Body Styles (Regular) ========== */
.body-xlarge  { font-size: 2.1rem; font-weight: 400; line-height: 150%; } /* 21px */
.body-large   { font-size: 1.9rem; font-weight: 400; line-height: 150%; } /* 19px */
.body-medium  { font-size: 1.7rem; font-weight: 400; line-height: 150%; } /* 17px */
.body-small   { font-size: 1.5rem; font-weight: 400; line-height: 150%; } /* 15px */
.body-xsmall  { font-size: 1.3rem; font-weight: 400; line-height: 150%; } /* 13px */

/* ========== Responsive (Mobile - max-width:768px) ========== */
@media (max-width: 768px) {
  .display-large {font-size: 4.4rem !important;}  /* 44px */
  .display-medium {font-size: 3.2rem !important;}    /* 32px */
  .display-small {font-size: 2.8rem !important;}  /* 28px */
  
  .heading-xlarge  { font-size: 2.8rem !important; }   /* 28px */
  .heading-large   { font-size: 2.4rem !important; }    /* 24px */
  .heading-medium  { font-size: 2.2rem !important; }  /* 22px */
  .heading-small   { font-size: 1.9rem !important; } /* 19px */
  .heading-xsmall  { font-size: 1.7rem !important; } /* 17px */
  .heading-xxsmall { font-size: 1.5rem !important; } /* 15px */

  .body-xlarge-bold,
  .body-xlarge {font-size:2.0rem;} /* 20px */

  /*.body-large-bold, .body-large   { font-size: 1.1875rem !important; } !* 19px *!*/
  /*.body-medium-bold, .body-medium { font-size: 1.0625rem !important; } !* 17px *!*/
  /*.body-small-bold, .body-small   { font-size: 0.9375rem !important; } !* 15px *!*/
  /*.body-xsmall-bold, .body-xsmall { font-size: 0.8125rem !important; } !* 13px *!*/
}

/* ========== Responsive (Mobile - max-width:480px) ========== */
@media (max-width: 480px) {
    .body-xlarge-bold, .body-xlarge {font-size:1.8rem;} /* 18px */
    .body-large-bold, .body-large{font-size:1.7rem;}
    /*  .display-large {font-size: 2.75rem !important;}  !* 유지 44px *!*/
    /*  .display-medium {font-size: 2rem !important;}    !* 유지 32px *!*/
    /*  .display-small {font-size: 1.75rem !important;}  !* 유지 28px *! */

    /*  .heading-xlarge  { font-size: 1.5rem !important; }   !* 24px *!*/
    /*  .heading-large   { font-size: 1.375rem !important; } !* 22px *!*/
    /*  .heading-medium  { font-size: 1.25rem !important; }  !* 20px *!*/
    /*  .heading-small   { font-size: 1.0625rem !important; }!* 17px *!*/
    /*  .heading-xsmall  { font-size: 1rem !important; }     !* 16px *!*/
    /*  .heading-xxsmall { font-size: 0.875rem !important; } !* 14px *!*/

    /*  .body-large-bold, .body-large   { font-size: 1.1875rem !important; } !* 19px *!*/
    /*  .body-medium-bold, .body-medium { font-size: 1.0625rem !important; } !* 17px *!*/
    /*  .body-small-bold, .body-small   { font-size: 0.9375rem !important; } !* 15px *!*/
    /*  .body-xsmall-bold, .body-xsmall { font-size: 0.8125rem !important; } !* 13px *!*/
}

/* --- KRDS Font Style --- */

.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;}

/* .indent {display: block;padding-left: 1.2em;text-indent: -1.2em;}
.indent-2 {display: block; padding-left: 2em;text-indent: -1.2em;} */
.indent {display: block;padding-left: 1.3em;text-indent: -1.2em;}
.indent-2 {display: block;padding-left: 2.3em;text-indent: -1em;}

/* --- 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;}

.txt_style_dq { /* before/after별 위치 기준 상이 */
    position: relative;display: inline-block;
}

.txt_style_dq::before,
.txt_style_dq::after {
    content: '';
    background: url('../img/common/icon_double_quotaion.png') no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: -1;
}

/* 왼쪽 따옴표 */
.txt_style_dq::before {
    left: -20px;
    top: 2px;
}

/* 오른쪽 따옴표 (180도 회전) */
.txt_style_dq::after {
    right: -30px;
    bottom: 0px !important;
    transform: rotate(180deg);
}

.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;}*/


.bg-white { background-color: #fff !important; }

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){*/
@media only screen and (max-device-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){

}