@charset "utf-8";
#max_wrap {position:relative;}
#max_header {position: absolute; width:100%; height:120px; display:flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.2);
top: 0;left: 0; padding: 0 3%; z-index:2;}
#max_header .logo {width:244px; height:50px; display:inline-block;}
#max_header .logo a {display:block; width:100%; height:100%; background: url(../image/common/logo.png)no-repeat 50% 50%; text-indent: -99999px; font-size:0;}

/***** menu *****/
#gnb {position:relative; }
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb .gnb_wrap > ul {display:flex;}
#gnb .gnb_wrap > ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb #gnb_1dul {font-size:2.1rem; padding:0; zoom:1}
#gnb #gnb_1dul .gnb_1dli {position:relative;line-height:120px; padding:0px;}
#gnb #gnb_1dul .gnb_1dli a {position:relative; color:#fff; padding: 0 6rem;}
#gnb #gnb_1dul .gnb_1dli:hover > a {position:relative; -webkit-transition:background-color 2s ease-out; -moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out}
#gnb #gnb_1dul .gnb_1dli:hover > a:after {position:absolute; left:50%; transform:translateX(-50%); bottom:1.5rem; 
width:8px; height:8px; border-radius:10px; background: #E52F42; content:'';}

#gnb #gnb_1dul .gnb_1dli .bg {display:none;}
#gnb #gnb_1dul .gnb_1da {display:block;  padding:0 15px; color:#080808; text-decoration:none}
.gnb_2dul {/*display:none;*/ position:absolute; top:120px ;min-width:120px; left: 50%; transform: translateX(-50%);}
.gnb_2dul .gnb_2dul_box {visibility: hidden; max-height: 0; border-top:0; padding:2rem 0;  border-radius:10px; background: #E52F42; overflow:hidden; box-shadow: 0px 22px 22px 0px rgb(0,0,0,.5);}
.gnb_2dul .gnb_2dul_box .gnb_2da {display:block; font-size:1.7rem; padding:0 10px; line-height:40px; color:#fff; text-align:center; text-decoration:none; opacity:.7;  transition: color 0.6s ease;}
.gnb_2dul .gnb_2dul_box .gnb_2da:hover {color:#fff; opacity:1; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
#gnb #gnb_1dul .gnb_1dli:hover .gnb_2dul .gnb_2dul_box { visibility: visible; max-height: 300px;
  -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease;}

@media all and (max-width:1440px){
	#max_header {height:100px;}
	#max_header .logo {width:180px; height:50px;}
	#max_header .logo a {background-size:100%;}

	/***** menu *****/
	#gnb #gnb_1dul {font-size:1.9rem;}
	#gnb #gnb_1dul .gnb_1dli {line-height:100px;}
	#gnb #gnb_1dul .gnb_1dli a {padding: 0 3rem;}
}
@media all and (max-width:1023px){
	#max_header {height:75px; padding:0 5%;}
	#max_header .logo {width:120px;}

	/***** menu *****/
	#gnb {display:none;}
}


/***** fullmenu *****/
#fullmenu {visibility:hidden;position:fixed; top:0; right:-100%;  width:100%; height:100vh; overflow:hidden; /*background: #fff;*/
	 z-index:1000; /*display: block;*/
    transition: all .8s ease; opacity:0;}
#fullmenu.open {visibility:visible; opacity:1; right:0;}
#fullmenu h2 {font-size:0; text-indent:-99999px;}
#fullmenu .gnb_al_ul {height:100vh; display:flex;}
#fullmenu .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#fullmenu .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#fullmenu .gnb_al_li {width:25%; padding:25rem 5rem; text-align:center; box-sizing:border-box;}
#fullmenu .gnb_al_li .gnb_al_a {font-size:3.5rem; display:block; position:relative; margin-bottom:4rem; font-weight:600; color:#fff}
#fullmenu .gnb_al_li li {line-height:2em}
#fullmenu .gnb_al_li li a {color:#fff; opacity:.6; font-size: 2.3rem; line-height: 1.6; padding: 1rem 0; display: block;}
#fullmenu .gnb_al_li li:hover a {opacity:1;}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.8);width:100%; height:100%; position:fixed;left:0;top:0;z-index:999}

/***** full menu button *****/
#fullmenu button {position:absolute; right:3%; top:2%; background:none; border:0; width:50px; height:50px;}
#fullmenu button .line{position:absolute;display:inline-block; width:40px; height:2px; background-color:#fff; border-radius:5px; 
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#fullmenu button .line.line1{top:50%; left:50%; transform: translateY(-50%) translateX(-50%) rotate(-45deg);  }
#fullmenu button .line.line3{top:50%; left:50%; transform: translateY(-50%) translateX(-50%) rotate(-135deg);}

/***** 효과 *****/ 
#fullmenu .gnb_al_ul {background:url(../image/common/full_bg.jpg)no-repeat 50% 50%; background-size:cover;}
#fullmenu .gnb_al_li{ position:relative; height:100%;}
#fullmenu .gnb_al_li:before{position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:#fff; z-index:1; opacity:.2;}
#fullmenu .gnb_al_li:first-child:before{display:none}
#fullmenu .gnb_al_li:after{content:""; position:absolute; right:0; top:0px; width:100%; height:100%; background: #E52F42; -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;}
#fullmenu .gnb_al_li  > *{ display:block; opacity:0;filter:Alpha(opacity=50); -webkit-transform:translateX(-5%);	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; }

#fullmenu.open{ opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; 
	background-color:#fff;	-webkit-transition:all 0.3s  0s; transition:all 0.3s 0s;}
#fullmenu.open .gnb_al_li:before{height:100%;}
#fullmenu.open .gnb_al_li:after {width:0;}
#fullmenu.open .gnb_al_li {transform: scaleX(1); transform-origin: right top; transition-property: transform;}

#fullmenu.open .gnb_al_li > *{opacity:1.0;filter:Alpha(opacity=100); -webkit-transform:translateX(0);transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);}

/***** utillbox *****/
#max_header .util_box {width:15rem; display:flex; justify-content: space-between}

/***** 언어 *****/
#max_header .lang {position:relative; width:}
#max_header .lang > a {display:inline-block; padding-right:3rem; line-height:30px; color:#fff; font-weight:700; font-size:1.4rem;
background:url("../image/common/lang_arr.png") 100% 50% no-repeat;} 
#max_header .lang .btn_lang {border-bottom:2px solid #fff;}
#max_header .lang .depth {visibility:hidden; position:absolute; top:70px; left:0; background:#fff; padding:15px; opacity:0; transition: opacity .3s; border-radius:10px;}
#max_header .lang.open .depth {visibility:visible; opacity:1;}
#max_header .lang.open > a{background:url("../image/common/lang_arr_on.png") 100% 50% no-repeat;}
#max_header .lang.open .depth ul li {padding:5px 0; font-size:1.5rem; font-weight:500;}

