@charset "utf-8";

#way_hd{width:100%}
#way_hd, #top_menu_area, .top_menu_warp{transition:all .3s}
.top_menu_warp{max-width:130rem;height:9rem;margin:0 auto;position:relative} 
.top_menu_warp .logo{position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .3s}
.top_menu_warp .logo .logo02{display:none}
.top_menu_warp .logo img{display:block}

#way_top_nav{/* max-width:78rem; */position:absolute;left:calc(50% - 28rem);top:50%;transform:translateY(-50%)} 
#way_top_nav>li{display:inline-block;padding:0 2.3rem;letter-spacing:-0.3px;text-align:center;color:#fff;float:left;position:relative}
#way_top_nav>li>a{display:inline-block;padding:3.5rem 0;font-size:1.8rem;font-weight:500;color:#fff;position:relative;zoom:1;font-family:'Poppins','Noto Sans KR',sans-serif}
#way_top_nav>li>a:before{content:'';width:0;height:2px;background:#fff;left:50%;position:absolute;left:50%;bottom:3rem;transform:translateX(-50%);transition:all .3s}
#way_top_nav>li>a.active, #way_top_nav>li:hover > a:before{width:100%}

#way_top_nav .menu_list{display:none;width:15rem;border:1px solid #ddd;background:#fff;position:absolute;top:9.4rem;left:50%;transform:translateX(-50%)}
#way_top_nav .menu_list > li{margin-left:0;border-bottom:1px dashed #ddd;font-size:1.6rem;text-align:center}
#way_top_nav .menu_list > li:last-child{border-bottom:none}
#way_top_nav .menu_list a{display:block;width:100%;height:100%;color:#666}
#way_top_nav .menu_list a:hover{font-weight:500;color:#335685;background:#e5e8ea}
#way_top_nav .menu_list > li > a{padding:1.5rem 2rem}

#way_top_nav .menu_list .db_menu{position:relative}
#way_top_nav .menu_list .db_menu > a{position:relative}
#way_top_nav .menu_list .db_menu > a:before{content:url(/hd/top_menu/arr.png);position:absolute;right:2rem;top:50%;transform:translateY(-50%)}
#way_top_nav .menu_list .db_menu.on > a{background:#e5e8ea;color:#335685}
#way_top_nav .menu_list .db_menu .db_list{display:none;width:20rem;border:1px solid #ddd;border-left:0;background:#fff;position:absolute;right:-20.1rem;top:-1px;}
#way_top_nav .menu_list .db_menu .db_list.on{display:block}
#way_top_nav .menu_list .db_menu .db_list p{height:4rem;line-height:4rem;border-bottom:1px dashed #ddd;}
#way_top_nav .menu_list .db_menu .db_list p:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}

/*¾ð¾î¼±ÅÃ*/
#way_hd .top_menu_warp .language_btn{position:absolute;right:4.5rem;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap}
#way_hd .top_menu_warp .language_btn li{font-size:1.4rem;font-weight:700;color:#fff;position:relative;font-family:'Poppins'}
#way_hd .top_menu_warp .language_btn li + li:before{content:'';width:1px;height:1rem;background:rgba(255,255,255,.4);position:absolute;top:50%;left:0;transform:translateY(-50%)}
#way_hd .top_menu_warp .language_btn li a{color:rgba(255,255,255,.7)}
#way_hd .top_menu_warp .language_btn li a:hover{color:#fff}
#way_hd .top_menu_warp .language_btn li + li{margin-left:1rem;padding-left:1rem;}


/*ž¸Þ´º ½ºÅ©·Ñ½Ã*/
#way_hd.on{width:100%;background:#fff;box-shadow:2px 2px 1px 1px rgba(0,0,0,0.03);position:fixed;top:0;left:0;z-index:100}
#way_hd.on .top_menu_warp .logo .logo01{display:none}
#way_hd.on .top_menu_warp .logo .logo02{display:block}
#way_hd.on #way_top_nav>li>a{color:#333}
#way_hd.on #way_top_nav>li>a::before{background:#335685}
#way_hd.on #way_top_nav>li>a.active::before{width:100%}
#way_hd.on .menu_icon span.lines, #way_hd.on .menu_icon span.lines::before, #way_hd.on .menu_icon span.lines::after{background:#333}


#way_hd.on .top_menu_warp .language_btn li a{color:#888}
#way_hd.on .top_menu_warp .language_btn li a:hover{color:#222}
#way_hd.on .top_menu_warp .language_btn li:before{background:#ddd}

