@charset 'euc-kr';

body {color:#555; font-size:16px; word-break:break-all;}
input, textarea, select {font-size:14px; font-family:'Spoqa Han Sans Neo', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif; }


@media all and (min-width:768px) {
	body {color:#555; font-size:16px;}
	input, textarea, select {font-size:16px; }
}

@media all and (min-width:1200px) {
	body {font-size:16px; }
	input, textarea, select {font-size:16px; }
}




/*layout*/
#header {position:relative; z-index:9789; width:100%; min-height:100px;}
#header #header_inner {width:100%; height:100%; margin:0 auto; text-align:center;}
#header h1 {position:absolute; top:40px; left:20px;}
#header h1 img {width:auto; height:40px;}

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


/*·Î±×ÀÎ,ȸ¿ø°¡ÀÔ*/
.TopRight {display:none;}
.ZoomM {display:block; width:auto; background:#fff; border:1px solid #ddd; 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:767px) {
	.pON {display:none;}
}

@media(min-width:1200px) {
	body {font-size:18px;}
	input, textarea, select {font-size:inherit; font-weight:300;}
	.block  {display:block;} /* ÇǾ¾¸¸ ±Û¾¾ */
	.pblock {display:block;} /* ÇǾ¾¸¸ */
	.mblock  {display:inline-block;} /* ¸ð¹ÙÀϸ¸ */
}

@media(min-width:1200px) {
	/*layout*/
	#wrap {width:100%; height:100%; position:relative; box-sizing:border-box; min-width:320px;}
	#header {position:static; z-index:89898; min-height:200px; transition:all 0.3s ease-out; box-sizing:border-box;}
	#header #header_inner {position:relative;}
	#header h1 {width:auto; height:auto; top:30px; left:calc(50% - 600px); z-index:9999;}
	#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:35px; right:calc(50% - 600px);}
	.TopRight li {float:left;}
	.TopRight li a {	
		display:inline-block; width:140px; height:40px; line-height:40px; 
		border-radius:20px; text-decoration:none; margin-left:5px; font-size:16px;
	}
	.TopRight li.i01 a {background:#feda99;color:#f6931f;}
	.TopRight li.i02 a {background:#c6f2ff;color:#00b9f0;}

}
	
/* »ó´Ü Æ˾÷ ¹Ù·Î°¡±â */
.popup-open {clear:both; display:block; margin:0 auto;}
.popup-open li a {transition:all 0.3s ease-out; position:relative; display:block; overflow:hidden; background:#b5cef7; color:#6097f2; padding:5px 0;}
.popup-open li:hover a {background:#4b7edd;color:#fff;}
.popup-open i {margin-left:.2rem; color:#ffee5d; font-style:normal;}
.popup-open li a:before {
    width:1rem; height:1rem; 
    background:#fff url('/images/common/ico_popup.png') center no-repeat; background-size:8px; 
    border-radius:50%; position:absolute; top:49%; right:5rem; transform:translateY(-50%); content:""; 
}

@media(min-width:1200px) {
	.popup-open {position:absolute; top:35px;right:calc(50% - 306px); text-align:left;}
	.popup-open li a {
		transition:all 0.3s ease-out; border-top:none; display:inline-block; width:150px; height:40px; text-decoration:none; 
		line-height:40px; padding-left:20px; box-sizing:border-box; border-radius:20px; padding:0 0 0 20px;
	}
	.popup-open li a:before {right:0.8rem;}
}


/* ¸ÞÀθ޴º */
#gnb {position:absolute; right:0; top:80px;}
#gnb .b1.to {display:block;}
#mgnTOP {display:block; position:relative; min-height:100px; padding:30px 0; box-sizing:border-box; border-bottom:1px solid #ccc; overflow:hidden;}
#mgnTOP h1 {float:none; margin:0;}
#mgnBOT {margin:10px 25px; overflow:hidden;}
#mgnBOT ul {overflow:hidden; margin:10px 0 20px 0;}
#mgnBOT ul li {float:left; line-height:16px;}
#mgnBOT ul li a {background:#faa61a; color:#fff; font-size:12px; margin:0 1px 0 0; display:inline-block; height:30px; line-height:30px; padding:0 10px;}
#mgnBOT li.i01 a {background:#feda99;color:#f6931f;}
#mgnBOT li.i02 a {background:#c6f2ff;color:#00b9f0;}

#navi {display:block; visibility:hidden; position:fixed; left:auto; right:0; top:0; width:100%; height:100%; overflow-y:visible; background:transparent;}
	#navi.on {display:block; visibility:visible; right:0;}

	#navi .ovBG {background:rgba(0,0,0,.5); top:0; left:0; right:0; width:100%; height:100%; position:fixed;}
	#navi>div.cont {position:fixed; left:auto; right:0; top:0; width:320px; height:100%; overflow-y:auto; background:#fff;}

#gnb .d1 {text-align:left; font-family:'NEXON Lv1'; }


#gnb .d1 ul {margin:40px 0 0 0}
#gnb .d1 ul a span {position:relative; display:block; padding:0 25px; line-height:50px; color:#222; font-size:17px; font-weight:500; border-bottom:1px dashed #ddd;}
#gnb .d1 ul a span:after {
    content:""; 
    position:absolute; 
    top:23px; 
    right:30px; 
    width:12px; 
    height:8px; 
    background:url('../images/common/m_gnb.png') no-repeat; 
    background-size:12px; 
	}
#gnb .d1 ul a .ov {border-bottom:none;}
#gnb .subMenu ul {background:#f2f9e7;}
#gnb .subMenu li a {padding:12px 25px; color:#555; display:block; font-weight:400;}
#gnb ul li .subMenu li .ov {color:#333; text-decoration:underline;}
#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;} 

#navi .b2 {z-index:110; float:left; position:absolute; right:30px; top:30px; width:17px; height:17px; display:block;}
#navi .b2>.ic1 {position:absolute; right:0; top:17px; width:25px; height:25px; background:url('/images/common/m_close.png') no-repeat; background-size:contain;}
#navi .b2.close {}
#navi .b2.close>.ic1 {}
#navi.on>div.cont {right:0;}

#navi .b1.to {z-index:10; position:absolute; right:0; width:40px; height:40px; overflow:hidden; text-indent:-9999px;}
#gnb .b1.to .ic1 {
	display:block; position:absolute; right:20px; top:-30px; 
	width:30px; height:23px; 
	background:url('/images/common/m_menu.png') no-repeat; background-size:contain; 
	}

@media(max-width:1199px) {
	#navi>div.cont {height:100% !important;}
	#gnb .d1 {height:auto !important }

}

@media(min-width:1200px) {
	#gnb {clear:both; position:absolute; top:140px; width:100%; display:block; z-index:999;}
	#header:before {position:absolute; content:''; width:100%; top:140px; left:0; border-top:1px solid #ddd; z-index:9998;}
	#header:after {position:absolute; content:''; width:100%; top:200px; left:0; border-top:1px solid #ddd; z-index:9998;}
	#gnb .b1.to {display:none;}
	#mgnTOP {display:none;}
	#mgnBOT {display:none;}
	#navi {
		visibility:visible; 
		position:static; left:0; right:0; top:-1px; 
		width:auto; min-height:60px; 
		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;}
		/*
		#navi>div.cont:hover:before {position:absolute; content:''; left:0; bottom:0; width:100%; border-bottom:1px solid #ddd;}
		#navi>div.cont:hover:after {position:absolute; content:''; left:0; top:60px; width:100%; border-bottom:1px solid #ddd;}
		*/
		#header:hover .subMenu {box-shadow:-3px 5px 10px rgba(0, 0, 0, 0.1);}
		#navi.on>div.cont {right:0;}

	#gnb .d1 {visibility:visible; box-sizing:border-box; width:1200px; margin:0 auto; padding:0;}
	#gnb .d1 ul {overflow:hidden; padding:0;margin:0}
	#gnb .d1 ul > li {float:left; width:calc(100% / 7 - 1px); text-align:center; box-sizing:border-box; transition:all 0.3s ease-out;}
	#gnb .d1 ul > li:hover span {color:#47c4da;  transition:all 0.3s ease-out;}
	#gnb .d1 ul a span:before {position:absolute; content:''; top:calc(50% - 10px); left:0; width:1px; height:20px; border-left:1px solid #dfdfdf;}
	#gnb .d1 ul > li:first-child a span:before {display:none;}
	#gnb .d1 ul a span {position:relative; color:#111; font-size:20px; border-bottom:none; height:60px; line-height:60px; padding:0; box-sizing:border-box;}
	#gnb .d1 ul a span:hover {border:none;}
	#gnb .d1 ul a span:after {background:none;}
	#gnb .d1 ul a .ov {background:none; color:#fe9a93;}
	#gnb .d1 ul a .ov:hover {}


	/* ¼­ºê¸Þ´º */
	#gnb .subMenu {position:relative; list-style:none; display:none; z-index:999; overflow:hidden; width:100%; box-sizing:border-box; padding:50px 0; height:290px; background:#fff;}
	#gnb .subMenu ul {display:table; margin:0 auto; /*table-layout:fixed;*/ background:#fff;}
	#gnb .subMenu ul li {float:none; display:table-cell; width:auto; border-radius:5px;}
	#gnb .subMenu ul li a {position:relative; font-size:16px; color:#333; font-weight:500; display:block; padding:12px 20px; transition:all 0.3s ease-out;}
	#gnb .subMenu ul li a:before {border-radius:100%; content:''; display:block; width:90px; height:90px; margin:10px auto 20px; transition:all 0.3s ease-out;}
	#gnb .subMenu ul li .ov:before {background-color:#47c4da !important;}

	#gnb #sub01 li:first-child a:before {background:#cfcfcf url('/images/common/i01a.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i01b.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i01c.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i01d.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(5) a:before {background:#cfcfcf url('/images/common/i01e.svg') 50% no-repeat;}
	#gnb #sub01 li:first-child a:hover:before {background:#47c4da url('/images/common/i01a.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i01b.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i01c.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i01d.svg') 50% no-repeat;}
	#gnb #sub01 li:nth-child(5) a:hover:before {background:#47c4da url('/images/common/i01e.svg') 50% no-repeat;}

	#gnb #sub02 li:first-child a:before {background:#cfcfcf url('/images/common/i02a.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i02b.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i02c.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i02d.svg') 50% no-repeat;}
	#gnb #sub02 li:first-child a:hover:before {background:#47c4da url('/images/common/i02a.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i02b.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i02c.svg') 50% no-repeat;}
	#gnb #sub02 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i02d.svg') 50% no-repeat;}

	#gnb #sub03 li:first-child a:before {background:#cfcfcf url('/images/common/i03a.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i03b.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i03c.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i03d.svg') 50% no-repeat;}
	#gnb #sub03 li:first-child a:hover:before {background:#47c4da url('/images/common/i03a.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i03b.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i03c.svg') 50% no-repeat;}
	#gnb #sub03 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i03d.svg') 50% no-repeat;}

	#gnb #sub04 li:first-child a:before {background:#cfcfcf url('/images/common/i04a.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i04b.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i04c.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i04d.svg') 50% no-repeat;}
	#gnb #sub04 li:first-child a:hover:before {background:#47c4da url('/images/common/i04a.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i04b.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i04c.svg') 50% no-repeat;}
	#gnb #sub04 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i04d.svg') 50% no-repeat;}

	#gnb #sub05 li:first-child a:before {background:#cfcfcf url('/images/common/i05a.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i05b.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i05c.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i05d.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(5) a:before {background:#cfcfcf url('/images/common/i05e.svg') 50% no-repeat;}
	#gnb #sub05 li:first-child a:hover:before {background:#47c4da url('/images/common/i05a.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i05b.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i05c.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i05d.svg') 50% no-repeat;}
	#gnb #sub05 li:nth-child(5) a:hover:before {background:#47c4da url('/images/common/i05e.svg') 50% no-repeat;}

	#gnb #sub06 li:first-child a:before {background:#cfcfcf url('/images/common/i06a.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i06b.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(2) {width:140px;}
	#gnb #sub06 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i06c.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i06d.svg') 50% no-repeat;}
	#gnb #sub06 li:first-child a:hover:before {background:#47c4da url('/images/common/i06a.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i06b.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i06c.svg') 50% no-repeat;}
	#gnb #sub06 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i06d.svg') 50% no-repeat;}

	#gnb #sub07 li:first-child a:before {background:#cfcfcf url('/images/common/i07a.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(2) a:before {background:#cfcfcf url('/images/common/i07b.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(3) a:before {background:#cfcfcf url('/images/common/i07c.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(4) a:before {background:#cfcfcf url('/images/common/i07d.svg') 50% no-repeat;}

	#gnb #sub07 li:first-child a:hover:before {background:#47c4da url('/images/common/i07a.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(2) a:hover:before {background:#47c4da url('/images/common/i07b.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(3) a:hover:before {background:#47c4da url('/images/common/i07c.svg') 50% no-repeat;}
	#gnb #sub07 li:nth-child(4) a:hover:before {background:#47c4da url('/images/common/i07d.svg') 50% no-repeat;}

	#gnb ul li .subMenu ul li ol li {display:table; width:100%; float:left; border:none; margin:0; background:#fff; border:1px solid red;}
	#gnb ul li .subMenu ul li ol li a {display:table-cell; font-weight:400; border:none; padding:10px 0 0;}
	#gnb ul li .subMenu ul li ol li:hover a {border:none;}

	#gnb ul li .subMenu ul li .ov {color:#47c4da; text-decoration:none;}
	#gnb ul li .subMenu ul li ol .ov {color:#47c4da; border:none;}

	#gnb ul li #subm1 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm2 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm3 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm4 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm5 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm6 {box-sizing:border-box; position:absolute; top:60px; left:0;}
	#gnb ul li #subm7 {box-sizing:border-box; position:absolute; top:60px; left:0;}


	.hvr-overline { 
		display:inline-block;
		vertical-align:middle;
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		box-shadow:0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		-moz-osx-font-smoothing:grayscale;
		position:relative;
		}
	.hvr-overline:before {
		content:"";
		position:absolute;
		left:50%;
		right:50%;
		bottom:0;
		background:#ddd;
		height:6px;
		-webkit-transition-property:left, right;
		transition-property:left, right;
		-webkit-transition-duration:0.3s;
		transition-duration:0.3s;
		-webkit-transition-timing-function:ease-out;
		transition-timing-function:ease-out;
		}
	.hvr-overline:hover:before, .hvr-overline:focus:before, .hvr-overline:active:before {left:0; right:0;}
}


/* ÇÏ´Ü footer */
#footer {width:100%; padding:0 0 10px 0; clear:both; position:relative; z-index:77; min-height:150px; font-size:0.9em;}
#footer .foot_inner {width:100%; margin:0 auto;}
#footer .foot_inner .link ul {overflow:hidden;}

#footer .foot_inner .link ul li.li01 a{border:1px solid rgba(179,179,179,0.2);}
#footer .foot_inner .link ul li.li02 a{border-top:1px solid rgba(179,179,179,0.2); border-right:1px solid rgba(179,179,179,0.2); border-bottom:1px solid rgba(179,179,179,0.2);}
#footer .foot_inner .link ul li.li03 a{border-left:1px solid rgba(179,179,179,0.2); border-right:1px solid rgba(179,179,179,0.2); border-bottom:1px solid rgba(179,179,179,0.2);}

#footer .foot_inner .link ul li a{float:left; padding:12px 0; width:49.5%; text-align:center; color:#555;}
#footer .foot_inner .link ul li a.per {color:#2277bd;}

#footer .foot_inner .info {clear:both; padding:15px 10px; line-height:1.45em;}
#footer .foot_inner .info address {padding:10px 0 0 0}
#footer .foot_inner .info address span {margin:5px 0;}
#footer .foot_inner .info address a {color:#555;}
#footer .foot_inner .info .copyright {display:block; margin-top:10px; clear:both;}
#footer .foot_inner .info .copyright a {color:#333;}

#footer .foot_inner .info .SNS {overflow:hidden; width:120px;}
#footer .foot_inner .info .SNS li {font-size:0; float:left; margin:5px;}
#footer .foot_inner .info .SNS li a {width:30px; height:30px; display:block;}


@media(min-width:1200px) {
	/*footer*/
	#footer {background:#fff; border-top:1px solid #ddd; padding:0 0 25px 0;background:url('/images/common/footer_bg.gif') 50% 0 repeat-x;}
	#footer .foot_inner {width:1200px; position:relative;}
	#footer .foot_inner .link {overflow:hidden;}
	#footer .foot_inner .link ul li {float:left;}
	#footer .foot_inner .link ul li a {color:#555; padding:15px 10px; width:auto; border:none !important;}

	#footer .foot_inner .info {padding:25px 0; overflow:hidden;}
	#footer .foot_inner .info address {color:#777; float:left; padding:0;}
	#footer .foot_inner .info address span {margin:0;}
	#footer .foot_inner .info .copyright {padding-top:10px; margin-top:0;}

	#footer .foot_inner .info .SNS {position:absolute; top:5px; right:0; width:120px;}
}


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

.mBG01 {}
.mBG02 {margin:0 auto 20px auto; width:95%;overflow:hidden;position:relative;}
.mBG03 {background:#f4fcff;padding:30px 0}
.mBG03 .w1200 {margin:50px auto;}

@media (min-width:767px) {
	.mBG02 {width:670px;}
}

@media(min-width:1200px) {
	.mBG01 {margin:0 auto;}
	.mBG02 {width:auto; margin:40px auto;}
	.mBG02 .w1200 {position:relative;width:1200px; margin:0 auto; overflow:hidden;}
	.mBG03 {padding:60px 0}
	.mBG03 .w1200 {position:relative;width:1200px; margin:50px auto; overflow:hidden;}
}


/* play¹öÆ° ¼û±è */
.slidesjs-navigation, .slidesjs-pagination {display:none !important;}
#slidesPhoto > .slidesjs-container {height:350px !important;}

/* ¸ÞÀÎÁ¸ ¹è³Ê */
#main .mainPOP {position:relative; margin:0 auto; width:100%; height:200px; text-align:center;}
.mainPOP .Vimg {position:relative; height:200px; width:100%; overflow:hidden; background-position:20px center;}
.mainPOP .Vimg a {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainPOP .Vimg 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;
}

.wrapArr {position:absolute; bottom:5%; right:10%; z-index:999;}
.wrapArr .Roll {overflow:hidden;}
	.wrapArr .Roll li {
		display:block; width:13px; height:13px; 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 li.slick-active {width:40px; border-radius:10px; background:#fff}
	.wrapArr .Roll ul {float:left; margin:3px 5px 0 0;}
	.wrapArr .Roll p {float:left; width:21px; height:21px;}
	.wrapArr .Roll p img {width:100%;}


@media(min-width:1200px) {
	#main .mainPOP {position:relative; margin:0 auto; height:450px; overflow:hidden;}
	.mainPOP .Vimg {width:100%; min-width:1200px; height:450px;}
	.mainPOP .Vimg img {width:100%; height:100%;}

	.wrapArr {bottom:5%; right:15%;}
	.wrapArr .Roll ul {margin:5px 5px 0 0;}
	.wrapArr .Roll li {width:20px; height:20px;}
	.wrapArr .Roll p {width:31px; height:31px;}
}



.mmore {position:absolute;}
.mmore a {transition:all 0.3s ease-out; border-radius:100%; display:block; border:1px solid #dfdfdf; width:30px; height:30px; ; background:#fff url('/images/common/plus.png') center no-repeat; background-size:10px;}
.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 {border:1px solid #7769af;background-size:auto;}
}



.Arr {position:absolute; z-index:9;}
.Arr a {transition:all 0.3s ease-out; border-radius:100%; display:block; width:25px; height:25px;}
.AL a {background:#fff url('/images/cont/btn_pre.png') center no-repeat; }
.AR a {background:#fff url('/images/cont/btn_next.png') center no-repeat;}

@media(min-width:1200px) {
	.Arr a {width:50px; height:50px;}
	.AL a {background:#fff url('/images/cont/btn_pre.png') center no-repeat;}
	.AR a {background:#fff url('/images/cont/btn_next.png') center no-repeat;}
}



/*Çà»ç */
.mBG02 h4 {font-family:'NEXON Lv1';font-size:1.2em;margin-bottom:10px;font-weight:500}
.boxDs {position:relative;box-sizing:border-box;border:1px solid #ddd;	transition:all 0.3s ease-out;border-radius:30px}

@media (min-width: 767px) {
	.mBG02 h4 {margin-bottom:10px;}
}

@media(min-width:1200px) {
	.mBG02 h4 {font-size:1.3em}
}

/* ¾ÆÀÌÄÜ */
.mICON {font-family:'NEXON Lv1';overflow:hidden;margin:25px auto 0 auto;}
.mICON ul {border-radius:10px;overflow:hidden;background:#fff;}
.mICON li {float:left;width:25%;word-break:keep-all;box-sizing:border-box;}
.mICON li a{font-size:0.8em;font-weight:500;height:150px;box-sizing:border-box;text-align:center;padding:20px 0 0 0;display:block;color:#333;transition:all 0.3s ease-out;}
.mICON li a:before {content:'';display:block;width:70px;height:70px;margin:10px auto 10px auto;transition:all 0.3s ease-out;border-radius:100%;}
.mICON .i01 a:before {background:#fff8c7 url('/images/main/icon01.png') center no-repeat;background-size:50px}
.mICON .i02 a:before {background:#bfedfb url('/images/main/icon02.png') center no-repeat;background-size:50px;}
.mICON .i03 a:before {background:#ffe9ec url('/images/main/icon03.png') center no-repeat;background-size:50px}
.mICON .i04 a:before {background:#adfed7 url('/images/main/icon04.png') center no-repeat;background-size:50px;}

.mICON .i01 a {color:#fab435}
.mICON .i02 a {color:#38c0e9}
.mICON .i03 a {color:#ea6f80}
.mICON .i04 a {color:#34f095}


.mICON li a:hover:before{margin:0 auto 20px auto}

@media (min-width: 767px) {
	.mICON {width:670px;}
	.mICON li {width:16%;float:left;}
	.mICON li a{height:170px}
}

@media(min-width:1200px) {
	.mICON {width:800px;margin:0 auto;border:none;}
	.mICON li {width:25%;}
	.mICON li a{font-size:20px;height:225px}
	.mICON li a:before {width:130px;height:130px;margin:10px auto 30px auto;}
	.mICON .i01 a:before {background:#fff8c7 url('/images/main/icon01.png') center no-repeat;}
	.mICON .i02 a:before {background:#bfedfb url('/images/main/icon02.png') center no-repeat;}
	.mICON .i03 a:before {background:#ffe9ec url('/images/main/icon03.png') center no-repeat;}
	.mICON .i04 a:before {background:#adfed7 url('/images/main/icon04.png') center no-repeat;}

	.mICON li a:hover:before{margin:0 auto 40px auto}
}


/* ¾ÆÀÌÄÜ2 */
.mICON2 {font-family:'NEXON Lv1';overflow:hidden;margin:25px auto 0 auto;}
.mICON2 ul {overflow:hidden;background:#fff;}
.mICON2 li {float:left;width:48%;margin: 0 0 1% 1%;word-break:keep-all;box-sizing:border-box;}
.mICON2 li span {display:table;width:100%;}
.mICON2 li a{
	border-radius:10px;
	font-size:1.25em;font-weight:500;height:150px;box-sizing:border-box;
	text-align:center;vertical-align:middle;display:table-cell;color:#333;
	transition:all 0.3s ease-out;
	}
	/*
.mICON2 li:nth-child(4) {width:49%}
.mICON2 li:nth-child(5) {width:49%}
*/
.mICON2 .i01 a{background:#fff8c7}
.mICON2 .i02 a{background:#ffe69b}
.mICON2 .i03 a{background:#bfedfb}
.mICON2 .i04 a{background:#ffe9ec}
.mICON2 .i05 a{background:#adfed7}
.mICON2 .i06 a{background:#f3c5ad}


.mICON2 .i01 a{color:#d0bb2e}
.mICON2 .i02 a{color:#FF9800}
.mICON2 .i03 a{color:#3098b8}
.mICON2 .i04 a{color:#e299a3}
.mICON2 .i05 a{color:#51cf92}
.mICON2 .i06 a{color:#e48c60}

.mICON2 .i01 a:hover{background:#f7e883;color:#fff;}
.mICON2 .i02 a:hover{background:#f7d777;color:#fff;}
.mICON2 .i03 a:hover{background:#68bfd9;color:#fff;}
.mICON2 .i04 a:hover{background:#e48894;color:#fff;}
.mICON2 .i05 a:hover{background:#68e5a9;color:#fff;}
.mICON2 .i06 a:hover{background:#eb8957;color:#fff;}


.mICON2 li a:hover:before{margin:0 auto 20px auto}

@media (min-width: 767px) {
	.mICON2 {width:670px;}
	.mICON2 li a{height:170px}
}

@media(min-width:1200px) {
	.mICON2 {width:1200px;margin:0 auto;border:none;}
	.mICON2 li {width:24%}
	/*
	.mICON2 li:nth-child(4) {width:19%}
	.mICON2 li:nth-child(5) {width:19%}
	*/
	.mICON2 li a{font-size:1.55em;height:225px}
	.mICON2 li a:hover:before{margin:0 auto 40px auto}
}


.Notice {margin:10px auto;overflow:hidden;}
.Notice .NoTab {font-family:'NEXON Lv1';font-size:1.0em;margin-bottom:10px;overflow:hidden; }
.Notice .NoTab li {box-sizing:border-box;float:left; width:33.1%; margin:0 0 0 0.2%;position:relative;z-index:1;}
.Notice .NoTab li a {font-weight:500; display:table;width:100%; }
.Notice .NoTab li a span {
	display:table-cell;height:50px;vertical-align:middle;color:#777;
	padding:0 0 0 10px;background:#efefef url('/images/main/plus.png') 90% 50% no-repeat;
}
.Notice .NoTab li.select a span{background:#fff url('/images/main/plus.png') 90% 50% no-repeat;color:#333;font-weight:600;}

.Notice .TabList ul {transition:all 0.3s ease-out;padding:10px 20px;}
.Notice .TabList ul li {overflow:hidden; padding:8px 0; line-height:1.5;}
.Notice .TabList ul li a {color:#333;}
.Notice .TabList ul li a:hover {text-decoration:underline;}
.Notice .TabList strong.new {
	border-radius:20px; 
	background:#f6931f; color:#fff; display:inline-block; text-align:center; 
	font-size:12px; width:20px; height:20px; margin-left:10px; 
	vertical-align:middle; 
	}


.Notice .TabList ul .t1 {float:left; 
	text-overflow:ellipsis; width:62%; 
	-o-text-overflow:ellipsis; 
	overflow:hidden; 
	white-space:nowrap; 
	 word-wrap:normal !important; 
}
.Notice .TabList ul .t2 {float:right; color:#555; padding:0 5px 0 0;}

.Notice .mmore {position:absolute; top:10px; right:20px;}


@media(min-width:767px) {
	.Notice {clear:both}
	.Notice .NoTab {font-size:1.1em;}
	.Notice .TabList strong.new {width:20px;height:20px;line-height:20px;margin:3px 3px;}
	.Notice ul .t1 {}
}


@media(min-width:1200px) {
	.Notice {clear:none;float:left;width:500px; height:320px; margin:0;}
	.Notice .NoTab {font-size:1.1em;}
	.Notice .NoTab li a span {padding:0 0 0 20px;height:75px}
	.Notice .TabList ul {padding:10px 30px}
	.Notice .TabList ul li {font-size:18px; padding:10px 0;}
	.Notice .mmore {top:22px; right:20px;}
}


.Video {transition:all 0.3s ease-out; overflow:hidden; position:relative;}
.Video .Video_list {transition:all 0.3s ease-out; width:100%; height:auto;}
.Video .Video_list video {width:100%; height:auto;}


@media (min-width:767px) {
	.Video {float:left; width:320px; height:300px;}
	.Video .Video_list {width:100%;}
	.Video .Video_list video {width:100%; height:auto; max-height:300px;}
}

@media(min-width:1200px) {
	.Video {width:330px; height:320px;margin-right:20px; }
	.Video .Video_list {width:330px; height:320px;}
	.Video .Video_list video {width:330px; height:320px !important; max-height:100%;}
}




.mCalendar {transition:all 0.3s ease-out;position:relative;padding:15px;box-sizing:border-box;margin:0 auto 20px auto;}
.mCalendar .Plan_Top {padding:0 0 10px 0;width:auto; height:auto; margin:0;}
.mCalendar .Plan_Top .PlanTxt {font-size:20px; font-weight:600;padding:0 0 0 10px;}
.mCalendar .Plan_Top .PlanTxt span.mo {font-size:25px;}

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


.Plan_table {width:100%; text-align:center; line-height:2.1em; margin:0 auto; }
.Plan_table tbody td {padding:1.5px 0;}
.Plan_table tbody td a {color:#fff;}
.checked {transition:all 0.3s ease-out;background:#f6931f;}

@media (min-width: 767px) {
	.mCalendar {float:right;width:320px;height:300px;}
}


@media(min-width:1200px) {
	.mCalendar {font-size:16px;width:330px;height:320px;padding:20px;  margin:0 auto;}
	.mCalendar .mmore { top:33px; right:20px;}
	.checked a {width:73%;height:30px;border-radius:100%;}

	.Plan_table tbody td {padding:1.5px 0;}
	.mCalendar .Arr a {width:40px;height:40px;}
	.mCalendar .AL {top:22px; right:80px;}
	.mCalendar .AR { top:22px; right:30px;}
}

.Photo {position:relative;}
.Photo h4{text-align:center;font-family:'NEXON Lv1';font-size:1.0em;margin-bottom:30px;color:#333;}
.PH_list {}
.PH_list ul {list-style:none; width:20000px;}
.PH_list li {max-width:260px;border:1px solid #ddd;background:#fff;position:relative; box-sizing:border-box; margin:0 0 0 20px; float:left;}
.PH_list li > div .img {overflow:hidden; display:block; min-height:160px;max-height:160px;height:auto; text-align:center; position:relative; transition:all 0.3s ease-out; }
.PH_list li > div .img img {
	width:100% !important; height:auto; min-height:160px;
	-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); 		
}

.PH_list li > div .text {padding:20px}
.PH_list li > div .text {color:#333;}
.PH_list li > div .text .year {color:#555;font-size:0.85em;padding:10px 0 0 0}

.Photo .AL {top:0; left:25%;}
.Photo .AR {top:0; right:25%;}

@media all and (min-width:767px) {
	.PH_list {}
	.Photo h4{font-size:1.2em;}
	.PH_list li {width:20%; /*float:none; */max-width:260px;margin:0 0 0 20px;display:inline-block;}
	.PH_list li:nth-child(4) {display:none;} 

}


@media all and (min-width:1200px) {
	.Photo h4{font-size:1.6em;}
	.PH_list ul {width:20000px;}
	/*.PH_list li {width:auto; height:auto; margin:20px 0 0 auto;}*/
	.PH_list li {width:auto;max-width:260px; height:auto; margin:20px 0 0 40px;}
	.PH_list li:nth-child(4) {display:inline-block;} 
	.PH_list li > div .img {width:auto;min-width:250px; height:auto;max-height:190px; min-height:190px;box-sizing:border-box;}

	/*.PH_list li > div .img img {min-height:300px;}*/
	.PH_list li > div:hover .img {/*box-shadow:6px 6px 15px rgba(0,0,0,.2); */ transform:translateY(-10px);}
	.Photo .AL {top:0; left:35%;}
	.Photo .AR {top:0; right:35%;}
}


/* ¹è³Ê */
.banner {border:none; clear:both; position:relative; margin:0 auto 20px auto;}
.mBG04 {border-radius:10px; background:#fff; position:relative; width:auto; overflow:hidden; word-break:break-all;}
.mBG04 h4 {display:none;}
.mBG04 #mBanner {overflow:hidden; width:100% !important; height:auto;}
.mBG04 #mBanner li {display:block; width:47.5%; height:auto; float:left; text-align:center; margin-right:10px;}
.mBG04 #mBanner li:first-child {margin-left:0;}
.mBG04 #mBanner li a {display:inline-block; padding-top:0;}
.mBG04 #mBanner li a img {display:block; width:100%;}
.banner .AL {top:25px; left:2%;}
.banner .AR {top:25px; right:2%;}

@media(min-width:1200px) {	/* ¹è³Ê */
	.banner  {border:1px solid #ddd;width:1200px; overflow:hidden; margin:0 auto 50px auto;}
	.mBG04 {width:100%;}
	.mBG04 #mBanner {height:90px;}
	.mBG04 #mBanner li {width:260px; height:54px; margin-right:30px; margin-top:20px;}
	.mBG04 #mBanner li a img {width:217px; height:54px;}

	.banner .AL {top:20px; left:15px;}
	.banner .AR {top:20px; right:15px;}
}


#SCONTAINER {position:relative;}
	.svisual {display:none;}
	.LeftCnt {display:none;}
#snb .ov {background:#9dcbf4 url(/images/sub/snb_arrow.png) no-repeat 97% 50%; color:#fff; border-bottom:none;}
	#snb ul {text-align:center; font-size:0; max-width:1100px; margin:0 auto 50px;}
	#snb ul li { display:block; width:100% !important;}
	#snb ul li a {display:block; padding:15px; font-size:15px; text-align:left; border-bottom:1px solid #ddd; 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:#fff; background:#cdcdcd; border-bottom:none;}

.snb {overflow:hidden; margin:0 0 20px 0; word-break:keep-all; padding:20px 0;}
		.snb ul {text-align:center; margin:0 auto; height:60px; }
		.snb ul li {
			float:left;
			width:32.3%;height:60px;
			background:#fff;margin:0 0.1em;
			}
		.snb ul li a{height:15px;padding:18px 0;
			text-align:center;display:inline-block;width:100%;border-top:4px solid #ddd;border-left:1px solid #ddd;
			border-right:1px solid #ddd;border-bottom:1px solid #ddd;
			background:#fafafa;color:#333;
			}
		.snb ul li a:hover,
		.snb ul li a.focus,
		.snb ul li a.ov {font-weight:bold;position:relative;background:#fff;color:#6cb925;border-top:4px solid #6cb925;}
		

	.SINO .RightCnt {position:relative; overflow:hidden; padding:0 15px;}
	.SINO .page_title {display:none;}
	.SINO .RightCnt .cTxt {overflow:hidden;padding:20px 0;}



	.mQback {position:relative;width:1200px;margin:0 auto;display:none; }



@media all and (min-width:1200px) {
	.SINO {width:1200px;margin:0 auto;padding-top:187px;position:relative;overflow:hidden;}
	#snb ul {display:none;}

	.svisual {display:block;height:250px;background:url('../images/sub/simg.png') no-repeat bottom center;}

	.SINO .LeftCnt {/*float:left;width:220px;*/display:block; overflow:hidden;font-size:14px;}
		.SINO .LeftMenu { font-size:0; max-width:1200px; margin:0 auto;}
		.SINO .leftTop {overflow:hidden;padding:50px 0 30px 0;text-align:center;}
		.SINO .leftTop .ptit {font-size:30px;color:#333; font-weight:normal;letter-spacing:-1px;margin:0 0 10px 0;}
		.SINO .leftTop .location {font-size:16px;color:#555;}
		.SINO .leftTop .location a {text-decoration:none; color:#555;}
		.SINO .leftTop .location .bold {font-weight:bold;}


		.SINO .LeftMenu {display:block; overflow:hidden;word-break:keep-all; padding:20px 0 0 0;}
		.SINO .LeftMenu ul {text-align:center; margin:0 auto; height:60px; border:1px solid #dfdfdf;}
		.SINO .LeftMenu ul li {float:left; height:60px; background:#fff url('/images/sub/snb_line.gif') no-repeat;}
		.SINO .LeftMenu ul li:first-child {background-image:none;}
		.SINO .LeftMenu ul li a {display:table-cell; vertical-align:middle; height:60px; font-size:17px; color:#555;}
		.SINO .LeftMenu ul li.ov {position:relative;}
		.SINO .LeftMenu ul li.ov:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-9px; margin-bottom:-9px; width:9px; height:9px; border-radius:100%; background:#4b8ba1; border:5px solid #d4eaf1;}
		.SINO .LeftMenu ul li.ov a {color:#4b8ba1;}
		.SINO .LeftMenu ul li.ov a:hover {color:#4b8ba1;}
		.SINO .LeftMenu ul li a:hover {color:#4b8ba1;}

	#snb ul {display:none;}

		.S3deps a {font-size:13px !important;padding:15px 0 15px 15px; color:#777 !important;background:#f9f9f9 !important;border:none !important;border-radius:0;}
		.S3deps a:hover {text-decoration:underline;}
		.S3deps .ov a {color:#333 !important;}

		
		.SINO .snb {overflow:hidden; margin:0 0 20px 0; word-break:keep-all; padding:20px 0;}
		.SINO .snb ul {text-align:center; margin:0 auto; height:60px; }
		.SINO .snb ul li {float:left;width:145px;height:60px;background:#fff;margin:0 0.1em;}
		.SINO .snb ul li a{height:15px;padding:18px 0;
			text-align:center;display:inline-block;width:145px;border-top:4px solid #ddd;border-left:1px solid #ddd;
			border-right:1px solid #ddd;border-bottom:1px solid #ddd;
			background:#fafafa;color:#333;
			}
		.SINO .snb ul li a:hover,
		.SINO .snb ul li a.focus,
		.SINO .snb ul li a.ov {font-weight:bold;position:relative;background:#fff;color:#6cb925;border-top:4px solid #6cb925;}
		

	.SINO .RightCnt {overflow:hidden;padding:0 0; }
	.SINO .RightCnt .cTxt {padding:30px 0; overflow:hidden;min-height:480px;}

	
	.mQback {position:relative;width:1200px;margin:0 auto;display:block; border:1px solid red;}
	#sub_quick {height:auto;position:absolute;top:25px;right:-100px;z-index:99;width:98px;border:1px solid #ccc;border-top:2px solid #149fba}
	#sub_quick li {border-bottom:1px solid #ccc;text-align:center;position:relative;}
	#sub_quick li:last-child {border-bottom:none;}
	#sub_quick li a {color:#333;display:block;padding:70px 0 15px 0;background:#fff;}
	#sub_quick li a:hover {background:#f2f2f2;}

	#sub_quick li a:after {content:"";display:block;width:68px;height:49px;position:absolute;top:5px;left:15px;background:url('../images/sub/qui_ico.png') no-repeat;}

	#sub_quick li.i01 a:after {background-position:0 0;}
	#sub_quick li.i02 a:after {background-position:0 -49px;}
	#sub_quick li.i03 a:after {background-position:0 -98px;}

}


/* Ãß°¡ */
.Basic #sub_visual {
	height:auto; position:relative; 
	background:#fff url('/images/sub/sub_bg.png') center no-repeat;background-size:cover;
	}
.Basic .sub_contents .conwrap {position:relative; z-index:15;}
.Basic #sub_visual .subTitle {color:#fff; max-height:180px;padding:50px 0; text-align:center;}
.Basic #sub_visual .subTitle .tit {font-family:'yg-jalnan';color:#57e6af; font-size:1.25em;}
.Basic #sub_visual .subTitle .tit span {color:#47c4da}
.Basic #sub_visual .subTitle .txt {color:#333;font-size:0.9em;}

@media(min-width:1200px) {/*** ¼­ºêÆäÀÌÁö _ ±âº» ***/
	.Basic .sub_contents .conwrap {width:1200px; margin:-60px auto 50px auto; overflow:hidden;}
	.Basic #sub_visual .subTitle {height:200px; width:1200px; margin:0 auto; padding:50px 0 0 0; box-sizing:border-box;background-size: cover;}
	.Basic #sub_visual .subTitle .tit {font-size:2.25em;}
	.Basic #sub_visual .subTitle .txt {font-size:1em;}
}


.Basic #SCONTAINER {position:relative;}
.Basic .snb {display:none; overflow:hidden; margin-bottom:50px;}
.Basic #snbbtn {
	display:block; width:100%; padding:20px 30px; background:#47c4da url('/images/sub/arrow_d.svg') no-repeat 97% 50%; background-size:12px; color:#fff; box-sizing:border-box;
	}
	.Basic #snb .ov {background:#47c4da url('/images/sub/arrow_d.svg') no-repeat 92% 50%; color:#fff; border-bottom:none; background-size:12px;}
	.Basic #snb ul {text-align:center; font-size:0; max-width:1200px; width:90%; margin:-25px auto 30px; box-shadow:rgba(50, 50, 50, 0.1) 5px 5px 10px 3px;}
	.Basic #snb ul li {display:block; width:100% !important;}
	.Basic #snb ul li a {display:block; padding:15px 25px; font-size:15px; text-align:left; border-bottom:1px solid #ddd; color:#333;}
	.Basic #snb ul li a span {display:inline;}
	.Basic #snb ul li a span:after {display:none;}
	.Basic #snb ul li:last-child a span:after {display:none;}
	.Basic #snb.snb2 ul li a {font-size:17px; line-height:1.5em; height:auto;}
	.Basic #snb ul li a:focus, #snb ul li a.current {color:#111;}
	.Basic #snb ul li ol li {text-indent:12px;}

.Basic .LeftCnt {display:none;}
.Basic .RightCnt {position:relative; overflow:hidden; padding:0 15px;}
.Basic .RightCnt .page_title {text-align:center; margin-bottom:30px;}
.Basic .RightCnt .page_title .ptit {font-size:21px; font-weight:600; color:#333;}
.Basic .location {line-height:21px; font-size:14px; margin:10px 0;}
.Basic .location a {text-decoration:none; color:#333;}
.Basic .location .home img {padding:0px; background:#ffb947; border-radius:100px; transition:all 0.3s ease-out;}
.Basic .RightCnt .cTxt {padding-bottom:50px;}

@media(min-width:1200px) {
	/*.Basic {padding-top:187px}*/
	.Basic #SCONTAINER {width:1200px;}
	.Basic .LeftCnt {float:left; display:block; width:240px; padding-bottom:100px; overflow:hidden;}
			.Basic .LeftMenu {display:block; width:240px; height:auto; margin-bottom:30px;}
			.Basic .LeftMenu ul li a[target="_blank"] {background:url('../images/cont/blk.png') 90% 50% no-repeat;}
			.Basic .LeftMenu ul li a:hover[target="_blank"] {background:#f2ad20 url('../images/cont/blk_ov.png') 90% 50% no-repeat;}
			.Basic .leftTop {
				width: 240px;
				height: 125px;
				background: #47c4da;
				font-size: 26px;
				text-align: center;
				color: #fff;
				line-height: 125px;margin-bottom:10px;
				font-weight: 600;border-bottom:5px solid #57e6af;
				border-radius: 20px;
			}
			.Basic .leftTop span {display:block;}
			.Basic .LeftMenu > ul {}
			.Basic .LeftMenu > ul > li a {
				display:block; height:55px;
				background:#eee;
				margin-bottom:5px; 
				border-radius:10px;
				line-height:57px; color:#555; 
				text-decoration:none; font-size:1em;
				text-indent:15px;
				transition:.3s ease all;
				-moz-transition:.3s ease all;
				-webkit-transition:.3s ease all;
				border-bottom:5px solid transparent;
				}

			
			.Basic .LeftMenu > ul > li .ov a {color:#333 !important; }
			.Basic .LeftMenu > ul > li a:hover  {border-bottom:5px solid #ddd; background:#eee;}
			.Basic .LeftMenu > ul > li.ov > span a {border-bottom:5px solid #ddd; font-weight:600; background:#eee;}


			.Basic .S3deps span a {
				padding:2px 0 2px 8px; 
				color:#777 !important; line-height: 37px !important; height:40px !important; 
				background:#f1f1f1 !important; border-radius:0 !important;
				border:none !important; margin:0 0 1px 0 !important; 
				}
			.Basic .S3deps span a:hover {text-decoration:underline;}
			.Basic .S3deps .ov span a {color:#333 !important;}
			
			.Basic .LeftMenu > ul > li .S4deps {border:1px solid #eee;background:#fff !important; }
			.Basic .LeftMenu > ul > li .S4deps li {}
			.Basic .LeftMenu > ul > li .S4deps li a {
				padding:2px 0 2px 15px !important;  margin-bottom:0; 
				color:#777 !important; 
				background:transparent !important;     line-height: 27px !important; height:30px !important; 
				border:none !important;border-bottom:1px dotted #ddd !important; margin-bottom:0 !important; border-radius:0 !important;font-size:13px;
				}
			.Basic .LeftMenu > ul > li .S4deps li:last-child a {border-bottom:#fff !important;}
			.Basic .LeftMenu > ul > li .S4deps li a:hover {text-decoration:underline;}
			.Basic .LeftMenu > ul > li .S4deps .ov a {background:#f9f9f9 !important;}
			
	.Basic #snb ul {display:none;}
	.Basic .RightCnt {width:930px; float:right; padding:0;margin:80px 0 0 0}
	.Basic .RightCnt .page_title {border-bottom:2px dotted #ddd; position:relative; text-align:left; padding:20px 0 0 0; overflow:hidden; height:90px; box-sizing:border-box;}
	.Basic .RightCnt .page_title .ptit {font-size:26px; color:#333;}
	.Basic .RightCnt .page_title .location {font-size:16px; color:#555; position:absolute; bottom:10px; right:0;}
	.Basic .RightCnt .page_title .location a {text-decoration:none;}
	.Basic .location .home img {width:auto; margin:-3px 5px 0 0;}
	.Basic .RightCnt .cTxt {overflow:hidden; width:930px; padding-bottom:0;}
}


#quick_top {transition:all 0.3s ease-out; text-align:center; position:fixed; z-index:99; bottom:0; left:0; width:100%; overflow:hidden; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 2px;}

@media(min-width:1200px) {
	#quick_top {width:auto; margin:0 auto; bottom:calc(50% - 263px); left:auto; right:20px; text-align:center; box-shadow:none; box-shadow:2px 2px 10px 0 rgba(183, 183, 183, 0.5); overflow:hidden; background:#fff; border-radius:10px;}
}

.mqICON {overflow:hidden;}
.mqICON ul {overflow:hidden;}
.mqICON li {position:relative; float:left; width:calc(100% / 6); min-height:40px; word-break:keep-all; box-sizing:border-box; background:transparent;}

.mqICON li a {position:absolute; width:100%; height:100%; top:0; left:0;  font-family:'NEXON Lv1';text-align:left; display:block; color:#111; transition:all 0.3s ease-out; box-sizing:border-box;}
.mqICON li a:before {content:''; display:block; width:100%; height:100%; transition:all 0.3s ease-out;}
.mqICON .i01 a {background:#fff url('/images/common/go_tv.png') 50% no-repeat; background-size:35px;}
.mqICON .i02 a:before {background:#3d5997 url('/images/common/facebook.svg') 50% no-repeat; background-size:20px;}
.mqICON .i03 a:before {background:#ffe000 url('/images/common/kakao.svg') 50% no-repeat; background-size:20px;}
.mqICON .i04 a:before {background:#e83387 url('/images/common/instar.svg') 50% no-repeat; background-size:20px;}
.mqICON .i05 a:before {background:#2DB400 url('/images/cont/c7/zep03.svg') 50% 0px no-repeat; background-size:50px;}
.mqICON .i06 a:before {background:#fff url('/images/common/btn_top.png') 50% no-repeat; background-size:20px;}

@media (min-width:767px) {
	.mqICON li {min-height:40px;}
	.mqICON li a:before {}
}

@media(min-width:1200px) {
	.mqICON {width:175px; margin:0; box-sizing:border-box;}
	.mqICON ul {margin:0;}
	.mqICON li {width:100%; min-height:50px; line-height:50px; float:none; margin:20px 0 0; box-sizing:border-box;}
	.mqICON li:first-child {min-height:80px; margin:0; padding:0; height:175px;}
	.mqICON li:first-child a {padding:0;}
	.mqICON li:last-child {}

	.mqICON li a {font-size:15px; min-height:50px; line-height:50px; padding:0 10px; box-sizing:border-box;}
	.mqICON li a:before {border-radius:100%; width:50px; height:50px; margin:0 15px 0 0; float:left; box-sizing:border-box;}
	.mqICON .i01 a {width:175px; height:175px; background:url('/images/common/go_tv.png') 50% no-repeat; border-radius:0; margin:0;}
	.mqICON .i01 a:before {
		width:5px; 
		height:100%; 
		background:#00b9f0; 
		content:""; 
		position:absolute; 
		left:0; 
		top:0; 
		-moz-transform:translateY(100%); 
		-ms-transform:translateY(100%); 
		-webkit-transform:translateY(100%); 
		transform:translateY(100%); 
		-moz-transition:0.1s 0.3s; 
		-o-transition:0.1s 0.3s; 
		-webkit-transition:0.1s; 
		-webkit-transition-delay:0.3s; 
		transition:0.1s 0.3s; border-radius:0; 
		}
	.mqICON .i02 a:before {background:#3d5997 url('/images/common/facebook.svg') 50% no-repeat;}
	.mqICON .i03 a:before {background:#ffe000 url('/images/common/kakao.svg') 50% no-repeat;}
	.mqICON .i04 a:before {background:#e83387 url('/images/common/instar.svg') 50% no-repeat;}
	.mqICON .i05 a:before {background:#2DB400 url('/images/cont/c7/zep03.svg') 20% 0 no-repeat;background-size:60px}
	.mqICON .i06 a:before {background:url('/images/common/btn_top.png') 50% no-repeat;background-size:20px}

	.mqICON .i02:hover a:before {background:#3b429e url('/images/common/facebook.svg') 50% no-repeat;}
	.mqICON .i03:hover a:before {background:#ffe000 url('/images/common/kakao.svg') 50% no-repeat;}
	.mqICON .i04:hover a:before {background:#8c4d9d url('/images/common/instar.svg') 50% no-repeat;}
	.mqICON .i05:hover a:before {background:#179734 url('/images/cont/c7/zep03.svg') 20% 0 no-repeat;background-size:60px}

	.ADblue a {
	position:relative; 
	overflow:hidden; 
	display:inline-block; 
	-moz-transition:ease-out 0.3s 0.1s; 
	-o-transition:ease-out 0.3s 0.1s; 
	-webkit-transition:ease-out 0.3s; 
	-webkit-transition-delay:0.1s; 
	transition:ease-out 0.3s 0.1s; 
	}
.ADblue a p::before {
	width:100%; 
	height:5px; 
	background:#f6931f; 
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	-moz-transition:0.1s; 
	-o-transition:0.1s; 
	-webkit-transition:0.1s; 
	transition:0.1s; 
	-moz-transform:translateX(-100%); 
	-ms-transform:translateX(-100%); 
	-webkit-transform:translateX(-100%); 
	transform:translateX(-100%); 
	}
.ADblue a p::after {
	width:100%; 
	height:5px; 
	background:#00b9f0; 
	content:""; 
	position:absolute; 
	right:0; 
	bottom:0; 
	-moz-transition:0.1s 0.2s; 
	-o-transition:0.1s 0.2s; 
	-webkit-transition:0.1s; 
	-webkit-transition-delay:0.2s; 
	transition:0.1s 0.2s; 
	-moz-transform:translateX(100%); 
	-ms-transform:translateX(100%); 
	-webkit-transform:translateX(100%); 
	transform:translateX(100%); 
	}
.ADblue a::before {z-index:9898989; 
	width:5px; 
	height:100%; 
	background:#00b9f0; 
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	-moz-transform:translateY(100%); 
	-ms-transform:translateY(100%); 
	-webkit-transform:translateY(100%); 
	transform:translateY(100%); 
	-moz-transition:0.1s 0.3s; 
	-o-transition:0.1s 0.3s; 
	-webkit-transition:0.1s; 
	-webkit-transition-delay:0.3s; 
	transition:0.1s 0.3s; 
	}
.ADblue a::after {
	width:5px; 
	height:100%; 
	background:#f6931f; 
	content:""; 
	position:absolute; 
	right:0px; 
	bottom:0; 
	-moz-transform:translateY(-100%); 
	-ms-transform:translateY(-100%); 
	-webkit-transform:translateY(-100%); 
	transform:translateY(-100%); 
	-moz-transition:0.1s 0.1s; 
	-o-transition:0.1s 0.1s; 
	-webkit-transition:0.1s; 
	-webkit-transition-delay:0.1s; 
	transition:0.1s 0.1s; 
	}
.ADblue a:hover::before, .ADblue a:hover::after {
	-moz-transform:translateX(0); 
	-ms-transform:translateX(0); 
	-webkit-transform:translateX(0); 
	transform:translateX(0); 
	}
.ADblue a:hover p::before, .ADblue a:hover p::after {
	-moz-transform:translateX(0); 
	-ms-transform:translateX(0); 
	-webkit-transform:translateX(0); 
	transform:translateX(0); 
	}
}





/* ¸ÞÀÎÆ˾÷ */
.newPOPUP {
	display:block; width:100%; border-top:1px solid #ddd; background:rgba(0, 0, 0, 0.2); 
    position:fixed; top:0; bottom:0; left:0; z-index:9999; height:100%; 
}
.newPOPUP .pop_cont {overflow:hidden; position:fixed; top:50%; left:50%; width:290px; height:333px; margin:-167px 0 0 -145px;}

.newPOPUP .pop_wrap{position:relative;}
.newPOPUP .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

.newPOPUP .popRoll {text-align:center; position:absolute; left:inherit; top:0; bottom:inherit; width:100%; z-index:2;}
.newPOPUP .popRoll li {display:inline-block; width:35px; margin:0 0.1em;}
.newPOPUP .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:5px;}
.newPOPUP .popRoll li a:hover,
.newPOPUP .popRoll li.slick-active a{background:#fe971e;}

.newPOPUP .pop_close {position:absolute; width:100%; text-align:center; z-index:999; background:#000;}
.newPOPUP .pop_close a {float:left; width:50%; height:33px; line-height:33px; font-size:14px; padding:0; color:#fff;}
.newPOPUP .pop_close a:first-child {background:#af63a4;}

@media all and (min-width:1200px) {
	.newPOPUP .pop_cont {width:600px; height:670px; margin:-335px 0 0 -300px; 	}
	.newPOPUP .popIMG {overflow:hidden; min-height:620px; max-height:620px;}
	.newPOPUP .popIMG img {width:100%;min-width:600px; height:auto; min-height:620px; max-height:620px;}
	.newPOPUP .popRoll li {width:80px;}
	.newPOPUP .popRoll li a {height:10px;}
	.newPOPUP .pop_close a {height:50px; line-height:50px; font-size:18px; padding:0;}
}

.newPOPUP .BT {transition:all 0.3s ease-out; cursor:pointer; text-align:center; position:absolute; top:50%; z-index:2; width:30px; height:30px; margin-top:-15px; font-size:0; background:#fff;}
.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); ; background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); ; background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

@media all and (min-width:1200px) {
	.newPOPUP .BT {width:50px; height:50px; margin-top:-25px;}

	.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); ; background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); ; background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}

	.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}
}




.instar {position:relative;}
.instar h4{text-align: center;
    font-family: 'NEXON Lv1';
    font-size: 1.0em;
    margin-bottom: 30px;font-weight:bold;
    color: #333}
.instar ul {overflow:hidden; margin:0 0 0 -3%;}
.instar ul li {transition:all 0.3s ease-out; border-radius:5%;position:relative; float:left; width:47%; height:170px; margin:0 0 3% 3%; overflow:hidden;} 
.instar ul li:before {
	content:''; display:block;border-radius:20%; width:30px; height:30px; box-sizing:border-box;
	background:url('/images/common/sns01.png') 50% no-repeat; background-size:35px;
	position:absolute;top:2%;left:2%;z-index:2;
}
.instar ul li img {
	transition:transform 0.3s ease 0s; 
	-webkit-transform:scale3d(1, 1, 1); 
	transform:scale3d(1, 1, 1); 
	object-fit:cover; 
	object-position:center; 
	width:100% !important; height:100% !important; 
}
.instar ul li a::before {
	content:''; border-radius:5%;
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	border:5px solid #ffc000; 
	opacity:0; 
	transition:all 0.3s; 
	box-sizing:border-box; 
	z-index:1; 
	}
.instar ul li a:hover::before {opacity:1;}

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

@media(min-width:767px) {
	.instar ul li {width:23%; height:160px; margin:0 0 0 2%;} 
	.instar h4{font-size:1.2em;}
}

@media(min-width:1024px) {
	.instar ul li {width:23%; height:210px; margin:0 0 0 2%;} 
}



@media(min-width:1200px) {
	.instar {position:relative; overflow:hidden; width:1200px; margin:0 auto;}
	.instar h4{font-size:1.6em;}
	.instar .mtit {text-align:left;}
	.instar {position:relative; }
	.instar ul {margin:0 0 0 -20px; overflow:hidden;}
	.instar ul li {position:relative; float:left; width:285px; height:285px; margin:1% 0 1% 20px; overflow:hidden;} 
	.instar ul li img {
		transition:transform 0.3s ease 0s; 
		-webkit-transform:scale3d(1, 1, 1); 
		transform:scale3d(1, 1, 1); 
		object-fit:cover; 
		object-position:center; 
	}
	.instar ul li a:hover::before {opacity:1;}
	.instar ul li:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transform:translateY(-10px);}

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