.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.tour_view{width:100%;}
.tour_view .view_gal{width:100%; overflow:hidden;}
.tour_view .view_gal img{max-width:100%;}
.area_view_slider { position:relative; width:470px; height:300px; float:left;}

.area_view_slider .bx-has-controls-direction {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 44px;
  /* border: 1px solid #fff; */
}
.area_view_slider .bx-controls-direction a ,
.area_view_slider .bx-controls-auto-item a {
  height: 44px;
  width: 44px;
  display: inline-block;
  background-color: #333;
  position:absolute;
  border: 1px solid #505050;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.area_view_slider .bx-controls-auto {
  position: absolute;
}
.area_view_slider .bx-controls-direction a.bx-prev {
  right: 88px;
  background-image: url("/user_res/images/culture/bx_prev.png");
}
.area_view_slider .bx-controls-direction a.bx-next {
  right: 0;
  background-image: url("/user_res/images/culture/bx_next.png");
}
.area_view_slider .bx-controls-auto-item a {
  right: 44px;
  border-right: 0;
  border-left: 0;
}
.area_view_slider .bx-controls-auto-item a.bx-stop {
  background-image: url("/user_res/images/culture/bx_stop.png");
}
.area_view_slider .bx-controls-auto-item a.bx-start {
  background-image: url("/user_res/images/culture/bx_play.png");
}
.area_view_slider .bx-controls-auto-item a.active {
  display: none;
}