/***** fullmenu_btn *****/
#max_header .gnb_menu_btn {background: 0; border:0;} 
#max_header .gnb_menu_btn div{position: relative;width: 35px;height: 35px;   margin: 0 auto; display: block; 
/*animation: allRotate 1s infinite alternate; */ cursor: pointer;}
#max_header .gnb_menu_btn div:hover {animation: allRotate .7s infinite alternate;}
#max_header .gnb_menu_btn span{position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: #E52F42; border-radius: 50%;}

#max_header .gnb_menu_btn span:nth-child(1){ }
#max_header .gnb_menu_btn span:nth-child(2){left: auto;right: 0; }
#max_header .gnb_menu_btn span:nth-child(3){top: auto;bottom: 0; }
#max_header .gnb_menu_btn span:nth-child(4){left: auto;right: 0; bottom:0; top:auto; }

#max_header .gnb_menu_btn:hover span:nth-child(1){animation: allBtn1 .7s infinite alternate .7s;}
#max_header .gnb_menu_btn:hover span:nth-child(2){left: auto;right: 0;animation: allBtn2 .7s infinite alternate .7s;}
#max_header .gnb_menu_btn:hover span:nth-child(3){top: auto;bottom: 0;animation: allBtn3 .7s infinite alternate .7s;}
#max_header .gnb_menu_btn:hover span:nth-child(4){left: auto;right: 0;top: auto;bottom: 0;animation: allBtn4 .7s infinite alternate .7s;}

@keyframes allRotate {
0%{transform:rotate(0deg);}
40%{transform:rotate(0deg);}
100%{transform:rotate(90deg);}
}

@keyframes allBtn1 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(17.5px,17.5px,0);}
}
@keyframes allBtn2 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(-17.5px,17.5px,0);}
}
@keyframes allBtn3 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(17.5px,-17.5px,0);}
}
@keyframes allBtn4 {
0%{transform:translate3d(0,0,0);}
40%{transform:translate3d(0,0,0);}
100%{transform:translate3d(-17.5px,-17.5px,0);}
}

