@charset "utf-8";

#layout_wrap{min-width:880px;}

textarea,
input{-webkit-appearance: none;}

#layout_body{overflow-x:hidden;padding-bottom:60px;overflow-y:hidden;}
#hdrWrp{height:100px;}
#hdrLgo{width:80px;height:32px;}
#hdrWrpSch{/* left:100px; */ right:94px; }
/* right:144px; */
#hdrWrpSch > div { width: 40px; height: 40px; border-radius: 50%; }
#hdrWrpSch > div > a { height: 40px; }
#hdrWrpSch > div > a s { width: 15px;height: 15px; left: 50%; top: 50%; transform:translate(-50%,-50%);}
#hdrNav > div { padding-left: 100px; } 
#hdrNav > div > ul > li > a{font-size:14px;line-height:20px;}
#hdrNav > div > ul > li > a::after{bottom:0px;}
#srvWrp{transform:translateY(-50%) scale(0.8);transform-origin:center right;}

#vslWrp{padding-bottom:40px;} 


@media screen and (min-width: 769px) and (max-width:1023px) {
	#hdrNav > div > ul{ display:flex;}
	/* padding: 5px 0; */
	#hdrNav > div > ul:last-child { padding-left: 0; margin-left:0; }
	#hdrNav > div > ul:last-child::after { display: none; }
}



/* .vslWrpCnt > .vslWrpCntImg01,
.vslWrpCnt > .vslWrpCntImg02{height:370px;} */
/* .vslWrpCnt > .vslWrpCntImg01{width:calc(50% - 5.2vw);} */
.vslWrpCnt > img{width:150%;max-width:150%;}
.vslWrpCnt > .vslWrpCntImg01{width:calc(50%);left:0;border-radius:0 10px 10px 0;}
/* .vslWrpCntImg02 > div img, .vslWrpCntImg01 > div > img{height:400px;min-height:0;} */
.vslWrpCntImg01 > div > img{}

.vslWrpCnt > .vslWrpCntImg02{display:none;}

/* .vslWrpCntImg01 > div.sld1{top:calc(50% - (400px) * 0);transform:translateY(-10%);}
.vslWrpCntImg01 > div.sld2{top:calc(50% - (400px) * 1);transform:translateY(-10%);}
.vslWrpCntImg01 > div.sld3{top:calc(50% - (400px) * 2);transform:translateY(-10%);}
.vslWrpCntImg01 > div.sld4{top:calc(50% - (400px) * 3);transform:translateY(-10%);}
.vslWrpCntImg01 > div.sld5{top:calc(50% - (400px) * 4);transform:translateY(-10%);}
.vslWrpCntImg02 > div.sld1{top:calc(50% - (400px) * 0);transform:translateY(-10%);}
.vslWrpCntImg02 > div.sld2{top:calc(50% - (400px) * 1);transform:translateY(-10%);}
.vslWrpCntImg02 > div.sld3{top:calc(50% - (400px) * 2);transform:translateY(-10%);}
.vslWrpCntImg02 > div.sld4{top:calc(50% - (400px) * 3);transform:translateY(-10%);}
.vslWrpCntImg02 > div.sld5{top:calc(50% - (400px) * 4);transform:translateY(-10%);} */

/* .vslWrpCnt{height:370px;max-height:370px;min-height:0;}
.vslWrpCnt > .vslWrpCntImg01{width:calc((100% - 10.4vw) / 2);min-height:0;height:100%;}
.vslWrpCntImg01 > div > img{max-height:100000px;}
.vslWrpCnt > .vslWrpCntImg02{width:45px;min-height:0;left:calc(100% - 40px);height:100%;}
.vslWrpCntImg02 > div img{height:auto;max-height:100000px;} */

#vslWrpTxt{right:2%;}

.vslInf .vlsInfTtl{font-size:14px;padding-bottom:15px;}
.vslInf .vlsInfSmr{font-size:25px;line-height:40px;}
.vslInf .vlsInfSmr strong{font-size:35px;}
.vslInf .vslInfTag{font-size:12px;padding-bottom:20px;}
.vslInf{left:calc(50% + 40px);}
.vslInf.on{left:calc(50% + 70px) !important;}
#vslWrpCtr{margin-top:35px;height:30px;}

