@charset 'utf-8';
.w1600{
    width:100%;
    max-width:1600px;
    margin:0 auto;
}
.w1500{
    width:100%;
    max-width:1500px;
    margin:0 auto;
}
#header{position:fixed; top:0; left:0; width:100%; height:100px; z-index:10; transition:all .3s; text-align:center;}
#header.sub_header{border-bottom:1px solid rgba(238,238,238,0.2);}
#header .header_wrap{width:100%; height:100px; overflow:hidden; transition:all .3s;}
#header .header_wrap .inner{width:100%; height:100px; padding:0 80px;}
#header .header_wrap::after{content:""; display:block; clear:both;}
#header .header_wrap .logo{float:left; width:180px; height:41px; margin-top:29px;}
#header .header_wrap .logo h1{width:100%; height:100%;}
#header .header_wrap .logo h1 a{display:block; width:100%; height:100%; background:url('/img/common/logo.png') center top no-repeat; background-size:cover;}
#header .header_wrap #gnb{display:inline-block; vertical-align:top; text-align:center;}
#header .header_wrap #gnb .gnb_list{font-size:0;}
#header .header_wrap #gnb .gnb_list .depth1{display:inline-block; vertical-align:top;}
#header .header_wrap #gnb .gnb_list .depth1 > a{display:block; padding:35px 64px; font-size:22px; font-weight:500; color:#fff;}
#header .header_wrap #gnb .gnb_list .depth1 > a span{position:relative;}
#header .header_wrap #gnb .gnb_list .depth1 > a span::before,
#header .header_wrap #gnb .gnb_list .depth1 > a span::after{content:""; display:block; opacity:0; width:3px; height:3px; border-radius:50%; background-color:#c61821; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); transition:all .3s;}
#header .header_wrap #gnb .gnb_list .depth1 > a span::before{left:0;}
#header .header_wrap #gnb .gnb_list .depth1 > a span::after{right:0;}
#header .header_wrap #gnb .gnb_list .depth1.on > a span::before,
#header .header_wrap #gnb .gnb_list .depth1:hover > a span::before,
#header .header_wrap #gnb .gnb_list .depth1.on > a span::after,
#header .header_wrap #gnb .gnb_list .depth1:hover > a span::after{opacity:1;}
#header .header_wrap #gnb .gnb_list .depth1.on > a span::before,
#header .header_wrap #gnb .gnb_list .depth1:hover > a span::before{left:-22px;}
#header .header_wrap #gnb .gnb_list .depth1.on > a span::after,
#header .header_wrap #gnb .gnb_list .depth1:hover > a span::after{right:-22px;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth{width:100%; padding-top:33px;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li:nth-of-type(n+2){margin-top:24px;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li a{position:relative; font-size:18px; font-weight:300; color:#333; line-height:1;}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li a::before{content:""; display:block; width:0; height:1px; background-color:#c61821; position:absolute; bottom:-11px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); transition:width .3s}
#header .header_wrap #gnb .gnb_list .depth1 .sub_depth > li:hover a::before{width:100%;}
#header .header_wrap #gnb .gnb_list .depth1 .three_depth{display:none;}
#header .header_wrap .utill{display:flex; align-items:center; float:right; margin-top:28px; font-size:0;}
#header .header_wrap .utill .country{display:flex; align-items:center; margin:3px 40px 0 0;}
#header .header_wrap .utill .country a{font-size:18px; font-family: 'Roboto Lt'; font-weight:500; color:#fff; opacity:.3;} 
#header .header_wrap .utill .country a:hover,
#header .header_wrap .utill .country a.on{opacity:1;}
#header .header_wrap .utill .country .motion{position:relative; width:30px; height:15px; border-radius:20px; margin:0 15px; border:1px solid rgba(255,255,255,0.2);}
#header .header_wrap .utill .country .motion span{content:""; display:block; width:5px; height:5px; border-radius:50%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-color:#c61821; transition:all .3s;}
#header .header_wrap .utill .country .motion.kr_on span{left:6px;}
#header .header_wrap .utill .country .motion.en_on span{right:6px;}
#header .header_wrap .utill .ham_btn{padding:10px; cursor:pointer;}
#header .header_wrap .utill .ham_btn span{display:block; width:26px; height:2px; margin:3px 0; background-color:#fff;}
#header .header_wrap .utill .ham_btn span:nth-of-type(2){margin:7px 0;}
#header .gnb_bg{position:absolute; top:100px; left:0; width:100%; height:0; background-color:#fbfbfb; transition:height .3s;}

