@charset "utf-8";

/* **************************************** *
 * sub.css
 * **************************************** */
select {
    height: 30px;
    padding: 2px 10px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #ddd;
}

/* HEADER */
.subSecondMenu {
    background: #921c1c;
    margin-top: 100px;
}

.subSecondMenu nav a {
    color: #fff;
    display: block;
    padding: 15px 0;
}


#containerBox {
    position: relative;
    padding-top: 100px;
}

@media screen and (max-width:1200px) {
    #containerBox {
        padding-top: 80px;
    }
}

.sub>#spot {
    height: auto;
}

.sub>#container-wrap>#content:first-child {
    height: auto;
    padding-top: 0;
}

#spot {
    position: relative;
    /* z-index:9; */
    z-index: 2;
}

#spot .img-box {
    position: relative;
    height: 195px;
    background-image: url('../images/sub/sub_visual.jpg');
    opacity: 0.75;
    background-position: center 63.5%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0;
    display: grid;
    align-items: center;
    padding: 0 30px;
}

#spot .img-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

#spot .img-box h2 {
    text-align: center;
    position: relative;
    color: #ffffff;
    font-size: 2.8125rem;
    text-shadow: 1px 1px 6px black;
}

#spot #snb {
    position: relative;
    height: 60px;
    background: #f77d23;
}

#spot #snb:focus-visible {
    outline-color: currentColor;
}

#spot #snb .right-con {
    margin-top: 0 !important;
}

#spot #snb .snb-fix-box {
    width: 100%;
	background: #f77d23;
}

#spot #snb .snb-fix-box.fix {
    position: fixed;
    top: 80px;
    left: 0;
}

#spot #snb .snb-area {
    max-width: 1400px;
    margin: 0 auto;
}

#spot #snb .snb-area:after {
    content: "";
    display: block;
    clear: both;
}

#spot #snb .nav {
    height: 60px;
}

#spot #snb .nav>li {
    position: relative;
    height: 60px;
}

#spot #snb .nav>li>a {
    display: block;
}

#spot #snb .nav>li.home {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    background: #f56200;
}

#spot #snb .nav>li.home>a {
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url('../images/sub/home.png');
    background-position: center;
    background-repeat: no-repeat;
}

#spot #snb .nav>li>p {
    position: relative;
    padding: 0 45px 0 20px;
    color: #fff;
    font-weight: 500;
    line-height: 60px;
    height: 60px;
    cursor: pointer;
    transition: all .5s;
}

#spot #snb .nav>li:last-child>p:before {
    width: 0;
}

#spot #snb .nav>li>p:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 45px;
    background-color: #fbbe91;
    transform: translateY(-50%);
}

/* #spot #snb .nav > li:last-child > p:before{width:0;} */
#spot #snb .nav>li>p:after {
    content: '';
    position: absolute;
    top: 26px;
    right: 23px;
    width: 15px;
    height: 8px;
    background: url('../images/sub/nav_arr.png') no-repeat;
    transition: all .3s;
}

#spot #snb .nav>li>p.on {
    background-color: #f56200;
}

#spot #snb .nav>li>p.on:after {
    transform: rotate(180deg);
}

/* 버튼 변경 시 */
#spot #snb .nav>li>button {
    position: relative;
    color: #fff;
    font-weight: 500;
    line-height: 60px;
    height: 60px;
    cursor: pointer;
    transition: all .5s;
    background: transparent;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    width: 100%;
    padding: 0 0 0 10px;
    text-align: left;
    font-size: 0.9rem;
    letter-spacing: -0.3px;
}

#spot #snb .nav>li:last-child>button:before {
    width: 0;
}

#spot #snb .nav>li>button:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 45px;
    background-color: #fbbe91;
    transform: translateY(-50%);
}

#spot #snb .nav>li>button:after {
    content: '';
    position: absolute;
    top: 26px;
    right: 10px;
    width: 15px;
    height: 8px;
    background: url('../images/sub/nav_arr.png') no-repeat;
    transition: all .3s;
}

#spot #snb .nav>li>button.on {
    background-color: #f56200;
}

#spot #snb .nav>li>button.on:after {
    transform: rotate(180deg);
}


#spot #snb .nav>li .nav-02 {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    border: 1px solid #e9e9e9;
    background: #fff;
    box-sizing: content-box;
    z-index: 3;
}

#spot #snb .nav>li .nav-02>li {
    height: 50px;
    border-top: 1px solid #e9e9e9;
}

#spot #snb .nav>li .nav-02>li:first-child {
    border-top: none;
}

#spot #snb .nav>li .nav-02>li>a {
    display: block;
    overflow: hidden;
    padding-left: 10px;
    line-height: 50px;
    color: #777777;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

#spot #snb .nav>li .nav-02>li>a:hover {
    background: #f6f8fb;
}




#spot #snb .right-con .search-box {
    position: relative;
    float: left;
    width: calc(100% - 120px);
}

#spot #snb .right-con .search-box .se-intxt {
    width: 100%;
    height: 60px;
    padding: 0 50px 0 170px;
    border: 4px solid #da4e02;
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}

#spot #snb .right-con .search-box .se-intxt::placeholder {
    color: #555;
    font-weight: normal;
}

#spot #snb .right-con .search-box .se-intxt:focus {
    outline: none;
    background: #fffce5;
}

#spot #snb .right-con .search-box .se-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    border: 0px solid rgba(255, 255, 255, 0.4);
    background-color: #fff;
    cursor: pointer;
    background: url(../images/sub/snb_search_i_r.svg) no-repeat center center;
    background-size: auto 26px;
}

#spot #snb .right-con .search-box .customSelect {
    position: absolute;
    height: 100%;
}

#spot #snb .right-con .search-box .customSelect select {
    display: none;
    /*hide original SELECT element:*/
}

#spot #snb .right-con .search-box .select-selected:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 5px;
    width: 15px;
    height: 8px;
    background: url(../images/sub/nav_arr_r.svg) no-repeat;
    transition: all .3s;
}

#spot #snb .right-con .search-box .select-selected.select-arrow-active:after {
    transform: rotate(180deg);
}

#spot #snb .right-con .search-box .select-items a,
#spot #snb .right-con .search-box .select-selected {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 16px;
    cursor: pointer;
    user-select: none;
    line-height: 20px;
    font-size: inherit;
    color: #777;
    height: 50px;
}

/*웹접근성 777*/

/* 임시 */
#spot #snb .right-con .search-box .select-items div,
.select-selected {
    border-bottom: 1px solid #e9e9e9;
    color: #777;
    padding: 15px 16px;
    cursor: pointer;
    user-select: none;
    line-height: 20px;
    font-size: inherit;
}

/*웹접근성 #777*/
/* 임시 끝 */

#spot #snb .right-con .search-box .select-items {
    border: 1px solid #e9e9e9;
}

#spot #snb .right-con .search-box .select-selected {
    line-height: 60px;
    padding: 0 25px 0 16px;
    color: #fff;
    width: 160px !important;
    border-bottom: 0px;
    font-weight: 600;
    color: #da4e02;
    font-weight: 600;
}

#spot #snb .right-con .search-box .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

#spot #snb .right-con .search-box .select-hide {
    display: none;
}

#spot #snb .right-con .search-box .select-items div:hover,
.same-as-selected {
    background-color: #f6f8fb;
}

/* #spot #snb .right-con .search-box input.se-intxt#top_searchKeyword:focus {background-color: #fffce5;}
 */
#spot #snb .right-con .se-e-btn {
    display: inline-block;
    float: left;
    width: 60px;
    height: 60px;
    vertical-align: top;
    font-size: 0;
    position: relative;
}

#spot #snb .right-con .se-e-btn:after {
    font-size: 14px;
    display: inline-block;
    position: absolute;
    margin-top: -60px;
    visibility: hidden;
    width: 60px;
    box-sizing: border-box;
    width: 60px;
    height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s;
}

#spot #snb .right-con .se-e-btn:before {
    content: "";
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    opacity: 0;
    transition: opacity 0.4ss;
}

#spot #snb .right-con .se-e-btn:hover:before,
#spot #snb .right-con .se-e-btn:hover:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s;
}

#spot #snb .right-con .se-e-btn:focus:before,
#spot #snb .right-con .se-e-btn:focus:after {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s;
}

#spot #snb .right-con .se-e-btn:after {
    margin-top: -62px;
}

#spot #snb .right-con .se-e-btn:before {
    margin-top: -72px;
}

#spot #snb .right-con .se-e-btn.li01 {
    background: #9641a3 url(../images/sub/icon_dtailSearch.png) no-repeat center center;
    transition: background 0.4s;
}

#spot #snb .right-con .se-e-btn.li01:before {
    border-width: 5px;
    border-style: solid;
    border-color: #9641a3 transparent transparent transparent;
}

#spot #snb .right-con .se-e-btn.li01:after {
    content: "결과내 검색";
    background: #9641a3;
    right: 0;
}

#spot #snb .right-con .se-e-btn.li02 {
    background: #72339e url(../images/sub/snb_i_02.png) no-repeat center center;
}

#spot #snb .right-con .se-e-btn.li02:before {
    border-width: 5px;
    border-style: solid;
    border-color: #72339e transparent transparent transparent;
}

#spot #snb .right-con .se-e-btn.li02:after {
    content: "상세 검색";
    background: #72339e;
    padding: 5px;
    right: 0;
}

#spot #snb .right-con .se-e-btn.li01.on {
    background: #9641a3 url(../images/sub/icon_dtailSearch_on.png) no-repeat center center;
    transition: background 0.4s;
}

#content {
    width: 100%;
    /* max-width:1400px; */
    padding: 55px 0;
    margin: 0 auto;
}

#content:after {
    content: "";
    display: block;
    clear: both;
}

/* HEADER END */

/* List Kom */
.center_map_0525 .search-box.sub {
    /* padding:60px 0 40px 0; */
    padding: 80px 0 60px 0;
}

.content_body .icon_box div{
    display: grid;
    width: 90%;
    margin: 0 5%;
    padding: 20px 0;
}

.content_body .icon_box div a{
    display: grid;
    width: 90%;
    margin: 0 5%;
    padding: 20px 0;
}

.content_body .icon_box a:hover,
.content_body .icon_box button:hover {
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

.content_body .icon_box a:hover i,
.content_body .icon_box button:hover i {
    transition: all 0.3s;
    color: #704092;
}

/* List Kom END */

/* Junal Intro */
.lineR:after {
    content: "";
    width: 1px;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin: 0 23px;
    margin-bottom: -10px;
}

/* .koms.jui h2.in_block{width:31.2% !important;} */
/* Junal Intro END */

/* koms AuthorInformation */
.tabBtnH {
    padding: 16px 24px 16px 0;
    font-size: 1.2rem;
    border-radius: 0;
}

.listWrap .titleBox {
    padding: 20px 0 0 20px;
}


/* koms AuthorInformation END */

/* Center Info  */
.centerintro_text {
    font-size: 1.5rem;
    margin: 20px 0;
}

.centerintro_text>span {
    font-size: 1.8rem;
}

.vision,
.function {
    max-width: 1000px;
    margin: 0 auto;
}

.dia>div {
    margin-top: 20px;
}

.dia>.row1>.float {
    width: 30%;
    text-align: center;
    height: 150px;
}

.dia>.row1>.float.text {
    width: 70%;
    padding-left: 30px;
    position: relative;
    font-size: 1.4rem;
    text-align: left;
    color: #60609c;
    position: relative;
}

.dia>.row1>.float.text:before {
    content: "";
    width: 40px;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 50%;
    margin-left: -60px;
}

.dia>.row1>.float.text>p {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.dia p.bg {
    background: #555;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    font-weight: normal;
}

.dia p.bg2 {
    background: #6666FF;
}

.dia p.cir {
    position: relative;
    background: #fff;
    border-radius: 50%;
    height: 100%;
    margin: 0 auto;
    width: 150px;
    border: 7px solid rgba(0, 0, 255, 0.2);
    color: rgba(0, 0, 255, 0.6);
    line-heighT: 140px;
}

.dia p.cir>span {
    border-bottom: 1px solid rgba(0, 0, 255, 0.4);
    font-size: 1.3rem;
    font-weight: bold;
}

.dia:nth-child(2) p.cir {
    border: 7px solid rgba(0, 0, 255, 0.4);
}

.dia.effec p.cir {
    border: 7px solid rgba(0, 0, 255, 0.6);
    background: #fff;
    margin-top: 30px;
}

.dia.effec p.cir:before {
    margin-top: -20px;
    content: "";
    position: absolute;
    z-index: -1;
    width: 136px;
    height: 136px;
    background: linear-gradient(to bottom right, rgba(165, 165, 222, 0.7), rgba(165, 165, 222, 0), rgba(165, 165, 222, 0));
    display: block;
    transform: rotate(45deg);
}

.dia>.row1>.float.text.sm {
    font-size: 1em;
}

.dia .barMark {
    margin-top: 7px;
}

.dia .cir2 {
    width: 300px;
    font-size: 1.4em;
    height: 300px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    border: 7px solid rgba(0, 0, 255, 0.2);
    /* color:rgba(0,0,255,0.6); */
    color: #fff;
}

.boxTitle.function {
    margin-top: 40px;
}

.function .dia>div p.bg {
    width: 194px;
}

.cir_bg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #4C4CFF;
}

.cir_bg:after {
    content: "";
    width: 130px;
    height: 130px;
    margin-left: -7px;
    margin-top: -7px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 255, 0.4);
}


