@charset "utf-8";

/* **********
	CSS Structure
	1. Common
		1.1. Box
		1.2. Tab
			1.2.1. el_tab
		1.3. List
			1.3.1. el_list
	2. Content
		2.1. 5 Category Guide : xxx_guide_xxx.html & xxx_event_xxx.html
			2.1.1. Top List
			2.1.2. Set List Order
			2.1.3. Event List
		2.2. Calendar Information : calendar.html
			2.2.1. Year & Month Selection
			2.2.2. Calendar
			2.2.3. Calendar > For Box
			2.2.4. Calendar > For Week Gray Style
			2.2.5. Calendar > Top Border & Box Type
			2.2.6. Calendar > For Mobile
			2.2.7. Travel Information Link
		2.3. Holiday Information : holiday.html
		2.4. Korean Regional Guide : area_xxx.html
			2.4.1. Regional Weather
			2.4.2. Regional Introduction
			2.4.3. Detailed Map
			2.4.4. Regional Traffic
			2.4.5. Popular Area
			2.4.6. Recommended Area
		2.5. List Of Korean Transportations : traffic_info_list.html
			2.5.1. Airport ⇔ City
		2.6. Today's Article : todays_article_list.html
		2.7. Year-round Festival Of The Year : spot_event_everyyear.html
********** */

/* ********** Frame ********** */
.mainNewsTop .section,
.mainFashionSnapList .section,
.mainAreaTop .section,
.mainAreaView .section,
.resBtArea{border-bottom-width:0;border-bottom-style:none}
.mainNewsTop .coll_hanchao:after,
.mainFashionSnapList .coll_hanchao:after,
.mainAreaTop .coll_hanchao:after,
.mainAreaView .coll_hanchao:after,
.mainInfoList .collBnr:after{display:none}

