@charset "utf-8";
@import url('/css/font/font_Vitro_core.css');
@import url('/css/font/font_Vitro_pride.css');
@import url('/css/font/font_gmarketsans.css');
@import url('/css/font/font_gothic.css');



/* 공통*/
.organ_wrapper {position:relative;margin:0;padding:0;width:100%; background:none; background-color:#fff;}
.organ_wrapper #mcontainer{margin:0; padding:0px; background:url(/images/glocal/content/bg_organ_wrapper.jpg) no-repeat center 587px #fff;}



/* 메인비주얼 */
#mvisual{position:relative; top:-12px; height:215px;}
#mvisual .wrap{position:absolute; top:36px; margin:0 auto; padding:15% 3% 0; width:94%;}

#mvisual h2{margin:0px auto; text-align:center; color:#fff; font-size:18px; font-weight:normal; background:none;}
#mvisual h2 span.ti{margin:0; font-size:20px; font-weight:500;}
#mvisual h2 span{display:block; margin:0 0 2px; }

.slideimg{ position:relative; width:100%; margin:0; float:left; }

.slideimg img{ position:absolute; top:0; left:0; width:100%; height:215px; object-fit: cover; }





/* 메인 콘텐츠 */
.msectwrap{display:block;clear:both;content:'';padding:20px 4% 30px;}




/*사업단소식*/

.sect3 #rolling{position: relative;width: 100%; height:320px; padding: 0px; text-align: left;}
.sect3 #rolling .title{display: block;margin: 0 0 10px 5px; font-size:21px; color: #121212;font-weight: 600;}
.sect3 #rolling .title:before{width:30px;height:5px;background-color:#7CBD27;position:absolute;top:-10px;left:5px;content:''}
.sect3 #rolling .sliderBox{overflow:hidden;width:100%; height:100%; padding:0; margin:0px 0 0; display:inline-block;}
.sect3 #rolling .sliderBox ul{position:relative;overflow: hidden;width:auto;height: 270px;padding:0; margin-left:0; display:inline-block;}
.sect3 #rolling .sliderBox ul li{display:block;float: left;width: 100%;height:auto;}
.sect3 #rolling .sliderBox ul li a{display: block;width: 99%;height: 268px; background: #fff;border:1px solid #d8d8d8; border-radius:10px;}
.sect3 #rolling .sliderBox ul li a:hover,
.sect3 #rolling .sliderBox ul li a:focus{text-decoration:underline;}
.sect3 #rolling .sliderBox ul li .thumb{position: relative;display: block;width: 100%;height:200px;overflow: hidden;background-color:#f0f0f0; border-radius:10px 10px 0 0;}
.sect3 #rolling .sliderBox ul li .thumb img{width: 100%;max-width: none;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.sect3 #rolling .sliderBox ul li .txt{padding: 15px 20px 20px;text-align: center;}
.sect3 #rolling .sliderBox ul li .txt strong{
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-word;
    
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   font-size:0.95em;line-height: 1.1em;color: #555;font-weight: 600}
.sect3 #rolling .sliderBox ul li .txt em{display: block;margin-top:5px; font-style: normal;font-size: 0.8em;color: #999;}
.sect3 #rolling .controlBox{position: absolute;top: 7px;right: 28px;}
.sect3 #rolling .controlBox button{display: inline-block;margin-right: 20px;background: url(/images/rotc/content/main_ir.png) no-repeat;border:0;font-size: 0;text-indent: -9999px;vertical-align: middle;}
.sect3 #rolling .controlBox .btn_prev{width: 7px;height: 12px;background-position: -132px -21px}
.sect3 #rolling .controlBox .btn_next{width: 7px;height: 12px;background-position: -142px -21px}
.sect3 #rolling .controlBox .btn_stop{width: 9px;height: 11px;background-position: -152px -21px}
.sect3 #rolling .controlBox .btn_play{width: 7px;height: 13px;background-position: -163px -20px}
.sect3 #rolling .more{display: block;position: absolute;top: 5px;right: 2px;width: 29px;height: 29px;background: url(/images/glocal/content/photo_more.png) no-repeat;}



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

	/* 메인비주얼 */
	#mvisual{height:250px;}
	#mvisual .wrap{position:absolute; top:20px;}
	.slideimg img{ height:250px;}

	#mvisual h2{font-size:23px;}
	#mvisual h2 span.ti{font-size:26px;}


}


