@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
body {font-family:'Pretendard','Noto Sans KR','Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
.clear:after {display:block; content:''; clear:both;}

.main_sian_menu{position:absolute; right:0; top:0px; height:964px;  z-index:99999999;}
.main_sian_top{margin:0px; padding:0px}
.main_body_bg{width:100%; background:url('/files/images/main_body_new3_bg.png') center top no-repeat;}
.main_body{margin: 0 auto; max-width:1280px;}
			

/* header */
#header .main_header_row {
	position: relative;
	padding: 15px 100px 0;
	height: 93px;
	box-sizing: border-box;
}
body.page-main #header .main_header_row {
	border-bottom: 0;
}
body:not(.page-main) #header .main_header_row {
	border-bottom: 0;
	background: #fff;
}
#header .main_header_row::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	top: 93px;
	height: 1px;
	background: var(--gnb-divider-color);
	pointer-events: none;
	z-index: 6;
}
body.page-main #header .main_header_row::after {
	background: rgba(255, 255, 255, 0.28);
}
body.page-main #header.up .main_header_row::after {
	background: var(--gnb-divider-color);
}
body.has-gnb-open #header .main_header_row::after {
	top: auto;
	bottom: 0;
	height: 2px;
	background: #00a84d;
	z-index: 20;
}
body.has-gnb-open.page-main #header .main_header_row::after,
body.has-gnb-open.page-main #header.up .main_header_row::after {
	top: auto;
	bottom: 0;
	height: 2px;
	background: #00a84d;
	z-index: 20;
}
#header .main_header_inner {
	--header-logo-width: 152px;
	--header-logo-height: 74px;
	--header-logo-menu-gap: 60px;
	--header-nav-height: 78px;
	--header-util-width: 165px;
	--header-logo-offset-y: calc((var(--header-nav-height) - var(--header-logo-height)) / 2 - 4px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	height: var(--header-nav-height);
	position: relative;
}
#header .main_header_inner .top_logo {
	position: absolute;
	left: 0;
	top: var(--header-logo-offset-y);
	width: var(--header-logo-width);
	height: var(--header-logo-height);
	margin: 0;
	flex: none;
	text-align: left;
	background: url('/files/images/main_logo.png') left top no-repeat;
	background-size: var(--header-logo-width) var(--header-logo-height);
	z-index: 3;
	transform: translateZ(0);
	backface-visibility: hidden;
}
body.page-main #header .main_header_inner .top_logo {
	filter: none;
}
body:not(.page-main) #header .main_header_inner .top_logo {
	filter: brightness(0) saturate(100%) invert(11%) sepia(89%) saturate(1742%) hue-rotate(198deg) brightness(93%) contrast(98%);
}
#header .main_header_inner .top_logo a {
	display: block;
	height: var(--header-logo-height);
}
#header .main_header_gnb {
	flex: 1 1 auto;
	width: calc(100% - var(--header-logo-width) - var(--header-logo-menu-gap) - var(--header-util-width));
	max-width: calc(100% - var(--header-logo-width) - var(--header-logo-menu-gap) - var(--header-util-width));
	margin-left: calc(var(--header-logo-width) + var(--header-logo-menu-gap));
	overflow: visible;
	position: relative;
	z-index: 1;
}
#header .main_header_utils {
	position: absolute;
	right: 0;
	top: calc(var(--header-nav-height) / 2);
	transform: translateY(-50%);
	z-index: 3;
}
#header .main_header_utils .right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	min-width: 165px;
}
#header .main_header_utils .right .welcome-msg {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1;
	white-space: nowrap;
}
#header .main_header_utils .right .welcome-msg .welcome-name {
	font-weight: 600;
}
#header .main_header_utils .right .welcome-msg .welcome-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background: url('/files/images/top_sub_icon_user.svg') center / 24px 24px no-repeat;
	filter: none;
}
#header .main_header_utils .right a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.03em;
}
#header .main_header_utils .right a p {
	margin: 0;
	line-height: 1;
}
#header .main_header_utils .right a .top_icon01,
#header .main_header_utils .right a .top_icon02,
#header .main_header_utils .right a .top_icon03,
#header .main_header_utils .right a .top_icon04,
#header .main_header_utils .right a .top_icon05 {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	filter: none;
}
#header .main_header_utils .right a .top_icon01 {background-image:url('/files/images/top_sub_icon01.png');}
#header .main_header_utils .right a .top_icon02 {background-image:url('/files/images/top_sub_icon02.png');}
#header .main_header_utils .right a .top_icon03 {background-image:url('/files/images/top_sub_icon03.png');}
#header .main_header_utils .right a .top_icon04 {background-image:url('/files/images/top_sub_icon04.png');}
#header .main_header_utils .right a .top_icon05 {background-image:url('/files/images/top_sub_icon05.png');}
body.page-main #header .main_header_utils .right a {color:#ffffff;}
body.page-main #header .main_header_utils .right .welcome-msg {color:#ffffff;}
body.page-main #header:not(.up) .main_header_utils .right a .top_icon01,
body.page-main #header:not(.up) .main_header_utils .right a .top_icon02,
body.page-main #header:not(.up) .main_header_utils .right a .top_icon03,
body.page-main #header:not(.up) .main_header_utils .right a .top_icon04,
body.page-main #header:not(.up) .main_header_utils .right a .top_icon05,
body.page-main #header:not(.up) .main_header_utils .right .welcome-msg .welcome-icon {
	filter: brightness(0) invert(1);
}
body.page-main #header.up .main_header_utils .right a,
body.has-gnb-open #header .main_header_utils .right a,
body:not(.page-main) #header .main_header_utils .right a {color:#1f2937;}
body.page-main #header.up .main_header_utils .right .welcome-msg,
body.has-gnb-open #header .main_header_utils .right .welcome-msg,
body:not(.page-main) #header .main_header_utils .right .welcome-msg {color:#1f2937;}
body.page-main #header.up .main_header_utils .right a .top_icon01,
body.page-main #header.up .main_header_utils .right a .top_icon02,
body.page-main #header.up .main_header_utils .right a .top_icon03,
body.page-main #header.up .main_header_utils .right a .top_icon04,
body.page-main #header.up .main_header_utils .right a .top_icon05,
body.page-main #header.up .main_header_utils .right .welcome-msg .welcome-icon,
body.has-gnb-open #header .main_header_utils .right a .top_icon01,
body.has-gnb-open #header .main_header_utils .right a .top_icon02,
body.has-gnb-open #header .main_header_utils .right a .top_icon03,
body.has-gnb-open #header .main_header_utils .right a .top_icon04,
body.has-gnb-open #header .main_header_utils .right a .top_icon05,
body.has-gnb-open #header .main_header_utils .right .welcome-msg .welcome-icon,
body:not(.page-main) #header .main_header_utils .right a .top_icon01,
body:not(.page-main) #header .main_header_utils .right a .top_icon02,
body:not(.page-main) #header .main_header_utils .right a .top_icon03,
body:not(.page-main) #header .main_header_utils .right a .top_icon04,
body:not(.page-main) #header .main_header_utils .right a .top_icon05,
body:not(.page-main) #header .main_header_utils .right .welcome-msg .welcome-icon {
	filter: none;
}
#header .main_header_gnb #gnb_area {
	height: 78px;
	background: transparent !important;
	border: 0;
	overflow: visible;
	position: relative;
	z-index: 2;
}
#header .main_header_gnb .gnbDiv {
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#header .main_header_gnb .gnbDiv,
#header .main_header_gnb .gnbDiv .gnbWrap,
#header .main_header_gnb .gnbDiv .gnbWrap .gnb {
	height: 78px;
	width: 100%;
	max-width: 100%;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul {
	width: 100%;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li {width:calc(100% / 6);}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep {
	display: block;
	position: relative;
	height: 78px;
	line-height: 78px;
	font-size: 19px;
	font-weight: 500;
	transition: color 0.2s ease;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #00a84d 0%, #00c056 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width 0.3s linear;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li:hover a.oneDep,
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li.on a.oneDep {
	color: #00a84d;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li:hover a.oneDep::after,
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li.on a.oneDep::after {
	width: 100%;
}
body.page-main #header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep {
	color: #ffffff;
}
body:not(.page-main) #header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep {
	color: #222222;
}
#header .main_header_gnb .gnbDiv .gnbWrap li .twoDep a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #334155;
	line-height: 1.45;
	padding: 10px 12px;
	letter-spacing: -0.3px;
	border-radius: 0;
	transition: color 0.18s ease, background-color 0.18s ease;
	word-break: keep-all;
	overflow-wrap: normal;
	line-break: strict;
	text-wrap: pretty;
	hyphens: none;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#00a84d;}
#header .main_header_gnb .gnbDiv .gnbWrap {position:relative; height:100%;}
#header .main_header_gnb .gnbDiv .gnbWrap::before,
#header .main_header_gnb .gnbDiv .gnbWrap::after {display:none !important;}
#header .main_header_gnb .gnbDiv .gnbWrap > .twoDep {
	position:absolute;
	left:0;
	top:78px;
	width:100%;
	height:calc(100% - 78px) !important;
	background:transparent !important;
	z-index:0;
	border:0;
	pointer-events:none;
}
#header .main_header_gnb .gnbDiv .gnbWrap .gnb {
	position:relative;
	z-index:1;
	background:transparent !important;
}
#header .main_header_gnb .gnbDiv .gnbWrap li .twoDep,
#header .main_header_gnb .gnbDiv .gnbWrap li.on .twoDep {
	background: transparent !important;
	position: relative;
	z-index: 1;
	height: auto;
}
#header .main_header_gnb .gnbDiv.twoDep_bg .gnbWrap li .twoDep,
#header .main_header_gnb .gnbDiv.twoDep_bg .gnbWrap li.on .twoDep,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep {
	background: transparent !important;
}
#header .main_header_gnb .gnbDiv:not(.twoDep_bg) .gnbWrap li.on .twoDep a.off:hover,
#header .main_header_gnb .gnbDiv:not(.twoDep_bg) .gnbWrap li .twoDep a.off:hover,
#header .main_header_gnb .gnbDiv:not(.twoDep_bg) .gnbWrap li .twoDep a:hover {
	color: #334155;
	background: transparent !important;
	font-weight: 500;
}
body.page-main #header {
	overflow: visible;
}
body.page-main #header.up,
body.has-gnb-open.page-main #header {
	background: transparent;
	height: 93px;
	overflow: visible;
}
body.page-main #header.up .main_header_row {
	background: #ffffff;
	border: 0;
	border-bottom: 0;
	height: auto;
	overflow: visible;
	position: relative;
}
body.has-gnb-open #header {
	height: 93px;
	overflow: visible;
}
body.has-gnb-open #header .main_header_row {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: auto !important;
	min-height: 93px;
	max-height: none !important;
	overflow: visible;
	background: #ffffff;
	border: 0;
	border-bottom: 0;
	z-index: 10;
}
body.has-gnb-open #header .main_header_row::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	top: 93px;
	bottom: 0;
	background: var(--gnb-secondary-bg);
	z-index: 0;
	pointer-events: none;
}
body.has-gnb-open #header .main_header_gnb .gnbDiv.twoDep_bg {
	position: relative;
}
body.has-gnb-open #header .main_header_inner,
body.has-gnb-open #header .main_header_gnb,
body.has-gnb-open #header .main_header_gnb .gnbDiv,
body.has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap {
	position: relative;
	z-index: 1;
}
body.has-gnb-open #header .main_header_utils {
	top: calc(var(--header-nav-height) / 2);
	transform: translateY(-50%);
}
body.has-gnb-open #header .main_header_inner,
body.has-gnb-open #header .main_header_gnb {
	overflow: visible;
}
body.has-gnb-open #header .main_header_inner {
	height: auto !important;
	min-height: var(--header-nav-height);
	position: relative;
	z-index: 1;
}
body.has-gnb-open #header .main_header_gnb #gnb_area {
	height: auto !important;
	background: transparent !important;
}
body.has-gnb-open #header .main_header_gnb .gnbDiv,
body.has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap,
body.has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap .gnb {
	height: auto !important;
	overflow: visible !important;
}
body.page-main #header .main_header_gnb #gnb_area {
	border-bottom: 0;
}
body.page-main #header.up .main_header_inner .top_logo,
body.has-gnb-open.page-main #header .main_header_inner .top_logo,
body.has-gnb-open #header .main_header_inner .top_logo {
	filter: brightness(0) saturate(100%) invert(11%) sepia(89%) saturate(1742%) hue-rotate(198deg) brightness(93%) contrast(98%);
}
body.page-main #header.up .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep {
	color: #222222;
}
/* 서브페이지 GNB — 메인과 동일 메가메뉴, 서브배너 위 오버레이(페이지 밀림 방지) */
body:not(.page-main) #header {
	position: relative;
	z-index: 1000000;
	min-height: 93px;
	overflow: visible;
}
body:not(.page-main) .topvisual {
	position: relative;
	z-index: 1;
}
body:not(.page-main).has-gnb-open #header {
	height: 93px;
	overflow: visible;
}
body:not(.page-main).has-gnb-open #header .main_header_row {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: auto !important;
	min-height: 93px;
	max-height: none !important;
	overflow: visible;
	background: #ffffff;
	z-index: 10;
}
body:not(.page-main).has-gnb-open #header .main_header_row::before {
	top: 93px;
	bottom: 0;
	height: auto;
}
body:not(.page-main).has-gnb-open #header .main_header_inner {
	height: auto !important;
	min-height: var(--header-nav-height);
	max-height: none !important;
	overflow: visible;
}
body:not(.page-main).has-gnb-open #header .main_header_gnb #gnb_area,
body:not(.page-main).has-gnb-open #header .main_header_gnb .gnbDiv,
body:not(.page-main).has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap,
body:not(.page-main).has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap .gnb {
	height: auto !important;
	overflow: visible !important;
}
@media screen and (max-width: 1660px) {
	#header .main_header_row {padding-left: 40px; padding-right: 40px;}
}
@media screen and (max-width: 1240px) {
	#header .main_header_row {padding-left: 20px; padding-right: 20px;}
	#header .main_header_inner {max-width: 100%;}
	#header .main_header_inner {--header-logo-menu-gap: 32px; --header-util-width: 150px;}
	#header .main_header_gnb {
		width: calc(100% - var(--header-logo-width) - var(--header-logo-menu-gap) - var(--header-util-width));
		max-width: calc(100% - var(--header-logo-width) - var(--header-logo-menu-gap) - var(--header-util-width));
	}
	#header .main_header_utils .right {gap: 12px; min-width: 150px;}
	#header .main_header_utils .right a p {font-size: 13px;}
	#header .main_header_utils .right .welcome-msg {display: none;}
}

