/* 웹진 상세 공통 (새로 작성) */
.wz-wrap{font-size:17px;line-height:1.7;color:#333;word-break:keep-all}
.wz-wrap img{max-width:100%;height:auto;vertical-align:top}
.wz-wrap ul{list-style:none;margin:0;padding:0}
.wz-wrap .wz-title{margin:0 0 30px;padding-bottom:20px;border-bottom:2px solid #1a6162;font-size:28px;line-height:1.3;font-weight:700;color:#222}
.wz-wrap .wz-empty p{margin-bottom:20px}
.wz-wrap .wz-list li{padding:12px 0;border-bottom:1px solid #e5e5e5}
.wz-wrap .wz-list li a{color:#222}
.wz-wrap .wz-list li a:hover{color:#1a6162;text-decoration:underline}
.wz-wrap .imgbox{margin:25px 0;text-align:center}
.wz-wrap .h2{margin:50px 0 20px;font-size:24px;line-height:1.3;font-weight:700;color:#1a6162}
.wz-wrap .h3{margin:40px 0 15px;font-size:21px;line-height:1.3;font-weight:700;color:#222}
.wz-wrap .h4{margin:30px 0 12px;font-size:18px;line-height:1.3;font-weight:700;color:#222}
.wz-wrap .txt-box.type02{padding:30px;background:#f6f6f6;border-radius:10px}
.wz-wrap .txt-box.type02 p + p{margin-top:15px}
.wz-wrap .txt-check{position:relative;margin-top:15px;padding-left:22px;font-size:15px;color:#666}
.wz-wrap .txt-check:before{content:"\2713";position:absolute;left:0;top:0;color:#1a6162;font-weight:700}
.wz-wrap .list-1st > li{position:relative;padding-left:14px;margin-top:10px}
.wz-wrap .list-1st > li:before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:#1a6162}
.wz-wrap .list-2st{margin-top:6px}
.wz-wrap .list-2st > li{position:relative;padding-left:12px;color:#555}
.wz-wrap .list-2st > li:before{content:"-";position:absolute;left:0;top:0}
.wz-wrap .prc{display:flex;flex-wrap:wrap;gap:15px}
.wz-wrap .prc > li{flex:1 1 0;min-width:140px}
.wz-wrap .prc > li .inner{height:100%;padding:20px 15px;border:1px solid #ddd;border-radius:10px;text-align:center;background:#fff}
.wz-wrap .prc .num span{display:inline-block;min-width:44px;padding:4px 10px;border-radius:20px;background:#1a6162;color:#fff;font-weight:700;font-size:15px}
.wz-wrap .prc .prc__text{margin-top:12px;font-weight:700;color:#222;line-height:1.4}
.wz-wrap .bodo-v{display:flex;flex-wrap:wrap;gap:30px;margin:30px 0}
.wz-wrap .bodo-v .col{flex:1 1 0;min-width:200px}
.wz-wrap .bodo-v .v_imgbox{margin-bottom:15px}
.wz-wrap .bodo-v .v_txt .tit{font-weight:700;font-size:18px;color:#222}
.wz-wrap .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid #1a6162;border-radius:4px;font-size:16px;line-height:1.4;text-decoration:none}
.wz-wrap .btn-primary{background:#1a6162;color:#fff}
.wz-wrap .btn-primary:hover{background:#fff;color:#1a6162}
.wz-wrap .btn-default{background:#fff;color:#1a6162}
.wz-wrap .btn-lg{padding:12px 40px;font-size:17px}
.wz-wrap .btn-noline{padding:0;border:0;background:none;color:#1a6162;text-decoration:underline;word-break:break-all}
.wz-wrap .ir-link{display:none}
.wz-wrap .table-responsive{overflow-x:auto}
.wz-wrap .table{width:100%;border-collapse:collapse;border-top:2px solid #1a6162}
.wz-wrap .table th,.wz-wrap .table td{padding:12px 10px;border:1px solid #ddd}
.wz-wrap .table th{background:#f6f6f6;font-weight:700}
.wz-wrap .text-center{text-align:center}
.wz-wrap .text-left{text-align:left}
.wz-wrap .mt_10{margin-top:10px}.wz-wrap .mt_20{margin-top:20px}.wz-wrap .mt_30{margin-top:30px}.wz-wrap .mt_40{margin-top:40px}
.wz-wrap .mb_20{margin-bottom:20px}.wz-wrap .mb_30{margin-bottom:30px}
.wz-wrap .webjin_slide .slick-slide img{display:inline-block}
@media (max-width:767px){
.wz-wrap{font-size:16px}
.wz-wrap .wz-title{font-size:22px}
.wz-wrap .prc > li{flex:1 1 100%}
}

/* 웹진 호별 목록 (구서버 /tour/css/prog/webZine/style.css 기준) */
.wz-wrap .webzn-list .title-box{border-bottom:4px solid #222;margin-bottom:60px;padding-bottom:22px}
.wz-wrap .webzn-list .title-box .title{display:inline-block;font-size:36px;line-height:1.3;color:#222;font-weight:700}
.wz-wrap .webzn-list .title-box .title em{font-style:normal;color:#0b5858;margin-right:6px}
.wz-wrap .webzn-list .obj .col{display:block;margin-bottom:35px}
.wz-wrap .webzn-list .obj .col .item{position:relative;display:block;width:100%;min-height:311px;padding:40px 40px 40px 470px;border:1px solid #d5d8db;box-sizing:border-box}
.wz-wrap .webzn-list .obj .col .item .thm--box{position:absolute;left:40px;top:40px;width:390px;height:229px;overflow:hidden}
.wz-wrap .webzn-list .obj .col .item .thm--box .thumb-box{display:block;width:100%;height:100%}
.wz-wrap .webzn-list .obj .col .item .thm--box img{position:absolute;left:50%;top:50%;width:auto;max-width:none;height:130%;transform:translate(-50%,-50%)}
.wz-wrap .webzn-list .obj .col .item .card--body{min-height:180px;padding:0}
.wz-wrap .webzn-list .obj .col .item .card--body a{color:#222}
.wz-wrap .webzn-list .obj .col .item .card--body .title{display:-webkit-box;margin-bottom:17px;max-height:69px;overflow:hidden;font-size:24px;line-height:1.3;letter-spacing:-1px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.wz-wrap .webzn-list .obj .col .item .card--body .text-area p{display:-webkit-box;overflow:hidden;color:#555;font-size:16px;line-height:1.6;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.wz-wrap .webzn-list .obj .col .item .card--body .view{padding:17px 0;font-size:15px;text-align:right;color:#777}
.wz-wrap .wz-list li a em{font-style:normal;color:#0b5858;margin-right:8px}
@media (max-width:1280px){.wz-wrap .webzn-list .obj .col .item .card--body .title{font-size:21px}}
@media (max-width:1000px){
.wz-wrap .webzn-list .obj .col .item{padding:40px;min-height:1px}
.wz-wrap .webzn-list .obj .col .item .thm--box{position:relative;left:0;top:0;display:block;width:100%;max-width:400px;margin:0 auto 30px}
}
@media (max-width:768px){
.wz-wrap .webzn-list .title-box{margin-bottom:22px}
.wz-wrap .webzn-list .title-box .title{font-size:30px}
.wz-wrap .webzn-list .obj .col .item{padding:20px}
}

/* 구서버 /tour/css/chn/content.css 중 웹진 관련 규칙 (.wz-wrap 안으로 한정) */
.wz-wrap .moreBox{text-align: right; margin-bottom: 30px;}
.wz-wrap .webjin_info{text-align: right; margin-bottom: 30px;}
.wz-wrap .webjin_info ul li + li{margin-top: 8px;}
.wz-wrap .webjin.imgbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.wz-wrap .webjin.imgbox.col4{gap: 30px;}
.wz-wrap .webjin.imgbox.col2 img{width: calc(50% - 20px); margin-top: 25px;}
.wz-wrap .webjin.imgbox.col2 img:nth-child(-n+2){margin-top: 0px;}
.wz-wrap .webjin.imgbox.col3 img{width: calc(33.33% - 20px);}
.wz-wrap .webjin.imgbox.col4 img{width: calc(33.33% - 20px);}
.wz-wrap .webjin.imgbox.col4 img:last-child{width: 100%;}
.wz-wrap .webjin_textbox{margin: 25px 0px;}
.wz-wrap .webjin_textbox p{margin: 0px;}
.wz-wrap .webjin_textbox p + p{margin-top: 20px;}
.wz-wrap .webjin_youtube{position: relative; width: 100%; padding-top: 56.25%; margin: 25px 0px;}
.wz-wrap .webjin_youtube iframe,.wz-wrap .webjin_youtube video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.wz-wrap .webjin_mapBox{display: flex; flex-flow: row-reverse wrap; margin: 50px 0px;}
.wz-wrap .webjin_mapBox .infoBox{width: calc(100% - 430px);}
.wz-wrap .webjin_mapBox .infoBox strong{display: block; margin-bottom: 25px; color: #222; font-size: 22px; line-height: 1.2; letter-spacing: -0.025em; font-weight: bold;}
.wz-wrap .webjin_mapBox .infoBox p + p{margin-top: 20px;}
.wz-wrap .webjin_mapBox .infoBox .subInfo{margin-top: 20px;}
.wz-wrap .webjin_mapBox .infoBox .subInfo li{position: relative; padding-left: 75px; color: #000; font-size: 16px; line-height: 1.2; letter-spacing: -0.025em;}
.wz-wrap .webjin_mapBox .infoBox .subInfo li em{position: absolute; left: 0px; top: 0px; font-weight: bold;}
.wz-wrap .webjin_mapBox .mapBox{position: relative; margin-left: 30px; width: 400px; height: 260px;}
.wz-wrap .webjin_mapBox .mapBox iframe{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.wz-wrap .webjin_wrap .graybox{background: #f6f6f6; border-radius: 20px; padding: 35px; margin: 0px 0px 25px;}
.wz-wrap .webjin_wrap .tit{display: block; margin: 0px 0px 25px; color: #222; font-size: 22px; line-height: 1.2; letter-spacing: -0.025em; font-weight: bold;}
.wz-wrap .webjin_wrap b{font-size: 16px;}
.wz-wrap .webjin_textbox .list-qa .inner + .inner{margin: 30px 0px 0px;}
.wz-wrap .webjin_textbox .list-qa .inner .item .question{font-weight: bold; margin: 0px 0px 20px;}
.wz-wrap .webjin_textbox .list-qa .inner .item > li{display: flex; line-height: 24px;}
.wz-wrap .webjin_textbox .list-qa .inner .item > li b{margin: 0px 15px 0px 0px;}
.wz-wrap .webjin_wrap .imgColumn{display: flex; flex-wrap: wrap; padding: 30px;}
.wz-wrap .webjin_wrap .imgColumn.right{flex-direction: row-reverse;}
.wz-wrap .webjin_wrap .imgColumn + .imgColumn{margin: 30px 0px;}
.wz-wrap .webjin_wrap .imgColumn .item{position: relative; width: 40%; height: 100%;}
.wz-wrap .webjin_wrap .imgColumn .item img + img{margin: 30px 0px 0px;}
.wz-wrap .webjin_wrap .imgColumn .textBox{margin-left: 50px; width: calc(60% - 50px); text-align: left;}
.wz-wrap .webjin_wrap .imgColumn.right .textBox{margin: 0px 50px 0px 0px;}
.wz-wrap .webjin_wrap .imgColumn .textBox .tit{font-size: 18px;}
.wz-wrap .webjin_wrap .imgColumn .textBox .context p{margin: 0px; color: #222; font-size: 18px; line-height: 1.2; letter-spacing: -0.025em;}
.wz-wrap .webjin_wrap .imgColumn .textBox .context p + p{margin-top: 15px;}
.wz-wrap .webjin_wrap .imgrow .row_wrap{display: flex; flex-wrap: wrap; align-items: center;}
.wz-wrap .webjin_wrap .imgrow .row_wrap + .row_wrap{margin: 30px 0px 0px;}
.wz-wrap .webjin_wrap .imgrow .row_wrap .item{width: 30%;}
.wz-wrap .webjin_wrap .imgrow .row_wrap .textBox{margin-left: 30px; width: calc(70% - 30px); text-align: left;}
.wz-wrap .webjin_wrap .imgrow .row_wrap .textBox strong{display: block; color: #000; font-size: 18px; line-height: 1.2; letter-spacing: 0px; font-weight: 500;}
.wz-wrap .webjin_wrap .graybox.imgrow .row_wrap{align-items: normal;}
.wz-wrap .verticalBox.imgbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.wz-wrap .verticalBox.imgbox .inner{display: flex; flex-wrap: wrap; width: calc(50% - 10px);}
.wz-wrap .verticalBox.imgbox .inner img + img{margin-top: 20px;}
.wz-wrap .slideColumn.imgbox{display: flex; flex-wrap: wrap; padding: 30px;}
.wz-wrap .slideColumn.imgbox + .slideColumn.imgbox{margin-top: 50px;}
.wz-wrap .slideColumn.imgbox .slideWrap{position: relative; width: 35%; height: 100%;}
.wz-wrap .slideColumn.imgbox .slick-arrow{position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 100%; background: #1a6162; border: 2px solid #1a6162; font-size: 0px; text-indent: -9999px; transition: 0.3s;}
.wz-wrap .slideColumn.imgbox .slick-arrow::before{content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 2px; background: #fff;}
.wz-wrap .slideColumn.imgbox .slick-arrow::after{content: ""; position: absolute; top: 19.2px; transform: rotate(315deg); margin-top: -1px; width: 10px; height: 2px; background: #fff;}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-prev{left: -20px;}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-prev::before{left: 50%;}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-prev::after{left: 12px;}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-next{right: -20px;}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-next::before{right: 50%; transform: translate(50%, -50%);}
.wz-wrap .slideColumn.imgbox .slick-arrow.slick-next::after{right: 13px; transform: rotate(-315deg);}
.wz-wrap .slideColumn.imgbox .slick-arrow:hover,.wz-wrap .slideColumn.imgbox .slick-arrow:focus{background: #fff;}
.wz-wrap .slideColumn.imgbox .slick-arrow:hover::before,.wz-wrap .slideColumn.imgbox .slick-arrow:focus::before,.wz-wrap .slideColumn.imgbox .slick-arrow:hover::after,.wz-wrap .slideColumn.imgbox .slick-arrow:focus::after{background: #1a6162;}
.wz-wrap .slideColumn.imgbox .textBox{margin-left: 75px; width: calc(65% - 75px); text-align: left;}
.wz-wrap .slideColumn.imgbox .textBox strong{display: block; color: #000; font-size: 22px; line-height: 1.2; letter-spacing: 0px; font-weight: bold;}
.wz-wrap .slideColumn.imgbox .textBox .context{margin: 20px 0px;}
.wz-wrap .slideColumn.imgbox .textBox .context p{margin: 0px; color: #222; font-size: 18px; line-height: 1.2; letter-spacing: -0.025em;}
.wz-wrap .slideColumn.imgbox .textBox .context p + p{margin-top: 15px;}
.wz-wrap .slideColumn.imgbox .textBox .infoBox{padding: 20px; background: #f6f6f6;}
.wz-wrap .slideColumn.imgbox .textBox .infoBox li{color: #2d2d2d; font-size: 16px; line-height: 1.2; letter-spacing: -0.025em;}
.wz-wrap .slideColumn.imgbox .textBox .infoBox li + li{margin-top: 5px;}
.wz-wrap .slideColumn.imgbox.right{flex-direction: row-reverse;}
.wz-wrap .slideColumn.imgbox.right .textBox{margin-left: 0px; margin-right: 75px;}
@media (max-width: 999px){
.wz-wrap .webjin_mapBox{flex-direction: row;}
.wz-wrap .webjin_mapBox .infoBox{width: 100%;}
.wz-wrap .webjin_mapBox .mapBox{margin-left: 0px; margin-bottom: 45px; width: 100%; height: auto; padding-top: 56.25%;}
.wz-wrap .slideColumn.imgbox .slideWrap{position: relative; width: 450px; margin: 0px auto 50px;}
.wz-wrap .slideColumn.imgbox .textBox{margin-left: 0px; width: 100%;}
.wz-wrap .slideColumn.imgbox.right{flex-direction: row;}
.wz-wrap .slideColumn.imgbox.right .textBox{margin-right: 0px;}
}
@media (max-width: 767px){
.wz-wrap .webjin.imgbox{display: block;}
.wz-wrap .webjin.imgbox.col2 img,.wz-wrap .webjin.imgbox.col3 img,.wz-wrap .webjin.imgbox.col4 img{width: 100%;}
.wz-wrap .webjin.imgbox img + img{margin-top: 20px;}
.wz-wrap .webjin.imgbox.col2 img:nth-child(2){margin-top: 30px;}
.wz-wrap .webjin_wrap .imgColumn .item{width: 100%;}
.wz-wrap .webjin_wrap .imgColumn .textBox,.wz-wrap .webjin_wrap .imgColumn.right .textBox{width: 100%; margin: 40px 0px 0px;}
.wz-wrap .webjin_wrap .graybox{padding: 30px 20px;}
.wz-wrap .webjin_wrap .imgrow .row_wrap .item{width: 100%;}
.wz-wrap .webjin_wrap .imgrow .row_wrap .textBox{width: 100%; margin: 10px 0px 0px;}
.wz-wrap .webjin_wrap .graybox.imgrow .row_wrap .textBox{margin: 25px 0px 0px;}
.wz-wrap .slideColumn.imgbox{padding: 20px;}
}
@media (max-width: 599px){
.wz-wrap .slideColumn.imgbox .slideWrap{width: 100%;}
.wz-wrap .webjin_wrap .imgColumn{padding: 15px;}
.wz-wrap .webjin_slide{padding: 20px 15px;}
}
@media (max-width: 499px){
.wz-wrap .moreBox{text-align: left;}
.wz-wrap .moreBox a{display: block; width: 100%;}
.wz-wrap .moreBox a + a{margin-top: 5px;}
.wz-wrap .verticalBox.imgbox{display: block;}
.wz-wrap .verticalBox.imgbox .inner{display: block; width: 100%;}
.wz-wrap .verticalBox.imgbox .inner + .inner{margin-top: 20px;}
}
.wz-wrap .webjin_slide{border: 1px solid #ddd; padding: 50px;}
.wz-wrap .webjin_slide .webjin_img{position: relative;}
.wz-wrap .webjin_slide .webjin_img .title{position: absolute; left: 0px; bottom: 0px; padding: 20px; background: rgba(0, 0, 0, 0.75); border-radius: 5px 5px 0px 0px; width: 100%;}
.wz-wrap .webjin_slide .webjin_img .title strong{color: #fff; font-size: 18px; line-height: 1.2; letter-spacing: 0px; font-weight: bold;}
.wz-wrap .webjin_slide .item .webjin_img{height: 600px;}
.wz-wrap .webjin_slide.w1000 .item .webjin_img{padding-top: 11.5%;}
.wz-wrap .webjin_slide .item .webjin_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.wz-wrap .webjin_slide .slick-arrow{position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 100%; background: #1a6162; border: 2px solid #1a6162; font-size: 0px; text-indent: -9999px; transition: 0.3s;}
.wz-wrap .webjin_slide .slick-arrow::before{content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 2px; background: #fff;}
.wz-wrap .webjin_slide .slick-arrow::after{content: ""; position: absolute; top: 19.2px; transform: rotate(315deg); margin-top: -1px; width: 10px; height: 2px; background: #fff;}
.wz-wrap .webjin_slide .slick-arrow.slick-prev{left: 0px;}
.wz-wrap .webjin_slide .slick-arrow.slick-prev::before{left: 50%;}
.wz-wrap .webjin_slide .slick-arrow.slick-prev::after{left: 12px;}
.wz-wrap .webjin_slide .slick-arrow.slick-next{right: 0px;}
.wz-wrap .webjin_slide .slick-arrow.slick-next::before{right: 50%; transform: translate(50%, -50%);}
.wz-wrap .webjin_slide .slick-arrow.slick-next::after{right: 13px; transform: rotate(-315deg);}
.wz-wrap .webjin_slide .slick-arrow:hover,.wz-wrap .webjin_slide .slick-arrow:focus{background: #fff;}
.wz-wrap .webjin_slide .slick-arrow:hover::before,.wz-wrap .webjin_slide .slick-arrow:focus::before,.wz-wrap .webjin_slide .slick-arrow:hover::after,.wz-wrap .webjin_slide .slick-arrow:focus::after{background: #1a6162;}
.wz-wrap .webjin_slide.thumbnail .slider-nav{margin-top: 35px; padding: 0px 20px;}
.wz-wrap .webjin_slide.thumbnail .slider-nav .webjin_img{margin: 0px 10px;}
.wz-wrap .webjin_slide.thumbnail .slider-nav .webjin_img::before{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.wz-wrap .webjin_slide.thumbnail .slider-nav .webjin_img.slick-current::before{display: none;}
.wz-wrap .webjin_dot{margin-top: 30px; text-align: center; line-height: 0;}
.wz-wrap .webjin_dot ul li{display: inline-block; margin: 5px 5px 0px;}
.wz-wrap .webjin_dot ul li button{width: 13px; height: 13px; background: #bfbfbf; border-radius: 3px; font-size: 0px; line-height: 0; text-indent: -9999px;}
.wz-wrap .webjin_dot ul li.slick-active button{background: #1a6162;}
@media (max-width: 767px){
.wz-wrap .webjin_slide{padding: 30px 25px;}
.wz-wrap .webjin_slide .item .webjin_img{height: auto; padding-top: 13%;}
}
@media (max-width: 550px){
.wz-wrap .webjin_slide .webjin_img .title{padding: 10px 20px;}
.wz-wrap .webjin_slide .webjin_img .title strong{font-size: 16px;}
.wz-wrap .webjin_slide .slick-arrow{width: 35px; height: 35px;}
.wz-wrap .webjin_slide .slick-arrow::after{top: 12px;}
.wz-wrap .webjin_slide .slick-arrow.slick-prev::after{left: 6px;}
.wz-wrap .webjin_slide .slick-arrow.slick-next::after{right: 6px;}
}