@charset "utf-8";



/*제어버튼*/
.control .btn button{width:30px;height:0;padding-top:30px;overflow:hidden;background:var(--btnbg) no-repeat;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius:30px;}
.control .btn span{display:inline-block;margin-top:-2px;}
.control .btn span strong{display:inline-block;}
.control .btn button.prev {background-position:-70px 0;}
.control .btn button.next {background-position:-120px 0;}
.control .btn button.stop {background-position:-170px 0;}
.control .btn button.play {background-position:-220px 0;}



.main_container h2{font-size:22px;font-weight:600;letter-spacing:-0.05em;text-transform:uppercase;}
.main_container  h2 span{color:var(--color1);}
.main_container .catch{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;font-size: 18px;text-align:center;font-weight:bold;text-shadow:2px 2px 2px rgba(0, 0, 0, .5);width: 90%;}

/* Mobile */
.main_visual{position:relative;}
.main_visual ul:after{display:block;content:"";clear:both;}
.main_visual li{float:left;width: 100%;}
.main_visual li img{width:100%;height:150px;}
.main_visual .control{position:absolute;right:20px;bottom:20px;}

.m_mayor{background:var(--gray2);}
.m_mayor .wrap{position:relative;}
.m_mayor .wrap div{padding:30px 20px 100px 20px;}
.m_mayor h2{text-transform:none;line-height:28px;}
.m_mayor .my_txt{color:var(--gray6)}
.m_mayor .my_sign{padding:20px 0;color:var(--gray6)}
.m_mayor .my_sign strong{font-size:20px;color:var(--gray5)}
.m_mayor .more{position:absolute;left:20px;bottom:30px;}
.m_mayor .more a{position:relative;display:inline-block;background:var(--color2);color:var(--white);height:50px;padding:10px 60px 10px 30px;border-radius:0 20px 0 0;}
.m_mayor .more a span:after{display:block;content:"";width:17px;height:17px;background:var(--btnbg) no-repeat -70px -50px;position:absolute;top:15px;right:25px}

.hot_topic{position:relative;padding:35px 20px 15px 20px;}
.hot_topic h2{border-bottom:solid 2px var(--black);padding-bottom:20px;margin-bottom:30px;padding-right:50px}
.hot_topic li{position:relative;padding-top:20px;}

.hot_topic img{border-radius:60px 60px 60px 0;width:100%;height:170px;}
.hot_topic .t_con strong{display:block;padding:10px 0 0 0;}
.hot_topic .t_con span{display:none;}
.hot_topic .t_con em{position:relative;display:block;font-style:normal;color:var(--color3);padding:10px 0 0 20px;}
.hot_topic .t_con em:before{display:block;content:"";width:15px;height:15px;background:var(--btnbg) no-repeat -120px -50px;position:absolute;top:15px;left:0;}
.hot_topic .c_more{position:absolute;top:140px;left:0;}
.hot_topic .c_more a{display:inline-block;background:var(--color2);color:var(--white);height:50px;padding:10px 30px;border-radius:0 20px 0 0;}
.hot_topic .more{position:absolute;top:35px;right:20px;}
.hot_topic .more a{display:inline-block;width: 40px;height:0;padding-top: 40px;overflow:hidden;background: var(--gray2) var(--btnbg) no-repeat -155px -35px;}

.im_news{position:relative;padding:40px 20px;}
.im_news h2{padding-bottom:20px;padding-right:50px}
.im_news ul{border-top:solid 2px var(--black);}
.im_news li{border-top:solid 1px var(--gray3);}
.im_news li a{display:block;padding:10px 0;}
.im_news li strong{display:block;font-size:18px;color:var(--black);}
.im_news li span,
.im_news li em{display:none;}
.im_news li:first-child{border:none;}
.im_news li:first-child span{padding-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;height:90px;}
.im_news li:first-child em{display:block;padding-top:10px;font-style:normal;color:var(--gray6);}
.im_news .more{position:absolute;top: 40px;right:20px;}
.im_news .more a{display:inline-block;width: 40px;height:0;padding-top: 40px;overflow:hidden;background: var(--gray2) var(--btnbg) no-repeat -155px -35px;}

.hot_topic li.no_data,
.im_news li.no_data{text-align:center;background:var(--gray1);padding:20px 0;margin-top:30px;}

