/* login */
.memberlogin_form1 {width:329px;float:left;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;float:left;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
.etc_act {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;}
.memberlogin_form3 {width:469px;float:left;clear:both;}
.memberlogin_form3 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form3 .login_act {text-align:left;height:73px;margin:-73px 0 0 245px;}
.memberlogin_form3 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 {width:469px;float:left;clear:both;}
.memberlogin_form4 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form4 .login_act {text-align:left;height:73px;margin:-73px 0 0 263px;}
.memberlogin_form4 .memberlogin label {width:70px;}
.memberlogin_form4 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 .etc_act .txt {display:inline-block;width:400px;padding:0 0 0 8px;}
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2 h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1 {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:1.5em}
.member_join .join_complate .txt2 {color:#666666;line-height:1.5em}

/* send mail */
.send_mail {width:666px;padding:24px;}
.send_mail .header {width:666px;height:150px;}
.send_mail .body {text-align:left;}
.send_mail h1 {float:left;width:200px;}
.send_mail .close {float:right;width:200px;text-align:right;}
.send_mail h2 {height:20px;}
.send_mail .table_col_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 23px 0;}
.send_mail .table_col_01 th {border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 td {border-top:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_col_01 .end {border-right:none}
.send_mail .table_col_01 th {height:27px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:center;}
.send_mail .table_col_01 td {font-size:11px;color:#666666;text-align:center;}
.send_mail .table_col_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_col_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_col_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .table_row_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 0 0;}
.send_mail .table_row_01 th {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 td {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_row_01 .end {border-right:none}
.send_mail .table_row_01 .bottom {border-bottom:none}
.send_mail .table_row_01 th {height:27px;padding:0 0 0 10px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:left;}
.send_mail .table_row_01 td {padding:0 0 0 10px;font-size:11px;color:#666666;}
.send_mail .table_row_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_row_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_row_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .text {border:1px solid #cacaca;}

/* private */
.private {}
.private h3 {font-size:12px;font-weight:bold;color:#6b6b6b;height:30px;margin:20px 0 0 0}
.private .private_info {line-height:1.5em}
/* sitemap */
.sitemap .map_gap {padding:30px 0 0 0}

/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
#secondmenu #leftoff a {color:#555555 !important;font-weight:bold;}
#secondmenu #lefton a {color:#38c2cd !important;;font-weight:bold;}
/************************* input type : search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
.title {float:left; font-size:14px;}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}

/* ¼îÇθô »óÇ°Áø¿­ °¡°Ý */
#photo_info {padding-bottom: 10px;}

/* ¼îÇθô */
.box1_tle {margin:9 0 5 9}
.box1 {background:url(../img/main/box1_bg.gif) repeat-y;width:690px}
.box1_left{float:left; padding-left:34px;}
.box1_right{float:right; padding-right:34px;}
.box1_bar {text-align:center;margin:18 0 18 0}
.box2 {width:100%; }

/* ¼îÇθô »óÇ°¸®½ºÆ® */
.products-wrap {width:100%; border-top: 1px solid #eee; padding-top: 10px;}
.products-wrap table {width:100%; font-size:0;}

#products-list {text-align:center; color:#222; font-size:11px; width:23%; display:inline-block; margin:0 1%; line-height:14px; padding-bottom: 30px;}
#products-list img {border: 1px solid #DDD; width: 100%; height: 100%; }
#products-list span {color:#000; font-size:14px; line-height:20px; font-weight: bold;}
#products-list a {color:#222; font-size:12px; line-height:18px;}
#products-list-sort {text-align:right; font-size:11px; color:#EA212D; width:100%; padding-bottom:20px; padding-right:10px;}
#products-list-sort a {color:#bbb; font-size:11px; }
#products-list-sort span {color:#bbb; font-size:9px; padding:0 6px;}

/* ¼îÇθô »óÇ° »ó¼¼ÆäÀÌÁö */
.img-info {overflow: hidden; }
#products-img {float: left; display: inline-block; width: 46%; margin-bottom: 20px;}
#products-info {float: right; display: inline-block; width: 54%; padding-left: 0px; vertical-align:top; margin-bottom: 50px;}

.pr-category .title {font-size: 16px; padding-left: 10px;}
.goods_img img {width: 100%; height: 100%; border: 1px solid #DDD;}
.tabBox {border-bottom: 1px solid #CCC;}
.tabBox span {background: #DDD; border-top: 1px solid #CCC;}
.tabBox span.on {background: #FF0000;}

.detail-table {margin-bottom:10px; width:100%;}
.detail-table td {border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:7px;}
.products-tle {padding:10px 0 30px 0; font-size:24px; color: #1e1e1e; font-weight: bold;}.products-txt1 {color:#666; font-size:12px; height: 40px; }
.products-txt2 {color:#666; font-size:12px;}
.products-price {font-size: 20px; color: #333}
.tle-bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;margin-top:27}

/* ¼îÇθô Tab */
#product_content {clear:both;background:url(../img/main/tab_bg.gif) repeat-x;margin-top:30; width:100%; clear:both;}
.product_tab {cursor:hand}

/* ¼îÇθô ±¸¸Å¹öÆ° */
.buybtn-wrap {overflow: hidden; }
.buy-btn {float: left;background:#CC1F1D; width:32%; height: 40px; color: #FFF; padding-top: 10px; display: inline-block; text-align: center; font-size:12px; margin:0 0.5%;}
.buy-btn:hover {background:#b30010;}
.buy-btn2 {float: left;background:#888; width:32%; height: 40px; color: #FFF; padding-top: 10px; display: inline-block; text-align: center; font-size:12px; margin:0 0.5%;}
.buy-btn2:hover {background:#666;}


/* ÆäÀÌ¡ */
#page {text-align:center; margin:14px;}
#page table {width:auto;margin: 0 auto; font-size:12px;}
#page img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page a {font-weight:normal;color:#555555}
#page2 {text-align:center;margin:14px;color:#FF7901;font-weight:bold;letter-spacing:1}
#page2 img {vertical-align:middle;letter-spacing:3;margin-top:-2}
#page2 a {font-weight:normal;color:#444444;font-weight:bold}
#page2 span {color:#BABABA;font-weight:normal}

/* ½æ³×ÀÏ */
#nail {width:300px; margin:4px 0 4px 0;}
#nail a:link{font-size:11px;color:#666666}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}

/* ¸¶ÀÌÆäÀÌÁö */
.txtbox-wbox {border-top:1px solid #eee; padding:10px 0;}
#txtbox_info {margin-bottom: 20px; background:url(../img/main/dot.gif) no-repeat;padding:0 0 0 18px;line-height:18px;color:#686461;font-size:12px;}
.order_tle {margin:0 0 8 0}
#total_order {padding:12;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#FCF9F0;line-height:24px;text-align:right;font-weight:bold;color:#666666}
#total_order #sum_price {color:#da0000;font-size:14px}
#total_order #sum {font-size:14px}
#infobox {border:2px solid #E4E4E4;padding:12px 12px 0 12px;color:#666666}
#dl1 {margin:0 0 20 0;}
#dl1 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl1 dd {line-height:20px;margin:0 0 0 15}
#dl2 {margin:0 0 20 0;}
#dl2 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl2 dd {background:url(../img/main/dot_dd.gif) no-repeat;padding:0 0 2 15;margin-left:0;line-height:20px}

#use {color:#CFCFCF;font-family:µ¸¿ò;font-size:11px;text-align:right}
#use a:link {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:visited {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:hover {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use #on {color:#E81F27;font-weight:bold;font-family:µ¸¿ò;font-size:11px}

.t_01 {border-collapse:collapse; border-top:2px solid #222; border-right:1px solid #CFCFCF;}
.t_01 th {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f6f6f6;}
.t_01 td {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}


/* ·Î±×ÀÎ Ãß°¡ */
.login-wrap {overflow: hidden; font-size:13px; margin:0 auto; width:100%; text-align: center; font-family: "Noto Sans KR", sans-serif;}
.login-box {height: 300px; width: 50%; padding: 30px; margin: 0 auto; background-color: #fff; text-align: center; border: 1px solid #eee;}
.login-box .login-tit {width: 25%; display: inline-block; font-size: 13px; font-weight: 300; color: #222; }
.login-box .login-btn {text-align: center; padding:20px 0;}
.login-box h3 {color: #222; font-size: 25px; font-weight: 800; text-align: center; padding-bottom: 10px; padding-top:20px;}
.login-box p {padding-bottom: 30px; text-align: center; margin: 0 1rem;}
.login-box ul li {padding:3px 0;}

/* ·Î±×ÀÎ input */
.login-box .login-input{text-align: center;}
.login-box input[type='text'][name='com_member_login_id'] { width:75%; border:1px solid #DDD; padding:10px; text-align: center;}
.login-box input[type='password'][name='com_member_login_pw'],input[type='text'][name='order_code']{ width:75%; border:1px solid #DDD; padding:10px; text-align: center;}
.login-box input[type='text'][name='oname'] { width:75%; border:1px solid #DDD; padding:10px; text-align: center;}

/* ·Î±×ÀÎ ¹öÆ° */
.login-box input[type='submit'][name='login_btn'] {font-size:19px; border:0; font-weight:500; background:#333; padding:5px 50px; color:#FFF; cursor:pointer; }
.login-box input[type='submit'][name='confirm_btn'] {font-size:17px; border:0; font-weight:500; background:#333; padding:10px 10px; color:#FFF; cursor:pointer; }
.login-box a.btn-01 {color: #222; border: 1px solid #BBB; text-align: center; font-size: 13px; padding: 5px 10px; font-weight: 500; margin: 0 auto; margin: 0 1px; }
.login-box a.btn-01:hover {text-decoration:none; background:#222; border:1px solid #222; color:#FFF;}

/* ȸ¿ø°¡ÀÔ Ãß°¡ */
.join-wrap {max-width: 700px;overflow: hidden; font-size:13px; margin:0 auto; width:100%; text-align: center; font-family: "Noto Sans KR", sans-serif;}
.join-box {float:left; height: 400px; width: 100%; padding: 30px; margin: 0 auto; background-color: #f7f7f7; text-align: center;}
.join-box .join-tit {width: 25%; display: inline-block; font-size: 13px; font-weight: 300; color: #222;}
.join-box .join-btn {text-align: center; padding:20px 0;}
.join-box h3 {color: #222; font-size: 25px; font-weight: 800; text-align: center; padding-bottom: 10px; padding-top:20px;}
.join-box p {padding-bottom: 30px; text-align: center; margin:0 1rem;}
.join-box ul li {padding:3px 0;}

/* ȸ¿ø°¡ÀÔ input */
.join-box .join-input {padding:0 50px;}
.join-box input[type='text'][name='com_member_name'] { width:75%; border:1px solid #CCC; padding:10px; }
.join-box input[type='text'][name='com_member_email'] { width:75%; border:1px solid #CCC; padding:10px; }
.join-box input[type='submit'][name='join_btn'] { background:#333; padding:10px 50px; color:#FFF; font-size:17px; border:0; font-weight:500; cursor:pointer; }



@media (max-width:768px) {
.login-box {float:none; width: 100%; padding: 0; margin-bottom:50px;}
.join-box {float:none; width: 100%; padding: 0; margin-bottom:50px;}
#products-list {width: 48%;}
#products-img {float: none; width:100%;}
#products-info {float: none; width:100%;}
#product_content > #tab_a .tab-content img{width:100%;}