@charset "utf-8";

/* base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u ,i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;background:transparent;}
fieldset, img{border:0 none;}
dl, ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
input, select, textarea, button{vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
legend, caption{visibility:hidden;height:0;width:0;font-size:0;}
hr{display:none;}
body, th, td, input, select, textarea, button{font-size:16px;color:#555;line-height:1;font-family:"Google Sans", sans-serif;} /* color값은 디자인가이드에 맞게사용 */
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
a{color:#333;text-decoration:none;}
a:active, a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}

input[type='text'], input[type='password'], input[type='submit'], input[type='search']{-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'], input[type='submit'], input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}

/* HTML5 RESET CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video{margin:0;padding:0;border:0;soutline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}


/* float */
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.clear_b{clear:both !important;}
.ofh{overflow:hidden !important;}

/* position */
.pab_l{position:absolute;left:0;}
.pab_r{position:absolute;right:0;}

/* align */
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.txt-j{text-align:justify !important;}

/* none 시리즈 속성 정의 */
.bd_n{border:none !important;}
.bg_n{background:none !important;}
.dp_n{display:none !important;}
.mg_n{margin:0px !important;}
.pa_n{padding:0px !important;}

/* padding */
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdt15{padding-top:15px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb15{padding-bottom:15px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl35{padding-left:35px !important;}
.pdl40{padding-left:40px !important;}


/* margin */
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:30px !important;}
.mgt50{margin-top:50px !important;}
.mgt100{margin-top:100px !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb100{margin-bottom:100px !important;}
.mgr2{margin-right:2%!important;}

/* %넓이 */
.w20{width:20% !important;}
.w30{width:30% !important;}
.w40{width:40% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}

.fl{float:left;}
.cb{clear:both;}

/* px 넓이 */
.wp100{width:100px !important;}
.wp200{width:200px !important;}

/* min-height */
.mh200{min-height:200px !important;}

/* 이미지 auto */
.fx{display:block;max-width:100%;height:auto;}
.fxw{display:block;width:100%;height:auto;}
.pimg{display:block;}
.mimg{display:none;}

.bgw{background:#fff;}
.txtw{color:#fff!imporant;}

/* 텍스트 간격*/
.les1{letter-spacing:-1px;}
.txtd{text-decoration:underline}

/* common */
*{margin:0;padding:0;}
html, body{width:100%;font-size: 16px;font-family:"Google Sans", sans-serif;}
.blind{visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;}
.hidden{position:absolute;left:-5000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
strong{font-weight:600;}
.mail{color:#f78f2c;text-decoration:underline;}
.txt_O{color:#f78f2c;}
.txt_G{color:#079a98;}

/* line */
.dotline{height:1px;margin-bottom:40px;border-bottom:1px dotted #cfd4d7;}

/* 버튼 */


/* layout */
#wrap{position:relative;width:100%;min-height:100%;word-break:keep-all;}
#header{position:relative;width:100%;}
#header h1{position:absolute;left:8%;top:50px;z-index:600;}
.user{background:#06488b;text-align:right;padding:10px 8%;}
.user a{color:#fff;font-size:14px;}
.top_menu{position:relative;padding:50px 8%;text-align:right;z-index:500;}
.top_menu a{padding:10px 15px 10px 30px;font-size:17px;background:url(/apple_new/mod/images/common/arrow_menu.png) right center no-repeat;}

.nav_wrap{position:absolute;right:0;top:0;z-index:400;height:100%;}
nav {overflow: hidden;position: relative;transform: translateX(100);height: 100%;width: 400px;transition: all 300ms cubic-bezier(.8, 0, .33, 1);}
nav.nav-open {transform: translateX(0px);background: rgba(0, 0, 0, 0.7);transition: all .5s ease-in-out;}
nav .menu-btn {position: absolute;top:60px;right:50px;padding: 0;width: 30px;cursor: pointer;z-index: 2;display:none;}
nav .menu-btn .line {padding: 0;width: 35px;background: #161f42;height: 3px;margin: 7px 0;transition: all 300ms cubic-bezier(.9, 0, .33, 1);}
nav .menu-btn .line.line--1 {width: 35px;transform: rotate(0) translateY(0);}
nav .menu-btn .line.line--1.line-cross {width: 35px;transform: rotate(45deg) translateY(14px);background:#161f42;margin-left:5px;}
nav .menu-btn .line.line--2 {width: 33px;transform: translateX(0);}
nav .menu-btn .line.line--2.line-fade-out {width: 28px;transform: translate(30px);opacity: 0;}
nav .menu-btn .line.line--3 {width: 27px;transform: rotate(0) translateY(0);}
nav .menu-btn .line.line--3.line-cross {width: 35px;transform: rotate(-45deg) translateY(-14px);background: #161f42;margin-left:5px;}
nav .nav-links {position: absolute;right:0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateX(400px);opacity: 0;    transition: all 400ms cubic-bezier(.9, 0, .33, 1);text-align:right;}
nav .nav-links.fade-in {opacity:1;transform: translateX(0px);}
nav .nav-links .link {margin: 10px 0;color:#fff;font-weight: 600;text-transform: uppercase;font-size:18px;transition: all 500ms cubic-bezier(.9, 0, .33, 1);}
nav .nav-links li li a{color:#fff;}
nav .nav-links .depth1{width:300px;}
nav .nav-links .depth1>li{margin-bottom:15px;padding:0 0 10px;border-bottom:1px solid #737477;}
nav .nav-links .depth1>li:last-child{border:none;}
nav .nav-links .depth1>li>a{padding:0 0 5px;display:block;}
nav .nav-links .depth2>li{padding:5px 0;}
nav .nav-links .depth2>li a{display:block;font-size:14px;padding:2px 0;}
nav .nav-links .depth2>li a:hover{background:rgba(46,55,75,0.7);}


.container{margin:0 auto;}

#container{}
#container .sub_menu{float:left;width:20%;}
#container .sub_menu h2{color:#6d5b97;font-size:30px;margin-bottom:30px;}
#container .sub_menu h2 span{display:block;line-height:1.2;}
#container .sub_menu ul li{line-height:1.3;margin:15px 0;}
#container .sub_menu ul li span{display:block;}
#container .sub_menu .menu_ul li a.active {color: #6d5b97;border-bottom: 1px solid #6d5b97;}
#container .content .cont{width:100%;overflow:hidden;line-height:1.4;box-sizing:border-box;}
#container .content .cont h3{clear:both;padding:0 0 30px 0;line-height:1;font-size:40px;text-align:center;font-weight:500;}
#container .content .cont h4{padding:0 0 5px 0;}
#container .content{margin:0 auto;padding:0 8%;box-sizing:border-box;line-height:1.9;word-break:keep-all;}
#container .content.wtp{padding:0;}
#container .content.wtp.bg01{background:#f3f4f4;}
#container .content.wtp.bgb{background:#dde6f4;}

/* =========================
   FOOTER
========================= */

#footer {
	clear: both;
	overflow: hidden;
	background: #102b4b;
	color: #fff;
}

#footer * {
	box-sizing: border-box;
}

#footer .footer_inner {
	width: 84%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 52px 0 0;
}


/* =========================
   TOP
========================= */

#footer .footer_top {
	padding-bottom: 42px;
}

#footer .footer_info {
	width: 100%;
}


/* LOGO */

#footer .logo_foot {
	float: none;
	margin: 0 0 12px;
	padding: 0;
}

#footer .logo_foot img {
	display: block;
	width: auto;
	max-width: 210px;
	height: auto;
}


/* ASSOCIATION */

#footer .footer_name {
	margin: 0;
	color: rgba(255,255,255,.68);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}


/* PRESIDENT */

#footer .footer_president {
	margin-top: 27px;
}

#footer .footer_president span {
	display: block;
	margin-bottom: 2px;
	color: rgba(255,255,255,.52);
	font-size: 12px;
	line-height: 1.5;
}

#footer .footer_president strong {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

#footer .footer_president:after {
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	margin-top: 16px;
	background: rgba(255,255,255,.25);
}


/* CONTACT */

#footer .footer_contact {
	margin-top: 18px;
	color: rgba(255,255,255,.58);
	font-size: 12px;
	line-height: 1.7;
}

#footer .footer_address {
	margin: 0 0 8px;
}

#footer .footer_contact_row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 0;
}

#footer .footer_contact_row span {
	position: relative;
	display: inline-block;
}

#footer .footer_contact_row span + span {
	margin-left: 28px;
}

#footer .footer_contact_row span + span:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 50%;
	width: 1px;
	height: 10px;
	background: rgba(255,255,255,.18);
	transform: translateY(-50%);
}

#footer .footer_contact b {
	color: rgba(255,255,255,.82);
	font-weight: 500;
}

