@charset "utf-8";
/*
Eungom's Reset
Last Updated:
Author: Jeong Eunmi
*/

@font-face {
font-family: "Nanum Square";
  src: url("../css/fonts/NanumSquareL.eot"); /* IE9 Compat Modes */
  src: url("../css/fonts/NanumSquareL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../css/fonts/NanumSquareL.woff") format("woff"), /* Modern Browsers */
       url("../css/fonts/NanumSquareL.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../css/fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a") format("svg"); /* Legacy iOS */       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: "Nanum Square";
  src: url("../css/fonts/NanumSquareR.eot"); /* IE9 Compat Modes */
  src: url("../css/fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../css/fonts/NanumSquareR.woff") format("woff"), /* Modern Browsers */
       url("../css/fonts/NanumSquareR.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../css/fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb") format("svg"); /* Legacy iOS */       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: "Nanum Square";
  src: url("../css/fonts/NanumSquareB.eot"); /* IE9 Compat Modes */
  src: url("../css/fonts/NanumSquareB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../css/fonts/NanumSquareB.woff") format("woff"), /* Modern Browsers */
       url("../css/fonts/NanumSquareB.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../css/fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf") format("svg"); /* Legacy iOS */       
  font-style:   bold;
  font-weight:  700;
}

@font-face {
  font-family: "Nanum Square";
  src: url("../css/fonts/NanumSquareEB.eot"); /* IE9 Compat Modes */
  src: url("../css/fonts/NanumSquareEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../css/fonts/NanumSquareEB.woff") format("woff"), /* Modern Browsers */
       url("../css/fonts/NanumSquareEB.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../css/fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87") format("svg"); /* Legacy iOS */
  font-style:   border;
  font-weight:  900;
}


