@charset "utf-8";

#containerNew { width: 980px; margin: -80px auto 0 auto; padding-bottom: 32px; }
#commonTopAsianaSec { position: relative; width: 980px; height: 160px; margin: 0 auto; z-index: 10; }

ul.goodsList li { float: left; font-size: 11px; text-align: center; }
ul.goodsList li div.img img { border: 1px solid #cdcdcd; margin-bottom: 5px; }
ul.goodsList li div.info p.sbj { height: 32px; overflow: hidden; white-space: normal; }
ul.goodsList li div.info p.sbj span.bene { color: #999; display: block; }
ul.goodsList li div.info p.sbj a { white-space: normal; }
ul.goodsList li div.info p.price { font-size: 10px; font-family: tahoma; font-weight: bold; color: #ef9e02; }
ul.goodsList li div.info p.price img { vertical-align: middle }
ul.goodsList li div.info p.price span { font-weight: normal; color: #999; font-size: 11px; font-family: dotum; }

div.mainTopMenu { float: right; margin: 12px 4px 8px 0; font-size: 11px; display: inline; }
div.mainTopMenu ul li { float: left; margin: 1px 11px 0 0; _margin-top: 3px; display: inline; }
div.mainTopMenu ul li strong { color: #0f0b70; }
div.mainTopMenu ul li.txt { margin: 0px 7px 0 0; }
div.mainTopMenu ul li.map { margin: 0 7px 0 0; }
div.mainTopMenu ul li.login { margin: 0 7px 0 0; }
#viswrap div.mainTopMenu { margin: 11px -11px 9px 0 !important; }
#viswrap div.commonLnb { position: absolute; margin: 9px 0 0 -10px; z-index: 100; }
#viswrap #commonTopAsianaSec { height: 105px; width: auto; }
#viswrap #container { margin-left: 10px; }
/*********************
#viswrap { background: none !important; }
/*********************/

div.gnbLogo { clear: both; position: relative; width: 950px; height: 42px; margin: 0 auto;  z-index: 90; }
div.gnbLogo div.logo { position: absolute; left: 1px; top: 4px; }
#gnbContainer { position: absolute; right: -5px; z-index: 50; }
#gnbFrame { position: absolute; width: 135px; height: 42px; z-index: -99; left: 200px; border: none; filter: alpha(opacity=0); }

div.topFlashSec { margin-top: 10px; }

div.topFlashSec div.fAppointMent { 
	/* background:transparent url(../images/skin/bg_appointment.png) no-repeat scroll 0 0;
	display:block; */
	float:left;
	height:273px;
	margin:0 0 0 11px;
	position:absolute;
	width:561px;
	z-index:9;
}
div.appointMentContainer { position: absolute; width: 561px; font-size: 11px; z-index: 9; }
div.appointMentContainer ul.top { margin: 19px 0 0 14px; float: left; display: inline; }
div.appointMentContainer ul.top li { float: left; margin-right: 0; }
div.appointMentContainer ul.top li img { display: block; }
div.appointMentContainer .main_content {
	clear:both;
	width:415px;
	height:195px;
	margin-left:25px;
	padding: 19px 0 0 0;
}
div.appointMentContainer dl { clear: both; width: 415px; padding: 0; margin-left: 0; }
div.appointMentContainer dt { float: left; padding-top: 5px; color: #474747; font-weight: bold; background: url('../images/icon/p_2.gif') no-repeat 0 7px; margin: 0 5px 0 0; line-height: 100%; }
div.appointMentContainer dd { float: left; }
div.appointMentContainer dt span { display: inline-block; background: url('../images/skin/bar_1.gif') no-repeat top right; padding-left: 6px; line-height: 100%; _line-height: 13px; }
div.appointMentContainer dt.type1 span { width: 40px; }
div.appointMentContainer dt.type2 span { width: 29px; }
div.appointMentContainer dd { margin-bottom: 5px; }
div.appointMentContainer dd.type0 { width: 320px; height: 17px; padding-top: 3px; }
div.appointMentContainer dd.type1 { width: 155px; }
div.appointMentContainer dd.type2 { width: 81px; }
div.appointMentContainer dd p.point { clear: both; position: absolute; top: 156px; margin-left: 6px; color: #f27537; width: 100px; }
div.appointMentContainer dd.btn { margin-top: 27px; text-align: center; width: 397px; word-spacing: -0.1em; }
div.appointMentContainer dd.btn p { margin-top: 8px; }
div.topFlashSec div.fAppointMent ul.right { float: right; margin: -238px 31px 0 0; .margin-top: -230px; _margin-top: -232px; display: inline; width: 76px; }
div.topFlashSec div.fAppointMent ul.right li { width: 75px; float: left; height: 45px; overflow: hidden; }
div.topFlashSec div.fAppointMent div.bg { width: 561px; height: 273px; background: url('../images/skin/bg_appointment.png') no-repeat; }

div.topFlashSec div.fRollBnr { float: right; margin: 6px 0 0 0; }

div.centerSec { position: relative; width: 950px; margin: -8px auto 0 auto; }
div.btmSec { float: left; width: 960px; margin: 32px 0 0 15px; display: inline; }

div.styleBookClose { position: absolute; top: 1px; left: -3px; z-index: 9; }
div.styleBookOpen { position: absolute; top: -24px; left: -1px; z-index: 20; }

div.sboff div.goodsBg { display: none; }
div.sbon div.openBtn { display: none; }

div.mileageShopping { position: relative; height: 151px; overflow: hidden; float: left; margin: 8px 0 0 200px; width: 437px; z-index: 10; display: inline; }

ul.tabType1 { background: url('../images/skin/tab1_line.gif') repeat-x bottom; height: 24px; }
ul.tabType1 li { float:left; background: url('../images/skin/tab1_left_off.gif') no-repeat top left; cursor: pointer; }
ul.tabType1 li div { padding: 6px 15px 4px 15px; background: url('../images/skin/tab1_right_off.gif') no-repeat top right; }
ul.tabType1 li.on { background: url('../images/skin/tab1_left_on.gif') no-repeat top left; }
ul.tabType1 li.on div { background: url('../images/skin/tab1_right_on.gif') no-repeat top right; }

div.mileageShopping div.goodsList { margin: 15px 0 0 0; }
div.mileageShopping div.goodsList div.arrowLeft { position: absolute; left: 0; top: 79px; }
div.mileageShopping div.goodsList div.arrowRight { position: absolute; right: 0; top: 79px; }
div.mileageShopping ul.goodsList { float: left; margin-left: 11px; background: url('../images/skin/bg_goods_1.gif') no-repeat 100px 30px; display: inline; }
div.mileageShopping ul.goodsList li { width: 102px; margin-bottom: 10px; display: inline !important; padding-right: 2px;}
div.mileageShopping ul.goodsList li img { border: none; }
div.mileageShopping ul.goodsList li div { width: 90px; margin: 0 auto; }

div.faq { position: absolute; right: -4px; top: 8px; }

div.recentBoardType1 { float: left; width: 331px; }
div.recentBoardType1 table { margin: 12px 0 0 -2px; }
div.recentBoardType1 table td { padding: 0 0 1px 0; }
div.recentBoardType1 table td a { width: 243px; height: 15px; overflow: hidden; display: inline-block; }
div.recentBoardType1 table td.date { color: #aca39a; }
div.recentBoardType1 table img { vertical-align: middle; }

#commonfooter { width: 100%; border-top: 1px solid #f2f2f2; padding-top: 19px !important; display: block; }
#commonfooter ul { width: 950px; margin: 0 auto; padding-bottom: 50px !important; }
#commonfooter ul li { float: left; }
#commonfooter ul li.first { margin-right: 24px; }
#commonfooter ul li.address {  }
#commonfooter ul li.end { float: right; margin-top: 42px; }
#commonfooter ul li.familySite { position: absolute; margin: 0 0 0 701px; .margin: 0 0 0 55px; }
#commonfooter ul li.serviceSite { position: absolute; margin: 0 0 0 819px; .margin: 0 0 0 173px; }

#siteMapSec { position: absolute; left: 50%; top: 48px; z-index: 100; width: 888px; margin: 0 0 0 -444px; display: none; }
#siteMapSec div.top { position: relative; background: url('../images/commonTopImg/sitemap_lt.png') no-repeat; height: 49px; }
#siteMapSec div.top h1 { text-align: center; background: url('../images/commonTopImg/sitemap_tt.png') repeat-x top; width: 820px; margin: 0 auto; padding: 23px 0 10px 0; }
#siteMapSec div.top a { position: absolute; top: 0; right: 0; }
#siteMapSec div.menu img { width: 888px; height: 650px; background: url('../images/commonTopImg/sitemap_bg.png') no-repeat; }
/*#siteMapSec div.menu { position: absolute; left: 48px; top: 70px; }
#siteMapSec div.menu dl { float: left; width: 163px; }
#siteMapSec div.menu dl dt { margin-bottom: 9px; }
#siteMapSec div.menu dl dd.d2 { margin: 0 0 13px 0; }
#siteMapSec div.menu dl dd.d2_1 { margin: 0 0 15px 0; }
#siteMapSec div.menu dl dd.d3 { margin: -7px 0 15px 8px; }
#siteMapSec div.menu dl.etc { width: 142px; }
#siteMapSec div.menu dl.etc dt { margin-bottom: 21px; }
#siteMapSec div.menu dl.etc dd { margin: -12px 0 20px 8px; }
#siteMapSec div.menu dl dt img, #siteMapSec div.menu dl dd img { display: block; }*/
#dimLayer { position: absolute; z-index: 90; left: 0; top: 0; width: 100%; height: 100%; background-color: white; filter: alpha(Opacity=70); -ms-filter: "alpha(Opacity=70)"; opacity:0.7; display: none; cursor: pointer; }

#quickMenuSec { position: absolute; margin: 108px 0px 0px -6px; width: 158px; background: url('../images/commonTopImg/quick_btm_1.gif') no-repeat bottom; }
#quickMenuSec div.quickMenuSecTop { padding: 0 0 8px 0; }
#quickMenuSec div.quickMenuSecTop h1 { margin: 0; height: 34px; background: url('../images/commonTopImg/quick_top_1.png') no-repeat; }
#quickMenuSec div.quickMenuSecTop h1 span { display: none; }
#quickMenuSec div.quickMenuSecTop ul { background: url('../images/commonTopImg/quick_bg_1.gif') repeat-y; }
#quickMenuSec div.quickMenuSecTop ul li img { margin-left: 12px; }

/*select box*/
div.dselectbox { position: relative; top: 1px; text-align:left; display: inline; margin-right: 4px; height: 17px; border: 1px solid #ccc; background-color: #fff; font-size: 11px; color: #888; }
div.dselectbox span { height: 13px; padding: 0px 0 0 5px; display: inline-block; overflow: hidden; line-height: 115%; margin-top: 3px; .margin-top: 0; _margin-top: 3px;  }
div.dselectbox img { position: absolute; top: 1px; right: 1px; vertical-align: top; cursor: pointer; }
div.dselectbox div.selectlist { position: absolute; top: 17px; left: -1px; border: 1px solid #ccc; background-color: #fff; }
div.dselectbox div.selectlist ul { padding: 3px 0; }
div.dselectbox div.selectlist ul li { cursor: pointer; padding-left: 5px; }
div.dselectbox div.selectlist ul li.on { background-color: #ccc; color: #fff; }
div.dselectbox div.selectlist ul.scroll { overflow: auto; }
div.dselectboxdim span { color: #ccc; }
/*/select box*/

#breadcrumb { height: 17px; }