/*header 헤더*/
#header {/*position:fixed;transform:translateX(-50%);*/transition-duration: 0.5s;box-sizing:border-box;width:100%;height:70px;padding:0 20px;z-index:99;}
#header.on {background:#fff;}
#header.on .main_menu > li > a {color:#333;}
#header.on .m_menu_btn ul li {background:#333;}

#header.fixed {position:fixed;top:0;width:100%;z-index:9999;background:#fff;height:85px;}
#header.fixed .menu_bg ul.main_menu > li {height:85px;line-height:85px;}
#header.fixed .main_menu_tel a {height:84px;}
#header.fixed .main_menu .gnb_menu {top:85px;}
#header.fixed .main_menu .gnb_menu_bg {top:85px;}
#header.fixed.on {background:#fff;}

header .logo {font-size:18px;}
header .menu_bg {
	max-width:1100px;height:100%;
	margin:0 auto;
	box-sizing:border-box;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	border-bottom:1px solid #ccc;
}
.menu_flex , .menu_flex > div , header .menu_bg .main_menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
header .menu_bg .main_menu {z-index:3;}

.main_menu > li {text-align: center;height:100px;line-height:100px;/*margin-right:50px;*/width:150px;position:relative;}
.main_menu > li:last-child {margin-right:0px;}