/* reset */
*,:after,:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: "Nanum Square", "맑은 고딕", Malgun Gothic, Helvetica, sans-serif;list-style-type:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";content:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells: show;table-layout: fixed;word-break: break-all;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
a:focus{outline-color: #007aff;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:middle;max-width: 100%;}
input {vertical-align:middle;}
p,h3,h2,h1{letter-spacing: -0.3px;}
input,textarea,button,select{outline:0}
section{width:100%;}
input:read-only,
input:disabled{cursor:default;color:#ccc !important;}
input:read-only:focus-within{background:#333;}

html, body{width:100%;height:100%;font-size: 10px;word-wrap:break-word;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-touch-callout: none;text-size-adjust: none;-webkit-tap-highlight-color:transparent;scroll-behavior: smooth;}
body{background:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"Nanum Square", "Noto Sans","맑은 고딕", Malgun gothic, Helvetica, sans-serif;color:rgba(0,0,0,0.84);line-height:1.42857;font-weight: 400;}

::-webkit-input-placeholder {color:#999 !important;font-size:1.3rem;}
:-moz-placeholder {color:#999 !important;opacity: 1;font-size:1.3rem;}
::-moz-placeholder {color:#999 !important;opacity: 1;font-size:1.3rem;}
:-ms-input-placeholder {color:#999 !important;font-size:1.3rem;}
input::-ms-clear{display:none;}
input:-webkit-autofill {text-shadow: none;background:#333 !important;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input [type="password"] {font :small-caption;font-size : 16px;-webkit-text-security: disc;font-family:'맑은 고딕', Malgun Gothic;}
input[type="password" i] {-webkit-text-security: disc !important;font-family:'맑은 고딕', Malgun Gothic;}
input, select {-webkit-appearance: none;border-radius: 0;vertical-align: middle;}
select::-ms-expand {display: none;}
select:disabled{background-color:#f5f5f5}
button{cursor:pointer;}
input:-webkit-autofill {
  background-color: #2b2b2b !important; /* 다크 배경색 (원하는 색으로 바꿔도 됨) */
  color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #333 inset !important;
  transition: background-color 5000s ease-in-out 0s; /* 배경색 깜빡임 방지 */
  caret-color: white; /* 커서 색상도 지정 */
    -webkit-text-fill-color: white !important; /* ← 글자 색 강제 */  
}

.skip_nav {font-size:0;line-height:0;overflow:hidden;visibility:hidden;margin-left:-4000em;}

/* checkbox, radio */
input[type="checkbox"]{display: none;line-height: 1;}
input[type="checkbox"] + label{font-size: 0;cursor: pointer;}
input[type="checkbox"] + label::before{content:'';display: inline-block;width: 14px;height:14px;background: url(../images/ico_check_dark.png) center center no-repeat;background-size:contain;vertical-align: middle;}
input[type="checkbox"] + label span{vertical-align: middle;}
input[type="checkbox"]:checked + label::before{background: url(../images/ico_check_dark_on.png) center center no-repeat;background-size: contain;}

/* select */
select{-webkit-appearance: none;appearance: none;background:url(../images/ico_select_arrow.png) right 8px center no-repeat;padding-left:10px;padding-right:25px !important;border:1px solid #8c8c8c;min-width:100px;height:35px;background-size:10px;text-align:center;text-align-last:center;color:#efefef;}
select:active, select:focus{border:1px solid #fff;}
select option{color:#000;}

/* Form */
.form_item{display:block;font-size:1.4rem;padding-bottom:18px;margin:0;/*margin:15px 0;*/}
.form_item label{display:block;margin-bottom:5px;font-size:1.5rem;color:#b3b3b3;}
.form_item:not(.checkbox) input{display:block;width:100%;height:45px;padding:0 10px;border-radius:3px;font-size:16px;font-weight:600;background:#333;color:#fff;}
.upload-file:after{clear:both; display:block; content:"";}
.upload-file {width:100%;display:inline-block; margin:auto;vertical-align: middle;font-size: 17px;}
.upload-file .file_name {height:45px;line-height:47px;color:#888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 140px);font-size:1.3rem;margin-left:10px;}
.upload-file .file_name.bold{font-weight:600;letter-spacing:-1px;}
.upload-file .btn {position: relative;}
label.upload-file input[type="file"] {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.upload-file > span{font-size:1.2rem;}
.form_item .separation{position:relative;display:flex;justify-content:space-between;align-items:stretch;}
.form_item .separation .tit,
.form_item .separation input{display:inline-block;width:calc(100% - 33% - 10px);/*max-width:calc(100% - 230px)*/font-size:1.3rem;}
.form_item .separation .tit{font-size:1.5rem;}
.form_item .separation .btn_grey{position:absolute;right:0;display:inline-block;width:33%;height:45px;line-height:45px;text-align:center;font-size:1.3rem;background:#666;border-radius:5px;font-weight:600;color:#fff;}
.form_item .input_error{font-size:1.3rem;color:#939393;margin-top:5px;}
.form_item:not(.checkbox) input:focus{background:#454545;}
.form_item:not(.checkbox) input:read-only:focus{background:#333;}

/* Header */
.header{background:#000;position:fixed;top:0;width:100%;height:5rem;z-index:10;border:1px solid #333;}
.header_inner{display:flex;align-items:center;padding:5px 15px;max-width:640px;margin:0 auto;height:5rem;position:relative;}
.header_inner .header_logo{display:inline-block;text-align:center;font-size:12px;padding:7px 7px 7px 0;}
.header_inner .header_logo a{display:block;color:#fff;}
.header_inner .header_logo img{height:25px;}
.header_inner .my_motel{display:inline-block;margin-left:10px;}
.header_inner .txt_join{position:absolute;right:1.5rem;top:1.4rem;color:#fff;font-size:1.7rem;}
.header_inner .header_logo .my_name{color:#fff;font-size:1.7rem;margin-left:5px;vertical-align:middle;}

/* GNB */
.nav_drawer{height:100%;overflow:hidden !important;}
.gnb{position:absolute;width:100%;max-width:640px;margin:0 auto;height:5rem;left:0;right:0;top:0;z-index:20;}
.gnb:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.5);display:none;}
.nav_drawer .gnb:after{display:block;}
.btn_menu{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;font-size:0;z-index:20;background:transparent;}
.btn_menu > span,
.btn_menu > span:before,
.btn_menu > span:after{width:22px;height:2px;}
.btn_menu > span{position:relative;display:inline-block;transform:translateY(0);background:#fff;transition: all 0ms .2s;}
.btn_menu > span.open{background:rgba(0,0,0,0)}
.btn_menu > span:before{content:'';position:absolute;left:0;top:-7px;background:#fff;transition: top .2s .2s ease-in-out, transform .2s ease-in-out;}
.btn_menu > span.open:before{top: 0;transform: rotate(45deg);transition: top .2s ease-in-out, transform .2s .2s ease-in-out;background:#939393}
.btn_menu > span:after{content:'';position:absolute;left:0;bottom:-7px;background:#fff;transition: bottom .2s .2s ease-in-out, transform .2s ease-in-out;}
.btn_menu > span.open:after{bottom: 0;transform: rotate(-45deg);transition: bottom .2s ease-in-out, transform .2s .2s ease-in-out;background:#939393;}
.nav{opacity: 0;visibility: hidden;position: fixed;right: 0;top: 0;max-width: 460px;width: 100%;height: 100%;z-index: 10;overflow: hidden;overflow-y:auto;-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1);transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.5s cubic-bezier(0, 0, 0.25, 1);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);transform: translate3d(100%,0,0);background-color: #000;}
.nav_drawer .nav{opacity: 1;visibility: visible;-webkit-transition-delay: 0s;transition-delay: 0s;-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);transform: translate3d(0,0,0);}
.nav_drawer .nav_top .btn_menu{display:none;}
.main_menu{padding:15px 20px;position:relative;z-index:20;background:#000;}
/* .main_menu ul{padding:10px 0;} */
.main_menu > ul > li{line-height:45px;background:#333;border-radius:3px;margin-bottom:10px;}
.main_menu > ul > li:last-child{border-bottom:0;}
.main_menu li:active{background:#454545;transition:all .4s;}
.main_menu li a{position:relative;display:block;padding:3px 20px 3px 30px;font-size:17px;color:#fff;font-weight:700;}
.main_menu li a:after{content:'';position:absolute;right:20px;top:50%;margin-top:-7px;width: 1rem;height: 1.4rem;background: url(../images/ico_right.png) center center no-repeat;background-size: contain; vertical-align: middle;}
.main_menu li .sub_menu{display:none;background:#f9f9f9;padding:20px 0;}
.main_menu li .sub_menu li a{display:block;padding:0 30px;font-size:16px;}
.nav_top{display:flex;justify-content:space-between;align-items:flex-end;padding:15px;width:100%;height:100px;border-bottom:1px solid #333;position:relative;}

.nav_top .btn_logout{font-size:14px;color:#ddd;padding-left:22px;background:url(../images/ico_logout.png) left 1px no-repeat;background-size:15px;position:absolute;right:20px;bottom:12px;}
.nav_top .top_info{position:absolute;left:20px;bottom:13px;}
.nav_top .top_info p{font-size:14px;line-height:20px;color:#fff;}
.nav_top .top_info p:first-child{font-size:12px;color:#939393;}
.nav_top .top_info p.name{font-size:18px;font-weight:800;}
.nav_top .top_info .btn_other{display:inline-block;font-size:13px;border-bottom:1px solid #fff;margin-top:12px;line-height:12px;font-weight:600;color:#fff;}
.customer{font-size:13px;text-align:center;position:absolute;bottom:4%;width:100%;color:#939393;}

/* footer */
.footer{position:absolute;bottom:20px;left:0;right:0;margin:auto;font-size:11px;color:#aaa;text-align:center;z-index:0;}
.footer p{letter-spacing: -1px;}
.footer .company_name{font-size:13px;color:#ddd;letter-spacing:0;cursor:pointer;}
.footer .ico_down{display:inline-block;width:10px;height:10px;margin-left:7px;background:url(../images/ico_down_w.png) center center no-repeat;transition:all .2s;vertical-align:-1px;background-size:16px;}
.footer.show .ico_down{transform:rotate(180deg);vertical-align:-1px;}
.footer .footer_info{display:none;margin-top:5px;}
.footer.show .footer_info{display:block;}

/* Common */
.btn_top{position:fixed;bottom:20px;right:15px;width:45px;height:45px;background:url(../images/btn_top.png) 0 0 no-repeat;background-size:contain;font-size:0;border-radius:50%;}
.button_area{position:absolute;bottom:0;left:0;right:0;margin:auto;width:100%;}
.button_area.half{display:flex;align-items:center;justify-content:space-between;}
.button_area.half .btn_b:first-of-type{background:#aaa;border:1px solid #aaa;}
.button_area.half .btn_b.prev > i{transform:rotate(180deg);margin-right:15px;margin-left:0;}
.txt_white{color:#fff;}
.txt_error{font-size:11px;color:#e50914;font-weight:600;margin-top:5px;}
.txt_ok{font-size:11px;color:#ff9800;font-weight:600;margin-top:5px;}
.time{font-size:13px;float:right;padding:5px 10px 15px;color:#ddd;font-weight:700;letter-spacing:-0.5px;}
.btn_b{display:block;width:100%;color:#fff;text-align:center;background:#e50914;font-size:1.74rem;height:5.5rem;line-height:5rem;font-weight:600;border:1px solid #e50914;}
.btn_b:active,
.btn_pink:active{background:#b70710;border:1px solid #b70710;color:rgba(255,255,255,0.8)}
.btn_b:active i{opacity:0.8}
.btn_b.cancel{background:#666;color:#fff;border:1px solid #666;}
.btn_b > i{display:inline-block;width:1rem;height:1.4rem;margin-left:1.3rem;background:url(../images/ico_right.png) center center no-repeat;background-size:contain;vertical-align:middle;}
h3.main_tit{color:#fff;font-size:2rem;padding-bottom:25px;padding-top:10px;}
h4.sub_tit{font-size:1.5rem;font-weight:700;margin-bottom:2px;color:#b3b3b3;}

/* Popup */
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:20;}
.pop{position:absolute;/*left:0;right:0;*/margin:auto;width:90%;max-width:400px;max-height:640px;background:#000;z-index:20;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius:10px;z-index:25;display:none;border:1px solid #666;overflow:hidden;}
.pop .pop_title{color:#fff;text-align:center;font-size:20px;margin-top:-10px;}
.pop .pop_button{margin:20px auto 0}
.pop .pop_button a{display:inline-block;width:100%;padding:15px;font-size:1.6rem;/*border-bottom-right-radius:5px;border-bottom-left-radius:5px;*/font-weight:600;color:#fff;text-align:center;background:#666;}
.pop .pop_button a:active{background:#525252;color:#bbb;}
.pop .close_pop{position:absolute;right:12px;top:12px;width:24px;height:24px;background:url(../images/ico_close02.png) center center no-repeat;background-size:18px;font-size:0;}
.pop .pop_content{padding:40px 30px 15px;}
.pop .pop_content p{text-align:center;font-size:15px;color:#fff;white-space:normal;word-break:keep-all;}
.pop .pop_content .form_item label{font-size:0;display:none;}
.pop img.img_complete{display:block;width:60px;height:60px;margin:0 auto 20px;text-align:center;}
.pop .pop_button.half{display:flex;align-items:center;justify-content:space-between;}
.pop .pop_button.half > a{width:100%;}
.pop .pop_button.half > a.btn_ok{/*border-bottom-left-radius: 0;*/background:#ddd;color:#555;border-bottom-right-radius:8px;}
.pop .pop_button.half > a.btn_ok:active{background:#bbb;color:#5b5b5b}
.pop .main_tit{text-align:center;padding-top:0;}
.main_menu.admin .search{position:absolute;top:10px;left:20px;right:20px;margin:auto;width:calc(100% - 40px);}
.main_menu.admin > ul{padding-top:55px;}
.main_menu.admin .add ul.typeahead.dropdown-menu{background:#eee;max-height:200px;margin-top:3px;}
.main_menu.admin .add ul.typeahead.dropdown-menu a{color:#333;padding-left:10px;}
.main_menu.admin .add ul.typeahead.dropdown-menu:active{background:#cdcdcd;}
.main_menu.admin .add ul.typeahead.dropdown-menu:active a{color:#fff}
.main_menu.admin .add ul.typeahead.dropdown-menu a:after{display:none;}
.main_menu.admin .search .add input{width:100%;height:50px;border: 1px solid #ddd;background: url(../images/ico_search.png) right center no-repeat;color: #fff;font-size: 17px;padding: 0 10px;caret-color: #fff;}

@media only screen and (min-width: 960px) {
  ::-webkit-input-placeholder {font-size:17px;}
  :-moz-placeholder {font-size:17px;}
  ::-moz-placeholder {font-size:17px;}
  :-ms-input-placeholder {font-size:17px;}
  /* Checkbox, Radio */
  /* Select */
  select{background-size:14px;}
  /* Form */
  .form_item{padding-bottom:32px;}
  .form_item .separation .tit,
  .form_item label{font-size:17px;}
  .form_item .separation .btn_grey{font-size:1.65rem;height:55px;line-height:55px;}
  .card_info .select_card select,
  .form_item .separation input,
  .form_item:not(.checkbox) input,
  .my_info .form_item:not(.checkbox) select{font-size:17px;height:55px;text-align-last:left;}
  .form_item:not(.checkbox) input{padding:0 15px;}
  .form_item .input_error{font-size:16px;margin-top:7px;}
  label.upload-file .file_name{font-size:1.65rem;font-weight:500;padding-left:5px;}
  input[type="checkbox"] + label::before{width:20px;height:20px;}
input:-webkit-autofill {
  background-color: #2b2b2b !important; /* 다크 배경색 (원하는 색으로 바꿔도 됨) */
  color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #333 inset !important;
  transition: background-color 5000s ease-in-out 0s; /* 배경색 깜빡임 방지 */
  caret-color: white; /* 커서 색상도 지정 */
    -webkit-text-fill-color: white !important; /* ← 글자 색 강제 */  
}

/* Header */ 
  .header,
  .header_inner {height:62px;}
  .header_inner{max-width:1200px;}
  .header_inner .header_logo{position:relative;z-index:100;margin-top:-6px;}
  .header_inner .header_logo img{height:35px;}
  .header_inner .txt_join{top:1.8rem;font-size:19px;}
  .header_inner .header_logo .my_name{font-size:19px;margin-left:7px;}
  .btn_menu > span.open:before,
  .btn_menu > span.open:after{background:transparent;transition:all .2s;}

/* GNB */
  .gnb{max-width:1200px;padding-left:75px;height:60px;}
  .btn_menu{width:60px;height:60px;display:none;}
  .nav{position:relative;opacity:1;visibility:visible;max-width:1200px;transition:none;transform:none;overflow:visible;height:auto;background:transparent;}
  .nav_drawer .nav{z-index:30;background:#222;overflow-y:auto;min-height:800px;}
  .nav_drawer .gnb:after{display:none;}
  .nav_drawer .nav_top .btn_menu{display:block;}
  /* .nav_top .btn_menu > span:before,
  .nav_top .btn_menu > span.open:after{background:#000;} */
  .btn_menu > span, .btn_menu > span:before, .btn_menu > span:after{width:26px;height:3px;border-radius:10px;}
  .nav_top .btn_menu > span.open:before,
  .nav_top .btn_menu > span.open:after{background:#fff;}
  .nav_top{display:block;position:relative;padding:0;height:auto;}
  .nav_top .top_info{bottom:-111px;right:30px;left:auto;}
  .nav_top .top_info p:first-child{font-size:0;line-height:30px;}
  .nav_top .top_info p.name{font-size:0;line-height:42px;}
  .nav_top.admin .top_info p.name{font-size:28px;}
  .nav_top .top_info .btn_other{font-size:18px;margin-top:25px;line-height:16px;}
  .nav_top .btn_logout{font-size:15px;line-height:21px;position:absolute;right:25px;bottom:-43px;background:url(../images/ico_logout.png) left 3px no-repeat;background-size:20px;padding-left:20px;color:#bbb;width:25px;height:25px;font-size:0;z-index:10;}
  .main_menu{padding:0;background:transparent;z-index:0;}
  .main_menu ul{padding:0;display:flex;margin-left:10px;}
  .main_menu > ul > li{line-height:normal;background:transparent;margin:0 13px;}
  .main_menu > ul > li:last-child{margin-right:0}
  .main_menu li a{font-size:17px;line-height:60px;padding:0 10px;text-align:center;font-weight:500;}
  .main_menu li a:after{display:none;}
  .customer{font-size:16px;}
  .nav .footer{display:none;}
  .main_menu li.active a{color:#2db0e5;font-weight:900;}


  .main_menu .search{display:none;}
  .main_menu.admin .search{display:block;width:230px;position:absolute;right:60px;left:auto;top:10px;z-index:100;}
  .main_menu.admin .add ul.typeahead.dropdown-menu{background:#eee;height:150px;margin-top:3px;}
  .main_menu.admin .add ul.typeahead.dropdown-menu{width:230px !important;height:100%;overflow-y:auto;display:block;margin-left:0 !important;}
  .main_menu.admin .add ul.typeahead.dropdown-menu li{display:block;color:#000;font-size:15px;height:30px;line-height:30px;padding:0 5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .main_menu.admin .add ul.typeahead.dropdown-menu li.active{background:#ddd;}
  .main_menu.admin .add ul.typeahead.dropdown-menu li a{margin:0;padding:0;line-height:30px;color:#000;font-size:14px;text-align:left;}
  .main_menu.admin .add ul.typeahead.dropdown-menu li.active a{color:#000;font-weight:500;}
  .main_menu.admin > ul{margin-left:0;padding-top:0;}
  .main_menu.admin > ul > li{margin:0 9px}
  .main_menu.admin > ul > li a{padding:0 5px}
  .main_menu.admin .search .add input{height:40px;}


/* Common */
  h3.main_tit{font-size:24px;}
  h4.sub_tit{font-size:18px;margin-bottom:15px;}
  .button_area{bottom:30px;}
  .btn_b{width:100%;max-width:640px;margin:auto;font-size:22px;height:6rem;line-height:6rem;}
  .txt_ok,
  .txt_error{font-size:14px;font-weight:900;margin-left:190px;}

/* Table */

/* Popup */
.pop{border:2px solid #666;}
.pop .pop_content p{font-size:17px;}
.pop .pop_button{margin:30px auto 0;width:100%;max-width:398px;}
.pop .pop_button a{padding:20px;font-size:18px;}
.pop img.img_complete{width:80px;height:80px;margin:0 auto 30px;}
.pop .pop_title{font-size:24px;}
.pop .main_tit{margin-bottom:0;}




}

/* loading */
.loading{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:10;}
.spinner {-webkit-animation: rotator 1.4s linear infinite;animation: rotator 1.4s linear infinite;}

@-webkit-keyframes rotator {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}
}

@keyframes rotator {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(270deg);transform: rotate(270deg);}
}
.path {stroke-dasharray: 187;stroke-dashoffset: 0;-webkit-transform-origin: center;
transform-origin: center;-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;}
@-webkit-keyframes colors {
  0% {stroke: #4285F4;}
  25% {stroke: #DE3E35;}
  50% {stroke: #F7C223;}
  75% {stroke: #1B9A59;}
  100% {stroke: #4285F4;}
}

@keyframes colors {
  0% {stroke: #4285F4;}
  25% {stroke: #DE3E35;}
  50% {stroke: #F7C223;}
  75% {stroke: #1B9A59;}
  100% {stroke: #4285F4;}
}

@-webkit-keyframes dash {
  0% {stroke-dashoffset: 187;}
  50% {stroke-dashoffset: 46.75;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
  100% {stroke-dashoffset: 187;-webkit-transform: rotate(450deg);transform: rotate(450deg);}
}
@keyframes dash {
  0% {stroke-dashoffset: 187;}
  50% {stroke-dashoffset: 46.75;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
  100% {stroke-dashoffset: 187;-webkit-transform: rotate(450deg);transform: rotate(450deg);}
}