@charset "utf-8";

/**************************** CSS Document ****************************
	특정 페이지의 Styles
***********************************************************************/

#ct a.btn_sup:hover{color:#fff;opacity:0.9;}

/*20140701*/
#ct .subtitle{margin-top:30px;margin-bottom:20px;padding-top:10px;padding-bottom:10px;font-size:18px;font-weight:bold;color:#666;border-bottom:1px solid #333;border-top:2px solid #333;}
#ct .boxing{padding:7px;border:1px solid #ccc;background:none repeat scroll 0 0 #f8f8f8;}
#ct .centerfloat{display:block !important;margin:0 auto;text-align:center !important;}
#ct .box ul li {line-height:normal !important;background:none !important;}
#tablelist ul{padding-left:0 !important;list-style-type:none !important;}
#tablelist ul li{float:left;line-height:18px;height:18px;width:33%;list-style-type:none !important;border:1px solid #d6d6d6;}

/*20140702*/
.c_icon_list ul li.c_icon_notice{background:url(images/common/bg_notice.png) no-repeat left 3px;}
.c_icon_list ul li.c_icon_prohibited{background:url(images/common/bg_prohibited.png) no-repeat left 3px;}
.c_icon_list ul li.c_icon_bus_p{background:url(images/common/bg_pureun_bus.png) no-repeat left 3px;}
.c_icon_list ul li.c_icon_car_p{background:url(images/common/bg_car.png) no-repeat left 3px;}
.c_icon_list ul li.c_icon_class{background:url(images/common/bg_class.png) no-repeat left 3px;}
.c_icon_list ul li.c_icon_subway{background:url(images/common/bg_subway.png) no-repeat left 3px;}

/*140620 특정페이지*/
#post-446:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
#post-446 ol li{list-style:none;}
#post-446 .map ol{*zoom:1;}
#post-446 .map ol:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
#ct{font-size:14px;}
#ct img:not(.playbutton){/*width:100%;*/height:auto;}
#ct a{color:#21759b;text-decoration:underline;}
#ct a:hover{color:#333;}
#ct p{margin-bottom:20px;}
#ct td img{margin-top:0;margin-bottom:0;}

#ct table td{vertical-align:middle;}
#bt{margin-bottom:20px;}

