@charset "euc-kr"; 

body {color:#555; font-size:16px; }
input, textarea, select {font-size:16px; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ', 'Dotum', 'µ¸¿ò', 'Gulim', '±¼¸²', sans-serif;}

.mblock  {display:block;} /* ¸ð¹ÙÀϸ¸ */
.moff {display:none;}
.pON {display:block;}

/*layout*/
#header {position:relative;z-index:978; width:100%;min-height:100px; background:#fff; }
#header #header_inner {width:100%; height:100%; margin:0 auto; text-align:center;}
#header h1 {position:absolute;width:180px; top:37px;left:0;}
#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; }


/*·Î±×ÀÎ,ȸ¿ø°¡ÀÔ*/
.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;}

.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:#2c99c8;color:#fff;padding:5px 0}
.popup-open li:hover a {background:#1e8ab9}
.popup-open i {margin-left: .2rem;color: #ffee5d;font-style:normal;}
.popup-open li a:before {
    width: 1rem;
    height: 1rem;
    background: #fff url('/images/main/plus.png') center no-repeat;background-size:8px;
    border-radius: 50%;
    position: absolute;
    top: 49%;
    right: 2rem;
    transform: translateY(-50%);
    content: "";
	}


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

@media(min-width:1200px) {
	body {font-size:18px; }
	input, textarea, select {font-size:18px;}
	.block  {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:98; min-height:158px;background:#fff; transition:all 0.3s ease-out; }
	#header #header_inner {position:relative; width:1200px; }
	#header h1 {float:left;position:static;width:310px;margin:50px 0 0 0;}
	.ZoomM {display:none;}

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

	/*·Î±×ÀÎ,ȸ¿ø°¡ÀÔ*/
	.TopRight {display:block; position:absolute; top:0; right:20px;}
	.TopRight li {float:left;}
	.TopRight li a {transition:all 0.3s ease-out;display:inline-block; width:130px; padding:10px 0; color:#333;border:1px solid #ddd; border-top:none;background:#fff; text-decoration:none; line-height:21px; margin-left:1px;border-radius:0 0 20px 20px; }
	.TopRight li a:hover {padding:15px 0;}

	.popup-open {position:absolute; top:0; right:552px}
	.popup-open li a{transition:all 0.3s ease-out;border-radius:0 0 15px 15px;border:1px solid #2c99c8;border-top:none;display:inline-block; width:150px; padding:10px 0;text-decoration:none; line-height:21px;}
	.popup-open li a:hover {padding:15px 0;}
	.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; padding:20px 0; border-bottom:1px solid #ccc; overflow:hidden;}
#mgnTOP h1 {float:none; margin:0 auto;}
#mgnBOT {margin:10px 0 10px 10px; overflow:hidden;}
#mgnBOT ul {overflow:hidden;}
#mgnBOT ul li {float:left;width:24%;margin:0 0 0 2px;font-size:15px;line-height:20px;letter-spacing:-1px;}
#mgnBOT ul li a {color:#777; box-sizing:border-box;border:1px solid #ddd;display:block;padding:3px;}
#mgnBOT ul li:last-child a {margin:0;}

#navi {display:block; visibility:hidden;position:fixed; left:auto; right:0; top:0; width:100%; height:100%; overflow-y:visible;background:transparent; z-index:99;}
	#navi.on {display:block; visibility:visible; right:0;}
	#navi .ovBG {background:#111; top:0; left:0; right:0; width:100%; height:100%; position: fixed; opacity:.8;}
	#navi>div.cont {background:#fff; position:fixed; left:auto; right:0; top:0; width:320px; height:100%; overflow-y:auto;}

#gnb .d1 {text-align:left;word-break:keep-all;}
#gnb .d1 ul a span {display:block; border-bottom:1px solid #ccc; font-size:20px;font-weight:400;padding:15px 30px; color:#333;}
#gnb .d1 ul a .ov {background-color:#00afe3; color:#fff; border-bottom:none;}
#gnb .subMenu li {background-color:#f8f8f8;}
#gnb .subMenu li a {padding:15px 30px; color:#555; display:block;}
#gnb ul li .subMenu li .ov {color:#555; font-weight:600;}
#gnb ul li .subMenu li ol li {padding:0 10px; background:#efefef url(/images/cont/dd_dott.gif) 30px 50% no-repeat;}
#gnb ul li .subMenu li ol {}
#gnb ul li .subMenu li ol .ov {color:#00afe3;}
#gnb ul li .subMenu li a[target="_blank"] {background:url('../images/cont/blk.png') 95% 50% no-repeat;} 

#navi .b2 {z-index:110; float:left; position:absolute; right:0; top:0; width:40px; height:40px; display:block;}
#navi .b2>.ic1 {
	position:absolute; right:0; top:0px;
	width:60px; height:60px;
	background:url('/images/common/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:15px; top:-35px;
	width:30px; height:30px; z-index:1;
	background:url('/images/common/menu.png') no-repeat; background-size:contain;
	}

@media(min-width:1200px) {
	#gnb {position:absolute;left:330px; top:55px; width:850px; display:block; z-index:99;}
	#gnb .b1.to {display:none;}
	#mgnTOP {display:none;}
	#mgnBOT {display:none;}
	#navi {visibility:visible; position:absolute; left:0; right:0; top:0; width:auto; min-height:120px; 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:relative; right:0; width:100%; height:100%; overflow-y:visible; background:transparent;}
		#navi.on>div.cont {right:0;}

	#gnb .d1 {visibility:visible;}
	#gnb .d1 ul a span {color:#333; font-size:21px;font-weight:400; border-bottom:none; padding:15px 10px; letter-spacing:-1px;}
	#gnb .d1 ul a span:hover {color:#00afe3;}
	#gnb .d1 ul a .ov {background:none; color:#333;}
		#gnb #top-menu1 {position:absolute; top:0; left:0;}
		#gnb #top-menu2 {position:absolute; top:0; left:100px;}
		#gnb #top-menu3 {position:absolute; top:0; left:215px;}
		#gnb #top-menu4 {position:absolute; top:0; left:365px;}
		#gnb #top-menu5 {position:absolute; top:0; left:515px;}
		#gnb #top-menu6 {position:absolute; top:0; left:740px;}
	
	/*¼­ºê¸Þ´º */
	#gnb ul li .subMenu {list-style:none; display:none; z-index:999;}
	#gnb ul li .subMenu li {width:250px;}
	#gnb ul li .subMenu li a {color:#333; background:#fff; font-size:16px;text-align:center; text-decoration:none; display:block; padding:12px 10px;word-break:keep-all;}
	#gnb ul li .subMenu a:hover {background:#00afe3; color:#fff;}
	#gnb ul li .subMenu li .ov {background:#00afe3; color:#fff;}
	#gnb ul li .subMenu li a[target="_blank"] {background:#fff url('../images/cont/blk.png') 98% 50% no-repeat;} 
	#gnb ul li .subMenu li a[target="_blank"]:hover {background:#00afe3 url('../images/cont/blk_w.png') 98% 50% no-repeat;} 

	.boxSR {background:#fff;}

	#gnb ul li #sub01 {position:absolute; top:102px; left:-78px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li #sub02 {position:absolute; top:103px; left:-78px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li #sub03 {position:absolute; top:103px; left:-70px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li #sub04 {position:absolute; top:103px; left:-60px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li #sub05 {position:absolute; top:103px; left:-15px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li #sub06 {position:absolute; top:103px; left:-78px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
	
	}

@media(min-width:1400px) {
	#header #header_inner {width:1400px; }
	#gnb {left:400px; width:970px;}
	#gnb .d1 ul a span { font-size:24px;}
	#gnb #top-menu1 {left:0;}
	#gnb #top-menu2 {left:135px;}
	#gnb #top-menu3 {left:260px;}
	#gnb #top-menu4 {left:430px;}
	#gnb #top-menu5 {left:595px;}
	#gnb #top-menu6 {left:850px;}
}

/* footer */
#footer {width:100%;background:#8a8a8a; padding:0 0 10px 0; clear:both; position:relative; min-height:150px;color:#ccc;}
#footer .foot_inner {width:100%; margin:0 auto;}
#footer .foot_inner .link ul {overflow:hidden;}

#footer .foot_inner .link ul li.li01 a{border-bottom: 1px solid #c5c5c5;border-right:1px solid #c5c5c5}
#footer .foot_inner .link ul li.li02 a{border-bottom: 1px solid #c5c5c5;}
#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:#ccc;}
#footer .foot_inner .link ul li a.per {color:#fff;}

#footer .foot_inner .info {clear:both; padding:15px 10px; line-height:1.25em;}
#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:#ccc;}
#footer .foot_inner .info .copyright {display:block;margin-top:10px;clear:both;}
#footer .foot_inner .info .copyright a {color:#ccc;}

#footer .foot_inner .info .SNS {overflow:hidden;}
#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;}
#footer .foot_inner .info .SNS li .SNS01 {background:url('../images/common/sns01.png') center no-repeat;background-size:contain;}
#footer .foot_inner .info .SNS li .SNS02 {background:url('../images/common/sns02.png') center no-repeat;background-size:contain;}
#footer .foot_inner .info .SNS li .SNS03 {background:url('../images/common/sns03.png') center no-repeat;background-size:contain;}
#footer .foot_inner .info .SNS li .SNS04 {background:url('../images/common/sns04.png') center no-repeat;background-size:contain;}


@media(min-width:1200px) {
	/*footer*/
	#footer {background:#8a8a8a url('/images/common/footer_bg.png') repeat-x;padding:0 0 25px 0; }
	#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 {padding:15px 10px; width:auto;border:none !important;}

	#footer .foot_inner .info {padding:25px 0; overflow:hidden;}
	#footer .foot_inner .info address {float:left; line-height:21px; 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:65px;right:0;width:250px;}
	#footer .foot_inner .info .SNS li a {width:50px;height:50px;}
}

@media(min-width:1400px) {
	#footer .foot_inner {width:1400px;}
}

#main {position:relative; width:100%; overflow:hidden;}

/* ¸ÞÀÎ Æ˾÷ */
.mBG01 {overflow:hidden;box-sizing: border-box;transition:all 0.3s ease-out;margin:0 auto 10px auto}
#main .mainPOP {position:relative;margin:0 auto;width:100%; text-align:center;}
#main .Vimg {position:relative;max-height:100%;}
#main .Vimg a img{width:100%;}
#main .Vimg img {width:auto; height:100%;}


.mainPOP .Roll {position:absolute; bottom:5px; right:5%; overflow:hidden; z-index:99;}
	.mainPOP .Roll li {float:left; margin:0 3px;}
	.mainPOP .Roll li a {display:block;width:13px;height:13px;border-radius:100%;background:#d9d9d9}
	.mainPOP .Roll li.ov a {width:40px;border-radius:10px;background:#ffd426}
	.mainPOP .Roll ul {float:left; margin:3px 5px 0 0;}
	.mainPOP .Roll p {float:left;width:21px;height:21px;}
	.mainPOP .Roll p img {width:100%;}

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

@media(min-width:767px) { 
	.mainPOP .Roll {bottom:5px;  right:0}
	#slidesPhoto>.slidesjs-container {min-height:250px !important;}

}

@media(min-width:1024px) {
	.mBG01 .w1200 {overflow:hidden;margin:0 auto;}
	
}

@media(min-width:1200px) {
	.mBG01 {margin:0 auto 30px auto}
	.mBG01 .w1200 {width:1200px;margin:0 auto;}

	#main .mainPOP {position:relative;width:1200px;height:377px;overflow:hidden;background:#fff;	}
	#main .Vimg {overflow:hidden; }
	#main .Vimg img {width:100%; height:100%;}
	.mainPOP .Roll {bottom:0; right:0; }
	.mainPOP .Roll ul {margin:5px 5px 0 0;}
	.mainPOP .Roll li a {width:20px;height:20px;}
	.mainPOP .Roll p {width:31px;height:31px;}
}


@media(min-width:1400px) {
	#main .mainPOP {width:1400px;height:440px;}
	.mBG01 .w1200 {width:1400px;margin:0 auto;}
}


/* ¸ÞÀÎ Æ˾÷ Ãß°¡¼öÁ¤ 240626 */
.mBG01 h4 {
	font-family: 'S-Core Dream 6';
	position: relative;
    font-weight: 600;
    font-size: 1.1em;
    padding: 12px 0;
    transition: all 0.3s;
}
.mBG01 h4:before {position:absolute; right:0; bottom:30%; content:''; width:calc(100% - 80px); height:1px; background:#777;}
#main .mainPOP2 {position:relative;margin:0 auto;width:100%;}
#main .Vimg2 {position:relative;max-height:100%;}
#main .Vimg2 a img{width:100%;}
#main .Vimg2 img {width:auto; height:100%;}


.mainPOP2 .Roll {position:absolute; bottom:5px; right:5%; overflow:hidden; z-index:99;}
	.mainPOP2 .Roll li {float:left; margin:0 3px;}
	.mainPOP2 .Roll li a {display:block;width:13px;height:13px;border-radius:100%;background:#d9d9d9}
	.mainPOP2 .Roll li.ov a {width:40px;border-radius:10px;background:#ffd426}
	.mainPOP2 .Roll ul {float:left; margin:3px 5px 0 0;}
	.mainPOP2 .Roll p {float:left;width:21px;height:21px;}
	.mainPOP2 .Roll p img {width:100%;}


@media(min-width:767px) { 
	.mBG01 h4:before{width:calc(100% - 100px);}
	.mainPOP2 .Roll {bottom:2%;  right:2%}
	#slidesPhoto>.slidesjs-container {min-height:250px !important;}

}


@media(min-width:1024px) {
	.mBG01 h4 {font-size:1.4em}
	.mBG01 h4:before{width:calc(100% - 130px);}
	#main .mainPOP2 {float:left;width:700px;}
	#main .Vimg2 img {height:270px;}
}

@media(min-width:1200px) {
	#main .mainPOP2 {position:relative;width:900px;height:377px;overflow:hidden;background:#fff;	}
	#main .Vimg2 {overflow:hidden; }
	#main .Vimg2 img {width:100%; height:100%;height:377px;}
	.mainPOP2 .Roll {bottom:2%; right:2%; }
	.mainPOP2 .Roll ul {margin:5px 5px 0 0;}
	.mainPOP2 .Roll li a {width:20px;height:20px;}
	.mainPOP2 .Roll p {width:31px;height:31px;}
}


@media(min-width:1400px) {
	#main .mainPOP2 {position:relative;width:1000px;height:377px;overflow:hidden;background:#fff;	}
}



@media(min-width:1600px) {
	#main .mainPOP2 {width:1080px;height:440px;}
	#main .Vimg2 img {height:440px;}
}




/* ¾ÆÀÌÄÜ */
.mICON {font-weight:400;overflow:hidden; margin:10px auto 0;}
.mICON ul {overflow:hidden;text-align:center}
.mICON ul li {float:left;width:33.3%;margin:10px 0}
.mICON ul li a{min-height:80px;cursor:pointer;display:block;padding:10px;color:#333;border-radius:10px;position:relative;margin:0 0 10px 10px;
	border:1px solid #ddd;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);font-size:0.8em
}
.mICON ul li a:before {transition:all 0.3s ease-out; display:block;content:'';margin:0 auto 10px auto;width:30px;height:30px;}

.mICON ul li.i01 a:before{background:url('../images/main/i04.png') center no-repeat;background-size:contain;}
.mICON ul li.i02 a:before{background:url('../images/main/i05.png') center no-repeat;background-size:contain;}
.mICON ul li.i03 a:before{background:url('../images/main/i07.png') center no-repeat;background-size:contain;}

.mICON ul li i {font-style:normal;display:block;}

@media (min-width:767px) {
	.mICON ul li a {min-height:auto;font-size:1em;}
	.mICON ul li i {display:inline-block}
}

@media (min-width:1024px) {
	.mICON {border-radius:0; width:calc(100% - 720px); float:right;margin:0}
	.mICON h4 {margin:0 0 15px 0; padding:0 10px;}
	.mICON ul {text-align:left;padding:0 10px;margin:10px 0 0 0}
	.mICON ul li {float:none;width:auto;margin:0 0 20px 0}
	.mICON ul li a{font-size:1.1em;padding:15px 15px 15px 20%;}
	.mICON ul li a:before {position:absolute;width:40px;height:40px;top:50%;left:5%;transform:translateY(-50%)}
	.mICON ul li:hover a:before {left:7%}
	.mICON ul li:hover a:after {left:7%}

}

@media (min-width:1200px) {
	.mICON {width:calc(100% - 900px);}
	.mICON ul li a:before {width:50px;height:50px;}
	.mICON ul li a{padding:25px 20px 25px 30%;}
}

@media (min-width:1400px) {
	.mICON {width:calc(100% - 1000px);}
	.mICON ul li a{padding:25px 20px 25px 30%;}
}

@media (min-width:1600px) {
	.mICON {width:calc(100% - 1080px);}
	.mICON h4 {padding:0 25px;margin:0 0 45px 0;}
	.mICON ul {margin:30px 0 0 0} 
	.mICON ul li {margin:0 0 20px 0}
	.mICON ul li a:before {width:50px;height:50px;}
	.mICON ul li a{padding:35px 20px 35px 30%;}
}

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



/* ù¹ø° ÄÁÅÙÃ÷ */
.mBG02 {overflow:hidden;box-sizing: border-box;transition:all 0.3s ease-out;background:#f7f6f0 url('../images/cont/pattern02.png') center repeat;}
.mBG02 .pc1200 {margin:20px auto;}

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

@media(min-width:1200px) {
	.mBG02 .pc1200 {width:1200px;margin:50px auto;}

}

@media(min-width:1400px) {
	.mBG02 .pc1200 {width:1400px;}
}



.boxDs {position:relative;box-sizing:border-box;transition:all 0.3s ease-out;background:#fff;border:1px solid #ddd;}

.Icon {overflow:hidden;margin:0 auto;box-sizing: border-box;border-bottom:none;text-align:center;letter-spacing:-1.5px;width:auto;}
.Icon.p {display:none;}

.Icon ul {display:flex;flex-wrap:wrap;align-items:center;}
.Icon li{font-weight:500;font-size:0.8em;width:calc(100%/3);transition:all 0.3s ease-out;box-sizing:border-box;padding:10px 0;}
.Icon li p {display:table;color:#333;transition:all 0.3s ease-out;width:100%;}
.Icon li a{display:table-cell;vertical-align:middle; color:#333;position:relative }
.Icon li a:before {content:'';display:block;margin:0 auto 10px auto;width:50px;height:50px;position:relative;z-index:1;}
/*
.Icon li:hover {padding:0;}
.Icon li:hover a i{color:#fff;}
.Icon li.i01:hover a i {background: rgba(141, 198, 63, 1)}
.Icon li.i02:hover a i {background: rgba(237, 26, 59, 1)}
.Icon li.i03:hover a i{background: rgba(0, 145, 213, 1)}
.Icon li.i04:hover a i {background: rgba(255, 194, 14, 1)}
.Icon li.i05:hover a i {background: rgba(9, 166, 221, 1)}
*/

.Icon li a:after {display:block; z-index:0;
	opacity:0; position:absolute; left:50%; top:35%; content:'';  width:0; height:0; border-radius:50%; 
	 -webkit-transform:translate(-50%,-50%); 
	transform:translate(-50%,-50%);transition: all .5s cubic-bezier(0.310,-0.105,0.430,1.590);-webkit-transition: all .5s cubic-bezier(0.310,-0.105,0.430,1.590);}
.Icon li a:hover:after,
.Icon li a:focus:after {opacity:1;width:60px; height:60px;}

.Icon li.i01 a:before{background:url('../images/main/i01.png') center no-repeat;background-size:contain;}
.Icon li.i02 a:before{background:url('../images/main/i02.png') center no-repeat;background-size:contain;}
.Icon li.i03 a:before{background:url('../images/main/i03.png') center no-repeat;background-size:contain;}
.Icon li.i04 a:before{background:url('../images/main/i04.png') center no-repeat;background-size:contain;}
.Icon li.i05 a:before{background:url('../images/main/i05.png') center no-repeat;background-size:contain;}
.Icon li.i06 a:before{background:url('../images/main/i07.png') center no-repeat;background-size:contain;}

.Icon li.i04 {background:url('../images/cont/blk.png') 93% 25% no-repeat;background-size:20px;}
.Icon li.i05 {background:url('../images/cont/blk.png') 93% 25% no-repeat;background-size:20px;}
.Icon li.i06 {background:url('../images/cont/blk.png') 93% 25% no-repeat;background-size:20px;}

.Icon li.i01 a:after {background: rgba(255, 194, 14, 1)}
.Icon li.i02 a:after {background: rgba(141, 198, 63, 1)}
.Icon li.i03 a:after {background: rgba(237, 26, 59, 1)}
.Icon li.i04 a:after {background: rgba(0, 145, 213, 1)}
.Icon li.i05 a:after {background: rgba(180, 87, 188, 1)} 
.Icon li.i06 a:after {background: rgba(45, 198, 204, 1)} 


@media(min-width:1200px) {
	.Icon {width:60%;}
	.Icon.p {display:block}
	.Icon.m {display:none}
	.Icon li{font-size:1.1em;}
	.Icon li a:before {width:80px;height:80px;margin:0 auto 20px auto;}
	.Icon li a:after {}
	.Icon li a:hover:after,
	.Icon li a:focus:after {width:110px; height:110px;}

	.Icon li.i04 {background:url('../images/cont/blk.png') 93% 25% no-repeat;}
	.Icon li.i05 {background:url('../images/cont/blk.png') 93% 25% no-repeat;}
	.Icon li.i06 {background:url('../images/cont/blk.png') 93% 25% no-repeat;}
	.Icon li.i06 {/* display:none; */}
}

@media(min-width:1200px) {
	.Icon li a:before {width:96px;height:96px;}
}





.Arr {position:absolute;z-index:9;}
.Arr a{transition:all 0.3s ease-out;display:block;border:1px solid #ddd;width:35px;height:35px;cursor:pointer;}
.AL a{background:#fff url('/images/main/btn_pre.png') center no-repeat;background-size:10px;}
.AR a{background:#fff url('/images/main/btn_next.png') center no-repeat;background-size:10px;}

@media(min-width:1200px) {
	.Arr a{width:40px;height:40px;}
}


.bx2 {position:relative; margin:50px auto;}
.mBG04 {position:relative; padding-bottom:50px;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%;max-height:44px}

.bx2 .AL { top:60px; left:35%; }
.bx2 .AR {  top:60px; right:35%;}


@media(min-width:767px) {
	.bx2 .AL { top:5px; left:0; }
	.bx2 .AR {  top:5px; right:0;}
}

@media(min-width:1200px) {	/* ¹è³Ê */
	.mBG04 {width:100%;padding:10px 0}
	.mBG04 #mBanner {height:71px;}
	.mBG04 #mBanner li {width:260px; height:54px;margin-right:30px;margin-top:5px; }

	.bx2 .AL { top:0; left:96.5%; }
	.bx2 .AR {  top:39px; right:0;}
	.mBG04 #mBanner li a img {max-height:54px}
}

@media(min-width:1400px) {	/* ¹è³Ê */
	.mBG04 #mBanner li {margin-right:18px;}
	.bx2 .AL { top:0; left:97%; }
	.bx2 .AR {  top:41px; right:0;}
}


/*** ¼­ºêÆäÀÌÁö _ ±âº»  **/
#container .Soff #sub_visual {box-sizing:border-box;height:auto;position:relative;background:#7eb3db url('/images/sub/cam.jpg') center repeat-x;}
#container .Soff .sub_contents .conwrap {position:relative; z-index:15;}

#container .Soff #sub_visual .subTitle {color:#fff;max-height:157px;background-size:auto; padding:35px 0; text-align:center;}
#container .Soff #sub_visual .subTitle .tit {/*color:#5e4a7d;*/font-size:22px;font-weight:400;}
#container .Soff #sub_visual .subTitle .txt {/*color:#9c8cb3;*/font-size:16px;}

.Soff #SCONTAINER {position:relative;}

@media(min-width:1200px) {
	#container .Soff .sub_contents .conwrap {position:relative; margin:-65px auto 0 auto; z-index:15; overflow:hidden;}
	#container .Soff #sub_visual {height:250px;}
	#container .Soff #sub_visual .subTitle {padding:65px 0 0 0; text-align:center;width:1200px; margin:0 auto;}
	#container .Soff #sub_visual .subTitle .tit {font-size:30px; margin-bottom:5px;}
	#container .Soff #sub_visual .subTitle .txt {font-size:16px}
}

@media(min-width:1400px) {
		#container .Soff #sub_visual .subTitle {padding:55px 0 0 0; width:1400px;}
		#container .Soff #sub_visual .subTitle .tit {font-size:35px; }
}

.Soff .snb {display:none; overflow:hidden; margin-bottom:50px;}
.Soff #snbbtn {
	display:block; width:100%; padding:20px 30px; background:#1b4fb4 url('/images/sub/snb_arrow.png') no-repeat 97% 50%; color:#fff;
	font-size:22px; border:0; text-align:left; background-size:20px;
	}
	.Soff #snb .ov {background:#1b4fb4 url('/images/sub/snb_arrow.png') no-repeat 97% 50%; color:#fff; border-radius:10px;border-bottom:none;background-size:20px;}
	.Soff #snb ul {    word-break: keep-all;text-align:center; font-size:0; max-width:1200px;width:90%; margin:-20px auto 30px auto;border-radius:10px;box-shadow:rgba(50, 50, 50, 0.1) 5px 5px 10px 3px;}
	.Soff #snb ul li {display:block; width:100% !important;}
	.Soff #snb ul li a {display:block; padding:15px; font-size:15px; text-align:left; border-bottom:1px solid #ddd; color:#333;}
	.Soff #snb ul li a span {display:inline;}
	.Soff #snb ul li a span:after {display:none;}
	.Soff #snb ul li:last-child a span:after {display:none;}
	.Soff #snb.snb2 ul li a {font-size:17px; line-height:1.5em; height:auto;}
	.Soff #snb ul li a:focus, #snb ul li a.current {color:#fff; background:#cdcdcd; border-bottom:none;}
	.Soff #snb ul li ol li {text-indent:12px; background:url('../images/common/dd_dott.gif') 15px 50% no-repeat;}
	.Soff #snb ul li a[target="_blank"] {background:url('../images/cont/blk.png') 95% 50% no-repeat;}

.Soff .LeftCnt {display:none;}

.Soff .RightCnt {position:relative; overflow:hidden;clear:both;padding:0 5px;}
.Soff .RightCnt.type {padding:0}


@media(min-width:1200px) {
	.Soff #SCONTAINER {margin:0 auto;}
	.Soff .w1200 {width:1200px;margin:0 auto;position:relative;}
	.Soff .RightCnt {padding:50px 0 0 0;}

	.Soff .LeftCnt {display:block; overflow:hidden; /*background:url('../images/common/opc50.png') repeat;*/    background: rgba(0, 0, 0, 0.2)}
	.Soff .LeftMenu {display:block; overflow:hidden;width:1200px; margin:0 auto;}

	.Soff .LeftMenu ul {overflow:hidden;text-align:center; margin:0 auto;font-size:0.9em;}
	.Soff .LeftMenu ul li {box-sizing:border-box;vertical-align: middle;float: left;width: 20%;position: relative;border-right: 1px solid #eee;}
	.Soff .LeftMenu ul li:last-child {border-right:none;}
	.Soff .LeftMenu ul li span {display: table;width: 100%;height:4em;}
	.Soff .LeftMenu ul li a{color:#fff;display: table-cell;vertical-align: middle;padding:0 20px;box-sizing:border-box}
	.Soff .LeftMenu ul li.ov{/*background:#fff;*/background: rgba(255, 255, 255, 0.8);color: #333;font-weight: 500;}
	.Soff .LeftMenu ul li.ov a {color:#333;}
	.Soff .LeftMenu ul li a[target="_blank"] {background:url('../images/cont/blk_w.png') 95% 50% no-repeat;}
	/*
	.Soff .LeftMenu ul {text-align:center; margin:0 auto; height:60px; border-top:1px solid #fff;}
	.Soff .LeftMenu ul li {float:left;height:60px;vertical-align:middle;  }
	.Soff .LeftMenu ul li:first-child {background-image:none;}
	.Soff .LeftMenu ul li a {width:calc(100% / 7 );display:table-cell;vertical-align:middle; height:60px; font-size:17px; color:#fff !important;}
	.Soff .LeftMenu ul li.ov {position:relative;}
	.Soff .LeftMenu ul li.ov:before{content:''; display:block;background:#fff;height:4px;width:100%;position:absolute;top:0;left:0;}
	.Soff .LeftMenu ul li.ov a {color:#3559a6;}
	.Soff .LeftMenu ul li.ov a:hover {color:#3559a6;}
	.Soff .LeftMenu ul li a:hover {color:#3559a6;}
	*/

	.Soff #snb ul {display:none;}

	.Soff .LeftMenu ul li ol {border:1px solid red;display:none;}

	}

@media(min-width:1400px) {
	.Soff .w1200 {width:1400px;}
	.Soff .LeftCnt {}
	.Soff .LeftMenu {width:1400px; }
}	

@media(min-width:1600px) {
	.Soff .LeftMenu ul {font-size: 1em;}
	.Soff .LeftMenu ul li span {height:3.6em;}
}
.page_title {text-align:center;margin:0 0 40px 0}
.page_title .ptit {font-weight:400;font-size:1.3em;}
.location a{color:#fff;}

@media(min-width:1200px) {
	.page_title .ptit {font-size:1.6em;}
}

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


/* Àӽà ÁغñÁß */
.QU p {text-align:center;}
.QU p img {width:60%;}



@media(min-width:1400px) {/* Äü¸Þ´º */
	.mQback {width:100%;display:block;}

	#sub_quick {letter-spacing:-0.8px;width:200px; height:auto; position:absolute; top:0; left:0; z-index:100;box-sizing:border-box;}
/* 	#sub_quick.stype {position:fixed; top:50%; left:0; }¼­ºê */
	#sub_quick h4 {display:none;}
	#sub_quick .sq02 {transition:all 0.3s ease-out;background:#ecd17e url('/images/common/tel.png') 50% 20px no-repeat;padding:85px 5px 5px 5px;line-height:28px;color:#fff;border-radius:20px;position:relative;}
	#sub_quick .sq02:hover {background:#fc9e75 url('/images/common/tel.png') 50% 20px no-repeat;}
	#sub_quick .sq02 > div {position:relative;}
	#sub_quick .sq02 a {position:absolute;top:0;left:0;width:100%;height:100%;}
	#sub_quick .sq02 ul{text-align:center;font-size:16px;margin:8px 0;}
	#sub_quick .sq02 ul strong{font-size:24px;font-weight:600;font-family:NanumSquareRound !important;}
	#sub_quick .sq03 ul{text-align:center;}
	
	.QU {position:relative; width:1250px; margin:0 auto;}
	.QU p {position:absolute; top:45px; right:-190px; }
	.QU p img {width:80%;}

}



.qDIV {font-size:16px;transition:all 0.3s ease-out;}
.qOFF {color:#fff;text-align:center;position:fixed; z-index:95; top:100px; left:0;transition:all 0.3s ease-out;}
.qOFF:hover {
	-webkit-box-shadow:-3px 5px 10px rgba(0,0,0,.2); 
	-moz-box-shadow:-3px 5px 10px rgba(0,0,0,.2); 
	box-shadow:-3px 5px 10px rgba(0,0,0,.2);
}
.qOFF span{transition:all 0.3s ease-out;display:block;box-sizing:border-box;color:#fff;background:#f2a458 url('/images/common/plus_w.png') center no-repeat;background-size:20px;width:40px; height:40px;padding:20px 0 0 0;}
.qOFF span.close{background:#f2a458 url('/images/common/s_closew.png') center no-repeat;}
.qOFF div {transition:all 0.3s ease-out;background:#ecd17e;width:40px;color:#fff;box-sizing:border-box;padding:10px;}

.qON {transition:all 0.3s ease-out;position:fixed;z-index:95; top:140px;left:-240px;}
.qON span{transition:all 0.3s ease-out;float:right;
	display:block;box-sizing:border-box;color:#fff;background:#f2a458 url('/images/common/s_closew.png') center no-repeat;background-size:20px;width:40px; height:40px;padding:20px 0 0 0;
	}
.qON > div {box-sizing:border-box; clear:both;}

.qON .sq02 {background:#ecd17e url('/images/common/tel.png') 50% 10px no-repeat;background-size:35px;padding:55px 5px 5px 5px;line-height:28px;color:#fff;border-radius:20px;}
.qON .sq02 ul{text-align:center;font-size:16px;margin:2px 0;}
.qON .sq02 ul a strong{color:#fff;font-size:20px;font-weight:600;font-family:NanumSquareRound !important;}
.qON .sq02 ul li {line-height:22px;}


.sq02 .SNS {overflow:hidden;}
.sq02 .SNS > li {font-size:0;float:left;margin:3px;}
.sq02 .SNS > li a {width:30px !important;height:30px !important;display:block;position:static !important;}
.sq02 .SNS > li .SNS01 {background:url('../images/common/sns01.png') center no-repeat;background-size:contain;}
.sq02 .SNS > li .SNS02 {background:url('../images/common/sns02.png') center no-repeat;background-size:contain;}
.sq02 .SNS > li .SNS03 {background:url('../images/common/sns03.png') center no-repeat;background-size:contain;}
.sq02 .SNS > li .SNS04 {background:url('../images/common/sns04.png') center no-repeat;background-size:contain;}

.sq03 ul li {margin:2px 0;border-radius:20px;overflow:hidden;}

@media(min-width:1400px) {
	#sub_quick .sq02 .SNS {margin:0 auto;width:185px}
	#sub_quick .sq02 .SNS > li a {width:35px !important;height:35px !important;}
	.qDIV {display:none;}
	.sq03 ul li {margin:5px 0;}
}


#go_top {text-align:center;	display:none; position:fixed; z-index:999; bottom:0; right:0; 	}
#go_top span{display:block;box-sizing:border-box;color:#fff;background:#00afe3 url('/images/main/btn_top.png') 50% 30% no-repeat;background-size:20px;width:40px; height:40px;padding:20px 0 0 0;}

@media(min-width:1200px) {
	#go_top span {background:#00afe3 url('/images/main/btn_top.png') 50% 30% no-repeat;background-size:20px;width:70px; height:70px;padding:40px 0 0 0;}
}


.all_DIV {display:none}

@media(min-width:1200px) {
	.all_DIV {display:block; 
		width: 100%; 
		background:url('/images/common/tel_bg.jpg') no-repeat; 
		position: fixed; top:0; bottom:0; background-size:cover;transition:all 0.3s ease-out;
		z-index: 9999; height:100%; 
	}
	.all_DIV .w1200{width:1200px; margin:0 auto; padding:40px 0; position:relative;text-align:center;}
	.all_DIV .w1200 ul {transition:all 0.3s ease-out;font-size:26px;overflow:hidden; margin:80px 0;color:#fff;font-family: 'Jalnan';}
	.all_DIV .w1200 ul li {padding:10px 0}
	.timp {display:inline-block;padding:20px;border-radius:50px;background:#f56692;}
	.all_DIV .all_close {transition:all 0.3s ease-out;position: absolute; right: 0; top: 50px; width:80px; height:80px; margin:0 auto; border:none !important;border-radius:100%; background:#444 url('/images/common/s_closew.png') center no-repeat;
		-webkit-box-shadow:-3px 5px 10px rgba(0,0,0,.2); 
		-moz-box-shadow:-3px 5px 10px rgba(0,0,0,.2); 
		box-shadow:-3px 5px 10px rgba(0,0,0,.2);
	}

	.all_DIV .all_close:hover { background:#fd7b41 url('/images/common/s_closew.png') center no-repeat;}

}

@media(min-width:1400px) {
	.all_DIV .w1200{width:1400px;}
}



.INTBG {
	transition:all 0.3s ease-out;position:relative;background:#e6fcff;/*background:#0c0c0c url('/images/main/in_bg.png') top center no-repeat;*/background-size:contain;text-align:center;
	}
.INTBG2 {background:#e6f5f7}
.INTBG:after {display:block;content:'';width:100%;height:55%;z-index:-1;position:absolute;bottom:0;left:0;transition:all 0.3s ease-out;background:#e6f5f7;}

.introTIT {
	padding:5% 0 0 0;position:relative;
	padding:0;/*background: url('../images/main/int241230.jpg') center bottom no-repeat;min-height:215px;*/
	background: url('../images/main/250901.jpg') center bottom no-repeat;min-height:130px;background-size:cover;
	/* int240801 */
	}
.introTIT:after {/*display:block;content:'';*/margin:0 auto;width:250px;height:119px;background:url('/images/main/in_img01.png') center no-repeat;background-size:contain;}
.introTIT h1 {width:45%;margin:0 auto;overflow:hidden;margin:0 auto 20px auto}
.introTIT p {font-family: 'NEXON Lv1';font-weight:500;color:#fff;}
.INTBG2 .Tag {overflow:hidden;padding:20px  0 0 0;font-family: 'BM HANNA 11yrs old';font-size:1.2em;color:#375d9c}
.INTBG2 .introM {display:flex;flex-wrap:wrap;align-items:center;justify-content: center;font-family: 'NEXON Lv1';overflow:hidden;margin:0 auto;}
.INTBG2 .introM li {
	transition:all 0.3s ease-out;
	text-align:center;
	position:relative;width:90%;
	box-sizing:border-box;
	margin:2% auto;
	background:#fff;
	border-radius:10px;
	padding:20PX 10px;
	box-shadow:rgba(50, 50, 50, 0.1) 5px 5px 10px 3px;
	font-family: 'Jua';
	}
.INTBG2 .introM li a {position:absolute;top:0;left:0;width:100%;height:100%;}
.INTBG2 .introM li strong {font-size:0.9em;}
.INTBG2 .introM li strong i {font-size:1.2em;font-style:normal;font-family: 'BR B' !important;}
.INTBG2 .introM li p {transition:all 0.3s ease-out;color:#fff;width:50%;text-align:center;margin:10px auto;padding:10px;border-radius:50px;}

.INTBG2 .introM li.i01 p {background:#6f81e9}
.INTBG2 .introM li.i02 p {background:#2196F3}
.INTBG2 .introM li.i03 div {position:relative;margin:10px 0}
.INTBG2 .introM li.i04 p {background:#ff7347}
.INTBG2 .introM li.i05 p {background:#3abca0}

.INTBG2 .introM li.i01:hover p{background:#475bcd}
.INTBG2 .introM li.i02:hover p{background:#0f69b1}
.INTBG2 .introM li.i04:hover p{background:#ff5722}
.INTBG2 .introM li.i05:hover p{background:#23b394}


.mc01 {color:#ed1a3b}
.mc02 {color:#fdb936}
.mc03 {color:#0091d4}
.mc04 {color:#19ac2b}

.introLO {margin:0 auto;padding:20px 0;width:40%;}

@media(min-width:767px) {
	.INTBG2 .Tag li {display:inline-block;}
	.introTIT {min-height:200px;}
	.introTIT h1 {width:30%;}
	.introTIT:after {width:400px;height:191px;}
	.INTBG2 .introM {width:90%;}
	.INTBG2 .introM li {width:48%;padding:40px 10px;margin:2% 0.8%;}
	.INTBG2 .introM li strong {font-size:1.0em}
	.INTBG2 .introM li strong i {display:block;font-size:1.4em}
	.INTBG2 .introM li p {margin:10px auto;width:80%;padding:15px;border-radius:50px;}
	.INTBG2 .introM li.i03 {padding:5px 20px}
	.INTBG2 .introM li.i03 strong i {font-size:1.1em}
	.INTBG2 .introM li.i03 p {padding:10px}

	.introLO {width:20%;}
}

@media(min-width:1024px) {
	.introTIT {min-height:320px;}
	.INTBG2 .introM {width:95%;}
	.INTBG2 .introM li {width:23%;}
}


@media(min-width:1200px) {	
	.INTBG:after {height:30%;}
	.INTBG2 .Tag {font-size:1.4em}
	.INTBG2 .Tag strong{font-size:1.6em}
	.introTIT h1 {width:25%;}
	.introTIT {padding:2% 0 0 0;padding: 0;min-height: 483px;}
	.introTIT:after {width:500px;height:238px;}
	.introTIT p {font-size:20px}

	.INTBG2 .introM {width:95%;}
	.INTBG2 .introM li {/* width:30%; */padding:85px 20px;margin:2% 1%;min-height:300px}
	.INTBG2 .introM li p {font-size:22px;margin:40px auto 0 auto}
	.INTBG2 .introM li strong {font-size:20px}
	.INTBG2 .introM li strong i {font-size:1.8em}
	.INTBG2 .introM li.i03 {padding:35px 10px}
	.INTBG2 .introM li.i03 strong i {font-size:1em}
	.INTBG2 .introM li.i03  p {margin:10px auto}

	.introLO {width:20%;}
}

@media(min-width:1600px) {
	.introTIT h1 {width:20%;}
	.INTBG2 .introM {width: 80%;}
	.INTBG2 .introM li {padding:95px 20px 60px 20px;min-height:350px}
	.INTBG2 .introM li.i03 {padding:43px 15px 40px 15px}
	.INTBG2 .introM li p {margin:55px auto 0 auto}
	.INTBG2 .introM li strong {font-size:23px}
	.INTBG2 .introM li strong i {font-size:2em}

	.introLO {width:15%;}
}




.introTIT2 {background:#fff url('../images/main/221031.png') center no-repeat;background-size:contain;height:300px}


@media(min-width:1024px) {
	.introTIT2 {background:#fff url('../images/main/221031.png') center no-repeat;background-size:contain;height:495px}

}

/* ÀÎÆ®·Î ¸ÞÀÎ new */
.NEW_INTRO {
	transition:all 0.3s ease-out;position:relative;background:#fff url('/images/main/intro.jpg') top center no-repeat;background-size:cover;text-align:center;
}

.NEW_INTRO_B .introM {
	display:flex;flex-wrap:wrap;align-items:center;font-family: 'NEXON Lv1';overflow:hidden;margin:0 auto;
	}

.NEW_INTRO_B .introM li {
	transition:all 0.3s ease-out;
	text-align:center;
	position:relative;width:90%;
	box-sizing:border-box;
	margin:2% auto;
	background:#fff;
	border-radius:10px;
	padding:20px 10px;
	box-shadow:rgba(50, 50, 50, 0.1) 5px 5px 10px 3px;
	font-family: 'Jua';
	}
.NEW_INTRO_B .introM li a {position:absolute;top:0;left:0;width:100%;height:100%;}
.NEW_INTRO_B .introM li strong {font-size:0.9em;}
.NEW_INTRO_B .introM li strong i {font-size:1.2em;font-style:normal;font-family: 'BR B' !important;}
.NEW_INTRO_B .introM li p {transition:all 0.3s ease-out;color:#fff;width:50%;text-align:center;margin:10px auto;padding:10px;border-radius:50px;}

.NEW_INTRO_B .introM li.i01 p {background:#2196F3}
.NEW_INTRO_B .introM li.i02 p {background:#6f81e9}
.NEW_INTRO_B .introM li.i03 p {background:#3abca0}

.NEW_INTRO_B .introM li.i01:hover p{background:#0f69b1}
.NEW_INTRO_B .introM li.i02:hover p{background:#475bcd}
.NEW_INTRO_B .introM li.i03:hover p{background:#23b394}


@media(min-width:767px) {
	.NEW_INTRO_B .introM li{}
}


.mBG03 {overflow:hidden;margin:0 auto 40px auto; width:95%;}
.mBG03 h4 {font-family:'S-Core Dream 6';}

@media(min-width:1200px) {
	.mBG03 {width:auto; margin:40px auto 60px auto;}
	.mBG03 .w1200 {width:1200px; margin:0 auto;overflow:hidden;}
}

@media(min-width:1400px) {
	.mBG03 .w1200 {width:1400px; margin:0 auto;}
}



/* Ãß°¡ */
.mmore {position:absolute;}
.mmore a {
	transition:all 0.3s ease-out; display:block;  width:30px; height:30px; ;
	background: url('/images/common/plus.png') center no-repeat; background-size:15px;}

@media(min-width:1200px) {
	.mmore a {width:50px; height:50px;background-size:auto;}
}

/* °øÁö»çÇ× */
.Notice {
	position:relative;overflow:hidden; box-sizing:border-box; 	
	transition:all 0.3s ease-out;margin:20px auto;
	}
.Notice_LINE {overflow:hidden; box-sizing:border-box; border-radius:10px; padding:20px; border:1px solid #ddd;background:#fff;	transition:all 0.3s ease-out;}
.Notice h4 {position:relative;font-weight:600; display:inline-block; font-size:1.1em; padding:12px 0;transition:all 0.3s;}

.Notice .NoDL {clear:both; position:relative; padding:0;}
.Notice .NoDL li {position:relative; padding:20px; background:#fff; margin:0;  z-index:1;}
.Notice .NoDL li a {position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
.Notice .NoDL li dl dt {font-weight:500; margin:0 0 10px;}
.Notice .NoDL li dl dt span.tit {
	display:-webkit-box; 
    width:100%; 
    overflow:hidden; 
    line-height:22px;
	min-height:25px;
    max-height:25px; 
    white-space:normal; 
    word-wrap:break-word; 
    -webkit-box-orient:vertical; 
    color:#222; 
    font-size:17px; font-weight:600;
    -webkit-line-clamp:1; 
    word-break:break-all; 
    margin:0 0 5px; 
}
.Notice .NoDL li dl dd {font-size:14px; word-break:break-all;}
.Notice .NoDL li dl dd.txt {
	color:#999;display:-webkit-box; 
	line-height:22px; 
	height:20px; overflow:hidden; 
	white-space:normal; 
	word-wrap:break-word; 
	-webkit-box-orient:vertical; 
	color:#999; 
	font-size:15px; 
	-webkit-line-clamp:1; 
	word-break:break-all; 
}
.Notice .NoDL li dl dd.year {background:url('/images/cont/ico_date.svg') 0 center no-repeat; padding-left:25px; margin:20px 0 0;}
.Notice .NoDL li dl dt i {
	color:#fff; 
    font-style:normal; 
    display:inline-block; 
    width:65px; padding:7px 0 5px; 
    border-radius:50px; 
    text-align:center; 
    margin:0 0 15px; font-size:12px; 
}

.Notice .mmore {top:2%; right:2%;}

.Notice .NoDL li dl dt i.ct1 {background:#f05588; color:#fff;}
.Notice .NoDL li dl dt i.ct2 {background:#ffc20e; color:#fff;}
.Notice .NoDL li dl dt i.ct3 {background:#8dc63f; color:#fff;}

.Notice strong.new {
	border-radius:7px; position:absolute; top:-15px; right:30px; 
	background:#00ac6c; color:#fff; display:inline-block; text-align:center; 
	font-size:12px; line-height:32px; width:30px; height:30px; 
	vertical-align:middle; 
}
.Notice strong.new:after {
	position:absolute; content:''; top:0; right:-4px; transform:rotate(-90deg); z-indeX:-1;
    border-width:8px 0px 8px 13px;
    border-style:solid;
    border-color:transparent transparent transparent #095a3c;
} 

@media(min-width:767px) {
	.Notice_LINE {border-radius:20px;height:300px}
	.Notice .NoDL {margin:0 0 0 -2%;}
	.Notice .NoDL li {padding:20px; float:left; width:31.3%; height:280px; box-sizing:border-box; margin:0 0 0 2%;}
	.Notice .NoDL li dl dt span.tit {
		display:-webkit-box; 
		width:100%; 
		overflow:hidden; 
		line-height:22px;
		min-height:45px;
		max-height:45px; 
		white-space:normal; 
		word-wrap:break-word; 
		-webkit-box-orient:vertical; 
		color:#222; 
		font-size:17px; font-weight:600;
		-webkit-line-clamp:2; 
		word-break:break-all; 
		margin:0 0 5px; 
	}
	.Notice .NoDL li dl dd.txt {
		width:100%; 
		line-height:22px; 
		height:70px; 
		color:#999; 
		font-size:15px; 
		-webkit-line-clamp:3; 
		word-break:break-all; 
		margin:0 0 10px; 
		font-weight:400; 
	}
	.Notice .NoDL li dl dd.year {font-weight:500; position:absolute; bottom:30px; left:20px; margin:0;}
}

@media(min-width:1024px) {
	.Notice {float:left;width:68%;}
	.Notice_LINE {border-radius:30px;}
	.Notice .NoTab ul {width:95%; }
	.TabList dl:hover dd{text-decoration:underline;}
	.Notice h4 {font-size:1.4em}
}

@media(min-width:1200px) {
	.Notice {width:65%;margin:0 auto}
	.Notice_LINE {padding:30px;height:400px;}
	.Notice .NoDL {clear:both; height:320px; box-sizing:border-box; margin:0;}
	.Notice .NoDL li dl dd.txt {
		display:-webkit-box; 
		width:100%; 
		overflow:hidden; 
		line-height:24px; 
		height:70px; 
		white-space:normal; 
		word-wrap:break-word; 
		-webkit-box-orient:vertical; 
		color:#999; 
		font-size:16px; 
		-webkit-line-clamp:3; 
		word-break:break-all; 
		margin:0 0 10px; 
		font-weight:400; 
	}
	.Notice .NoDL li {padding:20px 5px; float:left; width:225px; height:320px; margin:0 0 0 20px; box-sizing:border-box; background:#fff; /*border-radius:30px; */transition:all .3s;}
	.Notice .NoDL li:hover {
		text-decoration:underline
		/*
		-webkit-box-shadow:10px 20px 30px 0 rgba(0,0,0,0.12);
		box-shadow:10px 20px 30px 0 rgba(0,0,0,0.12);
		-webkit-transform:translate3D(0, -3%, 0);
		transform:translate3D(0, -3%, 0)*/
	}
	.Notice .NoDL li:first-child {margin:0;}
	/*
	.Notice .NoDL li:first-child:hover {margin:-5px 0 0;}
	*/
	.Notice .NoDL li dl dt i {padding:7px 0; width:90px; font-size:14px; margin:0 0 30px;}
	.Notice .NoDL li dl dt {font-size:18px;}
	.Notice .NoDL li dl dt span.tit {font-size:18px; min-height:45px;}
	.Notice .NoDL li dl dd {font-size:16px;}
	.Notice .NoDL li dl dd.year {font-weight:500; position:absolute; bottom:30px; left:10px; margin:0;}
	.Notice .mmore {top:5px}
}

@media(min-width:1600px) {
	.Notice .NoDL li {width:265px;}
}

.Event {transition:all 0.3s ease-out;background:#fff;position:relative;overflow:hidden;box-sizing:border-box;}
.Event h4 {position:relative;font-weight:600; display:inline-block; font-size:1.1em; padding:12px 0;transition:all 0.3s;}
.Event .PH_list {
	height:auto; transition:all .3s; box-sizing:border-box; margin:0 auto; 
	overflow:hidden; position:relative; 
	border:1px solid #ddd;border-radius:10px; background:#fff; height:330px;
}

.Event .mmore {top:2%; right:2%;}
.Event .PH_list img {width:100%;height:330px;}

@media(min-width:767px) {
	/*.Event h4 {width:30%;}*/
	.Event {}
	.Event .PH_list {}
	.Event .PH_list {position:relative; width:50%;height:330px;}
}

@media(min-width:1024px) {
	.Event {float:right;width:30%;margin:20px auto;}
	.Event h4 {font-size:1.4em}
	.Event .PH_list {width:100%; background:#fff;border-radius:30px;height:300px;}
	.Event .PH_list img {height:300px;}
}

@media(min-width:1200px) {
	.Event {margin:0 auto}
	.Event .mmore {top:5px}
	.Event .PH_list {position:relative; height:400px; background:#fff; border-radius:30px;}
	.Event .PH_list img {height:400px;}
	.Event .PH_list:hover {	transform:translateY(-10px); -webkit-transform:translateY(-10px); box-shadow:3px 3px 10px rgba(0,0,0,0.3);}

}



.EV_W {position:absolute;top:50%; transform:translateY(-50%);left:0; width:100%;z-index:12;}
.EvL {position:absolute; left:1%;  overflow:hidden; text-align:center; cursor:pointer;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.EvL a {	width:40px; height:40px; display:block; background:rgba(255,255,255,.8) url('/images/cont/btn_pre.svg') center no-repeat;	}

.EvR {position:absolute; right:1%; overflow:hidden; cursor:pointer;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.EvR a {width:40px; height:40px; display:block; background:rgba(255,255,255,.8) url('/images/cont/btn_next.svg') center no-repeat; }


@media(min-width:1200px) {
	.EvL a {width:50px; height:50px;}
	.EvR a {width:50px; height:50px;}
}