@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {min-width:320px;z-index:1;overflow:visible;-webkit-overflow-scrolling:touch;font-family: 'Nanum Gothic';}
#wrap {padding-top:60px;height:100%;}
#wrap.nav_show {right:255px;}
#header {position:absolute;position:fixed;top:0;width:100%;background-color:#fff;z-index:100;}
#header hgroup {padding-top:15px;height:60px;border-bottom:1px solid #c2c2c2;}
#header hgroup .logo {margin-left:17px;width:136px;height:33px;}
#header hgroup .logo a {display:block;width:100%;height:100%;background-image:url(../images/logo_new.png);background-repeat:no-repeat;background-size:135px 32px;background-position:0 0;}

#nav {position:fixed;top:0;right:-100%;padding-top:60px;width:100%;height:100%;z-index:110;}
#nav .btn_trigger {position:absolute;top:0;right:100%;}
#nav .btn_trigger a {display:block;padding:22px 17px;width:60px;height:60px;}
#nav .btn_trigger a:before {content:'';display:block;width:28px;height:17px;background-image:url(../images/ico_gnb.png);background-repeat:no-repeat;background-size:28px;}
#nav .btn_nav_close {display:none;position:absolute;top:0;right:0;padding:20px;width:60px;height:60px;}
#nav .btn_nav_close:before {content:'';display:block;width:21px;height:21px;background-image:url(../images/gnb_close.png);background-repeat:no-repeat;background-size:21px;}
#nav article {display:none;}
.nav_show #nav {right:0;background-color:rgba(0,0,0,.6);}
.nav_show #nav article {display:block;border-bottom: 1px solid #e0e0e0;}
.nav_show #nav article .logo {margin:15px 0 0 17px;width:136px;height:33px;}
.nav_show #nav article .logo a {display:block;width:100%;height:100%;background-image:url(../images/logo_new.png);background-repeat:no-repeat;background-size:135px 32px;background-position:0 0;}

.nav_show #nav .btn_nav_close {display:block;}

#gnb {position:absolute;top:0;left:0;width:100%;height:60px;background-color:#fff;}
#gnb ul {float:right;width:255px;overflow:hidden;}
#gnb li {float:left;}
#gnb li a {display:block;padding:20px 18px;height:60px;font-size:14px;line-height:20px;color:#fff;}

#lnb {height:100%;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;}
#lnb .side_box {width:calc(100% - 255px);height:100%;float:left;background: #4dc4be;padding:35px 0 0 30px;box-sizing: border-box;}
#lnb .side_box a {height:35px;font-size:13px;color:#fff;line-height: 35px;font-weight: 700;display: block;}
#lnb .menu_ul {width:255px;float:left;margin:30px 0 0 0;padding-left:15px;}
#lnb .dp1 {position: relative;}
#lnb .dp1 a {display:block;font-weight: 700;}
#lnb .dp1 > a {padding:10px 10px 10px 30px;font-size:18px;line-height:25px;}
#lnb .dp1 > .dpSection {display:none;padding:10px 0;color:#fff;}
#lnb .dp1 > .dpSection li a {padding:8px 8px 8px 50px;font-size:16px;line-height:20px;color:#111;}
#lnb .dp1 > .dpSection li a:hover {color:#000;}
#lnb .dp1.on {font-weight:700;}
#lnb .dp1.on > .dpSection {display:block;}
#lnb .dp2 a {font-weight: 500;}

#container {z-index:10;}
#container .top_tab_box {width:100%;height: 40px;position: fixed;left:0;top:60px;z-index: 10;overflow: hidden;border-bottom:1px solid #c2c2c2;}
#container .top_tab_box:before {content: '';width:1px;height: 40px;background: #fff;position: absolute;left:50%;top:0;z-index: 2;}
#container .top_tab_box a {width:50%;height: 40px;display: block;float:left;background: #f6f6f6;font-size:13px;color:#333;text-align: center;line-height: 40px;}
#container .top_tab_box a span {display: inline-block;padding-left:25px;font-weight: 700;}
#container .top_tab_box a span.ico1 {background: url('../images/top_tab_ico1.png') no-repeat 0 center;background-size: 19px;}
#container .top_tab_box a span.ico2 {background: url('../images/top_tab_ico2.png') no-repeat 0 center;background-size: 19px;}