@media all and (max-width:1440px){
	#max_header .util_box {width:12rem;}
	#max_header .lang > a {font-size:1.3rem;}

	/***** fullmenu *****/
	#fullmenu .gnb_al_li {padding:25rem 3rem;}
	#fullmenu .gnb_al_li .gnb_al_a {font-size:2.8rem;}
	#fullmenu .gnb_al_li li a {font-size: 2rem}

	
}
@media all and (max-width:1023px){
	#max_header {height:75px;}
	#max_header .logo {width:120px;}
	

	/***** menu *****/
	#gnb {display:none;}
	#max_header .gnb_menu_btn div {width:24px; height:24px;}
	#max_header .gnb_menu_btn div span {width:6px; height:6px;}
	#max_header .lang .depth {top:52px;}
	#max_header .util_box {width:10rem;}
	#max_header .lang.open .depth ul li {font-size:1.4}

	/***** fullmenu *****/
	#fullmenu .gnb_al_ul {flex-direction:column; align-items: center; justify-content: center;}
	#fullmenu .gnb_al_li {padding:2rem 3rem; height:auto; margin-bottom:2rem;}
	#fullmenu .gnb_al_li .gnb_al_a {font-size:2rem; margin-bottom:2rem;}
	#fullmenu .gnb_al_li li a {font-size: 1.6rem}
	#fullmenu.open .gnb_al_li > ul {display:none;}

	/***** 효과 *****/ 
	#fullmenu .gnb_al_li:before{display:none; display:none;}
	#fullmenu .gnb_al_li:after{transition:none; display:none;}
	#fullmenu .gnb_al_li  > *{transition:none;}

	#fullmenu.open{transition:none;}
	#fullmenu.open .gnb_al_li:before{display:none;}
	#fullmenu.open .gnb_al_li > *{}
	#fullmenu.open .gnb_al_li:after {display:none;}
	#fullmenu.open .gnb_al_li {transition:none; padding:0;}
}
@media all and (max-width:768px){
	#max_header {height:70px;}
	#fullmenu.open .gnb_al_li > ul {margin-bottom:1rem;}
	#fullmenu .gnb_al_li li a {padding:0.5rem 0; font-size: 1.4rem}
}

/***** footer *****/
#max_footer {background: #202020; color:#fff; font-size:0; line-height:1; }
#max_footer .inner {width:1400px; padding:7rem 0; display:flex; justify-content: space-between;  align-items: center;}
#max_footer .logo {display:inline-block;}
#max_footer address {font-style:normal; display:flex; justify-content: flex-end;}
#max_footer address ul {display:flex; flex-wrap:wrap; justify-content: space-between; width:810px;}
#max_footer address ul li {position:relative; width:45%; font-size:1.6rem; margin-bottom:1.5rem; padding-left:10.5rem; line-height:1.3;}
#max_footer address ul li:nth-of-type(3),
#max_footer address ul li:nth-of-type(4) {margin-bottom:0;}
#max_footer address ul li strong {position:absolute; top:0; left:0;}
#max_footer cite {font-size:1.5rem; letter-spacing:0; opacity:.5; text-align:center; font-style:normal; display:inline-block; width:100%; padding:2rem 0; background: #111111;}
#max_footer cite a {color:#fff;}

@media all and (max-width:1440px){
	#max_footer .logo {width:180px;}
	#max_footer .logo img {max-width:100%;}
	#max_footer .inner {width:100%; padding: 5rem 2%;}
	#max_footer address { }
	#max_footer address ul {width:80%; /*flex-direction: column;*/}
	#max_footer address ul li {width:48%; margin:0 1% 0.8rem 1%; font-size:1.5rem; padding-left:8rem;}
	#max_footer cite {font-size:1.3rem; padding:1.5rem 0;}
}

@media all and (max-width:768px){
	#max_footer .logo {width:120px; margin-bottom:2rem;}
	#max_footer .inner {padding: 2rem 2%; flex-direction: column;}
	#max_footer address { }
	#max_footer address ul {width:100%; flex-direction: column; flex-direction:}
	#max_footer address ul li {width:auto; margin: 0 0 0.2rem 0; font-size:1.3rem; }
	#max_footer cite {font-size:1.1rem; padding:1.2rem 0;}
}