@charset "utf-8";

/* happy-vis */
.main-wrap{}
.main-wrap .happy-vis{position:relative; top:0px; left:50%; width:2000px; margin-left:-1000px;}

.main-wrap .happy-vis div .txts{position:absolute; top:108px; left:50%; margin-left:-800px; padding-top:36px; color:#fff; z-index:5;}
.main-wrap .happy-vis div .txts:before{position:absolute; top:0px; left:0px; width:58px; height:5px; background:#fff; display:block; content:"";}
.main-wrap .happy-vis div .txts .btxt{font-size:65px; margin-bottom:35px; line-height:120%; letter-spacing:-0.04em; font-weight:900;}
.main-wrap .happy-vis div .txts .stxt{font-size:24px; line-height:130%; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}


@media all and (max-width:1600px){

    .main-wrap .happy-vis{margin-left:-800px; }
    .main-wrap .happy-vis div .txts{left:55%;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-vis img{width:90%;}
    .main-wrap .happy-vis div .txts{left:63%; padding-top:20px;}
    .main-wrap .happy-vis div .txts:before{height:4px; background:#fff; display:block; content:"";}
    .main-wrap .happy-vis div .txts .btxt{font-size:40px; margin-bottom:20px;}
    .main-wrap .happy-vis div .txts .stxt{font-size:20px;}

}

@media all and (max-width:680px){
    .main-wrap .happy-vis{width:100%; margin-left:0; left:0}
    .main-wrap .happy-vis img{width:150%;}
    .main-wrap .happy-vis div .txts{left:830px; top:20%; padding-top:15px;}
    .main-wrap .happy-vis div .txts:before{height:3px;}
    .main-wrap .happy-vis div .txts .btxt{font-size:30px; margin-bottom:18px;}
    .main-wrap .happy-vis div .txts .stxt{font-size:16px;}
}

@media all and (max-width:480px){
    .main-wrap .happy-vis{width:100%; margin-left:0%;}
    .main-wrap .happy-vis div .txts{top:10%; left:820px;}
    .main-wrap .happy-vis div .txts .btxt{font-size:26px; margin-bottom:18px;}
    .main-wrap .happy-vis div .txts .stxt{font-size:12px;}

}

/* happy-slidelist */
.main-wrap .happy-slidelist{position:relative; padding:60px 0px; display:none;}
.main-wrap .happy-slidelist:before{position:absolute; top:0px; left:50%; width:2000px; margin-left:-1000px; height:100%; background:url('/images/Happy_/main/slidelist-bg.png') repeat left top #e6e6e6; content:""; z-index:-1;}

.main-wrap .happy-slidelist .title{font-size:48px; color:#333; text-align:center; line-height:120%; letter-spacing:-0.04em; margin-bottom:30px; font-weight:900;}
.main-wrap .happy-slidelist .title strong{color:#504123; font-weight:900;}
.main-wrap .happy-slidelist .rebox-ul{margin:0px -20px;}
.main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo{overflow: hidden; width:100%; display: flex; }
.main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo:first-child{margin-bottom:30px;}
.main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo > li{width:25%; display: inline-block;}
.main-wrap .happy-slidelist .rebox-ul li{margin:0px 20px;}
.main-wrap .happy-slidelist .rebox-ul li a{padding:20px 20px 25px 20px; display:block; background:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-slidelist .rebox-ul li a .img{width:100%; height:238px; margin-bottom:30px; overflow:hidden; display:block;}
.main-wrap .happy-slidelist .rebox-ul li a .img img{width:100%;}
.main-wrap .happy-slidelist .rebox-ul li a .btxt{font-size:22px; color:#333; line-height:120%; letter-spacing:-0.03em; font-weight:600; height:54px; margin-bottom:15px; overflow:hidden; display:block; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-slidelist .rebox-ul li a .stxt{font-size:18px; color:#666; line-height:120%; letter-spacing:-0.02em; height:45px; margin-bottom:25px; overflow:hidden; display:block; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; word-break:keep-all; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-slidelist .rebox-ul li a .btn{font-size:15px; padding:0px 15px; line-height:30px; color:#fff; background:#626262; display:inline-block; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-slidelist .rebox-ul li a:hover{background:#504123;}
.main-wrap .happy-slidelist .rebox-ul li a:hover .btxt{color:#fff;}
.main-wrap .happy-slidelist .rebox-ul li a:hover .stxt{color:#fff;}
.main-wrap .happy-slidelist .rebox-ul li a:hover .btn{color:#000; background:#ffee48;}

.main-wrap .happy-slidelist .rebox-ul .slick-prev{position:absolute; top:50%; left:-50px; width:60px; height:60px; margin-top:-30px; font-size:0px; border:none; background:url('/images/Happy_/main/slidelist-arrowL.png') no-repeat center; z-index:1;}
.main-wrap .happy-slidelist .rebox-ul .slick-next{position:absolute; top:50%; right:-50px; width:60px; height:60px; margin-top:-30px; font-size:0px; border:none; background:url('/images/Happy_/main/slidelist-arrowR.png') no-repeat center; z-index:1;}


.main-wrap .happy-slidelist .rebox-ul {overflow: hidden;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs{float: left; width:360px; height:450px; margin:0 13px 40px; padding:20px 20px 25px 20px; box-sizing: border-box; background:url('/images/Reser_/main/box-bg01.jpg'); position:relative; -webkit-transition: all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs > a{display: block; width:100%; height:100%;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:first-child{margin-left:0;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:last-child{margin-right:0;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs img{width:100%; max-width:330px; height:280px;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .rebox-liTit{font-family:'SCDream5'; line-height:120%;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .rebox-liCnt{font-family:'NotoKrL'; line-height:120%;
    white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 119%;
}


.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .rebox-liCnt span.tit{width:75px; position: relative; display: inline-block; margin-right:10px;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .rebox-liCnt span.tit:before{content: ""; width:1px; height: 15px; background: #323232; position: absolute; right:0; top:3px;}

.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .location-res{position: absolute; top:10px; right:20px; display: block;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .location-res a{position: relative; padding: 0 18px 0 5px; color: #4060b6;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .location-res a:after{content:""; width:9px; height: 9px; background: url('/images/Reser_/main/lct-arrorw.png') no-repeat; display: inline-block; position: absolute; top:5px; right:0;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .location-res a:last-child:after{content: none;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .location-res a{color: #fff;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .location-res a:after{content:""; background: url('/images/Reser_/main/lct-arrorw-on.png') no-repeat;}



.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .rebox-liCs{padding:5px 10px; width:86px; color:#fff;font-family:'SCDream5'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left:15px; bottom:15px;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .liCS-Ing{background-color:#2a65c3;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .liCS-End{background-color:#ec6941;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover{background-color: #435174 !important; box-shadow:5px 5px 10px #58585850; background: none;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .rebox-liTit{color:#fff;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .rebox-liCnt{color:#fff;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .re-tit{color: #ffd459; border-bottom:solid 1px #fff;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .rebox-liCnt span.tit:before{background: #fff;}

.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top{position: absolute; top:0px; left:0px;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top span{display: inline-block;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top .New{ background:#ce0027; color:#fff; padding: 5px 10px; }
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top .Ing02{ background:#24a684; color:#fff; padding: 5px 10px; }
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top .Ing{ background:#404daf; color:#fff; padding: 5px 10px; }
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .left-top .End{ background:#545454; color:#fff; padding: 5px 10px; }
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .more-btn{display: block; width:90%; position: absolute; bottom:20px; left:50%; transform: translate(-50%, 0);}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .more-btn a{display: block; text-align: center; padding: 5px 10px; border:solid 1px #656565;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs:hover .more-btn a{background: #1f2e56; color: #fff;}
.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .more-btn a:hover{background: #1f2e56; color: #fff;}

.main-wrap .happy-slidelist .rebox-ul .rebox-liBoxs .re-tit{font-size:22px; height: 93px;
    padding: 50px 0px 17px 20px; border-bottom:solid 1px #989898; color:#333; line-height:120%;
    letter-spacing:-0.03em; font-weight:600; margin-bottom:15px; overflow:hidden; display:block;
    -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 125%

}




@media all and (max-width:1600px){
    .main-wrap .happy-slidelist{padding:60px 60px;}
    .main-wrap .happy-slidelist:before{position:absolute; top:0px; left:0px; width:100%; margin-left:0px;}

    .main-wrap .happy-slidelist .rebox-ul li a .img{height:200px;}
}

@media all and (max-width:1300px){
    .main-wrap .happy-slidelist .rebox-ul{margin:0px -10px;}
    .main-wrap .happy-slidelist .rebox-ul li{margin:0px 10px;}
    .main-wrap .happy-slidelist .rebox-ul li a .img{height:155px;}
}


@media all and (max-width:1000px){
    .main-wrap .happy-slidelist{padding:30px 20px;}
    .main-wrap .happy-slidelist .title{font-size:30px; margin-bottom:15px;}

    .main-wrap .happy-slidelist .rebox-ul li a{padding:15px 15px 20px 15px;}
    .main-wrap .happy-slidelist .rebox-ul li a .img{height:auto; margin-bottom:20px;}
    .main-wrap .happy-slidelist .rebox-ul li a .btxt{font-size:18px; height:43px; margin-bottom:10px;}
    .main-wrap .happy-slidelist .rebox-ul li a .stxt{font-size:15px; height:38px; margin-bottom:15px;}
    .main-wrap .happy-slidelist .rebox-ul li a .btn{font-size:13px;}

    .main-wrap .happy-slidelist .rebox-ul .slick-dots{margin-top:15px; text-align:center;}
    .main-wrap .happy-slidelist .rebox-ul .slick-dots li{margin:0px; display:inline-block; vertical-align:top; margin:0px 2px;}
    .main-wrap .happy-slidelist .rebox-ul .slick-dots li button{width:18px; height:18px; background:#889fdd; font-size:0px; border:0px; border-radius:50%;}
    .main-wrap .happy-slidelist .rebox-ul .slick-dots li.slick-active button{background:#3154b2;}

    .main-wrap .happy-slidelist .rebox-ul .slick-prev{display:none !important;}
    .main-wrap .happy-slidelist .rebox-ul .slick-next{display:none !important;}
}

@media all and (max-width:768px){
    .main-wrap .happy-slidelist{padding:20px 15px;}
    .main-wrap .happy-slidelist .title{font-size:22px;}

    .main-wrap .happy-slidelist .rebox-ul li a{padding:10px 10px 15px 10px;}
    .main-wrap .happy-slidelist .rebox-ul li a .img{ margin-bottom:10px;}
    .main-wrap .happy-slidelist .rebox-ul li a .btxt{font-size:15px; height:35px; margin-bottom:5px;}
    .main-wrap .happy-slidelist .rebox-ul li a .stxt{font-size:13px; height:30px; margin-bottom:10px;}
    .main-wrap .happy-slidelist .rebox-ul li a .btn{font-size:12px; padding:0px 10px; line-height:24px;}
}

@media all and (max-width:480px){
    .main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo:first-child{margin-bottom:0;}
    .main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo{display: block; }
    .main-wrap .happy-slidelist .rebox-ul li.slick-slide .happy-slideTwo > li{width:45%;  margin:0 2% 15px;}
}

/* happy-slidelist */
.main-wrap .happy-btns{padding:45px 0px 45px 0px;}
.main-wrap .happy-btns .btns{overflow:hidden;}
.main-wrap .happy-btns .btns li{float:left; width:33.33%; height:130px; position:relative; }
.main-wrap .happy-btns .btns li a{width:100%; height:100%; background:#333; color:#000; font-size:22px; display:table; padding:0px 40px; box-sizing:border-box; letter-spacing:-0.02em;}
.main-wrap .happy-btns .btns li a span{line-height:120%; padding-left:105px; display:table-cell; vertical-align:middle;}
.main-wrap .happy-btns .btns li a span::before{position:absolute; top:50%; left:40px; width:82px; height:82px; margin-top:-41px; content:""; background:#333; border-radius:50%;}

.main-wrap .happy-btns .btns li.educ a{background:#ffc091;}
.main-wrap .happy-btns .btns li.educ span::before{background:url('/images/Happy_//main/happy_icon1.png') no-repeat center #ff9f41;}
.main-wrap .happy-btns .btns li.lect a{background:#f9ed9c;}
.main-wrap .happy-btns .btns li.lect span::before{background:url('/images/Happy_//main/happy_icon2.png') no-repeat center #f4e05c;}
.main-wrap .happy-btns .btns li.rese a{background:#9be9dd;}
.main-wrap .happy-btns .btns li.rese span::before{background:url('/images/Happy_//main/happy_icon3.png') no-repeat center #37d7be;}
.main-wrap .happy-btns .btns li.loca a{background:#bed2ff;}
.main-wrap .happy-btns .btns li.loca span::before{background:url('/images/Happy_//main/happy_icon4.png') no-repeat center #78a0fc;}

@media all and (max-width:1600px){
    .main-wrap .happy-btns .btns li a{padding:0px 30px;}
    .main-wrap .happy-btns .btns li a span br{display:none;}
}

@media all and (max-width:1300px){
    .main-wrap .happy-btns .btns li{height:110px;}
    .main-wrap .happy-btns .btns li a{padding:0px 20px; font-size:20px;}
    .main-wrap .happy-btns .btns li a span{padding-left:70px;}
    .main-wrap .happy-btns .btns li a span:before{width:60px; height:60px; margin-top:-30px; left:20px;}
    .main-wrap .happy-btns .btns li.educ span:before{background-size:28px;}
    .main-wrap .happy-btns .btns li.lect span:before{background-size:26px;}
    .main-wrap .happy-btns .btns li.rese span:before{background-size:34px;}
    .main-wrap .happy-btns .btns li.loca span:before{background-size:32px;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-btns{padding:25px 0px;}
    .main-wrap .happy-btns .btns li{width:100%;}

}

@media all and (max-width:680px){
    .main-wrap .happy-btns{padding:20px 0px;}
    .main-wrap .happy-btns .btns li{height:70px;}
    .main-wrap .happy-btns .btns li a{padding:0px 10px; font-size:15px;}
    .main-wrap .happy-btns .btns li a span{padding-left:40px;}
    .main-wrap .happy-btns .btns li a span:before{width:35px; height:35px; margin-top:-15px; left:10px}
    .main-wrap .happy-btns .btns li.educ span:before{background-size:16px;}
    .main-wrap .happy-btns .btns li.lect span:before{background-size:14px;}
    .main-wrap .happy-btns .btns li.rese span:before{background-size:16px;}
    .main-wrap .happy-btns .btns li.loca span:before{background-size:18px;}
}

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

}

/* happy-boaban */
.main-wrap .happy-boaban{margin-bottom:40px; overflow:hidden;}
.main-wrap .happy-boaban .board{position:relative; width:780px; border:1px solid #cecece; float:left;}
.main-wrap .happy-boaban .board .title{font-size:22px; font-weight:600; line-height:50px; border-bottom:1px solid #cecece; background:#ededed; color:#000; padding:0px 50px 0px 34px;}

.main-wrap .happy-boaban .board .lists{padding:30px 35px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.main-wrap .happy-boaban .board .lists .impor{padding-bottom:25px; border-bottom:1px solid #d7d7d7;}
.main-wrap .happy-boaban .board .lists .impor a{position:relative; width:100%; height:100%; padding-left:100px; box-sizing:border-box; display:block; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-boaban .board .lists .impor a:before{position:absolute; top:50%; left:10px; width:73px; height:48px; margin-top:-24px; background:url(/images/Happy_/main/notice-icon.png) no-repeat; display:block; content:"";}
.main-wrap .happy-boaban .board .lists .impor a .tit{font-size:20px; color:#333; display:block; line-height:120%; margin-bottom:10px; padding-right:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-wrap .happy-boaban .board .lists .impor a .btxt{font-size:18px; color:#555; display:block; line-height:120%; height:45px; overflow:hidden; padding-right:20px;}
.main-wrap .happy-boaban .board .lists .impor a .date{position:absolute; top:3px; right:10px; font-size:18px; color:#777;}
.main-wrap .happy-boaban .board .lists .impor a:hover .tit{color:#3154b2;}
.main-wrap .happy-boaban .board .lists .impor a:hover .btxt{color:#3154b2;}
.main-wrap .happy-boaban .board .lists .impor a:hover .date{color:#3154b2;}

.main-wrap .happy-boaban .board .lists .list{padding-top:20px}
.main-wrap .happy-boaban .board .lists .list li{position:relative; padding-left:25px; margin-bottom:15px;}
.main-wrap .happy-boaban .board .lists .list li:before{position:absolute; top:50%; left:10px; width:4px; height:4px; margin-top:-2px; background:#403a3a; border-radius:50%; content:"";}
.main-wrap .happy-boaban .board .lists .list li:last-child{margin-bottom:0px;}
.main-wrap .happy-boaban .board .lists .list li a{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .happy-boaban .board .lists .list li a .btxt{position:relative; font-size:18px; color:#555; line-height:120%; padding-right:140px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-wrap .happy-boaban .board .lists .list li a .btxt.new{padding-left:25px;}
.main-wrap .happy-boaban .board .lists .list li a .btxt.new:before{position:absolute; top:1px; left:0px; width:20px; line-height:20px; display:block; border-radius:50%; font-size:11px; color:#fff; text-align:center; background:#2359f5; content:"N";}
.main-wrap .happy-boaban .board .lists .list li a .date{position:absolute; top:0px; right:10px; font-size:18px; color:#777777;}
.main-wrap .happy-boaban .board .lists .list li a:hover .btxt{color:#3154b2;}
.main-wrap .happy-boaban .board .lists .list li a:hover .date{color:#3154b2;}

.main-wrap .happy-boaban .board .more-btn{position:absolute; right:0; top:0px; display:block; width:50px; height:50px; border-left:1px solid #cecece; background:#ededed; text-align:center; z-index:1;}
.main-wrap .happy-boaban .board .more-btn:before{line-height:50px; content:"+"; color:#46494e; font-size:32px;}


@media all and (max-width:1600px){
    .main-wrap .happy-boaban{padding:0px 20px;}
    .main-wrap .happy-boaban .board{width:49%;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-boaban{margin-bottom:20px;}
    .main-wrap .happy-boaban .board{width:100%; float:none; margin-bottom:20px;}
    .main-wrap .happy-boaban .board .title{font-size:18px; line-height:40px; padding:0px 40px 0px 15px;}

    .main-wrap .happy-boaban .board .lists{padding:20px;}
    .main-wrap .happy-boaban .board .lists .impor{padding-bottom:20px;}
    .main-wrap .happy-boaban .board .lists .impor a{padding-left:55px;}
    .main-wrap .happy-boaban .board .lists .impor a:before{left:7px; width:36px; height:28px; margin-top:-14px; background-size:36px;}
    .main-wrap .happy-boaban .board .lists .impor a .tit{font-size:18px; margin-bottom:10px; padding-right:120px;}
    .main-wrap .happy-boaban .board .lists .impor a .btxt{font-size:16px; height:38px; padding-right:0px;}
    .main-wrap .happy-boaban .board .lists .impor a .date{right:0px; font-size:14px;}

    .main-wrap .happy-boaban .board .lists .list li{padding-left:15px; margin-bottom:12px;}
    .main-wrap .happy-boaban .board .lists .list li:before{left:0px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt{font-size:16px; padding-right:120px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt.new{padding-left:20px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt.new:before{width:15px; line-height:16px; font-size:9px;}
    .main-wrap .happy-boaban .board .lists .list li a .date{right:0px; font-size:14px;}

    .main-wrap .happy-boaban .board .more-btn{width:40px; height:40px;}
    .main-wrap .happy-boaban .board .more-btn:before{line-height:40px; font-size:28px;}
}

@media all and (max-width:680px){
    .main-wrap .happy-boaban{padding:0px 15px; margin-bottom:25px;}

    .main-wrap .happy-boaban .board{width:100%; float:none; margin-bottom:20px;}
    .main-wrap .happy-boaban .board .title{font-size:16px; line-height:35px; padding:0px 35px 0px 10px;}

    .main-wrap .happy-boaban .board .lists{padding:15px;}

    .main-wrap .happy-boaban .board .lists .impor{padding-bottom:12px;}
    .main-wrap .happy-boaban .board .lists .impor a{padding-left:38px;}
    .main-wrap .happy-boaban .board .lists .impor a:before{left:4px; width:26px; height:20px; margin-top:-10px; background-size:26px;}
    .main-wrap .happy-boaban .board .lists .impor a .tit{font-size:16px; margin-bottom:5px; padding-right:80px;}
    .main-wrap .happy-boaban .board .lists .impor a .btxt{font-size:14px; height:34px; padding-right:0px;}
    .main-wrap .happy-boaban .board .lists .impor a .date{top:1px; right:0px; line-height:120%; font-size:13px;}

    .main-wrap .happy-boaban .board .lists .list{padding-top:10px}
    .main-wrap .happy-boaban .board .lists .list li{padding-left:14px; margin-bottom:6px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt{font-size:13px; padding-right:80px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt.new{padding-left:17px;}
    .main-wrap .happy-boaban .board .lists .list li a .btxt.new:before{width:14px; line-height:14px; font-size:8px;}
    .main-wrap .happy-boaban .board .lists .list li a .date{right:0px; font-size:13px;}

    .main-wrap .happy-boaban .board .more-btn{width:35px; height:35px;}
    .main-wrap .happy-boaban .board .more-btn:before{line-height:35px; font-size:24px;}
}

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

}

.main-wrap .happy-boaban .banner{position:relative; width:780px; float:right;}
.main-wrap .happy-boaban .banner li{}
.main-wrap .happy-boaban .banner li img{width:100%;}
.main-wrap .happy-boaban .control{position:absolute; top:0px; right:0px;}
.main-wrap .happy-boaban .control .bt_box{overflow:hidden; font-size:0px;}
.main-wrap .happy-boaban .control .bt_box > a{float:left;}
.main-wrap .happy-boaban .control .bt_box .prev-slide{display:inline-block; width:50px; height:50px; background:url('/images/Happy_/main/prev-icon.png') no-repeat center rgba(0, 0, 0 , 0.6); border:none; font-size:0px;}
.main-wrap .happy-boaban .control .bt_box .stop-slide{display:inline-block; width:50px; height:50px; background:url('/images/Happy_/main/stop-icon.png') no-repeat center rgba(0, 0, 0 , 0.6); border:none; font-size:0px;}
.main-wrap .happy-boaban .control .bt_box .start-slide{display:inline-block; width:50px; height:50px; background:url('/images/Happy_/main/start-icon.png') no-repeat center rgba(0, 0, 0 , 0.6); border:none; font-size:0px;}
.main-wrap .happy-boaban .control .bt_box .next-slide{display:inline-block; width:50px; height:50px; background:url('/images/Happy_/main/next-icon.png') no-repeat center rgba(0, 0, 0 , 0.6); border:none; font-size:0px;}
.main-wrap .happy-boaban .more-btn{position:absolute; top:0px; right:0px; display:inline-block; width:50px; height:50px; background:rgba(0, 0, 0 , 0.6); border:none; text-align:center; font-size:0px; z-index:1;}
.main-wrap .happy-boaban .more-btn:before{line-height:50px; content:"+"; color:#fff; font-size:32px;}

@media all and (max-width:1600px){
    .main-wrap .happy-boaban .banner{width:49%;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-boaban .banner{width:100%; float:none;}
}

@media all and (max-width:680px){
    .main-wrap .happy-boaban .control .bt_box .prev-slide{width:36px; height:36px;}
    .main-wrap .happy-boaban .control .bt_box .stop-slide{width:36px; height:36px;}
    .main-wrap .happy-boaban .control .bt_box .start-slide{width:36px; height:36px;}
    .main-wrap .happy-boaban .control .bt_box .next-slide{width:36px; height:36px;}

    .main-wrap .happy-boaban .more-btn{width:36px; height:36px;}
    .main-wrap .happy-boaban .more-btn:before{line-height:36px; font-size:28px;}
}

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

}


.main-wrap .happy-bansel{margin-bottom:40px;}
.main-wrap .happy-bansel:after{clear:both; content:""; display:block;}
.main-wrap .happy-bansel .banner{position:relative; width:780px; padding:10px 15px 10px 190px; background:#ecedef; border: 1px solid #cecece; float:left; box-sizing:border-box;}
.main-wrap .happy-bansel .banner .slide{}
.main-wrap .happy-bansel .banner .slide li{padding:0px 12px;}
.main-wrap .happy-bansel .banner .slide li a{border:1px solid #d7d7d7;display:block;}
.main-wrap .happy-bansel .banner .slide li a img{width:100%;}
.main-wrap .happy-bansel .banner .control{position:absolute; top:50%; left:30px; margin-top:-17px; z-index:1;}
.main-wrap .happy-bansel .banner .control .bt_box{overflow:hidden; font-size:0px; line-height:100%;}
.main-wrap .happy-bansel .banner .control .bt_box .prev-slide{display:inline-block; width:34px; height:34px; background:url('/images/Happy_/layout/prev-icon.png') no-repeat center #959595; border:none; font-size:0px; border-radius:50%; margin-right:20px;}
.main-wrap .happy-bansel .banner .control .bt_box .stop-slide{display:inline-block; width:34px; height:34px; background:url('/images/Happy_/layout/stop-icon.png') no-repeat center #959595; border:none; font-size:0px; border-radius:50%;}
.main-wrap .happy-bansel .banner .control .bt_box .start-slide{display:inline-block; width:34px; height:34px; background:url('/images/Happy_/layout/start-icon.png') no-repeat center #959595; border:none; font-size:0px; border-radius:50%;}
.main-wrap .happy-bansel .banner .control .bt_box .next-slide{display:inline-block; width:34px; height:34px; background:url('/images/Happy_/layout/next-icon.png') no-repeat center #959595; border:none; font-size:0px; border-radius:50%; margin-left:20px;}

@media all and (max-width:1600px){
    .main-wrap .happy-bansel{padding:0px 20px;}
    .main-wrap .happy-bansel .banner{width:49%;}
    .main-wrap .happy-bansel .banner .slide li{padding:0px 4px;}
}

@media all and (max-width:1300px){
    .main-wrap .happy-bansel .banner{width:100%; margin-bottom:40px; float:none;}
    .main-wrap .happy-bansel .banner .slide li{padding:0px 20px;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-bansel .banner{margin-bottom:20px;}

    .main-wrap .happy-bansel .banner{padding:10px 10px 10px 120px;}
    .main-wrap .happy-bansel .banner .slide li{padding:0px 8px;}

    .main-wrap .happy-bansel .banner .control{left:20px; margin-top:-14px;}
    .main-wrap .happy-bansel .banner .control .bt_box .prev-slide{width:28px; height:28px; margin-right:4px;}
    .main-wrap .happy-bansel .banner .control .bt_box .stop-slide{width:28px; height:28px;}
    .main-wrap .happy-bansel .banner .control .bt_box .start-slide{width:28px; height:28px;}
    .main-wrap .happy-bansel .banner .control .bt_box .next-slide{width:28px; height:28px; margin-left:4px;}
}

@media all and (max-width:680px){
    .main-wrap .happy-bansel{margin-bottom:30px;}

    .main-wrap .happy-bansel .banner{padding:10px 5px 10px 90px;}
    .main-wrap .happy-bansel .banner .slide li{padding:0px 4px;}

    .main-wrap .happy-bansel .banner .control{left:15px; margin-top:-10px;}
    .main-wrap .happy-bansel .banner .control .bt_box .prev-slide{width:20px; height:20px; margin-right:2px; background-size:5px;}
    .main-wrap .happy-bansel .banner .control .bt_box .stop-slide{width:20px; height:20px; background-size:5px;}
    .main-wrap .happy-bansel .banner .control .bt_box .start-slide{width:20px; height:20px; background-size:4px;}
    .main-wrap .happy-bansel .banner .control .bt_box .next-slide{width:20px; height:20px; margin-left:2px; background-size:5px;}

}

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

}

.main-wrap .happy-bansel .select{position:relative; width:780px; padding:11px 42px 11px 330px; background:#ecedef; border: 1px solid #cecece; float:right; box-sizing:border-box;}
.main-wrap .happy-bansel .select .title{position:absolute; top:50%; left:20px; margin-top:-13px; padding-left:42px; line-height:120%; letter-spacing:-0.05em; font-size:22px; color:#5d5db6; font-weight:600; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.main-wrap .happy-bansel .select .title:before{position:absolute; top:50%; left:0px; width:29px; height:34px; margin-top:-17px; background:url('/images/Happy_/main/msec-bansel-tit.png') no-repeat center; content:"";}
.main-wrap .happy-bansel .select .sel-btn{position:relative; padding-right:100px; overflow:hidden;}
.main-wrap .happy-bansel .select .sel-btn > .chk-select {display: block;}
.main-wrap .happy-bansel .select .sel-btn select{width:100%; height:54px; border-radius:0px; font-size:18px;}
.main-wrap .happy-bansel .select .sel-btn .btn{position:absolute; top:0px; right:0px; width:100px; line-height:54px; font-size:18px; text-align:center; color:#fff; background:#7171a6; display:block;}
.main-wrap .happy-bansel .select .sel-btn .chk-select-bg{position:relative;}
.main-wrap .happy-bansel .select .sel-btn .chk-select-bg:after{content:"";width:50px; height:100%; background:#fff; position:absolute; top:0; right:0; display:inline-block;}
.main-wrap .happy-bansel .select .sel-btn .chk-select-bg > select{background: url("/images/Happy_/main/select-ico.png")no-repeat; background-position: 93% 23px; padding-left: 15px; position:relative; z-index:10;}



@media all and (max-width:1600px){
    .main-wrap .happy-bansel .select{width:49%;}
}

@media all and (max-width:1300px){
    .main-wrap .happy-bansel .select{width:100%;}
}

@media all and (max-width:1000px){
    .main-wrap .happy-bansel .select{padding:8px 22px 8px 330px}
}

@media all and (max-width:680px){
    .main-wrap .happy-bansel .select{padding:12px 15px}
    .main-wrap .happy-bansel .select .title{position:relative; top:auto; left:auto; margin-top:0px; padding-left:29px; margin-bottom:15px; font-size:17px;}
    .main-wrap .happy-bansel .select .title:before{width:22px; height:28px; margin-top:-13px; background-size:22px;}

    .main-wrap .happy-bansel .select .sel-btn{padding-right:60px;}
    .main-wrap .happy-bansel .select .sel-btn select{height:38px; font-size:14px; background-size:26px;}
    .main-wrap .happy-bansel .select .sel-btn .btn{width:60px; line-height:38px; font-size:14px;}
}

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

}