@charset "euc-kr";

/* ¿ä¼Ò(element) ¿©¹é ÃʱâÈ­ */

html,
body,
div,
span,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
address,
pre,
cite,
form,
fieldset,
caption,
textarea,
input,
select,
table,
th,
td {
	margin: 0px;
	padding: 0px
}


/* Á¦¸ñ¿ä¼Ò */

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-family: Noto Sans KR, sans-serif;
	font-size: 100%;
	font-weight: normal
}


/* Å׵θ® ¾ø¾Ö±â */

fieldset,
img,
abbr,
acronym {
	border: 0 none
}

img {
	vertical-align: top
}


/* ÅؽºÆ® °ü·Ã ¿ä¼Ò ÃʱâÈ­ */

address,
caption,
em,
cite {
	font-weight: normal;
	font-style: normal
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}


/* ¼öÆò¼± */

hr {
	display: none
}

a {
	text-decoration: none
}

a:hover,
a:active,
a:focus {
	text-decoration: none
}

select {
	vertical-align: middle
}


/* ¸ñ·Ï */

ol,
ul,
li {
	list-style-type: none
}


/* Å×À̺í */

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption {
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

body {
	width: 100%;
	font-size: 12px;
	font-family: Noto Sans KR, sans-serif;
	color: #444
}

a:link {
	color: #444
}

a:visited {
	color: #444
}

a:active {
	color: #444
}

a:hover {
	color: #222;
	text-decoration: underline
}

.invisible,
legend {
	position: absolute;
	top: -9999px;
	left: -9999px
}


/* Á¤·Ä, °£°Ý */

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.tc {
	text-align: center !important
}

.tl {
	text-align: left !important
}

.tr {
	text-align: right !important
}

.mgt3 {
	margin-top: 3px !important
}

.mgt5 {
	margin-top: 5px !important
}

.mgt10 {
	margin-top: 10px !important
}

.mgt15 {
	margin-top: 15px !important
}

.mgt20 {
	margin-top: 20px !important
}

.mgt30 {
	margin-top: 30px !important
}

.mgt40 {
	margin-top: 40px !important
}

.mgt50 {
	margin-top: 50px !important
}

.pdb5 {
	padding-bottom: 5px !important
}

.pdb10 {
	padding-bottom: 10px !important
}

.red {
	color: #ff0000 !important
}

.blue {
	color: #0000ff !important
}

.clr:after {
	content: '';
	display: block;
	clear: both
}


/* input, select, textarea */

textarea {
	padding: 5px;
	border: 1px solid #cdcdcd;
	color: #777;
	font-size: 12px;
}

select {
	height: 20px;
	vertical-align: top;
	color: #777;
	font-family: dotum;
	letter-spacing: -1px;
	font-size: 11px
}

.input {
	height: 14px;
	border: 1px solid #cdcdcd;
	padding: 2px 4px;
	font-size: 12px;
	color: #777
}

.btn_input {
	border-right: #777 2px solid;
	border-top: #777 1px solid;
	border-left: #777 1px solid;
	border-bottom: #777 2px solid;
	height: 22px;
	padding: 3px 5px 0 5px
}

input[type='checkbox'],
input[type='radio'] {
	vertical-align: -2px
}


/* À̹ÌÁö border */

.listimg {
	border: 1px solid #dbdbdb
}


/* µ¥ÀÌÅÍ°¡ ¾ø½À´Ï´Ù */

.no_data {
	padding: 50px 0 !important;
	border-bottom: 1px solid #dbdbdb;
	text-align: center;
	color: #333;
}


/* °Ô½ÃÆÇ tr bg */

.l_tr_even {
	background-color: #f8f8f8
}

.l_tr_odd {
	background-color: #fff
}

/* Æ˾÷ÆäÀÌÁö Á¦¸ñ (¾ÆÀ̵ðÁߺ¹Ã¼Å©, ¿ìÆí¹øÈ£, Àå¹Ù±¸´Ï¼öÁ¤, ÁÖ¹®Á¶È¸ ¹ÝÇ°) */

h1 {
	position:absolute;
	top:-9999px;
	font-size:0;
	line-height:0;
}

h1.popup {
	width: 100%;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
	background-color: #464646;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center
}

#skip_navigation {
	position: absolute;
	width: 100%
}

#skip_navigation dt {
	position: absolute;
	top: -9999px
}

#skip_navigation a.skip {
	display: block;
	position: absolute;
	top: -99999px;
	left: 0;
	z-index: 2;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #cdcdcd;
	font-family: dotum;
	font-weight: bold;
	line-height: 40px;
	color: #333;
	text-align: center
}

#skip_navigation a.skip:hover,
#skip_navigation a.skip:focus,
#skip_navigation a.skip:active {
	top: 0
}


/* ========================================================================
* ·¹À̾ƿô
* ======================================================================== */

#wrap {
	width: 100%;
	min-width: 1200px;
	position: relative;
	z-index: 1
}

#header {
	position: relative;
	z-index: 2;
	width: 100%;
	border-bottom:1px solid #e3e3e3;
}

#container {
	height: 100%;
	position: relative;
	z-index: 1
}

#container:after {
	content: '';
	display: block;
	clear: both
}


.sub_container {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0 100px
}

#gnb {
	position: relative;
	float:left;
	margin-left:40px;
}

#footer {
	width: 100%;
	margin-top: 100px;
}

#popup_wrap {
	border: 5px solid #d9d9d9;
	border-radius: 15px
}

#popup_wrap .inner {
	border: 1px solid #c8c8c8;
	border-radius: 10px;
	padding: 10px
}


/* ========================================================================
* »ó´Ü
* ======================================================================== */

#header .section01 {
	height: 37px;
	background-color:#f7f7f7;
	border-bottom:1px solid #e3e3e3;
}

#header .section01 .row {
	width:1200px;
	margin:0 auto;
}

#header .section01 .util {
	float: left
}

#header .section01 .util a.bookmark {
	display:block;
	padding:0 15px;
	border-bottom:1px solid #fff;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	background-color:#fff;
	font-size:12px;
	color:#888;
	line-height:37px;
}

#header .section01 .util a.bookmark::before {
	content:'+';
	display:inline-block;
	margin-right:3px;
}

#header .section01 .util a.allmenu {
	padding: 0 0 0 10px;
	font-weight: 700;
	font-size: 11px;
	line-height: 30px;
	color: #555;
	text-decoration: none;
	letter-spacing: -1px
}

#header .section01 .tnb {
	float:right;
}

#header .section01 .tnb li {
	position:relative;
	float:left;
	padding:0 10px;
}

#header .section01 .tnb li::before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:1px;
	height:10px;
	margin-top:-5px;
	background-color:#e4e4e4;
}

#header .section01 .tnb li a {
	color:#666;
	line-height:37px;
}


#header .section01 .tnb li:first-child::before {
	display:none;
}


#header .section02 {
	position:relative;
	width:1200px;
	margin:0 auto;
}

#header .section02 .logo {
	float:left;
	padding:30px 0;
}

#header .section03 {
	height:40px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}


/* »ó´Ü °Ë»ö */

#header .top-search {
	position: absolute;
	top: 50%;
	right: 0;
	width:180px;
	border-bottom:1px solid #e3e3e3;
	margin-top:-15px;
}

#header .top-search .btn {
	display: block;
	float: left
}
 
#header .top-search .search_input {
	float: left;
	ime-mode: active;
	width: 150px;
	height: 28px;
	padding-left: 5px;
	border:none;;
	font-size: 12px;
	line-height: 30px;
	outline: none;
	color: #666;
}


/* ========================================================================
* ±Û·Î¹ú ¸Þ´º
* ======================================================================== */

#gnb ul li.depth1 {
	position: relative;
	float: left;
	margin-left:45px;
}

#gnb ul li.depth1>a {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 97px;
	color: #666;
	text-align: center;
	text-decoration: none;
	font-weight:400;
}

#gnb ul li.depth1>a:hover,
#gnb>ul>li.selected>a{
	color: #f58202
}

#gnb ul li.depth1>a:hover::after,
#gnb>ul>li.selected::after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:3px;
	background-color:#f58202;
}

#gnb ul li ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0;
	z-index: 9999;
	background: #fff;
	border: 1px solid #cdcdcd;
	padding: 0 10px 10px
}

#gnb ul li ul li a {
	display: block;
	border-bottom: 1px solid #cdcdcd;
	padding: 0 0 0 5px;
	font-size: 13px;
	line-height: 30px;
	font-weight: 500;
	color: #555;
	text-decoration: none
}

#gnb ul li ul li a:hover {
	color: #333
}

#gnb>ul>li.selected ul {
	display:block;
}



/* ========================================================================
* ǪÅÍ
* ======================================================================== */

#footer .section01 {
	height:54px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}

#footer .section01 .inner {
	width:1200px;
	margin:0 auto;
}

#footer .section01 ul.fnb {
	float:left;
	font-size:0;
}

#footer .section01 ul.fnb li {
	position: relative;
	display:inline-block;
	padding:0 10px;
}

#footer .section01 ul.fnb li:first-child {
	padding:0 10px 0 0;
}

#footer .section01 ul.fnb li a {
	display:block;
	position: relative;
	font-size:15px;
	font-weight:300;
	color:#888;
	line-height:54px;
}

#footer .section01 ul.fnb li.policy a {
	font-weight:500;
	color:#333;
}

#footer .section01 ul.fnb li::before {
	content:'';
	display:block;
	position:absolute;
	top:20px;
	left:0;
	width:1px;
	height:13px;
	background-color:#e1e1e1;
} 

#footer .section01 ul.fnb li:first-child::before {
	display:none;
}


#footer .section01 ul.ftc {
	float:right;
	font-size:0;
}

#footer .section01 ul.ftc li {
	display:inline-block;
}

#footer .section02 {
	width:1200px;
	margin:0 auto;
	padding:35px 0;
}

#footer .section02 {
	font-size:16px;
}

#footer .section02 h2 {
	margin-bottom:10px;
	font-size:16px;
	color:#666;
}

#footer .section02 .left-wrap {
	float:left;
	width:790px;
	border-right:1px solid #e3e3e3;
}

#footer .section02 .left-wrap .info {
	padding-left:65px;
	background:url(/html/images/common/bullet-cs.png) no-repeat center left;
	font-size:0;
}

#footer .section02 .left-wrap .info>div {
	vertical-align: middle;
}

#footer .section02 .left-wrap .info .tel {
	display:inline-block;
	font-size:40px;
	color:#1e3c5b;
}

#footer .section02 .left-wrap .info .tel span {
	font-weight:500;	
}

#footer .section02 .left-wrap .info .time {
	display:inline-block;
	margin-left:10px;
	vertical-align: middle;
	font-size:18px;
	line-height:1.4;
	font-weight:300;
	color:#666;
}

#footer .section02 .left-wrap .info .time span {
	color:#333;
	font-weight:400;
}


#footer .section02 .right-wrap {
	float:right;
	margin-right:10px;
}

#footer .section02 .right-wrap .info img {
	vertical-align: middle;
}

#footer .section02 .right-wrap .info div {
	display:inline-block;
	margin-left:15px;
	vertical-align: middle;
	font-size:18px;
	line-height:1.4;
	font-weight:300;
	color:#666;
}

#footer .section02 .right-wrap .info div span {
	display:inline-block;
	width:65px;
	color:#333;
	font-weight:400;
}



#footer .section03 {
	padding-bottom:20px;
	border-top:1px solid #e3e3e3;
	background-color:#f7f7f7;
}

#footer .section03 .inner {
	position: relative;
	width:1200px;
	margin:0 auto;
}

#footer .section03 .copyright {
	margin-top:20px;
	font-size: 15px;
	line-height: 1.5;
	color: #888;
	font-weight:300;
}

#footer .section03 .copyright strong {
	display:block;
	font-weight:300;
}

#footer .section03 .copyright span {
	display:inline-block;
	margin-right:15px;
}

#footer .section03 .copyright .hosting {
	margin-top:20px;
}


#footer .section03 .kicc {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-40px;
}

/* ========================================================================
* Äü¹Ù
* ======================================================================== */

#quick .inner {
	width:128px;
	border:1px solid #e3e3e3;
	border-top:2px solid #f58202;
	padding-bottom:20px;
	background-color:#fff;
	text-align:center;
}

#quick h2 {
	margin-top:20px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:400;
	color:#333;
}

#quick .tel {
	font-size:18px;
	color:#333;
	font-weight:600;
	line-height:1.3;
}

