@charset "UTF-8";
/* FIRSTMALL MOBILE ADMIN BY 2013-03-22 */

/* HTML5 RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none}

/* html {-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} */
html, body {width:100%;height:100%}

/* BODY 관련 색상조절 */
body{color:#000; word-wrap:break-word; word-break:break-all; overflow:auto;}
body, table, input, select, button, textarea, code {font-size:16px;color:#000;line-height:20px;font-family:"Malgun Gothic", "Dotum", "gulim", "Apple-Gothic", "Helvetica", "HelveticaNeue", "Helvetica-Bold", "Arial", "Verdana", "Simsun", sans-serif}
h1, h2, h3, h4, h5, h6 {/*font-size:14px;*/ text-align:left}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
img, fieldset, iframe {border:0 none}
table, div {border-collapse:collapse}
input, select, textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle}
textarea {overflow:auto}
img, input, select, li {vertical-align:middle;text-align:left; /*-webkit-border-radius:1px; -webkit-appearance:none;*/}
input {height:25px; line-height:25px;} 
select {height:29px; line-height:29px;}
address, caption, cite, code, dfn, em, th, var ,optgroup {font-style:normal;font-weight:none;}
ul, ol, li {list-style:none}
legend, caption {display:none}
em,address{font-style:normal}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}

