@charset "utf-8";

/* 비주얼 */
/* .fs_main_visual {z-index:10;position:relative;width:1720px;margin:0 auto;} */
/* .fs_main_visual .mvis_slide {position:relative;z-index:0;} */
/* .fs_main_visual .slide_item {z-index:10;position:relative;height:770px;background:no-repeat center top;} */
/* .fs_main_visual .slide_item:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2)} */
/* .fs_main_visual .slide_item .mvis_text {margin-top:210px;text-align:left;} */
/* .fs_main_visual .slide_item .mvis_text .stit {margin-bottom:55px;color:#DCFCFC;color:#2de0e3;font-size:0.875em;font-weight:600;} */
/* .fs_main_visual .slide_item .mvis_text .tit {margin-bottom:90px;color:#fff;} */
/* .fs_main_visual .slide_item .mvis_text .tit .text1 {display:block;margin-bottom:40px;font-family:'S-CoreDream',sans-serif;font-size:3.125em;font-weight:500;} */
/* .fs_main_visual .slide_item .mvis_text .tit .text1 em {color:#DCFCFC;color:#2de0e3;} */
/* .fs_main_visual .slide_item .mvis_text .tit .text2 {display:block;line-height:30px;font-size:1.375em;font-weight:400;} */


/* 비주얼 */
.fs_main_visual {z-index:10;position:relative;width:1720px;margin:0 auto;}
.fs_main_visual.fs_slider_section {width: 1400px;}
.fs_main_visual .mvis_slide {position:relative;z-index:0;}
.fs_main_visual .slide_item {z-index:10;position:relative;height:510px;background:no-repeat center top;}
.fs_main_visual .slide_item:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2)}
.fs_main_visual .slide_item .mvis_text {margin-top:126px;text-align:left;}
.fs_main_visual .slide_item .mvis_text .stit {margin-bottom:15px;color:#DCFCFC;/*color:#2de0e3;*/font-size:0.875em;font-weight:300;}
.fs_main_visual .slide_item .mvis_text .tit {margin-bottom:90px;color:#fff;}
.fs_main_visual .slide_item .mvis_text .tit .text1 {display:block;margin-bottom:40px;font-family:'S-CoreDream',sans-serif;font-size:3.125em;font-weight:500;line-height: normal;}
.fs_main_visual .slide_item .mvis_text .tit .text1 em {color:#DCFCFC;/*color:#2de0e3;*/}
.fs_main_visual .slide_item .mvis_text .tit .text2 {display:block;line-height:30px;font-size:1.375em;font-weight:400;}
.fs_main_visual .mvis_slide .fs_slide_cont {padding: 0 100px;}


/* 컨트롤 */
.fs_main_visual .mvis_ctrl {position:absolute;bottom:80px;right:0;left:100px;margin:0 auto;line-height:0;font-size:0;}
.fs_main_visual .mvis_ctrl button {display:inline-block;height:12px;background:no-repeat center center;font-size:0;}
.fs_main_visual .mvis_ctrl .pause {width:52px;background-image:url("../img/main/mvis_pause.png");}
.fs_main_visual .mvis_ctrl .play {display:none;width:52px;background-image:url("../img/main/mvis_play.png");}
.fs_main_visual .mvis_ctrl .prev {width:24px;margin-left:28px;background-image:url("../img/main/mvis_prev.png");}
.fs_main_visual .mvis_ctrl .next {width:24px;background-image:url("../img/main/mvis_next.png");}
.fs_main_visual .count {display:inline-block;margin:0 20px;}
.fs_main_visual .count span {display:inline-block;color:#fff;line-height:17px;font-size:14px;font-weight:300;vertical-align:middle;letter-spacing:0.1em;}
.fs_main_visual .count span.all:before {content:"/";display:inline-block;}
.fs_main_visual .count span.current {color:#DCFCFC;/*color:#2de0e3;*/}


/* 메인콘텐츠 시작 */
.fs_main_contents h2 {display:inline-block;margin-bottom:30px;padding-top:20px;background:no-repeat right top;font-family:'S-CoreDream', sans-serif;font-size:1.875em;font-weight:900;}


/* 바로가기 */
.quick {position:relative;padding:80px 0;}
.quick:before {content:"";z-index:-1;display:block;position:absolute;top:-33px;right:0;width:290px;height:310px;background:url("../img/main/deco1.png") no-repeat right top;}
/*.quick h2 {padding-right:105px;background-image:url("../img/main/quick_tit.png");}*/
.quick_area {display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.quick_list {display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-grow:1;}
.quick_list li {flex:1 51px;}
.quick_list li a {display:block;padding:0 20px;text-align:center;}
.quick_list li a span {display:block;padding-top:95px;background:no-repeat center top 20px;color:#666;transition:all 0.4s ease;}
.quick_list li:nth-child(1) a span {background-image:url("../img/main/quick_ico5.png");}
.quick_list li:nth-child(2) a span {background-image:url("../img/main/quick_ico2.png");}
.quick_list li:nth-child(3) a span {background-image:url("../img/main/quick_ico3.png");}
.quick_list li:nth-child(4) a span {background-image:url("../img/main/quick_ico4.png");}
.quick_list li:nth-child(5) a span {background-image:url("../img/main/quick_ico1.png");}
.quick_list li:nth-child(6) a span {background-image:url("../img/main/quick_ico6.png");}
.quick_list li a:hover span {background-position:center top;}
.link_list {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:462px;}
.link_list li {margin-left:30px;}
.link_list li a {display:block;width:200px;padding:30px 10px 26px;color:#fff;text-align:center;}
.link_list li:nth-child(1) a {background:#19a2a4;}
.link_list li:nth-child(2) a {background:#0f5c9e;}
.link_list li a span {display:block;padding-top:60px;background:no-repeat center top;font-size:1.25em;}
.link_list li:nth-child(1) a span {background-image:url("../img/main/quick_link_ico1.png");}
.link_list li:nth-child(2) a span {background-image:url("../img/main/quick_link_ico2.png");}


.rowgroup {position:relative;padding:70px 0;}
.rowgroup:before {content:"";z-index:-1;position:absolute;top:0;right:0;left:0;width:100%;height:400px;margin:0 auto;background:#f0f5fb;}
.rowgroup > .fs_wrap {display:flex;flex-wrap:wrap;justify-content:space-between;}
.colgroup {width:calc(50% - 50px);margin-left:50px;}


/* 전문자료 */
.data {position:relative;width:50%;}
/*.data h2 {padding-right:95px;background-image:url("../img/main/data_tit.png");}*/
.data .data_area {position:relative;}
.data .data_area {overflow:hidden;height:437px;}
.data .data_area li {float:left;width:300px;height:380px;margin-right:66px;cursor:pointer;}
.data .data_area li a {display:block;}
.data .data_area li a:focus, .data .data_area li a:focus-visible {outline:3px solid #FF0000 !important;}
.data .data_area li .img_area {overflow:hidden;display:block;width:100%;height:300px;box-shadow:10px 10px 20px rgba(0,0,0,0.1);transition:all 0.4s ease;}
.data .data_area li a:hover .img_area {box-shadow:10px 10px 20px rgba(45,224,227,0.1);}
.data .data_area li .img_area img {display:block;height:100%;}
.data .data_area li .text_area {display:block;position:relative;padding:30px 50px 30px 0;background:url("../img/main/ico_down.png") no-repeat right center;text-align:left;}
.data .data_area li .text_area .tit {overflow:hidden;display:block;width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;transition:color 0.4s ease;}
.data .data_area li a:hover .text_area .tit {color:#0f5c9e;}
/* 컨트롤 */
.data .data_ctrl {position:absolute;top:23px;right:0;}
.data .data_ctrl button {display:inline-block;width:24px;height:12px;background:no-repeat center center;line-height:0;font-size:0;}
.data .data_ctrl .prev {margin-right:30px;background-image:url("../img/main/data_prev.png");}
.data .data_ctrl .next {background-image:url("../img/main/data_next.png");}
/* 스크롤 */
.data .scrollbar {position:relative;margin:0 auto;width:100%;height:4px;background:#ededed;}
.data .scrollbar .handle {position:absolute;top:0;left:0;width:50%;height:4px;background:#222;cursor:pointer;}


/* 알림판 */
.popupzone {border-radius:.45rem;background:#FFF;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.16);}
.popupzone .bx-viewport {overflow:hidden;width:100%;}
.popupzone img {width:100%;}
.popup_cont {display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding:10px 20px;}
.popup_cont h2 {flex-grow:1;margin:0;padding:0;font-size:1.5em;}
.popup_pager {color:#595959;font-size:0.938em;font-weight:400;}
/* 컨트롤 */
.popup_ctrl {margin-left:20px;}
.popup_ctrl > div {float:left;}
.popup_ctrl > div a {display:block;font-size:0;}
.popup_prev {margin-right:8px;}
.popup_prev .bx-prev {width:7px;height:30px;background:url("../img/main/popup_prev.png") no-repeat center center;}
.popup_next .bx-next {width:7px;height:30px;background:url("../img/main/popup_next.png") no-repeat center center;}
.popup_auto {margin-right:10px;}
.popup_auto .bx-start {width:10px;height:30px;background:url("../img/main/popup_play.png") no-repeat center center;}
.popup_auto .bx-stop {width:10px;height:30px;background:url("../img/main/popup_pause.png") no-repeat center center;}
.popupzone .bx-wrapper a {display:block;height:300px;}
.popupzone .bx-wrapper a:focus, .popupzone .bx-wrapper a:focus-visible {width:calc(100% - 4px);height:calc(300px - 4px);margin-top:2px;margin-left:2px;box-sizing:border-box;outline:3px solid #FF0000 !important;}
.popupzone .bx-viewport {height:auto !important;}

/* 항체양성률 조사란? */
.antibody {margin-top:3%;display:block;}
.antibody > a, .antibody > span {display:block;}
.antibody > a {padding:50px 20px;border-radius:.45rem;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.16);background:url("../img/main/antibody_bg.jpg") no-repeat center center;background-size:cover;}
.antibody > a:focus, .antibody > a:focus-visible {outline:3px solid #FF0000 !important;}
.antibody_tit {position:relative;float:left;padding-left:20px;color:#fff;line-height:40px;font-family:'S-CoreDream', sans-serif;font-size:1.563em;font-weight:900;}
.antibody_tit:before {content:"";z-index:0;display:block;position:absolute;top:0;left:0;width:25px;height:25px;margin:auto 0;border-radius:100%;background:rgba(255,255,255,0.3);transition:all 0.4s ease;}
.antibody_tit span {position: relative;z-index: 10;}
.antibody_more {float:right;min-width:170px;padding:0 20px;border-radius:40px;background:rgba(255,255,255,0.7) url("../img/main/antibody_more.png") no-repeat right 20px center;color:#0f5c9e;line-height:40px;font-family:'S-CoreDream', sans-serif;font-size:0.875em;font-weight:600;transition:all 0.4s ease;}
.antibody > a:hover .antibody_tit:before {background:rgba(196,215,232,0.7);}
.antibody > a:hover .antibody_more {background-color:rgba(255,255,255,1);}


/* 소식자료 */
.notice {position:relative;padding:70px 0 45px;}
.notice:before {content:"";z-index:-1;display:block;position:absolute;top:0;left:-100px;width:390px;height:416px;background:url("../img/main/deco2.png") no-repeat left top;}
/*.notice h2 {padding-right:121px;background-image:url("../img/main/notice_tit.png");}*/
.notice .tab_btn {position:absolute;top:22px;right:35px;}
.notice .tab_btn a {display:inline-block;margin:0 20px;color:#666;font-size:1.25em;transition:all 0.4s ease;}
.notice .tab_btn a:hover {color:#0f5c9e;}
.notice .tab_btn a span {display:block;position:relative;padding:4px 15px;}
.notice .tab_btn a.active span:before {content:"";display:block;position:absolute;top:0;left:0;width:8px;height:8px;border-radius:100%;background:#19a2a4;}
.notice .tab_btn a.active {color:#19a2a4;}
.notice .tab_item {margin:0 -25px;}
.notice .tab_item li {float:left;width:33.33%;}
.notice .tab_item a {display:block;margin:15px 25px;padding:35px 40px;border:1px solid #dedede;background:#FFF;transition:all 0.4s ease;}
.notice .tab_item a:hover {border:1px solid #2de0e3;}
.notice .tab_item a span {overflow:hidden;display:block;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;}
.notice .tab_item a .cate {font-size:0.875em;font-weight:600;}
.notice .tab_item a .cate.n1 {color:#19a2a4;}
.notice .tab_item a .cate.n2 {color:#0f5c9e;}
.notice .tab_item a .cate.n3 {color: #c76e2d;}
.notice .tab_item a .tit {color:#222;font-size:1.125em;}
.notice .tab_item a .cts {color:#666;}
.notice .tab_item a .date {margin-top:15px;margin-bottom:0;color:#888;font-size:0.875em;text-align:right;}
.notice .more {display:block;position:absolute;top:28px;right:0;width:20px;height:20px;background:url("../img/main/more.png") no-repeat right center;line-height:0;font-size:0;transition:all 0.4s ease;}
.notice .more:hover {transform:rotate(90deg);}

/* 2023-01-03 추가 */
.notice .tab_item .no_cts {display:block;margin:15px 25px;padding:88px 40px;border:1px solid #dedede;background:#FFF;text-align:center;}
.notice .tab_item .no_cts .tit {color:#aaa;font-size:1.125em;}


/* pc */
@media only screen and (max-width:1720px){
    /* 비주얼 */
    .fs_main_visual {width:100% !important;}
    .fs_main_visual .mvis_slide .fs_slide_cont {padding: 0;}
    .fs_main_visual .mvis_ctrl {left:0;}
}
@media only screen and (max-width:1400px){
    /* 바로가기 */
    .link_list {width:auto;}
    .link_list li {margin-left:2%;}

    /* 전문자료 */
    .data .data_area {height:auto;}
    .data .scrollbar {margin-top:3%;}

    /* 소식자료 */
    .notice .tab_item {margin:0;}
    .notice .tab_item a {margin:2%;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* 비주얼 */
    .fs_main_visual .slide_item {height:500px;}
    .fs_main_visual .slide_item .mvis_text {margin-top:100px;}
    .fs_main_visual .slide_item .mvis_text .stit {margin-bottom:3%;}
    .fs_main_visual .slide_item .mvis_text .tit .text1 {margin-bottom:3%;line-height:1.5;}
    .fs_main_visual .mvis_ctrl {bottom:20%;}

    /* 바로가기 */
    .quick {padding:8% 0;}
    .quick:before {display:none;}
    .quick_area {display:block;}
    .quick_list li {width:33.33%;margin-bottom:5%;}
    .quick_list li a {width:100%;padding:0 2%;}
    .quick_list li a span {padding-top:60px;background-position:center top;}
    .link_list {display:block;}
    .link_list:after {content:"";display:block;clear:both;}
    .link_list li {float:left;width:50%;margin:0;}
    .link_list li a {width:100%;}
    .link_list li a span {display:inline-block;padding-top:0;padding-left:30px;background-position:left center;background-size:contain;}


    .rowgroup {padding:7% 0;}
    .rowgroup > .fs_wrap {display:block;}
    .colgroup {width:100%;margin-top:5%;margin-left:0;}

    /* 전문자료 */
    .data {width:100%;}
    .data:before {height:60%;}
    .data .data_area {padding-bottom:20px;}
    .data .data_area li {width:250px;height:330px;margin-right:33px;}
    .data .data_area li .img_area {height:250px;}
    .data .scrollbar {margin-top:0;}

    /* 알림판 */
    .popupzone {width:650px;margin:0 auto;}

    /* 소식자료 */
    .notice {padding:7% 0 4%;}
    .notice:before {display:none;}
    .notice .tab_btn a {margin:0 5px;}
    .notice .tab_item li {width:50%;}
    .notice .tab_item a {padding:5%;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    /* 비주얼 */
    .fs_main_visual .slide_item {height:320px;}
    .fs_main_visual .slide_item .mvis_text {margin-top:50px;}
    .fs_main_visual .slide_item .mvis_text .tit .text1 {font-size:28px;}
    .fs_main_visual .mvis_ctrl {bottom:50px;}

    /* 바로가기 */
    .quick_list {flex-wrap:wrap;}

    /* 알림판 */
    .popupzone {width:100%;}

    /* 항체양성률 조사란? */
    .antibody > a {padding:4% 2% 5%;}
    .antibody_tit {margin-top:1%;}
    .antibody_more {margin-top:1%;}

    /* 소식자료 */
    .notice .tab_btn {position:static;margin-bottom:3%;}
    .notice .tab_item li {float:none;width:100%;}
}