#quick .time {
	margin-top:5px;
	margin-bottom:20px;
	color:#999;
}

#quick a.btn {
	display:block;
	background-color:#f7f7f7;
	margin-top:-1px;
	padding:7px 0;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	font-size:12px;
	color:#999;
}

#quick .bx-wrapper {
	position: relative;
	width:75px;
	margin:15px auto 0;
	padding:20px 0;
}

#quick .bx-wrapper .bx-controls-direction a {
	display:block;
	position:absolute;
	left:0;
	right:0;
	width:75px;
	height:6px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size:0;
	line-height:0;
}
#quick .bx-wrapper .bx-prev {
	top:0;
	background-image:url(/html/images/quick/btn-arrow-up.png);
}

#quick .bx-wrapper .bx-next {
	bottom:0;
	background-image:url(/html/images/quick/btn-arrow-down.png)
}





#quick .top_btn {
	display:block;
	width:45px;
	height:45px;
	margin:20px auto 0;
	background-color:#333;
	border-radius:50%;
	color:#fff;
	text-align:center;
	line-height:45px;
	text-decoration: none;
}

/* ========================================================================
* ¸ÞÀÎ ÆäÀÌÁö
* ======================================================================== */

#main .section01 {
	z-index: 1;
	width: 100%;
	height: 560px;
	position: relative;
	overflow: hidden
}

#main .section01 .slide {
	width: 100% !important;
	height: 560px;
	text-indent: -9999px
}

#main .section01 .visual01 {
	background: #f8f8f8 url(/html/images/main/visual01.jpg) no-repeat center 0
}

#main .section01 .visual02 {
	background: #f8f8f8 url(/html/images/main/visual02.jpg) no-repeat center 0
}

#main .section01 .visual03 {
	background: #f8f8f8 url(/html/images/main/visual03.jpg) no-repeat center 0
}

#main .section01 .visual01 a {
	display:block;
	width:100%;
	height:560px;
}

#main .section01 .bx-viewport {
	position: relative;
	z-index: 1
}

#main .section01 .bx-wrapper .bx-pager {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%
}

#main .section01 .bx-wrapper .bx-pager {
	text-align: center
}

#main .section01 .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
}

#main .section01 .bx-wrapper .bx-pager.bx-default-pager a {
	display: block;
	margin: 0 2px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 5px;
	text-indent: -9999px;
}

#main .section01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main .section01 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #dd4b00;
}

#main .section01 .bx-wrapper .bx-prev {
	margin-left: -540px;
	background: url(/html/images/main/visual_arrow.png) no-repeat -0 -48px
}

#main .section01 .bx-wrapper .bx-next {
	margin-left: 513px;
	background: url(/html/images/main/visual_arrow.png) no-repeat -27px -48px;
}

#main .section01 .bx-wrapper .bx-prev:hover {
	background-position: -0 -0
}

#main .section01 .bx-wrapper .bx-next:hover {
	background-position: -27px -0
}

#main .section01 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin-top: -24px;
	width: 27px;
	height: 48px;
	text-indent: -9999px
}

#main .section01 .bx-wrapper .bx-controls-auto {
	display:none;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 2;
	margin: 0 0 0 500px
}

#main .section01 .bx-controls-auto a.bx-start {
	display: block;
	width: 8px;
	height: 11px;
	background: url(/html/images/main/btn_play.png) no-repeat;
	text-indent: -9999px
}

#main .section01 .bx-controls-auto a.bx-start.active {
	display: none
}

#main .section01 .bx-controls-auto a.bx-stop {
	display: block;
	width: 8px;
	height: 11px;
	background: url(/html/images/main/btn_pause.png) no-repeat;
	text-indent: -9999px;
}

#main .section01 .bx-controls-auto a.bx-stop.active {
	display: none
}



#main .section02 {
	width:1200px;
	margin:60px auto 0;
}

#main .section02  .left-wrap {
	float:left;
	width:590px;
}

#main .section02  .left-wrap .top a {
	display:block;
	width:100%;
	height:160px;
	padding-top:40px;
	background:url(/html/images/main/ban01.jpg) no-repeat;
	text-align:center;
	font-size:15px;
	line-height:24px;
	color:#fff;
	font-weight:300;
	text-decoration:none;
}

#main .section02  .left-wrap .top a strong {
	display:block;
	width:151px;
	height:30px;
	background:url(/html/images/main/ban01-tit.png) no-repeat;
	margin:0 auto;
	font-size:0;
	line-height:0;
}

#main .section02  .left-wrap .top a span::before {
	content:'';
	display:block;
	width:28px;
	height:1px;
	margin:15px auto 10px;
	background-color:#ccc;
}

#main .section02  .left-wrap .bottom {
	margin-top:10px;
}

#main .section02  .left-wrap .bottom>div a {
	display:block;
	position:relative;
	float:left;
	width:290px;
	height:200px;
	background:url(/html/images/main/ban02.jpg) no-repeat;
}

#main .section02  .left-wrap .bottom>div:last-child a {
	margin-left:10px;
	background:url(/html/images/main/ban03.jpg) no-repeat;
}

#main .section02  .left-wrap .bottom>div span {
	position:absolute;
	top:15px;
	left:15px;
	font-size:18px;
	color:#fff;
}

#main .section02  .right-wrap {
	float:right;
	width:588px;
	height:380px;
	padding-top:28px;
	background-color:#f7f7f7;
	border:1px solid #e3e3e3;
}

#main .section02  .right-wrap h2 a {
	display:block;
	margin-bottom:30px;
	text-align:center;
	font-size:16px;
	color:#333;
	font-weight:700;
	text-decoration: none;
}


#main .section03 {
	width:1200px;
	margin:90px auto 0;
}

#main .section03 h2 a {
	display:block;
	width:700px;
	height:51px;
	margin:0 auto;
	background:url(/html/images/main/h2-best.png) no-repeat;
	font-size:0;
	line-height:0;
}

#main .section03 p.txt {
	margin-top:10px;
	text-align:center;
	font-size:16px;
	color:#666;
	font-weight:300;
}

#main .section03 a.more {
	display:block;
	width:178px;
	margin:40px auto 0;
	padding:7px 0;
	background-color:#f7f7f7;
	border:1px solid #e3e3e3;
	border-radius:50px;
	font-size:18px;
	text-align:center;
}

#main .section04 {
	position:relative;
	margin-top:75px;
	height:240px;
	padding-top:130px;
	background:url(/html/images/main/ban04.gif) no-repeat center top;
	text-align:center;
}

#main .section04 h2 {
	background:url(/html/images/main/ban04-tit.png) no-repeat center;
	width:318px;
	height:62px;
	margin:0 auto;
	font-size:0;
	line-height:0;
}

#main .section04 p {
	margin-top:15px;
	font-size:16px;
	line-height:24px;
	color:#fff;
}

#main .section04 p span {
	color:#fbd2a3;
}

#main .section04  a.to-go {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	font-size:0;
	line-height:0;
}

#main .section05 {
	width:1200px;
	margin:80px auto 0;
}
#main .section05 .item {
	margin-top:80px
}

#main .section05 .item .tit-wrap {
	float:left;
	background-repeat: no-repeat;
	width:282px;
	height:730px;
	text-align: center;
}

#main .section05 .item .tit-wrap  span {
	display:inline-block;
	margin-top:40px;
	padding:10px 20px;
	background-color:#fff;
	border-radius:50px;
	font-size:16px;
}

#main .section05 .item .tit-wrap h2 {
	margin-top:30px;
	font-size:40px;
	line-height:50px;
	color:#fff;
	font-weight:300;
	letter-spacing:-.5px;
}

#main .section05 .item .tit-wrap h2 strong {
	font-weight:500;
	display: block;
}

#main .section05 .item .tit-wrap p {
	margin-top:20px;
	font-size:18px;
	color:#fff;
}

#main .section05 .item .tit-wrap a.more {
	display:inline-block;
	margin-top:20px;
	padding-bottom:4px;
	color:#fff;
	font-size:14px;
	border-bottom:1px solid #fff;
	text-decoration: none;
}

#main .section05 .item01 .tit-wrap {
	background-image:url(/html/images/main/ban05.jpg);
}

#main .section05 .item02 .tit-wrap {
	background-image:url(/html/images/main/ban06.jpg);
}

#main .section05 .item03 .tit-wrap {
	height:430px;
	background-image:url(/html/images/main/ban07.jpg);
}


#main .section05 .item .goodsList {
	float:left;
	width:854px;
	height:678px;
	padding-top:50px;
	padding-left:63px;
	border:1px solid #e3e3e3;
	border-left:none;
}

#main .section05 .item03 .goodsList {
	height:378px;
}







/* ========================================================================
* »óÇ° ¸®½ºÆÃ
* ======================================================================== */

.goodsList ul {
	*zoom: 1;
	margin: 24px 0 0 0
}

.goodsList ul:after {
	content: '';
	display: block;
	clear: both
}

.goodsList ul:first-child {
	margin: 0
}

.goodsList ul li {
	float: left;
	width: 282px;
	margin: 0 0 0 24px
}

.goodsList ul li:first-child {
	margin: 0
}

.goodsList ul li .img img {
	width: 282px;
	height: 282px;
}

.goodsList span {
	display: block
}

.goodsList span.name {
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 1.4;
	color: #333;
	font-weight:300;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}

.goodsList span.priceWrap span {
	display: inline
}

.goodsList span.priceWrap {
	margin: 5px 0 0 0
}

.goodsList span.priceWrap .price_p {
	padding: 0 5px 0 0;
	font-size: 13px;
	color: #666;
	text-decoration: line-through
}

.goodsList span.priceWrap .price {
	font-size: 13px;
	color: #605c5b
}

.goodsList span.priceWrap .price em {
	font-weight: 700;
	color: #333;
	font-size:18px;
}

.goodsList span.priceWrap .sale {
	/* ±âº»¼¼ÀÏ */
	font-size:13px;
	color: #ff6600
}

.goodsList span.priceWrap .sale img {
	margin: 0 0 2px 2px;
	vertical-align: middle
}

.goodsList span.sale2 {
	/* ¹Ú½ºÇü ¼¼ÀÏ */
	position: absolute;
	top: -30px;
	left: 0;
	padding: 0 10px;
	background: #ff6600;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	font-family: tahoma;
	color: #fff
}

.goodsList span.icon {
	margin: 5px 0 0
}

.goodsList span.icon_soldout {
	margin: 2px 0 0
}

.goodsList.slider .bx-wrapper {
	position: relative;
	max-width:100% !important;
}

.goodsList.slider .bx-wrapper .bx-viewport{
	width:230px !important;
	margin:0 auto;
	overflow:hidden;
}

.goodsList.slider ul li {
	margin:0;
}

.goodsList.slider ul li img {
	width:230px;
	height:230px;
}

.goodsList.slider ul li a {
	text-decoration: none;
}

.goodsList.slider span.info {
	text-align: center;
}

.goodsList.slider .bx-controls-direction a {
	display:block;
	position:absolute;
	top:99px;
	width:17px;
	height:33px;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
}

.goodsList.slider .bx-controls-direction a.bx-prev {
	left:95px;
	background-image:url(/html/images/main/btn-arrow-left.png);
}

.goodsList.slider .bx-controls-direction a.bx-next {
	right:95px;
	background-image:url(/html/images/main/btn-arrow-right.png);
}


/* ¸ÞÀλóÇ°³ëÃâ ŸÀÔ1 */

.main_product01 {
	margin: 40px 0 0 0;
}

.main_product01 ul li {
	position: relative;
}

.main_product01 ul li a {
	display: block;
	text-decoration: none;
}

.main_product01 ul li a span.info {
	position: relative;
	padding: 10px;
	border:1px solid #e3e3e3;
}


/* ¸ÞÀλóÇ°³ëÃâ ŸÀÔ2 */

.main_product02 ul li {
	width: 230px;
	margin:0 0 0 50px;
}

.main_product02 ul li .img img {
	width: 230px;
	height: 230px
}


/* °ü·Ã»óÇ° */

.relation .goodsList {
	margin: 20px 0 0
}

.relation .goodsList ul li {
	width: 149px
}

.relation .goodsList ul li .img img {
	width: 147px;
	height: 147px
}


/* ¸ÞÀÎ °Ô½ÃÆÇ ³ëÃ⿵¿ª³»ºÎ */

.main_bottom ul li {
	position: relative;
}

