@charset "utf-8";
@import url("font.css");

/* base */
* {margin:0; padding:0; line-height:140%; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%; background-color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, span, strong, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif;}
img,fieldset,iframe {border:none;}
li {list-style:none;}
img {vertical-align:top;}
i,em,address {font-style:normal;}
label,button {cursor:pointer;}
hr {display:none;}
a {color:#2f3743; text-decoration:none;}
a:hover {color:#073b77; text-decoration:none;}

/* blind */
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; color:transparent; overflow:hidden;}

/* layout */
body {min-width:320px; word-break:keep-all; word-wrap:break-word; background-color:#fff; -webkit-overflow-scrolling:touch;}
body.modal-scroll {overflow:hidden;}
body.layer-scroll {overflow:hidden;}
body.nav-on {overflow-y:hidden;}
#wrap {overflow:hidden;}
#container {margin-left:270px; min-height:calc(100vh - 0px); padding:100px 40px 60px 40px; background-color:#f7faff; overflow:hidden;}
#contents {position:relative; max-width:100%; margin:0 auto;}

@media (max-width:1200px){
#container {margin-left:0;}
}

@media (max-width:767px){
#container {padding:80px 15px 40px 15px;}
}

/* rows */
.rows {display:flex; flex-wrap:wrap; margin:0 -10px;}
[class*=col-] {width:100%; padding:0 10px;}

@media (min-width:1024px){
.col-m-1 {flex:0 0 auto; width:8.33333333%;}
.col-m-2 {flex:0 0 auto; width:16.66666667%;}
.col-m-3 {flex:0 0 auto; width:25%;}
.col-m-4 {flex:0 0 auto; width:33.33333333%;}
.col-m-5 {flex:0 0 auto; width:41.66666667%;}
.col-m-6 {flex:0 0 auto; width:50%;}
.col-m-7 {flex:0 0 auto; width:58.33333333%;}
.col-m-8 {flex:0 0 auto; width:66.66666667%;}
.col-m-9 {flex:0 0 auto; width:75%;}
.col-m-10 {flex:0 0 auto; width:83.33333333%;}
.col-m-11 {flex:0 0 auto; width:91.66666667%;}
.col-m-12 {flex:0 0 auto; width:100%;}
.rows.type-m-fixed {flex-wrap:nowrap;}
.col-m-fix {-webkit-flex-shrink:0; flex-shrink:0; width:auto;}
.col-m-flow {display:block; width:100%;}
}

@media (min-width:768px){
.col-s-1 {flex:0 0 auto; width:8.33333333%;}
.col-s-2 {flex:0 0 auto; width:16.66666667%;}
.col-s-3 {flex:0 0 auto; width:25%;}
.col-s-4 {flex:0 0 auto; width:33.33333333%;}
.col-s-5 {flex:0 0 auto; width:41.66666667%;}
.col-s-6 {flex:0 0 auto; width:50%;}
.col-s-7 {flex:0 0 auto; width:58.33333333%;}
.col-s-8 {flex:0 0 auto; width:66.66666667%;}
.col-s-9 {flex:0 0 auto; width:75%;}
.col-s-10 {flex:0 0 auto; width:83.33333333%;}
.col-s-11 {flex:0 0 auto; width:91.66666667%;}
.col-s-12 {flex:0 0 auto; width:100%;}
.rows.type-s-fixed {flex-wrap:nowrap;}
.col-s-fix {-webkit-flex-shrink:0; flex-shrink:0; width:auto;}
.col-s-flow {display:block; width:100%;}
}

/* header */
@media (min-width:1024px){
#header .inner .util-nav .user-box .user-menu .m-list li a:hover {color:#3c74ff;}
}
#header {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 1px rgba(0, 0, 0, .15); z-index:1000;}
#header:before {content:""; display:block; position:absolute; top:56px; left:0; width:100%; height:1px; background-color:rgba(255, 255, 255, .2); transition:background .25s ease-in-out;}
#header .header-dim {opacity:0; visibility:hidden; content:""; display:block; position:fixed; top:56px; right:-100%; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .65); transition:all .5s cubic-bezier(0.23, 1, 0.38, 1);}
#header .inner {position:relative; display:flex; align-items:center; justify-content:space-between; height:64px; padding-right:25px; padding-left:25px; background-color:#fff; border-bottom:1px solid rgba(41, 30, 80, .09);}
#header .inner .logo {position:relative;}
#header .inner .logo a {display:block;}
#header .inner .logo a .l-txt {position:relative; display:block; padding-left:105px; color:#ab7614; font-size:12px; font-weight:600; line-height:120%; letter-spacing:-0.01em;}
#header .inner .logo a .l-txt:before {content:""; display:block; position:absolute; top:50%; left:0; width:94px; height:31px; margin-top:-15px; background-image:url('../images/comn/logo-symbol.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%;}
#header .inner .logo a .l-txt strong {display:block; margin-top:1px; color:#6a5741; font-size:20px; font-weight:700; line-height:120%; letter-spacing:-0.024em;}
#header .inner .util-nav {display:flex; align-items:center; justify-content:center;}
#header .inner .util-nav .user-box {position:relative; display:flex; align-items:center; justify-content:center;}
#header .inner .util-nav .user-box .user-profile {position:relative; display:flex; align-items:center; justify-content:center; height:64px;}
#header .inner .util-nav .user-box .user-profile:after {content:""; display:block; width:0; height:0; margin-left:6px; border-top:4px solid #9a9a9a; border-right:4px solid transparent; border-left:4px solid transparent; transition:all .2s ease-out;}
#header .inner .util-nav .user-box .user-profile img {width:36px; height:36px; border-radius:40px;}
#header .inner .util-nav .user-box .user-profile .p-name {margin-left:10px; color:#666; font-size:17px; font-weight:500; line-height:140%;}
#header .inner .util-nav .user-box .user-menu {display:none; position:absolute; top:64px; right:0; width:280px; background-color:#fff; border-radius:6px; box-shadow:1px 1px 8px rgba(0, 0, 0, .08); overflow:hidden;}
#header .inner .util-nav .user-box .user-menu .user-info {display:flex; align-items:center; justify-content:center; padding:20px 20px; background-color:#3c74ff; background:linear-gradient(130deg, #6784ec, #3c74ff);}
#header .inner .util-nav .user-box .user-menu .user-info .user-img {-webkit-flex-shrink:0; flex-shrink:0; margin-right:10px;}
#header .inner .util-nav .user-box .user-menu .user-info .user-img img {width:50px; height:50px; border-radius:50px;}
#header .inner .util-nav .user-box .user-menu .user-info .user-desc {position:relative; display:block; width:100%; word-break:break-all;}
#header .inner .util-nav .user-box .user-menu .user-info .user-desc .d-name {display:block; color:#fff; font-size:16px; font-weight:500; line-height:140%;}
#header .inner .util-nav .user-box .user-menu .user-info .user-desc .d-email {display:block; max-width:180px; color:#c2c6ff; font-size:14px; font-weight:500; line-height:140%; letter-spacing:-0.014em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#header .inner .util-nav .user-box .user-menu .m-list {position:relative; display:flex;}
#header .inner .util-nav .user-box .user-menu .m-list li {flex:1 1 auto; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#header .inner .util-nav .user-box .user-menu .m-list li:nth-child(2n+2) {border-right:none;}
#header .inner .util-nav .user-box .user-menu .m-list li:nth-last-child(-n+2) {border-bottom:none;}
#header .inner .util-nav .user-box .user-menu .m-list li a {display:block; padding:13px 15px; color:#333; font-size:15px; font-weight:500; line-height:140%; text-align:center; background-color:#fff; transition:color .2s ease-out, background .2s ease-out;}
#header .inner .util-nav .user-box .user-menu .m-list li a [class^="ri-"] {margin-right:2px;}
#header .btn-all-menu {display:none; background-color:transparent; border:none; outline:0; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); overflow:hidden; z-index:10;}
#header .btn-all-menu .line {display:block; width:28px; height:2px; margin:0 0 6px 0; border-radius:3px; background:#4e4e4e; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .btn-all-menu .line:last-child {margin-bottom:0;}
#header .btn-all-menu.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .btn-all-menu.active .line {margin:0 0 4px 0;}
#header .btn-all-menu.active .line.nth1 {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(5px, 5px);}
#header .btn-all-menu.active .line.nth2 {opacity:0;}
#header .btn-all-menu.active .line.nth3 {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(4px, -3px);}

@media (max-width:1200px){
#header .btn-all-menu {display:block;}
#header .inner .util-nav .user-box .user-profile:after {display:none;}
#header .inner .util-nav .user-box .user-profile .p-name {display:none;}
}

@media (max-width:767px){
#header .inner {height:56px; padding-right:15px; padding-left:15px;}
#header .inner .logo a .l-txt {margin-top:2px; padding-left:75px; font-size:9px;}
#header .inner .logo a .l-txt:before {width:68px; height:22px; margin-top:-12px;}
#header .inner .logo a .l-txt strong {font-size:14px;}
#header .inner .util-nav .user-box .user-profile {height:56px;}
#header .inner .util-nav .user-box .user-menu {top:56px;}
}

/* sidebar-nav */
@media (min-width:1024px){
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-link:hover {color:#3c74ff; background-color:rgba(60, 116, 255, .09);}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li > a:hover {color:#3c74ff;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li > a:hover:before {border-color:#3c74ff;}
}
.sidebar-nav {position:fixed; top:0; left:0; bottom:0; width:270px; margin-top:64px; background-color:#fff; border-right:1px solid rgba(41, 30, 80, .09); z-index:2;}
.sidebar-nav .sidebar-scroll {height:100%; overflow-y:auto;}
.sidebar-nav .sidebar-scroll .sidebar-menu {position:relative;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list {position:relative; padding:20px 20px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item {position:relative; margin-bottom:3px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item:last-child {margin-bottom:0;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-link {position:relative; display:flex; align-items:center; padding:12px 40px 12px 12px; color:#666; font-size:17px; font-weight:500; line-height:140%; background-color:#fff; border-radius:7px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.selected .sidebar-link,
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.active .sidebar-link {color:#fff; background-color:#3c74ff;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-link [class^="ri-"] {flex-shrink:0; margin-right:6px; font-size:17px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-link .s-txt {flex:1;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.depthY .sidebar-link:after {content:""; display:block; position:absolute; top:22px; right:18px; width:7px; height:7px; border-width:1px 0 0 1px; border-style:solid; border-color:#666; transform:rotate(135deg) translate(0, -50%); transform-origin:top; transition:all .2s ease-out;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.depthY.selected .sidebar-link:after,
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.depthY.active .sidebar-link:after {top:21px; border-color:#fff; transform:rotate(-135deg) translate(0, -50%);}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu {display:none; margin-top:5px; padding:10px 14px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item.selected .sidebar-submenu {display:block;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li {position:relative; margin-bottom:8px;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li:last-child {margin-bottom:0;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li > a {position:relative; display:block; padding-left:18px; color:#666; font-size:16px; font-weight:500; line-height:140%; transition:color .2s ease-out;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li > a:before {content:""; display:block; position:absolute; top:6px; left:0; width:6px; height:6px; border:1px solid #8c8c8c; border-radius:6px; transition:border .2s ease-out;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li.on > a {color:#3c74ff;}
.sidebar-nav .sidebar-scroll .sidebar-menu .sidebar-list .sidebar-item .sidebar-submenu > li.on > a:before {border-color:#3c74ff;}

@media (min-width:1201px){
.sidebar-nav {left:0 !important;}
}

@media (max-width:1200px){
.sidebar-nav {left:-270px;}
}

@media (max-width:767px){
.sidebar-nav {margin-top:56px;}
}

/* footer */
#footer {margin-left:270px; border-top:1px solid rgba(41, 30, 80, .09);}
#footer .inner {display:flex; flex-wrap:wrap; -webkit-box-flex:1; -webkit-flex:1; flex:1; align-items:center; padding:25px 40px;}
#footer .inner .foot-logo {display:flex; -webkit-flex-shrink:0; flex-shrink:0; align-items:center; justify-content:center; width:100%; margin-bottom:20px; text-align:center;}
#footer .inner .foot-logo img {width:auto; height:40px; vertical-align:middle;}
#footer .inner .foot-info {width:100%; text-align:center;}
#footer .inner .foot-info .address {margin-bottom:5px; color:#6f6969; font-size:16px; font-weight:400; line-height:160%; letter-spacing:-0.014em;}
#footer .inner .foot-info .address a {color:#6f6969;}
#footer .inner .foot-info .address span {position:relative; display:block; margin-bottom:3px; line-height:160%;}
#footer .inner .foot-info .address span:last-child {margin-bottom:0;}
#footer .inner .foot-info .copyright {color:#b9b9b9; font-size:15px; font-weight:300; line-height:160%; letter-spacing:-0.014em;}

@media (max-width:1200px){
#footer {margin-left:0;}
}

@media (max-width:767px){
#footer .inner {padding:15px 20px;}
#footer .inner .foot-logo {margin-bottom:15px;}
#footer .inner .foot-logo img {height:30px;}
#footer .inner .foot-info {text-align:center;}
#footer .inner .foot-info .address {font-size:13px;}
#footer .inner .foot-info .copyright {font-size:12px;}
}

/* form style */
.form-input {width:100%; height:46px; padding:12px 12px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #e4e4e4; border-radius:4px; outline:0; transition:border .15s ease; appearance:none;}
.form-input:focus {border:1px solid #6b6b6b;}
.form-input::-webkit-input-placeholder {color:#b6b6b6; font-weight:300;}
.form-input:-ms-input-placeholder {color:#b6b6b6; font-weight:300;}
.form-input::placeholder {color:#b6b6b6; font-weight:300;}
.form-input:read-only {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.form-input[readonly='readonly'] {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.form-input::-ms-clear, .form-input::-ms-reveal {display:none;}
.form-input::-webkit-search-decoration, .form-input::-webkit-search-cancel-button, .form-input::-webkit-search-results-button, .form-input::-webkit-search-results-decoration {display:none;}
.form-textarea {display:block; width:100% !important; min-height:150px; padding:12px 12px; color:#474747; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; border:1px solid #e4e4e4; background-color:#fff; border-radius:4px; outline:0; appearance:none; transition:border .15s ease; font-family:'Pretendard', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Tahoma, Geneva, sans-serif !important;}
.form-textarea:focus {border:1px solid #6b6b6b;}
.form-textarea::-webkit-input-placeholder {color:#b6b6b6; font-weight:300;}
.form-textarea:-ms-input-placeholder {color:#b6b6b6; font-weight:300;}
.form-textarea::placeholder {color:#b6b6b6; font-weight:300;}
.form-textarea:read-only {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.form-textarea[readonly='readonly'] {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.textarea-btm {display:block; margin-top:5px; color:#b7b7b7; font-size:13px; font-weight:400; line-height:140%; text-align:right;}
.textarea-btm .point {color:#666;}
.form-select {width:100%; min-width:200px; height:46px; padding:12px 30px 12px 12px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; background-image:url('../images/ico/ico-select-arr.png'); background-repeat:no-repeat; background-position:calc(100% - 10px) 50%; background-size:12px auto; border:1px solid #e1e3ed; border-radius:4px; outline:0; transition:border .15s ease; appearance:none;}
.form-select::-ms-expand {display:none;}
.form-select:focus {border:1px solid #6b6b6b;}
.form-input:disabled, .form-textarea:disabled, .form-select:disabled {opacity:.7; background-color:#f5f5f5;}
.form-radio, .form-check {position:relative; display:block;}
.form-radio input[type='radio'], .form-check input[type='checkbox'] {display:none;}
.form-radio input[type='radio'] + label, .form-check input[type='checkbox'] + label {position:relative; display:inline-flex; align-items:center; justify-content:center; padding-left:21px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.form-radio input[type='radio'] + label:before, .form-check input[type='checkbox'] + label:before {content:""; display:inline-flex; align-items:center; justify-content:center; position:absolute; top:2px; left:0; width:17px; height:17px; background-image:url('../images/ico/ico-radio-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:17px 17px; transition:background .15s ease; overflow:hidden;}
.form-radio input[type='radio'] + label:before {background-image:url('../images/ico/ico-radio-off.png');}
.form-check input[type='checkbox'] + label:before {background-image:url('../images/ico/ico-chk-off.png');}
.form-radio input[type='radio']:checked + label:before {background-image:url('../images/ico/ico-radio-on.png');}
.form-check input[type='checkbox']:checked + label:before {background-image:url('../images/ico/ico-chk-on.png');}
.form-check input[type='checkbox'] + label {padding-left:23px;}
.form-radio.txt-none, .form-check.txt-none {font-size:0;}
.form-radio.txt-none input[type='radio'] + label, .form-check.txt-none input[type='checkbox'] + label {width:17px; height:17px; padding:0; color:#fff; text-indent:-999em;}
.form-radio.txt-none input[type='radio'] + label:before, .form-check.txt-none input[type='checkbox'] + label:before {position:static;}
.form-file {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.form-file .form-input {margin-right:8px; font-size:13px;}
.form-file label {-webkit-flex-shrink:0; flex-shrink:0; position:relative; display:inline-flex; align-items:center; justify-content:center; width:80px; height:46px; padding:10px 10px; color:#333; font-size:14px; font-weight:400; line-height:140%; text-align:center; background-color:#fff; border:1px solid #ddd; border-radius:4px; outline:0; overflow:hidden;}
.form-file label input[type='file'] {position:absolute; width:1px; height:1px; margin:0; padding:0; border:none; overflow:hidden; clip:rect(0,0,0,0);}
.form-file-img {position:relative;}
.form-file-img .file-view-list {position:relative; margin-bottom:15px;}
.form-file-img .file-view-list ul {display:flex; flex-wrap:wrap; margin-right:-6px; margin-bottom:-6px; overflow-x:auto; overflow-y:hidden;}
.form-file-img .file-view-list ul li {position:relative; width:33.32%; padding-right:6px; padding-bottom:6px;}
.form-file-img .file-view-list .fv-box {position:relative;}
.form-file-img .file-view-list .fv-box .fv-thumb {position:relative; display:block; overflow:hidden;}
.form-file-img .file-view-list .fv-box .fv-thumb:before {content:""; display:block; padding-top:100%;}
.form-file-img .file-view-list .fv-box .fv-thumb img {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); vertical-align:middle; object-fit:cover;}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-del {display:block; position:absolute; top:0; right:0; width:28px; height:28px; background-color:rgba(0, 0, 0, .6); border:none; border-radius:0; overflow:hidden;}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-del:before, .form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-del:after {opacity:.8; content:""; display:block; width:18px; height:1px; background-color:#fff;}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-del:before {transform:rotate(45deg) translate(4px, -3px);}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-del:after {transform:rotate(-45deg) translate(4px, 3px);}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-select {display:inline-flex; align-items:center; justify-content:center; position:absolute; top:8px; left:8px; height:24px; padding:5px 11px; color:rgba(255, 255, 255, .4); font-size:14px; font-weight:400; line-height:140%; background-color:rgba(0, 0, 0, .4); border:none; border-radius:40px; outline:0; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-select.active {color:#fff; background-color:#757fff;}
.form-file-img .file-view-list .fv-box .fv-thumb .btn-thumb-select i {margin-right:3px;}
.form-file-img .btn-file-find {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:46px; padding:10px 10px; color:#333; font-size:16px; font-weight:400; line-height:140%; text-align:center; background-color:#fff; border:1px solid #e4e4e4; border-radius:4px; outline:0; overflow:hidden;}
.form-file-img .btn-file-find input[type='file'] {display:none;}
.form-file-img .btn-file-find i {margin-right:5px; color:#333;}
.form-button {display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:70px; height:46px; padding:5px 15px; color:#fff; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#5971e6; border:1px solid #5971e6; border-radius:4px; overflow:hidden;}
.form-inline {position:relative; display:flex; flex-wrap:nowrap; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:-4px; margin-bottom:-8px; margin-left:-4px;}
.form-inline .form-sec {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-right:4px; padding-bottom:8px; padding-left:4px;}
.form-inline .form-sec.fix {width:auto; -webkit-flex-shrink:0; flex-shrink:0;}
.form-inline .form-sec.line {padding-right:0; padding-left:0;}
.form-inline.type-p-block {flex-wrap:wrap;}
.form-inline.type-center {justify-content:center;}
.form-inline-area {position:relative; width:100%; margin-bottom:-8px;}
.form-radio + .form-inline-area {margin-top:10px; margin-bottom:2px;}
.form-inline-area .form-inline {margin-bottom:0;}
.form-inline-area.type-tab {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; transition:opacity .5s ease-out;}
.form-inline-area.type-tab.on {position:static; width:100%; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}
.form-chk-list {display:flex; flex-wrap:wrap; margin-right:-10px; margin-bottom:-5px;}
.form-chk-list .fc-sec {position:relative; display:inline-flex; flex-wrap:wrap; margin-right:10px; margin-bottom:5px;}
.form-chk-list.type-block .fc-sec {width:100%;}
.form-txt {display:block; line-height:140%;}
.required {color:#ed2121;}
.tbl-form {display:flex; flex-wrap:wrap; border-top:1px solid #4a4a4a;}
.tbl-form .t-row {display:flex; flex-wrap:wrap; width:100%;}
.tbl-form .t-row .t-cell {display:flex; flex-wrap:wrap; flex-flow:column; flex:1 1 40%; padding:22px 20px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.tbl-form .t-row .t-cell:last-child {border-right:none;}
.tbl-form .t-row .t-head {position:relative; display:flex; width:100%; margin-bottom:10px; padding-left:10px; color:#333; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.tbl-form .t-row .t-head:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333; border-radius:4px;}
.tbl-form .t-row .t-head i {-webkit-flex-shrink:0; flex-shrink:0; margin-right:5px;}
.tbl-form .t-row .t-head label, .tbl-form .t-row .t-head .t-tit {display:block; width:100%; font-weight:500; line-height:140%;}
.tbl-form .t-row .t-cont {width:100%; padding:0 8px; color:#333; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.tbl-form .t-row .t-cont .btn-light, .tbl-form .t-row .t-cont .btn-basic, .tbl-form .t-row .t-cont .btn-line {height:43px;}
.tbl-form.type-dot-none .t-row .t-head {padding-left:0;}
.tbl-form.type-dot-none .t-row .t-head:before {display:none;}
.tbl-form.type-dot-none .t-row .t-cont {padding:0;}
.tbl-form.type-table .t-row .t-cell {flex-flow:nowrap; padding:15px 20px;}
.tbl-form.type-table .t-row .t-head {-webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:180px; margin:10px 10px 10px 0;}
.tbl-form.type-table .t-row .t-cont {padding:0; display:flex; align-items:center;}
.tbl-form.type-table .t-row .t-cont.txt-center {justify-content:center;}
.tbl-form.type-table .t-row .t-cont.txt-center .form-txt {text-align:center;}
.tbl-form.type-table .t-row .t-cont .form-txt {margin:10px 0;}
.tbl-form.type-pd-small .t-row .t-cell {padding:17px 15px;}
.form-noti {position:relative; display:block; margin-top:12px; padding-left:22px; color:#a5a5a5; font-size:15px; font-weight:300; line-height:140%;}
.form-noti:before {content:""; display:block; position:absolute; top:1px; left:0; width:18px; height:18px; background-color:#d3d3d3; background-image:url('../images/ico/ico-noti-mark-white.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:auto 11px; border-radius:20px;}
.form-input-clear {position:relative; width:100%;}
.form-input-clear .form-input {padding-right:45px;}
.form-input-clear .form-input:read-only + .btn-input-clear {visibility:hidden; display:none;}
.form-input-clear .form-input[readonly='readonly'] + .btn-input-clear {visibility:hidden; display:none;}
.form-input-clear .btn-input-clear {visibility:hidden; display:block; position:absolute; top:50%; right:12px; width:22px; height:22px; margin-top:-11px; background:#cfcfcf url('../images/ico/ico-input-clear.png') no-repeat 50% 50%; background-size:10px auto; border:none; border-radius:30px; outline:0; overflow:hidden;}

@media (max-width:1200px){
.tbl-form.type-table .t-row .t-head {min-width:120px;}
}

@media (max-width:767px){
.form-input {max-width:100% !important; height:42px; padding:10px 12px;}
.form-input::-webkit-input-placeholder {font-size:14px;}
.form-input:-ms-input-placeholder {font-size:14px;}
.form-input::placeholder {font-size:14px;}
.form-select {min-width:auto; height:42px; padding:10px 30px 10px 12px;}
.form-textarea::-webkit-input-placeholder {font-size:14px;}
.form-textarea:-ms-input-placeholder {font-size:14px;}
.form-textarea::placeholder {font-size:14px;}
.form-file label {height:42px;}
.form-file-img .file-view-list {margin-bottom:5px;}
.form-file-img .file-view-list ul {flex-wrap:nowrap; margin:0 -20px; padding-bottom:10px; white-space:nowrap;}
.form-file-img .file-view-list ul li {width:auto; padding-right:4px; padding-bottom:0;}
.form-file-img .file-view-list ul li:first-child {padding-left:20px;}
.form-file-img .file-view-list ul li:last-child {padding-right:20px;}
.form-file-img .file-view-list .fv-box {width:130px;}
.form-file-img .btn-file-find {height:42px; font-size:15px;}
.form-button {height:42px; font-size:14px;}
.form-inline.type-m-block {flex-wrap:wrap;}
.form-inline.type-m-fix .form-sec.fix {width:100%;}
.form-inline.type-m-fix .form-sec.fix .btn-light, .form-inline.type-m-fix .form-sec.fix .btn-basic, .form-inline.type-m-fix .form-sec.fix .btn-line {width:100%;}
.form-inline.type-m-block.type-address .form-sec:first-child {max-width:160px !important;}
.tbl-form .t-row {flex-flow:column;}
.tbl-form .t-row .t-cell {flex:1 1 100%; padding:14px 12px; border-right:none;}
.tbl-form .t-row .t-head {margin-bottom:8px; padding-left:8px; font-size:15px;}
.tbl-form .t-row .t-head:before {top:9px;}
.tbl-form .t-row .t-cont {font-size:15px;}
.tbl-form .t-row .t-cont .btn-light, .tbl-form .t-row .t-cont .btn-basic, .tbl-form .t-row .t-cont .btn-line {height:40px;}
.tbl-form.type-table .t-row .t-cell {flex-flow:column; padding:15px 12px;}
.tbl-form.type-table .t-row .t-head {min-width:110px; margin:0 0 8px 0;}
.tbl-form.type-table .t-row .t-cont {padding:0 8px; display:flex; align-items:center;}
.tbl-form.type-table .t-row .t-cont.txt-center {justify-content:center;}
.tbl-form.type-table .t-row .t-cont.txt-center .form-txt {text-align:center;}
.tbl-form.type-table .t-row .t-cont .form-txt {margin:0;}
.tbl-form.type-m-inline .t-row .t-cell {flex-flow:nowrap; padding:5px 12px;}
.tbl-form.type-m-inline .t-row .t-head {-webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:100px; margin:10px 10px 10px 0; font-size:14px;}
.tbl-form.type-m-inline .t-row .t-head:before {top:8px;}
.tbl-form.type-m-inline .t-row .t-cont {font-size:14px;}
.tbl-form.type-m-inline .t-row .t-cont .form-txt {margin:10px 0;}
.tbl-form.type-pd-small .t-row .t-cell {padding:14px 12px;}
.form-input-clear .btn-input-clear {width:20px; height:20px; margin-top:-10px;}
.form-noti {margin-top:10px; padding-left:20px; font-size:13px;}
.form-noti:before {top:0; width:16px; height:16px; background-size:auto 9px;}
}

/* review-write-area */
@media (min-width:1024px){
.review-write-more .btn-rw-more:hover {background-color:#e6e6e6; border-color:#e6e6e6;}
.review-write-area .review-write-sec .rw-control .btn-rw-control:hover {background-color:#f9f9f9;}
}
.review-write-area {position:relative;}
.review-write-area .review-write-sec {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; flex-flow:column; position:relative; padding:25px 20px; border-bottom:1px solid #ddd;}
.review-write-area .review-write-sec:first-child {border-top:1px solid #4a4a4a;}
.review-write-area .review-write-sec .review-write-box {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; flex-flow:nowrap; width:100%;}
.review-write-area .review-write-sec .review-write-box .rw-photo {-webkit-flex-shrink:0; flex-shrink:0; width:200px; padding-right:20px;}
.review-write-area .review-write-sec .review-write-box .rw-photo .btn-photo-find {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:46px; padding:10px 10px; color:#5971e6; font-size:16px; font-weight:400; line-height:140%; text-align:center; background-color:#fff; border:1px solid #b4bef3; border-radius:4px; outline:0; overflow:hidden;}
.review-write-area .review-write-sec .review-write-box .rw-photo .btn-photo-find i {margin-right:5px; color:#5971e6;}
.review-write-area .review-write-sec .review-write-box .rw-photo .btn-photo-find em {margin-left:5px; color:#8997dc; font-size:14px;}
.review-write-area .review-write-sec .review-write-box .rw-detail {width:100%;}
.review-write-area .review-write-sec .review-write-box .rw-detail .form-textarea {min-height:138px;}
.review-write-area .review-write-sec .rw-control {display:flex; align-items:center; justify-content:flex-end; -webkit-flex-shrink:0; flex-shrink:0; flex-flow:nowrap; margin-top:15px; margin-right:auto; margin-left:auto;}
.review-write-area .review-write-sec .rw-control:after {content:""; display:block; clear:both;}
.review-write-area .review-write-sec .rw-control .btn-rw-control {display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #e1e1e1; border-radius:45px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.review-write-area .review-write-sec .rw-control .btn-rw-control.up, .review-write-area .review-write-sec .rw-control .btn-rw-control.down {font-size:20px;}
.review-write-area .review-write-sec .rw-control .rw-control-side {display:flex; margin-left:6px;}
.review-write-area .review-write-sec .rw-control .rw-control-side.left {margin-left:0;}
.review-write-area .review-write-sec .rw-control .rw-control-side [class^="btn-"] {margin-left:6px;}
.photo-view-img {position:relative; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:15px; overflow:hidden;}
.photo-view-img .photo-view-list {position:relative; width:100%;}
.photo-view-img .photo-view-list .pv-sec {width:100%;}
.photo-view-img .photo-view-list .pv-sec .pv-box {position:relative;}
.photo-view-img .photo-view-list .pv-sec .pv-box .pv-thumb {position:relative; display:block; overflow:hidden;}
.photo-view-img .photo-view-list .pv-sec .pv-box .pv-thumb:before {content:""; display:block; padding-top:100%;}
.photo-view-img .photo-view-list .pv-sec .pv-box .pv-thumb img {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%); vertical-align:middle; object-fit:cover;}
.photo-view-img .pv-thumb-title {position:absolute; top:0; left:0; display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 14px; color:#fff; font-size:15px; font-weight:400; line-height:140%; background-color:rgba(0, 0, 0, .5); border-radius:0 0 6px 0; z-index:1;}
.photo-view-img .pv-thumb-page {display:none; position:absolute; bottom:6px; right:6px; left:auto; flex-wrap:wrap; align-items:center; justify-content:center; width:auto; height:24px; padding:0 10px; color:rgba(255, 255, 255, .8); font-size:13px; font-weight:400; line-height:100%; background-color:rgba(0, 0, 0, .5); border-radius:30px; z-index:1;}
.photo-view-img .pv-thumb-page.swiper-pagination-fraction {display:inline-flex;}
.photo-view-img .pv-thumb-prev, .photo-view-img .pv-thumb-next {display:block; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; border:none; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:12px auto; overflow:hidden; z-index:1; transition:opacity .15s ease-out;}
.photo-view-img .pv-thumb-prev {left:0; background-image:url('../images/ico/ico-thumb-arr-prev.png');}
.photo-view-img .pv-thumb-next {right:0; background-image:url('../images/ico/ico-thumb-arr-next.png');}
.photo-view-img .pv-thumb-prev.swiper-button-disabled, .photo-view-img .pv-thumb-next.swiper-button-disabled {opacity:0; cursor:auto;}
.photo-view-img.slide-off .pv-thumb-prev, .photo-view-img.slide-off .pv-thumb-next {display:none;}
.review-write-more {margin-top:20px; text-align:center;}
.review-write-more .btn-rw-more {display:inline-flex; align-items:center; justify-content:center; height:40px; padding:5px 15px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.review-write-more .btn-rw-more em {margin-left:5px; color:#666; font-size:13px;}
.review-write-more .btn-rw-more i {margin-left:3px;}

@media (max-width:767px){
.review-write-area .review-write-sec {padding:20px 5px;}
.review-write-area .review-write-sec .review-write-box {flex-flow:column;}
.review-write-area .review-write-sec .review-write-box .rw-photo {width:100%; margin-bottom:10px; padding-right:0;}
.review-write-area .review-write-sec .review-write-box .rw-photo .btn-photo-find {font-size:15px;}
.review-write-area .review-write-sec .review-write-box .rw-detail .form-textarea {min-height:120px;}
.review-write-area .review-write-sec .rw-control {display:block; justify-content:space-between; margin-top:15px;}
.review-write-area .review-write-sec .rw-control .btn-rw-control {width:40px; height:40px; font-size:15px;}
.review-write-area .review-write-sec .rw-control .btn-rw-control.up, .review-write-area .review-write-sec .rw-control .btn-rw-control.down {font-size:18px;}
.review-write-area .review-write-sec .rw-control .rw-control-side.left {float:left; margin-top:-2px;}
.review-write-area .review-write-sec .rw-control .rw-control-side.right {float:right;}
.review-write-area .review-write-sec .rw-control .rw-control-side.left [class^="btn-"] {margin-left:0; margin-right:6px;}
.photo-view-img {width:180px; margin-right:auto; margin-left:auto;}
.photo-view-img .pv-thumb-title {padding:5px 13px; font-size:14px;}
.photo-view-img .pv-thumb-page {bottom:5px; right:5px; height:21px; padding:2px 8px; font-size:11px;}
.photo-view-img .pv-thumb-prev, .photo-view-img .pv-thumb-next {display:none;}
.review-write-more {margin-top:15px;}
.review-write-more .btn-rw-more {height:38px; padding:5px 12px; font-size:15px;}
.review-write-more .btn-rw-more em {font-size:13px;}
}

/* login-wrap */
@media (min-width:1024px){
.btn-login:not(:disabled):hover {background-color:#2d62e5;}
}
.login-wrap {position:relative; display:flex; align-items:stretch; justify-content:center; min-height:100vh; background-color:#eff3fd; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.login-wrap .login-visual {position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%;}
.login-wrap .login-visual:before {opacity:.18; content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#fff; background-image:url('../images/comn/bg-login-visual.jpg'); background-repeat:no-repeat; background-position:50% 100%; background-size:cover;}
.login-wrap .login-control {position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; -webkit-flex-shrink:0; flex-shrink:0; max-width:660px; padding:5% 5%; background-color:#fff;}
.login-wrap .login-logo {position:absolute; top:20px; left:20px;}
.login-wrap .login-logo img {display:block; max-width:300px; width:auto; height:auto; vertical-align:middle;}
.login-wrap .login-area {position:relative; max-width:450px; margin:0 auto;}
.login-wrap .login-area .login-box {position:relative; background-color:#fff; overflow:hidden;}
.login-wrap .login-area .login-box .login-head {margin-bottom:30px; text-align:left;}
.login-wrap .login-area .login-box .login-head .login-title {color:#333; font-size:30px; font-weight:300; line-height:130%; letter-spacing:-0.024em;}
.login-wrap .login-area .login-box .login-head .login-title strong {font-weight:500;}
.login-wrap .login-area .login-box .login-head .login-title img {display:block; max-width:240px; width:auto; height:auto; margin:0 auto; vertical-align:middle;}
.login-wrap .login-area .login-box .login-body {position:relative;}
.login-input {width:100%; height:56px; padding:15px 15px; color:#333; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; border:1px solid #e1e3ed; border-radius:7px; outline:0; transition:border .15s ease; appearance:none;}
.login-input:focus {border:1px solid #6b6b6b;}
.login-input::-webkit-input-placeholder {color:#b6b6b6; font-weight:300;}
.login-input:-ms-input-placeholder {color:#b6b6b6; font-weight:300;}
.login-input::placeholder {color:#b6b6b6; font-weight:300;}
.login-input:read-only {background-color:#f8f8f8; border-color:#e9e9e9;}
.login-input[readonly='readonly'] {background-color:#f8f8f8; border-color:#e9e9e9;}
.login-footer {margin-top:30px; padding:0 10px;}
.login-footer .address {margin-bottom:8px; color:#8c8c96; font-size:14px; font-weight:400; line-height:160%; letter-spacing:-0.014em; text-align:center;}
.login-footer .address a {color:#8c8c96;}
.login-footer .address span {position:relative; display:block; margin-bottom:2px; line-height:160%;}
.login-footer .address span:last-child {margin-bottom:0;}
.login-footer .copyright {display:block; color:#bdbdbd; font-size:14px; font-weight:300; line-height:160%; text-align:center;}
.login-form {display:flex; flex-wrap:wrap;}
.login-form .l-row {display:flex; flex-wrap:wrap; width:100%; margin-bottom:15px;}
.login-form .l-row:last-child {margin-bottom:0;}
.login-form .l-row .l-head {width:100%; margin-bottom:5px; color:#333; font-size:16px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.login-form .l-row .l-head label {font-weight:500; line-height:140%;}
.login-form .l-row .l-cont {width:100%; color:#333; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.login-side {margin-top:15px; text-align:right;}
.login-side .form-check input[type='checkbox'] + label {padding-left:25px; font-size:16px;}
.login-side .form-check input[type='checkbox'] + label:before {width:18px; height:18px; background-size:18px 18px;}
.login-btn-area {margin-top:20px;}
.btn-login {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:68px; padding:10px 10px; color:#fff; font-size:20px; font-weight:500; line-height:140%; text-align:center; background-color:#3c74ff; border:none; border-radius:10px; outline:0; box-shadow:none; appearance:none; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-login:not(:disabled):active {background-color:#2d62e5;}
.login-noti {margin-top:30px;}
.login-noti p {position:relative; margin-bottom:10px; color:#848484; font-size:16px; font-weight:400; line-height:150%; letter-spacing:-0.01em; text-align:center;}
.login-noti p:last-child {margin-bottom:0;}
.login-noti p strong {color:#4d5aef; font-weight:400;}
.login-noti p a {color:#666;}
.custom-textarea {position:relative; border:1px solid #e4e4e4; border-radius:4px; overflow:hidden;}
.custom-textarea .form-textarea {border:none; resize:none;}
.custom-textarea .textarea-btm {display:flex; align-items:center; justify-content:flex-end; height:40px; margin:0; padding:0 12px;}

@media (max-width:1023px){
.login-wrap {flex-wrap:wrap; padding:90px 90px;}
.login-wrap .login-visual {position:absolute; top:0; left:0; width:100%; height:90px;}
.login-wrap .login-visual:before {display:none;}
.login-wrap .login-control {max-width:100%; width:100%; padding:0; background-color:transparent;}
.login-wrap .login-area .login-box {padding:50px 40px; border-radius:20px; box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, .03);}
}

@media (max-width:767px){
.login-wrap {padding:75px 20px 40px 20px;}
.login-wrap .login-logo img {max-width:200px;}
.login-wrap .login-area {max-width:400px;}
.login-wrap .login-area .login-box {padding:40px 30px; border-radius:15px;}
.login-wrap .login-area .login-box .login-head {margin-bottom:20px;}
.login-wrap .login-area .login-box .login-head .login-title {font-size:22px;}
.login-input {height:48px; padding:15px 15px; font-size:16px; border-radius:6px;}
.login-footer {margin-top:20px;}
.login-footer .address {margin-bottom:6px; font-size:13px;}
.login-footer .copyright {font-size:12px;}
.login-side .form-check input[type='checkbox'] + label {padding-left:24px; font-size:15px;}
.login-side .form-check input[type='checkbox'] + label:before {top:1px; width:18px; height:18px; background-size:18px 18px;}
.login-form .l-row {margin-bottom:10px;}
.login-btn-area {margin-top:15px;}
.btn-login {height:56px; font-size:18px; border-radius:7px;}
.login-side {margin-top:12px;}
.login-noti {margin-top:20px;}
.login-noti p {font-size:14px;}
.custom-textarea .textarea-btm {height:33px; font-size:12px;}
}

/* error-wrap */
@media (min-width:1024px){
.error-wrap .error-button .btn-link:hover {background-color:#f8f8f8;}
}
.error-wrap {position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; min-height:100vh; padding:100px 60px 100px 60px; background-color:#f2f7fd; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.error-wrap .error-logo, .error-wrap .error-box {max-width:830px;}
.error-wrap .error-logo {position:relative; width:100%; margin-bottom:15px;}
.error-wrap .error-logo img {display:block; max-width:300px; width:auto; height:auto; vertical-align:middle;}
.error-wrap .error-box {display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%; min-height:400px; margin:10px auto; padding:80px 60px; text-align:left; background-color:#fff; background-repeat:no-repeat; background-position:right -60px top -60px; background-size:260px auto; border-radius:30px; box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, .025);}
.error-wrap .error-box .error-head {position:relative; width:100%; margin-bottom:25px;}
.error-wrap .error-box .error-head .error-title {position:relative; display:inline-flex; padding-left:55px; color:#474747; font-size:34px; font-weight:600; line-height:140%; letter-spacing:-0.024em;}
.error-wrap .error-box .error-head .error-title:before {content:""; display:block; position:absolute; top:6px; left:0; width:43px; height:38px; background-image:url('../images/ico/ico-warning.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:43px 38px;}
.error-wrap .error-box .error-cont {position:relative; width:100%;}
.error-wrap .error-box .error-cont .txt {margin-bottom:10px; color:#4f4f4f; font-size:20px; font-weight:400; line-height:160%; letter-spacing:-0.02em;}
.error-wrap .error-box .error-cont .txt:last-child {margin-bottom:0;}
.error-wrap .error-box .error-cont .txt strong {color:#6b6bd9; font-weight:400;}
.error-wrap .error-box .error-inspect {position:relative; margin-top:40px;}
.error-wrap .error-box .error-inspect .tit {position:relative; color:#474747; font-size:19px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center;}
.error-wrap .error-box .error-inspect .tit:before {content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#d9d9d9;}
.error-wrap .error-box .error-inspect .tit span {position:relative; padding:0 15px; line-height:140%; background-color:#fff;}
.error-wrap .error-box .error-inspect ul {margin-top:25px; padding:0 10px;}
.error-wrap .error-box .error-inspect ul li {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:10px; color:#4f4f4f; font-size:19px; font-weight:300; line-height:140%; letter-spacing:-0.01em; text-align:left;}
.error-wrap .error-box .error-inspect ul li:last-child {margin-bottom:0;}
.error-wrap .error-box .error-inspect ul li .dot {position:relative; display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:5px; padding-left:10px; line-height:140%;}
.error-wrap .error-box .error-inspect ul li .dot:before {content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#4f4f4f; border-radius:3px;}
.error-wrap .error-box .error-inspect ul li .cont {display:block; width:100%; line-height:140%;}
.error-wrap .error-button {width:100%; margin-top:40px;}
.error-wrap .error-button .btn-link {display:inline-flex; align-items:center; justify-content:center; height:46px; padding:8px 20px; color:#555; font-size:19px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #d9d9d9; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.error-wrap .error-button .btn-link:disabled {opacity:.55; cursor:auto;}
.error-wrap .error-box.type-center {text-align:center;}
.error-footer {margin-top:20px;}
.error-footer .address {margin-bottom:8px; color:#8c8c96; font-size:14px; font-weight:400; line-height:160%; letter-spacing:-0.014em; text-align:center;}
.error-footer .address a {color:#8c8c96;}
.error-footer .address span {position:relative; display:block; margin-bottom:2px; line-height:160%;}
.error-footer .address span:last-child {margin-bottom:0;}
.error-footer .copyright {display:block; color:#8c8c96; font-size:13px; font-weight:300; line-height:140%; text-align:center;}

@media (max-width:767px){
.error-wrap {padding:40px 20px 40px 20px;}
.error-wrap .error-logo, .error-wrap .error-box {max-width:400px;}
.error-wrap .error-logo {margin-bottom:5px;}
.error-wrap .error-logo img {max-width:180px;}
.error-wrap .error-box {min-height:auto; padding:40px 30px; border-radius:12px;}
.error-wrap .error-box .error-head {margin-bottom:12px;}
.error-wrap .error-box .error-head .error-title {padding-left:33px; font-size:21px;}
.error-wrap .error-box .error-head .error-title:before {top:3px; width:27px; height:24px; background-size:27px 24px;}
.error-wrap .error-box .error-cont .txt {margin-bottom:5px; font-size:14px;}
.error-wrap .error-box .error-inspect {margin-top:20px;}
.error-wrap .error-box .error-inspect .tit {font-size:13px;}
.error-wrap .error-box .error-inspect .tit span {padding:0 10px;}
.error-wrap .error-box .error-inspect ul {margin-top:15px; padding:0 5px;}
.error-wrap .error-box .error-inspect ul li {font-size:13px;}
.error-wrap .error-box .error-inspect ul li .dot {padding-left:7px;}
.error-wrap .error-box .error-inspect ul li .dot:before {top:9px; width:2px; height:2px;}
.error-wrap .error-button {margin-top:20px;}
.error-wrap .error-button .btn-link {height:34px; padding:8px 14px; font-size:13px; border-radius:4px;}
.error-footer {margin-top:10px;}
.error-footer .address {margin-bottom:6px; font-size:12px;}
.error-footer .copyright {font-size:11px;}
}

/* page-top */
.page-top {position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-bottom:25px;}
.page-top .page-title {color:#3c465b; font-size:26px; font-weight:600; line-height:140%; letter-spacing:-0.024em;}
.page-top .page-location {display:flex;}
.page-top .page-location > li {position:relative; padding-right:10px; padding-left:10px; color:#575d65; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em;}
.page-top .page-location > li:first-child {padding-left:0; opacity:.75;}
.page-top .page-location > li:last-child {padding-right:0;}
.page-top .page-location > li:after {content:""; display:block; position:absolute; top:5px; right:-3px; width:6px; height:10px; background-image:url('../images/ico/ico-location-arr.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:6px 10px;}
.page-top .page-location > li:last-child:after {display:none;}

@media (max-width:767px){
.page-top {margin-bottom:18px;}
.page-top .page-title {font-size:20px;}
.page-top .page-location > li {padding-right:8px; padding-left:8px; font-size:13px;}
.page-top .page-location > li:after {width:5px; height:8px; background-size:5px 8px;}
}

/* toast-message */
.toast-message {display:none; position:fixed; top:57px; right:25px; z-index:10000;}
.toast-message .toast-box {position:relative; margin-bottom:10px; padding:15px 50px 15px 20px; background-color:#fff4e0; border:1px solid #ffe4b3; border-radius:8px; box-shadow:1px 1px 5px rgba(0, 0, 0, .05);}
.toast-message .toast-box:last-child {margin-bottom:0;}
.toast-message .toast-box .toast-txt {color:#533808; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.014em;}
.toast-message .toast-box .toast-txt strong {font-weight:500;}
.toast-message .toast-box .btn-toast-close {position:absolute; top:12px; right:13px; display:block; width:28px; height:28px; background-color:transparent; border:none; outline:0; overflow:hidden;}
.toast-message .toast-box .btn-toast-close .line {display:block; width:21px; height:1px; background-color:#a69473;}
.toast-message .toast-box .btn-toast-close .line.nth1 {transform:rotate(45deg) translate(3px, -2px);}
.toast-message .toast-box .btn-toast-close .line.nth2 {transform:rotate(-45deg) translate(3px, 2px);}

@media (max-width:767px){
.toast-message {top:auto; bottom:30%; right:15px; left:15px; transform:translateY(50%);}
.toast-message .toast-box {max-width:320px; margin-right:auto; margin-left:auto; padding:15px 15px 15px 15px; text-align:center;}
.toast-message .toast-box .toast-txt {font-size:14px;}
.toast-message .toast-box .btn-toast-close {top:12px; right:10px; display:none;}
.toast-message .toast-box .btn-toast-close .line {width:17px;}
.toast-message .toast-box .btn-toast-close .line.nth1 {transform:rotate(45deg) translate(4px, -3px);}
.toast-message .toast-box .btn-toast-close .line.nth2 {transform:rotate(-45deg) translate(4px, 3px);}
}

/* panel-box */
.panel-box {position:relative; margin-bottom:20px; padding:25px 30px 30px 30px; background-color:#fff; border:1px solid #e9e9f2; border-radius:8px;}
.panel-box:last-child {margin-bottom:0;}
.panel-box .panel-head {position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; border-radius:8px 8px 0 0; background-color:#fff;}
.panel-box .panel-head .panel-tit {position:relative; color:#3b3b55; font-size:20px; font-weight:600; line-height:140%; letter-spacing:-0.014em;}
.panel-box .panel-body {position:relative; font-size:17px; font-weight:400; line-height:140%;}
.section {position:relative; margin-bottom:30px;}
.section:last-child {margin-bottom:0;}
.sec-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:15px;}
.sec-top .sec-tit {position:relative; display: inline; padding-left:18px; color:#3b3b55; font-size:18px; font-weight:500; line-height:140%; letter-spacing:-0.01em;}
.sec-top .sec-tit:before {content:""; position:absolute; top:7px; left:0; width:6px; height:6px; background-color:#fff; border:3px solid #5d8cff; border-radius:10px;}
.floor-alert {position:relative; max-width:500px; margin-right:auto; margin-bottom:30px; margin-left:auto; padding:45px 40px; font-size:17px; font-weight:400; line-height:140%; background-color:#fff; border:1px solid #e9e9f2; border-radius:8px;}
.floor-alert:last-child {margin-bottom:0;}
.floor-alert .floor-tit {position:relative; margin-bottom:10px; color:#3b3b55; font-size:22px; font-weight:500; line-height:140%; letter-spacing:-0.014em; text-align:center;}
.floor-alert .floor-txt {position:relative; text-align:center;}
.floor-alert .floor-txt p {margin-bottom:10px; color:#333; font-size:17px; font-weight:400; line-height:160%; letter-spacing:-0.01em;}
.floor-alert .floor-txt p:last-child {margin-bottom:0;}
.floor-alert .floor-sign {margin-top:25px;}
.floor-alert .floor-sign canvas {display:block; width:100%; height:200px; border:1px solid #e7e7e7; background-color:#fff; background-image:url('../images/comn/sign-background.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:auto 49px;}
.floor-alert .floor-sign .fs-control {display:flex; justify-content:flex-end; margin-top:10px; margin-right:-5px; margin-left:-5px;}
.floor-alert .floor-sign .fs-control button {margin:0 5px;}
.floor-alert .floor-textarea {margin-top:25px;}
.floor-alert .floor-agree {margin-top:25px; padding-top:25px; border-top:1px solid #eee;}
.floor-alert .floor-agree .form-chk-list {justify-content:center; margin-right:-15px;}
.floor-alert .floor-agree .form-chk-list .fc-sec {margin-right:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label, .floor-alert .floor-agree .form-check input[type='checkbox'] + label {padding-left:22px; font-size:16px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label:before, .floor-alert .floor-agree .form-check input[type='checkbox'] + label:before {width:18px; height:18px; background-size:18px;}
.modal-wrap .floor-alert {padding:20px 20px 10px 20px; border:none;}

@media (max-width:767px){
.panel-box {padding:20px 15px 25px 15px; border-radius:6px;}
.panel-box .panel-head {margin-bottom:20px; border-radius:6px 6px 0 0;}
.panel-box .panel-head .panel-tit {font-size:18px;}
.panel-box .panel-head .button-group .btn-bg {padding:5px 8px; font-size:13px;}
.panel-box .panel-body {font-size:15px;}
.section {margin-bottom:25px;}
.sec-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
.sec-top .sec-tit {padding-left:15px; font-size:16px;}
.sec-top .sec-tit:before {top:6px; width:6px; height:6px; border-width:2px;}
.floor-alert {padding:30px 20px; font-size:15px; border-radius:6px;}
.floor-alert .floor-tit {margin-bottom:10px; font-size:20px;}
.floor-alert .floor-txt p {font-size:15px;}
.floor-alert .floor-sign {margin-top:20px;}
.floor-alert .floor-sign canvas {height:170px;}
.floor-alert .floor-textarea {margin-top:20px;}
.floor-alert .floor-textarea .form-textarea {min-height:120px;}
.floor-alert .floor-agree {margin-top:20px; padding-top:25px;}
.floor-alert .floor-agree .form-chk-list {margin-right:-15px;}
.floor-alert .floor-agree .form-chk-list .fc-sec {margin-right:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label, .floor-alert .floor-agree .form-check input[type='checkbox'] + label {padding-left:21px; font-size:15px;}
.floor-alert .floor-agree .form-radio input[type='radio'] + label:before, .floor-alert .floor-agree .form-check input[type='checkbox'] + label:before {width:17px; height:17px; background-size:17px;}
.modal-wrap .floor-alert {padding:10px 5px 0 5px;}
}

/* tab style */
.tab-basic {position:relative; margin:0 -30px 6px -30px; text-align:left; overflow:hidden;}
.tab-basic:before, .tab-basic:after {content:""; display:none; position:absolute; top:0; width:20px; height:42px; z-index:1;}
.tab-basic:before {left:0; background-image:-webkit-gradient(linear, left top, right top, from(#fff), to(transparent)); background-image:-webkit-linear-gradient(left, #fff 0, transparent 100%); background-image:linear-gradient(to right, #fff 0, transparent 100%);}
.tab-basic:after {right:0; background-image:-webkit-gradient(linear, right top, left top, from(#fff), to(transparent)); background-image:-webkit-linear-gradient(right, #fff 0, transparent 100%); background-image:linear-gradient(to left, #fff 0, transparent 100%);}
.tab-basic ul {display:flex; flex-wrap:nowrap; padding-bottom:13px; overflow-x:auto; overflow-y:hidden;}
.tab-basic ul li {position:relative; padding-right:6px; padding-left:6px;}
.tab-basic ul li:first-child {padding-left:30px;}
.tab-basic ul li:last-child {padding-right:30px;}
.tab-basic ul li a {display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:45px; padding:12px 20px; color:#333; font-size:17px; font-weight:400; line-height:140%; text-align:center; white-space:nowrap; background-color:#fff; border:1px solid #e0e0e0; border-radius:42px; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.tab-basic ul li.on a {color:#fff; font-weight:500; background-color:#333; border-color:#333;}
.tab-nav {position:relative; max-width:350px; margin-bottom:15px;}
.tab-nav ul {display:flex;}
.tab-nav ul li {flex:1 1 auto;}
.tab-nav ul li a {display:flex; align-items:center; justify-content:center; margin-right:-1px; height:50px; color:#7f7f7f; font-size:19px; font-weight:400; line-height:140%; background-color:#fff; border:1px solid #d6dce5; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.tab-nav ul li:first-child a {border-top-left-radius:8px; border-bottom-left-radius:8px;}
.tab-nav ul li:last-child a {border-top-right-radius:8px; border-bottom-right-radius:8px;}
.tab-nav ul li.on a {color:#fff; font-weight:500; background-color:#3c74ff; border-color:#3c74ff;}
.jq-tab-cont {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; overflow:hidden; transition:opacity .5s ease-out;}
.jq-tab-cont.on {position:static; width:auto; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}
.jq-tab-group {position:absolute; width:0; height:0; visibility:hidden; filter:alpha(opacity=0); opacity:0; overflow:hidden; transition:opacity .5s ease-out;}
.jq-tab-group.on {position:static; width:auto; height:auto; visibility:visible; filter:alpha(opacity=100); opacity:1;}

@media (max-width:767px){
.tab-basic {margin:0 -15px 2px -15px;}
.tab-basic ul {padding-bottom:10px;}
.tab-basic ul li {padding-right:5px; padding-left:5px;}
.tab-basic ul li:first-child {padding-left:15px;}
.tab-basic ul li:last-child {padding-right:15px;}
.tab-basic ul li a {min-width:70px; height:37px; padding:8px 14px; font-size:14px;}
.tab-nav {max-width:100%; margin-bottom:12px;}
.tab-nav ul li a {height:45px; font-size:15px;}
.tab-nav ul li:first-child a {border-top-left-radius:6px; border-bottom-left-radius:6px;}
.tab-nav ul li:last-child a {border-top-right-radius:6px; border-bottom-right-radius:6px;}
}

/* button style */
@media (min-width:1024px){
a.btn-basic:not(:disabled):hover, button.btn-basic:not(:disabled):hover {background-color:#f5f5f5;}
a.btn-basic.type-blue:not(:disabled):hover, button.btn-basic.type-blue:not(:disabled):hover {background-color:#2c62e7; border-color:#2c62e7;}
a.btn-basic.type-green:not(:disabled):hover, button.btn-basic.type-green:not(:disabled):hover {background-color:#25b975; border-color:#25b975;}
a.btn-basic.type-orange:not(:disabled):hover, button.btn-basic.type-orange:not(:disabled):hover {background-color:#e5a22e; border-color:#e5a22e;}
a.btn-basic.type-red:not(:disabled):hover, button.btn-basic.type-red:not(:disabled):hover {background-color:#e35d5d; border-color:#e35d5d;}
a.btn-basic.type-purple:not(:disabled):hover, button.btn-basic.type-purple:not(:disabled):hover {background-color:#6068e1; border-color:#6068e1;}
a.btn-basic.type-gray:not(:disabled):hover, button.btn-basic.type-gray:not(:disabled):hover {background-color:#888; border-color:#888;}
a.btn-basic.type-white:not(:disabled):hover, button.btn-basic.type-white:not(:disabled):hover {color:#333; background-color:#f5f5f5;}
a.btn-basic.type-black:not(:disabled):hover, button.btn-basic.type-black:not(:disabled):hover {background-color:#1c1c1c;}
a.btn-basic.type-purple-invert:not(:disabled):hover, button.btn-basic.type-purple-invert:not(:disabled):hover {background-color:#e0e0f1; border-color:#e0e0f1;}
a.btn-basic.type-blue-invert:not(:disabled):hover, button.btn-basic.type-blue-invert:not(:disabled):hover {background-color:#dde5f7; border-color:#dde5f7;}
a.btn-line:not(:disabled):hover, button.btn-line:not(:disabled):hover {color:#333; background-color:#f5f5f5;}
a.btn-line.type-blue:not(:disabled):hover, button.btn-line.type-blue:not(:disabled):hover {color:#fff; background-color:#4b96ff;}
a.btn-line.type-green:not(:disabled):hover, button.btn-line.type-green:not(:disabled):hover {color:#fff; background-color:#07c56e;}
a.btn-line.type-orange:not(:disabled):hover, button.btn-line.type-orange:not(:disabled):hover {color:#fff; background-color:#ff9e2f;}
a.btn-line.type-red:not(:disabled):hover, button.btn-line.type-red:not(:disabled):hover {color:#fff; background-color:#ff6060;}
a.btn-line.type-purple:not(:disabled):hover, button.btn-line.type-purple:not(:disabled):hover {color:#fff; background-color:#7981ff;}
a.btn-line.type-white:not(:disabled):hover, button.btn-line.type-white:not(:disabled):hover {background-color:#f5f5f5;}
}
.btn-light, .btn-basic, .btn-line {display:inline-flex; align-items:center; justify-content:center; height:46px; padding:5px 15px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius:4px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-light:disabled, .btn-basic:disabled, .btn-line:disabled {opacity:.55; cursor:auto;}
.btn-light i, .btn-basic i, .btn-line i {margin-right:3px;}
.btn-light {background-color:#f3f3f3; border:1px solid #f3f3f3;}
.btn-basic {background-color:#fff; border:1px solid #dadada;}
.btn-line {background-color:#fff; border:1px solid #dadada;}
.btn-light.type-blue {color:#2992ff; background-color:#e9f4ff; border-color:#e9f4ff;}
.btn-light.type-green {color:#07c56e; background-color:#dcffef; border-color:#dcffef;}
.btn-light.type-orange {color:#ff9e2f; background-color:#fff6e6; border-color:#fff6e6;}
.btn-light.type-red {color:#ff6060; background-color:#ffeaea; border-color:#ffeaea;}
.btn-light.type-purple {color:#7981ff; background-color:#eeefff; border-color:#eeefff;}
.btn-line.type-blue {color:#4090ff; background-color:#fff; border-color:#4b96ff;}
.btn-line.type-green {color:#07c56e; background-color:#fff; border-color:#07c56e;}
.btn-line.type-orange {color:#ff9e2f; background-color:#fff; border-color:#ff9e2f;}
.btn-line.type-red {color:#ff6060; background-color:#fff; border-color:#ff6060;}
.btn-line.type-purple {color:#7981ff; background-color:#fff; border-color:#7981ff;}
.btn-line.type-white {color:#333; background-color:#fff; border-color:#dadada;}
.btn-basic.type-blue {color:#fff; background-color:#3c74ff; border-color:#3c74ff;}
.btn-basic.type-green {color:#fff; background-color:#2ed086; border-color:#2ed086;}
.btn-basic.type-orange {color:#fff; background-color:#ffba40; border-color:#ffba40;}
.btn-basic.type-red {color:#fff; background-color:#fe7777; border-color:#fe7777;}
.btn-basic.type-purple {color:#fff; background-color:#757dfc; border-color:#757dfc;}
.btn-basic.type-gray {color:#fff; background-color:#9c9c9c; border-color:#9c9c9c;}
.btn-basic.type-white {color:#333; background-color:#fff; border-color:#dadada;}
.btn-basic.type-black {color:#fff; background-color:#3b3b3b; border-color:#3b3b3b;}
.btn-basic.type-purple-invert {color:#595fd3; background-color:#efefff; border-color:#efefff;}
.btn-basic.type-blue-invert {color:#4575ed; background-color:#ecf2ff; border-color:#ecf2ff;}
.button-group {position:relative; display:inline-flex; vertical-align:middle;}
.button-group .btn-bg {position:relative; display:inline-flex; flex:1 1 auto; align-items:center; justify-content:center; padding:6px 10px; color:#505dff; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; background-color:#fff; border:1px solid #3c74ff; border-radius:4px; overflow:hidden;}
.button-group .btn-bg:not(:first-child) {border-bottom-left-radius:0; border-top-left-radius:0; margin-left:-1px;}
.button-group .btn-bg:not(:last-child) {border-bottom-right-radius:0; border-top-right-radius:0;}
.button-group .btn-bg.on {color:#fff; background-color:#3c74ff;}
.btn-flex-area {display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px; margin-right:-5px; margin-left:-5px;}
.btn-flex-area li {display:inline-flex; padding-right:5px; padding-left:5px;}
.btn-flex-area.type-lower {margin:25px -7px 5px -7px;}
.btn-flex-area.type-lower li {padding:5px 7px;}
.btn-flex-area.type-lower li .btn-light, .btn-flex-area.type-lower li .btn-basic, .btn-flex-area.type-lower li .btn-line {min-width:110px; height:44px; padding:5px 15px; font-size:17px;}

@media (max-width:767px){
.btn-light, .btn-basic, .btn-line {height:42px; padding:5px 12px; font-size:15px;}
.btn-flex-area {margin-top:17px;}
.btn-flex-area.type-lower {margin:20px -6px 10px -6px;}
.btn-flex-area.type-lower li {padding:5px 6px;}
.btn-flex-area.type-lower li .btn-light, .btn-flex-area.type-lower li .btn-basic, .btn-flex-area.type-lower li .btn-line {min-width:100px; height:41px; padding:5px 12px; font-size:16px;}
}

/* table style */
@media (min-width:1024px){
.tbl-basic .txt-link:hover, .tbl-basic tbody td a:hover {color:#0e76d5;}
}
.tbl-top {position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-top:5px; margin-bottom:15px;}
.tbl-top .tbl-info {color:#2b2b2b; font-size:16px; font-weight:400; line-height:140%; text-align:left;}
.tbl-top .tbl-info strong {font-weight:500;}
.tbl-top .tbl-info .num-page {color:#2b2b2b;}
.tbl-top .tbl-btn-cotrol .btn-light, .tbl-top .tbl-btn-cotrol .btn-basic, .tbl-top .tbl-btn-cotrol .btn-line {height:37px;}
.tbl-scroll {overflow-x:auto; overflow-y:hidden;}
.tbl-scroll.type-excelupload {overflow-y:auto; max-height:800px;}
.tbl-basic {width:100%; border-collapse:collapse; overflow:hidden;}
.tbl-basic th, .tbl-basic td {height:58px; padding:10px 15px; color:#4b4b4b; font-size:17px; font-weight:400; line-height:140%; text-align:center; word-break:keep-all; background-color:#fff; border-bottom:1px solid #ecedf3;}
.tbl-basic.type-break-all th, .tbl-basic.type-break-all td {word-break:break-all;}
.tbl-basic.type-nowrap th, .tbl-basic.type-nowrap td {white-space:nowrap;}
.tbl-basic th {padding:13px 15px; white-space:nowrap;}
.tbl-basic thead th {color:#2b2b2b; font-size:17px; font-weight:500; background-color:#fff; border-top:1px solid #ecedf3; border-bottom-width:2px;}
.tbl-basic tbody th {font-weight:500; white-space:normal;}
.tbl-basic tbody td {white-space:normal;}
.tbl-basic tbody td a {color:#2e93ef;}
.tbl-basic .txt-link {display:block; max-width:450px; margin-right:auto; margin-left:auto; color:#2e93ef; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl-basic .btn-light, .tbl-basic .btn-basic, .tbl-basic .btn-line {height:35px; padding:5px 12px; font-size:16px;}
.tbl-basic .form-input {height:40px; padding:10px 10px;}
.tbl-basic thead th .form-radio input[type='radio'] + label, .tbl-basic thead th .form-check input[type='checkbox'] + label {color:#2b2b2b; font-size:17px; font-weight:500;}
.tbl-basic tbody td .form-radio input[type='radio'] + label, .tbl-basic tbody td .form-check input[type='checkbox'] + label {color:#4b4b4b; font-size:17px; font-weight:400;}
.tbl-basic tbody td .form-radio input[type='radio'] + label:before, .tbl-basic tbody td .form-check input[type='checkbox'] + label:before {top:3px;}
.tbl-row {width:100%; border-top:1px solid #ecedf3; background-color:#fff; border-collapse:collapse;}
.tbl-row th {padding:12px 15px; color:#2b2b2b; font-size:17px; font-weight:600; text-align:center; background-color:#fff; border-bottom:1px solid #ecedf3;}
.tbl-row th label {position:relative; margin:0; font-weight:600;}
.tbl-row td {padding:12px 15px; color:#2b2b2b; font-size:17px; font-weight:400; text-align:left; border-bottom:1px solid #ecedf3; background-color:#fff;}
.tbl-row td .form-select {min-width:auto;}
.tbl-sch-area {margin-bottom:50px;}
.tbl-sch-area .form-select {min-width:130px;}
.tbl-btn-box {display:flex; justify-content:center; margin-top:20px;}
.tbl-btn-box .btn-light, .tbl-btn-box .btn-basic, .tbl-btn-box .btn-line {min-width:90px; margin-right:5px; margin-left:5px;}
.tbl-datatable-wrap {position:relative;}
.tbl-datatable-wrap .tbl-basic {width:100% !important;}
.tbl-datatable-wrap table.dataTable tbody th, .tbl-datatable-wrap table.dataTable tbody td {height:auto; padding:13px 15px;}
.tbl-datatable-wrap table.dataTable tbody td.dataTables_empty, .tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {color:#b3b3b3; padding:20px 15px;}
.tbl-datatable-wrap table.dataTable>thead>tr>th, .tbl-datatable-wrap table.dataTable>thead>tr>td {height:auto; padding:15px 15px; text-align:center; border-bottom:2px solid #ecedf3;}
.tbl-datatable-wrap table.dataTable>thead>tr>th {font-weight:500;}
.tbl-datatable-wrap table.dataTable.no-footer {border-bottom:none;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details {display:block; padding:20px 8%;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:5px 0; text-align:left; white-space:normal; border-bottom:none;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {padding-top:0;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {padding-bottom:0;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title {position:relative; display:block; -webkit-flex-shrink:0; flex-shrink:0; min-width:62px; margin-right:10px; padding-left:10px; font-weight:500;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title:before {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#6e6e6e; border-radius:3px;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data {display:block; width:100%;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data .txt-link {white-space:normal;}
.tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, .tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {padding:0;}
.tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, .tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {content:"+"; display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; color:#333; font-size:14px; font-weight:500; background-color:#fff; border:1px solid #ddd; border-radius:4px;}
.tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, .tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {content:"-";}
.tbl-data-top {position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin-top:5px; margin-bottom:15px;}
.tbl-data-bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:25px; text-align:center;}
.tbl-data-bottom:after {content:""; display:block; width:125px;}
.dataTables_wrapper .dataTables_info {padding-top:0; color:#2b2b2b; font-size:16px; font-weight:400; line-height:140%; text-align:left;}
.dataTables_wrapper .dataTables_info strong {font-weight:500;}
.dataTables_wrapper .dataTables_info .num-page {color:#2b2b2b;}
.dataTables_wrapper .dataTables_length label {color:#2b2b2b; font-size:16px; font-weight:400; line-height:140%;}
.dataTables_wrapper .dataTables_length select {min-width:60px; height:37px; padding:3px 30px 3px 10px; color:#333; font-size:15px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; background-image:url('../images/ico/ico-select-arr.png'); background-repeat:no-repeat; background-position:calc(100% - 10px) 50%; background-size:10px auto; border:1px solid #e1e3ed; border-radius:4px; outline:0; transition:border .15s ease; appearance:none;}
.dataTables_wrapper .dataTables_length select::-ms-expand {display:none;}
.dataTables_wrapper .dataTables_length select:focus {border:1px solid #6b6b6b;}
.dataTables_wrapper .dataTables_length select:disabled {opacity:.7; background-color:#f5f5f5;}
.dataTables_wrapper .dataTables_filter {max-width:240px; float:none; margin:0; text-align:center;}
.dataTables_wrapper .dataTables_filter input {width:100%; height:45px; margin:0; padding:10px 45px 10px 12px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; background-color:#fff; background-image:url('../images/ico/ico-form-search.png'); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%; background-size:19px auto; border:1px solid #e4e4e4; border-radius:4px; outline:0; transition:border .15s ease; appearance:none;}
.dataTables_wrapper .dataTables_filter input:focus {border:1px solid #6b6b6b;}
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {color:#b6b6b6; font-weight:300;}
.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder {color:#b6b6b6; font-weight:300;}
.dataTables_wrapper .dataTables_filter input::placeholder {color:#b6b6b6; font-weight:300;}
.dataTables_wrapper .dataTables_filter input:read-only {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.dataTables_wrapper .dataTables_filter input[readonly='readonly'] {color:#b8b8b8; background-color:#f8f8f8; border-color:#e9e9e9;}
.dataTables_wrapper .dataTables_filter input::-ms-clear, .dataTables_wrapper .dataTables_filter input::-ms-reveal {display:none;}
.dataTables_wrapper .dataTables_filter input::-webkit-search-decoration, .dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button, .dataTables_wrapper .dataTables_filter input::-webkit-search-results-button, .tbl-data-bottom .dataTables_filter input::-webkit-search-results-decoration {display:none;}
.dataTables_wrapper .dataTables_filter input:disabled {opacity:.7; background-color:#f5f5f5;}
.dataTables_wrapper .dataTables_paginate {display:inline-block; float:none; text-align:center; margin:0; padding:0;}
.dataTables_wrapper .dataTables_paginate .paginate_button {display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; width:34px; height:34px; min-width:auto; margin:0 4px; padding:0; color:#929292 !important; font-size:15px; font-weight:400; line-height:120%; text-align:center; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 13px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {color:#929292 !important; background:#f9f9f9; border:1px solid #ddd; box-shadow:none; outline:0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {color:#fff !important; background-color:#333; border-color:#333;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color:#fff !important; background-color:#333; border:1px solid #333;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.first, .dataTables_wrapper .dataTables_paginate .paginate_button.last {width:20px; background-color:transparent; border:none; text-indent:-999em;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {margin-right:10px; background:transparent url('../images/ico/ico-paging-arr-prev.png') no-repeat 50% 50% / auto 13px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {margin-left:10px; background:transparent url('../images/ico/ico-paging-arr-next.png') no-repeat 50% 50% / auto 13px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.first {background:transparent url('../images/ico/ico-paging-arr-first.png') no-repeat 50% 50% / auto 13px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.last {background:transparent url('../images/ico/ico-paging-arr-last.png') no-repeat 50% 50% / auto 13px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {opacity:.4; cursor:auto;}
.dataTables_wrapper .dataTables_paginate .ellipsis {padding:0 5px;}

@media (max-width:767px){
.tbl-top {margin-top:0; margin-bottom:12px;}
.tbl-top .tbl-info {font-size:12px;}
.tbl-top .tbl-btn-cotrol .btn-light, .tbl-top .tbl-btn-cotrol .btn-basic, .tbl-top .tbl-btn-cotrol .btn-line {height:30px; padding:3px 10px; font-size:13px;}
.tbl-basic th, .tbl-basic td {height:45px; padding:8px 8px; font-size:13px;}
.tbl-basic thead th {padding:12px 8px; font-size:13px;}
.tbl-basic .txt-link {max-width:180px;}
.tbl-basic .btn-light, .tbl-basic .btn-basic, .tbl-basic .btn-line {height:24px; padding:4px 6px; font-size:12px;}
.tbl-basic .form-input {height:32px; padding:8px 8px; font-size:14px;}
.tbl-basic .form-radio input[type='radio'] + label, .tbl-basic .form-check input[type='checkbox'] + label {padding-left:18px; font-size:14px;}
.tbl-basic .form-check input[type='checkbox'] + label {padding-left:20px;}
.tbl-basic .form-radio input[type='radio'] + label:before, .tbl-basic .form-check input[type='checkbox'] + label:before {top:1px; width:15px; height:15px; background-size:15px 15px;}
.tbl-basic .form-radio.txt-none input[type='radio'] + label, .tbl-basic .form-check.txt-none input[type='checkbox'] + label {width:15px; height:15px; padding:0;}
.tbl-basic thead th .form-radio input[type='radio'] + label, .tbl-basic thead th .form-check input[type='checkbox'] + label {font-size:13px;}
.tbl-basic tbody td .form-radio input[type='radio'] + label, .tbl-basic tbody td .form-check input[type='checkbox'] + label {font-size:13px;}
.tbl-basic tbody td .form-radio input[type='radio'] + label:before, .tbl-basic tbody td .form-check input[type='checkbox'] + label:before {top:1px;}
.tbl-sch-area {margin-bottom:40px;}
.tbl-datatable-wrap table.dataTable tbody th, .tbl-datatable-wrap table.dataTable tbody td {padding:15px 8px;}
.tbl-datatable-wrap table.dataTable tbody td.dataTables_empty, .tbl-datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {padding:15px 8px;}
.tbl-datatable-wrap table.dataTable>thead>tr>th, .tbl-datatable-wrap table.dataTable>thead>tr>td {padding:12px 8px;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details {padding:15px 15px;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li {padding:4px 0;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title {padding-left:7px;}
.tbl-datatable-wrap table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title:before {top:7px;}
.tbl-data-top {margin-top:0; margin-bottom:12px;}
.tbl-data-bottom {margin-top:20px;}
.tbl-data-bottom:after {display:none;}
.dataTables_wrapper {margin-top:5px;}
.dataTables_wrapper .dataTables_info {width:100%; margin-bottom:10px; font-size:12px;}
.dataTables_wrapper .dataTables_length {display:none; width:100%; margin-bottom:15px;}
.dataTables_wrapper .dataTables_length label {font-size:12px;}
.dataTables_wrapper .dataTables_length select {min-width:auto; height:30px; padding:1px 25px 1px 8px; font-size:12px; background-position:calc(100% - 8px) 50%; background-size:8px auto;}
.dataTables_wrapper .dataTables_filter {width:100%; max-width:100%;}
.dataTables_wrapper .dataTables_filter input {height:40px; padding:8px 35px 8px 10px; background-position:calc(100% - 10px) 50%; background-size:17px auto;}
.dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder {font-size:14px;}
.dataTables_wrapper .dataTables_filter input:-ms-input-placeholder {font-size:14px;}
.dataTables_wrapper .dataTables_filter input::placeholder {font-size:14px;}
.dataTables_wrapper .dataTables_paginate {width:100%;}
.dataTables_wrapper .dataTables_paginate .paginate_button {width:30px; height:30px; margin:0 3px; font-size:14px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {margin-right:8px}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {margin-left:8px;}
.dataTables_wrapper .dataTables_paginate .ellipsis {padding:0 3px;}
}

@media (max-width:370px){
.dataTables_wrapper .dataTables_paginate .paginate_button {width:27px; height:27px; margin:0 2px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {margin-right:4px}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {margin-left:4px;}
.dataTables_wrapper .dataTables_paginate .ellipsis {padding:0 2px;}
}

/* paging-area */
.paging-area {margin-top:25px;}
.paging-area ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-area ul li {padding-right:4px; padding-left:4px;}
.paging-area ul li:first-child {padding-left:0;}
.paging-area ul li:last-child {padding-right:0;}
.paging-area ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:34px; height:34px; color:#929292; font-size:15px; font-weight:400; line-height:120%; text-align:center; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 13px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.paging-area ul li a:hover, .paging-area ul li a:focus {background-color:#f9f9f9;}
.paging-area ul li.active a {color:#fff; background-color:#333; border-color:#333;}
.paging-area ul li a.btn-paging-first, .paging-area ul li a.btn-paging-prev, .paging-area ul li a.btn-paging-next, .paging-area ul li a.btn-paging-last {width:20px; background-color:transparent; border:none;}
.paging-area ul li a.btn-paging-first:hover, .paging-area ul li a.btn-paging-prev:hover, .paging-area ul li a.btn-paging-next:hover, .paging-area ul li a.btn-paging-last:hover,
.paging-area ul li a.btn-paging-first:focus, .paging-area ul li a.btn-paging-prev:focus, .paging-area ul li a.btn-paging-next:focus, .paging-area ul li a.btn-paging-last:focus {background-color:transparent;}
.paging-area ul li a.btn-paging-first {background-image:url('../images/ico/ico-paging-arr-first.png');}
.paging-area ul li a.btn-paging-prev {margin-right:8px; background-image:url('../images/ico/ico-paging-arr-prev.png');}
.paging-area ul li a.btn-paging-next {margin-left:8px; background-image:url('../images/ico/ico-paging-arr-next.png');}
.paging-area ul li a.btn-paging-last {background-image:url('../images/ico/ico-paging-arr-last.png');}
.paging-area ul li a.disabled {opacity:.5; cursor:auto;}

@media (max-width:767px){
.paging-area {margin-top:20px;}
.paging-area ul li a {width:30px; height:30px; font-size:14px;}
.paging-area ul li a.btn-paging-prev {margin-right:4px;}
.paging-area ul li a.btn-paging-next {margin-left:4px;}
}

@media (max-width:370px){
.paging-area ul li {padding-right:2px; padding-left:2px;}
.paging-area ul li a {width:28px; height:28px;}
.paging-area ul li a.btn-paging-prev {margin-right:2px;}
.paging-area ul li a.btn-paging-next {margin-left:2px;}
}

/* calender */
@media (min-width:1024px){
.calender-schedule.fc .fc-button-primary:hover {background-color:#f5f5f5;}
.calender-schedule .fc-bg-blue:hover {background-color:#d9e7f5;}
.calender-schedule .fc-bg-green:hover {background-color:#cbf3e2;}
.calender-schedule .fc-bg-orange:hover {background-color:#f7edd8;}
.calender-schedule .fc-bg-red:hover {background-color:#f5dcdc;}
.calender-schedule .fc-bg-purple:hover {background-color:#dbddf3;}
.calender-schedule .fc-bg-gray:hover {background-color:#dfdfdf;}
}
.calender-wrap {position:relative; display:flex; width:100%; height:690px;}
.calender-schedule {width:100%; height:100%; color:#666; font-size:15px; font-weight:400; line-height:140%;}
.calender-schedule.fc-theme-standard td, .calender-schedule.fc-theme-standard th {border-color:#ecedf3;}
.calender-schedule.fc-theme-standard th {font-weight:500;}
.calender-schedule.fc-theme-standard .fc-scrollgrid {border-color:#ecedf3;}
.calender-schedule.fc .fc-daygrid-day.fc-day-today {background-color:#fffaf0;}
.calender-schedule.fc .fc-col-header-cell-cushion {padding:7px 4px;}
.calender-schedule.fc .fc-day-sun .fc-daygrid-day-number, .calender-schedule.fc .fc-day-sun .fc-col-header-cell-cushion {color:#dd6767;}
.calender-schedule.fc .fc-day-sat .fc-daygrid-day-number, .calender-schedule.fc .fc-day-sat .fc-col-header-cell-cushion {color:#6790dd;}
.calender-schedule.fc .fc-toolbar-title {color:#333; font-size:26px; font-weight:500;}
.calender-schedule.fc .fc-toolbar {align-items:flex-end;}
.calender-schedule.fc .fc-button-primary {padding:7px 10px; color:#333; font-size:16px; font-weight:500; line-height:140%; background-color:#fff; border-color:#d6d6d6;}
.calender-schedule.fc .fc-button-primary:focus {outline:0; box-shadow:none;}
.calender-schedule.fc .fc-button-primary:disabled {color:#999; cursor:auto; background-color:#f1f1f1;}
.calender-schedule.fc .fc-button-primary:not(:disabled).fc-button-active, .calender-schedule.fc .fc-button-primary:not(:disabled):active {color:#333; background-color:#f5f5f5; border-color:#d6d6d6;}
.calender-schedule.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .calender-schedule.fc .fc-button-primary:not(:disabled):active:focus {box-shadow:none;}
.calender-schedule.fc .fc-today-button {padding:8px 18px;}
.calender-schedule .fc-event-selected::after, .calender-schedule .fc-event:focus::after {display:none;}
.calender-schedule .fc-event-selected, .calender-schedule .fc-event:focus {box-shadow:none;}
.calender-schedule .fc-event {position:relative; margin-top:0; padding:5px 10px 5px 22px; cursor:pointer; border:none; outline:0;}
.calender-schedule .fc-event:before {content:""; display:block; position:absolute; top:12px; left:10px; width:7px; height:7px; background-color:#333; border-radius:8px;}
.calender-schedule .fc-event .fc-event-title, .calender-schedule .fc-event .fc-event-time {font-size:15px;}
.calender-schedule .fc-event .fc-event-title {padding:0; font-weight:500;}
.calender-schedule .fc-event .fc-daygrid-event-dot {display:none;}
.calender-schedule.fc .fc-daygrid-event-harness {margin-bottom:3px;}
.calender-schedule.fc .fc-daygrid-event-harness:last-child {margin-bottom:0;}
.calender-schedule .fc-bg-blue, .calender-schedule .fc-bg-blue .fc-event-main {color:#2992ff;}
.calender-schedule .fc-bg-blue {background-color:#e9f4ff;}
.calender-schedule .fc-bg-blue .fc-daygrid-event-dot {border-color:#2992ff;}
.calender-schedule .fc-bg-blue:before {background-color:#2992ff;}
.calender-schedule .fc-bg-green, .calender-schedule .fc-bg-green .fc-event-main {color:#07c56e;}
.calender-schedule .fc-bg-green {background-color:#dcffef;}
.calender-schedule .fc-bg-green .fc-daygrid-event-dot {border-color:#07c56e;}
.calender-schedule .fc-bg-green:before {background-color:#07c56e;}
.calender-schedule .fc-bg-orange, .calender-schedule .fc-bg-orange .fc-event-main {color:#ff9e2f;}
.calender-schedule .fc-bg-orange {background-color:#fff6e6;}
.calender-schedule .fc-bg-orange .fc-daygrid-event-dot {border-color:#ff9e2f;}
.calender-schedule .fc-bg-orange:before {background-color:#ff9e2f;}
.calender-schedule .fc-bg-red, .calender-schedule .fc-bg-red .fc-event-main {color:#ff6060;}
.calender-schedule .fc-bg-red {background-color:#ffeaea;}
.calender-schedule .fc-bg-red .fc-daygrid-event-dot {border-color:#ff6060;}
.calender-schedule .fc-bg-red:before {background-color:#ff6060;}
.calender-schedule .fc-bg-purple, .calender-schedule .fc-bg-purple .fc-event-main {color:#7981ff;}
.calender-schedule .fc-bg-purple {background-color:#eeefff;}
.calender-schedule .fc-bg-purple .fc-daygrid-event-dot {border-color:#7981ff;}
.calender-schedule .fc-bg-purple:before {background-color:#7981ff;}
.calender-schedule .fc-bg-gray, .calender-schedule .fc-bg-gray .fc-event-main {color:#6f6f6f;}
.calender-schedule .fc-bg-gray {background-color:#f2f2f2;}
.calender-schedule .fc-bg-gray .fc-daygrid-event-dot {border-color:#6f6f6f;}
.calender-schedule .fc-bg-gray:before {background-color:#727272;}
.calender-legend {margin-top:20px;}
.calender-legend ul {display:flex; justify-content:center; margin-right:-20px; margin-bottom:-10px;}
.calender-legend ul li {position:relative; display:inline-flex; align-items:center; justify-content:center; padding-right:20px; padding-bottom:10px;}
.calender-legend ul li .dot {display:inline-flex; width:7px; height:7px; margin-right:6px; border-radius:7px; vertical-align:middle; overflow:hidden;}
.calender-legend ul li.blue .dot {background-color:#2992ff;}
.calender-legend ul li.green .dot {background-color:#07c56e;}
.calender-legend ul li.orange .dot {background-color:#ff9e2f;}
.calender-legend ul li.red .dot {background-color:#ff6060;}
.calender-legend ul li.purple .dot {background-color:#7981ff;}
.calender-legend ul li.gray .dot {background-color:#6f6f6f;}
.calender-legend ul li .txt {display:inline-flex; color:#666; font-size:15px; font-weight:400; line-height:140%; vertical-align:middle;}

@media (max-width:767px){
.calender-wrap {height:430px;}
.calender-schedule {font-size:13px;}
.calender-schedule.fc .fc-toolbar.fc-header-toolbar {margin-bottom:15px;}
.calender-schedule.fc .fc-toolbar-title {font-size:17px;}
.calender-schedule.fc .fc-button-primary {padding:4px 6px; font-size:14px;}
.calender-schedule.fc .fc-today-button {padding:5px 10px;}
.calender-schedule .fc-event {margin:0 3px !important; padding:5px 3px 5px 3px; text-align:center;}
.calender-schedule .fc-event:before {top:5px; left:4px; width:3px; height:3px;}
.calender-schedule .fc-event .fc-event-title, .calender-schedule .fc-event .fc-event-time, .fc-event .fc-event-main {overflow:hidden;}
.calender-schedule .fc-event .fc-event-title, .calender-schedule .fc-event .fc-event-time {display:block; width:24px; margin-right:auto; margin-left:auto; font-size:13px;}
.calender-legend {margin-top:16px;}
.calender-legend ul {margin-right:-15px; margin-bottom:-5px;}
.calender-legend ul li {padding-right:15px; padding-bottom:5px;}
.calender-legend ul li .dot {margin-right:5px;}
.calender-legend ul li .txt {font-size:13px;}
}

/* modal-wrap */
.modal-wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; padding-right:20px; padding-left:20px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0; background-color:rgba(0, 0, 0, .75); z-index:10000;}
.modal-wrap .modal-area {opacity:0; transform:translateY(8px); max-width:820px; margin:80px auto; border-radius:8px; overflow:hidden; transition:opacity .3s ease-out, transform .3s ease-out;}
.modal-wrap.on .modal-area {opacity:1; transform:translateY(0px);}
.modal-wrap .modal-area .modal-head {position:relative; display:flex; align-items:center; min-height:58px; padding:14px 70px 14px 20px; background-color:#3c74ff; border-radius:8px 8px 0 0;}
.modal-wrap .modal-area .modal-head .modal-title {color:#fff; font-size:21px; font-weight:500; line-height:140%; letter-spacing:-0.024em;}
.modal-wrap .modal-area .modal-cont {position:relative; padding:20px 20px; color:#333; font-size:16px; font-weight:400; line-height:160%; letter-spacing:-0.01em; background-color:#fff;}
.modal-wrap .modal-area .modal-foot {position:relative; margin-top:-1px; background-color:#fff; border-top:1px solid #e5e5e5; border-radius:0 0 8px 8px; overflow:hidden;}
.modal-wrap .modal-area .modal-foot .modal-foot-button {display:flex; align-items:center; justify-content:center;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li {width:100%; border-right:1px solid #e5e5e5;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li:last-child {border-right:none;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li .btn-modal-foot {display:flex; align-items:center; justify-content:center; width:100%; height:50px; padding:5px 10px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:none; border-radius:0; overflow:hidden;}
.modal-wrap .btn-modal-close {display:block; position:absolute; top:14px; right:20px; width:30px; height:30px; background-color:transparent; border:none; overflow:hidden;}
.modal-wrap .btn-modal-close:before, .modal-wrap .btn-modal-close:after {content:""; display:block; width:30px; height:2px; background-color:#fff;}
.modal-wrap .btn-modal-close:before {transform:rotate(45deg) translate(1px, 1px);}
.modal-wrap .btn-modal-close:after {transform:rotate(-45deg) translate(1px, 0px);}
.modal-wrap .btn-modal-close:focus, .modal-wrap .btn-modal-close:active {opacity:.7;}

@media (max-width:767px){
.modal-wrap .modal-area {max-width:520px; margin:60px auto;}
.modal-wrap .modal-area .modal-head {min-height:50px; padding:12px 60px 12px 15px;}
.modal-wrap .modal-area .modal-head .modal-title {font-size:18px;}
.modal-wrap .modal-area .modal-cont {padding:20px 15px; font-size:15px;}
.modal-wrap .modal-area .modal-foot .modal-foot-button > li .btn-modal-foot {height:43px; font-size:14px;}
.modal-wrap .btn-modal-close {top:10px; right:15px;}
}

/* dialog-wrap */
.dialog-wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; padding-right:20px; padding-left:20px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0; background-color:rgba(0, 0, 0, .75); z-index:10000;}
.dialog-wrap .dialog-area {opacity:0; transform:translateY(8px); max-width:500px; margin:80px auto; border-radius:8px; overflow:hidden; transition:opacity .3s ease-out, transform .3s ease-out;}
.dialog-wrap.on .dialog-area {opacity:1; transform:translateY(0px);}
.dialog-wrap .dialog-area .dialog-head {position:relative; display:flex; align-items:center; min-height:58px; padding:14px 70px 14px 20px; background-color:#3c74ff; border-radius:8px 8px 0 0;}
.dialog-wrap .dialog-area .dialog-head .dialog-title {color:#fff; font-size:21px; font-weight:500; line-height:140%; letter-spacing:-0.024em;}
.dialog-wrap .dialog-area .dialog-cont {position:relative; padding:20px 20px; color:#333; font-size:16px; font-weight:400; line-height:160%; letter-spacing:-0.01em; background-color:#fff;}
.dialog-wrap .dialog-area .dialog-foot {position:relative; margin-top:-1px; background-color:#fff; border-top:1px solid #e5e5e5; border-radius:0 0 8px 8px; overflow:hidden;}
.dialog-wrap .dialog-area .dialog-foot .dialog-foot-button {display:flex; align-items:center; justify-content:center;}
.dialog-wrap .dialog-area .dialog-foot .dialog-foot-button > li {width:100%; border-right:1px solid #e5e5e5;}
.dialog-wrap .dialog-area .dialog-foot .dialog-foot-button > li:last-child {border-right:none;}
.dialog-wrap .dialog-area .dialog-foot .dialog-foot-button > li .btn-dialog-foot {display:flex; align-items:center; justify-content:center; width:100%; height:50px; padding:5px 10px; color:#333; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:#fff; border:none; border-radius:0; overflow:hidden;}
.dialog-wrap .btn-dialog-close {display:block; position:absolute; top:14px; right:20px; width:30px; height:30px; background-color:transparent; border:none; overflow:hidden;}
.dialog-wrap .btn-dialog-close:before, .dialog-wrap .btn-dialog-close:after {content:""; display:block; width:30px; height:2px; background-color:#fff;}
.dialog-wrap .btn-dialog-close:before {transform:rotate(45deg) translate(1px, 1px);}
.dialog-wrap .btn-dialog-close:after {transform:rotate(-45deg) translate(1px, 0px);}
.dialog-wrap .btn-dialog-close:focus, .dialog-wrap .btn-dialog-close:active {opacity:.7;}

@media (max-width:767px){
    .dialog-wrap .dialog-area {max-width:500px; margin:60px auto;}
    .dialog-wrap .dialog-area .dialog-head {min-height:50px; padding:12px 60px 12px 15px;}
    .dialog-wrap .dialog-area .dialog-head .dialog-title {font-size:18px;}
    .dialog-wrap .dialog-area .dialog-cont {padding:20px 15px; font-size:15px;}
    .dialog-wrap .dialog-area .dialog-foot .dialog-foot-button > li .btn-dialog-foot {height:43px; font-size:14px;}
    .dialog-wrap .btn-dialog-close {top:10px; right:15px;}
}

/* text style */
.txt-center {display:block; text-align:center;}
.txt-left {display:block; text-align:left;}
.txt-right {display:block; text-align:right;}
.txt-color-purple {color:#737bff;}
.txt-color-red {color:#dd6e6e;}
.txt-color-orange {color:#e9a70c;}
.txt-color-green {color:#14d16a;}
.txt-color-blue {color:#4baaff;}

/* evaluation-table-wrap */
.evaluation-table-wrap {position:relative; max-width:1082px; margin-right:auto; margin-left:auto; padding:50px 40px; background-color:#fff; border:1px solid #e9e9f2; border-radius:8px;}
.evaluation-table-wrap .evaluation-table-head {margin-bottom:20px;}
.evaluation-table-wrap .evaluation-table-head .et-tit {color:#333; font-size:32px; font-weight:500; line-height:140%; letter-spacing:-0.024em; text-align:center;}
.evaluation-table-wrap .evaluation-table-head .et-tit strong {color:#333; font-weight:500; line-height:140%;}
.evaluation-table-wrap .evaluation-table-head .et-top {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side {position:relative;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list {display:flex;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:10px; margin-left:10px; color:#333; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.01em; white-space:nowrap;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li:first-child {margin-left:0;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li:last-child {margin-right:0;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li .tit {display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li .desc {display:block; width:100%; line-height:140%;}
.evaluation-table-wrap .evaluation-table-body {position:relative;}
.evaluation-table-wrap .evaluation-table-foot {margin-top:40px;}
.evaluation-table-wrap .evaluation-table-foot .btn-flex-area {margin-top:0; margin-bottom:0;}
.tbl-evaluation-wrap {position:relative;}
.tbl-evaluation, .tbl-evaluation-result {width:100%; border-collapse:collapse; background-color:#fff; overflow:hidden;}
.tbl-evaluation th, .tbl-evaluation td, .tbl-evaluation-result th, .tbl-evaluation-result td {padding:18px 20px; color:#333; font-size:17px; font-weight:400; line-height:140%; text-align:center; word-break:keep-all; background-color:#fff; border:1px solid #e5e5e5;}
.tbl-evaluation thead th, .tbl-evaluation-result thead th {color:#333; font-size:17px; font-weight:500; text-align:center; background-color:#f9f9f9; border:1px solid #e5e5e5;}
.tbl-evaluation tbody th, .tbl-evaluation-result tbody th {font-weight:500; background-color:#fff;}
.tbl-evaluation tbody tr[class^="bg-"] th, .tbl-evaluation tbody tr[class^="bg-"] td,
.tbl-evaluation-result tbody tr[class^="bg-"] th, .tbl-evaluation-result tbody tr[class^="bg-"] td {padding:18px 20px;}
.tbl-evaluation-result tbody tr[class^="bg-"] th, .tbl-evaluation-result tbody tr[class^="bg-"] td {font-weight:500;}
.tbl-evaluation tbody tr.bg-yellow-thick th, .tbl-evaluation tbody tr.bg-yellow-thick td,
.tbl-evaluation-result tbody tr.bg-yellow-thick th, .tbl-evaluation-result tbody tr.bg-yellow-thick td {background-color:#fbf2d0; border-color:#efe4bc;}
.tbl-evaluation tbody tr.bg-yellow th, .tbl-evaluation tbody tr.bg-yellow td,
.tbl-evaluation-result tbody tr.bg-yellow th, .tbl-evaluation-result tbody tr.bg-yellow td {background-color:#fffbef; border-color:#f1ecdc;}
.tbl-evaluation tbody tr.bg-red-thick th, .tbl-evaluation tbody tr.bg-red-thick td,
.tbl-evaluation-result tbody tr.bg-red-thick th, .tbl-evaluation-result tbody tr.bg-red-thick td {background-color:#ffefef; border-color:#f1d9d9;}
.tbl-evaluation tbody tr.bg-red th, .tbl-evaluation tbody tr.bg-red td,
.tbl-evaluation-result tbody tr.bg-red th, .tbl-evaluation-result tbody tr.bg-red td {background-color:#ffefef; border-color:#f1d9d9;}
.tbl-evaluation tfoot th, .tbl-evaluation tfoot td, .tbl-evaluation-result tfoot th, .tbl-evaluation-result tfoot td {font-weight:500; background-color:#f9f9f9;}
.tbl-desc-list {position:relative; margin-bottom:10px;}
.tbl-desc-list:last-child {margin-bottom:0;}
.tbl-desc-list > li {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:3px; line-height:150%; letter-spacing:-0.01em; text-align:left;}
.tbl-desc-list > li:last-child {margin-bottom:0;}
.tbl-desc-list > li > .dot {display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:150%;}
.tbl-desc-list > li > .cont {display:block; width:100%; line-height:150%;}
.tbl-desc-list > li > .cont > ul {margin-top:5px;}
.tbl-desc-list > li > .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:5px;}
.tbl-desc-list > li > .cont > ul > li:last-child {margin-bottom:0;}
.tbl-desc-list > li > .cont > ul > li > .cont > ul {margin-top:5px;}
.tbl-desc-list > li > .cont > ul > li > .cont > ul > li {display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:3px;}
.tbl-desc-list > li > .cont > ul > li > .cont > ul > li:last-child {margin-bottom:0;}
.tbl-desc-list.type-message {color:#a5a5a5; font-size:17px;}
.evaluation-desc {position:relative; margin-bottom:10px;}
.evaluation-desc:last-child {margin-bottom:0;}
.evaluation-desc .e-tit {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; font-weight:500; line-height:150%; letter-spacing:-0.01em; text-align:left;}
.evaluation-desc .e-tit > .dot {display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:3px; line-height:140%;}
.evaluation-desc .e-tit > .cont {display:block; width:100%; line-height:140%;}
.evaluation-desc .e-tit > .cont .tbl-desc-list {margin-top:8px;}
.evaluation-desc.level-01 {padding-left:0;}
.evaluation-desc.level-02 {padding-left:0;}
.evaluation-desc.level-03 {padding-left:0;}
.evaluation-desc.level-04 {padding-left:17px;}
.evaluation-desc.level-03 .e-tit {font-weight:400;}
.evaluation-desc.level-04 .e-tit {font-weight:400;}
.tbl-evaluation-result .evaluation-desc .e-tit {font-weight:400;}
.evaluation-chk-list {display:flex; flex-wrap:wrap; max-width:540px; margin-right:-30px; margin-bottom:-10px; text-align:left;}
.evaluation-chk-list .ev-sec {display:flex; width:50%; padding-right:30px; padding-bottom:10px;}
.evaluation-chk-list .ev-sec .form-radio {display:flex; width:100%;}
.evaluation-chk-list .ev-sec .form-radio input[type='radio'] + label, .evaluation-chk-list .ev-sec .form-check input[type='checkbox'] + label {display:flex; align-items:flex-start; justify-content:flex-start; width:100%; padding-left:23px; color:#333; font-size:16px; word-break:break-all;}
.evaluation-chk-list .ev-sec .form-radio input[type='radio'] + label:before, .evaluation-chk-list .ev-sec .form-check input[type='checkbox'] + label:before {width:18px; height:18px; background-size:18px 18px;}
.evaluation-chk-list .ev-sec .form-radio .ev-score {-webkit-flex-shrink:0; flex-shrink:0; padding-left:6px; color:#333; font-size:16px; font-weight:300;}
.evaluation-chk-list .ev-sec .form-radio input[type='radio']:checked + label + .ev-score, .evaluation-chk-list .ev-sec .form-check input[type='checkbox']:checked + label + .ev-score {color:#737bff;}
.tbl-evaluation-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {overflow-x:hidden !important;}
.tbl-evaluation-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {width:11px; height:11px;}
.tbl-evaluation-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {width:11px; background-color:rgba(0, 0, 0, .2); background-clip:padding-box; border:3px solid transparent; border-radius:13px;}
.tbl-evaluation-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track {background-color:#fff;}
.tbl-evaluation-wrap .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-button {display:none;}
.tbl-evaluation-wrap table.dataTable>thead>tr>th, .tbl-evaluation-wrap table.dataTable>thead>tr>td {padding:18px 20px; font-weight:500; text-align:center; border-right:none; border-bottom:1px solid #e5e5e5;}
.tbl-evaluation-wrap table.dataTable>thead>tr>th:last-child, .tbl-evaluation-wrap table.dataTable>thead>tr>td:last-child {border-right:1px solid #e5e5e5;}
.tbl-evaluation-wrap table.dataTable tbody th, .tbl-evaluation-wrap table.dataTable tbody td {padding:18px 20px; border-right:none; border-bottom:none;}
.tbl-evaluation-wrap table.dataTable tbody th:last-child, .tbl-evaluation-wrap table.dataTable tbody td:last-child {border-right:1px solid #e5e5e5;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>th, .tbl-evaluation-wrap table.dataTable>tfoot>tr>td {padding:18px 20px; font-weight:500; text-align:center; border-top:1px solid #e5e5e5; border-right:none;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>th:last-child, .tbl-evaluation-wrap table.dataTable>tfoot>tr>td:last-child {border-right:1px solid #e5e5e5;}

@media (max-width:1200px){
.evaluation-chk-list {max-width:500px; margin-right:-20px}
.evaluation-chk-list .ev-sec {width:100%; padding-right:20px;}
}

@media (max-width:767px){
.evaluation-table-wrap {padding:30px 15px;}
.evaluation-table-wrap .evaluation-table-head {margin-bottom:17px;}
.evaluation-table-wrap .evaluation-table-head .et-tit {font-size:21px;}
.evaluation-table-wrap .evaluation-table-head .et-top {flex-flow:column; margin-top:25px;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side {margin-bottom:5px;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side:last-child {margin-bottom:0;}
.evaluation-table-wrap .evaluation-table-head .et-top .et-side .et-info-list li {margin-right:5px; margin-left:5px; font-size:15px;}
.evaluation-table-wrap .evaluation-table-foot {margin-top:25px;}
.tbl-evaluation {border-top:1px solid #e5e5e5}
.tbl-evaluation tr {display:block; padding:20px 10px; border-bottom:1px solid #e5e5e5;}
.tbl-evaluation th, .tbl-evaluation td {display:block; padding:0; font-size:15px; border:none;}
.tbl-evaluation thead {display:none;}
.tbl-evaluation thead th {font-size:14px;}
.tbl-evaluation tbody th {padding-bottom:12px;}
.tbl-evaluation colgroup {display:none;}
.tbl-evaluation tbody tr[class^="bg-"], .tbl-evaluation tbody tr[class^="bg-"] {padding:0;}
.tbl-evaluation tbody tr[class^="bg-"] th, .tbl-evaluation tbody tr[class^="bg-"] td {padding:12px 10px;}
.tbl-evaluation tfoot tr {padding:0;}
.tbl-evaluation tfoot th, .tbl-evaluation tfoot td {padding:10px 10px;}
.tbl-evaluation tfoot th {padding-bottom:5px;}
.tbl-evaluation tfoot td {padding-top:0;}
.tbl-evaluation-result thead th {font-size:12px;}
.tbl-evaluation-result th, .tbl-evaluation-result td {padding:10px 10px; font-size:12px;}
.tbl-evaluation-result tbody tr[class^="bg-"] th, .tbl-evaluation-result tbody tr[class^="bg-"] td {padding:10px 10px;}
.tbl-desc-list.type-message {font-size:14px;}
.evaluation-desc {margin-bottom:15px;}
.evaluation-desc .e-tit > .cont .tbl-desc-list {margin-top:5px;}
.evaluation-desc.level-03 {padding-left:0;}
.evaluation-desc.level-04 {padding-left:0;}
.evaluation-desc.level-03 .e-tit {font-weight:500;}
.evaluation-desc.level-04 .e-tit {font-weight:500;}
.evaluation-chk-list {max-width:100%; margin-right:-15px; margin-bottom:-8px;}
.evaluation-chk-list .ev-sec {width:100%; padding-right:15px; padding-bottom:8px;}
.evaluation-chk-list .ev-sec .form-radio input[type='radio'] + label, .evaluation-chk-list .ev-sec .form-check input[type='checkbox'] + label {padding-left:20px; font-size:14px;}
.evaluation-chk-list .ev-sec .form-radio input[type='radio'] + label:before, .evaluation-chk-list .ev-sec .form-check input[type='checkbox'] + label:before {width:15px; height:15px; background-size:15px 15px;}
.evaluation-chk-list .ev-sec .form-radio .ev-score {font-size:14px;}
.tbl-evaluation-wrap table.dataTable {width:100% !important;}
.tbl-evaluation-wrap table.dataTable tbody tr:last-child {border-bottom:none;}
.tbl-evaluation-wrap table.dataTable tbody th, .tbl-evaluation-wrap table.dataTable tbody td {padding:0; border:none;}
.tbl-evaluation-wrap table.dataTable tbody th {padding-bottom:12px;}
.tbl-evaluation-wrap table.dataTable tbody th:last-child, .tbl-evaluation-wrap table.dataTable tbody td:last-child {border-right:none;}
.tbl-evaluation-wrap table.dataTable tbody tr[class^="bg-"] th, .tbl-evaluation table.dataTable tbody tr[class^="bg-"] td {padding:12px 10px;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>th, .tbl-evaluation-wrap table.dataTable>tfoot>tr>td {padding:10px 10px; border:none;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>th:last-child, .tbl-evaluation-wrap table.dataTable>tfoot>tr>td:last-child {border-right:none;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>th {padding-bottom:5px;}
.tbl-evaluation-wrap table.dataTable>tfoot>tr>td {padding-top:0;}
}

/* alert-msg */
.alert-msg {position:relative; display:flex; -webkit-box-flex:1; -webkit-flex:1; flex:1; margin-bottom:30px; padding:15px 20px; color:#000; font-size:17px; font-weight:400; line-height:150%; letter-spacing:-0.01em; text-align:left; word-break:break-all; background-color:#fff; border:1px solid #e8e8e8; border-radius:6px;}
.alert-msg i {display:block; -webkit-flex-shrink:0; flex-shrink:0; margin-right:5px; line-height:150%;}
.alert-msg .txt {display:block; width:100%; margin-bottom:5px;}
.alert-msg .txt:last-child {margin-bottom:0;}
.alert-msg.type-blue {color:#277ed7; background-color:#e9f4ff; border-color:#d8e7f5;}
.alert-msg.type-green {color:#169b5e; background-color:#e7fff4; border-color:#c4f7e0;}
.alert-msg.type-orange {color:#b7701d; background-color:#fff6e6; border-color:#f9e6c1;}
.alert-msg.type-red {color:#cb5454; background-color:#ffeded; border-color:#fddddd;}
.alert-msg.type-purple {color:#5358ad; background-color:#eeefff; border-color:#dfe0f5;}
.alert-msg.type-center {flex-wrap:wrap; justify-content:center; text-align:center;}
.alert-msg.type-center i {margin-right:0; margin-bottom:1px;}

@media (max-width:767px){
.alert-msg {margin-bottom:20px; padding:10px 15px; font-size:14px;}
.alert-msg i {margin-right:3px;}
}

/* select-list-area */
@media (min-width:1024px){
.select-list-area .select-list-box:hover::-webkit-scrollbar-thumb {background-color:#dadada;}
.select-list-area .select-list-box ul li:hover, .select-list-area .select-list-box ul li:focus {background-color:#f5f5f5;}
}
.select-list-area {width:350px; margin-bottom:20px; background-color:transparent;}
.select-list-area .tab-nav {max-width:100%; margin-bottom:15px;}
.select-list-area .select-list-box {height:540px; background-color:#fff; border:1px solid #d6dce5; border-radius:8px; overflow-y:auto;}
.select-list-area .select-list-box::-webkit-scrollbar {width:6px; height:6px;}
.select-list-area .select-list-box::-webkit-scrollbar-thumb {background-color:#eee; border-radius:6px;}
.select-list-area .select-list-box::-webkit-scrollbar-track-piece, .select-list-area .select-list-box::-webkit-scrollbar-track {background-color:transparent;}
.select-list-area .select-list-box::-webkit-scrollbar-button {display:none;}
.select-list-area .select-list-box ul {position:relative;}
.select-list-area .select-list-box ul li {padding:15px 20px; color:#616161; font-size:17px; font-weight:400; line-height:140%; letter-spacing:-0.01em; cursor:pointer;}
.select-list-area .select-list-box ul li.active {color:#3c74ff; background-color:#ecf1ff; font-weight:500;}
.select-list-area .select-list-input {margin-bottom:8px;}
.select-list-area .select-list-input .form-input {border-color:#d6dce5;}
.select-list-area .select-list-input .form-input:focus {border-color:#afb8c5;}
.select-list-area .select-list-input .btn-basic.type-white {border-color:#d6dce5;}

@media (max-width:1023px){
.select-list-area {width:auto;}
.select-list-area .select-list-box {height:240px;}
}

@media (max-width:767px){
.select-list-area .tab-nav {margin-bottom:12px;}
.select-list-area .select-list-box {height:180px; border-radius:6px;}
.select-list-area .select-list-box ul li {padding:10px 15px; font-size:14px;}
}

/* print-wrap */
@media (min-width:1024px){
.btn-df-control:not(:disabled):hover {border-color:#d5d5d5;}
}
.btn-df-control {display:inline-flex; align-items:center; justify-content:center; height:37px; padding:5px 15px; color:#fff; font-size:16px; font-weight:400; line-height:140%; letter-spacing:-0.01em; text-align:center; white-space:nowrap; background-color:transparent; border:1px solid #9b9b9b; border-radius:6px; overflow:hidden; transition:color .15s ease-out, background .15s ease-out, border .15s ease-out;}
.btn-df-control:disabled {opacity:.55; cursor:auto;}
.btn-df-control i {margin-right:3px;}
.print-wrap, .print-head {min-width:860px;}
.print-wrap {position:relative; min-height:100%; background-color:#dfdfdf; padding:90px 20px 40px 20px;}
.document-form {position:relative; width:210mm; height:297mm; margin:0 auto; padding:30px 30px; background-color:#fff; box-shadow:0px 5px 10px rgba(0, 0, 0, .1); overflow:hidden; page-break-before:always;}
.tbl-document {width:100%; height:100%; border-collapse:collapse; border:2px solid #878787 !important; overflow:hidden;}
.tbl-document th, .tbl-document td, .tbl-document th span, .tbl-document td span, .tbl-document th div, .tbl-document td div {font-family:'굴림', Gulim, sans-serif;}
.tbl-document th, .tbl-document td {color:#000; font-size:19px; font-weight:400; line-height:180%; word-break:keep-all; background-color:#fff;}
.tbl-document img {display:block; max-width:100%; width:auto; height:auto; vertical-align:middle;}
.document-form.type-rating {height:auto;}
.document-form.type-rating .tbl-document th, .document-form.type-rating .tbl-document td {padding:5px 5px; line-height:140%; text-align:center; word-break:normal; border:1px solid #878787;}
.print-head {position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:space-between; width:100%; height:60px; margin:0 auto; padding-right:15px; padding-left:15px; background-color:#333; overflow:hidden; z-index:1;}
.print-head .print-logo {display:flex; align-items:center; justify-content:flex-start;}
.print-head .print-logo img {display:block; max-width:220px; width:auto; height:auto; vertical-align:middle;}
.print-head .print-control {display:flex; align-items:center; justify-content:flex-end;}
.print-head .print-control .btn-df-control {margin-right:10px;}
.print-head .print-control .btn-df-control:last-child {margin-right:0;}
.rating-view-list {position:relative;}
.rating-view-list .rating-view-title {margin-bottom:12px;}
.rating-view-list .rating-view-item {margin-bottom:20px;}
.rating-view-list .rating-view-item:last-child {margin-bottom:0;}
.rating-view-list .rating-view-item .rating-view-cont {position:relative;}
.rating-view-list .rating-view-item .rating-view-cont .rv-thumb-list {display:flex; flex-wrap:wrap; margin-right:-10px; margin-bottom:5px;}
.rating-view-list .rating-view-item .rating-view-cont .rv-thumb-list .rv-thumb-sec {width:33.32%; padding-right:10px; padding-bottom:10px;}
.rating-view-list .rating-view-item .rating-view-cont .rv-thumb-list .rv-thumb-sec .img {position:relative; display:block; overflow:hidden;}
.rating-view-list .rating-view-item .rating-view-cont .rv-thumb-list .rv-thumb-sec .img:before {content:""; display:block; padding-top:100%;}
.rating-view-list .rating-view-item .rating-view-cont .rv-thumb-list .rv-thumb-sec .img img {position:absolute; top:50%; left:50%; max-width:100%; width:100%; height:100%; transform:translate(-50%, -50%); vertical-align:middle; object-fit:cover;}
.rating-view-list .rating-view-item .rating-view-cont .rv-txt {font-size:16px; line-height:140%;}
.print-foot {margin-top:30px;}
.print-foot .btn-flex-area {margin:0;}

@page {
	size:210mm 297mm;
	margin:0;
 }

 @media print {
 	* {-webkit-print-color-adjust:exact; print-color-adjust:exact;}
	html, body {margin:0; padding:0; page-break-after:avoid; page-break-before:avoid;}
	.print-wrap {padding:0; background-color:#fff;}
	.document-form {box-shadow:none;}
	.print-head, .print-foot {display:none;}
	.tbl-document {page-break-inside:auto;}
	.tbl-document tr {page-break-inside:auto; page-break-after:auto;}
	.tbl-document thead {display:table-header-group;}
	.tbl-document tfoot {display:table-footer-group;}
}

/* tbl-tab */
@media (min-width:1024px) {
.tbl-tab > ul > li .tab-item .tab-delet:hover {background-color:#e9e9e9;}
.tbl-tab > ul > li.on .tab-item .tab-delet:hover {background-color:#111;}
}
.sec-top .sec-tit .btn-basic {min-width:auto; width:auto; height:31px; margin-top:-1px; margin-left:8px; padding:3px 8px; font-size:15px; border-radius:6px; vertical-align:middle;}
.sec-top .sec-tit .btn-basic i {margin-right:0; margin-left:3px;}
.tbl-tab {margin-top:20px; white-space:nowrap;}
.tbl-tab > ul {display:flex; overflow-x:auto;}
.tbl-tab > ul > li {display:inline-flex; padding-right:5px; padding-left:5px;}
.tbl-tab > ul > li:first-child {padding-left:0;}
.tbl-tab > ul > li:last-child {padding-right:0;}
.tbl-tab > ul > li .tab-item {position:relative;}
.tbl-tab > ul > li .tab-item .tab-link {display:flex; align-items:center; justify-content:center; height:45px; padding-right:40px; padding-left:15px; text-align:center; background-color:#f5f5f5; border:1px solid #f5f5f5; border-radius:10px 10px 0 0;}
.tbl-tab > ul > li .tab-item .tab-link .txt {display:block; color:#7f7f7f; font-size:16px; font-weight:500; line-height:110%;}
.tbl-tab > ul > li .tab-item .tab-delet {position:absolute; top:50%; right:10px; display:flex; align-items:center; justify-content:center; width:22px; height:22px; margin-top:-11px; background-color:transparent; background-image:url('../images/ico/ico-tab-delet-off.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:10px auto; border:none; border-radius:30px; transition:background .15s ease-out;}
.tbl-tab > ul > li.on .tab-item .tab-link {background-color:#333; border-color:#333;}
.tbl-tab > ul > li.on .tab-item .tab-link .txt {color:#fff;}
.tbl-tab > ul > li.on .tab-item .tab-delet {background-image:url('../images/ico/ico-tab-delet-on.png');}

@media (max-width:767px) {
.sec-top .sec-tit .btn-basic {height:26px; margin-left:6px; padding:3px 8px; font-size:13px; border-radius:4px;}
.tbl-tab {margin-top:15px;}
.tbl-tab > ul > li {padding-right:3px; padding-left:3px;}
.tbl-tab > ul > li .tab-item .tab-link {height:38px; padding-right:32px; padding-left:12px; border-radius:8px 8px 0 0;}
.tbl-tab > ul > li .tab-item .tab-link .txt {font-size:14px;}
.tbl-tab > ul > li .tab-item .tab-delet {right:6px; width:22px; height:22px; margin-top:-11px; background-size:9px auto;}
}

.form-chk-list {display:flex; flex-wrap:wrap; margin-top:10px; margin-right:-15px; margin-bottom:5px;}
.form-chk-list .fc-sec {position:relative; display:inline-flex; flex-wrap:wrap; margin-right:15px; margin-bottom:5px;}