@charset "utf-8";
/* CSS Document */
/* 페이지에 hide 기능이 있을때 
hide_active
*/
/* 문장에 hide기능이 있을떄
리스트 부모에게 .more_view + .hid 추가
*/

:root{
    /* font-color */
    --font-title-color:#3d3d3d;
    --font-tab-color:#797676;
    --font-tab-select-color:#000;
    --font-footer-color:#E1E1E1;
    --font-color-green:#7AAF71;
    --font-color-blue:#3439CF;
    --font-normal-color:#333;
    --font-normal-light-color:#999999;
    --font-ex-text-color:#5662B1;
    --font-num-color:#000;
    --font-num-light-color:#BBBBBB;
    --font-function-title-color:#5B5B5B;
    --font-anchor-color:#5774E5;
    --font-table-th-type01:#000000;
    --font-table-th-type02:#5B5B5B;
    --border-color-type01:#ddd;
    --border-color-type02:#ccc;
    --btn-color-green:#6FAC66;
    --btn-color-blue:#5776E1;
    --btn-color-gray:#B2B2B2;
    --btn-color-red:#E25151;
    --btn-color-submit:#1E2288;
    --btn-color-file:#5E72F1;
}
/* 라디오버튼 초기화 */
label{position: relative;}
input[type='radio'],input[type='checkbox']:not(table input) {position: absolute;width: 1px;height: 0px;margin: 0px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;position: relative;}
input[type='radio']+label::before{content: '';display: inline-block;width: 14px;height: 14px;margin-right: 8px;vertical-align: middle;border-radius: 50%;border: 1px solid var(--border-color-type02);position: relative;top: -1px;}
input[type='radio']:checked+label::after{content: '';display: block;width: 8px;height: 8px;position: absolute;top: 50%;transform: translateY(-50%);background-color: #5E72F1;border-radius: 50%;left: 4px;}
input[type='checkbox']+label::before{content: '';display: inline-block;width: 16px;height: 16px;margin-right: 8px;vertical-align: middle;border: 1px solid var(--border-color-type02);}
input[type='checkbox']:checked+label::before{border: 1px solid #5E72F1;background:#5E72F1 url(../images/common/ico-checkbox-checked.png)no-repeat center;}
.mt-8{margin-top: 16px;}
.ml-40{margin-left: 40px;}
.mb-16{margin-bottom: 16px;}
.ml-8{margin-left: 8px;}
.mt-80{margin-top: 80px;}
a.btn{font-weight: 600;color: var(--font-anchor-color);}
body{overflow: auto;}
select{font-size: 16px;color: #707070;border: 1px solid var(--border-color-type01);height: 38px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 315px;background:#fff url(../images/common/ico-select_arrow.png)no-repeat center right 12px;padding-left: 8px;padding-right: 32px;}
.flex-box{display: flex;}
.flex-box.type01{display: flex;justify-content: space-between;}
.flex-box>.img-box{width: 205px;height: 205px;/*background-color: #000;*/margin-right: 32px;}
.condition>.numbering{border: 0;margin-bottom: 0;margin-top: 80px;}
.numbering.type-only{border: 0;margin-bottom: 0;margin-top: 80px;padding-bottom: 0;}
.numbering{color: var(--font-num-light-color);font-size: 14px;font-weight: 600;padding-bottom: 16px;border-bottom: 1px dashed var(--border-color-type01);margin-bottom: 24px;}
.numbering.type01{border-bottom: 0;}
.numbering>span:nth-child(1){color: var(--font-num-color);}
.btn{border: 0;font-weight: 600;box-sizing: border-box;cursor: pointer;}
.btn.navy{background-color: #1E2288;color: #fff;font-weight: 600;}
.btn.red{background-color: #fff;color: var(--btn-color-red);font-weight: 600;border: 1px solid var(--btn-color-red);}
.btn.pdf_open{background-color: #6FAC66;color: #fff;border: 1px solid #6FAC66;}
.btn.list{background-color: #26282C;color: #fff;border: 1px solid #26282C;}
.btn.source{background-color: #fff;border: 1px solid #1287AA;color: #1287AA;}
.subject{font-size: 14px;;display: inline-block;vertical-align: middle;width: 100px;color: var(--font-normal-light-color);text-align: left;margin-right: 8px;}
.text:not(p){color: var(--font-normal-color);width: calc(100% - 110px);font-size: 14px;}
p.text{font-size: 14px;color: var(--font-normal-color);}
p.text>.title{font-size: 20px;font-weight: 600;color: var(--font-normal-color);}
p.text>.chapter{font-size: 16px;font-weight: 600;color: var(--font-normal-color);}
p.text>span{display: block;margin: 10px 0;}
.txt-c{text-align: center;}
.box{margin-bottom: 8px;}
.box>.subject-cont{margin-bottom: 4px;}
.subject-cont{display: flex;margin-bottom: 8px;}
ul.list>li>p.subject-cont:last-child{margin-bottom: 0;}
.subject-title{margin-bottom: 32px;}
.verification-record{background-color: #1E2288;border: 1px solid #1E2288;color: #fff;}
.btn.verification{background-color: #fff;border: 1px solid #E25151;color: #E25151;}
.sub-title{font-size: 20px;font-weight: 600;}
.sub-title+.subject-cont{margin-top: 16px;}
.sub-title::before{content: '';width: 8px;height: 24px;background:var(--font-normal-light-color);margin-right: 8px;display: inline-block;vertical-align: sub;}
.wrap{width: 1280px;margin: 0 auto;padding:0 20px;}
.thesis.detail{flex: 1;}
/* select */
.function_box{align-items: center;display: flex;padding-bottom: 16px;border-bottom: 1px solid var(--border-color-type01);margin-bottom: 40px;}
.function_box.type01{display: block;}
.function_box.search-function{border-bottom: 0;align-items: center;}

.function_box .title{color: var(--font-normal-color);font-weight: 600;margin-right:16px;margin-left: 80px;vertical-align: middle;}
.function_box .title.type01{font-size: 24px;margin-right: 24px;}
.function_box .title:first-child{margin-left: 0;}
.function_box.type01>div{margin-right: 0;}
.function_box input:not(input[type='radio'],input[type='checkbox']){vertical-align: middle;border: 1px solid var(--border-color-type01);height: 38px;padding: 0 8px;font-size: 16px;flex: 1;}
.btn.search{color: #fff;font-weight: 600;font-size: 16px;height: 38px;padding:0px 24px 0 48px;margin-left: 16px;background:#1E2288 url(../images/common/ico-function-search.png)no-repeat center left 20px;}
.btn.search.management{background:#E9E9E9 url(../images/common/ico-search-management.png)no-repeat center left 16px;padding: 0px 16px 0 48px;color: var(--font-tab-color);}

.search-screen>ul{display: flex;align-items: end;flex-wrap: wrap;justify-content: space-around;}
.search-screen>ul>li{display: flex;align-items: end;height: 164px;flex:0 0 calc(33.333% - 10px);margin: 0 5px;box-sizing: border-box;justify-content: center;margin-top: 48px;}
.search-screen>ul>li>img{margin-right: 16px;}
.search-screen>ul>li>p>span{display: block;font-size: 20px;color: var(--font-normal-light-color);font-weight: 600;}
.search-screen>ul>li>p>span>strong{font-size: 36px;color: var(--font-normal-color);}

.function_box.search-function>input[type='text']+select{margin-left: -5px;border-left: 0;position: relative;}
.function_box.search-function>input[type='text']:not(.not-bg){padding: 0 16px 0 8px;background: url(../images/common/ico-search-border.png)no-repeat center right 10px;}

.search-popup,.popup-window{background: #fff;;position: absolute;width: 100%;border: 1px solid var(--border-color-type02);padding:24px;box-shadow: 3px 3px 6px rgba(0 0 0 / .16);z-index: 2;}
.search-popup .function_box{margin-bottom: 8px;padding: 0;}
.search-popup .function_box.detail{margin-top: 32px;display: block;}
.search-popup .function_box.detail>div{display: flex;align-items: center;margin-bottom: 8px;}
.search-popup .function_box.detail>div>.title{width: 200px;}
.search-popup .function_box.detail>div>.check-box{flex: 1;}
.search-popup .function_box.detail>div>div>select{margin-left:16px;}
.search-popup .function_box.detail>div>div>label,.search-popup .function_box.detail>div>div>span{font-weight: 600;}
.search-popup .btn-area{width: 100%;text-align: center;margin-top: 32px;}
.search-popup .btn-area>.btn.search{margin: 0;}
.search-popup .btn-area>.btn.clean{margin-left:64px;}
.search-help{width: 1000px;}
.search-help>p{font-size: 14px;margin-bottom: 24px;}
.search-help>p>span{font-weight: 600;display: inline-block;margin-bottom: 8px;}
.search-help>.btn.popup-close{bottom: -32px;right: -1px;left: -1px;background: var(--btn-color-blue);border: 0;width: unset;color: #fff;}

.survey{width: 80%;left: 50%;transform: translateX(-50%);bottom: 50px;position: fixed;border: 1px solid var(--border-color-type02);padding: 24px;background: #FAFDFA;border-top: 2px solid var(--font-tab-color);z-index: 1;}
.survey>.btn-area{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);}
.survey>.btn-area>button:not(:first-child){margin-left: 16px;}
.survey>p{font-size: 16px;font-weight: 600;margin-bottom: 16px;}
/* .popup-window */
.verification.popup-window{padding: 24px;z-index: 2;width: 700px;top: 50px;right:0px;}
.popup-window>.sub-title{margin-bottom: 40px;}
.popup-cont .title{flex-shrink: 0;width: 158px;color: var(--font-normal-color);font-weight: 600;margin-right: 16px;text-align: right;position: relative;}

.popup-cont>div.flex-box:not(:first-child){margin-top: 16px;}
.popup-cont textarea{padding: 16px;min-height: 300px;}
.popup-cont+.btn-area{text-align: right;margin-top: 24px;}
.popup-cont+.btn-area>.btn{margin-left: 16px;}
.btn.help{margin-left: 16px;margin-right: 80px;width: 25px;height: 25px;border-radius: 50%;background: #343734 url(../images/common/ico-popup-help.png)no-repeat center;vertical-align: middle;}
.btn.clean{color: #fff;font-weight: 600;font-size: 14px;height: 36px;background: #777777;width: 90px}
.btn.edit{color: #fff;font-weight: 600;font-size: 14px;height: 36px;background: #6FAC66;width: 90px;}
.btn.close{color: #fff;font-weight: 600;font-size: 14px;height: 36px;background: #B2B2B2;width: 90px;}
.btn.submit,.btn.save{color: #fff;font-weight: 600;font-size: 14px;height: 36px;background: #5776E1;width: 90px;}
.btn.popup-close{bottom: 24px;right: 24px;position: absolute;;width: 100px;height: 38px;background: #fff;;color: var(--font-normal-color);font-weight: 600;font-size: 16px;border: 1px solid var(--border-color-type02);}

.btn.tag-del{width:12px;height: 12px;background: url(../images/common/ico-tag_del.png)no-repeat center;}
.media-popup{padding: 24px;position: absolute;top: 10%;width: 872px;background: #fff;border: 1px solid var(--border-color-type02);z-index: 2;}
.media-popup>img{width: 100%;height: 100%;}
.media-popup>div{margin-bottom: 24px;position: relative;}
.media-popup>div>.btn.plus{right: 0;position: absolute;height: 38px;width: 38px;background: #1E2288 url(../images/common/ico-add.png)no-repeat center;}
.media-popup>div>input{width: 100%;height: 38px;border: 1px solid #DEDEDE;padding: 0px 40px 0 8px;font-size: 16px;font-weight: 400;}
.media-popup>div.tag-box{flex-wrap: wrap;gap: 8px;padding: 16px;display: flex;background-color: #F5F7FB;border: 1px solid var(--border-color-type01);}
.media-popup>div.tag-box>div{align-items: center;display: flex;border: 1px solid var(--border-color-type02);font-weight: 600;font-size: 14px;color:var(--font-normal-color);background-color: #fff;padding:8px 12px;}
.media-popup>div.tag-box>div>button{margin-left: 16px;}
.media-popup .btn-area{text-align: right;margin-bottom: 0;}
.media-popup .btn-area>.btn{margin-left: 16px;}


.tab-menu,.search-menu{padding-bottom: 16px ;padding-top: 8px;width: 100%;}
.search-menu{border-bottom: 1px solid var(--border-color-type02);}
.middle-content>.tab-menu.type-margin-top,.middle-content>.search-menu.type-margin-top{margin-top: 80px;}
.tab-menu.top{box-shadow: 0px 3px 6px rgba(0 0 0 / .16);}
.tab-menu ul>li,.search-menu ul>li{position: relative;}
.tab-menu ul>li.on>a,.search-menu ul>li.on>a{color: var(--font-tab-select-color);font-weight: 600;text-decoration: underline;}
.tab-menu ul>li.on>a::after,.search-menu ul>li.on>a::after{background-color: #C1FDB7;}
.tab-menu ul>li>a,.search-menu ul>li>a{vertical-align: middle;display: inline-block;white-space: nowrap;color: var(--font-tab-color);position: relative;}
.tab-menu ul>li>a::after,.search-menu ul>li>a::after{content: '';position: absolute;display: block;width: 100%;height: 100%;top: 8px;left: 8px;background-color: #EBEBEB;z-index: -1;}
.tab-menu ul>li::after,.search-menu ul>li::after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 20px;background-color:var(--border-color-type02);margin:0 24px;}
.tab-menu ul>li:last-child::after,.search-menu ul>li:last-child::after{content: none;}
.tab-cont>li,.search-cont>li{display: none;width: 100%;}
.search-cont{margin-top: 32px;}
.tab-cont>li.active,.search-cont>li.active{display: block;position: relative;}

.main-all{margin-top: 80px;}
.main-all:first-child{margin-top:40px}
.main-all>.title{display: flex;align-items: flex-start;margin-bottom:24px}
.main-all>.title>h1{font-weight: 600;font-size: 20px;}
.main-all>.title>.btn.more{position: relative;background: transparent;font-weight: 600;font-size: 14px;margin-left: 24px;}
.main-all>.title>.btn.more::after{content: '';position: absolute;display: block;width: 100%;height: 100%;top: 8px;left: 8px;background-color: #C1FDB7;z-index: -1;}

header>.main-header{border-bottom: 1px solid var(--border-color-type01);}
header .wrap{height: 45px;display: flex;justify-content: space-between;align-items: center;position: relative;}
header .wrap>a.main-logo{background: url(../images/common/img-header-logo.png)no-repeat center;width: 290px;height: 32px;}
header .wrap>.header-menu{display: flex;align-items: center;}
header .wrap>.header-menu input.search-bar{font-size: 14px;border:1px solid var(--border-color-type02);height: 30px;width: 250px;vertical-align: middle;text-indent: 8px;}
header .wrap>.header-menu>.menu-detail{display: inline-block;vertical-align: middle;}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li{width: 40px;height: 40px;margin-left: 8px;}
header .wrap .search-all{width: 30px;height: 30px;display: block;background: url(../images/common/ico-header-search.png)no-repeat center;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li:hover{background: #f4f5f6;}

header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.login>a{width: 100%;height: 100%;display: block;background-image: url(../images/common/ico-header-login.png);}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.logout>a{width: 100%;height: 100%;display: block;background-image: url(../images/common/ico-header-logout.png);}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.my-info>a{width: 100%;height: 100%;display: block;background-image: url(../images/common/ico-my_info.png);}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.manager-logout>a{width: 100%;height: 100%;display: block;background-image: url(../images/common/ico-manager-logout.png);}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.system-management.on{box-shadow: 3px 3px 3px rgba(0 0 0 / .16) inset;}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.system-management>a{width: 100%;height: 100%;display: block;background-image: url(../images/common/ico-header-menu-detail.png);}

header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li>a{background-position: center;background-repeat: no-repeat;}
header .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li:first-child{margin-left: 0;}

header .management-menu{display: none;background-color: #fff;box-shadow: 3px 3px 6px rgba(0 0 0 / .16);position: absolute;padding: 32px;top: 45px;right: 20px;flex-direction: column;border: 1px solid var(--border-color-type02);z-index: 1;}
header .management-menu.on{display: flex;}
header .management-menu>li:not(:last-child){margin-bottom: 24px;}
header .management-menu>li:hover{background: #f4f5f6;}
header .management-menu>li>a{display:inline-block;font-weight: 500;color: var(--font-normal-color);position: relative;vertical-align: middle;}
header .management-menu>li>a::before{vertical-align: middle;width: 32px;height: 32px;content: '';display: inline-block;background-repeat: no-repeat;background-position: center;margin-right: 16px;}
header .management-menu>li:nth-child(1)>a::before{background-image: url(../images/common/ico-search-menu.png);}
header .management-menu>li:nth-child(2)>a::before{background-image: url(../images/common/ico-search-category-menu.png);}
header .management-menu>li:nth-child(3)>a::before{background-image: url(../images/common/ico-interactive-search.svg)}
header .management-menu>li:nth-child(4)>a::before{background-image: url(../images/common/ico-biomimicry-example.svg)}
header .management-menu>li:nth-child(5)>a::before{background-image: url(../images/common/ico-skill.png);}
header .management-menu>li:nth-child(6)>a::before{background-image: url(../images/common/ico-management-menu.png);}

header .main-header.manager .main-logo{position: relative;}
header .main-header.manager .main-logo::after{position: absolute;right: -64px;top: 50%;transform: translateY(-50%);content: '관리자';display: inline-block;padding: 3px 12px;border-radius: 5px;background-color: #878787;font-size: 12px;color: #fff;}







.top-content.category>.more_view.hide{height: 15px;}
.top-content.category .more_btn>button>span{bottom: 0;left: 50%;transform: translateX(-50%);}

.top-content.category>.sub-header{border-top: 1px solid var(--border-color-type01);border-bottom: 1px solid var(--border-color-type01);margin-bottom: 32px;}
.top-content.category>.sub-header+ul li{margin-bottom:18px; font-size: 14px}
.top-content.category>.sub-header+ul li{float: none;}
.top-content.category>.sub-header+ul li>a:hover{font-weight: 600;color: var(--btn-color-blue);}
.top-content.category>.sub-header+ul li ul{display: none;}
.top-content.category>.sub-header+ul a{word-break: break-word;vertical-align: middle;font-weight:500;font-size: 16px;color: var(--font-normal-color);}
.top-content.category>.sub-header+ul>li>a{font-weight: 600;color: #000;}
.top-content.category>.sub-header+ul a.has-children::before{position: relative;top: -1px;border: 1px solid var(--font-normal-light-color);content: '';display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: url(../images/common/ico-plus.png)no-repeat center;margin-right: 8px;}
.top-content.category>.sub-header+ul li>a:not(.open,.anchor):hover::before{background: url(../images/common/ico-plus_focus_blue.png)no-repeat center;border: 1px solid var(--btn-color-blue);}
.top-content.category>.sub-header+ul a.has-children.open::before{border: 1px solid #000;background: url(../images/common/ico-close.png)no-repeat center;}
.top-content.category>.sub-header+ul a.has-children.open:hover::before{border: 1px solid var(--btn-color-blue);background: url(../images/common/ico-close_blue.png)no-repeat center;}
.top-content.category>.sub-header+ul a+button{position: relative;;display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: url(../images/common/ico-link.png)no-repeat center;margin-left: 4px;}
.top-content.category>.sub-header+ul a+button>span{left: 23px;top: 1px;width: 55px;display: none;position: absolute;right: 0;font-weight: 500;font-size: 12px;}
.top-content.category>.sub-header+ul a+button:hover{background: url(../images/common/ico-link-hover.png)no-repeat center;}
.top-content.category>.sub-header+ul button>span,.top-content.category>.sub-header+ul button:hover>span{display: block;}
.top-content.category>.sub-header+ul a~ul{padding:24px 0 0 32px;margin-bottom: 32px;position: relative;}
.top-content.category>.sub-header+ul a~ul::before{position: absolute;left: 11px;height: 100%;top: 0;border-left: 1px solid #ccc;content: '';display: block;}
.top-content.category>.sub-header+ul a.anchor::before{flex-shrink: 0;background-image: url(../images/common/ico-document.png);border: 0;}
.top-content.category>.sub-header+ul a.anchor:hover::before{flex-shrink: 0;background-image: url(../images/common/ico-document_hover.png);border: 0;}




.main-header{background-repeat: no-repeat;background-position: right top 16px;}
.main-header.thesis{background-image: url(../images/common/img-thesis_bg.png);}
.main-header.word{background-image: url(../images/common/img-word_bg.png);}
.main-header.board{background-image: url(../images/common/img-board_bg.png);}
.main-header.category{background-image: url(../images/common/img-category_bg.png);}
.main-header>ul.nav{display: flex;padding-top: 80px;}
.main-header>ul.nav>li{position: relative;}
.main-header>ul.nav>li>a{font-size: 14px;color: var(--font-normal-light-color); cursor: default;}
.main-header>ul.nav>li:last-child>a{color: var(--font-normal-color);font-weight: 600;}
.main-header>ul.nav>li::after{content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;vertical-align: middle;margin: 0 16px;background-color: #C5C5C5;}
.main-header>ul.nav>li:last-child::after{content: none;}

.main-header-title{margin-top: 16px;border-bottom: 1px solid var(--border-color-type02);padding-bottom: 8px;}
.main-header-title>h1{font-size: 40px;font-weight: 600;}

div[class^='main-header-message']>p{color: var(--font-ex-text-color);font-size: 14px;margin-top: 8px;font-weight: 500;}
div[class^='main-header-message-type01']>p{color: var(--font-normal-color-color);}


.top-content{position: relative;margin-top: 80px;border-bottom: 1px solid var(--border-color-type01);padding-bottom: 16px;}
.top-content>.btn_area{margin-top: 24px;text-align: right;}
/* .top-content>.flex-box+.btn_area.img{margin-top: -35px;} */
.top-content .btn_area>button{min-width: 90px;padding:6px 8px;font-size: 14px;margin-left: 16px;}
    div.subject-title{padding-right: 200px;position: relative;width: 100%;}
    div.subject-title>.subject{display: block;text-align: left;margin-bottom: 4px;font-size: 16px;}
    div.subject-title>.text{font-weight: 600;font-size: 16px;}
    div.subject-title>.btn_area{position: absolute;right: 0;top: 0;}

.middle-content>h1.title{font-size: 24px;font-weight: 600;margin-top: 80px;}
.middle-content>h1.title>span{color: #00ab34;}
.middle-content>h1.title+.tab-menu{margin-top: 16px;}
.middle-content>.tab-menu{margin-top: 40px;padding-bottom: 16px;border-bottom: 1px solid var(--border-color-type01);margin-bottom: 40px;}
.middle-content .list>li{padding-bottom: 24px;width: 100%;position: relative;}
.middle-content .list.list-border>li{border-bottom: 1px dashed var(--border-color-type02);}
.middle-content .list>li:not(:first-child){margin-top: 24px;}
.middle-content .list>li>.sub-detail{margin-top: 16px;font-size: 14px;line-height: 22px;}
.middle-content .list>li>.sub-detail>span{display: flex;flex-direction: column}
.middle-content .list>li>.sub-detail>span>span{position: relative;vertical-align: middle;margin-top: 8px;}
.middle-content .list>li>.sub-detail>span>span::before{content: '●';display: inline-block;margin-right: 8px;}
.middle-content .list .btn_area{position: absolute;top: 0;right: 0;}
.middle-content .list .btn_area>button{height: 30px;padding: 0 10px;display: block;margin-bottom: 8px;width: 74px;}
.middle-content .list a.title{display: block;width: calc(100% - 150px);font-weight: 600;color: var(--font-anchor-color);margin-bottom: 16px;}
.middle-content .list .flex-box>.img-box{width: 150px;height: 150px;flex-shrink: 0;}


.slick-slide{margin:0 4px; position: relative;}
.slick-slide::after{content: '';clear: both;display: block;}
.slide-img::after{content: '';clear: both;display: block;}
.slick-dots::after{content: '';clear: both;display: block;}
.slick-prev{background-image: url(../images/common/ico-slide-arrow-left.png);left: -12px;}
.slick-next{background-image: url(../images/common/ico-slide-arrow-right.png);right: -12px;}
.slick-arrow{width: 24px;height: 95px;z-index: 1;position: absolute;background-repeat:no-repeat;background-position: center;background-color: #fff;box-shadow: 0px 3px 3px rgba(0 0 0 / .16);border: 0;cursor: pointer;top: 50%;transform: translateY(-50%);font-size: 0;}
.media-box{margin-bottom: 80px;}
.slide-img{height: 300px;margin:16px 0;}
.multiple-items a{display: block;text-align: center;}
.multiple-items a img{display: inline-block;width: 100%;}
.multiple-items .title{padding:16px;border: 1px solid var(--border-color-type02);font-weight: 600;color: var(--font-normal-color);text-align: left;display: block;}
.slick-dots{text-align: center;}
.slick-dots li{display: inline-block;margin-right: 16px;float: none;}
.slick-dots>li.slick-active>button{background-color: #626E53;}
.slick-dots>li:last-child{margin-right: 0;}
.slick-dots>li>button{width: 14px;height: 14px;background-color: #E5E5E5;border: 0;font-size: 0;cursor: pointer;border-radius: 50%;}



.eol_list{margin-top: 16px;font-size: 14px;}
.eol_list>.top{font-weight: 600;}
.eol_list>ul{border-left: 2px solid #ccc;display: flex;flex-direction: column;}
.eol_list>ul li{margin-left: 16px;position: relative;display: block;}
.eol_list>ul span{background-color: #fff;display: block;padding-left: 8px;}
.eol_list>ul span::before{content: '';left: -16px;display: block;right: 0;border: 1px solid #ccc;top: 9px;position: absolute;z-index: -1;}
/* .eol_list>ul span::after{content: '';display: block;position: absolute;border: 1px solid #ccc;top: 9px;} */
.eol_list>ul>li:nth-child(2){padding-left: 24px;}
.rangebox{width:500px;margin-left: 128px;align-items: center;}
#double-range-slider{width: 200px;margin-right: 20px;margin-left: 20px;}
.rangebox>input{width: 90px;border: 1px solid #DEDEDE;padding: 0px 8px;font-size: 16px;font-weight: 600;}
.noUi-handle:after, .noUi-handle:before{content: none;}
.noUi-horizontal .noUi-handle{width: 28px;border-radius: 50%;}
.noUi-connect{background: #5f9769;}
.map{width: 100%;height: 550px;background-color: #f4f5f6;}
/* 테이블 */
table{border-collapse: collapse;width: 100%;border-bottom: 1px solid var(--border-color-type01);margin-top: 16px;}
tr.isBtn{height:53px;}
table>thead>tr>th{border-right: 1px solid var(--border-color-type01);color: var(--font-normal-light-color);font-weight: 600;font-size: 14px;background: #F9F9F9;border-top: 1px solid var(--border-color-type01);border-bottom: 1px solid var(--border-color-type01);text-align: center;padding: 8px 0;}
table>thead>tr>th.txt-l{text-align: left;padding-left: 16px;}
table>thead>tr>th:last-child{border-right: 0;}
table>tbody>tr>td{padding: 8px 16px;font-size: 14px;border-right: 1px solid var(--border-color-type01);}
table>tbody>tr>td:last-child{border-right: 0;}
table>tbody>tr>td.strong{font-weight: 600;}
table.type01 .column-1{width: 100px;}
table.type02 .column-1{width: 100px;}

table.type02{border-top: 1px solid var(--border-color-type01);}

table.type02>tbody>tr>th{font-weight: 600;color: var(--font-normal-color);padding-left: 16px;}
table.type02.odd>tbody>tr:nth-child(odd)>th{background:#F9F9F9;}


/* 더보기가 있는 리스트 */
ul.list.hide_active>li .subject-cont>.text{padding-right: 50px;}
ul.list.hide_active>li>.flex-box>.img-box+div{width: calc(100% - 182px);}
.middle-content .type_short>li{margin-top: 16px;}
.type_short>li .subject{width: 50px;}
.type_short>li .short_type .subject{width: 80px;}
.type_short>li .text{width: 310px;display: inline-block;}
.type_short>li .subject-cont .text{width: calc(100% - 110px);}
.type_short>li p{margin-top: 8px;font-size: 14px;}
/* 더보기 기능(문장) */
.subject-cont.hide>.text{height: 31px;overflow: hidden;padding-right: 50px;text-overflow: ellipsis;white-space: nowrap;}
.subject-cont.hide>.text:not(p){width: calc(100% - 150px);}
.subject-cont>.more{position: absolute;bottom: 24px;right: 0;color: var(--font-anchor-color);background-color: transparent;}
.subject-cont>.more::after{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url(../images/common/ico-more_view_close.png)no-repeat center;margin-left: 4px;}
.subject-cont.hide>.more::after{background: url(../images/common/ico-more_view.png)no-repeat center;}

/* 더보기 기능(페이지) */
.more_view{height: auto;}
.more_view.hide{height: 405px;overflow: hidden;}
.more_view.hide.type01{height: 50px;}
.more_btn{width: 100%;position: relative;top: 0px;}
.more_btn.more{top:-20px;}
.more_btn>button{width: 100%;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);font-size: 20px;color: var(--font-anchor-color);font-weight: 600;height: 40px;}
.more_btn>button>span{position: absolute;bottom: -10px;}
.more_btn>button>span::after{content: '';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico-more_view_close.png)no-repeat center;}
.more_btn.more>button>span::after{background: url(../images/common/ico-more_view.png)no-repeat center;}



/* 페이지네이션 */
.page{text-align: center;width: 100%;}
.pagination {display: flex;justify-content: center;margin-top: 16px;}
.pagination a {font-size: 14px;margin: 0 4px;padding: 5px 12px;border: 1px solid #fff;text-decoration: none;color: #333;background-position: center;background-repeat: no-repeat;}
.pagination a:hover {background-color: rgba(101,121,241,.25);}
.pagination .active {color: #5778DD;border: 1px solid #5778DD;font-weight: 600;}
.pagination a.move-next{background-image: url(../images/common/ico-btn-next.png);}
.pagination a.move-prev{background-image: url(../images/common/ico-btn-prev.png);}
.pagination a.move-prev-10{background-image: url(../images/common/ico-btn-prev-page.png);}
.pagination a.move-next-10{background-image: url(../images/common/ico-btn-next-page.png);}



.diagram{width: 100%;height: 600px;background: #000;}
.diagram+.middle-content{margin-top:80px}

















footer{background-color: #515151;margin-top: 80px;}
footer{font-size: 14px;padding: 32px 0;}
footer>.wrap{display: flex;justify-content: space-between;}
footer>.wrap>div.footer-addres_area>.address-text>p{color: #E1E1E1;}
footer>.wrap>div.footer-addres_area>.address-text>p>span{margin-right: 24px;}
footer>.wrap>div.footer-addres_area>.address-text>p:nth-child(1){margin-bottom: 16px;}
footer>.wrap>div.footer-addres_area>.copy{margin-top: 40px;color: var(--font-footer-color);}

footer>.wrap>.footer-link_area>ul{display: flex;flex-direction: column;text-align: right;}
footer>.wrap>.footer-link_area>ul>li{margin-bottom: 32px;}
footer>.wrap>.footer-link_area>ul>li:first-child>a{color: #E6EE58;}
footer>.wrap>.footer-link_area>ul>li:last-child{margin-bottom: 0px;}
footer>.wrap>.footer-link_area>ul>li>a{color: var(--font-footer-color);font-weight: 400;}



/* 2023-05-03 추가 */
.board-function-condition.flex-box{justify-content: space-between;align-items: center;}
.board-function-condition.flex-box.only{justify-content: end;}
.board-function-condition span{font-weight: 600;vertical-align: middle;}
.board-function-condition select{width: 140px;margin-left: 8px;vertical-align: middle;}
.board-function-condition select.type-100{width: 100px;margin-left: 8px;}
.board-function-condition input[type='text'].search{margin-left: 8px;text-indent: 8px;width: 250px;vertical-align: middle;height: 38px;border: 1px solid var(--border-color-type02);margin-right: -38px;padding-right: 38px;}
.search.btn.type-small{padding: 0;width: 38px;background-position: center;vertical-align: middle;margin: 0;}

.error-list-table>table tbody{text-align: center;}
.error-list-table>table tbody>tr{border-bottom: 1px solid var(--border-color-type02);}
.error-list-table>table tbody>tr:hover{background-color: #f4f5f6;}
.error-list-table>table td,.error-list-table>table th{border-right: 0;}
span.board-type{text-align: center;border: 1px solid var(--border-color-type02);padding:4px;color: #A5A5A5;font-size: 12px;background-color: #fff;display: inline-block;width: 80px;}
.error-list-table>table td a{color:var(--font-normal-color)}
.error-list-table>table td a.lock::before{content: '';display: inline-block;width: 18px;height: 18px;background: url(../images/common/ico-lock.png)no-repeat center;vertical-align: middle;margin-right: 8px;}
.error-list-table>table .colgroup-3{text-align: left;padding-left: 8px;}
.error-list-table>table .colgroup-3>a{width: 300px;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}

/* .error-list-table>table .colgroup-7{width: 120px;} */
.type-mt32{margin-top: 32px;}

.bottom-function{position: relative;min-height: 38px;margin-top: 16px;}
/* .bottom-function>.page{width: unset;} */
.bottom-function>.btn-area,.bottom-function>.btn.left{position: absolute;top: 50%;transform: translateY(-50%);}
.bottom-function>.btn-area{right: 0;}
.bottom-function>.btn.left{left: 0;height: 36px;width: 90px;font-size: 14px;}
.bottom-function>.btn-area>button{height: 36px;width: 90px;vertical-align: middle;margin-left: 16px;}
/* .bottom-function>.btn-area>button:nth-child(1){position: absolute;left: 0;} */
.green:not(.btn){color: var(--font-color-green);font-weight: 500;}
.gray:not(.btn){color:#A5A5A5;font-weight: 500;}
.blue:not(.btn){color: var(--font-color-blue);font-weight: 500;}
.red:not(.btn){color: var(--btn-color-red);font-weight: 500;}
.btn.green{background: var(--btn-color-green);color: #fff;font-size: 14px;}
.btn.submit{background: var(--btn-color-submit);color: #fff;font-weight: 600;font-size: 14px;}
.btn.delete{border:1px solid var(--btn-color-red);color: var(--btn-color-red);background: #fff;font-weight: 600;font-size: 14px;}
.btn.blue{background: var(--btn-color-blue);color: #fff;font-weight: 600;}
.middle-content.board{padding-top: 80px;}
.board-top{padding-bottom: 24px;}
.board-detail-title{margin-left: 8px;font-size: 24px;vertical-align: middle;font-weight: 500;word-wrap: break-word;}
.board-detail-title.lock::before{content: '';display: inline-block;width: 18px;height: 18px;background: url(../images/common/ico-lock.png)no-repeat center;margin-right: 8px;}
.board-detail-title ~ .condition{padding: 4px;margin-left: 24px;border: 1px solid var(--border-color-type02);display: inline-block;}
.condition.blue{border: 1px solid var(--btn-color-blue);}
.condition.gray{color: var(--btn-color-gray);}
.condition.green{border: 1px solid var(--btn-color-green);}
.board-cont{padding: 24px 24px 24px 38px}

.board-info{padding: 8px 0;border-bottom: 1px dashed var(--border-color-type01);}
.board-info>.user{font-size: 14px;font-weight: 600;color: var(--font-normal-color);}
.board-info>.user::before{width: 30px;height: 30px;content: '';display: inline-block;vertical-align: middle;margin-right: 8px;background:#F4F5F6 url(../images/common/ico-user.png)no-repeat center;}
.date{margin-left: 8px;font-size: 14px;color: var(--font-tab-color);}

.board-cont{border-bottom: 1px dashed var(--border-color-type02);}
.board-file{display: flex;}
.board-file>div.title{font-weight: 600;font-size: 14px;color: var(--font-normal-color);margin-right: 16px;padding: 8px 0;}
.board-file>div.file{flex: 1;}
.board-file>div.file>a{display: block;padding: 8px 24px;font-size: 14px;background: #F5F7FB url(../images/common/ico-download.png)no-repeat center right 16px;width: 100%;color: #5E72F1;}
.board-file>div.file>a:not(:last-child){margin-bottom: 8px;}
.board-cont-text{min-height: 250px;}


.comment-box>.comment{background: #F3F3F3;padding: 24px 24px 24px 38px;margin-top: 40px;}
.comment-cont-info{border-bottom: 1px dashed #ccc;padding-bottom: 8px;}
.comment-cont-info .user{font-size: 18px;font-weight: 600;color: var(--font-normal-color);}
.comment-cont{margin-top: 32px;}
.comment-box .board-file{background: #fff;margin-top:16px;padding-left: 38px;padding-bottom:16px;border-bottom: 1px dashed var(--border-color-type02);}

.comment-box.registration{margin-top: 80px;}
.comment-box.registration p.title{font-weight: 600;padding-bottom: 16px;font-size: 24px;border-bottom: 1px solid var(--border-color-type02);color: var(--font-normal-color);}
.comment-box.registration>.comment{background: #fff;padding: 0;}
.middle-content.board ul.registration>li.progress{align-items: center;font-weight: 600;}
.middle-content.board ul.registration>li.progress label{margin-right: 16px;}









.middle-content.board ul.registration{display: flex;flex-direction: column;margin-bottom: 40px;}
.middle-content.board ul.registration>li:not(:last-child){margin-bottom: 16px;}
.middle-content.board ul.registration>li{display: flex;align-items: flex-start;}
.middle-content.board ul.registration>li>.title{line-height: 30px;flex-shrink: 0;position: relative;;font-size: 16px;font-weight: 600;display: inline-block;vertical-align: middle;width: 110px;text-align: right;padding-right: 16px;margin-right: 16px;}
.middle-content.board ul.registration>li>.title>label{margin:0}
.middle-content.board ul.registration>li>.title.must::after{content: '*';display: block;color: var(--btn-color-red);font-size: 16px;position: absolute;right: 5px;top: 0px;}
.middle-content.board ul.registration>li>select,.middle-content.board>ul>li>input[type='text']{height: 36px;font-size: 16px;font-weight: 500;}
.middle-content.board ul.registration>li>input[type='text']{flex: 1;border: 1px solid var(--border-color-type02);text-indent: 8px;}

.middle-content.board ul.registration>li>div.file{flex: 1;}
.middle-content.board ul.registration>li>div.file>ul{width: 100%;display: flex;}
.middle-content.board ul.registration>li>div.file>ul>li{font-size: 14px;color: var(--font-tab-select-color);padding:4px 16px;background: #F8F8F8;border-top: 1px solid var(--border-color-type02);border-bottom: 1px solid var(--border-color-type02);border-right: 1px solid var(--border-color-type02);}
.middle-content.board ul.registration>li>div.file>ul>li:first-child{border-left: 1px solid var(--border-color-type02);}
.middle-content.board ul.registration>li>div.file tbody td{border-right: 0;}
.middle-content.board ul.registration>li>div.file .column-2,.middle-content.board>ul>li>div.file .column-3{width: 150px;text-align: right;}
.middle-content.board ul.registration>li>div.file .column-1{text-align: left;flex: 1;flex-shrink: 0;}
.middle-content.board ul.registration>li>div.file .list-area{padding: 24px;border-right: 1px solid var(--border-color-type02);border-left: 1px solid var(--border-color-type02);}
.middle-content.board ul.registration>li>div.file .file-none{position: relative;font-size: 14px;}
.middle-content.board ul.registration>li>div.file .file-none::before{margin-right: 16px;vertical-align: middle;content: '';display: inline-block;width: 30px;height: 30px;background: url(../images/common/ico-file-upload.png)no-repeat center;}
.middle-content.board ul.registration>li>div.file p.notice{margin-top: 16px;font-size: 14px;}
#file-upload + label{color: var(--btn-color-file);}
.upload{font-size: 14px;background-color: transparent;}
.middle-content.board>ul>li>input[type='text'].e-mail{width:250px;flex: 0;margin-right: 16px;}
.middle-content.board>ul>li>input[type='checkbox'] + label{font-size: 14px;vertical-align: middle;line-height: 30px;font-weight: 600;}





table.news-table>tbody>tr>td{padding: 12px 16px;}




/* 관리자 페이지  */


.manager-header{margin-top: 120px;margin-bottom: 80px;}
.manager-header + .middle-content{position: relative;}
.manager-header + .middle-content .function_box.search-function{margin-top: -48px;justify-content: space-between;}
.manager-header + .middle-content .sub-title + .function_box.search-function{margin-top: 16px;justify-content: space-between;}
.manager-header + .middle-content .sub-title + .function_box.search-function + .btn-area{top: unset;}
.manager-header + .middle-content .function_box.search-function>div{display: flex;align-items: center;}
.manager-header + .middle-content .function_box.search-function>div>.calendar{margin-left: 16px;}
.manager-header + .middle-content .function_box.search-function.flex-1{gap: 40px;}
.manager-header + .middle-content .function_box.search-function.flex-1>div:not(:last-child){flex: 1;}
.manager-header + .middle-content .function_box.search-function.flex-1>div>select{flex: 1;}
.manager-header + .middle-content .function_box.search-function + .btn-area{display: flex;justify-content: end;margin-top: -24px;}
.manager-header + .middle-content .function_box.search-function + .btn-area>.management{margin-right: 16px;}
.manager-header + .middle-content .function_box.search-function>div>.title{flex-shrink: 0;}
.manager-header + .middle-content .function_box.search-function>div>select{width: unset;}
.manager-header>h1{padding-bottom: 8px;border-bottom: 1px solid var(--border-color-type02);}
.manager-header>p{margin-top: 8px;font-weight: 500;}

.manager-page-tab{padding: 26px 0;box-shadow: 0px 3px 6px rgba(0 0 0 / .16);}
.manager-page-tab>.wrap{position: relative;}
.manager-page-tab ul>li:not(:last-child)::after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 20px;background-color: var(--border-color-type02);margin: 0 24px;}
.manager-page-tab ul>li a{vertical-align: middle;display: inline-block;white-space: nowrap;color: var(--font-tab-color);position: relative;}
.manager-page-tab ul>li a::after{content: '';position: absolute;display: block;width: 100%;height: 100%;top: 8px;left: 8px;background-color: #EBEBEB;z-index: -1;}

.manager-page-tab>ul li.on>a{color: var(--font-tab-select-color);font-weight: 600;text-decoration: underline;position: relative;}
.manager-page-tab>ul>li>a + ul{display: none;}
.manager-page-tab>ul>li.on>a + ul{display: block;}
.manager-page-tab>ul ul li.on>a{text-decoration: unset;}
.manager-page-tab>ul li.on>a::after{background-color: #C1FDB7;}
.manager-page-tab>ul ul li.on>a::after{background-color: #D8DDFC;}
.manager-page-tab>ul>li>a + ul{position: absolute;margin-top: 48px;left: 0;width: 1200px;}

table.border td{border-bottom: 1px solid var(--border-color-type02);}
tr.tortal>th{background-color: #EEEEEE;color: var(--font-normal-color);}
.calendar-box{position: relative;display: inline-block;}
.calendar-box input{height: 100%;width: 125px;vertical-align: middle;height: 38px;border: 1px solid var(--border-color-type02);text-indent: 8px;}
.function_box.search-function .calendar-box input{width: 140px;}
label.calendar{margin: 0;font-size: 0;position: absolute;right: 8px;background: url(../images/common/ico-calender.png)no-repeat center;width: 22px;height: 22px;top: 50%;transform: translateY(-50%);}
.ui-datepicker .ui-datepicker-title select{font-size: 14px;height: 22px;}
div.calendar.flex-box{gap: 8px;align-items: center;}

table.treetable td{border-bottom: 1px solid var(--border-color-type02);border-right: 0;height: 54px;}
table.treetable td.title a{width: 500px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
col.col-width{width: 150px;}
/* table.treetable .expanded td:nth-child(1),table.treetable .collapsed td:nth-child(1){border-bottom: 0;} */
/* table.treetable .expanded td:nth-child(1){border-right: 1px solid var(--border-color-type02);} */
/* table.treetable .expanded td:nth-child(1)::before{content: '';display: block;position: absolute;left: 0;width: 1px;height: 100%;background: var(--border-color-type02);top: 0;} */
/* table.treetable tr.branch:not(:first-child)>td{border-top: 1px solid var(--border-color-type02);} */
table.treetable tr:hover{background: #f4f5f6;}
table.treetable tr.collapsed span.indenter a{background:#ccc url(../images/common/ico-table-function_open.png)no-repeat center /auto 12px;font-size:0px; padding:10px;}
table.treetable tr.expanded span.indenter a{background:#999 url(../images/common/ico-table-function.png)no-repeat center /12px auto;font-size:0px; padding:10px;}
table.tree-table tr a.detail-view{text-decoration: underline;color: var(--btn-color-blue);}
table.tree-table .btn.btn-primary{font-size: 0;background: #1E2288 url(../images/common/ico-add-element.png)no-repeat center;width: 30px;height: 30px;text-align: center;}



.main-category{width: 700px;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.border-box-dashed{border-bottom: 1px dashed var(--font-tab-color);margin: 16px 0;}
.popup-cont input[type="text"]{vertical-align: middle;border: 1px solid var(--border-color-type01);height: 38px;padding: 0 8px;font-size: 16px;flex: 1;}
.popup-cont .flex-box{align-items: center;}
.flex-box.board-function-condition>.numbering{border: 0;margin: 0;padding: 0;}

.result-management .colgroup-1{width: 80px;text-align: center;}
.result-management tr:hover{background: #f4f5f6;}
.result-management .colgroup-2{text-align: center;}
.result-management .colgroup-2>.board-type{font-weight: 500;color: var(--font-title-color);min-width: 90px;}
.result-management .colgroup-3{text-align: left;}
.result-management .colgroup-3>a{color: var(--font-normal-color);width:670px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.result-management .colgroup-4{width: 90px;text-align: center;color: var(--font-normal-light-color);}
.result-management .colgroup-4 span.blue{font-weight: 600;}
.result-management .colgroup-5{width: 150px;text-align: center;}
.result-management .colgroup-6{width: 130px;}

table.board td,table.board th{padding:8px 16px;}
table.board td,table.board th{border-right: 0;border-bottom: 1px solid var(--border-color-type01);}
table.board td{border-right: 0;}

.list-table th{background: #F9F9F9;color: var(--font-function-title-color);text-align: left;padding: 8px 16px;font-weight: 400;width: 160px;font-size: 14px;}
.list-table>tbody>tr{border-top: 1px solid var(--border-color-type01);}
.list-table p:first-child{padding-top: 12px;}
.list-table p{margin: 4px 0;}
.list-table p:last-child{padding-bottom: 12px;}
.list-table td{color: var(--font-num-color);}
.list-table td>.btn{margin-left: 16px;}
table.ranking{text-align: center;}
table.ranking tr:hover{background: #f4f5f6;}
table.ranking td>a{color: var(--font-normal-color);width: 930px;display: block;overflow: hidden;text-overflow: ellipsis;}
/* table.ranking.list td.col-2{} */
table.ranking.list td.col-1{width: 80px;}
table.ranking.list td input{width: 65px;height: 32px;border: 1px solid var(--border-color-type02);text-align: right;padding: 0 8px;}
table.ranking.list td.col-2>span{display: block;overflow: hidden;text-overflow: ellipsis;width: 430px;}
table.ranking td:nth-child(1){width: 100px;}
table.ranking td:nth-child(2),table.ranking th:nth-child(2){text-align: left;}
table.ranking td:nth-child(3){width: 100px;}
/* table.ranking.list td.col-3{text-align: right;width: 85px;}
table.ranking.list td.col-4{text-align: right;width: 140px;}
table.ranking.list td.col-5{text-align: right;width: 125px;}
table.ranking.list td.col-6{text-align: right;width: 85px;} */
table td .btn:not(:first-child){margin-left: 8px;}
table td .btn{padding: 7px 10px;}
table td .btn.gray{background-color: var(--btn-color-gray);color: #fff;}
table .btn.unable{opacity: 0.3;pointer-events: none;}
table.agency-list .col-1{width: 150px;text-align: center;}
table.agency-list .col-2{width: 200px;text-align: center;}
table.agency-list .col-3{text-align: left;}
.numbering.type-none{padding: 0;margin: 0;border: 0;}

.popup-window .title.must::after{content: '*';display: block;color: var(--btn-color-red);font-size: 16px;position: absolute;right: -10px;top: 0px;}

.search-word{color: var(--font-tab-color);margin-bottom: 16px;}
.search-word>span{font-weight: 600;color: var(--font-normal-color);}


table.data-list tr:hover{background: #f4f5f6;}
table.data-list .col-1{width: 80px;}
table.data-list .col-2{text-align: left;}
table.data-list .col-2>a{display: block;width: 750px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

table td.hide{position: relative;}
table td>.more{bottom: 0;position: absolute;right: 0;color: var(--font-anchor-color);background-color: transparent;}
table td.hide>.more::after{background: url(../images/common/ico-more_view.png)no-repeat center;}
table td .more::after{content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url(../images/common/ico-more_view_close.png)no-repeat center;margin-left: 4px;}
table td.hide>.text{width: 800px;height: unset;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;padding-right: 0;}
table td>.text{padding-right: 50px;}
table.hide-cont td{position: relative;}
.hide-cont td:nth-child(1){width: 100px;text-align: center;}
.hide-cont td:nth-child(2){width: 200px;}
/* .hide-cont td:nth-child(1){width: 80px;} */
.manager-header + .middle-content>div.box:not(:first-child){margin-top: 48px;}
table select,table input[type="text"]{height: 30px;font-size: 14px;}
.management-condition{display: flex;align-items: baseline;border-bottom:1px dashed var(--border-color-type01);padding-bottom: 16px;}
.management-condition>table{flex: 1;border-bottom: 0;}
table.data-condition thead th{background-color: #fff;border: 0;}
/* table.data-condition tbody th{width: 150px;} */
table.data-condition tbody td{border:0}
table.data-condition tbody select{width: 100px;}
.txt-r{text-align: right;}
.table-box{overflow-x: scroll;width: 100%;}
.table-box>table{white-space: nowrap;}
.table-box>table p{display: block;width: 350px;overflow: hidden;text-overflow: ellipsis;}
.table-box>table select{width: unset;}
.table-box>table>thead>tr>th{padding: 8px 16px;}

.tab-menu.slide>div{position: relative;padding: 0 24px;}
.tab-menu.slide>div{text-align: center;}
/* .tab-menu.slide>div.on a */
.tab-menu.slide>div a{vertical-align: middle;display: inline-block;white-space: nowrap;color: var(--font-tab-color);position: relative;}
.tab-menu.slide>div a::after{content: '';position: absolute;display: block;width: 100%;height: 100%;top: 8px;left: 8px;background-color: #EBEBEB;z-index: -1;}
.tab-menu.slide>div a::before{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 20px;background-color: var(--border-color-type02);position: absolute;right: -48px;top: 50%;transform: translateY(-50%);}
.tab-menu.slide div.on a{position: relative;color: var(--font-tab-select-color);font-weight: 600;text-decoration: underline;}
.tab-menu.slide div.on a::after{background-color: #C1FDB7;}
.tab-menu.slide ul>li::after{content: none;}
.tab-menu.slide .slick-arrow{height: 24px;box-shadow: none;top: 10px;transform: none;}
.tab-menu.slide .slick-dots{margin-top: 24px;}
.tab-menu.slide .slick-dots>li>button{width: 8px;height: 8px;}

.tab-box.slide{position: relative;}
.tab-box.slide>ul.slide{position: absolute;}
.tab-box.slide>ul.slide>li{width: 25%;}

.table-list{margin-bottom: 40px;}
.table-list .list-table .col-1,.table-list .list-table .col-3{width: 150px;}
.table-list .list-table .col-2,.table-list .list-table .col-4{width: 450px;}

table.code .col-1{width: 90px;text-align: center;}
table.code .col-2{width:90px;text-align: center;}
table.code .col-2>a{color: var(--btn-color-blue);font-weight: 600;text-decoration: underline;}
table.code .col-3{width: 700px;text-align: left;}
table.code .col-4{width: 170px;text-align: center;}
table.code .col-5{width: 90px;text-align: center;}
.list-table.code select{width: auto;}
.list-table.code input[type="text"]{border: 1px solid var(--border-color-type02);text-indent: 8px;width: 50%;}
.list-table.code textarea{padding: 8px;}
.data-detail .popup-cont .flex-box,.keyword .popup-cont .flex-box{align-items: baseline;}

table.keyword .col-1{text-align: left;}
table.keyword a{color: var(--font-normal-color);width: 700px;display: block;overflow: hidden;text-overflow: ellipsis;}
table.keyword td .btn.error{font-weight: 600;color: var(--btn-color-red);text-decoration: underline;background-color: #fff;}





.search-box{position: relative;margin-right: 16px;}
header .wrap>.header-menu.mobile{display: none;}
.mobile-menu-box{display: none;}

.progress:not(.registration .progress){display: flex;height: 1rem;overflow: hidden;background-color: #e9ecef;border-radius: .25rem;}
.progress-bar{transition: width .6s ease;-webkit-animation: 1s linear infinite progress-bar-stripes;animation: 1s linear infinite progress-bar-stripes;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: 1rem 1rem;background-color: var(--btn-color-blue);;}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.common-modal{width: 650px;/* 임시 가로값입니다.*/ position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 3px 3px 10px rgba(0 0 0 / .16);}
.common-modal .overlay{left: 0;top:0;right: 0;bottom: 0;position: absolute;z-index: 1;background: rgba(0 0 0 / .5);display: none;}
.modal-body{display: flex;flex-direction: column;position: relative;z-index: 2;}
.modal-title{background-color: var(--font-normal-color);padding:16px 24px;color: #fff;font-size: 18px;font-weight: 600;position: relative;}
.modal-cont{min-height: 360px;padding:32px 24px;background-color: #fff;}
.common-modal .btn.close:not(.modal-title .btn.close){width: 100%;background: var(--btn-color-blue);height: unset;padding: 12px;}
.common-modal .modal-title .btn.close{width: 40px;height: 40px;position: absolute;right:13px;top: 50%;transform: translateY(-50%);background: url(../images/common/ico-mordal-close.png)no-repeat center;}
.fade-box{position: fixed;bottom: 30px;width:1280px;left: 50%;transform: translateX(-50%);border-top: 2px solid var(--btn-color-blue);background: #fff;box-shadow: 0px 5px 10px rgba(0 0 0 / .16);}
.fade-box-cont{padding: 32px;font-weight: 600;}

.progress-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 3px 3px 6px rgba(0 0 0 / .16);width: 800px;padding: 20px;background-color: #fff;border-radius:10px;}

.loader-wrap{width: 100%;height: 100%;background:rgba(0 0 0 / .65);display: flex;align-items: center;justify-content: center;}
.loader-wrap>.loader-box{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;}



.loader{
    font-size: 48px;
    color: transparent;
    overflow:hidden;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow:0 0 #FFF, 5em 0 #FFF;
    animation:marquee 2s infinite ease;
  }
  .loader:before {
    content:"Loading...";
  }

  @keyframes marquee {to{text-shadow:-5em 0 #FFF, 0 0 #FFF}}



  .loader-2 {
    display: inline-block;
    width: 160px;
    height: 185px;
    position: relative;
    background: #fff;
    border-radius: 100px 100px 0 0;
  }
  .loader-2:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 125px;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    background-image: radial-gradient(circle, #000 48%, transparent 55%),
      radial-gradient(circle, #000 48%, transparent 55%),
      radial-gradient(circle, #fff 30%, transparent 45%),
      radial-gradient(circle, #000 48%, transparent 51%),
      linear-gradient(#000 20px, transparent 0),
      linear-gradient(#cfecf9 60px, transparent 0),
      radial-gradient(circle, #cfecf9 50%, transparent 51%),
      radial-gradient(circle, #cfecf9 50%, transparent 51%);
    background-repeat: no-repeat;
    background-size: 16px 16px, 16px 16px, 10px 10px, 42px 42px, 12px 3px,
      50px 25px, 70px 70px, 70px 70px;
    background-position: 25px 10px, 55px 10px, 36px 44px, 50% 30px, 50% 85px,
      50% 50px, 50% 22px, 50% 45px;
    animation: faceLift 3s linear infinite alternate;
  }
  .loader-2:before {
    content: "";
    position: absolute;
    width: 140%;
    height: 125px;
    left: -20%;
    top: 0;
    background-image: radial-gradient(circle, #fff 48%, transparent 50%),
      radial-gradient(circle, #fff 48%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 65px 65px;
    background-position: 0px 12px, 145px 12px;
    animation: earLift 3s linear infinite alternate;
  }
  
  @keyframes faceLift {
    0% {
      transform: translateX(-60%);
    }
    100% {
      transform: translateX(-30%);
    }
  }
  @keyframes earLift {
    0% {
      transform: translateX(10px);
    }
    100% {
      transform: translateX(0px);
    }
  }




/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */


.data-detail{width: 1200px;top: 10%;left: 10%;}
.main-category-detail{top: 10%;width: 600px;right: 10%;} 
.main-category-edit{width: 600px;top: 10%;left: 10%;}
div.ranking{width: 700px;top: 50%;right: 50%;}
.popup-window.keyword{width: 500px;top: 10%;left: 10%;}

/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */
/* 임시 팝업 위치와 width 값입니다. 추후 내용 및 화면에 맞게 정의해주세요 */








@keyframes drill-line {
    0%{
        opacity: 0;
        transform: translate(20px,-20px);
    }
    100%{
        opacity: 1;
        transform: translate(0,0);
    }
}


@keyframes drill-ex {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
        transform: translate(0,0);
    }
}
@keyframes drill-ex2 {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
        transform: translate(-50%,0);
    }
}