@charset "utf-8";
/* (주)한신정보기술 서정한 - 2018.07 */

body{font-size:15px;}
#wrapper{position:relative; min-width:1240px; overflow:hidden; border-top:#eb6a2d solid 2px;}
.wrap{position:relative;width:1240px;margin:0 auto;}

.nav[data-menu-type] div[data-menu-depth='1']{width:1240px;}

/* header */
#header{position:relative; height:168px; z-index:69;}
#header .header_box{position:relative; z-index:70;}
#header .header_box .wrap:before{position:absolute; top:0; left:-89px; display:block; width:433px; height:75px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/common/header_bg.png); content:'';}
#header.winter .header_box .wrap:before{left:-91px; width:615px; height:95px; background-image:url(../images/common/header_bg_winter.png);}
#header.spring .header_box .wrap:before{left:-50px; width:388px; height:68px; background-image:url(../images/common/header_bg_spring.png);}
#header .header_box .wrap .logo {display:block; position:absolute; top:38px; left:calc(50% - 95px); width:245px; line-height:0; z-index:50;}
#header .header_box .wrap .logo a {display:block; height:60px; background-repeat:no-repeat; background-position:center center; background-image:url(/common_new/images/logo_tour3.png); font-size:0; line-height:0;}
#header .header_box .site_link{position:absolute; top:0; right:0;}
#header .header_box .site_link ul li{float:left;}
#header .header_box .site_link ul li span, #header .header_box .site_link ul li a{display:block; border-color:#d0d3d6; border-style:solid; border-width:0 1px 1px 0; background-color:#f4f8fb; padding:8px 23px; line-height:21px; text-align:center; color:#515151; font-size:14px;}
#header .header_box .site_link ul li:first-child a{border-left-width:1px;}
#header .header_box .site_link ul li span{background-color:#eb6a2d; border-color:#eb6a2d; color:#fff330;}

#header .header_box .wrap .lnb_open{position:absolute; top:20px; right:2%; display:none; width:63px; height:58px; background-color:#FFF; background-repeat:no-repeat; background-position:center center; background-image:url(../images/common/lnb_open.png); border:#6b5145 solid 1px; color:transparent; font-size:0;}
#header .lnbbox .lnb_close{position:absolute; top:14px; right:8px; display:none; width:45px; height:43px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/common/lnb_close.png); color:transparent; font-size:0; z-index:12;}

