@charset "euc-kr";

/**
 * CMSiNet »ç¿ë¼º °³¼± ÇÁ·ÎÁ§Æ® (2021.07 ~ 2021.12)
 *
 * [KO/EN]º¸¾ÈÇÁ·Î±×·¥¼³Ä¡ ÆäÀÌÁö¿ë
 * - ±â¾÷¹ðÅ©ÀÇ º¸¾ÈÇÁ·Î±×·¥¼³Ä¡ ÆäÀÌÁö CSS¸¦ CMSiNet¿¡ ¸Âµµ·Ï º¯°æÇÔ.
 */

@import url('font.css');

body, input, select, div, textarea, table, th, td, button, p, li,
h1, h2, h3, h4, h5, h6 {font-size:12px; font-family:NotoSans,Roboto,'¸¼Àº°íµñ','Malgun Gothic','Dotum',Tahoma,arial; color:#444; line-height:21px;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal; }
ul, ol {list-style:none;}

/* Skip Menu */
.skip_navigation {position:absolute; width:100%; height:0; z-index:10000;}
.skip_navigation a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap; background:#169385; color:#fff; font-weight:bold; font-size:0; line-height:0; overflow:hidden;}
.skip_navigation a:focus,
.skip_navigation a:active {width:100%; height:auto; padding:15px 0px; font-size:12px; text-align:center}

body { background-color: #fff !important; }
#wrap { width:994px; background:#fff; height:100%; margin:0 auto; text-align: initial; }


/*******************************************************************************
 *  HEADER Layout
 */
.header_wrap {/* height:158px; */ background:#fff; position:relative; z-index:2000;}
.header_wrap .header {position:relative; width:994px; height:80px; margin:0 auto;}
.header_wrap .logo {position:absolute; left:0; top:29px; width:120px; height:28px; z-index:50; overflow:hidden;}
.header_wrap .logo img { width: 100%; }


/*******************************************************************************
 *	ERROR / º¸¾È¼³Ä¡
 */
#wrap.etc .header_wrap {height:80px; border-bottom:1px solid #dadada;}
#wrap.etc .util_wrap {overflow:hidden; float:right; margin-top:26px;}
#wrap.etc .util:after {display:block; clear:both; content:'';}
#wrap.etc .util li:first-child {background:none; padding-right:15px;}
#wrap.etc .util li {float:left; padding:0 30px 0 15px; background:url(../img/main2021/util_etc_bar.gif) no-repeat 0 center;}
#wrap.etc .util li a {display:block; font-size:14.1px;}

#wrap.etc .container { position:relative; width:994px; margin:0 auto; padding:40px 0; min-height:600px; }
#wrap.etc .content {float:none; width:100%; margin-bottom:100px;}

#wrap.etc .dep01_wrap {margin-bottom:30px;}
#wrap.etc .dep01_wrap .tit.dep01 {margin-top:0; font-size:28.1px; font-weight:600; line-height:46px;}
#wrap.etc .dep01_wrap .tit.dep01 .time {letter-spacing:-1px; ;}
#wrap.etc .dep01_wrap .tit.dep01.program {font-size:42px;}

#wrap.etc .message {font-size:14.1px; color:#444; line-height:24px;}

#wrap.etc .btn_wrap { position:relative; margin-top:40px; text-align:center; overflow:hidden; }
#wrap.etc .btn_wrap .btn.big { padding: 10px 20px; min-width: 180px; }

#wrap.etc .dep02_wrap {margin-bottom:12px;}

#wrap.etc .tit.dep02 {font-size:17.1px; font-weight:600; margin-bottom:4px;}
#wrap.etc .tit.dep02.single {margin:60px 0 12px; font-size:18.1px; font-weight:600;}

#wrap.etc .dep03_wrap {margin:30px 0 80px;}


/*******************************************************************************
 * TITLE / GROUPING
 */
.tit {font-weight:600; color:#222; letter-spacing:-0.5px; margin-bottom:15px; line-height:100%;}
.tit.dep01 {font-size:30px; letter-spacing:-1.5px; margin-bottom:0;}
.tit.dep02, h2.tit {font-size:16.1px; font-weight:600; margin-bottom:15px; line-height:22px;}
.tit.dep02 > span.period {font-size:13.1px;}
.tit.tit_big {margin-top:20px; margin-bottom:0; font-size:17.1px; font-weight:600;}
.tit.dep03, .dep02_wrap.tit_small .tit.dep02 {font-size:15.1px; font-weight:600; line-height:22px;}
.info_wrap .tit.dep02 {font-size:15.1px; font-weight:600; margin-bottom:10px;}
.tit.dep04 {font-size:14.1px; line-height:22px;}
.dep02_wrap, .dep03_wrap {margin-top:40px;}
.dep04_wrap {margin-top:20px;}
.dep02_wrap.terms {position:relative;}

#wrap.etc .tit.dep03 {margin-bottom:8px;}

#wrap.etc .table_wrap.program .btn.middle {width:85px; padding:11px 0;}
#wrap.etc .table_wrap.program .btn.ok {display:inline-block; margin-top:0; background-color:#e9e9e9; border:1px solid #e9e9e9; color:#808080;}
#wrap.etc .table_wrap.program .btn.ok:hover {text-decoration:none;}

#wrap.etc .table_wrap.program table th, #wrap.etc .table_wrap.program table td {text-align:left; padding:8px 20px; border-left:0; background-color:#fff;}
#wrap.etc .table_wrap.program table th,
#wrap.etc .table_wrap.program table thead th {font-size:15.1px; font-weight:600; text-align:left;}
#wrap.etc .table_wrap.program table tbody th span {display:block; font-size:13.1px; color:#000; margin:1px 0 0;}
#wrap.etc .table_wrap.program table tbody th span.tit {font-size:14.2px; font-weight:600; letter-spacing:-0.5px; margin:8px 0 0;}
#wrap.etc .table_wrap.program table tbody th, 
#wrap.etc .table_wrap.program table tbody td {padding:16px 20px;}
#wrap.etc .table_wrap.program table tbody td {font-size:13.2px; color:#444;}
#wrap.etc .table_wrap.program table tbody td span {display:block; /* margin:7px 0 12px; margin-top:7px; */ font-size:13.1px; color:#666;}
#wrap.etc .table_wrap.program table tbody td .btn.util {margin-top:12px;}

#wrap.etc .btn ~ .btn {margin-left:7px;}
#wrap.etc .btn_wrap span ~ span {margin-left:7px;}
#wrap.etc .btn.w200 { padding: 10px 5px; width: 200px;}

#wrap.etc .table_wrap.program table tbody td .wrapper span {display:inline-block; margin:0;}
#wrap.etc .table_wrap.program table tbody td .wrapper .btn ~ .btn {margin-left:0px; margin-top:5px;}

#wrap.etc .program_notice_wrap {border-top:2px solid #000; border-bottom:1px solid #adadad;}
#wrap.etc .program_notice > dt:first-child {border-top:none;}
#wrap.etc .program_notice > dt {position:relative; padding:16px 20px; font-size:15.1px; font-weight:600; color:#000; border-top:1px solid #adadad;}
#wrap.etc .program_notice > dt button {width:100%; font-size:15.1px; font-weight:600; text-align:left; margin-top:0; padding:0; border:0; background-color:inherit; font-size:15.1px; font-weight:600; font-weight:normal; color:#444; outline:none;}
#wrap.etc .program_notice > dt.on button {background-color:#e8f4f3;}
#wrap.etc .program_notice > dt button > strong {font-size:15.1px; font-weight:600; font-weight:600; color:#000;}
#wrap.etc .program_notice > dt.on button span {background:url(../img/main2021/btn_program_open.gif) no-repeat 0 0;}
#wrap.etc .program_notice > dt button span {position:absolute; top:16px; right:20px; width:24px; height:24px; background:url(../img/main2021/btn_program_close.gif) no-repeat 0 0; text-indent:100%; white-space:nowrap; overflow:hidden;}
#wrap.etc .program_notice > dt.on {background:#e8f4f3; border-top:1px solid #333; border-bottom:2px dotted #bfbfbf;}
#wrap.etc .program_notice > dt:first-child.on {border-top:none;}
#wrap.etc .program_notice > dd {display:none; padding:0px 20px 0px;}
#wrap.etc .program_notice > dd > div {padding-bottom:32px;}
#wrap.etc .program_notice > dd > div > div:first-child {margin-top:32px;}
#wrap.etc .program_notice > dd > div > div {margin-top:30px;}
#wrap.etc .program_notice > dd > div > div > strong {overflow:hidden; display:inline-block; float:left; width:150px; font-size:14.1px;}
#wrap.etc .program_notice > dd > div> div > strong + * {margin-left:170px;}


/*******************************************************************************
 * BUTTON
 */
.btn {display:inline-block; text-align:center; vertical-align:middle; border-radius:3px; color:#444; border:1px solid #cdcdcd; background-color:#fff; line-height:150%;}
.btn ~ .btn {margin-left:7px;}
 table .btn ~ .btn {margin-left:2px;}
.util .btn ~ .btn {margin-left:2px;}
.small .btn ~ .btn {margin-left:2px;}
.middle .btn ~ .btn {margin-left:7px;}
.big .btn ~ .btn {margin-left:9px;}

.btn_wrap.util {text-align:right; margin-top:15px;}
.btn_wrap.util .btn,
.btn.util {font-size:13.1px; padding:0 9px 0 8px; border:1px solid #cdcdcd; border-radius:0; line-height:27px;}
.btn_wrap.util .btn:hover, 
.btn.util:hover {color:#009591!important;}
.btn.util.black {border-radius:0;}
.btn.black:hover {color:#fff!important;}

.btn_wrap.big .btn,
.btn.big {font-size:15.1px; font-weight:600; background-color:#009591; border:1px solid #009591; padding:10px 50px; color:#fff;}
.btn_wrap.big .btn:hover,
.btn.big:hover {background-color:#00605d; border:1px solid #00605d;}

.btn_wrap.big .btn.black,
.btn.big.black {background-color:#3b444c; border:1px solid #3b444c; color:#fff!important;}
.btn_wrap.big .btn.black:hover, 
.btn.big.black:hover {background-color:#000; border:1px solid #000;}

.btn_wrap.icon i, i.icon {display:inline-block; height:22px; line-height:22px; padding:0 6px; background:#3b444c; border-radius:3px; border:0; font-size:12.1px; font-style:normal; font-weight:normal; color:#fff!important; text-align:center; vertical-align:middle;}
.btn_wrap.icon i:hover, i.icon:hover {text-decoration:none;}

.btn_wrap.icon i.orange, i.icon.orange {/* background:#ea6c21; */ background:#ed1651!important;} /* Çʼö */
.btn_wrap.icon i.green, i.icon.green {background:#009591!important;} /* ¼±Åà */
.btn_wrap.icon i.blue, i.icon.blue {background:#2370c0!important;} /* ±ÇÀå */
.btn_wrap.icon i.red, i.icon.red {background:#ed1651!important;} /* Çʼö */
.btn_wrap.icon i.purple, i.icon.purple {background:#5d46a1!important;}/* Åë°ú */
.btn_wrap.icon i.light_green, i.icon.light_green {background:#629a1e!important;}/* 񃧯 */
.btn_wrap.icon i + span, i.icon + span {margin-left:4px; vertical-align:middle;}
.btn_wrap.icon i ~ i, i.icon ~ i.icon {margin-left:15px;}

.btn_wrap.middle .btn.black, 
.btn.middle.black, .btn.util.black, .btn_wrap.util .btn.black {background-color:#3b444c; border:1px solid #3b444c; color:#fff!important;}
.btn_wrap.middle .btn.black:hover, 
.btn.middle.black:hover, 
.btn.black:hover, 
.btn_wrap.util .black:hover {background:#000; border:1px solid #000; color:#fff!important;}
.btn.black, .btn.util.black, .btn_wrap.util .btn.black {background:#3b444c; border:1px solid #3b444c; color:#fff!important;}


/*******************************************************************************
 * TABLE
 */
.table_wrapper .btn_wrap.icon {position:absolute; top:-34px; right:0; margin-top:0;}
.table_wrap + .inner_scroll .table_wrap {margin-top:15px;}

.table_wrap {margin-bottom:10px; border-top:2px solid #000; border-bottom:1px solid #d1d1d1; overflow:hidden;}
.table_wrap + .box_wrap.box_wrap {margin-top:20px;}
.table_wrap table {width:100%; border:0; border-spacing:0px; border-collapse:collapse;}
.table_wrap table * {box-sizing:border-box;}
.table_wrap table {margin-left:-1px; background-color:#fff; border-spacing:0; border-collapse:separate;}
.table_wrap table thead th,
.table_wrap table tbody th, table td.th {background:#eff0f1;}
.table_wrap table tfoot th,
.table_wrap table tfoot td {background-color:#fafafa; padding:8px 10px;}
.table_wrap .marginbox {margin-right:5px;}
.table_wrap.noline {border-top:0; margin-top:-15px;} /* ¹ðÅ·°ü¸® ¿¹±ÝÁÖ°ü¸® ºÐ¸® Å×ÀÌºí ºÙ¿©¼­ ¾²´Â ¹®Á¦ */
.table_wrap.noline table {margin-top:-1px;}
.table_wrap tbody th strong, .table_wrap tbody td strong {font-size:13.2px; font-weight:600;}

.col_type th, .col_type td {padding:8px 8px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.col_type thead th, .col_type td.th {font-size:13.2px; padding:8px 2px; text-align:center; color:#000;}
.col_type tbody td {font-size:13.1px; color:#444; text-align:center;}
.col_type.l tbody td {text-align:left;}
.col_type.c tbody td {text-align:center;}
.col_type.r tbody td {text-align:right;}
.col_type td p {text-align:left;}
.col_type tfoot th {}
.col_type tfoot {border-top:1px solid #666;}
.col_type tfoot th, .col_type tfoot td {border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; font-size:13.2px; color:#000; background-color:#fafafa;}
.col_type tfoot em {color:#000;}
.col_type tfoot tr td:last-child em {font-size:14.2px; font-weight:600;}
.col_type tfoot tr td:last-child em i {font-size:13.2px;}
.col_type tfoot em.size_down, .row_type tfoot em.size_down {font-size:15px!important;}
.col_type tfoot tr:first-child th, .col_type tfoot tr:first-child td {border-top:1px solid #666;}


/*******************************************************************************
 * LIST
 */
.list > li {margin-top:2px;}
.list > li,
.list > li > a {font-size:13.1px; line-height:22px; color:#444;}
.list > li:first-child {margin-top:0;} 
.list.square > li {padding-left:10px; background:url(../img/main2021/ico_list_square.gif) no-repeat 0 10px;}
.list.bar > li {padding-left:11px; /*background:url(../img/ico_list_bar.gif) no-repeat 0 11px;*/ list-style-type:disc;}
.list.arrow li {padding-left:11px; background:url(../img/main2021/ico_info_arrw.png) no-repeat 0 8px;}
.list.num > li {padding-left:11px; list-style-type:decimal;}
.list.num > li li {text-indent:0}
.list.num .list.num > li {text-indent:-16px;}
.list > li.mark {background:none; padding-left:0;}

.square {display:block; padding-left:10px; background:url(../img/main2021/ico_list_square.gif) no-repeat 0 10px; font-weight:normal; line-height:22px;}
 p.num {padding-left:16px; text-indent:-16px;}
.list.square {padding:0; background:none;}
.bar {background:url(../img/main2021/ico_list_bar.gif) no-repeat 0 11px; padding-left:11px; font-weight:normal; line-height:22px;}
.arrow {padding-left:10px; background:url(../img/main2021/ico_info_arrw.png) no-repeat 0 8px; color:#666; line-height:22px;}

.list.bar,
.list.arrow {padding:0; background:none;}
.list_wrap p {line-height:22px;}
.list_wrap > strong {line-height:26px;}
.list_wrap + .list_wrap {margin-top:20px;}


/* CSSÃß°¡ */
.text-center { text-align: center !important; }