.main_bottom ul li a {
	display: block;
	padding: 0 70px 0 10px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 12px;
	line-height: 30px;
	color: #444;
}

.main_bottom ul li a::before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:5px;
	height:1px;
	background-color:#ccc;
}

.main_bottom ul li a img {
	vertical-align: middle;
	padding: 0 0 0 10px;
}

.main_bottom ul li span.date {
	position: absolute;
	top: 0;
	right: 3px;
	font-size: 11px;
	line-height: 30px;
	color: #777;
}


/* ¸ÞÀÎ ÅǸ޴º */

.main_tab {
	position: relative;
	width: 1200px;
	margin: 50px auto 0;
}

.main_tab h3 a {
	display: block;
	width: 198px;
	height: 35px;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	font-size: 14px;
	line-height: 35px;
	font-weight: 500;
	color: #444;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.main_tab .selected h3 a {
	width: 200px;
	height: 36px;
	background-color: #333;
	border: none;
	color: #fff;
}

.main_tab #shop_tab2 h3,
.main_tab #shop_tab3 h3,
.main_tab #shop_tab4 h3 {
	position: absolute;
	top: 0;
}

.main_tab #shop_tab2 h3 {
	left: 199px;
}

.main_tab #shop_tab3 h3 {
	left: 398px;
}

.main_tab #shop_tab4 h3 {
	left: 597px;
}

.main_tab .shop_tab div.list_1depth {
	display: none;
	width: 1098px;
	padding: 0 15px 20px 15px;
	border: 1px solid #dbdbdb;
}

.main_tab .shop_tab .more {
	position: absolute;
	top: 17px;
	right: 5px;
}


/* °¶·¯¸® ³ëÃâ */

.main_gallery {
	position: relative;
	width: 1200px;
	margin: 50px auto 0;
}

.main_gallery h2 {
	padding: 0 0 3px 5px;
	border-bottom: 1px solid #ddd;
}

.main_gallery h2 a {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	text-decoration: none;
}

.main_gallery .more {
	position: absolute;
	top: 5px;
	right: 4px;
	font-size: 11px;
	letter-spacing: -1px;
}

.main_gallery {
	margin-top: 10px;
}

.main_gallery .list li {
	float: left;
	text-align: center;
}

.main_gallery .list li span {
	display: block;
	margin: 7px 0 0 0;
	font-size: 13px;
	font-weight: 500;
	color: #333;
}

/***** ¸ÞÀÎÀ¥Áø *****/

.main_webzine li {
	float: left;
	width: 200px;
	margin-left: 30px;
}

.main_webzine li:first-child {
	margin-left: 0;
}

.main_webzine li a.img {
	display: block;
}

.main_webzine li a.img img {
	width: 200px;
	height: 140px;
}

.main_webzine li .info {
	margin-top: 15px;
}

.main_webzine li .info a.subject {
	font-size: 18px;
	color: #222;
	text-decoration: none;
}

.main_webzine li .info p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 20px;
}

.main_webzine li .info .date {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	line-height: 20px;
}



/***** ¸ÞÀÎ ÇÏ´Ü *****/

.main_customer {
	width: 1046px;
	margin: 30px auto 0;
	padding: 18px 28px 16px 22px;
	border: 2px solid #d7d7d7;
}




/* °í°´¼¾ÅÍ */

.main_customer .customer {
	float: left;
	width: 323px;
	border-right: 1px solid #e4e3e3;
	padding-right: 30px;
}

.main_customer .customer h2 {
	font-weight: bold;
	font-size: 11px;
}

.main_customer .customer h2 a {
	color: #333;
}

.main_customer .customer .tel {
	margin-top: 15px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 500;
	color: #000;
	position: relative;
}

.main_customer .customer .tel span {
	position: absolute;
	top: 0;
	left: 185px;
	padding-left: 10px;
	font-size: 11px;
	color: #666;
}

.main_customer .customer .tel span em {
	display: block;
	font-size: 9px;
	line-height: 10px;
}

.main_customer .customer .time {
	margin-top: 15px;
	line-height: 18px;
	color: #666;
}

.main_customer .customer .time h3 {
	font-weight: bold;
}


/* °øÁö»çÇ× */

.main_customer .notice {
	float: left;
	position: relative;
	margin-left: 30px;
	width: 415px;
	border-right: 1px solid #e3e3e3;
	padding-right: 30px;
}

.main_customer .notice h2 {
	font-weight: bold;
	font-size: 11px;
}

.main_customer .notice h2 a {
	color: #333;
}

.main_customer .notice .btn_more {
	position: absolute;
	top: 0;
	right: 30px;
}


/* ¹«ÅëÀåÀÔ±Ý */

.main_customer .bank {
	float: left;
	position: relative;
	margin-left: 30px;
	padding-right: 30px;
}

.main_customer .bank h2 {
	font-weight: bold;
	font-size: 11px;
}

.main_customer .bank h2 a {
	color: #333;
}

.main_customer .bank ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.main_customer .bank ul li {
	position: relative;
	padding-left: 48px;
	font-size: 11px;
	line-height: 20px;
	color: #666;
}

.main_customer .bank ul li span {
	position: absolute;
	top: 0;
	left: 0;
}


/* Æйи®»çÀÌÆ® */

.partner_wrap {
	position: relative;
	margin: 10px auto 0;
	width: 1098px;
	height: 68px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
}

.partner div {
	float: left;
}

.partner_wrap .bx-wrapper {
	padding-top: 12px;
}

.partner_wrap .bx-default-pager {
	display: none;
}

.partner_wrap .bx-controls-direction .bx-prev {
	position: absolute;
	top: 18px;
	left: 30px;
	width: 19px;
	height: 34px;
	background: url(/html/images/main/btn_partner_left.gif) no-repeat;
	text-indent: -9999px;
}

.partner_wrap .bx-controls-direction .bx-next {
	position: absolute;
	top: 18px;
	right: 30px;
	width: 19px;
	height: 34px;
	background: url(/html/images/main/btn_partner_right.gif) no-repeat;
	text-indent: -9999px;
}


/* ¸ÞÀÎ ·Î±×ÀÎ */

.main_login {
	width: 181px;
	height: 83px;
	position: relative;
	padding: 20px 0 0 21px;
	background: url(/html/images/member/bg_main_login.gif) no-repeat;
}

.main_login label {
	position: absolute;
	left: -9999px;
}

.main_login .id input {
	width: 102px;
	height: 20px;
	border: 1px solid #bebebe;
	text-indent: 5px;
	line-height: 20px;
	ime-mode: disabled;
}

.main_login .pw input {
	width: 102px;
	height: 20px;
	margin-top: 3px;
	border: 1px solid #bebebe;
	text-indent: 5px;
	line-height: 20px;
	ime-mode: disabled;
}

*:first-child+html .main_login .pw input {
	margin: 0;
}

.main_login .btn_login {
	position: absolute;
	top: 20px;
	left: 129px;
}

.main_login .member_joinpw {
	margin-top: 8px;
}

.main_login .member_joinpw li {
	float: left;
	font-size: 11px;
	letter-spacing: -1px;
}

.main_login .member_joinpw li.find {
	padding-left: 10px;
}

.main_login .member_joinpw li a {
	color: #5f6164;
}


/* ========================================================================
* ¼­ºê»ó´Ü ¹è³Ê
* ======================================================================== */

#sub-visual {
	position:relative;
	width: 100%;
	height: 250px;
	background: url(/html/images/common/sub-top.jpg) no-repeat center top;
}

#sub-visual .txt {
	width:1200px;
	margin:0 auto;
	padding-top:45px;
	font-size:30px;
	color:#fff;
	line-height:1.3;
}

#sub-visual .txt strong {
	display:block;
	font-size:50px;
	font-weight:700;
}

/* ========================================================================
* ·ÎÄø޴º
* ======================================================================== */

#lnb {
	background-color:#f8f8f8;
	border-bottom:1px solid #e3e3e3;
}

#lnb::after {
	content:'';
	display:block;
	clear:both;
}

#lnb ul {
	position:relative;
	width:1200px;
	margin:0 auto -1px;
	font-size:0;
}

#lnb ul::before,
#lnb ul::after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	width:1px;
	background-color:#e3e3e3
}

#lnb ul::before {
	left:0;
}

#lnb ul::after {
	right:0;
}


#lnb ul li {
	display:inline-block;
}


#lnb ul li a {
	display: block;
	padding:0 35px;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	font-size: 16px;
	line-height: 49px;
	color: #333;
	text-decoration: none
}

#lnb ul li a:hover {
	color: #f58202;
	background-color:#fff;
	border-bottom:1px solid #fff;
}


#lnb ul.col-6 li {
	width:16.666%;
}

#lnb ul.col-6 li a:hover {
	border-bottom-color:#e3e3e3;;
}


/* ========================================================================
* º»¹® »ó´Ü ŸÀÌƲ
* ======================================================================== */

.navi {
	position: relative;
	margin-bottom:70px;
	text-align:center
}

.navi .current_navi {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 20px;
	background: url(/html/images/common/bullet_current_navi.png) no-repeat left 5px;
	font-size: 14px;
	color: #999;
	font-weight:300;
}

.navi div span {
	font-weight:300;
	color: #666;
}

.navi.shop div span::after {
	content:'>';
	display:inline-block;
	margin:0 5px;
}

.navi.shop div span:last-child::after {
	display:none;
}

.navi h2 {
	display:inline-block;
	padding-top:70px;
	border-bottom:2px solid #333;
	padding-bottom:10px;
	font-size: 40px;
	color: #383632;
	letter-spacing: -1px;
	font-weight:500;
}


/********** °Ô½ÃÆÇ(±âº»Çü), »óÇ°¸®½ºÆ®ÆäÀÌÁö, ÁÖ¹®Á¶È¸,, Àû¸³±Ý, °ü½É»óÇ°, »óÇ°Èıâ, »óÇ°¹®ÀÇ µ¿ÀÏÇÏ°Ô »ç¿ëµÊ **********/

.board_list {
	border-top: 1px solid #e3e3e3;
}

.board_list th {
	height: 39px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: 500;
	color: #555;
	line-height: 39px;
	text-align: center;
	font-size:13px;
}

.board_list td {
	padding: 11px 5px 10px;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.428;
	text-align: center;
	font-size:13px;
}

.board_list td.left {
	text-align: left
}

.board_list td img {
	vertical-align: middle
}

.board_list td span.comment_num {
	font-family: Verdana, tahoma;
	color: #ff6600;
	font-size: 11px
}

.board_list .right {
	text-align: right;
	padding-right: 5px
}

.board_list .td_img {
	padding: 7px 5px;
	border-bottom: 1px solid #e3e3e3
}



/* ========================================================================
* °¶·¯¸® ¸®½ºÆ®
* ======================================================================== */

.gallery_list {
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.4;
	font-size: 13px;
}

.gallery_list ul {
	margin: 30px -10px 0
}

.gallery_list ul:after {
	content: '';
	display: block;
	clear: both
}

.gallery_list ul:first-child {
	margin: 0 -10px 0
}

.gallery_list ul li {
	float: left;
	width: 25%;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
}

.gallery_list ul li .img img {
	width: 100%
}

.gallery_list ul li .subject {
	margin-top: 10px;
	color: #333;
	font-weight: 500;
}

.gallery_list ul li .subject span {
	color: #ff6600;
}

.gallery_list ul li .name {
	margin-top: 5px;
	font-size: 11px;
	color: #888;
}


/* ========================================================================
* À¥Áø ¸®½ºÆ®
* ======================================================================== */

.webzine_list {
	margin: 10px 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
}

.webzine_list li {
	margin: 20px 0 0;
	color: #666;
	line-height: 1.4;
	font-size: 13px;
}

.webzine_list li:first-child {
	margin: 0
}

.webzine_list li .img {
	float: left;
	width: 200px
}

.webzine_list li .img img {
	width: 200px;
	height: 150px
}

.webzine_list li .cont {
	margin: 0 0 0 220px;
	padding: 5px 0 0
}

.webzine_list li .cont:after {
	content: '';
	display: block;
	clear: both
}

.webzine_list .subject a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
}

.webzine_subject span {
	color: #ff6600;
}

.webzine_list .content {
	margin-top: 7px
}

.webzine_list .name {
	margin-top: 5px;
	font-size: 11px;
	color: #888
}


/* ========================================================================
* °Ô½ÃÆÇ ±Û¾²±â
* ======================================================================== */

