@charset "utf-8";
#max_header {position:absolute; width:100%; height:100px; display:flex; justify-content: space-between; align-items: center; padding: 0 3%; z-index:2; transition:all .3s; top: 0; left: 0;}
#max_header #logo {position:relative; z-index:2; width:18.7rem; height:4.5rem;}
#max_header #logo a {width:100%; height:100%; display:block; background:url(../image/common/logo_black.svg)no-repeat 50% 50% / cover; font-size:0; text-indent:-99999px;}
#max_header:hover {background:#fff; box-shadow: 3px 2px 10px 1px rgb(147 147 147 / 15%) !important;}
#max_header.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: white; box-shadow: 3px 2px 10px 1px rgb(147 147 147 / 15%);}
/* login, language */
#max_header .utill {display: flex; align-items: center;}
#max_header .utill .login {margin-right:3rem;}
#max_header .utill .login a {display: flex;}
#max_header .utill .login a i {display: inline-block; margin-right:.5rem; width:1.8rem; height:1.8rem; background:url(../image/common/ico_login_black.svg) no-repeat center;}
#max_header .utill .language {position: relative; display: inline-block; user-select: none; margin-right: 4rem;}
#max_header .utill .language .btn_lang i {margin-right:.5rem; width:1.8rem; height:1.8rem; background:url(../image/common/ico_lang_black.svg) no-repeat center;}
#max_header .utill .language .btn_lang {display: inline-flex; align-items: center; cursor: pointer; font-size:1.4rem; font-weight: bold; /* color:#fff; */ letter-spacing: .3px;}
#max_header .utill .language .btn_lang svg {vertical-align: middle;margin-left: 5px;}
#max_header .utill .language .lan_group {position: absolute; display: none; margin-top: 5px; width: 7rem; background:#000; border-radius: 5%; animation: fade-in 1s ease;}
#max_header .utill .language .lan_group a {text-align: left; color: #ffffff; padding: 1rem; text-decoration: none; display: block; font-size: 1.4rem; letter-spacing: .3px;}
#max_header .utill .language .drop_icon2 {display: none;}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* 메인메뉴 */
#gnb {position:relative;}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#gnb #gnb_1dul {display:flex;}
#gnb #gnb_1dul > li {position:relative; display:inline-block;}
#gnb #gnb_1dul > li span.bg {font-size:0; text-indent:-99999px; width:0; height:0; display: inherit;}
#gnb #gnb_1dul > li .gnb_1da {position:relative; display:block; line-height:100px; padding:0 6rem; font-size:2.2rem; font-weight: 500;}
#gnb #gnb_1dul > li .gnb_1da:hover {color:var(--main-color1); font-weight: 600;}
#gnb #gnb_1dul > li .gnb_1da:after {content: ''; display: block; width: 0; height: 4px; position: absolute; bottom: 0; left: 0; background-color: var(--main-color1); transition: width .3s; z-index: 1; 
top: 9.5rem;}
#gnb #gnb_1dul > li:hover .gnb_1da:after {width: 100%;}
#gnb #gnb_1dul > li:nth-child(3):hover .gnb_1da:after {width:98%;}   
#gnb #gnb_1dul .gnb_1dli .gnb_2dul {position:absolute; top:98px; min-width:140px;padding-top:2px}
#gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dul_box {visibility: hidden; max-height: 0; border-top:0;padding:2rem 0; overflow:hidden; background:var(--white-color); width:19.5rem; 
box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1)}
#gnb #gnb_1dul .gnb_1dli:hover .gnb_2dul .gnb_2dul_box { visibility: visible; max-height: 60rem; -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease;}
#gnb #gnb_1dul .gnb_1dli:hover .gnb_2dul .gnb_2dul_box .gnb_2dli .gnb_2da {font-size:1.8rem; display:block; padding:1.3rem 2rem; line-height:1.3;  color:var(--black-color); text-align:left; text-decoration:none; font-weight:500; word-break:keep-all; opacity:.8;}
#gnb #gnb_1dul .gnb_1dli:hover .gnb_2dul .gnb_2dul_box .gnb_2dli .gnb_2da:hover {opacity:1; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:var(--main-color1);}
 
