@charset "utf-8";

#way_hd{width:100%;position:fixed;top:0;left:0;z-index:100}
#way_hd, #top_menu_area, .top_menu_warp{transition:all .3s}

#top_menu_area{max-width:160rem;width:100%;height:10rem;margin:0 auto;position:relative}
#way_hd .logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}
#way_hd .logo .logo2{display:none}
#way_hd .logo img{max-width:31rem;width:auto}
/*네비*/
.way_top_nav{position:absolute;right:18rem;top:50%;transform:translateY(-50%)}
.way_top_nav>li{display:block;padding:0 2.5rem;color:#fff;letter-spacing:-0.3px;text-align:center;float:left;position:relative;}
.way_top_nav>li:first-child:before{display:none}
.way_top_nav>li>a{display:block;padding:4.5rem 0;font-weight:500;font-size:1.9rem;color:#fff;zoom:1;position:relative}
.way_top_nav>li>a.hov, .way_top_nav>li>a.on{color:var(--pt-color2)}

.way_top_nav .menu_list{display:none;width:25rem;padding:3rem 2rem;border:1px solid #ddd;border-top:2px solid var(--pt-color);border-radius:0 0 1rem 1rem;box-shadow:0 1rem 1rem rgba(0,0,0,.1);background:#fff;overflow:hidden; position:absolute;left:50%;top:10.6rem;transform:translateX(-50%)}
.way_top_nav .menu_list li{padding:1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;color:#666;text-align:center}
.way_top_nav .menu_list li:last-child{border-bottom:0}
.way_top_nav .menu_list li a{display:block;color:#666;transition:all .3s}
.way_top_nav .menu_list li.on, .way_top_nav .menu_list li:hover{background:#f4f7fa}
.way_top_nav .menu_list li.on a, .way_top_nav .menu_list li:hover a{color:var(--pt-color2)}



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

/* menu_icon */
.all_btn{width:2.3rem;height:100%;border:none;background:none;position:absolute;right:0;top:0;z-index:999;transition:all .3s}
.m_all_btn{display:none;right:2rem;}
.pc_menu_icon,.m_menu_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}

/*pc 전체보기 버튼*/
.mn_icon_line{display:block;width:2.3rem;height:2px;margin-bottom:5px;background-color:#fff;transition:transform .2s ease, background-color .5s ease;position:relative;}
.mn_icon_r{margin-bottom:0}

.all_btn.active{background:none}
.pc_menu_icon.active .mn_icon_line{width:2.2rem;background:#fff !important;transform:translateX(0) rotate(-45deg)}
.pc_menu_icon.active .mn_icon_l{transform:translateX(1px) rotate(45deg)}
.pc_menu_icon.active .mn_icon_c{left:1px;top:-7px}
.pc_menu_icon.active .mn_icon_r{display:none}

/*pc전체메뉴*/
#all_menu_pc{width:0;height:100%;position:fixed;top:0;right:0;z-index:-100;transition:all .3s;transition-delay:.3s}
#all_menu_pc:before{content:'';width:0;height:100%;background:var(--pt-color3);position:fixed;right:0;top:0;opacity:0;transition:all .5s}
#all_menu_pc:after{content:'';width:0;height:100%;background:#222;position:fixed;right:0;top:0;transition:all .5s;opacity:0;transition-delay:.2s}
#all_menu_pc .inner{width:100%;height:100%;position:relative;z-index:30;overflow-y:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;opacity:0;transition:.3s;transition-delay:0}
#all_menu_pc .all_menu_area{max-width:160rem;width:100%;padding:0 5rem}
#all_menu_pc .all_menu_area .nav_list{width:100%;padding:3rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
#all_menu_pc .all_menu_area .nav_list + .nav_list{border-top:1px dashed rgba(255,255,255,.6)} 
#all_menu_pc .all_menu_area .nav_list .nav_name{font-weight:700;font-size:3.5rem;color:#fff;transition:all .3s}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list{display:flex;flex-wrap:wrap;}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li + li{margin-left:2rem;position:relative}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li + li:before{content:'';width:1px;height:1.5rem;background:rgba(255,255,255,.3);position:absolute;left:-1rem;top:50%;transform:translateY(-50%) rotate(30deg)}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li a{font-weight:500;font-size:1.8rem;color:#fff;transition:all .3s}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li a span{position:relative}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li a span:before{content:'';width:0;height:2px;background:#fff;position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);transition:all .3s}

/*마우스오버*/
#all_menu_pc .all_menu_area .nav_list:hover .nav_name{color:#fff}
#all_menu_pc .all_menu_area .nav_list:hover .all_dep2_list li a{color:rgba(255,255,255,.6)}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li a:hover{color:#fff}
#all_menu_pc .all_menu_area .nav_list .all_dep2_list li a:hover span:before{width:100%}

#all_menu_pc.active{width:100%;z-index:100}
#all_menu_pc.active:before{width:100%;opacity:1}
#all_menu_pc.active:after{width:100%;opacity:1}
#all_menu_pc.active .inner{opacity:1;transition:all .3s;transition-delay:.5s}

/*스크롤시*/
#way_hd.on{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2)}
#way_hd.on .logo .logo1{display:none}
#way_hd.on .logo .logo2{display:block}
#way_hd.on .way_top_nav>li>a{color:#333}
#way_hd.on .way_top_nav>li>a.active{color:var(--pt-color)}
#way_hd.on .logo .logo2{display:block}
#way_hd.on .mn_icon_line{background:#333}
#way_hd.on .language_btn{background:var(--pt-color)}

/*----------모바일 메뉴----------*/

/*모바일 메뉴 버튼*/
.all_btn.m_active{background:none;top:1rem;z-index:9999}
.m_menu_icon.active .mn_icon_line{width:2.2rem;background:#333;transform:translateX(0px) rotate(-45deg)}
.m_menu_icon.active .mn_icon_l{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}

/*모바일 전체메뉴*/
#s_nav_area{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);position:fixed}
#s_nav_area .nav_wrap{max-width:32rem;width:100%;height:100%;padding-top:7rem;background:#fff;position:absolute;right:-50%;opacity:0;transition:all .3s}
#s_nav_area .nav_wrap .close_btn{position:absolute;top:4rem;right:2rem}
#s_nav_area .nav_top_box{width:100%;height:21rem;padding-top:4rem;text-align:center;background:var(--pt-color)}
#s_nav_area .nav_top_box .login_tit{margin-bottom:.5rem;font-size:2.5rem;font-weight:700;color:#fff;}
#s_nav_area .nav_top_box .login_txt{margin-bottom:1.5rem;font-size:1.6rem;color:rgba(255,255,255,.6);}
#s_nav_area .nav_top_box .mb_btn_area{width:100%;padding:0 3rem;overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}
#s_nav_area .nav_top_box .mb_btn_area li{width:calc(50% - 1rem);height:5rem;border:1px solid rgba(255,255,255,.2);border-radius:5rem;background:rgba(255,255,255,.1)}
#s_nav_area .nav_top_box .mb_btn_area li a{width:100%;height:100%;font-size:1.5rem;font-weight:500;line-height:5rem;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
#s_nav_area .nav_top_box .mb_btn_area li a img{width:2rem}

#s_nav_area .nav_list{width:100%;height:calc(100% - 23rem);overflow-y:auto}
#s_nav_area .nav_list > li{width:100%;border-bottom:1px dashed #ddd;}
#s_nav_area .nav_list > li .list_tit{width:100%;height:6rem;padding:0 3rem;font-size:1.7rem;color:#333;line-height:6.3rem;position:relative}
#s_nav_area .nav_list > li .list_tit i{position:absolute;right:3rem;top:50%;transform:translateY(-50%);transition:all .3s}
#s_nav_area .nav_list > li .list_tit.on i{transform:rotate(-180deg) translateY(30%);}
#s_nav_area .nav_list > li .list_cont{display:none;padding:2rem 3rem;background:#f7f7f7}
#s_nav_area .nav_list .list_cont > li{position:relative;padding:1rem 1.5rem;border-bottom:1px dashed #ddd}
#s_nav_area .nav_list .list_cont > li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1.8rem}
#s_nav_area .nav_list .list_cont > li:last-child{border-bottom:0}
#s_nav_area .nav_list .list_cont > li a{display:block;width:100%;font-size:1.6rem;color:#333;}
#s_nav_area .nav_list .list_cont > li .s_p_menu{padding-bottom:.5rem}
#s_nav_area .nav_list .list_cont > li .s_d_menu{padding:.8rem 0 .5rem;font-size:1.5rem;color:#666}
#s_nav_area .nav_list .list_cont > li .program_s_tit{margin:0;font-size:1.5rem;color:#2b74c6}
#s_nav_area .nav_list .list_cont > li .program_s_tit02{margin-top:1rem}
#s_nav_area .nav_list .list_cont > li.on a{color:var(--pt-color2)}

#s_nav_area.on{display:block;z-index:200}
#s_nav_area.on .nav_wrap{right:0;opacity:1}


/*언어선택 관련*/
#way_hd .language_btn{width:10rem;height:3rem;border-radius:3rem;background:rgba(255,255,255,.2);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;position:absolute;top:50%;right:6rem;transform:translateY(-50%);cursor:pointer}
#way_hd .language_btn .lg_txt{font-size:1.5rem;font-weight:500;color:#fff}

#way_hd .language_btn .lg_list{display:none;width:100%;margin-top:.5rem;padding:.5rem 0;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.1);position:absolute;left:0;top:3rem;background:#fff}
#way_hd .language_btn .lg_list li{padding:.5rem 0;font-size:1.6rem;text-align:center;cursor:pointer;transition:all .3s}
#way_hd .language_btn .lg_list li:hover{color:var(--pt-color)}
#goog-gt-tt{display:none !important}
#google_translate_element2{display:none !important}
.skiptranslate{display:none}


@media (max-width:1600px){
#way_hd .logo{left:2rem}
.way_top_nav{right:17rem}
.way_top_nav>li{padding:0 1.5rem}
#way_hd .language_btn{right:6rem}
.pc_all_btn{right:2rem}
}
@media (max-width:1280px){	
#way_hd .logo img{width:28rem;height:auto}
.way_top_nav>li{padding:0 1rem}
.way_top_nav>li>a{font-size:1.7rem}

/*전체메뉴*/
#menu_all_list > li{width:auto}
#menu_all_list > li > a{font-size:2.3rem}
}
@media (max-width:1024px){	
#way_hd .tip_area, .way_top_nav, .top_area .tip_menu, .pc_all_btn, .nav_area{display:none}
.m_all_btn, .sch_icon{display:block}
#way_hd #top_menu_area{height:8rem}
#way_hd .logo img{width:26rem}
}
@media (max-width:767px){
#way_hd #top_menu_area{height:7rem}
#way_hd .logo img{width:23rem}
}
@media (max-width:480px){
#way_hd #top_menu_area{height:6rem}
#way_hd .logo img{width:20rem}
#way_hd .language_btn{width:6rem}
#way_hd .language_btn img{display:none}
}
@media (max-width:320px){
#way_hd .logo img{width:18rem}
#way_hd .language_btn{width:5rem;right:5.5rem}
}