@charset "utf-8";
.top_nav {
	position:relative;
	width:100%;
	z-index:150;
}
.top_nav_wrap {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	z-index:150;
	padding-top:25px;
}
.top_navi {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:100%;
	max-width:1200px;
	text-align:right;
	margin:0 auto;
}
.top_navi_home {
	display:inline-block;
	font-size:13px;
	background-image:url(../images/common/menu_bar.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:0 10px 0 0;
}
.top_navi_sitemap {
	display:inline-block;
	font-size:13px;
	background-image:url(../images/common/menu_bar.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:0 10px 0 5px;
}
.top_navi_favorite {
	display:inline-block;
	font-size:13px;
	padding:0 0 0 5px;
}
.top_navi_insta {
	display:inline-block;
	padding:0 0 0 20px;
}
.top_navi_talktalk {
	display:inline-block;
	padding:0 0 0 10px;
}
.top_navi_youtube {
	display:inline-block;
	padding:0 0 0 10px;
}
.top_navi_kakao {
	display:inline-block;
	padding:0 0 0 10px;
}
.top_logo {
	float:left;
	top:38px;
	left:33px;
	background-image:url(../images/common/logo2.png);
	width:320px;
	height:60px;
	z-index:1;
	background-size:auto;
	background-repeat:no-repeat;
	border:0px solid red;
}
.top_logo>a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.top_menu {
	float:right;
	height:60px;
	text-align:center;
	padding:0;
	font-size:0;
	border:0px solid red;
}
.top_menu_title {
	position:relative;
	display:inline-block;
	height:60px;
	border:0px solid red;
}
.top_menu_title:nth-child(1) {
	padding:0 2vw 0 2vw;
}
.top_menu_title:nth-child(2) {
	padding:0 2vw 0 2vw;
}
.top_menu_title:nth-child(3) {
	padding:0 2vw 0 2vw;
}
.top_menu_title:nth-child(4) {
	padding:0 2vw 0 2vw;
}
.top_menu_title:nth-child(5) {
	padding:0 2vw 0 2vw;
}
.top_menu_title>a {
	display:block;
	height:100%;
	width:100%;
	padding:0;
	line-height:60px;
	font-size:19px;
	font-weight:500;
}
.top_menu_title>a:hover {
	color:#c94f26;
}
.top_menu_sub {
	display:none;
	position:absolute;
	top:50px;
	left:0;
	z-index:100;
	text-align:left;
	width:100%;
	height:165px;
	padding-top:10px;
	border:0px solid red;
}
.top_menu_sub ul {
	float:left;
	width:100%;
	height:160px;
}
.top_menu_sub ul li {
	width:100%;
}
.top_menu_sub li a {
	display:block;
	width:100%;
	font-size:14.5px;
	font-weight:400;
	letter-spacing:0.02px;
	line-height:22px;
	margin-left:0px;
	text-align:center;
	border:0px solid red;
}
.top_menu_sub li a:hover {
	color:#c94f26;
}
.top_menu_sub01>ul>li {
	padding:4px 0 4px 0;
}
.top_menu_sub02>ul>li {
	padding:4px 0 4px 0;
}
.top_menu_sub03>ul>li {
	padding:4px 0 4px 0;
}
.top_menu_sub04>ul>li {
	padding:4px 0 4px 0;
}
.top_menu_sub05>ul>li {
	padding:4px 0 4px 0;
}
.top_menu_sub01>ul {
	border-left:1px solid rgba(0,0,0,.1);
	border-right:1px solid rgba(0,0,0,.1);
}
.top_menu_sub02>ul {
	border-right:1px solid rgba(0,0,0,.1);
}
.top_menu_sub03>ul {
	border-right:1px solid rgba(0,0,0,.1);
}
.top_menu_sub04>ul {
	border-right:1px solid rgba(0,0,0,.1);
}
.top_menu_sub05>ul {
	border-right:1px solid rgba(0,0,0,.1);
}
.top_menu_sub_bg {
	position:absolute;
	top:-170px;
	left:0;
	width:100%;
	height:300px;
	z-index:99;
	background-color:#fff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	border-bottom:1px solid #e1ded8;
}
.top_smenu {
	position:absolute;
	top:27px;
	right:130px;
	width:auto;
	height:28px;
}
.top_smenu>a {
	display:inline-block;
	height:28px;
	padding:0 10px;
	line-height:28px;
	font-size:13px;
}
#all_bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	z-index:51;
	display:none;
}
.mo_color {
	color:#008cd6 !important;
}
.mo_bgc {
	background-color:#FAFAFA;
}
.menu_bg_down {
	top:0 !important;
}
.top_nav_m {
	display: none;
}
/* ~ 1680까지 태블릿 설정 */
@media screen and (min-width:1680px) {
	.top_menu_title:nth-child(1) {
		padding:0 2vw 0 2vw;
	}
	.top_menu_title:nth-child(2) {
		padding:0 2vw 0 2vw;
	}
	.top_menu_title:nth-child(3) {
		padding:0 2vw 0 2vw;
	}
	.top_menu_title:nth-child(4) {
		padding:0 2vw 0 2vw;
	}
	.top_menu_title:nth-child(5) {
		padding: 0 2vw 0 2vw;
	}
}
/* 1023 ~ 768까지 태블릿 설정 */
@media screen and (max-width:1024px) {
	.top_nav {
		display:none;
	}
	.top_menu_sub_bg {
		display:none;
	}
	.top_nav_m {
		position:fixed;
		top:0;
		left:0;
		display:block;
		background-color:#FFF;
		height:80px;
		width:100%;
		z-index:55;
		border-bottom:1px solid #ddd;
	}
	.m_logo {
		float:left;
		width:50%;
		height:100%;
		padding-left:20px;
		padding-top:10px;
	}
	.m_logo>a {
		display:block;
		text-indent:-9999px;
		background-image:url(../images/common/logo2.png);
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:0% 50%;
		width:320px;
		height:60px;
	}
	.m_menu_btn {
		float:right;
		position:relative;
		width:30px;
		height:25px;
		margin:25px 20px;
		display:block;
		cursor:pointer;
		top:2px;
	}
	.m_menu_btn1 {
		float:right;
		position:relative;
		width:30px;
		height:25px;
		margin:15px 15px;
		display:block;
		cursor:pointer;
		top:-48px;
	}
	.m_menu_btn>p {
		position:absolute;
		top:0;
		right:0;
		text-indent:-9999px;
		background-image:url(../images/common/nav_btn1.png);
		background-repeat:no-repeat;
		background-size:34% auto;
		background-position:50% 50%;
		width:85px;
		height:100%;
		cursor:pointer;
	}
	.m_menu_all {
		position:fixed;
		top:0;
		right:-3000px;
		background-color:#eee;
		height:100%;
		width:90%;
		z-index:99;
		text-align:left;
		overflow-y:auto;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	.m_menu_bg_sliding {
		right:0 !important;
	}
	.m_menu_all_top {
		position:fixed;
		top:10px;
		right:-3000px;
		padding:0 11px;
		height:70px;
		width:90%;
		background-color:#FFF;
		z-index:200;
		border-bottom:1px solid #eee;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	.m_menu_all_top>a {
		display:block;
		text-indent:-9999px;
		background-image:url(../images/common/logo2.png);
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:20px 50%;
		width:320px;
		height:60px;
	}
	.m_menu_all_top>p {
		position:absolute;
		top:0;
		right:0;
		text-indent:-9999px;
		background-image:url(../images/common/nav_btn2.png);
		background-repeat:no-repeat;
		background-size:25% auto;
		background-position:50% 50%;
		width:85px;
		height:100%;
		cursor:pointer;
	}
	.m_menu_all_name {
		background-color:#FFF;
		padding-top:80px;
	}
	.login_box {
		background-color:#eee;
		height:100px;
	}
	.m_menu_all_name>ul {
		padding:30px;
	}
	.m_menu_all_name>ul>.main {
		padding:10px;
		line-height:40px;
		font-size:16px;
		border-bottom:1px solid #F6F6F6;
		font-weight:500;
	}
	.m_menu_all_name>ul>.main>p {
		display:inline-block;
		width:7px;
		height:40px;
		margin-left:20px;
		background-image:url(../images/common/ar_down.png);
		background-repeat:no-repeat;
		background-position:50% 50%;
		vertical-align:top;
	}
	.m_menu_all_name>ul>.sub {
		display:none;
		background-color:#F6F6F6 !important;
		padding:15px 30px 15px 20px;
		font-size:13px;
		font-weight:300;
	}
	.m_submenu_active {
		display:block !important;
	}
	.m_subname_active {
		background-image:url(../images/common/ar_up.png) !important;
	}
	.m_menu_all_name>ul>.sub>a {
		display:inline-block;
		padding:0 10px;
	}
	.m_menu_all_name>ul>.sub>a:last-child {
		background-image:none;
	}
	.m_menu_all_bottom {
		border-top:1px solid #ddd;
		padding:20px 30px;
	}
	.m_menu_all_bottom>a {
		display:block;
		width:100%;
		height:auto;
		padding:15px 0;
		background-color:#FFF;
		border-radius:8px;
	}
	#all_bg2 {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#000;
		opacity:0.8;
		z-index:56;
		display:none;
	}
	#menu-wrapper {
		overflow:hidden;
		cursor:pointer;
	}
	.accordion-toggle,.accordion-content {
		position:relative;
	}
	.accordion-content {
		display:none;
	}
	.accordion-toggle a:before,.accordion-toggle a:after {
		content:'';
		display:block;
		position:absolute;
		top:50%;
		right:5px;
		width:15px;
		height:2px;
		margin-top:-1px;
		background-color:#5a5858;
		-webkit-transform-origin:50% 50%;
		-ms-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-webkit-transition:all 0.3s;
		transition:all 0.3s ease-out;
	}
	.accordion-toggle a:before {
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		opacity:1;
		z-index:2;
	}
	.accordion-toggle.active-tab {
		transition:all 0.3s ease;
	}
	.accordion-toggle a.active:before {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
		background:#5a5858 !important;
	}
	.accordion-toggle a.active:after {
		-webkit-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
		background:#5a5858 !important;
		opacity:0;
	}
	.menu-list.accordion a {
		font-size:15px;
	}
	.menu-submenu.accordion-content {
		 padding:5px 0;
	}
	.menu-submenu.accordion-content li {
		padding:5px 15px;
		border-bottom:dotted 1px #ddd;
	}
	.menu-submenu.accordion-content li a {
		font-size:14px;
		display:block;
		cursor:none;
	}
	.menu-trigger span {
		position:absolute;
		left:0;
		width:100%;
		height:4px;
		background-color:#555;
		border-radius:4px;
	}
	.menu-trigger1 span {
		position:absolute;
		left:0;
		width:100%;
		height:4px;
		background-color:#555;
		border-radius:4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top:0;
	}
	.menu-trigger span:nth-of-type(2) {
		top:10px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom:0;
	}
	.menu-trigger1 span:nth-of-type(1) {
		top:0;
		transform:rotate(45deg);
	}
	.menu-trigger1 span:nth-of-type(2) {
		top:0px;
		transform: rotate(135deg);
	}
}
/* 767 ~ 320까지 모바일 설정 */
@media screen and (max-width:767px) {
	.top_nav_m {
		position:fixed;
		top:0;
		left:0;
		display:block;
		background-color:#FFF;
		height:60px;
		width:100%;
		z-index:55;
		border-bottom:1px solid #ddd;
	}
	.m_logo {
		float:left;
		width:50%;
		height:100%;
		padding-left:20px;
		padding-top:0;
	}
	.m_logo>a {
		display:block;
		text-indent:-9999px;
		background-image:url(../images/common/logo2.png);
		background-repeat:no-repeat;
		background-size:auto 75%;
		background-position:0% 50%;
		width:320px;
		height:60px;
	}
	.m_menu_btn {
		float:right;
		position:relative;
		width:30px;
		height:25px;
		margin:15px 15px;
		display:block;
		cursor:pointer;
		top:2px;
	}
	.m_menu_btn1 {
		float:right;
		position:relative;
		width:30px;
		height:25px;
		margin:15px 15px;
		display:block;
		cursor:pointer;
		top:-48px;
	}
	.m_menu_btn>p {
		position:absolute;
		top:0;
		right:0;
		text-indent:-9999px;
		background-image:url(../images/common/nav_btn1.png);
		background-repeat:no-repeat;
		background-size:35% auto;
		background-position:50% 50%;
		width:55px;
		height:100%;
		cursor:pointer;
	}
	.m_menu_all {
		position:fixed;
		top:0;
		right:-3000px;
		background-color:#eee;
		height:100%;
		width:100%;
		z-index:99;
		text-align:left;
		overflow-y:auto;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	.m_menu_bg_sliding {
		right:0 !important;
	}
	.m_menu_all_top {
		position:fixed;
		top:0;
		right:-3000px;
		height:60px;
		padding:0;
		width:100%;
		background-color:#FFF;
		z-index:200;
		border-bottom:1px solid #ddd;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	.m_menu_all_top>a {
		display:block;
		text-indent:-9999px;
		background-image:url(../images/common/logo2.png);
		background-repeat:no-repeat;
		background-size:auto 75%;
		background-position:20px 50%;
		width:320px;
		height:60px;
	}
	.m_menu_all_top>p {
		position:absolute;
		top:0;
		right:0;
		text-indent:-9999px;
		background-image:url(../images/common/nav_btn2.png);
		background-repeat:no-repeat;
		background-size:35% auto;
		background-position:50% 50%;
		width:55px;
		height:100%;
		cursor:pointer;
	}
	.m_menu_all_name {
		background-color:#FFF;
		padding-top:60px;
	}
	.login_box {
		background-color:#eee;
		height:100px;
	}
	.m_menu_all_name>ul {
		padding:20px 15px;
	}
	.m_menu_all_name>ul>.main {
		padding:10px;
		line-height:25px;
		font-size:15px;
		border-bottom:1px solid #eee;
		font-weight:500;
	}
	.m_menu_all_name>ul>.main>p {
		display:inline-block;
		width:7px;
		height:25px;
		margin-left:20px;
		background-image:url(../images/common/ar_down.png);
		background-repeat:no-repeat;
		background-position:50% 50%;
		float:right;
		vertical-align:top;
	}
	.m_menu_all_name>ul>.sub {
		display:none;
		background-color:#F6F6F6 !important;
		padding:15px 15px 15px 10px;
		font-size:13px;
		font-weight:300;
	}
	.m_submenu_active {
		display:block !important;
	}
	.top_nav_m .sub li a {
		display:block !important;
		line-height:30px;
	}
	.m_subname_active {
		background-image:url(../images/common/ar_up.png) !important;
		float:right;
		background-position:100% 50%;
	}
	.m_menu_all_name>ul>.sub>a:last-child {
		background-image:none;
	}
	.m_menu_all_bottom {
		border-top:1px solid #ddd;
		padding:20px 30px;
	}
	.m_menu_all_bottom>a {
		display:block;
		width:100%;
		height:auto;
		padding:15px 0;
		background-color:#FFF;
		border-radius:8px;
	}
	#all_bg2 {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#000;
		opacity:0.8;
		z-index:56;
		display:none;
	}
	#menu-wrapper {
		overflow:hidden;
		cursor:pointer;
	}
	.accordion-toggle,.accordion-content {
		position:relative;
	}
	.accordion-content {
		display:none;
	}
	.accordion-toggle a:before,.accordion-toggle a:after {
		content:'';
		display:block;
		position:absolute;
		top:50%;
		right:5px;
		width:15px;
		height:2px;
		margin-top:-1px;
		background-color:#5a5858;
		-webkit-transform-origin:50% 50%;
		-ms-transform-origin:50% 50%;
		transform-origin:50% 50%;
		-webkit-transition:all 0.3s;
		transition:all 0.3s ease-out;
	}
	.accordion-toggle a:before {
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		opacity:1;
		z-index:2;
	}
	.accordion-toggle.active-tab {
		transition:all 0.3s ease;
	}
	.accordion-toggle a.active:before {
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
		background:#5a5858 !important;
	}
	.accordion-toggle a.active:after {
		-webkit-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
		background:#5a5858 !important;
		opacity:0;
	}
	.menu-list.accordion a {
		font-size:15px;
	}
	.menu-submenu.accordion-content {
		 padding:5px 0;
	}
	.menu-submenu.accordion-content li {
		padding:5px 15px;
		border-bottom:dotted 1px #ddd;
	}
	.menu-submenu.accordion-content li a {
		font-size:14px;
		display:block;
		cursor:none;
	}
	.menu-trigger span {
		position:absolute;
		left:0;
		width:100%;
		height:4px;
		background-color:#555;
		border-radius:4px;
	}
	.menu-trigger1 span {
		position:absolute;
		left:0;
		width:100%;
		height:4px;
		background-color:#555;
		border-radius:4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top:0;
	}
	.menu-trigger span:nth-of-type(2) {
		top:10px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom:0;
	}
	.menu-trigger1 span:nth-of-type(1) {
		top:0;
		transform:rotate(45deg);
	}
	.menu-trigger1 span:nth-of-type(2) {
		top:0px;
		transform: rotate(135deg);
	}
}