/* Parks */
.park_img{border:1px solid #d8d8d8;margin-top:10px;}
.park_img .park_img_box{*zoom:1;border-bottom:1px solid #d8d8d8;position:relative;}
.park_img .park_img_box:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.park_img .park_img_box .map{float:left;border-right:1px solid #d8d8d8;}
.park_img .park_img_box .map_btn{position:absolute;top:-1px;left:0;padding-left:390px;}
.park_img .park_img_box .map_btn ul{padding-left:0 !important;list-style-type:none !important;}
.park_img .park_img_box .map_btn li{float:left;width:50%;margin-top:0;margin-bottom:-1px;padding-left:0;list-style-type:none !important;background:none;}
.park_img .park_img_box .map_btn li a{display:block;padding:9px;font-size:13px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background:#f9f9f9}
.park_img .park_img_box .map_btn li a.on{background:#ffdbdb;}
.park_img .park_img_box .map_btn li a:hover{background:#fff;}
.park_img .park_img_box .map_btn li a span{display:inline-block;color:#fff;background:#35aa11;width:20px;text-align:center;margin-right:5px;}
.park_img .map_text{padding:15px;}
.park_img .map_text h2{font-size:14px;font-weight:bold;}
.park_img .map_text{font-size:12px;}

.tab_sub_n{padding-left:0 !important;list-style-type:none !important;*zoom:1;border-bottom:1px solid #383838;border-top:1px solid #333;padding:10px 20px 7px;}
.tab_sub_n:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.tab_sub_n li{float:left;margin-right:20px;padding-left:0 !important;list-style-type:none !important;background:none !important;}
.tab_sub_n li a{color:#727272;font-size:15px;line-height:22px;padding:0 0 0 15px;}
.tab_sub_n li strong{padding:0 0 0 15px;line-height:22px;font-size:15px;color:#000;background:url("/images/gtk/about/map/bg_con_tab.jpg") no-repeat scroll left 7px rgba(0, 0, 0, 0);}

.tab_sub_n2{padding-left:0 !important;list-style-type:none !important;*zoom:1;border-bottom:1px solid #b0b0b0;padding:5px 20px 2px;background:#f6f6f6}
.tab_sub_n2:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.tab_sub_n2 li{float:left;margin-right:20px;list-style-type:none !important;}
.tab_sub_n2 li a{color:#727272;font-size:12px;line-height:22px;padding:0 0 0 10px;}
.tab_sub_n2 li strong{background:url("/images/gtk/about/map/bg_jum_list.jpg") no-repeat scroll left 6px rgba(0, 0, 0, 0);font-weight:normal;color:#000;font-size:12px;line-height:22px;padding:0 0 0 10px;}

/* easy read 2014-08-26 */
.box_tit_easy_read{padding:40px 0;}
.tit_easy_read{width:142px;height:19px;margin:0px auto 5px auto;background:url(/wp-content/themes/seoul-e/images/easyread/tit_easy_read.png) no-repeat;}
.tit_easy_desc{text-align:center;}

.wrap_list_easy_read{padding-top:25px;border-top:6px solid #000;}

.list_easy_read{*clear:both;width:920px;margin:0px auto;}
.list_easy_read:after{display:block;content:'';clear:both;}
.list_easy_read li{float:left;width:288px;height:288px;margin-right:15px;margin-bottom:25px;border:1px solid #ccc;}
.list_easy_read li img{width:288px;height:193px;}

.box_easy_read_top{position:relative;width:288px;height:193px;}
.box_easy_read_top > a.bg_read_gray{display:block;position:absolute;top:0px;right:0px;width:81px;height:63px;padding:15px 0 0 0;border:0;background:none;text-align:center;color:#000;background:url(/wp-content/themes/seoul-e/images/easyread/bg_gray.png) no-repeat;}
.box_easy_read_top > a.bg_read_red{display:block;position:absolute;top:0px;right:0px;width:81px;height:63px;padding:15px 0 0 0;border:0;background:none;text-align:center;color:#000;background:url(/wp-content/themes/seoul-e/images/easyread/bg_red.png) no-repeat;}
.box_easy_read_top > a.bg_read_blue{display:block;position:absolute;top:0px;right:0px;width:81px;height:63px;padding:15px 0 0 0;border:0;background:none;text-align:center;color:#000;background:url(/wp-content/themes/seoul-e/images/easyread/bg_blue.png) no-repeat;}
.box_easy_read_top > a.bg_read_green{display:block;position:absolute;top:0px;right:0px;width:81px;height:63px;padding:15px 0 0 0;border:0;background:none;text-align:center;color:#000;background:url(/wp-content/themes/seoul-e/images/easyread/bg_green.png) no-repeat;}
.box_easy_read_top > a.bg_read_gray:hover{color:#fff;background:url(/wp-content/themes/seoul-e/images/easyread/bg_gray_on.png) no-repeat;}
.box_easy_read_top > a.bg_read_red:hover{color:#fff;background:url(/wp-content/themes/seoul-e/images/easyread/bg_red_on.png) no-repeat;}
.box_easy_read_top > a.bg_read_blue:hover{color:#fff;background:url(/wp-content/themes/seoul-e/images/easyread/bg_blue_on.png) no-repeat;}
.box_easy_read_top > a.bg_read_green:hover{color:#fff;background:url(/wp-content/themes/seoul-e/images/easyread/bg_green_on.png) no-repeat;}

.btn_icon_plus{display:block;width:100%;height:15px;text-align:center;}

.box_easy_read_bottom{width:288px;height:95px;}
.box_easy_read_bottom .box_easy_desc{height:60px;padding:9px 12px 0 12px;}
.box_easy_read_bottom .box_easy_desc .txt_dates{color:#665555;font-size:12px;}
.box_easy_read_bottom .box_easy_desc .txt_desc{color:#333;font-size:13px;}
.box_easy_read_bottom .box_easy_desc .txt_desc a{color:#333;font-size:13px;}
a.btn_easy_like_it{display:block;width:288px;height:25px;border:0;background:url(/wp-content/themes/seoul-e/images/easyread/btn_easy_like_it.png) no-repeat;cursor:pointer;}
a.btn_easy_like_it:hover{background:url(/wp-content/themes/seoul-e/images/easyread/btn_easy_like_it_on.png) no-repeat;cursor:pointer;}
.screen_out{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}

.box_easy_link{display:block;position:absolute;top:92px;right:10px;}
.box_easy_link .btn_easy_read{display:block;width:119px;height:19px;background:url(/wp-content/themes/seoul-e/images/easyread/easy_read.png) no-repeat;}

/* 2016-07-05 아이서울유로고추가 */
.box_iseoulu_logo{display:block;position:absolute;top:92px;left:0;width:151px;height:auto;}
.box_iseoulu_logo img{width:100%;height:auto;}

/* 2014-10-06 panorama */
.wrap_seoul_weather{position:relative;width:1280px;height:60px;margin:0px auto;}
.wrap_seoul_weather .kb-slide img{width:1280px;height:60px;}
.wrap_seoul_weather .open .kbslide img{width:1280px;height:600px;}
#seoul_weather_kenburn{overflow:hidden;position:relative;width:1280px;height:100%;}
#seoul_weather_kenburn .kb-slide{position:absolute;z-index:1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);}

.box_seoul_weather_over{position:absolute;top:0px;left:0px;width:1280px;height:600px;z-index:10;background:url(/wp-content/themes/seoul-e/images/panorama/transparent.png) top left repeat;}
.box_seoul_weather{padding:20px;border-radius:10px;position:absolute;top:335px;left:160px;z-index:11;background:url(/wp-content/themes/seoul-e/images/panorama/bg_weather_over.png) left top no-repeat;}
.box_icon_weather img{vertical-align:top;display:block;}
.box_seoul_weather_over .box_button_weather_link{position:absolute;top:527px;right:140px;z-index:12;background:url(/wp-content/themes/seoul-e/images/panorama/bg_weather_over.png) no-repeat;}
.box_seoul_weather_over .box_button_weather_link .btn_link{padding:3px 5px 3px 33px;*padding:3px 5px 3px 18px;*margin-right:5px;border:1px solid #adaca9;background:transparent url(/wp-content/themes/seoul-e/images/panorama/ico_weather_link.png) 5px 1px no-repeat;color:#fff;cursor:pointer;}
.box_seoul_weather_over .box_button_weather_link .btn_download{padding:3px 5px 3px 39px;*padding:3px 5px 3px 20px;border:1px solid #adaca9;background:transparent url(/wp-content/themes/seoul-e/images/panorama/ico_weather_download.png) 5px 1px no-repeat;color:#fff;}

.txt_temperature{display:inline-block;margin-right:10px;height:70px;font-size:70px;color:#fff;font-weight:bold;line-height:70px;}
.txt_wheater_percent{font-size:24px;color:#fff;font-weight:bold;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);}

.box_seoul_weather_dust{padding-top:10px;position:relative;}
.box_seoul_weather_dust p{font-size:16px;color:#fff;}
.box_seoul_weather_dust p span{color:#fad242;}
.box_btn_upDown{width:100%;position:absolute;top:40px;text-align:center;height:10px;z-index:100;}
.box_btn_upDown_1{top:580px;text-align:center;}
.btn_weather_scroll_down{position:absolute;top:40px;left:50%;margin-left:-20px;z-index:100;width:40px;height:40px;background:url(/wp-content/themes/seoul-e/images/panorama/btn_seoul_weather_down.png) no-repeat;}
.btn_weather_scroll_up{position:absolute;top:580px;left:50%;margin-left:-20px;z-index:100;width:40px;height:40px;background:url(/wp-content/themes/seoul-e/images/panorama/btn_seoul_weather_up.png) no-repeat;}

#mobile_panorama_container{position:absolute;top:0;left:0;width:100%;z-index:999;}
#mobile_panorama_container img{width:100%;display:block;margin-bottom:10px;}

#mobile_panorama_wrapper{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;z-index:900;background-color:rgba(0, 0, 0, 0.7);}
/* //2014-10-06 panorama */

/* 프랑스애도-2015-11-16 */
.pc_img{display:block;position:absolute;}
.mobile_img{display:none;}

/* 2015 Seoul Garden Show */
#new-year-pop{display:none;overflow-y:scroll;width:620px;height:650px;line-height:22px;padding:30px;font-size:16px;border:5px solid #000;background-color:#fff;}
#new-year-pop h1{margin-bottom:16px;font-size:24px;font-weight:bold;}
#new-year-pop h2{margin-top:30px;margin-bottom:14px;font-size:18px;}
#new-year-pop h3{margin-top:4px;margin-bottom:12px;text-align:center;font-size:15px;font-weight:normal;}

/* Seoul Trail */
.trail_wrap h3{margin-bottom:25px;padding-top:24px;color:#010101;font-size:16px;font-weight:bold;}
.trail_wrap h3:before{content:"|";display:inline-block;margin-right:5px;}
.trail_wrap p{color:#777;font-size:14px !important;line-height:22px;}
.trail_wrap .f12 {font-size:13px !important;line-height:16px;}
.trail_wrap .img_box img{width:100%;height:auto;}
.trail_wrap .f15{padding-top:0;color:#1a1a1a;font-size:15px !important;}
.trailbox1 p,
.trailtour1 p{padding-top:15px;color:#777;font-size:14px !important;line-height:22px;}
.trailbox2{background:url(/wp-content/themes/seoul-e/images/trail/img_seoul_trail1.png) no-repeat 85% top;}
.trailbox2 ul{width:50%;}
.trailbox2 ul li{padding-left:9px;background:url(/wp-content/themes/seoul-e/images/trail/bg_bullet.png) no-repeat left 10px;color:#777;font-size:14px;line-height:25px;}
.list_type_trail{margin-left:-3%;}
.list_type_trail:after{display:block;content:'';clear:both;}
.list_type_trail li{position:relative;float:left;width:22%;height:auto;padding-left:3%;}
.list_type_trail li img{width:100%;height:auto;}
.list_type_trail li p{padding-top:16px;color:#000;font-size:14px !important;font-weight:bold;}
.list_type_trail li p span{display:block;color:#727272;font-size:12px;font-weight:normal;line-height:14px;}
.list_type_trail li:before{content:"";position:absolute;top:-21px;left:0;width:100%;height:2px;background-color:#333;}
.list_type_trail li:after{content:"\f35a";font-family:"Font Awesome 5 Free";font-weight:400;font-size:20px;position:absolute;top:-35px;left:57%;margin-left:-15px;background-color:#fff;z-index:1;}

.trailtour2 table{margin-bottom:30px;}
.trailtour2 .list_type_trail1{margin-bottom:25px;}
.trailtour2 .list_type_trail1 li{color:#777;font-size:14px;line-height:25px;}
.trailtour2 .list_type_trail li:last-child{width:47%;}
.trailtour2 .list_type_trail li img{width:100%;height:auto;max-height:246px;}
.trailtour3 .leftBox{width:32%;height:auto;}
.trailtour3 .leftBox img{width:100%;max-width:200px;height:auto;max-height:288px;}
.trailtour3 .rightBox{width:64%;}
.trailtour3 .tbl_box{margin-top:52px;}
.trailtour3 .tbl_box tr:last-child td{padding:12px 0;}
.trailtour4 .list_type_trail{margin:-20px 0 0 -2%;}
.trailtour4 .list_type_trail li{width:31.333%;margin:20px 0 0 2%;}

.list_course{margin-left:-1%;padding-left:0 !important;list-style-type:none !important;}
.list_course:after{display:block;content:'';clear:both;}
.list_course li{float:left;width:11.5%;margin-left:1%;list-style-type:none !important;background:#f1f1f1;text-align:center;}
.list_course li a{font-size:14px;color:#777;line-height:50px;}
.list_course li a span{font-size:20px;}
.list_course li.on a{color:#fff;}
.list_course .list__course1.on{background:#f36f21;}
.list_course .list__course2.on{background:#c43e81;}
.list_course .list__course3.on{background:#006cb7;}
.list_course .list__course4.on{background:#006a46;}
.list_course .list__course5.on{background:#633594;}
.list_course .list__course6.on{background:#b7264c;}
.list_course .list__course7.on{background:#805928;}
.list_course .list__course8.on{background:#30307b;}
.course_content > ul{padding-left:0;}
.course_content > ul > li{display:none;}
.course_content > ul > li:first-child{display:block;}

.course_map{position:relative;margin-top:20px;padding-bottom:20px;text-align:center;border-bottom:2px solid #222;}
.course_map ul{padding-left:0 !important;list-style-type:none !important;}
.course_map li{list-style-type:none !important;}
.course_map li a{display:block;position:absolute;left:50%;background:url(/wp-content/themes/seoul-e/images/trail/bg_none.png) repeat left top;text-indent:-99999px;}
.map_course1 a{top:74px;width:158px;height:47px;margin-left:99px;}
.map_course2 a{top:149px;width:171px;height:47px;margin-left:121px;}
.map_course3 a{top:244px;width:155px;height:47px;margin-left:134px;}
.map_course4 a{top:319px;width:163px;height:47px;margin-left:82px;}
.map_course5 a{top:368px;width:217px;height:40px;margin-left:-89px;}
.map_course6 a{top:210px;width:199px;height:47px;margin-left:-321px;}
.map_course7 a{top:131px;width:156px;height:47px;margin-left:-321px;}
.map_course8 a{top:59px;width:152px;height:40px;margin-left:-165px;}
.course_map .icon_zoom{position:absolute;right:0;bottom:20px;}
.icon_zoom img{margin-top:0 !important;}

.course1 .course1_1 h3{color:#f36f21;}
.course2 .course1_1 h3{color:#c43e81;}
.course3 .course1_1 h3{color:#006cb7;}
.course4 .course1_1 h3{color:#006a46;}
.course5 .course1_1 h3{color:#633594;}
.course6 .course1_1 h3{color:#b7264c;}
.course7 .course1_1 h3{color:#805928;}
.course8 .course1_1 h3{color:#30307b;}

.course1_1 td.tl{padding:10px 10px;text-align:left;}
.course1_1 td.tl:after{display:block;content:'';clear:both;}
.course1_1 td.tl > span{display:block;float:left;width:118px;height:auto;padding:10px 0;background:#ebeced;border-radius:5px;text-align:center;}
.course1_1 td.tl > span span{display:block;padding-top:3px;color:#394453;font-size:11px;}
.course1_1 td.tl div{display:inline-block;*zoom:1;float:left;padding-left:20px;}
.course1_2 .clearfix{margin-top:30px;}
.course1_2 .leftBox{position:relative;width:30%;height:auto;}
.course1_2 .leftBox a{display:block;margin-top:12px;}
.course1_2 .rightBox{width:70%;}
.course1_3 > div:first-child{margin-top:0;}
.course1_3 > div{margin-top:30px;padding-top:30px;}
.course1_3 > div.bg_line1 li:before,
.course1_3 > div.bg_line2 li:last-child:before,
.course1_3 > div.bg_line3 li:last-child:before,
.course1_3 > div[class*="bg_line"]:last-of-type li:last-child:before{content:"";}
.course4 .course1_2 .clearfix{margin-top:30px;}
.course4 .course1_2 .leftBox{width:100%;height:auto;}
.course4 .course1_2 .rightBox{width:100%;height:auto;padding-top:60px;}
.course5 .course1_2 .clearfix{margin-top:30px;}
.course5 .course1_2 .leftBox{width:auto;height:auto;}
.course5 .course1_2 .rightBox{width:100%;height:auto;padding-top:60px;}
.course7 .course1_2 .clearfix{margin-top:30px;}
.course7 .course1_2 .leftBox{width:30%;}
.course7 .course1_2 .leftBox a{display:block;margin-top:12px;}
.course7 .course1_2 .rightBox{width:65%;height:auto;}
.course8 .course1_2 .clearfix{margin-top:30px;}
.course8 .course1_2 .leftBox{width:30%;}
.course8 .course1_2 .leftBox a{display:block;margin-top:12px;}
.course8 .course1_2 .rightBox{width:65%;height:auto;}

/*타블릿*/
@media (min-width: 768px) and (max-width: 1023px){

}

/*모바일*/
@media (max-width: 767px){
	/*20140701*/
	#tablelist ul{width:100%;}
	#tablelist ul li{width:100%;}
	.imagefull{width:100% !important; height:auto !important;}
	.com_view_box li div.view_contents #ct img{height: auto;} 
}

@media (max-width: 620px){
	#new-year-pop{width:auto;height:90%;line-height:22px;padding:20px 12px;border-width:3px;}
	#new-year-pop img{max-width:100%;}
}