/* layout */
#wrap {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
#header {position:absolute; left:0; top:0; z-index:978; width:100%; min-height:70px; transition:0.3s;}
#header .header_inner {width:100%; height:100%; margin:0 auto; text-align:center;}
#header h1 {position:absolute; top:23px; left:15px; width:190px; height:26px; background:url('../img/logo.png') 0 center no-repeat; background-size:contain;}
#header h1 img {width:100%; height:100%;}

#container .main_contents {position:relative; overflow:hidden; margin:0 auto;}
#container .main_contents .conwrap {position:relative; width:100%; z-index:15; overflow:hidden;}


/*로그인,회원가입*/
.topQuick, .TopRight {display:none;}
.TopLogin {display:none;}

.ZoomM {display:block; width:auto; background:#fff; border:1px solid #e5e5e5; text-align:left; padding:5px 20px; line-height:22px; position:absolute; bottom:5px; right:15px;}
.ZoomM span {margin:0 5px;}
.ZoomM img {width:20px;}

@media(min-width:768px) {
	.pON {display:none;}

	#header {min-height:80px;}
	#header h1 {width:218px; height:30px; left:20px; top:28px;}
	#header h1 img {width:auto; height:auto;}
}

@media(min-width:1200px) {
	.block {display:block;} /* 피씨만 글씨 */
	.pblock {display:block;} /* 피씨만 */
	.mblock {display:inline-block;} /* 모바일만 */

	/* layout */
	#header {position:absolute; left:0; top:0; min-height:100px; transition:all 0.3s; box-sizing:border-box; border-bottom:1px solid #ddd;}
	#header #header_inner {position:relative;}
	#header h1 {position:absolute; width:290px; height:40px; left:30px; top:25px; z-index:92; margin:0; background:url('../img/logo.png') no-repeat; background-size:cover;}
	/*#wrap.sub #header h1 {width:290px; height:40px; margin:0; background:url('../images/common/logo.png') no-repeat;}*/
	#header h1 img {width:auto; height:auto;}

	.ZoomM {display:none;}

	#container .main_contents {box-sizing:border-box;}
	#container .main_contents .conwrap {margin:0 auto;}

	/* 로그인,회원가입 */
	.TopRight {display:block; position:absolute; top:30px; right:100px; z-index:999999;}
	.TopRight li {float:left;}
	.TopRight li a {	
		display:inline-block; width:90px; height:40px; line-height:40px;  border:1px solid #e8e8e8; border-top:none; 
		color:#333; border-radius:20px 20px; text-decoration:none; margin-left:5px; font-size:16px; text-align:center;
		
	}

	.TopRight li.i01 a {background:#fff !important; color:#333;}
	.TopRight li.i01:hover a {color:#0098d7; }
	.TopRight li.i02 a {background:#0098d7 !important; color:#fff;}
	.TopRight li.i03 a {background:#fcb040 !important; color:#fff;}

	.TopSNS {display:block; position:absolute; top:30px; right:100px; z-index:999;}
	.TopSNS li {float:left; box-sizing:border-box; width:40px; height:40px; margin:0 0 0 5px; text-align:center; border-radius:100px;}
	.TopSNS li a {display:block; width:40px; height:40px;}
	.TopSNS li.i01 {background:url('../images/common/bg_sns02.png') center no-repeat;}
	.TopSNS li.i02 {background:#ED2224;}
	.TopSNS li:hover.i01 {background:url('../images/common/bg_sns02ov.png') center no-repeat;}
	.TopSNS li:hover.i02 {background:#da0f11;}

	.TopSNS li.i01 a {background:url('../images/common/instar.svg') center no-repeat; background-size:20px;}
	.TopSNS li.i02 a {background:url('../images/common/ytube.svg') center no-repeat; background-size:20px;}
}
	
@media(min-width:1400px) {
	#header h1 {left:2%;}
}


/* 모바일 로그인 회원가입*/
#mgnTOP {
	display:block; position:fixed; width:100%; height:70px; padding:20px 0; box-sizing:border-box; overflow:hidden; z-index:2; 
	background:#1161be; background:linear-gradient(120deg, #0072bc 10%, #1161be 100%);
}
#mgnTOP h1 {float:none; margin:0; width:auto; left:23px; top:18px; background:none;}
#mgnTOP h1 a {display:block; font-size:16px; width:100px; height:32px; line-height:32px; border:1px solid #fff; color:#fff; background:url('../images/common/homp.svg') 10px 50% no-repeat; background-size:20px; padding:0 0 0 30px; border-radius:10px; box-sizing:border-box;}
#mgnTOP .TopLogin {display:block; position:absolute; top:27px; left:30px; z-index:999;}
#mgnTOP .TopLogin li {float:left; box-sizing:border-box; width:auto; height:30px; margin:0 5px 0 0; text-align:center;}
#mgnTOP .TopLogin li a {display:block; color:#fff; font-size:13px; width:auto; height:30px; line-height:28px; box-sizing:border-box; border-radius:100px; border:1px solid #fff; border-radius:50px; padding:0 20px;}

#mgnBOT {margin:0 20px 20px; overflow:hidden;}
#mgnBOT ul {overflow:hidden; margin:0 0 20px;}
#mgnBOT ul li {position:relative; line-height:16px; font-size:13px; height:40px; padding:0 20px; line-height:40px; margin:7px 0; background:#f9f9f9;}
#mgnBOT ul li a {color:#222; display:block;}
#mgnBOT ul li a:before {position:absolute; top:0; left:0; content:''; width:5px; height:100%;}
#mgnBOT li.i00 a:before {border-left:5px solid #5fafe8;}
#mgnBOT li.i01 a:before {border-left:5px solid #e83387;}
#mgnBOT li.i02 a:before {border-left:5px solid #ED2224;}
#mgnBOT li.i03 a:before {border-left:5px solid #6758ff;}
#mgnBOT li.i04 a:before {border-left:5px solid #6758ff;}
#mgnBOT li.i05 a:before {border-left:5px solid #fd7300;}
#mgnBOT li.i05 a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}


/* 메인메뉴 */
#gnb {position:absolute; right:0; top:70px;}
#navi {display:block; visibility:hidden; position:fixed; left:auto; right:0; top:0; width:100%; height:100%; overflow-y:visible; z-index:998; background:transparent;}
#navi .ovBG {background:rgba(0,0,0,.5); top:0; left:0; right:0; width:100%; height:100%; position:fixed;}
#navi>div.cont {background:#fff; position:fixed; left:auto; right:0; top:0; width:80%; max-width:320px; height:100%; overflow-y:auto;}

#gnb .d1 {text-align:left; word-break:keep-all; font-weight:400; margin:70px 0 0;}
#gnb .d1 ul {padding:0 0 20px;}
#gnb .d1 ul a span {position:relative; display:block; padding:20px; font-weight:bold; color:#222; font-size:16px; border-bottom:1px solid #e5e5e5;}
#gnb .d1 ul a span:before {position:absolute; top:50%; right:20px; transform:translateY(-50%); content:''; width:13px; height:7px; background:url('../images/cont/sel_arr.svg') center no-repeat;}
#gnb .d1 ul a .ov {border-bottom:none;}
#gnb ul li .subMenu {height:auto; opacity:1 !important;}
#gnb .subMenu ul {background:#f8f8f8; padding:12px 0;}
#gnb .subMenu li a {padding:10px 40px; color:#333; display:block; font-size:15px; font-weight:500;}
#gnb ul li .subMenu li .ov {color:#222; font-weight:700;}
#gnb ul li .subMenu li ol li {padding:0 10px; background:#fbfbfb;}
#gnb ul li .subMenu li ol {}
#gnb ul li .subMenu li ol .ov {color:#bad000;}
.subMenu li a[target="_blank"] {background:url('../images/cont/blk.png') 90% 50% no-repeat;} 

.m_menu {position:absolute; right:15px; top:-45px; width:24px; height:24px; padding-top:10px; z-index:1000; box-sizing:border-box;}
.m_menu span {display:inline-block; text-indent:-9999px; width:24px; height:3px; border-radius:15px; background:#000; margin:1px 0 0;}
.m_menu:before,.m_menu:after {position:absolute; right:0; display:block; content:""; height:3px; border-radius:5px; background:#000; transition:0.2s}
.m_menu:before {top:0; width:30px;}
.m_menu:after {bottom:0; width:30px;}
.m_menu.open span {width:0px;}
.m_menu.open:before {width:30px; top:9px; transform:rotate(45deg); transition:0.2s; background:#fff;}
.m_menu.open:after {top:9px; transform:rotate(-45deg); transition:0.2s; background:#fff;}

@media(min-width:768px) {
	#navi>div.cont {width:60%; max-width:initial;}

	#mgnTOP {min-height:80px;}
	#mgnTOP h1 {left:30px;}
	#gnb .b1.to .ic1 {right:30px; top:25px; width:39px; height:30px;}
	#gnb .b2.close>.ic1 {right:30px; top:25px; width:30px; height:30px; background:url('/images/common/m_close.png') no-repeat; background-size:contain;}

	#gnb .d1 {margin:80px 0 0;}
	#gnb .d1 ul a span {}
}

@media(min-width:1200px) {
	#header h1 {width:250px; height:34px; left:30px; top:32px; z-index:92; margin:0; background:url('../img/logo_w.png') 0 center no-repeat; background-size:contain;}
	#header.ov h1 {background:url('../img/logo.png') 0 center no-repeat; background-size:contain;}
	#header.ov #gnb .d1 ul a span {color:#111;}

	#gnb {clear:both; position:absolute; top:0; width:100%; display:block; z-index:91; height:100px;}
	#gnb .b1.to {display:none;}
	#mgnTOP {display:none;}
	#mgnBOT {display:none;}
	#navi {visibility:visible; position:static; left:0; right:0; top:0; width:auto; min-height:100px; overflow-y:visible; background:none;}
	#navi .ovBG {display:none;}
		#navi .on {display:block; visibility:visible; right:0;}
		#navi .b2 {display:none;}
		#navi>div.cont {position:absolute; top:0; left:0; width:100%; overflow-y:visible; background:transparent;}
		#navi.on>div.cont {right:0;}

	#gnb .d1 {visibility:visible; box-sizing:border-box; box-sizing:border-box; margin:0; overflow:hidden;}
	#gnb .d1 ul {display:flex; justify-content:center; position:relative; text-align:center; margin:0 auto; padding:0; max-width:670px;}
	#gnb .d1 ul > li {display:inline-block; width:auto; box-sizing:border-box; vertical-align:top;}
	#gnb .d1 ul > li a {display:block; padding:0 20px; transition:0.3s;}

	#gnb .d1 ul:hover:after {position:absolute; top:0; left:50%; transform:translateX(-50%); content:''; width:1920px; height:565px; background:rgba(255,255,255,.95); z-index:-1;}
	#gnb .d1 ul > li div:after {
		display:block; content:''; box-sizing:border-box; position:absolute; bottom:-60px; left:calc(50% - 860px); width:360px; height:360px; z-index:1;
		transition:0.3s; background:url('../images/common/ci.png') center bottom no-repeat; background-size:contain; opacity:.03;
	}
	#gnb .d1 ul:hover ul > li div:after {opacity:.05; display:block; bottom:-80px;}
	#gnb .d1 ul a span {position:relative; color:#fff; font-size:18px; padding:0; margin:0; height:100px; line-height:100px; border:none; background:none;}
	#gnb .d1 ul a span:before {display:none;}
	#gnb .d1 ul a span:after {
		position:absolute; content:''; transition:all 0.3s ease-out; top:12px; right:-12px;
		width:8px; height:8px; opacity:0; background:#1161be; border-radius:50px;
	}
	#gnb .d1 ul li:hover a span:after {top:28px; opacity:1;}
	#gnb .d1 ul a .ov {background:none; color:#fff;}

	.m_menu {display:none;}

	#gnb .d1 .dbg {background:rgba(0,0,0,.5); top:565px; left:0; right:0; width:100%; height:100%; content:''; position:fixed; display:none; opacity:0;}
	#gnb .d1:hover .dbg {display:block;}


	/* 서브메뉴 */
	#gnb ul li .subMenu {list-style:none; display:none; z-index:999; height:460px; border:none; line-height:1.6;}
	#gnb ul li .subMenu:hover {height:460px;}
	#gnb ul li .subMenu ul {display:block; max-width:120px; background:transparent; padding:0; height:460px;}
	#gnb ul li .subMenu ul:hover:after {display:none;}
	#gnb ul li#top-menu2 .subMenu ul li:nth-child(2) a {padding:7px;}
	#gnb ul li .subMenu ul li {border:none; width:100%; word-break:keep-all; display:block; margin:5px 0;}
	#gnb ul li .subMenu ul li a {display:block; padding:5px 0; font-size:15px; box-sizing:border-box; font-weight:400; color:#111;}
	#gnb ul li .subMenu ul > li:hover {border:none;}
	#gnb ul li .subMenu ul > li:before {display:none;}
	#gnb ul li .subMenu ul > li:hover a {color:#1161be; font-weight:bold;}
	#gnb ul li .subMenu li ol li {padding:0; background:#fbfbfb;}
}

@media(min-width:1400px) {
	#header h1 {width:290px; height:40px; left:30px; top:29px;}
	#gnb .d1 ul {max-width:840px;}
	#gnb .d1 ul > li a {padding:0 30px;}
	#gnb .d1 ul a span {font-size:24px;}

	#gnb ul li .subMenu ul {max-width:130px;}
	#gnb ul li .subMenu ul li a {padding:10px 0; font-size:18px; letter-spacing:-1px;}
}

@media(min-width:1600px) {
	#gnb .d1 ul {max-width:960px;}
	#gnb .d1 ul > li a {padding:0 40px;}
}


/* 전체메뉴 */
@media(min-width:1200px) {
	.allRight {display:block; position:absolute; top:35px; right:30px; z-index:999;}
	.allRight .aicon {display:block; cursor:pointer; width:40px; height:30px; background:url('../images/common/menu.png') center no-repeat;}
}

@media(max-width:1199px) {
	.all_DIV {display:none !important;}
}

@media(min-width:1200px) {
	.all_DIV {position:fixed; top:0; bottom:0; display:block; width:100%; height:100%; background:rgba(255,255,255,.95); z-index:99991; text-align:center; overflow-y:auto;}
	.all_DIV .w1200 {width:100%; height:100%; margin:0 auto; padding:0; position:relative;}
	.all_DIV .w1200:before {
		position:absolute; bottom:-10px; left:calc(50% - 1130px); content:''; width:1186px; height:330px; 
		background: url('../images/main/deco_sitemap.png') center bottom no-repeat; background-size: contain; z-index:1;
	}
	.all_DIV .w1200 ul {overflow:hidden; margin:0 auto; display:flex; flex-wrap:nowrap; width:1200px; height:100%; padding:70px 0; box-sizing:border-box;}
	.all_DIV .w1200 ul > li {
		position:relative; padding:50px 30px; text-align:left; overflow:hidden;
		width:25%; box-sizing:border-box; height:100%; text-align:center; border-radius:50px;
	}
	.all_DIV .w1200 ul > li:hover span a {color:#0097ec;}
	.all_DIV .w1200 ul > li a {display:block; color:#222;}
	.all_DIV .w1200 ul > li span {display:table; width:100%; height:auto; margin:0 0 20px;}
	.all_DIV .w1200 ul > li span a {
		display:table-cell; vertical-align:top; font-size:24px; padding:80px 0 30px;  
		text-align:center; padding:20px 0; border-bottom:1px solid #222; font-weight:800;		
	}
	.all_DIV .w1200 ul > li > ol > li > a {transition:all 0.3s; padding:10px 0; font-size:17px; line-height:1.5;}
	.all_DIV .w1200 ul > li:nth-child(2) > ol > li:nth-child(2) a {padding:10px 15px;}
	.all_DIV .w1200 ul > li > ol > li > a:hover {font-weight:bold;}
	.all_DIV .w1200 ul > li > ol > li > ol {display:none;}

	.all_DIV .all_close {
		position:absolute; right:20px; top:20px; width:50px; height:50px; margin:0 auto; border:none !important; 
		background:#0097ec url('../images/cont/s_closew.png') center no-repeat; background-size:auto; border-radius:50px;
	}
}

@media(min-width:1400px) {
	.all_DIV .w1200 ul {width:1400px;}
	.all_DIV .w1200 ul > li span a {font-size:30px;}
	.all_DIV .w1200 ul > li:nth-child(2) > ol > li:nth-child(2) a {padding:10px 30px;}
}


/* footer */
#footer {width:100%; clear:both; position:relative; text-align:center; font-size:13px; color:#fff;}
#footer .foot_inner {width:100%; margin:0 auto;}
#footer .foot_inner h1 {display:block; vertical-align:top; font-size:0; margin:0 auto 20px;}
#footer .foot_inner h1 img {width:200px; height:auto;}
#footer .foot_inner .link ul {overflow:hidden; text-align:center; margin:10px 0 0;}
#footer .foot_inner .link ul li {display:inline-block;}
#footer .foot_inner .link ul li a {color:#fff; padding:0 5px; box-sizing:border-box;}
#footer .foot_inner .link ul li a.per {color:#ffe92b; font-weight:800;}

#footer .foot_inner .info {clear:both; padding:0 10px 10px; line-height:1.6em;}
#footer .foot_inner .info address {margin:20px 0 0;}
#footer .foot_inner .info address a {color:#fff;}
#footer .foot_inner .info address p {}
#footer .foot_inner .info .copyright {display:block; margin-top:10px; clear:both;}

.sub #footer {padding:20px 0; color:#222; border-top:1px solid #ddd;}
.sub #footer .foot_inner .link ul li a {color:#222; padding:0 5px; box-sizing:border-box;}
.sub #footer .foot_inner .link ul li a.per {color:#1161be;}
.sub #footer .foot_inner .info address a {color:#222;}

/* 접속자 수 */
.Total {overflow:hidden; margin:0 auto; display:flex; justify-content:center;}
.Total dl {display:flex; justify-content:space-between; height:40px; line-height:40px; overflow:hidden; box-sizing:border-box;}
.Total dt {padding:0 10px 0 25px; font-weight:800; float:left; box-sizing:border-box;}
.Total dd {padding:0 10px 0 0;}

@media(min-width:1024px) {
	#footer {font-size:14px;}
	#footer .foot_inner .link ul {width:70%; margin:0 auto;}
}

@media(min-width:1200px) {
	#footer {font-size:16px; text-align:left; border:none; text-align:center;}
	#footer .foot_inner {width:1200px; position:relative; padding:0 0 30px; box-sizing:border-box; font-size:15px;}
	#footer .foot_inner h1 {display:inline-block; vertical-align:top; font-size:0; margin:3px 30px 0 0;}
	#footer .foot_inner h1 img {width:auto; height:30px;}
	#footer .foot_inner .link {display:inline-block; margin:5px 0 0; overflow:hidden;}
	#footer .foot_inner .link ul {width:auto;}
	#footer .foot_inner .link ul li {position:relative; float:left; margin:0 15px 0 0;}
	#footer .foot_inner .link ul li a {padding:5px 0; width:auto; border:none !important;}

	#footer .foot_inner .info {position:relative; padding:0; overflow:hidden;/* line-height:1.75;*/}
	#footer .foot_inner .info address {margin:20px 0 0; font-size:15px;}
	#footer .foot_inner .info address p {padding:0; margin:0 0 5px;}
	#footer .foot_inner .info address p span {margin:0 5px;}
	#footer .foot_inner .info .copyright {margin-top:10px;}

	#footer .foot_inner .FSite {position:absolute; top:17px; right:0; width:auto;}

	.sub #footer {border-top:1px solid #ddd; background:#fff; border-radius:0; color:#222; padding:0;}
	.sub #footer .foot_inner {padding:30px 0;}
	.sub #footer .foot_inner .link ul li a {color:#222;}
	.sub #footer .foot_inner .info address a {color:#222;}

	.Total {background:rgba(255,255,255,.15); color:#fff; width:340px; margin:0 auto 30px; border-radius:50px;}
	.Total dl {width:150px; height:50px; line-height:50px;}
	.Total dt {padding:0 10px 0 25px;}
	.Total dd {padding:0 25px 0 0;}
	.sub .Total {color:#222; background:#f9f9f9;}
}


.fp-tableCell {text-align:center; padding:50px 20px;}
.mtit {font-family:'Cafe24Ssurround'; font-size:28px; font-weight:800; margin:0 0 1rem; line-height:1.5;}

#section1 {position:relative; padding:0;}
#section1 .fp-tableCell {position:relative; box-sizing:border-box; overflow:hidden; padding:0;}
#section2 {background:linear-gradient(97.12deg, #f4faff 22.85%, #f1f7ff 101.36%);}
#section2 .wave {
	position:absolute; top:90%; left:0; height:600px; width:100%; min-width:1080px; 
	background:url('/images/main/bg_section2.png') repeat-x; background-size:200px; 
	animation:wave 8s infinite linear; 
}
@keyframes wave {
	0% {
		background-position-x:0; 
	}
	100% {
		background-position-x:-430px; 
	}
}
#section2:before {
	position:absolute; bottom:-50px; left:-20px; content:''; width:140px; height:140px; display:none; 
	background:url('/images/main/s2_img1.png') center no-repeat; background-size:contain; z-index:1; 
}
#section4 {
	background:linear-gradient(-90deg, #f8fbff 0%, #e2edfb);
	background:-webkit-linear-gradient(-90deg, #f8fbff 0%, #e2edfb);
}
#section4 .fp-tableCell {padding:50px 20px 160px;}
#section5 {background:#38a1ff;}

@media(min-width:768px) {
	.fp-tableCell {	padding:50px 40px;}
	#section2 .fp-tableCell {padding:80px 40px;}
	#section2:before {bottom:-70px; left:-20px; width:200px; height:200px; background:url('/images/main/s2_img1.png') center no-repeat; background-size:contain;}
	#section3 .fp-tableCell {padding:80px 40px;}
	#section4 .fp-tableCell {padding:80px 40px 160px;}
}

@media(min-width:1024px) {
	#section1 .fp-tableCell {padding:0;}
	#section2 {position:relative; background:none;}
	#section2:after {
		position:absolute; content:''; right:0; bottom:0; width:100%; height:60%;
		background:linear-gradient(97.12deg, #f4faff 22.85%, #f1f7ff 101.36%); z-index:-1;
	}
	#section2 .fp-tableCell {}
	#section3:after {
		position:absolute; content:''; left:0; bottom:0; width:80%; height:60%;
		background:linear-gradient(97.12deg, #f1f7ff 22.85%, #f4faff 101.36%); z-index:-1; border-radius:0 80px 80px 0;
	}
	#section4 {
		background:linear-gradient(-90deg, #fff 0%, #e2edfb);
		background:-webkit-linear-gradient(-90deg, #fff 0%, #e2edfb);
	}
}

@media(min-width:1200px) {
	.fp-tableCell {position:relative; width:100%; height:100% !important; padding:0; display:table-cell; vertical-align:middle; text-align:center;}
	.fp-tableCell h1 {font-size:30px; font-weight:800; display:inline-block; color:#fff;}
	.fp-auto-height {height:auto !important;}
	.mtit {font-size:50px; margin:0 0 2rem; line-height:1.5;}

	#section1 {position:relative; padding:0;}
	#section1 .fp-tableCell {padding:0;}
	#section2 {position:relative; padding:100px 0 0;}
	#section2:after {bottom:70px; width:calc(50% - -700px); height:50%; border-radius:80px 0 0 80px;}
	#section2 .fp-tableCell {padding:0;}
	#section3 {position:relative; padding:100px 0 0;}
	#section3:after {bottom:70px; width:calc(50% - -480px); height:50%; border-radius:0 80px 80px 0;}
	#section3 .fp-tableCell {padding:0;}
	#section4 {
		position:relative; /*padding:100px 0 0;*/
		background:linear-gradient(-90deg, #f8fbff 0%, #e2edfb);
		background:-webkit-linear-gradient(-90deg, #f8fbff 0%, #e2edfb);
	}
	#section4 .fp-tableCell {padding:0;}
	.bg2 {
		background-image: url("../images/main/sec_bg2.png") !important;
		background-size: 100% 100% !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
	.bg3 {
		background:#fff6c2 !important;
		background-image: url("../images/main/sec_bg3.png") !important;
		background-size: 100% 100% !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
}

@media all and (max-width:1199px) {
	/* (공통)page */
	.fp-section, .fp-tableCell {height:auto !important;}
}


/* 우측 퀵메뉴 */
.op_nav {display:none;}

@media(min-width:1200px) {
	.op_nav {display:block; position:fixed; right:30px; top:50%; z-index:90; text-align:right; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.op_nav p {}
	.op_nav p a {color:#333; font-weight:600; cursor:pointer;}
	.op_nav p span {display:inline-block; margin:0 10px 0 0;}
	.op_nav ul li {position:relative; right:0; margin:30px 0; transition:all .3s; -webkit-transition:all .3s;}
	.op_nav ul li a {display:block; width:100%; height:100%; font-size:0; font-weight:600; display:flex; align-items:center; justify-content:right;}
	.op_nav ul li a span {
		display:inline-block; width:14px; height:14px; margin:0 0 0 12px; border-radius:50%; 
		background-color:#fff; box-sizing:border-box;
	}
	.fp-viewing-fp2 .op_nav ul li span {background:#f6c02a;}
	.fp-viewing-fp3 .op_nav ul li span {background:#f6c02a;}
	.op_nav ul li.active {right:20px;}
	.op_nav ul li.active a {font-size:16px; color:#333;}
	.op_nav ul li.active span {border:none; background:#1161be;}
}

.main_scroll {display:block;}
.main_scroll .m_mouse {
	position:absolute; top:130px; left:50%; width:20px; height:30px; margin-left:-10px;
	border:2px solid #000; border-radius:100px; box-sizing:border-box; z-index:10;
}
.main_scroll .m_mouse:before {position:absolute; top:7px; left:50%; content:""; width:2px; height:7px; margin-left:-1px; background:#000; animation:scrollAni1 2s infinite;}
.main_scroll .m_down {
	position:absolute; top:135px; left:50%; content:""; transform:translateX(-50%); font-size:14px;
	letter-spacing:0; color:#000; animation:down 2s infinite; z-index:10;
}
.main_scroll .m_down:before {
	position:absolute; content:""; bottom:30px; left:50%; width:8px; height:8px; margin-left:-5px; 
	border-bottom:2px solid #000; border-right:2px solid #000; animation:scrollArrow1 2s infinite;
}

@keyframes scrollAni1 {
	0% {transform:translate(0, 0);}
	80% {transform:translate(0, 5px);}
}
@keyframes scrollArrow1 {
	0% {
		transform:rotate(45deg) translate(0, 0); 
		opacity:0; 
	}
	50% {opacity:1}
	100% {
		transform:rotate(45deg) translate(10px, 10px); 
		opacity:0; 
	}
}

@media(min-width:1200px) {
	.main_scroll .m_mouse {width:26px; height:40px; margin-left:-13px;}
	.main_scroll .m_mouse:before {height:10px;}

	@keyframes scrollAni1 {
		0% {transform:translate(0, 0);}
		80% {transform:translate(0, 10px);}
	}
}


#main {position:relative; width:100%; overflow:hidden; background-size:contain;}

/* play버튼 숨김 */
.slidesjs-navigation, .slidesjs-pagination {display:none !important;}
#slidesPhoto > .slidesjs-container {height:350px !important;}

/* 메인존 */
.mBG01 {overflow:hidden; /*background:url(/images/main/img1.jpg) center no-repeat;*/ background-size:cover; padding:70px 20px 10rem;}
.mainPOP {position:relative; width:100%; height:440px; box-sizing:border-box; z-index:2; overflow:hidden;}
.mainPOP .main_txt {width:90%; height:auto; min-width:300px; min-height:57px; margin:50px auto 30px; overflow:hidden;}
.mainPOP .popupzone {box-sizing:border-box; margin:0;}
.mainPOP .popupzone .Vimg {overflow:hidden;}
.mainPOP .popupzone .Vimg_inner {position:relative; width:100%; height:180px; margin:0 auto 80px; overflow:hidden; border-radius:20px; box-sizing:border-box;}
.mainPOP .popupzone .Vimg_inner a {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainPOP .popupzone .Vimg_inner img {
	width:100%; height:100%; 
	-webkit-transition:-webkit-transform 0.3s ease 0s; 
	-moz-transition:-moz-transform 0.3s ease 0s; 
	-o-transition:-o-transform 0.3s ease 0s; 
	transition:transform 0.3s ease 0s; 
	-webkit-transform:scale3d(1, 1, 1); 
	transform:scale3d(1, 1, 1); 
	object-fit:cover; object-position:center; 
}
.mainPOP .popupzone .Vimg_inner iframe,
.mainPOP .popupzone .Vimg_inner video {width:100%; height:100%;}

/* 롤링버튼 */
.wrapArr {position:absolute; bottom:30px; left:50%; transform:translateX(-50%);}
.wrapArr .Roll {display:flex; align-items:center;}
.wrapArr .Roll li {
	display:block; width:16px; height:16px; float:left; margin:0 0.2em; border-radius:100%; background:#fff; 
	box-shadow:#aaa 2px 2px 3px inset; box-sizing:border-box; cursor:pointer; 
}
.wrapArr .Roll ul li.slick-active {width:40px; border-radius:10px; background:#fff;}
.wrapArr .Roll p {width:20px; height:20px; font-size:0;}
.wrapArr .Roll p img {width:100%; margin:0;}

/* 파도 애니메이션 */
.wave_area {position:absolute; left:0; bottom:0; width:100%; height:140px;}
.wave1 {
	position:absolute; left:0; bottom:0; width:100%; height:60%; 
	background-image:url('../images/main/deco_wave1.svg'); animation-duration:15s; padding-top:1%; animation:wave2 4s infinite linear;
}
.wave2 {
	position:absolute; left:0; bottom:0; width:100%; height:40%; 
	background-image:url('../images/main/deco_wave2.svg'); animation-delay:0.3s; animation:wave2 5s infinite linear;
}

@keyframes wave {
	0% {background-position:calc(50% - 15%) top;}
	50% {background-position:calc(50% + 15%) 50px;}
	100% {background-position:calc(50% - 15%) top;}	
}
@keyframes wave2 {
	0% {background-position:calc(50% + 15%) 0;}
	50% {background-position:calc(50% - 15%) 0;}
	100% {background-position:calc(50% + 15%) 0}	
}

.wave_area .deco1 {
	position:absolute; left:-164px; bottom:-30px; width:485px; height:200px;
	background:url('../images/main/deco_sitemap.png') center bottom no-repeat; background-size:contain;
}
.wave_area .deco2 {
	position:absolute; right:-100px; bottom:-10px; width:370px; height:150px; 
	background:url('../images/main/deco_light.svg') center bottom no-repeat; background-size:contain;
}
.wave_area .deco3 {
	position:absolute; left:-160px; bottom:-30px; width:437px; height:180px;
	background:url('../images/main/deco_woman.svg') center bottom no-repeat; background-size:contain;
}

@media(max-width:320px) {
	.mainPOP .main_txt {min-width:100%; margin:50px auto 30px;}
}

@media screen and (min-width:411px) and (max-width:499px){
	.mainPOP {height:460px;}
	.mainPOP .main_txt {width:80%;}
	.mainPOP .popupzone .Vimg_inner {width:90%; height:200px;}
}

@media screen and (min-width:500px) and (max-width:599px){
	.mainPOP {height:540px;}
	.mainPOP .main_txt {width:80%;}
	.mainPOP .popupzone .Vimg_inner {width:90%; height:240px;}
}

@media(min-width:600px) {
	.mainPOP {height:600px;}
	.mainPOP .popupzone .Vimg_inner {width:500px; height:281px;}
}

@media(min-width:768px) {
	.mainPOP {height:630px;}
	.mainPOP .main_txt {width:460px; height:auto; margin:40px auto;}
	.mainPOP .popupzone {position:relative;}
	.mainPOP .popupzone .Vimg_inner {width:525px; height:296px; box-sizing:inherit; border-radius:30px;}
}

@media(min-width:1024px) {
	.mBG01 {display:flex; flex-wrap:nowrap; align-items:center; height:100%; padding:80px 40px 10rem;}
	.mainPOP {display:flex; justify-content:space-between; width:100%; height:395px; margin:70px auto 0;}
	.mainPOP .main_txt {width:32%; height:auto; margin:100px 0 0;}
	.mainPOP .popupzone {width:600px; height:auto; margin:0;}
	.mainPOP .popupzone .Vimg_inner {width:600px; height:338px; border-radius:30px; margin:0 auto 60px;}

	.wrapArr {bottom:5px; left:50%; transform:translateX(-50%);}
	.wrapArr .Roll ul {margin:0 5px 0 0;}
	.wrapArr .Roll ul li.slick-active {width:40px;}
	.wrapArr .Roll li {width:20px; height:20px;}
	.wrapArr .Roll p {width:24px; height:24px; cursor:pointer;}
}

@media(min-width:1200px) {
	.mainPOP {width:1200px; height:454px; margin:60px auto 0;}
	.mainPOP .main_txt {width:460px; height:180px; margin:100px 0 0;}
	.mainPOP .popupzone {width:700px; height:auto;}
	.mainPOP .popupzone .Vimg_inner {width:700px; height:394px; margin:0 0 60px; border-radius:40px; overflow:hidden;}
	.mainPOP .popupzone .Vimg_inner img {position:relative; width:100%; height:100%;}

	.wave_area {position:absolute; left:0; bottom:0; width:100%; height:140px;}
	.wave1 {width:100%; height:120%; animation-duration:15s; padding-top:1%; animation:wave2 8s infinite linear;}
	.wave2 {width:100%; height:100%; animation-delay:0.3s; animation:wave2 3s infinite linear; z-index:1;}
	.wave_area .deco1 {left:calc(50% - 1130px); bottom:-10px; width:970px; height:400px;}
	.wave_area .deco2 {right:calc(50% - 1030px); bottom:-20px; width:970px; height:400px;}
	.wave_area .deco3 {left:calc(50% - 1130px); bottom:-20px; width:970px; height:400px;}
}


/* 전화번호 안내 */
.Call {position:relative; margin:5rem auto 3rem; text-align:center;}
.Call:before {
	position:absolute; top:-120px; left:10px; content:''; width:140px; height:140px; 
	background:url('../images/main/call_img.svg') center no-repeat; background-size:contain; 
} 
.Call dl {
	position:relative; box-sizing:border-box; padding:40px 10px 20px; border-radius:30px; background:#fff; margin:0 0 50px;
	-webkit-box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); transition:all 0.3s;
}
.Call dl:before {position:absolute; top:-25px; left:calc(50% - 25px); content:''; width:50px; height:50px; background:#1161be; border-radius:20px; transition:all 0.3s;}
.Call dl.i01:before {background:#1161be url('../images/main/call_icon01.svg') center no-repeat; background-size:80%;}
.Call dl.i02:before {background:#1161be url('../images/main/call_icon02.svg') center no-repeat; background-size:80%;}
.Call dl.i03:before {background:#1161be url('../images/main/call_icon03.svg') center no-repeat; background-size:80%;}
.Call dl:nth-child(odd) {transform:translateX(-30px); border-radius:0 30px 30px 0;}
.Call dl:nth-child(even) {transform:translateX(30px); border-radius:30px 0 0 30px;}

.Call dl dt {font-weight:800; font-size:1em; margin:0 0 10px; transition:all 0.3s;}
.Call dl dd {color:#1161be; font-size:26px; font-family:'Cafe24Ssurround'; transition:all 0.3s;}
.Call dl.i02 dd {color:#1161be;}
.Call dl.i02:hover dd {color:#0097ec;}
.Call dl.i01:hover:before {background:#0097ec url('../images/main/call_icon01.svg') center no-repeat; background-size:80%;}
.Call dl.i02:hover:before {background:#0097ec url('../images/main/call_icon02.svg') center no-repeat; background-size:80%;}
.Call dl.i03:hover:before {background:#0097ec url('../images/main/call_icon03.svg') center no-repeat; background-size:80%;}
.Call dl:hover dd {color:#0097ec;}

@media(min-width:768px) {
	.Call {display:flex; justify-content:space-between;}
	.Call:before {top:-160px; left:30px; width:160px; height:160px;} 
	.Call dl {width:31.33%; padding:40px 10px 20px; margin:0;}
	.Call dl:nth-child(odd) {transform:translateX(0); border-radius:20px;}
	.Call dl:nth-child(even) {transform:translateX(0); transform:translateY(-50px); border-radius:20px;}

	.Call dl dt {margin:0 0 7px; font-size:14px;}
	.Call dl dd {font-size:24px;}
}

@media(min-width:1024px) {
	.Call:before {top:-160px; left:30px; width:180px; height:180px;} 
	.Call dl {width:30.33%; padding:40px 30px 30px;}
	.Call dl:nth-child(odd) {border-radius:30px;}
	.Call dl:nth-child(even) {border-radius:30px;}
	.Call dl:before {top:-30px; left:calc(50% - 30px); width:60px; height:60px; border-radius:26px;}

	.Call dl dt {margin:0 0 15px; font-size:16px;}
	.Call dl dd {font-size:28px;}
}

@media(min-width:1200px) {
	.Call {position:relative; width:1200px; margin:5rem auto; text-align:center;}
	.Call:before {top:-220px; left:30px; width:240px; height:240px;} 
	.Call dl {width:30%; padding:60px 20px 30px; border-radius:40px;}
	.Call dl:before {top:-35px; left:calc(50% - 35px); width:70px; height:70px;}
	.Call dl:nth-child(odd) {transform:translateX(0); border-radius:40px;}
	.Call dl:nth-child(even) {transform:translateX(0); transform:translateY(-50px); border-radius:40px;}

	.Call dl dt {font-size:1em; margin:0 0 15px;}
	.Call dl dd {font-size:36px;}
}


/* 바로가기 */
.Icon {position:relative; box-sizing:border-box;}
.Icon ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.Icon ul li {position:relative; width:31.33%;}
.Icon ul li:before {position:absolute; top:10px; left:calc(50% - 30px); border-radius:38%; content:''; width:60px; height:60px; transition:all 0.3s; background:#fff;}
.Icon ul li a {position:relative; display:block; padding:20px 0 15px; color:#222; word-break:keep-all; line-height:1.2; font-size:13px; transition:all 0.3s;}
.Icon ul li a p {margin-top:25px; line-height:1.3em;}
.Icon ul li a p em {display:block;}
.Icon ul li a img {position:relative; width:60px; height:auto;}
.Icon a, .Icon img {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

@media(min-width:280px) {
	.Icon ul li:before {top:10px; left:calc(50% - 40px); width:80px; height:80px;}
	.Icon ul li a {font-size:13px;}
	.Icon ul li a p {margin-top:25px; line-height:1.5em;}
}

.Icon ul li strong.new {
	position:absolute; top:5px; left:60%; margin:0; background:#ff6e37; border-radius:20px; color:#fff; 
	font-size:12px; width:24px; height:24px; line-height:24px; vertical-align:middle; font-weight:400; 
}

@media(min-width:768px) {
	.Icon ul li {width:16.66%;}
	.Icon ul li:before {top:10px; left:calc(50% - 45px); border-radius:40%; width:90px; height:90px;}
	.Icon ul li a {padding:24px 0 0; font-size:16px;}
	.Icon ul li a p {margin-top:40px;}
	.Icon ul li a img {width:60px;}
}

@media(min-width:1200px) {
	.Icon {width:1200px; margin:0 auto;}
	.Icon ul li {width:12%; text-align:center;}
	.Icon ul li:before {top:0; left:calc(50% - 70px); width:140px; height:140px; border-radius:54px;}
	.Icon ul li:hover:before {background:#fff; -webkit-box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1);}
	.Icon ul li a p {margin-top:54px; font-size:22px;}
	.Icon ul li:hover a p {font-weight:800;}
	.Icon ul li a img {width:90px; height:90px;}
	.Icon ul li:hover a img {
		-webkit-animation:tossing 1s ease infinite; 
		-moz-animation:tossing 1s ease infinite; 
		-ms-animation:tossing 1s ease infinite; 
		-o-animation:tossing 1s ease infinite; 
		animation:tossing 1s ease infinite; 
	}
	@-webkit-keyframes tossing {
		0% {
			-webkit-transform:rotate(10deg); 
			-o-transform:rotate(10deg); 
			transform:rotate(10deg); 
		}
		50% {
			-webkit-transform:rotate(-10deg); 
			-o-transform:rotate(-10deg); 
			transform:rotate(-10deg); 
		}
		100% {
			-webkit-transform:rotate(10deg); 
			-o-transform:rotate(10deg); 
			transform:rotate(10deg); 
		}
	}
	@keyframes tossing {
		0% {
			-webkit-transform:rotate(10deg); 
			-o-transform:rotate(10deg); 
			transform:rotate(10deg); 
		}
		50% {
			-webkit-transform:rotate(-10deg); 
			-o-transform:rotate(-10deg); 
			transform:rotate(-10deg); 
		}
		100% {
			-webkit-transform:rotate(10deg); 
			-o-transform:rotate(10deg); 
			transform:rotate(10deg); 
		}
	}

	.Icon ul li strong.new {	top:-5px; left:65%; font-size:14px; width:30px; height:30px; line-height:30px;}
}


/* 센터일정 */
.mCalendar {position:relative; box-sizing:border-box; margin:0 0 50px;}
.mCalendar h4 {position:relative; height:40px; line-height:40px; font-size:24px; margin:0 0 20px; text-align:left; font-family:'Cafe24Ssurround';}
.mCalendar ul.bott {font-size:12px; text-align:right; margin:15px 0 0; line-height:1;}
.mCalendar ul.bott li {position:relative; display:inline-block; padding:0 0 0 20px;}
.mCalendar ul.bott li:before {position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; width:12px; height:12px; background:#f6c02a; border-radius:50px;}
.mCalendar ul.bott li:last-child {margin:0 0 0 20px;}
.mCalendar ul.bott li:last-child:before {background:#1161be;}
.mCalendar > div {position:relative; box-sizing:border-box; padding:20px 10px; border-radius:20px; background:#fff; z-index:1; border:1px solid #dedede;}
.mCalendar .Plan_Top {margin:0 0 10px; text-align:center;}
.mCalendar .Plan_Top .PlanTxt {font-size:22px; line-height:1.5; font-family:'Cafe24Ssurround';}
.mCalendar .Plan_Top .PlanTxt span.mo {font-size:1.5em;}
.mCalendar .mmore {top:0; right:0;}
.mCalendar .Arr a {width:40px; height:40px; border:none;}
.mCalendar .AL {top:20px; left:20px;}
.mCalendar .AR {top:20px; right:20px;}

.Plan_table {width:100%; text-align:center; line-height:2.5em; margin:0 auto 50px; font-size:14px;}
.Plan_table th {font-weight:300;}
.Plan_table tbody td {position:relative; padding:3px; color:#3a3a3a; font-weight:400;}
.Plan_table tbody td a {color:#1161be;}
.Plan_table tbody td.Sun {color:#d71648;}
.Plan_table tbody td.Sat {color:#235ed5;}
.Plan_table tbody td.today {}
	.Plan_table tbody td.today:before {
		position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:''; width:30px; height:30px; background:#fff; z-index:-1; 
		border-radius:50px; border:1px solid #f6c02a;
	}
	.Plan_table tbody td:before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:''; width:30px; height:30px; z-index:-1;}
.Plan_table tbody td.checked:before {position:absolute; top:2px; left:50%; transform:translateX(-50%); content:''; width:8px; height:8px; background:#1161be; z-index:-1; border-radius:100px;}
.Plan_table tbody td.checked {}
.Plan_table tbody td.today:before {width:20px; height:20px; background:#fff; top:50%; left:50%; transform:translate(-50%, -50%);}

.mCalendar dl {position:absolute; bottom:20px; left:10px; width:calc(100% - 20px); font-size:0; background:#fff; padding:0 10px; box-sizing:border-box; border-radius:10px; line-height:1.5; overflow:hidden;}
.mCalendar dl dt {position:relative; width:90px; display:inline-block; vertical-align:middle; font-size:14px; height:30px; line-height:30px; padding:0 0 0 30px; background:url('/images/cont/ico_calendar.svg') 0 center no-repeat; box-sizing:border-box; text-align:left;}
.mCalendar dl dt:after {position:absolute; top:50%; left:74px; transform:translateY(-50%); content:''; width:1px; height:14px; background:#222;}
.mCalendar dl dd {display:inline-block; vertical-align:middle; width:calc(100% - 100px); font-size:14px; height:30px; line-height:30px; box-sizing:border-box;}
.mCalendar dl dd div {
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden; 
	word-wrap:normal !important; 
	-webkit-line-clamp:1; 
	-webkit-box-orient:vertical; 
	color:#999; text-align:left;
	display:-webkit-box; 
}
.mCalendar dl dd div a {color:#111;}

@media (min-width:768px) {
	.Plan_table {line-height:2.7em;}

	.mCalendar {margin:0 0 50px;}
	.mCalendar dl {left:40px; width:calc(100% - 80px);}
	.mCalendar > div {padding:40px; width:100%; height:450px; border-radius:20px;}

	.mCalendar .AL {top:40px; left:25%;}
	.mCalendar .AR {top:40px; right:25%;}
}

@media (min-width:1024px) {
	.mCalendar {width:calc(40% - 30px); height:auto; margin:0;}
	.mCalendar > div {height:450px; border:none; -webkit-box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); transition:all 0.3s;}
	.mCalendar h4 {height:40px; line-height:40px; margin:0 0 20px;}

	.mCalendar .AL {top:40px; left:10%;}
	.mCalendar .AR {top:40px; right:10%;}
}

@media(min-width:1200px) {
	.mCalendar {width:calc(100% - 780px); height:auto;}
	.mCalendar h4 {font-size:32px; height:50px; line-height:50px; margin:0 0 20px;}
	.mCalendar ul.bott {font-size:13px; text-align:right; margin:14px 0 0;}
	.mCalendar ul.bott li {position:relative; display:inline-block; padding:0 0 0 20px;}
	.mCalendar ul.bott li:before {position:absolute; left:0; content:''; width:12px; height:12px; border-radius:50px;}
	.mCalendar ul.bott li:last-child {margin:0 0 0 20px;}
	.mCalendar .Plan_Top {margin:0 0 10px; padding:0;}
	.mCalendar .Plan_Top .PlanTxt span.mo {font-size:40px;}
	.mCalendar > div {padding:30px 20px; width:100%; height:500px; border-radius:40px;}
	.mCalendar .mmore {top:5px; right:0;}
	.checked a {width:83%; height:32px;}

	.mCalendar .Arr a {}
	.mCalendar .AL {top:36px; left:60px;}
	.mCalendar .AR {top:36px; right:60px;}

	.Plan_table {font-size:16px; line-height:2.6em;}
	.Plan_table tbody td.today:before {width:30px; height:30px; background:none;}
	.Plan_table tbody td:before {width:30px; height:30px; border-radius:0px; z-index:-1;}

	.mCalendar dl {position:absolute; bottom:30px; left:25px; width:calc(100% - 50px); font-size:0; background:#fff; padding:0 10px; box-sizing:border-box; border-radius:10px; overflow:hidden; box-sizing:border-box;}
	.mCalendar dl dt {position:relative; width:25%; display:inline-block; vertical-align:middle; font-size:16px; height:30px; line-height:30px; padding:0 20px 0 30px; background:url('/images/cont/ico_calendar.svg') 0 center no-repeat; box-sizing:border-box; font-weight:500;}
	.mCalendar dl dt:after {position:absolute; left:82px; content:''; width:1px; height:14px; background:#222;}
	.mCalendar dl dd {display:inline-block; vertical-align:middle; width:75%; font-size:16px; height:30px; line-height:30px; box-sizing:border-box; padding:0 0 0 15px;}
	.mCalendar dl dd div {
		text-overflow:ellipsis; 
		-o-text-overflow:ellipsis; 
		overflow:hidden; 
		word-wrap:normal !important; 
		-webkit-line-clamp:1; 
		-webkit-box-orient:vertical; 
		color:#999; 
		display:-webkit-box; 
	}
}

/* 일정클릭시 레이어 */
.cal_Layer {
	position:absolute; border:1px solid #dedede; font-size:0.75em; padding:10px; width:180px; background:#fff; border-radius:10px; 
	box-shadow:0px 5px 5px 0px rgba(233,233,233,1); z-index:9; 
}
.cal_Layer li {margin:1px;}
.cal_Layer li {
	position:relative; padding:0 0 0 10px; margin:0.15em 0; width:90%; overflow:hidden; display:block; text-align:left;
	text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; 
}
.cal_Layer li:after {position:absolute; top:calc(50% - 1px); left:0; content:""; width:2px; height:2px; border-radius:100%; background:#222;}
.cal_Layer a {color:#333;}

@media (min-width:1024px) {
	.cal_Layer {width:180px; font-size:14px;}
	.cal_Layer a:hover {font-weight:800; color:#000;}
}


/* 센터소식_공지사항 */
.mBG03 {position:relative; width:auto; padding:0;}
.Notice {position:relative;}
.Notice h4 {position:relative; height:40px; line-height:40px; font-size:24px; margin:0 0 20px; text-align:left; font-family:'Cafe24Ssurround';}
.Notice .NoTab {position:relative; box-sizing:border-box; margin:0 0 20px;}
.Notice .NoTab ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.Notice .NoTab li {text-align:center; position:relative; box-sizing:border-box;}
.Notice .NoTab li a {position:relative; display:block; color:#222; line-height:1.3; padding:3px 0; z-index:1;}
.Notice .NoTab li.select a {font-weight:800; color:#222;}

.Notice .NoTab li a:before {content:''; position:absolute; bottom:-4px; left:0; width:0; height:4px; background:transparent; transition:width .5s; border-radius:0;}
.Notice .NoTab li a:hover:before, 
.Notice .NoTab li.select a:before {background:#1161be; width:100%; z-index:-1;}
.Notice .NoTab li.select a {color:#1161be;}
.Notice .NoTab li:nth-child(2) a:hover:before, 
.Notice .NoTab li:nth-child(2).select a:before {background:#6252d6;}
.Notice .NoTab li:nth-child(2).select a {color:#6252d6;}
.Notice .NoTab li:nth-child(3) a:hover:before, 
.Notice .NoTab li:nth-child(3).select a:before {background:#558ce2;}
.Notice .NoTab li:nth-child(3).select a {color:#558ce2;}
.Notice .NoTab li:nth-child(4) a:hover:before, 
.Notice .NoTab li:nth-child(4).select a:before {background:#08c4d1;}
.Notice .NoTab li:nth-child(4).select a {color:#08c4d1;}
.Notice .NoTab li:nth-child(5) a:hover:before, 
.Notice .NoTab li:nth-child(5).select a:before {background:#19bc97;}
.Notice .NoTab li:nth-child(5).select a {color:#19bc97;}
.Notice .NoTab li:nth-child(6) a:hover:before, 
.Notice .NoTab li:nth-child(6).select a:before {background:#98d157;}
.Notice .NoTab li:nth-child(6).select a {color:#98d157;}

.Notice .NoDL li:hover dl dt span.tit:before,
.Notice .NoDL li:hover dl dt span.tit:after {width:100%;}
.Notice .NoDL {clear:both; position:relative; padding:0;}
.Notice .NoDL li {position:relative; margin:0 0 10px;}
.Notice .NoDL li a {display:block; padding:20px 40px; width:100%; height:100%; box-sizing:border-box; background:#fff; border:1px solid #dedede; border-radius:20px;}
.Notice .NoDL li dl dt {margin:0 0 10px;}
.Notice .NoDL li dl dt span.tit {
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
	color:#111; text-overflow:ellipsis; line-height:1.5em; margin:0 auto 15px; height:auto; font-weight:bold; overflow:hidden;
}

.Notice .NoDL li dl dd .txt {
	display:-webkit-box; width:100%; height:40px; overflow:hidden; line-height:20px; color:#666; font-size:15px; margin:0 0 10px; 
    white-space:normal; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; 
}

.Notice .NoDL li dl dd .year {font-size:12px; word-break:break-all; color:#999;}
.Notice .NoDL li dl dt i {
	display:inline-block; max-width:80px; padding:7px 15px; text-align:center; box-sizing:border-box; border-radius:50px; 
    color:#16a05c; word-break:keep-all; font-size:13px; line-height:1.3; font-style:normal; font-weight:800; margin:0 0 12px; 
}

.Notice .mmore {top:0; right:0;}

.Notice .NoDL li dl dt i.ct1 {background:#6252d6; color:#fff;} /* 알림 */
.Notice .NoDL li dl dt i.ct2 {background:#558ce2; color:#fff;} /* 채용 */
.Notice .NoDL li dl dt i.ct3 {background:#08c4d1; color:#fff;} /* 행사 */
.Notice .NoDL li dl dt i.ct4 {background:#19bc97; color:#fff;} /* 이벤트 */
.Notice .NoDL li dl dt i.ct5 {background:#98d157; color:#fff;} /* 보도자료 */

.Notice strong.new {
	border-radius:50px; background:#fff; color:#cf3283; border:1px solid #cf3283; display:inline-block; text-align:center; 
	font-size:10px; width:34px; line-height:1; margin:0 4px 0 0; padding:3px 0; vertical-align:middle; box-sizing:border-box;
	letter-spacing:.03em; font-weight:800;
}

@media(max-width:320px) {
	.Notice .NoTab li {position:relative; box-sizing:border-box;}
	.Notice .mmore {top:0; right:0;}
}

@media(min-width:768px) {
	.Notice {margin:0;}
	.Notice .NoTab {width:auto;}
	.Notice .NoTab ul {width:80%;}
	.Notice .NoTab li a {position:relative; display:block; padding:5px 0; font-size:16px;}

	.Notice .NoDL {display:flex; flex-wrap:wrap; clear:both; max-height:550px; box-sizing:border-box;}
	.Notice .NoDL li {width:49%; height:auto; box-sizing:border-box; margin:0 0 2%;}
	.Notice .NoDL li:nth-child(even) {margin:0 0 2% 2%;}
	.Notice .NoDL li a {padding:30px;}
	.Notice .NoDL li a:after {
		position:absolute; top:0; left:0; content:''; width:100%; height:100%; box-sizing:border-box; 
		border:1px solid #dedede; border-radius:20px; opacity:0; transition:all .1s; 
	}
	.Notice .NoDL li a:hover:after {border:1px solid #222; opacity:1;}
	.Notice .NoDL li dl {text-align:left;}
	.Notice .NoDL li dl dd .txt {height:50px; margin:0 0 20px; line-height:24px; font-size:16px;}  
	.Notice .NoDL li dl dt i {
		display:flex; align-items:center; align-content:center; justify-content:center; width:50px; height:50px; padding:1rem 0.5rem;  
		text-align:center; box-sizing:border-box; border-radius:50%; color:#16a05c; line-height:1.2; word-break:keep-all; font-size:13px; margin:0 0 15px; 
	}

	.Notice .NoDL li dl dt span.tit {font-size:16px; height:auto;}
	.Notice .NoDL li dl dd .year {margin:0;}
}

@media(min-width:1024px) {
	.mBG03 { display:flex; justify-content:space-between;}
	.Notice {width:57%; margin:0;}
	.Notice h4 {height:40px; line-height:40px;}
	.Notice .NoTab {width:auto; height:40px; display:flex; justify-content:space-between; margin:0 0 20px;}
	.Notice .NoTab ul	 {width:65%;}
	.Notice .NoTab li a {font-size:17px; padding:2px 0 8px;}

	.Notice .NoDL {clear:both; height:450px; box-sizing:border-box;}
	.Notice .NoDL li {height:220px; border:none; border-radius:0;}
	.Notice .NoDL li a {border:1px solid #ddd; border-radius:20px;}
	.Notice .NoDL li dl {text-align:left;}
	.Notice .NoDL li dl dt {margin:0;}
	.Notice .NoDL li dl dt i {width:60px; height:60px; font-size:14px;}
	.Notice .NoDL li dl dt span.tit {height:50px;}
	.Notice .NoDL li dl dd .year {font-size:13px;}

	.Notice .mmore {top:0; right:390px;}
}

@media(min-width:1200px) {
	.mBG03 {width:1200px; margin:0 auto; padding:0;}
	.Notice {width:1200px; margin:0;}
	.Notice h4 {font-size:32px; height:50px; line-height:50px; margin:0;}
	.Notice .NoTab {width:auto; height:50px; padding:0; margin:0 0 20px;}
	.Notice .NoTab ul {width:auto; flex-wrap:nowrap;}
	.Notice .NoTab li {padding:0 20px;}
	.Notice .NoTab li a {font-size:18px; padding:5px 0;}

	.Notice .NoDL {clear:both; height:520px; box-sizing:border-box;}
	.Notice .NoDL li {position:relative; width:365px; height:240px; box-sizing:border-box; transition:all 0.3s;}
	.Notice .NoDL li a {position:relative; padding:30px 40px; box-sizing:border-box; font-size:16px; transition:all 0.3s; background:#fff; border-radius:30px; border:none; border-radius:30px;}
	.Notice .NoDL li a:hover {-webkit-box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1); box-shadow:10px 10px 30px -6px rgba(0,0,0,0.1);}
	.Notice .NoDL li a:after {
		position:absolute; top:0; left:0; content:''; width:100%; height:100%; box-sizing:border-box; 
		border:1px solid #dedede; border-radius:30px; opacity:1; transition:all .1s; 
	}
	.Notice .NoDL li a:hover:after {border:1px solid #222; opacity:1;}
	.Notice .NoDL li {margin:0 0 0 20px;}
	/*.Notice .NoDL li:nth-child(even) {margin:0 0 0 20px;}*/
	.Notice .NoDL li dl dt i {width:60px; height:60px; font-size:13px;}
	.Notice .NoDL li dl dt span.tit {font-size:18px; line-height:1.5; margin:0 0 30px;}
	.Notice .NoDL li dl dd.txt {font-size:16px; height:50px; color:#999;}  
	.Notice .mmore {border:none; top:5px; right:530px;}
}


/* 갤러리 */
.Photo {transition:all .3s; box-sizing:border-box; position:relative; z-index:1;}
.Photo h4 {position:relative; height:40px; line-height:40px; font-size:24px; margin:0 0 10px; text-align:left; font-family:'Cafe24Ssurround'; text-align:center;}
.Photo p {margin:0 0 20px;}
.Photo .PH_list {position:relative; height:auto; transition:all .3s; box-sizing:border-box; margin:0 auto;}
.Photo .PH_list a {display:block; background:#fff; border-radius:20px; overflow:hidden; transition:all .3s; color:#222;}
.Photo .PH_list dl dt {position:relative; height:240px; background:#ebf8ec;}
/*.Photo .PH_list dl dt:before {
	position:absolute; bottom:-15px; left:0; content:''; width:100%; height:90px; 
	background:url('../images/main/img_roundb.png') center bottom no-repeat; background-size:cover; z-index:1;
}*/
.Photo .PH_list dl dt i {
	display:flex; align-items:center; align-content:center; justify-content:center; 
	position:absolute; bottom:-25px; left:50%; transform:translateX(-50%); z-index:1; 
	width:50px; height:50px; margin:0; padding:1rem 0.5rem; text-align:center; box-sizing:border-box; border-radius:50%; 
	color:#16a05c; line-height:1.2; word-break:keep-all; font-size:13px; font-style:normal; font-weight:800;
}
.Photo .PH_list dl dt i.ct1 {background:#08c4d1; color:#fff;} /* 행사 */
.Photo .PH_list dl dt i.ct2 {background:#1161be; color:#fff;} /* 교육 */
.Photo .PH_list dl dt i.ct3 {background:#19bc97; color:#fff;} /* 재활 */
.Photo .PH_list dl dt i.ct4 {background:#98d157; color:#fff;} /* 프로그램 */
.Photo .PH_list dl dt i.ct5 {background:#8e8e8e; color:#fff;} /* 기타 */

.Photo .PH_list dl dd {height:auto; box-sizing:border-box; padding:20px; background:#fff; padding:40px 30px 30px;}
.Photo .PH_list dl dd .tit {
	display:inline-block; vertical-align:middle; width:100%; font-size:16px; font-weight:bold; margin:0 0 10px; 
	text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; 
}

.Photo .PH_list dl dd .year {color:#999; font-size:12px; overflow:hidden; width:100%;}
.Photo .PH_list dl dt img {
	position:relative; width:100%; height:100%; max-width:100%; 
	-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); object-fit:cover; object-position:top; transition:all .5s;
}

.PH_W {position:absolute; top:calc(55% - 20px); width:100%;}
.PH_W a {display:block; width:30px; height:30px; border-radius:50px; box-sizing:border-box; box-shadow:10px 17.3px 35px 0 rgba(0, 0, 0, 0.15);}
.PhL {position:absolute; top:0; left:-15px; z-index:12; cursor:pointer;}
.PhL a {background:#fff url('../images/cont/btn_pre.svg') center no-repeat; background-size:8px;}

.PhR {position:absolute; top:0; right:-15px; z-index:12; cursor:pointer;}
.PhR a {background:#fff url('../images/cont/btn_next.svg') center no-repeat; background-size:8px;}

.Photo .mmore {position:absolute; top:0; right:0;}
.Photo .mmore a {display:block;}

@media (min-width:768px) {
	.Photo .PH_list {width:calc(100% + 30px); margin:0 0 0 -15px;}
	.Photo .PH_list a	{margin:0 15px;}
	.Photo .PH_list dl dt {height:200px;}
	.Photo .PH_list dl dt img {height:200px;}
}

@media (min-width:1024px) {
	.Photo {margin:0;}
	.Photo .PH_list dl dt {height:200px;}
	.Photo .PH_list dl dt i {width:60px; height:60px; font-size:14px;}
	.Photo .PH_list dl dd {min-height:84px;}
	.Photo .PH_list dl dd .year {font-size:13px;}
}

@media (min-width:1200px) {
	.Photo {width:1200px; height:auto; margin:0 auto 20vh; box-sizing:border-box;}
	.Photo h4 {font-size:40px; font-family:'Cafe24Ssurround'; margin:0 0 10px; text-align:center;}
	.Photo p {margin:0 0 40px;}
	.Photo .PH_list {position:relative; width:1230px; height:auto; margin:0 0 0 -15px;}
	.Photo .PH_list .slick-track {padding:0 0 40px;}
	.Photo .PH_list a {
		display:block; width:280px; border-radius:30px; overflow:hidden; margin:0 15px; padding:0 0 30px;
		-webkit-box-shadow:7px 7px 30px -6px rgba(0,0,0,0.05); box-shadow:7px 7px 30px -6px rgba(0,0,0,0.05); transition:all 0.3s;
	} 
	.Photo .PH_list dl dt {height:260px;}
	/*.Photo .PH_list dl dt:before {position:absolute; bottom:-15px; left:0; content:''; width:100%; height:90px; background:url('../images/main/img_roundb.png') center bottom no-repeat; background-size:cover; z-index:1;}*/
	.Photo .PH_list dl dt img {height:260px;}	
	.Photo .PH_list dl:hover img {transform:scale(1.1);}
	.Photo .PH_list dl dt i {width:60px; height:60px; font-size:13px;}
	.Photo .PH_list dl dd {height:110px; box-sizing:border-box; padding:50px 30px 30px; font-size:16px;}
	.Photo .PH_list dl dd .tit {font-size:18px; margin:0 0 10px;}
	.Photo .PH_list dl dd .tit .SP {color:#fff; display:inline-block; padding:4px 10px; text-align:center; box-sizing:border-box; font-size:14px; margin:0 10px 0 0; border-radius:50px; font-style:normal; font-weight:400;}
	
	.PH_W {top:calc(50% - 20px); right:0;}
	.PH_W a {width:40px; height:40px;}
	.PhL {top:20px; left:-20px;}
	.PhR {top:20px; right:-20px;}

	.Photo .mmore {position:absolute; top:0; right:0;}
}

.mmore {position:absolute; font-size:0;}
.mmore a {
	transition:all 0.3s; border-radius:100%; display:inline-block; width:40px; height:40px; 
	background:#fff url('../images/common/plus.png') center no-repeat; background-size:15px; box-sizing:border-box;
}
.mmore a:hover {background:url('../images/common/plus.png') center no-repeat; background-size:10px;}

@media(min-width:1200px) {
	.mmore a {width:40px; height:40px; background-size:auto;}
	.mmore a:hover {background:url('../images/common/plus.png') center no-repeat; background-size:auto;}
}


.Arr {position:absolute; z-index:9;}
.Arr a {transition:all 0.3s; border-radius:100%; display:block; width:30px; height:30px; box-sizing:border-box;}
.AL a {background:#f7f7f7 url('../images/cont/btn_pre.svg') center no-repeat; background-size:8px;}
.AR a {background:#f7f7f7 url('../images/cont/btn_next.svg') center no-repeat; background-size:8px;}

@media(min-width:1024px) {
	.Arr a {width:40px; height:40px;}
	.AL a {background:#f7f7f7 url('../images/cont/btn_pre.svg') center no-repeat; background-size:8px;}
	.AR a {background:#f7f7f7 url('../images/cont/btn_next.svg') center no-repeat; background-size:8px;}
}


/* 배너 */
.banner {clear:both; position:relative; width:100%; margin:0 auto 20px; background:#fff; border-radius:50px;}
.mBG05 {border-radius:10px; position:relative; width:auto; word-break:break-all;}
.mBG05 h4 {display:none;}
.mBG05 #mBanner {width:100% !important; height:auto;}
.mBG05 #mBanner .slick-list {padding:10px; margin:0 30px;}
.mBG05 #mBanner li {display:block; width:47.5%; height:auto; float:left; text-align:center; margin-right:10px;}
.mBG05 #mBanner li:first-child {margin-left:0;}
.mBG05 #mBanner li a {display:inline-block; padding-top:0;}
.mBG05 #mBanner li a img {display:block; width:100%;}
.banner .AL {top:calc(50% - 15px); left:-15px;}
.banner .AR {top:calc(50% - 15px); right:-15px;}

@media(min-width:1200px) {
	.banner {width:1200px; margin:0 auto; border-radius:50px;}
	.mBG05 {position:relative; margin:0 auto;}
	.mBG05 #mBanner {width:100% !important; height:100px;}
	.mBG05 #mBanner .slick-list {padding:0 10px; margin:0 30px;}
	.mBG05 #mBanner li {width:25%; height:auto; margin:23px 0;}
	.mBG05 #mBanner li img {width:auto; height:54px;}

	.banner .AL {top:calc(50% - 20px); left:-20px;}
	.banner .AR {top:calc(50% - 20px); right:-20px;}
}


/* 모바일 서브 메뉴 */
.snb {display:none; overflow:hidden; margin-bottom:50px;}
#snbbtn {
	display:block; width:100%; padding:20px 30px; color:#fff; box-sizing:border-box; 
	background:#2747aa url('../images/common/arrow_d.svg') no-repeat 97% 50%; background-size:12px; 
}
#snb .ov {background:#fff; border-bottom:none;}
#snb > ul {text-align:center; font-size:0; max-width:1200px; width:100%; margin:0 auto;}
#snb > ul li {display:block; width:100% !important;}
#snb > ul li a {display:block; padding:15px 20px; font-size:15px; text-align:left; color:#333;}
#snb > ul li a span {display:inline;}
#snb > ul li a span:after {display:none;}
#snb > ul li:last-child a span:after {display:none;}
#snb.snb2 ul li a {font-size:17px; line-height:1.5em; height:auto;}
#snb > ul li a:focus, #snb ul li a.current {color:#111;}
#snb > ul li ol li {text-indent:12px;}
#snb > ul li a[target="_blank"] {background:url('../images/cont/blk.png') 95% 50% no-repeat;}

/* 가로형 스크롤 2뎁스 까지 표기 */
#snb.snbSC {background:rgba(255,255,255,.8);}
#snb.snbSC .ov {background:transparent; border-bottom:none; color:#fff;}
#snb.snbSC > ul li:before {display:none;}
.tabmenu.type > li > a{display:none !important;}
.tabmenu.type > li > div {display:block !important;}
#snb ul.type {
	display:flex; 
	display:-webkit-box; 
	display:-ms-flexbox; 
	justify-content:center; 
	-webkit-box-pack:center; 
	-ms-flex-pack:center; 
	justify-content:space-between; 
    margin:0; 
    width:auto; 
    white-space:nowrap; 
    overflow:auto; 
}
#snb ul.type::-webkit-scrollbar {display:none;}
#snb ul.type li {position:relative; margin:0; flex:1 1 auto; width:auto !important; display:inline-block}
#snb ul.type li a {display:block; font-size:15px; text-align:center; line-height:40px; padding:0 20px; color:#222;}
#snb ul.type li.ov a{font-weight:800; background:#1161be; color:#fff; border-radius:50px;}

@media(min-width:1024px) {
	#snb.snbSC {border-radius:0;}
	#snb ul.type li a {font-size:16px; line-height:50px; padding:0 30px;}
}

@media(min-width:1200px) {
	#snb.snbSC {margin:0;}
	#snb ul {display:none;}
}

@media(max-width:1199px) {
	.scroll {position:relative; display:block;}
	.scroll .mouse {
		position:absolute; bottom:10px; left:50%; transform:translateX(-50%); 
		width:20px; height:30px; border:2px solid #444; border-radius:100px; 
		box-sizing:border-box; z-index:10;
	}
	.scroll .mouse:before {	position:absolute; top:7px; left:50%; content:""; width:2px; height:7px; margin-left:-1px; background:#444;}
	.scroll .down {
		position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); content:""; 
		font-size:14px; letter-spacing:0; color:#444; 
		animation:down 2s infinite; z-index:10;
	}
	.scroll .down:before {
		position:absolute; content:""; 
		bottom:27px; left:20px; width:8px; height:8px; margin-left:-5px; 
		border-bottom:2px solid #444; 
		border-right:2px solid #444; animation:scrollArrow 2s infinite;
	}
	.scroll .down:after {
		position:absolute; content:""; 
		bottom:27px; left:-20px; width:8px; height:8px; margin-left:-5px; 
		border-bottom:2px solid #444; 
		border-right:2px solid #444; animation:scrollArrowL 2s infinite; 
	}

	@keyframes scrollAni {
		0% {transform:translate(0, 0);}
		80% {transform:translate(0, 10px);}
	}
	@keyframes scrollArrow {
		0% {
			transform:rotate(-45deg) translate(0, 0); 
			opacity:0; 
		}
		50% {opacity:1}
		100% {
			transform:rotate(-45deg) translate(10px, 10px); 
			opacity:0; 
		}
	}

	@keyframes scrollArrowL {
		0% {
			transform:rotate(135deg) translate(0, 0); 
			opacity:0; 
		}
		50% {opacity:1}
		100% {
			transform:rotate(135deg) translate(10px, 10px); 
			opacity:0; 
		}
	}
}

#container #sub_visual {
	box-sizing:border-box; position:relative; width:150%; height:200px; margin:0 0 10px -25%; overflow:hidden; /*border-radius:0 0 50% 50%;*/ transition:0.3s;
	background:linear-gradient(-90deg, #fff 0%, #ffeddc); 
	background:-webkit-linear-gradient(-90deg, #fff 0%, #ffeddc); 
	background:#f3f9ff url('../images/main/sub_bg.png') center 0 no-repeat; background-size:220% auto;
}
#container #sub_visual:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; /*background:rgba(17,97,190,.3);*/} 
#container #sub_visual .subTitle {position:relative; height:100%; text-align:center; color:#fff; box-sizing:border-box; padding:100px 0 0;}
#container #sub_visual .subTitle .tit {font-size:30px; letter-spacing:0; font-family:'Cafe24Ssurround'; color:#444;}
#container #sub_visual .subTitle .tit strong {display:block; font-size:34px; line-height:1.5;}
#container #sub_visual .subTitle .txt {font-size:16px;}

#container .sub_contents .conwrap {position:relative;}
#container .sub_contents .conwrap #SCONTAINER {position:relative;}

@media(min-width:768px) {
	#container #sub_visual {height:300px; background:#f3f9ff url('../images/main/sub_bg.png') center 0 no-repeat; background-size:cover;}
	#container #sub_visual .subTitle {height:240px; padding:120px 0 0;}
	#container #sub_visual .subTitle .tit {font-size:36px;}
}

@media(min-width:1024px) {
	#container #sub_visual {height:360px; margin:0 0 20px -25%;}
	#container #sub_visual .subTitle {height:300px; padding:150px 0 0;}
	#container #sub_visual .subTitle .tit {font-size:40px;}
}

@media(min-width:1200px) {
	#container .sub_contents .conwrap {position:relative;}
	#container #sub_visual {
		width:100%; height:400px; margin:0; border-radius:0;
		background:#f3f9ff url('../images/main/sub_bg.png') center 43% no-repeat; background-size:cover;
	}
	#container #sub_visual .subTitle {width:1200px; height:100%; margin:0 auto; padding:180px 0 0;}
	#container #sub_visual .subTitle .tit {font-size:50px; color:#444;}
	#container #sub_visual .subTitle .tit strong {display:block; font-size:60px; line-height:1.5;}
	#container #sub_visual .subTitle .txt {font-size:16px;}
} 

@media(min-width:1400px) {
	#container #sub_visual {/*border-radius:0 0 200px 200px;*/}
} 


/* 메뉴 상단 서브페이지 Soff 풀스크린, Basic 좌측메뉴*/
.Soff .w1200 {padding:20px;}

@media(min-width:1024px) {
	.Soff .w1200 {position:relative; padding:40px;}
}

@media(min-width:1200px) {
	.Soff .w1200 {width:1200px; margin:100px auto; padding:0;}
	.Soff .w1200.type {width:1200px; margin:100px auto 0; position:relative; padding:0;}
}

.Soff .asideAREA {display:none;}
.Soff .RightCnt {position:relative; padding:50px 0 0; overflow:hidden;}
.sb03 .Soff .RightCnt {padding:50px 0 0;}

@media(min-width:1200px) {
	.Soff #SCONTAINER {margin:0 auto;}
	.Soff .asideAREA {position:relative; display:block; box-sizing:border-box;}
	.Soff .asideTNB {
		width:1200px; margin:-30px auto 0; border-radius:50px; overflow:hidden; background:#fff;
		-webkit-box-shadow:5px 7px 24px 6px rgba(0,0,0,0.26); box-shadow:5px 7px 24px 6px rgba(0,0,0,0.10);
	}
	.Soff .asideTNB ul {white-space:normal; display:flex; flex-wrap:nowrap; width:100%;}
	.Soff .asideTNB:before {content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:1200px; height:100%; box-sizing:border-box;}
	.Soff .asideTNB li {background:none; width:50%;}
	.Soff .asideTNB a {
		-webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; display:-webkit-box; display:-ms-flexbox; display:flex; 
		-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
		position:relative; text-align:center; background:rgba(255,255,255,.8); height:60px; line-height:1.3; font-size:17px; color:#222; z-index:1; padding:0 20px;
	}
	.Soff .asideTNB li:first-child a:before {display:none;}

	.Soff .asideTNB .ov {position:relative; border:0 !important;}
	.Soff .asideTNB .ov a {transition:none; font-weight:800; background:#1161be; color:#fff; box-sizing:border-box; border-radius:50px;}
	.Soff .asideTNB .ov a:before {}

	.Soff .asideTNB li:hover a {font-weight:800; color:#1161be;}
	.Soff .asideTNB li:hover.ov a {color:#fff;}

	.Soff .asideTNB ul li ol {display:none;}
	.Soff .RightCnt {padding:150px 0 0; min-height:300px; overflow:hidden;}
	.sb02 .Soff .RightCnt {padding:150px 0 0;}
	.sb03 .Soff .RightCnt {padding:150px 0 0;}
}

@media(min-width:1400px) {
	.Soff .asideTNB {margin:-35px auto;}
	.Soff .asideTNB a {height:70px;}
}


/* 네비게이션 및 페이지타이틀 */
.location {display:flex; align-items:center; justify-content:center; position:static; font-size:13px; margin:10px 0 0;}
.location a {text-decoration:none; color:#444;} .location span {margin:0 5px; color:#444;}
.location .home img {width:15px; padding:5px; background:#aaa; border-radius:100px; transition:all 0.3s ease-out;}

@media(min-width:1200px) {
	.location {font-size:16px; margin:10px 0 0;}
	.location .home img {width:16px; margin:0 5px 0 0;}
}

.page_title {text-align:center; margin:0 0 30px;}
.page_title .ptit {position:relative; display:inline-block; font-size:24px; font-family:'Cafe24Ssurround';}

@media(min-width:768px) {
	.page_title {margin:0 0 50px;}
	.page_title .ptit {font-size:28px;}
}

@media(min-width:1024px) {
	.page_title .ptit {font-size:30px;}
}

@media(min-width:1200px) {
	.page_title {/*display:flex; align-items:center; justify-content:space-between;*/ text-align:center; width:1200px; margin:0 auto 100px;}
	.page_title .ptit {font-size:40px;}
}


/* 퀵메뉴 */
#quick_top {text-align:center; position:fixed; z-index:9; bottom:0; left:0; width:100%; overflow:hidden; display:none;}

@media(min-width:1200px) {
	#quick_top {
		width:120px; margin:0 auto; top:50%; transform:translateY(-50%); left:auto; right:0; bottom:inherit; text-align:center; overflow:hidden; 
		display:block; padding:0; border-radius:20px 0 0 20px; background:#fff;
		-webkit-box-shadow:0px 8px 14px rgba(0,0,0,.06); 
		-moz-box-shadow:0px 8px 14px rgba(0,0,0,.06); 
		box-shadow:0px 8px 14px rgba(0,0,0,.06); 
	}
	#quick_top .Call {position:relative; display:block; height:170px; background:#4eceb6; color:#fff; font-weight:800; padding:20px 15px; box-sizing:border-box;}
	#quick_top .Call p {font-size:20px; line-height:1.3;}
	#quick_top .Call ul li {font-size:15px; line-height:1.3; border:1px solid #fff; border-radius:50px; width:100%; margin:7px 0; padding:4px 0;}

	/* 퀵메뉴 sns */
	.mqICON {background:#fff; width:100%; height:auto; text-align:center;}
	.mqICON ul {margin:10px 0 0;}
	.mqICON ul li {width:100%; float:none; margin:20px 0; box-sizing:border-box;}
	.mqICON ul li a {font-size:14px; padding:0; box-sizing:border-box;}
	.mqICON ul li a:before {content:''; display:block; transition:all 0.3s ease-out; width:90px; height:30px; box-sizing:border-box; margin:0 auto;}
	.mqICON .i01 a:before {background:url('/images/common/ico_instar.svg') 50% no-repeat; background-size:contain; width:90px;}
	.mqICON .i02 a:before {background:url('/images/common/ico_zep.svg') 50% no-repeat; background-size:contain; width:100px; height:36px;}
	.mqICON .i03 a:before {background:url('/images/common/ico_zepeto.svg') 50% no-repeat; background-size:contain; width:90px;}
	.mqICON .i04 a:before {background:url('../images/cont/sel_arr.svg') 50% no-repeat; background-size:20px; transform:rotate(180deg);}
}

#go_top {text-align:center; display:none; position:fixed; bottom:10px; right:10px; z-index:2;}
#go_top span {
	display:block; box-sizing:border-box; color:#fff; width:40px; height:40px; border-radius:100%; 
	background:#fff url('/images/common/btn_top.png') 50% 50% no-repeat; background-size:20px;
	-webkit-box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1); 
}

@media(min-width:1200px) {
	#go_top {bottom:50px; right:50px;}
	#go_top span {background:#fff url('/images/common/btn_top.png') 50% 50% no-repeat; width:70px; height:70px;}
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 576px) {
	.inner {
		padding: 0 20px;
	}
}
@media screen and (max-width: 1560px) {
	.inner {
		padding: 0 40px;
	}
}
#footer {}
#footer .top { background: #fff;  border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
#footer .top .inner { display: flex; justify-content: space-between; }
#footer .top .link_list {}
#footer .top .link_list li { display: inline-block; position: relative; padding: 27px 17px 27px 0; margin-right: 10px; }
#footer .top .link_list li::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: 2px; background: #333; border-radius: 50%; }
#footer .top .link_list li:last-child::after { display: none; }
#footer .top .link_list li a { font-size: 15px; font-weight: 500; }
#footer .top .family_site { width: 270px; position: relative; margin-left: 1px; }
#footer .top .family_site p { position: relative; padding: 26px 20px; cursor: pointer; font-size: 16px; color:#000}
#footer .top .family_site p span { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
#footer .top .family_site p span img { transform: rotate(180deg); }
#footer .top .family_site ul { z-index: 30; display: none; position: absolute; left: 0; bottom: 100%; background: #f7f7f7; width: 100%; max-height: 300px; overflow-y: scroll; padding: 10px 0; text-align:left;}
#footer .top .family_site ul li {}
#footer .top .family_site ul li a { display: block; font-size: 15px; color: #999; padding: 10px 20px; }
#footer .top .family_site ul li a:hover { color: #333; }
#footer .bottom { background: #fff; padding: 55px 0; }
#footer .bottom .inner { display: flex; justify-content: space-between; }
#footer .bottom .info {text-align:left}
#footer .bottom .info p { font-size: 14px; color: #777777; margin-bottom: 12px; }
#footer .bottom .info p span { font-size: 14px; color: #777777; position: relative; display: inline-block; padding-right: 10px; margin-right: 5px; }
#footer .bottom .info p span::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #c1c1c1; }
#footer .bottom .info p span:last-child::after { display: none; }
#footer .bottom .sns {}
#footer .bottom .sns a { display: inline-block; margin-left: 5px; }
#footer .bottom .sns a img{}
#footer #topBtn { position: fixed; bottom: 142px; right: 3%; display: none; z-index: 9999;}

@media screen and (max-width: 1204px) {
	/* 푸터 */
    #footer .top .inner { flex-direction: column; }
}

@media screen and (max-width: 1000px) {
    /* 푸터 */
    #footer .top .inner { flex-direction: column; }
    #footer .top .link_list { margin-top: 30px; margin-bottom: 10px; }
    #footer .top .link_list li { padding: 10px 17px 10px 0; }
    #footer .top .family_site { margin-bottom: 10px; }
    #footer .top .family_site p { padding-left: 0; }
    #footer .bottom .inner { flex-direction: column-reverse; }
    #footer .bottom .sns { margin-bottom: 30px; }
    #footer .bottom .info p { margin-bottom: 0; }
    #footer .bottom .info p span { margin-bottom: 12px; }
    #footer .bottom .info p:nth-child(1) span { display: block; }
    #footer .bottom .info p:nth-child(2) span:last-child { display: block; }
    #footer .bottom .info p:nth-child(1) span::after { display: none; }
    #footer .bottom .info p:nth-child(2) span:nth-child(2)::after { display: none; }
    #footer #topBtn { bottom: 250px; }
}

@media screen and (max-width: 768px) {
    /* 푸터 */
    #footer .top .familysite_wrap { flex-direction: column; }
    #footer .top .familysite_wrap .family_site { width: 100%; }
}

@media screen and (max-width: 500px) {
    /* 푸터 */
    #footer .top .link_list li a { font-size: 14px; }
    #footer .top .family_site { width: 150px; }
    #footer .top .family_site p { font-size: 14px; }
    #footer .bottom { padding: 45px 0; }
    #footer .bottom .info p { font-size: 12px; }
    #footer .bottom .info p span { font-size: 12px; margin-bottom: 10px; }
    #footer #topBtn { bottom: 236px; }
    #footer #topBtn img { width: 70px; }
}
.only-pc {display:block;}
@media all and (max-width:768px) {
	.only-pc {display:none;}
}