.main_menu .h-img img {filter:none;}

.top-login {position:relative; border-bottom:1px solid #eeeeee; padding:15px 0 0; height:93px;}
.top-login .top_icon01{height:32px; background:url('/files/images/top_sub_icon01.png') center top no-repeat;}
.top-login .top_icon02{height:32px; background:url('/files/images/top_sub_icon02.png') center top no-repeat;}
.top-login .top_icon03{height:32px; background:url('/files/images/top_sub_icon03.png') center top no-repeat;}
.top-login .top_icon04{height:32px; background:url('/files/images/top_sub_icon04.png') center top no-repeat;}
.top-login .top_icon05{height:32px; background:url('/files/images/top_sub_icon05.png') center top no-repeat;}
.top-login .right {position:absolute; right:0; top:0;}
.top-login .right a {padding:12px 10px; color:#888888; display:inline-block; font-size:14px; letter-spacing:-0.05em;}
.top-login .right span {color:#888888;}
.top-login .top_logo {width:160px; height:78px; text-align:left; background:url('/files/images/main_logo.png') left top no-repeat; background-size:160px 78px; filter:brightness(0) saturate(100%) invert(11%) sepia(89%) saturate(1742%) hue-rotate(198deg) brightness(93%) contrast(98%);}
.top-login .top_logo a {display:block; height:78px;}

.online_box{margin:0 auto; width:80%;}


/* footer */
.footer {padding:30px 0; border-top:0; position:relative; background:#031428;}
.foot_privit a {color:#e8e8e8; font-size:16px; font-weight:500; margin-right:50px; }
.foot_privit a b {color:#e8e8e8; font-weight:500;}
.foot_privit a:last-child {margin-right:0;}
.footer_info {margin-top:30px;}
.footer_info li {color:#e8e8e8; font-size:14px; font-weight:400;}
.footer_info li + li {margin-top:4px;}
.footer_info li.copy {margin-top:20px;}
.footer_logo {position:absolute; right:0; top:0;}
.footer_logo img {width:130px; height:auto; filter:brightness(0) invert(1); opacity:0.9;}

#header.up:before{opacity: 1;}
#header.up #menu ul li > a{color:var(--black); font-weight:700;}
#header.up #menu ul li dl {opacity:1; visibility:visible; transition:all .3s linear;}
#header.up .header_in .top_util ul li a { color:var(--black); }
#header.up .header_w { display:none; }
#header.up .header_b { display:block; }


/* gnb */
#header {
	--gnb-primary-bg: #ffffff;
	--gnb-secondary-bg: #fafafa;
	--gnb-secondary-hover-bg: #ffffff;
	--gnb-secondary-item-hover-bg: #e8faf0;
	--gnb-accent-color: #00a84d;
	--gnb-divider-color: #e3e6ea;
}
#gnb_area {height:55px; background:transparent; border-bottom:0;}
#header .main_header_gnb #gnb_area {overflow:visible;}
.gnbDiv {height:55px; background:transparent; overflow:hidden;}
.gnbDiv .gnbWrap {position:relative; height:100%; background:transparent;}
.gnbDiv .gnbWrap::before,
.gnbDiv .gnbWrap::after {display:none !important;}
.gnbDiv .gnbWrap > .twoDep {display:none !important;}
.gnbDiv .gnbWrap .gnb {position:relative; z-index:1; height:55px; max-width:1200px; background:transparent !important;}
.gnbDiv .gnbWrap .gnb ul li {width:calc(100% / 6);}
.gnbDiv .gnbWrap .gnb ul li a.oneDep {
	display: block;
	position: relative;
	height: 55px;
	line-height: 55px;
	color: #160019;
	font-size: 19px;
	font-weight: 500;
	transition: color 0.2s ease;
}
.gnbDiv .gnbWrap .gnb ul li a.oneDep::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #00a84d 0%, #00c056 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width 0.3s linear;
}
.gnbDiv .gnbWrap .gnb ul li:hover a.oneDep::after,
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep::after {
	width: 100%;
}
.gnbDiv .gnbWrap .gnb ul li:hover a.oneDep,
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {
	color: #00a84d;
}
.gnbDiv .gnbWrap li .twoDep a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #334155;
	line-height: 1.45;
	padding: 10px 12px;
	letter-spacing: -0.3px;
	border-radius: 0;
	transition: color 0.18s ease, background-color 0.18s ease;
	word-break: keep-all;
	overflow-wrap: normal;
	line-break: strict;
	text-wrap: pretty;
	hyphens: none;
}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#00a84d;}
.gnbDiv .gnbWrap li .twoDep,
.gnbDiv .gnbWrap li.on .twoDep {background:transparent !important; position:relative; z-index:1; height:auto; display:none;}
#header .main_header_gnb .gnbDiv:not(.twoDep_bg) .gnbWrap li .twoDep {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
}
.gnbDiv:not(.twoDep_bg) .gnbWrap li.on .twoDep a.off:hover,
.gnbDiv:not(.twoDep_bg) .gnbWrap li .twoDep a.off:hover,
.gnbDiv:not(.twoDep_bg) .gnbWrap li .twoDep a:hover {
	color: #334155;
	background: transparent !important;
	font-weight: 500;
}

/* GNB 메가메뉴 — 1차/2차 배경 분리, 1차 하단 구분선 */
body.has-gnb-open #header {
	z-index: 1000000;
	overflow: visible;
}
.gnbDiv.twoDep_bg {
	overflow: visible;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.gnbDiv.twoDep_bg .gnbWrap {
	background: transparent !important;
	overflow: visible !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul {
	overflow: visible !important;
	height: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul {
	display: flex;
	align-items: stretch;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li {
	float: none;
	display: flex;
	flex-direction: column;
	overflow: visible !important;
	height: auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transition: background-color 0.15s ease;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li:hover,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li.on {
	background: var(--gnb-secondary-hover-bg) !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb {
	background: transparent !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li a.oneDep {
	border: 0 !important;
	box-shadow: none !important;
	background: var(--gnb-primary-bg);
	flex: 0 0 auto;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li:hover a.oneDep,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li.on a.oneDep {
	background: var(--gnb-secondary-hover-bg);
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep {
	display: block !important;
	flex: 1 1 auto;
	min-height: 0;
	background: transparent !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep a {
	position: relative;
	z-index: 1;
	background: transparent !important;
}
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep a:hover,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li.on .twoDep a.off:hover,
.gnbDiv.twoDep_bg .gnbWrap .gnb ul li .twoDep a.off:hover,
#header .main_header_gnb .gnbDiv.twoDep_bg .gnbWrap li.on .twoDep a.off:hover,
#header .main_header_gnb .gnbDiv.twoDep_bg .gnbWrap li .twoDep a.off:hover,
#header .main_header_gnb .gnbDiv.twoDep_bg .gnbWrap li .twoDep a:hover {
	color: var(--gnb-accent-color);
	background: var(--gnb-secondary-item-hover-bg) !important;
	font-weight: 500;
}
body.page-main .gnbDiv.twoDep_bg .gnbWrap .gnb ul li a.oneDep,
body.has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li a.oneDep {
	color: #222222;
}
body.page-main .gnbDiv.twoDep_bg .gnbWrap .gnb ul li.on a.oneDep,
body.has-gnb-open #header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li.on a.oneDep,
body.page-main #header .main_header_gnb .gnbDiv .gnbWrap .gnb ul li.on:hover a.oneDep {
	color: #00a84d;
}
#header .main_header_gnb .gnbDiv .gnbWrap li .twoDep a,
.gnbDiv .gnbWrap li .twoDep a {
	border: 0;
	word-break: keep-all;
	overflow-wrap: normal;
	line-break: strict;
	text-wrap: pretty;
	hyphens: none;
}
.sub-title {margin:40px auto 40px;}
.board-title {margin:20px auto 20px;}

/* sub-3deps */
.sub-3deps-ui {padding:20px 0;}
.sub-3deps-ui li {float:left; width:25%; border:1px solid #ddd; border-left:0;}
.sub-3deps-ui li:first-child {border-left:1px solid #ddd;}
.sub-3deps-ui li a {font-size:16px; padding:15px 20px; display:block;}


/* teacher-follow */
.tf-ui li {float:left; width:25%; font-size:16px; border:1px solid #ddd; border-left:0;}
.tf-ui li:first-child {border-left:1px solid #ddd;}
.tf-ui li:hover a {background:#061f5c; color:#fff;}
.tf-ui li a {padding:15px 20px; display:block;}
.tf-button {background:#fff; color:#444; width:10%; border:1px solid #ddd; font-size:14px; font-weight:normal;}
.tf-button:hover {background:#061f5c; color:#fff; opacity:1;}
.tf-p {font-size:14px; padding-bottom:10px;}
.tf-box {border:1px solid #ddd;}
.tf-h2 {border-bottom:1px solid #ddd; padding:20px;}
.tf-box-in {padding:15px 20px;}
.tf-info-p {padding:10px 0; font-size:16px; line-height:1.8;}
.tf-info-h2 {font-size:22px;}

/* location-iframe */
.location-iframe {border:1px solid #ddd;}
.location-iframe iframe {width:100%; padding:20px;}
.location-ul li {float:left; width:50%; border:1px solid #ddd; border-left:0; height:190px; border-top:0;}
.location-ul li:first-child {border-left:1px solid #ddd;}
.location-h2 {font-size:18px; border-bottom:1px solid #ddd;}
.location-p {font-size:14px;}

/* etc */
button.btn-cate {background:#061f5c;}
.agree-box {margin:0 auto;}


/* mobile-menu */
#chk_mobile {display:none;}
.sidenav {border-left:1px solid #888; padding-top:60px;}
.sidenav > button {height:50px;}
.sidenav > button:hover {color:var(--main);}
.sidenav .closebtn {top:5px; right:15px;}
.m-login {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:0;}
.m-login > button {height:50px; font-size:14px; font-weight:normal; line-height:26px;}
button > img {width:25px; height:25px;}
.dropdown-container {border-bottom:1px solid #ddd; padding:0;}
.sidenav .dropdown-btn {position:relative; border:none; border-bottom:1px solid #ddd; cursor:pointer;}
.sidenav .dropdown-btn.has-submenu {margin-bottom:0;}
.sidenav .dropdown-btn.has-submenu.active {background:#e8f0fe; color:#061f5c; font-weight:600;}
.sidenav .dropdown-container a {padding-left:30px; font-size:14px; color:#666;}
.sidenav a:hover {color:#061f5c;}
.m-login > div {background:#061f5c;}

@media all and (max-width:834px) {
    .main_menu .h-img {border-bottom:1px solid #ffffff33;}
	.main_menu .m-menu {font-size:28px; right:10px; top:50%; transform:translateY(-50%); line-height:1; color:#ffffff; display:inline-block;}
	.h-img img { height:58px; transform:translateX(12px);}
	#header > .max768 .h-img img {filter:brightness(0) saturate(100%) invert(11%) sepia(89%) saturate(1742%) hue-rotate(198deg) brightness(93%) contrast(98%);}
	.h-img {padding:20px; border-bottom:1px solid #ddd; position:relative; text-align:center;}
	.h-img > a {display:inline-block;}
	.m-menu {font-size:28px; right:10px; top:50%; transform:translateY(-50%); line-height:1;}
	.foot_privit a {margin-right:35px;}
	#header.up{background:transparent; height:auto;}
	.online_box{margin:0 auto; width:100%;}
	body:not(.page-main) #header {
		min-height: auto;
	}
	body:not(.page-main).has-gnb-open #header {
		height: auto;
	}
}

@media all and (max-width:767px) {
	.footer_logo {position:static; margin-top:30px;}
}

@media all and (max-width:480px) {
	.foot_privit a {margin-right:16px; font-size:15px;}
	.h-img {padding:10px 20px 10px; text-align:center;}
	.h-img img, .footer_logo img {}
}

.topvisual {position:relative;}
.topvisual .sub_img {font-size:32px; font-weight:500; color:#fff; display:block; text-align:center; padding:80px 0;}
.topvisual .sub_bg {background:url('/files/images/sub_img_01.jpg') no-repeat center;}
.topvisual .bg_40 {background:url('/files/images/sub_img_01.jpg') no-repeat center;}
.topvisual .bg_225,
.topvisual .bg_222,
.topvisual .bg_188,
.topvisual .bg_172 {background:url('/files/images/sub_img_02.jpg') no-repeat center;}
.topvisual .bg_227,
.topvisual .bg_428 {background:url('/files/images/sub_img_03.jpg') no-repeat center;}
.topvisual .bg_406 {background:url('/files/images/sub_img_03.jpg') no-repeat center;}
.topvisual .bg_2 {background:url('/files/images/sub_img_05.jpg') no-repeat center;}
.topvisual .bg_389 {background:url('/files/images/sub_img_08.jpg') no-repeat center;}
.topvisual .bg_1 {background:url('/files/images/sub_img_04.jpg') no-repeat center;}
.topvisual .bg_489 {background:url('/files/images/sub_img_10.jpg') no-repeat center;}
.topvisual .bg_34 {background:url('/files/images/sub_img_05.jpg') no-repeat center;}
.topvisual .sub_bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}





.two-deps {display:none; width:100%; border-bottom:1px solid #ddd;  }
.sn-ui:after {display:block; content:''; clear:both;}
.sn-ui li.subshow {border-left:0; position:relative;}
.sn-ui li {float:left; width:26%; border-right:1px solid #ddd;}
.sn-ui li a {padding:15px; display:block; font-size:16px; height:60px; line-height:30px; color:#444; }
.sn-ui li a:first-child {border-top:0;}
.sn-ui li:first-child {border-left:1px solid #ddd; width:5.5%; background:url('/files/images/home.png')no-repeat 50%; background-size:45%; min-width:40px;}
.smenu {position:absolute; width:100%; z-index:9; background:#fff; border:1px solid #ddd; border-top:0; left:0;}
.smenu a {border-top:1px solid #ddd; height:100%;}
.smenu .on {background:var(--main); color:#fff;}
.sn-ui li.subshow {background:url('/files/images/b_bottom.png')no-repeat 90% 50%;}

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

#header.up{background:transparent; height:auto;}
	
	.sn-ui li:first-child {display: none;}
	.sn-ui li {width:50%;}
	.sub-title {margin:10px auto 20px;}
}