.board_write {
	border-top: 2px solid #6e6e6e;
}

.board_write th {
	background: url(/html/images/bbs/bullet_write_th.gif) no-repeat right bottom;
	background-color: #f6f6f6;
	line-height: 18px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-bottom: 1px solid #dbdbdb;
}

.board_write td {
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
}

.board_write td.content {
	padding: 10px;
}

.board_write td.content img {
	max-width: 100%;
	height: auto;
	/* °¡·Î»çÀÌÁî°¡ Å« À̹ÌÁö°¡ ¾÷·Îµå µÉ °æ¿ì */
}


/* ±Û¾²±â ¼öÁ¤ ÆÄÀÏ÷ºÎ °ü·Ã */

#variableFiles div {
	margin: 4px 0 0 0
}

#variableFiles div:first-child {
	margin: 0
}

#variableFiles div label {
	position: absolute;
	top: -9999px;
	font-size: 0;
	line-height: 0;
}


/* °Ô½ÃÆÇ ºä , ºí·Î±×Çü °Ô½ÃÆÇ µ¿ÀÏÇÏ°Ô »ç¿ëµÊ */

.board_read {
	border-top: 2px solid #6e6e6e;
}

.board_read .subject {
	padding: 10px;
	border-bottom: 1px solid #dbdbdb;
	background-color: #f7f7f7;
	font-weight: bold;
	color: #333;
}

.board_read .writer {
	padding: 8px 10px 5px 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #888;
}

.board_read .writer span {
	position: relative;
	margin: 0 0 0 7px;
	padding: 0 0 0 10px;
	font-size: 11px;
}

.board_read .writer span:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 10px;
	background-color: #ccc
}

.board_read .writer span:first-child {
	margin: 0;
	padding: 0
}

.board_read .writer span:first-child:after {
	display: none
}

.board_read .content {
	padding: 10px 10px 30px 10px;
	line-height: 1.6;
	color: #666;
}

.board_read .content img {
	max-width: 100%;
	height: auto;
	/* °¡·Î»çÀÌÁî°¡ Å« À̹ÌÁö°¡ ¾÷·Îµå µÉ °æ¿ì */
}


/* ¸ÞÀÎÀ̹ÌÁö */

div.main_image {
	position: relative;
	padding: 10px 10px 2px 90px;
	background: #f8f8f8;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

div.main_image span {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: bold;
	color: #444;
}

div.main_image ul li {
	float: left;
	margin: 0 0 5px 0;
	padding: 0 10px 0 10px;
	background: url(/html/images/common/bullet04.gif) no-repeat right 2px;
}

div.main_image ul li:last-child {
	background: none;
}

div.main_image ul li a {
	color: #666;
}

div.main_image ul li a:hover {
	color: #222;
}


/* ÷ºÎÀ̹ÌÁö */

div.add_file {
	position: relative;
	margin: -1px 0 0 0;
	padding: 10px 10px 2px 90px;
	background: #f8f8f8;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

div.add_file span {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: bold;
	color: #444;
}

div.add_file ul li {
	float: left;
	margin: 0 0 5px 0;
	padding: 0 10px 0 10px;
	background: url(/html/images/common/bullet04.gif) no-repeat right 2px;
}

div.add_file ul li:last-child {
	background: none;
}

div.add_file ul li a {
	color: #666;
}

div.add_file ul li a:hover {
	color: #222;
}


/* °Ô½ÃÆÇ ´ñ±Û¾²±â */

.comm_body {
	margin: 30px 0 0 0;
	border-top: 2px solid #666;
}

.comm_body h3.tit {
	padding: 10px 10px 0 10px;
	font-size: 16px;
	font-weight: 500;
	color: #222;
}

.comm_list {
	margin: 10px 0 20px 0;
	padding: 10px 0;
	background: #f5f6fa;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

.comm_list ul li {
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	border-top: 1px dashed #999;
}

.comm_list ul li:first-child {
	border-top: none;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
}

.comm_list .comm_writer {
	font-weight: bold;
	line-height: 1.4;
	color: #333;
}

.comm_list .comm_writer span {
	font-weight: normal;
	font-family: tahoma, dotum;
	color: #666;
}

.comm_list .comm_content {
	margin: 10px 0 0 0;
	line-height: 1.6;
	color: #666;
}

.comm_list .comm_delete {
	text-align: right;
}

.comm_list .comm_delete a {
	font-size: 11px;
	text-decoration: none;
}

.comm_list .comm_delete a:hover {
	font-weight: bold
}

.comm_nonmember {
	margin: 0 0 5px 0;
}

.comm_nonmember label {
	padding: 0 10px 0 0;
	font-weight: 500;
	color: #444;
}

.comm_comment textarea {
	float: left;
	width: 88%;
	height: 60px;
	border: 1px solid #cdcdcd;
	;
	padding: 5px 0 5px 5px;
}

.comm_comment .btn {
	float: right;
}

.comm_comment .btn .btn_comm_write {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	white-space: nowrap;
	background-color: #ddd;
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	border-radius: 2px;
	height: 71px;
	padding: 6px 15px 6px 15px;
	padding: 8px 15px 6px 15px\0;
	font-family: arialm Helvetica, gulim;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
}

.file_list {
	height: 100%;
}

.file_list:after {
	content: '';
	display: block;
	clear: both;
}

.modify_file_list a {
	display: block;
	float: left;
}

.modify_file_list a.f_name {
	padding: 0 0 0 10px;
	background: url(/html/images/bbs/file_list_line.gif) no-repeat left 4px;
}

.modify_file_list a:first-child.f_name {
	background: none;
	padding: 0;
}

.modify_file_list a.f_del {
	padding: 5px 10px 0 5px;
}


/* ========================================================================
* °Ô½ÃÆÇ ÀÌÀü¤ý´ÙÀ½±Û
* ======================================================================== */

.board_btn {
	width: 100%;
	height: 100%;
	margin: 20px 0 0 0
}

.board_btn:after {
	content: '';
	display: block;
	clear: both
}

.board_btn ul.list {
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	border-radius: 2px
}

.board_btn ul.list li {
	position: relative;
	padding: 10px 10px 10px 70px;
	border-bottom: 1px solid #e3e3e3
}

.board_btn ul.list li span {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0 0 0 15px;
	color: #222;
	background: url(/html/images/spr_arrow.png) no-repeat
}

.board_btn ul.list li.prev span {
	background-position: -0 -0
}

.board_btn ul.list li.next span {
	background-position: -0 -19px
}

.board_btn .left {
	float: left
}

.board_btn div.btn a,
.board_btn div.btn input.btn {
	padding: 8px 20px;
	font-weight: 500;
	display: inline-block;
	background-color: #aaa;
	border: none;
	border-radius: 5px;
	color: #fff;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer
}

.board_btn div.btn a.write {
	background-color: #333
}

.board_btn .right {
	float: right
}


/* ÇÏ´Ü ¹öÆ° */

.footBtn {
	margin: 20px 0 0;
	text-align: center
}

.footBtn input,
.footBtn a {
	display: inline-block;
	padding: 12px 30px;
	background-color: #aaa;
	border: none;
	border-radius: 5px;
	font-weight: 500;
	color: #fff;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	font-size: 12px
}

.footBtn input.btn01,
.footBtn a.btn01 {
	background-color: #333
}

/* ========================================================================
* °Ô½ÃÆÇ »ó´Ü°Ë»ö
* ======================================================================== */

.board_search {
	margin-top: 20px;
	overflow: hidden;
	font-size: 11px;
	color: #777;
}

.board_search label {
	display: none;
}

.board_search p {
	float: left;
	padding: 5px 0 0 20px;
	background: url(/html/images/bbs/bullet_board_search.gif) no-repeat 0 4px;
}

.board_search div {
	float: right;
}

.board_search select {
	height: 28px;
	border: 1px solid #e3e3e3;
	letter-spacing: 0;
	font-size: 12px
}

.board_search input[type="text"] {
	height: 22px;
	border-color: #e3e3e3;
	vertical-align: top
}

.board_search input[type="submit"] {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	vertical-align: top;
	cursor: pointer
}


/* ========================================================================
* °Ô½ÃÆÇ ÇÏ´Ü ÆäÀÌ¡
* ======================================================================== */

#paging {
	margin-bottom: 20px;
	text-align: center;
}

#paging ul {
	height: 100%;
}

#paging ul:after {
	content: '';
	display: block;
	clear: both;
}

#paging ul li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0 0 0 -1px;
	padding: 8px 0 0;
	width: 28px;
	height: 20px;
	border: 1px solid #d8d8d8;
}

#paging ul li.select {
	background-color: #f3f3f3;
	color: #333;
}

#paging ul li.line {
	display: none;
}

#paging ul li a {
	display: block;
	text-decoration: none;
	color: #888;
	text-align: center;
}

#paging ul li.first_off {
	background: #fff url(/html/images/bbs/btn_first_off.png) no-repeat 10px 8px;
	margin: 0 0 0 1px;
}

#paging ul li.prev_off {
	background: url(/html/images/bbs/btn_prev_off.png) no-repeat 11px 8px;
}

#paging ul li.next_off {
	background: url(/html/images/bbs/btn_next_off.png) no-repeat 11px 8px;
}

#paging ul li.last_off {
	background: url(/html/images/bbs/btn_last_off.png) no-repeat 10px 8px;
}

#paging ul li.first_on {
	background: url(/html/images/bbs/btn_first.png) no-repeat 10px 8px;
	cursor: pointer;
}

#paging ul li.prev_on {
	background: url(/html/images/bbs/btn_prev.png) no-repeat 11px 8px;
	cursor: pointer;
}

#paging ul li.next_on {
	background: url(/html/images/bbs/btn_next.png) no-repeat 11px 8px;
	cursor: pointer;
}

#paging ul li.last_on {
	background: url(/html/images/bbs/btn_last.png) no-repeat 10px 8px;
	cursor: pointer;
}


/* ========================================================================
* ¸¶ÀÌÆäÀÌÁö
* ======================================================================== */

.mypage_tb {
	border-top: 2px solid #666;
}

.mypage_tb th {
	background-color: #f1f1f1;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #222;
}

.mypage_tb td {
	padding: 10px;
	font-weight: 500;
	color: #666;
	border-bottom: 1px solid #cdcdcd;
}


/* ========================================================================
* ȸ¿ø°¡ÀÔ¤ý¼öÁ¤
* ======================================================================== */

.member_join {
	border-top: 2px solid #444;
}

.member_join th {
	background: url(/html/images/member/bullet_join_th.gif) no-repeat right bottom;
	line-height: 18px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-bottom: 1px solid #dbdbdb;
}

.member_join td {
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
	text-align: left;
}

.member_join th span {
	color: #ff6600;
}

.member_join td span.id {
	color: #333;
	font-weight: bold;
}

.member_join td span.id_info {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	color: #777;
	color: #8181e7;
}

.member_join td .info {
	color: #8181e7;
	margin-top: 3px;
	font-size: 11px;
}

.member_same {
	position: relative;
	border-top: 1px solid #444;
	padding: 10px;
	padding: 12px 10px 8px\0;
	background-color: #999;
	font-weight: bold;
	line-height: 20px;
	color: #444;
	color: #fff
}

*:first-child+html .member_same {
	padding: 12px 10px 8px
}

.member_same a {
	display: block;
	position: absolute;
	top: 10px;
	left: 120px;
}


/* ========================================================================
* ÁÖ¹®Á¶È¸
* ======================================================================== */

.order_list_date {
	font-family: tahoma;
	color: #777;
}

.order_list_date div.btn a {
	display: block;
	margin-top: 3px;
	margin-left: 5px;
	width: 78px;
	height: 20px;
	background: url(/html/images/btn/btn_order_detail_off.gif) no-repeat;
	text-indent: -9999px;
}

.order_list_date div.toggle a {
	background: url(/html/images/btn/btn_order_detail_on.gif) no-repeat;
}

.order_list_code {
	display: block;
	font-size: 11px;
	color: #999999;
	letter-spacing: -1px;
}

.order_list_btn {
	display: block;
	margin: 3px 0 0 0;
	font-size: 11px;
	line-height: 1;
	color: #999;
	cursor: pointer;
	letter-spacing: -1px;
}

.order_list_detail {
	border: 3px solid #444;
	padding: 20px;
	position: relative;
	top: -1px;
}

.order_list_detail .closed {
	position: absolute;
	top: 20px;
	right: 20px;
}