.function .flex_box>div {
    padding: 0 10px;
}

.function .flex_box>div>ul {
    padding: 0 7px;
}

.function .flex_box>div>ul>li {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin-bottom: 7px;
}

.function .flex_box ul ul {
    font-weight: normal;
    font-size: 0.9em;
    padding: 0 0 0 7px;
    color: #666;
    line-height: 140%;
}

.borNum {
    font-size: 2.6rem;
    color: #949494;
    border-bottom: 1px solid #ccc;
    line-height: 80%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.function canvas {
    left: -7px;
    top: -7px;
}

.function .step {
    top: 0;
}

.function .step>div {
    width: 300px;
    margin: 0 auto;
}

.function .step>div>div {
    position: absolute;
    width: 180px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50px;
    padding: 20px;
}

.function .step>div>div:nth-child(1) {
    left: -90px;
    top: 30px;
    border: 4px solid rgba(122, 41, 123, 0.5);
}

.function .step>div>div:nth-child(2) {
    right: -90px;
    top: 30px;
    border: 4px solid rgba(169, 201, 223, 0.5);
}

.function .step>div>div:nth-child(3) {
    left: -90px;
    bottom: 30px;
    border: 4px solid rgba(113, 185, 104, 0.5);
}

.function .step>div>div:nth-child(4) {
    right: -90px;
    bottom: 30px;
    border: 4px solid rgba(255, 192, 0, 0.5);
}

.function .dia .float:last-child {
    margin-left: 5%;
}

.function .dia .float:nth-child(1),
.function .dia .float:nth-child(3) {
    height: 300px;
}

.function .dia .float:nth-child(1) .t_50:before,
.function .dia .float:nth-child(3) .t_50:before {
    right: -40%;
    content: "";
    position: absolute;
    z-index: -1;
    width: 136px;
    height: 136px;
    background: linear-gradient(to bottom right, rgba(165, 165, 222, 0.7), rgba(165, 165, 222, 0), rgba(165, 165, 222, 0));
    display: block;
    transform: rotate(135deg);
    top: 50%;
    margin-top: -34%;
}

.function .dia .float:nth-child(3) .t_50:before {
    right: 130%;
}

.function_desc {
    max-width: 1100px;
    margin: 30px auto;
}

.function_desc .flex_box>div {
    padding: 0 10px;
}

.function_desc .flex_box>div>ul {
    padding: 0 7px;
}

.function_desc .flex_box>div>ul>li {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin-bottom: 7px;
}

.function_desc .flex_box ul ul {
    font-weight: normal;
    font-size: 0.9em;
    padding: 0 0 0 3px;
    color: #666;
    line-height: 140%;
}

.function_desc li.barMark.lh_1_5.ma_b_3 {
    font-size: 0.95rem;
}

/* 연혁 */
.history_box {
    width: 100%;
    height: auto;
    background: url("../../resources/images/sub/centerInfo/bg_centerInfoHistory.png")no-repeat center top;
    background-size: 819px;
    max-width: 910px;
    margin: 0 auto;
}

.history_box>.left_box.first {
    padding-top: 70px;
}

.history_box>.right_box {
    width: 50%;
    max-width: 361px;
    float: right;
    text-align: right;
}

.history_box>.left_box {
    width: 50%;
    max-width: 361px;
    float: left;
    text-align: left;
}

.history_box>div>.list {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 140px;
    padding-top: 16px;
}

.history_box>div>.list>.years {
    width: 100%;
    height: 30px;
}

.history_box>div>.list>p {
    margin: 0;
}

/*웹접근성*/
.history_box>div>.list>.years>.year {
    font-size: 1.75rem;
    font-weight: bold;
    /*color:rgba(111, 19, 22, 0.3)*/
    color: rgba(111 19 22 / 0.7);
    line-height: 100%;
    position: absolute;
    right: 0;
    top: 17px;
}

.history_box>.left_box>.list>.years>.year {
    left: 0;
    top: 17px;
}

.history_box>div>.list>.years>.dotted {
    width: 78.947368421052631578947368421053%;
    max-width: 285px;
    display: inline-block;
    border-top: 1px dashed #B2C3D0;
    padding-bottom: 13px;
    margin-top: 18px;
    margin-right: 19%;
}

.history_box>.left_box>.list>.years>.dotted {
    margin-left: 21.052631578947368421052631578947%;
    margin-right: 0;
}

.history_box>div>.list>.month {
    color: rgba(0, 0, 0, 0.7);
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 1px;
    display: inline-block;
    line-heighT: 140%;
    box-sizing: border-box;
}

.history_box>div>.list>.explanation {
    color: #003964;
    margin: 2px 0 4px;
}

#daumRoughmapContainer1527147594772 {
    width: 100%;
}


/* galleryIntro.jsp */
.highlightTitle {
    margin: 10px 0 40px 0;
    font-size: 1.5rem;
    line-height: 150%;
}

.highlightTitle>span {
    font-weight: bold;
    font-size: 1.8rem;
}

.center_info .pic_box {
    width: 50%;
    max-width: 500px;
    height: 250px;
    margin: 0 auto;
    border-radius: 150px;
    position: relative;
}

.center_info .pic_box.stage2,
.center_info .pic_box.stage3 {
    height: 220px;
}

.center_info .pic_box.stage1 {
    background: url("../../resources/images/sub/centerInfo/centerInfo_st1.png") center center;
    background-size: cover;
}

.center_info .pic_box.stage2>.image1 {
    background: url("../../resources/images/sub/centerInfo/centerInfo_st2_1.png") center center;
}

.center_info .pic_box.stage2>.image2 {
    background: url("../../resources/images/sub/centerInfo/centerInfo_st2_2.png") center center;
}

.center_info .pic_box.stage3>.image1 {
    background: url("../../resources/images/sub/centerInfo/centerInfo_st3_1.png") center center;
}

.center_info .pic_box.stage3>.image2 {
    background: url("../../resources/images/sub/centerInfo/centerInfo_st3_2.png") center center;
}

.center_info .pic_box.stage4 {
    background: url("../../resources/images/sub/centerInfo//centerInfo_st4.png") center center;
}

.center_info .pic_box>.pic_explanation {
    width: 240px;
    position: absolute;
    color: #222;
}

.center_info .pic_box>.stage {
    position: absolute;
    width: 250px;
    padding-right: 5px;
    border-bottom: 1px solid #ccc;
    color: #6f6f6f;
    font-weight: bold;
    font-size: 1.5rem;
}

.center_info .pic_box>.arrow_r {
    position: absolute;
    right: -56px;
    top: 50%;
}

.center_info .pic_box>.arrow_l {
    position: absolute;
    left: -56px;
    top: 50%;
}

.center_info .stage1>.stage,
.center_info .stage3>.stage {
    text-align: right;
    left: -270px;
    top: 25%;
}

.center_info .pic_box>div {
    top: 43%;
}

.center_info .stage2>.stage,
.center_info .stage4>.stage {
    top: 22%;
    text-align: left;
    left: 104%;
}

.center_info .stage4>.stage {
    top: 25%;
}

.center_info .stage1>.pic_explanation,
.center_info .stage3>.pic_explanation {
    left: -260px;
    text-align: right;
}

.center_info .stage2>.pic_explanation,
.center_info .stage4>.pic_explanation {
    text-align: left;
    left: 104%;
}

.center_info .stage3>.pic_explanation>div>p {
    width: 1px;
    float: left;
    padding: 0;
    margin: 0;
}

.center_info .stage3>.pic_explanation>div>p:after {
    width: 1px;
    height: 75px;
    margin-top: 6px;
    background: #714192;
    display: inline-block;
    content: "";
    position: absolute;
    left: -7px;
    bottom: 10px;
}

.center_info .stage3>.pic_explanation>div>ul {
    float: right;
    text-align: left;
}

.center_info .stage3>.pic_explanation>div>ul>li:before {
    position: absolute;
    width: 10px;
    height: 18px;
    left: -13px;
    color: #f97a34;
    content: "●";
    font-size: 12px;
    margin-top: 2px;
}

.center_info .stage3>.pic_explanation>div>ul>li>span {
    font-size: 12px;
    color: #666;
    margin-right: 7px;
}

.center_info .pic_box>p {
    width: 280px;
    height: 200px;
    border-radius: 100px;
    position: absolute;
    padding: 0;
    margin: 0;
}

.center_info .pic_box>p.image2 {
    right: 0;
}

/* 센터안내 END */

/* 박물자료 리스트 , 기획전시 리스트 */
.exhibit {
    width: 49%;
    float: left;
    position: relative;
}

.exhibit:nth-child(2n-1) {
    margin-right: 1%;
}

.exhibit>* {
    float: left;
    padding: 10px 0;
    overflow: hidden;
}

.exhibit>.image_box {
    position: relative;
    text-align: center;
    padding: 10px;
    width: 28%;
    margin: 0 5% 0 0 !important;
    min-width: 200px;
    height: 250px;
    overflow: visible;
    border: 1px solid #ddd;
    background: #fff;
}

.exhibit>.image_box>img {
    width: auto;
    height: 230px;
    max-width: 180px;
    object-fit: cover;
}

.exhibitImg img {
    width: 80%;
    height: auto;
}

.exhibitImg.long img {
    width: auto;
    max-width: 80%;
    min-height: 500px;
}

.exhibit.list .title {
    padding-top: 0;
}

.exhibit>a {
    width: 63%;
}

.exhibit .text_box li {
    margin-bottom: 10px;
}

.exhibit .text_box li:first-child {
    margin-top: 15px;
}

.exhibit .text_box li>span {
    display: inline-block;
}

.exhibit .text_box li>span:nth-child(1) {
    width: 100px;
    text-align: right;
    padding-right: 20px;
    vertical-align: top;
    font-weight: 500;
}

.exhibit .text_box li>span:nth-child(2) {
    width: calc(100% - 100px);
    color: #333;
}

.exhibit a.button {
    width: 120px;
    position: absolute;
    bottom: 0px;
    left: 220px;
    padding: 0 10px !important;
}

.mng img {
    width: 100%;
    height: auto;
}

/* 박물자료 리스트 , 기획전시 리스트 END  */

/* 공지사항 */
table.notice td {
    position: relative;
}

