@CHARSET "euc-kr";
/* common */
html, body {position:relative;width:100%;min-width:1200px;height:100%;min-height:920px}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
/* pc */
/*상단롤링배너*/
#topBanner {position:relative; display:none; overflow:hidden}
#topBanner .slideWrapper {position:relative; height:130px; overflow:hidden}
#topBanner .slideWrapper > ul {position:relative}
#topBanner .slideWrapper > ul > li {position:relative}
#topBanner .slideWrapper > ul > li img {position:relative; display:block; left:50%; transform:translate(-50%, 0); max-width:none}
#topBanner .control {position:absolute; font-size:24px; top:50%; margin-top:-12px; color:#555; transition:all .3s ease; opacity:0; filter:alpha(opacity='0')}
#topBanner .control.prev {left:50%; margin-left:-596px}
#topBanner .control.next {right:50%; margin-right:-596px}
#topBanner:hover .control {opacity:1; filter:alpha(opacity='100')}
#topBanner:hover .control.prev {margin-left:-606px}
#topBanner:hover .control.next {margin-right:-606px}
#topBanner .pagination {position:absolute; bottom:15px; left:50%; margin-left:-600px; font-size:0; opacity:0; filter:alpha(opacity='100'); transition:all .3s ease}
#topBanner .pagination li {display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#ccc; cursor:pointer; transition:all .3s ease}
#topBanner .pagination li.on {width:20px; border-radius:10px; background:#666}
#topBanner:hover .pagination {opacity:1; filter:alpha(opacity='100')}
#topBanner .closeArea {position:absolute; bottom:10px; right:10px}
#topBanner .closeArea:after {clear:both; display:block; content:''}
#topBanner .closeArea .checkbox {position:relative; float:left; width:26px; height:26px; margin-right:10px; border:1px solid #555; background:#fff; cursor:pointer; transition:all .2s ease; z-index:10}
#topBanner .closeArea .checkbox.checked {border-color:#666; background:#555; opacity:.7; filter:alpha(opacity='70')}
#topBanner .closeArea .checkbox.checked:after {font-family:'xeicon'; font-size:16px; content:'\e928'; color:#fff; line-height:24px; margin-left:3px}
#topBanner .closeArea .check-desc {display:none; position:absolute; right:34px; width:0; height:26px; padding-left:10px; border:1px solid #555; background:#fff; z-index:5}
#topBanner .closeArea .check-desc p {display:none; color:#777; line-height:24px}
#bannerClose {position:relative; float:left; display:block;margin-top:2px;}
/* layout */
.main_wrap {overflow:hidden;position:relative;top:0;width:100%;min-width:678px;height:100%;min-height:800px;}
/* Main visual */
.kv_main {position:absolute;top:0;left:0;width:100%; min-width:729px; height:100%;overflow:hidden}
.kv_main .visual_list {position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;}
.kv_main .visual_list li {position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%}
.kv_main .visual_list li .visual_cont {position:relative;width:100%;height:100%}
.kv_main .visual_list li .visual_cont a {display:block;height:100%}
.kv_main .visual_list li .visual_cont a:hover {font-weight:normal;text-decoration:none}
.kv_main .visual_list li .visual_cont .main_info {width:100%;height:100%}
.kv_main .visual_list li .visual_cont .txt {position:absolute;top:458px;width:100%;color:#fff;text-align:center}
.kv_main .visual_list li .visual_cont .txt span {display:block;text-align:center;font-family:NanumSquare;}
.kv_main .visual_list li .visual_cont .txt01 {width:50px;border-bottom:solid 2px #fff;text-indent:-9999px;display:block;text-align:center;margin:0px auto;}
.kv_main .visual_list li .visual_cont .txt02 {font-size:22px;line-height:26px;text-shadow:1px 1px 1px #000;}
.kv_main .visual_list li .visual_cont .txt03 {padding-top:7px;font-size:32px;font-weight:normal;line-height:38px;color:#fff;text-shadow:1px 1px 1px #000;}
.kv_main .visual_list li .visual_cont.cont04 .txt {color:#fff}
.kv_main .visual_list li .visual_cont .img {width:100%;height:100%}
.kv_main .visual_list li .visual_cont .img img {position:relative;left:50%;top:0;height:100%;margin-left:-50%}
.kv_main .visual_list li .visual_cont .img img.pc {display:block}
.kv_main .visual_list li .visual_cont .img img.mobile {display:none}
.kv_main .bx-wrapper {position:relative;left:0;top:0;width:100%;height:100%;z-index:990}
.kv_main .bx-wrapper .bx-viewport {height:100% !important}
.kv_main .bx-wrapper .bx-pager .bx-pager-item,
.kv_main .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;*zoom:1;*display:inline}
.kv_main .bx-wrapper .bx-pager.bx-default-pager a {display:block;width:10px;height:10px;margin-right:8px;background:;border:solid 2px #fff;border-radius:16px;text-indent:-9999px; transition:all 0.3s ease; }
.kv_main .bx-wrapper .bx-pager.bx-default-pager a:hover, .kv_main .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;width:24px;}
.kv_main .bx-controls .bx-pager {width:100%;text-align:center;z-index:999;position:absolute;bottom:41px;}
/* main content */
#contents.main_content {position:absolute;top:0;right:0;float:none;width:483px;height:100%;margin:0;overflow:hidden;background:#fff;z-index:999}
.main_content h2 {font-size:20px;letter-spacing:-0.25px}
.main_content .txt_port {position:absolute;z-index:10;width:572px;height:50px;background:rgba(0, 0, 0, 0.6);}
.main_content .txt_port span.txt_port2 {display:block;margin-top:15px;margin-left:15px;font-size:16px;color:#fff;font-family:Gotham-Book;}
.main_content div.txt_port4 {width:100%;background:rgba(0, 0, 0, 0.6);position:absolute;z-index:21;bottom:0px;left:0px;color:#21bbb1;height:20px;padding:10px;}
.main_content .col {position:absolute;overflow:hidden}
.main_content .con01 {position:relative;width:100%;top:0;height:40%;overflow:hidden;border:solid 20px #fff;box-sizing:border-box;}
.main_content .con01 .bx-wrapper, .main_content .con01 .bx-viewport, .main_content .con01 .ban_list, .main_content .con01 .ban_list li {height:100% !important;overflow:hidden}
.main_content .con01 a {display:block;width:100%;}
.main_content .con01 a img {width:100%;height:100%}
.main_content .con01 .info {display:none;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-weight:normal;text-align:center;z-index:200}
.main_content .con01 .info .tit {padding:55px 0 19px;font-size:20px;line-height:20px}
.main_content .con01 .info .txt {font-size:14px}
.main_content .con01 .bx-wrapper .bx-pager .bx-pager-item,
.main_content .con01 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;*zoom:1;*display:inline;}
.main_content .con01 .bx-controls {position:absolute;top:13px;right:0;width:100px;z-index:10}
.main_content .con01 .bx-controls-auto {text-align:center}
.main_content .con01 .bx-controls-auto .bx-start,
.main_content .con01 .bx-controls-auto .bx-stop {right:45px;display:block;text-indent:-9999px;width:22px;height:22px;outline:0;background:url('../../img/images/btn_controls02.png') 0 0 no-repeat}
.main_content .con01 .bx-controls-auto .bx-start {background-position:-25px -21px}
.main_content .con01 .bx-controls-auto .bx-stop {background-position:-26px 2px}
.main_content .con01 .bx-controls-direction a {position:absolute;top:0;outline:0;width:22px;height:22px;text-indent:-9999px}
.main_content .con01 .bx-prev {right:65px;background:url('../../img/images/btn_controls02.png') no-repeat 2px 2px}
.main_content .con01 .bx-next {right:15px;background:url('../../img/images/btn_controls02.png') no-repeat -52px 2px}
.main_content .con02 {left:0;top:40%;width:250px;height:20%;background:#f1f1f1 url(../../img/images/box_small1.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con02 a {display:block;width:100%;height:100%;color:#666}
.main_content .con02 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .col h2 {font-size:17px;font-family:NanumSquare;}
.main_content .txt .txt01 {font-size:8px;line-height:14px;letter-spacing:-0.25px}
.main_content .txt .txt02 {margin-top:5px;font-size:10px;line-height:14px;letter-spacing:-0.75px}
.main_content .con03 {left:0;top:60%;width:250px;height:20%;background:#3d3d3d url(../../img/images/box_small2.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con03 a {display:block;width:100%;height:100%;color:#fff}
.main_content .con03 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .con04 {left:0;top:80%;width:250px;height:20%;background:#34c0b9 url(../../img/images/box_small5.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con04 a {display:block;width:100%;height:100%;color:#fff}
.main_content .con04 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .con05 {right:0;top:40%;width:233px;height:20%;background:#34c0b9 url(../../img/images/box_small6.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con05 a {display:block;width:100%;height:100%;color:#fff}
.main_content .con05 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .con06 {right:0;top:60%;width:233px;height:20%;background:#f1f1f1 url(../../img/images/box_small8.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con06 a {display:block;width:100%;height:100%;color:#666}
.main_content .con06 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .con07 {right:0;top:80%;width:233px;height:20%;background:#d4d4d4 url(../../img/images/box_small3.png) no-repeat center 20px;background-size:80px 65px;}
.main_content .con07 a {display:block;width:100%;height:100%;color:#333}
.main_content .con07 .txt {width:100%;padding-top:85px;text-align:center;}
.main_content .dimm {display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.main_content .dimm .bg {display:block;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);text-indent:-9999em}
.main_content .dimm .icon {position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;background:url('') no-repeat 0 0;text-indent:-99999em;opacity:1;filter:alpha(opacity=100)}
/* 1281 ~ */
@media all and (min-width:1281px) {
.main_wrap {min-height:927px;}
#contents.main_content {width:600px}
.kv_main .visual_list li .visual_cont .txt {top:350px}
.kv_main .visual_list li .visual_cont .txt02 {font-size:28px;line-height:26px}
.kv_main .visual_list li .visual_cont .txt03 {padding-top:18px;font-size:38px;font-weight:normal;line-height:38px}
.main_content h2 {font-size:22px}
.main_content .con02, .main_content .con03, .main_content .con04 {width:312px}
.main_content .con05, .main_content .con06, .main_content .con07 {width:288px}
.main_content .col h2 {font-size:17px;font-family:'nanumsquarer1',nanumsquarer1}
.main_content .txt .txt01 {font-size:10px;line-height:20px;letter-spacing:-0.25px}
.main_content .txt .txt02 {margin-top:10px;font-size:12px;line-height:14px;letter-spacing:-0.75px}
}
/* 1600 ~ */
@media all and (min-width:1601px){
#contents.main_content {width:642px}
.kv_main .visual_list li .visual_cont .txt02 {font-size:28px;line-height:36px}
.kv_main .visual_list li .visual_cont .txt03 {padding-top:7px;font-size:38px;font-weight:normal;line-height:40px}
.main_content .con02, .main_content .con03, .main_content .con04 {width:334px}
.main_content .con05, .main_content .con06, .main_content .con07 {width:308px}
}
/* mobile */
body.mobile {height:auto}
.mobile .main_content h2 {font-size:22px}
.mobile .main_wrap {width:1200px;min-width:1200px;height:auto;min-height:auto;margin:0 auto}
.mobile .kv_main {position:relative;width:100%;height:650px}
.mobile .kv_main .visual_list, .mobile .kv_main .visual_list li,
.mobile .kv_main .visual_list li .visual_cont .img img {width:100%;height:100%}
.mobile .kv_main .bx-controls .bx-pager, .mobile .kv_main .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom:28px}
.mobile .kv_main .visual_list li .visual_cont .txt {top:240px}
.mobile .kv_main .visual_list li .visual_cont .txt01 {margin-top:0}
.mobile .kv_main .visual_list li .visual_cont .txt02 {font-size:22px;line-height:26px}
.mobile .kv_main .visual_list li .visual_cont .txt03 {padding-top:7px;font-size:32px;font-weight:normal;line-height:38px}
.mobile #contents.main_content {position:relative;width:100%;height:570px}
.mobile .main_content .con01 {width:800px;height:380px;border:0px;}
.mobile .main_content .con01 .thumb, .mobile .main_content .con01 .thumb img {width:auto;height:100%}
.mobile .main_content .con02 {top:380px;left:0;width:400px;height:190px;overflow:hidden}
.mobile .main_content .con03 {top:0;left:800px;width:400px;height:190px;overflow:hidden}
.mobile .main_content .con04 {top:380px;left:400px;width:400px;height:190px;}
.mobile .main_content .con05 {top:190px;right:0px;width:400px;height:190px;overflow:hidden}
.mobile .main_content .con06 {right:0px;top:380px;width:400px;height:190px;}
.mobile .main_content .con07 {display:none;}
.mobile .main_content .col h2 {font-size:17px;font-family:NanumSquare}
.mobile .main_content .txt .txt01 {font-size:10px;line-height:20px;letter-spacing:-0.25px}
.mobile .main_content .txt .txt02 {margin-top:10px;font-size:12px;line-height:14px;letter-spacing:-0.75px}
.mobile .footer_wrap {margin-top:0}