.view_info{float:left;width: 405px;margin-left:25px;}
.view_info h2.tour_title{font-size:28px; margin-bottom:15px; margin-top:15px; }
.view_info dl{width:100%; padding:8px 0; }
.view_info dl:nth-child(2n){background:#f5f5f5;}
.view_info dl dt{float:left; width:20%; padding-left:15px; font-size:14px; font-weight:600; color:#2f9ebd}
.view_info dl dd{float:left;width:75%;}
.view_icon_list{margin-top:15px;}
.view_icon_list a{display:inline-block; width:80px; height:80px; color:#fff; text-align:center; font-size:13px; background:#333; border-radius:50px; margin-right:5px;}
.view_icon_list a.vr{background:#219aed;}
.view_icon_list a:hover{background:#505050}
.view_icon_list a i{display:block; min-height:43px; text-indent:-9999px;}
.view_icon_list a i.icon01{text-align:center; background:url("/user_res/images/culture/icon01.png") center 13px no-repeat;}
.view_icon_list a i.icon02{background:url("/user_res/images/culture/icon02.png") center 15px no-repeat;}
.view_icon_list a i.icon03{background:url("/user_res/images/culture/icon03.png") center 15px no-repeat;}
.view_icon_list a i.icon04{background:url("/user_res/images/culture/icon04.png") center 15px no-repeat;}

.view_info.type2{width:100%;margin:0}

.tour_intro{clear:both; overflow:hidden; margin-top:30px;}
.tour_intro h3.intro{font-size:22px; font-weight:600; line-height:35px; padding-left:45px; padding-bottom:9px; border-bottom:2px solid #e8e8e8;  background:url("/user_res/images/culture/icon_intro01.png") no-repeat;}
.tour_intro .introWrap{margin:15px 0;line-height:24px;color:#555;}

.tour_blog{clear:both; overflow:hidden; margin-top:30px;}
.tour_blog h3.blog{font-size:22px;font-weight:600;line-height:35px;padding-left:45px;padding-bottom:9px;border-bottom:2px solid #e8e8e8;background: url("/user_res/images/tour/icon_intro02.png") no-repeat;}
.tour_blog .blogWrap{margin:15px 0; line-height:24px; font-size:15px; color:#555;}

.tour_map{clear:both; overflow:hidden; margin-top:30px;}
.tour_map h3.map{font-size:22px; font-weight:600; line-height:35px; padding-left:45px; padding-bottom:9px; border-bottom:2px solid #e8e8e8;  background:url("/user_res/images/culture/icon_intro03.png") no-repeat;}
.tour_map .mapWrap{margin:15px 0; line-height:24px; font-size:15px; color:#555;}

/* blog */
.blogWrap .js-load {
    display: none;
}
.blogWrap .js-load.active {
    display: block;
}
.blogWrap .is_comp.js-load:after {
    display: none;
}
.blogWrap .btn-wrap{
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:26px;
	padding:4px 0;
    display: block;
	background:#f1f1f1;
}
.blogWrap .btn-wrap a{
	display:block;
}
.blogWrap .btn-wrap:hover{
	background:#93c575;
	color:#fff;
}

.blogWrap .blog_lists {
   width:100%;

}
.blogWrap .lists_item {
	width:31.3%; 
	float:left;
	margin-right:3%;
	margin-bottom:1%;
}
.blogWrap .lists_item .blog_con{
	display:block;
	border:1px solid #eee;
	padding:15px 25px;
	font-size:11px;
}
.blogWrap .lists_item .blog_con:hover{
	border:1px solid #93c575;
}
.blogWrap .lists_item .blog_con i{
	font-size:15px;
	color:#6fc729;
	display:block;
}
.blogWrap .lists_item .blog_con strong.title{
	font-size:18px;
	display:block;
	margin-bottom:10px;
	height:48px;
	overflow:hidden;
}

.blogWrap .lists_item .blog_con span.con{
	display: inline-block;
	font-size: 15px;
	color:#999;
	margin-bottom:15px;
	line-height:18px;
	letter-spacing:-1px;
	width: 100%;
	height: 72px;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blogWrap .lists_item .blog_con span.bl_name{
	font-size:12px;
	margin-right:5px;
}
.blogWrap .lists_item .blog_con time{
	font-size:12px; margin-left:5px;
}
.blogWrap .lists_item:nth-child(3n){
	margin-right:0;
}


@media (max-width:1200px){
	.view_info{
    max-width: 465px;
    width: 100%;
    margin: 0;
}
}

@media (max-width:750px){
	.blogWrap .js-load.active{width:100%}
	.area_view_slider{margin:0 auto;display:block;float: none;overflow: hidden;}
	.view_info{margin:0 auto;float:none}
}


/* */
.hw_gal{width:100%; clear:both; overflow:hidden;}
.hw_gal .hw_img{float:left; width:470px;}
.hw_gal .hw_info{float:left; width:490px;}
.hw_gal .hw_info .hw_wrap{ height:300px; padding:30px;}
.hw_gal .hw_info .hw_wrap p{font-size:14px; margin-top:15px; color:#888; line-height:22px;}

.hw_gal2{width:100%; clear:both; overflow:hidden;margin-top:30px;}
.hw_gal2 .hw_img{float:left; width:470px;}
.hw_gal2 .hw_info{float:left; width:490px;}
.hw_gal2 .hw_info .hw_wrap{ height:300px; padding:30px;}
.hw_gal2 .hw_info .hw_wrap p{font-size:14px; margin-top:15px; color:#888; line-height:22px;}

.hw_view{font-size:14px; margin-top:30px; color:#888; line-height:22px;}



.hw_gal{width:100%; clear:both; overflow:hidden;}
.hw_gal .hw_img{float:left;width: 430px;}
.hw_gal .hw_img img { width:100%; }
.hw_gal .hw_info{float:left;width: 470px;}
.hw_gal .hw_info .hw_wrap{min-height: 330px;padding: 0 30px;}
.hw_info .hw_wrap .hw_title{font-size: 26px;letter-spacing:-2px;line-height: 120%;}
.hw_info .hw_wrap .hw_title .hw_point{color:#017fd7}
.hw_gal .hw_info .hw_wrap p{font-size: 16px;margin-top: 7px;color:#888;line-height: 21px;}

.hw_gal2{width:100%; clear:both; overflow:hidden;margin-top:30px;}
.hw_gal2 .hw_img{float:left;width: 470px;}
.hw_gal2 .hw_info{float:left;width: 430px;}
.hw_gal2 .hw_info .hw_wrap{height:300px;padding: 0px 60px 30px 0;}
.hw_gal2 .hw_info .hw_wrap p{font-size: 16px;margin-top:15px;color:#888;line-height:22px;}

.hw_view{font-size: 16px;margin-top:30px;color:#888;line-height:22px;}     

.hw_gal3 .hw_title{padding-left:50px;background:url(/user_res/images/culture/tree00.jpg) left center no-repeat;line-height: 60px;padding-top: 20px;}
.hw_gal3 .hw_titleS{position:relative;font-weight:700;margin-top: 20px;padding:10px 0 0 0;border-top: 1px solid #e1e1e1;}
.hw_gal3 .hw_titleS:before{content:'';background-color:#82c158;height: 4px;width: 38px;display:block;position: absolute;top: -1px;}


.ui-course{ margin-bottom:50px; }
.ui-course:after{content:"";display:block;clear:both}
.ui-course .course-icon{background: url(/user_res/images/culture/course.png) no-repeat;}
.ui-course .course-title{float:left;width:143px;height:143px;text-align:center;border-radius:100%;background-color:#393e51}
.ui-course .course-title:before{content:"";display:inline-block;height:95%;vertical-align:middle}
.ui-course .course-title strong{display:inline-block;vertical-align:middle;line-height:1;font-weight:700;font-family:"nmn",sans-serif;font-size:30px;color:#fff}
.ui-course .course-title strong i{display:block;margin-bottom:10px;font-weight:400;font-family:"ntk",sans-serif;font-size:15px}
.ui-course .course-title strong span{line-height:1.2;font-family:"nmn",sans-serif;color:#ffe243}

.ui-course .course-list{margin: 70px 0 0 150px;}
.ui-course .course-list.twoway{margin:30px 0 20px 200px}
.ui-course .course-list.twoway+.twoway{margin-top:0}
.ui-course .course-list .list-grap{position:relative;top:20px;display:table;table-layout:fixed;width:100%;min-height: 95px;}
.ui-course .course-list .name{position:relative;display:table-cell;vertical-align:top;text-align:center}
.ui-course .course-list .km{position:absolute;right:-40px;top:0;min-width:80px;padding:3px 10px;font-size:13px;border-radius:25px;border:1px solid #ddd}

.ui-course .course-list button{position:relative;width:100%;text-align:center;line-height:1.3;font-size:18px;color:#505050;cursor: auto;}
.ui-course .course-list button:after{content:"";position:absolute;top:39px;left:0;right:0;height:1px;background-color:#8e8e8e}
.ui-course .course-list button i{display:block;width:28px;height:39px;margin:0 auto 10px;line-height:27px;font-size:15px;background-position:-34px -8px;color:#fff}
.ui-course .course-list button i.a { background-position:-34px -48px;}
.ui-course .course-list button i.b { background-position:-34px -88px;}
.ui-course .course-list button i.c { background-position:-34px -128px;}

.conBox.type13 h2.tit{margin:0 0 10px 0;}
.conBox.type13 ul.list{overflow: hidden;}
.conBox.type13 .list li {float:left;width:33.33%;margin:10px 0}
.conBox.type13 .list li img{display:inline-block;padding-right:10px}
.conBox.type13 ul.list.type2{border-top:1px solid #e1e1e1;margin:10px 0 0 0;padding:10px 0 0 0 }

@media(max-width:1200px){
	.ui-course .course-title{float:none;width:auto;height:auto;padding:10px;border-radius:5px}
	.ui-course .course-title strong br{display:none}
	.ui-course .course-list,.ui-course .course-list.twoway{margin:70px 0 0}

}

@media(max-width:1000px){
	.ui-course .course-list{margin:100px 0 0}
	.ui-course .course-list.twoway{margin:100px 0 50px}
	.ui-course .course-list.twoway+.twoway{margin-bottom:0}
	.ui-course .course-list .km{top:-45px}
	.ui-course .course-list .km:after{content:"";position:absolute;bottom:-57px;left:50%;width:1px;height:57px;background:#ddd}




}

@media(max-width:767px){
	
	.ui-course .course-list{margin:-70px 10px 20px}
	.ui-course .course-list{margin-top:110px}
	.ui-course .course-list{margin-bottom:0}
	

	.ui-course .course-list{top:0;height:auto;background-color:transparent}
	.ui-course .course-list .name{float:left;width:33.3%;height:150px}
	.ui-course .course-list .name .km{right:0}

	.ui-course .course-list button{font-size:14px}

	.conBox.type13 .list li{width:50%;min-height:50px}
	.conBox.type13 .list.type2 li{min-height:35px}

}

@media(max-width:640px){
	
}


@media(max-width:480px){
	.ui-course .course-list button i{position:relative;left:-15px}
	.ui-course .course-list .name .km{right:-5px}

	.conBox.type13 .list li{width:100%;margin-top: 0;min-height: auto;}

}

.org.cul .link_list > li{width:40%; margin-left:74px;}        
.org.cul .group .top_level3 .level03 a{height:58px;}             
.org.cul .group .top_level3 ul{height:229px; background-image:url(/upload_data/board_data/BBS_0000050/154139541851041.png); }
.org.cul .group .top_level3 .level01{padding-bottom:140px; background-repeat:repeat-y;}
.org.cul .group .top_level3 .level03{padding-left:204px; top:85px; height:58px; background:url(/upload_data/board_data/BBS_0000050/154139512026385.jpg)  repeat-x center left 0px}

.org.cul  .group .org_dep-2{display:block; height:58px; margin-bottom:10px; line-height:36px; font-size:18px; text-align:center; color:#3ab9e0; border:10px solid #3ab9e0;}              
.org.cul  .group .link_list > li > ul > li.level4 > a{font-size:18px; margin-bottom:10px; background:#15b4b3; display:block; color:#fff; text-align:center;}     


.tree_coma{padding-left:10px}       
.tree_coma li {line-height:1.7em;margin:10px 0}
.tree_coma li span.tag2{display:inline-block;background-color: #b7b7b7;color: white;border-radius: 5px;padding: 2px 7px;margin-right: 10px;}                                                                                                                                 



.busking > li{/* margin-top: 30px; */}
.busking h1.tit{font-size:22px;font-weight:700;padding:0 0 13px 0;border-bottom:3px solid black;margin-top: 30px;}
.busking #divBox{display:none}
.busking li ul{border-bottom: 1px solid #cccccc;cursor: pointer;}
.busking li ul li{height:50px;float:left;line-height: 50px;text-align: center;}
.busking li ul li.name1{width:10%}
.busking li ul li.name1 span{width:63px;height:21px;border-radius: 10px;font-size: 14px;display: inline-block;color: white;line-height: 21px;}
.busking li ul li.name1 span.gu{background-color: #344b60;}
.busking li ul li.name1 span.hae{background-color: #e23d3d;}
.busking li ul li.name2{width:10%}
.busking li ul li.name3{width:40%}
.busking li ul li.name2_3{width:50%}
.busking li ul li.day{width:40%}
.busking li ul li.txt{float:none;clear:both;width:100%;text-align: left;border-top: 1px solid #e1e1e1;padding: 0 20px;}
                                      
@media(max-width:750px){ 
	
	.busking li ul li.name1, .busking li ul li.name2{width:15%}
	.busking li ul li.name3, .busking li ul li.day{width:35%}

}      

@media(max-width:550px){ 
	
	.busking li ul li.name1, .busking li ul li.name2{width:20%}
	.busking li ul li.name3{width:60%;}
	.busking li ul li.day{display:none}

}                                                   

.vr .vr_list{    border-top: 2px solid black;    margin: 20px 0 0 0;}
.vr .vr_list li{padding: 15px 20px;border-bottom:1px solid #e1e1e1;position:relative;overflow:hidden;}
.vr .vr_list li a{position:absolute;right:20px;top: 13px;}
.vr .vr_list li a.vr{position:relative;right:inherit;top:0;}
.vr .vr_list li:nth-child(odd){background-color:#f7f8fa}   

.vr_summary span{margin-right:30px}
.vr_summary img{width:50px;display:inline-block;margin-right:10px}               



.gal .blt.type2{margin-top:0}
.gal .big{position:absolute;bottom:0;right:0;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:White;font-size:25px;background-color:rgba(0, 0, 0, 0.7);font-weight:700}            




.cityT{overflow: hidden;}
.cityT > div{float:left;width: 32.5%;padding:20px;border:1px solid #e1e1e1;text-align: center;}
.cityT div.left,.cityT div.center{margin-right:1%}
.cityT div img{width:100%}
.cityT div{min-height: 349px;}

.cityT > div h1{margin:30px 0 70px 0;font-size:25px;font-weight:700;position:relative}
.cityT > div h1:after{position:absolute;content:'';display:block;width:30px;height:5px;background-color:#ebebeb;bottom:-20px;left:calc(50% - 15px)}
.cityT > div img{display:inline-block;margin: 0 0 50px 0;}         


@media(max-width:600px){

	.cityT > div{float:none;width:100% !important;margin:0}
	.cityT > div.left{margin-bottom:20px}

}      

.tour_view .menu ul{margin:20px 0}
.tour_view .menu li{display: inline-block;padding-left:14px;background: url('/user_res/images/common/ul_depth2_bu.gif') no-repeat;background-position:left 12px;margin-left: 20px;margin-right: 20px;line-height:2em}                                                                                                           

/* 관광지도 신청 */
.guide_req{min-height:200px;padding-left: 316px;background: url("/upload_data/board_data/BBS_0000050/155064402878006.png") no-repeat 50px 20px;margin-bottom: 36px;}
.guide_req .gu_title{font-size: 23px;color: #07aab6;font-weight:600;padding-top: 20px;}
.guide_req .gu_con{font-size: 15px; line-height: 23px; margin-top: 10px;}
 

/* 고운바닷길  */
.embed-container.hae_goun { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container.hae_goun iframe, .embed-container.hae_goun object, .embed-container.hae_goun embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;

.festival_history { width:100%; background:#f8f8f8; padding:10px 20px; border:1px solid #eee}


/* open_tourist */
.open_tourist{width:100%;}
.open_tourist li{float:left; margin-bottom:25px; width:50%;}
.open_tourist li img {float:left; width:75px;}
.open_tourist li dl{float:left; width:360px; margin:0 20px; }
.open_tourist li dl dt{font-weight: bold; color:#438dff;}               



/* accordion */
#project_con {position:relative;}
#project_con .project_list > li {position:relative;padding:15px 20px; margin-bottom:10px; border:1px solid #2668af; border-radius:10px;}
#project_con .project_list > li .link { position:relative; display:block; }
#project_con .project_list > li .link i { position:absolute; right:0px; top:5px; display:inline-block; width:36px; height:19px; background:url('http://klpna.or.kr/images/edu/subMain/down_off.png') no-repeat left -5px;
-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;text-indent: -9999px;}
#project_con .project_list > li.open .link i {position:absolute; right:0px;top:3px;background:url('http://klpna.or.kr/images/edu/subMain/down_on.png') no-repeat left 0px;;-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(180deg);transform: rotate(360deg);text-indent: -9999px;}
#project_con .project_list > li .link .title { padding-left:30px; padding-right:30px; font-size:1em; font-weight:bold; color:#1f3c64;background:url('http://klpna.or.kr/images/edu/subMain/bull_h5.gif') no-repeat 0 7px;}
#project_con .project_list > li .link .targets {}
#project_con .project_list > li .link .targets .data {color:#2668af;}
#project_con .project_list > li .topbox {margin-top:30px;}
#project_con .downcon {display:none; padding: 20px; background:#f8f8f8; margin-top:30px; }