table.notice .t0 {
    position: absolute;
    font-size: 0.8rem;
    background: #e2d4ec;
    color: #704092;
    border-radius: 30px;
    padding: 3px 10px;
    top: 50%;
    margin-top: -11px;
}

table.notice .notice_list {
    padding-left: 50px;
}

/* 공지사항  END */

/* 연구성과물  */
.content_body .icon_box {
    padding: 30px 20px 0 20px;
    margin-bottom: 60px;
}

.content_body .icon_box i {
    display: inline-block;
    margin-bottom: 10px;
    color: #5d6680;
    font-size: 3em;
}

.content_body .icon_box span.tCount {
    color: #da4e02;
    font-size: 1.7em;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: inline-block;
    line-height: 85%;
}

.content_body .icon_box span.cName {
    font-size: 19px;
    display: inline-block;
    color: #64676d;
}

.icon_box2 {
    position: relative;
    padding: 0 100px;
}

.icon_box2>li:before {
    content: "";
    position: absolute;
    height: 100%;
    border-left: 5px solid #EB5A23;
    left: 0;
    top: 0;
    opacity: 0.5;
    transition: all 0.3s;
}

.icon_box2>li:hover:before,
.icon_box2>li:hover img {
    opacity: 1;
    transition: all 0.3s;
}

.icon_box2>li {
    position: relative;
    margin-bottom: 30px;
    height: 120px;
    width: 24%;
    float: left;
    background: #fff;
    transition: all 0.3s;
}

.icon_box2>li:nth-child(7),
.icon_box2>li:nth-child(9) {
    margin-bottom: 7px;
}

.icon_box2>li:hover {
    background: #f9f9f9;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px6px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

.icon_box2>li:nth-child(3n-1) {
    margin: 0 13%;
}

.icon_box2>li:nth-child(2):before {
    border-left: 5px solid #003A5F;
}

.icon_box2>li:nth-child(3):before {
    border-left: 5px solid #14983B;
}

.icon_box2>li:nth-child(4):before {
    border-left: 5px solid #25A7B6;
}

.icon_box2>li:nth-child(5):before {
    border-left: 5px solid #086583;
}

.icon_box2>li:nth-child(6):before {
    border-left: 5px solid #7A318E;
}

.icon_box2>li:nth-child(7):before {
    border-left: 5px solid #A11F24;
}

.icon_box2>li:nth-child(8):before {
    border-left: 5px solid #313A8E;
}

.icon_box2>li:nth-child(9):before {
    border-left: 5px solid #4E0A0D;
}

.icon_box2>li .card_name {
    color: #EB5A23;
    font-size: 1.3rem;
}

.icon_box2>li:nth-child(2) .card_name {
    color: #003A5F;
}

.icon_box2>li:nth-child(3) .card_name {
    color: #14983B;
}

.icon_box2>li:nth-child(4) .card_name {
    color: #25A7B6;
}

.icon_box2>li:nth-child(5) .card_name {
    color: #086583;
}

.icon_box2>li:nth-child(6) .card_name {
    color: #7A318E;
}

.icon_box2>li:nth-child(7) .card_name {
    color: #A11F24;
}

.icon_box2>li:nth-child(8) .card_name {
    color: #313A8E;
}

.icon_box2>li:nth-child(9) .card_name {
    color: #4E0A0D;
}

.icon_box2>li .t_count {
    color: #444;
    font-size: 1.2rem;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.icon_box2>li .t_count>span {
    color: #7e7e7e;
}

.icon_box2>li a {
    padding: 20px;
    display: block;
    width: 100%;
    height: 100%;
}

.icon_box2>li img {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 70px;
    opacity: 0.8;
    transition: all 0.3s;
}

.news_box>div {
    height: 250px;
    margin: 0 20px;
    padding: 20px;
}

.news_box>div>a {
    display: block;
    border: 1px solid #ddd;
    height: 100%;
    padding: 15px;
    transition: all 0.3s;
}

.news_box>div>a:hover {
    background: rgba(154, 44, 19, 0.1);
    transition: all 0.3s;
}

.news_box>div:first-child {
    margin-left: 0;
}

.news_box>div:last-child {
    margin-right: 0;
}

.news_box .news_title {
    color: #9a2c13;
    font-size: 1rem;
}

.news_box .news_title.en {
    color: #666;
    font-size: 0.9rem;
    margin-top: 20px;
}

.news_box .regi_day {
    position: absolute;
    bottom: 15px;
}

.news_box .icon_class {
    position: absolute;
    bottom: 9px;
    right: 15px;
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("../images/sub/archive/icon_1.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class2 {
    background: url("../images/sub/archive/icon_2.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class3 {
    background: url("../images/sub/archive/icon_3.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class4 {
    background: url("../images/sub/archive/icon_4.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class5 {
    background: url("../images/sub/archive/icon_5.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class6 {
    background: url("../images/sub/archive/icon_6.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class7 {
    background: url("../images/sub/archive/icon_7.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class8 {
    background: url("../images/sub/archive/icon_8.png")no-repeat;
    background-size: 100% auto;
}

.news_box .icon_class9 {
    background: url("../images/sub/archive/icon_9.png")no-repeat;
    background-size: 100% auto;
}

.keyword {
    padding-left: 110px;
    margin-bottom: 10px;
}

.keyword>button {
    position: relative;
    font-size: 1rem;
    padding: 0 12px;
    border-radius: 20px;
    color: #72339e;
    background: #fff;
    color: #72339e;
    border: 0;
    max-width: 100%;
    min-height: 30px;
    height: auto;
    line-height: 20px;
}

.keyword>button.on {
    background: #fff;
    color: #72339e;
    border: 1px solid #72339e;
    overflow-wrap: break-word;
}

.keyword>button:nth-child(1):before {
    content: "keyword";
    width: 100px;
    position: absolute;
    left: -110px;
    top: 5px;
    color: #583030;
    display: inline-block;
    text-align: left;
    font-size: 1.3rem;
    font-weight: bold;
}

#data_list .tabBox>.container {
    margin-top: 0 !important;
}

#data_list.data_listInBox .content_body {
    padding: 0;
}

h3.itemName>.btnMore {
    padding: 5px 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    color: #f77d23;
    position: absolute;
    right: 0;
    font-weight: bold;
}

h3.itemName>.btnMore:hover {
    color: #da4e02;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

h3.title>span.edsType,
h3>span.edsType {
    margin-left: 40px;
    font-weight: 500;
    font-size: 1.2rem;
    color: #6f1316;
}

h3>span.edsType {
    margin-left: 0;
}

.btnMore {
    padding: 5px 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    color: #f77d23;
    position: absolute;
    right: 0;
    font-weight: bold;
}

.btnMore:hover {
    color: #da4e02;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.data_listInBox .mng>.content_body>.row {
    padding: 0;
}

.data_listInBox .mng>.content_body>.row>.title {
    display: none;
}

/* .data_listInBox .tabBox .listHorizontal {
    padding-left: 25px;
} */
/* .data_listInBox .title > span {
    margin: 0 5px 0 0;
} */
.grid_box .keywords>p {
    margin-right: 10px;
}

/* 연구성과물  END */

/* totalSearch  */
.totalSearch h2.boxTitle {
    text-align: left;
    padding: 25px 0 10px 20px;
}

.row .col2 {
    width: 48%;
    float: left;
    overflow: hidden;
}

.row .col2:nth-child(2n) {
    float: right;
}

.line_box .content_body {
    min-height: unset;
    padding: 0;
}

.line_box>.border_box {
    padding-top: 0;
}

/* .line_box > .border_box:after{content:"";position:absolute;width:100%;left:0;bottom:0;height:20px;background:#fff;}
 */
.border_box>div,
.border_box>div.tabcontent>div,
.border_box>div {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.totalSearch .content_wrap {
    border-bottom: 0 !important;
}

.border_box>div.tabcontent>div {
    padding-top: 20px;
}

.border_box>div.tabcontent:first-child>div {
    padding-top: 0;
}

.border_box>div.tabcontent {
    padding: 10px;
    margin: 0;
}

.border_box>div.tabcontent:last-child {
    border-bottom: 1px solid #ddd;
}

.border_box>div:first-child,
.border_box>div {
    padding-top: 20px;
}

.border_box>div:last-child,
.border_box>div.tabcontent>div:last-child {
    border-bottom: 0;
}

.border_box .list_type {
    font-size: 1.17em;
    font-weight: bold;
}

.border_box>div:first-child .list_type {
    padding-top: 0;
}

.border_box .list_type>span.listNum,
.border_box .listType h3>span.listNum {
    line-height: 20px;
    float: left;
    display: inline-block;
    width: 26px;
    text-align: left;
    font-size: 1rem;
    padding-left: 2px;
    color: #000;
}

.border_box .list_type>p {
    float: left;
    display: inline-block;
    width: calc(100% - 100px);
}

.border_box .summary_box {
    padding-left: 25px;
    padding-top: 10px;
}

.border_box .summary_box .summary_box .btnBox {
    margin-top: 5px;
}

.totalSearch .border_box .listType .summary_box *:not(.button),
.totalSearch #pubmed_div_body .listType ul:nth-child(2) *:not(.button) {
    line-height: 150%;
}

.totalSearch #pubmed_div_body .listType *>span {
    color: #000;
    font-size: 1rem;
}

.totalSearch #box4 .border_box>div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.totalSearch #box4 .border_box>div:last-child {
    border-bottom: 0;
}

.linkBtnBox {
    margin-top: 10px;
}

.linkBtnBox .button {
    vertical-align: top;
    background: #fff;
    font-weight: 500;
    margin-bottom: 5px;
    margin-right: 5px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    padding: 1px 3px;
    text-align: center;
    overflow: hidden;
}

.linkBtnBox a img {
    height: 18px;
    margin-top: 1px;
}

.linkBtnBox span.btn_name {
    line-height: 20px !important;
    vertical-align: top;
}

.linkBtnBox .button.findNcmik {
    padding: 0 15px 0 32px;
    background: #fff url(../images/sub/btnIcon_findit.png) no-repeat 10px center;
}

.linkBtnBox .button.pdf {
    padding: 0 4px 0 24px;
    background: #fff url(../images/sub/btnIcon_pdf.png) no-repeat 4px center;
}

.linkBtnBox .button.html {}

.linkBtnBox .button.eBook {}

.linkBtnBox .button.fullText {}

.linkBtnBox .button.open {}

.linkBtnBox .button.web {}

.linkBtnBox .button.journal {}

.linkBtnBox .button.scopus {}

.linkBtnBox .button:hover {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.border_box .summary_box .info {
    line-height: 150%;
    color: #666;
    padding: 5px 0;
}

.border_box .v_bar {
    padding: 0 7px;
    display: inline-block;
    color: #555;
    line-height: 20px;
}

.border_box .listTitle {
    font-size: 1.15rem;
    font-weight: bold;
    display: block;
    width: calc(100% - 36px);
}

.border_box .summary_box .author {
    height: 18px;
    line-height: 18px;
    margin-bottom: 7px;
}

.border_box .summary_box .author_icon {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #9dc63c;
    display: inline-block;
    margin-bottom: -4px;
    margin-left: 4px;
}

.border_box .summary_box .author_icon:after {
    content: "ID";
    color: #fff;
    position: absolute;
    font-size: 12px;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 19px;
}

.border_box .summary_box>a {
    font-weight: 500;
}

searchlink {
    line-height: 160%;
}

.border_box .listType {
    padding: 20px 0;
}

.border_box .listType:hover {
    background: transparent;
}

.border_box .listType>.info>.title_box>h3>span.listNum {
    color: #000;
    font-size: 1rem;
}

.border_box .listType>.info>.title_box>h3>a {
    padding-left: 25px;
    display: block;
    width: calc(100% - 40px);
}

#eds_result.border_box.pop>div,
#pubmed_result.pubmed_result>div {
    padding-top: 0 !important;
}

#pubmed_result.pubmed_result #pub_body>.listType,
#eds_result.border_box.pop .listWrap>.listType {
    border-bottom: 1px solid #ddd;
}

#pubmed_result.pubmed_result #pub_body>.listType:nth-child(2) {
    padding-top: 10px;
}

#pubmed_result.pubmed_result #pub_body>.listType:last-child,
#eds_result.border_box.pop .listWrap>.listType:last-child {
    border-bottom: 0;
}

#pubmed_result.pubmed_result #pub_body>.listType>.titleBox>h3>a {
    padding-left: 25px;
    display: block;
}

#pubmed_result.pubmed_result #pub_body>.listType>.titleBox {
    padding: 0;
}

.line_box.col2>.title_box {
    position: relative;
}

.line_box.col2>.title_box>a.button,
.listBox>.pa_l_0>a.button,
#instDtl .tabcontent>.listWrap>a.button {
    position: absolute;
    top: 25px;
    right: 15px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
    background: #f1edf5;
    color: #5d3e8b;
}