#footer .footer_contact a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

#footer .footer_contact a:hover {
	color: #fff;
}


/* =========================
   BOTTOM
========================= */

#footer .footer_bottom {
	border-top: 1px solid rgba(255,255,255,.14);
	padding: 23px 0 27px;
}

#footer .footer_policy {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 9px;
}

#footer .footer_policy a {
	position: relative;
	color: rgba(255,255,255,.72);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
	transition: color .2s ease;
}

#footer .footer_policy a:hover {
	color: #fff;
}

#footer .footer_policy a + a {
	margin-left: 28px;
}

#footer .footer_policy a + a:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 50%;
	width: 1px;
	height: 9px;
	background: rgba(255,255,255,.22);
	transform: translateY(-50%);
}


/* COPYRIGHT */

#footer .footer_copyright {
	margin: 0;
	color: rgba(255,255,255,.4);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.6;
}


/* =========================
   MOBILE
========================= */

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

	#footer .footer_inner {
		width: auto;
		margin: 0 20px;
		padding-top: 38px;
	}

	#footer .footer_top {
		padding-bottom: 32px;
	}

	#footer .logo_foot img {
		max-width: 165px;
	}

	#footer .footer_name {
		max-width: 330px;
		font-size: 12px;
		line-height: 1.6;
	}

	#footer .footer_president {
		margin-top: 22px;
	}

	#footer .footer_president strong {
		font-size: 15px;
	}

	#footer .footer_president:after {
		margin-top: 13px;
	}

	#footer .footer_contact {
		margin-top: 15px;
		font-size: 11px;
		line-height: 1.65;
	}

	#footer .footer_address {
		max-width: 420px;
		margin-bottom: 10px;
	}

	#footer .footer_contact_row {
		display: block;
	}

	#footer .footer_contact_row span {
		display: block;
		margin: 2px 0 !important;
	}

	#footer .footer_contact_row span:before {
		display: none !important;
	}

	#footer .footer_bottom {
		padding: 20px 0 23px;
	}

	#footer .footer_policy {
		display: flex;
		align-items: center;
		row-gap: 7px;
		margin-bottom: 11px;
	}

	#footer .footer_policy a {
		font-size: 10px;
	}

	#footer .footer_policy a + a {
		margin-left: 19px;
	}

	#footer .footer_policy a + a:before {
		left: -10px;
		height: 8px;
	}

	#footer .footer_copyright {
		max-width: 430px;
		font-size: 10px;
		line-height: 1.55;
	}

}





@media (max-width:1024px){ /* 767 */
nav{height:700px;}
nav .menu-btn{display:block;}
#header h1{top:50px!important;left:50px!important;}
.top_menu .menuList{display:none;}
.user{padding:10px 50px;}


}

@media (max-width: 360px){

}

@media (max-width: 768px){
	#header .s_banner_wrap{display:none;}
	#header .s_banner_wrap_m{display:block;}

}


@media (min-width: 768px){

}

@media (min-width:1024px){


		
}



@media (max-width: 1400px){

.top_menu{padding:50px 4%;}
.top_menu a{padding:10px 15px 10px 20px;font-size:16px;}

}

@media (max-width: 1260px){

#header h1{top:60px;}
#header h1 img{width:80%;}
.top_menu{padding:50px 8%;z-index:auto;}
.top_menu a{padding:10px 15px 10px 10px;font-size:14px;}

}