@charset 'utf-8';

/****** 공통 ******/
*{outline:none;}
#wrap{width:100%; max-width:1920px; margin:0 auto;overflow:hidden;}
.w1720{width:100%; max-width:1720px; margin:0 auto; box-sizing:border-box;}
.w1400{width:100%; max-width:1400px; margin:0 auto; box-sizing:border-box;}

/****** header ******/
header{position:fixed; top:35px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; max-width:1920px; background-color:transparent; z-index:555; transition:all .3s;}
header .w1720::after{content:""; display:block; clear:both;}
header .logo{float:left; margin-top:32px;}
header .logo h1 a{display:block; width:162px; height:43px; background:url(/en/img/common/logo.png) 0 0 no-repeat; background-size:cover;}
header .gnb_wrap{float:right;}
header .gnb_wrap > *{float:left;}
header .gnb_wrap > ul{font-size:0;}
header .gnb_wrap > ul > li{position:relative; display:inline-block; vertical-align:top;} 
header .gnb_wrap > ul > li > a{display:block; padding:49px 40px 38px 40px; font-size:18px; font-family: 'Saira', sans-serif; font-weight:700; color:#fff; line-height:1;}
header .gnb_wrap > ul > li ul{display:none; position:absolute; top:0; left:0; z-index:-1; width:100%; padding:106px 0 46px; background-color:#ff9100; text-align:center; border-radius:30px;}
header .gnb_wrap > ul > li ul.on::before{content:""; position:absolute; top:79px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:block; width:15px; height:15px; background:url(/en/img/common/menu_point.png) no-repeat;}
header .gnb_wrap > ul > li ul li:nth-of-type(n+2){margin-top:15px;}
header .gnb_wrap > ul > li ul li a{font-size:14px; font-family: 'Saira', sans-serif; font-weight:400; color:#fff; line-height:1;}
header .gnb_wrap .country_box{position:relative; width:33px; margin:54px 53px 0 105px;}
header .gnb_wrap .country_box a{display:block; width:100%; font-size:12px; font-family: 'Saira', sans-serif; font-weight:700; color:#fff; line-height:1;}
header .gnb_wrap .country_box a:first-of-type{position:relative;}
header .gnb_wrap .country_box a:first-of-type::before{content:""; position:absolute; bottom:2px; right:0; display:block; width:7px; height:5px; background:url(/en/img/common/country_arrow.png) no-repeat;}
header .gnb_wrap .country_box a:last-of-type{position:absolute; top:12px; left:0; display:none; padding-top:21px; color:#f08902;}
header .gnb_wrap .country_box:hover a:last-of-type{display:block;}
header .gnb_wrap .menu{width:45px; margin-top:46px;}
header .gnb_wrap .menu .menu_button{display:block; width:100%;}
header .gnb_wrap .menu .menu_button span{display:block; width:100%; height:6px; background-color:#fff;}
header .gnb_wrap .menu .menu_button span:last-of-type{margin-top:5px;}
header .gnb_wrap .menu .menu_button.mo{display:none;}

/****** scroll header ******/
header.on{top:0; background-color:#fff;}
header.on .logo{margin-top:11px;}
header.on .logo h1 a{background:url(/en/img/common/scroll_logo.png) 0 0 no-repeat; background-size:cover;}
header.on .gnb_wrap > ul > li > a{padding:30px 40px 24px 40px; color:#222;}
header.on .gnb_wrap > ul > li ul{border-top-left-radius:0; border-top-right-radius:0;}
header.on .gnb_wrap > ul > li ul.on::before{top:68px;}
header.on .gnb_wrap .country_box{margin-top:33px;}
header.on .gnb_wrap .country_box a{color:#222;}
header.on .gnb_wrap .country_box a:last-of-type{color:#f08902;}
header.on .gnb_wrap .country_box a:first-of-type::before{background:url(/en/img/common/country_Barrow.png) no-repeat;}
header.on .gnb_wrap .menu{margin-top:27px;}
header.on .gnb_wrap .menu .menu_button span{background-color:#222;}

/****** all_menu ******/
.all_menu{display:none; position:fixed; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; max-width:1920px; height:100vh; background:url(/en/img/common/pc_all_menuBg.png) bottom right no-repeat #f9f9f9; z-index:999;}
.all_menu.on{display:block;}
.all_menu .w1720{position:relative;}
.all_menu .top_box{position:absolute; top:65px; left:0; width:100%;}
.all_menu .top_box::after{content:""; display:block; clear:both;}
.all_menu .top_box .logo{float:left;}
.all_menu .top_box .logo a{width:100%;}
.all_menu .top_box .right{float:right;}
.all_menu .top_box .right::after{content:""; display:block; clear:both;}
.all_menu .top_box .right > *{float:left;}
.all_menu .top_box .right .country_box{margin-top:13px; font-size:0;}
.all_menu .top_box .right .country_box a{display:inline-block; vertical-align:top; padding:0 21px; font-size:18px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1;}
.all_menu .top_box .right .country_box a:first-of-type{position:relative;}
.all_menu .top_box .right .country_box a:first-of-type::before{content:""; position:absolute; top:4px; right:0; display:block; width:1px; height:12px; background-color:#747474;}
.all_menu .top_box .right .country_box a.on{color:#ff9100;}
.all_menu .top_box .right .menu_close{margin:5px 0 0 53px;}
.all_menu .gnb{position:relative; z-index:1; width:100%; max-width:1210px; margin:0 auto; text-align:center; height:100vh; font-size:0;}
.all_menu .gnb > li{display:inline-block; vertical-align:top; height:100%; margin:0 54px; background-color:transparent;}
.all_menu .gnb > li:hover{background:url(/en/img/common/pc_menu_depthBg.png) top right no-repeat #fff;}
.all_menu .gnb > li > a{display:block; padding:29vh 50px 0 50px; font-size:35px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1; text-transform:uppercase;}
.all_menu .gnb > li:hover > a{color:#ff9100;}
.all_menu .gnb > li ul{padding-top:100px;}
.all_menu .gnb > li ul li:nth-of-type(n+2){margin-top:26px;}
.all_menu .gnb > li ul li a{display:inline-block; vertical-align:top; padding-bottom:3px; font-size:18px; font-family: 'Saira', sans-serif; font-weight:500; color:#666; line-height:1; border-bottom:1px solid transparent;}
.all_menu .gnb > li ul li a:hover{border-bottom-color:#ff9100; color:#ff9100;}
.all_menu .bot_box{position:absolute; bottom:96px; left:0; width:100%;}
.all_menu .bot_box::after{content:""; display:block; clear:both;}
.all_menu .bot_box > *{font-size:14px; font-family: 'Saira', sans-serif; font-weight:400; letter-spacing:0.025em; color:#777;}
.all_menu .bot_box .eMail{float:left;}
.all_menu .bot_box .copyright{float:right;}

.mo_menu{position:fixed; top:0; right:-100%; z-index:666; width:100%; height:100vh; background-color:#fff; transition:all .3s;}
.mo_menu.on{right:0;}
.mo_menu .top_wrap{padding:23px 15px 0 23px; box-sizing:border-box;}
.mo_menu .top_wrap .top_box::after{content:""; display:block; clear:both;}
.mo_menu .top_wrap .top_box .logo{float:left;}
.mo_menu .top_wrap .top_box .menu_close{float:right; margin-top:3px;}
.mo_menu .top_wrap .country_box{padding:29px 0 0 3px; box-sizing:border-box;}
.mo_menu .top_wrap .country_box a{display:inline-block; vertical-align:top; padding:0 21px; font-size:18px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1;}
.mo_menu .top_wrap .country_box a:first-of-type{position:relative; padding-left:0;}
.mo_menu .top_wrap .country_box a:first-of-type::before{content:""; position:absolute; top:4px; right:0; display:block; width:1px; height:12px; background-color:#747474;}
.mo_menu .top_wrap .country_box a.on{color:#ff9100;}
.mo_menu .Mgnb_wrap{overflow:auto; max-height:calc(100% - 130px);}
.mo_menu .gnb{padding:40px 26px 0 26px; box-sizing:border-box;}
.mo_menu .gnb > li{margin-bottom:30px;}
.mo_menu .gnb > li > a{display:block; width:100%; font-size:35px; font-family: 'Saira', sans-serif; font-weight:700; color:#222; line-height:1; text-transform:uppercase; margin-bottom:17px;}
.mo_menu .gnb > li.on > a{color:#f18d00;}
.mo_menu .gnb > li ul{display:none; padding:25px; background-color:#f5f5f5; border-radius:10px;}
.mo_menu .gnb > li ul li:nth-of-type(n+2){margin-top:20px;}
.mo_menu .gnb > li ul li a{position:relative; display:inline-block; vertical-align:top; font-size:18px; font-weight:500; color:#555; line-height:1;}
.mo_menu .gnb > li ul li a:hover{color:#f18d00;}
.mo_menu .gnb > li ul li a:hover::before{content:""; position:absolute; top:7px; right:-39px; display:block; width:18px; height:7px; background:url(/en/img/common/mo_menu_arrow.png) 0 0 no-repeat; background-size:cover;}


/****** footer ******/
footer{position:relative; width:100%; color:#777; padding-bottom:94px;}
footer:after{content:""; display:block; position:absolute; bottom:0; left:0; width:95%; padding-top:22%; background:url(/en/img/common/ftBg.png) no-repeat; background-size:cover; z-index:-1;}
footer .ft_logo{width:215px;}
footer .ft_logo h1 a{display:block; width:100%;}
footer .link_box{margin:55px 0;}
footer .link_box a{display:inline-block; vertical-align:top; padding:0 22px; font-size:14px; font-family: 'Saira', sans-serif; font-weight:700; letter-spacing:0.025em; line-height:1; text-transform:uppercase;}
footer .link_box a:first-of-type{position:relative; padding-left:0;}
footer .link_box a:first-of-type::before{content:""; display:block; position:absolute; top:1px; right:0; width:2px; height:11px; background-color:#777;}
footer .address_box .address{font-size:0;}
footer .address_box .address > *{display:inline-block; vertical-align:top; font-family: 'Saira', sans-serif;}
footer .address_box .address:last-of-type{margin-top:5px;}
footer .address_box .address strong{margin-right:20px; font-size:14px;font-weight:600; letter-spacing:0.025em;}
footer .address_box .address p{font-size:14px; font-weight:300; letter-spacing:0.025em;}
footer .bot_box{margin-top:25px;}
footer .bot_box:after{content:""; display:block; clear:both;}
footer .bot_box > *{font-family: 'Saira', sans-serif;}
footer .bot_box .Email{float:left; font-size:14px; font-weight:400; letter-spacing:0.025em;}
footer .bot_box .copyright{float:right; font-size:14px; font-weight:400; letter-spacing:0.025em;}
footer .top_btn{position:absolute; bottom:94px; right:44px;}
.main_ft{margin-top:-34px;}

@media all and (max-width:1720px){
    /****** 공통 ******/
    .w1720{padding:0 15px;}
}
@media all and (max-width:1540px){
    /****** footer ******/
    footer .top_btn{bottom:125px;}
    
}
@media all and (max-width:1400px){
    /****** 공통 ******/
    .w1400{padding:0 15px;}

    /****** footer ******/
    footer .top_btn{right:10px;}
}

@media all and (max-width:1200px){
    /****** header ******/
    header{top:0; background-color:#fff; padding:23px 0;}
    header .logo {margin-top:0 !important;}
    header .logo h1 a{width:175px; height:46px; background:url(/en/img/common/mo_logo.png) 0 0 no-repeat; background-size:cover;}
    header .w1720{padding:0 15px 0 23px;}
    header .gnb_wrap .menu{margin-top:14px !important;}
    header .gnb_wrap .menu .menu_button span{background-color:#222;}
    header .gnb_wrap > ul{display:none;}
    header .gnb_wrap .country_box{display:none;}
    header .gnb_wrap .menu .menu_button.pc{display:none;}
    header .gnb_wrap .menu .menu_button.mo{display:block;}

    /****** footer ******/
    .main_ft{margin-top:50px;}
}

@media all and (max-width:1000px){
    /****** footer ******/
    footer .link_box{margin:30px 0;}
    footer .address_box .address:last-of-type{margin-top:10px;}
    footer .address_box .address > *{display:block;}
    footer .address_box .address strong{margin:0;}
    footer .bot_box .Email{float:none;}
    footer .bot_box .copyright{float:none; margin-top:10px;}
    footer .top_btn{bottom:94px;}
}