@charset "utf-8";

#way_hd{width:100%;height:10rem;z-index:100;transition:all .3s}
#way_hd, #top_menu_area, .top_menu_warp{transition:all .3s}
.top_menu_warp{max-width:140rem;width:100%;height:10rem;margin:0 auto;position:relative;} 
.top_menu_warp .logo{position:absolute;left:0;top:calc(50% - .4rem);z-index:10;transform:translateY(-50%);transition:all .3s}
.top_menu_warp .logo img{max-width:29rem;}
.top_menu_warp .logo .logo02{display:none}

#way_top_nav {width:48rem;height:10rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
#way_top_nav>li {display:block;width:16rem;height:100%;padding:0 3rem;text-align:center;color:#fff;float:left;position:relative;letter-spacing:-0.3px;}
#way_top_nav>li:before{content:'';width:0;height:2px;background:#b92628;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all .3s}
#way_top_nav>li>a {display:block;width:100%;height:100%;font-size:1.9rem;line-height:10rem;color:#fff;zoom:1;}
#way_top_nav>li>a:before{content:'';width:1px;height:1.2rem;background:rgba(255,255,255,.5);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s}
#way_top_nav>li:last-child a:before{display:none}
#way_top_nav .site_map_li a{padding-top:1.3rem}

#way_top_nav ul {display:none;width:16rem;height:28rem;padding:1rem 0;position:absolute;top:10rem;left:50%;transform:translateX(-50%);}
#way_top_nav ul li {margin-left:0;border-bottom:#ddd;font-size:1.6rem;text-align:center;float:none;}
#way_top_nav ul li:last-child{border-bottom:none}
#way_top_nav ul a {display:block;width:100%;height:100%;color:#666}

#way_top_nav ul>li>a{padding:1.3rem 1rem;font-weight:500;}
#way_top_nav .db_menu{}
#way_top_nav .db_menu .db_tit{padding:1.3rem 2rem;font-weight:500;font-size:1.6rem;color:#fff;background:#023059}

#top_menu_bg{display:none;width:100%;height:38rem;background:#fff;box-shadow:0 0 2rem rgba(0,0,0,.2); position:fixed;top:0;left:0;z-index:90;}

/*호버효과*/
#way_top_nav>li:hover:before{width:100%;}
#way_top_nav>li:hover ul{background:#f7f7f7}
#way_top_nav ul a:hover{color:#b92628}

/*언어선택*/
#way_hd .language_box{position:absolute;position:absolute;right:5rem;top:50%;transform:translateY(-50%)}
#way_hd .language_box .language_icon{width:2.4rem;height:2.4rem;color:#fff;transition:all .3s;cursor:pointer}
#way_hd .language_box .language_icon svg{width:100%}
#way_hd .language_box .language_list{display:none;width:10rem;padding:1rem 0;border-radius:.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);position:absolute;top:3.4rem;left:50%;transform:translateX(-50%)}
#way_hd .language_box .language_list:before{content:'';width:0;height:0;border-bottom:.7rem solid #fff;border-left:.7rem solid transparent;border-right:.7rem solid transparent;position:absolute;top:-.6rem;left:50%;transform:translateX(-50%)}

#way_hd .language_box .language_list li a{display:block;font-size:14px;line-height:2.5rem;text-align:center;color:#666;transition:all .3s}
#way_hd .language_box .language_list li a:hover{color:#b92628}

#way_hd .language_box.on .language_icon{color:#b92628}
#way_hd .language_box.on .language_list{display:block}

#way_hd .news_btn{text-align:center;position:absolute;right:9rem;top:50%;transform:translateY(-50%)}
#way_hd .news_btn svg{width:2.2rem;color:#fff;transition:all .3s}
#way_hd .news_btn .news_tit{font-size:11px;line-height:100%;font-weight:700;color:#fff;transition:all .3s}



