@charset "utf-8";

/*
	copyright(c) 2020 HAZON
	http://www.hazon.co.kr
*/

/* All & Mobile Device */

/*======== login ========*/
/*.login_wrap { width: 100%; height: 100%; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 10px 20px; overflow-y: auto; }*/
.login_bg { text-align: center; }
.login_bg img { width: 70%; }
.login_bg .img_logo { background: url('/resources/content/images/common/logo_txt.svg') no-repeat 0 50% / 155px; padding: 10px 0 10px 160px; line-height: 50px; }
.login_tit { font-size: 1.3rem; font-weight: 700; text-align: left; padding: 2px 0; margin-top: -20px; }
.login_area { padding-top: 30px }
.version { text-align: right; padding:.2em 0 1em 0; color:#eee; }
.login_area .check_area { text-align: right; padding-bottom: 20px; }
.login_area .btn_box { padding: 10px 0; }
.login_area .input_table-a-type>li:nth-child(2), 
#adminId { background-color: #f8f8f8; }
.login_area label[for="id"].input_tit { background: url('/resources/content/images/icon/login_icon01.png') no-repeat 0% 50%; padding-left: 15px; }
.login_area label[for="pw"].input_tit { background: url('/resources/content/images/icon/login_icon02.png') no-repeat 0% 50%; padding-left: 15px; }

.login_wrap{ font-family:"NotoSansKR"; font-size:16px; width: 100%; height: 100%; background: #EDF5FF; overflow-y: auto; }
.login_wrap *{ font-size:1em; }
.login_wrap .btn{ font-family: 'NotoSansKR'; font-size:1em; }
.login__card{ display: flex; flex-direction: column; background: #FFFFFF; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); border-radius: 8px; }
.login__wrap{ background: #5275C6; border-radius: 8px 8px 0 0 ; padding: 2em 2em 3em 2em; }
.login__wrap h1{ padding: .4em 0.4em 2em 0.4em; width: 70%; margin: 0 auto; font-size: .8em; text-align: center; }
.login__wrap h1 img{ width:100%; max-width: 180px; text-align: center; margin: 0 auto; }
.login__toggleBtn{ width: 100%; display: flex; flex-direction: row; align-items: stretch; }
.login__toggleBtn >.btn{ border: 0; border-radius: 0; width: 100%; margin: 0; background: #EDF5FF; color: #445A7E; padding: 1em .4em; border-bottom:1px solid #C0CCDC; }
.login__toggleBtn >.btn:nth-child(1){ border-right:1px solid #C0CCDC;  }
.login__toggleBtn >.btn:nth-child(2){ border-left:1px solid #C0CCDC; }
.login__toggleBtn >.btn.on{ background: #fff; color: #5275c6; font-weight: bold; border:0; }
.login__input{ background: #fff; padding: 2em 0.8em; }
.login__input >ul >li{ padding:.6em; }
.login__input >ul >li .btn{ font-weight:bold; }
.login__input .check_box label{ font-size:1em; cursor:pointer; }
.login__input .input{ border-radius:8px; padding:.4em .6em; }
.login__input .input--icon{ position:relative; }
.login__input .input--icon >span{ width: 30px; height:100%; display:flex; align-items: center; justify-content: center; position:absolute; }
.login__input .input--icon >input{ padding-left: 30px; }
.login__wrap .version { font-size: 12px; }
.btn--serviceJoin{ border-color: #445a7e; color: #5275c6; background: #fff; font-weight: 500; padding: 1em 1.6em; margin: 2em 0 0 0; width: 100%; text-align: center; }

.login__card .slide__wrap{ display: flex; align-items: center; height:100%; padding: 4em 0 1em 0; position: relative; }
.login__card .slide__wrap--bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.login__card .slide__wrap--bg >span{ display:block; width:100%; height:100%; position:relative; }
/* .login__card .slide__wrap--bg >span:before{ content: ""; position: absolute; bottom: -50%; right: -48%; width: 100%; height: 100%; background: #ecf7ff; transform: matrix(0.4, -1, 2, 1, 0, 0); opacity: .6; border-radius: 50%; } */
.login__card .slide__wrap--bg >span:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 30%; background: #e8f0fe; opacity: .6; }
.login__card .slide__item{ display: flex; justify-content: center; padding: .4em; }
.login__card .slide__wrap .owl-carousel{ padding-top: 4em; } 
.login__card .owl-prev{ display:none; }
.login__card .owl-nav{ display:none; }
.login__card .owl-nav>button span { font-size: 0; display: inline-block; width: 32px; height: 32px; background: #FFFFFF; border-radius: 50%; text-align: center; margin: 10px; position: relative; }
.login__card .owl-nav>button.owl-next span:before { border-left: 16px solid #5275c6; right: 10px; }
.login__card .owl-nav>button span:before { content: ""; display: block; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 0; margin-top: 0px; }
.login__card .owl-nav>button.owl-next span:after { border-left: 16px solid #fff; right: 13px; }
.login__card .owl-nav>button span:after { content: ""; display: block; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 0; margin-top: 0; }
.login__card .owl-nav>button:hover span{ background:transparent;  }
.login__card .owl-nav>button.owl-next:hover span:after{ border-left-color:transparent; }
.login__card .owl-dots{ top: 0; display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 0 4px; }
.login__card .owl-dots .owl-dot{ flex: 0 0 auto; margin: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.login__card .owl-dots .owl-dot >span{ width: auto; height: auto; border-radius: 0; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 30px; padding: 0.26em 1em; background: #e8f0fe; border: 1px solid #e8f0fe; }
.login__card .owl-dots .owl-dot.active >span{ background: #FFFFFF; color: #5275c6; border: 1px solid #5275c6; font-weight: bold; }

.login__card .slide__title{ position: absolute; top: 20px; left: -5px; background: #5275c6; color: #fff; padding: 0.4em 0.8em; font-weight: 500; font-size: 1.15em; box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.25);}
.phone__img{ width: 160px; height: 310px; position:relative; flex: 0 0 auto; margin-left: calc(50% - 160px);}
.phone__img .phone{ width:100%; height:100%; position:absolute; top:0; left:0; }
.phone__before{ background:url(/resources/content/images/serviceinfo/phone_before.png)no-repeat 50% 50% / contain; }
.phone__view{ border-radius:35px; padding:4px; overflow:hidden; }
.phone__view >ul{ width:100%; height:100%; position:relative; }
.phone__view >ul >li{ position:absolute; top:0; left:0; }
.phone__view img{ width:100%; } 
.ser_textbox{ flex:1; padding:2em .4em 2em 1.4em; font-size:13px; padding: 2em 1em; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; word-break: keep-all; }
.ser_textbox >h5{ display: inline-block; padding: 0.1em 1em; background: #5275c6; font-size: 1.25em; color: #fff; border-radius: 0 20px; font-weight: 500; }
.ser_textbox >h5.red{ background: #f05e5e;}
.ser_textbox >h5.green{ background: #0BA299;}
.ser_copyright{ padding:1em 0 2em 0; }
.ser_copyright >p{ color:#333; font-size: 1.8em; font-weight: 700; letter-spacing: -.8px; padding-bottom: .06em; }
.ser_copyright >p .small{ font-size: .5em; letter-spacing: 0; font-weight: 500; }
.ser_btn .btn{ border-color: #5275c6; color: #5275c6; font-weight: 500; padding: 0.8em 1.8em; }
.ani--slideUp { opacity:0; transform:translateY(5%); transition:all 1s; }
.ani--opAndSlideUp { opacity:0; transition:all 1s; }

.motion--click:after,
.orderjpg1.motion--click:before{ content: ""; display: block; position: absolute; background: #ff2300; border-radius: 50%; width: 20px; height: 20px; transform: scale(0); transform-origin: center; }
.orderjpg1.motion--click:before{ z-index:2; }
.smspng.motion--click:after { top: 94px; left: 23px; }
.boardjpg.motion--click:after{ top: 120px; left: 163px; }
.orderjpg.motion--click:after { background: #fff700; top: 12px; left: 21px; }
.orderjpg1.motion--click:after { background: #fff700; top: 60px; left: 129px; }
.orderjpg1.motion--click:before { background: #fff700; top: auto; left: 125px; bottom: 34px; }
.orderjpg2.motion--click:after { background: #fff700; top: auto; left: 67px; bottom: 54px; }
.pay1.motion--click:after { top: 160px; left: 73px; }

.active .pop1.ani--slideUp { animation: slideUpOp 1s 1s ease both alternate; }
.active .pop2.ani--slideUp { animation: slideUpOp 1s 1.5s ease both alternate; }
.active .pop3.ani--slideUp { animation: slideUpOp 1s 2s ease both alternate; }
.active .pop .copy2.ani--slideUp{ animation: slideUpOpBig 1s 2.5s ease both alternate; }

.active .smspng.ani--slideUp { animation: slideUpOp 1s 1s ease both alternate; }
.active .copy1.ani--slideUp { animation: slideUpOpBig 1s 1.6s ease both alternate; }
.active .smspng.motion--click:after{ animation: clickMo 1s 3.2s ease both normal; }
.active .eventjpg.ani--slideUp { animation: slideUpOp 1.2s 4.8s ease both alternate; }
.active .copy2.ani--slideUp{ animation: slideUpOpBig 1s 5s ease both alternate; }
.active .ser_btn.ani--slideUp{ animation: slideUpOpBig 1s 6s ease both alternate; }

.active .orderjpg.motion--click:after{ animation: clickMo 1s 1s ease both normal; }
.active .orderjpg1.ani--slideUp { animation: slideUpOp 1.2s 2s ease both alternate; }
.active .orderjpg1.motion--click:after { animation: clickMo 1s 3.4s ease both alternate; }
.active .orderjpg1.motion--click:before { animation: clickMo 1s 4.4s ease both alternate; }
.active .orderjpg2.ani--slideUp { animation: slideUpOp 1.2s 5.2s ease both alternate; }
.active .orderjpg2.motion--click:after { animation: clickMo 1s 6.4s ease both alternate; }

.active .kakaoAl.ani--slideUp { animation: slideUpOp 1s 1s ease both alternate; }
.active .kakaoAl.ani--op {animation: opacity1 1s 1s ease both alternate;}
.active .kakao .copy2.ani--slideUp{ animation: slideUpOpBig 1s 3s ease both alternate; }
.active .kakaoAd.ani--opAndSlideUp { animation: opAndSlideUp 3s 3s ease both alternate; }

.active .callback.ani--slideUp { animation: slideUpOp 1s 1s ease both alternate; }
.active .callback.ani--op {animation: opacity1 1s 1s ease both alternate;}
.active .callback .copy2.ani--slideUp{ animation: slideUpOpBig 1s 3s ease both alternate; }
.active .callback.ani--opAndSlideUp { animation: opAndSlideUp 4.5s 2s ease both alternate; }

.active .pay1.ani--slideUp { animation: slideUpOp 1s 1s ease both alternate; }
.active .pay1.motion--click:after{ animation: clickMo 1s 3.2s ease both normal; }
.active .pay2.ani--slideUp { animation: slideUpOp 1.2s 4.8s ease both alternate; }

.active .kakaoAl2.ani--slideUp { animation: slideUpOp 1.2s 2.6s ease both alternate; }
.active .attend .copy1.ani--slideUp { animation: slideUpOpBig 1s 1s ease both alternate; }
.active .attend .copy2.ani--slideUp{ animation: slideUpOpBig 1s 1.6s ease both alternate; }

/*======== kakako login ========*/
.klr__wrap{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 2em; }
.klr__wrap p{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; padding:1em .4em; font-size: 1em; line-height: 1.4; border-bottom: 1px solid #eee; }
.klr__wrap p .label{ display:inline-block; min-width:7em; }
.klr__wrap input{ margin: 0; padding: 2px 5px; text-align: center; }
.klr__wrap input.max-w{ max-width: 60px; border-color: #1dbb00; }
.klr__wrap label{ display: block; color: #1dbb00; padding: 0.2em 0 0.4em 0; }
.klr__box{ padding: 2em 1em; border: 1px solid #ddd; width: 100%; max-width: 580px; }
.klr__title{ font-size:1.2em; padding: 1em 0; text-align: center; font-weight:normal; }
.klr__wrap .klr__msg{ font-size:1.6em; text-align: center; padding:0 0 2em 0; border:0;}
.klr__wrap p.klr__code{ font-size:12px; color:#888; border:0; }
.klr__wrap p:last-child{ border:0; }
.klr__wrap .btn{ margin-top: 1.2em; }
.klr__msgbox{ padding: 0.4em;}
.klr__success{ width: 100%; height: 60vh; display: flex; justify-content: center; align-items: center; }
.klr__success >img{ width: 70%; max-width:260px; height: auto; }

/* IE */
.ie_main { display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; width: 100%; min-height: 100vh; padding-top: 60px; }
.ie_notice { width: 100%; }
.ie_notice-img { -webkit-flex: 0 1 450px; flex: 0 1 450px; }
.ie_notice-img>img { width: 100%; height: auto; }
.ie_notice-txt { -webkit-flex: 0 1 auto; flex: 0 1 auto; padding: 7%; }
.ie_notice-txt:before { content: ""; display: block; width: 30px; height: 3px; background-color: #555; margin-bottom: 7px; }
.ie_notice-txt h5 { font-size: 1.58rem; line-height: 2.3rem; color: #555; }
.ie_notice-txt h5>span { font-size: 2.55rem; line-height: 3.6rem; color: #5275c5; }
.ie_notice-txt a { display: inline-block; color: #555; font-size: 1.5rem; padding: 10px 40px; border: 1px solid #555; margin: 30px 5px; }
.ie_notice-txt .chrome { background: #fff url('/resources/content/images/common/ei_main_icon-chrome.png')no-repeat 30px 50% / 25px; padding: 10px 40px 10px 60px; }
.ie_sns_explain { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; }
.ie_sns_explain-tit { display: none; font-size: 2rem; line-height: 2.4rem; word-break: keep-all; word-wrap: break-word; padding: 5px 10px 5px 145px; background:url('/resources/content/images/common/ei_main_icon-logo.png')no-repeat 0% 50% / 140px; border-bottom: 1px solid #354052; margin: 0 10px; }
.ie_sns_explain-conts { width: 100%; background-color: #edf5ff; margin: 30px 0 0 0; }
.ie_sns_explain-conts>ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: -60px; text-align: center; }
.ie_sns_explain-conts>ul>li { flex: 0 0 160px; font-size: 1.5rem; padding: 110px 15px 10px 15px; background-repeat: no-repeat; background-position: 50% 10%; background-size: 130px; margin: 0 3%; }
.ie_sns_explain-conts .icon_sms { background-image: url('/resources/content/images/common/ei_main_icon-sms.png'); }
.ie_sns_explain-conts .icon_pay { background-image: url('/resources/content/images/common/ei_main_icon-pay.png'); }
.ie_sns_explain-conts .icon_pop { background-image: url('/resources/content/images/common/ei_main_icon-print.png'); }
.ie_sns_explain-conts .icon_face { background-image: url('/resources/content/images/common/ei_main_icon-face.png'); background-position: 90% 10%; }
.ie_sns_explain-conts small { display: block; text-align: center; font-size: 1.2rem; line-height: 1.4rem; }
/* IE E */
/*======== login E ========*/

/*======== mypage ========*/
.toggle_btn { font: inherit; width:100%; text-align:left; line-height:30px; overflow:hidden; border:0; background:none; padding:0; margin:0; cursor: pointer; }
.toggle_btn svg { width:30px; height:30px; padding:5px; float:right; transition: all 0.3s ease; transform : rotate(180deg); }
.toggle_btn.rotate180 svg { transform : rotate(0); }
.service_icon{ border-radius: 30px; padding: 2px 11px 3px 11px; color: #447dd8; border: 1px solid #447dd8; margin: 2px; display: inline-block; }
.mypage .toggle_btn { font: inherit;}
.mypage .shop-tel >div{ flex:1; }
.mypage .input-tit{ min-width:90px; }
.shop-tel .tooltip-cmt{ font-size:12px; line-height:1.3; }
.edit_date{ text-align:right; font-size:12px; }
#shopCode{ padding-right:10px;  }
.mypage .addr { flex:1; }
.mypage .addr input{ margin:2px; }
.mypage .addr .zip_code{ width:100px; }
/*======== mypage E ========*/
.popup_wrap .pop_conts{ max-height:80vh; }


/*======== sms_charge-pop ========*/
.sms_charge-pop .txt { padding: 5px; }
.sms_charge-pop .box-frame { margin-bottom: 10px; }
.sms_charge-pop .btn_area { text-align: center; }
.sms_charge-pop .btn_area .btn { font-size: 12px; padding: 10px 20px; }
/*======== sms_charge-pop E ========*/

/*계좌정보 팝업*/
.h_receipt_conts ul { padding: 25px; }
.h_receipt_conts li { padding: 5px 0; }
.tit_name { min-width: 60px; display: inline-block; border-right: 1px solid #ddd; margin-right: 10px; }
#hrec_VbankNum { letter-spacing: 0px; font-weight: bold; color: #5275c5; }

/*======== main ========*/
.main_wrap{ display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: flex-start; align-content: center; }
.main_wrap.common { background:url('/resources/content/images/common/main_bg-common.jpg')no-repeat 50% 50% / cover; }
.main_wrap.academy, .main_wrap.readingroom { background: url('/resources/content/images/common/main_bg-academy.jpg')no-repeat 50% 50% / cover; }
.main_wrap.retail { background: url('/resources/content/images/common/main_bg-retail.jpg')no-repeat 50% 50% / cover; }
.main_wrap_inner { width: 100%; max-width: 1000px; padding: .4rem; }

.box-main_type { width:100%; display: flex; padding: 2px; background-color: #ecf3f9; border-radius: 65px 10px 10px 65px; margin: 0 auto; }
.box-main_type .main_ic { height: 130px; flex: 0 0 130px; }
.common .main_ic { background: url('/resources/content/images/common/main_ic-common.png')no-repeat 50% 50% / cover; }
.academy .main_ic, .readingroom .main_ic { background: url('/resources/content/images/common/main_ic-academy.png')no-repeat 50% 50% / cover; }
.retail .main_ic { background:url('/resources/content/images/common/main_ic-retail.png')no-repeat 50% 50% / cover; }

.box-main_type .txt { flex: 1 1 auto; display: flex; justify-content: center; flex-direction: column; padding: 10px; position: relative; }
.box-main_type .txt p { font-size: 1.2rem; line-height: 1.2; padding: 2px 0; }
.box-main_type .txt p>strong { font-size: 1.6rem; }
.box-main_type .txt .logo_txt { position: absolute; top: 10px; right: 10px; }
.box-main_type .txt .logo_txt>span { padding: 5px 5px 5px 95px; background: url(/resources/content/images/common/logo_txt.svg) no-repeat 0% 50% / 90px; }

.main_info{ padding:.4rem 0 1rem 0; }
.main_info .cmt { color: #fff; padding: 0 5px; }
.main_info .white_box { font-size: 1.1rem; line-height: 1.3rem; min-height:50px; overflow: hidden; }
.shopjoin-link-wrap{ text-align:right; }
.shopjoin-link { display: inline-block; padding: .2rem .4rem; background: rgb(236, 243, 249, 0.9); border-radius: 10px; }
.shopjoin-link >span{  display: inline-block; padding:.2rem .8rem; vertical-align: middle; color: #383943; }
.main_subtit{ padding:.4rem 0; font-size: 1.1rem; line-height: 1.4; color: #fff; font-weight: bold; margin-bottom:5px; border-bottom: 1px solid #fff; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.main_subtit >span{ display:inline-block; }
.main_conts{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
.main_conts .inner{ padding:0 .4rem; width:100%; }
.main_conts .service_box{ padding:.2rem; width:100%; }
.service_box .white_box{ padding:.6rem; }
.service_box strong{ padding: 0 .2rem; } 
.service_box.smspay strong { font-size: 1.4rem;}
.service_box .tooltip-text{ color: #445a7e; font-size: 1rem; line-height: 1.45; }
.pay_status{ display:none; }

.main_info_box { width: 100%; }
.sms_pay_count strong { font-size: 1.4rem; }
.shorturl{ padding:0 5px; }
.bord.white_box { padding: 20px 10px 10px 10px; margin-top: 5px; }
.manual iframe, .notice iframe { width: 100%; height: 165px; }

#service_face_on{ flex: 1 1 auto; }
#service_faceAca_on { width:100%; }
#service_faceAca_on .hgt_red{ font-size:12px; }
#kakao-login-btn{ display:block; max-width:180px; }
#kakao-login-btn img{ width:100%; }

.service_status-tit{ font-size: 1.3rem; padding: .2rem .4rem; background: #f2f2f2; border-radius: 5px; }
.service_status-conts section{ border: 1px solid #ddd; border-radius: 5px; margin: 5px 0; padding: .4rem; }
.service_status-conts .subtit{ display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #ddd; padding: .4rem 0; font-size: 1rem; }
.service_status-conts .subtit .date{ font-size:12px; font-weight:normal; }
.service_status-conts .txtbox{ padding: .4rem; }
.service_status-conts .txtbox >p{ padding: .4rem 0; font-size: 1rem; }
.service_status-conts pre{ font-size: 12px; line-height: 1.6; letter-spacing: .4px; white-space: pre-wrap; }

.footer-nav{ width: 100%; }
.footer-nav ul{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.footer-nav li{ flex:0 0 auto; padding:0 10px; border-right:1px solid #fff; }
.footer-nav li:last-child{ border-right:0; }
.footer-nav .btn{ color:#fff; font-size:12px; border:0; background:none; padding:0; margin:0; }

.manager-store-info{ padding: 1rem .4rem .4rem; text-align: right; color: #fff; font-size: 12px; }
.manager-store-info .inner{ display: inline-block; background: rgba(0,0,0,0.6); padding: .4rem .8rem; border-radius: 5px; }
.manager-store-info p{ display: inline-block; padding:.2rem; }

.popup_service,
.mypage_pop{ font-size:12px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "NotoSansKR", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.service-tit{ position:relative; z-index:1; }
.service-tit >.toggle_btn,
.service-tit >span{ border-radius:0; border: 0; font-size: 1.5em; line-height: 1.8; font-weight: bold; padding: .4rem 0 0 0; margin: 0; margin-bottom:10px; }
.service-tit >.toggle_btn:after{ content: "자세히보기"; color: #447dd8; border-bottom: 1px solid #447dd8; font-size: 1.2rem; padding: 0 .4rem; }

.service-tit.on >.toggle_btn,
.service-tit.on >span{ position:relative;border-radius: 10px; padding: .2rem 1.2rem; background: #447dd8; color: #fff; margin:0; }
.service-tit.on >.toggle_btn:before,
.service-tit.on >span:before{ content: ""; display: block; border-radius: 3px; background: #447dd8; width: 14px; height: 16px; position: absolute; bottom: -6px; left: 26px; transform: rotate(45deg); z-index:-1; }
.service-tit.on >.toggle_btn:after{ content: ""; }

.service-info .tit{ padding: .8rem .4rem .2rem .4rem; }
.service-info .tit >span{ border-bottom: 2px solid #28282f; padding: .2rem; font-size: 1.8rem; font-weight: bold; }
.service-info .txt_box{ padding: 1rem; font-size: 1.3rem; }
.service-info .txt_box li{ padding:.16rem 0; }
.service-info .txt_box .small{ font-size:1.05rem; color:#555; padding-left:.95rem; }
.service-info .txt_box .img >img{ width:100%; }
.service-info .txt_box .btn_text{ font-weight:bold; }
.service-info .img_box{ display:block; padding:.6rem; text-align:center; background: #f2f2f2; border-radius: 30px; margin-bottom: 10px; }
.service-info .img_box >img{ width:100%; max-width:640px; }
.file-list label{ font-size:12px; vertical-align: middle; }

#service_free_info .btn_text{ padding:0; }
#service_faceAca_info  .txt_box li.img{ padding: 0px 0 40px 15px; }
.layerpopup-body .table_frame{padding: 1rem;}
.table_gray th,
.table_gray td{ padding: .6rem; border: 1px solid #ddd; line-height: 1.4; }
.table_gray th{ background: #f2f2f2; }
.table_gray td{ vertical-align: top; }
.table_gray span{display:inline-block;}

.bullet-list>li { text-indent: -16px; padding-left: 16px; word-break: keep-all; }
.bullet-list>li:before{ content: ""; display: inline-block; width: 6px; height: 6px; background-color: rgba(42,42,52,0.3); border-radius: 50%; vertical-align: unset; transform: translateY(-0.25em); margin-right: 10px; }

.policy-wrap{ padding:.4rem; max-width:1000px; margin:0 auto; }
.policy-wrap >h3{ font-size:21px; text-align:center; border:4px double #aaa; padding:.4rem; margin:1rem 0; }
.policy-wrap article{ padding: .4rem; }
.policy-wrap article >h5{ font-size:16px; }
.policy-wrap article ol{ padding:.4rem 1rem 1rem 1rem ; }
.policy-wrap article li{ font-size:12px; line-height:1.6;}
.policy-wrap article li >span{ font-weight:bold; display:inline-block; text-indent: 15px; }
.policy-wrap article li >strong{ font-size:14px;font-weight:bold; }
.policy-wrap article ul{ padding: 0 .8rem 1rem .8rem; }

.chat-wrap{ position: fixed; right: 15px; bottom: 15px; width: 60px; height: 60px; }
.chat-wrap .inner{ width:100%; height:100%; position:relative; }
.btn_chat{ border: 0; width: 100%; height: 100%; border-radius: 50%; padding: 15px; margin: 0; box-shadow: 2px 1px 2px 1px #0000006e; }
.btn_chat svg{ fill:#fff; }
.btn_chat:hover{ background:#fff; }
.btn_chat:hover svg{ fill:#5275c6; }
.chat-wrap .red-ball{ position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:#ff4a4a; }

/*======== main E ========*/

/*======== store page ========*/
.search_sotre_type, 
.search_text { width: 100%; }
.search_text dd>input[type="text"] { height: 34px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.search_sotre_type .input_btn_search { width: 33.33%; padding-right: 5px; float: left; }
.search_sotre_type .input_btn_search>input { padding-right: 25px; }

/* 매장 검색 결과 목록  */
.store_list .ui-jqgrid tr.jqgrow td { font-size: 13px; }
.store_list .ui-jqgrid tr.jqgrow td[aria-describedby="gridTableStore_STO_CD"] { font-size: 16px; }
.shoplist-frame { display: flex; flex-direction: column; font-size: 0; padding: 10px 5px; }
.shoplist-tit_cover { display: flex; font-size: 0; }
.shoplist-tit { display: flex; align-items: center; font-size: 0; overflow: hidden; }
.shoplist-icon_type { font-size: 12px; font-weight: normal; color: #555; text-align: center; padding: 2px 6px; border: 1px solid #bbb; border-radius: 3px; margin-right: 5px; }
.shoplist-icon_type.sg1, 
.shoptype.sg1 { color: #ef566e; border-color: #ef566e; }
.shoplist-icon_type.sg2, 
.shoptype.sg2 { color: #676ab1; border-color: #676ab1; }
.shoptype.sg2>dd { background-color: #676ab1; }
.shoplist-icon_type.sg3, 
.shoptype.sg3 { color: #4789c8; border-color: #4789c8; }
.shoptype.sg3>dd { background-color: #4789c8; }
.shoplist-icon_type.sg4, 
.shoptype.sg4 { color: #519d9f; border-color: #519d9f; }
.shoptype.sg4>dd { background-color: #519d9f; }
.shoplist-icon_type.sg0, 
.shoptype.sg0 { color: #fea665; border-color: #fea665; }

.sg0-1 { background-color: #e4955a; }
.sg0-2 { background-color: #fea665; }
.sg0-3 { background-color: #feb783; }

.shoplist-shop_name { font-size: 16px; line-height: 18px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shoplist-tit>small { padding: 4px 5px 0px 5px; }
.shoplist-icon_notice {	display: block;width: 14px;height: 14px;font-family: malgun gothic, sans-serif; font-size: 11px;line-height: 14px;font-weight: bold;color: #fff; border-radius: 50%; background-color: #ef4871; margin-right: 5px; }
.shoplist-icon-area { display: flex; margin-left: auto; align-items: center; font-size: 0; }
.shoplist-icon_pay { height: 20px; background-position: 0 50%; background-size: 50px; }
.shoplist-icon_use { font-size: 12px; line-height: 20px; color: #fff; text-align: center; padding: 0 7px; border-radius: 3px; }
.shoplist-icon_use.on { background-color: #8dc63f; }
.shoplist-icon_use.off { background-color: #888; }
.shoplist-cost_info { display: flex; padding: 10px 0 5px 0; font-size: 0; }
.shoplist-cost_info.etc { padding-top: 0; border-bottom: 1px dashed #ddd; }
.shoplist-cost_info>dl { display: flex; flex: 0 0 auto; align-items: center; }
.shoplist-cost_info>dl.shopnlist-service_cost { margin-left: auto; }
.shoplist-cost_info.etc>dl { flex: 1 0 auto; }
.shoplist-cost_info dt { font-size: 12px; font-weight: 300; }
.shoplist-cost_info dd { font-size: 12px; padding-left: 5px; }
.shoplist-cost_info dd>small { padding-left: 1px; color: black; }
.shoplist-sms_cost>dt { margin-left: auto; }
.shoplist-sms_cost>dd { font-size: 14px; font-weight: bold; color: #f64444; }
.shoplist-area_info { display: block; text-align: left; padding: 7px 0 0; font-size: 0; }
.shoplist-area_info>li { display: inline-block; font-size: 12px; color: #555; border-left: 1px solid #ddd; padding: 0 10px; }
.shoplist-area_info>li.shoplist-addr { border-left: 0; padding-left: 0; }
.shoplist-cost_info>dl.shopnlist-service_date>dt { margin-left: auto; }

/* 매장관리 > 매장 등록 */
.store_info_regd label { vertical-align: middle; }
.store_info_regd .store_type span:nth-child(1) { margin-right: 20px; }
.store_info_regd_box .title .input_but_line { padding: 0; margin-left: 5px; }
.store_info_regd_box .title .input_but_line:nth-of-type(1) { margin-right: 15px; }
.checkbox_service .check_box label { margin: 0; }
.form_type_table .hgt_box td { padding: 5px; }
.form_type_table .hgt_box .table_form_label { padding: 8px 10px; background: #edf5ff; }
.form_type_table .hgt_red { font-weight: bold; }
.sub_table.sms_price_table .sms_price>input { text-align: center;margin-right: 5px; }
.manager_info .table_form_label {text-align: center;}
.manager_info .table_form_label>label {	dispaly: block;}
.use_service-table input[type="text"] {	text-align: right;}
.use_service-table .date_box input[type="text"] { text-align: center;}
.use_service-table label.f_right {	padding-right: 5px;}
#free_service_setting td>span label { margin-right: 5px; }
#free_service_setting td .short_url input[type="text"] {width: calc(100% - 100px);}
#paymentSettingView .title {padding: 10px 0 5px 0;}
#nicepayView .check_box {margin: 2px 0;}
#facedevice_info .title .check_box {margin: 0 0 4px 10px;}
#facedevice_info thead td {	border: 0;}
#facedevice_info .label_devGubun {text-align: center;}
#facedevice_info .label_devGubun>label {display: block;	padding: 3px 0;}
#facedevice_info .botline {	border-bottom: 2px solid #ddd;}
#menuVeiw_popup table th {	font-weight: normal;}
#menuVeiw_popup table tbody th:nth-child(2) {padding-left: 10px;text-align: left;}
.admin-modal[aria-describedby="noticePopUp"] .ui-dialog-buttonpane{	display:none;}

.custel_auth-phone{ display: flex; flex-wrap: wrap; }
.custel_auth-phone input[name="cusTel"]{flex: 1; max-width: 130px; border: 1px solid #ddd; margin-right: 3px;}
.custel_auth-phone .btn{ margin: 0; }
.custel_auth-phone #phoneAuth .btn_blue{ height:100%; color: #ad2727; border-color: #dcc0c0; background-color: #ffeded; }
/* 매장관리 > AS */
.as_warp .form_type_table .table_form_label {padding: 5px 5px 5px 10px;}
.as_warp table input {	height: auto;}
.as_warp .pc_w_half.active textarea {	height: 225px;	border: 0;}

/* 매장관리 > 마케팅 */
.marketing_warp .pc_w_half.active textarea {	height: 225px;	border: 0;}

/* 매장관리 > 문자관리 */
.sms_warp .search_form_result {	-webkit-flex: 1 1 auto;	flex: 1 1 auto;}

/* 매장관리 > 매장현황 */
.totalinfo .tab_conts_inner {padding: 10px 20px;}
.totalinfo .tab_conts_inner>div {padding-top: 10px;}
.tab_conts.totalinfo .tit-bot_line {padding-top: 10px;}
.conts_info_total {	overflow: hidden;}
.conts_info_total .pc_w_half.active {padding: 0;}
.totalinfo .search_form_keyword .tit_txt {vertical-align: middle;}
.totalinfo .search_form_keyword select {font-weight: bold;	margin: 0 5px;}
.conts_info_totalpay .sub_table {background: none;padding: 0 5px;border: 0;margin: 0;}
.conts_info_totalpay .sub_table td {text-align: right;}
.conts_info_totalpay .sub_table td.table_form_label {text-align: left;}
.conts_info_totalpay .sub_table .tit-short_line {margin-bottom: 3px;}
#btnAreapayTotal {padding: 5px 10px}
#btnAreapayTotal strong { font-weight: 1rem;}
.have_store-info { font-size: 12px; text-align: center; }
.have_store-graph-bar { flex: 1 1 auto; min-width: 45px; margin: 3px 2px 2px; }
.have_store-graph-bar>dl { width: 100%; padding: 10px 0 0; border-width: 1px; border-style: solid; }
.have_store-graph-bar>dl dd { color: #fff; margin-top: 6px; }
.have_store-graph-bar>dl.sg0 { padding-top: 5px; }
.have_store-graph-bar>dl dd.shop_all_abc { display: flex; margin-top: 5px; color: #fff; }
.have_store-graph-bar i { display: inline-block; font-style: normal; font-weight: bold; padding: 5px; }

.sg1 {
	color: #ef566e;
	border-color: #ef566e;
}

.sg2 {
	color: #676ab1;
	border-color: #676ab1;
}

.sg2>dd {
	background-color: #676ab1;
}

.sg3 {
	color: #4789c8;
	border-color: #4789c8;
}

.sg3>dd {
	background-color: #4789c8;
}

.sg4 {
	color: #519d9f;
	border-color: #519d9f;
}

.sg4>dd {
	background-color: #519d9f;
}

.sg0 {
	color: #fea665;
	border-color: #fea665;
}

.sg0-1 {
	background-color: #e4955a;
}

.sg0-2 {
	background-color: #fea665;
}

.sg0-3 {
	background-color: #feb783;
}

#shopAll5Text>i {
	padding: 0 0 0 5px;
	color: #ff8429;
	font-weight: bold;
	margin-right: 5px;
}

.shopusetype {
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #bbb;
	padding: 2px 10px;
	position: relative;
}

.shopusetype:before, 
.shopusetype:after {
	content: "";
	display: block;
	border-top: 4px solid transparent;
	border-right: 6px solid #bbb;
	border-bottom: 4px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}

.shopusetype:before {
	left: -6px;
}

.shopusetype:after {
	border-right-color: #fff;
	left: -5px;
}

.shopusetype small {
	color: #bbb;
	padding: 0 1px;
}

#shopOn {
	margin-right: 5px;
}

.shop_all_abc>span {
	flex: 1 1 auto;
	min-width: 55px;
}

.have_store-total {
	color: #fff;
	padding: 10px 5px;
	background: #5674b9;
	margin: 2px;
}

.have_store-total_val {
	color: #fff700;
	font-weight: bold;
	padding-left: 5px;
}
/*======== store page E ========*/

/*======== send message ========*/
#smsTranTest, 
.smstran_wrap {
	width: 100%;
	height: 100%;
}

.smstran_wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.sendmsg_wrap .search_input_box input[type=text] {
	margin-right: 5px;
}

.sendmsg_wrap .search_text input[type=text] {
	max-width: none;
}

.sendmsg_wrap .search_input_box .date_box input[type=text] {
	margin-right: 0;
}

.sendmsg_wrap .search_input_box label {
	font-size: 12px;
	vertical-align: middle;
}

.sendmsg_wrap .search_form_result .tit_box>span {
	padding-right: 5px;
}

#msg_sms_conts{
	position:relative;
}
#msg_sms_conts .noti{
	width:100%;
	height:100%;
	position:absolute;
    top: 0;
    left: 0;
	background:rgba(255,255,255,0.6);
	color:#fff;
	cursor:pointer;
}
#msg_sms_conts .noti .flex_center{
	width:100%;
	height:100%;
}
#msg_sms_conts .noti .flex_center >p{
	font-size:1.2rem;
	line-height:1.4;
	background:#383943;
	padding:10px 20px;
    text-align: center;
    margin: 0 auto;
    border-radius:5px;
}
.smstran_common_info {
	font-size: 0;
	overflow: hidden;
	flex: 0 0 40px;
	padding: 3px 10px;
	background: #fafafa;
}

.smstran_common_info span {
	font-size: 12px;
	padding: 0 5px;
	border-right: 1px solid #ddd;
	margin: 0 2px;
}

.smstran_common_info span:last-child {
	border: 0;
}

.smstran_smspay_cnt {
	font-size: 12px;
}

#smsCnt {
    text-align: center;
    max-width: 90px;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 0;
    background: transparent;
}

.smstran_wrap table input[type="text"] {
	height: 34px;
}

.smstran_wrap .flex_center .flex_right {
	margin-left: auto;
}

.smstran_wrap .chksms_info input[type="text"] {
	height: 22px;
	font-weight: bold;
	text-align: right;
}
.msg_conts textarea,
#content {
	border: 0;
	margin: 0;
}
#msgCount,
#msgByte {
	text-align: right;
    height: 20px;
    line-height: 20px;
    padding: 0 2px;
    color: #000;
}

#kakaoSmsContents{
    border-radius: 5px;
    box-shadow: 1px 1px 2px #ddd;
}
#friendsArea .type_box_tit,
#kakaoArea .type_box_tit{
    color: #381e1f;
    padding-left: 43px;
    background: #ffeb00 url(/resources/content/images/serviceinfo/ic_info_kakao.png)no-repeat 0% 50% / 45px;
    border-color: #ddd;
}
#friendsArea .type_box_conts,
#kakaoArea .type_box_conts{
	border-color: #ddd;
}

#smsArea .type_box_tit{
	color: #381e1f;
    padding-left: 43px;
    background:#edf5ff url(/resources/content/images/serviceinfo/ic_info_sms.png)no-repeat 5px 50% / 35px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    
}

#kakaoArea .type_box_tit{
    justify-content: space-between;
    align-items: center;
    align-content: center;
    
}

#pushArea .type_box_tit{
	color: #7e4444;
    padding-left: 58px;
    background: #ffeded url(/resources/content/images/serviceinfo/ic_minipush.png)no-repeat 5px 50% / 50px;
    border-color: #dcc0c0;
    justify-content: space-between;
}

#requestGoodsPay .type_box_tit{
	background:#edf5ff;
}


.kakao_friends_btnarea{
    padding: .4em;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 5px 0;
}

.kakaofriends--input{
	display:flex;
	align-items:center;
	padding:.2em;
    flex-wrap: wrap;
}
.kakaofriends--input >label{
	flex:0 0 auto;
	font-size:12px;
	min-width:80px;
}

.pushaddimg{
    padding: 10px 0;
}

.pushimgadd_preview {
    background: #f9f9f9;
    border-radius: 5px;
}

.pushimgadd_preview dt {
	width: 100px;
	height: 140px;
	text-align: center;
	color: #bbb;
	background-color: #f5f6fa;
	border: 1px solid #eee;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	position: relative;
}

.pushimgadd_preview dt:before {
	content: 'NO-IMAGE';
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.pushimgadd_preview dt>img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.pushimgadd_preview dd {
	height: 140px;
	line-height: 14px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.img--kakaofriend{
	margin-bottom: .8em;
}
.img--kakaofriend .pushimgadd_preview{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding:.4em;
    flex-wrap:wrap;
}
.img--kakaofriend dt{
	width:200px;
    height: 100px;
    margin: 0.4em;
    flex: 0 0 auto;
}
.img--kakaofriend dd{
    flex: 1;
    text-align: left;
    display: block;
    padding: 0.4em;
    height: auto;
}
.img--kakaofriend__img{ padding:.4em 1em; }
.img--kakaofriend__box{ background: #f9f9f9; display: flex; flex-wrap: wrap; align-items: baseline; padding:.2em 1em; }
.img--kakaofriend__box >label{ flex: 0 0 auto; min-width: 80px; font-size:12px; }
.img--kakaofriend__box .btn{ flex: 0 0 auto; }

.kakaofriends--flex{ flex:1 1 auto; display:flex; align-items: center; flex-wrap: wrap; }
.flex0-auto{ flex:0 0 auto; }

.editor-type-white .title {
	padding: 10px 0 5px 0;
	clear: both;
}

.btn_sale-banner-style01 {
	background: #fff
		url(/resources/content/images/template/item_topbanner/sale-item-text-style01.png)
		no-repeat 10% 50%/60px;
	padding-left: 80px;
}

.char_count{
    font-size: 1rem;
    color: #666;
    font-weight: normal;
    margin-top:3px;
}

.push_area .save_area{
    margin: 10px 0;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
}
.goodspay_area .type_box_conts_inner li{
	padding:5px 0;
}
.goods_info label{
	display:inline-block;
	vertical-align:middle;
	width:60px;
}
.goods_info input[type="text"]{
	width:calc(100% - 60px);
}

#pushMsgContent{
    box-shadow: inset 1px 1px 3px 1px #ddd;
    border-radius: 5px;
    border: 0;
}
#pushLinkArea .type_box_subtit{
	vertical-align: middle;
} 
#pushLinkArea .width-minus_btn input{
    width: calc(100% - 120px);
}

#miniShopBtnArea{
	text-align:center;
	padding:10px 0;
}
.goodspay_area .type_box_conts_inner li:last-child{
	text-align:center;
}

.interval_area{
	clear:both;
	padding:5px 0 0;
	overflow:hidden;
}
.interval_area .cmt{
	display:inline-block;
	line-height:30px;
}

#blockNum{border:0;}
.btn_area_half{
    padding: 10px 2px 3px 2px;
    font-size: 0;
    display: flex;
}
.btn_area_half .halfbox{
    display: inline-block;
    width: 50%;
    height: 40px;
}
.btn_area_half .halfbox:first-child{
	padding-right:5px;
}
.btn_area_half .halfbox:last-child{
	padding-left:5px;
}

.halfbox .btn{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	box-shadow: 0px 1px 2px 1px #dfdfdf;
}

.halfbox .cmt{
	display:inline-block;
}
#tSmsConfirmPopUp{
	border-color:#fff;
}

.ui-dialog[aria-describedby="tSmsConfirmPopUp"] .ui-dialog-buttonpane{
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0 10px 30px;
}

.ui-dialog[aria-describedby="tSmsConfirmPopUp"] .ui-dialog-buttonpane .ui-dialog-buttonset{
    float: unset;
}

.ui-dialog[aria-describedby="tSmsConfirmPopUp"] .ui-dialog-buttonpane button{
    margin: 5px;
    padding: 7px 25px;
}
#resMsgCancelbtn{
	font-size:12px;
}
/* 메시지 미리보기 */
.msgtran_preview_wrap {
	padding: 20px 10px;
}

.msgtran_preview .title {
	margin-bottom: 10px;
}

.msgtran_preview>.cmt {
	text-align: center;
}

#btn_smstype {
	font-size: 0;
	text-align: center;
	padding-bottom: 5px;
}

#btn_smstype .btn.active {
	color: #445a7e;
	border-color: #c0ccdc;
	background: #edf5ff;
}

#phoneHome_btn:hover {
	background: #edf5ff;
}

#eventpageLink_btn {
	color: #5275c5;
	border-bottom: 1px solid #5275c5;
	cursor: pointer;
}

#pushDetail_btn {
	cursor: pointer;
}

#pushDetail_btn:hover {
	background-color: #445a7e;
}

#lmsDetailPage_btn:hover span {
	font-weight: bold;
}

.msgtran_preview_wrap img, 
.msgtran_preview_wrap iframe {
	width: 100%;
	height: auto;
}
.smstran_smspay_info{
display:inline-block;	
}

.msgsend_warp table td{
	background-color:#fff;
}
.msgsend_warp .msg_type .check_box >span{
	padding-right:10px;
}
.msgsend_warp .msg_type .check_box >span.r_line{
	border-right:1px solid #bbb;
}
.msgsend_warp .msg_type .check_box label{
    margin:2px;
}

.msgsend_warp .pc_w_half:nth-child(1).active {
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
}

.msgsend_warp .pc_w_half:nth-child(2).active {
	width: 300px;
	margin: 0 auto;
}

.msgsend_warp .pc_w_half.active .msgtran_preview_wrap {
	padding: 0;
}

.msgtran_preview .phone_img_wrap {
	width: 100%;
}

.msgtran_preview .phone_img {
	width: 250px;
	height: 450px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	margin: 0 auto;
}

.msgtran_preview .phone_img_top_wrap {
	font-size: 0;
	padding: 10px 5px;
}

.msgtran_preview .phone_img_top {
	width: 100%;
	text-align: center;
}

.msgtran_preview .phone_img_top:before {
	content: "";
	display: inline-block;
	width: 80px;
	height: 7px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.msgtran_preview .phone_img_top:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #ddd;
	border-radius: 50%;
	margin-left: 5px;
	box-sizing: border-box;
}

.msgtran_preview .phone_img_mid {
	width: 90%;
	height: 380px;
	border: 1px solid #ddd;
	background: #e9e9e9;
	margin: 0 auto;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.msgtran_preview .phone_img_mid>div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.msgtran_preview .phone_img_mid ol {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}

.msgtran_preview .phone_conts {
	display: none;
	width: 100%;
	height: 100%;
	font-size:12px;
	background: #354052;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

.msgtran_preview .phone_conts_inner {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}

.msgtran_preview .phone_img_mid .phone_conts.sms {
	display: table;
}

.msgtran_preview pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 16px;
}

.msgtran_preview pre.lms_text {
	overflow: hidden;
    word-break: break-word;
}

.msgtran_preview .sms .phone_conts_inner {
	vertical-align: top;
	padding-top: 20px;
}

.msgtran_preview .phone_conts:first-child .phone_conts_inner {
	text-align: center;
	color: #fff;
	padding: 10px 20px;
	line-height: 22px;
}
.msg_kakao_template .bot textarea{
    box-shadow: inset 1px 1px 3px 1px #ddd;
    border-radius: 5px;
    border: 0;
    margin:5px 0 10px 0;
}
.kakao_template .top{ clear: both;}
.kakao_template .top_w50{
	padding:5px;
}
.kakao_template .top_w50 textarea{
	border-radius: 5px;
	box-shadow: 1px 1px 2px #ddd;
	min-height: 290px;
}
.kakao_template .bot{
	clear: both;
	padding:0 5px;
}
.kakao_template .bot ul >li{
    padding: 2px 0;
}
.kakao_temp_item{
    display: flex;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius:5px;
    overflow:hidden;
}
.kakao_temp_name{
    flex: 0 0 90px;
    float: left;
    background: #fffa90;
    border-right: 1px solid #ddd;
    font-weight: bold;
    padding: 10px 5px;
}
.kakao_temp_conts{
    padding: 10px;
    flex: 1 1 auto;
}
.kakao_temp_input{
	margin:5px 0 0 0;
}
.kakao_agree_text{    
	border: 1px solid #ddd;
	border-radius:5px;
    background: #fafafa;
    padding: 10px;
    margin: 10px 5px;
}
.kakao_agree_text ul >li{
    padding: 5px 0;
}
.kakao_agree_text .tit{
    font-weight: bold;
}
.kakao_agree_text .conts{
    text-indent: 5px;
    line-height: 1.4;
    font-size: 12px;
    padding: 0 10px 10px 10px;
}
.kakao_agree_check{
    text-align: center;
}
.kakao_agree_check input[type="checkbox"]+label{
	font-weight: bold;
}
#kakaoTalkchangeSms{
    padding: 10px;
}
.msg_title{
	padding:5px 0;
}
.msg_title >input[type='text']{
    background: #fff;
    box-shadow: inset 1px 1px 3px 1px #ddd;
    border-radius: 5px;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.sms_conts{
	overflow:hidden;
}
.reservation_choice{
	padding:5px 10px;
}
.reservation_choice .date_box,
.reservation_choice .hour,
.reservation_choice .minute{
	margin:0 3px;
}
.msg_callerid{
	padding:5px 0;
}
.msg_callerid >label,
#sms_adWord_bot >label{
	vertical-align: middle;
}
.msg_callerid >input{
	border:0; padding-bottom:3px;
}

/* 푸시 알림 미리보기 */
.msgtran_preview .push_box {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #007dfe;
}

.msgtran_preview .push_tit_area {
	padding-left: 25px;
	background: url('/resources/content/images/common/snspush_icon.png')
		no-repeat 3px 50%;
	background-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}

.msgtran_preview .push_tit_area, 
.msgtran_preview .push_subtit_area {
	display: block;
	width: 200px;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.msgtran_preview .push_preview_conts>img {
	width: 100%;
	margin-bottom: 8px;
}

.msgtran_preview .push_preview_btn {
	text-align: center;
}

.msgtran_preview .push_preview_btn>span {
	display: inline-block;
	line-height: 22px;
	color: #fff;
	background-color: #6f6c65;
	padding: 0 20px;
	border: 1px solid #64635f;
	border-radius: 6px;
	margin: 0 3px;
}

/* 장문, 단문 미리보기 */
.msg_icon {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #c0ccdc;
	float: left;
}

.msg_icon>dt {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #fff;
	margin: 4px auto 0 auto;
}

.msg_icon>dd {
	width: 19px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	margin: 2px auto 0 auto;
}

.msg_conts {
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	float: left;
	padding: 5px 0 5px 5px;
}

.msg_conts>ul {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 8px;
}

#sms_adWord_top{
	padding:0 0 5px 0;
}

.msg_conts textarea.lms_text {
	height: 160px;
	color: #333;
	background-color: transparent;
	padding: 0;
	border: 0;
	margin: 0;
	overflow: hidden;
}

.lms_bot {
	padding-top: 5px;
	border-top: 1px solid #aaa;
	margin-top: 5px;
	overflow: hidden;
}

.lms_bot>ul {
	display: inline-block;
	width: 15px;
	height: 17px;
	padding: 1px 2px;
	border: 1px solid #aaa;
	margin: 1px 7px 0 0;
	position: relative;
	float: left;
}

.lms_bot>ul:before {
	content: "";
	border-top: 3px solid #d7d9dc;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #d7d9dc;
	position: absolute;
	top: -1px;
	left: -1px;
}

.lms_bot>ul:after {
	content: "";
	border-top: 3px solid transparent;
	border-right: 3px solid #aaa;
	border-bottom: 3px solid #aaa;
	border-left: 3px solid transparent;
	position: absolute;
	top: -1px;
	left: -1px;
}

.lms_bot>ul .line {
	width: 100%;
	border-bottom: 1px solid #aaa;
	margin: 2px 0;
}

.lms_bot>span {
	line-height: 21px;
	float: left;
}

.lms_bot b {
	display: block;
	width: 10px;
	height: 21px;
	position: relative;
	float: right;
}

.lms_bot b:before {
	content: "";
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #aaa;
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -6px;
}

.lms_bot b:after {
	content: "";
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #d7d9dc;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -6px;
}
/* 장문 모두보기  미리보기 화면 */
.msgtran_preview .phone_conts.lms_conts_frame {
	height: auto;
	background-color: #fff;
	padding: 20px 10px;
}

.lms_conts_frame .phone_conts_inner {
	display: block;
	width: 100%;
}

.lms_conts_frame textarea {
	width: 100%;
	height: 345px;
	color: #333;
	padding: 0;
	border: 0;
}

.lms_conts_frame p {
	padding: 2px 0;
}

/* 카카오톡 알림톡 미리보기 */
.msg_icon.kakao {
	background: url(/resources/content/images/common/snspush_icon.png)
		no-repeat 50% 50%;
	background-size: 24px;
	background-color: #fff;
	border-radius: 12px;
}
.phone_conts.kakao{
	padding-top:10px;
}
.kakao_conts {
	padding: 20px 20px 5px 5px;
}
#kakaoViewDetail{
	padding:10px;
}
.kakao_conts>p {
    color: #fff;
    margin-top: -12px;
    padding-bottom: 5px;
}

.kakao_conts>ul {
	background-color: #fff;
	border-radius: 3px;
	padding: 0;
}

.kakao_conts>ul li.kakao_tit {
	text-align: center;
	background-color: #ffeb00;
	line-height: 32px;
	position: relative;
	border-top-left-radius: 3px;
}
.kakao_conts >ul li.kakao_btn{
	text-align:center;
	padding:5px;
}
li.kakao_btn .btn{
	width:100%;
	margin:0;
}
.kakao_tit>i {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #3c1e1e;
	display: block;
	color: #ffeb00;
	line-height: 32px;
	position: absolute;
	top: -25px;
	right: -20px;
}

.kakao_conts textarea.lms_text {
	padding: 10px;
	height: 320px;
	overflow-y: auto;
}

/* 푸시 상세페이지 미리보기 */
.msgtran_preview .phone_conts.push_detail {
	display: none;
	background-color: #eee;
	padding: 0;
}

.push_detail>.phone_conts_inner {
	display: block;
	width: 100%;
}

.push_detail .push-d-tit {
	width: 100%;
	padding: 10px 10px 0px 10px;
	background: #fff;
	overflow: hidden;
}

.push_detail .push-d-conts {
	padding: 5px;
}

.push_detail .push-d-conts>ol {
	background-color: #fff;
	padding: 20px 0;
}

#pushDetailpreViewTit {
	display: block;
	width: 55%;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
}

.push_detail .push-d-subtit, 
.push_detail .push-d-txt {
	padding: 5px 10px;
}

.push_detail .push-d-img {
	width: 100%;
	padding: 0 10px;
}

.push_detail .push-d-txt>textarea {
	border: 0;
	color: #383943;
}

.push_detail .push-d-link {
	text-align: center;
}

.push_detail .push-d-link>button {
	border: 0;
	background: #bbb;
	padding: 3px 20px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}
#sendTell {font-size:12px;}

/* 이벤트페이지 미리보기 화면 */
.msgtran_preview .phone_conts.sms_link {
	background-color: #fafafa;
	overflow-y: auto;
	padding:0;
}

.msgtran_preview .phone_conts_inner.webview_frame {
	display: block;
	vertical-align: top;
}

.sms_link .inbox {
	padding: 5px;
}

.sms_link .messageImgBox {
	width: 165px;
	margin: 0 auto;
	overflow: hidden;
}

.sms_link .messageImgBox>img {
	width: 100%;
}

.choice_day {
    font-size: 11px;
    text-align:center;
    padding-top: 10px;
    margin-bottom:10px;
}
.choice_day>span {
    display: inline-block;
	padding: 2px 20px 2px 10px;
    background: #fff url(/resources/content/images/icon/ic_select_arrow.png) no-repeat right 5px center;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.webview_contents {
	overflow: hidden;
}

.webview_contents_inner {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 5px;
}
.webview_menu{
	background: #fff;
	overflow:hidden;
}
.webview_menu span{
	width:50%;
	float:left;
	padding:5px 2px;
	border:1px solid #ddd;
	text-align:center;
}
.webview_menu span:last-child{
	border-left:0;
	border-bottom:0;	
}
.storeImg{
    width: 100%;
    height: 70px;
    background-color: #eee;
    color: #aaa;
    font-size: 11px;
    text-align: center;
    padding-top: 20px;
}
.storeName {
    padding: 10px;
    margin-top: -40px;
}

.storeName p {
    font-size: 12px;
    text-align: center;
    background-color: rgb(255 255 255 / 80%);
    padding: 15px 5px;
}
#eventpageOfficeName{
	display:block;
    margin-bottom: 8px;
}
.storeName .phone{
	background: url(http://www.shopnshop.net/img_up/shop_pds/shopnshop/design/img/ic_common_call.png) no-repeat 5px 50% / 14px;
    padding: 2px 10px 2px 22px;
    color: #53b0ae;
    border: 1px solid #53b0ae;
    border-radius: 5px;
    font-size: 10px;	
}

.messageTitle_frame h3 {
	display: inline-block;
	font-size: 12px;
	line-height: 1.2;
	padding: 0 5px;
	border-bottom: 2px solid #444;
}

.messageTitle_frame .messageTextBox {
	padding: 0;
	width: 183px;
	margin: 0 auto;
	text-align: center;
}

.messageTitle_frame .messageTextBox >h3 {
	line-height:1.4;
	padding-bottom:5px;
}

.messageDetailPhoto_frame img {
	padding: 10px;
}

.messageDetailText_frame .messageTextBox {
	padding: 0 5px;
	line-height: 1.2;
}

.push_detail .push-d-txt img, 
.messageDetailText_frame .messageTextBox img {
	width: 100% ! important;
	height: auto ! important;
}

/*이벤트 페이지 미리보기 - 상품추가(이미지,텍스트)시 사이즈 축소*/
.msgtran_preview_wrap .temp01 .item-top-banner-title {
	font-size: 14px ! important;
	text-shadow: 1px 1px #b92828 ! important;
}

.msgtran_preview_wrap .temp01 .item-top-banner-img {
	width: 60px ! important;
	position: relative;
	z-index: 1;
}

.msgtran_preview_wrap .temp01 .item-top-banner-conts>i {
	width: 4px;
	height: 4px;
	left: 5px;
	margin-top: -2px;
}

.msgtran_preview_wrap .temp01 .item-top-banner-conts>i:nth-of-type(2) {
	right: 5px;
	left: auto;
}

.msgtran_preview_wrap .temp01 .item-name {
	font-size: 12px;
	line-height: 1;
}

.push-d-txt .item-add-frame.type-img figure, 
.messageDetailText_frame .item-add-frame.type-img figure {
	width: 60px;
	padding: 10px;
}

.push-d-txt .item-add-frame p, 
.messageDetailText_frame .item-add-frame p {
	padding: 5px;
}

.messageDetailText_frame .item-add-frame.type-txt span {
	padding-left: 2px;
}

.messageTextBox textarea {
	padding: 5px;
	border: 0;
}

/* 휴대폰 하단 버튼 */
.msgtran_preview .phone_img_bot_wrap {
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

.msgtran_preview .phone_img_bot {
	width: 76px;
	height: 18px;
	border-radius: 6px;
	border: 1px solid #ddd;
}

.black_cover_note {
	position: absolute;
	top: 0;
	left: 3px;
	width: -webkit-calc(100% - 3px);
	width: calc(100% - 3px);
	padding-bottom: 30px;
	height: 100%;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
	justify-content: center;
	z-index:1;
}

/* 메시지 관리 > 메시지 만들기 */
#messageMake {
	width: 100%;
}

.msgmakesave_warp .sub_search_wrap {
	padding-top: 0;
}

.msgmakesave_warp .search_form_keyword .conts {
	padding-top: 0;
}

.msgmakesave_warp .pc_w_half.active .special_char_wrap {
	left: -280px;
}

/* 메시지 관리 > 메시지 만들기 > 전단지 만들기*/
#messageMake .tab_conts_wrap, 
.tab_btn_conts {
	overflow: hidden;
}

#popup, 
#popup2 {
	padding-top: 12px;
}

.jeondanimg_warp .pc_w_half.active, 
.couponimg_warp .pc_w_half.active {
	width: 520px;
}

.jeondanimg_warp .pc_w_half.active:nth-child(1), 
.couponimg_warp .pc_w_half.active:nth-child(1)
	{
	width: -webkit-calc(100% - 520px);
	width: calc(100% - 520px);
}

.jeondanimg_warp .search_text dt {
	font-size: 12px;
}

.font-style_area .btn_num_control, 
.font-style_area select {
	margin: 0 15px 0 2px;
}

.font-style_area .font-style {
	display: inline-block;
	line-height: 32px;
}

.goods_search_list .ui-jqgrid-bdiv {
	min-height: 230px;
}

.goods_search_list .preview {
	max-width: 80px;
	max-height: 80px;
}

.preview_jeondan_area {
	width: 100%;
	clear: both;
}

.preview_jeondan, 
.preview_coupon {
	width: 100%;
	max-width: 500px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 auto;
	position: relative;
}

.pc_w_half.active .preview_jeondan, 
.pc_w_half.active .preview_coupon {
	width: 500px;
	height: 700px;
}

.preview_jeondan .backimg, 
.preview_coupon .backimg {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.preview_jeondan .headerText {
	width: 100%;
	text-align: center;
	padding: 0;
	border: 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.preview_jeondan .bottomText {
	width: 100%;
	text-align: center;
	padding: 0;
	border: 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.preview_jeondan .productContiner {
	width: 100%;
	line-height: 30px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0);
	border: 0px;
	position: absolute;
	left: 0;
	z-index: 10;
}

.preview_jeondan .productContiner_inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.preview_jeondan .product_conts {
	width: 100%;
	height: 100%;
	position: relative;
}

.preview_jeondan .product_conts img {
	width: 100%;
	height: 100%;
}

.preview_jeondan .product_conts input.pName {
	width: 100%;
	z-index: 11;
	position: absolute;
	bottom: 30px;
	left: 0;
	height: 30px;
	line-height: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	text-align: center;
	border: 0px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	font-family: "바탕";
}

.preview_jeondan .product_conts input.pPrice {
	width: 100%;
	z-index: 11;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	text-align: center;
	border: 0px;
	color: red;
	font-size: 30px;
	font-weight: bold;
	font-family: "바탕";
}

.preview_jeondan .product_conts	.btn_close {
	display: none;
}

.preview_jeondan .product:last-child .product_conts	.btn_close {
	display: block;
	z-index: 11;
	position: absolute;
	top: 5px;
	right: 5px;
}
#preview_pop{
	background-color: #e7ebec;
}
#preview_pop .pop_conts{
	max-width: 500px;
	max-height: 700px;
	background-color: #e7ebec;
}

#preview_pop img {
	width: 100%;
	height: auto;
}

#popup2 .tit-short_line {
	padding-bottom: 2px;
}

.preview_coupon .topText, 
.preview_coupon .bottomText, 
.preview_coupon .extText {
	text-align: center;
	padding: 0 10px;
	border: 0;
	background: transparent;
}

.preview_coupon .itemImage {
	width: 355px;
	height: 355px;
	position: absolute;
	left: 50%;
	margin-left: -175px;
	top: 150px;
}

.preview_coupon .coupontype_all .topText {
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	font-family: "바탕";
	position: absolute;
	color: #888;
	top: 385px;
	left: 0;
}

.preview_coupon .coupontype_all .bottomText {
	height: 90px;
	line-height: 90px;
	font-size: 36px;
	font-weight: bold;
	font-family: "malgun gothic";
	color: #ee4949;
	position: absolute;
	top: 425px;
	left: 0;
}

.preview_coupon .coupontype_all .extText {
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	position: absolute;
	font-family: "malgun gothic";
	top: 520px;
	left: 0;
}

.preview_coupon .coupontype_single .topText {
	height: 35px;
	line-height: 35px;
	font-size: 32px;
	font-weight: bold;
	font-family: "바탕";
	color: #ee4949;
	padding: 0 70px;
	position: absolute;
	top: 523px;
	left: 0;
}

.preview_coupon .coupontype_single .bottomText {
	height: 110px;
	line-height: 1.2;
	text-align: left;
	font-size: 16px;
	font-family: "malgun gothic";
	padding: 0 80px;
	position: absolute;
	top: 575px;
	left: 0;
}

.preview_coupon .coupontype_single .extText {
	display: none;
}

.couponimg_warp .coupon_path {
	max-width: 500px;
	padding: 2px 0;
	margin: 0 auto;
}

.couponimg_warp .coupon_path>label {
	display: inline-block;
	font-size: 12px;
	min-width: 30px;
}

.couponimg_warp .coupon_path>input {
	width: -webkit-calc(100% - 35px);
	width: calc(100% - 35px);
	height: 22px;
}

#coupon_bottom_content {
	text-align: left;
	padding: 0 30px;
}

/* 메세지 관리 > 문자 전송 결과 */
.note_area>span {
	padding: 0 3px;
}

.note_area small {
	border-right: 1px solid #333;
	padding-right: 8px;
	margin-right: 8px;
}

.note_area small:last-child {
	border-right: 0;
	margin-right: 0;
}
/*======== send message E ========*/

/* ============== code ================= */
.code_wrap .move_area_right {
	width: 100%;
	height: 100%;
	padding: 20px;
	overflow-y: auto;
}

.code_wrap .pc_w_half {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#formCodeclassSearch fieldset, 
#formCodeSearch fieldset {
	height: 100%;
}
/* ============== code E ================= */

/*======== item page 상품관리 ========*/
.item_wrap .stakeholder {
	font-size: 0;
}

.item_wrap .stakeholder .inlineblock {
	margin: 1px 0 1px 2px;
}

.category_code .inlineblock {
	padding: 1px 5px 1px 0;
}

.category_code .inlineblock input:first-child {
	margin-right: 2px;
}

.category_code .btn, 
#btnSearchMaincodeCall {
	margin: 0;
	vertical-align: middle;
}

#formItemImg .check_box{
	margin:2px 0 5px 0;
}

#search_realSto {
	height: 22px;
	margin-right: 3px;
}

.btn_arrow_area {
	font-size: 0;
	padding: 0 0 5px 0;
}

.btn_arrow_area .btn {
	margin: 0 2px;
	vertical-align: middle;
}

.btn_arrow_area input {
	margin: 0 2px;
	height: 22px;
}

.item_search_form_result .conts {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.item_search_form_result .conts .grid_area {
	-webkit-flex: 1;
	flex: 1;
}

.item_msg_wrap textarea {
	height: 220px;
}

.item_msg_wrap .btn_sale-banner-style01 {
	width: 60px;
	height: 20px;
	padding: 0;
	border: 0;
}

.img_grid {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.img_grid_pager {
	width: 100%;
	font-size: 12px;
	line-height: 22px;
	padding: 0 10px;
}

.img_grid_conts {
	-webkit-flex: 1;
	flex: 1;
	overflow: hidden;
	overflow-y: auto;
}

.img_grid_conts ul {
	padding: 10px;
	font-size: 0;
}

.img_grid_conts li {
	display: inline-block;
	width: 33.33%;
	padding: 3px;
	font-size: 12px;
}

.img_grid_conts .itembox {
	text-align: center;
	padding: 10px;
	border: 1px solid #ddd;
}

.img_grid_conts img {
	width: 100%;
}

.img_grid_conts .thumbnail {
	padding: 5px;
}

.img_grid_conts .name {
	font-weight: bold;
	padding: 3px 0;
}

.img_grid_conts .sub_name {
	display: none;
}

.img_grid_conts .jpg_name {
	padding: 3px 0 10px 0;
}

.item_batch_wrap .radio_box {
	padding-top: 5px;
}

.item_print_wrap .pop-template-type {
	font-size: 0;
	text-align: center;
}

.item_print_wrap .pop-template-type>li {
	display: inline-block;
}

#maincodeLabel{
	font-size:12px;
	vertical-align:middle;
	padding:0 2px;
}
#divMaincodeCheck{
	max-width:440px;
	padding:10px;
}
#divMaincodeCheck .check_box{
	min-width:140px;
	padding:5px;
}
/*======== item page E ========*/

/*======== member page ========*/
#smsTranTest.popup_wrap .tab_menu{
	display:none;
}
	
.member_wrap .search_input_box dd {
	font-size: 12px;
}

.member_info_wrap .pc_w_half.active {
	padding: 5px;
}

.member_info_wrap .online_opction_check .check_box {
	margin-top: 5px
}

.member_info_wrap .online_opction_check .check_box label {
	min-width: 140px;
}

.sub_table .table_form_label{
	font-size:12px;
}

.excelupload_member_wrap a {
	margin: 10px 10px 0 10px;
}
.excelupload_member_wrap .search_form_result{
	padding-bottom:10px;
}
.howtoupload {
	font-size: 1rem;
	line-height: 1.6;
	padding: 10px;
}

.howtoupload li:nth-child(4) {
	padding-top: 10px;
}

.howtoupload li:nth-child(5), .howtoupload li:nth-child(6) {
	padding-left: 10px;
}

#memberInfo, 
#memberInfo fieldset {
	width: 100%;
	height: 100%;
}

.birthday .date_box {
	vertical-align: middle;
}



/*======== member page E ========*/

/*======== staff page ========*/
.staff_wrap>form, 
.staff_wrap>form>fieldset {
	width: 100%;
	height: 100%;
}
/*======== staff page E ========*/

/*======== student page ========*/
.student_wrap #bigo {
	height: 40px;
}

#class_reg_list .center {
	text-align: center;
}

#class_reg_list input[disabled] {
	text-align: right;
}

#smsTranTest.popup_wrap fieldset {
	position: unset;
}

.student_faceattend_warp .search_form_keyword.row .btn {
	margin: 0 2px;
}

.student_faceattend_warp .search_form_keyword.row .date_box {
	padding-right: 10px;
}
/*======== student page E ========*/

/*======== acapayment page ========*/
#searchSelectYear, 
#selectYear {
	margin-right: 5px;
}

.acapayment_wrap #searchSelectYear,
.acapayment_wrap #searchSelectMonth{
	min-width:80px;
}

.acapayment_info_warp table .subtit {
	font-weight: bold;
}

.acapayment_info_warp table .subtit label {
	padding: 0 5px;
}

.acapayment_info_warp table .radio_box {
	margin-top: 5px;
}

.acapayment_info_warp .empty{
	min-height:auto; padding:.2em; margin:0;
}
.acapayment_info_warp .empty td{
	border:0;
}

.acapayment_report_warp .tab_conts_inner {
	padding: 5px 15px;
}

.acapayment_report_warp .sub_table {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	background: none;
	border: 0;
	margin: 0;
}

.acapayment_report_warp .table_frame {
	-webkit-flex: 1 1 205px;
	flex: 1 1 205px;
	padding: 2px;
}

table.pcs_table td {
	padding: 8px 0;
	border-right-width: 0;
}

table.pcs_table td:first-child {
	width: 60px;
}

table.pcs_table td input {
	padding: 0;
	font-weight: bold;
	letter-spacing: 0.6px;
}

.pcs_table .txt {
	width: 20px;
	border-left: 0;
	border-right-width: 1px;
}

.pcs_table input[disabled] {
	background: none;
	text-align: right;
}
/*======== acapayment pag.e E ========*/

/*======== acaclass page ========*/
.class_listimg {
	display: inline-block;
	width: 130px;
	height: 130px;
	background: #fff;
	border: 1px solid #dfe3e9;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.class_listimg>img {
	height: 100%;
}

.aca_class_wrap .circle_faceimg {
	width: 40px;
	height: 40px;
}

#selectMon {
	font-size: 2rem;
	padding: 0 0 0 5px;
	vertical-align: sub;
}

.class_attend_warp .mon_tit {
	line-height: 1.2;
}

.class_attend_warp .mon_tit sup {
	margin-top: 10px;
}

.class_attend_warp .mon_tit sup small {
	padding-right: 5px;
}

.class_attend_warp .mon_tit i {
	font-style: normal;
	font-weight: 700;
}

.classAttendYear {
	margin: 0 2px;
}

/*출석부*/
.ac-attend_tit .btn {
	padding: 0 10px;
}

.ac-attend_conts .small-fonts {
	font-size: 13px;
	color: #666;
}

.ac-attend_conts sup {
	margin-top: 10px;
}

.attend_table tr.monthlyDateList {
	border-bottom: 0;
}

.attend_table tr.monthlyDateList th, 
.attend_table tr td {
	padding: 5px 0;
}

.attend_table .date, 
.attend_table .week {
	display: block;
	text-align: center;
}

.attend_table .date {
	padding-top: 6px;;
}

.attend_table .week {
	padding: 2px 0 10px 0;
}

.attend_table .sat {
	background-color: #e5f7ff;
}

.attend_table .sun {
	background-color: #ffeaec;
}

.attend_table .today {
	position: relative;
}

.attend_table .today:before {
	content: "";
	border-top: 10px solid #ff1a41;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
}

.sd_img, 
.sd_name {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	float: left;
	padding: 0 5px;
}

.sd_img {
	width: 50px;
}

.sd_img>img {
	height: 100%;
}

.sd_name {
	width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.attend_sum {
	font-size: 12px;
	line-height: 16px;
}

.attend_sum>small {
	display: block;
}

.attend_table .ui-jqgrid .ui-jqgrid-htable th div,
.attend_table .ui-jqgrid .ui-jqgrid-htable th div span {
	font-size: 13px;
	color: #333;
	padding: 1px 0;
}

.attend_table .ui-jqgrid tr.jqgrow {
	border-left: 0;
}

.attend_table .ui-jqgrid-view .ui-state-default.ui-jqgrid-hdiv {
	line-height: 16px;
	background-color: #fff;
}

.attend_table .ui-th-column, 
.attend_table .ui-jqgrid .ui-jqgrid-htable th.ui-th-column
	{
	vertical-align: middle;
	background-color: #fff;
}

.attend_table .grid_faceimg_frame {
	padding: 3px 0;
}

.attend_table .grid_faceimg {
	width: 40px;
	height: 40px;
}

.attend_table .frozen-div.ui-jqgrid-hdiv,
.attend_table .frozen-div .ui-th-column.ui-th-ltr
	{
	height: 56px ! important;
	overflow: hidden;
}

.attend_table .ui-jqgrid-hdiv .ui-th-column.ui-th-ltr {
	height: 55px ! important;
}

.attend_table .frozen-bdiv.ui-jqgrid-bdiv {
	top: 56px ! important;
}

/*2019-06-13 출석부 팝업
.dialog_sm form.ui-dialog-content {
	padding: 10px;
	border-bottom: 0;
}

.dialog_sm p {
	text-align: center;
	padding: 15px;
}

.dialog_sm .ui-dialog-buttonpane {
	margin: 0;
	border: 0;
	padding: 0 5px 10px 5px;
	width: 100%;
	background: #e7ebec;
}

.dialog_sm .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	text-align: center;
	padding: 10px 5px 20px 5px;
	margin-top: -5px;
	background-color: #fff;
}

.dialog_sm .ui-dialog-buttonset .ui-button {
	color: #445a7e;
	border-color: #c0ccdc;
	background-color: #edf5ff;
	padding: 5px 10px;
	margin: 2px;
}

.dialog_sm .ui-dialog-buttonset .ui-button:last-child {
	color: #848b97;
	border-color: #b9c1cb;
	background-color: #fff;
}

.dialog_sm .ui-button:hover {
	color: #445a7e;
	border: 1px solid #c0ccdc;
	background: #edf5ff;
}
*/

.classAttend .pop_conts{ text-align:center; padding:20px 5px; }
.classAttend p{	padding-bottom:10px; }
/*======== acaclass page E ========*/

/*======== attendance page ========*/
.attendance_wrap>form, 
.attendance_wrap .calendar { width: 100%; height: 100%; }
.calendar .fc-unthemed { border-color: #dfe3e9; width: 100%; height: 100%; padding: 10px 2px; display: flex; flex-direction: column; }
.calendar .fc-view-container { flex: 1 1 auto; }
.calendar .fc-view, 
.calendar .fc-view>table { width: 100%; height: 100%; }
.calendar .fc-widget-content, 
.calendar .fc-widget-content .fc-day-grid { height: 100%; }
.calendar .fc-widget-content>div { height: 100% ! important; }
.calendar .fc-row.fc-week { height: 16.66%; }
.calendar .fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
.calendar .fc-toolbar h2 { font-size: 2.1rem; line-height: 2.4; }
.calendar .fc-day-header { padding: 15px 5px; background-color: #f5fbfd; }
.calendar .fc-past { opacity: 0.5; }
.calendar .fc-today { font-weight: bold; }
.calendar .fc-sun { color: #ee4949; }
.calendar .fc-sat { color: #5275c6; }
.calendar .fc-day, 
.calendar .fc-row .fc-highlight-skeleton td { cursor: pointer; }
.calendar .fc-title { font-size: 10px; padding-left: 5px; }
.attend_date_warp .tit_txt { padding-right: 10px; }
.attend_date_warp #calendar_selectDay { font-size: 1.3rem; font-weight: bold; line-height: 1.5; padding: 0 0 2px 5px; vertical-align: middle; }
.attend_date_warp .student_total { font-size: 1rem; vertical-align: middle; padding: 0 0 2px 5px; }
.attend_date_warp #studentTotal { font-size: 1.2rem; }
.attend_date_warp .search_input_box dt { padding-left: 0; }
.attend_date_warp .search_form_keyword .search_input_box dt:before { display: none; }
.atte_total_list { background: #fff; clear: both; }
.atte_total_list ul { width: 100%; font-size: 0; border: 1px solid #ddd; padding: 5px 0; }
.atte_total { width: 25%; display: inline-block; font-size: 1rem; padding: 0 5px; border-right: 1px dashed #ddd; }
.atte_total:last-child { border: 0; }
.atte_total>a { display: block; width: 100%; text-align: center; padding: 10px 5px 5px; color: #354052; }
.atte_total>a:hover,
.atte_total>a.active { font-weight: bold; background: #edf5ff; color: #445a7e; border-color: #c0ccdc; border-radius: 5px; }
.atte_total .numbox { display: block; font-size: 1rem; }
.atte_total .numbox>span { font-size: 1.2rem; }
.atte_onoff { margin-bottom: 5px; }
.atte_total.atte_on, 
.atte_total.atte_off { width: 50%; }
.atte_onoff .atte_total>a { padding-top: 5px; }
.atte_onoff .numbox { display: inline-block; padding: 5px; }
.attend_date_warp .grid_area .ui-jqgrid .ui-jqgrid-hbox { background-color: #f5fbfd; }
.attend_date_warp .grid_area .ui-state-default, 
.attend_date_warp .grid_area .ui-widget-content .ui-state-default { border-color: #dfe3e9; }
.attend_date_warp .ui-state-default, 
.attend_date_warp .ui-widget-content .ui-state-default { background: #fff; }
.attend_date_warp .ui-jqgrid .ui-jqgrid-view { border-color: #dfe3e9; }
.attend_date_warp .ui-jqgrid tr.ui-row-ltr td.faceid { font-weight: bold; }
.attend_date_warp .square_faceimg { width: 50px; height: 60px; }
.attend_date_warp .circle_faceimg { width: 60px; height: 60px; }
/*======== attendance page E ========*/

/*======== pocket page ========*/
.pocket_wrap .form_type_table { padding-bottom: 20px; }
.pocket_wrap #gubunShopType { padding-top: 10px; }
.camera_info.sub_table { border: 0; background: none; padding: 0; margin: 0; }
.camera_info .table_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background: none; border: 0; margin: 0; }
.camera_info .pcs_table { width:auto; -webkit-flex: 1 1 90px; flex: 1 1 90px; margin: 2px; }
.camera_info table.pcs_table td { border-right-width: 1px; padding: 0; }
.camera_info table.pcs_table td input { padding: 5px; text-align: center; }
#formSelectLogList { width:100%; height:100%; }
#cameraList { font-size:12px; }
#cameraList li .btn_area { text-align:center; padding:20px 0 0 0; }
/*======== pocket page E ========*/

/*======== pocket manager page ========*/
.pocket_update_wrap .info_wrap { padding:20px 0 0 0; }
.pocket_update_wrap .pocket_storeinfo_warp { overflow:hidden; }
.pocket_storeinfo_warp .search_wrap { padding: 20px; flex: revert; }
.pocket_update_wrap .tab_menu >ul { text-align:left; }
.pocket_update_wrap .tab_menu li { max-width:120px; }
#area_left { width: calc(50% - 2px); float:left; min-width: calc(20% - 4px); max-width: 80%; }
#area_center { width: 4px; height: 100%; float: left; cursor: w-resize; }
#area_right { width: calc(50% - 2px); height: 100%; float: left; padding: 0 0 60px 0; min-width: calc( 20% - 4px); max-width: 80%; }
#formKTmemberInfo .tab_conts_inner{ padding: 20px; overflow: hidden; }
.pocket_log_area .btnarea { padding-left:20px; }
.tab_menu>ul li#current a#pocket_update_tab,
#tab_conts_pocket_update { background: #fafafa; }
#tab_conts_pocket_update { padding-bottom:30px; height:auto; }
.pocket_update_warp .tit-bot_line {	padding:0; }
.update_tab_menu { padding:5px; font-size:0; }
.update_tab_menu >li { display:inline-block; width:33.33%; padding:5px; }
.update_tab_menu .btn_update { width:100%; padding:15px 5px; }
.update_tab_menu .btn_update.active,
.update_tab_menu .btn_update:hover { background-color: #5275c6; color: #fff; border: 1px solid #676ab1; }
.box_white { padding:20px; }
.box_white_inner { padding:10px; background-color:#fff; border-radius:10px; box-shadow: 2px 2px 1px #ddd; }
#update_tab_conts { padding: 0 10px; overflow: hidden; }
#update_tab_conts .box_white { padding:5px 20px; }
#update_tab_conts .pc_w_half { padding: 5px 10px; }
.filedrop_zone_warp { padding:20px; }
.filedrop_zone { order:1px dashed #ddd; text-align:center; font-size:12px; padding:10px 20px 20px 20px; }
.filedrop_zone .btn_area { padding:10px 10px 0 10px; }
.file_info_list { text-align: left; }
.file_info { padding: 4px; border-bottom: 1px dashed #ddd; line-height: 30px; overflow:hidden; }
.file_info >span { color: #888; padding-left: 10px; font-size: 11px; border-left: 1px solid #ddd; margin-left: 10px; line-height: 10px; display: inline-block; }
.file_info >a { float:right; }
.submit_area { text-align:center; }
.submit_area input[type="submit"] { width:auto; padding:10px 30px; font-size:12px; }
.update_info li { padding:5px; }
.update_info li >label { padding: 1px 10px 0 0; display: inline-block; min-width: 80px; vertical-align: middle; }
.update_info li >input[type="text"] { width: calc(100% - 95px); height:30px; line-height:30px; vertical-align: middle; }
.update_info li >textarea { width: calc(100% - 95px); vertical-align: top; }
.update_history .title .cmt { padding-top:10px; }
.update_history .grid_area { padding: 10px 0; }
.update_history .grid_area .ui-jqgrid-bdiv { min-height: 520px; }
/*======== pocket manager page E ========*/

/*========= order page ===========*/
.order_info_warp form { width: 100%; height: 100%; }
.order_info_warp .pc_w_half.active { width: 360px; padding: 0 10px; }
.order_info_warp .pc_w_half:nth-of-type(2).active { width: -webkit-calc(100% - 360px); width: calc(100% - 360px); }
.order_info_warp .search_form_result { height: 100%; }
.order_info_btn_area { overflow: hidden; padding: 5px 5px 0 5px; }
.search_form_keyword .conts_inner table { background-color: #fff; }
.popup_wrap#message_pop form, 
.popup_wrap#message_pop fieldset { width: 100%; height: 100%; }
/*========= order page E ===========*/

/*============== kakao page ===============*/
.kakaomsg_wrap .imgarea { background:url(/resources/content/images/common/f_background_img2.png)no-repeat 50% 85%; }
.kakaomsg_wrap .owl-item section{ max-width: 520px ! important; height: 520px ! important; background: none ! important; }
.kakaomsg_wrap .contents { padding: 0; overflow-y: auto; }
#kakaoLoginView{ text-align:center; font-size:12px; }
.kakaomsg_wrap .svg-img{ display:inline-block; width: 3em; fill: #F05E5D; transform: matrix(1, 0, 0, -1, 0, 0); }
.kakaomsg_wrap .linkarea{ flex: 1; display: flex; flex-direction: column; align-items: center; overflow-y: auto; padding-bottom: 2em; }
.kakaomsg_wrap .linkarea p { font-size: 1.3em; background: #fff; text-align:center; padding: .4em; }
.kakaomsg_wrap .linkarea .img >img{ width: 5em; }
.kakaomsg_wrap .linkarea .cmt{ font-size: 1em; padding:.2em .4em .4em .4em; }
.kakaomsg_wrap .linkarea .name{ font-size:1.8em; font-weight:bold; padding: 0 0 1em 0; }
.kakaomsg_wrap .popup__wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 15%); z-index: 2; display: flex; justify-content: center; align-items: center; }
.kakaomsg_wrap .popup--kakao{ width: 90%; height: 90%; background: #fff; border-radius: 8px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 35%); display: flex; flex-direction: column; }
.kakaomsg_wrap .popup--kakao .popup__close{ flex:0 0 auto; text-align:right; padding: 0.5em; }
.kakaomsg_wrap .popup__close .btn{ border: 0; font-size: 0; padding: 0; position: relative; width: 30px; height: 30px; margin: 0; }
.kakaomsg_wrap .popup__close .btn:before{ content: ""; width: 24px; height: 1px; background: #666; display: block; transform: rotate(45deg); position: absolute; top: 15px; left: 3px; }
.kakaomsg_wrap .popup__close .btn:after{ content: ""; width: 24px; height: 1px; background: #666; display: block; transform: rotate(-45deg); position: absolute; top: 15px; left: 3px; }
.kakaomsg_wrap .kakao-login-btn{ padding: 2em 0 5em 0; display: inline-block;}
.kakaomsg_wrap #kakao-login-btn{max-width: none;cursor: pointer;box-shadow: 2px 2px 3px 2px rgb(0 0 0 / 12%); border-radius: 6px; margin: 0 auto;}
#selfAuth .layerpopup-conts{ max-width: 460px; }
.body--selfauth{ text-align:center; font-size:12px; padding:2em 0 4em 0; }
.body--selfauth .svg-img{ width: 5em; transform: matrix(1, 0, 0, -1, 0, 0); fill: #F36868; }
.body--selfauth .title{ font-weight:bold; font-size:1.5em; }
.body--selfauth .text{ padding:2em; }
.body--selfauth .text p{ font-size:1.25em; padding:.1em; }
.btn_area.app_ad { padding:0; }
.app_ad .app_download { display: inline-block; width: 100px; height: 34px; margin: 0 2px; box-shadow: 2px 2px 2px #bbb; border-radius: 5px; }
.app_ad .app_download:hover { box-shadow:none; }
.app_ad .android  { background:url('/resources/content/images/common/app_download_icon_android.png')no-repeat 50% 50%/contain; }
.app_ad .ios { background: url('/resources/content/images/common/app_download_icon_ios.png')no-repeat 50% 50%/contain; }
/*============== kakao page E =============*/

/* owl-slide */
.owl-nav>button { position: absolute; top: 50%; margin-top: -15px; }
.owl-nav>button.owl-prev { left: 0; }
.owl-nav>button.owl-next { right: 0; } 
.owl-nav>button span { font-size: 0; display: inline-block; width: 30px; height: 30px; background: #00bcd4; border-radius: 50%; text-align: center; margin: 10px; position: relative; }
.owl-nav>button span:before { content: ""; display: block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 50%; margin-top: -8px; }
.owl-nav>button span:after { content: ""; display: block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 50%; margin-top: -8px; }
.owl-nav>button.owl-prev span:before { border-right: 10px solid #fff; left: 8px; }
.owl-nav>button.owl-prev span:after { border-right: 10px solid #00bcd4; left: 11px; }
.owl-nav>button.owl-next span:before { border-left: 10px solid #fff; right: 8px; }
.owl-nav>button.owl-next span:after { border-left: 10px solid #00bcd4; right: 11px; } 
.owl-nav>button.disabled { opacity: 0.3; }
.owl-nav>button:hover span { background: #6edcea; }
.owl-nav>button.owl-next:hover span:after { border-left-color: #6edcea; }
.owl-nav>button.owl-prev:hover span:after { border-right-color: #6edcea; } 
.owl-dots { position: absolute; top: 5px; width: 100%; text-align:center; }
.owl-dots button.owl-dot { margin:5px; }
.owl-dots .owl-dot >span{ display:block; width:8px; height:8px; border-radius:50%; background:#b3ebf3; }
.owl-dots .owl-dot.active >span{ background:#00bcd4; }
/* owl-slide E */

/* pop maker pop제작 */
.pop_box .title{ padding:10px; font-size:1.8rem; }
.pop_box .title >span{ border-bottom:1px solid #ddd; }
.pop_box .subtitle{ padding:10px; }
/* pop maker pop제작 E */

/* Tablet & Desktop Device 768 ~ */
@media all and (min-width:768px) {
	.min_w220 { min-width: 220px; }
	.mypage_pop .pop_conts,
	.sms_charge-pop .pop_conts{ width: 80vw; max-width:600px; }
	.login_wrap{ display: flex; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; align-content: center; }
	.login__card{ flex-direction: row; justify-content: flex-start; align-items: center; margin:3em 0; width:95%; max-width: 1200px; padding-bottom:0; }
	.login__wrap{ font-size:.9em; order: 1; width: 300px; height: 100%; flex: 0 0 auto; border-radius:8px 0 0 8px; }

	.login__card .slide__wrap{ order:2; width: calc(100% - 300px); border-radius: 8px 0 0 8px; padding:4em 0 0 0; }
	.login__card .slide__wrap .owl-carousel{ height: 100%; padding-top: 4em; padding-bottom:3em; } 
	.login__card .owl-dots .owl-dot >span{ font-size:12px; }
	.phone__img{ width: 200px; height: 387px; margin-left: calc(45% - 160px);}
	.smspng.motion--click:after{ top: 120px; left: 28px; }
	.orderjpg.motion--click:after { top: 20px; left: 21px; }
	.orderjpg1.motion--click:after { top: 80px; left: auto; right: 8px; }
	.orderjpg1.motion--click:before { top: auto; left: auto; bottom: 45px; right: 8px; width: 30px; height: 30px; }
	.orderjpg2.motion--click:after { left: 80px; bottom: 67px; width: 30px; height: 30px; }
	.pay1.motion--click:after { top: 206px; left: 90px; }
	.ser_textbox{ font-size:13px; }
	/*======== main ========*/
	.main_conts .service_box{ padding:.2rem; width:50%; }
	.main_conts .inner{ width:50%; }
	.main_conts .w_full{ width:100%; }
	
	.pay_status{ display:inline-block; }
	
	.box-main_type { background-color: rgb(236, 243, 249, 0.9); border-radius: 90px 10px 10px 90px; }
	.box-main_type .main_ic { height: 180px; -webkit-flex: 0 0 180px; flex: 0 0 180px; }
	.box-main_type .txt .logo_txt { margin-bottom: 20px; }
	
	.popup_service, .mypage_pop{ font-size:14px; }
	.mypage .input-tit{ min-width:120px; }
	
	.chat-wrap{ right: 30px; bottom: 30px; width:80px; height:80px; }
	.chat-wrap .red-ball{ top:5px; left:5px; width:15px; height:15px; }
	/*======== main E ========*/

	/*======== store page ========*/
	#menuVeiw_popup .pop_conts_wrap, 
	#popUpAdminMenuList .pop_conts_wrap { max-width: 350px; height: auto; }
	#sms_charge_popup .pop_conts_wrap, 
	#areaCalList .pop_conts_wrap { height: auto; }
	/*======== store page E ========*/

	/*======== send message ========*/
	.smstran_common_info { flex: 0 0 auto; display: -webkit-flex; display: flex; justify-content: -webkit-flex-end; justify-content: flex-end; align-items: -webkit-center; align-items: center; }
	.smstran_smspay_cnt { flex: 0 0 195px; margin-left: auto; }
	.smstran_smspay_info>.inlineblock { padding: 2px 5px; }
	#messageMake { height: 100%; }
	#messageMake, 
	.msgmake_warp>.tab_conts_inner { display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; }
	.msgmake_warp { overflow: hidden; }
	.kakao_template .top_w50{ width:50%; float:left; padding: 5px; }
	.kakao_template .top_w50:nth-of-type(1){ float:right; }
	.img--kakaofriend__box,
	.kakaofriends--flex,
	.kakaofriends--input{ flex-wrap:nowrap; }
	/*======== send message E ========*/

	/*======== item page ========*/
	#code_pop.popup_wrap .pop_conts_wrap { max-width: 760px; }
	/*======== item page E ========*/

	/*======== member page ========*/
	.excelupload_member_wrap.popup_wrap .pop_conts_wrap { max-width: 760px; }
	#popUpAdminMenuList .form_type_table table td { text-align: center; }
	#popUpAdminMenuList .form_type_table table td.menuName { text-align: left; }
	/*======== member page E ========*/
	#smsTranTest.popup_wrap .smstran_wrap { max-width: 760px; height: 100%; padding: 0; }
	.attendance_wrap .search_wrap { flex: 0 0 50%; }
	.calendar .fc-unthemed { padding: 30px 10px; }
	.calendar .fc-title { font-size: 13px; }
	.popup_wrap#message_pop .pop_conts_wrap { padding-bottom: 0; }
	.popup_wrap#message_pop fieldset { width: 100%; height: 100%; padding-bottom: 55px; }
	.popup_wrap#message_pop #msg { height: 395px; }
	.kakaomsg_wrap .contents { display: block; }
	
	/*==== pocket ====*/
	#selectLogList.popup_wrap .pop_conts_wrap { max-width: 1200px; width:80vw; }
	/*==== pocket E ====*/
	/*==== pocketManager ====*/
	.pocket_storeinfo_warp .search_form_keyword .btn_area { text-align:center; }
	/*==== pocketManager E ====*/
}

/* Desktop Device 1025~ */
@media all and (min-width:1025px) {
	/*======== login ========*/
	.login_bg img { width: 80%; }
	.login_area { padding-top: 60px }
	.login__card{ margin:4.3em 0; }
	.login__card .slide__title{ top: 24px; font-size: 1.3em; }
	.login__wrap{ font-size:1em; width: 420px; height: 100%; padding: 3em 3em 4em 3em; display: flex; justify-content: center; flex-direction: column; }
	.login__card .slide__wrap{ width: calc(100% - 420px); padding-top: 5em; } 
	.login__card .owl-nav{ display:none; }
	.login__card .owl-dots{ padding:0 1em; }
	.login__card .owl-dots .owl-dot >span{ font-size: .91em; }
	.login__card .slide__item{ padding: 1em 4em 1em 1em; }
	.ser_textbox{ font-size:1em; }
	.phone__img{ width:225px; height:436px; margin-left:calc(50% - 225px); }
	.smspng.motion--click:after{ top: 135px; left: 43px; }
	.orderjpg.motion--click:after { top: 25px; left: 21px; }
	.orderjpg1.motion--click:after { top: 90px; left: auto; right: 10px; }
	.orderjpg1.motion--click:before { top: auto; left: auto; bottom: 48px; right: 10px; }
	.orderjpg2.motion--click:after { left: 94px; bottom: 76px; }
	.pay1.motion--click:after { top: 234px; left: 103px; }
	/* IE */
	.ie_notice { display: flex; justify-content: center; align-items: center; }
	/*======== login E ========*/
	.main_wrap{ padding: .4rem; }
	.popup_service, .mypage_pop{ font-size:16px; }
	.item_wrap .search_wrap { flex: 0 0 50%; }
	.member_wrap .search_wrap { flex: 0 0 60%; }
	.msgsend_warp .pc_w_half.active .msgtran_preview { position: fixed; right: 50px; }
	
}

/* Desktop Device 1600~ */
@media all and (min-width:1600px) {
	.store_mgmt_wrap .search_wrap { flex: 0 0 30%; }
	.item_wrap .search_wrap { flex: 0 0 60%; }
	.member_wrap .search_wrap, 
	.pocket_wrap .search_wrap { flex: 0 0 45%; }
}