@charset "utf-8";


/* 전역 스타일 */
:root {
  --primary:#ef3b24;
  --button-primary:#444;
  --button-primary-hover:#000;
}



.text-tiny{font-size:0.7em}
.text-small{font-size:0.85em}
.text-big{font-size:1.4em}
.text-huge{font-size:1.8em}


.alert-popup-window{display:none;z-index:100000;position:absolute;top:100px;left:50%;width: 767px;transform:translateX(-50%);background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5)}
.alert-popup-window .alert-head{display:flex;align-items:center;padding: 20px} 
.alert-popup-window .alert-head .head-title{flex:1}
.alert-popup-window .alert-head .head-title img{height:40px}
.alert-popup-window .alert-head .head-close .close-exit{width:30px;height:30px;border-radius:3px;background-color:#393c3d;line-height: 0}
.alert-popup-window .alert-head .head-close .close-exit img{width:14px}
.alert-popup-window .alert-body{position:relative;overflow:hidden;border-radius:10px;margin:0 20px;border:1px solid #ddd}
.alert-popup-window .alert-body .body-list{position:relative;display:flex;}
.alert-popup-window .alert-body .body-list .list-item{flex: 0 0 100%;padding:1px}
.alert-popup-window .alert-body .body-list .list-item a{position:relative;display:block;height: 443px;line-height:100%;outline-offset:0;border-radius:10px;overflow:hidden}
.alert-popup-window .alert-body .body-list .list-item a img{max-width:100%;max-height: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.alert-popup-window .alert-foot{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;color:#333;font-weight:500}
.alert-popup-window .alert-foot .foot-control{flex:1}
.alert-popup-window .alert-foot .foot-control button{width:25px;height:25px;background:no-repeat 50% 50%}
.alert-popup-window .alert-foot .foot-control .prev{flex:1;background-image:url(../../../../images/name/user/styleguide/alert-popup-slide-prev.png)}
.alert-popup-window .alert-foot .foot-control .next{flex:1;background-image:url(../../../../images/name/user/styleguide/alert-popup-slide-next.png)}
.alert-popup-window .alert-foot .foot-control .stop{flex:1;background-image:url(../../../../images/name/user/styleguide/alert-popup-slide-stop.png)}
.alert-popup-window .alert-foot .foot-control .play{display:none;flex:1;background-image:url(../../../../images/name/user/styleguide/alert-popup-slide-play.png)}
.alert-popup-window .alert-foot .foot-close{flex:0 0 auto}
.alert-popup-window .alert-foot .foot-close .close-day{padding-left: 25px;line-height:120%}
.alert-popup-window .alert-foot .foot-close .close-exit{margin-left:10px;padding-left:10px;position:relative;line-height:100%}
.alert-popup-window .alert-foot .foot-close .close-exit::before{content:'';position:absolute;top:3px;left:-1px;width:1px;height:10px;background-color:#aaa}

@media screen and (max-width:1000px) {
	.alert-popup-window{top:50px}
}
@media screen and (max-width:800px) {
	.alert-popup-window{top:20px;width:440px}
	.alert-popup-window .alert-body .body-list .list-item a{height:243px}
}

.dark-screen-mode .alert-popup-window{background-color:var(--default-box)}
.dark-screen-mode .alert-popup-window .alert-head .head-title{filter:grayscale(100%) invert(100%)}
.dark-screen-mode .alert-popup-window .alert-close .close-day{color:var(--default-text)}


#wrap{position: relative;min-width:480px;max-width:100%;overflow:hidden}

.style-header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding: 40px 20px;border-bottom:1px solid #ddd}
.style-header hgroup{flex:0 0 auto;display:flex;align-items:center}
.style-header .header-logo{width: 300px}
.style-header .header-logo a{display:block;line-height:0}
.style-header .header-title{margin-left:25px}
.style-header .header-title span{font-size:22px;font-weight:600;letter-spacing:-1px;color:#000}
.style-header .header-title small{color:inherit}
.style-header .header-darkmode{margin-left:25px}
.style-header .header-zoom{width:200px;margin-left:15px}

.style-footer{padding:50px 0;background-color:#363636}
.style-footer .footer-logo{text-align:center}
.style-footer .footer-logo img{width: 300px;opacity:0.4}

.style-main{padding:30px 20px;flex:1;min-width:0}
  .style-container{display:flex;max-width: 1400px;margin: 0 auto;flex-wrap: nowrap}

    .style-gnb{width: 240px;padding: 30px 0;margin-right: 50px}
    .style-gnb ul li a{display:block;padding:15px;font-size:18px;border:1px solid #ddd;color:#757575}
    .style-gnb ul li a.is-selected{color:#000;border-color:#1e2d8e}
    .style-gnb ul li ~ li{margin-top:2px}

    .style-contents{padding: 30px 0 100px;flex: 1;min-width: 0}


/* .img-mode-light{} */
.img-mode-dark{display:none}

.style-mobile-gnb{display:none;position:absolute;top:13px;right:0;padding:20px}
.style-mobile-gnb rect{fill:#333}

@media (max-width:1200px) {
  .style-gnb{display:none}
  .style-contents{width:100%}
}
@media (max-width:1000px) {
  .style-header{padding:0}
  .style-header hgroup{flex-basis:100%;justify-content:left;padding:20px;border-bottom:1px dashed #ddd}
  .style-header .header-logo{width: 170px}
  .style-header .header-title span{font-size:18px !important}
  .style-header .header-title small{font-size:12px !important} 
  .style-header .header-darkmode{width:180px;margin:15px 7px}
  .style-header .header-zoom{width:180px;margin:15px 7px}
  .style-header .header-darkmode button,
  .style-header .header-zoom button{font-size:14px}

  .style-mobile-gnb{display:block}
}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.checkbox{color:#666}
.checkbox:hover{color:var(--button-primary)}
.checkbox span{display:inline-block;width:25px;height:25px;border-radius:100%;border: 1px solid #999;vertical-align:-7px;margin-right:5px;background: #fff url(../../../../images/name/user/styleguide/account-save-user-id-check.png) no-repeat 50% 6px;transition:background 100ms ease-out}
.checkbox.is-checked{font-weight:700;color:#000}
.checkbox.is-checked span{border-color:var(--button-primary);background-color:var(--button-primary);background-image: url(../../../../images/name/user/styleguide/account-save-user-id-checked.png)}

.importantbox{display:flex;align-items:center;padding:30px;border:1px solid #ddd;border-radius:7px;margin-bottom:10px}
.importantbox .important-title{flex:1 1 auto}
.importantbox .important-title strong{line-height:140%;font-weight:700;color:#000;font-size:18px}
.importantbox .important-button{flex:0 0 auto}

.importantbox>.list{margin-top:0}
@media screen and (max-width:700px) {
  .importantbox{display:block;text-align:center;padding:30px 0;border-width:1px 0;border-radius:0} 
  .importantbox .important-title strong{font-size:16px}
  .importantbox .important-button{margin-top:20px}
} 

.borderbox{padding:30px;border:1px solid #ddd;border-radius:7px;margin-bottom:10px}
.borderbox-title{display:block;font-weight:700;font-size:17px;line-height:145%;color:#000}
.borderbox-title + *{margin-top:10px !important}
* + .borderbox{margin-top:10px}
.borderbox .list{margin-top:0}
@media screen and (max-width:1240px) {
  .borderbox{padding:20px}
  .borderbox-title{text-align:left}
  .borderbox-title br{display:none}
}

/* 사이트 준비중 */
.ready-site{position:relative;height:100vh;display:flex;justify-content:center;align-items:center}
.ready-site .ready-site-head{z-index:-1;position:absolute;left:0;top:0;width:100%;height:50vh;background:url(../../../../images/name/user/styleguide/ready-site-bg.png) no-repeat 50% 0 / cover}
.ready-site .ready-site-body{text-align:center}
.ready-site .ready-site-body .ready-site-title{text-align:center}
.ready-site .ready-site-body .ready-site-title img{width:230px;margin-bottom:70px}
.ready-site .ready-site-body .ready-site-title strong{display: block;color:#14293e;font-size:28px;font-weight:600;font-family:'Pretendard', 'Noto Sans KR', sans-serif;line-height:140%}
.ready-site .ready-site-body .ready-site-title strong span{display:inline-block;color:#014a93;font-size:40px;margin-top:20px}
.ready-site .ready-site-body .ready-site-title strong span + span {color:inherit}
.ready-site .ready-site-body .ready-site-descript{width:750px;height:470px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;margin-top:90px;border-radius:20px;box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2)}
.ready-site .ready-site-body .ready-site-descript p{line-height:180%;font-size:17px;margin-top:50px}

/* 준비중 - 콘텐츠 */
.ready-contents{text-align:center;padding: 110px 0}
.ready-contents strong{display:block;margin-top:45px;font-size:42px;font-weight:700;font-family:'Pretendard', 'Noto Sans KR', sans-serif;color:#1365ae}
.ready-contents p{line-height:150%;text-align:inherit;margin-top:15px;color:#555}

/* 준비중 - 기능 */
.ready-functions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px;background-color:#f8f8f8;border-radius:15px}
.ready-functions img{width:200px;margin-right:30px}
.ready-functions strong{display:block;margin-top:25px;font-size:32px;font-weight:600;font-family:'Pretendard', 'Noto Sans KR', sans-serif;color:#1365ae}
.ready-functions p{line-height:150%;text-align:inherit;margin-top:15px;color:#555}
@media screen and (max-width:630px) {
  .ready-functions div{width:100%;text-align: center}
}


.flexbox{display:flex;flex-wrap:wrap;padding:30px;border-bottom:1px dashed #aaa}
.flexbox>*{flex:1 1 auto}



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

  스타일 가이드 시작

*/

hr{height:100px;margin:50px 0;border-width:0;background:#f5f5f5 url(../../../../images/name/user/styleguide/hr.png);opacity:0.3}

/* 기본 텍스트 스타일 */
.bold-500{font-weight:500;color:#000}
.bold-700{font-weight:700;color:#000}
.bold-900{font-weight:900;color:#000}

input[type="checkbox"]+span::before{background:url(../../../../images/name/user/styleguide/checkbox.png) no-repeat 50% 50%}
input[type="checkbox"]:checked+span::before{background:url(../../../../images/name/user/styleguide/checkbox-checked.png) no-repeat 50% 50%}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], select, textarea{border-radius:3px;border-color:#c5c9d6}

/************************************
*   
*   스타일 가이드 시작 2021-10-05
*
*************************************/

.left{text-align:left}
.right{text-align:right}
.center{text-align:center}

.color-default{color: #1e2d8e}
.color-red{color: var(--primary)}
.color-green{color: #0b9096}
.color-blue{color: #0022d5}

.tip-message{padding-left: 25px;margin:0 0 10px;line-height:145%;background:url(../../../../images/name/user/styleguide/icon-tooltip.png) no-repeat 0 2px}
*+.tip-message{margin-top: 20px}
.info-message{padding-left:25px;margin-top: 5px;font-size:16px;line-height: 140%;background: url(../../../../images/name/user/styleguide/icon-tooltip.png) no-repeat 0 2px;color:#000;font-weight:500}
*+.info-message{margin-top: 5px}
.info-message+*{margin-top:5px}

.error-message{display:flex;align-items:center;width:100%;margin-top:5px;font-size:15px;line-height: 110%;color:#ff5050;padding-left:23px;background:url(../../../../images/name/user/styleguide/warning.png) no-repeat 0 0;font-weight:500}
.success-message{display:flex;align-items:center;width:100%;margin-top:5px;font-size:15px;color:var(--button-primary);line-height: 110%;padding-left:23px;background:url(../../../../images/name/user/styleguide/success.png) no-repeat 0 0;font-weight:500}

/* 로딩바 */
.common-loadingbar{ z-index:10000;position:fixed;top:50%;left: 50%;width:44px;height:44px;transform:translate(-50%, -50%)}
.common-loadingbar circle{ width:100%;height:100%;fill:none;stroke:rgba(0, 0, 0, 0.25);stroke-width:4px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:100;transform-origin:calc(50% - 2px) calc(50% - 2px);transform:translate(2px, 2px) rotate(0deg);animation:playCircle 1000ms infinite linear}
@keyframes playCircle{
  0%{ stroke-dashoffset:200;transform:translate(2px, 2px) rotate(-90deg)}
  40%{ stroke-dashoffset:90;transform:translate(2px, 2px) rotate(90deg)}
  60%{ stroke-dashoffset:90;transform:translate(2px, 2px) rotate(210deg)}
  100%{ stroke-dashoffset:200;transform:translate(2px, 2px) rotate(630deg)}
} 


/* 버튼 */
.button-container{display:flex;flex-wrap:wrap;margin-top:20px}
.button-container>*{flex:0 1 auto}
.button-container>* ~ *{margin-left:5px}  
.button-container.center{position: relative;justify-content:center}
.button-container.right{justify-content:right}

/* primary */
.btn-primary-default{min-width: 100px;padding:0 15px;text-align:center;height: 46px;background-color:var(--button-primary);border:1px solid var(--button-primary);border-radius:3px}
.btn-primary-default span{display:flex;justify-content:center;align-items:center;width: 100%;height: 100%;font-weight:500;color:#fff}
.btn-primary-default span img{margin-right:5px}
.btn-primary-default:hover{box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}
.btn-primary-default [class*=cms-icon]{margin-right:5px}
.btn-primary-default [class*=cms-icon]::before{color:#fff}

.btn-primary-line{min-width:100px;height: 46px;padding:0 15px;text-align:center;background-color:#fff;border:1px solid var(--button-primary);border-radius:3px}
.btn-primary-line span{display: flex;align-items: center;font-weight:500;height: 100%;justify-content: center;color:var(--button-primary)}
.btn-primary-line span img{margin-right:5px}
.btn-primary-line:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-primary-line:hover span{color:var(--button-primary-hover)}
.btn-primary-line [class*=cms-icon]{margin-right: 0}
.btn-primary-line [class*=cms-icon]::before{color:var(--button-primary)}


/* small */
.btn-small-default{padding:0 15px;display:inline-block;text-align:center;background-color:var(--button-primary);border:1px solid var(--button-primary);border-radius:3px}
.btn-small-default span{position:relative;display:block;padding: 10px 20px 10px 0;color:#fff}
.btn-small-default span::after{content:'';position:absolute;top:50%;right:0;width:7px;height:12px;transform:translateY(-50%);background:url(../../../../images/name/user/styleguide/btn-arr-white.png) no-repeat}
.btn-small-default:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}

.btn-small-line{padding:0 15px;display:inline-block;text-align:center;background-color:#fff;border:1px solid #7a8796;border-radius:3px}
.btn-small-line span{position:relative;display:block;padding: 10px 20px 10px 0;font-weight:500;color:#616367}
.btn-small-line span::after{content:'';position:absolute;top:50%;right:0;width:7px;height:12px;transform:translateY(-50%);background:url(../../../../images/name/user/styleguide/btn-arr-black.png) no-repeat}
.btn-small-line:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-small-line:hover span{color:var(--button-primary-hover)}

.btn-small-icon{padding:0 15px;display:inline-block;background-color:#fff;border:1px solid #7a8796;border-radius:3px}
.btn-small-icon span{position: relative;display:block;padding: 10px 25px 10px 0;font-weight:500;color:#616367}
.btn-small-icon span img{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.btn-small-icon:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-small-icon:hover span{color:var(--button-primary-hover)}

/* large */
/* large */
.btn-large-primary{min-width: 150px;padding: 0 20px;text-align:center;background-color:#00468c;border:1px solid #00468c;border-radius:5px}
.btn-large-primary span{display: flex;height: 44px;justify-content: center;align-items: center;font-weight: 500;font-size:17px;color:#fff}
.btn-large-primary span img{margin-right:5px}
.btn-large-primary:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}
.btn-large-primary.is-selected{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}


.btn-large-default{min-width: 150px;padding: 0 20px;text-align:center;background-color:#444444;border:1px solid #444444;border-radius:5px}
.btn-large-default span{display: flex;height: 44px;justify-content: center;align-items: center;font-weight: 500;font-size:17px;color:#fff}
.btn-large-default span img{margin-right:5px}
.btn-large-default:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}
.btn-large-default.is-selected{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}

.btn-large-line{min-width: 150px;padding:0 20px;text-align:center;background-color:#fff;border:1px solid var(--button-primary);border-radius:5px}
.btn-large-line span{display: flex;height: 44px;justify-content: center;align-items: center;font-weight: 500;font-size:17px;color:var(--button-primary)}
.btn-large-line span img{margin-right:5px}
.btn-large-line:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-large-line:hover span{color:var(--button-primary-hover)}
.btn-large-line.is-selected{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-large-line.is-selected span{color:var(--button-primary-hover)}

/* file */
.btn-file-icon{vertical-align:middle;padding:0 15px;text-align:center;background-color:#fff;border:1px solid var(--button-primary);border-radius:3px}
.btn-file-icon span{display:flex;align-items:center;position:relative;padding: 10px 0}
.btn-file-icon span img{flex:0 1 auto;height: 15px;margin-left:10px}
.btn-file-icon:hover{box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);border-color:var(--button-primary-hover)}
.btn-file-icon:hover span{color:var(--button-primary-hover)}

/* text */
.btn-text{position:relative;}
.btn-text::before{content:'';position:absolute;bottom: -4px;left:0;width:100%;border-bottom:1px solid #256ef4;transition:inherit;opacity:0;transition:opacity 100ms ease-out}
.btn-text[target="_blank"]:visited,
.btn-text[target="_blank"]:active,
.btn-text[target="_blank"]:hover,
.btn-text[target="_blank"]:link{color:#256ef4}
.btn-text[target="_blank"]::after{content:'';display:inline-block;width: 16px;height: 16px;margin-left:5px;background: url(../../../../images/name/user/styleguide/icon-window.png) no-repeat 100% 50%;transition:background 100ms ease-out;vertical-align: -2px;}
.btn-text[target="_blank"]:hover::before{opacity:1}
.btn-text[target="_blank"]:hover::after{background-image:url(../../../../images/name/user/styleguide/icon-window-hover.png)}

/* toggle */
.btn-mode-toggle{position:relative;width: 150px;height: 44px;border-radius:25px;overflow:hidden;background-color:#fff;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3);transition:background-color 300ms ease-out}
.btn-mode-toggle .toggle-symbole{position:absolute;top: 6px;width:32px;height:32px;border-radius:100%;display:flex;justify-content:center;align-items:center;transition:left 300ms ease-out}
.btn-mode-toggle .toggle-symbole svg{width: 20px}
.btn-mode-toggle .toggle-mode-dark{fill: #fff}
.btn-mode-toggle .toggle-mode-light{display:none}
.btn-mode-toggle span{text-align:left;padding-top: 13px;width:inherit;height:inherit;border-radius:25px;transition:all 300ms ease-out}
.btn-mode-toggle .dark{padding-left: 45px;color: #fff}
.btn-mode-toggle .light{padding-left: 45px;color: #fff}

.btn-mode-toggle.is-light{background-color: #262732}
.btn-mode-toggle.is-light .toggle-symbole{left: 7px}
.btn-mode-toggle.is-light .dark{display:block}
.btn-mode-toggle.is-light .light{display:none}

.btn-mode-toggle.is-dark{background-color: #262732}
.btn-mode-toggle.is-dark .toggle-symbole{left: 7px}
.btn-mode-toggle.is-dark .dark{display:none}
.btn-mode-toggle.is-dark .light{display:block}
.btn-mode-toggle.is-dark .toggle-mode-dark{fill:#ffd367}



/* 만족도 조사 2 */
.review-contents{margin-top:70px;padding-top:25px;border: 1px solid #c5c9d6}
.review-contents .review-contents-head{padding: 0 25px}
.review-contents .review-contents-body{margin-top:25px;padding-bottom:20px;border-top: 1px solid #ddd}
.review-contents .review-contents-body .star-wrapper{display:flex;flex-wrap:wrap;padding: 25px 25px 0}
.review-contents .review-contents-body .star-wrapper label{flex: 0 1 auto;display:flex;flex-wrap: wrap}
.review-contents .review-contents-body .star-wrapper label ~ label{margin-left:25px}
.review-contents .review-contents-body .star-wrapper .star-value{margin-left: 30px}
.review-contents .review-contents-body .star-wrapper .star-value img{vertical-align: -2px}
.review-contents .review-contents-body .etc-wrapper{width:100%;display:flex;align-items:flex-start;margin-top:15px;padding:0 25px}
.review-contents .review-contents-body .etc-wrapper label{width: 100px;height:40px;display:flex;justify-content:center;align-items:center;flex: 0 0 auto}
.review-contents .review-contents-body .etc-wrapper button{flex: 0 0 auto;width:100px;height: 38px;text-align:center;padding:0;margin-left:5px}
.review-contents .review-contents-body .button-wrapper{margin-top:15px;text-align:center}
.review-contents .review-contents-body .button-wrapper button{width:100px;height:40px;padding:0;text-align:center}
.review-contents .review-contents-foot{padding:25px;background-color: #fafbff;border-top:1px solid #ddd}
.review-contents .review-contents-foot .department-info{display:flex}
.review-contents .review-contents-foot .department-info li{display:flex;flex-wrap:wrap}
.review-contents .review-contents-foot .department-info li ~ li{margin-left:30px}
.review-contents .review-contents-foot .department-info li span{flex:0 0 auto;color: #555}
.review-contents .review-contents-foot .department-info li span ~ span{margin-left:10px}
.review-contents .review-contents-foot .department-info .part{padding-left:25px;background:url(../../../../images/name/user/styleguide/icon-face.png) no-repeat 0 50%}
.review-contents .review-contents-foot .department-info .tel{padding-left:28px;background:url(../../../../images/name/user/styleguide/icon-tell.png) no-repeat 0 50%}

.review-contents .error-message{margin:5px 25px}
@media screen and (max-width:1000px) {
  .review-contents .review-contents-body .star-wrapper label{flex:1 1 auto;justify-content:center}
  .review-contents .review-contents-body .star-wrapper label input[type="radio"]{left:50%;margin-left:-12.5px}
  .review-contents .review-contents-body .star-wrapper .star-value{display:block;flex-basis:100%;text-align:center;margin-top:10px}
  .review-contents .review-contents-body .star-wrapper .star-value img{display:block;margin:5px auto 0}

}
@media screen and (max-width:768px) {
  .review-contents .review-contents-head{padding:0 20px}
  .review-contents .review-contents-body .star-wrapper{padding:20px}
  .review-contents .review-contents-body .star-wrapper label{flex-basis:100%;justify-content:flex-start}
  .review-contents .review-contents-body .star-wrapper label ~ label{margin:0;margin-top: 13px}
  .review-contents .review-contents-body .star-wrapper label input[type="radio"]{left:1px;margin-left:0}
  .review-contents .review-contents-body .star-wrapper .star-value{display:inline-block;flex-basis:auto;margin:0 0 0 5px;text-align:initial}
  .review-contents .review-contents-body .star-wrapper .star-value img{display:inline-block;margin:0}
  .review-contents .review-contents-body .etc-wrapper{padding:0 20px;margin:0}
  .review-contents .review-contents-foot{padding:20px}
  .review-contents .review-contents-foot .department-info{justify-content:center}
}
/********************************************************** 

  온라인서식 박스 정렬 (2021 정진환)

***********************************************************/
.formbox:first-of-type{/* border-top: 2px solid #505c78; */}
.formbox > .formbox:first-of-type{border-top-width:0}

.formbox{display:flex;border-bottom: 1px solid #eaecf1;min-width: 0}
.formbox>div{flex: 0 1 auto}
.formbox .form-label{flex: 0 0 195px;box-sizing: content-box;padding: 15px 0 15px 25px;height: 46px;display: flex;flex-wrap: wrap}
.formbox .form-label .label{font-size: 18px;font-weight: 500;display: flex;flex-wrap: wrap;align-items: center;color:#000} 
.formbox .label i{line-height:inherit;margin-left: 5px;color: var(--primary);}
.formbox .form-label .label label+.btn-tooltip{margin-left:5px} 
.formbox .form-max, .formbox .form-normal{align-self: center;padding: 15px 0;line-height: 140%}
.formbox .form-max, .formbox .form-normal.width-max{flex: 1 1 auto;position: relative;min-width: 0}
.formbox .form-max label, .formbox .form-normal label{margin: 5px 10px 5px 0;padding-left: 27px;line-height: 140%;}
.formbox .form-max input[type="password"], .formbox .form-normal input[type="password"]{min-width:223px}
/*.formbox input[type="text"]{min-width:223px}*/

.form-datepicker{position:relative;display:flex;flex-wrap:nowrap;flex:0 1 auto}
.form-datepicker input[type=text]{flex:0 1 auto}

.form-daterange{display:flex;flex:0 0 auto;align-items:center}
.form-daterange .form-datepicker{min-width:0;flex:1}
.form-daterange .mid{padding: 0 10px;justify-content:center}
.form-daterange [readonly] ~ span{background-color:transparent}
.form-datepicker ::placeholder{color:#ccc}
.form-datepicker .datepicker-opener{
	position:absolute;
	top: 2px;
	right: 2px;
	width: 44px;
	height: calc(100% - 4px);
	background: url(../../../../images/name/user/styleguide/fn-datepicker.png) 50% 50% no-repeat;
	border-radius:2px;
	transition: background-color 100ms ease-out
}
.form-datepicker .datepicker-opener:hover{
	background-color: #eaeaea 
}
.form-datepicker  .is-valid-false{outline-color:#f00}


@media screen and (max-width:1000px) {
	.form-datepicker, .form-daterange{flex:1 1 100%}
}

.formbox .form-max .label ~ .label::before{content:',';display:inline-block;margin-right:3px}
.formbox .form-normal .label ~ .label::before{content:',';display:inline-block;margin-right:3px}
.formbox .form-selectbox{min-width: 233px}

@media screen and (max-width: 1000px) {
  .formbox{display:block;padding: 15px 10px;border-bottom-style:dashed}
  .formbox .form-label{min-width:100%;width:100%;height:auto;padding:0;margin-bottom:10px;text-align:left}
  .formbox .form-max,
  .formbox .form-normal{padding:0;max-width:100%}
}


.formbox .form-align{display:flex;flex-wrap:nowrap;flex: 1 1 auto}
.formbox .form-align>*{display:flex;flex:1 1 auto;flex-wrap:wrap}
.formbox .form-align>* ~ *{margin-left:5px}

.formbox .form-align.col-10>*{flex-basis:10%}
.formbox .form-align.col-10>*:nth-child(10n+1){margin-left:0}
.formbox .form-align.col-9>*{flex-basis:11.11%}
.formbox .form-align.col-9>*:nth-child(9n+1){margin-left:0}
.formbox .form-align.col-8>*{flex-basis:12.5%}
.formbox .form-align.col-8>*:nth-child(8n+1){margin-left:0}
.formbox .form-align.col-7>*{flex-basis:14.28%}
.formbox .form-align.col-7>*:nth-child(7n+1){margin-left:0}
.formbox .form-align.col-6>*{flex-basis:16.66%}
.formbox .form-align.col-6>*:nth-child(6n+1){margin-left:0}
.formbox .form-align.col-5>*{flex-basis:20%}
.formbox .form-align.col-5>*:nth-child(5n+1){margin-left:0}
.formbox .form-align.col-4>*{flex-basis:25%}
.formbox .form-align.col-4>*:nth-child(4n+1){margin-left:0}
.formbox .form-align.col-3>*{flex-basis:33.33%}
.formbox .form-align.col-3>*:nth-child(3n+1){margin-left:0}
.formbox .form-align.col-2>*{flex-basis:50%}
.formbox .form-align.col-2>*:nth-child(2n+1){margin-left:0}

.formbox .form-align>button{flex:0 0 auto;flex-basis:100px !important}

.formbox .form-align input, .formbox .form-align select{min-width: 0}


.formbox.___active_aligns{flex-wrap:nowrap}

.formbox .form-align .formbox{padding:0;margin:0;border:0}
.formbox .form-align .formbox .form-label+*{flex:1 1 auto}
.formbox .form-align .formbox .form-label+.form-normal{flex:0 1 auto}
.formbox .form-align .formbox ~ .formbox{margin-left: 10px}

.formbox .form-align .___inner_forms{flex-wrap:nowrap}
.formbox .form-align .___inner_forms .form-label{margin: 5px 0;padding: 0 5px 0 10px;margin-right:5px;/* background-color: #f3f3f3; */display: flex;min-height: 0;border-radius: 3px;font-size: 13px;align-items: center}
.formbox .form-align .___inner_forms .form-label::before{display:none}
.formbox .form-align .___inner_forms .form-label+*{flex: 1 1 auto;width:auto} 

.formbox .form-align .form-selectbox{min-width:0}

@media screen and (max-width:1000px) {
  .form-normal>div ~ div{margin:5px 0 0}
  .formbox .form-align{flex-wrap:wrap}
  .formbox .form-align>*{flex:1 1 100% !important}
  .formbox .form-align>*{margin-left:0 !important}
  .formbox>*:nth-child(1) ~ *{margin-left:0}
  
  .formbox .form-align .formbox .form-label+.form-normal{flex:1 1 auto}
  .formbox .form-align .formbox ~ .formbox{border-top:1px dashed #eaecf1;margin-top:15px;padding-top:15px}

  .formbox .form-align .form-selectbox{width:100%}
  .formbox .form-align .form-selectbox ~ .form-selectbox{margin-top:5px}
  .formbox .form-align .form-selectbox ~ .form-selectbox + button{margin-top:5px}

}


@media screen and (max-width:800px) {
  .formbox.___active_aligns{flex-wrap:wrap}
  .formbox.___active_aligns>*{width:100%}
}


/* 캡차 */
.captcha-wrapper{display:flex}
.captcha-wrapper .captcha-img{flex:0 0 auto;height: 46px}
.captcha-wrapper .captcha-img img{display:block;height:100%;max-width:none;background-color:#fff}
.captcha-wrapper .captcha-util{flex:0 0 auto;display:flex;margin-left:2px}
.captcha-wrapper .captcha-util button{width: 46px;height: 46px;padding:0;border:1px solid #ddd;background-color:#fff;border-radius:3px}
.captcha-wrapper .captcha-util button ~ button{margin-left:2px}
.captcha-wrapper .captcha-input{flex:0 1 auto;height:40px;margin-left:2px}
.captcha-wrapper .captcha-input input{text-align:center}

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

  온라인서식 (2021 정진환)

**********************************************************/
/*버튼*/
.form-buttons{display:flex;flex:1}
.form-buttons button{flex:0 0 auto;margin-left:5px}
/*일반 텍스트*/
.form-text{padding:15px 0;margin:-7px 0;line-height:135%}
/* 아이디 입력상자 */
.form-id{flex: 1 1 auto;display:flex;align-items:center}
.form-id input{flex: 0 1 auto}
.form-id button{height: 40px;flex: 0 0 auto;padding: 0 15px;background-color: #6d6e78;border-radius: 3px;color: #fff;min-width: 100px;;margin-left:5px}

/* 주소입력상자 */
.form-address{flex: 1 1 auto;flex-wrap:wrap}
.form-address .copy-address{margin-bottom:10px}
.form-address .copy-address input[type="checkbox"]+span{vertical-align:-3px}
.form-address .address-post{display:flex;position:relative;width: 250px}
.form-address .address-post>input{flex:1;border-radius:3px 0 0 3px;border-right-width:0;min-width: auto}
.form-address .address-post button{flex: 0 0 135px;height: 46px;padding: 0 10px;border-radius:0 3px 3px 0}
.form-address .address-post [class^="cms-icon"]{margin-right:5px}
.form-address .address-post ~ input{margin-top:5px;width:100%}


/* 선택상자 */
.form-selectbox{display:block;position:relative;border-radius: 3px;min-width: 130px;background-color:#fff}
.form-selectbox select{z-index:1;position:relative;width: 100%;padding-right: 50px;background-color:transparent}
.form-selectbox select[readonly]{position:static}
.form-selectbox::before{content:'';position:absolute;top: 0;height: 100%;right: 40px;border-left: 1px solid #c5c9d6}
.form-selectbox::after{content:'';z-index: 10;width: 9px;height: 5px;background: url(../../../../images/name/user/styleguide/selectbox-arrow.png) no-repeat 50% 50%;position:absolute;top: 21px;right: 16px}
/* 전화번호 */
.form-telephone{display:flex;flex-wrap: nowrap;border:1px solid #d5d5d5;border-radius: 3px;width:100%;max-width: 500px}
.form-telephone[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-telephone select{width:100%;height:44px;text-align-last:center;border:0}
.form-telephone input[type=number]{width:100%;height:44px;text-align:center;border:0} 
.form-telephone input[type=number]:focus{position:relative}
.form-telephone span{min-width: 20px;display: flex;justify-content: center;align-items: center;background-color: #fff;color: #8d8d8d}
.form-telephone[readonly]+span{background-color:#f7f7f7}
/* 생년월일 */
.form-birth{padding-right:10px;display:flex;flex-wrap: nowrap;border:1px solid #d5d5d5;border-radius: 3px;width:100%;max-width: 500px}
.form-birth[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-birth input[type=number]{height:44px;text-align:center;border:0}
.form-birth input[type=number]:focus{position:relative}
.form-birth span{min-width: 20px;display: flex;justify-content: center;align-items: center;color: #8d8d8d}
.form-birth[readonly]+span{background-color:#f7f7f7}
/* 외국인등록번호 */
.form-outlier{display:flex;flex-wrap: nowrap;border:1px solid #d5d5d5;border-radius:3px;width:100%;max-width:500px}
.form-outlier input[type=number]{text-align:center;border:0} 
.form-outlier span{min-width: 25px;display: flex;background: #fff;justify-content: center;align-items: center;color: #8d8d8d}
/* e메일 */
.form-email{display:flex;flex: 1 1 auto;border:1px solid #d5d5d5;border-radius: 3px;max-width: 500px}
.form-email[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-email select, .form-email input{height: 50px;border:0}
.form-email select:focus, .form-email input:focus{z-index:1;position:relative}
.form-email input[type="text"]{flex: 1;min-width:0}
.form-email span{min-width: 25px;display: flex;background: #fff;justify-content: center;align-items: center;color: #8d8d8d}
.form-email-readonly{max-width:350px}
.form-email-readonly input{width:100%}
.form-email .form-selectbox{flex: 0 0 auto;min-width:0}

/* 체크박스 리스트  */
.form-checkbox{flex:1 1 auto;display:flex;align-items:center;justify-content: flex-start;flex-wrap:wrap}
.form-checkbox label{flex:0 0 auto;margin:10px 10px 10px 0;line-height: 110%;padding-left: 27px}
.form-checkbox-other{flex:1 1 auto;display:flex;align-items:center}
.form-checkbox-other label{flex:0 0 auto}
.form-checkbox-other input{flex:1}

/* 파일 업로드 */  
.form-file-upload{position:relative;width: 350px;padding-right: 90px;display:block;margin:0 !important}
.form-file-upload[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-file-upload input[type=file]{width: 86px;min-width: 0;height: 40px;position: absolute;top: 0;right: 0;z-index: 1}
.form-file-upload .file-text{display:block;height: 46px;padding:0 10px;line-height: 46px;font-size:0.9286rem;border-radius: 3px;border:1px solid #d5d5d5;overflow:hidden;text-overflow:ellipsis;background-color: #f7f7f7;white-space:nowrap}
.form-file-upload .file-button{position:absolute;top:0;right:0;width: 86px;height: 46px;line-height: 46px;text-align:center;background-color: #6d6e78;border: 1px solid #6d6e78;z-index: 2;border-radius: 3px;color:#fff;transition:all 100ms ease-out}
.form-file-upload .file-button ::before{color:inherit}
.form-file-upload .file-button:hover{border: 1px solid #58595c;background-color: #58595c;color: #fff;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25)}
/* 이미지 파일 업로드 */
.form-file-img{position: relative;border:1px solid #ddd;text-align:center;min-width: 200px;margin-right:10px}
.form-file-img[tabindex="0"]:focus{outline:2px solid #dd791d}
.form-file-img .cms-img{display:block;overflow:hidden;position: relative;width:100%;height:100%;background-color:#dadada}
.form-file-img .cms-img img{display:block;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%)}
/* 첨부 파일 목록 */
.form-file-download{position:relative;width: 350px;display:block}
.form-file-download .file-text{display:block;height: 47px;padding:0 10px;line-height: 46px;font-size:0.9286rem;border-radius: 3px;border:1px solid #d5d5d5;overflow:hidden;text-overflow:ellipsis;background-color: #f7f7f7;white-space:nowrap}
.form-file-download .file-button{position:absolute;top:0;right:0;width: 40px;height: 47px;text-align:center;transition:all 100ms ease-out}

.form-file-summary{margin-left: 5px;flex: 1}
@media screen and (max-width: 830px) {
  .form-file-upload{width:100%}
  .form-file-download{width:100%}
  .form-file-summary{margin:5px 0 0;flex: 1 1 100%}
  
}



/* 검색 가능한 선택 상자 */

/* 검색 가능한 셀렉트 박스 */
.form-select-searchbox{position:relative;flex:1;min-width: 200px;height: 46px}
.form-select-searchbox-toggle{z-index:10;position:relative;height:inherit;width:100%;text-align:left;padding:0 30px 0 10px;line-height: 46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;border:1px solid #d5d5d5;background-color:#fff;cursor:pointer}
.form-select-searchbox-toggle:hover:before{color:var(--button-primary)}
.form-select-searchbox-toggle:focus{outline:2px solid var(--button-primary)}
.form-select-searchbox-toggle:after{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.form-select-searchbox-container{display:none;z-index:10;position:absolute;top:0;left:0;width:calc(100% + 0px);padding:0}
.form-select-searchbox-container input:focus{outline:0}
.form-select-searchbox-options{width:100%;max-height:200px;overflow-y:auto;margin-top:2px;border-radius:3px;border:1px solid #ddd;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}
.form-select-searchbox-option{width:100%;text-align:left;padding:5px 10px;line-height:110%;cursor:pointer}
.form-select-searchbox-option.is-selected{background-color:var(--button-primary);color:#fff}
.form-select-searchbox-option:hover{background-color:#efefef;color:#000}
.form-select-searchbox-not{padding: 20px 0;text-align:center;border:1px solid #ddd;background-color:#fff}
.form-select-keyword-section{display:flex;align-items:center}
.form-select-keyword-section input[type="text"]{flex:1 1 auto}
.form-select-keyword-section button{flex:0 0 auto;padding:0 10px;background-color:#444;margin-left:2px;border-radius:3px;height:37px;color:#fff} 

.form-select-searchbox.opened{z-index:11}
.form-select-searchbox.opened .form-select-searchbox-container{display:block;border-radius:0}
.form-select-searchbox.opened .form-select-searchbox-toggle{border-color:transparent;outline:2px solid var(--button-primary)}
.form-select-searchbox.reverse .form-select-searchbox-container{top:auto;bottom:-5px;padding:5px 5px 47px 5px}


/**********************************************************
  
  공통 tooltip (2021 정진환)

**********************************************************/
.common-tooltip{display:none;max-width:360px;padding: 10px 15px;text-align:left;border-radius: 7px;border: 1px solid #7798d5;box-shadow: 2px 2px 7px rgba(0 0 0 / 25%);background-color: #f5fafe}
.common-tooltip .common-tooltip-field{display:flex;min-width:100%;color:#5d5a61}
.common-tooltip .common-tooltip-field ~ .common-tooltip-field{border-top:1px dashed #dcdcdc;padding-top:10px;margin-top:10px}
.common-tooltip .common-tooltip-field:nth-child(1){margin-bottom:10px;font-weight:600;font-size:17px;color:#363636}
.common-tooltip .common-tooltip-field:nth-child(1) .common-tooltip-label{display:none}
.common-tooltip .common-tooltip-label{min-width:65px;margin-right:5px}
.common-tooltip .common-tooltip-pt{flex:1 auto;line-height:135%}
.common-tooltip .common-tooltip-close{display:none;position:absolute;top: 14px;right: 13px;width:15px;height:15px;background:url(../../../../images/name/user/styleguide/tooltip-close.png) no-repeat 0 0 / 13px}
.common-tooltip .common-tooltip-message{position:relative;line-height:140%;color: #000}
/* .common-tooltip .common-tooltip-message::before{content:'';position:absolute;top:9px;left:0;width:6px;height:2px;background-color:#7a7d96} */

.btn-tooltip{width:20px;height:20px;background:url(../../../../images/name/user/styleguide/icon-tooltip.png) no-repeat 0 0}
.btn-tooltip.is-selected{background-image:url(../../../../images/name/user/styleguide/icon-tooltip-hover.png)}

/**********************************************************
  
  공공누리 라이센스 (2021 정진환)

**********************************************************/
.cms-license{margin-top: 50px;padding:20px;border:1px solid #ddd}
.cms-license:after{content:'';display:block;clear:both}
.cms-license .cms-license-img{float:left;margin-right:20px}
.cms-license .cms-license-type{overflow:hidden}
.cms-license .cms-license-type .cms-license-type-title{display:block;line-height:140%;font-weight:500;font-size:1.143rem;color:#000}
.cms-license .cms-license-type .cms-license-type-title span{display:inline-block;vertical-align:bottom;margin-bottom:-3px;padding:7px 10px;margin-left: 5px;line-height:100%;font-size:0.8571rem;background-color:#e0eaff;color:#000}
.cms-license .cms-license-type .cms-license-type-list{margin-top:10px}
.cms-license .cms-license-type .cms-license-type-list li{position:relative;padding-left:8px;line-height:135%}
.cms-license .cms-license-type .cms-license-type-list li ~ li{margin-top:5px}
.cms-license .cms-license-type .cms-license-type-list li:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:100%;background-color:#ccc}
@media screen and (max-width:767px){
  .cms-license{margin-top:30px}
  .cms-license .cms-license-img{float:none}
  .cms-license .cms-license-type{margin-top:10px}
}

/* 탭메뉴 */
*+.tab-menu{margin-top:20px}
script+.tab-menu{margin-top:0}
.tab-menu{display: flex;flex-wrap: wrap;margin-bottom: 30px}
.tab-menu .tab-col{position:relative;display:flex;align-items:center;height: 50px;margin-bottom:-1px;font-size: 15px;text-align:left;justify-content: center;border:0 solid #d7d8d8;overflow: visible;border-width:1px 1px 1px 0}
.tab-menu .tab-col span{display:block;padding:0;line-height:140%;position: relative;font-size: 16px;color: #222;}
.tab-menu .tab-col::before{content:'';display:none;position:absolute;top: -5px;left: -5px;width: calc(100% + 10px);height: calc(100% + 10px);background-color: var(--primary);border-radius: 5px;}
.tab-menu .tab-col.is-selected{z-index:1;position:relative}
.tab-menu .tab-col.is-selected::before{display:block}
.tab-menu .tab-col.is-selected span{color: #fff;font-weight: 700;font-size: 18px;}

.tab-menu .tab-col:hover span{color: var(--button-primary)}
.tab-menu .tab-col.is-selected:hover span{color:#fff}

.tab-menu.col-2 .tab-col{width:50%}
.tab-menu.col-2 .tab-col:nth-child(2n+1){border-left-width:1px}

.tab-menu.col-3 .tab-col{width:33.33%}
.tab-menu.col-3 .tab-col:nth-child(3n+1){border-left-width:1px}

.tab-menu.col-4 .tab-col{width:25%}
.tab-menu.col-4 .tab-col:nth-child(4n+1){border-left-width:1px}

.tab-menu.col-5 .tab-col{width:20%}
.tab-menu.col-5 .tab-col:nth-child(5n+1){border-left-width:1px}

.tab-menu.col-6 .tab-col{width:16.66%}
.tab-menu.col-6 .tab-col:nth-child(6n+1){border-left-width:1px}

.tab-menu.col-7 .tab-col{width:14.28%}
.tab-menu.col-7 .tab-col:nth-child(7n+1){border-left-width:1px}

.tab-menu.col-8 .tab-col{width:12.5%}
.tab-menu.col-8 .tab-col:nth-child(8n+1){border-left-width:1px}

.tab-menu-shape-select{display:none;position:relative;margin-bottom:20px}
.tab-menu-shape-select button{width:100%;padding:15px;text-align:left;border-radius:5px;border: 1px solid var(--primary);background-color: var(--primary);}
.tab-menu-shape-select button span{position:relative;display:block;color: #fff;font-size: 18px}
.tab-menu-shape-select button span::after{content:'\e9a6';height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color: #fff;position:absolute;top:4px;right:0}
.tab-menu-shape-select button.is-opened{background-color: #fff;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25)}
.tab-menu-shape-select button.is-opened span{color: #000;font-weight: 700}
.tab-menu-shape-select button.is-opened span::after{color:#666}
.tab-menu-shape-select button+*{display:none;margin-top:-5px;padding:5px 3px 0}
.tab-menu-shape-select ul{border: 1px solid var(--primary);border-radius:0 0 5px 5px;overflow:hidden}
.tab-menu-shape-select ul li ~ li{border-top: 1px solid #ddd;}
.tab-menu-shape-select ul li a{display:block;padding: 15px;color:#777}
.tab-menu-shape-select ul li a.is-selected{background-color:#f7f7f7;color: #000}
@media screen and (max-width:1000px) {
  .tab-menu{display:none} 
  .tab-menu-shape-select{display:block}
}

/* 헤딩 */
h4.heading{margin-bottom: 10px;font-weight: 700;font-size: 28px;color: #000}
*+h4.heading{margin-top: 40px;line-height: 140%;}
.blind+h4.heading{margin-top:0}
input+h4.heading{margin-top:0}
h5.heading{margin-bottom:10px;font-weight: 600;font-size: 20px;color: #000}
*+h5.heading{margin-top: 30px}
.blind+h5.heading{margin-top:0}
h6.heading{margin-bottom:10px;font-weight:600;font-size: 18px;color: #000}
*+h6.heading{margin-top:25px}
.blind+h6.heading{margin-top:0}
strong.heading{display:block;margin-bottom:10px;font-weight:600;font-size: 20px;color:#000}
*+strong.heading{margin-top:25px}
.blind+strong.heading{margin-top:0}

.heading+.formbox{border-top:2px solid #505c78}

.heading .img-labeling{position:relative;top:-2px;width:35px;vertical-align:middle;margin-right:5px}

h4.heading+.bbs-details>h5:first-of-type{margin-top:30px}


/* 들여쓰기 */
.indent{margin-left: 15px}
.indent .indent{margin-left:15px}

/* 문단형 텍스트 */
p.text{line-height:150%}
* + p.text{margin-top: 15px}

/* 목록형 텍스트 */
*+ul.list, *+ol.list{margin-top:10px}
ul.list li, ol.list li{position:relative;line-height: 150%;padding-left: 23px}
ul.list>li{padding-left: 10px;background: url(../../../../images/name/user/styleguide/list-bullet-large.png) no-repeat 0 10px}
ul ul.list>li{padding-left: 10px;background: url(../../../../images/name/user/styleguide/list-bullet-small.png) no-repeat 0 12px / 5px}
ol ol.list>li{padding-left: 25px}
ol.list{counter-reset:chapter}
ol.list>li::before{content:counters(chapter, "-")'.';counter-increment:chapter +1;display:inline-block;margin-right: 5px;position:absolute;top:3px;left:0}
ul.list .list, ol.list .list{margin:5px 0 0 10px}
ul.list li ~ li, ol.list li ~ li{margin-top:5px}

ol.list ol.list{counter-reset:section}
ol.list ol.list>li::before{content:counters(section, "-")')';counter-increment:section +1}

div>ol.list{counter-reset:article}
div>ol.list>li::before{content:counters(article, "-")'.';counter-increment:article +1}

.borderbox>ol.list{counter-reset:borderItem}
.borderbox>ol.list>li::before{content:counters(borderItem, "-")'.';counter-increment:borderItem +1}

.list li>ol.list, .list li>ul.list{margin-left:0}


/* 바둑판 정렬 이미지 */
.images-grid{display:flex;flex-wrap:wrap;margin:20px 0}
.images-grid .images-grid-item{flex:0 1 auto;width:100%;text-align:center}
.images-grid .images-grid-item ~ .images-grid-item{margin-left:16px}
.images-grid .images-grid-item .images-grid-summary{margin-top:10px;font-size: 18px}

.images-grid[class*="col-"] .images-grid-item .images-grid-thumbnail{position:relative;overflow:hidden;padding-top: 73%}
.images-grid[class*="col-"] .images-grid-item .images-grid-thumbnail img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}

.images-grid.col-2 .images-grid-item{width:calc(50% - 8px)}
.images-grid.col-2 .images-grid-item:nth-child(2n+1){margin-left:0}

.images-grid.col-3 .images-grid-item{width: calc(33.33% - 11px)}
.images-grid.col-3 .images-grid-item:nth-child(3n+1){margin-left:0}

.images-grid.col-4 .images-grid-item{width: calc(25% - 12px)}
.images-grid.col-4 .images-grid-item:nth-child(4n+1){margin-left:0} 

.images-grid ~ .images-grid{padding-top:20px;border-top:1px dashed #ddd}
@media (max-width:600px) {
  .images-grid[class*="col-"] .images-grid-item{width:calc(50% - 8px)}
  .images-grid[class*="col-"] .images-grid-item:nth-child(2n+1){margin-left:0}
}

/* 표 - response */
.table-def{/* table-layout:fixed; */border-collapse:collapse;border-spacing:0;width:100%;text-align:center;border-top:2px solid #ddd}
.table-def th, .table-def td{line-height:150%;padding:0.625rem;vertical-align:middle;border:solid #d5d5d5;border-width:0 1px 1px 0}
.table-def th{background-color:#f7f9fc;color: #000;font-size: 16px}
.table-def th[rowspan]{border-left-width:1px}
.table-def th:first-child, .table-def td:first-child{border-left-width:0}
.table-def th:last-child, .table-def td:last-child{border-right-width:0}
.table-def thead th{height:55px;font-weight:500}
.table-def tbody th{font-weight:400;text-align:center}
.table-def tfoot th{font-weight:500}
.table-def tfoot td{border-width:0 0 1px;color:#000}
.table-def td[rowspan]{border-left-width:1px}
.table-def.text-align-left td{text-align:left}

/* 표 - nornmal */
.table-normal{/* table-layout:fixed; */border-collapse:collapse;border-spacing:0;width:100%;text-align:center;border-top:2px solid #14408b}
.table-normal th, .table-normal td{line-height:150%;padding:0.625rem;vertical-align:middle;border:solid #d5d5d5;border-width:0 1px 1px 0}
.table-normal th{background-color:#f7f9fc;color: #000;font-size: 16px}
.table-normal th[rowspan]{border-left-width:1px}
.table-normal th:first-child, .table-normal td:first-child{border-left-width:0}
.table-normal th:last-child, .table-normal td:last-child{border-right-width:0}
.table-normal thead th{height:55px;font-weight:500}
.table-normal tbody th{font-weight:400;text-align:center}
.table-normal tfoot th{font-weight:500}
.table-normal tfoot td{border-width:0 0 1px;color:#000}
.table-normal td[rowspan]{border-left-width:1px}
.table-normal.text-align-left td{text-align:left}

/* CKEDITOR5 표 */
.table table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;text-align:center;border-top:2px solid #14408b}
.table table th, 
.table table td{line-height:150%;padding:0.625rem;vertical-align:middle;border:solid #d5d5d5;border-width:0 1px 1px 0;text-align:center}
.table table th{background-color:#f7f9fc;color: #000;font-size: 16px}
.table table th:first-child,
.table table td:first-child{border-left-width:0}
.table table th:last-child,
.table table td:last-child{border-right-width:0}
.table table thead th{height:55px;font-weight:500;border-bottom:1px solid #4f6a84}
.table table tbody th{font-weight:400}
.table table tfoot th{font-weight:500}
.table table tfoot td{border-width:0 0 1px;color:#000}
.table table td[rowspan]{border-left-width:1px}
.table table td:first-child[rowspan]{border-left-width:0}
.table table .text-align-left td{text-align:left}

/* 오류 화면 */
.alert-error{display:flex;align-items:center;justify-content:center;height:100vh;overflow:auto;background-color:#fff}
.alert-error .error-wrapper{max-width:650px;text-align:center}
.alert-error .error-logo{padding-bottom:40px;margin-bottom:40px;border-bottom:2px solid #000}
.alert-error .error-logo img{width:300px}
.alert-error .error-img{margin-bottom:40px}
.alert-error .error-title{font-weight: 700;font-size:28px;color:#000}
.alert-error .error-title span{font-weight: 700;color:#1e2d8e}
.alert-error .error-text{margin:40px 0 60px;line-height:180%;font-size:16px}
.alert-error .error-buttons{padding-top:30px;border-top:1px solid #555}
.alert-error .error-buttons button{margin-right:10px}
@media (max-width:700px) {
.alert-error{padding:20px}
.alert-error .error-logo{padding-bottom:30px;margin-bottom:30px}
.alert-error .error-img{margin-bottom:30px}
.alert-error .error-img img{max-width:25%}
.alert-error .error-title{font-size:20px}
.alert-error .error-text{margin:30px 0 40px;padding:0 20px;font-size:15px;text-align:left}
.alert-error .error-text br{display:none}
.alert-error .error-buttons{padding-top:20px}
}

/* 페이지 준비중 */
.alert-ready{padding:50px 0 100px;text-align:center}
.alert-ready p{margin-top:30px;font-weight:500;font-size:18px;line-height:180%;color:#000}

/* 개편 준비중 */
.site-ready{position:relative;min-height: 100vh;padding: 50px 20px;text-align:center;background-color:#ededed}
.site-ready::before{content:'';position:absolute;top:0;left:0;width:100%;height:500px;background:url(../../../../images/name/user/styleguide/ready-bg.png) no-repeat 50% 100% / cover}
.site-ready .site-ready-wrapper{position:relative}
.site-ready .site-ready-title{margin-top: 50px;font-family:'S-Core Dream WF', sans-serif}
.site-ready .site-ready-title p{font-size:28px;color:#fff}
.site-ready .site-ready-title p b{font-size:42px}
.site-ready .site-ready-title p ~ p{margin-top:30px}
.site-ready .site-ready-monitor{margin-top: 50px}
.site-ready .site-ready-descript{position:relative;margin:50px auto 0;padding: 50px 50px 50px 180px;background-color:#fff;border-radius:30px;max-width:880px;text-align:left;font-size:18px;color:#000;line-height:150%}
.site-ready .site-ready-descript .break{display:none}
.site-ready .site-ready-wraning{width:100px;position:absolute;top: 26px;left:50px}

@media screen and (max-width:1400px) {
  .site-ready{padding:30px}
  .site-ready::before{height:255px}
  .site-ready .site-ready-logo{width:70px;margin:0 auto}
  .site-ready .site-ready-title{margin-top:20px}
  .site-ready .site-ready-title p{font-size:18px}
  .site-ready .site-ready-title p b{font-size:22px}
  .site-ready .site-ready-title p ~ p{margin-top:10px}
  .site-ready .site-ready-monitor{width:200px;margin-top:30px}
  .site-ready .site-ready-descript{max-width: 475px;margin-top:10px;border-radius:20px;padding:30px;font-size:15px;text-align:center}
  .site-ready .site-ready-descript .break{display:block}
  .site-ready .site-ready-wraning{position:static;display:block;width:50px;margin:0 auto 20px}
}


/* Datepicker */
input[type=text].fn-datepicker{display:inline-block;padding-right: 40px;text-align:center}
.cms-datepicker{display:none;z-index:10000;position:fixed;top:0;left:0}
.cms-datepicker-wrap{width: 360px;background-color:#fff;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3);padding: 10px;border-radius: 5px}
.cms-datepicker-head{position:relative;height:50px;padding:0 100px 0 50px;background-color:#1a6dff;color:#fff;border-radius: 5px}
.cms-datepicker-head>button,
.cms-datepicker-head>button :before{color:inherit}
.cms-datepicker-head>button{position:absolute;top:0;width: 50px;height: inherit;opacity: 0.8}
.cms-datepicker-head>button:hover{opacity:1}
.cms-datepicker-head .cms-datepicker-button-prev{left:0}
.cms-datepicker-head .cms-datepicker-button-next{right:0}
.cms-datepicker-head .cms-datepicker-date{height:inherit;line-height:50px;text-align:center;color:inherit}
.cms-datepicker-head .cms-datepicker-date>button{display:inline-block;font-size: 18px;font-family:'Roboto', sans-serif;color:inherit}
.cms-datepicker-head .cms-datepicker-date>button>span{display:block;padding:0 3px 3px;border-bottom:1px solid transparent}
.cms-datepicker-head .cms-datepicker-date>button:hover>span{border-color:#fff}
.cms-datepicker-head .cms-datepicker-button-today{right:50px;font-weight:300}
.cms-datepicker-calendar table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;text-align:center}
.cms-datepicker-calendar table th, .cms-datepicker-calendar table td{height:40px}
.cms-datepicker-calendar table th{font-weight:400;border-bottom:1px solid #ddd}
.cms-datepicker-calendar .sun{color:red}
.cms-datepicker-calendar .sat{color:blue}
.cms-datepicker-list{display:flex;flex-wrap:wrap;margin:10px 0}
.cms-datepicker-list .body-item{flex:0 1 25%;padding:3px}
.cms-datepicker-list .body-item span{display:block;padding:10px;border-radius:3px;border:1px solid #aaa;line-height:110%;font-weight:500;color:#666}
.cms-datepicker-list .body-item.is-selected span{border-color:#1a6dff;color: #1a6dff}
.cms-datepicker-list .body-item.is-selected.___year{flex-basis:100%}
.cms-datepicker-time{border: 1px solid #adadad;border-radius: 5px;overflow: hidden}
.cms-datepicker-time:after{content:'';display:block;clear:both}
.cms-datepicker-time .form-selectbox{float:left;min-width:auto;width:33.33%}
.cms-datepicker-time .form-selectbox select{border-width:0;min-width: 0}
.cms-datepicker-time .form-selectbox::before{display:none}
.cms-datepicker-button{z-index:1;position:relative;display:flex;margin-top: 5px}
.cms-datepicker-button>div{flex:1 0 auto}
.cms-datepicker-button>div ~ div{margin-left:5px}
.cms-datepicker-button button{width:100%;height:40px}
.cms-datepicker-calendar-day{position:relative;width:28px;height:28px;margin:0 auto;line-height:28px;border-radius:100%;font-weight: 500;cursor:pointer}
.cms-datepicker-calendar-day.is-today{font-weight: 700;color: #000}
.cms-datepicker-calendar-day.is-selected{background-color:#1a6dff;color:#fff}

.cms-datepicker-calendar .is-disabled{opacity:0.3}
.cms-datepicker-calendar .is-disabled button{background-color:transparent}
.cms-datepicker-calendar .is-disabled .cms-datepicker-calendar-day.is-selected{background-color:#1a6dff;color:#fff}

.cms-datepicker-list .is-disabled{opacity:0.3}
.cms-datepicker-list .is-disabled button{background-color:transparent}
.cms-datepicker-list .is-disabled .cms-datepicker-calendar-day.is-selected{background-color:#1a6dff;color:#fff}


/* 반응형 표 */

.normal-table{position:relative}

.response-table{position:relative}
.response-table .response-table-info{display:none;flex-direction:column;align-items:center;margin-bottom: 5px}
.response-table .response-table-info .info-message{margin:5px 0 0}
.response-table .response-table-hand{width:50px}
.response-table .response-table-container{overflow:auto;margin-top:10px}

*+.response-table{margin-top:10px}

.normal-table .table-unit,
.response-table .table-unit{position:absolute;top: -25px;right:0}

.direct-connection{text-decoration:underline;color:#f37a1a !important}

/* @media screen and (max-width:820px) {
  .response-table .response-table-info{display:flex}
  .response-table .response-table-container table{min-width: 1100px}
} */

/* 탑 박스 */
.topbox{display:flex;position:relative;background-color: #f4f8fa;margin-bottom:30px;border-radius: 15px}
.topbox .topbox-icon{flex: 0 0 200px}
.topbox .topbox-icon .topbox-icon-def{position: relative;display:flex;justify-content:center;align-items:center;height: 176px;margin:0 auto;background: transparent}
.topbox .topbox-descript{padding: 50px 30px 50px 0;flex: 1 1 auto;display: flex;flex-direction: column;position: relative;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.topbox .topbox-descript .topbox-descript-title{display:block;margin-bottom: 10px;line-height:135%;font-weight: 700;font-family: 'Pretendard', sans-serif;font-size: 24px;color: #000} 
.topbox .topbox-descript p{line-height: 150%;color: #444}
.topbox .topbox-descript p ~ p{margin-top:10px}
.topbox .topbox-descript>.list{margin-top:0}


.topbox-type-a{}
.topbox-type-a .topbox-icon{flex: 0 0 200px}
.topbox-type-a .topbox-icon .topbox-icon-def{height: 176px}
.topbox-type-a .topbox-descript{padding: 50px 30px 50px 0}
@media screen and (max-width:670px) {
  .topbox-type-a{padding:25px;border-radius: 10px}
  .topbox-type-a .topbox-icon{flex-basis:42px}
  .topbox-type-a .topbox-icon .topbox-icon-def{height: 42px}
  .topbox-type-a .topbox-descript{padding:0 0 0 20px}
  .topbox-type-a .topbox-descript .topbox-descript-title{font-size:22px}
}



.topbox-type-b{padding: 30px}
.topbox-type-b .topbox-icon{flex: 0 0 auto}
.topbox-type-b .topbox-icon .topbox-icon-def{width:42px;height:auto}
.topbox-type-b .topbox-descript{padding:0 0 0 20px}
@media screen and (max-width:670px) {
  .topbox-type-b{padding:25px;border-radius: 10px}
  .topbox-type-b .topbox-descript{padding-left:20px}
  .topbox-type-b .topbox-descript .topbox-descript-title{font-size:22px}
}


.topbox-type-c{padding: 30px;background-color:transparent;box-shadow:0 3px 10px rgba(0, 0, 0, 0.15);border:1px solid #107dcb}
.topbox-type-c .topbox-icon{flex: 0 0 auto}
.topbox-type-c .topbox-icon .topbox-icon-def{width:42px;height:auto}
.topbox-type-c .topbox-descript{padding:0 0 0 20px}
@media screen and (max-width:670px) {
  .topbox-type-c{padding:25px;border-radius: 10px}
  .topbox-type-c .topbox-descript{padding-left:20px}
  .topbox-type-c .topbox-descript .topbox-descript-title{font-size:22px}
}



.topbox-type-d{border:5px solid #e0e7f1;background-color:#fff}
.topbox-type-d .topbox-icon{flex: 0 0 200px}
.topbox-type-d .topbox-icon .topbox-icon-def{height: 176px}
.topbox-type-d .topbox-descript{padding: 50px 30px 50px 0}
@media screen and (max-width:670px) {
  .topbox-type-d{padding:25px;border-radius: 10px}
  .topbox-type-d .topbox-icon{flex-basis:42px}
  .topbox-type-d .topbox-icon .topbox-icon-def{height: 42px}
  .topbox-type-d .topbox-descript{padding:0 0 0 20px}
  .topbox-type-d .topbox-descript .topbox-descript-title{font-size:22px}
}


.topbox-type-e{border:1px solid #e0e7f1;background-color:#fff;box-shadow:0 3px 10px rgba(0, 0, 0, 0.15)}
.topbox-type-e .topbox-icon{flex: 0 0 200px}
.topbox-type-e .topbox-icon .topbox-icon-def{height: 176px}
.topbox-type-e .topbox-descript{padding: 50px 30px 50px 0}
@media screen and (max-width:670px) {
  .topbox-type-e{padding:25px;border-radius: 10px}
  .topbox-type-e .topbox-icon{flex-basis:42px}
  .topbox-type-e .topbox-icon .topbox-icon-def{height: 42px}
  .topbox-type-e .topbox-descript{padding:0 0 0 20px}
  .topbox-type-e .topbox-descript .topbox-descript-title{font-size:22px}
}




/* 화면 확대/축소 */
.head-util-screen-zoom{display:flex;align-items:center}
.head-util-screen-zoom .head-util-button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background-color:#fff;border:1px solid #ddd;border-radius:3px}
.head-util-screen-zoom .head-util-button ~ .head-util-button{margin-left: 3px}



/* 다크/라이트 모드 */
.mode-screen{max-width:300px;display:flex;background-color:#fff;border-radius:5px;box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.2)}
.mode-screen button{flex:1;height:50px;font-size:16px;text-align:center;border:1px solid #ddd}
.mode-screen .mode-screen-dark{border-radius:5px 0 0 5px;background-color:#333;color:#fff;font-weight:400}
.mode-screen .mode-screen-light{border-radius:0 5px 5px 0}


*+.signup-termsuse{margin-top:30px}
.signup-termsuse h2{font-weight:700;font-size:24px;color: #000;font-family: 'Pretendard',sans-serif}
.signup-termsuse h3{font-weight:600;font-size:22px;color: #000}
.signup-termsuse h4{font-weight:500;font-size:20px;color: #000}
.signup-termsuse .signup-termsuse-head{margin-bottom: 10px}
.signup-termsuse .signup-termsuse-scroll-y{overflow-y:scroll;height: 250px;padding-right: 10px}
.signup-termsuse .signup-termsuse-body{border:solid #ddd;border-width: 1px;border-radius: 7px;padding: 30px 10px 30px 30px}
.signup-termsuse .signup-termsuse-body h2{margin-bottom:10px}
.signup-termsuse .signup-termsuse-body *+h2{margin-top:30px}
.signup-termsuse .signup-termsuse-body *+h3{margin-top:20px}
.signup-termsuse .signup-termsuse-body *+h4{margin-top:20px}
.signup-termsuse .signup-termsuse-foot{display:flex;flex-wrap:wrap;padding: 10px 25px;align-items:center;border:1px solid #ddd;border-radius: 7px;margin-top: 10px;background-color: #f9f9f9}
.signup-termsuse .signup-termsuse-foot .error-message{flex:1 1 100%}
.signup-termsuse .signup-termsuse-text{flex:1 1 auto;font-size: 18px;color: #000}
.signup-termsuse .signup-termsuse-confirm{flex:0 0 auto}
.signup-termsuse .signup-termsuse-confirm .confirm-button{padding: 0 0 0 27px;margin: 25px;background-color:#fff;font-size: 15px;color: #000;border-radius: 3px}
.signup-termsuse .signup-termsuse-confirm .confirm-button:nth-child(1) input{top: 0px;left: 1px;}
.signup-termsuse .signup-termsuse-confirm .confirm-button:nth-child(2) input{top: 0px;left: 1px;}
.signup-termsuse .signup-termsuse-confirm .confirm-button ~ .confirm-button{margin-left:10px}
@media screen and (max-width:1000px) { 
  .signup-termsuse{padding: 0}
  .signup-termsuse .signup-termsuse-foot{padding: 20px 15px 0}
  .signup-termsuse .signup-termsuse-foot .signup-termsuse-text{flex:1 1 100%;text-align:center}
  .signup-termsuse .signup-termsuse-foot .signup-termsuse-confirm{flex:1 1 100%;text-align:center;margin-top:10px}
}
@media screen and (max-width:768px) { 
  .signup-termsuse .signup-termsuse-body{padding: 20px 15px}
  .signup-termsuse .signup-termsuse-head{padding:0;margin-bottom:10px}
  .signup-termsuse{padding: 0;border: 0}
  .signup-termsuse .signup-termsuse-scroll-y{height:180px}
}


.bbs-write .formbox:first-of-type{border-top-width:0}
.bbs-write .formbox .form-label{flex-basis:140px}

.pre-contents{white-space:pre-line;line-height:150%}






/* 다이나믹 필드 */
.dynamic-field{position: relative;display:flex;flex-wrap:wrap;flex: 0 0 auto;align-items:center;align-self:flex-start}
.dynamic-field label{
	z-index: 11;
	position:absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	height:calc(100% - 4px);
	text-align: left;
	pointer-events:none;
	color:#999;
	padding: 5px 10px !important;
	border-radius:4px;
	transform-origin: top left;
	transform: translate(2px, 2px) scale(1);
	transition: 
		color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, 
		background-color cubic-bezier(0.0, 0, 0.2, 1) 0ms, 
		transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
		height 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
		padding 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms
	}
.dynamic-field label i[title="필수"]{color:#d22649}
.dynamic-field label span{display:inline-block;padding:0}
.dynamic-field :focus+label,
.dynamic-field.is-used label{
	transform: translate(10px, -10px) scale(0.75);
	height: auto;
	padding: 5px;
	color:#1a6dff;
	background-color:#fff;
}
.dynamic-field::before{
	z-index: 11;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: calc(100% - 40px);
	height: calc(100% - 4px);
	pointer-events:none;
	background-color:#fff;
	transform: translate(2px, 2px);
}
.dynamic-field.is-used::before{
	display:none;
}





/* 일반 기본 게시판 */
.bbs-default{display:table;table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;border:0 solid transparent}
*+.bbs-default,
*+.bbs-webzin,
*+.bbs-faq{margin-top: 0}

.bbs-default + .bbs-photo,  
.bbs-default + .bbs-webzin,
.bbs-default + .bbs-faq{margin-top:0;border-top-width:0} 


/* none table 게시판 구성 */
.bbs-empty{width:100%;padding:50px 0;font-size:20px;text-align:center;color:#000}
.bbs-empty img{display:block;margin:0 auto;margin-bottom:15px;width: 50px}
.bbs-colgroup{display:table-column-group}
.bbs-colgroup .col{display:table-column}
.bbs-head{display:table-row-group;background-color: #fff}
.bbs-head .row{display:table-row}
.bbs-head .row .col{display:table-cell;height: 60px;text-align:center;font-weight:500;font-size: 16px;color:#000;border-bottom:1px solid #d0d2d9}
.bbs-head .row .col span{display:inline-block}
.bbs-body{display:table-row-group}
.bbs-body .row{display:table-row}
.bbs-body .row .col{display:table-cell;padding: 14px 0;font-size: 16px;text-align:center;border-bottom: 1px solid #d2d7dc}
.bbs-body .row .col>span{display:inline-block;max-width:100%;vertical-align:middle;line-height: 130%}
.bbs-body .row .col>span a{line-height: inherit}
.bbs-body .row .col-no{font-family:'Pretendard', 'Noto Sans KR', sans-serif;color: #666;font-weight: 300}
.bbs-body .row .col-private span img{vertical-align:-3px}
.bbs-body .row .col-title{text-align:left}
.bbs-body .row .col-title>span{display:flex;align-items:center}
.bbs-body .row .col-title>span i{display:inline-block;padding: 5px 7px;font-size: 14px;font-weight:500;color:#fff;border-radius: 3px}
.bbs-body .row .col-title>span i:last-of-type{margin-right:5px}
.bbs-body .row .col-title a{display:block;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:110%}
.bbs-body .row .col-title .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-body .row .col-title .notice{background-color: #333;border: 1px solid #333;}
.bbs-body .row .col-title .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-body .row .col-title .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-body .row .col-title .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-body .row .col-title .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-body .row .col-title .category-4{background-color:#fff;color:#666;border:1px solid #666}
.bbs-body .row .col-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-body .row .col-title .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-body .row .col-title .solid{border:1px solid #ddd;background-color: #fff;color:#666}
.bbs-body .row .col-title .color-red{position:absolute;top:0;right:0;color:#d22649}
.bbs-head .col, .bbs-body .col{vertical-align:middle}
.bbs-body .row-notice *{font-weight:500}
.bbs-body .row-reply{background-color:#f6f6f6}
.bbs-body .row-reply .col-title a{padding-left:20px;background:url(../../../../images/name/user/styleguide/reply.png) no-repeat 0 50%}
.bbs-body .row-reply .col-title .replay-flag{display:inline-block;padding: 5px 7px;margin-right:5px;font-size:13px;font-weight:300;border-radius:3px;background-color: #1f54ff;color:#fff}
.bbs-body .bbs-empty{display:block}

/* 일반 게시판 QnA 타입 구성요소 (공통) */
.bbs-state{display:block;font-size:0.8571rem;background:#333;width:80px;padding:7px 0;margin:0 auto;color:#fff;text-align:center;border-radius: 3px}
.bbs-state img{vertical-align:-2px}
.bbs-state.state-ready{background-color:#fff;color:#000;border:1px solid #515151}
.bbs-state.state-reception{background-color:#515251}
.bbs-state.state-complete{background-color: #14408b}

/* 일반 게시판 상세 (공통) */
.bbs-title{display:flex;flex-wrap: wrap;align-items: flex-start;line-height:140%;font-weight: 700;padding: 0 0 15px;word-break: break-word;min-width: 0;font-size: 22px;color:#000}
.bbs-title small{margin-bottom:10px;text-align:inherit}
.bbs-title span{flex: 0 1 auto;line-height: 135%;padding-top: 2px}
.bbs-title i{flex:0 0 auto;padding: 7px 10px;margin-bottom:10px;line-height: 1;font-size: 14px;font-weight:500;color:#fff;border-radius: 5px}
.bbs-title i ~ i{margin-left:3px}
.bbs-title i:last-of-type{margin-right:10px}
.bbs-title .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-title .notice{background-color: #066bc3;border: 1px solid #066bc3}
.bbs-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-title .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-title .solid{border:1px solid #ddd;background-color: #fff;color:#666}
.bbs-title .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff;margin-bottom: 5px}
.bbs-title .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-title .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-title .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-title .category-4{background-color:#fff;color:#666;border:1px solid #666}

.bbs-reply-title{display:flex;align-items:center;line-height:140%;font-weight: 700;padding: 0 0 15px;word-break: break-word;font-size: 22px;color:#000}
.bbs-reply-title span{flex:1 1 auto;line-height: 150%}
.bbs-reply-title i{flex:0 0 auto;padding: 7px;margin:0;font-size: 16px;color:#fff;border-radius: 3px;line-height:110%}
.bbs-reply-title i ~ i{margin-left:3px}
.bbs-reply-title i:last-of-type{margin-right:10px}
.bbs-reply-title .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-reply-title .notice{background-color: #066bc3;border: 1px solid #066bc3}
.bbs-reply-title .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-reply-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-reply-title .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-reply-title .solid{border:1px solid #ddd;background-color: #fff;color:#666}

@media screen and (max-width:1000px) {
  .bbs-title{font-size:18px;padding: 20px 0;padding-top: 0;flex-wrap:wrap}
  .bbs-title i{font-size:12px}
  .bbs-title span{font-size:20px}
}

.bbs-info{display:flex;flex-wrap:wrap;padding: 0 0 20px;min-width:100%;border-bottom: 1px solid #dcdcdc}
.bbs-info li{display:flex;padding:5px 0}
.bbs-info li ~ li{position:relative;margin-left:15px;padding-left:15px}
.bbs-info li ~ li::after{content:'';position:absolute;top: 8px;left:0;width:1px;height: 10px;background-color: #d6d6d6}
.bbs-info li span{display:inline-block}
.bbs-info .bbs-info-label{margin-right:10px;font-weight:500;color:#000}

.bbs-reply-title + .bbs-info{border-bottom:0}



@media screen and (max-width:1000px) {
	.bbs-info{display:block;border-top: 1px solid #ddd;padding: 20px}
	.bbs-info li{display:flex}
	.bbs-info li ~ li{margin: 10px 0 0;padding: 0}
	.bbs-info li ~ li::after{display:none}
  .bbs-info .bbs-info-label{min-width:70px}
}


.bbs-document-info{position:relative}
.bbs-document-info::before{content:'';position:absolute;top:0;left: 180px;border-left:1px solid #ddd;height:100%}
.bbs-document-info li{display:flex;padding:5px 0}
.bbs-document-info li ~ li{position:relative;margin-top:10px}
.bbs-document-info .bbs-info-label{flex: 0 0 200px;font-weight:500;color:#000;padding: 5px 0;display:flex;align-items:center}
.bbs-document-info .bbs-info-label+span{flex:1;padding: 5px 0}
.bbs-document-info .bbs-item-keyword{margin-top:0}


.bbs-document{display:flex;flex-wrap: wrap;align-items:flex-start;padding:30px;border:1px solid #ddd;border-radius:10px;margin-bottom:20px}
.bbs-document .bbs-document-thumb{width:250px;margin-right:50px;overflow:hidden;border-radius:10px}
.bbs-document .bbs-document-thumb img{width:100%}
.bbs-document .bbs-document-info{flex:1 1 auto}

@media screen and (max-width:1000px) {
  .bbs-document{display:block}
  .bbs-document .bbs-document-thumb{width:100%}
  .bbs-document .bbs-document-thumb + .bbs-document-info{margin-top:20px}
}


.bbs-links{display:flex;flex: 0 0 100%;justify-content: center;margin-top:20px;border-top: 1px solid #ddd;padding-top: 20px}
.bbs-links>* ~ *{margin-left:5px}


/* 일반 게시판 입력 양식 */
.bbs-write{/* border-top: 3px solid #505c78; */}


.bbs-contents{margin-top: 30px;line-height:145%}
.bbs-contents::after{content:'';display:block;clear:both}
.bbs-contents p{line-height:150%}
.bbs-contents p ~ p{margin-top:10px}

.bbs-viewer{position:relative;padding: 139.4% 0 0 0;}
.bbs-viewer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #333}

.bbs-info + .bbs-contents{margin-top:30px}
.bbs-file + .bbs-contents{margin-top:30px}
.bbs-file + script + .bbs-contents{margin-top:30px}
.formbox + .bbs-contents{margin-top:30px;padding:0 20px}

.bbs-reply-contents{padding:20px;border:1px solid #ededed;background-color:#f9f9f9;border-radius: 5px}
.bbs-reply-contents p{line-height:150%}
.bbs-reply-contents p ~ p{margin-top:10px}



@media screen and (max-width:1000px) {
	.bbs-contents{margin-top:30px}
}

.bbs-images{margin-top: 30px;text-align:center}
.bbs-images .cms-icon{display:inline-block}
@media screen and (max-width:1000px) {
	.bbs-images{margin-top:30px}
}

.bbs-slide{margin-top:50px}
@media screen and (max-width:1000px) {
	.bbs-slide{margin-top:30px}
}

.bbs-file{padding: 20px;background-color: #f7f8f9;max-height: 230px;border-bottom: 1px solid #eaecf1}
.bbs-file .file-contents ul li{display:flex;align-items:center}
.bbs-file .file-contents ul li ~ li{margin-top: 5px}
.bbs-file .file-contents ul li a{flex: 0 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.bbs-file .file-contents ul li a span{display:inline-block;vertical-align: -6px;margin-right:3px}

.bbs-file .file-contents .file-preview{flex: 0 0 auto;margin-left: 30px;padding: 0 13px}
.bbs-file .file-contents .file-preview span{padding:8px 25px 8px 0;font-size: 15px}
@media screen and (max-width:1000px) {
	.bbs-file{max-height:135px}
	.bbs-file .file-contents .file-preview{margin-left:10px}
	.bbs-file .file-contents .file-preview span{padding:5px 20px 5px 0}
}

.bbs-file ~ .bbs-file{margin-top: 30px}


/* 게시판 게시물 등록 - 파일 첨부 */
.bbs-file.type-write{max-height: none;padding:0;border-width:0;background:transparent}
.bbs-file.type-write .file-title{padding:15px;margin-bottom:15px;font-weight:500;color:#000;border-bottom:1px solid #ddd;background-color:#f5f5f5}
.bbs-file.type-write .file-contents{display:flex;min-width:100%}
.bbs-file.type-write .file-contents ~ .file-contents{margin-top: 8px}
.bbs-file.type-write .file-contents .form-file-add{display:flex}
.bbs-file.type-write .file-contents .form-file-add span{padding: 0}
.bbs-file.type-write .file-contents .form-file-add button{min-width: 90px;height: 46px;padding:0 15px;font-size:15px;margin-right:5px}
.bbs-file.type-write .file-contents .form-file-add button ::before{font-size:15px;margin-right: 5px;vertical-align: -1px}
.bbs-file.type-write .file-contents .form-file-add .file-to-add{background-color:#fff}
.bbs-file.type-write .file-contents .form-file-add .file-to-add ::before{color: #3a6ac4}
.bbs-file.type-write .file-contents .form-file-add .file-to-del{border:1px solid transparent;background-color:#58595c;color: #fff;border-radius: 3px}
.bbs-file.type-write .file-contents .form-file-add .file-to-del ::before{color:#aaa}
.bbs-file.type-write .file-contents .form-file-upload{flex: 0 1 auto;padding-left: 0}
.bbs-file.type-write .file-contents .form-file-download+a,
.bbs-file.type-write .file-contents .form-file-download+button,
.bbs-file.type-write .file-contents .form-file-upload+a,
.bbs-file.type-write .file-contents .form-file-upload+button{margin-left:5px}
.bbs-file.type-write .file-contents{flex-wrap:nowrap}
.bbs-file.type-write .file-contents .form-file-add{display:block;margin-right:5px;flex: 0 0 auto}
.bbs-file.type-write .file-contents .form-file-add button{display:block;margin:0}

.bbs-file.type-write.use-img .file-contents .form-file-img{flex:0}
.bbs-file.type-write.use-img .file-contents .form-file-input{flex: 1 1 auto;display: flex;flex-wrap:wrap}

.bbs-file.type-write .file-contents .form-file-label{display: flex;flex:0 0 200px;align-items:center;margin-right:10px}
.bbs-file.type-write .file-contents .form-file-label .label{flex:1 1 auto;line-height: 130%}
.bbs-file.type-write .file-contents .form-file-label .btn-tooltip{flex:0 0 auto;margin-right:10px}

@media screen and (max-width: 830px) {
	.bbs-file.type-write .file-contents ~ .file-contents{margin-top: 5px}
	.bbs-file.type-write .file-contents .form-file-label{margin-bottom:10px}
	
	.bbs-file.type-write .file-contents .form-file-upload{flex: 1 1 100%}
	.bbs-file.type-write .file-contents .form-file-upload+a,
	.bbs-file.type-write .file-contents .form-file-upload+button{flex: 1 0 auto}
}
@media screen and (max-width: 600px) {
	.bbs-file.type-write .file-contents .form-file-upload+a,
	.bbs-file.type-write .file-contents .form-file-upload+button{margin:5px 0 0}
}

/* 게시판 게시물 등록 - 본문 입력 */
.bbs-contents.type-write{margin:20px 0}
/* 게시판 버튼 */
*+.bbs-buttons{margin-top: 20px}
.bbs-buttons {display:flex}
.bbs-buttons .bbs-btns-left{flex:1 1 auto;display:flex;justify-content:flex-start}
.bbs-buttons .bbs-btns-right{flex:1 1 auto;display:flex;justify-content:flex-end}
.bbs-buttons .bbs-btns-center{flex:1 1 auto;display:flex;justify-content:center}
.bbs-buttons a{display:block}
.bbs-buttons a ~ a{margin-left:5px}
.bbs-buttons a ~ button{margin-left:5px}
.bbs-buttons button ~ a{margin-left:5px}
.bbs-buttons button ~ button{margin-left:5px}
.bbs-contents + .bbs-buttons{padding-top:20px;border-top:1px solid #ddd}

.bbs-direction{position:relative;margin-top: 50px;border-top: 1px solid #c9cbd0}
.bbs-direction li{border-bottom:1px solid #eaecf1}
.bbs-direction li button{display:flex;align-items:center;height:70px;padding:0 20px;width: 100%;line-height:140%;text-align: left}
.bbs-direction li button::before{content:'';display:inline-block;flex:0 0 auto;width:12px;height:7px;margin-right:20px;background: no-repeat 0 0}
.bbs-direction li button i{margin-right:50px;flex:0 0 auto}
.bbs-direction li button span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:130%}
.bbs-direction .bbs-dir-previous button::before{background-image:url(../../../../images/name/user/styleguide/icon-previous.png)}
.bbs-direction .bbs-dir-next button::before{background-image:url(../../../../images/name/user/styleguide/icon-next.png)}
@media screen and (max-width:1000px) {
	.bbs-direction{margin-top:30px}
	.bbs-direction li button{height:50px}
	.bbs-direction li button i{margin-right:20px}
}


.bbs-comment{margin-top:30px;padding-top:30px;border-top:2px dashed #ddd}
.bbs-comment .comment-title{margin-bottom:20px}
.bbs-comment .comment-title i{font-weight:bold;font-size:18px}
.bbs-comment .comment-button{width:100%;padding:1.071rem 0 1.071rem 3.3rem;text-align:left;border:1px solid #ddd;border-radius:5px;background:url(../../../../images/name/user/styleguide/icon-arr-circle-down.png) no-repeat 0.9rem 50%}
.bbs-comment .comment-button.is-selected{background-image:url(../../../../images/name/user/styleguide/icon-arr-circle-up.png)}
.bbs-comment .comment-button span{display:inline-block;line-height:110%;font-size:1.143rem;font-weight:600;color:#000}
.bbs-comment .comment-button span img{vertical-align:2px}
.bbs-comment .comment-list{padding:0 10px}
.bbs-comment .comment-item{position:relative;padding:20px 0}
.bbs-comment .comment-item ~ .comment-item{border-top:1px solid #ddd}
.bbs-comment .comment-item:after{content:'';display:block;clear:both}
.bbs-comment .comment-item-name{position:relative;color:#000;font-size:16px;padding-left:18px;background:url(../../../../images/name/user/styleguide/icon-message.png) no-repeat 0 50%}
.bbs-comment .comment-item-date{font-size:14px;color:#717378}
.bbs-comment .comment-item-content{margin:15px 0 0}
.bbs-comment .comment-item-content p{line-height:150%}
.bbs-comment .comment-item-buttons{position:absolute;top:0;right:0}
.bbs-comment .comment-item-buttons li{position:relative;float:left}
.bbs-comment .comment-item-buttons li:before{content:'';position:absolute;top:3px;left:0;height:10px;border-left:1px solid #999}
.bbs-comment .comment-item-buttons li:first-child:before{display:none}
.bbs-comment .comment-item-buttons button{padding:0 10px;border-radius:5px}
/* 댓글 더보기 */
.bbs-comment .comment-reply-more button{padding-left:1.35rem;background:url(../../../../images/name/user/styleguide/icon-reply.png) no-repeat 0 50%;transition:background 100ms ease-out}
.bbs-comment .comment-reply-more button:hover{background-image:url(../../../../images/name/user/styleguide/icon-reply-hover.png)}
/* 댓글 접기/열기 */
.comment-reply-fold{margin-top:10px}
.comment-reply-fold button{display:inline-block;padding:0 0 0 15px;background:url(../../../../images/name/user/styleguide/icon-arr-comment-down.png) no-repeat 0 50%;color:#000}
.comment-reply-fold button.is-selected{background-image:url(../../../../images/name/user/styleguide/icon-arr-comment-up.png)}
.comment-reply-fold button b{font-weight:600}
/* 댓글 더보기*/
.comment-item-more{text-align:center}
.comment-item-more button{text-align:center;font-weight:500;padding:10px 20px;border:1px solid #515251}
.comment-item-more button span{display:inline-block;font-size:14px;font-weight:300;color:#000}
.bbs-comment .comment-write{position:relative;padding:20px;margin-bottom:20px;border-radius: 5px;border:1px solid #ddd}
.bbs-comment .comment-write .info-message{line-height:150%;font-weight:500}
.bbs-comment .comment-item-continer{position:relative;padding:0 0 20px 0}
.bbs-comment .comment-write .comment-write-name{display:block;margin-bottom:10px;font-size:16px;color:#000;padding-left:18px;background:url(../../../../images/name/user/styleguide/icon-message.png) no-repeat 0 50%}
.bbs-comment .comment-write .comment-write-byte{z-index:10;position:absolute;top:20px;right:20px;color:#999}
.bbs-comment .comment-write-textarea, .bbs-comment .comment-reply-textarea{height:72px;padding:0;border-width:0;overflow:hidden;resize:none;line-height:24px;padding-right:40px}
.bbs-comment .comment-write-textarea:focus, .bbs-comment .comment-reply-textarea:focus{outline:0}
.bbs-comment .comment-write-submit{z-index:10;position:absolute;bottom:10px;right:10px;padding:10px;color:#fff;background-color:#515251}
.bbs-comment .comment-write-submit:hover, .bbs-comment .comment-write-submit.is-hover{background-color: #1e2d8e;color:#fff}
.bbs-comment .comment-reply{padding-left:40px;background:url(../../../../images/name/user/styleguide/reply.png) no-repeat 15px 23px;border-top:1px solid #dcdcdc}
.bbs-comment .comment-item .comment-reply .comment-item-continer{padding:0}
.bbs-comment .comment-list .comment-write{margin:0}
.bbs-comment .comment-list .comment-item + .comment-write{border-top-width:0;border-radius:0}
.bbs-comment .comment-list .comment-write + .comment-item{border-top-width:0}
.bbs-reply{margin-top:30px;padding-top:30px;border-top:2px dashed #ddd}
.bbs-reply .bbs-title{border-top:0;padding-top:0}

/* 일반 기본 페이징 */
.page-default{margin: 50px 0 0;text-align:center}
.page-default .page-wrap{display:inline-block}
.page-default .page-wrap:after{content:"";display:block;clear:both}
.page-default a, .page-default button, .page-default b{display:block;float:left;min-width:35px;height:35px;line-height: 34px;margin-left:5px;padding:0 5px;border-radius: 5px;background-color:#fff;border:1px solid #ddd;transition:background 100ms ease-out, border 100ms ease-out;font-size:14px}
.page-default a:hover, .page-default button:hover{border-color: var(--primary);}
.page-default b{background-color: var(--primary);color:#fff;border-color: var(--primary);}
.page-default .page-first, .page-default .page-prev, .page-default .page-next, .page-default .page-last{background:no-repeat 50% 50%;border: 1px solid #c5c9d6}
.page-default .page-first{background-image:url(../../../../images/name/user/styleguide/page-default-first.png)}
.page-default .page-prev{background-image:url(../../../../images/name/user/styleguide/page-default-prev.png)}
.page-default .page-next{background-image:url(../../../../images/name/user/styleguide/page-default-next.png)}
.page-default .page-last{background-image:url(../../../../images/name/user/styleguide/page-default-last.png)}
.page-default *:first-child{margin-left:0}
.page-default .page-first + *, .page-default .page-prev + *, .page-default * + .page-next, .page-default * + .page-last{margin-left:10px}
.page-default .page-first + .page-prev, .page-default .page-next + .page-last{margin-left:5px}
.page-default .page-count{display:none;float:left;line-height:35px;margin:0 5px 0 15px;font-size:1.143rem;font-weight:500}
.page-default .page-pc{display:block}
.page-default .page-mo{display:none}
.page-default a.page-number:hover{border-color: var(--primary);color: var(--primary);}

/* 웹진형 게시판(포토) 목록 */
.bbs-webzin{margin-top: 0;padding-bottom:20px;border:0 solid transparent;/* border-width: 3px 0 1px; */min-width: 0;/* border-color: #505c78 transparent #ddd; */}
.bbs-webzin .bbs-item{margin-top:20px}
.bbs-webzin .bbs-item ~ .bbs-item{padding-top:20px;border-top: 1px solid #d2d7dc}
.bbs-webzin .bbs-item::after{content:'';display:block;clear:both}
.bbs-webzin .bbs-item-image{float:left;width:280px;height:180px;overflow:hidden;position:relative;margin-right:20px;border-radius:10px}
.bbs-webzin .bbs-item-image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.bbs-webzin .bbs-item-image + .bbs-item-descript{overflow: hidden;padding-top:10px}
.bbs-webzin .bbs-item-descript>a{display:block;overflow:hidden}
.bbs-webzin .bbs-item-descript .bbs-item-title{display:flex;align-items:center}
.bbs-webzin .bbs-item-descript .bbs-item-title span{font-weight: 500;font-size: 18px;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bbs-webzin .bbs-item-descript .bbs-item-title i{display:inline-block;padding:5px;font-size: 14px;font-weight:500;color:#fff;vertical-align:2px;border-radius: 3px}
.bbs-webzin .bbs-item-descript .bbs-item-title i:last-of-type{margin-right:5px}
.bbs-webzin .bbs-item-descript .bbs-item-title .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-webzin .bbs-item-descript .bbs-item-title .notice{background-color:#000;border:1px solid #000}
.bbs-webzin .bbs-item-descript .bbs-item-title .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-webzin .bbs-item-descript .bbs-item-title .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-webzin .bbs-item-descript .bbs-item-title .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-webzin .bbs-item-descript .bbs-item-title .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-webzin .bbs-item-descript .bbs-item-title .category-4{background-color:#fff;color:#666;border:1px solid #666}
.bbs-webzin .bbs-item-descript .bbs-item-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-webzin .bbs-item-descript .bbs-item-title .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-webzin .bbs-item-descript .bbs-item-title .solid{border:1px solid #ddd;background-color: #fff;color:#666}
.bbs-webzin .bbs-item-descript .bbs-item-subject{display:block;margin-top:10px;font-weight: 500;font-size: 18px;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

.bbs-webzin .bbs-item-descript .bbs-item-text{margin-top:20px;line-height:23px;max-height:69px;overflow:hidden}
.bbs-webzin .bbs-item-descript .bbs-item-info{flex-wrap:wrap;display:flex;margin-top:20px}
.bbs-webzin .bbs-item-descript .bbs-item-info>li{display:flex;flex:0 1 auto;align-items:center;line-height:110%}
.bbs-webzin .bbs-item-descript .bbs-item-info>li ~ li::before{content:'/';margin:0 10px;color:#dcdcdc}
.bbs-webzin .bbs-item-descript .bbs-item-info .file{position: relative;flex:1 1 auto}
.bbs-webzin .bbs-item-descript .bbs-item-info [class^=cms-icon]{margin:0 5px 0 0}
.bbs-webzin .bbs-item-descript .bbs-item-info [class^=cms-icon]::before{font-size:14px}
@media screen and (max-width:1000px) {

	.bbs-webzin .bbs-item-image{width:170px;height:120px}
	.bbs-webzin .bbs-item-descript .bbs-item-title{font-size:18px}
	.bbs-webzin .bbs-item-descript .bbs-item-text{max-height:46px}
	
	.bbs-webzin .bbs-item-descript .bbs-item-info>li{font-size:14px}
	.bbs-webzin .bbs-item-descript .bbs-item-info .date{flex:0 0 100%}
	.bbs-webzin .bbs-item-descript .bbs-item-info .date ~ li{margin-top:5px}
	.bbs-webzin .bbs-item-descript .bbs-item-info .date + li:before{display:none}
}
@media screen and (max-width:630px) {
	.bbs-webzin .bbs-item-image{float:none;width:100%;height:auto;padding-top:60%}
	.bbs-webzin .bbs-item-image + .bbs-item-descript{padding:20px 10px 0}
}

.bbs-item-keyword{display:flex;flex-wrap:wrap;margin-top:10px}
.bbs-item-keyword a{border-radius:3px;border:1px solid #ddd;padding:5px 7px;font-size:14px;margin-bottom:5px}
.bbs-item-keyword span{border-radius:3px;border:1px solid #ddd;padding:5px 7px;font-size:14px;margin-bottom:5px}
.bbs-item-keyword>*{margin-right:5px}

/* FAQ 게시판 목록 */
/* .bbs-faq{padding-top:20px;margin-top:20px;border-top: 3px solid #505c78} */
.bbs-faq .bbs-faq-item{border:1px solid #ddd;border-radius: 5px;overflow: hidden}
.bbs-faq .bbs-faq-item ~ .bbs-faq-item{margin-top:5px}
.bbs-faq .bbs-faq-button{position:relative;display:block;width:100%;padding:20px 20px 20px 70px;text-align:left;font-weight:500;font-size: 18px;color:#000}
.bbs-faq .bbs-faq-button:hover{color:#176ac7}
.bbs-faq .bbs-faq-title{display:block;line-height:140%;padding-right:30px;background: url(../../../../images/name/user/styleguide/icon-arr-down.png) no-repeat 100% 10px}
.bbs-faq .bbs-faq-title i{display:inline-block;padding:5px;font-size: 14px;font-weight:500;border-radius: 3px;color:#fff;vertical-align:2px}
.bbs-faq .bbs-faq-title i:last-child{margin-right:5px}
.bbs-faq .bbs-faq-title .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-faq .bbs-faq-title .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-faq .bbs-faq-title .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-faq .bbs-faq-title .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-faq .bbs-faq-title .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-faq .bbs-faq-title .category-4{background-color:#fff;color:#666;border:1px solid #666}
.bbs-faq .bbs-faq-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-faq .bbs-faq-title .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-faq .bbs-faq-title .solid{border:1px solid #ddd;background-color: #fff;color:#666}

.bbs-faq .is-selected,
.bbs-faq .is-selected:hover{background-color:#176ac7;color:#fff}
.bbs-faq .is-selected .bbs-faq-icon-question{color:#fff}
.bbs-faq .is-selected .bbs-faq-title{background-image:url(../../../../images/name/user/styleguide/icon-arr-up.png)}
.bbs-faq .is-selected .bbs-faq-title .new{font-weight:700;background-color: #fff;color:#fd3737}
.bbs-faq .is-selected .bbs-faq-title .category{border-color:#fff;background-color:#fff;color:#000}
.bbs-faq .is-selected .bbs-faq-title .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-faq .is-selected .bbs-faq-title .ready{background-color:#555;color:#fff;border:1px solid #fff}
.bbs-faq .is-selected .bbs-faq-title .solid{border:1px solid #fff;background-color: #fff;color:#666}
.bbs-faq .bbs-faq-description{display:none;position:relative;padding:20px 20px 20px 70px;line-height:140%}
.bbs-faq .bbs-faq-description p{line-height:140%}
.bbs-faq .bbs-faq-description p ~ p{margin:10px 0}
.bbs-faq .bbs-faq-icon-question{position:absolute;top: 50%;left:20px;font-weight:600;font-size:24px;line-height: 100%;color:#000;transform: translateY(-50%)}
.bbs-faq .bbs-faq-icon-answer{position:absolute;top:20px;left:22px;font-weight:600;font-size:24px;color:#f74040;line-height: 1}
.bbs-faq .bbs-info{padding-left:0;margin-bottom:20px}
.bbs-faq .bbs-buttons{border-top:1px solid #ddd;padding-top:20px}

/* 사진 게시판 */
.bbs-photo{display:flex;flex-wrap:wrap;padding-bottom:2%;border-style:solid;border-width: 0 0 1px;border-color: #505c78 transparent #ddd}
*+.bbs-photo{margin-top: 0}
.bbs-photo .bbs-photo-item{width:32%;position: relative;margin:2% 0 0 2%;border-radius:10px;border:1px solid #dcdcdc;transition:border 100ms ease-out, box-shadow 100ms ease-out}
.bbs-photo .bbs-photo-item:nth-child(3n+1){margin-left:0}
.bbs-photo .bbs-photo-link{display:block;overflow: hidden;border-radius: 10px}
.bbs-photo .bbs-photo-container{position:relative;text-align:center;overflow:hidden}
.bbs-photo .bbs-photo-img{position:relative;padding-top:61%;overflow:hidden;background:#f5f5f5 url(../../../../images/name/user/styleguide/noimg.png) no-repeat 50% 50%}
.bbs-photo .bbs-photo-img img{position:absolute;top:50%;left:50%;height:100%;max-width:none;transform-origin:50% 50%;transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1);transition:transform 200ms ease-in-out}
.bbs-photo .bbs-photo-img .bbs-photo-flag{z-index:10;position:absolute;top:0;left:0;padding:10px;display:flex;flex-wrap:wrap;align-items: center}
.bbs-photo .bbs-photo-img .bbs-photo-flag i{flex:0 0 auto;padding:5px 7px;font-size: 14px;font-weight:500;border-radius: 3px;color:#fff;margin-right:2px;margin-bottom:2px}
.bbs-photo .bbs-photo-img .bbs-photo-flag .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-photo .bbs-photo-img .bbs-photo-flag .notice{background-color:#000;border:1px solid #000}
.bbs-photo .bbs-photo-img .bbs-photo-flag .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-photo .bbs-photo-img .bbs-photo-flag .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-photo .bbs-photo-img .bbs-photo-flag .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-photo .bbs-photo-img .bbs-photo-flag .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-photo .bbs-photo-img .bbs-photo-flag .category-4{background-color:#fff;color:#666;border:1px solid #666}
.bbs-photo .bbs-photo-img .bbs-photo-flag .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-photo .bbs-photo-img .bbs-photo-flag .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-photo .bbs-photo-img .bbs-photo-flag .solid{border:2px solid #ddd;background-color: #fff;color:#666}
.bbs-photo .bbs-photo-text{text-align:center;padding:3%;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-photo .bbs-photo-info{position:relative;text-align:left;padding: 20px}
.bbs-photo .bbs-photo-info ul{display:flex;flex-wrap:wrap;min-width:100%}
.bbs-photo .bbs-photo-info .bbs-photo-title{display:flex;align-items:center;margin-bottom:15px;min-width:100%;position:relative;font-size: 18px;color:#000;line-height:140%;padding-bottom:3px;border-bottom:1px solid transparent}
.bbs-photo .bbs-photo-info .bbs-photo-title span{flex:1 1 auto;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:inherit}
.bbs-photo .bbs-photo-info .bbs-photo-title .color-red{position:absolute;top:0;right:0;line-height:inherit;color:#d22649}
.bbs-photo .bbs-photo-info li:nth-child(1) ~ li{font-size:14px;color:#555}
.bbs-photo .bbs-photo-info li:nth-child(2) ~ li{margin-left:15px}
.bbs-photo .bbs-photo-info li:nth-child(4){flex:1 1 auto;text-align:right}
.bbs-photo .bbs-photo-item:hover .bbs-photo-img img{transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1.2)}
.bbs-photo .bbs-photo-item:hover{border-color: #505c78;box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.2)}

/* 사진 게시판 공지 목록 */
.bbs-photo-notice{position:relative;display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:10px;border-top:2px solid #596bd9}
.bbs-photo-notice .bbs-body .row{border-top-width:0}
/* 사진 게시판 */
@media screen and (max-width:1000px) {
	.bbs-photo .bbs-photo-item{width:49%}
	.bbs-photo .bbs-photo-item:nth-child(3n+1){margin-left:2%}
	.bbs-photo .bbs-photo-item:nth-child(2n+1){margin-left:0}
	.bbs-photo .bbs-photo-info li:nth-child(1){margin-bottom:10px}
}

@media screen and (max-width:600px) {
	.bbs-photo .bbs-photo-item{width:100%;margin-left:0}
	.bbs-photo .bbs-photo-item:nth-child(3n+1){margin-left:0}
}


/* 카드 게시판 */
.bbs-card{display:flex;flex-wrap:wrap;padding-bottom:2%;border-style:solid;border-width: 0 0 1px;border-color: #505c78 transparent #ddd}
*+.bbs-card{/* margin-top:20px; */}
.bbs-card .bbs-card-item{width:32%;position: relative;margin:2% 0 0 2%;border:1px solid #dcdcdc;transition:border 100ms ease-out, box-shadow 100ms ease-out}
.bbs-card .bbs-card-item:nth-child(3n+1){margin-left:0}
.bbs-card .bbs-card-link{display:block}
.bbs-card .bbs-card-container{position:relative;text-align:center;overflow:hidden}
.bbs-card .bbs-card-img{position:relative;padding-top: 100%;overflow:hidden;background: #f5f5f5 url(../../../../images/name/user/styleguide/noimg.png) no-repeat 50% 50% / cover}
.bbs-card .bbs-card-img img{position:absolute;top:50%;left:50%;max-width: none;height:100%;transform-origin:50% 50%;transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1);transition:transform 200ms ease-in-out}
.bbs-card .bbs-card-img .bbs-card-flag{z-index:10;position:absolute;top:10px;left:10px}
.bbs-card .bbs-card-img .bbs-card-flag i{display:inline-block;padding:5px;font-size: 14px;font-weight:500;border-radius: 3px;color:#fff}
.bbs-card .bbs-card-img .bbs-card-flag i:last-child{margin-right:5px}
.bbs-card .bbs-card-img .bbs-card-flag .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-card .bbs-card-img .bbs-card-flag .notice{background-color:#000;border:1px solid #000}
.bbs-card .bbs-card-img .bbs-card-flag .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-card .bbs-card-img .bbs-card-flag .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-card .bbs-card-img .bbs-card-flag .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-card .bbs-card-img .bbs-card-flag .solid{border:2px solid #ddd;background-color: #fff;color:#666}
.bbs-card .bbs-card-text{text-align:center;padding:3%;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-card .bbs-card-info{position:relative;text-align:left;padding: 20px} 
.bbs-card .bbs-card-info ul{display:flex;flex-wrap:wrap;min-width:100%}
.bbs-card .bbs-card-info .bbs-card-title{display:flex;align-items:center;margin-bottom:15px;min-width:100%;position:relative;font-size: 18px;color:#000;line-height:140%;padding-bottom:3px;border-bottom:1px solid transparent}
.bbs-card .bbs-card-info .bbs-card-title span{flex:1 1 auto;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:inherit}
.bbs-card .bbs-card-info .bbs-card-title .color-red{position:absolute;top:0;right:0;line-height:inherit;color:#d22649}
.bbs-card .bbs-card-info li:nth-child(1) ~ li{font-size:14px;color:#555}
.bbs-card .bbs-card-info li:nth-child(2) ~ li{margin-left:15px}
.bbs-card .bbs-card-info li:nth-child(4){flex:1 1 auto;text-align:right}
.bbs-card .bbs-card-item:hover .bbs-card-img img{transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1.2)}
.bbs-card .bbs-card-item:hover{border-color: #505c78;box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.2)}

/* 사진 게시판 공지 목록 */
.bbs-card-notice{position:relative;display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:10px;border-top:2px solid #596bd9}
.bbs-card-notice .bbs-body .row{border-top-width:0}
/* 사진 게시판 */
@media screen and (max-width:1000px) {
	.bbs-card .bbs-card-item{width:49%}
	.bbs-card .bbs-card-item:nth-child(3n+1){margin-left:2%}
	.bbs-card .bbs-card-item:nth-child(2n+1){margin-left:0}
	.bbs-card .bbs-card-info li:nth-child(1){margin-bottom:10px}
}

@media screen and (max-width:600px) {
	.bbs-card .bbs-card-item{width:100%;margin-left:0}
	.bbs-card .bbs-card-item:nth-child(3n+1){margin-left:0}
}


/* 전체 목록 갯수 */
.bbs-total{flex:1;display:flex;align-items:center;margin-bottom:0}
.bbs-total img{vertical-align:-1px;margin-right:5px}
.bbs-total span{font-weight:400;font-size:17px}
.bbs-total .v-bar{flex:0 0 1px;margin:0 10px;height:13px;background-color:#d3d3d3}
.bbs-total i{font-weight: 500;color:#333}


/* 게시물 검색 */
.bbs-search{z-index:10;position:relative;padding-bottom:20px;margin-bottom: 0;border-bottom:2px solid #333}
.bbs-search form{display:flex;flex-wrap:wrap;justify-content:center;align-items: center}
.bbs-search .bbs-search-type{flex:0 1 auto}
.bbs-search .bbs-search-type::after{top:50%;transform:translateY(-50%)}
.bbs-search .bbs-search-type select{height:46px;border-radius:5px}
.bbs-search .bbs-search-type ~ .bbs-search-type{margin-left:5px}
.bbs-search .bbs-search-keyword{margin-left:5px}
.bbs-search .bbs-search-keyword input{min-width: 250px;width: 100%;height:46px;border-radius:5px}
.bbs-search .bbs-search-button{flex: 0 1 auto;display:flex;margin-left:5px}
.bbs-search .bbs-search-button>button{flex: 1 0 auto;min-width:0}
.bbs-search .bbs-search-button>button ~ button{margin-left:5px} 
.bbs-search .bbs-search-button>button span{padding:0;font-weight:500}
.bbs-search .bbs-search-button>button span img{vertical-align:-2px;margin-right:5px}
.bbs-search .bbs-search-button .btn-search-option img{vertical-align:1px;transform-origin:50% 50%;margin:0 0 0 7px}
.bbs-search .bbs-search-button .btn-search-option.is-opened img{transform:rotate(180deg)}

.bbs-search .bbs-search-options{display:none;position:absolute;left:0;background-color:#fff;border:1px solid #a5aabb;overflow: hidden;border-radius: 5px}
.bbs-search .bbs-search-options .option-item{display:flex;border-top: 1px dashed #aaa;flex: 1 1 33.33%}
.bbs-search .bbs-search-options .option-buttons{flex: 0 0 100%;display:flex;padding:30px 0;justify-content: center;align-items: center}
.bbs-search .bbs-search-options .option-buttons button ~ button{margin-left:5px}
.bbs-search .bbs-search-options .option-label{display:flex;flex: 0 0 auto;justify-content:center;align-items:center;padding:10px 15px;background-color:#f3f3f3;width: 130px;color:#363c5a;font-weight:500}
.bbs-search .bbs-search-options .option-label .label{font:inherit;color:inherit}
.bbs-search .bbs-search-options .option-label .btn-tooltip{margin-left:10px;align-self:center}
.bbs-search .bbs-search-options .option-normal{flex: 1 1 auto;padding:10px}
.bbs-search .bbs-search-options .option-item:nth-child(1),
.bbs-search .bbs-search-options .option-item:nth-child(2),
.bbs-search .bbs-search-options .option-item:nth-child(3){border-top-width:0}

.bbs-search .bbs-search-options .form-daterange{display:flex;align-items:center;flex: 0 1 100%}
.bbs-search .bbs-search-options .form-daterange .dynamic-field{flex:1}

@media screen and (max-width:1000px) {
	.bbs-search .bbs-search-options .option-item{min-width:50%}
	.bbs-search .bbs-search-options .option-item:nth-child(3){border-top-width:1px}
}

@media screen and (max-width:780px) {
	.bbs-search .bbs-search-options .option-item{min-width:100%;max-width:100%}
	.bbs-search .bbs-search-options .option-item ~ .option-item{border-top-width:1px}

	.bbs-search .bbs-search-options .form-daterange{flex-wrap:wrap}
	.bbs-search .bbs-search-options .form-daterange .dynamic-field{flex:1 1 100%}
	.bbs-search .bbs-search-options .form-daterange .dynamic-field ~ .dynamic-field{margin-top:5px} 
	.bbs-search .bbs-search-options .form-daterange .mid{display:none}
}

/* 게시판 구성요소 정렬 */
.bbs-top{display:flex;align-items:center}
.bbs-top .bbs-total{flex: 1 0 auto;margin-bottom:0}
.bbs-top .bbs-search{flex: 1 1 auto}


.bbs-search .bbs-search-visibility{display:none;justify-content:center;align-items:center}
.bbs-search .bbs-search-outer-buttons{margin-left:5px}
.bbs-search .bbs-search-visibility.is-opened{display:flex}
.bbs-search .bbs-search-button-visible button{height: 46px;width: 46px;padding:0;min-width:0}
.bbs-search .bbs-search-button-visible button span{padding:0}
.bbs-search .bbs-search-button-visible button img{margin:0}

@media screen and (max-width:1000px) {
  .bbs-search .bbs-total{flex-basis: 100%}
  .bbs-search .bbs-search-outer-buttons{margin:0}
	.bbs-search .bbs-search-type,
	.bbs-search .bbs-search-keyword,
	.bbs-search .bbs-search-button,
  .bbs-search .bbs-search-outer-buttons{width:100%;margin:5px 0 0 0}
  .bbs-search .bbs-search-outer-buttons{text-align:right}

	.bbs-search .bbs-search-visibility.is-opened{width:100%;flex-wrap:wrap}
  .bbs-search .bbs-search-outer-buttons{width:100%;margin:10px 0 0;display:flex;justify-content:right}
  .bbs-search .bbs-search-visibility.is-opened + .bbs-search-outer-buttons{}
}


/* e-book 게시판 */
.bbs-ebook{display:flex;flex-wrap:wrap;padding-bottom:2%;border-style:solid;border-width: 0 0 1px;border-color: #505c78 transparent #ddd}
*+.bbs-ebook{margin-top: 0}
.bbs-ebook .bbs-ebook-item{width:23.5%;position: relative;margin:2% 0 0 2%;border-radius:10px;border:1px solid #dcdcdc;transition:border 100ms ease-out, box-shadow 100ms ease-out}
.bbs-ebook .bbs-ebook-item:nth-child(4n+1){margin-left:0}
.bbs-ebook .bbs-ebook-link{display:block;overflow: hidden;border-radius: 10px}
.bbs-ebook .bbs-ebook-container{position:relative;text-align:center;overflow:hidden}
.bbs-ebook .bbs-ebook-img{position:relative;padding-top:140%;overflow:hidden}
.bbs-ebook .bbs-ebook-img img{position:absolute;top:50%;left:50%;height:100%;max-width:none;transform-origin:50% 50%;transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1);transition:transform 200ms ease-in-out}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag{z-index:10;position:absolute;top:0;left:0;padding:10px;display:flex;flex-wrap:wrap;align-items: center}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag i{flex:0 0 auto;padding:5px 7px;font-size: 14px;font-weight:500;border-radius: 3px;color:#fff;margin-right:2px;margin-bottom:2px}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .new{background-color: #fd3737;border:1px solid #fd3737}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .notice{background-color:#000;border:1px solid #000}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .category{background-color:#fff;border:1px solid #1a6dff;color:#1a6dff}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .category-4{background-color:#fff;color:#666;border:1px solid #666}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .success{background-color:#1e2d8e;color:#fff;border:1px solid #1e2d8e}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .ready{background-color:#555;color:#fff;border:1px solid #555}
.bbs-ebook .bbs-ebook-img .bbs-ebook-flag .solid{border:2px solid #ddd;background-color: #fff;color:#666}
.bbs-ebook .bbs-ebook-text{text-align:center;padding:3%;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-ebook .bbs-ebook-info{position:relative;text-align:left;padding: 20px}
.bbs-ebook .bbs-ebook-info ul{display:flex;flex-wrap:wrap;min-width:100%}
.bbs-ebook .bbs-ebook-info .bbs-ebook-title{display:flex;align-items:center;margin-bottom:15px;min-width:100%;position:relative;font-size: 18px;color:#000;line-height:140%;padding-bottom:3px;border-bottom:1px solid transparent}
.bbs-ebook .bbs-ebook-info .bbs-ebook-title span{flex:1 1 auto;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:inherit}
.bbs-ebook .bbs-ebook-info .bbs-ebook-title .color-red{position:absolute;top:0;right:0;line-height:inherit;color:#d22649}
.bbs-ebook .bbs-ebook-info .bbs-ebook-writer{display:none}
.bbs-ebook .bbs-ebook-info li{display:flex;align-items:center}
.bbs-ebook .bbs-ebook-info li [class^="cms-icon"]{margin-right:5px}
.bbs-ebook .bbs-ebook-info li:nth-child(1) ~ li{font-size:14px;color:#555}
.bbs-ebook .bbs-ebook-info li:nth-child(2) ~ li{margin-left:15px}
.bbs-ebook .bbs-ebook-info li:nth-child(4){flex:1 1 auto;text-align:right}
.bbs-ebook .bbs-ebook-item:hover .bbs-ebook-img img{transform:rotate3d(0, 0, 0, 0deg) translate(-50%, -50%) scale(1.2)}
.bbs-ebook .bbs-ebook-item:hover{border-color: #505c78;box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.2)}

/* e-book 게시판 공지 목록 */
.bbs-ebook-notice{position:relative;display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:10px;border-top:2px solid #596bd9}
.bbs-ebook-notice .bbs-body .row{border-top-width:0}
/* e-book 게시판 */
@media screen and (max-width:1000px) {
	.bbs-ebook .bbs-ebook-item{width:32%}
	.bbs-ebook .bbs-ebook-item:nth-child(4n+1){margin-left:2%}
	.bbs-ebook .bbs-ebook-item:nth-child(3n+1){margin-left:0}
	.bbs-ebook .bbs-ebook-info li:nth-child(1){margin-bottom:10px}
}

@media screen and (max-width:700px) {
	.bbs-ebook .bbs-ebook-item{width:49%}
  .bbs-ebook .bbs-ebook-item:nth-child(3n+1){margin-left:2%}
	.bbs-ebook .bbs-ebook-item:nth-child(2n+1){margin-left:0}
}

/*달력*/
.component-calendar-head{text-align:center}
.component-calendar-head *{vertical-align:top}
.component-calendar-head b{display:inline-block;margin:0 20px;vertical-align:-8px;font-family:'S-Core Dream WF', sans-serif;font-weight:700;font-size:25px;letter-spacing:-1px;color:#000}
.component-calendar-head button{width:45px;height:45px;border-radius:100%;background-color:#fff;border:1px solid #4c4a47;background:no-repeat 50% 50%}
.component-calendar-head .head-prev{background-image:url(../../../../images/name/user/styleguide/calendar-prev.png)}
.component-calendar-head .head-prev:hover{background-color:#4c4a47;background-image:url(../../../../images/name/user/styleguide/calendar-prev-hover.png)}
.component-calendar-head .head-next{background-image:url(../../../../images/name/user/styleguide/calendar-next.png)}
.component-calendar-head .head-next:hover{background-color:#4c4a47;background-image:url(../../../../images/name/user/styleguide/calendar-next-hover.png)}
.component-calendar-head .head-today{width:auto;font-size:15px;padding:0 15px;margin-left:20px;border-radius:25px;vertical-align:-5px;border:1px solid #bfbfbf;color:#5d5d5d}
.component-calendar-head .head-today:hover{background-color:#fff;border-color:#4c4a47;color:#000}
.component-table-calendar-body{width:100%;margin-top:30px;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:1px solid #ddd}
.component-table-calendar-body th{height:60px;font-family:'S-Core Dream WF', sans-serif;background-color:#eee}
.component-table-calendar-body td{height:120px;padding:10px;border:1px solid #ddd;vertical-align:top}
.component-table-calendar-body .day{text-align:right;font-family:'S-Core Dream WF', sans-serif;font-weight:700;font-size:14px}
.component-table-calendar-body .sun .day{color:red}
.component-table-calendar-body .sat .day{color:blue}
.component-table-calendar-body .com-cal-schedule{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;margin-top:5px;font-weight:300;font-size:14px;color:#fff;background-color:#4b62ed;border-radius:3px}

/*vertical*/
.component-table-calendar-body.vertical{border-width:1px 0 0}
.component-table-calendar-body.vertical li{background-color:#eee;border-bottom:solid #ddd;border-width:0 0 1px}
.component-table-calendar-body.vertical li:after{content:'';display:block;clear:both}
.component-table-calendar-body.vertical .date{float:left;width:100px;padding:0 20px;line-height:48px;text-align:right;font-family:'S-Core Dream WF', sans-serif;font-weight:500;font-size:14px}
.component-table-calendar-body.vertical .com-cal-schedule-group{overflow:hidden;min-height:48px;padding:10px;background-color:#fff}
.component-table-calendar-body.vertical .com-cal-schedule{display:inline-block;max-width:200px;margin:0 1px 0 0;font-size:14px;text-align:left}


.bbs-survey{margin-top:30px}
.bbs-survey .formbox{display:block;border:1px solid #ddd;padding:30px;border-radius:7px;background-color: #f7f7f7;}
.bbs-survey .formbox ~ .formbox{margin-top:30px}
.bbs-survey .formbox .form-subject strong{display:block;font-size:18px;color:#333;padding-bottom:15px;border-bottom:1px solid #ddd;}
.bbs-survey .formbox .form-max{border-radius: 7px;}
.bbs-survey .formbox .form-max .item{flex:1 0 auto;padding:0 10px;}
.bbs-survey .formbox .form-max .item ~ .item{margin-top:15px;margin-top:20px;padding-top:15px;border-top:1px dashed #ddd}
.bbs-survey .formbox .form-max .item .pgorgassbar{}

.bbs-survey .item-etc{display:none;margin-top:10px}


/* 상담자 답변 */
.bbs-advice{display:flex;flex-wrap:wrap;min-width:100%;margin-top:30px;padding:25px 0 0}
.bbs-advice .advice-title{width:100%;margin-bottom:20px;padding-bottom:15px;font-weight:500;font-size: 24px;border-bottom:1px solid #999;color: #000}
.bbs-advice .advice-name{font-weight:500;font-size:16px;line-height:20px;color:inherit}
.bbs-advice .advice-date{line-height:20px;font-size:14px;color:inherit}
.bbs-advice .advice-date::before{content:'';display:inline-block;width:1px;height:10px;margin:0 10px;vertical-align:0;background-color:#999}
.bbs-advice .advice-descript{width:100%;padding:30px;border:1px solid #dcdcdc;background-color:#f5f5f5}
.bbs-advice .advice-descript p{line-height:150%;color:#000}
.bbs-advice .bbs-info{border-bottom:0}

/* 일반 기본 게시판 */
.bbs-body .row .col-data-subject span,
.bbs-body .row .col-data-subject a{text-align:left}

@media screen and (max-width: 1200px) {
	.bbs-default {display:block; }
	.bbs-colgroup {display:none; }
	.bbs-head {display:none; }
	.bbs-body {display:block; }
	.bbs-body .row {display:flex;flex-wrap:wrap;align-items: center;position:relative;padding: 20px;border: 1px solid #ddd;margin-top: 15px;border-radius: 5px;background-color: #fff;box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15)}
	.bbs-body .row ~ .row{padding-top: 20px}
	.bbs-body .row .col {padding:0;border-width:0;font-weight:500}
	.bbs-body .row .col>span{display:block}
	.bbs-body .row .col-no {display:none}
	.bbs-body .row .col-title {display:block;width: 100%; margin:0 0 10px}
	.bbs-body .row .col-title a {font-size:17px;line-height:140%;color:#000;white-space: wrap;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
  .bbs-body .row .col-title>span i{position:relative;top:-2px;font-size:12px;font-weight:400;padding:3px 5px}
	.bbs-body .row .col-title>span{display:block;align-items:flex-start}
	.bbs-body .row .col-title .color-red{position:static}
	.bbs-body .row .col-views {display:none; } 
	.bbs-body .row .col-title + .col {margin-left:0; }
	.bbs-body .row .col-title + .col ~ .col{display:flex;align-items:center;padding-left: 13px}
	.bbs-body .row .col-title + .col ~ .col::before {content:'/';margin-top: -2px;display:inline-block;margin-right: 15px;font-size: 10px;color:#c9c9c9}
	.bbs-body .row .col-state{margin-right:15px;margin-bottom: 10px}
  .bbs-body .row .col-private{margin-right:15px;margin-bottom: 10px}
	.bbs-body .row-notice .col-private{display:none}
	.bbs-body .row .col.empty{display:none !important}
	.bbs-body .row-reply {padding-left:40px; }
	.bbs-body .row-reply .col-title a {margin-left:-20px; background-position:0 5px; }
	.bbs-body .row .col-equipment{margin-left:10px;line-height:140%}
	.bbs-body .row .col-serial,
	.bbs-body .row .col-category{margin-bottom:10px;color:#555;font-weight:700}
	.bbs-body .row .col-serial{margin-right:15px}
	.bbs-body .row .col-category{padding-left:15px;border-left:1px solid #ccc}
	.bbs-body .row .col-button{flex:1 1 100%;margin-top:10px}
  .bbs-body .row .col-button>span>button{font-size:14px;padding:0 15px}

  .bbs-body .row .col-break{display:block;flex-basis:100%;margin: 10px 0 0;padding-top: 15px;border-top: 1px solid #ddd}
  .bbs-body .row .col-break + .col-data>em{padding-top:13px}
  .bbs-body .row .col-break + .col-data>span{padding-top:13px}

  .bbs-body .row .col-data-key{margin-bottom:5px;margin-right:5px}
  .bbs-body .row .col-data-category{min-width: 100px;padding: 0 15px;margin-bottom: 5px;margin-right: 10px;text-align: center;background-color: #fff;border: 1px solid var(--button-primary);border-radius: 3px}
  .bbs-body .row .col-data-category>span{display: block;padding: 10.5px 0;font-weight: 500;color: var(--button-primary);line-height:1}
  .bbs-body .row .col-data-subject{display:flex;align-items:center;font-size: 22px;margin-bottom: 5px;color:#000}
	.bbs-body .row .col-data{display:flex;flex:1 1 100%;text-align:left}
  .bbs-body .row .col-data>em,
  .bbs-body .row .col-data>span{padding:5px 0}
  .bbs-body .row .col-data>br{display:none}
  .bbs-body .row .col-data .blind{position:static;flex:0 0 auto;width: 90px;height:auto;line-height:130%}
  .bbs-body .row .col-data .blind+*{padding-left: 15px;flex: 1 1 auto}
  .bbs-body .row .col-data-key .blind,
  .bbs-body .row .col-data-category .blind,
  .bbs-body .row .col-data-subject .blind{position:fixed;width:0;height:0}
  .bbs-body .row .col-data-key .blind+*,
  .bbs-body .row .col-data-category .blind+*,
  .bbs-body .row .col-data-subject .blind+*{padding-left:0;border-width:0}
  .bbs-body .row .col-data .blind{font-weight: 700;color: #000;border-right: 1px solid #ddd}


  
  /* 아이콘 삽입 */
  .bbs-body .row .col-writer>span{padding-left:20px;background:url(../../../../images/name/user/styleguide/bbs-people.png) no-repeat 0 1px}
  .bbs-body .row .col-date>span{padding-left:20px;background:url(../../../../images/name/user/styleguide/bbs-date.png) no-repeat 0 2px}
  .bbs-body .row .col-views>span{padding-left:22px;background:url(../../../../images/name/user/styleguide/bbs-view.png) no-repeat 0 3px}





	/* dark */
	.dark-screen-mode .bbs-body .row {border-color: var(--default-border)}
	.dark-screen-mode .bbs-body .row .col-title a {color: var(--default-text)}
	.dark-screen-mode .bbs-body .row .col-title a:hover {color: var(--default-text-active)}
}
/* 일반 게시판 QnA 타입 구성요소 (공통) */
@media screen and (max-width:1000px) {
	.bbs-state {margin-bottom:5px}
}

/* 일반 기본 페이징 */
@media screen and (max-width:1000px) {
	.page-default .page-number {display:none; }
	.page-default .page-count {display:block; }
	.page-default .page-pc{display:none}
	.page-default .page-mo{display:block}
}
/* FAQ 게시판 목록 */
@media screen and (max-width:1000px) {
	.bbs-faq .bbs-faq-button {padding: 15px 20px 15px 45px; font-size:16px}
	.bbs-faq .bbs-faq-title {padding-right:25px; }
	.bbs-faq .bbs-faq-description {padding: 15px 20px 15px 45px}
	.bbs-faq .bbs-faq-icon-question {top: 15px;left:15px;font-size:20px;transform: none}
	.bbs-faq .bbs-faq-icon-answer {top:15px;left: 15px; font-size:20px}
	.bbs-faq .bbs-info {border-top:0;padding-top:0}
}

/* filelist 게시판 목록 첨부파일 목록 레이어 */
.bbs-filelist{display:none;width: 300px;padding:20px;text-align:left;border-radius:20px;border:1px solid #1a6dff;box-shadow:2px 0 10px 0 rgba(0, 0, 0, 0.25);background-color:#fff}
.bbs-filelist ul li ~ li{margin-top:10px;padding-top:10px;border-top:1px dashed #dcdcdc}
.bbs-filelist ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-filelist ul li a img{vertical-align: -7px;margin-right:5px}
.bbs-filelist .bbs-filelist-button{position:relative}
.bbs-filelist .bbs-filelist-button button{position:absolute;top:10px;left:0;width:100%;height:0;overflow:hidden;background-color:#fff}
.bbs-filelist .bbs-filelist-button button:focus-visible{height:30px;border-radius:5px;}


/* 전송 버튼 */
.bbs-password{padding:80px 0}
.bbs-password .bbs-password-title{text-align:center;font-weight:600;font-size:27px;color:#000}
.bbs-password .bbs-password-title img{display: block;margin: 0 auto 15px}
.bbs-password .bbs-password-message{text-align:center;line-height:150%;font-weight:500;font-size:18px;margin:20px 0 0}
.bbs-password .bbs-password-message .break{display:none}
.bbs-password .bbs-password-message ~ .bbs-password-message{margin-top:15px}

.bbs-password .bbs-password-choice{display:flex;flex-wrap:wrap;max-width:450px;margin:30px auto 0}
.bbs-password .bbs-password-form{flex:1}
.bbs-password .bbs-password-form .bbs-password-input{height:50px}
.bbs-password .bbs-password-form .bbs-password-button{display:flex;flex:1;margin-top:10px}
.bbs-password .bbs-password-form .bbs-password-button button{flex:1;min-width:auto}
.bbs-password .bbs-password-form .bbs-password-button button ~ button{margin-left:5px}

.bbs-password .bbs-password-login{display:flex;border-left:2px dashed #dcdcdc}
.bbs-password .bbs-password-login .bbs-password-submit{flex:1;border-radius:5px;font-weight:500;font-size:18px;background-color:#dd791d;color:#fff}

@media screen and (max-width:700px) {
	.bbs-password{padding:50px 0}
	.bbs-password .bbs-password-message .break{display:block}
}

.bbs-contents .formbox{border:0 solid #dcdcdc;border-width:0 0 1px 0}
.bbs-contents .formbox:nth-child(1){border-width:1px 0 1px 0}




/* 파일 멀티 업로더 */
.module-file-uploader{width:100%}
.module-file-uploader .module-file-uploader-img-input{display:none}

	.module-file-uploader-storage, .module-file-uploader-repeater{z-index:-1;position:fixed;top:-1px;left:-1px;height:1px;width:1px}

	.module-file-uploader-control{display:flex;padding-bottom: 10px;min-width: 0}
	.module-file-uploader-control button{display:flex;align-items:center;height:35px;padding:0 15px;font-size:14px;border-radius:3px}
	.module-file-uploader-control button img{margin-right:5px}
		.module-file-uploader-manually{flex: 1 1 auto}
		.module-file-uploader-manually button{background-color:#176ac7;border:1px solid #176ac7;color:#fff}
		.module-file-uploader-manually button:hover{background-color:var(--button-primary-hover);border-color:var(--button-primary-hover);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25)}
		.module-file-uploader-choose{flex: 0 0 auto;display:flex}
		.module-file-uploader-choose button{background-color:#fff;border:1px solid #7a8796}
		.module-file-uploader-choose button:hover{border-color:var(--button-primary-hover);box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25);color:var(--button-primary-hover)}
		.module-file-uploader-choose button ~ button{margin-left:5px}

	.module-file-uploader-container{position:relative;overflow-y:scroll;height: 184px;border: 1px solid #c5c9d6;background-color: #fff}
	.module-file-uploader-container>*{padding: 10px;min-height:100%}

		.module-file-uploader-default{display:block}
		.module-file-uploader-default .module-file-uploader-item{display:flex;flex-wrap:nowrap;align-items: center;min-width: 0}
		.module-file-uploader-default .module-file-uploader-item label{flex: 1 1 auto;display:flex;align-items:center;margin: 0;min-width: 0;font-weight:500;margin-right:20px}
		.module-file-uploader-default .module-file-uploader-item label input{top:4px}
		.module-file-uploader-default .module-file-uploader-item label input+span{top: 3px;flex:0 0 auto;margin-right: 15px}
		.module-file-uploader-default .module-file-uploader-item label img{margin-right: 10px}
		.module-file-uploader-default .module-file-uploader-number{flex:0 0 auto;width:27px;line-height: 25px}
		.module-file-uploader-default .module-file-uploader-text{max-width:100%;display:block;line-height:25px;font-weight: 400;font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222}
		.module-file-uploader-default .module-file-uploader-item label:hover .module-file-uploader-text{color:#176ac7}
		
		.module-file-uploader-image{display:none}
		.module-file-uploader-image .module-file-uploader-item{padding: 7px 0;position:relative;display:flex;min-width: 0}
		.module-file-uploader-image .module-file-uploader-item label{display:flex;position:relative;margin: 0;padding-left: 0}
		.module-file-uploader-image .module-file-uploader-item label input{z-index:1;top:8px;left:8px}
		.module-file-uploader-image .module-file-uploader-item label input+span{flex:0 0 auto;z-index:1;position:absolute;top:7px;left:7px;border-color: #000;box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.6)}
		.module-file-uploader-image .module-file-uploader-item label input:checked+span{border-color:#fff}
		.module-file-uploader-image .module-file-uploader-img{flex:0 0 auto;position:relative;width: 120px;height: 75px;overflow:hidden;border: 1px solid #ababab;border-radius: 3px;background-color:#f5f5f5}
		.module-file-uploader-image .module-file-uploader-img img{position:absolute;top:50%;left:50%;max-width: 110%;transform:-ms-translate(-50%, -50%);transform:translate(-50%, -50%)}
		.module-file-uploader-image .module-file-uploader-img-info{flex: 1 1 auto;margin-left:7px;overflow:hidden;display: flex;flex-wrap: wrap}
		.module-file-uploader-image .module-file-uploader-img-name{display:block;height:25px;line-height:25px;font-weight: 400;margin-bottom: 5px;font-size: 15px;margin-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.module-file-uploader-image .module-file-uploader-img-altertext{height: 40px;margin-top:5px}
		.module-file-uploader-image .module-file-uploader-delete{position:absolute;top: 6px;right:0}
		.module-file-uploader-image .module-file-uploader-item:first-child{padding-top:0}
		.module-file-uploader-image .module-file-uploader-item:first-child .module-file-uploader-delete{top: 0}
		.module-file-uploader-image .module-file-uploader-item:last-child{padding-bottom:0}

		.module-file-uploader-thumbnail{display:none}
		.module-file-uploader-thumbnail .module-file-uploader-item{padding: 7px 0;position:relative;display:flex}
		.module-file-uploader-thumbnail .module-file-uploader-item label{display:flex;position:relative;flex: 0 0 auto;margin: 0;padding-left: 0}
		.module-file-uploader-thumbnail .module-file-uploader-item label input{z-index:1;top:8px;left:8px}
		.module-file-uploader-thumbnail .module-file-uploader-item label input+span{flex:0 0 auto;z-index:1;position:absolute;top:7px;left:7px;border-color: #000;box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.6)}
		.module-file-uploader-thumbnail .module-file-uploader-item label input:checked+span{border-color:#fff}
		.module-file-uploader-thumbnail .module-file-uploader-img{flex:0 0 auto;position:relative;width: 120px;height: 75px;overflow:hidden;border: 1px solid #ababab;border-radius: 3px;background-color:#f5f5f5}
		.module-file-uploader-thumbnail .module-file-uploader-img img{position:absolute;top:50%;left:50%;max-width: 110%;transform:-ms-translate(-50%, -50%);transform:translate(-50%, -50%)}
		.module-file-uploader-thumbnail .module-file-uploader-img-info{flex: 1 1 auto;margin-left: 7px;flex-wrap: wrap;display: flex;min-width: 0}
		.module-file-uploader-thumbnail .module-file-uploader-img-name{display:block;height:25px;line-height:25px;margin-bottom: 5px;font-weight: 400;font-size: 15px;margin-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.module-file-uploader-thumbnail .module-file-uploader-img-altertext{height: 40px;margin-top:5px}
		.module-file-uploader-thumbnail .module-file-uploader-delete{position:absolute;top: 6px;right:0}
		.module-file-uploader-thumbnail .module-file-uploader-item:first-child{padding-top:0}
		.module-file-uploader-thumbnail .module-file-uploader-item:first-child .module-file-uploader-delete{top: 0}
		.module-file-uploader-thumbnail .module-file-uploader-item:last-child{padding-bottom:0}

		.module-file-uploader-item{max-width: 100%;padding-bottom:7px}
		.module-file-uploader-item ~ .module-file-uploader-item{padding-top:7px;border-top:1px dashed #ddd}
		.module-file-uploader-item .module-file-uploader-delete{width: 25px;height: 25px;border: 1px solid #c5c9d6;border-radius:3px;background: #ffffff}
		.module-file-uploader-item .module-file-uploader-delete::before{content:'';display:block;width:10px;height:11px;margin:0 auto;background:url(../../../../images/name/user/styleguide/module-file-uploader-delete.png) no-repeat 50% 50%}
		.module-file-uploader-item .module-file-uploader-delete:hover{border-color:#1a6dff}
		.module-file-uploader-item .module-file-uploader-delete:hover::before{background-image:url(../../../../images/name/user/styleguide/module-file-uploader-delete-hover.png)}
		.module-file-uploader-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;text-align:center;font-weight:500;font-size:16px;line-height:145%}
		.module-file-uploader-empty img{margin-right:10px}

	.module-file-uploader-type{display:flex;margin-top: 10px}
	.module-file-uploader-type button{height:35px;padding:0 15px;font-size:14px;background-color:#fff;border-radius:3px;border:1px solid #7a8796}
	.module-file-uploader-type button ~ button{margin-left: 5px}
	.module-file-uploader-type button:hover,
	.module-file-uploader-type button.is-selected{border-color:#5b6376;background-color:#5b6376;color:#fff;box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.25)}
	
	
	
	
/* editor */
.pre-contents blockquote,
.bbs-contents blockquote {
    border-left: 5px solid #ccc;
    font-style: italic; 
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.pre-contents a:link,
.pre-contents a:active, 
.pre-contents a:visited,
.bbs-contents a:link,
.bbs-contents a:active, 
.bbs-contents a:visited{color:#38a5ee;text-decoration:underline}

.pre-contents p,
.bbs-contents p{line-height:150%}

.pre-contents p ~ p,
.bbs-contents p ~ p{margin-top:10px}

.pre-contents i, .bbs-contents i{font-style:italic}
.pre-contents b, .pre-contents strong,
.bbs-contents b, .bbs-contents strong{font-weight:bold}

.pre-contents li,
.bbs-contents li{line-height:150%}

.pre-contents ol,
.bbs-contents ol{margin-top:10px;counter-reset:chapter}

.pre-contents ol ol,
.bbs-contents ol ol{margin-left:10px;margin-top:0} 

.pre-contents ol li::before,
.bbs-contents ol li::before{content:counters(chapter, "-")'.';counter-increment:chapter +1;display:inline-block;margin-right:5px}

.pre-contents ol li ~ li,
.bbs-contents ol li ~ li{margin-top:5px}

.pre-contents ul,
.bbs-contents ul{margin-top:10px}

.pre-contents ul ul,
.bbs-contents ul ul{margin-left:10px;margin-top:0}

.pre-contents ul li ~ li,
.bbs-contents ul li ~ li{margin-top:5px}





.form-place{display:flex}
.form-place .form-selectbox{min-width:0}
.form-place .form-selectbox select{min-width:0}
.form-place .dynamic-field{margin-left:3px;min-width:0;flex: 0 1 100px}
.form-place .dynamic-field input{min-width:0}
.form-place button{margin-left:3px;flex: 0 0 auto}

.form-teacher{display:flex}

.form-dateSelect{display:flex}
.form-dateSelect .form-selectbox{min-width:0}
.form-dateSelect select{min-width:0;margin-right:20px}
.form-dateSelect>div ~ div{margin-left:3px}
.form-dateSelect button{margin-left:3px}


.form-tagbox{display:flex;align-items:center}
.form-tagbox span{flex:1;padding-right: 10px;line-height: 140%}
.form-tagbox button{flex:0 0 auto;line-height:0;background-color:#f74040;color:#fff;padding:13px 7px;font-size:14px;border-radius:3px}


.formbox .form-align-vertical{flex:1}
.formbox .form-align-vertical>div{padding:0;margin:0}
.formbox .form-align-vertical>div ~ div{border-top:1px dashed #ddd;padding-top: 10px;margin-top: 10px}
.formbox .form-align-vertical>div{border-left:0;padding-left:0}
.formbox *+.form-align-vertical{margin-top:15px;border:1px solid #ddd;padding:20px;border-radius:3px}


/* 상세 화면에서의 온라인서식 형태 */
.bbs-details .formbox .form-label{height:auto}
.bbs-details .formbox .form-label.w-70{flex-basis: 70px}
.bbs-details .formbox .form-label.w-80{flex-basis: 80px}
.bbs-details .formbox .form-label.w-90{flex-basis: 90px}
.bbs-details .formbox .form-label.w-100{flex-basis: 100px}
.bbs-details .formbox .form-label .label{align-items:flex-start;line-height:140%}
.bbs-details .formbox .form-max,
.bbs-details .formbox .form-normal{align-self:flex-start}



/* 인증번호 전송 */
.form-certification-email{display:flex;align-items:flex-start;flex-wrap:wrap}
.form-certification-email .certification-send{margin-left:3px}
.form-certification-email .certification-waiting{flex:0 0 100%}
.form-certification-email .certification-input{display:flex;margin-top:15px}
.form-certification-email .certification-input button{margin-left:3px}
@media screen and (max-width:740px) {
  .form-certification-email>*{flex:1 1 100%;max-width:none}
  .form-certification-email .certification-send{margin:3px 0 0}
  .form-certification-email .certification-send button{width:100%}
}


.form-file-item ~ .form-file-item{margin-top:10px;padding-top:10px;border-top:1px dashed #ddd}
.form-file-item a{display:flex;align-items:center}
.form-file-item a img{margin-right:10px}
.form-file-item a span{display:inline-block;padding:5px 0;border-bottom:1px solid transparent}
.form-file-item a:hover span{border-color:var(--button-primary)}


/* 온라인 서식 안에서의 에디터로 장문의 콘텐츠 영역 */
.form-contents{padding:20px;border-top:1px solid #eaecf1}
.form-contents p{line-height:150%}
.form-contents p ~ p{margin-top:10px}



.bbs-video{margin-top:30px;background-color:#000;text-align:center}
.bbs-video a{position:relative;display:block;line-height: 0}
.bbs-video a::before{content:'';z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5)}
.bbs-video .video-play{z-index:2;position:absolute;top:0;left:50%;top:50%;transform:translate(-50%, -50%)}
.bbs-video video{max-width:100%}

.bbs-subtitle{height: 110px;padding:20px;overflow:auto;background-color:#f7f8f9;border-bottom:1px solid #eaecf1}


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

  다크모드 시작 

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

.dark-screen-mode body,
.dark-screen-mode div,
.dark-screen-mode p,
.dark-screen-mode input,
.dark-screen-mode textarea,
.dark-screen-mode select,
.dark-screen-mode :before,
.dark-screen-mode :after,
.dark-screen-mode figure,
.dark-screen-mode figcaption,
.dark-screen-mode small,
.dark-screen-mode strong,
.dark-screen-mode span,
.dark-screen-mode i,
.dark-screen-mode a {
  color: var(--default-text);
}
.dark-screen-mode h1,
.dark-screen-mode h2,
.dark-screen-mode h3,
.dark-screen-mode h4,
.dark-screen-mode h5,
.dark-screen-mode h6 {
  color: var(--default-text-active);
}

.dark-screen-mode .icon {
  filter: grayscale(100%) invert(100%);
}


.dark-screen-mode .style-header {
  border-color: var(--default-border);
}
.dark-screen-mode .style-header .header-logo a img {
  filter:grayscale(100%) invert(80%);
}
.dark-screen-mode  .style-header .header-title span {
  color: var(--default-text);
}

.dark-screen-mode .style-gnb ul li a {
  color: var(--default-text);
  border-color: var(--default-border);
}
.dark-screen-mode .style-gnb ul li a.is-selected {
  color: var(--default-text-active);
  border-color: var(--default-border-active);
}

.dark-screen-mode .style-mobile-gnb {
  filter: invert(70%)
}

.dark-screen-mode .header-zoom {
  filter: invert(85%)
}


/* DEFAULT */
.dark-screen-mode{
  background-color:var(--default-bg)
}


.dark-screen-mode .form-select-searchbox-toggle {
  background-color: var(--default-box);
  border-color: var(--default-border);
  color:var(--default-text)
}
.dark-screen-mode .form-select-searchbox-toggle:before {
  color: var(--default-border-active);
}

.dark-screen-mode .form-select-searchbox-container {
  background-color: var(--default-box);
}
.dark-screen-mode .form-select-searchbox-options {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .form-select-searchbox-option {
  color: var(--default-text);
}
.dark-screen-mode .form-select-searchbox-option:hover {
  background-color: var(--default-box-active);
  color: var(--default-text-active);
}
.dark-screen-mode .form-select-searchbox-option.is-selected:hover,
.dark-screen-mode .form-select-searchbox-option.is-selected {
  background-color: var(--default-box-active);
  color: var(--default-text-active);
}

.dark-screen-mode .btn-tooltip {
  filter: grayscale(100%) invert(100%);
}

.dark-screen-mode .common-tooltip {
  filter: grayscale(100%) invert(90%);
}

.dark-screen-mode input[type="radio"]+span:before, 
.dark-screen-mode input[type="checkbox"]+span:before {
  background-color: #fff
}
.dark-screen-mode input[type="radio"]+span, 
.dark-screen-mode input[type="checkbox"]+span {
  background-color: var(--default-checkbox);
  border-color: var(--default-checkbox);
}
.dark-screen-mode input[type="radio"]:checked+span {
  padding:3px;
  border-color: var(--default-checkbox);
  background-color: var(--default-checkbox);
}
.dark-screen-mode input[type="checkbox"]:checked+span {
  padding:0
}
.dark-screen-mode input[type="checkbox"]:checked+span:before, 
.dark-screen-mode input[type="radio"]:checked+span:before {
  background-color: var(--default-checked);
}

.dark-screen-mode input[type="text"],
.dark-screen-mode input[type="search"], 
.dark-screen-mode input[type="email"], 
.dark-screen-mode input[type="password"], 
.dark-screen-mode input[type="number"], 
.dark-screen-mode select, 
.dark-screen-mode textarea {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode ::placeholder {
  color: var(--default-text)
}
.dark-screen-mode option {
  background-color: var(--default-box);
}

.dark-screen-mode .color-red{color:var(--default-text-red)}

.dark-screen-mode .form-selectbox {
  background-color: var(--default-box)
}
.dark-screen-mode .form-selectbox::before {
  border-color: var(--default-border)
}
.dark-screen-mode .form-selectbox::after{
  filter: grayscale(100%) invert(50%)
}
.dark-screen-mode .form-selectbox select {
  background-color: transparent;
}

.dark-screen-mode label:hover {
  color: var(--default-text-active)
}

/* 온라인 서식 */
.dark-screen-mode .formbox {
  border-color: var(--default-border)
}

.dark-screen-mode .formbox .form-label .label {
  color: var(--default-text);
}
.dark-screen-mode .formbox .label i {
  color: var(--default-text-red);
}

.dark-screen-mode .formbox .form-align .formbox ~ .formbox {
  border-color: var(--default-border)
}

.dark-screen-mode .form-email {
  border-color: var(--default-border);
  background-color: var(--default-box);
}
.dark-screen-mode .form-email span {
  background-color: var(--default-box);
}
.dark-screen-mode .form-telephone {
  border-color: var(--default-border);
  background-color: var(--default-box);
}
.dark-screen-mode .form-telephone input ~ span {
  background-color: var(--default-box);
}

.dark-screen-mode .form-address-post button {
  background-color: var(--default-box);
  border: 1px solid var(--default-border);
  color: var(--default-text);
}
.dark-screen-mode .form-address-post button:hover {
  border-color: var(--default-border-active);
  color: var(--default-text-active);
}

.dark-screen-mode .form-birth {
  border-color: var(--default-border);
  background-color: var(--default-box);
}

/* 데이트 픽커 */
.dark-screen-mode .cms-datepicker-wrap {
  background-color: var(--default-box);
}
.dark-screen-mode .cms-datepicker-head {
  background-color: var(--default-box-active);
}
.dark-screen-mode .cms-datepicker-head button {
  opacity: 1;
}
.dark-screen-mode .cms-datepicker-head button:hover {
  color: var(--default-text-active)
}
.dark-screen-mode .cms-datepicker-calendar .sun {
  color: var(--default-text-red)
}
.dark-screen-mode .cms-datepicker-calendar .sat {
  color: var(--default-text-blue)
}
.dark-screen-mode .cms-datepicker-calendar table th {
  border-color: var(--default-border)
}
.dark-screen-mode .cms-datepicker-calendar-day{
  background-color: transparent;
  color:var(--default-text)
}
.dark-screen-mode .cms-datepicker-calendar-day.is-today {
  background-color: #000;
  color: var(--default-text-active);
}
.dark-screen-mode .cms-datepicker-calendar-day.is-selected {
  background-color: var(--default-box-active);
  color:var(--default-text-active)
}
.dark-screen-mode .cms-datepicker-time {
  border-color: var(--default-border)
}
.dark-screen-mode .cms-datepicker-list .body-item span {
  border-color: var(--default-border);
  color:var(--default-text)
}
.dark-screen-mode .cms-datepicker-list .body-item.is-selected span {
  border-color: var(--default-border-active);
  color: var(--default-text-active);
}
.dark-screen-mode .cms-datepicker-list .body-item:hover {
  color: var(--default-text-active);
}
.dark-screen-mode .cms-datepicker-head .cms-datepicker-date>button:hover>span {
  color: var(--default-text-active);
}

/* 이용약관 */
.dark-screen-mode .signup-termsuse {
  border-color: var(--default-border)
}
.dark-screen-mode .signup-termsuse h2 {
  color: var(--default-text-active);
}
.dark-screen-mode .signup-termsuse .signup-termsuse-text {
  color: var(--default-text);
}
.dark-screen-mode .signup-termsuse .signup-termsuse-body {
  background-color: var(--default-box);
  border-color: var(--default-border)
}
.dark-screen-mode .signup-termsuse .signup-termsuse-foot {
  border-color: var(--default-border)
}
.dark-screen-mode .signup-termsuse .signup-termsuse-confirm .confirm-button {
  background-color: var(--default-box);
  color: var(--default-text);
}

/* 탑박스 */
.dark-screen-mode .topbox {
  background-color:var(--default-box);
  border-color: var(--default-border)
}
.dark-screen-mode .topbox::before {
  border-color: var(--default-border-active)
}
.dark-screen-mode .topbox .topbox-icon .topbox-icon-def img{filter:saturate(20%)}
.dark-screen-mode .topbox .topbox-descript .topbox-descript-title {
  color: var(--default-text-active);
}


/* 표 */
.dark-screen-mode .table-def {
  border-color: var(--default-border)
}
.dark-screen-mode .table-def th {
  background-color:var(--default-box);
  color: var(--default-text);
  border-color: var(--default-border)
}
.dark-screen-mode .table-def td {
  border-color: var(--default-border)
}
.dark-screen-mode .response-table .response-table-hand{
  filter: invert(70%);
}


/* 만족도 평가 */
.dark-screen-mode .review-contents {
  border-color: var(--default-border)
}
.dark-screen-mode .review-contents .review-contents-body {
  border-color: var(--default-border)
}
.dark-screen-mode .review-contents .review-contents-body .star-wrapper .star-value img {
  filter: invert(80%)
}
.dark-screen-mode .review-contents .review-contents-foot {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .review-contents .review-contents-foot .department-info {
  filter:invert(70%)
}

/* 버튼 */
.dark-screen-mode .btn-primary-default {
  background-color: var(--default-button);
  border-color: var(--default-button);
}
.dark-screen-mode .btn-primary-default:hover {
  background-color: var(--default-button-active);
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-primary-default:hover span {
  color: var(--default-text-active);
}
.dark-screen-mode .btn-primary-default span img{
  filter: grayscale(100%) invert(50%)
}
.dark-screen-mode .btn-primary-default:hover span img{
  filter: grayscale(100%) invert(30%)
}

.dark-screen-mode .btn-primary-line {
  border-color: var(--default-border);
  background-color: var(--default-box);
}
.dark-screen-mode .btn-primary-line:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-primary-line:hover span {
  color: var(--default-text-active)
}

.dark-screen-mode .btn-small-default {
  background-color: var(--default-button);
  border-color: var(--default-button);
}
.dark-screen-mode .btn-small-default:hover {
  background-color: var(--default-button-active);
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-small-default:hover span {
  color: var(--default-text-active);
}
.dark-screen-mode .btn-small-default span::after {
  filter: grayscale(100%) invert(30%)
}
.dark-screen-mode .btn-small-default:hover span::after {
  filter: grayscale(100%) invert(10%)
}

.dark-screen-mode .btn-small-line {
  border-color: var(--default-border);
  background-color: var(--default-box);
}
.dark-screen-mode .btn-small-line:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-small-line:hover span {
  color: var(--default-text-active);
}
.dark-screen-mode .btn-small-line span::after {
  filter: grayscale(100%) invert(60%)
}
.dark-screen-mode .btn-small-line:hover span::after {
  filter: grayscale(100%) invert(90%)
}

.dark-screen-mode .btn-small-icon {
  border-color: var(--default-border);
  background-color: var(--default-box);
}
.dark-screen-mode .btn-small-icon img {
  filter: grayscale(100%) invert(50%);
}
.dark-screen-mode .btn-small-icon:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-small-icon:hover span {
  color: var(--default-text-active);
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-small-icon:hover  img {
  filter: grayscale(100%) invert(85%);
}

.dark-screen-mode .btn-large-default {
  background-color: var(--default-button);
  border-color: var(--default-button);
}
.dark-screen-mode .btn-large-default:hover {
  background-color: var(--default-button-active);
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-large-default:hover span {
  color: var(--default-text-active);
}

.dark-screen-mode .btn-large-line {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .btn-large-line:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-large-line:hover span {
  color: var(--default-text-active);
}

.dark-screen-mode .btn-file-icon {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .btn-file-icon:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .btn-file-icon:hover span {
  color: var(--default-text-active);
}
.dark-screen-mode .btn-file-icon img {
  filter: grayscale(100%) invert(80%);
}

.dark-screen-mode .btn-text[target="_blank"]::after {
  filter:grayscale(100%) invert(50%);
}
.dark-screen-mode .btn-text:hover {
  color:var(--default-text-active)
}
.dark-screen-mode .btn-text[target="_blank"]::before {
  border-color:var(--default-border)
}
.dark-screen-mode .btn-text[target="_blank"]:hover::before {
  border-color:var(--default-border-active)
}
.dark-screen-mode .btn-text[target="_blank"]:hover::after {
  filter:grayscale(100%) invert(100%);
}

/* 탭 버튼 */
.dark-screen-mode .tab-menu {
  border-color: var(--default-border)
}
.dark-screen-mode .tab-menu .tab-col {
  border-color: var(--default-border)
}

.dark-screen-mode .tab-menu .tab-col span {
  color: var(--default-text)
}
.dark-screen-mode .tab-menu .tab-col:hover span {
  color: var(--default-text-active)
}
.dark-screen-mode .tab-menu .tab-col.is-selected span {
  color: var(--default-text-active)
}
.dark-screen-mode .tab-menu .tab-col.is-selected::before {
  background-color: var(--default-box-active)
}

.dark-screen-mode .tab-menu-shape-select:hover::before {
  color: var(--default-box-active)
}

/* 게시판 정보 / 검색 바 */
.dark-screen-mode .bbs-top {
  border-color: var(--default-border);
  box-shadow: initial
}
.dark-screen-mode .bbs-total i {
  color: var(--default-text-red)
}
.dark-screen-mode .bbs-total img{
  filter: grayscale(100%) invert(50%);
}
.dark-screen-mode .bbs-search .bbs-search-button>button span img {
  filter: grayscale(100%) invert(50%);
}
.dark-screen-mode .bbs-search .bbs-search-options {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .bbs-search .bbs-search-options .option-label {
  background-color: var(--default-label);
  border-color: var(--default-border);
  color: var(--default-text)
}

/* 파일 찾기 */
.dark-screen-mode .form-file-upload .file-text {
  background-color: var(--default-box);
  border-color: var(--default-border);
}

.dark-screen-mode .form-file-upload .file-button {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .form-file-download .file-text {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .form-file-download .file-button {
  filter: grayscale(100%) invert(100%)
}
.dark-screen-mode .form-file-upload .file-button:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .form-file-upload .file-button:hover span {
  color: var(--default-text-active);
}

.dark-screen-mode .bbs-file {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .bbs-file.type-write {
  background-color: transparent
}
.dark-screen-mode .bbs-file .file-contents ul li a:hover {
  color: var(--default-text-active);
}

.dark-screen-mode .bbs-file.type-write .file-contents ~ .file-contents {
  border-color: var(--default-border);
}

.dark-screen-mode .bbs-file.type-write .file-contents .form-file-add .file-to-add {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .bbs-file.type-write .file-contents .form-file-add .file-to-add:hover {
  border-color: var(--default-border-active);
  color: var(--default-text-active);
}
.dark-screen-mode .bbs-file.type-write .file-contents .form-file-add .file-to-add ::before {
  color: var(--default-box-active);
}
.dark-screen-mode .bbs-file.type-write .file-contents .form-file-add .file-to-del {
  background-color: transparent;
}
.dark-screen-mode .bbs-file.type-write .file-contents .form-file-add .file-to-del:hover span {
  color: var(--default-text-active);
}

.dark-screen-mode .bbs-file .file-contents ul li a span img {
  filter: grayscale(100%) invert(100%);
}

/* 페이징 */
.dark-screen-mode .page-default .page-first,
.dark-screen-mode .page-default .page-prev,
.dark-screen-mode .page-default .page-next,
.dark-screen-mode .page-default .page-last {
  border-color: var(--default-border);
}
.dark-screen-mode .page-default a, 
.dark-screen-mode .page-default b {
  color: var(--default-text);
  background-color: var(--default-box)
}

.dark-screen-mode .page-default b {
  border-color: var(--default-box-active);
  background-color: var(--default-box-active);
}
.dark-screen-mode .page-default .page-number:hover {
  color: var(--default-text-active);
  border-color: var(--default-box-active);
  background-color: var(--default-box-active);
}


/* 에러 화면 */
.dark-screen-mode .alert-error {
  background-color: var(--default-bg);
}
.dark-screen-mode .alert-error .error-logo {
  border-color: var(--default-border)
}
.dark-screen-mode .alert-error .error-logo img {
  filter: grayscale(100%) invert(80%)
}
.dark-screen-mode .alert-error .error-title {
  color: var(--default-text)
}
.dark-screen-mode .alert-error .error-title span {
  color: var(--default-text-active)
}


/* 일반 게시판 */
.dark-screen-mode .bbs-head {
  background-color: var(--default-box)
}
.dark-screen-mode .bbs-head .row .col {
  border-color: var(--default-border)
}
.dark-screen-mode .bbs-body .row .col {
  border-color: var(--default-border)
}
.dark-screen-mode .bbs-body .row-notice * {
  color: var(--default-text)
}
.dark-screen-mode .bbs-body .row .col-title span::before {
  border-color: var(--default-border-active)
}
.dark-screen-mode .bbs-body .row-reply {
  background-color: var(--default-box)
}

.dark-screen-mode .bbs-body .row .col-title .notice {
  background-color: var(--default-box-black)
}
.dark-screen-mode .bbs-body .row .col-title .new {
  background-color: var(--default-box-red)
}
.dark-screen-mode .bbs-body .row-reply .replay-flag {
  background-color: var(--default-box-blue)
}

.dark-screen-mode .bbs-body .row .col-title a:hover {
  color: var(--default-text-active)
}
.dark-screen-mode .bbs-body .row .col-title .color-red {
  color: var(--default-text-red)
}
.dark-screen-mode .bbs-body img {
  filter: grayscale(50%);
}


/* 사진게시판 */
.dark-screen-mode .bbs-photo {
  border-bottom-color: var(--default-border)
}
.dark-screen-mode .bbs-photo .bbs-photo-item {
  border-color: var(--default-border)
}
.dark-screen-mode .bbs-photo .bbs-photo-item:hover{
  border-color: var(--default-border-active)
}
.dark-screen-mode .bbs-photo .bbs-photo-info {
  background-color: var(--default-box)
}
.dark-screen-mode .bbs-photo .bbs-photo-info .bbs-photo-title {
  color: var(--default-text)
}
.dark-screen-mode .bbs-photo .bbs-photo-info li:nth-child(1) ~ li {
  color: var(--default-text)
}
.dark-screen-mode .bbs-photo .bbs-photo-link:hover .bbs-photo-info .bbs-photo-title span {
  color: var(--default-text-active);
}


/* 사진게시판 */
.dark-screen-mode .bbs-card {
  border-bottom-color: var(--default-border)
}
.dark-screen-mode .bbs-card .bbs-card-item {
  border-color: var(--default-border)
}
.dark-screen-mode .bbs-card .bbs-card-item:hover{
  border-color: var(--default-border-active)
}
.dark-screen-mode .bbs-card .bbs-card-info {
  background-color: rgba(0, 0, 0, 0.7)
}
.dark-screen-mode .bbs-card .bbs-card-info .bbs-card-title {
  color: var(--default-text)
}
.dark-screen-mode .bbs-card .bbs-card-info li:nth-child(1) ~ li {
  color: var(--default-text)
}
.dark-screen-mode .bbs-card .bbs-card-link:hover .bbs-card-info .bbs-card-title span {
  color: var(--default-text-active);
}


/* 웹진 게시판 */
.dark-screen-mode .bbs-webzin {
  border-bottom-color: var(--default-border)
}
.dark-screen-mode .bbs-webzin .bbs-item-descript a:hover .bbs-item-title {
  color: var(--default-text-active)
}
.dark-screen-mode .bbs-webzin .bbs-item-descript .bbs-item-info>li ~ li::before {
  opacity: 0.3
}
.dark-screen-mode .bbs-webzin .bbs-item ~ .bbs-item {
  border-color: var(--default-border)
}


/* 여러건 첨부시 목록에서 - 파일 리스트 레이어 */
.dark-screen-mode .bbs-filelist {
  background-color: var(--default-box);
  border-color: var(--default-border-active);
}
.dark-screen-mode .bbs-filelist ul li ~ li {
  border-color: var(--default-border);
}

/* 캡챠 */
.dark-screen-mode .captcha-wrapper .captcha-img img {
  filter: invert(100%)
}


/* 게시판 필드 정보 */
.dark-screen-mode .bbs-info {
border-color: var(--default-border);
}
.dark-screen-mode .bbs-info li span {
  color: var(--default-text)
}
.dark-screen-mode .bbs-info .bbs-info-label {
  color: var(--default-text-active)
}
.dark-screen-mode .bbs-info li ~ li::after {
  opacity: 0.3
}


/* FAQ */
.dark-screen-mode .bbs-faq .bbs-faq-item {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .bbs-faq .bbs-faq-icon-question {
  color: var(--default-text-blue)
}
.dark-screen-mode .bbs-faq .is-selected,
.dark-screen-mode .bbs-faq .is-selected:hover {
  background-color: var(--default-box-active);
}
.dark-screen-mode .bbs-faq .is-selected .bbs-faq-title {
  color: var(--default-text-active);
}
.dark-screen-mode .bbs-faq .is-selected .bbs-faq-icon-question {
  color: var(--default-text-active);
}

.dark-screen-mode .bbs-faq .bbs-faq-icon-answer {
  color: var(--default-text-active);
}

/* 공공 저작물 라이센스 */
.dark-screen-mode .cms-license {
  border-color: var(--default-border);
}
.dark-screen-mode .cms-license .cms-license-type .cms-license-type-title {
  color: var(--default-text)
}



/* 이전글/다음글 */
.dark-screen-mode .bbs-direction,
.dark-screen-mode .bbs-direction li {
  border-color: var(--default-border);
}

.dark-screen-mode .bbs-direction li a:hover i,
.dark-screen-mode .bbs-direction li a:hover span {
  transition: inherit;
  color: var(--default-text-active);
}
.dark-screen-mode .bbs-direction li a::before {
  filter:invert(50%)
}
.dark-screen-mode .bbs-direction li a:hover::before {
  filter:invert(80%)
}


/* slide */
.dark-screen-mode .slide-dir button {
  filter: grayscale(100%) invert(50%);

}
.dark-screen-mode .slide-page button {
  background-color: var(--default-border);
}
.dark-screen-mode .slide-page .ov {
  background-color: var(--default-border-active);
}


/* 멀티파일 업로드 */
.dark-screen-mode .module-file-uploader-container {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .module-file-uploader-item ~ .module-file-uploader-item {
  border-color: var(--default-border);
}
.dark-screen-mode .module-file-uploader-default .module-file-uploader-text {
  color: var(--default-text);
}
.dark-screen-mode .module-file-uploader-item .module-file-uploader-delete {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .module-file-uploader-item .module-file-uploader-delete:hover {
  border-color: var(--default-border-active);
}
.dark-screen-mode .module-file-uploader-item .module-file-uploader-delete::before {
  filter: invert(50%)
}
.dark-screen-mode .module-file-uploader-item .module-file-uploader-delete:hover::before {
  background-image: url(../../../../images/name/user/styleguide/module-file-uploader-delete.png);
  filter: invert(100%)
}
.dark-screen-mode .module-file-uploader-default .module-file-uploader-item label img {
  filter: grayscale(100%) invert(100%);
}
.dark-screen-mode .module-file-uploader-type button {
  background-color: var(--default-box);
  border-color: var(--default-border);
  color: var(--default-text)
}
.dark-screen-mode .module-file-uploader-type button:hover, 
.dark-screen-mode .module-file-uploader-type button.is-selected {
  background-color: var(--default-box);
  border-color: var(--default-border-active);
  color: var(--default-text-active)
}

.dark-screen-mode .module-file-uploader-manually button {
  background-color: var(--default-button);
  border-color: var(--default-button);
  color: var(--default-text)
}
.dark-screen-mode .module-file-uploader-manually button img {
  opacity:0.5
}
.dark-screen-mode .module-file-uploader-manually button:hover {
  background-color: var(--default-button-active);
  border-color: var(--default-border-active);
  color: var(--default-text-active)
}
.dark-screen-mode .module-file-uploader-manually button:hover img {
  opacity: 0.7
}

.dark-screen-mode .module-file-uploader-choose button {
  background-color: var(--default-box);
  border-color: var(--default-border);
  color: var(--default-text);
}
.dark-screen-mode .module-file-uploader-choose button img {
  filter: grayscale(100) invert(50%)
}
.dark-screen-mode .module-file-uploader-choose button:hover {
  border-color: var(--default-border-active);
  color: var(--default-text-active);
}

.dark-screen-mode .module-file-uploader-choose button:hover img {
  filter: grayscale(100) invert(80%)
}

.dark-screen-mode .module-file-uploader-default .module-file-uploader-item label:hover .module-file-uploader-text {
  color: var(--default-text-active)
}

/* 로그인 */
.dark-screen-mode .program-memberbox .memberbox-title {
  color: var(--default-text)
}
.dark-screen-mode .program-memberbox .memberbox-title img {
  filter: saturate(50%);
}
.dark-screen-mode .program-memberbox .memberbox-entry {
  border-color: var(--default-border)
}
.dark-screen-mode .program-memberbox .memberbox-entry span {
  color: var(--default-color)
}
.dark-screen-mode .program-memberbox .memberbox-entry:hover {
  border-color: var(--default-border)
}
.dark-screen-mode .program-memberbox .memberbox-entry:hover {
  border-color: var(--default-border-active)
}
.dark-screen-mode .program-memberbox .memberbox-entry:hover span {
  color: var(--default-text-active)
}

/* 아이디/비밀번호 찾기 */
.dark-screen-mode .program-memberbox.program-findAccount {
  border:1px solid var(--default-border);
}
@media screen and (max-width:1240px) {
  .dark-screen-mode .program-memberbox.program-findAccount {
    border:0
  }
}
.dark-screen-mode .program-memberbox.program-findAccount::before {
  display:none;
}

.dark-screen-mode .program-memberbox .memberbox-resultText {
  background-color: var(--default-box);
  border-color: var(--default-border);
  color: var(--default-text-active)
}
.dark-screen-mode .memberbox-wrapper .form-normal label {
  color: var(--default-text)
}
.dark-screen-mode .program-findAccount .memberbox-wrapper .form-normal:first-of-type,
.dark-screen-mode .program-findAccount .memberbox-wrapper .form-normal {
  border-color: var(--default-border);
}

/* 기관 이메일 주소 인증 */
.dark-screen-mode .program-findAccount .memberbox-wrapper .form-id button {
  background-color: var(--default-button);
  border-color: var(--default-button);
  color: var(--default-text)
}


/* 의미는 없지만 필요한 박스 */
.dark-screen-mode .importantbox {
  background-color: var(--default-box);
  border-color: var(--default-border)
}
.dark-screen-mode .importantbox .important-title strong {
  color: var(--default-text)
}
.dark-screen-mode .borderbox {
  border-color: var(--default-border)
}

/* 커스텀 체크박스 :: 아이디저장에 사용중 */
.dark-screen-mode .checkbox {
  color: var(--default-text)
}
.dark-screen-mode .checkbox.is-checked span {
  background-color: var(--default-box-active);
  border-color: var(--default-border-active);
}

/* 제보/모집 상세 항목확인 레이어*/
.dark-screen-mode .declaration-assistant-layer {
  background-color: var(--default-box);
  border-color: var(--default-border);
}
.dark-screen-mode .declaration-assistant-layer strong {
  color: var(--default-text-active);
}
.dark-screen-mode .declaration-assistant-close img {
  filter: grayscale(100%) invert(95%)
}

/* 제보/모집 상세 파일목록 */
.dark-screen-mode .preview-file li {
  border-color: var(--default-border);
}
.dark-screen-mode .preview-file .label {
  color: var(--default-text);
  border-color: var(--default-border);
}
.dark-screen-mode .preview-file img {
  filter: grayscale(100%) invert(100%);
}


/* 모바일 탭메뉴 */
.dark-screen-mode .tab-menu-shape-select button {
  background-color: var(--default-box-active);
  border-color: var(--default-box-active);
}
.dark-screen-mode .tab-menu-shape-select button span {
  color: var(--default-text-active)
}

.dark-screen-mode .tab-menu-shape-select button.is-opened {
  background-color: var(--default-box);
  border-color: var(--default-box-active);
}
.dark-screen-mode .tab-menu-shape-select button span {
  color: var(--default-text-active)
}
.dark-screen-mode .tab-menu-shape-select ul {
  background-color: var(--default-box);
  border-color: var(--default-box-active)
}
.dark-screen-mode .tab-menu-shape-select ul li {
  border-color: var(--default-border);
}
.dark-screen-mode .tab-menu-shape-select ul li a.is-selected {
  background-color: var(--default-box-active);
}
.dark-screen-mode .tab-menu-shape-select ul li a.is-selected span {
  color: var(--default-text-active)
}

/* 게시판 상세 이전/다음 보기 */
.dark-screen-mode .bbs-direction .bbs-dir-previous button span,
.dark-screen-mode .bbs-direction .bbs-dir-next button span {
  transition: inherit;
  color: var(--default-text);
}

.dark-screen-mode .bbs-direction .bbs-dir-previous button:hover span,
.dark-screen-mode .bbs-direction .bbs-dir-next button:hover span {
  color: var(--default-text-active);
}

.dark-screen-mode .bbs-direction .bbs-dir-previous button::before,
.dark-screen-mode .bbs-direction .bbs-dir-next button::before {
  transition: filter 100ms ease-out;
  filter: grayscale(100%) invert(30%)
}

.dark-screen-mode .bbs-direction .bbs-dir-previous button:hover::before,
.dark-screen-mode .bbs-direction .bbs-dir-next button:hover::before {
  filter: grayscale(100%) invert(80%)
}

/* 게시물 플래그 */
.dark-screen-mode .bbs-title .notice,
.dark-screen-mode .bbs-photo .bbs-photo-info .bbs-photo-title .notice,
.dark-screen-mode .bbs-webzin .bbs-item-descript .bbs-item-title .notice,
.dark-screen-mode .bbs-faq .bbs-faq-title .notice {
  background-color: var(--default-box-black);
  color: var(--default-text-active)
}
.dark-screen-mode .bbs-title .new,
.dark-screen-mode .bbs-photo .bbs-photo-info .bbs-photo-title .new,
.dark-screen-mode .bbs-webzin .bbs-item-descript .bbs-item-title .new,
.dark-screen-mode .bbs-faq .bbs-faq-title .new {
  background-color: var(--default-box-red);
  color: var(--default-text-active)
}



.dark-screen-mode .dynamic-field :focus+label,
.dark-screen-mode .dynamic-field.is-used label{
	color:#fff;
	background-color:var(--default-box-active);
}

.dark-screen-mode .dynamic-field label span{color:#fff}

.dark-screen-mode .dynamic-field::before{background-color:var(--default-box)}


.dark-screen-mode .form-datepicker .datepicker-opener{filter: grayscale(100%) invert(100%)}

.dark-screen-mode ::placeholder{color:#666}

.dark-screen-mode .ready-contents img{filter:grayscale(70%)}
.dark-screen-mode .ready-contents strong{color:var(--default-text-active)}

.dark-screen-mode .ready-functions{background-color:#333}
.dark-screen-mode .ready-functions img{filter:grayscale(70%)}
.dark-screen-mode .ready-functions strong{color:var(--default-text-active)}



.dark-screen-mode .formbox .form-align-vertical>div ~ div{border-color:var(--default-border)}


.dark-screen-mode .bbs-reply-contents{background-color:var(--default-box);border-color:var(--default-border)}









/* 작성 프로세스 */
.writing-process{padding: 20px 0;justify-content: center;display:flex;min-width:100%;margin-bottom: 40px;border-radius: 20px;background-color: #f8f9fb}
.writing-process .process-item{position:relative;flex: 0 1 auto;padding: 20px 0 20px 80px}
.writing-process .process-item::before{content:'';display:block;position:absolute;top:0;left:0;width:64px;height:100%;background:no-repeat 0 50%}
.writing-process .process-item ~ .process-item{position:relative;margin-left: 61px}
.writing-process .process-item ~ .process-item::after{content:'';position:absolute;top: 0;left: -60px;width: 60px;height: 100%;background: url(../../../../images/name/user/styleguide/process-next.png) no-repeat 50% 50%}
.writing-process .process-number{display:block;font-size:15px;font-weight:700;color: #8b96a9;letter-spacing:-1px}
.writing-process .process-text{display:block;font-size: 16px;color: #000;margin-top: 5px}
.writing-process .is-selected .process-number{color: #176ac7}
.writing-process .is-selected .process-text{color: #176ac7}

.writing-process .process-agree::before{background-image:url(../../../../images/name/user/styleguide/process-agree.png)}
.writing-process .process-certification-mail::before{background-image:url(../../../../images/name/user/styleguide/process-certification-mail.png)}
.writing-process .process-certification::before{background-image:url(../../../../images/name/user/styleguide/process-certification.png)}
.writing-process .process-date::before{background-image:url(../../../../images/name/user/styleguide/process-date.png)}
.writing-process .process-input::before{background-image:url(../../../../images/name/user/styleguide/process-input.png)}
.writing-process .process-complete::before{background-image:url(../../../../images/name/user/styleguide/process-complete.png)}

.writing-process .is-selected.process-agree::before{background-image:url(../../../../images/name/user/styleguide/process-agree-selected.png)}
.writing-process .is-selected.process-certification-mail::before{background-image:url(../../../../images/name/user/styleguide/process-certification-mail-selected.png)}
.writing-process .is-selected.process-certification::before{background-image:url(../../../../images/name/user/styleguide/process-certification-selected.png)}
.writing-process .is-selected.process-date::before{background-image:url(../../../../images/name/user/styleguide/process-date-selected.png)}
.writing-process .is-selected.process-input::before{background-image:url(../../../../images/name/user/styleguide/process-input-selected.png)}
.writing-process .is-selected.process-complete::before{background-image:url(../../../../images/name/user/styleguide/process-complete-selected.png)}

@media screen and (max-width:1240px) {
  .writing-process .process-item ~ .process-item{margin-left:70px}
  .writing-process .process-item ~ .process-item::after{left:-70px;width:70px}
}
@media screen and (max-width:1000px) {
  .writing-process .process-item{padding-left:0}
  .writing-process .process-item::before{position:static;height:64px;margin:0 auto 15px}
  .writing-process .process-item ~ .process-item::after{height: 105px}
  .writing-process .process-number,
  .writing-process .process-text{text-align:center}
}
@media screen and (max-width:700px) {
  .writing-process{margin-bottom:30px}
  .writing-process .process-item{min-width:80px}
  .writing-process .process-item::before{width:50px;height:50px;background-size:50px}
  .writing-process .process-item ~ .process-item{margin-left:30px}
  .writing-process .process-item ~ .process-item::after{height: 90px;left:-30px;width:30px}
  .writing-process .process-number{font-size:13px}
  .writing-process .process-text{line-height: 120%;font-size: 14px;letter-spacing:-1px}
}

/* 프로세스 다크모드 */
.dark-screen-mode .writing-process {
	background-color: var(--default-box)
}
.dark-screen-mode .writing-process .process-item::before {
	filter: invert(80%);
}
.dark-screen-mode .writing-process .is-selected::before {
	filter: saturate(30%)
}
.dark-screen-mode .writing-process .process-text {
	color: var(--default-text)
}
.dark-screen-mode .writing-process .process-number {
	color: var(--default-text)
}
.dark-screen-mode .writing-process .is-selected .process-number {
	color: var(--default-text-active)
}
.dark-screen-mode .writing-process .is-selected .process-text {
	color: var(--default-text-active)
}




.writing-complete{display:flex;min-height:500px}
.writing-complete .complete-container{text-align:center;margin:auto}
.writing-complete .complete-img{position:relative}
.writing-complete .complete-title{position:relative;display:block;font-size: 24px;font-weight: 500;color:#14293e;line-height:150%;margin-top:20px}
.writing-complete .complete-title b{font-weight:600;color:var(--primary)}
.writing-complete .complete-text{position:relative;margin-top:20px;line-height:150%;text-align:center;font-size: 18px;font-weight: 500;color: #333}
.writing-complete .complete-date{display:block;font-weight: 700;font-size: 20px;color: #000;margin-top: 30px}
.writing-complete .complete-date .icon-date{width: 22px;vertical-align: -3px;margin-right: 9px}



@media screen and (max-width:1240px) {
  .writing-complete{min-height:0;padding:0;border:0;border-radius:0}
  .writing-complete .complete-title{font-size:24px}
}


/* 신청완료 다크모드 */
.dark-screen-mode .writing-complete {
	border:1px solid var(--default-border);
}
.dark-screen-mode .writing-complete .complete-img {
	filter: saturate(40%);
}
.dark-screen-mode .writing-complete .complete-title {
	color: var(--default-text)
}
.dark-screen-mode .writing-complete .complete-title b {
	color: var(--default-text-active)
}
.dark-screen-mode .writing-complete::before {
	display:none
}






.program-schedule{position:relative}

.program-schedule .flag-state{display:flex;min-width: 20px;height: 20px;flex: 0 0 auto;align-items:center;justify-content:center;font-size: 12px;padding: 0 5px;border-radius: 3px}
.program-schedule .flag-state.___notice{background-color:#333;border:1px solid #333;color:#fff}
.program-schedule .flag-state.___new{background-color: #ff3d3d;border:1px solid #ff3d3d;min-width: 20px;color:#fff}
.program-schedule .flag-state.___category{background-color:#fff;border:1px solid #0064ff;color:#0064ff}
.program-schedule .flag-state.category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.program-schedule .flag-state.category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.program-schedule .flag-state.category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.program-schedule .flag-state.category-4{background-color:#fff;color:#666;border:1px solid #666}

.program-schedule .category-list{display:flex;flex-wrap: wrap;margin-top:15px;border-radius:10px}
.program-schedule .category-list .category-item{flex: 0 0 auto;display:flex;margin-bottom:5px;align-items:center;justify-content:center;white-space:nowrap;color:#000}
.program-schedule .category-list .category-item ~ .category-item{margin-left:20px}
.program-schedule .category-list .category-item .flag-state{margin-right:5px;min-width:20px;height:20px;border-radius: 100%}

.dark-screen-mode .program-schedule .category-list .category-item{color:var(--default-text)}

@media screen and (max-width:1000px) {
  .program-schedule .category-list{justify-content:center}
}

.program-schedule .schedule-tooltip{display:none}
.program-schedule .schedule-util{display:flex;flex-wrap:wrap;align-items:center;padding-bottom: 20px;border-bottom: 1px dashed #ddd}
.program-schedule .schedule-util .util-regend{display:flex;flex:1}
.program-schedule .schedule-util .util-regend .regend-state{display:flex;flex:0 0 auto;align-items:center}
.program-schedule .schedule-util .util-regend .regend-state ~ .regend-state{margin-left:20px}
.program-schedule .schedule-util .util-regend .regend-state span{flex:0 0 auto;width:20px;height:20px;margin-right:5px;border-radius:100%}
.program-schedule .schedule-util .util-regend .regend-state .state-today{background-color:#066bc3}
.program-schedule .schedule-util .util-regend .regend-state .state-enabled{background-color:#fff;border:1px solid #ddd}
.program-schedule .schedule-util .util-regend .regend-state .state-disabled{background:url(../../../../images/name/user/styleguide/calendar-disabled-pattern.png) repeat}

.bbs-schedule{position: relative}
.bbs-schedule .schedule-head{display:flex;padding: 15px 0;align-items:center;justify-content: center}

.bbs-schedule .schedule-head .schedule-head-prev,
.bbs-schedule .schedule-head .schedule-head-next{border-radius:100%;width:40px;height:40px;border:1px solid #ddd}
.bbs-schedule .schedule-head .schedule-head-prev{flex: 0 0 auto;background:url(../../../../images/name/user/styleguide/calendar-head-prev.png) no-repeat 14px 50%}
.bbs-schedule .schedule-head .schedule-head-next{flex: 0 0 auto;background:url(../../../../images/name/user/styleguide/calendar-head-next.png) no-repeat 16px 50%}
.bbs-schedule .schedule-head .schedule-head-prev:hover{border-color:#066bc3;background-color:#066bc3;background-image:url(../../../../images/name/user/styleguide/calendar-head-prev-hover.png)}
.bbs-schedule .schedule-head .schedule-head-next:hover{border-color:#066bc3;background-color:#066bc3;background-image:url(../../../../images/name/user/styleguide/calendar-head-next-hover.png)}
.bbs-schedule .schedule-head .schedule-head-today{flex: 0 0 auto;min-width:auto;margin-left: 20px}
.bbs-schedule .schedule-head .schedule-head-today button{margin-left:10px;background-color:#066bc3}
.bbs-schedule .schedule-head .schedule-head-today button:hover{background-color:#0c508b} 

.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-today span{color:#fff}

.bbs-schedule .schedule-head .schedule-head-date{display:flex;align-items:center;flex: 0 0 auto;margin:0 20px}
.bbs-schedule .schedule-head .schedule-head-date>div ~ div{margin-left: 15px}
.bbs-schedule .schedule-head .schedule-head-date>div{flex: 0 0 auto;position: relative;display:flex;align-items: center}
.bbs-schedule .schedule-head .schedule-head-date>div select{flex: 0 0 auto;z-index:1;position:relative;padding:0 23px 0 8px;height:34px;font-family:'S-Core Dream WF',sans-serif;font-size:24px;line-height:100%;font-weight:700;letter-spacing:-1px;width: auto;color:#183362;border-width:0;background-color:transparent;border-bottom:1px solid #aaa;border-radius: 0}
.bbs-schedule .schedule-head .schedule-head-date>div select:hover{outline:2px solid #066bc3;border-bottom-color:transparent}
.bbs-schedule .schedule-head .schedule-head-date>div::before{content:'\e9a6';height:auto;font-family:'essentials';font-size:10px;background-color:transparent;color:#666;position:absolute;top:50%;right: 8px;transform:translateY(-50%)}
.bbs-schedule .schedule-head .schedule-head-date>div:hover::before{color:#066bc3}
.bbs-schedule .schedule-head .schedule-head-date>span{flex: 0 0 auto;font-family:'S-Core Dream WF',sans-serif;font-weight:700;font-size: 22px;color:#183362}

.bbs-schedule .schedule-head .schedule-head-date .schedule-head-day{display:none}
.bbs-schedule .schedule-head .schedule-head-date .schedule-head-day+span{display:none}


@media screen and (max-width:1000px) {
  .bbs-schedule .schedule-head .schedule-head-date .schedule-head-day{display:flex}
  .bbs-schedule .schedule-head .schedule-head-date .schedule-head-day+span{display:flex}
}


.bbs-schedule .dayblock .item .item-subject button{transition:none}

.bbs-schedule .dayblock .item .item-subject .education-schedule,
.bbs-schedule .dayblock .item .item-subject .education-confirmed,
.bbs-schedule .dayblock .item .item-subject .education-requested{font-size: 16px;margin: 2px 5px;width: calc(100% - 10px);padding: 6px;border-radius: 25px;background-color:#000;color:#fff;font-weight:500}
.bbs-schedule .dayblock .item .item-subject .education-schedule b,
.bbs-schedule .dayblock .item .item-subject .education-confirmed b,
.bbs-schedule .dayblock .item .item-subject .education-requested b{font-weight:700}
.bbs-schedule .dayblock .item .item-subject .education-schedule{background-color:#0064ff}
.bbs-schedule .dayblock .item .item-subject .education-confirmed{background-color:#e4594d}
.bbs-schedule .dayblock .item .item-subject .education-requested{background-color:#00a3a0}

.bbs-schedule .disabled-message{display: block;font-weight:800;font-size:14px;color:#ff0000;margin: 5px;word-break: keep-all;word-wrap: break-word;text-align: center}
.bbs-schedule .enableed-message{display: block;font-weight:800;font-size:14px;color:#114a97;margin: 5px 0 0;word-break: keep-all;word-wrap: break-word;text-align: center}

.bbs-schedule .disabled-day{background:url(../../../../images/name/user/styleguide/calendar-disabled-pattern.png) repeat 0 0 / 23px}
.bbs-schedule .dayblock .item{flex: 1 1 auto;display:flex;align-items: flex-start;padding: 0 5px;min-width:0;width: 100%}
.bbs-schedule .dayblock .item ~ .item{margin-top: 2px}
.bbs-schedule .dayblock .item .item-flags{display:flex;flex: 0 0 auto}
.bbs-schedule .dayblock .item .flag-state{flex:0 0 auto;margin-right: 3px;font-size: 11px}
.bbs-schedule .dayblock .item .flag-state .flag-state ~ .flag-state{margin-left:2px} 


.bbs-schedule .___schedule-default{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;border-width:0}
.bbs-schedule .___schedule-default thead th{padding:20px;font-weight:500;border-width:0;font-size: 18px}
.bbs-schedule .___schedule-default tbody td{padding:0;text-align:right;vertical-align:top;border:1px solid #f1f1f1}
.bbs-schedule .___schedule-default thead th:first-child, .bbs-schedule .___schedule-default tbody td:first-child{border-left-width:0}
.bbs-schedule .___schedule-default thead th:last-child, .bbs-schedule .___schedule-default tbody td:last-child{border-right-width:0}
.bbs-schedule .___schedule-default .dayblock{font-family: 'S-Core Dream WF', sans-serif;width: 100%;height: 100%}
.bbs-schedule .___schedule-default .dayblock .day{display: block;font-weight:500;font-size: 14px;text-align: center}
.bbs-schedule .___schedule-default .dayblock .today{display:inline-block;width: 30px;height: 30px;text-align:center;line-height: 29px;font-weight:500;font-size: 14px;margin:5px;border-radius:100%;background-color: #066bc3;color:#fff}

.bbs-schedule .___schedule-default .dayblock .item .item-subject{flex: 0 1 auto;display:flex;align-items:center;min-height: 20px}


.bbs-schedule .___schedule-default .details{text-align:left;padding:5px}
.bbs-schedule .___schedule-default .details button{width:100%}

.bbs-schedule .___schedule-default .sun .day{color:red}
.bbs-schedule .___schedule-default .sat .day{color:blue}

.bbs-schedule .___schedule-default thead th.sat{color:blue}
.bbs-schedule .___schedule-default thead th.sun{color:red}


/* 교육신청 */
.bbs-schedule .___schedule-list caption,
.bbs-schedule .___schedule-list colgroup,
.bbs-schedule .___schedule-list thead,
.bbs-schedule .___schedule-list .dayblock .day,
.bbs-schedule .___schedule-list .dayblock .today{display:none}
.bbs-schedule .___schedule-list,
.bbs-schedule .___schedule-list tbody,
.bbs-schedule .___schedule-list tbody tr,
.bbs-schedule .___schedule-list tbody td{display:block;text-align:left;border-width:0}

.bbs-schedule .___schedule-list tbody td{display:none;margin-top:10px}
.bbs-schedule .___schedule-list tbody td[data-head]{display:flex;padding:0;flex-wrap: nowrap;border:1px solid #ddd;border-radius:5px;box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.2)}
.bbs-schedule .___schedule-list .schedule-list-week{flex: 0 0 auto;width:100px;padding:20px 10px;font-weight:500;text-align:center;background-color:#eee;color:#000;border-radius: 5px 0 0 5px}
.bbs-schedule .___schedule-list .schedule-list-week span{display:inline-block}
.bbs-schedule .___schedule-list .schedule-list-week-day{margin-right:7px;width:30px;height:30px;text-align:center;line-height: 29px;font-size:14px;background-color: #fff;border: 1px solid #ddd;border-radius:100%;color: #000}
.bbs-schedule .___schedule-list .schedule-list-week-head{font-size:16px}
.bbs-schedule .___schedule-list .dayblock{flex: 1;display: flex;flex-wrap: wrap;align-items: center;padding:10px}

.bbs-schedule .___schedule-list .___week-today .schedule-list-week-day{background-color:#066bc3;border-color: #066bc3;color: #fff}

.bbs-schedule .___schedule-list .education-schedule{width:100px}
.bbs-schedule .___schedule-list .education-confirmed{width:100px}
.bbs-schedule .___schedule-list .education-requested{width:100px}


.bbs-schedule .___schedule-list .sat .schedule-list-week span{color:blue}
.bbs-schedule .___schedule-list .sun .schedule-list-week span{color:red}


.bbs-schedule .dayblock .item .item-subject{flex: 1;display:flex;min-width: 0;line-height: 110%;font-size: 12px;flex-wrap:wrap;min-height:25px;align-items:center}
.bbs-schedule .dayblock .item .item-subject button{min-height: 25px;flex: 1;line-height: 110%;background-color: #066bc3;min-width: 0;border-radius:3px;color:#fff;padding: 0 4px}
.bbs-schedule .dayblock .item .item-subject button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;font-size: 12px}
.bbs-schedule .dayblock .item .item-subject a span,
.bbs-schedule .dayblock .item .item-subject a{
  text-align:left;white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.bbs-schedule .___schedule-list .dayblock .item ~ .item{margin-top:7px;padding-top:7px;border-top:1px dashed #ddd}
.bbs-schedule .___schedule-list .dayblock .item .item-subject{display:flex;min-height:20px;align-items:center;flex: 1;min-width: 0;line-height: 110%;font-size: 12px} 
.bbs-schedule .___schedule-list .dayblock .item .item-subject button{min-height: 25px;flex: 1;line-height: 110%;background-color: #066bc3;min-width: 0;border-radius:3px;color:#fff;padding: 0 4px}
.bbs-schedule .___schedule-list .dayblock .item .item-subject button span{color: #000;white-space: normal;line-height: 130%}
.bbs-schedule .___schedule-list .dayblock .item .item-subject a span,
.bbs-schedule .___schedule-list .dayblock .item .item-subject a{display:block;text-align:left;white-space: normal}


.bbs-schedule .___schedule-list .dayblock .item .item-subject .education-schedule{padding:10px 0;background-color:#0064ff}
.bbs-schedule .___schedule-list .dayblock .item .item-subject .education-confirmed{padding:10px 0;background-color:#e4594d}
.bbs-schedule .___schedule-list .dayblock .item .item-subject .education-requested{padding:10px 0;background-color:#00a3a0}



/* 교육신청 목록보기 */
.bbs-schedule .___schedule-eduList caption,
.bbs-schedule .___schedule-eduList colgroup,
.bbs-schedule .___schedule-eduList thead,
.bbs-schedule .___schedule-eduList .dayblock .day,
.bbs-schedule .___schedule-eduList .dayblock .today{display:none}
.bbs-schedule .___schedule-eduList,
.bbs-schedule .___schedule-eduList tbody,
.bbs-schedule .___schedule-eduList tbody tr,
.bbs-schedule .___schedule-eduList tbody td{display:block;text-align:left;border-width:0}

.bbs-schedule .___schedule-eduList tbody td{display:none;margin-top:10px}
.bbs-schedule .___schedule-eduList tbody td[data-head]{display:flex;padding:0;flex-wrap: nowrap;border:1px solid #ddd;border-radius:5px;box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.2)}
.bbs-schedule .___schedule-eduList .schedule-list-week{flex: 0 0 auto;width:100px;padding:20px 10px;font-weight:500;text-align:center;background-color:#eee;color:#000;border-radius: 5px 0 0 5px}
.bbs-schedule .___schedule-eduList .schedule-list-week span{display:inline-block}
.bbs-schedule .___schedule-eduList .schedule-list-week-day{margin-right:7px;width:30px;height:30px;text-align:center;line-height: 29px;font-size:14px;background-color: #fff;border: 1px solid #ddd;border-radius:100%;color: #000}
.bbs-schedule .___schedule-eduList .schedule-list-week-head{font-size:16px}
.bbs-schedule .___schedule-eduList .dayblock{flex: 1;display: flex;flex-wrap: wrap;align-items: center;padding:10px}

.bbs-schedule .___schedule-eduList .___week-today .schedule-list-week-day{background-color:#066bc3;border-color: #066bc3;color: #fff}

.bbs-schedule .___schedule-eduList .education-schedule{width:100px}
.bbs-schedule .___schedule-eduList .education-confirmed{width:100px}
.bbs-schedule .___schedule-eduList .education-requested{width:100px}


.bbs-schedule .___schedule-eduList .sat .schedule-list-week span{color:blue}
.bbs-schedule .___schedule-eduList .sun .schedule-list-week span{color:red}
 

/* 교육신청 목록형 보기(툴팁 내부 정보 꺼내기)*/ 
.program-schedule .___schedule-eduList .item{display:block !important}
.program-schedule .___schedule-eduList .item-subject{display:none !important}
.program-schedule .___schedule-eduList .schedule-tooltip{position:static !important;display:block !important}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-head{display:none}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .body-item ~ .body-item{margin-top:10px;padding-top:10px;border-top:1px dashed #dcdcdc}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-title{display:flex;align-items:center;color:#000;font-size:18px;font-weight:700}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-title .item-flags{margin-right:5px}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-description{margin-top:5px}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-description ul{display:flex;align-items:center}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-description ul li b{margin-right:5px;color:#333}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-description ul li ~ li{position:relative;margin-left:10px;padding-left:10px}
.program-schedule .___schedule-eduList .schedule-tooltip .tooltip-body .item-description ul li ~ li:before{content:'';position:absolute;left:0;top:3px;width:1px;height:10px;background-color:#ddd}

.dark-screen-mode .program-schedule.education-applicatios-calendar .___schedule-eduList .schedule-tooltip .tooltip-body .item-title{color:var(--default-text-active)}
.dark-screen-mode .program-schedule.education-applicatios-calendar .___schedule-eduList .schedule-tooltip .tooltip-body .item-description ul li b{color:var(--default-text-active)}



.schedule-list-layer{
  z-index:100000;
  position: absolute;
  top: 0;
  left:0;
  display:none;
  width:500px;
  text-align:left;
  border-radius:5px;
  box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius:10px;
  overflow:hidden
}
.schedule-list-layer .tooltip-head{position:relative;background-color:#066bc3}
.schedule-list-layer .tooltip-head .head-date{display:block;padding: 20px;text-align:center;font-size:18px;font-weight:500;color:#fff;background: url(../../../../images/name/user/styleguide/snb-item-bg.png)}
.schedule-list-layer .tooltip-head .head-close{z-index:1;position:absolute;top:0;right:0;width: 50px;height:100%;filter: brightness(0) invert(1);background:url(../../../../images/name/user/styleguide/tooltip-close.png) no-repeat 50% 50%}
.schedule-list-layer .tooltip-body{padding: 25px 30px;overflow-y: auto;max-height: 500px}
.schedule-list-layer .tooltip-body .body-item{display: block}
.schedule-list-layer .tooltip-body .body-item:first-child{border-radius:7px 7px 0 0}
.schedule-list-layer .tooltip-body .body-item:last-child{border-radius:0 0 7px 7px}
.schedule-list-layer .tooltip-body .body-item ~ .body-item{border-top-width:0}
.schedule-list-layer .tooltip-body .body-item .item-title{display:flex;font-weight:500;font-size:19px;line-height: 135%;color:#000}
.schedule-list-layer .tooltip-body .body-item .item-title .item-flags{flex:0 0 auto;display:flex;margin:0 3px 5px 0}
.schedule-list-layer .tooltip-body .body-item .item-title .item-flags .flag-state{flex:0 0 auto;margin-right: 3px;font-size: 11px}
.schedule-list-layer .tooltip-body .body-item .item-title .item-flags .flag-state .flag-state ~ .flag-state{margin-left:2px} 
.schedule-list-layer .tooltip-body .body-item .item-description{margin-top:10px}
.schedule-list-layer .tooltip-body .body-item .item-description>ul>li{display:flex;position:relative;padding-left: 18px;font-size:16px}
.schedule-list-layer .tooltip-body .body-item .item-description>ul>li::before{content:'';position:absolute;top: 1px;left:0;width:12px;height:12px;border-radius:100%;border:3px solid #7a7d96}
.schedule-list-layer .tooltip-body .body-item .item-description>ul>li b{flex:0 0 75px;font-weight:500;color:#333}
.schedule-list-layer .tooltip-body .body-item .item-description>ul>li span{flex:1}
.schedule-list-layer .tooltip-body .body-item .item-description>ul>li ~ li{margin-top: 10px}
.schedule-list-layer .page-default{margin-top:0}
@media (max-width: 1200px) {
  .schedule-list-layer{width: 460px}
}




/* 스케쥴 리스트 다크모드 */
.dark-screen-mode .bbs-schedule{border-color:var(--default-border)}
.dark-screen-mode .program-schedule .schedule-util .util-regend .regend-state .state-enabled{background-color:var(--default-bg);border-color:var(--default-border)}
.dark-screen-mode .program-schedule .schedule-util .util-regend .regend-state .state-disabled{background-image:url(../../../../images/name/user/styleguide/calendar-disabled-pattern-dark.png)}
.dark-screen-mode .bbs-schedule .schedule-head{border-color:var(--default-border)}
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-prev,
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-next{background-color:#fff;border-color:#fff;filter:invert(100%)}
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-prev{background-image:url(../../../../images/name/user/styleguide/calendar-head-prev.png)}
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-next{background-image:url(../../../../images/name/user/styleguide/calendar-head-next.png)}
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-date>span,
.dark-screen-mode .bbs-schedule .schedule-head .schedule-head-date>div select{color:var(--default-text-active)}
.dark-screen-mode .bbs-schedule .disabled-day{background-image:url(../../../../images/name/user/styleguide/calendar-disabled-pattern-dark.png)}
.dark-screen-mode .bbs-schedule .education-confirmed, 
.dark-screen-mode .bbs-schedule .education-requested,
.dark-screen-mode .bbs-schedule .education-schedule{filter:grayscale(30%)}
.dark-screen-mode .bbs-schedule .___schedule-default tbody td{border-color: #404040}
.dark-screen-mode .bbs-schedule .___schedule-list tbody td[data-head]{border-color:var(--default-border)}
.dark-screen-mode .bbs-schedule .___schedule-list .schedule-list-week{background-color:var(--default-box)}

.dark-screen-mode .schedule-tooltip{background-color:var(--default-box)}
.dark-screen-mode .schedule-tooltip .tooltip-head{background-color:var(--default-box-active)}
.dark-screen-mode .schedule-tooltip .tooltip-body .body-item{border-color:var(--default-border)}
.dark-screen-mode .schedule-tooltip .tooltip-body .body-item .item-title{color:var(--default-text-active)}
.dark-screen-mode .schedule-tooltip .tooltip-body .body-item .item-description>ul>li b{color:var(--default-text-active)}
.dark-screen-mode .bbs-schedule .___schedule-list .sat .schedule-list-week span{color:blue}
.dark-screen-mode .bbs-schedule .___schedule-list .sun .schedule-list-week span{color:red}

.dark-screen-mode .bbs-schedule .dayblock .item .item-subject button{background-color:var(--default-box-active)}
.dark-screen-mode .bbs-schedule .dayblock .item .item-subject button span{color:#fff}

.dark-screen-mode .schedule-list-layer .tooltip-head{background-color:var(--default-box-active)}
.dark-screen-mode .schedule-list-layer .tooltip-body .body-item .item-description>ul>li span{color:#666}



































#alertPulldown{display:none;padding: 0 20px;z-index:150;z-index: 10000;position:relative;overflow:hidden;background: #272f4b}
#alertPulldown .alert-wrapper{position:relative;max-width: 1440px;margin: 0 auto;padding: 0 420px 0 100px;overflow:hidden}
#alertPulldown .alert-viewbox{height:180px;position:relative;overflow:hidden}
#alertPulldown .alert-container{width: 200%;height:inherit;position:relative;overflow:hidden;display: flex}
#alertPulldown .alert-item{position:relative;font-weight:600;height:inherit;flex: 0 0 50%}
#alertPulldown .alert-anchor{display:flex;height:100%;align-items:center;justify-content: center;border-radius: 15px}
#alertPulldown .alert-img{
  width: 100px;
  height: 100px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius: 10px;
  margin-right:15px;
  overflow:hidden;
  background:url(../../../../images/name/user/styleguide/alert-noimg.png) no-repeat 50% 50% / auto 100%;
}
#alertPulldown .alert-img img{border-radius:10px;position: relative;top: 0%;max-width: none;height: 100%;left: 50%;transform: translateX(-50%)}
#alertPulldown .alert-text{flex:1;color: #fff;overflow:hidden}
#alertPulldown .alert-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:5px;margin-bottom:5px;font-size: 28px;border-bottom:1px solid transparent;transition:border 100ms ease-out}
#alertPulldown .alert-descript{overflow:hidden;max-height: 70px;font-weight:300;font-weight: 400;color: #000;font-size:16px;transition:opacity 100ms ease-out;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color:inherit;opacity:0.8;word-break:keep-all}
#alertPulldown .alert-anchor:hover .alert-descript{opacity:1}

#alertPulldown .alert-direction{position: absolute;top: 0;left: 0;right: 0;max-width: 1440px;margin: 0 auto}
#alertPulldown .alert-direction button{width:61px;height:61px}
#alertPulldown .alert-direction .prev{position: absolute;left:0;top: 60px;background:url(../../../../images/name/user/styleguide/alert-direction-prev.png) no-repeat}
#alertPulldown .alert-direction .next{position: absolute;right: 250px;top: 60px;background: url(../../../../images/name/user/styleguide/alert-direction-next.png) no-repeat}
#alertPulldown .alert-direction .stop{position: absolute;right: 325px;top: 60px;background: url(../../../../images/name/user/styleguide/alert-direction-stop.png) no-repeat}
#alertPulldown .alert-direction .play{display:none;position: absolute;right: 325px;top: 60px;background:url(../../../../images/name/user/styleguide/alert-direction-play.png) no-repeat}

#alertPulldown .alert-close{display:flex;align-items:center;z-index:10;position:absolute;top: 50%;right: 0;transform: translateY(-50%)}
#alertPulldown .alert-close .close-day{margin-right: 45px;padding-left: 30px;font-size:16px;color: #fff;font-weight:500}
#alertPulldown .alert-close .close-day span{width: 20px;height: 20px;vertical-align: -4px;background: #272f4b}
#alertPulldown .alert-close .close-day span::before{display:none}
#alertPulldown .alert-close .close-day :checked+span::before{display:block}
#alertPulldown .alert-close .close-exit{width: 30px;height: 30px;border-radius: 3px;line-height: 0}


@media screen and (max-width:1000px) {
  #alertPulldown .alert-viewbox{height:140px}
  #alertPulldown .alert-wrapper{height: 190px;padding:0}
  #alertPulldown .alert-img{width:70px;height:70px}
  #alertPulldown .alert-title{font-size:22px}
  #alertPulldown .alert-close{top:140px;justify-content: flex-end;margin-top:15px}
  #alertPulldown .alert-close .close-exit{width:20px;height:20px}
  #alertPulldown .alert-close .close-day{margin-right:20px}
  #alertPulldown .alert-direction{z-index:10;top:140px;width:100%;display:flex}
  #alertPulldown .alert-direction button{width:30px;height:30px;position:static !important;background-size:30px !important}
  #alertPulldown .alert-direction button ~ button{margin-left:5px}
}






/* 사이트맵 1 
#sitemap{z-index:12000;position:fixed;top: 0;left:0;margin:0;width: 100vw;height: 100vh;background-color:rgba(0, 0, 0, 0.7);display:none}
  .sitemap-wrapper{display:flex;justify-content:center;padding: 50px;height: 100%}
    .sitemap-container{position:relative;background-color:#fff;padding:30px;border-radius: 10px;height: 100%;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.7)}
    .sitemap-container .sitemap-title{margin-bottom:20px;padding-bottom:20px;border-bottom: 3px solid #ddd;font-size:35px;font-weight:700;color:#000}
    .sitemap-container .sitemap-close{position:absolute;top: 20px;right: 30px;width:50px;height:50px;border-radius:100%;border: 1px solid #ddd;background: url(../../../../images/name/user/styleguide/icon-close.png) no-repeat 50% 50%}
      .sitemap-list{display: flex;flex-direction: column;overflow-y: scroll;padding-right: 20px;height: calc(100% - 80px)}
      .sitemap-list a{display:block;line-height:140%}
      .sitemap-list a span{display:inline-block;line-height: 145%;word-break:keep-all}

      .sitemap-list .sitemap-parent-item{flex: 0 0 300px;display:block;padding: 20px;position: relative}
      .sitemap-list .sitemap-parent-item a{font-size:24px;font-weight:800;color: #0f4c98;}

      .sitemap-list .sitemap-depth-1{position:relative;display:flex}
      .sitemap-list .sitemap-depth-1::before{content:'';position:absolute;top:0;left:0;width:300px;height:100%;background-color:#e5f2fb}
      .sitemap-list .sitemap-depth-1 ~ .sitemap-depth-1{border-top:1px solid #ddd}

      .sitemap-list .sitemap-depth-2{display:flex;flex: 1 1 auto;flex-wrap:wrap;padding: 20px 0 20px 20px}
      .sitemap-list .sitemap-depth-2>li{display: flex;flex: 1 0 100%}
      .sitemap-list .sitemap-depth-2>li ~ li{margin-top:20px;padding-top:20px;border-top:1px dashed #e9e9e9}
      .sitemap-list .sitemap-depth-2>li>div{flex: 0 0 200px}
      .sitemap-list .sitemap-depth-2>li>div>a{font-weight:700;font-size:20px;color:#000}

      .sitemap-list .sitemap-depth-3{display: flex;flex-wrap: wrap;flex: 1 1 auto}
      .sitemap-list .sitemap-depth-3>li{flex: 0 0 150px;margin-right:50px;margin-bottom: 10px;}
      .sitemap-list .sitemap-depth-3>li>a{display:block;background:url(../../../../images/name/user/ko/layout/gnb-item-arrow.png) no-repeat 100% 50%}
  */
      
/* 사이트맵 2 */
#sitemap{z-index:12000;position:fixed;top: 0;left:0;margin:0;width: 100vw;height: 100vh;background-color:rgba(0, 0, 0, 0.7);display:none}
  .sitemap-wrapper{padding: 0;display:flex;margin:auto;height:100%;padding:20px}
    .sitemap-container{position:relative;margin:auto;background-color:#fff;padding:30px;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.7);border-radius:15px;}
    .sitemap-container .sitemap-title{margin-bottom:20px;padding-bottom:20px;border-bottom: 3px solid #ddd;font-size:35px;font-weight:700;color:#000}
    .sitemap-container .sitemap-close{position:absolute;top: 20px;right: 30px;width:50px;height:50px;border-radius:100%;border: 1px solid #ddd;background: url(../../../../images/name/user/styleguide/icon-close.png) no-repeat 50% 50%}
      .sitemap-list{display: flex;overflow: hidden}
      .sitemap-list a{display:block;line-height:140%}
      .sitemap-list a span{display:inline-block;line-height: 145%;word-break:keep-all;font-size:15px}

      .sitemap-list .sitemap-parent-item{display:block;position: relative;width:200px}
      .sitemap-list .sitemap-parent-item a{font-weight:800;color:#fff;background-color:var(--primary);padding:10px 20px;border-radius: 5px;}
      .sitemap-list .sitemap-parent-item a span{font-size:20px}

      .sitemap-list .sitemap-depth-1{flex: 1 0 auto;position:relative;padding-right:20px}
      .sitemap-list .sitemap-depth-1::before{position:absolute;top:0;left:0;width:300px;height:100%;background-color:#e5f2fb}
      .sitemap-list .sitemap-depth-1 ~ .sitemap-depth-1{padding-left:20px;border-left:1px solid #ddd}

      .sitemap-list .sitemap-depth-2{padding: 20px 0 0 10px;}
      .sitemap-list .sitemap-depth-2>li ~ li{border-top:1px dashed #e9e9e9;padding-top: 10px;margin-top: 10px;}
      .sitemap-list .sitemap-depth-2>li>div>a{font-weight:700;color:#000}
      .sitemap-list .sitemap-depth-2>li>div>a>span{font-size: 17px;}

      .sitemap-list .sitemap-depth-3{flex-wrap: wrap;}
      .sitemap-list .sitemap-depth-3>li{position:relative;margin-right:50px;padding-left:10px}
      .sitemap-list .sitemap-depth-3>li::before{content:'';position:absolute;top:11px;left:3px;width:3px;height:1px;background-color:#666}
      
      
   
	.sitemap-accessibility{position:absolute;bottom:-20px;left:0;width:100%;text-align:center}
	.sitemap-accessibility button{height:0;overflow:hidden;background-color:#fff;border-radius:5px;padding:0 10px}
	.sitemap-accessibility button:focus-visible{height: 40px;}
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      

/* 구분 */
.template-bar{margin:20px 0;border:1px solid #ddd}

/* 경력, 이력 템플릿 양식 */
*+.template-history-list{margin-top:10px}
.template-history-list li{position:relative;display:flex;padding-left:12px;line-height:130%}
.template-history-list li ~ li{margin-top:10px}
.template-history-list li::before{content:'';position:absolute;top:7px;left:0;width:4px;height:4px;background-color:#aaa;border-radius:100%}
.template-history-list li b{flex:0 0 220px;margin-right:15px;color:#000;line-height:130%}
.template-history-list li span{line-height:130%}

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

    .template-history-list>li{display:block}
    .template-history-list>li b{display:block}
    .template-history-list>li span{display:block}
}



/* 시설, 장비 템플릿 */
*+.template-cardThumbnail{margin-top:40px}

.template-cardThumbnail{display:flex;align-items:flex-start}
.template-cardThumbnail .template-cardThumbnail-image{position:relative;overflow:hidden;width:50%;max-width:500px}
.template-cardThumbnail .template-cardThumbnail-image img{max-width:none;width:100%;/* border-radius:15px; */}
.template-cardThumbnail .template-cardThumbnail-image ~ .template-cardThumbnail-descript{margin-left:30px;padding-top:20px}
@media screen and (max-width: 900px) {
    .template-cardThumbnail{display:block}
    .template-cardThumbnail .template-cardThumbnail-image{width:100%;max-width:none}
    .template-cardThumbnail .template-cardThumbnail-image img{position:static;width:100%;transform:none}
    .template-cardThumbnail .template-cardThumbnail-image ~ .template-cardThumbnail-descript{margin-left:0;padding-top:20px}
}

*+.template-cardList{margin-top:40px}
.template-cardList{display:flex;flex-wrap:wrap}
.template-cardList .template-cardList-item{flex:0 0 23.5%;margin-left:2%}
.template-cardList .template-cardList-item:nth-child(4n+1){margin-left:0}
.template-cardList .template-cardList-item:nth-child(4) ~ .template-cardList-item{margin-top:30px}
.template-cardList .template-cardList-item .template-item-image{position:relative;overflow:hidden;/* border-radius:10px; */height: 254px}
.template-cardList .template-cardList-item .template-item-image img{position:absolute;top:0;left:50%;height:100%;max-width: none;transform:translateX(-50%)}
.template-cardList .template-cardList-item .template-item-descript{margin-top:15px}

@media screen and (max-width:1200px) {
    .template-cardList .template-cardList-item{flex:0 0 32%;margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(4n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(3n+1){margin-left:0}
    .template-cardList .template-cardList-item:nth-child(3) ~ .template-cardList-item{margin-top:30px}
}

@media screen and (max-width:900px) {
    .template-cardList .template-cardList-item{flex:0 0 48%;margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(4n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(3n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(2n+1){margin-left:0}
    .template-cardList .template-cardList-item:nth-child(2) ~ .template-cardList-item{margin-top:30px}
}

@media screen and (max-width:700px) {
    .template-cardList .template-cardList-item{flex:0 0 100%;margin-left:0}
    .template-cardList .template-cardList-item:nth-child(4n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(3n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(2n+1){margin-left:2%}
    .template-cardList .template-cardList-item:nth-child(1n+1){margin-left:0}
    .template-cardList .template-cardList-item:nth-child(1) ~ .template-cardList-item{margin-top:30px}
}






/* 본인인증 */
.program-certification{display:flex;flex-wrap:wrap;justify-content:center;margin-top: 40px}
.program-certification .certification-item{text-align:center;flex:0 0 auto;width: 100%;margin:0 0 15px 15px;border:1px solid #ddd;padding: 30px;border-radius: 15px;background-color:#fff;transition:box-shadow 100ms ease-out}
.program-certification .certification-item:nth-child(4n+1){margin-left:0}
.program-certification .certification-item .item-icon{display:block}
.program-certification .certification-item .item-title{display:block;margin-top:20px;font-weight: 700;font-size: 20px;color: #00274e}
.program-certification .certification-item .item-summary{max-width:280px;margin:0 auto;line-height: 150%;height: 100px;font-size: 14px;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
.program-certification .certification-item .item-button{max-width:280px;width:100%;height: 46px} 
.program-certification.certification-branch{justify-content:center}
.program-certification.certification-branch .certification-item{flex:1 1 auto;width: calc(50% - 8.5px)}
.program-certification.certification-branch.col-3 .certification-item{width: calc(33.15% - 8.5px);margin-left:15px}
.program-certification.certification-branch.col-3 .certification-item:nth-child(3n+1){margin-left:0}

@media screen and (max-width: 1000px) {
    .program-certification .certification-item{width: 100%;margin-left:0;display:flex;align-items:center;text-align:left}
    .program-certification .certification-item .item-icon{flex:0 0 70px;margin-right: 20px}
    .program-certification .certification-item .item-title{margin:0;line-height: 110%;flex: 0 0 140px;font-size:18px}
    .program-certification .certification-item .item-summary{flex:1;max-width:none;padding:0 20px;margin:0;border:0;height:auto}
    .program-certification .certification-item .item-summary br{display:none}
    .program-certification .certification-item .item-button{flex: 0 0 130px;width:auto}

    .program-certification.certification-branch .certification-item{width:100%;margin-left:0}

    .program-certification.certification-branch.col-3 .certification-item{width:100%;margin-left:0}
    .program-certification.certification-branch.col-3 .certification-item:nth-child(3n+1){margin-left:0}
}
@media screen and (max-width: 700px) {
    .program-certification{margin-top:30px}
    .program-certification .certification-item{display:block;text-align:center;margin-left:15px}
    .program-certification .certification-item:nth-child(2n+1){margin-left:0}
    .program-certification .certification-item .item-icon{margin-right:0}
    .program-certification .certification-item .item-title{margin:15px 0}
    .program-certification .certification-item .item-summary{display:none;margin:15px 0}
    .program-certification .certification-item .item-button{width:100%}

    .program-certification.certification-branch .certification-item .item-summary{display:block}
}

/* 본인인증 다크모드 */
.dark-screen-mode .program-certification .certification-item {
    background-color: var(--default-box);
    border-color: var(--default-border);
}
.dark-screen-mode .program-certification .certification-item .item-icon {
    filter: saturate(50%)
}
.dark-screen-mode .program-certification .certification-item .item-title {
    color: var(--default-text-active)
}




/* 본인인증 팝업 */
#popupPreview{background-color:#fff;height: 100vh}
#popupPreview header{height: 70px;padding: 0 25px;background-color:#174572;display: flex;align-items: center}
#popupPreview header h1{font-size: 21px;color:#fff;font-weight: 500}
#popupPreview main{padding: 25px}
#popupPreview .formbox{display:flex;flex-wrap:nowrap;border-bottom:1px solid #ddd}
#popupPreview .formbox:first-of-type{border-top: 3px solid #505c78}
#popupPreview .formbox:first-of-type .formbox{border-width:0} 
#popupPreview .formbox .form-label{flex: 0 0 150px;min-width:0;width:auto;height:40px;margin-bottom:0}
#popupPreview .formbox .form-normal{flex:1}

  .popup-auth-progress{display:flex;justify-content:center;margin-bottom:20px}
  .popup-auth-progress span{position:relative;transform:scale(1);transform-origin:50% 50%;flex: 0 0 auto;width:10px;height:10px;background-color:#949494;border-radius:100%}
  .popup-auth-progress span ~ span{margin-left:5px}
  .popup-auth-progress span:nth-child(1){animation-name: popupAuthProgress;animation-duration: 1s;animation-delay: 0s;animation-iteration-count: infinite}
  .popup-auth-progress span:nth-child(2){animation-name: popupAuthProgress;animation-duration: 1s;animation-delay: 0.2s;animation-iteration-count: infinite}
  .popup-auth-progress span:nth-child(3){animation-name: popupAuthProgress;animation-duration: 1s;animation-delay: 0.4s;animation-iteration-count: infinite}
  .popup-auth-progress span:nth-child(4){animation-name: popupAuthProgress;animation-duration: 1s;animation-delay: 0.6s;animation-iteration-count: infinite}

  @keyframes  popupAuthProgress{
    0% {transform:scale(1);background-color:#949494}
    20%  {transform:scale(1.2);background-color:#174572}
    100% {transform:scale(1);background-color:#949494}
  }


  .popup-auth-text{margin-bottom:20px;line-height:140%;text-align:center;color:#000;font-size:17px}
  .popup-auth-buttons{display:flex;justify-content:center;align-items:center;margin-top:20px}

  .popup-auth-buttons button.kakao{background-color:#fcea4f;border-color:#fcea4f;border-radius:7px;padding:0 30px}
  .popup-auth-buttons button.kakao span{font-size:17px;font-weight:700;color:#381f1f}
  .popup-auth-buttons button.kakao span img{margin-right:10px;vertical-align:-7px}
  .popup-auth-buttons button.kakao:hover{background-color:#fcea4f;border-color:#fcea4f}
  .popup-auth-buttons button.kakao:hover span{color:#381f1f}

  .popup-auth-buttons button.toss{background-color:#0064ff;border-color:#0064ff;border-radius:7px;padding:0 30px}
  .popup-auth-buttons button.toss span{font-size:17px;font-weight:500;color:#fff}
  .popup-auth-buttons button.toss span img{margin-right:10px;vertical-align:-7px}
  .popup-auth-buttons button.toss:hover{background-color:#0064ff;border-color:#0064ff}
  .popup-auth-buttons button.toss:hover span{color:#fff}

  .popup-auth-buttons button.kb{background-color:#ffcc00;border-color:#ffcc00;border-radius:7px;padding:0 30px}
  .popup-auth-buttons button.kb span{font-size:17px;font-weight:700;color:#393421}
  .popup-auth-buttons button.kb span img{margin-right:10px;vertical-align:-5px}
  .popup-auth-buttons button.kb:hover{background-color:#ffcc00;border-color:#ffcc00}
  .popup-auth-buttons button.kb:hover span{color:#393421}

  .popup-auth-buttons button.sh{background-color:#0046ff;border-color:#0046ff;border-radius:7px;padding:0 30px}
  .popup-auth-buttons button.sh span{font-size:17px;font-weight:700;color:#fff}
  .popup-auth-buttons button.sh span img{margin-right:10px;vertical-align:-7px}
  .popup-auth-buttons button.sh:hover{background-color:#0046ff;border-color:#0046ff}
  .popup-auth-buttons button.sh:hover span{color:#fff}

/* 미리보기 다크모드 */ 
.dark-screen-mode #popupPreview {background-color: var(--default-bg)}
.dark-screen-mode #popupPreview .formbox {border-color: var(--default-border)}
.dark-screen-mode #popupPreview .formbox:first-of-type {border-top-width:2px;border-top-color: var(--default-border-active)} 
.dark-screen-mode #popupPreview .popup-auth-buttons button,
.dark-screen-mode #popupPreview .popup-auth-buttons button img{filter:grayscale(50%)}




/* 일반 레이어 */
.layer-authentication{z-index:100000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);text-align:left;display:flex;align-items:center;justify-content:center}
.layer-authentication-container{max-width:800px;padding:30px;margin:0 auto;background-color:#fff;border-radius:10px;overflow:hidden}
.layer-authentication-container .signup-termsuse{margin-top:0}
.layer-authentication-container .signup-termsuse-body{height:200px;overflow-y:scroll}
@media screen and (max-width:1000px) {
  .layer-authentication-container{width:auto;margin-left:20px;margin-right:20px}
}

.dark-screen-mode .layer-authentication-container{background-color:var(--default-box)}



/* 모달창 (콘텐츠 팝업 레이어) */
.___modal-window{display:none;z-index:100000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);padding:50px}
.___modal-window .___modal-contents{max-width:1000px;height: calc(100vh - 100px);padding: 20px 0;margin:0 auto;background-color:#fff;border-radius:10px}
.___modal-window .___modal-contents-head{position:relative;padding:0 0 20px;margin: 0 20px;border-bottom:3px solid #999}
.___modal-window .___modal-contetns-head-title{margin-bottom: 15px;font-weight: 800;font-size: 30px;color: #000}
.___modal-window .___modal-contetns-head-exit{position:absolute;top:0;right:0}
.___modal-window .___modal-contetns-head-exit img{height:30px}
.___modal-window .___modal-contents-body{padding:0 50px;overflow-y: scroll;height: calc(100% - 50px);padding-right: 20px;margin-right: 20px}
@media screen and (max-width:1000px) {
  .___modal-window{padding:0}
  .___modal-window .___modal-contents{height:100vh;padding:20px 0}
  .___modal-window .___modal-contents-head{margin:0 20px}
  .___modal-window .___modal-contents-body{padding:0 20px}
}