@charset "utf-8";



/* 공통*/
.organ_wrapper {position:relative;margin:0;padding:0;width:100%;}
.organ_wrapper #mcontainer{margin:0; padding:0px;}



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

#mvisual h2{margin:0px auto; text-align:center; color:#fff; text-shadow:0 0 10px #257cb9; font-size:12px; font-weight:normal; background:none;}
#mvisual h2 span.ti{margin:0; font-size:17px; 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; }

/* 메인링크 */
#mvisual #mlink{position:absolute;bottom:0;left:0;width:100%;}
#mvisual #mlink ul.ml_box *{box-sizing: border-box;}
#mvisual #mlink ul.ml_box{}
#mvisual #mlink ul:after { content:""; display:block; clear:both; }
#mvisual #mlink ul.ml_box li:first-child{margin:0;}
#mvisual #mlink ul.ml_box li{display:inline-block;float:left; margin:0 0 0 1px; width:19.7%; height:40px; background:#228bc4 url(/images/kyusw/content/mcnt4_bg.png) no-repeat; border-radius:7px 7px 0 0; text-shadow:0 0 2px #666;}
#mvisual #mlink ul.ml_box li + li{ background:#158c87 url(/images/kyusw/content/mcnt4_bg.png) no-repeat;}
#mvisual #mlink ul.ml_box li + li + li{ background:#f4981d url(/images/kyusw/content/mcnt4_bg.png) no-repeat;}
#mvisual #mlink ul.ml_box li + li + li + li{ background:#2f9636 url(/images/kyusw/content/mcnt4_bg.png) no-repeat;}
#mvisual #mlink ul.ml_box li + li + li + li + li{background:#7aba20 url(/images/kyusw/content/mcnt4_bg.png) no-repeat;}
#mvisual #mlink ul.ml_box li a{display:block;margin:0 auto;padding:2px 0 0 0px;text-align:center;font-size:11px;line-height:40px;color:#fff; font-weight:bold;}
#mvisual #mlink ul.ml_box li a i{vertical-align:middle; display:inline-block; width:0px;height:0px;}
#mvisual #mlink ul.ml_box li a:hover,
#mvisual #mlink ul.ml_box li a:active,
#mvisual #mlink ul.ml_box li a:focus{ text-decoration:underline;}




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


/* 메인 공지사항 */
.sect1 .mcnt3{position:relative; height:230px; margin:0 0 20px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px; }
.sect1 .mcnt3:after{display:block;clear:both;content:'';}

