/*
	- Project : makeshop
	- Author : odini84@gmail.com
	- Description : Áö¿ø±â´É
	- Create : 2011-08-23
	- Modify : YYYY-MM-DD
		-
*/

/*
========================================================================
·¹À̾ƿô
========================================================================
*/
#container { position: relative; zoom: 1; width: 750px; padding-left: 237px; margin-left: auto; margin-right: auto; min-height: 600px; _height: 600px; background: url(../img/common/bg_aside_w217.gif) repeat-y 0 0; }
#container:after { content: ""; display: block; clear: both; }
#aside,
#content { position: relative; float: left; }
/*
========================================================================
aisde
========================================================================
*/
#aside { left: -237px; width: 217px; margin-right: -217px; padding-bottom: 70px; font-size: 12px; }
/* tab */
#aside .tab-lnb { zoom: 1; position: relative; background-color: #fff; }
#aside .tab-lnb:after { content: ""; display: block; clear: both; }
#aside .tab-lnb li { float: left; position: relative; top: 6px; width: 70px; }
#aside .tab-lnb a { position: relative; display: block; height: 19px; padding-top: 2px; text-align: center; border: 1px solid #dce5ec; border-right: 0; letter-spacing: -1px; background-color: #f5f9fa; }
	/* now */
	#aside .tab-lnb li.now { z-index: 1; top: 0; width: 77px; }
	#aside .tab-lnb li.now a { height: 17px; padding-top: 10px; margin-right: -1px; padding-right: 1px; font-weight: bold; color: #2e60cf; border: 1px solid #b8cad6; border-bottom: 0; background-color: #fff; }
	/* last */
	#aside .tab-lnb li.last a { margin-right: 0; border-right: 1px solid #dce5ec; }
/* tlnb, lnb */
#aside .lnb-w { zoom: 1; position: relative; width: 100%; }
#aside .lnb-w li { position: relative; }
#aside .lnb-w li.now .clip { display: block; }
#aside .lnb-w .tlnb .clip { left: -29px; }
#aside .lnb-w .clip { display: none; position: absolute; left: -17px; top: 0px; width: 23px; height: 15px; background: url(../img/common/bull_aside_clip.gif) no-repeat 0 0; }
#aside .tlnb,
#aside .lnb { margin-left: 8px; margin-right: 8px; }
#aside .tlnb ul { padding-left: 12px; }
	/* tlnb */
	#aside .tlnb { margin-top: 10px; border-top: 2px solid #d6e2e9; border-bottom: 2px solid #d6e2e9; }
	#aside .tlnb ul { padding-top: 8px; padding-bottom: 3px; }
	#aside .tlnb li { padding-bottom: 3px; }
	#aside .tlnb a { font-weight: bold;color: #333333; }
	#aside .tlnb li.now a { color: #2668ee; }
	/* lnb */
	#aside .lnb { display: none; }
	#aside .lnb ul.menu { zoom: 1; padding-top: 10px; }
	#aside .lnb ul.menu:after { content: ""; clear: both; display: block; }
	#aside .lnb ul.menu li { float: left; width: 100%; padding-left: 12px; padding-bottom: 6px; }
	#aside .lnb ul.menu a { display: block; }
	#aside .lnb ul.menu li.line { padding-top: 9px; border-top: 1px solid #dce5eb; }
	#aside .lnb ul.menu li.line .clip { top: 9px }
	#aside .lnb ul.menu li.now a { font-weight: bold; color: #333;}
	#aside #lnbTab1 { display: block; }