.listBox>.pa_l_0>a.button {
    top: 0;
    right: 0;
}

#instDtl .tabcontent>.listWrap>a.button {
    top: -40px;
    right: 0;
}

.btnIcnonBox.hide button {
    opacity: 0;
    transition: all 0.5s;
}

.btnIcnonBox.hide.on button {
    opacity: 1;
    transition: all 0.5s;
    transition-delay: 0.5s;
}

.btnIcnonBox.hide.on {
    display: block;
    transition: all 0.3s
}

.boxNav {
    left: 50%;
    top: 50px;
    transition: all 0.3s;
    margin-left: 730px;
}

.boxNav li a {
    width: 90px;
    height: 25px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
}

.boxNav.fixed {
    top: 140px;
}

.not_found h2 {
    font-size: 1.2em;
    font-weight: 400;
}

/* Tab style */
.line_box .tab {
    overflow: hidden;
    border: 0;
    background: transparent;
    padding-bottom: 0;
    padding-top: 20px;
}

.line_box .tab button {
    border-radius: 0;
    float: left;
    cursor: pointer;
    padding: 0 14px;
    transition: 0.3s;
    color: #999;
    margin-right: 3px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.line_box .tab button:hover,
.line_box .tab button.active {
    border-bottom: 0;
    background-color: #704092;
    color: #fff;
    border: 1px solid #704092;
    position: relative;
}

.line_box .tabcontent {
    display: none;
    border-top: none;
    border: 1px solid #ddd;
    max-height: 578px;
    overflow-y: auto;
}

/* Tab style END */

/* ... 버튼 */
.showIcon {
    position: absolute;
    cursor: pointer;
    right: -10px;
    top: 13px;
    border: 1px solid transparent !important;
    background: transparent !important;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.totalSearch .showIcon:not(.pin) {
    right: -4px;
}

.showIcon.pin {
    right: 26px;
    padding: 7px 5px 5px;
}

.content_body:not(.totalSearch) .showIcon {
    top: 10px;
}

.content_body:not(.totalSearch) .listType>.title>a {
    width: calc(100% - 65px);
}

.content_body.prj .listType>.title>a {
    width: 100% !important;
}

.content_body.totalSearch .title_box h3>.showIcon {
    top: -6px;
}

.content_body.prj .container>article ul>li:before {
    display: none;
}

.showIcon:hover {
    background: transparent;
    /* border:1px solid #23204c; */
}

.showIcon:hover span {
    background: #f77d23;
}

.pin .icon_pin {
    background-color: #3F4B80;
    -webkit-mask-image: url(../images/sub/icon_pin.svg);
    mask-image: url(../images/sub/icon_pin.svg);
    width: 18px;
    height: 18px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

a.pin .icon_pin {
    background-color: #704092;
    margin: 3px auto 0;
}

.showIcon>span {
    width: 3px;
    height: 3px;
    padding: 0;
    display: inline-block;
    border-radius: 50%;
    background: #23204c;
    vertical-align: middle;
}

.showIcon>span:nth-child(2) {
    margin-left: -11px;
}

.showIcon>span:nth-child(3) {
    margin-left: -11px;
}

.pin:hover .icon_pin {
    background-color: #f77d23;
}

/* 논문 목록쪽 ... 버튼 */
.selectbox_wrap .pin {
    display: inline-block;
}

.selectbox_wrap .pin .icon_pin {
    background-color: #fff;
    display: inline-block;
    vertical-align: bottom;
    width: 22px;
}

.selectbox_wrap .pin:hover .icon_pin {
    background: #fff;
}

.content_body.relative:not(.totalSearch) .summary_box {
    width: 230px;
    height: 55px;
}

.iconset_box {
    margin: 20px auto;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fbfbfb;
    opacity: 1;
    transition: all 0.4s;
}

.iconset_box ul.grid_box {
    grid-template-columns: repeat(auto-fit, minmax(16.6667%, auto));
}

.iconset_box ul.grid_box>li {
    text-align: center;
    padding: 6px 0;
    margin-bottom: 0 !important;
}

.iconset_box ul.grid_box>li:before {
    content: '';
    width: 1px;
    height: 42px;
    border-right: 1px solid #ddd;
    display: inline-block;
    position: absolute;
    left: unset;
    bottom: unset;
}

.iconset_box ul.grid_box>li:nth-child(1):before {
    border-right: none;
}

.iconset_box ul.grid_box>li a {
    display: inline-block;
    width: 100%;
    line-height: 24px;
    color: #704092;
    font-weight: 500;
    letter-spacing: -0.4px;
    box-sizing: border-box;
    font-size: 0.85rem;
}

.iconset_box ul.grid_box>li a i {
    padding: 3px 0;
    display: block;
    font-size: larger;
}

.iconset_box ul.grid_box>li a:hover {
    color: #f77d23;
    text-decoration: none !important;
}

/* .iconset_box:not(.on) {
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
}
 */
.iconset_box ul.exports {
    display: none;
    position: absolute;
    width: 155px;
    left: 50%;
    margin-left: -76px;
    bottom: -38px;
    border: 1px solid #ddd;
    padding: 3px;
    background: #fff;
    z-index: 2;
}

.iconset_box ul.exports.on {
    display: block;
}

.iconset_box ul.exports>li {
    float: left;
    display: inline-block;
    width: 45px;
    height: 35px;
    border-radius: 5px;
    background: #704092;
    margin: 2px;
}

.iconset_box ul.exports>li a {
    color: #fff;
    font-size: 0.75rem;
    line-height: 6px;
}

.iconset_box ul.exports>li a i {
    font-size: 0.9rem;
    padding-top: 6px;
}

.iconset_box ul.exports>li:hover {
    background-color: #56419b;
}

.iconset_box ul.exports>li a:hover {
    color: #fff;
}

.iconset_box ul.share {
    width: 185px;
    margin-left: -92.5px;
}

.totalSearch .iconset_box ul.share {
    left: 0;
    margin-left: 0;
}

.iconset_box ul.share>li {
    width: 55px;
}

.iconset_box ul.share>li a {
    font-size: 0.5rem;
}

li.search_param {
    margin: 5px 0;
}

li.search_param img {
    vertical-align: top;
}

.container>article .exports>li:before {
    display: none !important;
}

.iconset_box ul.exports>li:after {
    height: 0;
}

.show-qr {
    position: absolute;
    top: 60px;
    right: 50%;
    margin-right: -65px;
    width: 130px;
    height: 130px;
    z-index: 1;
    border: 1px solid #ddd;
    padding: 3px;
    background: #fff;
    display: none;
}

.qr-button.on .show-qr {
    display: block;
}

/* totalSearch  END */

/* searchDetail */
.listBox .listTitle {
    font-size: 1.15rem;
    display: block;
    margin-bottom: 7px;
}

h4.itemName {
    font-size: 1.15rem;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

button h3 {
    font-size: 1.15rem;
}

.container>article ul>li {
    position: relative;
    margin-bottom: 36px;
    min-height: 26px;
    color: #444;
}

.container>article ul>li:after {
    clear: both;
    display: block;
    content: "";
}

.container>article ul>li:before {
    content: '';
    bottom: -17px;
    left: -15px;
    position: absolute;
    width: calc(100% + 20px);
    display: block;
    border-bottom: 1px solid rgba(111, 19, 22, 0.1);
}

.container>article ul>li.pa_l_0:before {
    content: none;
}

.container>article ul>li.flex_box {
    padding-left: 0;
}

.container>article ul>li.etc {
    margin-bottom: 20px;
}

.container>article ul>li.bor_b_0:after {
    border-bottom: 0;
}

.container>article ul.long>li:after {
    left: 0px;
    width: 100%;
}

.container>article ul>li:last-child:after {
    border-bottom: 0;
}

.container>article ul>li.border_b:after {
    border-bottom: 1px solid rgba(111, 19, 22, 0.1) !important;
}

.container>article li>h4,
article h3.itemName,
aside h3.itemName,
h3.itemName {
    margin-bottom: 10px;
    color: #111;
    display: inline-block;
    margin-right: 30px;
}

.container>article li h4 {
    float: left;
    display: inline-block;
    min-width: 111px;
    text-align: left;
    font-weight: 500;
    margin-right: 20px;
}

.container>article li>p {
    float: left;
}

.listHorizontal {
    color: #777;
    padding-left: 40px;
    line-height: 150%;
}

.pro_listHorizontal {
    color: #777;
    line-height: 150%;
}

.listRow {
    margin-top: 30px;
}

p.ver_m.in_block strong {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 5px;
}

/* authorInformation */
h2.title i,
h3.title i {
    font-size: 2rem;
    margin: 0 10px 0 0;
    color: #B7AE9D;
}

.icon_sm {
    width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
}

.icon_xsm {
    width: 27px;
    height: 27px;
    margin: 0 10px 0 0;
}

.authorProject .shadowBox {
    padding: 30px;
    margin-top: 20px;
    font-size: 16px;
    color: #777;
}

.authorProject .shadowBox:hover {
    background: #f3f2f2;
}

.authorProject .shadowBox:first-child {
    margin-top: 0;
}

.authorProject .shadowBox i {
    font-size: 2rem;
    margin-right: 15px;
    vertical-align: bottom;
}

.authorProject .shadowBox .content {
    margin-top: 18px;
    line-height: 140%;
}

.authorProject .shadowBox .title {
    font-size: 1.3rem;
    margin-bottom: 10px;
    line-height: 150%;
}

.authorProject .shadowBox>div {
    margin: 10px 0
}

.listWrap .list {
    padding: 25px;
    color: #777;
    border-bottom: 1px solid rgba(111, 19, 22, 0.3);
}

.listWrap .list:hover {
    background: #f3f2f2;
}

.listWrap .list:first-child {
    margin-top: 0;
}

.listWrap .list i {
    font-size: 2rem;
    margin-right: 15px;
    vertical-align: bottom;
}

.listWrap .list .content {
    margin-top: 18px;
    line-height: 140%;
}

.listWrap .list .title {
    font-size: 1.3rem;
}

.listWrap .list.exhibit .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listWrap .list>div {
    margin: 8px 0
}

.listHorizontal>div {
    display: inline-block;
    padding-right: 27px;
    color: #000;
}

.listHorizontal div.btnBox {
    margin-top: 10px;
}

.listHorizontal .categoryName {
    margin-right: 10px;
    color: #444;
    font-weight: 300;
}

.listHorizontal div>a:not(.button) {
    font-weight: 500;
}


.pro_listHorizontal>div {
    display: inline-block;
    padding-right: 27px;
    color: #000;
}

.pro_listHorizontal div.btnBox {
    margin-top: 10px;
}

.pro_listHorizontal .categoryName {
    margin-right: 10px;
    color: #444;
    font-weight: 300;
}

.pro_listHorizontal div>a:not(.button) {
    font-weight: 500;
}

/* 연구자 현황 */
.tabBox .listWrap .list div.btnBox {
    margin: 0 0 10px;
}

.tabBox .listWrap .list .iconset_box i {
    margin-right: 0;
}

.tabBox .listType .title {
    font-weight: bold;
}

#chartdiv {
    width: 200%;
    height: 300px;
    margin-left: -50%;
    text-shadow: 1px 1px black;
}

.chartdiv {
    width: 100%;
    height: 300px;
    text-align: center;
    position: relative;
}

svg#network {
    width: 100%;
    height: 100%;
}

#chartdiv svg>g>g:nth-child(2)>g:nth-child(2) {
    display: none;
}

.chartdiv img {
    width: auto;
    height: 90%;
}

.container>article ul>li.bor_0:after {
    border: 0;
}

table .sumCount {
    display: inline-block;
    color: #777;
    font-weight: normal;
}

.border_box.pop {
    transition: all 0.3s;
}

.border_box.pop>.view {
    -ms-transform: scale(0.9, 0.9);
    /* IE 9 */
    transform: scale(1.05, 1.05);
    background: #fff;
    transition: all 0.3s;
    transform-origin: center center;
    border: 1px solid #ddd;
    padding: 20px;
}

a.button#view_btn {
    position: absolute;
    display: inline-block;
    width: 38px;
    height: 32px;
    text-align: center;
    margin-top: 4px;
}