#header #pcdim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
#header #pcdim.on{display:block;}
#header #all_menu{position:fixed; top:0; right:-200%; width:800px; height:100vh; padding:0 75px 0 70px; background:url('/img/common/all_menu_point.png') bottom right no-repeat #fff; border-left:2px solid #c61821; transition:right .5s; z-index:1;}
#header #all_menu.on{right:0;}
#header #all_menu .pc_menu_close{position:absolute; top:54px; right:75px;}
#header #all_menu .gnb_list .depth1{padding:58px 0; border-bottom:1px solid #ebebeb; font-size:0;}
#header #all_menu .gnb_list .depth1 > a{display:inline-block; vertical-align:top; width:197px; margin-top:10px; text-align:left;}
#header #all_menu .gnb_list .depth1 > a span{display:inline-block; vertical-align:top; position:relative; font-size:40px; font-weight:600; color:#222;}
#header #all_menu .gnb_list .depth1 > a span::before{content:""; display:block; position:absolute; width:0; height:3px; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); transition:width .3s; background-color:#c61821;}
#header #all_menu .gnb_list .depth1:hover > a span::before{width:100%;}
#header #all_menu .gnb_list .depth1 > .sub_depth{display:inline-block; vertical-align:top; width:calc(100% - 197px); font-size:0; text-align:left;}
#header #all_menu .gnb_list .depth1 > .sub_depth li{display:inline-block; vertical-align:top; margin:17px 39px 17px 0; transition:all .3s;}
#header #all_menu .gnb_list .depth1 > .sub_depth li a{position:relative; font-size:20px; font-weight:400; color:#222; transition:all .3s;}
#header #all_menu .gnb_list .depth1 > .sub_depth li a::before,
#header #all_menu .gnb_list .depth1 > .sub_depth li a::after{content:""; display:block; opacity:0; width:3px; height:3px; border-radius:50%; background-color:#c61821; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); transition:all .3s;}
#header #all_menu .gnb_list .depth1 > .sub_depth li:hover{margin-right:30px;}
#header #all_menu .gnb_list .depth1 > .sub_depth li:hover a{padding:0 19px;}
#header #all_menu .gnb_list .depth1 > .sub_depth li:hover a::before{opacity:1; left:0;}
#header #all_menu .gnb_list .depth1 > .sub_depth li:hover a::after{opacity:1; right:0;}
#header #all_menu .gnb_list .three_depth{display:none;}
#header #mobile_menu{position:fixed; top:0; right:-200%; width:400px; height:100%; padding-top:60px; background-color:#fff; transition:right .5s; z-index:3;}
#header #mobile_menu.on{right:0;}
#header #mobile_menu .m_menu_close{position:absolute; top:10px; right:10px; padding:10px;}
#header #mobile_menu .gnb_list{width:100%; height:calc(100% - 60px); overflow-y:scroll;}
#header #mobile_menu .gnb_list .depth1{display: block; transition: all 0.3s;}
#header #mobile_menu .gnb_list .depth1 > a {display: block; padding: 20px 0 20px 30px; font-size: 20px; font-weight:600; text-align: left; transition: all 0.3s; box-sizing: border-box; color:#222;}
#header #mobile_menu .gnb_list .depth1.on > a{background-color:#c61821; color:#fff;}
#header #mobile_menu .gnb_list .depth1 .sub_depth {display: none; text-align:left;}
#header #mobile_menu .gnb_list .depth1 .sub_depth li{border-bottom:1px solid #e1e1e1;}
#header #mobile_menu .gnb_list .depth1 .sub_depth li a {display:block; padding:20px 0 20px 30px; font-size:18px; font-weight:400; color: #333;}
#header #mobile_menu .gnb_list .depth1 .three_depth{display:none;}


/*header on scroll*/
#header.on,
#header.scroll{border-bottom:1px solid #fbfbfb; background-color:#fff;}
#header.on .header_wrap{height:507px; background-color:#fbfbfb;}
#header.on .header_wrap .logo h1 a,
#header.scroll .header_wrap .logo h1 a{background:url('/img/common/logo_on.png') center top no-repeat; background-size:cover;}
#header.on .header_wrap #gnb .gnb_list .depth1 > a,
#header.scroll .header_wrap #gnb .gnb_list .depth1 > a{color:#333;}
#header.on .header_wrap .utill .country a,
#header.scroll .header_wrap .utill .country a{color:#222;}
#header.on .header_wrap .utill .ham_btn span,
#header.scroll .header_wrap .utill .ham_btn span{background-color:#222;}
#header.on .header_wrap .utill .country .motion,
#header.scroll .header_wrap .utill .country .motion{border-color:#e8e8e8;}
#header.on .gnb_bg{height:447px;}