.main_menu > li > a{font-size:20px;color:#fff;display:inline-block;width:100%;position:relative;}
.main_menu > li > a:after {content:'';height:3px;background:#8dc63f;position:absolute;left:50%;bottom:0px;transform:translateX(-50%);display:block;width:0%;transition:0.5s;}
.main_menu > li:hover > a {color:#8dc63f !important;}
.main_menu > li:hover > a:after {width:100%;}

.main_menu:hover .gnb_menu {opacity:1;height:auto;}

.main_menu .gnb_menu {
	padding-left:0px;z-index:99;position:absolute;top:100px;left:50%;min-width:140px;text-align: left;height:0px;opacity: 0;overflow-y:hidden;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.main_menu .gnb_menu li {
	text-align:center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	margin-bottom:15px;
}
.main_menu .gnb_menu li:first-child {margin-top:0px;}
.main_menu .gnb_menu li:last-child {margin-bottom:0px;border:none;}
.main_menu .gnb_menu li a {line-height:22px;box-sizing:border-box;font-size:16px;display:block;width:100%;color:#313131;}
.main_menu .gnb_menu li:hover a {color:#8dc63f;}

.main_menu .gnb_menu_bg {
	position:absolute;top:100px;left:0;width:100%;height:0px;background:rgba(255,255,255,1);
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.main_menu:hover .gnb_menu_bg {z-index:2;height:240px;background:#fff;border-bottom:1px solid #eee;}
.main_menu:hover .gnb_menu_bg:after {content:'';width:100%;height:1px;position:absolute;top:0px;left:0px;background:#eee;}
.main_menu:hover .gnb_menu {padding:35px 0;}

/*모바일메뉴*/
.m_main_menu {display:none;}
.m_menu {
	position: fixed;
	min-width:500px;
	height:100vh;
	top:0px;
	right:0px;
	transform:translateX(100%);
	background:#fff;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	/*overflow-y:scroll;*/
}

.m_menu_btn ul li {width:23px; height:2px; background:#111;margin-bottom:5px;}
.m_menu_btn ul li:last-child {margin-bottom:0px;}

.m_main_menu .close {position:absolute;z-index:9999;display:block !important;top:20px;right:30px;color:#111;font-size:24px;cursor:pointer;}
.m_menu .gnb_total_logo {padding:30px;}
.m_menu .gnb_total_logo img{width:100%;}
.m_menu .menu_title {display:block;font-family:'Pretendard-ExtraBold';font-size:20px;padding:20px 30px;background:#fff;border-bottom:1px solid #ccc;}
.m_menu .menu_title img {height:40px;}

.m_menu .gnb_total_menu {text-align:left;padding:30px;}
.m_menu .gnb_total_menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.m_menu .gnb_total_menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.m_menu .gnb_total_menu > li > a {position:relative;display:block;}
.m_menu .gnb_total_menu > li > a:after {transition:0.2s;content:'';position:absolute;top:50%;right:10px;transform:translateY(-75%) rotate(-45deg);width:7px;height:7px;border-right:1px solid #000;border-bottom:1px solid #000;}
.m_menu .gnb_total_menu > li.active > a {color:#8dc63f;}
/*.m_menu .gnb_total_menu > li.active > a:after {transform:translateY(-35%) rotate(-135deg);border-color:#8dc63f;}*/
.m_menu .gnb_total_menu li a {color:#222;font-size:22px;}
.m_menu .gnb_total_menu li ul {margin-top:10px;}
.m_menu .gnb_total_menu li ul a{display:block;font-size:18px;cursor:pointer;color:#777;}
.m_menu .gnb_total_menu li ul li {margin-bottom:10px;}
.m_menu .gnb_total_menu li ul li ul {border-bottom:1px solid #ccc;}
.m_menu .gnb_total_menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}

.m_menu .menu_sns {display:flex;padding:0 30px 30px;}
.m_menu .menu_sns li {margin-right:10px;}
.m_menu .menu_sns li:last-child {margin-right:0px;}

.m_menu.on {transform:translateX(0%);}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m_main_menu_back{background:rgba(0,0,0,0.8);width:100%;height:100vh;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

.menu_flex, .menu_flex > div {display:flex;}
.menu_flex #gnb_1dul {margin-right:50px;}
.m_main_menu_flex {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:end;align-items:center;}
.m_main_menu_flex>div:first-child {margin-right:30px;}
.m_main_menu_flex > ul {display: flex;align-items:center;margin-right:30px;}
.m_main_menu_flex > ul li {margin-right:15px;}
.m_main_menu_flex > ul li:last-child {margin-right:0px;}
.login_menu {display:none;}
.m_menu .login_menu {display:block;}
.m_menu .login_menu ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.m_menu .login_menu ul li a {color:#fff;font-size:15px;}

/* #top_btn {display:none;} */

#footer {background:#fff;padding:0 0 37px 0;width:1100px;margin:0 auto;display:flex;justify-content:space-between;}
#footer p {font-size:13px;color:#555;}

.flex_con {display:flex;}

.sub_con .right {margin-left:70px;}
.info_con {margin-bottom:50px;}
.info_con:last-child {margin-bottom:0px;}
.info_con .title {margin-bottom:15px;}
.info_con .title h3 {font-weight:300;font-size:18px;}
.info_con p {font-size:14px;color:#333;line-height:1.7;}
.info_con p.en {font-size:14px;color:#333;line-height:1.7;margin-top:15px;}

.privacy h3 {font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}
.privacy p {font-size:16px;color:#555;margin-bottom:30px;}

@media screen and ( max-width:1490px ) {
	.m_main_menu_flex > ul {display:none;}
	.main_menu > li {width:130px;}
	.main_menu > li > a {font-size:18px;}
}

@media screen and ( max-width:1070px ) {
	
	#hd, #wrapper, #ft {min-width:100%;}
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	#container {padding:0 20px;}
	
	.img_cen img {width:100%;}
	
	#footer p {width:100%;padding:0 20px;text-align:center;}
}

@media screen and ( max-width:1210px ) {
	/*header*/
	#header {height:70px;}
	#header .menu_bg {height:70px;position:relative;}
	#header .menu_bg .main_menu {display:none;}
	
	#header.fixed {height:70px;}
	#header.fixed .menu_bg ul.main_menu > li {height:70px;line-height:70px;}
	#header.fixed .main_menu_tel a {height:70px;}
	#header.fixed .main_menu .gnb_menu {top:75px;}
	#header.fixed .main_menu .gnb_menu_bg {top:75px;}
	
	.m_menu .gnb_total_menu > li {padding-bottom:15px;margin-bottom:15px;}
	.m_menu .gnb_total_menu li a {font-size:15px;}
	.m_menu .gnb_total_menu li ul a {font-size:16px;}
}

@media screen and ( max-width:1010px ) {
	.menu_flex {display:none;}
	.m_main_menu {display:block;}
	
	.flex_con {flex-direction:column;}
	.sub_con .right {margin-top:30px;margin-left:0px;}
	.sub_con .right img {width:100%;}
}

@media screen and ( max-width:720px ) {

}

@media screen and ( max-width:610px ) {
	.m_menu {min-width:100%;}
}