@charset "UTF-8";

legend, .sr_only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }
fieldset { border: none; }
button, select { cursor: pointer; }
select { border: solid 1px #cdcdcd; background-color: #ffffff; font-size: 15px; color: #202020; font-weight: 600; -webkit-appearance: none; appearance: none; padding: 0 40px 0 8px; background-image: url(../img/sub/images/select_arrow.png); background-repeat: no-repeat; background-position: right center; }
input { border: solid 1px #cdcdcd; background-color: #ffffff; font-size: 15px; color: #202020; padding: 0 8px; font-family: 'Noto Sans CJK KR'; }
button { font-size: 13px; transition: 0.2s; }
dt, dd { line-height: 1.3; }

/* 상단 인포 */
.contInfoBox { margin-top: 20px; padding: 25px 20px 20px 80px; background-repeat: no-repeat; border: solid 1px #eaeaea; background-color: #f9f9f9; background-position: 20px; background-size: 50px auto; }
.contInfoBox > p { margin: 0; font-size: 16px; letter-spacing: -0.02em; line-height: 1.4; }
.contInfoBox.bNotice { background-image: url(../img/sub/images/icons_box_notice.png); }
.contInfoBox.bAdvice { background-image: url(../img/sub/images/icons_box_advice.png); }
.contInfoBox.bAdvice2 { background-image: url(../img/sub/images/icons_box_advice2.png); }
.contInfoBox.bCopywrite { background-image: url(../img/sub/images/icons_box_copywrite.png); }
.contInfoBox.bData { background-image: url(../img/sub/images/icons_box_data.png); }
.contInfoBox.bFavorit { background-image: url(../img/sub/images/icons_box_favorit.png); }
.contInfoBox.bForm { background-image: url(../img/sub/images/icons_box_form.png); }
.contInfoBox.bImport { background-image: url(../img/sub/images/icons_box_import.png); }
.contInfoBox.bInfo { background-image: url(../img/sub/images/icons_box_info.png); }
.contInfoBox.bQna { background-image: url(../img/sub/images/icons_box_qna.png); }

@media only screen and (max-width: 768px) {
	.contInfoBox { padding: 20px 20px 20px 70px; background-position:10px;}
	.contInfoBox > p { font-size: 15px; }
}
@media only screen and (max-width: 460px) {
	.contInfoBox { padding: 10px 15px; background-image: none!important; }
}

/*
@media only screen and (max-width: 768px) {
	.contInfoBox { padding: 10px 15px; background-image: none!important; }
	.contInfoBox > p { font-size: 15px; }
}
*/

.contArea > .contInfoBox { margin-bottom: 30px; margin-top: 0; }

/* 타이틀 텍스트 */
.contArea { padding: 40px 0; }
.contArea section { padding-bottom: 40px; }
.contArea h1, .contArea h2, .contArea h3 { font-weight: 600; position: relative; letter-spacing: 0; line-height: 1.3; }
.contArea h4,
.contArea h5 { font-weight: 500; }
.contArea h3,
h3.bTitle { color: #0d439b; font-size: 24px; letter-spacing: -0.03em; line-height: 1.3; margin-bottom: 12px; font-weight: 600; }/*#303f8b*/
.contArea > h4,
.contArea section h4 { display:block; padding: 14px 0 0 0; color: #000; font-size: 20px;  font-weight:600;  letter-spacing: -0.05em; margin: 20px 0 10px 0; line-height: 1.3; }/*background-image: url("/img/common/h4_icon.png"); background-repeat: no-repeat; background-position: left 8px; */

.contArea h3 span{font-size: 22px;  font-weight:500}

@media only screen and (max-width: 768px) {
	.contArea h3, h3.bTitle { font-size: 20px; }
	.contArea > h4,
	.contArea section h4 { font-size: 16px; background-position: left 5px;}

	.contArea h3 span{font-size: 18px}
}
.subTitle { font-size: 20px!important; font-weight: 600; color: #2668ae; padding: 10px 0 5px; }

/* 텍스트 모음 */
.txtBlue, .c_point { color: #2668ae!important; font-weight: 500!important; }
.txtRed, .r_point { color:#cb2b2b!important; font-weight: 500!important; }
.txtGreen { color:#479b8f!important; font-weight: 500!important; }
.Blue{ color: #2668ae!important }
.contArea p { font-size: 16px; letter-spacing:-0.02em; line-height: 1.6; margin: 0; }
b, .bold { font-weight: 600; }
.under_line {text-decoration:underline;}
.contArea .txtBullet { position: relative; padding-left: 12px; font-size: 13px; }
.contArea .txtBullet::before { position: absolute; content: ""; width: 3px; height: 3px; background-color: #0089ff; left: 4px; top: 8px; }
.exText { font-size: 14px; font-weight: 500; color: #101010; font-style: italic; }
.exsText { font-size: 14px; font-weight: 500; color: #101010; }
.subText { font-size: 15px; font-weight: 400; color: #333; vertical-align: top; }
.upText { font-size: 12px; font-weight: 600; color: #d33929; padding-left: 5px; vertical-align: top; }
.smallTxt { font-size: 15px!important; padding: 5px 0; font-weight: 500; color: #202020; }
.supList { font-size: 15px!important; list-style: decimal; padding-left: 24px; }
.supList > li { padding-bottom: 4px; }
.supList > li:last-of-type { padding-bottom: 0; }
.supList > li::marker { color: #d33929; font-weight: 600; }
.sticker { background-color: #ffd5d5; color: #601414!important; padding: 0 12px; border-radius: 20px; font-size: 14px!important; display: inline-block!important; }

/*
@media only screen and (max-width: 768px) {
	.contArea p { font-size: 14px; letter-spacing: 0; line-height: 1.4; margin: 0; }
}
*/

/* 링크 */
a.type001 { background-color: #e6e8f1; color: #202020; padding: 5px 10px; text-align: center; transition: 0.1s; }
a.type001:hover,
a.type001:focus { background-color: #dae0fd; }

/* 목록 */
.contArea ul > li {line-height: 1.4; font-size: 16px;letter-spacing: -0.02em;}
.contArea .bsList { list-style: none; margin: 0; padding-left: 0; margin-bottom: 5px; }
.contArea .bsList > li { padding-left: 12px; padding-bottom: 10px; position: relative; }
/* .contArea .bsList > li:last-of-type { padding-bottom: 0; } */
.contArea .bsList > li::before { content: ""; position: absolute; width: 5px; height: 2px; background-color: #0052b8; left: 2px; top: 9px; }

.contArea .bsListin { list-style: none; padding-left: 0; margin: 5px 0}/*margin: 5px 0 7px 0;*/
.contArea .bsListin > li {position: relative; padding-left:8px; padding-bottom: 4px; font-weight: 400; word-break:keep-all } /* padding-left: 20px; */
.contArea .bsListin > li:last-of-type { padding-bottom: 0; }
.contArea .bsListin > li::before { content: ""; position: absolute; width: 3px; height: 3px; background: #0052b8; border-radius: 3px; left: 0; top: 9px; }
.contArea .bsListin > li strong{color:#000; font-weight:500}

.contArea .bsListin.type_wb > li {word-break:break-all!important}
/*.contArea .bsListin > li::before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 5px solid #2d7dd2; border-left: 2px solid transparent; border-right: 2px solid transparent; transform: rotate(90deg); left: 12px; top: 8px; }*/

.contArea .bsListinb { list-style: none; margin: 5px 0; padding-left: 0; margin-bottom: 3px; }
.contArea .bsListinb > li { padding-left: 12px; position: relative; padding-bottom: 2px;}
.contArea .bsListinb > li:last-of-type { padding-bottom: 0; }
.contArea .bsListinb > li::before { content: ""; position: absolute; width: 3px; height: 3px; background-color: #dd731f; left: 5px; top: 10px; }

/*.contArea .bsList .bsListin { margin-bottom: 0; }*/
.contArea .bsList .bsListin .bsListinb { margin-bottom: 0; }

.contArea .numList { list-style: decimal; margin: 0; padding: 5px 10px 5px 22px; }
.contArea .numList > li {line-height: 1.5; padding-bottom: 8px; }

.contArea .numList2 { list-style: decimal-leading-zero; margin: 0; padding: 5px 10px 5px 22px; }
.contArea .numList2 > li { line-height: 1.5; padding-bottom: 5px; }

.contArea .hanList { list-style: hangul; padding: 4px 0  6px 25px; }
.contArea .hanList > li { line-height: 1.5; }

.contArea .romList { list-style: upper-roman; padding: 4px 0  6px 22px; }
.contArea .romList > li { line-height: 1.5; }

.contArea .betList { list-style: upper-alpha; padding: 4px 0  4px 22px; }
.contArea .betList > li { line-height: 1.5; }

.contArea .lowbetList { list-style: lower-alpha; padding: 4px 0  4px 22px; }
.contArea .lowbetList > li { line-height: 1.5; }

.contArea .lowromList { list-style: lower-roman; padding: 4px 0  4px 22px; }
.contArea .lowromList > li { line-height: 1.5; }

.list_01 li{word-break:keep-all; padding:0 0 3px 5px; font-size:15px}

@media only screen and (max-width: 768px) {
	.contArea ul > li { font-size: 15px; }
}

/* 다운로드 & 링크 */
.contArea .downloadBox { background-color: #f1f4f8; padding: 30px 0; margin-bottom: 30px; }
.contArea .downloadBox a { background-color: #ffffff; background-repeat: no-repeat; display: inline-block; transition: 0.1s; text-decoration: none; color: #114d74; line-height: 1.3; font-size: 16px; border: solid 1px #abb8cd; padding:10px 38px 10px 18px; background-position: right 6px center; margin: 3px 5px; font-weight: 500; }
.contArea .downloadBox a:hover,
.contArea .downloadBox a:focus { border: solid 1px #0d3387; }
.contArea .downloadBox a.linkDown { background-image: url(../img/sub/images/icons_download.png); }
.contArea .downloadBox a.linkShortcut { background-image: url(../img/sub/images/t_blank_icon.png); padding: 10px 28px 10px 10px; background-position: right 10px center; }

@media only screen and (max-width: 600px) {
	.contArea .downloadBox{padding:20px 0;}
	.contArea .downloadBox a {padding: 10px 35px 10px 10px; font-size: 14px; }
	.contArea .bsListinb > li::before{top:9px;}
}
.contArea .downloadBox span.bold { position:relative; font-weight: 500; font-size:18px; padding-right:10px; word-break:keep-all}
.contArea .downloadBox span.bold::before { content: ""; position: absolute; width: 5px; height: 5px; background-color: #0052b8; left: -12px; top: 10px; border-radius:10px }

@media only screen and (max-width: 500px) {
	.contArea .downloadBox span.bold {display:block; margin-bottom:5px; font-size:14px; line-height:18px}
	.contArea .downloadBox span.bold::before{display:none}
	}

.contArea .shortIcon { background-color: #f8fbff; padding: 20px; margin-bottom: 5px; text-align: center; border: solid 1px #e0e6ed; }
.contArea .shortIcon a { background-color: #f5f5f5; border: solid 1px #d7d7d7; color: #949494; padding: 10px 10px 10px 32px; background-repeat: no-repeat; background-position: 9px 7px; font-size: 15px; display: inline-block; transition: 0.2s; }
.contArea .shortIcon a:hover,
.contArea .shortIcon a:focus { border: solid 1px #7697ac; color: #2d5066; }
.contArea .shortIcon a.linkDown { background-image: url(../img/sub/images/icons_download.png);  }
.contArea .shortIcon a.linkShortcut { background-image: url(../img/sub/images/t_blank_icon.png); }

.contArea a.linkCut { background-image: url(../img/sub/images/icons_shortcut.png); background-repeat: no-repeat; padding-left: 18px; background-position: 2px center; color: #0e55c3; }

.contArea a.shortCut,
a.shortCut { transition: 0.1s; text-decoration: none; color: #0e55c3; line-height: 1.3;position: relative; padding-right: 21px; margin-right: 8px; }
.contArea a.shortCut::after,
a.shortCut::after { content: ""; position: absolute; width: 18px; height: 13px; background-image: url(/img/sub/images/t_blank_icon.png); background-repeat: no-repeat; margin: 5px; }
.shortCut .ico_window { margin-left: 0; }

.contArea a.downLoad,
a.downLoad { background-image: url(/img/sub/images/icons_download.png); background-repeat: no-repeat; display: inline-block; transition: 0.1s; text-decoration: none; color: #0e55c3; line-height: 1.3; background-position: right center; padding-right: 19px; }

.contArea a.downLink { background-image: url(../img/sub/images/icons_download.png); background-repeat: no-repeat; display: inline-block; transition: 0.1s; text-decoration: none; color: #7697ac; line-height: 1.3; font-size: 15px; border: solid 1px #7697ac; padding: 4px 26px 4px 7px; background-position: 96% 4px; margin-left: 10px; }
.contArea a.downLink:hover,
.contArea a.downLink:focus { border: solid 1px #39505e; color: #39505e; }

.contArea a.shortHome { font-size: 14px; border: solid 1px #c9cedd; padding: 6px 4px 6px 22px; background-image: url("../img/sub/images/path_home.png"); background-repeat: no-repeat; background-position: 4px center; color: #42668c; transition: 0.15s; }
.contArea a.shortHome:hover,
.contArea a.shortHome:focus { border: solid 1px #42668c; }

.contArea a.downPdf { background-image: url(../img/sub/images/file_pdf.gif); background-repeat: no-repeat; transition: 0.1s; text-decoration: none; color: #0e55c3; line-height: 1.3; background-position: right center; padding-right: 20px; }

/* 테이블 */
.contArea .bsTable { margin: 5px 0; position: relative; }
.contArea .bsTable > table { width: 100%; border:1px solid #2668ae; border-width:2px 0 0;}
.contArea .bsTable th,
.contArea .bsTable td { padding: 12px 10px; border-bottom: solid 1px #dadada; border-right: solid 1px #dadada; line-height: 1.3; }
.contArea .bsTable th:last-of-type,
.contArea .bsTable td:last-of-type { border-right: 0; }
.contArea .bsTable th { background-color: #f8fbff; font-size: 16px;letter-spacing: -0.02em; vertical-align: middle; font-weight: 500; }
.contArea .bsTable td { background-color: #ffffff; font-size: 16px;letter-spacing: -0.02em;}
.contArea .bsTable tr.center,
.contArea .bsTable td.center { text-align: center; }
.contArea .bsTable tr.sum > td,
.contArea .bsTable td.sum { background-color: #f3f3f3; font-weight: 500; }
.contArea .bsTable tr.point > td,
.contArea .bsTable td.point { background-color: #fffeef; }
.contArea .bsTable tr.disable > td,
.contArea .bsTable td.disable { background-color: #f2f2f2; color: #999999; }
.contArea .bsTable tr.pointR > td,
.contArea .bsTable td.pointR { background-color: #fffcfc; font-weight: 500; }
.contArea .bsTable tr.pointG > th,
.contArea .bsTable th.pointG { background-color: #eaeaea; font-weight: 500; }
.contArea .bsTable tr.pointG > td,
.contArea .bsTable td.pointG { background-color: #f3f3f3; font-weight: 600; }
.contArea .srTable { position: relative; }
.contArea .nLTable { position: relative; }
.contArea .nLTable th,
.contArea .nLTable td { border-right: 0; }
.contArea .smTable th,
.contArea .smTable td { font-size: 14px; line-height: 1.3; padding-left: 0; padding-right: 0; }
.contArea .wbTable {word-break: break-all;}
.contArea .kbTable {word-break: keep-all;}
.contArea .bsTable th.r_line,
.contArea .bsTable td.r_line { border-right: solid 1px #dadada!important;  }

.contArea .bsTable .blue_bg{background:#2668ae; border-radius:30px; padding:2px 13px; color:#fff; margin-bottom:10px; width:fit-content; display:block}
.contArea .bsTable .green_bg{background:#007da1; border-radius:30px; padding:2px 13px; color:#fff; margin-bottom:10px; width:fit-content; display:block}

.contArea .bsTable td.grey { background-color: #f2f2f2; text-align: center; vertical-align: middle; }
.contArea .bsTable td.blue { background-color: #eaf4ff; text-align: center; vertical-align: middle; }
.contArea .bsTable td.red { background-color: #ffeaed; text-align: center; vertical-align: middle; }
.contArea .bsTable td.none_Bline {border-bottom:none!important }
.contArea .bsTable td.none_Bline01 {border-bottom:none!important;  padding: 5px 10px!important }

.contArea p.tableDanwi { position: absolute; right: 0; top: -23px; font-size: 15px; font-weight: 500; }
.contArea p.tableDanwi span { position: absolute; left: 0; top: -23px; font-size: 15px; font-weight: 500; }

.contArea ul.tableDanwi_02 { position: relative; display:block; width:100%;  }
.contArea ul.tableDanwi_02 li { display:block;  width:auto; font-size: 15px; font-weight: 500;   }
.contArea ul.tableDanwi_02 li:nth-child(1) {float:left}
.contArea ul.tableDanwi_02 li:nth-child(2) { float:right}

@media only screen and (max-width: 1650px) {
.contArea > .contInfoBox  br{display:none}
}

@media only screen and (max-width: 992px) {
	.contArea p.tableDanwi { position: relative; text-align: right; top: unset; }
}

table.mdTable td { vertical-align: middle; }

@media only screen and (max-width: 992px) {
	.contArea .srTable { overflow-x: auto; padding-bottom: 50px; }
	.contArea .srTable::after { content: ""; position: absolute; background-image: url(../img/sub/images/icons_drag.gif); background-repeat: no-repeat; background-position: center; background-size: cover; width: 30px; height: 30px; left: 50%; bottom: 7px; }
	.contArea .srTable > .bsTable  ,
	.contArea .srTable > table { min-width: 992px; }
}

@media only screen and (max-width: 340px) {
	.contArea .srTable_340 { overflow-x: auto; padding-bottom: 50px; }
	.contArea .srTable_340::after { content: ""; position: absolute; background-image: url(../img/sub/images/icons_drag.gif); background-repeat: no-repeat; background-position: center; background-size: cover; width: 30px; height: 30px; left: 50%; bottom: 7px; }
	.contArea .srTable_340 > #myChart  ,
	.contArea .srTable_340 > div { min-width: 340px; }
}

@media only screen and (max-width: 768px) {
/* 	.contArea .srTable > .bsTable, */
/* 	.contArea .srTable > table { min-width: 768px; } */

	.contArea .bsTable th { font-size: 15px; }
	.contArea .bsTable td { font-size: 15px; }
	.contArea .bsTable th,
	.contArea .bsTable td { padding: 8px 5px; }
}

/* border만있는 빈박스*/
.wrap_freeline { border:#dddddd solid 1px; padding:30px; margin-bottom:30px; }
.wrap_freeline p { line-height: 1.4; letter-spacing: 0; margin-bottom:10px; word-break:keep-all}

@media only screen and (max-width: 1024px) {
	.wrap_freeline{padding:20px;}
}

@media only screen and (max-width: 600px) {
	.wrap_freeline{padding:15px;}
}

/************************************************************/
/* as-is style */
/************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.Hidden, .blind {position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
.Dis_none {display:none; position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
caption {overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}
ol, ul {list-style: none; }

/* 링크스타일 as-is */
.t_blank {background:url(/img/sub/images/t_blank_icon.png) no-repeat right center; padding:0 16px 0 0; color: #006bb3; text-decoration: none; }
.t_blank:hover { color:#161c66; }

/************************************************/
/************************************************/

/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}


/* padding */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl140 {padding-left:140px !important;}

/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.float_l {float:left !important;}
.float_r {float:right !important;}
.align_l {text-align:left !important;}
.align_r {text-align:right !important;}
.align_c {text-align:center !important;}

/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}

/* line-height */
.lh1 { line-height: 1!important; }
.lh1_3 { line-height: 1.3!important; }
.lh1_5 { line-height: 1.5!important; }
.lh1_7 { line-height: 1.7!important; }
.lh2 { line-height: 2!important; }

/* flex type */
.spaceBetween { display: flex; justify-content: space-between; align-items: center; }
.spaceAround { display: flex; justify-content: space-around; align-items: center; }
.spaceCenter { display: flex; justify-content: center; align-items: center; }
.alignCenter { display: flex; align-items: center; }
.flexBasic { display: flex; }

@media only screen and (max-width: 600px) {
	.spaceBetween { flex-direction: column; align-items: flex-start; }
	.spaceBetween .subText:first-child {margin-bottom:5px;}
}

/* line type */
.brdTop { border-top: solid 1px #e2e2e2!important; }
.brdBottom { border-bottom: solid 1px #e2e2e2!important; }
.brdLeft { border-left: solid 1px #e2e2e2!important; }
.brdRight { border-right: solid 1px #e2e2e2!important; }

/* image size */
.w100 { width: 100%!important; }
.w50 { width: 50%!important; }
@media only screen and (max-width: 920px) {
	.imgSize { width: 100%!important; }
}

/* button */
.contArea a.commonBtn, a.commonBtn,
.contArea button.commonBtn,
.contArea input.commonBtn, input.commonBtn { display: inline-block; padding: 13px 20px; color: #ffffff; background-color: #043763; font-weight: 500; transition: 0.15s; font-size: 16px; border: none; }
.contArea a.commonBtn:hover,
.contArea a.commonBtn:focus,
a.commonBtn:hover, a.commonBtn:focus,
.contArea button.commonBtn:hover,
.contArea button.commonBtn:focus { background-color: #1969af; }

@media only screen and (max-width: 600px) {
	.contArea a.commonBtn, a.commonBtn,
	.contArea button.commonBtn { font-size: 14px; padding: 8px 12px; }
}

/* 하단 인포 */
.contArea .infoUnder { background-color: #fffcf6; border: solid 1px #ffb48e; border-top: solid 3px #ffb48e; background-image: url("../img/sub/images/icons_box_add.png"); background-repeat: no-repeat; padding: 15px 20px 15px 106px; background-position: 20px center; }
.contArea .infoUnder > h5 { font-size: 18px; font-weight: 500; color: #b90f0f; padding-left: 20px; position: relative; background-image: url("../img/sub/images/icons_reference.png"); background-repeat: no-repeat; background-position: left 1px; margin-bottom: 12px; }
.contArea .infoUnder > p { font-size: 16px; }

@media only screen and (max-width: 800px) {
	.contArea .infoUnder{padding:15px; background-image:none;}
}

/* 검색 조건 (테이블) */
/* .contSrch { margin: 30px 0 0;  } */
.contSrch > table { width: 100%; border-top: solid 2px #043763; }
.contSrch > table th,
.contSrch > table td { border-bottom: solid 1px #e9e9e9; }
.contSrch > table th { background-color: #f6fbff; vertical-align: middle;  padding: 10px 0; }
.contSrch > table td { padding: 7px; }
.contSrch > table select,
.contSrch > table input { height: 35px; width: 100%; }
.contSrch > table input { padding: 2px 5px; }
.contSrch > table input[type="radio"] { height: 20px; width: 20px; }
.contSrch > table input[type="date"] { width: 150px; }
.contSrch > .btnGroup { text-align: center; margin: 10px 0 0; }
.contSrch > .btnGroup input[type="submit"] { padding: 6px 24px; font-size: 17px; font-weight: 600; background-color: #043763; color: #ffffff; border: 0; transition: 0.15s; }
.contSrch > .btnGroup input[type="submit"]:hover,
.contSrch > .btnGroup input[type="submit"]:focus { background-color: #0a5699; }

/* 검색영역 (조건 1개) */
.contArea .blueBox { background-color: #f8fbff; padding: 30px 10px; margin-bottom: 10px; }
.contArea .blueBox > fieldset { display: flex; justify-content: center; align-items: center; }
.contArea .blueBox > fieldset > * { padding: 5px 10px; font-size: 16px; height: 40px; }
.contArea .blueBox select { width: 160px; }
.contArea .blueBox input[type="text"] { width: 400px; }
.contArea .blueBox input[type="submit"] { width: 80px; margin-right: 0; background-color: #043763; border: 1px solid #043763; color: #ffffff; }
.contArea .blueBox label { height: auto; }

.contArea .blueBox select,
.contArea .blueBox input[type="text"] { margin-right: 5px; border: solid 1px #d6d6d6; }
.contArea .blueBox select:hover,
.contArea .blueBox select:focus,
.contArea .blueBox input[type="text"]:hover,
.contArea .blueBox input[type="text"]:focus { border: solid 1px #043763; }

@media only screen and (max-width: 768px) {
	.contArea .blueBox > fieldset { flex-direction: column; }
	.contArea .blueBox > fieldset > * { width: 100%!important; margin: 0 0 5px 0!important; }
}

/* width(가로)값 고정 */
.wid50 { width: 50px!important; }
.wid100 { width: 100px!important; }
.wid150 { width: 150px!important; }
.wid200 { width: 200px!important; }

/* background-color */
.backGrey { background-color: #f9f9f9!important; padding: 30px; }
.backRed { background-color: #fff2f2!important; padding: 30px; }
.backBlue { background-color: #f2f5ff!important; padding: 30px; }
.backYellow { background-color: #fefff2!important; padding: 30px; }

@media only screen and (max-width: 1024px) {
	.backGrey,.backRed,.backBlue,.backYellow{padding:20px;}
}

@media only screen and (max-width: 600px) {
	.backGrey,.backRed,.backBlue,.backYellow{padding:15px;}
}

/* border none */
.brdRnone { border-right: none!important; }
.brdLnone { border-left: none!important; }
.brdTnone { border-top: none!important; }
.brdBnone { border-bottom: none!important; }

/* 조직·기능*/
.orgPart { padding: 22px; background-color: #fafafa; margin: 30px 0 0; }
.orgPart > ul { display: flex; flex-wrap: wrap; }
.orgPart > ul > li { white-space: nowrap; margin: 4px 10px; }
.orgPart > ul > li > a { font-size: 17px; padding: 4px 10px 4px 20px; display: block; background-image: url("/img/sub/images/blit_gray.png"); background-repeat: no-repeat; background-position: left center; font-weight: 500; color: inherit; }
.orgPart > ul > li > a.on { background-image: url("/img/sub/images/blit_blue.png"); color: #356ad2; }

.orgPoint > ul { padding-left: 8px; }
.orgPoint > ul > li { padding-left: 10px; position: relative;}
.orgPoint > ul > li::before { position: absolute; content: ""; width: 6px; height: 2px; background-color: #0052b8; left: 0; top: 12px; }
.orgPoint > ul > li > span { font-size: 16px; line-height: 1.6; }
.orgPoint > ul > li > span:nth-of-type(1) { font-weight: 500; }

.orgInfo { padding: 25px; border: solid 1px #dcdcdc; }
.orgInfo > ul { display: flex; align-items: center; border-bottom: solid 1px #d2d2d2; margin-bottom: 10px; padding-bottom: 10px; }
.orgInfo > ul > li { padding: 0 16px 8px 0; }
.orgInfo > ul > li > span { font-size: 18px; display: inline-block; }
.orgInfo > ul > li > span:nth-of-type(1) { font-weight: 600; padding-right: 4px; }
.orgInfo > ul > li > span:nth-of-type(2) {}
.orgInfo > div { font-size: 17px; line-height: 1.4; margin-top: 10px; }

@media only screen and (max-width: 660px) {
	.orgInfo > ul { flex-direction: column; align-items: flex-start; }
}

/* 개인정보처리방침 */
.privacy {width:100%; box-sizing:border-box; padding:15px 20px; margin:0; color:#333333; border:2px solid #ccc; border-bottom:0; font-size:18px; line-height:1.5;}
.privacy > ul > li{font-weight:500; margin-bottom:5px;}
.privacy > ul > li:last-child{margin-bottom:0;}
.privacy > ul > li > ul{padding:3px 0 3px 15px; font-weight:400;}
.privacy > ul > li > ul > li{background:url(/minwon/intro/img_intro/layout/index/slnb_depth2.gif) no-repeat left 10px; padding-left:8px;}
.agree_check{text-align:right; padding:10px 20px; border:2px solid #ccc; border-top:1px solid #ccc;}
.agree_check *{display:inline-block; vertical-align:middle;}
.agree_check span{margin-right:15px;}


/* 찾아오시는 길 */
.locationMap { border: solid 1px #d6d6d6; width: 100%; }
.locationMap .root_daum_roughmap { width: 100%!important; }

/* 사이트맵 & 누리집안내지도 */
.siteMap { }
.siteMap > article { margin-bottom: 30px; }
.siteMap a { display: inline-block; color: #252525!important; transition: 0.2s; position: relative; }
/* .siteMap a::after { position: absolute; content: ""; background-image: url(/img/sub/images/t_blank_icon.png); width: 18px; height: 13px; margin-left: 3px; margin-top: 2px; } */
.siteMap a:hover,
.siteMap a:focus { color: #0e55c3!important; transition: 0.1s; }

.siteMap span { display: block; margin-bottom: 2px; }

.siteMap p.depth01 { font-size: 24px; font-weight: 600; color: #003a75; padding-bottom: 5px; }

.siteMap .depth02 { margin-bottom: 20px; }
.siteMap .depth02 > li { margin: 0 10px 10px 0; width: 23.8%; display: inline-block; vertical-align: top; }
.siteMap .depth02 > li > span {background:#DAE8F3}/*border: solid 1px #adbfcd;*/
.siteMap .depth02 > li a { padding: 8px 19px 8px 10px; font-size: 18px; position: relative; }
.siteMap .depth02 > li > span > a { display:block; font-weight: 500; }
.siteMap .depth02 > li > span a.shortCut{line-height:1.6;}

/* 2depth title */
.siteMap.sitemap_v2 .depth02 > li > span {display:table; width:100%;}
.siteMap.sitemap_v2 .depth02 > li > span > a { display:table-cell; vertical-align:middle; height:61px; padding: 8px 10px; font-size: 16px; line-height:1.4em;}

.siteMap .depth03 {  }
.siteMap .depth03 > li { width: 100%; }
.siteMap .depth03 > li > span { border-bottom: dotted 1px #dbdbdb; padding-left: 10px; margin-bottom: 0; }
.siteMap .depth03 > li a { /* padding: 8px 19px 8px 20px; */ font-size: 16px; position: relative; }
.siteMap .depth03 > li > span > a { position:relative; padding-left:10px;}
.siteMap .depth03 > li > span > a:before{content:''; width:4px; height:4px; border-radius:50%; background:#bbb; position:absolute; left:0; top:18px;}

.siteMap .depth04 { display: flex; flex-wrap: wrap; }
.siteMap .depth04 > li { display: block; padding-left: 20px; background-color: #fcfeff; border-bottom: solid 1px #e7e9eb; width: 100%; }
.siteMap .depth04 > li span { }
.siteMap .depth04 > li a { padding-left:15px; font-size: 15px; position: relative; }
.siteMap .depth04 > li a:before{content:'';position: absolute; content: ""; width: 6px; height: 2px; background-color: #bbb; left: 0; top: 19px; }

.siteMap .depth05 { display: none; }
.siteMap .depth05 > li { display: inline-block; }
.siteMap .depth05 > li span { background-color: aqua;}
.siteMap .depth05 > li a { /* padding: 10px 19px 10px 30px; */ font-size: 13px; }

.siteMap .depth06 { display: none;  }
.siteMap .depth06 > li span { background-color: #ffffff; }
.siteMap .depth06 > li a { /* padding: 10px 19px 10px 30px; */ font-size: 12px; }

 .img_900 {width:100%; display:block; padding:40px; text-align:center; border:1px solid #ddd; box-sizing:border-box}

@media (min-width: 1101px) and (max-width: 1639px) {
	.siteMap .depth02::after { content: ""; width: 23%; }
	.siteMap .depth02 > li { width: 31.8%; }
	 .img_900 img{width:100%}
}
@media only screen and (max-width: 1100px) {
	.siteMap .depth02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.siteMap .depth02 > li { width: 49%; margin: 0 0 10px 0; }
}

@media only screen and (max-width: 900px) {
	 .img_900 {padding:20px}
	 .img_900  img{width:100%}

}


@media only screen and (max-width: 600px) {
	.siteMap .depth02 > li { width: 100%; }
	.siteMap.sitemap_en .depth02 > li > span > a {height:auto;}
}

/* 본인인증 */
.login_wrap {}
.login_wrap .over_h { display: flex; justify-content: space-between; align-items: stretch; }
.login_wrap dl {border:1px solid #e0e0e0; width:49%; text-align:center; padding:150px 20px 20px 20px; position:relative; }
.login_wrap .ipin_icon {background:url(/img/sub/images/login_icon01.png) center 45px no-repeat;}
.login_wrap .phone_icon {background:url(/img/sub/images/login_icon02.png) center 42px no-repeat;}

.login_wrap dl dt {font-size: 20px; font-weight:600; margin-bottom:18px;}
.login_wrap dl dd { padding: 10px 0; }
.login_wrap dl dd p { padding: 0 35px; min-height: 140px; }
.login_wrap dl dd span {display:block; margin-top:10px;}

@media only screen and (max-width: 992px) {
	.login_wrap .over_h { flex-wrap: wrap;}
	.login_wrap .ipin_icon,
	.login_wrap .phone_icon { background: none; }

	.login_wrap dl { margin-bottom: 10px; }
	.login_wrap dl dt { margin-bottom: 2px; }
	.login_wrap dl { width: 100%; padding: 20px; }
	.login_wrap dl dd { padding: 0; }
	.login_wrap dl dd p { min-height: unset; padding: 20px; }
}

/* 프린트 팝업 */
.contPrint { }
.contPrint > .paTop { background-color: #003d79; padding: 20px; display: flex; justify-content: space-between; align-items: center; }
.contPrint > .paTop > p { font-size: 22px; font-weight: 600; color: #ffffff; }
.contPrint > .paTop > .paBtn {  }
.contPrint > .paTop > .paBtn > a { padding: 4px 15px; border-radius: 3px; border: solid 1px black; background-color: #ffffff; font-size: 15px; transition: 0.1s; color: inherit; }
.contPrint > .paTop > .paBtn > a:hover,
.contPrint > .paTop > .paBtn > a:focus { background-color: #003d79; color: #ffffff;  border: solid 1px #d6d6d6; }
.contPrint > .paTop > .paBtn > a:first-of-type { margin-right: 3px; }
.contPrint > .paOn { padding: 20px; }
.contPrint > .paOn > div { width: 100%; }

/* 게시판 여백 예외처리  */
.board_list_01 > ul > li { display: flex; flex-direction: column; justify-content: center; }

.img100 { width: 100%; }

/* 고객요청사항  */
.board_list_02.table_txt .board_link > span,
.board_list_02.table_txt table thead th, .board_list_02.table_txt table tbody td{padding:10px; font-size:16px;}


/* 관리자모드 타이머*/

#timer{background:#ff5a00; color:#fff!important; padding:0 5px; margin-right:10px; border-radius:3px}
