@charset "utf-8";
.ir-sub02{background:url(/images/02_tour/sub02/ir-sub02.png) no-repeat}
.ir-tip{margin-top:15px;padding:2px 0;padding-left:25px;background:url(/images/02_tour/common/icon-tip.png) no-repeat}

/* sub01 */
.comment{position:absolute;top:-1000px;left:-2000px;}

/* Tablet */
@media all and (min-width:768px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}                                

/*pre*/


#txt h4{ position:relative;margin:40px 0 10px;padding-left:15px;font-size: 22px; line-height:1.3; color:#f54f23;}
#txt h4:first-child{margin-top:0;}
#txt h4+#txt h5{margin-bottom:0;}
/*
#txt h4:before{content:""; display: inline-block; position: absolute;top:5px;left: 0px;width:7px;height:7px;border-radius: 50%;background-color:#f54f23;}
*/
#txt h4:before{content:""; display: inline-block; position: absolute; width: 10px;
height: 20px;left: 0;background:url(/images/02_tour/common/h4_bul.png) no-repeat 0 7px;}
#txt h5{margin:20px 0 10px;padding-left:15px;font-size: 18px; }
#txt h5:first-child{margin-top:0;}

#txt h4+#txt p{margin:10px 0 30px 15px;}
/*태그에 css 사용금지.
p{margin:10px 0px 15px;}
*/


