@charset "utf-8";

html { position: relative; min-height: 100%; }
body { }
/* main popup */
section.popup_rank{position: absolute; top:110px; left:200px; background-color:#fff; box-shadow:0 0 13px rgba(0,0,0,0.3)}
section.popup_rank > div{position:relative;  padding:55px 20px 20px;}
section.popup_rank div.popup_close {position:absolute; top:20px; right:20px;}
section.popup_rank div.popup_close > img{width:20px; opacity:0.7; cursor:pointer;}
section.popup_rank h1{text-align:center;}

#header { position: fixed; min-width: 1170px; width: 100%; height: 60px; background: #4cb1cd url('/img/header_bg.gif') repeat-y; z-index: 2; }
#header:after { content: ""; clear: both; display: block; }
#header .logo { float: left; width: 170px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#header .logo img { margin-top: -3px; max-width: 150px; max-height: 45px; vertical-align: middle; }
#header .logo a { height: 60px; line-height: 60px; font-size: 14px; font-weight: bold;  }
#header .logo span { display: inline-block; font-size: 15px; font-weight: bold; }
#header a { display: block; color: #fff; }
#header li { float: left; }

#menuTop { float: left; margin: 4px 0 0; }
#menuTop li a { padding: 7px 0; width: 80px; font-size: 12px; font-weight: bold; text-align: center; color: #d0e8f0; }
#menuTop li span { display: block; margin-top: 2px; letter-spacing: -1px; }
#menuTop li i { display: block; font-size: 22px; }
#menuTop li:hover a, #menuTop li.active a { background: #fff; color: #0184a8; }
#menuTop li:hover i, #menuTop li.active i { color: #0184a8; }

#infoUser { float: right; }
#infoUser li { background: url('/img/infouser_dot.png') left repeat-y; }
#infoUser .mesg { position: relative; padding: 17px 15px; color: #d0e8f0; }
#infoUser .board .bbs{ padding: 16px 14px 14px 20px; }
#infoUser .link-icon {}
#infoUser .link-icon .link { display: block; padding: 12px 10px 12px 10px; }
#infoUser .link-icon .icon { display: inline-block; }
#infoUser .link-icon .name { display: inline-block; }
#infoUser {}
#infoUser {}
#infoUser .mesg i { font-size: 26px; }
#infoUser .badge { position: absolute; right: 4px; top: 9px; }
#infoUser #infoUserMyInfo { height: 60px; }
#infoUser .fa-angle-down { position: absolute; top: 20px; right: 13px; font-size: 20px; font-weight: bold; }
#infoUser .user { padding: 6px 27px 6px 17px; font-size: 15px; letter-spacing: -1px; color: #d0e8f0; }
#infoUser .user i.fa-user { margin-right: 3px; font-size: 20px; }
#infoUser .user strong { margin-right: 10px; }
#infoUser .board .bbs:hover, 
#infoUser .homepage:hover, 
#infoUser .message:hover,
#infoUser #infoUserMyInfo:hover,
#infoUser .user.active { background: #0184a8; }
#infoUser #infoUserMyInfo:hover .name { color: #fff; }
#infoUser .info-point { margin: 4px 21px 0 0; font-weight: bold; letter-spacing: 0; color: #fff; }
#infoUser .info-point dl { position: relative; }
#infoUser .info-point dl:after { content: ""; clear: both; display: block; }
#infoUser .info-point dt { position: absolute; left: 0; top: 0; }
#infoUser .info-point dd { margin-left: 0; width: 100%; text-align: right; }
#infoUser .info-point dd .number { font-size: 15px; }
#infoUser .list { display: none; border: 1px solid #dce0f0; border-top: 0; background: #fff; }
#infoUser .list a { padding: 5px 25px; font-weight: bold; color: #555; }
#infoUser .list a:hover { background: #f5f5f5; }
#infoUser .list i { margin-right: 5px; font-size: 14px; }
#menuTopFlowernuri .img { margin-top: -2px; }
#menuTopFlowernuri .tit { margin-top: -4px; }

#container { padding-top: 60px; padding-bottom: 40px; }
/*
.side { position: fixed; margin-top: 60px; left: 0; top: 0; width: 170px; min-height: 100%; background: #017da0 url("/img/snb_bg.gif") left bottom repeat-x; z-index: 1; }
/* #snb > li { border-bottom: 1px solid #007a9c; } */

.wrap-side { position: fixed; top: 0; left: 0; width: 170px; height: 100%; background: #017da0 url("/img/snb_bg.gif") left bottom repeat-x; z-index: 1; }
.side { margin-top: 60px; width: 170px; overflow: hidden; }
.side-scroll { width: 188px; height: 100%; overflow-y: scroll; overflow-x: hidden; } 
.side-scroll ul { width: 170px; }
.side.admin { display: none; }
.wrap-side .tel { margin: 10px; padding: 10px 0; background: #016b8a; border-radius: 10px; font-weight: bold; text-align: center; color: #fff; }
.wrap-side .tel span { display: block; font-size: 16px; color: #fff; }
.wrap-side .tel .number { font-size: 18px; }
.side-scroll li a { display: block; color: #c8dbe4; letter-spacing: 1px; }
.side-scroll > ul > li > a { padding: 11px 10px; font-size: 13px; font-weight: bold; }
.side-scroll li a:hover { background: #016b8a; color: #fff; }
.side-scroll li.active { background: #016b8a; }
.side-scroll li.active > a { color: #fff; }
.side-scroll li.s { display: none; }
.side-scroll li i { margin-right: 5px; }
.side-scroll li i.arrow { float: right; font-size: 16px; }
.side-scroll li ul li a { padding: 5px 20px 5px 28px; }
.side-scroll li ul li:hover a,
.side-scroll li ul li.active a { background: #015d7d; }
.side-scroll li .badge { margin-left: 10px; }
.side-scroll .setting-a, .side-scroll .setting-s, .side-scroll .setting-m { display: none; }

#content { position: relative; margin-left: 170px; padding: 0 10px; min-width: 1500px; padding-top:20px;}

#footer { position: absolute; bottom: 0; left: 170px; right: 0; padding: 10px 15px; min-width: 1500px; border-top: 1px solid #e7e8f0; background: #f5f6fa; font-size: 11px; color: #999; }

body.login { background: url('/img/login_bg.jpg'); }
#login { position: fixed; left: 50%; top: 50%; margin-top: -195px; margin-left: -188px; border-radius: 3px; background: #fff; text-align: center; }
#login h1 { margin: 30px 0 0; }
#login input[type="text"],
#login input[type="password"] { padding: 5px; width: 260px; border: 0; background: none; font-size: 16px; }
#login .form { padding: 20px 30px 40px 30px; }
#login .form-group { margin-bottom: 7px; padding: 2px 10px; border: 2px solid #ccc; }
#login .checkbox { position: relative; text-align: left; font-size: 11px; color: #666; }
#login .btn-join { position: absolute; right: 0; top: 0; font-size: 12px; }
#login .btn-login { display: block; margin-top: 20px; padding: 10px 0; width: 317px; background: #303030; font-size: 18px; font-weight: bold; }
#login i { display: inline-block; margin-right: 5px; font-size: 20px; vertical-align: middle; color: #737373; }
#login .form-select { }
#login .form-select select { margin-bottom: 5px; padding: 8px 10px; width: 100%; border: 2px solid #ccc; font-size: 14px; }

#login_m { position: fixed; left: 50%; top: 50%; margin-top: -300px; margin-left: -300px; border-radius: 3px; background: #fff; text-align: center; width: 650px; height: 650px;}
#login_m h1 { margin: 30px 0 0; }
#login_m input[type="text"],
#login_m input[type="password"] { padding: 30px; width: 400px; border: 0; background: none; font-size: 30px; }
#login_m .form { padding: 20px 30px 40px 30px; }
#login_m .form-group { margin-bottom: 7px; padding: 2px 10px; border: 2px solid #ccc; }
#login_m .checkbox { position: relative; text-align: left; font-size: 25px; color: #666; }
#login_m .btn-join { position: absolute; right: 0; top: 0; font-size: 25px; }
#login_m .btn-login { display: block; margin-top: 20px; padding: 30px 0; background: #303030; font-size: 35px; font-weight: bold; }
#login_m i { display: inline-block; margin-right: 5px; font-size: 20px; vertical-align: middle; color: #737373; }
#login_m .form-select { }
#login_m .form-select select { margin-bottom: 5px; padding: 8px 10px; width: 100%; border: 2px solid #ccc; font-size: 14px; }

.info-browser { position: absolute; left: -120px; top: -210px; padding: 20px; width: 550px; background: #fff; border: 4px solid red; }
.info-browser .desc { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #888; font-size: 14px; font-weight: bold; }
.info-browser a { display: block; font-size: 14px; text-decoration: underline; color: #000; }
.info-browser img { margin-bottom: 10px; }
.info-browser .button { margin-top: 30px; text-align: center; }
.info-browser .btn-black { display: inline-block; width: 50px; text-decoration: none; color: #fff; }

/* ETC ------------------------------------------------ */
h2.title { margin: 0; font-size: 16px; font-weight: bold; }
h4.title { position: relative; margin: 30px 0 0 0; font-size: 16px; color: #444; }
h4.title .desc { display: inline-block; margin-left: 10px; font-size: 12px; color: #555; }

.section { margin-top: 20px; }

.summary-area { position: relative; padding: 5px 0; }
.summary-area strong { display: inline-block; vertical-align: middle; }
.summary-area .etc  { position: absolute; right: 0; top: 0; }
.summary-area .info { margin-left: 10px; }
.summary-area .date { display: inline-block; font-size: 14px; font-weight: bold; color: #337ab7; line-height: 18px; vertical-align: middle; }
.summary-area .date span { margin-left: 5px; }
.summary-area h4 { margin: 0; }


dl.col { display: inline-block; vertical-align: middle; }
dl.col:after { content: ""; clear: both; display: block; }
dl.col dt, dl.col dd { float: left; }
dl.col dt { line-height: 22px; font-weight: bold; }
dl.col dd { margin-left: 15px; }
dl.col .input-box { height: 2px; line-height: 22px; }

.term .amountformat.text-right { padding-right: 5px; width: 97%; }
.password-check { margin-left: 5px; font-size: 11px; color: #e9422e; }
.readonly { border-color: #ccc; background: #f6f6f6; color: #555; cursor: pointer; }
.alert { display: block; padding: 5px 10px; background: #f2dede; border: 1px solid #ebccd1; border-radius: 3px; font-size: 16px; color: #a94442; }
.alert.blue { background: #d9edf7; border-color: #bce8f1; color: #31708f; }
.alert.text-small { font-size: 12px; }

.fa-handshake-o { color: #1565c0; }
.fa-briefcase { color: #d32f2f; }

.fade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; cursor: pointer; z-index: 100; }
.open-img, .open-detail { position: absolute; left: 50%; top: 80px; z-index: 3;} /* 이미지 레이어 팝업*/
.open-img img { border: 8px solid #fff; cursor: pointer; }
.open-detail { top: 30px; padding: 8px; background: #fff; z-index: 999; } /* 화환상세보기 레이어팝업 */
.open-detail .img { cursor: pointer; }
.open-detail .info { padding: 5px 5px 3px 5px; border-bottom: 1px dotted #ccc; }
.open-detail .info strong { display: block;  font-size: 14px; }
.open-detail .desc { padding: 5px; }

/* 테두리있는 박스 */
.border-box { margin-top: 20px; padding: 20px 50px; border: 5px solid #ccc; }

/* page-header ------------------------------------------------ */
.page-header { margin: 0; }
.page-header:after { content: ""; clear: both; display: block; }
.page-header h3 { float: left; margin: 0; font-size: 25px; font-weight: normal; }
.page-header .breadcrumb { float: right; margin-top: 15px; }

/* menu-quick ------------------------------------------------ */
#quickMenu { /*position: fixed; top: 60px; left: 180px; right: 0; min-width: 1000px; */ padding: 15px 0; background: #fff; z-index: 1; }
#quickMenu ul { clear: both; overflow: hidden; }
#quickMenu li { float: left; overflow: hidden; }
#quickMenu li a { position: relative; display: block; padding: 10px; background: #05a375; border-left: 1px solid #05966c; font-size: 14px; font-weight: bold; text-align: center; letter-spacing: 1px; color: #fff; }
#quickMenu li:first-child a { border-left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#quickMenu li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#quickMenu li:hover a,
#quickMenu li.active a { background: #007150; }
#quickMenu li .badge { position: absolute; right: -25px; top: 0px; }
#quickMenu li a > span { position: relative; }

/* 안내박스 ------------------------------------------------ */
.guide-list { margin-top: 50px; padding: 15px 20px; border: 1px solid #e7e8f0; background: #fafafa; }
.guide-list p { margin: 0 0 7px 0; font-weight: bold; font-size: 14px; color: #337ab7; }
.guide-list li { position: relative; margin: 0 0 3px 7px; padding-left: 7px; }
.guide-list .dot { position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #337ab7; }
#popup .guide-list { margin-top: 0; padding: 7px 10px; }

/* 회원정보수정 ------------------------------------------------ */
.member-edit .address,
.member-view .address { margin-top: 3px; }
.member-edit .address input,
.member-view .address input { width: 40%; }
.member-view .summary-area,
.member-edit .summary-area { padding: 0; }
.member-edit .summary-area a,
.member-view .summary-area a { margin-bottom: -1px; padding: 5px 20px; border-bottom: 0; border-radius: 0; font-size: 14px; }
.member-edit .summary-area a:nth-child(2) { margin-left: -4px; margin-right: 5px; }
.member-edit .summary-btn { display: none; }
.member-view .state { margin-right: 5px; }

/* 테이블 ------------------------------------------------ */
.td-pad { padding: 4px 10px !important; }
.td-pad .file-group li { margin-top: 4px; }
.td-pad .file-group li:first-child { margin-top: 0; }
.td-pad .file-group label { width: 100px; }

.table .fa-leaf { font-size: 14px; }

.table .search-detail { margin-left: 10px; padding-left: 23px; background: 7px center url('/img/btn_search_detail_down.gif') no-repeat; }
.table .search-detail.up { background-image: url('/img/btn_search_detail_up.gif'); }

.table.moreinfo .area-list .label-sky { margin: 3px 5px 3px 0; }

/* 탭 ------------------------------------------------ */
.tab-menu { height: 40px; border-bottom: 1px solid #393c4b; }
.tab-menu:after { content: ""; clear: both; display: block; }
.tab-menu li { float: left; width: 50%; }
.tab-menu li a { display: block; padding: 10px 20px; border: 1px solid #ddd; border-bottom: 1px solid #f5f5f5; background: #f5f5f5; text-align: center; font-weight: bold; color: #777; }
.tab-menu li.active a { padding-bottom: 11px; border-color: #393c4b; border-bottom: 1px solid #fff; background: #fff; color: #333; }

/* 탭(blue) */
.tab { position: relative; }
.tab .search { position: absolute; right: 80px; top: 4px; }
.tab .etc { position: absolute; right: 0; top: 4px; }
.tab .cell { display: inline-block; padding: 5px 10px; border-radius: 3px; background: #bbb; font-size: 14px; font-weight: bold; color: #fff; }
.tab .cell.active { background: #337ab7; }

.tab ul { border-bottom: 2px solid #337ab7; }
.tab ul:after { content: ""; clear: both; display: block; }
.tab li { float: left; border-top: 1px solid #aaa; border-right: 1px solid #aaa; background: #bbb; }
.tab li a { display: block; padding: 5px 15px; font-size: 14px; font-weight: bold; color: #fff; }
.tab li.active { border: 1px solid #2e6da4; border-bottom: 0; background: #337ab7; }


/* 인트라넷탭 메인 --------------------------------------------- */
/*.main { margin-top: 55px; }*/
.main .header h3 { margin: 0; font-size: 20px; }
.main .header { position: relative; }
.main .header .btn-black { position: absolute; right: 0; bottom: 5px; font-size: 11px; }
.main .state-info { padding: 25px 10px; border: 5px solid #ccc; }
.main .state-info ul:after, .main .state-info dl:after { content: ""; clear: both; display: block; }
.main .state-info li:first-child a { border-left: 0; }
.main .state-info li a { display: block; border-left: 1px dotted #ccc; }
.main .state-info dl { display: inline-block; line-height: 30px; }
.main .state-info dt, .main .state-info dd { float: left; display: inline-block; font-size: 18px; font-weight: bold; }
.main .state-info dd span { font-size: 22px; }
.main .state-info dd { margin-left: 15px; }
.main .order-state li { float: left; width: 20%; text-align: center; }
.main .section { position: relative; }
.main .point-list { margin-left: 215px; height: 231px; }
.main .point-list .header, .main .payment-list .header { margin-top: 30px; }
.main .point-list .list { border: 5px solid #ccc; height: 193px; }
.main .pointlist-head { position: relative; border-bottom: 1px solid #ccc; }
.main .pointlist-head li { padding: 5px 10px; background: #f7f7f7; font-weight: bold; text-align: center; }
.main .pointlist-body li { position: relative; padding: 7px 10px; border-top: 1px solid #e8e8e8; }
.main .pointlist-body li:first-child { border-top: 0; }
.main .pointlist-body .result { text-align: center; font-weight: bold; line-height: 150px; }
.main .point-list .title { display: block; padding-right: 267px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .point-list .date { display: block; position: absolute; right: 120px; top: 0; width: 130px; border-left: 1px solid #ccc; text-align: center; }
.main .point-list .price { display: block; position: absolute; right: 0; top: 0; width: 100px; border-left: 1px solid #ccc; text-align: center; }
.main .pointlist-body .date { right: 130px; top: 5px; border-left: 0; }
.main .pointlist-body .price { right: 5px; top: 5px; border-left: 0; }
.main .payment-list { position: absolute; left: 0; top: -30px; width: 200px; }
.main .payment-list .list { padding: 20px 0; border: 5px solid #ccc; height: 153px; }
.main .payment-list .list:after { content: ""; clear: both; display: block; }
.main .account-info { text-align: center; }
.main .card-info { border-left: 1px dotted #ccc; }
.main .payment-list .state strong { display: block; font-size: 18px; }
/* 쇼핑몰 메인 */
.main .shop-order-state { position: relative; }
.main .shop-order-state .header { position: relative; margin-right: 330px; }
.main .shop-order-state .header h3 { font-size: 20px; }
.main .shop-order-state .date-select { position: absolute; left: 0; top: 0; width: 100%; }
.main .shop-order-state .date-select .date { display: block; position: absolute; left: 50%; top: -1px; margin-left: -62px; font-size: 24px; color: #444; }
.main .shop-order-state .date-select a { display: block; position: absolute; top: 5px; padding: 6px 0 3px 0; width: 28px; border: 1px solid #ccc; border-radius: 3px; text-align: center; }
.main .shop-order-state .date-select a:hover { border-color: #bababa; background-color: #e8e8e8; }
.main .shop-order-state .date-select .prev { left: 50%; margin-left: -110px; }
.main .shop-order-state .date-select .next { right: 50%; margin-right: -110px;}
.main .shop-order-state .date-select i { font-size: 18px; color: #444; }
.main .shop-order-state .state-info { margin-right: 330px; }
.main .shop-order-state .shop-link { top: 40px; height: 184px; }
.main .shop-order-state .shop-link a img { margin-top: 25px; }
.main .shop-order-state .shop-link a { height: 93px; }
.main .shop-order-state .state-info li { float: left; width: 25%; text-align: center; }
.main .shop-state { margin-top: 50px; border: 5px solid #ccc; }
.main .shop-state .info dt { padding: 7px 0 !important; }
.main .shop-state .info dd { height: 45px !important; line-height: 45px !important; }
.main .shop-board { margin-top: 50px;}
.main .shop-board .notice { float: left; width: 50%; }
.main .shop-board .notice .header,
.main .shop-board .notice .list { margin-right: 15px; }
.main .shop-board .question { float: left; width: 50%; }
.main .shop-board .question .header,
.main .shop-board .question .list { margin-left: 15px;}
.main .shop-board .list-head { position: relative; border-bottom: 1px solid #ccc; }
.main .shop-board .list-head:after { content: ""; clear: both; display: block; }
.main .shop-board .list-head li { padding: 7px 10px; background: #f7f7f7; font-weight: bold; text-align: center; }
.main .shop-board .list-head .date,
.main .shop-board .list-head .answer { top: 0 !important; width: 55px !important; border-left: 1px solid #ccc; }
.main .shop-board .list-body { height: 164px; overflow: hidden; }
.main .shop-board .list-body a { display: block; position: relative; padding: 7px 10px; border-bottom: 1px solid #e8e8e8; }
.main .shop-board .list-body li:first-child a { }
.main .shop-board .list { border: 5px solid #ccc; }
.main .shop-board .list .title { display: block; padding-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main .shop-board .list .date,
.main .shop-board .list .answer { display: block; position: absolute; right: 10px; top: 7px; width: 70px; text-align: center; }
.main .shop-board .list .no-result { line-height: 164px; font-size: 14px; font-weight: bold; text-align: center; }
.main .shop-board:after { content: ""; clear: both; display: block; }
.main .shop-info { display: table; width: 100%; table-layout: fixed; }
.main .shop-info > li { display: table-cell; border-left: 1px solid #ccc; text-align: center; }
.main .shop-info > li:first-child { border-left: 0; }
.main .shop-info .info dt { padding: 10px 0; border-bottom: 1px solid #ccc; background: #f9f9f9; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
.main .shop-info .info dd { margin: 0; height: 80px; line-height: 80px; font-size: 14px; font-weight: bold; }
.main .shop-info .info dd strong { font-size: 22px; }
.main .shop-info .info dd a { line-height: 23px; }
.main .shop-info .info .btn { padding: 8px 20px; font-size: 14px; }
.main .shop-state-list { margin-right: 330px; border: 5px solid #ccc; }
.main .shop-info .active dt,
.main .shop-info .active dd { background: #f2dede; }
.main .shop-link { position: absolute; right: 0; top: 0; width: 300px; height: 122px; border: 5px solid #ccc; border-left-width: 4px; border-top-width: 4px; }
.main .shop-link ul:after { content: ""; clear: both; display: block; }
.main .shop-link li { float: left; width: 50%; }
.main .shop-link a { display: block; height: 61px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; }
.main .shop-link a img { margin-top: 10px; }
.main .now-state { margin-top: 10px; font-size: 18px; }
.main .now-state #strStepInfo { display: inline; }
.main .now-state .link-group { margin-top: 10px; padding: 10px 0 5px 0; border-top: 1px dotted #a94442; text-align: center; }
.main .now-state .btn { margin-left: 10px; font-size: 14px; vertical-align: top; }
.main .shop-request-step { margin-top: 50px; }
.main .shop-request-step .step { padding: 20px 0; text-align: center; }
.main .shop-request-step .step-info { margin: 0 30px; padding: 20px 0; }
.main .shop-request-step .step-info dl { position: relative; padding: 10px 0; border-bottom: 1px dotted #ccc; font-size: 14px; }
.main .shop-request-step .step-info dt { position: absolute; left: 10px; top: 10px;font-weight: bold; }
.main .shop-request-step .step-info dd { margin-left: 160px;}
/* 쇼핑몰 메인 레이어팝업 */
.layer-shop-request { position: fixed; left: 50%; top: 150px; margin-left: -130px; width: 400px; border: 5px solid #05a375; background: #fff; }
.layer-shop-request .layer-header { position: relative; padding: 10px 15px; background: #05a375; font-size: 18px; color: #fff; }
.layer-shop-request .layer-header .btn-close { display: block; position: absolute; right: 15px; top: 15px; width: 15px; height: 15px; background: url('/img/close.png') no-repeat; }
.layer-shop-request .layer-body { padding: 20px; }
.layer-shop-request .check-agency { padding: 30px 0; border: 3px solid #444; text-align: center; }
.layer-shop-request .check-agency label { font-weight: bold; }
.layer-shop-request .title { padding: 5px 0 3px 0; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold; }
.layer-shop-request .tit { display: inline-block; width: 95px; }
.layer-shop-request .text { width: 230px; }
.layer-shop-request .agency-request { margin-top: 20px; }
.layer-shop-request .agency-request li { margin-top: 5px; }
.layer-shop-request .agency-request-none { margin-top: 20px; }
.layer-shop-request .agency-request-none .info { margin-top: 5px; }
.layer-shop-request .agency-charge { margin-top: 20px; padding: 10px 20px; border-top: 2px solid #444; border-bottom: 2px solid #444; }
.layer-shop-request .agency-charge dl { width: 100%; font-size: 14px; }
.layer-shop-request .agency-charge dd { float: right; }
.layer-shop-request .agency-charge .price { font-size: 15px; }
.layer-shop-request .agency-charge .total-price { margin-top: 7px; padding-top: 7px; border-top: 1px dotted #444; }
.layer-shop-request .agency-charge .total-price .price { font-size: 17px; font-weight: bold; color: #e9422e; }
.layer-shop-request .domain-info { border-right: 1px solid #ccc; }
.layer-shop-request .domain-info:after { content: ""; clear: both; display: block; }
.layer-shop-request .domain-info li { float: left; width: 50%; text-align: center; }
.layer-shop-request .domain-info li span { display: block; padding: 10px 0; border: 1px solid #ccc; border-right: 0; font-weight: bold; }
.layer-shop-request .bank-info { font-weight: bold; text-align: center; color: #337ab7; }

.shop-qna { position: relative; }
.shop-qna .qna-write { position: absolute; left: 0; top: 0; width: 515px; }
.shop-qna .qna-write .text-area { height: 203px; }
.shop-qna .qna-list { margin-left: 530px; }


/* 쪽지 ------------------------------------------------ */
.icon-mesg-on { display: inline-block; width: 17px; height: 17px; background: url('/img/icon_mesg_on.png'); vertical-align: middle; }
.icon-mesg-off { display: inline-block; width: 17px; height: 17px; background: url('/img/icon_mesg_off.png'); vertical-align: middle; }
.mesg-title { width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.message-box { border-top: 2px solid #393c4b; width: 600px; }
.message .mesg-header { padding: 5px; border-bottom: 1px solid #e8e8e8; }
.message .mesg-header .text { margin-left: 3px; width: 495px; cursor: pointer; }
.message .mesg-header dl:after { content: ""; clear: both; display: block; }
.message .mesg-header dt,
.message .mesg-header dd { height: 20px; }
.message .mesg-header dt { float: left; width: 65px; font-weight: bold; }
.message .mesg-header dd.name { font-weight: bold; }
.message .mesg-body { padding: 5px; border-bottom: 1px solid #ccc; }
.message .mesg-body .textarea { width: 570px; height: 260px; }

/* 수발주 ------------------------------------------------ */
#selectMessage { margin: 5px 0; }
.order-info { margin-top: 3px; padding: 4px 30px 3px 30px; border: 1px solid #bce8f1; border-radius: 3px; background: #d9edf7; font-size: 13px; }
.order-info .wrap-row:after { content: ""; clear: both; display: block; }
.order-info .wrap-row { text-align: center; }
.order-info dt { color: #31708f; }
.order-info dd { font-weight: bold; }
.order-info dd .order-type { padding: 4px 12px; font-size: 12px; letter-spacing: 1px; }
.order-info dd .num { font-size: 19px; }
.order-info dd i { padding: 0 5px; }
.order-info .wrap-row.price { margin: 3px auto 0 auto; padding-top: 3px; border-top: 1px dashed #a8e0ec; }
.order-info .wrap-row.price dt {font-weight: bold; }
.order-info .wrap-row.price dd { margin: -3px 0 0 0; font-size: 14px; }
.order-info .panel-price { position: relative; float: left; width: 25%; }
.order-info .panel-price .title { display: inline-block; }
.order-info .panel-price .tip { display: inline-block; width: 16px; height: 16px; background: url('/img/icon_question.png') no-repeat; }
.order-info .panel-price .desc { display: none; position: absolute; right: -25px; top: -15px; padding: 5px; width: 95px; border: 1px solid #337ab7; border-radius: 3px; background: #fff; font-weight: normal; font-size: 12px; color: #222; z-index: 1; }
.order-info .panel-price.third .desc { right: -32px; }
.order-info .panel-price.fourth .desc { top: -7px;}
.order-info .panel-price .calc { display: block; position: absolute; right: -13px; top: 15px; width: 26px; height: 26px; background: url('/img/order_info_price.png') 0 0 no-repeat; }
.order-info .panel-price .calc.minus { background-position: -36px 0; }
.order-info .panel-price .calc.equal { background-position: -72px 0; }
.mesg-ribbon { padding: 5px 7px; border-top: 1px dotted #bbb; background: #f7f7f7; }
.mesg-ribbon .select { width: 130px; }
.ribbon-sample { font-weight: bold; }
.ribbon-sample span { margin: 5px 5px 0 0; padding: 1px 8px; }
.ribbon-sample dl { width: 100%; }
.mesg-card { display: none; padding: 5px 7px; border-top: 1px dotted #bbb; background: #f7f7f7; }
.select-detail { display: inline-block; }
.select-detail dl.url, .select-detail dl.file, .select-detail.delivery { display: none; }
dl.order-address { position: relative; height: 24px; }
dl.order-address dt { font-weight: bold; line-height: 22px; }
dl.order-address dd { position: absolute; left: 0; top: 0; margin-left: 40px; width: 95%; }
.order-list .btn { padding: 2px 5px; font-size: 11px; }

.msg_box {border: 3px solid #2ab18a; margin-top:10px; margin-bottom:10px;}


/* 배송사진 & 사진보기팝업 ------------------------------------------------ */
#deliveryPhoto .list:after { content: ""; clear: both; display: block; }
#deliveryPhoto .list li { position: relative; float: left; margin-left: 7px; margin-bottom: 10px; width: 175px; }
#deliveryPhoto .list li .wrap { padding: 5px; border: 1px solid #ccc; }
#deliveryPhoto .list li .cover { display: none; position: absolute; left: 6px; top: 6px; width: 163px; height: 163px; background: url('/img/delivery_cover.png') no-repeat;}
#deliveryPhoto .list li:hover .cover { display: block; }
#deliveryPhoto .list li a { display: block; }
#deliveryPhoto .list .img img { width: 163px; height: 163px; }
#deliveryPhoto .list .info .name { display: block; font-weight: bold; font-size: 13px; }
#deliveryPhoto .list .desc { margin-top: 3px; padding-top: 1px; border-top: 1px dotted #ccc; }
#deliveryPhoto .list .desc .date { margin-left: 5px; font-size: 13px; }
#deliveryPhoto .list .btn-black { margin-top: 5px; }
#deliveryPhoto h4 { margin-top: 20px; }

/* 사진보기팝업 */
.view-product-photo ul:after { content: ""; clear: both; display: block; }
.view-product-photo li { float: left; border: 1px solid #ccc; border-left: 0; line-height: 0; cursor: pointer; }
.view-product-photo li:first-child { border-left: 1px solid #ccc; }
.view-product-photo li.active { border: 3px solid #05a375; margin-left: -1px; }
.view-product-photo li:first-child.active { margin-left: 0; }
.view-product-photo li.active img { padding: 3px; }
.view-product-photo li img { padding: 5px; width: 50px; height: 50px; }
.view-product-photo .photo-view { margin-top: 10px; min-height: 500px; text-align: center; }
.view-product-photo .photo-view img { padding: 5px; border: 1px solid #ccc; }

/* 공동구매 ------------------------------------------------ */
#buying .cover { display: none; position: absolute; left: 0; top: 0; width: 218px; height: 243px; background: url('/img/standard_cover.png') center no-repeat; }
#buying .detail .img:hover .cover { display: block; }
#buying .bar { margin: 0 5px;}
#buying input.text { float: left; width: 20px; border-right: 0; border-left: 0; text-align: center; vertical-align: top; }
#buying .buying-list dl.input-quantity { margin: 4px 0; }
#buying .quantity { display: inline-block; float: left; width: 24px; height: 22px; line-height: 22px; border: 1px solid #ccc; background: #f1f2f4; text-align: center; color: #666; }
#buying .buying-list:after, #buying dl:after { content: ""; clear: both; display: block; }
#buying dt, #buying dd { float: left; }
#buying .buying-list li { float: left; width: 250px; }
#buying .buying-list li .wrap { padding: 10px; margin: 5px; border: 1px solid #ccc; }
#buying .buying-list dl { margin-top: 2px; height: 24px; line-height: 24px; }
#buying .buying-list dd { margin-left: 10px; }
#buying .buying-list dd .number { font-size: 14px; }
#buying .buying-list .host { margin-bottom: 3px; font-weight: bold; }
#buying .buying-list .detail { position: relative; }
#buying .buying-list .detail img { width: 100%; }
#buying .buying-list .detail .name { display: block; font-size: 14px; }
#buying .buying-list .detail .info { padding-bottom: 5px; border-bottom: 1px dotted #ccc; }
#buying .buying-list .buying { margin-top: 3px; padding-top: 5px; border-top: 1px dotted #ccc; }
#buying .buying-list .buying .total { margin-left: 10px; font-size: 18px; }
#buying .buying-list .button { margin-top: 10px; }
#buying .buying-list .btn-buying { display: block; margin-top: 5px; height: 30px; line-height: 30px; font-size: 14px; }
#buying .buying-list .name, #buying .buying-list .info { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#buying .buying-list .no-result { width: 100%; min-width: 1000px; text-align: center; font-weight: bold; }
#buying .buying-list .no-result span { display: block; margin: 5px; margin-right: 0; padding: 20px; border: 1px solid #ccc; text-align: center; font-weight: bold; }
#buying .buying-list .cover { left: 0; top: 0; }

#buying .detail-header { position: relative; border: 1px solid #ccc; height: 500px; }
#buying .detail-header .img { position: absolute; padding: 15px; width: 470px; }
#buying .detail-header .img img { width: 100%; }
#buying .detail-header .detail { margin-left: 500px; padding: 30px 20px; height: 440px; border-left: 1px solid #e8e8e8; font-size: 14px;  }
#buying .detail-header dl { margin-bottom: 10px; }
#buying .detail-header dt { width: 100px; font-weight: bold; }
#buying .detail-header .name { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; font-size: 20px; font-weight: bold; color: #000; }
#buying .detail-header .total { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #ccc; }
#buying .detail-header .total strong { margin-left: 30px; font-size: 32px; }
#buying .detail-header .page-button { margin: 20px 0; text-align: left; }
#buying .detail-header .page-button .btn { margin-top: 5px; width: 200px; height: 50px; line-height: 45px; font-size: 16px; }
#buying .detail-body { margin-top: 50px; padding: 20px; border: 1px solid #ccc;  text-align: center; }
#buying .detail-body .title { display: block; margin-bottom: 20px; font-size: 20px; font-size: 24px; font-weight: bold; }
#buying .detail-body .info { margin-bottom: 30px; text-align: left; }
#buying #imgDetailView { padding: 30px 0; border-top: 1px dotted #ccc; text-align: center; }
#buying #imgDetailView img { display: block; margin: 0 auto 30px auto; }

.tab.buying { margin: 20px 5px 10px 5px; }
#buying .standard li:hover .wrap { padding: 10px; margin: 5px; border: 1px solid #ccc; }
#buying .standard .detail { position: relative; height: 335px; }
#buying .standard .detail .img { cursor: pointer;}
#buying .standard .detail img { height: 243px; }
#buying .standard .detail .img:hover .cover { display: block; }
#buying .standard .cover { left: 0; top: 21px; }
#buying .standard .detail .info { padding: 3px 0 0; border-bottom: 0;border-top: 1px dotted #ccc; }
#buying .standard .layer { display: none; position: absolute; left: 70px; bottom: 0; padding: 10px; width: 200px; border: 1px solid #000; background: #fff; z-index: 1;}
#buying .standard .price:after { content: ""; clear: both; display: block; }
#buying .standard .price dl { float: left; margin-top: 0;  }
#buying .standard .price .bar { float: left; line-height: 24px; }

/* 상품등록 이미지등록 버튼 */
.buying-register .bar { margin: 0 5px; }
.buying-register .list-price .col dt { width: 70px; }
.buying-register .col dt { width: 60px; }
.buying-register .col dd { margin-left: 0; }
.buying-register .col.shop-name { display: block; margin-bottom: 5px;}
.buying-register .file-group label { width: 110px; }
.buying-register .file-group input[type="file"] { overflow: hidden; height: 0; width: 0; border: 0; border-radius: 0; background: none; appearance: none; -webkit-appearance: none; }
.buying-register .file-group .file-button { display: inline-block; position: relative; padding-left: 25px; }
.buying-register .file-group .fa-check { position: absolute; left: 0; top: 4px; font-size: 16px; }
.buying-register .form-img-register { display: inline-block; width: 150px; }

/* 지역선택 드롭다운 ------------------------------------------------ */
#areaSelect .area { position: relative; margin-top: 5px; padding: 5px 10px; border: 1px solid #ccc; }
#areaSelect .area:first-child { margin-top: 0; }
#areaSelect .city { padding: 2px 0; font-size: 14px; font-weight: bold; }
#areaSelect .city input { margin-top: -2px; }
#areaSelect .city .show-local { position: absolute; right: 10px; top: 5px; margin-left: 5px; padding: 2px 8px; border: 1px solid #2e6da4; font-size: 12px; color: #2e6da4; }
#areaSelect .city .show-local:hover { background: #2e6da4; color: #fff; }
#areaSelect .area .checkbox-group { display: none; margin-top: 3px; padding: 5px 0; width: 100%; border-top: 1px dotted #ccc; }
#areaSelect .area .checkbox-group input, 
#areaSelect .area .checkbox-group label { margin: 2px 0; }
#areaSelect .area .checkbox-group label { width: 80px; }
#areaSelect .select-area { padding: 3px 8px; border: 2px solid #2e6da4; }
#areaSelect .select-area strong { display: block; font-size: 14px; color: #2e6da4; }
#areaSelect .select-area .desc span { display: inline-block; margin: 2px 3px; padding: 1px 5px; border-radius: 3px; border: 1px solid #46b8da; background: #5bc0de; color: #fff; }

/* 인트라넷설정 ------------------------------------------------ */
#intranetSet .commission-per { display: inline-block;}
#intranetSet .commission-price { display: none }
#intranetSet dl { display: inline-block; vertical-align: middle; }
#intranetSet dt, #intranetSet dd { float: left; }
#intranetSet dt { height: 24px; line-height: 24px; font-weight: bold; }
#intranetSet dd { margin-left: 10px; }
#intranetSet .product-img img { width: 100px; height: 100px; }
/* 문자설정 */
#intranetSet .set-message { position: relative; }
#intranetSet .guide { margin-bottom: 20px; padding: 10px 20px; }
#intranetSet .guide strong { display: block; font-size: 14px; }
#intranetSet .mesg-tab { position: absolute; left: 0; top:0; }
#intranetSet .mesg-tab li { width: 196px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#intranetSet .mesg-tab li:first-child { border-top: 1px solid #ccc; }
#intranetSet .mesg-tab li a { display: block; padding: 10px 20px; font-weight: bold; }
#intranetSet .mesg-tab li.active a { background: #2ab18a; color: #fff; }
#intranetSet .mesg-box { margin-left: 196px; padding: 20px 0 20px 20px; height: 300px; border: 1px solid #ccc; }
#intranetSet .message, #intranetSet .guide { display: none; }
#intranetSet .message:after { content: ""; clear: both; display: block; }
#intranetSet .mesg-basic, #intranetSet .mesg-input, 
#intranetSet .mesg-result { float: left; padding: 0 20px; }
#intranetSet .mesg-basic .textarea, #intranetSet .mesg-input .textarea { padding: 12px 12px 32px 12px; }
#intranetSet .message .title { margin-bottom: 3px; font-size: 14px; font-weight: bold; text-align: center; }
#intranetSet .message .desc { margin-top: 5px; width: 212px; font-size: 12px; font-weight: normal; text-align: left; color: #888; }
#intranetSet .message .textarea, #intranetSet .message .text-box { padding: 12px 12px 32px 12px; width: 180px; height: 180px; background: #f5faff; border: 1px solid #dadddf; resize: none; }
#intranetSet .message .mesg-input .textarea { border: 3px solid #2ab18a; }
#intranetSet .mesg-basic { border-right: 1px dotted #ccc; }
#intranetSet .mesg-result, #intranetSet .mesg-input { position: relative; }
#intranetSet .byte { position: absolute; left: 23px; bottom: 44px; padding: 5px 15px; width: 174px; background: #e7f0f9; text-align: right; }
#intranetSet .byte .text { width: 30px; padding: 0; border: 0; background: none; text-align: right; font-weight: bold; vertical-align: top; }
#intranetSet .mesg-result i.fa { position: absolute; left: -10px; top: 100px; font-size: 56px; font-weight: bold; }
#intranetSet .message .text-box { word-break: break-word; overflow-y: auto }
#intranetSet .col-ul-wrap { border-top: 2px solid #393c4b; border-bottom: 1px solid #ccc; }
#intranetSet .col-ul li { position: relative; padding: 5px 10px; border-top: 1px solid #e8e8e8; }
#intranetSet .col-ul:first-child li { border-top: 0; }
#intranetSet .col-ul li:hover { background: #eaf5fd; }
#intranetSet .col-ul li.input-number:hover,
#intranetSet .col-ul .input-number { background: #f7f7f7; }
#intranetSet .col-ul .full { width: 100%; }
#intranetSet .col-ul dt { width: 65px; }
#intranetSet .col-ul dd { margin: 0; }
#intranetSet .col-ul dl.mobile { width: 39%; vertical-align: top; }
#intranetSet .col-ul dl.mobile dd { height: 24px; line-height: 24px; }
#intranetSet .col-ul dl.mobile .number { font-size: 13px; color: #337ab7; }
#intranetSet .col-ul dl.memo { position: relative; width: 60%; }
#intranetSet .col-ul dl.memo dt { position: absolute; left: 0; top: 0; }
#intranetSet .col-ul dl.memo dd { width: 100%; }
#intranetSet .col-ul dl.memo dd span { display: block; margin: 2px 45px 0 80px; }
#intranetSet .col-ul .input-number dl.memo dd span { display: block; margin: 0 60px 0 80px; }
#intranetSet .col-ul .input-number dl.mobile dd { height: 0; line-height: 0; }
//#intranetSet .col-ul .group-btn { position: absolute; right: 10px; top: 5px; }
#intranetSet .col-ul.list-number { border-top: 0; }
#intranetSet .col-ul li.no-result { padding: 15px 0; text-align: center; font-weight: bold; }
#intranetSet .col-ul li.no-result:hover { background: none; }
#intranetSet .col-ul-wrap.fax { padding: 8px 10px; background: #f7f7f7; }

/* 달력 ------------------------------------------------ */
#calendar .calendar-title { font-size: 32px; font-weight: bold; text-align: center; }
#calendar .calendar-title .month { margin: 0 10px; }
#calendar .calendar-title button { padding: 0 20px; line-height: 32px; }
#calendar .calendar-title i { font-size: 38px; font-weight: bold; }
#calendar table { margin-top: 10px; width: 100%; border-top: 2px solid #393c4b;}
#calendar th, #calendar td { padding: 6px; border-bottom: 1px solid #ccc; }
#calendar th { background: #f7f7f7; }
#calendar td { position: relative; height: 85px; vertical-align: top; }
#calendar td:first-child { color: #e9422e; }
#calendar td span, #calendar td div { font-weight: bold; }
#calendar .today { position: absolute; left: 0; top: 0; width: 100%; height: 97px; border: 2px solid #337ab7; box-sizing: border-box; z-index: -1; }
#calendar .calculate-day { color: #e9422e; }

/* 통계 ------------------------------------------------ */
#statistics {}


/* 쇼핑몰 ------------------------------------------------ */
.mall {}
.mall h4.title { margin-top: 0; }
.mall .table .item-img { margin: 0; }
.mall .table .item-img img { width: 60px; height: 60px; border: 1px solid #ccc; }
.mall .file-group label { width: 120px; }
.mall .file-group input[type="file"] { overflow: hidden; height: 0; width: 0; border: 0; border-radius: 0; background: none; appearance: none; -webkit-appearance: none; }
.mall .file-group.il-block { width: 200px; }
.mall .file-etc { display: inline-block; }
.mall .option-info { display: inline-block; margin-left: 10px; padding-left: 5px; background: url('/img/dot.gif') left center no-repeat; vertical-align: middle; }
.mall .shop-detail-img { display: inline-block; margin-left: 10px; }
.mall .shop-detail-img:first-child { margin-left: 0; border-left: 0; }
.mall .shop-detail-img,
.mall .other-item-img { padding-top: 4px; padding-bottom: 4px; }
.mall .other-item-img .item-img { display: inline-block; vertical-align: middle; }
.mall .bor-dot-box { padding: 5px 10px; border-top: 1px dotted #bbb; background: #f7f7f7; }
.mall .bor-dot-box.none { border-top: 0; }
.mall .bor-dot-box dl { display: block; }
.mall .bor-dot-box dl dt { font-weight: bold; color: #337ab7; }
.mall .bor-dot-box .cus-col { display: block; position: relative; }
.mall .bor-dot-box .cus-col dt { position: absolute; left: 0; top: 0; }
.mall .bor-dot-box .cus-col dd { margin-left: 76px; width: 90%; }
.mall .bestofbest,
.mall .recommend,
.mall .popular { margin-top: 10px; }
.mall .product-list { display: none; margin-top: -6px; }
.mall .popular-list dt { width: 70px; }
.mall .select-delivery-time { display: none; }
.mall .banner-list li { padding: 5px 10px; border-top: 1px dotted #bbb; }
.mall .banner-list li:first-child { padding-top: 0; border-top: 0; }
.mall .banner-list .file-group { display: inline-block; }
.mall .banner-list .banner-search a.btn-green,
.mall .banner-list .file-group label { width: 90px; }
.mall .banner-list .file-group input[type="file"] { display: none; }
.mall .banner-list .url-banner { display: inline-block; margin: 0 5px; }
.mall .banner-list .url-banner .text { min-width: 275px; }
.table-banner tbody th { background: none; }
.table-banner th { border-top: 1px solid #e8e8e8; }
.table-banner td { padding: 7px 5px 0 5px; }
.table-border.table-banner tbody tr:nth-child(even) td { background: none; }
.mall .tip-banner { display: inline-block; width: 16px; height: 16px; background: url('/img/icon_question.png'); }
.mall .tooltip { display: none; position: absolute; left: 0; top: 20px; padding: 15px 16px; background: url('/img/tooltip_bg.png') no-repeat; z-index: 2; }
.mall .tooltip.on { display: block; }
.mall .tooltip .close { display: block; margin-bottom: 5px; text-align: right; }
.mall .wrap-category { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-top: 2px solid #393c4b; }
.mall .category,
.mall .sms-receive { border-bottom: 1px solid #ccc; }
.mall .category.top,
.mall .sms-receive.top { background: #f7f7f7; }
.mall .category li { position: relative; border-top: 1px solid #e8e8e8; text-align: center;}
.mall .category.list li:first-child { border-top: 0; }
.mall .category .name { position: absolute; left: 0; top: 0; padding: 5px 0; width: 170px; border-right: 1px solid #e8e8e8; }
.mall .category .use { position: absolute; left: 170px; top: 0; padding: 8px 0; width: 100px; border-right: 1px solid #e8e8e8; }
.mall .category .desc { padding: 5px 0; width: 100%; }
.mall .category .desc .term { margin: 0 168px 0 270px; }
.mall .category .button { position: absolute; right: 7px; top: 5px; width: 160px; text-align: center; }
.mall .banner-list .no-result,
.mall .category .no-result,
.mall .sms-receive .no-result { padding: 6px 0; font-weight: bold; text-align: center; }
.mall .sms-receive .no-result { border-left: 1px solid #e8e8e8; }
.mall .wrap-sms-receive { border-right: 1px solid #e8e8e8; border-top: 2px solid #393c4b; }
.mall .sms-receive.list li:first-child { border-top: 0; }
.mall .sms-receive li { position: relative; padding-right: 100px; border-top: 1px solid #e8e8e8; }
.mall .sms-receive .wrap { display: table; width: 100%; }
.mall .sms-receive .title { position: absolute; left: 10px; top: 8px; font-weight: bold; }
.mall .sms-receive .term { margin-left: 110px; }
.mall .sms-receive .term .select { width: 100%; }
.mall .sms-receive .call .term { margin-left: 60px; }
.mall .sms-receive .call .number { font-size: 13px; vertical-align: middle; color: #337ab7; }
.mall .sms-receive .call { display: table-cell; position: relative; padding: 5px 0; width: 39%; border-left: 1px solid #e8e8e8; }
.mall .sms-receive .order,
.mall .sms-receive .receiver,
.mall .sms-receive .board { display: table-cell; position: relative; padding: 5px 0; width: 30%; border-left: 1px solid #e8e8e8; }
.mall .sms-receive .button { position: absolute; right: 10px; top: 5px; width: 90px; text-align: center; }
.mall .banner .item-img img { width: auto; height: 70px; }


#popup .mall .search dd { width: 400px; }
#popup .mall .search dd .text { width: 320px; }


/* 홈페이지 ------------------------------------------------ */
/* 기본정보설정 */
.baseinfo { padding: 5px; border: 1px solid #ccc; }
.baseinfo textarea { width: 99%; height: 100px; border: 0; resize: none; }
.baseinfo textarea:focus { outline: none; }

/* 정산 ------------------------------------------------ */
table.calculate tr:first-child th { background: #f0f0f0; }
table.calculate th { border-bottom: 1px solid #e8e8e8; letter-spacing: -1px; }
table.calculate td { text-align: right; }
table.calculate td:nth-child(4),
table.calculate td:nth-child(5),
table.calculate td:nth-child(6),
table.calculate td:nth-child(7){ text-align: left; }
table.calculate td:nth-child(1),
table.calculate td:nth-child(2),
table.calculate td:nth-child(3),
table.calculate td:nth-child(19),
table.calculate td:nth-child(20) { text-align: center; overflow-wrap: break-word; }
table.calculate.table.center td.left { padding-left: 3px; }
table.calculate.table.center td.right { padding-right: 3px; }
table.calculate .btn { margin-left: -2px; }

/* 충전금관리 */
.point-box { font-size: 14px; }
.point-box .title { float: left; margin-right: 30px; padding-right: 30px; height: 76px; line-height: 76px; font-size: 30px; font-weight: bold; }
.point-box:after { content: ""; clear: both; display: block; }
.point-box .detail { float: left; padding-left: 50px; border-left: 1px dotted #ccc; }
.point-box .detail dl:after { content: ""; clear: both; display: block; }
.point-box .detail dt, .point-box .detail dd { float: left; }
.point-box .point-desc { margin-top: 10px; font-size: 12px; font-weight: bold; }
.point-box dl { margin-top: 5px; }
.point-box dl:first-child { margin-top: 0; }
.point-box dt { width: 150px; }
.point-box dd { margin-left: 0; font-weight: bold; }
.point-box dd .bar { color: #333; }
.point-box dd .number { font-size: 15px; }
.point-box .text-gray { color: #777; }

.account.title { position: relative; padding-top: 5px; height: auto; line-height: 32px; }
.account.title .select-date { position: absolute; left: 5px; bottom: -32px; }
.account .month { display: block; font-size: 16px; text-align: center; color: #555; }

.point { margin-top: 20px; }
.point table td i { font-size: 14px; vertical-align: middle; }
.point .withdrawal { margin-top: 3px; border: 3px solid #ccc; font-size: 16px; }
.point .withdrawal ul { display: table; table-layout: fixed; width: 100%; }
.point .withdrawal li { display: table-cell;  text-align: center; }
.info-withdrawal + .info-withdrawal { border-left: 1px solid #ccc; }
.point .withdrawal .title { padding: 4px 0 7px 0; background: #f1f1f1; text-align: center; font-size: 15px; font-weight: bold; }
.point .withdrawal .info-bank { padding: 11px 0; }
.point .withdrawal .info-bank .desc { display: block; margin-top: 3px; font-size: 12px; color: #337ab7; }
.point .withdrawal .input-box { padding: 18px 0 15px 0; }
.point .withdrawal .number { font-size: 17px; }
.point .withdrawal .text { width: 200px; padding: 4px 9px; font-size: 16px; font-weight: bold; }
.point .withdrawal .info-date .title { padding: 7px 0; border-top: 1px solid #ccc; }
.point .withdrawal .info-date .date { padding: 10px 0; text-align: center; font-size: 15px; font-weight: bold; color: #337ab7; }
/* 출금신청현황 */
.border-box.withdrawal { padding: 20px 30px; }
.border-box.withdrawal .title { position: relative; margin: 0; padding-top: 5px; padding-right: 30px; height: auto; line-height: 32px; }
.border-box.withdrawal .select-date { position: absolute; left: 15px; bottom: -32px; }
.border-box.withdrawal .detail.first { margin: 0; padding: 0; border: 0; }
.border-box.withdrawal .detail { margin-left: 20px; padding-left: 20px; }
.border-box.withdrawal dt { width: 110px; }
.border-box.withdrawal .bar { margin: 0 5px; }
.withdrawal-list table td span.bar { margin: 0 3px; }

/* 가상계좌관리 박스 */
.account-box dd .number { font-size: 16px; }

/* 계산서발행목록 주문내역팝업 */
.pop-tax-list .calculate .text-left { text-align: left !important;}
.pop-tax-list .calculate .text-right { text-align: right !important; }


/* SMS전송 ------------------------------------------------ */
.sms-box {}
.sms-box:after { content: ""; clear: both; display: block; }
.sms-box .current { font-size: 20px; font-weight: bold; }
.sms-box .current .money { display: inline-block; margin-left: 20px; font-size: 32px; color: #e9422e; }
.sms-box .current .info { font-size: 14px; color: #777; }
.sms-management { margin-top: 30px; }
.sms-management .sms-send:after,
.sms-management .address:after { content: ""; clear: both; display: block; }
.sms-management .sms-send .form { float: left; padding: 40px 15px 15px 15px; width: 290px; background: url('/img/sms_bg.gif') left top no-repeat; }
.sms-management .sms-send .textarea { overflow-y: scroll; padding: 20px; width: 250px; height: 130px; border: 0; background: #d1e4f5; font-size: 14px; font-weight: bold; color: #222; resize: none; }
.sms-management .sms-send .byte { position: relative; padding: 7px 10px; background: #c6d4e2; text-align: right; font-size: 13px; }
.sms-management .sms-send .byte a { position: absolute; left: 10px; top: 4px; font-size: 12px; }
.sms-management .sms-send .byte .text { padding: 0; border: 0; background: none; width: 30px; text-align: right; font-size: 13px; font-weight: bold; vertical-align: top; }
.sms-management .sms-send .special { padding: 7px 10px; background: #f7f7f7; font-size: 13px; }
.sms-management .sms-send .special ul:after { content: ""; clear: both; display: block; }
.sms-management .sms-send .special li { float: left; }
.sms-management .sms-send .send-button { margin-top: 10px; }
.sms-management .sms-send .send-button a { display: block; width: 100%; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 1px; color: #fff; }
.sms-management .sms-send .send-button {}
.sms-management .sms-send .receiver { margin-left: 340px; }
.sms-management .panel .title { padding: 8px 15px; border: 1px solid #ccc; background: #f1f1f1; font-size: 14px; font-weight: bold; }
.sms-management .panel .panel-box { padding: 10px 15px; border: 1px solid #ccc; border-top: 0; }


/* 레이어 ------------------------------------------------ */
#layer { position: absolute; left: 0; top: 0; background: #fff; z-index: 1; }
#layer .layer-header { position: relative; padding: 7px 15px; background: #05a375; font-size: 14px; font-weight: bold; color: #fff; z-index: 2; }
#layer .layer-header .btn-close { position: absolute; right: 12px; top: 3px; width: 23px; height: 23px; border-radius: 0; background: url('/img/btn_layer_close.png') center no-repeat; }
#layer .layer-content { padding: 7px 15px; border: 2px solid #05a375; border-top: 0; background: #fff; }
#layer.member-view { left: 60px; top: 20px; width: 360px; text-align: left; }
#layer.member-view dl { margin-top: 2px; }
#layer.member-view dl:first-child { margin-top: 0; }
#layer.member-view dl:after { content: ""; clear: both; display: block; }
#layer.member-view dt, 
#layer.member-view dd { float: left; }
#layer.member-view dt { width: 70px; font-weight: bold; }
#layer.member-view dd { margin-left: 0; width: 256px; }
#layer.member-view i { margin-right: 3px; vertical-align: middle; }

/* 팝업 ------------------------------------------------ */
#popup { overflow-y: none; }
.pop-header { padding: 10px 15px; background: #05a375; }
.pop-header h1 { margin: 0; padding: 0; font-size: 18px; letter-spacing: -1px; color: #fff; }
.pop-container { padding: 20px; }
.pop-footer { padding: 5px; text-align: center; }
#popup > .title { font-size: 16px; font-weight: bold; color: #444; }

#popup .search { border-top: 2px solid #393c4b; border-bottom: 1px solid #ccc; }
#popup .search dl:after { content: ""; clear: both; display: block; } 
#popup .search dt, #popup .search dd { float: left; }
#popup .search dt { padding: 6px 15px; width: 100px; background: #f7f7f7; font-weight: bold; }
#popup .search dd { margin-left: 0; padding: 3px 10px; }

/* 우편번호검색 */
#popup .zipcode-search .search { border: 0; }
.zipcode-search { margin-top: 30px; padding: 15px 20px; border: 4px solid #e7e8f0; }
.zipcode-search .guide .ex { font-size: 11px; color: #777; }
.zipcode-search .search { margin-top: 10px; }
.zipcode-search .search .text { width: 375px; }
.zipcode-list { display: none; margin-top: 20px; border-top: 1px solid #393c4b; border-bottom: 1px solid #ccc; }
.zipcode-list li { border-top: 1px solid #e8e8e8; }
.zipcode-list li:first-child { border-top: 0; }
.zipcode-list li:hover { background: #f2faff; }
.zipcode-list li a { display: block; position: relative; padding: 8px 5px; }
.zipcode-list li .address { display: block; padding-right: 40px; }
.zipcode-list li .zipcode { position: absolute; top: 8px; left: 430px; }
.zipcode-list .no-result { padding: 20px; text-align: center; font-weight: bold; }
.zipcode-list .no-result:hover { background: none; }

/* 충전금 입력 */
#pointInput { border: 3px solid #ccc; }
#pointInput .text { width: 160px; font-size: 15px; font-weight: bold; }
#pointInput .chk-password .text { width: 200px; }
#pointInput .title { padding: 5px; background: #f1f1f1; text-align: center; font-size: 15px; font-weight: bold; }
#pointInput .detail { padding: 10px 20px; text-align: center; font-weight: bold; }
#pointInput ul { display: table; table-layout: fixed; width: 100%; border-top: 1px solid #ccc; }
#pointInput li { display: table-cell; }
.info-point + .info-point { border-left: 1px solid #ccc; }
#pointInput .info-point { font-size: 15px; }
#pointInput .info-point .text-blue { font-size: 16px; }
#pointInput .input-memo { border-top: 1px solid #ccc; }
#pointInput .input-memo .select { padding: 4px 7px; }
#pointInput .input-memo .text { width: 95%; font-weight: normal; }


/* 조합원검색 */
#memberSearch { position: relative; }
#memberSearch .title { font-size: 14px; font-weight: bold; }
#memberSearch .title span { margin-left: 10px; font-size: 12px; font-weight: normal; }
#memberSearch .map-area { position: absolute; left: 20px; top: 20px; width: 500px; }
#memberSearch .map-area .notice { margin-top: 20px; padding: 5px; border-top: 1px solid #e8e8e8; font-weight: bold; font-size: 13px; }
#memberSearch .map { position: relative; width: 100%; /*height: 400px;*/ }
#memberSearch .map ul { border-left: 1px solid #e8e8e8; }
#memberSearch .map ul:after { content: ""; clear: both; display: block; }
#memberSearch .map li { float: left; width: 25%; }
#memberSearch .map li a { display: block; padding: 10px 0; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; font-weight: bold; }
#memberSearch .map li:nth-child(1) a,
#memberSearch .map li:nth-child(2) a,
#memberSearch .map li:nth-child(3) a,
#memberSearch .map li:nth-child(4) a { border-top: 1px solid #e8e8e8; }
#memberSearch .map li a:hover { background: #f2faff; }
#memberSearch .back { display: block; margin-top: 5px; padding: 5px; border: 1px solid #4cae4c; border-radius: 3px; background: #5cb85c; font-size: 14px; font-weight: bold; color: #fff; }
#memberSearch .map div.local { display: none; }
#memberSearch .list-area { padding-left: 505px; }
#memberSearch .info-price { margin-top: 30px; }
#memberSearch .info-price strong { margin-right: 6px; font-size: 13px; }
#memberSearch .info-state { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e8e8e8; }
#memberSearch .list-area:after { content: ""; clear: both; display: block; }
#memberSearch .info-state li { float: left; margin-bottom: 6px; width: 50%; }
#memberSearch .info-state:after { content: ""; clear: both; display: block; }
#memberSearch .form-search { padding: 5px 10px; border: 1px solid #e8e8e8; background: #f7f7f7; }
#memberSearch .form-search dl:after { content: ""; clear: both; display: block; }
#memberSearch .form-search dt, #memberSearch .form-search dd { float: left; }
#memberSearch .form-search dt { font-weight: bold; line-height: 22px; }
#memberSearch .form-search dd .text { width: 445px; }
#memberSearch .alert.blue { margin: 10px 0; font-size: 12px; text-align: center; }
#memberSearch .wrap-member,
#memberSearch .wrap-workshop { border-top: 2px solid #393c4b; border-bottom: 1px solid #ccc; overflow-y: auto; }
#memberSearch .workshop-list i,
#memberSearch .member-list i { margin-right: 5px; }
#memberSearch .workshop-list > li:hover,
#memberSearch .member-list > li:hover { background: #f2faff; cursor: pointer; }
#memberSearch .wrap-member {overflow-y: auto; border-top: 2px solid #393c4b; }
#memberSearch .member-list > li { position: relative; padding: 2px 3px; border-top: 1px solid #e8e8e8; }
#memberSearch .member-list > li:after { content: ""; clear: both; display: block; }
#memberSearch .member-list > li:first-child { border-top: 0; }
#memberSearch .member-list > li.no-result:hover { background: none; }
#memberSearch .member-list .info:after, 
#memberSearch .member-list .etc:after { content: ""; clear: both; display: block; }
#memberSearch .member-list .info { margin-left: 58px; }
#memberSearch .member-list .info .name { float: left; width: 225px; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #0a5999; }
#memberSearch .member-list .name > .btn { margin-left: 5px; padding: 1px 5px; }
#memberSearch .member-list .call { display: inline-block; }
#memberSearch .member-list .price { float: left; }
#memberSearch .member-list .price dd { margin-left: 5px; }
#memberSearch .member-list .price .bar { margin: 0 3px; vertical-align: middle;  }
#memberSearch .member-list .state { float: right; }


#memberSearch .workshop-list > li { position: relative; padding: 2px 3px; border-top: 1px solid #e8e8e8; }
#memberSearch .workshop-list > li:after { content: ""; clear: both; display: block; }
#memberSearch .workshop-list > li:first-child { border-top: 0; }
#memberSearch .workshop-list > li.no-result:hover { background: none; }
#memberSearch .workshop-list .info:after, 
#memberSearch .workshop-list .etc:after { content: ""; clear: both; display: block; }
#memberSearch .workshop-list .info { margin-left: 58px; }
#memberSearch .workshop-list .info .name { float: left; width: 225px; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #0a5999; }
#memberSearch .workshop-list .name > .btn { margin-left: 5px; padding: 1px 5px; }
#memberSearch .workshop-list .call { display: inline-block; }
#memberSearch .workshop-list .price { float: left; }
#memberSearch .workshop-list .price dd { margin-left: 5px; }
#memberSearch .workshop-list .price .bar { margin: 0 3px; vertical-align: middle;  }
#memberSearch .workshop-list .state { float: right; }

#memberSearch i.fa-home,
#memberSearch i.fa-phone { font-weight: bold; }
#memberSearch i.fa-mobile { font-size: 16px; font-weight: bold; }


#memberSearch .workshop-list > li.no-result:hover,
#memberSearch .member-list > li.no-result:hover { background: none; }
#memberSearch .workshop-list > li.no-result,
#memberSearch .member-list > li.no-result { padding: 20px 0; text-align: center; font-weight: bold; cursor: default;}
//#memberSearch .member-list .detail { display: block; }
//#memberSearch .workshop-list .detail { display: block; }
#memberSearch .deilvery-photo { position: absolute; left: 3px; top: 3px; padding: 1px 5px; font-size: 11px; }
#memberSearch .info .bar { margin: 0 6px; }

/* 배송사진 */
#deliveryPhoto .member-info { position: relative; margin: 10px 0 10px 0; padding:  10px 20px; border: 3px solid #ddd; }
#deliveryPhoto .member-info .shop { display: block; font-size: 14px; }
#deliveryPhoto .member-info .shop span { color: #0a5999; }
#deliveryPhoto .member-info .detail { font-size: 13px; }
#deliveryPhoto .member-info .state { margin-top: 5px; }
#deliveryPhoto .member-info .address { display: block; }
#deliveryPhoto .member-info .state { position: absolute; right: 20px; top: 5px; }
#deliveryPhoto .member-info .state .label { margin-left: 5px; }
#deliveryPhoto .tab-category,
#deliveryPhoto .photo-list { margin: 0; }
#deliveryPhoto .tab-category ul:after,
#deliveryPhoto .photo-list ul:after { content: ""; clear: both; display: block; }
#deliveryPhoto .tab-category li,
#deliveryPhoto .photo-list li { float: left; }
#deliveryPhoto .photo-list { margin-top: 20px }
#deliveryPhoto .slide-btn { position: relative; }
#deliveryPhoto .slide-btn a { display: block; height: 252px; line-height: 250px; background: #f1f1f1; border: 1px solid #ddd; }
#deliveryPhoto .slide-btn i { font-size: 34px; color: #777; }
#deliveryPhoto .slide-btn #prev { position: absolute; left: 0; top: 5px; padding: 0 12px 0 12px; z-index:9999;}
#deliveryPhoto .slide-btn #next { position: absolute; right: 0; top: 5px; padding: 0 10px 0 14px;  z-index:9999;}
#deliveryPhoto .slide-img { position: relative; margin: 0 auto; width: 660px; height: 264px; overflow: hidden; }
#deliveryPhoto .slide-img ul { position: absolute; left: 0; top: 0; width: 660px; }
#deliveryPhoto .slide-img li a { display: block; margin: 5px; padding: 5px; border: 1px solid #ccc; line-height: 0; }
#deliveryPhoto .slide-img li img { width: 110px; height: 110px; image-rendering: -webkit-optimize-contrast; }
#deliveryPhoto .slide-img li.no-result { width: 100%; line-height: 265px; font-size: 16px; font-weight: bold; text-align: center; }
#deliveryPhoto .image-page { margin-top: -10px; font-weight: bold; text-align: center; }

/* 상품목록 */
#productList .search .text { width: 270px; }
#productList .product-list { margin-top: 20px; }
#productList .product-category ul:after { content: ""; clear: both; display: block; }
#productList .product-category li { float: left; width: 20%; }
#productList .product-category li a { display: block; padding: 2px 0; border: 1px solid #aaa; background: #bbb; text-align: center; color: #fff; }
#productList .product-category li.active a { border-color: #2e6da4; background: #337ab7; }

/* 주문정보보기 ------------------------------------------------ */
#orderView .summary-area { height: 24px; }
#orderView dl:after { content: ""; clear: both; display: block; }
#orderView dl:first-child { border-top: 0; }
#orderView dt, #orderView dd { float: left; }
#orderView dt { font-weight: bold; }
#orderView dd { margin-left: 0; }
#orderView .member-info { margin-top: 3px; }
#orderView .file-group li { position: relative; }
#orderView .file-group label { width: 80px; }
#orderView .file-group .fa { position: absolute; left: 105px; top: 3px; font-size: 16px; }
#orderView .file-group input[type="file"] { overflow: hidden; height: 0; width: 0; border: 0; border-radius: 0; background: none; appearance: none; -webkit-appearance: none; }
#orderView .file-group .file-button { display: none; }
#orderView .file-group .register { margin-right: 30px; }
#orderView .img-product { padding: 7px 10px; height: 160px; }
#orderView .img-product .link-img { display: inline-block; }
#orderView .img-product .img { width: auto; height: 160px; }
#orderView .img-product span { vertical-align: top; }
#orderView .summary-area { padding: 0; }
#orderView .text-copy { display: inline-block; padding: 0 5px; border: 1px solid #bababa; border-radius: 3px; background: #e8e8e8; font-weight: bold; color: #444; }
#orderView .fa-mobile { font-size: 18px !important; vertical-align: middle; }
#orderView .fa-phone { font-size: 14px; vertical-align: middle; }
#orderView .page-button.modify .btn { display: none; }
#orderView .text-no-line { width: 350px; border: 0; }
#orderView #tblRibbon dt { height: 22px; line-height: 22px; }
/* 수정요청 */
#orderView .before { float: left; width: 525px; padding: 0 10px 10px 0; border-right: 1px dotted #ccc; }
#orderView .after { float: right; width: 525px; padding-bottom: 10px; }
#orderView .before .title,
#orderView .after .title { font-size: 18px; font-weight: bold; text-align: center; }
#orderView .before .change,
#orderView .after .change { background: yellow; }
/*#orderView .after .change.label-green { color: #333;}*/
/* 미리보기및회전 */
#previewPhoto { display: none; position: absolute; left: 35px; top: 25px; z-index: 3; padding: 10px; width: 500px; height: 550px; background: #fff; text-align: center; z-index: 9999; }
#previewPhoto .desc { display: block; margin-bottom: 3px; font-weight: bold; }
#previewPhoto .photo { position: relative; width: 100%; height: 500px; line-height: 500px; background: #000; text-align: center; }
#previewPhoto .photo img { margin-top: -4px; vertical-align: middle; }
#previewPhoto .btn { margin-top: 5px; }

/* 리본문구 */
#ribbonList .search .text { width: 320px; }
#ribbonList .ribbon-add .text { width: 455px; }
#ribbonList .ribbon-add span { display: block; padding: 0 60px 0 10px; }
#ribbonList li span.category { display: inline-block; width: 155px; font-size: 13px; font-weight: bold; vertical-align: top; }
#ribbonList li span.message { display: inline-block; width: 405px; font-size: 13px; font-weight: bold; }

/* 리본문구,명의관리 공통 */
#ribbonList .ribbon-list, 
#ribbonSender .sender-list { border-top: 2px solid #393c4b; border-bottom: 1px solid #ccc; }
#ribbonList .ribbon-add, 
#ribbonSender .sender-add { position: relative; padding: 5px 0; border-bottom: 1px solid #ccc; background: #f7f7f7; }
#ribbonList .ribbon-add .btn, 
#ribbonSender .sender-add .btn { position: absolute; right: 10px; top: 5px; }
#ribbonList .ribbon-list ul li,
#ribbonSender .sender-list ul li { position: relative; padding: 8px 10px; border-top: 1px solid #e8e8e8; cursor: pointer; }
#ribbonList .ribbon-list ul li:first-child,
#ribbonSender .sender-list ul li:first-child { border-top: 0; }
#ribbonList .ribbon-list ul li:hover,
#ribbonSender .sender-list ul li:hover { background: #f2faff; }
#ribbonList .ribbon-delete,
#ribbonSender .sender-delete { position: absolute; right: 10px; top: 5px; }
#ribbonList .ribbon-minus,
#ribbonList .ribbon-plus,
#ribbonSender .sender-minus,
#ribbonSender .sender-plus { position: absolute; right: 57px; top: 5px; padding: 2px 7px; }
#ribbonList .guide-list .btn,
#ribbonSender .guide-list .btn { padding: 0; width: 15px; height: 15px; line-height: 15px; }
#ribbonList .guide-list .btn .fa,
#ribbonSender .guide-list .btn .fa { font-size: 10px; }
#ribbonList li.no-result,
#ribbonSender li.no-result { padding: 10px; text-align: center; font-weight: bold; }
#ribbonList ul li.no-result:hover,
#ribbonSender ul li.no-result:hover { background: none; cursor: default; }
#ribbonList .fa-minus,
#ribbonSender .fa-minus { color: #d43f3a; }
#ribbonList .fa-plus,
#ribbonSender .fa-plus { color: #4cae4c; }

/* 리본명의관리 */
#ribbonSender .search {}
#ribbonSender .search dl:after { content: ""; clear: both; display: block; }
#ribbonSender .search dt, #ribbonSender .search dd { float: left; }
#ribbonSender .search .text { width: 330px; }
#ribbonSender .sender-add .text { width: 100%; }
#ribbonSender .sender-add span { display: block; padding: 0 75px 0 10px; }
#ribbonSender .name { display: block; padding-right: 110px; font-size: 13px; font-weight: bold; }

/* 공통,개별 기타금 입력 */
#otherPrice .field { display: block; width: 100%; }
#otherPrice .text, #otherPrice .select { padding: 2px 0; width: 100%; text-indent: 7px; }
#otherPrice table tbody tr:first-child td { background: #f2faff; }
 
/* 정산내역 상세보기 & 미수내역 상세보기 */
.calculate-detail th.title { padding: 0; background: #f0f0f0; border-right: 1px solid #e8e8e8; vertical-align: middle; text-align: center; line-height: 16px; }
.calculate-detail td { padding-right: 20px; text-align: right; }
.calculate-detail .label { margin-left: 5px; width: 33px; }
.calculate-detail .label-green, .calculate-detail .label-red { letter-spacing: 2px; }

.receivable-detail:first-child h4 { margin-top: 0;}
.receivable-detail tfoot td { font-weight: bold; background: #f7f7f7; }

/* 계산서 발행 */
.taxpaper-issue .checkbox-group { display: block; padding: 7px 0; border-top: 1px dotted #ccc; }
.taxpaper-issue .checkbox-group:first-child { border-top: 0; }
.taxpaper-issue .table .title-bg { padding: 7px 0; background: #f0f0f0; border-right: 1px solid #e8e8e8; text-align: center; vertical-align: middle; }
.type-wrap { padding: 5px 0; border-top: 1px dotted #ccc; }
.type-wrap:first-child { border-top: 0; }
.type-wrap dt { min-width: 85px; }
.type-select-line { display: block !important; padding-top: 5px; }

/* 레이어팝업 */
.layer-notice { position: absolute; left: 50px; top: 20px; width: 530px; background: #fff; border: 5px solid #333; z-index: 2; }
.layer-notice .title { margin: 20px 20px 0 20px; padding: 15px ; border-bottom: 1px dotted #ccc; font-size: 28px; text-align: center; }
.layer-notice .title img { width: 120px; vertical-align: middle; }
.layer-notice .title strong { display: inline-block; vertical-align: middle; }
.layer-notice .content { margin-top: 20px; padding: 0 20px; }
.layer-notice .content li { margin-top: 15px; font-size: 13px; }
.layer-notice .button { margin-top: 20px; padding: 8px 20px; border-top: 1px solid #444; }
.layer-notice .button .today { display: inline-block; font-size: 12px; font-weight: bold; vertical-align: middle; }
.layer-notice .button .btn-black { float: right; margin-top: -2px; }
.layer-notice .desc { font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.layer-notice .update-info { margin-top: 10px; padding: 0 10px 10px 10px; border: 1px solid #ccc; height: 230px; overflow-y: scroll; }
.layer-notice .update-info strong { padding: 4px 13px; border-radius: 15px; background: #337ab7; font-size: 13px; color: #fff; }
.layer-notice .update-info .info { padding: 5px 10px; }

@media all and (min-width: 1300px) {
	.border-box.withdrawal { padding: 20px 50px; }
	.border-box.withdrawal .detail { margin-left: 40px; padding-left: 40px; width: 35%; }
	.border-box.withdrawal dt { width: 150px; }
}

/*기본탭*/
.tab_list {padding-top:10px; border-bottom:1px solid #cccccc;height:31px;zoom:1;}
.tab_list li {float:left;overflow:hidden;border:1px solid #cccccc;border-bottom:0;background-color: #efefef;margin-right: -1px;height: 30px;line-height: 32px;}
.tab_list li.on {border-bottom: 1px solid #fff;background: #fff;position: relative;z-index: 1;}
.tab_list li a {color: #222;text-decoration: none!important;display: block;height: 100%;padding: 0 18px 0 19px;font-weight: 700;_display: inline;_zoom: 1;height: 30px;line-height: 32px;}


.table-row .active{background-color:#337ab7; font-weight: bold; color:#fff;}

/*팝업*/
.layer_pop {}
.layer_pop .bg_mask {position:fixed; left:0; top:0; z-index:110; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.layer_pop h2.title {
	background: #252525;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 6px 20px;
	font-weight: bold;
	color:#a7ce44;
	font-size:13px;
	border-radius:10px 10px 0 0;
}
.layer_pop .btn_close {position:absolute; top:5px; right:20px; color:#fff; font-size:16px;}
.layer_pop .layer_con {padding:10px 20px; background:#fff; border-radius:0 0 10px 10px;}
.layer_pop .btn_area {text-align:center; padding-top:10px;}

table.popup_tbl {width:100%; font-size:12px;}
table.popup_tbl * {vertical-align:middle;}
table.popup_tbl th {color:#666666; text-align:left; font-weight:bold; padding:4px 4px 4px 8px;border-bottom:1px solid #e5e5e5; background: url('/img/common/blt_green.gif') 0 50% no-repeat;}
table.popup_tbl td {text-align:left; border-bottom:1px solid #e5e5e5; padding:4px; letter-spacing:-1px;}
table.popup_tbl tr:hover {background-color:#f7fdef;}


.input_red{ background-color:#EF8080;}
.input_blue{ background-color:#8FE9FF;}
.input_green{ background-color:#a8e0ec;}
.input_gray{background-color:#efefef;}

.right_juuso_map {height:840px}
.right_juuso_area {position:relative;}
.map_detail_box {overflow:hidden; z-index:999}
.map_detail_area {position:relative; width: 374px; border:1px solid #282828; border-bottom:0; padding: 30px 12px 15px;background-color:#fff;}
.map_detail_area > strong {display:block; position:absolute; top:32px; right:10px; cursor:pointer}
.map_detail_area > .small_map_btn {display:block; position:absolute; top:7px; left:7px; cursor:pointer}
.map_detail_area > .big_map_btn {display:block; position:absolute; top:7px; right:7px !important; cursor:pointer}
.map_detail_area > .map_juuso_title {border-bottom:1px solid #545454;padding-bottom: 12px;overflow: hidden;}
.map_detail_area > .map_juuso_title strong {display:block; line-height:29px; }
.map_detail_area > .map_juuso_title strong > em {display:block;float:left; width:205px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.map_detail_area > .map_juuso_title strong img {float:left; height:29px; vertical-align:middle}
.map_detail_txt { margin-top:20px;}
.map_detail_txt > li {position:relative; /*margin-bottom:20px*/}
.map_detail_txt > li > span{display:block;background: url(/img/map/dot3.gif) no-repeat 0 6px;padding-left: 8px;margin-bottom: 8px;font-size:13px;color:#d60000;font-weight:700;}
.map_detail_txt > li > p {padding-left: 10px;line-height: 20px;color:#484848;font-size:12px;font-weight:700;}
.map_detail_txt > li .add_service{ background-color:#f7f7f7; padding:8px}
.map_detail_txt > li .add_service > span {display:inline-block;}

.tbl_area {margin-top: 10px;}
.tbl_area > em {display: block;font-size: 11px;color:#6F6F6F;padding:10px 0;}
.tbl_comm {border-collapse:collapse;border-spacing:0;width:100%;border: 1px solid #d3d3d3;font-family:'Malgun Gothic', '맑은고딕';}
.tbl_comm thead th {color:#232323;font-size:13px;font-weight:bold;text-align:center;padding:8px;border-style:solid;border-width: 2px 0 1px 1px;border-color:#535353 #535353 #535353 #d3d3d3;background:#f4f4f4;}
.tbl_comm thead th:first-child {border-left:none; text-align:center;}
.tbl_comm tbody th {color:#232323;font-size:13px;font-weight:bold;text-align:center;padding:10px;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;background-color: #f4f4f4;}
.tbl_comm tbody td {vertical-align:middle;text-align:center;background-color:#fff;border-style:solid;border-width: 0 1px 1px 0;border-color:#d3d3d3;padding:10px;font-size:12px;}
.tbl_comm tbody td p {line-height:16px;}
.tbl_comm tbody td p.gray {color:#929292} 
.arrow_bg {background:url(/img/map/btm_arrow.png) no-repeat 0 0; height:25px;}
.loca_icon {position:absolute; top:10px; right:10px; z-index:999}
.loca_icon img {cursor:pointer}

.ad_section .spot_juuso {border:1px solid #ddd}
.spot_juuso .select_location {width: 1198px;height:40px;line-height:40px;background-color:#f7faff;border-bottom: 1px solid #ccc;}
.spot_juuso .select_location > li {position: relative;float:left;background:url(/img/map/arrow_spot.png) no-repeat right 0; height:40px;padding: 0 40px 0 20px;font-family:'돋움','dotum'; font-weight:bold; color:#686868; cursor:pointer}
.spot_juuso .select_location > li > span {display:block;background: url(/img/map/img_downarr.gif) no-repeat right 17px;padding: 0 20px 0 0; font-size: 16px;}
.spot_juuso .select_location > li:hover .loca_depth01 {display:block;}

.loca_depth01 {display:none; position:absolute;top:40px;left:0; max-height:200px;overflow-y: auto; overflow-x:hidden; z-index:999;border: 1px solid #777;background-color: #fff;}
.loca_depth01 > ul {/* padding:5px 0 */}
.loca_depth01 > ul > li {font-family:'돋움','dotum'; font-size: 16px; color:#686868;background-color:#fff;padding: 2px 6px;line-height:20px;cursor: pointer;}
.loca_depth01 > ul > li:hover { background-color:#ECECEC;}
.loca_depth01 > ul > li > img {vertical-align: middle;height: 20px;}
.loca_depth01 > ul > li > em {font-size:11px;}
.loca_map_area {width:1198px; height:743px;}
.loca_map {position:relative; float:left}

.right_spot_info {float: right;position:relative;width:350px;}
.right_spot_info > .spot_list_area {/*width: 286px;*/height:450px;overflow-y: auto;overflow-x:hidden;border-left: 1px solid #232323;}
.right_spot_info .btn_move {cursor:pointer}
.right_spot_info .btn_move.on {position:absolute;top:50%;margin-top: -28px;left: -13px;}
.right_spot_info .btn_move.off {position:absolute;top:50%;margin-top: -450px;left: 286px;}
.right_spot_info .spot_list {margin:0 10px;}
.right_spot_info .spot_list li:first-child {border-top:none}
.right_spot_info .spot_list li {border-top:1px solid #232323;padding:5px 0;line-height: 20px;font-family:'돋움','dotum'; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer}
.right_spot_info .spot_list li:hover {color:#232323;}
.right_spot_info .spot_list li > img {height:22px;vertical-align: middle;}

.day_calendar {position:relative; display:inline-block; width:135px; padding:0 5px; border:1px #cdcdcd solid; line-height:22px;}
.day_calendar img{position:absolute;top: 7px;right: 6px;cursor:pointer;}


.ctrl_move {position: absolute; left:150px; bottom: 0px;}
.ctrl_move .ctrl_inner {float:right}
.ctrl_move span {display:inline-block; cursor:pointer}

.best_list .list_inner {display:flex; width:100%; overflow:hidden}
.best_list .list_inner li {width: 210px; border:1px solid #e5e5e5;margin:0 8px; text-align: center; cursor:pointer;}
.best_list .list_inner li img{padding-top:5px;}
.best_list .prd_kor_name {   
    color: #232323;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.slide_list {width:880px; text-align:center; padding-top:30px; padding-left:80px;}
.slide_list li {float:left; width: 200px;margin:0 5px;}
.slide_list li img {position:relative; width:200px; height:200px;}

/* 갤러리형 리스트 */
.gallery_list {position:relative; overflow:hidden; margin-bottom:20px; border-top:2px solid #545a5f; padding:10px 0; border-bottom:1px solid #dbdbdb;}
.gallery_list li {position:relative; overflow:hidden; width:265px; padding:9px; margin:5px; border:1px solid #dbdbdb; border-radius:10px; background:#f8f8f8; float:left;}
.gallery_list li input[type="checkbox"] {margin-bottom:4px;}
.gallery_list li .thumb {margin-bottom:8px;}
.gallery_list li .thumb img {width:263px !important; height:263px !important; border:1px solid #ddd;}
.gallery_list li .info {height:16px;line-height:16px; overflow:hidden; color:#888; font-size:11px;}
.gallery_list li .title {color:#333; font-weight:400; height:24px; line-height:24px; font-size:15px; overflow:hidden; margin-bottom:4px; text-align:center;}
.gallery_list li .date {color:#333; font-weight:400; height:24px; line-height:24px; font-size:15px; overflow:hidden; color:#888; margin-bottom:4px; text-align:center;}
.gallery_list li.notice {background:#fffef0;}
.gallery_list li.notice .title a {font-weight:bold; color:#000;}
.gallery_list li.notice .title a:hover {color:#96368f;}

.mobile_contents{position: relative; z-index:9999999; background-color: #fff; width:100%;}

.mobile_contents header{
	position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #888;
    background: #f7f7f7;
    text-align: center;
    color: #333;
    z-index: 1;
}

.mobile_contents .pop-close { display: block; position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; background: url('/m/img/icon_close_black.png') 0 0 no-repeat; background-size: 20px 20px; }
.mobile-pop-top { padding-top: 2px; }
.mobile-pop-top span { display: block; font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 47px; }

.mobile_contents .content { padding: 50px 0; }

.m_spot_juuso .select_location {height:70px;line-height:40px;background-color:#f7faff;}
.m_spot_juuso .select_location > li {position: relative;float:left;background:url(/img/map/arrow_spot.png) no-repeat right 0; width:124px; height:40px;padding: 0 0px 0 0px;font-family:'돋움','dotum'; color:#686868; cursor:pointer}
.m_spot_juuso .select_location > li.last{position: relative;float:left;background:url(/img/map/arrow_spot.png) no-repeat right 0; width:150px; height:40px;padding: 0 0px 0 0px;font-family:'돋움','dotum'; color:#686868; cursor:pointer}
.m_spot_juuso .select_location > li > span {display:block;background: url(/img/map/img_downarr.gif) no-repeat right 17px;padding: 0 20px 0 0;}
.m_spot_juuso .select_location > li:hover .loca_depth01 {display:block;}

.m_spot_juuso .day_calendar {position:relative; display:inline-block; width:135px; padding:0 5px; border:1px #cdcdcd solid; line-height:22px;}
.m_spot_juuso .day_calendar img{position:absolute;top: 20px;right: 6px;cursor:pointer; vertical-align:middle;}
.m_spot_juuso .select_search {width: 100%; height: 70px; padding: 20px; border: 1px solid #9f9f9f; border-left:none; border-radius:0; background: url(/img/map/ps_bg.gif) no-repeat 80px 28px #fff; -webkit-appearance: none; color: #222; font-size: 18px; font-weight: bold;}

.m_spot_juuso .select_search2 {width: 100%; height: 70px; padding: 20px; border: 1px solid #9f9f9f; border-left:none; border-radius:0; background: url(/img/map/ps_bg.gif) no-repeat 110px 28px #fff; -webkit-appearance: none; color: #222; font-size: 18px; font-weight: bold;}


.m_spot_juuso .select_location > li:first-child .select_search {border-left: 1px solid #9f9f9f;}


.mobile_contents .content .wrap-search { padding: 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.mobile_contents .content .wrap-search dl.form-search { position: relative; }
.mobile_contents .content .wrap-search dl.form-search:after { content: ""; clear: both; display: block; }
.mobile_contents .content .form-search dt { position: absolute; left: 0; top: 5px; font-size: 16px; font-weight: bold; }
.mobile_contents .content .form-search dd.input-box { margin: 0; width: 100%; }
.mobile_contents .content .form-search dd.input-box span.message { display: block; margin: 0 100px 0 90px } /* 쪽지보내기 */
.mobile_contents .content .form-search dd.input-box span.product { display: block; margin: 0 65px 0 60px; } /* 상품목록검색 */
.mobile_contents .content .form-search dd.input-box div.ribbon { margin: 0 60px 0 60px; } /* 리본목록검색 */
.mobile_contents .content .form-search dd.input-box span.member { display: block; margin: 0 145px 0 50px; } /* 회원목록검색 */
.mobile_contents .content .form-search dd.input-box span.message-send { display: block; margin: 0 100px 0 70px; } /* 쪽지보내기-받는사람 */
.mobile_contents .content .wrap-search dl.form-search dd input { width: 100%; padding: 3px 2px; }
.mobile_contents .content .wrap-search dl.form-search dd.search { position: absolute; right: 0; top: 0; padding: 0; }

/* 조합원검색 */
.mobile_contents #mobile_memberSearch .section { margin-top: 20px; }
.mobile_contents #mobile_memberSearch .wrap-list,
.mobile_contents #mobile_memberSearch .wrap-workshop { border-top: 2px solid #393c4b; border-bottom: 1px solid #ccc; overflow-y: auto; }
.mobile_contents #mobile_memberSearch .workshop-list2 i,
.mobile_contents #mobile_memberSearch .member-list2 i { margin-right: 5px; }
.mobile_contents #mobile_memberSearch .workshop-list2 li,
.mobile_contents #mobile_memberSearch .member-list2 li { position: relative; border-top: 1px solid #ccc; }
.mobile_contents #mobile_memberSearch .workshop-list2 li:first-child,
.mobile_contents #mobile_memberSearch .member-list2 li:first-child { border-top: 0; } 
.mobile_contents #mobile_memberSearch .deilvery-photo { position: absolute; left: 5px; top: 4px; padding: 0 7px; height: 22px; line-height: 22px; font-size: 11px; }
.mobile_contents #mobile_memberSearch .state { margin-bottom: 5px; }
.mobile_contents #mobile_memberSearch .state span { margin-left: 5px; }
.mobile_contents #mobile_memberSearch .detail { display: block; padding: 5px; }
.mobile_contents #mobile_memberSearch .detail i.fa-home,
.mobile_contents #mobile_memberSearch .detail i.fa-phone { font-weight: bold; }
.mobile_contents #mobile_memberSearch .detail i.fa-mobile { font-size: 16px; font-weight: bold; }
.mobile_contents #mobile_memberSearch .detail .name { display: block; margin: 0 0 4px 65px; font-size: 14px; font-weight: bold; color: #0a5999; }
.mobile_contents #mobile_memberSearch .no-result { padding: 10px 0; font-weight: bold; text-align: center; }
.mobile_contents #mobile_memberSearch .no-area { width: 100%; }

.mobile_contents #mobile_memberSearch .title {
    font-size: 16px;
    font-weight: bold;
}