@charset "utf-8";
/** common **/
[class*='section-0']{padding:0 20px;}
.section-area{max-width:var(--inner);margin:0 auto;}
.more-btn{display:block;width:38px;height:38px;border-radius:50%;text-indent:-9999px;transition:all .3s;background:#f2f4f8 url(/images/contents/main/more_btn.png) no-repeat center;}
.more-btn:is(:hover,:focus){background:#1d47ab url(/images/contents/main/more_btn01.png) no-repeat center;}
.tit-head{margin-bottom:25px;text-align:center;}
.tit-head .m-tit{margin-bottom:10px;font-weight:700;}
.tit-head p{color:#696969;font-weight:500;}

/** 공지팝업 - 20260122 **/
.notice-popup{overflow:hidden;position:absolute;top:128px;left:54px;width:352px;border:1px solid #0043b3;border-radius:10px;background:url(/images/portal/contents/main/notice_bg.jpg) no-repeat center / cover;z-index:99999;}
.notice-popup .popup-body{display:flex;align-items:center;justify-content:center;min-height:300px;padding:20px 36px;}
.notice-popup .notice-cont *{display:block;color:#fff;font-size:18px;font-weight:500;text-align:center;}
.notice-popup .notice-cont .tit{margin-bottom:25px;font-size:26px;font-weight:700;}
.notice-popup .notice-cont .date{margin:8px 0 20px;padding:10px;font-weight:700;border-radius:25px;background:#192d93;}
.notice-popup .notice-cont .txt{line-height:1.6em;font-size:16px;}
.notice-popup .popup-foot{display:flex;align-items:center;justify-content:space-between;background:#fff;}
.notice-popup .form-checkbox{flex:1;padding-left:21px;}
.notice-popup .form-checkbox label:before{border-color:#696969;border-radius:0;}
.notice-popup .close-btn{display:block;width:67px;padding:15px;color:#181818;font-size:15px;text-align:center;border-left:1px solid #c0c0c0;}
.notice-popup .close-btn i{font-weight:500;}

/** 공통 swiper **/
.swiper-box .swiper-slide{height:auto;}
.swiper-box .swiper-slide .wrap-img{overflow:hidden;position:relative;height:0;margin:0;}
.swiper-box .swiper-slide .wrap-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .7s cubic-bezier(.62,.16,.13,1.01);transform:scale(1);}
.swiper-box .swiper-slide a{display:block;}
.swiper-box .swiper-slide a:is(:hover,:focus) .wrap-img img{transform:scale(1.1);}
.swiper-box [class*='swiper-navi'] .more-btn{position:relative !important;top:auto !important;right:auto !important;}
.swiper-box .swiper-navi-type01 [class*='swiper']{display:block;position:absolute;top:calc(50% - 33px);width:66px;height:66px;border:1px solid #2aa9ea;border-radius:50%;text-indent:-9999px;box-shadow:0px 4px 7px 3px rgba(0, 0, 0, .1);background:#fff url(/images/contents/main/arr_prev.png) no-repeat center;}
.swiper-box .swiper-navi-type01 [class*='swiper']:is(:hover,:focus){border-color:var(--main03);background-color:var(--main03);background-image:url(/images/contents/main/arr_prev01.png);}
.swiper-box .swiper-navi-type01 .swiper-prev{left:-105px;}
.swiper-box .swiper-navi-type01 .swiper-next{right:-105px;transform:scaleX(-1);}
.swiper-box .swiper-navi-type02{display:flex;}
.swiper-box .swiper-navi-type02 [class*='swiper']{display:block;position:relative;width:38px;height:38px;text-indent:-9999px;border-radius:50%;background:#f2f4f8;}
.swiper-box .swiper-navi-type02 *+*{margin-left:9px;}
.swiper-box .swiper-navi-type02 [class*='swiper']:after{content:'';position:absolute;top:calc(50% - 7px);left:calc(50% - 9px);width:18px;height:15px;background-image:url(/images/contents/main/arr_navi.png);background-repeat:no-repeat;opacity:.4;}
.swiper-box .swiper-navi-type02 .swiper-prev:after{background-position:left center;}
.swiper-box .swiper-navi-type02 .swiper-next:after{background-position:left -45px center;}
.swiper-box .swiper-navi-type02 .swiper-stop:after{background-position:right 4px center;}
.swiper-box .swiper-navi-type02 .swiper-stop.on:after{}
.swiper-box .swiper-navi-type02 [class*='swiper']:is(:hover,:focus){background:var(--main03);}
.swiper-box .swiper-navi-type02 [class*='swiper']:is(:hover,:focus):after{opacity:1;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(311deg) brightness(101%) contrast(101%);}

/**  tab - common **/
:is(.tab-board,.tab-banner){position:relative;}
:is(.tab-board,.tab-banner) > li{display:inline-block;}
:is(.tab-board,.tab-banner) > li .tab-cont{position:absolute;left:0;width:100%;}

/** 공통 tab **/
.wrap-tab{min-width:632px;}
.tab-board > li .tab-tit{display:block;position:relative;color:#777;font-size:24px;}
.tab-board > li .tab-tit:before,.tab-board > li .tab-tit:after{content:'';position:absolute;}
.tab-board > li .tab-tit:after{top:-14px;right:-10px;width:21px;height:14px;transform:translateY(20px);transition:all .2s;background:url(/images/contents/main/tab_ov.png) no-repeat;opacity:0;}
.tab-board > li .tab-tit i{font-weight:600;}
.tab-board > li+li .tab-tit{margin-left:39px;}
.tab-board > li+li .tab-tit:before{top:4px;left:-20px;width:1px;height:20px;background:#a7a8ac;}
.tab-board > li .tab-tit i{font-weight:600;}
.tab-board > li .tab-cont{display:none;}
.tab-board > li .tab-cont .more-btn{position:absolute;top:-54px;right:0;}

.tab-board [class*='list'] .flag{color:#fff;font-size:14px;font-weight:600;}
.tab-board [class*='list'] .flag.ver-01{background:#2aa6dd;}
.tab-board [class*='list'] .flag.ver-02{background:var(--main03);}
.tab-board [class*='list'] .flag.ver-03{background:#2e6bd1;}
.tab-board [class*='list'] .flag.ver-04{background:#dd932a;}
.tab-board [class*='list'] .flag.ver-05{background:#b86dcd;}
.tab-board [class*='list'] .flag.ver-06{background:#53954f;}

/** 공통 tab : is-current **/
.tab-board li .tab-tit:is(:hover,:focus),.tab-board li.is-current .tab-tit{color:#222;}
.tab-board li.is-current .tab-tit:after{transform:translateY(0);opacity:1;}
.tab-board li.is-current .tab-cont{display:block;}

/** 공통 list **/
[class*='section-0'] .bul-type01 li+li{margin-top:10px;}
[class*='section-0'] .bul-type01 li{display:flex;padding-left:14px;}
[class*='section-0'] .bul-type01 li:before{top:7px;background:#a9aaad;}
[class*='section-0'] .bul-type01 li b{position:relative;margin-right:25px;color:#222;font-weight:600;white-space:nowrap;}
[class*='section-0'] .bul-type01 li p{flex:1;color:#747474;font-weight:400;}

/** section01 **/
.section-01{padding-top:43px;padding-bottom:63px;box-shadow:inset 0px 11px 17px 0px rgba(0, 0, 0, .05);background:url(/images/contents/main/bg01.jpg) no-repeat center / cover;}
.section-01 .srch-total{display:block;position:relative;top:auto;left:auto;margin:0 0 30px 0;padding:0;background-image:none;}
.section-01 .srch-total .srch-wrap-txt .srch-txt{border:2px solid #1aa0a9;border-radius:10px 10px 30px 10px;}
.section-01 .srch-total .srch-popular > div :is(a,i){color:#383838;}
.section-01 .wrap-banner{display:flex;flex-wrap:wrap;}
.section-01 .wrap-banner > div{flex:1;}
.section-01 .wrap-banner > div+div{margin-left:38px;}

/** tab banner **/
.tab-banner{overflow:hidden;height:405px;font-size:0;border-radius:15px;box-shadow:0 0 20px 10px rgba(0, 0, 0, .04);background:var(--color08);}
.tab-banner > li{width:calc(100% / 3);padding-top:315px;}
.tab-banner .tab-cont{top:0;height:calc(100% - 90px);padding:35px 38px 30px 38px;background:#fff;}
.tab-banner [class*='tab-tit']{display:block;position:relative;padding:0 20px 0 15px;line-height:90px;color:#fff;font-size:20px;text-align:center;z-index:1;}
.tab-banner [class*='tab-tit']:before,.tab-banner [class*='tab-tit']:after{content:'';position:absolute;z-index:-1;}
.tab-banner [class*='tab-tit']:before{bottom:100%;left:calc(50% - 6px);border-right:11px solid transparent;border-bottom:12px solid #00a7af;border-left:11px solid transparent;transform:translateY(12px);opacity:0;transition:all .2s;}
.tab-banner [class*='tab-tit']:after{top:0;left:0;width:calc(100% + 3px);height:100%;background:var(--color08);}
.tab-banner [class*='tab-tit'] i{display:inline-block;position:relative;padding-left:43px;font-weight:700;}
.tab-banner [class*='tab-tit'] i:before{content:'';position:absolute;top:calc(50% - 17px);left:0;width:35px;height:35px;border-radius:50%;background-color:#00418b;background-repeat:no-repeat;background-position:center;}
.tab-banner > li .tab-cont{visibility:hidden;opacity:0;}
.tab-banner .tab-cont .more-btn{position: absolute;top:-5px;right:0;}
.tab-banner .tab-cont .publication-date{position: absolute;top:20px;right:70px}

.tab-banner .tab-tit-01 i:before{background-image:url(/images/contents/main/tab_01.png);}
.tab-banner .tab-tit-02 i:before{background-image:url(/images/contents/main/tab_02.png);}
.tab-banner .tab-tit-03 i:before{background-image:url(/images/contents/main/tab_03.png);}
.tab-banner .tab-tit-04 i:before{background-image:url(/images/contents/main/tab_04.png);}



/** tab banner : is-current **/
.tab-banner [class*='tab-tit']:is(:hover,:focus):after,.tab-banner li.is-current [class*='tab-tit']:after{background:#00a7af;}
.tab-banner [class*='tab-tit']:is(:hover,:focus):before,.tab-banner li.is-current [class*='tab-tit']:before{transform:translateY(0);opacity:1;}
.tab-banner [class*='tab-tit']:is(:hover,:focus) i:before,.tab-banner li.is-current [class*='tab-tit'] i:before{background-color:#00949b;}
.tab-banner > li.is-current .tab-cont{visibility:visible;opacity:1;}

/** tab - swiper common **/
.tab-banner .swiper-box{height:100%;}
.tab-banner .swiper-box .tag{display:inline-block;padding:6px 15px;color:var(--color08);font-size:16px;border:1px solid var(--color08);border-radius:25px;}
.tab-banner .swiper-box .tag-02{display:inline-block;padding:6px 15px;color:#fff;font-size:16px;background: var(--main03);border-radius:25px;}
.tab-banner .swiper-navi{display:flex;align-items:center;position:absolute;right:10px;bottom:0;z-index:1;}
.tab-banner .swiper-navi .swiper-pagination{display:flex;width:auto;margin-right:23px;color:#929292;font-weight:500;}
.tab-banner .swiper-navi .swiper-pagination .slidestr{margin:0 5px;}
.tab-banner .swiper-navi .swiper-pagination :is(.c-num,.swiper-pagination-current){color:var(--main03);font-weight:700;}
.tab-banner .swiper-navi .swiper-pagination :is(.t-num,.swiper-pagination-total){color:#222;}
.tab-banner .swiper-navi a[class*='swiper']{width:10px;height:11px;text-indent:-9999px;background-image:url(/images/contents/main/navi_banner.png); background-repeat:no-repeat;}
.tab-banner .swiper-navi .swiper-next{background-position:right;}
.tab-banner .swiper-navi .swiper-stop{margin:0 15px;background-position:center;}
.tab-banner .swiper-navi .swiper-stop.on{background-image:url(/images/contents/main/navi_play.png);}

/** tab - swiper **/
.tab-banner .swiper-box .swiper-slide .wrap-news{display:flex;}
.tab-banner .wrap-img{width:260px;height:auto !important;border:1px solid #d1d1d1;aspect-ratio:1 / .72;}
.tab-banner .wrap-cont{flex:1;min-width:0;margin-left:30px;}
.tab-banner .swiper-box [class*='tit']{overflow:hidden;font-size:20px;font-weight:600;}
.tab-banner .swiper-box .tit{display:block;margin:18px 0 22px;white-space:nowrap;text-overflow:ellipsis;}
.tab-banner .swiper-box .tit-clamp{display:-webkit-box;margin:10px 0; word-break: keep-all;}
.tab-banner .txt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.3em;word-break:keep-all;}
.tab-banner .bul-type01 li:has(a):before{background:var(--color08);}
.tab-banner .bul-type01 li a{display:flex;}
.tab-banner .bul-type01 li b{color:var(--color08);}
.tab-banner .bul-type01 li p{overflow:hidden;color:#262626;white-space:nowrap;text-overflow:ellipsis;}
.tab-banner .bul-type01 li a:is(:hover,:focus) p{text-decoration:underline;}
.tab-banner .wrap-cont .bul-type01{margin-top:0;}
.tab-banner .wrap-cont .bul-type01 li+li{margin-top:5px;}
.tab-banner .wrap-cont .bul-type01 span{width:77px;}
.tab-banner .wrap-cont .bul-type01 b{margin:0;color:var(--color08);}

/** 숫자로 보는 화학정보통계 **/
.wrap-statis{position:relative;min-width:0;padding:31px 50px 30px 39px;border-radius:15px;box-shadow:0 0 20px 10px rgba(0, 0, 0, .04);background:rgba(255,255,255,.5);}
.wrap-statis .more-btn{display:block;position:absolute;top:27px;right:30px;width:36px;height:36px;background-color:#fff;}
.wrap-statis .more-btn:is(:hover,:focus){background-color:var(--color08);}
.statis-head{margin-bottom:30px;}
.statis-head strong{display:block;font-size:24px;font-weight:400;}
.statis-head b{color:var(--color08);font-weight:600;}
.statis-body .swiper-box{position:initial;}
.statis-body .swiper-navi{display:flex;position:absolute;right:24px;bottom:-24px;}
.statis-body .swiper-navi [class*='swiper']{display:block;position:relative;width:49px;height:49px;border-radius:50%;text-indent:-9999px;box-shadow:0 0 14px 3px rgba(0,0,0,.03);background:#fff;opacity:1;}
.statis-body .swiper-navi [class*='swiper']:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/contents/main/navi_statis.png) no-repeat center;}
.statis-body .swiper-navi .swiper-next{margin-left:7px;}
.statis-body .swiper-navi .swiper-next:before{transform:rotate(180deg);}
.statis-body .swiper-navi [class*='swiper']:is(:hover,:focus){background:var(--color08);}
.statis-body .swiper-navi [class*='swiper']:is(:hover,:focus):before{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3784%) hue-rotate(351deg) brightness(128%) contrast(115%);}
#slide-statis{height:300px}
.statis-list{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.statis-list [class*='statis']{display:flex;flex-wrap:wrap;align-items:center;position:relative;padding-left:45px;}
.statis-list [class*='statis']:before{content:'';position:absolute;top:calc(50% - 17px);left:0;width:34px;height:34px;border-radius:50%;background-color:#e7f0f9;background-repeat:no-repeat;background-position:center;}
.statis-list .tit{flex:1;height:auto !important;font-size:clamp(19px,1.4vw,21px);font-weight:600;}
.statis-list .year{position:relative;min-width:77px;margin:0 10px;padding:0 17px;font-size:clamp(18px,1.3vw,20px);}
.statis-list .year:before{content:'';position:absolute;top:calc(50% - 11px);left:0;width:100%;height:22px;border-width:0 1px;border-style:solid;border-color:#babdc1;}
.statis-list .num{width:clamp(125px,10.4vw,175px);font-size:clamp(19px,1.4vw,21px);font-weight:500;text-align:right;}
.statis-list .num b{color:var(--color08);font-size:clamp(25px,1.8vw,28px);font-weight:700;}

.statis-list .statis-01:before{background-image:url(/images/contents/main/statis_01.png);}
.statis-list .statis-02:before{background-image:url(/images/contents/main/statis_02.png);}
.statis-list .statis-03:before{background-image:url(/images/contents/main/statis_03.png);}
.statis-list .statis-04:before{background-image:url(/images/contents/main/statis_04.png);}
.statis-list .statis-05:before{background-image:url(/images/contents/main/statis_05.png);}
.statis-list .statis-06:before{background-image:url(/images/contents/main/statis_06.png);}
.statis-list .statis-07:before{background-image:url(/images/contents/main/statis_07.png);}
.statis-list .statis-08:before{background-image:url(/images/contents/main/statis_08.png);}
.statis-list .statis-09:before{background-image:url(/images/contents/main/statis_09.png);}
.statis-list .statis-10:before{background-image:url(/images/contents/main/statis_10.png);}
.statis-list .statis-11:before{background-image:url(/images/contents/main/statis_11.png);}
.statis-list .statis-12:before{background-image:url(/images/contents/main/statis_12.png);}

/** section02 **/
.section-02{padding-top:65px;padding-bottom:60px;}
.section-02 .section-area{display:flex;}
.section-02 .more-btn{background-color:#f2f4f8;}
.section-02 .more-btn:is(:hover,:focus){background-color:var(--main02);}

/** 행사,발간물 **/
.tab-notice{flex:1;height:460px;}
.tab-notice .notice-list > li{margin-top:22px;}
.tab-notice .notice-list a{display:flex;align-items:center;padding:0 clamp(30px,3.5vw,70px) 0 23px;}
.tab-notice .flag{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-right:18px;border-radius:50%;}
.tab-notice .notice-cont{flex:1;min-width:0;}
.tab-notice .notice-cont > *{display:block;}
.tab-notice .notice-cont .tit{overflow:hidden;margin-bottom:8px;color:#222;font-size:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.tab-notice .notice-cont .tit b{font-weight:600;}
.tab-notice .notice-cont .date{color:#008fd8;font-size:14px;font-weight:400;}
.tab-notice .top-notice a{align-items:flex-start;padding:37px clamp(30px,3.8vw,80px) 37px 23px;border-radius:0 0 25px 0;background:#f2f4f8 url(/images/contents/main/bg_notice.png) no-repeat right 30px bottom 20px;}
.tab-notice .top-notice .notice-cont .tit{display:-webkit-box;max-height:2.8em;margin-bottom:20px;line-height:1.4em;font-size:22px;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;}
.tab-notice .top-notice .notice-cont .bul-type01{margin-top:0;}
.tab-notice > li .tab-cont .more-btn{top:-33px;}

.tab-notice .notice-list a:is(:hover,:focus) .tit{text-decoration:underline;}

/** 발간물 **/
.wrap-publication{position:relative;width:735px;margin-left:clamp(30px,3.3vw,67px);}
.wrap-publication .tit-head{text-align:left;}
.wrap-publication .tit-head .m-tit{margin-bottom:0;font-size:25px;}
.wrap-publication .more-btn{position:absolute;top:-3px;right:0;}
.publication-box{display:flex;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e0e4ee;}
.publication-box [class*='publication']{width:50%;}
.publication-box .publication-cont{display:flex;margin-bottom:35px;}
.publication-box .publication-cont:nth-child(3){margin-bottom:0;}
.publication-box .publication-cont .wrap-img{width:124px;margin:0 24px 0 0;box-shadow:0 0 10px 3px rgba(0,0,0,.1);transition:all .2s;}
.publication-box .publication-cont:is(:hover,:focus) .wrap-img{transform:translateY(-10px);}
.publication-box .publication-cont > div{flex:1;min-width:0;padding:10px 35px 10px 0;}
.publication-box .publication-cont .field{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.publication-box .publication-cont .tit{overflow:hidden;display:-webkit-box;height:2.8em;margin:15px 0;line-height:1.4em;font-size:18px;font-weight:700;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.publication-box .publication-cont .tag{display:flex;align-items:center;justify-content:center;width:93px;height:27px;margin-bottom:10px;color:#fff;font-size:14px;font-weight:500;border-radius:25px;}
.publication-box .publication-cont .hashtag{overflow:hidden;color:#849198;font-size:14px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;}

.publication-box .publication-cont .field.ver-01{color:#00939a;}
.publication-box .publication-cont .field.ver-02{color:var(--color08);}
.publication-box .publication-cont .field.ver-03{color:#068500;}
.publication-box .publication-cont .tag.ver-01{background:#00a6ae;}
.publication-box .publication-cont .tag.ver-02{background:var(--color08);}
.publication-box .publication-cont .tag.ver-03{background:#53954f;}

/** 뉴스레터 **/
.publication-newsletter{padding:24px 42px;border-radius:15px;background:#ecf8f7 url(/images/contents/main/ico_newsletter.png) no-repeat right 50px center;}
.publication-newsletter .wrap-tit{margin-bottom:25px;}
.publication-newsletter .wrap-tit > *{color:#121212;}
.publication-newsletter .wrap-tit span{display:inline-block;position:relative;margin-bottom:5px;padding:0 2px;font-size:15px;font-weight:500;z-index:1;}
.publication-newsletter .wrap-tit span:before{content:'';position:absolute;top:7px;left:0;width:100%;height:11px;background:#beebe7 ;z-index:-1;}
.publication-newsletter .wrap-tit strong{display:block;font-size:24px;font-weight:700;}
.publication-newsletter li+li{margin-top:12px;}
.publication-newsletter a{display:inline-block;position:relative;padding-left:25px;color:#121212;}
.publication-newsletter a:before{content:'';position:absolute;top:calc(50% - 9px);left:0;width:18px;height:18px;border-radius:50%;background:#beebe7 url(/images/contents/main/more_news.png) no-repeat center;}
.publication-newsletter a i{font-weight:400;}

.publication-box .publication-cont:is(:hover,:focus) .tit,.publication-newsletter a:is(:hover,:focus){text-decoration:underline;}

/** 뉴스,자료 **/
.section-03{padding-top:70px;padding-bottom:80px;background:#eff1f6 url(/images/contents/main/bg03.jpg) no-repeat right top;}
.section-03 .section-area{display:flex;}
.section-03 .more-btn{background-color:#fff;}
.section-03 .more-btn:is(:hover,:focus){background-color:var(--main03);}
.section-03 .tab-cont{top:50px;}
.tab-news{width:579px;height:365px;}
.tab-news .tab-cont{padding:35px 29px;border-radius:15px;background:#fff;}
.tab-news .news-list li+li{margin-top:13px;}
.tab-news .news-list a{display:flex;align-items:center;}
.tab-news .news-list .flag{display:inline-block;min-width:67px;padding:7px 12px;text-align:center;border-radius:25px;}
.tab-news .news-list .tit{overflow:hidden;display:block;flex:1;width:100%;margin:0 50px 0 10px;color:#222;font-weight:400;text-overflow:ellipsis;white-space:nowrap;}
.tab-news .news-list .date{color:#8fa3ad;font-size:14px;font-weight:500;}

.tab-data{flex:1;min-width:490px;margin-left:clamp(30px,3.3vw,57px);}
.swiper-data .slider-cont{position:relative;}
.swiper-data .slider-cont:after{content:none;position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(239,246,241,1) 100%);z-index:10;}
.swiper-data .swiper-slide a{width:228px;border-radius:15px;background-color: #fff;}
.swiper-data .wrap-img{padding-top:69%;}
.swiper-data .tech-cont{padding:24px 16px;background:#fff;}
.swiper-data .tech-cont *{display:block;}
.swiper-data .tech-cont .tit{overflow:hidden;display:-webkit-box;min-height:2.8em;line-height:1.4em;color:#222;font-size:17px;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.swiper-data .tech-cont b{margin:20px 0 7px;color:#008fd8;font-size:15px;font-weight:600;}
.swiper-data .tech-cont .lead{display: inline-block;font-size:15px; color: #555; margin:10px 0 0px;max-height: 143px;line-height:1.4em;overflow: hidden;overflow-wrap: break-word;}
.swiper-data .tech-cont .date{color:#8fa3ad;font-size:14px;font-weight:500;}
.swiper-data .swiper-navi-type02{position:absolute;top:-53px;right:0;}
.swiper-data .swiper-navi-type02 [class*='swiper']{background:#fff;}

.tab-news .news-list a:is(:hover,:focus) .tit,.swiper-data .swiper-slide a:is(:hover,:focus) .tit{text-decoration:underline;}

/** .section-04,.section-05 **/
:is(.section-04,.section-05) .section-area{position:relative;max-width:1520px;padding:0 105px;}

/** TECHNOLOGY **/
.section-05{padding-top:65px;padding-bottom:90px;background:linear-gradient(79deg, rgba(239,246,251,1) 0%, rgba(236,249,247,1) 100%);}
.section-05 .tit-head .m-tit{color:#005c8c;font-size:30px;}
.swiper-tech .slider-cont{padding:10px;}
.swiper-tech .swiper-slide a{border-radius:15px;box-shadow:0 0 10px 3px rgba(0, 0, 0, .1);}
.swiper-tech .wrap-img{padding-top:58.4%;}
.swiper-tech [class*='flag']{display:inline-block;position:absolute;left:0;bottom:0;padding:10px 23px;color:#fff;font-size:15px;font-weight:500;border-radius:0 25px 25px 0;}
.swiper-tech .flag-01{background:#00a6ae;}
.swiper-tech .flag-02{background:#28a8ea;}
.swiper-tech .tech-cont{height:100%;background:#fff;}
.swiper-tech .wrap-tit{padding:23px 28px;border-bottom:1px solid #ccc;}
.swiper-tech .wrap-tit *{font-weight:700;}
.swiper-tech .wrap-tit b{display:block;margin-bottom:10px;color:#008656;font-size:15px;}
.swiper-tech .wrap-tit .tit{overflow:hidden;display:-webkit-box;color:#222;font-size:20px;line-height:1.4em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.swiper-tech .swiper-slide a:is(:hover,:focus) .tit{text-decoration:underline;}
.swiper-tech .wrap-tag{padding:21px 28px 30px;}
.swiper-tech .wrap-tag{margin-top:-7px;}
.swiper-tech .wrap-tag span{display:inline-block;margin-top:7px;margin-right:10px;color:#849198;font-size:15px;font-weight:500;}
.swiper-tech .wrap-tag span:last-child{margin-right:0;}
.swiper-tech [class*='swiper-navi'] [class*='swiper']{display:block;position:absolute;top:calc(50% - 33px);width:66px;height:66px;border:1px solid #2aa9ea;border-radius:50%;text-indent:-9999px;box-shadow:0px 4px 7px 3px rgba(0, 0, 0, .1);background:#fff url(/images/contents/main/arr_prev.png) no-repeat center;}

/** 관련사이트 **/
.section-06{padding-top:38px;padding-bottom:38px;}
.swiper-site{display:flex;align-items:center;}
.swiper-site .slider-cont{flex:1;}
.swiper-site .slider-cont:after{content:none;position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);z-index:1;}
.swiper-site .swiper-slide a{width:228px;border:1px solid #dddfe1;border-radius:8px;transition:all .3s;}
.swiper-site .swiper-slide img{display:block;}
.swiper-site [class*='swiper-navi']{width:150px;margin-left:30px;}

.swiper-site .swiper-slide a:is(:hover,:focus){border-color:var(--main03);}

/** 1570px 시작 **/
@media screen and (max-width:1570px){
    /** 공통 swiper **/
    .swiper-box .swiper-navi-type01 .swiper-prev{left:-90px;}
    .swiper-box .swiper-navi-type01 .swiper-next{right:-90px;}

    /** .section-04,.section-05 **/
    :is(.section-04,.section-05) .section-area{padding:0 90px;}

    /** TECHNOLOGY **/
    .swiper-tech .wrap-tit{padding:23px 20px;}
    .swiper-tech .wrap-tag{padding:21px 20px;}
}
/** 1570px 끝 **/

/** 1440px 시작 **/
@media screen and (max-width:1440px){
    /** section01 **/
    .section-01 .wrap-banner > div+div{margin-left:30px;}

    /** tab banner **/
    .tab-banner .tab-cont{padding:50px 25px 30px;}
    .tab-banner [class*='tab-tit']{width:100%;padding:0 10px 0 15px;font-size:17px;text-align:center;}
    .tab-banner [class*='tab-tit']:after{width:100%;}
    .tab-banner [class*='tab-tit'] i{padding-left:38px;}
    .tab-banner [class*='tab-tit'] i:before{width:33px;height:33px;}

    /** 숫자로 보는 화학정보통계 **/
    .wrap-statis{padding:30px;}

    /** 뉴스,자료 **/
    .swiper-data .slider-cont:after{content:'';}

    /** 관련사이트 **/
    .swiper-site .slider-cont:after{content:'';}
}
/** 1440px 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
    /** 공지팝업 - 20260122 **/
    .notice-popup{top:80px;left:20px;}

    /** 공통 swiper **/
    .swiper-box .swiper-navi-type01 [class*='swiper']{width:50px;height:50px;}
    .swiper-box .swiper-navi-type01 .swiper-prev{left:-70px;}
    .swiper-box .swiper-navi-type01 .swiper-next{right:-70px;}

    /** section01 **/
    .section-01 .wrap-banner > div{flex:none;width:100%;}
    .section-01 .wrap-banner > div+div{margin:30px 0 0 0;}

    /** tab banner **/
    .wrap-tab{min-width:100%;}
    .tab-banner{height:345px;}
    .tab-banner > li{padding-top:275px;}
    .tab-banner .tab-cont{height:calc(100% - 70px);padding:30px 20px;}
    .tab-banner [class*='tab-tit']{line-height:70px;}

    /** 숫자로 보는 화학정보통계 **/
    .wrap-statis{padding:25px 20px 40px;}
    .wrap-statis .more-btn{top:20px;right:20px;}
    .statis-head{margin-bottom:25px;}
    .statis-head strong{font-size:21px;}
    .statis-body .swiper-navi [class*='swiper']{width:40px;height:40px;}
    #slide-statis{height:270px;}
    .statis-list :is(.year,.num){font-size:18px;}
    .statis-list .num b{font-size:22px;}

    /** 행사,발간물 **/
    .tab-notice .top-notice a,.tab-notice .notice-list a{padding-right:20px;}

    /** 뉴스,자료 **/
    .tab-news{flex:1;width:100%;}
    .tab-news .tab-cont{padding:35px 20px;}
    .tab-news .news-list .tit{margin-right:20px;}
    .tab-data{flex:none;}
    .swiper-data .slider-cont:after{content:none;}

    /** .section-04,.section-05 **/
    :is(.section-04,.section-05) .section-area{padding:0 70px;}
}
/** 1280px 끝 **/

/** 1200px 시작 **/
@media screen and (max-width:1200px){
    /** common **/
    [class*='section-0']:not(.section-06){padding:40px 20px 50px;}
    .tit-head{margin-bottom:15px;}

    /** 공통 tab **/
    .tab-board > li .tab-tit{font-size:22px;}

    /** 행사,발간물 **/
    .section-02 .section-area{flex-direction:column;}
    .tab-notice{flex:auto;height:425px;}

    /** 발간물 **/
    .wrap-publication{width:auto;margin:30px 0 0 0;padding-top:30px;border-top:1px solid #e0e4ee;}
    .wrap-publication .tit-head .m-tit{font-size:22px;}
    .wrap-publication .more-btn{top:21px;}

    /** TECHNOLOGY **/
    .swiper-tech .wrap-tit{padding:20px;}
    .swiper-tech .wrap-tit b{margin-bottom:5px;}
    .swiper-tech .wrap-tit .tit{font-size:18px;}
    .swiper-tech .wrap-tag{margin-top:-5px;padding:15px 20px;}
    .swiper-tech .wrap-tag span{margin-top:5px;}

    /** 관련사이트 **/
    .swiper-site [class*='swiper-navi']{width:auto;}
}
/** 1200px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
    /** common **/
    .tit-head .m-tit{margin-bottom:5px;}
    .more-btn,.swiper-box .swiper-navi-type02 [class*='swiper']{width:34px;height:34px;}

    /** 공통 swiper **/
    .swiper-data .swiper-navi-type02{top:-45px;}

    /** 공통 tab **/
    .tab-board > li .tab-tit{font-size:20px;}
    .tab-board > li+li .tab-tit{margin-left:26px;}
    .tab-board > li+li .tab-tit:before{left:-13px;}
    .tab-board > li .tab-cont .more-btn{top:-45px;}

    /** 행사,발간물 **/
    .tab-notice > li .tab-cont .more-btn{top:-29px;}

    /** 뉴스,자료 **/
    .section-03 .section-area{flex-direction:column;}
    .section-03 .tab-cont{top:40px;}

    .tab-news{flex:none;height:305px;}
    .tab-news .tab-cont{padding:25px 20px;}
    .tab-news .news-list .flag{padding:5px 10px;font-size:13px;}

    .tab-data{width:100%;height:325px;margin:50px 0 0 0;}
    .swiper-data .tech-cont{padding:17px 16px;}
    .swiper-data .slider-cont:after{content:'';}
    .swiper-data .tech-cont b{margin:10px 0 4px;}

    /** TECHNOLOGY **/
    .section-05 .tit-head .m-tit{font-size:24px;}
    .swiper-tech [class*='flag']{padding:8px 18px;font-size:14px;}
    .swiper-tech .wrap-tit,.swiper-tech .wrap-tag{padding:15px;}

    /** 관련사이트 **/
    .section-06{padding-top:25px;padding-bottom:25px;}
    .swiper-site .swiper-slide a{width:200px;}
    .swiper-site [class*='swiper-navi']{margin-left:15px;}
}
/** 1024px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** common **/
    .more-btn,.swiper-box .swiper-navi-type02 [class*='swiper']{width:35px;height:35px;}

    /** section01 **/
    .section-01 .srch-total .srch-wrap-txt .srch-txt{border-radius:5px;}

    /** tab banner **/
    .tab-banner [class*='tab-tit']{font-size:16px;}
    .tab-banner .wrap-cont{margin-left:20px;}
    .tab-banner .txt{-webkit-line-clamp:4;}
    .tab-banner .bul-type01{margin-top:15px;}
    .tab-banner .bul-type01 li+li{margin-top:8px;}

    /** tab - swiper **/
    .tab-banner .swiper-box .tit-clamp{-webkit-line-clamp:2;}

    /** 행사,발간물 **/
    .tab-notice{height:490px;}
    .tab-notice .notice-list > li{margin-top:20px;}
    .tab-notice .notice-list a{flex-direction:column;align-items:initial;padding:0 15px;}
    .tab-notice .notice-list .flag{height:25px;margin:0 0 5px;border-radius:25px;}
    .tab-notice .notice-list .bul-type01 li+li{margin-top:5px;}

    .tab-notice .top-notice a{padding:20px 15px;background-image:none;}
    .tab-notice .top-notice .notice-cont .tit{margin-bottom:10px;font-size:20px;}

    /** 발간물 **/
    .wrap-publication .tit-head{margin-bottom:15px}
    .publication-box .publication-cont > div{padding-right:25px;}

    /** 관련사이트 **/
    .swiper-site{flex-direction:column-reverse;}
    .swiper-site .slider-cont{width:100%;}
    .swiper-site .swiper-slide a{width:180px;}
    .swiper-site [class*='swiper-navi']{margin:0 0 15px auto;}
}
/** 767px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
    /** common **/
    [class*='section-0']:not(.section-06){padding:40px 20px;}
    .swiper-box .swiper-navi-type01{display:flex;position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);}
    .swiper-box .swiper-navi-type01 [class*='swiper']{position:relative;top:auto;right:auto;left:auto;width:40px;height:40px;background-size:9px auto;background-position:left 13px center;}
    .swiper-box .swiper-navi-type01 [class*='swiper']+[class*='swiper']{margin-left:15px;}

    /** tab banner **/
    .tab-banner{height:445px}
    .tab-banner > li{padding-top:375px;}

    /** tab - swiper common **/
    .tab-banner .swiper-box .swiper-slide .wrap-news{flex-direction:column;align-items:center;}
    .tab-banner .swiper-box .tag{padding:3px 10px;font-size:13px;}
    .tab-banner .swiper-box [class*='tit']{font-size:18px;}
    .tab-banner .swiper-box .tit{margin:13px 0;}
    .tab-banner .swiper-box .tit-clamp{margin:8px 0;}

    /** tab - swiper **/
    .tab-banner .tab-cont{height:calc(100% - 70px);padding:20px}
    .tab-banner .wrap-cont{margin:15px 0 0 0;}
    .tab-banner .wrap-img{max-width:200px;width:100%;}
    .tab-banner .bul-type01 li a{flex-direction:column;}
    .tab-banner .bul-type01 li b{margin:0 0 2px;}

    /** 숫자로 보는 화학정보통계 **/
    #slide-statis{height:530px;}
    .statis-head strong{font-size:20px;}
    .statis-list [class*='statis']{justify-content:space-between;padding-top:15px;padding-bottom:15px;}
    .statis-list [class*='statis']+[class*='statis']{border-top:1px solid #babdc1;}
    .statis-list [class*='statis']:before{top:5px;}
    .statis-list .tit{flex:none;width:100%;margin-bottom:7px;font-size:18px;}
    .statis-list :is(.year,.num){font-size:16px;}
    .statis-list .year{min-width:auto;margin:0;padding:0;}
    .statis-list .year:before{content:none;}
    .statis-list .num{width:auto;}

    /** 발간물 **/
    .publication-box{flex-direction:column;}
    .publication-box [class*='publication']{width:100%;}

    /** 뉴스레터 **/
    .publication-newsletter{margin-top:30px;padding:24px;background-position:right 30px center;background-size:70px auto;}
    .publication-newsletter .wrap-tit{display:flex;align-items:baseline;margin-bottom:20px;}
    .publication-newsletter .wrap-tit span{margin:0 5px 0 0;}
    .publication-newsletter .wrap-tit strong{font-size:22px;}
    .publication-newsletter li+li{margin-top:8px;}

    /** .section-04,.section-05 **/
    :is(.section-04,.section-05) .section-area{padding:0 0 60px;}
}
/** 640px 끝 **/

/** 520px 시작 **/
@media screen and (max-width:520px){
    /** tab banner **/
    .tab-banner [class*='tab-tit'] i{padding:0;}
    .tab-banner [class*='tab-tit'] i:before{content:none;}

}
/** 520px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** common **/
    [class*='section-0']:not(.section-06){padding:35px 20px 40px;}
    .tit-head{margin-bottom:10px;}
    .tit-head p{font-size:15px;}

    /** 공지팝업 - 20260122 **/
    .notice-popup{width:calc(100% - 40px);}
    .notice-popup .popup-body{padding:25px 15px;}
    .notice-popup .notice-cont *{font-size:16px;}
    .notice-popup .notice-cont .tit{margin-bottom:18px;font-size:clamp(20px,6.6vw,22px);}
    .notice-popup .notice-cont .date{margin-bottom:15px;padding:8px 10px;font-size:16px;border-radius:10px;}
    .notice-popup .notice-cont .txt{font-size:15px;}
    .notice-popup .form-checkbox{padding-left:15px;}
    .notice-popup .close-btn{width:50px;padding:10px;}

    /** 공통 tab **/
    .tab-board > li .tab-tit{font-size:18px;}

    /** 공통 swiper **/
    .swiper-box .swiper-navi-type01{bottom:-45px;}
    .swiper-box .swiper-navi-type01 [class*='swiper']{width:35px;height:35px;background-position:left 11px center;}
    .swiper-data .swiper-navi-type02{width:100%;}
    .swiper-data .swiper-navi-type02 .more-btn{margin:0 0 0 auto;}

    /** tab banner **/
    .tab-banner{height:485px}
    .tab-banner > li{padding-top:365px;}
    .tab-banner [class*='tab-tit']{position:absolute;left:0;bottom:50px;width:50%;line-height:50px;border-style:solid;border-color:#fff;}
    .tab-banner [class*='tab-tit']:before{content:none;}
    .tab-banner > li:nth-child(1) [class*='tab-tit']{border-width:0 1px 1px 0;}
    .tab-banner > li:nth-child(2) [class*='tab-tit']{bottom:50px;left:50%;border-width:0 0 1px 0;}
    .tab-banner > li:nth-child(3) [class*='tab-tit']{bottom:0;border-width:0 1px 0 0;}
    .tab-banner > li:nth-child(4) [class*='tab-tit']{bottom:0;left:50%;}

    /** tab - swiper **/
    .tab-banner .tab-cont{height:calc(100% - 100px);padding:20px 15px;}

    /** 숫자로 보는 화학정보통계 **/
    .wrap-statis{padding:20px 15px;}
    .wrap-statis .more-btn{top:30px;}
    .statis-head{margin-bottom:10px;}
    .statis-head b{display:block;}
    .statis-list [class*='statis']{padding-left:0;}
    .statis-list [class*='statis']:before{content:none;}
    .statis-list .tit{font-size:17px;}
    .statis-list .num b{font-size:19px;}

    /** 행사,발간물 **/
    .tab-notice{height:525px;}
    .tab-notice .notice-list a{padding:0 10px;}
    .tab-notice .top-notice a{padding:15px 10px;}
    .tab-notice .top-notice .notice-cont .tit{font-size:18px;}
    .tab-notice .top-notice .notice-cont .bul-type01 li{flex-direction:column;}
    .tab-notice .top-notice .notice-cont .bul-type01 li *{font-size:15px;}
    .tab-notice .top-notice .notice-cont .bul-type01 li b{margin:0 0 3px;}
    .tab-notice .top-notice .notice-cont .bul-type01 li b:After{content:none;}

    /** 발간물 **/
    .publication-box .publication-cont{flex-direction:column;align-items:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dotted #e0e4ee;}
    .publication-box .publication-cont .wrap-img{margin:0 0 20px;}
    .publication-box .publication-cont > div{padding:0;text-align:center;}
    .publication-box .publication-cont .tit{height:auto;margin:10px 0;}
    .publication-box .publication-cont .tag{margin:0 auto 10px;}

    /** 뉴스,자료 **/
    .section-03{background-image:none;}
    .tab-news{height:470px;}
    .tab-news .tab-cont{padding:15px;}
    .tab-news .news-list li+li{margin-top:10px;padding-top:10px;border-top:1px dotted #ddd;}
    .tab-news .news-list a{flex-direction:column;align-items:baseline;}
    .tab-news .news-list .flag{margin:0 0 7px;}
    .tab-news .news-list .tit{margin:0;}
    .tab-news .news-list .date{display:none;}

    .tab-data{height:360px;}
    .tab-data .tab-cont{top:80px;}
    .swiper-data .slider-cont:after{content:none;}
    .swiper-data .swiper-slide a{width:220px;}

    /** .section-04,.section-05 **/
    :is(.section-04,.section-05) .section-area{padding:0 0 45px;}

    /** TECHNOLOGY **/
    .section-05 .tit-head .m-tit{font-size:20px;}
    .swiper-tech .wrap-tit b,.swiper-tech .wrap-tag span{font-size:14px;}

    /** 뉴스레터 **/
    .publication-newsletter{margin-top:20px;padding:20px;background-position:right 25px bottom 20px;background-size:50px auto;}
    .publication-newsletter .wrap-tit{flex-direction:column;}
    .publication-newsletter .wrap-tit span{margin:0 0 5px 0;}
}
/** 414px 끝 **/