@media only screen and (min-width:530px){


	/*사업단소식*/

	.sect3 #rolling{width: 100%; height:320px; padding: 10px 0 0;}
	.sect3 #rolling:after{display:block;clear:both;content:'';}
	.sect3 #rolling .title{font-size:25px;}
	.sect3 #rolling .title:before{ top:0px;left:5px; }
	.sect3 #rolling .sliderBox ul{height: 262px;}
	.sect3 #rolling .sliderBox ul li{width: 47.5%; margin-left:5%;}
	.sect3 #rolling .sliderBox ul li:first-child{margin-left:0px;}
	.sect3 #rolling .sliderBox ul li .thumb{width: 100%; height:185px;}
	.sect3 #rolling .sliderBox ul li a{height: 260px;}
	.sect3 #rolling .sliderBox ul li .txt strong{ font-size:0.9em;line-height: 1.2em;}
	.sect3 #rolling .controlBox{top: 15px; right: 25px;}
	.sect3 #rolling .more{top: 13px; right:0;}


}


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

	/* 메인비주얼 */
	#mvisual{height:450px; padding:0px;}
	#mvisual .wrap{position:absolute; top:60px;}
	#mvisual h2{margin:0 0 3px; font-size:45px; font-weight:normal;}
	#mvisual h2 span.ti{display:block; font-size:50px; font-weight:500;}
	#mvisual h2 span{display:inline-block;}


	.slideimg,
	.slideimg img{object-fit: cover; height:450px;}




}



@media only screen and (min-width:1000px){

	/* 메인비주얼 */
	#mvisual{height:600px;}
	#mvisual .wrap{position:relative; top:-380px;}
	#mvisual h2{margin:0 0 3px; font-size:55px; font-weight:normal;}
	#mvisual h2 span.ti{display:block; font-size:60px; font-weight:500;}

	.slideimg,
	.slideimg img{object-fit: cover; height:600px;}



	/* 메인 콘텐츠 */
	.msectwrap{display:block; clear:both;content:''; padding:25px 0; margin:0 auto; width:1000px; height:800px;}



	/*사업단소식*/

	.sect3 #rolling{display: block; float:left; position: relative; width:1000px; height:260px; padding: 10px 0; text-align: left;}

	.sect3 #rolling .sliderBox ul{width:1000px; height: 220px; margin-left: 0%; margin-top:10px;}
	.sect3 #rolling .sliderBox ul li{width: 231px; margin-left:23px;}
	.sect3 #rolling .sliderBox ul li:first-child{margin-left:0px;}
	.sect3 #rolling .sliderBox ul li a{width: 100%;height: 218px;}
	.sect3 #rolling .sliderBox ul li .thumb{width: 231px;height:150px;}
	.sect3 #rolling .sliderBox ul li .txt{padding: 15px 5px 0; letter-spacing:-0.1px;}
	.sect3 #rolling .controlBox{top: 23px; right: 42px;}
	.sect3 #rolling .more{top: 19px; right: 7px;}



}





@media only screen and (min-width:1100px){

	.msectwrap{display:block; clear:both;content:''; padding:25px 0; margin:0 auto; width:1100px; height:830px;}


	/*사업단소식*/

	.sect3 #rolling{width:1100px; height:280px; }

	.sect3 #rolling .sliderBox ul{width:1100px; height: 240px; margin-left: 0%; margin-top:0px;}
	.sect3 #rolling .sliderBox ul li{width: 256px; margin-left:23px;}
	.sect3 #rolling .sliderBox ul li:first-child{margin-left:0px;}
	.sect3 #rolling .sliderBox ul li a{width: 100%;height: 238px;}
	.sect3 #rolling .sliderBox ul li .thumb{width: 256px;height:170px;}
	.sect3 #rolling .sliderBox ul li .txt{padding: 15px 5px 0; letter-spacing:-0.1px;}
	.sect3 #rolling .controlBox{top: 20px; right: 42px;}
	.sect3 #rolling .more{top: 20px; right: 7px;}




}




/* 메인 공지사항 */