.order_list_detail h4 {
	margin: 0 0 5px 0;
	font-weight: 500;
	font-size: 14px;
	color: #111;
}

.order_list_detail h4 i {
	color: #666
}

.order_detail_tb {
	border-top: 1px solid #444;
}

.order_detail_tb th {
	height: 25px;
	padding: 5px 0;
	background: none;
	background-color: #f7f7f7;
	border-bottom: 1px solid #dbdbdb;
	font-size: 11px;
	color: #555;
}

.order_detail_tb td {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #dbdbdb;
	text-align: left
}

ul.option-list li {
	position: relative;
	border-bottom: 1px dotted #d0d0d0;
	padding: 4px 2px;
}

ul.option-list li div.option-title {
	display: inline-block;
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.option-list li div.option-price {
	text-align: right;
	padding-right: 10px;
}

ul.option-list li span.quantity {
	display: inline-block;
	width: 60px;
	vertical-align: middle;
	margin-bottom: 5px;
}

ul.option-list li span.quantity input {
	text-align: right;
}

p.added-price {
	color: gray;
	font-size: 0.6rem;
}

.cart_list_option {
	margin: 8px 0 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-radius: 2px;
	border: 1px solid #e3e3e3
}

.cart_list_option div:first-child {
	margin: 0 0 0 0;
}

.cart_list_option div.list-title {
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
	color: #333;
	line-height: 1.3;
}

.cart_list_option div.list-sub.with-normal font.extra_info,
.cart_list_option div.list-title.with-normal font.extra_info {
	display: none;
}

.cart_list_option div.list-sub {
	background: url(/html/images/common/bullet01.gif) no-repeat 15px 5px;
	margin: 2px 0 0 0;
	padding: 0 0 0 24px;
	color: #777;
	line-height: 1.3;
	font-size: 11px
}

.cart_list_option div.list-title+.list-sub {
	margin: 10px 0 0 0;
	padding: 10px 0 0 24px;
	background: url(/html/images/common/bullet01.gif) no-repeat 15px 15px;
	border-top: 1px dashed #b2b2b2;
}

.cart_list_option span {
	color: #000
}

ul.option-list li {
	position: relative;
	border-bottom: 1px dotted #d0d0d0;
	padding: 4px 2px;
}

ul.option-list li div.option-title {
	display: inline-block;
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.option-list li div.option-price {
	text-align: right;
	padding-right: 10px;
}

ul.option-list li span.quantity {
	display: inline-block;
	width: 60px;
	vertical-align: middle;
	margin-bottom: 5px;
}

ul.option-list li span.quantity input {
	text-align: right;
}

p.added-price {
	color: gray;
	font-size: 0.6rem;
}


/* ========================================================================
* Àå¹Ù±¸´Ï ¼öÁ¤
* ======================================================================== */

.cartModify.option-list li {
	position: relative;
	border: 1px solid #e3e3e3;
	background-color: #f8f8f8;
	margin: 10px 0 0;
	padding: 5px;
}

.cartModify.option-list li:first-child {
	margin: 0
}

.cartModify.option-list li>div {
	position: relative;
	margin: 5px 0 0
}

.cartModify.option-list li>div:after {
	content: '';
	display: block;
	clear: both
}

.cartModify.option-list li>div:first-child {
	margin: 0
}

.cartModify.option-list li>div span.tit {
	display: block;
	float: left;
	width: 60px;
	font-weight: bold
}

.cartModify.option-list li span.quantity {
	margin-bottom: 0
}

.cartModify.option-list li div.option-title {
	width: auto;
	overflow: inherit;
	text-overflow: initial;
	white-space: initial
}

.cartModify.option-list li div.option-price {
	padding-right: 0;
	text-align: left
}

.cartModify.option-list li span.quantity input {
	width: 30px;
	text-align: right
}

div.sub-element {
	padding: 0 0 0 25px;
	background: url(/html/images/product/childElementArea_arrow.gif) no-repeat 10px 5px !important;
}

.productViewList .infoWrap .sub-element span.tit {
	width: 95px
}

#multipleArea {
	background-color: #fafafa
}

#multipleArea .multipleDiv {
	position: relative;
	border-top: 1px solid #e3e3e3;
	padding: 20px;
	font-weight: 500;
	font-size: 14px
}

#multipleArea .multipleDiv:first-child {
	margin: 20px 0 0
}

#multipleArea .multipleDiv .multiplePerPrice {
	display: none
}

#multipleArea .multipleDiv a.goodsdelete,
#multipleArea .multipleDiv div.goodsprice,
#multipleArea .multipleDiv div.goodsstock,
#multipleArea .multipleDiv div.goodsname {
	display: inline-block;
	vertical-align: middle;
}

#multipleArea .multipleDiv.multipleChild {
	margin: 10px 10px 10px 30px;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #e3e3e3
}

#multipleArea .multipleDiv.normalItem {
	display: none;
	margin: 10px 0 0;
	background-color: transparent
}

#multipleArea .multipleDiv.normalItem.childItem,
#multipleArea .multipleDiv.normalItem.multipleChild {
	display: block;
}

#multipleArea .multipleDiv.normalItem.childItem .bottom,
#multipleArea .multipleDiv.normalItem.multipleChild .bottom {
	display: none;
}

#multipleArea .multipleDiv div.goodsname {
	padding: 0 20px 0 0;
	font-size: 15px;
	color: #222
}

#multipleArea .multipleDiv .bottom {
	*zoom: 1;
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px dashed #cdcdcd
}

#multipleArea .multipleDiv .bottom:after {
	content: '';
	display: block;
	clear: both
}

#multipleArea .multipleDiv div.goodsstock {
	float: left
}

#multipleArea .multipleDiv div.goodsprice {
	float: right;
	font-family: tahoma;
	font-weight: bold;
	color: #222
}

#multipleArea .multipleDiv a.goodsdelete {
	position: absolute;
	top: 20px;
	right: 20px
}

#multipleArea .multipleDiv.multipleChild a.goodsdelete {
	top: 13px
}


/* ========================================================================
* Àå¹Ù±¸´Ï
* ======================================================================== */

.cart_list {
	border-top: 1px solid #e3e3e3;
}

.cart_list th {
	height: 39px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: 500;
	color: #555;
	line-height: 39px;
	text-align: center
}

.cart_list td {
	padding: 11px 5px 10px;
	border-bottom: 1px solid #e3e3e3;
	line-height: 1.428;
	text-align: center
}

.cart_list td.num {
	border-left: none;
	text-align: center;
}

.cart_list td.subject {
	padding: 15px 20px;
	text-align: left
}

.cart_list td.subject a {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4;
	color: #444;
	letter-spacing: -1px;
}

.cart_list td.totalPrice {
	padding: 10px;
	font-weight: bold;
	text-align: right;
	color: #0078ff;
}

.cart_list td.totalPrice span.price {
	font-family: tahoma;
	font-weight: bold;
	font-size: 15px;
}

.cart_list td.totalPrice div.delivery {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 14px;
	height: 12px\0;
	margin: 5px 0 0 0;
	padding: 4px 10px 0 10px;
	padding: 6px 10px 0 10px\0;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	background: #fafafa;
	font-size: 11px;
	line-height: 1;
	color: #777;
	letter-spacing: -1px;
}

*:first-child+html .cart_list td.totalPrice div.delivery {
	padding: 6px 10px 0 10px;
	height: 12px;
}

.cart_list .td_right {
	padding: 7px 5px 3px 5px;
	text-align: right;
}

.cart_list td.img {
	padding: 12px;
	text-align: center;
}

.cart_list_delivery_charge {
	text-align: right;
	margin: 20px 0 0 0;
}

.cart_list_delivery_charge b.red {
	color: #d90011;
}

.cart_list_delivery_charge b.blue {
	color: #1f6ba4;
}


/* ========================================================================
* Àå¹Ù±¸´Ï¤ýÁÖ¹®Çϱ⠰áÁ¦±Ý¾×
* ======================================================================== */

.total_price {
	height: 100%;
	border-top: 1px solid #52a1af;
	border-bottom: 2px solid #52a1af;
	padding: 25px 0;
}

.total_price:after {
	content: '';
	display: block;
	clear: both;
}

.total_price .tit {
	padding: 0 70px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #222;
	text-align: right;
}

.total_price li {
	float: left;
	position: relative;
	width: 33%;
}

.total_price li.list04 .cart_won1,
.total_price li.list04 .cart_won3,
.total_price li.list04 .tit {
	padding: 0 40px 0 0
}

.total_price li img {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -11px 0 0 0;
}

.total_price .cart_won1 {
	padding: 0 70px 0 0;
	font-weight: bold;
	font-size: 25px;
	font-family: tahoma;
	color: #1667a6;
	text-align: right;
}

.total_price .cart_won3 {
	padding: 0 70px 0 0;
	font-weight: bold;
	font-size: 25px;
	font-family: tahoma;
	color: #d6000f;
	text-align: right;
}

.total_price .cart_won2 {
	font-size: 14px;
	font-weight: bold;
	color: #444;
}


/* ========================================================================
* °áÁ¦Çϱ⠰áÁ¦±Ý¾×
* ======================================================================== */

.total_price2 {
	height: 100%;
	border-top: 1px solid #52a1af;
	border-bottom: 2px solid #52a1af;
	padding: 25px 0;
}

.total_price2:after {
	content: '';
	display: block;
	clear: both;
}

.total_price2 .tit {
	padding: 0 50px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #222;
	text-align: right;
}

.total_price2 li {
	float: left;
	position: relative;
	width: 20%;
}

.total_price2 li.list06 .cart_won1,
.total_price2 li.list06 .cart_won3,
.total_price2 li.list06 .tit {
	padding: 0 20px 0 0
}

.total_price2 li img {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -11px 0 0 0;
}

.total_price2 .cart_won1 {
	padding: 0 50px 0 0;
	font-weight: bold;
	font-size: 25px;
	font-family: tahoma;
	color: #1667a6;
	text-align: right;
}

.total_price2 .cart_won3 {
	padding: 0 50px 0 0;
	font-weight: bold;
	font-size: 25px;
	font-family: tahoma;
	color: #d6000f;
	text-align: right;
}

.total_price2 .cart_won4 {
	padding: 0 50px 0 0;
	font-weight: bold;
	font-size: 25px;
	font-family: tahoma;
	color: #147d1c;
	text-align: right;
}

.total_price2 .cart_won2 {
	font-size: 14px;
	font-weight: bold;
	color: #444;
}


/* ========================================================================
* 1:1¹®ÀÇ
* ======================================================================== */

.qna_list {
	border-top: 2px solid #6e6e6e;
	margin-top: 5px;
}

.qna_list th {
	height: 37px;
	background: url(/html/images/bbs/bg_board_th.gif) repeat-x;
	color: #444;
	font-weight: bold;
}

.qna_list td {
	line-height: 18px;
}

.qna_list .td_center {
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}

.qna_list .td_left {
	padding: 7px 0 3px 5px;
	border-bottom: 1px solid #dbdbdb;
}

.qna_list .date {
	color: #777;
}

.qna_read {
	margin-top: 5px;
	border-top: 2px solid #444;
}

.qna_read th {
	background: url(/html/images/member/bullet_join_th.gif) no-repeat right bottom;
	background-color: #f8f8f8;
	line-height: 18px;
	padding: 10px 0;
	border-bottom: 1px solid #dbdbdb;
}

.qna_read td {
	line-height: 18px;
	padding: 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
}

h4.member_qna {
	margin-top: 20px;
}

.qna_write {
	margin-top: 5px;
	border-top: 2px solid #444;
}

.qna_write th {
	background: url(/html/images/member/bullet_join_th.gif) no-repeat right bottom;
	background-color: #f8f8f8;
	line-height: 18px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-bottom: 1px solid #dbdbdb;
}

.qna_write td {
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
}

.qna_write td span.info {
	color: #8181e7;
}


/* ========================================================================
* °ü½É»óÇ°
* ======================================================================== */

.wishlist_del {
	text-align: right;
	margin-top: 10px;
}

.wishlist_price {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	font-family: tahoma, dotum;
	color: #222;
}

.wishlist_price2 {
	font-family: tahoma;
	text-decoration: line-through;
	color: #999;
}


/* ========================================================================
* Àû¸³±Ý³»¿ª
* ======================================================================== */

.point_price {
	font-family: tahoma;
	font-weight: bold;
}

.total_point {
	text-align: right;
	margin-top: 10px;
}

