@charset "utf-8";

/*탑박스아이콘*/
.ui.uit{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #949494;background-color:#f5f5f5;}
.tp_icon {display:block;height:113px;overflow:hidden;width:113px;background:url("/images/tour/common/tp_icon.png") no-repeat;}
.tp_icon.icon1 {background-position: -113px -223px;}
.tp_icon.icon2 {background-position: -113px -113px}
.tp_icon.icon3 {background-position: -226px -113px}
.tp_icon.icon4 {background-position: -339px -113px;}
.tp_icon.icon5 {background-position: -452px -113px;}
.tp_icon.icon6 {background-position: -565px -113px;}
.tp_icon.icon7 {background-position: -678px -113px;}
.tp_icon.icon8 {background-position: -113px -562px;}
.tp_icon.icon9 {background-position: -452px -226px;}
.tp_icon.icon10 {background-position: 0 -561px;}
.tp_icon.icon11 {background-position: -113px -226px}
.tp_icon.icon12 {background-position: -226px -226px}
.tp_icon.icon13 {background-position: -339px -226px;}
.tp_icon.icon14 {background-position: -452px -226px;}
.tp_icon.icon15 {background-position: -565px -226px;}
.tp_icon.icon16 {background-position: -678px -226px;}
.tp_icon.icon17 {background-position: -791px -226px;}
.tp_icon.icon18 {background-position: -904px -226px;}
.tp_icon.icon19 {background-position: 0 -339px;}
.tp_icon.icon19 {background-position: 0 -339px;}
.tp_icon.icon20 {background-position: -113px -339px}
.tp_icon.icon21 {background-position: -226px -339px}
.tp_icon.icon22 {background-position: -339px -339px;}
.tp_icon.icon23 {background-position: -452px -339px;}
.tp_icon.icon24 {background-position: -565px -339px;}
.tp_icon.icon25 {background-position: -678px -339px;}
.tp_icon.icon26 {background-position: -791px -339px;}


.tp_icon.icon27 {background-position: -904px -339px;}
.tp_icon.icon28 {background-position: 0 -452px;}
.tp_icon.icon29 {background-position: -113px -452px;}
.tp_icon.icon30 {background-position: -226px -452px;}
.tp_icon.icon31 {background-position: -339px -452px;}
.tp_icon.icon32 {background-position: -452px -452px;}
.tp_icon.icon33 {background-position: -565px -452px;}
.tp_icon.icon34 {background-position: -678px -452px;}
.tp_icon.icon35 {background-position: -791px -452px;}
.tp_icon.icon36 {background-position: -904px -452px;}
.tp_icon.icon37 {background-position: 0 -565px;}
.tp_icon.icon38 {background-position: -113px -565px;}
.tp_icon.icon39 {background-position: -226px -565px;}
.tp_icon.icon40 {background-position: -339px -565px;}
.tp_icon.icon41 {background-position: -452px -565px;}
.tp_icon.icon42 {background-position: -565px -565px;}
.tp_icon.icon43 {background-position: -678px -565px;}
.tp_icon.icon44 {background-position: -791px -565px;}
.tp_icon.icon45 {background-position: -904px -565px;}
.tp_icon.icon46 {background-position: 0 -678px;}
.tp_icon.icon47 {background-position: -113px -678px;}
.tp_icon.icon48 {background-position: -226px -678px;}
.tp_icon.icon49 {background-position: -339px -678px;}
.tp_icon.icon50 {background-position: -452px -678px;}
.tp_icon.icon51 {background-position: -565px -678px;}
.tp_icon.icon52 {background-position: -678px -678px;}
.tp_icon.icon53 {background-position: -791px -678px;}
.tp_icon.icon54 {background-position: -904px -678px;}
.tp_icon.icon55 {background-position: 0 -791px;}
.tp_icon.icon56 {background-position: -113px -791px;}
.tp_icon.icon57 {background-position: -226px -791px;}
.tp_icon.icon58 {background-position: -339px -791px;}
.tp_icon.icon59 {background-position: -452px -791px;}
.tp_icon.icon60 {background-position: -565px -791px;}
.tp_icon.icon61 {background-position: -678px -791px;}
.tp_icon.icon62 {background-position: -791px -791px;}
.tp_icon.icon63 {background-position: -904px -791px;}
.tp_icon.icon64 {background-position: 0 -901px;}

/*빅아이콘*/
.ui.uilnk.type1 .box_col .col .bico .ico{background:url(/images/tour/common/bg_icon_lnk.png?ver=20241107)}
/*.ui.uilnk.type1 .box_col .col .bico .ico.icon2{background-position:-130px 0;}
.ui.uilnk.type1 .box_col .col .bico .ico.icon3{background-position:-260px 0;}*/




.info-descript{}
.info-descript .info_box{}
.info-descript .info_box:after{content:"";display:block;clear:both}
.info-descript .info_box>div{position:relative;width:50%}
.info-descript .info_box>.left{float:left;border-right:15px solid transparent}
.info-descript .info_box>.right{float:left;border-left:15px solid transparent}

.info-descript .info_box>.left .info_img img{width:100%}
.info-descript .info_box .left .info_txt{padding-top:107px;padding-bottom:20px;}
.info-descript .info_box .left .info_txt.temple{padding-top:0px}
.info-descript .info_box .left .info_txt p{margin-bottom:10px;color:#666;font-size:14px;line-height:1.3;}
.info-descript .info_box .left .info_txt p.last{font-size:16px;color:#121212;font-family:"nsr",sans-serif;}
.info-descript .info_box .left .info_txt p.last em{display:block;margin-top:5px;}
.info-descript .info_box .right .info_img{}
.info-descript .info_box .right .info_img img{width:100%}
.info-descript .info_box .right .mini{position:relative;margin-top:20px;}
.info-descript .info_box .right .mini.temple{width:92%;}


.info-descript .info_box>strong{display:block;margin:50px 0 50px;font-size:30px;color:#222;line-height:45px;text-align:center;font-family:"nsr",sans-serif;word-break: keep-all;font-weight:600}
.info-descript .info_box>strong span{font-size:22px;color:#121212;font-family:"nsr",sans-serif;}
.info-descript .info_box .left .info_txt.type2{padding-top:68px;height:213px;margin-bottom:60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.info-descript .info_box>.right .info_txt.type3{padding-top:35px;text-align:left}

.info-descript .info_box>.right .info_button a{position:absolute;display:block;width:96px;height:96px;border-radius:50px}
.info-descript .info_box>.right .info_button .traffic_info{top:500px;right:120px;background-color:#6f788c}
.info-descript .info_box>.right .info_button .tour_review{top:500px;right:0;background-color:#8f8a70}
.info-descript .info_box>.right .info_button .button_ico1{display:block;background:url(/images/tour/sub03/walking_button_ico1.png) no-repeat;line-height:115px;text-align:center;color:#fff;background-position:35px 20px}
.info-descript .info_box>.right .info_button .button_ico2{display:block;background:url(/images/tour/sub03/walking_button_ico2.png) no-repeat;line-height:115px;text-align:center;color:#fff;background-position:37px 20px}


/*
@media(max-width:1200px){
.info-descript .info_box .right .mini.temple .right{margin-left: 40px;}
}
*/
@media(max-width:1000px){
	.info-descript .info_box .right .mini.temple .left{width:100%}
	.info-descript .info_box .right .mini.temple .left img{width:100%}
	.info-descript .info_box .right .mini.temple{padding-left: 0;}
	.info-descript .info_box .right .mini.temple .left{position: static;}
	.info-descript .info_box .right .mini.temple .right{position: static;margin-left:0;margin-top:10px;min-height:0;}

}


/*솔향기길*/


.ui-icon-box > li{position:relative;padding:40px 30px 40px 125px;margin-top:-1px;color:#5b5b5b;line-height:20px;color:#5b5b5b;border-bottom:1px solid #ddd;}
.ui-icon-box > li strong{display:block;margin-bottom:10px;font-size:16px;font-weight:600;color:#000;}
.ui-icon-box > li strong:before{display:inline-block;content:"";position:absolute;left:25px;top:30px;width:75px;height:75px;background-image:url(/site/tour/img/sub02/ir-icon3.png);}
.ui-icon-box > li strong.ico1:before{background-position:0 0;}
.ui-icon-box > li strong.ico2:before{background-position:0 -75px;}
.ui-icon-box > li strong.ico3:before{background-position:0 -150px;}
.ui-icon-box > li strong.ico4:before{background-position:0 -225px;}
.ui-icon-box > li strong.ico5:before{background-position:0 -300px;}

.ui-simple-box{margin:0 0 15px 0;padding:10px 15px;background-color:#f4f4f4;}

@media (max-width:400px){
	.ui-icon-box > li strong:before{position:static;margin: 0 auto;display: block;margin-bottom:20px;}
	.ui-icon-box > li{padding:40px 30px;}

}


.ui.uit.type6{border:none;padding:5% 7%;}

@media (max-width:1000px){
	.ui.uit.type6{border:none;padding:5% 7% 9% 7%;}
}

@media (max-width:768px){
	.ui.uit.type6{border:none;padding:5% 7% 15% 7%;}
}

@media (max-width:550px){
	.ui.uit.type6{border:none;padding:5% 7% 0 7%;}
	.uit.type6 .txtwrap .caption-descript{visibility: hidden}
}

.ui-walking{/*margin-bottom:100px;*/margin-top:50px;}
.ui-walking:after{content:"";display:block;clear:both}
.ui-walking .walking-title{float:left;margin-left:10px;width:143px;height:143px;text-align:center;border-radius:100%;background-color:#172745}
.ui-walking .walking-title.course_2{float:left;margin-top: 30px;width:143px;height:143px;text-align:center;border-radius:100%;background-color:#162a5d}
.ui-walking .walking-title.course_3{float:left;margin-top: 30px;width:143px;height:143px;text-align:center;border-radius:100%;background-color:#162a5d}
.ui-walking .walking-title:before{content:"";display:inline-block;height:100%;vertical-align:middle}

.ui-walking .walking-title strong{display:inline-block;vertical-align:middle;line-height:1;font-weight:700;font-size:30px;color:#fff}
.ui-walking .walking-title strong i{display:block;margin-bottom:0px;font-weight:400;font-size:15px}
.ui-walking .walking-title strong span{display:block;line-height:1.2;color:#ffd800;}

.ui-walking .walking-list{margin:0px 0 0 160px;padding:40px 0;}
.ui-walking .walking-list .list-grap{position:relative;top:-39px;display:table;table-layout:fixed;width:100%}
.ui-walking .walking-list .name{position:relative;display:table-cell;vertical-align:top;text-align:center}
.ui-walking .walking-list .km{position:absolute;top:70px;right:0;margin-right:-40px;width:80px;min-width:80px;padding:3px 10px;font-size:13px;border-radius:25px;border:1px solid #ddd}
.ui-walking .walking-list .km .minute{font-size:11px;}
.ui-walking .walking-list .name .course{position:relative;width:100%;height:35px;text-align:center;line-height:1.3;color:#505050;}
.ui-walking .walking-list .name .course.space{/*padding-top: 20px;*/}
.ui-walking .walking-list .name .course:after{content:"";position:absolute;top:51px;left:0;right:0;height:1px;background-color:#8e8e8e}
.ui-walking .walking-list .name.first .course:after{content:"";left:50%;}
.ui-walking .walking-list .name.last .course:after{content:"";right:50%;}
.ui-walking .walking-list .name .course em{display:block;width:100%;font-size:16px;word-wrap:break-word;word-break:keep-all;}
.ui-walking .walking-list .name .course .pointer{position:absolute;top:48px;left:0;right:0;width:8px;height:8px;margin:0 auto;background:url(/images/tour/common/walking_point.png) no-repeat;z-index:10;}

.ui-walking .walking-info{margin-top:15px;padding-top:15px;}
.ui-walking .walking-info ul{margin-left:-2%;}
.ui-walking .walking-info ul:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-walking .walking-info ul li{float:left;margin-left:1%;padding:10px 15px;width:19%;border:1px solid #ddd;font-size:13px;letter-spacing:-1px;line-height:18px;text-align:center;}
.ui-walking .walking-info ul li b{display:block;margin-bottom:5px;font-size:15px;letter-spacing:0;line-height:20px;}

.ui-walking .walking-cont{}
.ui-walking .walking-cont h2{margin-top:40px;}
.ui-walking .walking-cont h2:first-child{margin-top:0;}
.ui-walking .walking-cont .walking-area{border-color:#ddd;border-style:solid;border-width:1px 0 0 1px;}
.ui-walking .walking-cont .walking-area:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-walking .walking-cont .walking-area li{float:left;width:50%;min-height:171px;border-color:#ddd;border-style:solid;border-width:0 1px 1px;border-left:0;}
.ui-walking .walking-cont .walking-area li figure{position:relative;padding:25px;}
.ui-walking .walking-cont .walking-area li figure.noimg{padding:35px 25px;}
.ui-walking .walking-cont .walking-area li figure:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-walking .walking-cont .walking-area li figure .thm_img{float:left;width:180px;}
.ui-walking .walking-cont .walking-area li figcaption{margin-left:200px;padding-top:15px;}
.ui-walking .walking-cont .walking-area li figure.noimg figcaption{margin-left:0;padding:0;}
.ui-walking .walking-cont .walking-area li figcaption *{display:block;}
.ui-walking .walking-cont .walking-area li figcaption b{margin-bottom:10px;color:#000;font-size:17px;line-height:20px;}
.ui-walking .walking-cont .walking-area li figcaption span{letter-spacing:-1px;line-height:18px;word-wrap:break-word;word-break:keep-all;}
.ui-walking .walking-cont .walking-area.type2 li{float:none;width:100%;}

@media(max-width:1199px) {
	.ui-walking .walking-cont .walking-area li figure .thm_img{width:150px;}
	.ui-walking .walking-cont .walking-area li figcaption{margin-left:170px;padding-top:0;}
}

@media(max-width:1023px){
	.ui-walking .walking-title.course_2{float:none;width:auto;height:auto;padding:10px;border-radius:5px; margin-top: 70px;}
	.ui-walking .walking-title.course_3{float:none;width:auto;height:auto;padding:10px;border-radius:5px; margin-top: 70px;}
	.ui-walking .walking-list{margin:80px 0 0}
	.ui-walking .walking-title{width:90%; border-radius: 35px;float:none;margin: 0 auto;margin-top: 20px;height:auto;padding:10px 0}
}

@media(max-width:767px){
	.ui-walking .walking-list{margin:80px 10px 20px}
	.ui-walking .walking-list .name{float:left;width:33.3%;height:130px}
	.ui-walking .walking-list .km{top:80px;right:0;margin-right:0;}
	.ui-walking .walking-list .km:after{content:"";position:absolute;top:-29px;left:50%;width:1px;height:29px;background:#ddd}
	.ui-walking .walking-list .course{font-size:14px}
	.ui-walking .walking-info .box_info_descript.box1{margin-top:-100px;}
	.ui-walking .walking-info .box_info_descript .wrap_info_descript{padding:0;}
	.ui-walking .walking-info .box_info_descript .wrap_info_descript h2{position:relative;top:0;left:0;padding-top:40px;width:100%;}
	.ui-walking .walking-cont .walking-area li{min-height:247px}
	.ui-walking .walking-cont .walking-area li figure .thm_img{float:none;display:block;margin:0 auto;}
	.ui-walking .walking-cont .walking-area li figcaption{margin-left:0;text-align:center;padding-top: 10px}
}

@media(max-width:480px){
	.ui-walking .walking-list .km:after{left:70%}
	.ui-walking .walking-list .name .course em{font-size:14px;}
	.ui-walking.heritage .walking-list .name .course em .long{font-size:10px;}
	.ui-walking .walking-cont .walking-area li{width:100%;min-height:0}
	.ui-walking .walking-info ul li{width:100px;height:70px}
}


/* 별미(맛) */
.taste_wrap {width:100%;margin-bottom:20px;}
.taste_wrap .taste_ti{width:100%;height:86px;margin:0 auto;text-align:center;line-height:86px;}
.taste_wrap .spring{background-color:#a6bd4c;}
.taste_wrap .summer{background-color:#4084d7;}
.taste_wrap .fall{background-color:#b08c40;}
.taste_wrap .winter{background-color:#747584;}
.taste_wrap .taste_ti strong{width:100%;font-size:22px;color:#fff}
.taste_wrap .taste_img{width:100%;height:auto;}

.focus_image {}
.focus_image img {display: block;margin:0 0 0 auto;width:100%;text-align:center;}
.focus_image .info_txt {padding:30px;background:#f9f9f9;}
.focus_image .info_txt strong{font-size:22px;color:#2452a7;line-height:22px;}

/* 관광해설 사전예약 // 탑박스 안에 list */
.ui.uit.list .inner .txtwrap li{line-height:1.6;}

/* sub02 - 태안 8경 / 항구 등등 리스트 공통 스타일 */
.ui-img-block{position:relative;margin:0 -6px}
.ui-img-block:after{content:"";display:block;clear:both}
.ui-img-block .img-item{float:left;width:25%;border:6px solid transparent}
.ui-img-block .img-item a{display:block;position:relative;padding-top:100%;overflow:hidden}
.ui-img-block .img-item .mask{z-index:1;position:absolute;bottom:0;width:100%;height:100px;background:url(/images/tour/common/ui-tumb-film.png) repeat-x}
.ui-img-block .img-item .ani{display:none;z-index:2;position:absolute;bottom:0;width:100%;height:100%;padding:20px;background:url(/images/tour/common/ui-tumb-film.png) repeat-x 0 100%}
.ui-img-block .img-item.large,
.ui-img-block .img-item.dubble{width:50%}
.ui-img-block .img-item.dubble a{padding-top:49.1%}
.ui-img-block .img-item.dubble a img{height:150%;margin-top:-5%}
.ui-img-block .img-thumb{position:absolute;top:0;left:0;width:100%;height:100%}
.ui-img-block .img-thumb div{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-img-block .img-thumb div img{max-width:none;height:100%}
.ui-img-block .img-caption{z-index:2;position:absolute;bottom:0;left:0;right:0;padding:25px;line-height:1.3}
.ui-img-block .caption-title b,
.ui-img-block .ani-title{display:block;font-weight:normal;color:#fff;}
.ui-img-block .ani-title{margin-bottom:10px;font-size:22px;line-height:20px;}
.ui-img-block .caption-title b{padding-top:3px;font-size:16px;line-height:39px;}
.ui-img-block .caption-title{position:relative;padding-left:52px;}
.ui-img-block .large .caption-title b{font-size:22px;}
.ui-img-block .caption-title .num{display:block;position:absolute;top:50%;left:0;margin:-21px 0 0;padding:12px 0 11px;width:42px;height:42px;background-color:#e53b65;border-radius:100%;color:#fff;font-family:'ntk';font-size:16px;line-height:19px;}
.ui-img-block .caption-descript,
.ui-img-block .ani-descript{display:block;font-size:16px;color:#e6e7e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-img-block .caption-descript{display:none}
.ui-img-block .ani-grap span{display:block;width:45px;margin:20px auto 0;text-align:center;border-bottom:1px solid #dadbd9;color:#fff;}
.ui-img-block .large .caption-descript{display:block}
.ui-img-block .ani{text-align:center}
.ui-img-block .ani-vertical{display:inline-block;height:100%;vertical-align:middle}
.ui-img-block .ani-grap{display:inline-block;max-width:80%;vertical-align:middle}
.ui-img-block .img-item a:hover .img-caption,
.ui-img-block .img-item a:focus .img-caption{display:none}
.ui-img-block .img-item a:hover .ani,
.ui-img-block .img-item a:focus .ani{display:block}
.ui-img-block .img-item .ani:before,
.ui-img-block .img-item .ani:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:double #fff}
.ui-img-block .img-item .ani:before{border-width:1px 0}
.ui-img-block .img-item .ani:after{border-width:0 1px}
.ui-img-block .img-item.scean7{position:absolute;bottom:0;left:0;}
.ui-img-block .img-item.scean8{}
.ui-img-block .img-item.port7{position:absolute;bottom:20%;left:0;}
@media(max-width:1000px){
	.ui-img-block .img-item,
	.ui-img-block .img-item.large,
	.ui-img-block .img-item.dubble{width:33.3%}
	.ui-img-block .img-item.dubble a{padding-top:99%}
	.ui-img-block .img-caption{padding:15px}
	.ui-img-block .caption-title b,
	.ui-img-block .large .caption-title b{font-size:18px;}
	.ui-img-block .ani-title{font-size:20px;}
	.ui-img-block .large .caption-descript,
	.ui-img-block .ani-descript{display:none}
	.ui-img-block .ani-grap{max-width:none}
	.ui-img-block .img-item.scean7,
	.ui-img-block .img-item.port7{position:relative;bottom:auto;left:auto;}
}
@media(max-width:768px){
	.ui-img-block .img-item,.ui-img-block .img-item.large,.ui-img-block .img-item.dubble{width:50%;}
	.ui-img-block .img-item a{padding-top:99%}
}
@media(max-width:480px){
	.ui-img-block .img-item,.ui-img-block .img-item.large,.ui-img-block .img-item.dubble{width:100%;}
}
@media(min-width:0px){
	.ui-img-block .img-item a *{transition:all 200ms}
	.ui-img-block .img-item .ani{display:block;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0}
	.ui-img-block .img-item .ani:before,
	.ui-img-block .img-item .ani:after{
		opacity:0;
		-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;
		transition:opacity 0.6s,-webkit-transform 0.6s,-moz-transform 0.6s,-o-transform 0.6s,transform 0.6s;}
}
/* sub02 - 태안 8경 / 항구 등등 리스트 공통 모션효과 */
.ui-img-block .img-item .ani:before{-webkit-transform:scale(0,1);transform:scale(0,1)}
.ui-img-block .img-item .ani:after{-webkit-transform:scale(1,0);transform:scale(1,0)}
.ui-img-block .img-item a:hover .img-caption,
.ui-img-block .img-item a:focus .img-caption{opacity:0}
.ui-img-block .img-item a:hover .img-thumb,
.ui-img-block .img-item a:focus .img-thumb{-webkit-filter:blur(3px);filter:blur(3px)}
.ui-img-block .img-item a:hover .img-thumb img,
.ui-img-block .img-item a:focus .img-thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.ui-img-block .img-item a:hover .ani,
.ui-img-block .img-item a:focus .ani{opacity:1}
.ui-img-block .img-item a:hover .ani:before,
.ui-img-block .img-item a:focus .ani:before,
.ui-img-block .img-item a:hover .ani:after,
.ui-img-block .img-item a:focus .ani:after{opacity:0.8;-webkit-transform:scale(1);transform:scale(1)}




/*인사말 sub04_08_01*/
.greeting{}
.box_greeting{position:relative;margin:0 auto 60px;padding:52px 0 52px 20px;max-width:300px}
.box_greeting:before{content:"";display:block;position:absolute;top:20px;right:0;width:160px;height:32px;background:url(/images/oil/sub01/msg_txt_320.png) no-repeat}
.box_greeting.sub04_07_01_01:after{content:"";display:block;position:absolute;top:65%;left:0;width:160px;height:120px;background:url(/images/tour/sub04/sub04_07_01_01_img01.jpg) no-repeat 50% 50%;background-size:cover}
.box_greeting.sub04_09_01:after{background:url(/images/tour/sub04/sub04_09_01_img01.jpg) no-repeat 50% 50%;background-size:cover}
.box_greeting:after{content:"";display:block;position:absolute;top:65%;left:0;width:160px;height:120px;background:url(/images/tour/sub04/sub04_08_01_img01.jpg) no-repeat 50% 50%;background-size:cover}
.box_greeting .msg{position:relative;padding:25px;border:1px solid #ddd}
.box_greeting .msg h2{margin:0 0 20px;padding:0;background:none;color:#666;font-size:20px;font-weight:normal;line-height:1.2;word-wrap:break-word;word-break:keep-all}
.box_greeting .msg h2:before{display:none;}
.box_greeting .msg h2 span{color:#858271;font-family:'nsr';font-weight:bold;line-height:28px}
.box_greeting .msg .name{color:#696969;font-size:16px;text-align:right}
.grt_txt{}
.grt_txt:after{content:"";display:block;clear:both;visibility:hidden}
.grt_txt .col{}
.grt_txt .col p{margin-bottom:20px;color:#767676;font-size:15px;line-height:25px}
.grt_txt .col p b{color:#333}
@media only screen and (min-width:480px) {
	.box_greeting{margin-bottom:90px;max-width:460px}
	.box_greeting.sub04_07_01_01:after{top:65%;width:240px;height:160px}
	.box_greeting:after{top:62%;left:-2%;width:240px;height:160px}
}
@media only screen and (min-width:768px) {
	.box_greeting{padding:70px 0 0 45%;margin-bottom:40px;max-width:100%}
	.box_greeting:before{top:28px;width:205px;height:42px;background:url(/images/oil/sub01/msg_txt_768.jpg) no-repeat}
	.box_greeting.sub04_07_01_01:after{top:0;width:50%;height:260px}
	.box_greeting:after{top:0;width:50%;height:260px}
	.box_greeting .msg{padding:25px 30px 32px 12.5%;}
	.box_greeting .msg h2{margin-bottom:30px;font-size:26px;line-height:1.2}
	.box_greeting .msg h2 span{display:block;margin-top:5px;color:#333;letter-spacing:2px;font-size:20px;}
	.box_greeting .msg .name{font-size:18px}
	.box_greeting .msg .name span{display:inline-block;margin:0 0 20px 10px;width:112px;height:60px;background:url(/images/oil/sub01/msg_sign.jpg) no-repeat;vertical-align:middle}
	.grt_txt .col{float:right;width:100%;padding-top:10px;text-align:justify}
	.grt_txt .col:first-child{float:left;text-align:justify}
}
@media only screen and (min-width:1200px) {
	.box_greeting{padding:80px 0 0 49%}
	.box_greeting .msg{padding:70px 45px 90px 150px}
	.box_greeting:before{top:22px;width:286px;height:58px;background:url(/images/oil/sub01/msg_txt.jpg) no-repeat}
	.box_greeting.sub04_07_01_01:after{width:570px;height:345px}
	.box_greeting:after{width:570px;height:345px}
	.box_greeting .msg h2{margin-bottom:10px;font-size:30px;line-height:1.4}

}

.ui-picture-list2 {margin: 20px 0;}
.ui-picture-list2 li{float:left;width:33.3%;border:7px solid transparent;border-width: 0 7px 10px;}
.ui-picture-list2:after {display:block;clear:both;content:''}
.ui-picture-list2 li img{width:100%;height:100%;}


/* 문화관광해설사 */
.ui-course-topic{position:relative;height:220px;padding:5% 0 0 8%;background:#393e51 no-repeat 100% 50%;background-size:cover}
.ui-course-topic strong{font-family:"nmn",sans-serif;font-size:35px;color:#fff}
.ui-course-topic p{font-size:18px;color:#fff}
.bg-explain{background-image:url(/images/tour/sub03/explain_topic.jpg)}

.ui-content-block{padding:40px 40px 50px;background:#fff;border: 1px solid #d8d8d8;}
.ui-content-block>*:first-child{margin-top:0}
.ui-content-block>form>*:first-child{margin-top:0}

@media(min-width:0px){.ui-content-block{border: 1px solid #d8d8d8;}}
@media(max-width:768px){.ui-content-block{padding:0;box-shadow:none}}
.ui-content-block .content-float{padding:30px 0;overflow:hidden;border-top:1px solid #ddd}
.ui-content-block .content-float:first-child{padding-top:0;border-top-width:0}
.ui-content-block .content-float .float-title{float:left}
.ui-content-block .content-float .float-title h2{margin-top:0}
.ui-content-block .content-float .float-descript{margin-left:300px}
.ui-content-block .content-float .float-descript p{margin-bottom:10px}
.ui-content-block .content-float .float-descript .tel{font-size:20px;color:#000}
.ui-content-block .content-float .float-descript .tel img{margin:5px 5px 0 0}

.ui-content-block .content-float .float-descript .descript-thumb{overflow:hidden}
.ui-content-block .content-float .float-descript .descript-thumb .thumb-grap{margin:0 -5px}
.ui-content-block .content-float .float-descript .descript-thumb .thumb-grap .thumb{float:left;width:25%;text-align:center;border:5px solid transparent}
.ui-content-block .content-float .float-descript .descript-thumb .thumb-grap .thumb img{display:block;max-width:none;width:100%;margin-bottom:5px}
.ui-content-block .content-float .float-descript .descript-thumb .thumb-grap .thumb input{margin-top:-3px}
.ui-content-block .content-float .float-descript .info-buttons{margin:0 -5px}
.ui-content-block .content-float .float-descript .info-buttons:after{content:"";display:block;clear:both}
.ui-content-block .content-float .float-descript .info-buttons>div{float:left;width:33.3%;border:5px solid transparent}
.ui-content-block .content-float .float-descript .info-buttons div em{position:relative;display:block;height:66px;padding:0 54px 0 15px;font-size:17px;border:1px solid #ddd}
.ui-content-block .content-float .float-descript .info-buttons div em:before{content:"";display:inline-block;height:110%;vertical-align:middle}
.ui-content-block .content-float .float-descript .info-buttons span{position:absolute;top:50%;right:15px;margin-top:-22px;width:44px;height:44px;background:url(/images/tour/sub05/info_button_icon.png) no-repeat}
.ui-content-block .content-float .float-descript .info-buttons span:before{content:"";display:block;height:100%;background:url(/images/tour/sub05/info_button_icon.png) no-repeat}
.ui-content-block .content-float .float-descript .info-buttons span.icon-1:before{background-position:-0 -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-2:before{background-position:-44px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-3:before{background-position:-88px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-4:before{background-position:-132px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-5:before{background-position:-176px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-6:before{background-position:-220px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-7:before{background-position:-264px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-8:before{background-position:-308px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-9:before{background-position:-352px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-10:before{background-position:-396px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-11:before{background-position:-440px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-12:before{background-position:-484px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-13:before{background-position:-528px -44px}
.ui-content-block .content-float .float-descript .info-buttons span.icon-14:before{background-position:-572px -44px}

@media(max-width:1000px){
	.ui-content-block{padding:20px}
	.ui-content-block .content-float .float-title{float:none}
	.ui-content-block .content-float .float-title h2 br{display:none}
	.ui-content-block .content-float .float-descript{margin-left:0}

	.ui-course-topic{min-height:185px;height:auto;padding:8%}
	.ui-course-topic strong{font-family:"nmn",sans-serif;font-size:30px;color:#fff}
	.ui-course-topic p{font-size:18px}
	.ui-course-topic p br{display:none}

}

@media(max-width:768px){
	.ui-content-block .content-float .float-descript .info-buttons>div{width:50%}

}

@media(max-width:640px){
	.ui-content-block{padding:20px 0}
	.ui-content-block .content-float .float-descript .descript-thumb .thumb-grap .thumb{width:50%}
	.ui-content-block .content-float .float-descript .info-buttons>div{width:100%}

}


.ui-link{position:absolute;left:0;bottom:0;width:100%}
.ui-link ul{}
.ui-link ul:after{display:block;content:"";clear:both;visibility:hidden}
.ui-link ul li{float:left;width:20%;text-align:center}
.sub03_01_02_01 .ui-link ul li{width:14.28%;}
.ui-link ul li a{display:block;padding:20px 0;margin-left:1px;color:#fff;font-size:16px;line-height:1.2;background:url(/images/tour/common/opacity_black.png) repeat}
.ui-link ul li:first-child a{margin-left:0}
.ui-link ul li a.ov{}
.ui-link ul li a:hover{background:#cf3028;color:#fff}
.ui-link ul li div{display:table;table-layout:fixed;width:100%}
.ui-link ul li div a{display:table-cell}


.ui-link .fixed{z-index:100;background:#fff;border-color:#ddd;border-style:solid;border-width:0 1px 1px 0;}
.ui-link .fixed li a{background:transparent;border-left:1px solid #ddd;color:#333}
.ui-link .fixed li a.ov{border-left-color:#cf3028;background:#cf3028;color:#fff}


/*sub040702*/
.sub040702 .ui.uilnk.type1 .box_col .col ul li{width:100%;}
.sub040702 .ui.uilnk .box_col .col .item{min-height:363px;}

.amThum:before{background:#1b2f6e;}




.ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;}
.ui-map-box:after {content:"";display:block;clear:both;}
.ui-map-box h3 {float:left;width:15%;margin:0;padding:0}
.ui-map-box .txt_h3 {float:left;width:75%;}
.ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4}
.ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;}
.ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;}
.ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;}
.ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;}
.ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;}
.ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%}
.ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;}

@media(max-width:600px){
	.ui-map-box h3{float:none;}
	.ui-map-box .txt_h3{float:none;width:100%;}
	.ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;}
}

.box_travel .box_photo{position:relative;width:100%;}

.box_photo{position:relative;width:100%;}


#gallery-view,.gView{overflow:hidden;margin:0 0 10px;text-align:center}
#gallery-view img,.gView img{vertical-align:middle}
#gallery-thum,.gThum{position:relative;width:100%;min-height:70px;}
#gallery-thum .holder,.gThum .holder{position:relative;width:100%;overflow:hidden;margin:0 auto}
#gallery-thum .list,.gThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#gallery-thum .item,.gThum .item {float:left;width:170px}
#gallery-thum .item img,.gThum .item img{width:160px;height:115px}
#gallery-thum .arrLeft,.gThum .arrLeft{position:absolute;left:2%;top:25px;width:5%;height:70px;text-align:center}
#gallery-thum .arrLeft img,.gThum .arrLeft img{position:relative;top:17px}
#gallery-thum .arrRight,.gThum .arrRight{position:absolute;right:2%;top:25px;width:5%;height:70px;text-align:center}
#gallery-thum .arrRight img,.gThum .arrRight img{position:relative;top:17px}


.top_history{position:relative;padding:30px 10px 20px;border-bottom:1px solid #ddd;}
.top_history h2{position:relative;padding:0 0 0 83px;background:none;color:#262626;font-size:32px;line-height:1;}
.top_history h2:before{display:none;}
.top_history h2 .ico{display:inline-block;position:absolute;top:-3px;left:0;width:57px;height:59px;background:url(/images/life/common/prog_ico.png) no-repeat -156px -89px;background-image:url(/site/gimcheon/img/common/prog_ico.svg), none;}
.top_history h2 em{display:block;margin-top:5px;padding-left:20px;color:#0a4b9b;font-size:24px;line-height:1;}
.top_history strong{position:absolute;bottom:-15px;right:10px;color:#f2f2f2;font-family:'nsr','Malgun Gothic';font-size:36px;line-height:160%;font-weight:600}


.con_history{background:url(/images/tour/common/history_bg.png) no-repeat right 40px;}
.newimg{background:url(/images/tour/common/history_bg.png) no-repeat right 0;}
.newimg2{background:url(/images/tour/sub04/history_bg0902.png) no-repeat right 0;}
.con_history h2{position:absolute;top:350px;left:0;width:220px;letter-spacing:10px;text-align:center}
.con_history h2:before{display:none}
.bx_history{position:relative;overflow:hidden;/*margin-top:60px;*/padding:30px 230px 0 220px;border-bottom:1px dashed #ededed;}
.bx_history h3{position:absolute;/*top:0;*/top:70px;left:10px;margin:0;padding:0;width:120px;color:#000;font-size:30px;line-height:28px;text-align:center;}
.bx_history ul{position:relative;padding-bottom:50px;}
.bx_history ul:before{content:"";display:block;position:absolute;top:5px;left:6px;width:1px;height:100%;background:#ededed;}
.bx_history ul li{position:relative;margin-top:18px;padding-left:100px;background:url(/images/life/common/history_bul.png) no-repeat 0 4px;word-wrap:break-word;word-break:keep-all;}
.bx_history ul li:first-child{margin-top:0;background:url(/images/life/common/history_bul1.png) no-repeat 0 4px;}
.bx_history ul li b{position:absolute;top:0;left:50px;}
.bx_history.last{border:none;}
@media only screen and (max-width:768px) {

	.con_history{background:none;}
	.bx_history{padding:70px 0 0;}
	.bx_history h3{position:static;margin-bottom:25px;padding:10px 0;width:100%;font-size:16px;}

}
#sub04_08_03 .con_history{background:url(/images/tour/common/history_bg_sub04_08_03.png) no-repeat right 40px;}

/* 문화예술회관 ub04_03_04_01*/
.ui.uip.type2 li{width:20%;}

@media only screen and (max-width:640px) {
	.ui.uip.type2 li{width:100%;}
}

/* 유물기증 sub04_07_04*/
.ir-content{background:url(/images/common/ir-content.png);}
.report_ch li .ir-01{background-position:0 -142px;}
.report_ch li .ir-02{background-position:-71px -142px;}



/* sub05_05_04 찾아오시는길 */

.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{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
.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/oil/sub01/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:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
.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 {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}
.box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
	.box_local{padding:40px 150px 40px 50px;}
	.box_local h2{float:left;padding:35px 15px;margin-right:35px;}
	.box_local h2 span{display:block;}
	.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:100px;width:100px;padding:20px 0 0;}

}



#sub01_01 #content{overflow:hidden}
#sub01_01 #point{max-width:1200px;margin:0 auto}
#sub01_01 #post-list .post-module{width:32.3%;height:auto}


@media(max-width:1199px){ #sub01_01 #post-list .post-module{width:23.5%} }
@media(max-width:1023px){ #sub01_01 #post-list .post-module{width:32.3%} }
@media(max-width:767px){ #sub01_01 #post-list .post-module{width:48%} }
@media(max-width:480px){ #sub01_01 #post-list .post-module{width:100%;margin:10px 0} }

#sub01_01 #post-list .post-module .post-content{position:static}
#sub01_01 #post-list .post-module .post-content .description{display:block}
#sub01_01 #post-list .post-module a .thumbnail{height:auto}

.storyquick{display:none;z-index:999;padding:0 10px;}
.storyquick ul{margin-bottom:50px;background:#3b444b}
.storyquick ul:after {content:"";display:block;clear:both;}
.storyquick ul li{display:inline-block;float:left;margin:-1px 0 0 -1px;width:20%;border:1px solid #50575c;border-right:none;background:#3b444b}
.storyquick ul li.ov{background-color:#022642;color:#fff;}
.storyquick ul li a{display:block;padding:10px 10px 11px 10px;color:#9ca0a2;text-align:center}
.storyquick .btn_top{display:none;background-color:#0e1216}
.storyquick ul li a b{font-weight: normal;font-size:14px;}

.storyquick .icon.top{display:inline-block;width:11px;height:11px;margin-right:10px;vertical-align:center;background:url(/images/tour/sub01/story_icon.png) no-repeat}
.storyquick .icon1{display:none;}
.storyquick .icon2{display:none;}
.storyquick .icon3{display:none;}
.storyquick .icon4{display:none;}
.storyquick .icon5{display:none;}
.storyquick .icon6{display:none;}
.storyquick .icon7{display:none;}

#sub01_01 .storyquick{display:block}

@media(max-width:1023px){


	.storyquick{position:static;width:auto;margin-bottom:20px}
	.storyquick:after{content:"";display:block;clear:both}
	.storyquick ul{padding-top:1px}
	.storyquick ul li{float:left;width:25%;}

	.storyquick .btn_top{display:none}

}

@media(max-width:768px){
	.storyquick ul li{width:50%}

}

@media(max-width:480px){
	.storyquick ul li{width:50%}
}




.ui-white-block br{display:none}
.ui-thumb-box{display:inline-block;margin-top:0;position:relative}
.ui-thumb-wrap{margin-top: 35px;margin-bottom:15px}
.ui-thumb-wrap:after{content:"";display:block;clear:both;height:0px;line-height:0;font-size:0;overflow:hidden}
.ui-thumb-box.full_box{height:480px;overflow:hidden;float: left; margin-left: 10px; margin-bottom: 10px}
.ui-thumb-box.full_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.full_box figure img{height:150%;margin-top:-5%}



.ui-thumb-box.left_b_box{width:65%;height:470px;overflow:hidden;float: left;margin-top:5px}
.ui-thumb-box.left_b_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.left_b_box figure img{max-width:none;height:100%}
.ui-thumb-box.right_r_box{float:left;width:35%;height:240px;overflow:hidden;border:5px solid transparent;}
.ui-thumb-box.right_r_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.right_r_box figure img{max-width:none;height:100%;}

.ui-white-block .p_tit{font-size: 2em; margin-top: 80px; margin-bottom:30px;font-family: "nmn", sans-serif;line-height: 40px}
.ui-white-block .p_tit:first-child {margin-top: 30px}
.ui-white-block .p_name{display: block;clear:both;font-style: italic;font-family: "nmn", sans-serif;text-indent:-5.6em; padding-left: 6em;margin-top: 10px}
.ui-white-block .p_name span{color:#000; font-size:1em; margin-right: 10px}
.ui-thumb-wrap span{display:none;}


.ui-thumb-box.left_r_box{float:left;display:block;width:50%;height:180px;overflow:hidden;border:5px solid transparent;}
.ui-thumb-box.left_r_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.left_r_box figure img{margin-top:-10%;max-width:none;width:100%;}

.ui-thumb-box.left_s_box{float:left;width:25%;height:180px;overflow:hidden;border:5px solid transparent;}
.ui-thumb-box.left_s_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.left_s_box figure img{max-width:none;height:100%}

.ui-thumb-box.right_b_box{float:left;width:100%;height:450px;overflow:hidden;border:5px solid transparent;}
.ui-thumb-box.right_b_box figure{width:100%;height:100%;text-align:center}
.ui-thumb-box.right_b_box figure img{max-width:none;width:100%;height:100%}

.ui-thumb-box.right_b_box2{float:left;width:90%;overflow:hidden;border:5px solid transparent;}
.ui-thumb-box.right_b_box2 figure{width:100%;height:100%;text-align:center}
.ui-thumb-box.right_b_box2 figure img{max-width:none;width:100%;height:100%}

.ui-thumb-box.right_s_box{width:25%;height:240px;overflow:hidden;border:5px solid transparent;float:left}
.ui-thumb-box.right_s_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.right_s_box figure img{max-width:none;height:100%}

.ui-thumb-box.top_b_box{width:50%;height:480px;overflow:hidden;float: left; border:5px solid transparent;}
.ui-thumb-box.top_b_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.top_b_box figure img{max-width:none;height:101%}
.ui-thumb-box.top_b_box:first-child{margin-left: 0}
.ui-thumb-box.bot_s_box{width:25%;height:200px;overflow:hidden;float: left; border:5px solid transparent;}
.ui-thumb-box.bot_s_box figure{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-thumb-box.bot_s_box figure img{max-width:none;height:100%}
.ui-thumb-box.bot_s_box.last{margin-right: 0}

@media(max-width:760px){
	.ui-white-block .p_tit{word-break:keep-all}
	.ui-thumb-box.left_b_box,
	.ui-thumb-box.right_r_box,
	.ui-thumb-box.left_r_box,
	.ui-thumb-box.left_s_box,
	.ui-thumb-box.right_b_box,
	.ui-thumb-box.right_s_box,
	.ui-thumb-box.top_b_box,
	.ui-thumb-box.bot_s_box{float:none;width:100%;}










}

/* 이미지 탑박스 */
.bg-topbox{margin-bottom:60px;padding:65px 50px 0 50px;height:270px;}
.bg-topbox h2{color:#fff;font-size:20px;font-weight:normal;text-align:center;}
.bg-topbox h2 span{display:block;font-size:34px;line-height:1.5;}
.bg-topbox p{color:#fff;text-align:center;font-size:14px;font-weight:normal}

.bg02_07_01_01{background:url(/images/tour/sub02/sub02_07_01_img_01.png) no-repeat 50% 50%;}
.bg02_07_01_03{background:url(/images/tour/sub02/sub02_07_02_img_01.png) no-repeat 50% 50%;}
.bg02_07_01_04{background:url(/images/tour/sub02/sub02_07_03_img_01.png) no-repeat 50% 50%;}
.bg02_07_01_05{background:url(/images/tour/sub02/sub02_07_04_img_01.png) no-repeat 50% 50%;}
.bg02_07_02_03{background:url(/images/tour/sub02/sub02_07_02_bg.png) no-repeat 50% 50%;}

.bg03_03_01{background:url(/images/tour/sub03/sub03_03_01_img_01.png) no-repeat 50% 50%;}
.bg03_03_02{background:url(/images/tour/sub03/sub03_03_02_img_01.png) no-repeat 50% 50%;}
.bg03_03_03{background:url(/images/tour/sub03/sub03_03_03_img_01.png) no-repeat 50% 50%;}
.bg03_03_04{background:url(/images/tour/sub03/sub03_03_04_img_01.png) no-repeat 50% 50%;}
.bg03_07_01{background:url(/images/tour/sub03/sub03_07_01_img_01.png) no-repeat 50% 50%;}


@media(max-width:768px){

}

@media(max-width:480px){
	.bg-topbox{padding:50px 30px 0 30px;}
	.bg-topbox h2 span{font-size:27px;line-height:1.3;}
}


/* 시티투어 */
.city_tour p{margin-top:20px;font-size:15px;color:#5c5c5c;text-align:center;}
.city_tour p.main_tit{margin-bottom:25px;font-size:26px;color:#000;}
.city_tour p.main_tit span{color:#c9204d;line-height:1.1;}
.city_tour p span{display:block;}
.city_tour img{margin-top:50px;}




.edu02_tiwrap {text-align:center;}
.edu02_tiwrap h2:before{display:none}
.edu02_tiwrap p span {display:block;}



.box_twrap{width:100%;margin-top:50px;padding:40px;background:#746b5f url(/images/tour/sub02/sub02_07_01_bg.png) no-repeat 50% 0;}
.box_twrap .tit_bx{margin:0 auto 40px auto;width:100%;padding:70px 15px;text-align:center;/*background:url(/images/tour/sub02/tit_bg.png) no-repeat right top;*/}
.box_twrap .tit_bx h2 span{display:block;font-size:25px;line-height:1.3;color:#fff}
.box_twrap .tit_bx h2 span em{position:relative;}
.box_twrap .tit_bx h2 span em:before{content:"";display:block;overflow:hidden;position:absolute;top:-80px;left:85%;width:55px;height:55px;background:url(/images/tour/sub02/tit_bg.png) no-repeat}
.box_twrap .tit_bx p{color:#fff;text-align:center;font-size:14px;font-weight:normal}
.box_twrap .box_t{}
.box_twrap .box_t .col{margin-bottom:20px;position:relative;word-wrap:break-word;word-break:keep-all;background:#fff}
.box_twrap .box_t .col div {padding:30px 25px;}
.box_twrap .box_t .col figure{}
.box_twrap .box_t .col img {width:100%;height:auto;padding:10px}
.box_twrap .box_t .col:first-child{border-top:0;}
.box_twrap .box_t .col .ttit{margin:0 0 5px 0;color:#121212;font-weight:bold;font-size:16px;}
.box_twrap .box_t .col .ttxt{margin:0;color:#666;font-family:'nsr','맑은 고딕','Malgun Gothic';line-height:22px;}


@media all and (min-width:768px) {
	.box_twrap{margin-top:70px;}
	.box_twrap .box_t{}
	.box_twrap .box_t .col{vertical-align:top;position:relative;padding-left:300px;}
	.box_twrap .box_t .col figure{position:absolute;top:0;left:0;width:285px;}
	.box_twrap .box_t .col div {padding:25px 20px 25px 0;border-top:0;border-left:0;min-height:180px;}
	.box_twrap .box_t .col:first-child{border-left:0;}

}

.cnt_row{padding:33px 0;/*border-bottom:1px dashed #ddd;*/border-bottom:1px dashed #d6d6d6;}
.cnt_row.last{border-bottom:none;}
.cnt_row.last .box_twrap{margin-top: 0;}
.cnt_row.last .box_twrap h4{margin-top:0;}
.cnt_row.last .box_twrap h4 span {font-size:14px;color:#767676;}
.cnt_row.last .box_twrap h5 {font-size:16px;}
.cnt_row h3{margin-top:0;}
.cnt_row h3 span {font-size:14px;color:#767676;}
.cnt_row.ui.uib.type1 .uibodo .thm_figure {float:right;border:0;}
.cnt_row.ui.uib.type1 .uibodo .thm_caption {float:left;}

@media(max-width:480px){
	.cnt_row.ui.uib.type1 .uibodo .thm_figure {float:none;}
}

#box2 .tbl_basic .ex{border-right:0;}
#box6 .tbl_basic .ex{border-right:0;}


#course li:first-child,
#course li:last-child{min-height:237px;}
#course li:first-child .cont,
#course li:last-child .cont{padding:65px 0 0 0}
#course li:before{height:0;}
#course li:after{top:85px;}
#course li .cont{margin-bottom:30px;padding:15px 0 0 0;}
#course li figure{}

#course2 li:first-child,
#course2 li:last-child{min-height:237px;}
#course2 li:first-child .cont,
#course2 li:last-child .cont{padding:80px 0 0 0}
#course2 li.lunch .cont{padding:80px 0 0 0}
#course2 li:before{height:0;}
#course2 li:after{top:85px;}
#course2 li .cont{margin-bottom:30px;padding:15px 0 0 0;}
#course2 li figure{}

/*sub03_02_01 체험안내*/
.ui.uilnk.type3 .box_col.col_list .txt_box{position:relative;display:block;min-height:130px;padding:15px 20px;background:#fff;border:1px solid #ddd}
.ui.uilnk.type3 .box_col.col_list .txt_box em{display:block;}
.ui.uilnk.type3 .box_col.col_list .txt_box .tit span{font-size:16px;color:#2452a7}


/*sub02_08_01*/


@media(max-width:767px){
	.ui-picture-list.cultureAssets>ul>li{width:50%;}
}
@media(max-width:560px){
	.ui-picture-list.cultureAssets>ul>li{width:100%;}
}

/*sub03_02_01*/

.ui.uic{}
.ui.uic .box_col{}
.ui.uic .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uic .box_col .col{display:inline-block;width:100%;margin-bottom:20px}
.ui.uic .box_col .col .item{margin:0 auto;width:auto;}
.ui.uic .box_col .col .item .thm_figure{display:block;overflow:hidden;background:#f8f8f8;border:1px solid #d2d2d2;text-align:center;}
.ui.uic .box_col .col .item .thm_figure img{max-width:100%;}
.ui.uic .box_col .col .item .tit_inner{margin:25px 20px 10px 0;}
.ui.uic .box_col .col .item .list_1st{margin:10px 0 0;}
.ui.uic .box_col .col .item .list_1st li{/*margin-top:5px;*/}
.ui.uic .box_col .col .item .list_1st li:first-child{margin-top:0;}
.ui.uic .box_col .col .item .txtp{}


.ui.uig{}
.ui.uig li{display:block;margin-bottom:20px; text-align:center; }
.ui.uig li a{display:block;}
.ui.uig li a figure{position:relative;display:block;overflow:hidden;float:none;margin:0 auto;width:90%;text-align:center;}
.ui.uig li a figure img{max-width:100%;max-height:223px}
.ui.uig li a figcaption{display:block;width:100%;}
.ui.uig li a figcaption b{display:block;margin-top:10px;margin-bottom:5px;font-size:16px;line-height:120%;}
.ui.uig li a figcaption span{display:block;font-size:14px;line-height:120%;}

@media only screen and (min-width:480px){
	.ui.uig.col2 li,
	.ui.uig.col4 li{float:left;width:50%}
	.ui.uig.col3 li{width:100%;}
}
@media only screen and (min-width:640px){
	.ui.uic .box_col .col{float:left;}

	.ui.uic .box_col.col2 .col,
	.ui.uic .box_col.col3 .col{margin-left:2%;}
	.ui.uic .box_col.col4 .col{margin-left:1%;}
	.ui.uic .box_col.col2 .col:first-child,
	.ui.uic .box_col.col3 .col:first-child{margin-left:0;}
	.ui.uic .box_col.col2 .col{width:49%;}
	.ui.uic .box_col.col3 .col{width:32%;}
	.ui.uic .box_col.col4 .col{width:24%;}
}
@media only screen and (min-width:768px){
	.ui.uig.col3 li{float:left;width:33.3%;}
}
@media only screen and (min-width:1024px){
	.ui.uig.col2 li{width:50%;}
	.ui.uig.col4 li{width:25%}
	.ui.uib.type5 .uibodo .thm_caption h3{margin:0 0 5px 0;}
}

/**/
.noheight { min-height:0px; }

.ui.uic.mb_10 .box_col .col .item{border:1px solid #ddd;padding:0px;min-height:0px;}
.ui.uic.mb_10 .box_col .col .item.shorter{border:1px solid #ddd;padding:30px;min-height:465px;}
.ui.uic.mb_10 .box_col .col .item h3{text-align:center;font-size:14px;}
.ui.uic.mb_10 .box_col .col .item b{text-align:center; display:block;padding:10px;}
.ui.uic.mb_10 .box_col .col .item .line-align{text-align:center; display:block;padding:10px;margin-top:15px;}
.ui.uic.mb_10 .box_col .col .item .ul-line-align{margin-top:15px;}

@media all and (max-width:1160px) {
	.ui.uic.mb_10 .box_col .col .item{min-height:0px;}
	.ui.uic.mb_10 .box_col .col .item.shorter{min-height:0px;}
}

@media all and (max-width:821px) {
	.ui.uic.mb_10 .box_col .col .item{min-height:0px;}
	.ui.uic.mb_10 .box_col .col .item.shorter{min-height:0px;}
}

@media all and (max-width:639px) {
	.ui.uic.mb_10 .box_col .col .item{min-height:0px;}
	.ui.uic.mb_10 .box_col .col .item.shorter{min-height:0px;}
}


.btn_wrap.center.mt_50 .btn.btn-ani.large{width:24%;font-size:15px;margin-bottom: 5px}

@media all and (max-width:870px) {
	.btn_wrap.center.mt_50 .btn.btn-ani.large{width:49%}
}

@media all and (max-width:440px) {
	.btn_wrap.center.mt_50 .btn.btn-ani.large{width:100%}
}


/* sub04_03_03_03 */

.list_1st li .ticket_btn{
	display: inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-left: 5px;}
	
/* sub01_09 추가*/
.hope_wrap div{display:inline-block;width:49.8%;padding-right:10px}
.hope_wrap div:last-child{display:block;margin:15px auto;}
.hope_wrap div img{width:100%;}

/* sub03_01_01_01 추가 */

#sub03_01_01_01 #tab,
#sub03_01_02_01 #tab{display:none;}

/* sub03_05 추가 */

#sub03_05 .form_search_borderbox {
	padding: 20px 0;
	margin: 30px 0;
	text-align: center;
	border: 1px solid #ddd
}

/* sub04_07_01_01 고남패총 박물관 인사말 */
.intro_sub04070101{position: relative;}
.intro_sub04070101:after{display: block;visibility: hidden;clear: both;content: '';}
.intro_sub04070101 .img{position: absolute;top: 0;right: 0;width: 369px;height: 248px;}
.intro_sub04070101 .txt{margin-bottom: 20px;padding-right: 400px}
.intro_sub04070101 .txt b{display: block;color: rgb(218, 218, 218); font-size: 26pt;}
.intro_sub04070101 .txt strong{display: block;color: rgb(63, 63, 63); font-size: 18pt;}
.intro_sub04070101 .txt span{display: block;margin: 20px 0;color: rgb(0, 37, 222);}
.intro_sub04070101 > p{margin-bottom: 20px}

@media (max-width: 767px){
	.intro_sub04070101 .img{position: static;width: 100%;height: auto;margin-bottom: 20px;}
	.intro_sub04070101 .txt{padding-right: 0px}
}

/* sub04_03_03_01 전경사진 추가 */
.foreground h3.tit_fgd{color:#464646;}

/*sub030605 오시는길*/
.s030605 .ui-map-box h3{width: 22%;}
.s030605 .ui-map-box .ti{width: 95px;}
/*sub030605 오시는길 End*/

/* sub0410 */
.s04100101 .box_greeting:after {background: url(/images/tour/sub04/sub04_10_01_01_img01.jpg) no-repeat center;}
@media only screen and (min-width: 768px){
	.s04100101 .box_greeting {padding: 70px 0 50px 45%;}
}

.s04100102 .bx_history ul li {margin-top:10px;}
.s04100102 .bx_history ul li.nodate {padding-left: 50px;font-size: 15px;}

.s04100103 .tbl_basic tbody tr td.bg {background:#efeff3;}

.s04100301 .ui.uilnk.type1 .box_col .col ul li{width:100%;}
.s04100301 .ui.uilnk .box_col .col .item{min-height:350px;}
@media (max-width: 767px){	
	.s04100301 .ui.uilnk .box_col .col .item{min-height:auto;}
	.s04100101 .greeting .box_greeting .msg{overflow:auto;}
	.s04100101 .greeting .box_greeting .msg img{float:right;}
}

@media (max-width: 940px){
	.s04100302 .ui-picture-list2 li,
	.s04100401 .ui-picture-list2 li{width: 50%;}
}
@media (max-width: 500px){
	.s04100302 .ui-picture-list2 li,
	.s04100401 .ui-picture-list2 li {width: 100%;}
}

.s04100303 .map {background: #a5d2f3;}
.s04100303 .box_local h2 {padding:0 15px;}
.s04100303 .map img {float:right;}
.s04100303 .ui-map-box:last-child {border:0;}
.s04100303 .ui-map-box .ti.bus {padding: 2px 5px; width: auto;margin-bottom: 5px;}
@media (max-width: 600px){ 
	.s04100303 .map {height: auto;}
	.s04100303 .box_local {padding:25px 15px;}
	.s04100303 .box_local .lst_local {float:none;display: block;margin-top: 20px;}
	.s04100303 .box_local h2 { margin-left: 10px;}
	.s04100303 .ui-map-box h3 {width:auto;}
}
/* 유류피해극복기념관 페이지 적용 */
.s04100403 .tbl_basic img{width:50%}
.s04100504 .ui.uic .box_col .col{margin-bottom: 0;}
.s04100601 .tit, .s04100503 .tit, .s04100504 .tit, .s04100602 .tit{display:inline-block;}
.s04100601 .tit span{color:#ff364e;}
.s04100601 .sub_tit, .s04100503 .sub_tit, .s04100504 .sub_tit, .s04100602 .sub_tit{display:inline-block; padding-left: 10px;}

/*태안동학농민혁명기념관*/
.s04110101 .box_greeting:after {background: url(/images/tour/sub04/sub04_11_01_01_img01.png) no-repeat center;}
@media only screen and (min-width: 768px){
	.s04110101 .box_greeting {padding: 70px 0 50px 45%;}
}

.s04110102 .bx_history{padding-top: 65px;}
.s04110102 .bx_history ul li {margin-top:10px;}
.s04110102 .bx_history ul li.nodate {padding-left: 50px;font-size: 15px;}

.s030702 .ui.uip.type3 li {min-height: 237px;}

/* 관광지도 내려받기  */
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon50{background-position: 0px -525px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon51{background-position: -130px -525px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon52{background-position: -268px -525px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon53{background-position: -401px -525px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon54{background-position: -537px -525px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon55{background-position: 0px -654px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon56{background-position: -260px -654px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon57{background-position: -130px -654px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon58{background-position: -390px -654px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon59{background-position: -520px -655px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon60{background-position: -650px -655px;}
.sub06_01 .ui.uilnk.type1 .box_col .col .bico .ico.icon61{background-position: -780px -655px;}
.sub06_01 .ui.uilnk .box_col .col .item{min-height: 272px;}
.sub06_01 .ui.uilnk .box_col.col4 .col:nth-child(5), .sub06_01 .ui.uilnk .box_col.col4 .col:nth-child(9){margin-left: 0;}

/* 슬로시티에서 오감관광 이동 */
/* 인사말 */
#sub07_01_01 .box_greeting:after{background:url(/images/tour/sub07/s070101_img01.png) no-repeat}
#sub07_01_01 .greeting .cont_list li{float: left;position: relative;width: 23.5%;margin: 1% 0;height: 210px;}
#sub07_01_01 .greeting .cont_list li.n1{background: url(/images/tour/sub07/s070101_img02.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n2{background: url(/images/tour/sub07/s070101_img03.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n3{background: url(/images/tour/sub07/s070101_img04.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n4{background: url(/images/tour/sub07/s070101_img05.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n5{background: url(/images/tour/sub07/s070101_img06.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n6{background: url(/images/tour/sub07/s070101_img07.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li.n7{background: url(/images/tour/sub07/s070101_img08.jpg)no-repeat;background-size: cover;}
#sub07_01_01 .greeting .cont_list li + li{margin-left:2%;}
#sub07_01_01 .greeting .cont_list li:nth-child(5){width: 49%;margin: 1% 0 1% 0;}
#sub07_01_01 .greeting .cont_list li>img{width: 100%;}
#sub07_01_01 .greeting .cont_list li>span{display: block; color: #fff; font-size: 20px;letter-spacing: -1px;height: 70px;bottom:0;position:absolute;left:0;text-align:center;width:100%;}
#sub07_01_01 .greeting .cont_list li>span>em{display: block; font-size: 16px;word-break: keep-all;}

/* 슬로시티란 */
#sub07_01_02_01 .box_greeting:after{background:url(/images/tour/sub07/s070102_img02.jpg) no-repeat}
#sub07_01_02_01 .box_greeting:before{background:url(/images/tour/sub07/s070102_history.png) no-repeat;width: 217px;}
#sub07_01_02_01 .top{display: inline-block;margin: 0;min-height: 333px;z-index: 0;background: url(/images/tour/sub07/s070102_img03.jpg)no-repeat;background-size: cover;padding: 43px;margin-top: 20px;}
#sub07_01_02_01 .top .list_bul{margin-bottom: 20px}
#sub07_01_02_01 .top .list_bul li{display: inline-block;position: relative;margin-right: 40px;padding-left: 15px;}
#sub07_01_02_01 .top .list_bul li:before{position: absolute;left: 0;top: 8px;width: 5px;height: 5px;background: #023b72;content: '';}
#sub07_01_02_01 .middle{display: inline-block;margin: 0;min-height: 550px;z-index: 0;background: url(/images/tour/sub07/s070102_img04.jpg)no-repeat;background-size: cover;padding: 43px;}
#sub07_01_02_01 .middle .tip{font-size: 24px;color: #0054a2}
#sub07_01_02_01 .middle .tip span{display: inline-block;width: 74px;height: 50px;margin-right: 13px;background: url(/images/tour/sub07/s070102_img05.png);vertical-align: middle;font-size: 0;text-indent: -9999px}
#sub07_01_02_01 .middle .tip em{display: inline-block;width: 215px;height: 56px;background: url(/images/tour/sub07/s070102_img06.png);vertical-align: middle;font-size: 0;text-indent: -9999px}
#sub07_01_02_01 .middle .tit{font-size: 20px;line-height: 42px;color: #fff;}
#sub07_01_02_01 .middle .tit span{display: inline-block;margin-right: 10px;font-weight: 700;font-size: 25px;line-height: 42px;color: #014a93;font-family: 'nsr';vertical-align: middle;}
#sub07_01_02_01 .middle .txt .list_1st li{color: rgba(255,255,255,0.85);font-size: 15px;line-height: 22px}
#sub07_01_02_01 .middle .txt p{font-size: 15px; line-height: 25px;}
#sub07_01_02_01 .bottom{display: block; min-height: 150px;margin-top: 30px;}
#sub07_01_02_01 .bottom .l_img{width:45%; background-color:#fff; float: left;border: 1px solid #ddd;}
#sub07_01_02_01 .bottom .r_con{float: right; width: 55%;padding-left: 10%}
#sub07_01_02_01 .bottom .r_con .tit{font-size: 25px;line-height: 33px; margin-top: 0px;}
#sub07_01_02_01 .bottom.r_con .tit em{display: block;}
#sub07_01_02_01 .bottom .r_con .txt p{font-size: 15px; line-height: 25px;}
#sub07_01_02_01 .bottom .l_txt{display: inline-block;margin-top: 50px;}
#sub07_01_02_01 .bottom .l_txt p{font-size: 15px; line-height: 25px;}
#sub07_01_02_01 .bottom .l_point{width: 100%;height: 400px; text-align: center;vertical-align: middle;}
#sub07_01_02_01 .bottom .l_point p{font-size: 44px; line-height: 1.24;font-family: 'shg'; color: #5e5c5b;padding-top: 150px;}

/* 조건 */
#sub07_01_02_02 .uipt.ptintro .item{padding:20px;min-height:auto;top: 80px;}
#sub07_01_02_02 .uipt.ptintro .item h2{margin-top: 20px;}
#sub07_01_02_02 .ui.uilnk .box_col .col .item{min-height: 385px;padding: 20px 25px;}
#sub07_01_02_02 .ui.uilnk .box_col.col3 .col:nth-child(4),#sub07_01_02_02 .ui.uilnk .box_col.col3 .col:nth-child(7){margin-left:0;}

/* 선언문 */
.slowcity_box{padding: 30px;background: #f8f8f8}
.slowcity_box .declaration{width:100%;padding:250px 70px 50px 70px;border:1px solid #dee0e4;background:#f7f7f7 url(/images/tour/sub07/s07010302_img01.png) no-repeat 50% 0;}
.slowcity_box .declaration .b_txt{display:block;padding: 40px; font-size:30px;color:#333;line-height:42px;text-align:center;font-weight:bold;word-break:keep-all;word-wrap: break-word; border-bottom: 2px solid #b6b7b9;font-family: 'shg';}
.slowcity_box .declaration .list_box{margin:35px 0 30px 15%;}
.slowcity_box .declaration .declaration_list span.num{display: inline-block;position: absolute;left: 11px;top:-7px;width: 36px;height: 36px;margin-right: 9px;background: #0d3274;border-radius: 50%;color: #fff;font-size: 18px;text-align: center;line-height: 30px;}
.slowcity_box .declaration .declaration_list li{position: relative;margin: 32px;padding-left: 60px;}
.decla{margin: 60px 0; text-align: center; font-size: 18px;}

/* 인증배경 */
#sub07_01_03_03 .uipt.ptintro .item{position:absolute;top:50px;right:30px;padding: 23px 27px;min-height: 193px;background:#2f71d2;opacity: 0.85; width: 67%;}
#sub07_01_03_03 .uipt.ptintro .item h2{position:relative;margin: 8px 0 10px;padding:0;background:none;color:#fff;font-size:25px;}
#sub07_01_03_03 .list_imgbox{margin: 30px 0 0 -1.25%}
#sub07_01_03_03 .list_imgbox:after{content: '';display: block;visibility: hidden;clear: both;}
#sub07_01_03_03 .list_imgbox li{float: left;position: relative;margin:0 0 1.25% 1.25%}
#sub07_01_03_03 .list_imgbox.c3 li{width: 32.05%;}
#sub07_01_03_03 .list_imgbox li img{max-width: 100%;width: 100%}
#sub07_01_03_03 .list_imgbox li span{display: block;position: absolute;left: 0;bottom: 0;width: 100%; padding: 7px;background: rgba(0,0,0,0.5);font-weight: 400;line-height: 1.2;text-align: center;font-size: 15px;color: #fff;}
#sub07_01_03_03 .list_imginfo{margin: 25px 0 60px;}
#sub07_01_03_03 .list_imginfo li{position: relative;margin-bottom: 20px;padding-left: 95px;font-size: 15px;color: #545455}
#sub07_01_03_03 .list_imginfo li span{position: absolute;left: 0;top: 0;font-weight: 500;color: #333;font-size: 15px}
#sub07_01_03_03 .con_history{position: relative; background:none;}
#sub07_01_03_03 .con_history:after{content:'';position:absolute;z-index:2;width: 206px;height: 434px;right:0;top: 54px;background: url(/images/tour/sub07/s07010303_history_bg.png) no-repeat right;}

/* 천천찬찬 */
#sub07_02_01 .box_greeting:after{background:url(/images/tour/sub07/s070201_img01.jpg) no-repeat}
#sub07_02_01 .box_greeting:before{background:url(/images/tour/sub07/s070201_project.png) no-repeat;width: 217px;}

/* 정책 */
#sub07_02_02_01 .ui.uilnk.type1 .box_col .col ul li{width:100%;}
#sub07_02_02_01 .ui.uilnk.type1 .box_col .col:nth-child(odd){margin-left:0}

/* 삶 */
#sub07_02_04 .uipt.ptintro .item h2{margin-top: 20px;}
.m_numlist{margin: 30px 0}
.m_numlist:after{display: block;visibility: hidden;clear: both;content: '';}
.m_numlist li{position: relative;min-height: 33px;margin-bottom: 8px;padding-left: 45px;font-size: 15px;line-height: 25px;color: #545455;}
.m_numlist li span{position: absolute;left: 0;top: -4px;width: 34px;height: 33px;border-radius: 50%;background:#0d3274;font-size: 15px;line-height: 33px;text-align: center;color: #fff;vertical-align: middle;}

.greeting .point{position: relative;display: block;width: 100%;height: 450px;text-align: center;background: url(/images/tour/sub07/s070101_img09.png)no-repeat;background-size: cover;clear: both;}
.greeting .point p{font-size: 38px;line-height: 1.24;color: #000;position: absolute;top: 43%;transform: translateY(-50%);right: 191px;}
.greeting .point p em{display: block;}
.greeting:after {content:"";display:block;visibility:hidden;clear:both;}
@media (max-width:1170px){
	#sub07_01_02_01 .bottom .l_point{height: 350px;}
	#sub07_01_02_01 .bottom .l_point p{font-size: 36px;padding-top: 147px;}

	.greeting .point{height: 400px;}
	.greeting .point p{font-size: 36px;}
}
@media (max-width:1023px){
	#sub07_01_01 .greeting .point p{font-size: 26px;}

	#sub07_01_02_01 .middle .tip{margin-top: 110px}
	#sub07_01_02_01 .bottom .l_point{height: 300px;}
	#sub07_01_02_01 .bottom .l_point p{font-size: 36px;padding-top: 132px;}

	.greeting .point{height: 300px;}
}
@media (max-width:900px){
	#sub07_01_01 .greeting .cont_list li{width: 32.66%;margin: 0.5% 0;}
	#sub07_01_01 .greeting .cont_list li + li{margin-left:1%;}
	#sub07_01_01 .greeting .cont_list li:nth-child(5){width: 66.32%;margin: 0.5% 0 0.5% 1%;}
	#sub07_01_01 .greeting .cont_list li:nth-child(4),
	#sub07_01_01 .greeting .cont_list li:nth-child(6){margin-left: 0;}

	#sub07_01_03_03 .uipt.ptintro .item{position: static; width: 100%;}
}

@media(max-width:801px){
	.slowcity_box .declaration{padding:250px 40px 45px}
	.slowcity_box .declaration .list_box{margin:35px 0 30px 10%;}
}

@media (max-width:767px){
	#sub07_01_01 .box_greeting, #sub07_01_02_01 .box_greeting, #sub07_02_01 .box_greeting{width:100%;margin:0;max-width: 100%;padding-left: 0;}
	#sub07_01_01 .box_greeting:after, #sub07_01_02_01 .box_greeting:after, #sub07_02_01 .box_greeting:after{display:none;}
	#sub07_01_01 .greeting .cont_list li{width:100% !important;margin: 0 !important;}

	#sub07_01_02_01 .top{min-height: auto;padding: 0;background: none;}
	#sub07_01_02_01 .top .con .l_con{float:none;width:100%;}
	#sub07_01_02_01 .top .con .r_img{display: none;}
	#sub07_01_02_01 .middle {margin:50px 0 30px;background: none;padding: 0;}
	#sub07_01_02_01 .middle .tip{margin-top: 80px}
	#sub07_01_02_01 .middle .tip em{background: url(/images/tour/sub07/s070102_img08.png)}
	#sub07_01_02_01 .middle .tip span{width: 68px;background: url(/images/tour/sub07/s070102_img07.png)}
	#sub07_01_02_01 .middle .tit{color: #121212}
	#sub07_01_02_01 .middle .txt .list_1st li{color: #464646}
	#sub07_01_02_01 .bottom {margin:0;}
	#sub07_01_02_01 .bottom .l_img{float:none;width:100%;border: 1px solid #ddd;text-align:center;}
	#sub07_01_02_01 .bottom .r_con{float:none;width:100%;padding: 0;}
	#sub07_01_02_01 .bottom .r_con .tit{margin-top: 30px;line-height: 42px;}
	#sub07_01_02_01 .bottom .l_point p em{display: block;}

	.slowcity_box .declaration{padding:240px 25px 45px}
	.slowcity_box .declaration .list_box{margin:35px 0 0 0;}
	.slowcity_box .declaration .b_txt{font-size:25px}
	.slowcity_box .declaration .declaration_list{margin:40px 0 0;}
	.slowcity_box .declaration .declaration_list li{line-height:22px}

	#sub07_01_03_03 .list_imgbox.c3 li{width: 100%; margin: 0;}
	#sub07_01_03_03 .con_history:after{display:none;}

	.greeting .point p{right:auto;left:50%;transform:translateX(-50%);font-size: 24px;width: 100%;}
}

@media (max-width:550px){
	#sub07_01_02_01 .top .con .r_img:after{display: none;}
	#sub07_01_02_01 .bottom .r_con .tit em{font-size: 18px;}
	#sub07_01_02_01 .bottom .l_point{height: 200px;}
	#sub07_01_02_01 .bottom .l_point p{font-size: 28px;padding-top: 86px;}

	.slowcity_box .declaration{width:100%;padding:250px 10px 50px 10px;}
	.slowcity_box .declaration .b_txt{padding: 25px;line-height:30px;}
	.slowcity_box .declaration .declaration_list span.num{left: 11px;top:3px;width: 20px;height: 20px;margin-right: 9px;font-size: 12px;line-height: 18px;}
	.slowcity_box .declaration .declaration_list li{padding-left: 40px;margin: 25px 10px;}
	.decla{margin: 30px 0; text-align: center; font-size: 18px;}
}
@media (max-width:420px){
	#sub07_01_02_01 .bottom .l_point{height: 150px;}
	#sub07_01_02_01 .bottom .l_point p{font-size: 26px;padding-top: 62px;}
}


/* 이미지 확대 */
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#0054a2;color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}

/* sub040701 */
.s04070101 .box_greeting:after {background: url(/images/tour/sub04/sub04070101_img01.jpg) no-repeat center;}
@media only screen and (min-width: 768px){
	.s04100101 .box_greeting {padding: 70px 0 50px 45%;}
}