@charset "utf-8";
@import url(./jquery/jquery-ui.css);

/* custom reset */
a {text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:none;}

a:hover,a:focus,button:hover,button:focus {outline:none;}

body,
input,
button,
select,
optgroup,
textarea {font-family:'Noto Sans KR';}

textarea {resize:none;}

button > span {position:relative;}
button {outline:none; background:none; border:none;}

/* common */
.example-code {position:relative;padding:20px; color:#2a2e30; border:2px solid #e5e5e5}
.example-code + .example-code {margin-top:20px;}
.modify_guide{position:relative;text-align:left;padding:50px 0;margin:0 auto;}
.modify_guide:first-child {padding-top:0;}
.modify_guide .guide_title{font-size:20px;padding:50px 0 15px 0;border-bottom:1px solid #bbb;margin-bottom:15px}
.modify_guide .guide_title:first-child{padding-top:0}
.modify_guide .guide_info{font-size:16px;line-height:24px;margin-top:10px}
.modify_guide .guide_detail{text-align:center;margin-top:10px}

button > span {position:relative;}

body.window-pop {position:absolute; top:0; left:0; width:100%; height:100%; min-width:0;}
body.main-body {background:#fff;}
.preview-code {position:relative;padding:5px 20px; color:#ccc; background:#2d2d2d;}
.preview-code pre {margin:0;}
.preview-code .hljs {padding:0;}
.preview-code + .preview-code {margin-top:20px;}
.preview-code .btn-code-copy {position:absolute;top:0;right:0;font-size:13px;line-height:28px;padding:0 15px;display:block;outline:none;border:none;background:#f6f8f9;}

/* color */
.color-darkblue{color:#123070 !important;}
.color-lightblue{color:#4d68aa !important;}
.color-lightpurple{color:#7375ad !important;}
.color-lightgreen {color:#6daab0 !important;}
.color-lightorange {color:#df8e60 !important;}
.color-skyblue {color:#2088ff !important;}
.color-black {color:#000 !important;}
.color-lightblack {color:rgba(0,0,0,0.7) !important;}
.color-softblack {color:rgba(0,0,0,0.4) !important;}
.color-gray {color:rgba(151,151,151,0.4) !important;}


.active.active-color-darkblue {background-color:#123070 !important;}
.active.active-color-lightblue {background-color:#4d68aa !important;}
.active.active-color-lightpurple {background-color:#7375ad !important;}
.active.active-color-lightgreen {background-color:#6daab0 !important;}
.active.active-color-lightorange {background-color:#df8e60 !important;}
.active.active-color-skyblue {background-color:#2088ff !important;}

.bg-darkblue{color:#123070 !important;}
.bg-lightblue{color:#4d68aa !important;}
.bg-lightpurple{color:#7375ad !important;}
.bg-lightgreen {color:#6daab0 !important;}
.bg-lightorange {color:#df8e60 !important;}
.bg-skyblue {color:#2088ff !important;}
.bg-black {color:#000 !important;}
.bg-lightblack {color:rgba(0,0,0,0.7) !important;}
.bg-gray {color:rgba(151,151,151,0.4) !important;}

.under{text-decoration:underline !important;}
.inner {position:relative;}

.hover-underline {text-decoration:underline;}
.hover-color-darkblue:hover{color:#123070 !important;}
.hover-color-lightblue:hover{color:#4d68aa !important;}
.hover-color-lightpurple:hover{color:#7375ad !important;}
.hover-color-lightgreen:hover {color:#6daab0 !important;}
.hover-color-lightornage:hover {color:#df8e60 !important;}
.hover-color-skyblue:hover {color:#2088ff !important;}
.hover-color-black:hover {color:#000 !important;}
.hover-color-lightblack:hover {color:rgba(0,0,0,0.7) !important;}
.hover-color-gray:hover {color:rgba(151,151,151,0.4) !important;}

/* color guide */
.color-guide{list-style:none;margin:-5px;padding:0;overflow:hidden;}
.color-guide > li {list-style:none;margin:0;padding:5px;width:12.5%;float:left;}
.color-guide .circle {position:relative;max-width:60px;border-radius:50%;margin:0 auto;}
.color-guide .circle span {display:block;position:relative;padding-top:100%;border-radius:50%;margin:0 auto;}
.color-guide .txt {font-size:15px;margin:10px 0 0 0;text-align:center;}
.guide-contents {}
.guide-contents .card + .card {margin-top:50px;}

.font-weight-100 {font-weight:100 !important;}
.font-weight-300 {font-weight:300 !important;}
.font-weight-400 {font-weight:400 !important;}
.font-weight-500 {font-weight:500 !important;}
.font-weight-700 {font-weight:700 !important;}

.text-ellipsis {display:inline-block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.table-fixed {table-layout:fixed;}

/* 공통 */
html.fix {overflow:hidden;}

/* 부트스트랩 */
.container {padding-left:32px; padding-right:32px;}
.container-inner {position:relative;}

.badge-group {display:inline-flex;}
.badge-group-inner {display:inline-flex;margin:-4px -2px; flex-wrap:wrap;}
.badge-group-inner .badge {margin:4px 2px;}

.btn-wrap .btn {margin:0 4px;}
.btn-wrap .btn:first-child {margin-left:0;}
.btn-wrap .btn:last-child {margin-right:0;}

.modal {left:100%; background:rgba(0,0,0,0.1); display:block; opacity:0; transition:left 0s 0.35s ease, opacity 0.35s 0s ease;}
.modal .msg-desc {font-size:14px; line-height:20px; text-align:center;}
.modal.show {opacity:1; left:0; transition:left 0s 0s ease, opacity 0.35s 0s ease;overflow-x:auto; overflow-y:auto;}
.modal.show .modal-content {transform:translate(0px , 0px);}
.modal .modal-content {transform:translate(0px , 30px); transition:transform 0.35s ease;}

.modal .search-none {padding:80px 0;}

.alert-group-inner {display:flex; flex-wrap:wrap; margin:-4px;}
.alert-group-inner .alert {flex:0 0 auto; margin:4px; max-width:calc( 100% - 8px );}

.nav {margin:0 -32px; padding:0 32px; height:56px; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.nav .nav-item {}
.nav .nav-item + .nav-item {margin-left:40px;}
.nav .nav-link {padding:0; height:56px; font-size:14px; color:rgba(0,0,0,0.4); font-weight:700; border-bottom:4px solid transparent;}
.nav .nav-link.active {color:#000; border-bottom-color:#4d68aa;}

/* 공통 */
.dropdown-big {position:relative; padding:0 24px 0 0; font-size:16px; line-height:24px; color:#000; height:24px;}
.dropdown-big:after {content:'';position:absolute;top:50%;right:0;display:block;width:24px;height:24px;margin-top:-12px;background:url(../images/icon/icon_dropdown_big_black.png) center center no-repeat; background-size:24px auto;}

.dropdown-small {position:relative; padding:0 24px 0 0; font-size:14px; line-height:24px; color:#000; height:24px;}
.dropdown-small:after {content:'';position:absolute;top:50%;right:0;display:block;width:24px;height:24px;margin-top:-12px;background:url(../images/icon/icon_dropdown_small_gray.png) center center no-repeat;background-size:24px auto;}

.form-dropdown {position:relative; display:inline-block; line-height:1;}
.form-dropdown .btn-dropdown {font-size:14px;color:rgba(0,0,0,0.7); line-height:24px; height:24px; padding-right:32px;}
.form-dropdown .dropdown-menu {top:100% !important; left:50% !important; transform:translate(-50% , 0%) !important; margin-top:4px !important; min-width:104px; padding:8px 0; background:#fff; border-radius:8px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);}
.form-dropdown .dropdown-menu .dropdown-item {position:relative; padding:10px 12px 10px 32px; font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); background:#fff;}
.form-dropdown .dropdown-menu .dropdown-item:hover,
.form-dropdown .dropdown-menu .dropdown-item:focus,
.form-dropdown .dropdown-menu .dropdown-item:active,
.form-dropdown .dropdown-menu .dropdown-item.active {color:rgba(0,0,0,0.7); background:rgba(0, 0, 0, 0.06);}
.form-dropdown .dropdown-menu .dropdown-item.active:before {opacity:1;}
.form-dropdown .dropdown-menu .dropdown-item:before {content:''; position:absolute; top:8px; left:4px; width:24px; height:24px; background:url(../images/icon/icon_dropdown_on.png) left top no-repeat; opacity:0;background-size:24px auto;}
.form-control.form-dropdown {border:none; font-size:14px; color:rgba(0,0,0,0.7); height:24px; border:none; padding:0 32px 0 0; width:auto; display:inline-block;}

.mulity-dropdown {}
.mulity-dropdown .mulity-dropdown-cell {position:relative; line-height:1;}
.mulity-dropdown .mulity-dropdown-cell + .mulity-dropdown-cell {margin-left:16px; padding-left:16px;}
.mulity-dropdown .mulity-dropdown-cell + .mulity-dropdown-cell:before{content:'';position:absolute;top:0;left:0;display:block;width:1px;height:24px;background:rgba(0,0,0,0.2);}

.user-picture {position:relative; display:block;}
.user-picture .state-favorite {position:absolute;bottom:0;right:0;display:flex;width:32px;height:32px;background:#fff;border-radius:50%;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); align-items:center; justify-content:center;}
.user-picture .thumb {position:absolute;top:0;left:0;width:100%;height:100%; border-radius:50%; overflow:hidden; border: solid 1px rgba(0, 0, 0, 0.1);}
.user-picture .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.user-picture .icon-user-favorite, .user-picture .icon-user-no-favorite {position:absolute;bottom:0;right:0;z-index:2;}
.user-picture .btn-picture-modify {position:absolute; top:0;left:0;display:flex;align-items:center; justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.4); z-index:15;}



.icon {display:inline-block; width:30px; height:30px; font-size:0; background-repeat:no-repeat; background-position:center center; background-size:30px auto;}
.icon-size-24 {width:24px; height:24px; background-size:24px auto;}
.icon-size-16 {width:16px; height:16px; background-size:16px auto;}
.icon-size-12 {width:12px; height:12px; background-size:12px auto;}
.icon-document-black {background-image:url(../images/icon/icon_document_black.png);}
.icon-mypage-black {background-image:url(../images/icon/icon_mypage_black.png);}
.icon-warning-black {background-image:url(../images/icon/icon_warning_black.png);}
.icon-question-blue {background-image:url(../images/icon/icon_question_blue.png);}
.icon-document-blue {background-image:url(../images/icon/icon_document_blue.png);}
.icon-graph-blue {background-image:url(../images/icon/icon_graph_blue.png);}
.icon-more-arrow-blue {background-image:url(../images/icon/icon_more_arrow_blue.png);}
.icon-security-refresh {background-image:url(../images/icon/icon_security_refresh.png);}
.icon-security-voice {background-image:url(../images/icon/icon_security_voice.png);}
.icon-user-favorite {background-image:url(../images/icon/icon_user_favorite.png);}
.icon-user-no-favorite {background-image:url(../images/icon/icon_user_favorite_no_green.png);}
.icon-plus-white {background-image:url(../images/icon/icon_plus_white.png);}
.icon-plus-black {background-image:url(../images/icon/icon_plus_black.png);}
.icon-minus-black {background-image:url(../images/icon/icon_minus_black.png);}
.icon-bookmark-white {background-image:url(../images/icon/icon_bookmark_white.png);}
.icon-refresh-white {background-image:url(../images/icon/icon_refresh_white.png);}
.icon-search-gray {background-image:url(../images/icon/icon_search_gray.png);}
.icon-close-blue {background-image:url(../images/icon/icon_close_blue.png);}
.icon-link-blue {background-image:url(../images/icon/icon_link_blue.png);}
.icon-new-blue {background-image:url(../images/icon/icon_new_blue.png);}
.icon-pet-blue {background-image:url(../images/icon/icon_pet_blue.png);}
.icon-favorite-star {background-image:url(../images/icon/icon_favorite_star.png);}
.icon-camera-white {background-image:url(../images/icon/icon_camera_white.png);}
.icon-trash-gray {background-image:url(../images/icon/icon_trash_gray.png);}
.icon-notice-green {background-image:url(../images/icon/icon_notice_green.png);}
.icon-hit-gray {background-image:url(../images/icon/icon_hit_gray.png);}


.icon-home-blue {background-image:url(../images/icon/icon_home_blue.png);}
.icon-tel-blue {background-image:url(../images/icon/icon_tel_blue.png);}
.icon-map-blue {background-image:url(../images/icon/icon_map_blue.png);}

.icon-search-none {width:81px; height:80px; background-image:url(../images/icon/icon_search_none.png); background-size:100% auto;}

.con-title {font-size:20px; line-height:28px; color:#000; font-weight:700;margin:0;}
h4.con-title {font-size:14px; line-height:20px; color:#000; font-weight:700;margin:0;}
h3.detail-title {font-size:16px; line-height:24px; color:rgba(0,0,0,0.7); font-weight:700;margin:0;}

.word-item-inner{font-size:0; margin:-4px -2px;}
.word-item-inner .btn-word-item {margin:4px 2px;}
.word-item-list + .word-item-list {margin-top:4px;}
.btn-word-item {display:inline-block;width:32px;height:32px;font-size:14px;line-height:30px;color:#000;padding:0;outline:none;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.2);background-color:#fff;}
.btn-word-item:hover {color:#fff;background:#4d68aa;border-color:#4d68aa;}

.border-none {border:none !important;}

.no-transition {transition: none !important;}

.tab-data {display:none;}
.tab-data.active {display:block;}

/* 라인 리스트 그룹 */
.line-list-group {padding:20px 0 20px 0; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.line-list-group .list-num {flex:0 0 auto; margin-right:40px; width:40px;}

/* 테이블 컨텐츠 */
.table-gray {margin-bottom:0;}
.table-gray > thead > tr > th {font-size:12px; line-height:20px; color:rgba(0,0,0,0.7); text-align:left; padding:9px 8px; background:#fafafa;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}
.table-gray > tbody > tr > th {font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); text-align:left; padding:9px 8px; background:#fafafa;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}
.table-gray > tbody > tr > td {font-size:14px; line-height:20px; color:#000; text-align:left; padding:14px 8px; background:#fff;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}

.table-lightgray {margin-bottom:0;}
.table-lightgray > thead > tr > th {font-size:12px; line-height:20px; color:rgba(0,0,0,0.7); text-align:center; vertical-align:middle; padding:7px 8px; background:#fafafa;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}
.table-lightgray > tbody > tr > th {font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); text-align:center; vertical-align:middle; padding:7px 8px; background:#fafafa;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}
.table-lightgray > tbody > tr > td {font-size:14px; line-height:20px; color:#000; text-align:center; vertical-align:middle;  padding:10px 8px; background:#fff;border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); font-weight:400;}
.table-lightgray.table-border > thead > tr > th,
.table-lightgray.table-border > tbody > tr > td {border:1px solid rgba(0,0,0,0.1);}
.table-lightgray.table-border > thead > tr > th:first-child {border-left:none;}
.table-lightgray.table-border > thead > tr > th:last-child {border-right:none;}
.table-lightgray.table-border > tbody > tr > td:first-child {border-left:none;}
.table-lightgray.table-border > tbody > tr > td:last-child {border-right:none;}

/* 상단영역 */
.header-wrap {position:fixed; top:0;left:0;width:100%; z-index:1010; background:#fff;}
.header-wrap .collapsing {transition: none;}
/*.header-wrap.scroll h1 {width:40px;}*/
.header-wrap.scroll .header-menu {display:none;}
.header-wrap.scroll .nav-combine-search-filter {left:100%; top:0; width:calc( ( 1128px - 553px ) / 2 );}
.header-wrap.scroll .header-search .container-inner {padding:16px 0;}
.header-wrap.scroll .nav-combine-search-filter .btn-search-filter + .btn-search-filter {margin-left:24px;}
.header-wrap.scroll .nav-combine-search-filter .btn-search-filter.dropdown-small {padding-right:0;}
.header-wrap.scroll .nav-combine-search-filter .btn-search-filter.dropdown-small:after {display:none;}

.main .header-wrap .header-menu {position:absolute; top:0;left:0; height:88px; box-shadow:none; width:100%;}
.main .header-wrap .header-menu .side-menu {height:88px;}
.main .header-wrap .header-search {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); border:none;}
.main .header-wrap .header-search .container-inner {padding:88px 0 0 0;}
.main .header-wrap .combine-search {padding:16px 0 56px 0;}
.main .header-wrap .gnb-wrap {padding:28px 0;}
.main .header-wrap.scroll .header-search .container-inner {padding:0;}
.main .header-wrap.scroll .header-search .combine-search {padding:16px;}

/* 상단영역 > 검색 */
.header-search {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.header-search h1 {position:absolute; top:24px;left:0;display:block;width:160px;height:40px; margin:0; z-index:150;}
.header-search h1 > a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;font-size:0;background:url(../images/common/logo.png) left top no-repeat;background-size:160px auto;}
.header-search .container-inner {padding:16px 0 56px 0;}

.combine-search {}
.combine-search-inner {position:relative; max-width:553px; height:56px; margin:0 auto;}
.combine-search-input {position:relative; height:56px; border:3px solid #123070;}
.combine-search-input .input-wrap {position:relative;}
.combine-search-input .input-wrap:before{content:'';position:absolute;top:11px;left:151px; width:1px;height:28px;background:rgba(0,0,0,0.2);}
.combine-search-input .input-wrap .btn-combine-search-sort {position:absolute; top:13px; left:13px; display:block; width:120px; text-align:left;}
.combine-search-input .input-wrap input {width:100%; height:50px;padding:0 56px 0 167px; font-size:18px; color:#000; font-weight:700; outline:none; border:none; border-radius:0;}
.combine-search-input .input-wrap input::-moz-placeholder {color: rgba(0, 0, 0, 0.2);}
.combine-search-input .input-wrap input::placeholder {color: rgba(0, 0, 0, 0.2);}
.combine-search-input .btn-combine-search-go {position:absolute; top:13px; right:13px;display:block;width:24px;height:24px;font-size:0;background:url(../images/icon/icon_search_green.png) center center no-repeat; z-index:15;background-size:24px auto;}

.combine-search-sort {position:absolute;top:100%;left:0;display:block;margin-top:-3px;width:100%;height:48px;border:2px solid #123070; background-color:#fff; display:flex; z-index:15;}
.combine-search-sort > label {position:relative; flex:1; display:block; cursor:pointer;}
.combine-search-sort > label > input {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:0;}
.combine-search-sort > label > .txt {display:flex; align-items:center; justify-content:center;height:44px; border:1px solid #123070; font-size:14px;line-height:20px;}
.combine-search-sort > label > input:checked + .txt {color:#fff;background-color:#123070;}

/* 상단영역 > 대메뉴 */
.header-menu {height:56px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.16);}
.header-menu .side-menu {position:absolute; top:0; right:0; display:flex; align-items:center; height:56px;}
.header-menu .side-menu-cell{position:relative;}
.header-menu .side-menu-cell + .side-menu-cell {margin-left:24px}
.header-menu .side-menu-cell:last-child {margin-left:16px;}
.header-menu .side-menu .btn-side-menu-item {font-size:14px; line-height:32px; color:rgba(0,0,0,0.7);}
.header-menu .side-menu .btn-header-user-picture {width:40px;height:40px;}
.header-mypage {position:absolute;top:100%;right:0;width:312px; margin-top:4px; padding:24px 0 16px 0;background:#fff;border-radius:20px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);;}
.header-mypage .user-info {text-align:center;padding:0 20px;}
.header-mypage .user-info .user-picture{width:64px;height:64px;margin:0 auto;}
.header-mypage .user-info .user-name {font-size:16px;line-height:24px;margin-top:8px;}
.header-mypage .user-data {display:flex; padding:22px 24px 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.header-mypage .user-data .user-data-cell {flex:1; text-align:center;}
.header-mypage .user-data .value-num {display:block; font-size:20px; font-weight:700; color:#000; line-height:28px;}
.header-mypage .user-data .subject {display:block; margin-top:6px; font-size:14px; color:rgba(0,0,0,0.7); line-height:20px;}
.header-mypage .user-page {margin-top:7px;}
.header-mypage .user-page-cell {}
.header-mypage .user-page .btn-user-page-item {display:flex; align-items:center; width:100%; height:40px; padding:0 16px;  font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); background:#fff; transition:background 0.35s ease;}
.header-mypage .user-page .btn-user-page-item .icon {flex:0 0 auto; width:24px; height:24px; margin-right:8px;}
.header-mypage .user-page .btn-user-page-item:hover {background:rgba(0, 0, 0, 0.06);}
.header-mypage .btn-ui {margin-top:16px; text-align:center;}

.gnb-wrap {display:flex; justify-content:center; padding:12px 0; margin-right:290px}
.gnb-wrap > ul {list-style:none;padding:0;margin:0;display:flex; justify-content:center;}
.gnb-wrap > ul > li {list-style:none;padding:0;margin:0;display:block;}
.gnb-wrap .menu-item > a{display:block; font-size:16px; font-weight:700; color:#000; line-height:24px; padding:4px 16px; background:#fff; border-radius:16px; margin:0 8px;}
.gnb-wrap .menu-item.current-menu-item > a {color:#fff; background:#123070;}


/* 통합검색 */
.nav-combine-search-filter {position:absolute; top:100%;left:0;display:block;width:100%;padding:16px 0;display:flex; align-items:center; justify-content:flex-end; padding:0;margin:0;border:none;}
.nav-combine-search-filter .btn-search-filter {display:block; font-size:14px; color:#000;}
.nav-combine-search-filter .btn-search-filter + .btn-search-filter {margin-left:20px;}
.nav-combine-search-data .search-data-inner {position:absolute; top:100%; left:50%; display:block; width:744px; margin-left:-372px; margin-top:40px; z-index:150;}
.nav-combine-search-data .modal-dialog {margin:0;}

/* 컨텐츠 */
#container {padding-top:225px;}

.main #container {padding-top:257px}

.contents-group {margin:0 -24px; display:flex;}
.center-group {flex:1; width:100%; padding:0 24px;}
.center-group:only-child {width:1000px; margin:0 auto; flex:none;}
.center-group:only-child .container {width:1000px; margin:0 auto;}
.left-side-group {flex:0 0 auto; width:288px; padding:0 24px; border-right:1px solid rgba(0,0,0,0.1);}
.right-side-group {flex:0 0 auto; width:288px; padding:15px 24px 0 24px; border-left:1px solid rgba(0,0,0,0.1);}

/* 푸터 */
#footer {margin-top:120px;}
.footer-wrap {padding:31px 0 44px 288px; border-top:1px solid rgba(0, 0, 0, 0.1);}
.footer-wrap h2 {position:absolute; top:31px; left:0; margin:0; display:block; width:160px; height:40px;font-size:0;background:url(../images/common/footer_logo.png) left top no-repeat;background-size:160px auto;}
.footer-wrap address {font-size:12px; line-height:18px; color:rgba(0,0,0,0.7); margin:2px 0 0 0;}
.footer-wrap .copy {font-size:12px; line-height:18px; color:rgba(0,0,0,0.7); margin:6px 0 0 0;}
.footer-menu {display:flex; justify-content:flex-start;padding:10px 0;}
.footer-menu .btn-footer-menu {font-size:14px; line-height:20px; color:rgba(0, 0, 0, 0.7);}
.footer-menu .btn-footer-menu + .btn-footer-menu {margin-left:40px;}

.page-top {position:fixed; bottom:32px; right:50%; width:48px; height:48px; z-index:500; margin-right:-644px; visibility:hidden; opacity:0; transition:visibility 0s 0.35s ease, opacity 0.35s 0s ease;}
.page-top.actived {visibility:visible; opacity:1; transition:visibility 0s 0s ease, opacity 0.35s 0s ease;}
.page-top.off {position:absolute; bottom:100%; right:0; margin:0 -80px 32px 0;}
.btn-page-top {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:100%;height:100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.btn-page-top:before{content:'';display:block;width:24px;height:24px;background:url(../images/icon/icon_top_arrow.png) center center no-repeat; background-size:24px auto;}

/* 폼 요소 */
.datepicker-input {position:relative;}
.datepicker-input input {padding-right:34px;}
.btn-datepicker {position:absolute; top:4px; right:4px; width:24px; height:24px; padding:0; font-size:0; background:url(../images/icon/icon_datepicker.png) center center no-repeat;background-size:24px auto;}
.char {width:16px; text-align:center; font-size:14px; line-height:20px;color:rgba(0,0,0,0.7);}

.input-btn {position:relative;}
.input-btn .form-control {padding-right:34px;}
.input-btn .btn-control {position:absolute; top:4px; right:4px; width:24px; height:24px;padding:0;}

/* 리스트 아이템 */
.document-list-item {padding:20px 0; font-size:14px; line-height:20px; border-top:1px solid rgba(0, 0, 0, 0.1);}
.document-list-item:first-child {padding-top:0; border-top:none;}
.document-list-item:last-child {padding-bottom:0;}
.document-list-item .item-subject {font-size:18px; line-height:28px; color:#000;}
.document-list-item .item-subject.big {font-size:20px; line-height:28px; color:#000; font-weight:700;}
.document-list-item .item-subject.small {font-size:16px; line-height:24px; color:#000; font-weight:700;}
.document-list-item a.item-subject:hover {color:#4d68aa; text-decoration:underline;}
.document-list-item .item-info {margin-top:4px; display:flex; align-items:center;}
.document-list-item .item-info .info-cell {position:relative; color:rgba(0,0,0,0.7);}
.document-list-item .item-info .info-cell + .info-cell {margin-left:8px; padding-left:8px; min-height:20px;}
.document-list-item .item-info .info-cell + .info-cell:before {content:''; position:absolute;top:0;left:0;display:block;width:1px;height:20px;background:rgba(0,0,0,0.2);}
.document-list-item .item-info.no-border .info-cell + .info-cell {margin-left:12px; padding-left:0;}
.document-list-item .item-info.no-border .info-cell + .info-cell:before {display:none;}
.document-list-item .item-name {margin-top:8px; color:#4d68aa;}
.document-list-item .item-options {margin-top:12px; display:flex; align-items:center;}
.document-list-item .item-options .options-cell + .options-cell {margin-left:8px;}
.document-list-item .item-options + .item-name {margin-top:12px;}
.document-list-item .info-cell strong {margin-right:2px;}
.document-list-item .options-cell strong {margin-right:8px;}
.document-list-item.d-flex {flex-wrap:wrap;}
.document-list-item.d-flex .item-num {flex:0 0 auto; width:48px; margin-right:40px; align-self:center; text-align:center;}
.document-list-item.d-flex .item-info-group {flex:1; width:100%;}


.btn-list-more {color:#4d68aa !important; font-size:14px; line-height:20px;}
.btn-list-more .icon {margin:2px 0 2px 4px; vertical-align:top;}

/* 리서치 아이템 */
.researcher-list-item {display:flex; width:100%; align-items:flex-start; padding:20px 0; font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); border-top:1px solid rgba(0, 0, 0, 0.1);}
.researcher-list-item:first-child {padding-top:0; border-top:none;}
.researcher-list-item:last-child {padding-bottom:0;}
.researcher-list-item .user-picture {flex:0 0 auto; width:48px; height:48px; margin-right:16px;}
.researcher-list-item .item-info {flex:1; width:100%; display:flex; min-height:48px; align-items:center;}
.researcher-list-item .item-name {font-size:18px; line-height:28px; color:#000;}
.researcher-list-item .item-tag {margin-top:8px; color:rgba(0,0,0,0.7);}
.researcher-list-item .item-cate {color:#4d68aa;}
.researcher-list-item .item-cate strong {margin-right:4px;}
.researcher-list-item .item-value {flex:0 0 auto; align-self:center; margin-left:16px; color:rgba(0,0,0,0.7);}

/* 사이드 컨텐츠 */
.side-contents-group {}
.side-contents-group.line + .side-contents-group.line {margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,0.1);}

.btn-side-link-item {display:block; font-size:14px; line-height:20px; }
.btn-side-link-item .item-title {color:#000;}
.btn-side-link-item .item-title + .item-name {margin-top:4px;}
.btn-side-link-item .item-name {color:rgba(0,0,0,0.7);}
.btn-side-link-item .item-title + .badge-group {margin-top:3px;}
.btn-side-link-item:hover .item-name {color:#4d68aa; text-decoration:underline;}

/* 패싯 검색 */
.btn-search-ui {display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:#4d68aa; border-radius:50%;}
.form-side-search {padding:13px 0; border-top:1px solid rgba(0,0,0,0.1);}
.form-side-search .form-title {font-size:14px; color:rgba(0,0,0,0.7); font-weight:700; margin-bottom:10px;}
.form-side-search .form-input {padding-bottom:11px}
.form-side-search .collapsing {transition: none;}
.form-side-search .form-check {display:flex; width:100%; align-items:center;}
.form-side-search .form-check-input {float:none; flex:0 0 auto;}
.form-side-search .form-check-label {flex:1; width:100%; display:block; margin-right:0; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.form-side-search .custom-control-label {max-width:100%; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.btn-custom-select {display:block; width:100%; height:32px; padding:0 34px 0 8px; text-align:left; color:#000; border:1px solid rgba(0,0,0,0.2); border-radius:4px;}

.mulity-custom-select > .form-input {padding-bottom:0;}
.custom-select-list {max-height:208px; padding:8px 0; background:#fff; border-radius:4px; overflow-y:auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);}
.custom-select-list .btn-select-list {display:flex; align-items:center; width:100%; min-height:32px; padding:0 8px; text-align:left; font-size:14px; color:rgba(0,0,0,0.7); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.custom-select-list button.btn-select-list:hover,
.custom-select-list button.btn-select-list.active,
.custom-select-list a.btn-select-list:hover,
.custom-select-list a.btn-select-list.active{background:rgba(0, 0, 0, 0.06);}
.custom-select-list .btn-select-list .custom-control {margin:4px 0;}
.custom-select-list .btn-select-list .custom-control-label {font-size:14px;color:rgba(0,0,0,0.7);}
.custom-select-list .btn-tree-nav {display:flex; align-items:center; width:100%; min-height:32px; padding:0 8px 0 32px; font-weight:400;}
.custom-select-list .btn-tree-nav:before {top:4px; left:4px;}
.custom-select-list div.btn-tree-nav { overflow:hidden;}
.custom-select-list div.btn-tree-nav .custom-control {margin:4px 0;}
.custom-select-list div.btn-tree-nav .custom-control-label {font-size:14px;color:rgba(0,0,0,0.7);}
.custom-select-list .form-tree-item .detail-tree-item {margin:0; padding:0;}
.custom-select-list .form-tree-item .detail-tree-item .btn-select-list {padding-left:48px}

.form-tree-item {}
.form-tree-item.active .detail-tree-item {display:block;}
.form-tree-item.active .btn-tree-nav:before {transform:rotate(0deg);}
.form-tree-item .detail-tree-item {display:none; margin-top:12px; padding-bottom:11px;}
.btn-tree-nav {position:relative; display:block; width:100%; height:24px; font-size:14px; color:rgba(0,0,0,0.7); font-weight:700; padding:0 0 0 32px;text-align:left;}
.btn-tree-nav:before {content:''; position:absolute; top:0;left:0;display:block;width:24px;height:24px;background:url(../images/icon/icon_tree_arrow_black.png) left top no-repeat;transform:rotate(-90deg);background-size:24px auto;}
.btn-checkbox-more {display:block; padding:0; height:24px; font-size:14px; line-height:24px; color:rgba(0,0,0,0.7);}

/* 검색결과 없음 */
.search-none {text-align:center;}
.search-none .desc {font-size:14px; line-height:20px; color:rgba(0,0,0,0.4);margin-top:16px;}


/* 보안문자 */
.security-word {max-width:200px; margin:0 auto;}
.security-word .security-img {position:relative; width:100%; height:80px; display:flex; align-items:center;justify-content:center; border-radius:4px; border:1px solid rgba(0,0,0,0.2); background:#dfdfdf;}
.security-word .security-img img {max-width:100%; max-height:100%;}
.security-word .security-ui {margin-top:18px; display:flex; justify-content:space-between; padding:0 12px;}
.security-word .security-ui .btn-security-ui {height:20px; font-size:14px; color:rgba(0,0,0,0.7); padding:0;}
.security-word .security-ui .btn-security-ui .icon {margin-top:2px; vertical-align:top;}
.security-word .security-input {margin-top:18px;}

/* 텍스트 리스트 */
.dot-text-list {}
.dot-text-list .list-cell {position:relative; font-size:14px;line-height:20px;color:#000;padding-left:12px;}
.dot-text-list .list-cell > a {display:inline-block; max-width:100%; min-height:20px; font-size:14px;line-height:20px;color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.dot-text-list .list-cell + .list-cell {margin-top:8px;}
.dot-text-list .list-cell:before {content:'•'; position:absolute;top:0;left:0;font-size:14px;line-height:18px;}

/* 탭 버튼 */
.btn-tab-nav {display:inline-block; font-size:16px; line-height:24px; color:#fff; font-weight:700; white-space:nowrap; padding:4px 16px; border-radius:8px; background:rgba(0,0,0,0.2);}
.btn-tab-nav.active {background-color:#000;}

/* 사각형 카드 아이템 */
.square-card-item {font-size:14px; line-height:20px; color:rgba(0,0,0,0.7); padding:24px; min-height:100%; border:1px solid rgba(151,151,151,0.3); border-radius:8px; text-align:center;}

/* 차트 */
.line-chart-data {position:relative; height:280px;}
.line-chart-data.md {height:236px;}
.line-chart-data.sm {height:212px;}
.line-chart-tooltip {padding:0 8px; z-index:5; transition:all 0.45s ease;}
.line-chart-tooltip .tooltip-inner {background:#fff; padding:6px 12px; border-radius:8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);}
.line-chart-tooltip .tooltip-data-cell {padding:4px 0; display:flex; align-items:center;}
.line-chart-tooltip .tooltip-data-cell .tooltip-bg {flex:0 0 auto; width:16px; height:12px; border-radius:2px; margin-right:6px;}
.line-chart-tooltip .tooltip-data-cell .tooltip-subject {flex:1; font-size:14px; color:#000; line-height:20px; min-width:70px; text-align:left;}
.line-chart-tooltip .tooltip-data-cell .tooltip-value {flex:0 0 auto; font-size:14px; color:#000; font-weight:700; line-height:20px; margin-left:6px; text-align:right;}
.line-chart-tooltip:before {content:''; position:absolute; top:calc( 50% + 2px );left:0;display:block;width:0;height:0;border-style:solid;border-width: 6px 8px 6px 0;border-color: transparent rgba(0,0,0,0.4) transparent transparent; transform:translate(-0% , -50%); opacity:0; z-index:-1; filter:blur(6px);}
.line-chart-tooltip:after {content:''; position:absolute; top:calc( 50% + 2px );right:0;display:block;width:0;height:0;border-style:solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent rgba(0,0,0,0.4); transform:translate(-0% , -50%); opacity:0; z-index:-1; filter:blur(6px);}
.line-chart-tooltip .tooltip-inner:before {content:''; position:absolute; top:50%;left:0;display:block;width:0;height:0;border-style:solid;border-width: 6px 8px 6px 0;border-color: transparent #ffffff transparent transparent; transform:translate(-0% , -50%); opacity:0;}
.line-chart-tooltip .tooltip-inner:after {content:''; position:absolute; top:50%;right:0;display:block;width:0;height:0;border-style:solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #ffffff; transform:translate(-0% , -50%); opacity:0;}
.line-chart-tooltip.left .tooltip-inner:before {opacity:1;}
.line-chart-tooltip.left .tooltip-inner:after {opacity:0;}
.line-chart-tooltip.right .tooltip-inner:before {opacity:0;}
.line-chart-tooltip.right .tooltip-inner:after {opacity:1;}
.line-chart-tooltip.left:before {opacity:1;}
.line-chart-tooltip.left:after {opacity:0;}
.line-chart-tooltip.right:before {opacity:0;}
.line-chart-tooltip.right:after {opacity:1;}

.basic-chart-data {position:relative; height:280px;}
.basic-chart-data.md {height:400px;}
.basic-chart-data.lg {height:600px;}

.doughnut-chart-tooltip {padding:0 8px; z-index:5; transform:translate(-50% , 0%); transition:all 0.45s ease;}
.doughnut-chart-tooltip .tooltip-inner {background:#fff; padding:6px 12px; border-radius:8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);}
.doughnut-chart-tooltip .tooltip-data-cell {padding:4px 0; display:flex; align-items:center;}
.doughnut-chart-tooltip .tooltip-data-cell .tooltip-bg {flex:0 0 auto; width:16px; height:12px; border-radius:2px; margin-right:6px;}
.doughnut-chart-tooltip .tooltip-data-cell .tooltip-subject {flex:1; font-size:14px; color:#000; line-height:20px; min-width:70px; text-align:left;}
.doughnut-chart-tooltip .tooltip-data-cell .tooltip-value {flex:0 0 auto; font-size:14px; color:#000; font-weight:700; line-height:20px; margin-left:6px; text-align:right;}
.doughnut-chart-tooltip:before {content:''; position:absolute; bottom:100%; left:50%;display:block;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color: transparent transparent rgba(0,0,0,0.4) transparent; transform:translate(-50% , 0); opacity:1; z-index:-1; filter:blur(6px);}
.doughnut-chart-tooltip .tooltip-inner:before {content:''; position:absolute; bottom:100%; left:50%;display:block;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color: transparent transparent #ffffff transparent; transform:translate(-50% , 0); opacity:1;}

.chart-label {display:flex; align-items:center;}
.chart-label .label-color {flex:0 0 auto; width:16px; height:12px; border-radius:2px; margin-right:6px;}
.chart-label .label-subject {font-size:14px; line-height:20px; color:#000;}

.chart-title {position:absolute; top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center; font-size:18px;line-height:20px;color:#000;font-weight:700;text-align:center;border-radius:50%;background:#fff; margin:24%; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3); z-index:1;}

/* 후기 버튼 */
.btn-review-item {display:block; font-size:14px; line-height:20px; color:rgba(0,0,0,0.7);}

/* 기준 정보값 */
.standard-data-list {display:flex; justify-content:center;}
.standard-item {position:relative; display:block; padding:4px 35px; text-align:center; min-width:190px;}
.standard-item + .standard-item:before {content:'';position:absolute;top:0;right:auto;bottom:0;left:0;display:block;width:1px;height:auto;background:rgba(0,0,0,0.1);}
.standard-item .item-title {font-size:18px;line-height:24px;color:#000;}
.standard-item .item-date {font-size:14px;line-height:20px;color:rgba(0,0,0,0.7); margin-top:4px;}

/* 질문 작성하기 */
.request-input-wrap {font-size:14px; line-height:20px; border:1px solid rgba(0,0,0,0.2); border-radius:4px;padding:16px 16px 12px 16px;}
.request-input-wrap .input-user-id {color:#000;}
.request-input-wrap .input-byte {color:rgba(0,0,0,0.4);}
.request-input-wrap .input-data {margin-top:12px;}
.request-input-wrap .input-data textarea {padding:0; border:none; height:60px;}
.request-input-wrap .input-data textarea.lg {height:180px;}
.request-input-wrap .input-ui {display:flex; justify-content:flex-end;}
.request-input-wrap .input-ui .btn-input-ui {font-size:14px; padding:12px 0 8px 0; color:rgba(0,0,0,0.2); font-weight:700;}
.request-input-wrap .input-ui .btn-input-ui + .btn-input-ui {margin-left:32px;}
.request-input-wrap .input-ui .btn-input-ui.active {color:#4d68aa;}

tr.answer {display:none;}
tr.answer.active {display:table-row;}
tr.answer > td {background:#fafafa !important; padding:16px 8px  !important;}
tr.answer.white > td {background:#fff !important; padding:24px 8px 30px 8px !important;}

/* 유저 정보 */
.user-personal-info {height:100%; display:flex; flex-direction:column;}
.user-personal-data {display:flex; width:100%; align-items:center; min-height:96px;}
.user-personal-data .user-picture {width:96px; height:96px; flex:0 0 auto; margin-right:16px;}
.user-data .kr-name {font-size:20px; line-height:28px; color:#000; font-weight:700;}
.user-data .en-name {font-size:14px; line-height:20px; color:rgba(0,0,0,0.7);}
.user-data .cate {font-size:14px; line-height:20px; color:#4d68aa; margin-top:4px;}

.user-personal-modify {margin-top:auto; display:flex;}
.user-personal-modify .btn {padding:12px 20px; min-width:104px; margin-right:8px; border-radius:8px;}

.user-profile-list {font-size:14px; line-height:20px; color:rgba(0,0,0,0.7);}
.user-profile-list + .user-profile-list {margin-top:28px;}
.user-profile-list .list-cell + .list-cell {margin-top:8px;}
.user-profile-list .list-cell {display:flex;}
.user-profile-list .list-cell em {flex:0 0 auto; width:12%; font-weight:700; margin-right:8px; font-style:normal;}
.user-profile-list .list-cell strong {flex:0 0 auto; margin-right:8px;}
.user-profile-list .list-cell .txt {flex:1; width:100%;}

.research-area {position:relative; left:50%; padding:31px 0; width:100vw; transform:translate(-50% , 0%); border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.research-area .area-list {display:flex; margin:0 -18px;}
.research-area .area-list .list-cell {flex:1; padding:0 18px 6px 18px; font-size:14px; line-height:20px; color:rgba(0,0,0,0.7);}
.research-area .area-list .list-cell + .list-cell {border-left:1px solid rgba(0,0,0,0.1);}
.research-area .detail-title {margin-bottom:18px;}

/* 페이지 탭 */
.page-tab {position:relative; height:56px;}
.page-tab.full {left:50%;width:100vw; margin-left:-50vw;}
.page-tab-inner {height:56px; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); background:#fff;}
.page-tab-inner .nav {border-bottom:none; padding:0; justify-content:center;}
.page-tab-inner .nav .nav-link {font-size:16px; color:#000;}
.page-tab-inner .nav .nav-item + .nav-item {margin-left:48px;}

/* 아코디언 */
.accordion-wrap {border-top:1px solid rgba(0,0,0,0.1);}
.btn-accordion-item {position:relative; display:flex; width:100%; min-height:56px; border-bottom:1px solid rgba(0,0,0,0.1); align-items:center; padding:10px 40px 10px 0; font-size:16px; line-height:24px; color:rgba(0,0,0,0.7); font-weight:700; text-align:left;}
.btn-accordion-item:after {content:''; position:absolute; top:50%;right:8px;display:block;width:24px;height:24px;background:url(../images/icon/icon_tree_arrow_black.png) left top no-repeat;transform:rotate(-90deg); margin-top:-12px;background-size:24px auto;}
.accordion-cell.active .btn-accordion-item:after {transform:rotate(0deg);}
.accordion-cell.active .collapse {display:block;}
.accordion-detail {background-color:#fafafa;}

.search-name-item {position:relative; display:flex; width:100%; min-height:56px; align-items:center; border-bottom:1px solid rgba(0,0,0,0.1);}
.search-name-item .item-name {flex:1; width:100%; font-size:14px; line-height:24px; color:#000; padding:10px 16px 10px 0; text-align:left;}
.search-name-item .btn-search-name-del {position:relative; display:flex; flex:0 0 auto; padding:10px 8px 10px 16px; align-items:center; justify-content:center;}
.search-name-item .btn-search-name-del:before {content:''; position:absolute;top:50%;left:0;display:block;width:1px;height:24px;margin-top:-12px;background:rgba(0,0,0,0.2);}

/* 리뷰 후기 상세 */
.review-detail-data .item-subject {font-size:16px; line-height:24px; font-weight:700; color:rgba(0,0,0,0.7);}
.review-detail-data .item-info {margin-top:10px; display:flex; align-items:center;}
.review-detail-data .item-info .info-cell {position:relative; color:rgba(0,0,0,0.7); font-size:14px; line-height:20px;}
.review-detail-data .item-info .info-cell + .info-cell {margin-left:8px; padding-left:8px; min-height:20px;}
.review-detail-data .item-info .info-cell + .info-cell:before {content:''; position:absolute;top:50%;left:0;display:block;width:1px;height:24px;margin-top:-12px;background:rgba(0,0,0,0.2);}
.review-detail-data .item-info .info-cell strong {margin-right:4px;}
.review-detail-data .item-detail {margin-top:18px; font-size:14px; line-height:20px; color:#000;}
.review-detail-data .item-ui {margin-top:28px;}

.doughnut-chart-wrap {position:relative; padding-top:100%;}
.doughnut-chart-wrap .chart-inner {position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:10%;}

/* 연구자 상세 */
.department-info {text-align:center;}
.department-info .user-picture {display:inline-block; width:96px;height:96px;}
.department-info .department-cate {margin-top:16px;font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);}
.department-info .department-name {font-size:20px;line-height:28px;color:rgba(0,0,0,1);}

.department-icon-cate {display:inline-flex; align-items:center; justify-content:center; width:96px;height:96px;border-radius:50%;background:#4d68aa;}
.department-icon-cate .icon-obj {display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-size:32px auto;}
.department-icon-cate .icon-cate-1 {background-image:url(../images/icon/icon_department_1.png);}
.department-icon-cate .icon-cate-2 {background-image:url(../images/icon/icon_department_2.png);}
.department-icon-cate .icon-cate-3 {background-image:url(../images/icon/icon_department_3.png);}
.department-icon-cate .icon-cate-4 {background-image:url(../images/icon/icon_department_4.png);}
.department-icon-cate .icon-cate-5 {background-image:url(../images/icon/icon_department_5.png);}
.department-icon-cate .icon-cate-6 {background-image:url(../images/icon/icon_department_6.png);}
.department-icon-cate .icon-cate-7 {background-image:url(../images/icon/icon_department_7.png);}
.department-icon-cate .icon-cate-8 {background-image:url(../images/icon/icon_department_8.png);}
.department-icon-cate .icon-cate-9 {background-image:url(../images/icon/icon_department_9.png);}
.department-icon-cate .icon-cate-10 {background-image:url(../images/icon/icon_department_10.png);}
.department-icon-cate .icon-cate-11 {background-image:url(../images/icon/icon_department_11.png);}
.department-icon-cate .icon-cate-12 {background-image:url(../images/icon/icon_department_12.png);}
.department-icon-cate .icon-cate-13 {background-image:url(../images/icon/icon_department_13.png);}
.department-icon-cate .icon-cate-14 {background-image:url(../images/icon/icon_department_14.png);}
.department-icon-cate .icon-cate-15 {background-image:url(../images/icon/icon_department_15.png);}
.department-icon-cate .icon-cate-16 {background-image:url(../images/icon/icon_department_16.png);}
.department-icon-cate .icon-cate-17 {background-image:url(../images/icon/icon_department_17.png);}
.department-icon-cate .icon-cate-18 {background-image:url(../images/icon/icon_department_18.png);}
.department-icon-cate .icon-cate-19 {background-image:url(../images/icon/icon_department_19.png);}
.department-icon-cate .icon-cate-20 {background-image:url(../images/icon/icon_department_20.png);}
.department-icon-cate .icon-cate-21 {background-image:url(../images/icon/icon_department_21.png);}

/* 학과 리스트 */
.department-tab-inner {margin:-1px; display:flex;flex-wrap:wrap;}
.department-tab-nav .tab-nav-cell {padding:1px; width:14.28%;}
.department-tab-nav .tab-nav-cell:nth-child(1) .btn-department-nav-item {border-radius: 4px 0px 0px 0px;}
.department-tab-nav .tab-nav-cell:nth-child(1) .btn-department-nav-item:before {border-radius: 4px 0px 0px 0px;}
.department-tab-nav .tab-nav-cell:nth-child(7) .btn-department-nav-item {border-radius: 0px 4px 0px 0px;}
.department-tab-nav .tab-nav-cell:nth-child(7) .btn-department-nav-item:before {border-radius: 0px 4px 0px 0px;}
.department-tab-nav .tab-nav-cell:nth-child(15) .btn-department-nav-item {border-radius: 0px 0px 0px 4px;}
.department-tab-nav .tab-nav-cell:nth-child(15) .btn-department-nav-item:before {border-radius: 0px 0px 0px 4px;}
.department-tab-nav .tab-nav-cell:nth-child(21) .btn-department-nav-item {border-radius: 0px 0px 4px 0px;}
.department-tab-nav .tab-nav-cell:nth-child(21) .btn-department-nav-item:before {border-radius: 0px 0px 4px 0px;}
.btn-department-nav-item {position:relative; display:flex; align-items:center; justify-content:center;width:100%;height:70px;background:#fff;font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);text-align:center; font-weight:700;}
.btn-department-nav-item:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:auto;height:auto;margin:auto;background:transparent;z-index:-1;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}
.btn-department-nav-item.active {background-color:#123070; color:#fff;}

.department-list-item {padding:32px 0 29px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.department-list-item .item-subject {}
a.btn-department-cate {display:inline-flex; font-size:20px;line-height:28px;color:#000;font-weight:700;align-items:center;}
.btn-department-cate:before{content:'';display:inline-block;width:48px;height:48px;border-radius:50%;background-color:#4d68aa;background-repeat:no-repeat;background-position:center center;margin-right:16px;background-size:24px auto;}
.btn-department-cate:after {content:'';display:inline-block;width:16px;height:16px;background:url(../images/icon/icon_arrow_right_gray.png) center center no-repeat;margin-left:8px;background-size:16px auto;}
.btn-department-cate.cate-1:before {background-image:url(../images/icon/icon_department_1.png);}
.btn-department-cate.cate-2:before {background-image:url(../images/icon/icon_department_2.png);}
.btn-department-cate.cate-3:before {background-image:url(../images/icon/icon_department_3.png);}
.btn-department-cate.cate-4:before {background-image:url(../images/icon/icon_department_4.png);}
.btn-department-cate.cate-5:before {background-image:url(../images/icon/icon_department_5.png);}
.btn-department-cate.cate-6:before {background-image:url(../images/icon/icon_department_6.png);}
.btn-department-cate.cate-7:before {background-image:url(../images/icon/icon_department_7.png);}
.btn-department-cate.cate-8:before {background-image:url(../images/icon/icon_department_8.png);}
.btn-department-cate.cate-9:before {background-image:url(../images/icon/icon_department_9.png);}
.btn-department-cate.cate-10:before {background-image:url(../images/icon/icon_department_10.png);}
.btn-department-cate.cate-11:before {background-image:url(../images/icon/icon_department_11.png);}
.btn-department-cate.cate-12:before {background-image:url(../images/icon/icon_department_12.png);}
.btn-department-cate.cate-13:before {background-image:url(../images/icon/icon_department_13.png);}
.btn-department-cate.cate-14:before {background-image:url(../images/icon/icon_department_14.png);}
.btn-department-cate.cate-15:before {background-image:url(../images/icon/icon_department_15.png);}
.btn-department-cate.cate-16:before {background-image:url(../images/icon/icon_department_16.png);}
.btn-department-cate.cate-17:before {background-image:url(../images/icon/icon_department_17.png);}
.btn-department-cate.cate-18:before {background-image:url(../images/icon/icon_department_18.png);}
.btn-department-cate.cate-19:before {background-image:url(../images/icon/icon_department_19.png);}
.btn-department-cate.cate-20:before {background-image:url(../images/icon/icon_department_20.png);}
.btn-department-cate.cate-21:before {background-image:url(../images/icon/icon_department_21.png);}

.department-detail-menu-list {margin-top:22px;}
.department-detail-menu-list .list-inner {margin:-6px -10px;display:flex; flex-wrap:wrap;}
.department-detail-menu-list .list-inner .list-cell {padding:6px 10px; width:20%;}
.department-detail-menu-list .btn-detail-menu-item {position:relative;padding-left:8px;font-size:14px;line-height:20px;min-height:20px;display:block;color:rgba(0,0,0,0.7);}
.department-detail-menu-list .btn-detail-menu-item:before {content:'';position:absolute;top:8px;left:0;display:block;width:4px;height:4px;border-radius:50%;background:rgba(0,0,0,0.7);}

/* 학과 상세 */
.researcher-info-list .list-inner {}
.researcher-info-item {min-height:100%; border:1px solid rgba(0,0,0,0.2); border-radius:8px; padding:12px 10px 10px 10px; text-align:center;;}
.researcher-info-item .user-picture {display:inline-block; width:42px; height:42px;}
.researcher-info-item .user-picture + .researcher-name {margin-top:4px;}
.researcher-info-item .researcher-name {font-size:16px;line-height:24px;color:#000;}
.researcher-info-item .researcher-cate {font-size:14px;line-height:20px;color:#4d68aa;}

/* 게시판 리스트 */
.btn-board-link {position:relative; display:inline-block; max-width:100%; height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.btn-board-link .icon {position:absolute;top:2px;right:0;}

/* 썸네일형 게시판 리스트 */
.thumb-list-item {position:relative; display:block; border:1px solid rgba(0,0,0,0.2); border-radius:8px; background-color:#fff; min-height:100%; overflow:hidden;}
.thumb-list-item .thumb {height:160px; background-color:#4d68aa;}
.thumb-list-item .list-info {padding:8px 12px 48px 12px;}
.thumb-list-item .list-subject{ font-size:16px;line-height:24px;color:#000;text-align:left;}
.thumb-list-item .list-subject .icon {margin-left:4px; height:24px; vertical-align:top;}
.thumb-list-item .list-option {display:flex;position:absolute;bottom:0;left:0;width:100%;padding:0 12px 12px 12px; justify-content:space-between; font-size:14px;color:rgba(0,0,0,0.4);line-height:20px; align-items:center;}
.thumb-list-item .list-hit {display:inline-flex; align-items:center;}
.thumb-list-item .list-date {display:inline-flex; align-items:center;}

/* 게시판 상세 */
.board-view-cate {font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);}
.board-view-cate + .board-view-subject {margin-top:4px;}
.board-view-subject {font-size:20px;line-height:28px;color:rgba(0,0,0,1);}
.board-view-detail {font-size:16px; line-height:24px; color:#000; padding:18px 0 40px 0;}
.board-view-detail img {max-width: 100%;}

/* 댓글 */ 
.recommend-list-wrap {border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.recommend-total {display:flex; align-items:center; height:64px;}
.recommend-total .total-value {display:flex; align-items:center; font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);}
.recommend-total .total-value .icon {margin-right:8px;}
.recommend-total .total-value strong {margin-left:4px;}

.recommend-row {padding:16px 0;}
.recommend-row:first-child {padding-top:0;}
.recommend-row + .recommend-row {border-top:1px solid rgba(0,0,0,0.1);}

.recommend-list .recommend-list {margin:16px 0 0 -54px;}
.recommend-list .recommend-list .recommend-row {border-top:1px solid rgba(0,0,0,0.1); padding-left:54px;}
.recommend-list .recommend-list .recommend-row:first-child {padding-top:16px;}
.recommend-list .recommend-list .recommend-row:last-child {padding-bottom:0;}

.recommend-list-item {}
.recommend-list-item .item-info-wrap {position:relative; padding-left:54px;}
.recommend-list-item .item-info-wrap .user-picture {position:absolute;top:0;left:0; width:38px; height:38px;}
.recommend-list-item .item-name {font-size:14px;line-height:20px;color:rgba(0,0,0,0.7); font-weight:700;}
.recommend-list-item .item-data {font-size:14px;line-height:20px;color:rgba(0,0,0,1); margin-top:4px;}
.recommend-list-item .item-option {margin-top:8px; display:flex; align-items:center; font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);}
.recommend-list-item .item-option .item-option-cell + .item-option-cell {margin-left:12px;}
.recommend-list-item .btn-recommend-write {font-size:14px;line-height:20px;color:#4d68aa;}
.recommend-list-item .item-recommend-wrap {margin-left:-54px;}

.item-recommend-wrap {display:none;margin-top:16px;}
.item-recommend-wrap.active {display:block;}

/* 메인 */
.main-top-list {margin:0 -36px; display:flex; flex-wrap:wrap;}
.main-top-list .list-cell {padding:0 36px; box-sizing:border-box; text-align:center;}
.main-top-list .con-title-info {margin-top:4px; font-size:14px;line-height:20px;color:rgba(0,0,0,0.7);}

.doughnut-chart-data {width:200px; margin:0 auto;}
.doughnut-chart-data .doughnut-chart-wrap .chart-inner {margin:0;}
.doughnut-chart-data .chart-title {font-size:14px;line-height:20px;margin:40px;}
.main-top-list.list-1 .list-cell + .list-cell {border-left:1px solid rgba(0,0,0,0.1);}

.chart-label-value {display:flex; width:100%; justify-content:space-between;}
.chart-label-value .subject {flex:1; width:100%; display:flex;}
.chart-label-value .subject .label-color {flex:0 0 auto;width:10px;height:10px;margin:6px 6px 0 0; border-radius:50%;}
.chart-label-value .subject .label {font-size:14px;line-height:20px;color:#000; text-align:left; word-break:break-all;}
.chart-label-value .value {flex:0 0 auto; font-size:14px;line-height:20px;color:rgba(0,0,0,0.7); text-align:right; min-width:60px; padding-left:8px;}
.chart-label-value + .chart-label-value {margin-top:8px;}

.main-fwci {position:relative; left:50%; width:100vw !important; margin-left:-50vw !important; padding:40px 0; background:url(../images/content/main_fwci_visual.png) center center no-repeat; background-size:cover;text-align:center;}
.main-fwci-headline {font-size:32px;line-height:48px;color:#fff;font-weight:700;}
.main-fwci-desc {font-size:16px;line-height:24px;color:#fff;margin-top:8px;}
.main-fwci-btns {margin-top:16px;}
.main-fwci-btns .btn {font-size:16px; border-radius:16px; padding-left:16px;padding-right:16px;}

.main-journal-chart {height:372px;}

/* react */
.form-datepicker {position:relative;}
.form-datepicker .react-datepicker-wrapper {width:100%;}
.form-datepicker .react-datepicker__input-container{position:relative;}
.form-datepicker .react-datepicker__input-container:after {content:''; position:absolute; top:4px; right:4px; display:block; width:24px; height:24px; padding:0; font-size:0; background:url(../images/icon/icon_datepicker.png) center center no-repeat;background-size:24px auto;}
.form-datepicker .react-datepicker__input-container input {display: block; width: 100%; height:32px; padding:0 34px 0 8px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box;  border: 1px solid rgba(0, 0, 0, 0.2); border-radius:4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; outline:none;}
.form-datepicker .react-datepicker__input-container input:focus {color: #000; background-color: #fff;	 border-color:rgba(0, 0, 0, 0.7);	outline: 0; box-shadow:none;}


@media (max-width:1192px) {
	.header-wrap {position:absolute; width:1192px;}
	.header-wrap.scroll h1 {width:160px;}
	.header-wrap.scroll .header-menu {display:block;}
	.header-wrap.scroll .nav-combine-search-filter {left:0; top:100%; width:100%;}
	.header-wrap.scroll .header-search .container-inner {padding:16px 0 56px 0;}
	.header-wrap.scroll .nav-combine-search-filter .btn-search-filter + .btn-search-filter {margin-left:20px;}
	.header-wrap.scroll .nav-combine-search-filter .btn-search-filter.dropdown-small {padding-right:24px;}
	.header-wrap.scroll .nav-combine-search-filter .btn-search-filter.dropdown-small:after {display:block;}

	.main .header-wrap.scroll .header-search {}
	.main .header-wrap.scroll .header-search .container-inner {padding:88px 0 0 0;}
	.main .header-wrap.scroll .header-search .combine-search {padding:16px 0 56px 0;}


	.main-fwci {width:1192px !important; margin-left:-596px !important;}
}