@charset "utf-8";
@import url('/css/fonts.css');

/* 베이스 스타일 시작 */
html {width:100%;height:100%; font-size: 10px;}
body {height:100%;background:#F8F8F8;}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-ms-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:150%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}
select {width:100%;height:50px;border-radius:8px;border:1px solid #E8EBEE;color:#222529;background:url('../img/select_arrow.svg') no-repeat 98% center #fff;padding:0px 40px 0px 20px;font-size:15px;font-family:'NotoSansKR','Pretendard', sans-serif;font-weight:500;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display:none;}
select:hover {color:#000;}
select:focus {color:#000;} 
::-webkit-expand {display:none;}
/* font */
body,pre {color:#222529;font-size:15px;font-weight:500;font-family:'NotoSansKR','Pretendard', 'Poppins', sans-serif;letter-spacing:-0.5px;}
input, textarea {color:#222529;font-size:15px;font-weight:500;font-family:'NotoSansKR','Pretendard', sans-serif;}
::selection {background:#0059a1;color: #fff;}
/* anchor */
a {color:#000; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"], input[type="password"] {width:100%;height:50px;border-radius:8px;border:1px solid #E8EBEE;padding-left:20px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
input[type="text"]:hover {} 
input::placeholder {
  font-size:13px;
  font-style: italic;
  color:#96A3B1;
}
:focus {outline:none;}
input[type="checkbox"] {width:24px;height:24px;border:none;opacity:1.0;}
label {margin:0px 10px 0px 6px;display:inline-block;vertical-align:middle;}


/*********1027추가**********/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
/*********1027추가**********/


textarea {border:1px solid #E8EBEE;color:#222529;overflow-y:auto;width:100%;width:100%;height:250px;padding:20px;resize: none;}
::-webkit-input-placeholder {color:#96A3B1;}
:-moz-placeholder {color:#96A3B1; opacity:1;}
::-moz-placeholder {color:#96A3B1; opacity:1;}
:-ms-input-placeholder {color:#96A3B1;}
textarea::-webkit-input-placeholder {color:#96A3B1;}
textarea:-moz-placeholder {color:#96A3B1; opacity:1;}
textarea::-moz-placeholder {color:#96A3B1; opacity:1;}
textarea:-ms-input-placeholder {color:#96A3B1;}

::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.layout {max-width:1500px;margin:0px auto;position:relative;padding:0px 20px;}
img {max-width:100%;}
section {max-width:1000px;margin:0px auto;}
table input[type=number] {font-size:12px;font-weight:500;color:#222529;text-align:center;height:32px;width:36px;padding:0px; border-radius:6px; border: 1px solid #ddd; text-align:center}

#wrap {max-width:1000px;height:100%;margin:0px auto;}

.sel_menu { border-radius:8px; border:1px dotted red; font-size:18px !important; color:#666 !important; font-weight:400 !important;}

.head_wrap {position:fixed;padding:30px 5%;width:1000px;top:0;left:50%;margin-left:-500px;height:150px;background-color:#003f66;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;z-index:998;}
.topWrap {position:relative;margin:0px auto;text-align:center;}
.head_title {display:inline-block;font-size:22px;line-height:30px;color:#fff;font-weight:700;}
.btn_back {position:absolute;top:0px;left:0px;width:30px;height:30px;background:url('../img/btn_back.svg') no-repeat center;z-index:9;}
.btn_navi {position:absolute;top:0px;right:0px;width:30px;height:30px;background:url('../img/btn_navi.svg') no-repeat center;z-index:9;}
.btn_close {position:absolute;top:0px;right:0px;width:30px;height:30px;background:url('../img/btn_close.svg') no-repeat center;z-index:9;}
.btn_home {position:absolute;top:0px;right:55px;width:30px;height:30px;background:url('../img/btn_home.svg') no-repeat center;z-index:9;}

.mainTop_wrap {position:relative;padding:30px 5%;background:transparent;background-image:linear-gradient(to bottom,rgba(236,255,255,1.0),rgba(255,255,255,1.0) 100%);}
.blue_main {}
.blue_main .btn_navi {background:url('../img/btn_navi_main.svg') no-repeat center;}
.main_visual {background:url('../img/main_visual.png') no-repeat left center;background-size:45% auto;padding:18% 0px 10% 60%;letter-spacing:-1px;}
.main_visual strong {display:inline-block;vertical-align:top;color:#2A4DA8;font-size:28px;font-weight:700;}
.main_visual img {display:inline-block;vertical-align:top;margin-top:34px;}

.today {display:block;border-radius:36px;height:72px;background:#003f66;position:relative;padding:15px 25px;box-shadow:4px 5px 14px 0px rgba(32,80,207,0.4);}
.today span {display:inline-block;line-height:42px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:700;}
.today > div {float:right;color:#fff;font-size:16px;font-weight:600;font-family:'NanumSquareRound', sans-serif;line-height:42px;}
.today > div strong {font-size:24px;font-weight:500;font-family:'Poppins', sans-serif;margin-left:3px;}

.total_wrap {padding:20px 20px;position:relative;}
.total_month {display:block;font-size:14px;font-weight:500;color:#8F9CBD;padding-bottom:5px;}
.total_price {display:block;font-size:18px;font-weight:700;color:#2A4DA8;font-family:'Poppins', sans-serif;}
.total_price em {font-family:'NanumSquareRound', sans-serif;font-weight:800;}
.total_kind {position:absolute;top:10px;right:20px;width:115px;}
.total_kind em {display:inline-block;vertical-align:top;width:40px;background:#fff;box-shadow:4px 5px 14px 0px rgba(118,132,184,0.2);line-height:30px;border-radius:20px;font-size:12px;font-weight:700;color:#8F9CBD;text-align:center;margin:2px 0px;}
.total_kind strong {display:inline-block;vertical-align:top;width:70px;line-height:30px;font-size:14px;font-weight:500;color:#2A4DA8;text-align:right;margin:2px 0px;}

.main_navi_wrap {position:relative;background:#fff;border-top:1px solid #E8EBEE;border-radius:0px 0px 32px 32px;padding:30px 20px;z-index:99;font-size:0;}
.main_navi_wrap a {display:inline-block;vertical-align:top;width:25%;text-align:center;margin:5px 0px;}
.main_navi_wrap a span {display:block;text-align:center;font-size:14px;font-weight:500;color:#35363A;padding:10px 0px;}

.main_roll {position:relative;background:#003f66;z-index:90;margin:-40px auto 0px;padding:70px 0px 5px 20px;}
.roll_title {position:relative;font-size:16px;font-weight:700;color:#fff;}
.roll_title img {margin:-3px 5px 0px 0px;}
.roll_title a {position:absolute;top:0px;right:20px;}

.main_scroll {margin:20px 0 30px 0;overflow:hidden;padding-right:20%;}
.main_scroll a {display:block;border-radius:16px;padding:20px;background-color:rgba(244,248,254,0.16);}
.main_scroll a strong {display:block;height:40px;font-size:14px;font-weight:600;color:#fff;line-height:140%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;}
.main_scroll a span {display:block;font-size:14px;font-weight:400;color:rgba(255,255,255,0.7);padding-top:10px;}

.newprdt_wrap {margin:30px 0 30px 0;padding-right:20px;}
.newprdt {border-radius:16px;padding:10px 20px;background-color:rgba(244,248,254,0.16);}
.newprdt a {display:block;margin:15px 0;}
.newprdt a strong {display:block;font-size:14px;font-weight:600;color:#fff;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.newprdt a span {display:block;font-size:14px;font-weight:400;color:rgba(255,255,255,0.7);padding-top:5px;}

.navigation {background:#fff;}
.navigation:after {display:block;visibility:hidden;clear:both;content:""}
.navigation li {float:left;width:20%;text-align:center;}
.navigation li a {display:inline-block;padding:10px;}

.member_wrap {position:relative;padding-top:30px;background:transparent;background-image:linear-gradient(to bottom,rgba(236,255,255,1.0),rgba(255,255,255,1.0) 100%);min-height:100%;}
.member_visual {background:url('../img/main_visual.png') no-repeat 105% 15%;background-size:45% auto;padding:20% 0px 5% 6%;}
.member_visual strong {display:block;color:#243A64;font-size:24px;font-weight:700;font-family:'Poppins', sans-serif;}
.member_visual span {display:block;color:#243A64;font-size:24px;font-weight:400;font-family:'Poppins', sans-serif;}

.member_box {position:relative;padding:5%;}
.member_box select, .member_box .text_wrap2, .member_box .btnA {border-radius:25px !important;}

.head_tip {position:relative;background-color:#003f66;padding-top:150px;}
.head_tip div {position:relative;height:24px;background:#fff;box-shadow: 0px 0px 8px -4px rgba(8,56,151,0.2);border-radius:24px 24px 0px 0px;z-index:9;}

.contents_wrap {position:relative;min-height:calc(100% - 174px);border-radius:0px;background:#fff;padding:0px 5% 5% 5%;z-index:997;}
.contents_wrap .title {font-size:18px;color:#444;font-weight:600;padding-bottom:20px;padding-top:10px;}
.contents_wrap .title01 {font-size:18px;color:#222529;font-weight:600;padding:30px 0px 0px 5px;position:relative;}
.contents_wrap .title01 a {position:absolute;top:30px;right:0px;display:inline-block;padding:8px 12px;border-radius:4px;background:#003f66;color:#fff;font-size:11px;font-weight:500;}

.noMenu .head_wrap {height:100px;}
.noMenu .head_tip {padding-top:100px;}
.noMenu .contents_wrap {min-height:calc(100% - 124px);}

.onepage .head_wrap {background-color:#fff;}
.onepage .topWrap {text-align:left;}
.onepage .head_tip {background-color:#fff;}

.fix_bottom {position:fixed;width:1000px;bottom:0;left:50%;margin-left:-500px;z-index:999;}
.pagging_wrap {position:relative;text-align:center;border-top:1px solid #E4EDF8;background:#F8F8F9;padding:10px 5%;}
.btn_prev {position:absolute;top:10px;left:44px;display:inline-block;width:24px;height:24px;background:url('../img/btn_prev.svg') no-repeat center;}
.btn_prev2 {position:absolute;top:10px;left:20px;display:inline-block;width:24px;height:24px;background:url('../img/btn_prev2.svg') no-repeat center;}
.btn_next {position:absolute;top:10px;right:44px;display:inline-block;width:24px;height:24px;background:url('../img/btn_next.svg') no-repeat center;}
.btn_next2 {position:absolute;top:10px;right:20px;display:inline-block;width:24px;height:24px;background:url('../img/btn_next2.svg') no-repeat center;}
.pagging_num {width:70%;text-align:center;overflow:hidden;white-space:nowrap;display:inline-block;}
.pagging_num a {display:inline-block;vertical-align:middle;width:24px;line-height:24px;font-size:14px;color:#96A3B1;font-weight:500;margin:0px 4%;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.pagging_num a.on, .pagging_num a:hover {color:#000; font-weight:900; padding:3px; border:1px solid #555; border-radius:4px;}

.btn_wrap {box-shadow:0px -4px 4px 0px rgba(139,149,170,0.12);}
.scroll_wrap {position:relative;background:#003f66;padding:7px 5%;}
.btn_top {display:inline-block;vertical-align:top;font-size:13px;color:#fff;font-weight:600;line-height:32px;background:url('../img/btn_top.svg') no-repeat right center;padding-right:20px;margin-right:10px;}
.btn_end {display:inline-block;vertical-align:top;font-size:13px;color:#fff;font-weight:600;line-height:32px;background:url('../img/btn_end.svg') no-repeat right center;padding-right:20px;}
.btn_down {position:absolute;top:7px;right:5%;line-height:32px;border-radius:4px;border:1px solid #fff;font-size:12px;color:#fff;font-weight:600;text-align:center;padding:0px 12px;}

.btn_fix {position:absolute;top:7px;right:4%;}
.btn_bot {display:inline-block;vertical-align:top;line-height:32px;border-radius:4px;border:1px solid #fff;font-size:12px;color:#fff;font-weight:600;text-align:center;padding:0px 12px;margin-left:3px;}
.btn_bot img {margin:0px 4px 2px 0px;display:inline-block;vertical-align:middle;}

.menu_navi_wrap {position:relative;margin:30px 0px 20px;}
.menu_navi {position:relative;overflow:hidden;width:96%;}
.menu_navi .swiper-slide {display:inline-block  !important;width:auto !important;padding-right:30px;}
.menu_navi .swiper-slide a {position:relative;display:flex;justify-content:center;align-items: center;font-size:16px;height:40px;color:#fff;font-weight:600;white-space:nowrap;opacity:0.4;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.menu_navi .swiper-slide a.on {opacity:1.0;}
.menu_navi .swiper-slide a.on:before {display: inline-block;content:'';width:6px;height:6px;background:url('../img/ellipse.svg') no-repeat center top;position:absolute;top:2px;left:50%;margin-left:-3px;}
.menu_navi .swiper-scrollbar {height:2px;}

.btn_drop {position:absolute;top:0px;right:-2%;width:10%;height:38px;background-image:url('../img/menu_drop_btn_bg.png'); background-repeat:repeat-y;background-position:center;background-size:100% auto;z-index:9;display:flex;justify-content:center;align-items: center;}
.btn_drop.on span {transform: rotate(180deg);}

.drop_navi {display:none;position:fixed;top:160px;width:900px;left:50%;margin-left:-450px;border:1px solid #91B2F2;border-radius:16px;background:#fff;overflow:hidden;box-shadow: 0px 16px 20px 0px rgba(15,59,215,0.3);z-index:999;}
.drop_navi a {display:block;font-size:16px;color:#889DC6;font-weight:500;padding:15px 20px;background:#fff;border-top:1px solid #EBEEF4;margin-top:-1px;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.drop_navi a.on, .drop_navi a:hover {background:#E9F0F9;color:#003f66;}

.selectBox_wrap {position:relative;margin-bottom:7px;}
.imap select {padding:0px 40px 0px 45px;background:url('../img/select_arrow.svg') no-repeat 98% center #F6F7F9;}
.map_icon {position:absolute;top:13px;left:15px;z-index:9;}

.selectBox_wrap2 {border-radius:8px;border:1px solid #E8EBEE;margin:7px auto;overflow:hidden;}
.selectBox_wrap2 > a {display:inline-block;vertical-align:middle;width:40px;height:50px;background:url('../img/icon_plus.svg') no-repeat center;} /*icon_plus.svg  btn_navi_main.svg   */
.selectBox_wrap2 select {display:inline-block;vertical-align:middle;width:calc(100% - 45px);height:50px;border:none;background:#fff;}

.menuBox {position:fixed;top:50px;border-radius:12px 0px 0px 12px;right:-1000px;background:#fff;padding:30px 5% 5% 5%;width:1000px;height:90%;z-index:9999;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.menuBox.on {right:0px;}
.menu_title {position:relative;font-size:22px;line-height:30px;color:#222529;font-weight:700;}

.menuOpen {margin:30px auto 0px;height:calc(100% - 150px);overflow-y:auto;}
.menuOpen:after {display:block;visibility:hidden;clear:both;content:""}
.menuOpen li {float:none;}
.oneDepth {display:block;font-size:18px;color:#222529;font-weight:600;padding:15px 0px;background:url('../img/menu_up.svg') no-repeat 98% center #fff;}
.oneDepth.on {background:url('../img/menu_down.svg') no-repeat 98% center #fff;}
.twoDepth {display:none;margin-bottom:10px;font-weight:400;color:#444;}
.twoDepth.on {display:block;}
.twoDepth a {display:block;font-size:15px;color:#222529;font-weight:600;padding:15px 0px 15px 20px;}

.btn_login {position:absolute;bottom:10px;left:60px;right:60px;}
/*.btn_login a {display:block;text-align:center;line-height:50px;border:1px solid #003f66;font-size:15px;color:#003f66;font-weight:600;background:#fff;}*/
.btn_login a {display:block;vertical-align:top;text-align:center;line-height:50px;border:1px solid #003f66;font-size:15px;color:#fff;font-weight:600;border-radius:6px;background:#003f66;}
.btn_login > div {padding:10px;text-align:center;}
.btn_login > div span {display:inline-block;vertical-align:middle;font-size:12px;color:#96A3B1;font-weight:500;margin-left:5px;}

.login_bot {padding:10px;text-align:center;}
.login_bot span {display:inline-block;vertical-align:middle;font-size:12px;color:#96A3B1;font-weight:500;margin-left:5px;}

/* 탭메뉴 */
#tab_box {margin:30px auto;}
#tab_cnt {clear:both;border-bottom:1px solid #ddd;font-size:0;margin:10px auto;}
.twoth a {width:50%;}
.threeth a {width:33.333%;}
.fourth a {width:25%;}
#tab_cnt a {display:inline-block;vertical-align:top;text-align:center;line-height:40px;font-size:15px;color:#96A3B1;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;}
#tab_cnt a.tab_ov {color:#3B3C40;border-bottom:2px solid #222529;font-weight:700;}

.btnA {width:100%;height:50px;border:1px solid #003f66;font-size:16px;color:#fff;font-weight:600;box-shadow: 0px 3px 4px 0px rgba(99,138,216,0.2);border-radius:8px;background:#003f66;display:flex;justify-content:center;align-items: center;text-align:center;}
.btnB {display:inline-block;vertical-align:top;white-space:nowrap;padding:0px 12px;line-height:40px;border:1px solid #003f66;font-size:14px;color:#003f66;font-weight:500;border-radius:8px;background:#fff;text-align:center;}
.btnC {display:inline-block;vertical-align:top;text-align:center;line-height:40px;border:1px solid #003f66;font-size:15px;color:#fff;font-weight:600;border-radius:8px;background:#003f66;}
.btnD {display:inline-block;vertical-align:top;text-align:center;line-height:40px;border:1px solid #003f66;font-size:15px;color:#003f66;font-weight:600;border-radius:8px;background:#fff;}
.btnE {display:inline-block;vertical-align:top;text-align:center;width:50%;line-height:50px;border:1px solid #003f66;font-size:15px;color:#003f66;font-weight:600;background:#fff;}
.btnF {display:inline-block;vertical-align:top;text-align:center;width:50%;line-height:50px;border:1px solid #003f66;font-size:15px;color:#fff;font-weight:600;background:#003f66;}
.btnG {display:inline-block;vertical-align:top;text-align:center;padding:8px 12px;border:1px solid #003f66;font-size:11px;color:#fff;font-weight:600;background:#003f66;border-radius:4px;}
.btnH {display:block;text-align:center;line-height:50px;border:1px solid #003f66;font-size:14px;color:#fff;font-weight:600;background:#003f66;}

.btn_day {display:inline-block;vertical-align:middle;white-space:nowrap;padding:0px 2px;width:11%;line-height:30px;margin-left:1.7%;border:1px solid #5E646B;font-size:11px;color:#35393E;font-weight:500;border-radius:4px;background:#fff;text-align:center;}

.btn_remote {font-size:0;}
.btn_remote a {display:inline-block;vertical-align:top;text-align:center;width:49%;line-height:50px;margin-top:8px;border:1px solid #003f66;font-size:16px;color:#003f66;font-weight:700;border-radius:8px;background:#fff;}
.btn_remote a.on {border:1px solid #003f66;color:#fff;background:#003f66;}

.btn_search {display:inline-block;border:1px solid #5B5C63;font-size:12px;color:#35393E;font-weight:400;border-radius:4px;background:#fff;padding:7px 12px;position:absolute;bottom:19px;right:20px;z-index:99;}


.f0 {font-size:0;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f6 {font-weight:600;}
.mt10 {margin:10px auto;}
.mt20 {margin:20px auto;}
.mt30 {margin:30px auto;}
.mt40 {margin:40px auto;}
.mt50 {margin:50px auto;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr2 {margin-right:2%;}
.pt20 {padding-top:20px;}
.pt10 {padding-top:10px;}
.pb20 {padding-bottom:20px;}
.pb10 {padding-bottom:10px;}
.yellow {color:#FFFACD !important;}
.grey {color:#8B97A5 !important;}
.black {color:#222529 !important;}
.grey2 {color:#5E646B !important;}
.red {color:#EB2525 !important;}
.boTip {clear:both;height:85px;}
.boTip2 {clear:both;height:50px;}
.boTip3 {clear:both;height:5px;}
.boTip4 {clear:both;height:20px;}
.boTip5 {clear:both;height:40px;}
.boTip6 {clear:both;height:180px;}
.NSR {font-family: 'NanumSquareRound';}
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.w49 {width:49%;}
.w47 {width:47%;}
.diB {display:inline-block;vertical-align:top;}
.half {font-size:0;}
.unline {border-bottom:1px solid #E8EBEE;}
.hip {width:6%;font-size:16px;color:#777;font-weight:500;line-height:50px;display:inline-block;vertical-align:top;text-align:center;}

.remote_wrap {width:100%;min-height:420px;background:#DFE0E4;border-radius:8px;padding:20px;display:flex;justify-content:center;align-items: center;text-align:center;}
.alarm_wrap {display:flex;justify-content:center;align-items: center;text-align:center;border-radius:24px;background:#fff;font-size:15px;color:#444;font-weight:400;padding:0px 16px;line-height:42px;white-space:nowrap;z-index:99;}
.alarm_wrap img {vertical-align:middle;margin-right:8px;}
.restart, .credit, .cash, .gate {display:none;}

/*********1027추가**********/
.alarm_wrap2 {width:227px;text-align:center;border-radius:8px;background:#800000;font-size:15px;color:#FFF;font-weight:400;padding:20px 5px;box-shadow:0px 8px -4px 0px rgba(8,56,151,0.2);z-index:99;}
.alarm_wrap2 a {display:block;width:45px;margin:10px auto 0px;text-align:center;border-radius:4px;background:#003f66;font-size:11px;color:#fff;font-weight:500;line-height:32px;}
/*********1027추가**********/

.setting_wrap {position:relative;line-height:50px;font-size:15px;color:#000;font-weight:600;margin:30px auto;text-align:left;}
.setting_wrap > strong {display:none;font-weight:600;}
.setting_wrap.on > span {display:none;}
.setting_wrap.on > strong {display:inline-block;vertical-align:top;}
.btn_setting {position:absolute;top:50%;right:0px;margin-top:-16px;width:60px;height:32px;background:#EDEDED;border-radius:24px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.setting_wrap.on .btn_setting {background:#215BCC;}
.btn_setting > em {position:absolute;top:50%;left:5px;margin-top:-12px;width:24px;height:24px;background:#fff;border-radius:12px;transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;z-index:9;}
.setting_wrap.on .btn_setting > em {left:31px;}

.mike_wrap {position:relative;width:100%;height:65vh;display:flex;justify-content:center;align-items: center;text-align:center;flex-direction: column;background:url('../img/mike_bg.png') no-repeat center;background-size:cover;padding:50px;}
.guide_box {position:absolute;bottom:82%;left:10%;right:10%;z-index:9;display:flex;justify-content:center;align-items: center;text-align:center;}
.guide_wrap {position:relative;min-width:80px;border-radius:50px;font-size:14px;color:#fff;font-weight:600;background:#91C3EF;padding:20px;text-align:center;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}
.guide_wrap > em {position:absolute;bottom:-13px;left:50%;background:url('../img/speech_bubble.svg') no-repeat center;background-size:cover;width:20px;height:20px;margin-left:-10px;}
.guide_wrap strong {display:none;font-weight:600;}
.mike {display:inline-block;background:url('../img/mike.png') no-repeat center;background-size:cover;width:300px;height:300px;border-radius:100%;box-shadow:2px 2px 16px 0px rgba(62,104,255,0.24);margin:20px auto;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.guide_txt {display:block;text-align:center;font-size:16px;color:#444;font-weight:500;}
.guide_txt strong {display:none;font-weight:500;}

.mike_wrap.on .mike {background:url('../img/mike_on.png') no-repeat center;background-size:cover;box-shadow:8px 8px 24px 0px rgba(0,67,148,0.2);}
.mike_wrap.on .guide_wrap span, .mike_wrap.on .guide_txt span {display:none;}
.mike_wrap.on .guide_wrap strong, .mike_wrap.on .guide_txt strong {display:block;}

.putBox {height:50px;border-radius:8px;border:1px solid #E8EBEE;font-size:0;}
.putBox input[type="text"], .putBox input[type="number"] {display:inline-block;vertical-align:middle;width:47%;height:47px;border:none;}
.calendar {background:url('../img/calendar.svg') no-repeat 95% center #fff !important;cursor:pointer;}
.putBox span {display:inline-block;vertical-align:middle;width:6%;text-align:center;font-size:15px;color:#7B8189;font-weight:500;}

.text_wrap {border-radius:8px;border:1px solid #E8EBEE;padding:20px;margin:7px auto;position:relative;} /* 7px */
.text_wrap > span {display:block;font-size:13px;color:#e5dacd;font-weight:500;padding:5px 0px;}
.text_wrap input[type="text"],input[type="number"],textarea {display:block;width:100%;height:25px;border:none;background:#fff;padding:0px;}
.text_wrap:hover {border:1px solid #215BCC;}
.text_wrap:active {
        border: 1px solid #38a9f0;
        -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
}

.text_sel_wrap {border-radius:8px;border:1px solid #E8EBEE;padding:3px 18px 3px 18px;margin:7px auto;position:relative;} /* 7px */
.text_sel_wrap > span {display:block;font-size:13px;color:#e5dacd;font-weight:500;padding:5px 0px; font-style: italic !important;;}
.text_sel_wrap select {display:block;width:100%;height:25px;border:none;background:#fff;padding:0px;}
.text_sel_wrap:hover {border:1px solid #215BCC;}
.text_sel_wrap:active {
        border: 1px solid #38a9f0;
        -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
}

.text_wrap2 {border-radius:8px;border:1px solid #E8EBEE;padding:0px 20px;margin:7px auto;background:#fff;}
.text_wrap2 input[type="text"], .text_wrap2 input[type="password"] {display:block;width:100%;height:50px;border:none;background:#fff;padding:0px;}
.text_wrap2:hover {border:1px solid #215BCC;}

.searchTxt_wrap {border-radius:8px;border:1px solid #E8EBEE;margin:7px auto;overflow:hidden;}
.searchTxt_wrap > a {display:inline-block;vertical-align:middle;width:40px;height:50px;background:url('../img/btn_search.svg') no-repeat center;}
.searchTxt_wrap input[type="text"] {display:inline-block;vertical-align:middle;width:calc(100% - 45px);height:50px;border:none;background:#fff;}

.txtBox_wrap {border-radius:8px;border:1px solid #E8EBEE;margin-bottom:7px;}
.txtBox_wrap input[type="text"] {display:block;width:100%;height:48px;border:none;background:#fff;}

.tbA {white-space:nowrap;width:110%;margin:30px 0px 0px -5%;}
.tbA table {width:100%;table-layout:auto;}
.tbA table th {background:#e5dacd;color:#000;font-size:14px;font-weight:500;padding:15px 2%;text-align:right;}
.tbA table td {background:#fff;color:#5B5C63;font-size:13px;font-weight:400;padding:15px 2%;text-align:right;}
.tbA table th:first-child, .tbA table td:first-child  {text-align:left;padding:15px 2% 15px 5%;}
.tbA table th:last-child, .tbA table td:last-child  {padding:15px 5% 15px 2%;}
.tbA table tfoot td {background:#af8a5c !important;color:#fff;font-size:14px;font-weight:500;}

.tbB {white-space:nowrap;width:110%;margin:30px 0px 0px -5%;}
.tbB table {width:100%;table-layout:auto;}
.tbB table th {background:#e5dacd;color:#000;font-size:14px;font-weight:500;padding:15px 2%;text-align:center;}
.tbB table td {background:#fff;color:#5B5C63;font-size:13px;font-weight:400;padding:15px 2%;text-align:center;}
.tbB table th:first-child, .tbB table td:first-child  {text-align:center;padding:15px 2% 15px 5%;}
.tbB table th:last-child, .tbB table td:last-child  {padding:15px 5% 15px 2%;}
.tbB table tfoot td {background:#af8a5c !important;color:#fff;font-size:14px;font-weight:500;}

.tbC {margin:0px auto;border-top:1px solid #444;}
.tbC table {width:100%;table-layout:auto;}
.tbC table th {width:90px;background:#F6F7F9;color:#3B3C40;font-size:14px;font-weight:500;padding:15px 0 15px 15px;text-align:left;border-bottom:1px solid #E8EBEE;}
.tbC table td {background:#fff;color:#666;font-size:14px;font-weight:400;padding:15px 0 15px 15px;text-align:left;border-bottom:1px solid #E8EBEE;}

.tbD {margin:0px auto;border-top:1px solid #444;}
.tbD table {width:100%;table-layout:auto;}
.tbD table th {background:#F6F7F9;color:#3B3C40;font-size:14px;font-weight:500;padding:15px 0 15px 15px;text-align:left;border-bottom:1px solid #E8EBEE;}
.tbD table td {background:#fff;color:#666;font-size:14px;font-weight:400;padding:3px;text-align:left;}

.textfild_wrap textarea {border-radius:8px;height:140px;}

.viewBox {border-top:1px solid #444;border-bottom:1px solid #E8EBEE;padding:15px;color:#400;font-size:14px;font-weight:400;line-height:140%;margin:10px auto;}
.imgBox {margin:20px auto;text-align:center;}
.imgBox img {max-width:100%;}

/*********1027추가**********/
.viewDate {text-align:center;position:relative;}
.viewDate span {display:block;color:#666;font-size:14px;font-weight:400;padding-bottom:10px;}
.viewDate strong {display:block;color:#400;font-size:16px;font-weight:400;}
.viewDate img {display:inline-block;vertical-align:middle;width:53px;margin-left:-26px;}
/*********1027추가**********/

table input[type=text], table input[type=number] {font-size:12px;font-weight:500;color:#222529;text-align:center;height:32px;width:36px;padding:0px;}
table select {font-size:12px;font-weight:500;color:#222529;height:32px;padding:0px 5px 0px 5px;}
.vaT {padding:0px 0px 10px 0px !important;}
.FvaT {padding:0px 0px 10px 3% !important;}
.LvaT {padding:0px 3% 10px 3px !important;}
.btn_set {display:inline-block;border-radius:4px;font-size:11px;font-weight:500;color:#9BA7BF;text-align:center;width:68px;line-height:24px;padding-left:12px;background:url('../img/set_b.svg') no-repeat 8px center #fff;}
.btn_set.on {background:#215BCC;color:#fff;} /*.btn_set.on {background:url('../img/set_w.svg') no-repeat 8px center #003f66;color:#fff;}*/

.subject {display:block;color:#222529;font-size:13px;font-weight:600;text-align:left;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}

.btn_sort {display:inline-block;vertical-align:top;margin:8px 0px 0px 5px;width:20px;height:20px;background:url('../img/sort_arrow.svg') no-repeat center;}

.receipt_list {margin:25px auto;}
.receipt_list:after {display:block;visibility:hidden;clear:both;content:""}
.receipt_list li {float:none;margin:10px auto;}
.receipt_list li a {display:block;position:relative;border-radius:8px;box-shadow: 0px 0px 8px 0px rgba(107,129,150,0.15);background:#fff;padding:15px;font-size:0;} /*padding:25px 15px 20px 15px;*/
.ico_plus {position:absolute;top:6px;right:6px;}
.receipt_left {display:inline-block;vertical-align:middle;width:38%;font-size:13px;font-weight:500;color:#222529;line-height:150%;}
.receipt_left > span {display:inline-block;vertical-align:middle;min-width:60px;}
.receipt_right {display:inline-block;vertical-align:middle;width:62%;font-size:13px;font-weight:500;color:#666;line-height:150%;text-align:right;}
.receipt_right strong {font-size:16px;color:#222529;}

.receipt_box {position:relative;border-radius:8px;box-shadow:0px 0px 8px 0px rgba(107,129,150,0.15);background:#fff;padding:25px 15px 20px 15px;font-size:0;}
.receipt_data {font-size:15px;font-weight:600;color:#222529;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #E8EBEE;}
.receipt_data a {position:absolute;top:12px;right:12px; font-size:13px; font-weight:600; border-radius:6px; border:1px solid #003f66; background:#003f66; color:#fff; padding:10px 15px; }

.detail_box {position:relative;border-radius:8px;box-shadow:0px 0px 8px 0px rgba(107,129,150,0.15);background:#fff;padding:15px 20px;font-size:0;}
.detail_left {display:inline-block;vertical-align:middle;width:49%;font-size:14px;font-weight:500;color:#222529;line-height:170%;margin-right:2%;}
.detail_left > span {display:inline-block;vertical-align:middle;min-width:80px;}
.detail_left > strong {display:inline-block;vertical-align:middle;font-weight:500;width:calc(100% - 100px);text-align:right;}
.detail_right {display:inline-block;vertical-align:middle;width:49%;font-size:14px;font-weight:500;color:#222529;line-height:170%;text-align:right;border-radius:8px;padding:5px;background:#F6F7F9;text-align:center;}
.detail_tit {border-radius:8px;background:#fff;text-align:center;font-size:14px;font-weight:600;color:#222529;padding:2px;margin:0px auto 5px;}
.detail_right span {display:inline-block;vertical-align:middle;min-width:100px;text-align:right;padding-right:20px;}
.detail_right strong {display:inline-block;vertical-align:middle;min-width:60px;font-weight:500;text-align:right;}

.point_box {position:relative;border-radius:8px;box-shadow:0px 0px 8px 0px rgba(107,129,150,0.15);background:#fff;padding:15px 20px;font-size:0;margin:10px auto 30px;}
.point_box > div {margin-bottom:0px;}
.point_box > div span {display:inline-block;vertical-align:top;width:80px;font-size:14px;font-weight:400;color:#8B97A5;padding:5px 0;}
.point_box > div strong {display:inline-block;vertical-align:top;width:calc(100% - 80px);font-size:14px;font-weight:500;color:#222529;padding:5px 0;text-align:right;}
.point_box > span {display:inline-block;vertical-align:top;font-size:12px;font-weight:400;color:#8B97A5;margin-right:8px;}
.point_box > strong {display:inline-block;vertical-align:top;font-size:12px;font-weight:500;color:#5B5C63;}

.sub_title {font-size:16px;color:#222529;font-weight:600;padding:20px 0px 20px;}
.board_title {font-size:16px;color:#444;font-weight:700;padding:30px 0px 15px;position:relative;}
.board_title em {font-size:12px;color:#777;font-weight:500;margin-left:5px;}
.board_title span {display:block;font-size:12px;color:#777;font-weight:400;margin-top:10px;}
.board_title strong {font-size:12px;color:#8B97A5;font-weight:400;position:absolute;top:0;right:0;}
.board_title b {color:#777;font-weight:500;margin-left:10px;}

.sub_txt {padding-top:10px;}
.sub_txt span {display:block;position:relative;font-size:13px;font-weight:400;color:#787F86;padding:3px 0px 3px 12px;}
.sub_txt span:before {content:'·';position:absolute;top:0px;left:0px;font-size:16px;font-weight:800;}
.sub_txt span em {color:#003f66;font-weight:500;}

.prdt_list {margin:10px 0 10px -10px;width:calc(100% + 20px);}
.prdt_list:after {display:block;visibility:hidden;clear:both;content:""}
.prdt_list li {float:left; width:25%; padding:10px; margin-top:20px}
.prdt_list li a {display:block;position:relative;}
.prdt_list li a > div {border-radius:8px; border:1px solid #E8EBEE; margin-top:3px; height:260px; padding:8px}
.prdt_list li a > div strong {display:block; height:170px; line-height:170px; }
.prdt_list li a > div strong img {vertical-align:middle;}
.prdt_list li a > div label span {margin-left:5px; color:#000; font-weight:200; font-size:12px; text-decoration:underline }
.prdt_list li a > div em {display:block;position:absolute;bottom:8px; left:0%; color:#888; font-weight:300; font-size:10px; text-align:center; width:100%;}
.prdt_list li a > span {display:block;font-size:14px;font-weight:600;color:#222529;text-align:left;padding:10px 0;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}

.special_point {background:#F8F8F9;border-top:1px solid #D7DDE4;padding:20px;position:relative;}
.special_point h1 {display:block;font-size:16px;font-weight:700;color:#444;}
.special_point_box {height:50px;border-radius:8px;border:1px solid #E8EBEE;padding:10px 15px;background:#fff;position:relative;margin:10px auto 0px;}
.special_point_box strong {line-height:30px;font-size:14px;font-weight:600;color:#3B3C40;font-family:'Poppins', sans-serif;}
.special_point_box > div {position:absolute;top:10px;right:10px;}
.special_point_box > div button[type=button] {display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border:1px solid #5E646B;border-radius:4px;font-size:11px;font-weight:400;color:#35393E;background:#fff;margin:0px 1px;}

/*********체크박스*********/
.keep_check {display:inline-block;vertical-align:middle;padding-left:25px;position:relative;margin:0px 5px;}
.keep_check input[type="checkbox"] {display:none;}
.keep_check input[type="checkbox"] + label span {display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-3px 0px 0 0;background-image:url('../img/check_dis.svg');background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;position:absolute;top:0px;left:0px;}
.keep_check input[type="checkbox"]:checked + label span {background-image:url('../img/check_on.svg');border:none;}
.keep_check input[type="checkbox"]:disabled + label span {background-image:url('../img/check_off.svg');border:none;}
.keep_check label {font-size:14px;font-weight:500;font-style: normal;color:#222529;}

.table_check {display:inline-block;vertical-align:middle;padding:0px;width:24px;height:24px;position:relative;margin:0px;}
.table_check input[type="checkbox"] {display:none;}
.table_check input[type="checkbox"] + label span {display:inline-block;vertical-align:middle;width:24px;height:24px;margin:0;background-image:url('../img/check_dis.svg');background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;position:absolute;top:0px;left:0px;}
.table_check input[type="checkbox"]:checked + label span {background-image:url('../img/check_on.svg');border:none;}
.table_check input[type="checkbox"]:disabled + label span {background-image:url('../img/check_off.svg');border:none;}
.table_check label {font-size:14px;font-weight:500;font-style: normal;color:#222529;}


.white_content {display:none;position:fixed;top:20%;left:50%;margin-left:-550px;width:1100px;min-height:500px;z-index:1002;}
.pop_open {position:relative;width:900px;margin:0px auto;}
.btn_closed {}
#backgroundPopup {display:none;position:fixed;top:0;left:0;bottom:0px;right:0px;background-color:rgba(0,0,0,0.6);z-index:9998;}

.btn_x {padding:10px;text-align:right;}
.basic_btn {font-size:0;}
button[type=button] {font-family: 'NotoSansKR','Pretendard', 'Poppins', sans-serif;letter-spacing: -0.4px;}
.one_btn button[type=button] {width:100%;height:50px;background:#003f66;text-align:center;border:1px solid #003f66;font-size:15px;color:#fff;font-weight:600;}

.basic_btn button[type=button] {display:inline-block;vertical-align:top;text-align:center;height:40px;border:1px solid #003f66;font-size:14px;color:#fff;font-weight:600;border-radius:8px;background:#003f66;}
.basic_btn.one button[type=button] {width:100%;}
.basic_btn.two button[type=button]:nth-child(1) {width:49%;margin-right:2%;}
.basic_btn.two button[type=button]:nth-child(2) {width:49%;}
.basic_btn.three button[type=button]:nth-child(1) {width:32%;}
.basic_btn.three button[type=button]:nth-child(2) {width:32%;margin-right:2%;margin-left:2%;}
.basic_btn.three button[type=button]:nth-child(3) {width:32%;}

button[type=button].off {border:1px solid #003f66;color:#003f66;background: #fff;}
button[type=button].disabled {border:1px solid #E8EBEE;color:#ADB3BA;background:#E8EBEE;font-weight:400;}


/*********1027추가**********/
.blinking {-webkit-animation: blink 0.5s ease-in-out infinite alternate;-moz-animation: blink 0.5s ease-in-out infinite alternate; animation: blink 0.5s ease-in-out infinite alternate;}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.customer_wrap {text-align:center;padding:10px 20px 40px 0px;}
.customer_wrap span {font-size:16px;color:#fff;font-weight:500;}
.op50 {opacity:50%;}
.customer_wrap div {margin:5px 0;}
.customer_wrap div em {font-size:12px;color:#fff;font-weight:400;}

.board_list {position:relative;}
.board_list > a {display:block;border-bottom:1px solid #E8EBEE;padding:20px 0;}
.board_list > a > strong {display:block;font-size:16px;font-weight:500;color:#444;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.board_list > a > div {position:relative;margin:12px 0 0 0px;font-size:12px;font-weight:400;color:#777}
.board_list > a > div > div {position:absolute;top:0;right:0;}
.board_list > a > div > div em {color:#8B97A5;margin-right:10px;}
.board_list > div {display:block;border-bottom:1px solid #E8EBEE;padding:20px 0;}
.board_list > div > strong {display:block;font-size:16px;font-weight:500;color:#444;overflow:hidden; cursor:pointer; margin-left:20px; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.board_list > div > pre {padding-top:20px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.board_list > div > pre > a {position:inline-block; font-size:18px;font-weight:600;color:#333; }
/*********1027추가**********/

/* GO TO TOP*/
.page_top_box {cursor:pointer;z-index:99999;width:50px;height:50px;position:fixed;bottom:20px;right:-50px;display:block;background:url('') no-repeat center #f1f1f1;opacity:0;border-radius:100%;overflow:hidden;}
.page_top_box.show {opacity:1;right:20px;}
.page_top_box {-webkit-transition: 500ms;transition: 500ms;}
a.page_top_link {display:block;color:#fff;text-align:center;font-size:14px;line-height:30px;}

/* 애니효과 */
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.delay2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.delay3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.delay4{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.delay5{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.delay6{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.ani{opacity:0;transition-property: all;transition-duration: 0.8s;-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.active .ani{opacity:1;}

.pc {display:block;}
.ipc {display:inline-block;}
.mobile {display:none;}
.imobile {display:none;}
.tmobile {display:none;}

.tts_speech_message {
	width:100%; height:128px; line-height:128px; display:none;
	background:url('../img/speech/ws128.png') no-repeat right; background-size:20% auto; background-position:95% 5%;
	font-size:24px; color:#000; font-weight:900; text-align:center; vertical-align:middle;
}

.tts_msg {font-size:18px; line-height:100%; font-weight:900; margin-top:20px; margin-left:10px; width:100%}
.tts_msg:after {display:block;clear:both;content:""}

@media (min-width:1000px) {
	.head_wrap {padding:30px 55px ;}
	.pagging_wrap {padding:10px 55px;}
}


@media (max-width:1000px) {
	.head_wrap {padding:20px 5%;width:100%;top:0;left:0%;margin-left:0px;}
	.drop_navi {width:auto;left:5%;margin-left:0px;right:5%;}
	.fix_bottom {position:fixed;width:100%;bottom:0;left:0%;margin-left:0px;}

	.menuBox {right:-100%;width:100%;}
	.btn_login {left:5%;right:5%;}
}

@media (max-width:768px) {
	.pc {display:none;}
	.ipc {display:none;}
	.mobile {display:block;}
	.imobile {display:inline-block;}
	.tmobile {display:block;}

	select {font-size:14px;padding:0px 30px 0px 15px;}
	input[type=text] {font-size:14px;padding-left:15px;}
	textarea {font-size:14px;padding:15px;}

	.head_wrap {position:fixed;padding:21px 5%;width:100%;top:0;left:0%;margin-left:0px;height:116px;}
	.menu_navi_wrap {margin:26px 0px;}
	.menu_navi .swiper-slide {padding-right:30px;}
	.menu_navi .swiper-slide a {font-size:16px;}
	.contents_wrap {padding:0px 5% 5% 5%;min-height:calc(100% - 150px);}

	.noMenu .head_wrap {height:70px;}
	.noMenu .head_tip {padding-top:70px;}
	.noMenu .contents_wrap {min-height:calc(100% - 94px);}
	
	.head_title {font-size:20px;}
	.head_tip {padding-top:126px}
	.head_tip div {position:relative;height:24px;background:#fff;box-shadow: 0px 0px 8px -4px rgba(8,56,151,0.2);border-radius:24px 24px 0px 0px;z-index:9;}

	.fix_bottom {position:fixed;width:100%;bottom:0;left:0%;margin-left:0px;}
	.pagging_wrap {padding:5px 5%;}
	.btn_prev2 {top:8px;left:5%;}
	.btn_prev {top:8px;left:12%;}
	.btn_next2 {top:8px;right:5%;}
	.btn_next {top:8px;right:12%;}
	.pagging_num a {font-size:15px;}


	.drop_navi {top:130px;width:auto;left:5%;margin-left:0px;right:5%;}
	.drop_navi a {font-size:16px;padding:10px 20px;}

	.contents_wrap .title {font-size:16px;padding-top:5px;}
	.contents_wrap .title01 {font-size:16px;padding:30px 0px 0px 5px;}
	.contents_wrap .title01 a {top:25px;}

	.menuBox {right:-100%;padding:25px 5% 5% 5%;width:80%;}
	.menu_title {font-size:20px;}

	.menuOpen {margin:20px auto 0px;height:calc(100% - 140px);}
	.oneDepth {font-size:16px;padding:12px 0px;}
	.twoDepth a {font-size:15px;padding:12px 0px 12px 20px;font-weight:500;color:#444;}
	.btn_home {right:35px;}
	.btn_login {bottom:5px;left:5%;right:5%;}
	
	#tab_box {margin:20px auto;}
	#tab_cnt a {font-size:14px;}

	.btnA {font-size:16px;}
	.btnB {font-size:14px;line-height:35px;}
	.btnC, .btnD {font-size:14px;}

	.mt10 {margin:7px auto;}
	.mt20 {margin:15px auto;}
	.mt30 {margin:20px auto;}
	.mt40 {margin:30px auto;}
	.mt50 {margin:40px auto;}
	.mr10 {margin-right:5px;}
	.mr20 {margin-right:10px;}
	.f12 {font-size:11px;}

	.remote_wrap {min-height:40vh;}
	.alarm_wrap {font-size:14px;}

	.setting_wrap {font-size:14px;margin:20px auto;}

	.mike_wrap {height:60vh;padding:5%;}
	.guide_wrap {min-width:80px;font-size:13px;}
	.guide_wrap > em {bottom:-12px;}
	.mike {width:28vh;height:28vh;}
	.guide_txt {font-size:16px;}

	.receipt_left {font-size:11px;}
	.receipt_left > span {min-width:48px;}
	.receipt_right {font-size:11px;}
	.receipt_right strong {font-size:14px;color:#222529;}
	.receipt_data {font-size:14px;}

	.detail_left {font-size:12px;}
	.detail_left > span {min-width:52px;}
	.detail_left > strong {width:calc(100% - 60px);}
	.detail_right {font-size:12px;}
	.detail_tit {font-size:12px;}
	.detail_right span {min-width:50%;padding-right:10px;}
	.detail_right strong {min-width:30%;}

	.sub_title {font-size:16px;}
	.sub_txt span {font-size:12px;padding:2px 0px 2px 8px;}
	
	.tbA {margin:20px 0px 0px -5%;}
	.tbA table th {padding:10px 2%;font-size:13px;}
	.tbA table th:first-child, .tbA table td:first-child  {padding:10px 2% 10px 5%;}
	.tbA table th:last-child, .tbA table td:last-child  {padding:10px 5% 10px 2%;}
	.tbA table td {padding:10px 2%;font-size:12px;}
	.tbA table tfoot td {font-size:13px;}
	.subject {font-size:12px;}
	
	.tbB {margin:20px 0px 0px -5%;}
	.tbB table th {padding:10px 2%;font-size:13px;}
	.tbB table th:first-child, .tbB table td:first-child  {padding:10px 2% 10px 5%;}
	.tbB table th:last-child, .tbB table td:last-child  {padding:10px 5% 10px 2%;}
	.tbB table td {padding:10px 2%;font-size:12px;}
	.tbB table tfoot td {font-size:13px;}

	.text_wrap {padding:3px 18px 3px 18px;}
	.text_wrap > span {font-size:12px; font-style: italic !important;;}
	.text_wrap2 {padding:0px 18px;}
	.btn_search {bottom:16px;right:18px;}
/*
	.prdt_list {margin:10px 0 10px -5px;width:calc(100% + 10px);}
	.prdt_list li {width:50%;padding:10px 5px;}
	.prdt_list li a > span {font-size:12px;}
*/
	.main_visual {background:url('../img/main_visual.png') no-repeat left center;background-size:60% auto;padding:24% 0px 20% 62%;letter-spacing:-1px;}
	.main_visual strong {font-size:18px;}
	.main_visual img {margin-bottom:1px;} /*.main_visual img {margin-top:10px;}*/

	.member_visual {background:url('../img/main_visual.png') no-repeat 300% 15%;background-size:90% auto;padding:42% 0px 5% 5%;}
	.member_visual strong {font-size:20px;}
	.member_visual span {font-size:20px;}

	.point_box > div {margin-bottom:10px;}
	.point_box > div span {font-size:12px;padding:3px 0;}
	.point_box > div strong {font-size:12px;padding:3px 0;}
	.point_box > span {font-size:11px;}
	.point_box > strong {font-size:11px;}

}

.text_speech_wrap {
		width:100%; border-radius:8px; padding:20px; margin:7px auto; position:relative;
        border: 1px solid #38a9f0;
        -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
 }
.text_speech_wrap > span {display:block; font-size:15px; color:#000;font-weight:900; text-align;center; width:100%; }
.text_speech_wrap > img {position:fixed; top:0; right:0; margin:8px}
}