﻿@import url('/system/include/css/main.css');
@import url('/system/include/css/content/intro.css');

.sub_title11{width:120px; height:13px; background: url('/system/images/common/sub_title.gif') no-repeat 0px -195px; margin-left: 16px; margin-top: 8px; margin-bottom:6px} 
.sub_title10{width:120px; height:13px; background: url('/system/images/common/sub_title.gif') no-repeat 0px -208px; margin-left: 6px; margin-top: 3px;} 
.sub_title6{width:120px; height:13px; background: url('/system/images/common/sub_title.gif') no-repeat 0px -221px; margin-left: 6px; margin-top: 4px;} 

#bd_wrap1 {width:900px; height:232px;}
#bd_wrap1 .bd_wrap1_1 {width: 180px; height: 232px; background: url('/system/images/common/main_menu_bg.gif') no-repeat 0px 0px;}}
#bd_wrap1 .bd_wrap1_2 {width: 524px; height: 232px; margin-left:8px; cursor:pointer}
#bd_wrap1 .bd_wrap1_3 {width: 180px; height: 232px; margin-left:8px}
#wrap_category {width:900px; height:173px; margin-top:8px; clear:both}

#wrap_banner2 {width:900px; height:152px; margin-top:8px; clear: both}

#bd_wrap5 {width:712px; height:173px; float:left; display:inline;}
#bd_wrap6 {width:180px; height:173px; float:right; display:inline;}

#bd_wrap7 {width:712px; float:left; display:inline;}
  #bd_wrap7_1 {width:326px; height:150px; float:left; margin-left:10px; display:inline;}
  #bd_wrap7_2 {width:316px; height:150px; float:right; margin-right:20px; display:inline;}
  #bd_wrap7_3 {width:180px; float:left; display:inline;}
  #bd_wrap7_4 {width:524px; height:152px;  float:right; display:inline;}

#bd_wrap8 {width:180px; float:right; display:inline; height:312px; background: url('/system/images/common/intro_inform_bg.gif') no-repeat 0px 0px;}

#bd_wrap9 {width:710px; float:left; display:inline;}
  #bd_wrap9_1 {width:316px; float:left; margin-left:20px; display:inline; }
  #bd_wrap9_2 {width:316px; float:right; margin-right:20px; display:inline;}

#bd_wrap10 {width:180px; float:right; display:inline;}
#bd_wrap11 {width:900px;}

.photo_unit{
	margin-left:8px;
	width:164px;
	font-family:Dotum; font-size: 11px; color:#9f9f9f;
}

.photo_nation{
	width:164px; margin-top:8px; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}