.grayBox {
    background: #eee;
    padding: 20px;
}

.grayBox li {
    margin-bottom: 10px;
}

.grayBox li>span:first-child {
    color: #6f1316;
    font-weight: 500;
}

.grayBox li>span:last-child {
    padding-left: 10px;
}

h2.title>.button.btn2 {
    position: absolute;
    right: 0;
    bottom: 10px;
}

/* authorInformation END */

/* listEjournals */
div.schedule {
    position: absolute;
    padding: 20px;
    z-index: 2;
    width: 360px;
    right: 0%;
    overflow-y: auto;
    margin: 3px 0 0 0;
    background-color: #fff;
    display: none;
    text-align: left;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

div.schedule>strong {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f77d23 !important;
}

div.schedule>div:after {
    clear: both;
    display: block;
    content: "";
}

div.schedule>div p {
    margin-bottom: 7px;
    float: left;
}

div.schedule>div>p:first-child {
    width: 30%;
}

div.schedule>div>p:last-child {
    width: 70%;
}

div.schedule>p a.button {
    border: 1px solid #D6D8E2 !important;
}

/* listEjournals END */

/* listEds */
.orgMain {
    height: 50px;
}

.orgMenu .orgMain>li {
    float: left;
    position: relative;
}

.orgMenu .orgMain>li a {
    display: inline-block;
}

.orgMenu .orgMain>li>.button {
    margin-right: 8px;
    font-size: 14px;
}

.container>article ul.orgMain li:before {
    border-bottom: 0;
}

.orgMenu .orgMain .orgSub {
    position: absolute;
    top: 30px;
    left: 0;
    min-width: max-content;
    display: none;
    z-index: 2;
    padding-bottom: 20px;
}

.container>article .orgMenu li {
    margin-bottom: unset;
    min-height: unset;
}

.container>article .orgSub>li {
    margin-right: 0;
    text-align: left;
}

.orgSub.linkBtnBox .button {
    margin: 4px 0 0 0;
    text-align: left;
    display: inline-block;
}

.orgMenu .orgMain a.on+.orgSub {
    display: block;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 0 4px 4px;
}

.Discovery_content table th {
    word-break: keep-all;
}

/* listEds END */

/* CenterGuide */
.circle_box {
    text-align: center;
    padding-top: 10px;
}

.visit_step_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
    max-width: 660px;
    margin: 0 auto;
}

.visit_step_box>li {
    display: grid;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.visit_step_box .visit_step {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    color: #6f6f6f;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.visit_step_title {
    margin-top: 15px;
}

.visit_step_title>span {
    color: #fff;
    font-size: 1rem;
    background: #555;
    padding: 5px 15px;
    border-radius: 20px;
}

.visit_step_con {
    font-size: 13px;
    margin: 5px 0 0 0;
}

.visit_step_box>li:nth-child(1) .visit_step {
    background: #f77d23;
}

.visit_step_box>li:nth-child(2) .visit_step {
    background: #cf6b44;
}

.visit_step_box>li:nth-child(3) .visit_step {
    background: #904f78;
}

.visit_step_box>li:nth-child(4) .visit_step {
    background: #704092;
}

.visit_step_box p.strong {
    font-size: 22px;
    font-weight: 600;
}

.visit_step_box p {
    position: absolute;
    color: #fff;
    top: 20%;
}

.visit_step_box p.line {
    height: 1px;
    margin: 0 10px;
    width: 130px;
    background: rgba(255, 255, 255, 0.6);
    top: 50%;
}

.visit_step_box p:last-child {
    top: 58%;
}

.imgBox.pic2 {
    width: 86%;
    margin: 20px 7% 10px 7%;
    padding: 10px;
}

.imgBox.pic2 img {
    width: 49.3%;
    float: left;
}

.imgBox.pic2 img:first-child {
    margin-right: 1.4%;
}

.imgBox.pic1 {
    padding-top: 10px;
    text-align: center;
}

.imgBox.pic1 img {
    width: 80%;
    padding: 30px 10%;
}

.visit_stepEx {
    width: 100%;
    min-width: 200px;
    height: 100%;
    background: transparent !important;
}

.visit_stepEx>ul {
    width: 100%;
}
/* CenterGuide END */


/* mlibView */
.total_title {
    top: 40px;
    position: relative;
}

.haveInfovolumeCl {
    padding-left: 35px;
}

/* mlibView END */

/* E-Book */
.ebook td:first-child>input[type="checkbox"] {
    width: 30px;
    height: 30px;
}

.ebook td:first-child>input[type="checkbox"].option {
    margin: 0;
    opacity: 0.5;
}

.ebook td:first-child>input[type="checkbox"]:checked.option {
    opacity: 1;
}

.baro .font_20 b {
    color: #f97a34;
}

#bodyInfo tr .font_sm {
    font-size: 0.65rem;
    line-height: 15px;
    letter-spacing: -1px;
}

/* E-Book END */

/* articleKmbaseDtl */
article>.titleInfoBox.row {
    padding-bottom: 0px;
}

article>.titleInfoBox {
    position: relative;
}

article>.titleInfoBox>.summary {
    color: #6f6f6f;
}

article>.titleInfoBox>.title {
    padding: 5px 10px 12px 0;
}

article>.titleInfoBox>a.auth_name {
    font-size: 17px;
    line-height: 20px;
}

article>.titleInfoBox>.snsBox {
    margin-top: 5px;
    text-align: right;
}

article>.titleInfoBox>.snsBox a {
    font-size: 27px;
    margin-left: 10px;
}

article>.titleInfoBox>.snsBox a>i.fa-twitter-square {
    color: #1DA1F2;
}

article>.titleInfoBox>.snsBox a>i.fa-facebook-square {
    color: #4867AA;
}

article>.titleInfoBox>.snsBox a>i.fa-google-plus-square {
    color: #D64E42;
}

article>.titleInfoBox>.snsBox a:nth-child(3) img {
    width: auto;
    height: 26px;
    vertical-align: -2px;
}

article>.titleInfoBox>.affiliationsTop {
    font-weight: 500;
    font-size: 1.15rem;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
}

article>.titleInfoBox>.affiliationsTop a {
    /* border: 1px solid #cac6c6;  */
    padding: 0 10px;
    font-size: 14px;
}

/* articleKmbaseDtl END */

/* articleDtl */
.articleDtl div.schedule {
    width: 90%;
    right: 5%;
}

.articleDtl div.schedule .main-title {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.articleDtl div.schedule input[type="radio"] {
    margin-right: 7px;
}

.articleDtl div.schedule li {
    margin-bottom: 5px;
}

.keyword2>button {
    font-size: inherit;
    padding: 0 12px;
    border-radius: 20px;
    border: 0px;
    min-height: 30px;
    height: auto;
    line-height: 20px;
}

.keyword2>button.on {
    background: #fff;
    border-radius: 15px;
    color: #72339e;
    margin-bottom: 5px;
    overflow-wrap: break-word;
    border: 1px solid #72339e;
}

.keyword2 button.on {
    background: #fff;
    border-radius: 15px;
    color: #72339e;
    margin-bottom: 5px;
    overflow-wrap: break-word;
    border: 1px solid #72339e;
    height: auto;
}

.keyword3>button {
    font-size: inherit;
    padding: 0 12px;
    border-radius: 20px;
    border: 0px;
    min-height: 30px;
    height: auto;
    line-height: 20px;
}

.keyword3 button.on {
    color: #1e6cb6;
    overflow-wrap: break-word;
    border: 1px solid #fff;
    height: auto;
}

.key {
    color: #1e6cb6;
    margin-bottom: 7px;
}


.mesh {
    color: #1e6cb6;
    overflow-wrap: break-word;
    border: 1px solid #fff;
    height: auto;
}

div.mesh {
    position: absolute;
    padding: 20px;
    z-index: 1000;
    width: 250px;
    margin: 3px 0 0 0;
    background-color: #fff;
    display: none;
    text-align: left;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

div.mesh>strong {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f77d23 !important;
}

div.mesh>div:after {
    clear: both;
    display: block;
    content: "";
}

div.mesh>div p {
    margin-bottom: 7px;
    float: left;
}

div.mesh>div>p:first-child {
    width: 30%;
}

div.mesh>div>p:last-child {
    width: 70%;
}

div.mesh>p a.button {
    border: 1px solid #D6D8E2 !important;
}




.container>article ul>li.abstract>p {
    line-height: 150%;
    float: none;
}

.container>article ul>li.abstract>h4.itemName {
    /* margin-bottom:20px; */
    float: none;
}

.grid_box h4.itemName {
    margin-bottom: 0;
}

/* articleDtl END */

/* junalHistory */
h2.title i.fa-info-circle {
    margin-left: 5px;
    font-size: 1.5rem;
    vertical-align: middle;
}

/* .on{background: rgba(255,255,255,0.4); text-decoration: none; color: #da4e02; border: 1px solid #f77d23 !important;}
 */
.journalHBox {
    /*border: 1px solid #f97a34 */
    /* 1px solid #6f1316 */
    background: #efefef;
    padding: 20px;
    line-height: 130%;
}

.journalHBox>.div_journal {
    margin-bottom: 20px;
}

.journalHBox>.div_journal>ul>li>a>span:first-child {
    font-weight: 500;
}

.journalHBox>.div_journal:last-child {
    margin-bottom: 0;
}

.journalHBox>.div_journal .journalhis {
    padding-left: 10px;
}

.journalH h3.title>span {
    opacity: 0.5;
    font-size: 0.9em;
    margin-left: 18px;
    vertical-align: bottom;
}

.journalH #bodyInfo>div.row20 {
    border-bottom: 1px solid #f1f1f1;
}

.journalH #bodyInfo>div.row20:last-child {
    border-bottom: 0;
}

.journalH p.title {
    padding: 0;
    border: 0;
    height: 120px;
}

.journalH .grid_box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-row-gap: 30px;
}

.journalH .volBook {
    border-radius: 0 5px 5px 0;
    padding: 40px 13px 40px 17px;
    background: linear-gradient(to right, #efefef 2%, #fff 5%, #ddd 7%, #fefefe 8%, #fff 10%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.journalH .volBook:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* junalHistory END */

/* 연구지원도구 */
table.plagiarismChecker img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

/* 연구지원도구 END */

/* Pubmed Dtail */
#qrcode {
    display: inline-block;
    padding: 10px;
    border: 1px solid #f77d23;
    margin-top: -20px;
}

p#doi,
p#pmid {
    word-break: break-all;
}

