@charset "utf-8";




section[id^="anchor"] h2{margin:20px 0 0 0;padding:10px;background:none;border-bottom:1px solid #d9d9d9;}


.ui-picture-list{margin:20px 0}
.ui-picture-list>ul{margin:0 -7px}
.ui-picture-list>ul:after{display:block;clear:both;content:''}
.ui-picture-list>ul>li{float:left;width: 33.3%;border: 10px solid transparent;border-width:0 7px 30px;}
.ui-picture-list>ul>li a{display:block;position:relative;min-height:70px;/*background-color:#fff*/}
.ui-picture-list ul li a .pic{position:relative;padding-top:72%;overflow:hidden;text-align:center}
.ui-picture-list ul li a .pic .pic_wrap{position:absolute;left:0;top:0;right:0;height:100%;border: 1px solid #ddd;
    border-bottom: none;}
.ui-picture-list ul li a .pic img{height:100%}
.ui-picture-list ul li a .pic span{display:none;position:absolute;top:0;left:0}

/*.ui-picture-list ul li a .cnt{min-height:164px;padding:15px 15px 10px;border:1px solid #ddd;border-left-width:0;border-top-width:0;background:#fff;border-left:1px solid #ddd;}*/
 .ui-picture-list ul li a .cnt{border: 1px solid #ddd;padding: 15px 20px;height:190px; border-top: none;}
.ui-picture-list ul li a .cnt h3{position:relative;margin:5px 0 12px 0;font-size:20px;font-weight:600;line-height:130%;color:#191919;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.ui-picture-list ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#74829e}
/*.ui-picture-list ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}*/

.ui-picture-list ul li a .cnt p{height:40px;line-height:20px;font-size:14px;overflow:hidden}
.ui-picture-list ul li a .cnt p,
.ui-picture-list ul li a .cnt li{float:none;letter-spacing:-1px}
.ui-picture-list ul li a .cnt .ico{position:absolute;left:0;bottom:0;padding:13px 0;width:100%;border-top:1px solid #ddd;font-size:15px;color:#767676;text-align:center}


.ui-picture-list ul li a .cnt .ico:after{display:block;content:"";clear:both;visibility:hidden}
.ui-picture-list ul li a .cnt .ico span{float:left;position:relative;width:30%}
.ui-picture-list ul li a .cnt .ico span.area{width:40%}
.ui-picture-list ul li a .cnt .ico span:before{display:inline-block;content:"";position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:14px;background-color:#ddd}
.ui-picture-list ul li a .cnt .ico span.like:before{display:none}
.ui-picture-list ul li a .cnt .ico span em{display:inline-block;margin-right:5px;background:url(/images/tour/common/picture_list_ico_set.png) no-repeat;/*vertical-align:middle;*/}
.ui-picture-list ul li a .cnt .ico span.like em{width:12px;height:11px}
.ui-picture-list ul li a .cnt .ico span.view em{width:17px;height:10px;background-position:-20px 0}
.ui-picture-list ul li a .cnt .ico span.area em{position:relative;top:2px;width:10px;height:14px;background-position:-50px 0}



@media(max-width:1000px){
	.ui-picture-list>ul>li{width:33.3%}

}

@media(max-width:767px){
	.ui-picture-list>ul>li{width:50%}	
	.ui-picture-list>ul>li a .cnt{height:164px;border-left:1px solid #ddd}

}

@media(max-width:639px){
	.ui-picture-list>ul>li{float:none;margin:0 auto;width:100%}

}

/*.ui-picture-list.hotel>ul>li a .cnt{min-height:180px}*/
/*.ui-picture-list.hotel>ul>li a .cnt b{display:block;height:32px;margin-top:15px;padding-left:5px;font-size:16px;border-bottom:1px solid #ddd}*/
.ui-picture-list.hotel>ul>li a .cnt .cnt_b{font-size:16px;}
.ui-picture-list ul li a .cnt ul li{width:100%;overflow:hidden;font-size:14px;background:none;padding-left:38px;}
.ui-picture-list ul li a .cnt ul li b{position:absolute;left:22px;}
.ui-picture-list.hotel>ul>li a .cnt .info{margin-top:15px}
.ui-picture-list.hotel>ul>li a .cnt .info li{min-height:25px;padding-left:29px;margin-bottom:5px}
.ui-picture-list.hotel>ul>li a .cnt .info .icon_01{background:url(/images/prog/hotelData/list_icon_01.gif) no-repeat}
.ui-picture-list.hotel>ul>li a .cnt .info .icon_02{background:url(/images/prog/hotelData/list_icon_02.gif) no-repeat}
.ui-picture-list.hotel>ul>li a .cnt .info .icon_03{background:url(/images/prog/hotelData/list_icon_08.gif) no-repeat}


.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}

.basic_search .grap select[name^="area"]{width:215px;}
.bold.red{color:#e03321;}
.bold{font-weight:bold;}

/*#content ui*/
h2{margin-top:50px;background:url(/images/common/h2_bul.png) no-repeat}

.content-quick{position:absolute;/* top:500px; */left:50%;width:70px;margin-left:638px;background-color:#fff;}
.content-quick a{display:block;height:70px;margin-top:-1px;text-align:center;font-size:13px;border:1px solid #dedede}
.content-quick a:first-child{margin-top:0}
.content-quick i{display:block;width:25px;height:25px;margin:0 auto;background:url(/images/tour/sub01/travel_quick.png) no-repeat}


.content-quick i.icon-2{height:27px;background-position:0 -50px}
.content-quick i.icon-3{height:17px;background-position:0 -100px}
.content-quick i.icon-4{height:23px;background-position:0 -150px}
.content-quick i.icon-5{height:19px;background-position:0 -200px}

.content-quick i.icon-1,
.content-quick i.icon-6,
.content-quick i.icon-7,
.content-quick i.icon-8{background:url(/images/tour/sub01/travel_quick2.png) no-repeat}

.content-quick i.icon-1{width:27px;height:22px;background-position:0 0}
.content-quick i.icon-6{width:27px;height:17px;background-position:0 -50px}
.content-quick i.icon-7{width:26px;height:23px;background-position:0 -100px}
.content-quick i.icon-8{width:27px;height:21px;background-position:0 -150px}

.content-quick i.icon-num-1{height:24px;background-position:0 -260px}
.content-quick i.icon-num-2{height:24px;background-position:0 -288px}
.content-quick i.icon-num-3{height:24px;background-position:0 -316px}
.content-quick i.icon-num-4{height:24px;background-position:0 -344px}
.content-quick i.icon-num-5{height:24px;background-position:0 -372px}
.content-quick i.icon-num-6{height:24px;background-position:0 -400px}

.content-quick a:before{content:"";display:inline-block;height:110%;vertical-align:middle}
.content-quick span{display:inline-block;vertical-align:middle}

.content-quick a.ov,
.content-quick a:hover,
.content-quick a:focus{background-color:#2c353f;color:#fff;border-color:#2c353f}

.content-quick a.ov i.icon-1,
.content-quick a:hover i.icon-1,
.content-quick a:focus i.icon-1{background-position:-50px 0}

.content-quick a.ov i.icon-2,
.content-quick a:hover i.icon-2,
.content-quick a:focus i.icon-2{background-position:-25px -50px}

.content-quick a.ov i.icon-3,
.content-quick a:hover i.icon-3,
.content-quick a:focus i.icon-3{background-position:-25px -100px}

.content-quick a.ov i.icon-4,
.content-quick a:hover i.icon-4,
.content-quick a:focus i.icon-4{background-position:-25px -150px}

.content-quick a.ov i.icon-5,
.content-quick a:hover i.icon-5,
.content-quick a:focus i.icon-5{background-position:-25px -200px}

.content-quick a.ov i.icon-6,
.content-quick a:hover i.icon-6,
.content-quick a:focus i.icon-6{background-position:-50px -50px}

.content-quick a.ov i.icon-7,
.content-quick a:hover i.icon-7,
.content-quick a:focus i.icon-7{background-position:-50px -100px}

.content-quick a.ov i.icon-8,
.content-quick a:hover i.icon-8,
.content-quick a:focus i.icon-8{background-position:-50px -150px}



.content-quick a.ov i.icon-num-1,
.content-quick a:hover i.icon-num-1,
.content-quick a:focus i.icon-num-1{height:24px;background-position:-25px -260px}

.content-quick a.ov i.icon-num-2,
.content-quick a:hover i.icon-num-2,
.content-quick a:focus i.icon-num-2{height:24px;background-position:-25px -288px}

.content-quick a.ov i.icon-num-3,
.content-quick a:hover i.icon-num-3,
.content-quick a:focus i.icon-num-3{height:24px;background-position:-25px -316px}

.content-quick a.ov i.icon-num-4,
.content-quick a:hover i.icon-num-4,
.content-quick a:focus i.icon-num-4{height:24px;background-position:-25px -344px}


.content-quick a.ov i.icon-num-5,
.content-quick a:hover i.icon-num-5,
.content-quick a:focus i.icon-num-5{height:24px;background-position:-25px -372px}


.content-quick a.ov i.icon-num-6,
.content-quick a:hover i.icon-num-6,
.content-quick a:focus i.icon-num-6{height:24px;background-position:-25px -400px}

.content-quick.fixed{z-index:100}
/*템플스테이*/

.content-quick.fixed{display:table;table-layout:fixed;}
.content-quick.fixed a{display:table-cell}



.ui-topic2{position:relative;overflow:hidden;background-color:#fff;border:1px solid #d8d8d8;}
.ui-topic2 .topic-thumb{position:relative;float:left;width:100%;height:360px;max-width:480px;overflow:hidden;background-color:#fafafa;border-right: 1px solid #d8d8d8;}
.ui-topic2 .topic-thumb div{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-topic2 .topic-thumb div img{max-width:none;height:100%}

.ui-topic2 .topic-caption{padding: 37px 29px 0px;}
.ui-topic2 .topic-thumb+.topic-caption{/*margin-left:601px;*/margin-left:516px;}

.ui-topic2 .caption-title{font-family: "nmn",sans-serif;font-size:22px;letter-spacing: -2px;color: #2c353f;font-weight:bold;}

/*.ui-topic2 .caption-addr{font-size:16px}
.ui-topic2 .caption-addr b{font-size:18px}*/
/*.ui-topic2 .caption-descript ul li{font-size:16px}*/
/*.ui-topic2 .caption-descript ul li b{font-size:18px}*/
.ui-topic2 .caption-descript ul li{font-size:14px;position:relative;padding-left:86px;margin: 4px 0;word-wrap: break-word;
    word-break: keep-all;}
.ui-topic2 .caption-descript ul li b{position: absolute;
top: 0;left: 0;}
.ui-topic2 .caption-descript ul li:before{content:"";display:block;position:absolute;top:6px;left:68px;width:1px;height: 16px;background:#d6d6d6;}
.ui-topic2 .caption-descript{padding:20px 0;margin:20px 0;font-size:16px;border:solid #ddd;border-width:1px 0;border-bottom: none;}
.ui-topic2 .caption-buttons{}
.ui-topic2 .caption-buttons ul{}
.ui-topic2 .caption-buttons ul li{display:inline-block;margin-left:5px;vertical-align:middle;text-align:center}
.ui-topic2 .caption-buttons ul li:first-child{margin-left:0}
.ui-topic2 .caption-buttons ul li a{display:block;width:90px;height:60px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd} 
.ui-topic2 .caption-buttons ul li a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui-topic2 .caption-buttons ul li a i{display:inline-block;line-height:1.3;vertical-align:middle}

.ui-topic2 .caption-buttons a:hover,
.ui-topic2 .caption-buttons a:focus{background:#d23b34;color:#fff}


.ui-white-block{/*padding:20px 10px;*/padding:20px 0;}
.ui-white-block:after{content:"";display:block;clear:both}
.ui-white-block>*{margin-top:10px}
.ui-white-block>*:first-child{margin-top:0}
.ui-white-block p[style],.ui-white-block span[style]{line-height:1.6 ;font-family:"ntk",sans-serif ;font-size:15px }

.ui-white-block .tbl_basic{margin-top:0}


.button span a{border-radius:0;}


#anchor1 .basic_gallary{}
#anchor1 .basic_gallary ul:after {content:"";display:block;visibility:hidden;clear:both;}
#anchor1 .basic_gallary ul li{display:inline-block;float:left;margin:0;width:50%;border:10px solid transparent;}

@media(max-width:639px){
#anchor1 .basic_gallary ul li{float:none;width:100%;}
}