@charset "utf-8";

/* UILAB Markup Team 20115-02-27 */
/* reset */

body {background:#e0e6e8}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,em{font-style:normal; font-weight:normal}
ul,ol,dl{list-style:none}
hr{display:none}
button{overflow:visible; margin:0; padding:0; border:0 none; background:transparent; cursor:pointer}
caption{font-size:0; line-height:0; margin:0; padding:0; border:none; visibility:hidden}
legend{display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
body, li, dt, dd, p, div{font:12px/130% '돋움', Dotum ,'굴림', Gulim, Helvetica, sans-serif; color:#333}
th {background:#fff}
img {vertical-align:middle}
a:link, a:visited, a:active {text-decoration:none; color:#333}
a:focus, a:hover {color:#333}
.blind {overflow:hidden;position:absolute;top:-999px;left:-999px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;white-space:nowrap; background:none;z-index:-1}
.hide {display:none}

.txt-happyorder {background:url('../images/txt_happyorder.png') no-repeat; width:56px; height: 36px;}
.storeHoDisplayY {background:url('../images/store_status_btn_Y.png') no-repeat; width: 200px; height: 36px;}
.storeHoDisplayN {background:url('../images/store_status_btn_N.png') no-repeat; width: 200px; height: 36px;}

.txt-channel {background:url('../images/txt_channel.png') no-repeat; width:52px; height: 36px;}
.storeDeliveryY {background:url('../images/store_delivery_btn_Y.png') no-repeat; width: 200px; height: 36px;}
.storeDeliveryN {background:url('../images/store_delivery_btn_N.png') no-repeat; width: 200px; height: 36px;}
.storeDeliveryX {background:url('../images/store_delivery_btn_N.png') no-repeat; width: 200px; height: 36px;}

.txt-header{height:36px; font-weight:bold; color:#fff; text-align:center; font-size:16px; line-height:36px;}



.button {position:relative; display:inline-block; text-decoration:none !important; white-space:nowrap; vertical-align:middle; overflow:visible; cursor:pointer; height:40px}
.button.small {width:79px; background:url('../images/btn_w79.png') no-repeat; font-size:15px; font-weight:bold; color:#333; line-height:40px}
.button.small.active {background:url('../images/btn_w79_active.png') no-repeat; color:#fff}

/* input */
.check-box {display:inline-block; *display:inline; *zoom:1; position:relative; min-height:26px; *height:26px; line-height:26px}
.check-box * {vertical-align:top}
.check-box > input {
    position:absolute; top:0; left:0; z-index:-1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
    opacity: 0;
}
.check-box > label {display:block; *display:inline-block; padding-left:35px; font-size:16px; color:#666; line-height:26px;  vertical-align:top; background:url('../images/bg_input_check.png') 0 0 no-repeat}
.check-box.checked > label {background:url('../images/bg_input_check.png') 0 -25.5px no-repeat;}
.radio-box {display:inline-block; *display:inline; *zoom:1; position:relative; min-height:22px; *height:22px; line-height:22px}
.radio-box * {vertical-align:top}
.radio-box > input {
    position:absolute; top:0; left:0; z-index:-1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
    opacity: 0;
}
.radio-box > label {display:block; *display:inline-block; padding-left:32px; font-size:16px; line-height:22px;  vertical-align:top; background:url('../images/bg_input_radio.png') 0 -22px no-repeat}
.radio-box.checked > label {background:url('../images/bg_input_radio.png') 0 0 no-repeat}
.input-w579 {height:40px; width:559px; line-height:40px; background:url('../images/bg_input_w579.png') no-repeat; padding:0 10px; border:0}
.input-w526 {height:40px; width:506px; line-height:40px; background:url('../images/bg_input_w526.png') no-repeat; padding:0 10px; border:0}
.input-w204 {height:40px; width:184px; line-height:40px; background:url('../images/bg_input_w204.png') no-repeat; padding:0 10px; border:0}
.textbox-w526 {height:211px; width:506px; line-height:20px; background:url('../images/bg_textbox_w526.png') no-repeat; padding:10px; border:0}
.textbox-w526 textarea {border:0; height:211px; width:506px}
.textbox-w526.h82 {height:62px; background:url('../images/bg_input_w526_h81.png') no-repeat;} /* 150605 add*/
.textbox-w526.h82 textarea {border:0; height:62px; width:506px} /* 150605 add*/
.input-select {height:40px; line-height:40px}

/* custom select */
.selector{display:inline-block;*display:inline;zoom:1;margin-right:5px}
.selectricWrapper{position:relative;margin:0;cursor:pointer;z-index:2  !important}
.selectricWrapper.selectricOpen{z-index:101 !important}
.selectricResponsive{width:100%}
.selectric{border:1px solid #d0d0d0;background:#fff;position:relative;border-radius:4px}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;margin:0 30px 0 5px;padding:10px 10px 9px 10px; font-size:14px; line-height:19px;color:#333;min-height:19px;text-align:left}
.selectric .button{display:block;position:absolute;right:4px;top:5px;width:26px;height:26px;background:url('../images/bg_select_arrow.gif') no-repeat;font-size:0}
.selectricOpen{z-index:9999}
.selectricOpen .selectric{border-color:#d0d0d0;background:#fff}
.selectricOpen .selectricItems{display:block}
.selectricDisabled{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectricDisabled .selectric{border:1px solid #d4d4d4;background:#e7e7e7;position:relative;border-radius:4px}
.selectricDisabled .selectric .label {color:#9e9e9e}
/*.selectricDisabled .selectric .button {background:url('../images/common/bg_select_arrow_dim.gif') no-repeat}*/
.selectricHideSelect{position:relative;overflow:hidden;width:0;height:0}
.selectricHideSelect select{position:absolute;left:-100%;display:none}
.selectricInput{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;margin:0 !important;padding:0 !important;width:1px !important;
	height:1px !important;outline:none !important;border:none !important;*font:0/0 a !important;background:none !important;
}
.selectricTempShow{position:absolute !important;visibility:hidden !important;display:block !important}
.selectricItems{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #adadad;border-radius:4px;z-index:-1}
.selectricItems .selectricScroll{height:100%;overflow:auto}
.selectricAbove .selectricItems{top:auto;bottom:100%}
.selectricItems ul{border:1px solid #eaeaea;border-radius:4px}
.selectricItems ul, .selectricItems li{list-style:none;padding:0;margin:0;font-size:14px;line-height:20px;min-height:20px;text-align:left}
.selectricItems li{display:block;padding:5px;color:#333;cursor:pointer;border-top:1px solid #eaeaea;padding-left:14px}
.selectricItems li:first-child{border-top:none;border-radius:4px 4px 0 0}
.selectricItems li:last-child{border-radius:0 0 4px 4px}
.selectricItems li.selected{background:#9a9a9a;color:#fff}
.selectricItems li:hover{background:#F0F0F0;color:#444}
.selectricItems li.disabled{background:#F5F5F5;color:#BBB;border-top-color:#FAFAFA;cursor:default}

.txt-state1 {color:#ed1313}
.txt-state2 {color:#31a11e}
.txt-state3 {color:#1396d7}
.txt-state4 {color:#fba817} /* 150605 add */

.row-table {width:100%}
.row-table th {background:#515151; color:#fff; font-weight:bold; font-size:12px; text-align:center; border-top:1px solid #999b9c}
.row-table td {border-top:1px solid #e1e5e6; background:#fff}
.row-table tr.first th.first {background:url('../images/bg_rowtable.png') no-repeat; border-top:none}
.row-table tr.first td.last {background:url('../images/bg_row_td_round.png') top right no-repeat; border-top:none}
.row-table tr.last th.first {background:url('../images/bg_rowtable_last.png') bottom left no-repeat #515151}
.row-table tr.last td.last {background:url('../images/bg_row_td_round.png') bottom right no-repeat #fff; }
.row-table tr.row1 th.first {height:42px; background:url('../images/bg_row_table.png') no-repeat}
.row-table tr.row1 th,
.row-table tr.row1 td {border-top:none; text-align:center}
.row-table tr.row1 td.last {height:42px; background:url('../images/bg_row_table.png') right top no-repeat}
/* 150605 add */
.row-table tr.row1.h93 th.first {height:93px; background:url('../images/bg_row_table_h93.png') no-repeat}
.row-table tr.row1.h93 th,
.row-table tr.row1.h93 td {border-top:none; text-align:center}
.row-table tr.row1.h93 td.last {height:42px; background:url('../images/bg_row_table_h93.png') right top no-repeat}
/* 150605 add*/
.row-table.form td {padding:5px}
.row-table.view td {padding:14px 0; text-align:center; }
.row-table .al {text-align:left; padding-left:20px}
.row-table .al .add-file {text-decoration:underline; padding-left:22px; position:relative}
.row-table .al .add-file img {position:absolute; top:-2px; left:0; width:16px; height:16px}
.row-table.view .content-txt {padding:0 20px; line-height:20px; text-align:left}

.col-table {}
.col-table table {width:100%}
.col-table th {height:42px; font-weight:bold; color:#fff; text-align:center; font-size:12px; line-height:14px; background:#515151}
.col-table th.first { background:url('../images/bg_thead.png') no-repeat}
.col-table th.last { background:url('../images/bg_thead.png') top right no-repeat}
.col-table td {text-align:center; background:#fff; border-top:1px solid #e1e5e6; padding:10px 0; font-size:12px; line-height:18px}
.col-table td.period {border-right:1px solid #e1e5e6; border-left:1px solid #e1e5e6}
.col-table td.category {border-right:1px solid #e1e5e6}
.col-table td.subject {text-align:left; font-weight:bold}
.col-table td.subject img.icon {margin-left:6px}
.col-table td.state {font-weight:bold}
.col-table td.state.green {color:#31a11e}
.col-table td.state.red {color:#ed1313}
.col-table tbody tr:first-child td {border-top:0}
.col-table .last td:first-child {background:url('../images/bg_td_round.png') bottom left no-repeat}
.col-table .last td.last {background:url('../images/bg_td_round.png') bottom right no-repeat}
.col-table .bg td {background:#f8f2fb; } /* 150605 add */

.combi-table {width:100%}
.combi-table thead th {height:42px; font-weight:bold; color:#fff; text-align:center; font-size:12px; line-height:14px; background:#515151}
.combi-table thead th.first { background:url('../images/bg_thead.png') no-repeat}
.combi-table thead th.last { background:url('../images/bg_thead.png') top right no-repeat}
.combi-table tbody tr:first-child td {border-top:0}
.combi-table tbody td {text-align:center; background:#fff; border-top:1px solid #e1e5e6; padding:14px 0}
.combi-table tbody th {border-right:1px solid #e1e5e6}
.combi-table tbody td.col-last {background:url('../images/bg_colspan_last.png') left bottom no-repeat}

/* 150625 add */
.detail-view .row-table tr.row1 th.first {height:33px; background:url('../images/bg_row_table_h33.png') no-repeat}
.detail-view .row-table tr.row1 td.last {height:33px; background:url('../images/bg_row_table_h33.png') right top no-repeat}
.detail-view .combi-table thead th {height:33px; }
.detail-view .combi-table tbody td {padding:8px 0}
.detail-view .col-table th {height:33px; }
.detail-view .col-table td {padding:8px 0; }
.detail-view .row-table.view td {padding:8px 0; text-align:center; }
/* //150625 add */


#spc-pos {background:url(../images/bg_pos_header.jpg) repeat-x}
#spc-pos .iframe-wrap {margin:0 auto; min-width:780px; width:100%}
#spc-pos #header {min-width:780px; height:60px; background:url(../images/bg_pos_header.jpg) repeat-x; position:relative; margin:0 auto}
#spc-pos #header h1 {float:left; width:81px}
#spc-pos #header .gnb {width:85%; float:left; padding-top:12px} /* 150605 modify*/
#spc-pos #header .gnb li {float:left;margin-left: 18px;}
#spc-pos #header .gnb li a {display:block; width:98px; height:36px; background-image:url('../images/sp_header_menu.png')}
#spc-pos #header .gnb li a.active {background-position:0 bottom}
#spc-pos #header .gnb li a.menu2 {background-position:-98px 0}
#spc-pos #header .gnb li a.menu2.active {background-position:-98px bottom}
#spc-pos #header .gnb li a.menu3 {background-position:-196px 0}
#spc-pos #header .gnb li a.menu3.active {background-position:-196px bottom}
#spc-pos #header .gnb li a.menu4 {width:116px; background-position:-294px 0} /* 150605 add*/
#spc-pos #header .gnb li a.menu4.active {background-position:-294px bottom} /* 150605 add*/
#spc-pos #header .gnb li a.menu6 {width:98px; background-position:-508px 0} /* 170727 LJE add*/
#spc-pos #header .gnb li a.menu61 {background-position:-508px bottom} /* 170727 LJE add*/

#spc-pos #header .aside-btn {position:absolute; top:8px; right:20px}
#spc-pos #header .aside-btn .set {float:left}
#spc-pos #header .aside-btn .set a {display:block; float:left; margin-right:10px}
#spc-pos #header .aside-btn .eshop {float:left; padding-left:14px; background:url('../images/bg_header_line.gif') 0 2px no-repeat; display:none; }






.spc-pos-body {min-width:780px; height:540px; background:#e0e6e8; position:relative; margin:0 auto}
.scroll-btn {position:absolute; top:50%; right:19px; width:42px; height:456px; margin-top:-200px}
.scroll-btn a {display:block; width:42px; height:224px; background-image:url('../images/sp_btn_pagebtn.png'); background-repeat:no-repeat; background-position:right top}
.scroll-btn a:first-child {margin-bottom:8px}
.scroll-btn a.disabled {background-position:left top}
.scroll-btn a#scr-btn-down {background-position:right bottom}
.scroll-btn a#scr-btn-down.disabled {background-position:left bottom}
.scroll-btn a#pop-scr-btn-down {background-position:right bottom}
.scroll-btn a#pop-scr-btn-down.disabled {background-position:left bottom}

.pos-tab {overflow:hidden; height:51px; min-width:780px; position:absolute; top:0; left:0; z-index:5; width:100%}
.pos-tab li {float:left}
.pos-tab li a {display:block; height:51px; background:url(../images/bg_tab_line.gif) repeat-x; text-align:center; line-height:51px; font-size:18px; font-weight:bold; border-left:1px solid #ccc; color:#666}
.pos-tab li:first-child a {border-left:none}
.pos-tab li a.active {background:url(../images/bg_tab_line_on.png) center 0 no-repeat; color:#ed1313}
.pos-tab li .num {display:inline-block; height:17px; vertical-align:middle; padding-left:8px; background:url('../images/bg_numbox_gray.jpg') no-repeat; margin-left:7px}
.pos-tab li .num em {display:inline-block; height:17px; padding-right:8px; font-size:14px; line-height:17px; font-family:'Tahoma'; color:#fff; font-weight:normal; background:url('../images/bg_numbox_gray.jpg') right top no-repeat}
.pos-tab li .active .num {background:url('../images/bg_numbox_red.jpg') no-repeat}
.pos-tab li .active .num em {background:url('../images/bg_numbox_red.jpg') right top no-repeat}
.pos-tab.col2 li {width:50%}
.pos-tab.col2 li:first-child {width:50%}
.pos-tab.col3 li {width:20%}
.pos-tab.col3_2 li {width:33%} /* 150605 add*/
.pos-tab.col3_2 li:first-child {width:34%} /* 150605 add*/

.sub-body-scroll-area {overflow:hidden;  position:relative; width:100%;}
.sub-body-scroll-area.h489 {height:540px}
.order-search-box {background:#fff; text-align:center}
.order-search-box .wrap { padding:103px 74px 52px 20px; max-width:703px; margin:0 auto; height:90px; overflow:hidden; position:relative; *zoom:1}
.order-search-box.tab-none .wrap {padding:15px 74px 15px 20px; display:inline-block}
.order-search-box.box-none .wrap {padding:70px 74px 15px 10px; display:inline-block}
.order-search-box .date-select {width:407px; float:left}
.order-search-box .date-select .insert {overflow:hidden}
.order-search-box .date-select .insert .txt {font-size:15px; font-weight:bold; width:71px; float:left; line-height:40px}
.order-search-box .date-select .insert .input-box {float:left; width:152px; height:34px; background:url('../images/bg_input_w152.png') no-repeat; padding-top:6px; position:relative; text-align:left}
.order-search-box .date-select .insert .input-box .input-text {border:0; height:26px; width:97px; margin-left:9px; font-family:'Tahoma'; font-size:18px; line-height:26px; vertical-align:middle}
.order-search-box .date-select .insert .input-box .btn-cal {width:34px; height:34px; background:url('../images/btn_calendar.png') no-repeat; position:absolute; top:3px; right:7px}
.order-search-box .date-select .insert .input-box + .txt {width:30px; font-family:'Tahoma'; font-size:18px; font-weight:normal; text-align:center}
.order-search-box .date-select .btn-area {padding-left:71px; margin-top:10px; font-size:0; *zoom:1; position:relative}
.order-search-box .date-select .btn-area * {font-size:15px; line-height:40px}
.order-search-box .date-select .btn-area .button {margin-left:6px}
.order-search-box .date-select .btn-area .button:first-child {margin-left:0}
.order-search-box .aside {max-width:290px; float:left; margin-left:6px}
.order-search-box .aside a {float:left; margin-left:6px; display:block}
.order-search-box .aside a:first-child {margin-left:0}

.order-list-wrap {padding:0 74px 13px 12px}
.order-list-wrap .list-header {padding-left:8px; height:47px; position:relative}
.order-list-wrap .list-header ul {overflow:hidden; padding-top:8px}
.order-list-wrap .list-header ul li {float:left}
.order-list-wrap .list-header ul li a {font-size:12px; display:block; height:39px; line-height:39px; padding:0 10px; color:#666666; letter-spacing:-0.05em; background:url('../images/bg_hline.png') 0 50% no-repeat}
.order-list-wrap .list-header ul li a.active {font-weight:bold; color:#ed1313}
.order-list-wrap .list-header ul li:first-child a {background:none; padding-left:0}
.order-list-wrap .list-header.type2 {height:68px;}
.order-list-wrap .list-header.type2 ul {padding-top:13px; padding-right:100px; }
.order-list-wrap .list-header.type2 ul li:first-child {height:48px; }
.order-list-wrap .list-header.type2 ul li a {height:24px; line-height:24px; padding:0 20px;}
.order-list-wrap .list-header .btns {padding-top:8px; font-size:0}
.order-list-wrap .list-header .btns a {margin-right:10px}
.order-list-wrap .list-header .aside {position:absolute; top:8px; right:0; background:url('../images/bg_hline2.png') 45px 50% no-repeat; font-size:0}
.order-list-wrap .list-header .aside span {font-size:16px; color:#333; font-weight:bold; vertical-align:middle; margin-right:20px}
.order-list-wrap .list-header .aside span em {font-size:20px; color:#ed1313; font-weight:bold}
.order-list-wrap .list-header .aside button {width:38px; height:38px; background:url('../images/sp_btn_list_type.png') no-repeat}
.order-list-wrap .list-header .aside button.btn-list-type1 {background-position:9px 9px}
.order-list-wrap .list-header .aside button.btn-list-type1.active {background-position:9px -30px}
.order-list-wrap .list-header .aside button.btn-list-type2 {background-position:-40px 9px; margin-left:10px}
.order-list-wrap .list-header .aside button.btn-list-type2.active {background-position:-40px -30px}
.order-list-wrap .list-header .contents-total {font-size:16px; color:#333; font-weight:bold; padding-top:20px}
.order-list-wrap .list-header .contents-total span {color:#ed1313}
.order-list-wrap .list-section {position:relative}
.order-list-wrap .list-section ul {overflow:hidden}
.order-list-wrap .list-section ul li {float:left; position:relative; margin-top:8px; width:33.3%; height:226px}
.order-list-wrap .list-section ul li:after {content:"";display:block;clear:both;height:0;visibility:hidden}
.order-list-wrap .list-section ul li .mask-left {display:block; position:absolute; top:0; left:0; width:11px; height:266px; background:url('../images/bg_list_section_left.png') 0 0 no-repeat}
.order-list-wrap .list-section ul li .mask-right {display:block; position:absolute; top:0; right:0; width:3px; height:266px; background:url('../images/bg_list_section_right.png') 0 0 no-repeat}
.order-list-wrap .list-section ul li .header {padding:0 12px; height:43px; line-height:43px; background-color:#515151}
.order-list-wrap .list-section .order-box {height:226px; background:url('../images/bg_orderbox.png') no-repeat; position:relative; margin:8px 0 0 8px; }
.order-list-wrap .list-section .order-box .wrap {height:226px; background:url('../images/bg_orderbox.png') top right no-repeat; }
.order-list-wrap .list-section .order-box .header {height:43px; line-height:43px; font-size:14px; font-weight:bold; color:#fff;}
.order-list-wrap .list-section .order-box .header img {vertical-align:middle; }
.order-list-wrap .list-section .order-box .header .icon {margin-right:6px;}
.order-list-wrap .list-section .order-box .btn-more {display:block; padding-right:12px; font-size:13px; color:#fff; position:absolute; height:43px; line-height:43px; top:0; right:12px; background:url('../images/icon_arrow.png') right 50% no-repeat; }
.order-list-wrap .list-section .order-box dl {height:131px; padding:0 12px 0 0; }
.order-list-wrap .list-section .order-box dl dt {height:69px; border-bottom:1px dashed #aaa; }
.order-list-wrap .list-section .order-box dl dt strong {display:block; font-size:14px; color:#ed1313; padding:14px 0 12px 0; }
.order-list-wrap .list-section .order-box dl dt strong + strong {font-size:12px; color:#333; padding:0; }
.order-list-wrap .list-section .order-box dl dd {padding-top:13px; }
.order-list-wrap .list-section .order-box dl dd p {line-height:20px; }
.order-list-wrap .list-section .order-box .btn-area {text-align:center; font-size:0; }
.order-list-wrap .list-section .order-box .btn-area a {margin-left:6px; }
.order-list-wrap .list-section .order-box .btn-area a:first-child {margin-left:0; }
.order-list-wrap .list-section ul li .cont {padding:15px 0; height:153px; background-color:#ffffff}
.order-list-wrap .list-section ul li .cont.delivery {background-color:#fffef2}
.order-list-wrap .list-section ul li .cont.complete {background-color:#f3f5f5}
.order-list-wrap .list-section ul li .cont.complete dl dt strong{color:#333333 !important}
.order-list-wrap .list-section ul li .cont dl {height:116px; padding:0 12px}
.order-list-wrap .list-section ul li .cont dl dt {height:54px; border-bottom:1px dashed #aaa}
.order-list-wrap .list-section ul li .cont dt strong {display:block; font-size:14px; color:#ed1313; padding:0 0 12px 0}
.order-list-wrap .list-section ul li .cont dt strong + strong {font-size:12px; color:#333; padding:0}
.order-list-wrap .list-section ul li .cont dl dd {padding-top:13px}
.order-list-wrap .list-section ul li .cont dl dd p {line-height:20px}
.order-list-wrap .list-section ul li .cont .btn-area {text-align:center; font-size:0}
.order-list-wrap .list-section ul li .cont .btn-area a {margin-left:6px}
.order-list-wrap .list-section ul li .cont .btn-area a:first-child {margin-left:0}
.order-list-wrap .list-section ul li .cont .btn-more {display:block; padding-right:12px; font-size:13px; color:#fff; position:absolute; height:43px; line-height:43px; top:0; right:12px; background:url('../images/icon_arrow.png') right 50% no-repeat}
.order-list-wrap .list-section .order-list .btn-area {font-size:0}
.order-list-wrap .list-section .order-list .btn-area a {margin-left:8px}
.order-list-wrap .list-section .order-list .btn-area a:first-child {margin-left:0}
.order-list-wrap .list-section .order-list .btn-area span {display:block; height:41px; text-align:center; line-height:41px; font-size:14px}
.order-list-wrap .list-section .col-table {margin-left:8px; margin-top:8px}
.order-list-wrap .list-section .col-table .mask-left{display:block; position:absolute; bottom:0; left:8px; width:3px; height:3px; background:url('../images/bg_list_section_left_bottom.png') 0 0 no-repeat}
.order-list-wrap .list-section .col-table .mask-right{display:block; position:absolute; bottom:0; right:0; width:3px; height:3px; background:url('../images/bg_list_section_right_bottom.png') 0 0 no-repeat}
.order-list-wrap .list-section .col-table tr td a{font-weight:bold}
.order-list-wrap .list-section .col-table tr td a:hover{text-decoration:underline}
.order-list-wrap .list-section .col-table tr.delivery td{background-color:#fffef2}
.order-list-wrap .list-section .col-table tr.complete td{background-color:#f3f5f5}

/* 로그인 */
.pos-login {padding:0 50px; width:746px; height:600px; background:#e0e6e8; display:block; margin:0 auto}
.pos-login .login-box {margin:0 auto 10px auto; padding-left:354px; background:url('../images/img_spc.png') 69px 0 no-repeat}
.pos-login .login-box .login-info {margin-top:40px; }
.pos-login .login-box .login-info .input-area {background:url('../images/bg_input_w350.png') 0 0 no-repeat; width:350px; height:40px; position:relative; margin-bottom:10px}
.pos-login .login-box .login-info .input-area .placeholder {position:absolute; top:0; left:10px; line-height:40px}
.pos-login .login-box .login-info .input-area .i-text {width:330px; height:40px; border:none; background:none; padding:0 10px; line-height:40px}
.pos-login .login-box .check-area {margin-bottom:20px; position:relative; font-weight:bold; width:350px;}
.pos-login .login-box .check-area .pw-set {display:block; position:absolute; top:6px; right:0; font-size:16px; font-weight:bold; color:#666666}
.pos-login .login-box .btn-area {width:350px;}

.pos-login .login-guide {position:relative; background:url('../images/bg_roundbox.png') no-repeat; background-size:100% 100%; padding:25px 20px 0 20px; height:270px;}
.pos-login .login-guide p {font-size:14px; color:#333; line-height:20px; font-weight:bold;}
.pos-login .login-guide p.space {margin-top:13px;}
.pos-login .login-guide ul {margin-top:4px;}
.pos-login .login-guide ul li {font-size:12px; line-height:18px; color:#666; letter-spacing:0em; font-family: '돋움', Dotum}
.pos-login .login-guide ul li.space {margin-top:13px;}
.pos-login .login-guide .ie-download {border-top:1px solid #c5cacc; height:70px; font-size:12px; color:#333; line-height:70px; text-align:center; overflow:hidden; margin-top:15px; }


.pos-login .login-explain {top:auto; padding:10px 10px 10px 10px; width:730px;} /*height:100px; */
.pos-login .login-explain p {font-size:14px; color:#333; line-height:20px; font-weight:bold; text-align: center;}
.pos-login .login-explain p.space {margin-top:13px;}
.pos-login .login-explain ul {margin-top:4px;}
.pos-login .login-explain ul li {font-size:12px; line-height:10px; color:#666; letter-spacing:-0.1em; font-family: '돋움', Dotum}
.pos-login .login-explain ul li.space {margin-top:10px;}
.pos-login .login-explain .ie-download {border-top:1px solid #c5cacc; height:10px; font-size:12px; color:#333; line-height:10px; text-align:center; overflow:hidden; margin-top:15px; }
 
.csChatbot {
	color:#FF0000 !important; 
	margin-right:10px;
}
 
.login-policy {position:relative; padding:25px 20px 40px 20px;}
.login-policy strong {text-align:justify;  font-size:18px; color:#333; line-height:20px; font-weight:bold;}
.login-policy strong.space {margin-top:16px;}
.login-policy ptitle {text-align:justify;  font-size:15px; color:#333; line-height:20px; font-weight:bold; margin-top: 7px}
.login-policy p {text-align:justify;  font-size:15px; color:#333; line-height:20px; font-weight:bold; margin-top: 20px}
.login-policy p.space {margin-top:17px;}
.login-policy ul li {font-size:13px; line-height:18px; letter-spacing:-0.1em; font-family: '돋움', Dotum; margin-top: 3px; margin-left: 9px;}
.login-policy ul li.space {margin-top:17px;}
.login-policy .ie-download {border-top:1px solid #c5cacc; height:70px; font-size:12px; color:#333; line-height:70px; text-align:center; overflow:hidden; margin-top:15px; }





.layer-popup-wrap#pwInitialization .popup-wrap{margin-left:-210px !important; width:414px !important; height:350px !important; text-align:center}
.layer-popup-wrap#pwInitialization .popup-wrap .popup-section {padding: 20px}
.layer-popup-wrap#pwInitialization .popup-wrap .pw-info{width:374px; height:103px; background:url('../images/bg_pw_info.png') 0 0 no-repeat}
.layer-popup-wrap#pwInitialization .popup-wrap .pw-info .input-area{position:relative; height:51px; line-height:51px}
.layer-popup-wrap#pwInitialization .popup-wrap .pw-info .input-area .label {display:block; width:109px; font-size:12px; font-weight:bold; color:#ffffff}
.layer-popup-wrap#pwInitialization .popup-wrap .pw-info .input-area .i-text{display:block; position:absolute !important; top:6px; left: 114px; padding:0 10px; width:230px; height:36px; line-height:36px; position:relative; margin-bottom:10px}
.layer-popup-wrap#pwInitialization .popup-wrap .info-message{margin-top:28px; font-size:18px; font-weight:bold; color:#333333}
.layer-popup-wrap#pwInitialization .popup-wrap .foot-btn{margin-top:36px}

/* 팝업 */
.layer-popup-wrap {position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; display:none}
.layer-popup-wrap .dimed-layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:5; background:url('../images/bg_opacity50.png')}
.popup-wrap {position:absolute; top:50%; left:50%; z-index:10; background:#e0e6e8; width:740px; height:540px; margin-left:-370px; margin-top:-270px}
.popup-wrap h1 {height:45px; background:url('../images/bg_popup_header.png') repeat-x; font-size:20px; line-height:45px; text-align:center; color:#fff}
.popup-wrap .close-btn {position:absolute; top:12px; right:20px; display:block; width:22px; height:22px; background:url('../images/btn_pop_close.png') 0 0 no-repeat}
.popup-section .btn-area {margin-top:19px; text-align:center}
.popup-wrap.pop-detail-search {margin-top:-160px; height:auto}
.pop-detail-search .popup-section {padding:20px 74px 30px 20px}
.pop-detail-search .insert {overflow:hidden}
.pop-detail-search .insert .txt {font-size:15px; font-weight:bold; width:71px; float:left; line-height:40px}
.pop-detail-search .insert .input-box {float:left; width:152px; height:34px; background:url('../images/bg_input_w152.png') no-repeat; padding-top:6px; position:relative}
.pop-detail-search .insert .input-box .input-text {border:0; height:26px; width:97px; margin-left:9px; font-family:'Tahoma'; font-size:18px; line-height:26px; vertical-align:middle}
.pop-detail-search .insert .input-box .btn-cal {width:34px; height:34px; background:url('../images/btn_calendar.png') no-repeat; position:absolute; top:3px; right:7px}
.pop-detail-search .insert .input-box + .txt {width:30px; font-family:'Tahoma'; font-size:18px; font-weight:normal; text-align:center}
.pop-detail-search .insert-select {height:40px; width:100%}
.pop-detail-search .select-box {float:left}
.pop-detail-search .select-box.w195 {width:195px}
.pop-detail-search .select-box.w195 .selectric {border:0; background:url('../images/bg_select_w195.gif') no-repeat; height:40px}
.pop-detail-search .select-box.w192 {width:192px; margin:0 5px}
.pop-detail-search .select-box.w192 .selectric {border:0; background:url('../images/bg_select_w192.gif') no-repeat; height:40px}
.pop-detail-search .select-box.w182 {width:182px}
.pop-detail-search .select-box.w182 .selectric {border:0; background:url('../images/bg_select_w182.gif') no-repeat; height:40px}
.popup-wrap.calendar {top:50%; margin-top:-218px; height:auto; width:374px; margin-left:-187px}
.popup-wrap.calendar .popup-section {background:#fff; padding-bottom:30px}
.popup-wrap.calendar .sel-year-month {height:50px; line-height:50px; text-align:center; position:relative; font-size:16px; font-weight:bold; background:#e0e6e8}
.popup-wrap.calendar .sel-year-month button {width:34px; height:34px; position:absolute; top:50%; margin-top:-17px}
.popup-wrap.calendar .sel-year-month button.btn-prev {left:17px; background:url('../images/btn_cal_prev.png') 50% 50% no-repeat}
.popup-wrap.calendar .sel-year-month button.btn-next {right:17px; background:url('../images/btn_cal_next.png') 50% 50% no-repeat}
.popup-wrap.calendar .sel-day {padding-top:15px}
.popup-wrap.calendar .sel-day table {margin:0 auto}
.popup-wrap.calendar .sel-day th {font-size:14px; font-weight:bold; height:32px}
.popup-wrap.calendar .sel-day th.sun {color:#ed1313}
.popup-wrap.calendar .sel-day td {padding:4px 9px}
.popup-wrap.calendar .sel-day td > a {display:block; width:32px; height:32px; text-align:center; line-height:32px; font-size:14px; font-weight:bold}
.popup-wrap.calendar .sel-day td > a.gray {color:#888}
.popup-wrap.calendar .sel-day td > a.today {color:#fff; background:url('../images/bg_cal_today.png') 4px 50% no-repeat}
.popup-wrap.calendar .btn-area {margin-top:10px}
.pop-body-scroll-area {height:478px; overflow:hidden; position:relative}
.pop-body-scroll-area .popup-section {padding:20px 74px 20px 20px}
.pop-body-scroll-area .popup-section .col-table {width:647px; margin-left:0}
.pop-body-scroll-area + .scroll-btn {margin-top:-225px}
.popup-section .detail-view h2 {margin-top:10px; font-size:15px; padding-bottom:9px}
.popup-section .detail-view h2:first-child {margin-top:0}
.popup-section .detail-view table + table {margin-top:10px}

.popup-section.cancel{}
.popup-section.cancel .alert-msg {padding-top:19px; width:646px; font-size:12px; color:#333333; background:url('../images/bg_order_cancel.png') 0 0 no-repeat}
.popup-section.cancel .alert-msg .wrap {padding:0 21px 19px 21px; width:604px; background:url('../images/bg_order_cancel.png') 0 100% no-repeat}
.popup-section.cancel .alert-msg .info-message .query {margin-bottom:13px; font-size:16px; font-weight:bold; line-height:20px}
.popup-section.cancel .alert-msg .info-message ul li{line-height:20px}
.popup-section.cancel .alert-msg .result-sel {padding-top:18px; margin-top:15px; border-top:1px dashed #aaaaaa}
.popup-section.cancel .alert-msg .result-sel:after {content:"";display:block;clear:both;height:0;visibility:hidden}
.popup-section.cancel .alert-msg .result-sel p {margin-bottom:7px; font-size:14px; font-weight:bold}
.popup-section.cancel .alert-msg .result-sel .btn-box {float:left; width:125px; height:31px; padding:9px 0 0 10px; margin-right:10px; background:url('../images/btn_w135.png') no-repeat; margin-right:10px; cursor:pointer}
.popup-section.cancel .alert-msg .result-sel .btn-box + .btn-box {width:139px; background:url('../images/btn_w149.png') !important}
.popup-section.cancel .alert-msg .result-sel .btn-box label {font-size:14px; font-weight:bold; letter-spacing:-0.03em; color:#333333; cursor:pointer}
.popup-section.cancel .foot-btn {margin-top:20px; font-size:0; text-align:center}
.popup-section.cancel .foot-btn > a {margin-left:10px}
.popup-section.cancel .foot-btn > a:first-child {margin-left:0}

.pos-setting {padding:63px 20px 0 20px}
.pos-setting.ip-margin {padding:7px 20px 0 20px}
.pos-setting .set-box {padding:20px; background:#fff; border:1px solid #ddd; margin-top:8px}
.pos-setting .set-box h2 {font-size:16px; font-weight:bold; padding-bottom:12px}
.pos-setting .set-box p {line-height:20px}
.pos-setting .set-box p.space {margin-top:10px}
.pos-setting .set-box .ip-input-area {position:relative; width:718px; height:52px; background:url('../images/bg_ip_input.png') no-repeat; overflow:hidden}
.pos-setting .set-box .ip-input-area span {display:block; width:139px; height:52px; font-size:14px; color:#fff; font-weight:bold; line-height:52px; text-align:center}
.pos-setting .set-box .ip-input-area .input-area {position:absolute; top:6px; left:144px; height:40px}
.pos-setting .set-box .ip-input-area .input-area input {width:121px; height:40px; text-align:center; background:url('../images/bg_ip_box.png') no-repeat; border:none; overflow:hidden}
.pos-setting .set-box .ip-input-area .input-area em {margin-right:10px; margin-left:10px}
.pos-setting .set-box .pw-input-area {position:relative; width:718px; height:52px; background:url('../images/bg_pw_input.png') no-repeat; overflow:hidden}
.pos-setting .set-box .pw-input-area.first {background:url('../images/bg_pw_input_0201.png') no-repeat}
.pos-setting .set-box .pw-input-area.last {height:51px; background:url('../images/bg_pw_input_0202.png') no-repeat}
.pos-setting .set-box .pw-input-area span {display:block; width:159px; height:52px; font-size:14px; color:#fff; font-weight:bold; line-height:52px; text-align:center}
.pos-setting .set-box .pw-input-area .input-area {position:absolute; top:6px; left:164px; height:40px}
.pos-setting .set-box .pw-input-area .input-area input {width:548px; height:40px; text-align:center; background:url('../images/bg_pw_box.png') no-repeat; border:none; overflow:hidden}
.pos-setting .set-box .btn-area {padding-top:15px; overflow:hidden}
.pos-setting .set-box .btn-area .btn-box {float:left; width:158px; height:31px; padding-top:9px; padding-left:11px; background:url('../images/btn_w169.png') no-repeat; margin-right:10px}
.pos-setting .set-box .btn-area .btn-box .radio-box label {font-size:15px; font-weight:bold; color:#333}
.pos-setting > .btn-area {padding-top:20px; text-align:center}

.no-data {height:250px; text-align:center; display:block; line-height:250px}

.col-table .q td.subject{background:#fff url(../images/bg_faq1.png) 100% -75px no-repeat}
.col-table .q.active td.subject{background:#fff url(../images/bg_faq1.png) 100% 25px no-repeat}
.col-table .a td{background-color:#f8f7f7;padding:20px 0}
.col-table .a td.subject{font-weight:normal;color:#777}
.order-list-wrap .list-header.faq{padding-top:51px}
.order-list-wrap .list-header.usage{padding-top:61px}
.usage-con{margin:8px 0 0 8px}
.usage-con img {width:100%; }
.agree-view .agree-box{border:solid 1px #ddd;background-color:#fff;min-height:323px;border-radius:2px}
.agree-view .check-box{padding-top:10px}
.agree-view .check-box label{font-weight:bold}

/* 150605 add */
.mt20 {margin-top:20px; }
.popup-coupon {position:absolute; top:50%; left:50%; z-index:10; background:#fff; width:366px; height:540px; margin-left:-183px; margin-top:-270px}
.popup-coupon h1 {height:64px; background:#f25e5e; font-size:20px; line-height:64px; text-align:center; color:#fff}
.popup-coupon .popup-section {padding:20px; }
.popup-coupon .title-box {position:relative; padding-left:105px; min-height:90px; padding-bottom:17px; border-bottom:2px solid #e1e1e1; }
.popup-coupon .title-box .logo {position:absolute; top:0; left:0; }
.popup-coupon .title-box .logo img {width:90px; height:90px; }
.popup-coupon .title-box .title {font-size:16px; line-height:18px; font-weight:bold; color:#555; padding-top:6px; }
.popup-coupon .title-box .date {font-size:14px; color:#7ac0e5; padding-top:4px; }
.popup-coupon .barcode-num {margin-top:20px; text-align:center; padding-bottom:20px; }
.popup-coupon .barcode-num p {font-family:'Myriad Pro'; font-size:15px; padding-top:7px; letter-spacing:2px; }
.popup-coupon dl dt {font-size:16px; color:#333; font-weight:bold; }
.popup-coupon dl dd p {padding-left:10px; background:url('../images/icon_dot.png') 0 8px no-repeat; font-size:14px; color:#888; margin-top:7px; }
.popup-coupon .close-btn {position:absolute; top:19px; right:20px; display:block; width:22px; height:22px; background:url('../images/btn_pop_close.png') 0 0 no-repeat}

/* 150612 add */

h2.guide {font-size:14px; color:#333; line-height:20px; text-align:left; padding:0 20px 0 0}
ul.guide-list {padding:0 20px 0 0; margin-top:14px; margin-bottom:20px; }
ul.guide-list li {font-size:12px; color:#666; line-height:14px; text-align:left; margin-top:2px;}
ul.guide-list li:first-child {margin-top:0;}
.btn-area .desc {font-size:12px; color:#333; line-height:16px; text-align:center; padding-top:12px;}

.notice-msg {height:45px; background: url(../images/icon_notice.png) 19px 50% no-repeat #fff; border-bottom:1px solid #b8bcbe; padding-left:54px; font-size:13px; font-weight:bold; line-height:45px; }
.notice-msg span {font-weight:bold; font-size:14px; color:#ed1313; }
.member-cont {padding:20px 74px 0 11px;  }
.member-cont h2 {font-weight:bold; font-size:16px; padding-bottom:9px; padding-left:9px; }
.member-cont .box-wrap + h2 {padding-top:30px; }
.member-cont .box-wrap {overflow:hidden; }
.member-cont .member-cell1 {width:66.6%; float:left; }
.member-cont .member-cell2 {width:33.4%; float:left; }
.member-cont .member-cell3 {width:33.3%; float:left; }
.member-cont .member-box {height:200px; background:url(../images/bg_member_box1_left.png) no-repeat; margin-left:9px; padding-left:20px; }
.member-cont .member-box dl {height:200px; background:url(../images/bg_member_box1_right.png) right 0 no-repeat; }
.member-cont .member-box dt {color:#fff; font-weight:bold; line-height:65px; font-size:14px; padding-left:37px; }
.member-cont .member-box.box1 dt {background:url(../images/icon_member01.png) 2px 50% no-repeat; padding-left:43px; }
.member-cont .member-box.box2 dt {background:url(../images/icon_member02.png) 2px 50% no-repeat; }
.member-cont .member-box.box3 dt {background:url(../images/icon_member03.png) 2px 50% no-repeat; }
.member-cont .member-box.box4 dt {background:url(../images/icon_member04.png) 2px 50% no-repeat; }
.member-cont .member-box.box5 dt {background:url(../images/icon_member05.png) 2px 50% no-repeat; }
.member-cont .member-box dd strong {display:block; padding-right:29px; margin-right:30px; margin-top:55px; text-align:right; font-size:50px; letter-spacing:-2px; background:url(../images/img_txt_per.png) 100% 22px no-repeat; line-height:1;  }

/* 추가 */

.order-search-box .wrap2 { padding:103px 74px 52px 20px; max-width:754px; margin:0 auto; height:140px; overflow:hidden; position:relative; *zoom:1}
.order-search-box.tab-none .wrap2 {padding:15px 74px 15px 20px; display:inline-block}
.order-search-box.box-none .wrap2 {padding:70px 74px 15px 10px; display:inline-block}
.order-search-box .date-select2 {width:460px; float:left}
.order-search-box .date-select2 .insert {overflow:hidden}
.order-search-box .date-select2 .insert .serch-type {float:left; margin-top:13px; margin-right:3px;}
.order-search-box .date-select2 .insert .txt {font-size:15px; font-weight:bold; width:110px; float:left; line-height:40px; text-align:left;}
.order-search-box .date-select2 .insert .input-box {float:left; width:152px; height:34px; background:url('../images/bg_input_w152.png') no-repeat; padding-top:6px; position:relative; text-align:left}
.order-search-box .date-select2 .insert .input-box .input-text {border:0; height:26px; width:97px; margin-left:9px; font-family:'Tahoma'; font-size:18px; line-height:26px; vertical-align:middle}
.order-search-box .date-select2 .insert .input-box .btn-cal {width:34px; height:34px; background:url('../images/btn_calendar.png') no-repeat; position:absolute; top:3px; right:7px}
.order-search-box .date-select2 .insert .input-box + .txt {width:30px; font-family:'Tahoma'; font-size:18px; font-weight:normal; text-align:center}

.order-search-box .date-select2 .insert2 {overflow:hidden; margin-top:10px;}
.order-search-box .date-select2 .insert2 .serch-type {float:left;  margin-right:3px;margin-top:13px;}
.order-search-box .date-select2 .insert2 .txt {font-size:15px; font-weight:bold; width:110px; float:left; line-height:40px; text-align:left;}
.order-search-box .date-select2 .insert2 .input-box {float:left; width:152px; height:34px; background:url('../images/bg_input_w152.png') no-repeat; padding-top:6px; position:relative; text-align:left}
.order-search-box .date-select2 .insert2 .input-box .input-text {border:0; height:26px; width:97px; margin-left:9px; font-family:'Tahoma'; font-size:18px; line-height:26px; vertical-align:middle}
.order-search-box .date-select2 .insert2 .input-box .btn-cal {width:34px; height:34px; background:url('../images/btn_calendar.png') no-repeat; position:absolute; top:3px; right:7px}
.order-search-box .date-select2 .insert2 .input-box + .txt {width:30px; font-family:'Tahoma'; font-size:18px; font-weight:normal; text-align:center}

.order-search-box .date-select2 .btn-area {padding-left:126px; margin-top:10px; font-size:0; *zoom:1; position:relative}
.order-search-box .date-select2 .btn-area * {font-size:15px; line-height:40px}
.order-search-box .date-select2 .btn-area .button {margin-left:6px}
.order-search-box .date-select2 .btn-area .button:first-child {margin-left:0}
.order-search-box .aside {max-width:290px; float:left; margin-left:6px}
.order-search-box .aside a {float:left; margin-left:6px; display:block}
.order-search-box .aside a:first-child {margin-left:0}

/* 욱건 추가 */
.policy-box 
  
/* 20170802 LJE 픽업완료 추가  */
.order-search-box .insert3 {width:460px; float:left;}
.order-search-box .insert3 .txt {font-size:40px; font-weight:bold; color: #fff; width:210px; float:left; line-height:84px; text-align:center; background-color:#515151;  border-radius: 5px;}
.order-search-box .insert3 .orderNum {float:left; width:420px; height:84px; background-color:#fff; position:relative; text-align:left ; }
.order-search-box .insert3 .orderNum .input-text {border: solid 1px #808080; border-radius: 2px; height:74px; width:390px; margin-left:10px; font-family:'Tahoma'; font-size:45px; padding-left:10px; margin-top: 4px; vertical-align:middle}
.order-search-box .wrap3 { padding:10px; max-width:635px; margin:0 auto; overflow:hidden; position:relative; *zoom:1 ; background-color:#e1e5e6;}
.order-search-box.box-none2 {padding:83px 74px 52px 20px; width:100%; display:inline-block}

.btnW135{
	float:left; 
	width:135px; 
	height:31px; 	
	background:url('../images/btn_w135.png') no-repeat;
	cursor:pointer;
	font-size: 16px;
    color: #666;
    text-align: center;
    font-weight:bold; 
    padding-top:12px;
    margin: 0 20px 0 65px;
}
.ownerPwFindContent{
	padding : 20px 20px 0 20px;
}
.ownerPwFindContent .inputId{    
    border-bottom: 1px solid #cccccc;
}
.ownerPwFindContent .inputIdText{
    border: 0;
    outline: none;
    width: 100%;
    font-size: 18px;
}

.ownerPwFindContent .pInfo {    
    font-size: 3.733333333vw !important;
    letter-spacing: -0.266666667vw;
    text-align: left;
    color: #111111;
    padding-top: 4.266666667vw;
    padding-bottom: 2.666666667vw;
}

.brandIdContent .col-table th{padding-top: 2px; font-size: 12px;height: 17px;}
.brandIdContent .col-table td{padding-top: 1px; font-size: 12px;line-height: 12px;}

.brandIdContent{
	padding : 10px 20px 0 20px;
}

.notiContent{
	padding : 10px 20px 0 20px;
}

.notiContent .title{
	font-weight:bold; text-align:center;
}

.notiContent .fontBold{
	font-weight:bold;
}


/*	매장관리	*/
.row-table tr td.storeInfo div {float : left;}
.btnCloseDayDelete {width:20px; height:20px; background-image:url("../images/btn_delete.png"); background-size:20px;background-position:left bottom;background-repeat:no-repeat;}
.btnStoreInfoCal {width:150px; height:34px; font-size:18px; background:url('../images/btn_calendar.png') no-repeat;}
.storeInfoH1 {margin-bottom:20px;}
.storeInfoFrm {font-family:'Tahoma'; font-size:18px; font-weight:normal;}
.storeInfoFrm .txt {font-family:'Tahoma'; font-size:18px; font-weight:normal;}
.btnBgBlack {background:#515151; font-family:'Tahoma';  color:#fff; font-weight:bold; font-size:18px; text-align:center; padding:6px; border-top:1px solid #999b9c}
.btn200 {width:200px;height:30px;}
.btn150 {width:150px;height:30px;margin-left: 10px;}
.topHeaderTitle{color:#fff;font-size:16px;float:left;margin-left:10px;width:70px;padding-top: 10px;font-weight:bold;}


.loading_layer {display:none;position:fixed;z-index:99999; top:50%; left:50%;}

/* 공지사항 팝업 테이블	*/
.col-table-noti {width:647px; margin-left:0}
.col-table-noti table {width:100%}
.col-table-noti th {height:42px; font-weight:bold; color:#fff; text-align:center; font-size:12px; line-height:14px; background:#515151}
.col-table-noti th.first { background:url('../images/bg_thead.png') no-repeat}
.col-table-noti th.last { background:url('../images/bg_thead.png') top right no-repeat}
.col-table-noti td {text-align:center; background:#fff; border:1px solid #e1e5e6; padding:10px 0; font-size:12px; line-height:18px}
.col-table-noti td.period {border-right:1px solid #e1e5e6; border-left:1px solid #e1e5e6}
.col-table-noti td.category {border-right:1px solid #e1e5e6}
.col-table-noti td.subject {text-align:left; font-weight:bold}
.col-table-noti td.subject img.icon {margin-left:6px}
.col-table-noti td.state {font-weight:bold}
.col-table-noti td.state.green {color:#31a11e}
.col-table-noti td.state.red {color:#ed1313}
.col-table-noti tbody tr:first-child td {border-top:0}
.col-table-noti .last td:first-child {background:url('../images/bg_td_round.png') bottom left no-repeat}
.col-table-noti .last td.last {background:url('../images/bg_td_round.png') bottom right no-repeat}
.col-table-noti .bg td {background:#f8f2fb; } /* 150605 add */

.notiBtnBgBlack {background:#515151; font-family:'Tahoma';  color:#fff; font-weight:bold; font-size:15px; text-align:center; padding:3px; height:27px; }

#spc-pos #header .gnb li a.menu-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    background: none;
}
#spc-pos #header .gnb li a.menu-text.active {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 18px;
}

.settlement-ui {

}
.settlement-ui .storeInfoH1 {
    margin-top: 20px;
}

.list-box-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.settlement-search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    padding: 2vw;
}
.settlement-search-box p {
    font-weight: 600;
    font-size: 15px;
    margin-right: 3vw;
}
.settlement-date {
    display: flex;
    align-items: center;
    margin-right: 2vw;
}
.settlement-date .selectricWrapper {
    margin-right: 0.5vw;
}
.settlement-date label {
    width: 50%;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    line-height: 1.5vw;
}
.settlement-ui .empty-content {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    transform: translateY(70px);
}
.settlement-ui .title_box {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 1.5vw; */
}
.settlement-ui .title_box img{
    width: 15px;
    margin-right: 2px;
}
.settlement-ui .title_g {
    color: #7F7F7F;
    font-size: 15px;
    font-weight: 600;
}
.settlement-ui .title_b {
    color: #3B82F6;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.settlement-ui .row_box {
    width: 35vw;
    padding: 3vw;
    margin: 0 2vw 4vw;
    background-color: #ffffff;
}
.settlement-ui .row_box .row_contents {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.settlement-ui .row_contents .row_detail{
    width: 100%;
    margin-top: 30px;
}
.settlement-ui .row_box .row_contents a {
    position: relative;
    width: 7vw;
    height: 50px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-left: 2vw;
}
.settlement-ui .row_box .row_contents a::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    border-top: 2px solid #333;
    border-left: 2px solid #333;
}
.settlement-ui .row_price {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}
.settlement-ui .row_price.line {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.settlement-ui .row_price p{
    font-size: 15px;
}
.settlement-ui .row_price.detail p{
    width: 170px;
    text-align: right;
}
.settlement-ui .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #00A61C;
    font-weight: 900;
    border: 2px solid #00A61C;
    border-radius: 50%;
    background: none;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2;
    margin-left: 3px;
    cursor: pointer;
}
.settlement-ui .popup-wrap {
    top: 37%;
    width: 500px;
    height: auto;
    transform: translateX(25%);
    background: #ffffff;
}
.settlement-ui .popup-wrap .popup-settlment {
    max-height: 700px;
    overflow-y: auto;
    padding-bottom: 2vw;
}
.settlement-ui .popup-wrap .row_box {
    width: auto;
    padding: 2vw;
    margin: 0vw;
    background-color: #ffffff;
}

.settlement-ui .box-content .row_box{
    margin: 2vw auto;
}
.settlement-ui .box-content a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.settlement-ui .settlement-description {
    font-size: 13px;
    padding: 0 2vw;
}