.total_point span {
	font-family: tahoma;
	color: #3c88ec;
	font-weight: bold;
	font-size: 18px;
}


/* ========================================================================
* »óÇ°Èıâ
* ======================================================================== */

.review_name {
	margin-top: 5px;
	font-size: 11px;
	color: #777;
	line-height: 15px;
}

.review_subject {
	background: url(/html/images/member/bullet_review_subject.png) no-repeat;
	display: block;
	margin-top: 5px;
	padding-left: 17px;
}

.review_contents {
	min-height: 50px;
	padding: 10px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #bababa;
	background-color: #fcfcfc;
	letter-spacing: -1px;
	color: #555;
	line-height: 20px;
	text-align: left;
}


/* ========================================================================
* »óÇ°¹®ÀÇ
* ======================================================================== */

.qna_question {
	background: url(/html/images/member/bullet_q.gif) no-repeat 5px 0;
	padding-left: 35px;
	text-align: left;
}

.qna_answer {
	margin-top: 20px;
	border-top: 1px dotted #bababa;
	background: url(/html/images/member/bullet_a.gif) no-repeat 5px 20px;
	padding: 20px 0 0 35px;
	text-align: left;
}

.qna_answer span {
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	color: #777;
	letter-spacing: 0;
}

.qna_q a {
	display: block;
	font-size: 11px;
	color: #777;
	letter-spacing: -1px;
}


/* ========================================================================
* ȸ¿øÅ»Åð
* ======================================================================== */

.member_leave {
	margin: 20px 0;
	color: #102a59;
	font-weight: bold;
	text-align: center;
}

.member_leave_complete {
	border: 5px solid #ddd;
	margin-top: 20px;
	padding: 30px;
	text-align: center;
	font-family: Malgun Gothic;
	font-weight: bold;
}

.member_leave_complete .txt1 {
	color: #ff6600;
	font-size: 18px;
	margin-top: 20px;
}

.member_leave_complete .txt2 {
	color: #444;
	margin-top: 5px;
	font-size: 14px;
}


/* ========================================================================
* ÁÖ¹®Çϱâ
* ======================================================================== */

h4.order {
	margin: 30px 0 3px 3px;
	padding-left: 20px;
	background: url(/html/images/order/h4_order_bullet.png) no-repeat 0 2px;
	font-weight: normal;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	letter-spacing: -1px;
}

.order_tb {
	border-top: 1px solid #999;
}

.order_tb th {
	background: url(/html/images/member/bullet_join_th.gif) no-repeat right bottom;
	background-color: #f5f5f5;
	line-height: 18px;
	padding: 10px 0 10px 10px;
	text-align: left;
	font-weight: bold;
	color: #666;
	letter-spacing: -1px;
	border-bottom: 1px solid #dbdbdb;
}

.order_tb td {
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
	text-align: left;
}


/* ========================================================================
* °áÁ¦Çϱâ
* ======================================================================== */

.payment_point_wrap {
	border: 1px solid #dbdbdb;
	padding: 7px;
	border-radius: 5px;
	overflow: hidden;
	height: 104px;
	font-weight: 500;
}

.payment_point_wrap .point {
	float: left;
	width: 309px;
	height: 84px;
	background-color: #eee;
	padding: 10px;
	border-radius: 3px;
	overflow: hidden;
}

.payment_point_wrap .point p {
	padding-top: 12px;
	font-weight: bold;
	font-size: 16px;
	font-family: arial, dotum;
	color: #1667a6;
	text-align: center;
}

.payment_point_wrap .point p span {
	color: #333;
	font-size: 26px;
}

.payment_point_wrap .limit {
	float: left;
	margin-left: 10px;
	width: 395px;
	height: 84px;
	background-color: #eee;
	padding: 10px;
	border-radius: 3px;
	overflow: hidden;
}

.payment_point_wrap .limit .limit_point span {
	font-weight: bold;
	font-size: 16px;
	font-family: arial, dotum;
	color: #1667a6;
}

.payment_point_wrap .limit .use_point span {
	font-weight: bold;
	font-size: 24px;
	font-family: arial, dotum;
	color: #ff0000;
}

.payment_point_wrap .use {
	float: left;
	margin-left: 10px;
	width: 300px;
	height: 84px;
	background-color: #eee;
	padding: 10px;
	border-radius: 3px;
	overflow: hidden;
}

.payment_point_wrap .use .input {
	width: 120px;
	height: 30px;
	ime-mode: disabled;
	margin-top: 8px;
	font-weight: bold;
	font-size: 14px;
	font-family: arial, dotum;
	text-align: right;
	color: #000;
}

.payment_point_wrap .point strong,
.payment_point_wrap .limit strong,
.payment_point_wrap .use strong {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999;
	font-weight: 500;
	font-size: 14px;
	color: #222;
}

.payment_plan {
	margin: 3px 0 0 0;
	border-top: 1px solid #999;
}

.payment_plan .detail {
	padding: 7px 0 7px 5px;
	border-bottom: 1px dotted #aeaeae;
}

.payment_plan .detail3_info {
	display: block;
	margin: 4px 0 0 5px;
	font-size: 11px;
	color: #387a9c;
	;
	letter-spacing: -1px;
}


/* ========================================================================
* ÆäÀÌÆÈÁÖ¹®
* ======================================================================== */

.paypal {
	margin-top: 70px;
	text-align: center;
	line-height: 20px;
}

.paypal .tit {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 20px;
	color: #ff0000;
}

.paypal .name {
	margin-top: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #000;
}

.paypal .price {
	margin-top: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #000;
}

.paypal .info {
	width: 600px;
	margin: 0 auto;
	background-color: #e1e1e1;
	padding: 15px;
	margin-top: 20px;
}


/* ÆäÀÌÆÈ ÁÖ¹®¿Ï·á */

.paypal_complete {
	text-align: center;
}

.paypal_complete .info {
	background-color: #f7f7f7;
	padding: 20px 15px;
	border: 1px solid #cdcdcd;
	line-height: 20px;
}

.paypal_complete .info em {
	display: block;
	font-weight: 500;
	font-size: 18px;
	color: #ff0000;
}

.paypal_complete .info h3.attention {
	display: inline-block;
	background-color: #333;
	margin: 20px 0 5px 0;
	padding: 5px 15px 7px;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
}

.paypal_complete .info p {
	margin-top: 10px;
	font-size: 11px;
	color: #777;
}


/* ========================================================================
* »óÇ° ¸®½ºÆ® ÆäÀÌÁö
* ======================================================================== */

.list_category {
	font-weight: bold;
	padding: 15px 15px 12px 15px;
	border: 2px solid #999;
	background-color: #f8f8f8;
	border-radius: 5px;
}

.list_category span::after {
	content:'>';
	display:inline-block;
	margin:0 5px;
}

.list_category span:last-child::after {
	display:none;
}


.list_sub_category {
	margin: 5px 0 0;
	padding: 10px 20px;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
}

.list_sub_category ul {
	*zoom: 1;
}

.list_sub_category ul:after {
	content: '';
	display: block;
	clear: both
}

.list_sub_category ul li {
	display: block;
	width: 25%;
	float: left;
	padding: 5px 0;
}

.list_sub_category ul li a {
	display: block;
	float: left;
	padding: 0 3px 0 10px;
	background: url(/html/images/product/bullet_sub_category.gif) no-repeat 0 5px;
}

.list_search {
	margin-top: 5px;
	border: 1px solid #dbdbdb;
	padding: 10px 10px 7px 10px;
	overflow: hidden;
}

.list_search b {
	color: #ff6600;
}


/* ========================================================================
* »óÇ° ºäÆäÀÌÁö
* ======================================================================== */

.product_view {
	overflow: hidden;
	margin: 30px 0 0
}

.product_view .product_tit {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	overflow: hidden;
	margin: 10px 0;
}

.product_view .icon {
	overflow: hidden;
	margin-top: 3px;
}

.product_view .product_tit span {
	color: #ff0000;
	font-size: 12px;
}

.product_view .left {
	float: left;
	width: 45%;
}

.product_view .left .img {
	border: 5px solid #eee;
}

.product_view .left .img img {
	width: 100%;
}

.product_view .left .info {
	padding: 10px 0;
	font-size: 11px;
	color: #387a9c;
}

.product_view .right {
	float: right;
	width: 52%;
}

.productViewList {
	position: relative;
	font-size: 14px;
	color: #666;
	line-height: 20px
}

.productViewList .name {
	font-weight: 500;
	font-size: 18px;
	color: #333;
	line-height: 24px
}

.productViewList .introduce {
	margin: 10px 0 0
}

.productViewList .priceWrap {
	position: relative;
	margin: 15px 0 0;
	padding: 25px 0 25px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
}

.productViewList .priceWrap span.tit {
	display: block;
	float: left;
	width: 120px;
	color: #333
}

.productViewList .priceWrap .price_p {
	font-family: tahoma;
	padding: 0 10px 0 0;
	vertical-align: top
}

.productViewList .priceWrap .price_p span {
	text-decoration: line-through;
	vertical-align: top
}

.productViewList .priceWrap .price span {
	font-family: tahoma;
	color: #ef2705;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -.5px
}

.productViewList .priceWrap .sale_per {
	position: absolute;
	top: 0;
	right: 10px;
	padding-top: 8px;
	width: 68px;
	height: 47px;
	background: url(/html/images/product/bg_product_view_sale.png) no-repeat;
	text-align: center;
	color: #fff
}

.productViewList .priceWrap .sale_per span {
	font-size: 20px;
	font-family: tahoma
}

.productViewList .infoWrap {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #e3e3e3
}

.productViewList .infoWrap>div {
    display:table;
    width: 100%;
}


.productViewList .infoWrap>div:first-child {
    margin: 0
}

.productViewList .infoWrap>div.addGoods {
    border-top: 1px dashed #e3e3e3;
    margin: 10px 0 0;
    padding: 10px 0 0
}

.productViewList .infoWrap span.tit {
    display: table-cell;
	padding:5px 0;
	width: 120px;
    color: #333;
	vertical-align:middle;
}

.productViewList .infoWrap span.tit::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.productViewList .infoWrap span.cont {
    display: table-cell;
	padding:5px 0;
	vertical-align:middle;

}

.productViewList .infoWrap select {
    width: 290px;
    height: 30px;
    padding-left: 10px;
}

.productViewList .infoWrap div.deliveryLimit {
    color: #07a2ef
}

.productViewList .infoWrap .view_orderqty a {
    display: block;
    float: left;
    height: 25px;
}

.productViewList .infoWrap .view_orderqty input {
    display: block;
    float: left;
    padding: 0;
    width: 40px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #dbdbdc;
    text-align: center
}

.productViewList .view_totalprice {
    position: relative;
    margin-top: 20px;
    text-align: right;
}

.productViewList .view_totalprice span.tit {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    color: #333
}

.productViewList .view_totalprice .price {
    font-size: 30px;
    font-weight: 500;
    color: #f27c10;
    letter-spacing: -.5px
}

.productViewList .view_totalprice .won {
    color: #222;
    vertical-align: 1px
}

.productViewList .btn-order {
    margin-top: 40px;
}

.productViewList .btn-order a {
    display: block;
    float: left;
    margin-left: 10px;
}

.productViewList .btn-order a:first-child {
    margin-left: 0;
}

.view_orderqty {
	zoom: 1;
}

.view_orderqty:after {
	content: '';
	display: block;
	clear: both;
}

.view_orderqty input {
	float: left;
}

.view_orderqty .txt {
	display: block;
	float: left;
	margin: 3px 0 0 3px;
}

option.disabled {
	color: lightgrey
}

.product_view_tab {
	margin-top:80px;
	overflow: hidden;
}

.product_view_tab ul {
	margin-left:1px
}

.product_view_tab ul li {
	float: left;
	width:25%;
}

.product_view_tab ul li a {
	display:block;
	position:relative;
	z-index:10;
	height:45px;
	margin-left:-1px;
	padding-top:13px;
	border:1px solid #e3e3e3;
	border-bottom-color:#aaa;
	font-family:Nanum Gothic;
	font-size:14px;
	color:#666;
	text-align:center;
	box-sizing:border-box;
}

.product_view_tab ul li.active a {
	z-index:20;
	border-color:#aaa;
	border-bottom-color:#fff;
	color:#333;
}

.viewWrite {
	text-align: right
}

.viewWrite a.btn {
	display: inline-block;
	width: 102px;
	height: 33px;
	margin-top: 20px;
	border: 1px solid #e3e3e3;
	text-align: center;
	line-height: 33px;
	font-weight: 500;
	color: #666;
	text-decoration: none
}

