html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
/* font-family: Dotum, AppleGothic, Tahoma, Geneva, sans-serif; */
font-family: Helvetica, Geneva, Dotum, AppleGothic, Tahoma, sans-serif;
}
/* anchor tag */
a {
text-decoration:none;
color:black;
}
em { font-style: normal; }
fieldset legend {display:none;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/** document general options **/
body {font:9pt Helvetica, Arial, Tahoma, sans-serif; background: url(img/bg_body.gif) repeat-y 0 0;}
body, html {height:100%}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
*border-collapse: collapse;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
caption {
display:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/** **/
/* 간격 */
.pt-0 { padding-top:0px !important;}
.pt-05 { padding-top:5px !important;}
.pt-10 { padding-top:10px !important;}
.pt-20 { padding-top:20px !important;}
.pt-30 { padding-top:30px !important;}
.pt-40 { padding-top:40px !important;}
.pt-50 { padding-top:50px !important;}
.pb-10 { padding-bottom:10px !important;}
.pb-20 { padding-bottom:20px !important;}
.pb-30 { padding-bottom:30px !important;}
.pb-40 { padding-bottom:40px !important;}
.pb-50 { padding-bottom:50px !important;}
.pl-10 { padding-left:10px !important;}
.pl-20 { padding-left:20px !important;}
.pl-30 { padding-left:30px !important;}
.pl-40 { padding-left:40px !important;}
.pl-50 { padding-left:50px !important;}
.pr-10 { padding-right:10px !important;}
.pr-20 { padding-right:20px !important;}
.pr-30 { padding-right:30px !important;}
.pr-40 { padding-right:40px !important;}
.pr-50 { padding-right:50px !important;}
.p-10 { padding:10px !important;}
.p-20 { padding:20px !important;}
.p-30 { padding:30px !important;}
.p-40 { padding:40px !important;}
.p-50 { padding:50px !important;}
.mt-10 { margin-top:10px !important;}
.mt-20 { margin-top:20px !important;}
.mt-30 { margin-top:30px !important;}
.mt-40 { margin-top:40px !important;}
.mt-50 { margin-top:50px !important;}
.mb-10 { margin-bottom:10px !important;}
.mb-20 { margin-bottom:20px !important;}
.mb-30 { margin-bottom:30px !important;}
.mb-40 { margin-bottom:40px !important;}
.mb-50 { margin-bottom:50px !important;}
.ml-10 { margin-left:10px !important;}
.ml-20 { padding-left:20px !important;}
.ml-30 { padding-left:30px !important;}
.ml-40 { padding-left:40px !important;}
.ml-50 { padding-left:50px !important;}
.mr-10 { margin-right:10px !important;}
.mr-20 { margin-right:20px !important;}
.mr-30 { margin-right:30px !important;}
.mr-40 { margin-right:40px !important;}
.mr-50 { margin-right:50px !important;}
.m-10 { margin:10px !important;}
.m-20 { margin:20px !important;}
.m-30 { margin:30px !important;}
.m-40 { margin:40px !important;}
.m-50 { margin:50px !important;}
/* misc */
select {
}
select, select option, button {
font:normal 12px gulim;
}
#popup-container {
/*background:#e8e8dd;*/
padding:10px;
}
/* 폰트 컬러&볼드 */
@font-face {
font-family:'NanumGothic';
src: url('font/NanumGothicBold.eot');
src: url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('font/NanumGothicBold.woff') format('woff'),
url('font/NanumGothicBold.ttf') format('truetype');
font-weight:normal;
font-style: normal;
}
/** text colors assigned to elements in various areas **/
.yellow {color:#e8e4a2;}
.blue {color:#508db8 !important;}
.light-blue {color:#a6b7c0;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}
.font-basic { color:#6086E8; }
.font_bold {
font-weight: bold !important;
}
.font_red {
color: #FF0000 !important;
}
.font_blue {
color: #0000FF !important;
}
.font_gray {
color: #707070 !important;
}
.font_brown {
color: #990000 !important;
}
.font_orange, .font_1 {
color: #FF9933 !important;
}
.font_green, .font_2 {
color: #00CC00 !important;
}
.font_black {
color: #000 !important;
}
.font_admin {
color:#FE5957 !important;
}
.txt-c {
position:relative;
text-align: center !important;
}
.txt-r {
text-align: right !important;
}
.txt-l {
text-align: left !important;
}
span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
div.clear {clear:both}
.hidden {display:none;}
.align-left {float:left;}
.align-right {float:right;}
.no-bg { background: none !important; }
div#container {position:relative; min-height:500px;padding-left:209px; /* float:left; */ background:#fff url(img/bg_body.gif) repeat-y 0 0; padding-bottom:70px;}
/** HEADER AND NAVIGATION **/
/*div#header {padding-top:20px;}*/
div#header { position: relative; z-index:100; min-width:1248px; *width:1250px; width:100%; height: 73px; background: url(img/top/bg_hdr_h73.gif) repeat-x 0 0;}
/** logo, which is a typographical h1 element (you can edit this part if you want to replace with your logo graphic) **/
div#header h1 { position: absolute; left: 29px; top: 12px; width: 145px; height: 40px; }
div#header h1 a {overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(img/top/new_logo.gif) no-repeat 0 0;}
div#header .elink { position: absolute; right: 18px; top: 30px; }
div#header .elink li,
div#header .elink a { float: left; }
div#header .elink li { display: inline; margin-left: 12px; }
div#header .elink a { height: 20px; line-height: 20px; color: #fff; letter-spacing: -1px; }
div#header .elink li.log,
div#header .elink li.log a { background: url(img/btn/hdr_log.gif) no-repeat; }
div#header .elink li.log { padding-left: 1px; }
div#header .elink li.log a { display: inline-block; width: 55px; height: 20px; line-height: 20px; text-indent: -9999px; }
#gnb { position: absolute; left: 213px; top: 5px; }
#gnb li { float: left; width: 67px; height: 65px; margin-right: 18px; }
#gnb li.comm { width: 87px; margin-right: 5px; }
#gnb li.prom { width: 86px; margin-right: 5px; }
#gnb li.desi { width: 71px; margin-right: 5px; }
#gnb li.mobi { width: 71px; margin-right: 0px;}
#gnb li.scm { width: 71px; margin-right: 0px;}
/* css 캐싱 방지 처리를 위한 변수처리 이미지 변경시 ? 뒤에 버전 값을 꼭!!! 변경해줘야합니다..*/
#gnb li.shop a{ background: url("img/top/gnb_shop2_off.gif?_ver3") no-repeat 0 0; }
#gnb li.prod a{ background: url("img/top/gnb_item_off.gif?_ver3") no-repeat 0 0; }
#gnb li.orde a{ background: url("img/top/gnb_orde_off.gif?_ver3") no-repeat 0 0; }
#gnb li.memb a{ background: url("img/top/gnb_memb_off.gif?_ver3") no-repeat 0 0; }
#gnb li.comm a{ background: url("img/top/gnb_comm_off.gif?_ver3") no-repeat 0 0; }
#gnb li.prom a{ background: url("img/top/gnb_prom_off.gif?_ver3") no-repeat 0 0; }
#gnb li.desi a{ background: url("img/top/gnb_desi_off.gif?_ver3") no-repeat 0 0; }
#gnb li.outs a{ background: url("img/top/gnb_outs_off.gif?_ver3") no-repeat 0 0; }
#gnb li.mobi a{ background: url("img/top/gnb_mobile_off.gif?_ver3") no-repeat 0 0; }
#gnb li.scm a{ background: url("img/top/gnb_scm_off.gif?_ver3") no-repeat 0 0; }
#gnb li.shop a:hover ,#gnb li.shop > .now{ background: url("img/top/gnb_shop2_on.gif") no-repeat 0 0; }
#gnb li.prod a:hover ,#gnb li.prod > .now{ background: url("img/top/gnb_item_on.gif") no-repeat 0 0; }
#gnb li.orde a:hover ,#gnb li.orde > .now{ background: url("img/top/gnb_orde_on.gif") no-repeat 0 0; }
#gnb li.memb a:hover ,#gnb li.memb > .now{ background: url("img/top/gnb_memb_on.gif") no-repeat 0 0; }
#gnb li.comm a:hover ,#gnb li.comm > .now{ background: url("img/top/gnb_comm_on.gif") no-repeat 0 0; }
#gnb li.prom a:hover ,#gnb li.prom > .now{ background: url("img/top/gnb_prom_on.gif") no-repeat 0 0; }
#gnb li.desi a:hover ,#gnb li.desi > .now{ background: url("img/top/gnb_desi_on.gif") no-repeat 0 0; }
#gnb li.outs a:hover, #gnb li.outs > .now{ background: url("img/top/gnb_link_on.gif") no-repeat 0 0; }
#gnb li.outs a:hover, #gnb li.mobi > .now{ background: url("img/top/gnb_mobile_on.gif") no-repeat 0 0; }
#gnb li.outs a:hover, #gnb li.scm > .now{ background: url("img/top/gnb_scm_on.gif") no-repeat 0 0; }
#gnb a { display: block; height: 24px; padding-top: 46px; text-indent: -9999px; line-height: 14px; color: #fff; font-size: 11px; letter-spacing: -1px; }
.myshop_list { overflow:hidden; background:#fff; border:3px solid #A1B1F4;position: absolute; top:19px;left: 1px; }
.myshop_list.mb { width:92px; left: -44px; }
.myshop_list a { width:25px; color:black; display:block ;padding:2px 5px; }
.myshop_list a img { margin-top:1px; }
.myshop_list a:hover { background:#627CE7; color:#fff !important;}
.myshop_list .shop-arr { float:left; width:45px; text-align:center;}
.myshop_list .shop-arr dd { padding:4px 5px 8px 5px;}
.myshop_list dt { font-weight: bold;background-color: #F4F5F9;padding:5px 0;}
.myshop_list.mb dt {padding:5px 2px;}
.langpack_list { width:30px; overflow:hidden; background:#fff; border:3px solid #A1B1F4; padding:8px 5px 8px 5px;position: absolute; top:19px; left:10px; }
.langpack_list a { width:22px; color:black !important; display:block ;padding:2px 5px; }
.langpack_list a:hover { background:#627CE7; color:#fff !important;}
/** search form **/
div#header form {float:right; width:246px; margin-top:9px;}
div#header form fieldset legend {display:none;}
div#header form fieldset label#searchbox {display:block; background:url(img.dev/bg-search.gif) no-repeat; height:21px; width:246px;}
div#header form fieldset label#searchbox input {background:none; border:none; outline:none; padding:4px 0 0 23px; color:#666; font-size:0.9em;}
/** END OF HEADER **/
/** columns **/
div#left-col {z-index: 2; position: relative; left: -239px; float: left; width: 209px; margin-right: 0px; margin-right: -239px;}
div#left-col .tit { z-index: 4; padding-left: 21px; padding-top: 28px; border-bottom: 3px solid #333; }
div#left-col .tit h2 { color: #222; padding-bottom:23px; letter-spacing: -1px; font-size: 24px; font-family:'NanumGothic',tahoma,"굴림" }
div#left-col .tit .ctrl { z-index: 4; position: absolute; right: 0; top:70px; width: 21px; height: 21px; }
div#left-col .tit button { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; border: 0; background: url(img/btn/lnb_ctrl.gif) no-repeat; }
div#left-col .tit button.close { background-position: -21px 0; }
#layerLnbHelp { display: none; position: absolute; left: 50%; top: 27px; width: 91px; padding: 8px 0; margin-left: -49px; text-align: center; letter-spacing: -1px; border: 3px solid #4c72d6; background-color: #fff; }
#layerLnbHelp .edge { position: absolute; left: 50%; top: -7px; width: 8px; height: 4px; margin-left: -4px; font-size: 0; line-height: 0; background: url(img/left/lnb_ctrl_edge.gif) no-repeat 0 0; }
/* lnb */
#lnb { margin-top: 11px; }
#lnb h3 { padding-left: 22px; font-size: 14px; color: #222; line-height: 34px; font-weight: bold; letter-spacing: -1px; cursor: pointer; background: url(img/left/bul_lnb_h3.gif) no-repeat 11px 50%; }
#lnb h3 em { font-weight: normal; }
#lnb ul { zoom: 1; position: relative; display: none; padding-bottom: 5px; background-color: #fff; }
#lnb li { zoom: 1; position: relative; padding-left: 11px; padding-right: 11px; font-size: 0; line-height: 0; }
#lnb li a { display: block; height: 21px; line-height: 21px; padding-left: 22px; padding-top: 1px; letter-spacing: -1px; font-size: 11px; color: #4a72da; background: url(img/left/bg_lnb_link.gif) repeat-x 0 0; }
#lnb li a:hover { text-decoration: underline; }
#lnb li.last a { background: none; }
#lnb li.now { background: #6086e8 url(img/left/bg_lnb_li.gif) repeat-x 0 0; }
#lnb li.now a { color: #fff; }
#lnb li.now .edge { position: absolute; right: -11px; top: 1px; width: 11px; height: 21px; font-size: 0; line-height: 0; background: url(img/left/lnb_edge.gif) no-repeat 0 0; }
#lnb .item-show { zoom: 1; margin-bottom: -1px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#lnb .item-show h3 { background:#fff url(img/left/bul_lnb_h3_open.gif) no-repeat 11px 50%; }
#lnb .item-show ul { display: block; }
/* asideCtrl */
#asideCtrl { position: absolute; left: 209px; top: 70px; width: 21px; height: 21px; }
#asideCtrl button { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; border: 0; background: url(img/btn/aside_ctrl.gif) no-repeat; }
#asideCtrl button.close { background-position: -21px 0; }
/** box general settings **/
.admin_main .full-col { padding-left:7px; padding-top:5px; background:#fff; width:1200px;}
.d_popupWrap .box-container > div { padding-top:15px; margin-left:15px;}
div.box-container {background-color:#fff;padding:10px; padding-left:0; }
div.box-container h5 {color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
div.box-container h5 span {font-weight:normal; font-size:0.9em;}
/* content */
.admin_main #content {margin-left:0px!important;}
#container #content {margin-left:30px;}
.full-col { width:100%; min-width:1000px; float: left; margin-right:0px !important;}
.full-col .box-container .loc-nav{ padding-top:0px; padding-left:5px; line-height:1.0; padding-top:10px; height:60px; }
.loc-nav p{line-height: 18px; padding-bottom:3px; font-size: 11px; letter-spacing: -1px; color: #999;font-weight: normal;}
.full-col .box-container h3 { overflow:hidden; height:70px; line-height:3.6em; border-bottom:1px solid #E6E6E6; margin:0 0 30px 0;padding-left: 21px; font-weight: bold; font-size: 18px; color: #0045c3; letter-spacing: -1px; font-family: Dotum, AppleGothic, Tahoma, Geneva, sans-serif; }
.full-col .box-container div h3 {height: 21px; margin:6px 0; background: url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 50%; border:0; padding-left: 23px; font-size: 16px; line-height: 21px; color: #222; }
.admin_main .box-container { *width:1248px;}
h4.rounded_by_jQuery_corners {background:#FFF; }
.mini_popup{ position: relative; padding:6px 0 0 15px; height: 21px; font-weight:bold; background:#627ce7; }
/** system messages **/
div.sys-messages-container h5 { font-size:14px; background:url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 6px; margin-top: 25px; padding-bottom: 5px; padding-left:25px; font-weight:bold;}
div.quick-send-message-container h5 {font-size:14px; background:url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 6px;}
div.x-message-container h5 {background:url(img.dev/icon-delete-message.gif) no-repeat;}
div.sys-messages-container ul {margin-bottom:10px;}
div.sys-messages-container ul li {padding:8px; position:relative;}
div.sys-messages-container ul li a.sysmessage-delete {position:absolute; right:8px; top:7px;}
div.sys-messages-container ul li a:hover {text-decoration:none;}
div.sys-messages-container ul li.even-messages {background:#f3f6f7;}
div.sys-messages-container ul li.even-messages a {color:#314d5b;}
div.sys-messages-container ul li.odd-messages {background:#ebf0f3;}
div.sys-messages-container ul li.odd-messages a {color:#1f2f35;}
/** quick send message **/
div.quick-send-message-container form {background:#f2f2f2; padding:8px; font-size:0.9em; color:#333; margin-bottom:5px;}
div.quick-send-message-container form fieldset p {margin-bottom:6px !important;}
div.quick-send-message-container form p:first-child {margin-top:0px;}
div.quick-send-message-container form p label {font-weight:bold; display:block; margin-bottom:5px;}
div.quick-send-message-container form input#message-title, div#quick-send-message-container form textarea {padding:5px; font-size:0.9em; border:1px solid #ccc; width:175px;
font-family:Helvetica, Arial, sans-serif}
/** to-dos **/
/* ul.tab-menu {border-bottom:2px solid #3a4043; height:27px;} */
ul.tab-menu {border-bottom:2px solid #3a4043; height:26px}
ul.tab-menu li {float:left; margin-right:5px;}
ul.tab-menu li.tabs-selected a {background:#3a4043; color:#c4a93d; font-weight:bold;}
ul.tab-menu li a {display:inline-block; background:#737d81; color:#ccc; font-weight:bold; padding:6px 10px; text-transform:uppercase; text-decoration:none;}
.tabs-hide {display:none;}
div#to-do-list ul {margin-top:-10px;}
div#to-do-list ul li {border-bottom:1px solid #eeeddb; padding:8px 10px;}
div#to-do-list ul li.even {background:#f5f4eb;}
div#to-do-list ul li.odd {background:#fbfbf7;}
div#to-do-list ul li a {font-weight:bold; color:#ae9a62;}
div#to-do-list ul li a:hover {color:#666; text-decoration:none;}
div#to-do-list ul li small {display:block; padding:5px 0 0 24px; font-size:0.9em; color:#999;}
/** forms **/
/*form.middle-forms {padding:5px; color:#3a4043}*/
.middle-forms {padding:0px; color:#3a4043}
.middle-forms p {margin:10px 0;}
.middle-forms h3 {color:#1d8895; font-weight:bold; font-size:150%; margin-bottom:10px;}
/* form.middle-forms fieldset {padding-top:10px;} */
.middle-forms fieldset {margin-bottom:10px;}
/* form.middle-forms fieldset ol li {padding:15px;} */
.middle-forms fieldset ol li {padding:4px 6px;}
.middle-forms fieldset ol li.even {background:#f3f3f3;}
form.middle-forms fieldset ol li.note {float:right;border:1px solid #EFEFEF; background:#f3f3f3;}
.middle-forms input[type=password],
.middle-forms input[type=text]
.table-forms input[type=password],
.table-forms input[type=text] {
padding:3px; border:1px solid #dedede; background:url(img.dev/bg-textbox.gif) repeat-x #fff;}
.middle-forms fieldset ol li input[type="radio"], .middle-forms fieldset ol li input[type="checkbox"] {border:none; background:none;}
.middle-forms fieldset ol li.li_desc {padding-left:15px;;border-top:1px solid #ADADAD;}
.middle-forms fieldset ol li.group_button {text-align:center}
.middle-forms div.group_button {text-align:center; margin-top:10px;}
input.txtbox-short {width:122px;}
input.txtbox-middle {width:190px;}
input.txtbox-long, .middle-forms fieldset ol li textarea {width:305px;}
.middle-forms fieldset ol li label.field-title {float:left; margin-right:15px; display:block;}
.middle-forms fieldset ol li label.field-title {font-weight:bold; width:160px; padding-top:3px;}
a.heading-link {color:#cae6ed; text-transform:capitalize; font-size:0.9em; font-weight:normal; display:inline-block; padding-left:15px; text-decoration:none;}
a.heading-link:hover {color:#fff;}
/* tables */
.bbs_property {width:100%;}
.bbs_property li { float: left; text-align:left; padding-left:5px; vertical-align:middle; font-size:12px; font-weight:bold; height: 20px }
.bbs_property_list li { float: left; text-align:left; padding-left:5px; vertical-align:middle; font-size:12px; }
.bbs_property li:first-child {text-align:left; padding:0 0 0 10px;}
/*.bbs_property ol {border-top:1px solid #dfdfdf; font-size:12px; padding:3px 0; margin:0; color:#666;} */
table.table-short tfoot, table.bbs_property tfoot {border-top:1px solid #ccc;}
table.table-short tr.odd, table.bbs_property tr.odd {background-color: #EFEFEF }
table.center th, table.center td {
text-align:center !important;
}
table.left th, table.left td {
text-align:left !important;
padding-left:10px;
}
table.small-font td {
font : normal 11px dotum;
}
td.col-chk {width:40px;}
td.col-first {font-weight:bold; width:200px;}
td.col-second a {color:#508db8; font-weight:bold;}
td.col-second a:hover {text-decoration:none; color:#333;}
td.row-nav {width:110px;}
a.table-edit-link, a.table-delete-link {color:#666; text-decoration:none; display:inline-block; margin-right:10px; padding-left:20px; height:16px; text-align:right;}
a.table-edit-link:hover, a.table-delete-link:hover {color:#000;}
a.table-delete-link {margin-right:0px !important; background:url(img.dev/icon-delete.gif) no-repeat;}
a.table-edit-link {background:url(img.dev/icon-edit.gif) no-repeat;}
/** CALENDAR & DATE **/
div#date-container {background-color:#f3f6f7; margin:-10px -10px 15px -10px; padding:10px; }
div#date-container img {float:left; margin-right:10px;}
div#date-container span.hour, div#date-container span.date {display:block; float:left;}
div#date-container span.hour {font-size:220%; font-weight:bold; color:#d8a416; padding-top:2px;margin-right:10px;}
div#date-container span.date {color:#666; font-size:0.8em; padding-top:4px;}
div#calendar-container {width:100%;}
div#calendar-container h5 {background-image:url(img.dev/icon-calendar.gif); background-repeat:no-repeat; display:block;}
div#calendar-container div.ui-datepicker-header {background:#a1b1b3; padding:10px; text-align:center;
position:relative; color:#fff; font-weight:bold; margin-bottom:1px;}
span.ui-icon {position:absolute; top:10px; cursor:pointer;}
.ui-icon-circle-triangle-e {right:10px;}
.ui-icon-circle-triangle-w {left:10px;}
a.ui-state-highlight {background:#fff;color:#ac0000; font-weight:bold;}
a.ui-datepicker-next-hover span, a.ui-datepicker-prev-hover span {color:#000 !important;}
table.ui-datepicker-calendar {width:203px; padding:5px; background:#f2f2f2; font-size:0.9em;}
table.ui-datepicker-calendar th,table.ui-datepicker-calendar td {
text-align:center; font-weight:bold; padding:2px;}
table.ui-datepicker-calendar a {text-decoration:none; display:block; text-align:center;
color:#666; padding:3px; border:1px solid #f2f2f2;}
table.ui-datepicker-calendar a:hover {border:1px solid #ccc;}
table.ui-datepicker-calendar a.ui-state-active {color:#ac0000 !important; border:1px solid #ccc; background:#fff;}
td.ui-datepicker-week-end a {color:#999;}
/** QUICK VISUAL LINKS **/
ul#quick-visual-links {width:100%;}
ul#quick-visual-links li {float:left;}
ul#quick-visual-links li a {width:62px; text-align:center; margin:0 3px 5px 0; font-size:0.9em; border:1px solid #ccc; display:block; padding:5px 0; text-decoration:none;
color:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#quick-visual-links li img {margin-bottom:3px;}
ul#quick-visual-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
/** FOOTER **/
/* div#footer-wrap {background:url(img.dev/bg-footer.gif) repeat-x ; height:113px; position:relative;} */
div#footer-wrap {background:url(img.dev/bg-footer.gif) repeat-x left -59px; height:54px; position:relative;}
div#footer {width:1240px; margin:0 auto; padding:10px;}
div#footer-top {color:#f2f2f2;}
div#footer-top h4 {color:#fff; text-transform:uppercase; margin:5px 0; font-size:120%; font-weight:bold;}
div#footer-top a {color:#adc3d3; font-weight:bold; font-size:0.9em; text-decoration:none;}
div#footer-top a:hover {color:#fff;}
div#footer-top h2 {font-size:160%; text-transform:uppercase; padding-top:10px; padding-right:10px; font-weight:bold;}
div#footer-top h2 a {color:#a1a5a6;}
div#footer-top h2 a:hover {color:#c7cdcf;}
div#footer-bottom {}
div#footer-bottom p {color:#717272; font-size:0.9em;}
div#footer-bottom p a {color:#ccc; text-decoration:none;}
/*
* 탭 스타일(by gckim 2010-07-10
*/
#tabs {
zoom: 1;
overflow: hidden;
border-bottom: 4px solid #6086e8;
clear:both;
margin-bottom:25px;
}
#tabs ul {
margin:0;
padding:0px 10px 0 0px;
list-style:none;
}
#tabs li {
float:left;
cursor:pointer;
min-width:80px;
height: 31px;
line-height: 31px;
text-align: center;
letter-spacing: -1px;
}
#tabs li.current:first-child { border-left: 1px solid #6086E8; }
#tabs li:first-child { border-left: 1px solid #cccccc; }
#tabs a {
float:left;
padding:0 13px;
padding-top:7px;
min-width:84px;
height: 24px;
line-height: 31px;
color: #999;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#tabs a span {float:none;}
.d_popupWrap #tabs a span { margin-top: -5px;display: inline-block;}
#tabs .current a , #tabs a:hover{
font-weight: bold;
border-color: #6086E8;
background-color: #7c9cef;
}
#tabs .current a span ,#tabs a:hover span {
font-weight: bold;
background-color: #7c9cef;
color:white;
}
/* data picker */
.dateselector .date-wrap { border-right:1px solid #c1c6ca; overflow: hidden; display: inline-block; vertical-align:middle; }
.dateselector .date-wrap a { float:left; padding:3px 5px; }
.dateselector .b-lightblue-img { margin:0; border:1px solid #c1c6ca; border-right:0; }
.dateselector .b-lightblue-base { padding:3px 4px; }
.dateselector { vertical-align:middle; }
/* chapter paging */
.paginate{ padding-top: 23px; text-align: center; font-size: 0; line-height: 0; }
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate strong{ display: inline-block; height: 22px; padding: 0 7px; font-size: 18px; line-height: 22px; font-family: Arial; color: #999; font-weight: bold; }
.paginate strong{ color:black !important;}
.paginate a:hover{ background:#F7F7F7; }
.paginate a.pre{ width: 9px; height:23px; background:url(/assets/default/KR/Admin/Layout/img/btn/cube_paging_prev.gif) no-repeat 0 0; text-indent:-99999em; margin:0 5px; zoom:1;*display:inline;}
.paginate a.pre_end{ width:9px; height:23px; background:url(/assets/default/KR/Admin/Layout/img/btn/cube_paging_first.gif) no-repeat 0 0;text-indent:-99999em; margin:0 5px; zoom:1;*display:inline;}
.paginate a.next{ width: 9px; height:23px; background:url(/assets/default/KR/Admin/Layout/img/btn/cube_paging_next.gif) no-repeat 0 0;text-indent:-99999em; margin:0 5px; zoom:1;*display:inline;}
.paginate a.next_end{ width: 9px; height:23px; background:url(/assets/default/KR/Admin/Layout/img/btn/cube_paging_end.gif) no-repeat 0 0;text-indent:-99999em; margin:0 5px; zoom:1;*display:inline;}
/* buttons */
button { *overflow: visible; cursor: pointer; *filter:chroma(color=#000000);}
.btn-prdsch button { *filter:chroma(color=#fff);}
/* size */
.btn-big ,.btn-mid ,.btn-mid-fixed ,.btn-small { padding: 10px 13px; display:inline-block;font-weight: bold; letter-spacing: -1px; vertical-align: top; border: 0; cursor:pointer; overflow:hidden;*overflow: visible;margin:0 2px;}
.btn-mid-fixed { padding: 4px 13px; }
.btn-xs { font: 12px gulim; padding: 2px; display:inline-block; letter-spacing: -1px; vertical-align: top; border: 0; cursor:pointer; overflow:hidden;*overflow: visible;margin:0 2px;}
.btn-big { min-width:112px; text-align:center; }
html>body .btn-big { padding-left: 0; padding-right: 0; }
.btn-small { min-width:48px; text-align:center; padding: 3px; margin:1px 0;font-weight:normal;vertical-align: middle; font-size:11px; letter-spacing: -1px;}
/* color */
.b-gray { border: 1px solid #666e85 !important; color: #fff; background:#838ba2 url("/assets/default/KR/Admin/Service/img/btn/h33_gra_g.gif") repeat-x 0 0 ; }
.b-lightgray { border: 1px solid #c1c6ca !important; color: #666; background:#ecf1f5; }
.b-white { border: 1px solid #c1c6ca !important; color: #666; background:#f5f6fa url(/assets/default/KR/Admin/Promotion/Seo/img/ico_skin_h10.gif) no-repeat 18% 50% ; }
.b-green {border:1px solid #007607; background:#0eb118; color:#fff; }
.b-blue { border:1px solid #2463E2 ; background:#4685EB; color:#fff; }
.b-pink { border:1px solid #C8BBBB ; background:#FF7F7F; color:#fff; }
.b-admin { border:1px solid #F24A48 ; background:#FE5957; color:#fff; }
.b-lightblue { border: 1px solid #4584eb; background: #f5f8fa; color:#444;}
.b-lightblue-base {border: 1px solid #b1c9d9; background: #e3eef6; color:#444; }
.b-lightblue-img { border:1px solid #C1C6CA; background: #f5f8fa url("/assets/default/KR/Admin/Layout/img/bg_date_lw.gif") repeat-x 0 0;}
.btn-xs +.b-blue { font-weight: bold;letter-spacing:0;}
.btn-area-center { text-align:center; position:relative; margin:20px 0 20px 0; }
.btn-area-right { text-align:right; position:relative; margin-top:20px; }
.btn-area-left { text-align:left; position:relative; margin-top:10px; }
.btit-area-right
{
padding:8px 0 0 2px;
position:relative;
text-align: right !important;
}
.btit-area-left
{
padding:0 0 8px 2px;
position:relative;
text-align: left !important;
}
.btn-area-center button,.btn-area-center span{ margin-left:5px;}
.btns-left {position:absolute; top:20%; left:0; }
.btns-left > span { margin-left:10px;}
.btns-right {position:absolute; top:0; right:0; }
.btns-right > span { margin-left:10px;}
button.button {
_padding:5px;
border:1px #D7D7D7 solid;
height:26px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#666666;
background:url(img.dev/button_bg.png) repeat-x;
vertical-align:1px;
font:bold 12px dotum;
margin:0px;
cursor:pointer;
}
a.button{
display:inline-block;
padding:5px;
border:1px #D7D7D7 solid;
height:15.7px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#666666;
background:url(img.dev/button_bg.png) repeat-x;
vertical-align:1px;
font:bold 12px dotum;
}
button.button:hover, a.button:hover {
color:#898998;
text-decoration:none;
}
button.button:active, a.button:active {
background:url(img.dev/button_bg_hover.png) repeat-x;
}
a.small {
font:normal 11px dotum;
height:12px;
padding:3px;
}
button.small {
font:normal 11px dotum;
height:20px;
padding:3px;
}
/* table */
.bbs_caption { margin-bottom:8px;border-bottom:1px solid #EFEFEF;padding-bottom:5px;padding-top:5px; }
.each_config_div {float:left;width:auto;text-align:left;padding:5px;margin-right:20px;}
/* goods status */
.status_100 {
color: #000 !important;
}
.status_199, .status_380 {
font-weight: bold !important;
color: #000 !important;
}
.status_280 {
color: #FF0000 !important;
}
.status_299, .status_311, .status_388, .status_499 {
font-weight: bold !important;
color: #FF0000 !important;
}
.status_300, .status_400 {
font-weight: bold !important;
color: #00aaff !important;
}
.status_390, .status_610 {
font-weight: bold !important;
color: #696969 !important;
}
.status_399, .status_699 {
font-weight: bold !important;
color: #27c11a !important;
}
/* goods line status */
.line_status_299, .line_status_311, .line_status_388, .line_status_499 {
background-color: #FFDFE6;
}
.line_status_300, .line_status_400 {
background-color: #D7FFFE;
}
.line_status_390, .line_status_610 {
background-color: #F2F2F2;
}
.line_status_399, .line_status_699 {
background-color: #D0FDDE;
}
.text_mini {
width:40px;
}
.text_mid {
width:70px;
}
.text_long {
width:380px;
}
table.info_table_property { border: 0px solid #e6e6e6; width:100% }
table.info_table_property caption { background: none #959595; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left; }
table.info_table_property tr:hover { background: url('img.dev/bck_black_10.png'); background:#f8f8ff}
table.info_table_property th { background: #DDDDDD; border-bottom: 1px dotted #FFFFFF; padding: 2px 6px 2px 6px; color: #333333; white-space: nowrap; text-align: left; }
table.info_table_property thead th { padding-top: 2px; font-weight: bold; }
table.info_table_property thead td { background: #DDDDDD; border-bottom: 1px dotted #FFFFFF; text-align: left; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.info_table_property tbody th,
table.info_table_property tbody .title { background:#f4f5f9; font-weight: bold; white-space: nowrap; color: #666666; }
table.info_table_property td { border-bottom: 1px dotted #e6e6e6; line-height: 22px; padding: 2px 6px 2px 6px; }
table.info_table_property .icon16 { margin-top: 3px; margin-bottom: 3px; }
table.info_table_property td.vcenter { vertical-align: middle; }
table.info_table_property td p { padding-bottom: 3px; padding-top: 3px; }
textarea {
width:100%;
/*border-bottom:2px solid #DCDCDC;*/
font:11px Tahoma;
background-color: #eeeeee;
}
/* 메인 메뉴 */
ul.list-box { zoom:1; overflow:hidden; width:100%; }
li.list-item { float:left; margin-right: 5px; }
li.list-item ul li { height: 15px; padding:5px; }
li.list-item h2 { background-color: #DDDDDD !important; font-weight: bold; text-align:center; padding:2px; }
/* 좌측메뉴 강조 */
li.on { font-weight: bold; }
ul.list-links li.on a { color: #000; }
/* title */
.btit_first { padding-top:0 !important; }
.btit { position:relative; padding-bottom:8px;padding-top:10px; }
.btit h5 { border:0 !important;padding-bottom:0 !important; font-size:14px; background:url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 6px;}
.sec-sch .btit h5 { padding:0 ; margin:0; min-height: 30px; padding-left: 46px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #222; line-height: 23px; background:url(/Common/img/bul_sch_tit.gif) no-repeat 15px 0px; }
.sec-sch .btit {margin:0; padding:0 ; }
.btit p{ margin-top:5px; }
.form-confirm-inline, .form-error-inline {display:inline-block; padding-left:10px; margin-left:10px; height:16px;}
.form-confirm-inline {color:#6086E8; background: url(/Common/img/biz_no_bullet.gif) no-repeat 0 4px;}
.form-error-inline {color:#a10101; background:url(img.dev/icon-error.gif) no-repeat;}
.bullet_list { list-style-type: none; color:#000; }
.bullet_list li { padding:2px 0 0 15px; background: url(/Common/img/biz_no_bullet.gif) no-repeat 0 center; }
.bullet_list .mult_line { background: url(/Common/img/biz_no_bullet.gif) no-repeat 0 5px; }
.bullet_tit { padding-left:10px; height:16px; margin-bottom:5px; font-weight:bold; color:#000; background: url(/Common/img/biz_no_bullet.gif) no-repeat 0 4px;}
.result_count {padding-top:7px; display:inline-block; height:15px; *padding-top:3px; *display:inline; *zoom:1;}
.result_count a.sysmessage-delete {position:absolute; right:8px; top:2px;}
.result_count a:hover {text-decoration:none;}
.result_count strong { font-size: 12px;font-family: Dotum, AppleGothic, Tahoma, Geneva, sans-serif; color: #ff2d18; font-weight: bold; }
.btns-right .result_count { margin-right:10px; }
/* disc_tip */
.disc_tip {font-size: 11px;}
.disc_tip li {margin-left: 15px;margin-top:0;list-style: disc;line-height: 1.5em;}
/* table type */
.tbl .txt-r { padding: 0 10px 0 0; text-align:right;}
.tbl .txt-l { padding: 0 10px; }
.tbl .txt-c { text-align:center; padding: 0;}
.tbl table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
.tbl-vertical th,
.tbl-vertical td { padding: 8px 0 7px; border: 1px solid #e6e6e6; }
.tbl-vertical th { color: #333; letter-spacing: -1px; background-color: #f4f5f9; }
.tbl-horizontal th,
.tbl-horizontal td { padding: 8px 0 7px; color: #333; }
.tbl-horizontal th { color: #333; font-size: 11px; font-weight: bold; letter-spacing: -1px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #f4f5f9; }
.tbl-vertical th { font-weight: bold;}
.tbl-horizontal th.first { border-left: 1px solid #e6e6e6; }
.tbl-horizontal th.last { border-right: 1px solid #e6e6e6; }
.tbl-horizontal td { border-bottom: 1px solid #e6e6e6; }
.tbl-horizontal td a {text-decoration: underline;}
.tbl-horizontal .td-orderer .tel { display: block; font-size: 10px; font-family: Tahoma; color: #999; }
.left-align { text-align:left;padding-top:5px;padding-bottom:5px; }
.tbl-border { border-top:1px solid #d7d9d9; }
.tbl-border th,
.tbl-border td { padding: 8px 0 7px; color: #333; border-top:0; border-left:0; border-right:0; }
.tbl-border th { color: #333; border:0; font-size: 11px; font-weight: bold; letter-spacing: -1px; border-bottom: 1px solid #e6e6e6; background-color: #f4f5f9; }
.tbl-noborder { border-top:1px solid #ffffff; }
.tbl-noborder th,
.tbl-noborder td { padding: 8px 0 7px; color: #333; border-top:0; border:0;}
.tbl-noborder th { color: #333; border:0; font-size: 11px; font-weight: bold; letter-spacing: -1px; border: 0px; background-color: #ffffff; }
.tbl .btn-big ,.tbl .btn-mid ,.tbl .btn-mid-fixed ,.tbl .btn-small { margin-top:0px;}
/* */
.input_type { margin-right:5px;}
/* 투명창관련 */
#transparencyLayer {
width: 0px;
height: 0px;
background-color: #000;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
}
#customContainer {
border: 10px solid #627CE7;
position: absolute;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
z-index: 1000;
background-color: #FFF;
filter: alpha(opacity=0);
opacity: 0;
padding: 15px;
text-align: center;
}
/* 투명창관련 */
#transparencyLayer2 {
width: 0px;
height: 0px;
background-color: #000;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
}
#customContainer2 {
border: 10px solid #f7e2d2;
position: absolute;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
z-index: 1000;
background-color: #FFF;
filter: alpha(opacity=0);
opacity: 0;
padding: 15px;
text-align: center;
}
div.overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 999;
}
.lne1 { *filter:chroma(color=#fff); }
#jtreeWrap ,.jtreeWrap { border: 1px solid #4584eb; }
#jtreeWrap .tree_tit ,.jtreeWrap .tree_tit { background-color: #E4EEF7; padding:4px 10px 5px 5px; border-bottom: 1px solid #4584eb; }
.jstreeScroll { width:100%;overflow:auto; }
.img_previewWrap { color: #B6B6B6; border:1px solid #eee; text-align:center; padding:10px;margin-top:5px; }
.table_st {
text-align: center;
font-weight: bold;
background-color: #F4F5F9;
padding: 8px 0 7px;
border: 1px solid #E6E6E6;
border-top: 0;
margin:0 !important;
}
/* 주문조회 layer 추가 */
.or_num div:first-child{position:relative; top:0; left:0;}
.or_num div:first-child .or_num_detail {display:none; position:absolute; top:30px; left:0; width:580px; height:auto; background-color:#fff; z-index:100000;border: 2px solid #2463e2;padding:10px;color:#333;font-size:11px;}
.or_num div:first-child .or_num_detail > table {border:1px solid #e6e6e6 !important; border-right:0;}
.or_num div:first-child .or_num_detail th {border-right:1px solid #e6e6e6;}
.or_num div:first-child .or_num_detail td {padding:10px; border:1px solid #e6e6e6;}
.or_num div:first-child .or_num_detail .or_name {text-align:left!important;}
.or_num div:first-child .or_num_detail .or_name span {color:#990000; display:block; margin:0 0 10px 0;}
.or_num div:first-child .or_num_detail .or_name .or_name_lang span {margin:0;}
.or_num div:first-child .or_num_detail .or_num_detail_total {text-align:left!important; font-weight:bold; margin:5px;}
/* 정기구매 상세팝업 */
.subscr_detailview a.set_date { border:1px solid #2463E2 !important; background:#4685EB; color:#fff; font-weight:bold; }
.subscr_detailview .date_input {padding-left:5px;width:72px;vertical-align:middle; padding:0 2px !important; border:1px solid #c1c6ca; }
.subscr_detailview .btn-mid { font-weight:normal;}
.subscr_detailview .ico_date { vertical-align:middle;cursor:pointer; margin:0 0 0 3px;} /* 4.24 수정 : margin:0 0 0 3px 추가 */
.subscr_detailview .order_name span {color:#0000ff;}
.subscr_detailview #mta_msg {border:1px solid #c1c6ca; line-height:19px; height:19px; vertical-align:bottom; position:relative; top:-1px; left:0;}
.subscr_detailview #mta_in .btn-small {min-width:45px; padding:0; line-height:22px;}
.subscr_detailview .condi select {line-height:19px; height:19px; margin:0 2px 0 0; *vertical-align:middle;}
.subscr_detailview .tbl-horizontal th {color: #666666; font-size:12px;}
.subscr_detailview .tbl-horizontal th, .subscr_detailview .tbl-horizontal td {/*position:relative; top:0; left:0;*/ border-top:0;}
.subscr_detailview .btit {margin-top:30px; position:static;} /* 4.24 수정 : position:static; 추가 */
.subscr_detailview .btn-small {line-height:21px; height:21px; padding:0 5px; display:inline-block; zoom:1; *display:inline; text-decoration:none; *line-height:15px; *margin:0 5px; } /* 4.24수정 - border:1px solid #c1c6ca; 삭제 */
.subscr_detailview .goods_info {border:1px solid #e6e6e6; border-bottom:0;}
.subscr_detailview .view_input01 {width:100%; line-height:19px; height:19px; border:1px solid #c1c6ca;}
.subscr_detailview .view_select01 {width:265px; line-height:21px; height:21px; border:1px solid #c1c6ca;}
.subscr_detailview .nlayer_pop_con table {border-top:1px solid #e6e6e6;}
.subscr_detailview .good_order_text {padding:0 0 5px 17px;} /* 4.24 수정 : class 추가 */
.subscr_detailview .mini_property td {border:0; padding-left:0;} /* 4.24 수정 : class 추가 */
.subscr_detailview h5 span {font-size:14px!important; font-weight:bold!important;} /* 4.24 수정 : class 추가 */
/* 정기구매 주문리스트 */
/* 정기구매 배송리스트 */
/* 공통 */
.subscr textarea:focus, .subscr input:focus, button:focus {outline: none;}
.subscr .layer_wrap {position:relative; top:0; left:0; z-index:1000;}
.subscr .layer_wrap .txt-c {position:static;}
.subscr .sub_tit {margin:0 0 10px 0; display:block;}
.subscr .color_cancle {color:#FF0000;}
.subscr .color_exit {color:#000}
.subscr .color_blue {color:#0000ff;}
.subscr .color_red {color:#FF0000;}
.subscr .color_delete {color:#A6A6A6;}
.subscr .color_pause {color:#FF0000; /*text-decoration:underline;*/ } /* 4.24 수정 : text-decoration:underline 주석처리 */
.subscr .mg_left5 {margin-left:5px;}
.subscr .subscr_relative {position:relative; top:0; left:2px;}
.subscr #recall_layer {top:-4px; left:0px; width:795px;} /* 반품리스트 팝업 */
.subscr #addcount_layer {top:-32px; left:197px; *top:-31px; *left:198px; } /* 정기구매 리스트 팝업 */
.subscr #addcount_layer_view {top:30px; left:0px; *top:30px; *left:0px;} /* 4.24 수정 class 추가 */
.subscr #addcount_layer_view div { font-size:12px; font-weight:normal; } /* 4.24 수정 class 추가 */
.subscr #addcount_layer_view .nlayer_pop_tit {font-weight:bold;} /* 4.24 수정 class 추가 */
.subscr #subscriptiondetailview_layer {bottom:-258px; right:100%; } /* 정기구매 디테일 팝업 */
.subscr .vlast_layer1 #subscriptiondetailview_layer {bottom:-158px;} /* 4.24수정 : 해당 클래스 추가 */
.subscr .vlast_layer2 #subscriptiondetailview_layer {bottom:-198px;} /* 4.24수정 : 해당 클래스 추가 */
.btn-area-left {*z-index:0; *position:static;} /* 4.24 수정 : 해당 클래스 추가 */
/*@-moz-document url-prefix() { #addcount_layer { top:526px;}} */
.subscr .nlayer_pop {background-color:#fff; z-index:1000000; position:absolute; width:405px; background-color:#fff; z-index:1000; text-align:left; border: #627CE7 1px solid; display:none;}
.subscr .nlayer_pop .nlayer_pop_tit { height:30px; line-height:30px; background-color: #627ce7; position: relative; top:0; left:0; text-align:left; color:#fff; padding:0 0 0 10px; font-weight:bold; }
.subscr .nlayer_pop .nlayer_pop_tit .close { position:absolute; top:7px; right:6px;}
.subscr .nlayer_pop .nlayer_pop_con h2 { border: 0 !important; padding-bottom: 0 !important; font-size: 14px; padding-left:20px; color:#333; font-weight:bold; background: url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 6px; margin:10px 0 10px 0;}
.subscr .nlayer_pop .nlayer_pop_con { padding:10px; background-color:#fff;}
.subscr .nlayer_pop .nlayer_pop_con td input { height:17px;}
.subscr .nlayer_pop .nlayer_pop_con td .wid500 { width:500px;}
.subscr .nlayer_pop .tw_input ul { zoom:1;}
.subscr .nlayer_pop .tw_input ul:after { clear:both; content:""; display:block;}
.subscr .nlayer_pop .tw_input ul li { float:left; margin:0 10px 0 0;}
.subscr .nlayer_pop .tw_input .wid120 { width:120px;}
.subscr .nlayer_pop .tw_input .mat_in { padding:4px 26px;}
.subscr .nlayer_pop .nlayer_pop_bt { margin:20px 0 10px 0; width:100%; text-align:center;}
.subscr .nlayer_pop .nlayer_pop_bt a {text-decoration:none;} /* 4.24수정 : padding:5px 13px; -> 삭제 , text-decoration:none; 추가 */
/* 반품 관리 new_css */
.nlayer_pop .recall_tit { height:30px; line-height:30px; background-color: #627ce7; position: relative; top:0; left:0; text-align:left; color:#fff; padding:0 0 0 10px; font-weight:bold; }
.nlayer_pop .recall_tit .close { position:absolute; top:7px; right:6px;}
.nlayer_pop .recall_con h2 { border: 0 !important; padding-bottom: 0 !important; font-size: 14px; padding-left:20px; color:#333; font-weight:bold; background: url(/assets/default/KR/Admin/Service/img/common/bul_bar_h5_0045c3.gif) no-repeat 0 6px; margin:10px 0 10px 0;}
.nlayer_pop .recall_con { padding:10px;}
.nlayer_pop .recall_con td input { height:17px;}
.nlayer_pop .recall_con td .wid500 { width:500px;}
.nlayer_pop .recall_bt { margin:20px 0 10px 0; width:100%; text-align:center;}
/*상품관리*/
.prd_adm_table{overflow:hidden;border:1px solid #ddd;padding:3px;}
.prd_adm_table > li{position:relative;/*display:table;*/float:left;width:16.8%;padding-right:16px;text-align:center;table-layout:fixed;margin-left:-16px;}
.prd_adm_table > li.s1{margin-left:0;width:16%}
.prd_adm_table > li.s6{width:16.8%;padding-right:0;}
.prd_adm_table > li:before{position:absolute;z-index:1;right:0;top:0%;width:0;height:0;;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:16px solid #f4f5f9;content:''}
.prd_adm_table > li.s1:before{border-left:16px solid #fff;}
.prd_adm_table > li.s2:before{border-left:16px solid #f5f5f5;}
.prd_adm_table > li.s3:before{border-left:16px solid #eaeaea;}
.prd_adm_table > li.s4:before{border-left:16px solid #e0e0e0;}
.prd_adm_table > li.s5:before{border-left:16px solid #7c9cef;}
.prd_adm_table > li.s6:before{display:none;}
.prd_adm_table > li.gray{}
.prd_adm_table > li .inbox{display:block;height:60px;line-height:1.5em;vertical-align:middle;/*border:1px solid #e6e6e6;*/}
.prd_adm_table > li.s1 .inbox{background:#fff;}
.prd_adm_table > li.s2 .inbox{background:#f5f5f5;}
.prd_adm_table > li.s3 .inbox{background:#eaeaea;}
.prd_adm_table > li.s4 .inbox{background:#e0e0e0;}
.prd_adm_table > li.s5 .inbox{background:#7c9cef;color:#fff;}
.prd_adm_table > li.s6 .inbox{background:#6086e8;color:#fff;}
.prd_adm_table > li .inbox span{display:inline-block;vertical-align:middle;}
.prd_adm_table > li .inbox:before,.prd_adm_table > li .inbox:after{display:inline-block;vertical-align:middle;width:0;height:100%;content:'';}
/* #24708 상품정보수정_팝업_UI_개선 */
.mini_popup_new { padding: 5px 10px 5px 10px; font-weight:bold; background: #365BE2; color: #ffffff; display: grid; grid-template-columns: 1fr 300px; column-gap: 10px; position: sticky; top: 0; z-index: 1; min-height: 42px; }
.mini_popup_new .title { align-self: center; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini_popup_new .sub { display: grid; grid-template-columns: 1fr 1fr; align-self: center; }
.tabs_new { position: sticky; top: 52px; z-index: 1; background: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.tabs_add_new { position: sticky; top: 0px; z-index: 1; background: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.tabs_new #tabs, .tabs_add_new #tabs { margin-bottom: 0px; }
.submitBtn_new { position: sticky; bottom: 0px; z-index: 1; background: #e5e5e5; box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1); display: flex; justify-content: center; align-items: center; text-align: center; padding: 10px; border-top: 1px solid #d3d3d3; }
.submitBtn_new .checkbox_container { position: absolute; right: 20px; }
.box-container-new { display: flex; flex-direction: column; min-height: 100vh; }
.box-container-new h5 { color: #333; padding-left: 20px; border-bottom: 1px solid #d7d9d9; font-weight: bold; padding-bottom: 7px; margin-bottom: 1px; padding-top: 1px; }