/* table style */
table caption{text-indent:-100000px;font-size:0;line-height:0;}
.tbl_basic{margin-bottom:10px;margin-top: 5px;width:100%;border-top:3px solid  #f54f23;border-bottom:1px solid transparent;border-collapse:collapse;}
.tbl_basic th,
.tbl_basic td{padding:10px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#666;line-height: 1.5;}
.tbl_basic th{font-weight: 600;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic tbody .td_border{border-left:none;}
.tbl_basic thead .th_border{border-left:1px solid #ccc;}
.tbl_basic tr .border{border-left:1px solid #ccc;}
.tbl_basic tbody .td_border{/*border-left:1px solid #ccc;*/}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}

.tbl_basic tfoot th{background-image:none;}

.tbl_basic tbody th{background-color: #F9F9F9; color:#323232;}
.tbl_basic thead th{background-color:#Fcfcfc; }
.tbl_basic th[rowspan],
.tbl_basic td[rowspan]{border-right:1px solid #ccc;}
.tbl_basic th:last-child,
.tbl_basic td:last-child{border-right:none;}

/*.tbl_basic{border-top-color:transparent;}
.tbl_basic tbody{border-top:1px solid #a4a4a4}
*/
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;}
.tbl_basic tbody th{background-color:#f9f9f9;}
.tbl_basic tfoot th{background-color:#ebebeb;}


.tbl_basic.tbl_type1{border-top-color:#a4a4a4;border-bottom-color:#ddd;border-collapse:collapse;border-top:0;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 tbody{border-top:1px solid #a4a4a4;}
.tbl_basic.tbl_type1 thead th{background-color:#f5f5f5;border-bottom-color:#ccc;}
.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#a4a4a4;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{color:#333}
/*.tbl_basic.tbl_type2 thead th,*/
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

.rwd_wrap{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}

@media (max-width:767px){
.responseTable{width:100%;overflow-x:auto}

.tbl_basic th,
.tbl_basic td{padding:7px}
}

/*가로스크롤테이블*/
@media(max-width: 767px){
.scl_x{width:100%;overflow-x: scroll;}
.scl_x .tbl_basic{width:768px;}
}

/* 테이블 글자 정렬 */
.tbl_basic th.word-wrap-normal,
.tbl_basic td.word-wrap-normal{word-wrap:normal;}

.center{text-align: center;}
.left{text-align: left;}    




/* list */  
.text_box{padding:40px;background-color: #F9F9F9;}
.list_1st {margin:10px 0;padding:0;}
.list_1st li,
.list_1st dd{/*margin:6px 0;*/margin:8px 0 8px 20px;padding-left:12px;background:url(/images/02_tour/common/list_bul1.png) no-repeat 0 5px;color:#444;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:keep-all;}
.list_1st dt{margin-top:10px;font-size:15px;font-weight:bold;}
.list_1st dt:first-child{margin-top:0;}
.list_2st{margin:4px 0;padding:0;line-height:22px }
.list_2st li{margin:3px 0;padding-left:12px;background:url(/images/02_tour/common/list_bul2.png) no-repeat left 8px;line-height:1.3; color:#555;}
.list_3st{margin:4px 0;padding:0;}
.list_3st li{margin:3px 0;padding-left:12px;background:url(/images/02_tour/common/list_bul3.png) no-repeat left 5px;line-height:1.3;}
.bl{color:#1F528A!important;}


/*아코디언*/
.ui.uia{}
.ui.uia.qna{}
.ui.uia>li{width:100%;margin-top:15px;overflow:hidden}
.ui.uia.qna li{margin-top:-1px;}
.ui.uia>li:first-child{margin-top:0;}
.ui.uia .inner{position:relative;padding:20px;margin-top: -1px;background:#f9f9f9;border:1px solid #ddd;}
.ui.uia .inner>ul{margin:0;}
.ui.uia .item{display:block;position:relative;overflow:hidden;height:65px;padding:0 20px;border:1px solid #ddd;}
.ui.uia .item:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui.uia .item:hover,
.ui.uia .item:focus,
.ui.uia .item:active,
.ui.uia .item.ov{border:1px solid #CF5B3C;z-index:2;}
.ui.uia .item:after{content:"";float:right;width:21px;height:100%;background:url(/images/02_tour/common/uia_arr.png) no-repeat 0 50%}
.ui.uia .item.ov:after{background-image:url(/images/02_tour/common/uia_arr_ov.png)}
.ui.uia .item b{position:relative;padding-right:45px;vertical-align:middle;color:#252525;font-size:17px;font-family:'nsr';font-weight:600;line-height:32px;}
/*.ui.uia.qna .item,
.ui.uia.qna .inner{padding-left:50px;}*/
.ui.uia.qna .question,
.ui.uia.qna .inner .answer{display:inline-block;position:absolute;left:20px;font-size:25px;font-weight:bold;line-height:1;}
.ui.uia.qna .question{top:17px;color:#ee402e;}
.ui.uia.qna .inner .answer{top:20px;color:#54535a;}

.ui.uia.personal .item,
.ui.uia.personal .inner{padding-left:20px;}
       
@media (max-width:767px){
	.ui.uia .item{height:auto;padding:20px;}
	.ui.uia .item b{font-size:15px;line-height: 1.6;}
}

       


/*단오제*/
.detail_title{position:relative;left:0;top:0;margin-top:50px;padding:0;width:40%;height:320px;}
.detail_title img{display:none;width:100%;height:100%;}
.detail_title .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7e6440;/*background-color:#5e8501;*/opacity:0.9;}
.detail_title .bg.cate2{background-color:#123679;}
.detail_title .bg.cate3{background-color:#0f62aa;}
.detail_title .bg.cate4{background-color:#ce7000;}
.detail_title .bg.cate5{background-color:#c39500;}

.detail_title strong{display:inline-block;padding:20px 15px 0 5px;font-size:16px;color:#0888f5;opacity:0.8;line-height:1.2;text-align:center;}
.detail_title h2{margin:0 0 50px 0;padding:0;font-size:50px;color:#222222;letter-spacing:-1px;line-height:1.2;}
.detail_title h2:before{display:none;}
.detail_title .info{position:absolute;left:0;top:0;padding:50px 25px 50px 35px;}
.detail_title .info strong,
.detail_title .info h2{color:#fff;text-align:left;}
.detail_title .info h2{font-size:40px;font-family: "nsr",sans-serif;}
.detail_title .info h2.two_line{line-height:normal;}
.detail_title .btn_group{margin:0 auto 20px;padding:20px 30px;width:325px;border:2px solid #78992a;}
.detail_title .btn_group.cate2{border-color:#38568f;}
.detail_title .btn_group.cate3{border-color:#367bb8;}
.detail_title .btn_group.cate4{border-color:#d68729;}
.detail_title .btn_group.cate5{border-color:#cda629;}
.detail_title .btn_group:after{display:block;content:"";clear:both;visibility:hidden;}
.detail_title .btn_group span{float:left;width:25%;}
.detail_title .btn_group span a{display:inline-block;background:url(http://152.99.138.215/site/tour/img/sub01/area_box_ico_set.png) no-repeat;font-size:0;text-indent:-9999px;opacity:0.6;text-align:center;vertical-align:middle;}
.detail_title .btn_group span a:before{display:inline-block;content:"";height:100%;vertical-align:middle;}
.detail_title .btn_group span a:hover,
.detail_title .btn_group span a:focus,
.detail_title .btn_group span a:active{opacity:1;}
.detail_title .btn_group span a.btn1{width:18px;height:21px;}
.detail_title .btn_group span a.btn2{width:14px;height:20px;background-position:-20px 0;}
.detail_title .btn_group span a.btn3{width:20px;height:20px;background-position:-40px 0;}
.detail_title .btn_group span a.btn4{width:22px;height:20px;background-position:-70px 0;}

.detail_info{margin-top:-320px;color:#565656;}
.detail_info h3{margin-left:0;}
.detail_info p{color:#333;line-height:1.3;margin-bottom:20px;margin-left:20px;}

/* .detail_info h3{margin:50px 0 17px 0;padding-left:0;font-size:22px;color:#303132;}
.detail_info h4{margin:50px 0 17px 0;padding-left:0;font-size:22px;color:#333;} */

.detail_info .focus_image{text-align:center;}
.detail_info .focus_image img{display:block;margin:0 0 0 auto;width:100%;height:320px;text-align:center;}
/*.detail_info .focus_image img{width:100%;text-align:center;}*/
.detail_info .focus_image .info_img{padding:37px 20px 5px 0;/*background:#f9f9f9;*/font-size:14px;text-align:left;}

.detail_info .focus_tab{margin:50px 0;}
.detail_info .focus_tab ul{z-index:9;background:#fff;}
.detail_info .focus_tab ul:after{content: "";clear: both;display:block;}
.detail_info .focus_tab ul li{float:left;position:relative;width:20%;margin-left:-1px;z-index:10;}
.detail_info .focus_tab ul li.ov{z-index:11;}
.detail_info .focus_tab.type2 ul li{display:table;}

.detail_info .focus_tab ul li a{display:block;padding:13px 0;border:1px solid #ddd;text-align:center;font-size:15px;color:#636466;background:#fff;}
.detail_info .focus_tab.type2 ul li a{display:table-cell;padding:13px;height:77px;vertical-align:middle;}
.detail_info .focus_tab ul li.ov a{border:1px solid #0888f5;}
.detail_info .focus_tab ul li.ov a,
.detail_info .focus_tab ul li a:hover{position:relative;color:#0888f5;/* border:1px solid #0888f5; */}
.detail_info .focus_tab ul .first a{border-left:1px solid #ddd;}
.detail_info .focus_tab ul li a span{}
.detail_info .focus_tab ul li a span i{display:inline-block;margin-right:5px;width:25px;height:25px;background:url(http://152.99.138.215/site/tour/img/sub01/icon_focus_tab.png) no-repeat;font-size:0;vertical-align:middle;}
.detail_info .focus_tab ul li a[href*="1"] span i{background-position:0 0;}
.detail_info .focus_tab ul li a[href*="2"] span i{background-position:-25px 0;}
.detail_info .focus_tab ul li a[href*="3"] span i{background-position:-50px 0;}
.detail_info .focus_tab ul li a[href*="4"] span i{background-position:-75px 0;}
.detail_info .focus_tab ul li a[href*="5"] span i{background-position:-100px 0;}

.detail_info .focus_tab ul li a:hover[href*="1"] span i,
.detail_info .focus_tab ul li a.ov[href*="1"] span i,
.detail_info .focus_tab ul li a:focus[href*="1"] span i{background-position:0 -25px;}

.detail_info .focus_tab ul li a:hover[href*="2"] span i,
.detail_info .focus_tab ul li a.ov[href*="2"] span i,
.detail_info .focus_tab ul li a:focus[href*="2"] span i{background-position:-25px -25px;}

.detail_info .focus_tab ul li a:hover[href*="3"] span i,
.detail_info .focus_tab ul li a.ov[href*="3"] span i,
.detail_info .focus_tab ul li a:focus[href*="3"] span i{background-position:-50px -25px;}

.detail_info .focus_tab ul li a:hover[href*="4"] span i,
.detail_info .focus_tab ul li a.ov[href*="4"] span i,
.detail_info .focus_tab ul li a:focus[href*="4"] span i{background-position:-75px -25px;}

.detail_info .focus_tab ul li a:hover[href*="5"] span i,
.detail_info .focus_tab ul li a.ov[href*="5"] span i,
.detail_info .focus_tab ul li a:focus[href*="5"] span i{background-position:-100px -25px;}

@media only screen and (max-width:1023px) {
	/* .detail_info .focus_tab ul li a{height:77px;} */
}

@media only screen and (max-width:1023px) {
	/* .detail_info .focus_tab ul li{width:50%;} */
	.detail_info .focus_tab ul li{display:table;}
	.detail_info .focus_tab ul li.ov{z-index:11;}
	.detail_info .focus_tab ul li a{display:table-cell;padding:13px 0;height:75px;vertical-align:middle;}
	.detail_info .focus_tab ul li a span{display:block;line-height:120%;}
	.detail_info .focus_tab ul li a span i{display:block;margin:0 auto 5px;}
}

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

	.detail_info{margin-top:0;}
	.detail_title{width:100%;}
	.detail_title .info{background-position:35px 88%;}

	.detail_info .focus_tab ul li a{height:94px;}
	.detail_title .btn_group{width:100%;}

	.detail_info .focus_image .img_box{position:relative;padding-top:60%;}
	.detail_info .focus_image .img_box .img_wrap{position:absolute;left:0;top:0;width:100%;height:100%;}
	.detail_info .focus_image .img_box .img_wrap img{max-width:none;width:100%;height:100%;}
}

@media only screen and (max-width:461px) {
	.detail_info .focus_tab ul li{width:49.8%;}
	.detail_info .focus_tab ul li.width_33{width:33.3%;margin-top:-1px;}
	.detail_info .focus_tab ul li a{font-size:14px;height:100%;}
	.detail_info .focus_tab ul li a span i{display:none;}
}



.detail_info .detail_content{margin-bottom:40px;}
#txt .detail_content h4{margin-top:10px;}
.detail_info .detail_content .colum{/*margin-bottom:25px;*/margin-bottom:20px;margin-left:20px;overflow:hidden;}
.detail_info .detail_content .colum .img_tit{display:block;margin-top:5px;font-size:14px;color:#555555;line-height:26px;}

.detail_info .detail_content .colum.type1{}
.detail_info .detail_content .colum.type1 .colum1{text-align:center;}

.detail_info .detail_content .colum.type3 .colum1{float:left;width:60%;}
.detail_info .detail_content .colum.type3 .colum2{float:right;width:36.5%;height:100%;}
.detail_info .detail_content .colum.type1 .colum1 img,
.detail_info .detail_content .colum.type3 .colum2 img{width:100%;}
.detail_info .detail_content .colum.type3 .colum3{margin-top:30px;}
.detail_info .detail_content .colum_wrap:after{display:block;content:"";clear:both;visibility:hidden;}

.detail_info .detail_content .colum.type4 .colum1{float:left;width:60%;}
.detail_info .detail_content .colum.type4 .colum2{float:right;width:36.5%;}
.detail_info .detail_content .colum.type4 .colum2 img{width:100%;}

.detail_info .detail_content .colum.type5 .colum_wrap_inner{float:left;width:49.5%;}
.detail_info .detail_content .colum.type5 .colum3{float:right;width:49.5%;height:617px;}
.detail_info .detail_content .colum.type5 .colum3 img{height:100%;width:100%;}

.detail_info .detail_content .colum .colum_wrap div[class^="colum"]{position:relative;}

.detail_info .detail_content .colum.type5 .colum_wrap .colum1,
.detail_info .detail_content .colum.type5 .colum_wrap .colum2{height:293px;}
.detail_info .detail_content .colum.type5 .colum_wrap .colum2{margin-top:30px;}
.detail_info .detail_content .colum.type5 .colum_wrap .colum1 img,
.detail_info .detail_content .colum.type5 .colum_wrap .colum2 img{height:100%;width:100%;}



.detail_info .detail_content .colum .img_num{position:absolute;left:15px;bottom:15px;width:25px;height:25px;background:#f59b00;/*background:#0888f5;*/border-radius:50%;font-size:14px;color:#fff;font-weight:400;text-align:center;line-height:25px;}
.detail_info .detail_content .colum .num_list{margin-top:14px;}
.detail_info .detail_content .colum .num_list li{font-size:14px;line-height:30px;}
.detail_info .detail_content .colum .num_list li span{display:inline-block;margin-right:10px;width:25px;height:25px;background:#f59b00;/*background:#0888f5;*/border-radius:50%;font-size:14px;color:#fff;font-weight:400;text-align:center;line-height:25px; margin-left: 0;}

.detail_info .detail_content .colum.type6 .colum_wrap_inner{height:282px;/*height:363px;*/overflow:hidden;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner:first-child{margin-bottom:30px;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum1,
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum3{float:left;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum2,
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum4{float:right;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum1,
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum4{width:66%;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum2,
.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum3{width:31%;}

.detail_info .detail_content .colum.type6 .colum_wrap_inner>div{height:100%;}
.detail_info .detail_content .colum.type6 .colum_wrap_inner>div img{height:100%;width:100%;}

.detail_info .detail_content .colum.type7 .colum_wrap{height:363px;}
.detail_info .detail_content .colum.type9 .colum_wrap{height:229px;}
.detail_info .detail_content .colum.type7 .colum1,
.detail_info .detail_content .colum.type9 .colum1,
.detail_info .detail_content .colum.type7 .colum2,
.detail_info .detail_content .colum.type9 .colum2,
.detail_info .detail_content .colum.type7 .colum3,
.detail_info .detail_content .colum.type9 .colum3{float:left;/*margin-left:3.5%;width:31%;*/margin-left:2%;width:32%;}
.detail_info .detail_content .colum.type7 .colum1,
.detail_info .detail_content .colum.type9 .colum1{margin-left:0;}

.detail_info .detail_content .colum.type7 .colum4{margin-top:14px;}
.detail_info .detail_content .colum.type9 .colum4{margin-top:14px;}

.detail_info .detail_content .colum.type7 .colum_wrap>div{height:100%;}
.detail_info .detail_content .colum.type9 .colum_wrap>div{height:100%;}
.detail_info .detail_content .colum.type7 .colum_wrap>div img{width:100%;height:100%;}
.detail_info .detail_content .colum.type9 .colum_wrap>div img{width:100%;height:100%;}

.detail_info .detail_content .colum.type8 .colum1,
.detail_info .detail_content .colum.type8 .colum2{float:left;width:49%;margin-left:2%;height:100%;}
.detail_info .detail_content .colum.type8 .colum1{margin-left:0;}
.detail_info .detail_content .colum.type8 .colum_wrap{height:291px;overflow:hidden;padding-bottom: 25px;}
.detail_info .detail_content .colum.type8 .colum_wrap.long{height:600px;}
.detail_info .detail_content .colum.type8 .colum_wrap>div{height:100%;}
.detail_info .detail_content .colum.type8 .colum_wrap>div img{width:100%;height:100%;}


.txt_cntr{padding-top:5px;text-align: center;}
.colum p{margin:0;}

@media only screen and (max-width:767px) {
	.detail_info .detail_content .colum .colum_wrap div[class^="colum"]{width:auto;height:100%;}
	.detail_info .detail_content .colum.type4 .colum2,
	.detail_info .detail_content .colum.type4 .colum1{width:100%;}
	.detail_info .detail_content .colum.type5 .colum_wrap_inner{width:100%;}
	.detail_info .detail_content .colum.type5 .colum3{margin-top:30px;}

	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum1, 
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum2, 
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum3,
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum4{margin-top:30px;width:auto;}

	.detail_info .detail_content .colum.type7 .colum1, 
	.detail_info .detail_content .colum.type9 .colum1, 
	.detail_info .detail_content .colum.type7 .colum2, 
	.detail_info .detail_content .colum.type9 .colum2, 
	.detail_info .detail_content .colum.type7 .colum3,
	.detail_info .detail_content .colum.type9 .colum3{margin-left:0;margin-top:30px;}
	.detail_info .detail_content .colum.type8 .colum_wrap.long,
	.detail_info .detail_content .colum.type8 .colum_wrap{height:100%;padding-bottom:0;}
	.detail_info .detail_content .colum.type8 .colum1, 
	.detail_info .detail_content .colum.type8 .colum2{margin-left:0;margin-top:30px;}


	.detail_info .detail_content .colum.type1 .colum1 img, 
	.detail_info .detail_content .colum.type3 .colum1{width: 100%; margin-bottom: 10px;}
	.detail_info .detail_content .colum.type3 .colum2 img{margin: 0 auto;display:block; width: auto;}
	.detail_info .detail_content .colum.type3 .colum2{float:none;text-align:center; width: 100%;}
	.detail_info .detail_content .colum.type4 .colum1{float:none;width:100%;}
	.detail_info .detail_content .colum.type4 .colum2{float:none;margin:30px 0;text-align:center;}
	.detail_info .detail_content .colum.type4 .colum2 img{width:auto;}

	.detail_info .detail_content .colum.type5 .colum_wrap_inner{float:none;width:auto;}
	.detail_info .detail_content .colum.type5 .colum_wrap .colum1, 
	.detail_info .detail_content .colum.type5 .colum_wrap .colum2{height:auto;}
	.detail_info .detail_content .colum.type5 .colum_wrap .colum3{float:none;}
	.detail_info .detail_content .colum.type5 .colum_wrap .colum1 img, 
	.detail_info .detail_content .colum.type5 .colum_wrap .colum3 img,
	.detail_info .detail_content .colum.type5 .colum_wrap .colum2 img{width:auto;}

	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum1, 
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum2, 
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum3, 
	.detail_info .detail_content .colum.type6 .colum_wrap_inner .colum4{float:none;}
	.detail_info .detail_content .colum.type6 .colum_wrap_inner>div img{width: 100%; height: auto;}
	.detail_info .detail_content .colum .img_num{}
	.detail_info .detail_content .colum .num_list{margin-top:20px;}
	.detail_info .detail_content .colum .num_list li{font-size:14px;line-height:30px; margin-left: 2.5%;}

	.detail_info .detail_content .colum.type7 .colum_wrap{height:100%;}
	.detail_info .detail_content .colum.type9 .colum_wrap{height:100%;}
}


.sml_txt{color:#666;font-size: 13px;}

.tour_board_con ul {overflow:hidden;margin-bottom:20px;border-top:3px solid #f54f23; border-bottom: 1px solid #e1e1e1; padding:20px 15px;  font-size:15px;}

.tour_board_con li {overflow: hidden;margin:5px 0;line-height:21px; font-family:'NanumGothicWeb'; font-weight:800; color:#34383d; clear:both;}
.tour_board_con li p {float:left; width:20%;height:35px;line-height:30px;margin:0;}
.tour_board_con li p em{display:inline-block;width:32px;height:32px;margin-right:10px;background:url("/images/02_tour/sub/ug_ico_ir.png") no-repeat 0px 0px;}
.tour_board_con li p em.ad_ico{background-position-x: -33px;}
.tour_board_con li p em.num_ico{background-position-x: -66px;}

.tour_board_con li p em.ico3{background-position:0px -32px}
.tour_board_con li p em.ico4{background-position:-33px -32px}
.tour_board_con li p em.ico5{background-position:-66px -32px}
.tour_board_con li p em.ico6{background-position:0px -64px}


.tour_board_con li span {float:left; text-align:left; width:73%;padding-top: 7px;font-weight:normal; color:#787a7e;word-wrap:break-word;word-break:keep-all;}
.tour_board_con li span.home {height:25px; background:url('/images/02_tour/sub/icon_home.gif') no-repeat 0 3px}
.tour_board_con li span.home  a {display:block; overflow:hidden; padding-left:22px; letter-spacing:-0.8px;}

.tour_board_content {overflow:hidden; margin-top:30px; margin-bottom:30px;}


@media(max-width:767px){
.tour_board_con li {margin-top:10px;}
.tour_board_con li p,
.tour_board_con li span{width:100%;}
.tour_board_con li > span{padding-left:30px}
}


/*문화재*/

img {
    max-width: 100%;
    border: 0;
    vertical-align: top;}

.cultural_pic img { height:205px;}


#cultural_wrap{width:100%;/*display:inline-block;*/}
.culture_intro{margin:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.culture_box{float:none;width:auto;}
.culture_box .cont{float:left;margin-left:20px;width:248px;}
.culture_box figure{float:left;margin:0;}
.culture_box figure img{width:100%;height:205px;}
.culture_box b{padding:0;text-align:left;text-indent:0}	
.culture_box p.txt{text-align:left;}


#cultural_wrap:after{content:"";display:block;visibility:hidden;clear:both;}
.cultural_box{position:relative;margin:0 -1px -1px 0; padding:10px;border:1px solid #ddd;margin-bottom:15px}
.cultural_box:after{content:"";display:block;visibility:hidden;clear:both;}
.cultural_box .cultural_pic{position:relative;width:93.5%;height:205px;margin: 0;background:#eee;text-align:center;}
.cultural_box dl{padding:10px; height:185px;}
.cultural_box dl dt{margin:10px 0 15px;font-size:17px;color:#333;font-family: 'nsr';}
.cultural_box dl dd{margin-bottom:10px;padding-left:30px;background:url(/images/02_tour/common/program_icon.png) no-repeat;font-size:13px;color:#555;line-height:20px;}

.cultural_box dl dd.subject{background-position:0 0;}
.cultural_box dl dd.num{background-position:0 -42px;}
.cultural_box dl dd.dy{background-position:0 -303px;}
.cultural_box dl dd.add{background-position:0 0;}
.cultural_box dl dd.tm{background-position:0 -528px;}
.cultural_box dl dd.mc{background-position:0 -351px;}
.cultural_box dl dd.ps{background-position:0 -470px;}

.cultural_box figure{height:202px;}
.cultural_box figure:after{content:"";display:block;visibility:hidden;clear:both;}
.cultural_box .over{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 5;}
.cultural_box .over .bg_over{display:block;position:relative;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.cultural_box .over .bg_point{position:absolute;top:35%;left:40%;width:65px;height:65px;background:url(/images/02_tour/common/ov_btn.png) no-repeat;}

.cultural_box .cultural_pic {overflow: hidden;position: absolute;height: 205px;margin: 0 auto;background: #eee;text-align: center;}
.cultural_box .cultural_info{margin-top: 200px;}

.cultural_box:hover  img, 
.cultural_box:focus  img{transform: scale(1.3,1.3);}

.cultural_box  img
 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


@media only screen and (min-width:768px) {
	/*#cultural_wrap{margin-left:-2%}*/
	.cultural_box{float:left;height: 440px;margin:0 0.4% 2%;width:45%;}
}


@media only screen and (min-width:1280px) {
	.cultural_box{float:left;width:30%}	
}
                                                                                        
/*사적지*/

.ul_sjj_tab{position: relative;height:2000px}
.ul_sjj_tab *{box-sizing: border-box;}
#txt .ul_sjj_tab h5{position: relative;width:50%;float:left;margin:0;padding-left:0;text-align: center; }
.ul_sjj_tab .obj{position: absolute;top:150px;}

#txt .ul_sjj_tab h5:nth-of-type(1),
#txt .ul_sjj_tab h5:nth-of-type(2){margin-bottom:-1px;}
#txt .ul_sjj_tab h5:nth-of-type(2),
#txt .ul_sjj_tab h5:nth-of-type(4){margin-left:-1px;}

@media(min-width:767px){
.ul_sjj_tab .obj{position: absolute;top:80px;}	
#txt .ul_sjj_tab h5{width:20%;}
#txt .ul_sjj_tab h5:nth-of-type(2),
#txt .ul_sjj_tab h5:nth-of-type(3),
#txt .ul_sjj_tab h5:nth-of-type(4),
#txt .ul_sjj_tab h5:nth-of-type(5){margin-left:-1px;}
}


#txt .ul_sjj_tab h5 a{display:inline-block;width:100%;height:100%;padding:15px 0;border:1px solid #ddd;}
#txt .ul_sjj_tab h5 a:hover{color:#F54F23;}
#txt .ul_sjj_tab h5 a.ov{ border:1px solid #F54F23;background-color:#F54F23;color:#fff;}

.ul_sjj_tab .character span {
    display: block;
    margin: 0 auto 30px;
	text-align: center;
}
.ul_sjj_tab .character span img {
    height: 233px;
    border: 2px solid #ddd;
    max-width: 100%;
}

@media(min-width:767px){
.ul_sjj_tab.ht_auto .character span img {width:100%} /*2017.7.4 불교문화 수정사항*/
}

.ul_sjj_tab  h6{position:relative;margin:0px 0px 25px;padding-left:15px;font-size: 22px;  line-height: 22px;color:#f54f23;}
/*
.ul_sjj_tab  h6:before{content:""; display: inline-block; position: absolute;top:15px;left: 0px;width:7px;height:7px;border-radius: 50%;background-color:#f54f23;}
*/
.ul_sjj_tab  h6:before{content:""; display: inline-block; position: absolute; width: 10px;
height: 20px;left: 0;background:url(/images/02_tour/common/h4_bul.png) no-repeat 0 7px;}
.ul_sjj_tab.tab4  h6{position:relative;margin:40px 0 25px;padding-left:15px;font-size: 22px;  line-height: 22px;color:#f54f23;}
.ul_sjj_tab.tab4  h6:before{content:""; display: inline-block; position: absolute; width: 10px;
height: 20px;left: 0;background:url(/images/02_tour/common/h4_bul.png) no-repeat 0 7px;}
/*{content:""; display: inline-block; position: absolute;top:15px;left: 0px;width:7px;height:7px;border-radius: 50%;background-color:#f54f23;}*/

.ul_sjj_tab .ico_list{margin-bottom: 30px}
.ul_sjj_tab .ico_list li{margin-bottom:10px; line-height: 33px;}
.ul_sjj_tab .ico_list em{display: inline-block;width:33px;height:33px;margin-right:10px;background:url(/images/02_tour/common/uj_ir.png) no-repeat; }
.ul_sjj_tab .ico_list em.ico2{background-position-y:-33px;}
.ul_sjj_tab .ico_list b{display: inline-block;width:60px;}

@media only screen and (min-width:768px) {	
	.ul_sjj_tab{height: 800px;}
	.ul_sjj_tab .character{margin-top:20px; width:100%;}
	.ul_sjj_tab .character:after{content:"";display:block;visibility:hidden;clear:both}
	.ul_sjj_tab .character h3{margin-top:0}
	.ul_sjj_tab .character span{float:left;width: 35%;margin-right:2%;text-align: left;}
	.ul_sjj_tab .character_cont{float:right; width:60%;}
}

.tp_brdr{margin-top:10px;padding-top:30px;border-top:3px solid #F75A21;}


.ul_sjj_tab .tp_brdr b{display:block;margin-bottom:20px;font-size:24px;font-weight: normal;}
.ul_sjj_tab .tp_brdr p{margin-bottom:10px;font-size:15px;color:#888;word-wrap:break-word;word-break:keep-all;}


.ul_sjj_tab .intro_txt{margin-bottom:20px;font-size:15px;color:#666;word-wrap:break-word;word-break:keep-all;}

/*역사적인물 _ wd50% 아코디언*/
.foreignwrap.list_wrap:after{content:"";display: block;visibility:hidden;clear:both;}
.foreignwrap.list_wrap .sec1,
.foreignwrap.list_wrap .sec2{width:100%}
.foreignwrap.list_wrap [class^="box"]{margin-bottom:15px;background:#fff;border:1px solid #d8d9d9;}
.foreignwrap.list_wrap .box h3{padding:10px 0 3px 0;line-height:60px;font-size:17px;letter-spacing: -1px}
.foreignwrap.list_wrap .box h3 span{position:relative;display:inline-block;float:left;overflow:hidden;width:54px;height:54px;margin-right:20px; margin-top:3px;background:url(/images/02_tour/common/no_icon.png) no-repeat 50% 50%;overflow:hidden;border-radius:100%;}
.foreignwrap.list_wrap .box h3 span img {position:absolute;height:100%;width:auto;}
.foreignwrap.list_wrap .box h3 a{display:block;padding-left:20px;background:url(/images/02_tour/common/uia_arr_ov.png) no-repeat 95% 50%;}
.foreignwrap.list_wrap .box h3 a:hover span img {display:none}
.foreignwrap.list_wrap div.box{width: 100%;padding:0px 0px 10px;} 

.foreignwrap.list_wrap .box .comm_list{display:none;padding:20px;border-top: 1px solid #FFC9BB;}
.foreignwrap.list_wrap .box.show{border:1px solid #F54F23;}
.foreignwrap.list_wrap .box.show h3 a{padding-bottom: 5px;background:url(/images/02_tour/common/uia_arr.png) no-repeat 95% 50%;}

.foreignwrap.list_wrap .box .comm_list .list_1st li{margin-left:0;}
.foreignwrap.list_wrap .box .comm_list p{margin: 10px 0px 25px;}

@media only screen and (min-width:768px) {
.foreignwrap.list_wrap .sec1{float:left;width:48%;padding:0 10px 0 0;}
.foreignwrap.list_wrap .sec2{float:right;width:48%;padding:0 10px 0 0;}
}

.foreignwrap.list_wrap .box h3 em.bar{display: inline-block;width:1px; height:10px; background-color: #ccc; margin:25px 10px;}

.foreignwrap.list_wrap .box h2 span{position:relative;display:inline-block;float:left;overflow:hidden;width:65px;height:65px;margin-right:20px;margin-top:-19px;background:url(/images/02_tour/common/no_icon.png) no-repeat 50% 50%;overflow:hidden;border-radius:100%;}
.foreignwrap.list_wrap .box h2 span img {position:absolute;height:100%;width:auto;}



/* 유형문화재(소유자) */
.sub04020201 .cultural_box dl{height: 220px;}
.sub04020201 .txt_long .ps{letter-spacing: -1px;}


/*유적지체험관광*/
.ul_sjj_tab.ht_auto{height:auto;}
.ul_sjj_tabht_auto .character span img{height:auto;}
.btn_go{display: inline-block;padding:10px;padding-top:13px;border:1px solid #ddd;}
.btn_go:hover,
.btn_go:active,
.btn_go:focus{border:1px solid #F54F23;color:#F54F23;}

.bd_b{padding:10px 0 20px;border-bottom:1px solid #ddd;}
.bd_b:last-child{border-bottom:0;}


@media only screen and (max-width:767px) {
.btnWrap{text-align: center;}
}

/*음식*/

.foreignwrap.list_wrap.w100 .sec1{width:100%;}
.foreignwrap.list_wrap.w100 [class^="box"]{margin:-1px 0px 0px;}
.foreignwrap.list_wrap.w100 .box.show{border: 1px solid #d8d9d9;}
/*.foreignwrap.list_wrap.w100 .box h3 {padding: 10px 0 5px;line-height: 35px;}*/


.vl_food b {display:inline-block;margin-right:10px;padding:3px 8px;width:55px;height:22px;border:1px solid #107902;border-radius:16px;font-size:13px;font-weight:normal;line-height:23px;text-align:center;color:#107902;}
.vl_food b.long{width:auto;}
.vl_food .stit {padding:0 0 20px;}
#txt .vl_food p{margin-bottom:10px}
.vl_food .stit b {border:1px solid #0057b9;color:#0057b9;}
.foreignwrap.list_wrap.w100 .box .comm_list p{line-height: 28px;}

.txt_center{margin-bottom:10px;text-align: center;}

.vl_food img{height:auto;}



/* 오시는길 */
.map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}
.box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{display:block;margin:0;padding:0;background:none;}
.box_local .lst_local{display:inline-block;float:none;padding-left:34px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:10px 0;background-color:#45495b;border-radius:0;color:#fff;font-size:13px;text-align:center;}

.cont_box{position:relative;overflow:hidden;padding-left:0;border-bottom:1px solid #d7d7d7;}
.cont_box h3{display:none;}
.cont_box h4{margin-top:30px;padding:30px 0 0;background:none;color:#000;font-size:17px;border-top:1px dashed #ddd;}
.cont_box h4:first-child{margin-top:0;padding-top:0;border-top:0;}
.cont_box h5{display:inline-block;margin:15px 0 10px 0;padding:2px 13px 0;background:#fef7e3;border-radius:15px;color:#333;font-size:15px;text-align:center;}
.cont_box .cont_txt{padding:30px 10px 30px;}
.cont_box .cont_txt p.txt-bul{padding-left: 11px; background: url(/images/02_tour/sub06/list_bul1.png) no-repeat 0 9px;}



@media all and (min-width:1200px){
	.cont_box .cont_txt .bustime li{width:18%;}
}
@media all and (min-width:1024px) {
	.cont_box{padding-left:270px;min-height:234px;}
	.cont_box h3{top:45px;}
	.cont_box .cont_txt{padding:45px 0;}
}

@media all and (min-width:768px) {
	.cont_box{padding-left:240px;min-height:204px;}
	.cont_box h3{display:block;position:absolute;top:45px;left:0;margin:0;padding:0;width:177px;font-size:16px;line-height:22px;text-align:center;}
	.cont_box h3 em{display:inline-block;font-size:14px;}
	.cont_box h3 .icon0410{display:inline-block;margin:0 21px 0 0;width:70px;height:70px;background:url(/images/02_tour/sub06/icon_0410.png) no-repeat;vertical-align:middle;}
	.cont_box h3 .icon0410.car{background-position:0 0;}
	.cont_box h3 .icon0410.subway{background-position:-70px 0;}
	.cont_box h3 .icon0410.bus{background-position:-140px 0;}
	.cont_box h3 .icon0410.airbus{background-position:-210px 0;}
	.cont_box h3 .icon0410.air{background-position:-280px 0;}
	.cont_box h3 .icon0410.ship{background-position:-370px 0;}
	.cont_box h4{margin-top:40px;padding-top:40px;}
	.roll_loca .grap{height:60px;}
	.roll_loca .grap .obj a{padding:8px 0;}
	.roll_loca .grap .obj a em{display:block;}
	.roll_loca p.control a{height:60px;}
	.box_local{padding:40px 150px 40px 50px;}
	.box_local h2{display:inline-block;float:left;position: relative; margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#000;font-weight:bold;background:none;}
	.box_local h2 span{display:block;}
	.box_local h2:before,
	.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/02_tour/sub06/sub10_ico.png) no-repeat;}
	.box_local h2:before{left:-10px;background-position:0 -42px;}
	.box_local h2:after{right:-10px;background-position:-12px -42px;}
	.box_local h2 span{font-size:18px;line-height:20px;color:#F75A21;font-weight:bold;font-family:'nsr','Malgun Gothic';}
	.box_local .lst_local{padding-top:0;}
	.box_local .lst_local li{position:relative;text-align:left;}
	.box_local .lst_local li b {margin-right:5px;}
	.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
	.box_local .lst_local li.last a {display:inline-block;height:80px;width:100px;padding:20px 0 0;background-color:#45495b;border-radius:50%;color:#fff;font-size:13px;text-align:center;}
	.box_local .lst_local li .ico_local{background:url(/images/02_tour/sub06/sub10_ico.png) no-repeat;}
	.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 3px;background-position:0 0;}
	.cont_box h3 .icon0410{display:block;margin:0 auto 10px;}
	.cont_box .cont_txt{padding:50px 0;}
	.cont_box .cont_txt .bustime li{width:23%;}
}
@media(max-width:750px) {
	.box_local .lst_local{padding-left:0;}
}


/* 오시는길 */
#txt .box_local .lst_local{display:block;}
#txt .box_local .lst_local li b{margin-right:10px;}
#txt .box_local .lst_local li.last a{margin:0 auto;width:260px;}

@media all and (min-width:751px){
	#txt .box_local .lst_local{padding-left:0;}
}	

@media all and (min-width:768px){
	#txt .box_local .lst_local{display:inline-block;padding-left:34px;}
	#txt .box_local .lst_local li.last a{width:100px;}
}        


/*탑박스*/

#sb_top_box{padding:30px;margin-bottom:50px;border-bottom:6px solid #4b4347;}
#sb_top_box h4{position:relative;font-size:24px;padding-left:0;color:#333;}
#sb_top_box h4 span.pnt{color:#f54f23}
#sb_top_box h4:before{content:"";display: block;position: absolute;top: -20px;left: -20px;width:18px;height:11px;border-radius:0;background: url(/images/02_tour/common/top_bul.png) no-repeat}

@media (min-width:768px) {
#sb_top_box p{width:65%;}
.sb_top_box{min-height: 100px;padding:30px 230px 30px 30px;background: url(/images/02_tour/sub03/sub03_05_03_02_top.png) no-repeat 95% top;}

.sb_top_box.sub06_02_01{background: url(/images/02_tour/sub06/sub06_02_01_top.png) no-repeat 95% top;}
.sb_top_box.sub06_02_02{background: url(/images/02_tour/sub06/sub06_02_02_top.png) no-repeat 95% top;}
.sb_top_box.sub06_02_03{background: url(/images/02_tour/sub06/sub06_02_03_top.png) no-repeat 95% top;}
.sb_top_box.sub06_05{background: url(/images/02_tour/sub06/sub06_05_top.png) no-repeat 95% top;}

.sb_top_box.sub04_02_01_01{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_01_02{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_01_03{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_01_04{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_01_05{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}

.sb_top_box.sub04_02_02_01{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_02_02{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_02_03{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}

.sb_top_box.sub04_02_04{background: url(/images/02_tour/sub04/sub04_02_04_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_05{background: url(/images/02_tour/sub04/sub04_02_05_top.png) no-repeat 95% top;}
.sb_top_box.sub04_02_08{background: url(/images/02_tour/sub04/sub04_02_08_top.png) no-repeat 95% top;}


.sb_top_box.sub03_05_03_02{background: url(/images/02_tour/sub03/sub03_05_03_02_top.png) no-repeat 95% top;}
.sb_top_box.sub03_05_03_03{background: url(/images/02_tour/sub03/sub03_05_03_03_top.png) no-repeat 95% top;}
.sb_top_box.sub03_05_03_04{background: url(/images/02_tour/sub03/sub03_05_03_04_top.png) no-repeat 95% top;}

.sb_top_box.sub05_03_01{background: url(/images/02_tour/sub05/sub05_03_01_top.png) no-repeat 95% top;}
.sb_top_box.sub05_03_02{background: url(/images/02_tour/sub05/sub05_03_02_top.png) no-repeat 95% top;}


}

/*------탑박스 버튼 추가*/
.b_wrap {display:block; margin-top:20px;}
.b_wrap .gobtn{display:block; width:200px;margin-top:10px;padding: 7px 20px 7px 18px; border:1px solid #ddd;background: url(/images/02_tour/common/btn_arrw.png) no-repeat 90% center;}
.b_wrap .gobtn:hover{border-color:#aaa;font-style:italic;text-decoration:underline;}


/*주요행사*/

.m_pro{overflow:hidden;position:relative;height:auto;margin-bottom:50px;}
.m_pro .img_wrap{position:relative;margin-top:20px;text-align: center;}

@media (min-width:768px) {
.m_pro .txt_wrap{float:left; width:55%;}
.m_pro .img_wrap{float:right; width:40%; margin-top:0px;}
}

/*1330*/

.bx_3{margin-top:50px;}
.bx_3 .bx_li{margin-bottom:50px;}
@media (min-width:768px) {
.bx_3 .bx_li{float:left;width:32%;margin-right:1%;}
}

#txt .bx_3 .bx_li h4{margin-top:20px;padding-left:0;text-align: center;}
.bx_3 .bx_li p{text-align: center;}
#txt .bx_3 .bx_li h4:before{background: none;}

.bx_3 .bx_li .ico_wrap{width:100%;text-align: center;}
.bx_3 .bx_li .ico_wrap span{display: inline-block;width:88px;height:88px;border-radius:50%;background: #CCC8C4 url(/images/02_tour/common/uj_ir.png) no-repeat -97px 20px;}
.bx_3 .bx_li .ico_wrap span.ico2{background-position:-173px 27px}
.bx_3 .bx_li .ico_wrap span.ico3{background-position:-238px 23px}



/*울진백과*/

.beackgowa .list_1st{position:relative;margin-bottom: 80px;}
.beackgowa .list_1st li{position:relative;}
.beackgowa .list_1st > li{margin-top:120px;}
.beackgowa li .ico_wrap{position: absolute;width: 100%;left: -10px;text-align: center;}
.beackgowa li .ico_wrap span{display:inline-block;width:63px;height:63px;margin: -90px auto 0;;border-radius: 50%;background:#CCC8C4 url(/images/02_tour/common/uj_ir.png) no-repeat 18px -70px}
.beackgowa li .ico_wrap span.ico2{background-position:13px -130px;}
.beackgowa li .ico_wrap span.ico3{background-position:10px -188px;}
.beackgowa li .ico_wrap span.ico4{background-position:15px -245px;}
.beackgowa li .ico_wrap span.ico5{background-position:13px -312px;}
.beackgowa li .ico_wrap span.ico6{background-position:12px -362px;}
.beackgowa li .ico_wrap span.ico7{background-position:12px -414px;}


@media (min-width:768px) {
.beackgowa .list_1st{position:relative;padding-left:120px;margin-top:30px;}
.beackgowa .list_1st li{position:relative;margin-top:0px;}
.beackgowa .list_1st > li{margin-bottom: 30px;}
.beackgowa li .ico_wrap{position:relative;top: 15px;}
.beackgowa li .ico_wrap span{display:block;position: absolute; top:-15px; left:-120px;margin:auto;}

}


/*관광지도*/

.tr_map .detail_title .info{width: 80%; background:0; text-align: center;}
.tr_map .detail_title .bg{background-color:#463f3f;}
.tr_map .lttr_skip.ttl_img{width:90%;min-height:127px; background:url(/images/02_tour/sub06/map_ttl.png) no-repeat; background-size: 90%; text-indent:-9999px;}
.tr_map .detail_title .dw_btn{padding: 15px 10%;border: 2px solid #fff;text-align: center;color: #fff;font-size:17px;}
.tr_map .detail_title .dw_btn span {display: inline-block;width: 25px;height: 25px;
margin-left: 20px;background: url(/images/02_tour/common/uj_ir.png) no-repeat -55px 1px;}

@media (min-width:768px) {
.tr_map .detail_title{margin-left:60%;}
.tr_map .detail_title,
.tr_map .detail_info .focus_image img{height:458px;}
.tr_map .detail_info {margin-top: -458px;}
.tr_map .lttr_skip.ttl_img{margin-top: 30px;}
}

@media (max-width:768px) and  (min-width:500px) {
.tr_map .lttr_skip.ttl_img{background-size:auto;}
}

@media (max-width:500px) {
.tr_map .lttr_skip.ttl_img{background-size: 80% auto;}
}

/*멀티미디어*/
.multi .cultural_box{height:auto}
.multi .cultural_box dl{height:65px;}
.multi .cultural_box dl dt{font-size:18px;}
.multi .cultural_box dl dt.subject span{display: block; margin-bottom:10px; font-size: 14px;font-weight: 600;color:#F75A21;}

.multi .mul_btn{display:inline-block;float:right;width:41px;height:41px;margin-top:-50px;background: url(/images/02_tour/common/uj_ir.png)  no-repeat -115px -425px;} 
.multi .mul_btn.btn2{background-position:-197px -425px; }
.multi .cultural_box>a:hover .mul_btn.btn1{background-position:-156px -425px; }
.multi .cultural_box>a:hover .mul_btn.btn2{background-position:-238px -425px; }


.multi .cultural_box:hover img, .multi .cultural_box:focus img {transform: none}



/*지역명소명인*/

.lc_map .localwrap{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_01_map2.png) no-repeat 8% 40px;}
.lc_map .localwrap.map2{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_02_map2.png) no-repeat 8% 40px;}
.lc_map .localwrap.map3{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_03_map2.png) no-repeat 8% 40px;}
.lc_map .localwrap.map4{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_04_map2.png) no-repeat 8% 40px;}

.lc_map .localwrap ul{padding-left:43%;padding-top: 30px;width: 55%;}
.lc_map .localwrap .city{ margin-bottom:10px;letter-spacing: -1px}
.lc_map .localwrap .city:hover{text-decoration: underline}
.lc_map .localwrap .city a{font-size:15px;font-family:'nsr'}
.lc_map .localwrap .city a:hover{color:#F75A21;}
.lc_map .localwrap .city .crcl{float:right;display: inline-block; width:40px;height:25px;border-radius: 10px; background:#4B4348; font-size:14px; color:#fff;line-height:25px;text-align: center;font-weight: 600;}
.lc_map .localwrap .city a.ov .crcl,
.lc_map .localwrap .city a:hover .crcl{background:#F75A21;}
.lc_map .localwrap .city a:hover .crcl{transition:all 300ms ease-out}
.lc_map .localwrap .city:before{content:"";display:block;position:absolute;height:1px; background: #C6C6C6;z-index: 1;}
.lc_map .cultural_box{height: auto;}
.lc_map .cultural_box dl {position:relative;height: 45px;}
.lc_map span.btnwrap{position: absolute;bottom: 10px;right: 10px;padding: 5px 10px;border: 1px solid #ddd;}
.lc_map .cultural_box a:hover span.btnwrap{border: 1px solid #F54F23;color:#F54F23;transition:all 300ms ease-out} 

@media (min-width:570px) {
.lc_map .localwrap ul{width: auto;padding:0;}
.lc_map .localwrap .city{margin-bottom:0px;}
.lc_map .localwrap .city:hover{text-decoration: none;}
.lc_map .localwrap .city .crcl{float:none;display: inline-block; width:53px;height:53px;border-radius: 50%; background:#4B4348; font-size:14px; color:#fff;line-height:53px;text-align: center;font-weight: 600;}
}

@media(max-width:768px) and (min-width:570px) {
.lc_map .localwrap{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_01_map2.png) no-repeat 40px 40px;}
.lc_map .localwrap.map2{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_02_map2.png) no-repeat 40px 40px;}
.lc_map .localwrap.map3{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_03_map2.png) no-repeat 40px 40px;}
.lc_map .localwrap.map4{position:relative;width:100%; height: 180px; padding:30px 0;border:1px solid #ddd; background:url(/images/02_tour/sub04/sub04_03_01_04_map2.png) no-repeat 40px 40px;}

.lc_map .localwrap ul{position:relative;padding:10px 40px 10px 150px;}
.lc_map .localwrap ul li{float:left;width:23%;margin:40px 0 40px 1.5%;text-align: center;letter-spacing: -1px;}
.lc_map .localwrap .city .crcl{position: absolute;top:93px;margin-left:3%;}

}


@media (min-width:769px) {
.lc_map .localwrap{position:relative;width:100%; height: 487px; padding:30px 0;border:1px solid #ddd; background:#F8F8F8 url(/images/02_tour/sub04/sub04_03_01_01_map1.png) no-repeat center;}
.lc_map .localwrap.map2{position:relative;width:100%; height: 487px; padding:30px 0;border:1px solid #ddd; background:#F8F8F8 url(/images/02_tour/sub04/sub04_03_01_02_map1.png) no-repeat center;}
.lc_map .localwrap.map3{position:relative;width:100%; height: 487px; padding:30px 0;border:1px solid #ddd; background:#F8F8F8 url(/images/02_tour/sub04/sub04_03_01_03_map1.png) no-repeat center;}
.lc_map .localwrap.map4{position:relative;width:100%; height: 487px; padding:30px 0;border:1px solid #ddd; background:#F8F8F8 url(/images/02_tour/sub04/sub04_03_01_04_map1.png) no-repeat center;}

.lc_map .localwrap .city a{line-height:35px;font-size:24px;text-shadow: 1px 1px 1px #fff;}

.lc_map .localwrap .city{position:absolute;letter-spacing: -1px;}
.lc_map .localwrap .local1{right:10%;top:50px;}
.lc_map .localwrap .city .crcl{text-shadow: none;z-index: 5;}
.lc_map .localwrap .local1 .crcl{float:right;margin-left:10px}

.lc_map .localwrap .local2{left:3%;top:200px;}
.lc_map .localwrap .local2 .crcl{margin-right:10px;}

.lc_map .localwrap .local3{right:8%;top:278px;}
.lc_map .localwrap .local3 .crcl{float:right;margin-left:10px;}

.lc_map .localwrap .local4{left:20%;top:410px;}
.lc_map .localwrap .local4 .crcl{margin-right:10px;}

.lc_map .localwrap .local1:before{left:-16%; top:35px;width:78%;}	
.lc_map .localwrap .local2:before{left:20%; top:36px;width:80%;}
.lc_map .localwrap .local3:before{left:3%; top:37px;width:68%;}
.lc_map .localwrap .local4:before{left:22%;top: 34px;width: 85%}

}

@media (min-width:1300px) {
	.lc_map .localwrap .local1:before{left:-60%; top:35px;width:131%;}
	.lc_map .localwrap .local2:before{left:19%; top:36px;width:128%;}
	.lc_map .localwrap .local3:before{left:-55%; top:36px;width:126%;}
	.lc_map .localwrap .local4:before{left:23%;top: 34px;width: 118%}
}


/* sns */
#snshub_head{position:relative;overflow:hidden}
#snshub_head:before{display:block;content:"";position:absolute;left:0;top:50%;z-index:-1;width:100%;height:1px;background-color:#7A3A3D;}

#snshub_head .head_button{float:left;padding-left:1px}
#snshub_head .head_button:after{content:"";display:block;clear:both}
#snshub_head .head_button a{float:left;padding:10px 45px;margin-left:-1px;border:1px solid #ddd;background:#f7f7f7;color:#5c5c5c}
#snshub_head .head_button a.ov,#snshub_head .head_button a:focus,#snshub_head .head_button a:hover{position:relative;color:#fff}
#snshub_head .head_button .fb.ov,#snshub_head .head_button .fb:focus,#snshub_head .head_button .fb:hover{border-color:#052B4E;background-color:#052B4E}
#snshub_head .head_button .nb.ov,#snshub_head .head_button .nb:focus,#snshub_head .head_button .nb:hover{border-color:#55b126;background-color:#55b126}
#snshub_head .head_button .tw.ov,#snshub_head .head_button .tw:focus,#snshub_head .head_button .tw:hover{border-color:#33ccff;background-color:#33ccff}

#snshub_head .head_snslink{float:right}
#snshub_head .head_snslink .fleft{float:left}
#snshub_head .head_snslink .snslink_title{margin-right:15px;font-size:20px;color:#000}

#snshub_head .head_snslink a{width:33px;height:33px;margin-left:7px;background:url(/images/kor/sub07/bg_sns.png) no-repeat}
#snshub_head .head_snslink a:first-child{margin-left:0}
#snshub_head .head_snslink .fb{background-position:0 0}
#snshub_head .head_snslink .nb{background-position:-50px 0} 
#snshub_head .head_snslink .tw{background-position:-100px 0}

#snshub_body{}
#snshub_body .body_grap{position:relative;margin:25px -8px 50px} 
#snshub_body .body_grap:after{content:"";display:block;clear:both}
#snshub_body .box{float:left;width:23.3%;overflow:hidden;border:8px solid transparent;transition:all 300ms ease-in-out}
#snshub_body .box a{display:block;overflow:hidden;padding:15px;border:1px solid #ddd}
#snshub_body .box .box_thumb{position:relative;/*overflow:hidden;*/padding-top:56%}
#snshub_body .box .box_thumb div{position:absolute;top:0;left:0;width:300%;height:100%;margin-left:-100%;text-align:center}
#snshub_body .box .box_thumb img{display:inline-block;max-width:none;height:100%; width:220px}
#snshub_body .box .box_pt{margin-top:10px}
#snshub_body .box .pt_title{display:block;font-size:16px;color:#000}
#snshub_body .box .pt_text{margin:20px 0;word-break:break-all;text-align:justify;font-size:14px;color:#434343}
#snshub_body .box .pt_date{padding-right:20px;background:url(/images/kor/sub07/pt_date.gif) no-repeat 100% 50%;color:#aaa}

#moreList{text-align:center}
#moreList a{display:none;width:100%;max-width:280px;padding:15px 20px;border:1px solid #ddd;background:#f7f7f7;color:#000}
#moreList a:hover{background: #F54F23;color: #fff;transition:all 300ms ease-out}
#moreList a:first-child{display:inline-block}
/*
#moreList .plus{display:inline-block;width:13px;height:13px;margin-left:15px;background:url(/images/kor/sub07/snshub_icon_plus.png) no-repeat}
*/
@media(max-width:1430px){
	#snshub_body .box{width:30%}
}

@media(max-width:767px){
	#snshub_body .box{width:45%}
}

@media(max-width:480px){
	#snshub_body .box{width:92%}
}





/* 울진을 이야기하다 - 테마여행*/
.thema_tab{}
.thema_tab ul{overflow:hidden}
.thema_tab ul li{float:left;width:33.3%}
.thema_tab ul.col2 li{width:50%}
.thema_tab ul li a{display:block;overflow:hidden;font-size:1.28em;padding:10px 0 10px 30px;border:1px solid #ddd;background: rgba(255,255,255,0.7);text-align: center}
.thema_tab ul li:nth-of-type(2) a,
.thema_tab ul li:nth-of-type(3) a{margin-left:-1px;}
.thema_tab ul li a:after{content:"";float:right;width:12px;height:7px;margin:10px 25px 0 0;background:url(/images/tour/sub02/icon_arrow2.png) no-repeat 100% 0}
.thema_tab ul li a.ov,
.thema_tab ul li a:hover,
.thema_tab ul li a:focus{text-decoration:none;border-color:#3f3f3f;background:#3f3f3f;color:#fff}
.thema_tab ul li a.ov:after,
.thema_tab ul li a:hover:after,
.thema_tab ul li a:focus:after{background-position:0 0}

.thema_tab ul.col5 li{width:20%}
.thema_tab ul.col6 li{width:16.5%}

.thema_obj{display:none}

.thema_head{position:relative;width:100%;max-height:322px;overflow:hidden}
#txt .thema_head h4{padding:0;margin:0;background:transparent}
.thema_head .title_focus{position:absolute;top:20%;left:0;width:100%;text-align:center}
#txt .thema_head .title_focus h4{font-family:"shm",sans-serif;font-weight:400;font-size:3.57em;color:#fff}
.thema_head .title_focus .icon{margin:15px}
.thema_head .thema_head_bg{width: 100%}

 
.thema_summary{margin:50px 0;text-align:center}
.thema_summary strong{display:block;font-weight:400;font-size:2.14em;line-height:1;letter-spacing:-2px;color:#3f3f3f}
.thema_summary strong:before,
.thema_summary strong:after{display:inline-block;margin:0 20px;vertical-align:middle;font-size:1.7em;line-height:1;color:#c2c2c2}
.thema_summary strong:before{content:"["}
.thema_summary strong:after{content:"]"}
.thema_summary strong i{display:inline-block;vertical-align:middle;margin:0 10px;font-family:"shm",sans-serif;font-size:1.5em;line-height:1;color:#000}
.thema_summary p{margin:20px 0;font-size:1.07em}
@media(max-width:1319px){
.thema_summary strong{font-size:1.78em}
.thema_summary strong:before,
.thema_summary strong:after{display:none}
}
@media(max-width:767px){
.thema_head{padding-bottom:35%;overflow:hidden}
.thema_head .title_focus{position:absolute;z-index:10;top:25%;left:0;width:100%;text-align:center}
.thema_head .title_focus img,
.thema_head .title_focus h4{display:inline-block;vertical-align:middle}
.thema_head .title_focus+img{position:absolute;top:0;left:0}

.thema_summary strong{font-size:1.42em}
.thema_summary strong i{display:block;margin:15px 0;font-size:1.78em}
.thema_summary p br{display:none}
}
@media(max-width:639px){
.thema_head{padding:0;height:250px}
.thema_head .title_focus+img{right:0;width:auto;height:250px;max-width:none}
}
@media(max-width:479px){
.thema_head{height:auto;}
.thema_head .title_focus{top:50%;margin-top:-45px;}
.thema_head .title_focus .icon{width:60px;}
.thema_head .title_focus h4{display:none;}
#txt .thema_head .title_focus + img{position:static;height:auto;}
.thema_tab ul li a{padding:10px 0 10px 10px;font-size:1em;}
.thema_tab ul li a:after{margin:7px 13px 0 0;}
.sub02_02_09 .thema_tab ul li a{padding:10px 0 10px 5px;}
.sub02_02_09 .thema_tab ul li a:after{margin:7px 7px 0 0;}
.thema_summary{margin:40px 0 50px;}


}
.mb_20{margin-bottom:20px;}
.thema_cource{position:relative;overflow:hidden;padding-bottom:70px;margin-bottom:70px;background:#e6e7e8;} 
.thema_cource ul{}
.thema_cource ul:after{content:"";clear:both;display:block} 
.thema_cource ul li{position:relative;float:left;width:25%;padding:40px 0}
.thema_cource ul li:before{content:"";display:inline-block;width:24px;height:25px;margin-right:23%;vertical-align:middle;background:url(/images/02_tour/sub01/sub01_02/icon_cource.png) no-repeat}
.thema_cource ul li:first-child:before{background:transparent}
.thema_cource ul li a{position:relative;display:inline-block;vertical-align:middle;text-align:right}
.thema_cource ul li a img{width:83px;height:83px}

.thema_cource .label{position:absolute;top:90px;left:50%;min-width:150px;margin-left:-75px;padding:3px;padding-top:5px;text-align:center;white-space:nowrap;border-radius:2px;color:#fff}
.thema_cource .next_cource{position:absolute;top:-5px;left:-175%;width:150px;text-align:center;white-space:nowrap}
.thema_cource .cource_tip{position:absolute;bottom:20px;right:20px;padding-left:25px;background:url(/images/02_tour/sub01/sub01_02/icon_tip.png) no-repeat 0 50%}

.thema_cource li.line:after,
.thema_cource li.line2:after,
.thema_cource li.line3:after{content:"";position:absolute;top:80px;left:-100px;height:3px;width:1070px;background:url(/images/02_tour/sub01/sub01_02/pattern_border.png) repeat-x}

.thema_cource.col-2 ul li{width:50%}
.thema_cource.col-2 ul li:before{margin-right:33%}
.thema_cource.col-2 .next_cource{left:-300%}
 
.thema_cource.col-3 ul li{width:33.3%}
.thema_cource.col-3 ul li:before{margin-right:26%}
.thema_cource.col-3 .next_cource{left:-200%}

.thema_cource.col-4 ul li{width:17%;margin-left:6%!important;}
.thema_cource.col-4 ul li:first-child{margin-left:0}
.thema_cource.col-4 ul li:before{margin-right:26%}
.thema_cource.col-4 .next_cource{left:-173%}


@media(min-width:690px){
	.thema_cource.col-3 ul li.cource4,
	.thema_cource.col-3 ul li.cource5,
	.thema_cource.col-3 ul li.cource6, .thema_cource.col-3 ul li.cource7{width: 23%; margin-left: 7%;}
	.thema_cource.col-3 .cource5:after{left: -380px;}

	.thema_cource.col-4 ul li.cource5,
	.thema_cource.col-4 ul li.cource9,
	.thema_cource.col-4 ul li.cource13{margin-left:6%}
	.thema_cource.col-4 ul li.cource6,
	.thema_cource.col-4 ul li.cource7,
	.thema_cource.col-4 ul li.cource8,
	.thema_cource.col-4 ul li.cource10,
	.thema_cource.col-4 ul li.cource11,
	.thema_cource.col-4 ul li.cource12{margin-left:6%}
	
	.thema_cource .label.long{left: 0;}
	.thema_cource .label.slong{left: 30%;}
}

@media(max-width:1319px){
	.thema_cource.col-4 ul li{width:25%;margin-left:8%}
	.thema_cource.col-4 ul li.cource4,
	.thema_cource.col-4 ul li.cource7,
	.thema_cource.col-4 ul li.cource10{margin-left:7%}

	.thema_cource li.line:after,
	.thema_cource li.line2:after,
	.thema_cource li.line3:after,
	.thema_cource li.difline:after{top:75px;}
	.thema_cource li.line2:after{left: -350px;}
	.thema_cource.col3 li.line2:after,
	.thema_cource.col3 li.line3:after{left:-100px}
	.thema_cource li.line3:after{left: -580px;}
	.thema_cource li.difline:after{content:"";position:absolute;top:80px;left:-100px;height:3px;width:1070px;background:url(/images/02_tour/sub01/sub01_02/pattern_border.png) repeat-x}

	.thema_cource .cource5:after{top:75px;left: -370px;}
	.thema_cource ul li a img{width:70px;height:70px}
	.thema_cource .label{top:75px}
	.thema_cource.col-4 .next_cource{left:-185%}
} 

@media(max-width:689px){
.content .thema_cource{padding:20px 30px;border:1px solid #dedede;background:#f6f6f6 none}
.content .thema_cource ul{max-width:300px;margin:30px auto}
.content .thema_cource ul li{width:100%;padding:0;margin-left:0}
.content .thema_cource ul li:before{display:block;margin:15px 0 15px 20px;transform:rotate(90deg)}
.content .thema_cource ul li:first-child:before{display:none}
.content .thema_cource ul li a{text-align:center}
.content .thema_cource img{vertical-align:middle}
.content .thema_cource img:before{content:"";display:block}

.thema_cource.col-4 ul li.cource4,
.thema_cource.col-4 ul li.cource7,
.thema_cource.col-4 ul li.cource10{margin-left: 0px;}

.thema_cource li.line:after,
.thema_cource li.line2:after,
.thema_cource li.line3:after,
.thema_cource li.difline:after{display:none} 

.content .thema_cource .label{position:static;display:inline-block;padding:5px 10px;margin:7px 0 0 15px;vertical-align:middle}
.content .thema_cource .label br{display:none}
.content .thema_cource .next_cource{top:-35px;left:30px}
.content .thema_cource .cource_tip{position:static;padding:10px 15px 10px 40px;margin-top:50px;background-color:#dedede;background-position:15px 50%}

.content .thema_cource .label em{display: block;}
}



/* 이미지명 = 컬러명 */
.thema_cource .color1{background:#afc802} /*1 덕구온천*/
.thema_cource .color2{background:#e4509c} /*2죽변항 */
.thema_cource .color3{background:#ff9c00} /*3봉평신라비 */
.thema_cource .color4{background:#8c4992} /*4연호정 */
.thema_cource .color5{background:#3b87b2} /*5민물고기생태체험관 */
.thema_cource .color6{background:#c3575a} /*6친환경엑스포공원*/
.thema_cource .color7{background:#63a863} /*7성류굴*/
.thema_cource .color8{background:#81786d} /*8망양정*/
.thema_cource .color9{background:#ff9c00} /*9해안도로(촛대바위)*/
.thema_cource .color10{background:#c3575a} /*10해월헌*/
.thema_cource .color11{background:#e4509c} /*11월송정*/
.thema_cource .color12{background:#3b87b2} /*12후포항*/
.thema_cource .color13{background:#63a863} /*13통고산자연휴양림*/
.thema_cource .color14{background:#63a863} /*14울진금강소나무숲*/
.thema_cource .color15{background:#63a863} /*15불영사*/
.thema_cource .color16{background:#63a863} /*16구수곡자연휴양림*/
.thema_cource .color17{background:#63a863} /*17향암미술관*/
.thema_cource .color18{background:#63a863} /*18백암온천*/


.thema_list .row{padding:30px 0;border-top:1px solid #dedede}
.thema_list .row:first-child{border-top-width:0}
.thema_list .row .number{position:absolute;top:8px;left:10px;width:43px;height:43px;text-align:center;padding-top:4px;font-size:1.78em;line-height:1;background:url(/images/02_tour/sub01/sub01_02/icon_flag.png) no-repeat;color:#fff;box-sizing: border-box;}
.thema_list .row .number:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.thema_list .row .pt{padding-top:20px;}
.thema_list .row .number1{background-position:0 0}
.thema_list .row .number2{background-position:0 -43px}
.thema_list .row .number3{background-position:0 -86px}
.thema_list .row .number4{background-position:0 -129px}
.thema_list .row .number5{background-position:0 -172px}
.thema_list .row .number6{background-position:0 -215px}
.thema_list .row .number7{background-position:0 -258px}
.thema_list .row .number8{background-position:0 -301px}
.thema_list .row .number9{background-position:0 -86px}
.thema_list .row .number10{background-position:0 -215px}
.thema_list .row .number11{background-position:0 -43px}
.thema_list .row .number12{background-position:0 -172px}

.thema_list .row figure{position:relative;margin:0 20px;overflow:hidden}
.thema_list .row figcaption{position:relative;min-height:214px;margin-left:250px}
.thema_list .row .thumb{float:left}
.thema_list .row .pt strong{display:block;padding:10px 0 20px;font-size:1.78em;color: #333;}
.thema_list .row .pt strong br{display:none}
.thema_list .row .pt p{padding-bottom:70px;line-height:1.3}
.thema_list .row .pt .more{position:absolute;bottom:10px;left:0;padding:7px 50px 7px 20px;font-size:1.14em;border:1px solid #cfcfcf;background:url(/images/02_tour/sub01/sub01_02/icon_arrow.png) no-repeat 150px 50%;color:#000}

.sub02_02_08 #anchor4 .more{display:none}
@media(max-width:767px){
.thema_list .row .thumb{float:none;width:auto;text-align:center}
.thema_list .row figcaption{margin-left:0}
}

/* 테마여행 > 어사박문수테마길 */
.sub02_03 .box_col{border:solid 1px #ddd}
.sub02_03 .box_col .col2{background:#f6f6f6 none repeat 0 0}
.sub02_03 .box_col .col2 p{padding:20px}
.sub02_03 .box_col .col2 p span{display:inline-block;width:72px;background:#5b5b5b none repeat 0 0;color:#fff;margin-right:20px;text-align:center}
@media(max-width:1319px){
.sub02_03 .box_col .col2 p span{display:block;margin-bottom:5px} 
}



                      

#txt h4.cnt_tit{position:relative;margin-top:30px;color:#000;font-size:32px;line-height:1.4;text-align:center;}
#txt h4.cnt_tit.no_bar:before{display:none;}
#txt .cnt_tit span{display:block;color:#5a5a5a;font-size:20px;}
#txt .cnt_tit span span{display:inline-block;margin-left:15px;color:#d65534;}
#txt .sub_tit{margin:5px 0 0;color:#614f3d;line-height:1.3;text-align:center;}
                                                                                                             
.theme_wrap{position:relative;margin:25px 0 0;}
.theme_wrap *{ box-sizing: border-box;}
.theme_wrap .theme_cnt{margin:0 -10px;}
.theme_wrap .theme_cnt .theme_cell{float:left;position:relative;width:33.3%;/*margin:0 0 47px 47px;width:260px;*/min-height:260px;}
.theme_wrap .theme_cnt .theme_cell > a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:10px solid transparent;transition: all 0.5s ease-in-out;}
.theme_wrap .theme_cnt .theme_cell > a *{transition: all 0.5s ease-in-out;}
.theme_wrap .theme_cnt .theme_cell > a .pic{position:absolute;left:0;top:0;width:100%;height:100%;}
.theme_wrap .theme_cnt .theme_cell > a .pic img{width:100%;height:100%;}

.theme_cell .ov_bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/02_tour/common/off_bg.png);}

.theme_cell .cnt{position:absolute;top:80px;left:0;width:100%;}
.theme_cell .cnt strong{display:block;margin:0 auto;width:90%;color:#fff;font-size:18px;font-weight:400;text-align:center;}
.theme_cell .cnt strong span{display:block;margin:0 auto 12px;padding:0;width:100%;color:#ffe329;font-size:14px;}
.theme_cell .cnt strong span:after{content:'';display:block;margin:5px auto 0; width:54px;height:1px;border-bottom:2px solid #ffe329;}
.theme_cell .cnt .text,
.theme_cell .cnt .more{display:none}

.theme_cell > a:hover .cnt,
.theme_cell > a:active .cnt,
.theme_cell > a:focus .cnt{top:45px;}
.theme_cell > a:hover .cnt strong span,
.theme_cell > a:active .cnt strong span,
.theme_cell > a:focus .cnt strong span{color:#fff;border-color:#fff;}
.theme_cell > a:hover .cnt .text,
.theme_cell > a:active .cnt .text,
.theme_cell > a:focus .cnt .text{display:block;margin:12px auto 0;width:90%;color:#fff;font-size:13px;text-align:center;}
.theme_cell > a:hover .cnt .more,
.theme_cell > a:active .cnt .more,
.theme_cell > a:focus .cnt .more{display:block;margin:15px auto 0;width:104px;height:30px;border:1px solid #fff;border-radius:3px;text-align:center;color:#fff;line-height:30px}
.theme_cell > a:hover .ov_bg,
.theme_cell > a:active .ov_bg,
.theme_cell > a:focus .ov_bg{background:url(/images/02_tour/common/ov_bg.png);}


@media only screen and (max-width:1000px) {
    .theme_wrap .theme_cnt .theme_cell{width:50%;min-height:300px;}
    .theme_cell > a:hover .cnt,
    .theme_cell > a:active .cnt,
    .theme_cell > a:focus .cnt{top:50px;}
}


@media only screen and (max-width:639px) {
    .theme_wrap .theme_cnt .theme_cell{width:100%;}
}                                                                         

.btn_scl{display:inline-block;width:87px;height:42px;background:url("/images/02_tour/sub/area_scroll_bg.png") no-repeat; text-indent:-999px;font-size:0;line-height:0;}

/* 울진유교문화 지역별 유적/인물*/
.sub040301 .cultural_box .cultural_info{margin-top: 0px;}
.sub040301 .cultural_box .cultural_info span.btnwrap{bottom: 25px;}               

/*성류문화제 주요프로그램 탭버튼*/
.tabmenu_top{ padding:0; margin-bottom:50px;}
.tabmenu_top:after{display:block; content:''; clear:both}
.tabmenu_top li{width: 18%; float:left; border-top:solid 1px #d1d2d6; border-bottom:solid 1px #d1d2d6}
.tabmenu_top li:first-child{border-left:solid 1px #d1d2d6}
.tabmenu_top li a{line-height:50px;vertical-align:middle;text-align:center; display:block;padding:0;margin:0; border-right:solid 1px #d1d2d6; cursor:pointer}
.tabmenu_top li.ov a ,.tabmenu_top a:hover{ background:#da3f15; color:#fff}
.tabmenu_top a span{display:block; }

@media only screen and (max-width:800px) {
    .tabmenu_top li{width: 49%;}
  .tabmenu_top li:nth-child(odd){border-left:solid 1px #d1d2d6;}	
}

.ui{overflow:hidden;position:relative;}
.ui:after{content:"";display:block;clear:both;visibility:hidden;}

.ui-guide{padding:0 2%;margin-top:30px;text-align:center}
.ui-guide .col{display:inline-block;margin:0 -2%;}
.ui-guide .col .item{width:100%;}
.ui-guide .col .item *{vertical-align:top}
.ui-guide.col3 .col{width:33.33%;float:left;margin:0;min-height:252px;}
.ui-guide .col .item .icon{position: relative;margin:0 auto;margin-bottom:20px;display:block;width:190px;height:190px;border-radius:50%;overflow:hidden;}
.ui-guide .col .item p{padding: 0 20px;margin-bottom:5px;color:#767676;word-wrap:break-word;word-break:keep-all;}
.ui-guide .col .item .bg{position:absolute;top:0;left:0;width:190px;height:190px;border-radius:50%;opacity:0.7;display:block}
.ui-guide .col .item.item1 .bg{background-color:#f54f23}
.ui-guide .col .item.item2 .bg{background-color:#5c5a68}
.ui-guide .col .item.item3 .bg{background-color:#223e99}
.ui-guide .col .item .title{position:absolute;top:60px;width:190px}
.ui-guide .col .item .title h3{width:120px;padding:0;margin:0 auto;color:#fff;word-break:keep-all;line-height:22px;font-size:16px;margin-top:10px;}
.ui-guide .col .item .title h3:before{display:none}
.ui-guide .col .item .ir-guide{display:block;height:45px;background:url(/images/02_tour/sub06/ir-sub06.png) no-repeat;margin:0 auto}
.ui-guide .col .item.item1 .ir-guide{width:45px;background-position: 0 0}
.ui-guide .col .item.item2 .ir-guide{width:45px;background-position: 0 -45px}
.ui-guide .col .item.item3 .ir-guide{width:45px;background-position: 0 -90px}


@media(max-width:639px){
    .ui-guide.col3 .col{width:100%}
} 


/*0918 * 콘텐츠 담당자 */         

.scon_bottom{border:1px solid #e2e2e2;margin:60px 0 0 0;line-height:1.25em}
.scon_bottom>div{padding:15px}
.scon_bottom .manager{background:#f8f8f8;border-bottom:1px solid #e2e2e2}
.scon_bottom .manager ul{padding-bottom:15px}
.scon_bottom .manager li{float:left; background:url("/images/01_potal/common/mng_icon.gif") no-repeat 0 6px; padding:0 10px; color:#555}
.scon_bottom .manager li:after{content:''; display:block; clear:both}
.scon_bottom .manager li:first-child{margin:0}
.scon_bottom .manager li strong{color:#000;margin:0 5px 0 0}              

@media(max-width:446px){
    .scon_bottom .manager li{float:none}
   .scon_bottom .manager ul{padding-bottom:0}
} 


/*공지사항*/

.bbs_list{width:100%;border-top:1px solid #da3f15}
.bbs_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em}
.bbs_list li a{display:block;padding:30px 0 15px 0}
.bbs_list li strong{font-weight:600;color:#000;font-size:20px;line-height:1em}
.bbs_list li strong img{margin:7px 0 0 5px}
.bbs_list li a>span{display:block;margin:10px 0 12px 0;padding:0 0 20px 0;border-bottom:1px dotted #dedede}
.bbs_list li a:hover, .bbs_list li a:focus{text-decoration:underline}
.bbs_list li em{font-style:normal}
.bbs_list li em span{margin:0 15px;font-size:5px;color:#ddd}
.bbs_list strong em{color:#f26522}

.adm_list li{position:relative}
.adm_list li a{width:90%; margin:0 0 0 8%}
.adm_list .adm_check{width:20px;height:20px;position:absolute; top:60px; left:5px}
                                                                                                                         
/* 울진군지 */
.mt_10{margin-top:10px;}
.lts{letter-spacing: -1px;}
.gunji.list_wrap *{box-sizing: border-box;}
.gunji.list_wrap{padding: 0}
.gunji.list_wrap div.box{padding: 0}
.gunji.list_wrap .comm_list{background: #f9f9f9}
.gunji.list_wrap .comm_list h4{padding:20px 0 10px 1px;border-bottom:2px solid #f54f23;}
.gunji.list_wrap .comm_list h4:first-child {margin-top:0;}

.gunji.list_wrap .comm_list .lnk_wrap{overflow:hidden;width:100%;}
.gunji.list_wrap .comm_list .lnk_wrap:after{content:"";display:block;visibility:hidden;clear:both;}
.gunji.list_wrap .comm_list .lnk_wrap li {float:left;display:block;width:48%;padding:5px;}
.gunji.list_wrap .comm_list .lnk_wrap [class^="box"]{position:relative;display:block;padding:15px 90px 15px 20px;background:#fff;border:1px solid #d9d9d9;}
.gunji.list_wrap .comm_list .lnk_wrap .box:after {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.gunji.list_wrap .comm_list .lnk_wrap .box .tit{display:block;padding:5px 0 0;font-size:13px;word-break:keep-all;font-style: normal;}
.gunji.list_wrap .comm_list .lnk_wrap .box a {position:absolute;right:20px;top:10px;font-size:13px;line-height: 37px}
.gunji.list_wrap .comm_list .bico.bticon{position:relative;top:-1px;display:inline-block;margin-right:7px;width:21px;height:24px;background:url(/images/02_tour/sub04/bg_icon.png) no-repeat;}
.gunji.list_wrap .comm_list .bico.bticon.radius{width:36px;height:36px;background-position:0px -1px;}
.gunji.list_wrap .comm_list .bico.bticon.radius .sicon{display:block;width:20px;height:36px;margin: 0 auto;background:url(/images/02_tour/sub04/bg_icon.png) no-repeat;}
.gunji.list_wrap .comm_list .bico.bticon.radius .sicon.file{background-position:-80px 0}

@media only screen and (max-width:1300px){
	.gunji.list_wrap .comm_list .lnk_wrap .long [class^="box"]{height: 73px;}
}
@media only screen and (max-width:820px){
    .gunji.list_wrap .comm_list .lnk_wrap [class^="box"]{padding:15px 20px;}
    .gunji.list_wrap .comm_list .lnk_wrap li{width:100%;}
	.gunji.list_wrap .comm_list .lnk_wrap .long [class^="box"]{height: auto;}
}
@media only screen and (max-width:500px){
    .gunji.list_wrap .comm_list .lnk_wrap .box a{position: relative;right:auto;}
}          

/*죽변항 수산물축제 - 주요행사*/
/*.img_box {background: url(/images/01_potal/common/box_bg.gif); padding: 8px; margin: 20px 0 30px 0;}
.img_box div {background: #f9f9f9;}
.img_box img {width: 100%; display: block;}

@media (min-width: 768px) {
    .img_box img {width: 50%; display: inline-block;}
}

@media (min-width: 1023px) {
    .sub03_05 div.inner:after {content: ""; clear: both; display: block;}
    .sub03_05 ul.list_1st {float: left;}
    .img_box {float: right;}
    .img_box img {width: auto; display: block;}
}*/


/*죽변항 수산물축제 - 행사배치도*/
.big_img {border: 1px solid #e1e1e1; position: relative; padding: 20px; margin: 5px 0; text-align: center;}
.big_img img {width: 100%;}
.big_img a {position: absolute; bottom: 0; right: 0; display: block; background: url(/images/01_potal/common/img_view.png) no-repeat 10px center #223e99; color: #fff; padding: 10px 10px 10px 40px;}
.sub03_map .list_1st li {background:none; float:left; width:39%;}
.sub03_map .list_1st:after {content:""; clear:both; display:block;}

@media (min-width: 768px) {
    .big_img {padding: 40px 0;}
    .sub03_map .list_1st li {width:29%;}
}

@media (min-width: 1023px) {
    .big_img img {width: auto;}
    .big_img a {display: none;}
}  
       

/*메인 타이틀*/
.taxi_inner{position:relative;max-width:1200px;margin:0 auto;padding:20px;}
.taxi_inner_wrap{background:rgba(255,255,255,0.95);border-radius:20px;}
.taxi_visual{position:relative;width:100%;height:320px;margin:-40px -40px 40px;border-radius:20px 20px 0 0;overflow:hidden;}
.taxi_bg{width:966px;height:320px;}
.taxi_bg img{width:100%;height:100%;object-fit:cover;box-shadow:0 0 20px rgba(0,0,0,0.3);}
.taxi_title{text-align:center;margin:50px 0;}
.taxi_title h1{font-size:36px;color:#1a1a1a;margin-bottom:20px;}
.taxi_desc{font-size:18px;color:#666;line-height:1.8;}

/*이용안내 스타일*/
.taxi_guide h2,
.taxi_price h2,
.taxi_contact h2{font-size:24px;margin-top:70px; margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #ddd;}
.taxi_guide .guide_list{list-style:none;}
.taxi_guide .guide_list li{margin-top:5px;display:flex;align-items:baseline;gap:10px;}
.taxi_guide .guide_list li strong{min-width:90px;}
.guide_notice{margin-top:10px;}

/*테이블 스타일*/
.price_table{margin:30px 0;overflow-x:auto;}
.price_table table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.price_table th{background:#f5f5f5;color:#333;font-weight:500;padding:15px;border:1px solid #666;text-align:center;}
.price_table td{padding:15px;border:1px solid #666;text-align:center;color:#333;}
.price_table thead{border-top:1px solid #666;}
.price_table tbody tr:last-child{border-bottom:1px solid #666;}
.price_info{position:relative;padding-left:15px;margin:20px 0;}
.price_info:before{content:"";position:absolute;left:0;}
.price_notice{color:#f54f23;margin-top:15px;font-size:15px;}

/*문의 스타일*/
.contact_list{list-style:none;}
.contact_list li{margin:10px 0;}
.contact_list li strong{margin-right:10px;}
.contact_list:last-child{margin-bottom: 100px;}

/*버튼 스타일*/
:root{--btn-bg:#f54f23;}
.taxi_button{text-align:center;margin-top:40px;}
.btn_reservation{position:relative;padding:15px 40px;font-size:18px;border:2px solid var(--btn-bg);border-radius:30px;background:transparent;color:var(--btn-bg);cursor:pointer;overflow:hidden;transition:0.6s cubic-bezier(0.77,0,0.175,1);z-index:1;}
.btn_reservation::before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f54f23;transform:scaleX(0);transform-origin:right;transition:transform 0.6s cubic-bezier(0.77,0,0.175,1);}
.btn_reservation:hover{color:#ffffff;font-weight:600;}
.btn_reservation:hover::before{transform:scaleX(1);transform-origin:left;opacity:1;}
.taxi_button a{text-decoration:none;display:inline-block;}

/*반응형 스타일*/
@media (max-width:1024px){
    .taxi_bg{width:100%;}
    .taxi_inner_wrap{padding:30px;}
    .taxi_title h1{font-size:32px;}
    .taxi_desc{font-size:16px;}
}

@media (max-width:768px){
    .taxi_inner_wrap{padding:20px;}
    .taxi_visual{height:200px;margin:-20px -20px 30px;}
    .taxi_title{margin:30px 0;}
    .taxi_title h1{font-size:24px;}
    .taxi_desc{font-size:15px;}
    .taxi_guide h2,
    .taxi_price h2,
    .taxi_contact h2{font-size:20px;}
    .guide_list li{flex-direction:column;gap:5px;}
    .guide_list li strong{min-width:auto;}
    .price_table table{min-width:700px;}
    .price_table th,
    .price_table td{padding:10px;font-size:14px;}
    .btn_reservation{padding:12px 30px;font-size:16px;}
}

@media (max-width:480px){
    .taxi_inner{padding:10px;}
    .taxi_inner_wrap{padding:15px;border-radius:15px;}
    .taxi_visual{height:150px;margin:-15px -15px 20px;}
    .taxi_title h1{font-size:20px;}
    .taxi_desc{font-size:14px;}
    .contact_list li{display:flex;flex-direction:column;gap:5px;}
    .btn_reservation{padding:10px 25px;font-size:15px;}
}