/*구독서비스*/
.subscribe_service {width:100%; max-width:1020px; margin:20px auto; overflow:hidden;}
 
.subscribe_service .subscribe_service_top { border-radius:20px 20px 0 0; padding:50px 0;text-align:center; background:url(/images/sub/subscribe_bg.jpg) no-repeat center 50% / cover}
.subscribe_service .subscribe_service_top img {max-width:413px; width:80%; margin-right:-60px;}
.subscribe_service .subscribe_service_top .dotted_line {border-bottom:2px dotted #ffffff24; width:calc(100% - 80px);; margin:15px auto; height:2px;}

.subscribe_service .subscribe_service_top p {color:#fff; margin:30px 0 10px 0; font-size:18px; line-height:140%; font-family:'Pretendard-Regular'; font-weight:normal;}
.subscribe_service .subscribe_service_top p b{color:#f8df0b; margin:20px 0;  font-size:22px; line-height:140%; font-weight:bold;}

.subscribe_service .subscribe_service_top .price_box {position:relative; width:100%; background-color:#ffffffd6; padding:30px 0 20px 0;border-radius:20px; margin:40px auto 40px auto;  max-width:600px;}
.subscribe_service .subscribe_service_top .price_box span {font-family: 'GmarketSansMedium';background-color:#ff6000; font-size:17px;color:#fff;  overflow:hidden;position:absolute; padding:5px 20px; border-radius:5px; left:50%; top:-15px; transform: translateX(-50%); line-height:130%;}
.subscribe_service .subscribe_service_top .price_box span b {font-weight:bold; }
.subscribe_service .subscribe_service_top .price_box p {color:#000;  font-family: 'GmarketSansMedium'; line-height:100%;font-size:30px;  }
.subscribe_service .subscribe_service_top .price_box p em {color:#000;   font-size:18px; }
.subscribe_service .subscribe_service_top .price_box p b{color:#1d278f; font-weight:bold; font-family: 'GmarketSansMedium';font-size:35px; }
.subscribe_service .subscribe_service_top .more {margin-top:20px; font-family: 'GmarketSansMedium'; font-size:22px; border:1px solid #fff; width:100%; box-sizing:border-box; max-width:600px; border-radius:20px; padding:20px; text-align:center; color:#fff;}
.subscribe_service .subscribe_service_top .more:hover { background-color:#fff;  color:#1d278f;}
 
.subscribe_service .subscribe_service_body {border-radius:0 0 20px 20px; padding:50px 0;text-align:center; background-color:#f3f3f3; border-radius:25px}

.subscribe_service .subscribe_service_body .subscribe_service_h2 {position:relative; max-width:550px;width:100%; font-family: 'GmarketSansMedium';   font-size:36px; padding:14px 0 0;  margin:0px auto 30px auto; /*background-color:#111;*/ color:#000; /*border-radius:30px;*/ border-bottom:1px solid #000 }
/*.subscribe_service .subscribe_service_body .subscribe_service_h2::after {content:''; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; left:20px; top:50%; transform: translateY(-50%);}
.subscribe_service .subscribe_service_body .subscribe_service_h2::before {content:''; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; right:20px; top:50%; transform: translateY(-50%);}
*/
.subscribe_service .subscribe_service_body .subscribe_service_h2 b {font-weight:bold;}
.subscribe_service .subscribe_service_body .subscribe_service_list { margin:10px auto; max-width:600px; width:100%;}
.subscribe_service .subscribe_service_body .subscribe_service_list li {box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.02);position:relative;font-family: 'GmarketSansMedium'; font-weight:300; letter-spacing:-1px; color:#222; font-size:20px; background-color:#fff; border-radius:20px; text-align:left; padding:16px 20px 16px 43px; margin-bottom:10px;}
.subscribe_service .subscribe_service_body .subscribe_service_list li span {font-family: 'GmarketSansMedium';font-size:17px;}
.subscribe_service .subscribe_service_body .subscribe_service_list li .circle_p {position:absolute;width:8px; left:12px; top:20px; padding:4px 8px 1px 8px; text-align:center; font-size:14px;background-color:#222; color:#fff; border-radius:100%;    }
/*.subscribe_service .subscribe_service_body .subscribe_service_list li em {background-color:#222; font-size:12px;color:#fff; border-radius:50%;  padding:5px 9px; box-sizing:border-box;}*/
.subscribe_service .subscribe_service_body .subscribe_service_list li  b {font-weight:bold;}

.subscribe_service .subscribe_btn {margin-top: 20px; font-family: 'GmarketSansMedium';font-size: 20px; border: 1px solid #0012ff; width: 100%; box-sizing: border-box; max-width: 600px; border-radius: 15px; padding: 20px; text-align: center; color: #fff;  background-color: #0012ff;}
.subscribe_service .subscribe_btn:hover {color:#103ff0; background-color:#fff; border:1px solid #103ff0;}

 .subscribe_service .subscribe_service_body .banner {width:100%; max-width:600px; margin:40px auto; text-align:left;}
.subscribe_service .subscribe_service_body .banner li a {width:100%; padding:20px; box-sizing:border-box; margin-bottom:20px;background-color:#fff; border-radius:20px; box-shadow: 8px 4px 8px rgba(0,0,0,0.25);}

.subscribe_service .subscribe_service_body .banner li a .title_img {display:flex;align-items:center;}
.subscribe_service .subscribe_service_body .banner li a p {margin-right:5px; font-weight:bold;font-family: 'GmarketSansMedium'; color:#222; font-size:20px;}
.subscribe_service .subscribe_service_body .banner li:first-child a p b {color:#103ff0}
.subscribe_service .subscribe_service_body .banner li:last-child a p b {color:#5a10f0}


.subscribe_service .subscribe_service_body .banner li:first-child a {background: #fff url(/images/sub/subscribe_icon_01.jpg) no-repeat 95% 50% / 80px}
.subscribe_service .subscribe_service_body .banner li:last-child a {background: #fff url(/images/sub/subscribe_icon_02.jpg) no-repeat 95% 50% / 80px}

.subscribe_service .subscribe_service_body .banner li a span {line-height:140%; font-size:16px; margin-top:5px;}



/* 회원 혜택 02 */
.subscribe_service .subscribe_service_body_02 .subscribe_service_div {margin:10px auto 50px auto; overflow:hidden;}
.subscribe_service .subscribe_service_body_02 { width:100%; max-width:1020px; background-color:#fff;  margin:10px auto; box-sizing:border-box;}
.subscribe_service .subscribe_service_body_02 .subscribe_service_h2 {   text-align:center;  font-family: 'Giants-Bold';   font-size:30px; padding:14px 0;  margin:30px auto 10px auto;  color:#222;  }
.subscribe_service .subscribe_service_body_02 .subscribe_service_h2 b {position:relative; z-index:1;}
.subscribe_service .subscribe_service_body_02 h4 { line-height:140%; z-index:0; position:relative; font-family: 'GmarketSansMedium';   color:#222; font-size:30px;}
.subscribe_service .subscribe_service_body_02 h4 b{position:relative; z-index:1;}
.subscribe_service .subscribe_service_body_02 h4 b::after {content:''; z-index:-1;display:block; width:100%; height:11px; background-color:#80dcff; left:0; bottom:0;position:absolute;}

.subscribe_service .subscribe_service_body_02 .subscribe_service_title_p {  font-family: 'Pretendard-Regular';font-size:22px; font-weight:600; color:#222; line-height:140%; margin:20px 0;}
.subscribe_service .subscribe_service_body_02 .subscribe_service_title_p02 {  font-family: 'Pretendard-Regular';font-size:17px;  color:#222; margin:20px 0;line-height:140%; }

.subscribe_service .subscribe_service_img {width:100%; max-width:1020px;  margin:10px auto;object-fit:cover; overflow:hidden; text-align:center;} 
.subscribe_service .subscribe_service_img img {width:100%; max-height:340px;object-fit:cover;  }


.subscribe_service  .subscribe_service_ul li {position: relative;font-family: 'Pretendard-Regular';padding-left: 8px;font-size: 16px;line-height: 21px;font-weight: 400;color: #5E5E5E;text-align: left;}
.subscribe_service  .subscribe_service_ul li:before {overflow: hidden;position: absolute;left: 0;top: 9px;display: block;content: "";width: 2px;height: 2px;background: #5E5E5E;border-radius: 50%;}

.subscribe_service_tag {padding: 5px 8px;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;background-color: #fff;display:inline;white-space:nowrap}


/* 맴버쉽혜택 */
.subscribe_service .subscribe_service_member {background-color:#1D1963; display:flex; flex:1; gap:10px; padding:20px;}
.subscribe_service .subscribe_service_member div {border:1px solid #ffffff78; width:100%; text-align:center; padding:20px; border-radius:10px; color:#fff; }
.subscribe_service .subscribe_service_member div h4 {color:#fff;font-family: 'GmarketSansMedium';}

.subscribe_service .point_blue {color:#00bbff!important}







/*구독서비스 결제하기 */
.subscribe_pay_wrap {width:100%; margin:0 auto; max-width:1020px; box-sizing:border-box;}

.subscribe_pay_wrap .subscribe_pay_top { margin:50px auto 10px auto; border-radius:20px;  box-sizing:border-box; 
background: url(/images/sub/subscribe_bg05.jpg) no-repeat center 70% / cover; width:calc(100% - 20px);  ; margin-bottom:20px;  box-sizing:border-box;padding:50px 20px 80px 20px; text-align:center; background-color:#171787;}

.subscribe_pay_wrap .subscribe_pay_top img {width:100%; max-width:250px;    margin-bottom:20px;}
.subscribe_pay_wrap .subscribe_pay_top h3 { color:#fff;font-family: 'Pretendard-Regular'; font-size:30px;  font-weight:normal;}
.subscribe_pay_wrap .subscribe_pay_top h3 b {    font-weight:bold;}
.subscribe_pay_wrap .pay_more {  margin-left:auto;  background-color:#D22C26; letter-spacing:-1px;  color:#fff;font-size:13px; padding:7px 18px; border-radius:20px;}
 



.subscribe_pay_wrap .subscribe_pay_01 h4 {  font-family: 'Pretendard-Regular';  font-size:22px;  }
.subscribe_pay_wrap .subscribe_pay_01 .pay_top_h4_flex + p { margin-top:-10px; }

.subscribe_pay_wrap .subscribe_pay_01 ul {display:flex;gap:20px; width:100%;  flex-wrap: wrap;}
.subscribe_pay_wrap .subscribe_pay_01 li {  width:31.8%; font-family: 'Pretendard-Regular';}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover, .subscribe_pay_wrap .subscribe_pay_01 li .over, .subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover p b {background-color:#171787; color:#fff;}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover h5, .subscribe_pay_wrap .subscribe_pay_01 li .over h5 {color:#fff;}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover p,  .subscribe_pay_wrap .subscribe_pay_01 li .over p {color:#fff;}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover p b,  .subscribe_pay_wrap .subscribe_pay_01 li .over p b {color:#fff;}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list{ position:relative; height:140px; text-align:left; flex-direction: column;
justify-content: space-between;  display:flex;  border:1px solid #ddd; padding:35px 30px 30px 30px; margin:10px auto; border-radius:10px; }



.subscribe_pay_wrap .subscribe_pay_01 li .pay_list::after {
width: 24px; content:''; 
height: 24px;
background: url('https:/images/sub/plan_edid_chk_black.png') no-repeat;
background-size: cover;
margin-right: 10px; position:absolute; right:10px; top:50%; transform: translateY(-50%);
}


.subscribe_pay_wrap .subscribe_pay_01 li .over::after {
width: 24px; content:''; 
height: 24px;
background: url('https:/images/sub/plan_edid_chk_02_black.png') no-repeat;
background-size: cover;
margin-right: 10px; position:absolute; right:10px; top:50%; transform: translateY(-50%);
}



.subscribe_pay_wrap .subscribe_pay_01 h5 {font-size:25px; margin-right:10px; font-family: 'Pretendard-Regular';}
.subscribe_pay_wrap .subscribe_pay_01 h5 + p {font-size:16px;}


.subscribe_pay_wrap .subscribe_pay_01 .pay_list em {border:1px solid #ddd;  padding:4px 10px; border-radius:15px; position:absolute; left:25px; top:15px; font-size:14px;font-family: 'Pretendard-Regular'; }
.subscribe_pay_wrap .subscribe_pay_01 .pay_list p {font-family: 'Pretendard-Regular';}
.subscribe_pay_wrap .subscribe_pay_01 .pay_list p b {font-size:16px; font-weight:normal; color:#555}
.subscribe_pay_wrap .subscribe_pay_01 .once_price  {background-color:#ff6600; color:#fff; display:inline-block; padding:4px 10px; border-radius:10px;}
.subscribe_pay_wrap .subscribe_pay_01 .once_price02  {  color:#222; display:inline-block; }

.subscribe_pay_wrap .subscribe_pay_01 li .pay_list:hover .once_price02 { color:#fff;}

.subscribe_pay_wrap .subscribe_pay_01 .title {display:flex; align-items:center; }
.subscribe_pay_wrap .subscribe_pay_01 .red {font-size: 26px;font-family: 'Pretendard-Regular';line-height: 38px;font-weight: 600;color: #D22C26;}


.subscribe_pay_wrap .subscribe_pay_bottom_btn {display:flex; gap:10px; margin:20px auto;}
.subscribe_pay_wrap .subscribe_pay_bottom_btn a:first-child {width:200px; padding:15px 20px;}
.subscribe_pay_wrap .subscribe_pay_bottom_btn a:last-child { flex:1;}
.subscribe_pay_wrap .subscribe_pay_bottom_btn a {font-size:16px; border-radius:10px; padding:15px 0; display:block; text-align:center; cursor:pointer; }
.subscribe_pay_wrap .subscribe_return_btn { border:1px solid #171787; color:#171787; }
.subscribe_pay_wrap .subscribe_btn_pay {background-color:#222; color:#fff; }

.pay_top_h4_flex {display:flex;align-items:center; margin:40px 0 10px 0;}
.pay_top_h4_flex p {}
 

.subscribe_pay_wrap .subscribe_pay_01 .title_h5 {font-size:18px;}


.subscribe_pay_wrap  .pay_box {background-color:#f6f6f6; padding:10px 0; margin:10px 0;border-radius:10px;display:flex; align-items: center; justify-content: center;}
.subscribe_pay_wrap  .pay_box b {font-weight:bold; font-size:18px;}

.subscribe_pay_wrap  .pay_box  .won {color: #aaa;position: relative;padding: 0 1px;font-weight: 500;font-size: 16px; margin-right:5px;}
.subscribe_pay_wrap  .pay_box  .won:before {content: "";position: absolute;left: 0;top: 55%;width: 100%;height: 1px;background: #aaa;margin-top: -1px;}



.subscribe_pay_wrap .subscribe_pay_01  .num_step {
width: auto;
padding: 4px 10px;
line-height: 18px;
border-radius: 44px;
background-color: #0B0B0B;
font-weight: 700;
font-size: 14px;
color: #fff;
display: inline-block;
vertical-align: super;
float: left; margin-right:10px;}







/*구독서비스 해지*/
.subscribe_cancel  {max-width:800px; width:96%; margin:50px auto; text-align:center; }
.subscribe_cancel  p {font-family: 'Pretendard-Regular';margin:15px 0; font-size:17px; color:#000; line-height:140%;}
.subscribe_cancel img {max-width:250px; width:100%;}
.subscribe_cancel .conbox h3 {font-family: 'Pretendard-Regular';}
.subscribe_cancel .conbox {background-color:#f6f6f6; padding:30px; margin:20px 0; border-radius:20px;}
.subscribe_cancel .conbox i {color:#000}
.subscribe_cancel .conbox  li {font-family: 'Pretendard-Regular';text-align:left; font-size:15px; padding-bottom:5px;}
.subscribe_cancel .conbox  li .xi-shield-checked {color:#eb0028; }
.subscribe_cancel .conbox  li em { padding-left:15px; font-size:14px; color:#acacac; }
.subscribe_cancel  .conbox p {font-size:14px; }

.subscribe_cancel a {font-family: 'Pretendard-Regular';background-color:#222; color:#fff; border:1px solid #222;border-radius:10px; padding:8px 20px; margin:20px 0 0 0;}
.subscribe_cancel a:hover {background-color:#fff; color:#222; border:1px solid #222;}

.sub_cancel_check_box {width:100%; text-align:left; box-sizing:border-box; margin:20px auto;padding:20px 15px; border-radius:20px;background-color:#fff; display:flex;flex-direction: column;}
.sub_cancel_check_box p {margin:0}
.sub_cancel_check_box .checkboxAll_square label {box-shadow: none;}


.sub_cancel_check_box .checkboxAll_square input:checked+label:before {background-image: url("/images/sub/plan_edid_chk_o_square_blue.png");}
.sub_cancel_check_box  input {border: 1px solid #ddd;width: 96%; overflow:hidden;padding: 10px; border-radius:3px; margin-left:10px; box-sizing:border-box;}



/* 구독 새로운페이지 or 몽골 원정대 */
.subscribe_new_wrap {width:100%; /*padding:20px 0;*/max-width:1020px; margin:20px auto; overflow:hidden;}

.subscribe_new { border-radius:20px; width:100%;  padding:80px; box-sizing:border-box;margin:10px auto; min-height:900px; height:auto; }
.subscribe_new_standart {background: url("/images/sub/mongol_back.jpg") no-repeat right 50% / cover ;}
/*.subscribe_new_standart {background: url("/images/sub/subs_new_bg.jpg") no-repeat right 50% / cover ;}*/
.subscribe_new_premium {background: url("/images/sub/subs_new_bg_p.jpg") no-repeat right 50% / cover ;}

.subscribe_new h3 {font-weight:bold; color:#000; font-family: 'GmarketSansMedium'; font-size:46px; letter-spacing:-2px; word-break:keep-all}
.subscribe_new h3 b {font-family: 'GmarketSansMedium'; color: #000367; border-radius: 20px;}

.subscribe_new .img {display: block; margin-bottom: 30px; max-width: 230px; margin: 0 auto 35px}

.subscribe_new .sub_new_p01 {width:573px; position:relative; margin:0 auto; font-weight:100; font-size:34px; color:#000; font-family: 'GmarketSansMedium'; letter-spacing:-1px;}
.subscribe_new .sub_new_p01 .txt {display: block; position: absolute; left: 243px; top: -23px; font-size: 18px; text-decoration: line-through; color:#000}
.subscribe_new .sub_new_p01 b {color:#c90000; font-weight:700; font-size:36px}
.subscribe_new .sub_new_p01:before { width:100px; height:1px;  top:50%; right:0;position:absolute;  background-color: rgb(0 0 0 / 30%); content:'';}
.subscribe_new .sub_new_p01:after { width:100px; height:1px;  top:50%; left:0;position:absolute;  background-color: rgb(0 0 0 / 30%); content:'';}
.subscribe_new .sub_new_p02 {font-size:18px; color:rgb(255 255 255 / 81%); margin-top:20px; word-break:keep-all}
.subscribe_new .sub_new_p03 {display: inline-block; font-size: 30px; color: #fff; font-weight: 700; padding: 20px 0 0; font-family: 'GmarketSansMedium';}
.subscribe_new .sub_new_p03 img {display:block; margin:0 auto}


.subscribe_new .box_price_wrap {display:flex;gap:20px; margin-top:60px;}
.subscribe_new .box_price {box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.05); position:relative; background-color:rgb(255 255 255 / 90%); width:50%; padding:40px 25px 25px; border-radius:20px; margin-top:20px;}
.subscribe_new .box_price em {position:absolute; left:50%; top:-25px; font-family: 'GmarketSansMedium'; font-size:18px; transform: translateX(-50%); color:#fff; padding:10px 29px; border-radius:30px; width:80%; text-align:center}
.subscribe_new .box_price:first-child em {background-color:#420ab4;}
.subscribe_new .box_price:last-child em {background-color:#b40a9a;}
.subscribe_new .box_price .s_price {margin:10px 0;font-size:22px; font-weight:bold;letter-spacing:-2px;}
.subscribe_new .box_price .s_price b{ font-size:30px; font-weight:bold;}
.subscribe_new .box_price:first-child .s_price b{color:#420ab4; }
.subscribe_new .box_price:last-child  .s_price b{color:#b40a9a; }
.subscribe_new .box_price p {font-size:16px; line-height:130%; color:#222; text-align:left; padding-top:15px}


.subscribe_new .box_icon {width: 100%; margin-top: 50px; display: flex; justify-content: space-around;}
.subscribe_new .box_icon em {background-color:#1fb1a5}

.subscribe_new .box_price ul {padding-top:15px;}
.subscribe_new .box_price ul li {position:relative; padding-left:10px; line-height:1.4; color:#333; font-size:16px}
.subscribe_new .box_price ul li:before {content:''; width:4px; height:4px; background-color:#222; border-radius:100%; position:absolute; left:0; top:50%; transform:translateY(-100%)}

.subscribe_new .box_info {margin-top:50px; padding:20px; box-sizing:border-box; background-color:rgb(0 0 0 / 75%); width:100%; border-radius:20px; }
.subscribe_new .box_info h4 {color:#ffcb00;}
.subscribe_new .box_info li {color:#fff}

@media (max-width:768px) {

.subscribe_new .box_icon {display:block;}
.subscribe_new .box_price ul {padding-top:0}
.subscribe_new .box_info ul.dep03 > li:before {top:7px}

}

/*.subscribe_new .box_info li {color:#fff; position:relative; padding-left:13px; font-size:16px; line-height:160%;}
.subscribe_new .box_info li:after {width:4px; height:4px; border-radius:50%; top:50%; left:0;transform: translateY(-50%);  position:absolute;  background-color:#fff; content:'';}
*/

/******* 코스보기 팝업창 *******/
.course_intro {padding:50px 20px 0; box-sizing:border-box}
.course_intro .title {text-align: center}
.course_intro .title h1 {display: block; width:70%; margin:30px auto; font-size: 64px; color: #000; word-break: keep-all; font-weight:700}
.course_intro .title span {font-size: 26px; color: #252525; line-height: 1.4}

/* 공통 */
.course_intro .course_box h3, .course_intro .moon_box h3, .course_intro .day_box h3, .course_intro .highlights h3, .course_intro .icon_box h3 {font-size:30px; font-weight:700; font-family:inherit; text-align:left; margin-bottom:30px}
.course_intro .course_box, .course_intro .moon_box, .course_intro .highlights, .course_intro .icon_box {margin:80px 0}


/* 코스 */

.course_intro .course_box h3 {text-align:center;}
.course_intro .course_box ul {display:flex; justify-content:center; gap:40px}
.course_intro .course_box ul li {position:relative; color:#fff; font-size:24px; background-color:#001a64; border-radius:5rem; padding:1rem 3rem;}
.course_intro .course_box ul li:after {content: ''; color: #999; font-size: 2rem; font-family: 'xeicon'; position: absolute; right: -2.8rem; bottom: 1rem;}
.course_intro .course_box ul li:last-child:after {content:none}

/* 그믐달 아이콘 */

.course_intro .moon_box h3 {text-align:center}
.course_intro .moon_box ul {display:flex; justify-content:space-around}
.course_intro .moon_box ul li {display:flex; flex-direction:column; align-items:center}
.course_intro .moon_box ul li strong {font-size:24px; color:#134de0; font-weight:700;}
.course_intro .moon_box ul li span {font-size:18px}
.course_intro .moon_box ul li img {width:96px; height:96px}

/* 상세일정 */
.course_intro .day_box {display:flex; flex-direction:column; gap:30px;}
.course_intro .day_box h3 {margin-bottom:0}
.course_intro .day_box .group {background-color:#f9f9f9; border-radius:20px; padding:3rem}
.course_intro .day_box .group h2 {font-size:30px; color:#000}
.course_intro .day_box .group h2 strong {color:#134de0; font-weight:700 !important}
.course_intro .day_box .group .list {display:flex; align-items:center}
.course_intro .day_box .group .list img {max-width:370px; max-height:230px}
.course_intro .day_box .group .list ul.dep03 {width:calc(100% - 3rem); margin-top:30px}
.course_intro .day_box .group .list ul.dep03 > li {font-size:24px; padding-left:20px}
.course_intro .day_box .group .list ul.dep03 > li:before {width:7px; height:7px; top:13px}

/* 하이라이트 박스 */
.course_intro .highlights {background-color:#77abe7; border-radius:20px; padding:3rem;}
.course_intro .highlights h3 {color:#fff}
.course_intro .highlights li {font-size:24px; color:#fff; line-height:1.4}

/* 아이콘 박스 */
.course_intro .icon_box ul {display:flex; margin:15px }
.course_intro .icon_box li {width:33.333%; display:flex; align-items:center; font-size:22px; gap:15px; word-break:keep-all}
.course_intro .icon_box li i {width:74px; height:74px; display:block; background-color:#f9f9f9; border-radius:15px; padding:1rem}
.course_intro .icon_box li img {width:100%}


@media (max-width:1024px){

.course_intro .course_box ul li {font-size:20px; padding:1rem 2rem}

}

@media (max-width:900px){

.course_intro .course_box ul {flex-direction:column; gap:40px}
.course_intro .course_box ul li {text-align:center}
.course_intro .course_box ul li:after {right: 50%; transform: translateX(50%) rotate(90deg);bottom: -3rem;}

}

@media (max-width:768px) {

.course_intro {padding-top:70px}
.course_intro .title h1 {width:100%; font-size:45px}
.course_intro .title span {font-size:20px}

/* 공통 */
.course_intro .course_box h3, .course_intro .moon_box h3, .course_intro .day_box h3, .course_intro .highlights h3, .course_intro .icon_box h3 {font-size:22px}
.course_intro .course_box, .course_intro .moon_box, .course_intro .highlights, .course_intro .icon_box {margin:50px 0}


.course_intro .moon_box ul {gap:30px}
.course_intro .moon_box ul li {width:18%}
.course_intro .moon_box ul li img {width:80%; height:auto}
.course_intro .moon_box ul li strong {font-size:16px}
.course_intro .moon_box ul li span {font-size:16px; text-align:center; word-break:keep-all}

.course_intro .day_box .group {padding:2rem}
.course_intro .day_box .group h2 {font-size:22px; word-break:break-word}
.course_intro .day_box .group .list {display:block}
.course_intro .day_box .group .list ul.dep03 {width:100%}
.course_intro .day_box .group .list ul.dep03 > li {padding-left:12px; font-size:16px}
.course_intro .day_box .group .list ul.dep03 > li:before {width:5px; height:5px; top:8px}
.course_intro .day_box .group .list img {max-width:100%; max-height:100%}

.course_intro .highlights {padding:2rem}
.course_intro .highlights li {font-size:16px}

.course_intro .icon_box ul {margin:25px 0}
.course_intro .icon_box li {flex-direction:column; font-size:16px; text-align:center}

}


@media (max-width:640px) {


.course_intro .moon_box ul {gap:10px; flex-direction:column}
.course_intro .moon_box ul li {width:100%; display:flex; flex-direction:row; justify-content:flex-start; gap:30px}
.course_intro .moon_box ul li img {width:20%; height:auto}
.course_intro .moon_box ul li strong {width:25%}

.course_intro .day_box {gap:20px}
.course_intro .day_box .group .list ul.dep03 {margin-top:15px}

}


.subs_Benefits_wrap  {width:100%; padding:20px 0; margin:20px auto; overflow:hidden;}
.subs_Benefits_wrap h3 {text-align:center;font-family: 'GmarketSansMedium'; font-size:30px; letter-spacing:-1px;}
.subs_Benefits_wrap .btn_subs_wrap {display:flex; align-items: center; justify-content: center; gap:20px;}
.subs_Benefits_wrap .btn_subs_wrap a {text-align:center; font-size:18px; font-family: 'GmarketSansMedium'; padding:17px 120px;  border-radius:10px;}


.subs_Benefits_wrap .btn_subs { border:1px solid #222;background-color:#222; color:#fff;}
.subs_Benefits_wrap .btn_subs:hover { background-color:#fff; color:#222; border:1px solid #222;}

.subs_Benefits_wrap .btn_subs01 { border:1px solid #22a3b9;background-color:#22a3b9; color:#fff;}
.subs_Benefits_wrap .btn_subs01:hover { background-color:#fff; color:#22a3b9; border:1px solid ##22a3b9;}

.subs_Benefits_wrap .btn_subs02  {border:1px solid #00299f;background-color:#00299f; color:#fff;  }
.subs_Benefits_wrap .btn_subs02:hover { background-color:#fff; color:#00299f; border:1px solid #00299f;}



.subs_Benefits {width:100%; padding:30px 0; background-color:#f5f5f5; margin:30px 0; }
.subs_Benefits .subs_Benefits_con {width:100%; padding:20px 0;max-width:1020px; margin:20px auto; overflow:hidden;}

.subs_banner {margin:40px 0; overflow:hidden; display:flex; gap:10px;width:100%;max-width:1020px; margin:20px auto; overflow:hidden;}
.subs_banner li {padding:40px 10px;}
.subs_banner li img {width:100%;}



.subs_Benefits_swiper {width:100%;}
.subs_Benefits_swiper .swiper-slide {width:calc(25% - 10px); margin-right:10px; border:2px solid #fff; box-sizing:border-box;  background-color:#fff; /*url("/images/sub/sub_btn_plus.gif") no-repeat 90% 90%;*/ text-align:center;   
height:250px; border-radius:20px;  display: flex; justify-content: center;}
/*.subs_Benefits_swiper .swiper-slide:hover {border:2px solid #00299f; background:#fff url("/images/sub/sub_btn_plus_o.gif") no-repeat 90% 90%; }*/
.subs_Benefits_swiper .swiper-slide img {margin-top:60px; max-height:90px;}
.subs_Benefits_swiper .swiper-slide h4 {font-size:18px;}


.subs_top_title { margin:60px auto 60px auto; }
.subs_top_title p {font-size:30px; text-align:center;color:#000;font-family: 'Pretendard-Regular';}
.subs_top_title p b{border-bottom:2px solid #000; color:#000; font-weight:bold;}


.subscribe_tab .subscribe_service_ul {margin-top:20px;}
.subscribe_tab .subscribe_service_ul li {position: relative;font-family: 'Pretendard-Regular';padding-left: 8px;font-size: 16px;line-height: 21px;font-weight: 400;color: #5E5E5E;text-align: left;}
.subscribe_tab .subscribe_service_ul li:before {overflow: hidden;position: absolute;left: 0;top: 9px;display: block;content: "";width: 2px;height: 2px;background: #5E5E5E;border-radius: 50%;}

 


/*리스트*/
.subscribe_tab {margin:30px auto 0 auto; overflow:hidden;  width:96%; max-width:1020px;  }
.subscribe_tab .tab-content {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;  margin-top:30px;}

.subscribe_tab #tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
.subscribe_tab #tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
.subscribe_tab #tab3:checked ~ #tab-content3 {display: block;background-color: #fff;}
.subscribe_tab #tab4:checked ~ #tab-content4 {display: block;background-color: #fff;}
.subscribe_tab #tab5:checked ~ #tab-content5 {display: block;background-color: #fff;}
.subscribe_tab #tab6:checked ~ #tab-content6 {display: block;background-color: #fff;}
.subscribe_tab #tab7:checked ~ #tab-content7 {display: block;background-color: #fff;}
.subscribe_tab #tab8:checked ~ #tab-content8 {display: block;background-color: #fff;}
.subscribe_tab {width:100% !important; font-size: 0px;  display: flex; flex-wrap: wrap; justify-content: left; align-items: center}
.subscribe_tab input[type='radio'] {display: none;}
.subscribe_tab label {width: auto; box-sizing:border-box; margin:0 5px; font-size: 15px; letter-spacing:-1px;  cursor: pointer; padding:10px 15px; text-align:center; background-size:30px; position:relative; background-color:#f5f5f5; border-radius:30px}

.subscribe_tab label:hover {color: #fff; background:#000; }
.subscribe_tab input:checked + label {position:relative; color: #fff; background:#000; font-weight:bold; border-radius:30px; z-index:999;}

.subscribe_tab .subs_con {display:flex;justify-content: space-between;}
.subscribe_tab .subs_con h4 {font-size:30px;font-family: 'Pretendard-Regular'; margin-top:70px; }
.subscribe_tab .subs_con p {font-size:26px; margin:40px 0 10px 0;font-family: 'Pretendard-Regular'; color:#000;}
.subscribe_tab .subs_con p b {padding:0 5px;z-index:1; color:#ff00cc; font-weight:bold; position:relative;}
.subscribe_tab .subs_con p b::after {content: '';z-index: -1;display: block;width: 100%;height: 11px;background-color: #ffbff2;left: 0;bottom: 0;position: absolute;}
.subscribe_tab .subs_con span {font-size:17px;  color:#999;}



.subscribe_tab .subs_con_half {display:flex; gap:10px; flex-direction:column}
.subscribe_tab .subs_con_half div {width:100%; box-sizing:border-box;}
.subscribe_tab .subs_con_half  h4 {font-size:1.4rem; /*font-family: 'Pretendard-Regular'; margin-left:10px;*/}
.subscribe_tab .subs_con_half .title {display:flex; width:100%; align-items:center;}
.subscribe_tab .subs_con_half .title  em {background-color:#f9f9f9; font-weight:normal; border:1px solid #ffcb00; border-radius:20px; margin-left:10px; padding:3px 10px; font-size:13px; color:#0065e3}


.subscribe_tab .subs_con_half ul {margin:0 auto; /*height:300px;*/ box-sizing:border-box; border-radius:10px; padding:15px; border:1px solid #ddd; /*box-shadow:1px 0px 10px 0px #eee ;*/ background-color: #fff;  }

.subscribe_tab .subs_con_half ul li {font-size:15px; position:relative; padding-left:10px; padding-bottom:5px;}zzzzzzzzzzzzzzz
.subscribe_tab .subs_con_half ul li .fs14  {font-size:14px; color:#999;}
.subscribe_tab .subs_con_half ul li::after {content: ''; display: block;width: 4px; height: 4px; border-radius:50%; background-color: #ccc; left: 0; top:5px; position: absolute;}


.subs_before { width: 100%;margin: 20px auto;overflow: hidden;display: flex; flex-direction: column;align-items: center;align-content: center;justify-content: space-around;box-sizing: border-box;padding: 30px;box-shadow: 5px 5px 15px 5px rgba(0,0,0,.07);border-radius: 10px;}

.subs_before h4 {font-size:26px; margin-top:20px;}
.subs_before img {max-width:220px; width:100%; margin-top:20px;}
.subs_before a {display:block; padding:10px 30px; background-color: #14bfff; color:#fff;  border:1px solid #14bfff;border-radius:10px; margin-top:20px;}
.subs_before a:hover { background-color: #fff; color:#14bfff; border:1px solid #14bfff;}

.subscribe_my .sm_right .txt02::after {width: 3px;height: 3px;border-radius: 60%;content: '';display: block;left: 0px;top: 50%;position: absolute;background-color: #ff6600;transform: translateY(-50%);}
.subs_before ul {margin-top:20px;}
.subs_before li {position:relative; padding-left:10px; font-size:16px;  line-height:150%;}
.subs_before li::after {width: 3px;height: 3px;border-radius: 60%;content: '';display: block;left: 0px;top: 10px;position: absolute;background-color: #ff6600;transform: translateY(-50%);}

.subscrive_my_btn {display:inline-block;  font-size:12px; padding:3px 7px; border-radius:20px;}
.subscrive_my_btn01   {border:1px solid #1f87f2;  color:#fff; background-color:#1f87f2}
.subscrive_my_btn02   {border:1px solid #1f87f2; color:#1f87f2; }

/*구독 마이페이지 혜택*/
.subscribe_coupon   { overflow:hidden;}
.subscribe_coupon li {float:left; width:48%; height:150px;padding:20px; box-sizing:border-box; border-radius:20px; display: flex;flex-direction: column;justify-content: space-between;margin:10px 1%; border:2px solid #ddd;}


.subscribe_coupon li .title {display:flex; align-items:center;}
.subscribe_coupon li .title span {margin-left:10px; display:inline-block;  font-size:12px; padding:3px 7px; border-radius:20px; border:1px solid #1f87f2;  color:#1f87f2; background-color:#fff}

.subscribe_coupon li.coupon_on { border:2px solid #1f87f2;}
.subscribe_coupon li.coupon_on .title span {border:1px solid #1f87f2; background-color:#1f87f2; color:#fff;}
.subscribe_coupon li   p {  color:#9a6023; border-top:1px dotted #ddd; padding-top:10px; margin-top:10px;}

 
 /*구독 마이페이지*/
.subscribe_my {width:100%; margin:20px auto; overflow:hidden;display:flex;  justify-content: space-around;box-sizing:border-box; padding:30px;box-shadow: 5px 5px 15px 5px rgba(0,0,0,.07); border-radius: 10px;}
.subscribe_my .sm_left {width:340px; display: flex; align-items: center; justify-content: center;}
.subscribe_my .sm_left img {max-width:150px; width:100%;}
.subscribe_my .sm_right {flex:1}

/*구독해지규정*/
.subs_done {  width: 100%;    border-radius:20px;margin: 0px auto;overflow: hidden; box-sizing:border-box;}
.subs_done h3 {text-align:center; margin-bottom:20px;border-bottom:1px solid #000; display:inline-block; font-size:20px!important;}
.subs_done h4 { font-size:15px!important;}

.subs_done li {margin-bottom:10px; font-size:15px; color:#444; line-height:140%;}
.subs_done li ul {margin-top:10px; background-color:#f9f9f9; padding:15px; border-radius:10px;}
.subs_done li li { font-size:14px;}

.subscribe_my .sm_right h4 {font-size:25px;}
.subscribe_my .sm_right .txt01 {font-size:20px; color:#222; }
.subscribe_my .sm_right .txt01 em {display:inline-block;border: 2px solid #fff;border-radius: 15px;padding: 2px 14px;font-size: 14px;margin-left: 10px; border-color: #ff5454!important; color: #ff5454;}
.subscribe_my .sm_right .txt02 { color:#222; font-size:16px;  position:relative; padding-left:8px;}
.subscribe_my .sm_right .txt02::after {  width: 3px;height: 3px;border-radius: 60%;content: '';display: block;left: 0px;top: 50%;position: absolute;background-color: #ff6600;transform: translateY(-50%);}

.subscribe_my .sm_right .txt03 { color:#222; font-size:16px; margin-top:20px; font-weight:bold;  }
.subscribe_my .sm_right .txt04 { color:#222; font-size:16px; margin-top:10px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:16px; margin-bottom:10px;  }
.subscribe_my .sm_right li {float:left; cursor:pointer; border:1px solid #ddd; color:#14bfff; border:1px solid #14bfff; padding:5px 10px; margin:5px 5px 5px 0; border-radius:20px;}
.subscribe_my .sm_right li:hover {background-color:#14bfff; color:#fff;}

.subscribe_box {width:98%; background-color:#631dc3; padding:20px; margin:10px auto;box-sizing:border-box; border-radius:20px;}
.subscribe_box h4 {color:#fff; font-size:20px; padding-bottom:0;}
.subscribe_box .title {display:flex; align-items:center;}
.subscribe_box .title a {margin-left:auto; padding:10px 18px;background-color:#32096b; color:#fff; border-radius:20px; display:inline-block; font-size:14px;} 
.subscribe_box .title p {color:#ffffffc7;}
.subscribe_box .title p b{ }

.subscribe_box ul {margin-top:20px;}
.subscribe_box ul li a{ display:block; padding:10px 10px 10px 20px; width:48%; margin:5px 1%; background-color:#ffffff57; color:#fff; position:relative;  font-size:14px;float:left; box-sizing:border-box;border-radius:10px; }
.subscribe_box ul li a::after {width:3px; height:3px;  border-radius:60%; content:''; display:block; left:10px; top:50%; position:absolute;  background-color:#fff;transform: translateY(-50%);}
.subscribe_box .btn_close {float:right; text-decoration:underline;margin:5px 10px 0 0; font-size:13px; color:#ffffff57;}

.subscribe_box ul li a:hover {background-color:#ffffff26;}




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


.subscribe_service .subscribe_service_top { border-radius:  0;}
.subscribe_service .subscribe_service_body{ border-radius:  0;}
.subscribe_service .subscribe_service_body_02 .subscribe_service_div_body {width:calc(100% - 20px); margin:10px auto;}

.subscribe_pay_01  {width:calc(100% - 20px);  margin:30px auto;}

/*.subscribe_new {padding: 40px 20px;min-height: auto; width:96%; margin:0 auto;}*/

.subscribe_new {padding: 80px 20px 20px; min-height: auto; width:96%; margin:0 auto;}
.subscribe_new .sub_new_p01 {/*width: 320px;font-size: 24px;*/}

.subscribe_new .sub_new_p01:before {width: 50px;}
.subscribe_new .sub_new_p01:after {width: 50px;}
.subscribe_new h3 {font-size: 40px;}

.subscribe_new .box_price_wrap { margin-top: 30px;}
/*.subscribe_new .box_price em {font-size: 16px;transform: translateX(-50%);color: #fff;padding: 10px 30px;}*/
.subscribe_new .box_info {margin-top: 30px}


.subs_Benefits_swiper .swiper-slide {background-size:30px;height: 280px;}
.subs_Benefits_swiper .swiper-slide:hover  {background-size:30px;}

.subs_Benefits_swiper .swiper-slide img {margin-top: 30px;    max-height: 60px;}
.subs_Benefits_swiper .swiper-slide h4 { font-size: 18px;}

.subscribe_tab .subs_con_half ul li {font-size: 16px;}



}



/* Mobile Device 900 */
@media (max-width:900px) {
.subscribe_service .subscribe_service_img img {   max-height: 220px;}

.subscribe_pay_wrap .subscribe_pay_bottom_btn a:first-child {width:auto; }
.subscribe_pay_wrap .subscribe_pay_bottom_btn a { font-size: 14px;}

.subscribe_new_premium {background-position: 50% -2%;}

.subscribe_tab {margin-top:20px;}
.subscribe_tab label {font-size: 13px; letter-spacing:-1px; margin:20px 3px;}


.subscribe_tab .subs_con h4 {font-size: 26px;margin-top: 50px;}
.subscribe_tab .subs_con p {font-size: 20px;margin: 20px 0 10px 0;}
.subscribe_tab .subs_con img{max-width:350px;}

.subscribe_tab .subs_con_half ul {height: 350px;}


.subscribe_my .sm_right h4 {font-size: 20px;}
.subscribe_my .sm_right .txt01 {font-size: 16px;padding-bottom: 10px;}
.subscribe_my .sm_right .txt02 {font-size: 14px;}

}


/* Mobile Device 800 */
@media (max-width:800px) {
.subscribe_service .subscribe_service_top p b   {font-size:16px;  }


.subscribe_pay_wrap .subscribe_pay_01 ul {gap: 10px;}

.subscribe_pay_wrap .subscribe_pay_01 .title { }
.subscribe_pay_wrap .subscribe_pay_01 h5 {font-size: 16px; }
.subscribe_pay_wrap .subscribe_pay_01 .red {font-size: 20px;line-height: 30px;}
.subscribe_pay_wrap .subscribe_pay_01 li .pay_list {padding: 30px 10px 10px 20px;}
.subscribe_pay_wrap .subscribe_pay_01 .pay_list em {left: 15px;top: 10px;}

.subscribe_pay_wrap .subscribe_pay_top {padding: 30px 20px;}

.pay_input h6 {font-size: 14px;}
.pay_input .pay_input_flex {align-items: flex-start;flex-direction: column; margin:0 10px;}
.pay_input .pay_input_flex div p {margin-right: 0px;font-size: 12px;width: 80px;}
.pay_input input[type="text"] {flex: 1;}

.subscribe_pay_wrap .subscribe_pay_bottom_btn {width:calc(100% - 20px); }

.modal_pay  .modal_pay-content .terms_con .terms_txt, .modal_pay  .modal_pay-content .terms_con .terms_list_ol {margin-bottom: 20px;font-size: 14px; font-weight:normal;line-height: 20px;}

.subscribe_box  {width: 100%;; box-sizing:border-box;border-radius: 20px; padding:15px; }


.subscribe_new .box_price em { padding: 10px 20px;}
.subscribe_new h3 {font-size: 35px;}
.subscribe_new .sub_new_p02 {font-size: 16px;margin-top: 10px;}


.subs_Benefits_swiper .swiper-slide {background-size:30px;height: 230px;}
.subs_Benefits_swiper .swiper-slide:hover  {background-size:30px;}

.subs_Benefits_swiper .swiper-slide img {margin-top: 20px;}
.subs_Benefits_swiper .swiper-slide h4 { font-size: 16px;}

.subs_Benefits_swiper .swiper-slide {width:calc(33.3% - 10px);  }


.subscribe_tab .subs_con {flex-direction: column;align-items: center;align-content: center; text-align:center;}
.subscribe_tab .subs_con img {width:100%; max-width:320px; }
.subscribe_tab .subs_con h4 {font-size: 23px;margin-top: 10px;}
.subscribe_tab .subs_con p {font-size: 17px;margin: 10px 0 10px 0;}
.subscribe_tab .subs_con span {font-size: 14px;}


.subscribe_tab .tab-content li {width: 100%; word-break:keep-all}
.subscribe_tab .subs_con_half ul {height: auto;}

.subscribe_tab .subs_con_half {flex-direction: column; margin-top:30px}
.subscribe_tab .subs_con_half div {width: 100%;}

.subs_Benefits_wrap .btn_subs_wrap {width:96%; margin:0 auto;}
.subs_Benefits_wrap .btn_subs_wrap a {font-size: 16px;padding: 17px 50px;}

.subs_before h4 {  font-size: 16px;}

.subscribe_coupon li {width: 98%;height: auto;}
.subscribe_my .sm_left {width: 180px;}
.subscribe_my .sm_left img {max-width: 100px;}

}


@media (max-width:768px) {

.subscribe_tab {justify-content:center}

}



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

.subscribe_service .subscribe_service_top img {max-width: 313px;}

.subscribe_service .subscribe_service_top p {font-size: 16px;}

.subscribe_service .subscribe_service_top .price_box {margin: 30px auto  ;max-width: 480px;}
.subscribe_service .subscribe_service_top .more {max-width: 480px;}
.subscribe_service .subscribe_btn {max-width: 480px;}
.subscribe_service .subscribe_service_body .subscribe_service_h2 { max-width: 400px; font-size:26px;}
.subscribe_service .subscribe_service_body .subscribe_service_list { max-width: 480px;}
.subscribe_service .subscribe_service_body .subscribe_btn { max-width: 480px;}
.subscribe_service .subscribe_service_body .banner { max-width: 480px;}

 
.subscribe_service .subscribe_service_top .price_box span {font-size: 16px; width: 50%;}
.subscribe_service .subscribe_service_top .price_box p {font-size: 24px; margin-top:10px;}
.subscribe_service .subscribe_service_top .price_box p b{font-size: 29px;}
.subscribe_service .subscribe_service_top .price_box {padding: 40px 0 10px 0;}
.subscribe_service .subscribe_service_body .subscribe_service_list li {font-size: 17px;padding: 14px 10px 14px 40px; }
.subscribe_service .subscribe_service_body .subscribe_service_list li .circle_p { padding:4px 8px 2px 8px; top: 16px; width:6px; font-size:12px;}
.subscribe_service .subscribe_service_body .banner li a span {font-size: 13px;}
.subscribe_service .subscribe_service_body .banner li a {padding:25px 15px; box-shadow:4px 2px 4px rgba(0,0,0,0.15);}

.subscribe_service .subscribe_service_body .banner li:first-child a {  background-size: 60px;}
.subscribe_service .subscribe_service_body .banner li:last-child a {  background-size: 60px;}

.subscribe_service .subscribe_service_top .dotted_line {  width:calc(100% - 40px); }


.subscribe_service .subscribe_service_body_02 .subscribe_service_h2 { font-size: 25px;}
.subscribe_service .subscribe_service_body_02 h4 {font-size: 23px; letter-spacing:-1px; }
.subscribe_service .subscribe_service_body_02 .subscribe_service_div {  margin: 10px auto 20px auto;}
.subscribe_service .subscribe_service_body_02 .subscribe_service_title_p {font-size: 16px;margin: 10px 0;}
.subscribe_service .subscribe_service_body_02 .subscribe_service_title_p02 {font-size: 14px;margin: 10px 0;}
.subscribe_service  .subscribe_service_ul li {font-size: 12px;line-height: 18px;}
.subscribe_pay_wrap .subscribe_pay_01 h5 + p {  font-size: 13px;  }


.subscribe_pay_wrap .subscribe_pay_top {  margin-bottom:0;}
.subscribe_pay_wrap .subscribe_pay_top h3 {font-size: 18px;}
.subscribe_pay_wrap .subscribe_pay_top .more {margin-top: 10px;font-size: 12px;}
.subscribe_pay_wrap .subscribe_pay_01 h4 {font-size: 16px;}
.subscribe_pay_wrap .subscribe_pay_01  .num_step {font-size: 12px;margin-right: 5px;}


.subscribe_pay_wrap .subscribe_pay_01 ul {gap: 0px;flex-direction: column;}
.subscribe_pay_wrap .subscribe_pay_01 li {  width:100%; }

.subscribe_pay_wrap .subscribe_pay_01 li .pay_list {height: auto; margin-bottom:0;}
.subscribe_pay_wrap .subscribe_pay_01 .pay_list em {font-size: 12px;}


.subscribe_pay_wrap .pay_more {font-size: 12px;padding: 7px 10px;}
.subscribe_pay_wrap .subscribe_pay_top img {max-width: 140px;margin-left: 30px;margin-bottom: 10px;}
.subscribe_pay_01 {margin: 20px auto;}
.subscribe_pay_wrap .subscribe_pay_top {padding:  40px 0 50px 0; margin:30px auto 10px auto;} 

.subscribe_pay_wrap .subscribe_pay_01 .title_h5 { font-size: 14px;}
.subscribe_pay_wrap  .pay_box b {  font-size: 16px;}
.subscribe_pay_wrap  .pay_box {  padding: 5px 0;}
.subscribe_pay_wrap .subscribe_pay_01 .red {font-size: 16px;}

.subscribe_box h4 {font-size: 18px; padding-top:0;}
.subscribe_box ul li a {padding: 10px 10px 10px 20px;width: 98%;font-size: 13px;}

.subscribe_box .title p b{display:block;}
.subscribe_box ul {margin-top: 10px;}

.subscribe_service .subscribe_service_top .price_box p em { font-size: 13px;}


.subs_top_title {margin: 40px auto 40px auto;}
.subs_top_title p {font-size: 20px; letter-spacing:-1px;}

.subs_banner {margin: 0px 0;flex-direction: column; gap:0px;}
.subs_banner li {padding: 0px 10px;}



.subscribe_new .box_price_wrap {gap: 20px;margin-top: 60px;flex-direction: column;align-items:center;}


.subscribe_new .sub_new_p01 {width:435px}
.subscribe_new .sub_new_p01 .txt {left:174px}

.subscribe_new .box_price {width: 100%;}
.subscribe_new .box_price.box_icon ul + ul {padding-top:0}
.subscribe_new .box_info li {font-size: 13px;}

.subs_Benefits_wrap h3 {font-size: 24px;}
.subs_Benefits {padding: 10px 0;margin: 20px 0;}



.subscribe_new .box_price p {font-size: 14px;}


.subscribe_new .box_price .s_price b {font-size: 26px; letter-spacing:-1px;}
.subscribe_new .box_price .s_price {font-size: 18px; letter-spacing:-1px;}


.subscribe_new .box_price ul li {font-size:14px; letter-spacing:-0.4px}
.subscribe_new .box_price ul li:before {top:11px}

.subscribe_new .box_info li:after {top:10px}

.subscribe_tab .subs_con_half  h4 {font-size: 20px;}
.subscribe_tab .subs_con_half ul li {font-size: 14px;  padding-left: 10px;padding-bottom: 0px; line-height:1.4}
.subscribe_tab .subs_con_half ul li .fs14 {font-size: 12px;}

.subscribe_tab label {margin:5px}


.subs_done {padding: 0}
.subs_done li {font-size: 14px;}
.subs_done li li {font-size: 13px;}


.subscribe_my {padding: 20px;flex-direction: column;align-items: center;align-content: center;}
.subscribe_my .sm_left img {max-width: 80px; margin-bottom:10px;}
.subscribe_my .sm_right .txt01 {font-size: 14px;}
.subscribe_my .sm_right .txt04 {font-size: 14px; margin-top:0;}
.subscribe_my .sm_right .txt01 em {padding: 2px 10px;font-size: 12px;margin-left: 2px;}


.subscribe_cancel {width: 90%;margin: 20px auto;text-align: center;}
.subscribe_cancel .conbox {padding: 20px;}
.subscribe_cancel .conbox i {line-height:140%; font-size:13px;}
.subscribe_cancel .conbox  li {font-size: 13px;}

.subscribe_cancel p {font-size: 14px; }
.subscribe_cancel a {font-size:14px; margin-top:10px;}
.subscribe_cancel .checkboxAll_square label {line-height: 22px;padding: 6px 8px 3px;}

.sub_cancel_check_box {padding: 20px;margin: 10px auto;}
.sub_cancel_check_box  .checkboxAll_square label:before {left: 0;}
.sub_cancel_check_box  input {margin-left: 0;}


.subscribe_cancel img {max-width: 200px;}


}






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

.subs_Benefits_swiper .swiper-slide {width:calc(50% - 10px);  }


.subs_Benefits_swiper  {padding:0 5px; box-sizing:border-box; overflow:hidden;}

.subs_Benefits_swiper .swiper-slide {height: 200px;}
.subs_Benefits_swiper .swiper-slide img {max-height: 50px;}

.subscribe_tab .subs_con h4 {font-size: 20px;}
.subscribe_tab .subs_con p {font-size: 15px;}

.subscribe_tab .subs_con img { max-width: 280px;}
.subs_Benefits_wrap .btn_subs_wrap a {padding: 12px 0px;width: 96%;}

.subs_before img {max-width:150px; }

.subs_done h3 {font-size:16px!important;}


.subscribe_pay_wrap .subscribe_pay_01 .pay_list p b { font-size: 13px;}




/*구독*/
.subscribe_service .subscribe_service_body { padding: 30px 0;}
.subscribe_service .subscribe_service_top { padding: 40px 0;}
.subscribe_service .subscribe_service_top img {max-width: 250px; margin-right:-45px;}

.subscribe_service .subscribe_service_top p {font-size: 14px; margin:10px 10px 10px 10px; letter-spacing:-1px;line-height:140%;}

 
.subscribe_service .subscribe_service_top .price_box {margin: 30px auto 20px auto  ; border-radius:10px;max-width: 100%; width:calc(100% - 40px);  }
.subscribe_service .subscribe_service_top .more {max-width: 100%;  border-radius:10px;width:calc(100% - 40px);  font-size: 16px;padding: 15px 0;}
.subscribe_service .subscribe_service_body .subscribe_service_h2 {border-bottom:1px solid #000; padding:0;/*border-radius:30px;*/ margin-bottom:20px; /*max-width: 100%;*/  width:calc(100% - 40px);font-size:26px; letter-spacing:-1px;}
.subscribe_service .subscribe_service_body .subscribe_service_list { max-width: 100%; width:calc(100% - 40px);}
.subscribe_service .subscribe_btn {border-radius:10px; max-width: 100%; margin-top:10px; width:calc(100% - 40px);font-size: 16px;padding: 15px 0;}
.subscribe_service .subscribe_service_body .banner { max-width: 100%; width:calc(100% - 40px); margin:20px auto;}

/*.subscribe_service .subscribe_service_body .subscribe_service_h2::after { left: 10px;}
.subscribe_service .subscribe_service_body .subscribe_service_h2::before { right: 10px;}
*/

.subscribe_service .subscribe_service_top .price_box span {font-size: 13px;}
.subscribe_service .subscribe_service_top .price_box p {font-size: 20px;}
.subscribe_service .subscribe_service_top .price_box p b{font-size: 24px;}
.subscribe_service .subscribe_service_top .price_box {padding: 30px 0 10px 0;}
.subscribe_service .subscribe_service_body .subscribe_service_list li {font-size: 15px;padding: 14px 10px 12px 37px;border-radius:10px;}
.subscribe_service .subscribe_service_body .subscribe_service_list li .circle_p { top: 12px;  padding: 2px 6px 0px 6px;}

.subscribe_service .subscribe_service_body .subscribe_service_list li span {  font-size: 14px;}

.subscribe_service .subscribe_service_body .banner li a p { font-size: 18px;}
.subscribe_service .subscribe_service_body .banner img { width:20px;}

.subscribe_service .subscribe_service_img img { height: 160px;}

.subscribe_pay_wrap .subscribe_pay_top img { margin-left: 25px;}


}

 



@media (max-width:480px) {

.subscribe_new {padding:40px 20px 20px}
.subscribe_new h3 b {display:block; line-height:1}
.subscribe_new .sub_new_p01 {width:inherit; font-size:20px}
.subscribe_new .sub_new_p01 .txt {left:143px; top:-25px; font-size:16px}
.subscribe_new .sub_new_p01 b {font-size:26px}
.subscribe_new .sub_new_p03 {font-size:22px}
.subscribe_new .sub_new_p03 img {height:43px}


}






/* Mobile Device 400 */
@media (max-width:400px) {
.subscribe_new h3 {font-size: 28px;}
.subscribe_new .sub_new_p01 {width: 300px;font-size: 20px;}
.subscribe_new .sub_new_p01:before {width:30px}
.subscribe_new .sub_new_p01:after {width:30px}

.subscribe_new .sub_new_p01 .txt {left:112px}

.subscribe_new .sub_new_p02 {margin-top:10px; font-size: 15px;}

.subscribe_new .box_price_wrap {margin-top: 20px;}
.subscribe_new .box_price em {font-size: 14px;padding: 8px 25px;  top: -20px;}

.subs_Benefits .subs_Benefits_con {padding: 0px 0;}

.subs_top_title {margin:40px auto 40px auto}

.subscribe_service .subscribe_service_body .subscribe_service_h2 {font-size:22px}
.subscribe_service .subscribe_service_body .subscribe_service_h2 b {font-weight:900 !important}

.subs_before {padding: 20px; }
.subs_before li {   font-size: 14px;}
.subs_before li::after { top: 8px;}

}