@charset "utf-8";


/*Greetings*/
.greet {padding:0;background:url(/images/en/greetings/bg_greeting.gif) no-repeat 0 0;}
.greet strong {display:block;line-height:28px;font-size:26px;font-family:'Arial';color:#b21132;}

/*백제의역사*/
.history_bj {background:url(/images/en/about/bg_history2.gif) no-repeat 0 0;}
.history_bj div {padding:25px;line-height:21px;background:url(/images/en/about/bg_history_bott.gif) no-repeat 0 100%;}

.bjheritage {}
.txt_w1 {width:720px;}
.txt_w1:after{content:""; clear:both; display:block;}
.txt_w1 li{width:720px;line-height:27px;}
.txt_w1 dl{width:720px;line-height:27px;}
.txt_w1 dl dt {float:left;width:100px;margin:0 0 0 10px;padding:0 0 0 12px;font-size:12px;font-weight:bold;color:#000;letter-spacing:-1px;background:url(/images/en/common/h5.gif) no-repeat left 9px;}
.txt_w1 dl dd {float:left;width:533px;padding-left:20px;background:url("/images/kr/common/line-bul.gif") no-repeat left 9px;}

/*유적지구*/
.nmnt {position:relative;height:350px; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #968979;}
.nmnt h4 {padding-top:25px;background:none;}
.nmnt .nmnt7 {position:absolute;left:0px;bottom:32px;}
.img_nmnt1 {background:url(/images/en/historic/img_nmnt1.jpg) no-repeat 0 0;}
.img_nmnt2 {background:url(/images/en/historic/img_nmnt2.jpg) no-repeat 0 0;}
.img_nmnt3 {background:url(/images/en/historic/img_nmnt3.jpg) no-repeat 0 0;}
.img_nmnt4 {background:url(/images/en/historic/img_nmnt4.jpg) no-repeat 0 0;}
.img_nmnt5 {background:url(/images/en/historic/img_nmnt5.jpg) no-repeat 0 0;}
.img_nmnt6 {background:url(/images/en/historic/img_nmnt6.jpg) no-repeat 0 0;}
.img_nmnt7 {background:url(/images/en/historic/img_nmnt7.jpg) no-repeat 0 0;}
.img_nmnt8 {background:url(/images/en/historic/img_nmnt8.jpg) no-repeat 0 0;}

/* 공통 */
.photo_wrap{width:720px;margin:10px 0;}
.photo_wrap:after{content:""; clear:both; display:block;}
.photo_wrap h5 {margin-left:0;}
.photo_wrap p{float:right; width:350px; margin:0;}
.photo_wrap .flnone{float:none; width:auto; margin:0;}
.photo_wrap p.fl {float:left;margin:0 20px 10px 0;}
.photo_wrap p.f2 {float:left;margin:0 20px 10px 0;}
.photo_wrap p.f3 {float:right;margin:5px 0 0 20px;}

.p_point3 {font-size:14px;letter-spacing:0;color:#262e39;font-weight:300;}
.p_point2 {font-size:14px;letter-spacing:0;color:#262e39;font-weight:600;}
.p_point {font-size:16px;letter-spacing:0;color:#262e39;font-weight:600;}
.c_brown {color:#835d38;}
.c_red {color:#d33c5c;}
.c_red2 {color:#8a1e04;}
.c_beg {color:#e1b87d}
.c_gray {color:#222}


/*관련축제안내*/
.festi_list {position:relative; width:720px;}
.festi_list li {clear:both;overflow:hidden;margin:0 0 30px 0;padding:0 20px 30px 20px;list-style-type:none;border-bottom:1px solid #f3f3f3;}
.festi_list li div.thumbnail {position:relative;float:left;width:230px;height:325px;}
.festi_list li div.thumbnail a > img{width: 100%}
.festi_list li div.info {position:relative;float:right;width:430px;}
.festi_list li ul.h5_ul li {margin:0 0 3px 0;padding:3px 0 0 11px;background:url(/images/kr/common/h5_bul.gif) no-repeat left 7px;border-bottom:none;}

/*연혁*/


/*
	
코딩 수정 해야함

.history {padding:28px 28px 31px;background:url(/images/en/about/bg_history.gif) no-repeat 0 0;}
.history p {margin:0;}
.history div {width:100%;margin-top:20px;}
.history div:after{content:""; clear:both; display:block;}
.history div p {float:left;width:300px;}
.history div img {float:right;}

*/

.info_site {overflow:hidden;width:720px;margin:0 auto;}
.info_site li{float:left;margin-right:15px;margin-bottom:35px;width:229px;}
.info_site li p{margin-top:5px;text-align:center;}
.info_site .last {margin-right:0;}

#mapw {position:relative;width:720px;height:430px;}
#mapw p {position:absolute;top:0;left:0;width:170px;height:170px;margin:0;z-index:10;}
#map {width:704px;height:414px;border:8px solid #ddd;box-sizing: border-box;}
.rt_img{ position:relative;width:100%;}



/*Efforts by Communities*/
.pictr3{overflow:hidden;width:100%;margin-top:30px;}
.pictr3 li{float:left; width:220px; height:auto;margin-right:30px; text-align: center;}
.pictr3 li:last-of-type{margin-right:0px;}
.pictr3 li img{width:100%;}
.pictr3{margin-top:30px;}


.pictr8{overflow:hidden;width:100%;margin-top:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.pictr8 li{overflow:hidden;float:left; width:25%;height:200px;border-left:1px solid #ddd;box-sizing: border-box;}
.pictr8 li:nth-of-type(4n){border-right:1px solid #ddd;}
.pictr8 li p{overflow:hidden;width:100%; height:140px;margin:0;padding:0;background-color: #efefef;}
.pictr8 li p img{width:100%;display: block;margin-top: -15px;}
.pictr8 li span{display: table-cell;height:50px;padding: 3px 25px;text-align: center;vertical-align: middle;line-height: 13px;}
.pictr8 li span.ln1{padding:3px 30px;}

.pictr2{overflow:hidden;width:100%;margin-top:32px;}
.pictr2 li{float:left;width:50%;height:200px; background: #ddd;}

.greet .bold.mt_50{text-align: right;}

.h7_ul li.no_blt{background:0;}



/*tour course*/
.tab-ul {
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 35px;}
.tab-ul li {
    display: table;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    height: auto;
    vertical-align: middle;
    z-index: 10;
}
.tab-ul.tab-col-2 li {width: 50%;margin-left: 0px;margin-top: 0px;}
.tab-ul.tab-col-2 li:last-of-type {margin-left: -1px;}
.tab-ul.tab-col-4 li {width: 25%;}
.tab-ul li a {
    display: table-cell;
    position: relative;
    color: inherit;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-image: none;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;}
    
.tab-ul.deth-5st li a {
    position: relative;
    border-color: #ddd;
    color: #666;
    font-size: 15px;
    line-height: 1;
    height: 54px;
    text-align: left;
    z-index: 10;}

.tab-ul.deth-5st li a:hover, .tab-ul.deth-5st li a:focus, .tab-ul.deth-5st li a.tab_ov, .tab-ul.deth-5st li a:active {
    border: 1px solid #ef5705;
    color: #ef5705;
    z-index: 11;}

.tab-ul.deth-5st li a span {
    padding: 10px 5px;
    text-align: center;
}
.tab-ul li a span {
    display: block;
    position: relative;
    line-height: 120%;
}
.tab-ul.deth-5st li a span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    width: 5px;
    height: 9px;
    background: url(/site/common/img/tab_deth_5st_arr.png) no-repeat;
}

.wrap_guide {
    margin: 50px 0;
    background: url(http://152.99.138.212/site/tour/img/common/line_guide.png) repeat-y 100px;
}
.wrap_guide .course_guide{overflow: hidden;margin-top:50px;}
.wrap_guide .course_guide:first-child {margin-top: 0;}
.wrap_guide .course_guide:after {content: "";display: block;clear: both;}
.wrap_course_guide .tit_guide {
    position: relative;
    height: 60px;
    background: #678094;
    margin-top: 20px;
}
.wrap_course_guide .tit_guide span {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    background: #004C98 url(/images/en/info/icon_loca.png) no-repeat 50% 50%;
}
.wrap_course_guide .tit_guide h3 {
    position: absolute;
    left: 50px;
    top: 20%;
    margin: -13px 0 0 0;
    padding: 0;
    float: left;
    margin: 10px 0 0 30px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.course{overflow:hidden;width:100%;margin:50px 0;}
.course:first-of-type{margin-top:0px;}

.ui-course-box {
    padding: 105px 20px 0px;
    border: 1px solid #ddd;
    text-align: center;
}
.ui-course-box.type2 {
    background: #dfe0e0 url(/site/tour/img/common/course_line.png) no-repeat 50% 120px;
    border: none;
}
.ui-course-box ul {position: relative; padding: 100px 0px 50px}
.ui-course-box ul:first-of-type {padding: 0px 0px 0px}
.ui-course-box ul:last-of-type {padding: 40px 0px 50px}
.ui-course-box ul:nth-of-type(2){padding: 100px 0px 50px}
.ui-course-box ul.ln1{padding:0px 0px 50px;}

.ui-course-box ul.col_4 li {position: relative;width: 25%;}
.ui-course-box ul li {float: left;}
.ui-course-box ul .start {color: #0888f3;}
.ui-course-box ul li.start:before {left: 50%;}
.ui-course-box ul .start em {background-color: #0888f3;border-color:#0888f3;}
.ui-course-box ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.5px;
    width: 100%;
    height: 3px;
    background: url(http://152.99.138.212/site/tour/img/common/course_line.png);
}
.ui-course-box ul li > span {
    display: inline-block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -55px;
    font-size: 15px;
    line-height: 1.2;
    z-index: 3;
}
.ui-course-box ul li > span.l_txt {
    top:-75px;
}

.ui-course-box ul li em {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -15px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 4px solid #b0b1b3;
    border-radius: 50px;
    z-index: 2;
}
.ui-course-box ul li.end:before {left: -50%;}
.ui-course-box ul.lst li.end:before {width:50%;left:0;}
.ui-course-box ul .end em {background-color: #ced0d3;}

.ui-course-box ul::after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
.wrap_course_guide #map{width:100%;border-width:1px;border-bottom-width: 0;background-color: #ededed;}

.wrap_guide .course_guide .tour_img {float: left;position: relative;}
.wrap_guide .course_guide .tour_img .num {
    position: absolute;
    top: 10px;
    left: 0;
    padding-top: 4px;
    width: 48px;
    height: 63px;
    background: url(/images/en/info/bg_num.png) no-repeat;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height:30px;
}
/* .wrap_guide .course_guide .course.ov .tour_img .num{
	background: url(/images/en/info/bg_num.png) no-repeat -48px 0;
}
 */

.wrap_guide .course_guide .tour_img img {
    display: inline-block;
    width: 214px;
    height: 214px;
    border-radius: 50%;
}
.wrap_guide .course_guide .tour_info {
    float: right;
    width: 69%;
}

.wrap_guide .course_guide p{margin-left:20px;}


#map #map_canvas {width: 100%;height: 100%;}

/* 이미지 community_0504 */
.pictr2.c05_04 li img{height: 270px;}


/* historic_0106 */
#top_unbox {height:229px;margin:0 0 20px 0;}
#top_unbox:after{content:""; clear:both; display:block;}
#top_unbox .top_photo{float:left;width:290px;height:229px;margin:0;}
#top_unbox .top_textw{float:left;width:54%;height:189px;margin:0;padding:20px 20px;background:url("/images/kr/unesco/un_top_bg.gif") no-repeat left top; background-size: 100% 100%;}
#top_unbox .top_textw dl.text {/*overflow-y:auto;*/height:189px;margin:0;scrollbar-track-color:#1c2b3a;}
#top_unbox .top_textw dl:after{content:""; clear:both; display:block;}
#top_unbox .top_textw dl.text dt{display: block; float:left;clear: both; width: 30%; line-height:23px;color:#e1b87d;font-weight:normal;}
#top_unbox .top_textw dl.text dd{padding-left: 120px;line-height:23px;color:#f5e1c9;}
#top_unbox .top_textw dl.text dd.dif{height: 46px;}