@charset "utf-8";

html, body {width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
em {font-style:normal;font-weight:normal;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
img{display:inline-block;vertical-align:top;}
legend {position:absolute;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
span {display:inline-block;}
input[type="text"],input[type='password'],input[type='submit'],input[type='search'],input[type='number'],input[type='tel'],input[type='email'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type='radio'],input[type='checkbox'] {border:none;}
input[type='radio'][disabled]{opacity:0.5;}
input[type='checkbox'][disabled]{opacity:0.5;}
button[disabled]{opacity:0.5;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
/*input[placeholder], [placeholder], *[placeholder] {color:red !important;}*/
:-moz-placeholder { color:#fff}
::-webkit-input-placeholder {color:#fff;text-align:left;font-size:14px;}
.input_disc {-webkit-text-security:disc;}
body {overflow:auto;word-break:break-all;word-wrap:break-word;font-size:12px;font-family:'MalgunGothic', 'Nanum Gothic', 'Apple Gothic', 'Droid Sans','돋움','Dotum',sans-serif;/*-webkit-user-select:none;*/-webkit-text-size-adjust:none;}
th,td,input,select,textarea,button {font-size:14px;font-family:'MalgunGothic', 'Nanum Gothic', 'Apple Gothic', 'Droid Sans','돋움','Dotum',sans-serif;color:#222} /* color값은 디자인가이드에 맞게사용 */
select {-webkit-appearance:none;padding:6px 30px 6px 6px;text-align:center;font-size:14px;border:1px solid #ccc;border-radius:3px;background:#fff url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/mobile/common/bg_select.png) no-repeat 93% 50%;background-size:5px 4px}

a {display:inline-block;color:#333;text-decoration:none;vertical-align:middle;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}


input.i_input[type="text"],
input.i_input[type="number"],
input.i_input[type="tel"] {padding:6px 12px 6px 6px;text-align:left;font-size:14px;border:1px solid #ccc;border-radius:3px;background:#fff}

.hid_obj {display:none;}
.bg_gray {background:#f5f6f1;}

/* hr */
.hr_01 { display:block;border-size:1px 0 0 1px;border-style:solid;border-color:#dadada #fefefe #fefefe #fefefe;margin:2px 0; }
    

/* align */
.fl_l {float:left;}
.fl_r {float:right;}

.t_l {text-align:left}
.t_c {text-align:center}
.t_r {text-align:right}

.line14 {line-height:1.4}
.line16 {line-height:1.6}

/* font */
.f12 {font-size:12px !important}

/* color */
.col_orange {color:#ff6600 !important;}
.col_grey {color:#727272 !important;}
.col_grey2 {color:#bebebe !important;}
.col_grey3 {color:#949494 !important;}
.col_black {color:#262626 !important;}

/* margin/padding */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb0 {margin-bottom:0 !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px !important; }

.pt10 {padding-top:10px !important;}

/* flex */
.box_flex {display:-webkit-box}
.box_flex * {-webkit-box-flex:1;display:block;}
.box_flex select + select {margin-left:8px}
.box_flex .tell {width:55%}
.box_flex .devied {position:relative;top:8px;display:block;width:10px;text-align:center;}

.box_flex02 {-webkit-box-flex:1;display:block;}

.border_none { border:none !important }




.chk_wrap {position:relative;float:left;}
.chk_wrap input {position:absolute;left:-999px;width:18px;height:18px;}
.chk_wrap label {display:inline-block;height:18px;padding-left:23px;background:url('/images/mplus/bg_checkbox.gif') no-repeat 0 0;background-size:18px 36px;font-size:11px;line-height:18px;}
.chk_wrap.active label {background:url('/images/mplus/bg_checkbox.gif') no-repeat 0 -18px;background-size:18px 36px;}

input[type="radio"] {width:11px;height:11px;-webkit-appearance:none;background:url('/images/mplus/bg_radio.png') no-repeat 0 0;background-size:11px 24px}
input[type="radio"]:checked {background:url('/images/mplus/bg_radio.png') no-repeat 0 100%;background-size:11px 24px;}

#wrap { width:100%; }
#contents { margin-bottom:40px; }
    
/* 메인상단배너 */
.mtop_banner {width:100%;}
.mtop_banner a {display:block;margin:17px 5px 0 5px;border:8px solid #f5f6f1}
.mtop_banner img {width:100%;min-width:100%;}

/* 기본 배너 */
.banner_basic {position:relative;overflow:hidden;margin:0 10px 25px 10px;}
.banner_basic a { max-width:100%;text-align:center; }
.banner_basic a img { max-width:100%;}
.banner_basic a .pic { position:relative; }
.banner_basic a .pic .sale { position: absolute;right: 20px;bottom: 20px;background-color: #e10101;border-radius: 50%;width: 50px;height: 50px;line-height: 50px;color: #fff;font-weight: bold;font-family: Arial;text-align: center;font-size: 17px; }
.banner_basic a .pic_full img { width:100%; }
.banner_basic a .tit {padding-top:12px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px;color:#010101}
.banner_basic a .txt {padding-top:6px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:12px;color:#6a6a6a;height:14px;}
.banner_basic a .prdt-name {padding-top:12px;white-space:nowrap;font-weight:bold;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:13px;color:#010101;text-align:center; }
.banner_basic a .price {padding-top:5px;width:100%;display:inline-block;text-align:center;font-size:18px;color:#ff6600;font-weight:bold;height:18px;font-family:Arial;}
.banner_basic a .price span { font-size:12px;color:#6a6a6a;text-decoration:line-through;margin-right:10px; }

/* 2열 배너 */
.banner_basic.col2 {overflow:hidden;} 
.banner_basic.col2 li{float:left;width:50%;padding-top:25px;}
.banner_basic.col2 li a {text-align:center;}
.banner_basic.col2 li a .tit {}
.banner_basic.col2 li:nth-child(1) a, .banner_basic.col2 li:nth-child(3) a{margin-right:8px;}
.banner_basic.col2 li:nth-child(2) a, .banner_basic.col2 li:nth-child(4) a{margin-left:8px;}

/* 기본 배너 TYPE02 */
.banner_basic02 {position:relative;overflow:hidden;margin:10px 0 25px; }
.banner_basic02 li + li { margin-top:20px; }
.banner_basic02 a { max-width:100%;text-align:center; }
.banner_basic02 a.full { width:100%; }
.banner_basic02 a img { max-width:100%;}
.banner_basic02 a .pic_full img { width:100%; }
.banner_basic02 a .tit {padding-top:12px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px;color:#010101}
.banner_basic02 a .txt {padding-top:6px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:12px;color:#6a6a6a;height:14px;}
.banner_basic02 a .prdt-name {padding-top:12px;white-space:nowrap;font-weight:bold;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px;color:#010101;text-align:center; }
.banner_basic02 a .price {padding-top:12px;width:100%;display:inline-block;text-align:center;font-size:14px;color:#ff6600;font-weight:bold;height:14px;}
.banner_basic02 a .price span { font-size:12px;color:#a2a2a2;text-decoration:line-through;margin-right:10px; }

.banner_basic.col2 + .banner_basic.col2 {margin:0}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .banner_basic02 li { width:32%;margin-left:1%;display:inline-block;margin-bottom:20px; }
    .banner_basic02 li + li { margin-top:0; }
}
@media only screen and (min-width : 1224px) {
    .banner_basic02 li { width:32%;margin-left:1%;display:inline-block;margin-bottom:20px; }
    .banner_basic02 li + li { margin-top:0; }
}

.box_cont {text-align:center;margin-bottom:25px;padding:35px 13px 15px 13px;background-color:#f5f6f1}

/* 탭 스타일 */
.tab_basic {display:inline-block;overflow:hidden}
.tab_basic li {float:left;}
.tab_basic li a {padding-bottom:4px;}
.tab_basic li a.on {background:url(/images/common/bg_tab.png) no-repeat 50% 100%}
.tab_basic li a span {display:block;padding:7px 28px;border:1px solid #333;font-weight:bold;background-color:#fff}
.tab_basic li a.on span {color:#fff;background-color:#333}

/* roundbox */
.roundbox {position:relative;overflow:hidden;padding:17px 10px 20px;border-radius:5px;background:#fff;box-shadow:0 2px 3px #c1c1c1;}

/* 버튼 */
.btn_area {padding:0 10px;text-align:center;}
.btn_area .btn + .btn {margin-left:7px;}
.btn {display:inline-block;height:39px;border-radius:3px;text-align:center;font-size:14px;font-weight:bold;color:#fff;line-height:39px;}
.btn.btn_orange {border:1px solid #ee7023;background:#ff6600;}
.btn.btn_gray { background:#a0a0a0;}
.btn.btn_gray2 { background:#dbdbdb;}
.btn.btn_gray3 {height:25px;padding:0 15px;background:#6e6e6e;font-size:13px;line-height:25px;}
.btn.btn_gray4 { background:#3a3a3a; }
.btn.btn_black { background:#373737;}
.btn.br_484848 {height:31px;padding:0 8px;border:1px solid #484848;background:#fff;font-size:12px;color:#2b2b2b;line-height:31px;text-align:center;}
.btn.br_6e6e6e { border:1px solid #9e9e9e;background-color:#fff;color:#9e9e9e; }
.btn.br_ff6600 { border:1px solid #ff6600;background-color:#fff;color:#ff6600; }
.tog_btn {height:23px;background:#fff;border:1px solid #ccc;font-size:11px;color:#333;line-height:23px;}
.tog_btn.active {background:#626262;color:#fff;}

.btn_area.btn_area02 { padding:10px 0;display:-webkit-box; }
.btn_area.btn_area02 .btn.btn_orange { display:block;-webkit-box-flex:1;height:31px;line-height:31px;padding:0 22px;}


/* paging */
.paging {margin-top:20px;padding:0 15px;text-align:center;}
.paging > a {display:inline-block;width:34px;height:32px;overflow:hidden;line-height:99px;}
.paging .prev {margin-right:2px;background:url(/images/common/btn_prev.png) no-repeat;background-size:100% auto;}
.paging .next {margin-left:2px;background:url(/images/common/btn_next.png) no-repeat;background-size:100% auto;}
.paging ul {display:inline;}
.paging ul li {display:inline;margin:0 1px;}
.paging ul li a {width:32px;height:30px;border:1px solid #e5e5e5;border-radius:3px;text-align:center;font-size:14px;font-weight:bold;color:#c3c3c3;line-height:30px;}
.paging ul li a.active {color:#424242;}

/* 타이틀 */
.tit_hotdeal {margin-bottom:12px;display:block;text-align:center; }
.tit_hotdeal img { max-width:100%; }
.tit_mainbnr {margin:20px 0;display:block;text-align:center; }
.tit_mainbnr img { max-width:100%; }



/* 리스트 */
p.info {margin-top:15px;color:#919191;line-height:1.5;}


/* 상단검색 */
.t_select {margin:0 -10px 0 -10px;padding:8px;background-color:#f5f6f1;}

/* tit_type1 */
.tit_type1 {font-size:14px;color:#4b4b4b;}
.tit_type1.line {margin-top:10px;padding-top:10px;border-top:1px solid #dcddd8}
.tit_type2 {font-size:14px;color:#ff6600;}
.tit_type3 {font-size:13px;color:#333;}

/* 상품리스트 */
.prod_list {padding:0 4px}
/* .prod_list * {display:block;} */
.prod_list ul {}
.prod_list ul li {display:-webkit-box;padding:0 0 10px;border-bottom:1px solid #e5e5e5;min-height:100px; }
.prod_list ul li + li { padding-top:22px; }
.prod_list ul li a {position:relative;-webkit-box-flex:1;width:100%;display:block; }
.prod_list ul li a p { margin-left:110px; }
.prod_list ul li a .pic { position:absolute;left:0;top:0;margin:0;width:98px;height:98px;border:1px solid #dadada;text-align:center; }
.prod_list ul li a .pic img { max-width:98px;max-height:98px; }
.prod_list ul li a .pic.dvd { text-align:center; }
.prod_list ul li a .pic.dvd img {width:66%;min-width:66%;margin:0 auto;}
.prod_list ul li a .brand {margin-top:7px;font-size:12px;color:#a2a2a2}
.prod_list ul li a .tit {margin-top:7px;min-height:36px;color:#333;line-height:1.5;height: 20px;overflow: hidden;}
.prod_list ul li a .price {margin-top:13px;font-size:11px;color:#333;}
.prod_list ul li a .price .sale{display:inline-block;color:#ff6600}

/* 상품상세 */
.detail_wrap {margin:0;font-size:12px;padding:55px 0 100px;}

.detail_wrap .tit {padding:7px 15px 6px;border-bottom:1px solid #eaeaea;line-height:1.6;background-color:#f3f4f1;}
.detail_wrap .tit h2 {font-size:15px;color:#6a6a6a;}
.detail_wrap .tit .event { color:#ff6600; }

.detail_wrap .visual {padding:20px 5px;text-align:center;position:absolute; }
.detail_wrap .visual .cate {display:block;margin-bottom:7px;font-size:13px;color:#b1b1b1;}
.detail_wrap .visual .cate a {display:block;margin-bottom:7px;font-size:13px;color:#b1b1b1;}

.detail_wrap .visual { position:absolute;padding: 10px;width:150px; }
.detail_wrap .visual .swiper-container { overflow:hidden; }
.detail_wrap .visual .swiper-container .swiper-wrapper { height:auto !important; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide {position:relative;float:left;width:100%;text-align:center;height:auto !important; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide a { width:100%;margin-top:5px; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide em { position:absolute;left:0;top:0;width:100%;background-color:#fff;text-align:left; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide em img { height:10px;max-width:100%; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide span img { max-width:100%;height:150px;display:block;margin-top:12px; }
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide .tit {padding-top:12px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:14px;color:#010101}
.detail_wrap .visual .swiper-container .swiper-wrapper .swiper-slide .txt {padding-top:6px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:12px;color:#6a6a6a;height:14px;}
.detail_wrap .visual .pagination {  text-align: displ;position: absolute;width: 100%;left: 0;bottom: 65px; }
.detail_wrap .visual .pagination .swiper-pagination-switch {display:inline-block;width:10px;height:10px;overflow:hidden;margin:0 3px;background:url(/images/mplus/btn_pagination01.png) no-repeat;background-size:100% auto;}
.detail_wrap .visual .pagination .swiper-active-switch {background-position:0 -10px;}
/*
.detail_wrap .visual .swiper-container {width:150px;height:150px;text-align:center;overflow:hidden;margin:0 auto;}
.detail_wrap .visual .swiper-container span { text-align:center;width:125px;height:125px; }
.detail_wrap .visual .swiper-container span > img { max-height:125px;max-width:125px; }
.detail_wrap .visual .swiper-container a { display:block;vertical-align:middle;font-weight:bold;color:#ff6600;margin-top:10px; }
.detail_wrap .visual .pagination {text-align:center;}
.detail_wrap .visual .pagination .swiper-pagination-switch {display:inline-block;width:10px;height:10px;overflow:hidden;margin:0 3px;background:url(/images/common/btn_pagination.png) no-repeat;background-size:100% auto;}
.detail_wrap .visual .pagination .swiper-active-switch {background-position:0 -10px;}
*/

.detail_wrap .base-info { position:relative;margin-left:170px;padding:20px 10px 20px 0;min-height:100px; }
.detail_wrap .base-info dl { position:relative;line-height:15px; }
.detail_wrap .base-info dl + dl { margin-top:5px; }
.detail_wrap .base-info dt { position:absolute;left:0;top:2px;clear:both;margin-bottom:4px;color:#6e6e6e;font-weight:bold;font-size:11px;letter-spacing:-1px; }
.detail_wrap .base-info dd { margin-bottom:4px;color:#4b4b4b;display:block;margin-left:60px; }
.detail_wrap .base-info dd.tit { line-height:1.6em;font-weight:bold;font-size:13px; }

.detail_wrap .base-info .discount { line-height:1.6em; }
.detail_wrap .base-info .discount dd { color:#ff6600; }
.detail_wrap .base-info .discount dd strong { font-size:1.2em; }

.detail_wrap .base-info dd .tooltip_wrap {display:inline-block;position:relative;}
.detail_wrap .base-info dd .tooltip_wrap .btn_tooltip {display:inline-block;position:relative;top:-1px;width:11px;height:11px;background:#898989;text-align:center;font-size:10px;color:#fff;line-height:11px;vertical-align:middle;}
.detail_wrap .base-info dd .btn_tel { display: inline-block;background: url(/images/mplus/bg_customer_tel.png) #ff6600 no-repeat center center;width:24px;height:24px;border-radius:12px;text-indent:-999px;overflow:hidden;background-size: 19px;margin-left:5px; }

.detail_wrap .layer-stock { padding:10px;position:relative;background-color:#f1f2f3;display:none;height:200px;overflow:auto;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada; }
.detail_wrap .layer-stock.active { display:block; }
.detail_wrap .layer-stock h5 { padding: 0 10px;border-bottom: 2px solid #dadada;margin-bottom: 10px;font-size: 14px; }
.detail_wrap .layer-stock dl { height:30px;position:relative;padding:0 15px; }
.detail_wrap .layer-stock dt { position:absolute;left:15px;top:0;clear:both;margin-bottom:4px;color:#6e6e6e;font-weight:bold; }
.detail_wrap .layer-stock dd { margin-left:150px; }
.detail_wrap .layer-stock dd .btn_tel { display: inline-block;background: url(/images/mplus/bg_customer_tel.png) #ff6600 no-repeat center center;width:24px;height:24px;border-radius:12px;text-indent:-999px;overflow:hidden;background-size: 19px;margin-left:5px; }

.detail_info { border-top:1px solid #eaeaea; }
.detail_info .tit {padding:7px 15px 6px;border-bottom:1px solid #eaeaea;line-height:1.6;}
.detail_info .tit h2 {font-size:15px;color:#333;}
.detail_info .tit .event { color:#ff6600; }

.detail_info .info_tab { display: -webkit-box; }
.detail_info .info_tab a { -webkit-box-flex: 1;display: block;text-align: center;line-height: 50px;border-bottom:1px solid #eaeaea;font-weight:bold; }
.detail_info .info_tab a + a { border-left:1px solid #eaeaea; }
.detail_info .info_tab a.active { background-color:#9e9e9e;color:#fff; }

.detail_info .info {padding:10px 0;line-height:25px;font-size:13px;display:none; }
.detail_info .info.active { display:block; }
.detail_info .info.bggray { background-color:#f1f2f3; }
.detail_info .info:after {content:'';display:block;clear:both;}
.detail_info .info .sect + .sect { position:relative;border-top:1px solid #eaeaea; margin-top:11px;padding-top:11px; }
.detail_info .info dl { position:relative;padding:0 15px; }
.detail_info .info dt { position:absolute;left:15px;top:0;clear:both;margin-bottom:4px;color:#6e6e6e;font-weight:bold;}
.detail_info .info dd { margin-left:140px;margin-bottom:4px;color:#4b4b4b;display:block;}
.detail_info .info dd.discount {color:#ff6600;}
.detail_info .info dd .tooltip_wrap {display:inline-block;position:relative;}
.detail_info .info dd .tooltip_wrap .btn_tooltip {display:inline-block;position:relative;top:-1px;width:11px;height:11px;background:#898989;text-align:center;font-size:10px;color:#fff;line-height:11px;vertical-align:middle;}
.detail_info .info dd .btn_tel { display: inline-block;background: url(/images/mplus/bg_customer_tel.png) #ff6600 no-repeat center center;width:24px;height:24px;border-radius:12px;text-indent:-999px;overflow:hidden;background-size: 19px;margin-left:5px; }
.detail_info .info .inner { padding:10px 20px;position:relative;background-color:#f1f2f3;display:none;height:200px;overflow:auto;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;margin-bottom: -12px; }
.detail_info .info .inner.active { display:block; }
.detail_info .info .inner h5 { padding: 0 10px;border-bottom: 2px solid #dadada;margin-bottom: 10px;font-size: 14px; }
.detail_info .info .inner dl { height:30px; }
.detail_info .info .inner dd { margin-left:150px; }

.detail_info .info .tracks dt { width:40px;}
.detail_info .info .tracks dt.cdno { width:100%;position:relative;left:0;top:0;font-weight:bold; }
.detail_info .info .tracks dd { margin-left:40px;margin-right:80px; }
.detail_info .info .tracks dd.auth { position:absolute;right:10px;top:0;width:60px; }


.detail_info .info .sellpt_area {  }
.detail_info .info .sellpt_area h5 { padding-left: 10px;font-size: 15px;border-bottom:1px solid #c8c8c8;letter-spacing:2px;line-height:30px;margin-bottom:10px; }
.detail_info .info .sellpt_area .vndr_noti { padding: 10px 10px 10px 50px; background: #fff; border: 1px solid #dadada;margin:0 5px 5px; border-radius: 2px;box-shadow: 1px 1px 4px #dadada;background:url('/images/mplus/txt_tip.gif') #fff 10px 12px no-repeat;line-height: 20px; }

.detail_info .info .sellpt_list { position:relative;padding:0; }
.detail_info .info .sellpt_list dl { padding:10px 0 0;line-height:1.5;position:relative;max-width:90%;min-height:40px;background: url('/images/mplus/bg_talk_arrow_l.png') 59px 40px no-repeat; }
.detail_info .info .sellpt_list dl .photo { position: absolute;left: 10px;top: 15px;width: 60px;height: 45px;/* border-radius: 30px; */overflow: hidden; }
.detail_info .info .sellpt_list dl .photo img { width:45px;height:45px;border-radius:30px; }
.detail_info .info .sellpt_list dl .writer { margin-left:70px;font-size:11px; }
.detail_info .info .sellpt_list dl .cont { margin-left:70px;margin-top:5px;border-radius:5px;padding:10px 20px;background:url('/images/mplus/bg_talk_arrow_l.png') #fff no-repeat -10px 5px; }
.detail_info .info .sellpt_list dl .date { text-align:right;margin-top:0;color:#aeaeae;font-size:11px; }

.detail_info .info .sellpt_list .sellpt_item .sellpt_hist { display:none;background-color:#e3e5e6;border-top:1px solid #dadada;border-bottom:1px solid #dadada;position:relative;padding-bottom:20px;padding-top:5px;box-shadow:0 -1px 5px #dadada; }
.detail_info .info .sellpt_list .sellpt_item.active .sellpt_hist { display:block; }
.detail_info .info .sellpt_list .sellpt_item .sellpt_hist dl { padding:0;background: url('/images/mplus/bg_talk_arrow_l.png') 59px 8px no-repeat; }
.detail_info .info .sellpt_list .sellpt_item .sellpt_hist .photo { background-position: right 0; }
.detail_info .info .sellpt_list .sellpt_item .btn_fold { position:absolute;right:0;bottom:0;display: block;width: 30px;height: 20px;overflow: hidden;background: url('/images/mplus/btn_arrow_up.png') no-repeat center center;text-indent: -999px; }

.detail_info .info .sellpt_write { background-color:#fff;margin:0 0 -10px 0;padding:5px 10px;border-top: 1px solid #e9e9e9;box-shadow: 0px -1px 3px #eaeaea;-moz-box-shadow: 0px -1px 3px #eaeaea;-webkit-box-shadow: 0px -1px 3px #eaeaea; }
.detail_info .info .sellpt_write .amount {display:block;margin-left:10px;margin-bottom:12px;padding-left:30px;background:url(/images/mplus/bg_comment.png) no-repeat;background-size:23px 19px;font-size:13px;line-height:19px;}
.detail_info .info .sellpt_write .write_box { display:-webkit-box;width:100%;text-align:center;position:relative; }
.detail_info .info .sellpt_write .write_box .textarea { height:20px;margin-left:10px;margin-right:80px;display:block;-webkit-box-flex:1;padding:10px;border:1px solid #d3d3d3;border-radius:3px;resize:none; }
.detail_info .info .sellpt_write .write_box .btn_reg { position:absolute;right:10px;width:60px;background-color:#ff6600;line-height:42px;height:42px; }

.detail_info .btn_area {padding-bottom:10px;}
.detail_info .btn_area .detail_coupon {display:inline;padding-right:20px;background: url(/images/content/bg_coupon.png) no-repeat 100% center;background-size: 13px 11px;}

.detail_input {padding:5px 0 5px;border:1px solid #e0e1de;background:#f5f6f1;}
.detail_input .sns {position:relative;height:31px;padding:6px 15px 0;margin-bottom:18px;}
.detail_input .sns a { text-indent:-9999;margin-left:13px; }
.detail_input .sns a:first-child {margin-left:0;}
.detail_input .sns .twitter {width:35px;height:35px;background:url(/images/season01/sns_twitter.png) no-repeat;background-size:100% auto;}
.detail_input .sns .facebook {width:35px;height:35px;background:url(/images/season01/sns_facebook.png) no-repeat;background-size:100% auto;}
.detail_input .sns .kakao {width:35px;height:35px;background:url(/images/season01/sns_kakao.png) no-repeat;background-size:100% auto;}
.detail_input .sns .like {display:inline-block;position:absolute;top:5px;right:15px;height:35px;padding:0 8px 0 35px;background:url(/images/content/ico_like.png) #fff no-repeat 8px 9px;background-size:17px 18px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;color:#979797;line-height:35px;}

.detail_input .cvsl_btn_area { display: -webkit-box;text-align: center;padding:0 0 20px; }
.detail_input .cvsl_btn_area a { background: #373737;-webkit-box-flex: 1;display: block;height: 39px;border-radius: 3px;text-align: center;font-size: 14px;font-weight: bold;color: #fff;line-height: 39px; }

.detail_input .order_input {padding:0 15px;}
.detail_input .order_input select.select_black {width:100%;margin-bottom:15px;border:0;background:url(/images/common/bg_select_black.png) #393939 no-repeat 93% center;background-size:11px 5px;text-align:center;color:#fff;}
.detail_input .order_input select option {background:#fff;color:#ababab;}
.detail_input .order_input .textarea_wrap {padding:0 22px 0 0;}
.detail_input .order_input .textarea_wrap textarea {width:100%;height:45px;margin-bottom:15px;padding:10px;border:1px solid #e5e5e5;font-size:14px;color:#ababab;resize:none;}
.detail_input .order_input .count {position:relative;margin-bottom:20px;padding:0 47px 0 45px;}
.detail_input .order_input .count input[type="text"] {width:100%;height:30px;border:1px solid #e5e5e5;text-align:center;font-size:16px;color:#424242;}
.detail_input .order_input .count button[type="button"] {position:absolute;top:0;width:41px;height:32px;text-indent:-9999px;}
.detail_input .order_input .count .down {left:0;background:url(/images/content/btn_down.png) no-repeat;background-size:100% auto;}
.detail_input .order_input .count .up {right:0;background:url(/images/content/btn_up.png) no-repeat;background-size:100% auto;}
.detail_input .amount_price {overflow:hidden;margin-bottom:20px;padding:6px 15px 6px;border-top:1px solid #e0e1de;border-bottom:1px solid #e0e1de;}
.detail_input .amount_price dt {float:left;padding-top:2px;font-size:14px;font-weight:bold;color:#858585;}
.detail_input .amount_price dd {float:right;font-size:18px;font-weight:bold;color:#ff6600;}

.detail_input .cvsl_cont { overflow:hidden;margin-bottom:20px; }
.detail_input .cvsl_cont dl { display:-webkit-box;font-size:14px;padding:7px 15px; }
.detail_input .cvsl_cont dl.bg_white { background-color:#fff; }
.detail_input .cvsl_cont dt { font-weight:bold;color:#858585;-webkit-box-flex:1;}
.detail_input .cvsl_cont dd { font-weight:bold;color:#3a3a3a;-webkit-box-flex:1;text-align:right; }

.detail_tab {margin:0 0 30px;}
.detail_tab ul {height:28px;border-bottom:1px solid #000;}
.detail_tab li {float:left;width:33%;margin-left:-1px;}
.detail_tab li:nth-child(2) {width:34%;} 
.detail_tab li a {display:block;height:26px;border-top:2px solid #c2c2c2;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;background:#fff;text-align:center;font-size:14px;color:#c2c2c2;line-height:26px;}
.detail_tab li a.on {position:relative;height:27px;border-color:#000;color:#393939;z-index:2;font-weight:bold;}

.detail_order { position: fixed;left:0;bottom: 0;margin: 0;padding:5px 0;width: 100%;z-index:999;background-color:#fff;border-top: 1px solid #e9e9e9;box-shadow: 0px -1px 3px #eaeaea;-moz-box-shadow: 0px -1px 3px #eaeaea;-webkit-box-shadow: 0px -1px 3px #eaeaea; }
.detail_order .like { background: url('/images/content/ico_like.png') no-repeat left 50%;background-size: 15px 15px;padding-left: 17px;display: -webkit-inline-box; }
.detail_order .btn { height:36px;line-height:36px; }
/* 상품상세 */

.tab_cont {padding-bottom:18px;font-size:12px;color:#a0a0a0;}
.tab_cont .txt_list {padding:0 15px 15px;line-height:1.6;}
.accordion {margin-bottom:18px;border-top:1px solid #f2f2f2;}
.accordion > li {}
.accordion > li > a {display:block;padding:10px 45px 10px 15px;border-bottom:1px solid #f2f2f2;background:url(/images/common/bg_accordion.png) #fff no-repeat 95% 14px;background-size:14px 5px;font-size:13px;font-weight:bold;color:#858585;}
.accordion > li .cont {display:none;padding:15px 15px 15px;background:#f5f6f1;font-size:12px;color:#919191;line-height:1.5;}
.accordion > li .cont:after {content:'';display:block;clear:both;}
.accordion > li > a.on + .cont {display:block;}
.tab_cont .info_wrap {display:block;margin-top:8px;padding:0 15px;text-align:center;font-size:11px;}
.accordion.review {margin-top:25px;}
.accordion.review li a {overflow:hidden;background:none;padding:10px 15px; }
.accordion.review li a .tit {display:block;float:left;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.accordion.review li a .writer {float:right;font-size:10px;font-weight:normal;color:#aeaeae;line-height:16px;}
.accordion.review .grade_star {margin-bottom:10px;}
.tab_cont .paging {margin-bottom:12px;}


/* 게시글목록 */
.board_list { }
.board_list ul {  }
.board_list ul li { padding:5px 10px 17px;border-bottom:1px solid #e5e5e5; }
.board_list ul li + li { padding-top:17px;background-color:#f1f2f3; }
.board_list ul li dl { position:relative;display:block;width:100%; }
.board_list ul li dl + dl { margin-top:10px; }
.board_list ul li dl dt { position:absolute;left:0;top:0;width:100px;font-weight:bold; }
.board_list ul li dl dd { margin-left:110px;line-height:17px;color:#5a5a5a; }

/* my hottracks */
.br_list {  }
.br_list li {display:-webkit-box;overflow:hidden;padding:10px 5px 10px;color:#8c8c8c;}
.br_list li + li { border-top:1px solid #eaeaea;line-height:20px; }
.br_list li.br_none {margin-top:-20px;border-top:0;}
.br_list li.br_none02 {margin-top:-10px;border-top:0;}
.br_list li.info_type {display:block;}
.br_list li.line {border-top:2px solid #2e2e2e}
/*.br_list li .fl_l {float:left}*/
.br_list li .fl_l {-webkit-box-flex:1;float:none;display:block;width:90px;}
.br_list li .fl_r {-webkit-box-flex:1;float:none;display:block;text-align:right;}
.br_list li .name {display:block;text-align:right;margin-top:5px;}
.br_list li .name:first-child {margin-top:0;}
.br_list li strong.tit {display:inline-block;width:65px;color:#414141}
.br_list li span.price {display:inline-block;width:50px;padding-right:4px;text-align:right;overflow:hidden;white-space: nowrap;}
.br_list li span.count {display:inline-block;width:auto;padding:0}
.br_list li a.btn_gray {display:inline-block;margin-left:5px;font-size:12px;height:auto;line-height:1;padding:5px;background-color:#666}
.roundbox + .order_price {margin-top:20px;margin-bottom:30px;}

.br_wrap {margin:10px -10px 10px;border-top:1px solid #dcddd8;}
.br_wrap .inner {padding:10px 10px;border-top:3px solid #fff;}
.tog_area .select {margin-left:4px;padding:3px 12px 2px 6px;}
.tog_area a + a {margin-left:4px;}

/* 장바구니 */
.w_top {margin:0 -10px 15px;padding:10px;border-bottom:1px solid #e5e5e5;background:#fff; }
.w_top p {margin-top:8px;font-size:11px;color:#949494;line-height:1.5;}
.br_list .count {position:relative;margin:-5px 0;padding:0 34px;}
.br_list .count input[type=text] {position:relative;height:21px;border:1px solid #e5e5e5;text-align:center;font-size:14px;color:#424242;}
.br_list .count button { width:29px;height:23px;text-indent:-9999px;}
.br_list .count .down { background:url(/images/content/btn_down2.png) no-repeat;background-size:29px 23px;}
.br_list .count .up { background:url(/images/content/btn_up2.png) no-repeat;background-size:29px 23px;}
.btn_order {margin-top:13px;padding-top:13px;border-top:1px solid #ccc;text-align:center;}
.btn_order a {height:25px;padding:0 12px;min-width:45px;border-radius:2px;font-size:13px;line-height:25px;}
.p_name {overflow:hidden;}
.p_name .chk_wrap {float:left;}
.p_name a {display:block;margin-left:29px;}
.p_name a .thumb {float:left;width:75px;height:75px;}
.p_name a .thumb img {width:75px;height:75px;}
.p_name a .name {margin-left:86px;}
.p_name a .name em {display:block;padding-bottom:3px;font-size:11px;color:#bdbdbd}
.p_name a .name strong {display:block;color:#7e7e7e;line-height:1.3;}
.p_name a .name span {margin-top:5px;font-size:11px;color:#ff6600;display:block;}

.p_name.p_name02 a {margin-left:0}

/* layer */
#layer {background:#f5f6f1;color:#919191;}
#ly_header {height:40px;border-bottom:3px solid #ff7800;background:#2b2b2b;text-align:center;font-size:20px;color:#fff;}
#ly_header h1 {font-size:16px;color:#fff;line-height:40px;}
#ly_content {padding:14px 10px 15px;}
#ly_content .btn_cls {position:absolute;top:0;right:0;width:40px;height:40px;overflow:hidden;background:url(/images/mplus/btn_layer_cls.gif) no-repeat;background-size:100% auto;line-height:999px;}
#ly_content .btn_area {padding:0 10px;}
#ly_content .input_wrap {padding-right:28px;}
#ly_content .login_wrap { height:auto; }
#ly_content .login_wrap input.log_id, #ly_content .login_wrap .log_pw {width:100%;height:30px;padding:0 13px;border:1px solid #d3d3d3;border-radius:3px;font-size:12px;line-height:13px; }
#ly_content .login_wrap li { padding-right:0; }
#ly_content .login_wrap .log_id {margin-bottom:7px;}
#ly_content .login_wrap .log_pw {margin-bottom:13px;}
#ly_content .login_wrap .chk_wrap + .chk_wrap { padding-left:20px; }
#ly_content .login_wrap .btn_login {float:right;height:29px;padding:0 23px;border:1px solid #f05f07;border-radius:3px;background:#ff6600;font-size:14px;color:#fff;line-height:29px;}

.toggle-layer { position: absolute;margin: 2%;width: 96%;left: 0;z-index: 15;display: none;background: #f5f6f1;color: #919191;border: 2px solid #2b2b2b;border-radius:5px; }

dl.rating_star + dl.rating_star {margin-top:20px;}

#ly_content.customer .num {display:block;height:24px;overflow:hidden;margin-top:10px;background:url(/images/content/txt_customer_num02.png) no-repeat;background-size:152px 24px;line-height:99px;}
#ly_content.customer p {margin:8px 0 10px;font-size:11px;font-weight:bold;color:#757575;line-height:1.5;}
#ly_content.customer .customer_tel {display:inline-block;padding-right:24px;background:url(/images/content/bg_customer_tel.png) no-repeat 100% center;background-size:19px 14px;}
#ly_content.customer .tog_area a {width:50%;}
#ly_content.customer .accordion {margin:15px -10px 0;}
.accordion li a:after {content:'';display:block;clear:both;}
.accordion li a .question {width:11px;float:left;background:url(/images/content/txt_question.png) no-repeat 0 1px;background-size:11px 13px;text-indent:-9999px;}
.accordion li a strong {display:block;margin-left:17px;}
.accordion li .cont .answer {width:11px;float:left;background:url(/images/content/txt_answer.png) no-repeat 0 1px;background-size:11px 13px;text-indent:-9999px;margin-top:6px;}
.accordion li .cont .answer + div {display:block;margin-left:17px;}

.conditions_box {height:65px;margin:10px 0 5px;padding:10px;overflow-y:auto;border:1px solid #d3d3d3;border-radius:3px;}

/* form */
.textarea_box {display:-webkit-box;width:100%;text-align:center}
.textarea_box .textarea {display:block;-webkit-box-flex:1;width:100%;padding:10px;border:1px solid #d3d3d3;border-radius:3px;resize:none}
.radio_box {}

.input_box {display:-webkit-box;width:100%;text-align:center}
.input_box .input {display:block;-webkit-box-flex:1;width:100%;padding:10px;border:1px solid #d3d3d3;border-radius:3px;resize:none}
.input_box .input + .input { margin-left:10px; }

.loadingbar { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png'); }
.loadingbar img { position:absolute;left:50%;top:50%;color:#FFF;width:40px;height:40px;margin-left:-20px;margin-top:-20px; }

/* 20150520*/
#header {z-index:15;position:relative;width:100%;background-color:#fff}
#header:after {display:block;content:'';clear:both;}
#util {z-index:10;position:relative;width:100%;margin-top:84px; }
#util:after {display:block;content:'';clear:both;}
#content {z-index:5;position:relative;padding:10px;min-height:200px;margin-top:75px;}
#content:after {display:block;content:'';clear:both;}


/* header */
#mMain { position:relative;height: 100%;/*margin-right:60px; */ }
#mMain .logo { padding-top:50px;margin:0 auto;text-align:center; }
#mMain .store_tit { display: inline-block;font-size: 50px;color: #fff;letter-spacing: -1px;font-weight: bold; }

.time_box {
    width: 205px;
    heihgt:50px;
    margin: 20px auto;
    font-size: 50px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.time_box ul li { float:left; }
.time_box ul li + li { /* margin-top:-5px; */ }
.time_box ul li + li:before { content:':' }

#btnScanR { position: fixed;display:block;/* left: calc(50% - 60px); */ top: 40px;z-index: 1;height:100%;width: 60px;background: url('/images/mplus/bg_layer01.png');text-align: left;overflow-y:auto; }
#btnScanR.EMP { background: url('/images/mplus/bg_layer_orange.png');left: calc(50% - 60px); }
#btnScanR.VNDR { background: url('/images/mplus/bg_layer_blue.png'); right:0;}
#btnScanR.LOCALVNDR { background: url('/images/mplus/bg_layer_blue.png');left: calc(50% - 60px); }
#btnScanR a { width:100%;height:60px;border-radius:0;display:block;-webkit-box-flex:1;padding-top:45px;text-align:center;color:#fff;font-weight:bold; }
#btnScanR a + a { margin-top:15px; }
#btnScanR a.btn_employee { background:url('/images/mplus/ic_people.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_logout { background:url('/images/mplus/ic_power.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_home { background:url('/images/mplus/ic_home.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_info { background:url('/images/mplus/ic_info.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_dnote { background:url('/images/mplus/ic_dnote.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_suggest { background:url('/images/mplus/ic_suggest.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_voice { background:url('/images/mplus/ic_mic.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_scan { background:url('/images/mplus/ic_qrcode.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_event { background:url('/images/mplus/ic_event.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_md { background:url('/images/mplus/ic_md.png') no-repeat center 10px;background-size:30px; }
#btnScanR a.btn_plor { background:url('/images/mplus/ic_dnote.png') no-repeat center 10px;background-size:30px; }
#btnScanR a:last-child { margin-bottom:20px; }
#btnScanR a img { display:block;height:30px;padding:10px 5px; }

#mMain #searchFrm { position: relative;margin: 35px 10px;z-index: 100;text-align: left; }
#mMain #searchArea { border: 2px solid #fff;padding: 5px 48px 5px 15px;border-radius: 42px; }
#mMain #searchArea .s_gbn { display:block;position:absolute;left:14px;top:10px;width: 77px;height: 25px;line-height: 15px;color:#fff;font-size: 17px;padding: 5px;background: url(/images/mplus/bg_select_black.png) no-repeat 93% center;background-size: 15px; }
#mMain #searchArea .s_box { margin-left:70px; }
#mMain #searchArea #searchTerm { width:100%; }
#mMain #searchArea .s_input { font-size: 13px;background: url(/images/mplus/bg_input.gif) repeat-x 0 0;border: 0;color: #fff;height: auto;line-height: 120%;padding: 7px 5px;width:100%;box-sizing:border-box; }
#mMain #searchArea .s_submit { display: block;position: absolute;top: 0;right: 3px;width: 42px;height: 42px;background: url(/images/mplus/btn_search_white.png) no-repeat 50% 50%;background-size: 19px 19px;color: transparent;overflow: hidden; }
.srch_layer { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png');display:none; }
.srch_layer .gbn_box {
    position: absolute;
    left: calc(50% - 135px);
    top: calc(50% - 150px);
    width: 270px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    overflow:hidden;
}
.srch_layer .gbn_box h5 { display:block;padding:10px;background-color:#ff7900;color:#fff;font-size:17px; }
.srch_layer .gbn_box .layer_cont { max-height:280px;overflow:auto; }
.srch_layer .gbn_box label { display:block;line-height:20px;font-size:15px;padding:15px; }
.srch_layer .gbn_box label + label { padding-top:0; }
.srch_layer .gbn_box label span { padding-left:10px; }
.srch_layer .gbn_box .btn_tel { display: inline-block;background: url(/images/mplus/bg_customer_tel.png) #ff6600 no-repeat center center;width:24px;height:24px;border-radius:12px;text-indent:-999px;overflow:hidden;background-size: 19px;margin-left:5px; }

#mMain .info_layer { position: relative;margin:20px 5px; }
#mMain .info_layer .gbn_box {
    position: relative;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    overflow:hidden;
}
#mMain .info_layer .gbn_box h5 { display:none;padding:10px;background-color:#ff7900;color:#fff;font-size:17px; }
#mMain .info_layer .gbn_box .layer_cont { max-height:280px;overflow:auto; }
#mMain .info_layer .gbn_box label { display:block;line-height:20px;font-size:15px;padding:15px; }
#mMain .info_layer .gbn_box label + label { padding-top:0; }
#mMain .info_layer .gbn_box label span { padding-left:10px; }
#mMain .info_layer .gbn_box .btn_tel { display: inline-block;background: url(/images/mplus/bg_customer_tel.png) #ff6600 no-repeat center center;width:24px;height:24px;border-radius:12px;text-indent:-999px;overflow:hidden;background-size: 19px;margin-left:5px; }

#mSearch #searchFrm { position: fixed;left:0;top:0;z-index:998;height:55px;width:100%;background-color:#ff6600;text-align: left; }
#mSearch #searchFrm.VNDR { background-color:#2682ea; }
#mSearch #searchArea { padding: 5px 50px 13px 95px; }
#mSearch #searchArea .logo { display:block;position:absolute;left:10px;top:10px;width:38px;height:38px; }
#mSearch #searchArea #searchGbn { display:block;position:absolute;left:10px;top:10px;width: 65px;height: 22px;line-height: 22px;color:#fff;font-size: 17px;padding: 6px 5px;background: url('/images/mplus/bg_select_black.png') #393939 no-repeat 93% center;background-size: 15px;border-radius: 2px; }
#mSearch #searchArea #searchTerm { width:100%; } 
#mSearch #searchArea .s_input { font-size: 17px;background: url(/images/mplus/bg_input.gif) repeat-x 0 0;border-width: 0 0 1px 0;color: #fff;height: auto;line-height: 20px;padding: 11px 5px 5px 5px;width:100%;box-sizing:border-box; }
#mSearch #searchArea .s_submit { display: block;position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url(/images/mplus/btn_search_white.png) no-repeat 50% 50%;background-size: 25px;color: transparent;overflow: hidden; }
#mSearch .srch_gbn_layer { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png');display:none; }
#mSearch .srch_gbn_layer .gbn_box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    margin-left: -125px;
    margin-top: -60px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    overflow:hidden;
}
#mSearch .srch_gbn_layer .gbn_box strong { display:block;padding:10px;background-color:#ff7900;color:#fff;font-size:17px; }
#mSearch .srch_gbn_layer .gbn_box label { display:block;line-height:20px;font-size:15px;padding:15px; }
#mSearch .srch_gbn_layer .gbn_box label + label { padding-top:0; }
#mSearch .srch_gbn_layer .gbn_box label span { padding-left:10px; } 

#btnScan { position: fixed;display:-webkit-box;left:0;bottom:40px;z-index:997;height:65px;width:calc(100% - 35px);padding-right:35px;background:url('/images/mplus/bg_layer02.png');text-align: left; }
#btnScan.EMP { background:url('/images/mplus/bg_layer_orange02.png'); }
#btnScan.VNDR { background:url('/images/mplus/bg_layer_blue02.png'); }
#btnScan a { width:33%;display:block;-webkit-box-flex:1;padding-top:45px;text-align:center;color:#fff;font-weight:bold; }
#btnScan a + a { margin-left:-1px;border-left:1px solid #f1f2f3; }
#btnScan a.btn_home { background:url('/images/mplus/ic_home.png') no-repeat center 10px;background-size:30px; }
#btnScan a.btn_voice { background:url('/images/mplus/ic_mic.png') no-repeat center 10px;background-size:30px; }
#btnScan a.btn_scan { background:url('/images/mplus/ic_qrcode.png') no-repeat center 10px;background-size:30px; }
#btnScan a.btn_employee { background:url('/images/mplus/ic_people.png') no-repeat center 10px;background-size:30px; }
#btnScan a.btn_logout { background:url('/images/mplus/ic_power.png') no-repeat center 10px;background-size:30px; }
#btnScan a img { display:block;height:30px;padding:10px 5px; }


.mini #header div.gnb { display:none; }
.mini #content { margin-top:34px; }

/* nav */
.nav {position:relative;overflow-x:auto;width:100%;height:33px;border-bottom:1px solid #f2f2f2;background-color:#fff;}
.nav::-webkit-scrollbar { display:none;  }
.nav.gray { background-color:#f5f6f1;border-bottom:1px solid #DADADA; }
#content .nav { margin-left:-10px;padding-right:20px; }
.nav * {white-space: nowrap;color:#818181;font-size:11px}
.nav ul { padding:10px 9px;overflow:hidden;position:absolute; top:0; left:0;}
.nav ul li { display:inline-block; }
.nav ul li a {padding:0 6px;}
.nav ul li + li a {padding-left:10px;background:url(/images/common/arrow_r.png) no-repeat 0 3px;background-size:4px 8px}

/* search */
#gnb-search { z-index:998; }
#srch_util { z-index:10;position:relative;height:100%;background-color:#fff;overflow-y:auto; }
#srch_util .search {position:relative;width:100%;background-color:#ff6600}
#srch_util .search .s_box {display:-webkit-box;padding:11px;}
#srch_util .search .s_box .s_input { padding:0;height:35px;border:0;border-radius:5px;color:#2b2b2b;font-weight:bodld;width:100%; }
#srch_util .search .s_box .s_input::-webkit-input-placeholder{color:#9e9e9e;font-weight:bodld;} 
#srch_util .search .s_box .s_submit {-webkit-box-flex:1;margin-left:8px;width:28px;;height:31px;border:0;border-radius:5px;font-weight:bold;color:#fff;background-color:#ff6600;position:absolute;right:20px;top:13px;}
#srch_util .search .s_box .s_submit img { width:22px;height:25px; }
#srch_util .side_menu {position:relative;display:-webkit-box;width:100%;background-color:#f5f6f1;}
#srch_util .side_menu li {-webkit-box-flex: 1; text-align: center; border-right: 1px solid #dadada; margin: 10px 0; font-size: 14px; font-weight: normal; color: #2b2b2b;display:inline-block;}
#srch_util .side_menu li.t_l { text-align:left;margin-left:10px; }
#srch_util .side_menu li:last-child { border-right:none; }
#srch_util .side_menu li a { display: block; padding: 2px 0; font-size: 14px; font-weight: normal; color: #2b2b2b; border-right: 1px solid #f2f2f2;}
#srch_util .side_menu li a.active { color:#ff6600;font-weight:bold; }
#srch_util .srch_list { padding: 10px; }
#srch_util .srch_list .srch_list_item { margin-bottom: 18px;display:none; }
#srch_util .srch_list .srch_list_item.active { display:block; }
#srch_util .srch_list ul { margin-bottom: 18px; }
#srch_util .srch_list ul li a {  display: block;padding: 10px 45px 10px 15px;border-bottom: 1px solid #f2f2f2;font-size: 13px;font-weight: normal;color: #858585;color:#2b2b2b; }
#srch_util .srch_list ul li a strong { color:#ff6600; }
#srch_util .search_auto_cmplt { display:none; }
#gnb-search #srch-close-box { position:absolute;right:0;top:0;width:45px;height:100%;text-align:center; }
#gnb-search #srch-close-box a { display:none; }

/* side_menu */
#util .side_menu {position:relative;display:-webkit-box;width:100%;border-top:1px solid #3a3a3a;border-bottom:3px solid #ff7800;background-color:#2b2b2b;}
#util .side_menu li {-webkit-box-flex:1;text-align:center;border-right:1px solid #3a3a3a;}
#util .side_menu li a {display:block;padding:12px 0;font-size:14px;font-weight:bold;color:#fff;border-right:1px solid #000;}
#util .side_menu li:last-child a {color:#ff6600}

#cate-menu { width:100%;left:-100%;height:100%;background:url('/images/mplus/bg_layer01.png');overflow-y:auto;z-index:998;position:fixed; }
#cate-menu #cate-menu-box { height:100%;background-color:#fff;margin-right:45px;overflow-y:auto; }
#cate-menu #cate-close-box { position:absolute;right:0;top:0;width:45px;height:100%;text-align:center; }
#cate-menu #cate-close-box a { 
  display:none;
  width: 35px;
  height: 35px;
  background: url('/images/season01/btn_close01.png') no-repeat 50% 50%;
  background-size: 12px 12px;
  text-indent: -9999;
  margin-top: 5px;
  background-color: #2a2a2a;
  border-radius: 35px;
}
#cate-menu .side_menu {position:relative;display:-webkit-box;width:100%;border-top:1px solid #3a3a3a;border-bottom:3px solid #ff7800;background-color:#2b2b2b;}
#cate-menu .side_menu li {-webkit-box-flex:1;text-align:center;border-right:1px solid #3a3a3a;width:25%;}
#cate-menu .side_menu li:last-child { border-right:none; }
#cate-menu .side_menu li .side_menu01 { background:url('/images/season01/ic_login_off.png') no-repeat 50% 10px;padding-top:35px;background-size:auto 20px; }
#cate-menu .side_menu li .side_menu02 { background:url('/images/season01/ic_login_on.png') no-repeat 50% 10px;padding-top:35px;background-size:auto 20px; }
#cate-menu .side_menu li .side_menu03 { background:url('/images/season01/ic_delivery.png') no-repeat 50% 10px;padding-top:35px;background-size:auto 20px; }
#cate-menu .side_menu li .side_menu04 { background:url('/images/season01/ic_cart.png') no-repeat 50% 10px;padding-top:35px;background-size:auto 20px; }
#cate-menu .side_menu li .side_menu05 { background:url('/images/season01/ic_myroom.png') no-repeat 50% 10px;padding-top:35px;background-size:auto 20px; }
#cate-menu .side_menu li a {display:block;padding:7px 0;font-size:10px;font-weight:bold;color:#fff;border-right:1px solid #000;}
#cate-menu .side_menu li:last-child a { border-right:none; }
#cate-menu .cate .accordion { padding:0; }
#cate-menu .cate .accordion > li > a { line-height:25px;font-size:14px;color:#2b2b2b;background-position: 95% 21px;border-bottom-color:#dadada; }
#cate-menu .cate .accordion > li > a.on {  }
#cate-menu .cate .accordion .cont { background-color:#fff;padding:0; }
#cate-menu .cate .accordion .cont .inner { background-color:#f2f2f2; }
#cate-menu .cate .accordion .cont .inner li { padding:0; }
#cate-menu .cate .accordion .cont .inner li a { font-weight:normal;border-bottom-color: #dadada;padding-left:20px; }
/* #cate-menu .cate .accordion .cont .inner li:last-child a { border-bottom:none; } */

/* search */
#util .search {position:relative;width:100%;border-bottom:1px solid #000;background-color:#2b2b2b}
#util .search .s_box {display:-webkit-box;padding:11px;}
#util .search .s_box .s_input {display:block;-webkit-box-flex:1;padding:0 40px 0 11px;height:31px;border:0;border-radius:5px;color:#929292;background:#3e3e3e url(/images/common/btn_search.png) no-repeat 95% 50%;background-size:17px 19px}
#util .search .s_box .s_input::-webkit-input-placeholder{color:#929292;} 
#util .search .s_box .s_submit {-webkit-box-flex:1;margin-left:8px;width:50px;;height:31px;border:0;border-radius:5px;font-weight:bold;color:#fff;background-color:#ff6600}

/* cate */
#util .cate { width:100%;overflow-y:auto }
#util .cate .inner {background-color:#f5f6f1;margin-bottom:0;}
#util .cate .inner li {padding:0 10px;}
#util .cate .inner li a {display:block;padding:13px 8px;color:#2b2b2b;border-bottom:1px solid #ccc;background:none;}

#cate-menu .cate { width:100%;overflow-y:auto }
#cate-menu .cate h4 { line-height:30px;font-size:1.5em;padding:10px 15px 10px 40px;color:#2b2b2b;background-color:#f5f6f1; }
#cate-menu .cate h4.menu_service { background:url('/images/content/ic_menu_services.png') no-repeat 10px 13px #f5f6f1;background-size:26px 26px; }
#cate-menu .cate h4.menu_shopping { background:url('/images/content/ic_menu_shopping.png') no-repeat 10px 13px #f5f6f1;background-size:26px 26px; }
#cate-menu .cate h4 span { font-size:0.8em;margin-left:10px;color:#919191;font-weight:normal; }
#cate-menu .cate ul {margin-bottom:18px;border-top:1px solid #f2f2f2;}
#cate-menu .cate ul li { float: left;width: 50%; }
#cate-menu .cate ul li + li { border-left:1px solid #f2f2f2;margin-left:-1px; }
#cate-menu .cate ul li a {display:block;padding:15px 35px 15px 15px;border-bottom:1px solid #f2f2f2;background:url(/images/content/ic_menu_arrow.gif) #fff no-repeat 90% 16px;background-size:7px 13px;font-size:15px;font-weight:bold;color:#2b2b2b;}
#cate-menu .cate ul li a span.like { background: url('/images/content/ico_like.png') #fff no-repeat right 50%;background-size: 15px 15px;padding-right: 20px; }

#cate-sub-menu { margin:0 -10px; }
#cate-sub-menu .cate { display:inline-block;width:100%; }
#cate-sub-menu .cate h4 { line-height:30px;font-size:1.5em;padding:10px 15px 10px 40px;color:#2b2b2b;background-color:#f5f6f1; }
#cate-sub-menu .cate h4.menu_service { background:url('/images/content/ic_menu_services.png') no-repeat 10px 13px #f5f6f1;background-size:26px 26px; }
#cate-sub-menu .cate h4.menu_shopping { background:url('/images/content/ic_menu_shopping.png') no-repeat 10px 13px #f5f6f1;background-size:26px 26px; }
#cate-sub-menu .cate h4 span { font-size:0.8em;margin-left:10px;color:#919191;font-weight:normal; }
#cate-sub-menu .cate ul {margin-bottom:18px;border-top:1px solid #f2f2f2;}
#cate-sub-menu .cate ul li { float: left;width: 50%;border-left:1px solid #f2f2f2;margin-left:-1px; }
#cate-sub-menu .cate ul li + li {  }
#cate-sub-menu .cate ul li a {display:block;padding:10px 35px 10px 15px;border-bottom:1px solid #f2f2f2;background:url(/images/content/ic_menu_arrow.gif) #fff no-repeat 90% 10px;background-size:7px 13px;font-size:13px;font-weight:bold;color:#2b2b2b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#cate-sub-menu .cate ul li a span.like { background: url('/images/content/ico_like.png') #fff no-repeat right 50%;background-size: 15px 15px;padding-right: 20px; }
#cate-sub-menu .btn_more { text-align:center;width:100%;display:inline-block;font-weight:bold;color:#a2a2a2;font-size:14px;background-color:#f5f6f1;border-top:1px solid #fefefe;padding:10px 0; }
#cate-sub-menu .btn_more span { background: url('/images/common/btn_more_off.gif') no-repeat left 50%;background-size: 15px 15px;padding-left: 20px; }
#cate-sub-menu .btn_more.active span { background: url('/images/common/btn_more_on.gif') no-repeat left 50%;background-size: 15px 15px; }
#cate-sub-menu.twice .cate { width:50%;float:left; }
#cate-sub-menu.twice .cate ul {  }
#cate-sub-menu.twice .cate li { width:100%; }

/*
#cate-menu .cate .inner {background-color:#f5f6f1;margin-bottom:0;}
#cate-menu .cate .inner li {padding:0 10px;}
#cate-menu .cate .inner > li { background: url(/images/common/bg_accordion.png) #fff no-repeat 95% 14px; }
#cate-menu .cate .inner li a {display:block;padding:13px 8px;font-weight:bold;color:#2b2b2b;border-bottom:1px solid #ccc;background:none; )}
*/

#content {}

.gray_box { margin: -6px -10px 0;background-color: #f5f6f1; }
.gray_box .t_select { margin:0 10px; }

/* fnb */
#fnb { position:fixed;bottom:0;left:0;width:100%;height:38px;background-color:#ff6600;z-index:999;clear:both; }
#fnb li { float:left;width:25%;text-align:center; }
#fnb li a { color:#FFF !important;font-size:1.3em;font-weight:bold;line-height:38px; }

/* loadingbar */
.loadingbar { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png'); }
.loadingbar img { position:absolute;left:50%;top:50%;color:#FFF;width:40px;height:40px;margin-left:-20px;margin-top:-20px; }

/* login */
#layer {background:#f5f6f1;color:#919191;}
#ly_header {height:40px;border-bottom:3px solid #ff7800;background:#2b2b2b;text-align:center;font-size:20px;color:#fff;}
#ly_header h1 {font-size:16px;color:#fff;line-height:40px;}
#ly_content {padding:14px 10px 15px;}
#ly_content .btn_cls {position:absolute;top:0;right:0;width:40px;height:40px;overflow:hidden;background:url(/images/mplus/btn_layer_cls.gif) no-repeat;background-size:100% auto;line-height:999px;}
#ly_content .btn_area {padding:0 10px;}
#ly_content .input_wrap {padding-right:28px;}
#ly_content .login_wrap input.log_id, #ly_content .login_wrap .log_pw {width:100%;height:30px;padding:0;border:1px solid #d3d3d3;border-radius:3px;font-size:12px;line-height:13px;text-indent:13px; }
#ly_content .login_wrap li { padding-right:0; }
#ly_content .login_wrap .log_id {margin-bottom:7px;}
#ly_content .login_wrap .log_pw {margin-bottom:13px;}
#ly_content .login_wrap .chk_wrap + .chk_wrap { padding-left:20px; }
#ly_content .login_wrap .btn_login {float:right;height:29px;padding:0 23px;border:1px solid #f05f07;border-radius:3px;background:#ff6600;font-size:14px;color:#fff;line-height:29px;}

.preview_layer { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png');display:none; }
.preview_layer .preview_box { position: absolute;left: 50%;top: 150px;width: 300px;margin-left: -160px;text-align: left;background-color: #fff;border-radius: 5px;overflow:hidden;text-align:center;padding:10px; }
.preview_layer .preview_box #preView { margin:10px auto;max-height:250px;overflow:auto; }
.preview_layer .preview_box .btn-close { display:block;padding:10px;font-size:15px;background-color:#ff6600;color:#fff;font-weight:bold;border-radius:5px;margin-bottom:10px; }

/* 코멘트목록 */
.comment_area {  }
.comment_area .comment_header { position: fixed;left:0;top:0;z-index:998;height:40px;width:100%;text-align: left;color:#333;background-color:#f1f2f3;border-bottom:1px solid #c8c8c8; }
.comment_area .comment_header .btn_back { position:absolute;left:10px;top:5px; }
.comment_area .comment_header .btn_back img { width:33px;height:31px; }
.comment_area .comment_header h5 { display:block;margin-left:40px;margin-top:12px;font-size:18px;font-weight:bold;text-align:left;text-indent:10px;letter-spacing:2px; }

.commnt_write { position:fixed;bottom:40px;width:100%;background-color:#fff;margin:0;padding:5px 0;border-top: 1px solid #e9e9e9;box-shadow: 0px -1px 3px #eaeaea;-moz-box-shadow: 0px -1px 3px #eaeaea;-webkit-box-shadow: 0px -1px 3px #eaeaea; }
.commnt_write .amount {display:block;margin-left:10px;margin-bottom:12px;padding-left:30px;background:url(/images/mplus/bg_comment.png) no-repeat;background-size:23px 19px;font-size:13px;line-height:19px;}
.commnt_write .write_box { display:-webkit-box;width:100%;text-align:center;position:relative; }
.commnt_write .write_box .textarea { height:20px;margin-left:10px;margin-right:80px;display:block;-webkit-box-flex:1;padding:10px;border:1px solid #d3d3d3;border-radius:3px;resize:none; }
.commnt_write .write_box .btn_reg { position:absolute;right:10px;width:60px;background-color:#ff6600;line-height:42px;height:42px; }

.commnt_list { position:relative;padding:45px 0 58px; }
.commnt_list dl { padding:10px 0;line-height:1.5;position:relative;max-width:90%;min-height:40px;background: url('/images/mplus/bg_talk_arrow_l.png') 59px 40px no-repeat; }
.commnt_list dl .photo { position: absolute;left: 10px;top: 15px;width: 60px;height: 45px;/* border-radius: 30px; */overflow: hidden; }
.commnt_list dl .photo img { width:45px;height:45px;border-radius:30px; }
.commnt_list dl .writer { margin-left:70px;font-size:11px; }
.commnt_list dl .cont { margin-left:70px;margin-top:5px;border-radius:5px;padding:10px 20px;background-color:#fff; }
.commnt_list dl .date { text-align:right;margin-top:0;color:#aeaeae;font-size:11px; }


.commnt_list dl.my_cmnt { padding-left:20%;background: url('/images/mplus/bg_talk_arrow_r.png') right 25px no-repeat; }
.commnt_list dl.my_cmnt .writer { display:none;font-size:11px; }
.commnt_list dl.my_cmnt .cont { margin-right:11px;margin-left:0;background-color:#cfffcf; }
.commnt_list dl.my_cmnt .date { text-align:left;font-size:11px; }

.evt_box { padding-top:65px;margin-bottom:10px;position:relative;background-color:#f5f6f1; }
.evt_box .title { padding: 10px 0;font-size: 14px;margin:0 10px;font-family: Verdana;color:#ff6600;font-weight:bold;border-bottom:2px solid #3a3a3a;text-indent:2px; }
.evt_box .cont { padding:10px 10px 0;line-height:18px;color:#a2a2a2; }

/* 행사안내 등록정보 */
.bbs_area {  }
.bbs_area .paging { width:auto;margin-bottom:20px; }
.bbs_area .bbs_header { position: fixed;left:0;top:0;z-index:998;height:40px;width:100%;text-align: left;color:#333;background-color:#f1f2f3;border-bottom:1px solid #c8c8c8; }
.bbs_area .bbs_header .btn_back { position:absolute;left:10px;top:5px; }
.bbs_area .bbs_header .btn_back img { width:33px;height:31px; }
.bbs_area .bbs_header h5 { display:block;margin-top:12px;font-size:18px;font-weight:bold;text-align:left;text-indent:10px;letter-spacing:2px;text-align:center; }

.bbs_area .search_box { margin-top:40px;padding:10px 20px;display:block;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; }
.bbs_area .search_box ul li { position:relative;padding:5px 0; }
.bbs_area .search_box ul li dl { display:block;position:relative; }
.bbs_area .search_box ul li dl dt { position:absolute;left:0;width:70px;line-height:25px;font-weight:bold; }
.bbs_area .search_box ul li dl dd { margin-left:90px;display:block;line-height:25px; }
.bbs_area .search_box ul li dl dd input,
.bbs_area .search_box ul li dl dd select { border: 1px solid #ff6600;border-radius: 2px;line-height: 30px;height: 30px;padding: 0 5px; }

.bbs_area .btn_area { display:-webkit-box;padding:10px;background-color:#fff; }
.bbs_area .btn_area a { -webkit-box-flex:1;display:block; }

.bbs_area .edit_box { margin-top:40px;padding:10px 20px;display:block;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; }
.bbs_area .edit_box ul li { position:relative;padding:5px 0; }
.bbs_area .edit_box ul li dl { display:block;position:relative; }
.bbs_area .edit_box ul li dl dt { position:absolute;left:0;width:70px;line-height:25px;font-weight:bold; }
.bbs_area .edit_box ul li dl dd { margin-left:90px;display:block;line-height:25px; }
.bbs_area .edit_box input,
.bbs_area .edit_box textarea,
.bbs_area .edit_box select { border: 1px solid #ff6600;border-radius: 2px;line-height: 30px;min-height: 30px;padding: 0 5px;font-size:11px; }
.bbs_area .photo_box { display:block;width:100%;background-color:#fff;overflow-x:auto; }
.bbs_area .photo_box dl { width:300px;padding:10px;margin:0 auto; }
.bbs_area .photo_box dd { margin:0;display:inline-block;position:relative;width:70px;height:70px; }
.bbs_area .photo_box dd + dd { margin-left:2px; }
.bbs_area .photo_box .photo_img { display:block;padding:3px; }
.bbs_area .photo_box .photo_img img { width:65px;height:65px; }
.bbs_area .photo_box .btn_del { position:absolute;right:0;top:0; }
.bbs_area .photo_box .btn_del img { width:25px;height:25px; }
.bbs_area .photo_box .txt { position:absolute;bottom:5px;width:100%;text-align:center;background-color:#000;color:#fff; }
.bbs_area .photo_box .info { margin-top:10px;line-height:15px;padding:0 10px;  }
.bbs_area .photo_box .info .tit { border-top:1px solid #000;border-bottom:1px solid #000;font-weight:900; }
.bbs_area .photo_box .info .cont { margin-top:10px; }

.bbs_list { position:relative;padding:10px;border-top:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e; }
.bbs_list .empty { display:block;margin:10px;padding:10px;text-align:center;border-radius:2px;background-color:#dadada; }
.bbs_list dl { display:block;padding:10px;position:relative;height:70px; }
.bbs_list dl + dl { margin-top:10px;border-top:1px solid #dadada; }
.bbs_list dl dt { position: absolute;left: 5px;top:10px;width: 150px;height: 70px;text-align:center; }
.bbs_list dl dt { width:150px; }
.bbs_list dl dt a { height:60px;overflow:hidden;margin-bottom:5px; }
.bbs_list dl dt img { width:100%;border-radius:2px; }
.bbs_list dl dd { margin-left:155px;font-size:11px; }
.bbs_list dl .title { border-radius:5px;margin-top:5px;max-height:34px;line-height:17px;font-weight:bold;overflow:hidden; }
.bbs_list dl .date { color:#aeaeae;height:17px;line-height:17px; }
/* 행사안내 등록정보 */

.page_nav {position:fixed;left:0;bottom:0;width:100%;height:60px;background:url('http://image.kyobobook.co.kr/kiosk/images/bg_nav.png') repeat;z-index:9999;}
.page_nav .nav_inner{margin:0 auto;max-width:1000px;height:100%;padding:0 10px;}
.page_nav .nav_left{float:left;height:100%;padding-left:1px;background:url('http://image.kyobobook.co.kr/kiosk/images/bg_nav_dark.png') no-repeat left top;}
.page_nav .nav_right{float:right;height:100%;padding-right:1px;background:url('http://image.kyobobook.co.kr/kiosk/images/bg_nav_dark.png') no-repeat right top;}
.page_nav .nav_left:after,
.page_nav .nav_right:before{content:'';display:block;float:left;width:1px;height:100%;background:url('http://image.kyobobook.co.kr/kiosk/images/bg_nav_light.png') no-repeat;}
.page_nav .nav_right:before{margin-left:-1px;}
.page_nav .nav_left a,
.page_nav .nav_right a{float:left;}
.page_nav .nav_left a:hover,
.page_nav .nav_right a:hover {background-color:#4c4746;}
.page_nav .nav_left img,
.page_nav .nav_right img {height:60px;}
.page_nav .nav_info {float:left;}
.page_nav .nav_info p { display: block;
    padding-left: 1px;
    color: #fff;
    line-height: 15px;
    margin-left: 5px;
    vertical-align: middle;
    padding-top: 4px; }
.page_nav .nav_info p a { color:#fff; }

/* screen width 768 이하  */
@media all and (max-width: 768px)  {
    .page_nav {height:40px;}
    .page_nav .nav_inner{padding:0;}
    .page_nav .nav_left img,
    .page_nav .nav_right img {height:40px;}
}


.layer_popup02 { position: fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url('/images/mplus/bg_layer01.png');display:none; }
.layer_popup02 .gbn_box {
    position: absolute;
    left: calc(50% - 135px);
    top: calc(50% - 180px);
    width: 270px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    overflow:hidden;
}
.layer_popup02 .gbn_box h5 { display:block;padding:10px;background-color:#ff7900;color:#fff;font-size:17px; }
.layer_popup02 .gbn_box .layer_cont { max-height:3200px;overflow:auto; }
.layer_popup02 .gbn_box a { display:block;line-height:20px;font-size:15px;padding:15px; }
.layer_popup02 .gbn_box a + a { padding-top:0; }

.layer_popup02 .emp_card { position: relative;top: calc(50% - 230px);width: 250px;margin: 0 auto;text-align: center;background-color: #fff;border:1px solid #d3d3d4;border-radius: 2px;overflow: hidden;height: 436px;outline: 3px solid #eb6e20;outline-offset: -13px; }
.layer_popup02 .emp_card .emp_logo{ width: 80px;position: absolute;display: block;top: 25px;left: 25px; }
.layer_popup02 .emp_card .emp_barcode { width:209px;margin:75px auto 0;  }
.layer_popup02 .emp_card .emp_barcodeDr { width:209px;margin:10px auto 0;  }
.layer_popup02 .emp_card .emp_barcodeDr dt {text-align: left; margin: 10px 5px 2px 10px; font-size: 12px; color: #333;}
.layer_popup02 .emp_card .emp_icon { width:calc(100% - 25px);margin-bottom:10px; }

.layer_popup02 .emp_card .emp_name { position:relative;display: block;color: #000;width:calc(100% - 65px);margin:30px auto 0; }
.layer_popup02 .emp_card .emp_name dt { margin-right:160px;width:110px;height:140px;border-radius:2px;overflow:hidden;text-align:center;text-indent:-999px; }
.layer_popup02 .emp_card .emp_name dd { position:absolute;bottom:0;left:125px;display:block;vertical-align:bottom;font-size: 15px; font-weight: bold; }
.layer_popup02 .emp_card .emp_name dd span { display:block; }

.layer_popup02 .emp_card h5 { display:block;padding:10px;background-color:#ff7900;color:#fff;font-size:17px; }
.layer_popup02 .emp_card a { display:block;line-height:20px;font-size:15px;}
.layer_popup02 .emp_card a + a { padding-top:0; }
.layer_popup02 .emp_card  .btn_cate_close {
    display: inline-block;
    width: 25px;
    line-height: 25px;
    border-radius: 15px;
    background-color: #ff6600;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial;
    margin-left: 5px;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    right: 18px;
    top: 18px;
    height: 25px;
 }