.sclVsl span{padding-left:15px;font-size:11px;}
.btnPly{margin-left:10px;}
.vslWrpPrgBar{transform:scaleX(0.58333);transform-origin:left;}
.vslWrpPrgFst{font-size:11px;}
.vslWrpPrgLst{margin-left:70px;font-size:11px;}
.vslWrpPrgLst::before{width:70px;}
.vslWrpPrg{margin-right:20px;}
/* #vslWrpTab{right:40px;} */
#vslWrpTab li{margin-left:10px;}
#vslWrpTab li a{width:90px;font-size:12px;height:30px;line-height:30px;}
#vslWrpTab li::after{width:90px;}
#vslWrpTab li.on a::after{width:90px;}
@media screen and (min-width: 769px){ 
	#vslWrpTab li a:hover::after{width:90px;}
}

/* #vslWrpScl, */
#vslWrpMvr{display:none;}
/* #vslWrpTab{right:auto;left:50%;transform:translateX(-50%);width:390px;} */
/* width:490px; */
#vslWrpTab li:first-child{margin-left:0;}

#itmWrp{padding-top:65px;padding-bottom:40px;}
#itmSlc{padding-left:40px;padding-right:40px;}
#itmSlc li a{width:104px;height:100px;}
#itmSlc li a span{bottom:10px;font-size:13px;}
/* #itmSlc li:nth-child(1) a{background-position-y:calc(-97px * 0 - 10px);}
#itmSlc li:nth-child(2) a{background-position-y:calc(-97px * 1 - 10px);}
#itmSlc li:nth-child(3) a{background-position-y:calc(-97px * 2 - 10px);}
#itmSlc li:nth-child(4) a{background-position-y:calc(-97px * 3 - 10px);}
#itmSlc li:nth-child(5) a{background-position-y:calc(-97px * 4 - 10px);}
#itmSlc li:nth-child(6) a{background-position-y:calc(-97px * 5 - 10px);}
#itmSlc li:nth-child(7) a{background-position-y:calc(-97px * 6 - 10px);}
#itmSlc li:nth-child(8) a{background-position-y:calc(-97px * 7 - 10px);}
#itmSlc li:nth-child(9) a{background-position-y:calc(-97px * 8 - 10px);}
#itmSlc li:nth-child(10) a{background-position-y:calc(-97px * 9 - 10px);} */

@media screen and (min-width: 769px){
	#itmSlc li a:hover{background-position-x:-104px;}
}

.itmSec.itmBig img{top:5%;}
.itmDtlInf > .btnWrp50{width:160px;min-width:160px !important;}
.itmDtlInf > .btnWrp50 > .nBtn{font-size:12px !important;height:30px !important;line-height:26px !important;}

#bnnTab{padding-top:40px;}
#bnnTab ul li a{font-size:18px;line-height:40px;}
.bnnSldItmInf > div strong{font-size:30px;margin-bottom:-10px;}
.bnnSldItmInf > div i{font-size:30px;padding-bottom:15px;}
.bnnSldItmInf > div p{font-size:14px;line-height:24px;}
#bnnWrp{padding-bottom:170px;}
.itmSml .itmImg{top:10%;}

.bluBnn li a span{display:none;}
.bluBnn li a strong{padding-top:9.5vw;}
.bluBnn li a s{top: -10%;left: -25%;width: 150%;height: 150%;}



#cstWrp{padding:20px 0;}
#cstWrp ul{width:calc(100% - 10.4vw);}
/* #cstWrp ul li{margin-left:22px;width:300px;} */
#cstWrp ul li a{line-height:50px;font-size:16px;padding-left:50px;}
#cstWrp ul li a s{left:20px;width:18px;height:18px;}
#cstWrp ul a span{right:20px;font-size:16px;}

