.wrapper{margin: 0 auto;width: 95%;max-width: 1400px;z-index: 1;}
.wrapper:after{content: '';clear: both;display: block;}
.menu_wrapper{margin: 0 auto;width: 95%;max-width: 1400px;position: relative;z-index: 1;}
/****************
01) 콘텐츠 공통
****************/
.main_title h4,
h4.main_title{font-size: 28px; font-weight: 600; letter-spacing: -1px; margin-bottom: 23px;}
h4.main_title.small{font-size: 18px; margin-bottom: 20px;}
.main_title_grp h4.main_title{float:left; width: calc(100% - 50px); line-height: 18px;}
.main_title_grp a.more{float:right; display:inline-block; width: 50px; font-size: 14px; text-align: right; color: #a3a3a3; line-height: 18px;}
.main_title {position: relative;margin-bottom: 25px;}
.main_title::after{display: block;content: '';clear: both;}
.main_title h4{display: inline-block;vertical-align: middle;margin-bottom: 3px;}
.main_title h4 span{color: #6d6d6d;}
.main_title  a.more{display: inline-block;font-size: 13px;text-align: center;border: 1px solid #ccc;border-radius:2.5em ;line-height: 21px;height: 21px;padding: 0 10px;vertical-align: middle;margin-left: 5px;transition:.25s;}
.main_title  a.more:hover{color: #000;border-color: #666;}
.video_flag{position: absolute; left: 10px; top: 10px; display:inline-block; padding: 3px 6px 5px; background-color: #c70808; color: #fff; font-size: 13px; font-weight: 500; border-radius:5px; font-style:normal; line-height: 1;}
span.noimg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #e0e0e0;text-align: center;}
span.noimg b{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;font-size: 13px;color: #797877;font-weight: normal;}
.nothing{text-align: center;border-radius:20px ;background-color: #e5e5e5;vertical-align: middle;display: table;width: 100%;color: #777;}
.nothing p{display: table-cell;vertical-align: middle;}
.nothing_sub{text-align: center;/*margin-top:40px;*/border-radius:20px ;background-color: #f0f0f0;vertical-align: middle;display: table;width: 100%;color: #888; line-height: 350px;}
@media (max-width:815px){
.nothing_sub{line-height: 200px;}
}
/****************
01) 메인 layout
****************/
.main_upper{position: relative; margin-bottom: 80px;margin-top: 50px;}
.main_lft{width: calc(100% - 380px); }
.main_right{margin-left: 60px; width: 320px; position: absolute; right: 0; top: 0;}

/****************
01) main_slider
****************/
.main_slider{height: 490px; margin-bottom: 60px;border-radius:13px; background-color: #222; position: relative;}
.main_slider ul li{width: 100%; height: 100%; overflow:hidden;}
.main_slider ul li .img_area{width: 100%; height: 100%; background-size:cover; background-position:center;  font-size: 0; position: relative;overflow: hidden; }
.main_slider ul li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:inherit; background-repeat:no-repeat;}
.main_slider ul li .img_area:before{content:''; width: 100%; height: 100%; display:block; background-color:rgba(0,0,0,0.6); position: absolute; left: 0; top: 0;}
.main_slider ul li .txt_area{position: absolute; left: 0; bottom: 0; padding: 50px 40px; color: #fff; width: calc(100% - 80px);}
.main_slider ul li .txt_area em{display:block; font-size: 16px; color: rgba(255,255,255,0.8); font-style:normal; margin-bottom: 25px;}
.main_slider ul li .txt_area b{display:block; width: calc(100% - 100px);font-size: 36px; font-weight: 600; letter-spacing: -1.5px; margin-bottom: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_slider ul li .txt_area span{display:block; width: calc(100% - 300px); font-size: 18px; color: rgba(255,255,255,0.8); white-space: normal; line-height: 1.5; height: 3em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.main_slider ul li .txt_area a.go{display:inline-block; font-size: 16px; color: rgba(255,255,255,0.7); background-color:rgba(255,255,255,0.15); padding: 10px 33px; border-radius:99px; margin-top: 27px; transition:0.25s;}
.main_slider ul li a.entire_link {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_slider .swiper-pagination{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);width: 8px;height: auto;display: block;left: auto;}
.main_slider .swiper-pagination span{display:block; width: 8px; height: 8px; border-radius:100%; background-color: #fff; opacity:0.2; margin: 12px 0 !important;}
.main_slider .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;}
.main_slider .swiper-container-horizontal{bottom: auto !important;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: auto !important;}
/****************
01) main_rise
****************/
.main_rise ul.main_rise_list{height: 680px;}
.main_rise ul.main_rise_list li.nothing{height: 670px;}
.main_rise ul.main_rise_list li{margin-bottom: 40px; position: relative;}
.main_rise ul.main_rise_list li:last-child{margin-bottom: 0;}
.main_rise ul.main_rise_list li .img_area{float:left; width: /* 35% */357px; margin-right: 40px; background-color: #222; border-radius:10px; background-size:cover; background-position:center; height: 200px; position: relative;overflow: hidden;}
.main_rise ul.main_rise_list li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:170px; background-repeat:no-repeat;}
.main_rise ul.main_rise_list li .img_area a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-indent: -999em;}
.main_rise ul.main_rise_list li .txt_area{float:left; width: calc(100% - 407px)/* calc(65% - 40px) */; padding-top: 12px;position: relative;}
.main_rise ul.main_rise_list li .txt_area em{font-size: 14px; font-style:normal; color: #666; display:block; margin-bottom: 24px; font-weight: 400;}
.main_rise ul.main_rise_list li .txt_area b{font-size: 22px; font-weight: 600; letter-spacing: -1px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 15px;line-height: 1.2;}
.main_rise ul.main_rise_list li .txt_area span{display:block; font-size: 16px; line-height: 1.5; height: 4.5em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* .main_rise ul.main_rise_list li a{position: absolute; display:block; width: 100%; height: 100%; font-size: 0;z-index: 2;} */
.main_rise ul.main_rise_list li:hover .txt_area{text-decoration:underline;}

/****************
01) main_videoNews
****************/
ul.main_videoNews_list {height: 695px;position: relative;}
ul.main_videoNews_list li.nothing{height: 695px;}
ul.main_videoNews_list li{margin-bottom: 40px; position: relative;float: none;}
ul.main_videoNews_list li:last-child{margin-bottom: 0;}
ul.main_videoNews_list li .img_area{width: 100%; height: 0; padding-bottom: 48%; background-color: #222; position: relative; background-size:cover; background-position:center; border-radius:10px;overflow: hidden;}
ul.main_videoNews_list li .img_area.no_img{background-color: #f0f0f0; background-image: url('../img/common/no_img.png'); background-size:170px; background-repeat:no-repeat;}
ul.main_videoNews_list li .img_area a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-indent: -999em;}
ul.main_videoNews_list li .txt_area{font-size: 16px; margin-top: 10px; line-height: 1.4; font-weight: 500; height: 2.8em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
ul.main_videoNews_list li:hover .txt_area{text-decoration:underline;}
/* ul.main_videoNews_list li a{position: absolute; left: 0; top: 0;display:block; width: 100%; height: 100%; font-size: 0;z-index: 2;}
 */
/****************
01) main_ranking
****************/


a.more{font-weight: 400;}
.select-items a,
.select-items div,
.select-selected{color:#333;padding: 0;line-height:25px;border:0;cursor:pointer;user-select:none;transition:all .25s ease-out}
.select-items{position:absolute;background-color:#000;top:100%;left:0;right:0;z-index:99;overflow: hidden;border-radius:0 0 10px 10px  ;border: solid 2px #333;border-top: none;}
.select-hide{display:none}
.select-items a:hover,
.select-items div:hover,
.same-as-selected{background-color:#fff}
.custom-select{ position: relative;height: 46px;margin-bottom: 5px;}
.custom-select a{display: block;}
.custom-select select{ display: none;}
.custom-select .select-selected::before{background-color:#FFF;content:'';display:block;position:absolute;right:0;top:0;height:32px;width:32px;z-index:0}
.select-selected{position:relative;background-color:#FFF}
.select-selected:after{ position: absolute; content: ""; top: 14px; right: 14px; width: 0; height: 0; border: 6px solid transparent; border-color: #000 transparent transparent transparent; }
.select-selected.select-arrow-active:after{ border-color: transparent transparent #000 transparent; top: 7px; }
.ranking_con{display: none;}
.ranking_con#choice_0_content{display: block;}
.main_ranking{margin-top: 60px;}
.main_ranking .main_ranking_slct .select-selected{ border: solid 2px #333; padding: 8px 15px 9px; font-size: 16px; font-weight: 500; color: #000;}
.main_ranking .main_ranking_slct .select-selected:after{top: 20px;}
.main_ranking .main_ranking_slct .select-selected.select-arrow-active:after{top: 12px;}
.main_ranking .main_ranking_slct .select-items a{padding: 8px 15px 9px; background-color: #fff;border-top: 1px solid #ddd;color: #444;}
.main_ranking .main_ranking_slct .select-items a:hover{background-color: #f1f1f1;color: #000;}
.main_ranking ul.main_ranking_list{}
.main_ranking ul.main_ranking_list li{}
.main_ranking ul.main_ranking_list li a{display: block; line-height: 37px;padding:0 5px 1px 0;font-size: 15px; position: relative; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #484948;transition:padding .25s ease-out;}
.main_ranking ul.main_ranking_list li a::after{display: block;content: '';position: absolute;border-bottom: 1px solid #eee;top: 0;right: 0;left: 0;bottom: 0;transition:.25s ease-out;z-index: 2;}
.main_ranking ul.main_ranking_list li span{display: inline-block;width: 25px; font-weight: bold; color: #000;vertical-align: middle;font-family: 'Lato';transition:.25s ease-out;}
.main_ranking ul.main_ranking_list li a:hover{color: #fff;top: -1px;padding:0 10px 1px 15px;background-color: #2575b9;}

.main_ranking ul.main_ranking_list li a:hover span{color: #fff;}
.main_ranking ul.main_ranking_list li a:hover::after{border: 1px solid #000; box-sizing:border-box;display: none;}

/****************
main_room main_video
****************/
.main_room{background-color: #f5f5f5;padding: 70px 0;}
.tab_con_wrap{position: relative;}
.tab_con_wrap::after{display: block;content: '';clear: both;}
.tab_con_wrap .tab_btn{margin-top: -56px;float: right;}
.tab_btn .swiper-container{height: 35px;width: 100%;}
.tab_btn .swiper-slide {width: auto !important;font-size: 0;}
.tab_btn .swiper-slide button{display:block;position:relative;height:35px;z-index:1;border: none;background: none;}
.tab_btn .swiper-slide button span{display:block;padding: 0 15px;line-height: 35px;font-size: 18px;position: relative;height: 35px;font-weight: 300;color: #444;}
.tab_btn .swiper-slide button::after{display: block;content: '';position: absolute;left: 0;background-color: #ccc;top: 50%;height: 12px;margin-top: -6px;width: 1px;}
.tab_btn .swiper-slide:first-child button::after{display: none;}
.tab_btn .swiper-slide.swiper-slide-thumb-active button span{font-weight: 500;color: #000;}
.lst_wrap{overflow: hidden;padding-top: 10px;min-height: 555px;}
.lst_wrap .nothing{height: 555px;}
.lst_main{float: left;width:820px;padding-right: 60px;}
.lst_sub{float: right;width: calc(100% - 880px);height: 555px;overflow: hidden;}
.lst_sub li{padding-bottom: 25px;border-bottom: 1px solid #d9d9d9;margin-bottom: 25px;}
.lst_sub li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.thm_txts{overflow: hidden;}
.thm_txts a.thm{display: block;overflow: hidden;width: 160px;height: 95px;border-radius:10px ;float: left;position: relative;}
.thm_txts a.thm img{display: block;height: auto;width: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.thm_txts a.thm span.noimg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #e5e5e5;text-align: center; background-image: url('../img/common/no_img.png'); background-size:80%; background-repeat:no-repeat; background-position: center;}
.thm_txts a.thm span.noimg b{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;font-size: 13px;color: #666; font-size: 0;}
.thm_txts .txts{position: relative;vertical-align: top;padding-left: 20px;float: left;display: block;width: calc(100% - 180px);}
.thm_txts .txts h3{font-size: 18px;font-weight: normal;}
.thm_txts .txts h3 a{display: block;line-height: 1.3; height: 2.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;word-wrap: break-word;text-overflow:ellipsis;}
.thm_txts .txts p{font-size: 15px;padding-top: 25px;}
.thm_txts .txts p span{display: inline-block;vertical-align: middle;position: relative;line-height: 1.1;}
.thm_txts .txts p span.like,
.thm_txts .txts p span.hit{padding-left: 18px;margin-left: 10px;}
.thm_txts .txts p span.like::after{left: 0;background-position: -160px 0;width: 15px;height: 14px;top: 1px;}
.thm_txts .txts p span.hit::after{left: 0;background-position: -180px 0;width: 15px;height: 14px;top: 1px;}
.lst_main .thm_txts a.thm{float: none;width: 100%;height: 420px;}
.lst_main .thm_txts .txts{float: none;padding-left: 0;width: auto;}
.lst_main .thm_txts .txts h3{font-size: 26px;letter-spacing: -1px;padding-top: 25px;font-weight: bold;}
.lst_main .thm_txts .txts h3 a{display: block;line-height: 1.3; height: auto; -webkit-line-clamp: 1;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.lst_main .thm_txts .txts p{padding-top: 10px;}
.lst_main .thm_txts .txts p.desc{line-height: 1.3;font-size: 16px;height: 2.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;word-wrap: break-word;text-overflow:ellipsis;}
.main_video{padding: 70px 0;background-color: #101010;}
.main_video *{color: #fff;}
.main_video .main_title  a.more{opacity: 0.7;}
.main_video .main_title  a.more:hover{opacity: 1;color: #fff;border-color: #ccc;}
.main_video .tab_btn .swiper-slide button span{color: #999;}
.main_video .tab_btn .swiper-slide button::after{background-color: #555;}
.main_video .tab_btn .swiper-slide.swiper-slide-thumb-active button span{color: #fff;}
.main_video .lst_wrap{min-height: 100%;}
.main_video .lst_wrap .nothing{height:450px;background-color: #222;color: #999;}
.main_video .lst_main{padding-right: 0;}
.main_video .lst_sub,
.main_video .lst_main .thm_txts a.thm{height: 450px;}
.main_video .lst_main .thm_txts {position: relative;}
.main_video .lst_main .thm_txts .txts{position: absolute;bottom: 40px;left: 50px;right: 50px;z-index: 2;}
.main_video .lst_main .thm_txts .txts h3{font-weight: 400;font-size: 28px;padding-top: 10px;}
.main_video .lst_main .thm_txts .txts .video_flag{position: static;}
.main_video .thm_txts a.thm::before{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 55%;z-index: 1;
background: linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.6) 35%,rgba(0,0,0,0) 100%); }
.main_video .lst_sub{overflow: hidden;width: calc(100% - 860px);}
.main_video .lst_sub li{padding-bottom: 0;border-bottom: 0;margin-bottom: 45px;float: left;width: 250px;width: 46.298%;margin-left: 40px;margin-left: 7.40%;}
.main_video .lst_sub li:nth-child(2n+1){margin-left: 0;}
.main_video .lst_sub .thm_txts a.thm{width: auto;height: 140px;border-radius:10px ;float: none;}
.main_video .lst_sub .thm_txts .txts h3{font-size: 16px;font-weight: 300;padding-top: 20px;}
.main_video .lst_sub .thm_txts .txts h3 a{font-weight: 300;font-size: 16px;}
.main_video .lst_sub .thm_txts .txts{padding-left: 0;float: none;width: auto;}
.main_video .lst_sub .thm_txts .video_flag{top: auto;bottom: 10px;z-index: 2;}
.main_video .thm_txts a.thm span.noimg{background-color: #ccc;}
.main_video .thm_txts a.thm span.noimg b{color: #999;}



/****************
main_photo
****************/
.main_photo{padding: 70px 0;}

.photo_lst{overflow: hidden;margin-left: -2.16%;}
.photo_lst .photo_box{width:446px;/* height: 300px; */float: left;margin-left: 20px;width: 31.1846%;margin-left: 2.16%;background-color: #ddd;-webkit-background-size: cover;background-size: cover;background-position: center;overflow: hidden;border-radius: 10px;}
.photo_lst .photo_box a{position: relative;height: 0;padding-bottom: 67.2616%;display: block;background-color: rgba(0,0,0,0.65)}
.photo_lst .photo_box a span{display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;color: #fff;z-index: 1;font-size: 24px;line-height: 1.3; height: 2.6em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.photo_lst .photo_box a::after{display: block;content: '';position: absolute;bottom: 0;top: 100%;left: 0;right: 0;opacity: 0;transition:.3s ;background-color: #13813b;}
.photo_lst .photo_box a:hover::after{top: 0;opacity: 0.88;}

.photo_slide_ctrl{position: relative;float: right;width: 83px;height: 25px;text-align: center;padding-top: 4px;}
.photo_slide_ctrl button,
.photo_slide_ctrl .swiper-button-prev,.photo_slide_ctrl .swiper-button-next{border: 1px solid #9a9a9a;width: 25px;height: 25px;border-radius: 50% ;font-size: 0;top:4px;margin: 0;background: none;transition:.2s ease-out}
.photo_slide_ctrl .swiper-button-prev::after,
.photo_slide_ctrl .swiper-button-next::after{text-indent: -999em;font-size: 0;border-style:solid;border-color:#666;border-width:0 0 1px 1px;display:block;line-height: 0;content:'';padding:3px;transform:rotate(45deg);position:absolute;top:8px;left:9px}
.photo_slide_ctrl .swiper-button-next::after{border-width: 1px 1px 0 0;left: 7px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* ie10*/
.photo_slide_ctrl .swiper-button-prev::after,.photo_slide_ctrl .swiper-button-next::after{top: 9px;}
}
.photo_slide_ctrl .swiper-button-prev{left: 0;right: auto;}
.photo_slide_ctrl .swiper-button-next{left: auto;right: 0;}
.photo_slide_ctrl button.swiper-button-play,
.photo_slide_ctrl button.swiper-button-pause{position: relative;top: 0;}
.photo_slide_ctrl button.swiper-button-play::after{position: absolute;width: 8px;height: 11px;top: 6px;left: 8px;background-position: -140px -10px;}
.photo_slide_ctrl button.swiper-button-pause::after{position: absolute;width: 5px;height: 6px;top: 9px;left: 9px;background-position: -140px 0;}
.photo_slide_ctrl button.swiper-button-play{display: none;}
.photo_slide_ctrl button:hover{box-shadow: inset -2px -2px 5px #ccc;border-color: #777;}
.photo_slide_ctrl .swiper-button-prev:hover::after,
.photo_slide_ctrl .swiper-button-next:hover::after{border-color: #000;}
/****************
main_sns
****************/
.main_sns{background-color: #efefef;padding: 70px 0;}
.sns_icon{overflow: hidden;text-align: right;font-size: 0;position: absolute;top: 0;right: 0;}
.sns_icon a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;text-indent: -999em;margin-left: 10px;}
.sns_icon a::after{background-position: 0 -80px;top: 0px;left: 0;width: 40px;height: 40px;}
.sns_icon a.sns1::after{background-position: 0 -80px;}
.sns_icon a.sns2::after{background-position: -50px -80px;}
.sns_icon a.sns3::after{background-position: -100px -80px;}
.sns_icon a.sns4::after{background-position: -150px -80px;}
.sns_lst{overflow: hidden;margin-left: -1.4%;}
.sns_lst .sns_box{width: 335px;/* height: 290px; */float: left;margin-left: 20px;width: 23.599%;margin-left: 1.4%;background-color: #ddd;-webkit-background-size: cover;background-size: cover;background-position: center;overflow: hidden;border-radius: 10px;}
.sns_lst .sns_box a{position: relative;height: 0;padding-bottom: 86.569%;display: block;background-color: rgba(0,0,0,0.65)}
.sns_lst .sns_box a span{display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;color: #fff;z-index: 1;font-size: 24px;line-height: 1.3; height: 2.6em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sns_lst .sns_box a::after{display: block;content: '';position: absolute;bottom: 0;top: 100%;left: 0;right: 0;opacity: 0;transition:.3s ;background-color: #13813b;}
.sns_lst .sns_box a:hover::after{top: 0;opacity: 0.88;}


@media (max-width:1350px){
.main_room .lst_sub .thm_txts .txts h3,
.main_video .lst_sub .thm_txts .txts h3 a{font-size: 15px;}
.main_room .lst_sub .thm_txts .txts p{font-size: 13px;}
.main_room .lst_main,.main_video .lst_main{width: 62%;padding-right: 3%;}
.main_room .lst_sub,.main_video .lst_sub{ width: 35%;}
.main_room .lst_wrap {min-height: 100%;}
.main_room .lst_wrap .nothing,
.main_room .lst_sub{height: 530px;}
.main_room .lst_main .thm_txts a.thm {height: 390px;}
.main_video .lst_wrap .nothing,
.main_video .lst_sub,
.main_video .lst_main .thm_txts a.thm{height: 380px;}
.main_video .lst_sub .thm_txts a.thm{height: 100px;}
.main_video .lst_wrap{min-height: 100%;}
/* .main_room .lst_sub .thm_txts a.thm{width: 130px;height: 80px;}
.main_room .lst_sub .thm_txts .txts{padding-left: 10px;width: calc(100% - 140px);}
.thm_txts .txts p span.like, .thm_txts .txts p span.hit{padding-left: 16px;margin-left: 5px;} */
}
@media (max-width:1200px){
.tab_btn .swiper-slide button span{padding: 0 10px;font-size: 16px;}
.main_room .lst_main,.main_video .lst_main{width: 58%;padding-right: 2%;}
.main_room .lst_sub,.main_video .lst_sub{ width: 40%;}
.main_room .lst_main .thm_txts a.thm {height: 350px;}
.main_room .lst_main .thm_txts .txts h3{font-size: 22px;padding-top: 15px;}
.main_room .lst_main .thm_txts .txts p.desc{font-size: 14px;}
.main_room .lst_wrap .nothing,
.main_room .lst_sub{height: 455px;}
.main_video .lst_wrap .nothing,
.main_video .lst_sub,
.main_video .lst_main .thm_txts a.thm{height: 340px;overflow: hidden;}
.lst_sub li{border-bottom: 0;padding-bottom: 0;}
.main_room .lst_sub .thm_txts .txts h3, .main_video .lst_sub .thm_txts .txts h3 a{font-size: 14px;}
.main_video .lst_sub .thm_txts .txts h3{padding-top: 10px;}
}
@media (min-width:815px) and (max-width:1000px){
.main_room .lst_sub li{float: left;width: 48%;padding-right: 2%;}
.main_room .lst_wrap .nothing{height: 712px;}
.main_room .lst_main{margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.main_video .lst_sub li{width: 24%;margin-left: 0;padding-left: 1%;margin-bottom: 0;}
.main_video .lst_sub li:nth-child(2n+1){margin-left: 0;}
.main_video .lst_sub .thm_txts .txts h3 a{font-size: 13px;}

}
@media (max-width:1024px){
.main_upper{margin-top: 20px;}
h4.main_title{font-size: 23px}

.main_lft{width: 100%;}
.main_right{margin-left: 0; width: 100%; position: static;}

.main_slider{margin-bottom: 40px;height: auto ;overflow: hidden;position: relative;}
.main_slider li{position: relative;height: 0 ;padding-bottom: 48.03%;}
.main_slider ul li .img_area{position: absolute;top: 0;left: 0;bottom: 0;height: auto;}

/* 1020 490 */
.main_slider ul li .txt_area{ padding: 0 3.9% 13%;  width: auto;right: 0;}
.main_slider ul li .txt_area em{font-size: 14px;margin-bottom: 20px;}
.main_slider ul li .txt_area b{display:block; width: 90%;font-size: 30px;margin-bottom: 20px;padding-right: 10%; }
.main_slider ul li .txt_area span{display:block; width:80%;padding-right: 20%; font-size: 16px; line-height: 1.3; height: 2.6em; margin-bottom: 0;}
.main_slider ul li .txt_area a.go{ border-radius:2.5em; margin-top: 0;position: absolute;bottom: 12%;}
.main_videoNews{margin-top: 40px;}
ul.main_videoNews_list{overflow:hidden;height: auto;}
ul.main_videoNews_list li{width: calc(33.3% - 20px); margin-right: 30px; float:left;margin-bottom: 0;}
ul.main_videoNews_list li:last-child{margin-right: 0;}
ul.main_videoNews_list li .img_area{padding-bottom: 0; /* height: 180px; */height: 0;padding-bottom: 47.8125%;}
ul.main_videoNews_list li .txt_area{font-size: 15px;line-height: 1.3;}
.main_rise ul.main_rise_list li.nothing,
ul.main_videoNews_list li.nothing{height: 0;padding-bottom: 18%;position: relative;margin-right: 0;float: none;width: 100%;display: block;}
.main_rise ul.main_rise_list li.nothing p,
ul.main_videoNews_list li.nothing p{position: absolute;top: 45%;transform:translatey(-45%): 0;width: 100%;display: block;vertical-align: top;}

.main_rise ul.main_rise_list{height: auto;}

}
@media (max-width:1000px){
.main_title{margin-bottom: 15px;}
h4.main_title,
.main_title h4{font-size: 20px;}
.main_title  a.more{display: inline-block;font-size: 14px;text-align: right;border: 0;border-radius:0;line-height: normal;height: auto;padding: 0;vertical-align: middle;margin-left: 0;position: absolute;top:4.3%;right:0;color: #a3a3a3;}
.photo_slide_ctrl{display: none;}
.tab_con_wrap .tab_btn {    margin-top: 0;    float: none;padding-bottom: 10px;}
.tab_btn .swiper-slide:first-child button span{padding-left: 0;}
.lst_wrap{padding-top: 0;}
.main_room .lst_sub,
.main_room .lst_main,
.main_video .lst_sub,
.main_video .lst_main{float: none;padding: 0;width: auto; height: auto;}
.main_room .lst_main,
.main_video .lst_main{padding-bottom: 20px;}
.main_room .lst_sub,
.main_video .lst_sub{height: auto;}
.main_room .lst_sub li{margin-bottom: 15px;}
.main_room{padding: 35px 0 10px;}
.main_photo,
.main_video,
.main_sns{padding: 35px 0 ;}

.main_sns .wrapper{padding-bottom: 60px;}
.sns_icon{text-align: center;position: absolute;bottom: 0;left: 0;right: 0;top: auto; display:none;}
.main_upper{margin-bottom:  35px;}

}
@media (min-width:600px) and (max-width:1024px){
/* .main_ranking{overflow:hidden;} */
.main_ranking ul.main_ranking_list{float:left; width: calc(50% - 15px); margin-right: 30px;}
.main_ranking ul.main_ranking_list:last-child{margin-right: 0;}
}

@media (max-width:815px){
.nothing{border-radius:12px ;}
.main_rise ul.main_rise_list li .img_area{margin-right: 0;}
.main_rise ul.main_rise_list li .txt_area {padding-top: 0;position: relative;}
.main_rise ul.main_rise_list li .txt_area em{font-size: 12px; margin-bottom: 10px;}
.main_rise ul.main_rise_list li .txt_area b{font-size: 16px; font-weight: 500; letter-spacing: -1px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 10px;}
.main_rise ul.main_rise_list li .txt_area span{display:block; font-size: 13px; line-height: 1.3; height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

ul.main_videoNews_list li .txt_area{font-size: 14px;font-weight: normal;}
.photo_lst .photo_box a span,
.sns_lst .sns_box a span{font-size: 18px;}
.main_video .lst_sub .thm_txts .video_flag,
.video_flag{position: absolute; left: 0; top: 0; display:block; padding: 0; width: 26px;height: 22px; font-size: 0; border-radius:0 0 7px 0; }
.video_flag::after {display: block;content: '';position: absolute;top: 6px;left: 10px;  width: 0;  height: 0;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left: 7px solid #fff;}
.main_rise ul.main_rise_list li,
.main_room .lst_sub li{margin-bottom: 14px;padding-bottom: 14px;border-bottom: 1px solid #ccc;}
.main_room .lst_sub .thm_txts .txts p{padding-top: 20px;}
.main_video .lst_sub li{float: none;width: auto;margin-left: 0;margin-bottom: 14px;padding-bottom: 14px;border-bottom: 1px solid #272824;}
.main_video .lst_sub li:nth-child(2n+1){margin-left: 0;}
.main_video .lst_sub .thm_txts a.thm::before{display: none;}
.main_rise ul.main_rise_list li .img_area,
.main_room .lst_sub .thm_txts a.thm,
.main_video .lst_sub .thm_txts a.thm{width: 110px;height: 82px;border-radius:0 0 7px 0;float: left;position: relative;}
.main_room .lst_sub .thm_txts a.thm img,
.main_video .lst_sub .thm_txts a.thm img{display: block;height: auto;width: auto;position: relative;top:0;left:0;transform: translateY(0);height: 100%;left: 50%;transform: translate(-50%,0)}
.main_video .lst_sub .thm_txts a.thm span.noimg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.main_video .lst_sub .thm_txts a.thm span.noimg b{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.main_rise ul.main_rise_list li .txt_area,
.main_room .lst_sub .thm_txts .txts,
.main_video .lst_sub .thm_txts .txts{position: relative;vertical-align: top;padding-left: 20px;float: left;display: block;width: calc(100% - 130px);}
.main_room .lst_sub .thm_txts .txts h3 a{line-height: 1.5;height: 3em;}
.main_video .lst_sub .thm_txts .txts h3 a{line-height: 1.7;height: 3.4em;}

.main_room .lst_main .thm_txts a.thm,
.main_video .lst_main .thm_txts a.thm{height: 0;padding-bottom: 58.5365%;}
.main_room .lst_main .thm_txts a.thm img,
.main_video .lst_main .thm_txts a.thm img{position: absolute;}
.main_room .lst_main .thm_txts .txts h3{font-size: 17px;}

.img_area.no_img{background-size:80% !important;}

}
@media (max-width:600px){
.wrapper,.menu_wrapper{width: auto;padding: 0 4.4%;}
.main_slider{margin-bottom: 20px;}
.main_slider li{padding-bottom: 58.536%;}
.main_slider ul li .txt_area{ /* padding: 33% 4% 0; top: 0; */ padding: 0; top: auto; bottom: 20px; left: 20px;}
.main_slider ul li .txt_area em{font-size: 13px;margin-bottom: 10px;}
.main_slider ul li .txt_area b{font-size: 20px;font-weight: 500;padding-right: 35%;margin-bottom: 0;white-space: normal; line-height: 1.3; max-
height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.main_slider ul li .txt_area span{display:none; }
.main_slider ul li .txt_area a.go{ top: 0;border-radius:0;left: 0;right: 0; margin-top: 0;position: absolute;bottom: 0;text-indent: -999em;padding: 0; background-color: inherit;}
.main_slider ul li .txt_area a.go:hover{background-color: inherit;}
.main_slider .swiper-pagination{right: 4%}


/* .main_photo .wrapper,
.main_sns .wrapper{padding: 0 0 60px 0;} */
.main_photo .main_title,
.main_sns .main_title{/* padding: 0 4.4%; */margin-bottom: 20px;}
h4.main_title,
.main_title h4{font-size: 18px;}
.main_photo .main_title a.more,
.main_sns .main_title a.more{/* right: 4.4%; */right: 0;}
.main_room,
.main_video,
.main_photo,
.main_sns{padding: 7% 0;}
/* .photo_lst,
.sns_lst {padding-left: 4%;} */
ul.main_videoNews_list li,
.photo_lst .photo_box,
.sns_lst .sns_box{width: 250px;margin-left: 10px;}
.photo_slide_ctrl{display: none;}
ul.main_videoNews_list{overflow: visible;margin-left: -10px;}
ul.main_videoNews_list li{margin-right: 0;}
.custom-select{margin-bottom: 0;}
.main_ranking ul.main_ranking_list li a{padding:0 3.3%;color: #333;}
.main_ranking ul.main_ranking_list li a span{color: #111;}
.main_ranking ul.main_ranking_list li a:hover::after{display: none;}

.main_video .lst_main .thm_txts .txts{left: 15px; bottom: 15px; width: calc(100% - 30px);}
.main_video .lst_main .thm_txts .txts h3{font-size: 16px;}
}
@media (max-width:500px){
.main_ranking ul.main_ranking_list li a{line-height: 32px;font-size: 14px;}
}
@media (max-width:375px){
}
@media (max-width:360px){
}
@media (min-width:1024px){/*주요영상뉴스 세로모드조작*/
ul.main_videoNews_list.swiper-wrapper{position:static;width:auto;height:auto;z-index:1;display:block;box-sizing:content-box;transform:none}
ul.main_videoNews_list li.swiper-slide{flex-shrink:unset;/* width:auto; */height:auto;position:relative;transition-property:none}
}