@charset "euc-kr";
/* CSS Document */



/* »çÀÌÆ® ¸ÞÀÎ Ä÷¯ #353e4f(¸ÞÀÎÄ÷¯) #5b6c8a(¸¶¿ì½º¿À¹ö½ÃÄ÷¯&¼­ºêÄ÷¯) #161c27(¹öÆ° º¸´õÄ÷¯) -> º¯°æÇÏ¿© »ç¿ëÇϼ¼¿ä */


/* sub */

/* input Á¾·ù */
.order_input_01 {width:30%; vertical-align:middle; margin-right:3%;}
.input_name {width:50%; vertical-align:middle;}
.input_subject {width:90%; vertical-align:middle;}
.input_tel {width:20%; vertical-align:middle; }
.input_email {width:90%; vertical-align:middle;}
.input_post {width:30%; vertical-align:middle; margin:0 0 5px 0;}
.input_address {width:90%; vertical-align:middle; margin-bottom:5px;}
.order_textarea {width:90%; height:80px; border:1px solid #ccc; }
.bbs_textarea {width:90%; height:80px; border:1px solid #ccc; }
.bbs_select {width:90%; height:20px; border:1px solid #ccc; }

/* margin_padding */
.margin_t20 {margin-top:20px;}
.margin_t5 {margin-top:5px;}

/* align */
.text-center {text-align:center;}

.location {width:100%;background:url('../img/mall/location_bg.gif') left top repeat-x; height:46px; clear:both;}
.location ul li {float:left; padding:0 6% 0 2%; line-height:46px; font-weight:bold; font-size:1.15em; }
.location ul li.arrow {background:url('../img/mall/location_arrow.gif') right top no-repeat; height:46px;}
.location p {float:right; margin-right:2%;}
.location p span {display:inline-block; margin:-5px 5px 0 0; font-size:7px; vertical-align:middle;}
.location p a {display:inline-block; height:28px; width:52px; background:url('../img/mall/back_bg.png') left top repeat-x; margin-top:8px; text-align:right; line-height:28px; font-weight:bold; font-size:1.15em; padding-right:10px;}
.location p a:hover {text-decoration:none;}

.m_category {width:95%; border-top:1px solid #313a4a; border-bottom:1px solid #313a4a; background-color:#d9e0ec; padding-left:5%;}
.m_category ul {overflow:hidden;}
.m_category ul li {width:30%; float:left; background:url('../img/mall/category_dot.gif') left 15px no-repeat; padding-left:3%;}
.m_category ul li a {line-height:3.0em; font-weight:bold; color:#353e4f;}
.m_search {width:96%; padding:2%; background-color:#efefef; border-bottom:1px solid #313a4a; overflow:hidden; text-align:center;}
.m_search input {width:70%;border:1px solid #ccc; height:30px; line-height:30px; vertical-align:middle;}
.m_search a {display:inline-block; width:20%; height:30px; line-height:30px; text-align:center; margin:0 0 0 2%; background-color:#353e4f; color:#fff; font-weight:bold;}

.product {width:100%; margin-top:30px; overflow:hidden;}
.product p {width:100%; text-align:center; height:40px; line-height:40px; border-top:1px solid #ccc; border-bottom:1px solid #d2d2d2; background-color:#f9f9f9; font-weight:bold; color:#353e4f; font-family:Arial, sans-serif; font-size:1.25em; margin:0 0 10px 0;}
.product dl {overflow:hidden; border-bottom:1px solid #ccc;}
.product dl dt {width:130px; float:left;}
.product dl dd.product_name {font-size:1.5em; color:#353e4f; font-weight:bold; margin-top:10px;}
.product dl dd.product_coment {font-size:1.0em; color:#939393;}
.product dl dd.price {font-size:1.5em; color:#ff3c00; font-weight:bold; margin-top:20px;}

.mall_box {width:94%; margin:0 auto;  }
.goods_title {width:100%; margin:10px auto 10px; }
.goods_title li {font-size:0.9em; color:#adadad;}
.goods_title .subject {font-weight:bold; font-size:1.3em; color:#353e4f;}
.product_img {width:94%; margin:20px auto 0; padding:3%; border:1px solid #ccc;}
.product_img img {width:100%;}
.detail_table {width:100%; border-top:2px solid #353e4f; border-left:1px solid #ccc; border-right:1px solid #ccc;margin-top:10px; cellpadding:0;}
.detail_table th {width:30%; text-align:left; color:#353e4f; height:30px; font-size:1.1em; border-bottom:1px solid #ccc; padding-left:5%;}
.detail_table td {width:60%; font-size:1.1em; border-bottom:1px solid #ccc; padding-left:5%;}
.detail_table td .count_input {width:80px; border:1px solid #ccc; line-height:20px; height:20px; vertical-align:middle;}
.detail_table td a.btn_count {display:inline-block; border:1px solid #ccc; width:20px; height:20px; text-align:center; font-weight:bold; font-size:15px; vertical-align:middle; background-color:#efefef; margin:0 0 0 5px;}
.detail_table td a.btn_count:hover {text-decoration:none; background-color:#c3c3c3;}
.detail_btns {width:100%; margin:20px 0 0 0;}
.detail_btns ul {overflow:hidden;}
.detail_btns ul li {float:left; width:44%;  padding:0 3%; }
.detail_btns ul li.text_right {text-align:right;}
.detail_btns ul li a.color_btn {display:inline-block; width:90%; background-color:#353e4f; border:1px solid #161c27; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; font-size:1.3em; border-radius:3px;}
.detail_btns ul li a.color_btn:hover {text-decoration:none; background-color:#5b6c8a;}
.detail_btns ul li a.gray_btn {display:inline-block; width:90%; background-color:#a3a3a3; border:1px solid #8f8f8f; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold;  font-size:1.3em; border-radius:3px;} 
.detail_btns ul li a.gray_btn:hover {text-decoration:none; background-color:#d0d0d0;}
.detail_tab {width:100%; margin-top:20px; border-left:1px solid #ccc; }
.detail_tab ul {overflow:hidden;}
.detail_tab ul li {width:49.6%; float:left; text-align:center; border-top:3px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;height:40px; line-height:40px; }
.detail_tab ul li.active{border-top:3px solid #353e4f; border-bottom:none;}
.detail_tab ul li a {font-size:1.2em; font-weight:bold;}
.detail_box {width:100%; margin:-1px 0 0 0;} 
.detail_box .detail_box_con {font-size:1.2em; width:97%; height:40px; line-height:40px; font-weight:bold; padding:0 0 0 3%;  } 


/* ¹öÆ° µÎ°³ */
.btns_01 {width:100%; margin-top:20px;}
.btns_01 ul {overflow:hidden;}
.btns_01 ul li {width:50%; float:left;}
.btns_01 ul li a.color_btn {display:inline-block; width:96%; background-color:#353e4f; border:1px solid #161c27; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; font-size:1.15em; border-radius:3px; letter-spacing:-1px;}
.btns_01 ul li a.color_btn:hover {text-decoration:none; background-color:#5b6c8a;}
.btns_01 ul li a.gray_btn {display:inline-block; width:96%; background-color:#a3a3a3; border:1px solid #8f8f8f; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold;  font-size:1.15em; border-radius:3px;  letter-spacing:-1px;} 
.btns_01 ul li a.gray_btn:hover {text-decoration:none; background-color:#d0d0d0;}



/* ¹öÆ° µÎ°³ */
.btns_01 {width:100%; margin-top:20px;}
.btns_01 ul {overflow:hidden;}
.btns_01 ul li {width:50%; float:left;}
.btns_01 ul li a.color_btn {display:inline-block; width:96%; background-color:#353e4f; border:1px solid #161c27; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; font-size:1.15em; border-radius:3px; letter-spacing:-1px;}
.btns_01 ul li a.color_btn:hover {text-decoration:none; background-color:#5b6c8a;}
.btns_01 ul li a.gray_btn {display:inline-block; width:96%; background-color:#a3a3a3; border:1px solid #8f8f8f; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold;  font-size:1.15em; border-radius:3px;  letter-spacing:-1px;} 
.btns_01 ul li a.gray_btn:hover {text-decoration:none; background-color:#d0d0d0;}

/* ¹öÆ° ¼¼°³ */
.btns_02 {width:100%; margin-top:20px;}
.btns_02 ul {overflow:hidden;}
.btns_02 ul li {width:33.3%; float:left;}
.btns_02 ul li.text_center {text-align:center;}
.btns_02 ul li.text_right {text-align:right;}
.btns_02 ul li a.color_btn {display:inline-block; width:96%; background-color:#353e4f; border:1px solid #161c27; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; font-size:1.15em; border-radius:3px; letter-spacing:-1px;}
.btns_02 ul li a.color_btn:hover {text-decoration:none; background-color:#5b6c8a;}
.btns_02 ul li a.gray_btn {display:inline-block; width:96%; background-color:#a3a3a3; border:1px solid #8f8f8f; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold;  font-size:1.15em; border-radius:3px;  letter-spacing:-1px;} 
.btns_02 ul li a.gray_btn:hover {text-decoration:none; background-color:#d0d0d0;}

/* bbs ¹öÆ° */
.bbs_btn01 {width:100%; text-align:right; }

/* ±âŸ¹öÆ°¸ðÀ½ */
a.mini_btn {display:inline-block; padding:0 5px; background-color:#a3a3a3; border:1px solid #8f8f8f; height:20px; line-height:20px; text-align:center; color:#fff; font-weight:bold;  font-size:0.95em; letter-spacing:-1px;} 
a.mini_btn:hover {text-decoration:none; background-color:#d0d0d0;}
a.mini_btn02 {display:inline-block;  font-family:"µ¸¿ò", sans-serif;  padding:0 5px;  height:18px; line-height:18px; border:1px solid #c5c5c5; text-align:center; font-weight:bold; font-size:11px; letter-spacing:-0.5px; color:#818181; background-color:#efefef; }
a.mini_btn02:hover {display:inline-block; background-color:#f9f9f9; text-decoration:none; }
a.mini_col_btn {display:inline-block; padding:0 5px; background-color:#353e4f; border:1px solid #161c27; height:20px; line-height:20px; text-align:center; color:#fff; font-weight:bold;  font-size:0.95em; letter-spacing:-1px;} 
a.mini_col_btn:hover {text-decoration:none; background-color:#5b6c8a;}
a.mini_col_btn02 {display:inline-block; padding:0 5px; background-color:#353e4f; border:1px solid #161c27; height:24px; line-height:24px; text-align:center; color:#fff; font-weight:bold;  font-size:0.95em; letter-spacing:-1px;} 
a.mini_col_btn02:hover {text-decoration:none; background-color:#5b6c8a;}

.mypage_tlt {width:99%; border-top:2px solid #353e4f; height:30px; line-height:30px; margin:20px 0 10px 0; background-color:#f5f5f5; font-weight:bold;padding-left:1%; font-size:1.25em;}
.cart_table {width:100%;}
.cart_table td {border-bottom:1px solid #ccc; padding:10px 0;}
.cart_table td img {width:100%; }
.cart_table td.cart_subject {padding-left:5%;}
.cart_table td ul li { font-size:1.25em;}
.cart_table td ul li.price {color:#ff5a00; font-weight:bold;}

.delete_btns {width:100%; margin:5px 0 10px 0; overflow:hidden; text-align:right;}
.delete_btns a.gray_btn {display:inline-block; width:70px; background-color:#a3a3a3; border:1px solid #8f8f8f; height:23px; line-height:23px; text-align:center; color:#fff; font-weight:bold;  font-size:0.95em; border-radius:3px;  letter-spacing:-1px;} 
.delete_btns a.gray_btn:hover {text-decoration:none; background-color:#d0d0d0;}

.cart_info {width:100%;  overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.cart_info dt {width:25%; float:left; line-height:20px; padding-left:2%; background:url('/img/mall/arrow.gif') left 7px no-repeat; color:#353e4f; font-weight:bold;}
.cart_info dd {width:73%; line-height:20px; float:left;}

.table_01 {width:100%; border-top:1px solid #ccc;}
.table_01 th{width:40%; border-bottom:1px solid #ccc; text-align:left; letter-spacing:-1px; height:30px; background-color:#f5f5f5; padding-left:5%;}
.table_01 td{width:45%; border-bottom:1px solid #ccc; padding-left:5%;}
.table_01 td.price {font-size:1.5em; color:#ff3c00; font-weight:bold; margin-top:20px;}

.table_02 {width:100%; border-top:1px solid #ccc;}
.table_02 th{width:28%; border-bottom:1px solid #ccc; text-align:left; letter-spacing:-1px; height:30px; background-color:#f5f5f5; padding-left:5%;}
.table_02 td{width:57%; border-bottom:1px solid #ccc; padding:4px 0 4px 5%;}
.table_02 td.price {font-size:1.5em; color:#ff3c00; font-weight:bold; margin-top:20px;}
.table_02 td.price_02 {font-size:1.0em; color:#ff3c00; font-weight:bold; margin-top:20px;}

.table_03 {width:100%; border-top:1px solid #ccc;}
.table_03 th{width:20%; border-bottom:1px solid #ccc; text-align:left; letter-spacing:-1px; height:30px; background-color:#f5f5f5; padding-left:5%;}
.table_03 td{width:65%; border-bottom:1px solid #ccc; padding:4px 0 4px 5%;}
.table_03 td input {vertical-align:middle;}
.table_03 td ul li.mail_coment {padding-top:5px;}

.loginform {margin-top: 10px; width:100%;}
.loginform .form { border: 2px solid #353e4f; padding: 19px 23px; position: relative;}
.loginform .form .item {display: block; margin-bottom: 9px; padding: 0 66px 0 4.5em; }
.loginform .form .label {display: inline-block; margin-left: -4.5em; margin-right: -4px; width: 4.5em; }
.loginform .form .btn { font-weight:bold; font-size:1.1em;  background-color:#353e4f; border:1px solid #161c27; color:#fff; text-align:center;    height: 35px;    line-height: 20px;    padding: 16px 0 0;    position: absolute;    right: 23px;    top: 19px;    width: 60px;}
.loginform .form input{width: 100%; border:1px solid #ccc; height:20px;}

.findform {width:100%;}
.findform p {margin-top: 10px; width:100%; font-size:1.0em;}
.findform .form { border: 2px solid #353e4f; padding: 19px 23px; position: relative;}
.findform .form .item {display: block; margin-bottom: 9px; padding: 0 66px 0 4.5em; }
.findform .form .label {display: inline-block; margin-left: -4.5em; margin-right: -4px; width: 4.5em; font-size:1.1em;}
.findform .form .btn { font-weight:bold; font-size:1.1em;  background-color:#353e4f; border:1px solid #161c27; color:#fff; text-align:center;    height: 35px;    line-height: 20px;    padding: 16px 0 0;    position: absolute;    right: 23px;    top: 19px;    width: 60px;}
.findform .form input{width: 100%; border:1px solid #ccc; height:20px;}

.payment {width:100%;}
.payment li input {vertical-align:middle;}
.payment li select {border:1px solid #ccc; width:60%; height:20px; line-height:20px;}

.seccess_ment {width:100%; margin:10px 0 0 0; text-align:center;}
.seccess_ment p {border:4px solid #353e4f; text-align:center; line-height:34px;  font-weight:bold; }
.seccess_ment p span {color:#ff0000;}

/* members */
.join_box {overflow:hidden; width:100%;}
.join_box input {vertical-align:middle;}
.join_box .join_input {width:50%;  padding:0 0 0 5px;}
.join_box .mail_input {width:40%; padding:0 0 0 5px; margin:3px 0 3px 0 }
.join_box .tel_input {width:20%; padding:0 0 0 5px;}
.join_box .post_input {width:15%; padding:0 0 0 5px;}
.join_box .add_input {width:70%; margin:3px 0 3px 0 ; padding:0 0 0 5px;}
.join_box .join_select {width:95%;  padding:0 0 0 5px;vertical-align:middle;}
.join_area {width:99.4%; height:100px; overflow:auto; border:1px solid #cbcbcb; margin:0 0 10px 0;}
.attention {margin:10px 0 20px 0;}
.attention ul li {overflow:hidden; font-size:1.3em;}
.attention ul li.join_point {font-weight:bold; color:#353e4f;}

/* members_ table */
.table_member {width:100%; border-top:2px solid #353e4f; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}
.table_member th {width: 32%; background-color:#f6f5f5; border-bottom:1px solid #c7c7c7;color:#666; padding-left:2%; font-weight:bold; text-align:left;}
.table_member th span {color:#ff0000;}
.table_member td {border-bottom:1px solid #c7c7c7;  padding:4px 2%;}

.mypage_list {width:100%; border-top:1px solid #e2e2e2; margin:20px 0 0 0 ;}
.mypage_list li {position:relative;}
.mypage_list li .arrow {position:absolute; right:10px; top:10px; font-weight:bold;}
.mypage_list li a {display:inline-block; height:;35px; line-height:35px; background-color:#f3f3f3; width:94%; padding-left:5%; font-size:1.2em; font-weight:bold; border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.mypage_list li a:hover {background-color:#fbfbfb;}
.my_info {width:100%;}
.my_info dl dt {float:left; width:30%; height:20px; line-height:20px;}
.my_info dl dd {width:70%; height:20px; line-height:20px;  font-weight:bold;}

.mypage_info {width:100%; overflow:hidden; padding-bottom:20px; margin:10px 0 0 0;}
.mypage_info li {padding-left:2%; background:url('/img/mall/arrow.gif') left 7px no-repeat; font-size:1.0em;  font-family:"µ¸¿ò", sans-serif; line-height:1.4em;}

.bbs_top {width:99%; border-top:2px solid #353e4f; height:30px; line-height:30px; margin:20px 0 10px 0; background-color:#f5f5f5; font-weight:bold;padding-left:1%; font-size:1.0em;}

.mypage_table {width:100%; margin-bottom:10px; border-top:2px solid #353e4f;  }
.mypage_table th {font-weight:bold; text-align:center; height:30px; background-color:#f5f5f5; font-size:11px; font-family:"µ¸¿ò", sans-serif; }
.mypage_table td {font-weight:normal; border-bottom:1px dashed #ccc; text-align:center; font-size:11px; padding:10px 0; font-family:"µ¸¿ò", sans-serif;}
.mypage_table td .mypage_product {text-align:left; font-size:11px; }
.mypage_table td .mypage_product img {border:1px solid #ccc; float:left; margin-right:5px;}
.mypage_table td .mypage_product ul li {font-size:11px; font-family:"µ¸¿ò", sans-serif;}
.mypage_table td .mypage_product ul li.pro {font-size:11px; padding-right:1%;}
.mypage_table td .mypage_product ul li a.subject {font-weight:bold; color:#5c5fca; font-size:11px;}
.mypage_table td .mypage_product ul li a.subject:hover {font-weight:bold; color:#5c5fca; font-size:11px; text-decoration:underline;}
.mypage_table td a {font-size:1.0em;}

.mall_page {height:29px; width:100%; text-align:center; margin-top:20px;  }
.mall_page a{vertical-align:middle; display:inline-block; height:24px;  width:25px; line-height:25px; border:1px solid #ececec; text-align:center; font-size:11px; font-family:tahoma, sans-serif; background-color:#fff;}
.mall_page a:hover{ display:inline-block; text-decoration:none; background-color:#e6e6e6;}
.mall_page img {vertical-align:middle; margin-top:-1px;}
.mall_page a.page_img{ vertical-align:middle; border:none;background-color:none;}

.order_table {width:100%; }
.order_table td {border-bottom:1px solid #ccc; padding:10px 0;}
.order_table td img {width:100%; }
.order_table td.subject {padding-left:5%;}
.order_table td ul li { font-size:1.25em;}
.order_table td ul li.price {color:#ff5a00; font-weight:bold;}

.bbs_table {width:100%; margin-bottom:10px; border-top:2px solid #353e4f;  }
.bbs_table th {font-weight:bold; text-align:center; height:30px; background-color:#f5f5f5; font-size:11px; font-family:"µ¸¿ò", sans-serif; }
.bbs_table td {font-weight:normal; border-bottom:1px dashed #ccc; text-align:center; font-size:11px; padding:10px 3%; font-family:"µ¸¿ò", sans-serif;}
.bbs_table td a {font-size:1.0em;}
.bbs_table td .review_img {width:80%;}
.bbs_table td.star {color:#ff0000;}

.bbs_view {width:100%; margin-bottom:10px;border-top:2px solid #353e4f;}
.bbs_view th{border-bottom:1px solid #dadada; background-color:#efefef; text-align:center; font-weight:bold; color:#8d8d8d; padding:12px 0;}
.bbs_view td{border-bottom:1px solid #dadada;  text-align:left; padding:12px 0 12px 10px;}
.bbs_view td input {vertical-align:middle;}
.bbs_view td img{vertical-align:middle; margin-top:1px; }
.bbs_view td .bbs_contents{width:98%; margin:10px 0 10px -9px; border:1px solid #dadada; padding:1%;}


/* inquiry_ table */
.table_inquiry {width:100%; border-top:2px solid #1aa6ba; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}
.table_inquiry th {width: 32%; background-color:#f6f5f5; border-bottom:1px solid #c7c7c7;color:#666; padding-left:2%; font-weight:bold; text-align:left;}
.table_inquiry th span {color:#ff0000;}
.table_inquiry td {border-bottom:1px solid #c7c7c7;  padding:4px 2%;}
.inquiry_area {width:99.4%; height:60px; overflow:auto; border:1px solid #cbcbcb; margin:0 0 10px 0;}

/* */
.s_contents { width:95%; margin:0 auto; }