.gnb_menu_btn {background:#4158d1; color:var(--sub-color1); width:50px; height:55px; border:0; vertical-align:top; z-index:2;}
.gnb_close_btn {background:none; color:var(--sub-color1); width:40px; height:40px; border:0; vertical-align:top; position:absolute; top: 3rem; right: 6rem;}
.gnb_close_btn .ico-close {width:100%; height:100%; color:var(--sub-color1);}

.fp-viewing-0 #max_header #gnb #gnb_1dul > li .gnb_1da,
.fp-viewing-2 #max_header #gnb #gnb_1dul > li .gnb_1da,
.fp-viewing-5 #max_header #gnb #gnb_1dul > li .gnb_1da,
.fp-viewing-6 #max_header #gnb #gnb_1dul > li .gnb_1da {color:var(--white-color);}

.fp-viewing-0 #max_header #logo a,
.fp-viewing-2 #max_header #logo a,
.fp-viewing-5 #max_header #logo a,
.fp-viewing-6 #max_header #logo a {background:url(../image/common/logo_white.svg)no-repeat 50% 50% / cover;}

.fp-viewing-0 #max_header .utill .login a i,
.fp-viewing-2 #max_header .utill .login a i,
.fp-viewing-5 #max_header .utill .login a i,
.fp-viewing-6 #max_header .utill .login a i {background: url(../image/common/ico_login_white.svg) no-repeat center;}

.fp-viewing-0 #max_header .utill .login a,
.fp-viewing-2 #max_header .utill .login a,
.fp-viewing-5 #max_header .utill .login a,
.fp-viewing-6 #max_header .utill .login a {color:var(--white-color);}

.fp-viewing-0 #max_header .utill .language .btn_lang i,
.fp-viewing-2 #max_header .utill .language .btn_lang i,
.fp-viewing-5 #max_header .utill .language .btn_lang i,
.fp-viewing-6 #max_header .utill .language .btn_lang i {background: url(../image/common/ico_lang_white.svg) no-repeat center;}

.fp-viewing-0 #max_header .utill .language .btn_lang,
.fp-viewing-2 #max_header .utill .language .btn_lang,
.fp-viewing-5 #max_header .utill .language .btn_lang,
.fp-viewing-6 #max_header .utill .language .btn_lang {color:var(--white-color);}

.fp-viewing-0 #max_header .bt_sitemap span,
.fp-viewing-2 #max_header .bt_sitemap span,
.fp-viewing-5 #max_header .bt_sitemap span,
.fp-viewing-6 #max_header .bt_sitemap span {background: url(../image/common/ico_totalmenu_white.svg);}

#max_header:hover #logo a {background:url(../image/common/logo_black.svg)no-repeat 50% 50% / cover;}
#max_header:hover #gnb #gnb_1dul > li .gnb_1da {color:var(--black-color);}
#max_header:hover .utill .login a i {background: url(../image/common/ico_login_black.svg) no-repeat center;}
#max_header:hover .utill .login a {color:var(--black-color);}
#max_header:hover .utill .language .btn_lang i {background: url(../image/common/ico_lang_black.svg) no-repeat center;}
#max_header:hover .utill .language .btn_lang {color:var(--black-color);}
#max_header:hover .bt_sitemap span {background: url(../image/common/ico_totalmenu_black.svg);}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {background: #D64741 !important; border: 2px solid #D64741 !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width:10px !important; height:10px !important; margin: 0 !important; background: none !important; border: 2px solid #6D6D6D !important;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {margin: 0 !important;}

/***** fullmenu *****/
#gnb_all {position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1000; visibility: hidden; transition: top 0.8s ease, visibility 0.8s;}
#gnb_all .box {display: flex; align-items: center; justify-content: center; width:100%; height:100%; /*overflow-y:scroll;*/ padding: 8rem 10rem;}
#gnb_all .box h2 {font-size:0; text-indent:-99999px;}
#gnb_all .menu_wp {display: flex; align-items: center; width: 100%;}
#gnb_all .menu_wp .img_box {opacity: 0; transform: translateX(-100px); transition: transform 0.5s ease, opacity 0.5s ease; transition-duration: 2s, 2s;}
#gnb_all .menu_wp .gnb_al_ul {width: 100%; margin-left: 10rem;}
#gnb_all .menu_wp .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li {width:100%; padding:1.5rem;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li ul {/* display:none; */ display: flex; padding:1.5rem 0 0 0;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li .gnb_al_a {font-size:3rem; font-weight: 600; display:block; position:relative;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li {margin-left: 10rem; line-height:1.4;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li:nth-child(1) {margin-left: 0;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li a {font-size:2.1rem; color:#666; display:block; padding:0.4rem 0;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li a:hover {color:var(--main-color1); font-weight: 600;}
#gnb_all .menu_wp .gnb_al_ul .gnb_al_li{opacity:0;filter:Alpha(opacity=0); -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:all 0s 0s; transition:all 0s 0s;}
#gnb_all.open {top:0; visibility:visible;}
#gnb_all.open:before {content:""; display:block; position:fixed; left:0; top:0; z-index:-1; width:100%; height:100%; -webkit-transition:opacity 0.3s linear 0.3s; transition:opacity 0.3s linear 0.3s;}
#gnb_all.open .menu_wp .img_box {opacity: 1; transform: translateX(0); transition-delay: 0.5s; width:58rem;}
#gnb_all.open .menu_wp .img_box img {max-width: 100%; display: block;}
#gnb_all.open .menu_wp .gnb_al_ul {width:auto;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:transform 0.8s, opacity 0.8s; t
ransition:transform 0.8s, opacity 0.8s; border-bottom:1px solid #dedede; padding: 3.8rem 0; box-sizing: border-box;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li:nth-child(1){-webkit-transition-delay: 0.8s; transition-delay:0.8s; border-top:1px solid #dedede;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li:nth-child(2){-webkit-transition-delay: 0.9s; transition-delay:0.9s;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li:nth-child(3){-webkit-transition-delay: 1.0s; transition-delay:1.0s;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li:nth-child(4){-webkit-transition-delay: 1.1s; transition-delay:1.1s;}
#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li:nth-child(5){-webkit-transition-delay: 1.2s; transition-delay:1.2s;}
#gnb_all_bg {display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}

/***** fullmenu_btn *****/
#max_header .bt_sitemap {background: 0;} 
#max_header .bt_sitemap div{position: relative; width: 40px;height: 24px; margin: 0 auto; display: block; cursor: pointer;}
#max_header .bt_sitemap span{position: absolute; top: 0; left: 0; width:27px; height:22px; background:url(../image/common/ico_totalmenu_black.svg);}
.sub_menu {
	display: none;
}
 
@media all and (max-width:1600px){
	#gnb #gnb_1dul > li .gnb_1da {padding: 0 4rem; font-size:2rem !important;}
	#gnb_all .menu_wp .gnb_al_ul {margin-left: 7rem;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li {margin-left:5rem;}
	
	#gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dul_box {width:15rem;}
}

@media all and (max-width:1440px){ 

	#gnb_all .menu_wp .img_box {display: none;}
	#gnb_all.open .menu_wp .gnb_al_ul {width: 100%; margin-left: 0;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li ul {display: none;}
	.sub_menu {display: none;}
	.gnb_al_li.open .sub_menu {display: block;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li ul {}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li {margin-left: 0;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li .gnb_al_a:after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 14px; background: url(../image/common/allmenu_arr.png) no-repeat center / contain;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li.open .gnb_al_a:after {transform: translateY(-50%) rotate(180deg);}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li {width:50%;}
	#gnb_all .box {padding: 8rem 4rem;}
	 


}
@media all and (max-width:1200px){
	#gnb #gnb_1dul > li .gnb_1da {padding: 0 3rem; }
	#gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dul_box {width:13rem;}
	
	
	.fp-viewing-0 #max_header.fixed #logo a, .fp-viewing-2 #max_header.fixed #logo a, .fp-viewing-5 #max_header.fixed #logo a, .fp-viewing-6 #max_header.fixed #logo a {    background: url(../image/common/logo_black.svg) no-repeat 50% 50% / cover;}
	.fp-viewing-0 #max_header.fixed #gnb #gnb_1dul > li .gnb_1da, .fp-viewing-2 #max_header.fixed #gnb #gnb_1dul > li .gnb_1da, .fp-viewing-5 #max_header.fixed #gnb #gnb_1dul > li .gnb_1da, .fp-viewing-6 #max_header.fixed #gnb #gnb_1dul > li .gnb_1da {color: #000;}
	.fp-viewing-0 #max_header.fixed .utill .login a, .fp-viewing-2 #max_header.fixed .utill .login a, .fp-viewing-5 #max_header.fixed .utill .login a, .fp-viewing-6 #max_header.fixed .utill .login a {color: #000;} 
	.fp-viewing-0 #max_header.fixed .utill .login a i, .fp-viewing-2 #max_header.fixed .utill .login a i, .fp-viewing-5 #max_header.fixed .utill .login a i, .fp-viewing-6 #max_header.fixed .utill .login a i {background: url(../image/common/ico_login_black.svg) no-repeat center;}
	.fp-viewing-0 #max_header.fixed .utill .language .btn_lang, .fp-viewing-2 #max_header.fixed .utill .language .btn_lang, .fp-viewing-5 #max_header.fixed .utill .language .btn_lang, .fp-viewing-6 #max_header.fixed .utill .language .btn_lang {color: #000;}
	.fp-viewing-0 #max_header.fixed .utill .language .btn_lang i, .fp-viewing-2 #max_header.fixed .utill .language .btn_lang i, .fp-viewing-5 #max_header.fixed .utill .language .btn_lang i, .fp-viewing-6 #max_header.fixed .utill .language .btn_lang i {background: url(../image/common/ico_lang_black.svg) no-repeat center;}
	.fp-viewing-0 #max_header.fixed .bt_sitemap span, .fp-viewing-2 #max_header.fixed .bt_sitemap span, .fp-viewing-5 #max_header.fixed .bt_sitemap span, .fp-viewing-6 #max_header.fixed .bt_sitemap span {background: url(../image/common/ico_totalmenu_black.svg);}

}

@media all and (max-width:1080px){
	#gnb #gnb_1dul > li .gnb_1da {padding: 0 2rem; }
	#gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dul_box {width:12rem;}
 
}


@media all and (max-width:1024px){
	#max_header #logo a {background-size:90% !important;}
	#gnb {display: none;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li li a {font-size:1.5rem;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li .gnb_al_a {font-size:2rem;}
	#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li {padding: 2.5rem 2rem;}
	#gnb_all .ico-close:before, .ico-close:after {width:30px;}
	#gnb_all .gnb_close_btn {width:30px; height:30px;}
}

@media all and (max-width:768px){
	#max_header {height:70px;}
	#max_header.fixed {height:70px;}
	#max_header #logo {width:13rem;}
	
	#max_header .utill .language {margin-right:1rem;}
	#max_header .utill .login {margin-right:1rem;}
	#max_header .utill .language .btn_lang svg {margin-left: 0;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li .gnb_al_a {font-size:1.8rem;}
	#gnb_all .menu_wp .gnb_al_ul .gnb_al_li .gnb_al_a:after {width: 11px; height: 7px;}
	#gnb_all.open .menu_wp .gnb_al_ul .gnb_al_li {padding: 2rem;}
	#gnb_all .gnb_close_btn {right:3rem; top:2rem;}
	#gnb_all .box {padding: 9rem 2rem;}
	
}
@media all and (max-width:425px){
    #max_header {padding: 0;}
	#max_header #logo a {background-size: 80% !important;}
	#gnb_all .gnb_close_btn {width:20px; height:20px;}
	#gnb_all .ico-close:before, .ico-close:after {width:20px;} 
}


#max_container {position: relative; /* overflow: hidden; */}
#board_wrap {position: relative; overflow: hidden;}
#board_wrap  #max_container { margin-bottom:15rem;}