@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
@import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css");
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.google.com/icons?selected=Material%20Icons%3Ahistory_toggle_off');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');
/*
  Common Style
*******************/

html {font-size: 12px;}
html, body {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  color:#5f5f5f;
  font-weight: 300;
  font-style: normal;
  background: transparent;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
  font-size: 1rem;
  line-height: 1.52857143;
}
body.tablet_body::before, body.tablet_body::after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
body.tablet_body::before {
    left: 0;
    background: #333;
}
body.tablet_body::after {
    right: 0;
}
#r_w::after {
  background: #FFF;
}
#r_b::after {
  background: #333;
}
body, button, h1, h2, h3, h4, h5, input, select, table, textarea {
  font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light, Noto Sans KR KR, sans-serif;
}

legend {font-size:0; color: transparent; text-indent: -9999em;}


img {vertical-align:top;border:0;margin:0;padding:0;}

* {box-sizing: border-box;}

a:link {color:#222;}
a:hover{color:#222;}
a:visited {color:#222;}
a:active {color:#222;}

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(dist/font/MaterialIcons-Regular.woff) format('woff');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
/* Support for IE. */
font-feature-settings: 'liga';
}


/*
  placeholder
*/
.placeholder {position: relative; z-index: 1; overflow: hidden; display: inline-block;}
.placeholder label {white-space: nowrap; color: #000; font-style: normal; cursor: text; position: absolute; left: 10px; top: 8px; z-index: 2; color:#bcbcbc; font-size: 1rem;}
.placeholder textarea, .placeholder input {position: relative; z-index: 1;}
.placeholder textarea.focus, .placeholder input.focus {z-index: 3;}


/*
  Radio & Checkbox
*/

input[type=checkbox].checkbox,
input[type=radio].radio {
  opacity:0;
  position:absolute;
  z-index:12;
  width:24px;
  height:24px;
  cursor:pointer;
  margin:0;
  padding:0;
}
input[type=checkbox].checkbox:checked,
input[type=checkbox].checkbox:focus,
input[type=radio].radio:checked,
input[type=radio].radio:focus {
  outline:none !important;
}
input[type=checkbox].checkbox+.label,
input[type=radio].radio+.label {
  position:relative;
  z-index:11;
  display:inline-block;
  margin:0 2px 0 0;
  font-weight:normal;
  vertical-align: top;
}
input[type=checkbox].checkbox+.label::before {
    font-weight: normal;
    color: #cdcdcd;
    border: 2px solid #999;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 22px;
    min-width: 22px;
    content: '';
    line-height: 22px;
    font-size: 1.3rem;
    border-radius: 1vw;
    margin-right: 1vw;
}
input[type=checkbox].checkbox:checked+.label::before {
  font: normal normal normal 17px/1 FontAwesome;
  font-weight:normal;
  color:#FFF;
  background-color:#000;
  border: 2px solid #000;
  border-radius:1vw;
  content: '\f00c';
}
input[type=radio].radio+.label::before {
  border:2px solid #999;
  border-radius:0;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  height:22px;
  min-width:22px;
  margin-right:1px;
  line-height: 22px;
  content: '';
}
input[type=radio].radio+.label::before {
  line-height: 14px;
}
/*input[type=checkbox].checkbox:checked+.label:before {
  display:inline-block;
  content:"\f00c";
  border:1px solid #336ee0;
  background-color:#fff;
  color: #336ee0;
}*/
input[type=radio].radio:checked+.label:before {
  display:inline-block;
  content: '●';
  border:1px solid #282d41;
  background-color:#fff;
  color: #282d41;
  font-size: 11px;
  line-height: 21px;
}

input[type=checkbox].checkbox:hover+.label::before,
input[type=checkbox].checkbox+.label:hover::before,
input[type=radio].radio:hover+.label::before,
/*input[type=radio].radio+.label:hover::before {
  border-color:#001141;
}*/
input[type=checkbox].checkbox:active+.label::before,
input[type=checkbox].checkbox:checked:active+.label::before,
input[type=radio].radio:active+.label::before,
input[type=radio].radio:checked:active+.label::before {
  box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}
input[type=checkbox].checkbox:disabled+.label::before,
input[type=checkbox].checkbox[disabled]+.label::before,
input[type=checkbox].checkbox.disabled+.label::before,
input[type=radio].radio:disabled+.label::before,
input[type=radio].radio[disabled]+.label::before,
input[type=radio].radio.disabled+.label::before{
  background-color:#f0f0f0 !important;
  border-color:#c9c9c9 !important;
  box-shadow:none !important;
  color:#bbb;
}
input[type=radio].radio+.label::before {
  border-radius:100%;
  /*font-size:12px;
  line-height:17px;
  height:17px;
  min-width:17px;*/
}

input[type=checkbox].checkbox.switch {
  width:60px;
  height:30px;
}
input[type=checkbox].checkbox.switch+.label {
  margin:0 4px;
  min-height:30px;
}
input[type=checkbox].checkbox.switch+.label::before {
  content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
  float:left;
  overflow:hidden;
  box-sizing:border-box;
  margin-right:0px;
  padding:0px;
  width:60px;
  height:30px;
  line-height:28px;
  background-color:#889fae;
  border:1px solid #6d899c;
  border-radius:2px;
  box-shadow:none;
  color:#fff;
  font-family:Arial, Helvertica, sans-serif;
  font-size:11px;
  font-weight:500;
  text-align:left;
  text-indent:-30px;
  transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch+.label::after {
  content:"??????";
  position:absolute;
  top:0px;
  left:0px;
  box-sizing:border-box;
  padding:4px 0px 0px;
  width:30px;
  height:30px;
  background: #f7f7f7;
  background: linear-gradient(to bottom,  #f7f7f7 0%,#e5e5e5 100%);
  border-top:1px solid #e4e4e4;
  border-right:none;
  border-bottom:1px solid #c3c3c3;
  border-left:1px solid #cecece;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-top-left-radius:2px;
  border-bottom-left-radius:2px;
  color:#5b6a73;
  font-family:Arial, Helvertica, sans-serif;
  font-size:12px;
  font-weight:lighter;
  line-height:18px;
  text-align:center;
  text-shadow:-1px 0 0 rgba(0,0,0,0.2);
  transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch:checked+.label::before {
  text-indent:5px;
  background-color:#5791d7;
  border-color:#4b79ad;
}
input[type=checkbox].checkbox.switch:checked+.label::after {
  left:32px;
  border-right:1px solid #cecece;
  border-left:none;
  boder-top-right-radius:2px;
  border-bottom-right-radius:2px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
input.checkbox.readonly[type="checkbox"] + .label:before,
input.radio.readonly[type="radio"] + .label:before {
  background:#e1e1e1;
}
input[type="text"], input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 36px\9;
    font-family: inherit;
    font-size: 16px;
}

/*
  select
*/
/* .select-wrapper {position: relative; display: inline-block; padding-right: 40px;}

select {
  border: none;
  height: 36px;
  vertical-align: middle;
  font-size: 16px;
  font-family: 'Noto Sans KR DemiLight';
  color: #777;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  position:relative;
  vertical-align: top;
  width: auto;
  color: #222;
  margin-right: -40px;
  padding-right: 40px;
  padding-left: 20px;
  min-width: 150px;
  background: #fff;
} */

.select-wrapper:before {
  content: "\e874";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: 5px;
  pointer-events: none;
  z-index: 1;
  font-size: 16px;
  color: #222;
}

select::-ms-expand {
    display: none;
}

.select-wrapper.iestyle {padding-right: 0; margin-right: 40px;}
.select-wrapper.iestyle:before { content: '';}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-wrapper.iestyle {padding-right: 40px !important; margin-right: 0;}
  .select-wrapper.iestyle:before { content: "\f0d7" !important;}
}

/*
  button
*/
.button_group {clear: both; padding: 20px 0;}
.btn {display:inline-block; cursor: pointer; white-space: nowrap; touch-action: manipulation;}
.btn.btn-blue {background: #336ee0; color: #fff; border:0;}
.btn_group .btn.btn-blue {background: #336ee0; color: #fff; border:0;}

.clearfix {clear:both !important;}
.clear:after {clear:both;display:block;content:'';}

body { -webkit-text-size-adjust:none; background: #ededed;}
#wrap.qrmobile {overflow:hidden;  max-width:640px; min-width:320px; min-height:568px; margin:0 auto; line-height:1.2; position: relative;}/*position:relative;*/
#wrap.confirm {width: 100%; padding-bottom: 12vh;}
#wrap.login {width: 100%; height: 100vh;}
#wrap .container {}

.login_con {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); margin:0; display: table; text-align: center; width: 900px;}
.login_con .left_sec {display: table-cell; width: 50%; text-align: right; border-right:1px dashed #ddd; vertical-align: middle; padding-right: 45px;}
.login_con .left_sec p {font-size:3rem; color: #323231; line-height:130%;}
.login_con .left_sec p strong {font-weight: 600; color: #336ee0; display: inline-block; padding-right: 5px;}
.login_con .right_sec {display: table-cell; text-align: left; padding-left: 45px; padding-right: 45px; vertical-align: middle;}
.login_con .right_sec .login_box {}
.login_con .right_sec .login_box dt {}
.login_con .right_sec .login_box dd {padding-top: 10px;}
.login_con .right_sec .login_box .placeholder {display: block; margin-bottom: 10px;}
.login_con .right_sec .login_box input {height: 4.5rem; border-radius: 10px; width: 100%; font-size: 1.4rem; padding: 0 1rem;}
.login_con .right_sec .login_box .btn {display: block; width: 100%; height: 4.5rem; font-size:1.2rem; border-radius: 10px;}
.login_con .right_sec .login_box .placeholder label {font-size: 1.2rem; top: 1.4rem; left: 1.2rem;}

.loginout {position: absolute; top: 0; right: 80px; margin-left: 350px; white-space: nowrap; z-index:80;}
.loginout a {
  display: block;
  background:#999999;
  color: #fff;
  font-size: 1rem;
  padding: .8rem 2rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.confirm_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  margin:0;
  display: table;
  text-align: center;
  width:  100%;
  padding: 110px 80px 50px;
}
.confirm_box.resultdata {position: relative; top: inherit; left: inherit; transform: inherit; margin: 90px auto 0; background: #FFF;border-radius: 20px; text-align: center;; width: 80%;max-width: 1200px;}
.confirm_box.resultdata h1 {display: none;}
.confirm_box.resultdata form[name="frmFORM"] {display: none;}
.confirm_box h1 {font-size: 3.2rem; text-align: center; color: #000; letter-spacing: -2px; margin: 0 -2rem;}
.result_body .confirm_box h1 {display: none;}
.confirm_box h1 span {display: inline-block;}
.confirm_box h1 span.logo_img img { max-width: calc(100% + 4rem); }
.confirm_box h1 span.logo_txt {padding: 2rem 0;}
form[name="frmFORM"] {max-width: 503px; margin: 30px auto;}
.result_body form[name="frmFORM"] {display: none;}
.top_search {padding: 5px 7px; border-radius: 50px; background: #FFF; overflow: hidden;}
.top_search_box {text-align: center; padding: 1rem 0;}
.top_search_box > span { display: inline-block;}
.resultdata .select_box_con {display: none;}
.select_box_con { text-align: left; display: inline-block;}
.select_box_con * {vertical-align: middle;}
.select_box_con > span { display: inline-block;}
.select_box_con .search_in {position: relative;}
.select_box_con .search_in .placeholder {display: inline-block;}
.select_box_con .search_in .placeholder label {font-size: 1rem; top: .8rem; left: 1.2rem;}
.select_box_con .search_in .placeholder input {border-radius: 6px; height: 50px; width: 340px; padding: 0 1rem; border: 0;}
.select_box_con .search_in .btn-search {background: #666666; color: #fff; border-radius: 50px; height: 50px; padding:10px 45px 0; font-size: 1.07rem; margin-left: 10px;}

.confirm_box .chk_title {
  position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
  padding: 1rem 0 0;
  width: 78%; max-width: 1100px;
}
.confirm_box .chk_title #chk_status {  display: flex; justify-content: center;align-items: center; width: 100%; padding: 30px 0; font-size: 40px; border-radius: 20px; color: #FFF; letter-spacing: -2px;
  font-family: 'NanumSquareAc', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
/*  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 3rem 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);*/
}
.confirm_box .chk_title #chk_status.status_1 {background: #a1a2a1;}
.confirm_box .chk_title #chk_status.status_2 {background: #fa7741;}
.confirm_box .chk_title #chk_status.status_3 {background: #db2f3e;}
.confirm_box .chk_title #chk_status.status_4 {background: #aa31dd;}
.confirm_box .chk_title #chk_status.status_5 {background: #316dde;}
.confirm_box .chk_title #chk_status.status_5 {background: #001141;}

.con_box {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 3rem 4rem;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.chk_container .left_sec {width: 50%; float: left; padding:0 1rem;}
.chk_container .right_sec {width: 50%; float: left; padding:0 1rem;}
.chk_container .left_sec::after,
.chk_container .right_sec::after {content: ''; display: block; clear: both;}
.chk_container .tbl_tit {font-size: 1.6rem; padding-bottom: .8rem; text-align: left; letter-spacing: -1px; color: #000;}
.chk_container .tbl_list {display: flex; flex-flow: column; border-top: 1px solid #999;}
.chk_container .tbl_list li {flex: 1; border-bottom: 1px dashed #c5c3c3;}
.chk_container .tbl_list li:last-child {border-bottom: 1px solid #999;}
.chk_container .tbl_list li dl {display: table; width: 100%; height: 100%; text-align: left; line-height: 1;}
.chk_container .tbl_list li dl dt {width: 400px; display: table-cell; text-align: center; background: #ededed; padding: 1.2rem 1rem; color: #000; vertical-align: middle}
.chk_container .tbl_list li dl dd {display: table-cell;  padding: 0.6rem 1rem; font-weight: 700; letter-spacing: -2px; color: #000; vertical-align: middle}
.chk_container .tbl_list li dl.db_col dt,
.chk_container .tbl_list li dl.db_col dd {vertical-align: middle;}
.chk_container .tbl_list li dl.db_col dd label {display: block; margin-top: 20px;}
.tbl_tit {display: flex; flex-direction: row; justify-content: space-between;}
.tbl_tit a {float: right;font-weight: 400;color: #001141;background: #fff;padding: 10px 35px;font-size: 25px; border-radius: 30px; display: flex; flex-direction: row; align-items: center;}
.tbl_tit span:nth-child(1) a { border: 1px solid #c9dbed ;}
.tbl_tit span:nth-child(2) a { border: 1px solid #001141 ;}
.tbl_tit a img {margin-right: 10px;}

@media screen and (max-width: 480px) {
  .chk_container .tbl_list li dl dd span.date { display: block; }
  .chk_container .tbl_list li dl dd span.time { display: block; }
}

.btn_group {clear: both; display: flex; justify-content: center; width: 100%; text-align: center; padding-top: 2rem; margin-top: 2rem;}
.btn_group .btn { width: 50%; max-width: 280px; margin: 0 5px; font-size: 25px; text-align: center; background: #8c8c8c; color: #fff; padding: 1rem 0; border-radius: 50px;}
.btn_group.border20 .btn {border-radius: 20px; font-weight: 600;}


/* QR COMMON */
.rel {position:relative;}
.inner_wrap {margin:0 4%;}

.txt-cnt {text-align:center;}
.fb {font-size:1.286rem;}

.bt-dot {border-top:1px dotted #c4c2c3;}

.pt20 {}
.pt30 {padding-top:2.143rem;}
.pb30 {padding-bottom:2.143rem;}
.pb50 {padding-bottom:3.571rem;}

.txt-dgrey {color:#000!important;}
.txt-blue {color:#336ee0!important;}


.btn_box {text-align:center;}
.btn_box .btn {display:inline-block;padding:1rem 8%;min-width:35%;text-align:center;font-size:1rem;}
.btn-blue {background:#336ee0;color:#fff;}

.bl_list li {position:relative;margin-top:1.071rem;padding-left:15px;}
.bl_list li:before {display:inline-block;content:'';width:6px;height:6px;border-radius:50%;background:#666;position:absolute;left:0;top:9px;}


/* header */
#header {padding:2.5rem 0;background:#ededed url("../img/top_bg.png") center bottom no-repeat;background-size:100% auto;}
.qrmobile h1 {font-size:2.143rem;color:#000; font-weight: 500;}

/* container */
.form_wrap {padding:2.5rem 0;background:url("../img/mid_bg.png") center top repeat-y;}
.form_info_txt {font-size:1rem;line-height:1.4;}
.form_info_txt strong {font-weight:500;}
.form_info_txt .pl {padding:0 15%;}

.form_tbl {width:100%; margin-top:1.071rem;}
.form_tbl table {border-top:1px solid #999; border-bottom:1px solid #999; width:100%;}
.form_tbl th{padding:1.071rem 2.325%; text-align:left; vertical-align: middle; background-color:#ededed; border-bottom:1px dotted #c4c2c3; font-size:1rem; color:#000; font-weight:normal;}
.form_tbl td{padding:0.786rem 2%; vertical-align: middle; border-bottom:1px dotted #c4c2c3;}
.form_tbl td input[type=text]{padding-left:1%; width:99%; height:32px; line-height:32px; }
.form_tbl td input[type=number]{padding-left:1%; width:99%; height:32px; line-height:32px; }
.form_tbl td select{width:32%; height:34px; line-height:34px; font-size:1rem; border:1px solid #dcdcdc;background:transparent;}
.form_tbl td.w_3 input[type=text]{width:30%;}
.form_tbl td.w_3 input[type=number]{width:28%;}
.form_tbl td.w_3 select{width:26%;}
.form_tbl td.w_2 select{width:44%;}
.form_tbl td.w_2 input[type=text]{width:44%;}
.form_tbl td label{color:#959595; font-size:1rem;}
.form_tbl.type2 {margin-top:1.786rem;}
.form_tbl.type2 th {background-color:#336ee0;color:#fff;}

.form_tbl .timer {display:inline-block;padding-left:2%;font-size:0.786rem;width:45%;}
.form_tbl .timer .time {color:#e70606;margin-right:1%;}
.form_tbl .timer .btn_add_time {display:inline-block;color:#666;text-decoration:underline;}

.tel_info {font-size:1.071rem;font-weight:500;}
.tel_info>a {display:inline-block;margin-left:1%;color:#336ee0!important;}

.qr_box .qr {display:inline-block;width:6.571rem;height:6.571rem;}
.qr_box .qr img {width: 100%;}
.qr_box .reserve_info {font-size:1rem;font-weight:500;}
.qr_box .reserve_info dt {margin-bottom:0.714rem;}

.flow_list {width:100%;border:2px solid #ededed;font-size:1rem;color:#b1d3db;font-style:italic;padding:1.071rem 0; border-left: 0; border-right:0;}
.flow_list ul {animation: tickerSlide 7s linear infinite; white-space: nowrap;}
.flow_list ul li {padding:0 2rem 0 0; display: inline-block;}
@keyframes tickerSlide {
    0%{
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    }
    100% {
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    }
}


.btm_info {background:#ededed url("../img/btm_bg.png") center top no-repeat;background-size:100%;}
.btm_info dl dt, .btm_info dl dd {line-height:1.4;}
.btm_info dl dt {font-size:1.143rem;color:#000;}
.btm_info dl dd {font-size:1rem;margin-top:1.071rem;}

.end_model {position:relative; padding-bottom: 4rem;}
/*.end_model::before {content:""; position: absolute; left: 0; bottom: -10px; right: 0; background:url(../img/btm_bg.png) center bottom no-repeat; background-size: 100%; height: 24px;}*/
.end_model .end_txt {text-align:center;}
.end_model .end_txt dt {font-family: 'Baloo Tammudu 2', cursive; font-size: 3rem; padding: 2rem 0 3rem; font-weight: 300; color: #222;}
.end_model .end_txt dd {border-bottom:1px dashed #999; border-top:1px dashed #999; padding: 3rem 0; font-size: 1.2rem; line-height: 1.6; color: #999;}
.end_model .end_txt dd strong {font-weight: 600;}

#layerScreen{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); display: none; }
.layerPopup {
    position:absolute;
    z-index:1000;
    display:none;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    background-clip: padding-box;
    background:#fff;
    border-radius: 16px;
}
.layerPopup h2 {font-size:2.7rem; color: #222; padding-bottom: 12px; text-align:center; padding-bottom:2rem; border-bottom: 1px solid #000; letter-spacing: -1px;}
.layerPopup .layerPopup_in {display:block; position: relative; text-align: left; padding: 3rem 1.7rem; width: 700px;}
.layerPopup .closeLayer {display:inline-block;color:#4a525f; position:absolute; right:0; top:0; font-size:0; color: transparent;}
.layerPopup .closeLayer a {width: inherit; height: inherit; padding:10px 20px; font-size: 45px; color: #000;}

.pw_layer .pw_tit {text-align:center; padding-bottom: 2rem;}
.pw_layer .pw_tit dt {font-size:1.2rem; padding: 1.6rem 0; color: #000; line-height: 150%; }
.pw_layer .pw_tit dt strong {font-weight: 600;}
.pw_layer .pw_tit dd {font-size:1.1rem; background: #e2eef0; border-radius: 15px; padding: 1rem 0; color: #000;}
.pw_layer .pw_tit dd span { display: inline-block; }
.pw_layer .pw_tit dd strong {font-weight: 600; color:#336ee0;}

.pw_layer .tbl_list {border-top: 1px solid #999;}
.pw_layer .tbl_list li {border-bottom: 1px dashed #ddd;}
.pw_layer .tbl_list li:last-child {border-bottom: 1px solid #999;}
.pw_layer .tbl_list li dl {display: table; table-layout: fixed; width: 100%; text-align: left;}
.pw_layer .tbl_list li dl dt {width: 11rem; display: table-cell; font-size: 1rem; background: #ededed; padding:1rem; color: #000;}
.pw_layer .tbl_list li dl dd {display: table-cell; padding:1rem;}
.pw_layer .tbl_list li dl.db_col dt {height: 142px; vertical-align: middle;}
.pw_layer .tbl_list li dl.db_col dd {height: 142px; vertical-align: middle;}
.pw_layer .btn_group .btn {font-size: 1.1rem !important;}

.design_type {background:#e5f0f2;}
.design_type span.br::after {content: "";display: table; clear: both;}
.design_type #wrap.qrmobile {padding: 0 1rem;}
 #header {background-image: none; background-color:transparent; padding: 0;}
 #header .logo_img {display: block;}
 #header .logo_img img {width: 100%;}
 #header .logo_txt {text-align: center; display: inline-block; padding: 3rem 0 1rem; font-weight: 600; border-bottom: 1px solid #777;}

#m_reserve_body #header h1 {font-size: 2.143rem; font-weight: 500; margin: 0 auto; text-align: center;}
#m_reserve_body .logo_txt {color: #FFF}
#m_reserve_body.light_ver .logo_txt {color: #000}

.design_type .mb10 {margin-bottom: 1rem;}
.design_type .form_wrap {padding:2.5rem 2rem; background-image:none; background-color: #fff; border-radius: 20px;}
/*.design_type .noqr {position: relative;}*/
.design_type .form_info_txt {text-align: left; font-size: 1.03rem; padding-bottom: 1.6rem; position:relative;}
.design_type .form_info_txt > h4 {display: inline-block; background: #999; padding: 0.2rem 0.5rem; color: #FFF; margin-bottom: 0.5rem;}
.design_type.confirm_dark .form_info_txt,.design_type.confirm_dark .noqr .qr_box  {border-bottom:1px dashed #4d4d4d;}
.design_type.confirm_light .form_info_txt,.design_type.confirm_light .noqr .qr_box {border-bottom:1px dashed #cdcccc;}
.design_type .form_info_txt strong {color: #de4851;}
/*.design_type .form_info_txt::before,.design_type .noqr::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
  background: #e5f0f2;
  position: absolute;
  left: -2rem;
  bottom: -1.2rem;
  transform: translateX(-50%);
}
.design_type .form_info_txt::after,.design_type .noqr::after{
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
  background: #e5f0f2;
  position: absolute;
  right: -2rem;
  bottom: -1.2rem;
  transform: translateX(50%);
}
.design_type .noqr::before,.design_type .noqr::after {
  bottom: initial;
  top: 40%;
  transform: translateY(50%);
}
.design_type .noqr::before {left: -1rem;}
.design_type .noqr::after {right: -1rem;}

.design_type.confirm_light .noqr::before,.design_type.confirm_light .noqr::after {background: #ebebeb;}
.design_type.confirm_dark .noqr::before,.design_type.confirm_dark .noqr::after {background: #404040;}*/

.design_type .qr_box {display: flex;align-items: center;width: 100%;padding-top: 0.7rem;}
.border_btm {border-bottom: 1px solid #ddd;}
.design_type .qr_box .qr {padding-left: .5rem;}
.design_type .qr_box .reserve_info {width: 100%}
.design_type .qr_box .reserve_info dt {padding-bottom:.7rem; color: #000; font-weight: 100; font-size: 1.3rem;}
/*.design_type .qr_box .reserve_info dd {border-bottom: 1px solid #ddd;}*/
.design_type .qr_box .reserve_info dd span {display: block; font-family: 'Baloo Tammudu 2', cursive;}
.design_type .qr_box .reserve_info dd span.date {font-size: 1.6rem; font-weight: 500;}
.design_type .qr_box .reserve_info dd span.time {font-size: 2.6rem; font-weight: 500; letter-spacing:-1px;}

.design_type .tel_info {padding-top: 1.5rem;}
.design_type .tel_info dl {}
.design_type .tel_info dl dt {padding-bottom:.5rem; color: #000; font-weight: 100;}
.design_type .tel_info dl dt i {transform: rotate(-90deg); display: inline-block;}
.design_type .tel_info dl dd strong {font-family: 'Baloo Tammudu 2', cursive; display: inline-block;  font-weight: 500; font-size: 2rem; color: #000333; line-height: 1.5;}
.design_type .tel_info dl dd a {display: inline-block; background:#000333; padding: 5px 12px 7px; border-radius: 14px; color: #fff; font-size: 0.92rem; margin-left: 5px;}
.design_type .tel_info dl dd * {vertical-align: top;}
.design_type .flow_list {background:transparent; color: #fff; font-style:normal; font-size: 2rem; font-weight: 600; padding: 2rem 0;}
.design_type .form_tbl.type2 {margin-top: 0 !important; font-size: 1rem;}
.design_type .form_tbl dl {display: table; table-layout: fixed; width: 100%;}
.design_type .form_tbl dl dt {display: table-cell; background: #336ee0; color: #fff; padding: 15px 15px; text-align:left; border-bottom: 1px solid #497bdc; width: 150px;}
.design_type .form_tbl dl dd {display: table-cell; background: #fff; color: #000333; padding: 15px 15px; text-align:left; border-bottom: 1px solid #f3f3f3;}
.design_type .form_tbl dl:first-child dt {border-top-left-radius: 12px;}
.design_type .form_tbl dl:first-child dd {border-top-right-radius: 12px;}
.design_type .form_tbl dl:last-child dt {border-bottom-left-radius: 12px; border-bottom: 0;}
.design_type .form_tbl dl:last-child dd {border-bottom-right-radius: 12px; border-bottom: 0;}
.design_type .inner_wrap {margin:0; padding:0 1rem;}
.design_type .btm_info {background: none !important; padding-bottom: 2rem;}

/*.design_type .noqr {padding-top: 0;}
.design_type .noqr .reserve_info {position:relative;}
.design_type .noqr .reserve_info::before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    background: #e5f0f2;
    position: absolute;
    left: -2rem;
    bottom: -1.2rem;
    transform: translateX(-50%);
}
.design_type .noqr .reserve_info::after {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    background: #e5f0f2;
    position: absolute;
    right: -2rem;
    bottom: -1.2rem;
    transform: translateX(50%);
}*/
/*.design_type .noqr .reserve_info dd {border-bottom: 1px dashed #4d4d4d;}*/
.design_type .noqr .reserve_info dd {display: flex; align-items: center; justify-content: space-between;}


@media screen and (max-width:1024px){
  .confirm_box {width: 100%;}
  .chk_container {padding:2.5rem 1.5rem;}
}
@media screen and (max-width:960px){
  .loginout {margin-left: 0; left: inherit; right: 20px;}
  #home_btn {left: 20px !important}
}
@media screen and (max-width:900px){
  html {font-size: 14px;}
  .login_con {width: 100%; padding-right: 1vw;}
  .login_con .left_sec {padding-right: 25px;}
  .login_con .right_sec {padding-right: 25px; padding-left: 25px;}
  .login_con .right_sec .login_box dd {padding-top: 5px;}


  .select_box_con .search_in .btn-search {padding-top: 13px;}
  .select_box_con .search_in .placeholder label {top: 1rem;}
  .chk_container {padding:2.5rem 0;}
  .chk_container .tbl_list li dl dt {width: 120px;}
  .chk_container .tbl_list li dl.db_col dt {height: 124px;}
  .chk_container .tbl_list li dl.db_col dd {height: 124px;}
}


@media screen and (max-width: 640px) {
  html {font-size: 14px;}
  .login_con {
    display: flex;
    flex-flow: column;
    padding: 0 2rem;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
  }
  .login_con .left_sec {
    border-right: 0;
    border-bottom: 1px dashed #ddd;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    padding-bottom: 5rem;
  }
  .login_con .right_sec {
    padding: 0;
    padding-top: 5rem;
  }
  .confirm_box {
    padding: 2rem;
/*    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;*/
  }
  .chk_container {
    display: flex;
    flex-flow: column;
  }
  .chk_container .left_sec {
    width: 100%;
  }
  .chk_container .right_sec {
    width: 100%;
    padding-top: 3rem;
  }
  .chk_container .tbl_list li dl.db_col dt {
    height: 70px;
  }
/*  .chk_container .tbl_list li dl.db_col dd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
  }*/
  .select_box_con .search_in {
    display: flex;
    justify-content : space-between;
  }
  .layerPopup {
    width: 90%;
  }
  .layerPopup .layerPopup_in {
    width: 100%;
  }
  input[type="text"], input[type="password"] {
    width: 100%;
  }
  .select_box_con {
    width: 100%;
  }
  .select_box_con .search_in .placeholder input  {
    width: 100%;
  }
  .select_box_con .search_in .placeholder{
    width: 75%;
  }
  .select_box_con .search_in .btn-search {
    padding: 0;
    width: 25%;
    text-align: center;
    line-height: 50px;
  }
/*  form[name="frmFORM"] {
    width: 95%;
    margin: 0 auto;
  }*/
  #chkResult {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 360px) {
  html {font-size: 12px;}
}


/*****************

    210224 ljh

*****************/
.design_type {position: relative;}

.top_label {width: 100%; padding: 1rem 5rem; background: #FFF; position: relative; text-align: center; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; display: flex; align-items: center; justify-content: center;}
.top_label img {max-width: 100%; }

.design_type.confirm_light {background: #ebebeb;}

.design_type.confirm_light .flow_list {color: #cdcccc;}

.design_type.confirm_light .form_tbl dl dt {background: #000; border-bottom: 1px solid #000;}

.design_type.confirm_light .form_info_txt::before {background: #ebebeb;}
.design_type.confirm_light .form_info_txt::after {background: #ebebeb;}

.design_type.confirm_light .noqr .reserve_info::before {background: #ebebeb;}
.design_type.confirm_light .noqr .reserve_info::after {background: #ebebeb;}
.design_type.confirm_light .inner_wrap {color: #999;}


.design_type.confirm_dark .qrmobile h1 {color: #fff;}
.design_type.confirm_dark {background: #404040;}
.design_type.confirm_dark .certif_welcome {color: #FFF; border-top: 1px solid #555; border-bottom: 1px solid #555;}

.design_type.confirm_dark .flow_list {color: #6b6b6b; border: 0}

.design_type.confirm_dark .form_tbl dl dt {background: #232323; border-bottom: 1px solid #232323;}

.confirm_dark .border_btm {border-bottom: 1px solid #aaa;}

.design_type.confirm_dark .form_info_txt::before {background: #404040;}
.design_type.confirm_dark .form_info_txt::after {background: #404040;}

.design_type.confirm_dark .noqr .reserve_info::before {background: #404040;}
.design_type.confirm_dark .noqr .reserve_info::after {background: #404040;}

.design_type.confirm_dark .map_wrap {border-bottom: 1px dotted #4d4d4d;}

.design_type.confirm_dark .bt-dot {border-top: 1px dotted #4d4d4d;}

.design_type.confirm_dark .btm_info dl dt {color: #FFF;}

.design_type.confirm_dark .inner_wrap {color: #999;}

.map_wrap { margin-top: 1rem; border-bottom: 1px dotted #c4c2c3;}
.map_img {}
.map_img img { width: 100%; }
.map_links {
  padding: 1rem 0;
  width: 100%;
  display: flex;
}
.map_linls a {}
.map_links a:first-child {margin-right: 1rem;}
.map_links a:last-child {}
.map_links a img {width: 100%;}

.certif_links {}
.certif_links a {
  position: relative;
  display: block;
  padding: 1.2rem 0;
  margin: 1rem 0;
  text-align: center;
  border-radius: 7px;
  color: #FFF;
}
.bright_depth_3 {background: #000333;}
.confirm_dark .bright_depth_3 {background: #111;}
.bright_depth_2 {background: #6a6a6a;}
.bright_depth_1 {background: #aaa;}
.dark_depth_1 {background:  #000}
.certif_links a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 21px;
  transform: translateY(-50%);
  background: url(../img/arr_ico.png) no-repeat center/cover
}


@media screen and (max-width: 640px) {
  .map_img {
    width: auto;
    margin: 0 -1rem;
  }
}


/*사업지마다 변경될 포인트 컬러 영역*/
.point_bg {background-color: #001141 !important;}
.point_color {color: #001141 !important;}
/* // 사업지마다 변경될 포인트 컬러 영역*/

#home_btn {position: absolute; top: 0;/*top: 65px;*/ left: 80px; cursor: pointer;}
#home_btn span {font-size: 40px;}
.result_body #home_btn {display: none;}
.home_body.result_body #home_btn {display: block !important;}

.vert_top {vertical-align: top}
.vert_btm {vertical-align: bottom}
.vert_mid {vertical-align: middle}


#container {width: 100%;}

#consult_reserve {}
#consult_reserve #custom_header {}
.home_body #custom_header {display: none;}
.home_body.result_body #custom_header {display: block;}
#custom_header {background: #FFF; padding: 30px 80px; border-bottom-left-radius: 90px; border-bottom-right-radius: 90px;}
.result_body #custom_header {background: transparent;}
#custom_header > h1 {margin-bottom: 55px; font-size: 50px; font-weight: 500; color: #001141;}
#custom_header > h1 img {}
#custom_header .head_ul {text-align: center;}
.result_body #custom_header .head_ul {display: none;}
#custom_header .head_ul > li {}
#custom_header .head_ul > li:first-child {}
#custom_header .head_ul > li:last-child {display: none;}
#custom_header .head_ul > li form {position: relative; width: 90%; max-width: 660px; height: 75px; margin: 0 auto; border-radius: 35px; background: #ededed; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 11px;}
#custom_header .head_ul > li form input {width: 70%; border: 0; background: transparent; color: #b7b7b7; font-size: 20px; text-indent: 30px;}
#custom_header .head_ul > li form input::placeholder {color: #b7b7b7;}
#custom_header .head_ul > li form a {color: #FFF; width: 140px; height: 55px; line-height: 55px; font-size: 21px; border-radius: 30px;}
.send_btn {}
.progress_bar {position: relative; width: 90%; max-width: 660px; height: 45px; margin: 0 auto; border: 6px solid #ededed; border-radius: 25px; background: #ccc; overflow: hidden;}
.progress_bar::before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 100%; background: #001141; border-radius: 25px; animation: 7s progress linear infinite}
@keyframes progress {
    0% {right: 100%; opacity: 0;}
    15% {right: 100%; opacity: 1;}
    99%{right: 0; opacity: 1;}
    100% {right: 0; opacity: 0;}
}

.contents {position: relative; margin: 130px auto 0; padding: 90px 120px 70px; background: #FFF;border-radius: 20px; text-align: center;; width: 80%;max-width: 1400px;}
.result_body .contents {margin-top: 20px;}
.pb_0 {padding-bottom: 0 !important;}
#consult_reserve_wrap {}
.sub_top {position: absolute; left: 50%; transform: translateX(-50%); /*display: flex;*/ justify-content: center; align-items: center; width: 78%; max-width: 1100px; padding: 40px 0; font-size: 40px; border-radius: 20px; top: -85px;  background: #000; color: #FFF; letter-spacing: -2px; word-break: keep-all;}
#video_scan_wrap .sub_top {font-size: 60px; font-weight: 500; line-height: 1;}
.reserve_cnt .material-icons {font-size: 40px; margin-right: 3px;}
.sub_top strong {font-size: 4.5rem; font-weight: 700; margin: -20px 15px; letter-spacing: 2px;}

.consult_con_img {}
.consult_con_img li:first-child {}
.con_img .m_img { display: none; }

.conWrap {position:relative;}

.con_section {max-width: 1100px; margin: 0 auto;}



/*관리자 옵션페이지*/
#opt_wrap {}
#opt_wrap .opt_con {}
#opt_wrap .opt_cat_1 {display: flex; justify-content: space-between;}
#opt_wrap .opt_cat_1 > li {width: 48%;}
#opt_wrap .opt_cat_1 li:first-child {}
#opt_wrap .opt_cat_1 li:last-child {}
#opt_wrap .opt_cat_1 li p {width: 100%; border-radius: 50px; padding: 20px 0; background: #616161; color: #FFF; font-size: 25px;}
#opt_wrap .opt_cat_2 {display: flex; flex-wrap: wrap; word-break: keep-all; justify-content: space-between; align-items: center; padding: 10px 0;}
#opt_wrap .opt_cat_2 > li {width: 49%; margin: 10px 0;}
#opt_wrap .opt_cat_2 > li a {font-size: 30px;font-weight: 500;color: #FFF;display: block;width: 100%;padding: 0.6em 0;border-radius: 50px; background: #999999;}
#opt_wrap .opt_cat_2 > li.dark_bg a {background: #616161;}



/*상담예약결과페이지*/
.result_con > ul, .result_con form > ul {display: flex; align-items: center; justify-content: space-around; padding-bottom: 30px; border-bottom: 1px dotted #aaa;}
.result_con > ul li, .result_con form > ul li {font-size: 50px; ; font-weight: 600; letter-spacing: -4px; color: #000;}
.result_con > ul li b, .result_con form > ul li b {font-size: 2em; ; font-weight: 600; letter-spacing: 3px; margin-left: 5px;}

.result_con ul.ul_depth_2 {
    padding: 1rem;
}
.result_con ul.ul_depth_2 li {
    margin-bottom: 3rem;
}
.result_con ul.ul_depth_2 li h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.result_con ul.ul_depth_2 li p {
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 400;
}

.result_con > p {padding-top: 40px; font-size: 40px; color: #000; ; font-weight: 500; letter-spacing: -3px; line-height: 1.4;}
.num_br {display: none;}


/*홍보영상 스캔 결과*/
.result_message {margin-bottom: 90px;}
.result_message > p {padding-top: 0; line-height: 1.4; ; font-size: 50px; font-weight: 600; color: #000; word-break: keep-all;}
.result_message > p .video_type {display: inline-block; padding: 0 11px; line-height: 1.2; font-size: 0.9em;; color: #FFF; background: #000;}
.result_message > span {display: inline-block; margin-top: 10px; font-size: 40px; color: #000;}


/*렌더링페이지*/

#render_page{
    width:100%;
    background:#ededed;
}

#render_page .wrapper {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}

.hourglass{
    display:block;
    background:#ededed;
    margin:3em auto;
    width:2em;
    height:4em;
    animation:hourglass 2s linear infinite;
}

.outer{
    fill:#001141;
}

.middle{
    fill:#ededed;
}

@keyframes hourglass{
    0%{
        transform:rotate(0deg);
        box-shadow:
            inset #001141 0 -0em 0 0,
            inset #ededed 0 -2em 0 0,
            inset #001141 0 -4em 0 0;
    }
    80%{
        transform:rotate(0deg);
        box-shadow:
            inset #001141 0 -2em 0 0,
            inset #ededed 0 -2em 0 0,
            inset #001141 0 -2em 0 0;
    }
    100%{
        transform:rotate(180deg);
        box-shadow:
            inset #001141 0 -2em 0 0,
            inset #ededed 0 -2em 0 0,
            inset #001141 0 -2em 0 0;
    }
}



/*이벤트문자발송*/
.certif_welcome { padding: 20px 0; font-size: 30px; text-align: center; color: #000; line-height: 1.4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.event_wrap .event_con {margin: 30px 0 10px;}
.event_wrap .event_con img {width: 100%;}



/*******************

      TV SCREEN

*******************/
#tvBody {overflow: hidden; display: flex; flex-flow: column;}

#tvBody .waitReserve {display: flex;flex: 18%;text-align: center;align-items: center;justify-content: space-between;}
#tvBody .waitReserve .left_tit {flex: 1.5;display: flex;flex-flow: column;align-items: center;justify-content: center;height: 89%;line-height: 1;font-size: 2.2vw;background: #FFF;color: #FFF;margin: 1rem;border-radius: 1vw;background: #000;font-weight: 500;letter-spacing: -6px;}
#tvBody .waitReserve .left_tit b {font-weight: 700;font-size: 5.4vw;}
#tvBody .waitReserve .right_tit {display: flex;align-items: center;justify-content: space-around;flex: 7.6;height: 100%;margin: -7vw 0 -5.6vw;}
/* #tvBody .waitReserve .right_tit.on li:last-child {animation: blink-animation 1s steps(5, start); animation-iteration-count: 3;} */
#tvBody .waitReserve .right_tit li {font-weight: 600;color: #FFF;color: #000}
/*#tvBody .waitReserve .right_tit li:first-child b {margin: -2vw 0 -2vw 0.8vw; font-size: 3.5vw; font-weight: 700; ;}*/
#tvBody .waitReserve .right_tit li:last-child {}
#tvBody .waitReserve .right_tit li:last-child b {font-size:4vw; font-weight: 800; ; letter-spacing: -1px;}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

#tvWrap {width: 100%; flex: 77%; overflow: hidden; display: flex;}

#tvWrap .leftSec {width: 79.6%;height: 100%;background: rgba(255,200,150,0.5);}
#tvWrap .leftSec header {width: 100%; height: 20%; display: flex; align-items: center; justify-content: center; background: #FFF;}
#tvWrap .leftSec header h1 {}
#tvWrap .leftSec header h1 img {}
#tvWrap .leftSec .tvVisual {position: relative; width: 100%; height: 100%; background: #000; overflow: hidden;}
#tvWrap .leftSec .tvVisual form {position: absolute; z-index: 10; margin: 1rem;}
#tvWrap .leftSec .tvVisual form label {padding: 15px 30px; font-weight: 600; font-size: 20px; border: 2px solid #000; border-radius: 50px; background: #FFF; color: #000; cursor: pointer; transition: 0.1s;}
#tvWrap .leftSec .tvVisual form label:hover {background: #000; color: #FFF; border-color: #FFF;}
#tvWrap .leftSec .tvVisual form input[type="file"] {display: none;}

#tvWrap .leftSec #pop {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: none; flex-flow: column; align-items: center; justify-content: center; width: 73%; height: 70%; font-size: 4vw; font-weight: 500; color: #000; background: rgba(255,255,255,0.9); border-radius: 30px; letter-spacing: -0.2vw;}
#tvWrap .leftSec #pop.on {display: flex}
#tvWrap .leftSec #pop > p:nth-child(1) strong {padding: 0 0.3vw; background: #000333; color: #FFF; display: inline-block; height: 71%; vertical-align: baseline; line-height: 0.8;}
#tvWrap .leftSec #pop > p:nth-child(1) strong b {font-weight: 700; font-size: 4.5vw;}
#tvWrap .leftSec #pop > p:nth-child(2) {width: 73%; font-size: 2.9vw; font-weight: 400; margin-top: 8%; background: #e5e5e5;padding: 0 20px; border-radius: 150px; text-align: center;}
#tvWrap .leftSec #pop > p .consultNum {font-weight: 700;  color: #000;}
#tvWrap .leftSec #pop > p .consultNum span {position:relative;margin: 0 3%; z-index: 2; color: #FFF;}
#tvWrap .leftSec #pop > p .consultNum span::before {content:""; position: absolute; top:54%; left: 55%; transform: translate(-50%, -50%); width: 3vw; height: 3vw; z-index: -1; background: #000; border-radius: 50%;}
#tvWrap .leftSec .tvVideo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101%; height: 102%;}
#tvWrap .leftSec .tvVideo iframe {width: 100%; height: 100%;}

#tvWrap .rightSec {width: 20.4%;height: 100%;background: rgba(150,200,255,0.9);}
#tvWrap .rightSec .waitReserve {width: 100%; height: 20%; display: flex; align-items: center; justify-content: center; background: #f5f5f5;}
#tvWrap .rightSec .waitReserve dl {text-align: center; line-height: 1.3;}
#tvWrap .rightSec .waitReserve dl dt {color: #000; font-size: 2.5vw;}
#tvWrap .rightSec .waitReserve dl dt strong {font-size: 2.5vw; color: #000; font-weight: 600;}
#tvWrap .rightSec .waitReserve dl dd {color: #000;font-size: 1.5vw;font-weight: 500;display: flex;align-items: center;justify-content: center;}
#tvWrap .rightSec .waitReserve dl dd strong {font-family: "Noto Sans KR";font-size: 3vw; font-weight: 700; display: inline-block; margin: 0 2px;}

#tvWrap .waitList {width: 100%; height: 100%; padding: 1.5vw; background: #616161; color: #FFF;}
#tvWrap .waitList .depth_1 {}
#tvWrap .waitList .depth_1 > li {border-bottom: 1px solid rgba(255,255,255,0.3);}
#tvWrap .waitList .depth_1 > li:first-child {border-bottom: 2px solid #FFF;}
#tvWrap .waitList .depth_1 > li:last-child {border-bottom: 1px solid #FFF;}
#tvWrap .waitList .depth_2 {display: flex; align-items: center; justify-content: space-around;}
#tvWrap .waitList .depth_2_th {margin-bottom: 0.6vw;margin-top: -0.4vw;}
#tvWrap .waitList .depth_2 li {text-align: center; width: 33.3333%; font-size: 2.4vw;}
#tvWrap .waitList .depth_2_th li {text-align: center;width: 33.3333%;font-size: 1.7vw;font-weight: 500;line-height: 1.1;}
#tvWrap .waitList .depth_2 li.num {font-size: 2.7vw;font-family: "Noto Sans KR";font-weight: 400;}
#tvWrap .waitList .depth_2 li b {font-weight: 700;}
#tvWrap .waitList .depth_2 li span {display: none;}
#tvWrap .waitList .depth_2 li span.on {display: block;}
#tvWrap .waitList .depth_2 li span:first-child {font-weight: 700;}
#tvWrap .waitList .depth_2 li span.current {background: #FFF; color: #000; font-weight: 600; padding: 0 0.7vw; border-radius: 140px;}

#tvWrap .alert {text-align: center; margin-top: 1vw; font-size: 1vw; letter-spacing: -1px;}



.wait_board_wide {background: #ccc;}
.tot_wait {text-align: center; padding-top: 100px; color: #000;}
.tot_wait > span {font-size: 1.5vw;}
.tot_wait > span strong {font-weight: 700;}
.tot_wait > p {font-size: 2.1vw; display: flex; justify-content: center; align-items: center; line-height: 1;}
.tot_wait > p strong {font-size: 3.8vw; font-weight: 700; margin-left: 20px; ;}
.wait_board_wide .sub_top {width: 95%; max-width: inherit; padding: 10px 0; top: -55px; font-size: 2vw; background: #000;}
.wait_board_wide .sub_top.on span {animation: blink-animation 1s steps(5, start); animation-iteration-count: 3;}
.wait_board_wide .sub_top b {font-size: 3.5vw; font-weight: 700; letter-spacing: 1px; margin: 0 10px; vertical-align: sub;}

.wait_board_wide .contents { padding: 3.5vw 5vw 4vw; margin: 70px auto 0;}

.wait_board_con table {width: 100%;}
.wait_board_con thead tr {border-top: 4px solid #bdbdbd; border-bottom: 4px solid #bdbdbd;}
.wait_board_con thead th {line-height: 2; font-size: 1.1vw; font-weight: 700; color: #000;}
.wait_board_con tbody tr {}
.wait_board_con tbody td {padding: 3px 0; font-size: 2vw; font-weight: 700; color: #000; ; border-bottom: 1px solid #dbdbdb; line-height: 1.2;}
.wait_board_con tbody td:nth-child(2) {border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}

.wait_board_wide .announce {text-align: center; margin-top: 20px; color: #000; font-size: 1.3vw;}



.wait_board_narrow {background: #cccccc;}
.tot_wait {text-align: center; padding-top: 100px; color: #000;}
.tot_wait > span {font-size: 3.5vh;}
.tot_wait > span strong {font-weight: 700;}
.tot_wait > p {font-size: 5vh; display: flex; justify-content: center; align-items: center; line-height: 1.2;}
.tot_wait > p strong {font-size: 7.8vh; font-weight: 700; margin-left: 20px; ;}
.wait_board_narrow .sub_top {display: block; width: 95%; max-width: inherit; padding: 10px 0; top: -6vw; line-height: 1.2; font-size: 3vh;}
.wait_board_narrow .sub_top b {font-size: 5vh; font-weight: 700; letter-spacing: 1px; margin: 0 10px;}
.wait_board_narrow .sub_top span.on {animation: blink-animation 1s steps(5, start); animation-iteration-count: 3;}

.wait_board_narrow .contents { padding: 10vh 5vh 4vh; margin: 100px auto 0;}

.wait_board_con table {width: 100%;}
.wait_board_con thead tr {border-top: 4px solid #bdbdbd; border-bottom: 4px solid #bdbdbd;}
.wait_board_con thead th {line-height: 2; font-size: 2.5vh; font-weight: 700; color: #000;}
.wait_board_con tbody tr {}
.wait_board_con tbody td {padding: 8px 0; font-size: 3.7vh; font-weight: 600; color: #000; ; border-bottom: 1px solid #dbdbdb; line-height: 1.2;}
.wait_board_con tbody td:nth-child(2) {border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}

.wait_board_narrow .announce {text-align: center; margin-top: 20px; color: #000; font-size: 2.3vh;}



@media screen and (min-width: 2000px) {
  body {
     font-size: 25px;
  }
}

@media screen and (max-width: 2000px) {
  body {
     font-size: 25px;
  }
  .tbl_tit a {font-size: 25px;}
}

@media screen and (max-width: 1600px) {
   body {
     font-size: 20px;
  }
  .num_br {display: block;}
  .tbl_tit a {font-size: 15px;}
}

@media screen and (max-width: 1200px){
  .confirm_box.resultdata, .contents {padding: 140px 20px;}
  .result_con form > ul li {font-size: 40px;}
  .result_con > p {font-size: 35px;}
}

@media screen and (max-width: 1030px) {
  .con_img > .w_img > img { width: 95%; }
}

@media screen and (max-width: 780px){
  .sub_top, .confirm_box .chk_title #chk_status {font-size: 30px !important;}
  #video_scan_wrap .sub_top {font-size: 40px !important;}
  .confirm_box.resultdata, .contents {padding: 90px 20px;}
  #opt_wrap .opt_cat_2 > li {/*height: 70px;*/ border-radius: 50px;}
  #opt_wrap .opt_cat_2 > li a {font-size: 20px;}
  .result_con form > ul li {font-size: 30px;}
  .result_con > p {font-size: 25px;}
  .con_img .w_img {display: none;}
  .con_img .m_img {display: block; padding-bottom: 40px;}
  .con_img .m_img img {width: 95%;}
  #custom_header {padding: 80px 10px 50px;}
}

@media screen and (max-width: 640px){
  #home_btn {left: 2rem;}
  #custom_header {border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}
  #custom_header .head_ul > li form input {font-size: 16px; text-indent: 10px;}
  #custom_header .head_ul > li form a {width: 100px;}
  .result_con > p {font-size: 15px; font-weight: 600; letter-spacing: 0}
  .sub_top .material-icons {display: none;}
  .sub_top strong {font-size: 3rem;}
  .result_message > p {font-size: 40px;}
  .result_message > span {font-size: 30px;}
  /*.con_img .m_img img {width: 95%;}*/
}

@media screen and (max-width: 560px) {
  .sub_top, .confirm_box .chk_title #chk_status {font-size: 20px !important; word-break: keep-all;}
}

@media screen and (max-width: 500px){
  #home_btn {top: 0; left: 1rem;}
  #home_btn span {font-size: 35px;}

  .loginout {top: 0; right: 1rem;}

  #custom_header > h1 {margin-bottom: 25px;}
  #custom_header .head_ul > li form {height: 65px;}
  #custom_header .head_ul > li form input {font-size: 11px; text-indent: 9px;}
  #custom_header .head_ul > li form a {width: 20%; height: 45px; line-height: 45px; font-size: 15px;}

  .contents {margin-top: 150px;}

  #opt_wrap .opt_cat_2 > li {margin: 5px 0;}
  #opt_wrap .opt_cat_2 > li a {padding: 1.3em 0; font-size: 15px;}

  .progress_bar {height: 35px;}

  .result_body .confirm_box.resultdata, .result_body .contents {margin-top: 50px;}

  .confirm_box.resultdata {width: 90%;}

  .chk_container .left_sec {padding: 0;}
  .chk_container .right_sec {padding: 3rem 0 0 ;}

  .result_con form > ul {flex-flow: column;}
  .result_con form > ul li {line-height: 1.2; font-size: 20px;}
  .result_con form > ul li:last-child {margin-top: 40px;}
  .result_con form > ul li b {font-size: 70px; letter-spacing: 1px}
  .result_con form > ul li i {font-size: 33px; font-weight: 400;}
  .result_con form > ul li:first-child i {margin-left: -5px;}
  .result_con > p {padding-top: 20px;}

  .sub_top {padding: 28px 0; top: -45px;}

  #video_scan_wrap .sub_top {font-size: 25px !important;}
  .result_message {margin-bottom: 60px;}
  /*.con_img .m_img img {width: 85%;}*/
  .btn_group .btn {width: 100%; font-size: 20px;}

  .btm_sec {padding:  1rem 0 !important}
}

@media screen and (max-width: 420px) {

  .contents {margin-top: 100px;}
  #opt_wrap .opt_cat_2 > li a {font-size: 15px;}
  #opt_wrap .opt_cat_1 li p {padding: 15px;}
  .sub_top strong {margin: -20px 5px; font-size: 2.8rem;}
  .result_message > p {font-size: 35px;}
  .result_message > span {font-size: 25px;}

}

@media screen and (max-width: 370px) {
  .result_message > p {font-size: 25px;}
  .result_message > span {font-size: 20px;}
}

@media screen and (max-width: 300px) {
  .result_message > p {font-size: 20px;}
  .result_message > span {font-size: 15px;}
  .btn_group .btn {width: 100%; font-size: 16px;}
}



/*******************

      RESEARCH

*******************/
.research_wrap {
  padding: 14.4444vw 5.5555vw;
}

/*#frmWrite * {font-family: 'Nanum Gothic', sans-serif; }*/
#frmWrite h2 {font-weight: 600; font-size:  8vw; line-height: 1.3; text-align: center; word-break: keep-all; color: #000;}

.privacy_tb {}
.privacy_tb > h3 {position: relative; z-index: 2; width: 90%; padding: 3.5vw 0; margin: 5vw auto 0; font-weight: 500; font-size: 6.333333vw; text-align: center; border-radius: 3vw; background: #000; color: #FFF;}
.privacy_tb .info_tb {
    width: 100%;
    padding: 10vw 5vw 2vw;
    margin-top: -8vw;
    border-radius: 4vw;
    background: #FFF;
}
.privacy_tb .info_tb div {display: flex; align-items: center; padding: 3vw 0;}
.privacy_tb .info_tb div:first-child {border-bottom: 1px solid #999;}
.privacy_tb .info_tb span {flex: 1; font-weight: 600; color: #000;}
.privacy_tb .info_tb span.pt {}
.privacy_tb .info_tb p {flex: 2.4; display: flex;}
.privacy_tb .info_tb p input {font-weight: 600; font-size: 20px; color: #000;}
.privacy_tb .info_tb p input::placeholder {font-weight: 600; font-size: 20px; color: #000;}
.privacy_tb .info_tb span.pt + p > * {}
.privacy_tb .info_tb p > * {}
.privacy_tb .info_tb p select {}
.privacy_tb .info_tb p select option {}
.privacy_tb .info_tb p.td_1 input {}

.privacy_tb .select_tb {}
.privacy_tb .select_tb ul {margin-top: 12.8vw;}
/*.privacy_tb .select_tb ul > li:nth-child(2) {padding-left: 5vw;}*/
.privacy_tb .select_tb ul > li div {padding: 2vw 4vw; border-top: 1px solid #999;}
.privacy_tb .select_tb ul > li div:last-child {border-bottom: 1px solid #999;}
.privacy_tb .select_tb ul > li div.checked {
    padding: 2vw 2.5vw;
    border: 1.5vw solid #000;
    background: #FFF;
    font-weight: 800;
    color: #000;
}

.privacy_tb .select_tb ul .survey_title {display: flex; align-items: baseline; margin-bottom: 4vw; font-weight: 600; font-size: 20px; color: #000;}
.privacy_tb .select_tb ul .survey_title .numbering {font-size: 6vw;}
.privacy_tb .select_tb ul .survey_title .question {font-size: 6vw;}
.privacy_tb .select_tb ul.radio_slc {}
.privacy_tb .select_tb ul.radio_slc span {margin-right: 4vw;}
.privacy_tb .select_tb ul.radio_slc li {}
.privacy_tb .select_tb ul.radio_slc li label {}
.privacy_tb .select_tb ul.radio_slc li .radio {}
.privacy_tb .select_tb ul.radio_slc li .label {}
.privacy_tb .select_tb ul.radio_slc li strong {}

.privacy_tb .select_tb ul.chk_slc {}
.privacy_tb .select_tb ul.chk_slc span {}
.privacy_tb .select_tb ul.chk_slc li {}
.privacy_tb .select_tb ul.chk_slc li label {}
.privacy_tb .select_tb ul.chk_slc li .checkbox {}
.privacy_tb .select_tb ul.chk_slc li .label {}
.privacy_tb .select_tb ul.chk_slc li strong {}

.privacy_tb .select_tb ul.common_slc {}
.privacy_tb .select_tb ul.common_slc span {}
.privacy_tb .select_tb ul.common_slc li {}
.privacy_tb .select_tb ul.common_slc li select {
    width: 100%;
    padding: 3vw;
    font-size: 20px;
    color: #666;
    font-weight: 400;
    border: 1px solid #666;
}
.privacy_tb .select_tb ul.common_slc.col3 li select {
  width: 32%;
  font-size: 15px;
}
.privacy_tb .select_tb ul.common_slc li select option {padding: 3vw;}
.privacy_tb .select_tb ul.common_slc li input {
    width: 100%;
    height: auto;
    padding: 3vw;
    font-size: 20px;
    color: #666;
    font-weight: 400;
    border: 1px solid #666;
}

fieldset .txt_c {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

fieldset .txt_c a {
    text-align: center;
    padding: 3vw 0;
    border-radius: 50px;
    color: #FFF;
}
fieldset .txt_c a:first-child {
    width: 40%;
    background: #ccc;
}
fieldset .txt_c a:last-child {
    width: 55%;
    background: #000;
}

.research_wrap #layer_screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,0.7);
}
.research_wrap #layer_screen .cpl_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 9vw 0;
    text-align: center;
    border-radius: 4vw;
    background: #FFF;
}
.research_wrap #layer_screen .cpl_wrap h2 {
    font-family: 'Baloo 2', cursive;
    font-size: 12vw;
    color: #000;
    letter-spacing: -1px;
}
.research_wrap #layer_screen .cpl_wrap h3 {
    font-family: 'Nanum Gothic';
    font-size: 6vw;
    color: #000;
    margin-bottom: 9vw;
}
.research_wrap #layer_screen .cpl_wrap a {
    display: block;
    width: 50%;
    padding: 2vw 0;
    margin: 0 auto;
    font-family: 'Nanum Gothic';
    font-size: 5.5vw;
    border-radius: 3vw;
    background: #ededed;
}




/****************************

      RESEARCH COMPLETE

****************************/
.research_cpl_con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.research_cpl_con h2 {
    position: relative;
    margin-bottom: 18vw;
    font-family: 'Baloo 2', cursive;
    font-size: 12vw;
    text-align: center;
    color: #000;
}
.research_cpl_con h2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 70%;
    background: #000;
}
.research_cpl_con p {
    padding: 3vw 0;
    font-family: 'Nanum Gothic';
    font-size: 5.5vw;
    text-align: center;
    border-radius: 3vw;
    background: #FFF;
    color: #000;
}



#go_btm {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  width: 50px;
  height: 50px;
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  background: #FFF;
  color: #555;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}



/****************

  210611 ㅣljh

*****************/
.color_red {color:  #fc4141 !important; font-weight: 600}

.agree_wrap form {padding-top: 30px; margin-top:  30px}
.agree_wrap form ul {border-bottom:  0}
.agree_wrap form ul > li {}
.agree_wrap .agree_txt {
  width: 85%;
  overflow-y: scroll;
  height: 400px;
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px 30px;
  font-size: 24px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.3;
}
.agree_wrap .agree_btn {
  width: 15%;
  height: 400px;
  background: #eee;
  margin-left: 10px;
  padding:  10px;
}
.agree_wrap label[for=agree_chk] {
  position:  relative;
  display: block;
  width: 30px;
  height: 30px;
  background: #FFF;
  border: 1px solid #999;
  margin-bottom: 10px;
}
.agree_wrap label[for=agree_chk]::before {
  content: '';
  position: absolute;
  top: 27%;
  left: 60%;
  transform: translate(-50%, -50%);
  background: url(../img/chk_ico.png) no-repeat center/cover;
  width: 32px;
  height: 24px;
}

.agree_wrap input:checked + label[for=agree_chk]::before {
  background:  url(../img/chk_ico_2.png) no-repeat center/cover;
}

.agree_wrap #agree_chk  {display:  none;}
.agree_wrap .agree_btn span {
  font-size: 20px;
  line-height: 1.4;
  display: block;
  text-align: left;
}


.agree_wrap .agree_btn.checked {background: #fda0a0}


#wrap.pers_info {}
#wrap.pers_info #header .logo_txt {color:  #000}

#wrap.pers_info .pers_info_wrap {
  padding: 1rem;
  background: #FFF;
  border-radius: 10px;
  overflow: scroll;
}

/*#wrap.pers_info .pers_info_wrap form {
  border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

#wrap.pers_info .pers_info_wrap form ul {
  width:  100%;
  height:  100%;
  overflow: hidden;
}*/


#wrap.pers_info .pers_info_wrap form ul li {
   border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

#wrap.pers_info .pers_info_wrap form ul li.sign {
  margin:  20px 0;
}

#wrap.pers_info .pers_info_wrap form ul li.sign input {
  border: 0;
  text-align: center;
  width: 100%;
  padding: 5rem 7rem;
  font-size: 36px;
  font-weight:  600;
}
#wrap.pers_info .pers_info_wrap form ul li.sign input::placeholder {
  color:  #ddd;
}

#wrap.pers_info .pers_info_wrap form ul li > h3 {
  background:  #cccccc;
  text-align: center;
  color:  #222;
  font-size:  24px;
  font-weight:  600;
  padding:  15px 0;
}

#wrap.pers_info .pers_info_wrap form ul li p {
  padding:  20px;
}

#wrap.pers_info .pers_info_wrap .agree_chk_box {display:  flex; align-items:  center; justify-content:  center;padding: 10px;    border-top: 1px solid #ddd; border-bottom:  1px solid #ddd;}
#wrap.pers_info .pers_info_wrap .agree_chk_box label[for=agree_chk] {
  position:  relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #FFF;
  border: 1px solid #999;
  margin-right:  10px;
}

#wrap.pers_info .pers_info_wrap .agree_chk_box label[for=agree_chk]::before {
  content: '';
  position: absolute;
  top: 27%;
  left: 60%;
  transform: translate(-50%, -50%);
  background: url(../img/chk_ico.png) no-repeat center/cover;
  width: 32px;
  height: 24px;
}

#wrap.pers_info .pers_info_wrap #agree_chk:checked + label[for=agree_chk] {border:  1px solid #FF0000}

#wrap.pers_info .pers_info_wrap #agree_chk:checked + label[for=agree_chk]::before {
  background:  url(../img/chk_ico_2.png) no-repeat center/cover;
}

#wrap.pers_info .pers_info_wrap #agree_chk:checked + label[for=agree_chk] + span {color:  #FF0000}

#wrap.pers_info .pers_info_wrap #agree_chk {display:  none}

#wrap.pers_info .pers_info_wrap #agree_chk + span {
  font-size: 20px;
  line-height: 1.4;
  display: block;
  text-align: left;
}

#wrap.pers_info .pers_info_wrap form ul li.pers_info_btn {
  border: 0;
  background: #000;
  text-align: center;
  border-radius: 50px;
  padding: 20px;
  margin-top:  30px;
}

.pers_info_btn a {
  color: #FFF;
    display: block;
    width: 100%;
    height: 100%;
}

#wrap.pers_info .pers_info_wrap .pers_info_ico {
  height: 48vh;
  overflow: scroll;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wrap.pers_info .pers_info_wrap .pers_info_ico img {
  width:  100%;
}

.pers_info_guide {height: 18vh; padding: 1rem;font-size:  13px; overflow:  scroll; color:  #222}

.pers_info_guide > h2 {margin-bottom:  1rem; font-weight:  600; font-size:  16px; color:  #222}
.pers_info_guide > h3 {margin:  1rem 0 0.3rem; font-weight:  600; font-size:  14px; color:  #222}

.btm_sec {clear: both; padding: 1rem;}
.btm_sec dl {display: flex; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 1rem}
.btm_sec dl:last-child {margin-bottom:  0}
.btm_sec dl dt {width: 160px; background: #ededed; padding: 1rem; color: #000;}
.btm_sec dl dd {padding: 1rem; font-weight: 700; letter-spacing: -2px; color: #000; word-break: keep-all; text-align: left;}

@media screen and (max-width:  1400px) {
  .w_br {display:  none}
}


@media screen and (max-width:  1210px) {
  .chk_container .left_sec, .chk_container .right_sec {width:  100%}
}

#reserve_wrap_2 > ul {
    width: 65%;
    margin: 0 auto;
}
#reserve_wrap_2 > ul > li {
    display: flex;
    align-items: center;
    margin: 40px 0;
}
#reserve_wrap_2 > ul > li label {
    flex: 1;
    text-align: right;
    margin-right: 20px;
    font-weight: 600;
}
#reserve_wrap_2 > ul > li input {
    flex: 4;
    HEIGHT: 80PX;
    border-radius: 10px;
}

.reserve_2_result {
    color: #333;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.8;
    text-align: center;
}
.reserve_2_result b {
    font-size: 2.8rem;
}
.reserve_2_result b span {
    color: #FFF;
    background: #333;
}

.m_br {display: none}
@media screen and (max-width:  960px) {
  #result_reserve_wrap form ul {flex-wrap : wrap}
  #result_reserve_wrap form ul > li {width:  100%; margin-left: 0; height:  auto}
  .agree_wrap .agree_btn {display: flex; margin-top: 20px}
  .br_960 {display:  none}
  .agree_wrap .agree_btn span {margin-left: 20px}
  .w_br {display: none}
  .m_br {display: block}
  #reserve_wrap_2 > ul {width:  80%}
  #reserve_wrap_2 > ul > li {display: block;}
  #reserve_wrap_2 > ul > li label {margin-bottom: 10px; font-size: 30px; display: block; text-align: center; margin-right: 0;}
  .reserve_2_result {font-size: 1.6rem}
}

.form_info_txt dl {
    margin: 1rem 0;
}
.form_info_txt dt {position: relative;border-left: 1px solid;border-right: 1px solid;padding: 0 0.5rem;display: inline-block;font-weight: 600;margin-bottom: 0.3rem;color: #000; font-size: 1.3rem}
.form_info_txt dt::before,.form_info_txt dt after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  color: #000;
}

.event_wrap {display: none}
.event_wrap.on {display: block}

#m_reserve_body {background: #404040}
#m_reserve_body.light_ver {background: #ebebeb}

#m_reserve_info_wrap {
    max-width: 640px;
    margin: 0 auto;
}

#m_reserve_info_box {
    padding: 2rem 2rem 4rem;
    text-align: center;
}
.m_reserve_info_tit {
    color: #FFF;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    display: inline-block;
    padding: 1rem 2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.4;
}
.light_ver .m_reserve_info_tit {
  color: #000;
}
.m_reserve_info_tit b {
    color: #f9b032;
}
.light_ver .m_reserve_info_tit b {
  color: #f44703;
}

.m_reserve_info_tit.no_contents {
  margin-bottom: 100px;
}

.m_reserve_info_con {
    margin: 0 auto 2rem;
}
.m_reserve_time {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    max-width: 190px;
    margin: 0 auto;
}
.light_ver .m_reserve_time {
  color: #000;
}
.m_reserve_time h4 {
    font-weight: 500;
}
.m_reserve_time i {
}
.m_reserve_time img {
    width: 60%;
    vertical-align: sub;
}

.m_reserve_wait {
    margin: 2rem auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m_reserve_wait > li {
    background: #FFF;
    border-radius: 10px;
    padding: 1rem 0;
    flex: 1;
}
.m_reserve_wait > li:first-child {
    margin-right: 2rem;
}
.m_reserve_wait > li:last-child {
}
.m_reserve_wait > li dl {
    color: #000;
    font-size: 1.2rem;
    font-weight: 500;
}
.m_reserve_wait > li dt {
}
.m_reserve_wait > li dd {}
.m_reserve_wait > li dd b {
    font-size: 2.4rem;
    font-weight: 600;
}

.m_reserve_notice {
    color: #FFF;
    font-size: 1.1rem;
    border-top: 1px dashed #777;
    padding: 1rem 0;
}
.light_ver .m_reserve_notice {
  color: #000;
}
.m_reserve_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.m_reserve_btns a {
    background: #FFF;
    display: block;
    border-radius: 50px;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    flex: 1;
}
.m_reserve_btns a:nth-child(1){background: #616161;}
.m_reserve_btns a:nth-child(2){background: #fe7200;}
.m_reserve_num {
    color: #f9b032;
    font-size: 4rem;
    font-weight: 600;
    min-height: 130px;
}
.light_ver .m_reserve_num {
  color: #f44703;
}

#tvBody .waitReserve .right_tit li {
  position: relative;
  font-size: 10.7vw;
  font-family: 'Noto Sans KR';
  padding-left: 13vw;
}

#tvBody .waitReserve .right_tit li.regist .rgt_tit_num,
#tvBody .waitReserve .right_tit li.phone .rgt_tit_num{
  animation: blink-animation 1s steps(5, start);
  animation-iteration-count: 3;
}
#tvBody .waitReserve .right_tit li.phone::before {
  content: "휴대폰 뒷자리";
  position: absolute;
  font-size: 1.8vw;
  top: 5vw;
  left: 0;
  background: #777;
  padding: 0.2vw 1.5vw;
  border-radius: 1350px;
  color: #FFF;
  font-weight: 400;
  letter-spacing: -3px;
}
#tvBody .waitReserve .right_tit li.regist::before {
  content: "접수번호";
  position: absolute;
  font-size: 1.8vw;
  top: 5vw;
  left: 0;
  background: #777;
  padding: 0.2vw 1.5vw;
  border-radius: 1350px;
  color: #FFF;
  font-weight: 400;
  letter-spacing: -3px;
}
#tvBody .waitReserve .right_tit li:first-child::after {content: "";position: absolute;top: 55%;right: -3.3vw;transform: translateY(-50%);width: 1px;height: 40%;background: #aaa;}
#tvBody .waitReserve .right_tit li:last-child::before {
  content: "상담석";
  position: absolute;
  font-size: 1.8vw;
  top: 5vw;
  left: 1.6vw;
  padding: 0.2vw 1.5vw;
  background: #777;
  border-radius: 1350px;
  color: #FFF;
  font-weight: 400;
  letter-spacing: -3px;
}


/************************************

  201928 ljh tvscreen second header

************************************/
#header.tvHeader {
  flex: 18%;
}

#header.tvHeader .top_label {
  height: 100%;
  border-radius: 0;
}





/******************

    211108 ljh

******************/
.visit_popup {
  position: absolute;
  border: 1px solid #001141;
  background: #FFF;
  text-align: center;
  max-width: 640px;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 4rem 0;
  border-radius: 10px;
}
.visit_popup .visit_cancel_btn {
  position: absolute;
  top: 20px;
  right: 20px;
}

.visit_popup > div {
  display: none;
}

.visit_popup > div.on {
  display: block;
}

@media screen and (max-width: 500px) {
  .visit_popup > div img {width: 80%}
  .visit_popup > a img {width: 60%}
}



/**************************************

    220106 ljh 동영상 없는 대기현황판

**************************************/
#noVideoWrap {width: 100%;overflow: hidden;display: flex;background: #FFF;flex: 100%;padding: 2%;}

#noVideoWrap .leftSec {flex: 1.8;height: 100%;margin-right: 3%;background: #222;border-radius: 30px;padding: 4% 0;}
#noVideoWrap .leftSec .waitList {
    color: #FFF;
    width: 72%;
    margin: 0 auto;
}
#noVideoWrap .leftSec .waitList .waitPeople {
    border: 2px solid #fc9563;
    border-radius: 100px;
    margin-bottom: 4%;
}
#noVideoWrap .leftSec .waitList .waitPeople dl {display: flex;align-items: center;justify-content: center;line-height: 1.4;}
#noVideoWrap .leftSec .waitList .waitPeople dt {
    position: relative;
    padding: 0 4%;
    font-size: 2.4vw;
}
#noVideoWrap .leftSec .waitList .waitPeople dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 120%;
  background: rgba(255,255,255,0.7);
}
#noVideoWrap .leftSec .waitList .waitPeople dd {
    padding: 0 4%;
    font-size: 3.2vw;
    font-weight: 500;
    /* font-family: 'Noto Sans KR'; */
    display: flex;
    align-items: baseline;
    font-weight: 100;
}
#noVideoWrap .leftSec .waitList .waitPeople dd b {
  font-size: 7vw;
  font-weight: 600;
  font-family: 'Noto Sans KR';
}

#noVideoWrap .leftSec .waitList .waitInfo.on {
  animation: blink-animation .7s steps(5, start); animation-iteration-count: 3;
}

#noVideoWrap .leftSec .waitList .waitInfo .waitNum dt {font-size: 10.8vw}
#noVideoWrap .leftSec .waitList .waitInfo .waitPhoneNum dt {font-size: 10.8vw;}
#noVideoWrap .leftSec .waitList .waitInfo .waitSitNum b {
    font-size: 10vw;
}
#noVideoWrap .leftSec .waitList .waitInfo li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding: 3% 0;
    line-height: 1;
}
#noVideoWrap .leftSec .waitList .waitInfo li:first-child {
}
#noVideoWrap .leftSec .waitList .waitInfo li:last-child {
    border: 0;
}
#noVideoWrap .leftSec .waitList .waitInfo dl {
    border: 2px solid #FFF;
    width: 36%;
    height: 7.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 10px;
}
#noVideoWrap .leftSec .waitList .waitInfo dt {
    font-size: 9.2vw;
    margin-top: -3%;
    font-weight: 600;
}
#noVideoWrap .leftSec .waitList .waitInfo dd {}
#noVideoWrap .leftSec .waitList .waitInfo.waitInfoVer2 .waitNum {
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    padding: 7% 0 3%;
}
#noVideoWrap .leftSec .waitList .waitInfo.waitInfoVer2 .waitNum > dl {
    border: 0;
    font-size: 3.6vw;
    width: auto;
    font-weight: 400;
    height: auto;
}
#noVideoWrap .leftSec .waitList .waitInfo.waitInfoVer2 .waitNum > dt {
    font-size: 16vw;
    color: #fbc503;
    line-height: 1;
    margin: 1% 0 9%;
}
#noVideoWrap .leftSec .waitList .waitInfo.waitInfoVer2 .waitNum > dd {
    font-size: 3.7vw;
    letter-spacing: -4px;
    white-space: nowrap;
}
#noVideoWrap .leftSec .waitList .waitInfo.waitInfoVer2 .waitNum > dd b {
    font-size: 4.5vw;
    font-weight: 700;
}



#noVideoWrap .rightSec {height: 100%;flex: 1;}
#noVideoWrap .rightSec .waitReserve {width: 100%; height: 20%; display: flex; align-items: center; justify-content: center;}
#noVideoWrap .rightSec .waitReserve dl {text-align: center; line-height: 1.3;}
#noVideoWrap .rightSec .waitReserve dl dt {color: #000; font-size: 2.5vw;}
#noVideoWrap .rightSec .waitReserve dl dt strong {font-size: 2.5vw; color: #000; font-weight: 600;}
#noVideoWrap .rightSec .waitReserve dl dd {color: #000;font-size: 1.5vw;font-weight: 500;display: flex;align-items: center;justify-content: center;}
#noVideoWrap .rightSec .waitReserve dl dd strong {font-family: "Noto Sans KR";font-size: 3vw; font-weight: 700; display: inline-block; margin: 0 2px;}

#noVideoWrap .waitList {width: 100%;height: 100%;}
#noVideoWrap .waitList .depth_1 {}
#noVideoWrap .waitList .depth_1 > li {border-bottom: 1px solid #CCC;color: #000;}
#noVideoWrap .waitList .depth_1 > li:nth-child(even) {background: #EEE}
#noVideoWrap .waitList .depth_1 > li:first-child {border-bottom: 2px solid #000;color: #000;}
#noVideoWrap .waitList .depth_1 > li:last-child {border-bottom: 1px solid #FFF;}
#noVideoWrap .waitList .depth_2 {display: flex;align-items: center;justify-content: space-around;}
#noVideoWrap .waitList .depth_2_th {margin-bottom: 0.7vw;}
#noVideoWrap .waitList .depth_2 li {text-align: center; font-size: 4.2vw;font-weight: 600;line-height: 1.3;}
#noVideoWrap .waitList .depth_2 li:first-child {width: 30%;text-align: center;}
#noVideoWrap .waitList .depth_2 li:nth-child(2) {width: 45%;}
#noVideoWrap .waitList .depth_2 li:last-child {width: 30%;text-align: center;}
#noVideoWrap .waitList .depth_2_th li {text-align: center;font-size: 1.7vw;font-weight: 500;line-height: 1.1;font-weight: 600;}
#noVideoWrap .waitList .depth_2 li.num {font-size: 4.2vw;font-family: "Noto Sans KR";font-weight: 600;}
#noVideoWrap .waitList .depth_2 li b {font-weight: 700;}
#noVideoWrap .waitList .depth_2 li span {display: none;}
#noVideoWrap .waitList .depth_2 li span.on {display: block;}
#noVideoWrap .waitList .depth_2 li span:first-child {font-weight: 700;}
#noVideoWrap .waitList .depth_2 li span.current {background: #FFF; color: #000; font-weight: 600; padding: 0 0.7vw; border-radius: 140px;}

#noVideoWrap .alert {text-align: center; margin-top: 1vw; font-size: 1vw; letter-spacing: -1px;}

#noCallWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #FFF;
}

.hide {
  display: none !important;
}



/************************

    220321 ljh tablet

************************/
/* COMMON */
.underline {
    display: inline-block;
    border-bottom: 2px solid #FE7200;
}
.tablet_body * {
  font-family: 'NanumSquare';
}
#tb_body {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 56.25vw;
}
#tb_wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
#tb_wrap .tb_lft {
    margin: 1rem;
    width: 50%;
    background: #FFF;
    border-radius: 1rem;
    padding: 1.8rem;
}
#tb_wrap .tb_rgt {
    width: 50%;
}
#tb_close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #FFF;
  width: 1.6rem;
  height: 1.6rem;
}
#tb_close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  width: 100%;
  height: 1px;
  background: #FFF;
}
#tb_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(-45deg);
  width: 100%;
  height: 1px;
  background: #FFF;
}


/*tablet_qr.html & tablet_noqr.html*/
#tb_wrap .tb_lft.tb_qr_lft {
  margin: 0;
  background: transparent;
  padding: 1rem;
}
#tb_wrap .tb_lft .wait_num {
    text-align: center;
    color: #FFF;
    font-family: 'NanumSquareBold';
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 0.6rem;
}
#tb_wrap .tb_lft .wait_num b {
    font-size: 4rem;
    color: #fe7200;
    font-family: 'NanumSquareExtraBold';
    vertical-align: middle;
display: inline-block;margin-top: -10px;}
#tb_wrap .tb_lft .wait_guide {
    background: #FFF;
    border-radius: 0.6rem;
    padding: 1rem;
}
.tb_lft .wait_guide .wait_tit {
    text-align: center;
    font-family: 'NanumSquareExtraBold';
    color: #000;
    font-size: 1.8rem;
    border-bottom: 1px solid #AAA;
}
.tb_lft .wait_guide .wait_con_depth_1.qr {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 1.6rem 0 1rem;
}
.tb_lft .wait_guide .wait_con_depth_1.qr li {
    width: 45%;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.tb_lft .wait_guide .wait_con_depth_1.qr li:first-child {}
.tb_lft .wait_guide .wait_con_depth_1.qr li:last-child {}
.tb_lft .wait_guide .wait_con_depth_1.qr .num_ico {
    width: 56%;
}
.tb_lft .wait_guide .wait_con_depth_1.qr .num_ico img {
    width: 100%;
}
.tb_lft .wait_guide .wait_con_depth_1.qr .qr_ico {
    width: 56%;
}
.tb_lft .wait_guide .wait_con_depth_1.qr .qr_ico img {
    width: 100%;
}
.tb_lft .wait_guide .wait_con_depth_1.qr .wait_txt {
    text-align: center;
    margin-top: 0.7rem;
}
.tb_lft .wait_guide .wait_con_depth_1 .wait_txt > h3 {
    color: #FE7200;
    font-family: 'NanumSquareExtraBold';
    line-height: 1.2;
    font-size: 1rem;
}
.tb_lft .wait_guide .wait_con_depth_1 .wait_txt > span {
    font-size: 0.8rem;
    font-family: 'NanumSquareExtraBold';
    word-break: keep-all;
    display: inline-block;
}


.tb_lft .wait_guide .wait_con_depth_1.no_qr {margin: 4rem 0;}
.tb_lft .wait_guide .wait_con_depth_1.no_qr li {
    display: flex;
    align-items: center;
}
.tb_lft .wait_guide .wait_con_depth_1.no_qr .num_ico {
    width: 36%;
    padding: 0 1rem;
}
.tb_lft .wait_guide .wait_con_depth_1.no_qr .num_ico img {
    width: 100%;
}
.tb_lft .wait_guide .wait_con_depth_1.no_qr .wait_txt {}
.tb_lft .wait_guide .wait_con_depth_1.no_qr .wait_txt > h3 {
    font-size: 1.1rem;
}
.tb_lft .wait_guide .no_qr .wait_con_depth_2 {
    font-size: 0.8rem;
    font-family: 'NanumSquareExtraBold';
    word-break: keep-all;
}
.tb_lft .wait_guide .no_qr .wait_con_depth_2 li {}
.tb_lft .wait_guide .no_qr .wait_con_depth_2 li:first-child {
    margin: 0.5rem 0;
}
.tb_lft .wait_guide .no_qr .wait_con_depth_2 li:last-child {}


.tb_lft .wait_guide .wait_notice {
    background: #ededed;
    border-radius: 0.2rem;
    padding: 0.5rem;
    font-size: 0.7rem;
    font-family: 'NanumSquareBold';
}
.tb_lft .wait_guide .wait_notice li {}
.tb_lft .wait_guide .wait_notice li::before {}


#tb_wrap .tb_rgt.tb_num {
    padding: 1rem;
    text-align: center;
    background: #ededed;
}
.tb_num .tb_num_tit {}
.tb_num .tb_num_tit span {
    display: inline-block;
    width: 67%;
    background: #878787;
    color: #FFF;
    font-family: 'NanumSquareBold';
    font-size: 2rem;
    border-radius: 50px;
}
.tb_num .tb_num_tit h3 {
    margin: 0.7rem auto;
    font-family: 'NanumSquareBold';
    color: #000;
    font-size: 1.2rem;
}
.tb_num .tb_num_pad {}
.tb_num .tb_num_pad .tb_phone_num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.8rem;
}
.tb_num .tb_num_pad .tb_phone_num > input[type="text"] {
    width: 80%;
    font-family: 'NanumSquareBold';
    font-size: 1.8rem;
    border-radius: 10px;
    height: 100%;
}
.tb_num .tb_num_pad .tb_phone_num > span {
    flex: 1;
    margin-left: 0.3rem;
    height: 100%;
    background: #CCC;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tb_num .tb_num_pad .tb_phone_num > span i {
    /* background: #FFF; */
    width: 35%;
}
.tb_num .tb_num_pad .tb_phone_num > span i img {
    width: 100%;
}
.tb_num .tb_keyboard {}
.tb_num .tb_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tb_num .tb_number > span {
    width: 32.6333%;
    margin-top: 0.3rem;
    background: #FFF;
    color: #000;
    font-family: 'NanumSquareBold';
    font-size: 1.8rem;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 1rem 0;
    line-height: 1;
}
.tb_num .tb_number > span:last-child {
    background: #FE7200;
    border: 1px solid #FE7200;
}
.tb_num .tb_number > span i {}
.tb_num .tb_number > span a {
    color: #FFF;
}



/*tablet_confirm.html*/
#tb_wrap .tb_lft.tb_cfrm_lft {
  background: transparent;
  margin: 0;
  padding: 10% 0;
}
#tb_wrap .tb_wait_board {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 100%;
    text-align: center;
}
#tb_wrap .tb_wait_board li {
    width: 40%;
    font-family: 'NanumSquareBold';
    font-size: 2.4rem;
    color: #FFF;
    line-height: 1.3;
}
#tb_wrap .tb_wait_board li:first-child {
    padding-bottom: 1.2rem;
    border-bottom: 1px dotted #999;
}
#tb_wrap .tb_wait_board li:last-child {
    padding-top: 1.2rem;
}
#tb_wrap .tb_wait_board li b {
    font-size: 3.6rem;
    font-family: 'NanumSquareExtraBold';
    color: #fe7200;
}

#tb_wrap .tb_rgt.tb_cfrm_rgt {
    background: #FFF;
    padding: 10% 5% 0;
    text-align: center;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_top {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_top b {
    font-family: 'NanumSquareExtraBold';
    font-size: 2.2rem;
    line-height: 1.2;
    letter-spacing: -2.1px;
    color: #000;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid {
    margin: 2.6rem auto;
    padding: 0.6rem;
    width: 88%;
    font-size: 0.8rem;
    font-family: 'NanumSquareBold';
    text-align: left;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid > ul {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid > ul > li {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm > a {
    display: block;
    background: #878787;
    width: 82%;
    margin: 0 auto 2.8rem;
    padding: 0.7rem 0;
    color: #FFF;
    font-family: 'NanumSquare';
    font-size: 1.3rem;
    border-radius: 50px;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm > span {
    background: #ededed;
    padding: 0.3rem 0;
    text-align: center;
    font-size: 0.8rem;
    font-family: 'NanumSquare';
    width: 100%;
    display: block;
    border-radius: 0.2rem;
}



/*tablet_receive.html*/
#tb_wrap .tb_rgt.tb_rcv {
  /* padding: 10% 5% 0; */
  text-align: center;
}
#tb_wrap .tb_rcv .tb_rcv_top {color: #FFF;font-family: 'NanumSquare';font-size: 1.2rem;}
#tb_wrap .tb_rcv .tb_rcv_top b {
    color: #fe7200;
    font-family: 'NanumSquareExtraBold';
    font-size: 1.8rem;
}
#tb_wrap .tb_rcv .tb_rcv_mid {
    margin: 3.6rem auto 4rem;
    padding: 0.6rem;
    width: 88%;
    font-size: 0.8rem;
    font-family: 'NanumSquareBold';
    border-top: 1px dotted #FFF;
    border-bottom: 1px dotted #FFF;
    color: #FFF;
}
#tb_wrap .tb_rcv .tb_rcv_mid > ul {}
#tb_wrap .tb_rcv .tb_rcv_mid > ul > li {}
#tb_wrap .tb_rcv .tb_rcv_btm {}
#tb_wrap .tb_rcv .tb_rcv_btm > a {
    display: block;
    background: #fe7200;
    width: 82%;
    margin: 0 auto 2.8rem;
    padding: 0.7rem 0;
    color: #FFF;
    font-family: 'NanumSquare';
    font-size: 0.8rem;
    border-radius: 50px;
}


/*tablet_confirm.html*/
#tb_wrap .tb_lft > h1 {
    text-align: center;
    background: #ededed;
    font-family: 'NanumSquareExtraBold';
    padding: 0.6rem 0;
    color: #000;
    font-size: 1.3rem;
    border-radius: 0.4rem;
    letter-spacing: -1.2px;
}
#tb_wrap .tb_lft > .info_depth_1 {}
#tb_wrap .tb_lft > .info_depth_1 > li {
    margin-top: 1.2rem;
    font-size: 0.8rem;
    word-break: keep-all;
    font-family: 'NanumSquareBold';
}
#tb_wrap .tb_lft > .info_depth_1 > li h2 {
    font-size: 1rem;
    font-family: 'NanumSquareExtraBold';
    color: #222;
    margin-bottom: 0.2rem;
}
#tb_wrap .tb_lft > .info_depth_1 > li p {
    padding-left: 1rem;
    line-height: 1.3;
}
#tb_wrap .tb_lft .info_depth_2 {
    padding-left: 1rem;
    line-height: 1.3;
    margin-top: 0.3rem;
}
#tb_wrap li i {
  font-size: 0.4rem;
  margin-right: 2px;
  vertical-align: middle;
}
#tb_wrap .tb_lft .info_depth_2 li b {
    font-family: 'NanumSquareExtraBold';
}


#tb_wrap .tb_rgt.tb_cfrm_rgt {
    background: #FFF;
    padding: 10% 5% 0;
    text-align: center;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_top {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_top b {
    font-family: 'NanumSquareExtraBold';
    font-size: 2.2rem;
    line-height: 1.2;
    letter-spacing: -2.1px;
    color: #000;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid {
    margin: 2.6rem auto;
    padding: 0.6rem;
    width: 88%;
    font-size: 0.8rem;
    font-family: 'NanumSquareBold';
    text-align: left;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid > ul {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_mid > ul > li {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm {}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm > a {
    display: block;
    background: #878787;
    width: 82%;
    margin: 0 auto 2.8rem;
    padding: 0.7rem 0;
    color: #FFF;
    font-family: 'NanumSquare';
    font-size: 1.3rem;
    border-radius: 50px;
}
#tb_wrap .tb_cfrm_rgt .tb_rcv_btm > span {
    background: #ededed;
    padding: 0.3rem 0;
    text-align: center;
    font-size: 0.8rem;
    font-family: 'NanumSquare';
    width: 100%;
    display: block;
    border-radius: 0.2rem;
}



/***************************

    220324 ljh mobile

***************************/
#mobile_wrap {max-width:720px;min-width:320px;margin:0 auto;line-height:1.5;position: relative;}
#mobile_wrap img {width: 100%;}
#mobile_wrap a {
  position: absolute;
  width: 40%;
  height: 15%;
  background: rgba(255,255,200,0);
  z-index: 1;
  top: 27%;
  text-indent: -99999px;
  border-radius: 20px;
}
#mobile_wrap a:first-of-type {
  left: 9%;
}
#mobile_wrap a:last-of-type {
  right: 9%;
}



/*****************************

    220713 ljh 상담예약 수정

*****************************/
#tb_body #tb_wrap .info_wrap {
  overflow: auto;
}

#tb_body #tb_wrap .info_wrap .info_notice {
  font-size:  1rem;
  font-weight:  500;
  font-family: 'NanumSquareBold';
  color: #333;
  line-height: 1.4;
  margin-top: 1rem;
  text-align: center;
}
#tb_body #tb_wrap .info_wrap .info_tit {
  margin: 1rem auto 0.4rem;
  font-family: 'NanumSquareExtraBold';
  font-size: 1.2rem;
  color: #333;
}
#tb_body #tb_wrap .info_wrap .info_depth_1 {
  height: 36%;
  padding: 1rem;
  overflow: auto;
  border: 1px solid #888;
  border-radius: 10px;
  line-height: 1.4;
}
#tb_body #tb_wrap .info_wrap .info_depth_1 > li {
    margin-bottom: 1rem;
}
#tb_body #tb_wrap .info_wrap .info_depth_1 h2 {
  font-family: 'NanumSquareExtraBold';
  font-size: 0.9rem;
  color: #333;
}
#tb_body #tb_wrap .info_wrap .info_depth_1 p {
  font-family: NanumSquare;
  font-size: 0.9rem;
  word-break: keep-all;
}
#tb_body #tb_wrap .info_wrap .info_depth_2 > li {
  position: relative;
  font-family: 'NanumSquare';
  font-size: 0.9rem;
}
#tb_body #tb_wrap .info_wrap .info_depth_2 > li::before {
  content: "-";
  position: absolute;
  top: 50%;
  left: -0.7rem;
  transform: translateY(-50%);
  font-size:1rem;
  font-family: 'NanumSquare';
  font-weight: 500;
}
#tb_body #tb_wrap .info_wrap .info_depth_2 b {
  font-family: 'NanumSquare';
}
#tb_body #tb_wrap .info_wrap .info_btn {
  margin-top: 2rem;
}
#tb_body #tb_wrap .info_wrap .info_btn li img {width: 100%}

#tb_body #tb_wrap .info_wrap .info_btn .unchecked {
  display: none;
}
#tb_body #tb_wrap .info_wrap .info_btn.toggle .unchecked {
  display: block;
}
#tb_body #tb_wrap .info_wrap .info_btn .checked {
  display: block;
}
#tb_body #tb_wrap .info_wrap .info_btn.toggle .checked {
  display: none;
}
#tb_body #tb_wrap .info_qr_wrap .info_scan_notice img {
  width: 100%;
}
#tb_body #tb_wrap .info_qr_wrap .info_tit {
  margin: 0.4rem auto;
  font-family: 'NanumSquareExtraBold';
  font-size: 1.2rem;
  color: #333;
}
#tb_body #tb_wrap .info_qr_wrap .info_depth_1 {height: 32%;}
#tb_body #tb_wrap .info_qr_wrap .info_depth_1 > li {
    margin-bottom: 1rem;
}
#tb_body #tb_wrap .info_qr_wrap .info_depth_2 > li::before {
  content: "-";
  position: absolute;
  top: 50%;
  left: -0.7rem;
  transform: translateY(-50%);
  font-size:1rem;
  font-family: 'NanumSquare';
  font-weight: 500;
}
#tb_body #tb_wrap .info_qr_wrap .info_btn {
  margin-top: 0.8rem;
}
#tb_body #tb_wrap .info_qr_wrap .info_btn li img {width: 100%}



#layer_pop_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
}
#layer_pop_con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FFF;
    padding: 110px 0;
    border-radius: 20px;
    width: 768px;
    text-align: center;
    font-size: 30px;
}
#layer_pop_con > p {
    color: #333;
    font-weight: 400;
    letter-spacing: -2px;
    font-size: 30px;
}
#layer_pop_con > .buttons {
  display: flex;
  width: 70%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  margin-top: 70px;
}
#layer_pop_con > .buttons a {
    padding: 25px 0;
    background: #878787;
    flex: 1;
    color: #FFF;
    font-weight: 400;
    border-radius: 10px;
    font-size: 30px;
    margin-left: 4%;
}
#layer_pop_con > .buttons a:first-child {
  margin-left: 0;
}
#layer_pop_con > .buttons a:last-child {
  background: #ededed;
  color: #878787;
}


/* 예약리스트 */
#rsvlist {
  width: 1100px;
  margin: 40px 0;
}
#rsvlist .swiper {
  width: 100%;
  height: 100%;
}

/* #rsvlist .swiper-wrapper {
  justify-content: center;
} */

#rsvlist .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#rsvlist .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#rsvlist .swiper-slide .reserv_cont {
  width: 100%;
  height: 450px;
  background: #e9f1f8;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#rsvlist .swiper-slide .reserv_cont h2 {
  font-family: 'NanumSquareAc', sans-serif;
  font-size: 40px;
  color: #385ba4;
  font-weight: 600;
  margin-bottom: 80px;
}

#rsvlist .swiper-slide .reserv_cont p {
  font-family: 'NanumSquareAc', sans-serif;
  font-size: 40px;
  color: #001141;
  font-weight: 800;
}

#rsvlist .swiper-slide .reserv_cont h3 {
  font-family: 'NanumSquareAc', sans-serif;
  font-size: 30px;
  color: #da1919;
  font-weight: 600;
  margin-top: 80px;
}

#rsvlist .swiper-slide .reserv_cont h4 {
  font-family: 'NanumSquareAc', sans-serif;
  font-size: 26px;
  color: #273d6b;
  font-weight: 600;
  margin-top: 0px;
  line-height: 20px;
}

#rsvlist .swiper-button-prev,
#rsvlist .swiper-button-next {
  padding: 15px 5px;
  border-radius: 35px;
  color: #767f97 !important;
  border: 3px solid #767f97;
  width: 63px;
  height: 63px;
}

#rsvlist .swiper-button-prev:after,
#rsvlist .swiper-button-next:after {
  position: relative;
  font-size: 2rem !important;
  font-weight: 600 !important;
}
#rsvlist .swiper-button-prev:after {
  right: 3px
}
#rsvlist .swiper-button-prev {
  left: -80px;
}
#rsvlist .swiper-button-next {
  right: -80px;
}
#rsvlist .swiper-button-next:after {
  right: -3px
}

#rsvlist .swiper-button-disabled {
  opacity: 0.3;
}

@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css'); /* font-family: SUIT; font-weight: 100~900; */
.mob_reserv_check input, textarea {

  appearance: none;

  -webkit-appearance: none;

  -webkit-border-radius: 0;

  }

  .mob_reserv_check button {

    color: #000;

    }

.mob_reserv_check select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /*화살표 배경 넣기*/
  background: #fff url('../img/select_arrow.png') no-repeat 94% center;
  background-size: 10px;
  }

.mob_reserv_check #mobile_wrap {background-color: #fafafa;}
.mob_reserv_check #mobile_wrap img {width: auto;}
.mob_reserv_check #mobile_wrap a {position: inherit; right: 0; left: 0; top: 0;}
.mob_reserv_check #mobile_wrap {max-width:720px;min-width:320px;margin:0 auto;line-height:1.5;position: relative; overflow: hidden;}
.mob_reserv_check #mobile_wrap header {display: flex; flex-direction: row; background-color: #ffffff; box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 10%); margin-bottom: 10px;}
.mob_reserv_check #mobile_wrap header div p {font-size: 15px;}
.mob_reserv_check #mobile_wrap header div {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 50%; font-size: 1rem; padding: 25px 0; font-weight: 600; cursor: pointer;}
.mob_reserv_check #mobile_wrap header div img {margin-right: 6px;}
.mob_reserv_check #mobile_wrap header div.on {color: #003057; border-bottom: 2px solid #003057;}
.mob_reserv_check #mobile_wrap .content {padding: 25px; background: #fafafa; min-height: 100vh; overflow-y: scroll;}
.mob_reserv_check #mobile_wrap .content .cont-top {padding: 0 0 35px; display: flex; flex-direction: row; justify-content: space-between;}
.mob_reserv_check #mobile_wrap .content .cont-top label {position: relative; width: 81%;}
.mob_reserv_check #mobile_wrap .content .cont-top input {width: 100%; padding: 0 10px; height: 45px; font-size: 15px; font-family: 'SUIT', sans-serif; border: 1px solid #cfcfcf; border-radius: 5px;}
.mob_reserv_check #mobile_wrap .content .cont-top input::placeholder {font-size: 12px;}
.mob_reserv_check #mobile_wrap .content .cont-top label img {position: absolute; width: 23px; right: 13px; top: 5px;}
.mob_reserv_check #mobile_wrap .content .cont-main {}
.mob_reserv_check #mobile_wrap .content .cont-main #no-content h5 {font-size: 1.8rem; color: #6f6f6f; text-align: center; padding: 150px 0; font-weight: 600; border-top:1px dotted #cccccc; border-bottom: 1px dotted #cccccc;}

.mob_reserv_check #mobile_wrap .content .cont-main #name_list #total {text-align: right; font-weight: 600; margin-bottom: 5px; font-family: 'SUIT', sans-serif; font-size: 18px;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li {min-height: 180px; position: relative; padding: 9% 8%; margin-bottom: 10px; font-family: 'SUIT', sans-serif;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li h1 {position: relative; font-size: 26px; z-index: 1; font-weight: 700; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; font-family: 'SUIT', sans-serif; color: #000;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li h1 p {display: inline-block; font-size: 20px; font-weight: 600; font-family: 'SUIT', sans-serif;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li h1 p::before {content: '|'; margin: 0 5px; color: #bebebe;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li > div {position: relative; z-index: 1; display: flex; flex-direction: row; margin-top: 10px; align-items: center;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li > div > div:nth-child(1) {width: 65%;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li > div > div:nth-child(2) {width: 35%; display: flex; justify-content: flex-end;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li img {object-fit: fill; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li .time-box table tr th {font-size: 14px; color: #7a7a7a; padding: 5px 0;font-family: 'SUIT', sans-serif;}
.mob_reserv_check #mobile_wrap .content .cont-main #name_list ul li .time-box table tr td {font-size: 14px; color: #000; font-weight: 600; padding: 5px 0; padding-left: 10px;font-family: 'SUIT', sans-serif;}

.mob_reserv_check #mobile_wrap .content .cont-top #date-select-box {display: flex; flex-direction: row; align-items: flex-end; width: 100%;}
.mob_reserv_check #mobile_wrap .content .cont-top #date-select-box > div:nth-child(-n+2) {width: 45%;}
.mob_reserv_check #mobile_wrap .btn_refresh {width: 50px !important; height: 45px; background: #fff; border: 1px solid #cfcfcf; border-radius: 5px; background-image: url(../img/refresh.png); background-size: 40%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.mob_reserv_check #mobile_wrap .content .cont-top #date-select-box > div p {font-size: 14px; font-weight: 500;}
.mob_reserv_check #mobile_wrap .content .cont-top #date-select-box > div select {width: 95%; height: 44px; font-weight: 600; margin-top: 3px; font-family: 'SUIT', sans-serif; font-size: 14px; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; border: 1px solid #cfcfcf; border-radius: 5px; color: #000 !important; padding-right: 6%;}
.mob_reserv_check #mobile_wrap .content .cont-top #date-select-box > div select option {font-weight: 600; font-family: 'SUIT', sans-serif; font-size: 16px; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list #total {text-align: right; font-weight: 600; margin-bottom: 5px; font-family: 'SUIT', sans-serif; font-size: 18px;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table {width: 100%; border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr th {background: #d3d3d3; vertical-align: middle; text-align: center; font-weight: 600; padding: 5px 0; font-family: 'SUIT', sans-serif; font-size: 16px;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr th:nth-child(1) {width: 30%;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr th:nth-child(2) {width: 30%;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr th:nth-child(3) {width: 40%;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr td {background: #f6f6f6; vertical-align: middle; text-align: center; padding: 10px 0; font-family: 'SUIT', sans-serif; font-size: 16px;}
.mob_reserv_check #mobile_wrap .content .cont-main #date_list table tr:nth-child(even) td {background: #fff;}

/* styling lable */
.mob_reserv_check .toggle {
  --width: 90px;
  --height: calc(var(--width) / 3);

  position: relative;
  display: inline-block;
  width: var(--width);
  height: var(--height);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--height);
  cursor: pointer;
}

/* hiding checkbox */
.mob_reserv_check .toggle input {
  display: none;
}

/* Creating slider */
.mob_reserv_check .toggle .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  background-color: #fff;
  transition: all 0.4s ease-in-out;
}
.mob_reserv_check .toggle .slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(var(--width) - var(--height));
  width: calc(var(--height));
  height: calc(var(--height));
  border-radius: calc(var(--height) / 2);
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

/* Adding slider effect */
.mob_reserv_check .toggle input:checked + .slider {
  background-color: #003057;
}
.mob_reserv_check .toggle input:checked + .slider::before {
  transform: translateX(-60px);
}

/* Adding text in the toggle button */
.mob_reserv_check .toggle .labels {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: sans-serif;
  /* transition: all 0.4s ease-in-out; */
  font-weight: 600;
}

.mob_reserv_check .toggle .labels::after {
  content: attr(data-off);
  position: absolute;
  top: -3px;
  right: 37px;
  color: #4d4d4d;
  opacity: 1;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); */
  transition: all 0.4s ease-in-out;
}

.mob_reserv_check .toggle .labels::before {
  content: attr(data-on);
  position: absolute;
  top: -3px;
  left: 43px;
  color: #ffffff;
  opacity: 0;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease-in-out;
}

.mob_reserv_check .toggle input:checked~.labels::after {
  opacity: 0;
}

.mob_reserv_check .toggle input:checked~.labels::before {
  opacity: 1;
}