/* Pubmed Dtail END */

/* CRIS */
.content_body.cris article {
    line-height: 150%;
}

.content_body.cris .icon_box {
    margin-bottom: 20px;
}

.content_body.cris .icon_box i {
    margin-bottom: 20px;
}

.cris button.reset {
    height: 150px;
    padding: 10px;
    cursor: pointer;
}

/* .cris button.reset:hover {background: #f1edf5;} */
/* CRIS END */

/* COVID19 */
.covid .list_title {
    font-weight: bold;
    color: #111;
    position: relative;
    padding: 20px 10px 5px 5px;
    font-size: 1.3em;
    margin-bottom: 10px;
    border-bottom: 1px solid #f97a34;
}

.covid li.dashed:before {
    content: "-";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 10px;
    border-bottom: 0;
}

.covid .container>article ul>li {
    padding-left: 10px;
}

.covid .container>article ul>li>a {
    font-weight: 500;
    font-size: 1.2em;
}

.covid .container>article li>p {
    float: none;
    width: 100%;
    margin-top: 3px;
}

.covid .info_update {
    margin-bottom: 5px;
}

.covid .link_info {
    color: #555;
}

/* COVID19 END */

/* LogIn */
.logIn .row .boxTitle,
.onepass .row .boxTitle {
    text-align: center;
}

.logIn .line_box {
    min-height: 360px;
}

.logIn>.section {
    max-width: 1100px;
}

.logIn .border_box,
.onepass .row .border_box {
    padding: 20px 30px;
}

.logIn .border_box>*,
.onepass .row .border_box>* {
    margin-bottom: 7px;
}

.logIn .border_box>p>label,
.logIn .border_box>p>span.font_orange,
.logIn .border_box>p>span.w_70 {
    line-height: 50px;
    display: inline-block;
    width: 120px;
}

.logIn .border_box>p>label>i {
    color: #f77d23;
    padding-right: 10px;
    font-size: 15px;
}

.logIn .border_box>p>label>i.fas.fa-unlock-alt {
    font-size: 17px;
    margin: 0 3px 0 1px;
}

.logIn .border_box>p>input,
.onepass .border_box>p>input {
    width: calc(100% - 130px);
    height: 50px;
    padding: 5px 10px;
}

.logIn .border_box>div>a.onePass {
    background: #1C2674 url(../images/onepass/btn_onepass_blue_36_2.png) no-repeat 5px center;
    padding-left: 50px;
    background-size: auto 100%;
}

.logIn .border_box>p.idSave>span {
    width: 30%;
    text-align: right;
    padding-right: 15px;
}

.logIn .border_box>p.idSave>span>input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: bottom;
}

.logIn .border_box>p.idSave>label {
    width: 70%;
    text-align: left;
}

.logIn a.font_Dgray,
.onepass a.font_Dgray {
    padding: 15px 0;
}

.logIn .button.btn2,
.onepass .button.btn2 {
    padding: 0 80px;
    font-size: 1.35rem;
    height: 48px;
}

/* onepass Login */
.logIn .boxTitle2 {
    color: #000;
    border-top: 3px solid #000;
}

.logIn .border_box2 {
    padding: 20px 90px;
}

.logIn .border_box2>p>label,
.logIn .border_box>p>span.font_orange,
.logIn .border_box>p>span.w_70 {
    line-height: 30px;
    display: inline-block;
    width: 30%;
    text-align: right;
    padding-right: 15px;
}

.logIn .border_box2>p>label>i {
    color: #f77d23;
    padding-right: 10px;
}

.logIn .border_box2>p>input {
    width: 100%;
    height: 50px;
}

.logIn .border_box2>div>a.onePass {
    background: #1C2674 url(../images/onepass/btn_onepass_blue_36_2.png) no-repeat 5px center;
    padding-left: 50px;
    background-size: auto 100%;
}

.logIn .border_box2>p.idSave>span {
    width: 30%;
    text-align: right;
    padding-right: 15px;
}

.logIn .border_box2>p.idSave>span>input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: bottom;
}

.logIn .border_box2>p.idSave>label {
    width: 70%;
    text-align: left;
}

#onepassLogin {
    vertical-align: top;
    height: 30px;
    font-weight: 500;
    text-align: center;
}

#onepassLogin>a {
    display: block;
}

#onepassLogin>a>a {
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 100%;
    display: block;
    top: 0;
    text-align: center;
}

/* LogIn END */

/* Onepass 연동 */
.onepass .tab button {
    width: 49%;
}

.onepass .row .col2 {
    float: none;
    margin: 0 auto;
    padding-top: 50px;
    width: 450px;
}

.onepass .row .border_box {
    padding-top: 5px;
}

.onepass .row .boxTitle {
    border-top: 0px;
    color: #000;
    padding-bottom: 0px;
}

.onepass .border_box>p>input {
    width: calc(100% - 80px);
}

.onepass .border_box>p>label {
    line-height: 50px;
    width: 80px;
}

/* Onepass 연동 END */

/* 회원가입 */
.writeM textarea {
    height: 100px;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ededed;
    overflow-x: hidden;
}

/* .writeM .buttonBox a {
    padding: 0 40px;
} */
/* 회원가입  END*/

/* ID / PW */
.idpw .row.bg {
    padding: 40px;
}

.idpw .idpw-form {
    display: inline-block;
    width: auto;
}

.idpw .idpw-form label {
    line-height: 40px;
    display: inline-block;
    text-align: left;
    width: 70px;
}

.idpw .idpw-form.change label {
    width: 105px;
}

.idpw .idpw-form .button {
    height: 40px;
    line-height: 40px;
}

/* .idpw .idpw-form div {display: inline-block;} */
.idpw .idpw-form div {
    width: 100%;
}

.idpw #user_name,
.idpw #mbtlnum,
.idpw #user_id,
.idpw #password,
.idpw #passwordChk {
    width: 300px;
    height: 40px;
    margin: 0 15px 0 5px;
    display: inline-block;
}

.idpw #mbtlnum {
    margin-right: 0;
}

.idpw .idpw-form .btn-box {
    text-align: center;
}

/* ID / PW EMD */

/* My Page */
.myPage #qrcode {
    padding: 10px;
}

.myPage #ViewTimer {
    line-height: 110px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

table span#fileNm {
    display: block;
    margin: 0 0 10px;
}

.limit {
    margin-top: 10px;
}

.limit>li {
    margin-bottom: 10px;
}

/* My Page END */

/* BODY END */
/* fonts */

div.jqcloud {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    line-height: normal;
}

div.jqcloud a {
    font-size: inherit;
    text-decoration: none;
}

div.jqcloud span.w10 {
    font-size: 1.1rem;
}

div.jqcloud span.w9 {
    font-size: 1.05rem;
}

div.jqcloud span.w8 {
    font-size: 1rem;
}

div.jqcloud span.w7 {
    font-size: 1rem;
}

div.jqcloud span.w6 {
    font-size: 0.95rem;
}

div.jqcloud span.w5 {
    font-size: 0.9rem;
}

div.jqcloud span.w4 {
    font-size: 0.85rem;
}

div.jqcloud span.w3 {
    font-size: 0.8rem;
}

div.jqcloud span.w2 {
    font-size: 0.7rem;
}

div.jqcloud span.w1 {
    font-size: 0.6rem;
}

/* colors */

div.jqcloud {
    color: #09f;
}

div.jqcloud a {
    color: inherit;
}

div.jqcloud a:hover {
    color: #0064CD;
}

div.jqcloud a:hover {
    color: #66CDAA;
}

div.jqcloud span.w10 {
    color: #0064CD;
}

div.jqcloud span.w9 {
    color: #46B4B4;
}

div.jqcloud span.w8 {
    color: #60BD89;
}

div.jqcloud span.w7 {
    color: #39d;
}

div.jqcloud span.w6 {
    color: #90c5f0;
}

div.jqcloud span.w5 {
    color: #90a0dd;
}

div.jqcloud span.w4 {
    color: #7E6ECD;
}

div.jqcloud span.w3 {
    color: #a0ddff;
}

div.jqcloud span.w2 {
    color: #66CDAA;
}

div.jqcloud span.w1 {
    color: #aab5f0;
}

/* layout */

div.jqcloud {
    overflow: hidden;
    position: relative;
}

div.jqcloud span {
    padding: 0;
}

/* search results */
span.tooltiptext {
    display: none;
}

/* search results END */

/* Search - report */
h2#search_cn {
    margin-bottom: 10px;
}

#bibElement li {
    color: #444;
}

#ebookElement li {
    color: #444;
}

#ebookElement li h4 {
    min-width: 130px;
}

.data_listInBox .grid_box,
#bibElement li.grid_box,
.row.oneRow li.grid_box {
    grid-template-columns: 125px auto;
    word-break: break-all;
    overflow-wrap: anywhere;
}

#ebookElement li.grid_box {
    grid-template-columns: 150px auto;
    word-break: break-all;
    overflow-wrap: anywhere;
}


#ebookElement li.grid_box>div>p {
    float: left;
}

.data_listInBox .grid_box h4 {
    padding: 0;
    margin: 0;
}

.data_listInBox li.flex_box {
    gap: 15px;
}

/* Search - report END */


/* ADMIN */
.admin.float {
    margin: 0 15px 0;
}

.admin.float_r {
    margin: 0 15px 0 0;
}

.admin table th,
.admin table td {
    font-size: 13px;
}

input#search_cd {
    width: 130px;
}

.dTreeNode {
    padding: 2px 0;
}

#tree strong {
    font-weight: 500;
}

input#searchword {
    margin-left: 5px;
}

#divRefreshArea .grid_box {
    display: grid;
    width: 100%;
    max-width: 400px;
    margin: 0 0 0 15px;
    gap: 5px;
}

#divRefreshArea .grid_box>label {
    line-height: 2;
}

#divRefreshArea .page_title {
    padding: 20px;
}

#divRefreshArea .grid_box .selectRow select,
#divRefreshArea .grid_box .inputRow input[type="text"] {
    width: 100%;
    height: 30px;
}

#divRefreshArea .grid_box .selectRow:after {
    right: 5px;
}

/* ADMIN END */




/*기관발간물 */
/* .inst .img-box {display: block; overflow:visible;width: 100px; height: 121.4px; position: absolute; left: 60px; top: 25px;}
.inst .img-box > .img{display:block;position:relative;max-width:100%;height:300px;}
.inst .img-box > .img.default:after{position:absolute;top:0;left:5px;height:100%;width:10px;box-shadow:3px 0 2px 0 rgb(0 0 0 / 5%) inset, -3px 0 2px 0 rgb(0 0 0 / 5%) inset;content:"";}
.inst .img-box > .img.default{position:relative;width:100px;height:121.4px;max-width: 250px;background:#efefef;-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.15);-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.15);-ms-box-shadow:0px 2px 3px rgba(0,0,0,0.15);-o-box-shadow:0px 2px 3px rgba(0,0,0,0.15);box-shadow:0px 2px 3px rgba(0,0,0,0.15);}
.inst .img-box > .img.default .bookName {position:absolute;width:100%;height:70px;line-height:70px;content:"";top:20%;font-size:0.8rem;text-align:center;background:#fff9f5;color:#a07a7a;border-top:1px solid #ecdbdb;border-bottom:1px solid #ecdbdb; padding-left: 13px;}
 */

/* 주간연구기관 현황 */
#instDtl #chartBox {
    margin-bottom: 20px;
}

#instDtl #chartBox div.box {
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

#instDtl #chartBox div.box>div {
    padding: 20px;
    text-align: center;
}

#instDtl .tabcontent .btnMore {
    position: absolute;
    top: 20px;
}

#instDtl input[type=radio] {
    vertical-align: middle;
}

#instDtl #chart text,
#instDtl #chart2 text {
    font-size: 0.8rem;
}