.photo_subject{
	width:164px; font-weight:bold; letter-spacing:-0.05em; margin-top:4px; margin-bottom:4px; white-space:nowrap; cursor: pointer; overflow:hidden; text-overflow:ellipsis;

}
.photo_subject:hover{color:#F60}

.photo_summary{
	width:164px; margin-top:4px; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}


.ban_spc1{width: 100%; height: 8px}
.ban_spc2{width: 8px; height: 100%}

.ban_con1{width: 180px; height: 72px; margin:0px; padding:0px; cursor:pointer}
.ban_con2{width: 180px; height: 232px; cursor:pointer; background: url('/system/images/common/main_menu_bg.gif') no-repeat 0px 0px;}
.ban_con5{width: 180px; height: 152px; cursor:pointer}
.ban_con3{width: 524px; height: 232px; cursor:pointer}
.ban_con4{width: 524px; height: 152px; cursor:pointer}





#wrap_category .cb_tab {width:900px; height:21px;background: url('/system/images/common/intro_title_category_best.gif') no-repeat 15px 3px;}
#wrap_category .cb_body {width:900px; padding:0; margin: 0px}

#wrap_category li.cb_tab90 {margin-left: 1px; width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px 0px; cursor: pointer; color: #FFF}
#wrap_category li.cb_tab90_s {margin-left: 1px; width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px -48px; color:#0897D9; font-weight:bold;}
#wrap_category li.cb_tab90:hover {background-position: -236px -24px}

#wrap_category li.cb_tab70 {margin-left:1px; width: 70px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -516px 0px; cursor: pointer; color: #FFF}
#wrap_category li.cb_tab70_s {margin-left:1px; width: 70px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -516px -48px; color:#0897d9; font-weight:bold;}
#wrap_category li.cb_tab70:hover {background-position: -516px -24px}

#category_best_note {width:860px; padding-left:20px; padding-bottom:7px; padding-top:5px}
#category_best_note .travel{width:860px;}


#category_best_note li.travel_atc {width:270px;}
#category_best_note li.travel_spc {width:25px; height:114px; background: url('/system/images/common/icon/dash_line2.gif') repeat-y 12px 0px;}

#category_best_note .atc_sec1 {width:90px; float:left}
#category_best_note .atc_sec2 {width:168px; float:right}


#category_best_note .atc_icon {width:168px; height:17px;}
#category_best_note .atc_subject {width:168px;height:31px; font-weight:bold; letter-spacing:-0.05em; line-height:14px; cursor: pointer}
#category_best_note .atc_subject:hover {color:#F60}
#category_best_note .atc_copy {width:168px;height:27px; font-family:dotum; font-size:11px; color:#777; line-height:14px; overflow:hidden; letter-spacing:-0.05em}
#category_best_note .atc_fare {width:168px; height:17px;color:#FE6402; font-weight:bold; padding-top:8px;}
#category_best_note .atc_start {width:168px; font-family:dotum; font-size:11px; color:#adadad}


#spot_all .spot_tab {width:712px; height:21px; background: url('/system/images/common/intro_title_spot_new.gif') no-repeat 15px 3px; overflow:hidden}
#spot_all .spot_body {width:712px;}

#spot_all li.spot_tab1 {margin-left:515px; padding-top: 6px;width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px 0px; cursor: pointer; color: #FFF}
#spot_all li.spot_tab1_s {margin-left:515px; padding-top: 6px;width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px -48px; color:#0897D9; font-weight:bold;}
#spot_all li.spot_tab1:hover {background-position: -236px -24px}

#spot_all li.spot_tab2 {margin-left:1px; padding-top: 6px;width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px 0px; cursor: pointer; color: #FFF}
#spot_all li.spot_tab2_s {margin-left:1px; padding-top: 6px;width: 90px; height:21px; text-align: center; background: url('/system/images/common/tab/general.gif') no-repeat -236px -48px; color:#0897d9; font-weight:bold;}
#spot_all li.spot_tab2:hover {background-position: -236px -24px; color}

#spot_note {width:680px; height:120px; padding-top:3px; padding-bottom:3px}


.comm_cont {width:256px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#777; letter-spacing:-0.03em; cursor:pointer}
.comm_cont:hover {width:256px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FE6402; letter-spacing:-0.03em; cursor:pointer}
.comm_date {width:60px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#AAA; letter-spacing:-0.03em; font-family:dotum; font-size:11px;}


.rpt_cont {width:256px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#777;letter-spacing:-0.03em; cursor:pointer}
.rpt_cont:hover {width:256px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FE6402;letter-spacing:-0.03em; cursor:pointer}
.rpt_date {width:60px; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#AAA;letter-spacing:-0.03em; font-family:dotum; font-size:11px;}

#travel_tip {width:316px}
#travel_tip .tip_sec1 {width:238px; float:left}
#travel_tip .tip_sec2 {width:70px; float:right}

#travel_tip .tip_subject {width:238px; height: 24px; color:#333; font-weight:bold; letter-spacing:-0.05em; padding-top:2px; white-space:nowrap; cursor: pointer}
#travel_tip .tip_subject:hover {color:#F60}
#travel_tip .tip_copy {width:238px; height:42px; color:#777; letter-spacing:-0.05em; font-family:dotum; font-size:11px; line-height:14px; text-align:justify; overflow:hidden; text-overflow:ellipsis}
#travel_tip .tip_date {width:238px; height:22px; color:#AAA; letter-spacing:-0.03em; font-family:dotum; font-size:11px; padding-top:10px}


#epilogue {width:316px}
#epilogue .epl_sec1 {width:238px; float:left;}
#epilogue .epl_sec2 {width:70px; float:right;}

.epl_subject {width:238px; height: 24px; color:#333; font-weight:bold; letter-spacing:-0.05em; padding-top:2px; white-space:nowrap; cursor: pointer; overflow:hidden; text-overflow:ellipsis; }
.epl_subject:hover {color:#F60}
.epl_copy {width:238px; height:42px; color:#777; letter-spacing:-0.05em; font-family:dotum; font-size:11px; line-height:14px; text-align:justify;}
.epl_date {width:238px; height:22px; color:#AAA; letter-spacing:-0.03em; font-family:dotum; font-size:11px; padding-top:10px}

#bd_wrap8 dd						{height:18px}

#bd_wrap8 dd.inf_bg			{width: 156px; background: url('/system/images/common/icon/bg_bar1.gif') repeat-x 0px 0px; padding-top:6px;}
#bd_wrap8 dd.inf_bg1			{width: 156px; background: url('/system/images/common/icon/bg_bar2.gif') repeat-x 0px 0px; padding-top:6px;}
#bd_wrap8 dd.inf_bg11			{width: 156px; padding-top:6px;}

#bd_wrap8 li.inf_icon			{width: 24px; text-align: center}
#bd_wrap8 li.inf_cont			{width: 130px; letter-spacing: -0.05em; cursor: pointer}
#bd_wrap8 li.inf_cont:hover	{width: 130px; letter-spacing: -0.05em; ; color:#FE6402; cursor: pointer}


div.star02_off{
	float:left;
	width:72px; height:14px;
	margin-top:2px;
	background:url('/system/images/common/icon/star02_off.png') no-repeat transparent;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/images/common/icon/star02_off.png', sizingMethod='crop');
}
div.star02_on{
	float:left;
	height:14px;
	background:url('/system/images/common/icon/star02_on.png') no-repeat transparent;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/system/images/common/icon/star02_on.png', sizingMethod='crop');
}

.mnu_cat1 {width:42px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px 0px; cursor: pointer; margin:0px; padding:0px}
.mnu_cat1:hover {background: url('/system/images/common/sub_menu.gif') no-repeat -960px -11px;}
.mnu_cat2 {width:42px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -66px; cursor: pointer; margin:0px; padding:0px}
.mnu_cat2:hover {width:42px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -77px; cursor: pointer; margin:0px; padding:0px}
.mnu_cat3 {width:42px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -154px; cursor: pointer; margin:0px; padding:0px}
.mnu_cat3:hover {width:42px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -165px -12px; cursor: pointer; margin:0px; padding:0px}

li.mnu_cat_1 {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -22px; cursor: pointer}
li.mnu_cat_1:hover {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -33px; cursor: pointer}
li.mnu_cat_2 {width:28px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -22px; cursor: pointer}
li.mnu_cat_2:hover {width:28px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -33px; cursor: pointer}
li.mnu_cat_3 {width:68px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1037px -22px; cursor: pointer}
li.mnu_cat_3:hover {width:68px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1037px -33px; cursor: pointer}
li.mnu_cat_4 {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -45px; cursor: pointer}
li.mnu_cat_4:hover {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -56px; cursor: pointer}
li.mnu_cat_5 {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -45px; cursor: pointer}
li.mnu_cat_5:hover {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -56px; cursor: pointer}
li.mnu_cat_6 {width:29px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1028px -45px; cursor: pointer}
li.mnu_cat_6:hover {width:29px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1028px -56px; cursor: pointer}
li.mnu_cat_7 {width:50px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -110px; cursor: pointer}
li.mnu_cat_7:hover {width:50px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -121px; cursor: pointer}
li.mnu_cat_9 {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -199px; cursor: pointer}
li.mnu_cat_9:hover {width:19px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -960px -209px; cursor: pointer}
li.mnu_cat_10 {width:29px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -199px; cursor: pointer}
li.mnu_cat_10:hover {width:29px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -995px -209px; cursor: pointer}
li.mnu_cat_11 {width:38px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1037px -199px; cursor: pointer}
li.mnu_cat_11:hover {width:38px; height: 11px; background: url('/system/images/common/sub_menu.gif') no-repeat -1037px -209px; cursor: pointer}
