@charset "utf-8";



.basic_box {position:relative;display:block;margin-bottom:10px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 10px;color:#666;font-size:14px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}
.board_total .bold{font-weight:bold;}
.basic_box .inner:after{content:"";display:block;visibility:hidden;clear:both;}
.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;}

@media only screen and (min-width:480px) {
    .basic_search .grap,
    .basic_search .searchinput{display:inline-block;/*width:auto;*/}
    .basic_search .grap select{margin-bottom:0;width:86px;}
    .basic_search .searchinput input[type="text"]{width:239px;height:34px;padding: 0 50px 0 10px;}
}

@media only screen and (min-width:640px) {
    .board_total{display:inline-block;float:left;}
    /*.basic_search{display:inline-block;float:right;padding-left:0;width: 240px;}*/
    .basic_search .searchinput{}
    .bbs_searchbox input[type="text"]{width:100%;}
}




.basic_table {width:100%;table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;box-sizing:border-box}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table thead th {padding:15px 10px;background:#efefef; border:1px solid #ddd; border-bottom:0; line-height:17px; font-size:15px; color:#333}
.basic_table tbody th{border:1px solid #ddd; text-align:center; color:#727177}
.basic_table th > label {background:#fafafa;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border:1px solid #e8e8f0; text-align:center;  color:#727177}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}

.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}


.noStyle{}
.noStyle th,
.noStyle td{border:none}

.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:166px;border-top: none;}
.ui-picture-list.cultureAssets>ul>li a .cnt .cnt_b{font-size:16px;}
.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 ul li{width:100%;overflow:hidden;font-size:14px;background:none;padding-left:49px;}
.ui-picture-list ul li a .cnt ul li b{position:absolute;left:22px;}
.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 b{display:block;height:32px;margin-top:15px;padding-left:5px;font-size:16px;border-bottom:1px solid #ddd;}*/


/*#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;box-shadow: 1px 1px 5px 1px #d8d8d8;margin: 50px 0 50px;}
.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-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{border-width:0;box-shadow:1px 1px 5px 1px #d8d8d8;}*/
.ui-white-block{box-shadow: 1px 1px 5px 1px #d8d8d8;padding: 45px 40px;}


.button span a{border-radius:0;}