.viewWrite a.btn:hover {
	border-color: #bbb
}

.review_txt {
	font-weight: bold;
	letter-spacing: -0.5;
	color: #ff6600;
}


/* ¸ÞÀλóÇ° ¹Ì¸®º¸±â */

.top_view {
	position: relative;
	padding: 10px 10px 20px 10px;
	background-color: #fff;
	width: 790px;
	border: 3px solid #df1b12;
}

.top_view .closed {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}


/* °ü·Ã»óÇ° */

.relation {
	padding: 15px;
	border: 1px solid #dbdbdb;
}

.relation .top {
	padding-bottom: 2px;
	border-bottom: 1px solid #dbdbdb;
}

.relation .top h3 {
	float: left;
	font-weight: 500;
	font-size: 14px;
	color: #222;
}

.relation .top .btn {
	float: right;
}


/* »óÇ°°í½Ã °ü·Ã */

.product_gosi .tit h4 {
	font-weight: 500;
	font-size: 18px;
	color: #1578db;
}

.product_gosi .tit span {
	display: block;
	padding: 5px 0 5px 0;
	font-size: 11px;
	color: #888;
	letter-spacing: -1px;
}

.product_gosi {
	margin-top: 10px;
	padding: 10px;
}

.product_gosi .info th {
	background: #f7f7f7;
	padding: 7px;
	width: 40%;
	font-size: 11px;
	line-height: 17px;
	color: #333;
	border: 1px solid #e2e2e2;
	text-align: left;
}

.product_gosi .info th.tit {
	background: #f0ebeb;
}

.product_gosi .info td {
	padding: 7px;
	font-size: 11px;
	line-height: 17px;
	color: #666;
	border: 1px solid #e2e2e2;
	border-left: none;
}

.product_gosi .info ul {
	padding: 5px;
	border: 1px solid #cdcdcd;
}

.product_gosi .info ul li {
	line-height: 1.4;
}

.product_gosi .info strong {
	display: block;
	padding: 10px;
	background: #eaeaea;
}

.product_gosi .info span {
	display: block;
	padding: 15px 10px;
}

.product_gosi .info li.depth2 h5 {
	margin-bottom: 5px;
	padding: 10px;
	background: #eaeaea;
	font-weight: bold;
}

.product_gosi .info li.depth2 strong {
	background: #f0ebeb;
	font-weight: normal;
}


/* ¸®½ºÆ®ÆäÀÌÁö »ó´Ü °Ë»ö¹Ù */

.list_top {
	margin-top: 20px;
	height: 100%;
	;
}

.list_top:after {
	content: '';
	display: block;
	clear: both;
}

.list_top span {
	display: block;
}


/* »óÇ°³ëÃâ (¸®½ºÆ®ÆäÀÌÁö - ¸®½ºÆ®, °ü½É»óÇ° µ¿ÀÏÇÏ°Ô »ç¿ëµÊ) */

.type2_name {
	display: block;
	font-size: 11px;
	color: #777;
}

.type2_price li.price_p {
	margin-top: 5px;
	font-size: 11px;
	color: #777;
	text-decoration: line-through;
}

.type2_price li.price {
	margin-top: 2px;
	font-family: tahoma;
	font-weight: bold;
	color: #222;
}

.type2_price li.price em {
	margin-left: 3px;
	color: #ff6600;
	font-size: 11px;
	font-weight: bold;
}

.type2_price li.price em img {
	vertical-align: middle;
	margin: 0 0 2px 2px;
}


/* ========================================================================
* °Ô½ÃÆÇ À¯Çü2
* ======================================================================== */

.tb02 {
	border-top: 2px solid #444;
}

.tb02 th {
	background: url(/html/images/member/bullet_join_th.gif) no-repeat right bottom;
	background-color: #f5f5f5;
	line-height: 18px;
	padding: 10px 0 10px 10px;
	text-align: left;
	border-bottom: 1px solid #dbdbdb;
}

.tb02 td {
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
	text-align: left;
}


/* ºäÆäÀÌÁö */

.tb_boardRead {
	width: 100%;
	border-top: 2px solid #056fe2;
}

.tb_boardRead tbody th {
	background: #eaf2fd;
	border: 1px solid #cfdcf6;
	padding: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	text-align: center;
}

.tb_boardRead tbody td {
	padding: 10px 20px;
	border: 1px solid #dbdbdb;
	font-size: 13px;
	font-weight: 500;
	color: #777;
}


/* ========================================================================
* ·Î±×ÀÎ
* ======================================================================== */

.loginWrap {
	width: 390px;
	margin: 50px auto 0;
	padding: 40px 99px 50px;
	border: 1px solid #e3e3e3;
}

.loginWrap h2 {
	margin: 0 0 30px 0;
	font-family: Verdana;
	font-size: 30px;
	color: #333;
	text-align: center
}

.loginWrap h3 {
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #333
}

.loginWrap h3.guest {
	margin: 15px 0 20px;
	padding: 20px 0 0;
	border-top: 1px solid #e3e3e3
}

.loginWrap .input {
	width: 370px;
	height: 38px;
	padding: 0 0 0 18px;
	border: 1px solid #e3e3e3;
}

.loginWrap .loginForm .pw {
	margin: 10px 0 0
}

.loginWrap .loginForm .loginBtn {
	margin: 20px 0 0
}

