/*
Project Name :  
copyright(c) ìƒìƒë„ˆë¨¸Â·ì›ë°ì´ë„· all rights reserved.
*/

@charset "utf-8";


/* ê¸°ë³¸ì„¤ì • â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—† */

html {width:100%; height:100%;}
body {margin:0; padding:0; background:#394048;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button,a {color:#666; word-wrap:break-word; word-break:normal; font-family:dotum,helvetica; font-size:13px;}

img {border:0;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
dl,dt,dd {list-style:none;}

em {font-style:normal}
a,span,b {display:inline-block;}


/* í¼ìš”ì†Œê¸°ë³¸ */
label {display:inline-block; overflow:hidden;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border-radius:0; border:none;}
input[type=submit],input[type=file],button {border:0; cursor:pointer}
input[type=submit],input[type=file],input[type=text],input[type=password],input[type=search],input[type=number],input[type=email],input[type=tel],button {-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border-radius:0; border:none;}
textarea,select {-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none;}
input,select,textarea,button {margin:0;padding:0; font-family:dotum,verdana; }

a:link, a:visited {color:#666; text-decoration: none;}
a:hover, a:active {color:#0096da; text-decoration: none;}

.lineup {display:inline-block !important}

#warp {width:100%; position:relative; }

/* ê³µí†µì‚¬ìš© â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—†â—† */

.header {background:#21aad2; position:relative; height:65px;}
.header .title {line-height:65px; color:#fff; font-size:24px; padding:0 10px; letter-spacing:-0.5px; font-weight:600}
.header .logo {position:absolute; top:8px; right:10px; padding:5px 8px; background:rgba(255,255,255,0.3);}
.header .logo img {height:36px}

/* 2015-01-06 ìž¥ë°”êµ¬ë‹ˆ ì¶”ê°€*/
.header .btn_cart {position:absolute; right:5px; top:9px; padding:10px;}
.header .btn_cart img {height:30px; }
.header .btn_cart .number {position:absolute; left:2px; top:6px; background:#00357e; color:#fff; border-radius:30px; width:18px; height:18px; text-align:center; font-family:helvetica; letter-spacing:-1px; line-height:16px;}


/* ìµœí•˜ë‹¨ ë”°ë¼ë‹¤ë‹ˆëŠ” ë©”ë‰´ */
.bottom_nav {position:fixed; width:100%; left:0; bottom:0;  background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#f9f9f9), to(#fff)); box-shadow:-4px 0 8px rgba(0,0,0,0.8); z-index:10000}
.bottom_nav a {width:20%; float:left; text-align:center; padding:8px 0; overflow:hidden; box-sizing:border-box; border-left:1px solid rgba(0,0,0,0.1); color:#394048;}
.bottom_nav a:first-child {border:0}
.bottom_nav img {height:22px;}
.bottom_nav b {display:block; font-size:11px; margin-top:4px;}
.bottom_nav .off {display:block}
.bottom_nav .on {display:none;}
.bottom_nav .hit {background:#21aad2; color:#fff}
.bottom_nav .hit .off {display:none;}
.bottom_nav .hit .on {display:block;}



.myorder_search {padding:30px 20px 70px 20px;}
.myorder_search .form_box {margin-bottom:3px;}
.myorder_search .form_box input {width:100%; padding:20px 10px; border:0; font-size:16px;}
.myorder_search .guide {margin-top:20px}
.myorder_search .guide li {color:#ccc; font-size:12px; line-height:14px; list-style:none; letter-spacing:-1px; padding:1px 0}
.myorder_search .btn_search {background:#ff2975; display:block; color:#fff; font-size:18px; width:100%; padding:15px 0}



.myorder_list {padding:15px 10px 70px 10px;}
.myorder_list .one_box {background:#fff; margin-bottom:15px; box-shadow:0 0 3px rgba(0,0,0,0.9)}
.myorder_list .one_box a {display:block; }
.myorder_list .title_area {padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); display:block; overflow:hidden; position:relative;}
.myorder_list .title_area .title {font-size:16px; letter-spacing:-1px; color:#000; font-weight:600; overflow:hidden; line-height:18px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:-webkit-box; margin-right:73px;}
.myorder_list .title_area .date {color:rgba(0,0,0,0.4); font-size:13px; font-weight:600}
.myorder_list .title_area .state {position:absolute; right:0; top:0; font-size:14px; text-align:center; width:65px; letter-spacing:-1px; color:#fff; right:10px; padding:10px 0; top:50%; margin:-19px 0 0 0; border-radius:60px;}
.myorder_list .title_area .st_1 {background:#acacac}
.myorder_list .title_area .st_2 {background:#70a20e}
.myorder_list .title_area .st_3 {background:#7432a2}
.myorder_list .title_area .st_4 {background:#e62f85}
.myorder_list .title_area .st_5 {background:#df1a56}
.myorder_list .info_area {padding:10px;}
.myorder_list .info_area .price {color:#ff4e00; display:block; font-size:15px;}
.myorder_list .info_area .price b {font-size:16px;}
.myorder_list .info_area .shop {display:block; font-size:15px; color:#394048}
.myorder_list .info_area .shop b {font-size:16px;}
.myorder_list .btn_area {overflow:hidden;}
.myorder_list .btn_area a {float:left; text-align:center; color:#fff; font-size:15px; letter-spacing:-1px; width:30%; padding:10px 0}
.myorder_list .btn_delivery {background:#3f5889; width:40% !important}
.myorder_list .btn_cancel {background:#606e74}
.myorder_list .btn_inquiry {background:#ff4e00; float:right;}


.group_top {overflow:hidden; text-align:center;}
.group_top img {width:100%;}
.group_list {padding:10px 10px 70px 10px; overflow:hidden;}
.group_list li {float:left;display:inline-block}
.group_list .one_box {background:#fff; float:left; width:50%; overflow:hidden}
.group_list .one_box a {float:left;}
.group_list .one_box img {width:100%; float:left;}



.shop_list {padding:15px 10px 70px 10px; overflow:hidden; }
.shop_list .one_box {background:#fff; display:block; margin-bottom:15px; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.9)}
.shop_list .one_box a {float:left;}
.shop_list .one_box img {width:100%; float:left;}


.product_list {padding:15px 10px 70px 10px;}
.product_list .one_box {background:#fff; margin-bottom:15px; box-shadow:0 0 3px rgba(0,0,0,0.9); position:relative; height:120px;}
.product_list .one_box a {display:block; overflow:hidden}
.product_list .thumb {height:120px; position:absolute;}
.product_list .thumb img {height:100%;}
.product_list .item_info {margin:10px 10px 0 130px; overflow:hidden; display:block;}
.product_list .pdname {overflow:hidden; display:block; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:-webkit-box; font-size:15px; color:#333; line-height:16px; font-weight:600}
.product_list .pd_price { position:absolute; left:130px; bottom:10px;}
.product_list .pd_price del {display:block; color:#999;  font-size:14px;}
.product_list .pd_price b {color:#ff4800; font-size:16px;}
.product_list .btn_view {position:absolute; right:10px; bottom:10px; border-radius:60px; width:60px; height:60px; overflow:hidden; line-height:80px; color:#fff; text-align:center; font-size:15px; letter-spacing:-1px;
background:#21aad2 url('../images/icon_plus.png') center 10px no-repeat; background-size:16px}


.nav_category {display:table; width:100%; overflow:hidden; border-bottom:1px solid #21aad2;}
.nav_category ul {display:table-row}
.nav_category li {display:table-cell; width:0%;}
.nav_category a {color:#fff!important; font-weight:600; text-align:center; display:block; font-size:16px; padding:14px 0; }
.nav_category .hit a {background:transparent url('../images/ctg_icon.gif') center bottom no-repeat; background-size:14px; color:#21aad2!important}


.inquiry_list {padding:15px 10px 70px 10px;}
.inquiry_list .one_box {margin-bottom:10px; box-shadow:0 0 3px rgba(0,0,0,0.9); background:#fff url('../images/view_icon.gif') 97% center no-repeat; background-size:10px; position:relative; overflow:hidden}
.inquiry_list .one_box a {display:block; }
.inquiry_list .title_area {padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); display:block; overflow:hidden; position:relative; margin:0 14px 0 60px;}
.inquiry_list .title_area .title {font-size:15px; letter-spacing:-1px; color:#000; font-weight:600; overflow:hidden; line-height:18px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; display:-webkit-box; }
.inquiry_list .title_area .date {color:rgba(0,0,0,0.4); font-size:14px;}
.inquiry_list .state {position:absolute; left:0; top:0; font-size:13px; text-align:center; width:60px; height:100%; letter-spacing:-1px; color:#fff; padding:10px 0; line-height:36px;}
.inquiry_list .st_no {background:#6c8db7}
.inquiry_list .st_ok {background:#ef5269}
.inquiry_list .st_ing {background:#8000ec}
.inquiry_list .btn_area {overflow:hidden; margin-bottom:10px}
.inquiry_list .btn_area a {float:right; text-align:center; color:#fff; font-size:15px; letter-spacing:-1px; width:30%; padding:10px 0}
.inquiry_list .btn_inquiry {background:#ff4e00; float:right;}

.inquiry_view {padding:15px 10px 90px 10px;}
.inquiry_view .inner {box-shadow:0 0 3px rgba(0,0,0,0.9); background:#fff; position:relative; overflow:hidden}
.inquiry_view .btn_area {overflow:hidden;}
.inquiry_view .btn_area a {text-align:center; color:#fff; font-size:17px; letter-spacing:-1px; padding:15px 0; }
.inquiry_view .btn_area a:only-of-type { display:block;}
.inquiry_view .btn_area .btn_write {background:#21aad2;}
.inquiry_view .btn_area .btn_list {background:#7a7e84;}

.inquiry_view .title {font-size:17px; font-weight:600; color:#333; padding:10px}
.inquiry_view .title b {color:#999; margin-right:5px;}
.inquiry_view .info {border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); position:relative; overflow:hidden; line-height:30px; padding:0 10px; color:#999; font-size:15px;}
.inquiry_view .state {position:absolute; right:0; top:0; font-size:15px; text-align:center; width:80px; height:100%; letter-spacing:-1px; color:#fff; line-height:30px;}
.inquiry_view .st_no {background:#6c8db7}
.inquiry_view .st_ok {background:#ef5269}
.inquiry_view .conts {padding:20px; font-size:14px; line-height:17x;}
.inquiry_view .reply_box {margin:0 20px 20px 20px; border:2px solid #21aad2}
.inquiry_view .reply_t {background:#21aad2; color:#fff; font-size:15px; overflow:hidden; padding:10px}
.inquiry_view .reply_date {font-size:15px; color:rgba(255,255,255,0.5); float:right;}
.inquiry_view .reply_conts {padding:10px; color:#333}



.inquiry_form {padding:15px 10px 90px 10px;}
.inquiry_form .inner {box-shadow:0 0 3px rgba(0,0,0,0.9); background:#fff; position:relative; overflow:hidden; }
.inquiry_form .btn_area {overflow:hidden;}
.inquiry_form .btn_area a {text-align:center; color:#fff; font-size:17px; letter-spacing:-1px; padding:15px 0; float:left; width:50%; }
.inquiry_form .btn_area a:only-of-type { display:block;}
.inquiry_form .btn_area .btn_write {background:#21aad2;}
.inquiry_form .btn_area .btn_list {background:#7a7e84;}


.inquiry_form li {border-bottom:1px dashed #ccc; position:relative; padding:10px 10px 10px 0; overflow:hidden; list-style:none}
.inquiry_form li:last-child {border-bottom:0}
.inquiry_form .opt {position:absolute; left:0; top:50%; letter-spacing:-1px; color:#444; width:70px; margin:-10px 0 0 10px; font-size:14px;}
.inquiry_form .value {margin-left:76px; overflow:hidden;}
.inquiry_form .value_text {margin-left:76px;margin-bottom:2px; overflow:hidden;font-size:15px;font-weight:bold}
.inquiry_form .value> input {width:100%;; background:#f1f1f1; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; height:40px; line-height:40px; font-size:13px;}
.inquiry_form .value> input:focus {background:#dcdcdc; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; color:#333}
.inquiry_form .value textarea {width:100%; overflow:auto; background:#f1f1f1 !important; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; height:200px; line-height:16px; padding:10px}
.inquiry_form .value textarea:focus {background:#dcdcdc; border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0; color:#333;}
.inquiry_form .value label {color:#666; float:left; line-height:31px; margin-right:10px; font-size:13px; overflow:hidden;}
.inquiry_form .value label input[type=radio] {float:left; margin:6px 5px 0 0;}
.inquiry_form .value label input[type=checkbox] {float:left; margin:6px 5px 0 0;}
.inquiry_form .guide_tx {margin:10px 0 0 80px; color:#ff6600; letter-spacing:-1px; clear:both}



/* ê³µí†µíŽ˜ì´ì§€ íŽ˜ì´ì§€ë„¤ì´íŠ¸ */
.paginate {text-align:center; padding:20px 0; clear:both;}
.paginate .inner {display:inline-block; position:relative;}
.paginate .page_num {float:left; height:45px}
.paginate .page_num  a {float:left; overflow:hidden; display:block; color:#666; font-size:15px; margin-left:-1px; border-left:1px solid #000; border-right:1px solid #000;}
.paginate .page_num  a {position:relative; background:rgba(0,0,0,0.6); padding:0 20px; height:45px; line-height:45px;}
.paginate .page_num  a:first-child {border-left:1px solid #000; margin-left:0}
.paginate .page_num  a:last-child {border-right:1px solid #000; margin-right:0}
.paginate .page_num .on {display:inline-block; background:rgba(0,0,0,0.6); color:#ff4e00; font-weight:bold; z-index:10;}
.paginate .inner > a {background:rgba(0,0,0,0.4); display:inline-block; padding:0 15px; height:45px; line-height:45px; float:left; z-index:5}
.paginate .inner > a:first-child {border-right:0;}
.paginate .inner > a:last-child {border-left:0}


.no_contents {text-align:center; overflow:hidden; padding:160px 0 50px 0; background:#fff url(../images/no_conts.png) center 50px no-repeat; background-size:100px;}
.no_contents b {display:block; font-weight:normal; color:#999; font-size:13px;}


/* 2015-01-28 ê³µì§€ì¶”ê°€ */
.notice_wrap {background:rgba(0,0,0,0.5); margin-bottom:10px;}
.notice_wrap .notice_box {background:transparent url('../images/view_icon.gif') 97% center no-repeat; background-size:7px; position:relative; overflow:hidden;  border-bottom:1px solid #000;}
.notice_wrap .notice_box a {display:block;}
.notice_wrap .notice_box:last-of-type {border:0}
.notice_wrap .notice_icon {font-size:13px; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; text-align:center; width:60px; height:100%; letter-spacing:-1px; color:#fff; line-height:55px;}
.notice_wrap .notice_value {padding:10px;display:block; overflow:hidden; position:relative; margin:0 14px 0 60px;}
.notice_wrap .notice_title {font-size:15px; letter-spacing:-1px; color:#21aad2; overflow:hidden; line-height:18px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; display:-webkit-box; }
.notice_wrap .notice_date {color:rgba(255,255,255,0.5); font-size:14px;}