﻿@font-face {
 font-family: 'mg';
 font-weight:normal;
 src: url('/css/font/malgun.eot');
 src: local(※),
  url('/css/font/malgun.woff') format('woff'),
  url('/css/font/malgun.ttf') format('truetype'),
  url('/css/font/malgun.svg#webfonturzspG4F') format('svg');
}
@font-face {
 font-family: 'mg';
 font-weight:bold;
 src: url('/css/font/malgunbd.eot');
 src: local(※),
  url('/css/font/malgunbd.woff') format('woff'),
  url('/css/font/malgunbd.ttf') format('truetype'),
  url('/css/font/malgunbd.svg#webfonturzspG4F') format('svg');
}

/* 통합 아이콘 */
@font-face {font-family: "iconfont";
  src: url('/css/font/iconfont.eot?t=1477552640'); /* IE9*/
  src: url('/css/font/iconfont.eot?t=1477552640#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/iconfont.woff?t=1477552640') format('woff'), /* chrome, firefox */
  url('/css/font/iconfont.ttf?t=1477552640') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/css/font/iconfont.svg?t=1477552640#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.ftic-local:before { content: "\e600"; } /* 로컬 */
.ftic-home:before { content: "\e601"; } /* 홈 */
.ftic-mypage:before { content: "\e602"; } /* 마이페이지 */
.ftic-like:before { content: "\e606"; } /* 좋아요&찜한상품 */
.ftic-like2:before { content: "\e626"; } /* 좋아요2&찜한상품2 */
.ftic-zan:before { content: "\e62e"; } /* 엄지, 좋아요 */
.ftic-cart:before { content: "\e604"; } /* 장바구니 */
.ftic-fax:before { content: "\e61e"; } /* 팩스 */
.ftic-set:before { content: "\e60f"; } /* 설정 */
.ftic-del:before { content: "\e612"; } /* 삭제 */
.ftic-pc:before { content: "\e60e"; } /* PC */
.ftic-cmt:before { content: "\e617"; } /* 댓글 */
.ftic-tel:before { content: "\e61d"; } /* 전화 */
.ftic-warning:before { content: "\e61f"; } /* 경고 */
.ftic-coupon:before { content: "\e609"; } /* 쿠폰1 */
.ftic-coupon2:before { content: "\e60a"; } /* 쿠폰2 */
.ftic-write:before { content: "\e614"; }  /* 편집,쓰기 */
.ftic-search:before { content: "\e613"; } /* 검색 */
.ftic-search2:before { content: "\e637"; } /* 검색 Bold */
.ftic-close:before { content: "\e60d"; } /* 닫기 */
.ftic-coupon-list:before { content: "\e618"; } /* 쿠폰사용내역 */
.ftic-id:before { content: "\e60b"; } /* 아이디 */
.ftic-distribution:before { content: "\e608"; } /* 배송 */
.ftic-fail:before { content: "\e620"; } /* 실패 */
.ftic-intro:before { content: "\e611"; } /* 회사소개 */
.ftic-cscenter:before { content: "\e619"; } /* 고객센터 */
.ftic-member-list:before { content: "\e61a"; } /* 회원리스트 */
.ftic-lately:before { content: "\e607"; } /* 최근 본 상품 */
.ftic-watch:before { content: "\e635"; } /* 시계 */
.ftic-fund:before { content: "\e61b"; } /* 적립금 */
.ftic-faqqna:before { content: "\e60c"; } /* FAQ,QNA */
.ftic-gotop:before { content: "\e610"; } /* 위로가기 */
.ftic-qmark:before { content: "\e622"; } /* 물음표 */
.ftic-inquire:before { content: "\e61c"; } /* 1:1문의하기 */
.ftic-allmenu:before { content: "\e603"; } /* 전체메뉴,카테고리 */
.ftic-pw:before { content: "\e616"; } /* 비밀번호 */
.ftic-join:before { content: "\e615"; } /* 회원가입 */
.ftic-telfax:before { content: "\e621"; } /* 전화&팩스 */
.ftic-other:before { content: "\e605"; } /* 기타 */
.ftic-prompt:before { content: "\e623"; } /* 주의 */
.ftic-success:before { content: "\e624"; } /* 성공 */
.ftic-fenxiang:before { content: "\e62b"; } /* 공유하기1 */
.ftic-fenxiang2:before { content: "\e627"; } /* 공유하기2 */
.ftic-back:before { content: "\e62d"; } /* 이전 */
.ftic-next:before { content: "\e625"; } /* 다음 */
.ftic-next2:before { content: "\e62a"; } /* 다음2 */
.ftic-top:before { content: "\e62c"; } /* 위 */
.ftic-bottom:before { content: "\e629"; } /* 아래 */
.ftic-card:before { content: "\e628"; } /* 카드 */
.ftic-staron:before { content: "\e630"; } /* 별on */
.ftic-staroff:before { content: "\e62f"; } /* 별off */
.ftic-star05:before { content: "\e636"; } /* 반별 */
.ftic-phone:before { content: "\e631"; } /* 핸드폰 */
.ftic-login:before { content: "\e633"; } /* 등록 */
.ftic-logout:before { content: "\e632"; } /* 탈퇴 */
.ftic-calendar:before { content: "\ee634"; } /* 달력 */
.ftic-list:before { content: "\e63a"; } /* list */
.ftic-list1:before { content: "\e63b"; } /* list1 */
.ftic-list2:before { content: "\e63f"; } /* list2 */
.ftic-list3:before { content: "\e63e"; } /* list3 */
.ftic-gallery:before { content: "\e638"; } /* 겔러리 */

body {
	display:table;
	width:100%;
	height:100%;
	margin:0;
	scrollbar-3dlight-color:595959;
	scrollbar-arrow-color:7F7F7F;
	scrollbar-face-color:DFDFDF;
	scrollbar-highlight-color:FFFFF;
	scrollbar-shadow-color:595959
	scrollbar-base-color:CFCFCF;
	scrollbar-darkshadow-color:FFFFFF;
}
body{
	font-family: Malgun Gothic, 맑은 고딕, Apple SD Gothic Neo;
	font-weight:normal;
	font-size: 12px;
	color: #606060;
}
table, tr, td {
	font-size: 13px;
	color: #606060;
}
form { margin:0 }
img { border:0; vertical-align:middle;}
p { margin-top:2px; margin-bottom:2px; }
select {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #2e2e2e;
    font-size: 13px;
    background: #fff url(/css/images/ico_select_icon01.svg) no-repeat scroll right 7px center;
	background-size: 28px;
    height: 40px;
    line-height: 40px;
    padding-right: 30px;
    padding-left: 15px;
    text-align: left;
    width: 100%;
    vertical-align: middle;
}
input {  font-size: 9pt; }
input[type='file']{height:40px;}
.input_gray01 { height:20px; font-size:9pt; line-height:17px; color:#333333; background:#FFFFFF; border-top:1px solid #b0b0b0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #b0b0b0; }

.clfix:after {content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}
.clfix {display:block;zoom:1;}

.toolbar {vertical-align:top;}
.gonji { font-size: 9pt; line-height: 14px; color: #585858}
.best { font-size: 9pt; line-height: 16px; color: #585858}
.l16 { font-size: 9pt; line-height: 16px;}
.m_a {font-size:9pt;  letter-spacing:-1px;}
.m_a1 {font-size:8pt; letter-spacing:-1px;}
.m_a2 {font-size:9pt; border:1px #d0d0d0 solid;}
.m_a3 {font-size:9pt; border:1px #d0d0d0 solid;}
.m_a4 {font-size:8pt;  letter-spacing:-2px;}
.brand {font-size:8pt;  color:#808080;}
.xx { font-size:9pt; border:1px #dddddd solid; background-color:#f0f0f0; color:#F5F5F5}
.yy {font-size:9pt; border:1px #A2A2A2 solid; background-color:#ffffff;}
.tt {  font-size: 8pt; line-height: 30px; color:#585858}
.zz {font-size:8pt; border:1px #cfcfcf solid; background-color:ffffff;color:808080;}
.left {font-size:9pt; background-color:FAF8E8;font-weight:bold;padding-left:10px;height:35px;padding-top:2px}
.left_sub {font-size:9pt; background-color:ffffff;line-height:20px;color:808080;padding-left:12px;padding-top:10px;padding-bottom:8px;}
.order {font-size:8pt; background-color:F9F4F0;letter-spacing:-1;}
.box0 {font-size:12px; border:0; color:#565656;}
.box {height:40px;padding:0 10px;font-size:13px; border:1px #ddd solid; color:#565656; box-sizing: border-box;vertical-align: middle;}
.box_admin {font-size:12px; border:1px #cfcfcf solid; background-color:#F5F5F5; color:#FFFFFF; height:18px;}
.box2 {font-size:9pt; border:1px #cfcfcf solid; background-color:F5F5F5;color:565656;}
.box3 {font-size:9pt; border:1px #cfcfcf solid; background-color:F5F5F5;color:565656; height:18;}
.box4 {font-size:9pt; border:1px #cfcfcf solid; background-color:F5F5F5;color:565656;}
.count{ font-size: 8pt; line-height: 120%; color: #4f4f4f}
.diary {font-size:8pt;line-height:12px}
.notTextarea {  font-size: 8pt; border:solid 0 #A2A2A2; color: #333333}
.button{border:1px #999999 solid;color:000000;font-size:9pt;height:18;}
.s8pt{font-size: 8pt;}

.lo01 {
	color:#ffffff;
	font-size:11px;
}
.lo01 a { color :#ffffff; text-decoration:none; }
.lo01 a:hover { color:#ffffff;  text-decoration: none; }

.lo02 {
	color:#ffffff;
	font-size:11px;
}

.navi {color:#666666; font-size:11px; text-align:left;}
.navi a:link, a:visited, a:active, a:hover { color:#666666; text-decoration:none; }

.p14 {
	font-size:14px;
}
a:link { text-decoration: none; color:#585858; }
a:visited { text-decoration: none; color:#585858; }
a:active { text-decoration: none; color:#585858; }
a:hover { text-decoration:none; color:#585858; }

.money {text-align:right; padding-left:3px; padding-right:3px; ime-mode:disabled;}

.page_select {font-weight:bold;}

.bgw {background:#FFFFFF;}

.leftmenuWrap {position:relative; width:200px;height:100vh;background:#fff; vertical-align:top;border-right: 1px solid #eee;box-sizing: border-box;}
.leftmenuWrap .rightBtn {position:absolute; top:15px; right:-16px; overflow:hidden;}
.leftmenuWrap .rightBtn img {}
.leftmenuWrap .leftmenuBox {overflow:hidden;}
.leftmenuWrap .adminfo {width:200px; text-align:center; position:relative;}
.leftmenuWrap .adminfo::after {content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:80%;height:1px;background:#ddd;}
.leftmenuWrap .adminfo .adminfo_shop{margin-top:20px;}
.leftmenuWrap .adminfo .adminfo_shop span{color:#fff;}
.leftmenuWrap .adminfo .myshop,  .leftmenuWrap .adminfo .myminishop{display: inline-block;padding: 7px 12px;font-size:12px; font-weight:bold;color: #666;border: 1px solid #ccc;}
.leftmenuWrap .adminfo .myshop img {margin:-5px 3px 0 0; vertical-align:middle; display:none;}
.leftmenuWrap .adminfo .logout {display:inline-block; height:20px; margin:6px 0 0 0; padding:0 8px; border-radius:5px; box-shadow:0 0 3px #35353f; background:#9a9a9c; color:#fff; font-size:11px; line-height:18px; position:absolute; top:50px; left:65px;}
.leftmenuWrap .adminfo .blink {display:inline-block; height:20px; padding:0 6px; border:1px solid #ddd; border-radius:5px; color:#666; font-size:11px; line-height:16px; box-sizing:border-box; letter-spacing:-1px; cursor:pointer;}
.leftmenuWrap .adminfo .userId {margin-top:15px;font-size:14px;font-weight:bold;color:#666;}
.leftmenuWrap .adminfo .profileBox {position: relative;display: inline-block;margin-top:40px;}
.leftmenuWrap .adminfo .infoLink {position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;}
.leftmenuWrap .adminfo .imgBox {position: relative;display: inline-block;width: 60px;height: 60px;overflow: hidden;border-radius: 50%;vertical-align: middle;border:1px solid #ddd;box-sizing:border-box;}
.leftmenuWrap .adminfo .imgBox img {width:100%;height:100%;}
.leftmenuWrap .adminfo .setIcon {position: absolute;bottom:0;right:0;}

#leftmenu {width:200px;}
#leftmenu div {}
#leftmenu .menugroup {width:100%; text-align:left;}
#leftmenu .top {width:100%; box-sizing:border-box; padding:30px 20px 5px;color:#222; font-size:15px; line-height:25px; font-weight:bold;}
#leftmenu .menugroup .group {width:100%;}
#leftmenu .menugroup .group .title { color:#434343; font-size:9pt; padding:0 15px 0 25px; width:130px;line-height:29px;border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;background:url(./icon/arrow_icon.gif) no-repeat; background-color:#f7f7f7;background-position-x: 20px ; background-position-y: center; }
#leftmenu .menugroup .group .title a:link, a:visited, a:active { text-decoration: none; color:#000000;}
#leftmenu .menugroup .group .title a:hover { text-decoration: underline;}
#leftmenu .menugroup .group .subtitle {width:100%; padding:5px 30px 5px 16px; background:url('./icon/img_admMain_icoDown.png') no-repeat right center #95a4a7; color:#fff; font-size:13px; line-height:24px; box-sizing:border-box;}
#leftmenu .menugroup .group .menu {width:100%;}
#leftmenu .menugroup .group .menu div{width:100%; vertical-align:top;}
#leftmenu .menugroup .group .menu a {display:block; padding:12px 20px 6px; background:#fff; color:#000; font-size:13px; line-height:23px;}
#leftmenu .menugroup .group .menu div a.gs_option_btn {color:#666; border:1px solid #ddd; padding:5px 0; margin:5px 10px; text-align:center;}
#leftmenu .menugroup .group .menu div a.gs_option_btn img {width: 14px;margin-right:6px;}

#leftmenu .menugroup .group .menu.period div {display:block; padding:4px 16px 6px; border-top:1px solid #ebeff2; background:#eff3f6; color:#000; font-size:12px; line-height:23px; box-sizing:border-box;}
#leftmenu .menugroup .group .menu.period div .pointcolor{color:#fb2740;}
#leftmenu .menugroup .group .menu.period .period_left_btnbox {padding:10px 0; text-align:center;}
#leftmenu .menugroup .group .menu.period .period_left_btnbox a {display:inline-block; padding:0px; width:44%; color:#fff;}
#leftmenu .menugroup .group .menu.period .period_left_btnbox a.period_left_btn1 {background:#39b4dd;}
#leftmenu .menugroup .group .menu.period .period_left_btnbox a.period_left_btn2 {background:#29cdd6;}

.admLctNavi {padding-left:20px;}

.sub_title  { font-size:12px; color:#323232; font-weight:bold; }
.con_title1 { font-size:14px; color:#565656; }
.subtitle16 { font-size:16px; color:#565656; font-weight:bold; }


.left01 	{ color:#434343; font-size:9pt; }
.left01 	   A:link { font-size: 9pt; color:  #434343; text-decoration: none}
.left01 	   A:visited  { font-size: 9pt; color: #434343; text-decoration: none}
.left01 	   A:active  { font-size: 9pt; color:   #434343; text-decoration: none}
.left01 	   A:hover { font-size: 9pt; color: #434343; text-decoration: underline}

.setup01 { color:#454545; font-size:10pt; }
.setup02 { color:#454545; font-size:8pt;}


/* 로그인한 사용자정보 */
.user-info{ width:140px; line-height:20px; text-align:center; display:inline-block; border:0; cursor:pointer;padding:15px; margin:10px 0; border-radius:3px; border:1px solid #bbb; background:#fafafa;color:#666;}
.common-btns{position:relative; width:100%;}

/**버튼스타일*****************************************************************************/
span.btnright {float:right;}
.btnR {line-height:60px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:18px; cursor:pointer;padding:0 40px 0 60px; margin:0 10px; border-radius:60px;background-repeat: no-repeat; background-position:15px center; }
.btnSQ {line-width:50px;line-height:50px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:14px; cursor:pointer;padding:0 10px 0 10px; border-radius:3px;background-repeat: no-repeat; background-position:15px center; white-space:nowrap;}
.btn {line-height:34px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:14px; cursor:pointer;padding:0 20px; margin:0 2px;border-radius:3px; }
.btns {line-height:38px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:13px; cursor:pointer;padding:0 15px; margin:3px;box-sizing: border-box;}
.btnxs {line-height:19px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:11px; cursor:pointer;padding:0 10px; margin:0 2px; vertical-align:top;border-radius:3px; }
.btnxxs {line-height:16px; text-align:center; font-weight:bold; display:inline-block; border:0; font-size:9px; cursor:pointer;padding:0 2px; margin:0 0px; vertical-align:top;border-radius:2px; }
.btnMain {font-size:18px; line-height:52px; text-align:center; font-weight:bold; display:inline-block; border:0;  cursor:pointer;padding:0 15px; margin:10px 0; border-radius:3px; width:140px;}
.btnHtml {display:block; float:left; line-height:20px; text-align:center; font-weight:normal; border:0; font-size:11px; cursor:pointer;padding:0 11px; margin-bottom:3px; border-radius:3px;letter-spacing:-0.3px;}
.btnHtml.left{float:left; height:auto;}
.btnHtml.right{float:right;}
span.btn a {font-size:14px; font-weight:bold;}
span.btn a:hover {text-decoration:none;}

.submitBtn {display:inline-block;width:160px;height:50px;line-height:50px;text-align: center;font-weight: bold;font-size: 15px;margin: 5px;color: #fff;background-color: #3169da;border: 1px solid #3169da;cursor: pointer;color:#fff;}
.cancleBtn {display:inline-block;width:160px;height:50px;line-height:50px;text-align: center;font-weight: bold;font-size: 15px;margin: 5px;color: #666;background-color: #fff;border: 1px solid #dbdbdb;cursor: pointer;}
.submitBtn02 {display:inline-block;width:90px;height:40px;line-height:40px;text-align: center;font-weight: bold;font-size: 14px;margin: 5px;color: #fff;background-color: #3169da;border: 1px solid #3169da;cursor: pointer;color:#fff;}
.cancleBtn02 {display:inline-block;width:90px;height:40px;line-height:40px;text-align: center;font-weight: bold;font-size: 14px;margin: 5px;color: #666;background-color: #fff;border: 1px solid #999;cursor: pointer;}
.excelBtn {display: inline-block;padding: 5px 10px;border:1px solid #ccc;}

.allChkBtn {display:inline-block;width:160px;height:50px;line-height:50px;text-align: center;font-weight: bold;font-size: 15px;margin: 5px;color: #fff;background-color: #333;border: 1px solid #333;cursor: pointer;}
.sampleDownBtn {display: inline-block;padding: 0 10px;line-height: 38px;box-sizing: border-box;text-align: center;font-weight: 500;font-size: 13px;cursor: pointer;background-color:#fff;color:#333;border:1px solid #ddd;vertical-align: middle;}

.red { border:1px solid #ed2134; background:red; color:#fff;}
.white { border:1px solid #bbb; background:#fff;color:#000;}
.sky { border:1px solid #6595cc; background-color:skyblue;color:#fff;}
.black { border:1px solid #333333; background-color:#333333;color:#fff;}
.blue { border:1px solid #0072e3; background-color:blue;color:#fff;}
.orange { border:1px solid #ff9797; background-color:#ff9966;color:#fff;}

.btn01 { background:#3169da; color:#fff !important;}
.btn02 { border:1px solid #dbdbdb; background:#fff;color:#333;}
.btn03 { border:1px solid #333333; background-color:#333333;color:#fff;}
.btn04 {background-color:#444;color:#fff;}
.btn05 { border:1px solid #0072e3; background-color:blue;color:#fff;}
.btn06 { border:1px solid #ff9797; background-color:#ff9966;color:#fff;}
.btn07 { border:1px solid goldenrod; background-color:gold;color:#333 !important;}
span.btn10 a {border:1px solid #cacaca; border-radius:3px; background:#fff; text-align:center; display:inline-block; padding:4px 6px 5px 6px; font-weight:bold; font-size:11px; margin:0 2px;}
span.btn10 a:hover {text-decoration:none;}

.btnSubmit {padding: 0 65px;background-color: #444;color: #fff;border: 1px solid #444;cursor:pointer;}
.btnCancel {padding: 0 65px;background-color: #fff;color:#666;cursor:pointer;}
.btnActive {display: inline-block;height:40px;line-height:40px; box-sizing: border-box; margin: 0; padding: 0 18px;font-size: 13px;border: 1px solid #333333;background-color: #333;color: #fff;cursor:pointer;vertical-align: middle;}
.btnDefault {display: inline-block;height:40px;line-height:38px; box-sizing: border-box; margin: 0; padding: 0 30px;font-size: 13px;border: 1px solid #ddd;background-color: #fff;cursor:pointer;vertical-align: middle;color:#000;}

.w_btn_01 {display:inline-block; border:1px solid #ccc; background:#fff; padding:1px 5px; text-align:center; border-radius:3px; cursor:pointer;}
.w_btn_big_01 {display:inline-block; border:1px solid #016294; background:#fff; padding:5px 20px; text-align:center; border-radius:3px; cursor:pointer;}
.b_btn_big_01 {display:inline-block; border:1px solid #016294; background:#31a6cd; color:#fff; padding:5px 20px; text-align:center; border-radius:3px; cursor:pointer;}
.b_btn_01{display:inline-block; border:1px solid #016294; background:#31a6cd; color:#fff; padding:1px 5px; text-align:center; border-radius:3px; cursor:pointer;}
.p_btn_01  {display:inline-block; border:1px solid #6f6fcc; background:#6f6fcc; color:#fff; padding:1px 5px; text-align:center; border-radius:3px; cursor:pointer;}
.g_btn_01  {display:inline-block; border:1px solid #9d9d9d; background:#9d9d9d; color:#fff; padding:1px 5px; text-align:center; border-radius:3px; cursor:pointer;}
.o_btn_01  {display:inline-block; border:1px solid orange; background:orange; color:#fff; padding:1px 5px; text-align:center; border-radius:3px; cursor:pointer;}
/**ul list style 제거*******************************************************************************/
ul {list-style:none;}

/** 사이즈 라이브러리 *******************************************************************************/

.w100{padding:0; margin:0; width:100%;}

a:link, a:visited, a:active, a:hover { color:#666666; text-decoration:none;}

.admBG .on {display:block;}
.admBG div {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.admBG .bg01{background:url('/admin/images/bg_login01.jpg') no-repeat center center; background-size:cover;}
.admBG .bg02{background:url('/admin/images/bg_login02.jpg') no-repeat center center; background-size:cover;}
.admBG .bg03{background:url('/admin/images/bg_login03.jpg') no-repeat center center; background-size:cover;}
.admBG .bg04{background:url('/admin/images/bg_login04.jpg') no-repeat center center; background-size:cover;}

.admLoginBox {position:absolute; top:50%; left:50%; width:560px; height:460px; margin:-230px 0 0 -280px; z-index:10;}
.admLogin {width:560px; height:423px; background:url('/admin/images/bg_loginWrite.png') no-repeat 0 0; font-size:0; line-height:0; overflow:hidden;}
.admLogin h1 {margin:110px 52px 0; padding-bottom:15px; text-align:left;}
.admLogin h1 span {display:inline-block; vertical-align:middle;}
.admLogin h1 span.bar {margin:0 22px; vertical-align:bottom;}
.admLogin h1 span.txt {margin-top:20px;}
.admLogin .uid {height:49px; padding:0 6px 0 55px; margin:13px 52px 0 49px; background:url('/admin/images/bg_input_uid.png') no-repeat 0 0;}
.admLogin .pw {height:49px; padding:0 6px 0 55px; margin:13px 52px 0 49px; background:url('/admin/images/bg_input_pw.png') no-repeat 0 0;}
.admLogin .text {width:100%; height:49px; padding:0 0 0 3px; margin:0; border:0 none; background:none; color:#fff; font-size:15px; line-height:49px;}
.admLogin .btnBox {margin:13px 52px 0 49px;}
.admLogin .btnLogin {width:100%; height:50px; margin:0; padding:0; border:0 none; background:url('/admin/images/bg_btnLogin.png') no-repeat 0 0; color:#f5f5f5; font-size:18px; line-height:50px; text-align:center; cursor:pointer;}
.copyRight {padding-right:3px; color:#fff; font-size:15px; line-height:49px; text-align:center;}


.iconNum {display:inline-block; min-width:13px; height:15px; padding:0 2px; margin:1px; border-radius:2px; background:#f57477; color:#fff; font-size:11px; line-height:15px; text-align:center; cursor:pointer;}
.iconNum.on {background:#606060;}

/*jings3, 2016-05-10 , 글자 떨어지게 처리*/
.wordBr { width: 350px;
	world-wrap : break-word; /*인터넷익스플로러5.5*/
	white-space: pre-wrap; /*css-3*/
	white-space:-moz-pre-wrap;/* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera7 */
	word-break:break-all;
	text-overflow:ellipsis;
	overflow:hidden;
}

/* 타이틀 */
.tab-tit{margin:10px 0 10px;font-size:18px;font-weight:500;color:#111;}

/****************************** 탭 ******************************/
/* 탭 */
/*.tab01 {width:100%; overflow:hidden; position:relative;}
.tab01 .dates {position:absolute; right:10px; top:17px;}*/
.tab01 {width:100%; overflow:hidden; }
.tab01 .dates {position:absolute; top:22px;}
.tab01 .dates input.datebox {  background: #f8f8f8 none repeat scroll 0 0;  border: 1px solid #dbdbdb;  box-sizing: border-box;  font-size: 13px;  height: 27px; line-height: 25px;  margin-left: 10px;  padding: 0 10px;  width: 100px;}
.tab01 .dates span.find {background: #92979b none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 13px;height: 27px;line-height: 27px;margin-left: 10px;padding: 0 11px; vertical-align:bottom; cursor:pointer;}


.tab01 a {display:table-cell; width:25%; height:60px; border:1px solid #e7e7e7; border-left:none; border-bottom:none; background:#fcfcfb; color:#2e2e2e; font-size:15px; line-height:20px; box-sizing:border-box; text-align:center; vertical-align:middle; font-weight:bold; border-bottom:4px solid #fcfcfb;}
.tab01 a:first-child {border-left:1px solid #e7e7e7;}
.tab01 a.on {border-bottom:4px solid #96af52;}
.tab01 a span {font-size:12px;}
.tab01_type {border-bottom:1px solid #e7e7e7; overflow:hidden;}
.tab01_type a {display:inline-block; float:left; line-height:60px;}
/*
.tab01_cont {display:none; min-height:800px; margin-top:35px; text-align:left;}
.tab01_cont.on {display:block;}
*/
.tab01_cont {margin:30px 0; text-align:left;}

.tab02 {width:100%; margin-top:30px; overflow:hidden;}
.tab02 a {float:left; width:222px; height:53px; border:1px solid #e7e7e7; border-left:none; background:#f6f6f6; font-size:15px; line-height:50px; text-align:center;}
.tab02 a:first-child {border-left:none;}
.tab02 a.on {background:#69ecfe ; font-weight:bold;}

.tab03 {position:relative; width:441px; margin-top:20px; overflow:hidden; z-index:10;}
.tab03 a {float:left; width:50%; height:60px; border:1px solid #e7e7e7; border-left:none; background:#92979b; color:#fff; font-size:15px; line-height:57px; font-weight:bold; text-align:center; box-sizing:border-box;}
.tab03 a:first-child {border-left:1px solid #e7e7e7;}
.tab03 a.on {border-bottom:1px solid #fff; background:#fff; color:#2e2e2e;}

.tab04 {padding-left:0px;	list-style: none;border-bottom:2px solid #fd4b5b; border-left:1px solid #d2d4d6;}
.tab04 li{float:left;}
.tab04 li a{ border-top:1px solid #d2d4d6; border-right:1px solid #d2d4d6; background:#f1f1f1; font-weight:bold; color:#323232; text-decoration:none; line-height:35px; height:35px; padding:11px 20px;font-size:13px; letter-spacing:normal; margin-right:1px;}
.tab04 li a.on {background:#fd4b5b; color:#fff;}
.tab04 li a:hover, .tab03 li a.on {background:#fd4b5b; border-top:1px solid #fd4b5b; border-right:1px solid #fd4b5b; color:#fff;}
.tab04:after {content:''; display:block; clear:both;}

/* 페이징 */
.paging_box {padding:40px 20px 20px; margin-top:30px; background:#fcfcfb;}
.paging_box.top-20 {padding:20px;}
.paging_box .paging {margin-top:0;}
.paging {font-size:0; line-height:0; text-align:center;}
.paging a {display:inline-block; width:31px; height:31px; color:#999; font-size:12px;font-weight: bold; line-height:31px;box-sizing: border-box;}
/* .paging a.sitebg2,
.paging a:hover {border-radius:100%; border:1px solid #6595cc; background:#81abdc; color:#fff; font-weight:bold; box-sizing:border-box;}
.paging a.prev {width:35px; margin-right:10px; padding-left:14px; background:url('../ico_paging_prev.png') no-repeat left center; color:#000; font-size:14px; font-weight:bold; text-align:left;}
.paging a.prev:hover {color:#000; font-weight:normal;}
.paging a.next {width:35px; margin-left:10px; padding-right:14px; background:url('../ico_paging_next.png') no-repeat right center; color:#000; font-size:14px; font-weight:bold; text-align:right;}
.paging a.next:hover {color:#000; font-weight:normal;} */
/*2022-06-10 kmj 페이징 css수정*/
.paging a.sitebg2 {border: 1px solid #ddd;color: #3169da;font-weight: bold;}
.paging .golink {display:none;}
.paging .strPg {width:auto;padding-right:15px;}
.paging .endPg {width:auto;padding-left:15px;}
.paging .prevBox {position: relative;width:auto;margin-right: 5px;padding-right: 12px;}
.paging .prevBox::after {content: ""; position: absolute; background: #ddd; top: 50%;right: 0px; transform: translate(0,-50%);width: 1px;height: 11px;}
.paging .nextBox {position: relative;width:auto;margin-left: 5px;padding-left: 12px;}
.paging .nextBox::after {content: ""; position: absolute; background: #ddd; top: 50%;left: 0px; transform: translate(0,-50%);width: 1px;height: 11px;}




/***** admin main *****/
.admLocation {display:none;}
.admMainWrap {min-width:1380px; margin:0 0 40px -20px;}
.admMainWrap iframe {vertical-align:top;}
.admMainHead {padding-bottom:20px; border-bottom:2px solid #ececef; background:#f4f4f6; overflow:hidden;}
.admMainHead .infoArea {float:left; width:407px; margin-left:44px;}
.admMainHead .infoArea h2 {margin:0; padding:22px 0; color:#000; font-size:15px; line-height:23px; text-align:center;}
.admMainHead .infoArea h2 img {margin:-2px 5px 0 0 ; vertical-align:middle;}
.admMainHead .infoArea dl {margin:0; padding:5px; border-bottom:1px solid #ececef; color:#010101; font-size:12px; line-height:14px; overflow:hidden;}
.admMainHead .infoArea dl dt {float:left;}
.admMainHead .infoArea dl dd {margin:0; text-align:right;}
.admMainHead .infoArea dl dd strong {margin-right:5px; font-size:13px;}
.admMainHead .infoArea dl dd strong a {color:#000;}
.admMainHead .infoArea dl dd strong.color a {color:#01bda5;}
.admMainHead .banner {float:left; margin:23px 0 0 34px; border:1px solid #d3d3d3;}
.admMainHead .banner img {width:279px; height:auto;}
.admFoot {min-width:1380px; padding-left:190px; margin:-70px 0 0 0;}

.admMainCont {padding-left:20px; background:#fff; overflow:hidden;}
.admMainCont .leftCont {float:left; width:100%; padding-bottom:20px; overflow:hidden;}
.coreIndex .inhead {position:relative; padding-top:10px;}
.coreIndex .inhead h1 {margin:0; padding:0 3px; color:#010101; font-size:15px; line-height:37px;}
.coreIndex .inhead .typeLink {position:absolute; top:10px; right:0; padding:10px 2px; color:#010101; font-size:12px; line-height:17px;}
.coreIndex .inhead .typeLink a {margin:0 10px; color:#010101;}
.coreIndex .inhead .typeLink a.go {margin:0; color:#01bda5;}
.coreIndex .incont {overflow:hidden;}
.coreData {float:left; position:relative; width:255px; padding:6px 15px; margin-right:10px; border:1px solid #e9e9e9; background:#fff; box-sizing:border-box;}
.coreData h2 {margin:0; color:#010101; font-size:13px; line-height:28px;}
.coreData .more {position:absolute; top:12px; right:15px; color:#aeaeb2; font-size:11px; line-height:16px;}
.coreData .more span {color:#999; font-size:8px; line-height:18px; font-weight:bold; vertical-align:top;}
.coreDataList {padding:0; margin:0;}
.coreDataList li {padding:12px 0; border-top:1px solid #e9e9e9; overflow:hidden;}
.coreDataList li:first-child {border-top:none;}
.coreDataList li .num {float:left; position:relative; width:30px; padding:15px 0; color:#010101; font-size:12px; line-height:20px;}
.coreDataList li .num .ic {display:inline-block; position:absolute; top:0; left:0; height:14px; padding:0 2px; background:#1ae4cd; color:#fff; font-size:11px; line-height:12px;}
.coreDataList li .img {float:left; width:60px;}
.coreDataList li .img img {width:50px; height:50px;}
.coreDataList li .txt {display:block; padding-left:90px;}
.coreDataList li .txt .tit {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.coreDataList li .txt .tit a {color:#010101; font-size:12px; line-height:14px;}
.coreDataList li .txt .incate {margin-top:18px; color:#7f7f7f; font-size:11px; line-height:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.coreData.keyword {width:232px; margin:0; padding: 6px 15px 1px;}
.coreData.keyword .coreDataList li {padding:1px 0; }
.coreData.keyword .coreDataList li .txt {padding:0px 0 0 35px;}
.coreData.keyword .coreDataList li .num {padding:0px;}


.graphTxtBoard {margin-top:17px; overflow:hidden;}
.graphArea {float:left; width:623px;}
.admMainTab {position:relative; width:100%; height:474px; padding:0; margin:0; overflow:hidden;}
.admMainTab > li {float:left; width:50%; height:43px;}

.admMainTab > li a.tit {display:block; position:relative; height:43px; margin-left:-1px; border:1px solid #e1e1e4; border-bottom:1px solid #1ae4cd; background:#f6f6f6; color:#888; font-size:13px; line-height:43px; text-align:center; box-sizing:border-box; z-index:10;}
.admMainTab > li:first-child a {margin-left:0;}
.admMainTab > li a.tit img {margin:-2px 5px 0 0; vertical-align:middle;}
.admMainTab > li .cont {position:absolute; top:42px; left:0; width:100%; height:432px; border:1px solid #1ae4cd; background:#fff; box-sizing:border-box; z-index:5; overflow:hidden;}
.admMainTab > li .cont canvas {width:601px !important; height:310px !important; margin:60px 10px !important;}
.admMainTab > li.on a.tit {border:1px solid #1ae4cd; padding-bottom:1px; border-bottom:none; background:#fff; color:#000; z-index:20;}
.admMainTab > li.on .cont {z-index:10;}
.txtBoard {float:left; width:780px; margin-left:28px;}
.txtBoard .admMainTab {height:215px;}
.txtBoard .admMainTab > li .cont {height:173px; padding:13px 20px 0; box-sizing:border-box;}

.board_txtlist {padding:0; margin:0;}
.board_txtlist li {font-size:12px; line-height:24px; overflow:hidden;}
.board_txtlist li .leftSection {float:left; width:260px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_txtlist li .rightSection {float:right; text-align:right;}
.board_txtlist li .tp {color:#00b5a6; font-style:normal;}
.board_txtlist li a {color:#010101;}
.board_txtlist li a:hover {text-decoration:underline;}
.board_txtlist li .a {color:#8a8c90; font-style:normal;}
.board_txtlist li .b {color:#d89baa; font-style:normal;}
.board_txtlist li .date {margin-left:5px; color:#bababa;}

.admMainPrdCmt {position:relative; margin-top:14px;}
.admMainPrdCmt h2 {margin:0; padding:0 8px; color:#000; font-size:15px; line-height:37px;}
.admMainPrdCmt h2 img {margin:-5px 5px 0 0; vertical-align:middle;}
.admMainPrdCmt .more {position:absolute; top:10px; right:0; color:#aeaeb2; font-size:11px; line-height:17px;}
.admMainPrdCmt .more span {color:#999; font-size:8px; line-height:18px; font-weight:bold; vertical-align:top;}
.admMainPrdCmt ul {height:208px; margin:0; padding:0 20px; border-top:1px solid #eeeeef; border-bottom:1px solid #eeeeef; background:#fdfdfd; overflow:hidden; box-sizing:border-box;}
.admMainPrdCmt ul li {margin-top:16px; color:#000; font-size:11px; line-height:16px;}
.admMainPrdCmt ul li .nameDate {overflow:hidden;}
.admMainPrdCmt ul li .nameDate .name {float:left; width:260px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.admMainPrdCmt ul li .nameDate .name a {color:#01bda5;}
.admMainPrdCmt ul li .nameDate .date {float:right; color:#bababa;}
.admMainPrdCmt ul li p {margin:0; padding:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.admMainFoot {margin-top:14px; overflow:hidden;}
.admMainFoot h2 {margin:0; padding:0; color:#000; font-size:15px; line-height:37px; text-align:center;}
.admMainFoot h2 img {margin:-5px 5px 0 0; vertical-align:middle;}
.admMainFoot .serviceBox {float:left; width:269px;}
.admMainFoot .serviceBox .serviceInfo {height:143px; padding:0 16px; border-radius:4px; background:#eff3f6; text-align:left; overflow:hidden;}
.admMainFoot .serviceBox .serviceInfo h3 {margin:10px 0 2px 0; color:#01bda5; font-size:12px; line-height:20px;}
.admMainFoot .serviceBox .serviceInfo dl {margin:0; color:#8a8c90; font-size:11px; line-height:21px; overflow:hidden;}
.admMainFoot .serviceBox .serviceInfo dl dt {float:left;}
.admMainFoot .serviceBox .serviceInfo dl dd {margin:0; padding:0 0 0 45px;}
.admMainFoot .serviceBox .serviceInfo dl dd .color {color:#e34949; font-style:normal;}
.admMainFoot .serviceBox .serviceInfo dl dd .btnAdd {display:inline-block; height:15px; padding:0 3px; background:#1ae4cd; color:#fff; font-size:12px; line-height:13px; cursor:pointer;}

.admMainFoot .admMainFootBoardBox {float:left; width:325px; margin:0 20px 0 35px;}


.rightCont {float:left; width:281px; margin-left:9px; overflow:hidden;}
.rightCont .banner {display:inline-block; margin-top:18px; border:1px solid #ccc;}
.rightCont .banner img {width:279px; height:auto;}
.tipBoxWrap {margin-top:17px;}



input.text {height:40px; padding:0 10px; margin:0; border:1px solid #ddd; font-size:15px; line-height:33px; box-sizing:border-box;vertical-align: middle;}
select.select {height:40px; padding:0 5px; border:1px solid #ddd; color:#000; box-sizing:border-box; text-align:left; vertical-align:middle;}
select.select1{height:40px; padding:0 5px; border:1px solid #ddd; color:#000; box-sizing:border-box; text-align:left; vertical-align:middle;}



/****************************** 버튼,아이콘 ******************************/
.btn_gray01 {display:inline-block; height:40px; padding:0 28px; background:#d2d2d2; color:#fff; font-size:14px; line-height:40px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_gray02 {display:inline-block; width:211px; height:60px; background:#92979b; color:#fff; font-size:18px; line-height:58px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_gray02 .iconfont {font-size:24px; vertical-align:middle;}
.btn_gray04 {display:inline-block; height:34px; width:175px; background:#92979b; color:#fff; font-size:14px; line-height:30px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #c7cbce; cursor:pointer; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.30); -moz-box-shadow: 3px 3px 8px gba(0, 0, 0, 0.30); -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.30);}
.btn_gray05 {display:inline-block; height:45px; width:103px; background:#92979b; color:#fff; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_gray06 {display:inline-block; height:55px; padding:0 28px; background:#92979b; color:#fff; font-size:14px; line-height:50px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_white01 {display:inline-block; height:35px; width:72px; border:1px solid #e0e0e0; background:#faf9f7; color:#2e2e2e; font-size:12px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_white02 {display:inline-block; height:35px; width:72px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; background:url('../recom-day-btnbg.png') repeat-x 0 0 ; color:#2e2e2e; font-size:12px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_white03 {display:inline-block; height:50px; width:200px; background:#fff; color:#3a1c1c; font-size:14px; line-height:46px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer; border:1px solid #e0e0e0;}
.btn_white04 {display:inline-block; height:35px; padding:0 28px; border:1px solid #e0e0e0; background:#faf9f7; color:#2e2e2e; font-size:14px; line-height:34px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}

.btn_yellow01 {display:inline-block; height:45px; padding:0 28px; border:none; background:#92979b; color:#fff; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow02 {display:inline-block; width:211px; height:60px; border:none; background:#92979b; color:#fff; font-size:18px; line-height:58px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow02 .iconfont {font-size:24px; vertical-align:middle;}
.btn_yellow03 {display:block; width:100%; padding:0; border:1px solid #92979b; box-sizing:border-box; text-align:center;}
.btn_yellow03 span {display:block; height:63px; border:1px solid #92979b; box-sizing:border-box; background:#92979b; color:#fff; font-size:25px; line-height:58px; font-family:'mgb'; text-align:center;}
.btn_yellow04 {display:inline-block; height:50px; width:200px; background:#92979b; color:#fff; font-size:14px; line-height:46px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_yellow05{display:inline-block; height:45px; width:103px; background:#92979b; color:#fff; font-size:14px; line-height:43px; font-family:'mgb'; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}


.btn_orange01 {display:inline-block; width:81px; height:30px; background:#92979b; color:#fff; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_orange02 {display:inline-block; width:60px; height:26px; background:#92979b; color:#fff; font-size:13px; line-height:26px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.btn_orange03 {display:inline-block; width:81px; height:30px; background:#92979b; color:#fff; font-size:13px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box;}

.btn_black01 {display:inline-block; width:70px; height:35px; background:#2e2e2e; border:1px solid #707070; color:#fff; font-size:15px; line-height:28px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer;}


/*게시판 테이블 스타일 */

fieldset {border:0;}
legend {display:none;}
.boardTitle { font-weight:bold; color: #222222; font-size: 24px; margin-bottom: 10px; padding-bottom: 14px; text-align:left;}
.boardTitle span.line {display:inline-block; width:50px; height:2px; background:#5f4025 ;}
.writeTitle {padding:25px 20px;box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold; color: #222; font-size: 15px;text-align:left;}
.writeTitle span.line {display:inline-block; width:50px; height:2px; background:#5f4025 ;}
.writeTitle .author img {vertical-align:middle;}
.typeWrap {display:inline-block;}
.typeLeft {float:left;}
.typeLeft select {width:135px;margin-right: 12px;}
.typeRight {float: left;margin-bottom: 15px;color: #bcbbbb; font-size: 12px; line-height: 28px; }
.typeRight a{position: relative;font-weight:normal; color: #222; display: inline-block; font-size: 13px; height: 38px; line-height: 35px; padding-right:20px;text-align:left;}
.typeRight a::after{content: ""; position: absolute; background: #ddd; top: 50%; right: 8px; transform: translate(0,-50%);width: 1px;height: 12px;}
.typeRight a:last-of-type::after {display:none;}
.typeRight a i {vertical-align:middle;margin-left:3px;}

.gs_table_album {background:none;}
.gs_table_album .gs_album_box {box-sizing:border-box; padding:5px; background:#fff; border:1px solid #ccc;}
.gs_table_album .gs_album_box .gs_album_img a{display:inline-block; height:200px; overflow:hidden;}
.gs_table_album .gs_album_box .gs_album_img a img {width:100%;}
.gs_table_album .gs_album_text {text-align:left; height:80px; box-sizing:border-box; padding-top:5px;}
.gs_table_album .gs_album_text .del {float:right;}
.gs_table_album .gs_album_text .tit {font-size:15px; }
.gs_table_album .gs_album_text .day {color:#aeaeae;}

.gs_table_content {width:100%; padding:10px 0;}
.gs_table_content .gray > td{padding:10px 0; border-bottom:1px solid #eee; vertical-align:top;}
.gs_table_content .gray > td .del {float:right;}
.gs_table_content .gray > td .tit {font-size:16px; font-weight:bold;}
.gs_table_content .gray > td .text {margin-top:10px;}
.gs_table_content .gray > td .text .day {color:#b9b9b9;}
.gs_table_content .gray > td .text .author {color:#9ebddf;}
.gs_table_content .gray > td .text .hits {color:#b9b9b9;}
.gs_table_content .gray > td .text .bar {font-size:12px; color:#eee;}
.gs_table_content .total_tit{ text-align:center; font-size:15px;  padding-bottom:30px;}

.contbox {padding:30px;}
.listwrap .img img {width:100%; height:100%;}
.gallery_list li {width:25%; box-sizing:border-box; padding:10px; }
.gallery_list li .gallery_list_in_box { border:1px solid #ccc; box-sizing:border-box; padding: 10px;}
.gallery_list li .gallery_list_in_box strong {font-size:15px;}
.gallery_list li .gallery_list_in_box .date {color:#555;}
.btn_yellow03.top {margin:100px 0;}
.search_area {margin-top:30px;}
.btn_right {text-align:right; padding:20px 0;}
.paging {background:none;}

.gs_table_viwe { width:100%;}
.gs_table_viwe .tit {font-size:19px; font-family:'mgb'; padding:10px 0;}
.gs_table_viwe .day{color:#b9b9b9;}
.gs_table_viwe .author{color:#9ebddf;}
.gs_table_viwe .bar{font-size:12px; color:#eee;}
.gs_table_viwe .gs_table_viwe_in_box {border:1px solid #ccc; padding-bottom:50px;}
.gs_table_viwe .gs_table_viwe_in {box-sizing:border-box;width:100%; padding:15px; table-layout:fixed; }
.gs_table_viwe .gs_table_viwe_btn {font-size:0px; padding:15px;}
.gs_table_viwe .gs_table_viwe_btn .nbsp {display:inline-block; width:5px;}
.gs_table_viwe_in img {max-width:100%;}

.gs_table_write {width:100%; text-align:left;}
.gs_table_write td {padding:15px 0 15px 15px; font-size:15px; border-bottom:1px solid #dfe1e1;}
.gs_table_write th {background:#ebeded; font-size:15px; padding-left:10px; font-weight:normal;}
.gs_table_write_con {border-top:2px solid #dfe1e1; border-bottom:2px solid #dfe1e1;}

.gs_table_default {width:100%;}
.gs_table_default #board_group {width:200px; height:35px;}
.gs_table_default .gs_table_default_con {width: 100%;border: 0;border-collapse: collapse;text-align: center;}
.gs_table_default .gs_table_default_con th {padding:15px 10px;box-sizing:border-box;border-top: 1px solid #000;background-color: #f8f8f8;font-size: 13px;font-weight: bold;color: #333;border-right: 1px solid #e0e0e0;}
.gs_table_default .gs_table_default_con th:last-child {border-right:0;}
.gs_table_default .gs_table_default_con td {padding:15px 10px;box-sizing:border-box;color: #333;font-size: 13px;background: #fff;border: 0;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.gs_table_default .gs_table_default_con td:last-child {border-right:0;}
.gs_table_default .gs_table_default_con td .tit {text-align: left;}
.gs_table_default .gs_table_default_con .comtCnt {display:inline-block;margin-left:5px;margin-right:2px;color:#396AC7;font-weight:900;}
.gs_table_default .gs_table_default_con .icon {width:13px;}

.gs_table_comment {box-sizing:border-box; padding:15px;}
.gs_table_comment .gs_table_comment_con {box-sizing:border-box; padding:10px;}
.gs_table_comment .textarea_text {color: #666; font-size: 20px; font-weight: bold;}
.gs_table_comment .commentWrap {display:flex;align-items:center;}
.gs_table_comment textarea {border:1px solid #ddd; width:90%; max-width:90%; height:120px; min-height:45px;padding:10px;box-sizing:border-box; font-size:12px; color:#333;}
.gs_table_comment .comment_btn {background-color: #F8F8F8;border:1px solid #ddd;border-left:none;box-sizing:border-box;cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold;width:10%;height:120px; line-height:120px; padding: 0 10px; text-align: center; white-space: nowrap;}
.gs_table_comment .gs_table_comment_bottom {margin-top:20px; border-top:1px solid #ccc;}
.gs_table_comment .gs_table_comment_bottom td {border-bottom:1px solid #ccc; padding:15px 0;}
.bg-gray-btn{background:#d2d2d2;display:inline-block;height:40px;padding:0 28px; color:#fff; font-size:14px; line-height:2.7; font-family:mgb; text-align:center; vertical-align:middle;box-sizing:border-box;cursor:pointer}

.reg_btn {padding:10px 0px; margin-top:30px;}
.gs_paging_box {padding:30px 0;}
/* .gs_paging_box a {display:inline-block; padding:5px 8px; margin:0 5px; border:1px solid #eee;} */
.gs_paging a.on,
.gs_paging a.active,
.gs_paging a.on,
.gs_paging a.active,
.gs_paging a:hover {background-color:<%=cfgColor2%>; color:#fff; font-weight:normal; font-family:'mgb';}

.del_box.on {display:block;}
.del_box {background-color:#fff;border:2px solid #000; display:none;}
.del_box .del_box_in {width:300px; height:150px; background:#fff;text-align: center;}
.del_box .del_box_in h1 {padding-top:15px; font-size:15px;}
.del_box .del_box_in .del_box_btn {margin-top:30px;}



.page_title {position: relative; clear: both;padding:8px 0 16px; font-size:22px; font-weight: bold; color:#000; border-bottom: 1px solid #000; letter-spacing: -1px;}
#panel{background:#e8e8e8;border: 1px solid #c9c9c9; }
.page_noti {width:100%; margin-top:20px !important; padding:20px !important; background:#fff; border: 1px solid #ddd;}

/* 상품 기본 옵션 기존폼 히든처리, 새로운 폼 */
.admin_style_01.oldOption{display:none;}
.admin_style_01 td .optionList span{border:1px solid #ccc; padding:5px; display:inline-block; margin-bottom:4px; cursor:pointer;}
.admin_style_01 td .optionList span.on{border:1px solid #f00;}
/* 상품 기본 옵션 기존폼 히든처리, 새로운 폼// 끝 */


.admin_style_01 {width:100%; border:none;border-top:1px solid #000; border-collapse:collapse;}
.admin_style_01 select {appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px;  border: 1px solid #ddd; box-sizing: border-box; color: #2e2e2e; font-size: 13px; background: #fff url("/css/images/ico_select_icon01.svg") no-repeat scroll right 7px center;background-size: 28px; height:40px; line-height:40px; padding-right:30px; padding-left:15px;  text-align: left; width: 100%;}
.admin_style_01 .wauto select{width:auto;}
.admin_style_01 select::-ms-expand { display: none; }
.admin_style_01 input[type='file'] {width:240px;line-height:40px;padding-left:10px;box-sizing:border-box;}
.admin_style_01 textarea {border:1px solid #ddd;font-size:13px; }
.admin_style_01 td , .admin_style_01 th {color:#333;font-size:13px; background:#fff; padding:15px 10px;border:none;border-bottom:1px solid #ddd;}

.admin_style_01 th {box-sizing:border-box;text-align:left; color:#333; font-size:13px;font-weight: bold;background:#f8f8f8;}


.admin_style_01 input[type='text'] {height:40px; color:#000; box-sizing:border-box; padding:0 10px; border:1px solid #ddd;font-size: 12px;}
.admin_style_01 .borderNo {border:0;}
.admin_style_01 .pd5 {margin-top:15px;border-collapse:collapse;border-top:1px solid #ddd;}
.admin_style_01 .pd5 th, .admin_style_01 .pd5 td {padding:8px 8px 8px 12px;}
.admin_sub_title {position: relative; clear: both;height:34px;line-height: 34px; margin: 15px 0; font-size: 14px; font-weight:bold;color:#606060;}
#panel{background:#e8e8e8;}
.admin_sub_title span{font-size:12px;}

.admin_style_01.dealerAccTable th {padding:15px 10px;background-color:#f8f8f8;text-align:center;}
.admin_style_01.dealerAccTable .dateWrap {display:flex;align-items:Center;}
.admin_style_01.dealerAccTable .dateWrap select {width:140px;}

.title_content{position:relative;padding:5px;}
.title_content .over_cont{position:absolute;height:auto;background:#FF9800;padding:10px;color:#fff;font-size:12px;word-wrap:break-word; bottom:2px; left:25px; width:330px; white-space:pre-line; line-height:16px; z-index:100;}
.title_content .over_cont a{color:#fff;}
.title_content #titleCont_12 {bottom: -9px;}
.title_content #titleCont_12:after{transform:rotate(-90deg);  border-color: #FF9800 transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; left: -10px;  position: absolute;  width: 0; z-index: 1;  bottom: 12px; }

.admin_style_02 {width:100%; border:0; border-collapse:collapse; text-align:center;}
.admin_style_02 td , .admin_style_02 th {color:#333; font-size:13px; background:#fff;border: 0;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.admin_style_02 th {border:0;border-top:1px solid #000;background-color:#f8f8f8; font-size:13px;font-weight:bold;color: #333;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.admin_style_02 th:last-child {border-right:0;}
.admin_style_02 td:last-child {border-right:0;}
.admin_style_02 .borderNo {border:0;}

.admin_style_02 input[type='text'] { color:#000; box-sizing:border-box; padding:0 10px;}
.admin_style_02 select {appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px;  border: 1px solid #ddd; box-sizing: border-box; color: #2e2e2e; font-size: 13px; background: #fff url("/css/images/ico_select_icon01.svg") no-repeat scroll right 7px center;background-size: 28px; height:40px; line-height:40px; padding-right:30px; padding-left:15px;  text-align: left; width: 100%;}
.admin_style_02 select::-ms-expand { display: none; }
.admin_style_02 input[type='file'] {width:240px;}
.admin_style_02 textarea {border:1px solid #c9c9c9; }
.admin_style_02.hoverstyle td,.admin_style_02.hoverstyle th{background:none;}
.admin-color-text{color:#3191b7 !important;}
.admin_tip{background:#F5F5F5;line-height:30px;position:relative;box-sizing:border-box;}
.admin_tip:before{content:"";display:inline-block;border-bottom:8px solid rgba(0,0,0,0);border-left:8px solid #FF8B33;background:none;vertical-align:middle;position:absolute;top:10px;left:20px;}
.admin_tip:after{content:"tip";display:inline-block;line-height:18px;padding:0 8px;border-radius:3px;background:#FF8B33;color:#fff;position:absolute;left:20px;top:-7px;}

.border_none th , .border_none td  {border:none;}
.border_none .comment {position:relative;padding-left:20px;}
.border_none .comment::before {content: ""; display: block; position: absolute; top: 6px; left: 0; transform: translate(0, -50%)rotate(90deg);  height: 1px; width: 8px; background: #999;}
.border_none .comment::after {content: ""; display: block; position: absolute; top:11px; left: 3px; transform: translate(0, -50%)rotate(0deg); height: 1px; width: 10px; background: #999;}
.border_none .content {float: left;width: calc(100% - 245px);margin-right: 10px;}
.border_none .userId {float: right;width: 235px;text-align: right;}

.valignMid{vertical-align:middle;}
.valignMid select,.valignMid button{vertical-align:middle;}
.widthAuto{width:auto !important;}
.widthAuto select,.widthAuto button,.widthAuto input{width:auto !important;}

 .canvasBg{background:#fff; box-sizing:border-box; padding:10px;}


.Search_style_01 {width:100%; border-collapse:collapse; text-align:center;border-bottom:1px solid #ddd; box-sizing:border-box; padding:30px; background:#f8f8f8; display:none;}
.Search_style_01 .panone td{padding:0;}
.Search_style_01 td , .Search_style_01 th {color:#000; font-size:13px; padding:10px; }
.Search_style_01 th {text-align:left; box-sizing:border-box; padding-left:15px;}
.Search_style_01 td {text-align:left;}
.Search_style_01 select {appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0px;  border: 1px solid #ddd; box-sizing: border-box; color: #2e2e2e; font-size: 13px; background: #fff url("/css/images/ico_select_icon01.svg") no-repeat scroll right 7px center;background-size: 28px; height:40px; line-height:40px; padding-right:30px; padding-left:15px;  text-align: left; width: 100%;}
.Search_style_01 select::-ms-expand { display: none; }
.Search_style_01 input[type='text'] {height:33px; color:#000; box-sizing:border-box; padding:0 10px; border:1px solid #ddd;}
.Search_Box {position:relative; box-sizing:border-box; padding:25px 0 25px 25px; text-align:center;border-top: 1px solid #000; border-bottom:1px solid #ddd;}
.Search_Box .srhTit {margin-right:15px;font-size: 13px;}

.ontextarea.Search {position:absolute; left:160px; top:12px; box-sizing:border-box;appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0px;  border:none ; width:55%;}
.Search_Box_inner input[type='text'] {height:33px; color:#000; box-sizing:border-box; padding:0 10px; border:none; width:calc(100% - 215px); vertical-align:middle;}
.Search_Box select {appearance:none; -webkit-appearance:none; -moz-appearance:none;height:40px;line-height:40px;border-radius:0px;  border:none ;box-sizing:border-box; color:#2e2e2e; font-size:13px; background:#fff url("/css/images/ico_select_icon01.svg") no-repeat scroll right 7px center;background-size: 28px; padding-right:30px; padding-left:15px;  text-align:left; width:150px;border-right:1px solid #ddd;}
.Search_Box select::-ms-expand {display:none;}
.Search_Box_inner {position:relative; background:#fff; box-sizing:border-box; border:1px solid #ddd; display:inline-block; width:70%; text-align:left;}
.Search_Box_inner .ontextarea.Search {top:0;height:100% !important;line-height:33px;padding-top:5px; padding-right:24px;left:160px;}
.Search_Box_inner textarea.ontextarea::placeholder {font-size:12px;}

.Search_Box .Search_view {display:inline-block; font-size:13px; font-weight:bold; color:#555; padding:0 10px;}
.Search_Box .Search_view .material-icons {vertical-align:middle; font-size:30px; color:#f24c47; border-radius:100%; text-align:center;box-sizing:border-box; padding-top:2px;
transform:rotate(0deg);
transition:all 0.8s;
}
.Search_Box .Search_view.on .material-icons {color:#ddd; padding-top:0px;
transform:rotate(315deg);
transition:all 0.8s;
}
.Search_Box .btns.btn02 {vertical-align:middle;}
/*.change_btn {display:inline-block; position:absolute;right:0; top:0; z-index:9; line-height:45px; font-size:15px; font-weight:bold; color:#000; padding:0 10px;}*/
/*검색창검색버튼*/
.change_btn {display:inline-block; position:absolute;right:0; top:0; z-index:9; font-size:15px; font-weight:bold; color:#000; padding:0;}
.change_btn span {margin:0;}
.change_btn .btns.btn04 {line-height:32px;box-sizing:border-box;padding:0 13px;margin:0;}

/*20개씩보기*/
select#listsize {max-width:130px;}


/* 라디오 체크박스로 변경 */
label.switch{position:relative;display:inline-block;width:60px;height:34px;margin:2px 0 5px 25px;padding:0;}
label.switch input{display:none;}
label.switch input + :after{content:"Off";font-size:14px;color:#fff;font-weight:bold;line-height:34px;width:60px;text-align:right;display:inline-block;padding:0 6px;box-sizing:border-box;}
label.switch input + div.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
label.switch input + div.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
label.switch input:checked + .slider{background-color:#2196F3;}
label.switch input:checked + :after{content:"On";font-size:14px;color:#fff;font-weight:bold;line-height:34px;text-align:left;}
label.switch input:focus + .slider{box-shadow:0 0 1px #2196F3;}
label.switch input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}

/* Rounded sliders */
.switch .slider.round{border-radius:34px;}
.switch .slider.round:before{border-radius:50%;}

/*.switch .txtwrap{position:absolute;top:0;font-size:14px;color:#000;font-weight:bold;width:60px;line-height:34px;padding:0 5px;cursor:pointer;box-sizing:border-box;}
.switch .txtwrap .ontxt{display:none;text-align:left;}
.switch .txtwrap .ontxt.on{display:block;}
.switch .txtwrap .offtxt{display:block;text-align:right;}
.switch .txtwrap .offtxt.on{display:block;} */
/* 라디오 체크박스로 변경끝 */


/* 체크박스/라디오 스타일 */
label{vertical-align:middle;display:inline-block;line-height:30px;cursor:pointer;}
/* label{position:relative;margin-bottom:0;padding:.58333333rem 16px .58333333rem 16px;font-size:13px;} */
label + label{padding-left:10px;}
label input[type=checkbox],label input[type=radio]{position:absolute;left:-9999px;}
label input[type=checkbox] + span{content:"";display:inline-block;width:20px;height:20px;margin-right: 3px;background:url(/admin/images/chk_icon.png) no-repeat center;background-size: 20px;vertical-align:middle;box-sizing: border-box;}
label input[type=checkbox]:checked + span{background:url(/admin/images/chked_icon.png) no-repeat center;background-size: 20px;}
label input[type=checkbox]:disabled + span{opacity:.5;}
label input[type=radio] + span{content:"";display:inline-block;width:20px;height:20px;margin-right: 3px;background:url(/admin/images/chk_radio_icon.png) no-repeat center;background-size: 20px;vertical-align:middle;box-sizing: border-box;}
label input[type=radio]:checked + span{background:url(/admin/images/chked_radio_icon.png) no-repeat center;background-size: 20px;}
/* label input[type=radio]+span{content:"";display:inline-block;position:absolute;left:0;top:0.65rem;width:15px;height:15px;background:url(/admin/images/sp_input.png) no-repeat;background-size:34px;} */
/* 체크박스/라디오 스타일끝*/

/* 상품권연동업체 지정 /jings3, 2017-08-17 //(S) */
.admin-Layer-marsk7 {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
.admin-Layer7 {display:none; position:fixed; height:25%; top:10%; left:50%; background:#fff; z-index:110; border:1px solid #000;}
.admin-Layer7 > h1 { border-bottom:1px solid #eee; padding:15px; margin:0;}
.admin-Layer7 > h1 > span{float:right; cursor:pointer;}
/* 상품권연동업체 지정 /jings3, 2017-08-17 //(E) */

.admin-table-border {width:100%; text-align:center; border-collapse:collapse; text-align:center;}
.admin-table-border th {font-weight:normal; background:#F5F5F5; }
.admin-table-border th, .admin-table-border td {border:1px solid #eee; padding:10px;}


/*상품등록 접기 버튼*/
.admin_sub_title span.btn-arrow{position:absolute;top:0;right:0;width:52px;height:33px;background:url('/admin/images/arr_up.png') no-repeat 50% 50%;cursor:pointer;}
.admin_sub_title span.btn-arrow.up{background:url('/admin/images/arr_down.png') no-repeat 50% 50%;cursor:pointer;}

.preview-image {position:relative; display:inline-block;}
.preview-image .img_edit {position:absolute; left:0; bottom:0; height:45px; z-index:10; width:100%; margin:0; padding:0;}
.preview-image .img_edit li {float:left; margin:0; line-height:0; text-align:center; width:33.3%; height:100%; box-sizing:border-box; padding-top:12px; cursor:pointer; background-color:rgba(0,0,0,.4);}
.preview-image .img_edit li img {width:auto; height:auto;}
.preview-image .upload-hidden {position:absolute; left:-99999px;}
.preview-image label {border:1px dashed #c1c5cd; background:url("/css/images/img_plus_icon.png")no-repeat center center;}
.preview-image label img {width:140px; height:140px;}
.file_list {background:#fff; box-sizing:border-box;}
.file_list dl {margin:0;}
.file_list dl dt {float:left; font-size:15px; font-weight:bold; width:15%;}
.file_list dl dd {float:left; font-size:14px; width:85%; margin:0;}
.file_list dl dd .tab {font-size:0; overflow:hidden;}
.file_list dl dd .tab a {display:inline-block;width:105px; height:36px; line-height:36px; border:1px solid #86909c; background:#fff; font-size:15px; color:#858f9b; box-sizing:border-box; text-align:center;}
.file_list dl dd .tab_box {display:block;}
.filebox .upload-display {position:relative; border:1px solid #d8d8d8;}
.filebox div.img_edit {display:none; position:absolute; left:-1px; bottom:-1px; right:-1px; height:35px;}
.filebox div.img_edit>ul {width:100%; height:100%;}
.filebox div.img_edit>ul>li {margin:0; line-height:0; text-align:center; width:33.3%; height:100%; box-sizing:border-box; padding-top:8px; cursor:pointer; background-color:rgba(0,0,0,.4);}
.filebox div.img_edit>ul>li.edit_li {position:relative;}
.filebox div.img_edit>ul>li.edit_li label {width:auto; height:auto; right:0; bottom:0;}
.filebox div.img_edit>ul>li:hover {background-color:rgba(0,0,0,0.7);}
.filebox div.img_edit>ul>li>img {width:19px; height:19px;}
.file_list dl dd .tab_box .file_list_textarea {width:640px; height:260px; padding:12px 15px; border:1px solid #d8d8d8; background:#eef1f4; box-sizing:border-box; font-size:15px;}
.file_list dl dd ul {clear:both; padding:0; width:820px; margin:0;}
.file_list dl dd ul li {position:relative;float:left; margin-right:20px; margin-bottom:10px; margin-top:10px;}
.file_list dl dd ul li .upload-display {display:block; width:100px; height:100px; line-height:100px; box-sizing:border-box; border:1px dashed #d8d8d8; background:#fff url('/css/images/img_plus_icon.png') no-repeat 50% 50%;}
.file_list dl dd ul li .upload-display .upload-thumb-wrap {width:100%; height:100px; overflow:hidden;}
.file_list dl dd ul li .upload-display .upload-thumb-wrap img.upload-thumb {width:100%; height:100%;vertical-align:top;}
.file_list dl dd ul li .upload-display img {width:100%; height:100%;}
.file_list dl dd ul li .imgroad {position:absolute; top:0; left:0; right:0; bottom:0; box-sizing:border-box; opacity:0; z-index:10; cursor:pointer; line-height:0;}
.filebox.on .upload-display {position:relative; border:1px solid #d8d8d8; box-sizing:border-box;}
.filebox.on div.img_edit {display:block;}
.filebox.on .file_list dl dd ul li .imgroad {display:none;}
.file_list dl dd .upload-hidden {display:none;}

.view_img_pop_mask {position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999; display:none; background-color:#000; opacity:.5;}
.view_img_pop {display:none; position:fixed; z-index:999999; top:12%; left:0; width:100%;}
.view_img_pop .view_img_pop_inner {width:900px; height:500px; border:1px solid #000; margin:0 auto; position:relative; color:#fff; background-color:#fff;}
.view_img_pop .close_btn {position:absolute; top:10px; right:15px; font-size:24px; cursor:pointer;}
.view_img_pop h2 {background-color:#32bfda; margin:0; padding:15px;}
.view_img_pop .img_area {height:450px; box-sizing:border-box; padding:20px;}
.view_img_pop .img_area_inner {border:1px solid #ccc; height:100%; overflow:auto;}



/* 레이어 */
.layerFix{display:none;font-size:0;}
.layerFix.on{display:block !important;}
.layerFix .layerBg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);left:0;top:0;width:100%;height:100%;z-index:9998;}
.layerFix .layerConWrap{position:fixed;z-index:9999;top:50%;left:50%;background:#fff;}
.layerFix .layerCon{/*padding:10px; 여백이곳에*/}
.layerFix .btnClLyr{display:inline-block;width:53px;height:53px;font-size:0;background:url(/m/images/xxx2.png)no-repeat center / 40% 40%;position:absolute;right:0;top:0;cursor:pointer;text-align:right;}
.layerFix .btnClLyr i{font-size:40px;line-height:53px;width:53px;text-align:center;}

.layerFix .secTop{position:absolute;height:53px;left:0;top:0;width:100%;z-index:99;}
.layerFix .secTop .tit{font-size:20px;text-align:center;line-height:53px;font-weight:bold;box-shadow:0 0 8px #666;}
.layerFix .secMid{font-size:14px;overflow-y:auto;}
.layerFix .secBot{position:fixed;left:0;bottom:0;width:100%;height:53px;}
.layerFix .secBot .btnCp{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:53px;}

.layerTab{display:none;}
.layerTab.on{display:block;}
.layerTab .layerBg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);left:0;top:0;width:100%;height:100%;z-index:9998;}
.layerTab li{display:none;position:fixed;z-index:9999;top:50%;left:50%;background:#fff;overflow-y:auto;}
.layerTab li.on{display:block;}
.layerTab .btnClLyr{display:inline-block;width:53px;height:53px;font-size:0;background:url(/m/images/xxx2.png)no-repeat center / 40% 40%;position:absolute;right:0;top:0;cursor:pointer;}
.layerTab .btnClLyr i{font-size:40px;line-height:53px;width:53px;text-align:center;}

/* 레이어별도 */

/* admin 상품관리 부분 레이어 CSS*/
.adminLayerbg{display:none; position:fixed; width:100vw; height:100vw; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.5); z-index: 99;}
.adminLayerWrap, .adminLayerWrap2, .adminLayerWrap3{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border-radius:10px; overflow:hidden; width:26%; z-index:100;}
.adminLayerWrap.active, .adminLayerWrap2.active, .adminLayerWrap3.active{display:block;}
.adminLayerTit{background:linear-gradient(to right,#f3a143,#f35b69);}
.adminLayerTit h3 {font-size:18px; color:#fff; line-height:48px; text-indent:10px; margin:0;}
.adminLayerTit span{position:absolute; right:5px; top:10px; color:#fff; cursor:pointer;}
.adminLayerCont{padding:10px; font-size:16px; line-height:25px; overflow-y:auto; max-height:460px;}

.adminLayerCont::-webkit-scrollbar , .justscroll::-webkit-scrollbar{display:block; width:15px;}
.adminLayerCont::-webkit-scrollbar-track, .justscroll::-webkit-scrollbar-track {background-color:#eee;}
.adminLayerCont::-webkit-scrollbar-thumb, .justscroll::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, 0.2); border-radius:15px;}

.adminLayerCont img{width:100%;}
.adminLayerCont p{font-size:1rem;}
.adminLayerCont p.cTit{font-weight:bold; display:inline-block; line-height:40px; margin-bottom:10px;}
.adminLayerCont p.cTit span{display:inline-block;}
.adminLayerCont p span{display:block;}
.adminLayerCont .hilight{font-weight:bold; margin:10px 0; font-size:1.095rem; line-height:1.8rem;}
.adminLayerCont p.admin-color-text{font-size:0.95rem; color:#2700ff;}
.adminLayerCont .btnwraps{text-align:center; margin:11.5px 0;}

.NeedSellerLogin a:nth-of-type(1){width:34%;}
.NeedSellerLogin a:nth-of-type(2){left:auto;right:15%;width:34%;}

.youtubeGuide{cursor:pointer;color:#fff; background:#999; padding:5px 10px; border-radius:5px;}


/****************************** 팝업 ******************************/
.layer_pop{background:#f0f0f0;}
.pop_head{position:relative; padding:0 30px; overflow:hidden; text-align:left; display:block !important; }
.pop_head h1{float:left; margin-right:30px; color:#000; font-size:25px; line-height:70px; font-weight:bold;}
.pop_head p{display:table-cell; height:70px; color:#3a1c1c; font-size:14px; line-height:20px; font-weight:bold; vertical-align:middle;}
.pop_head p span{display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal; }
.pop_head .btn_close{position:absolute; top:30px; right:30px;}
.pop_cont{padding:30px; background:#f0f0f0; /*height:700px;*/}
.pop_cont::-webkit-scrollbar{display:block; width:20px; height:8px; background-color:#f0f0f0; /* or add it to the track */ }
.pop_cont::-webkit-scrollbar-thumb{background: #d4d4d4;}


.mask{position:fixed; top:0; left:0; width:100%; height:99999px; background:#000; opacity:0.8; z-index:9998;}

/* 20.03.10 yeonzoo 입점사 페이지 1:1문의 레이어 */
.layerCont{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; min-height:770px; z-index:9999;}
.productInfo .infoWrap .infoBox .layerCont .pop_head h1{float: left; margin-right: 30px; color: #3a1c1c; font-size:25px; line-height:84px; font-weight:bold;}

.board_write{width:100%; border-top:1px solid #d9d9d9; font-size:15px; line-height:20px; text-align:left; box-sizing:border-box; border-right:1px solid #d9d9d9;}
.board_write th{padding:10px 35px; border-bottom:1px solid #d9d9d9; font-weight:bold; text-align:left; letter-spacing:-1px;}
.board_write tr th:first-child{border-left:1px solid #d9d9d9;}
.board_write td{padding:10px 20px; border-bottom:1px solid #d9d9d9; background:#fcfcfb;}
.board_write td .product{padding:10px 0; overflow:hidden;}
.board_write td .product .img{float:left;}
.board_write td .product .img img{width:95px;}
.board_write td .product .txt{padding-left:118px; font-size:20px; line-height:20px;}
.board_write td .nt{display:inline-block; margin-left:12px; letter-spacing:-1px; vertical-align:middle;}
.board_write td .price{font-size:20px; line-height:43px;}
.board_write td .price em{font-size:25px;}
.board_write td .label_group .check_label{margin-right:30px; line-height:43px;}
.board_write td .txtbox{padding:7px 0 8px;}
.board_write td .position_price{float:right;}
.board_write td .bank_dt{display:inline-block; width:75px;}

/****************************** 텍스트 스타일 ******************************/
.note_text{margin:50px 0 0 0; padding-bottom:25px; color:#8a8a8a; font-size:13px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_text02{margin-top:18px; padding:0 6px; color:#888; font-size:13px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_text03{margin:40px 0 20px; color:#202020; font-size:15px; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.note_box{margin-top:20px; overflow:hidden;}
.note_box strong{float:left; width:100px; font-size:16px; line-height:20px; font-weight:bold; text-align:center;}
.note_box p{padding-left:100px; color:#8a8a8a; font-size:12px; line-height:15px; letter-spacing:-0.8px; text-align:left;}

.textarea_box{position:relative; padding-bottom:29px; border:1px solid #c4c4c4; background:#fff; box-sizing:border-box;}
.textarea_box p{position:absolute; right:10px; bottom:0; color:#8a8a8a; font-size:12px; line-height:29px;}
textarea.textarea{width:100%; padding:5px 10px; margin:0; border:none; font-size:15px; line-height:20px; box-sizing:border-box; overflow:hidden; overflow-y:auto; resize:none;}

.btn_board_center {display:block !important;}
.btn_board_center > a {width:49%; color:#fff;}
.btn_board_center > a:hover {color:#fff;}

/*  200410|wjy 취소신청 추가 */
.hide {position:absolute; top:0; left:-999999px; width:0; height:0; font-size:0; line-height:0;}
.AdminLayerBg{position:fixed; width:100vw; height:100vw; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:990;}
.AdminLayerWrap{position:fixed; width:50%; z-index:999; left:50%; top:50%; transform: translate(-50%, -50.1%); -webkit-transform: translate(-50%, -50.1%); -moz-transform : translate(-50%, -50.1%); -ms-transform: translate(-50%, -50.1%); -o-transform : translate(-50%, -50.1%); background-color:#fff; border-radius:15px; box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-font-smoothing: subpixel-antialiased; overflow:hidden;}
.AdminLayerWrap.st1 {min-width:670px;}
.AdminLayerWrap .LayerTit{position:relative; background:#3169da; padding:0 20px;}
.AdminLayerWrap .LayerTit h3{font-size:18px; color:#fff; line-height:60px; margin:0;}
.AdminLayerWrap .LayerTit .Closebtn{position:absolute; color:#fff; right:10px; top:10px; width:40px; height:40px; cursor:pointer; }
.AdminLayerWrap .LayerTit .Closebtn i{font-size:40px;}

.AdminLayerWrap .LayerContent{padding:25px; max-height:570px; overflow-y:auto; overflow-x:auto;}
.AdminLayerWrap .LayerContent em {font-style:normal;font-weight: 700;color: #3169da;}
.AdminLayerWrap .LayerContent .LayerStatus{border-radius:15px; background:#f5f5f5; padding:60px 0 ; font-size:16px; color:#333; text-align:center; margin-bottom:19px;}
.AdminLayerWrap .LayerContent .LayerRegister{display:block; width:100%; border:1px solid #e6e6e6;}
.AdminLayerWrap .LayerContent .LayerRegister ul{width:100%; height:44px; border-bottom:1px solid #e6e6e6; margin:0;}
.AdminLayerWrap .LayerContent .LayerRegister ul:last-child{border-bottom:none;}
.AdminLayerWrap .LayerContent .LayerRegister ul .LcontTit{display:inline-block; width:155px; height:100%; background:#f5f5f5; border-right:1px solid #e6e6e6; padding:0 10px; text-align:left; float:left;}
.AdminLayerWrap .LayerContent .LayerRegister ul li{display:inline-block; line-height:44px; font-size:13px; padding-left:10px;}
.AdminLayerWrap .LayerContent .LayerRegister ul li p{margin:0; line-height:25px;}
.AdminLayerWrap .LayerContent .LayerRegister .LcontWarn{font-size:13px; color:#CC6600; line-height:45px;}

.AdminLayerWrap .LayerBtnWrap{text-align:center; margin-top:20px;}
.AdminLayerWrap .LayerBtnWrap a{display:inline-block; width:60px; height:35px; line-height:35px; font-weight:bold; cursor:pointer;}

.AdminLayerWrap .dataDOM {display: inline;margin-left: 10px;}
.AdminLayerWrap .dataDOM[data-int-role="1"]:before {content:'+';font-size: 18px;color: #3169da;font-weight: 700;}
.AdminLayerWrap .dataDOM[data-int-role="2"]:before {content:'-';font-size: 18px;color: #3169da;font-weight: 700;}
.AdminLayerWrap .dataDOM[data-pay-role="1"]:after {content:'원';color: #3169da;font-weight: 700;}
.AdminLayerWrap .dataDOM[data-pay-role="2"]:after {content:'%';color: #3169da;font-weight: 700;}

/* 2022-02-22 kmj 운영관리-검색영역 한줄로 수정 */
.search_area.schInner {text-align: center;}
.search_area.schInner select {width:10%;}

/* 2022-05-18 kmj 검색영역 정렬 */
.rgtBox {display: flex;justify-content: flex-end;align-items: center;margin: 10px 0;}
.rgtBox select {margin-right:10px;}
.rgtBox select#skey {width:130px;}
select#skey {width:130px;}
/* ※설명 폰트컬러 css */
.fontC1 {color:#3169da;}
.fontC2 {color:#f00;}

/* 2022-06-13 kmj 상품등록신청 on/off 타이틀 영역 */
.simpleSetBox {position: relative; height: 54px; line-height: 54px;margin-top:30px;padding: 0 20px;border: 1px solid #dbdde2;}
.simpleSetBox th {padding:0;font-size: 20px;color: #333;font-weight: bold;letter-spacing: -1px;}
.simpleSetBox td {padding:0;font-size: 20px;color: #333;font-weight: bold;}
.simpleSetBox label.switch {position: relative;display: inline-block;width: 52px;height: 24px;margin: 2px 0 5px 25px;padding: 0;}
.simpleSetBox .switch .slider.round {line-height: 24px;}
.simpleSetBox label.switch input + div.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;}
.simpleSetBox label.switch input + :after {position: absolute;left: 0;content: "OFF";width: 52px;line-height: 24px;padding: 0 7px;font-size: 12px; letter-spacing: -1px;}
.simpleSetBox label.switch input:checked + :after {content: "ON";font-size: 12px;color: #fff;font-weight: bold;line-height: 24px;text-align: left;left: 0;}

/* 상품등록-색상선택 */
.color_list {overflow:hidden;}
.color_list ul {float:left; overflow:hidden; margin-bottom:0; padding-left:0;}
.color_list li {float:left; width:30px; height:30px; border-radius:50%; margin-right:10px; margin-bottom:10px; position:relative;}
.color_list li label {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.color_list li label input[type=checkbox] + span {width:30px; height:30px; background:url("/images/ic_done_black_24dp_2x22.png")no-repeat; opacity:0; background-size:25px; background-position:center center; padding-right:0;}
.color_list li label input[type=checkbox]:checked + span{opacity:1;}
.color_list li img {width:29px; height:29px; border:1px solid #ddd; border-radius:50%;}

/* datepicker */
.date_span {float:left;cursor: pointer;width: 54px;height: 30px;border: 1px solid #ddd;border-right:0;text-align: center;font-size: 12px;color: #807a7a;line-height:29px;box-sizing: border-box;background-color: #fff;vertical-align: middle;}
.date_span:first-child {border-radius:3px 0 0 3px;}
.date_span:last-child {border-right:1px solid #ddd;border-radius:0 3px 3px 0}
.input_wrap {position:relative; display:inline-block;width:125px;background: #fff;vertical-align: middle;}
.admin_style_01 .input_wrap input {width:100%;border:0;border:1px solid #ddd;box-sizing:border-box;}
.input_wrap img {position: absolute;top: 50%;width: 18px;right: 8px;transform:translateY(-50%);}

.calendarBox .startCalendar {display:inline-block;padding-right: 10px;border: 1px solid #ddd;box-sizing: border-box;}
.calendarBox .startCalendar img {width:18px;}
.calendarBox .startCalendar input[type='text'] {width:110px;height:38px;border:0;}
.periodWrap {display:flex;align-items:center;margin-left: 10px;margin-top: 2px;}
.periodWrap ul {margin:0;padding:0;}
.periodWrap ul li {float:left;padding:10px 20px;box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer;}
.periodWrap ul li:first-child {border-left:1px solid #ddd;}
.periodWrap ul li.on {background-color:#444;color:#fff;}
.periodWrap .calendarBox {display:flex;align-items:center;margin:0 15px;}
.periodWrap .calendarBox > div {position:relative;width:150px;height:40px;font-size:13px;border:1px solid #ddd;}
.periodWrap .calendarBox > div:nth-child(1) {margin-right:5px;}
.periodWrap .calendarBox > div:nth-child(2) {margin-left:5px;}
.periodWrap .calendarBox input {width:100%;height:inherit;border:none;}
.periodWrap .calendarBox img {position:absolute;right:10px;top:10px;width:18px;}
.periodWrap .btnSubmit {padding:0 15px;height:39px;margin-left:20px;}

/*운영관리-검색영역*/
.boardListSearch {display:inline-block;float:right;}
.boardListSearch .searchWrap .search_area {margin-top:0;}
.boardListSearch .searchWrap .search_area fieldset {margin:0;padding:0;}
.boardListSearch .searchWrap .search_area .select {width:135px;padding:0 20px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #ddd;}
.boardListSearch .searchWrap .search_area input.text {height:40px;line-height:40px;border:1px solid #ddd;}
.boardListSearch .searchWrap .search_area input.text::placeholder {font-size:13px;}

.attachArea {display:block;padding:20px 30px;box-sizing:border-box;background-color:#f8f8f8;border-bottom:1px solid #ddd;}

/*상품등록-엑셀상품등록신청-배송비구분 테이블*/
.deliveryBox td {width:250px;border-bottom:0;}

.dts_tr input[type='text'] {width: 100px;}

/*가입/아이디,비번 찾기*/
button {cursor:pointer;}
.admLoginBox .member-service {margin:15px 0 30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:15px;}
.admLoginBox .member-service a {font-size:13px;color:#fff;font-family:'Noto Sans KR, 맑은고딕, Arial, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, sans-serif'!important;}
.admLoginBox .member-service button {background:none;border:none;font-size:13px;padding:0;color:#fff;}
.admLoginBox .member-service button::before {content:"|";margin-right:15px;}
/****************************** 회원 ******************************/
.member_wrap {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px; margin:0 auto; text-align:left; background:#fff; padding:40px 20px;border-radius:10px;}
.member_wrap .title {margin:0;border-bottom:3px solid #333745;padding-bottom:10px;}
.member_wrap .btnNext{border-bottom:5px solid #2e2e2e;padding:70px 0;text-align:center;}
.member_wrap p.change_noti {box-sizing:border-box; padding:15px 15px 0 10px; text-indent:-7px; font-size:12px; color:#7e7e7e;}
.member_wrap .pw_change_btn_box {text-align:center; border-bottom:1px solid #2e2e2e; padding-bottom:30px; margin-bottom:15px;}
.member_wrap .pw_change_btn_box a {display:inline-block; width:49.5%;}
.member_wrap .login_input > li .notif {color: #888; font-size: 13px; line-height: 18px; padding: 0 20px 2px;}
.member_wrap .title .ftic-join,
.member_wrap .title .ftic-id,
.member_wrap .title .ftic-pw {font-size:32px; font-weight:bold;}
.member_wrap .title span {font-size:15px;}
.member_wrap .title02 {padding-top:15px; overflow:hidden;}
.member_wrap .title02 .img {float:left;}
.member_wrap .title02 .txt {display:block; padding:8px 0 0 96px; color:#000; font-size:30px; line-height:40px; font-weight:bold;}
.member_wrap .title02 .txt .p {display:block; padding:0 2px; color:#888; font-size:13px; line-height:22px; }
.member_wrap .login_input {margin-top:20px;}
.member_wrap .login_input.patop {padding-top:15px}
.member_wrap .login_input li {margin-bottom:10px;}
.member_wrap .login_input li input[type="text"],
.member_wrap .login_input li input[type="password"] {width:100%; height:65px; padding:0 0 0 66px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-weight:bold; box-sizing:border-box;}
.member_wrap .login_input li input.uid {background:url('/css/images/ico_login_uid.png') no-repeat 0 0 #fff;}
.member_wrap .login_input li input.upw {background:url('/css/images/ico_login_upw.png') no-repeat 0 0 #fff;}

.member_wrap .cklabel {display:inline-block; position:relative; overflow:hidden; font-size:15px; color:#5f5f5f; padding-left:28px; line-height:24px; }
.member_wrap .cklabel .iconfont {position:absolute; top:0; left:0; width:24px; height:24px; color:#999; font-size:24px; line-height:28px; font-weight:bold; text-align:center;}

.member_wrap .ck_login input {position:absolute; left:-9999px;}
.member_wrap .member_link {margin-top:22px; padding-bottom:10px; border-bottom:5px solid #2e2e2e; color:#c5c5c5; font-size:15px; line-height:34px; font-family:'dotum'; text-align:center;}
.member_wrap .member_link a {display:inline-block; margin:-5px 15px 0;  vertical-align:middle;}
.member_wrap .etc_type {padding-top:3px;}
.member_wrap .etc_type strong {display:block; padding:0 2px; margin-top:15px; font-size:15px; line-height:18px; font-weight:bold;}
.member_wrap .etc_type .etc_btn {display:table; width:100%; margin-top:15px; overflow:hidden;}
.member_wrap .etc_type .etc_btn li {display:table-cell; text-align:left;}
.member_wrap .etc_type .etc_btn li a {/*margin:0 5px;*/border-radius:5px;}
.member_wrap .etc_type .etc_btn li#nvLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-naver-02.png") no-repeat 11px 10px #57b04b; background-size:18px 16px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#fbLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-facebook-02.png") no-repeat 15px 8px #3b5998; background-size:10px 21px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#kkLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-kakao-02.png") no-repeat 11px 10px #ffe812; background-size:18px 17px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .welcome {margin-top:120px; font-size:30px; line-height:52px; text-align:center; font-weight:bold;}
.member_wrap .nt {margin:20px 0 40px; color:#474747; font-size:15px; line-height:18px; text-align:center;}
.member_wrap .title_center {height:88px; margin-top:28px; border-bottom:5px solid #2e2e2e; font-size:30px; line-height:85px; font-weight:bold; text-align:center;}
.member_wrap .mail_check {position:relative; height:66px; padding:0 4px; border-bottom:1px solid #2e2e2e; font-size:30px; line-height:63px; text-align:left;}

.member_wrap .mail_check .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms {border-bottom:2px solid #9e9e9e;}
.member_wrap .terms li {position:relative; height:66px; border-bottom:1px solid #9e9e9e; text-align:left;}

.member_wrap .terms li .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms li .btn {display:block; position:absolute; top:14px; right:1px; width:112px; height:40px; border:1px solid #92979b; background:#fbfbfb; color:#5a5a5a; font-size:13px; line-height:37px; font-weight:bold; text-align:center;}
.member_wrap .terms.join {margin-top:10px; border-top:1px solid #9e9e9e; border-bottom:none;}
.member_wrap .result_box {padding-top:50px; text-align:center;}
.member_wrap .result_box .result_txt {margin:40px 0; font-size:30px; line-height:36px;}
.member_wrap .pw_check {margin-top:30px; padding-top:20px; border-top:5px solid #2e2e2e; overflow:hidden;}
.member_wrap .pw_check li {margin-top:10px;}
.member_wrap .pw_check li input[type="password"] {width:100%; height:65px; padding:0 26px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-weight:bold; box-sizing:border-box;}
.member_wrap .find_cont {margin-top:-1px; padding:28px; border:1px solid #e7e7e7; background:#fff;}
.member_wrap .find_cont .form_list {font-size:0; line-height:0;}
.member_wrap .find_cont .form_list > li {margin-top:5px;}
.member_wrap .find_cont .form_list > li input.text {height:55px;line-height:50px;}
.member_wrap .find_cont .form_list > li input:first-child,
.member_wrap .find_cont .form_list > li .select_option:first-child {margin-left:0;}
.member_wrap .find_cont .form_list > li .select_option {height:55px; margin-left:5px;}
.member_wrap .find_cont .form_list > li .select_option .active_cont {height:53px; line-height:50px;}
.member_wrap .find_cont .form_list > li .select_option .option_list {top:53px;}
.member_wrap .find_cont .form_list > li .btn_check {display:inline-block; width:114px; height:55px; margin-left:5px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-weight:bold; vertical-align:top; cursor:pointer;}
.member_wrap .find_cont .btn_board_center {display:flex;justify-content:center;gap:5px;margin-top:15px;}
.member_wrap .find_cont .btn_board_center a {color:#fff;}
.member_wrap .find_cont .btn_board_center a.btn_yellow01 {background:#333745;}
.member_wrap .email-option {border:1px solid #c9c9c9;background:url('/css/images/ico_select.gif') no-repeat right center #fff;cursor:pointer;}
.member_wrap .email-option ul.option_list {display:none; position:absolute;right:49px;border:1px solid #000;font-size:12px;z-index:10;background:#fff;width:170px;overflow:hidden;}
.member_wrap .email-option.on {border:1px solid #000;}
.member_wrap .email-option.on ul.option_list {display:block;}
.member_wrap .email-option > input:focus {outline:none;}
.member_wrap .email-option .option_list li {width:100%;padding:15px;}
.member_wrap .email-option .option_list li:hover{background:rgba(51,55,69,.2);}
.member_wrap .warnt {height:40px; padding-bottom:5px; margin-top:-45px; color:#000; font-size:15px; line-height:37px; text-align:right;}
.member_wrap .join_list {padding-top:15px; font-size:0; line-height:0;}
.member_wrap .join_list > li {margin-top:5px;}
.member_wrap .join_list > li input.text {height:55px; padding:0 20px; margin-left:5px; color:#92979b; font-weight:bold; line-height:50px;}
.member_wrap .join_list > li input.text::-webkit-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text:-moz-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text::-moz-placeholder {
color: #2e2e2e;
}
.member_wrap .join_list > li input.text:-ms-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input:first-child,
.member_wrap .join_list > li .select_option:first-child {margin-left:0;}
.member_wrap .join_list > li .select_option {height:55px; margin-left:5px; color:#92979b; font-weight:bold;}
.member_wrap .join_list > li .select_option .active_cont {height:53px; padding:0 35px 0 20px; line-height:50px;}
.member_wrap .join_list > li .select_option .option_list {top:53px;}
.member_wrap .join_list > li .select_option .option_list li {padding:10px 20px;}
.member_wrap .join_list > li .btn_gray_board {width:183px; height:55px; margin-right:4px; line-height:52px;}
.member_wrap .join_list > li .btn_check {display:inline-block; width:120px; height:55px; margin-left:10px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-weight:bold; vertical-align:top; cursor:pointer;}
.member_wrap .join_list > li .notif {padding:0 20px 2px; color:#888; font-size:13px; line-height:18px;}
.member_wrap .email_sms {margin-top:15px; border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e; text-align:center;}

.member_wrap .cklabel input {position:absolute; left:-9999px;}
.member_wrap .add_children {height:95px; margin-top:-95px; text-align:right;}
.member_wrap .benefits {margin-top:10px; padding:20px; border:1px solid #d9d9d9; background:#fcfcfb; color:#888; font-size:13px; line-height:16px;}
.member_wrap .child_box {overflow:hidden;}

.child_box.mar-top {margin-top:30px;}

.member_wrap .child_box h1 {position:relative; margin-top:10px; height:54px; padding:0 20px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#e7e7e0; font-size:16px; line-height:51px; font-weight:bold; text-align:left; overflow:hidden;}
.member_wrap .child_box .del {display:block; position:absolute; top:8px; right:7px; width:91px; height:38px; background:#92979b; color:#fff; font-size:15px; line-height:35px; text-align:center; font-weight:bold; cursor:pointer;}
.member_wrap .board_write {border-top:none;}
.member_wrap .board_write th:first-child {border-left:none;}
.member_wrap .board_write th {padding:10px 0 10px 20px; color:#92979b;}
.member_wrap .board_write td {padding:5px 10px;}
.member_wrap .board_write td label {margin-right:15px; color:#2e2e2e;}
.member_wrap .board_write td .txt_style {display:inline-block; color:#92979b; font-size:13px; line-height:16px; vertical-align:middle;}



.member_wrap .subtitle {font-size:13px; color:#524f4f; padding-top:10px;}
.member_wrap .h2title {position: relative; background: #555; padding: 10px 30px; color:#fff; font-size:16px; margin-top:25px;}
.regist_list {overflow:hidden; width:100%;}
.regist_list li {box-sizign:border-box; overflow: hidden; padding: 20px; border: 1px solid #dcdcdc; border-top: none;}
.member_wrap .tab03 {width:100%;display:flex;}
.member_wrap .tab03 button {width:50%;background:#92979b;color:#fff;border:1px solid #e7e7e7;border-bottom:none;height:60px;line-height:60px;font-size:15px;font-weight:700;}
.member_wrap .tab03 button.on {color:#000;background:#fff;}





/* 입점사 가입/아이디,비번 찾기*/
.admLoginBox .member-service {margin:15px 0 30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:15px;}
.admLoginBox .member-service a {font-size:13px;color:#fff;font-family:'Noto Sans KR, 맑은고딕, Arial, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, sans-serif'!important;}
.admLoginBox .member-service button {background:none;border:none;font-size:13px;padding:0;color:#fff;}
.admLoginBox .member-service button::before {content:"|";margin-right:15px;}*/
/****************************** 회원 ******************************/
.member_wrap {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px; margin:0 auto; text-align:left; background:#fff; padding:40px 20px;border-radius:10px;}
.member_wrap .title {margin:0;border-bottom:3px solid #333745;padding-bottom:10px;}
.member_wrap .btnNext{border-bottom:5px solid #2e2e2e;padding:70px 0;text-align:center;}
.member_wrap p.change_noti {box-sizing:border-box; padding:15px 15px 0 10px; text-indent:-7px; font-size:12px; color:#7e7e7e;}
.member_wrap .pw_change_btn_box {text-align:center; border-bottom:1px solid #2e2e2e; padding-bottom:30px; margin-bottom:15px;}
.member_wrap .pw_change_btn_box a {display:inline-block; width:49.5%;}
.member_wrap .login_input > li .notif {color: #888; font-size: 13px; line-height: 18px; padding: 0 20px 2px;}
.member_wrap .title .ftic-join,
.member_wrap .title .ftic-id,
.member_wrap .title .ftic-pw {font-size:32px; font-weight:bold;}
.member_wrap .title span {font-size:15px;}
.member_wrap .title02 {padding-top:15px; overflow:hidden;}
.member_wrap .title02 .img {float:left;}
.member_wrap .title02 .txt {display:block; padding:8px 0 0 96px; color:#000; font-size:30px; line-height:40px; font-weight:bold;}
.member_wrap .title02 .txt .p {display:block; padding:0 2px; color:#888; font-size:13px; line-height:22px; }
.member_wrap .login_input {margin-top:20px;}
.member_wrap .login_input.patop {padding-top:15px}
.member_wrap .login_input li {margin-bottom:10px;}
.member_wrap .login_input li input[type="text"],
.member_wrap .login_input li input[type="password"] {width:100%; height:65px; padding:0 0 0 66px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-weight:bold; box-sizing:border-box;}
.member_wrap .login_input li input.uid {background:url('/css/images/ico_login_uid.png') no-repeat 0 0 #fff;}
.member_wrap .login_input li input.upw {background:url('/css/images/ico_login_upw.png') no-repeat 0 0 #fff;}

.member_wrap .cklabel {display:inline-block; position:relative; overflow:hidden; font-size:15px; color:#5f5f5f; padding-left:28px; line-height:24px; }
.member_wrap .cklabel .iconfont {position:absolute; top:0; left:0; width:24px; height:24px; color:#999; font-size:24px; line-height:28px; font-weight:bold; text-align:center;}

.member_wrap .ck_login input {position:absolute; left:-9999px;}
.member_wrap .member_link {margin-top:22px; padding-bottom:10px; border-bottom:5px solid #2e2e2e; color:#c5c5c5; font-size:15px; line-height:34px; font-family:'dotum'; text-align:center;}
.member_wrap .member_link a {display:inline-block; margin:-5px 15px 0;  vertical-align:middle;}
.member_wrap .etc_type {padding-top:3px;}
.member_wrap .etc_type strong {display:block; padding:0 2px; margin-top:15px; font-size:15px; line-height:18px; font-weight:bold;}
.member_wrap .etc_type .etc_btn {display:table; width:100%; margin-top:15px; overflow:hidden;}
.member_wrap .etc_type .etc_btn li {display:table-cell; text-align:left;}
.member_wrap .etc_type .etc_btn li a {/*margin:0 5px;*/border-radius:5px;}
.member_wrap .etc_type .etc_btn li#nvLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-naver-02.png") no-repeat 11px 10px #57b04b; background-size:18px 16px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#fbLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-facebook-02.png") no-repeat 15px 8px #3b5998; background-size:10px 21px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .etc_type .etc_btn li#kkLoginBtn a {display:block;  height:36px; padding-left:35px; background:url("/css/images/ic-kakao-02.png") no-repeat 11px 10px #ffe812; background-size:18px 17px; color:#fff; box-sizing:border-box; font-size:14px; font-weight:bold; line-height:36px;}
.member_wrap .welcome {margin-top:120px; font-size:30px; line-height:52px; text-align:center; font-weight:bold;}
.member_wrap .nt {margin:20px 0 40px; color:#474747; font-size:15px; line-height:18px; text-align:center;}
.member_wrap .title_center {height:88px; margin-top:28px; border-bottom:5px solid #2e2e2e; font-size:30px; line-height:85px; font-weight:bold; text-align:center;}
.member_wrap .mail_check {position:relative; height:66px; padding:0 4px; border-bottom:1px solid #2e2e2e; font-size:30px; line-height:63px; text-align:left;}

.member_wrap .mail_check .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms {border-bottom:2px solid #9e9e9e;}
.member_wrap .terms li {position:relative; height:66px; border-bottom:1px solid #9e9e9e; text-align:left;}

.member_wrap .terms li .cklabel input {position:absolute; left:-9999px;}
.member_wrap .terms li .btn {display:block; position:absolute; top:14px; right:1px; width:112px; height:40px; border:1px solid #92979b; background:#fbfbfb; color:#5a5a5a; font-size:13px; line-height:37px; font-weight:bold; text-align:center;}
.member_wrap .terms.join {margin-top:10px; border-top:1px solid #9e9e9e; border-bottom:none;}
.member_wrap .result_box {padding-top:50px; text-align:center;}
.member_wrap .result_box .result_txt {margin:40px 0; font-size:30px; line-height:36px;}
.member_wrap .pw_check {margin-top:30px; padding-top:20px; border-top:5px solid #2e2e2e; overflow:hidden;}
.member_wrap .pw_check li {margin-top:10px;}
.member_wrap .pw_check li input[type="password"] {width:100%; height:65px; padding:0 26px; margin:0; border:1px solid #a3a3a3; font-size:15px; line-height:62px; font-weight:bold; box-sizing:border-box;}
.member_wrap .find_cont {margin-top:-1px; padding:28px; border:1px solid #e7e7e7; background:#fff;}
.member_wrap .find_cont .form_list {font-size:0; line-height:0;}
.member_wrap .find_cont .form_list > li {margin-top:5px;}
.member_wrap .find_cont .form_list > li input.text {height:55px;line-height:50px;}
.member_wrap .find_cont .form_list > li input:first-child,
.member_wrap .find_cont .form_list > li .select_option:first-child {margin-left:0;}
.member_wrap .find_cont .form_list > li .select_option {height:55px; margin-left:5px;}
.member_wrap .find_cont .form_list > li .select_option .active_cont {height:53px; line-height:50px;}
.member_wrap .find_cont .form_list > li .select_option .option_list {top:53px;}
.member_wrap .find_cont .form_list > li .btn_check {display:inline-block; width:114px; height:55px; margin-left:5px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-weight:bold; vertical-align:top; cursor:pointer;}
.member_wrap .find_cont .btn_board_center {display:flex;justify-content:center;gap:5px;margin-top:15px;}
.member_wrap .find_cont .btn_board_center a {color:#fff;}
.member_wrap .find_cont .btn_board_center a.btn_yellow01 {background:#333745;}

.member_wrap .find_cont #content{display:flex;flex-direction:column;}
.member_wrap .find_cont #content table{border-collapse:collapse;}
.member_wrap .find_cont #content table caption{padding:10px;font-size:20px;font-weight:bold;color:#000;text-align:left;}
.member_wrap .find_cont #content table tbody tr th{padding:10px 20px;border-bottom:1px solid #d9d9d9;background:#FFE8D6;font-size:16px;text-align:left;}
.member_wrap .find_cont #content table tbody tr td{padding:5px 10px;border-bottom:1px solid #d9d9d9;background:#fcfcfb;font-size:16px;}
.member_wrap .find_cont #content .btn{margin:20px 0 0;}
.member_wrap .find_cont #content .btn .btn_gray01{color:#FFF;}

.member_wrap .email-option {border:1px solid #c9c9c9;background:url('/css/images/ico_select.gif') no-repeat right center #fff;}
.member_wrap .email-option ul.option_list {display:none; position:absolute;right:49px;border:1px solid #000;font-size:12px;z-index:10;background:#fff;width:170px;overflow:hidden;}
.member_wrap .email-option.on {border:1px solid #000;}
.member_wrap .email-option.on ul.option_list {display:block;}
.member_wrap .email-option > input:focus {outline:none;}
.member_wrap .email-option .option_list li {width:100%;padding:15px;}
.member_wrap .email-option .option_list li:hover{background:rgba(51,55,69,.2);}
.member_wrap .warnt {height:40px; padding-bottom:5px; margin-top:-45px; color:#000; font-size:15px; line-height:37px; text-align:right;}
.member_wrap .join_list {padding-top:15px; font-size:0; line-height:0;}
.member_wrap .join_list > li {margin-top:5px;}
.member_wrap .join_list > li input.text {height:55px; padding:0 20px; margin-left:5px; color:#92979b; font-weight:bold; line-height:50px;}
.member_wrap .join_list > li input.text::-webkit-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text:-moz-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input.text::-moz-placeholder {
color: #2e2e2e;
}
.member_wrap .join_list > li input.text:-ms-input-placeholder {
color: #92979b;
}
.member_wrap .join_list > li input:first-child,
.member_wrap .join_list > li .select_option:first-child {margin-left:0;}
.member_wrap .join_list > li .select_option {height:55px; margin-left:5px; color:#92979b; font-weight:bold;}
.member_wrap .join_list > li .select_option .active_cont {height:53px; padding:0 35px 0 20px; line-height:50px;}
.member_wrap .join_list > li .select_option .option_list {top:53px;}
.member_wrap .join_list > li .select_option .option_list li {padding:10px 20px;}
.member_wrap .join_list > li .btn_gray_board {width:183px; height:55px; margin-right:4px; line-height:52px;}
.member_wrap .join_list > li .btn_check {display:inline-block; width:120px; height:55px; margin-left:10px; background:#92979b; color:#fff; font-size:15px; line-height:52px; text-align:center; font-weight:bold; vertical-align:top; cursor:pointer;}
.member_wrap .join_list > li .notif {padding:0 20px 2px; color:#888; font-size:13px; line-height:18px;}
.member_wrap .email_sms {margin-top:15px; border-top:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e; text-align:center;}

.member_wrap .cklabel input {position:absolute; left:-9999px;}
.member_wrap .add_children {height:95px; margin-top:-95px; text-align:right;}
.member_wrap .benefits {margin-top:10px; padding:20px; border:1px solid #d9d9d9; background:#fcfcfb; color:#888; font-size:13px; line-height:16px;}
.member_wrap .child_box {overflow:hidden;}

.child_box.mar-top {margin-top:30px;}

.member_wrap .child_box h1 {position:relative; margin-top:10px; height:54px; padding:0 20px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#e7e7e0; font-size:16px; line-height:51px; font-weight:bold; text-align:left; overflow:hidden;}
.member_wrap .child_box .del {display:block; position:absolute; top:8px; right:7px; width:91px; height:38px; background:#92979b; color:#fff; font-size:15px; line-height:35px; text-align:center; font-weight:bold; cursor:pointer;}
.member_wrap .board_write {border-top:none;}
.member_wrap .board_write th:first-child {border-left:none;}
.member_wrap .board_write th {padding:10px 0 10px 20px; color:#92979b;}
.member_wrap .board_write td {padding:5px 10px;}
.member_wrap .board_write td label {margin-right:15px; color:#2e2e2e;}
.member_wrap .board_write td .txt_style {display:inline-block; color:#92979b; font-size:13px; line-height:16px; vertical-align:middle;}

.member_wrap .subtitle {font-size:13px; color:#524f4f; padding-top:10px;}
.member_wrap .h2title {position: relative; background: #555; padding: 10px 30px; color:#fff; font-size:16px; margin-top:25px;}
.regist_list {overflow:hidden; width:100%;}
.regist_list li {box-sizign:border-box; overflow: hidden; padding: 20px; border: 1px solid #dcdcdc; border-top: none;}
.member_wrap .tab03 {width:100%;display:flex;}
.member_wrap .tab03 button {width:50%;background:#92979b;color:#fff;border:1px solid #e7e7e7;border-bottom:none;height:60px;line-height:60px;font-size:15px;font-weight:700;}
.member_wrap .tab03 button.on {color:#000;background:#fff;}