.guide_origin_image{display:none;}

.tabFnc{display:flex;flex-direction:column-reverse;width:100%;}
#pdrVewSns{position:static;transform:none;text-align:center;padding:15px 0;background-color:#f8f9fa;}
.tabItm{flex-direction:column;padding:0;padding-bottom:80px;}
.tabItm > a{text-align:center;margin-left:0;line-height:50px;font-size:16px;border-top:1px #efeff1 solid;}
.tabItm > a:last-child{border-bottom:1px #efeff1 solid;}
.goods_tabs.flyingMode{position:static !important;transform:none;left:0;}
#gon{display:none;}
.tabItm > a.on {background-color:#172a7e;color:#fff !important;} 

@media screen and (min-width: 769px){
	.tabItm > a:not(.disabled):hover{background-color:#172a7e;color:#fff !important;}
}

#pdrVewImg{width:50%;}
.goods_thumbs_spec #goods_spec{width:calc(50% - 30px);}

.cmnInf{display:block;}

.cmnInfLft{width:100%;border-right:0;border-bottom:1px #efeff1 solid;}
.cmnInfRgt{width:100%;}

.ctlFltTop{margin-bottom:20px !important;}
.fltTtl{text-align:left;}
.fltTtl > div{margin-left:16px;font-size:16px;line-height:50px;}
.fltTtl > a{left:auto;right:80px;}
.fltTtl > a > span{display:none;}
.fltDtlWrp{flex-direction:column;}
.fltDtlLstWrp{position:relative;width:100%;margin:0;border-top:1px #efeff1 solid;padding-top:10px;padding-bottom:10px;}
.fltDtlLstWrp:first-child{border-top:0;}
.fltDtlLstWrpTgl{position:absolute;top:0;left:0;width:100%;height:50px;}
.fltDtlLstWrpTgl s{width:10px;height:5px;background:url("../images/newbird/asset/mobile/ctgSign.png") no-repeat;background-size:200%;top:22.5px;right:20px;position:absolute;display:block;content:" ";}
.fltDtlLstScl{height:auto;overflow:visible;}
.fltDtlLstScl > ul{display:none;}
.fltDtlLstWrp.on .fltDtlLstScl > ul{display:block;}
.fltDtlLstWrp.on .fltDtlLstWrpTgl s{background-position-x:100%;}

.pdrLstItmInf{width:calc(100% / 2 - 40px);}

input[name="emoney_view"] ~ span{display:inline-block;word-break: keep-all;}

.etcWrp { background: transparent; box-shadow: none; border-radius: 0; overflow: visible;}
.mpgNav.etc  { background:#fff; margin-bottom: 40px; box-shadow: 0 20px 40px rgba(28,28,32,0.06); border-radius: 5px; border: 0; }
.mpgNav.etc > ul{flex-wrap:wrap; border-bottom: 0;}
.mpgNav.etc > ul > li{width:100%;margin-left:0;border-bottom:1px #efeff1 solid;}
.mpgNav.etc > ul > li:last-child { border-bottom: 0; }
.mpgNav > ul > li > a > span{color:#aeafb6;}
.mpgNav > ul > li > a > span::after,.mpgNav > ul > li:last-child > a::after ,.mpgNav > ul > li:last-child > a::before { display: none; }
.mpgNav > ul > li > a > span{line-height:50px;font-size:16px;}



.etcWrp .mpgCnt { background:#fff; width: 100%; box-shadow: 0 20px 40px rgba(28,28,32,0.06); border-radius: 5px;} 

.emlRjc strong{font-size:14px;line-height:28px;}
.emlRjc span{font-size:12px;}

.innSch{text-align:right;padding:20px;}
.innSch > div{position:static;display:flex;}
.innSch .iptCmn00{width:100%;}
.innSch .iptCmn00 input{width:100%;}
.thbLstItm{/* flex-basis:calc(100% / 2 - 10px); */width:calc(100% / 2 - 10px); margin-right:20px;}
.thbLstItm:nth-child(3n){margin-right:20px;}
.thbLstItm:nth-child(2n){margin-right:0;}

#evtVewTop img{width:auto !important;height:58.333vw;}
#evtVewTop > strong{font-size:30px;top:20%;line-height:40px;}
#evtVewTop > span{font-size:50px;top:calc(20% + 40px);line-height:60px;}

.evtVewTtl{flex-wrap: wrap;padding-bottom:30px;}
.evtVewTtl > dt{width:100%;padding-bottom:30px;}
.evtVewTtl > dd{width:100%;}
.evtVewTtl > dd ul{justify-content:flex-start;}
.evtVewTtl > dd ul li{width:calc(100% / 3 - 40px / 3);}
#evtVewInf{width:calc(100% - 10.4vw);margin-left:auto;margin-right:auto;overflow:visible;}
#evtVewInf .mpgCnt{padding-top:40px !important;padding-bottom:40px !important;}
.evtPdrItm{flex-wrap:wrap;flex-direction:column;}
.evtPdrItmImg{width:100%;}
.evtPdrItmInf{width:100%;margin-top:20px;}
.evtPdrLst{padding-top:50px !important;}
/* .evtPdrLst .evtPdrItm:nth-last-child(2){flex-direction:column-reverse;} */
.evtPdrLst .evtPdrItm.picRight{flex-direction:column-reverse;}

/* 이벤트 상세 */
.evtPdrLstSubItm{margin-left:20px;width:calc(100% / 3 - 40px / 3);}
.evtPdrLstSubItm:nth-of-type(4n+1) { margin-left: 20px; }
.evtPdrLstSubItm:nth-of-type(3n+1) { margin-left: 0; }

.evtRvwTtl strong{font-size:40px;line-height:50px;letter-spacing:-0.08em;}
.evtRvwTtl span{font-size:16px;word-break: keep-all;}

.evtPdrCpn{width:100%;height:auto;padding-bottom:0;}
.evtPdrCpn img{width:100%;}
.evtPdrCpn div{padding-left:15%;top:50%;transform:translateY(-50%);}
.evtPdrCpn div span{font-size:28px;line-height:40px;}
.evtPdrCpn div strong{font-size:32px;line-height:50px;}
.evtPdrCpn div i{font-size:22px;line-height:34px;}

.srcRstWrp .tabSrt{top: calc(100% - 60px);transform: none;right:15px;width:calc(100% - 30px);}
.srcRstWrp .cstSlc > div{height:40px;}
.srcRstWrp .cstSlc.on > div{height:auto;}
.srcRstWrp .cstSlc > div > span{font-size:14px;line-height:40px;}

.rstPdrItmInf{width:calc(100% - 290px);}
.rstPdrItmFnc{display:block;}
.rstPdrItmFnc > div{justify-content:flex-end;}

.rstPdrItmFncBtn{margin-bottom:10px;}
.srcRstSct{padding:40px 0;}

.schFncTtl{font-size:16px;}



/* 이벤트 상세 */
.evtPdrItmImgMin { margin-right: 0; width: calc(100% - 80px); }

.evtPdrItmImg:first-child .evtPdrItmImgSub{left:auto; right: 0;}
.evtPdrItmImg:last-child .evtPdrItmImgSub{left: auto; right: 0;}






.subpage_wrap.mpgWrp{display:block;}
/* .mpgLftNav,
#subpageLNB{display:none;} */
.mpgCntWrp{width:100%;border-left:0;}
.mpgLct{display:none;}

.mpgBluBnn > ul{display:block;}
.mpgBluBnn > ul > li{width:100%;height:auto;margin-top:20px;margin-left:0; min-height: 0px;}
.mpgBluBnn > ul > li:first-child{margin-top:0;}
.mpgBluBnn > ul > li > a{padding-top:65px;padding-bottom:65px;text-align:left;padding-left:150px;}
.mpgBluBnn > ul > li > a > .iconIndex{top:50%;left:50px;transform:translateY(-50%);}
.mpgBluBnn > ul > li > a > strong{display:inline-block;line-height:40px;margin-right:20px;}
.mpgBluBnn > ul > li > a > span{display:inline-block;line-height:30px;}


.subpage_wrap.mpgWrp{margin-top:140px;}


.subpage_wrap.mpgWrp #subpageLNB{position:absolute;top:90px;;left:0;width:100%;}
.subpage_wrap.mpgWrp #subpageLNB .mpgLftNav{width:100%;height:70px;overflow:hidden;}
.subpage_wrap.mpgWrp #subpageLNB .mpgLftNavPrf{height:70px;line-height:70px;}
.subpage_wrap.mpgWrp .comNavTit{border-radius:5px;overflow:hidden;}
.subpage_wrap.mpgWrp .comNavTitWrp.on .comNavTit{border-radius:5px 5px 0 0;}
.subpage_wrap.mpgWrp .comNavTitWrp{width:calc(100% - 10.4vw);margin-top:10px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:5px;display:block;}


/* #ftrWrp{height:490px;width:calc(100% - 10.4vw);}
#ftrLgo{top:25px;}
#cpyRgt{top:30px;}
#ftrSvc{top:85px;}
#ftrInf{top:85px;}
#ftrSns{left:auto;top:280px;}
#ftrFmlLnk{top:275px;left:180px;}
#ftrFmlSlc{top:275px;left:340px;}
#ftrAdr{top:345px;left:auto;}
#ftrAdr dt{width:180px;} */

#pstItmCol01,
#pstItmCol02,
#pstItmCol03{display:none;}
#pstItmCol04, #pstItmCol05{display:block;}
#pstWrp{padding-bottom:0;}
#pstItmWrp{height:2300px;}
.pstItm{height:700px;}
#pstItmCol04{width:calc(50% - 15px);left:0;}
#pstItmCol05{width:calc(50% - 15px);right:0;margin-top:170px;}

.srcWrp .slcScl{width:100%;}

.evtOthPdr > ul li{width:calc(100% / 2 - 40px / 2);margin-bottom:20px;}
.evtOthPdr > ul li:nth-child(2n){margin-right:0;}

.evtVewTtl > dd ul li:first-child{margin-left:0;}
.evtVewTtl > dd ul li:nth-child(3n+1){margin-left:0;}

.mpgLftNavPrf a{display:inline-block;color:#fff;background-color:#3d7dbb;line-height:20px;border-radius:10px;padding:0 15px;font-size:11px;margin-left:10px;vertical-align: middle;margin-top: -3px;}

.evtCstHtm{width:100vw;margin-left:-5.2vw;}

#evtVewInf{padding-bottom:60px;margin-bottom:-60px;}

.vslWrpCnt > .vslWrpCntImg03{left:50%;}

.evtTmpMin > div > img:nth-child(1){left:auto;right:calc(100% - 5.2vw);}
.evtTmpMin > div > img:nth-child(2){/* left:calc(100% - 5.2vw); */ left: 570px; } /* 210415 수정 */
.evtTmpMin > div > div{padding-left:10.4vw;}


/* 공사중 */
/* #errWrp.renewalWrp { height: 100%; }
#errWrp.renewalWrp > div { position: static;  transform: translateY(0); }
#errWrp.renewalWrp > p { top: 19%; } */

.renewalTxt { margin-top: 80px; }
.renewalTxt > p > b { font-size: 25px; line-height: 40px; }
.renewalTxt > p { font-size: 15px; line-height: 25px; }
.renewalTxt > p > .clrBlu  { line-height: 45px; }

.renewalTxt .btnWrap { margin-top: 40px }

.adzEvtFtr > div{width:100%;}

#fncWrp > ul{max-width:100%;width:calc(100% - 80px);}

.evtTmpMin{padding-bottom:0;padding-top:60px;}

#scnDth{width:calc(100% - 10.4vw);}

#vslWrpTxt{top:40px;}




















.trxBrdBll01_01{zoom:0.9;}



#trxPrmPopWrp > span{width:calc(100px - 5.2vw);}