.sect1 .mcnt3 h3{float:left;position:relative;}
.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
.sect1 .mcnt3 h3:first-child:after{display:none;}
.sect1 .mcnt3 h3 a{display:block;padding:10px 20px 6px;font-size:14px;color:#fff; text-decoration:none;}
.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-4px;left:50%;margin-left:-40px;width:80px;height:3px;background:#7DC242;content:'';}
.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-18px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

.sect1 .mcnt3 .grap{position:absolute;top:60px;left:0; width:100%;background:#fff; border-radius:3px;}
.sect1 .mcnt3 .grap ul{padding:0 0 5px 10px;}
.sect1 .mcnt3 .grap li{position:relative;margin:6px 0 0;padding:0 0 0 8px; width:94%; font-size:11px;color:#999;}
.sect1 .mcnt3 .grap li:before{display:block;position:absolute;top:6px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
.sect1 .mcnt3 .grap li:first-child{margin:0;}
.sect1 .mcnt3 .grap li:after{display:block;clear:both;content:'';}
.sect1 .mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:75%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:11px;color:#545454}
.sect1 .mcnt3 .grap li a:hover,
.sect1 .mcnt3 .grap li a:focus{text-decoration:underline;}
.sect1 .mcnt3 .grap li span{float:right;}


.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-51px;right:10px}
.sect1 .mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}


/*팝업존*/
.sect2_kyusw{display:block; margin:0px auto;}
.sect2_kyusw .t_popup { z-index:10; position:absolute; top:20px;right:20px; width:71px;height:71px;}
.sect2_kyusw .popupzone{overflow:hidden; position:relative; margin:0 auto; padding:0px; text-align:center;}
.sect2_kyusw .popupzone h3{background:none;}
.sect2_kyusw .popupzone .grap{padding-top:0px; }
.sect2_kyusw .popupzone .grap .obj{position:relative;height:250px;background:none; border-radius:3px;}
.sect2_kyusw .popupzone .grap .obj li{position:absolute;top:0;left:0;width:100%;}
.sect2_kyusw .popupzone .grap .obj li img{height:250px; width:100%; border-radius:3px;}


.sect2_kyusw .popupzone .pnote{position:relative; float:left;bottom:45px; padding-left:26px;}
.sect2_kyusw .popupzone .pnote a{display:block;float:left;margin-left:5px;width:16px;height:18px;background:url(/images/kyusw/content/m_play.png) no-repeat -22px 0;font-size:0;line-height:0; filter: drop-shadow(1px 1px 3px #999)}
.sect2_kyusw .popupzone .pnote a.ov{width:16px;background-position:0 0}
.sect2_kyusw .popupzone .pnote a:first-child{margin:0;}

.sect2_kyusw .popupzone .control{position:relative; float:left;bottom:45px; padding-left:8px;}
.sect2_kyusw .popupzone .control a{display:block;float:left;width:11px;height:18px;background:url(/images/kyusw/content/m_play.png) no-repeat;font-size:0;line-height:0; filter: drop-shadow(1px 1px 3px #999)}
.sect2_kyusw .popupzone .control a[data-control="prev"],
.sect2_kyusw .popupzone .control a[data-control="next"]{display:none}
.sect2_kyusw .popupzone .control a[data-control="stop"]{background-position:-46px 0;}
.sect2_kyusw .popupzone .control a[data-control="play"]{display:none;background-position:-64px 0;}




/*사업단소식*/

.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:19px; color: #121212;font-weight: 600;}
.sect3 #rolling .sliderBox{overflow:hidden;width:100%; height:100%; padding:0; margin:-5px 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:3px;}
.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:3px 3px 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.8em;line-height: 1.1em;color: #333;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: 2px;right: 2px;width: 28px;height: 28px;background: url(/images/rotc/content/photo_more.png) no-repeat;}



@media only screen and (min-width:320px){
	
	/* 메인 공지사항 */
	.sect1 .m_mcnt3 .grap {padding:0 5% 10px 5%;}
}




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

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

	#mvisual h2{font-size:17px;}
	#mvisual h2 span.ti{font-size:25px;}


	/* 메인링크 */
	#mvisual #mlink ul.ml_box li{display:inline-block;float:left; margin:0 0 0 3px; width:19.5%; height:40px; background:#228bc4 url(/images/kyusw/content/mcnt4_bg.png) no-repeat; border-radius:7px 7px 0 0; text-shadow:0 0 2px #666;}
	#mvisual #mlink ul.ml_box li a{padding:2px 0 0 0px;text-align:center;font-size:13px;line-height:40px;}


	/* 메인 공지사항 */
	.sect1 .mcnt3{height:275px;  }

	.sect1 .mcnt3 h3{float:left;position:relative; padding:3px 0 0 0;}
	.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3:first-child{padding-left:10px; }
	.sect1 .mcnt3 h3:first-child a.ov:before{margin-left:-30px;}
	.sect1 .mcnt3 h3:first-child a.ov:after{margin-left:-2px;}
	.sect1 .mcnt3 h3 a{display:block;padding:10px 13px 6px;font-size:14px;color:#fff; text-decoration:none;}
	.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-33px;width:66px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt3 .grap{top:65px;}
	.sect1 .mcnt3 .grap li:before{top:9px;left:0;}
	.sect1 .mcnt3 .grap li{margin:6px 0 0;padding:0 0 0 8px;font-size:13px;}
	.sect1 .mcnt3 .grap li a{font-size:14px;}

	.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-56px;}


	/* 팝업존 */
	.sect2_kyusw .popupzone{display:block; margin:0px auto; width:375px;} 
	.sect2_kyusw .popupzone .grap .obj{height:290px;}
	.sect2_kyusw .popupzone .grap .obj li img{height:290px; width:375px; }

	.sect2_kyusw .popupzone .pnote{bottom:45px; padding-left:26px;}
	.sect2_kyusw .popupzone .control{bottom:45px; padding-left:8px;}

}


@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:23px;}
	.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:377px; padding:0px;}
	#mvisual h2{margin:0 0 3px; font-size:22px; font-weight:normal;}
	#mvisual h2 span.ti{display:block; font-size:31px; font-weight:500;}
	#mvisual h2 span{display:inline-block;}


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



	/* 메인링크 */
	#mvisual #mlink ul.ml_box li{height:60px;}
	#mvisual #mlink ul.ml_box li a{ padding:7px 0 0 0px; font-size:16px; line-height:50px; font-weight:bold;}


	.sect1 .mcnt3{ position:relative; margin:0 0 30px 0; padding:0px; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px;}
	.sect1 .mcnt3:after{display:block;clear:both;content:'';}

	.sect1 .mcnt3 h3{float:left;position:relative; padding:0;}
	.sect1 .mcnt3 h3:first-child{padding-left:10px; }
	.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3:first-child a.ov:before{margin-left:-32px;}
	.sect1 .mcnt3 h3:first-child a.ov:after{margin-left:-3px;}
	.sect1 .mcnt3 h3 a{display:block;padding:10px 17px 6px;font-size:16px;color:#fff; text-decoration:none;}
	.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-39px;width:78px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt3 .grap{position:absolute;top:65px;left:0;padding:0 3% 10px;width:94%;background:#fff; border-radius:3px;}
	.sect1 .mcnt3 .grap ul{padding:0 0 5px 0px;}
	.sect1 .mcnt3 .grap li{position:relative;margin:8px 0 0;padding:0 0 0 8px; width:98%; font-size:13px;color:#999}
	.sect1 .mcnt3 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
	.sect1 .mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
	.sect1 .mcnt3 .grap li:first-child{margin:0;}
	.sect1 .mcnt3 .grap li:after{display:block;clear:both;content:'';}
	.sect1 .mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:83%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
	.sect1 .mcnt3 .grap li a:hover,
	.sect1 .mcnt3 .grap li a:focus{text-decoration:underline;}
	.sect1 .mcnt3 .grap li span{float:right;}

	.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-56px;right:20px}
	.sect1 .mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}

	.sect1 .mcnt1 .grap .obj{height:218px;}





}



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

	/* 메인비주얼 */
	#mvisual .wrap{position:relative; top:-240px;}


	/* 메인링크 */
	#mvisual #mlink ul.ml_box{z-index:12; margin:0 auto; width:1000px; }
	#mvisual #mlink ul.ml_box li{width:196px; margin-left:5px; height:60px;}
	#mvisual #mlink ul.ml_box li a{ padding:8px 5px 0 0px;}

	#mvisual #mlink ul.ml_box li a i{vertical-align:middle; display:inline-block; margin:-7px 3px 0 0; width:57px; height:49px; background: url(/images/kyusw/content/m_quickicon.png) no-repeat;transition:all 0.7s;}
	#mvisual #mlink ul.ml_box li a.btn1 i{background-position:-38px 0px;}
	#mvisual #mlink ul.ml_box li a.btn2 i{background-position:-163px 0px;}
	#mvisual #mlink ul.ml_box li a.btn3 i{background-position:-288px 0px;}
	#mvisual #mlink ul.ml_box li a.btn4 i{background-position:-413px 0px;}
	#mvisual #mlink ul.ml_box li a.btn5 i{background-position:-538px 0px;}
	#mvisual #mlink ul.ml_box li a.btn1:hover i,
	#mvisual #mlink ul.ml_box li a.btn1:focus i{background-position:-38px -90px;}
	#mvisual #mlink ul.ml_box li a.btn2:hover i,
	#mvisual #mlink ul.ml_box li a.btn2:focus i{background-position:-163px -90px;}
	#mvisual #mlink ul.ml_box li a.btn3:hover i,
	#mvisual #mlink ul.ml_box li a.btn3:focus i{background-position:-288px -90px;}
	#mvisual #mlink ul.ml_box li a.btn4:hover i,
	#mvisual #mlink ul.ml_box li a.btn4:focus i{background-position:-413px -90px;}
	#mvisual #mlink ul.ml_box li a.btn5:hover i,
	#mvisual #mlink ul.ml_box li a.btn5:focus i{background-position:-538px -90px;}


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

	/* 메인 공지사항 */
	.sect1 .mcnt3{width:585px;}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 .grap{top:63px; height:220px; padding:3px 24px 4px 24px; width:537px;}
	.sect1 .mcnt3 .grap .more{display:block; position:absolute;top:-54px;right:17px}


	/* 팝업존 */

	.sect2_kyusw .popupzone{float:right; right:0;margin:0; padding:0px;}



	/*사업단소식*/

	.sect3 #rolling{display: block; float:left; position: relative; width:1000px; height:260px; padding: 10px 0; text-align: left;
		background:url(/images/kyusw/content/bg_line.gif) repeat-x left 55px;}
	.sect3 #rolling .title{margin:0; padding: 10px 0px 6px; width:170px; background:#444c58; text-align: center; font-size:19px; color:#fff; border-radius:7px 7px 0 0;}

	.sect3 #rolling .sliderBox ul{width:1000px; height: 220px; margin-left: 0%; margin-top:27px;}
	.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;}



}




/* 팝업 */

/* 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;}

}