/* LINK 관련 색상조절*/
a {margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none; color:#000 !important; font-weight:400 !important;}
a:link, a:visited, a:hover {text-decoration:none;font-weight:400 !important; color:#000 !important; }

/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml3{margin-left:3px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt-3{margin-top:-3px !important}
.mt0{margin-top:0px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}

.mb3{margin-bottom:3px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pdr3{padding-right:3px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr20{padding-right:20px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}
.pdl10{padding-left:10px !important}
.pdl20{padding-left:20px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}
.pdl5{padding-left:5px !important}
.pdt3{padding-top:3px !important}
.pdt5{padding-top:5px !important}
.pdt7{padding-top:7px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdb3{padding-bottom:3px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb20{padding-bottom:20px !important}
.pdb30{padding-bottom:30px !important}
.pd2{padding:2px !important}
.pd3{padding:3px !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}

.wx100 {width:100% !important;}
.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}

.wx20{width:20px}
.wx30{width:30px}
.wx50{width:50px}
.wx80{width:80px}
.wx70{width:70px}
.wx110{width:110px}
.wx150{width:150px}
.wx200{width:200px !important}
.wx250{width:250px !important}
.wx300{width:300px}
.wx350{width:350px}
.wx400{width:400px}
.wx450{width:450px}
.wx500{width:500px}

.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx9 {font-size:9px;}
.fx10 {font-size:10px;}
.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}
.fx18 {font-size:18px;}
.fx19 {font-size:19px;}
.fx20 {font-size:20px;}

.dotum {font-family:dotum;}

.li-none {list-style-type:none !important;}
.li-disc {list-style-type:disc !important;}
.li-circle {list-style-type:circle !important;}
.li-square {list-style-type:square !important;}
.li-decimal {list-style-type:decimal !important;}

/* 각종 컬러 */
.bold { font-weight: bold !important;}
.beige{color:#eceba8 !important;}
.red{color:#f00 !important;}
.blue{color:#06C !important;}
.white{color:#fff !important;}
.black{color:#000 !important;}
.yellow{color:#FFD700 !important;}
.green{color:#0f0 !important;}
.deepGreen{color:#0c0 !important;}
.lightgreen{color:#2aff98 !important;}
.orange{color:#f90 !important;}
.silver{color:#CECECE !important;}
.gray{color:#999 !important;}
.darkgray{color:#666 !important;}
.darkorange {color:#d13b00 !important;}
.highlight-link {color:#d13b00 !important;}
.highlight-link-text {font-weight:bold; color:#d13b00; text-decoration:none;}
.highlight-text {font-weight:bold; color:#d13b00; font-size:11px; letter-spacing:-1px;}
.desc{color:#747474; font-size:11px; letter-spacing:-1px;}
.desc-reference-mark {font-size:12px; color:#747474; vertical-align:middle;}
.desc2{color:#747474;}
.ngreen{color:#080;}	/*npay주문번호 고유컬러*/
.ngray{color:#95969e;}	/*npay상품주문번호 고유컬러*/
.gray_body{background:#F7F7F7 !important;width:100%; height:100%;}

/* 기타 공용 */
.hide {display:none;}
.left {text-align:left !important}

/*패이지별로 나누기*/
.search_content, .content, .bot_content, .main_content, .input_content{width:100%; -webkit-overflow-scrolling:touch; position:absolute; top:64px;}
.search_content{top:117px; bottom:10px;}
.bot_content{top:65px; bottom:70px; text-align:center}
.main_content{top:80px; padding:15px 7px 15px 7px;}
.content{top:65px; bottom:0px;}
.view_content{width:100%; position:absolute;}


/*이미지*/
.img_bi{display:inline-block;background-image:url('../images/bi.png');background-size:179px 32px;  width:179px; height:32px;}
.img_close2{display:inline-block;background-image:url('../images/btn_close.png');background-size:21px 22px;width:21px; height:22px; cursor:pointer;}
.img_close3{display:inline-block;background-image:url('../images/btn_close.png');background-size:18px 18px;width:18px; height:18px;}
.img_prevArrow{display:none;background-image:url('../images/prevArrow.png');background-size:13px 22px; background-repeat:no-repeat; background-position:center; width:20px; height:30px; float:left;}
.img_prevHome{display:none;background-image:url('../images/prevHome.png');background-size:26px 22px; background-repeat:no-repeat; background-position:center; width:26px; height:22px; float:left;}
.img_prevClose{background-image:url('../images/prevHome.png');background-size:26px 22px; background-repeat:no-repeat; background-position:center; width:26px; height:22px; float:left;}
.img_orderIcon{display:inline-block;background-image:url('../images/orderIcon.png');background-size:24px 25px;width:24px; height:25px;}
.img_productIcon{display:inline-block;background-image:url('../images/productIcon.png');background-size:25px 25px;width:25px; height:25px;}
.img_memberIcon{display:inline-block;background-image:url('../images/memberIcon.png');background-size:31px 28px;width:31px; height:28px;}
.img_statsIcon{display:inline-block;background-image:url('../images/statsIcon.png');background-size:30px 25px;width:30px; height:25px;}
.img_boardIcon{display:inline-block;background-image:url('../images/boardIcon.png');background-size:27px 25px;width:27px; height:25px;}
.img_companyIcon{display:inline-block;background-image:url('../images/companyIcon.png');background-size:36px 25px;width:36px; height:25px;}
.img_myMallIcon{display:inline-block;background-image:url('../images/myMallIcon.png');background-size:30px 25px;width:30px; height:25px;}
.img_manageMallIcon{display:inline-block;background-image:url('../images/manageMallIcon.png');background-size:29px 26px;width:29px; height:26px;}
.img_nextArrowIcon{display:inline-block;background-image:url('../images/nextArrowIcon.png');background-size:20px 20px;width:20px; height:20px;}
.img_openIcon{display:inline-block;background-image:url('../images/openIcon.png');background-size:14px 9px;width:14px; height:9px;}
.img_close{display:inline-block;background-image:url('../images/close.png');background-size:13px 13px; width:18px; height:18px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.img_refreshIcon{display:inline-block;background-image:url('../images/refreshIcon.png');background-size:21px 25px;width:21px; height:25px;float:right;}
.img_home{display:inline-block;background-image:url('../images/gwmart_bi.png');background-size:cover;width:185px; height:88px;margin-top:20px;}
.img_key{display:inline-block;background-image:url('../images/ic_key.png');background-size:27px 24px;  width:27px; height:24px;}
.img_id{display:inline-block;background-image:url('../images/ic_id.png');background-size:22px 24px; width:22px; height:24px;}
.img_pw{display:inline-block;background-image:url('../images/ic_pw.png');background-size:17px 25px; width:17px; height:25px;}
.img_naver{display:inline-block;background-image:url('../images/naver.png');background-size:14px 14px; width:14px; height:14px;margin:4px 3px 0px 3px;}
.img_myOrderIcon{display:inline-block;background-image:url('../images/myOrderIcon.png');background-size:cover;width:35px; height:25px;}
.img_openOrderIcon{display:inline-block;background-image:url('../images/openOrderIcon.png');background-size:cover;width:30px; height:25px;}

/*input*/
.input_login {width:100%; height:48px; margin-top:10px; vertical-align:middle; font-size:16px;color:#000; border:none; background:transparent;}

/*radio btn*/
/*margin:-2px 8px 0 0;*/
input[type="radio"], input[type="checkbox"] {display:none !important;}
input[type="radio"] + label span{display:inline-block;width:25px;height:25px;vertical-align:middle;background-image:url('../images/radio.png'); margin-right:7px; background-size:25px 25px;cursor:pointer;}
input[type="radio"]:checked + label span{background-image:url('../images/check_radio.png') !important; background-repeat:no-repeat !important; margin-right:7px;  background-size:25px 25px;width:25px;height:25px;}

input[type="checkbox"] + label span{display:inline-block; vertical-align:middle; background-image:url('../images/radio.png')  !important; background-repeat:no-repeat !important; background-position:0px 20px !important;  margin-right:7px;  background:transparent; background-size:25px 25px; width:25px;height:70px;}

input[type="checkbox"]:checked + label span{background-image:url('../images/check_radio.png') !important; background-repeat:no-repeat !important; background:transparent; background-position:0px 20px; margin-right:7px; background-size:25px 25px;width:25px;height:70px; }

input[type="checkbox"] + label{display:block; padding:0px 20px 0px 20px;}

.prod_ckb {display:inline-block; padding:0!important; width:23px;height:23px;margin:0;vertical-align:middle;background-image:url('../images/check_off.png');background-repeat:no-repeat;background-size:23px 23px; cursor:pointer;float:left;}
input[type="checkbox"]:checked + .prod_ckb{background-image:url('../images/check_on.png');background-size:23px 23px;width:23px;height:23px;}

/*on-off toggle btn*/
.btn-onoff{position:relative;width:45px; height:25px; padding:2px;border-radius:30px;background-color:#0099ff;}
.btn-onoff #button{position:absolute;left:2px;width:25px;height:25px;background-color:#ffffff;border-radius:25px;}
.toggle{display:inline-block; height:30px; }
.toggle_txt{float:right; margin-top:5px;margin-left:10px;}


/*ajax loading*/
.ajax-loading {
	position:fixed; left:48%; top:40%; z-index:120;
	display: none;
	width: 50px;
	height: 50px;
	border: 3px solid rgba(183,200,209,.4);
	border-radius: 50%;
	border-top-color: #a9b8c3;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
.ajax-mask{ position:absolute; left:0; top:0; z-index:100; background-color:#dfdfdf;  display:none}

/*새글 개수, 주문 상태*/
.new_cnt{display:inline-block;height:20px;width:20px auto;background:#0099FF;border-radius:10px 10px 10px 10px;line-height:20px;padding:0px 7px 0px 7px;font-size:12px;color:#fff;float:left;margin-left:5px;}
.skyblue_state_icon, .gray_state_icon, .skyblue_state_icon_s{border-radius:4px;padding:3px 5px 2px 5px;letter-spacing:-0.1em;color:#FFF; display:inline-block; vertical-align:top; }
.skyblue_state_icon, .gray_state_icon{font-size:12px;}
.skyblue_state_icon, .skyblue_state_icon_s{background:#2EB9FE;}
.gray_state_icon{background:#BBBBBB;}
.skyblue_state_icon_s{font-size:11px; padding:0 5px; height:19px; line-height:19px; }
.bar{border-left:1px solid #E0E0E0;height:10px;}


/*포인트 텍스트*/
.point_txt{display:inline-block; font-size:18px; color:#0099FF !important; font-weight:700;}

/***************************************************header***********************************************************/
.header{padding:20px 20px 0px 20px; line-height:24px;height:44px;text-align: center;border-bottom:1px solid #f2f2f2;background-color:#FFFFFF;color:#333333;top:0px;right:0px; left:0px;position:fixed;overflow:hidden;top:0;z-index:999}
.header_title{font-size:18px; color:#333333;}
.btn_collect{float:right; font-size:18px; color:#8F8F8F;}

/*footer*/
.fot_menu{position:fixed;bottom:0;left:0; right:0;height:46px; line-height:46px; background:#EEEEEE;border-top:1px solid #E0E0E0;padding:0px 20px 0px 20px; font-size:14px; color:#737373;}
.btn_setting{margin-left:20px;}
.btn_setting, .btn_logout{display:inline-block;line-height:46px;}
.btn_setting>span, .btn_logout>span, .btn_setting{float:left;}
.btn_logout{float:right; margin-right:20px;}
.img_settingIcon{display:inline-block;background-image:url('../images/settingIcon.png');background-size:28px 28px;background-repeat:no-repeat;width:28px; height:28px; margin:9px 5px;}
.img_logoutIcon{display:inline-block;background-image:url('../images/logoutIcon.png');background-size:25px 25px;background-repeat:no-repeat;width:25px; height:25px; margin:11px 5px;}
.nt_ic{width:42px; border:1px solid #BBBBBB; font-size:12px; border-radius:21px;padding:3px 12px 3px 12px; margin-right:5px;}

/*************************************************************** 리스트 *********************************************************/
/*리스트형 메뉴*/
.list_item, .list_itemx2, .list_item_mng{display:block; padding:20px; border-bottom:1px solid #EEEEEE;}
.list_item_mng{padding:13px 20px 0px 20px;height:45px;}
.list_item{min-height:18px; cursor:pointer;}
.list_item_title{display:inline-block; float:left; }
.list_item_r {float:right;}
.list_item_state{margin-right:15px; color:#BBBBBB;}
.list_item_state>span{color:#0099FF;}
.list_item_ar{float:right;}

/*제목 : 정보(왼쪽, 오른쪽정렬)*/
.list_item2_title, .list_item2_con, .list_item2_con_r{display:inline-block;  vertical-align:middle; background:#FFFFFF; word-wrap:break-word; white-space:normal; font-size:16px}
.list_item2_title{ width:30%; color:#888;}
.list_item2_con, .list_item2_con_r{ width:68%; color:#333;}
.list_item2_con_r{width:68%; text-align:right;}
.list>li{border-bottom:1px solid #EEEEEE; padding:20px; position:relative; left:0; right:0;}

/*주문상세 주문상품 리스트 아이템*/
.list_item3{border-bottom:1px solid #b4b4b4; }
.list_item3_con{padding:20px 90px 20px 20px; border-bottom:1px solid #EEEEEE; min-height:90px; position:relative; }
.list_item3_opt{ font-size:12px;margin-top:7px;}
.list_item3_bis{font-size:12px; color:#364A7C;}
.list_item3_txt{}
.list_item3_goods{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display:block}
.list_item3_img{float:none; border:1px solid #eeeeee; max-width:64px; position:absolute; right:15px; top:15px;}
.list_item3_total{height:30px; line-height:30px;padding:15px 20px 15px 20px; font-size:14px; }
.list_item3_total_type{float:right; color:#0099ff;font-size:14px;}

/*검색 리스트 아이템*/
#search_layer li,  #setting_layer li{float:left;}
.li_area, .li_area_on{display:block;  left:0; right:0; top:0; bottom:0; height:46px; line-height:46px; margin-left: -1px;margin-top: -1px; text-align:center;vertical-align:middle;font-size:13px; cursor:pointer;}
.li_area{border:1px solid #E0E0E0;background:#F7F7F7}
.li_area_on{ border:1px solid #0099FF; background:#FFF; position: relative;}
#setting_layer .li_area_on{ border:1px solid #364A7C;position: relative;}
.li_33{width:33.33%;}
.li_25{width:25%;}
.li_20{width:20%;}
.li_50{width:50%;}
.list_item_search{background:#F7F7F7;}
.list_item_search_on{background:#2EB9FE;color:#FFF;}
.list_item_setting_on{background:#5A6EA1;color:#FFF;}

/*검색 버튼*/
.search{padding:0px 20px 0px 20px; height:50px;line-height:50px;background:#F7F7F7;text-align:center;border-bottom :1px solid #EEEEEE;border-top :1px solid #EEEEEE;top:0px;right:0px;left:0px;position:relative;overflow:hidden;}
.input_search>input{float:left; height:30px; margin-top:11px;margin-left:7px;width:60%;border:0px;background:transparent;}
.btn_cancel{display:none;float:right;}
.img_searchIcon{display:inline-block;background-image:url('../images/searchIcon.png');background-size:19px 19px;width:19px; height:19px;float:left;margin-top:17px;}
.total_info{color:#6D6D6D; font-size:14px;}
.total_num{font-size:16px; color:#0099FF;}

/*타이틀*/
.detail_title, .detail_title2{display:block;color:#333;font-size:14px; padding-left:20px;padding-right:20px; height:43px;line-height:45px;background:#F7F7F7;border-bottom :1px solid #DBDBDB;}
.detail_title{border-top :1px solid #DBDBDB;}
.title{display:block;color:#333;font-size:14px; padding-left:20px;padding-right:20px; height:33px;line-height:33px;background:#F7F7F7;border-bottom :1px solid #EEE;border-top :1px solid #EEE;}
.title_search{display:block; font-size:14px; color:#858585; margin-top:20px;margin-bottom:5px;}
.title_search > span{display:inline-block;  float:left; margin-bottom:7px;}

/*검색 리스트*/
.dim-layer, #search_layer, #setting_layer{display:none;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.search_layer_ord, .search_layer_takeBack, .search_layer_bis, .search_layer_prod, .search_layer_ord_collect, .search_layer_ord_cancel, .search_layer_single{display:block;width:100%;position:fixed;bottom:0;background:#ffffff;z-index: 10;}
.search_layer_ord{padding-bottom:90px;}
.search_layer_takeBack{padding-bottom:90px;}
.search_layer_single{padding-bottom:90px;}
.search_layer_bis{height:200px;}
.search_layer_2step{height:300px;}
.search_layer_3step{height:381px;}
.search_layer_4step{height:462px;}
.search_layer_ord_collect{height:476px;}
.search_layer_ord_cancel{height:436px;}
.search_layout{padding:15px 15px 0px 15px;}
.search_layout>.img_close{float:right;}
.search_list{display:table; width:100%;}
.li_prod, .li_prod_2, .li_bis, .li_mb, .li_prod_qa{display:block; padding:15px 22px 0px 22px;border-bottom:1px solid #EEEEEE;background:#FFF;}
.li_prod{height:130px;}
.li_prod_2{height:117px;}
.li_prod_2.v2 { display:table; table-layout:fixed; width:100%; padding:0; height:auto; }
.li_prod_2.v2>.tdd { display:table-cell; padding:12px 10px; }
.li_prod_2.v2>.tdd.c1 { width:27px; text-align:center; vertical-align:middle; }
.li_prod_2.v2>.tdd.c1 .prod_ckb { display:inline-block; float:none; }
.li_prod_2.v2>.tdd .li_prod_title { width:100%; }
.li_prod_layout{display:inline-block;}
.li_prod>div, .li_prod_layout>div{margin-bottom:3px;}
.li_prod_title, .li_prod_qa_title .li_notice_title{font-size:16px;display:block}
.li_prod_title{/*width:280px;*/text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.li_notice_title{width:330px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.li_prod_qa_title .subject{width:280px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.li_prod_qa_title .qa_subject{width:200px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:inline-block}


/* 리스트 페이지 설정 팝업*/
.setting{height:180px; background:#4F566A; position: fixed; top:0px;left: 0;width: 100%;display:none;z-index: 1000;}
.img_prevArrow_wihte{display:inline-block;background-image:url('../images/prevArrow_white.png');background-size:13px 22px;width:13px; height:22px; float:left;}
.setting_top_dp{margin:20px 20px 0px 20px; text-align:center; font-size:25px; color:#fff;}
.setting_top_dp_txt{color:#ABABAB;}
.setting_btn_dp{margin-top:45px; text-align:center;}
.li_setting{display:inline-block; margin-right:50px; color:#FFF;background:transparent;}
.li_setting:last-of-type{margin-right:0px; }
.img_totalSelect{display:inline-block;background-image:url('../images/allSelect.png');background-size:22px 22px;width:22px; height:22px;margin-bottom:10px;}
.img_state{display:inline-block;background-image:url('../images/state.png');background-size:18px 24px;width:18px; height:24px;margin-bottom:10px;}
.img_appr{display:inline-block;background-image:url('../images/appr.png');background-size:23px 23px;width:23px; height:23px;margin-bottom:10px;}
.img_display{display:inline-block;background-image:url('../images/display.png');background-size:22px 27px;width:22px; height:27px;margin-bottom:10px;}
.img_add{display:inline-block;background-image:url('../images/add.png');background-size:22px 22px;width:22px; height:22px;margin-bottom:10px;}
.img_cancelFinish{display:inline-block;background-image:url('../images/cancelFinish.png');background-size:22px 22px;width:22px; height:22px;margin-bottom:10px;}
.img_ic_helper{display:inline-block;background-image:url('../images/ic_helper.png');background-size:20px 20px;width:20px; height:20px; margin-left:5px;}
.helper{display:none;background:#FFF; border:1px solid #828282; height:76px; position:absolute; left:0; right:0;top:170px; margin:0 15px 0 15px; padding-left:20px; font-size:14px;z-index:999px;}
.helper .img_close{position:absolute; top:7px; right:5px;}
.helper .txt{position:absolute; top:19px;}

/*버튼*/
.btn_blue_relativ, .btn_navy, .btn_blue, .btn_blue_ok, .btn_gary_s, .btn_blue_s, .btn_gary_l{height:70px;background:#0099FF;text-align:center;font-size:18px;color:#fff;}
.btn_blue_relativ, .btn_navy, .btn_blue, .btn_blue_ok, .btn_blue_s, .btn_gary_s, .btn_gary_l{line-height:70px;}
.btn_blue_relativ, .btn_navy, .btn_blue, .btn_blue_ok{width:100% !important;}
.btn_blue_relativ, .btn_blue, .btn_blue_ok, .btn_gary_s{background:#0099FF;}
.btn_blue, .btn_navy, .bot_btn{position:fixed; bottom:0; position:device-fixed; width:100%; cursor:pointer;}
.btn_blue_relativ{position:relative; bottom:0; left:0;right:0; cursor:pointer;}
.btn_gary_s{display:inline-block;width:38%;background:#BBBBBB; cursor:pointer;}
.btn_gary_l{display:inline-block;width:100%;background:#BBBBBB; cursor:pointer;}
.btn_blue_s{display:inline-block;width:62%;float:right; cursor:pointer;}
.btn_navy{background:#364A7C; cursor:pointer;}
.btn_open{float:right;font-size:14px; color:#333333; cursor:pointer;}
.btn_num{float:left; font-size:14px; color:#333333; margin-right:10px; cursor:pointer;}
.btn_close_r{float:right;margin-top:8px;}
.btn_cache{background:#BBBBBB; width:70px; height:20px; color:#FFF;font-size:14px;padding:5px 10px 5px 10px;border-radius:3px; letter-spacing:-0.05em; cursor:pointer;}
.btn_new{background:#21B3FC; width:44px; height:30px; color:#FFF;font-size:14px;border-radius:3px; letter-spacing:-0.05em;padding:5px 10px 5px 10px;margin-left:10px; cursor:pointer;}
.btn_more{margin:13px; border:1px solid #DBDBDB; background:#FFF; position:absolute; left:0px; right:0px; position:fixed; bottom:0; height:55px;text-align:center;line-height:55px; cursor:pointer;}
.btn_blue_s, .btn_open{float:right;}
.btn_blue_popup{width:100%;position:absolute;height:70px;line-height:70px; bottom:0; left:0;right:0;background:#0099FF;text-align:center;font-size:18px;color:#fff; cursor:pointer;}

/***************************************************** 페이지 ***************************************************************************************************/
/*start*/
.start_body{background: #30aafd; display:block; width:100vw; height:100vh; overflow:visibility; position:absolute;
background: -moz-linear-gradient(top, #30aafd 0%, #2eb9fe 85%, #2eb9fe 85%, #2dc3ff 100%);
background: -webkit-linear-gradient(top, #30aafd 0%,#2eb9fe 85%,#2eb9fe 85%,#2dc3ff 100%);
background: linear-gradient(to bottom, #30aafd 0%,#2eb9fe 85%,#2eb9fe 85%,#2dc3ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30aafd', endColorstr='#2dc3ff',GradientType=0 ); text-align:center;}

.start_body > div{position:relative; top:40%; left:0;}
.img_whsetting{display:inline-block; background-image:url('../images/icn_whsetting.png');background-size:45px 44px;background-repeat:no-repeat;width:45px; height:44px; margin-top:40px;}

/*비밀번호 */
.pass_txt{font-size:12px; color:#888; text-align:left;}
.pass_txt > div{padding-top:15px; letter-spacing:-0.12em; line-height:1.45em;}
.pass_dp{ position: relative; left:0; right:0; text-align:center; }

/*텍스트 상자*/
.txt_title{border:1px solid #DBDBDB; padding:10px 30px 20px 15px; background:#F7F7F7;height:30px;margin-bottom:5px;}
.txt_title>input{width:100%; height:100%; border:0;background:transparent;}

/*반품상세*/
.underline_skyblue_point_txt{font-size:18px; color:#0099FF; text-decoration:underline;}
.underline_txt{text-decoration:underline;}

.paging{position:relative;width:100%;height:48px;margin-top:17px;margin-bottom:15px;text-align:center;}
.paging .prev,.paging .next{height:31px;border:1px solid #0099FF;display:inline-block;width:calc(50% - 32px);position:absolute;padding-top:15px;background-repeat:no-repeat;font-size:13px;color:#0099FF;letter-spacing:-1px;background-size:8px;}
.paging .prev{left:20px;background-image:url('../images/blue_btn_prev.png');background-position:30%;}
.paging .next{right:20px;background-image:url('../images/blue_btn_next.png');background-position:70%;}

/*주문리스트 상품리스트*/
.li_prod_info, .li_prod_info2{ color:#BBBBBB; }
.li_prod_info{font-size:14px;}
.li_prod_info2{font-size:10px;}
.li_prod_info>span{display:inline-block;float:left;}
.li_prod_buyInfo{font-size:12px; color:#21B3FC;}
.li_prod_tag{font-size:14px; color:#333333;margin-top:10px;}
.li_prod_price{margin-top:7px;}
.li_prod_price>span{color:#0099FF;}
.li_prod_price>span:nth-of-type(1){font-size:24px;}
.li_prod_price>span:nth-of-type(2){font-size:12px;}


.intro_main { display:table; width:100%; height:100%; background:url(../images/bg_firstmall.png) 50% 50% no-repeat; background-size:100% 100%; }
.intro_main>.cont { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }

.item_list .li_prod{height:auto; padding-bottom:12px;}


/*####################### 21.08.17 gcs yun jy : #9809 #10847 관리자앱*/
.black-mask{position:fixed; display:none; width:100%; height:100%; background:black; opacity:0.3; z-index:100}


/* // 2025.03.20 gcs ksm : #25649 1달전까찌 검색 & 결제확인, 상품준비중단계 출력 */
.icon-order-step-25 {
    display: inline-block;
    white-space: nowrap;
    height: 20px;
    background: #7cb614 none;
    vertical-align: middle;
    overflow: hidden;
    text-indent: 0;
    text-align: center;
    font-size: 11px;
    color: #fff !important;
    line-height: 21px;
	border-radius:4px;padding:3px 5px 2px 5px;letter-spacing:-0.1em;
}

.icon-order-step-35 {
    display: inline-block;
    white-space: nowrap;
    height: 20px;
    background: #27a40e none;
    vertical-align: middle;
    overflow: hidden;
    text-indent: 0;
    text-align: center;
    font-size: 11px;
    color: #fff !important;
    line-height: 21px;
	border-radius:4px;padding:3px 5px 2px 5px;letter-spacing:-0.1em;
}