/* 주간연구기관 현황 END */

/* 기관 상세 */
#instDtl .listType>.title>span {
    letter-spacing: -1.5px;
    margin: 0 0 0 -3px;
}

/* 기관 상세 END */

/* 성과보고서 표 이미지 slider */
#tab02-02 {
    max-width: 850px;
    margin-bottom: 10px;
}

#tab02-02 h4.itemName.ma_b_20 {
    font-weight: 500;
    margin-top: -35px;
}

#tab02-02 .relative.clear {
    width: 95%;
    margin-left: 15px;
}

.container>article .swiper-container {
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
}

.container>article ul.swiper-wrapper {
    margin: 0 auto 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.container>article ul.swiper-wrapper li.swiper-slide {
    cursor: pointer;
    justify-content: center;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100px;
    margin-bottom: 0;
}

.container>article .swiper-container li.swiper-slide:before {
    content: none;
}

.container>article ul.swiper-wrapper li.swiper-slide .con-box {
    display: block;
    width: inherit;
    height: inherit;
    padding: 0;
    text-align: center;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    overflow: hidden;
}

.container>article ul.swiper-wrapper li.swiper-slide .con-box img {
    display: block;
    width: inherit;
    height: inherit;
    object-fit: cover;
}

.container>article .status-btn {
    position: absolute;
    top: 42%;
    width: 11px;
    height: 17px;
    background-image: url(../images/main/tab_arrow_i.png);
    background-repeat: no-repeat;
    transform: translateY(-50%);
    z-index: 5;
}

.container>article .status-btn.swiper-button-next {
    right: -16px;
    background-position: -15px 0px;
}

.container>article .status-btn.swiper-button-prev {
    left: -20px;
}

.image-view_wrap {
    overflow: hidden;
}

.image_viewer {
    text-align: center;
    margin: 0 auto;
}

.image_viewer p {
    width: 100%;
    height: auto;
    line-height: 1.3;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    padding: 8px 30px;
    margin-bottom: 10px;
}

.image_viewer img {
    margin-bottom: 30px;
    cursor: pointer;
}

@media screen and (max-width:1300px) {
    #tab02-02 {
        max-width: 700px;
    }
}

@media screen and (max-width:1200px) {
    h4.itemName.ma_b_20 {
        margin-top: -15px;
    }

    #tab02-02 {
        margin-top: 20px;
    }
}

@media screen and (max-width:1100px) {
    #tab02-02 {
        max-width: 500px;
    }
}

@media screen and (max-width:1024px) {
    #tab02-02 {
        max-width: 450px;
    }
}

@media screen and (max-width:768px) {
    #tab02-02 {
        max-width: 100%;
    }

    #tab02-02 .relative.clear {
        width: 94%;
        margin: 0 auto;
    }

    .container>article .status-btn.swiper-button-prev {
        left: -15px;
    }
}

/* 성과보고서 swiper slider END */

/* 연구자 목록 */
.listType.authorlist .listHorizontal>div {
    padding-right: 0;
    padding-left: 0;
}

.listType.authorlist .title span.insti {
    margin: 0;
    font-size: 1rem;
    color: #000;
}

/* 연구자 목록  END */

/* 소개 페이지 키워드 */
.wordCloud.sub {
    height: 230px;
    position: relative;
}

.wordCloud.sub>p {
    width: 0;
    height: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    opacity: 0;
    display: inline-block;
    font-weight: bold;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    background: linear-gradient(#9A78B2, #653984);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.wordCloud.sub span {
    word-break: keep-all;
    text-shadow: 0 0 black;
}

.wordCloud.sub>p:nth-child(2n) {
    background: linear-gradient(#FFA459, #F2872D);
}

.wordCloud.sub p.top1 {
    animation-name: wordCloud11;
    animation-delay: 0.5s;
    font-size: 12px;
}

.wordCloud.sub p.top2 {
    animation-name: wordCloud12;
    animation-delay: 0.7s;
    font-size: 12px;
}

.wordCloud.sub p.top3 {
    animation-name: wordCloud13;
    animation-delay: 1s;
    font-size: 12px;
}

.wordCloud.sub p.top4 {
    animation-name: wordCloud14;
    animation-delay: 1.2s;
    font-size: 11px;
}

.wordCloud.sub p.top5 {
    animation-name: wordCloud15;
    animation-delay: 0.5s;
    font-size: 11px;
}

.wordCloud.sub p.top6 {
    animation-name: wordCloud16;
    animation-delay: 1s;
    font-size: 11px;
}

.wordCloud.sub p.top7 {
    animation-name: wordCloud17;
    animation-delay: 0.5s;
    font-size: 10px;
}

.wordCloud.sub p.top8 {
    animation-name: wordCloud18;
    animation-delay: 0.9s;
    font-size: 10px;
}

.wordCloud.sub p.top9 {
    animation-name: wordCloud19;
    animation-delay: 1s;
    font-size: 10px;
}

.wordCloud.sub p.top10 {
    animation-name: wordCloud20;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top11 {
    animation-name: wordCloud21;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top12 {
    animation-name: wordCloud22;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top13 {
    animation-name: wordCloud23;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top14 {
    animation-name: wordCloud24;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top15 {
    animation-name: wordCloud25;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top16 {
    animation-name: wordCloud26;
    animation-delay: 1.1s;
    font-size: 9px;
}

.wordCloud.sub p.top17 {
    animation-name: wordCloud27;
    animation-delay: 1.1s;
    font-size: 8px;
}

.wordCloud.sub p.top18 {
    animation-name: wordCloud28;
    animation-delay: 1.1s;
    font-size: 8px;
}

.wordCloud.sub p.top19 {
    animation-name: wordCloud29;
    animation-delay: 1.1s;
    font-size: 8px;
}

.wordCloud.sub p.top20 {
    animation-name: wordCloud30;
    animation-delay: 1.1s;
    font-size: 8px;
}

@keyframes wordCloud11 {
    from {
        margin: 0;
    }

    to {
        width: 120px;
        height: 120px;
        margin-top: -2%;
        opacity: 1;
    }
}

@keyframes wordCloud12 {
    from {
        margin: 0;
    }

    to {
        width: 120px;
        height: 120px;
        margin-left: 15%;
        margin-top: 5%;
        opacity: 1;
    }
}

@keyframes wordCloud13 {
    from {
        margin: 0;
    }

    to {
        width: 110px;
        height: 110px;
        margin-left: -20%;
        margin-top: 6%;
        opacity: 1;
    }
}

@keyframes wordCloud14 {
    from {
        margin: 0;
    }

    to {
        width: 110px;
        height: 110px;
        margin-left: -15%;
        margin-top: -7%;
        opacity: 1;
    }
}

@keyframes wordCloud15 {
    from {
        margin: 0;
    }

    to {
        width: 100px;
        height: 100px;
        margin-left: 30%;
        margin-top: 7%;
        opacity: 1;
    }
}

@keyframes wordCloud16 {
    from {
        margin: 0;
    }

    to {
        width: 100px;
        height: 100px;
        margin-left: -37%;
        margin-top: 8%;
        opacity: 1;
    }
}

@keyframes wordCloud17 {
    from {
        margin: 0;
    }

    to {
        width: 90px;
        height: 90px;
        margin-left: 35%;
        margin-top: -7%;
        opacity: 1;
    }
}

@keyframes wordCloud18 {
    from {
        margin: 0;
    }

    to {
        width: 90px;
        height: 90px;
        margin-left: -30%;
        margin-top: -5%;
        opacity: 1;
    }
}

@keyframes wordCloud19 {
    from {
        margin: 0;
    }

    to {
        width: 80px;
        height: 80px;
        margin-left: 15%;
        margin-top: -6%;
        opacity: 1;
    }
}

@keyframes wordCloud20 {
    from {
        margin: 0;
    }

    to {
        width: 80px;
        height: 80px;
        margin-left: -3%;
        margin-top: 11%;
        opacity: 1;
    }
}

@keyframes wordCloud21 {
    from {
        margin: 0;
    }

    to {
        width: 70px;
        height: 70px;
        margin-left: -15%;
        margin-top: 18%;
        opacity: 1;
    }
}

@keyframes wordCloud22 {
    from {
        margin: 0;
    }

    to {
        width: 70px;
        height: 70px;
        margin-left: 35%;
        margin-top: 18%;
        opacity: 1;
    }
}

@keyframes wordCloud23 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: 10%;
        margin-top: 15%;
        opacity: 1;
    }
}

@keyframes wordCloud24 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: 25%;
        margin-top: -3%;
        opacity: 1;
    }
}

@keyframes wordCloud25 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: -25%;
        margin-top: 16%;
        opacity: 1;
    }
}

@keyframes wordCloud26 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: 25%;
        margin-top: 16%;
        opacity: 1;
    }
}

@keyframes wordCloud27 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: -39%;
        margin-top: -9%;
        opacity: 1;
    }
}

@keyframes wordCloud28 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: 40%;
        margin-top: 5%;
        opacity: 1;
    }
}

@keyframes wordCloud29 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: -45%;
        margin-top: 13%;
        opacity: 1;
    }
}

@keyframes wordCloud30 {
    from {
        margin: 0;
    }

    to {
        width: 60px;
        height: 60px;
        margin-left: -43%;
        margin-top: -2%;
        opacity: 1;
    }
}

/* 소개 페이지 키워드 END */


/* 과제정보 키워드 */

.chartdiv2 {
    height: 200px;
}

.chartdiv2.jqcloud span.w10 {
    font-size: 1.2rem;
}

.chartdiv2.jqcloud span.w9 {
    font-size: 1.15rem;
}

.chartdiv2.jqcloud span.w8 {
    font-size: 1.1rem;
}

.chartdiv2.jqcloud span.w7 {
    font-size: 1.1rem;
}

.chartdiv2.jqcloud span.w6 {
    font-size: 1.05rem;
}

.chartdiv2.jqcloud span.w5 {
    font-size: 1rem;
}

.chartdiv2.jqcloud span.w4 {
    font-size: 0.95rem;
}

.chartdiv2.jqcloud span.w3 {
    font-size: 0.9rem;
}

.chartdiv2.jqcloud span.w2 {
    font-size: 0.85rem;
}

.chartdiv2.jqcloud span.w1 {
    font-size: 0.7rem;
}

/* 과제정보 키워드 END */


/* 공공누리 표시 */

[class^="codeView"] {
    background-color: #f5f6fa;
    border: 1px solid #e1e6eb;
    padding-left: 180px;
    padding-top: .8rem;
    padding-right: 1rem;
    padding-bottom: .95rem;
    min-height: 5.4rem;
    color: #555;
    word-break: break-all;
    text-align: justify;
    font-size: 1rem;
    line-height: 3.5;
}

[class^="codeView"] img {
    position: absolute;
    left: 1rem;
    margin: 0 1rem 0 0;
    display: inline-block;
    vertical-align: middle;
}

.codeView02,
.codeView03 {
    padding-left: 215px;
}

.codeView04 {
    padding-left: 250px;
}

/* 공공누리 표시 END */



/* qrcard 추가 */

#card {
    overflow-x: auto;
    padding: 10px 5px;
    background: #fff;
}

#card .card {
    padding: 10px 0 0 0;
    margin: 0 auto;
    width: 320px;
}


#card .card .title {
    margin: 10px 0;
    position: relative;
    background: url('../images/sub/qrcard.png') no-repeat 50% 0;
    background-color: transparent;
    background-size: 100% auto;
    border-radius: 10px;

}

#card .card .title i {
    position: absolute;
    z-index: 1;
    top: 26px;
    left: 26px;
}

#card .card .title .img {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 108px;
    height: 130px;
    text-align: center;
}

#card .card .title .img img {
    max-width: 100%;
    max-height: 100%;
}

#card .card .title em {
    position: absolute;
    z-index: 1;
    bottom: 26px;
    right: 26px;
}

