@charset "UTF-8";

/* 공통 */
#content{margin-top: 40rem;}

h4 {margin:40rem 0 20rem; font-size:31rem; font-weight:700; border-top:1px dashed #b3b3b3; padding:40rem 0 20rem 0;}
h4:first-of-type {border-top:none; padding:0;}
h4+h5 {margin-top:20rem;}
h5 {margin:40rem 0 15rem 3rem; font-size:26rem; font-weight:700; color:#3f4e63;}
h6 {margin:20rem 0 20rem 3rem; font-size:22rem; font-weight:600; color:#626262;}
h6:before {content:'['; padding-right:5rem;}
h6:after {content:']'; padding-left:5rem;}
@media all and (max-width:480px){
    h4{font-size: 27rem;}
    h5{font-size: 24rem;}
    h6{font-size: 20rem;}
}

.table {overflow-x:auto; border-top:2px solid #3f6340; margin:20rem 0 25rem; clear: both;}
.table table {width:100%; text-align:center; margin-left:-1px; line-height:1.6;}
.table table thead th,
.table table tbody th {background: #f5f8f5; border-left:1px solid #d7dee3; border-bottom:1px solid #d7dee3; padding:10rem;}
.table table tbody th {background:#fbfbfb;}
.table table tbody td,
.table table tfoot td { padding:10rem; border-bottom:1px solid #d7dee3; border-left:1px solid #d7dee3;}
.table table tbody td ul {margin-top:0; margin-bottom:0; text-align: left;}
.table table tbody td ul.dep_02 > li:first-child {margin-top:0;}
.table table tbody td ul.dep_02 li:last-child {margin-bottom:0;}
.table table tfoot td {background: #f5f8f5; font-weight:600;}
.table.tdL table tbody td {text-align:left;}
.table_scroll {background:url('../../common/img/scroll.png') no-repeat left center; padding:10rem 0 10rem 70rem; margin:15rem 0 -15rem;}
.table.type2 {border-top:2px solid #323232;}
.table.type2 table thead th,
.table.type2 table tbody th {background:transparent; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type2 table thead th {border-bottom:1px solid #323232;}
.table.type2 table tbody th {background:transparent;}
.table.type2 table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.dep_01 {margin:10rem 0 15rem 5rem;}
.dep_01 > li {position:relative; margin:5rem 0; padding:0 0 0 18rem}
.dep_01 > li:before {content:''; position:absolute; top:8rem; left:0; width:0; height:0; border-left:6rem solid #167716; border-top:6rem solid transparent;
border-bottom:6rem solid transparent;}
.dep_02 {margin:5rem 0 10rem 5rem;}
.dep_02 > li {position:relative; margin:5rem 0; padding:0 0 0 17rem}
.dep_02 > li:before {content:''; position:absolute; top:11rem; left:0; width:4px; height:4px; background:#3f4e63; border-radius: 50rem;}
.dep_03 {margin:0 0 10rem 5rem;}
.dep_03 > li {position:relative; padding:5rem 0 0 17rem; font-size:16rem;}
.dep_03 > li:before {content:''; position:absolute; top:18rem; left:0; width:7px; height:1px; background:#3e3e3e;}
.dep_01.none > li {padding-left:0;}
.dep_01.none > li:before {display:none;}
.dep_02.none > li:before {display:none;}

.cont_box{border-radius: 30rem; margin: 40rem 0; border: 1px solid #e6e6e6; border-top: 2px solid #167716; padding: 40rem 40rem 40rem 190rem; box-shadow: 2px 2px 10px rgba(133,133,133,0.1); border-radius: 30rem;  background: #fff url('../img/content/box_bg.png') no-repeat left 60rem top 40rem; position: relative; }
.cont_box::before, .cont_box::after{position: absolute; content: ""; background: url('../img/content/content_box.jpg') no-repeat; z-index: 1; width: 45px; height: 87px;}
.cont_box::before{left: -3px; top: -2px;}
.cont_box::after{right: -3px; top: -2px; transform:scaleX(-1) }
.cont_box h4, .cont_box p, .cont_box ul{position: relative; z-index: 2;}
.cont_box h4 {margin: 0 0 11rem; color: #167716; font-size: 29rem; font-family: 'EliceDigitalBaeum';}
.cont_box .dep_01 {margin-top: 0; margin-bottom:0;}
@media all and (max-width:880px){
    .cont_box {padding:30rem 30rem 30rem 150rem; background-size: 80rem; background-position: left 40rem top 40rem;}
    .cont_box h4{font-size: 26rem;}
  }
@media all and (max-width:480px){
    .cont_box {padding:30rem 40rem; background-image: none;}
  }

.txt_box{background: #fffcf4; border: 1px solid #e8e0c9; border-radius: 10rem; padding: 13rem 20rem; margin-bottom: 20rem;}

.caution {position:relative; margin:5rem 0 5rem; padding-left:30rem; font-size: 16rem; color: #b9173e;}
.caution:before {content:'!'; position:absolute; top:3rem; left:0; background:#b9173e; color:#fff; font-weight:900; font-size:12rem; padding:0 9rem; border-radius:5rem;}

.file li {display:flex; align-items:center; justify-content:space-between; min-height:68rem; padding:9rem 20rem 9rem 25rem; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); margin:15rem 0; border-radius:10rem;}
.file li p {font-weight:500;}

.text_blank,
.link_btn {display:inline-block; position:relative; padding-right:20rem; color:#2149a6; font-weight: 500;}
.text_blank::before,
.link_btn:before {content:''; position:absolute; bottom:8rem; right:3rem; width:13px; height:13px; background:url('/design/common/img/blank.png') no-repeat 100% 0/400% auto;}

.text_blank.down::before{background-image: url('/design/common/img/btn_type_bl.png'); background-position:-2px -2px; right: 0; width: 15px; height: 15px;}

.btn_type {display:inline-block; background:#fff; color:#3f4e63; border: 1px solid #3f4e63; border-radius:6rem; padding:6rem 14rem 6rem 18rem; margin:5rem; font-size:16rem; font-weight: 700;}
.btn_type span {display:inline-block; padding-right:24rem; position:relative;}
.btn_type span::before {content:''; position:absolute; top:3rem; right: 0;; width:20rem; height:20rem; background:url('/design/ko/img/content/btn_type.png') no-repeat; background-position: 0 0;}
.btn_type.view span::before {background-position-x: -40px;}
.btn_type.blank span::before{background-position-x: -20px;}
.btn_type.small{padding: 3rem 10rem 3rem 11rem; border-radius: 50rem; font-size: 15rem;}
.btn_type.small span::before{top: 1rem;}

.dep_02.btn_bf_ul > .btn_bf_li::before{top: 18rem;}
.dep_03.btn_bf_ul > .btn_bf_li::before{top: 23rem;}

.btn_type ~ .caution {margin-left:4rem;}

.tmg {margin:20rem 0 25rem; padding:30rem; border:1px solid #d2d3d9; border-radius:20rem;}
.tmg img {display:block; margin:0 auto;}
.tmg2 {margin:20rem 0 25rem; padding:30rem; background:#f5f5f5;}
.tmg2 img {display:block; margin:0 auto;}
.img_box{padding: 10rem; border: 1px solid #ddd;}

.video_script{max-height: 200rem; width: 100%; border-radius: 6rem; overflow-x: auto;padding: 20rem; border: 1px solid #ddd;}

.cont_top{display: block; text-align: right; }
.cont_top span{display: inline-block; border-radius: 10rem; color: #fff; padding: 4rem 10rem; background: #0b5997;}

/*인사말*/
.greeting{padding: 30rem;}
.greeting .top_box{padding: 47rem 300rem 60rem 0; font-size: 36rem; font-family: 'Tenada', sans-serif; position: relative; border-bottom: 1px solid #e3e3e3;}
.greeting .top_box p{line-height: 1.6;}

.greeting .top_box::before{position: absolute; content: ""; width: 293rem; height: 340rem; right: 20rem; bottom: 0; background: url('/design/mayor/img/content/greeting_my.png') no-repeat bottom; background-size: contain;}

.greeting .top_box p span{font-size: 40rem; color: #167716;}

.greeting .txt{margin-top: 30rem; padding: 40rem 0;border-bottom: 1px dashed #ddd;}
.greeting .txt p{margin-bottom: 20rem; font-size: 18rem; }
.greeting .txt p:last-child{margin-bottom: 0;}

@media all and (max-width: 1370px){
    .greeting .top_box{padding: 40rem 300rem 56rem 0; font-size: 30rem;}
}
@media all and (max-width: 816px){
    .greeting .top_box{font-size: 23rem;}
    .greeting .top_box p span{font-size: 30rem;}
    .greeting .top_box::before{width: 233rem;}
}
@media all and (max-width: 624px){
    .greeting .top_box{padding: 250rem 20rem 20rem 20rem; background: none; color: inherit; text-align: center;}
    .greeting .top_box::before{right: inherit; bottom: inherit; left: 50%; top: -125rem; transform: translateX(-50%);}
    .greeting .top_box p span{display: block;}
    .greeting .txt{margin-top: 0;}
    .greeting .top_box br{display: none;}
    .greeting .txt p br{display: none;}
 }

/* 상징물 */
.sy_img{background: url('../img/content/symbol_bg.png'); line-height: 280rem; text-align: center; border: 1px solid #ddd;}
.sy_img2{background: #901b21;}
.symbol, .symbol02 .top{display: flex; justify-content: space-between;}
.symbol .left, .symbol02 .top .left{width: 400rem;}
.symbol .right, .symbol02 .top .right{width: calc(100% - 450rem);}

.symbol02 .color{margin: 20rem 0; padding: 20rem; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #ddd;}
.symbol02 .color li{margin-bottom: 10rem;}
.symbol02 .color li span{display: inline-block; width: 100rem; margin-right: 15rem; padding: 5rem 15rem; border-radius: 50rem; text-align: center; background: #369244; color: #fff; font-weight: 700;}
.symbol02 .color li:nth-child(2) span{background: #d61a3d;}
.symbol02 .color li:nth-child(3) span{background: #f5c81f; color: #323232;}

.symbol02 .character{display: flex; margin: 40rem 0 20rem; padding: 20rem 0; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #ddd;}
.symbol02 .character li{text-align: center; width: calc((100% - 20rem) / 5); margin-right: 10rem; padding: 10rem; border-right: 1px dashed #ddd;}
.symbol02 .character li:last-child{border-right: 0; margin-right: 0;}
.symbol02 .character li img{margin-bottom: 20rem; }
.symbol02 .character li a{background: #3f4e63; color: #fff; border-radius: 6rem; padding: 6rem 10rem; font-size: 16rem; display: block;}

@media all and (max-width:1023px){
    .symbol .left, .symbol02 .top .left{width: 300rem;}
    .symbol .right, .symbol02 .top .right{width: calc(100% - 340rem);}
}
@media all and (max-width:840px){
    .symbol, .symbol02 .top{flex-wrap: wrap;}
    .symbol .left, .symbol02 .top .left{width: 100%;}
    .symbol .right, .symbol02 .top .right{width: 100%;}
    .symbol02 .character{flex-wrap: wrap;}
    .symbol02 .character li{width: calc((100% - 10rem) / 2); border: none;}
    .symbol02 .character li:nth-child(2n){margin-right: 0;}
}
@media all and (max-width:740px){
    .symbol02 .color li span{display: block; margin-bottom: 5rem; padding: 2rem 12rem;}
}


/* 카카오맵 */
.root_daum_roughmap .map > div:nth-child(2),
.map_border,
.wrap_controllers {display:none;}
.root_daum_roughmap .map{border: 1px solid #e1e1e1;}

/* 특산물 */
.sp_box{display: flex; padding: 40rem 30rem; border-bottom: 1px dashed #ddd;}
.sp_box .left{width: 400rem; margin-right: 40rem;}
.sp_box .left img{border-radius: 20rem;}
.sp_box .right{width: calc(100% - 440rem);}
.sp_box .right h4{margin-top: 20rem;}

@media all and (max-width:1130px){
    .sp_box .left{width: 300rem; margin-right: 30rem;}
    .sp_box .right{width: calc(100% - 330rem);}
}
@media all and (max-width:710px){
    .sp_box{flex-wrap: wrap; justify-content: center;}
    .sp_box .left{width: 100%; margin-right: 0; text-align: center;}
    .sp_box .right{width: 100%;}
}

/* Tourist Attractions 리스트 */
.bod_head_tour01{margin-bottom: 10rem;}
.bod_head_tour01 .searchThum span{color: #e52222; font-weight: 600;}
.bod_list_tour .list{display: flex; flex-wrap: wrap; margin: -20rem;}
.bod_list_tour .list .cont{width: calc(33.3% - 40rem); margin: 20rem; border: 1px solid #ededed; border-radius: 16rem; overflow: hidden; box-shadow: 3px 3px 15px #efefef;}
.bod_list_tour .list .cont img{height: 230rem; width: 100%;}
.bod_list_tour .list .cont dd{padding: 17rem 23rem;}
.bod_list_tour .list .cont dd .title{font-size: 20rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 98%;}
.bod_list_tour .list .cont dd ul{margin: 10rem 0;}
.bod_list_tour .list .cont dd ul > li span{display: inline-block; margin-right: 10rem; position: relative; text-indent: -9999px; padding-left: 17rem;}
.bod_list_tour .list .cont dd ul > li span::before{position: absolute; content: ""; background: url('/design/foreign/img/content/en/tour_add.png') no-repeat center center; left: 0; top: 3px; width: 20rem; height: 20rem;}
@media all and (max-width:990px){
    .bod_list_tour .list{margin: -10rem;}
    .bod_list_tour .list .cont{width: calc(33.3% - 20rem); margin: 10rem;}
    .bod_list_tour .list .cont img{height: 160rem;}
    .bod_list_tour .list .cont dd .title{font-size: 18rem;}
    .bod_list_tour .list .cont dd ul li{font-size: 16rem;}
}
@media all and (max-width:680px){
    .bod_list_tour .list .cont{width: calc(50% - 20rem);}
}
@media all and (max-width:450px){
    .bod_list_tour .list .cont{width: 100%;}
    .bod_list_tour .list .cont img{height: 200rem;}
}

/* 슬라이드 */
.tour_content_view{padding: 0 20rem;}
.content_info{padding: 10rem 0; }
.content_info .tour_img{float: left; width: 47%;}
.content_info .info{float: right; width: 44%; padding-top: 30rem;}
.tour_img .slick-pause-text{display: none;}

.content_info .info dl dt{font-size: 27rem; font-weight: 700;  padding-bottom: 30rem;}

.content_info .info > ul{padding: 26rem 10rem; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.content_info .info > ul > li{padding: 4rem 10rem 4rem 70rem; position: relative;}
.content_info .info > ul > li > strong{position: absolute; left: 0; top: 3px; padding-left: 13rem;}
.content_info .info > ul > li > strong::before{position: absolute; content: ""; width: 4rem; height: 4rem; left: 0; top: 10rem; background: #167716; border-radius: 50rem;}

.content_info .info > div{display: flex; justify-content: center; margin-top: 50rem;}

.content_info .info div a{border: 1px solid #167716; display: block; padding: 4rem 10rem; border-radius: 5rem; color: #167716;}
.content_info .info div a span {position:relative; display:inline-block; padding-left:30rem;}
.content_info .info div a span::before {content:''; position:absolute; width:22rem; height:22rem; left:0; top:50%; transform:translate(0, -50%); background:url('/design/foreign/img/content/en/tour_content_view_btn.png') no-repeat 0 0/200% auto;}
.content_info .info div a:last-child {color:#5e5e5e; border:1px solid #5e5e5e; margin-left: 10rem;}
.content_info .info div a:last-child span::before {background-position:100% 0;}

.tour_slide{box-shadow: 6px 6px #ecedec;}
.tour_slide .slick-arrow {display:block; position:absolute; top:55%; left:-25rem; width:50rem; height:50rem; text-indent:-9999rem; margin-top:-45rem; border:0; background-color:#a9a9a9; border-radius:50%; z-index:10;}
.tour_slide .slick-arrow::before {content:''; position:absolute; left:50%; top:50%; width:25rem; height:25rem; background:url('/design/foreign/img/content/en/control.png') no-repeat 0 100%/400% auto; transform:translate(-50%, -50%);}
.tour_slide .slick-next {left:auto; right:-25rem; transform:rotate(180deg);}
.tour_slide .slick-dots {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);}
.tour_slide .slick-dots li {float:left; padding:0 5rem; }
.tour_slide .slick-dots button {width:30rem; height:5rem; border-radius:5rem; background:#cfd1d5; text-indent:-99999rem; cursor:pointer;}
.tour_slide .slick-dots .slick-active button {background:#1b52a1;}

.slick-autoplay-toggle-button{display: none;}

.content_detail{padding: 25rem 0; clear: both;}
.content_detail h4{position: relative; padding-left: 14rem; font-size: 26rem; color: #167716;}
.content_detail h4::before{position: absolute; content: ""; width: 3rem; height: 22rem; background: #167716; left: 0; top: 6rem;}

@media all and (max-width:900px){
    .content_info .info,
    .content_info .tour_img{float: none; width: 100%;}
}
@media all and (max-width:480px){
    .content_info .info dl dt{font-size: 24rem;}
}