.searchbox{position:absolute; top:168px; left:0; display:none; width:100%;}
.searchbox .topbox{display:none;}
.searchbox .topbox .wrap{padding:23px 0 22px;}
.searchbox .topbox .gnb ul li{position:relative; float:left; margin-right:0; margin-left:23px; padding-left:17px; line-height:25px;}
.searchbox .topbox .gnb ul li:before{position:absolute; top:7px; left:0; display:block; width:1px; height:10px; background-color:rgba(255, 255, 255, 0.15); content:'';}
.searchbox .topbox .gnb ul li:first-child{margin-left:0; padding-left:0;}
.searchbox .topbox .gnb ul li:first-child:before{display:none;}
.searchbox .topbox .gnb ul li a{display:block; padding-left:0; line-height:25px; color:#FFF; font-size:15px;}
.searchbox .topbox .search_close{position:absolute; top:14px; right:0; width:45px; height:43px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/common/lnb_close.png); color:transparent; font-size:0; z-index:12;}
#header .header_box .search_btn{position:absolute; top:118px; right:17px; width:30px; height:29px; background-repeat:no-repeat; background-position:center center; color:transparent; font-size:0;}
#header .header_box .search_btn.close{background-image:url(../images/sub/search_btn_open.png);}
#header .header_box .search_btn.open{background-image:url(../images/sub/search_btn_close.png);}
.searchbox .search{background-repeat:no-repeat; background-position:center top; background-image:url(../images/sub/sub_visual_bg.gif);}
.searchbox .search .innerbox{position:relative; padding:30px 284px 14px 306px;}
.searchbox .search .innerbox .title{position:absolute; top:35px; left:99px; line-height:0;}
.searchbox .search .innerbox .search_con{font-size:0;}
.searchbox .search .innerbox .search_con .inputbox{display:inline-block; width:495px; vertical-align:top; background-repeat:no-repeat; background-position:left center; background-image:url(../images/common/inputbox_new.png); padding:3px 0 3px 4px;}
.searchbox .search .innerbox .search_con .inputbox .inputbox_inner{position:relative; display:block; height:54px; padding-left:35px;}
.searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{border:none; width:calc(100% - 4px); height:50px; margin:0; padding:2px; color:#707070; font-size:16px;}
.ie8 .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{width:456px; height:48px;}
.chrome .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{height:54px;}
.firefox .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{height:54px;}
.searchbox .search .innerbox .search_con input[type="submit"]{width:151px; height:76px; margin:0; padding:0; vertical-align:top; border:none; background-repeat:no-repeat; background-image:url(../images/common/search_submit.png); font-size:0;}
.searchbox .search .innerbox .popular{position:absolute; top:39px; right:0; width:248px;}
.searchbox .search .innerbox .popular .titlebox{position:relative; margin-bottom:10px; padding-left:36px; padding-right:61px; line-height:20px; color:#a32c1c; font-size:14px;}
.searchbox .search .innerbox .popular .titlebox:before{position:absolute; top:5px; left:0; display:block; width:26px; height:12px; background:url(../images/common/popular_icon.gif) no-repeat; content:'';}
.searchbox .search .innerbox .popular .popular_control{position:absolute; top:0; right:0; line-height:0; font-size:0;}
.searchbox .search .innerbox .popular .popular_control button{border-color:#acacac; border-style:solid; border-width:1px 1px 1px 0; background-color:#FFF; width:20px; height:20px; background-repeat:no-repeat; background-image:url(../images/common/popular_control.png); vertical-align:top; color:transparent; font-size:0;}
.searchbox .search .innerbox .popular .popular_control button.prev{border-left-width:1px; width:21px; background-position:left center;}
.searchbox .search .innerbox .popular .popular_control button.next{background-position:-19px center;}
.searchbox .search .innerbox .popular .popular_control button.play{background-position:-38px center;}
.searchbox .search .innerbox .popular .popular_control button.pause{background-position:right center;}
.searchbox .search .innerbox .popular .popular_list{height:21px; overflow:hidden;}
.searchbox .search .innerbox .popular .popular_list .popular_item{float:left; margin-right:20px;}
.searchbox .search .innerbox .popular .popular_list .popular_item a{display:block; line-height:21px; color:#464646; font-size:14px;}

.lnbbox.z-index-active{z-index:74;}

/* 메뉴 */
.lnbbox{position:absolute;left:0;top:97px;z-index:12;width:100%;height:71px; background-color:#FFF;}
.lnbbox .lnb_topbox{position:relative; z-index:12;}
.lnbbox .lnb_topbox .gnb{position:absolute; top:-40px; right:102px;}
.lnbbox .lnb_topbox .gnb ul li{float:left; margin-right:27px;}
.lnbbox .lnb_topbox .gnb ul li.list03{display:none;margin-right:0;}
.lnbbox .lnb_topbox .gnb ul li a{position:relative; display:block; padding-left:27px; padding-bottom:3px; line-height:20px; color:#252525; font-size:14px;}
.lnbbox .lnb_topbox .gnb ul li.list03 a{padding-left:0; color:#d75213;}
.lnbbox .lnb_topbox .gnb ul li a:before{position:absolute; top:0; left:0; display:block; width:17px; height:21px; background-repeat:no-repeat; background-image:url(../images/common/gnb_icon.png); content:'';}
.lnbbox .lnb_topbox .gnb ul li.list01 a:before{background-position:left top;}
.lnbbox .lnb_topbox .gnb ul li.list02 a:before{background-position:right top;}
.lnbbox .lnb_topbox .gnb ul li.list03 a:before{display:none;}

.lnbbox .lnb_topbox .language{position:absolute; top:-59px; right:0; width:96px; border-color:transparent; border-style:solid; border-width:0 1px 1px; background-color:#FFF; padding:19px 6px 16px 8px; transition-property:border-color, box-shadow; transition-duration:0.3s; transition-timing-function:ease-in-out; z-index:3;}
.lnbbox .lnb_topbox .language.open{border-color:#d0d3d6; box-shadow:rgba(0, 0, 0, 0.1) 3px 3px 3px;}
.lnbbox .lnb_topbox .language .language_button{position:relative; display:block; margin-bottom:5px; line-height:18px; padding-bottom:2px; padding-left:40px; padding-right:17px; color:#252525; font-family:'Opensans'; font-size:14px;}
.lnbbox .lnb_topbox .language .language_button:before{position:absolute; top:0; left:0; display:block; width:32px; height:20px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/language_flag.gif); content:'';}
.lnbbox .lnb_topbox .language .language_button:after{position:absolute; top:2px; right:0; display:block; width:17px; height:17px; background-repeat:no-repeat; background-position:left center; background-image:url(../images/common/language_button_icon.png); content:'';}
.lnbbox .lnb_topbox .language.open .language_button:after{background-position:right center;}
.lnbbox .lnb_topbox .language .layer{display:none;}
.lnbbox .lnb_topbox .language .layer ul li{margin-top:5px;}
.lnbbox .lnb_topbox .language .layer ul li:first-child{margin-top:0;}
.lnbbox .lnb_topbox .language .layer ul li a{position:relative; display:block; line-height:18px; padding-bottom:2px; padding-left:40px; color:#252525; font-family:'Opensans'; font-size:14px;}
.lnbbox .lnb_topbox .language .layer ul li a:before{position:absolute; top:0; left:0; display:block; width:32px; height:20px; background-repeat:no-repeat; background-image:url(../images/common/language_flag.gif); content:'';}
.lnbbox .lnb_topbox .language .layer ul li.list01 a:before{background-position:center -20px;}
.lnbbox .lnb_topbox .language .layer ul li.list02 a:before{background-position:center -40px;}
.lnbbox .lnb_topbox .language .layer ul li.list03 a:before{background-position:center bottom;}

.lnbbox .nav{background-color:#FFF; height:71px; z-index:11;}
.lnbbox .nav:before{position:absolute; left:0; top:71px; display:block; width:100%; height:1px; content:''; transition:background-color 200ms ease-in-out 0s;}
.menu_active .lnbbox .nav:before{background-color:#6b5145;}
#header .lnbbox .nav:after{position:absolute; top:auto; bottom:0; left:0; display:block; width:100%; height:2px; content:'';}
.menu_active #header .lnbbox .nav:after{background-color:#6b5145;}
.lnbbox .nav .depth1:before{position:absolute; top:72px; left:-145px; display:block; width:139px; height:0; background-repeat:no-repeat; background-image:url(../images/common/nav_bg.png); content:''; transition:height 250ms ease-in-out 0s;}
.menu_active .lnbbox .nav .depth1:before{height:calc(100% - 72px);}
#header .lnbbox .nav .depth2{top:72px; height:calc(100% - 72px);}
.menu_active #header .lnbbox .nav .depth2{visibility:hidden; opacity:0;}
#header .lnbbox .nav .depth1_item.active .depth2{visibility:visible; opacity:1;}
.lnbbox .nav .depth2 .menu_title{top:0; left:0; width:240px; height:calc(100% - 2px); background-repeat:no-repeat; background-position:right bottom; background-image:url(../images/common/menu_title_bg.png);}
.lnbbox .nav .depth2 .menu_title .innerbox{position:relative; padding-top:30px; padding-left:40px;}
.lnbbox .nav .depth2 .menu_title .innerbox:before{display:block; width:51px; height:40px; margin-bottom:13px; background-repeat:no-repeat; background-image:url(../images/common/menu_title_icon01.png); content:'';}
.lnbbox .nav .depth2 .menu_title .innerbox .titlebox{display:table; width:100%; margin-bottom:14px;}
.lnbbox .nav .depth2 .menu_title .innerbox .titlebox p{display:table-cell; width:100%; height:40px; text-align:left; vertical-align:middle; line-height:0;}
.lnbbox .nav .depth2 .menu_title .innerbox .text{line-height:17px; text-align:left; color:#555555;}
.lnbbox .nav .depth2 .menu_title .innerbox .text .green{color:#0a6a62;}
.lnbbox .nav .depth2 .menu_title .innerbox .text .blue{color:#114692;}

.lnbbox .nav ul li.depth1_item .depth1_text{padding:22px 60px; line-height:27px; color:#252525; font-size:20px;}
.lnbbox .nav ul li.depth1_item .depth1_text:before{position:absolute; top:30px; left:-3px; display:block; width:5px; height:12px; background-repeat:no-repeat; background-image:url(../images/common/depth1_text_bg.png); content:'';}
.lnbbox .nav ul li.depth1_item:first-child .depth1_text:before{display:none;}
.lnbbox .nav ul li.depth1_item .depth1_text:after{position:absolute; bottom:-7px; left:calc(50% - 7px); display:block; width:5px; height:5px; border:#eb6a2d solid 4px; border-radius:13px; overflow:hidden; background-color:#FFF; content:''; transform:scaleY(0); transition:transform 250ms ease-in-out 0s;}
.lnbbox .nav ul li.depth1_item.active .depth1_text:after{transform:scaleY(1);}
.lnbbox .nav .depth2 ul.depth2_list{padding-top:25px; padding-bottom:0; padding-left:0; padding-right:0;}
.lnbbox .nav .depth2 ul li.depth2_item{margin-top:0; margin-bottom:25px; margin-right:2%;}
.lnbbox .nav .depth2 ul li.depth2_item .depth2_text{display:block; border-color:#d7d7d7; border-style:solid; border-width:1px; line-height:22px; padding:9px 21px; text-align:left; color:#252525; font-size:16px; transition-property:border-color, background-color, color; transition-duration:0.25s; transition-timing-function:ease-in-out;}
.lnbbox .nav .depth2 ul li.depth2_item .depth2_text:hover, .lnbbox .nav .depth2 ul li.depth2_item .depth2_text:focus{border-color:#f8f4f0; background-color:#f8f4f0; color:#000;}
.lnbbox .nav ul li.depth1_item.rule1 .depth2_item{width:18.4%;}
.lnbbox .nav ul li.depth1_item.rule1 .depth2_item:nth-child(5n){margin-right:0;}
.lnbbox .nav .depth2 .depth3{display:block; padding-top:13px;}
.lnbbox .nav ul li.depth1_item.rule1 .depth2_list{text-align:center; font-size:0;}
.lnbbox .nav ul li.depth1_item.rule1 .depth2_item{display:inline-block; float:none; width:auto; min-width:200px; vertical-align:top; text-align:left;}
.lnbbox .nav ul li.depth1_item.rule2 .depth2_list{text-align:center; font-size:0;}
.lnbbox .nav ul li.depth1_item.rule2 .depth2_item{display:inline-block; float:none; width:auto; min-width:200px; vertical-align:top; text-align:left;}
.lnbbox .nav ul li.depth1_item.rule3 .depth2_list{text-align:center; font-size:0;}
.lnbbox .nav ul li.depth1_item.rule3 .depth2_item{display:inline-block; float:none; width:auto; min-width:200px; vertical-align:top; text-align:left;}
.lnbbox .nav ul li.depth1_item.rule3 .depth2_item:nth-child(4n){margin-right:0;}
.lnbbox .nav ul li.depth1_item.rule4 .depth2_list{text-align:center; font-size:0;}
.lnbbox .nav ul li.depth1_item.rule4 .depth2_item{display:inline-block; float:none; width:18.4%; min-width:200px; vertical-align:top; text-align:left;}
.lnbbox .nav ul li.depth1_item.rule5 .depth2_item{width:15%;}
.lnbbox .nav ul li.depth1_item.rule5 .depth2_item:nth-child(6n){margin-right:0;}
.lnbbox .nav ul li.depth1_item.rule6 .depth2_item{width:18.4%;}
.lnbbox .nav ul li.depth1_item.rule6 .depth2_item:nth-child(5n){margin-right:0;}
.lnbbox .nav .depth3 .depth3_item{margin-top:7px; padding-left:11px;}
.lnbbox .nav .depth3 .depth3_item:first-child{margin-top:0;}
.lnbbox .nav .depth3 .depth3_item .depth3_text{padding-left:16px; line-height:23px; color:#555555; font-size:15px;}
.lnbbox .nav .depth3 .depth3_item .depth3_text:hover, .lnbbox .nav .depth3 .depth3_item .depth3_text:focus{color:#a32c1c;}
.lnbbox .nav .depth3 .depth3_item .depth3_text:before{position:absolute; top:10px; left:0; display:block; width:5px; height:5px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/depth3_text.png); content:''; transition:background-position 250ms ease-in-out 0s;}
.lnbbox .nav .depth3 .depth3_item .depth3_text:hover:before, .lnbbox .nav .depth3 .depth3_item .depth3_text:focus:before{background-position:center bottom;}
.lnbbox .nav .depth1_item.active .depth3 .depth3_item .depth3_text{visibility:visible;}
.lnbbox .nav .depth4{display:none;}

/* 담당자 */
.sub_foot {position:relative; z-index:20; margin-top:50px; margin-bottom:50px;}
.sub_foot .satisfaction{width:1240px; margin:30px auto; padding:0; border:1px solid #e9e9e9}
.sub_foot .satisfaction .manager_info{position:relative; padding:0 3%}
.sub_foot .satisfaction .manager_info ul{padding:15px 0}
.sub_foot .satisfaction .manager_info ul li{float:left; margin-left:45px}
.sub_foot .satisfaction .manager_info ul li:first-child{margin-left:0; padding-left:0}
.sub_foot .satisfaction .manager_info ul li.date{float:right; margin-left:0; padding-left:0;}
.sub_foot .satisfaction .manager_info ul li span{display:inline-block; color:#000}
.sub_foot .satisfaction .manager_info ul li span:after{content:""; display:inline-block; width:1px; height:15px; margin:0 6px 2px 8px; background:#ccc; vertical-align:middle}

@media all and (max-width:710px){
.sub_foot .satisfaction .manager_info ul li{width:50%; margin-left:0}
}
@media all and (max-width:640px) {
    .sub_foot {margin-top:25px; margin-bottom:25px;}
.sub_foot .satisfaction .manager_info ul li{float:none; width:100%}
}


.top_go{display:none; border-top:#d3d3d3 solid 1px; border-bottom:#d3d3d3 solid 1px;}
.top_go a{display:block; padding:11px 0; text-align:center;}
.top_go a span{position:relative; display:inline-block; padding-left:23px; line-height:23px;}
.top_go a span:before{position:absolute; top:9px; left:0; display:block; width:11px; height:6px; background:url(../images/common/top.png) no-repeat; content:'';}

#footer{position:relative; margin-top:30px; z-index:68;}
#footer .wrap{padding-bottom:50px;}
#footer .banner{position:relative; display:none; margin-bottom:26px; padding-left:107px; padding-right:120px;}
#footer .banner h2{position:absolute; top:0; left:0; line-height:24px; color:#1b1b1b; font-size:17px; font-weight:200;}
#footer .banner .banner_control{position:absolute; top:0; right:0; font-size:0;}
#footer .banner .banner_control button{border-color:#a5a5a5; border-style:solid; border-width:1px 1px 1px 0; width:20px; height:24px; margin:0; padding:0; vertical-align:middle; color:transparent; font-size:0;}
#footer .banner .banner_control button.prev{border-left-width:1px; border-bottom-left-radius:12px; border-top-left-radius:12px; overflow:hidden; width:26px;}
#footer .banner .banner_control button span{display:block; height:22px; background-repeat:no-repeat; background-image:url(../images/common/banner_control.png);}
#footer .banner .banner_control a.more{display:inline-block; width:24px; height:22px; border:#a5a5a5 solid 1px; border-left:none; border-top-right-radius:12px; border-bottom-right-radius:12px; overflow:hidden; background-color:#f3f3f3; vertical-align:middle; color:transparent; font-size:0;}
#footer .banner .banner_control a.more span{display:block; height:22px; background-repeat:no-repeat; background-position:right center; background-image:url(../images/common/banner_control.png);}
#footer .banner .banner_control button.prev span{background-position:left center;}
#footer .banner .banner_control button.next span{background-position:-24px center;}
#footer .banner .banner_control button.play span{background-position:-43px center;}
#footer .banner .banner_control button.pause span{background-position:-62px center;}
#footer .banner .banner_list .slick-slide{position:relative; height:24px; margin-right:20px; padding-left:22px; line-height:24px;}
#footer .banner .banner_list .slick-slide:before{position:absolute; top:11px; left:0; display:block; width:5px; height:5px; background-repeat:no-repeat; background-image:url(../images/common/banner_icon.png); content:'';}
#footer .banner .banner_list .slick-slide a{display:block; line-height:24px; color:#626262; font-size:15px;}
#footer .site_link{position:relative; margin-top:26px;}
#footer .site_link ul li.list{position:relative; float:left; width:23.845%; margin-left:1.54%;}
#footer .site_link ul li.list:first-child{margin-left:0;}
#footer .site_link ul li.list .open_button{position:relative; display:block; padding:11px 50px 11px 30px; background-color:#f3f3f3; line-height:23px; color:#626262; font-size:15px;}
#footer .site_link ul li.list .open_button:before{position:absolute; top:20px; right:30px; display:block; width:13px; height:8px; background-repeat:no-repeat; background-image:url(../images/common/site_link_icon.png); content:''; transition:all 300ms ease-in-out 0s;}
#footer .site_link ul li.list .layer{position:absolute; left:0; bottom:45px; display:none; width:100%; background-color:#FFF;}
#footer .site_link ul li.list .layer ul li{border-color:#e1e1e1; border-style:solid; border-width:0 1px 1px;}
#footer .site_link ul li.list .layer ul li:first-child{border-top-width:1px;}
#footer .site_link ul li.list .layer ul li a{position:relative; display:block; padding:9px 20px 9px 37px; line-height:23px; color:#626262; font-size:15px;}
#footer .site_link ul li.list .layer ul li a:before{position:absolute; top:18px; left:20px; display:block; width:5px; height:5px; background:url(../images/common/site_link_li.png) no-repeat; content:'';}
#footer .site_link ul li.list .layer ul li a span{position:relative;}
#footer .site_link ul li.list .layer ul li a[target="_blank"] span{padding-right:24px;}
#footer .site_link ul li.list .layer ul li a[target="_blank"] span:before{position:absolute; top:6px; right:0; display:block; width:11px; height:11px; background:url(../images/common/blank.png) no-repeat center bottom; content:'';}

#footer .footer_con{position:relative; margin-top:26px; padding-left:202px;}
#footer .footer_con .footer_logo{position:absolute; top:22px; left:26px; width:111px; height:75px; line-height:0;}
#footer .footer_con .footer_nav{margin-bottom:15px;}
#footer .footer_con .footer_nav ul li{position:relative; float:left; margin-left:21px; padding-left:25px; line-height:23px;}
#footer .footer_con .footer_nav ul li:first-child{margin-left:0; padding-left:0;}
#footer .footer_con .footer_nav ul li:before{position:absolute; top:11px; left:0; display:block; width:4px; height:4px; background-color:#848484; border-radius:4px; overflow:hidden; content:'';}
#footer .footer_con .footer_nav ul li:first-child:before{display:none;}
#footer .footer_con .footer_nav ul li a{color:#535353; font-size:15px;}
#footer .footer_con .footer_nav ul li:first-child a{color:#b24f41;}

#footer .footer_con .sns{display:none; margin-bottom:12px; text-align:center; line-height:0; font-size:0;}
#footer .footer_con .sns ul li{display:inline-block; margin-left:9px;}
#footer .footer_con .sns ul li:first-child{margin-left:0;}
#footer .footer_con .sns ul li a{display:block; border:#898989 solid 1px; border-radius:30px; width:28px; overflow:hidden; color:transparent; font-size:0;}
#footer .footer_con .sns ul li a span{display:block; height:28px; background-repeat:no-repeat; background-image:url(../images/common/sns.png);}
#footer .footer_con .sns ul li.facebook a span{background-position:left center;}
#footer .footer_con .sns ul li.twitter a span{background-position:-28px center;}
#footer .footer_con .sns ul li.blog a span{background-position:right center;}
#footer .footer_con .mobile_tel{display:none; margin-bottom:6px; line-height:0; text-align:center; color:#636364; font-size:0;}
#footer .footer_con .mobile_tel span{display:inline-block; line-height:20px; vertical-align:middle;}
#footer .footer_con .mobile_tel .title{margin-right:10px; font-size:14px;}
#footer .footer_con .mobile_tel .tel_num{color:#e45b19; font-family:'Opensans'; font-size:18px;}

#footer .footer_con address{margin-bottom:4px; font-size:0;}
#footer .footer_con address span{display:inline-block; line-height:24px; vertical-align:middle; color:#656565; font-size:15px;}
#footer .footer_con address .tel{margin:0 34px;}
#footer .footer_con address .tel .wwwtel{display:none;}
#footer .footer_con .copyright{margin-bottom:16px; line-height:19px; color:#9a9a9a; font-family:'Opensans'; font-size:12px;}
#footer .footer_con .copyright .navy{color:#7c93c4; font-weight:600;}
#footer .footer_con .copyright br{display:none;}
#footer .footer_con .email_denial{line-height:22px; color:#828282; font-size:14px;}
#footer .footer_con .wa_mark{position:absolute; top:19px; right:23px; width:137px; height:83px; line-height:0;}
#footer .footer_con .wa_mark a{display:block; line-height:0;}
#footer .footer_con .vision_addressbox{display:none;}

/* 검색 옆 sns */
.searchbox .search .innerbox .sns_btn{position:absolute; top:52px; right:10px;}
.searchbox .search .innerbox .sns_btn li {display:inline-block;}

@media screen and (max-width:1000px){
.searchbox .search .innerbox .sns_btn{display:none;}
}

/* web */
@media screen and (max-width:1240px){
#wrapper{min-width:1000px;}
.wrap{width:1000px;}
#header .header_box .wrap:before{display:none;}
#header .header_box .wrap .logo{top:31px; left:0;}
#header .header_box .wrap .logo a{background-position:left center;}
#header .header_box .language{width:96px;}
#header .header_box .search_btn{right:0;}
.searchbox .search .innerbox{background-size:cover; padding:35px 284px 19px 174px;}
.searchbox .search .innerbox .title{left:0;}
.searchbox .search .innerbox .search_con .inputbox{width:calc(100% - 155px);}
.nav[data-menu-type] div[data-menu-depth="1"]{width:1000px;}
.lnbbox .nav .depth2 .menu_title{width:172px;}
.lnbbox .nav .depth2 .menu_title .innerbox{padding-left:11px;}
.lnbbox .nav ul li.depth1_item .depth1_text{padding:22px 45px;}
.lnbbox .nav .depth2 ul.depth2_list{padding-left:190px;}
#header .lnbbox .nav .depth2 ul li.depth2_item{width:23.5%; margin-right:2%;}
#header .lnbbox .nav .depth2 ul li.depth2_item:nth-child(4n){margin-right:0;}
.lnbbox .nav ul li.depth1_item.rule1 .depth3_list{min-height:0;}
.lnbbox .nav ul li.depth1_item.rule1 .depth2_item.rule5 .depth3_list{min-height:0;}
#header .lnbbox .nav .depth1_item.rule1 .depth2 ul li.depth2_item.rule7 .depth3_list{min-height:113px;}
#header .lnbbox .nav .depth1_item.rule1 .depth2 ul li.depth2_item.rule8{min-height:168px;}
#header .lnbbox .nav .depth1_item.rule2 .depth2 ul li.depth2_item.rule7{min-height:228px;}
.lnbbox .nav ul li.depth1_item.rule4 .depth2_item.rule5 .depth3_list{min-height:0;}
.lnbbox .nav ul li.depth1_item.rule4 .depth2_item.rule7 .depth3_list{min-height:203px;}
.lnbbox .nav ul li.depth1_item.rule4 .depth2_item.rule8 .depth3_list{min-height:203px;}
.lnbbox .nav ul li.depth1_item.rule5 .depth2_item.rule7 .depth3_list{min-height:113px;}
.lnbbox .nav ul li.depth1_item.rule5 .depth2_item.rule8 .depth3_list{min-height:113px;}
.lnbbox .nav ul li.depth1_item.rule6 .depth2_item.rule6 .depth3_list{min-height:353px;}
.lnbbox .nav ul li.depth1_item.rule6 .depth2_item.rule7 .depth3_list{min-height:353px;}
.lnbbox .nav ul li.depth1_item.rule6 .depth2_item.rule8 .depth3_list{min-height:353px;}
#footer .footer_con{padding-left:0;}
#footer .footer_con .footer_logo{display:none;}
}

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

#header{position:static; height:101px;}
#header .header_box .site_link{display:none;}
#header .header_box .language{display:none;}
#header .header_box .search_btn{top:20px; right:calc(2% + 65px); display:block; width:65px; height:60px; background-color:#6b5145; background-image:url(../images/common/search_btn_m.png);}
#header .header_box .search_btn.open, #header .header_box .search_btn.close{background-image:url(../images/common/search_btn_m.png);}
.searchbox_curtain{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:none; z-index:70;}
.searchbox{top:0; display:block !important; transform:translateY(-100%); transition:transform 300ms ease-in-out 0s; z-index:71;}
.searchbox.open{transform:translateY(0);}
.searchbox .topbox{background-color:#eb6a2d;}
.searchbox .topbox{display:block;}
.searchbox .search{background-image:none;}
.searchbox .search .innerbox{padding:20px 0 0;}
.searchbox .search .innerbox .title{display:none;}
.searchbox .search .innerbox .popular{transform:scale(0); opacity:0;}
.searchbox .search .innerbox .search_con .inputbox{width:calc(100% - 61px); padding:0; background-image:none;}
.searchbox .search .innerbox .search_con .inputbox .inputbox_inner{background-color:transparent; height:auto; padding-left:0; border-radius:0;}
.searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{border:#6b5145 solid 4px; border-right:none; width:100%; height:60px; padding:2px 17px;}
.ie9 .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{width:calc(100% - 34px); height:48px;}
.chrome .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{height:60px;}
.firefox .searchbox .search .innerbox .search_con .inputbox .inputbox_inner input.text{height:60px;}
.searchbox .search .innerbox .search_con input[type="submit"]{width:61px; height:60px; background-color:#6b5145; background-position:center center; background-image:url(../images/common/search_submit_m.png);}

#header .header_box .wrap .lnb_open{display:block;}
#header .lnbbox .lnb_close{display:block;}
.nav[data-menu-type] .depth1[data-menu-depth="1"]{float:none; width:100%;}
.ssm-overlay {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.8); display:none; z-index:72;}
.lnbbox{position:absolute; float:none; width:370px; height:100%; left:auto; right:0; top:0; padding-top:0; background-color:#362f2d; overflow-y:auto; z-index:73; transform:translate(100%,0); transition-duration:0.5s; transition-property:transform; transition-timing-function:ease-in-out;}
.lnbbox.slide_on{transform:translate(0,0);}
.lnbbox.slide_off{transform:translate(100%,0) !important;}
.lnbbox .lnb_topbox{background-color:#eb6a2d;}
.lnbbox .lnb_topbox .wrap{width:auto;}
.lnbbox .lnb_topbox .gnb{position:static; width:auto; padding:23px 0 22px 20px;}
.lnbbox .lnb_topbox .gnb ul li{position:relative; width:auto; margin-right:0; margin-left:23px; padding-left:17px; line-height:25px;}
.lnbbox .lnb_topbox .gnb ul li:before{position:absolute; top:7px; left:0; display:block; width:1px; height:10px; background-color:rgba(255, 255, 255, 0.15); content:'';}
.lnbbox .lnb_topbox .gnb ul li:first-child{margin-left:0; padding-left:0;}
.lnbbox .lnb_topbox .gnb ul li:first-child:before{display:none;}
.lnbbox .lnb_topbox .gnb ul li a{display:block; padding-left:0; padding-bottom:0; line-height:25px; color:#FFF; font-size:15px;}
.lnbbox .lnb_topbox .gnb ul li a:before{display:none;}
.lnbbox .lnb_topbox .gnb ul li.list03{display:none;}

.lnbbox .lnb_topbox .language{top:14px; right:56px; padding:11px 6px 14px 8px; background-color:transparent; transition-property:border-color, box-shadow, background-color;}
.lnbbox .lnb_topbox .language.open{background-color:#FFF;}
.lnbbox .lnb_topbox .language .language_button{line-height:21px; color:#FFF;}
.lnbbox .lnb_topbox .language.open .language_button{color:#252525;}
.lnbbox .lnb_topbox .language .language_button:after{top:1px; background-position:-17px center;}

[data-menu-type] div[data-menu-depth]{position:static;}
.lnbbox .nav{position:relative; height:calc(100% - 70px); background-color:transparent; visibility:visible; transition-property:none; overflow-x:hidden; overflow-y:auto;}
#header .lnbbox .nav:after{display:none;}
.lnbbox .nav .nav_wrap{width:100%; height:calc(100% + 88px);}
.lnbbox .nav[data-menu-type] .depth1{padding-top:0;}
.lnbbox .nav .depth1[data-menu-depth="1"].clearfix .depth1_list{width:auto; margin-right:0;}
.lnbbox .nav .depth1 ul.depth1_list li.depth1_item{position:static; width:100%; border-bottom:rgba(255, 255, 255, 0.2) solid 1px; transition-property:width, border-bottom-color; transition-duration:0.8s; transition-timing-function:ease-in-out;}
.menu_active .lnbbox .nav .depth1 ul.depth1_list li.depth1_item{width:40%;}
.menu_active .lnbbox .nav .depth1 ul.depth1_list li.depth1_item.active{border-bottom-color:#FFF;}
.lnbbox .nav ul li.depth1_item .depth1_text{padding:23px 0 23px 19px; line-height:24px; color:#FFF; font-size:16px;}
.lnbbox .nav ul li.depth1_item.active .depth1_text{background-color:#FFF; color:#17223f;}
.nav[data-menu-type] ul[data-menu-list="1"] > li.has > [data-menu-text]:before{display:none;}
.lnbbox .nav ul li.depth1_item .depth1_text span:before, .lnbbox .nav ul li.depth1_item .depth1_text span:after{display:none;}
#header .lnbbox .nav .depth1_list .depth2[data-menu-depth="2"]{position:absolute; top:0; right:0; display:block; width:60%; height:auto; min-height:100%; margin-top:0; padding:0; background-color:#FFF; border-left:none; line-height:22px; font-size:16px; z-index:22; transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out; transform:translateX(102%); visibility:visible; opacity:1;}
.lnbbox .nav .depth2 ul.depth2_list{margin-left:0 !important;}
.menu_slide_on.menu_active #header .nav[data-menu-type] ul[data-menu-list="1"] > li.active [data-menu-text="2"]{line-height:22px; transition-property:none;}
.menu_active #header .lnbbox .nav[data-menu-type] .depth1_list .depth2[data-menu-depth="2"]{background-color:#FFF;}
#header .lnbbox .nav .depth1_item.active .depth2{transform:translateX(0);}
#header .nav[data-menu-type] ul[data-menu-list="1"] > li.active ul[data-menu-list="2"]{transition-property:none;}

#header .lnbbox .nav .depth2 ul.depth2_list{padding:0 16px 0 14px; line-height:24px; font-size:16px;}
#header .lnbbox .nav .depth2 ul li.depth2_item{display:block; float:none; width:auto !important; min-width:0; min-height:0 !important; margin:0 !important; border-bottom:#dedede solid 1px; transition-property:none;}
#header .nav[data-menu-type] div[data-menu-depth="2"] [data-menu-text]{line-height:22px; font-size:16px; transition-property:none;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth2_text{display:block; padding:14px 21px 14px 8px; border:none; color:#111111; font-size:15px;}
.lnbbox .nav .depth2 ul li.depth2_item .depth2_text:hover, .lnbbox .nav .depth2 ul li.depth2_item .depth2_text:focus{background-color:transparent;}
#header .lnbbox .nav .depth2 ul li.depth2_item.active .depth2_text{color:#a32c1c;}

.menu_slide_on.menu_active .lnbbox .nav .depth2 ul li.depth2_item .depth2_text:before{display:none;}
.menu_slide_on.menu_active .lnbbox .nav .depth2 ul li.depth2_item.has .depth2_text:before{position:absolute; top:19px; left:auto; right:6px; display:block; width:12px; height:12px; margin:0; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/depth2_text_m.png); transition-property:background-position;}
.menu_slide_on.menu_active .lnbbox .nav .depth2 ul li.depth2_item.has.active .depth2_text:before{background-position:center bottom;}
.menu_slide_on.menu_active .nav[data-menu-type] ul[data-menu-list="1"] > li.active ul[data-menu-list="2"] > li.has > [data-menu-text="2"]:before{height:12px;}
.menu_slide_on.menu_active .lnbbox .nav .depth2 ul li.depth2_item.has .depth2_text[target="_blank"]:before{display:none;}

#header .nav[data-menu-type] ul[data-menu-list="1"] > li.active ul[data-menu-list="2"]{padding:0 9px 0 11px;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3{min-height:0 !important; padding-top:0; line-height:0; font-size:0;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_list{border-color:#d2d2d2; border-top-width:0; border-style:solid; border-left-width:1px; border-right-width:1px; padding-left:14px; padding-top:0; padding-bottom:0; min-height:0 !important;}
#header .lnbbox .nav .depth2 ul li.depth2_item.active .depth3 .depth3_list{border-top-width:1px; padding-top:11px; padding-bottom:13px;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_item{margin-top:0; padding-left:0; padding-right:23px;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_item.has:before{position:absolute; top:4px; right:6px; display:block; width:12px; height:12px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/common/depth2_text_m.png); content:''; transition:background-position 250ms ease-in-out 0s;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_item.has.active:before{background-position:center bottom;}
#header .lnbbox .nav .depth2 ul li.depth2_item.active .depth3 .depth3_item{margin-top:11px;}
#header .lnbbox .nav .depth2 ul li.depth2_item.active .depth3 .depth3_item:first-child{margin-top:0;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_text{padding-left:13px; line-height:0; color:#222222; font-size:0; transition-property:line-height, font-size;}
#header .lnbbox .nav .depth1_item.active .depth2 ul li.depth2_item.active .depth3 .depth3_text{line-height:19px; font-size:13px !important;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_item.active .depth3_text, #header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_item .depth3_text:hover{color:#a32c1c;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_text:before{position:absolute; top:0; left:0; display:block; width:5px; height:0; margin:0; content:''; background:url(../images/common/depth3_text.png) no-repeat center bottom; transition-property:top, height;}
.menu_slide_on.menu_active #header .nav .depth1_item.active .depth2 ul li.depth2_item.active .depth3 .depth3_item .depth3_text:before{top:7px; height:5px;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth4{visibility:visible; line-height:0; font-size:0;}
#header .lnbbox .nav .depth1_item .depth2 ul li.depth2_item .depth3 .depth3_item .depth4 .depth4_list{padding-left:12px; padding-right:10px;}
#header .lnbbox .nav .depth1_item.active .depth2 ul li.depth2_item.active .depth3 .depth3_item.active .depth4 .depth4_list{padding-top:11px; padding-bottom:0;}
#header [data-menu-type="4"] ul li.depth1_item.active ul li.depth2_item.active ul li.depth3_item.active div[data-menu-depth="4"] ul[data-menu-list="4"] > li{margin-top:6px;}
#header [data-menu-type="4"] ul li.depth1_item.active ul li.depth2_item.active ul li.depth3_item.active div[data-menu-depth="4"] ul[data-menu-list="4"] > li:first-child{margin-top:0;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth4 .depth4_text{padding-left:9px; line-height:0; color:#525252; font-size:0; transition-property:line-height, font-size;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth4 .depth4_text:before{position:absolute; left:0; top:0; display:block; width:0; height:0; content:''; transition-property:top, width, height, background-color;}
#header .lnbbox .nav .depth1_item.active .depth2 ul li.depth2_item.active .depth3 .depth3_item.active .depth4 .depth4_text{line-height:19px; font-size:13px;}
#header .lnbbox .nav .depth1_item.active .depth2 ul li.depth2_item.active .depth3 .depth3_item.active .depth4 .depth4_text:before{top:10px; width:2px; height:2px; background-color:#909090;}

.lnbbox .nav ul li.depth1_item .depth1_text:after{display:none;}
.lnbbox .nav ul li.depth1_item .depth1_text[target="_blank"]:after{position:static; display:inline-block; width:11px; height:11px; margin-bottom:4px; border:none; border-radius:0; background-color:transparent; background-repeat:no-repeat; background-image:url(../images/common/blank.png); background-position:center top; transform:scaleY(1); transition-property:background-position;}
.lnbbox .nav ul li.depth1_item.active .depth1_text[target="_blank"]:after{background-position:center bottom;}
#header .lnbbox .nav .depth2 ul li.depth2_item .depth2_text[target="_blank"]:after{position:absolute; top:19px; right:4px; display:block; width:17px; height:12px; background:url(../images/common/depth2_text_blank_m.png) no-repeat; margin:0;}

#header .lnbbox .nav .depth3 .depth3_item .depth3_text[target="_blank"]:after{width:0; background:url(../images/common/blank.png) no-repeat center bottom;}
#header .lnbbox .nav .depth2 .depth2_item.active .depth3_item .depth3_text[target="_blank"]:after{width:11px; height:11px; margin-bottom:2px;}

#header .lnbbox .nav .depth4 .depth4_item .depth4_text[target="_blank"]:after{width:0; background:url(../images/common/blank.png) no-repeat center bottom;}
#header .lnbbox .nav .depth2_item.active .depth3_item.active .depth4_item .depth4_text[target="_blank"]:after{width:11px; height:11px; margin-bottom:2px;}

.top_go{display:block;}
#footer .banner{position:absolute; transform:scale(0); opacity:0;}
#footer .footer_con .wa_mark{display:none;}
#footer{background-color:#f4f5f7; margin-top:0;}
#footer .site_link{display:none;}
#footer .footer_con{margin-top:0; padding-top:22px; text-align:center;}
#footer .footer_con .footer_nav{font-size:0;}
#footer .footer_con .footer_nav ul li{float:none; display:inline-block; margin-left:13px; padding-left:16px; vertical-align:middle;}
#footer .footer_con .footer_nav ul li a{display:block; line-height:22px;}
#footer .footer_con address .tel{margin:0 14px;}
}

/* tablet */
@media screen and (max-width:800px){
.wrap{max-width:none; width:94%;}

}

/* mobile */
@media screen and (max-width:640px){
.top_go{background-color:#f4f5f7; border-top:none; border-bottom-color:#cbcbcd;}
#footer .footer_con{padding-top:14px;}
#footer .footer_con .footer_nav{display:none;}
#footer .footer_con .mobile_tel{display:block;}
#footer .footer_con .sns{display:block;}
#footer .footer_con address .address_text{color:#252525; font-size:13px;}
#footer .footer_con address .tel{display:none;}
#footer .footer_con address .fax{display:none;}
#footer .footer_con .email_denial{display:none;}
#footer .footer_con .copyright br{display:inline;}
}

@media screen and (max-width:480px){
#header .header_box .wrap .lnb_open{right:0;}
#header .header_box .search_btn{right:65px;}
#header .header_box .wrap .logo{left:0; width:calc(100% - 150px);}
#header .header_box .wrap .logo a{background-size:contain;}
}

@media screen and (max-width:370px){
.lnbbox{width:100%;}
.lnbbox .nav ul li.depth1_item .depth1_text{padding:19px 0 19px 8%; font-size:15px;}
.menu_slide_on.menu_active .nav[data-menu-type] ul[data-menu-list="1"] > li.active ul[data-menu-list="2"]{padding:0 4%;}
.lnbbox .nav .depth2 ul li.depth2_item .depth2_text{padding:19px 26px 19px 6%;}
.lnbbox .nav .depth2 ul li.depth2_item.has .depth2_text:before{right:4px;}
.lnbbox .nav .depth2 ul li.depth2_item .depth3 .depth3_list{padding-left:6%; padding-right:6%;}
.lnbbox .nav .depth1_item .depth2 ul li.depth2_item .depth3 .depth3_item .depth4 .depth4_list{padding-left:6%; padding-right:6%;}
}