/* pc,mobile ¸Þ´º Àüüº¸±â ¹öÆ° */
#menu_btn{width:3rem;height:100%;position:absolute;top:0;right:0;z-index:100;transition:all .3s}
#menu_btn.pc_active, #menu_btn.m_active{background:none;z-index:9999}
.menu_icon{width:2.8rem;height:2.8rem;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer}
.menu_icon span.lines, .menu_icon span.lines::before, .menu_icon span.lines::after{width:1.6rem;height:2px;background:#fff;position:absolute;top:50%;right:0;transition:.3s}
.menu_icon span.lines::before{content:'';top:-6px;transform:translateX(-1rem)}
.menu_icon span.lines::after{content:'';top:6px;transform:translateX(-1rem)}

.menu_icon.active .lines{background:transparent !important}
.menu_icon.active .lines::before{width:2.5rem;background:#333;top:0;right:0.3rem;transform:rotate(45deg)}
.menu_icon.active .lines::after{width:2.5rem;background:#333;top:0;right:0.3rem;transform:rotate(-45deg)}
/* mobile ¸Þ´º Àüüº¸±â ¹öÆ° */
.m_menu_icon{display:none}

/*pc ¸Þ´º Àüüº¸±â*/
#pc_all_wrap{position:relative;z-index:20}
.menu_all {position:fixed;top:-10rem;z-index:1}
.menu_all:before, .menu_all:after{content:'';width:100%;height:100%;background:#335685;position:fixed;left:0;z-index:-1;transform:translate(0%,-100%);transition:transform cubic-bezier(0.77,0,0.175,1) 0.8s}
.menu_all:before{transition-delay:.1s}
.menu_all:after{background:url(/hd/top_menu/menu_bg.jpg) no-repeat #fff center/cover;transition-delay:0s}
.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:20rem;height:28rem;border-right:1px solid #ddd;margin-top:5rem;padding:0 4rem;float:left;opacity:0}
#menu_all_list>li:last-child{border:0}
#menu_all_list>li>a{display:block;margin-bottom:3rem;font-size:2.7rem;font-weight:600;letter-spacing:-.2rem;color:#333;font-family:'Playfair Display','Noto Sans KR';transition:all .3s}
#menu_all_list>li:hover>a{color:#335685}

#menu_all_list .all_nav_list li{padding-bottom:1.5rem;font-size:1.7rem;font-weight:400}
#menu_all_list .all_nav_list li a{color:#666}
#menu_all_list .all_nav_list li:hover a{font-weight:500;color:#335685}

#pc_all_wrap.nav_active .menu_all{top:0}
#pc_all_wrap.nav_active .menu_all:before, #pc_all_wrap.nav_active .menu_all:after{transform:translate(0%,0%)}
#pc_all_wrap.nav_active .menu_all:before{transition-delay:0s}
#pc_all_wrap.nav_active .menu_all:after{transition-delay:.1s}

#way_wrapper.sub #way_hd{border-bottom:1px solid rgba(255,255,255,.1)}

/* ¿ÀǸ޴º */
#navWrap{display:none;width:100%;height:100%;position:fixed;top:0;right:0;z-index:100}
#navWrap .inner{min-width:280px;width:36rem;height:100%;padding:7.5rem 0;background:#fff;overflow-y:scroll;position:fixed;top:0;right:-4rem;z-index:6;opacity:0;transition:all .1s}
#navWrap .inner:before{content:'';position:absolute;right:-4rem;opacity:0;transition:all .4s}
#navWrap.on .inner{right:0;opacity:1;transition:all .4s}
#navWrap.on .inner:before{min-width:280px;width:35rem;height:7rem;background:#fff;position:fixed;top:0;right:0;z-index:100;opacity:1}
#navWrap .inner::-webkit-scrollbar{display:none} 
#allmenu_bg{display:none;width:100%;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:5}
/* ´ëºÐ·ù */
#navWrap .lnb .bmenu{display:block;width:100%;height:45px;padding:0 2.5rem;border:none;border-bottom:1px solid #ddd;background:none;font-size:1.8rem;line-height:45px;text-align:left;color:#333;position:relative}
#navWrap .lnb .bmenu.active{font-weight:600}
#navWrap .lnb .bmenu:after{content:"\f107";float:right;font-family:'fontawesome'}
#navWrap .lnb .bmenu.on:after{content:"\f106"}
/* ¼ÒºÐ·ù */
#navWrap .smenu{display:none;padding:1.5rem 2.5rem;border-bottom:1px solid #ddd;background:#f2f3f5}
#navWrap .smenu li a{display:block;padding:0.5rem 0;font-size:1.7rem;color:#777}
#navWrap .smenu li a.active{color:#000}


#top_bnr{display:none;width:100%;height:8rem;background:#000;position:relative;overflow:hidden;justify-content:center}
#top_bnr.show{display:flex}
#top_bnr .day_close_btn{font-size:1.6rem;font-weight:500;color:#fff;position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:10;cursor:pointer;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
#top_bnr > img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}


.top_menu_warp .top_link{border:1px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;font-size:1.5rem;font-weight:500;color:#fff;position:absolute;top:50%;right:14.5rem;transform:translateY(-50%);transition:all .3s}
.top_menu_warp .top_link:hover{border-color:var(--pt-color3);background:var(--pt-color3);color:#fff}


#way_hd.on .top_menu_warp .top_link{border:1px solid #ddd;color:#666}
#way_hd.on .top_menu_warp .top_link:hover{border-color:#052538;background:#052538;color:#fff}