/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block; overflow:hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;}
.slick-track{ position: relative; top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

#wrapper{position:relative;}
.wrap{position:relative;width:1200px;margin:0 auto;}

/* header */
#header{position:relative;width:100%; padding-bottom:105px; z-index:69;}
#gnb { background:#e6f0f8;}
#gnb .site_tab { float:left;}
#gnb .site_tab li { float:left;}
#gnb .site_tab li a { display:block; width:97px; line-height:50px; padding-left:63px; color:#fff; font-size:14px;}
#gnb .site_tab .bg1 a { background:#1197d5 url(../images/common/bg_gnb_l1.png) no-repeat 28px center;}
#gnb .site_tab .bg2 a { background:#22b24c url(../images/common/bg_gnb_l2.png) no-repeat 28px center;}
#gnb .site_tab .bg3 a { background:#d09300 url(../images/common/bg_gnb_l3.png) no-repeat 28px center;}
#gnb .site_tab a.on { background-color:#fff; color:#666;}
#gnb .gnb_link { float:right;}
#gnb .gnb_link > ul > li { float:left;}
#gnb .gnb_link > ul > li a { display:block; line-height:50px;}
#gnb .txt_gnb { float:left;}
#gnb .txt_gnb li a { color:#5a6a7e; margin:0 15px; font-size:14px;}
#gnb .txt_gnb li a:hover { text-decoration:underline;}
#gnb .txt_gnb .bg1 { padding-right:25px; background:url(../images/common/bg_ar1.png) no-repeat right 48%;}
#gnb .img_gnb { float:left; position:relative;}
#gnb .img_gnb .icon { text-indent:-9999px; width:60px; border-left:1px solid rgba(90,106,126,0.2); }
#gnb .img_gnb .bg1 { background:url(../images/common/bg_gnb_r1.png) no-repeat center;}
#gnb .img_gnb .bg2 { background:url(../images/common/bg_gnb_r2.png) no-repeat center;}
#gnb .img_gnb .bg3 { background:url(../images/common/bg_gnb_r3.png) no-repeat center;}


#gnb .img_gnb .layer {display:none; position:absolute; top:50px; right:121px; z-index:100; border:1px solid #cad5e0; border-top:none; background:#e6f0f8;}
#gnb .img_gnb .layer li a { line-height:30px; padding:5px 25px; border-top:1px solid #cad5e0; font-family:"Nanum Barun Gothic";}

#header .logo {position:absolute; top:27px; left:0; z-index:67;}

/* lnb */
#header a.lnb_open{position:absolute; top:22px; right:0; display:none; width:60px; height:60px; background:url(../images/common/btn_sitemap.png) no-repeat center; font-size:0; z-index:68;}
#header a.lnb_open.on{background-image:url(../images/common/btn_close_m.png); z-index:71;} /* 모바일메뉴 */

#header .lnb{ position:absolute; top:75px; left:0; width:100%; height:80px; background-color:#fff; z-index:12; transition-property:padding-bottom; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);}
#header .lnb .lnb_wrap {height:100%;}

#header .lnb .lnb_wrap .wrap {overflow:hidden; height:100%; transition:padding-bottom 0.5s cubic-bezier(1, 0, 0, 1); z-index:11;}
#header .lnb .lnb_wrap .wrap .lnb_title{display:none;}
#header.menu_active .lnb:after{position:absolute; left:0; top:80px; height:calc(100% - 80px); width:22%; background-color:#e6f0f8; content:''; z-index:1;}

#header.menu_active .lnb.state1, #header.menu_active .lnb.state1 .lnb_wrap .wrap {padding-bottom:600px;}
#header.menu_active .lnb.state2, #header.menu_active .lnb.state2 .lnb_wrap .wrap {padding-bottom:560px;}
#header.menu_active .lnb.state3, #header.menu_active .lnb.state3 .lnb_wrap .wrap {padding-bottom:380px;}
#header.menu_active .lnb.state4, #header.menu_active .lnb.state4 .lnb_wrap .wrap {padding-bottom:360px;}
#header.menu_active .lnb.state5, #header.menu_active .lnb.state5 .lnb_wrap .wrap {padding-bottom:600px;}
#header.menu_active .lnb.state6, #header.menu_active .lnb.state6 .lnb_wrap .wrap {padding-bottom:400px;}

#header .lnb .lnb_wrap .depth1_menu {line-height:0; float:right;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list {float:left;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {display:block; position:relative; padding-top:19px; padding-right:35px; padding-bottom:18px; padding-left:35px; background-repeat:no-repeat; background-position:left center; color:#333; font-size:19px; line-height:28px; font-weight:500; transition-property:paddding-bottom, color; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);}
/*#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor {display:block; position:relative; padding-top:19px; padding-right:35px; padding-bottom:18px; padding-left:35px; background-repeat:no-repeat; background-position:left center; background-image:url(../images/common/depth1_anchor.png); color:#333; font-size:19px; line-height:28px; font-weight:500; transition-property:paddding-bottom, color; transition-duration:0.5s; transition-timing-function:cubic-bezier(1, 0, 0, 1);}*/
#header .lnb .lnb_wrap .depth1_menu .depth1_list:first-child .depth1_anchor{background-image:none;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor {color:#f60;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor:hover {text-decoration:none;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title {visibility:hidden; opacity:0; position:absolute; top:80px; left:0; width:262px; height:100%;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-color:#e6f0f8; height:100%; min-height:400px; background-repeat:no-repeat; background-position:center 60px;}
#header .lnb.state1 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_01.png);}
#header .lnb.state2 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_02.png);}
#header .lnb.state3 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_03.png);}
#header .lnb.state4 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_04.png);}
#header .lnb.state5 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_05.png);}
#header .lnb.state6 .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox{background-image:url(../images/common/depth2_title_06.png);}

#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_title {visibility:visible; opacity:1;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title .innerbox .innercon{padding-top:120px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title span {display:block; padding-top:22px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/depth2_title.gif); text-align:center; color:#0c0c0c; font-size:30px; line-height:36px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title p {margin-top:12px; text-align:center; padding:0 10%; word-break:keep-all; color:#333; font-size:15px; line-height:22px;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu {visibility:hidden; opacity:0; position:absolute; top:65px; left:262px; width:918px; margin-top:25px; padding-top:10px; padding-left:20px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_menu {visibility:visible; opacity:1;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list {float:left; width:22%; margin:0 1.3% 30px;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .cut {float:left; width:100%; height:0; margin-top:25px; font-size:0;}

#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor {display:block; border-bottom:#000 solid 1px; padding:0 10px 12px; color:#000; font-size:18px; line-height:24px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target='_blank'] span{padding-right:20px; background-repeat:no-repeat; background-position:right center; background-image:url(../images/common/lnb_blank.png);}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu {margin-top:20px; padding:0 10px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list {margin-top:5px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list:first-child {margin-top:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor {display:block; background-repeat:no-repeat; background-position:right center; color:#555555; font-size:15px; line-height:21px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor {color:#005aab; text-decoration:underline;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {display:inline-block; padding-right:20px; background-image:url(../images/common/lnb_blank.png);}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor[target='_blank'] {background-image:url(../images/common/lnb_blank.png);}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu {display:none;}


#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule1 .depth2_menu .depth2_list {min-height:240px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule2 .depth2_menu .depth2_list {min-height:260px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule3 .depth2_menu .depth2_list {min-height:120px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule4 .depth2_menu .depth2_list {min-height:160px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list {min-height:320px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule6 .depth2_menu .depth2_list {min-height:200px;}


/* footer */
.site_link { background:#506382; z-index:10;}
.sitelink_cont { position:relative; float:left; width:20%; transition:all .5s;}
.sitelink_cont h3 button { position:relative; width:100%; padding-left:10%; height:50px; color:#fff; text-align:left; background: url(../images/common/bg_site.png) no-repeat 90% center; border-right:1px solid rgba(179,179,179,0.2);}
.sitelink_cont.first h3 button { border-left:1px solid rgba(179,179,179,0.2);}
.sitelink_cont .layer { display:none; position:absolute; left:0; bottom:0; width:100%; z-index:100; border:1px solid #506382; background:#fff; box-sizing:border-box;}
.sitelink_cont .layer .close { display:block; position:absolute; right:0; top:0; z-index:10; width:100%; height:50px; background: url(../images/common/bg_site_close.png) no-repeat 90% center; text-indent:-9999px;}
.sitelink_cont .layer strong { display:block; background:#506382; color:#fff; line-height:50px; padding-left:10%;}
.sitelink_cont .layer ul {padding:15px;}
.sitelink_cont .layer li a { display:block; padding:2px 0 0 10px; background:url(../images/common/icon_site_line.gif) no-repeat left center;}

.footer_logo { float:left; padding:40px 75px 0 35px;}
.footer_info { float:left; padding:40px 0; font-size:14px;}
.footer_info .em { color:#337abc;}
.footer_info .footer_menu li { float:left; margin-right:30px;}
.footer_info .sp_left { margin-left:20px;}
.footer_info address { margin:20px 0 5px 0;}

#footer { border-top:1px solid #c2ccdd;}
#footer .top { position:absolute; top:0; right:0; display:block; width:50px; height:50px; border:1px solid #c2ccdd; border-top:none; background:url(/site/www/images/common/bg_btn_top.png) no-repeat center; font-size:0;}

/* tablet */
@media screen and (max-width:1000px){
#wrapper{overflow-x:hidden;}
.wrap { width:95%;}

#gnb .site_tab li a { width:77px; padding-left:43px;}
#gnb .site_tab .bg1 a { background-position:8px center;}
#gnb .site_tab .bg2 a { background-position:8px center;}
#gnb .site_tab .bg3 a { background-position:8px center;}
#gnb .txt_gnb li a { margin:0 10px;}
#gnb .img_gnb .bg3 { display:none;}

#header .header_box .wrap a.lnb_open{display:block;}
.ssm-overlay {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:none; z-index:70;}
#header .lnb.nav { display:none; position: absolute; float:none; width:800px; height:calc(100% - 50px); left:50%; margin-left:-400px; padding-right:10%; background-color:transparent; top:50px; z-index:71; transform:translate(120%,0); transition-property:transform; transition-timing-function:ease;}
#header .lnb .lnb_wrap{border:#6f6764 solid 1px; height:calc(100% - 2px);}
#header .lnb .lnb_wrap .wrap{width:auto; overflow:visible; overflow-x:hidden; background-color:#005aab; height:100vh;}
#header .lnb .lnb_wrap .depth1_menu{background-color:#005aab; float:none;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list{float:none; width:100%; border-bottom:#8fb7da solid 1px; transition-property:width, border-bottom-color, background-color; transition-duration:0.5s; transition-timing-function:ease-in-out;}
#header .lnb .lnb_wrap .depth1_menu.active .depth1_list {width:30%;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active{border-bottom-color:#cccccc; background-color:#FFF;}
#header .lnb .lnb_wrap .wrap .lnb_title{display:block; padding:15px 20px 19px; border-bottom:#6f6764 solid 1px; background-color:#FFF;}
#header .lnb .lnb_wrap .wrap .lnb_title p{line-height:26px; background-repeat:no-repeat; background-position:left 6px; background-image:url(../images/common/lnb_title.png); padding-left:23px; color:#333333; font-size:19px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_title{display:none;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor{line-height:23px; padding:13px 5%; background-image:url(../images/common/depth1_anchor_mobile.png); background-position:98% center; font-size:17px; color:#fff;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list:first-child .depth1_anchor{background-image:url(../images/common/depth1_anchor_mobile.png);}
#header .lnb .lnb_wrap .depth1_menu.active .depth1_list .depth1_anchor{background-position:90% center;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth1_anchor{background-image:url(../images/common/depth1_anchor_mobile_on.png); color:#005aab;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu{left:auto; top:61px; right:0; width:70%; height:auto; min-height:calc(100% - 61px); margin-top:0; padding:0; background-color:#FFF; transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out; transform:translateX(102%); visibility:visible; opacity:1;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .depth2_menu{transform:translateX(0);}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list{float:none; width:auto; margin:0; border-bottom:#e7e7e7 solid 1px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor{line-height:23px; padding:13px 5%; border-bottom:none; font-size:17px; color:#333333;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has .depth2_anchor{background-repeat:no-repeat; background-position:97% center; background-image:url(../images/common/depth2_anchor_mobile.png);}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list.has.active .depth2_anchor{background-color:#667788; background-image:url(../images/common/depth2_anchor_mobile_on.png); background-position:97.6% center; color:#FFF;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor[target="_blank"] span{background-image:none;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu{display:none; background-color:#f5f7f9; margin-top:0; padding:19px 4%;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list{background-repeat:no-repeat; background-position:left 9px; background-image:url(../images/common/depth3_list_bg.gif); padding-left:7px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor{color:#333333;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule2 .depth2_menu .depth2_list .depth3_menu{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list{width:auto; margin:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list.rule1{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list.rule2{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list.rule3{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list.rule4{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list.rule5{min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.active .province{display:none;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule6 .depth2_menu{display:block;}


#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule1 .depth2_menu .depth2_list {min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule2 .depth2_menu .depth2_list {min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule3 .depth2_menu .depth2_list {min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule4 .depth2_menu .depth2_list {min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule5 .depth2_menu .depth2_list {min-height:0;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list.rule6 .depth2_menu .depth2_list {min-height:0;}

.footer_logo { display:none;}
}

@media screen and (max-width:800px){
#header .lnb.nav{width:640px; margin-left:-320px;}


.site_link .wrap { width:100%;}
.sitelink_cont { width:33.33%; font-size:12px;}
.sitelink_cont h3 button { border-right:1px solid rgba(179,179,179,0.2); border-bottom:1px solid rgba(179,179,179,0.2);}

.footer_info { padding:30px 0; font-size:13px;}
.footer_info .footer_menu li { margin-right:20px;}
.footer_info .sp_left { margin-left:10px;}

}

/* mobile */
@media screen and (max-width:640px){
#gnb { display:none;}
#header .lnb.nav{top:50px;; width:90%; height:calc(100% - 50px); margin-left:-45%;}
}

@media screen and (max-width:600px){
}

@media screen and (max-width:480px){
#header { padding-bottom:80px;}
#header .logo { top:20px;}
#header .logo img { height:40px;}
#header a.lnb_open{ top:15px; width:50px; height:50px; background:url(../images/common/btn_sitemap.png) no-repeat center; background-size:30px;}
#header .lnb .lnb_wrap .depth1_menu.active .depth1_list{width:36%;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu{width:64%;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth1_anchor{font-size:15px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth2_anchor{font-size:15px;}
#header .lnb .lnb_wrap .depth1_menu .depth1_list .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor{font-size:13px;}

.layer_cont{width:100%;}
.layer_cont a .img{width:100%;}
}

.sitelink_cont { width:50%;}
}



#divpopup1 {position:absolute;left:100px;top:100px;z-index:100;}
#divpopup1 .divpopup_form { width:500px; height:20px; background:#000; padding-top:3px; }
#divpopup1 .divpopup_form input { vertical-align:middle; margin-left:5px; }
#divpopup1 .divpopup_form label { vertical-align:middle; margin-left:5px; }
#divpopup1 .divpopup_chk { color:#ffffff; float:left; vertical-align:middle; }
#divpopup1 .divpopup_close { float:right; margin-right:5px; }
#divpopup1 .divpopup_close span { color:#fff333; font-weight:bold; }

.layerpopup_wrap2{ width:1200px; margin:auto; height:0; z-index:55;}
.main_popup {position:absolute;z-index:100;}
.main_popup .layer_cont{line-height:0;}
.main_popup .divpopup_form { width:500px; height:20px; background:#000; padding-top:3px; }
.main_popup .divpopup_form input { vertical-align:middle; margin-left:5px; }
.main_popup .divpopup_form label { vertical-align:middle; margin-left:5px; }
.main_popup .divpopup_chk { color:#ffffff; float:left; vertical-align:middle; }
.main_popup .divpopup_close { float:right;}
.main_popup .divpopup_close a{display:inline-block; background:url(../images/main/layerpopup_close.png) no-repeat right center; padding:2px 27px 2px 0;}
.main_popup .divpopup_close span { color:#fff333; font-weight:bold; }

@media screen and (max-width:800px){
.layerpopup_wrap2{width:100%;}
.main_popup{left:30% !important; width:100% !important; margin-left:-31%;}
.main_popup .layer_cont img{width:100%;}
}

@media screen and (max-width:480px){
.layerpopup_wrap2{width:100%;}
.main_popup{left:30% !important; width:100% !important; margin-left:-31%;}
.main_popup .layer_cont img{width:100%;}
}