/* ********** Common ********** */
/* *** Box *** */
.grayBox{background-color:transparent}
/* *** Tab *** */
/* el_tab */
.el_tab{margin-bottom:25px;padding:15px;border:2px solid #c0c0c0;box-shadow:0 6px 5px rgba(0,0,0,.1)}
.el_tab li{width:20%}
/* el_select */
.el_select:last-child,
.el_search:last-child{margin-bottom:25px}
.el_select .el_search{margin:0}
.el_select select + .el_search{margin-top:10px}
.el_tab + .el_search{margin-top:35px}
/* *** List *** */
/* el_list */
.el_list{display:block;width:auto;margin:0 -5px}
.el_list:after{display:block;clear:both;content:''}
.el_list li{float:left;width:336px;margin:5px}
.etcListBox .el_list{width:100%;margin:0}
.etcListBox .el_list li{float:none;width:auto;margin-left:0;margin-right:0}
/* *** Collection *** */
/* Info List */
.collInfoList{padding-top:0}
.collInfoList:after{display:none}

/* ********** Content ********** */
/* *** 5 Category Guide : xxx_guide_xxx.html & xxx_event_xxx.html *** */
/* Top List */
.guideTopLis{display:-webkit-box;display:-ms-flexbox;display:flex;width:1045px;min-width:1045px;max-width:1045px;margin:-5px 0 25px -5px;box-sizing:border-box;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.guideTopLis li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:338px;min-width:338px;max-width:338px;margin:5px;padding:0;vertical-align:top;box-sizing:border-box;text-align:left}
.guideTopLis li > div{width:100%}
.section .tit19 + .el_tit2{display:inline-block;margin:0 10px 0 0;line-height:32px;vertical-align:top}
.section .tit19 + .el_tit2 + .el_select{display:inline-block;width:150px;margin-bottom:10px;padding:0;vertical-align:top}
.etcListBox2 .boxInbox ul:after{display:block;clear:both;content:''}
.etcListBox2 .boxInbox li{float:left;width:33.3%}
/* Set List Order */
.section.eventMoreToggle{position:relative;margin:0 260px}
.section.eventMoreToggle:before{display:none}
.el_tab.eventMoreToggle{float:left;width:50%;margin:10px 10px 10px 0;padding:0;border:0 none;box-shadow:0 0}
.eventMoreToggle ~ .eventMoreToggle{overflow:hidden}
.tit19 a.eventMore,
.eventMoreToggle ~ .eventMoreToggle.el_tit2{display:none}
.eventMoreToggle ~ .el_select select{height:37px}
/* Event List */
.etcListBox .el_evList li{float:left;width:510px}
.etcListBox .el_evList li:nth-child(odd){margin-right:10px;clear:both}
.etcListBox .el_evList li a .dotList{height:54px}
/* Event Detail */
.collEventInfo .cont_coll{padding:0}
/* *** Calendar Information : calendar.html *** */
/* Year & Month Selection */
.calendarTop{margin-bottom:10px;text-align:right}
.calendarTop:after{display:block;clear:both;content:''}
.calendarTop select{float:left;width:300px;height:31px;margin-bottom:10px;border:1px solid #bbb;font-size:12px;color:#222;margin-right:10px}
.calendarTop span{display:inline-block;overflow:hidden;height:31px;line-height:31px;font-size:12px;color:#000;padding:0 10px;background:url(/cnrsc/main16/common/renewBar.png) 0 50% no-repeat}
.calendarTop span.fir{background:none;padding-left:0}
.calendarTop span.fir em{color:#ff251a;font-weight:bold;padding:0 4px 0 0;font-size:12px}
.calendarTop span.last em{display:inline-block;width:12px;height:12px;margin:0 4px 0 0;background:#edf8ec;vertical-align:-2px}
/* Calendar */
.calendarWrap{width:100%;display:table;border-spacing:3px;margin-left:-3px}
.calendarWrap li{border:2px solid #e7e8ef;display:table-cell}
.calendarWrap li.on{background:#fbfbfb}
.calendarWrap li:nth-child(4n+1){margin-left:0}
.el_calendar{width:100%}
.el_calendar p.yearMonth{height:43px;line-height:43px;text-align:center;color:#000;font-size:16px;font-weight:bold;background:#e7e8ef}
.el_calendar table{width:146px;height:147px;margin:11px auto 14px}
.el_calendar table th{height:27px;width:20px;text-align:center;line-height:27px;font-size:12px;color:#000}
.el_calendar table th:nth-child(1){color:#ff251a}
.el_calendar table th:nth-child(7){color:#005fee}
.el_calendar table td{width:20px;height:21px;line-height:21px;font-size:12px;color:#7b7b7b;text-align:center}
.el_calendar table td.bg{background:#edf8ec}
.el_calendar table tr td:nth-child(1){color:#ff251a}
.el_calendar table tr td:nth-child(7){color:#005fee}
.el_calendar p.monthEvent{border-top:1px solid #e7e8ef;min-height:49px;padding:12px 18px}
.el_calendar p.monthEvent span{display:block;line-height:17px;font-size:11px;color:#7b7b7b}
.el_calendar p.monthEvent span em{display:inline-block;width:44px}
.calendarMonthWrap .holine{width:254px;margin:0 0 9px}
.kcalendar{width:100%}
.kcalendar h2{height:43px;line-height:43px;text-align:center;color:#000;font-size:16px;font-weight:bold;background:#e7e8ef}
.kcalendar table{height:147px;margin:11px auto 14px;border-spacing:0}
.kcalendar table tr:first-child td{height:27px;width:20px;text-align:center;line-height:27px;font-size:12px;color:#000;font-weight:bold}
.kcalendar table tr td{width:20px;height:21px;line-height:21px;font-size:12px;color:#7b7b7b;text-align:center}
.kcalendar table tr td:first-child{color:#f72c08} /* sunday */
.kcalendar table tr td:last-child{color:#0174fd} /* saturday */
.kcalendar table tr td.hkr{color:#f00} /* korean holiday */
.kcalendar table tr td.hjp{background-color:#E1F0FC} /* japanese holiday */
.kcalendar table tr td.hcn{background-color:#edf8ec} /* chinese holiday */
.kcalendar table tr td.hbr:after{content:"　";position:relative} /* Blank Line */
/* Calendar > For Box */
.cabox .kcalendar table tr td{border-top:1px solid #eee;border-left:1px solid #eee}
.cabox .kcalendar table tr:last-child td{border-bottom:1px solid #eee}
.cabox .kcalendar table tr td:last-child{border-right:1px solid #eee}
.cabox .kcalendar table tr:first-child td{background-color:#f8f8f8}
/* Calendar > For Week Gray Style */
.cagry .kcalendar table tr:first-child td{font-weight:bold;color:#666 !important}
.kholiday{font-size:11px;color:#7b7b7b;margin-top:12px;margin-bottom:8px}
.kholiday table{font-size:11px;line-height:17px;border-collapse:collapse;border-spacing:0}
.kholiday table tr{vertical-align:top}
.kholiday table .hdt{font-weight:bold;display:inline}
.kholiday table .hnm{color:#444}
.kholiday table .hkr{color:#f00}
.kholiday table .hjp{color:#47a3ed}
.kholiday table .hcn{color:#393}
.kholiday table tr th{padding:0 10px 0 18px;font-weight:normal}
.kholiday table tr td{padding:0 18px 0 0}
.kholiday table tr a{text-decoration:underline;color:inherit}
/* Calendar > Top Border & Box Type */
#hcwrap .holine .kholiday{border:0 none;border-top:1px solid #e7e8ef;padding-top:5px}
.hobox .kholiday{padding:8px;background-color:#f6f6f6}
/* Calendar > For Mobile */
.kmob .kcalendar table tr td{padding:5px 0}
/* Travel Information Link */
.calendarTop ~ .collInfoLink{margin-top:25px}
/* *** Holiday Information : holiday.html *** */
.contents .collKoreanCalendar{float:left;width:500px;margin-right:10px;padding:0}
#hcwrap .collKoreanCalendar .holine .kholiday{border:1px solid #e0e0e0;border-top-color:#ccc}
.collTouristAttraction .cont_coll{padding:0}
.collKoreanCalendar ~ .collTouristAttraction{margin-left:510px;margin-bottom:10px}
.collTouristAttraction ~ .section:not(.collTouristAttraction){clear:both}
/* *** Korean Regional Guide : area_xxx.html *** */
/* Regional Weather */
.weatherBox ~ .btn30{max-width:320px;margin:10px auto 0}
/* Regional Introduction */
.areaOneBox{padding:0}
.areaOneBox:after{display:block;clear:both;content:''}
.areaOneBox .img{float:left;margin-right:10px}
.areaOneBox .txt{overflow:hidden}
.areaOneBox:only-child table{width:799px}
.areaOneBox:only-child .img{width:350px}
.callAreaIntro:after{display:block;clear:both;content:''}
.callAreaIntro .areaOneBox:not(:only-child){float:left;width:295px;margin-right:10px}
.callAreaIntro .areaOneBox:not(:only-child) .tit,
.callAreaIntro .areaOneBox:not(:only-child) .img,
.callAreaIntro .areaOneBox:not(:only-child) .txt{float:none}
.callAreaIntro .map_area{float:left;margin-top:31px}
.callAreaIntro .map_mini{float:left;width:194px;margin:31px 0 0 10px}
.callAreaIntro .map_mini .tit_item{display:block;position:relative;border:1px solid #acacac;font-size:15px; background-color:#fdfdfd;background:linear-gradient(to bottom,#fff,#e9e9e9);text-align:center}
/* Detailed Map */
.top_areaDetail{border:1px solid #e0e0e0;box-shadow:2px 2px 0 #e0e0e0}
.top_areaDetail table td:first-child table:first-child td:first-child{white-space:nowrap}
.top_areaDetail table td:first-child table:first-child tr:nth-child(4) a{color:#0dacb5}
.detail_map2 strong[style*='color:#fb4a2e']{color:#666 !important}
.detail_map2 td[width*='156']{padding-top:10px}
.detail_map2 td[style*='border-top:solid 1px #dadada']{background-color:#fff}
.detail_map2 td[style*='border-top:solid 1px #dadada'] a{display:block;line-height:51px;color:#0dacb5}
.detail_map2 td[style*='border-top:solid 1px #dadada'] a:before{content:'查看大图'}
.detail_map2 td[style*='border-top:solid 1px #dadada'] a:after{display:inline-block;width:10px;height:10px;background:url(/20cncontents/rsc/main16/common/bul_02_green.png) right center no-repeat;background-size:5px;vertical-align:middle;content:''}
.detail_map2 td[style*='border-top:solid 1px #dadada'] a img{display:none}
/* Regional Traffic */
.areaOneTraffic{display:inline-block;width:335px;margin-right:10px;vertical-align:top}
.areaOneTraffic:last-child{margin-right:0}
/* Popular Area */
.collPopularArea .item_main{float:left;width:50%;margin:0}
.collPopularArea .item_main .link_item{padding-left:3px;padding-right:0}
.collPopularArea li:not(.item_main){float:left}
.collPopularArea .item_main + li:not(.item_main){clear:both}
.collPopularArea .list_item:after{display:block;clear:both;content:''}
/* Recommended Area */
.collAreaRecomm:after{display:block;clear:both;content:''}
.collAreaRecomm .section{float:left;width:510px}
.collAreaRecomm .section:nth-child(odd){margin-right:15px}
/* *** List Of Korean Transportations : traffic_info_list.html *** */
/* Airport ⇔ City */
.collWayAirbus .list_item,
.mArticleHanchao .section .el_tab2{margin-left:-5px;margin-right:-5px}
.mArticleHanchao .section .el_tit,
.mArticleHanchao .section .el_txt2{margin-left:0}
.mArticleHanchao .section .el_search{margin-left:0;margin-right:0}
.mArticleHanchao .section .listStyle11{margin-left:-5px !important;margin-right:-5px !important}
/* Airbus Table */
/* *** Today's Article : todays_article_list.html *** */
.contents1030{margin-bottom:25px}
.contents1030 .el_list{margin:0}
.contents1030 .el_list li{display:block;float:none;width:auto;margin-left:0;margin-right:0}
/* *** Year-round Festival Of The Year : spot_event_everyyear.html *** */
.yearEventList:after{display:block;clear:both;content:''}
.yearEventList li{float:left;width:50%}
.yearEventList li:nth-child(odd){clear:both}
.calendarBanner:after{display:block;clear:both;content:''}
.calendarBanner a{float:left;width:25%}
.calendarBanner img{display:block}
.collViewIntro ~ .calendarBanner a{width:100%}