/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 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 { margin:0; padding:0; border:0; }

body { font-family:'Nanum Gothic', 'dotum', 'applegothic'; }
button { font-family:'Nanum Gothic', 'dotum', 'applegothic'; }


/* 공통 */
#page_shield { position:fixed; top:0; left:0; width:100%; height:100%; z-index:5; background:#fff; }
.article { width:1100px; margin:0 auto; overflow:hidden; }
.bold { font-weight:800; }
.more_btn {text-align:center}
.more_btn a{display:inline-block; padding: 10px 41px; font-size: 14px; border-radius: 8px; border: 1px solid #ddd;}


/* 메인 */
#main section.section { }

#main #slider {position: relative; width:100%; height:480px; overflow:hidden; }
#main #slider iframe { position:absolute; width:1980px; height:1080px; left:50%; margin-left:-990px; }
#main #slider > div.film { position: absolute; width:100%; height:100%; left:0; top:0; background:#000; filter:alpha(opacity=50); opacity:.5; }
#main #slider h2 {position: absolute; top:40%; width:100%; color:#fff; text-align:center; font-family:"notokr-regular"; }
#main #slider h2 div { font-weight:800; font-size:40px; padding:0; }
#main #slider h2 span { font-weight:400; display:block; font-size:30px; margin-top:5px; }

#main #slider #slides li{position: relative; height:480px; overflow: hidden}
#main #slider #slides li img {position: absolute; width:1980px; height:100%; top:0px; left:50%; margin-left: -990px; max-width:none }
#main #slider #slides li .text {position:absolute; width:100%; top:220px; color:#fff; text-align:center;  font-size:33px; font-weight:400; font-family:"notokr-regular"; }
#main #slider #slides li .text .sub { font-size:28px; }

#main #slider #pagination {position: absolute; bottom:20px; width:100%; z-index:100; text-align:center;}
#main #slider #pagination li { display:inline-block; margin:0 3px}
#main #slider #pagination li a {display:inline-block; width:160px; height:60px; border-radius:3px; border:2px solid #ccc; background-size:cover; background-repeat:no-repeat; background-position:center; }
#main #slider #pagination li a.active { border:2px solid #00a1e9; }

#main #txt { margin:0; color:#686868; padding:22px 0 20px; text-align:center; font-size:20px; font-weight:700; letter-spacing:1px; line-height:26px; }
#main #txt strong { color:#005bb4; font-weight:800; }

#main #con { margin-top:0; }
#main #con ul { overflow:hidden; }
#main #con ul > li { float:left; width:32.83%; margin-left:0.5%; overflow:hidden; }
#main #con ul > li:first-child { margin-left:0; }
#main #con ul li > div { position:relative;  }
#main #con ul li > div.line { border:1px solid #808080; }
#main #con ul li > div.line18 { border:1px solid #fff; }
#main #con ul li > div.mt1 { margin-top:6.5px; }
#main #con ul li > div.mt2 { margin-top:5px; }
#main #con ul li > div ol { position:absolute; width:88%; left:5.5%; top:65px; }
#main #con ul li > div ol li {  }
#main #con ul li > div ol li a { padding:5px 0; display:block; overflow:hidden; }
#main #con ul li > div ol li a div { float:left; width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#main #con ul li > div ol li a span { text-align:right; float:right; width:20%; }
/*#main #con ul li > div { padding:35px 25px; min-height:150px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
#main #con ul li .color1 { background-image:url("../img/main/main_bg01.jpg"); background-color:#4cb1a9; }
#main #con ul li .color2 { background-image:url("../img/main/main_bg02.jpg"); background-color:#eabd48; }
#main #con ul li .color3 { background-image:url("../img/main/main_bg03.jpg"); background-color:#776340; }
#main #con ul li .color4 { background-image:url("../img/main/main_bg04.jpg"); background-color:#4cb1a9; }
#main #con ul li .color5 { background-image:url("../img/main/main_bg05.jpg"); background-color:#eabd48; }
#main #con ul li div h3 { font-size:28px; font-weight:800; color:#fff; }
#main #con ul li div a { display:inline-block; padding:8px 28px; margin-top:25px; font-size:20px; color:#fff; border:1px solid #fff; }
#main #con ul li div a:hover { border:1px solid #000; opacity: 0.5; background:#000; }

#main #con ul li div .info { color:#fff; padding-top:20px; }
#main #con ul li div .info > * { display:block; margin-top:5px; }
#main #con ul li div .info > strong { display:block; font-size:32.5px; font-weight:800; }
#main #con ul li div .info > span { font-size:15px; }
#main #con ul li div .info div { padding:105px 0 35px; color:#72695b; }
#main #con ul li div .info div h4 { font-size:25px; font-weight:700; padding-bottom:15px; }
#main #con ul li div .info div strong { display:block; padding:4px 0; font-size:19px; font-weight:700; text-align:right; background-image:url('../img/main/kblogo.png'); background-position:left center; background-repeat:no-repeat; }
#main #con ul li div .info div p { font-size:20px; font-weight:700; text-align:right; padding:5px 0 0; }*/

#main #quick { margin:20px 0 40px; }
#main #quick h5 { text-align:center; font-size:22px; font-weight:800; margin:0; padding:0; }
#main #quick ul { margin:20px 0 0; padding:0; overflow:hidden; }
#main #quick ul li { float:left; width:24%; margin-left:1%; }
#main #quick ul li:first-child { margin-left:0; }
#main #quick ul li a { display:block; border:1px solid #808080; }


/* 서브 레이아웃 */
#sub { min-height:680px; }
#sub .article { overflow:hidden; padding:35px 0 20px; }
#sub .article nav { float:left; width:205px; }

#sub .article nav .visual h2 { padding:60px 0 60px; background-position:center 15px; text-align:center; font-size:25px; height:35px; margin:0 0 20px; color:#fff; font-weight:700; letter-spacing:-0.5px; font-family:"notokr-light"; background-repeat:no-repeat; }
#sub .article nav .visual01 h2 { background-color:#245d92; /*background-image:url('../img/common/t1.png');*/ }
#sub .article nav .visual02 h2 { background-color:#6a9732; /*background-image:url('../img/common/t2.png');*/ }
#sub .article nav .visual03 h2 { background-color:#0ba29b; /*background-position:center 22px; background-image:url('../img/common/t3.png');*/ }
#sub .article nav .visual05 h2 { background-color:#6e1c44; /*background-position:center 22px; background-image:url('../img/common/t4.png');*/ }
#sub .article nav .visual00 h2 { background-color:#6e1c44; /*background-position:center 22px; background-image:url('../img/common/t4.png');*/ }

#sub .article nav > ul { padding-right:25px; }
#sub .article nav > ul > li { border-bottom:1px solid #e9e9e9; }
#sub .article nav > ul > li > a { display:block; padding:10px 15px; font-size:14px; }
#sub .article nav > ul > li > a.on { font-weight:600; }
#sub .article nav > ul.sub01 > li > a.on { color:#245d92; }
#sub .article nav > ul.sub02 > li > a.on { color:#6a9732; }
#sub .article nav > ul.sub03 > li > a.on { color:#0ba29b; }
#sub .article nav > ul.sub05 > li > a.on { color:#6e1c44; }
#sub .article nav > ul.sub00 > li > a.on { color:#6e1c44; }

#sub .article nav .banner { margin-top:40px; padding-right:25px; }
#sub .article article { float:right; width:895px; min-height:500px; }
#sub .article article > section { padding:26px 0 26px 25px; }
#sub .article article .visual { margin:0; padding:0; height:155px; background-repeat:no-repeat; background-position:center right; background-color:#fff; overflow:hidden; }
#sub .article article .visual01 { background-image:url('../img/common/1.jpg'); }
#sub .article article .visual02 { background-image:url('../img/common/2.jpg'); }
#sub .article article .visual03 { background-image:url('../img/common/3.jpg'); }
#sub .article article .visual05 { background-image:url('../img/common/4.jpg'); }
#sub .article article .visual00 { background-image:url('../img/common/4.jpg'); }


/* 서브공통 */
#sub .tit { font-size:17px; line-height:1.7; margin:25px 0 15px; font-weight:700; position:relative; }
#sub .tit.line { border-bottom:2px solid #ccc; padding:0 0 5px; }
#sub .tit2 { font-size:15px; line-height:1.7; margin:5px 0 15px; font-weight:700; position:relative; }
#sub .tit label { display:block; position:absolute; right:0; bottom:0; font-size:13px; font-weight:400; }
#sub .tit_b { line-height:1.7; }
#sub .tit.first { margin-top:0; }

#sub .content { margin-top:20px }
#sub .content p { font-size:13px; line-height:1.7; }


/* 버튼 스타일 */
.btn_area { overflow:hidden; margin:20px 0; }
.btn_area li { text-align:center; }
.btn_area .left { text-align:left; float:left; }
.btn_area .right { text-align:right; float:right; }
.btn_area li * { display:inline-block; border:1px solid #ccc; font-size:17px; vertical-align:middle; padding:10px 25px; margin:0 5px; }
.btn_area li .submit { background:#46467e; color:#fff; }