/* 상품상세페이지 */


.con_page .con_box strong.title {display:block; padding-bottom:5px}
.con_page .con_box span.tit {color:#242424 !important; display:block; /*padding-bottom:20px*/}
.con_page .con_box span {display:block; padding:0.3rem 0}
.con_page .con_box span.i-info {padding:0 0 0 1.7rem}
.con_page .con_box span.emphasis {padding:0.3rem 0 0 1.4rem}
.con_page .con_box .desc {border-radius: 1rem; font-size: 1.3rem; line-height: 1.6; padding: 1.5rem 2rem}
.con_page .con_box .small_desc {margin:20px 0}
.con_page .con_box .small_desc span {display:block; font-size:14px; color:#555; font-weight:100; line-height:1.4; word-break:break-word}
.con_page .con_box em {display:block; font-size:14px; color:#333!important; margin:5px 0; font-weight:100; font-style:normal}

.con_page .con_box .btn_box {display:flex; flex-wrap:wrap; gap:10px; margin-top:15px}

.blankW {position:relative; color:#068ec1!important; padding:5px 30px 5px 15px; border-radius:30px; font-size:14px!important; background-color:#fff; border:1px solid #068ec1; box-sizing:border-box}
.blankW:before {content:'';font-family:xeicon; position:absolute; right:10px; top:5px}
.blankW:hover {background-color:#068ec1; color:#fff!important}




.editor .inner-content {overflow-x:hidden; max-width:100%}


.blank_b {color:#fff!important; padding:4px 10px 4px 28px; margin:3px; border-radius:10px; font-size:14px!important;background:#255BA5 url(/images/sub/ico_window_w.gif) no-repeat 10px 50%; clear:both;display:inline-block;}
.blank_b:hover {background-color:#ff66000!important}

.myguide_wrap {width:100%; max-width:1020px; margin:10px auto;}
.magazine_con h1{line-height: 1.2; font-size: 24px; font-weight: bold; color: rgb(58, 58, 58);}
.magazine_con p {box-sizing: border-box; overflow-wrap: break-word; color: rgba(58, 58, 58, 0.9); float: none; white-space: pre-line;  padding: 0px 0px; font-size: 14px; line-height: 140%; letter-spacing: 0px}

.magazine_con img {max-width:1020px; width:100%;}

.magazine_con a {font-size:16px;}
.magazine_con a:hover { color:#57a8ff; }
.magazine_con .link {padding: 3px 5px 3px 30px; font-size:13px; border-radius:10px; background: #222 url('/images/sub/ico_go_white.png') 10px 50% no-repeat;  color:#fff}
.magazine_con .link .a{font-size: 15px;font-weight: bold;color: rgb(41, 135, 240);}

.magazine_con .product_list02 div .product_title {padding:0}



.down_bs { margin:3px; padding: 4px 10px 4px 30px;border-radius:10px; background: #007bff url(/images/sub/icon_btnDownLink.png) no-repeat 10px 50%;color: #fff!important;clear: both;display: inline-block;margin-right:5px;margin-bottom:5px;font-size:14px!important;}
.down_bs:hover {color:#555; }

/*매거진 뷰페이지*/
.magazine_con h4 {font-size:22px; font-weight:bold;  position:relative; padding-left:12px; }
.magazine_con h4::after {content:''; display:block; position:absolute; width:4px; height:19px; background-color:#007bff; border-radius:3px; left:0; top:15px;}
.magazine_con p {margin:0px auto;}
.magazine_con p img {max-width:500px; margin:10px auto;}
.product_con_wrap .magazine_con p img {max-width:100%; margin:10px auto;}
.magazine_con .alt {color: #fff;display: block;font-size: 10px;font-weight: 700;line-height: 24px;margin-right: 8px;margin-top: -24px;text-align: right;text-shadow: 0 0 8px rgba(0,0,0,.6);}

.magazine_con table {width:100%;}
.magazine_con { width:100%; max-width:1020px;  margin:40px auto;}
.magazine_con h3 {font-size: 22px;font-weight: bold;margin: 10px 0 10px 0;color: #222;}
.magazine_con h3 + p {margin-bottom: 20px;font-size: 16px;}

 
.magazine_con .gray_box h5, .magazine_con .blue_box h5, .magazine_con .red_box h5, .magazine_con .yellow_box h5, .magazine_con .white_box h5 {padding:0;}

.magazine_con .gray_box, .js_content_editor .gray_box {background-color:#f6f6f6; margin:20px auto; padding:30px; border-radius:1rem; box-sizing:border-box}
.magazine_con .blue_box, .js_content_editor .blue_box {background-color:#e2f8ff; margin:20px auto; padding:30px; border-radius:1rem; box-sizing:border-box}
.magazine_con .red_box, .js_content_editor .red_box {background-color:#fff1f1; border:1px solid #ff9696; margin:20px auto; padding:20px; border-radius:1rem; box-sizing:border-box}
.magazine_con .white_box, .js_content_editor .white_box {background-color:#fff; border:1px solid #ddd; margin:20px auto; padding:20px; border-radius:1rem; box-sizing:border-box}
.magazine_con .yellow_box, .js_content_editor .yellow_box {background-color:#fff6de; border:1px solid #ffc416; margin:20px auto; padding:20px; border-radius:1rem; box-sizing:border-box}
 

.magazine_con em {color:#777; font-style:normal;}
.magazine_con h5 {font-size:18px; font-weight:bold; color:#222}
.magazine_con li {list-style:none; margin-bottom:5px;position:relative; font-size:15px; line-height:140%; padding-left:12px;}
.magazine_con li::after {content:''; position:absolute; width:4px; height:4px; background-color:#b3b3b3; border-radius:3px; left:0; top:7px;}


.magazine_con .depth_none li { list-style:none;  }
.magazine_con .depth_none li::after { width:0; }


.magazine_con .depth_none dt { list-style:none; padding-left:0px;  }
.magazine_con .depth_none dt::after { width:0; }

.editor .magazine_con {margin:0;}

.magazine_con dl {margin-top:10px;}
.magazine_con dt { font-weight:bold; list-style:none; margin-top:7px; margin-bottom:3px; position:relative; font-size:15px; line-height:140%; padding-left:12px; color:#222;}
.magazine_con dt::after {content:'';   position:absolute; width:4px; height:4px; background-color:#222; border-radius:3px; left:0; top:7px;}

.magazine_con dd { list-style:none; margin-bottom:5px;position:relative; font-size:14px; line-height:130%; padding-left:20px; }
.magazine_con dd::after {content:'';   position:absolute; width:4px; height:1px; background-color:#222; border-radius:3px; left:10px; top:7px;}


.magazine_con hr {background-color: rgba(0,0,0,.04);border: 0;height: 8px;margin-bottom: 40px;margin-top: 40px;}
.magazine_con .button {background-color: #007bff;border: none;border-radius: 8px;color: #fff;display: inline-block;font-weight: 700;line-height: 56px;outline: none;padding: 0;text-align: center;text-decoration: none;width: 100%; margin:20px 0;}
.magazine_con .button:hover {   background-color: #3496ff;}.js_content_editor .img_col {    margin: 40px 0 20px;    width: 70%;    display: inline-block;}

.magazine_con hr {background-color: rgba(0,0,0,.04);border: 0;height: 8px;margin-bottom: 40px;margin-top: 40px;}
.magazine_con .button {background-color: #007bff;border: none;border-radius: 8px;color: #fff;display: inline-block;font-weight: 700;line-height: 56px;outline: none;padding: 0;text-align: center;text-decoration: none;width: 100%; margin:20px 0;}

.magazine_con .button:hover {background-color: #3496ff;}

.magazine_con .img_col { margin:40px 0 20px; width:70%;  display:inline-block;}
.magazine_con .img_col li {display: inline-block; text-align: center; width: 100%; float:left; padding-left:0;  }
.magazine_con .img_col li::after {width:0;  }
.magazine_con .img_col li img { width:100%;  object-fit:cover; max-height:400px;}
.magazine_con .img_col li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

.magazine_con .img_col2 { margin:40px 0 20px; width:100%;  display:inline-block;}
.magazine_con .img_col2 li {display: inline-block; text-align: center; width: 48%; margin:0 1%;float:left; padding-left:0;  }
.magazine_con .img_col2 li::after {width:0;  }
.magazine_con .img_col2 li img { width:100%;  object-fit:cover;  height:400px;}
.magazine_con .img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

  
.magazine_con .img_col3 { margin:40px 0 20px; width:100%;  display:inline-block;}
.magazine_con .img_col3 li {display: inline-block; text-align: center; width: 31.3%; margin:0 1%;float:left; padding-left:0;  }
.magazine_con .img_col3 li::after {width:0;  }
.magazine_con .img_col3 li img { width:100%;  object-fit:cover; height:250px;}
.magazine_con .img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

.magazine_con .img_col4 { margin:40px 0 20px; width:100%;  display:inline-block;}
.magazine_con .img_col4 li {display: inline-block; text-align: center; width: 23%; margin:0 1%;float:left; padding-left:0;  }
.magazine_con .img_col4 li::after {width:0;  }
.magazine_con .img_col4 li img { width:100%;  object-fit:cover; height:200px;}
.magazine_con .img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

 
.tbTypeA {width:100%; font-size:1.1em; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeA thead tr th {height:18px; padding:15px 15px; font-size:15px;  color:#3e3e3e; text-align:center; line-height:20px; vertical-align:middle; border-top:1px solid #e4e4e4;  background:#f7f7f7;}
.tbTypeA thead tr:first-child th {border-top:0;}
.tbTypeA thead tr th:last-child{border-right:0;}
.tbTypeA tbody tr:first-child th {border-top:1px solid #ddd;}
.tbTypeA thead tr th.bdL0 {border-left:0;}
.tbTypeA tbody tr th {height:18px; padding:15px 5px; font-size:15px;  color:#3e3e3e; text-align:center; line-height:20px; vertical-align:middle; border-top:1px solid #e4e4e4;  background:#f7f7f7;}
.tbTypeA tbody tr td {height:18px;font-size:14px;  padding:10px 15px; line-height:150%; vertical-align:middle; border-top:1px solid #e4e4e4; background-color:#fff;}
.tbTypeA tbody tr:first-child td {border-top:1px solid #ddd;}
.tbTypeA tbody tr td:last-child{border-right:0;}
.tbTypeA .br1 {border-right:1px solid #ddd;}
.tbTypeA .bl1 {border-left:1px solid #ddd;}


.tbTypeC {width:100%; box-sizing:border-box;font-size:15px;  background:#fff; margin:10px 0; border-bottom:1px solid #e4e4e4;border-spacing:0; table-layout:fixed;}
.tbTypeC thead tr th {padding:10px 10px;  font-size:15px;  color:#fff; text-align:center;  vertical-align:middle; border-top:1px solid #6f9cc6; border-right:1px solid #6f9cc6; background:#005aaf; line-height:130%;}
.tbTypeC thead tr:first-child th {border-top:0;}
.tbTypeC thead tr th:last-child{border-right:0;}
.tbTypeC thead tr th:first-child{border-right:1px solid #6f9cc6;}
.tbTypeC tbody tr:first-child th {border-top:1px solid #6b6b6b;}
.tbTypeC thead tr th.bdL0 {border-left:0;}
.tbTypeC tbody tr th { background:#005aaf; color:#fff!important; padding:10px 5px;  font-size:14px;   color:#3e3e3e; text-align:center;  border-top:1px solid #6f9cc6;  border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr td {  background:#fff;vertical-align:middle ; font-size:1em;  padding:10px 5px;   border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:first-child td {border-top:1px solid #ddd;}
.tbTypeC tbody tr td:last-child{border-right:0;}
.tbTypeC tbody tr td:first-child{border-right:1px solid #e4e4e4;}
 
.tbTypeC tbody tr td.back_blue {border-top: 1px solid #b6c8d3;}
.tbTypeC tbody tr td.back_red {border-top: 1px solid #d3b2b2;}
.tbTypeC i {color:#222;}

.back_gray {background-color: #f6f6f6!important;   }
.back_gray02 {background-color: #555!important;   color:#222 }
.back_blue {background-color: #fff2f9!important;  color: #253445;}
.back_red {background-color: #ffe7e7!important; color: #291212;}
.back_red_th {background-color: #af0000!important; color: #fff;}
.back_white_th {background-color: #fff!important;   color:#222!important; }
.back_gray_th {background-color: #f6f6f6!important;   color:#222!important; }
 
.stripe_box  {clear:both;overflow:hidden;padding:10px;margin-bottom:25px;background:url(/images/sub//border_stripe.png); border-radius:10px;}
.stripe_box div {background:#fff;padding:25px 20px; line-height:150%;}
.stripe_box div span {font-size:21px; font-weight:600; letter-spacing:-1px; line-height:30px;  display:block; margin-bottom:15px;}

.magazine_img_swiper .swiper-slide  {width:100%; height:260px; }
.magazine_img_swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;border-radius:10px;}
.magazine_img_swiper .swiper-pagination-fraction { color: #fff; opacity:0.9;  background: #222;display: inline-block;width: 50px;border-radius: 20px; padding:3px 5px;left: 50%; bottom:13px; transform: translateX(-50%);}

.magazine_con .reponsive_wrap {padding:0; margin:0; width:100%;}

.magazine_con .recommend_day_wrap li::after {width:0}
.magazine_con .recommend_day_wrap p {padding: 0px 0px; margin:0;font-size: 16px;line-height: 140%;letter-spacing: 0px;}
.magazine_con .recommend_day_wrap em {color: #fff; font-style:normal;}


.magazine_con .best_list_view  li {list-style: none; margin-bottom:15px;position: relative;font-size: 15px;line-height: 140%;padding-left: 0;}
.magazine_con .best_list_view li .day_wrap {padding: 10px 25px 10px 15px;}
.magazine_con  .best_list_view .day_num em p {position: absolute;color: #fff;border-radius: 50%;width: 20px;height: 20px;font-size: 12px;text-align: center;padding: 2px;margin-bottom: 5px;z-index: 9;}


.magazine_con .traffic_info {padding: 20px!important; font-size:15px;}
.magazine_con  .traffic_info .span_dot {width: 100%; display:inline-block;}
.magazine_con .hotel_info p {font-size: 15px; margin:0; padding:0}

.offer-course {display:flex; background-color:#f6f6f6; padding:20px; border-radius:20px; margin:20px auto;}

.offer-course h5 {padding:0; margin-bottom:10px!important;}
.offer-course .line {width:30px;}
.offer-course .line i {color:#333; font-size:20px;}
.offer-course .con_img {display:flex; flex:1;}
.offer-course .con_img .title_flex02 {display:flex; margin-bottom:10px; align-items:center;}
.offer-course .con_img .title_flex02 h5 { margin-bottom:0!important; }
.offer-course .con_img .title_flex02 p {margin:0; margin-left:10px; }
.offer-course .con {flex:1; padding-right:10px;}
.offer-course .con p {font-size:15px;}
.offer-course .img img {max-width:250px; width:180px; height:150px; object-fit:cover; border-radius:5px;}
.offer-course__line {background-color: #dee2e6;height: calc(100% - 20px);margin-left: 9px;margin-top: -2px;width: 2px;}



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


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

	.magazine_top_mobile_padding {margin-top:20px;}

}


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

	.offer-course .con_img {flex-direction: column;}
	.offer-course .img img {max-width: 100%;max-height: 300px; height:100%; width:100%; margin-top:10px;}
	.offer-course {margin:10px auto;}
	.offer-course {padding: 15px;}

}


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

	.magazine_con { margin: 20px auto;}
	.magazine_con h4 {font-size: 18px; line-height:120%;}

	.magazine_con h4::after {height: 17px; top:6px;}
	.magazine_con em{font-size: 13px;}
	.magazine_con h5 {font-size: 16px; margin-bottom:0;}
	.magazine_con .gray_box {margin: 10px auto;padding: 15px;}
	.magazine_con .blue_box {margin: 10px auto;padding: 15px;}
	.magazine_con li {font-size: 13px;}


	.magazine_con hr {margin-bottom: 20px;margin-top: 20px;}
	.magazine_con .button {line-height: 50px;}

	.magazine_con .img_col li img {max-height: 250px;}
	.magazine_con .img_col {margin: 20px 0 10px;width: 100%;}

	.tbTypeA thead tr th {padding:5px 5px; font-size:12px; letter-spacing:-1px;}
	.tbTypeA tbody tr th {padding:5px 5px; font-size:12px;}
	.tbTypeA tbody tr td { font-size:12px;  padding:5px 5px; letter-spacing:-1px; line-height:150%;}

	.tbTypeC thead tr th {padding:5px 5px; font-size:12px; letter-spacing:-1px;}
	.tbTypeC tbody tr th {padding:5px 5px; font-size:12px; letter-spacing:-1px;}
	.tbTypeC tbody tr td { font-size:12px;  padding:3px 5px; letter-spacing:-1px; line-height:150%;}

	.magazine_con .img_col { margin: 10px 0 10px;}
	.magazine_con .img_col2 { margin: 10px 0 10px;}
	.magazine_con .img_col3 { margin: 10px 0 10px;}
	.magazine_con .img_col4 { margin: 10px 0 10px;}

	.magazine_con .img_col3 li {width: 48%;}
	.magazine_con .img_col4 li {width: 48%;}

	.magazine_con .stripe_box div { padding:15px 10px;}
	.magazine_con .stripe_box div span {font-size:14px;    line-height:15px;   margin-bottom:0px;}
	.magazine_con .stripe_box div p {font-size:14px;  line-height:18px; margin-bottom:0!important;}

	.magazine_con p {margin: 0; font-size:14px;}

	.magazine_img_swiper .swiper-slide {height:250px;  }

	.magazine_con .img_col2 li img {height: 150px;}
	.magazine_con .img_col3 li img {height: 150px;}
	.magazine_con .img_col4 li img {height: 150px;}

	.magazine_con .yellow_box, .js_content_editor .yellow_box { padding: 15px;}
	.magazine_con .red_box, .js_content_editor .red_box { padding: 15px;}
	.magazine_con .white_box, .js_content_editor .white_box{ padding: 15px;}
	.magazine_con .img_col li span.photo_name1, .magazine_con .img_col2 li span.photo_name1, .magazine_con .img_col3 li span.photo_name1, .magazine_con .img_col4 li span.photo_name1 {height: 30px;line-height: 30px;}

	.magazine_con .best_list_view .btn_info {  font-size: 12px;}
	.magazine_con .best_list_view .distance { font-size: 12px;top: -24px;}
	.magazine_con .best_list_view .day_con p {font-size: 13px;}

	.magazine_con .best_list_view li .day_wrap {padding:  10px 20px 10px 10px;}
	.magazine_con .best_list_view li {margin-bottom: 28px;}

	.magazine_con .hotel_info {width: calc(100% - 0px);}
	.magazine_con .hotel_info p {font-size: 13px;}
	.magazine_con .traffic_info {font-size: 13px; padding: 10px!important;}

	.offer-course .con_img .title_flex02 {flex-direction: column;align-items: flex-start;}
	.offer-course .con_img .title_flex02 p {margin-top: 5px; margin-left: 0px;}

	.magazine_top_mobile_padding {margin-top: 50px}


}