@charset "utf-8";

/* -- 확인완료 -- */
/* 기본 공통요소 style */

/* default */
html, body {width:100%; height:100%}
html {font-size:62.5%}
body { font-family:'Noto Sans KR', 'Malgun Gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', arial, sans-serif;font-size:16px;background:#fff;line-height:1.5;letter-spacing:-.035em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;color:#535353}
body:before {content:'';position:fixed;left:0;top:0;width:100%;height:0}/* fix webkit bug(scroll event delay) */
body.bg-type_a {background-color:#fff}
body, div, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, iframe, tr, tbody, thead, table, th, td, b, i, a, span, strong, em, label {margin:0;padding:0;box-sizing:border-box}
dl, dt, dd, ul, ol, li {box-sizing:border-box;list-style:none;padding:0}
h1, h2, h3, h4, h5, h6, dt {font-weight:normal}
img, fieldset, iframe, button {border:0 none}
dl, dt, dd, ul, ol, li {list-style:none;padding:0;margin:0}
table {/*border-collapse:collapse;*/border-spacing:0}
th, td {border-collapse:collapse}
legend, caption {height:0;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
hr {border:0;border-top:1px solid #ccc;margin:40px 0}
em, u, cite, i, abbr {font-style:normal;text-decoration:none}
strong, b {font-weight:normal}
a {color:rgb(16, 79, 252); outline-offset:1px;text-decoration:none;selector-dummy:expression(this.hideFocus=true);}
button {border:0 none;font-family:'Noto Sans KR','sans-serif';background:transparent;color:#666;cursor:pointer;}
input, textarea, select {box-sizing:border-box;font-family:'Noto Sans KR', sans-serif;font-size:16px}
input::-webkit-search-cancel-button,
[class*="inp-"]::-webkit-search-cancel-button {display:none}
label {cursor:pointer;}
a:focus-visible { outline: 3px solid #2460C5; }
button:focus-visible { outline: 3px solid #2460C5; }

.btn-base-main:focus-visible,
.base-skip a:focus-visible,
.btn-base-imp:focus-visible{outline-color: #46b36e;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, main, hgroup, nav, section, summary {display:block;margin:0;padding:0;box-sizing:border-box}

/* common */
caption {position:relative !important;width:0 !important;height:0 !important;z-index:-1 !important;color:transparent !important;overflow:hidden !important;font-size:xx-small !important;line-height:0 !important;min-height:0 !important;max-height:0 !important}
legend,
.hidden,
.hide {position:absolute !important;width:0 !important;height:0 !important;z-index:-1 !important;color:transparent !important;overflow:hidden !important;font-size:xx-small !important;line-height:0 !important;min-height:0 !important;max-height:0 !important}


/* base layout */
.base-skip {position: absolute; left: 0; top: 0; width: 100%; margin: 0 auto; z-index: 999999;}
.base-skip .hidden {overflow: hidden; position: absolute; line-height: 1px; font-size: 1px; text-indent: -30000px;}
.base-skip a{display:block; position:absolute; left:0; padding:15px 24px; height:30px; line-height:	0px; color:#fff; background-color: #790401;}
.base-skip a:link,
.base-skip a:visited,
.base-skip a:active{top:-10000px;}
.base-skip a:hover,
.base-skip a:focus{top:0;}
.base-layer {position:relative;z-index:20}
.base-wrap {position:relative;width:100%;min-height:100%;z-index:0;-webkit-overflow-scrolling:touch;/*overflow-x:hidden*/}


/* h group */
.tit-wrap {position:relative;width:100%;font-size:0}
.tit-wrap:after {content:"";display:block;clear:both}

/* ico_bullet */
.bul-hyphen,
.bul-dot,
.bul-etc {margin:10px 0}
.bul-dot li,
.bul-dot > dd,
.bul-hyphen li,
.bul-hyphen > dd,
p.bul-dot,
p.bul-hyphen,
p.bul-star {position:relative;margin-top:5px;padding-left:10px;line-height:1.5;display:block}
p.bul-care {position:relative;margin-top:5px;padding-left:15px;line-height:1.5;display:block}
p.bul-etc {position:relative;margin-top:5px;padding-left:20px;line-height:1.5;display:block}
.bul-dot li li:first-child,
.bul-dot li:first-child,
.bul-hyphen li li:first-child,
.bul-hyphen li:first-child {margin-top:0}
.bul-dot li:before,
.bul-dot dd:before,
p.bul-dot:before {content:"";position:absolute;left:0;top:9px;width:4px; height:4px; border-radius:50%; background:#555; font-weight:900;line-height:1.2}
.bul-hyphen li:before,
.bul-hyphen dd:before,
p.bul-hyphen:before {content:"-";position:absolute;left:0;top:1px;font-weight:400;line-height:1.2}
p.bul-star:before {content:"*";position:absolute;left:0;top:6px;font-weight:400;line-height:1.2}
p.bul-care:before {content:"※";position:absolute;left:0;top:2px;font-weight:400;line-height:1.2}
.bul-hyphen ul,
.bul-dot ul,
.bul-etc ul,
.bul-etc ol {margin:5px 0 0}
.bul-dot dd li,
.bul-dot li li,
.bul-hyphen dd li,
.bul-hyphen li li {margin:5px 0 0;padding-left:10px}
.bul-dot dt,
.bul-hyphen dt {color:#000;font-weight:500}
.bul-dot ul li:before {content:"-";position:absolute;left:0;top:0;font-weight:400;line-height:1.2}
.bul-hyphen ul li:before {content:"·";position:absolute;left:0;top:2px;font-weight:900;line-height:1.2}
.bul-etc > li {position:relative;margin-top:5px;padding-left:20px;line-height:1.5;display:block}
.bul-ico {position:relative;top:0;margin:0 0 0 -20px;width:20px;display:inline-block}

/* text:type */
[class*="txt-mark"] {display:inline-block;margin:0 5px;padding:7px 0 0; font-size:12px; vertical-align: top}
.txt-mark-r {margin-right:20px}
.txt-mark-l {margin-left:20px}

/* text:align */
.align-c {text-align:center !important}
.align-c th,
.align-c td {text-align:center !important}
.align-l {text-align:left !important}
.align-l th,
.align-l td {text-align:left !important}
.align-r {text-align:right !important}
.align-r th,
.align-r td {text-align:right !important}

.ellp {position:relative;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-break:normal}

.mg-n {margin:0 !important}
.mg-xxxs {margin:5px !important}
.mg-xxs {margin:10px !important}
.mg-xs {margin:15px !important}
.mg-s {margin:20px !important}
.mg-m {margin:25px !important}
.mg-l {margin:30px !important}
.mg-xl {margin:40px !important}
.mg-xxl {margin:50px !important}
.mg-xxxl {margin:60px !important}

.mgt-n {margin-top:0 !important}
.mgt-xxxs {margin-top:5px !important}
.mgt-xxs {margin-top:10px !important}
.mgt-xs {margin-top:15px !important}
.mgt-s {margin-top:20px !important}
.mgt-m {margin-top:25px !important}
.mgt-l {margin-top:30px !important}
.mgt-xl {margin-top:40px !important}
.mgt-xxl {margin-top:50px !important}
.mgt-xxxl {margin-top:60px !important}

.mgb-n {margin-bottom:0 !important}
.mgb-xxxs {margin-bottom:5px !important}
.mgb-xxs {margin-bottom:10px !important}
.mgb-xs {margin-bottom:15px !important}
.mgb-s {margin-bottom:20px !important}
.mgb-m {margin-bottom:25px !important}
.mgb-l {margin-bottom:30px !important}
.mgb-xl {margin-bottom:40px !important}
.mgb-xxl {margin-bottom:50px !important}
.mgb-xxxl {margin-bottom:60px !important}

.mgl-n {margin-left:0 !important}
.mgl-xxxs {margin-left:5px !important}
.mgl-xxs {margin-left:10px !important}
.mgl-xs {margin-left:15px !important}
.mgl-s {margin-left:20px !important}
.mgl-m {margin-left:25px !important}
.mgl-l {margin-left:30px !important}
.mgl-xl {margin-left:40px !important}
.mgl-xxl {margin-left:50px !important}
.mgl-xxxl {margin-left:60px !important}

.mgr-n {margin-right:0 !important}
.mgr-xxxs {margin-right:5px !important}
.mgr-xxs {margin-right:10px !important}
.mgr-xs {margin-right:15px !important}
.mgr-s {margin-right:20px !important}
.mgr-m {margin-right:25px !important}
.mgr-l {margin-right:30px !important}
.mgr-xl {margin-right:40px !important}
.mgr-xxl {margin-right:50px !important}
.mgr-xxxl {margin-right:60px !important}

.pd-n {padding:0 !important}
.pd-xxxs {padding:5px !important}
.pd-xxs {padding:10px !important}
.pd-xs {padding:15px !important}
.pd-s {padding:20px !important}
.pd-m {padding:25px !important}
.pd-l {padding:30px !important}
.pd-xl {padding:40px !important}
.pd-xxl {padding:50px !important}
.pd-xxxl {padding:60px !important}

.pdt-n {padding-top:0 !important}
.pdt-xxxs {padding-top:5px !important}
.pdt-xxs {padding-top:10px !important}
.pdt-xs {padding-top:15px !important}
.pdt-s {padding-top:20px !important}
.pdt-m {padding-top:25px !important}
.pdt-l {padding-top:30px !important}
.pdt-xl {padding-top:40px !important}
.pdt-xxl {padding-top:50px !important}
.pdt-xxxl {padding-top:60px !important}

.pdb-n {padding-bottom:0 !important}
.pdb-xxxs {padding-bottom:5px !important}
.pdb-xxs {padding-bottom:10px !important}
.pdb-xs {padding-bottom:15px !important}
.pdb-s {padding-bottom:20px !important}
.pdb-m {padding-bottom:25px !important}
.pdb-l {padding-bottom:30px !important}
.pdb-xl {padding-bottom:40px !important}
.pdb-xxl {padding-bottom:50px !important}
.pdb-xxxl {padding-bottom:60px !important}

.pdl-n {padding-left:0 !important}
.pdl-xxxs {padding-left:5px !important}
.pdl-xxs {padding-left:10px !important}
.pdl-xs {padding-left:15px !important}
.pdl-s {padding-left:20px !important}
.pdl-m {padding-left:25px !important}
.pdl-l {padding-left:30px !important}
.pdl-xl {padding-left:40px !important}
.pdl-xxl {padding-left:50px !important}
.pdl-xxxl {padding-left:60px !important}

.pdr-n {padding-right:0 !important}
.pdr-xxxs {padding-right:5px !important}
.pdr-xxs {padding-right:10px !important}
.pdr-xs {padding-right:15px !important}
.pdr-s {padding-right:20px !important}
.pdr-m {padding-right:25px !important}
.pdr-l {padding-right:30px !important}
.pdr-xl {padding-right:40px !important}
.pdr-xxl {padding-right:50px !important}
.pdr-xxxl {padding-right:60px !important}

.w-xxxs {width:5% !important}
.w-xxs {width:10% !important}
.w-xs {width:15% !important}
.w-s {width:20% !important}
.w-m {width:25% !important}
.w-l {width:30% !important}
.w-xl {width:35% !important}
.w-xxl {width:40% !important}
.w-xxxl {width:45% !important}
.w-half {width:50% !important}
.w-full {width:100% !important}
.w-auto {width:auto !important}


/* table:col */
.col-th {width:100px}
.col-num {width:50px}
.col-name {width:100px}
.col-date {width:120px}
.col-date-scr {width:137px}
.col-id {width:100px}

.col-auto {width:auto}
.col-xxxs {width:10%}
.col-xxs {width:10%}
.col-xs {width:15%}
.col-s {width:20%}
.col-m {width:25%}
.col-l {width:30%}
.col-xl {width:35%}
.col-xxl {width:40%}
.col-xxxl {width:45%}
.col-half {width:50%}

/* point-color*/
.point-color1 {color:#cb0802 !important;}


/* layout */
.in-wrap {position:relative;font-size:0;margin:10px 0}
.in-wrap > *,
.in-item {display:inline-block;vertical-align:top}

.fl-wrap {position:relative;margin:10px 0}
.fl-wrap:after {content:"";display:block;clear:both}
.fl-item-l {float:left;position:relative}
.fl-item-r {float:right;position:relative}

.fx-wrap {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:single;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:10px 0}
.fx-dir-row {-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}
.fx-dir-rev {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.fx-dir-col {-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.fx-dir-revcol {-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.fx-line {-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}

.fx-align-start {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.fx-align-end {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.fx-align-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.fx-align-justify {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.fx-valign-start {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.fx-valign-end {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.fx-valign-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fx-valign-stretch {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.fx-valign-baseline {-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}

.fx-order-1 {-webkit-box-ordinal-group:1;-ms-flex-order:1;order:1}
.fx-order-2 {-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2}
.fx-order-3 {-webkit-box-ordinal-group:3;-ms-flex-order:3;order:3}
.fx-order-4 {-webkit-box-ordinal-group:4;-ms-flex-order:4;order:4}
.fx-order-5 {-webkit-box-ordinal-group:5;-ms-flex-order:5;order:5}

.fx-item-0 {-webkit-box-flex:0;-ms-flex:0;flex-grow:0}
.fx-item-1 {-webkit-box-flex:1;-ms-flex:1;flex-grow:1}
.fx-item-2 {-webkit-box-flex:2;-ms-flex:2;flex-grow:2}
.fx-item-3 {-webkit-box-flex:3;-ms-flex:3;flex-grow:3}
.fx-item-4 {-webkit-box-flex:4;-ms-flex:4;flex-grow:4}
.fx-item-5 {-webkit-box-flex:5;-ms-flex:5;flex-grow:5}
.fx-item-6 {-webkit-box-flex:6;-ms-flex:6;flex-grow:6}
.fx-item-7 {-webkit-box-flex:7;-ms-flex:7;flex-grow:7}
.fx-item-8 {-webkit-box-flex:8;-ms-flex:8;flex-grow:8}
.fx-item-9 {-webkit-box-flex:9;-ms-flex:9;flex-grow:9}
.fx-item-10 {-webkit-box-flex:10;-ms-flex:10;flex-grow:10}
.fx-item-11 {-webkit-box-flex:11;-ms-flex:11;flex-grow:11}
.fx-item-12 {-webkit-box-flex:12;-ms-flex:12;flex-grow:12}


.form-label {position:absolute !important;  width:1px; height:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px, 1px, 1px, 1px);}
.d-block{display: block;}

/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.pay__wrap .icon {
    background-image: url(/common/img/contents/icon_pays_ci.png);
    width: 86px;
    height: 58px;
    background-size: 608px 58px;
}

/* IR 효과 */
.ir { position: absolute; margin: -1px; width: 1px; height: 1px; padding: 0; border: 0; white-space: nowrap; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); }
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
.blind { overflow: hidden; position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; line-height: 0; margin: -1px; }
/* 기능의 용도를 제공할 때 */
.ir.toggle-on { display: none }
.ir.toggle-off { display: block }

.active > .ir.toggle-on { display: block }
.active > .ir.toggle-off { display: none }

/* click 영역제거 */

.C_hidden { border:0; outline:0; }

.d-block { display: block !important; }
.ellipse { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipse.lh2 { white-space: normal; line-height: 1.2; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipse.lh3 { white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipse.lh4 { white-space: normal; line-height: 1.2; height: 4.8em; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.ellipse.lh5 { white-space: normal; line-height: 1.2; height: 6.0em; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }