@charset "utf-8";

.colorset {border-top:2px solid #393f47}
.colorset th {color:#393f47}
.lineup {display:inline-block}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 디자인버튼 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 이미지버튼 기본 */
.btn_style_pack {display:inline-block; overflow:hidden;}
.btn_style_pack *{background: transparent url('../images/common/btn_pack.png') no-repeat; font-family:dotum !important;  letter-spacing:-1px !important;  text-decoration:none !important;}
.btn_style_pack a {position:relative; float:left; font-weight:bold; text-align:center; margin:0 6px 0 2px;}
.btn_style_pack .right {top:0; right:0; position:absolute; margin-right:-3px; overflow:hidden;}
.lineup {display:inline-block; background:none}

/* 25픽셀 작은버튼 */
.btn_style_pack .btn_sm_white {background-position:0 0; height:25px; line-height:24px; padding:0 12px 0 15px !important; font-size:11px; color:#333 !important;  font-weight:normal}
.btn_style_pack .btn_sm_white span {background-position:-497px 0; width:3px; height:25px;}
.btn_style_pack .btn_sm_white:hover {background-position:-600px 0;}
.btn_style_pack .btn_sm_white:hover span {background-position:-1097px 0;}

.btn_style_pack .btn_sm_black {background-position:0 -30px; height:25px; line-height:24px; padding:0 12px 0 15px !important; font-size:11px; color:#fff !important;  font-weight:normal}
.btn_style_pack .btn_sm_black span {background-position:-497px -30px; width:3px; height:25px;}
.btn_style_pack .btn_sm_black:hover {background-position:-600px -30px;}
.btn_style_pack .btn_sm_black:hover span {background-position:-1097px -30px;}

.btn_style_pack .btn_sm_color {background-position:0 -60px; height:25px; line-height:24px; padding:0 12px 0 15px !important; font-size:11px; color:#fff !important;  font-weight:normal}
.btn_style_pack .btn_sm_color span {background-position:-497px -60px; width:3px; height:25px;}
.btn_style_pack .btn_sm_color:hover {background-position:-600px -60px;}
.btn_style_pack .btn_sm_color:hover span {background-position:-1097px -60px;}

/* 35픽셀 중간버튼 */
.btn_style_pack .btn_md_white {background-position:0 -100px; height:35px; line-height:33px; padding:0 18px 0 20px !important; font-size:13px; color:#333 !important}
.btn_style_pack .btn_md_white span {background-position:-497px -100px; width:3px; height:35px;}
.btn_style_pack .btn_md_white:hover {background-position:-600px -100px;}
.btn_style_pack .btn_md_white:hover span {background-position:-1097px -100px;}

.btn_style_pack .btn_md_black {background-position:0 -140px; height:35px; line-height:33px; padding:0 18px 0 20px !important; font-size:13px; color:#fff !important}
.btn_style_pack .btn_md_black span {background-position:-497px -140px; width:3px; height:35px;}
.btn_style_pack .btn_md_black:hover {background-position:-600px -140px;}
.btn_style_pack .btn_md_black:hover span {background-position:-1097px -140px;}

.btn_style_pack .btn_md_color {background-position:0 -180px; height:35px; line-height:33px; padding:0 18px 0 20px !important; font-size:13px; color:#fff !important}
.btn_style_pack .btn_md_color span {background-position:-497px -180px; width:3px; height:35px;}
.btn_style_pack .btn_md_color:hover {background-position:-600px -180px;}
.btn_style_pack .btn_md_color:hover span {background-position:-1097px -180px;}

/* 55픽셀 큰버튼 */
.btn_style_pack .btn_lg_white {background-position:0 -240px; height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; color:#333 !important;}
.btn_style_pack .btn_lg_white span {background-position:-497px -240px; width:3px; height:55px;}
.btn_style_pack .btn_lg_white:hover {background-position:-600px -240px;}
.btn_style_pack .btn_lg_white:hover span {background-position:-1097px -240px}

.btn_style_pack .btn_lg_black {background-position:0 -300px; height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; color:#fff !important;}
.btn_style_pack .btn_lg_black span {background-position:-497px -300px; width:3px; height:55px;}
.btn_style_pack .btn_lg_black:hover {background-position:-600px -300px;}
.btn_style_pack .btn_lg_black:hover span {background-position:-1097px -300px;}

.btn_style_pack .btn_lg_color {background-position:0 -360px; height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; color:#fff !important;}
.btn_style_pack .btn_lg_color span {background-position:-497px -360px; width:3px; height:55px;}
.btn_style_pack .btn_lg_color:hover {background-position:-600px -360px;}
.btn_style_pack .btn_lg_color:hover span {background-position:-1097px -360px;}



/* 인풋버튼으로 쓸경우 (기본적인 포맷은 a를 따름) */
.btn_style_pack .btn_input {background:none; position:relative; position:relative; float:left;  margin:0 5px 0 2px;}
.btn_style_pack input {border:0; display:inline-block; overflow:visible; font-weight:bold;}

.btn_style_pack .btn_input .btn_sm_white+.right {background-position:-497px 0; width:3px; height:25px; }
.btn_style_pack .btn_input .btn_sm_white:hover+.right {background-position:-1097px 0;}
.btn_style_pack .btn_input .btn_sm_black+.right {background-position:-497px -30px; width:3px; height:25px;}
.btn_style_pack .btn_input .btn_sm_black:hover+.right {background-position:-1097px -30px;}
.btn_style_pack .btn_input .btn_sm_color+.right {background-position:-497px -60px; width:3px; height:25px;}
.btn_style_pack .btn_input .btn_sm_color:hover+.right {background-position:-1097px -60px;}

.btn_style_pack .btn_input .btn_md_white+.right {background-position:-497px -100px; width:3px; height:35px;}
.btn_style_pack .btn_input .btn_md_white:hover+.right {background-position:-1097px -100px;}
.btn_style_pack .btn_input .btn_md_black+.right {background-position:-497px -140px; width:3px; height:35px;}
.btn_style_pack .btn_input .btn_md_black:hover+.right {background-position:-1097px -140px;}
.btn_style_pack .btn_input .btn_md_color+.right {background-position:-497px -180px; width:3px; height:35px;}
.btn_style_pack .btn_input .btn_md_color:hover+.right {background-position:-1097px -180px;}

.btn_style_pack .btn_input .btn_lg_white+.right {background-position:-497px -240px; width:3px; height:55px;}
.btn_style_pack .btn_input .btn_lg_white:hover+.right {background-position:-1097px -240px;}
.btn_style_pack .btn_input .btn_lg_black+.right {background-position:-497px -300px; width:3px; height:55px;}
.btn_style_pack .btn_input .btn_lg_black:hover+.right {background-position:-1097px -300px;}
.btn_style_pack .btn_input .btn_lg_color+.right {background-position:-497px -360px; width:3px; height:55px;}
.btn_style_pack .btn_input .btn_lg_color:hover+.right {background-position:-1097px -360px;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 상태텍스트아이콘 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.shop_state_pack span {display:inline-block; font-weight:normal; height:18px; line-height:18px; font-size:11px; font-family:dotum; letter-spacing:-1px; color:#fff!important;  padding:0 7px; cursor:default;}

.shop_state_pack .red {background:#ff365c!important;}
.shop_state_pack .orange {background:#ff8a00!important;}
.shop_state_pack .green {background:#86ae00!important;}
.shop_state_pack .sky {background:#00a7bc!important;}
.shop_state_pack .blue {background:#0058b4!important;}
.shop_state_pack .purple {background:#8000ec!important;}
.shop_state_pack .light {background:#b4b4b4!important;}
.shop_state_pack .black {background:#333!important;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 레이어팝업 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.ly_pop {border:3px solid #2c2f34; background:#fff;}

.ly_pop .title {padding:15px; color:#fff; font-weight:bold; font-size:16px; position:relative; background: #2c2f34;}
.ly_pop .btn_close {position:absolute; top:50%; right:0; width:36px; height:36px; margin:-18px 10px 0 0; background:transparent url('../images/common/btn_close.png') no-repeat; }
.ly_pop .inner {padding:25px; background:#fff;}

.ly_pop .form {overflow:hidden; position:relative;}
.ly_pop .form .input {position:relative;}
.ly_pop .form .input li:first-child {margin-bottom:10px;}
.ly_pop .form .input input[type=text] {background:#fff; border:1px solid #c6c6c6; padding:10px; width:565px; color:#999}
.ly_pop .form .input input[type=text]:focus {color:#000; background:#f4f4f4; border:1px solid #555;}


/* 데이터리스트 */
.ly_pop .data_TB {width:100%; background:#fff; margin-top:30px;}
.ly_pop .data_TB th {font-weight:bold; color:#333; padding:13px 0; border:1px solid #dedede; background:#f8f8f8}
.ly_pop .data_TB td {padding:8px; border:1px solid #d7d7d7; vertical-align:middle; text-align:center;}
.ly_pop .data_TB td b{color:#333;}
.ly_pop .data_TB tbody tr:hover {background:#efefef}
.ly_pop .data_TB tbody tr:hover .pointbg {background:#efefef; border-left:1px dashed #efefef;}
.ly_pop .data_TB td .btn_style_pack {display:inline-block; margin:0!important}
.ly_pop .data_TB input[type=text] {background:#fff; border:1px solid #c6c6c6; height:33px; line-height:33px; padding:0; width:100%; display:block; color:#999; font-weight:bold; font-size:15px; text-indent:10px;}
.ly_pop .data_TB input[type=text]:focus {color:#000; background:#fff; border:1px solid #555;}

.ly_pop .top_txt {margin-bottom:20px; color:#000; font-weight:bold; line-height:20px; text-align:center;}

.ly_pop .search {overflow:hidden; position:relative;}
.ly_pop .search .input {position:relative; margin-right:160px;}
.ly_pop .search .input input[type=text] {background:#fff; border:1px solid #c6c6c6; height:33px; line-height:33px; padding:0; width:100%; display:block; color:#999; font-weight:bold; font-size:15px; text-indent:10px;}
.ly_pop .search .input input[type=text]:focus {color:#000; background:#f4f4f4; border:1px solid #555;}
.ly_pop .search .btn_style_pack {position:absolute; right:0; bottom:0}
.ly_pop .btn_style_pack {margin-top:20px; text-align:center; display:block;}


/* 메일링구독 */
.subscription {overflow:hidden; width:700px; background:#fff;}
.subscription .title {background:#a363d5}
.subscription .form {text-align:center; padding:50px 0; overflow:hidden;}
.subscription .form .fix {display:inline-block; overflow:hidden;}
.subscription .form input[type=text] {border:2px solid #333; height:41px; line-height:41px; float:left; margin-right:5px; padding:0 10px; width:300px; font-size:16px; color:#ccc; font-weight:bold;}
.subscription .form input[type=text]:focus {color:#000; background:#f3f3f3;}
.subscription .form .btn_ok {float:left;}
.subscription .guide {display:block; clear:both; text-align:left; font-size:11px; color:#717171; line-height:16px; padding-top:20px}
.subscription .close {text-align:center; border-top:1px solid #eee}


/* 이메일,문자보내기 팝업  */
#send_form {background:#2a2b2f;}

#send_form .inner {padding:20px;}
#send_form .title_area {overflow:hidden; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-1px;}
#send_form .title_area b {color:#89303a; font-family:helvetica}
#send_form .title_area em {display:block; font-style:normal; color:#757575; font-size:13px; margin-top:5px;}

#send_form .form_area {background:#fff; padding:20px 20px 15px 20px; overflow:hidden; margin-top:20px;}
#send_form .form_area li {overflow:hidden; position:relative; margin-bottom:10px;}
#send_form .form_area .opt {position:absolute; font-weight:bold; color:#000; left:0; top:0;}
#send_form .form_area .form {margin-left:70px;}
#send_form .form_area .form input {width:99%; background:#efefef; border:1px solid #c5c5c5; color:#666; padding:10px 0; text-indent:10px; float:left; margin-bottom:2px;}
#send_form .form_area .form input:focus {border:1px solid #000; color:#000; font-weight:bold;}
#send_form .form_area .form textarea {width:92%; height:130px; background:#efefef; border:1px solid #c5c5c5; color:#666; padding:10px; float:left; margin-bottom:2px;}
#send_form .form_area .form textarea:focus {border:1px solid #000; color:#000; font-weight:bold;}

#send_form .btn_style_pack {margin-top:10px;}
#send_form .btn_style_pack .btn_md_color {margin:0 6px 0 0; width:320px}
#send_form .btn_style_pack .btn_md_white {margin-right:3px; width:53px}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 탑제목영역 및 가로형메뉴 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* 주문 탑영역  */
.shop_order_top {background:#3d4145; position:relative; height:100px; overflow:hidden;}
.shop_order_top .page_title {float:left; overflow:hidden; padding:30px 15px 0 30px;}
.shop_order_top .page_title em {color:#999; font-family:tahoma; font-size:30px; margin-left:5px;}
.shop_order_top .page_explain {float:left; overflow:hidden; line-height:115px; color:#ccc; letter-spacing:-1px; font-size:11px;}

.shop_order_top .process {position:absolute; right:0; top:0; margin:35px 40px;}
.shop_order_top .process li {float:left; position:relative; text-align:left; margin:0 10px; color:#777b87; font-size:11px; font-weight:bold; }
.shop_order_top .process b {display:block; padding-top:3px; color:#fff; font-size:12px;}
.shop_order_top .process em {display:block; padding-top:3px; color:#fff; color:#777b87; font-size:12px;}
.shop_order_top .process .ic_arrow2 {display:inline-block; background: transparent url('../images/common/ic_arrow_right.png') left top no-repeat; width:24px; height:40px;}
.shop_order_top .process .ic_check {background: transparent url('../images/common/ic_check_red.png') left top no-repeat; width:15px; height:15px; position:absolute; left:50%; top:0; margin:-17px 0 0 -13px}


/* 멤버 탑영역 */
.member_join_top {background:#3d4145; position:relative; height:100px; overflow:hidden;}
.member_join_top .page_title {float:left; overflow:hidden; padding:30px 15px 0 30px;}
.member_join_top .page_title em {color:#999; font-family:tahoma; font-size:30px; margin-left:5px;}
.member_join_top .page_explain {float:left; overflow:hidden; line-height:115px; color:#ccc; letter-spacing:-1px; font-size:11px;}


/* 고객센터 탑영역 */
.service_top {background:#3d4145; position:relative; height:100px; overflow:hidden;}
.service_top .page_title {float:left; overflow:hidden; padding:30px 15px 0 30px;}
.service_top .page_title em {color:#999; font-family:tahoma; font-size:30px; margin-left:5px;}
.service_top .page_explain {float:left; overflow:hidden; line-height:115px; color:#ccc; letter-spacing:-1px; font-size:11px;}


/* 마이페이지 탑영역 */
.mypage_top {background:#3d4145; position:relative; height:100px; overflow:hidden;}
.mypage_top .page_title {float:left; overflow:hidden; padding:30px 15px 0 30px;}
.mypage_top .page_title em {color:#999; font-family:tahoma; font-size:30px; margin-left:5px;}
.mypage_top .page_explain {float:left; overflow:hidden; line-height:115px; color:#ccc; letter-spacing:-1px; font-size:11px;}


/* 탭네비 (고객센터/마이페이지 가로형메뉴) */
.sub_tab_nav {clear:both; background:#cbccd1 url('../images/common/tab_line_bg.gif') left bottom repeat-x; border-left:1px solid #dadada; border-right:1px solid #dadada; overflow:hidden; }
.sub_tab_nav a {font-size:12px;  display:inline-block; float:left; height:50px; line-height:50px; padding:0 15px; font-weight:bold; background:transparent url('../images/common/tab_line_bg.gif') right top repeat-y; color:#3d414e!important}
.sub_tab_nav a:hover {background:#a5a7b0; color:#fff!important;}
.sub_tab_nav .hit {color:#ff0000!important; background: #fff url('../images/common/tab_line_bg.gif') right top repeat-y; font-size:14px; padding:0 40px;}
.sub_tab_nav .hit:hover {color:#ff0000!important; background: #fff url('../images/common/tab_line_bg.gif') right top repeat-y}


/* 2뎁스메뉴 제목:사용안함 */
.sub_tab_title {text-align:center; border-bottom:1px solid #707070; padding-bottom:30px; font-size:16px; font-weight:bold; color:#d61b1b; display:none;}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 장바구니/주문/결제 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 주문  */
.shop_order_area {background:#fff; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:0 40px 40px 40px;}


/* 단락타이틀 */
.shop_order_area .group_title {font-weight:bold; letter-spacing:-1px; font-size:16px; border-bottom:2px solid #707070; padding-bottom:10px; position:relative; overflow:hidden; margin-top:50px;}
.shop_order_area .group_title b {color:#ff0000}
.shop_order_area .explain {position:absolute; right:0; top:0; font-weight:normal; line-height:25px; font-size:11px; color:#999; letter-spacing:-1px;}
.shop_order_area .explain .btn_style_pack {margin:0 -6px 5px 0}


/* 입점업체 */
.shop_order_area .enter_shop {background:#fafafa; border-bottom:1px solid #dedede; padding:10px 10px; font-weight:bold; overflow:hidden; }
.shop_order_area .enter_shop .shop_name {background:#0077ca; display:inline-block; color:#fff; padding:3px 5px; float:left;}
.shop_order_area .enter_shop .charge {float:right; color:#666; font-size:11px; padding-top:5px;}
.shop_order_area .enter_shop .charge b {color:#ff0000;}


/* 장바구니  */
.shop_order_area .order_tb {width:100%; background:#fff; border-bottom:1px solid #dedede;}
.shop_order_area .order_tb th {font-weight:bold; color:#333; padding:13px 0; border-bottom:1px solid #dedede;}
.shop_order_area .order_tb td {padding:20px 0; border-top:1px dashed #d7d7d7; vertical-align:middle; text-align:center; }
.shop_order_area .order_tb tbody tr:hover {background:#f4f4f4}

.shop_order_area .order_tb .amount {border-left:1px dashed #d7d7d7; font-weight:bold; text-align:right; padding-right:15px;}
.shop_order_area .order_tb .delivery {border-left:1px dashed #d7d7d7; padding:0 15px;}
.shop_order_area .order_tb .delivery em {display:block; color:#ff6b01; font-weight:normal; font-size:11px; margin-top:5px}
.shop_order_area .order_tb .delivery b {display:block; font-weight:normal; color:#545456}

.shop_order_area .order_tb .btn_area {border-left:1px dashed #d7d7d7; font-weight:bold; text-align:center; padding-right:15px;}
.shop_order_area .order_tb .btn_style_pack {display:inline-block; overflow:hidden; margin-top:5px; margin-left:5px; font-weight:bold; margin-right:0}

.shop_order_area .order_tb .item_box {text-align:left; vertical-align:top; overflow:hidden}
.shop_order_area .order_tb .item_box .thumb {display:inline; overflow:hidden; float:left;}
.shop_order_area .order_tb .item_box .thumb img {width:100px; height:100px;}

.shop_order_area .order_tb .option {padding-left:10px; padding-right:20px; overflow:hidden; text-align:left;}
.shop_order_area .order_tb .option .pd_name {font-weight:bold; color:#333; font-size:14px; letter-spacing:-1px; overflow:hidden;}

.shop_order_area .option_box {background:#fbfbfb; border:1px solid #e9e9e9; margin-top:7px}
.shop_order_area .option_box div {padding:8px 12px 7px 8px; border-top:1px solid #e9e9e9; overflow:hidden;}
.shop_order_area .option_box div:first-child {border-top:none}
.shop_order_area .option_box .opt_name {float:left; width:50%; letter-spacing:-1px; color:#898896; font-size:11px; line-height:15px}
.shop_order_area .option_box .opt_price {float:left; text-align:right; font-size:11px; color:#858995; margin-left:25px}
.shop_order_area .option_box .opt_num {float:left; overflow:hidden; margin:-3px 0 -3px 8px}
.shop_order_area .option_box .opt_num b {margin-top:3px; margin-left:10px; float:left;}
.shop_order_area .option_box .opt_num .input_num {float:left; border:1px solid #d1d1d1; background:#fff; width:15px; height:18px; line-height:20px; font-size:11px; color:#555; padding:0 5px;}
.shop_order_area .option_box .updown {float:left; width:12px;}
.shop_order_area .option_box .updown a {display:inline-block; background: transparent url('../images/common/btn_updown.gif') no-repeat; width:12px; height:11px;}
.shop_order_area .option_box .updown .btn_up {background-position:0 0;}
.shop_order_area .option_box .updown .btn_down {background-position:0 -12px;}
.shop_order_area .option_box .updown .btn_up:hover {background-position:-12px 0;}
.shop_order_area .option_box .updown .btn_down:hover {background-position:-12px -12px;}
.shop_order_area .option_box .opt_amount {float:right; font-size:11px; color:#535456;}
.shop_order_area .option_box .opt_amount em {float:left;}
.shop_order_area .option_box .btn_delete {float:left; overflow:hidden; display:inline-block; margin-left:2px}

.shop_order_area .coupon_check {margin:8px 0 0 0; overflow:hidden;}
.shop_order_area .coupon_check label {margin-right:15px; font-size:11px; line-height:18px; float:left; letter-spacing:-1px;}
.shop_order_area .coupon_check .checkbox {margin-right:3px;}

.shop_order_area .tb_btn_area {display:block; text-align:left; margin:10px 0; padding:0}



/* 옵션선택추가 */
.shop_order_area .item_opt {background:#fafafa; border-bottom:1px solid #dedede; padding:20px; font-weight:bold; overflow:hidden; }
.shop_order_area .item_opt .thumb {display:inline; overflow:hidden; float:left; margin-right:20px;}
.shop_order_area .item_opt .thumb img {float:left; }
.shop_order_area .item_opt .info {overflow:hidden;}
.shop_order_area .item_opt .info dt {overflow:hidden; margin-bottom:10px; border-bottom:1px dashed #bbb; padding-bottom:10px;}
.shop_order_area .item_opt dt .shop_name {background:#0077ca; display:inline-block; color:#fff; padding:3px 5px; float:left; margin-bottom:5px;}
.shop_order_area .item_opt dt .btn_style_pack {display:block !important; clear:both;}
.shop_order_area .item_opt dt .btn_style_pack a {margin:0!important;}
.shop_order_area .item_opt .info dd {overflow:hidden; margin-bottom:7px;}
.shop_order_area .item_opt dd .tx {float:left; height:23px; line-height:23px; color:#000}
.shop_order_area .item_opt dd select {padding:5px; margin:0 10px; font-size:11px; font-family:dotum; float:left; width:470px;}


/* 상품리스트 */
.shop_order_area .list_TB {width:100%; background:#fff; border-bottom:1px solid #dedede;}
.shop_order_area .list_TB th {font-weight:bold; color:#333; padding:13px 0; border-bottom:1px solid #dedede;}
.shop_order_area .list_TB td {padding:10px 0; border-top:1px dashed #d7d7d7; vertical-align:middle; text-align:center;}
.shop_order_area .list_TB td b{color:#333; font-family:tahoma; padding-right:3px;}
.shop_order_area .list_TB tbody tr:hover {background:#efefef}
.shop_order_area .list_TB tbody tr:hover .pointbg {background:#efefef; border-left:1px dashed #efefef;}
.shop_order_area .list_TB .pointbg {background:#fafafa; border-left:1px dashed #dedede; padding:0 10px;}
.shop_order_area .list_TB .item_box {position:relative; overflow:hidden; text-align:left; }
.shop_order_area .list_TB .item_box .name {color:#333; font-weight:bold; line-height:18px;}
.shop_order_area .list_TB .item_box .option {display:block; color:#999; font-weight:normal; line-height:18px; font-size:11px;}
.shop_order_area .list_TB .item_box .thumb {display:inline; overflow:hidden; float:left; margin-right:10px;}
.shop_order_area .list_TB .item_box .thumb img {width:100px; height:100px;}
.shop_order_area .list_TB .btn_style_pack {overflow:hidden; margin-top:5px;}
.shop_order_area .list_TB .select {color:#000; font-weight:bold; border:1px solid #c6c6c6; background:#fff; height:25px; line-height:25px; margin-right:3px;}


/* 1차계산박스 */
.shop_order_area .sum_first {border:5px solid #e4e4e4; background:#fff; padding:20px 30px; text-align:right; overflow:hidden;}
.shop_order_area .sum_first .fix {display:inline-block;}
.shop_order_area .sum_first .fix span {float:left;}

.shop_order_area .sum_first .ic_plus {background: transparent url('../images/common/ic_sum.gif') 0 0 repeat-x; width:21px; height:25px;}
.shop_order_area .sum_first .ic_minus {background: transparent url('../images/common/ic_sum.gif') -40px 0 repeat-x; width:21px; height:21px;}
.shop_order_area .sum_first .ic_equal {background: transparent url('../images/common/ic_sum.gif') -80px 0 repeat-x; width:21px; height:21px;}

.shop_order_area .sum_first .price {font-weight:bold; color:#000; margin:0 40px;}
.shop_order_area .sum_first .price b {display:inline-block; font-family:tahoma; font-size:14px; margin-right:3px;} /* 가격 */
.shop_order_area .sum_first .price em {display:block; font-style:normal; color:#666; margin-bottom:5px;} /* 항목 */
.shop_order_area .sum_first .orange b {color:#ff4e00}


/* 할인적용 */
.shop_order_area .benefit {overflow:hidden; background:#f6f6f6;}
.shop_order_area .benefit ul {border-bottom:1px solid #dedede; overflow:hidden;}
.shop_order_area .benefit li:first-child {width:20%; text-align:center; padding:20px 0; overflow:hidden; font-weight:bold; font-size:14px; color:#000;}
.shop_order_area .benefit li {float:left; width:80%; position:relative; }
.shop_order_area .benefit .point {background:#fff; overflow:hidden; padding:25px;}
.shop_order_area .benefit .point {font-size:16px; color:#000; font-weight:bold; font-family:tahoma}
.shop_order_area .benefit .point b {color:#ff0000;}
.shop_order_area .benefit .point .guide_txt {color:#717171;  font-size:11px; margin-top:10px; }
.shop_order_area .benefit .point .guide_txt b {color:#ff0000}
.shop_order_area .benefit .point .input {overflow:hidden; position:absolute; top:50%; right:0; margin:-15px 10px 0 0}
.shop_order_area .benefit .point .input input {border:2px solid #28b2ec; height:30px; line-height:30px; float:left; text-align:right; padding:0 10px; font-weight:bold; font-family:tahoma; color:#000; width:100px; font-size:14px;}
.shop_order_area .benefit .point .input input:focus {background:#eee; border:2px solid #ff1919;}
.shop_order_area .benefit .point .input .btn_style_pack {float:left;}


/* 최종계산 */
.shop_order_area .sum_last {position:relative; overflow:hidden;}

.shop_order_area .sum_last .wave_bg {background: transparent url('../images/common/wave_bg.png') left bottom repeat-x; height:160px; margin-right:250px;}
.shop_order_area .sum_last .wave_bg_color {background: transparent url('../images/common/wave_bg_color.png') left bottom repeat-x; height:160px; width:250px; position:absolute; right:0; top:0;}

.shop_order_area .sum_last .calculate {overflow:hidden; padding:45px 0; position:absolute; text-align:right; z-index:500; width:100%;}
.shop_order_area .sum_last .calculate .fix {display:inline-block; overflow:hidden; margin-right:220px;}
.shop_order_area .sum_last .calculate .fix span {float:left; margin:0 20px;}

.shop_order_area .sum_last .equal {overflow:hidden; padding:30px 0; position:absolute; top:0; right:0; z-index:500; width:250px;}
.shop_order_area .sum_last .equal span {float:left;}
.shop_order_area .sum_last .equal .price {width:230px;}
.shop_order_area .sum_last .equal .price b {font-size:30px;}

.shop_order_area .sum_last .point {display:block; width:230px; border-top:1px dashed #ff7f4d; position:absolute; bottom:0; right:0;  padding-top:6px; z-index:500; margin:0 0 15px 0;}
.shop_order_area .sum_last .point {color:#fff; font-weight:bold; text-align:right; padding-right:20px;}
.shop_order_area .sum_last .point b {font-family:tahoma; font-size:14px;}

.shop_order_area .sum_last .ic_plus {background: transparent url('../images/common/ic_sum.gif') 0 -30px repeat-x; width:21px; height:21px;}
.shop_order_area .sum_last .ic_minus {background: transparent url('../images/common/ic_sum.gif') -40px -30px repeat-x; width:21px; height:21px;}
.shop_order_area .sum_last .ic_equal {background: transparent url('../images/common/ic_sum.gif') -80px -30px repeat-x; width:21px; height:21px;}

.shop_order_area .sum_last .price {font-weight:bold; color:#fff; text-align:right;}
.shop_order_area .sum_last .price b {display:inline-block; font-family:tahoma; font-size:20px; margin-right:3px;} /* 가격 */
.shop_order_area .sum_last .price em {display:block; font-style:normal;font-size:15px; color:#fff; margin-bottom:5px;} /* 항목 */
.shop_order_area .sum_last .white b {color:#fff}
.shop_order_area .sum_last .blue b {color:#00aeff}
.shop_order_area .sum_last .yellow b {color:#fffc00}


/* 입력폼테이블 */
.shop_order_area .form_TB {width:100%;}
.shop_order_area .form_TB td {padding:8px 15px; border-bottom:1px solid #dedede; vertical-align:middle; line-height:20px;}
.shop_order_area .form_TB td:first-child {background:#fafafa; border-right:1px dashed #dedede; font-weight:bold;}

.shop_order_area .form_TB input[type=text] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}
.shop_order_area .form_TB input[type=text]:focus {border:1px solid #555; background:#fafafa}
.shop_order_area .form_TB input[type=checkbox] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.shop_order_area .form_TB input[type=radio] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.shop_order_area .form_TB select {border:1px solid #ccc; padding:3px;}

.shop_order_area .form_TB textarea {border:1px solid #ccc; padding:4px; color:#333; width:99%; line-height:18px; height:80px;}
.shop_order_area .form_TB textarea:focus {border:1px solid #555; background:#fafafa}
.shop_order_area .form_TB b {color:#ff0000;}
.shop_order_area .form_TB label {overflow:hidden; float:left; margin-right:30px;}

.shop_order_area .form_TB .input_number {font-weight:bold; font-family:tahoma; float:left; display:inline-block;}
.shop_order_area .form_TB .input_second {margin-top:5px; display:block; clear:both;}
.shop_order_area .form_TB .dash {display:inline-block; line-height:25px; float:left; margin-right:5px;}


/* 정보공개동의 */
.shop_order_area .agree_box {background:#fafafa; padding:20px;}
.shop_order_area .agree_box textarea {border:1px solid #ccc; padding:4px; width:99%; line-height:18px; height:100px; color:#999}
.shop_order_area .agree_box textarea:focus {border:1px solid #555; background:#fff; }
.shop_order_area .agree_box .agree {margin-top:20px; text-align:center; overflow:hidden;}
.shop_order_area .agree_box .agree label {overflow:hidden; margin-right:30px; font-weight:bold; color:#000;}
.shop_order_area .agree_box .agree label input {margin-right:5px; vertical-align:middle; width:13px; height:13px; float:left;}


/* 주문완료메세지 */
.order_ok_message {overflow:hidden; background:#fff; border:5px solid #e4e4e4; padding:30px; margin-top:40px;}
.order_ok_message .notice {text-align:center; font-size:30px; letter-spacing:-3px; margin-bottom:10px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:10px}
.order_ok_message .notice b {color:#000;}
.order_ok_message .order_number {text-align:center; font-size:17px; font-weight:bold;}
.order_ok_message .order_number b {color:#ff4800; font-family:tahoma;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 멤버쉽 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.member_join_area {background:#fff; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:0 40px 40px 40px;}


/* 단락타이틀 */
.member_join_area .group_title {font-size:16px; color:#333; border-bottom:2px solid #707070; padding-bottom:10px; letter-spacing:-1px; font-weight:bold; position:relative; overflow:hidden; margin-top:50px;}
.member_join_area .group_title b {color:#f20000}
.member_join_area .explain {position:absolute; right:0; top:0; font-weight:normal; line-height:25px; font-size:11px; color:#999; letter-spacing:-1px;}


/* 입력폼테이블 */
.member_join_area .form_TB {width:100%;}
.member_join_area .form_TB td {padding:8px 15px; border-bottom:1px solid #dedede; vertical-align:middle; line-height:20px;}
.member_join_area .form_TB td:first-child {background:#fafafa; border-right:1px dashed #dedede; font-weight:bold;}

.member_join_area .form_TB input[type=text] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}
.member_join_area .form_TB input[type=text]:focus {border:1px solid #555; background:#fafafa}
.member_join_area .form_TB input[type=password] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}
.member_join_area .form_TB input[type=password]:focus {border:1px solid #555; background:#fafafa}

.member_join_area .form_TB input[type=checkbox] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.member_join_area .form_TB input[type=radio] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.member_join_area .form_TB select {border:1px solid #ccc; padding:3px;}

.member_join_area .form_TB textarea {border:1px solid #ccc; padding:4px; color:#333; width:99%; line-height:18px;}
.member_join_area .form_TB textarea:focus {border:1px solid #555; background:#fafafa}
.member_join_area .form_TB b {color:#ff0000;}
.member_join_area .form_TB label {overflow:hidden; float:left; margin-right:30px;}
.member_join_area .form_TB .input_number {font-weight:bold; font-family:tahoma; float:left; display:inline-block;}
.member_join_area .form_TB .input_second {margin-top:5px; display:block; clear:both;}
.member_join_area .form_TB .dash {display:inline-block; line-height:25px; float:left; margin-right:5px;}
.member_join_area .form_TB .btn_style_pack {float:left;}


/* 정보공개동의 */
.member_join_area .agree_box {background:#fafafa; padding:20px;}
.member_join_area .agree_box textarea {border:1px solid #ccc; padding:4px; width:99%; line-height:18px; color:#999; height:100px;}
.member_join_area .agree_box textarea:focus {border:1px solid #555; background:#fff; }
.member_join_area .agree_box .agree {margin-top:20px; text-align:center; overflow:hidden;}
.member_join_area .agree_box .agree label {overflow:hidden; margin-right:30px; font-weight:bold; color:#000;}
.member_join_area .agree_box .agree input[type=radio] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px }

.member_join_area .ic_check {vertical-align:middle; overflow:hidden; background-position:-420px -50px; width:16px; height:12px; margin-left:5px;}



/* 로그인 */
.member_login_form {background:#fff; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:0 40px 40px 40px; margin-top:40px; text-align:center}
.member_login_form .ic_flag {background-position:-300px -220px; width:80px; height:64px; position:absolute; left:50%; top:0; margin:-12px 0 0 -40px}

.member_login_form .inner { position:relative; background:#fff; border-top:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:80px 0 50px 0; margin:50px; text-align:center}

.member_login_form .form {display:inline-block; text-align:center; width:360px; margin-top:50px}
.member_login_form .form img {margin-bottom:20px;}
.member_login_form .form input[type=text] {display:block; padding:20px 0; width:100%; text-indent:20px; font-size:20px; color:#888; margin-bottom:5px;}
.member_login_form .form input[type=text] {background:#ededed; border-bottom:1px solid #d1d1d1; border-left:1px solid #ededed; border-right:1px solid #ededed; border-top:1px solid #ededed; }
.member_login_form .form input[type=text]:focus {color:#000; font-weight:bold; background:#ddd; border:1px solid #cacaca;}
.member_login_form .form input[type=password] {display:block; padding:20px 0; width:100%; text-indent:20px; font-size:20px; color:#888; margin-bottom:5px;}
.member_login_form .form input[type=password] {background:#ededed; border-bottom:1px solid #d1d1d1; border-left:1px solid #ededed; border-right:1px solid #ededed; border-top:1px solid #ededed; }
.member_login_form .form input[type=password]:focus {color:#000; font-weight:bold; background:#ddd; border:1px solid #cacaca;}



.member_login_form .form .btn_login {display:block; width:100%; height:50px; border:0; background: #4c4c4c url('../images/common/btn_login.png') center center no-repeat; margin-bottom:20px;}
.member_login_form .form .btn_login:hover {background-color: #ff0000}
.member_login_form .form .btn_style_pack {margin-bottom:10px;}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 고객센터 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.common_area {background:#fff; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:40px 40px 40px 40px; overflow:hidden;min-height:600px}


/* 텍스트페이지 ----------------------------------------- */
.common_area .fulltext {overflow:hidden; line-height:18px;}
.common_area .fulltext b {display:block; background:#f8f8f8 url(../images/common/stitle_icon.gif) 10px center no-repeat; padding:10px 20px 5px 35px; color:#333; font-weight:bold;}

/*
.common_area .fulltext dt {background:#f8f8f8 url(../images/common/stitle_icon.gif) 10px center no-repeat; padding:10px 0 5px 35px; color:#333; font-weight:bold;}
.common_area .fulltext dd {overflow:hidden; line-height:18px; padding:10px 20px 20px 10px; padding-left:30px;}
*/

/* 상단보더박스(중요정보출력) */
.common_area .border_box {background:#fff; border:5px solid #e4e4e4; margin-bottom:20px; padding:20px; overflow:hidden; text-align:center;}

/* faq */
.common_area .faq_search {overflow:hidden; }
.common_area .faq_search .lineup {position:relative; background:transparent url(../images/common/ic_search.png) left top no-repeat;}
.common_area .faq_search .faq_input {margin:0 30px 0 55px; float:left; width:350px;}
.common_area .faq_search .faq_input input[type=text] {display:block; border:1px solid #ccc; padding:0 10px; height:33px; line-height:33px; width:100%; background:#eee; color:#666; font-weight:bold;}
.common_area .faq_search .faq_input input[type=text]:focus {border:1px solid #999; color:#000; background:#ccc; }
.common_area .faq_search .btn_style_pack {float:left;}


/* 자주묻는질문 */
.common_area .cscenter_visual {overflow:hidden; margin-bottom:20px; position:relative; background:transparent url(../images/common/cscenter.gif) center top no-repeat; height:230px;}
.common_area .cscenter_visual .call {position:absolute; color:#333; font-weight:bold; font-size:13px; top:0; left:50%; margin:160px 0 0 -45px;}
.common_area .cscenter_visual .call b {color:#fe3402; font-family:helvetica; font-size:36px; display:block; line-height:35px;}

.common_area .board_faq {overflow:hidden;}
.common_area .board_faq li {overflow:hidden; float:left; width:100%; border-bottom:1px solid #dadada;}
.common_area .board_faq span {display:inline-block; background:transparent url(../images/common/ic_faq.png) no-repeat;}

.common_area .board_faq .ic_Q {background-position:0 0; width:20px; height:21px; margin:0 15px; float:left;}
.common_area .board_faq .ic_A {background-position:-40px 0; width:20px; height:21px; position:absolute; left:0; top:0; margin:20px 50px;}
.common_area .board_faq .ic_open {background-position:-80px 0; width:20px; height:20px; margin:0 15px; float:right; }
.common_area .board_faq .ic_close {background-position:-100px 0; width:20px; height:20px; margin:0 15px; float:right; }

.common_area .board_faq .question {display:block; padding:14px 0px; overflow:hidden;}
.common_area .board_faq .question:hover {background:#f3f3f3;}
.common_area .board_faq .question:hover .title {color:#333}
.common_area .board_faq .question .title {color:#999; font-weight:bold; font-size:13px; line-height:21px; float:left; background:none;}
.common_area .board_faq .question .title_on {color:#0096c6; font-weight:bold; font-size:13px; line-height:21px; float:left; background:none;}

.common_area .board_faq .answer {position:relative; padding:20px 20px 20px 90px; overflow:hidden; text-align:left; background:#f8f8f8; overflow:hidden; border-top:1px dashed #dadada;}
.common_area .board_faq .answer .conts {color:#333; line-height:20px; background:none}


/* 게시판목록 */
.common_area .board_list {width:100%;}
.common_area .board_list th {background:#f8f8f8 url(../images/common/board_divi.gif) left bottom no-repeat; padding:12px 0; border-bottom:1px solid #b4b4b4; }
.common_area .board_list th:first-child {background:#f8f8f8;}

.common_area .board_list tr:hover {background:#fbfbfb;}
.common_area .board_list td {padding:12px 0; border-bottom:1px solid #dadada; background:transparent url(../images/common/board_divi.gif) left bottom no-repeat; text-align:center; vertical-align:middle;}
.common_area .board_list td:first-child {background:none;}

.common_area .board_list .number {font-family:tahoma; font-size:11px; color:#999999;}
.common_area .board_list .writer {color:#999999; font-size:11px;}
.common_area .board_list .title {text-align:left; padding-left:15px;}
.common_area .board_list .title a {float:left;}
.common_area .board_list .notice {font-weight:bold; color:#000;}
.common_area .board_list .period {font-family:tahoma; font-size:13px; color:#333; }
.common_area .board_list .reply {font-family:tahoma; font-size:11px; color:#4ea2d2; font-weight:bold; background:none}

.common_area .board_list span {background:transparent url(../images/common/ic_board.png) left bottom no-repeat; display:inline-block}
.common_area .board_list .ic_new {background-position:0 0; width:15px; height:15px; margin-left:5px; float:left;}
.common_area .board_list .ic_photo {background-position:-20px 0; width:15px; height:15px; margin-left:5px; float:left;}
.common_area .board_list .ic_secret {background-position:-40px 0; width:14px; height:14px; margin-left:5px; float:left;}
.common_area .board_list .ic_reply {background-position:-60px 0; width:30px; height:14px; margin-right:5px; float:left;}


/* 이벤트 이미지형 */
.common_area .event_thumb_list {overflow:hidden;}
.common_area .event_thumb_list li {overflow:hidden; border-bottom:1px solid #dadada; padding:15px 0;}
.common_area .event_thumb_list li:hover {background:#fbfbfb;}

.common_area .event_thumb_list .thumb {float:left; margin-right:20px;}
.common_area .event_thumb_list .thumb img {width:500px; height:170px;}

.common_area .event_thumb_list .value {}
.common_area .event_thumb_list .value dt {margin-bottom:15px; }
.common_area .event_thumb_list .value dt a {font-size:16px; font-weight:bold; color:#333}
.common_area .event_thumb_list .value dd {margin-bottom:5px;}



/* 게시판 하단검색 */
.bottom_search {text-align:center; background:#fbfbfb; border:1px solid #e6e6e6; padding:10px; margin-top:30px; overflow:hidden;}
.bottom_search .input_text {border:1px solid #d7d7d7; height:23px; line-height:23px; width:200px; padding:0 5px; color:#333; float:left; margin-right:3px;}
.bottom_search .check_box {float:left; margin:3px 0;}
.bottom_search .check_box label {float:left; overflow:hidden; line-height:20px; margin-right:15px;}
.bottom_search .check_box input[type=checkbox] {display:inline-block; margin-right:3px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.bottom_search .btn_style_pack {float:left;}



/* 게시판보기 */
.common_area .board_view {width:100%;}
.common_area .board_view td {border-bottom:1px solid #dadada; vertical-align:middle;}

.common_area .board_view .title {padding:15px; background:#f8f8f8; text-align:center; font-weight:bold;}
.common_area .board_view .title_conts {padding:15px; font-size:15px; font-weight:bold; color:#333;}

.common_area .board_view .opt {padding:5px; background:#f8f8f8; text-align:center; border-bottom:1px solid #dadada;}

.common_area .board_view .value {padding:5px 15px; color:#999999; border-bottom:1px solid #dadada; font-size:11px;}
.common_area .board_view .value em {font-family:tahoma; font-style: normal;}
.common_area .board_view .value b {color:#333;}

.common_area .board_view .conts {padding:30px 0; line-height:18px;}
.common_area .board_view .conts_reply {padding:20px; line-height:18px; background:#fbfbfb;}
.common_area .board_view .conts_reply .admin {color:#333; font-weight:bold; margin-bottom:10px; font-size:11px; line-height:20px; height:20px;}

.common_area .board_view span {display:inline-block;}
.common_area .board_view .ic_file {background:transparent url(../images/common/ic_board.png) -100px 0 no-repeat; width:20px; height:20px;}
.common_area .board_view .ic_prev {background:transparent url(../images/common/ic_board.png) -120px 0 no-repeat; width:20px; height:20px;}
.common_area .board_view .ic_next {background:transparent url(../images/common/ic_board.png) -140px 0 no-repeat; width:20px; height:20px;}

.common_area .board_view .file .tx {color:#333; font-weight:bold; font-size:11px; letter-spacing:-1px; height:30px; line-height:30px; margin:0 10px; float:left;}
.common_area .board_view .file .icon {display:inline-block; background:#f8f8f8; width:40px; padding:7px 0; float:left; text-align:center;}
.common_area .board_view .file .ct {font-size:11px; letter-spacing:-1px; color:#999999; height:30px; line-height:30px; float:left; margin-right:15px;}

.common_area .board_view .prev {border-right:1px solid #dadada;}
.common_area .board_view .prev .icon {display:inline-block; background:#f8f8f8; width:40px; padding:7px 0; float:left; text-align:center;}
.common_area .board_view .prev .tx {color:#333; font-weight:bold; font-size:11px; letter-spacing:-1px; height:30px; line-height:30px; margin:0 10px; float:left;}
.common_area .board_view .prev .ct {font-size:11px; letter-spacing:-1px; color:#999999; height:30px; line-height:30px; float:left; display:block;}

.common_area .board_view .next {text-align:right;}
.common_area .board_view .next .icon {display:inline-block; background:#f8f8f8; width:40px; padding:7px 0; float:right; text-align:center;}
.common_area .board_view .next .tx {color:#333; font-weight:bold; font-size:11px; letter-spacing:-1px; height:30px; line-height:30px; margin:0 10px; float:right;}
.common_area .board_view .next .ct {font-size:11px; letter-spacing:-1px; color:#999999; float:right; height:30px; line-height:30px; display:block;}



/* 게시판/문의 폼(공통) */
.common_area .board_form {width:100%;}
.common_area .board_form td {border-bottom:1px solid #dadada; padding:10px 15px; vertical-align:middle;}
.common_area .board_form td {padding:8px 15px; border-bottom:1px solid #dedede; vertical-align:middle; line-height:20px;}
.common_area .board_form td:first-child {background:#fafafa; border-right:1px dashed #dedede; font-weight:bold;}

.common_area .board_form input[type=text] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}
.common_area .board_form input[type=text]:focus {border:1px solid #555; background:#fafafa}
.common_area .board_form input[type=password] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}
.common_area .board_form input[type=password]:focus {border:1px solid #555; background:#fafafa}

.common_area .board_form input[type=file] {border:1px solid #ccc; height:23px; line-height:23px; padding:0 5px; color:#333; margin-right:5px; float:left; display:inline-block;}

.common_area .board_form label {display:inline-block; margin-right:20px; float:left;}
.common_area .board_form input[type=checkbox] {margin-right:5px; vertical-align:middle;width:13px; height:13px; *vertical-align:2px}
.common_area .board_form input[type=radio] {margin-right:5px; vertical-align:middle;width:13px; height:13px; *vertical-align:2px}
.common_area .board_form select {border:1px solid #ccc; padding:3px;}

.common_area .board_form textarea {border:1px solid #ccc; padding:4px; color:#333; width:99%; line-height:18px; height:200px;}
.common_area .board_form textarea:focus {border:1px solid #555; background:#fafafa}

.common_area .board_form .ic_ess {background:transparent url(../images/common/ic_ess.png) no-repeat; display:inline-block; width:14px; height:10px; margin-left:5px;}

.common_area .board_form .input_number {font-weight:bold; font-family:tahoma; float:left; display:inline-block;}
.common_area .board_form .input_second {margin-top:5px; display:block; clear:both;}

.common_area .board_form .dash {display:inline-block; line-height:25px; float:left; margin-right:5px;}

.common_area .board_form .btn_style_pack {float:left;}


/* 댓글사용시(이벤트게시판등)  */
.common_area .comment_top {overflow:hidden; margin-top:30px;}
.common_area .comment_top .title {background:transparent url(../images/common/ic_bubble.gif) no-repeat; height:20px; line-height:20px; float:left; font-size:14px; font-weight:bold; padding-left:25px; letter-spacing:-1px; color:#333}
.common_area .comment_top .text {float:right; line-height:30px; color:#999; font-size:11px; letter-spacing:-1px;}

.common_area .comment_form {background:#f7f7f7; border:1px solid #e2e2e2; padding:15px; overflow:hidden; clear:both;}

.common_area .comment_form {overflow:hidden; position:relative;}
.common_area .comment_form .textarea {margin-right:105px;}
.common_area .comment_form .textarea textarea {background:#fff; border:1px solid #c6c6c6;  color:#333; height:68px; width:100%;}
.common_area .comment_form .textarea textarea:focus {background:#fff; border:1px solid #666;}

.common_area .comment_form .btn_submit {position:absolute; right:0; top:0; display:inline-block; background:#fff; border:1px solid #cccccc; margin:15px;}
.common_area .comment_form .btn_submit input[type=submit] {width:90px; height:70px; border:0; background:none; color:#333; font-weight:bold; font-size:14px;}
.common_area .comment_form .btn_submit input[type=submit]:hover {color:#ff0000}

.common_area .comment_list {border-bottom:1px solid #dadada; overflow:hidden;}
.common_area .comment_list li {float:none; border-top:1px dashed #dadada; padding:15px; position:relative;}
.common_area .comment_list li:first-child {border:none;}
.common_area .comment_list li:hover {background:#fbfbfb;}

.common_area .comment_list .name {font-weight:bold; float:left; margin-right:10px; color:#333;}
.common_area .comment_list .date {font-family:tahoma; color:#999; font-size:11px;}
.common_area .comment_list .conts {margin-top:10px; line-height:18px;}

.common_area .comment_list .btn_style_pack {position:absolute; right:0; top:0; margin:10px 0;}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 마이페이지  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 마이페이지-에서만 약간변경된 css추가해서 가입폼,주문폼css 그대로 사용함 */
.common_area .member_join_area {border:0; padding:0; margin:0; border-top:2px solid #616161}
.common_area .shop_order_area {border:0; padding:0; margin:-30px 0 0 0 ; }

.common_area .mypage {position:relative;}
.common_area .mypage .info_title {font-weight:bold; font-size:20px; padding-bottom:15px; border-bottom:1px dashed #ccc; color:#333; letter-spacing:-2px;}
.common_area .mypage .info_title b {color:#ff0000; font-family:tahoma; letter-spacing:0;}
.common_area .mypage .info_conts {margin-top:15px; font-weight:bold;}

/*
.common_area .leave {text-align:center; font-size:17px; letter-spacing:-1px; color:#333; padding:20px 0;}
.common_area .leave b{color:#ff6600}
*/

/* 주문내역등 리스트  */
.common_area .mypage_list {width:100%; border-top:2px solid #616161}
.common_area .mypage_list th {background:#efefef; color:#333; font-weight:normal; padding:13px 0; border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; font-weight:bold;}
.common_area .mypage_list th:first-child {border-left:0;}

.common_area .mypage_list tr:hover {background:#f3f3f3;}
.common_area .mypage_list td {padding:10px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:center; vertical-align:middle; line-height:20px;}
.common_area .mypage_list td:first-child {border-left:0;}

.common_area .mypage_list .btn_style_pack {display:block; text-align:center;}
.common_area .mypage_list .btn_style_pack a {margin-top:2px;}

.common_area .mypage_list .date {font-family:tahoma; font-size:11px; color:#999999;}
.common_area .mypage_list .number {font-family:tahoma; font-size:13px; font-weight:bold; color:#ff6600;}
.common_area .mypage_list .title {text-align:left;}

.common_area .mypage_list .price {color:#999999; text-align:right;}
.common_area .mypage_list .price b{color:#333; font-family:tahoma;}

.common_area .mypage_list .point_add {color:#ff6600; font-family:tahoma; font-weight:bold; text-align:right;}
.common_area .mypage_list .point_use {color:#008df0; font-family:tahoma; font-weight:bold; text-align:right;}
.common_area .mypage_list .period {color:#da0000; font-family:tahoma; font-weight:bold;}

.common_area .mypage_list .inquiry_box {background:#f6f6f6; padding:20px;}
.common_area .mypage_list .inquiry_box .question {text-align:left; color:#666; line-height:18px;}

.common_area .mypage_list .inquiry_box .answert {text-align:left; color:#999; font-weight:bold; margin-top:20px; font-size:11px;}
.common_area .mypage_list .inquiry_box .answert b{color:#ff6600; font-size:13px;}
.common_area .mypage_list .inquiry_box .answer {text-align:left; color:#333; line-height:18px; margin-top:10px;}

.common_area .mypage_list .thumb {overflow:hidden;}
.common_area .mypage_list .thumb img {width:100px; height:100px;}


/* 탈퇴폼 */
.common_area .leave_form {overflow:hidden; margin-top:20px; padding:10px 0; background: #f6f6f6; }
.common_area .leave_form span:first-child {margin-left:none;}
.common_area .leave_form .opt {width:20%; font-weight:bold; color:#666; line-height:30px;margin-left:20px}
.common_area .leave_form .input {width:65%; text-align:left; color:#fff; }
.common_area .leave_form .input input[type=text] {border:1px solid #ccc; height:30px; line-height:30px; color:#ff0000; padding:0 10px; font-weight:bold; display:inline-block; width:150px; font-size:15px; border:1px solid #d7d7d7;}
.common_area .leave_form .input input[type=text]:focus {background:#f4f4f4;  border:1px solid #d7d7d7; color:#000;}

.common_area .leave_form .input input[type=password] {border:1px solid #ccc; height:30px; line-height:30px; color:#ff0000; padding:0 10px; font-weight:bold; display:inline-block; width:150px; font-size:15px; border:1px solid #d7d7d7;}
.common_area .leave_form .input input[type=password]:focus {background:#f4f4f4;  border:1px solid #d7d7d7; color:#000;}


/* 참여점수추가 */
.common_area .mypoint_box {background:#fff; border:5px solid #e4e4e4; margin-bottom:20px; padding:30px; overflow:hidden;}

.common_area .my_point_level {overflow:hidden; margin:0 0 15px 4px;}
.common_area .my_point_level .box {background:#e1e1e1; float:left; width:9.8%; text-align:center; margin-right:1px;}
.common_area .my_point_level .box .level {background:#a0a0a0; overflow:hidden; padding:8px 0;}
.common_area .my_point_level .box .level b {display:block; font-family:verdana; font-size:18px; font-weight:bold; margin-bottom:5px; color:#fff}
.common_area .my_point_level .box .score {padding:8px 0; font-family:tahoma; font-size:11px; color:#333}
.common_area .my_point_level .hit .level {background:#333}
.common_area .my_point_level .hit .score {background:#666; color:#fff}
.common_area .my_point_level .star_s {display:inline-block; background: transparent  url('../images/common/point_mark_s.png') left top no-repeat; width:70px; height:13px; text-align:left;}
.common_area .my_point_level .star_s  span {display:inline-block; background: transparent  url('../images/common/point_mark_s.png') left -15px no-repeat; height:13px;}
.common_area .my_point_level p {padding-bottom:10px; overflow:hidden; clear:both}


.common_area .my_level {float:left; width:200px; text-align:center;}
.common_area .my_level .level {background:#a0a0a0; overflow:hidden; padding:10px 0; background:#ea0700;}
.common_area .my_level .level b {display:block; font-family:verdana; font-size:25px; font-weight:bold; margin-bottom:10px; color:#fff}
.common_area .my_level .score {padding:15px 0; color:#fff; background:#4d4d57; font-weight:bold;}
.common_area .my_level .star {display:inline-block; background: transparent  url('../images/common/point_mark.png') left top no-repeat; width:131px; height:23px; text-align:left;}
.common_area .my_level .star  span {display:inline-block; background: transparent  url('../images/common/point_mark.png') left -25px no-repeat; height:23px;}

.common_area .my_score {float:left; margin-left:40px; overflow:hidden; width:200px;}
.common_area .my_score li {position:relative; text-align:right; border-bottom:1px dashed #ddd; padding:10px 0}
.common_area .my_score li b {font-size:14px; font-family:tahoma; color:#ff0000; margin-right:3px;}
.common_area .my_score .opt {position:absolute; left:0; top:50%; margin-top:-7px; color:#333; padding-left:5px; background: transparent  url('../images/common/bullet.gif') left center no-repeat;}

.common_area .my_level_point {float:left; overflow:hidden; margin-left:30px; border-left:1px solid #ddd; padding-left:30px; }
.common_area .my_level_point dt {font-weight:bold; font-size:16px; color:#000; margin-bottom:10px;}
.common_area .my_level_point dd {font-size:11px; letter-spacing:-1px; line-height:15px; margin-bottom:10px; color:#999; position:relative;}
.common_area .my_level_point dd b {letter-spacing:0; color:#666}
.common_area .my_level_point .input_box {width:150px;}
.common_area .my_level_point .input_box input {background:#eee; height:31px; line-height:31px; width:100%; border:2px solid #ea0700; padding:0 10px; text-align:right; color:#ea0700; font-family:tahoma; font-size:16px; font-weight:bold;}
.common_area .my_level_point .btn_style_pack {position:absolute; left:180px; top:1px}





/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 제품 상세페이지 내부게시판 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 글쓰기 */
.inner_board {overflow:hidden; background:#fff;  padding:20px 19px;}

.inner_board .guide {background:#fff; padding:20px 20px 20px 20px;}
.inner_board .guide .guide_txt {overflow:hidden;}
.inner_board .guide .guide_txt dt {font-size:19px; font-weight:bold; color:#000; margin-bottom:15px; letter-spacing:-2px; background: transparent url('../images/common/icon_exc.png') left 3px no-repeat; padding-left:20px;}
.inner_board .guide .guide_txt dt b {color:#ff0000}
.inner_board .guide .guide_txt dd {background: transparent url('../images/common/bullet.gif') 20px center no-repeat; padding:3px 27px; color:#888; }
.inner_board .guide .btn_area {margin:20px 0 0 0;overflow:hidden;}

.inner_board .in_top {position:relative; margin:25px 0 5px 0; overflow:hidden;}
.inner_board .in_top .comment_title {height:19px;float:left; overflow:hidden; margin-bottom:5px; text-align:right; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#333; background: transparent url('../images/common/ic_bubble.gif') left center no-repeat; padding-left:23px; line-height:20px;}
.inner_board .in_top .sns_area {float:right;}
.inner_board .in_top .sns_area b {display:inline-block; line-height:22px; color:#777; font-size:11px;  letter-spacing:-1px; font-weight:normal; float:left; margin-right:5px;}
.inner_board .in_top .sns_area a {display:inline-block; margin-left:2px; background:transparent  url('../images/common/sns2.gif') left top repeat; width:22px; height:22px; float:left;}
.inner_board .in_top .sns_area .ic_fb {background-position:0 0;}
.inner_board .in_top .sns_area .ic_tw {background-position:-22px 0;}
.inner_board .in_top .btn_area {margin-top:30px;overflow:hidden;}

.inner_board .in_form {overflow:hidden; background: #f2f2f2  url('../images/common/pattern_check.png') left top repeat; padding:15px;}
.inner_board .in_form .inner {overflow:hidden; position:relative;}
.inner_board .in_form .textarea {margin-right:120px; overflow:hidden;}
.inner_board .in_form .textarea textarea {border:1px solid #c6c6c6; background:#fff; width:96.2%; height:80px; padding:10px; overflow-y:scroll}
.inner_board .in_form .textarea textarea:focus {color:#000; background:#f4f4f4;}

.inner_board .in_form .btn_confirm {position:absolute; right:0; top:0; width:120px; height:102px; background:#515558;}
.inner_board .in_form .btn_confirm input {width:100%; height:100%; line-height:100px; background:none; border:0; color:#fff; font-weight:bold; font-size:14px;}
.inner_board .in_form .btn_confirm:hover {background:#fd4e00;}

.inner_board .in_form .mark_choice {overflow:hidden; margin-bottom:5px;}
.inner_board .in_form .mark_choice label {display:inline-block; float:left; overflow:hidden; margin-right:5px; background:#fff; border:1px solid #ddd; padding:6px;}
.inner_board .in_form .mark_choice label:hover {background:#f4f4f4; border:1px solid #888;}
.inner_board .in_form .mark_choice input {float:left; margin:0 5px; width:15px; height:15px;}

.inner_board .mark {display:inline-block; background: transparent  url('../images/common/ic_mark.png') left top repeat; width:75px; height:15px; float:left}
.inner_board .mark  span {display:inline-block; background: transparent  url('../images/common/ic_mark.png') left -20px repeat; height:15px;}



/* 일반 목록 */
.inner_board .in_list {overflow:hidden; border:1px solid #e2e2e2; margin-top:15px;}

.inner_board .posting_box {overflow:hidden; border-bottom:1px solid #e2e2e2; position:relative; padding:20px;}
.inner_board .posting_box:hover {background:#fafafa}
.inner_board .posting_box .btn_style_pack {position:absolute; right:0; top:0; margin:10px 15px;}
.inner_board .posting_box .name {font-weight:bold; color:#000; font-size:13px; overflow:hidden}
.inner_board .posting_box .name b {floaT:left;}
.inner_board .posting_box .name em {float:left;font-size:11px; font-style:normal; color:#888; font-family:tahoma; font-weight:normal; margin:0 10px;}
.inner_board .posting_box .conts {margin-top:10px; line-height:18px;}
.inner_board .posting_box .reply {background:#f5f5f5;  margin-top:20px;}
.inner_board .posting_box .reply li {border-top:1px dashed #bfbfbf; padding:15px; position:relative;}
.inner_board .posting_box .ic_reply {display:inline-block; background:transparent url('../images/common/ic_reply.gif') left top no-repeat; width:20px; height:15px; float:left;}



/* 점수표기있는 목록 */
.inner_board .marking_box {overflow:hidden; border-bottom:1px solid #e2e2e2; position:relative; padding:20px;}
.inner_board .marking_box:hover {background:#fafafa}
.inner_board .marking_box .btn_style_pack {position:absolute; right:0; top:0; margin:10px 130px 0;}

.inner_board .marking_box .name {font-weight:bold; color:#000; font-size:13px;}
.inner_board .marking_box .name em {font-size:11px; font-style:normal; color:#888; font-family:tahoma; font-weight:normal; margin-left:10px;}
.inner_board .marking_box .conts {margin-top:10px; line-height:18px; margin-left:120px;}

.inner_board .marking_box .mark {background-position:0 -540px; width:100px; height:20px; position:absolute; right:0; top:0; margin:15px;}
.inner_board .marking_box .mark span {background-position:0 -580px; height:20px;}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 그외 공통쓰임 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* 내용없을경우  */
.contents_none {text-align:center; overflow:hidden; padding:160px 0 60px 0; color:#888; background:transparent url('../images/common/contents_none.png') center 40px no-repeat;}
.contents_none b {display:block; font-weight:normal; line-height:18px;}


/* 페이지네이트  */
.common_paginate {text-align:center; margin-top:30px; }
.common_paginate .inner {display:inline-block; text-align:center; overflow:hidden;}

.common_paginate .btn {display:inline-block; padding:0 5px; float:left;}
.common_paginate .btn a {display:inline-block; width:30px; height:30px; border:1px solid #ccc; float:left; background:#fff url('../images/common/paginate.png') no-repeat;}

.common_paginate .btn .first {background-position:0 0; border-right:0}
.common_paginate .btn .first:hover {background-position:0 -30px; }
.common_paginate .btn .prev {background-position:-30px 0;}
.common_paginate .btn .prev:hover {background-position:-30px -30px;}
.common_paginate .btn .next {background-position:-60px 0; border-right:0}
.common_paginate .btn .next:hover {background-position:-60px -30px;}
.common_paginate .btn .last {background-position:-90px 0; }
.common_paginate .btn .last:hover {background-position:-90px -30px;} 

.common_paginate .number {display:inline-block; vertical-align:top; border:1px solid #ccc; float:left;}
.common_paginate .number a {line-height:30px; color:#8f8f8f; font-family:verdana; font-weight:bold; padding:0 10px; border-left:1px solid #e2e4ea; display:inline-block; font-size:14px; background:#fff; float:left;}
.common_paginate .number a:hover {color:#000; background:#fafafa}
.common_paginate .number a:first-child {border:none;}
.common_paginate .number .hit {color:#ff3a00;}


/* 페이지도움말 */
.guide_tip_box {background:#f3f3f3; border-bottom:1px solid #c2c2c2; padding:10px 25px 25px 25px; margin-top:30px;}
.guide_tip_box dt {background:transparent url('../images/common/ic_tip.png') left top no-repeat; overflow:hidden; font-weight:bold; color:#222; line-height:19px; margin-bottom:3px; margin-top:20px; padding-left:52px;}
.guide_tip_box dd {padding:6px 0 0 62px; color:#777; background:transparent url('../images/common/bullet.gif') 55px center no-repeat;}
.guide_tip_box b {color:#ff4e00; font-weight:normal;}


/* 내부설명글  */
.tip_text {color:#888; font-size:11px; display:inline-block; font-weight:normal; line-height:25px; padding:0 5px; letter-spacing:-1px;}
.tip_text b {color:#ff6c00!important; font-weight:normal}



/* 페이지상단/하단 버튼 */
.top_btn_area {float:right; overflow:hidden; padding-bottom:10px; text-align:right;}
.bottom_btn_area {overflow:hidden; padding-top:30px; text-align:center;}






/* 삭제예정

게시판/문의 폼(공통)   
.common_area .in_form {width:100%;}
.common_area .in_form td {border-bottom:1px solid #dadada; padding:10px 15px; vertical-align:middle; font-weight:bold;}
.common_area .in_form td:first-child {background:#f8f8f8; color:#333;}

.common_area .in_form input[type=text] {display:inline-block; background:#fff; border:1px solid #c6c6c6; padding:0 10px; height:35px; line-height:35px; color:#333}
.common_area .in_form input[type=text]:focus {background:#f4f4f4;  border:1px solid #444; color:#000}
.common_area .in_form input[type=file] {border:1px solid #d7d7d7; padding:0 10px; height:35px; line-height:35px;}

.common_area .in_form textarea {border:1px solid #d7d7d7; padding:10px; width:95%; display:block;}
.common_area .in_form textarea:focus {background:#f4f4f4;  border:1px solid #444; color:#000}
.common_area .in_form select {display:inline-block; border:1px solid #d7d7d7; padding:6px;}




.common_area .point_star {float:left; border-right:1px solid #e4e4e4; width:365px; }
.common_area .point_star .point_img {margin-bottom:5px;}
.common_area .point_star .point_img img {display:block}
.common_area .point_txt {margin-top:10px; font-size:11px; color:#777}
.common_area .point_txt dd {padding-top:5px; color:#777;}
.common_area .point_txt dd b {color:#4e89ff}

.common_area .point_info {float:left; margin-left:30px}
.common_area .point_info .title {font-weight:bold; margin-bottom:15px; color:#666}
.common_area .point_info .title b {color:#ff6c00; padding:0 5px}

.common_area .point_info .sm_tit {padding-bottom:10px;font-weight:bold; margin-top:30px;}
.common_area .point_info .tip_txt {color:#777; letter-spacing:0}

.common_area .point_info .p_info_box {background-color:#f1f1f1; width:400px; height:33px; margin-bottom:10px}
.common_area .point_info .p_info_box .point {height:33px; line-height:33px; font-weight:bold; padding:0 30px 0 10px; color:#666}
.common_area .point_info .p_info_box .point b {color:#ff0000; padding:0 5px 0 15px}
.common_area .point_info .p_info_box .point img {padding-left:7px; margin-top:-1px; vertical-align:middle}

.common_area .point_info .point_change {margin-top:30px; position:relative}
.common_area .point_info .point_change b {font-weight:bold; }

.common_area .point_info .point_change .btn_style_pack {position:absolute; left:0; top:0; margin:-2px 0 0 285px;}
.common_area .point_info .point_change input {display:inline-block; }
.common_area .point_info .point_change input[type=text] {margin-left:10px; border:1px solid #aeaeae; width:130px; height:18px}



*/