@charset "UTF-8";

body{position: relative;}

/* 헤더 */
#header{position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 95px; padding: 0 30px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.25); box-sizing: border-box; justify-content: space-between; align-items: center; transition: all 0.2s; z-index: 50;}

/*logo*/
.logo_english a{display: block; width: 213px; height: 45px; background-image: url(/images/domain/english/main/logo.png); text-indent: -9999px; background-repeat: no-repeat; background-size: contain;}
#header.on .logo_english a{background-image: url(/images/domain/english/main/logo_02.png);}

.logo_chinese a{display: block; width: 213px; height: 45px; background-image: url(/images/domain/english/main/logo_c.png); text-indent: -9999px; background-repeat: no-repeat; background-size: contain;}
#header.on .logo_chinese a{background-image: url(/images/domain/english/main/logo_c02.png);}

.logo_japaness a{display: block; width: 213px; height: 45px; background-image: url(/images/domain/english/main/logo_j.png); text-indent: -9999px; background-repeat: no-repeat; background-size: contain;}
#header.on .logo_japaness a{background-image: url(/images/domain/english/main/logo_j02.png);}


.gnb{display: inline-flex; height: 100%; align-items: center; justify-content: center; transition: all 0.2s;}
.gnb .d1{position: relative; min-width: 220px; height: 100%;}
.gnb .d1 .m{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 20px; color: #fff; font-weight: 400; transition: all 0.2s;}
.gnb .d1 .sub{display: none;position: absolute;top: 94px;left: 0;width: 100%;height: 300px;z-index: 100;border-left: 1px solid #e5e5e5;transition: all 0.2s;overflow: hidden;}
.gnb .d1:last-child .sub{border-right: 1px solid #e5e5e5;}
.gnb .d1 .sub li a{position: relative; display: inline-block; margin-top: 15px; color: #000; font-size: 16px;}
.gnb .d1 .sub li a:after{content: ""; display: block; width: 0; height: 2px; background-color: #7e97e3; position: absolute; bottom: -2px; left: 0; transition: all 0.2s;}

/* 언어선택 */
#header .btn_box{display: flex;}
.langeuage_Wrap{position: relative; margin-right: 10px;}
.langeuage_btn{display: block; width: 35px; height: 35px; text-indent: -9999px; background-image: url(/images/domain/english/main/i_language.png); background-repeat: no-repeat; background-position: center;}
.langeuage_box{display: none; position: absolute; top: 40px; left: -4px; width: 45px; border-radius: 30px; padding: 15px 0; background-color: #fff; z-index: 10;}
.langeuage_box li{margin-bottom: 12px;}
.langeuage_box li:last-child{margin-bottom: 0;}
.langeuage_box li a{color: #232c4a; font-weight: 400; font-size: 16px;}
.langeuage_box li a:hover{text-decoration: underline;}
.langeuage_Wrap:focus-within .langeuage_box{display: block;}


/* 사이트맵 전체메뉴 */
.allmenu{display: block; width: 35px; height: 35px; text-indent: -9999px; background-image: url(/images/domain/english/main/i_menu.png); background-repeat: no-repeat; background-position: center;}
.allmenu.mo{display: none; background-color: transparent;  border: 0;}
.allmenu.pc{display: none;}

/* 메뉴 호버시 */
#header.on{background-color: #fff;}
#header.on .logo a{background-image: url(/images/domain/english/main/logo_02.png);}
#header.on .langeuage_btn{background-image: url(/images/domain/english/main/i_language_02.png);}
#header.on .allmenu{background-image: url(/images/domain/english/main/i_menu_02.png);}
.gnb.on .d1 .m{color: #000;}
.gnb.on .d1:hover .m{color: #2f4ead;}
.gnb .d1 .sub li a:hover{color: #1b44c0; font-weight: 500;}
.gnb .d1 .sub li a:hover:after{width: 100%;}
.gnb.on .d1 .sub{display: block;}
.gnb .d1:focus-within .sub{display: block;}
.gnb .d1:focus-within .sub li a{color: #000;}

.gnb_bg{position: absolute; top: 94px; left: 0; width: 100%; height: 0; background-color: #fafafa; box-sizing: border-box; box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1); z-index: 10;}
.gnb_bg.on{height: 300px;border-top: 1px solid #e5e5e5;}

/* 모바일 사이드 메뉴 */
.mobile_menu{position: fixed; top: 0; right: -100%; width: 100%; height: 100%; max-width: 360px; background-color: #fff; z-index: 100; transition: all 0.3s;}
.mobile_menu .top_utill{padding: 20px 15px; background-color: #3c67e1;}
.mobile_menu .top_utill:after{content: ""; display: block; clear: both;}
.mobile_menu .top_utill .close{float: left; display: block; width: 25px; height: 25px; background-image: url(/images/domain/english/main/i_close.png); background-repeat: no-repeat; background-position: center; text-indent: -99999px; border: 0; background-color: transparent;}
.mobile_menu .top_utill .home{float: right; display: block; width: 25px; height: 25px; background-image: url(/images/domain/english/main/i_home.png); background-repeat: no-repeat; background-position: center; text-indent: -9999px;}

.mobile_menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; display: none; z-index: 99;}

.mo_gnb .d1{border-bottom: 1px solid #ddd;}
.mo_gnb .d1 .m{display: block; padding: 0 30px; line-height: 60px; color: #000; font-size: 18px; font-weight: 500; background-image: url(/images/domain/english/main/mo_down.png); background-repeat: no-repeat; background-position: center right 30px;}
.mo_gnb .d1 .sub{display: none; padding: 10px 30px;}
.mo_gnb .d1 .sub li a{display: block; padding: 7px 10px; color: #000; font-weight: 400; background-image: url(/images/domain/english/main/mo_down.png); background-repeat: no-repeat; background-position: right center;}

/* 모바일 메뉴 오버시 */
.mobile_menu.on{right: 0; opacity: 1;}
.mo_gnb .d1 .m.over{color: #fff; background-color: #39539c; background-image: url(/images/domain/english/main/mo_up.png); }
.mo_gnb .d1 .sub li a:focus{background-image: url(/images/domain/english/main/mo_up02.png); color: #0030c3;}

/* 푸터 */
.footer{width: 100%; padding: 40px 50px; background-color: #10150e; text-align: center; font-size: 17px; color: #909090; line-height: 1.4em; font-weight: 400; box-sizing: border-box;}


/***********************************************/
/* 1480 이하(~1480)  */
@media screen and (max-width: 1480px) {
    /* 헤더 */
    #header{height: 85px;}
    .gnb .d1{min-width: 180px;}
    .gnb .d1 .m{font-size: 17px;}
    .gnb .d1 .sub{top: 84px;}
    .gnb .d1 .sub li a{font-size: 15px;}
    .gnb_bg{top: 85px;}
}

/***********************************************/
/* 1200 이하(~1200)  */
@media screen and (max-width: 1200px) {
    /* 헤더 */
    .gnb{display: none;}
    .allmenu.pc{display: none;}
    .allmenu.mo{display: block;}
}

/***********************************************/
/* 767 이하 (~767) */
@media screen and (max-width: 767px) {
    /* 헤더 */
    #header{height: 65px; padding: 0 20px;}
    .logo a{width: 160px; height: 38px;}
    
    /* 푸터 */
    .footer{padding: 40px 20px; font-size: 15px;}
}

/***********************************************/
/* 560 이하 (~560) */
@media screen and (max-width: 560px) {
    /* 헤더 */
    #header{height: 65px; padding: 0 15px;}
    .langeuage_Wrap{margin-right: 0;}
}