/* sort */
#aside .sort { padding-top: 13px; }
#aside .sort ul { zoom: 1; overflow: hidden; }
#aside .sort li { float: left; }
#aside .sort a { display: block; height: 18px; padding-top: 4px; text-align: center; color: #fff; line-height: 16px; letter-spacing: -1px; border-right: 1px solid #c5d4de; background-color: #aec3d1; }
#aside .sort .up { width: 73px; }
#aside .sort .luv { width: 73px; }
#aside .sort .name { width: 55px; }
#aside .sort .now a { background-color: #8ea8bb; }
#aside .sort .name a { border-right: 0; }
/*
========================================================================
content
========================================================================
*//* page header */
.page-hd { zoom: 1; margin-top: 25px; padding-left: 155px; }
.page-hd:after { content: ""; display: block; clear: both; }
.page-hd .icon-w,
.page-hd .cont { position: relative; float: left; }
.page-hd .icon-w { left: -155px; margin-right: -128px; width: 128px; }
.page-hd .icon { height: 128px; font-size: 0; line-height: 0; text-align: center; }
.page-hd .scrap { zoom: 1;  overflow: hidden; padding: 6px 0 6px 7px; border: 1px solid #e0e7ed; }
.page-hd .scrap dt,
.page-hd .scrap dd { float: left; }
.page-hd .scrap dt { position: relative; top: 1px; margin-right: 5px; letter-spacing: -1px; }
.page-hd .scrap dd { font-size: 0; line-height: 0; white-space: nowrap; }
.page-hd .scrap dd a { margin-right: 4px; }
.page-hd .scrap dd a.last { margin-right: 0; }
.page-hd .cont { width: 100%; }
.page-hd .cont h2 { min-height: 30px; _height: 30px; font-size: 18px; font-weight: bold; color: #333; letter-spacing: -1px; }
.page-hd .cont .update { position: absolute; right: 0px; top: 0px; }
.page-hd .cont .update dt,
.page-hd .cont .update dd { float: left; }
.page-hd .cont .update dt { overflow: hidden; width: 52px; height: 16px; margin-right: 8px; text-indent: -9999px; background: url(../img/common/ico_h16_update.gif) no-repeat 0 0; }
.page-hd .cont .update dd { padding-right: 10px; background: url(../img/common/bull_h4_btag.gif) no-repeat right 45%; }
.page-hd .cont .update dd a { font-size: 12px; font-weight: bold; color: #333; }
.page-hd .cont .dsc { overflow: hidden; height: 32px; padding-top: 10px; font-size: 12px; line-height: 1.25; }
.page-hd .cont .luv { margin-top: 15px; }
.page-hd .cont .luv th { padding: 3px 0 2px; color: #7d8e9e; font-weight: normal; border-top: 1px solid #dee7ee; border-bottom: 1px solid #dee7ee; background-color: #f5f9fa; }
.page-hd .cont .luv td { padding: 13px 0; border-bottom: 1px solid #dee7ee; }
.page-hd .cont .luv th,
.page-hd .cont .luv td { border-left: 1px solid #dee7ee; }
.page-hd .cont .luv .first { border-left: 0; }
	/* number split */
	.page-hd .cont .luv td .num-w { margin-right: 5px; font-size: 0; line-height: 0; vertical-align: middle; }
	.page-hd .cont .luv td .num { overflow: hidden; display: inline-block; height: 19px; margin-right: 1px; vertical-align: middle; background: url(../img/common/sp_luvtable_num.gif) no-repeat; }
	.page-hd .cont .luv td .num * { visibility: hidden; font-size: 0; line-height:0; }
	.page-hd .cont .luv td .num-0 { width: 12px; background-position: 0px 0px; }
	.page-hd .cont .luv td .num-1 { width: 10px; background-position: -17px 0px; }
	.page-hd .cont .luv td .num-2 { width: 10px; background-position: -33px 0px; }
	.page-hd .cont .luv td .num-3 { width: 11px; background-position: -48px 0px; }
	.page-hd .cont .luv td .num-4 { width: 12px; background-position: -64px 0px; }
	.page-hd .cont .luv td .num-5 { width: 11px; background-position: -80px 0px; }
	.page-hd .cont .luv td .num-6 { width: 11px; background-position: -96px 0px; }
	.page-hd .cont .luv td .num-7 { width: 11px; background-position: -112px 0px; }
	.page-hd .cont .luv td .num-8 { width: 11px; background-position: -128px 0px; }
	.page-hd .cont .luv td .num-9 { width: 11px; background-position: -144px 0px; }
	.page-hd .cont .luv td .num-dot { width: 4px; background-position: -160px 0px; }
.page-hd .cont .luv td a { text-decoration: underline; letter-spacing: -1px; }
.page-visual { width: 100%; overflow: hidden; margin-top: 40px; font-size: 0; line-height: 0; }
/* ·¯ºê¸¶Å© ½º¿ÒÄÁÅÙÃ÷ */
.page-hd .swrap-luv { zoom: 1; position: relative; margin-top: 13px; padding-left: 68px; border-top: 1px solid #dee7ec; border-bottom: 1px solid #dee7ec; background-color: #f6f9fa; }
.page-hd .swrap-luv:after{ content: ""; display: block; clear: both; }
.page-hd .swrap-luv .ico,
.page-hd .swrap-luv .scont-w { position: relative; float: left; min-height: 68px; _height: 68px; }
.page-hd .swrap-luv .ico { left: -68px; width: 68px; margin-right: -68px; background-repeat: no-repeat; background-position: 50% 13px; }
.page-hd .swrap-luv .scont-w { width: 100%; margin-left: -1px; border-left: 1px solid #dee7ec; font-size: 0; line-height: 0; }
.page-hd .swrap-luv .scont-w .shd,
.page-hd .swrap-luv .scont-w .scont { margin-left: 15px; font-size: 11px; line-height: 1.25; }
.page-hd .swrap-luv .scont-w .shd h3 { font-size: 11px; font-weight: bold; color: #5e7789; }
.page-hd .swrap-luv .scont-w .shd { zoom: 1; overflow: hidden; }
.page-hd .swrap-luv .scont-w .scont { padding-bottom: 10px; color: #999; }
	/* 񃧯 */
	.page-hd .swrap-basic .ico { background-image: url(../img/common/swrap_luvmark_basic.gif); }
	.page-hd .swrap-basic .scont-w .shd { padding-top: 10px; }
	.page-hd .swrap-basic .scont-w .shd h3,
	.page-hd .swrap-basic .scont-w .shd p { float: left; }
	.page-hd .swrap-basic .scont-w .shd h3 { margin-right: 5px; }
	.page-hd .swrap-basic .scont-w .shd p { color: #5e7789; }
	.page-hd .swrap-basic .scont-w .scont { zoom: 1; position: relative; padding-bottom: 10px; margin-top: 5px; }
	.page-hd .swrap-basic .scont-w .scont .btn-sp { position: absolute; right: 10px; bottom: 10px; }
	/* ¸¶ÄÉÆà */
	.page-hd .swrap-marketing .ico { background-image: url(../img/common/swrap_luvmark_mk.gif); }
	.page-hd .swrap-marketing .scont-w .shd { padding-top: 10px; }
	.page-hd .swrap-marketing .scont-w .shd h3 { float: left; }
	.page-hd .swrap-marketing .scont-w .shd .select-w { float: right; margin-right: 10px; font-size: 0; line-height: 0; }
	.page-hd .swrap-marketing .scont-w .shd .select-w select { margin-left: 5px; }
	.page-hd .swrap-marketing .scont-w .scont { padding-top: 4px; }
	.page-hd .swrap-marketing .scont-w .scont dl { zoom: 1; overflow: hidden; }
	.page-hd .swrap-marketing .scont-w .scont dt,
	.page-hd .swrap-marketing .scont-w .scont dd { float: left; }
	.page-hd .swrap-marketing .scont-w .scont dt,
	.page-hd .swrap-marketing .scont-w .scont dd { margin-right: 5px; }
	.page-hd .swrap-marketing .scont-w .scont dd strong { color: #5e7789; }
/* page content */ 
.page-cont .visual { overflow: hidden; width: 100%; }
.page-cont h3 { height: 26px; margin-top: 40px; padding: 5px 0 0 30px; font-weight: bold; font-size: 14px; color: #4f7393; letter-spacing: -1px; border-bottom: 2px solid #d7e1ea; background: url(../img/common/bull_h24_sqr_crs_ong.gif) no-repeat 0 45%; }
	/* À§Ä¡ */
	.cbox-loc { padding-top: 25px; text-align: center; font-size: 0; line-height: 0px; }
	.cbox-loc ul { margin-top: 10px; text-align: center; }
	.cbox-loc ul li { display: inline; margin-right: 15px; padding-right: 20px; color: #6595a8; font-size: 12px; background: url(../img/common/bull_service_location.gif) no-repeat right 45%; }
	.cbox-loc ul li.now { margin-right: 0; padding-right: 0; font-weight: bold; color: #32515e; background: none; }
/* ÇÏ´Ü °³¹ß ¼½¼Ç ºÐ¸® - ¼­ºñ½ºÀ§Ä¡, ÇÏ´Ü ¹öÆ° ³ëÃâ, ÇÔ²²Çϸé ÁÁÀº¼­ºñ½º  */
.f-section h3 { height: 26px; margin-top: 40px; padding: 5px 0 0 30px; font-weight: bold; font-size: 14px; color: #4f7393; letter-spacing: -1px; border-bottom: 2px solid #d7e1ea; background: url(../img/common/bull_h24_sqr_crs_ong.gif) no-repeat 0 45%; }
.f-section .svc-loc { padding: 25px 0; text-align: center; font-size: 0; line-height: 0px; border-bottom: 1px solid #d7e1ea; }
.f-section .btn-foot { margin-top: 25px; padding-top: 55px; font-size: 0; line-height: 0; text-align: center; border-top: 2px solid #d7e1ea; }
.f-section .btn-foot .btn-sp { margin-right: 10px; }
.f-section .cbox-use { margin-top: 30px; text-align: center; }