@charset "utf-8";

/* Layout */
.wrap{position:relative;padding-top:45px;}
.wrap img{width:100%;}
.dim_bg{display:none;background:#000;opacity:0.8;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.btnBlank{background:url(../images/bg_transparent.png) repeat; overflow:hidden; text-indent:-99999px; position:absolute; display:block;z-index:1;opacity:0.5}

.gnb{background:#ffffff;position:absolute;left:0;top:0;width:100%;text-align:center;font-size:0;border-bottom:1px solid #cecece;z-index:101;}
.gnb h1{display:inline-block;}
.gnb h1 img{height:45px;}
.gnb .menu{display:block;position:absolute;left:0;top:0;}
.gnb .menu > img{width:auto;height:45px;}
.gnb .menuOpen{position:absolute;left:0;top:46px;width:277px;background:#ffffff;display:none;}
.gnb .menuOpen img{width:277px;}
.gnb .menuOpen .event{border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
.gnb .menuOpen .bottomMenu{padding:10px 0;text-align:center;font-size:0;}
.gnb .menuOpen .bottomMenu a{display:inline-block;}
.gnb .menuOpen .bottomMenu img{height:38px;width:auto;margin:0 3px;}
.mainArea{position:relative;}
.mainArea .swiper-target{padding:0% 3.125%;position:absolute;left:0;top:35.04%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mainArea .swiper-target .swiper-slide .txt{position:absolute;left:0;bottom:0;width:100%;line-height:11vw;font-size:3.9vw;text-align:center;background:rgba(23,106,177,0.75);color:#ffffff;}
.mainArea .swiper-target .swiper-pagination{
    bottom: auto;
    position: absolute;
    left: 0;
    top: 107.5%;
    width: 100%;
    text-align: center;
}
.mainArea .swiper-target .swiper-pagination .swiper-pagination-bullet{background:#72b5dc;opacity:0.4;margin-left:2.032vw;width:2.813vw;height:2.813vw;opacity:1}
.mainArea .swiper-target .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.mainArea .swiper-target .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#176ab1;opacity:1}
.mainArea .swiper-target .btnPrev{position:absolute;left:6%;top:42%;z-index:11}
.mainArea .swiper-target .btnNext{position:absolute;right:6%;top:42%;z-index:11}

.subTopArea{position:relative;}
.subTopArea .swiper-target2{margin:0% 3.125%;position:absolute;left:0;top:19.58%;width:93.75%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0.78vw solid #ffffff;}
.subTopArea .swiper-target2 {background:#345f77;}
.subTopArea .swiper-target2.dic{background:#e57a55;}
.subTopArea .swiper-target2.path{background:#5ac3a9;}
.subTopArea .swiper-target2.together{background:#ca82cd;}
.subTopArea .swiper-target2.toon{background:#e2ac77;}
.subTopArea .swiper-target2.sw{background:#83c7e8;}
.subTopArea .swiper-target2.alert{background:#beb7f8;}
.subTopArea .swiper-target2 .btnShare{text-align:right;}
.subTopArea .swiper-target2 .btnShare img{width:16.28%;}
.subTopArea .swiper-target2 .tit{color:#ffffff;font-size:4.22vw;padding:5vw 30vw 0 5vw}
.subTopArea .swiper-target2 .con{color:#ffffff;font-size:3.13vw;padding:1vw 30vw 5vw 5vw;line-height:1.4}
.subTopArea .swiper-target2 .swiper-pagination{
    bottom: auto;
    position: absolute;
    left: 9%;
    top: 65.5%;
    text-align: center;
}
.subTopArea .swiper-target2 .swiper-pagination .swiper-pagination-bullet{background:#ffffff;opacity:0.4;margin-left:2.032vw;width:2.813vw;height:2.813vw;}
.subTopArea .swiper-target2 .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.subTopArea .swiper-target2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffffff;opacity:1}
.subTopArea .swiper-target2 .btnPrev{position:absolute;left:6%;top:27%;z-index:11}
.subTopArea .swiper-target2 .btnNext{position:absolute;right:6%;top:27%;z-index:11}

.cardList{padding:7px 23px;}
.cardList .title{padding:15px 0;}
.cardList .title img{height:12px;width:auto;}
.cardList .listSet{border-bottom:1px solid #b3b3b3;}
.cardList.sub .listSet{border-bottom:1px solid #676767;}
.cardList .listSet:last-child{border-bottom:0;margin-bottom:10px;}
.cardList .btnCenter{text-align:center;padding:17px 0 27px 0}
.cardList .btnCenter img{width:94px;}
.cardList ul li{padding-bottom:15px;position:relative;padding-left:132px;min-height:67px;}
.cardList ul li .thumb{position:absolute;left:0;top:0;border:1px solid #cdcdcd;}
.cardList ul li .thumb img{width:120px;}
.cardList ul li .txt{font-size:14px;line-height:16px;margin-bottom:12px;}
.cardList ul li .txt .con{font-size:12px;line-height:16px;margin-top:4px;}
.cardList.sub ul li .txt{padding-top:10px;}
.cardList ul li .go img {width:98px;}
.footer{background:#303030;text-align:center;}
.footer img{height:31px;width:auto;}

.share_dim{background:rgba(32,112,180,0.93);position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;display:none;}
.sharePop{position:fixed;left:0;top:0;width:100%;;z-index:201;display:none;}
.sharePop .tit{text-align:center;padding-top:22vw;}
.sharePop .tit img{width:29.85%;}
.sharePop ul{display:table;text-align:center;width:100%;font-size:0;margin-top:10vw;padding:0 3vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sharePop ul li{display:inline-block;padding:0 2.35vw 4.6vw 2.35vw;vertical-align:top;}
.sharePop ul li img{width:19.69vw;}
.sharePop .btnClose{ display:block;position:absolute; right:3.1vw; top:3.1vw;}
.sharePop .btnClose img{width:7.2vw;}
.popupEventAlert{position:fixed;left:0;top:20%;width:100%;display:none;z-index:110}
.popupEventAlert img{width:100%;}
.popupEventAlert .btnClose{
    display: block;
    position: absolute;
    right: 7%;
    top: 7%;
    width: 7%;
    height: 10%;
}



/* 팝업 */
.dim_bg_black{ background:#000000; opacity:0.72; position:fixed; left:0; top:0; width:100%; height:100%;z-index:61;display:none;}
.popupWrap{position:absolute; left:0; right:0; top:10%;z-index:60; text-align:center;display:none;}
.popupWrap img{width:100%;}
.popupWrap .btnPopClose{display:block;position:absolute;top: 21px;right: 549px;}

.popupWrapIn{position:absolute; left:0; right:0; top:10%;z-index:60; text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;width:320px;border:1px solid #2a3c45;margin:0 auto;background:#ffffff;}
.popupWrapIn img{width:100%;}
.popupWrapIn .btnClose{display:block;position:absolute;right:0;top:-33px;}
.popupWrapIn .btnClose img{width:33px;}
.popupEvent{width:100%;;display:block;}
.popupEvent .popupContent{position:relative;text-align:center;}
.popupEvent .popupContent .title{position:relative;margin:0 auto;}
.popupEvent .popupContent .title .event1{
	position: absolute;
	left: 49%;
	top: 45.5%;
	width: 40%;
	height: 4%;
}
.popupEvent .popupContent .title .event2{
	position: absolute;
	left: 49%;
	top: 65.4%;
	width: 40%;
	height: 4%;
}
.popupEvent .popupContent .title .event3{
	position: absolute;
	left: 49%;
	top: 91.1%;
	width: 40%;
	height: 4%;
}
.popupEvent .popupContent .eventAlert{position:relative;}
.popupEvent .popupContent .eventFooter{position:relative;}

.popupEvent_quiz{}
.popupEvent_quiz .quiz_list{text-align:center;display:table;width:100%;font-size:0;}
.popupEvent_quiz .quiz_list li{margin:0 6px;display:inline-block;min-height:137px;vertical-align:top;width:137px;}
.popupEvent_quiz .quiz_list li img{width:137px;}
.popupEvent_quiz .radioSet{display:inline-block;margin-top:5px;}
.popupEvent_quiz .radioSet.let{letter-spacing:-1px;}
.popupEvent_quiz .btnCenter{text-align:center;margin:10px 0 20px 0;}
.popupEvent_quiz .btnCenter img{width:120px;}

.popupEvent_quiz_hint{width:252px;}
.popupEvent_quiz_hint .btnRe{
	position: absolute;
	left: 19%;
	top: 74%;
	width: 60%;
	height: 19%;
}



.popupEvent01_end_css{width:252px;}
.popupEvent01_end_css .btnCoupon{
	position: absolute;
	left: 19%;
	top: 86%;
	width: 61%;
	height: 9%;
}
.popupEvent01_alert_css{width:252px;}
.popupEvent01_alert_css .btnYes{
	position: absolute;
	left: 11%;
	top: 63%;
	width: 37%;
	height: 22%;
}
.popupEvent01_alert_css .btnNo{
	position: absolute;
	left: 52%;
	top: 63%;
	width: 37%;
	height: 22%;
}


.popupEvent_input_css{width:300px;}
.popupEvent_input_css .title{text-align:center;}

.writeWrap{ margin:0 auto;text-align:center;}
.writeWrap .inputTop{display:inline-block;}
.writeWrap .inputTop li{ position:relative; padding-left:52px; margin-bottom:9px;}
.writeWrap .inputTop li:last-child{ margin-bottom:0;}
.writeWrap .inputTop li .tit{ position:absolute; left:0; top:0;}
.writeWrap .inputTop li .tit img{width:52px;}
.writeWrap .inputTop li .inpText{line-height:1;height:24px;border:1px solid #2a3c45;width:160px;font-size:11px;}
.writeWrap .hacking{text-align:right;padding-top:12px;color:#2a3c45;font-size:11px;font-family:"dotum";}
.writeWrap .hacking strong{font-weight:bold;color:#4672c5;text-decoration:underline;}
.writeWrap .txtArea{color:#2a3c45;font-size:11px;font-family:"dotum";display:inline-block;padding-top:12px;}
.writeWrap .txtArea:after{display:block;content:'';clear:both;}
.writeWrap .txtArea .txt{letter-spacing:-1px;margin-top:10px;}
.writeWrap .txtArea .hacking{padding-top:0;}
.writeWrap .agreeWrap{ overflow:hidden;padding:0 14px;margin-top:35px;}
.writeWrap .agreeWrap .title{text-align:left;}
.writeWrap .agreeWrap .title img{text-align:left;width:auto;height:18px;}
.writeWrap .agreeWrap .agreeArea{margin-bottom:21px;}
.writeWrap .agreeWrap .agreeArea .agreeScroll{border:1px solid #2a3c45; overflow:auto; height:52px; background:#ffffff; font-size:11px; line-height:16px; color:#5d6462; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:10px; margin-bottom:14px;letter-spacing:-0.03em;text-align:left;}
.writeWrap .agreeWrap .agreeArea .agreeScroll .title{text-align:left;font-size:13px;font-weight:bold;margin-bottom:15px;}
.writeWrap .agreeWrap .agreeArea .agreeChk{ text-align:center;}
.writeWrap .agreeWrap .agreeArea .agreeChk label{ display:inline-block; margin-left:25px;color:#181818;font-size:14px;line-height:18px;}
.writeWrap .agreeWrap .agreeArea .agreeChk label:nth-child(2){margin-left:0;}
.writeWrap .btnArea{ text-align:center; margin:10px 0 20px 0;}
.writeWrap .btnArea img{width:163px;}


.popupEvent02_css{width:277px;}
.popupEvent02_css .btnCenter{padding-top:20px;text-align:center;}
.popupEvent02_css .writeWrap .inputTop li{padding-left:49px;}
.popupEvent02_css .writeWrap .inputTop li .tit{width:48px;}
.popupEvent02_css .writeWrap .inputTop li .tit img{width:48px;}
.popupEvent02_css .writeWrap .inputTop li .inpText{width:123px;}
.popupEvent02_css .btnCenter{padding:20px 0}
.popupEvent02_css .btnCenter img{width:163px;}




.popupEvent_event02_err_css{width:277px;padding-top:20px;}
.popupEvent_event02_err_css .popupContent{text-align:center;}
.popupEvent_event02_err_css .box{background:#e5eff9;display:inline-block;width:240px;border-radius:5px;margin-bottom:10px;padding-bottom:15px;text-align:center;}
.popupEvent_event02_err_css .box > img{width:160px;}
.popupEvent_event02_err_css .btnCenter{padding:20px 0;text-align:center;}
.popupEvent_event02_err_css .btnCenter img{width:163px;}
.popupEvent_event02_err_css .btnCenter:last-child{padding-bottom:30px;}
.popupEvent_event02_err_css .writeWrap .inputTop li{padding-left:48px;}
.popupEvent_event02_err_css .writeWrap .inputTop li .tit{width:48px;}
.popupEvent_event02_err_css .writeWrap .inputTop li .tit img{width:48px;}
.popupEvent_event02_err_css .writeWrap .inputTop li .inpText{width:123px;}



input[type=radio]{ width:1px; height:1px; opacity:0; position:absolute; left:0; top:0;}
input[type=radio]+label{ padding-left:20px; font-size:11px; color:#0c0c0c; display:block; position:relative;text-align:left;line-height:15px;letter-spacing:-1px;}
input[type=radio]+label:after{ content:'';display:block; position:absolute; left:0; top:0; background:url("../images/radio.png") no-repeat; width:15px; height:15px;-webkit-background-size:15px auto;background-size:15px auto;}
input[type=radio]:checked+label{ color:#0c0c0c;}
input[type=radio]:checked+label:after{ background-position:0 -15px;}