#card .card .title ul {
    /*padding:105px 31px 31px 40px*/
    padding: 143px 20px 20px 35%;
}

#card .card .title ul li {
    overflow: hidden;
    text-align: right;
}

#card .card .title ul li strong {
    float: left;
    display: block;
    padding-right: 15px;
    line-height: 22px;
    font-size: 13px;
    color: #333;
    vertical-align: middle;
}

#card .card .title ul li span {
    float: left;
    display: block;
    line-height: 22px;
    font-size: 12px;
    font-weight: 500;
    /*color:#333*/
    color: #333;
    vertical-align: middle;
}

/* qr카드 끝 */

/* 소장자료 원문보기 영역 */
.info__li {
    display: none;
}

.projectInfo--mobile {
    background: #fffaf5;
    border: 1px solid #e3e1de;
    overflow: hidden;
    padding: 12px 12px 5px !important;
    margin: 0 0 20px;
}

.projectInfo--mobile>li>h3 {
    grid-column: 1/ span 2;
    width: 90px;
    margin-right: 10px;
}

.projectInfo--mobile>li {
    float: left;
    margin-bottom: 0;
}

.projectInfo--mobile>li:nth-child(1) {
    width: min-content;
}

.projectInfo--mobile li:before {
    display: none !important;
}

.container>article ul.projectInfo--mobile>li:before {
    display: none;
}

.projectInfo--mobile>li>p {
    float: none !important;
    font-size: 0.9rem;
    letter-spacing: -0.5px;
}

.projectInfo--mobile>li:nth-child(2)>p {
    line-height: 30px;
}

.projectInfo--mobile button {
    margin: 3px 5px 3px 1px !important;
}

.projectInfo--mobile .barVertical:after {
    padding: 0 4px;
}

/* 소장자료 원문보기 영역 끝 */

/* 트위터 아이콘 변경 */
.iconset_box ul.exports>li a i {
    height: 22px;
}

i.fab.fa-twitter {
    background: url(../images/sub/logo_twitter.svg) no-repeat center center/auto 11px;
}

i.fab.fa-twitter:before {
    display: none;
}

/* 트위터 아이콘 변경 끝 */

/* E-Books 디자인 수정 */
.baro .details {
    width: 1000px;
    margin: 0 auto;
    border: 1px solid #eee;
}

.baro .font_sm {
    margin-left: 5rem;
    font-size: 0.9rem;
    color: #888;
}

.baro .details .font_sm {
    margin-left: 76px;
}

.baro .btn-baro-apply {
    background-color: #505982;
    color: #fff;
    font-size: 1.1rem;
    height: 40px;
    line-height: 36px;
    margin-top: 20px;
    font-weight: 300;
}

.nav-arrow {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url('../images/sub/nav_arr.png') no-repeat;
    transition: all .3s;
    transform: rotate(270deg);
    background-size: 12px auto;
    background-position: 1px 6px;
}

.baro .details .font_sm {
    margin-left: 76px;
    font-size: 12px;
    color: #888;
}

.baro .btn-baro-apply {
    background-color: #505982;
    color: #fff;
    font-size: 1.1rem;
    height: 40px;
    line-height: 36px;
    margin-top: 20px;
    font-weight: 300;
}

.nav-arrow {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url('../images/sub/nav_arr.png') no-repeat;
    transition: all .3s;
    transform: rotate(270deg);
    background-size: 12px auto;
    background-position: 1px 6px;
}

.ebook-steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
    justify-content: space-around;
    width: 1000px;
    height: 100%;
    margin: 2rem auto;
    gap: 36px;
}

.ebook-steps>div {
    position: relative;
    margin: 0 auto;
    display: flex;
    border: 4px solid #c5cbe3;
    height: 100%;
    padding: 28px 12px 16px;
    background-color: #fff;
    width: 100%;
    justify-items: center;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.ebook-steps__step {
    background-color: #485689;
    color: #fff;
    text-align: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 700;
    position: absolute;
    top: -16px;
    z-index: 1;
}

.ebook-steps__title {
    color: #2c375d;
    font-weight: 600;
    font-size: 1.3rem;
    word-break: break-word;
    margin-top: 12px;
}

.ebook-steps__cont {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    border-top: 1px dotted #485689;
    padding-top: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #2c375d;
}

.ebook-steps__cont .font_sm {
    margin: 0;
    padding-top: 8px;
    display: inline-block;
    color: #555;
}

.ebook-steps>div:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: -34px;
    top: 50%;
    transform: translateY(-10px);
    background: url('../images/sub/caret-right-solid.svg') no-repeat center;
}

.ebook-steps>div:last-child:after {
    background: none;
}

/* E-Books 디자인 수정 끝*/


/*논문 납본 STR*/
.radio-buttons1,
.radio-buttons2 {

    flex-wrap: wrap;
    /* 요소들을 감싸는 영역을 넘어가면 다음 줄로 이동합니다. */
    vertical-align: middle;
    /* 수직 가운데 정렬 */
}

.radio-buttons1 label {
    margin-right: 10px;
    /* 각 라벨 사이의 간격을 조정합니다. */
    margin-bottom: 5px;
    /* 라벨들 사이의 간격을 조정합니다. */
    white-space: nowrap;
    /* 텍스트 줄 바꿈 방지 */
    width: 80px;
    /* 각 라벨의 너비를 설정합니다. */
    display: inline-block;
    /* 라벨을 블록 요소로 표시합니다. */
}

.radio-buttons2 label {
    margin-right: 10px;
    /* 각 라벨 사이의 간격을 조정합니다. */
    margin-bottom: 5px;
    /* 라벨들 사이의 간격을 조정합니다. */
    white-space: nowrap;
    /* 텍스트 줄 바꿈 방지 */
    width: 120px;
    /* 각 라벨의 너비를 설정합니다. */
    display: inline-block;
    /* 라벨을 블록 요소로 표시합니다. */
}

.radio-buttons1,
.radio-buttons2 input[type="radio"] {
    align-self: flex-start;
    /* 라디오 버튼을 위로 정렬합니다. */
    margin-top: 2px;
    /* 라디오 버튼의 위쪽 여백을 조정합니다. */
}


@media screen and (max-width: 1440px) {
    .radio-buttons2 label {
        width: calc(90% - 5px);
    }
}

@media screen and (max-width: 1200px) {
    .radio-buttons2 label {
        width: calc(90% - 5px);
    }
}

@media screen and (max-width: 1000px) {
    .radio-buttons1 label {
        width: calc(85% - 5px);
    }
}

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

    .radio-buttons1 label,
    .radio-buttons2 label {
        width: calc(60% - 5px);
    }

}

/*논문 납본 END*/

/* 꿀팁게시판 STR */
/* 공통 : 리스트 상단 */
.tip-list-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 16px 0 32px;
}

.tip-list-top .tip-list-filter {
    display: flex;
    gap: 12px;
    flex: auto;
    max-width: 400px;
}

.tip-list-top .tip-list-filter li {
    display: flex;
    flex: auto;
}

.tip-list-top .tip-list-filter .btn-filter {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    font-size: 16px;
    color: #888;
    height: 40px;
    padding: 0;
    border-radius: 36px;
    border: 1px solid #888;
    background-color: #fff;
    font-weight: bold;
    flex: auto;
    text-align: center;
    justify-content: center;
}

.tip-list-top .tip-list-filter .btn-filter.on {
    border-color: #704092;
    background-color: #704092;
    color: #fff;
}

.tip-list-top .tip-list-filter .btn-filter:not(.on):hover {
    border-color: #704092;
    color: #704092;
}

.tip-list-top .sch-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tip-list-top .sch-sort li {
    display: flex;
    align-items: center;
}

.tip-list-top .sch-sort li:not(:first-child) {
    margin-left: 16px;
}

.tip-list-top .sch-sort li:not(:first-child)::before {
    display: inline-flex;
    content: "";
    width: 1px;
    height: 20px;
    margin-right: 16px;
    background-color: #ccc;
}

.tip-list-top .sch-sort .sort-label {
    font-weight: 700;
    white-space: nowrap;
    margin-right: 12px;
}

.tip-list-top .sch-sort .sort-select {
    color: #222;
    padding-right: 24px;
    border: 1px solid #ddd;
    background-image: url(../images/sub/ico_arr_16_down.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 44px center;
}

.tip-list-top #selectbox1 {
    width: 70px;
}

.tip-list-top #selectbox2 {
    width: 140px;
    background-position: 110px center;
}

/* 리스트(카드형) */
.tip-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 36px;
}

.tip-list .li {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-start;
    gap: 24px;
    padding: 24px;
    overflow-x: auto;
    box-sizing: border-box;
    border-radius: 12px;
    border: 0.1rem solid #ddd;
}

.tip-list .li:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    border-color: transparent;
    outline: 2px dashed #9676ad;
}

.tip-list .card-top {
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 12px;
    color: #704092;
    height: 24px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #eae5f1;
    font-weight: bold;
}

.badge.type2 {
    background-color: #FAEBD7;
    color: #CB2323;
}

.badge.type3 {
    background-color: #CBECEF;
    color: #001565;
}

.tip-list .card-body {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 24px;
}

.tip-list .card-body .c-cont {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
    word-break: break-all;
    overflow: hidden;
}

.tip-list .card-body .c-cont:hover {
    text-decoration: none;
}

.tip-list .card-body .c-tit:hover,
.tip-list .card-body .c-txt:hover {
    text-decoration: underline;
}

.tip-list .c-img {
    display: flex;
    width: 100%;
    height: 200px;
    background: url('../images/sub/no-img.png') center no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}

.tip-list .c-img:hover img {
    transform: scale(1.1);
    transition: all 0.2s ease-out;
    object-fit: fill;
}

.tip-list .c-img img {
    width: 100%;
}

.tip-list .card-body .c-cont .c-tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 4px;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

.tip-list .card-body .c-cont .c-tit .span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
}

.tip-list .card-body .c-cont .c-tit::after {
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
}

.tip-list .card-body .c-cont .c-txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
}

.tip-list .card-body .c-cont .c-date .key {
    font-weight: 700;
}

.tip-list .card-body .c-btn {
    text-align: right;
}

.tip-list .card-btm {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding-top: 24px;
    margin-top: auto;
    border-top: 0.1rem solid #eee;
}

.tip-list .card-btm .tag {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 14px;
    color: #333;
    height: 2rem;
    padding: 0 12px;
    border-radius: 999px;
    border: 0.1rem solid #ccc;
    background-color: white;
}

.tip-list .card-btm .tag::before {
    content: "#";
}

/* //리스트(카드형) */
/* 꿀팁게시판 END */



/* 성과논문유형 구분 마크 추가 */
.mark-article,
.mark-award,
.mark-promo {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    background-color: #704192;
    /* margin-right: 10px; */
    line-height: 23px;
    vertical-align: top;
    font-size: 0.9rem;
    color: #fff;
}

.mark-award {
    background-color: #da4e02;
}

.mark-promo {
    background-color: #9b7565;
}

/* 성과논문유형 구분 마크 추가 END */


/* 연구자 아이콘 추가 */
.icon_orcid,
.icon_wos {
    display: inline-block !important;
    width: 28px;
    height: 30px;
    margin-right: 6px;
    background-image: url('../images/sub/icon_iD.png');
    background-position: bottom center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    opacity: 1 !important;
    position: relative;
    top: 4px;
}
.icon_wos {
	background-image: url('../images/sub/icon_wos.png');
}
/* 연구자 아이콘 추가 END */


/* 웹접근성 보완사항(2025) */
/* #spot #snb .snb-fix-box,
.visit_step_box>li:nth-child(1) .visit_step {
    background: #f96716;
}
#spot #snb .nav>li.home {
    background: #ff5500;
}
 */
 
.baro .font_20 b {
	color: #f96716;
}
/* 웹접근성 보완사항(2025) END */