@charset "utf-8";
/* common */
body{font-family: 'Noto Sans KR', sans-serif;font-size:14px;color:#333;line-height:1.6em;}
a{text-decoration:none;color:#333;}
a:hover, a:focus{color:#003c68;}
img{vertical-align:top;}
button{outline:none;}

.blind{position:absolute;left:-9999em;}
.center{width:1160px;margin:0 auto;}
.clear:after{content:"";display:block;clear:both;}

body.body_overflow{overflow:hidden;}
/* skip */
.skip>a{position:absolute;top:0;left:-9999em;width:100%;padding:12px;background:#003c68;color:#fff;text-align:center;}
.skip>a:hover, .skip>a:focus{z-index:9999;left:0;}

/* header */
.hd_wrap{position:fixed;left:0;top:0;width:100%;height:90px;box-sizing:border-box;z-index:9010;}
.logo{position:absolute;left:0;top:0;width:230px;padding:20px 0;z-index:9005;}
.logo>a{display:block;width:170px;height:50px;margin:0 auto;text-indent:-9999em;background-image:url("../img/common/logo.svg");background-repeat:no-repeat;background-position:center;background-size:100%;}

/* nav */
#gnb{width:100%;height:90px;padding:0 230px;border-bottom:1px solid #ccc;font-size:18px;background:#fff;transition:0.2s;overflow:hidden;box-sizing:border-box;}

#gnb.on{height:375px;}
#gnb.on:before{content:"";position:absolute;left:0;top:90px;width:100%;height:1px;background:#ccc;}

.nav_depth1>li{float:left;height:90px;text-align:center;box-sizing:border-box;}
.nav_depth1>li:nth-of-type(1){width:15.6342%;}
.nav_depth1>li:nth-of-type(2){width:18.0732%;}
.nav_depth1>li:nth-of-type(3){width:16.0732%;}
.nav_depth1>li:nth-of-type(4){width:25.4878%;}
.nav_depth1>li:nth-of-type(5){width:12.3658%;}
.nav_depth1>li:nth-of-type(6){width:12.3658%;}
.nav_depth1>li.on{height:375px;}
.nav_depth1>li>a{position:relative;display:block;line-height:90px;}
.nav_depth1>li>a:before{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#004d93;transition:0.3s;}
.nav_depth1>li>a:after{content:"";position:absolute;right:50%;bottom:-1px;width:0;height:3px;background:#004d93;transition:0.3s;}
.nav_depth1>li>a.on:before{width:50%;}
.nav_depth1>li>a.on:after{width:50%;}

.nav_depth2{border-top:1px solid transparent;line-height:40px;transition:0.5s;}
.nav_depth2>ul{width:100%;height:285px;box-sizing:border-box;transition:0.2s;}
.nav_depth2>ul.on{background:#f5f5f5;}
.nav_depth2>ul>li>a{display:block;font-size:14px;line-height:34px;}
.nav_depth2>ul>li>a:hover{color:#004d93;}
.nav_depth2>ul>li>a>span{position:relative;}
.nav_depth2>ul>li>a>span:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#004d93;transition:0.2s;}
.nav_depth2>ul>li>a>span:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#004d93;transition:0.2s;}
.nav_depth2>ul>li>a>span.on:before{width:50%;}
.nav_depth2>ul>li>a>span.on:after{width:50%;}

.nav_depth2.nav_hassub>ul.on{background:#fff;}
.nav_depth2.nav_hassub>ul>li{float:left;width:50%;height:100%;font-size:14px;transition:0.3s;}
.nav_depth2.nav_hassub>ul>li:hover{background:#f5f5f5;}
.nav_depth2.nav_hassub>ul>li>a{padding-left:10px;text-align:center;transition:0.3s;}
.nav_depth2.nav_hassub>ul>li:hover>a{color:#fff;background:#004d93;}
.nav_depth2.nav_hassub>ul>li>a>span:before,.nav_depth2.nav_hassub>ul>li>a>span:after{display:none;}
.nav_depth2.nav_hassub>ul>li>ul>li>a{display:block;padding-left:10px;color:#a29666;text-align:center;transition:0.2s;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span{position:relative;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#a29666;transition:0.2s;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#a29666;transition:0.2s;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span.on:before{width:50%;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span.on:after{width:50%;}

.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub{display:none;padding:0 10px;}
.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub>a{float:left;padding-left:0;padding-right:5px;color:#666;line-height:20px;}
.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub>a>span:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#666;transition:0.2s;}
.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub>a>span:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#666;transition:0.2s;}
.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub>a>span.on:before{width:50%;}
.nav_depth2.nav_hassub>ul>li>ul>li.nav_depth2_sub>a>span.on:after{width:50%;}

.language_selector{position:absolute;top:33px;right:100px;width:82px;border:1px solid #ccc;border-radius:20px;text-align:center;background:#fff;box-sizing:border-box;overflow:hidden;}
.language_selector>a{float:left;width:40px;height:22px;line-height:20px;box-sizing:border-box;transition:0.2s;}
.language_selector>a.on,.language_selector>a:hover{color:#fff;background:#004d93;}

/*
.nav_depth3>li{float:left;width:50%;line-height:20px;box-sizing:border-box;}
.nav_depth3>li>ul{display:none;}
.nav_depth3>li:nth-of-type(2)>ul{position:relative;right:100%;}
.nav_depth3>li>ul>li{width:200%;line-height:40px;padding-left:10px;text-align:left;box-sizing:border-box;}
.nav_depth3>li:nth-of-type(2)>ul>li{padding-left:0;padding-right:10px;text-align:right;}
.nav_depth3>li>ul>li>a{display:block;}
.nav_depth3>li>ul>li>a>span{position:relative;}
.nav_depth3>li>ul>li>a>span:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#004d93;transition:0.2s;}
.nav_depth3>li>ul>li>a>span:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#004d93;transition:0.2s;}
.nav_depth3>li>ul>li>a>span.on:before{width:50%;}
.nav_depth3>li>ul>li>a>span.on:after{width:50%;}
*/


/*
.nav_depth2.nav_hassub>ul>li>ul>li:hover>a{background:#d5d5d5;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span.on:before{width:50%;}
.nav_depth2.nav_hassub>ul>li>ul>li>a>span.on:after{width:50%;}
.nav_depth2.nav_hassub>ul>li>ul>li:hover>a:before{border-left:6px solid #333;}

.nav_depth3>li>ul{display:none;}
.nav_depth3>li>ul>li>a{display:block;position:relative;padding-left:26px;text-align:left;box-sizing:border-box;}
.nav_depth3>li>ul>li>a:before{content:"";position:absolute;left:16px;top:20px;width:5px;height:1px;background:#bbb;transition:0.3s;}
.nav_depth3>li>ul>li>a:hover:before{background:#333;}
.nav_depth3>li>ul>li>a>span{position:relative;}
.nav_depth3>li>ul>li>a>span:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.nav_depth3>li>ul>li>a>span:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.nav_depth3>li>ul>li>a>span.on:before{width:50%;}
.nav_depth3>li>ul>li>a>span.on:after{width:50%;}
*/
/* sitemap */
.hd_sitemap_btn_wrap{position:absolute;right:0;top:0;width:230px;height:90px;}
.hd_sitemap_btn{position:absolute;right:0;top:0;width:90px;height:89px;padding:0;border:0;background:#fff;z-index:9009;}
.hd_sitemap_btn:before{content:"";position:absolute;left:30px;top:34px;width:30px;height:2px;background:#333;transform-origin:left top;transition:0.3s;}
.hd_sitemap_btn:after{content:"";position:absolute;left:30px;bottom:34px;width:30px;height:2px;background:#333;transform-origin:left bottom;transition:0.3s;}
.hd_sitemap_btn>span{position:absolute;left:30px;top:44px;width:30px;height:2px;text-indent:-9999em;background:#333;transition:0.3s;}

.hd_sitemap_btn.on:before{left:36px;top:35px;width:26px;transform:rotateZ(45deg);}
.hd_sitemap_btn.on:after{left:36px;bottom:35px;width:26px;transform:rotateZ(-45deg);}
.hd_sitemap_btn.on>span{transform:rotateY(90deg);}

.hd_sitemap_wrap{position:fixed;right:-100%;top:0;width:100%;height:100%;background:#fff;box-sizing:border-box;transition:0.3s;z-index:9008;}
.hd_sitemap_wrap.action{right:0;}
.hd_sitemap_gnb{padding:50px 100px;}
.hd_sitemap_gnb>li>p{padding-left:10px;margin-bottom:5px;font-size:22px;font-weight:bold;color:#154166;line-height:40px;border-bottom:1px solid #154166;box-sizing:border-box;}
.hd_sitemap_gnb>li>ul{padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.hd_sitemap_gnb>li>ul>li{float:left;width:20%;padding-left:10px;font-size:16px;line-height:40px;box-sizing:border-box;}
.hd_sitemap_gnb>li>ul>li>a{position:relative;color:#666;}
.hd_sitemap_gnb>li>ul>li>a:hover,.hd_sitemap_gnb>li>ul>li>a:focus{color:#154166;}
.hd_sitemap_gnb>li>ul>li>a:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.hd_sitemap_gnb>li>ul>li>a:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.hd_sitemap_gnb>li>ul>li>a.on:before{width:50%;}
.hd_sitemap_gnb>li>ul>li>a.on:after{width:50%;}
.hd_sitemap_gnb>li>ul>li>a:hover:before,.hd_sitemap_gnb>li>ul>li>a:hover:after,.hd_sitemap_gnb>li>ul>li>a:focus:before,.hd_sitemap_gnb>li>ul>li>a:focus:after{width:50%;}

.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li{float:none;width:100%;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>p{font-size:18px;font-weight:bold;color:#154166;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li{float:left;width:20%;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a{position:relative;color:#666;transition:0.3s;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a:after{content:"";position:absolute;right:50%;bottom:0;width:0;height:1px;background:#154166;transition:0.2s;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a:hover{color:#154166;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a:hover:before{width:50%;}
.hd_sitemap_gnb>li.hd_sitemap_sub>ul>li>ul>li>a:hover:after{width:50%;}

/* footer */
.ft{padding:20px 0 20px;color:#fff;background:#c3b683;}
.ft_wrap{background:url("../img/common/ft_logo.svg") no-repeat right bottom;background-size:140px;}
.ft_left{float:left;}
.ft_text_btn>li{float:left;padding:0 30px 0 0;}
.ft_text_btn>li>button{position:relative;padding-left:0;border:none;color:#fff;background:transparent;transition:0.3s;}
.ft_text_btn>li>a{position:relative;padding:0 6px;color:#666;line-height:24px;transition:0.3s;}
.ft_text_btn>li:nth-of-type(3)>a:hover{color:#00ab33;}
.ft_text_btn>li:nth-of-type(4)>a:hover{color:#c00;}
.ft_text_btn>li>button:hover,.ft_text_btn>li>button:focus,.ft_text_btn>li>a:hover,.ft_text_btn>li>a:focus{color:#004d93;}
.ft_text_btn>li>button:before,.ft_info>li>span:before,.ft_text_btn>li>a:before,.ft_text_btn>li>a:after{content:"";position:absolute;right:-14px;top:4px;width:1px;height:16px;background:#fff;}
.ft_text_btn>li>button:after,.ft_info>li>span:after{content:"";position:absolute;right:-15px;top:4px;width:1px;height:16px;background:#fff;}
.ft_text_btn>li:last-child>button:before,.ft_text_btn>li:last-child>button:after,.ft_text_btn>li:last-child>a:before,.ft_text_btn>li:last-child>a:after,.ft_info>li:last-child>span:before,.ft_info>li:last-child>span:after{display:none;}

.ft_info>li{float:left;padding:0 30px 0 0;}
.ft_info>li>span{position:relative;}
address{margin-bottom:5px;}
.copy{font-size:0.8em;}

.ft_right{float:right;}

.ft_pop_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:100px 50px;background:rgba(0,0,0,0.5);box-sizing:border-box;z-index:9999;}
.ft_pop_close_btn{display:none;position:fixed;left:calc(50% + 330px);top:146px;border:none;text-indent:-9999em;width:40px;height:40px;background:transparent;}
.ft_pop_close_btn:before{content:"";position:absolute;left:7px;top:18px;width:26px;height:2px;background:#000;transform:rotate(45deg);}
.ft_pop_close_btn:after{content:"";position:absolute;right:7px;top:18px;width:26px;height:2px;background:#000;transform:rotate(-45deg);}
.ft_pop_con{display:none;width:800px;height:100%;padding:50px 30px 30px;margin:0 auto;border-radius:10px;background:#fff;box-sizing:border-box;}
.ft_pop_con>h3{padding-bottom:10px;border-bottom:1px solid #ccc;font-size:2em;color:#000;text-align:center;line-height:1;background:#fff;}
.ft_email_wrap>p{margin-top:50px;text-align:center;}
.ft_email_wrap>p>span{display:block;margin-top:50px;font-size:1.2em;color:#000;text-align:left;}
.ft_email_wrap>span{display:block;margin-top:30px;color:#000;}

.ft_terms_wrap>div{height:calc(100% - 41px);padding:10px;border-bottom:1px solid #ccc;font-size:14px;line-height:20px;overflow-y:auto;box-sizing:border-box;}
.ft_terms_wrap>div>span{font-weight:bold;color:#154166;}
.ft_terms_wrap>div>p{margin-bottom:20px;color:#333;}

/* quick_menu */
.quick_menu_wrap{position:fixed;right:50%;bottom:20px;box-sizing:border-box;z-index:8998;transform:translateX(740px);}
.quick_menu_title{position:absolute;left:-9999px;top:0;}
.quick_menu_wrap>ul>li{position:relative;width:50px;height:50px;margin-bottom:10px;}
.quick_menu_wrap>ul>li>a{position:absolute;right:0;top:0;width:50px;height:50px;border:1px solid #ccc;border-radius:25px;box-sizing:border-box;overflow:hidden;transition:0.3s;}
.quick_menu_wrap>ul>li>a.on{width:140px;}
.quick_menu_wrap>ul>li>a:after{content:"";position:absolute;right:-1px;top:-1px;width:50px;height:50px;border-radius:25px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:20px;transition:0.3s;}
.quick_menu_wrap>ul>li:nth-of-type(1)>a:hover{border:1px solid #666;}
.quick_menu_wrap>ul>li:nth-of-type(2)>a:hover{border:1px solid #164267;}
.quick_menu_wrap>ul>li:nth-of-type(3)>a:hover{border:1px solid #f00;}
.quick_menu_wrap>ul>li:nth-of-type(4)>a:hover{border:1px solid #19ce60;}
.quick_menu_wrap>ul>li>a>span{position:absolute;left:0;top:0;width:100%;padding-left:20px;line-height:48px;background:#fff;transition:0.3s;}
.quick_menu_wrap>ul>li:nth-of-type(1)>a:after{background-image:url("../img/common/quick_company.png");}
.quick_menu_wrap>ul>li:nth-of-type(1)>a.on:after{background-image:url("../img/common/quick_company.png");}
.quick_menu_wrap>ul>li:nth-of-type(2)>a:after{background-image:url("../img/common/quick_catalog.png");}
.quick_menu_wrap>ul>li:nth-of-type(2)>a.on:after{background-image:url("../img/common/quick_catalog_on.png");}
.quick_menu_wrap>ul>li:nth-of-type(3)>a:after{background-image:url("../img/common/quick_youtube.png");}
.quick_menu_wrap>ul>li:nth-of-type(3)>a.on:after{background-image:url("../img/common/quick_youtube_on.png");}
.quick_menu_wrap>ul>li:nth-of-type(4)>a:after{background-image:url("../img/common/quick_blog.png");}
.quick_menu_wrap>ul>li:nth-of-type(4)>a.on:after{background-image:url("../img/common/quick_blog_on.png");}
.quick_menu_wrap>ul>li:nth-of-type(1)>a>span{color:#666;}
.quick_menu_wrap>ul>li:nth-of-type(2)>a>span{color:#164267;}
.quick_menu_wrap>ul>li:nth-of-type(3)>a>span{color:#f00;}
.quick_menu_wrap>ul>li:nth-of-type(4)>a>span{color:#19ce60;}

/* view_movie */
.mov_view_layer{display:none;position:fixed;left:0;top:90px;width:100%;height:calc(100% - 90px);padding-top:100px;text-align:center;background:rgba(0,0,0,0.8);box-sizing:border-box;z-index:8997;}
.mov_view_layer>iframe{width:784px;height:441px;outline:none;}
.mov_view_layer>div{padding:20px 0;}
.mov_view_layer>div>button{position:relative;width:50px;height:50px;border:none;border-radius:25px;text-indent:-9999em;background:#000;opacity:0.5;transition:0.3s;}
.mov_view_layer>div>button:before{content:"";position:absolute;left:17px;top:14px;width:26px;height:4px;background:#fff;transform:rotate(45deg);transform-origin:left top;}
.mov_view_layer>div>button:after{content:"";position:absolute;right:17px;top:14px;width:26px;height:4px;background:#fff;transform:rotate(-45deg);transform-origin:right top;}
.mov_view_layer>div>button:hover{opacity:0.8;}

/*
.quick_menu_wrap>div>a>span{position:relative;display:block;width:0;height:40px;padding-left:20px;margin-right:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;color:#fff;line-height:40px;text-overflow:ellipsis;white-space:nowrap;background:#164267;box-sizing:border-box;transition:0.4s;}
.quick_menu_wrap>div>a>span.on{width:140px;}
.quick_menu_wrap>div>a>span:before{content:"";position:absolute;right:-20px;top:0;width:40px;height:40px;border-radius:20px;background-color:#164267;background-repeat:no-repeat;background-size:40px;transition:0.4s;}
.quick_menu_wrap>div>a:nth-of-type(1)>span:before{background-image:url("../img/common/quick_catalog.png");}
.quick_menu_wrap>div>a>span.on:before{background-color:#1477ac;}
*/