/*layout css*/

/*»óÇ°ÆäÀÌÁö_¸®½ºÆ®*/
ul.product_tab{overflow:hidden; margin-bottom:25px; }
ul.product_tab li{float:left; width:50%; text-align:center;}
ul.product_tab li a { display:block; padding:8px 0px 10px; border-top:3px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #0099d7; font-weight:bold; font-size:14px; color:#777; }
ul.product_tab li a.on{ border-top:3px solid #0099d7; border-left:1px solid #0099d7; border-right:1px solid #0099d7; border-bottom:1px solid #fff; color:#333; }
ul.product_tab li:first-child{}

ul.product_list{overflow:hidden}
ul.product_list li{width:225px; float:left; border:solid 1px #e6e6e6; margin:0px 7px 15px 8px;}
ul.product_list li .top{overflow:hidden}
ul.product_list li .top p.bs{width:136px;height:30px; float:left; color:#fff; font-weight:bold; text-align:center; line-height:28px; background:#0099d7}
ul.product_list li .top a{display:inline-block; padding:5px 0 0 15px}
ul.product_list li .center{width:225px;height:227px; text-align:center; vertical-align:middle; display:table-cell}

ul.product_list li .bottom p{text-align:center;}
ul.product_list li .bottom p a span.title{color:#0099d7; font-size:15px; font-weight:bold}
ul.product_list li .bottom dl dd{color:#959595}

ul.product_list li .bottom .priceArea{text-align:center; padding:20px 0 30px 0; height:19px;}


/*»óÇ°ÆäÀÌÁö_ÀÚ¼¼È÷º¸±â*/
.product_detailArea{border-top:solid 2px #0099d7; border-bottom:solid 1px #e6e6e6; overflow:hidden;}
.product_detailArea .leftWrap{float:left; position:relative;}
.product_detailArea .left_bottom{position:absolute; top:335px; left:128px}
.product_detailArea .left{width:357px; height:383px; text-align:center; display:table-cell; vertical-align:middle;}
.product_detailArea .right{float:left; padding:40px 0 0 30px;}
.product_detailArea .right h3{font-size:19px; font-weight:bold; color:#0099d7; padding-bottom:25px;}
.product_detailArea .right ul li{padding-top:7px;}
.product_detailArea .right ul li:first-child{padding-top:0}

.product_detailText{padding-top:50px}
.product_detailText p.title{font-size:18px; font-weight:bold; padding-bottom:15px}
.product_detailText ul li{padding-top:40px}
.product_detailText ul li:first-child{padding-top:0}
.product_detailText dl dt{font-weight:bold; font-size:13px; padding-bottom:3px}

table.d_table{border:solid 1px #e6e6e6; border-top:solid 2px #0099d7; margin-top:20px;}
table.d_table th{background:#f9f9f9}
table.d_table th, table.d_table td{border-left:solid 1px #e6e6e6; padding:0 15px; text-align:center;}
table.d_table tr{height:30px; border-bottom:solid 1px #e6e6e6}

/*Å×À̺í*/
#contents .cont_main table{text-align:center}
#contents .cont_main table tr.top{border-top:solid 2px #0099d7; border-bottom:solid 1px #e6e6e6;height:50px; background:#f9f9f9}
#contents .cont_main table tr.bottom td{height:75px; background:#f9f9f9}
#contents .cont_main table tr.border_bottom{border-bottom:solid 1px #e6e6e6}
#contents .cont_main table .border_right{border-right:solid 1px #e6e6e6}
#contents .orderArea th{background:#efefef}
#contents table.table_order th{height:20px}
#contents .cont_main .table_main td{height:70px}
/* #contents .cont_main input{border:solid 1px #c9c9c9} */
#contents .cont_main .txt_box { border:1px solid #c9c9c9; }
#contents .radioArea input{margin-right:3px}
#contents .radioArea ul{overflow:hidden}
#contents .radioArea ul li{float:left; margin-right:7px}

#contents table.table_order_comp{border-top:solid2px #0099d7; border-bottom:solid 1px #e6e6e6;}
#contents table.table_order_comp th{height:35px; background:#f9f9f9}
#contents table.table_order_comp tr{border-top:solid 1px #e6e6e6}
#contents table.table_order_comp tr:first-child{border-top:none}
#contents table.table_order_comp td{text-align:left; padding-left:15px; font-weight:bold; color:#f26522}

/*°ßÀû¼­ ¹ß¼Û*/ 
#contents .gjArea{text-align:right; padding-top:30px; overflow:hidden; clear:both;}
#contents .gjArea p{text-align:right; padding-bottom:10px }
#contents .gjArea input{width:110px;height:23px; border:solid 1px #d6d6d6}
#contents .gjArea label{font-weight:bold}
#contents .gj_inputArea{float:right}

/*°áÁ¦*/
#contents .cont_main .orderArea_1{margin-top:70px}
#contents .cont_main .orderArea_1 .table_order{border-bottom:solid 2px #e6e6e6; }
#contents .cont_main .orderArea_1 .table_order tr:first-child{border-top:solid 2px #e6e6e6}
#contents .cont_main .orderArea_1 .table_order tr{border-bottom:solid 1px #e6e6e6}
#contents .cont_main .orderArea_1 .table_order td{height:45px; text-align:left; padding-left:15px}
#contents .cont_main .orderArea_1 .table_order td.order_tell input{width:45px;}
#contents .cont_main .orderArea_1 .table_order3 th{text-align:left; padding-left:20px}

/*°áÁ¦¿Ï·á*/
#contents .cont_order_result{border:solid 1px #c9c9c9; border-right:0; border-left:0; padding:60px 0px; margin-top:40px}
#contents .cont_order_result p{text-align:center}
#contents .cont_order_result p.title_order_result{font-size:37px; font-weight:bold; padding-bottom:40px; color:#0099d7}
#contents .cont_order_result p.text_order_result{font-size:15px}
#contents .cont_order_result ul{width:830px; margin:0 auto; overflow:hidden; text-align:center; padding-top:30px}
#contents .cont_order_result ul li{float:left; padding-left:5px;}
#contents .cont_order_result ul li:first-child{padding-left:0}

/*¹è¼ÛÁ¶È¸*/
#contents ul.order_list_title{overflow:hidden; padding-bottom:10px}
#contents ul.order_list_title li{float:right; font-size:13px}
#contents ul.order_list_title li:first-child{float:left}

/*¸ÞÀϸµ*/
#contents .mail_top{width:800px;margin:0 auto; padding-bottom:7px; font-weight:bold}
#contents .mail_top ul{overflow:hidden;}
#contents .mail_top ul li{float:left;}
#contents .cont_order_result p{text-align:center;}
#contents .mailBox{width:700px; margin:0 auto; border:solid 1px #eaeaea; border-top:solid 2px #0099d7; padding:60px 50px 30px 50px}
#contents .mail_subtitle{padding-bottom:10px; font-size:17px; font-weight:bold; text-align:left}
.table_mail{text-align:left; width:100%; }
.table_mail th, .table_mail tr, .table_mail td{text-align:left}
.table_mail tr{height:30px; width:10%; }
.table_mail td{padding-left:15px; width:90%;}
.mail_wrap{padding:30px 0; border-bottom:solid 1px #0099d7}

.member_name{font-weight:bold; color:#0099d7}
.font_15{font-size:15px}
.blue_under{color:#0099d7; text-decoration:underline}
.table_basic{ width:100%}
.table_basic th{padding-left:5px; border-right:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6}
.table_basic td{text-align:center; border-bottom:solid 1px #e6e6e6}
.table_member tr{height:40px}
.table_member th{width:20%; background:#f9f9f9}
.table_member td{width:80%}
.table_member{border-top:solid 2px #0099d7; border-bottom:solid 1px #e6e6e6}

/*¸¶ÀÌÆäÀÌÁö*/
#contents .mypage_wrap{border-top:2px solid #0099d7; padding-top:50px;}
#contents .mypage_wrap ul{width:780px; margin:0 auto; overflow:hidden;}
#contents .mypage_wrap ul li{width:220px;border:solid 1px #e6e6e6; border-top:solid 2px #0099d7; float:left; margin:0 0 20px 20px; padding-bottom:25px}
#contents .mypage_wrap ul li p{text-align:center}
#contents .mypage_wrap ul li p.title{font-size:18px; font-weight:bold}
#contents .mypage_wrap ul li p.click{padding-top:5px;}
#contents .mypage_wrap ul li p.click a{color:#0099d7;}

/*ȸ¿ø°¡ÀÔ*/
#contents .joinArea h3{font-size:13px; padding-bottom:50px; color:#acacac}
#contents .joinArea .title{text-align:left; padding-bottom:10px; font-size:14px; font-weight:bold; text-align:left}
#contents .joinArea .more_text{float:right; font-weight:bold}

#contents .table_layout1{border-top:solid 2px #e6e6e6; border-bottom:solid 2px #e6e6e6; text-align:left;}
#contents .table_layout1 th{padding:15px 0 15px 20px; border-right:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; text-align:left; background:#efefef}
#contents .table_layout1 td{padding:10px 0 10px 15px; border-bottom:solid 1px #e6e6e6}

#contents .joinArea .join_textarea ul{overflow:hidden; padding-top:30px}
#contents .joinArea .join_textarea ul li{width:400px; padding:30px 35px; margin-left:20px; border:solid 2px #e6e6e6; float:left; background:#efefef}
#contents .joinArea .join_textarea ul li:first-child{margin-left:0}
#contents .joinArea .join_textarea .textarea{width:400px;height:125px; border:solid 1px #a9a9a9; overflow:scroll; background:#fff;}

/*ȸ¿øÅ»Åð*/
#contents .contents_wrap .member_draw_box{padding:60px 40px; border:solid 1px #e6e6e6; border-top:solid 2px #0099d7; clear:both;}
#contents .contents_wrap .member_draw_box p{text-align:center; font-size:15px}
#contents .contents_wrap .member_draw_box span.notice{color:#0099d7; text-decoration:underline}
#contents .contents_wrap .member_draw_box .title_number{font-weight:bold; text-align:left; font-size:14px; padding:20px 0 10px 0}

/*¾ÆÀ̵ðÆнº¿öµåã±â*/
#contents .searchArea{width:800px; margin:0 auto; padding-top:30px}
#contents .search_box{width:800px; padding:30px; overflow:hidden; background:#f5f5f5}
#contents .search_box ul{float:left}
#contents .search_box ul li{overflow:hidden; padding-top:12px;}
#contents .search_box ul li:first-child{padding-top:0}
#contents .search_box ul li label{float:left; padding-right:10px}
#contents .search_box_wrap{width:340px; margin:0 auto; overflow:hidden}
#contents .search_id{width:800px; padding:30px; overflow:hidden; margin-top:20px; background:#f5f5f5}
#contents .search_id span.member{font-weight:bold; color:#0099d7}
#contents .search_id span.id{font-weight:bold; color:#f26522}
#contents .search_id p{text-align:center}

/*1:1°í°´¹®ÀÇ*/
#contents .questionArea{width:610px; margin:0 auto}
#contents .questionArea .top{overflow:hidden; padding-bottom:7px;}
#contents .questionArea .top p{float:left; font-size:14px; font-weight:bold; padding:10px 0 0 15px}
#contents .table_layout2{margin-top:10px;}
#contents .table_layout2 th{text-align:left; padding:10px 0; width:15%}
#contents .table_layout2 td{width:70%}
#contents .table_layout2 tr{}

/*³ªÀǹ®Àdz»¿ª*/
#contents .table_question td{height:50px}
#contents .table_question .question_view{border-bottom:solid 1px #e7e7e7; background:#f9f9f9}
#contents .table_question .question_view td{height:0; padding:20px}


/*ÄíÆùÀû¸³±Ý°ü¸®*/
#contents .point_box { padding:20px; margin-bottom:20px; border:10px solid #f6f6f6; text-align:center; }
#contents .point_box .point_txt { font-size:16px; line-height:20px; }
#contents .point_box .point_btn { width:70px; height:24px; line-height:20px; border:1px solid #0099d7; background:#fff; color:#0099d7; font-weight:bold; cursor:pointer; }
#contents .coupon_box { border:1px solid #d6d6d6; padding:20px 0px 20px 0px; margin-bottom:20px; background:#f9f9f9; }
#contents .coupon_box .coupon_txt { padding-top:10px; text-align:center; }
#contents .coupon_box .coupon_form { width:470px; margin:0 auto; padding:7px 10px; }
#contents .coupon_box .coupon_form .coupon_tit { padding:0px 10px; }
#contents .coupon_box .coupon_form .coupon_no { width:300px; height:35px; border:1px solid #d6d6d6; border-radius:3px; }
#contents .coupon_box .coupon_form .coupon_btn { width:80px; height:35px; line-height:35px; margin-left:10px; background:#666; border:0px; border-radius:3px; color:#fff; font-weight:bold; cursor:pointer; }

#contents .popup_point { width:720px; padding:30px; border:5px solid #0099d7; }
#contents .popup_point .point_tit { padding-bottom:10px; font-size:20px; font-weight:bold; }


/*ÄíÆù¹×Àû¸³±Ý¼±ÅÃ(Àå¹Ù±¸´ÏÃß°¡)*/
#contents .coupon_point { padding:2% 2% 0% 2%; }
#contents .coupon_point h2 { font-size:13px; font-weight:bold; padding-bottom:15px; }
#contents .coupon_point ul { overflow:hidden; }
#contents .coupon_point li { float:left; padding:3px 0px; }
#contents .coupon_point li span { padding-right:12px; }
#contents .coupon_point .tit { width:34%; }
#contents .coupon_point .sum { width:26%; }
#contents .coupon_point .btn { width:10%; }
#contents .coupon_point .w120 { width:140px; border:1px solid #c9c9c9; }
#contents .coupon_point .use_btn { width:120px; height:23px; line-height:23px; border:0px; background:#0099d7; color:#fff; }

#contents .popup_coupon { width:720px; padding:30px; border:1px solid #aaa; overflow:hidden; text-align:center; }
#contents .popup_coupon .coupon_tit { font-size:20px; font-weight:bold; text-align:left; }
#contents .popup_coupon p { margin-bottom:10px; text-align:right; }
#contents .popup_coupon .cart_product { width:200px; border:1px solid #c9c9c9; }
#contents .popup_coupon .coupon_apply { width:150px; height:35px; line-height:35px; margin:15px auto 0px; border:0px; background:#0099d7; color:#fff; text-align:center; cursor:pointer; }


/*¹è³Ê*/
.eventBnr {width:704px; margin:0 auto; padding-left:270px; padding-top:30px;}


/*¹öÆ°*/
.btn_search{float:left; padding-left:10px}
.btn_search a{width:78px;height:35px; color:#fff; text-align:center; float:left; line-height:35px; cursor:pointer; background:#0099d7}

.btn_delete{width:38px; margin:0 auto}
.btn_delete a{width:38px;height:20px; border:solid 1px #d5d5d5; text-align:center; float:left; line-height:20px; background:#fbfbfb}

.btn_cancel{width:60px; margin:0 auto}
.btn_cancel a{width:60px;height:20px; border:solid 1px #d5d5d5; text-align:center; float:left; line-height:20px; background:#fbfbfb}

.btn_send{float:left}
.btn_send a{width:78px;height:25px; color:#fff;  text-align:center; float:left; line-height:25px; background:#0099d7; cursor:pointer}

.btn_normal{margin-left:10px; float:left;}
.btn_normal a:first-child{margin-left:0}
.btn_normal a{width:178px;height:35px; color:#fff;  text-align:center; float:left; line-height:35px; margin-left:10px;background:#0099d7; cursor:pointer}

.btn_normal_gray{margin-left:10px; float:left;}
.btn_normal_gray a:first-child{margin-left:0}
.btn_normal_gray a{width:178px;height:35px; color:#fff;  text-align:center; float:left; line-height:35px; margin-left:10px;background:#7c7c7c; cursor:pointer}

.btn_home{float:left; padding-left:10px}
.btn_home a{width:100px;height:23px; text-align:center; float:left; line-height:20px; margin-right:10px; color:#fff; background:#0099d7}

.btn_search_idpw{float:left; padding-left:20px}
.btn_search_idpw a{width:70px;height:62px; color:#fff;  text-align:center; float:left; line-height:60px; background:#0099d7; cursor:pointer}

.btn_question_success{width:65px; margin:0 auto}
.btn_question_success a{width:65px;height:20px; color:#fff; text-align:center; float:left; line-height:19px; background:#0099d7}

.btn_question_wait{width:65px; margin:0 auto}
.btn_question_wait a{width:65px;height:20px; border:solid 1px #d5d5d5; text-align:center; float:left; line-height:20px; background:#fbfbfb}

.btn_q{width:15px;height:16px; color:#fff; text-align:center; margin:0 auto; font-weight:bold; line-height:14px; background:#0099d7}
.btn_a{width:15px;height:16px; color:#fff; text-align:center; margin:0 auto; font-weight:bold; line-height:14px; background:#ff5c2b}

.view{display:inline-block}
.view a{display:inline-block; width:12px;height:13px; color:#fff; text-align:center; line-height:11px; font-weight:bold; background:#0099d7}  


/*ÆäÀÌÁö³×À̼Ç*/
.pagenation{text-align:center; padding-top:40px}
.pagenation ul{overflow:hidden; display:inline; padding:0px 10px}
.pagenation ul li{display:inline; padding-left:10px}
.btn_prenex{display:inline; }
.btn_prenex a{display:inline-block; width:50px;height:20px; border:solid 1px #d5d5d5;  text-align:center; margin:0 auto; font-weight:bold; line-height:19px; background:#fbfbfb}

/*ÆùÆ®*/
.text_orange{color:#f26522}
.text_bold{font-weight:bold}
h3.title_order{font-size:17px; font-weight:bold; margin-top:40px}
.order_number{color:#f26522; text-decoration:underline}
.order_number:hover{text-decoration:underline}
.parcel_number{color:#0000ff; text-decoration:underline}
.parcel_number:hover{text-decoration:underline}
.underline:hover{text-decoration:underline}
.order_comp{font-weight:bold; color:#0099d7}
.product_tab a.on{/*font-weight:bold;*/}
span.price{padding-left:7px; font-weight:bold; font-size:19px; color:#f26522}
.font_title{font-size:15px; color:#666}
.join_text{padding:1px 0 0 10px; float:left;}