@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/**basic**/
.msg{color:#ff0000;}
.hand{cursor:pointer;}
.bold{font-weight:bold;}

/**font**/
.fs11 {font-size:11px !important; }
.fs12 {font-size:12px !important; }
.fs13 {font-size:13px !important; }
.fs14 {font-size:14px !important; }
.fs15 {font-size:15px !important; }
.fs16 {font-size:16px !important; }
.fs17 {font-size:17px !important; }
.fs18 {font-size:18px !important; }
.fs19 {font-size:19px !important; }
.fs20 {font-size:20px !important; }
.fs21 {font-size:21px !important; }
.fs22 {font-size:22px !important; }
.fs23 {font-size:23px !important; }
.fs24 {font-size:24px !important; }
.fs25 {font-size:25px !important; }
.fs26 {font-size:26px !important; }

/**width**/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
.w1400{width:1400px;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp98{width:98%;}
.wp100{width:100%;}
.wall{width:100%;}

/**height**/
.h10{height:10px;}
.h12{height:12px;}
.h20{height:20px;}
.h30{height:30px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}
.hall{height:100%;}

/**align**/
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.mc{margin:0px auto;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.vb{vertical-align:bottom;}

/**padding**/
.lp5{text-align:left;padding-left:5px;}
.lp10{text-align:left;padding-left:10px;}
.lp20{text-align:left;padding-left:20px;}
.rp5{text-align:right;padding-right:5px;}
.rp10{text-align:right;padding-right:10px;}
.tp5{padding-top:5px;}
.tp10{padding-top:10px;}
.bp5{padding-bottom:5px;}
.bp10{padding-bottom:10px;}
.tbp5{padding-top:5px;padding-bottom:5px;}
.tbp10{padding-top:10px;padding-bottom:10px;}
.tbp20{padding-top:20px;padding-bottom:20px;}
.tbpt{padding-top:0px;padding-bottom:0px;}
.tbpb{padding-top:30px;padding-bottom:30px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd20{padding:20px;}

/**border**/
.bd0{border:0px;}
.bd1{border:1px;}
.bd5{border:5px;}

/**btn**/
.comm_btn_ok, .article_btn_ok, .join_btn_ok, .edit_btn_ok, .exit_btn_ok, .comm_btn_boardW, .comm_btn_boardO, .comm_btn_boardD, .goods_view_btn_cart, .goods_cart_btn_alldel, .goods_order_btn_pay, .order_view_btn_list{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:150px;
	font-size:14px;
	font-weight:600;
	color:#fff;
	background:#333;
	padding:15px 0;
	border:none;
	cursor:pointer;
}

.comm_btn_cancel, .article_btn_cancel, .join_btn_cancel, .edit_btn_cancel, .exit_btn_cancel, .comm_btn_boardL, .comm_btn_boardE, .goods_view_btn_buy, .goods_view_btn_wish, .goods_cart_btn_home, .goods_cart_btn_order, .goods_order_btn_home, .order_view_btn_home{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:150px;
	font-size:14px;
	font-weight:600;
	color:#333;
	background:#fff;
	padding:14px 0;
	border:1px solid #ddd;
	cursor:pointer;
}

.comm_btn_chkid, .comm_btn_zipcode, .comm_btn_more, .comm_btn_boardX, .goods_cart_btn_login{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:100px;
	font-size:12px;
	font-weight:600;
	color:#333;
	background:#fff;
	padding:4px 0;
	border:1px solid #ddd;
	cursor:pointer;
}

.goods_cart_btn_del, .comm_btn_boardS, .comm_btn_search {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:65px;
	font-size:12px;
	font-weight:600;
	color:#fff;
	background:#D12338;
	padding:4px 0;
	cursor:pointer;
}

.comm_btn_tab{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:300px;
	font-size:14px;
	font-weight:600;
	color:#333;
	background:#fff;
	padding:14px 0;
	border:1px solid #ddd;
	cursor:pointer;
}

.comm_btn_boardCM{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:100px;
	font-size:14px;
	font-weight:600;
	color:#333;
	background:#fff;
	padding:14px 0;
	border:1px solid #ddd;
	cursor:pointer;
}

/** Input Box Style **/
.lbox{font-size:12px; border:1px solid #ccc; height:15px; background-color:#fff; color:#555;}
.sbox{font-size:12px; border:1px solid #ccc; height:20px; background-color:#fff; color:#737373;}
.tbox{font-size:12px; border:1px solid #ccc; background-color:#fff; color:#737373;}
.vbox{font-size:12px; border:0px solid #ccc; height:15px; background-color:#fff; color:#737373;}
.fbox{font-size:12px; border:1px solid #ccc; height:20px; background-color:#fff; color:#737373;}

/**etc**/
/*
.pageU{width:100%;height:15px;background-color:#f6f6f6;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:5px 0 5px 0;margin:10px 0 10px 0;font-size:12px;color:#737373;}
*/

.pageU {
	width:100%;
	margin:0 auto;
	border:0px solid red;
}
.p_number {
	text-align:center;
	color:#666;
	font-size:12px;
	padding-top:33px;
}
.p_number a.number {
	vertical-align:top;
	display:inline-block;
	line-height:16px;
	padding:2px 7px 2px 7px;
	border:1px solid #ddd;
	color:#626060;
	text-decoration: none;
	letter-spacing:-1px;
	margin-right:6px;
}
.p_number strong {
	vertical-align:top;
	padding:2px 7px 2px 7px;
	color:#fff;
	display:inline-block;
	border:1px solid #D12338;
	line-height:16px;
	background:#D12338;
	font-weight:bold;
	margin-right:6px;
}

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

/**table**/
table.table_a{border-top:3px solid #5d5d5d;border-spacing:0px;border-collapse:collapse;}
table.table_a th{border:1px solid #dddddd;height:30px;background:#f4f4f4; color:#565656;}
table.table_a td{border:1px solid #dddddd;height:30px;color:#333;}
table.table_a td>p{color:#555; padding:12px 12px; line-height:18px;}
table.table_a caption{text-align:left;padding-left:10px;}

/**layout**/
.design_00{width:100%;margin:0px auto;}

.article_00{width:100%;margin:0px auto;}
.article_01{height:180px;overflow:auto;border:1px solid #d9d9d9;background-color:#ffffff;}
.article_02{height:180px;overflow:auto;border:1px solid #d9d9d9;background-color:#ffffff;}
.article_03{height:300px;overflow:auto;border:1px solid #d9d9d9;background-color:#ffffff;}

.join_00{width:100%;margin:0px auto;}

.login_00{width:100%;margin:0px auto;}

.find_00{width:100%;margin:0px auto;}

.exit_00{width:100%;margin:0px auto;}
.exit_01{text-align:right;}
.exit_02{padding:10px 0px 10px 0px;text-align:left;}
.exit_03{padding:10px 0px 10px 0px;}
.exit_04{padding:10px 0px 10px 0px;text-align:center;}

.exit_a{width:100%;margin:0px auto;border-top:3px solid #5d5d5d;border-spacing:1px;}
.exit_a caption{padding:5px 0px 5px 5px;text-align:left;}
.exit_a th{border:1px solid #dddddd;height:30px;background-color:#f9f9f9;}
.exit_a th.left_05{text-align:left;padding-left:5px;}
.exit_a th.left_10{text-align:left;padding-left:10px;}
.exit_a td{border:1px solid #dddddd;height:30px;background-color:#ffffff;}
.exit_a td.left_05{text-align:left;padding-left:5px;}
.exit_a td.left_10{text-align:left;padding-left:10px;}

.mypage_00{width:100%;margin:0px auto;}

.board_list_00{width:100%;margin:0px auto;}
.board_write_00{width:100%;margin:0px auto;}
.board_view_00{width:100%;margin:0px auto;}
.board_edit_00{width:100%;margin:0px auto;}
.board_comment_00{width:100%;margin:0px auto;}
.board_relate_00{width:100%;margin:0px auto;}

.goodslist_00{width:100%;margin:0px auto;}
.goodsview_00{width:100%;margin:0px auto;}
.goodscart_00{width:100%;margin:0px auto;}
.goodswish_00{width:100%;margin:0px auto;}
.goodsorder_00{width:100%;margin:0px auto;}

.orderlist_00{width:100%;margin:0px auto;}
.orderview_00{width:100%;margin:0px auto;}

.review_list_00{width:700px;margin:0px auto;}
.review_write_00{width:700px;margin:0px auto;}
.review_view_00{width:700px;margin:0px auto;}
.review_edit_00{width:700px;margin:0px auto;}
.review_comment_00{width:700px;margin:0px auto;}

.qna_list_00{width:700px;margin:0px auto;}
.qna_write_00{width:700px;margin:0px auto;}
.qna_view_00{width:700px;margin:0px auto;}
.qna_edit_00{width:700px;margin:0px auto;}
.qna_comment_00{width:700px;margin:0px auto;}

/** PassWord Layer **/
.PassLayer{width:300px;margin:0px;padding:0px;border:solid 0px red;}
.PassLayer td.bg_top{height:28px;background:url(/img/layer/ly_bg_t.gif) repeat-x;}
.PassLayer td.bg_left{width:30px;background:url(/img/layer/ly_bg_l.gif) repeat-y;}
.PassLayer td.bg_right{width:30px;background:url(/img/layer/ly_bg_r.gif) repeat-y;}
.PassLayer td.bg_btm{height:28px;background:url(/img/layer/ly_bg_b.gif) repeat-x;}
.PassLayer td input.lbox{height:17px;border:1px solid #ccc;color:#666;font-size:11px;}
.PassLayer h2{margin-bottom:15px;}
.PassLayer dl{margin-top:3px;width:200px;height:35px;float:left;}
.PassLayer dl dt{float:left;width:65px;margin-top:5px;}
.PassLayer div.line{background:#fff;height:15px;width:253px;border-bottom:1px solid #d9d9d9;margin-bottom:5px;}

/** banner Style **/
#aside {width:1100px; margin:0 auto; position:relative; z-index:100;border:solid 0px red;}
#aside .right {position:absolute; right:-20px; top:50px;}
#aside .right .bn {border:1px solid #ccc;}
#aside .right .top {cursor:pointer;}

/** 여기부터는 디자인팀에서 작업해준 일부 프로그램으로는 구현이 어려운 페이지입니다 **/

/* 로그인 */
.mdl-login .mdl-h{
	text-align:center;
}

.mdl-login .mdl-h>*{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

.mdl-login .mdl-h>strong{
	margin-right:10px;
	font-family:'Segoe UI',Segoe UI;
	font-size:62px;
	color:#ee3f4b;
	text-transform:uppercase;
	font-weight:bold;
	line-height:100%;
	*padding-bottom:8px;
}

.mdl-login .mdl-h>span{
	margin-top:15px;
	color:#555;
	font-size:15px;
	line-height:22px;
	text-align:left;
}

.mdl-login .mdl-input{
	padding:45px 0;
	text-align:center;
	background:#fbfbfb;
	border-top:2px solid #666;
}

.mdl-login .mdl-input>form>*{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

.mdl-login .mdl-input dl{
	position:relative;
	margin-top:5px;
	padding-left:65px;
}

.mdl-login .mdl-input dl:first-child,
.mdl-login .mdl-menu dl:first-child{
	margin-top:0;
}

.mdl-login .mdl-input dt{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	color:#555;
	font-weight:600;
	font-size:14px;
}

.mdl-login .mdl-input dd input{
	padding:5px;
	width:260px;
	border:1px solid #ddd;
}

.mdl-login .mdl-submit{
	margin-left:3px;
	width:110px;
	text-align:center;
	background:#ee3f4b;
	color:#fff;
	font-size:14px;
	font-weight:600;
	border:none;
}

.mdl-login .mdl-menu{
	padding:35px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.mdl-login .mdl-list{
	width:445px;
	margin:0 auto;
}

.mdl-login .mdl-menu dl{
	position:relative;
	padding:9px 0 9px 175px;
	margin-top:10px;
}

.mdl-login .mdl-menu dt{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-16px;
	width:160px;
	text-align:center;
	border:1px solid #8f8f8f;
	background:#999;
	font-size:13px;
	padding:8px 0;
}

.mdl-login .mdl-menu dt a{
	display:block;
	padding-left:14px;
	text-align:left;
	color:#fff;
	background:url(/web/img/design/bg_bul.png) 142px 50% no-repeat;
}

.mdl-login .mdl-menu dd{
	padding-left:10px;
	background:url(/web/img/design/bg_dot.png) 0 50% no-repeat;
	color:#444;
}

.mdl-login .mdl-submit{
	padding:21px 0 20px;
	*padding:19px 0;
}

/* 계정 찾기 */
.mdl-find div.mdl-h{
	margin-bottom:0;
}

.mdl-find .mdl-section{
	height:383px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}

.mdl-find .mdl-tit>*{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}

.mdl-find .mdl-tit>i{
	width:60px;
	height:60px;
	margin-right:15px;
	background:url(/web/img/design/obj_find.png) no-repeat;
}

.mdl-find .mdl-pw .mdl-tit>i{
	background-position:-60px 0;
}

.mdl-find .mdl-tit>strong{
	margin-top:5px;
	color:#333;
	font-size:30px;
	line-height:100%;
}

.mdl-find .mdl-tit>strong>span{
	display:block;
	margin-top:5px;
	font-size:13px;
	color:#555;
	line-height:18px;
	font-weight:normal;
}

.mdl-mbs .mdl-half{
	width:340px;
	padding:50px 0 0 40px;
	float:left;
}

.mdl-mbs .mdl-half:first-child{
	width:339px;
	border-right:1px solid #eee;
	padding-left:0;
	padding-right:40px;
}

.mdl-mbs.mdl-find .mdl-half:first-child{
	height:370px;
}

.mdl-find .mdl-input{
	margin:25px 0 50px;
	text-align:right;
}

.mdl-find .mdl-input dl{
	position:relative;
	padding-left:75px;
	margin-top:5px;
	text-align:left;
}

.mdl-find .mdl-input dl:first-child{
	margin-top:0;
}

.mdl-find .mdl-input dt{
	position:absolute;
	top:50%;
	left:13px;
	margin-top:-7px;
}

.mdl-find dt label{
	color:#555;
	font-weight:600;
	font-size:14px;
}

.mdl-find .mdl-input dd input{
	padding:5px;
	width:95%;
	border:1px solid #ddd;
}

.mdl-find .mdl-submit{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-top:50px;
	padding:14px 0;
	width:173px;
	background:#ee3f4b;
	color:#fff;
	font-size:14px;
	font-weight:600;
	text-align:center;
	border:none;
	letter-spacing:1px;
}

#contents .page_in2{width:800px; min-height:500px; padding:40px 0 100px 40px;}