.sect1 .box-title{font-size:24px;color:#fff;padding-left:0px;margin-bottom:34px}
.sect1 .box-title{font-size:26px;color:#222;display:inline-block}
.sect1 .box-title.bul{position:relative;padding-top:10px;margin-bottom:21px}
.sect1 .box-title.bul:before{width:30px;height:5px;background-color:#7CBD27;position:absolute;top:0;left:0;content:''}
.main-board.typeG .box-title{position:absolute}
.main-board.typeG .box-title span{color:#666}


.sect1 .bottom-box{max-width:799px; width:100%; margin-bottom:72px; height:410px;}
.sect1 .bottom-box{margin-top:20px;}
.sect1 .bottom-box:after{content:''; display:block; clear:both}
.board-more{width:22px;height:22px;position:absolute;top:0;right:0}
.board-more > a,.board-more > a span{width:100%;height:100%;display:block}
.board-more > a span{display:block;position:relative;font-size:0}
.board-more > a span:before,.board-more > a span:after{content:'';display:block;position:absolute;background-color:#222;transition:.3s}
.board-more > a span:before{width:100%;height:3px;top:50%;left:0;margin-top:-1.5px}
.board-more > a span:after{width:3px;height:100%;top:0;left:50%;margin-left:-1.5px}
.board-more >a:hover span:before,.board-more >a:focus span:before,.board-more >a:active span:before,.board-more >a:hover span:after,.board-more >a:focus span:after,.board-more >a:active span:after{background-color:#80C427}
.main-board.typeG{width:100%; }
.main-board.typeG .box-title{position:absolute;}
.main-board.typeG .box-title span{color:#666}
.main-board.typeG .board-item{position:relative; float:none;position:absolute;padding-left:230px;width:calc(100% - 0px);padding-top:10px; width:900px;}
.main-board.typeG .board-title{width:100%;display:inline-block;max-width:160px;float:none;background-color:transparent;position:absolute;left:0;top:0;text-align:left;font-weight:700;z-index:5}
.main-board.typeG .board-title:before{display:none}
.main-board.typeG .board-title span{display:inline-flex;width:100%;height:45px; padding:15px 0 6px 5px;align-items:center;text-align:left;position:relative;color:#666; font-size:18px;line-height:30px;}
.main-board.typeG .board-title span:before,.main-board.typeG .board-title span:after{content:'';width:0;display:inline-block;opacity:0;visibility:visible;transition:.3s}
.main-board.typeG .board-title span:before{position:absolute;bottom:8px;left:0px;width:100%;background-color:#ddd;opacity:1;visibility:visible;height:1px}
.main-board.typeG .board-title span:after{width:0;height:0;border-radius:50%;background-color:transparent;border:1px solid #7CBD27;width:7.4px;height:4.4px;background:url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='4.93842' x2='3.67095' y2='8.07905' stroke='white' stroke-width='1.5'/%3E%3Cline x1='2.61054' y1='8.07904' x2='7.84491' y2='2.84467' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 5px 4px}


.main-board.typeG .board-content{width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:none;top:0;position:relative}
.main-board.typeG .board-content .ul .li{float: left; width:200px; height:140px; margin:0 0 30px 30px; padding:35px 30px 25px; border-radius:10px; border:1px solid #ccc; background-color:#fff;}



.main-board.typeG .board-content{width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:none;top:0;position:relative}
.main-board.typeG .content-link{position:relative;}
.main-board.typeG .content-text{width:100%;line-height:1;display:block}
.main-board.typeG .content-title,.main-board.typeG .content-title + em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
.main-board.typeG .content-title{
	overflow: hidden;
   white-space: normal;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-break: keep-all;


	font-size:16px;line-height:25px;color:#555; display:block; width:100%; height:70px; top:0px; position:absolute;z-index:2;font-weight:700}
.main-board.typeG .content-title:before{content:"";position:absolute;opacity:0;left:0;top:15px;width:0;height:8px;background-color:rgba(124,189,39,0.2);transition:width .6s ease;z-index:-1}
.main-board.typeG .content-title + em{display:block;font-size:15px;height:15px}
.main-board.typeG .content-title{position:relative}
.main-board.typeG .content-title .new{position:absolute;top:0px;left:auto;right:10px;margin:0;text-align:center;width:11px;height:11px}
.main-board.typeG .content-title .new::before{top:0px;left:5px;width:11px;height:11px;background:url(/images/glocal/content/notice_new.gif) no-repeat;}
.main-board.typeG .content-link.new-icon .content-title{padding-right:20px}
.main-board.typeG .content-link:hover .content-title:before,.main-board.typeG .content-link:focus .content-title:before,.main-board.typeG .content-link:active .content-title:before{width:100%;opacity:1;visibility:visible}
.main-board.typeG .content-date{block;margin-top:25px; padding-top:25px; border-top:2px dotted #d3d3d3;}
.main-board.typeG .content-date span{display:block;color:#999;font-size:15px;line-height:1}

.main-board.typeG .board-more{position:absolute;top:0;right:auto;left:90px}
.main-board.typeG .board-item:after,.main-board.typeG .content-link:after{content:'';display:inline-block;clear:both}
.main-board.typeG .board-item .board-more{display:block;left:139px;top:20px;display:none}
.main-board.typeG .board-item.active .board-more{display:block}
.main-board.typeG .board-item.n1 .board-title{top:64px}
.main-board.typeG .board-item.n2 .board-title{top:107px;display:block}
.main-board.typeG .board-item.n3 .board-title{top:150px;display:block}
.main-board.typeG .board-item.active .board-content{display:block;z-index:5}
.main-board.typeG .board-item.active .board-title span,.main-board.typeG .board-item .board-title:hover span,.main-board.typeG .board-item .board-title:focus span,
.main-board.typeG .board-item .board-title:active span{color:#222;white-space:nowrap}
.main-board.typeG .board-item.active .board-title span:before,.main-board.typeG .board-item .board-title:hover span:before,.main-board.typeG .board-item .board-title:focus span:before,.main-board.typeG .board-item .board-title:active span:before,.main-board.typeG .board-item.active .board-title span:after,.main-board.typeG .board-item .board-title:hover span:after,.main-board.typeG .board-item .board-title:focus span:after,.main-board.typeG .board-item .board-title:active span:after{opacity:1;visibility:visible;height:1px}
.main-board.typeG .board-item.active .board-title span:before,.main-board.typeG .board-item .board-title:hover span:before,.main-board.typeG .board-item .board-title:focus span:before,.main-board.typeG .board-item .board-title:active span:before{width:100%;background-color:#7CBD27}
.main-board.typeG .board-item.active .board-title span:after,.main-board.typeG .board-item .board-title:hover span:after,.main-board.typeG .board-item .board-title:focus span:after,.main-board.typeG .board-item .board-title:active span:after{width:18px;height:18px;background-color:#81c427;margin-left:6px}
.main-board.typeG .board-item.active .board-more{display:block; z-index: 10;}
.main-board.typeG .board-item.active .board-content{display:inline-block;z-index:5}





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

	.main-board.typeG .board-content .ul .li{ width:25%;  height:130px; margin:0 2% 20px 0; padding:25px 2.5% 25px;}

	.main-board.typeG .board-item{}
	.sect1 .bottom-box {margin-top: 0; padding-bottom:50px;}
	.sect1 .box-title{padding-left:0;text-align:left;display:block;word-break:keep-all;position:relative;margin-bottom:0;padding-bottom:0px}
	.main-board.typeG:after{content:'';clear:both;display:block}
	.main-board.typeG .box-title{position:relative; margin-bottom:0;}
	.main-board.typeG .board-item{padding-left:0;width:calc(100% - 150px)}
	.main-board.typeG .board-title span{font-size:16px;padding :6px 0 0 5px;}
	.main-board.typeG .board-item .board-title{max-width:115px;left:auto;width:auto}
	.main-board.typeG .board-item.n1 .board-title{right:293px;top:-50px}
	.main-board.typeG .board-item.n2 .board-title{right:180px;top:-50px}
	.main-board.typeG .board-item.n3 .board-title{right:52px;top:-50px}
	.main-board.typeG .board-item .board-more{left:auto;right:0;top:-30px}


}


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

	.organ_wrapper #mcontainer{background:url(/images/glocal/content/bg_organ_wrapper.jpg) no-repeat center 700px #fff;}

	.sect1 .bottom-box{height:370px;}
	
	.sect1 .box-title{font-size:20px;padding-left:0;text-align:left;display:block;word-break:keep-all;position:relative;margin-bottom:0;padding-bottom:0px}
	.sect1 .box-title:before{content:'';display:block;width:calc(100% - 56px);height:3px;background-color:#fff;position:absolute;left:0%;bottom:0;transform:translateX(-50%)}
	.sect1 .box-title.bul:before{left:2%;}

	.main-board.typeG .box-title{margin-bottom:4px}
	.main-board.typeG .board-item{padding-left:0;width:calc(100% - 40px)}
	.main-board.typeG .board-item.n1 .board-title,.main-board.typeG .board-item.n2 .board-title,.main-board.typeG .board-item.n3 .board-title{top:-52px}
	.main-board.typeG .board-item .board-more{top:-33px}

}



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

	.sect1 .bottom-box{height:360px;}
	.main-board.typeG .board-item{width:calc(100% - 0px)}
	.main-board.typeG .content-title{ font-size:15px;line-height:23px;}
	.main-board.typeG .content-date span{font-size:14px;}


}


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

	.organ_wrapper #mcontainer{background:url(/images/glocal/content/bg_organ_wrapper.jpg) no-repeat center 550px #fff;}
	.sect1 .bottom-box{height:180px;}

	.sect1 .box-title{display:inline-block;padding-bottom:19px}
	.sect1 .box-title:before{width:100%}
	.sect1 .box-title.bul:before{left:20%;}

	.main-board.typeG .board-item{width:calc(100% - 40px);padding-top:15px}
	.main-board.typeG .board-item.n1 .board-title,.main-board.typeG .board-item.n2 .board-title,.main-board.typeG .board-item.n3 .board-title{top:-68px}
	.main-board.typeG .board-item .board-more{top:-50px}


	.main-board.typeG .board-content{width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:none;top:0;position:relative}
	.main-board.typeG .board-content .ul .li{float: left; width:100%; height:25px; margin:2px 0 3px; padding:0px; border-radius:0px; border:none; background-color:#fff;}
	.main-board.typeG .content-text:before{position: absolute; top: 10px;left: 0;width: 6px;height: 2px;background: url(../../../images/kuicf/main/main_ir_2022.png) -38px -35px;content: '';}

	.main-board.typeG .content-link{position:relative;padding:0px 105px 0 10px;line-height:1; display:block;height:26px;margin-bottom:15px;}
	.main-board.typeG .content-text{line-height:1;display:block}
	.main-board.typeG .content-title,.main-board.typeG .content-title + em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
	.main-board.typeG .content-title{ font-size:15px;color:#555;display:inline-block;width:auto;max-width:100%;position:relative;z-index:2;font-weight:600; margin-bottom:0;}
	.main-board.typeG .content-title:before{content:"";position:absolute;opacity:0;left:0;bottom:0;width:0;height:8px;background-color:rgba(124,189,39,0.2);transition:width .6s ease;z-index:-1}
	.main-board.typeG .content-title + em{display:block;font-size:15px;height:15px}
	.main-board.typeG .content-title{position:relative}
	.main-board.typeG .content-title .new{position:absolute;top:0;left:auto;right:0;margin:0;text-align:center;width:16px;height:16px}
	.main-board.typeG .content-title .new::before{line-height:17px;font-size:10px;text-align:center}
	.main-board.typeG .content-link.new-icon .content-title{padding-right:20px}
	.main-board.typeG .content-link:hover .content-title:before,.main-board.typeG .content-link:focus .content-title:before,.main-board.typeG .content-link:active .content-title:before{width:100%;opacity:1;visibility:visible}
	.main-board.typeG .content-date{display:inline-block;margin-top:0;position:absolute;right:0;top:0; padding-top:0px; border-top:none;}
	.main-board.typeG .content-date span{display:block;color:#999;font-size:15px;line-height:1}

}


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

	
	.main-board.typeG .board-item{width:calc(100% - 48px)}
	.main-board.typeG .board-title span{font-size:15px;padding :6px 0 0;}
	.main-board.typeG .content-title .new{position:absolute;top:0;left:auto;right:0;margin:0;text-align:center;width:16px;height:16px}
	.main-board.typeG .content-title .new::before{line-height:17px;font-size:10px;text-align:center}
	.main-board.typeG .content-link.new-icon .content-title{padding-right:8px}
	.main-board.typeG .board-item .board-title{max-width:125px;left:auto;width:auto}
	.main-board.typeG .board-item.n1 .board-title{right:255px;top:-50px}
	.main-board.typeG .board-item.n2 .board-title{right:160px;top:-50px}
	.main-board.typeG .board-item.n3 .board-title{right:52px;top:-50px}
	.main-board.typeG .board-item .board-more{left:auto;right:0;top:-30px}


}

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

	.msectwrap .sect1{height:280px;}
	.sect1 .box-title{font-size:18px;}

	.sect1 .bottom-box{margin-bottom:0px;}
	.main-board.typeG .board-item.n1 .board-title,.main-board.typeG .board-item.n2 .board-title,.main-board.typeG .board-item.n3 .board-title{top:-38px}
	.main-board.typeG .box-title{margin-bottom:0;top:-5px}
	.main-board.typeG .board-item .board-more{right:-20px; top:-20px}

	.main-board.typeG .board-content{top:10px;}
	

	.main-board.typeG .board-title span{font-size:13px;}
	.main-board.typeG .board-item .board-title{max-width:110px;}
	.main-board.typeG .board-item.n1 .board-title{right:200px;}
	.main-board.typeG .board-item.n2 .board-title{right:110px;}
	.main-board.typeG .board-item.n3 .board-title{right:10px;}

	.main-board.typeG .content-link{height:20px;margin-bottom:10px}
	.main-board.typeG .content-title{font-size:14px; display:inline-block;width:auto;max-width:100%;position:relative;z-index:2;font-weight:700}
	.main-board.typeG .content-title:before{content:"";position:absolute;opacity:0;left:0;bottom:0;width:0;height:8px;background-color:rgba(124,189,39,0.2);transition:width .6s ease;z-index:-1}
	.main-board.typeG .content-title + em{display:block;font-size:13px;height:13px}
	.main-board.typeG .content-title{position:relative}
	.main-board.typeG .content-link:hover .content-title:before,.main-board.typeG .content-link:focus .content-title:before,.main-board.typeG .content-link:active .content-title:before{width:100%;opacity:1;visibility:visible}
	.main-board.typeG .content-date{display:inline-block;margin-top:0;position:absolute;right:0;top:0}
	.main-board.typeG .content-date span{display:block;color:#999;font-size:12px;line-height:1}

}

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

	
	.main-board.typeG .content-title{font-size:13px; }

}






/* 팝업 */

/* slide_common*/

.slick-slider .slick-list, .slick-slider .slick-track,.slick-initialized .slick-slide > div{height:100%}

#ajaxLayer {/* display:none; */z-index:9999999;position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.9);}
.shrotPopup:after{display:block; content:''; clear:both}
.shrotPopup{width:90%; height:100%; display:block;padding:0 5%; overflow: hidden;}
.shrotPopup .pop-container{position:relative;height: 100%;width:100%;margin: auto;}
.shrotPopup .container{position: relative;padding:0;max-width: 1020px;width: 100%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.shrotPopup .container>.inner{max-width:none;}
.shrotPopup .container .logo{display:block;margin:0 auto 42px;max-width: 675px;height: 84px;font-size: 0;background-size: 95%;background-position: center center;background-repeat:  no-repeat;background-image: url(/images/kyusw/content/logo_popup.png) ;}
.shrotPopup .container .tit{display:block;font-weight:400;letter-spacing: -1px;margin: 20px 0 25px 1px;}
.shrotPopup .container .tit,.shrotPopup .container .tit .point{color:#fff;font-size:26px;font-family:'gmarket';font-style: normal; text-transform: uppercase;}
.shrotPopup .container .tit .point{font-weight:bold; color: #7CBD27}

.shrotPopup .container .popupslide{position: relative;/* max-width: 100%; */width: 100%;/* margin:0 auto; */}
.shrotPopup .container .popupslide .list{overflow:hidden;height:371px;width: calc(100% + 58px);margin: 0 -35.5px;white-space: nowrap;}
.shrotPopup .container .popupslide .list:after{content: ''; display:block;clear:both}
.shrotPopup .container .popupslide .list .item{height:100%;width: 100%;max-width: 480px;margin-right: 0;/* padding: 0 12.5px; */text-align: center;display: inline-block;margin: 0 29.5px; float:left}
.shrotPopup .container .popupslide .list .item .link{width:100%; max-width:480px; height:100%; display:inline-block;margin: 0 auto;}

.shrotPopup .container .popupslide .list .item .link span{display:block; width:100%; height:100%; position:relative;/* border-radius:15px; */overflow:hidden}
.shrotPopup .container .popupslide .list .item img{width:100%;height:100%; position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); border-radius:5px;}

.shrotPopup .container .popupslide .control {position:absolute;right: 0px;top: -54px;}
.shrotPopup .container .popupslide .control button {display: inline-block; margin:0; font-size:0;vertical-align:middle;  background-repeat:no-repeat;background-color: transparent;border: 0; background-size: 100% auto; top:-3px}
.shrotPopup .container .popupslide .control button.prev {width: 24px;height: 22px;background-image: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.939341 13.0607C0.353554 12.4749 0.353554 11.5251 0.939341 10.9393L10.4853 1.3934C11.0711 0.807611 12.0208 0.807611 12.6066 1.3934C13.1924 1.97919 13.1924 2.92893 12.6066 3.51472L4.12132 12L12.6066 20.4853C13.1924 21.0711 13.1924 22.0208 12.6066 22.6066C12.0208 23.1924 11.0711 23.1924 10.4853 22.6066L0.939341 13.0607ZM26 13.5H2V10.5H26V13.5Z' fill='white'/%3E%3C/svg%3E%0A");}
.shrotPopup .container .popupslide .control button.next {width: 24px; height:22px;background-image: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0607 13.0607C25.6464 12.4749 25.6464 11.5251 25.0607 10.9393L15.5147 1.3934C14.9289 0.807611 13.9792 0.807611 13.3934 1.3934C12.8076 1.97919 12.8076 2.92893 13.3934 3.51472L21.8787 12L13.3934 20.4853C12.8076 21.0711 12.8076 22.0208 13.3934 22.6066C13.9792 23.1924 14.9289 23.1924 15.5147 22.6066L25.0607 13.0607ZM0 13.5H24V10.5H0V13.5Z' fill='white'/%3E%3C/svg%3E%0A");}
.shrotPopup .container .popupslide .control button.prev:before,
.shrotPopup .container .popupslide .control button.next:before {display:none;}

.shrotPopup .container .popupslide .control button.stop,.shrotPopup .container .popupslide .control button.play{width:18px;height:18px; background-image:none;margin-right: 10px;}
.shrotPopup .container .popupslide .control button.stop{padding-top: 3px;}
.shrotPopup .container .popupslide .control button.stop:before,.shrotPopup .container .popupslide .control button.play:before{content:''; display:inline-block;position: relative;}
.shrotPopup .container .popupslide .control button.stop:before{top: -2px;width: 12px;height: 17px;background-image: url("data:image/svg+xml,%3Csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L2 15' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M10.2333 2L10.2333 15' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center;}
.shrotPopup .container .popupslide .control button.play{height: 23px; }
.shrotPopup .container .popupslide .control button.play:before{width: 0;height: 0;border-width:10px 0 10px 13px;border-style: solid;border-color: transparent transparent transparent #fff;top: 1px; left:2px;right:auto; bottom:auto}

.shrotPopup .container .popupslide .pageCount {display: inline-flex;position:relative;margin: 0 10px;color:rgba(255,255,255,.5);vertical-align: bottom;letter-spacing: 0.5em;line-height: 1.5;align-items: center;/* justify-content: center; */top: -3px;}
.shrotPopup .container .popupslide .pageCount em {color: #fff; font-size:20px;letter-spacing: -1px;text-align: center;font-style: normal;font-family: 'gmarket';font-weight: bold;line-height: 1; display:inline-block}
.shrotPopup .container .popupslide .pageCount em.current{color: #7cbd27; min-width: 12px;}
.shrotPopup .container .popupslide .pageCount span.line {display: inline-block;position: relative;width: 24px;height: 22px;font-size:0;}
.shrotPopup .container .popupslide  .pageCount span.line:before {display:block;position:absolute;left: 12px;top: 3px;content:'';width: 1px;height: 16px;background:rgba(255,255,255,.5);transform: rotate(26deg);}
.shrotPopup .container > .title{text-align: center;margin-bottom:70px;}
.shrotPopup .container > .title strong{font-size: 35px;color:#fff;}
.shrotPopup .container > .title strong em{font-weight:bold;color:#fff;}

.shrotPopup .exit-group {position: relative;margin: 66px 0 0;text-align:right;position: relative;padding-right: 0px;height: 1px;}
.shrotPopup .exit-group:before {display:block;position: relative;right: 430px;left:0;top: 50%;content:'';width: calc(100% - 250px);height:1px;background: rgba(255,255,255,.5);overflow: hidden;}
.shrotPopup .exit-group #exitButtonGroup {display:inline-block;vertical-align: middle;padding-right: 82px;min-width: 225px;right: 4px;top: -12px;position: relative;}
 .shrotPopup .exit-group #exitButtonGroup label {display: inline-block;position: relative;padding-left: 23px;margin: 0;text-align:left;font-weight: normal;font-size: 16px;color: #fff;font-family: 'gmarket';}
 .shrotPopup .exit-group #exitButtonGroup label input[type="radio"] {position:absolute; opacity:0; left: 0; top: 5px;min-width: 143px;}
.shrotPopup .exit-group #exitButtonGroup label input[type="radio"] + span {display:block;position: absolute;left: 0;top: 4px;width:15px;height:15px;border-radius: 2px;border: 1px solid #ececec;}
.shrotPopup .exit-group #exitButtonGroup label input[type="radio"]:checked + span {border:2px solid #fff;background:#7CBD27 url('/images/linc/popupzone/check.png') no-repeat center;background-size: 100%; background-position: 1px 0 } 
.shrotPopup .exit-group #exitButtonGroup label input[type="checkbox"] {position:absolute; opacity:0;z-index:5;min-width: 143px}
.shrotPopup .exit-group #exitButtonGroup label input[type="checkbox"] + span {display:block;position: absolute;left: 3px;top: 5px;width:15px;height:15px;border-radius:4px;border: 1px solid #ececec;background:#fff;}
.shrotPopup .exit-group #exitButtonGroup label input[type="checkbox"]:checked + span {border:1px solid #7CBD27;background:#7CBD27 url(/images/linc/popupzone/check.png) no-repeat center; background-size: 12px} 
.shrotPopup .exit-group .exit-button {display:inline-block;width: 55px;height: 55px;vertical-align:middle;position: absolute;top: -30px;right: 0;/* transform: translate(0, -50%); */}
.shrotPopup .exit-group .exit-button .in {position:relative;width:100%;height:100%;border-radius:50%;background: #7CBD27; border:0;cursor:pointer}
.shrotPopup .exit-group .exit-button em {display:block;opacity:0.3;position:absolute;left: 0;top: 0;content:'';width:100%;height:100%;border-radius:50%;background:#7CBD27;-webkit-transform: scale(1.45);transform: scale(1.45);}
.shrotPopup .exit-group .exit-button:hover em,
.shrotPopup .exit-group .exit-button:focus em {-webkit-animation: ping 1.3s ease-in-out infinite both;animation: ping 1.3s ease-in-out infinite both;}
.shrotPopup .exit-group .exit-button span {display:block;position: relative;z-index: 1;width:100%;height:100%;font-size: 0;}
.shrotPopup .exit-group .exit-button span:before,
.shrotPopup .exit-group .exit-button span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.shrotPopup .exit-group .exit-button span:before {width:18px;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.shrotPopup .exit-group .exit-button span:after {width: 2px;height:18px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.shrotPopup.min{display: none !important;}
@-webkit-keyframes ping {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0.6;}100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}
@keyframes ping {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0.6;}100% {-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}






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

.shrotPopup{padding:0 15px}

}

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


.shrotPopup .container{max-width:480px}
.shrotPopup .container .tit{margin:20px 0 15px}
.shrotPopup .container .popupslide .list{margin: 0; width:100%}
.shrotPopup .container .popupslide .list .item{margin: 0;}
.shrotPopup .container .popupslide .list .item img{width:auto}
.shrotPopup .container .popupslide .control{top:-48px}

}

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

    .shrotPopup .container{max-width:330px}
    .shrotPopup .container .popupslide{height:280px}
    .shrotPopup .container .popupslide .list{height:257px}
    .shrotPopup .container .popupslide .control{bottom:-29px;top:auto;right:auto;left:50%;transform:translateX(-50%);white-space: nowrap;}
    .shrotPopup .exit-group:before{display:none}
    .shrotPopup .container .popupslide .pageCount{top:-5px}
    .shrotPopup .container .popupslide .pageCount em{font-size: 17px;}
    .shrotPopup .container .popupslide .pageCount span.line{height: 16px;}
    .shrotPopup .container .popupslide .pageCount span.line:before{top:0}

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

.shrotPopup .container .logo{margin-bottom: 0;}
.shrotPopup .container .tit,.shrotPopup .container .tit .point{font-size:21px}
.shrotPopup .container .popupslide .pageCount{margin: 0 13px 0 15px;}
.shrotPopup .container .popupslide .control button.stop, .shrotPopup .container .popupslide .control button.play{margin-right: 8px;}
.shrotPopup .exit-group{margin-top: 72px;}

}