/******************* 몽골 유도 페이지 *******************/ 

/* section03 FIX MENU */
.mongolia_wrap {width:100%; max-width:1200px; margin:0 auto; position: relative; overflow: visible;}
#mg_back {background-color:#fff9f0}

/* 비주얼 */
.mg_wrap {position:relative}
.mg_wrap .visual {max-width: 1200px; height: 420px; background: url(/images/sub/mg_visual.jpg) no-repeat; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:20px}
.mg_wrap .visual em {position:absolute; right:2rem; top:2rem; padding:0.3rem 1rem; font-size:14px; font-weight:700; border:1px solid #74daff; border-radius:50rem; color:#74daff}
.mg_wrap .visual .con-title {display:flex; flex-direction:column; align-items:center; color:#fff; gap:10px}
.mg_wrap .visual .con-title span {font-size:20px; color:#fff}
.mg_wrap .visual .con-title strong {font-size:36px}

.mg_wrap .section {padding:5rem}
/* 기존 이미지 4열 박스
.mg_wrap .section01 .group {display:flex; align-items:flex-end; height: 230px; width: 25%; border-radius: 25px; padding:2rem}
.mg_wrap .section01 .group .desc {color:#fff}
.mg_wrap .section01 .group .desc strong {display:block; margin-bottom:10px; font-size:22px}
.mg_wrap .section01 .group .desc span {font-size:16px; color:#fff; line-height:1.4}
.mg_wrap .section01 .thum01 {background: url(/images/sub/mg_thum01.png) no-repeat 100% 50%;}
.mg_wrap .section01 .thum02 {background: url(/images/sub/mg_thum02.png) no-repeat left bottom;}
.mg_wrap .section01 .thum03 {background: url(/images/sub/mg_thum03.png) no-repeat 80% 30% / cover;}
.mg_wrap .section01 .thum04 {background: url(/images/sub/mg_thum04.png) no-repeat left bottom;}
*/

/* section01 지도 4열 이미지박스 */
.mg_wrap .section01 {display: flex; flex-direction: column; align-items: center; gap: 30px}
.mg_wrap .section01 h2.tit {font-size: 32px; color:#000; text-align: center; line-height:1.4; word-break: keep-all}

.mg_wrap .section01 .group {display: flex; flex-flow: column; gap: 30px; background-color: #f8e1e1; padding: 1rem 1rem 2rem 1rem; border-radius: 25px; cursor: pointer;}
.mg_wrap .section01 .group img {border-radius:25px}

.mg_wrap .section01 .group .desc strong {display:block; color:#000; margin-bottom:10px; font-size:22px}
.mg_wrap .section01 .group .desc span {font-size:16px; color:#000; line-height:1.4}
.mg_wrap .section01 .group .desc span > span {display:block; padding-top:5px; color:#af7d7d;}

/*지도 스와이퍼*/
.mg_wrap .section01 .thum_wrap {width:100%; /*max-width:900px;*/ z-index:0; position:relative; box-sizing:border-box; display:flex; gap:10px; overflow:visible}
.mg_wrap .section01 .thum_wrap .thum_swiper {/*position:relative;*/ overflow:hidden}
.mg_wrap .section01 .thum_wrap .thum_swiper .swiper-wrapper .swiper-slide {width:25%; height:420px}

/*버튼*/
.thum_swiper .swiper-button-next01.swiper-button-disabled, 
.thum_swiper .swiper-button-prev01.swiper-button-disabled {display:none;}

.thum_swiper .swiper-button-next01, .thum_swiper .swiper-button-prev01 {background-color: rgb(255 255 255 / 75%); 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); width: 40px; height: 40px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: .2s; z-index: 10; color:#444}
.thum_swiper .swiper-button-next01:hover, .thum_swiper .swiper-button-prev01: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);}
/*.thum_swiper .swiper-button-next01:after, .thum_swiper .swiper-button-prev01:after {font-size: 18px}*/

.thum_swiper .swiper-button-prev01 {left:-20px; cursor: pointer;}
.thum_swiper .swiper-button-prev01:after {content:''; font-family:xeicon; font-size:20px; z-index:2; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.thum_swiper .swiper-button-next01 {right:-20px; cursor: pointer;}
.thum_swiper .swiper-button-next01:after {content:''; font-family:xeicon; font-size:20px; z-index:2; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/*몽골 조인투어 배너*/
.section .banner_zone {display:flex; justify-content:space-between; align-items:flex-end; padding:4rem 3rem; border-radius:25px; background: url('/images/sub/mg_banner_img01.jpg')no-repeat 50% 50%}
.section .banner_zone .desc {display:flex; flex-direction:column}
.section .banner_zone .desc span {color: rgb(255 255 255 / 90%); font-size:16px}
.section .banner_zone .desc strong {color:#fff; font-size:22px}

.section .banner_zone .button a {color:#16ede5; font-weight:700; background-color: #000; padding: 0.8rem 1.5rem; border-radius: 25rem}
.section .banner_zone .button a:hover i {transition:all .3s; transform: translateX(5px)}
/* section02 TIP */

.mg_wrap .section02 h2.tit {margin-bottom:2rem; font-size: 32px; color:#000; text-align: center; line-height:1.4; word-break: keep-all}
.mg_wrap .section02 h2.tit span {font-size:32px; color:#000; font-family:'InkLipquid'; display:block}

.mg_wrap .section02 .tip_wrap {display: flex; flex-wrap: wrap; justify-content:center; gap:10px}
.mg_wrap .section02 .group {display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 5rem); background-color: #f8efe1; border-radius: 25px; padding: 2rem;}
.mg_wrap .section02 .group h4.cate {width:10%; text-align:center; padding:0.5rem; margin-bottom:10px; font-weight:normal; border-radius:50rem;  background-color:#000; font-size:14px; color:#fff}
.mg_wrap .section02 .group .desc {color:#000}
.mg_wrap .section02 .group .desc strong {display:block; margin-bottom:10px; font-size:18px}


/* section03 */
.con_wrap {/* sticky가 제대로 동작하려면 overflow가 visible이어야 함 */
  position: relative; /* sticky가 이 범위 내에서 작동하도록 하기 위한 설정 */}

.con_wrap .section03 {position:relative; display: flex; flex-direction: column; gap: 30px; padding-bottom:3rem}
.con_wrap .con_group {width:90%; margin:0 auto; background-color:#fff; padding:2rem; border-radius:25px; /*overflow:hidden; margin-bottom:5rem;*/box-sizing:border-box; box-shadow:1px 1px 10px 1px rgb(0 0 0 / 8%)}

.con_wrap .section03 .banner {height:180px; display:flex; align-items:flex-end; padding:2rem; border-radius:25px; margin:0 auto; background: url(/images/sub/mg_ban00.jpg) no-repeat 40% 40%}/*은하수*/
.con_wrap .section03 .banner.banner01 {background: url(/images/sub/mg_ban01.jpg) no-repeat 40% 40%} /* 고비 */
.con_wrap .section03 .banner.banner02 {background: url(/images/sub/mg_ban02.jpg) no-repeat 40% 40%} /*홉스골*/
.con_wrap .section03 .banner.banner03 {background: url(/images/sub/mg_ban03.jpg) no-repeat 50% 50%} /*Q&A*/

.con_wrap .section03 .banner .desc {color:#fff; line-height:1.4}
.con_wrap .section03 .banner .desc span {display:block; color:#fff; font-size:22px}
.con_wrap .section03 .banner .desc strong {font-size:26px}

.con_wrap .section03 .con_box_wrap h2.tit {margin:3rem 0 2rem; font-size: 32px; color:#000; text-align: center; line-height:1.4; word-break: keep-all}
.con_wrap .section03 .con_box_wrap h2.tit span {font-size:32px; color:#bf9266; font-family:'InkLipquid'; display:block}

.con_wrap .section03 .nation_category_menu .swiper-slide .img > img {height:300px}

.con_wrap .section03 .con_box_wrap .item {overflow:hidden; margin:30px 0}
.con_wrap .section03 .con_box_wrap .item p {overflow:inherit; height:inherit; line-height:inherit}
.con_wrap .section03 .con_box_wrap .item span {overflow:inherit; font-size:22px; font-weight:700; color:#f16425; margin-top:10px;}
.con_wrap .section03 .con_box_wrap .item .nation_category_menu {margin:0 auto}

/* 코스 #메뉴 */
.con_wrap .section03 .title_group {display:flex; justify-content:center}
.con_wrap .section03 .title_group ul {display:flex; gap:30px}
.con_wrap .section03 .title_group ul li {font-size:18px; color:#4e2f00}


/* 탭 메뉴 - 부모에 overflow가 없으면 sticky가 잘 작동함 */
.con_wrap .anchor-tab {position: sticky; top: 0; z-index: 999; background: #76371b; padding: 1rem 2rem}

/*sticky swiper*/
.con_wrap .mg_swiper {width:100%; overflow:hidden; box-sizing:border-box}
.con_wrap .mg_swiper .swiper-slide {width:10%;}
.con_wrap .mg_swiper .swiper-slide a{display:flex; align-items: center; justify-content: center; height:42px; color: #fff; font-size: 16px;font-weight: 500; /*white-space: pre;*/ cursor:pointer;}
/*active*/
.con_wrap .mg_swiper .swiper-slide a.active {background-color:#22b0e4; border-radius:50rem}

/* Q&A */
.con_wrap .con_box_wrap .faqType {width:80%; margin:0 auto}
.con_wrap .con_box_wrap .faqType .item {margin:0}
.con_wrap .con_box_wrap .faqType .label {padding:2rem 1rem}
.con_wrap .con_box_wrap .faqType .label span {font-size:20px; font-weight:700; color:#76371b}

/******** dep03 ********/
/*TIP*/
.tip_wrap .group ul.dep03 {margin-bottom:0}
.tip_wrap .group ul.dep03 > li:before {background-color:#000}

/*Q&A*/
.con_wrap .con_box_wrap .faqType .item ul.dep03 {margin-bottom:0}
.con_wrap .con_box_wrap .faqType .item ul.dep03 > li:before {background-color:#000}







/******************* 몽골원정대 *******************/

#mg_back_1400 {background-color:#fff}
.mongolia_wrap_1400 {width:100%; max-width:1400px; margin:0 auto; position: relative; overflow: visible;}

/*몽골원정대 신청하기 및 공유*/
.mg_con .apply_box {position:relative; display:flex; gap:20px; align-items:center; justify-content:space-between; padding:1rem 3rem; /*background:url('/images/sub/mg_apply.jpg') no-repeat*/}
.mg_con .apply_box .left {display:flex; flex:1 1; gap:10px; align-items:center}
.mg_con .apply_box .left strong {font-size:24px; color:#000}

	/*상단 여름,겨울 몽골원정대 탭 메뉴*/
	.tab_btn-box {width:100%; display: flex; flex-direction: row; gap: 30px; flex-wrap: nowrap; justify-content: space-evenly; padding: 1rem 0;}
	.tab_btn-box div {position:relative; font-size: 20px; font-weight:700; color:rgb(0 0 0 / 25%); cursor:pointer}
	.tab_btn-box:after {content:''; width:1px; height:20px; position:absolute; right:inherit; top:50%; transform:translate(-50%, -50%); background:#999; }
	.tab_btn-box div:hover {color:#57a2ff}
	.tab_btn-box div.active {color:#0065e3}
	.tab_btn-box div.active:before {content: ''; width: 7px; height: 7px; position: absolute; left: -7px; top: -7px; background: #2cdcef; border-radius: 30px;}
	.tab_btn-box div.active:hover {color:#57a2ff}

.mg_con .red_btn {background-color:#eb20a1; color:#fff; border-radius:50rem; padding:0.3rem 1.5rem; font-size:16px}
.mg_con .red_btn.red_btn02 {padding:1rem 1.5rem}
.mg_con .white_btn {background-color:#fff; color:#000; border-radius:50rem; padding:1.5rem 3rem; font-size:18px}

.mg_con .apply_box .right {position:absolute; right:10px; top:55%; transform:translate(-10px, -55%)}
.mg_con .apply_box .btn {width: 35px; height: 35px; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px !important; /*background-color:rgb(255 255 255 / 75%); border-radius:2rem*/}
.mg_con .apply_box .btn_share {background-image: url('/images/sub/mg_top_share.svg');}

/* 비주얼 */
/* 반응형 영상 */
.mg_con .video_bg {overflow: hidden; position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 비율 */}
.mg_con .video_bg iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 0}
.mg_con .video_bg::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1}

/* 공통 영상 박스 스타일 (유튜브 / 비메오 동일 적용) */
.mg_con .video_bg {position: relative;  width: 100%;  padding-bottom: 34.17%; /* 1200x410 비율 */  overflow: hidden; background-color:#000;  /*border-radius: 8px;*/}
.mg_con .video_bg.vimeo_style iframe {position: absolute;  top: 0; left: 0;  width: 100%;  height: 100%;  border: none;  z-index: 0;  /* 필요 시 클릭 막기:  pointer-events: none;  */}

/* 탭메뉴 */
.mg_con .section_wrap {position:relative; z-index:1}
.mg_con .tab_mn {width:100%; position:sticky; top: 0; z-index: 999; background:#d9d9d9; box-sizing:border-box}
.mg_con .tab_mn .tabs {display:flex}
.mg_con .tab_mn .tabs .tab {text-align: center; width: 100%; border: 0; padding:2rem 0}
.mg_con .tab-content {display: none}
.mg_con .tab-content.active {display: block}
.mg_con .tab.active {font-weight: bold; background: #000; color: #fff;}

.mg_con .con_wrap {position:relative; padding:5rem; box-sizing:border-box}

/* 몽골원정대란? */
.mg_con .con_wrap.con_wrap01 {width: 100%; background: url(/images/sub/mg_bg01.jpg) no-repeat bottom; height: 100%; min-height: 1500px; background-size: cover;} /*배경*/
.mg_con .con_wrap.con_wrap02 {width: 100%; background: url(/images/sub/mg_bg02.jpg) no-repeat; height: 100%; min-height: 1500px; background-size: cover;} /*배경*/
.mg_con .con_wrap.con_wrap05 {width: 100%; background: #1b30b0 url(/images/sub/mg_bg03.jpg) no-repeat; height: 100%; min-height: 1000px; background-size: contain;} /*배경*/

.mg_con .con_wrap .section {display:flex; justify-content:space-between; margin:5rem 0 10rem 0; overflow:hidden}
.mg_con .con_wrap01 .section01 .desc, .mg_con .con_wrap02 .section02 .desc {width: calc(70% - 0rem)}

.mg_con .con_wrap .section .desc h1 {display:inline-block; font-size:42px; color:#deff00;font-weight:200; margin-bottom:2rem}
.mg_con .con_wrap .section .desc p.txt {font-size:24px; color:#fff; word-break:keep-all; /*margin-bottom:2rem;*/ line-height:1.8; /*white-space: pre-wrap;*/}
.mg_con .con_wrap .section .img {display:flex; align-items:flex-end; gap:20px}
.mg_con .con_wrap .section  .img i img {border-radius:2.5rem; width:240px; height:230px; object-fit: cover}

.mg_con .con_wrap01 .section02 {flex-direction:row-reverse; text-align:right}
.mg_con .con_wrap01 .section02 .desc h1 {color:#ffb629}

.mg_con .con_wrap01 .section03, .mg_con .con_wrap .section04, 
.mg_con .con_wrap05 .section01, .mg_con .con_wrap05 .section02  {text-align: center; justify-content: center; flex-direction: column;}

.mg_con .con_wrap01 .section03 .desc h1 {position:relative; color:#53e4af}
.mg_con .con_wrap01 .section03 .desc h1:before {content:''; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:-5px}

.mg_con .con_wrap02 .section04 .desc h1 {position:relative; color:#fff}
.mg_con .con_wrap02 .section04 .desc h1:before {content:''; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:-5px}

.mg_con .con_wrap02 .logo {text-align:center; filter:opacity(0.5)}
.mg_con .con_wrap02 .btn {width: 30%; display: flex; justify-content: center; background: #c80000; margin: 25px auto; padding: 2rem; border-radius: 1rem}
.mg_con .con_wrap02 .btn button {font-size:18px; font-weight:600; color:#fff}



/* 상품 보러가기 */
.mg_con .con_wrap.con_wrap03 {background-color:#000}
.mg_con .con_wrap.con_wrap06 {background-color:#f9f9f9}


.mg_con .con_wrap03 .section05,
.mg_con .con_wrap03 .section06,
.mg_con .con_wrap03 .section08 {display:flex; flex-direction:column; /*align-items:center*/}

.mg_con .con_wrap03 .section05 .txt_box, 
.mg_con .con_wrap03 .section06 .txt_box, 
.mg_con .con_wrap03 .section07 .txt_box,
.mg_con .con_wrap03 .section08 .txt_box,
.mg_con .con_wrap03 .section09 .txt_box,
.mg_con .con_wrap04 .section11 .txt_box,
.mg_con .con_wrap05 .section02 .txt_box {text-align:center}

.mg_con .con_wrap03 .section05 .txt_box h2.tit,
.mg_con .con_wrap03 .section06 .txt_box h2.tit,
.mg_con .con_wrap03 .section07 .txt_box h2.tit,
.mg_con .con_wrap03 .section09 .txt_box h2.tit,
.mg_con .con_wrap05 .section02 .txt_box h2.tit {font-size:42px; color:#fff; font-weight:normal; word-break: keep-all;}

.mg_con .con_wrap03 .section05 .txt_box span.graphy, .mg_con .con_wrap03 .section09 .txt_box span.graphy {font-size:36px; color:#ff68bb; font-family: 'InkLipquid';}


.mg_con .con_wrap03 .section05 .box_wrap {display:flex; gap:20px; justify-content:center; margin-top:3rem}
.mg_con .con_wrap03 .section05 .box_wrap .day_box {width: 25%; background: #f9f1e8; border-radius: 25px; padding: 3rem 2rem 2rem}

.mg_con .con_wrap03 .section05 .day_box .desc {width: 100%; display: flex; flex-direction: column; align-items: center; gap:10px}
.mg_con .con_wrap03 .section05 .day_box .desc h3.day {position:relative; font-size:36px; color:#000; font-weight:700}
.mg_con .con_wrap03 .section05 .day_box .desc h3:after {content:''; width:7px; height:7px; border-radius:50px; background-color:#c80000; position:absolute; left:-5px; top:-5px}
.mg_con .con_wrap03 .section05 .day_box .desc span {font-size:26px; color:#bf9266;  font-family: 'InkLipquid';}
.mg_con .con_wrap03 .section05 .day_box .desc p {font-size:18px; text-align:center; color:#000; line-height:1.4; padding:1rem 0}


.mg_con .con_wrap03 .section05 .day_box .item h4.map_tit {font-size:16px; color:#c80000}
.mg_con .con_wrap03 .section05 .day_box .item i {}

.mg_con .con_wrap03 .section05 .day_box .item ul.dep03 > li {padding:0 0 0 17px}
.mg_con .con_wrap03 .section05 .day_box .item ul.dep03 > li:before {content: ''; background-color: #ff38a6; border-radius: 100%; position: absolute; left: 5px; top: 9px; width: 6px; height: 6px;}


.mg_con .con_wrap03 .section06 {display: flex; flex-direction: column; align-items: center; margin: 5rem auto; padding:3rem 2rem 2rem; background:url('/images/sub/mg_group07_back.jpg') no-repeat}
.mg_con .con_wrap03 .section06 .txt_box h2.tit {margin-bottom:2rem}
.mg_con .con_wrap03 .section06 .txt_box .graphy {display:block; color:#999; font-family: 'InkLipquid'; font-size:42px; line-height:1.1}
.mg_con .con_wrap03 .section06 .txt_box .graphy span {position:relative; color:#999; font-size:60px}
.mg_con .con_wrap03 .section06 .txt_box .graphy span:before {content:''; width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.mg_con .con_wrap03 .section06 .txt_box .graphy.won3 strong {color:#0defcc; font-size:80px; font-weight: 500}

.mg_con .con_wrap03 .section06 .title_group {width:100%}
.mg_con .con_wrap03 .section06 .title_group ul {width: 50%; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; transform: translateX(50%);}
.mg_con .con_wrap03 .section06 .title_group ul li {border:1px solid #fff; padding:0.5rem 2rem; color:#fff; border-radius:50rem; text-align:center}

.mg_con .con_wrap03 .section07 {flex-direction:column; margin:5rem auto}
.mg_con .con_wrap03 .section07 .service_wrap {display:flex; flex-wrap:wrap; justify-content: center; gap:10px; margin-top:3rem}
.mg_con .con_wrap03 .section07 .service_wrap .group {display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 1rem); background-color: #f9f1e8; border-radius: 25px; padding: 3rem;}
.mg_con .con_wrap03 .section07 .service_wrap .group .desc {display: flex; flex-direction: column;}

.mg_con .con_wrap03 .section07 .service_wrap .group .desc strong {font-size:24px; color:#000; line-height:1.8}
.mg_con .con_wrap03 .section07 .service_wrap .group .desc span {font-size:18px}

.mg_con .con_wrap03 .section08 {width:100%; flex-direction:column; margin:0 auto; background: #fff; border-radius: 25px; padding:5rem 2rem;}
.mg_con .con_wrap03 .section08 .txt_box h2.tit {font-size:42px; color:#000; font-weight:normal; margin-bottom:3rem;}
.mg_con .con_wrap03 .section08 .title_group ul {display: flex; justify-content: center; gap: 50px}
.mg_con .con_wrap03 .section08 .title_group ul li {font-size:18px; padding:1rem 0; color:#cbbba4; font-weight:600}

.mg_con .con_wrap03 .section08 .item {display: flex; flex-direction: row; gap: 15px}
.mg_con .con_wrap03 .section08 .item .img {position:relative; display:inherit; align-items: inherit}
.mg_con .con_wrap03 .section08 .item .img img {border-radius:3rem}
.mg_con .con_wrap03 .section08 .item .img .thum_info {position:absolute; left:20px; top:20px; display:flex; gap:10px}
.mg_con .con_wrap03 .section08 .item .img .recruit {color: #000; background-color: #fff; padding: 0.5rem 1rem; border-radius: 50px; font-size: 13px; font-weight:600}
.mg_con .con_wrap03 .section08 .item .img .complete {color: #fff; background-color: #e10000; padding: 0.5rem 1rem; border-radius: 50px; font-size: 13px; font-weight:600}
.mg_con .con_wrap03 .section08 .item .img .desc {padding:15px 0 0 10px}
.mg_con .con_wrap03 .section08 .item .img .desc .top_tag {display:flex; gap:5px; margin-bottom:10px}
.mg_con .con_wrap03 .section08 .item .img .desc .top_tag em {border:1px solid; border-radius:5rem; padding:0.3rem 1rem; color:#ff38a6}
.mg_con .con_wrap03 .section08 .item .img .desc .top_tag em + em {color:#8400ff}
.mg_con .con_wrap03 .section08 .item .img .desc p {font-size:18px; font-weight:500; color:#333; margin-bottom:1rem}
.mg_con .con_wrap03 .section08 .item .img .desc span {font-size:22px; font-weight:700; color:#000}

.mg_con .con_wrap03 .section09 {flex-direction:column; margin:5rem auto}

.mg_con .con_wrap03 .section09 .icon_group {display:flex; gap:30px; justify-content:center; flex-flow: wrap; margin-top:5rem}
.mg_con .con_wrap03 .section09 .icon_group .group {margin-bottom:15px}
.mg_con .con_wrap03 .section09 .icon_group .group i {display:block; border-radius:20px}
.mg_con .con_wrap03 .section09 .icon_group .group i img {border-radius:20px}
.mg_con .con_wrap03 .section09 .icon_group .group .desc {display:flex; flex-direction:column; align-items:center; gap:5px; padding-top:15px}
.mg_con .con_wrap03 .section09 .icon_group .group .desc strong {font-size:18px; color:#fff}
.mg_con .con_wrap03 .section09 .icon_group .group .desc span {font-size:16px; color:#aaa}


.mg_con .con_wrap03 .section09 .product_expense ul.dep03 > li {color:#000}
.mg_con .con_wrap03 .section09 .product_expense ul.dep03 > li:before {background-color:#ff68bb}
.mg_con .con_wrap03 .section09 .product_expense ul.dep03 > li > ul > li {color:#999}

.mg_con .con_wrap03 .section09 .product_expense .flexBox > * {justify-content:center}
.mg_con .con_wrap03 .section09 .product_expense .flexBox > * > * .title {color:#000; margin-bottom:0.5rem}
.mg_con .con_wrap03 .section09 .product_expense .red_btn {text-align:center}


/* 탭 안에 탭 */
.mg_con .mg_tab_tab {width: 100%;  margin: 0 auto;}
.mg_con .tab-tab {width: 70%; display: flex; justify-content: center; align-items: center;  margin: 0 auto 25px}
.mg_con .tab-tab li {flex: 1 1 25%;  text-align: center;  padding: 12px 10px;  cursor: pointer;  color:#999;  font-size:18px; word-break:keep-all}
.mg_con .tab-tab li.active {  font-weight: bold;  color: #c80000;}
.mg_con .tab-con {display: none;}
.mg_con .tab-con.active {display: block;}


.mg_con .con_wrap03 .section10 {display:block}


/*몽골 조인투어 배너2*/
.section10 .banner_box {display:flex; gap:20px;}
.section .banner_zone02 {width:100%; display:flex; justify-content:space-between; align-items:flex-end; padding:4rem 3rem; border-radius:25px; background: url('/images/sub/mg_banner_img02.jpg')no-repeat 50% 85%}
.section .banner_zone02 .desc {display: flex !important; text-align: left !important; margin-bottom: 0 !important;}
.section .banner_zone02 .button a {color:#ffca00}
.section .banner_zone02-2 {width:100%; background: url('/images/sub/mg_banner_img02-2.jpg')no-repeat 55% 60%}


.mg_con .con_wrap04 .section11 .txt_box h2.tit {font-size:42px; color:#000; font-weight:normal}

/*Q&A 배너*/
.section11 .banner_zone03 {display:flex; justify-content:center; /*align-items:flex-end;*/ padding:5rem; border-radius:25px; background: url('/images/sub/mg_banner_img03.jpg')no-repeat 50% 50%; margin-bottom:3rem}
.section11 .banner_zone03 .desc {display: flex !important; text-align: left !important; margin-bottom: 0 !important;}
.section11 .banner_zone03 .desc span {color:#fff}
.section11 .banner_zone03 .desc strong {color:#fff; font-size:36px}

.mg_con .con_wrap .con_group {background-color:#fff9f0}
.mg_con .section11 ul.faqType .item {background-color: #f3ede3}
.mg_con .con_box_wrap ul.faqType li a span i {color:#ff0000}


/* 태양콘서트 */
.mg_con .concert .desc {display: flex; gap: 50px; justify-content:space-around; padding:3rem 0}
.mg_con .concert .desc strong {font-size: 26px; color: #e7a15d; line-height: 1.4;}
.mg_con .concert .desc span {color: #fff; font-size: 18px; line-height: 1.6; word-break:keep-all}
.mg_con .section09 .txt_box span {color:#eee; font-size:16px; margin:1rem}


/* video */
.mg_con .video_wrap {}
.mg_con .video_wrap .video {display:flex; justify-content:space-between; gap:30px}
.mg_con .video_wrap .video .left {width:50%}
.mg_con .video_wrap .video .right {width:50%}
.mg_con .video_wrap .video .right strong {color:#97b6ff; word-break:keep-all; font-size:24px}
.mg_con .video_wrap .video .right strong .tit {font-size:32px; font-weight:700; color:#ffdb50}
.mg_con .video_wrap .video .right span {font-size:18px; color:#fff; line-height:1.6; margin-top:1rem}


/* 커뮤니티 */
.mg_con .comm_tab {margin-top:5rem}
.mg_con .comm_tab ul.tab_nav {display:flex; justify-content:center; gap:10px; align-items: center}

.mg_con .comm_tab .tab-content.active {}
.mg_con .comm_tab .tab-content ul li a.tab_btn {display: block; padding:1rem 2rem; border-radius: 1rem; border:1px solid #333; color:#000}
.mg_con .comm_tab .tab-content ul li a.tab_btn.active {background: #000; color:#fff}


/*애니메이션*/
.mg_con .marquee-container {width: 100%; height: 100%; min-height: 150px; overflow: hidden; position: relative; margin-top: 5rem; background: #f0f0f0; font-family: 'Cafe24Shiningstar'; background-color: transparent}
.mg_con .marquee-text {color:#184d4b; font-size:120px; position: absolute; white-space: nowrap; animation: marqueeMove 10s linear infinite}

    @keyframes marqueeMove {
      from {
        left: 100%;
      }
      to {
        left: -100%;
      }
    }


/* 5070 시니어 몽골원정대 */

.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap {display: flex; flex-direction: column; gap:30px; background-color:#fff; border-radius:2rem; margin:5rem 0 0 0; padding:3rem 0}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box {margin:5rem 0}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box span.check_list {font-size:26px; font-weight:900; color:#eb0000; margin-bottom:1.5rem}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box h2.tit {font-size:42px; color:#000; text-align: center; word-break: keep-all}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box span.txt {font-size:24px}

.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group {align-self:flex-start; background-color:#f9f9f9; border-radius:0 30rem 30rem 0; padding:5rem; text-align:left}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group span.tit {position:relative; display:block; font-size:26px; color:#000; margin-bottom:1rem}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group span.tit:before {content:''; font-family:xeicon; font-size:24px; color:#ff0000; position:absolute; left:-10px; top:-20px;}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group span {font-size:18px; line-height:1.4; word-break: keep-all}

.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group {align-self:flex-end;background-color:#eff4ff; border-radius:30rem 0 0 30rem; padding:5rem; text-align:right}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group span.tit {position:relative; display:inline-block; font-size:26px; color:#000; margin-bottom:1rem}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group span.tit:before {content:''; font-family:xeicon; font-size:24px; color:#ff0000; position:absolute; left:-10px; top:-20px;}
.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group span {display:block; font-size:18px; line-height:1.4; word-break: keep-all}
.mg_con .con_wrap.con_wrap05 .section.section02 {margin:5rem 0}


/********** 몽골 뉴 조인페이지 **********/


/* 전체 구조 */
.mg_join {font-family: 'Pretendard', sans-serif; color: #333; line-height: 1.6; margin: 0 auto; padding: 40px 0; max-width: 1200px; box-sizing: border-box}
.mg_join .sc {margin:0 auto 30px 0} 
/* 이미지 및 소개 영역 */
.mg_join .sc01 .join_wrap {display: flex; /*flex-wrap: wrap;*/ gap: 30px; /*margin-bottom: 40px; background:url('/images/sub/mg_join_b.png') no-repeat 50%*/}
.mg_join .sc01 .join_wrap .group {flex: 1 1 100%; flex-direction: column; display: flex; justify-content: space-between;}
.mg_join .sc01 .join_wrap .group .visual-box img {width: 100%; border-radius: 12px; object-fit: cover}
.mg_join .sc01 .join_wrap .group .txt {font-family:'Cafe24Shiningstar'; font-size:42px; color:#000; padding:40px 0; text-align:center}

/* 버튼/링크 박스 */
.mg_join .sc01 .join_wrap .group .img-box {display: flex; gap: 20px}
.mg_join .sc01 .join_wrap .group .img-box .thum {display:flex; flex-direction:column; justify-content:center; height:150px; flex: 1; background: #f5f5f5; border-radius: 10px; text-align: center; transition: 0.3s ease}
/* hover */
/*.mg_join .sc01 .join_wrap .group .img-box .thum01:hover,
.mg_join .sc01 .join_wrap .group .img-box .thum02:hover {background: #e0f0ff}
.mg_join .sc01 .join_wrap .group .img-box .thum:hover strong {color:#000}*/
.mg_join .sc01 .join_wrap .group .img-box .thum a:hover i {transition:all .3s; transform: translateX(5px)}

.mg_join .sc01 .join_wrap .group .img-box .thum01 {background:url('/images/sub/mg_join_img01.png') no-repeat; background-size: cover}
.mg_join .sc01 .join_wrap .group .img-box .thum02 {background:url('/images/sub/mg_join_img02.png') no-repeat; background-size: cover}

.mg_join .sc01 .join_wrap .group .img-box strong {display: block; font-size: 28px; line-height:1.1; color:#fff; margin-bottom: 10px}
.mg_join .sc01 .join_wrap .group .img-box a {display: block; padding: 8px 16px; background: #000; color: #fff; font-size: 14px}


/* 조인 투어 소개 영역 */
.mg_join .flexBox > * > * {display:flex; gap:20px; border:0; border-right:1px solid rgb(0 101 227 / 30%); border-radius:0}
.mg_join .flexBox > * > *:last-child {border-right:0}
.mg_join .con_box i.join_img img {height:60px}

.mg_join .join-infm {display:flex; gap:20px; margin-bottom:30px}
.mg_join .join-infm i {font-size:50px; color:#e10000}

/* 달력 영역 */
.mg_join .sc02 .cal_wrap {/*text-align: center*/ border:2px solid; border-radius:20px; padding:2rem; overflow:hidden}
.mg_join .sc02 .cal_wrap img {max-width: 100%; border-radius: 10px}

.mg_join .sc02 .cal_wrap .calendar_con_wrap {display:flex; gap:30px; justify-content:center}
.mg_join .sc02 .cal_wrap .calendar_con {width:calc(50% - 2rem)}
.mg_join .sc02 .cal_wrap .package_cal_swiper03 {background-color:#fff; padding-bottom:0}
.mg_join .sc02 .cal_wrap .package_cal_swiper03 .swiper-slide {height:450px; background-color:#f9f9f9; border-radius:20px; padding-top:25px; margin-bottom:20px}
.mg_join .sc02 .cal_wrap .package_cal_swiper03 .swiper-slide table {margin-top:0}

.package_cal_swiper03 .swiper-slide td .w100 span {width:100%; position:relative}
.package_cal_swiper03 .swiper-slide td.over span {font-weight: 700; color:#000}
.package_cal_swiper03 .swiper-slide td.check span {font-weight: 700; color: #fff !important;}

.package_cal_swiper03 .swiper-slide td.over span.active {color:#0018cf !important}
.package_cal_swiper03 .swiper-slide td.over .check_box {top:50%}


/* 조인가능, 마감, 확정 */
.package_cal_swiper03 .check_box {display: flex; flex-direction: row; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); gap:10px}
.package_cal_swiper03 .check_box .join {font-size:14px; color:#fff}
.package_cal_swiper03 .check_box .join_red {position:relative;}
.package_cal_swiper03 .check_box .join_red:before {content:''; width:30px; height:30px; background-color:#ff0000; position:absolute; left:0; top:0; border-radius:50%; transform:translate(-50%, -50%)}
.package_cal_swiper03 .check_box .join_blue {position:relative}
.package_cal_swiper03 .check_box .join_blue:before {content:''; width:5px; height:5px; background-color:#00aaff; position:absolute; left:0; top:0; border-radius:50%}
.package_cal_swiper03 .check_box .join_black {position:relative}
.package_cal_swiper03 .check_box .join_black:before {content:''; width:30px; height:30px; background-color:#000; position:absolute; left:0; top:0; border-radius:50%; transform:translate(-50%, -50%)}

/* < > 버튼 */
.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-prev, .mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-next {top:18%}
.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-next, .package_cal_swiper02 .swiper-container-rtl .swiper-button-prev {right:150px}
.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-prev, .package_cal_swiper02 .swiper-container-rtl .swiper-button-next {left:150px}

.mg_join .sc02 .cal_wrap .status_ico {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; /*border-bottom:1px dashed #ccc*/}
.mg_join .sc02 .cal_wrap .status_ico strong {position:relative; display:block; padding:1rem; text-align:center;}
.mg_join .sc02 .cal_wrap .status_ico strong:before {content:''; width:5px; height:5px; background-color:#ff0000; position:absolute; left:50%; top:5px; border-radius:50%; transform:translateX(-50%)}

/* 카드 리스트 */
.mg_join .sc03 .card-wrap {display: grid;  grid-template-columns: repeat(auto-fill, minmax(381px, 1fr));  gap: 30px; justify-content:start }
.mg_join .sc03 .card-wrap .item {display: flex; flex-wrap: wrap; gap:10px; flex-direction: column; justify-content:space-between; border: 1px solid #eee; border-radius: 12px; padding: 20px; background: #f3f7fb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: 0.3s ease}
.mg_join .sc03 .card-wrap .item:hover {transform: translateY(-4px)}

/* 조인마감 불투명 */
.mg_join .item-zero {position:relative;}
.mg_join .item-zero:before {outline: 2px solid #f5f5f5; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgb(255 255 255 / 75%);/*box-shadow:2px 2px 10px -5px rgb(0 0 0 /20%)*/}
.mg_join .item-zero:after {content:'조인마감'; position:absolute; left:50%; top:50%; width:30%; border-radius:30px; padding:0.5rem 0; text-align:center; color:#000; background:#ededed; font-weight:700; transform:translate(-50%, -50%)}

.mg_join .label {display: inline-block;  font-size: 12px;  padding: 3px 10px;  border-radius: 20px; color: #fff}
.mg_join .label-00.boolub {background: #0065e3; color:#fff}
.mg_join .label-01.recruitment {background: #8f00ff; color:#fff}
.mg_join .label-02.deadline {background: #4f8ae5}
.mg_join .label-03.scline {background: #68b3ff; color:#fff}
.mg_join .label-04.complete {background: #d71414}
.mg_join .label-05 {background:#3500ff}
.mg_join .label-06 {background:#00bbdb}

/* 타이틀 */
.mg_join .sc03 .card-wrap .tit-box {display:flex; justify-content:space-between; align-items:center}
.mg_join .sc03 .card-wrap .tit-box h3 {font-size: 18px; color:#000}
.mg_join .sc03 .card-wrap .tit-box .day {font-size: 16px; font-weight:700; color: #454545; /*margin-bottom:20px*/}

/* 설명 */
.mg_join .sc03 .card-wrap .tit-box .desc {border-left:1px solid #b9cadb; padding-left:10px; height:fit-content}
.mg_join .sc03 .card-wrap .tit-box .desc strong {display: block; font-size: 16px; font-weight: 700;}
.mg_join .sc03 .card-wrap .tit-box .desc ul {padding: 0; margin: 0}
.mg_join .sc03 .card-wrap .tit-box .desc li {line-height:1.4}
.mg_join .sc03 .card-wrap .tit-box .desc i {font-size: 18px; margin-right: 2px; color: #4e74ff}

/*태그*/
.mg_join .sc03 .card-wrap .txt-box {background: rgb(255 255 255); border-radius: 10px; padding: 10px;}
.mg_join .sc03 .card-wrap .txt-box ul {display:flex; flex-wrap:wrap; gap:10px}
.mg_join .sc03 .card-wrap .txt-box ul li {display:flex; align-items:center; gap:3px; color:#0096ff}
.mg_join .sc03 .card-wrap .txt-box ul li i {font-size:18px}

/*에디터박스*/
.mg_join .sc03 .card-wrap .editer-box {background-color:rgb(0 150 255 / 8%); border-radius:10px; padding:7px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height:2}
.mg_join .sc03 .card-wrap .editer-box i {font-size:16px; color:#271acf; margin-right:5px}

/*버튼*/
.mg_join .sc03 .card-wrap .item .btn {width:50%; background-color:#38beef; color:#fff; padding:8px; border-radius:10px; margin:10px auto 0}

/* 원정대 박스 컬러*/
.mg_join .sc03 .card-wrap .item01 {border:2px solid #0065e3}

/* item01 선택시 파랑배경 
.mg_join .sc03 .card-wrap .item01 {background:#0065e3}
.mg_join .sc03 .card-wrap .item01 .join-number {color:rgb(255 255 255 / 75%)}
.mg_join .sc03 .card-wrap .item01 .tit-box h3 {color:#fff}
.mg_join .sc03 .card-wrap .item01 .tit-box .day {color: #fff; font-weight:700}
.mg_join .sc03 .card-wrap .item01 .tit-box .desc {border-left:1px solid #fff}
.mg_join .sc03 .card-wrap .item01 .tit-box .desc strong,
.mg_join .sc03 .card-wrap .item01 .tit-box .desc li,
.mg_join .sc03 .card-wrap .item01 .tit-box .desc i {color:#fff}
.mg_join .sc03 .card-wrap .item01 .tit-box .btn {background-color:#0027cf}
.mg_join .sc03 .card-wrap .item01 .editer-box {background-color:#2382f9; border-radius:10px; padding:7px; color:rgb(255 255 255 / 75%)}
*/


/* 상세내용 팝업 */
/* 오버레이 전체 */
.mg_join .sc03 .popup-overlay {position: fixed; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: none; justify-content: center; align-items: center; z-index: 9999}
/* 팝업창 */
.mg_join .sc03 .popup-content {width: 100%; max-width: 500px; background: #fff; border-radius: 15px; padding: 20px; box-sizing: border-box; position: relative; animation: slideUp 0.3s ease-out}

@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

/* 닫기 버튼 */
.mg_join .sc03 .popup-close {position: absolute; top: 16px; right: 16px; background: none; border: none; font-size: 24px; cursor: pointer}

/* 본문 스타일 */
.mg_join .sc03 .popup-body h3 {margin-top: 10px; font-size: 18px}
.mg_join .sc03 .popup-date {font-size: 16px; color: #666; margin:0 0 5px 0}
.mg_join .sc03 .popup-date-number {font-size: 14px; margin:0 0 5px 0; color:#999}
.mg_join .sc03 .popup-info {display: flex; gap: 20px; margin-bottom: 16px}
.mg_join .sc03 .popup-info > div {width:50%; border:1px solid #ddd; padding:1rem; border-radius:10px; overflow-y: auto; max-height: calc(40px * 4); scrollbar-width: thin;}

.mg_join .sc03 .popup-info > div strong {color:#222}

.mg_join .sc03 .popup-info ul.dep03 > li {font-size:14px; line-height:1.2; padding:0 0 0 10px; color:#757575}
.mg_join .sc03 .popup-info ul.dep03 > li:before {top:6px}

.mg_join .sc03 .popup-info ul.dep03 > li > ul > li {font-size:13px; line-height:1.4; color:#929292}
.mg_join .sc03 .popup-info ul.dep03 > li > ul > li:before {top:7px}

.mg_join .sc03 .popup-label {background: #e0f0ff; color: #007aff; display: inline-block; padding: 3px 12px; border-radius: 6px; font-size: 13px}

.mg_join .sc03 .popup-tag {display: flex; justify-content: space-between; align-items: center; gap:5px; margin-bottom: 16px; border:1px solid #ddd; border-radius:10px; padding:1rem}
.mg_join .sc03 .popup-tag .title {width:80%; display:flex; gap:20px; align-items:center}
.mg_join .sc03 .popup-tag .title h5 {font-size:15px; font-weight:normal; color:#545454; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space:nowrap}
.mg_join .sc03 .popup-tag .title img {max-width:59px;}

.mg_join .sc03 .btn-black {background: #000; color: #fff; border: none; padding: 6px 12px; border-radius: 6px; font-size: 13px; cursor: pointer}

/* 텍스트 입력 */
.mg_join .sc03 textarea {width: 100%; height: 130px; background-color:#f2f4f7; border-radius: 8px; padding: 10px; font-size: 14px; resize: none; margin-bottom: 20px}

/* 버튼영역 */
.mg_join .sc03 .popup-buttons {display: flex; gap: 10px}

.mg_join .sc03 .btn-white, .mg_join .sc03 .btn-blue {flex: 1; padding: 12px 0; font-weight: bold; border-radius: 8px; border: none; cursor: pointer; font-size: 14px}
.mg_join .sc03 .btn-white {background: #f0f0f0; color: #333}
.mg_join .sc03 .btn-blue {background: #007aff;color: #fff}

/* 동행현황 */
.mg_join .sc04 .pro_list {margin-top:20px}
.mg_join .sc04 .pro_list ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px}
.mg_join .sc04 .pro_list .list-box {display:flex; gap:10px; flex-direction:column; justify-content:space-between; min-height:295px; border:1px solid #ddd; border-radius:10px; padding:1.5rem}
.mg_join .sc04 .pro_list .list-box .info-box {display:flex; flex-direction:row; gap:10px}
.mg_join .sc04 .pro_list .list-box .info-box02 {display:flex; flex-direction:column; gap:10px}
.mg_join .sc04 .pro_list .list-box .btn {width:100%; background-color: #38beef; color: #fff; padding: 8px; border-radius: 10px}
.mg_join .sc04 .pro_list .list-box .thum {max-width:90px; max-height:90px}
.mg_join .sc04 .pro_list .list-box .thum img {height:100%; object-fit:cover; border-radius:10px}
.mg_join .sc04 .pro_list .list-box .join-number {color:#999; font-size:12px}
.mg_join .sc04 .pro_list .list-box .info {width:100%; display:flex; flex-wrap:wrap; gap:7px; /*flex-direction:column; min-height:232px;*/ box-sizing:content-box}
.mg_join .sc04 .pro_list .list-box .label-group {display:flex; flex-wrap:wrap; gap:3px}
.mg_join .sc04 .pro_list .list-box .label-group .label {font-size:12px; margin-right:0}


.mg_join .sc04 .pro_list .icon {background: #f5f5f5; border-radius: 10px; padding: 5px;}
.mg_join .sc04 .pro_list .icon span {margin-right:5px; font-size:13px}
.mg_join .sc04 .pro_list .icon span i {font-size:14px; color:#0096ff; vertical-align: text-top; margin-right:1px}
.mg_join .sc04 .pro_list .txt-box {width:100%}
.mg_join .sc04 .pro_list .txt-box h3 {font-size:18px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.mg_join .sc04 .pro_list .txt-box ul {display:flex; flex-direction:column; gap:0}


.mg_join .sc04 .pro_list .editer-box.two-lines {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em}

/* 몽골원정대 박스 */
.mg_join .sc04 .pro_list .list-box2 {border:1px solid #0065e3}

/* 필터 - 팝업 */
.mg_join .sc04 .filter-overlay {display: flex; justify-content: center; align-items: center; z-index: 99;}

.mg_join .sc04 .filter-wrap {display:flex; flex-direction:column; gap:10px; justify-content:space-between}
.mg_join .sc04 .filter-wrap .filter-button {display:none}
.mg_join .sc04 .filter-wrap .filter-button i {font-size:24px; color:#0027cf}


/* 팝업창 본체 */
.mg_join .sc04 .filter-popup {background: #fff; max-width: 400px; border-radius: 16px; padding: 24px; position: relative; animation: fadeUp 0.25s ease-out}

@keyframes fadeUp {
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 닫기 버튼 */
.mg_join .sc04 .popup-close {position: absolute; top: 16px; right: 16px; font-size: 24px; background: none; border: none; cursor: pointer}

/* 제목 */
.mg_join .sc04 .popup-title {font-size: 20px; font-weight: 600}

/* 그룹 */
.mg_join .sc04 .filter-group {position:relative; padding: 15px 0 0; display:flex; gap:15px; align-items:center}
.mg_join .sc04 .filter-group label {min-width:70px; display: block; font-weight: 500; font-size: 14px; color: #444}
.mg_join .sc04 .chip-group {display: flex; flex-wrap: wrap; gap: 8px}

/* 선택 칩 */
.mg_join .sc04 .chip.chip-ico {background: #f3f4f6; padding: 6px 12px; border-radius: 50px; font-size: 14px; cursor: pointer;}
.mg_join .sc04 .chip.chip-ico img {height:30px; margin-right:5px}

.mg_join .sc04 .chip {padding: 6px 12px; background: #f3f4f6; border-radius: 20px; font-size: 14px; cursor: pointer; transition: 0.2s; user-select: none}
.mg_join .sc04 .chip:hover {background: #e0e0e0}
.mg_join .sc04 .chip.active {background: #00c4b4; color: #fff}

/* 버튼 영역 */
.mg_join .sc04 .popup-buttons {display: flex; justify-content: space-between; margin-top: 24px}

.mg_join .sc04 .btn-reset,
.mg_join .sc04 .btn-apply {flex: 1; padding: 12px 0; border: none; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer}
.mg_join .sc04 .btn-reset {background: #f0f0f0; color: #333; margin-right: 8px}
.mg_join .sc04 .btn-apply {background: #00c4b4; color: #fff}


/* 신청폼 관련 */
/*.modal-content {padding:40px 20px 20px !important}*/

.c_btnbox.type_full .c_btn input {padding-left:20px !important; padding-right:20px !important}

/* 글쓰기 팀 테이블 */
.team-block .desc label {display:flex;}
.team-block .desc {display:flex; flex-direction:column; gap:10px; padding:5px 0}
.team-block .desc .tit {min-width:91px;background:#deedff; padding:0.7rem 1rem; border-radius:5px; color:#222; margin-right:10px}
.team-block .desc select {min-width:150px}
.team-block .btn-box {display:flex; justify-content:center; align-items:center; background:#000; border-radius:5px; padding:0.5rem; margin-top:10px}
.team-block .btn-box .btn-delete-team {color:#fff}

.lineup-row select {width:inherit !important;}
.lineup-row.type_process select {width:inherit; min-width:inherit !important}

/*부럽인증*/
.red-box {background-color: #f2f8ff; border:1px solid #0065e3; padding: 1rem; margin-bottom: 2rem; border-radius: 0.5rem;}
.red-box span {display:block; color:#3d689d; word-break:keep-all}
.red-box span.boo-mark {display:inline-block; background: #0065e3; font-size:13px; border-radius: 25px; padding: 0.1rem 1rem; margin: 0 3px 3px 0; color: #fff; vertical-align:middle}

/* 글쓰기 버튼 */
.btn-box {display:flex; justify-content:right;}
.btn-box .btn-write {background-color:#eee; padding:1rem 3rem; border-radius:10px; font-size:14px}



/************** 국가 동행 필터 **************/

/* ===== 기본 레이아웃 ===== */
/*.sc04 .filter-wrap{display:flex;justify-content:space-between; gap:12px}*/
.sc04 .list-total{font-size:14px;color:#111}
/*.sc04 .filter-open-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe3e7;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}*/

.filter-item {width:100%}

/* ===== 팝업 ===== */
.filter-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999}
.filter-popup {background:#fff; /*width:min(980px,94vw);*/ max-height:92vh; margin:2vh auto;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column}
.filter-popup .popup-head {display:flex; justify-content:space-between; align-items:center;}
.filter-popup .popup-title {font-size:16px;font-weight:700}
.filter-popup .popup-close {border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer}
.filter-popup .popup-body {/*padding:16px;*/ overflow:auto}
.filter-popup .popup-foot {display:flex;justify-content:flex-end;gap:8px;padding:15px 0}
.filter-popup .btn-reset,.filter-popup .btn-apply {border:1px solid #dfe3e7;background:#fff;border-radius:10px;padding:8px 14px;cursor:pointer}
.filter-popup .btn-apply {background:#0068b7;color:#fff;border-color:#0068b7}

/* ===== 그룹 공통 ===== */

.filter-group>label{display:block;/*margin-bottom:8px;*/font-weight:700}
.filter-help{font-size:12px; color:#c1c1c1; margin-top:5px}

/* ===== 칩 ===== */
.chip-group{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #dfe3e7;border-radius:999px;cursor:pointer;user-select:none;font-size:13px;background:#fff}
.chip.active{border-color:#0068b7;background:#0068b7;color:#fff}
.chip-ico img{width:16px;height:16px;display:block}

/* ===== 국가 선택(간단/고급) ===== */
.country-select-quick{display:flex;gap:8px;align-items:center}
.country-select-quick select{min-width:220px !important; width:inherit}
.btn-country-advanced{padding:6px 12px;border:1px solid #dfe3e7;background:#fff;border-radius:5px; font-size:14px; cursor:pointer}
.country-select-advanced{border:1px solid #e9edf1;border-radius:10px;padding:12px;background:#fafbfc; margin:15px 0}
.country-toolbar{display:flex;gap:10px; align-items: self-start; flex-flow: row-reverse; flex-direction: column-reverse; margin-bottom:10px}

.region-tabs{display:flex;gap:6px;}
.region-tabs .tab{padding:8px 12px;border:1px solid #dfe3e7;border-radius:999px;cursor:pointer;font-size:13px;background:#fff;user-select:none}
.region-tabs .tab.active{background:#0065e3;color:#fff;border-color:#0065e3}

/*#countrySearch{flex:1;min-width:220px}*/
.country-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:300px;overflow:auto;padding-right:4px}
.country-item{padding:8px 10px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}
.country-item.active{border-color:#0068b7;background:#eef6ff}
.country-name{font-size:13px;line-height:1.2}

.secondary-filters.is-hidden{display:none}

/* ===== 반응형 ===== */
@media (max-width:768px){
  .filter-popup{width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}
}


/* 반응형 대응 */
@media (max-width:1024px) {

	/* 뉴 몽골조인페이지 */
	.mg_join .sc01 .join_wrap {flex-wrap:wrap}
	.mg_join .sc04 .pro_list ul {grid-template-columns: repeat(2, 1fr)}
	.mg_join .sc04 .pro_list .label-group {display:flex; flex-wrap:wrap; gap:5px}

}

@media (max-width:1024px) {

	.lineup-row type_process {justify-content: inherit !important; align-items: inherit !important; flex-direction: inherit !important;}

}

@media screen and (min-width: 768px) {

  .mg_join .sc04 .filter-overlay {position: static !important; display: block !important; background: none; width: 100%; padding: 0}
  .mg_join .sc04 .filter-popup {max-width: 100%; border-radius: 0; box-shadow: none; background: none; padding: 2rem; border-radius:15px; border:1px solid #ddd}
  .mg_join .sc04 .filter-popup .popup-close {display: none}
  .mg_join .sc04 .popup-buttons {text-align: left; margin-top: 20px}

}

/**************** 반응형 ****************/

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

	
	.mg_wrap .section {padding:2rem}
	.mg_wrap .section01 h2.tit {font-size:26px}
	/*.mg_wrap .section01 .thum_wrap {flex-wrap:wrap; justify-content:center}*/
	.mg_wrap .section01 .group {width:calc(50% - 3rem)}

	.mg_wrap .section02 h2.tit {font-size:26px}
	.mg_wrap .section02 h2.tit span {font-size:24px}
	.mg_wrap .section02 .tip_wrap {gap:10px}
	.mg_wrap .section02 .group {width:100%; box-sizing:border-box}
	.mg_wrap .section02 .group h4.cate {width:15%}

	/*스티키
	.con_wrap .anchor-tab li {width:100px}
	.con_wrap .anchor-tab li a {text-align:center; font-size:16px; padding:1rem}
	*/

	.con_wrap .section03 .banner .desc span {font-size:20px}
	.con_wrap .section03 .con_box_wrap h2.tit {font-size:26px}
	.con_wrap .section03 .con_box_wrap h2.tit span {font-size:24px}
	.con_wrap .section03 .title_group ul {gap:10px}
	.con_wrap .section03 .title_group ul li {font-size:14px}

	.con_wrap .section03 .nation_category_menu .swiper-slide .img > img {height:inherit}

	/*몽골원정대*/
	.mg_con .con_wrap {padding:2rem}
	.mg_con .con_wrap03 .section05 .box_wrap {flex-wrap:wrap}
	.mg_con .con_wrap03 .section05 .box_wrap .day_box {width:calc(50% - 1rem)}


}


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

	/*몽골원정대*/
	.mg_con .apply_box {margin-top:65px; padding:0.5rem; background-color:#f9f9f9}
	.mg_con .apply_box .left strong {font-size:18px}
	.mg_con .apply_box .red_btn {font-size:16px}

	.mg_con .con_wrap .section {flex-direction:column; margin-bottom:5rem}
	.mg_con .con_wrap .section01 .desc, .mg_con .con_wrap .section02 .desc {width:100%; display:inline-block; text-align:center; margin-bottom:2rem}
	.mg_con .con_wrap .section01 .img, .mg_con .con_wrap .section02 .img {justify-content:center}

	.mg_con .con_wrap.con_wrap02 .btn {width:100%}

	.mg_con .con_wrap03 .section05 .txt_box h2.tit,
	.mg_con .con_wrap03 .section06 .txt_box h2.tit,
	.mg_con .con_wrap03 .section07 .txt_box h2.tit,
	.mg_con .con_wrap03 .section08 .txt_box h2.tit,
	.mg_con .con_wrap03 .section09 .txt_box h2.tit,
	.mg_con .con_wrap04 .section11 .txt_box h2.tit {font-size:36px}

	.mg_con .con_wrap03 .section05 .txt_box span.graphy {font-size:30px}
	.mg_con .con_wrap03 .section06 .txt_box .graphy span {font-size:40px}
	.mg_con .con_wrap03 .section06 .txt_box .graphy.won3 span {font-size:60px}

	.mg_con .con_wrap03 .section06 .title_group ul {width:auto; transform:translateX(0%); gap:5px}

	.mg_con .con_wrap03 .section07 .service_wrap .group .desc strong {font-size:20px}
	.mg_con .con_wrap03 .section07 .service_wrap .group .desc span {font-size:18px}

	.mg_con .con_wrap03 .section08 .item {flex-wrap:wrap; flex-direction:row}
	.mg_con .con_wrap03 .section08 .item a {/*width:48%*/}

	/*.mg_con .con_wrap03 .section09 .product_expense .desc {text-align:left; margin-bottom:0}*/
	.mg_con .con_wrap03 .section09 .product_expense .desc .con {width:100%}
	.mg_con .con_wrap03 .section09 .product_expense .flexBox.W3 > * > * {width:100%}

	.tab-content ul {margin:inherit}
	.tab-content li {width:inherit; /*margin:inherit*/}


	/*시니어 몽골원정대*/
	.mg_con .con_wrap.con_wrap05 {padding-top:5.5rem}

	}




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

	.mg_wrap .visual {margin-top:5rem}
	.mg_wrap .visual img {height:80px}
	.mg_wrap .visual .con-title strong {font-size:30px}

	.mg_wrap .section {padding:3rem 2rem 2rem} 
	.mg_wrap .section01 .thum_wrap .thum_swiper .swiper-wrapper .swiper-slide {width:50%}

	.thum_swiper .swiper-button-prev01,
	.thum_swiper .swiper-button-next01 {display:none}
	/*.mg_wrap .section01 .img_scroll {width:100%; overflow-x:scroll}
	.mg_wrap .section01 .img_scroll img {max-width:817px}*/

	.mg_wrap .section02 .group h4.cate {width:20%}

	.con_wrap .mg_swiper .swiper-slide {width:20%}

	.con_wrap .section03 .title_group ul {flex-wrap:wrap}
	.con_wrap .con_box_wrap .faqType {width:100%}
	.con_wrap .con_box_wrap .faqType .label span {font-size:16px; word-break:keep-all}

	/*몽골원정대*/
	.mg_con .con_wrap .section .desc h1 {font-size:36px}
	.mg_con .con_wrap .section .desc p.txt {font-size:20px}

	.mg_con .tab-tab {width:100%}
	.mg_con .con_wrap03 .section07 .service_wrap {flex-direction: column}
	.mg_con .con_wrap03 .section07 .service_wrap .group {width:100%}
	.mg_con .con_wrap03 .section07 .service_wrap .group .desc strong {font-size:18px; line-height:1.4}
	.mg_con .con_wrap03 .section07 .service_wrap .group .desc span {font-size:16px}
	/* 반응형 
	.mg_con .tab-tab li {flex: 1 1 50%}
	*/
	
	.mg_con .tab_mn {top:47px}
	.mg_con .tab_mn .tabs .tab {padding: 1rem 0}


	.mg_con .con_wrap04 .section11 .banner_zone03 {padding:3rem}

	.mg_con .video_wrap .video {flex-direction:column}
	.mg_con .video_wrap .video .left {width:100%}
	.mg_con .video_wrap .video .right {width:100%}

	.mg_con .con_wrap03 .section05 .box_wrap .day_box {width:100%; display:flex; gap:10px}
	.mg_con .con_wrap03 .section05 .day_box .desc {width:50%}
	.mg_con .con_wrap03 .section05 .day_box .item {width:50%}
	.mg_con .con_wrap03 .section05 .day_box .desc h3.day {font-size:26px}

	.section10 .banner_box {flex-direction:column}


	

	/* 몽골원정대 커뮤니티 */
	.comm_tab ul {flex-wrap:nowrap}
	.comm_tab .tab-content ul li a {padding:1rem}


	/* 시니어 몽골원정대 */
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box h2.tit {font-size:26px}

	/* 뉴 몽골조인페이지 */

	.mg_join .sc01 {margin-top:50px}
    .mg_join .sc01 .join_wrap {background:none}
	.mg_join .sc01 .join_wrap .group .visual-box {display:flex; justify-content:center}
	.mg_join .sc01 .img-box {flex-direction: column}
	.mg_join .sc01 .join_wrap .group .img-box .thum {justify-content:center; min-height:150px;}

	.mg_join .sc01 .join_wrap .group .txt {display:none}

	.mg_join .sc02 .cal_wrap .calendar_con_wrap {justify-content:inherit}
	.mg_join .sc02 .cal_wrap .calendar_con {width:100%}
	.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-slide {height:auto; padding:25px 10px 0}
	.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-next, .package_cal_swiper02 .swiper-container-rtl .swiper-button-prev {right:50px}
	.mg_join .sc02 .cal_wrap .package_cal_swiper02 .swiper-button-prev, .package_cal_swiper02 .swiper-container-rtl .swiper-button-next {left:50px}

	.mg_join .sc03 .card-wrap {grid-template-columns: 1fr; gap:20px}
	.mg_join .sc03 .card-wrap .tit-box {flex-direction:column; align-items:flex-start}
	.mg_join .sc03 .card-wrap .tit-box h3 {font-size:20px}
	.mg_join .sc03 .card-wrap .tit-box .desc {border-left:0; padding-left:0}
	.mg_join .sc03 .card-wrap .item01 .tit-box .desc {border-left:0}
	.mg_join .sc03 .card-wrap .item .btn {width:100%}

    .mg_join .sc03 .popup-overlay {align-items:flex-end}
	.mg_join .sc03 .popup-content {border-radius:15px 15px 0 0}


	.mg_join .sc04 .pro_list ul {grid-template-columns:1fr}
	.mg_join .sc04 .pro_list .list-box {min-height:auto}
	.mg_join .sc04 .pro_list .list-box .info {align-content:flex-start;}
	.mg_join .sc04 .pro_list .list-box .btn {padding:5px}

	.mg_join .flexBox > * > * {border-right:0; border-bottom:1px solid rgb(0 101 227 / 30%); margin:0}
	.mg_join .flexBox .ul.dep03 > li {margin:0}

	.mg_join .sc04 .filter-overlay {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6)}
	.mg_join .sc04 .filter-popup {width: 90%; max-height: 80%; background: #fff; border-radius: 10px; padding: 20px; overflow-y: auto; position: relative}
    .mg_join .sc04 .filter-popup .popup-close {position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer}
	.mg_join .sc04 .filter-wrap .filter-button {display:block; position:absolute; right:5px}
	
	.btn-box {justify-content:center} 

	.tab_btn-box {gap:0}
	.tab_btn-box:after {/*display:none*/ height:10px}
	.tab_btn-box div {font-size:16px; text-align:center;}
	.tab_btn-box div.active:before {display:none}

	.mg_con .red_btn {/*margin-top:10px*/}
	.mg_con .tab-tab li.active {margin-right:0 !important}

	.mg_join .join-infm {flex-direction:column; align-items:center}


 /*#teamContainer {max-width:350px}*/

}

@media screen and (max-width:480px) {
	
	.mg_wrap .section {padding:3rem 1rem 2rem}

	.mg_wrap .section01 .group {width: calc(50% - 2.5rem); padding:1rem}
	.mg_wrap .section01 .group .desc strong {font-size:18px}
	.mg_wrap .section01 .group .desc span {font-size:14px}
	.mg_wrap .section01 .thum_wrap .thum_swiper .swiper-wrapper .swiper-slide {width:70%; height:390px}

	.con_wrap .section03 .title_group ul {justify-content:center}
	.con_wrap .con_group {width:94%}
	.con_wrap .con_group .con_box_wrap .magazing_txt {height:4rem}
	.con_wrap .con_group .con_box_wrap .faqType .label span {width:80%}

	.con_wrap .mg_swiper .swiper-slide {width:25%}

	.section .banner_zone {flex-direction: column; align-items:start; gap:10px; padding:2rem}

	/*몽골원정대*/
	.mg_con .con_wrap {padding:1rem}
	.mg_con .con_wrap .section .desc h1 {font-size:26px; word-break:keep-all}
	.mg_con .con_wrap .section .desc p.txt {font-size:18px; line-height:1.6}
	.mg_con .con_wrap .section .img i img {height:150px}

	.mg_con .con_wrap03 .section08 .item a {width:100%}
	.mg_con .con_wrap03 .section08 .item .img .desc p {font-size:16px}

	.mg_con .con_wrap03 .section05 .txt_box h2.tit,
	.mg_con .con_wrap03 .section06 .txt_box h2.tit,
	.mg_con .con_wrap03 .section07 .txt_box h2.tit,
	.mg_con .con_wrap03 .section08 .txt_box h2.tit,
	.mg_con .con_wrap03 .section09 .txt_box h2.tit,
	.mg_con .con_wrap04 .section11 .txt_box h2.tit,
	.mg_con .con_wrap05 .section02 .txt_box h2.tit {font-size:26px}

	.mg_con .con_wrap03 .section05 .txt_box span.graphy, .mg_con .con_wrap03 .section09 .txt_box span.graphy {line-height:1.4; font-size:30px}

	.mg_con .con_wrap03 .section05 .box_wrap .day_box {padding:2rem 1rem}

	.mg_con .con_wrap03 .section05 .day_box .desc p {font-size:16px}
	.mg_con .con_wrap03 .section05 .day_box .desc span {text-align:center}

	.mg_con .con_wrap03 .section08 .tab-tab li {padding:0}

	/*.mg_con .con_wrap03 .section08 .item .img .thum_info {left:40px}
	.mg_con .con_wrap03 .section08 .item .img {text-align:center}
	.mg_con .con_wrap03 .section08 .item .img .desc .top_tag {justify-content:center}*/


	.mg_con .comm_tab .tab-content ul li a.tab_btn {padding:1rem}

	.mg_con .con_wrap04 .section11 .banner_zone03 .desc strong {font-size:26px}
	.mg_con .concert .desc {flex-wrap:wrap}
	.mg_con .video_wrap .video .right span {font-size:16px}

	
	/* 시니어 몽골원정대 */
	.mg_con .con_wrap.con_wrap05 {margin-top:5rem}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box {margin:2rem 0}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box span.txt {font-size:18px; padding:0.5rem 0}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .txt_box span.check_list {font-size:22px}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group {width:95%; padding:5rem 3rem; border-radius:0 8rem 8rem 0}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group .desc {margin-bottom:0}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group span.tit {font-size:21px}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.left_group span {font-size:16px}

	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group {width:95%; padding:5rem 3rem; border-radius: 8rem 0 0 8rem}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group .desc {margin-bottom:0}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group span.tit {font-size:21px}
	.mg_con .con_wrap.con_wrap05 .section02 .con_box_wrap .group.right_group span {font-size:16px}

	/* 뉴 몽골조인 페이지 */
	.mg_join {padding:0}
	.mg_join .sc02 .cal_wrap {padding:1rem}
	.mg_join .sc03 .card-wrap .label {font-size:12px;}
	.mg_join .sc03 .card-wrap .item .txt-box {flex-direction:column; align-items:inherit}
	.mg_join .sc03 .card-wrap .item .txt-box a {text-align:center; margin-top:10px}

	.mg_join .sc03 .popup-tag .title {gap:10px}
	.mg_join .sc03 .popup-tag .title h5 {white-space:pre-wrap; padding:0}
	.mg_join .sc03 .btn-black {padding:8px; font-size:12px}

	.mg_join .sc04 .pro_list ul {gap:20px}
	.mg_join .sc04 .pro_list .list-box {padding:1rem}
	.mg_join .sc04 .pro_list .list-box .txt-box .desc li {line-height:1.4}

	.mg_join .sc04 .filter-group {flex-wrap:wrap; flex-direction:column; align-items:inherit; gap:7px}
	.mg_join .sc04 .filter-group label {width:100%}	
	
	/* 글쓰기 팀 테이블 */
	.team-block .desc {display:flex; flex-direction:column; gap:10px; padding:5px 0}
	.team-block .desc .tit {min-width:inherit;background:#deedff; padding:0.7rem 1rem; border-radius:5px; color:#222; margin-right:10px}
	.team-block .desc select {min-width:inherit; width:67%}
	.team-block .btn-box {display:flex; justify-content:center; align-items:center; background:#000; border-radius:5px; padding:0.5rem; margin-top:10px}
	.team-block .btn-box .btn-delete-team {color:#fff}

	.country-select-quick {flex-direction:column}
	.region-tabs {flex-wrap:wrap}
	.region-tabs .tab {width:48%}
}