#footer{width:100%; background-color:#282828;}
#footer .info_wrap{padding:60px 0;}
#footer .info_wrap .w1600{position:relative;}
#footer .info_wrap .w1600::after{content:""; display:block; clear:both;}
#footer .info_wrap .ft_logo{float:left; width:216px; margin:25px 156px 0 0;}
#footer .info_wrap .ft_logo a{display:block;}
#footer .info_wrap .address_box{float:left; width:calc(100% - 437px);}
#footer .info_wrap .address_box .box_wrap{font-size:0;}
#footer .info_wrap .address_box .box_wrap + .box_wrap{margin-top:20px;}
#footer .info_wrap .address_box .box_wrap .box{display:inline-block; vertical-align:top; font-size:0; margin-right:30px;}
#footer .info_wrap .address_box .box_wrap .box:last-of-type{margin-right:0;}
#footer .info_wrap .address_box .box_wrap .box.margin{ margin-left: 20px; }
#footer .info_wrap .address_box .box_wrap .box > *{display:inline-block; vertical-align:middle;}
#footer .info_wrap .address_box .box_wrap .box i{width:38px; height:38px;}
#footer .info_wrap .address_box .box_wrap .box i.map{background:url('/img/common/ft_icon01.png') no-repeat 0 0; background-size:100% 100%;}
#footer .info_wrap .address_box .box_wrap .box i.zipcode{background:url('/img/common/ft_icon02.png') no-repeat 0 0; background-size:100% 100%;}
#footer .info_wrap .address_box .box_wrap .box i.call{background:url('/img/common/ft_icon03.png') no-repeat 0 0; background-size:100% 100%;}
#footer .info_wrap .address_box .box_wrap .box i.fax{background:url('/img/common/ft_icon04.png') no-repeat 0 0; background-size:100% 100%;}
#footer .info_wrap .address_box .box_wrap .box i.mail{background:url('/img/common/ft_icon05.png') no-repeat 0 0; background-size:100% 100%;}
#footer .info_wrap .address_box .box_wrap .box p{width:calc(100% - 38px); padding-left:15px; font-size:16px; font-weight:200; letter-spacing:-0.010em; color:#eee;}
#footer .info_wrap .top_btn{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#footer .bot_wrap{width:100%; padding:20px 0; border-top:1px solid rgba(211,211,211,0.5);}
#footer .bot_wrap::after{content:""; display:block; clear:both;}
#footer .bot_wrap p{float:left; font-size:16px; font-weight:400; color:#fff;}
#footer .bot_wrap ul{float:right; font-size:0;}
#footer .bot_wrap ul li{position:relative; display:inline-block; vertical-align:top; padding:0 30px;}
#footer .bot_wrap ul li::after{content:""; display:block; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:1px; height:13px; background-color:rgba(255,255,255,0.4);}
#footer .bot_wrap ul li:last-of-type{padding-right:0;}
#footer .bot_wrap ul li:last-of-type::after{display:none;}
#footer .bot_wrap ul li a{font-size:16px; font-weight:400; letter-spacing:-0.010em; color:#fff;}

@media all and (max-width:1600px){
    .w1600{padding:0 20px;}
    #footer .info_wrap .top_btn{right:20px;}
}
@media all and (max-width:1500px){
    .w1500{padding:0 20px;}
    #header .header_wrap .inner{padding:0 20px;}
    #header .header_wrap #gnb .gnb_list .depth1 > a{padding:35px 50px;}
}
@media all and (max-width:1400px){
    #footer .info_wrap .ft_logo{margin-right:56px;}
}
@media all and (max-width:1300px){
    #footer .info_wrap .address_box{width:calc(100% - 330px);}
}
@media all and (max-width:1200px){
    .m_none{display:none;}
    #header{height:80px;}
    #header .header_wrap{height:80px;}
    #header .header_wrap .inner{height:80px;}
    #header .header_wrap .logo{width:140px; height:32px; margin-top:26px;}
    #header .header_wrap #gnb{display:none;}
    #header .header_wrap .utill{margin-top:18px;}
    #header .header_wrap .utill .country{margin-right:10px;}
    #footer .info_wrap{padding:40px 0;}
    #footer .info_wrap .ft_logo{float:none; width:170px; margin:0 0 30px 0;}
    #footer .info_wrap .address_box{float:none; width:100%;}
    #footer .info_wrap{position:relative;}
    #footer .info_wrap .w1600{position:static;}
    #footer .info_wrap .top_btn{top:20px; transform:inherit;}
    #footer .bot_wrap ul li{padding:0 10px;}
    #footer .info_wrap .address_box .box_wrap .box p{font-size:18px;}
	#footer .info_wrap .address_box .box_wrap .box.margin{ margin-left: 32px; }
}

@media all and (max-width:790px){
    #footer .info_wrap{padding-bottom:20px;}
    #footer .info_wrap .address_box .box_wrap + .box_wrap{margin:0;}
    #footer .info_wrap .address_box .box_wrap .box{display:block; margin-top:15px;}
    #footer .info_wrap .address_box .box_wrap .box p{font-size:15px;}
    #footer .bot_wrap ul{margin-top:10px;}
    #footer .bot_wrap p{font-size:14px;}
    #footer .bot_wrap ul li a{font-size:14px;}
	#footer .info_wrap .address_box .box_wrap .box.margin{ margin-left: 0; }
}