/* 모바일 메뉴 전체보기 */
.pc_all_btn.m_active{z-index:9999;background:none}
.m_menu_icon{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:none}
.m_menu_icon.active .mn_icon_line{width:3rem;background-color:#333;-webkit-transform:translateX(0px) rotate(-45deg);transform: translateX(0px) rotate(-45deg)}
.m_menu_icon.active .mn_icon_l{-webkit-transform:translateX(1px) rotate(45deg);transform:translateX(1px) rotate(45deg)}
.m_menu_icon.active .mn_icon_c{left:1px;top:-.8rem}
.m_menu_icon.active .mn_icon_r{display:none}



/*탑메뉴 스크롤시*/
#way_hd.on,#way_hd.on2{width:100%;border-bottom:1px solid #ddd;background:#fff;position:fixed;top:0;left:0}
#way_hd.on .top_menu_warp .logo .logo01, #way_hd.on2 .top_menu_warp .logo .logo01{display:none}
#way_hd.on .top_menu_warp .logo .logo02, #way_hd.on2 .top_menu_warp .logo .logo02{display:block}

#way_hd.on .mn_icon_line, #way_hd.on2 .mn_icon_line{background:#333}
#way_hd.on #way_top_nav>li>a, #way_hd.on2 #way_top_nav>li>a{color:#333}
#way_hd.on #way_top_nav>li>a:before, #way_hd.on2 #way_top_nav>li>a:before{background:#ddd}
#way_hd.on .language_box .language_icon, #way_hd.on2 .language_box .language_icon{color:#333}
#way_hd.on .language_box.on .language_icon, #way_hd.on2 .language_box.on .language_icon {color:#b92628}

#way_hd.on .news_btn svg{color:#333}
#way_hd.on .news_btn .news_tit{color:#333}

#way_hd.on2 .news_btn svg{color:#333}
#way_hd.on2 .news_btn .news_tit{color:#333}

/* 상단 버튼 및 오픈메뉴 */
#navWrap{display:none;position:fixed;right:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#navWrap .inner{opacity:0;overflow-y: scroll;position:fixed;right:-4rem;top:0;z-index:6;min-width:280px;width:35rem;height:100%;padding:7.5rem 0;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap .inner:before{position:absolute;right:-4rem;opacity:0;transition:all .4s;content:'';}
#navWrap.on .inner{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap.on .inner:before{position:fixed;top:0;right:0;z-index:100;min-width:280px;width:35rem;height:7rem;background:#fff;opacity:1}

/* 대분류 */
#navWrap .lnb .bmenu{display:block;position:relative;width:100%;height:4.5rem;padding:0 2rem;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:4.5rem;color:#333;text-align:left}
#navWrap .lnb .bmenu:after{float:right;content:"\f107";font-family:'fontawesome'}
#navWrap .lnb .bmenu.on:after{content:"\f106"}

/* 소분류 */
#navWrap .smenu{display:none;padding:1.5rem 2rem;border-bottom:1px solid #ddd;background-color:#f2f3f5}
#navWrap .smenu li a{display:block;padding:0.5rem 0;font-size:15px;color:#777}

/*pc 메뉴 전체보기*/
#pc_all_wrap{position:relative;z-index:20}

/* menu_icon */
.pc_all_btn{width:3rem;height:10rem;position:absolute;right:0;top:0;z-index:100;transition:all .3s}
.pc_menu_icon {position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.mn_icon_line{position:relative;display:block;height:2px;width:3rem;margin-bottom:.6rem;background-color:#fff;transition:background-color .5s ease, -webkit-transform .2s ease;transition:transform .2s ease, background-color .5s ease;transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease}
.mn_icon_r{margin-bottom:0}
.pc_menu_icon.active .mn_icon_line{width:2.2rem;background-color:#333;-webkit-transform:translateX(0px) rotate(-45deg);transform: translateX(0px) rotate(-45deg)}
.pc_menu_icon.active .mn_icon_l{-webkit-transform:translateX(1px) rotate(45deg);transform:translateX(1px) rotate(45deg)}
.pc_menu_icon.active .mn_icon_c{left:1px;top:-.8rem}
.pc_menu_icon.active .mn_icon_r{display:none}

/* menu_all */
.menu_all {position:fixed;top:-10rem;z-index:1}
.menu_all:before, .menu_all:after{content: "";z-index:-1;width:100vw;height:100vh;background-color:#b92628;position:fixed;left:0;top:0;transition:-webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition:transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transform: translateX(0%) translateY(-100%);transform: translateX(0%) translateY(-100%)}
.menu_all:after{background:#fff;transition-delay:0s}
.menu_all:before{transition-delay:.1s}
.menu_all_content{display:none;width:100%;font-weight:200;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;opacity:0}

/*menu_list*/
#menu_all_list{display:inline-block;overflow:hidden}
#menu_all_list > li{display:inline-block;width:22rem;height:29rem;padding:0 4rem;margin-top:5rem;float:left;opacity:0;position:relative}
#menu_all_list > li:before{content:'';width:1px;height:100%;background:#ddd;position:absolute;right:0;top:}
#menu_all_list > li:last-child:before{display:none}
#menu_all_list > li > a {display:block;margin-bottom:3rem;font-weight:700;font-size:3rem;letter-spacing:-.2rem;color:#333;transition:all .3s}
#menu_all_list > li:hover > a{color:#b92628}
#menu_all_list .all_nav_list li{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px dashed #ddd;font-weight:500;font-size:1.7rem}
#menu_all_list .all_nav_list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
#menu_all_list .all_nav_list li a{color:#666}
#menu_all_list .all_nav_list li:hover a{color:#b92628}
#menu_all_list .db_menu_all .db_tit{margin-bottom:1rem;font-weight:500;font-size:1.8rem;color:#333;}
#menu_all_list .db_menu_all .db_tit02{margin-top:2rem}
#menu_all_list .db_menu_all a{display:block;padding:.5rem 0;font-weight:500;font-size:1.7rem;color:#666;transition:all .3s}
#menu_all_list .db_menu_all a:hover{color:#333}

#pc_all_wrap.nav-active .menu_all{visibility:visible;top:0}
#pc_all_wrap.nav-active .menu_all:before, #pc_all_wrap.nav-active .menu_all:after{-webkit-transform: translateX(0%) translateY(0%);transform: translateX(0%) translateY(0%)}
#pc_all_wrap.nav-active .menu_all:after{transition-delay:.1s}
#pc_all_wrap.nav-active .menu_all:before{transition-delay:0s}



@media (max-width: 1400px) {
.top_menu_warp .logo{left:2rem}
.top_menu_warp .logo img{max-width:25rem}
.top_menu_warp .top_btn{display:none}
#menu_all_list > li > a{font-size:2.5rem}
#way_hd .language_box{right:7rem}
.pc_all_btn{right:2rem}
#way_hd .news_btn{right:11rem}
}
@media (max-width: 1024px) {	
.top_menu_warp .logo img{max-width:21rem}
.m_menu_icon{display:block;}
#way_top_nav{display:none}
.pc_menu_icon{display:none}
/* navWrap영역 */   /* 22.11.08 kyh 수정 (세로스크롤바 숨김) */
#navWrap .inner::-webkit-scrollbar {display: none;} 
#navWrap.on .inner {overflow-y: scroll; -ms-overflow-style: none;} 
}
@media (max-width: 767px){
.top_menu_warp .logo{top: calc(50% - 0.4rem);}
.top_menu_warp .logo img{max-width:13rem}	
#way_hd, #top_menu_area, .top_menu_warp,.pc_all_btn{height:7rem}
.pc_all_btn{width:7rem;height:7rem;right:0}
#navWrap .lnb .bmenu{font-size:15px}
#navWrap .smenu li a{font-size:14px}
}
@media (max-width: 480px){
#navWrap .inner, #navWrap .inner, #navWrap.on .inner:before{width:70%}
}
@media (max-width: 319px) {
.top_menu_warp .logo img{max-width:10rem}	
#way_hd, #top_menu_area, .top_menu_warp,.pc_all_btn{height:6rem;}
.pc_all_btn{width:6rem;height:6rem}
.m_menu_icon.active .mn_icon_l{margin-bottom:.5rem}
#allmn_btn_wrap.active{top:2.9rem;}
#way_hd .language_box{right:6rem}

#way_hd .news_btn{right:9.5rem}

}