.main_slide {margin-top:40px;}
.main_swiper {position: relative;overflow: hidden;}
.main_swiper .swiper-slide .title {position: absolute;left:25px;bottom:68px;font-size:32px;color:#fff;line-height:40px;z-index: 2;}
.main_swiper .swiper-slide img {width:100%;}
.main_swiper .main-pagination {width:inherit !important;left:25px !important;bottom:33px !important;}
.main_swiper .main-pagination span {background: #fff !important;opacity: 0.6 !important;border:1px solid #fff;}
.main_swiper .main-pagination span.swiper-pagination-bullet-active {background:transparent !important;opacity: 1 !important;}

.main_desc_box ul {overflow: hidden;position: relative;margin:15px 12px;}
.main_desc_box ul:after {content: '';width:100%;height: 1px;background: #e8e8e8;position: absolute;left:0;top:50%;}
.main_desc_box ul:before {content: '';width:1px;height:100%;background: #e8e8e8;position: absolute;left:50%;top:0;}
.main_desc_box ul li {width:50%;height:90px;float:left;position: relative;}
.main_desc_box ul li .box {width:150px;display:block;margin:0 auto;position: relative;padding:27px 0 27px 50px;font-size: 13px;color:#333;line-height: 18px;box-sizing: border-box;letter-spacing: -1px;}
.main_desc_box ul li .box.ico1 {background: url('../images/main_box_ico1.png') no-repeat 0 27px;background-size:43px; }
.main_desc_box ul li .box.ico2 {background: url('../images/main_box_ico2.png') no-repeat 0 27px;background-size:43px; }
.main_desc_box ul li .box.ico3 {background: url('../images/main_box_ico3.png') no-repeat 0 27px;background-size:43px; }
.main_desc_box ul li .box.ico4 {background: url('../images/main_box_ico4.png') no-repeat 0 27px;background-size:43px; }

.banner_slide_area {position: relative;padding:50px 0;overflow: hidden;background: #f4f5f7;}
.banner_slide_area .banner_title {width:249px;margin:0 0 40px 30px;}
.banner_slide_area .banner_title img {width:100%;}
.banner_swiper .swiper-slide {width:300px !important;}
.banner_swiper .swiper-slide img {width:100%;}

.banner_swiper .swiper-pagination {width:58px !important;height: 25px;border:1px solid #12b2a8;background: #fff;border-radius: 25px;left:50% !important;bottom:-8px !important;margin-left:-30px;padding-right:0 !important;font-size: 14px !important;line-height: 25px;

}
.banner_swiper .swiper-pagination .swiper-pagination-current {color:#20aaa2;}

.tab_area {position: relative;margin:40px 12px 0;padding-bottom: 40px;}
.tab_area .tab_ul {overflow: hidden;position: relative;}
.tab_area .tab_ul:before {content: '';width:1px;height: 100%;background: #fff;position: absolute;left:50%;top:0;z-index: 2;}
.tab_area .tab_ul li {width:50%;float:left;}
.tab_area .tab_ul li a {width:100%;height:48px;display: block;font-size:17px;color:#333;background: #e5e5e5;line-height: 48px;text-align: center;font-weight: 700;}
.tab_area .tab_ul li a.active {background: #3bc7bf;color:#fff;}
.tab_area .tab_box {display: none;}
.tab_area .tab_box.active {display: block;}
.tab_area .tab_box .list_ul {overflow: hidden;margin:15px 0;}
.tab_area .tab_box .list_ul li {height:30px;position: relative;overflow: hidden;}
.tab_area .tab_box .list_ul li .num {width:50px;font-size:12px;text-align: center;color:#666;float:left;line-height: 30px;}
.tab_area .tab_box .list_ul li .list {width:calc(100% - 175px);font-size:12px;color:#666;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;text-align: left;}
.tab_area .tab_box .list_ul li .name {width:50px;font-size:12px;text-align: center;color:#666;float:left;line-height: 30px;}
.tab_area .tab_box .list_ul li .date {width:75px;font-size:12px;color:#666;float:left;line-height: 30px;}
.tab_area .tab_box .list_box_ul {overflow: hidden;margin:20px 11px 10px 11px;}
.tab_area .tab_box .list_box_ul li {width:50%;float:left;}
.tab_area .tab_box .list_box_ul li .inner_box {margin:0 1px;border:1px solid #eee;padding:6px;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc {overflow: hidden;margin-top:10px;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc .name {float:left;font-size:13px;color:#333;font-weight: 700;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc .desc {float:right;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc .desc dl {position: relative;overflow: hidden;margin-bottom: 5px;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc .desc dl dt {width:25px;font-size:11px;color:#333;float:left;}
.tab_area .tab_box .list_box_ul li .inner_box .info_desc .desc dl dd {font-size:11px;color:#666;float:left;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc {position: relative;overflow: hidden;margin-top:10px;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc .result_dl {width:50%;position: relative;text-align: center;float:left;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc .result_dl dt {height:20px;position: relative;border-top:1px solid #e1e1e1;background: #f4f4f4;font-size:11px;color:#939393;line-height: 20px;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc .result_dl dd {position: relative;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc .result_dl dd.before {height:25px;position: relative;font-size:12px;color:#555;line-height: 25px;background: #fbfbfb;}
.tab_area .tab_box .list_box_ul li .inner_box .result_desc .result_dl dd.after {height:35px;position: relative;font-size:27px;color:#3bc7bf;line-height: 35px;font-weight: 700;}
.tab_area .tab_box .btn_more {width:calc(100% - 24px);height: 32px;display: block;font-size:13px;color:#3bc7bf;line-height: 32px;border:1px solid #3bc7bf;box-sizing: border-box;text-align: center;font-weight: 700;margin:0 12px;}


.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;margin-top:30px;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.tv_area {position: relative;margin-top:100px;}
.tv_area .tv_title {width:152px;margin:0 auto;}
.tv_area .tv_title img {width:100%;}


#location {padding:10px;font-size:14px;line-height:20px;color:#999;border-bottom:1px solid #e9e9e9;z-index:20; background-color:#e1e1e1;}
#location ol > li {display:inline-block;}
#location ol > li:after {content:'';display:inline-block;margin-left:8px;width:7px;height:10px;vertical-align:middle;background-image:url(../images/icon-pack-common.png);background-repeat:no-repeat;background-size:250px 250px;background-position:-210px 0;}
#location ol > li:last-child:after {display:none;}
#location ol > li .btn_trigger {color:#333;}
#location ol > li span.btn_trigger {text-decoration:underline;}
#location ol > li a.btn_trigger:after {content:'';display:inline-block;margin-left:6px;width:8px;height:5px;vertical-align:middle;background-image:url(../images/icon-pack-common.png);background-repeat:no-repeat;background-size:250px 250px;background-position:-230px 0;}
#location ol > li ul {display:none;position:absolute;top:23px;left:-5px;width:155px;border:1px solid #e9e9e9;background-color:#fff;}
#location ol > li ul li a {display:block;padding:5px 15px;font-size:14px;font-weight:700;line-height:20px;color:#333;}
#location ol > li ul li.current a {color:#fff;background-color:#00b3a4;}
#location ol > li.on a.btn_trigger {font-weight:700;text-decoration:underline;}
#location ol > li.on ul {display:block;}

#footer {padding:35px 13px 100px 13px;background-color:#3a3a3a;z-index:1;}
#footer .footer_desc {overflow:hidden;padding:0 13px;}
#footer .footer_desc .left {float:left;}
#footer .footer_desc .left span {font-size:12px;color:#fff;display: block;}
#footer .footer_desc .left span.phone {font-size:24px;color:#3bc7bf;font-weight: 700;margin:10px 0;}
#footer .footer_desc .left p {font-size:11px;color:#fff;line-height: 17px;}
#footer .footer_desc .right {float:right;}
#footer .footer_desc .right span {font-size:12px;color:#fff;display: block;margin-bottom: 15px;}
#footer .footer_desc .right dl {position: relative;overflow: hidden;margin-bottom: 5px;}
#footer .footer_desc .right dl dt {width:60px;font-size:11px;color:#999;float:left;}
#footer .footer_desc .right dl dd {font-size:11px;color:#fff;float:left;}
#footer .footer_copyright {border-top:1px solid #434343;margin-top:20px;padding:20px 0 0 120px;position: relative;}
#footer .footer_copyright .logo {width:80px;height:19px;position: absolute;left:13px;top:20px;background-image:url(../images/footer_logo.png);background-repeat:no-repeat;background-size:80px 19px;}
#footer .footer_copyright p {font-size:10px;color:#6c6c6c;line-height: 16px;}
#footer .footer_copyright p.copyright {font-size:10px;color:#565656;}

.quick_menu {width:calc(100% - 12px);height:76px;position:fixed;left:0;bottom:6px;margin:0 6px;overflow: hidden;z-index: 70;background: url('../images/tab_float_bg.jpg') no-repeat 0 0;background-size: cover;border-radius: 10px;display: none;}
.quick_menu:before {content: '';width:1px;height:42px;background: #fff;opacity:0.2;position: absolute;left:25%;top:18px;}
.quick_menu:after {content: '';width:1px;height:42px;background: #fff;opacity:0.2;position: absolute;left:50%;top:18px;}
.quick_menu a {width:25%;height:76px;float:left;display: block;text-align: center;padding-top:13px;box-sizing: border-box;}
.quick_menu a img {width:51px;}


.popup {width:307px;position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 1000;}
.popup .visual_slide {width:307px;height:314px;}
.popup img {width:100%;}
.popup .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.popup .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {text-align: right;padding-right:10px;bottom:4px;}
.popup .swiper-pagination-bullet {width:6px;height:6px;border:1px solid #fff;}
.popup .swiper-pagination-bullet-active {background: #fff;}
.popup .link {width:100%;height:100%;display: block;position: absolute;left:0;top:0;z-index: 2;}

.popup_bg {width:100%;height: 100%;position: fixed;left:0;top:0;z-index: 999;background: #000;opacity: 0.7;}

.popup-bottom-con{max-width:307px;height:25px; overflow:hidden;  line-height:25px;margin:0 auto;}
.popup-bottom-con.act{background:#333;padding:0 10px;}
.popup-bottom-con label{float:left; font-size:12px; color:#fff;}
.popup-bottom-con label input{margin-right:5px; vertical-align:top; margin-top:5px;}
.popup-bottom-con .close-btn {width:10px;height:10px;background: url('../images/popup_close.png') no-repeat center;background-size: 10px;right:-8px;top:0;padding:13px;}
.popup-bottom-con .close-btn, .popup-bottom-con .close-btn02{float:right; color:#fff; font-size:12px;}
.popup-bottom-con .close-btn, .popup-bottom-con .close-btn03{float:right; color:#fff; font-size:12px;}