.bx_center {width:100%;}
.slick-slider {position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;margin:0;padding:0; overflow:hidden;}
.slick-list:focus {outline:0}
.slick-list.dragging {cursor:pointer; cursor:pointer}
.slick-slider .slick-list,
.slick-slider .slick-track {  -webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  -o-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slick-track {position:relative; top:0; left:0; display:block}
.slick-track:after,
.slick-track:before {display:table; content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none; float:left; height:100%; min-height:1px}
[dir=rtl] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}


/* 헤더 콘텐츠css */
.sc_Header {}
.sc_Header .search_box .search_fake {background-color:#fff;border:1px solid #D5D5D5;  }
.top_commu_menu_swiper_wrap {background-color:#fff;  border-top:1px solid #ddd;}
/*.top_commu_menu_swiper .swiper-slide {padding:20px 0 10px 0!important}*/
.top_commu_menu_swiper .new {top:3px!important}

/*비주얼*/
.box-main-banner {position:relative; max-width:100%; /*height:540px;*/ margin:40px auto 70px auto; /*overflow:hidden;*/}
/*.box-main-banner:before {content: ''; width: 1000%; height: 383px; background-color: #daeaff; position: absolute; left: -1000px; top: -41px;}*/
/*.box-main-banner:before {content:''; border-bottom:1px solid #ddd; width:1000%; height:1px; position:absolute; left:-1000px; bottom:-50px}*/

.box-main-banner .slick-slide {padding:0 10px 0 10px; padding-bottom:60px; opacity:1; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; transition:All .5s ease; }
.box-main-banner .slick-slide.slick-current {opacity:1}
.box-main-banner .slick-slide.slick-center {opacity:1}
.box-main-banner .slick-dots {position:absolute;  bottom:0px;  left:50%}
.box-main-banner .slick-dots:after {content:'';  display:block;  clear:both}
.box-main-banner .slick-dots li {list-style:none;  float:left;  margin:0 3px}
.box-main-banner .slick-dots .dots {display:inline-block;  width:10px;  height:10px;  background:#eee;  font-size:0;  line-height:0;  border-radius:5px}
.box-main-banner .slick-dots .slick-active .dots {  width:20px;  background:#aaa}

/*.box-main-banner .slick-prev, .box-main-banner .slick-next {display:none !important}

.box-main-banner .slick-prev {position:absolute;  top:50%;  left:50%;  width:50px;  height:50px;  margin-top:-31px;  margin-left:-615px;  background:#fff; border-radius:50rem;  z-index:100;  opacity:.7;  font-size:0;  line-height:0;  -webkit-transition:All .3s ease;  -moz-transition:All .3s ease; box-shadow: 1px 1px 8px rgb(0 0 0 / 30%); transition:All .3s ease}
.box-main-banner .slick-prev:focus,
.box-main-banner .slick-prev:hover {opacity:1}
.box-main-banner .slick-prev:before{content:''; position:absolute; left:12px; top:25px; font-family:xeicon; font-size:26px; color:#000;}

.box-main-banner .slick-next {position:absolute;  top:50%;  right:50%;  width:50px;  height:50px;  margin-top:-31px;  margin-right:-620px; background:#fff; border-radius:50rem; z-index:100;  opacity:.7;  font-size:0;  line-height:0;  -webkit-transition:All .3s ease;  -moz-transition:All .3s ease; box-shadow: 1px 1px 8px rgb(0 0 0 / 30%); transition:All .3s ease}
.box-main-banner .slick-next:focus,
.box-main-banner .slick-next:hover {opacity:1}
.box-main-banner .slick-next:after{content:''; position:absolute; left:12px; top:25px; font-family:xeicon; font-size:26px; color:#000;}

*/


.box-main-banner .slick-prev {position:absolute;  bottom:5px;  left:50%;  /*width:50px;  height:50px;  margin-top:-31px;  margin-left:-615px;  background:#fff; border-radius:50rem;*/  z-index:100;  /*opacity:.7;*/  font-size:0;  line-height:0;  -webkit-transition:All .3s ease;  -moz-transition:All .3s ease; /*box-shadow: 1px 1px 8px rgb(0 0 0 / 30%);*/ transition:All .3s ease}
.box-main-banner .slick-prev:focus,
.box-main-banner .slick-prev:hover {opacity:1}
.box-main-banner .slick-prev:before{content:''; position:absolute; left:40px; bottom:5px; font-family:xeicon; font-size:26px; color:#555;}

.box-main-banner .slick-next {position:absolute;  bottom:5px;  right:50%;  /*width:50px;  height:50px;  margin-top:-31px;  margin-right:-620px; background:#fff; border-radius:50rem;*/ z-index:100;  /*(opacity:.7;*/  font-size:0;  line-height:0;  -webkit-transition:All .3s ease;  -moz-transition:All .3s ease; /*box-shadow: 1px 1px 8px rgb(0 0 0 / 30%);*/ transition:All .3s ease}
.box-main-banner .slick-next:focus,
.box-main-banner .slick-next:hover {opacity:1}
.box-main-banner .slick-next:after{content:''; position:absolute; right:-100px; bottom:5px; font-family:xeicon; font-size:26px; color:#555;}

.box-main-banner .btn-banner {display:block; position:relative; width:420px; height:480px; margin:0 auto; background:no-repeat 50% 50%; background-size:cover; border-radius:20px; background-color:#555;/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);*/}

.box-main-banner .btn-banner:after {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:20px;}
.box-main-banner .btn-banner:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:66%; background:url(https://www.boolub.com/images/main/bg_main_grad.png) no-repeat 0 0;  background-size:100% 100%}
.box-main-banner .btn-banner.no-dim:before {display:none}
/*.box-main-banner .btn-banner .txt-wrap {position:absolute; display:block; min-width:300px; left:60px; top:50%; transform:translateY(-50%) ;padding:30px; border-radius:1rem}*/
.box-main-banner .btn-banner .txt-wrap {position:absolute; display:block;width:50%; height:100%; min-width:300px; left:0; top:0; /*transform:translateY(-50%);*/padding:30px; border-radius:1.5rem 0 0 1.5rem; z-index:2;}
.box-main-banner .btn-banner .txt-wrap .txt-1 { font-family: 'GmarketSansMedium';word-break:keep-all; font-weight:600; display:block; position:relative; top:0px; /*font-family:'SpoqaHanSans-Regular';*/ font-size:26px; color:#fff; opacity:1; -webkit-transition:All 1s ease;  -moz-transition:All 1s ease;  transition:All 1s ease;  -webkit-transition-delay:.3s;  line-height:130%; transition-delay:.3s; /*font-family: 'Pretendard-Regular'*/}
.box-main-banner .btn-banner .txt-wrap .txt-2 {display:block; position:relative; top:0px; padding-top:20px; font-family:'SpoqaHanSans-Regular'; font-size:18px; color:#fff; opacity:1; -webkit-transition:All 1s ease;  -moz-transition:All 1s ease;  transition:All 1s ease;  -webkit-transition-delay:.5s;  transition-delay:.5s ; /*font-family: 'Pretendard-Regular';*/ line-height:140%}
.box-main-banner .slick-center .btn-banner .txt-wrap .txt-1 {opacity:1;  top:0}

.box-main-banner .btn-banner .txt-wrap .txt-1 em {background-color:#fff; color:#222; border-radius:20px; padding:3px 10px; font-size:16px; font-family:'SpoqaHanSans-Regular';font-weight:normal; line-height:280%}


.box-main-banner .slick-center .btn-banner .txt-wrap .txt-2 {opacity:1; top:0}
.box-main-banner .btn-banner:focus .txt-wrap .txt-2>span,
.box-main-banner .btn-banner:hover .txt-wrap .txt-2>span {background-repeat:no-repeat; background-size:100% .15em; background-image:linear-gradient(rgba(226,56,63,.8),rgba(226,56,63,.8)); background-position:0 .88em}
.box-main-banner .btn-wrap {position:absolute; bottom:5px; left:50%; margin-left:-65px; z-index:100} 

.box-main-banner .btn-stop {display:none; width:12px; height:14px; background:url(/images/main/btn_pause_2_black.png) no-repeat 50% 50%; font-size:0; line-height:0; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; transition:All .5s ease}
.box-main-banner .btn-stop.show {display:block}
.box-main-banner .btn-play {display:none; width:12px; height:18px; background:url(/images/main/btn_play_2_black.png) no-repeat 50% 50%; font-size:0; line-height:0; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; transition:All .5s ease}
.box-main-banner .btn-play.show {display:block}
.box-main-banner .num-wrap {position:absolute; bottom:0px; left:50%; transform: translateX(-50%); z-index:100; font-family:'SpoqaHanSans-Regular'; font-size:16px; line-height:18px; color:#fff; background: #000000bf; padding: 3px 20px; border-radius: 15px; /*margin-left:10px*/}
.box-main-banner .num-wrap span {color:#fff}
.box-main-banner .num-bar {opacity:.5; margin:0 3px;}
.box-main-banner .num-total {opacity:.5}


.box-main-banner .btn-banner .nb_top_gradient  {position: absolute; top:0;left:0; width:100%; height:300px; border-radius:20px 20px 0 0; z-index:1; }
 


.box-main-banner .btn-banner .mb_arrow_btn {position:absolute;  text-align:center; background: url("/images/main/n_mb_iconbg.png") no-repeat 50% 50% / cover;  right:0; bottom:0; width:120px; height:120px; }
.box-main-banner .btn-banner .mb_arrow_btn div {position:relative; width:100%; height:100%;}
.box-main-banner .btn-banner .mb_arrow_btn  p {position:absolute; display:flex; right:0px; bottom:0px; width:66px; height:66px; background-color:#222; border-radius:50%; justify-content: center; align-items: center;}




.main_banner_new {position:relative; box-sizing:border-box;  display:flex; background-color:#fff; margin:50px 0;width: 100%}
 
.main_banner_new .mv_white .m_txt02  {color:#222}
.main_banner_new .mv_white em  {color:#222}

.main_banner_new .swiper-slide .m_txt_wrap {position:absolute; right:20px; top:50px;margin:80px 0 0 50px; background-color:#0000008f; border-radius:20px; width:270px; padding:30px}
.main_banner_new .swiper-slide .m_txt01 {position:relative;  z-index:9;font-size:30px; line-height:120%; font-weight:bold;  margin-bottom:35px; color:#fff;  font-family: 'Pretendard-Regular'; text-shadow:3px 2px 0px #222;}
.main_banner_new .swiper-slide .m_txt02 {position:relative;  z-index:9; font-size:18px;line-height:130%; color:#fff; opacity:0.9;  font-family: 'Pretendard-Regular'}
.main_banner_new .swiper-slide em {margin-top:40px;  font-size:16px; color:#fff; opacity:0.9;  border:1px solid #fff; display:inline-block; padding:10px 20px; text-align:center}
.main_banner_new .swiper-slide a:hover em {background-color:#fff; color:#222} 

.main_banner_new .swiper-slide {border-radius:20px; position:relative;box-sizing:border-box; width:33%;background-color:#fff;   height:400px; object-fit:cover;margin:0 0px; box-sizing:border-box;}
.main_banner_new .swiper-slide img {border-radius:20px; opacity:0.5; width:100%}

.main_banner_new .swiper-slide-next {object-fit:cover}
.main_banner_new .swiper-slide-next img {width:100%}
.main_banner_new .swiper-slide:first-child {margin-left:0!important}

.main_banner_new .swiper-button-next:after, .main_banner_new .swiper-rtl .swiper-button-prev:after {color: #fff}
.main_banner_new .swiper-button-prev:after, .main_banner_new .swiper-rtl .swiper-button-next:after {color: #fff}

.main_banner_new .swiper-pagination {width:auto; left:50%; bottom:20px;  padding:3px 10px; color:#fff; border-radius:10px; transform: translateX(-50%);background-color:#0000009e; display:block;white-space:nowrap}

.main_banner_new .swiper-wrapper {align-items:center}

.main_banner_new .swiper-horizontal>.swiper-pagination-bullets, .main_banner_new .swiper-pagination-bullets.swiper-pagination-horizontal, .main_banner_new .swiper-pagination-custom, .main_banner_new
.swiper-pagination-fraction {left: 50%!important;width: 100%;color: #fff;display: block;width: 60px!important; border-radius:20px; padding:5px 0}




body .alphaBanner {display:none}
.if_main .alphaBanner {display:block}

/*.main_h3_p {margin-top:-10px;}*/
/** 탑 배너 **/
.alphaBanner {background: #131751 url("/images/main/top_bg.png") no-repeat 50% 50% / cover; color: #fff;padding: 10px; position: relative}
.alphaBanner .desc span {margin-right:5px; color:#fff; font-size:16px}
.alphaBanner .desc strong {color:#fff; font-size:30px; font-weight:normal; text-shadow: 2px 2px rgb(122 20 68 / 10%); font-family: 'InkLipquid'}
.alphaBanner p em {font-size:16px; background:#e743ce; color:#fff; border-radius:20px; padding:7px 10px}
.alphaBanner_in {position:relative;display:flex;  align-items: center; justify-content: center;max-width:1020px; width:100%; margin:0 auto}
.alphaBanner_in img {max-height:50px;margin-right:5px}
.alphaBanner_in .coupon_btn {width:15px; height:15px; text-align:center; display:inline-block; background-color:#fff; border-radius:50px; color:#000; font-weight:bold; padding:5px; margin-left:10px}
.alphaBanner_in .coupon_btn i {font-size:16px}
.alphaBanner_in .coupon_btn:hover {background-color:#ffffffde}
.alphaBanner_in .xi-close-thin {font-size:20px}
#closeBannerBtn {cursor: pointer; margin-left:20px; color:#fff}
 
.alphaBanner_in_img {display:flex;align-items:center}

/* 탑 타이머 */
#timer_box {background: #ffe200 url("/images/main/top_clock.jpg") no-repeat 35% 15%; padding:0 0 20px 0}
#timer_box .desc {display:flex; justify-content:center; margin-bottom:15px}
#timer_box .desc span {font-size:16px; color:#000}
#timer_box .desc strong {font-size:28px; color:#ab00ff; font-family:'InkLipquid'}
	#timer {display:flex; text-align: center}
	#timer.timer {display:flex; justify-content:center; align-items:center; gap:10px; box-sizing: border-box;}
	#timer div {display: inline-block; padding: 15px; background-color: #fff; border-radius: 10px; border: 2px solid #ffca00; color:#000; font-size:20px; font-weight:bold}
	#timer div span {display: inline-block; color: #0300e3; font-size:12px; font-weight: 400; margin-left:7px}

@media (max-width:480px){



	#timer_box {background-position:top; background-size:900px!important; padding:15px 10px}
	#timer_box .desc strong {font-size:22px;}
	#timer div {padding: 10px;}
	#timer div span {margin-left:2px}
}


/*메인 이미지 배너*/
.swiper_img_banner_main {width:100%;margin:20px 0 auto; box-sizing:border-box;  position:relative}
.swiper_img_banner_main .swiper-slide {width:100%; margin:0 auto; position:relative}
.swiper_img_banner_main .swiper-slide a {width:100%; height:100%}
.swiper_img_banner_main .swiper-slide img {width:100%; height:250px; object-fit:cover; max-height:250px; border-radius:10px}

.swiper_img_banner_main .swiper-slide .txt_box {position:absolute; top:50%;transform: translateY(-50%);right: 60px; left:auto; text-align:right}
.swiper_img_banner_main .swiper-slide .title_p  {font-family: 'Giants-Bold', 'Pretendard-Regular', 'Noto Sans KR'; font-weight:bold; margin-bottom:10px; font-size:30px; color:#fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.50);}
.swiper_img_banner_main .swiper-slide .txt_p  {font-size:17px; color:#fff; opacity:0.9; text-shadow: 2px 2px 8px rgba(0,0,0,0.15)}

.swiper_img_banner_main .swiper-pagination-bullet-active {  background: #fff!important}
.swiper_img_banner_main .swiper-pagination-bullet {background: #fff}

.swiper_img_banner_main .swiper-pagination { width: 100%; border-radius: 20px;color: #fff; padding:3px 0;}
.swiper_img_banner_main .swiper-pagination-current {font-weight: bold;color: #fff;}

.swiper_img_banner_main .swiper-pagination-total {color: #ffffffb8;}

/*메인 비주얼*/
.main_banner {width: 100%;height: 570px; position:relative; margin-bottom:60px; overflow:hidden}
.main_banner .swiper-slide {font-size: 18px;background: #fff}
.main_banner .swiper-slide a {display:block;width:100%; height:100%}
.main_banner .swiper-slide img {display: block;  margin-top:20px}

.main_banner .swiper-slide:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 8rem;background: linear-gradient(360deg,transparent,rgba(0,0,0,.6));pointer-events: none}

.main_banner .swiper-slide.mv_01  {background: url("/images/main/mv_12.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_02  {background: url("/images/main/mv_03.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_03  {background: url("/images/main/mv_02.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_04  {background: url("/images/main/mv_05.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_05  {background: url("/images/main/mv_06.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_06  {background: url("/images/main/mv_07.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_07  {background: url("/images/main/mv_05.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_08  {background: url("/images/main/mv_08.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_09  {background: url("/images/main/mv_10.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_10  {background: url("/images/main/mv_11.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_11  {background: url("/images/main/mv_14.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_12  {background: url("/images/main/mv_15.jpg") no-repeat 50% 30% / cover}
.main_banner .swiper-slide.mv_13  {background: url("/images/main/mv_16.jpg") no-repeat 50% 30% / cover}


.main_banner .mv_white .m_txt02  {color:#222}
.main_banner .mv_white em  {color:#222}

.main_banner .swiper-slide .m_txt_wrap {padding:50px 0 0 20px;opacity:0; max-width:1020px; margin:0 auto}
.main_banner .swiper-slide .m_txt01 { position:relative;  z-index:9; font-size:50px; line-height:120%; font-weight:bold;  margin-bottom:5px; color:#fff;  font-family: 'Pretendard-Regular'; text-shadow:3px 2px 0px #222}
.main_banner .swiper-slide .m_txt02 { position:relative;  z-index:9; font-size:20px; line-height:130%; color:#fff; opacity:0.9;  font-family: 'Pretendard-Regular'}
.main_banner .swiper-slide em { margin-top:40px;  font-size:16px; color:#fff; opacity:0.9;  border:1px solid #fff; display:inline-block; padding:10px 20px; text-align:center}
.main_banner .swiper-slide a:hover em {background-color:#fff; color:#222} 

.main_banner .swiper-slide-active .m_txt_wrap {opacity:1; transition:0.6s; padding-top:100px}
.main_banner .swiper-button-next:after, .main_banner .swiper-rtl .swiper-button-prev:after {color: #fff}
.main_banner .swiper-button-prev:after, .main_banner .swiper-rtl .swiper-button-next:after {color: #fff}

.main_banner .swiper-pagination {width:auto; left:50%; bottom:20px;  padding:3px 10px; color:#fff; border-radius:10px; transform: translateX(-50%);background-color:#0000009e; display:block;white-space:nowrap}


.main_banner .swiper-horizontal>.swiper-pagination-bullets, .main_banner .swiper-pagination-bullets.swiper-pagination-horizontal, .main_banner .swiper-pagination-custom, .main_banner .swiper-pagination-fraction {
left: 50%!important; width: 100%; color: #fff; display: block; width: 60px!important; border-radius:20px; padding:5px 0}

/*메인 구독서비스 */
.swiper_subscription02 {width: 96%; margin-bottom:40px; margin-top:20px;  box-sizing:border-box; max-width:1020px; position:relative;height: 280px; border-radius:20px}

.swiper_subscription02 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: block}

.swiper_subscription02 .swiper-slide:nth-child(1) {background:#2d5f9e url("/images/main/mv_01_pc.png") right 50% no-repeat; background-size:cover}
.swiper_subscription02 .swiper-slide:nth-child(2) {background:#e32e50 url("/images/main/mv_01_pc.png") right 50% no-repeat; background-size:cover}
.swiper_subscription02 .swiper-slide:nth-child(3) {background:#ff6600 url("/images/main/mv_01_pc.png") right 50% no-repeat; background-size:cover}
.swiper_subscription02 .swiper-slide img {display: block;max-width: 200px;width:100%;margin:20px 0 0 20px}
.swiper_subscription02 .swiper-pagination-fraction {background: #000000BF;color: #fff;width: 50px;height:16px;border-radius: 10px;padding: 5px 0px;top:10px!important;right:10px}
.swiper_subscription02 .swiper-pagination-current {font-weight:bold}
.swiper_subscription02 .swiper-pagination-total {opacity:0.8}

/*메인 구독서비스 */
.swiper_subscription {width: 100%; margin-bottom:40px;  box-sizing:border-box; max-width:1020px; position:relative;border-radius:10px}
.swiper_subscription .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: block}
.swiper_subscription .swiper-slide img { }
.swiper_subscription .swiper-slide .mobile {display:none}
.swiper_subscription .swiper-slide .pc {display:block}

.swiper_subscription .swiper-pagination-fraction {background: #000000BF;color: #fff;width: 50px;height:16px;border-radius: 10px;padding: 5px 0px;top:10px!important;right:10px; }
 
.swiper-pagination-current {font-weight:bold;}
.swiper-pagination-total {opacity:0.8;}

/*메인 국가 */
/*swiper*/
.swiper_nation_wrap {height: auto; width:100%; max-width:1020px; padding-top:10px; max-width:1200px; margin:0px auto 50px auto;  z-index:0;  box-sizing:border-box; position:relative}
.swiper_nation_wrap h3 { font-family: 'GmarketSansMedium'; font-size:28px; font-weight:bold;  margin:0px 0 5px 0; color:#222}
.swiper_nation_wrap h3 + p {margin-bottom:20px; font-size:17px; color:#666; }

.swiper_nation_wrap .swiper-slide { width: 18%; margin-right:28px}
.swiper_nation_wrap .swiper-button-next.swiper-button-disabled, 
.swiper_nation_wrap .swiper-button-prev.swiper-button-disabled {display:none}
.swiper_nation_wrap .swiper-button-next, .swiper_nation_wrap .swiper-button-prev{background-color: #fff;    border: 0;    border-radius: 50%;    box-shadow: 0 0 0 1px rgba(0,0,0,.05),0 2px 6px 0 rgba(0,0,0,.05),0 4px 12px 0 rgba(0,0,0,.05);    height: 40px;    position: absolute;    text-align: center;    top: 65%;    transform: translateY(-65%);    transition: .2s;    width: 40px;    z-index: 10;   color:#444}
.swiper_nation_wrap .swiper-button-next:hover, .swiper_nation_wrap .swiper-button-prev:hover {box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 6px 0 rgba(0,0,0,.05),0 8px 12px 0 rgba(0,0,0,.2);}
.swiper_nation_wrap .swiper-button-next {right:-10px}
.swiper_nation_wrap .swiper-button-prev {left:-20px}
.swiper_nation_wrap  .swiper-button-next:after, .swiper_nation_wrap  .swiper-button-prev:after {font-size: 18px}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%!important;
height: 4px;
bottom: 0!important;
}

.swiper_nation  {position:relative; overflow:hidden}
.swiper_nation_wrap.swiper-slide {text-align: center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;height: 36px;line-height: 130%;white-space: nowrap;margin-right:0px!important;}
.swiper_nation .swiper-slide a {position:relative; width:100%}
.swiper_nation .swiper_txt {text-align:center}
.swiper_nation .swiper-slide .btn_nation_view {width:100%; display:flex; border-radius:0 0 20px 20px; background-color:#000000bd;   transition:0.2s; position:absolute; bottom:0;  left:50%; transform:translate(-50%, 0);text-align:center; box-sizing:border-box}
.swiper_nation .swiper-slide .btn_nation_view .btn {width:50%; padding:5px 0;}
.swiper_nation .swiper-slide .btn_nation_view .btn a { padding:0.5rem 1rem; font-size:14px;  color:#fff;}
.swiper_nation .swiper-slide .btn_nation_view .btn1 a { border-right:1px dashed #ffffff4f; color:#fff}
/*.swiper_nation .swiper-slide:hover .btn_nation_view {background-color: #ff38a6; color: #fff; transition:0.2s}*/

.swiper_nation .swiper-slide .img  {display: block; background-color:#fff;width: 100%;height: auto; border-radius:20px;position: relative;object-fit: cover; overflow:hidden}
.swiper_nation .swiper-slide .img:after {content: "";position: absolute;left: 0;top: 0;width: 100%; border-radius:20px;height: 13rem;background: linear-gradient(360deg,transparent,rgba(0,0,0,.7));pointer-events: none;}

.swiper_nation .swiper-slide:last-child .img:before {width: 0}
.swiper_nation .swiper-slide:last-child .name {top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center;  }
.swiper_nation .swiper-slide .img > img {width:100%;height: 300px;  border-radius:20px; object-fit: cover; text-align:center; transform: scale(1); transition-duration: 1s; transition-timing-function: ease-out;}
.swiper_nation .swiper-slide .img:hover img {transform: scale(1.1); transition-duration: 3s; transition-timing-function: ease-out;}
 
.swiper_nation .swiper-pagination-fraction, .swiper_nation .swiper-pagination-custom, .swiper_nation .swiper-container-horizontal > .swiper-pagination-bullets {
right: 10px!important; left:auto!important;}
.swiper_nation .swiper-horizontal>.swiper-pagination-bullets, .swiper_nation .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper_nation .swiper-pagination-custom, .swiper_nation .swiper-pagination-fraction {
left: auto;}

.swiper_nation .swiper-slide:hover .img:after {border-radius:20px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65); content: ''; }
.swiper_nation .swiper-slide:hover .swiper_view { background-color:#222; color:#fff;}

.swiper_nation .swiper-slide .name {color:#fff; font-size:20px;overflow: hidden;white-space: nowrap; font-weight:bold;text-overflow: ellipsis; color:#fff; text-align:left;display:inline-block}
.swiper_nation .swiper-slide  {position:relative}
.swiper_nation .swiper-slide .swiper_txt {width:100%; text-align:center; position:absolute; top:30%; left:50%; transform:translate(-50%, -30%); color:#fff; box-sizing:border-box} 

.swiper_nation .swiper-slide .swiper_txt .swipter_nation_p { color:#fff; line-height:110%;} 

.swiper_nation .swiper-button-next, .swiper-rtl .swiper-button-prev {display:none}
.swiper_nation .swiper-button-prev, .swiper-rtl .swiper-button-next {display:none}

.swiper_nation .swiper-pagination-progressbar {background: rgba(255,255,255,.55)!important; top:100%!important}
.swiper_nation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #2d5f9e!important}


/******* 메인 아이콘 박스 *******/

.icon_wrap .flexBox > * > * {display:flex; align-items:center; border:0; background-color:#eef1f5; gap:10px; /*text-align:center*/}
/*.icon_wrap .flexBox > * > * > i {background-color: #fff; border-radius: 50%; padding: 0.5rem;}*/

.icon_wrap .item a:hover {background-color:#d7f0ff; transition: all .3s}
/*.icon_wrap .item a:hover i {background-color:#b0e2ff}*/

.icon_wrap .item .desc {display:flex; flex-direction:column; margin-top:0.5rem}
.icon_wrap .item .desc strong {font-size:17px; font-weight:600; color:#000}
.icon_wrap .item .desc span {color:#555; margin-top:0.2rem}

/* 메인 아이콘 4개 NEW */
.m_iconbox_new4 {width:100%; border: 1px dashed #ddd; border-radius:20px; margin-bottom:20px; padding:40px; box-sizing:border-box;}
.m_iconbox_new4 ul {display:flex;}
.m_iconbox_new4 ul li  {width:25%; padding-left:2%; padding-right:2%;border-right:1px dashed #ddd; }
.m_iconbox_new4 ul li a {  display:flex;   align-items: center;  }
.m_iconbox_new4 ul li img {max-width:64px; margin-right:15px;}
.m_iconbox_new4 ul li strong {display:block;   font-family: 'GmarketSansMedium';  font-size:20px;}
.m_iconbox_new4 ul li span {font-size:15px; letter-spacing:-1px; }

.m_iconbox_new4 ul li:fitst-child {  padding-left:0}
.m_iconbox_new4 ul li:last-child {border:none; padding-right:0}

.m_iconbox_new4 ul li:nth-child(1) strong {color:#B9562F} 
.m_iconbox_new4 ul li:nth-child(2) strong {color:#846A32} 
.m_iconbox_new4 ul li:nth-child(3) strong {color:#9857BC} 
.m_iconbox_new4 ul li:nth-child(4) strong {color:#358196} 


/******* 메인 아이콘 스와이프 *******/
/* 타이틀 */
.swiper_iconBox .mainTt {display:flex; justify-content:space-between; margin:1.5rem 0}
.swiper_iconBox .mainTt .latest {display:flex; gap:30px}
.swiper_iconBox .mainTt .latest .label {position:relative; font-size:23px; color:#000}
.swiper_iconBox .mainTt .latest .label:after {content: ''; background-color: #999; width: 1px; height: 1rem; position: absolute; right: -1.5rem; top: 50%; transform: translateY(-50%) rotate(30deg);}
.swiper_iconBox .mainTt .latest .label a {color: #999; display: block; text-align: center; font-size: 2rem; font-weight: 500; position: relative; padding: 0 1rem; transition: all .3s;}

.swiper_iconBox .group.active .label a {color: #333; font-weight: 800;}
.swiper_iconBox .group:last-child .label:after {display: none}


/* 아이콘 */
.swiper_iconBox {position:relative; width:100%; box-sizing:border-box}
.swiper_iconBox .quickMn {background-color:#f5f9fe; margin:0 auto; overflow:hidden; padding:50px; border-radius:10px; box-sizing:border-box; position:relative; text-align:center}
.swiper_iconBox .quickMn a {display:flex; flex-direction:column; align-items:center}
.swiper_iconBox .quickMn a i {background-color:#f5f5f5; padding:10px; margin-bottom:10px; border-radius:17px}
.swiper_iconBox .quickMn a:hover i { animation:jumping 0.5s linear 0.1s infinite alternate; cursor:pointer}

 
/* 컨트롤 */
.swiper_iconBox .control {display: flex; gap:5px; /*flex-direction: row; align-items: center; justify-content:flex-end; position:absolute; right:10px; top:15px*/}
.swiper_iconBox .control button {font-size:0; position:relative; border:0; margin-right: 0; vertical-align: middle; padding:0; }
.swiper_iconBox .control button:before {font-family: xeicon; font-size: 1.8rem; color: #888; }
.swiper_iconBox .control button, .control .btn_more02 {width: 2.5rem; height: 2.5rem; border-radius: 50px; text-align:center; transition: all .3s ease;}
.swiper_iconBox .control button:hover,.control a:hover {background-color:#ebebeb}
.swiper_iconBox .control .prev:before {content: "";}
.swiper_iconBox .control .next:before{content: "";}
.swiper_iconBox .control .btn_more02 {display:flex; justify-content:center; align-items:center; font-size: 1.8rem; color:#999}

@keyframes jumping {
     0%{transform:translateY(0px)}
    50%{transform:translateY(6px)}
    100%{transform:translateY(0px)}
}


/******** 매거진 & 여행일정 ********
.con_box .sc03 {display: flex; flex-wrap: wrap; gap: 30px; /*height: 250px}
.con_box .sc03 .group {position:relative; width: calc(50% - 2rem); border-radius:20px; background-size:cover; box-sizing:border-box; display:flex; flex-direction:column; /*align-items:flex-end}
.con_box .sc03 .group:before {content:''; width:100%; height:100%; background-color: rgb(0 0 0 / 50%); position:absolute; left:0; top:0; border-radius:20px}

.con_box .sc03 a {display:block; width:100%}
.con_box .sc03 .group .desc {display:flex; flex-direction:column; padding:2rem 2rem 10rem; z-index:1}
.con_box .sc03 .group .desc strong {font-size:24px; color:#fff}
.con_box .sc03 .group .desc span {font-size:18px; padding:10px 0; color:rgb(255 255 255 / 75%)}

.con_box .sc03 .magazine {background: url("/images/main/mz_img01.jpg") no-repeat}
.con_box .sc03 .travel {background: url("/images/main/mz_img02.jpg") no-repeat}
*/
/*
.con_box .sc03 {display: flex; gap: 20px; flex-wrap: wrap; perspective: 1000px}
.con_box .sc03 .group {width: calc(50% - 1rem); height: 250px; position: relative; transform-style: preserve-3d; transition: transform 0.3s; will-change: transform; cursor: pointer; box-sizing:border-box; border-radius:2rem}
.con_box .sc03 .group:hover { transform: none !important;/*transform: rotateY(180deg)}
.con_box .sc03 .group a {width:100%; display:block}
.con_box .sc03 .group .face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 18px; border-radius: 2rem}
.con_box .sc03 .group .front {background-color: rgb(0 0 0 / 25%)}
.con_box .sc03 .group .back {background-color: #4caf50; color: white; transform: rotateY(180deg)}
.con_box .sc03 .group .back .btn {border:1px solid; font-size:16px; padding:0.5rem 2rem; border-radius:5px; margin-top:1.5rem}

.con_box .sc03 .group .desc {display:flex; flex-direction:column; z-index:1}
.con_box .sc03 .group .desc strong {font-size:24px; color:#fff}
.con_box .sc03 .group .desc span {font-size:18px; padding:10px 0; color:rgb(255 255 255 / 75%)}

.con_box .sc03 .magazine {background: url("/images/main/mz_img01.jpg") no-repeat}
.con_box .sc03 .travel {background: url("/images/main/mz_img02.jpg") no-repeat 50% bottom}
.con_box .sc03 .mg_tour {background: url("/images/main/mz_img03.jpg") no-repeat 50% 50%}
.con_box .sc03 .mg_join {background: url("/images/main/mz_img04.jpg") no-repeat}
*/


.con_box .sc03_item {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px;}
.con_box .sc03_item .group {display: block; transition: transform 0.6s; transform-style: preserve-3d;}
.con_box .sc03_item .group a {display: block; transition: transform 0.6s; transform-style: preserve-3d;}
.con_box .sc03_item .group:hover a {transform: rotateY(180deg);}
/*a:not([class]) {text-decoration-skip-ink: auto; color: currentcolor;}*/

.con_box .sc03_item .desc {position: relative; display: flex; gap: 5px; flex-direction: column; justify-content: flex-end; height: 250px; padding: 50px; border-radius: 16px; overflow: hidden;
						   box-sizing: border-box; background-repeat: no-repeat; background-size: 100% 100%; backface-visibility: hidden;}
.con_box .sc03_item .desc::after {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: "";}

.con_box .sc03_item .group .sc03_tit {font-weight:700; color: rgb(255, 255, 255); /*font-family: pr-font-medium;*/ font-size: 30px; line-height: 1.33; z-index: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.con_box .sc03_item .group .sc03_txt {color: rgb(255, 255, 255); /*font-family: pr-font-regular;*/ font-size: 18px; line-height: 1.55; z-index: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*카드 뒤집어졌을때*/
.con_box .sc03_item .group .back {position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 35px; width: 100%; height: 100%;
		 border-radius: 16px; overflow: hidden; backface-visibility: hidden; transform: rotateY(180deg);}
.con_box .sc03_item .group .back span {padding: 0px 50px; text-align: center;}

.con_box .sc03_item .group .back button {display: flex; align-items: center; justify-content: center; height: 50px; width: 162px; border: 1px solid rgb(255, 255, 255); border-radius: 6px;
				background-color: transparent; color: rgb(255, 255, 255); font-size: 18px; /*font-family: pr-font-medium;*/}







/******* 카카오 & 이벤트 박스 ******/
.con_box .sc04 {display:flex; flex-wrap:nowrap; gap:20px}
.con_box .sc04 .group {border-radius:2rem; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; padding:2rem}
.con_box .sc04 .group .button {display: flex; justify-content:center; align-items:center; background: #000; padding: 2rem; border-radius: 50rem; width: 4.5rem; height: 4.5rem;}
.con_box .sc04 .group  a .button  {font-size:18px; color:#fff}
.con_box .sc04 .group .button:hover i {transition:all .3s; transform: translate(5px)}

.con_box .sc04 .group .desc {display:flex; flex-direction:column; padding:1rem}
.con_box .sc04 .group .desc strong {font-size:22px; font-weight:700; color:#000}
.con_box .sc04 .group .desc span {font-size:18px; color:#000}
.con_box .sc04 .group .desc span.won {font-size:22px; font-weight:700; color:#ab00ff}
.con_box .sc04 .group .item {display:flex; align-items:center}


.con_box .sc04 .kakao_box {width:calc(50% - 1rem); background-color:#ffde00}
.con_box .sc04 .insurance_box {width:23.333%; background-color:#00ff90}
.con_box .sc04 .app_box {width:23.333%; background-color:#c6ff00}


/*상품 안 라운드 탭*/
.category_menu_swiper.round_tab .active {background-color:#38beef !important; border:1px solid #008cbf !important; color:#fff !important}
.category_menu_swiper.round_tab .swiper-slide a {height:inherit !important; padding:7px 20px !important; border-radius:25px !important}





@media (max-width:768px){
	/*매거진 & 일정
	.con_box .sc03 {flex-direction:column; gap:10px; height:inherit}
	.con_box .sc03 .group {width:100%}
	.con_box .sc03 .desc strong {font-size:20px}
	.con_box .sc03 .desc span {padding:0; font-size:16px}
	/*.con_box .sc03 .magazine {background-size:100%; background-position:left top}
	.con_box .sc03 .travel {background-size:100%; background-position:left top}


	.con_box .sc03 .magazine {background-position:50% 50%}
	.con_box .sc03 .travel {background-position:50% 50%}
	.con_box .sc03 .mg_tour {background-position:50% 50%}
	.con_box .sc03 .mg_join {background-position:50% 50%}

	.con_box .sc03 .group {max-height:130px}
	.con_box .sc03 .group:hover {transform: none}
	.con_box .sc03 .group .desc strong {font-size:20px}
	.con_box .sc03 .group .desc span {font-size:16px; padding:5px 0}
	*/

	.con_box .sc03_item {display: grid; grid-template-columns: none; gap:10px}
	.con_box .sc03_item .group:hover a {transform:none;}
	.con_box .sc03_item .desc {padding:30px; height:100%}
	.con_box .sc03_item .group .sc03_tit {font-size:18px}
	.con_box .sc03_item .group .sc03_txt {font-size:16px}


	/*카카오박스*/
	.con_box .sc04 {flex-wrap:wrap; gap:10px; justify-content:space-between}
	.con_box .sc04 .group {padding:1rem}
	.con_box .sc04 .group .desc span {font-size:16px}
	.con_box .sc04 .kakao_box {width:100%}
	.con_box .sc04 .insurance_box,.con_box .sc04 .app_box {width:48%}

	


}

@media (max-width:640px){

	.swiper_iconBox .mainTt .latest .label a {font-size:1.6rem}

	/*카카오박스*/
	.con_box .sc04 .kakao_box .item {gap:0}
	.con_box .sc04 .kakao_box .item img {display:none}
	.con_box .sc04 .group .desc strong {font-size:20px}

	.con_box .sc04 .insurance_box,.con_box .sc04 .app_box {width:100%}
	.con_box .sc04 .group .button {width:3.5rem; height:3.5rem; margin-right:1rem}
	.con_box .sc04 .group .button:hover i {transform: inherit}

	.category_menu_swiper.round_tab .swiper-slide a {border-radius: 20px !important;}


	/* 박스 4개 */
	.icon_wrap .flexBox > * {width:100%; justify-content:center; gap:10px}
	.icon_wrap .flexBox > * > * {width: calc(50% - 1rem) !important; margin: 0; padding:1rem; /*align-items:flex-start*/}
	.icon_wrap .flexBox > * > * > i {margin-right:0}
	.icon_wrap .flexBox > * > * > i img {max-width:none;}
	.icon_wrap .item .desc {margin-top:0}
	.icon_wrap .item .desc strong {font-size:16px;}
	.icon_wrap .item .desc span {font-size:14px;}
	
}




/* 지금 ㅇㅇ는 피드 */
/*swiper*/
.swiper_now_shorts_wrap {width:100%; max-width:1020px;margin:0 auto 40px auto; box-sizing:border-box; overflow:hidden; }
.swiper_now_shorts {margin:20px 0;}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%!important;
height: 4px;
bottom: 0!important;
}


.swiper_now_shorts_wrap.swiper-slide {text-align: center;font-size: 16px;overflow: hidden;text-overflow: ellipsis;height: 36px;line-height: 130%;white-space: nowrap;margin-right:0px!important; position:relative}
.swiper_now_shorts .swiper-slide a {position:relative;  width:100%}
.swiper_now_shorts .swiper-slide .simg_area {position:relative; width:100%}
.swiper_now_shorts .swiper_txt {text-align:center}

.swiper_now_shorts_wrap i {position:absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); color:#fff; font-size:40px; text-shadow: 4px 4px 8px rgba(0,0,0,0.6)}
.swiper_now_shorts .swiper-slide .img > img {width:100%;height: 100%;  border-radius:20px;object-fit: cover;text-align:center}

.swiper_now_shorts .swiper-pagination-fraction, .swiper_now_shorts .swiper-pagination-custom, .swiper_now_shorts .swiper-container-horizontal > .swiper-pagination-bullets {
right: 10px!important; left:auto!important;}
.swiper_now_shorts .swiper-horizontal>.swiper-pagination-bullets, .swiper_now_shorts .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper_now_shorts .swiper-pagination-custom, .swiper_now_shorts .swiper-pagination-fraction {
left: auto;}


/*.swiper_now_shorts .swiper-slide:hover .img:after {border-radius:20px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65); content: ''; }*/
.swiper_now_shorts .swiper-slide:hover .swiper_view {background-color:#222; color:#fff}

.swiper_now_shorts .swiper-slide .img {display: block; overflow:hidden;background-color:#fff;width: 100%; height:380px; border-radius:20px;position: relative;object-fit: cover;}
.swiper_now_shorts .swiper-slide .img video {width:100%; height:100%; object-fit:cover;}
.swiper_now_shorts .swiper-slide .img:before {bottom: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 20px; height: 99%; background: linear-gradient(179deg,transparent,rgba(0,0,0,.6));    pointer-events: none;}

.swiper_now_shorts .swiper-slide .name { color:#fff; font-size:16px;overflow: hidden;white-space: nowrap; font-weight:bold;text-overflow: ellipsis; color:#fff; text-align:left;display:inline-block;  width:70%;}
.swiper_now_shorts .swiper-slide .play_num {position:absolute; right:15px; top:20px; font-size:14px; color:#fff; opacity:0.8; letter-spacing:-1px}


.swiper_now_shorts .swiper-slide  {position:relative; width:25%; margin-right:20px}
.swiper_now_shorts .swiper-slide .swiper_txt {width:90%; text-align:left;  position:absolute; top:20px; left:15px;color:#fff} 
.swiper_now_shorts .swiper-slide .swiper_txt .swipter_nation_p { color:#fff; line-height:110%} 

.swiper_now_shorts .swiper-button-next, .swiper-rtl .swiper-button-prev {display:none}
.swiper_now_shorts .swiper-button-prev, .swiper-rtl .swiper-button-next {display:none}

.swiper_now_shorts .swiper-pagination-progressbar {background: rgba(255,255,255,.55)!important; top:100%!important}
.swiper_now_shorts .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #2d5f9e!important}

.nation_tab input[type='radio'] {display: none}
.nation_tab label {width: 50%;box-sizing:border-box; height: 55px; font-size: 18px; cursor: pointer; padding:15px 20px; text-align:center; background-size:30px;margin-bottom:10px; position:relative;background-color:#f1f1f1; border-radius:30px;}

/*리스트*/
.travel_tab {font-size: 0px; margin:100px auto 0 auto; overflow:visible;  width:100%; max-width:1200px; position:relative}
.travel_tab .tab-content {display: none; box-sizing:border-box; width: 100%; font-size: 16px; margin-top:0px}

.travel_tab .tab-back { padding:10px 10px 25px; border-radius:25px;}

.travel_tab #tab1:checked ~ #tab-content1 {display: block; /*background-color: #fff*/}
.travel_tab #tab2:checked ~ #tab-content2 {display: block; /*background-color: #fff*/}

.travel_tab input[type='radio'] {display: none; }
.travel_tab label {position:relative;overflow:visible;  font-family: 'GmarketSansMedium'; display: inline-block; width: 35%; height: 60px;  box-sizing:border-box; font-size: 18px; cursor: pointer; padding:20px 20px; text-align:center; background-size:30px;  background-color:#E8E8E8; color:#555}
.travel_tab {font-size: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center}

.travel_tab label.tab1 {border-radius:20px 70px 0 0; margin-right:-20px}
.travel_tab label.tab2 {border-radius:20px 70px 0 0}


.travel_tab input:checked + label {position:relative;overflow:visible; color: #fff; background:#02A8E4; font-weight:bold; border-radius:20px 70px  0 0; z-index:9;}

.travel_tab .tab_img { position:absolute; top:-35px; left:16%; }
.travel_tab .tab2 .tab_img {   top:-35px;  }
.travel_tab .tab_img img {height:80px;}


/*.travel_tab input:checked + label::after {position:absolute; content:''; bottom: -20%; left: 47%;transform: translate(-0%, -50%);width:26px; height:13px;  background: url("/images/main/m_tab_triangle.gif") no-repeat 50% 50%;}*/
.travel_tab .tab-content ul {display:flex;   flex-wrap: wrap; align-items: center; justify-content: center;align-content: center; margin-top:10px;}
.travel_tab .tab-content li {  width:8%;margin:0 1% 10px 1%;padding-top:20px; text-align:center; position:relative; font-size:17px; line-height:110%;}
.travel_tab .tab-content li a {background-color:#F6F6F6;  border-radius:10px 20px ;  margin-bottom:10px; height:90px; display: flex; flex-direction: column; align-items: center; justify-content:center;}
.travel_tab .tab-content li a i {/*background-color: #bbd3ef; padding: 12px; margin-bottom: 10px; border-radius: 17px;*/}
.travel_tab .tab-content li a:hover i { animation:jumping 0.5s linear 0.1s infinite alternate; cursor:pointer}

.travel_tab .tab-content li img {height:50px; margin-bottom:0px;}
.travel_tab .tab-content li p {height: 30px; font-weight: 500; font-size: 16px;  color: #333;}
.travel_tab .tab-content li .new {color:#fff; position:absolute; top:15px; left:50%;  transform: translate(-50%, -0%);padding: 3px 7px;border-radius: 9px;border: 1px solid #E2234C;background-color: #E2234C;font-size: 12px;font-weight: 400;line-height: 12px;color: rgb(255, 255, 255);letter-spacing: -0.4px;white-space: nowrap;}



@keyframes jumping {
     0%{transform:translateY(0px)}
    50%{transform:translateY(6px)}
    100%{transform:translateY(0px)}
}


.category_menu_btn .xi-apps:before {color:#0065e3}
 
.travel_tab .all_catagory a{background-color:#f0f0f0; width:100%;  box-sizing:border-box;color:#555; font-size:17px; font-weight:bold; margin-top:15px; margin-bottom:30px; border-radius:10px; padding:15px 0; text-align:center;}




/*부럽추천상품 신규*/
.boolub_recommendation_wrap  {width:100%; background: #47B5F9;position:relative; margin:30px 0;}
.boolub_recommendation_wrap .main_title h3  {margin-bottom:20px; font-size:33px; font-family: 'GmarketSansMedium'; text-align:center; color:#fff; }
.boolub_recommendation_wrap .main_scroll_item .swiper-slide {width:260px;  height:380px;  background-color:#fff; margin-right:20px!important; border-radius:20px;   box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);}
.boolub_recommendation_wrap .main_scroll_item .swiper-slide:first-child {margin-left:20px;}
.boolub_recommendation_wrap .main_scroll_item .swiper-slide:last-child {margin-right:20px;}
.boolub_recommendation_wrap .main_scroll_item .swiper-slide a {display:block;  }
.boolub_recommendation_wrap .main_scroll_item .swiper-slide a img {width:100%; height:200px; object-fit:cover;}
 
 .boolub_recommendation_inner { width:100%; margin:0 auto; overflow:hidden; padding:50px 0 70px 0;}

.boolub_recommendation_wrap .category_menu_swiper.round_tab .active {background-color: #08558C !important;border:0 !important; border:0;}
.boolub_recommendation_wrap .category_menu_swiper.round_tab .swiper-slide a {background-color: #fff;}
.boolub_recommendation_wrap .category_menu_swiper .swiper-slide a { border: 0;}

.boolub_recommendation_wrap .br_bg_png {position:absolute; top:1%; right:5%;}


.boolub_recommendation_wrap .category_menu_swiper .swiper-wrapper {  justify-content: center;}

.boolub_recommendation_wrap  .item_box .thumb .ov_img {border-radius:10px 10px 0 0}



/* 부럽 하단 매거진배너 신규*/
.n_main_bottom_banner {margin:60px auto 0 auto; overflow:visible;  width:100%; max-width:1200px; position:relative}
.n_main_bottom_banner ul {display:flex; gap:20px;}
.n_main_bottom_banner ul li {position:relative; width:25%; border-radius:20px;   overflow: hidden; }
.n_main_bottom_banner ul li a {display:block; color:#fff; text-align:center; width:100%; height:330px; box-sizing:border-box;}
.n_main_bottom_banner ul li a .txt_box { transition:0.2s;  width:100%; margin-top:30px; position:absolute; top:20px; left:50%;transform: translateX(-50%);}
.n_main_bottom_banner ul li a:hover .txt_box {  margin-top:50px;  }
.n_main_bottom_banner ul li a p {font-size:16px;color:#fff; }
.n_main_bottom_banner ul li a span {font-size:22px;  color:#fff; line-height:150%; font-family: 'GmarketSansMedium'; }

.n_main_bottom_banner ul li a em {position:absolute;transition:0.2s; bottom:30px; left:50%;transform: translateX(-50%); background-color:#000000bd; border-radius:20px; padding:10px 30px;}

.n_main_bottom_banner li a:hover em {bottom:50px;transition:0.2s; }

.n_main_bottom_banner ul li:nth-child(1) {background: url("/images/main/n_mb_01_bg.png") no-repeat 50% 50% / cover;}
.n_main_bottom_banner ul li:nth-child(2) {background: url("/images/main/n_mb_02_bg.png") no-repeat 50% 50% / cover;}
.n_main_bottom_banner ul li:nth-child(3) {background: url("/images/main/n_mb_03_bg.png") no-repeat 50% 50% / cover;}
.n_main_bottom_banner ul li:nth-child(4) {background: url("/images/main/n_mb_04_bg.png") no-repeat 50% 50% / cover;}

.n_main_bottom_banner li .qspan_01 {display:block; opacity:0; transition:0.2s; margin-top:20px; color:#fff; font-size:15px;  }
.n_main_bottom_banner li a:hover .qspan_01 {transition:0.2s; opacity:0.8;margin-top:20px;    }


/* 기본 오버레이 (투명) */
.n_main_bottom_banner ul li::after {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0); /* 처음에는 투명 */transition: background 0.3s;border-radius: 20px;z-index: 0;}

/* hover 시 어두워짐 */
.n_main_bottom_banner ul li:hover::after {background: rgba(0, 0, 0, 0.4); /* 0.4 정도면 적당히 어두워짐 */}

/* 텍스트와 버튼이 오버레이 위로 올라오도록 */
.n_main_bottom_banner ul li a,
.n_main_bottom_banner ul li .txt_box,
.n_main_bottom_banner ul li em {position: relative;z-index: 1;}






/* 부럽 하단 상담배너 신규*/
.n_main_bottom_event {margin:60px auto 0 auto; overflow:visible;  width:100%; max-width:1200px; position:relative}
.n_main_bottom_event ul {display:flex; gap:20px;}
.n_main_bottom_event ul li {position:relative; width:33.3%; border-radius:20px; }
.n_main_bottom_event ul li a {display:block;  width:100%; height:120px;  padding:30px 20px; box-sizing:border-box; color:#000;}

.n_main_bottom_event ul li a .txt {display:flex;align-items: center;  }
.n_main_bottom_event ul li a .txt em {background-color:#fff; font-size:14px; font-weight:bold;  border-radius:20px; padding:3px 7px; margin-left:5px; }
.n_main_bottom_event ul li a .txt p {color:#000;font-size:20px;  font-weight:bold; font-family: 'GmarketSansMedium'; letter-spacing:-1px; margin-top:4px; position:relative;}
.n_main_bottom_event ul li a  span {color:#000!important;font-size:15px;   letter-spacing:-1px;}
.n_main_bottom_event ul li a img {position:absolute; right:-1px; bottom:-1px;}
.n_main_bottom_event ul li:nth-child(1) {background: #FFE249 url("/images/main/n_banner_icon_01.png") no-repeat right bottom / 120px;}
.n_main_bottom_event ul li:nth-child(2) {background: #67D7FD url("/images/main/n_banner_icon_02.png") no-repeat right bottom / 120px;}
.n_main_bottom_event ul li:nth-child(3) {background:#FF9393 url("/images/main/n_banner_icon_03.png") no-repeat right bottom / 120px;}


.n_main_bottom_event ul li:nth-child(1) a .txt em {background-color:#F86168; border-radius:20px; color:#fff; }
.n_main_bottom_event ul li:nth-child(2) a .txt em {color:#35B4EF;}
.n_main_bottom_event ul li:nth-child(3) a .txt em {color:#F86C6C;}


.n_main_bottom_event ul li a .txt p::after { content: '';
display: block;
width: 0;
height: 8px;
position: absolute;
left: 2px;
bottom: 2px; z-index:0;
background: rgba(200, 125, 220, .6);}


 

.n_main_bottom_event ul li:nth-child(1) a .txt p::after {background: #c6ac24c4;}
.n_main_bottom_event ul li:nth-child(2) a .txt p::after {background: #3294b6bf;}
.n_main_bottom_event ul li:nth-child(3) a .txt p::after {background: #c55454c7;}

.n_main_bottom_event ul li a:hover .txt p::after { width: 100%;transition: width .2s;}




/*항공 숙소*/
.airtel div a{padding:30px; box-sizing:border-box; border-radius:15px;width:49%; float:left;display:block;height:220px; }
.airtel .air a{ margin-right:2%;  background: #0074ff url("/images/main/usim.jpg") no-repeat 50% 30% / cover; }
.airtel .tel a{ background: url("/images/main/boheom.jpg") no-repeat 50% 50% / cover; }

.airtel .air02 a{ margin-right:2%;  background: url("/images/main/m_air_bg03.jpg") no-repeat 50% 30% / cover; }
.airtel .tel02 a{ background: url("/images/main/magazine.jpg") no-repeat 50% 50% / cover; }

.airtel_short div a {padding:20px; height:130px!important;}
.airtel_short .air a {background: url("/images/main/m_air_bg.jpg") no-repeat 50% 10% / cover;}


.airtel h3 {color:#fff!important; font-size:22px;  font-weight:bold; margin-bottom:0!important;}
.airtel p {width:30%; color:#fff; font-size:16px;  opacity:0.8; margin-top:5px; line-height:20px; word-break:keep-all}


/*배너존*/
.banner_zone div a{padding:30px; box-sizing:border-box; border-radius:15px; width:49%; float:left; display:block; height:200px}
.banner_zone h3 {color:#fff!important; font-size:22px;  font-weight:bold; margin-bottom:0!important;}
.banner_zone p {width:53%; color:#fff; font-size:16px; opacity:0.8; margin-top:5px; line-height:20px; word-break:keep-all}

.banner_zone .desc01 a{margin-right:2%; background: url("/images/main/ban_event.jpg") no-repeat 50% 60% / cover; }
.banner_zone .desc02 a{background: url("/images/main/ban_commu.jpg") no-repeat 50% 50% / cover; }



/*배너*/
.m_banner li a {width:100%;margin-bottom:0px;padding-bottom:0px;padding-bottom:0px;}
.m_banner li {width:49%; float:left;}
.m_banner li img {display: block; vertical-align:bottom; border-radius:15px}
.m_banner li:first-child {margin-right:2%;}



/*인기일정*/
.tour_city_schedule h3 { font-size:22px;  font-weight:bold; color:#222; margin-bottom:10px;}
.tour_city_schedule li a {width:10.5%; font-size:16px; margin:10px 1%; float:left; text-align:center; height:auto; position:relative;}
.tour_city_schedule li a img {border-radius:50%; width:110px; height:110px; margin-bottom:5px;}
.tour_city_schedule li a > .tag01, .tour_city_schedule02 li a > .tag01 {position: absolute;top: -16px;left: 50%;transform: translateX(-50%);padding: 0 8px;height: 24px;line-height: 24px;border: 1px solid rgba(239, 62, 67, 0.6);border-radius: 16px;color: #ef3e43;font-size: 12px;font-weight: bold;letter-spacing: -0.5px;width: auto;white-space: nowrap;background-color: #fff;}
.tour_city_schedule li a > .tag01::after, .tour_city_schedule02 li a > .tag01::after {content: '';position: absolute;left: 50%;top: 22px;margin-left: -2.5px;width: 5px;height: 5px;border-top: 1px solid rgba(239, 62, 67, 0.6);border-right: 1px solid rgba(239, 62, 67, 0.6);transform: rotate(135deg);background-color: #fff;}

.tour_city_schedule li a > .tag02, .tour_city_schedule02 li a > .tag02 {position: absolute;    top: -16px;    left: 50%;    transform: translateX(-50%);    padding: 0 8px;    height: 24px;    line-height: 24px;    border: 1px solid rgba(24, 114, 255, 0.6);    border-radius: 16px;    color: #3e82ef;    font-size: 12px;    font-weight: bold;    letter-spacing: -0.5px;    width: auto;    white-space: nowrap;    background-color: #fff}
.tour_city_schedule li a > .tag02::after, .tour_city_schedule02 li a > .tag02::after {content: '';    position: absolute;    left: 50%;    top: 22px;    margin-left: -2.5px;    width: 5px;    height: 5px;    border-top: 1px solid rgba(24, 114, 255, 0.6);    border-right: 1px solid rgba(24, 114, 255, 0.6);    transform: rotate(135deg);    background-color: #fff;}

.tour_city_schedule li a > .tag03, .tour_city_schedule02 li a > .tag03 {position: absolute;    top: -16px;    left: 50%;    transform: translateX(-50%);    padding: 0 8px;    height: 24px;    line-height: 24px;    border: 1px solid rgb(90 24 255 / 60%);    border-radius: 16px;    color: #895ce8;    font-size: 12px;    font-weight: bold;    letter-spacing: -0.5px;    width: auto;    white-space: nowrap;    background-color: #fff}
.tour_city_schedule li a > .tag03::after, .tour_city_schedule02 li a > .tag03::after {    content: '';    position: absolute;    left: 50%;    top: 22px;    margin-left: -2.5px;    width: 5px;    height: 5px;     border-top: 1px solid rgb(83 24 255 / 60%);    border-right: 1px solid rgb(83 24 255 / 60%);    transform: rotate(135deg);    background-color: #fff;}
.tour_city_schedule li a > .tag04, .tour_city_schedule02 li a > .tag04 {    position: absolute;    top: -16px;    left: 50%;    transform: translateX(-50%);    padding: 0 8px;    height: 24px;    line-height: 24px;    border: 1px solid rgb(37 194 34 / 60%);    border-radius: 16px;    color: #10c955;    font-size: 12px;    font-weight: bold;    letter-spacing: -0.5px;    width: auto;    white-space: nowrap;    background-color: #fff}



.tour_city_schedule li a > .tag04::after, .tour_city_schedule02 li a > .tag04::after {    content: '';    position: absolute;    left: 50%;    top: 22px;    margin-left: -2.5px;    width: 5px;    height: 5px;    border-top: 1px solid  rgb(37 194 34 / 60%);    border-right: 1px solid  rgb(37 194 34 / 60%);    transform: rotate(135deg);    background-color: #fff}
.tour_city_schedule li a > .tag05, .tour_city_schedule02 li a > .tag05 {    position: absolute;    top: -16px;    left: 50%;    transform: translateX(-50%);    padding: 0 8px;    height: 24px;    line-height: 24px;    border: 1px solid rgb(12 208 159 / 81%);    border-radius: 16px;    color: #17bcc2;    font-size: 12px;    font-weight: bold;    letter-spacing: -0.5px;    width: auto;    white-space: nowrap;    background-color: #fff}
.tour_city_schedule li a > .tag05::after, .tour_city_schedule02 li a > .tag05::after {    content: '';    position: absolute;    left: 50%;    top: 22px;    margin-left: -2.5px;    width: 5px;    height: 5px;    border-top: 1px solid  rgb(12 208 159 / 81%);    border-right: 1px solid  rgb(12 208 159 / 81%);    transform: rotate(135deg);    background-color: #fff}

 
/*인기일정 네모*/
.tour_city_schedule02 h3 { font-size:22px;  font-weight:bold; color:#222; margin-bottom:10px;}
.tour_city_schedule02 li a {width:10.5%; font-size:16px; margin:10px 1%; float:left; text-align:center; height:auto; position:relative;}
.tour_city_schedule02 li a img {border-radius:5px; width:110px; height:110px; margin-bottom:5px;}
 

/*최저가여행*/
.cheap_tour {width:96%; max-width:1020px; margin:30px auto; overflow:hidden;}
.cheap_tour h3 {   color:#222; margin-bottom:3px; font-size: 22px; font-weight: bold;}
.cheap_tour h3 b {color:#d70000;}
.cheap_tour p { color:#999;}

.cheap_tour .sc_Group_tit {text-align:left;}
 
 
/*태그 공통 .swiper-slide a .img안에 넣어야함 */
.swiper-slide .img .tag {position:absolute; left:10px; top:10px; z-index:1; padding:5px; font-size:12px; border-radius:5px; opacity:0.9;}
.swiper-slide .img .tag01 {background-color:#fff; color:#222;}
.swiper-slide .img .tag02 {background-color:#184dec; color:#fff;}
.swiper-slide .img .tag03 {background-color:#222; color:#fff;}


.swiper-slide .img {position:relative;}
.swiper-slide .img .xi-heart {color:#ec0000!important; }
.swiper-slide .img .xi-heart-o,  .swiper-slide .img .xi-heart {position: absolute; color:#fff; font-size:20px; font-weight:normal; right: 10px; top: 10px; background:rgb(255 255 255 / 70%); border-radius:100%; padding:0.3rem; z-index: 1;}

.swiper-slide .img .xi-bookmark {color:#fff; }
.swiper-slide .img .xi-bookmark-o,  .swiper-slide a .img .xi-bookmark{   position: absolute; color:#fff; font-size:20px; font-weight:normal;right: 10px;top: 10px;z-index: 1;}


.product_star {font-size:15px; color:#999; margin-top:5px; display:block;}
.product_star i {color:#ff9623; }
.product_star em {color:#ea2626;}



/*상품 기본형*/
.product_list_normal {}
.product_normal .swiper-slide {width:33.3%!important; margin-right:20px}
.product_normal04 .swiper-slide {width:25%!important; margin-right:20px}


.product_list_normal {overflow:hidden}
.product_list_normal .swiper-wrapper {display:flex}

.product_list_normal_noswipe {display:flex!important; gap:10px; justify-content:flex-start; flex-wrap:wrap;box-sizing:border-box}
.product_list_normal_noswipe .swiper-slide {width:calc(25% - 10px)!important; margin-bottom:15px; box-sizing:border-box; margin-right:0!important}


.product_normal .swiper-slide  {width:33.3%}
.product_normal .swiper-slide a{position:relative; float:left; width:100%;  margin:10px 1%}
.product_normal .swiper-slide a .img {position:relative; z-index:0; margin-bottom:10px; width:100%;  border-radius:10px;overflow: hidden}


.product_normal .swiper-slide a img {width:100%; height:250px; object-fit:cover;  border-radius:10px; transition: 0.4s}
.product_normal .swiper-slide a:hover img { transform: scale(1.2); transition: 0.4s}

.product_normal .swiper-slide {width: 80%}
.product_normal .swiper-slide:nth-child(2n) {width: 60%}
.product_normal .swiper-slide:nth-child(3n) {width: 40%}

.product_normal .swiper-slide .product_title {font-size:16px; color:#222;height: 16px;line-height: 16px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;}
.product_normal .swiper-slide em {color:#3574c2; background-color:#e5fcff; padding:3px 5px; margin:10px 3px 10px 0;border-radius:3px; display:inline-block}

.product_normal .swiper-slide .product_txt_top {font-size:14px; display:block; margin-bottom:5px; color:#a7724f}
.product_normal .swiper-slide .product_price_before {color:#999;display:block; margin-top:5px;text-decoration:line-through}
.product_normal .swiper-slide .product_price {font-size:17px;  width:100%; position:relative; color:#222; margin:5px 0 0 0}
.product_normal .swiper-slide .product_price .price {font-weight:bold}
.product_normal .swiper-slide .product_price i {position:absolute; right:0; font-size:22px; color:#dadada; font-weight:normal}
.product_normal .swiper-slide .product_traffic {font-size:14px; color:#888}
.product_normal .swiper-slide .product_cart {display:block; background-color:#fff; transition:0.2s; border:1px solid #ddd; color:#444; border-radius:5px; padding:6px 0; text-align:center}
.product_normal .swiper-slide .product_cart:hover {background-color:#222; color:#fff; transition:0.2s}

.title_more {display: flex; justify-content: space-between; align-items: center; margin-bottom:5px}
.title_more h3 { font-family: 'GmarketSansMedium'; font-size:28px; font-weight:bold;   margin-bottom: 0!important; margin-top: 0!important; text-align:left}

.title_more .title_more_flex {display:flex;flex-direction: column;align-items: flex-start}

.title_more .title_more_flex .main_h3_p {font-size:16px; margin-top: 5px} 
.title_more .more {margin-right:5px;font-size:14px; width:auto; background-color:#ededed; padding:5px 10px; border-radius:5px; box-sizing:border-box}
.title_more .more02 { font-size:14px; width:auto;color:#222; text-decoration:underline; padding:5px 0px; border-radius:5px; box-sizing:border-box}
.title_more .more:hover {background-color:#555; color:#fff;}

.title_more .eraser {margin-right:5px;font-size:14px; width:auto; background-color:#f6f6f6; padding:5px 10px; border-radius:5px; box-sizing:border-box}
 

 
/* 전체메뉴 팝업 */
.category_menu_btn {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0px; background-color:#fff; border:1px solid #0065e3; width:200px; box-sizing:border-box; border-radius:40px; padding:10px 0; text-align:center; z-index: 1;cursor: pointer}
	/*.category_menu_close {width: 50px;height: 50px;position: absolute;right: 0px;top: 0px;background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png");background-size: 50%;background-repeat: no-repeat; cursor: pointer; display:none}*/
.category_menu_close {display:block; cursor: pointer}
.category_menu_close:after {content:''; position:absolute; right:1.5rem; top:0.5rem; font-family:xeicon; font-size: 1.6rem; color:#000; padding:0.5rem}

#category_menu {width: 100%; max-width:800px; height: auto; box-sizing:border-box; position: fixed; bottom: -150%; left: 50%; transform: translate(-50%, -0%); z-index: 999; border-radius:20px; background-color: white; transition: All 0.2s ease;-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease; overflow:hidden; background-color:#fff}
.community_sele_close {font-size:20px; font-weight:bold; color:#000;}


#category_menu .category_menu_inner {width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; padding:10px 2%;}
#category_menu.open {left: 50%;bottom: 50%;height:auto;  transform: translate(-50%, 50%);}

#category_menu .category_menu_inner h3 {font-size:20px; padding:0px 10px 0px 10px; margin-top:5px; color:#000}
#category_menu .category_menu_inner h4 {font-size:16px; color:#000; font-weight:400; padding-left:10px}
 
#category_menu .category_menu_inner ul {display:flex;align-items: center; justify-content: flex-start;align-content: center; margin-top:0px;}
#category_menu .category_menu_inner li { width:16%; text-align:center; font-size:17px; line-height:110%;}
#category_menu .category_menu_inner li img {height:40px; margin-bottom:0px;}

#category_menu .category_menu_inner .menu_box {margin:10px 5px;background-color:#f1f1f1; padding:5px 10px 10px 10px; border-radius:20px;}
#category_menu .category_menu_inner .menu_box p{height:auto; line-height:1.8; font-size:14px;}


.category_menu_inner::-webkit-scrollbar-track-piece {background-color: transparent; }
.category_menu_inner::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #cccccc;}
.category_menu_inner::-webkit-scrollbar {width: 0px;height: 0px;background: transparent; }

 
.category_menu_inner::-webkit-scrollbar-track-piece {background-color: #e5e5e5; }
.category_menu_inner::-webkit-scrollbar-thumb {background-color: #cccccc; }
.category_menu_inner::-webkit-scrollbar {width: 0px;height: 0px;background: transparent;}

.page_cover.open {display: block;}.page_cover {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.5);z-index: 371;display: none;}

.tag_span {padding: 10px 5px!important;font-size: 12px!important;border-radius: 5px;opacity: 0.9!important; margin:3px; }



/*메인 아이콘 모달*/
.main_icon_select_menu_close {width: 50px;height: 50px;position: absolute;right: 0px;top: 0px;background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png");background-size: 50%;background-repeat: no-repeat;cursor: pointer; display:none}
#main_icon_select {width: 100%; max-width:1000px;height: auto;box-sizing:border-box;position: fixed;bottom: -100%;left: 50%; padding:20px;  transform: translate(-50%, -0%); z-index: 999; border-radius:20px; background-color: white; transition: All 0.2s ease;-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease; overflow:hidden;background-color:#fff}
.main_icon_select_inner_wrap { position:relative; margin:20px 0 0 0; height:90%; overflow-y:auto; flex:1;}


.main_icon_select_inner_wrap .mb_icon_list {display:flex; cursor:pointer; text-align:left; border-bottom:1px solid #f6f6f6;  width:100%; padding:7px 0;align-items: center;}
.main_icon_select_inner_wrap .mb_icon_list:last-child {border-bottom:0;}
.main_icon_select_inner_wrap .mb_icon_list img {width:30px; margin-right:10px;}
.main_icon_select_inner_wrap .mb_icon_list p {font-size:15px; font-weight:bold; color:#222; }
.main_icon_select_inner_wrap .mb_icon_list span {font-size:13px;  color:#555;  height: 20px;line-height: 20px; word-break: keep-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;white-space: nowrap}

#main_icon_select .top {display:flex;justify-content:space-between;  color:#222;}
#main_icon_select .top p {font-size:16px; font-weight:bold; color:#222;}
#main_icon_select .community_sele_done {color:#0087ff!important;}

#main_icon_select .main_modal_inner {width:96%; height:100%;overflow-y:scroll;   display: flex;flex-direction: column; justify-content: space-between; padding:10px 2%;}
#main_icon_select.open02 {left: 50%;bottom: 50%;  height:auto; transform: translate(-50%, 50%);}

.page_cover02.open02 {display: block;}
.page_cover02 {width: 100%;height: 100%;position: fixed;bottom: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.5);z-index: 356;display: none;}

#main_icon_select .main_modal_inner .new {color: #fff;padding: 2px 5px;border-radius: 9px;border: 1px solid rgb(250, 91, 74);background-color: rgb(250, 91, 74);font-size: 9px;font-weight: 700;line-height: 12px;color: rgb(255, 255, 255);letter-spacing: -0.4px;white-space: nowrap;}


body.if_main .main_app_wrap {display:block;}

.main_app_wrap {display:none;width:100%; background-color:#f7f7f7; margin:80px 0 auto}
.main_app { text-align:center; padding:70px 0; max-width:1020px; width:100%; background-color:#f7f7f7; margin:0px auto; }
.main_app h3 { font-size:27px; font-family: 'GmarketSansMedium';}
.main_app h3 + p {font-size:18px; margin-bottom:20px;}

.main_app ul {margin-top:20px;display:flex;gap:10px;  align-items: center; justify-content: center; align-content: center;}
.main_app li a {  background-color:#000; color:#fff;  padding:17px 35px;border-radius:40px; }
.main_app li a img {max-height:30px;}
  

/*부럽sns정보*/
.boolub_info_wrap {max-width:1200px; width:100%; margin:0px auto 40px auto; overflow:hidden;}
.boolub_info ul{display:flex; gap:20px; box-sizing:border-box; margin-top:20px;}
.boolub_info li {width:50%; display:block; border:1px solid #ddd; padding:20px; border-radius:10px;}
.boolub_info li:hover {border:1px solid #999;}
.boolub_info li h4 {font-size:16px; color:#555; padding-left:35px;}
.boolub_info li h4 b {font-weight:bold;}
.boolub_info li p {font-size:15px; font-weight:300; line-height:1.4; color:#747474;}


.boolub_info li:nth-child(1) h4 {color:#222; background:  url("/images/sub/sns_naver.gif") no-repeat left 50% / 28px; }
.boolub_info li:nth-child(2) h4 {color:#222; background:  url("/images/sub/sns_inst.gif") no-repeat left 50% / 28px; }
.boolub_info li:nth-child(3) h4 {color:#222; background:  url("/images/sub/sns_facebook.gif") no-repeat left 50% / 28px; }


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

/*.box-main-banner .btn-banner {width:970px;}*/
.boolub_recommendation_wrap .main_scroll_item .swiper-slide {   margin-right:15px!important; }
.boolub_recommendation_wrap .main_scroll_item .swiper-slide:first-child {margin-left: 20px;}
  .boolub_recommendation_wrap .reponsive_wrap1200 { width: 100%; padding-left: 10px;}

}







/* Mobile Device 1000 */
@media (max-width:1000px) {

	.category_menu_inner {overflow-y: overlay; } 
	.category_menu_inner::-webkit-scrollbar {width: 0px; } 



	.swiper_nation_wrap {width:96%}
	.swiper_nation_wrap .swiper_nation  { padding-left: 0px }
	.swiper_subscription { border-radius: 0px;}
	.swiper_now_shorts_wrap h3 { margin-left: 20px;}
	.swiper_nation_wrap .swiper-slide {  margin-right: 15px;}

 


	.swiper_now_shorts_wrap .swiper-slide .img > img { }
	.swiper_now_shorts .swiper-slide {margin-right: 10px;padding-left: 10px;box-sizing: border-box;}


	.swiper_nation .swiper-slide .img > img {  height: 250px;}
	.swiper_nation .swiper-slide .btn_nation_view .btn a {font-size: 12px;}

	.tour_city_schedule li a img { width:72px; height:72px;  }
	.tour_city_schedule02 li a img { width:72px; height:72px;  }



	/*메인비주얼*/
	.main_banner { height:500px;  margin:20px auto; width: calc(100% - 30px); border-radius:20px;}
	.main_banner .swiper-slide .m_txt_wrap { position:relative; padding:100px 0 0 50px; }
	.main_banner .swiper-slide-active .m_txt_wrap {  padding-top:50px }
	.main_banner .swiper-slide .m_txt01 { font-size:40px;    }
	.main_banner .swiper-slide .m_txt02 {  font-size:20px;   }
	.main_banner .swiper-slide em {font-size: 12px;padding: 5px 10px; float:left;}
	.main_banner .swiper-slide::before {height: 4rem;background: linear-gradient(142deg,rgba(0,0,0,.5),hsla(0,0%,100%,0) 65%);width: 100%;height: 100%;border-radius: 20px;}

	.swiper_img_banner_main .swiper-slide {width: 96%}
	.swiper_img_banner_main .swiper-slide .title_p {font-size: 25px;}
	.swiper_img_banner_main .swiper-slide .txt_p {font-size: 15px;}


	.box-main-banner {min-width:600px; width:100%; }
	.box-main-banner .btn-banner {/*max-width:890px;*/ }
	.box-main-banner .slick-slide {padding: 0 10px 40px 10px;}
	.box-main-banner .slick-prev {opacity: 0;}
	.box-main-banner .slick-next {opacity: 0;}

	
	.box-main-banner .btn-banner .nb_top_gradient  {  height:200px;  }

	.box-main-banner .btn-banner .mb_arrow_btn { width:100px; height:100px; }
	.box-main-banner .btn-banner .mb_arrow_btn  p {   width:56px; height:56px; }

	/*.box-main-banner .btn-banner .txt-wrap {left: 40px; top: 35%; padding: 20px;}*/


	.boolub_info_wrap {width:calc(100% - 20px);  }
	.boolub_info ul { gap: 10px;}



	.m_banner li img {width:100%; }


 
	.boolub_recommendation_wrap .category_menu_swiper .swiper-wrapper {  justify-content: start;}


	.m_iconbox_new4 ul {  flex-wrap: wrap;}
	.m_iconbox_new4 ul li {width:50%; padding:20px 0; border-right:0; border-bottom:1px dashed #ddd;}
	.m_iconbox_new4 ul li:nth-child(3) {border-bottom:0}
	.m_iconbox_new4 {margin-bottom: 0px;padding: 20px 40px;}
	
	.m_iconbox_new4 ul li {  padding: 10px 0; }
	.m_iconbox_new4 ul li strong { font-size: 18px;}


	.travel_tab { margin: 70px auto 0 auto;}

	.travel_tab .tab_img {  top:-20px; left:10%; }
	.travel_tab .tab2 .tab_img {  top: -25px;}

	.travel_tab .tab_img img {height:70px;}

	.travel_tab label { width: 45%; height: 50px;}

	.travel_tab .tab-content li p {  font-size: 14px;}
	.travel_tab .tab-content li a { background-color: #fff; }
	


	.travel_tab .tab-content li {padding-top: 0px;width: 18%; /* 5개씩 들어오게 계산 (여백 포함) */margin: 1% 1%;}
	.travel_tab .tab-content li img {height:auto; max-height:50px;  }
	.travel_tab .tab-content li a {height: auto;}
 
	.n_main_bottom_banner { padding: 0 20px; box-sizing: border-box; margin:30px auto 0 auto;}

	.n_main_bottom_banner ul li a { height: 300px;}
	.n_main_bottom_banner ul li a p { font-size: 14px;}
	.n_main_bottom_banner ul li a span {font-size: 18px;}
	.n_main_bottom_banner ul li a em { padding: 7px 20px;}


	.n_main_bottom_event  { padding: 0 20px; box-sizing: border-box;}
	.n_main_bottom_banner ul {flex-wrap: wrap; gap:10px;}
	.n_main_bottom_banner ul li {  flex: 1 1 calc(50% - 20px);   }
	.n_main_bottom_banner ul li a {height: 200px;}

 	.n_main_bottom_banner li .qspan_01 {display: none;}

 

	.n_main_bottom_banner ul li a:hover .txt_box {  margin-top:10px;  }
	.n_main_bottom_banner li a:hover em {bottom:10px; }
 
	

	.n_main_bottom_event ul { gap: 10px;}
	.n_main_bottom_event ul li:nth-child(1) {background-size:  80px;}
	.n_main_bottom_event ul li:nth-child(2) {background-size:  80px;}
	.n_main_bottom_event ul li:nth-child(3) {background-size:  80px;}

	.n_main_bottom_event ul li a .txt p { font-size: 17px;}
	.n_main_bottom_event ul li a  span { font-size: 13px;}

	.n_main_bottom_event ul li a .txt em {  font-size: 12px;}


	.main_app h3 {font-size: 22px;}
	.main_app h3 + p {font-size: 15px;}
	.main_app li a {padding: 14px 25px;}

	.main_app {  padding: 50px 0;}


	.boolub_recommendation_wrap .main_title h3 { font-size: 28px;}

	.boolub_recommendation_wrap .br_bg_png img  {width:200px;}



	.swiper_nation_wrap h3 {font-size:20px;}
	.title_more h3  {font-size:20px;}







	}

 



 

/* Mobile Device 800 */
@media (max-width:800px) {
	 
	.swiper_now_shorts_wrap {height: auto;   box-sizing:border-box;}
	.swiper_now_shorts_wrap .swiper-slide .img  {height: 250px; overflow:hidden;}
	.swiper_now_shorts_wrap .swiper-slide .img > img {height: 250px;}
	.swiper_now_shorts_wrap .swiper-wrapper:first-child div {  box-sizing:border-box;}

	.swiper_now_shorts .swiper-slide .swiper_txt {top: 15px;left: 15px;}
	.swiper_now_shorts .swiper-slide .name {font-size: 14px;}
	.swiper_now_shorts .swiper-slide .play_num {right: 15px;bottom: 15px;font-size: 14px;}


	.tab-content li { width: 25%;  margin-bottom:10px;}
	.tab-content  ul { flex-wrap: wrap; margin:15px 0 0 0;}
	/*.travel_tab .tab-content  li img {height: 40px;margin-bottom: 0;}*/
	.travel_tab .tab-content  li p {font-size:13px;}

	.travel_tab .tab_img {  top:-25px; left:10%; }
	.travel_tab .tab2 .tab_img {   left:30px;top: -25px; }

	.travel_tab .tab_img img {height:65px;}

	.travel_tab label { font-size: 16px;}

  


	#category_menu .category_menu_inner li { width: 16.66%; margin-bottom:0px;font-size:12px;}
	#category_menu .category_menu_inner ul { flex-wrap: wrap; margin: 0;}
	#category_menu .category_menu_inner li img {height:20px;  }

	/*.travel_tab {margin-top:-10px;}*/
	.travel_tab .all_catagory a{ font-size:14px; margin-bottom:20px; margin-top:0;}
	.category_menu_btn{ font-size:13px; margin-bottom:10px; margin-top:0;  height:40px;   line-height: 40px; padding:0; width:96%; margin:0 2%; }


	.product_list_normal .swiper-wrapper:first-child div {  box-sizing:border-box;}

	/*메인 구독서비스 */
	.swiper_subscription {   margin-bottom:20px;  }
	.swiper_subscription .swiper-slide img {width:100%; height:auto;}


	.swiper_subscription02 {margin-bottom: 10px;margin-top: 10px; height: 150px;}
	.swiper_subscription02 .swiper-slide img {max-width: 100px; margin:10px 0 0  10px;}

	.product_normal04 .swiper-slide a img {height: 80px;}

	.airtel div a {height:170px}
	.banner_zone div a {height:170px}

	 
	#category_menu.open {left: 50%;bottom: 0%;  transform: translate(-50%, 0%);}

	#category_menu { border-radius:20px 20px 0 0;}


	.product_normal .swiper-slide {  margin-right:5px; padding-left:10px;}
	.product_normal04 .swiper-slide {  margin-right:5px;}

	.swiper_now_shorts .swiper-slide  { width:25%; margin-right:0px;}

	.swiper_nation_wrap .swiper-slide {   width: 27%;  }

	.airtel_short div a {padding: 15px;height: 100px!important;}


	.swiper_nation .swiper-slide .img > img {  height: 230px;}

	.product_list_normal_noswipe {gap:5px;}
	.product_list_normal_noswipe .swiper-slide { width: calc(33.335% - 10px)!important; }

	 
	.alphaBanner p {font-size: 16px;}
	.alphaBanner p b{font-size: 18px;}
	.alphaBanner p em {font-size: 14px;  margin-top:5px;}
	.alphaBanner img {max-width:150px;}
	.travel_tab .tab-content ul {  margin-top: 15px;}


	.swiper_now_shorts .swiper-slide .play_num { top: 15px;}

	.swiper_now_shorts .swiper-slide .name { width: 50%;}

	 
	/*아이콘형 리스트형 박스*/
	.flexBox.list > * > * {text-align:center}
	.flexBox.list > * > * .desc {width:100%;display:block;text-align: left;}
	.flexBox.list > * > * .con {margin-right:0; width:100%; font-size:1.4rem; text-align: left}
	.flexBox.list > * > * .title {font-size:1.4rem}


	.category_menu_btn{width:90%; margin:0; font-size:13px; padding:0}
	.boolub_info_wrap {margin: 0px auto 20px auto;}
	.boolub_info ul {flex-wrap: wrap;}
	.boolub_info li {width: 100%; padding: 15px;}
	.boolub_info li p {display:none;}
	.boolub_info li h4 {font-size: 14px;}



	.n_main_bottom_banner ul li a {  height: 150px;}
	.n_main_bottom_banner ul li a .txt_box {margin-top: 0px;top: 20px;}




}



/* Mobile Device 최소 ~ 최대 700 */
@media (max-width:700px) {

	.main_app_wrap {  margin-top: 40px;}
	.main_app {  padding: 40px 0;}
	.main_app h3 {font-size: 18px;}
	.main_app h3 + p {font-size: 14px;}

	.travel_tab .tab_img {  top:-25px; }
	.travel_tab .tab_img img {height:60px;}

	.travel_tab .tab-content li {  padding-top:0;}



	.n_main_bottom_event ul li { width: 100%;  }


	.n_main_bottom_event ul li:nth-child(1) {background-size:  100px;}
	.n_main_bottom_event ul li:nth-child(2) {background-size:  100px;}
	.n_main_bottom_event ul li:nth-child(3) {background-size:  100px;}

	.n_main_bottom_event ul li a {  height: auto; padding: 20px 20px;}
	.n_main_bottom_event ul { flex-direction: column;}

	.n_main_bottom_event ul li a img { width: 70px;}

  
}





/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:640px) {

	.travel_tab label {width: 50%;height: auto;font-size: 14px;padding: 15px 0px; }

	.travel_tab {  width:100%; /*padding-bottom:50px; margin:30px 0;*/   }
	.travel_tab .tab-content  li { font-size:12px;  margin-bottom:0px; padding-bottom:5px;}
	/*.travel_tab .tab-content  li img {height: 35px;  margin-bottom: 2px;}*/
	.travel_tab .tab-content  li p {font-size:12px; letter-spacing:-1px; height:20px;}


	.travel_tab .tab-content li .new {top: -15px;}
	.travel_tab .tab-content {width:95%; margin: 10px 0 15px 0;}
	.travel_tab .tab-content li img {margin-bottom:0}

	.travel_tab {margin: 50px auto 0 auto;}
 

	.airtel div a {padding:15px; height:130px}
	.airtel h3 {font-size:16px}
	.airtel p {width:75%; font-size:13px}

	.banner_zone div a {padding:15px; height:130px}
	.banner_zone div h3 {font-size:16px}
	.banner_zone div p {width:75%; font-size:13px}


	.tour_city_schedule h3{ font-size:16px;  }
	.tour_city_schedule li a {width:23%; font-size:12px}
	.tour_city_schedule li a img {margin-bottom: 0;}

	.tour_city_schedule02 h3{ font-size:16px;  }
	.tour_city_schedule02 li a {width:23%; font-size:12px; }
	.tour_city_schedule02 li a img {margin-bottom: 0;}


	.m_banner li {width:100%; margin-bottom:8px; box-sizing:border-box;}
	.m_banner li:first-child {margin-right:0%; }

	.cheap_tour h3  {  letter-spacing:-1px;font-size:16px;}

	.product_normal .swiper-slide .product_title {font-size: 13px;height: 35px;line-height: 17px;-webkit-line-clamp: 2; letter-spacing:-1px;}
	.product_normal .swiper-slide .product_price {font-size: 12px; margin-top:0px;}
	.product_normal .swiper-slide .product_price i {display:none;}
	.product_normal .swiper-slide .product_traffic {font-size: 12px;color: #888;}

	.product_normal .swiper-slide .product_txt_top {font-size: 12px;margin-bottom: 3px;}
	.product_normal .swiper-slide .product_price_before {font-size: 12px;     margin-top: 5px;}
	.title_more a .more {font-size: 12px;width: 50px;  text-align: center;  padding: 5px;}


	.product_normal .swiper-slide {width:50%!important;  }
	.product_normal04 .swiper-slide {width:33.3%!important;  }

	 

	.swiper-slide .img .tag {left: 5px;top: 5px;font-size: 11px;}
	.product_star {font-size: 11px!important; margin-top:0;}

	.tour_city_schedule li a > .tag01 , .tour_city_schedule02 li a > .tag01  {padding: 0 6px;height: 22px;line-height: 22px;font-size: 11px; top:-15px;}
	.tour_city_schedule li a > .tag02 , .tour_city_schedule02 li a > .tag02   {padding: 0 6px;height: 22px;line-height: 22px;font-size: 11px;top:-15px;}

	.tour_city_schedule li a > .tag01::after, .tour_city_schedule02 li a > .tag01::after { top: 20px;}
	.tour_city_schedule li a > .tag02::after, .tour_city_schedule02 li a > .tag02::after { top: 20px;}
	 
	 
	.swiper_nation_wrap .swiper-slide .img > img {height: auto;}
	.swiper_nation_wrap { height: auto; padding-top:0px; margin:20px auto;} 
	.swiper_nation .swiper-slide .name {font-size: 16px}
	/*.swiper_nation .swiper-slide .swiper_txt {width:100%; top:15%;left:50%;}*/
	 
	.swiper_now_shorts_wrap .swiper-slide .img > img {height: 250px;}
	.swiper_now_shorts_wrap { height: auto;}

	.swiper_now_shorts_wrap h3 { margin-left: 10px;}

	.swiper_now_shorts_wrap {margin: 20px auto;}

	.swiper_now_shorts .swiper-slide .play_num {font-size: 12px;}


	.tag_span {font-size: 11px!important; margin:2px; padding:10px 2px!important;}

	.swiper_now_shorts .swiper-slide  { width:33%; }
	.swiper_nation_wrap .swiper-slide {   width: 30%; margin-right:10px; }


	.airtel_short div a { height: 90px!important;}


	#main_icon_select.open02 {bottom: 0%;transform: translate(-50%, 0%);}
	#main_icon_select {border-radius: 20px 20px 0 0; padding:10px;}


	.product_list_normal_noswipe .swiper-slide { width: calc(50% - 10px)!important; margin-bottom:0px;}

	.swiper_nation .swiper-slide .img > img {  height: 200px;}
 	.swiper_nation .swiper-slide .btn_nation_view .btn a {padding:0.5rem; font-size:12px}

	.swiper_nation_wrap .swiper-button-next {display:none;}
	.swiper_nation_wrap .swiper-button-prev {display:none;}


	/*메인비주얼*/
	.main_banner {height: 280px; margin-bottom:20px; margin:0 auto; width: calc(100% - 15px); border-radius:20px;}
	.main_banner .swiper-slide .m_txt_wrap {position:relative; padding:70px 0 0 30px;}
	.main_banner .swiper-slide-active .m_txt_wrap {padding-top:30px}
	.main_banner .swiper-slide .m_txt01 {font-size:23px}
	.main_banner .swiper-slide .m_txt02 {font-size:13px; letter-spacing:-1px}
	.main_banner .swiper-slide img {display:inline-block; margin-top:10px; width:120px;}
	.main_banner .swiper-slide em {font-size: 12px;padding: 5px 10px; float:left; margin-top:20px;}
	.main_banner .swiper-pagination {bottom:10px; padding:3px 0px;}


	.swiper_nation_wrap h3 {margin:0; font-size: 18px;}
	.title_more h3 {margin:0; font-size: 18px;}

	.alphaBanner_in {justify-content: space-around;}

	.alphaBanner_in img {display:none;}
	 

	/*메인 배너 모바일에서 숨기기 */
	.displaynone_mainbanner {display:none;}

	.swiper_img_banner_main  .swiper-slide .title_p {font-size: 20px;}
	.swiper_img_banner_main .swiper-slide .txt_box {right: 20px;}
	.swiper_img_banner_main .swiper-slide .txt_p {font-size: 13px;}

	.title_more .title_more_flex .main_h3_p {font-size: 13px;margin-top: 0; text-align:left; letter-spacing:-1px;}
	 

	/*.main_h3_p {margin-top: -15px;}*/


	.box-main-banner {min-width:400px;   margin: 40px auto 40px auto; }

	.box-main-banner .btn-banner {width:300px;height:380px;}

	/*.box-main-banner .btn-banner .txt-wrap {left: 20px; top:40%}*/
	.box-main-banner .btn-banner .txt-wrap .txt-1 {font-size: 25px;}
	.box-main-banner .btn-banner .txt-wrap .txt-2 {font-size: 15px; padding-top:10px;}
	/*.box-main-banner .btn-banner .txt-wrap {min-width: 150px; width:200px;}*/
	


	/*카카오톡 채널상담*/

	.flexBox.list > * > * {display:block}
	.flexBox.list > * > * .desc {text-align:center}
	.flexBox.list .kakao_icon {top:-15px; right:-20px;} 
	.flexBox.list .kakao_icon img {width:50px;}

	.boolub_recommendation_wrap .main_scroll_item .swiper-slide {  border-radius: 15px;  height: 300px; }
	.boolub_recommendation_wrap .main_scroll_item .swiper-slide a img {height: 120px;}

	
	.boolub_recommendation_wrap .main_title h3 {  font-size: 24px;}
	.boolub_recommendation_wrap .main_scroll_item .swiper-slide {  width: 200px;}


 
	.m_iconbox_new4 {border:0;  padding: 0 20px;}

	.m_iconbox_new4 ul li strong {  font-size: 17px;}


	.n_main_bottom_banner ul li a .txt_box {margin-top: 10px;}
	.n_main_bottom_banner ul li a {height: 170px;}
	.n_main_bottom_banner ul li a em {bottom: 15px;}
	.n_main_bottom_banner {  margin: 30px auto 0 auto;}


	.main_app li a { padding: 15px 25px;}
	.main_app li a img { max-height: 25px;}


	.travel_tab .tab-content li .new {  top: 15px;  padding: 1px 5px; }
	.travel_tab .tab2 .tab_img { top: -20px;}

	.boolub_recommendation_wrap .main_title h3 {  margin-bottom: 0;}

 





}
 




/* Mobile Device 최소 ~ 최대 500 */
@media (max-width:500px) {

/*.icon_wrap .flexBox .item a:last-child {margin-bottom:0}*/



.product_normal .swiper-slide a img {height: 150px;}
.product_normal04 .swiper-slide a img {height: 90px;}

.swiper_nation_wrap .swiper-slide .img {height: auto;}
.swiper_nation .swiper-slide .swipter_nation_p {font-size: 13px;}

.swiper_nation .swiper-slide .img:before {height: 5.5rem;  border-radius:10px;}


.swiper_now_shorts_wrap .swiper-slide .img {height: 250px;}
.swiper_now_shorts .swiper-slide .swipter_nation_p {font-size: 11px;}


.travel_tab .tab-content li a:hover i { animation:none}
.travel_tab .tab-content li a {margin-bottom: 0;}
.travel_tab .tab-content li a i {padding:12px}
.travel_tab .tab_img img {height:50px;}


.airtel  {margin-bottom:10px!important;}
.airtel p {line-height:15px}

.banner_zone p {line-height:15px}

.swiper_subscription .swiper-slide  .mobile {display:block;}
.swiper_subscription .swiper-slide  .pc {display:none;}

.title_more .more {font-size: 12px; margin-right:0; min-width:40px; padding:5px 7px;}


.swiper_now_shorts .swiper-slide  {width:45%;}

#category_menu .category_menu_inner .menu_box p { height: auto; font-size:11px; letter-spacing:-1px;}
#category_menu .category_menu_inner li img {    margin-bottom: 3px;}
#category_menu .category_menu_inner .menu_box h4{padding: 5px 0px 10px 5px;}


#category_menu .category_menu_inner .menu_box {margin: 5px 5px;padding: 5px 5px 10px 5px; border-radius:10px;}
#category_menu.open {height:520px;}

.swiper_nation .swiper-slide .img > img {height: 190px; border-radius:10px;}
.swiper_nation .swiper-slide .img:hover img {transform:inherit; transition-duration:inherit; transition-timing-function:inherit; }

.swiper_nation_wrap .swiper-slide {width: 40%; border-radius:10px;}

.main_icon_select_inner_wrap .mb_icon_list p {font-size:14px;}
.main_icon_select_inner_wrap .mb_icon_list span {font-size:12px;}


.main_banner .swiper-slide .m_txt_wrap {padding:40px 0 0 20px;}

.main_banner .swiper-slide.mv_01  {background: url("/images/main/mv_12_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_02  {background: url("/images/main/mv_03_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_03  {background: url("/images/main/mv_02_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_04  {background: url("/images/main/mv_05_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_05  {background: url("/images/main/mv_06_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_06  {background: url("/images/main/mv_07_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_07  {background: url("/images/main/mv_05_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_08  {background: url("/images/main/mv_08_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_09  {background: url("/images/main/mv_10_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_10  {background: url("/images/main/mv_11_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_11  {background: url("/images/main/mv_14_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_12  {background: url("/images/main/mv_15_m.jpg") no-repeat 50% 30% / cover;}
.main_banner .swiper-slide.mv_13  {background: url("/images/main/mv_16_m.jpg") no-repeat 50% 30% / cover;}



.alphaBanner {padding: 10px; background-position:95% 50%;}
.alphaBanner_in_img { flex-direction: column; align-items: flex-start;}
#closeBannerBtn {margin-left: 0px;}
.alphaBanner_in img {max-width:150px; margin-right: 0px;}
.alphaBanner_in .coupon_btn {font-size:13px;padding: 5px 5px;margin-left: 5px;}

.alphaBanner p em {display:inline-block; margin-bottom:5px;}
.alphaBanner p {font-size:14px;}
.alphaBanner .desc span {display:block; text-align:center; font-size:14px} 
.alphaBanner .desc strong {font-size:24px}

.swiper_img_banner_main .swiper-pagination-bullet {margin-right: 1px!important;}

.swiper_img_banner_main .swiper-slide img { height: 150px; object-fit: fill;}
.swiper_img_banner_main  .swiper-slide .title_p {font-size: 18px;}

.category_menu_btn {width:90%}


.box-main-banner {min-width:380px; margin: 10px auto 20px auto; overflow:hidden; }
.box-main-banner .btn-banner {width:280px;height:330px;}
.box-main-banner .btn-banner .txt-wrap .txt-1 em { font-size:12px; line-height:250%; }
.box-main-banner .num-wrap .num-bar { font-size:13px;}
.box-main-banner .num-wrap .num-total { font-size:13px;}


.box-main-banner .btn-banner .nb_top_gradient  {  height:180px;  }

.box-main-banner .btn-banner .mb_arrow_btn { width:80px; height:80px; }
.box-main-banner .btn-banner .mb_arrow_btn  p {   width:46px; height:46px; }

.m_iconbox_new4 {  padding: 0 10px; }
.m_iconbox_new4 ul li strong {  font-size: 15px;}
.m_iconbox_new4 ul li span { font-size: 12px;}
.m_iconbox_new4 ul li {  padding: 10px 0;}

.n_main_bottom_banner {  padding: 0 10px;}
.n_main_bottom_event {  margin:30px auto 0 auto; padding: 0 10px;}
.n_main_bottom_banner ul li a span { font-size: 13px; font-weight:bold;}
.n_main_bottom_banner ul li a em {padding: 7px 15px; font-size:11px;}



.n_main_bottom_event ul li:nth-child(1) {background-size:  80px; background-position:86% bottom;}
.n_main_bottom_event ul li:nth-child(2) {background-size:  80px; background-position:88% bottom;}
.n_main_bottom_event ul li:nth-child(3) {background-size:  80px;background-position:87% bottom;}

 

.boolub_recommendation_inner {  padding: 30px 0 30px 0;}
.boolub_recommendation_wrap .br_bg_png img  {width:120px;}



}




@media (max-width:430px) {


	/* 카카오상담 */
	.flexBox.list > * > * {flex-wrap:wrap; justify-content:center}
	.flexBox.list > * > * .con {text-align:center}
	.flexBox.list.kakao_box .desc .title {width:100%}

	.box-main-banner .btn-banner .txt-wrap .txt-1 {font-size: 18px;}
	.box-main-banner .btn-banner .txt-wrap .txt-2 {font-size: 12px;  letter-spacing:-1px;}
	.box-main-banner .btn-banner .txt-wrap {min-width: 120px; width:190px;}

	.travel_tab {margin: 30px auto 0 auto;}
	.travel_tab .tab-content li .new {top: -10px;}
	.travel_tab .tab-content li img {height:27px}

	.m_iconbox_new4 ul li img {  max-width: 50px; margin-right: 10px;}

	.travel_tab .tab_img img {height:45px;}

	 .travel_tab .tab1 .tab_img {top:-13px; left:0px;}
	 .travel_tab .tab2 .tab_img { top:-8px;  left:12px; }

	.swiper_nation .swiper-slide .btn_nation_view .btn a {padding: 0.2rem;font-size: 11px;}


	.main_app li a img {  max-height: 20px;}
	.main_app li:first-child a img {  max-height: 16px;}


	.boolub_recommendation_wrap .main_title h3 {  font-size: 20px; margin-bottom:0;}
	.boolub_recommendation_wrap .br_bg_png {right: 1%;}

	.boolub_recommendation_wrap .main_scroll_item .swiper-slide { margin-right: 10px!important;}

	


}







/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:400px) {

	.airtel div a {padding:15px;  height:110px; }
	.airtel div a{ border-radius:10px;  }
	 
	.swiper_now_shorts_wrap .swiper-slide .img > img { height: 210px;}

 	.box-main-banner .btn-wrap {bottom:16px; margin-left:-60px}
	.box-main-banner .num-wrap {bottom: 12px;}
	.box-main-banner .slick-slide {padding: 0 10px;}
  
	.boolub_info li {padding: 10px;}

	.title_more .title_more_flex h3{font-size:17px; letter-spacing:-1px;}
 
	.travel_tab .tab1 .tab_img { left:10px;}
	.travel_tab .tab2 .tab_img {   left:20px; }
	.travel_tab .tab-content ul { margin-top: 0;}
	.travel_tab label {padding: 12px 0px;}


	.n_main_bottom_banner ul li a {height: 150px;}
	.n_main_bottom_banner { margin: 20px auto 0 auto;}

	.boolub_recommendation_wrap .main_scroll_item .swiper-slide:first-child { margin-left: 10px;}
	.boolub_recommendation_wrap .main_scroll_item .swiper-slide {  width: 180px;}
	.boolub_recommendation_wrap .br_bg_png img  {width:100px;}



	.n_main_bottom_event ul li:nth-child(1) {background-size:  70px; }
	.n_main_bottom_event ul li:nth-child(2) {background-size:  70px;}
	.n_main_bottom_event ul li:nth-child(3) {background-size:  70px;}

 


}




/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:380px) {
.box-main-banner {min-width:360px;  }
.box-main-banner .btn-banner {width:340px; }
.box-main-banner .btn-banner .txt-wrap { padding: 20px;}

.m_iconbox_new4 ul li img {  max-width: 40px; margin-right: 5px;}

}



/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:360px) {
.box-main-banner {min-width:340px;  }
.box-main-banner .btn-banner {width:320px;height:300px;}
}



/* Mobile Device 최소 ~ 최대 58c9 */
@media (max-width:340px) {
.box-main-banner {min-width:320px; }
.box-main-banner .btn-banner {width:300px;height:280px;}

.m_iconbox_new4 ul li img {  max-width: 30px; }


}