@charset "utf-8";
/* CSS Document */
.wrap_visual{position: relative;height:70% !important;}
.wrap_visual .swiper-container{width: 100%; height: 100%;}
.wrap_visual .swiper-container .swiper-slide{width: 100%; height: 100%;}
.wrap_visual .swiper-container .swiper-slide:focus{border:2px solid red;box-sizing:border-box;}
.wrap_visual .swiper-container .swiper-slide img{width: auto; height: 100%;}
.wrap_visual .swiper-button-next{overflow: hidden; width: 60px; height: 60px;margin-top:-30px !important; background:url(../images/main/btn_slider_next01.png) no-repeat; text-indent: -9999px;}
.wrap_visual .swiper-button-prev{overflow: hidden; width: 60px; height: 60px;margin-top:-30px !important;background:url(../images/main/btn_slider_prev01.png) no-repeat; text-indent: -9999px;}
.wrap_visual .swiper-button-next:focus, .wrap_visual .swiper-button-prev:focus{border:2px solid red;}
.moVisu{position: relative;height:565px !important;/*height: 70% !important;*/}
.moVisu .swiper-container-horizontal>.swiper-scrollbar{width:940px;height:3px;border-radius:0;left:50%;margin-left:-470px;bottom:50px;opacity:1 !important;background:rgba(255,255,255,.3);}
.moVisu .swiper-scrollbar-drag{border-radius:0;}
.moVisu.spring .swiper-scrollbar-drag{background:#a3f013;opacity:1;} /* 봄 */
.moVisu.summer .swiper-scrollbar-drag{background:#3aabfc;opacity:1;} /* 여름 */
.moVisu.autumn .swiper-scrollbar-drag{background:#fc530d;opacity:1;} /* 가을 */
.moVisu.winter .swiper-scrollbar-drag{background:#e7e6e5;opacity:1;} /* 겨울 */
.moVisu .swiper-container{width: 100%;height: 100%;}
.moVisu .swiper-container .swiper-slide{position:relative;width: 100%;height: 100%;}
.moVisu .swiper-container .swiper-slide a{position:relative;display:block;width:100%;height:100%;}
.moVisu .swiper-container .swiper-slide a:focus:before{content:'';display:block;border:2px solid #101010;z-index: 5;box-sizing: border-box;width:100%;height:100%;position:absolute;left:0;top:0;}
.moVisu .swiper-container .swiper-slide a:after{content: "";display: block;position: absolute;right: 0;bottom: 0;left: 0;height: 50%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));}
.moVisu .swiper-slide a > div{position:relative;width:940px;height:100%;margin:0 auto;}
.moVisu .swiper-slide > a .bg{transition: All 5s ease-in-out;background-position: 50% 50%;transform: scale(1);width:100%;height:100%;background-size:cover !important;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.moVisu .swiper-slide-active > a .bg{transform: scale(1.10) rotate(0.02deg);}
.moVisu .swiper-slide{overflow:hidden;/*transition: 0.8s;*/opacity:0;}
.moVisu .swiper-slide.swiper-slide-active{opacity:1;}
.moVisu .swiper-button-next{pointer-events:auto;overflow: hidden; width: 60px; height: 60px;margin-top:-30px !important;right:50px; background:url(../images/main/btn_slider_next01.png) no-repeat; text-indent: -9999px;}
.moVisu .swiper-button-prev{pointer-events:auto;overflow: hidden; width: 60px; height: 60px;margin-top:-30px !important;right:50px;background:url(../images/main/btn_slider_prev01.png) no-repeat; text-indent: -9999px;}

.moVisu .swiper-slide strong{z-index:10;display: inline-block;word-break: break-all;position: absolute;left: 0;bottom: 135px;font-size:30px;color:#fff;font-weight:700;font-size:40px;color:#fff;opacity:0;transform: translateY(50px);}
.moVisu .swiper-slide.swiper-slide-active strong{transform: scale(1) rotate(0.02deg);opacity: 1;transform: translateY(0);transition: 0.8s;transition-delay: 0.3s;}
.moVisu .swiper-slide .tag{z-index:10;display: inline-block;position: absolute;left: 0;bottom: 95px;opacity:0;font-size:20px;color:#fff;transform: translateY(30px);}
.moVisu .swiper-slide.swiper-slide-active .tag{opacity: 1;transform: translateY(0);transition: 0.8s;transition-delay: .7s;}


/* img hover */
.banner_pcTop ul li ul a, .zone_cont .area_mid a, .article .mdu_img2col2 li a .img_area
{overflow:hidden;}

.banner_pcTop ul li ul a img, .zone_cont .area_mid a img, .list_bnRight li a img, .banner_mobileTop ul li ul li img
{transform: scale(1);/*-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);*/transition: all 0.8s;}

.banner_pcTop ul li ul a img:hover, .zone_cont .area_mid a img:hover, .list_bnRight li a img:hover, .banner_mobileTop ul li ul li img:hover
{transform: scale(1.07);/*-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);*/}
.banner_mobileTop ul li ul li a{display:block;overflow:hidden;}

/* ui수정, 추가 */
.videoArea{height:248px;margin-bottom:30px;}
.videoArea .drag_tag{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 10;}
.videoArea .youtube_area{float:left;width:100%;position: relative;}
.videoArea .youtube_area .img_dummy {width: 100%;}
.videoArea .youtube_area .youtube_box {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.videoArea .youtube_area .youtube_box #ytplayer1{height: 100%;}
.main_taglist{overflow: hidden;position: relative;width:940px;margin:0 auto 30px;padding-right: 80px;margin-top:40px;}
.main_taglist .inr{overflow: hidden;height: 100px;}
.main_taglist.on .inr {overflow: visible;height: auto;}
.main_taglist ul{margin-left:-10px;}
.main_taglist ul li{margin:0 0 0 10px;float:left;height:50px;}
.main_taglist ul li a{display:inline-block;overflow:hidden;background:#fff;text-align:center;font-size:16px;font-weight:400;color:#777;border: 1px solid #d8d7d7;border-radius: 5px;}
.main_taglist ul li a span{display:inline-block;height:38px;line-height:38px;padding:0 20px;}
.main_taglist ul li a:hover{border: 1px solid #666;}
.main_taglist ul li a:hover span{font-weight:700;}
.main_taglist .btn_more{display: none;position: absolute;bottom:10px;right: 0;width:70px;height:40px;background: url(../images/main/ico_m_arrowbtm.gif) no-repeat;text-indent: -9999px;}
.main_taglist.on .btn_more{background-position: 0 -40px;}

/* gnb */
#gnbMain{position:fixed;top:-70px;left:50%;z-index:100;width:460px;margin-left:-470px;/*opacity:1;transition:top .3s ease-in-out, opacity .5s ease-in-out;*/}
#gnbMain.off{top:-70px;opacity:0;}
#gnbMain .menu_top{width: 100%; height: 64px; background: #333;}
#gnbMain .menu_top h1{padding-left:20px;line-height:64px}
#gnbMain .menu_top .btn_list{position: absolute; top: 21px; right: 25px;width:100%;}
#gnbMain .menu_top .btn_list .btn_search{overflow:hidden;position:absolute;top:-7px;right:111px; width: 22px;height:37px;background:url(../images/common/gnb_search.png) 50% 0 no-repeat; background-size: 22px 37px;text-indent:-9999px;z-index:100;}
#gnbMain .menu_top .btn_list .btn_search:focus{border:1px solid #406ab5;}
#gnbMain .menu_top .btn_list .btn_search.on{width:22px;height:37px;background:url(../images/common/btn_w_close.png) 50% 50% no-repeat;background-size:20px 35px;}
#gnbMain .menu_top .btn_list .btn_location{overflow:hidden;position:absolute;top:-7px;right:54px; width: 28px;height:36px;background:url(../images/common/gnb_location.png) 50% 0 no-repeat; background-size: 28px 36px;text-indent:-9999px;}
#gnbMain .menu_top .btn_list .btn_location:focus{border:1px solid #406ab5;}
#gnbMain .menu_top .btn_list .btn_menu{overflow:hidden;position:absolute;top:-7px;right:0;width:24px;height:37px;background:url(../images/common/gnb_menu.png) no-repeat 50% 0; background-size:24px 37px;text-indent:-9999px;}
#gnbMain .menu_top .btn_list .btn_menu:focus{border:1px solid #406ab5;}
#gnbMain .menu_top .btn_list .btn_menu.on{width:24px;height:37px;background:url(../images/common/btn_w_close.png) 50% 50% no-repeat;background-size:20px 35px;}
#gnbMain .btn_search.on + .gnb_search{display: block;position: absolute;left:25px;top:43px;z-index: 10;}
#gnbMain .gnb_search{display:none;width:100%;padding:30px 30px 31px;background:rgba(19,41,75, 0.95);}
#gnbMain .gnb_search .searchBar{position: relative; width: 100%;}
#gnbMain .gnb_search .searchBar .wordsList{position: absolute; top: 40px; left: 0; width: 100%;box-sizing: border-box;border:1px solid #ccc;border-top:none; background: #fff;}
#gnbMain .gnb_search .searchBar .wordsList li{padding:7px 14px;}
#gnbMain .gnb_search .searchBar .wordsList li:hover{background-color:#f0f0f0;}
#gnbMain .gnb_search .searchBar .wordsList li button{width:100%;font-size: 16px; color: #000;text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
#gnbMain .gnb_search .searchBar .wordsList li button em{font-weight:800;}
#gnbMain .gnb_search .searchBar .inp_search{width: 100%; height: 40px;padding:0 69px 0 14px;font-size: 16px; color: #000; box-sizing: border-box;border:1px solid #ccc;}
#gnbMain .gnb_search .searchBar .btn_search2{overflow: hidden; text-indent: -9999px; position: absolute; top: 9px; right: 10px; width: 22px; height: 22px; background:url(../images/common/gnb_search2.png) 0 0 no-repeat;}
#gnbMain .gnb_search .searchBar .btn_del{display: none; overflow: hidden; position: absolute; top: 10px; right: 42px; width: 20px; height: 20px; background:url(../images/common/btn_del.png) 50% 50% no-repeat; text-indent: -9999px;}
#gnbMain .gnb_search .searchBar .btn_del.on{display: block;}
#gnbMain .gnb_search .area_keyword{padding-top: 15px;}
#gnbMain .gnb_search .area_keyword h2{color: #fff; font-size: 18px;}
#gnbMain .gnb_search .area_keyword ul{margin-top:-4px;}
#gnbMain .gnb_search .area_keyword ul li{float: left; width: 49%; margin-top: 20px;}
#gnbMain .gnb_search .area_keyword ul li .num{float: left; width: 16px; height: 16px; background: #fff; border-radius: 3px;color:#000; font-size: 10px; font-weight:800; text-align: center; vertical-align: middle;}
#gnbMain .gnb_search .area_keyword ul li a{overflow:hidden;float: left; width: 160px; margin-left: 5px; line-height: 1; color: #fff; font-size: 15px; vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;}
#gnbMain .btn_menu.on + .box_menu{display: block; position: absolute;right:-25px;top:43px;}
#gnbMain .box_menu{display: none; width: 120px; padding:20px 25px;background:rgba(19,41,75, 0.95);}
#gnbMain .box_menu li{width:100%;margin-bottom:26px;}
#gnbMain .box_menu li a{display:block;height:24px;color:#fff;font-size:18px;}
#gnbMain .box_menu .btn_log{display: block; width: 100%; padding: 5px 5px; box-sizing: border-box; color: #fff; border: 1px solid #fff;font-size:14px;text-align: center;}

.area_headerBtm{position: absolute; bottom: 0; left: 0; z-index: 500; width: 100%; height: 80px; background: #fff;}
.area_headerBtm > div{position: relative; width: 980px; height: 80px; margin: 0 auto; padding: 0 20px;}
.visual_info{position: absolute; bottom: 20px; left: 20px; width: 460px; height: 160px; background:rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2); padding: 30px 40px;}
.visual_info .h_tag{overflow:hidden;display:block;margin-top:-5px;padding-right:65px;font-size:18px;color:#333;text-overflow:ellipsis;white-space:nowrap;}
.visual_info .tit_visual{overflow:hidden;display: block;margin-top:2px;font-size: 34px; color: #333;letter-spacing:-0.02em; font-weight: 800;text-overflow:ellipsis;white-space:nowrap;}
.visual_info .des{margin-top:7px;}
.visual_info .des em{overflow:hidden;display: block;margin-top: -5px; padding-left: 20px;font-weight:700;font-size: 18px; color: #333; background:url(../images/main/ico_visual_text.png) 0 5px no-repeat;text-overflow:ellipsis;white-space:nowrap;}
.visual_info .des span{overflow:hidden;display: block;display: -webkit-box;height:37px;margin-top:2px;font-weight:400;font-size: 14px; color: #666;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:18px}
.visual_info .swiper-pagination{position: absolute; top: 27px;right: 30px;}
.visual_info .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;margin-right:10px;}
.visual_info .swiper-pagination-bullet-active{background: #333;}

.slide_info{display: none;}
#info1{display: block;}

.snbMain{width: 940px;margin:0 auto;overflow: hidden;height:109px;text-align:center;}
.snbMain li{float:left;width:20%;padding:40px 0 0;}
.snbMain li a{position:relative;display: block;box-sizing:border-box;color:#333;font-size:24px;}
.snbMain li a:before{content:'';display:inline-block;width:1px;height:27px;background:#dad8d8;position:absolute;left:0;top:4.5px;}
.snbMain li:first-child a:before{display:none;}
.snbMain li a em{font-weight:800;display: inline-block;}
.snbMain li .ico{overflow:hidden;display:inline-block;vertical-align: top;width:32px;height:29px;margin:0 8px 0 0;background:url(../images/main/ico_menu_pc.png) 0 0 no-repeat;background-size:160px 29px;font-size:0;text-indent:-9999px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}
.snbMain li a:hover .ico{
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.snbMain li.menu1{margin-left: 0;}
.snbMain li.menu1 .ico{background-position:0 0;}
.snbMain li.menu2 .ico{background-position:-32px 0;}
.snbMain li.menu3 .ico{background-position:-64px 0;}
.snbMain li.menu4 .ico{background-position:-96px 0;}
.snbMain li.menu5 .ico{background-position:-128px 0;}

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.article.zoneTit .tit_atc{padding: 0 0 5px 0 !important;font-size:22px !important;letter-spacing:-0.02em;}
.list_zone{position:relative;margin-bottom: 10px; width: 940px;}
.list_zone .swiper-container2{position: relative; overflow: hidden;height: 56px; padding:1px 0 0 1px; background:url(../images/main/bg_slider.gif) 0 100% repeat-x; align-items: center;background:#eee;}
.list_zone .swiper-container2 .swiper-wrapper:first-child .swiper-slide .bdr{left:-1px;}
.list_zone .swiper-container2 .swiper-wrapper{width: 100%;}
.list_zone .swiper-slide{position: relative; width: 49px; text-align: center;}
.list_zone .swiper-container2.type0 .swiper-slide{width: 55px;}
.list_zone .swiper-container2.type1 .swiper-slide{width: 52px;}
.list_zone .swiper-container2.type2 .swiper-slide{width: 49px;}
.list_zone .swiper-container2.type3 .swiper-slide{width: 47px;}
.list_zone .swiper-slide button{display: block; width: 100%;height:52px;font-size:16px;color: #000;}
.list_zone .swiper-slide button:hover{font-weight:400;}
.list_zone .swiper-slide button:hover:after{content:'';display:inline-block;width: 100%;position: absolute;left:0;bottom: -12px;height: 5px;background: #000;}
.list_zone .swiper-slide .bdr{display: none;}
.list_zone .swiper-slide.on button{font-weight:400;}
.list_zone .swiper-slide.on .bdr{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #000;}
.list_zone .box_logo{float:left;width:60%;margin-top:32px;}
.list_zone .zone_top{float:right;width:40%;padding:40px 0 26px;text-align:right;}
.list_zone .zone_top .btn_all{display:inline-block;color: #000;padding-left: 19px;background: url(../images/sub/ico_moreplus.png) 0 4px no-repeat;color:#000;}
.list_zone .zone_top .btn_mp_view{display:inline-block;margin-right:25px;padding-left: 22px;background:url(../images/main/ico_lc.png) no-repeat 0 0/16px 16px;color:#000;}

.btm_cont{width: 100%; margin-top:80px;}
.btm_cont .area_left{float: left; width: 300px; margin-right: 20px;}
.btm_cont .area_mid{float: left; width: 300px; margin-right: 20px;}
.btm_cont .area_right{float: right; width: 300px;}
.btm_cont .area_left > div:first-child, .btm_cont .area_mid > div:first-child, .btm_cont .area_right > div:first-child{margin-top:0;}

/* 달력 */
.box_calendar .calendar_top{position:relative;display:inline-block;margin:0 auto;}
.box_calendar .calendar_top .btn_prev,
.box_calendar .calendar_top .btn_next{position:absolute;z-index:10;width:22px;height:22px;top:14px;font-size:0;}
.box_calendar .calendar_top .btn_prev{left:-59px;}
.box_calendar .calendar_top .btn_next{right:-59px;}
.box_calendar .calendar_top .btn_prev .ico,
.box_calendar .calendar_top .btn_next .ico{display:inline-block;width:11px;height:21px;background-image:url(../images/main/btn_cal.png);background-repeat:no-repeat;text-indent:-9999px;font-size:0px;}
.box_calendar .calendar_top .btn_prev .ico{background-position:0 0;}
.box_calendar .calendar_top .btn_next .ico{background-position:100% 0;}
.box_calendar .calendar_top .btn_more{position:absolute;top:18px;right:-379px;color:#333;font-size:14px;text-align:center;padding-left: 19px;background: url(../images/sub/ico_moreplus.png) 0 4px no-repeat;}
.box_calendar .calendar_top .title{position: relative;padding:7px 0 19px 0;text-align: center;}
.box_calendar .calendar_top .title h2{display:inline-block;font-weight:800;color: #000; font-size: 22px;}
.box_calendar .calendar_top .title h2 em{font-weight:800;color: #000;}
.box_calendar .calendar_top .title h2 .ico{margin-right:4px;}
.box_calendar .calendar{margin-top:-3px;border-top:1px solid #7f7f7f;padding:15px 0 0;}
.box_calendar .calendar table th, .box_calendar .calendar table td{color: #000; text-align: center;}
.box_calendar .calendar table th{padding: 10px 10px;}
.box_calendar .calendar table td{word-break:normal;}
.box_calendar .calendar table td button{display: block; width: 100%; width:23px;height:23px; box-sizing: border-box;font-size:15px;font-weight:400;color:#333;}
.box_calendar .calendar table td button.saturday{color:#2a7dee;}
.box_calendar .calendar table td button.sunday{color:#dc4405;}
.box_calendar .calendar table td.grey button{color: #ccc;}
.box_calendar .calendar table td.on button{background-color: #dc4405;color: #fff;width:23px;height:23px;border-radius:100%;padding:0;}
.box_calendar .list_calData{margin-top:21px;text-align:left;overflow:hidden;}
.box_calendar .list_calData li{float:left;width:298px;width:33.3%;}
.box_calendar .list_calData li:first-child a{margin-left:0;}
.box_calendar .list_calData li a{display:block;padding:20px 20px 0;height:216px;margin-left: 20px;border:1px solid #e6e6e6;border-radius:10px;}
.box_calendar .list_calData li a:hover{background:#f7f7f7;border-radius:10px;}
.box_calendar .list_calData li em{display:block;font-size:15px;letter-spacing:-0.02em;font-weight:400;line-height: 17px;}
.box_calendar .list_calData li span{display:block;color: #666;font-size:13px;line-height: 15px;}
.box_calendar .list_calData li span.img{display:block;height:120px;border-radius: 8px;margin:0 0 17px;background-position:50% 50%;background-size:cover;background-repeat: no-repeat;text-indent: -9999px;}
.box_calendar .list_calData li span.img img{width:100%;height:100%;border-radius: 10px;}
.box_calendar .list_calData li .color1{color: #de5016;}
.box_calendar .list_calData li .color2{color: #f2a109;}
.box_calendar .list_calData li .color3{color: #eb4985;}
.box_calendar .list_calData li > a > strong{display: block;padding:2px 0 3px;font-weight:400; color: #000; font-size: 16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.box_calendar .list_calData li.nonData{height:59px;font-size:16px;color:#000;text-align: center;padding-top:35px;}

.box_calendar.spring .calendar table td.on button{background-color: #89a84f;}
.box_calendar.spring .list_calData li em{color:#89a84f;}
.box_calendar.summer .calendar table td.on button{background-color: #7bafd4;}
.box_calendar.summer .list_calData li em{color:#7bafd4;}
.box_calendar.autumn .calendar table td.on button{background-color: #dc4405;}
.box_calendar.autumn .list_calData li em{color:#dc4405;}
.box_calendar.winter .calendar table td.on button{background-color: #aea8a5;}
.box_calendar.winter .list_calData li em{color:#727475;}

.box_thumList{margin-top: 20px;}
.box_thumList .title{padding-bottom: 10px;}
.box_thumList .title h2{color: #000; font-size: 20px;}
.box_thumList li{float: right; border: 1px solid #e1e1e1;}
.box_thumList li:first-child{float: left;}
.box_thumList li a{display: block;}
.box_thumList li a > span, .box_thumList li a > strong{display: block; padding-right: 10px; padding-left: 10px;}
.box_thumList li a > span{padding-top: 10px; color: #0a97cd;}
.box_thumList li a > strong{padding-top: 1px; padding-bottom: 10px; color: #000; font-size: 18px;}

.box_travel{height: 578px; padding: 0 20px; border: 1px solid #e1e1e1;}
.box_travel .title{position: relative; padding: 20px 0;}
.box_travel .title h2{color: #000; font-size: 20px;}
.box_travel .title .btn_more{position: absolute; top: 20px; right: 0px;}

.box_travel .bn_story li{padding: 30px 0; border-bottom: 1px solid #e5e4e4;}
.box_travel .bn_story li:first-child{padding: 5px 0 30px 0;}
.box_travel .bn_story li > strong{display: block; padding-bottom: 5px;}
.box_travel .bn_story li .color1{color: #0a97cd;}
.box_travel .bn_story li .color2{color: #f2a109;}
.box_travel .bn_story li > p{display: block; color: #000; font-size: 18px; font-weight:800;}
.box_travel .bn_story li > span{display: block; padding-top: 10px; color: #767676;}
.box_travel .tip{width: 100%; padding: 30px 0 20px 0;}
.box_travel .tip h3{padding-bottom: 15px; color: #a57559; font-size: 18px; text-align: center;}
.box_travel .tip ul{width: 100%;}
.box_travel .tip li{float: left; width: 33.33%;}
.box_travel .tip li a{display: block; width: 70px; margin: 0 auto; padding-top: 75px; background:url(../images/main/ico_tip_pc.gif) 0 0 no-repeat; background-size: 250px 70px; text-align: center;}
.box_travel .tip li .btn_tip1{background-position: 0 0;}
.box_travel .tip li .btn_tip2{background-position: -90px 0;}
.box_travel .tip li .btn_tip3{background-position: -180px 0;}

.box_well25{width: 100%; margin-top: 20px;}
.box_well25 .title{padding-bottom: 10px;}
.box_well25 .title h2{color: #000; font-size: 20px;}
.box_well25 .list_btn{width: 100%;}
.box_well25 .list_btn ul{width: 100%; margin-bottom: 27px; border: 1px solid #cccdcd;}
.box_well25 .list_btn ul li{float: left; width: 50%; box-sizing: border-box; text-align: center; background: #f9f9f9;}
.box_well25 .list_btn ul li:nth-of-type(1){border-right: 1px solid #cccdcd; border-bottom: 1px solid #cccdcd;}
.box_well25 .list_btn ul li:nth-of-type(2){border-bottom: 1px solid #cccdcd;}
.box_well25 .list_btn ul li:nth-of-type(3){border-right: 1px solid #cccdcd;}
.box_well25 .list_btn ul li a{display: block; padding: 10px 0; color: #666; font-size: 15px;}
.box_well25 .list_btn .btn_guideDown{clear: both; width: 100%; box-sizing: border-box; display: block; padding: 20px 20px; border: 1px solid #cccdcd; background:url(../images/main/ico_download.png) 90% 50% no-repeat;}
.box_well25 .list_btn .btn_guideDown > strong{display: block; color: #000; font-size: 18px;}
.box_well25 .list_btn .btn_guideDown > span{display: block; padding-top: 5px;}

.btmDepartment{overflow:hidden;padding:40px 0 0;}
.list_bnRight{float:left;width:640px;}
.list_bnRight li{float: left; width:148px; height:68px; margin:0 10px 10px 0;}
.list_bnRight li.bg{margin:0;position:relative;}
.list_bnRight li.bg img.w_img{position:absolute;left:0;top:-3px;width:148px;height:89px;}
.list_bnRight li a{display: block; overflow:hidden;background: #f7f7f7; text-align: center;}
.list_bnRight li a:focus{border:1px solid #abc7fd;}
.list_bnRight li img.w_img{display:block;height:68px;}
.list_bnRight li img.m_img{display:none;}
.list_bnRight li .non{display: block; width: 100%; height: 68px; background: #f7f7f7; text-align: center;}
.list_bnRight.bnMarg{margin-top: 24px;}
.btmDepartment .rArea{overflow:hidden;}
.btmDepartment .banner{float:left;width:640px;}
.btmDepartment .sel_area{float:left;width:300px;}
.btmDepartment .sel_area .sel_member{margin:0;}
.btmDepartment .banner > div{float:left;margin-right:20px;}
.btmDepartment .banner a{position:relative;float:left;width:138px;height:108px;border:1px solid #e6e6e6;border-radius: 10px;}
.btmDepartment .banner a span{display:block;padding:16px 0 0 0;font-size:16px;color:#000;line-height: 19px;text-align: center;}
.btmDepartment .banner a span:before{content:'';display:block;width:100%;height:42px;margin-bottom:10px;background:url(../images/main/ico_btm_banner.gif) 50% 0 no-repeat;}
.btmDepartment .banner .icon2 span:before{background-position: 50% -42px;}
.btmDepartment .banner .icon3 span:before{background-position: 50% -84px;}
.btmDepartment .banner .icon4 span:before{background-position: 50% -126px;}
.btmDepartment .sel_area .row{padding-right: 70px;}
.btmDepartment .sel_area .row + .row{margin-top:10px;}
.btmDepartment .sel_member select{height:48px;}

.btn_mobileList{display: none;}
.btn_mGuideDown{display: none;}

.top_cont{width:100%;padding-top:0;}
/* .top_cont .top_leftCont{float: left; width: 455px;} */

.list_board{width:100%;}
.list_board li{border-bottom:1px solid #e6e6e6;}
.list_board li:first-child:not(.non){border-top:0;background:#f0f4f7;}
.list_board li:first-child:not(.non) a{margin:0 15px;width:auto;}
.list_board li a{overflow:hidden;display:block;width:100%;font-weight:bold;color: #333;font-size:16px;text-overflow: ellipsis;white-space:nowrap;line-height:49px;}
.list_board li:hover a{text-decoration: underline;}
.list_board li a em{padding-right: 5px;font-weight:bold;}
.list_board li a .noti{color: #fff;background:#333;height:24px;line-height:24px;border-radius: 50px;padding:0 10px;display:inline-block;font-weight: 400;font-size:14px;margin-right:8px;}
.list_board li a .txt_r{color: #e60a00;}
.list_board li a .txt_b{color: #3278c8;}

/* 배너영역 추가 20190830 */
.guidebookBanner{overflow:hidden;margin:20px 0 0 0;}
.guidebookBanner a{float:left;}
.guidebookBanner a:first-child{margin-right:10px;}
.guidebookBanner.mo{display:none;}

/* 태그 리스트 */
.area_tag{position: relative; width: 100%;margin-top:-7px;}
.area_tag li{float:left;margin-right:30px;line-height:33px;}
.area_tag li:last-child{margin-right:0;}
.area_tag li a{font-size:16px;}
.area_tag .btn_more{display:none;}

/* 홍보 배너 */
.banner_pcTop{display:block;float: right;position:relative;width: 465px;margin-top:-6px;}
.banner_pcTop:after{content:'';display:block;clear:both;}
.banner_pcTop ul li ul{padding: 0 0 2px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.banner_pcTop ul li ul li{margin-top: 4px; padding: 0 0 0 2px;}
.banner_pcTop ul li ul li:nth-child(2n){float: right; margin-right: 2px;}
.banner_pcTop ul li ul li.ml0{margin-left: 0;}
.banner_pcTop ul li ul img{width:229px;height:240px;}
.banner_pcTop ul li ul a{display:block;border-radius: 10px;position: relative;}
.banner_pcTop ul li ul a:focus{outline:none;}
.banner_pcTop ul li ul a:focus::after{content: ''; display: block; border: 3px solid red; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 10px; box-sizing: border-box;}
.banner_pcTop .swiper-pagination{display: inline-block; position: relative;font-size:0; text-align: center;}
.banner_pcTop .swiper-pagination button.swiper-pagination-bullet:first-child{margin-left:0;}
.banner_pcTop .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;margin-left:10px; box-sizing:border-box;border:1px solid #333;background:#fff; opacity: 1;}
.banner_pcTop .swiper-pagination button.swiper-pagination-bullet-active{background: #333;}
.banner_pcTop .btn_autoArea{display: inline-block;vertical-align:top;}
.banner_pcTop .btn_autoArea button{margin-right:10px;vertical-align:top;}
.banner_pcTop .btn_autoArea .btn_autoPlay{overflow: hidden; display: none; width:8px; height:10px;background:url(../images/main/btn_mk_play.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
.banner_pcTop .btn_autoArea .btn_autoStop{overflow: hidden; display: inline-block; width:8px; height:10px;background:url(../images/main/btn_mk_stop.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
.banner_pcTop .paging{position: absolute; bottom:-27px; left: 0; z-index: 100; width: 100%;font-size:0; text-align: center;}
.banner_pcTop.active .btn_autoArea .btn_autoPlay{display:inline-block;}
.banner_pcTop.active .btn_autoArea .btn_autoStop{display:none;}
.banner_mobileTop{display: none;}

.list_bnRight + .sel_member{margin-top:13px;}
.sel_member{width: 100%; margin-top:5px; background:#fff url(../images/main/ico_select2.png) 97% 50%/15px 8px no-repeat; border: 1px solid #e6e6e6;}
.sel_member select{display: block; width: 100%; height: 38px; padding: 3px 0 3px 15px; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing: border-box;}
.sel_member select::-ms-expand{display:none;/* 화살표 없애기 for IE10, 11*/}
.sel_member select:focus{border:1px solid #abc7fd;}
/* 삭제 예정 */
.sel_area .row{position:relative;padding-right:64px;}
.sel_area .row .link_view{position:absolute;right:0;top:0;width:60px;background-color:#333;color:#fff;font-size:14px;line-height:50px;text-align:center;}
/* //삭제 예정 */

/* 여행색션 바로가 배너 - 모바일만 적용 */
.banner_area_m{display:none;}

/* 관광가이드북 다운로드 */
.btn_tg_down{display:block;position:relative;margin-top:20px;padding:11px 20px;border:1px solid #ff8a00;background-color:#fff;font-weight:800;font-size:16px;}
.btn_tg_down:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;width:20px;height:24px;margin-top:-12px;background:url(../images/main/ico_tg_down.png) no-repeat 0 0/20px 24px;}
.btn_tg_down span{display:block;margin-top:3px;font-weight:400;color:#666;font-size:13px;}


/* 여행주간 _190410 */
.event_travel_area{background:#f4fcf9 url(../../resources/images/temp/bg_travel_p.png) no-repeat 50% 50%;}
.event_travel_area .type_p{display:block;}
.event_travel_area .type_m{display:none;}
.event_travel_area .title{display:block;padding-bottom:30px;}
.event_travel_area .title .type_m{width:100%;}
.event_travel_area .et_inner{width:940px;margin:0 auto;padding:45px 0 60px;}
.event_travel_area .et_inner:after{content:'';display:block;clear:both;}
/* 여행주간 > video */
.event_travel_area .travel_video_wrap{float:left;}
.event_travel_area .youtube_area{position:relative;width:480px;}
.event_travel_area .youtube_area .img_dummy{width:100%;}
.event_travel_area .youtube_area .youtube_box{position:absolute;left:0;top:0;right:0;bottom:0;}
.event_travel_area .youtube_area .youtube_box #ytplayer{height:100%;}
/* 여행주간 > 여행주간에 떠나보세요 */
.event_travel_area .travel_leave_wrap{float:right;width:420px;margin-top:-58px;}
.event_travel_area .travel_leave_wrap .tit img{margin:0 auto;}
.event_travel_area .type_p .travel_leave_list{margin-top:15px;}
.event_travel_area .type_p .travel_leave_list:after{content:'';display:block;clear:both;}
.event_travel_area .type_p .travel_leave_list li{float:left;margin:10px 0 0 10px;}
.event_travel_area .type_p .travel_leave_list li:nth-child(2n+1){margin-left:0;}

/* 여행주간 > 여행주간 이벤트 */
.event_travel_area .travel_event_wrap{float:left;width:480px;padding-top:36px;}
.event_travel_area .travel_event_wrap .tit img{margin:0 auto;}
.event_travel_area .travel_event_banner{padding-top:20px;}
.event_travel_area .travel_event_banner .type_p{position:relative;}
.event_travel_area .travel_event_banner > div:after{content:'';display:block;clear:both;}
.event_travel_area .travel_event_banner a{float:left;margin-left:10px;}
.event_travel_area .travel_event_banner a:first-child{margin-left:0;}

.event_travel_area .travel_event_banner .swiper-button-prev{overflow: hidden; left:0; width: 24px; height: 48px;margin-top:-24px;background:url(../../resources/images/temp/prevnext.png) no-repeat 0 0; text-indent: -9999px;}
.event_travel_area .travel_event_banner .swiper-button-next{overflow: hidden; right:0; width: 24px; height: 48px;margin-top:-24px;background:url(../../resources/images/temp/prevnext.png) no-repeat -26px 0; text-indent: -9999px;}

.event_travel_area .travel_event_banner .type_p .btn_autoArea{display: inline-block;margin-right:10px;vertical-align:top;}
.event_travel_area .travel_event_banner .type_p button{vertical-align:top;}
.event_travel_area .travel_event_banner .type_p .paging{position: absolute; bottom:-27px; left: 0; z-index: 99; width: 100%;font-size:0; text-align: center;}/* 0425 zindex수정 */
.event_travel_area .travel_event_banner .type_p .btn_autoArea .btn_autoPlay{overflow: hidden; display: none; width:8px; height:10px;background:url(../../resources/images/main/btn_mk_play.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
.event_travel_area .travel_event_banner .type_p .btn_autoArea .btn_autoStop{overflow: hidden; display: inline-block; width:8px; height:10px;background:url(../../resources/images/main/btn_mk_stop.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
.event_travel_area .travel_event_banner .type_p.active .btn_autoArea .btn_autoPlay{display:inline-block;}
.event_travel_area .travel_event_banner .type_p.active .btn_autoArea .btn_autoStop{display:none;}

.event_travel_area .travel_event_banner .type_p .swiper-pagination{display: inline-block; position: relative;font-size:0; text-align: center;}
.event_travel_area .travel_event_banner .type_p .swiper-pagination button.swiper-pagination-bullet:first-child{margin-left:0;}
.event_travel_area .travel_event_banner .type_p .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;margin-left:10px; box-sizing:border-box;background: #c1c1c1; opacity: 1;}
.event_travel_area .travel_event_banner .type_p .swiper-pagination button.swiper-pagination-bullet-active{background: #333;}

/* 0422로고스타일 추가 */
#gnbMain .menu_top h1 .rolling_img{position: absolute;left:0;top:15px;display:block;width: 256px; height: 32px;overflow:hidden;}
#gnbMain .menu_top h1 .rolling_img span{width: 231px;display:inline-block;position: absolute; left:20px; top:0; width: 100%; height: 100%;}
#gnbMain .menu_top h1 .rolling_img img{vertical-align:top;}

/* 특집관 */
.specialEdition{position:relative;margin:80px 0 0;/*padding:61px 0 0;height:635px;background:url(../../resources/images/main/bg_special_edition.jpg) no-repeat center top;*/}
.specialEdition .mc_inner{padding: 0 20px 0 !important;}
.specialEdition .type_m{display:none;}
.specialEdition .title{display:none !important;width:940px;margin:50px auto 0;}
.specialEdition .imgbannerArea,
.specialEdition .videoArea{float:left;width:485px;height: 248px;}
.specialEdition .imgbannerArea a{display: block;overflow: hidden;}
.specialEdition .imgbannerArea a img{border-radius: 10px;}
.specialEdition .top_cont .article .tit_atc{font-weight:800 !important;font-size:22px !important;letter-spacing:-0.02em;margin-bottom: 8px !important;}
#contents.main_contents .specialEdition .article.bd0 .tit_atc.mo{display:none;}
.specialEdition .article{width:455px;float: left;}

/* 더보기 */
.contMove{display:none;}

/* 코로나바이러스 팝업 */


#main_popup01.active:after{content:'';position:fixed;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#main_popup01 .layerpop{width:1040px;padding:0;left:50%;margin-left:-520px;top:0;background:none;}
#main_popup01 .layerpop .pop01{float:left;width:500px;}
#main_popup01 .layerpop .pop02{float:right;width:500px;}
#main_popup01 .layerpop img{width:100%;}
#main_popup01 .layerpop .box_cont{padding:0;}
#main_popup01 .viewNone{position:relative;padding:0 0 0 15px;line-height:38px;background:#efefef;color:#545454;font-size:11px;}
#main_popup01 .viewNone button{position:absolute;right:15px;top:12px;font-size:13px;padding:0 15px;line-height:20px;width: 58px;background: #333;color: #fff;}
#main_popup01 .layerpop label{margin-left:8px;vertical-align: 2px;font-size:14px;line-height: 42px;}
#main_popup01 .layerpop .btn_close3{padding:0;overflow: hidden;position: absolute;top: -18px;right: -11px;width: 43px;height: 43px;z-index: 10;background: url(../images/sub/btn_close_kq.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
#main_popup01.wrap_layerpop {visibility: hidden;display: inline-block;opacity: 0;height: 0;text-indent: -9999px;}
#main_popup01.wrap_layerpop.active {height: 100%;text-indent: 0;opacity: 1;visibility: inherit;}
#main_popup01 .layerpop .mo{display:none;}

/* 메인 모바일 개선 */
.main_contents .article.zoneTit .moTit{display:none;}

/* 메인 띠배너 */
.bannerLayer{position:relative;display:none;}
.bannerLayer.on{background:#feebd5;}
.bannerLayer.on p{width:940px;margin:0 auto;}
.bannerLayer.on .mo{display:none;}
.bannerLayer.on img{width:100%;}
.bannerLayer.on .web{display:block;}
.bannerLayer.on{display:block;text-align:center;}
.bannerLayer.on a.close{display:inline-block;width:35px;height:35px;text-indent:-9999px;font-size:0;line-height:0;position:absolute;right:14px;bottom:29px;background:url('../images/main/btn_popclose02_1.png') 50% 50% / 23px auto no-repeat;z-index:10; }
.bannerLayer.on + .main_header #gnbMain{top:160px;}
.bannerLayer.on + .main_header #gnbMain.scroll{top:60px;}

/* 메인 띠배너 롤링 */
.bannerLayer{position:relative;height:90px;}
.bannerLayer .swiper-container{height:90px !important;}
.bannerLayer .swiper-container .bg{background: url(../images/main/bg_main_banner.gif) 50% 0 no-repeat;}
.bannerLayer .swiper-container .bg a.close{width:33px;height:33px;background:url('../images/main/btn_popclose03.png') 50% 50% / 33px auto no-repeat;}
.bannerLayer .swiper-slide.swiper-slide-active{display:block;opacity:1;}
.bannerLayer .swiper-slide a{display:block;width:940px;margin:0 auto;height:100%;}
.bannerLayer .swiper-slide img{width: 100%;}
.bannerLayer .paging{position:absolute;top:13px;right:103px;z-index:5;width:19px;text-align:center;}
.bannerLayer .swiper-button-next{overflow:hidden;top:50%;right:80px;width:19px;height:19px;margin-top:-10px; background:url(../images/main/btn_mbanner_next.png) 50% 50% no-repeat;text-indent: -9999px;}
.bannerLayer .swiper-button-prev{overflow:hidden;top:50%;right:130px;left:auto;width:19px;height:19px;margin-top:-10px; background:url(../images/main/btn_mbanner_prev.png) 50% 50% no-repeat;text-indent: -9999px;}
.bannerLayer .paging .btn_autoPlay{overflow: hidden; display: none; width:19px; height:19px;margin-top:22px; background:url(../images/main/btn_mbanner_play.png) 50% 50% no-repeat;vertical-align:top;text-indent: -9999px;}
.bannerLayer .paging .btn_autoStop{overflow: hidden; display: inline-block; width:19px; height:19px;margin-top:22px; background:url(../images/main/btn_mbanner_stop.png) 4px 50% no-repeat;vertical-align:top;text-indent: -9999px;}
.bannerLayer.active .paging .btn_autoPlay{display:inline-block;}
.bannerLayer.active .paging .btn_autoStop{display:none;}

/* 메인 테마관 bg */
.mainThemaBg{height:983px;margin-bottom:29px;background:#eef5fb url(../images/main/bg_main_thema.jpg) 50% 100% no-repeat;}

/* 언택트 테마 */
.unattact_theme{position:relative;height:597px;width:940px;padding:35px 40px 0;margin:40px auto 45px;background: url(../images/main/bg_main_thema01.gif) no-repeat;}
.unattact_theme .left{float:left;width:436px;}
.unattact_theme .left em{display:block;font-size:20px;letter-spacing:-0.02em;}
.unattact_theme .left strong{display:block;}
.unattact_theme .btn{position:absolute;left:65px;bottom:230px;width:277px;}
.unattact_theme .btn a{display:inline-block;width:277px;height:67px;background: url(../images/main/btn_unattact.png) no-repeat;font-size:0;text-indent: -9999px;}
.unattact_theme .right{float:right;width:424px;padding-bottom: 28px;}
.unattact_theme .right .img_banner{height:240px;margin:0 0 17px;}
.unattact_theme .right .img_banner a{display:block;overflow:hidden;}
.unattact_theme .mo{display:none;}
.unattact_theme .right .btn{display:none;}
.unattact_theme .right .comment ul li{position:relative;padding:0 15px 0 22px;height:42px;margin-bottom:7px;line-height:42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:#fff;border-radius: 5px;font-size:18px;letter-spacing:-0.02em;box-shadow: 2px 2px 2.88px 0.12px rgba(0, 0, 0, 0.15);}
.unattact_theme .right .comment ul li p{display:block;overflow: hidden;}
.unattact_theme .right .comment ul li p a{display:block;color:#111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_min_banner{position:relative;clear:both;margin-left:-12px;}
.main_min_banner a{float:left;overflow:hidden;margin-left:12px;}
.main_min_banner .swiper-container{position: static;}
.main_min_banner .swiper-button-next, .main_min_banner .swiper-button-prev{width:20px;height:30px;margin-top: -15px;font-size:0;text-indent: -9999px;}
.main_min_banner .swiper-button-next{right: -30px;background: url(../images/main/btn_banner_next01.png) 0 0 / 100% 100% no-repeat;}
.main_min_banner .swiper-button-prev{left: -18px;background: url(../images/main/btn_banner_prev01.png) 0 0 / 100% 100% no-repeat;}

/* 부서 서비스 배너 */
.department_cont .service_banner{padding:30px 0 21px;}
.department_cont .service_banner .swiper-pagination{bottom: -13px;}
.service_banner{width:940px;padding:0 0 0px;position:relative;margin:0 auto;}
.service_banner h2{padding:0 0 15px 0;font-weight: 800;color:#000;font-size: 22px;letter-spacing:-0.02em;}
.service_banner ul li .wrap{float:left;width:50%;}
.service_banner ul li .wrap a{margin-left:20px;}
.service_banner ul li a{display:block;border:1px solid #e6e6e6;border-radius: 10px;}
.service_banner ul li .img{display:block;height:232px;}
.service_banner ul li .img img{width:100%;height:100%;border-radius: 10px 10px 0 0;}
.service_banner ul li .text{height:70px;position: relative;}
.service_banner ul li .text strong{display:block;padding:0 19px 0;line-height:70px;font-weight:700;font-size:16px;letter-spacing:-0.02em;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.service_banner ul li .text span{display:inline-block;position:absolute;right:20px;top:20px;font-size:13px;color:#fff;border-radius: 100%;width:30px;height:30px;line-height:26px;text-align:center;background:#bfbfbf;}
.service_banner .swiper-container{position: static;margin-left: -20px;}
.service_banner .swiper-pagination{bottom: 33px;}
.service_banner .swiper-pagination-bullet{opacity: 1;background:#fff;border:1px solid #333;}
.service_banner .swiper-pagination-bullet-active{background:#333;}
.service_banner .swiper-button-next, .service_banner .swiper-button-prev{top: 147px;width: 30px;height: 30px;margin: 0;border: 1px solid #d2d2d2;border-radius: 5px;background: #fff;}
.service_banner .swiper-button-next{right:-14px;}
.service_banner .swiper-button-prev{left:-14px;}
.service_banner .swiper-button-next:after{content: '';position: absolute;left: 10px;top: 7px;display: inline-block;width: 8px;height: 14px;background: url(../images/sub/btn_curation_next.png) 50% 50% no-repeat;}
.service_banner .swiper-button-prev:after {content: '';position: absolute;left: 8px;top: 7px;display: inline-block;width: 8px;height: 14px;background: url(../images/sub/btn_curation_prev.png) 50% 50% no-repeat;}
.service_banner .swiper-button-disabled:after {opacity: .3;}
.service_banner .swiper-button-disabled{opacity: 1;}

/* 메인 ui 개선 */
.mo_main_taglist{display:none;}

/* 아코디언식 특집관 */
.accordion_box{margin:0 auto 45px;height:597px;max-width:1920px;background: url(../images/main/bg_accordion_box.gif) 50% 0 no-repeat;text-align: center;}
.accordion_box strong.tit{display:block;margin:0 0 25px;}
.accordion_box .mo{display:none;}
.accordion_box .inner{width:940px;margin:0 auto;}
.accordion_box div.pc{height:405px;position: relative;}
.accordion_box div.pc ul{position: relative;overflow: hidden;width: 100%;box-shadow: 3px 4px 10px 0px rgba(158, 115, 85, 0.34);}
.accordion_box div.pc ul li {position: relative;overflow: hidden;float: left;width: 80px;height: 405px;}
.accordion_box div.pc ul li.active {width:700px;}
.accordion_box div.pc ul li:after {content:''; display:block; position:absolute; left:0; top:0; width:80px; height:405px; background:url(../images/main/stit_accordion_box.gif) 0 0 no-repeat; opacity:1; transition:all .4s; cursor:pointer;}
.accordion_box div.pc ul li.bnr2:after {background-position-x:-80px;}
.accordion_box div.pc ul li.bnr3:after {background-position-x:-160px;}
.accordion_box div.pc ul li.bnr4:after {background-position-x:-240px;}
.accordion_box div.pc ul li.hover:after {opacity:0;}

/* 큐레이션 */
.main_curation_area{position: relative;}
.main_curation_area.dim:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index: 100;background:rgba(0,0,0, 0.7)}
.main_curation_area .loading{display:none;}
.main_curation_area.dim .loading{display:block;position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;z-index: 200;}
.main_curation_area h2{width:940px;margin:0 auto 16px;}
.main_curation_area h2 a{text-indent: -9999px;display:block;height:33px;background:url(../images/main/tit_curation_area.png) no-repeat;}
.main_curation_area .cont_wrap{width:940px;margin:0 auto;}


.main_curation_area .tab{position: relative;display:flex;text-align: center;background:#567ff2;border-radius: 5px;box-shadow: 8px 7px 29px 0px rgba(69, 111, 228, 0.25);}
.main_curation_area .tab li{flex-grow: 1;width:33.3%;}
.main_curation_area .tab li a{display:block;height:50px;text-indent: -9999px;position: relative;}
.main_curation_area .tab li.on a:after{content:'';display:inline-block;position:absolute;left:50%;transform: translateX(-50%);bottom:-8px;width:15px;height:8px;background:url(../images/main/menu_curation_arw.png) no-repeat;}
.main_curation_area .tab li:first-child a:before{display:none;}
.main_curation_area .tab li a:before{content:'';display:inline-block;width:1px;height:16px;background:#a3b9f5;position:absolute;left:0;top:17px;}
.main_curation_area .tab li.on a{background-position:50% 0 !important;}
.main_curation_area .tab li.menu1 a{background:url(../images/main/menu_curation_area1.png) 50% -50px no-repeat;}
.main_curation_area .tab li.menu2 a{background:url(../images/main/menu_curation_area2.png) 50% -50px no-repeat;}
.main_curation_area .tab li.menu3 a{background:url(../images/main/menu_curation_area3.png) 50% -50px no-repeat;}


.main_curation_area .tab_cont{padding:25px 0 0;display:none;color:#333;}
.main_curation_area .tab_cont.active{display:block;}
.main_curation_area .tab_cont > p{padding:0 0 25px;font-size:17px;line-height:22px;letter-spacing:-0.02em;text-align: center;}
.main_curation_area .tab_cont > p strong{font-weight: 800;}
.main_curation_area .tab_cont > p:before{content:'';display:inline-block;width:30px;height:22px;vertical-align: -4px;background:url(../images/main/icon_curation_txt.png) no-repeat;}
.main_curation_area .tab_cont ul{display:flex;}
.main_curation_area .tab_cont ul li .img_wrap{background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;transition: all .7s;}

.main_curation_area .tab_cont ul li .img_scale{overflow: hidden;}
.main_curation_area .tab_cont ul li a:hover .img_wrap{transform: scale(1.2);}

.main_curation_area .tab_cont ul li a {position: relative;display: block;}
.main_curation_area .tab_cont ul li a:focus{outline: 3px solid red;}
.main_curation_area .tab_cont ul li em{position:absolute;left:0;top:0;color:#fff;background:#567ff2;z-index: 10;width:50px;height:45px;line-height:45px;text-align: center;border-radius: 0 0 10px 0;font-size:15px;letter-spacing:-0.02em;}
.main_curation_area .tab_cont ul li button.good{position:absolute;right:16px;top:14px;width:31px;height:31px;text-indent:-9999px;background:url(../images/main/icon_good.png) no-repeat;font-size:0;}
.main_curation_area .tab_cont ul li button.good.on{background-position:0 -31px;}
.main_curation_area .menu3 .tab_cont ul li em{background:#4094f2;}
.main_curation_area .more_view{font-size:16px;text-align: center;position: relative;}
.main_curation_area .more_view button{width:260px;height:45px;color:#333;line-height: 19px;border:1px solid #333;border-radius: 50px;position: relative;}
.main_curation_area .more_view button:focus-visible{outline-color: red;}
.main_curation_area .more_view button:before{content:'';display:inline-block;width:20px;height:17px;margin-right:4px;vertical-align: -3px;background:url(../images/main/btn_curation_refresh.png) no-repeat;}
.main_curation_area #tabMenu02 .more_view button:before{display:none;}
.main_curation_area #tabMenu02 .more_view button:after{content:'';display:inline-block;width:10px;height:16px;margin-left:8px;vertical-align: -2px;background:url(../images/main/btn_curation_01.png) no-repeat;}
.main_curation_area .more_view button strong{font-weight: 700;}
.main_curation_area .more_view a{line-height: 19px;position:absolute;right:0;top:10px;}
.main_curation_area .more_view a:after{content:'';display:inline-block;width:12px;height:12px;margin-left:8px;background:url(../images/main/btn_curation_more.png) no-repeat;}

.main_curation_area .tab_cont .hot{margin:20px 0 0 -20px;height:281px;}
.main_curation_area .tab_cont .hot li{flex-grow: 1;position: relative;width:220px;}
.main_curation_area .tab_cont .hot li a{margin-left:20px;}
.main_curation_area .tab_cont .hot li .img_scale{overflow: hidden;border-radius: 5px;}
.main_curation_area .tab_cont .hot li a:hover .img_wrap{transform: scale(1.2);}
.main_curation_area .tab_cont .hot .img_wrap{border-radius: 5px;height: 220px;transition: all .7s;overflow: hidden;}
.main_curation_area .tab_cont .hot li strong{display:block;margin:12px 0 0;color:#333;font-size:16px;font-weight: 400;letter-spacing:-0.02em;text-align:center;line-height: 19px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.main_curation_area .area_tab{height:59px;padding:11px 0 0;border-bottom:1px solid #e2e3e7;border-top:1px solid #e2e3e7;}
.main_curation_area .area_tab ul{display:flex;}
.main_curation_area .area_tab ul li{flex-grow: 1;text-align: center;}
.main_curation_area .area_tab ul li button{height:35px;border-radius: 50px;width:50px;font-size:16px;}
.main_curation_area .area_tab ul li button.all.on{background:#333;color:#fff;border:1px solid #333;}
.main_curation_area .area_tab ul li button.on, .main_curation_area .area_tab ul li button:hover{color:#3f6cea;border:1px solid #3f6cea;}
.main_curation_area .area_tab ul li button:focus-visible{outline:2px solid red}

.main_curation_area .abc{margin-left:-20px;height:360px;}
.main_curation_area .abc li {margin-left:20px;}
.main_curation_area .abc li a{width:300px;overflow: hidden;background:#fff;height:330px;box-shadow: 4px 7px 15px 0px rgba(51, 51, 51, 0.08);border-radius: 5px;}
.main_curation_area .abc li .img_wrap{height:214px;}
.main_curation_area .tab_cont .abc li em{height:30px;width:70px;line-height: 30px;border-radius:0;left:30px;top:-14px;}
.main_curation_area .abc li .info{padding:31px 30px 0;font-size:14px;font-weight: 300;color:#fff;z-index: 5;text-align:left;position: relative;}
.main_curation_area .abc li .info span{display:inline-block;color: #666;height:18px;line-height:16px;font-size:14px;font-weight: 300;}
.main_curation_area .abc li .info span + span:before{content:'';display:inline-block;width:1px;height:12px;margin:0 8px;vertical-align: -1px;background:#bfbfbf;}
.main_curation_area .abc li .info span.area{display:block;}
.main_curation_area .abc li .info span.area + span:before{display:none;}
.main_curation_area .abc li strong{position:relative;display:block;margin:0 0 6px;height:21px;padding-right:25px;color:#333;font-size:18px;line-height:21px;letter-spacing:-0.02em;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main_curation_area .abc li .info .profile{position:absolute;right:20px;top:34px;display:inline-block;width:35px;height:35px;border-radius: 100%;overflow: hidden;}
.main_curation_area .abc li .info .profile img{object-fit: cover;width:100%;height:100%;}
.main_curation_area .abc li .best{position:absolute;left:15px;top:15px;display:inline-block;width:42px;height:42px;z-index: 10;background:url(../images/main/icon_curation_best.png);text-indent: -9999px;}

/*.main_curation_area .abc li strong:after{content:'';display:inline-block;width:21px;height:21px;background: url(../images/main/icon_curation_tit.png) no-repeat;position:absolute;right:0;top:0;}*/
.main_curation_area .abc li .cos{width:300px;background:#f4f6f8;border-radius: 5px;height:330px;text-align: center;}
.main_curation_area .abc li .cos p{padding:156px 0 17px;font-size:18px;line-height:22px;letter-spacing:-0.02em;text-align: center;background:url(../images/main/bg_curation_cos.png) 50% 53px no-repeat;}
.main_curation_area .abc li .cos:after{display:none;}
.main_curation_area .abc li .cos a{display:inline-block;background:none;height:33px;width:118px;box-shadow:none;border:1px solid #333;border-radius: 50px;line-height:31px;}
.main_curation_area .abc li .cos.type1{width:620px;}

.main_curation_area .abc li a.more{background:#e9ecf3;}
.main_curation_area .abc li a.more:after{display:none;}
.main_curation_area .abc li a.more span{display:block;line-height: 19px;font-size:16px;text-align: center;margin-top:110px;}
.main_curation_area .abc li a.more span:after {content: '';display: inline-block;width: 9px;height: 14px;margin-left: 6px;vertical-align: -1px;background: url(../images/main/btn_curation_more.png) no-repeat;}

.main_curation_area .cos_none{display:flex;flex-wrap: wrap;align-content: center;padding-left:520px;margin:0 0 30px;background:#f4f6f8 url(../images/main/bg_curation_cos1.png) 202px 86px no-repeat;height:330px;border-radius: 5px;}
.main_curation_area .cos_none > strong{display:block;font-size:20px;letter-spacing:-0.02em;line-height:23px;color:#333;font-weight: 700;}
.main_curation_area .cos_none p{width:100%;padding:9px 0 19px;font-size:16px;letter-spacing:-0.02em;line-height:20px;color:#666;}
.main_curation_area .cos_none a{display:inline-block;height:33px;line-height:31px;width:165px;font-size:15px;font-weight: 300;letter-spacing:-0.02em;border-radius: 50px;text-align: center;border:1px solid #333;}
.main_curation_area .cos_none a strong{font-weight: 700;}
.main_curation_area .cos_none a:after{content:'';display:inline-block;width:9px;height:14px;background: url(../images/main/btn_curation_arw.png) no-repeat;margin-left:5px;vertical-align: -2px;}
.main_curation_area .coming_soon{margin-left:20px;background:#fff url(../images/main/img_coming_soon.gif) 50% 0 no-repeat;height:235px;box-shadow: 5px 8px 32px 0px rgba(64, 148, 242, 0.1);border-radius: 20px;text-align: center;text-indent: -9999px;}
.main_curation_area .ai_out{display: flex;flex-wrap: wrap;align-content: center;padding-left: 330px;margin:0 0 75px;height:330px;background:#f4f6f8 url(../images/main/ai_img_robot.png) 190px 50% no-repeat;border-radius: 5px;}
.main_curation_area .ai_out strong{width:100%;font-weight: 700;font-size:20px;letter-spacing:-0.02em;line-height: 23px;color:#333;}
.main_curation_area .ai_out p{width:100%;padding:6px 0 17px;font-size:16px;line-height: 20px;letter-spacing:-0.02em;color:#666;}
.main_curation_area .ai_out a{display:inline-block;width:118px;height:33px;line-height: 31px;color:#333;border:1px solid #333;border-radius: 50px;font-size:15px;letter-spacing:-0.02em;text-align: center;}
.main_curation_area .ai_out a:after{content:'';display:inline-block;width:18px;height:18px;margin-left:6px;background: url(../images/main/icon_ai_btn.png) no-repeat;vertical-align: -3px;}
.main_curation_area .ai_out a.login{width:105px;}
.main_curation_area .ai_out a.login:after{display:none;}
.main_curation_area .exhaust{height:405px;}
.main_curation_area .exhaust strong{font-weight: 700;font-size: 20px;letter-spacing:-0.02em;line-height: 23px;color: #333;}
.main_curation_area .exhaust p{padding:12px 0 0;font-size: 16px;line-height: 19px;letter-spacing:-0.02em;color: #666;}
.main_curation_area .exhaust ul{margin-left:-20px;}
.main_curation_area .exhaust ul li{width:220px;margin-left: 20px;}
.main_curation_area .exhaust ul li a{height:190px;border-radius: 5px;overflow: hidden;position: relative;}
.main_curation_area .exhaust ul li a:after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 35%;background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.8));}
.main_curation_area .exhaust ul li a .img_wrap{height:100%;}
.main_curation_area .exhaust ul li strong{position:absolute;left: 10px;right: 10px;height: auto;font-size:18px;line-height: 21px;font-weight:400;color:#fff;bottom:21px;border-radius:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;z-index: 5;}
.main_curation_area .exhaust .txt_box{height:140px;padding:39px 0 0 335px;background:#fff url(../images/main/img_curation_robot.png) 240px 50% no-repeat;}


.main_curation_area .ai_list ul{display:flex;margin:0 0 30px -20px;}
.main_curation_area .ai_list ul li{overflow: hidden;width:25%;height:330px;transition: 0.5s;}
.main_curation_area .ai_list ul li > div{height:100%;overflow: hidden;margin:0 0 0 20px;position: relative;}
.main_curation_area .ai_list ul li > div:after{    content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.main_curation_area .ai_list ul li.on{width: 615px;}
.main_curation_area .ai_list ul li a{height:100%;}
.main_curation_area .ai_list ul li a{position: relative;outline:none;}
.main_curation_area .ai_list ul li a:focus:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid red;box-sizing: border-box;}
.main_curation_area .ai_list {overflow: hidden;}
.main_curation_area .ai_list .img_wrap{height:100%;transition:none;}
.main_curation_area .ai_list a strong{z-index: 5;display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position:absolute;left:30px;right:30px;bottom:50px;font-weight: 400;font-size:18px;color:#fff;line-height: 21px;letter-spacing:-0.02em;}
.main_curation_area .ai_list a span{z-index: 5;display:block;position:absolute;left:30px;right:30px;bottom:28px;font-weight: 300;font-size:14px;line-height: 16px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main_curation_area .ai_list ul li a:hover .img_wrap {transform: scale(1);}


/*** 2023.03.30 고도화 ***/
/* 메인 쇼케이스 */
.main_showcase{padding:140px 0 0;position: relative;overflow: hidden;}
.main_showcase:after{content:'';display:block;width:100%;height:160px;background:#fff;left:0;bottom:0;position:absolute;}
.main_showcase .inr{width:940px;margin:0 auto;position: relative;}
.main_showcase .swiper-container.gallery-top{position:static;padding:20px 0 80px 20px;}
.main_showcase .swiper-container.gallery-top .swiper-wrapper{z-index: 10;}
.main_showcase .gallery-thumbs.swiper-container{width:370px;margin:0}
.main_showcase .gallery-top.swiper-container:after{content:'';display:inline-block;width:123px;height:126px;position:absolute;left:38px;top:-12px;z-index:10;background: url(../images/main/main_showcase_logo.png) no-repeat;animation: rotate_image 20s linear infinite;transform-origin: 50% 50%;}
.main_showcase .cont{width:940px;position: absolute;left: 50%;margin-left:-470px;top: 140px;}
.main_showcase .img_wrap{position: relative;width: 54%;padding-left:80px;float:right;margin-top:-20px;}
.main_showcase .tit_wrap{margin:90px 0 0;}
.main_showcase .tit_wrap em{display:inline-block;padding:0 15px;height:30px;line-height:31px;color:#fff;background:#000;border-radius: 15px 15px 15px 0;font-size:16px;font-weight: 300;}
.main_showcase .tit_wrap strong{display:block;margin:50px 0 23px;font-size:44px;font-weight: 700;line-height:50px;letter-spacing:-0.02em;color:#333;overflow:hidden;max-height:150px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.main_showcase .tit_wrap a{display:inline-block;font-size:15px;font-weight: 300;letter-spacing:-0.02em;color:#000;}
.main_showcase .tit_wrap a:after{content:'';display:block;height:1px;background:#908f8f;}
.main_showcase .swiper-slide a{display:inline-block;position: relative;}
.main_showcase .swiper-slide a:focus-visible{outline: none;}
.main_showcase .swiper-slide a:focus-visible:after{content:'';display:block;width:100%;height:100%;background:none;position:absolute;left:2px;top:-1px;box-sizing:border-box;outline:2px solid #000}
.main_showcase  .gallery-top .swiper-slide.swiper-slide-active{box-shadow: 11px 10px 29px 0px rgba(0, 0, 0, 0.15);}
.main_showcase .swiper-slide{width:auto;}
.main_showcase .gallery-thumbs .swiper-slide{width:100%;}
.main_showcase .swiper-slide img{max-width: 100%;border-radius: 5px;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
.main_showcase .page_box{position: absolute;left: 50%;margin-left: -470px;width: 940px;bottom: 80px;z-index: 5;}
.main_showcase .page_box .page{width:370px;height:80px;position: relative;display:flex;align-items: center;}

.main_showcase .swiper-progress-bar {position: relative;width: 150px;display: inline-block;z-index: 1;height: 2px;}
.main_showcase .swiper-progress-bar .slide_progress-bar {position: absolute;height: 2px;background: #b2b2b2;width: auto;opacity: 0;bottom: 0;left: 0;right: 0;}
.main_showcase .swiper-progress-bar .slide_progress-bar:after {position: absolute;top: 0;left: 0;background: #000;height: 100%;width: 0;content: "";}
.main_showcase .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.main_showcase .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset;width: 100%;transition-duration: 5s;}
.main_showcase .swiper-pagination{position:static;width:auto;display:inline-block;font-size:16px;color:#000;font-weight: 300;margin-left:10px;}
.main_showcase .swiper-pagination .swiper-pagination-current{font-weight: 800;}
.main_showcase .page_box .btn{position:absolute;right:0;top:33px;width:105px;text-align: center;}
.main_showcase .swiper-button-next, .main_showcase .swiper-button-prev{text-indent: -9999px;top:0;margin:0;width:17px;height:16px;background: url(../images/main/btn_showcase_arw.png) no-repeat;}
.main_showcase .swiper-button-next{background-position: 0 -16px;}

.main_showcase .btn_autoPlay{overflow: hidden;display: none;width: 15px;height: 17px;text-indent: -9999px;vertical-align: top;}
.main_showcase.active .btn_autoPlay {display: inline-block;}

.main_showcase.active .btn_autoStop {background: url(../images/main/btn_slide_play02.png) no-repeat;}
.main_showcase .btn_autoStop {overflow: hidden;display: inline-block;width: 15px;height: 17px;background: url(../images/main/btn_slidem_stop02.png) no-repeat;text-indent: -9999px;vertical-align: top;}

.special_box.dim:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index: 100;background:rgba(0,0,0, 0.7)}
.special_box .loading{display:none;}
.special_box.dim .loading{display:block;position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;z-index: 200;}
.special_box{position: relative;word-break:keep-all;color:#333;margin:0 0 60px;}
.special_box .bg{position:relative;height:415px;background-position:50% 0;background-repeat:no-repeat;}
.special_box .cont{position:relative;padding:60px 0 0;width:940px;margin:-415px auto 0;}
.special_box em{display:inline-block;position:absolute;left:0;top:0;background:#333;color:#fff;height:34px;line-height:34px;padding:0 15px;border-radius: 0 0 10px 10px;font-size:16px;font-weight: 300;}
.special_box .tit_wrap{height:132px;}
.special_box h2{display:block;font-size:36px;font-weight: 800;letter-spacing:-0.02em;line-height:43px;max-width:420px;}
.special_box h2 a{position:relative;display:inline-block;max-width: 100%;padding-right: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.special_box h2 a:after{content:'';position: absolute;right: 0;top: 7px;display:inline-block;width:27px;height:27px;margin-left:10px;background: url(../images/main/icon_special_box.png) no-repeat;}
.special_box p{max-width:420px;padding:16px 0 0;font-size:17px;line-height: 20px;letter-spacing:-0.02em;overflow:hidden;max-height:40px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.special_box .day{display:block;padding:15px 0 0;font-size:16px;font-weight: 300;line-height:18px;}
.special_box .img{position:absolute;right:0;top:0;}
.special_box .img .mo{display:none;}
.special_box .list{background:#fff;border-radius: 10px;margin:28px 0 0;}
.special_box .menu{padding:40px 40px 20px;position: relative;}
.special_box .menu.type1 .swiper-wrapper{justify-content: flex-start;}
.special_box .menu .swiper-wrapper{justify-content: center;}
.special_box .swiper-container{position:static}
.special_box .menu .swiper-slide{width:auto;}
.special_box .menu .swiper-slide a.default{cursor: default;}
.special_box .menu .swiper-slide a{display:block;padding:0 20px;border-radius: 50px;height:34px;border:1px solid #d6d6d6;line-height:36px;font-size:16px;letter-spacing:-0.02em;}
.special_box .menu a:focus-visible{outline:none;}
.special_box .menu a:focus-visible:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid red !important;box-sizing: border-box;}
.special_box .menu .swiper-slide.on a{background:#333;color:#fff;border:1px solid #333;}
.special_box .menu .swiper-button-next, .special_box .menu .swiper-button-prev{text-indent: -9999px;width:9px;height:14px;margin:0;top:51px;left:20px;background: url(../images/main/btn_slide01.png) no-repeat;}
.special_box .menu .swiper-button-next{background-position: 0 -14px;left:auto;right:20px;}
.special_box .menu .swiper-button-disabled{display:none;}
.special_box .banner{padding:0 40px;position: relative;}
.special_box .banner .swiper-slide{width:auto;}
.special_box .banner .swiper-slide a:focus-visible{outline:none;}
.special_box .banner .swiper-slide a{display:block;}
.special_box .banner .swiper-slide a:focus-visible:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid red !important;box-sizing: border-box;}
.special_box .banner .swiper-slide img{border-radius: 5px;}
.special_box .banner .swiper-button-next, .special_box .banner .swiper-button-prev{text-indent: -9999px;width:30px;height:30px;margin:0;top:136px;left:-30px;background: url(../images/main/btn_slide02.png) no-repeat;}
.special_box .banner .swiper-button-next{left:auto;right:-30px;background: url(../images/main/btn_slide03.png) no-repeat;}
.special_box .banner .swiper-button-disabled{opacity:1;background-position: 0 -30px;}
.special_box .banner .page{display:flex;justify-content: center;font-size:16px;margin:11px 0 0;}
.special_box .banner .page .swiper-pagination{position:static;width:auto;font-weight: 300;color:#000;margin:0 30px;}
.special_box .banner .page .swiper-pagination-current{font-weight: 800;}
.special_box .banner .btn_auto{display:inline-block;}
.special_box .banner .swiper-container.lock .btn_auto{display:none;}
.special_box .banner .page .btn_autoStop{width:12px;height:16px;text-indent: -9999px;vertical-align:-4px;background: url(../images/main/btn_special_autoplay.png) no-repeat;}
.special_box .banner.active .page .btn_autoStop{background-position: 0 -16px;}


.public_banner{margin:30px 0 0;}
.public_banner a{width:940px;margin:0 auto;display:flex;flex-wrap:wrap;height:160px;align-content: center;padding-left:30px;box-sizing: border-box;position: relative;}
.public_banner a img{position:absolute;right:30px;top:0;}
.public_banner span{width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:16px;line-height:19px;margin:0 0 7px;}
.public_banner strong{width:100%;font-weight: 800;font-size:22px;letter-spacing:-0.02em;line-height:25px;overflow:hidden;max-height:50px;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.public_banner .type1{height:160px;}
.public_banner a:focus-visible{outline: none;}
.public_banner a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top:0;width: 100%;height: 100%;border: 2px solid red !important;box-sizing: border-box;}
.public_banner .type1 strong, .public_banner .type1 span{max-width:510px;}
.public_banner .type1 .paging{text-align: center;margin-top: 15px;}
.public_banner .type1 .paging .btn_autoArea{display:inline-block;height:10px;margin-right:5px;}
.public_banner .type1 .swiper-pagination{position:static;display:inline-block;height:10px;}
.public_banner .type1 .swiper-pagination .swiper-pagination-bullet{margin:0 5px;vertical-align: top;width:10px;height:10px;opacity: 1;background:#fff;border:1px solid #333;}
.public_banner .type1 .swiper-pagination .swiper-pagination-bullet:focus-visible{outline-color: red;}
.public_banner .type1 .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #333;}
.public_banner .type1 .btn_autoArea .btn_autoStop:focus-visible{outline-color: red;}
.public_banner .type1 .btn_autoArea .btn_autoStop {overflow: hidden;display: inline-block;width: 8px;height: 10px;background: url(../images/main/btn_slide_stop02.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;vertical-align: top;}
.public_banner .type1.active .btn_autoArea .btn_autoStop {background: url(../images/main/btn_slide_play03.png) no-repeat;}


.public_banner .type2{height:160px;display:flex;}
.public_banner .type2 > div{height:100%;width:50%;}
.public_banner .type2 .cont{float:right;width:470px;}
.public_banner .type2 .cont{float:right;width:470px;}
.public_banner .type2 .right .cont{float:left;}
.public_banner .type2 strong, .public_banner .type2 span{padding-right: 240px;}

.component30{background:#f4f6f8;width:100vw;margin-left: calc(-50vw + 50%);margin-bottom:40px;padding:37px 0 50px;}
.component30 .inr{height:100%;width:940px;margin:0 auto;position: relative;}
.component30 .inr + .inr{margin:50px auto 0;}
.component30 h3{font-weight: 800;font-size:18px;line-height:21px;letter-spacing:-0.02em;color:#000;}
.component30 h3 a{display:block;}
.component30 .swiper-slide{width:25%;margin-top:30px;transition: all 0.5s;}
.component30 .swiper-slide a{display:block;}
.component30 .swiper-slide a:focus-visible{outline:none;}
.component30 .swiper-slide a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid red !important;box-sizing: border-box;}
.component30 .swiper-slide .good{position: absolute;right: 16px;top: 14px;width: 31px;height: 31px;text-indent: -9999px;background: url(../images/main/icon_good.png) no-repeat;}
.component30 .swiper-slide .good.on {background-position: 0 -31px;}
.component30 .swiper-slide .img img{border-radius: 5px;}
.component30 .swiper-slide:hover{margin-top:10px;}
.component30 .swiper-container{position:static;}
.component30 .swiper-slide strong{display:block;margin:12px 0 0;font-size:16px;line-height:19px;font-weight:400;color:#000;overflow:hidden;letter-spacing:-0.02em;height:38px;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-align: center;}
.component30 .swiper-progressbar{width:856px;margin-top:30px;bottom:50px;height:2px;background:#c3c5c6}
.component30 .swiper-progressbar .swiper-scrollbar-drag{background: #000;}
.component30 .swiper-pagination-fraction{position:absolute;right:0;left: auto;bottom:-8px;width:auto;font-size:16px;font-weight: 300;color:#000;text-align:right;}
.component30 .swiper-pagination-fraction span{display:inline-block;margin:0 5px;}
.component30 .swiper-pagination-fraction .swiper-pagination-current{font-weight: 800;}
.component30 .swiper-button-next, .component30 .swiper-button-prev{text-indent: -9999px;width:30px;height:30px;margin:0;top:186px;left:-50px;background: url(../images/main/btn_slide02.png) no-repeat;}
.component30 .swiper-button-next{left:auto;right:-50px;background: url(../images/main/btn_slide03.png) no-repeat;}
.component30 .swiper-button-disabled{opacity:0;background-position: 0 -30px;}

.month_topic{position: relative;}
.month_topic h3{padding:0 0 20px;font-weight: 800;font-size:22px;line-height:25px;letter-spacing:-0.02em;color:#000;}
.month_topic .swiper-container{position:static;}
.month_topic .swiper-slide{width:220px;}
.month_topic .swiper-slide a{display:block;}
.month_topic .swiper-slide span{padding:6px 10px 7px;max-width:200px;font-size:14px;line-height:16px;position:absolute;left:10px;top:10px;border-radius: 5px;background:rgba(0,0,0,.7);color:#fff;box-sizing: border-box;}
.month_topic .swiper-slide .img{height:220px;}
.month_topic .swiper-slide .img img{border-radius: 5px;object-fit: cover;width:100%;height:100%;}
.month_topic .swiper-slide strong{margin:13px 0 0;letter-spacing:-0.02em;display:block;text-overflow: ellipsis;text-align: center;white-space: nowrap;overflow: hidden;color:#000;font-weight: 400;font-size:16px;line-height:18px;}
.month_topic .swiper-slide a:focus-visible{outline:none;}
.month_topic .swiper-slide a:focus-visible:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid red !important;box-sizing: border-box;}
.month_topic .page_btn{position:absolute;right:0;top:0;padding:0 45px;line-height:16px;}
.month_topic .swiper-pagination{position:static;color:#000;font-weight: 300;font-size: 16px;letter-spacing:-0.02em;}
.month_topic .swiper-pagination-current{font-weight: 800;}
.month_topic .swiper-button-next, .month_topic .swiper-button-prev{left:0;top:1px;margin:0;text-indent: -9999px;width:15px;height:14px;background: url(../images/main/btn_monthtopic_arw.png) no-repeat;}
.month_topic .swiper-button-next{background-position: 0 -14px;left:auto;right:0;}
.month_topic .swiper-button-disabled{display:none !important;}

#contents.main_contents .mc_inner .btm_cont div:last-child.component30 {margin-bottom: -87px;padding: 37px 0 150px;}

/* 2025 고도화 */
body{overflow-x: hidden !important;}
#contents.main_cont_wrap{padding:0;width:100%;margin:90px auto 0;}
.main_cont_wrap .inr{width:128rem;margin:0 auto;}
.main_showcase_area{min-width:128rem;margin: 16.2rem auto 0;}
.main_showcase_area .swiper{margin:0 auto;}
.main_showcase_area .bg{position: relative;height:50rem;top:-43.4rem;}
.main_showcase_area .swiper-slide{width:94rem;border-radius: 1.2rem;overflow: hidden;}
.main_showcase_area .swiper-slide a{display:block;position:absolute;left:4.8rem;bottom:4.8rem;right:26.2rem;z-index: 5;}
.main_showcase_area .swiper-slide-active:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.32%, rgba(0, 0, 0, 0.00735012) 26.35%, rgba(0, 0, 0, 0.0301835) 32.38%, rgba(0, 0, 0, 0.0694109) 38.41%, rgba(0, 0, 0, 0.1253) 44.44%, rgba(0, 0, 0, 0.197009) 50.46%, rgba(0, 0, 0, 0.282101) 56.49%, rgba(0, 0, 0, 0.376288) 62.52%, rgba(0, 0, 0, 0.473712) 68.55%, rgba(0, 0, 0, 0.567899) 74.58%, rgba(0, 0, 0, 0.652991) 80.61%, rgba(0, 0, 0, 0.7247) 86.64%, rgba(0, 0, 0, 0.780589) 92.67%, rgba(0, 0, 0, 0.819817) 98.7%, rgba(0, 0, 0, 0.84265) 104.73%, rgba(0, 0, 0, 0.85) 110.76%);}
.main_showcase_area .img{display:block;height:62.6rem;}
.main_showcase_area .img img{width:100%;height:100%;object-fit: cover;}
.main_showcase_area .swiper-slide strong{opacity:0;transform: translateX(10rem);transition: opacity 0.6s, transform 0.6s;margin:4rem 0 0;font-size:4rem;letter-spacing: -0.02em;font-weight: 800;color:#fff;line-height: 4.8rem;overflow:hidden;max-height:9.6rem;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.main_showcase_area .swiper-slide em{opacity:0;transform: translateX(10rem);transition: opacity 0.6s, transform 0.6s;display:block;padding:0.9rem 0 0;font-weight: 400;font-size:2rem;color:rgba(255,255,255,.75);letter-spacing: -0.02em;line-height:2.4rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main_showcase_area .swiper-slide .view{opacity:0;transform: translateX(10rem);transition: opacity 0.6s, transform 0.6s;display:inline-flex;gap:0.3rem;line-height:3.2rem;margin:3.1rem 0 0;box-sizing: border-box;height:3.2rem;padding:0 1.6rem;border:0.1rem solid rgba(255,255,255,.5);color:#fff;font-size:1.4rem;font-weight: 400;letter-spacing: -0.02em;border-radius: 0.2rem;}
.main_showcase_area .swiper-slide-active strong{opacity: 1;transform: translate(0) !important;transition-delay: 0.1s;}
.main_showcase_area .swiper-slide-active em{opacity: 1;transform: translate(0) !important;transition-delay: 0.2s;}
.main_showcase_area .swiper-slide-active .view{opacity: 1;transform: translate(0);transition-delay: 0.3s;}
.main_showcase_area .swiper-slide a:hover .view{border-color:#fff;}
.main_showcase_area .swiper-slide .view span{margin-top: 0.7rem;}
.main_showcase_area .swiper-slide .view path{stroke:#fff;}
.main_showcase_area .page_btn{height:1.6rem;position:absolute;left:50%;bottom:0;z-index: 5;width:94rem;justify-content: flex-end;transform: translateX(-50%);}
.main_showcase_area .page_btn .swiper-pagination{bottom:5.6rem;left:auto;right:8.4rem;width:auto;height:1.6rem;line-height: 1.6rem;}
.main_showcase_area .rolling{position:absolute;right:4.8rem;bottom:5.4rem;}
.main_showcase_area .rolling .play{display:none;}
.main_showcase_area .rolling svg rect, .main_showcase_area .rolling svg path{fill:#fff;}
.main_showcase_area .icon_pg_play span {width: 1.6rem;height: 1.6rem;}
.main_showcase_area.active .rolling .stop{display:none;}
.main_showcase_area.active .rolling .play{display:block;}
.main_showcase_area .nav_btn{position:absolute;width:128rem;height:6rem;left:50%;top:28.3rem;transform: translateX(-50%);z-index:5;}
.main_showcase_area .swiper-button-prev, .main_showcase_area .swiper-button-next{width:6rem !important;height:6rem !important;left:5.4rem !important;}
.main_showcase_area .swiper-button-prev svg{transform: rotate(180deg);}
.main_showcase_area .nav_btn svg path{stroke:#fff}
.main_showcase_area .btn_pg_icon_full_lg:hover svg path{stroke:var(--global-gray-80)}
.main_showcase_area .swiper-button-next{left:auto !important;right:5.4rem !important;}
.main_showcase_area .btn_pg_icon_full_lg{background: rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 6px rgba(26, 26, 26, 0.12);backdrop-filter: blur(5px);border:0;}
.main_showcase_area .btn_pg_icon_full_lg:hover{background:#fff;}

.special_zone {position: relative;min-height: 79rem;overflow: hidden;padding: 0 0 15rem;}
.special_zone .wrap{height:100%;padding: 15rem 0 9rem;}
.special_zone .bg_img{position:absolute;left:50%;bottom:0;transform: translateX(-50%);}
.special_zone .tit_wrap {width: 128rem;margin: 0 auto;position: relative;z-index: 2;}
.special_zone .tit_wrap .tit {width: 39.5rem;float: left;}
.special_zone .tit_wrap .stit{display: flex;margin:0 0 2.7rem;align-items: center;width: 100%;font-size:1.8rem;font-weight: 600;color:#1D1D1D;line-height:3rem;}
.special_zone .tit_wrap .stit:after {content: "";flex: 1;height: 2px;background: var(--global-gray-90);margin-left: 1.2rem;border-radius: 5rem;}
.special_zone .tit_wrap h2{font-size:4.4rem;font-weight: 800;line-height: 130%;}
.special_zone .tit_wrap h2 a{display:block;color:var(--global-gray-90);}
.special_zone .tit_wrap h2 a.off{pointer-events: none;}
.special_zone .tit_wrap h2 a.off span{display: none;}
.special_zone .tit_wrap h2 span{width:3.2rem;height:3.2rem;vertical-align: 0.3rem;margin-left:1.3rem;}
.special_zone .tit_wrap p{margin:0.8rem 0 2.3rem;font-size:2.2rem;line-height:2.9rem;letter-spacing: -0.02em;color:var(--global-gray-80);overflow:hidden;max-height:5.8rem;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.special_zone .tit_wrap .date{display:block;font-size:2.2rem;letter-spacing: -0.02em;line-height: 130%;color:var(--global-gray-80);}
.special_zone .tit_wrap .menu{display:flex;flex-wrap: wrap;gap:1.2rem 0.8rem;margin:4.2rem 0 0;}
.special_zone .tit_wrap .menu button{border:0;box-shadow: 0px 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0px 0.4rem 0.6rem -0.2rem rgba(0, 0, 0, 0.05);}
.special_zone .tit_wrap .menu button.on{color:var(--global-gray-05);background:var(--global-gray-80);box-shadow:none;}
.special_zone .img_wrap {position: absolute;top: 14rem;right: 0;}
.special_zone .img_wrap .swiper {width: 100%;height: 100%;padding:1rem 0 7rem 1.2rem;}
.special_zone .img_wrap .swiper-slide {width: 44rem;height: 44rem;}
.special_zone .img_wrap .swiper-slide a{display:block;transition: all 0.8s;height:100%;border-radius: 1.2rem;overflow: hidden;position: relative;}
.special_zone .img_wrap .swiper-slide a:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 0.6rem 1.2rem -0.2rem, rgba(0, 0, 0, 0.25) 0px 0.3rem 0.7rem -0.3rem;}
.special_zone .img_wrap .swiper-slide a.img:hover:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(247, 247, 247, 0.3) ;opacity: 1;filter: opacity(1);}
.special_zone .img_wrap .swiper-slide a.img:after{background:none}
.special_zone .img_wrap .swiper-slide a:focus-visible{outline-color: red;}
.special_zone .img_wrap .swiper-slide a:hover img{transform: scale(1.08);}
.special_zone .img_wrap .swiper-slide a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.15%, #000000 112.73%);}
.special_zone .img_wrap .swiper-slide img{width:100%;height:100%;object-fit: cover;transform: scale(1);transition: all 0.8s;}

.special_zone .img_wrap .swiper-slide .tit{position:absolute;left:3.2rem;right:3.2rem;bottom:3.2rem;color:#fff;z-index: 5;}
.special_zone .img_wrap .swiper-slide .tit strong{display:block;font-size:2.4rem;font-weight: 700;letter-spacing: -0.03em;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.special_zone .img_wrap .swiper-slide .tit span{padding:1.2rem 0 0;display:block;color:rgba(255, 255, 255, .75);line-height: 1;font-size:1.6rem;font-weight: 700;letter-spacing: -0.02em;}
.special_zone .page_btn{position:absolute;left:1.5rem;bottom:1rem;height:4rem;width:44rem;}
.special_zone .page_btn .swiper-pagination{position:static;display:flex;gap:1.2rem;font-size:1.8rem;font-weight: 700;color:var(--global-gray-90);letter-spacing: -0.02em;line-height: 4rem;}
.special_zone .page_btn .swiper-pagination-current{font-weight: 600;}
.special_zone .page_btn .swiper-pagination-total{font-weight: 400;}
.special_zone .swiper-button-prev, .special_zone .swiper-button-next{left:0 !important;top:0;width:4rem !important;height:4rem !important;margin:0;border-radius: 100%;}
.special_zone .swiper-button-next{left:5.2rem !important;right:auto !important;}
.special_zone .rolling{display:flex;position:absolute;right:0;top:0;gap:2.4rem;}
.special_zone .rolling .play{display:none;}
.special_zone .icon_pg_play span {width: 2rem;height: 2rem;}
.special_zone.active .rolling .stop{display:none;}
.special_zone.active .rolling .play{display:block;}
.special_zone .swiper-pagination {color:var(--global-gray-90) !important;}
.special_zone .swiper-pagination-current {color:var(--global-gray-90) !important;}
.special_zone .swiper-button-prev svg {transform: rotate(180deg);}
.special_zone .swiper [class^="swiper-button-"] button{border:0 !important;}
.special_zone .swiper [class^="swiper-button-"] svg path {stroke-width: 1.5px !important;stroke:#1D1D1D;}

#contents.main_cont_wrap h3{font-size:2.6rem;color:var(--global-gray-90);letter-spacing: -0.02em;font-weight: 800;line-height: 130%;}
#contents.main_cont_wrap .swiper-button-prev, #contents.main_cont_wrap .swiper-button-next{pointer-events: none;left:auto;right:4.4rem;width:3.2rem;height:3.2rem;bottom:0;top:auto;margin:0;border-radius: 100%;}
#contents.main_cont_wrap .swiper-button-next{right:0;}
#contents.main_cont_wrap .swiper-button-prev button, #contents.main_cont_wrap .swiper-button-next button{pointer-events: auto;border-color:#949499;}
#contents.main_cont_wrap .swiper-button-prev:after, #contents.main_cont_wrap .swiper-button-next:after{display:none;}
#contents.main_cont_wrap .swiper [class^="swiper-button-"] svg path{stroke-width: 2.5px;}
#contents.main_cont_wrap .custom_pagination_progressbar{height:2.9rem;justify-content: flex-start;margin:2.9rem 0 0;}
#contents.main_cont_wrap .custom_pagination_progressbar .pagination-fraction{font-size:1.5rem;line-height: 2.9rem;padding: 0 0.9rem;}
#contents.main_cont_wrap .swiper-pagination{display:flex;justify-content: center;gap:0.8rem;color:rgba(255,255,255,.5);font-size:1.8rem;font-weight: 400;}
#contents.main_cont_wrap .swiper-pagination-current{color:#fff;}
#contents.main_cont_wrap .swiper-pagination .swiper-pagination-bullet{margin:0;background:#8E8E8E;opacity: 1;}
#contents.main_cont_wrap .swiper-pagination .swiper-pagination-bullet-active{width:1.6rem;border-radius: 5rem;background:var(--global-gray-80);}
#contents.main_cont_wrap .swiper-pagination .swiper-pagination-bullet{outline-color:red}
#contents.main_cont_wrap .swiper.lock .custom_pagination_progressbar{display:none;}
#contents.main_cont_wrap .swiper.lock .swiper-button-prev, #contents.main_cont_wrap .swiper.lock .swiper-button-next{display:none;}
#contents.main_cont_wrap .more_view{position:absolute;right:0;top:7.7rem;display:flex;align-items: center;gap:0.4rem;font-size:1.8rem;line-height:2.4rem;font-weight: 700;color:#717171;}
#contents.main_cont_wrap .more_view svg path{stroke:#71717C;stroke-width: 2.3px;}
#contents.main_cont_wrap [class^="icon_pg_heart_"]{position:absolute;right:1.2rem;top:1.2rem;z-index: 5;}

.main_quick_nav{max-width:128rem;margin:6.2rem auto 0;padding:0 0 7.2rem;}
.main_quick_nav h3{font-weight: 400 !important;}
.main_quick_nav h3 strong{font-weight: 800;}
.main_quick_nav .swiper{padding:3.2rem 0 0;}
.main_quick_nav .swiper-slide{width:12.2rem;}
.main_quick_nav .swiper-slide a{display:flex;flex-direction: column;align-items: center;box-sizing: border-box;position: relative;}
.main_quick_nav .swiper-slide a:focus-visible{outline:0;}
.main_quick_nav .swiper-slide a:focus-visible:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-sizing: border-box;border:2px solid #000;}
.main_quick_nav .swiper-slide a:hover .icon{border-radius:100%;}
.main_quick_nav .swiper-slide a:hover strong{font-weight: 800;}
.main_quick_nav .swiper-slide .icon{display:flex;align-items: center;justify-content: center;box-sizing: border-box;width:8.8rem;height:8.8rem;box-shadow: 0px 0px 0.6rem rgba(26, 26, 26, 0.15);border-radius:3.6rem;transition:border-radius .5s ease-in-out;}
.main_quick_nav .swiper-slide .icon img{width:6rem;height:auto;}
.main_quick_nav .swiper-slide strong{display:block;padding:1.6rem 0 0;font-size:1.8rem;font-weight: 600;line-height: 120%;color:var(--global-gray-90);}

.rec_personal h3 em{font-weight: 800;color:var(--brand-primary-50);}
.rec_personal{max-width:128rem;margin:0 auto 0;padding:7.2rem 0 0;position: relative;border-top:1px solid var(--global-gray-10);}
.rec_personal .box{position:relative;display:flex;gap:1.2rem;margin:3.2rem 0 2.4rem;padding-left:2rem;align-items: center;height:5.5rem;background:var(--global-gray-05);border-radius: 0.8rem;color:var(--global-gray-90);font-size:1.8rem;font-weight: 700;}
.rec_personal .box p strong{font-weight: 800;}
.rec_personal .ui_pg_tooltip {left:29.8rem;top:4.7rem; font-weight: 400;}
.rec_personal .swiper{padding:0 0 0.2rem;position: static;}
.rec_personal .swiper-slide a{display:block;position: relative;}
.rec_personal .swiper-slide a:focus-visible{outline:0;}
.rec_personal .swiper-slide a:focus-visible:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-sizing: border-box;border:2px solid red;}
.rec_personal .swiper-slide a .wrap{height:8.8rem;position: relative;}
.rec_personal .swiper-slide .img{display:block;height:22.7rem;border-radius: 0.6rem;overflow: hidden;}
.rec_personal .swiper-slide .img img{width:100%;height:100%;object-fit: cover;transform: scale(1);transition: all 0.8s;}
.rec_personal .swiper-slide a:hover .img img{transform: scale(1.08);}
.rec_personal .swiper-slide strong{display:block;margin:1.3rem 0 0.3rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 600;font-size:2rem;letter-spacing: -0.02em;color:var(--global-gray-90);line-height: 140%;}
.rec_personal .swiper-slide p{margin:0 0 1rem;font-size:1.6rem;color:var(--global-gray-70);line-height: 140%;letter-spacing: -0.02em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.rec_personal .swiper-slide em{position:absolute;left:0;bottom:0;display:inline-flex;height:2.4rem;line-height: 2.4rem;border-radius: 0.3rem;padding:0 0.6rem;background:var(--global-gray-05);font-size:1.4rem;font-weight: 700;}
.rec_personal .btn_retry{position:absolute;right:0;top:7.8rem;height:2rem;display:none;}
.rec_personal .btn_retry.on{display:block;}
.rec_personal .btn_retry button{display:flex;gap:0.4rem;height:100%;align-items: center;font-size:1.8rem;font-weight: 700;color:var(--global-gray-90);}
.rec_personal .btn_retry .icon_pg_refresh{width:1.6rem;height:1.6rem;}

.ai_digest{margin:7.2rem 0 0;padding:8.7rem 0 0;background:var(--brand-primary-05) url(../images/main/bg_ai_digest.png) calc(50% + 29rem) 0 / auto no-repeat;}
.ai_digest .tit_wrap{position: relative;width:128rem;margin:0 auto;display:flex;align-items: center;gap:1.2rem;}
.ai_digest h3{font-weight: 400 !important;}
.ai_digest h3 strong{font-weight: 800;}
.ai_digest .tit_wrap .ui_pg_tooltip{left:35.8rem;top:3.7rem;}
.ai_digest .swiper{padding:3.7rem 0 8.6rem;margin:0 auto;}
.ai_digest .swiper-slide{width:41rem;height:37.6rem;}
.ai_digest .swiper-slide .cont{padding:5.2rem 3.6rem 0;height:100%;background:#fff;position: relative;border-radius: 2rem;box-shadow: 0px 0px 2rem #D0DBF0;box-sizing: border-box;overflow: hidden;}
.ai_digest .swiper-slide .cont:after{content:'';display:block;width:100%;height:100%;box-sizing: border-box;border-radius: 2rem;position:absolute;left:0;top:0;border:0.3rem solid #fff;transition: border .5s ease-in-out;}
.ai_digest .swiper-slide .cont:hover:after{border:0.3rem solid var(--brand-primary-50);}
.ai_digest .swiper-slide .thumbs{width:5.2rem;height:5.2rem;overflow: hidden;position:absolute;left:3.6rem;top:5.2rem;border-radius: 100%;}
.ai_digest .swiper-slide .thumbs img{width:100%;height:100%;object-fit: cover;}
.ai_digest .swiper-slide em{display:inline-flex;gap:0.4rem;align-items: center;padding:0 0.8rem;position:absolute;left:3.6rem;top:0;z-index: 5;color:#fff;background:var(--brand-primary-50);height:3.2rem;border-radius: 0 0 0.4rem 0.4rem;font-size:1.4rem;font-weight: 700;}
.ai_digest .swiper-slide em span{width:1.6rem;height:1.6rem;}
.ai_digest .swiper-slide em .icon_chaton_sm svg path{stroke:#fff;fill:#fff;}
.ai_digest .swiper-slide em .icon_chaton_sm svg circle{fill:var(--brand-primary-50);}

.ai_digest .swiper-slide em .icon_filetext_sm svg path{fill:#fff;stroke:var(--brand-primary-50);}
.ai_digest .swiper-slide .tit{display:flex;margin:0 0 0 6.8rem;height:5.2rem;align-items: center;}
.ai_digest .swiper-slide strong{display:block;font-size:2rem;line-height: 2.6rem;font-weight: 600;letter-spacing: -0.05em;color:var(--brand-primary-50);overflow:hidden;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ai_digest .swiper-slide p{margin:2rem 0 0;padding:1.7rem 0 0;border-top:0.1rem solid var(--global-gray-10);font-size:1.6rem;line-height:2.4rem;letter-spacing: -0.02em;color:var(--global-gray-70);overflow:hidden;height:14.4rem;display:block;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.ai_digest .swiper-slide a{border-radius: 5rem;position:absolute;left:3.6rem;bottom:3.6rem;z-index: 5;}
.ai_digest .page_btn{width:128rem;position:absolute;left:50%;top:22.6rem;transform: translateX(-50%);z-index:5;}
.ai_digest .swiper-button-next, .ai_digest .swiper-button-prev{left:-1.9rem !important;width:4rem !important;height:4rem !important;background: #fff;bottom:auto !important;top:0 !important;}
.ai_digest .swiper-button-next{right:-1.9rem !important;left:auto !important;}
.ai_digest .page_btn button{width:4rem;height:4rem;background:#fff;}
.ai_digest .page_btn button:hover{background:#F3F3FA;}
.ai_digest .page_btn button.press{background:#E9E9F4;}
.ai_digest .swiper-pagination{bottom:5rem;}
.main_cont_wrap .ai_digest + div{border:0 !important;margin:0 auto 0 !important;}

.main_cont_wrap .ui_pg_tooltip .icon_pg_close_md svg path{stroke-width: 0.2rem;}

.custom_course{max-width:130.4rem;margin:7.2rem auto 0;padding:7.2rem 0 0;position: relative;border-top: 1px solid var(--global-gray-10);}
.custom_course h3{font-weight: 400 !important;margin:0 1.2rem;}
.custom_course h3 strong{font-weight: 800;}
.custom_course .best_check{position:absolute;right:1.2rem;top:7.7rem;}
.custom_course .best_check label em{font-weight: 400 !important;}
.custom_course .banner{display:flex;gap:2.4rem;align-items: center;justify-content: flex-end;padding-right:15rem;margin:3.2rem 1.2rem 0;height:8rem;font-size:2.2rem;color:#402A17;line-height:130%;font-weight:700;background:url(../images/main/bg_custom_course_banner.png) no-repeat;letter-spacing: -0.02em;}
.custom_course .banner strong{font-weight: 800;}
.custom_course .wrap{position: relative;}
.custom_course .swiper {position:static;padding:3.2rem 1.2rem 0;}
.custom_course .swiper.lock{overflow: inherit;}
.custom_course .swiper-slide a{display:block;height:41.7rem;position:relative;color:var(--global-gray-90);filter: drop-shadow(0px 0px 0.5rem rgba(26, 26, 26, 0.08));border-radius: 0.6rem; background: #fff;}
.custom_course .swiper-slide a:hover{filter: drop-shadow(0px 0px 0.5rem rgba(26, 26, 26, 0.2));}
.custom_course .swiper-slide .img{display:block;height:22.7rem;position: relative;}
.custom_course .swiper-slide img{width:100%;height:100%;object-fit: cover; border-radius: 0.6rem 0.6rem 0 0;}
.custom_course .swiper-slide .profile{position:absolute;right:2.8rem;bottom:-2rem;display:inline-block;width:4.8rem;height:4.8rem;border-radius: 100%;overflow: hidden;border: 1px solid #fff;box-sizing: border-box;}
.custom_course .best{position:absolute;left:1.2rem;top:1.2rem;width:4.2rem;height:4.2rem;z-index: 5;}
.custom_course .swiper-slide strong{display:block;margin:3.2rem 2.8rem 0;font-weight: 600;font-size:2rem;line-height: 1;letter-spacing: -0.02em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.custom_course .swiper-slide .info{display:flex;gap:0.8rem;padding:1.2rem 2.8rem 2.8rem;font-weight: 700;font-size:1.4rem;}
.custom_course .swiper-slide .info em{padding:0 0.6rem;height:2.4rem;line-height:2.4rem;background:var(--pastel-blue-100);color:var(--pastel-blue-400);border-radius: 0.3rem;}
.custom_course .swiper-slide .info span{padding:0 0.6rem;background:var(--global-gray-05);height:2.4rem;line-height:2.4rem;border-radius: 0.3rem;}
.custom_course .swiper-slide a:focus-visible{outline:0;}
.custom_course .swiper-slide a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.custom_course .cos_img{display:flex;gap:0.6rem;padding:0 2.8rem;}
.custom_course .cos_img > span{width:4.4rem;height:4.4rem;border-radius: 1.4rem;overflow: hidden;position: relative;}
.custom_course .cos_img .dim:after{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5)}
.custom_course .cos_img .dim span{position:absolute;left:50%;top:50%;z-index: 5;transform: translate(-50%, -50%);}
.custom_course .cos_img .dim path{fill:#fff;}
.custom_course .swiper-button-next {right: 1.2rem !important;}
.custom_course .swiper-button-prev{right: 5.6rem !important;}

.promo_banner_full{margin:7.2rem 0 0;}
.promo_banner_full a{max-width:128rem;margin:0 auto;height:16rem;position: relative;display:flex;color:#fff;align-items: center;justify-content: center;}
.promo_banner_full a:focus-visible{outline: 0;}
.promo_banner_full a:focus-visible:after{    content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.promo_banner_full .img{display:inline-block;position:absolute;left:0;top:0;max-width:24.5%;height:100%;}
.promo_banner_full .img img{width:100%;height:100%;object-fit: cover;}
.promo_banner_full .img.right{right:0;top:0;left:auto;}
.promo_banner_full .cont{padding:0 30%;text-align: center;}
.promo_banner_full .cont strong{display:block;font-size:2.8rem;font-weight: 800;line-height: 120%;letter-spacing: -0.02em;}
.promo_banner_full .cont p{margin:0.8rem 0 0;font-weight: 700;font-size: 1.8rem;line-height: 120%;letter-spacing: -0.02em;}
.promo_banner_full .rolling{height: 2.4rem;background:rgba(0,0,0,.5);padding:0 0.8rem;display:flex;}
.promo_banner_full .rolling .play{display:none;}
.promo_banner_full .icon_pg_play span {width: 1.2rem;height: 1.2rem;}
.promo_banner_full.active .rolling .stop{display:none;}
.promo_banner_full.active .rolling .play{display:block;}
.promo_banner_full .swiper.lock .page_btn{display:none;}
.promo_banner_full .rolling svg rect, .promo_banner_full .rolling svg path{fill:#fff;}
.promo_banner_full .swiper .page_btn{position:absolute;width:128rem;left:50%;bottom:0;transform: translateX(-50%);z-index: 5;display:flex;justify-content: flex-end;gap:0.2rem;}
.promo_banner_full .swiper-pagination{width:auto;position:static;line-height:2.4rem;height:2.4rem;padding:0 0.8rem;background:rgba(0,0,0,.5);font-weight: 700 !important;font-size:1.2rem !important;gap:0.3rem !important;color:var(--global-gray-30) !important;}
.promo_banner_full + div{border:0 !important;margin:0 auto 0 !important;}

.healing_travel{max-width:128rem;margin:7.2rem auto 0;padding:7.2rem 0 0;position: relative;border-top: 1px solid var(--global-gray-10);}
.healing_travel h3{font-weight: 400 !important;padding:0 0 3.2rem;}
.healing_travel h3 strong{font-weight: 800;}
.healing_travel .swiper{overflow: visible;position:static;}
.healing_travel .swiper-slide{height:41.5rem;width:31.1rem;}
.healing_travel .swiper-slide a{display:block;height:100%;position: relative;overflow: hidden;border-radius: 0;transition:border-radius .3s ease;}
.healing_travel .swiper-slide a:hover{border-radius: 2rem;}
.healing_travel .swiper-slide a:focus-visible{outline:0;}
.healing_travel .swiper-slide a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.healing_travel .img{display:block;height:100%;}
.healing_travel .img img{width:100%;height:100%;object-fit: cover;}
.healing_travel .tit{height:17.4rem;width:100%;position:absolute;left:0;bottom:0;background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) -3.3%,
        rgba(var(--base-rgb), 0.225) 17.82%,
        rgba(var(--base-rgb), 0.85) 55.48%,
        rgba(var(--base-rgb), 1) 100%
);
}.healing_travel .swiper-slide strong{display:block;position:absolute;left:3.2rem;right:3.2rem;bottom:2.5rem;font-weight: 700;font-size:2rem;line-height:2.8rem;letter-spacing:-0.02em;color:#fff;overflow:hidden;max-height:5.6rem;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.healing_travel .wrap {position: relative;overflow: hidden;margin-left: 0;width: 100vw;}
.healing_travel.list .page_btn{max-width:128rem;position: relative;padding:0 0 0.4rem;}
.healing_travel.card .wrap{text-align: center;width:100%;}
.healing_travel.card .swiper {overflow: hidden;}
.healing_travel.card .swiper-slide{height:54.7rem;width:41rem;}
.healing_travel.card .swiper-slide a:hover{border-radius: 1.6rem;}
.healing_travel.card .swiper-slide a{border-radius: 1.6rem;text-align: left;}
.healing_travel.card .swiper-slide-active{border-radius: 1.6rem;box-shadow: 0px 3rem 4rem -1rem rgba(38, 57, 77, 0.3);}
.healing_travel.card .page_btn{margin:2.4rem 0 0;padding:0 8.8rem;display:inline-flex;height:3.6rem;align-items: center;position: relative;}
.healing_travel.card .page_btn .swiper-button-prev{right:auto !important;left:0 !important;}
.healing_travel .swiper-button-prev, .healing_travel .swiper-button-next{bottom:0.4rem !important;}
.healing_travel.card .swiper-pagination{position:static;}

.ongoing_event{max-width:128rem;margin:7.2rem auto 0;padding:7.2rem 0 0;border-top: 1px solid var(--global-gray-10);position: relative;}
.ongoing_event h3{font-weight: 400 !important;padding:0 0 3.2rem;}
.ongoing_event h3 strong{font-weight: 800;}
.ongoing_event ul{display: grid;grid-template-columns: repeat(4, 1fr);gap:3.6rem 2.4rem;}
.ongoing_event .img{display:block;height:42.6rem;border-radius: 0.6rem;overflow: hidden;}
.ongoing_event .img img{width:100%;height:100%;object-fit: cover;transform: scale(1);transition: all 0.8s;}
.ongoing_event .swiper-slide a:hover .img img{transform: scale(1.08);}
.ongoing_event .swiper-slide a{display:block;position: relative;}
.ongoing_event .swiper{position:static;}
.ongoing_event .swiper-slide{width:30.2rem;}
.ongoing_event .swiper-slide a:focus-visible{outline:0;}
.ongoing_event .swiper-slide a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.ongoing_event .swiper-slide strong{display:block;margin:1.3rem 0 0.8rem;font-size:2rem;font-weight: 600;letter-spacing: -0.02em;line-height: 140%;color:var(--global-gray-90);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ongoing_event .date{display:block;line-height:1;font-size:1.6rem;letter-spacing: -0.02em;color:var(--global-gray-70);}
.ongoing_event .more_view{position:absolute;right:0;top:7.7rem;display:flex;align-items: center;gap:0.4rem;font-size:1.8rem;line-height:2.4rem;font-weight: 700;color:#717171;}

.main_event{max-width:130.4rem;margin:7.2rem auto 0;padding:7.2rem 0 0;border-top: 1px solid var(--global-gray-10);position: relative;}
.main_event h3{margin:0 1.2rem;}
.main_event .more_view{right:1.2rem !important;}
.main_event .swiper{padding:3.2rem 1.2rem 0;position:static;}
.main_event .swiper.lock{overflow: inherit;}
.main_event .swiper-slide a{display:block;height:40.7rem;background:#fff;border-radius: 0.6rem;filter: drop-shadow(0px 0px 0.5rem rgba(26, 26, 26, 0.08));position: relative;}
.main_event .swiper-slide a:hover{filter: drop-shadow(0px 0px 0.5rem rgba(26, 26, 26, 0.2));}
.main_event .swiper-slide a:focus-visible{outline:0;}
.main_event .swiper-slide a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.main_event .img{display:block;height:30.2rem;overflow: hidden;position: relative;}
.main_event .img img{width:100%;height:100%;object-fit: cover; border-radius: 0.6rem 0.6rem 0 0;}
.main_event .img em{display:inline-flex;position:absolute;left:0;bottom:0;border-radius: 0 0.3rem 0 0;color:#fff;padding:0 0.6rem;height:2.4rem;background:var(--pastel-blue-400);font-size:1.4rem;font-weight: 700;line-height: 2.4rem;}
.main_event .img em.winner{background:#58585F;}
.main_event .swiper-slide strong{display:block;padding:0 2rem;margin:1.3rem 0 0.8rem;font-size:2rem;font-weight: 600;letter-spacing: -0.02em;line-height: 140%;color:var(--global-gray-90);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main_event .swiper-slide .date{display:block;padding:0 2rem;line-height:1;font-size:1.6rem;letter-spacing: -0.02em;color:var(--global-gray-70);}
.main_event .swiper-button-next {right: 1.2rem !important;}
.main_event .swiper-button-prev{right: 5.6rem !important;}

.promo_banner{max-width:128rem;margin:7.2rem auto 0;}
.promo_banner .wrap{display:flex;gap:12px;height:16rem;}
.promo_banner a{padding:0 35.4rem 0 4rem;width: 50%;align-content: center;color:var(--global-gray-90); border-radius: 0.6rem;overflow: hidden;position: relative;display:flex;flex-wrap: wrap;}
.promo_banner a:focus-visible{outline:0;}
.promo_banner a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.promo_banner .img{display:inline-flex;position:absolute;right:2rem;top:0;width:49.6%;height:100%;}
.promo_banner .img img{width: 100%;height: 100%;object-fit: cover;}
.promo_banner .tit{width:100%;font-size:2.4rem;line-height: 120%;font-weight: 800;letter-spacing: -0.02em;}
.promo_banner p{width:100%;margin:0.9rem 0 0;font-size:1.8rem;line-height: 130%;letter-spacing: -0.02em;}
.promo_banner .swiper-pagination{position:static;width:auto;}
.promo_banner .page_btn{display:flex;height:1.2rem;margin:2.4rem 0 0;align-items: center;justify-content: center;gap:1.6rem;}
.promo_banner .rolling{height: 1.2rem;}
.promo_banner .rolling .play{display:none;}
.promo_banner .icon_pg_play span {width: 1.2rem;height: 1.2rem;}
.promo_banner.active .rolling .stop{display:none;}
.promo_banner.active .rolling .play{display:block;}
.promo_banner + div{border:0 !important;margin:0 auto !important;}
.promo_banner + [class^="promo_banner_"]{margin:7.2rem auto 0 !important;}

.promo_banner a.full{width:100%;padding:0;display:flex;height:16rem;position: relative;color:#fff;border-radius: 0.6rem;}
.promo_banner a.full img{width:100%;height:auto;}
.promo_banner a.full .img{position:absolute;right:20rem;top:0;width:31.4rem;height:16rem;}
.promo_banner a.full .cont{position:absolute;left:20rem;right:60.4rem;top:50%;transform: translateY(-50%);}
.promo_banner a.full .tit{display:block;font-size:2.4rem;line-height: 120%;font-weight: 800;letter-spacing: -0.02em;}
.promo_banner a.full p{width:100%;margin:0.9rem 0 0;font-size:1.8rem;line-height: 130%;letter-spacing: -0.02em;}

.trend_travel.list{margin:7.2rem auto 0 !important;}
.trend_travel{margin:7.2rem auto 0;text-align: center;position: relative;}
.trend_travel h3{padding:4.9rem 0 0;}
.trend_travel .bg{height:43.5rem;position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.trend_travel .swiper{padding:13.3rem 0 0;z-index: 1;margin: 0 auto;}
.trend_travel .swiper.lock .swiper-wrapper{transform:none !important;}
.trend_travel .swiper-slide a{display:block;height:100%;border-radius:50rem 50rem 0 0;filter: drop-shadow(0px 0px 2rem rgba(26, 26, 26, 0.08));overflow: hidden;position: relative;}
.trend_travel .swiper-slide{width:30.2rem;height:41rem;}
.trend_travel .swiper-slide button{top:26.6rem !important;}
.trend_travel .img{display:block;height:30.2rem;overflow: hidden;}
.trend_travel .img img{width:100%;height:100%;object-fit: cover;transform: scale(1);transition: all 0.8s;}
.trend_travel .swiper-slide a:hover img{transform: scale(1.08);}
.trend_travel .swiper-slide a:hover strong{text-decoration: underline;text-underline-offset: 0.4rem;text-decoration-thickness: 1px;}
.trend_travel .swiper-slide .tit{height:10.8rem;border-radius:0 0 0.8rem 0.8rem;background:#fff;overflow: hidden;position:relative}
.trend_travel .swiper-slide strong{position:absolute;left:2.4rem;right:2.4rem;top:50%;transform: translateY(-50%);display:block;font-size:2rem;font-weight: 600;color:var(--global-gray-80);letter-spacing: -0.02em;overflow:hidden;max-height:6rem;line-height:3rem;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.trend_travel .page_btn{position:relative;width:128rem;margin:0 auto;padding: 0 0 0.4rem;}
.main_cont_wrap .trend_travel .swiper-button-prev, .main_cont_wrap .trend_travel .swiper-button-next{bottom: 0.4rem !important;}

.trend_travel.group h3 {padding:0;text-align: left;}
.trend_travel.group{max-width: 128rem;padding:7.2rem 0 0;border-top: 1px solid var(--global-gray-10);}
.trend_travel.group .swiper {padding: 3.2rem 0 0;overflow: hidden;}
.trend_travel.group .swiper-slide {width: 100% !important;height: auto;}
.trend_travel.group .swiper-slide ul{gap:4rem 2.4rem ;display: grid;grid-template-columns: 1fr 1fr 1fr;}
.trend_travel.group .swiper-slide ul li{flex: 0 0 calc((100% - (2.4rem * 2)) / 3);height: 36.8rem;position: relative;box-sizing: border-box;}
.trend_travel.group .swiper-slide a {border-radius: 0.6rem 0.6rem 0 0;filter: none;}
.trend_travel.group .swiper-slide a:focus-visible{outline:0;}
.trend_travel.group .swiper-slide a:focus-visible:after {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;border: 2px solid red;}
.trend_travel.group .swiper-slide button {top: 1.2rem !important;}
.trend_travel.group .swiper-slide .tit {margin:-4rem 2rem 0;height: 10rem;border-radius: 0.4rem;backdrop-filter: blur(10px);}
.trend_travel.group .swiper-slide .tit strong{left:2.4rem;right:7.4rem;text-align:left;}
.trend_travel.group .img{position: relative;height: 30.8rem;}
.trend_travel.group .img:After{content:'';display:block;width:100%;height: 4.5rem;position:absolute;left:0;bottom:0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) -3.3%, rgba(255, 255, 255, 0.225) 17.82%, rgba(255, 255, 255, 0.85) 55.48%, #fff 100%);}
.trend_travel.group .swiper-slide a:hover .btn_pg_icon_full_xs{background: var(--global-gray-10);}
.trend_travel.group .swiper-slide .btn_pg_icon_full_xs{position:absolute;right:4.4rem;top:30.2rem;}

.travel_news{max-width:128rem;margin:7.2rem auto 0;padding:7.2rem 0 0;border-top: 1px solid var(--global-gray-10);position: relative;}
.travel_news ul{display:flex;gap:2.4rem;padding:3.2rem 0 0;}
.travel_news ul li{flex: 1;position: relative;}
.travel_news ul li a{display: block; align-content: flex-end; height:25.5rem;background:#F8F8F8;overflow: hidden;border-radius: 0;transition: all .3s ease;box-sizing: border-box;padding:4.8rem 3.2rem;color:var(--global-gray-90)}
.travel_news ul li a:hover{border-radius:2rem;background:#EEF2F7;}
.travel_news ul li em{position: absolute; top: 4.8rem; left: 3.2rem; display:inline-flex;background:#fff;line-height:2.4rem; width: fit-content; height:2.4rem; margin-bottom:1.2rem; padding:0 0.6rem;border-radius: 0.3rem;font-size:1.4rem;font-weight: 600;}
.travel_news ul li strong{display:block;font-weight: 600;font-size:2rem;letter-spacing: -0.02em;line-height: 3rem;overflow:hidden;height:6rem;display: -webkit-box;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.travel_news ul li a span{display:block;padding:2.6rem 0 0;margin:2.4rem 0 0;border-top:1px solid var(--global-gray-20);font-size:1.6rem;letter-spacing: -0.02em;color:var(--global-gray-70);line-height: 1;}
.travel_news ul li em.preface{background:var(--pastel-blue-400);color:#fff;font-weight: 700;}
.travel_news ul li .icon_pin_md{position:absolute;right:2rem;top:2rem;}
.travel_news ul li .icon_pin_md path{stroke:#71717C;}




/* mobile */

@media screen and (min-width: 1023px) and (max-width: 1700px) {
    /* 특집관 해상도별 타이틀
    .specialEdition{height:710px;padding:0;background: url(../../resources/images/main/bg_special_edition01.jpg) no-repeat center top;}
    .specialEdition .title{display:block !important;padding:0 0 20px;}
    */

    /* 쇼케이스 비율 */
    .main_showcase .swiper-slide{width:100%;}
    .main_showcase .tit_wrap .tit{width:65%;margin:4.7vw 0 0;}
    .main_showcase .tit_wrap em{height: 1.8vw;line-height: 1.8vw;font-size: 1.2vw;}
    .main_showcase .tit_wrap strong{margin: 2.6vw 0 1.2vw;font-size:2.3vw;line-height: 2.7vw;letter-spacing: -0.2vw;}
    .main_showcase .tit_wrap a{font-size: 1.2vw;letter-spacing:-0.02em;}

}


@media screen and (max-width: 1023px) {

    /* 아코디언식 특집관 */
    .accordion_box{height:auto;background:#ffe8d8;padding:0 0 69px;margin:0 0 15px;}
    .accordion_box img{width:100%;}
    .accordion_box .mo{display:block;}
    .accordion_box .pc{display:none;}
    .accordion_box .inner{width:auto;}
    .accordion_box div.mo{padding:0 15px;position:relative;}
    .accordion_box strong.tit{margin:0;}
    .accordion_box .swiper-container{position:static;}
    .accordion_box .swiper-slide{float:left;width:67%;}
    .accordion_box .swiper-scrollbar{bottom: -37px;left:33px;right:33px;width:auto;background:#fff;border-radius:0;height:4px;}
    .accordion_box .swiper-scrollbar-drag{background:#ff7036;border-radius:0;}

    /* 메인 ui개선 */
    .mo_slide_cont{display:block;}
    .mo_main_taglist{display:block;}
    .service_banner{width:auto;margin:0 15px;padding: 0 0 32px}
    .service_banner h2{font-size:17px;padding: 0 0 10px 0;}
    .service_banner .swiper-slide{margin:0 !important;width:100% !important;}
    .service_banner .swiper-wrapper{width:100% !important;}
    .service_banner ul li .wrap{float:none;width:100%;}
    .service_banner ul li .wrap + .wrap{margin-top:15px;}
    .service_banner ul li .wrap + .wrap a{margin:0;}
    .service_banner ul li .wrap a{margin-left:0;}
    .service_banner .swiper-container{margin:0;}
    .service_banner ul li .img{height:auto;}
    .service_banner ul li .img img{height:auto;}
    .service_banner ul li .text{height:44px;}
    .service_banner ul li .text strong{height:44px;line-height:44px;font-size:15px;padding: 0 40px 0 13px;}
    .service_banner ul li .text span{width:21px;height:21px;line-height:17px;right:15px;top:13px;font-size:10px;}
    .service_banner .swiper-pagination{bottom: 8px;}
    .service_banner .swiper-button-next, .service_banner .swiper-button-prev{display:none;}

    /* 언택트 테마 */
    .unattact_theme{width:auto;height:auto;padding: 0 15px 18.5px;margin: 0 auto 20px;background: url(../images/main/bg_main_mthema01.gif) 0 0 / cover no-repeat;}
    .unattact_theme img{width:100%;}
    .unattact_theme .left{float:none;width:auto;text-align:center;}
    .unattact_theme .left strong{font-size:22.5px;letter-spacing:-0.02em;line-height: 28px;}
    .unattact_theme .left .btn{display:none;}
    .unattact_theme .videoArea .youtube_area .youtube_box{border: 2px solid #7d7d7d;}
    .unattact_theme .right{float:none;width:auto;padding:0;}
    .unattact_theme .right .img_banner{height:auto;margin: 0 0 13.5px;}
    .unattact_theme .pc{display:none;}
    .unattact_theme .mo{display:block;}
    .unattact_theme .right .comment ul li{padding: 0 10px 0 17px;height:41.5px;line-height:41px;font-size:13.5px;letter-spacing:-0.02em;}
    .unattact_theme .right .comment ul li:after{left:7px;width:25px;height:41.5px;background: url(../images/main/icon_comment_munattact01.gif) 0 0 / 100% 100% no-repeat;}
    .unattact_theme .right .comment ul li:before{left:7px;width:25px;height:41.5px;background: url(../images/main/icon_comment_munattact.gif) 0 0 / 100% 100% no-repeat;}
    .unattact_theme .right .btn{display:block;padding:16px 29px 40px;position: static;width:auto;text-align: center;}
    .unattact_theme .right .btn a{display:block;width:100%;height:auto;overflow:hidden;background:none;text-indent: 0;}
    .unattact_theme .right .btn a img{width:100%;}
    .main_min_banner img{width:100%;}
    .main_min_banner a{overflow:hidden;display:block;float:none;}
    .main_min_banner .swiper-button-next, .main_min_banner .swiper-button-prev{width:20px;height:29px;margin-top: -14.5px;}
    .main_min_banner .swiper-button-next{right: 21.5px;background: url(../images/main/btn_mbanner_next01.png) 0 0 / 100% 100% no-repeat;}
    .main_min_banner .swiper-button-prev{left: 21.5px;background: url(../images/main/btn_mbanner_prev01.png) 0 0 / 100% 100% no-repeat;}

    /* 메인 테마관 bg */
    .mainThemaBg{height:auto;margin-bottom: 18px;padding-bottom:3px;background:#eef5fb;}

    /* 메인 띠배너 */
    .bannerLayer.on{height:auto;}
    .bannerLayer.on .mo{display:block;}
    .bannerLayer.on .pc{display:none;}
    .bannerLayer.on p{width:auto;margin:0 auto;}
    .bannerLayer.on .web{display:none;}
    .bannerLayer.on a.close{right:3px;top:2px;width:30px;height:30px;margin-top:0;background-size:15px auto;}
    .bannerLayer.on + .main_header #gnbMain{top:85px;}
    .bannerLayer.on + .main_header #gnbMain.scroll{top:15px;}

    /* 메인 띠배너 롤링 */
    .bannerLayer{height:10%;}
    .bannerLayer .swiper-container{height:100% !important;}
    .bannerLayer .swiper-container .bg a.close{width:30px;height:30px;background-size:19.5px auto;}
    .bannerLayer .swiper-slide a{display:block;width:auto;margin:0 auto;height:100%;}
    .bannerLayer .swiper-slide a img{height:100%;}
    .bannerLayer .paging{display:none;}
    .bannerLayer .swiper-button-next, .bannerLayer .swiper-button-prev{display:none;}

    /* 메인 모바일 개선 */
    #contents.main_contents .article.zoneTit{position:relative;padding:0 15px 15px !important;}
    .main_contents .article.zoneTit .tit_atc{display:none !important;}
    .main_contents .article.zoneTit .moTit{display:block;font-weight:800;font-size:17px;color:#000;}
    .banner_mobileTop ul li ul li a{display:block;overflow:hidden;border-radius:7px;margin-left: 5px;}


    #main_popup01 .layerpop {height:auto;width: auto;top:0;left: 40px !important;right: 40px !important;width: auto;margin-left: 0 !important;}
    #main_popup01 .layerpop .box_cont a{width:auto;height:24.5px;margin:0;}
    #main_popup01 .layerpop .box_cont{background:none;}
    #main_popup01 .layerpop .pop01{width:auto;margin-bottom:10px;float:none;}
    #main_popup01 .layerpop .pop02{width:auto;float:none;}
    #main_popup01 .layerpop img{width:100%;}
    #main_popup01 .layerpop .btn_close3{width:21.5px;height:21.5px;top: -9px;right: -6px;}
    #main_popup01 .swiper-button-next {width: 30px;height: 30px;margin-top: -15px !important;right:0;}
    #main_popup01 .swiper-button-prev {width: 30px;height: 30px;margin-top: -15px !important;left:0;}
    #main_popup01 .layerpop .pc{display:none;}
    #main_popup01 .layerpop .mo{display:block;}
    #main_popup01 .layerpop label{font-size:13px;}
    #main_popup01 .viewNone button{font-size:13px;}

    /* 더보기 */
    .contMove{display:block;position:fixed;left:0;bottom:0;width:100%;height:60px;z-index:100;}
    .contMove.off{display:none;}
    .contMove a{display:none;padding:0 0 0 15px;line-height:60px;background:rgba(0, 0, 0, 0.85);font-size:14px;color:#fff;}
    .contMove a span{display:inline-block;width:54.5px;height:30px;position:absolute;right:15px;top:15px;font-size:0;text-indent:-9999px;background:url(../../resources/images/main/bg_quick_btn.png) 0 0 / 100% 100% no-repeat;}

    .contMove a.on{display:block;}

    /* 특집관 */
    .specialEdition .type_p{display:none;}
    .specialEdition .type_m{display:block;}
    .specialEdition{height:auto;padding:0;margin:0;/*margin:0 0 15px;background:#34417c;*/}
    .specialEdition .title{display:block !important;width:100%;margin: 30px auto 0;}
    .specialEdition .title img{width:100%;}
    .specialEdition .mc_inner{border-radius:5px;width:auto;padding:0 0 40px !important;}
    .specialEdition .videoArea{margin: 0 0 15px;padding: 0 7px;}
    #contents.main_contents .specialEdition .article.bd0 ul{margin:0 15px;width:auto;}
    #contents.main_contents .specialEdition .article.bd0 .tit_atc{font-size:17px !important;margin:0 15px 15px !important;height:auto;}
    #contents.main_contents .specialEdition .article.bd0 .tit_atc.mo{display:block;}
    #contents.main_contents .specialEdition .article.bd0 .tit_atc.pc{display:none;}
    #contents.main_contents .article.bd0 .tit_atc em{font-size:17px;color:#000;}
    #contents.main_contents .specialEdition .article{border-bottom:0;padding:20px 6.5px 10px;margin:0 8px;}
    .specialEdition .imgbannerArea{padding: 0 15px;height:auto;margin-bottom: 20px;}
    .specialEdition .imgbannerArea img{width:100%;}
    #contents.main_contents .specialEdition .article .paging{width:100%;position:absolute;left:0;bottom:-21px;}
    #contents.main_contents .specialEdition .top_leftCont .article{padding: 13px 0 25px !important;margin: 0 0;/*margin: 0 15px;*/background:#fff;border-radius: 5px;}
    #contents.main_contents .specialEdition .top_cont + .article{padding: 0 10px 1px 15px !important;/*padding: 19px 10px 1px 15px !important;*/margin: 0 0 !important;}
    /* 테마관 bg 어두운색일때 흰색블릿
    #contents.main_contents .specialEdition .swiper-pagination button.swiper-pagination-bullet{background:#34417c;border:1px solid #fff}
    #contents.main_contents .specialEdition .swiper-pagination button.swiper-pagination-bullet-active{background:#fff;}
    #contents.main_contents .specialEdition .btn_autoArea .btn_autoPlay{background: url(../images/main/btn_mk_play01.png) 50% 50%/8px 10px no-repeat;}
    #contents.main_contents .specialEdition .btn_autoArea .btn_autoStop{background: url(../images/main/btn_mk_stop01.png) 50% 50%/8px 10px no-repeat;}
     */

    /* ui수정, 추가 */
    .videoArea{height:auto;padding:0 15px;margin: 30px 0 15px;}
    .videoArea .youtube_area{width:auto;height: auto;float:none;}
    .mo_slide_cont{height:100%;}
    .swiper-container.mo_cont_slide{height:100%;}
    .mo_cont_slide .swiper-wrapper{height:100% !important;}
    .main_taglist{width:auto;overflow: hidden;position: relative;margin:25px 15px 20px;padding-right: 93px;}
    .main_taglist .inr{height: 72px;}
    .main_taglist ul{margin-left:-5px;}
    .main_taglist ul li{margin:0;height:auto;padding-bottom: 5px;}
    .main_taglist ul li a{display: block;margin-left: 5px;line-height: 28px;border:0;}
    .main_taglist ul li a span{display: block;height: 28px;padding: 0 10px;font-size:13px;line-height: 26px;border: 1px solid #d8d7d7;border-radius: 5px;color: #777;background: #fff;}
    .main_taglist .btn_more{width: 44px;height: 30px;display: none;position: absolute;bottom: 5px;right: 15px;margin-right: 0;text-indent: -9999px;background: url(../images/main/ico_m_arrowbtm01.gif) 0 0 / 100% auto no-repeat;}
    .main_taglist.on .btn_more{background-position: 0 -30px;}
    .main_taglist ul li a:hover{border:0;}
    .main_taglist ul li a:hover span{border:1px solid #666;}
    .snbMain{width:auto;height:85px;}
    .snbMain li{padding:15px 0 0;}
    .snbMain li a{font-size:16px;height:43px;}
    .snbMain li .ico{width:21px;height:19.5px;margin:5px 0 0 0;background-size:105px 19.5px;background-image: url(../images/main/ico_menu_mo.png);}
    .snbMain li em{display:block;width:100%;position:absolute;left:0;top:23px;line-height:33px;font-weight:700;}
    .snbMain li.menu2 .ico {background-position: -21px 0;}
    .snbMain li.menu3 .ico {background-position: -42px 0;}
    .snbMain li.menu4 .ico {background-position: -63px 0;}
    .snbMain li.menu5 .ico {background-position: -84px 0;}
    .snbMain li a:before{height:43px;}
    .tagList .swiper-container .swiper-button-next{display:none;}
    .tagList .swiper-container .swiper-button-prev{display:none;}


    .banner_pcTop ul li ul a img.on, .zone_cont .area_mid a img.on, .list_bnRight li a img.on, .banner_mobileTop ul li ul li img.on
    {transform: scale(1.07) !important;}


    .banner_pcTop ul li ul a img, .zone_cont .area_mid a img, .list_bnRight li a img, .banner_mobileTop ul li ul li img
    {transform:  scale(1);/*-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);*/transition: all 0.8s;}

    .banner_pcTop ul li ul a img:hover, .zone_cont .area_mid a img:hover, .list_bnRight li a img:hover, .banner_mobileTop ul li ul li img:hover
    {transform: inherit;/*-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);*/}


    /* 배너영역 추가 20190830 */
    .guidebookBanner{margin:15px 0 0;padding:15px 10px 15px;border-bottom:10px solid #f1f1f1;}
    .guidebookBanner a{width:50%;}
    .guidebookBanner a img{width:100%;}
    .guidebookBanner a span{display:block;margin:0 5px;}
    .guidebookBanner a:first-child{margin-right:0;}
    .guidebookBanner .pc{display:none;}
    .guidebookBanner.mo{display:block;}

    .wrap_visual{visibility: hidden;display: inline-block;opacity: 0;height: 0 !important;text-indent: -9999px;}
    .moVisu .swiper-slide a > div{width:100%;}
    .moVisu .swiper-slide strong{bottom:70px;left:30px;right:30px;font-size:20px;line-height: 26px;}
    .moVisu .swiper-slide .tag{bottom:48px;left:30px;right:30px;font-size:12px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .moVisu .swiper-container-horizontal>.swiper-scrollbar{height:2px;bottom:25px;width:auto;left:30px;right:30px;margin:0;}
    .moVisu .swiper-button-next, .moVisu .swiper-button-prev{display:none;}

    #gnbMain{top:15px;left:15px;z-index:100;width:290px;margin-left:0;}
    #gnbMain .menu_top{top:15px;height:48px;}
    #gnbMain .menu_top h1{padding-left:20px;line-height:48px;}
    #gnbMain .menu_top h1 img{width:122px;}
    #gnbMain .menu_top .btn_list{top:16px;right:20px;}
    #gnbMain .menu_top .btn_list .btn_search{top:-6px;right:71px;width:17px;height:30px;background: url(../images/common/gnb_search_m.png) no-repeat 50% 50%;background-size:17px 30px;}
    #gnbMain .menu_top .btn_list .btn_search.on{width:16px;height:30px;background: url(../images/common/btn_m_close.png) no-repeat 50% 50%;background-size:16px auto;}
    #gnbMain .menu_top .btn_list .btn_location{top:-6px;right:29px;width:27px;height:30px;background: url(../images/common/gnb_location_m.png) no-repeat 50% 50%;background-size:27px auto;}
    #gnbMain .menu_top .btn_list .btn_menu{top:-6px;right:-5px;width:18px;height:30px;background: url(../images/common/gnb_menu_m.png) no-repeat 50% 50%;background-size:18px 30px;}
    #gnbMain .menu_top .btn_list .btn_menu.on{width:16px;height:30px;background: url(../images/common/btn_m_close.png) no-repeat 50% 50%;background-size:16px 30px;}
    #gnbMain .gnb_search{padding: 14px 14px;}
    #gnbMain .gnb_search .searchBar .wordsList li{padding:5px 14px;}
    #gnbMain .gnb_search .searchBar .inp_search{font-size:15px;}
    #gnbMain .gnb_search .searchBar .btn_search2{right:3px;top:0;width:17px;height:17px;padding:11px 5px;background:url(../images/common/gnb_search2_m.png) 50% 50% no-repeat;background-size:17px auto;}
    #gnbMain .gnb_search .searchBar .wordsList li button{font-size:14px;}
    #gnbMain .gnb_search .searchBar .btn_del{right:30px;top:0;padding:20px 16px;}
    #gnbMain .btn_search.on + .gnb_search{left:20px;top:32px;}
    #gnbMain .gnb_search .area_keyword{padding-top:10px;}
    #gnbMain .gnb_search .area_keyword h2{font-weight:700;font-size:14px;}
    #gnbMain .gnb_search .area_keyword ul{margin-top:-3px;}
    #gnbMain .gnb_search .area_keyword ul li{margin-top:14px;}
    #gnbMain .gnb_search .area_keyword ul li a{width: 100px;font-size:14px;}
    #gnbMain .box_menu{padding:18px 20px 20px;}
    #gnbMain .btn_menu.on + .box_menu{right:-20px;top:32px;}
    #gnbMain .box_menu li{margin-bottom:21px;line-height:15px;}
    #gnbMain .box_menu li a{height:14px;font-size:16px;}
    #gnbMain .box_menu .btn_log{font-size:14px;}

    /* 태그 리스트 */
    .area_tag{position:relative;margin-top:-7px;}
    .area_tag.on .inr{height:auto !important;}
    .area_tag.on .btn_more{bottom:1px;background:url(../images/sub/ico_arrowtop.png) 100% 50%/7px 4px no-repeat;}
    .area_tag .inr{overflow:hidden;height:44px;}
    .area_tag li{margin-right:15px;line-height:22px;}
    .area_tag li a{font-size:13px;}
    .area_tag .btn_more{position:absolute;right:0;bottom:-2px;height:24px;padding-right:11px;background: url(../images/sub/ico_arrowbtm.png) 100% 50%/7px 4px no-repeat;font-weight:400;color:#666;font-size:13px;}
    .area_headerBtm{height: 50px;}
    .area_headerBtm > div{width: 100%; height: 55px; padding: 0 10px;}
    .area_headerBtm .visual_info{left: 50%; display: block; width: 92%; height: 95px; margin-left: -46%; padding:15px 20px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); }
    .area_headerBtm .visual_info .h_tag{margin-top:-3px;font-size:12px;}
    .area_headerBtm .visual_info .tit_visual{margin-top:3px;font-size:20px;}
    .area_headerBtm .visual_info .des{padding-top: 5px;}
    .area_headerBtm .visual_info .des em{margin-top:-8px;padding-left:17px;background:url(../images/main/ico_visual_text_m.png) 0 5px/12px 12px no-repeat;background-position:0 50%;font-size:14px;}
    .area_headerBtm .visual_info .des span{height:30px;margin-top:0;font-size:12px;line-height: 15px;}
    .area_headerBtm .visual_info .swiper-pagination{top:11px;}
    .area_headerBtm .visual_info .swiper-pagination{right: 15px;}
    .area_headerBtm .visual_info .swiper-pagination button.swiper-pagination-bullet{margin-right:5px;}
    .main_header{min-width: 320px;}
    .wrap_visual .snbMain{display:none;}

    /* 홍보 배너 */
    .banner_pcTop{display: none;}
    .banner_mobileTop{display: block;position:relative; width: 100%;}
    .banner_mobileTop ul li ul{margin-left:-5px;}
    .banner_mobileTop ul li ul{width: 100%;}
    .banner_mobileTop ul li ul li{display: block; float: left; width: 50%;}
    .banner_mobileTop ul li ul li:nth-child(2n){float: right;}
    .banner_mobileTop ul li ul li:nth-child(n+3){margin-top: 5px;}
    .banner_mobileTop ul li ul li img{width: 100%;}

    .banner_mobileTop .swiper-pagination{display:inline-block;position:static !important;height:10px;font-size:0;vertical-align:top;}
    .banner_mobileTop .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;margin-left:5px;vertical-align:top;opacity:1;background:#fff;border:1px solid #333;}
    .banner_mobileTop .swiper-pagination button.swiper-pagination-bullet:first-child{margin-left:0;}
    .banner_mobileTop .swiper-pagination button.swiper-pagination-bullet-active{background: #333;}
    .banner_mobileTop .btn_autoArea{display:inline-block;margin-right:5px;font-size:0;vertical-align:top;}
    .banner_mobileTop .btn_autoArea .btn_autoPlay{overflow: hidden; display: none; width:8px; height:10px;background:url(../images/main/btn_mk_play.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
    .banner_mobileTop .btn_autoArea .btn_autoStop{overflow: hidden; display: inline-block; width:8px; height:10px;background:url(../images/main/btn_mk_stop.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
    .banner_mobileTop .paging{height:10px;margin-top:10px;font-size:0;text-align:center;line-height:10px;}
    .banner_mobileTop.active .btn_autoArea .btn_autoPlay{display:inline-block;}
    .banner_mobileTop.active .btn_autoArea .btn_autoStop{display:none;}

    .list_zone{width: 100%;margin-bottom:0;position:static;}
    .list_zone .swiper-container2{height:44px;padding:0;margin:18px 0 0;}
    .list_zone .swiper-container2.type0 .swiper-slide{width: 49px;}
    .list_zone .swiper-slide button{height: 44px;line-height: 44px;font-size:14px;color: #666;}
    .list_zone .swiper-slide.on button{color:#000;}
    .list_zone .swiper-slide.on .bdr{bottom:0;}
    .list_zone .zone_top{float:none;padding:17px 0 20px;}
    .list_zone .zone_top .btn_all{display:none;}
    .list_zone .zone_top .btn_mp_view{margin-right:0;padding-left:20px;position:absolute;right:15px;top:5px;font-size:12px;color:#000;}

    .btm_cont{margin-top:0;}
    .box_calendar{display: none;}
    .btm_cont .btn_mobileList{display: none; width: 100%; margin-bottom: 35px;}
    .btm_cont .btn_mobileList li{float: left; width: 49%; margin-top: 8px; border: 1px solid #e1e1e1; box-sizing: border-box;}
    .btm_cont .btn_mobileList li a{padding: 15px 0; text-align: center; font-size:14px; font-weight:400;}/*1차때 삭제 된 내용인데 추후 추가될 수 있어 display:none 적용*/
    .btm_cont .btn_mobileList li:nth-child(2n){float: right;}

    .list_bnRight{margin-right:13px;margin-left:12px;float:none;width:auto;}
    .list_bnRight:after{content:'';display:block;width:100%;clear:both;}
    .list_bnRight li{width:33.333%;height:52px;margin-bottom:5px;text-align:center;margin:0 0 5px 0;}
    .list_bnRight li.bg{width:66.665%;}
    .list_bnRight li.bg img.m_img{position: absolute;left: 0;top: 20px;}
    .list_bnRight li:nth-child(2n){float: left;}
    .list_bnRight li:nth-child(3n){float: right;}
    .list_bnRight li a{height: 52px;margin:0 2px 0 3px;}
    .list_bnRight li .non{width: 98%; height: 56px;}
    .list_bnRight li img.w_img{display:none;}
    .list_bnRight li img.m_img{display:inline-block;height:52px;}
    .list_bnRight.bnMarg{margin-top: 1px;}
    .btmDepartment .banner{width:auto;padding:0;float:none;overflow: hidden;margin-left:-10px;}
    .btmDepartment .banner > div{width:50%;margin:0;}
    .btmDepartment .banner > div a{margin:0 0 10px 10px;}
    .btmDepartment .banner .guideBook{margin:0;}
    .btmDepartment .banner .guideBook a{margin-right:5px;}
    .btmDepartment .banner .templeStay a{margin-left:5px;}
    .btmDepartment .banner .guideBook a span:after{right:15px;bottom:15px;width:28.5px;height:29px;background: url(../images/main/ico_mguidebook.png) 0 0 no-repeat;background-size:100% 100%;}
    .btmDepartment .banner .templeStay a span:after{right:15px;bottom:15px;width:44.5px;height:31px;background: url(../images/main/ico_mtemplestay.png) 0 0 no-repeat;background-size:100% 100%;}
    .btmDepartment .banner a{display:block;height:83px;width:auto;float:none;}
    .btmDepartment .banner a span{padding: 14px 0 0 0;font-size:14px;font-weight:700;line-height: 16px;}
    .btmDepartment .banner a span:before{height: 33px;margin-bottom: 6px;background: url(../images/main/ico_btm_mbanner.gif) 50% 0 / 44px auto no-repeat;}
    .btmDepartment .banner .icon2 span:before{background-position: 50% -33px;}
    .btmDepartment .banner .icon3 span:before{background-position: 50% -66px;}
    .btmDepartment .banner .icon4 span:before{background-position: 50% -99px;}
    .btmDepartment{padding: 20px 0 0;}
    .btmDepartment .rArea{position:relative;float:none;width:auto;padding-top:10px;padding:0 15px;}
    .btmDepartment .sel_area{width:auto;float:none;overflow:hidden;padding:0;}
    .btmDepartment .sel_area .row{padding-right: 64px;}
    .btmDepartment .sel_member select{height:38px;}

    .btn_mGuideDown{display: block; clear: both; width: 100%; box-sizing: border-box; margin-bottom: 35px; padding: 10px 15px; border: 1px solid #cccdcd; background:url(../images/main/ico_download.png) 95% 50% no-repeat;}
    .btn_mGuideDown > strong{display: block; color: #000; font-size: 1.1em;}
    .btn_mGuideDown > span{display: block; padding-top: 5px; font-size: 1em;}

    .sel_member{width:auto;margin:5px 15px 0;}
    /* 삭제 예정 */
    .sel_area{padding:0 15px;}
    .sel_area .row .link_view{top:0;line-height:40px;}
    .sel_area .row .sel_member{width:100%;margin:5px 0 0;}
    /* //삭제 예정 */

    .top_cont{padding:0 0 0;}
    .top_cont:after{height:0;}
    .top_cont .top_leftCont{float: none; width: 100%;}
    .list_board li a{font-size:13px;line-height:35px;}

    /* 여행색션 바로가 배너 - 모바일만 적용 */
    .banner_area_m{display:block;border-bottom:10px solid #f0f0f0;}
    .banner_area_m img{width:100%;}

    /* 관광가이드북 다운로드 */
    .btn_tg_down{margin-top:0;border:0 none;border-bottom:10px solid #f0f0f0;font-size:15px;}
    .btn_tg_down span{margin-top:-3px;}


    /** 여행주간 _190410 **/
    .event_travel_area{padding:38px 0 30px;background:#edf3ec url(../../resources/images/temp/bg_travel_m.png) no-repeat 50% 100%/100% auto;}
    .event_travel_area .title{padding:0 25px 12px;}
    .event_travel_area .tit{padding-bottom:16px;}
    .event_travel_area .type_p{display:none !important;}
    .event_travel_area .type_m{display:block !important;}
    .event_travel_area .et_inner{width:100%;margin-bottom:0;padding:0;}
    /* 여행주간 > video */
    .event_travel_area .travel_video_wrap{float:none;padding:0 25px;}
    .event_travel_area .youtube_area{width:auto;height:auto;}

    /* 여행주간> 여행주간에 떠나보세요 */
    .event_travel_area .travel_leave_wrap{float:none;width:auto;margin-top:0;padding-top:20px;}
    .event_travel_area .travel_leave_wrap .tit img{width:180px;}
    .event_travel_area .travel_leave_wrap .travel_leave_list_wrap.type_m{position:relative;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
    .travel_leave_wrap .travel_leave_list_wrap.type_m .travel_leave_list{overflow-x:auto;overflow-y:hidden;width:100%;padding-top:15px;font-size:0;}
    .travel_leave_wrap .travel_leave_list_wrap.type_m .travel_leave_list li{display:inline-block;position:relative;margin-left:10px;}
    .travel_leave_wrap .travel_leave_list_wrap.type_m .travel_leave_list li:last-child{margin-right:10px;}
    .travel_leave_wrap .travel_leave_list_wrap.type_m .travel_leave_list li img{width:130px;height:150px;}

    /* 여행주간 > 여행주간 이벤트 */
    .event_travel_area .travel_event_wrap{float:none;width:auto;padding-top:20px;}
    .event_travel_area .travel_event_wrap .tit img{width:123px;}
    .event_travel_area .travel_event_banner{padding:15px 25px 0;}
    .event_travel_area .travel_event_banner a{float:none;}
    .event_travel_area .travel_event_banner .type_m{position:relative;}
    .event_travel_area .travel_event_banner .type_m img{width: 100%;}

    .event_travel_area .travel_event_banner .type_m .swiper-button-prev{width:12px;height:24px;margin-top:-12px;background-size:25px auto;}
    .event_travel_area .travel_event_banner .type_m .swiper-button-next{width:12px;height:24px;margin-top:-12px;background-position:-13px 0;background-size:25px auto;}

    .event_travel_area .travel_event_banner .type_m .btn_autoArea{display:inline-block;margin-right:5px;font-size:0;vertical-align:top;}
    .event_travel_area .travel_event_banner .type_m .btn_autoArea .btn_autoPlay{overflow: hidden; display: none; width:8px; height:10px;background:url(../../resources/images/main/btn_mk_play.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
    .event_travel_area .travel_event_banner .type_m .btn_autoArea .btn_autoStop{overflow: hidden; display: inline-block; width:8px; height:10px;background:url(../../resources/images/main/btn_mk_stop.png) 50% 50%/8px 10px no-repeat; text-indent: -9999px;vertical-align:top;}
    .event_travel_area .travel_event_banner .type_m .paging{height:10px;margin-top:10px;font-size:0;text-align:center;line-height:10px;}
    .event_travel_area .travel_event_banner .type_m.active .btn_autoArea .btn_autoPlay{display:inline-block;}
    .event_travel_area .travel_event_banner .type_m.active .btn_autoArea .btn_autoStop{display:none;}

    .event_travel_area .travel_event_banner .type_m .swiper-pagination{display:inline-block;position:static !important;height:10px;font-size:0;vertical-align:top;}
    .event_travel_area .travel_event_banner .type_m .swiper-pagination button.swiper-pagination-bullet{width:10px;height:10px;margin-left:5px;vertical-align:top;}
    .event_travel_area .travel_event_banner .type_m .swiper-pagination button.swiper-pagination-bullet:first-child{margin-left:0;}
    .event_travel_area .travel_event_banner .type_m .swiper-pagination button.swiper-pagination-bullet-active{background: #333;}
}

@media all and (min-width:768px) and (max-width:1023px) {
    .main_curation_area .swiper-slide{width: 210px !important;}
    .main_curation_area .swiper-slide.swiper-slide-next:after{display:none;}
    .main_curation_area .swiper-slide.swiper-slide-prev:after{display:none;}
    .main_mo .main_curation_area .tab_cont > p br{display:none;}
}

@media screen and (min-width:800px) and (max-width: 1023px) {
    #safetyStay1 .layerpop {left: 100px;right: 100px;}
}