@charset "utf-8";

/* 최종작업 : 2013-09-13 */

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


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


/* 이미지버튼 ------------------------------------------------------- */
.btn_style_pack {display:inline-block; /*margin-top:10px;*/}
.btn_style_pack *{background: transparent url('/pages/images/common/btn_pack.png') no-repeat; }
.btn_style_pack a {margin:0 5px; position:relative; float:left; font-weight:bold; text-align:center; letter-spacing:-1px;}
.btn_style_pack .right {top:0; right:0; position:absolute; margin-right:-3px;}

.btn_style_pack .btn_sm_white {background-position:0 0; height:25px; line-height:24px; padding:0 12px 0 15px; font-size:11px; color:#333;}
.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_ss_white {font-weight:normal; background-position:0 -340px; height:25px; line-height:26px; padding:0 10px 0 10px; font-size:11px; color:#5c5d61;}
.btn_style_pack .btn_ss_white span {background-position:-497px -340px; width:3px; height:25px;}
.btn_style_pack .btn_ss_white:hover {background-position:-600px -340px; color:#5c5d61}
.btn_style_pack .btn_ss_white:hover span {background-position:-1097px -340px;}


.btn_style_pack .btn_ss_gray {font-weight:normal; background-position:0 -380px; height:25px; line-height:26px; padding:0 10px 0 10px; font-size:11px; color:#fff;}
.btn_style_pack .btn_ss_gray span {background-position:-497px -380px; width:3px; height:25px;}


.btn_style_pack .btn_sm_black {background-position:0 -30px; height:25px; line-height:24px; padding:0 12px 0 15px; font-size:11px; color:#fff}
.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_md_white {background-position:0 -70px; height:35px; line-height:33px; padding:0 17px 0 20px; font-size:13px; color:#333}
.btn_style_pack .btn_md_white span {background-position:-497px -70px; width:3px; height:35px;}
.btn_style_pack .btn_md_white:hover {background-position:-600px -70px;}
.btn_style_pack .btn_md_white:hover span {background-position:-1097px -70px;}


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


.btn_style_pack .btn_lg_white {background-position:0 -180px; height:55px; line-height:55px; padding:0 30px 0 40px; font-size:15px; color:#333; margin-right:15px;}
.btn_style_pack .btn_lg_white span {background-position:-485px -180px; width:15px; height:55px; margin-right:-15px;}
.btn_style_pack .btn_lg_white:hover {background-position:-600px -180px;}
.btn_style_pack .btn_lg_white:hover span {background-position:-1085px -180px}

 
.btn_style_pack .btn_lg_color {background-position:0 -260px; height:55px; line-height:55px; padding:0 30px 0 40px; font-size:16px; color:#fff; margin-right:15px;}
.btn_style_pack .btn_lg_color span {background-position:-485px -260px; width:15px; height:55px; margin-right:-15px;}
.btn_style_pack .btn_lg_color:hover {background-position:-600px -260px;}
.btn_style_pack .btn_lg_color:hover span {background-position:-1085px -260px;;}




/* 인풋버튼으로 쓸경우 */
.btn_style_pack .btn_input {background:none; position:relative; margin:0 5px; position:relative; float:left;}
.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_md_white+.right {background-position:-497px -70px; width:3px; height:35px;}
.btn_style_pack .btn_input .btn_md_white:hover+.right {background-position:-1097px -70px;}

.btn_style_pack .btn_input .btn_md_black+.right {background-position:-497px -110px; width:3px; height:35px;}
.btn_style_pack .btn_input .btn_md_black:hover+.right {background-position:-1097px -110px;}

.btn_style_pack .btn_input .btn_lg_white+.right {background-position:-485px -180px; width:15px; height:55px; margin-right:0;}
.btn_style_pack .btn_input .btn_lg_white:hover+.right {background-position:-1085px -180px;}

.btn_style_pack .btn_input .btn_lg_color+.right {background-position:-485px -260px; width:15px; height:55px; margin-right:0;}
.btn_style_pack .btn_input .btn_lg_color:hover+.right {background-position:-1085px -260px;}

.btn_style_pack .lineup {display:inline-block; background:none}



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

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

.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 .dark {background:#474747!important;}
.shop_state_pack .light {background:#b4b4b4!important;}
.shop_state_pack .black {background:#000!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; background-position:-240px -120px; width:36px; height:36px; margin:-18px 10px 0 0}
.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 .form .upload {position:absolute; right:0; top:0; background:#e6e6e6; border:1px solid #c6c6c6; width:100px; height:80px; overflow:hidden;}
.ly_pop .form .upload input[type=file] {height:80px; margin-left:-195px; font-size:18px; filter:alpha(opacity=0); opacity:0; position:absolute;}
.ly_pop .form .upload .ic_upload {background-position:-133px -110px; width:100px; height:80px;}

.ly_pop .form .mark_choice {overflow:hidden; margin:15px 0;}
.ly_pop .form .mark_choice label {float:left; overflow:hidden; margin-right:20px;}
.ly_pop .form .mark_choice input {float:left;}
.ly_pop .form .mark_choice .mark {background-position:0 -540px; width:100px; height:20px;}
.ly_pop .form .mark_choice .mark  span {background-position:0 -580px; height:20px;}

.ly_pop .form .textarea textarea {background:#fff; border:1px solid #c6c6c6; background:none; width:97%; height:100px; padding:10px; overflow-y:scroll; color:#999}
.ly_pop .form .textarea textarea: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:150px;}
.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 .secret {overflow:hidden; position:relative;}
.ly_pop .secret .input {position:relative;width:250px;text-align:center;margin:auto }
.ly_pop .secret .input input[type=password] {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 .secret .input input[type=password]: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:#529ece}

.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;}
.subscription .form input[type=text] {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; font-weight:bold; line-height:20px; padding-top:20px}

.subscription .close {text-align:center; border-top:1px solid #eee}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 주문 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* 주문탑 --------------------------------------------------------------- */
.shop_order_top {background: transparent url('/pages/images/title_bg.gif') left top repeat; 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-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:13px;}
.shop_order_top .process em {display:block; padding-top:3px; color:#fff; font-size:13px;color:#777b87;}
.shop_order_top .process .ic_arrow2 {background-position:-270px 0; width:24px; height:40px;}
.shop_order_top .process .ic_check {background-position:-310px -6px; width:15px; height:15px; position:absolute; left:50%; top:0; margin:-15px 0 0 -13px}


/* 주문 --------------------------------------------------------------- */
.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; margin:0 0 20px 0;}

.shop_order_area .group_title {font-weight:bold; letter-spacing:-1px; font-size:16px; border-bottom:2px solid #6c6e70; padding-bottom:10px; position:relative; overflow:hidden; margin-top:50px;}
.shop_order_area .group_title b {color:#0080c5; font-size:16px;vertical-align:top;}
.shop_order_area .group_title .ic_pen {background-position:-460px 0; width:22px; height:20px; float:left; margin-right:10px;}

.shop_order_area .explain {position:absolute; right:0; top:0; font-weight:normal; line-height:25px;}


/* 입점업체 */
.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:#0080c5;}


/* 옵션선택추가 2013-09-30 */
.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; 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;}
.shop_order_area .list_TB .contents_none {font-weight:bold; color:#333; border:none; padding:100px 0;}

/* 장바구니 2014-04-21 추가변경*/
.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 15px; 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 .price {border-left:1px dashed #d7d7d7; font-weight:normal; text-align:right; padding-right:15px;}
.shop_order_area .order_tb .stock {border-left:1px dashed #d7d7d7; font-weight:normal; text-align:center;}
.shop_order_area .order_tb .status {border-left:1px dashed #d7d7d7; font-weight:normal; text-align:right; padding-right:15px;}
.shop_order_area .order_tb .product_status {border-left:1px dashed #d7d7d7; font-weight:normal;}

.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_style_pack {overflow:hidden; margin-top:5px; margin-left:0px; font-weight:bold; margin-right:0}

.shop_order_area .order_tb .btn_area {border-left:1px dashed #d7d7d7; font-weight:bold; text-align:right; padding-right:15px;}

.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 .order_tb .pro_option {padding-top:5px;  position:relative;}

.shop_order_area .order_tb .pro_option span {padding:3px 0px;}

.shop_order_area .option_box {background:#fbfbfb; border:1px solid #d1d1d1; margin-top:7px}
.shop_order_area .option_box .inner {padding:0px 12px 0px 8px; border-top:1px solid #d1d1d1; overflow:hidden;}
.shop_order_area .option_box > div:first-child {border-top:none}
.shop_order_area .option_box .inner > div {clear:both; border-top:1px dashed #e1e1e1; overflow:hidden; padding:8px 0 7px 0}
.shop_order_area .option_box .inner > div:first-child {border-top:none; }
.shop_order_area .option_box .opt_add {float:left; letter-spacing:-1px; color:#898896; font-size:11px; line-height:15px;margin-right:10px;}
.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 {vertical-align:middle; margin:6px 0 0 0}
.shop_order_area .coupon_check .checkbox {margin-right:3px; vertical-align:middle}
.shop_order_area .coupon_check em {margin-right:5px; font-size:11px; vertical-align:middle}

.shop_order_area .order_tb .contents_none {font-weight:bold; color:#333; border:none; padding:100px 0;}

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


/* 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-position:-271px -47px; width:21px; height:25px;}
.shop_order_area .sum_first .ic_minus {background-position:-321px -61px; width:21px; height:21px;}
.shop_order_area .sum_first .ic_equal {background-position:-361px -46px; 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-size:14px; margin-right:3px; vertical-align:baseline;} /* 가격 */
.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:first-child {border-bottom:1px solid #dedede; overflow:hidden; height:100%;}
.shop_order_area .benefit ul:last-child {border-bottom:1px solid #dedede; overflow:hidden; height:100%;}
.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; position:relative; top:0; left:0;}
.shop_order_area .benefit .point {font-size:16px; color:#000; font-weight:bold;}
.shop_order_area .benefit .point b {color:#0080c5; vertical-align:baseline;}
.shop_order_area .benefit .point .guide_txt {color:#717171;  font-size:11px; margin-top:10px; }
.shop_order_area .benefit .point .guide_txt b {color:#0080c5}

.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; color:#000; width:100px; font-size:12px;}
.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('/pages/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('/pages/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:60px 0 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:40px 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; line-height:30px}

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

.shop_order_area .sum_last .ic_plus {background-position:-270px -80px; width:21px; height:21px;}
.shop_order_area .sum_last .ic_minus {background-position:-321px -80px; width:21px; height:21px;}
.shop_order_area .sum_last .ic_equal {background-position:-361px -80px; 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-size:20px; margin-right:3px;} /* 가격 */
.shop_order_area .sum_last .price em {display:block; font-style:normal; font-size:15px; line-height:15px; color:#fff; margin-bottom:5px;} /* 항목 */
.shop_order_area .sum_last .white b {color:#fff}
.shop_order_area .sum_last .blue b {color:#00aeff; vertical-align:baseline;}
.shop_order_area .sum_last .yellow b {color:#fffc00; vertical-align:baseline;}



/* 입력폼테이블 */
.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:5px 5px 0 0; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}
.shop_order_area .form_TB input[type=radio] {margin:5px 5px 0 0; 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;}
.shop_order_area .form_TB textarea:focus {border:1px solid #555; background:#fafafa}

.shop_order_area .form_TB b {color:#0080c5; vertical-align:baseline;}

.shop_order_area .form_TB label {overflow:hidden; float:left; margin-right:30px;}

.shop_order_area .form_TB .input_number {font-weight:bold; 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;}
.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 input[type=radio] {margin-right:5px; vertical-align:middle; width:13px; height:13px; *vertical-align:2px}



/* 주문완료메세지 */
.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:-1px; 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_top {background: transparent url('/pages/images/title_bg.gif') left top repeat; 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-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;}
.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; margin:0 0 20px 0;}


/* 그룹타이틀 */
.member_join_area .group_title {font-size:16px; color:#333; border-bottom:2px solid #6c6e70; padding-bottom:10px; letter-spacing:-1px; font-weight:bold; position:relative; overflow:hidden; margin-top:50px;}
.member_join_area .group_title b {color:#f20000; font-size:16px;}
.member_join_area .group_title .ic_pen {background-position:-460px 0; width:22px; height:20px; float:left; margin-right:10px;}

.member_join_area .explain {position:absolute; right:0; top:0; font-weight:normal; line-height:25px; font-size:11px; color:#999; letter-spacing:0;}


/* 입력폼테이블 */
.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:#0080c5;}

.member_join_area .form_TB .label {overflow:hidden; float:left; margin-right:30px;}

.member_join_area .form_TB .input_number {font-weight:bold; 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 .form_TB .check {margin:0 10px; vertical-align:middle;}
.member_join_area .form_TB .radio {margin:0 10px; vertical-align:middle;}
.member_join_area .form_TB .select {border:1px solid #ccc; padding:3px;}

/* 정보공개동의 */
.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;}
.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:0 0 20px 0; 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('/pages/images/common/btn_login.png') center center no-repeat; margin-bottom:20px;}

.member_login_form .form .btn_style_pack {margin-bottom:10px;}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 고객센터/마이페이지 레이아웃 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* 구분사선 */
.oblique_line {background: transparent url('/pages/images/common/oblique_line.png') left top repeat; height:10px;}


/* 탭네비 */
.sub_tab_nav {clear:both; background-color:#cbccd1; border:1px solid #a2a6a9; /*border-right:1px solid #dadada;*/ overflow:hidden; }

.sub_tab_nav a {text-align:center;width:143.5px;font-size:12px; display:inline-block; float:left; height:40px; line-height:40px; padding:0 11px; font-weight:bold; /*background:transparent url('/pages/images/common/tab_line_bg.gif') right top repeat-y;*/ color:#3d414e!important;}
.sub_tab_nav a:nth-child(1), .sub_tab_nav a:nth-child(2), .sub_tab_nav a:nth-child(3), .sub_tab_nav a:nth-child(4), .sub_tab_nav a:nth-child(5){border-right:1px solid #a2a6a9; border-bottom:1px solid #a2a6a9;}
.sub_tab_nav a:nth-child(6){border-bottom:1px solid #a2a6a9;}
.sub_tab_nav a:nth-child(7),.sub_tab_nav a:nth-child(8), .sub_tab_nav a:nth-child(9), .sub_tab_nav a:nth-child(10), .sub_tab_nav a:nth-child(11){border-right:1px solid #a2a6a9;}

.sub_tab_nav a:hover {background:#a5a7b0; color:#fff!important;}
.sub_tab_nav .hit {color:#0080c5!important; background-color: #fff; font-size:12px; /*padding:0 40px;*/}
.sub_tab_nav .hit:hover {color:#0080c5!important; background-color: #fff;}

.sub_tab_title {text-align:center; border-bottom:1px solid #6c6e70; padding-bottom:30px; font-size:16px; font-weight:bold; color:#d61b1b; display:none;}

.border_none a{border-bottom:none !important;}


/* 고객센터 --------------------------------------------------------------- */
.service_top {background: transparent url('/pages/images/title_bg.gif') left top repeat; 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-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: transparent url('/pages/images/title_bg.gif') left top repeat; 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-size:30px; margin-left:5px;}
.mypage_top .page_explain {float:left; overflow:hidden; line-height:115px; color:#ccc; letter-spacing:-1px; font-size:11px;}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 공통내용 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* 전체 */
.common_area {background:#fff; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #959595; padding:40px 40px 40px 40px; margin:0 0 30px 0; overflow:hidden;min-height:600px;}
.company {padding:0}


/* 텍스트페이지 ----------------------------------------- */
.common_area .fulltext {overflow:hidden; line-height:18px; white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ }
.common_area .fulltext b {background:#f8f8f8 url(/pages/images/common/stitle_icon.gif) 10px center no-repeat; background-size:16px; padding:10px 20px 5px 30px; color:#333; font-weight:bold; display:block;}
.common_area .fulltext strong {background:#f8f8f8 url(/pages/images/common/stitle_icon.gif) 10px center no-repeat; background-size:16px; padding:10px 20px 5px 30px; color:#333; font-weight:bold; display:block;}
.common_area .fulltext em {color:#ff6000; font-weight:bold; vertical-align:baseline;}



/* 상단보더박스(중요정보출력) ----------------------------------------- */
.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; position:relative;}
.common_area .faq_search .ic_search {background-position:-480px 0; width:45px; height:40px; float:left; margin-top:8px;}
.common_area .faq_search .faq_input {float:left;  margin:10px 3px; }
.common_area .faq_search .faq_input input[type=text] {display:block; border:1px solid #ccc; padding:0 10px; height:33px; line-height:33px; width:280px; 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 .mypage {position:relative;}
.common_area .mypage .ic_my {background-position:-500px -300px; width:70px; height:60px; position:absolute; left:0; top:50%; margin:-30px 0 0 15px}
.common_area .mypage .info_title {font-weight:bold; font-size:20px; /*padding-bottom:15px; border-bottom:1px dashed #ccc*/}
.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:#0080c5; font-size:16px; vertical-align:baseline; margin:5px;}
.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 .cscenter_visual {overflow:hidden; margin-bottom:20px; position:relative; background:transparent url(/pages/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 .ic_Q {background-position:-40px -479px; width:20px; height:21px; margin:0 15px; float:left;}
.common_area .board_faq .ic_A {background-position:-80px -479px; width:20px; height:21px; position:absolute; left:0; top:0; margin:20px 50px;}
.common_area .board_faq .ic_open {background-position:-120px -479px; width:20px; height:20px; margin:0 15px; float:right; }
.common_area .board_faq .ic_close {background-position:-140px -479px; 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;}




/* 게시판목록 ----------------------------------------- */
.common_area .board .btn_style_pack {display:block; text-align:right; padding-bottom:5px;}
.common_area .board .mypage .btn_style_pack {display:inline-block; text-align:right; padding-bottom:5px;}


.common_area .board_list {width:100%;}
.common_area .board_list th {background:#f8f8f8 url(/pages/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(/pages/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-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-size:13px; color:#333; }
.common_area .board_list .reply {font-size:11px; color:#4ea2d2; font-weight:bold;}

.common_area .board_list .ic_new {background-position:-180px -479px; width:14px; height:13px; margin-left:5px; float:left;}
.common_area .board_list .ic_secret {background-position:-260px -479px; width:14px; height:14px; margin-left:5px; 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-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 .conts_reply .ic_A {background:transparent url(/pages/images/default_shop/default_shop_pack.png) -770px 0 no-repeat; width:30px; height:20px; display:inline-block; float:left; margin-right:5px;}


.common_area .board_view .ic_file {background-position:-300px -480px; width:20px; height:20px;}
.common_area .board_view .ic_prev {background-position:-320px -480px; width:20px; height:20px;}
.common_area .board_view .ic_next {background-position:-340px -480px; 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;}



/* 게시판/문의 폼(공통) 2013-09-17 누락추가 ---------------------------------------------------------- */
.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 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;}
.common_area .board_form textarea:focus {border:1px solid #555; background:#fafafa}
/*
.common_area .board_form .ic_ess {display:inline-block; background: transparent url(/pages/images/default_shop/default_shop_pack.png) -190px 0 no-repeat; width:12px; height:10px; margin-left:5px;}*/
.common_area .board_form .ic_ess {display:inline-block; background-position:-420px -50px; width:14px; height:10px; margin-left:5px;}

.common_area .board_form .input_number {font-weight:bold; 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 .ic_comment {background-position:-380px -480px; width:20px; height:20px; float:left; margin-right:5px;}
.common_area .comment_top .title {float:left; font-size:15px; font-weight:bold;}
.common_area .comment_top .text {float:right; line-height:30px; color:#666; 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:#0080c5}


.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 {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;}



/* 게시판/문의 폼(공통) ---------------------------------------------------------- */
.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 .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:2px 0 0 20px;}

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

.common_area .mypage_list .price {color:#999999; text-align:center;}
.common_area .mypage_list .price b{color:#333; vertical-align:baseline;}

.common_area .mypage_list .point_add {color:#ff6600; font-weight:bold; text-align:right;}
.common_area .mypage_list .point_use {color:#008df0; font-weight:bold; text-align:right;}
.common_area .mypage_list .period {color:#da0000; 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:#0080c5; 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:#0080c5; 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;}



/* 마이페이지-에서만 약간변경된 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 ; }





/* 참여점수추가 ------------------------------------------- */ /* 2013.09.25 추가 */
.common_area .mypoint_box {background:#fff; border:5px solid #e4e4e4; margin-bottom:20px; padding:30px; overflow:hidden;}
.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:#0080c5; 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}



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


/* 내부게시판 목록 */
/*.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;}
.inner_board .posting_box .name em {font-size:11px; font-style:normal; color:#888; font-family:tahoma; font-weight:normal; margin-left: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 .reply .ic_reply {background-position:-410px -480px; width:20px; height:15px; float:left;}
*/
/* 일반 목록 */
.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-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 .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-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-weight:normal; margin-left:10px;}
.inner_board .marking_box .conts {margin-top:10px; line-height:18px; margin-left:120px;}
.inner_board .marking_box .profile {background: #ededed url('/pages/images/common/profile_none.png') center bottom no-repeat; width:100px; height:80px; border:1px solid #c1c1c1; float:left; margin-right:15px; overflow:hidden;}
.inner_board .marking_box .profile img {width:100px; height:80px;}

.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;}



/* 내부게시판글쓰기 */
.inner_board {overflow:hidden; background:#fff;  padding:20px 19px;}
.inner_board .guide {background:#fff; padding:20px 0px 20px 0px;}
.inner_board .guide .guide_txt {overflow:hidden;}
.inner_board .guide .guide_txt dt {font-size:14px; 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:#0080c5; font-size:14px; vertical-align:baseline;}
.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 {overflow:hidden; position:relative;}
.inner_board .in_top .img {float:left; display:inline-block; margin-top:30px}

.inner_board .in_top .guide_txt {float:left; margin:30px 0 0 30px;}
.inner_board .in_top .guide_txt dt {font-size:16px; font-weight:bold; color:#000; margin-bottom:5px;}
.inner_board .in_top .guide_txt dd {background: transparent url('/pages/images/bullet.gif') left center no-repeat; padding:3px 6px;}

.inner_board .in_top .btn_style_pack {position:absolute; right:0; top:0; margin:30px 0 0 0}
.inner_board .in_top .btn_lg_color {position:absolute; right:0; top:-65px; width:155px;}
*/

.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;}


.board_title_area {position:relative; display:block; margin-bottom:5px; height:35px; line-height:35px; margin-top:25px; overflow:hidden;}
.board_title_area .comment_title {float:left; overflow:hidden; margin-top:7px}
.board_title_area .sns_area {float:right; line-height:35px; }
.board_title_area .sns_area .sns_text {position:absolute; top:0; left:0; margin-left:490px; line-height:35px; color:#666; font-size:11px; margin-right:10px}
.board_title_area .sns_area .sns_icon {float:right; display:inline-block; margin-top:7px}
.board_title_area .sns_area .sns_icon a {display:inline-block; margin-left:2px}

/*.inner_board .in_form {overflow:hidden; background: #f2f2f2  url('/pages/images/pattern_check.png') left top repeat; padding:15px; 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; margin:15px}
.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 {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;}

.product_info2{padding-top:30px;}

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

/* float 가운데정렬시키기 */
.lineup_center {display:inline-block;}




/* 하단검색 ----------------------------- */
.bottom_search {text-align:center; background:#fbfbfb; border:1px solid #e6e6e6; padding:10px; margin-top:30px;}

.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;}




/* 페이지도움말 */
.guide_tip_box {background:#f3f3f3; border-bottom:1px solid #c2c2c2; padding:25px; margin-top:30px;}
.guide_tip_box dt {overflow:hidden; font-size:13px; font-weight:bold; color:#222; line-height:19px; margin-bottom:3px; border-top:1px dashed #c2c2c2; padding-top:20px; margin-top:20px;}
.guide_tip_box dt:first-child {border-top:0; padding-top:0; margin-top:0;}

.guide_tip_box .ic_tip {background-position:-390px 0; width:44px; height:19px; float:left; margin-right:10px;}
.guide_tip_box .ic_bullet {background-position:-580px 0; width:11px; height:10px; float:left; margin-right:5px;}

.guide_tip_box dd {padding:6px 0 0 55px; color:#777;}
.guide_tip_box b {color:#ff4e00; vertical-align:baseline;}



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


/* 페이지하단버튼 --------------------------------------------*/
.bottom_btn_area {overflow:hidden; padding-top:30px; text-align:center !important;}
.bottom_btn_area .btn_style_pack {text-align:center !important;}


/* 설명글 -------------------------------------------- */
.tip_text {color:#888; font-size:11px; display:inline-block; font-weight:normal; line-height:25px; padding:0 5px; float:left;}
.tip_text b {color:#ff6c00!important;}
.tip_clear {clear:both; display:block !important; width:100%}


/* 내용없을경우 ------------------------------------------------------- */
.contents_none {text-align:center; overflow:hidden; padding:100px 0; color:#333;}
.contents_none b {display:block;}
.contents_none .ic_none {background-position:-139px 0; width:93px; height:93px; margin-bottom:20px;}




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

.common_paginate .btn {display:inline-block; padding:0 5px;}
.common_paginate .btn a {display:inline-block; width:30px; height:30px; border:1px solid #e2e4ea; float:left;}

.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; }
.common_paginate .number a {line-height:30px; color:#8f8f8f; font-weight:bold; padding:0 10px; border-left:1px solid #e2e4ea; display:inline-block; font-size:14px}
.common_paginate .number a:hover {color:#000;}
.common_paginate .number a:first-child {border:none;}
.common_paginate .number .hit {color:#0080c5;}



/* 이메일,문자보내기 2014-04-18 추가*/
#send_form {background:#2a2b2f; min-width:300px;}

#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_area {overflow:hidden; margin-top:10px; position:relative;}
#send_form .btn_area a {display:block; text-align:center; font-weight:bold; font-size:14px; height:40px; line-height:34px; color:#fff;}
#send_form .btn_area .btn_ok {background:transparent url('/pages/images/common/send_form_bg01_hv.gif') repeat-x; height:34px; margin-right:105px; border-left:1px solid #21252a; border-right:1px solid #21252a;}
#send_form .btn_area .btn_cancel {background:transparent url('/pages/images/common/send_form_bg02.gif') repeat-x; height:34px; position:absolute; right:0; top:0; width:100px; color:#333;}
/*
#send_form .btn_area .btn_ok:hover {background:transparent url('/pages/images/common/send_form_bg01_hv.gif') repeat-x; height:34px;}
#send_form .btn_area .btn_cancel:hover {background:transparent url('/pages/images/common/send_form_bg02_hv.gif') repeat-x;}
*/







/* 참여점수추가 */
.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-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('/pages/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('/pages/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('/pages/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('/pages/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; vertical-align:baseline;color:#0080c5; 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-size:16px; font-weight:bold;}
.common_area .my_level_point .btn_style_pack {position:absolute; left:180px; top:1px}


/* 팝업창 ------------------------------------------------------- 

.popup {position:absolute;  background:#424446; padding:5px; z-index:1000;}
.popup .img {overflow:hidden;}
.popup .btn_area {white-space:nowrap;line-height:30px; font-size:11px; font-family:dotum, verdana; color:#fff; letter-spacing:-1px;}
.popup .btn_area input {margin-right:5px;}
.popup .btn_close {position:absolute; right:0; margin:8px 10px;}
*/

/* 에디터 Override */
.editor { background: transparent; height: 100%; margin: 0; }
.editor {font-family:inherit;  color: inherit; font-size: 12px; }
.editor span, .editor b, .editor p, .editor em, .editor strong, .editor div { color: inherit;}
.editor p { margin: 0; padding: 0; }
.editor ul, .editor ul li { list-style-type: disc; list-style-position: inside;  padding-left:1em; margin-left:0;}
.editor ol, .editor ol li { list-style-type: decimal; list-style-position: inside;  padding-left:1em; margin-left:0;}
.editor span { display: inline; font-size: inherit; font-style: inherit; font-weight: inherit; }
.editor em {font-style:italic;}
.editor b {font-weight:bold;}
.editor strong {font-weight:bold;}
.editor img { max-width: 100% !important; vertical-align: top;}
.editor table { margin: inherit; padding: inherit; border:inherit; border-collapse:collapse; border-spacing:inherit; background-image:inherit; border-color: inherit; }
.editor td { border-width: 1px; border-style: solid; border-color: transparent; }

.editor div, .editor img { max-width: 100%!important; }

.editor_content { background: transparent; min-height: 350px; padding: 10px; margin: 0; }
.editor_content {font-family:inherit;  color: inherit; font-size: 12px; }
.editor_content span, .editor_content b, .editor_content p, .editor_content em, .editor_content strong, .editor_content div { color: inherit;}
.editor_content p { margin: 0; padding: 0; }
.editor_content ul, .editor_content ul li { list-style-type: disc; list-style-position: inside;  padding-left:1em; margin-left:0;}
.editor_content ol, .editor_content ol li { list-style-type: decimal; list-style-position: inside;  padding-left:1em; margin-left:0;}
.editor_content span { display: inline; font-size: inherit; font-style: inherit; font-weight: inherit; }
.editor_content em {font-style:italic;}
.editor_content b {font-weight:bold;}
.editor_content strong {font-weight:bold;}
.editor_content img { max-width: 100% !important;}
.editor_content table { margin: inherit; padding: inherit; border:inherit; border-collapse:collapse; border-spacing:inherit; background-image:inherit; border-color: inherit; }

.editor_content div, .editor_content img { max-width: 100%!important; }


/* 2014-11-14 */

.member_ly_pop {background:#fff; display:none; overflow:hidden; }
/* .member_ly_pop div, li,span,a,th,td,input,textarea,pre {font-family:NanumGothic;} */
.member_ly_pop .btn {margin-bottom:15px; overflow:hidden;}
.member_ly_pop .btn_left {float:left;}
.member_ly_pop .btn_right {float:right;}
.member_ly_pop .btn_center {text-align:center;}

.cancel_virtual {background:#fff; height:box-shadow:0 0 20px #000; width:550px; height:380px; left:50% !important; top:50% !important; margin:-190px 0 0 -270px; overflow:hidden}
.cancel_virtual input {border:0; background:none;}
.cancel_virtual .title_box {background:#2d3234; height:60px; line-height:60px; color:#fff; font-size:20px; text-align:center;}
.cancel_virtual .form_box {padding:25px 30px; overflow:hidden}
.cancel_virtual .form_box li {padding:5px 0; position:relative; border-bottom:1px dashed #ddd}
.cancel_virtual .form_box .opt {position:absolute; width:120px; left:0; top:15px; font-size:13px; }
.cancel_virtual .form_box .value {margin-left:120px; overflow:hidden;}
.cancel_virtual .form_box .value input {background:#dedede; border-top:1px solid #bababa; border-left:1px solid #bababa; width:100%; text-indent:10px; padding:10px 0; font-size:13px;}
.cancel_virtual .form_box .value input:focus {background:#c2c2c2; border-top:1px solid #666; border-left:1px solid #666; color:#000; font-weight:600}
.cancel_virtual .form_box .double input {width:65%; float:right;}
.cancel_virtual .form_box .double select {width:32%; float:left; padding:8px 0}

.cancel_virtual .btn_box {overflow:hidden; margin-top:20px;}
.cancel_virtual .btn_box .btn_common {color:#fff; text-align:center; padding:15px 0; font-size:15px; cursor:pointer; font-weight:600}
.cancel_virtual .btn_box .btn_confirm {float:left; background:#e00002; width:70%;}
.cancel_virtual .btn_box .btn_close {float:right; background:#838383; width:29%;}