/*
	- Project : makeshop
	- Author : odini84@gmail.com
	- Description : base style sheet
	- Create : 2011-08-19
	- Modify : YYYY-MM-DD
		-
*/
/* import */
@import url("./text_button.css");
/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body { height: 100%; }
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
input, select, textarea, button {
	margin: 0;
	padding: 0;
}
body,
table, button,
input, select, textarea {
	font-size: 11px; line-height: 1.5; font-family: "µ¸¿ò", Dotum, AppleGothic, Tahoma, sans-serif;
	-webkit-text-size-adjust: none;
}
body { color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset, button { border: 0 none; }
img { vertical-align: top; max-width: 100%; }
li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #333; text-decoration: none; }
a:hover { }
button { cursor: pointer; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
select { font-size: 12px; line-height: 1.5;}
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
table img { vertical-align: middle; }
ins { text-decoration: none; }
a:active { selector-dummy:expression(this.hideFocus = true); }
a,img {outline: none; selector-dummy: expression(this.hideFocus=true);} 

/*
========================================================================
COMMON CLASS
========================================================================
*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* font size */
.fsz-11 { font-size: 11px; }
.fsz-12 { font-size: 12px; }
.fsz-14 { font-size: 14px; }
.fsz-16 { font-size: 16px; }
/* font color */
.fc-hred { color: #ff2d18 !important; }
.fc-lgreen { color: #578094 !important; }
.fc-lblue { color: #66a9cd !important; }
/* form */
.chk-rdo,
.txt-input,
select,
.txt-area { vertical-align: middle; }
.chk-rdo { width: 14px; height: 14px; }
.txt-input { }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
/* label */
.label-r10 label { margin-right: 10px; }
.label-r20 label { margin-right: 20px; }
.label-r30 label { margin-right: 30px; }
.label-r10 label.last,
.label-r20 label.last,
.label-r30 label.last { margin-right: 0; }
/* table */
.tb-l { text-align: left; }
.tb-c { text-align: center; }
.tb-r { text-align: right; }
/* align */
.txt-l { text-align: left; }
.txt-c { text-align: center; }
.txt-r { text-align: right; }
/* paging */
.paging { position: relative; margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
.paging span,
.paging a { display: inline-block; vertical-align: middle; }
.paging a { margin-right: 4px; padding: 0 8px; font-size: 12px; line-height: 22px; font-weight: bold; color: #a2b9cb; letter-spacing: -1px; border: 1px solid #a0bacb; }
	/* now */
	.paging a.now { color: #fff; border-color: #0073be; background-color: #0287ca; }
	/* prev, first, next, last */
	.paging .bt a { border: 0; padding: 0; line-height: 23px; font-weight: normal; }
		/* prev, first */
		.paging .prev,
		.paging .first { padding-right: 4px;  background: url(../img/common/bull_paging_div.gif) no-repeat right 45%; }
			/* prev */
			.paging .prev { margin-left: 8px; margin-right: 8px; }
			.paging .prev a { padding-left: 10px; background: url(../img/common/bull_paging_prev.gif) no-repeat 0 45%; }
			/* first */
			.paging .first a { padding-left: 13px; background: url(../img/common/bull_paging_first.gif) no-repeat 0 45%; }
		/* next, last*/
		.paging .next,
		.paging .last { padding-left: 6px;  background: url(../img/common/bull_paging_div.gif) no-repeat 0 45%; }
			/* next */
			.paging .next { margin-right: 8px; margin-left: 8px; }
			.paging .next a { padding-right: 10px;background: url(../img/common/bull_paging_next.gif) no-repeat right 45%; }
			/* last* */
			.paging .last a { padding-right: 13px; background: url(../img/common/bull_paging_last.gif) no-repeat right 45%; }
/*
========================================================================
°øÅë ·¹À̾î
========================================================================
*/
/* app ´Ù¿î ·¹À̾î */
#dwLayer { display: none; position: absolute; width: 213px; height: 168px; letter-spacing: -1px; border: 2px solid #2159d4; background-color: #fff; }
#dwLayer .lcont { padding: 13px 10px 0 15px; }
#dwLayer .close { display: block; overflow: hidden; position: absolute; right: 6px; top: 6px; width: 9px; height: 9px; text-indent: -9999px; background: url(../img/btn/dwlayer_close.gif) no-repeat 0 0; }
#dwLayer h2,
#dwLayer a { font-size: 11px; }
#dwLayer h2 { height: 22px; color: #333; letter-spacing: -1px; border-bottom: 1px solid #c9d0d6; }
#dwLayer ul { margin-top: 6px; }
#dwLayer li { zoom: 1; overflow: hidden; height: 14px; padding-top: 8px; }
#dwLayer li a { display: block; position: relative; zoom: 1; overflow: hidden; }
#dwLayer li.now a,
#dwLayer li a:hover { font-weight: bold; }
#dwLayer .txt { float: left; color: #333; }
#dwLayer .about { display: inline; float: right; margin-right: 4px; padding-right: 8px; background: url(../img/common/bull_dwlayer_about.gif) no-repeat right 3px; }
#dwLayer .about { text-decoration: underline; color: #2863d9; }
/* app ´Ù¿î »ó¼¼ ·¹À̾î */
#dwLayerDetail { display: none; position: absolute; width: 402px; height: 172px; letter-spacing: -1px; background-color: #2259d7; }
#dwLayerDetail .lcont { padding: 22px 0 0 21px; }
#dwLayerDetail .close { display: block; overflow: hidden; position: absolute; right: 11px; top: 8px; width: 9px; height: 9px; text-indent: -9999px; background: url(../img/btn/dwlayerdetail_close.gif) no-repeat 0 0; }
#dwLayerDetail,
#dwLayerDetail h2,
#dwLayerDetail a { font-size: 11px; }
#dwLayerDetail h2,
#dwLayerDetail p.dsc { color: #fff; }
	/* tit */
	#dwLayerDetail h2 { font-weight: bold; font-size: 14px; }
	/* dsc */
	#dwLayerDetail p.dsc { margin-top: 3px; line-height: 16px; }
	/* btn */
	#dwLayerDetail .btn { margin-top: 10px; }
	/* dw */
	#dwLayerDetail .dw { zoom: 1;  overflow: hidden; margin-top: 5px; font-family: Tahoma; font-size: 10px; letter-spacing: 0; }
	#dwLayerDetail .dw dt,
	#dwLayerDetail .dw dd { float: left; }
	#dwLayerDetail .dw dt { color: #91b2ff; margin-right: 3px; }
	#dwLayerDetail .dw dd { font-weight: bold; color: #fff; }
	/* link, qrcode, ico */
	#dwLayerDetail .link,
	#dwLayerDetail .ico,
	#dwLayerDetail .qrcode { position: absolute; }
		/* link */
		#dwLayerDetail .link { left: 323px; bottom: 22px; zoom: 1; overflow: hidden; }
		#dwLayerDetail .link li { clear: both; float: left; padding-top: 3px; padding-left: 8px; }
		#dwLayerDetail .link li.now { background: url(../img/common/bull_dwapp_now.gif) no-repeat 0 7px; }
		#dwLayerDetail .link a { color: #91b2ff; text-decoration: underline; white-space: nowrap; }
		#dwLayerDetail .link li.now a,
		#dwLayerDetail .link a:hover { color: #fff; font-weight: bold; }
		/* qrcode,ico  */
		#dwLayerDetail .ico,
		#dwLayerDetail .qrcode { left: 201px; bottom: 19px; }
			/* qrcode */
			#dwLayerDetail .qrcode { width: 101px; height: 100px; border: 6px solid #f71070; }
			#dwLayerDetail .qrcode img { float: left; width: 100%; height: 100%; }
			/* lcont-cm */
			#dwLayerDetail .lcont-cm { display: none; }
/* app ´Ù¿î ·¹À̾î */
#qrLayer { display: none; position: absolute; width: 610px; border: 2px solid #2159d6; background-color: #fff; }
#qrLayer .hd { position: relative; zoom: 1; overflow: hidden; height: 30px; line-height: 30px; background-color: #2a63d8; padding-left: 15px; }
#qrLayer .hd dt,
#qrLayer .hd dd { float: left; }
#qrLayer .hd dt h2 { color: #fff; font-family: Tahoma; font-size: 12px; font-weight: bold; margin-right: 10px; line-height: 26px; }
#qrLayer .hd dd { color: #90b2ff; font-size: 11px; letter-spacing: -1px; }
#qrLayer .hd dd .close { position: absolute; top: 9px; right: 9px; background: url(../img/btn/dwlayerdetail_close.gif) no-repeat 0 0; width: 9px; height: 9px; text-indent: -9999px; }
#qrLayer .cont { zoom: 1; overflow: hidden; padding: 20px 0 10px 20px; }
#qrLayer .cont li { float: left; width: 280px; margin-right: 10px; margin-bottom: 10px; }
#qrLayer .cont .info { zoom: 1; overflow: hidden; width: 280px; height: 74px; padding: 9px 0 0 9px; background: url(../img/common/bg_qrcode_h83.gif) no-repeat 0 0; }
#qrLayer .cont .info dt, 
#qrLayer .cont .info dd { float: left; }
#qrLayer .cont .info dt { width: 132px; margin-right: 10px; }
#qrLayer .cont .info dd { width: 138px; letter-spacing: -1px; }
#qrLayer .cont .info .tit { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
#qrLayer .cont .info .dsc { color: #666; font-size: 11px; line-height: 1.25; }
#qrLayer .cont .info .down { color: #2a63d8; font-family: Tahoma; font-size: 11px; letter-spacing: 0; }
#qrLayer .cont .info .down strong { font-size: 10px; }
	/* ¿§ÁöºÏ ÆÐ¼Ç¾Û */
	#dwlayerEdgebook { padding-right: 216px; background: url(../img/common/dwlayer_edgebook_bg_new.gif) no-repeat 300px 5px; }
	#dwlayerEdgebook .qrcode { border-color: #f71070; }
	/* ¼¿¸¶ */
	#dwlayerSellma { padding-right: 216px; background: url(../img/common/dwlayer_sellma_bg.gif) no-repeat 300px 5px; }
	#dwlayerSellma .qrcode { border-color: #ffdd00; }
	/* ¸ôÅå */
	#dwlayerMalltalk { padding-right: 216px; background: url(../img/common/dwlayer_malltalk_bg.gif) no-repeat 300px 5px; }
	#dwlayerMalltalk .qrcode { border-color: #ff8200; }
	/* ¼¥³ëÆ® */
    #dwlayerShopnote { padding-right: 216px; background: url(../img/common/dwlayer_shopnote_bg.gif) no-repeat 300px 5px; }
    #dwlayerShopnote .qrcode { border-color: #ff8200; }
    
/* gnb ´õº¸±â ¸µÅ© ¸®½ºÆ® */
#gnbMoreView { z-index: 3; display: none; position: absolute; width: 659px; height: auto; padding-bottom: 10px; font-size: 12px; letter-spacing: -1px; line-height: 1.25; background-color: #fff; border: 2px solid #255bd7; }
#gnbMoreView .hd { height: 32px; padding-left: 20px; background-color: #f1f7f7; }
#gnbMoreView .hd h2 { padding-top: 10px; font-size: 12px; color: #323232; }
#gnbMoreView .close { display: block; overflow: hidden; position: absolute; right: 13px; top: 10px; width: 9px; height: 9px; text-indent: -9999px; background: url(../img/btn/h9_gnbmore_close.gif) no-repeat 0 0; }
#gnbMoreView .cont { zoom: 1; padding-left: 20px; }
#gnbMoreView .cont:after { content: ""; display: block; clear: both; }
#gnbMoreView .colum { float: left; width: 110px; margin-right: 20px; margin-top: 13px; }
#gnbMoreView .colum ul { zoom: 1; margin-top: 10px; border-bottom: 1px solid #dce5ec; }
#gnbMoreView .colum ul:after { content: ""; display: block; clear: both; }
#gnbMoreView .colum ul.last { border-bottom: 0; }
#gnbMoreView .colum li { float: left; width: 100%; padding-bottom: 4px; word-wrap: break-word; }
#gnbMoreView .colum a img { margin-left: 3px; }
#gnbMoreView .colum li.now a:hover { text-decoration: underline; }
#gnbMoreView .colum li.now,
#gnbMoreView .colum a:hover { font-weight: bold; color: #323232; letter-spacing: -2px; }
/* cont2 */
#gnbMoreView .cont2 { zoom: 1; padding: 12px 0 0 20px; }
#gnbMoreView .cont2:after { content: ""; display: block; clear: both; }
#gnbMoreView .cont2 .section { zoom: 1; overflow: hidden; float: left; width: 515px; }
#gnbMoreView .cont2 .section ul { float: left; width: 128px; border-bottom: 0; }
#gnbMoreView .cont2 .section ul.last { width: 108px; }
#gnbMoreView .cont2 .section li.line { width: 110px; height: 1px; margin: 2px 0 6px; background: url(../img/common/bg_dotline_h1.gif) repeat-x 0 0; }
#gnbMoreView .cont2 .colum { margin-top: 0; padding-bottom: 5px; }
#gnbMoreView .cont2 .colum5 { width: 114px; }
#gnbMoreView .cont2 .colum5 ul { margin: 10px 6px 0; }
#gnbMoreView .cont2 .sec1 { width: 495px; border-bottom: 1px solid #dce5ec; }
#gnbMoreView .cont2 .sec2 { width: 365px; border-bottom: 1px solid #dce5ec; position: relative; }
#gnbMoreView .cont2 .sec2 .abs1,
#gnbMoreView .cont2 .sec2 .abs2 { position: absolute; top: 0; }
#gnbMoreView .cont2 .sec2 .abs1 { left: 254px; }
#gnbMoreView .cont2 .sec2 .abs2 { left: 382px; }
#gnbMoreView .cont2 .sec3 { width: 365px; border-bottom: 1px solid #dce5ec; }
#gnbMoreView .cont2 .sec4 { width: 254px; }
	/* colum5 */
	#gnbMoreView .colum5 { float: left; width: 106px; margin-top: 12px; margin-right: 0; border: 1px solid #dce5ec; background-color: #f5f9fa; }
	#gnbMoreView .colum5 ul { margin-left: 8px; margin-right: 8px; }
	#gnbMoreView .colum5 strong { color: #333; }
#gnbMoreView .mt-desc { position: absolute; top: 402px; left: 150px; }
#gnbMoreView .mt-desc { top:422px; } /* ¸ôÅå ¿î¿µÀÚ ¾Û Ãß°¡·Î À§Ä¡ ¹× height ¼öÁ¤ */
#gnbMoreView .mt-desc dl { zoom: 1; }
#gnbMoreView .mt-desc dl:after { content: ""; display: block; clear: both; }
#gnbMoreView .mt-desc dt, 
#gnbMoreView .mt-desc dd { position: relative; float: left; border: 1px solid #dce5eb; border-right: 0; font-size: 11px; }
#gnbMoreView .mt-desc dt { width: 60px; height: 26px; padding: 10px 0 0 10px; background-color: #f6f9fa; }
#gnbMoreView .mt-desc dd { width: 102px; height: 32px; padding: 4px 0 0 10px; }
#gnbMoreView .mt-desc dd.last { border-right: 1px solid #dce5eb; }
#gnbMoreView .mt-desc dd .arr { position: absolute; top: 14px; left: -1px; width: 5px; height: 7px; background: url(../img/main/bul_arr_h7.gif) no-repeat 0 0; }
#gnbMoreView .mt-desc dd .tit { display: inline-block; width: 42px; }
#gnbMoreView .mt-desc dd em { display: inline-block; width: 55px; padding-right: 5px; text-align: right; color: #fd3131; letter-spacing: 0; }
#gnbMoreView .mt-desc .mt-hd { display: inline-block; padding-top: 2px; }
#gnbMoreView .pr-site { position: absolute; top: 258px; left: 399px; width: 118px; height: 122px; border: 1px solid #dce5ec; }
#gnbMoreView .pr-site { top:278px; } /* ¸ôÅå ¿î¿µÀÚ ¾Û Ãß°¡·Î À§Ä¡ ¹× height ¼öÁ¤ */
#gnbMoreView .pr-site ul { margin: 12px 0 0 10px; }
#gnbMoreView .pr-site li { margin-bottom: 4px; }
#gnbMoreView .pr-site li.now,
#gnbMoreView .pr-site a:hover { font-weight: bold; color: #323232; letter-spacing: -2px; }
/*
========================================================================
ftrWrap
========================================================================
*/
#ftrWrap { zoom: 1; position: relative; width: 997px; margin-left: auto; margin-right: auto; padding-top: 11px; padding-bottom: 20px; color: #7f7f7f; border-top: 1px solid #dce5ec; background: url(../img/common/bi_ftr.gif) no-repeat right 82px; }
	/* clink */
	#ftrWrap .clink { zoom: 1; overflow: hidden; margin-left: 14px; letter-spacing: -1px; }
	#ftrWrap .clink li,
	#ftrWrap .clink a { float: left; }
	#ftrWrap .clink li { padding-right: 15px; margin-right: 12px; background: url(../img/common/bull_bar_h10_w1.gif) no-repeat right 1px; }
	#ftrWrap .clink li.last { margin-left: -2px; background: none; font-weight: bold; }
	/* addr */
	#ftrWrap .addr { margin-left: 14px; margin-top: 15px; }
	#ftrWrap .addr p { zoom: 1; overflow: hidden; line-height: 16px; letter-spacing: -1px; }
	#ftrWrap .addr .txt { float: left; margin-right: 13px; word-spacing: -1px; }
	#ftrWrap .addr .num { margin-left: 3px; letter-spacing: 0; }
	/* copyright */
	#ftrWrap .copy { margin-top: 6px; font-family: Tahoma; width: 100%; position: relative; }
	#ftrWrap .copy span { font-weight: bold; }
	#ftrWrap .copy span.make { color: #0061c4; }
	#ftrWrap .copy span.shop { color: #222; }
    /* isms */
    #ftrWrap .copy span.isms { position: absolute; top: -5px; right: 220px; }
    /* web standard */
    #ftrWrap .copy span.webstandard { position: absolute; top: -5px; right: 120px; }