.mc_con{padding:0 20px;}
.enjoy_jb{position:relative;padding-bottom:70px;}
.enjoy_jb:before{display:block;content:"";width:calc(100% + 40px);height:220px;background:linear-gradient(to right, #0185cc, #085ca4);position:absolute;bottom:30px;left:-20px;}
.enjoy_jb h2{padding-bottom:20px;letter-spacing:-0.1em;padding-right:100px}
.enjoy_jb p.img img{width:100%;border-radius:60px 20px 0 0;height:160px;}
.enjoy_jb li{position:relative;}
.enjoy_jb li div .place{display:block;padding:10px 0 10px 30px;color:#fff799;background:url("/images/03_lang/main/ico_place.png") no-repeat left 13px;}
.enjoy_jb li div strong{display:block;color:var(--white);}
.enjoy_jb li div p{display:none;}
.enjoy_jb li div a{position:absolute;top:111px;left:0;display: block;}
.enjoy_jb li div a span{display:inline-block;background:var(--color2);color:var(--white);height:50px;padding:10px 20px;border-radius:0 20px 0 0;}

.enjoy_jb .control{position:absolute;top:5px;right:0;}
.enjoy_jb .control span{display:inline-block;padding-right:10px;line-height:30px;}
.enjoy_jb .control span strong{position:relative;display:inline-block;color:var(--color1);padding-right:15px;}
.enjoy_jb .control span strong:after{display:block;content:"";width:10px;height:1px;background:var(--gray3);position:absolute;top:50%;right:2px;transform:translate(0,-50%)}
.enjoy_jb .control .btn button.prev{width:50px;height:50px;padding-top:50px;border-radius:0 0 0 20px;background:var(--white) var(--btnbg) no-repeat 15px -105px;box-shadow:none;border-right:solid 1px var(--gray3);position:absolute;top:180px;right:49px;}
.enjoy_jb .control .btn button.next{width:50px;height:50px;padding-top:50px;border-radius:0 20px 0 0;background:var(--white) var(--btnbg) no-repeat -35px -105px;box-shadow:none;position:absolute;top:180px;right:0}


.promotion h2{text-align:center;padding-bottom:20px;}
.promotion p a{display:block;width:80%;margin:0 auto;}
.promotion p img{width:100%;/* border-radius:0 20px 0 0; */}
.promotion p span{display:block;background:var(--color1);padding:10px 0;text-align:center;border-radius:0 0 20px 0;}
.promotion p em{display:inline-block;font-style:normal;color:var(--white);background:var(--btnbg) no-repeat -100px -115px;padding-left:25px;}


.sns_con{padding:30px 20px;}
.sns_con h2{padding-bottom:20px;}
.sns_con li{padding-bottom:20px;}
.sns_con a{display:block;position:relative;}
.sns_con a img{width:100%;border-radius:30px;}
.sns_con a span{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}
.sns_con a span img{width:auto;border-radius:unset;}
.sns_con a strong{display:block;margin:10px auto;font-weight:normal;text-overflow:ellipsis;overflow:hidden;width:90%;white-space:nowrap}

.bg_img1,
.bg_img2{display:none;}

/* Tablet */
@media (min-width: 768px) {


.main_container h2{font-size:36px;}
    .main_container .catch{font-size:36px}
    
.main_visual li img{height:300px;}

.m_mayor h2{line-height:36px;padding-bottom:10px;}
.m_mayor .wrap div{background:url("/upload_data/board_data/BBS_0000002/170002419920233.png") no-repeat right bottom;padding-right:200px;}
.m_mayor .my_sign strong{display:inline-block;margin:-5px 0 0 10px}
    
.hot_topic{padding:40px 40px 0 40px}
.hot_topic li{position:relative;padding-bottom:40px;}
.hot_topic li:before{display:block;content:"";background:var(--gray1);width:45%;height:200px;border-radius:60px 60px 20px 60px;position:absolute;top:40px;left:20px;z-index:-1;}
.hot_topic li:after{display:block;content:"";clear:both;}
.hot_topic li.no_data:before,
.hot_topic li.no_data:after{display:none;}
.hot_topic img{float:left;width:45%;height:200px;border-radius:20px;}
.hot_topic .t_con{float:right;width:calc(55% - 20px);padding-left:20px;}
.hot_topic .t_con strong{padding:0;max-height:100px;overflow:hidden}
.hot_topic .c_more{top:unset;left:calc(45% + 40px);bottom:35px}

.hot_topic li:first-child img{float:right;}
.hot_topic li:first-child .t_con{float:left;padding-left:0;}
.hot_topic li:first-child .c_more{left:0;}
.hot_topic li:first-child:before{left:unset;right:20px;border-radius:60px 60px 60px 20px;}

.hot_topic .more{top:45px;right:40px;}


.im_news{padding:40px;}
.im_news li strong{overflow:hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;width:98%;}
.im_news .more{top:50px;right:40px;}


.mc_con{padding:0 40px;}
.mc_con:after{display:block;content:"";clear:both;}
.enjoy_jb{float:left;width: calc(100% - 340px);}
.enjoy_jb:before{left:-40px;width:calc(100% + 80px);border-radius:0 80px 30px 0;height: 245px;}
.enjoy_jb .control{top:15px;}



.promotion{float:right;width: 300px;padding-left:30px;}
.promotion h2{font-size:25px;}

.sns_con{padding:0 35px 50px 35px;}
.sns_con:after{display:block;content:"";clear:both;}
.sns_con li{float:left;width:calc(100% / 3);padding:0 5px;}

    
}

/* Desktop */
@media all and (min-width:1023px) {
    
.main_container h2{font-size:48px}  
.main_container .catch{font-size: 3.5em;line-height: 1.2em;width: 60%;left: 45%;text-align: left;}

.main_visual li img{height:auto;}
.main_visual .control{bottom:40px;}

.m_mayor .wrap div{height:300px;padding:60px 0;}
.m_mayor h2{font-size:40px;padding-bottom:20px;}
.m_mayor .my_txt{font-size:18px;}
.m_mayor .my_sign{position:absolute;top:200px;right:330px;}
.m_mayor .my_sign strong{font-size:24px;margin-top:-8px;}
.m_mayor .more{left:0;bottom:60px;}
    


.hot_topic{padding:0;margin-top:90px;}
.hot_topic li{margin-bottom:30px;}
.hot_topic li:before{width:730px;height:400px;top:50px;left:30px;}
.hot_topic img{width:730px;height:400px}
.hot_topic .t_con{width:calc(100% - 770px);}
.hot_topic .t_con strong{font-size:30px;line-height:36px;padding-top:20px;max-height:205px}
.hot_topic .t_con span{display:block;padding:30px 0 10px;}
.hot_topic .c_more{left:calc(730px + 60px);}
.hot_topic .c_more span{display:inline-block;position:relative;padding-right:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;height:90px;}
.hot_topic .c_more span:after{display:block;content:"";width:17px;height:17px;background:var(--btnbg) no-repeat -70px -50px;position:absolute;top:5px;right:0}
.hot_topic .more{top:20px;right:0}
.hot_topic .more a{width:50px;height:50px;background-position:-150px -30px;padding-top:50px;}

.hot_topic li:first-child:before{right:30px;}
.hot_topic li:first-child .t_con{padding-right:30px;}


.im_news{padding:0;margin:30px 0;}
.im_news li:after{display:block;content:"";clear:both;}
.im_news li strong{display:inline-block;font-size:24px;color:var(--gray4);width:90%;}
.im_news li em{display:inline-block;text-align:right;font-style:normal;float:right;padding-top:5px;}
.im_news li:first-child strong{font-size:34px;display:block;}
.im_news li:first-child span{height:auto;}
.im_news li:first-child em{text-align:left;float:none;}
.im_news .more{right:0;top:20px;}
.im_news .more a{width:50px;height:50px;background-position:-150px -30px;padding-top:50px;}

.mc_con{padding:0;height:650px;}
.enjoy_jb{float:left;width:1075px;}    
.enjoy_jb:before{width:110%;height:480px;left:-50%;top:90px;}
.enjoy_jb p.img{position:absolute;top: 70px;right:0;}
.enjoy_jb p.img img{width:auto;height:auto;border-radius:150px 20px 20px 20px;}
.enjoy_jb>ul>li>div{width:360px;padding:50px 0;}
.enjoy_jb div .place{font-size:18px;}
.enjoy_jb li div strong{font-size:30px;}
.enjoy_jb li div p{display:block;color:var(--gray3);padding:20px 0;}
.enjoy_jb li div a{position:relative;top:unset;left:unset;display:inline-block;border-radius:0 20px 0 0;padding:0 30px 0 10px;border:solid 1px rgba(255,255,255,0.5);margin:30px 0 0 }
.enjoy_jb li div a span{position:relative;background:none;padding-right:30px;}
.enjoy_jb li div a span:after{display:block;content:"";width:17px;height:17px;background:var(--btnbg) no-repeat -70px -50px;position:absolute;top:15px;right:0}
.enjoy_jb .control{top:unset;bottom: 70px;right: 322px;}    
.enjoy_jb .control .btn button.prev{width:60px;padding-top: 60px;background-position: 22px -97px;top:unset;right:unset;left: -345px;bottom: 80px;}
.enjoy_jb .control .btn button.next{width:60px;padding-top: 60px;background-position: -30px -97px;top:unset;right:unset;left: -285px;bottom: 80px;}
.enjoy_silde li div{height:470px}
    
.promotion{width: 263px;padding-left:0;margin-top:70px;}
.promotion h2{font-size: 28px;text-transform:unset;text-align: left;}
.promotion p a{display:inline-block;margin:0;float: right;width: 100%;}
.promotion p a img{width:auto;}
.promotion p span{height:60px;padding-top:15px;}
    

.sns_con{padding:0 0 100px 0;}
.sns_con li{padding:0;width:calc(100% / 3);text-align:center;}
.sns_con li img{width: 430px;}


/*뒷배경*/
/*section:after{display:inline-block;content:"";width:100vw;height:750px;background:var(--gray1);position:absolute;bottom:0;left:0;z-index:-1;}*/
.bg_img1,
.bg_img2{display:block;position:absolute;z-index:-1}
.bg_img1{bottom: 33%;left: 2%;}
.bg_img2{bottom: 23%;right:0;}
    
    
}



/*CSS animation*/