@charset "utf-8";

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

#way_top_nav{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center}
#way_top_nav>li{padding:0 2.5rem;text-align:center;color:#333;position:relative}

#way_top_nav>li>a{display:block;padding:4rem 0;font-size:1.9rem;font-weight:500;color:#fff;white-space: nowrap;transition:all .3s}
#way_top_nav>li:before{content:'';width:0;height:2px;background:var(--pt-color);position:absolute;bottom:2px;left:50%;transition:all .3s;transform:translateX(-50%)}
#way_top_nav>li.active:before{width:100%}


.menu_list{display:none;width:100vw;overflow:hidden;position:fixed;top:10rem;left:50%;transform:translateX(-50%)}
.menu_list .list_inner{max-width:160rem;width:100%;margin:0 auto;padding:7rem 5rem;display:flex;flex-wrap:wrap;align-items:center;position:relative}
.menu_list .list_inner .menu_tit{width:37rem;text-align:left;position:relative;z-index:1}
.menu_list .list_inner .menu_tit .tit{margin-bottom:1rem;font-size:3rem;font-weight:700;color:#fff}
.menu_list .list_inner .menu_tit .txt{font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.7)}


.menu_list .list_inner .top_menu_list{width:calc(100% - 37rem);padding-left:5rem;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:2rem 2%}
.menu_list .list_inner .top_menu_list.db_menu_list{margin-top:-2rem}
.menu_list .list_inner .top_menu_list > li{width:23.5%;height:6rem;position:relative}
.menu_list .list_inner .top_menu_list > li > a{width:100%;height:100%;padding:0 2rem;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:1.7rem;font-weight:500;color:#666;text-align:center;position:relative;overflow:hidden;transition:all .3s;display:flex;align-items:center;justify-content:center;}
.menu_list .list_inner .top_menu_list > li > a.on, .menu_list .list_inner .top_menu_list > li:hover > a{background:var(--pt-color);color:#fff;box-shadow:0 .5rem 1rem rgba(0,96,110,.1);}
.menu_list .list_inner .db_menu_wrap{display:none;padding-top:1.5rem;position:absolute;left:0}
.menu_list .list_inner .db_menu{display:flex;gap:1rem}
.menu_list .list_inner .db_menu li a{display:block;height:3.5rem;padding:0 2rem;border-radius:1rem;background:#f7f7f7;font-size:1.7rem;font-weight:500;line-height:3.5rem;color:#333;white-space:nowrap;transition:all .3s}
.menu_list .list_inner .db_menu li a:hover, .menu_list .list_inner .db_menu li a.on{background:#e5ebfa;color:var(--pt-color)}


#top_bg{display:none;width:100vw;height:15rem;background:#fff;box-shadow:0 1rem 1rem rgba(0,0,0,.1);overflow:hidden;position:fixed;top:10rem;left:50%;transform:translateX(-50%);transition:all .3s}
#top_bg .bg_inner{max-width:160rem;width:100%;height:100%;margin:0 auto;position:relative}
#top_bg .bg_inner:before{content:'';width:100%;height:100%;background:#0d1529;position:absolute;top:0;left:calc(-100% + 45.5rem)}
#top_bg.on{display:block;opacity:1;z-index:10;}


/* menu_icon */
.pc_all_btn,.m_all_btn {width:5rem;height:5rem;border:0;background:none;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:999}
.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:2rem;height:2px;margin-bottom:5px;background-color:#fff;transition:transform .2s ease, background-color .5s ease;position:relative;}
.mn_icon_r{margin-bottom:0}

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




/*모바일 메뉴 버튼*/
.m_all_btn{display:none;width:4.5rem;height:4.5rem;right:0;}
.all_btn.m_active{background:none;top:1rem;z-index:9999}
.m_menu_icon.active .mn_icon_line{width:2.2rem;transform:translateX(0px) rotate(-45deg)}
.m_menu_icon.active .mn_icon_l{transform:translateX(1px) rotate(45deg);top:6px;left:-1px}
.m_menu_icon.active .mn_icon_c{left:0;top:-1px}
.m_menu_icon.active .mn_icon_r{display:none}

.m_menu_icon.active .mn_icon_line{background:#222}


/*사이트맵버튼 신규 */
.pc_sitemap_btn{width:2.8rem;height:2.8rem;border:0;background:none;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:999;cursor:pointer}
.pc_sitemap_btn .square{position: absolute; display:block; width:.8rem;height:.8rem;background-color:var(--pt-color); transition:all 0.4s ease-in-out; }
.pc_sitemap_btn .square:nth-child(1) {top: 0; left: 0; background: #fff;}
.pc_sitemap_btn .square:nth-child(2) {top: 0; right: 0;}
.pc_sitemap_btn .square:nth-child(3) {bottom: 0; left: 0;}
.pc_sitemap_btn .square:nth-child(4) {bottom: 0; right: 0; background: #fff;}

/*사이트맵버튼 신규 active */
.pc_sitemap_btn.active .square {width:2rem;height:.3rem}
.pc_sitemap_btn.active .square:nth-child(1){top:.8rem;transform:rotate(45deg)}
.pc_sitemap_btn.active .square:nth-child(2){top:.8rem;transform:rotate(135deg)}
.pc_sitemap_btn.active .square:nth-child(3){bottom:.9rem;transform:rotate(-45deg)}
.pc_sitemap_btn.active .square:nth-child(4){bottom:.9rem;transform:rotate(-135deg)}

/*언어선택*/
.language_btn{position:absolute;right:6rem;top:50%;transform:translateY(-50%);;display:flex;flex-wrap:wrap;gap:1.5rem}
.language_btn li{position:relative}
.language_btn li a{font-size:1.6rem;font-weight:600;color:rgba(255,255,255,.6)}
.language_btn li a.on{color:#fff}
.language_btn li:first-child:before{content:'';width:1px;height:1rem;background:rgba(255,255,255,.3);position:absolute;top:50%;right:-.7rem;transform:translateY(-50%)}

/*탑메뉴 스크롤시*/
#way_hd.on, #way_hd.on2, #way_hd.sub{border-bottom:1px solid #ddd;background:#fff}
#way_hd.on .logo02, #way_hd.on2 .logo02, #way_hd.sub .logo02{display:block}
#way_hd.on .logo01, #way_hd.on2 .logo01, #way_hd.sub .logo01{display:none}
#way_hd.on #way_top_nav>li>a, #way_hd.on2 #way_top_nav>li>a, #way_hd.sub #way_top_nav>li>a{color:#333}
#way_hd.on #way_top_nav>li>a.active, #way_hd.sub #way_top_nav>li>a.active{color:var(--pt-color)}
#way_hd.on .mn_icon_line,#way_hd.on2 .mn_icon_line,#way_hd.sub .mn_icon_line{background:#333}

#way_hd.on .language_btn li a,
#way_hd.on2 .language_btn li a,
#way_hd.sub .language_btn li a{color:#888}

#way_hd.on .language_btn li a.on,
#way_hd.on2 .language_btn li a.on,
#way_hd.sub .language_btn li a.on{color:#333}

#way_hd.on .language_btn li:first-child:before,
#way_hd.on2 .language_btn li:first-child:before,
#way_hd.sub .language_btn li:first-child:before{background:#ddd}

#way_hd.nofixed{top:-10rem;opacity:0}
#way_hd.fixed{top:0;opacity:1}

#way_hd.on2{background:#fff;border-bottom:1px solid #ddd}




/*pc 전체메뉴*/
#pc_new_all_menu{width:0;height:100%;overflow:hidden;transition:all .3s;position:fixed;top:0;right:0;display:flex}
#pc_new_all_menu:before,
#pc_new_all_menu:after{content:'';width:0;height:100%;position:absolute;top:0;right:0;z-index:2;transition:all .5s}
#pc_new_all_menu:before{background:var(--pt-color);}
#pc_new_all_menu:after{background:#fff}

#pc_new_all_menu .all_menu_tit{width:30%;height:100%;background:#fff;opacity:0;z-index:3;overflow-y:auto;transition:all 1s;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#pc_new_all_menu .all_menu_tit .tit_box{position:relative;top:-3rem;transition:all 1s}
#pc_new_all_menu .mark{margin-bottom:2rem;text-align:center}
#pc_new_all_menu .a_txt{max-width:35rem;width:100%;margin-bottom:4rem;font-size:1.8rem;font-weight:500;text-align:center;line-height:140%;color:#666}
#pc_new_all_menu .link_btn_area{width:26rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem}
#pc_new_all_menu .link_btn_area li{width:100%;height:6rem;border-radius:6rem;overflow:hidden;position:relative;transition:all .5s}
#pc_new_all_menu .link_btn_area .link_btn01{background:var(--pt-color)}
#pc_new_all_menu .link_btn_area .link_btn02{background:#333}
#pc_new_all_menu .link_btn_area li:before{content:'';width:0;height:100%;background:var(--pt-color);position:absolute;top:0;left:0;transition:all .5s}
#pc_new_all_menu .link_btn_area li a,
#pc_new_all_menu .link_btn_area li span{width:100%;height:100%;padding:0 3rem;font-size:1.6rem;font-weight:700;color:#fff;position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;font-family:'Poppins', 'Pretendard';}
#pc_new_all_menu .link_btn_area li img{width:2rem;filter:invert(1);}

#pc_new_all_menu .link_btn_area li:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#pc_new_all_menu .link_btn_area li:hover:before{width:100%}

#pc_new_all_menu .all_menu_list{width:70%;height:100%;padding:0 10rem;background:#f7f7f7;position:relative;z-index:3;opacity:0;overflow-y:auto;transition:all 1s;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#pc_new_all_menu .all_menu_area{width:100%;position:relative;left:-3rem;transition:all 1s}
#pc_new_all_menu .all_menu_area .nav_list{width:100%;padding:3rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#pc_new_all_menu .all_menu_area .nav_list + .nav_list {border-top:1px dashed #ddd} 
#pc_new_all_menu .all_menu_area .nav_list .nav_name{width:30rem;font-weight:700;font-size:3rem;color:#000;transition:all .3s}
#pc_new_all_menu .all_menu_area .nav_list .all_dep2_list{width:calc(100% - 30rem);position:relative;display:flex;flex-wrap:wrap;gap:1rem 2rem}
#pc_new_all_menu .all_menu_area .nav_list .all_dep2_list li{position:relative}
#pc_new_all_menu .all_menu_area .nav_list .all_dep2_list li + li:before{content:'';width:1px;height:1.5rem;background:#ccc;position:absolute;left:-1rem;top:50%;transform:translateY(-50%) rotate(30deg)}
#pc_new_all_menu .all_menu_area .nav_list .all_dep2_list li a{font-weight:500;font-size:1.8rem;color:#333;transition:all .3s}


#pc_new_all_menu .all_menu_area .nav_list:hover .all_dep2_list li a{color:#999}
#pc_new_all_menu .all_menu_area .nav_list .all_dep2_list li a:hover{color:#000}

/*전체메뉴 클릭시*/
#pc_new_all_menu.nav_active{width:100%}
#pc_new_all_menu.nav_active:before,
#pc_new_all_menu.nav_active:after{width:100%;transition-delay:.3s}
#pc_new_all_menu.nav_active:after{transition-delay:.6s}

#pc_new_all_menu .all_menu_tit.active{opacity:1}
#pc_new_all_menu .all_menu_tit.active .tit_box{top:0}

#pc_new_all_menu .all_menu_list.active{opacity:1}
#pc_new_all_menu .all_menu_list.active .all_menu_area{left:0}


/*모바일 오픈메뉴 */
#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:36rem;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:var(--pt-color)}

/* 텍스트 크기 조절 */
#text_size {width:14rem;height:3.5rem;border-radius:3.5rem;background:#fff;position:absolute;top:50%;right:12.5rem;transform:translateY(-50%);display:flex;flex-wrap: wrap;align-items:center;justify-content:center;gap:2px}
#text_size .size_tit{margin-right:.5rem;font-size:14px;line-height:.7;color:#666;}
#text_size button {margin:0;border:none;width:1.7rem;height:1.7rem;vertical-align:middle;cursor:pointer; margin-top:-3px;text-indent: -999999px;}
#text_size button.zoomout{background:url(/hd/top_menu/minus.png) no-repeat center/cover}
#text_size button.zoomin{background:url(/hd/top_menu/plus.png) no-repeat center/cover}
#text_size button.resetzoom{background:url(/hd/top_menu/reset.png) no-repeat center/cover}

/*사이트전체검색*/
#main_sch_btn{width:5rem;height:5rem;border:0;border-radius:5rem;background:#008b9f;position:absolute;top:50%;right:6rem;transform:translateY(-50%)}

#site_sch_area{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-999;opacity:0;transition:all 1s}
#site_sch_area .sch_bg{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
#site_sch_area #site_sch{width:100%;height:10rem;background:#fff;position:relative;top:-10rem;z-index:10;transition:top 1s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#site_sch_area #site_sch form{max-width:60rem;width:90%;display:flex}
#site_sch_area #site_sch #sch_stx{width:calc(100% - 5rem);height:6rem;padding:0 2rem;border:0;border-radius:0;border-bottom:2px solid #222;font-size:1.8rem;font-weight:500;color:#222}
#site_sch_area #site_sch #sch_stx::placeholder{color:#999}
#site_sch_area #site_sch #sch_submit{width:6rem;height:6rem;border:0;background:none;font-size:2rem;color:#333;} 
#site_sch_area .sch_close{width:5rem;height:5rem;border-radius:5rem;background:#fff;position:absolute;bottom:-7rem;left:50%;transform:translateX(-50%);cursor:pointer}
#site_sch_area .sch_close img{width:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

#site_sch_area.active{opacity:1;z-index:9999}
#site_sch_area.active #site_sch{top:0}


@media(max-width: 1280px){	
#way_hd, #top_menu_area, .top_menu_warp{height:8rem}
.menu_list .list_inner{padding:7rem 5rem}
.top_menu_warp .logo img{width:20rem}

#way_top_nav{padding-left:5rem}
#way_top_nav>li>a{padding:2.9rem 0;font-size:1.9rem}
#way_top_nav>li{padding:0 1.6rem}
.menu_list .list_inner .top_menu_list > li{width:32%}

#text_size{width:13rem;right:11rem}
#main_sch_btn{width:4.5rem;height:4.5rem;right:5.5rem}
.pc_all_btn{width:4.5rem;height:4.5rem}

#top_bg{top:8rem}


.menu_list .list_inner .db_menu3{margin-left:-16rem}

}


@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_top_nav{display:none}
#text_size{display:none}
}

@media(max-width: 767px){
#way_hd, #top_menu_area, .top_menu_warp, .pc_all_btn{height:7rem}

.m_all_btn{right:-1rem}

.menu_icon span.lines::before{top:-7px}
.menu_icon span.lines::after{top:7px}

.language_btn{right:4.5rem}

}
@media(max-width: 480px){
#navWrap .inner, #navWrap .inner, #navWrap.on .inner:before{width:70%}
.top_menu_warp{width:calc(100% - 2rem)}
.top_menu_warp .logo img{width:19rem}

#main_sch_btn{width:4rem;height:4rem;right:4.5rem}
#main_sch_btn img{width:1.9rem}
.m_all_btn{width:4rem;height:4rem;}
.mn_icon_line{width:1.8rem;margin-bottom:4px}
.mn_icon_r{margin-bottom:0}
.m_menu_icon.active .mn_icon_l{top:5px}
}
@media(max-width: 320px){
#way_hd, #top_menu_area, .top_menu_warp, .pc_all_btn{height:6rem}
.top_menu_warp .logo img{width:17rem}
}