.loginWrap .loginForm .loginBtn input,
.loginWrap .orderCheckBtn input {
	width: 390px;
	height: 50px;
	background-color: #333;
	border: none;
	font-size: 15px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.loginWrap .loginForm .loginBtn input:hover,
.loginWrap .orderCheckBtn input:hover {
	background-color: #000
}

.loginWrap .lost {
	margin: 10px 0 0;
	text-align: right;
	font-size: 13px;
}

.loginWrap .lost .keep {
	float: left;
	color: #888
}

.loginWrap .lost a {
	display: block;
	float: right;
	color: #888
}

.loginWrap .join {
	margin: 15px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #e3e3e3
}

.loginWrap .join a {
	display: block;
	width: 390px;
	height: 50px;
	background-color: #999;
	border: none;
	font-size: 15px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.loginWrap .join a:hover {
	background-color: darkred
}

.loginWrap .loginError {
	margin-bottom: 10px;
	text-align: center;
	color: red;
	font-size: 14px;
	line-height: 1.4
}

.loginWrap .orderCheckBtn {
	margin: 20px 0 0
}

.loginWrap .txt01 {
	margin: 10px 0 0;
	font-size: 13px;
	color: #888
}

.loginWrap .nonmemberOrder {
	margin: 15px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #e3e3e3;
	color: #888
}

.loginWrap .policyCheck label {
	margin: 6px 0 0;
	float: left
}

.loginWrap .policyCheck .view {
	float: right;
	cursor: pointer;
	border: 1px solid #e3e3e3;
	padding: 5px 10px;
}

.loginWrap .nonmemberOrderBtn {
	margin: 0 0 10px 0
}

.loginWrap .nonmemberOrderBtn input {
	display: block;
	width: 390px;
	height: 50px;
	border: 1px solid #e3e3e3;
	background-color: #fff;
	font-size: 15px;
	color: #666;
	line-height: 50px;
	text-align: center;
	cursor: pointer
}

.snslogin {
	margin-top:20px;
	text-align:center;
	font-size:0;
}

.snslogin a {
	display:inline-block;
	margin:0 5px;
}

.policyAgree {
	display: none;
	width: 660px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #000
}

.policyAgree .b-close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0 11px 0 10px;
	border: 1px solid #e3e3e3;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	cursor: pointer
}


/* ========================================================================
* ¾ÆÀ̵ð¤ýºñ¹Ð¹øÈ£ ã±â
* ======================================================================== */

.lostWrap {
	width: 870px;
	margin: 50px auto 0;
}

.lostWrap:after {
	content: '';
	display: block;
	clear: both
}

.lostWrap h3 {
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #333
}

.lostWrap .input {
	width: 370px;
	height: 38px;
	padding: 0 0 0 18px;
	border: 1px solid #e3e3e3;
}

.lostWrap .btn {
	margin: 20px 0 0
}

.lostWrap .btn input {
	width: 390px;
	height: 50px;
	background-color: #333;
	border: none;
	font-size: 15px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.lostWrap .btn input:hover {
	background-color: #000
}

.lostWrap .lost_id {
	float: left;
}

.lostWrap .lost_pass {
	float: right;
	width: 390px;
	padding: 0 0 0 44px;
	border-left: 1px solid #e3e3e3
}


/* ¾ÆÀ̵ð ã±â °á°ú */

.lost_id_realt {
	width: 562px;
	height: 182px;
	margin: 40px auto 0 auto;
	position: relative;
	background: url(/html/images/member/bg_id_result.png) no-repeat;
}

.lost_id_realt .contents {
	position: absolute;
	top: 55px;
	left: 170px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.lost_id_realt .contents span {
	color: #4a84d8;
}


/* ========================================================================
* ȸ¿ø °¡ÀÔ
* ======================================================================== */

h4.join {
	margin: 20px 0 5px;
	padding: 0 0 0 20px;
	background: url(/html/images/common/bullet_h4_join.gif) no-repeat left center;
	font-weight: 500;
	font-size: 17px;
	color: #333;
}

.join_textarea {
	overflow-y: scroll;
	width: 97%;
	height: 250px;
	padding: 10px;
	background-color: #f7f7f7;
	text-align: left;
	color: #666;
	line-height: 1.4;
	border: 1px solid #dbdbdb;
}

.join_textarea p.policy {
	font-weight: bold;
	color: #444;
	line-height: 20px;
}


/* ¿ìÆí¹øÈ£(ÁÖ¼Ò) ã±â */

#zipcode_layer,
#biz_zipcode_layer,
#ord_zipcode_layer,
#rv_zipcode_layer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -235px;
	overflow: hidden;
	z-index: 99999;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #cdcdcd !important;
}


/* ========================================================================
* ÇÏ´Ü °³ÀÎÁ¤º¸
* ======================================================================== */


/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.privacy {
	font-size:13px;
	font-weight:300;
}

.privacy h3 {
	margin-top: 25px;
	font-weight: 500;
	color: #333;
	letter-spacing: -1px;
}

.privacy h3.first {
	margin: 0;
}

.privacy h4 {
	margin: 15px 0 0 18px;
	font-weight: 500;
	color: #555;
}

.privacy p {
	line-height: 20px;
	color: #666;
}

.privacy p strong {
	color: #222;
	font-weight: 500;
}

.privacy p.depth1 {
	margin: 5px 0 0 18px;
}

.privacy p.depth2 {
	margin: 5px 0 0 41px;
}

.privacy ul.depth1_ul {
	margin: 3px 0 0 18px;
}

.privacy ul.depth1_ul li {
	padding: 0 0 0 9px;
	background: url(/html/images/common/bullet01.gif) no-repeat 0 7px;
	background-position: 0 6px\0;
	color: #666;
	line-height: 18px;
}

.privacy ul.depth2_ul {
	margin: 3px 0 0 41px;
}

.privacy ul.depth2_ul li {
	padding: 0 0 0 9px;
	background: url(/html/images/common/bullet01.gif) no-repeat 0 7px;
	background-position: 0 6px\0;
	color: #666;
	line-height: 18px;
}

.privacy .blue {
	color: #1b67a2;
}


/* ÀÌ¿ë¾à°ü */

.agreement {
	position: relative;
	font-weight:300;
	font-size:13px;
}


/*
.agreement h3 {
	margin:50px 0 30px 0;
	font-weight:bold; font-size:14px; color:#333; letter-spacing:-1px;
	color:#1b67a2;
}
.agreement h3.first {
	margin:0 0 30px 0;
}
*/

.agreement h3 {
	margin: 30px 0 10px 0;
	font-weight: 500;
	color: #333;
}

.agreement h3.first {
	margin: 0 0 10px 0;
}

.agreement p {
	line-height: 20px;
	color: #666;
}

.agreement p.depth1 {
	margin: 5px 0 0 0;
}

.agreement p.depth2 {
	margin: 5px 0 0 41px;
}

.agreement ol {
	margin: 3px 0 0 0;
}

.agreement ol li {
	position: relative;
	padding: 0 0 0 14px;
	margin-top: 4px;
	color: #666;
	line-height: 18px;
}

.agreement ol li ol li {
	padding: 0 0 0 20px;
}

.agreement ol.type2 li {
	position: relative;
	padding: 0 0 0 20px;
	margin-top: 0px;
	color: #666;
	line-height: 18px;
}

.agreement ol li span {
	position: absolute;
	top: 0;
	left: 0;
}

.agreement ul.depth3_ul li {
	padding: 0 0 0 9px;
	background: url(/html/images/common/bullet01.gif) no-repeat 0 7px;
	background-position: 0 6px\0;
	color: #666;
	line-height: 18px;
}

.agreement .blue {
	color: #1b67a2;
}


/********** ¹è¼ÛÁ¤Ã¥ **********/

.delivery_policy {
	font-size: 11px;
	line-height: 16px;
	color: #777;
}

.delivery_policy h4 {
	margin: 25px 0 10px 0;
	font-weight: 500;
	font-size: 16px;
	color: #222;
}

.delivery_policy h4.first {
	margin: 0 0 10px 0;
}

.delivery_policy div.payment {
	padding-bottom: 25px;
	border-bottom: 1px dotted #bbb;
}

.delivery_policy div.payment p {
	background: url(/html/images/common/bullet01.gif) no-repeat 20px 7px;
	padding-left: 27px;
}

.delivery_policy div.info {
	padding-bottom: 25px;
	border-bottom: 1px dotted #bbb;
}

.delivery_policy div.info dl {
	position: relative;
}

.delivery_policy div.info dt {
	position: absolute;
	top: 0;
	left: 27px;
	font-weight: bold;
	color: #555;
}

.delivery_policy div.info dd {
	padding-left: 90px;
}

.delivery_policy div.exchange {
	padding-bottom: 25px;
	border-bottom: 1px dotted #bbb;
}

.delivery_policy div.exchange dl {
	padding-left: 27px;
}

.delivery_policy div.exchange dt {
	margin-bottom: 5px;
	font-weight: bold;
	color: #555;
	font-size: 12px;
}

.delivery_policy div.exchange dd.last {
	margin-bottom: 15px;
}

.delivery_policy div.exchange dd {
	padding-left: 7px;
	margin-top: 3px;
	background: url(/html/images/common/bullet01.gif) no-repeat 0px 7px;
}

.delivery_policy div.exchange p {
	margin-top: 10px;
	padding-left: 27px;
}


/* ========================================================================
* ³×À̹ö ºí·Î±× ¿¬µ¿
* ======================================================================== */

.naver_blog {
	border: 5px solid #dbdbdb;
	margin-top: 20px;
	padding: 15px;
	font-size: 13px;
	color: #111;
}

.naver_blog h4 {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #1e7600;
}

.naver_blog .confirm {
	float: left;
	margin: 4px 0 0 15px;
}

.naver_blog ul {
	margin-top: 20px;
}

.naver_blog ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 70px;
	font-weight: 500;
	font-size: 13px;
	color: #444;
}

.naver_blog ul li label {
	position: absolute;
	top: 0;
	left: 0;
}

.naver_blog ul li input {
	width: 250px;
}

.naver_blog p {
	margin-top: 15px;
}


/* ========================================================================
* Äü¹Ù
* ======================================================================== */

.iot {
	border: 1px solid #dbdbdb;
}

.iov {
	border: 1px solid #ff6600;
}

.ui-datepicker-trigger {
	background: url(/admin/html/images/calendar.gif) no-repeat;
	border: none;
	padding: 4px 0 0 0;
	margin: 0 0 0 3px;
	font-size: 0;
	line-height: 0;
	width: 18px;
	height: 18px;
}






.option_list {
	margin: 7px 0 0 0;
	padding: 7px 0 0 0;
	background: url(/html/images/order/option_list_dot.png) repeat-x left top;
}

.option_list div {
	background: url(/html/images/order/option_list_bullet.gif) no-repeat left 6px;
	margin: 3px;
	padding: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4;
	color: #777;
}

.option_list div span {
	color: #444;
}


/* ÀÛÀº ¹öÆ° */

.btn_blue_s {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 20px;
	height: 12px\0;
	padding: 4px 7px 0 7px;
	padding: 6px 7px 0 7px\0;
	border-top: 1px solid #3b7ad5;
	border-left: 1px solid #3b7ad5;
	border-right: 1px solid #245aa8;
	border-bottom: 1px solid #245aa8;
	background: #4a84d8;
	font-size: 11px;
	line-height: 1;
	letter-spacing: -1px;
	color: #fff !important;
	text-decoration: none !important;
}

*:first-child+html .btn_blue_s {
	padding: 6px 7px 0 7px;
	height: 12px;
}

.btn_blue_s.arrow {
	height: 18px;
	padding: 0 5px 0 7px;
}

.btn_blue_s.arrow span {
	display: block;
	margin: 3px 0 0 0;
	margin: 5px 0 0 0\0;
	padding: 1px 10px 0 0;
	background: url(/html/images/btn/btn_arrow_white.png) no-repeat right 2px;
	background: url(/html/images/btn/btn_arrow_white.png) no-repeat right top\0;
}

*:first-child+html .btn_blue_s.arrow span {
	margin: -1px 0 0 0;
	padding: 1px 10px 0 0;
	background: url(/html/images/btn/btn_arrow_white.png) no-repeat right top;
}

.btn_white_s {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	height: 14px;
	height: 12px\0;
	padding: 4px 7px 0 7px;
	padding: 6px 7px 0 7px\0;
	border-top: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#fcfcfc+0,eeeeee+100 */
	background: #fcfcfc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	font-size: 11px;
	line-height: 1;
	letter-spacing: -1px;
	color: #444 !important;
	text-decoration: none !important;
}

*:first-child+html .btn_white_s {
	padding: 6px 7px 0 7px;
	height: 12px;
}

.btn_white_s.arrow {
	height: 18px;
	padding: 0 5px 0 7px;
}

.btn_white_s.arrow span {
	display: block;
	margin: 3px 0 0 0;
	margin: 5px 0 0 0\0;
	padding: 1px 10px 0 0;
	background: url(/html/images/btn/btn_arrow_gray.png) no-repeat right 2px;
	background: url(/html/images/btn/btn_arrow_gray.png) no-repeat right top\0;
}

*:first-child+html .btn_white_s.arrow span {
	margin: -1px 0 0 0;
	padding: 1px 10px 0 0;
	background: url(/html/images/btn/btn_arrow_gray.png) no-repeat right top;
}


/* Å×ÀÌºí³» »óÇ°°¡, ¿É¼Ç°¡ */

.goodsPrice {
	padding: 10px;
	text-align: right
}

.goodsPrice span.price {
	display: block;
	font-weight: bold;
	font-size: 14px;
	font-family: tahoma;
	color: #444;
}

.goodsPrice span.optionPrice {
	display: block;
	margin: 7px 0 0 0;
	font-family: tahoma;
	color: green;
}

.goodsPrice span.optionPrice span {
	display: block;
	font-size: 11px;
	letter-spacing: -1px;
}


/* ========================================================================
* Àλ縻
* ======================================================================== */

.greet .section01 {
	position: relative;
	height:500px;
	background:url(/html/images/page/greet-img01.jpg) no-repeat;

}

.greet .section01 p {
	position:absolute;
	bottom:40px;
	left:30px;
	font-size:20px;
	line-height:1.4;
	color:#fff;
	font-weight:300;
}

.greet .section01 p strong {
	display:block;
	margin-bottom:30px;
	font-weight:500;
	font-size:50px;
}

.greet .section01 p strong::before {
	content:'';
	display:block;
	background:url(/html/images/page/greet-bullet01.png) no-repeat;
	width:22px;
	height:22px;
	margin-bottom:10px;
}

.greet .section02 {
	margin-top:50px;
}

.greet .section02 h3 {
	display:inline-block;
	padding:10px 25px;
	background-color:#333;
	font-size:20px;
	color:#fff;
	font-weight:500;
	border-radius:50px;
}

.greet .section02 p {
	margin-top:20px;
	font-size:20px;
	font-weight:300;
	color:#666;
}


.greet .section02 p span {
	display:block;
	margin-top:20px;
	color:#f58202;
	font-weight:400;
}

.greet .section03 {
	margin-top:70px;
}

.greet .section03 h3 {
	position: relative;
	margin-bottom:10px;
	padding-left:13px;
	font-size:22px;
	color:#333;
	font-weight:500;
}

.greet .section03 h3::before {
	content:'';
	display:block;
	position:absolute;
	top:7px;
	left:0;
	width:3px;
	height:20px;
	background-color:#f58202;
}


/* ========================================================================
* ¿À½Ã´Â±æ
* ======================================================================== */

.contact {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.contact th {
	min-width:140px;
	background: #f7f7f7;
	padding: 12px 10px;
	border: 1px solid #e3e3e3;
	font-weight: 400;
	color: #333;
	font-size:16px;
}

.contact td {
	padding: 12px 30px;
	border: 1px solid #e3e3e3;
	color: #888;
	font-size:16px;
	font-weight:300;
}

/* ========================================================================
* °ù°¨ º¸°ü¹æ¹ý
* ======================================================================== */

.gamstory01 .section01  {
	font-size:22px;
	line-height:1.4;
	color:#534a3d;
	font-weight:300;
}

.gamstory01 .section01 .tit {
	position: relative;
	height:400px;
	background:url(/html/images/page/gamstory01-img01.jpg) no-repeat;
}

.gamstory01 .section01 .tit p.txt {
	position:absolute;
	top:90px;
	left:625px;
}

.gamstory01 .section01 .tit p.txt strong {
	display:block;
	width:496px;
	height:137px;
	background:url(/html/images/page/gamstory01-txt01.png) no-repeat;
	font-size:0;
	line-height:0;
}

.gamstory01 .section01 .tit p.txt span {
	display:block;
	margin-top:30px;
}

.gamstory01 .section01 ul {
	margin-top:50px;
}

.gamstory01 .section01 ul li {
	position: relative;
	margin-top:35px;
	padding-left:60px;
}

.gamstory01 .section01 ul li:first-child {
	margin-top:0;
}

.gamstory01 .section01 ul li span.num {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background-color:#fd4b0b;
	color:#fff;
	text-align:center;
	line-height:40px;
	border-radius:50%;
	font-size:16px;
}

.gamstory01 .section01 ul li strong {
	color:#333;
	font-weight:500;
}


/* ========================================================================
* °ù°¨ ·¹½ÃÇÇ
* ======================================================================== */

.gamstory02 .section01  {
	font-size:22px;
	line-height:1.4;
	color:#534a3d;
	font-weight:300;
}

.gamstory02 .section01 .tit {
	position: relative;
	height:330px;
	padding-top:70px;
	background:url(/html/images/page/gamstory02-img01.jpg) no-repeat;
}

.gamstory02 .section01 .tit p.txt {
	text-align:center;
}

.gamstory02 .section01 .tit p.txt strong {
	display:block;
	margin:0 auto;
	width:336px;
	height:138px;
	background:url(/html/images/page/gamstory02-txt01.png) no-repeat;
	font-size:0;
	line-height:0;
}

.gamstory02 .section01 .tit p.txt span {
	display:block;
	margin-top:30px;
	color:#fff;
}


.gamstory02 .section01 .recipe dl {
	float:left;
	width:370px;
	margin-top:55px;
	margin-left:45px;
}

.gamstory02 .section01 .recipe dl::before {
	content:'';
	display:block;
	width:370px;
	height:240px;
	background-repeat: no-repeat;
}

.gamstory02 .section01 .recipe01::before {
	background-image:url(/html/images/page/gamstory02-img02.jpg);
}

.gamstory02 .section01 .recipe02::before {
	background-image:url(/html/images/page/gamstory02-img03.jpg);
}

.gamstory02 .section01 .recipe03::before {
	background-image:url(/html/images/page/gamstory02-img04.jpg);
}

.gamstory02 .section01 .recipe04::before {
	background-image:url(/html/images/page/gamstory02-img05.jpg);
}

.gamstory02 .section01 .recipe05::before {
	background-image:url(/html/images/page/gamstory02-img06.jpg);
}

.gamstory02 .section01 .recipe dl:nth-child(3n+1) {
	margin-left:0;
	clear:both;
}

.gamstory02 .section01 .recipe dl dt {
	margin-top:15px;
	font-size:24px;
	color:#333;
	font-weight:500;
}

.gamstory02 .section01 .recipe dl dd {
	font-size:16px;
	margin-top:10px;
	color:#666;
	letter-spacing: -.4px
}