@charset "utf-8";
@import 'font.css';


/* Basic Style START () */
html, body {width:100%; height:100%;line-height: 1;font-size: 15px;color: #000;font-family: 'notokr',"맑은 고딕";-webkit-text-size-adjust: none; -ms-text-size-adjust: none;font-weight: 400; background:#fff; overflow-x: hidden;}
input, button, select, textarea, pre, code, h1, h2, h3, h4, h5, h6, table {font-family: 'notokr',"맑은 고딕";font-weight: 400;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
ol, ul, li { list-style:none; line-height: 1.4;}
img, fieldset { border:0 none; }
img { -webkit-perspective: 1; }
img {
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}
a { cursor:pointer; -webkit-tap-highlight-color: transparent;}
a:link, a:visited { text-decoration:none; color:#000;}
a:active, a:hover, a:focus { text-decoration:none; }

input, select, textarea { vertical-align:middle; resize:none; position:relative; outline:none; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; border-radius:3px}
input, select{border:1px solid #d2d6dd; font-size: 16px; border-radius:5px;font-weight : 400; letter-spacing: -0.025em; line-height: 1.2; word-break: break-all; vertical-align: middle; cursor:pointer; background-color: #fff; height:42px; padding:0 10px; width:calc(100% - 22px);}
textarea  {border:1px solid #d2d6dd; padding: 15px 10px 15px 10px;font-size: 16px; border-radius:5px;font-weight : 400; letter-spacing: -0.025em; line-height: 1.3; word-break: break-all; cursor:pointer; background-color: #fff; width:calc(100% - 22px);resize: none;}
select {padding: 5px 20px 5px 14px;line-height: 1.35; word-break: break-all; vertical-align: middle;
    	-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('../img/content/icon_down.png') no-repeat 98% 8px; /* 화살표 아이콘 추가 */  background-size: 24px 25px; width:100%;height:44px;}
input::placeholder {font-size: 15px; font-weight: 400; color: #666;letter-spacing: -1px; }
input[readonly] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
input[disabled] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
select[readonly] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
select[disabled] {background-color: #E9E9E9;border:1px solid #E9E9E9;}
input[type=text]::placeholder { color:#999;}
input[type=checkbox] { -webkit-appearance:checkbox; }
input[type=checkbox]:disabled {cursor:default}
input[type=checkbox] { margin:0 0px 0 0px; width: 22px; height:22px;}
input[type=checkbox]:first-child { margin-left:0;}
input[type=radio] { -webkit-appearance:radio; -webkit-border-radius:10px; }
input[type=radio]:disabled {cursor:default}
input[type=date] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;border-radius:3px}
input[type=date].half {border: 1px solid #ccc; padding: 3px; width: 45%; font-size: 14px; cursor:pointer}
input[type=time] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;}
input[type=month] {border: 0; padding: 0; width: 100%; font-size: 14px; cursor:pointer;}
input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; }
input.read { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; background: #f7f7f7;}
textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; }
select.basic { height:21px; }
input[type=radio] { position: ; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type=radio] + label { display: inline-block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align:middle;}
input[type=radio] + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%;}
input[type=radio] + label:active:before, .checks input[type=radio]:checked + label:active:before { }
input[type=radio]:checked + label:before { background: #fff; border-color: #FFDE00; }
input[type=radio]:checked + label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 9px; height: 9px; background: #FFDE00; border-radius: 100%;}

.txt-no input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.txt-no input[type=radio] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:0px; }
.txt-no input[type=radio] + label:before { content: ''; position: absolute; left: 0; top: -12px; width: 17px; height: 17px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%;}
.txt-no input[type=radio] + label:active:before, .checks input[type=radio]:checked + label:active:before { }
.txt-no input[type=radio]:checked + label:before { background: #fff; border-color: #FFDE00; }
.txt-no input[type=radio]:checked + label:after { content: ''; position: absolute; top: -7px; left: 5px; width: 9px; height: 9px; background: #FFDE00; border-radius: 100%;}
::-webkit-scrollbar { width: 3px; height:1px; }
::-webkit-scrollbar-thumb { background: #a9a9a9; }

button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
hr.line {border: solid 4px #F3F3F3; display:inherit;}
hr.line2 {border: solid 1px #e9e9e9; display:inherit; width: 100%;}
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table {border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }

footer{position:fixed; left:50%; bottom:2%; transform: translateX(-50%); align-items:center; color:#000000; font-size:12px;}

label {font-size: 15px; font-weight: 400; color:#333; vertical-align: middle;}
.blind {width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}

.center {margin:0 auto !important;}

.indent{ text-indent: 4em;}

.pointer{ cursor: pointer; }

.w94 { width:94% !important;}
.w100 { width:100% !important;}
.m10 { margin: 10px !important;}

.mr0 { margin-right:0 !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr3p { margin-right:3% !important;}

.mt0 { margin-top:0px !important;}
.mt3 { margin-top:3px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}

.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pb0 { padding-bottom:0px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pr4 { padding-right:4px !important;}
.pr6 { padding-right:6px !important;}

.ml0 { margin-left:0px !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml25 { margin-left:25px !important;}
.ml50 { margin-left:50px !important;}

.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:20px !important;}

.pd0{padding:0 !important;}
.pd15{padding:15px !important;}
.ptb0 { padding-top:0 !important; padding-bottom:0 !important;}
.plr0 { padding-left:0 !important; padding-right:0 !important;}
.plr10 { padding-left:10px !important; padding-right:10px !important;}
.pl0 { padding-left:0 !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}

.ft17 { font-size:17px !important;}
.ft16 { font-size:16px !important;}
.ft15 { font-size:15px !important;}
.ft14 { font-size:14px !important;}
.ft13 { font-size:13px !important;}
.ft12 { font-size:12px !important;}
.ft11 { font-size:11px !important;}

.fc02{ color:#d0021b !important;}
.fc_black{ color: #000000 !important;}
.fc_red{ color: #ff2c2c !important;}
.fc_blue{ color: #192cfc !important;}
.fc_darkblue{ color: #0026ab !important;}
.fc_gray {color: #a6a6a6;}

.ft900 { font-weight: 900 !important;}
.bold { font-weight: bold !important;}
.nomal { font-weight: normal !important;}

.bor_t{border-top:1px #ddd solid!important;}
.bor_b{border-bottom:1px #ddd solid!important;}
.bor_nb{border-bottom:0px #ddd solid!important;}

p{line-height:1.4;}
.low_line_height{ line-height:1.2;}
.middle_line_height{ line-height:1.4;}
.high_line_height{ line-height:1.7;}
.ir{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;color:transparent;border:0;clip:rect(0 0 0 0);}

.dnone { display:none; }
.dinlineblock{display:inline-block;}
/* Basic Style END */



/*top*/
#header{position:fixed; margin:0 auto;padding:0; width:100%; height:56px; background-color:#fff;z-index: 100; line-height:56px;border-bottom:1px solid #E4E4E4;display: flex; align-items: center; justify-content: space-between; padding: 0 5%; box-sizing: border-box;}
#header h1{margin:0 auto; padding:0 0 0 0; font-size:18px; font-weight:700;text-align:center;}
#header h2{margin:0 auto; padding:0 5% 0 12%; font-size:16px; font-weight:700; text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;}

/*topNav*/
ul#topNavL{position:absolute;top:14px; left:5%;width:auto; height:40px;}
ul#topNavL li{ float:left; color:#fff; font-size:12px; font-weight:400;height:32px;}
ul#topNavL li a.back {display:inline-block;background: url(../img/content/back.png) center center no-repeat;background-size:contain;width:32px;height:32px;}
ul#topNavL li a.logo {display:inline-block;background: url('../img/content/tit_icon03.png') no-repeat;background-size:contain;width:30px;height:26px; background-position-x: center; margin-top:2px;}

ul#topNavR{position:absolute;top:11px; right:5%;width:auto; z-index:100; height:40px;}
ul#topNavR li{ float:left; color:#fff; font-size:12px; font-weight:400; height:32px;}
ul#topNavR li:last-child{float:right;}
ul#topNavR li a.del {display:inline-block;background: url(../img/content/top_del.png) center center no-repeat;background-size:contain;width:32px;height:32px;}
ul#topNavR li a.back {display:inline-block;background: url(../img/content/back.png) no-repeat;background-size:contain;width:32px;height:32px;}
ul#topNavR li a.all {display:inline-block;background: url(../img/content/top_btn_all.png) no-repeat;background-size:contain;width:21px;height:17px;margin-top:7px;}

/* slide_menu */
#ctSide { position: absolute; overflow:auto; overflow-x:hidden; top: 50px; right:0px; clear:both; background: #ffffff; width: 80% ; height: 85%; z-index: 99998; transform: translateX(100%); transition: transform 500ms ease-in-out; }
#ctSide.active {transform: translateX(0%);}
#mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom: 1; opacity: 0.5; z-index: 9998; display: block; }
.slide_menu { width: 100%; height: 100%; background: #fff; position: fixed; z-index: 9999; display: block;}
.slide_menu .menu_btn {width: 100%; height: 37px; position: relative; text-align:center; padding-top:15px; display: none;}
.slide_menu .menu_btn button{ height:36px;font-size:17px; font-weight:500;line-height:25px;width:104px; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border: 1px solid #FF545C;background:#FF545C;color:#fff; margin: 10px 0px 15px 6%;}
.slide_menu .menu_list li { padding: 15px; border-bottom:1px solid #ccc; list-style: none; }
.slide_menu .menu_list li a { font-size: 15px; color: #333; }
.panel {padding: 0px;background-color: white;max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;}
.panel h3 {font-size:14px; font-weight:700;}
.panel ul{ margin:8px 0 0px 0;}
.panel ul li{font-size:13px; letter-spacing:-0.5px; padding:0 0 4px 0;}
.panel ul > li > ul{ margin:4px 0 6px 0;}
.panel ul > li > ul >li{font-size:12px;}
.panel h4 span, .text-dot h4 span{font-size:15px; letter-spacing:-1px; padding-top:3px;background: linear-gradient(180deg,rgba(255,255,255,0) 65%, #FAE125 35%); padding:0 1px;font-weight:700; display:inline-block; margin-top:10px;}
.cust-common-menu{position: fixed; width: 100%; height: 100%; max-width: 100%; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* accordion menu */
.accordion {padding: 0px 14px 0px 0px; font-weight: 700; line-height: 1.4em; display:inline-block; width:100%;height:50px; line-height:50px; border-bottom:1px #ddd solid; font-size:18px; text-align:left; color:#252525;background:url(../img/content/menu_list_down.png) right 24px no-repeat;background-size: 32px;}
.accordion span{height:28px;width:28px;padding:3px 0px 3px 24px;}
.accordion.active + div.panel:not(:last-child) {border-bottom:1px #ddd solid;}
.ico-no{background-image: none;}
.sc_list {width:100%;background:#fff; padding:0;display: inline-block}
.sc_list li{border-bottom:1px solid #E4E4E4; height:44px; line-height:44px; cursor: pointer;}
.sc_list li span.tit{height:28px;width:28px;padding:3px 0px 3px 34px;font-size:16px; font-weight:700;color:#666;}
.sc_list .right_btn{display:inline-block;margin-right:4%;line-height:24px;margin-top:5px;font-size:14px;color:#02a2e8;text-decoration:underline;float:right;}
.sc_list .right_btn a{font-size:14px;color:#02a2e8;text-decoration:underline; cursor: pointer;}
.btn_sc_agree{background:url('../img/content/arr_agree.png') no-repeat 50% 50%;background-size:100% 80%;}
.slide_logo{ text-align:center; margin-top: 30px;}
.slide_logo img{ width:200px;}

/* 모달(팝업) */
#modal{display:none;position:fixed; width:100%; height:100%;top:0; left:0; background:rgba(0,0,0,0.6);z-index: 99999;}
.modal-con{display:block;position:fixed;top: calc(50% - 5px); left:50%;transform: translate(-50%,-50%);width: 80%;border-radius: 15px 15px 15px 15px;background:#fff;z-index: 99999;}
.modal-con .title{font-size:20px; padding: 20px; border-radius: 15px 15px 0px 0px;}
.modal-con .con{font-size:15px; line-height:1.3;padding: 40px 24px 30px 24px;min-height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 0px 0px; text-align:center; letter-spacing:-0.5px;border:1px solid #E4E4E4;border-bottom:0px solid #E4E4E4;}
.modal-con .close{display:block;position:absolute;width:20px; height:20px;text-align:center; line-height: 30px;text-decoration:none;color:#4B4B4B; font-size:32px;right:15px; top:6px;}
.bt_modal{overflow:hidden;padding:0;width:100%;margin-bottom:-5px;position:relative;border-radius: 0px 0px 15px 15px;border-top:0px solid #fff;}
.bt_modal a{display:block;background-color:#C00000;border:1px solid #C00000;font-size:16px;height:50px;line-height:50px;color:#fff;text-align:center;border-radius:0 0 5px 5px;flex:1}
.bt_modal a strong {color:#fff;}
.bt_modal2 a{float:left;width:55%;font-weight:normal;border:0px solid #C00000;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}
.bt_modal2 a:first-child{border:1px solid #737373;border-radius:0 0 0 5px;width:45%;background-color:#737373;}
.bt_modal2 a.all{float:left;width:100%;font-weight:normal;border-left:0px solid #C3AE11;border-radius:0 0 5px 0;box-sizing:border-box;position:relative; color:#fff;}
.modal-con .conW{font-size:15px; line-height:1.3;padding: 20px 8px 20px 8px;min-height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 0px 0px; text-align:center; letter-spacing:-0.5px;overflow: scroll;max-height: 350px;}
.modal-con .conT{font-size:15px; line-height:1.3;padding: 0px 8px 10px 8px;height: calc(30% - 110px);background:#fff;border-radius: 15px 15px 15px 15px; text-align:center; letter-spacing:-0.5px;}
.scrollPrevent{width: 100%; height: 100%; max-width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/*ct*/
#ct {position: absolute; padding:0; margin:0px 0px 30px 0px; width:100%; overflow:auto; overflow-x:hidden; z-index:1; top:56px; clear:both !important;}
.cont {width:100%;margin:0 auto; padding-bottom:25px;}
.cont_sv {width:90%;margin:0 auto; padding:10px 0;}
.cont2{width:calc(100% - 8%);margin:0 auto; margin-top:5px; padding:0 4%;padding-bottom:25px;}
.cont3{width:100%;margin:0 auto;white-space:nowrap;overflow-x:scroll;margin-top:12px;-ms-overflow-style: none; scrollbar-width: none;}
.cont3::-webkit-scrollbar {display: none; width: 0; height: 0;}
.cont_agree {width:90%;margin:0 auto; margin-bottom:30px;  margin-top:12px;}

.menu_box{border-radius:3px 3px;height:100px;width:100%; background:#C00000;}
.bg_ic01{background:#C00000 url('../img/content/mu_ico01.png')right center no-repeat;}
.bg_ic02{background:#C00000 url('../img/content/mu_ico02.png')right center no-repeat;}
.bg_ic03{background:#C00000 url('../img/content/mu_ico03.png')right center no-repeat;}
.bg_ic04{background:#C00000 url('../img/content/mu_ico04.png')right center no-repeat;}
.bg_ic05{background:#C00000 url('../img/content/mu_ico05.png')right center no-repeat;}
.submenu {width:64%; padding:24px 0 0 24px;}
.submenu p.mean{ font-size:16px; font-weight:400; color:#fff;}
.submenu p.title{ font-size:20px; font-weight:700; color:#fff; margin-top:10px;}


.menu_wrap > h2 {height:40px; line-height:40px;font-weight:600;color:#000000; padding:5px 14px;background-size: 60px;width:calc(100% - 28px);}
.menu_wrap > h3 {height:40px; line-height:40px;font-size:18px;color:#000000; padding:0 14px;background:#EAF1DD;background-size: 60px;width:calc(100% - 28px);}
.menu_list {width:100%;background:#fff; padding:0;border-top:1px solid #E4E4E4;}
.menu_list li{border-bottom:1px solid #E4E4E4; height:60px; line-height:60px; cursor: pointer;}
.menu_list li span.tit{height:28px;width:28px;padding:3px 0px 3px 14px;font-size:18px; font-weight:500;}
.menu_list .right_btn{display:inline-block;position:absolute;right:5%;line-height:24px;margin-top:10px;font-size:14px;color:#02a2e8;text-decoration:underline;}
.menu_list .right_btn a{font-size:14px;color:#02a2e8;text-decoration:underline; cursor: pointer;}
.menu_list li.sub{border-bottom:1px solid #E4E4E4; height:60px; line-height:60px; cursor: pointer;}
.menu_list li.sub span.tit2{height:28px;width:28px;background: url() no-repeat 6px 2px;background-size:28px; padding:3px 0px 3px 14px;font-size:18px; font-weight:700;color:#666; letter-spacing:-0.025em;}
.emergency_icon{background:url('../img/content/emergency.png') no-repeat 100%;background-size:100%;cursor: auto;padding:10px 15px 5px;margin-left: 10px;}
.btn_arr_agree{background:url('../img/content/arr_agree.png') no-repeat 50% 50%;background-size:100% 80%;}

.pop_box{width:100%;background:#fff; padding:20px 0; min-height:200px; margin-bottom:10px; font-size:15px;}
.con_box{width:100%;background:#fff; padding:20px 0; min-height:420px; margin-bottom:10px; font-size:15px;}

/*신청폼 */
.app_form{margin-top:15px; clear:both !important;}
.app_form:after{clear:both !important;}
.app_form:first-child{margin-top:0px;}
span.needed{margin-left:0px; font-size:15px;}
span.needed em{color:#ff4800; margin-right:5px; vertical-align:middle;font-style: normal;}
.app_form .tit{font-size:15px; font-weight:500; color:#929292;}
.app_form .tit_color_b{font-size:15px; font-weight:500; color: #0072bc;}
.app_form .tit_wid{line-height:24px; padding-top:6px;}
.app_form .left{ float:left; width:42%;}
.app_form .right{ float:right; width:42%;}
.app_form .left2{width:48%; padding-top:20px; display: inline-block;}
.app_form .time {width:100%; margin-top:0; clear:both;}
.app_form .time input[type=tel]{ display:inline-block;width:calc(49% - 22px);text-align:left; float:left;}
.app_form .time input[type=tel].last{ display:inline-block;width:calc(49% - 22px);text-align:left; float:right;}
.app_form input[type=checkbox].round{padding:0;vertical-align:middle;cursor:pointer;border:1px solid #d9d9d9;background:#fff;box-shadow:none;-webkit-appearance:none;background-size:100% 100% !important;border-radius:50%;background:url('../img/content/check_round.png') no-repeat 50% 50%;}
.app_form input[type=checkbox]:checked{border:0;background:url('../img/content/check_checked.png') no-repeat 50% 50%;}
.app_form input[type=checkbox]:disabled{border:0;background:url('../img/content/check_disabled.png') no-repeat 50% 50%;}
.app_form input[type=checkbox]+label{margin-left:4px;}
.app_form .mem_cn {width:100%; margin-top:0; clear:both; margin-bottom:5px;}
.app_form .mem_cn input[type=tel]{ display:inline-block;width:calc(33% - 24px);text-align:left; margin-right:1px;}
.app_form .mem_cn select[type=tel]{ display:inline-block;width:calc(33% - 2px);text-align:left; margin-right:1px;}
.app_form .mem_cn input[type=tel].last{ display:inline-block;width:calc(33% - 24px);text-align:left; margin-right:0px;}
.app_form .certification{width:100%; margin-top:0;}
.app_form .certification input[type=tel]{ display:inline-block;width:calc(64% - 20px);text-align:left; padding:0 0 0 14px; margin-right:3px; float:left;}
.app_form .certification input[type=button]{width:36%; height:44px; border: 1px solid #FF545C;background:#FF545C;color:#fff; font-size:14px;border-radius:18px;float:right;}

/*하단 설명글 */
.result-txt{background:#FBFFF9;border-radius:5px; padding:14px 10px 8px 14px; margin:6px 0 20px 0; text-align:left;}
.result-txt2{;border-radius:5px; margin:6px 0 20px 0; text-align:left;}
.result-txt h3{ margin-bottom:10px;}
.result-txt h3 span{font-size:14px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #FAE125 30%);padding: 0; font-weight:700;}
.result-txt2 h4 span{font-size:14px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #FAE125 30%);padding: 0; margin-left: 5px; font-weight:700;}
.result-txt p{line-height:1.4; font-size:12px; margin:4px 0 5px 0; letter-spacing:-0.5px;background:url(../img/content/bullet2.png) left 3px no-repeat;padding:0px 0 3px 12px;background-size:10px;}
.result-txt2 p{line-height:1.4; font-size:14px; margin:4px 0 5px 0; letter-spacing:-0.5px;background:url(../img/content/bullet2.png) left 3px no-repeat;padding:0px 0 3px 12px;background-size:10px;}
.result-txt h5{line-height:1.4; font-size:12px; margin:4px 0 5px 0; letter-spacing:-0.5px;padding:0px 0 3px 12px;background-size:10px;}

/* accordion menu2 */
.accordion2 {padding: 15px 3px; font-weight: 700; display:inline-block; width:100%;min-height:30px; line-height:30px; border-bottom:1px #ddd solid; text-align:left; color:#252525;background:url(../img/content/menu_list_down.png) right center no-repeat;background-size: 32px;}
.accordion2 span:nth-child(1){width:30px;display:inline-block; vertical-align:middle;min-height:30px; line-height:30px;}
.accordion2 span:nth-child(1) img{width:24px; vertical-align:middle;}
.accordion2 span:nth-child(3){width:58%; font-size:12px; line-height:1.2; display:inline-block; vertical-align:middle; text-align:justify;}

/*accordion menu3*/
.active {background:url(../img/content/menu_list_up.png) right 20px no-repeat;background-size: 32px;}
.btn_con{font-size:14px;text-align: left; display:inline-block; min-height:50px; width:calc(100% - 28px); background:#F3F3F3; padding:10px 14px;}

/*button*/
button {cursor: pointer; padding:9px 15px 7px; font-size:15px; font-weight:500; color:#5890c5;outline: none;margin:0 auto;-webkit-tap-highlight-color: transparent;}
button[disabled] {cursor: default;border: 1px solid #ddd;background:#ddd;color:#fff;}
.btn_wrap{width:100%;margin:20px 0 0 0 ;padding:0;box-sizing:border-box;letter-spacing:-0.5px;clear:both !important;}
.arr{display: flex; justify-content: flex-start; width:100%;}
.arr .left{margin-right: auto; width:49%;}
.arr .right{ width:49%;}

.btn01{ height:52px;font-size:17px; line-height:47px;width:100%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #D6423D;background:#D6423D;color:#fff;}
.btn02{font-size:14px;font-weight: 500; height:36px;line-height:27px;width:64%; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn03{font-size:14px;font-weight: 500; height:26px;line-height:20px;width:80%; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn04{font-size:14px;font-weight: 500; height:42px;line-height:27px;width:100%; padding:0; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn05{ height:52px;font-size:17px;font-weight: 500; line-height:47px;width:100%; padding:0; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;border: 1px solid #D6423D;background:#D6423D;color:#fff;}
.btn06{ height:52px;font-size:17px;font-weight: 500; line-height:47px;width:100%; padding:0; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;border: 1px solid #737373;background:#737373;color:#fff;}
.btn08{font-size:14px;font-weight: 500; height:36px;line-height:27px;width:100%; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn09{font-size:14px;font-weight: 500; height:30px;line-height:27px;width:28%; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn091{font-size:14px;font-weight: 500; height:30px;line-height:27px;width:20%; padding:0; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;border:1px solid #898d9b;background:#898d9b;color:#fff;}
.btn10{font-size:13px;font-weight: 500; height:30px;line-height:27px;width:100%; padding:0px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:13px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btn11{width: 35%;height: 44px;background: #ff545c;border: none;color: #fff;font-size: 14px;border-radius: 5px;float: right;}
.btn12{font-size:12px;font-weight: 500; height:35px;line-height:14px;width:90%; padding:3px; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;border: 1px solid #FF545C;background:#FF545C;color:#fff;}
.btnP01{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #b0b0b0;background:#FFF;color:#000;}
.btnP01.active{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 1px solid #b0b0b0;background: #ff545c;color:#fff;}
.btnP01.activeP{ height:40px;font-size:14px; line-height:39px;width:48%; padding:0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;border: 2px solid #ff545c;}
.btn091.active{border: 1px solid #FF545C;background: #FF545C;}

/*progress step*/
.step_wrap{width: 95%; display: flex; font-size:11px; font-weight:500; margin: 20px 1px 10px 1px; justify-content: space-between;}
.step_wrap2{width: 100%; display: flex; font-size:11px; font-weight:500; margin: 20px 1px 10px 1px; justify-content: center; gap: 30px;}
.step_wrap span:first-child ,.step_wrap2 span:first-child {color:#fff; padding-left:9px;}
.step_wrap span:last-child, .step_wrap2 span:last-child {padding-left:5px;}
.step_wrap .first, .step_wrap2 .first {background:url('../img/content/step-off.png') 0 0px no-repeat;height:32px;background-size:90px 32px;line-height:32px;margin-right: 1%;box-sizing: border-box;min-width: 90px; margin-left:4%}
.step_wrap .second, .step_wrap2 .second{background:url('../img/content/step-off.png') 0 0px no-repeat;height:32px;background-size:112px 32px; line-height:32px;margin-right: 1%;width:30%;box-sizing: border-box; min-width: 112px;}
.step_wrap .third, .step_wrap2 .third{background:url('../img/content/step-off.png') 0 0px no-repeat;height:32px;background-size:90px 32px;line-height:32px;box-sizing: border-box; min-width: 90px;}
.step_wrap .first.choice, .step_wrap2 .first.choice, .step_wrap .third.choice, .step_wrap2 .third.choice{background:url('../img/content/step-on.png') 0 0px no-repeat; background-size:90px 32px; min-width: 90px;}
.step_wrap .second.choice, .step_wrap2 .second.choice{background:url('../img/content/step-on.png') 0 0px no-repeat; background-size:112px 32px; min-width: 112px;}

/*user info*/
.user-top {display:inline-block;width:calc(100% - 2px);padding:0px 0px 10px 0px;background-color:#fff; min-height:180px;border-radius:9px; font-weight:500;border:1px solid #D4D3D3; margin-top:10px;}
.user-add{ margin:0;background-color:#EAF1DD; min-height:90px;border-bottom:1px solid #D4D3D3;border-radius:9px 9px 0 0; font-size:15px; display:inline-block; width:100%;padding:0 0 10px 0;}
.user-add div.all{width:calc(100% - 32px); margin:15px 16px 0 16px;}
.user-add div.all p.nick span{border-radius:4px; background:#FF0000; padding:3px 10px 3px 10px;color: #fff; font-size:13px; font-weight:400;}
.user-add div.all p.adr{ margin-top:10px; letter-spacing:-1px;padding-bottom:10px;}

.user-money{ clear:both; margin:0;text-align:right;letter-spacing:-1px; padding:18px 0 0px 0;}
.user-money div.top {text-align:left; margin:0 16px 10px 16px;}
.user-money div.top .name{letter-spacing:-1px; font-size:18px;background:url(../img/content/tit_icon03.png) left 2px no-repeat;padding:0px 0 3px 26px;background-size:24px;}
.user-money div.top .numb{letter-spacing:-1px; font-size:14px; margin-bottom:10px; padding-left:26px;}
.user-money div.middle { margin:0 0 20px 0; text-align:right;}
.user-money div.middle span.pay{background: linear-gradient(180deg,rgba(255,255,255,0) 60%, #FAE125 40%); padding:0; margin-right:20px;}
.user-money div.middle span.pay strong{ font-weight:800; letter-spacing:-1px; font-size:32px; }
.user-money div.bottom {margin:5px}
.user-money div.bottom div.left {width: 49%; float:left; text-align:left;}
.user-money div.bottom div.left > p{ padding: 2px 0;}
.user-money div.bottom div.right {width: 49%; float:right; text-align:right;}
.user-money div.bottom div.right div.now{ margin-top:10px; margin-right:20px;}
.user-money div.bottom div.right span.pay, .user-money div.bottom div.right span.finish{padding:5px 0;border-radius:5px; background: #FF6D74; width:40%; text-align:center; display:inline-block;font-size: 11px;font-weight:500; letter-spacing:-0.5px; color:#fff; line-height:1.1}

.user-top2 {display:inline-block;width:calc(100% - 2px);padding:0px 0px 10px 0px;background-color:#EAF1DD; min-height:80px;border-radius:9px; font-weight:500;border:1px solid #D4D3D3;margin-top:15px;}
.user-add2{ margin:0;font-size:15px;}
.user-add2 div.left, .user-add div.left{ float:left; width:calc(80% - 16px); margin:15px 0 0 16px;}
.user-add2 div.left p.nick span, .user-add div.left p.nick span{border-radius:4px; background:#FF0000; padding:3px 10px 3px 10px;color: #fff; font-size:13px; font-weight:400;}
.user-add2 div.left p.adr, .user-add div.left p.adr{ margin-top:10px; letter-spacing:-1px;}
.user-add2 div.right, .user-add div.right{ float:right; width:20%; text-align:right;}
.user-add2 div.right button, .user-add div.right button{display:inline-block;background: url(../img/content/plus_btn.png) center center no-repeat;background-size:contain;width:34px;height:34px; text-indent:-999999px; margin:30px 15px 0 0;}

.grid{margin-top:15px;}
.coltb{width: 100%; word-break: break-all; color:#000;border-collapse: separate;border-spacing: 0; margin-top:10px;border-top:1px #ddd solid;}
.coltb th{position: relative; padding:6px 2px; font-size: 13px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.1; background:#EAF1DD;text-align:center; height:24px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;}
.coltb th:first-child{border-left:1px #ddd solid;}
.coltb td{position: relative; padding:6px 2px; font-size: 13px; letter-spacing:-0.75px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:center; font-weight:500;border-bottom:1px #ddd solid; background:#fff;border-right:1px #ddd solid;height:30px;}
.coltb td:first-child{border-left:1px #ddd solid;}
.coltb tfoot td strong{ font-size:15px; font-weight:800;}
.coltb tfoot td {padding:8px 6px 8px 6px!important;background-color:#F2F2F2; font-size: 15px; font-weight:700;}
.coltb tfoot td.tit {padding:8px 10px 8px 10px!important;}
.coltb tfoot td.total {padding:8px 20px 8px 10px!important; text-align:right;}
.coltb tr.bdl td {border-left: none;}
.coltb tr.bdr td {border-right: none;}

.rowtb{width: 100%; word-break: break-all; color:#252525;}
.rowtb th{position: relative; padding:8px 4px 8px 10px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; color:#75869C;text-align:left;}
.rowtb td{position: relative; padding:8px 10px 8px 0px; font-size: 14px; letter-spacing:-0.5px; word-break: break-all;vertical-align: middle; line-height:1.2; text-align:right; font-weight:500;}
.rowtb td span{ margin-left:4px;}
.rowtb tfoot th{padding:14px 10px 14px 10px;background-color:#FFEB00; font-size: 16px; font-weight:700; color:#252525;border-radius:7px 0 0 7px;}
.rowtb tfoot td {padding:14px 10px 14px 10px;background-color:#FFEB00; font-size: 16px; font-weight:700; color:#252525;border-radius:0 7px 7px 0;}
.rowtb tfoot td span{ margin-left:4px;}
.rowtb span.tit{padding:0px 4px 6px 10px; font-size: 14px; font-weight:700; letter-spacing:-0.5px; line-height:1.2; color:#75869C; margin-left:0;}
.rowtb p.result{padding:0px 0px 0px 10px;}
.rowtb-box{padding:10px 10px;background-color:#fff;border-radius:7px;}
.rowtb-box2{padding:0px;background-color:#fff; min-height:100px;border-radius:7px;}
.rowtb-box3{padding:10px 10px;background-color:#fff; border-radius:7px; width:88%;margin:0 auto;}
.cust-empty-msg { padding: 8px 10px 8px 0px !important; color : #aaaaaa !important; font-size: 14px !important; line-height: 1.2 !important; text-align: center !important; font-weight: 500 !important;}

.menu-etc{width:100%; margin-top:40px;}
.menu-etc h3{height:50px; line-height:50px;font-size:18px;color:#000000;font-weight:700; padding:0 14px;background:#EAF1DD no-repeat right 20px;background-size: 60px;}
.menu-etc > ul{padding:0px;}
.menu-etc > ul > li{ border-bottom:1px #ddd solid; height:50px; padding:20px 10px 20px 14px;float:left; display:inline-block;width: calc(100% - 24px); cursor: pointer;}
.menu-etc > ul > li:last-child{ border-bottom:1px #fff solid; margin-bottom:10px;}
.menu-etc > ul > li span.tit_left{font-size:18px;font-weight:700; float:left;}
.menu-etc > ul > li span.tit_right{font-size:16px;font-weight:500; float:right; color:#000000; display:block;background:url('../img/content/arr_agree.png') no-repeat right 0px;background-size: 30px; padding-right:12px;}
.menu-etc > ul > li p{  float:left; width:100%; display:inline-block; font-size:12px; margin-top:14px;}

.underline {font-size: 14.4px !important; text-decoration: underline;}

h4 span.cust-title{
    font-size: 20px;
    letter-spacing: -1px;
    padding-top: 3px;
    background: linear-gradient(180deg,rgba(255,255,255,0) 65%, #FAE125 35%);
    padding: 0 1px;
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
}

.graph_form { margin-top:10px;}
.graph_form .day_dt {width:100%; margin-top:0;display: flex;align-items: center;justify-content: space-between;}
.graph_form .day_dt input[type=tel]{width:45%;text-align:center;  }
.graph_form .day_dt span {width:10%; text-align:center; font-size:22px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #ctSide {
        z-index: -1 !important;
        position: relative;
    }

    #ctSide.active {
        z-index: 99999 !important;
        position: absolute;
    }
}