@charset "utf-8";

/** common **/
.wrap-tit{display:flex;align-items:center;margin-top:40px;margin-bottom:15px;}
.wrap-tit [class*='tit']{margin:0;}
.wrap-tit p{margin-left:10px;color:#121212;}
.wrap-tit:first-of-type{margin-top:0;}
.file-name{display:flex;align-items:center;gap:5px;margin-top:8px;}
.file-name p{word-break:keep-all;}

:is(.ico-add,.ico-check) i{padding-left:27px;}
:is(.ico-add,.ico-check) i:before{content:'';position:absolute;top:calc(50% - 7px);left:0;width:14px;height:14px;background-repeat:no-repeat;background-size:contain;}
:is(.ico-add,.ico-check):is(:hover,:focus) i:before{filter:var(--hover-color07);}

.ico-add i:before{background-image:url(/images/ico/ico_add.png);}
.ico-check i:before{width:18px;background-image:url(/images/ico/ico_check02.png);}

[class*='bl-'].ico-add{padding:10px 15px;}
[class*='bl-'].ico-add i{padding-left:15px;}
[class*='bl-'].ico-add i:before{top:calc(50% - 4px);width:8px;height:9px;filter:var(--hover-color07);background-size:contain;}

/** cont-head **/
.breadcrumb{display:flex;align-items:flex-start;position:absolute;top:0;left:330px;padding:15px 0;z-index:1;}
.breadcrumb:before{content:'';position:absolute;top:0;left:calc((((100vw - 1380px) / 2) + 310px) * -1);width:100vw;height:100%;background-image:linear-gradient(90deg, rgba(26,165,160,1) 0%, rgba(30,145,208,1) 100%),url(/images/contents/common/bg_breadcrumb.png);background-repeat:no-repeat;background-position:right center;background-blend-mode:multiply;z-index:-1;}
.breadcrumb li+li{position:relative;margin-left:22px;}
.breadcrumb li+li:before{content:'';position:absolute;top:5px;left:-12px;width:4px;height:8px;background:url(/images/ico/arr_right.png) no-repeat;}
.breadcrumb a{display:block;color:#fff;font-size:15px;font-weight:500;}
.breadcrumb a:is(:hover,:focus){text-decoration:underline;}
.breadcrumb .home{width:16px;height:17px;text-indent:-9999px;background:url(/images/ico/ico_home.png) no-repeat;}

.cont-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;padding-bottom:20px;border-bottom:1px solid #d2d5da;}
.cont-head .head-tit{color:#0c1420;font-size:30px;font-weight:700;}
.cont-head .head-aside{display:flex;align-items:center;}
.cont-head .head-aside [class*='btn']{display:block;width:40px;height:40px;border:1px solid #d4d4d4;border-radius:50%;text-indent:-9999px;background-repeat:no-repeat;background-position:center;}
.cont-head .head-aside *+*{margin-left:7px;}
.cont-head .head-aside .sharing-btn{background-image:url(/images/ico/ico_sharing.png);}
.cont-head .head-aside .print-btn{background-image:url(/images/ico/ico_print.png);}

.cont-head .head-aside .sharing-btn:is(:hover,.active){background-color:#393131;background-image:url(/images/ico/ico_sharing01.png);}
.cont-head .head-aside .print-btn:is(:hover,:focus){background-color:#393131;background-image:url(/images/ico/ico_print01.png);}

.cont-head .sns-sharing{position:relative;}
.cont-head .wrap-sns{visibility:hidden;display:flex;align-items:center;position:absolute;top:calc(100% + 12px);right:-47px;padding:10px;border:1px solid #d7d7d7;border-radius:10px;transition:all .2s;background:#fff;z-index:1;opacity:0;}
.cont-head .wrap-sns:before{content:'';position:absolute;bottom:100%;right:60px;width:13px;height:8px;background:url(/images/ico/arr_sns.png) no-repeat;}
.cont-head .wrap-sns.active{visibility:visible;opacity:1;}
.cont-head .wrap-sns *+*{margin-left:16px;}
.cont-head .wrap-sns [class*='sns']{display:block;width:22px;height:19px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;}
.cont-head .wrap-sns [class*='sns']:is(:hover,:focus){filter:brightness(0) saturate(100%) invert(55%) sepia(15%) saturate(2122%) hue-rotate(143deg) brightness(90%) contrast(95%);}
.cont-head .wrap-sns .copy-url{display:inline-block;width:69px;padding:4px 5px;color:#fff;font-size:14px;font-weight:600;text-align:center;border-radius:5px;background:#1c9bb6;}
.cont-head .wrap-sns .copy-url:is(:hover,:focus){background:#19284e;}

.cont-head .wrap-sns .sns-facebook{background-image:url(/images/ico/sns_01.png);}
.cont-head .wrap-sns .sns-kakao{background-image:url(/images/ico/sns_02.png);}
.cont-head .wrap-sns .sns-twitter{background-image:url(/images/ico/sns_03.png);}
.cont-head .wrap-sns .sns-naverblog{background-image:url(/images/ico/sns_04.png);}

.cont-body{min-height:700px;}

/** cont-head - integrate **/
.wrap-integrate .breadcrumb{max-width:var(--inner);width:100%;left:calc((100vw - 1380px) / 2);}
.wrap-integrate .breadcrumb:before{left:calc(((100vw - 1380px) / 2) * -1);}

/** 영역 **/
.empty-box{display:flex;align-items:center;justify-content:center;width:100%;background:#f7f7f7;}

/** 통계로 보는 화학분야 **/
.wrap-chemistry{display:flex;flex-wrap:wrap;padding:30px 48px;margin-top:-36px;margin-left:-44px;}
.wrap-chemistry > div{width:calc(100% / 3);margin-top:36px;}
.chemistry-box{overflow:hidden;display:block;margin-left:44px;border:1px solid #e8e8e8;border-radius:15px;box-shadow:6px 6px 13px 0px rgba(0, 0, 0, .05);}
.chemistry-box .base-date{padding:10px 27px; font-size:15px; text-align:right}
.chemistry-box .wrap-num{position:relative;display:flex;flex-direction:column;justify-content:center;height:110px;padding:20px 50px 15px 21px;background:#f7f9fd;}
.chemistry-box .wrap-num:before,.chemistry-box .wrap-num:after{content:'';position:absolute;top:55%;right:19px;width:72px;height:72px;transform:translateY(-50%);}
.chemistry-box .wrap-num:before{border-radius:50%;background:#fff;}
.chemistry-box .wrap-num:after{background-repeat:no-repeat;background-position:center;}
.chemistry-box .wrap-num p{color:#222;font-size:18px;font-weight:600;}
.chemistry-box .wrap-num strong{display:block;color:#000;font-size:clamp(35px,2.6vw,40px);font-weight:700;font-variant-numeric:initial;font-feature-settings:initial;margin-top: 10px;}
.chemistry-box .wrap-num span{font-size:16px;font-weight:400;}
.chemistry-box ul{padding:15px 27px;}
.chemistry-box ul li{display:flex;align-items:center;justify-content:space-between;padding:7px 0;}
.chemistry-box ul li+li{border-top:1px dotted #bcbfc4;}
.chemistry-box ul p{color:#121212;font-size:15px;font-weight:500;}
.chemistry-box ul [class*='num']{display:block;}
.chemistry-box ul .num-per{color:#242424;font-size:22px;font-weight:600;}
.chemistry-box ul [class*='num']:not(.num-per){padding-left:17px;font-size:16px;font-weight:600;background-repeat:no-repeat;background-position:left center;}
.chemistry-box ul .num-up{color:#e22b4e;background-image:url(/images/ico/ico_arr_up.png);}
.chemistry-box ul .num-down{color:#1d47ab;background-image:url(/images/ico/ico_arr_down.png);}

.chemistry-box:is(:hover,:focus){border-color:var(--main02);}
.chemistry-box:is(:hover,:focus) .wrap-num{background:#fff;}
.chemistry-box:is(:hover,:focus) .wrap-num:before{background-color:var(--main02);}
.chemistry-box:is(:hover,:focus) .wrap-num:after{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(136deg) brightness(98%) contrast(105%);}
.chemistry-box:is(:hover,:focus) .wrap-num strong{color:var(--main02);}
.chemistry-box:is(:hover,:focus) ul{background:#eff3fb;}
.chemistry-box:is(:hover,:focus) .base-date{background:#eff3fb;}

.chemistry-box .chem-01:after{background-image:url(/images/contents/sub/chem_01.png);}
.chemistry-box .chem-02:after{background-image:url(/images/contents/sub/chem_02.png);}
.chemistry-box .chem-03:after{background-image:url(/images/contents/sub/chem_03.png);}
.chemistry-box .chem-04:after{background-image:url(/images/contents/sub/chem_04.png);}
.chemistry-box .chem-05:after{background-image:url(/images/contents/sub/chem_05.png);}
.chemistry-box .chem-06:after{background-image:url(/images/contents/sub/chem_06.png);}
.chemistry-box .chem-07:after{background-image:url(/images/contents/sub/chem_07.png);}
.chemistry-box .chem-08:after{background-image:url(/images/contents/sub/chem_08.png);}
.chemistry-box .chem-09:after{background-image:url(/images/contents/sub/chem_09.png);}
.chemistry-box .chem-10:after{background-image:url(/images/contents/sub/chem_10.png);}
.chemistry-box .chem-11:after{background-image:url(/images/contents/sub/chem_11.png);}
.chemistry-box .chem-12:after{background-image:url(/images/contents/sub/chem_12.png);}
.chemistry-box .chem-13:after{background-image:url(/images/contents/sub/chem_13.png);}

/** 통계로 보는 화학분야 - modal **/
.modal-chemistry{padding:0 100px;}
.modal-chemistry .modal-body{max-width:1100px;}
.modal-chemistry .modal-navi [class*='navi']{display:block;position:absolute;top:calc(50% - 32px);width:65px;height:65px;text-indent:-9999px;border:1px solid #019c9e;border-radius:50%;background:#fff url(/images/bullet/bul_arr.png) no-repeat center;}
.modal-chemistry .modal-navi .navi-prev{left:-92px;transform:scaleX(-1);}
.modal-chemistry .modal-navi .navi-next{right:-92px;}

.chemistry-info{overflow:hidden;}
.chemistry-info .info-cont{display:none;width:100%;}
.chemistry-info .info-cont.is-current{display:block;}

/** 통계표 **/
.statistical-table{position:relative;}
.statistical-table > [class*='wrap']{border:1px solid #d1d1d1;border-radius:10px;}
.wrap-chart{overflow:hidden;display:flex;}
.wrap-chart [class*='head']{display:flex;align-items:center;}
.wrap-chart [class*='head'] strong{display:block;color:#121212;font-size:22px;font-weight:800;}
.wrap-chart [class*='head'] strong i{color:#1a3d93;font-weight:800;}
.wrap-chart .view-history{width:320px;padding:17px 20px;border-width:0 1px 0 0;border-style:solid;border-color:#d1d1d1;background:#f2f4f8;}
.wrap-chart .history-head{margin-bottom:25px;}
.wrap-chart .history-head .all-delete{display:block;margin-left:17px;padding:8px 11px;color:var(--color04);font-size:14px;border:1px solid var(--color04);border-radius:5px;background:#fff;}
.wrap-chart .history-head .all-delete i{padding-right:25px;font-weight:500;background:url(/images/ico/ico_close02.png) no-repeat right center;}
.wrap-chart .history-body .wrap-cont{position:relative;height:90px}
.wrap-chart .history-body .wrap-cont+.wrap-cont{margin-top:11px;}
.wrap-chart .history-body .cont-box{display:block;height:100%;padding:15px 12px 43px 19px;border:1px solid #fff;border-radius:5px;background:#fff;}
.wrap-chart .history-body .cont-box strong{display:block;color:#000;font-size:15px;font-weight:400;word-break:keep-all;}
.wrap-chart .history-body .wrap-btn{display:flex;position:absolute;right:11px;bottom:8px;}
.wrap-chart .history-body .wrap-btn [class*='btn']{display:block;width:30px;height:30px;text-indent:-9999px;border-radius:50%;background-color:#f2f4f8;background-repeat:no-repeat;background-position:center;}
.wrap-chart .history-body .wrap-btn [class*='btn']+[class*='btn']{margin-left:5px;}
.wrap-chart .history-body .wrap-btn .btn-fav{background-image:url(/images/ico/ico_fav.png);}
.wrap-chart .history-body .wrap-btn .btn-fav.is-current{background-image:url(/images/ico/ico_fav_on.png);}
.wrap-chart .history-body .wrap-btn .btn-delete{background-image:url(/images/ico/ico_close03.png);}
.wrap-chart .chart-list{flex:1;}
.wrap-chart .chart-head{justify-content:space-between;padding:14px 24px 13px 32px;border-bottom:1px solid #d7d7d7;}
.wrap-chart .chart-body{padding:30px;}
.wrap-chart .chart-srch{display:flex;width:345px;}
.wrap-chart .chart-srch input{flex:1;min-width:0;height:33px;}
.wrap-chart .chart-srch .srch-btn{display:block;width:73px;margin-left:10px;padding:8px 10px 7px;font-size:15px;color:#fff;text-align:center;border-radius:5px;background:#343a40;}
.wrap-chart .chart-srch .srch-btn i{font-weight:600;}

.wrap-chart .history-body .cont-box:is(:hover,:focus){border-color:#184790;}
.wrap-chart .history-body .wrap-btn [class*='btn']:is(:hover,:focus){background-color:#2d2d2d;}
.wrap-chart .history-body .wrap-btn .btn-delete:is(:hover,:focus){background-image:url(/images/ico/ico_close04.png);}

/** 통계표 - 그래프 **/
.wrap-statistical{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:25px 18px;background:#fff;}
.wrap-statistical .wrap-btn{display:flex;justify-content:flex-end;position:relative;}
.wrap-statistical .wrap-btn .button{margin-left:8px;}
.wrap-statistical .wrap-btn .button i{padding:0;}
.wrap-statistical .close-btn{display:block;position:absolute;top:-22px;right:-16px;width:45px;height:45px;font-size:0;text-indent:-9999px;border-radius:50%;background:#000;z-index:10;}
.wrap-statistical .close-btn:before,.wrap-statistical .close-btn:after,.statistical-head .wrap-popup .popup-close:before,.statistical-head .wrap-popup .popup-close:after{content:'';display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 1px);width:2px;height:20px;transform:rotate(45deg);background:#fff;}
.wrap-statistical .close-btn:after,.statistical-head .wrap-popup .popup-close:after{transform:rotate(-45deg)}
.statistical-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.statistical-head .tit-type03{margin-bottom:0;}
.statistical-head .wrap-popup{display:none;position:absolute;top:calc(100% + 10px);right:0;width:450px;padding:27px;border:1px solid #d7dae0;border-radius:10px 0 10px 10px;background:#f2f4f8;z-index:1;}
.statistical-head .wrap-popup p[class*='cl']{font-weight:600;}
.statistical-head .wrap-popup .bul-type01{margin-top:0;}
.statistical-head .wrap-popup *+.bul-type01{margin-top:10px;}
.statistical-head .wrap-popup .box-type{margin:20px 0 0 0;padding:15px;text-align:center;border:none;border-radius:0;background:#fff;}
.statistical-head .wrap-popup .box-type p{color:#272727;font-size:20px;}
.statistical-head .wrap-popup .popup-close{display:block;position:absolute;top:0;right:0;width:23px;height:23px;text-indent:-9999px;background:#1a3d93;}
.statistical-head .wrap-popup .popup-close:before,.statistical-head .wrap-popup .popup-close:after{top:calc(50% - 8px);left:calc(50%);width:1px;height:15px;}

.statistical-body [class*='wrap-srch']{margin-bottom:30px;padding:10px 30px;align-items:flex-start;}
.statistical-body .srch-item .srch-tit{min-width:65px;}
.statistical-body .srch-item .srch-tit i{padding:0;}
.statistical-body .srch-item .srch-tit i:before{content:none;}
.statistical-body .srch-item input[type="text"]{height:36px;}
.statistical-body [class*='wrap-srch'] button[type='submit']{line-height:34px;}
.statistical-body .wrap-btn{margin-bottom:10px;}
.statistical-body .box-type01{margin:0;padding:25px;}

/** 지역별 화학분야 통계 **/
.wrap-region{display:flex;border:1px solid #d1d1d1;border-radius:10px;}
.region-map{width:600px;padding:30px 15px;background:#f2f4f8;}
.region-map .map-cont{max-width:493px;height:709px;margin:0 auto;background-image:url(/images/contents/sub/map/map_korea.png);background-size:contain;}
.region-map .map-cont{position:relative;background-repeat:no-repeat;background-position:50%;}
.region-map .map-cont a{position:absolute;display:block;}
.region-map .map-cont a i{position:relative;padding:3px 8px;color:#1d1d1d;font-size:15px;font-weight:500;border:1px solid transparent;border-radius:5px;z-index:1;}
.region-map .map-cont a:before{content:'';display:none;position:absolute;background-repeat:no-repeat;background-position:50%;}
.region-map .map-cont a:is(:hover,:focus-visible) i{color:#142361;border-color:#21368e;background:#fff;}
.region-map .map-cont a:is(:hover,:focus-visible):before{display:block;}

.region-map .area-01{top:164px;left:127px;}
.region-map .area-02{top:143px;left:75px;}
.region-map .area-03{top:201px;left:157px;}
.region-map .area-04{top:135px;left:267px;}
.region-map .area-05{top:310px;left:110px;}
.region-map .area-06{top:292px;left:156px;}
.region-map .area-07{top:325px;left:169px;}
.region-map .area-08{top:260px;left:205px;}
.region-map .area-09{top:404px;left:147px;}
.region-map .area-10{top:483px;left:112px;}
.region-map .area-11{top:512px;left:145px;}
.region-map .area-12{top:318px;left:315px;}
.region-map .area-13{top:396px;left:298px;}
.region-map .area-14{top:455px;left:265px;}
.region-map .area-15{top:429px;left:373px;}
.region-map .area-16{top:480px;left:360px;}
.region-map .area-17{top:645px;left:115px;}

.region-map .area-01:before{top:-10px;left:-1px;width:42px;height:35px;background-image:url(/images/contents/sub/map/map_area_01.png);}
.region-map .area-02:before{top:-8px;left:-9px;width:60px;height:79px;background-image:url(/images/contents/sub/map/map_area_02.png);}
.region-map .area-03:before{top:-125px;left:-57px;width:139px;height:186px;background-image:url(/images/contents/sub/map/map_area_03.png);}
.region-map .area-04:before{top:-106px;left:-107px;width:245px;height:213px;background-image:url(/images/contents/sub/map/map_area_04.png);}
.region-map .area-05:before{top:-69px;left:-53px;width:161px;height:143px;background-image:url(/images/contents/sub/map/map_area_05.png);}
.region-map .area-06:before{top:-9px;left:9px;width:27px;height:41px;background-image:url(/images/contents/sub/map/map_area_06.png);}
.region-map .area-07:before{top:-11px;left:8px;width:31px;height:40px;background-image:url(/images/contents/sub/map/map_area_07.png);}
.region-map .area-08:before{top:-44px;left:-25px;width:145px;height:163px;background-image:url(/images/contents/sub/map/map_area_08.png);}
.region-map .area-09:before{top:-42px;left:-77px;width:178px;height:111px;background-image:url(/images/contents/sub/map/map_area_09.png);}
.region-map .area-10:before{top:-3px;left:0;width:39px;height:26px;background-image:url(/images/contents/sub/map/map_area_10.png);}
.region-map .area-11:before{top:-61px;left:-115px;width:210px;height:174px;background-image:url(/images/contents/sub/map/map_area_11.png);}
.region-map .area-12:before{top:-92px;left:-79px;width:193px;height:212px;background-image:url(/images/contents/sub/map/map_area_12.png);}
.region-map .area-13:before{top:-18px;left:-1px;width:44px;height:54px;background-image:url(/images/contents/sub/map/map_area_13.png);}
.region-map .area-14:before{top:-60px;left:-50px;width:178px;height:171px;background-image:url(/images/contents/sub/map/map_area_14.png);}
.region-map .area-15:before{top:-10px;left:-6px;width:50px;height:50px;background-image:url(/images/contents/sub/map/map_area_15.png);}
.region-map .area-16:before{top:-17px;left:-12px;width:54px;height:49px;background-image:url(/images/contents/sub/map/map_area_16.png);}
.region-map .area-17:before{top:-13px;left:-22px;width:94px;height:46px;background-image:url(/images/contents/sub/map/map_area_17.png);}

.region-info{flex:1;padding:26px clamp(25px,2.1vw,35px);}
.region-info > .tit{display:block;margin-bottom:30px;padding:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;border-radius:25px;background:var(--main05);}
.region-info .info-box+.info-box{margin-top:15px;}
.region-info .tit-type03{margin-bottom:15px;font-size:18px;}
.region-info .tit-type03:before{top:-6px;}
.region-info .tit-type03 b{font-weight:600;}
.region-info .box-type01{padding:25px clamp(25px,2.1vw,35px);}
.region-info .stat-list li{display:flex;align-items:center;justify-content:space-between;position:relative;}
.region-info .stat-list li:before{content:'';position:absolute;top:50%;right:0;width:100%;height:1px;border:1px dotted #babdc2;z-index:-1;}
.region-info .stat-list li+li{margin-top:10px;}
.region-info .stat-list li *{background:#fff;}
.region-info .stat-list .tit{padding-right:clamp(15px,1.3vw,20px);color:#222;font-size:18px;font-weight:600;}
.region-info .stat-list p{margin-top:3px;padding-left:clamp(15px,1.3vw,20px);color:#464646;font-weight:400;}
.region-info .stat-list p strong{color:#000;font-weight:700;font-size:clamp(22px,1.6vw,24px);}

/** 유관통계 **/
.related-list{border-top:1px solid #b3b7bb;border-bottom:1px solid #dddfe1;}
.related-list > li+li{border-top:1px solid #dddfe1;}
.related-list .related-cont{display:flex;align-items:center;padding:23px 17px;}
.related-list .wrap-img{width:210px;margin:0 34px 0 0;border:1px solid #d1d1d1;}
.related-list .wrap-cont{display:flex;flex:1;align-items:center;}
.related-list .wrap-cont .tit{width:220px;margin-right:20px;}
.related-list .wrap-cont .tit *{display:block;font-weight:600;}
.related-list .wrap-cont .tit strong{margin-bottom:10px;color:var(--main05);font-size:20px;}
.related-list .wrap-cont .tit b{color:#222;}
.related-list .wrap-cont .bul-type03{flex:1;margin:0;}
.related-list .wrap-cont .bul-type03 li{color:#727272;}

/** 화학정보 통계자료 **/
.wrap-docu{display:flex;align-items:center;max-width:855px;margin:0 auto;}
.wrap-docu [class*='-down']{display:block;padding:10px 25px;font-size:18px;border-radius:25px;}
.wrap-docu .pdf-down{display:block;color:#fff;text-align:center;background:var(--main05);}
.wrap-docu .pdf-down i{font-weight:600;}
.docu-img{width:147px;margin-right:60px;}
.docu-img .pdf-down{width:176px;margin-top:19px;}
.docu-img figure{margin:0;box-shadow:0 0 20px 0px rgba(0, 0, 0, .2);}
.docu-img img{display:block;width:100%;}
.docu-cont{flex:1;}
.docu-cont .down-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #b9bcc2;}
.docu-cont .down-list:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.docu-cont .down-list li{width:calc(50% - 12px);margin-top:14px;}
.docu-cont .down-list .btn-down{position:relative;padding-right:50px;color:#121212;background:#fff;}
.docu-cont .down-list .btn-down:after{content:'';position:absolute;top:calc(50% - 16px);right:7px;width:32px;height:32px;border-radius:50%;background:#eef1f6 url(/images/ico/ico_down01.png) no-repeat center;}
.docu-cont .down-list .btn-down i{font-weight:500;}
.docu-cont .pdf-down{width:308px;}

.wrap-docu.ver-01 .docu-img{width:176px;}
.wrap-docu.ver-01 .docu-cont .down-list{margin-top:-8px;}
.docu-cont .down-list li{margin-top:8px;}

.docu-cont .down-list .btn-down:is(:hover,:focus){color:#fff;background:var(--main05);}
.docu-cont .down-list .btn-down:is(:hover,:focus):after{background-color:#fff;}
.wrap-docu .pdf-down:is(:hover,:focus){color:var(--main05);background:#fff;}

/** 화학정보 통계자료 소개 **/
.col-use > [class*='use']{overflow:hidden;display:flex;border:1px solid #b3b7bb;border-radius:10px;}
.col-use > [class*='use']+[class*='use']{margin-top:13px;}
.col-use .use-head{display:flex;align-items:center;justify-content:center;width:240px;background:#f7f8fb;}
.col-use .use-head .tit{display:block;position:relative;padding-top:85px;font-size:20px;font-weight:600;text-align:center;}
.col-use .use-head .tit:before{content:'';position:absolute;top:0;left:50%;width:72px;height:72px;border-radius:50%;transform:translateX(-50%);background-color:#fff;background-repeat:no-repeat;background-position:center;}
.col-use .use-body{flex:1;padding:30px 40px;}
.col-use .use-body b{display:block;margin-bottom:7px;color:var(--main05);font-weight:600;}
.col-use .use-body *+b{margin-top:15px;}
.col-use .use-body .bul-type02{margin:0;}
.col-use .use-body p{font-weight:500;}

.col-use > .use-01 .use-head .tit:before{background-image:url(/images/contents/sub/chem_08.png);}
.col-use > .use-02 .use-head .tit:before{background-image:url(/images/contents/sub/chem_13.png);}
.col-use > .use-03 .use-head .tit:before{background-image:url(/images/contents/sub/chem_14.png);}
.col-use > .use-04 .use-head .tit:before{background-image:url(/images/contents/sub/chem_15.png);}
.col-use > .use-05 .use-head .tit:before{background-image:url(/images/contents/sub/chem_05.png);}
.col-use > .use-06 .use-head .tit:before{background-image:url(/images/contents/sub/chem_07.png);}
.col-use > .use-07 .use-head .tit:before{background-image:url(/images/contents/sub/chem_02.png);}
.col-use > .use-08 .use-head .tit:before{transform:scaleX(-1) translateX(50%);background-image:url(/images/contents/sub/chem_09.png);}
.col-use > .use-09 .use-head .tit:before{background-image:url(/images/contents/sub/chem_12.png);}
.col-use > .use-10 .use-head .tit:before{background-image:url(/images/contents/sub/chem_16.png);}

/** 중장기계획표 **/
.board-plan{border-width:2px 0 1px;border-style:solid;border-color:#bcc6d6;}
.board-plan table{border:0;}
.board-plan table td{padding:0;}
.board-plan table tr:has(.year-tbl),.board-plan .year-tbl * > tr{height:37px;}
.board-plan .year-tbl table td{color:#111;font-size:17px;font-weight:500;border-color:#bcc6d6;background:#f6f8fa;}
.board-plan .year-list{overflow-y:auto;white-space:nowrap;}
.board-plan .year-list table td{padding:10px 22px;}
.board-plan .wrap-plan{overflow:auto;height:400px;}
.board-plan .wrap-plan .board-tbl tr{height:50px;}
.board-plan .wrap-plan .board-tbl td{height:50px;padding:0 10px;color:#222;}
.board-plan .wrap-plan .plan-view{overflow:auto;overflow-x:hidden;}
.board-plan .wrap-plan .plan-view table td{padding:10px;color:#fff;}
.board-plan .type-01{background:#168cc3;}
.board-plan .type-02{background:#0fb9ab;}
.board-plan .type-03{background:#ff9600;}
.board-plan .type-04{background:#9dd722;}
.board-plan .type-05{background:#9d75e7;}

.board-plan .year-tbl table td:first-child{width:150px;}
.board-plan .year-tbl table td:nth-child(2){width:281px;}
.board-plan .wrap-plan > table td:first-child{width:431px;}
.board-plan .wrap-plan .tit-tbl td:first-child{width:150px;}
.board-plan .wrap-plan .tit-tbl td:nth-child(2){width:280px;}

/** 로그인 - 회원가입 **/
:is(.wrap-login,.wrap-agree,.wrap-agree02) input[type='checkbox']{width:18px;height:18px;margin-right:5px;}
:is(.wrap-login,.wrap-agree,.wrap-agree02) label{vertical-align:middle;}

.wrap-login > [class*='box']{width:100%;border-radius:10px;box-shadow:0 0 20px 2px rgba(0, 0, 0, .1);background:#fff;}
.wrap-login .logo{display:block;width:248px;height:30px;text-indent:-9999px;background:url(/images/common/logo.png) no-repeat center / cover;}
.wrap-login [class*='head'] strong{color:#000;font-size:26px;font-weight:700;}

/** 약관동의 **/
.wrap-login .user-body .box-type05 div ol{padding: 0 0 0 18px;}
.wrap-login .user-body .box-type05 div ol li{list-style: auto;}
.wrap-login .user-body .box-type05 div ol li ul{padding:6px 0 10px}
.wrap-login .user-body .box-type05 div ol li ul li{list-style: none;}

/** 로그인 **/
[class*='inputbox']+[class*='inputbox']{margin-top:20px;}
[class*='inputbox'] *{display:block;}
[class*='inputbox'] label{margin-bottom:15px;color:var(--gray-90)}
[class*='inputbox'] :is(input[type='text'],input[type='password']){width:100%;height:55px;padding:0 clamp(14px,1.3vw,24px);font-size:19px;border:1px solid var(--gray-60);border-radius:6px;}
[class*='inputbox'] input::placeholder{color:var(--gray-50);font-size:19px;}
.wrap-login .button{height:55px;line-height:55px;padding:0;}

.wrap-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#f9fafc;}
.login-box{max-width:510px;padding:50px 33px 45px;}
.login-head{text-align:center;}
.login-head .logo{margin:0 auto 20px;}
.login-head p{line-height:1.6em;color:#555;font-weight:500;}
.login-body{margin-top:25px;padding:25px 18px 0;border-top:1px solid var(--gray-30);}
.login-body i{font-weight:500;}
.login-body .tip-id{display:block;margin-top:10px;padding-left:18px;color:#d50136;font-weight:500;background:url(/images/ico/ico_tip.png) no-repeat left top 2px;}
.login-form .login-save{margin-top:15px;}
.login-form .login-save label{color:var(--gray90);font-size:17px;}
.login-body .button{width:100%;margin-top:32px;}
[class*='login-menu']{display:flex;flex-wrap:Wrap;margin-top:30px;margin-left:-13px;}
[class*='login-menu'] li{width:calc(100% / 2)}
[class*='login-menu'] li *{text-align:center;}
[class*='login-menu'] [class*='login']{display:block;margin-left:13px;padding:13px 10px;border-width:1px;border-style:solid;border-radius:5px;}
[class*='login-menu'] [class*='login'] i{display:inline-block;position:relative;padding-top:29px;color:#2c2c2c;}
[class*='login-menu'] [class*='login'] i:before{content:'';position:absolute;top:0;left:50%;width:25px;height:22px;transform:translateX(-50%);background-repeat:no-repeat;}
[class*='login-menu'] [class*='login']:is(:hover,:focus) i{text-decoration:underline;}
[class*='login-menu'] .login-kakao{border-color:#ffeb32;background:#ffeb32;}
[class*='login-menu'] .login-kakao i{color:#452c2a;}
[class*='login-menu'] .login-kakao i:before{background-image:url(/images/ico/ico_login_k.png);}
[class*='login-menu'] .login-naver{border-color:#01c73c;background:#01c73c;}
[class*='login-menu'] .login-naver i{color:#fff;}
[class*='login-menu'] .login-naver i:before{background-image:url(/images/ico/ico_login_n.png);}
[class*='login-menu'] .login-google{border-color:var(--gray-30);background:#fff;}
[class*='login-menu'] .login-google i:before{background-image:url(/images/ico/ico_login_g.png);}
.user-login{display:flex;justify-content:center;margin-top:30px;}
.user-login li{position:relative;}
.user-login li:before{content:'';position:absolute;top:3px;left:-15px;width:1px;height:14px;background:var(--gray-30);}
.user-login li:first-child:before{content:none;}
.user-login li+li{margin-left:29px;}
.user-login a{display:block;color:var(--gray-90);}
.user-login a:is(:hover,:focus){text-decoration:underline;}
.login-menu-type01{margin:0;}
.login-menu-type01 li{width:100%;}
.login-menu-type01 li+li{margin-top:15px;}
.login-menu-type01 i{font-size:20px;}
.login-menu-type01 [class*='login']{margin-left:0;padding:15px 40px;}
.login-menu-type01 [class*='login'] i{display:inline-block;padding:0 0 0 60px;}
.login-menu-type01 [class*='login'] i:before{top:50%;left:0;transform:translate(0,-50%);}

.login-box.ver-01{padding:50px 50px 100px;}
.login-box.ver-01 .login-head .logo{margin-bottom:30px;}
.login-box.ver-01 .login-body{padding-top:50px;}
.login-box.ver-01 .button{margin-top:50px;}

/** 회원가입 **/
.user-box{max-width:1000px;padding:40px 50px;}
.user-head{display:flex;align-items:center;justify-content:center;margin-bottom:40px;}
.user-head strong{margin-top:5px;margin-left:10px;}
.user-body .step-list{display:flex;flex-wrap:wrap;position:relative;margin-bottom:60px;z-index:1;}
.user-body .step-list:before{content:'';position:absolute;top:11px;left:0;width:100%;height:1px;background:var(--gray-30);z-index:-1;}
.user-body .step-list li{width:calc(100% / 3);}
.user-body .step-list li *{display:block;text-align:center;}
.user-body .step-list span{position:relative;width:24px;height:24px;margin:0 auto 15px;padding-right:1px;line-height:24px;color:#fff;font-weight:500;border-radius:50%;background:#595e66;}
.user-body .step-list span:before{content:none;position:absolute;top:50%;left:50%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);background:#deeaff;z-index:-1;}
.user-body .step-list i{color:var(--gray-70);font-size:17px;font-weight:500;}

.user-body .step-list li.is-current span{background:#246beb;}
.user-body .step-list li.is-current span:before{content:'';}
.user-body .step-list li.is-current i{color:#246beb;}
.wrap-agree{display:flex;justify-content:flex-end;vertical-align:middle;margin-top:15px;}
.wrap-agree *{color:#000;font-size:17px;}
.wrap-agree p+div{margin-left:20px;}
.wrap-agree02{display:flex;justify-content:center;vertical-align:middle;width: 100%;
    align-items: center;}
.wrap-agree02 strong,.wrap-agree02 label{font-size: 16px !important}
.wrap-agree02 div{margin-left:20px;}
.wrap-agree02 button[type='submit'] {margin: 0 0 0 20px;}

.user-body .wrap-button{margin-top:50px;text-align:center;}
.user-body .wrap-button .button{width:170px;font-size:20px;}
.user-body .wrap-button .button:not([class*='color']){border:1px solid var(--gray-30);}
.user-body .wrap-button .button:not([class*='color']) i{color:#2c2c2c;}
.user-body .wrap-button .button+.button{margin-left:10px;}

.user-body .member-box{padding:50px 20px 55px;text-align:center;background:#f7f8fc;}
.user-body .member-box strong{display:block;position:relative;padding-top:80px;color:#1a3d93;font-size:30px;font-weight:700;}
.user-body .member-box strong:before{content:'';position:absolute;top:0;left:50%;width:65px;height:65px;border-radius:50%;transform:translateX(-50%);background:#1a3d93 url(/images/ico/ico_check.png) no-repeat center;}
.user-body .member-box p{margin:40px 0;line-height:1.4em;color:#121212;font-size:20px;}
.user-body .member-box p b{font-weight:700;}
.user-body .member-box .wrap-button{margin:0;}

.user-head.ver-01{flex-direction:column;}
.user-head.ver-01 strong{margin-top:20px;}

/** 뉴스레터 **/
.wrap-mail{margin-top:37px;background:#f7f7f7;}
.wrap-mail .srch-cont{max-width:705px;}
.wrap-mail .form-search .form-multiple{flex:1;}
.wrap-mail .form-search select{max-width:140px;}

/** 사이트맵 **/
.sitemap-cont{display:flex;align-items:center;flex-wrap:wrap;padding:27px 13px 27px 20px;border-bottom:1px solid #dddfe1;}
.sitemap-cont:first-child{padding-top:0;}
.sitemap-cont strong{display:block;width:170px;color:#1a3d93;font-size:24px;font-weight:600;}
.sitemap-cont .depth-02{display:flex;flex-wrap:wrap;flex:1;margin-top:-23px;margin-left:-13px;}
.sitemap-cont .depth-02 > li{width:25%;margin-top:23px;}
.sitemap-cont .depth-02 div{margin-left:13px;}
.sitemap-cont .depth-02 div > a{display:block;padding:16px 10px;color:#222;font-size:18px;font-weight:600;text-align:center;border:1px solid #c3c3c3;border-radius:10px;}
.sitemap-cont .depth-02 div > a:is(:hover,:focus){color:#1a3d93;border-color:#072966;}
.sitemap-cont .bul-type01{margin-top:5px;padding:25px 20px;border-radius:10px;background:#f2f4f8;}
.sitemap-cont .bul-type01 li:before{top:8px;}
.sitemap-cont .bul-type01 a{color:#333;font-weight:500;}
.sitemap-cont .bul-type01 a:is(:hover,:focus){color:#1a3d93;}

/** 개인정보처리방침 **/
.pers-info{line-height: 1.5em;}
.pers-info div ul{padding: 0}
.pers-info div ul li{position: relative;padding: 0 0 0 10px}
.pers-info div ul li:before {content: '';display: block;position: absolute;top: 7px; left: 0;width: 4px;height: 4px;background: #26396a;}
.pers-info div ul li ul{padding: 6px 0 10px;margin:0}
.pers-info div ul li ul li{position: relative;padding: 0 0 0 10px}
.pers-info div ul li ul li:before {content: '';display: block;position: absolute; top: 8px;width: 5px;height: 1px;background: #222;}

/** 신흥연구주제에 대한 설명 **/
.wrap-content:has(.wrap-expl) .cont-head{margin-bottom:0;}
.wrap-expl{position:relative;margin-bottom:40px;border-bottom:1px solid #d2d5da;word-break:keep-all;}
.wrap-expl .expl-btn{display:block;position:absolute;left:50%;bottom:-22px;width:44px;height:44px;text-indent:-9999px;border-radius:50%;transform:translateX(-50%);background:var(--color04);}
.wrap-expl .expl-btn:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/ico/ico_open.png) no-repeat 50% 55%;}
.expl-head{padding:30px 10px;font-size:18px;text-align:center;}
.expl-head b{font-weight:600;}
.expl-body{display:none;padding:30px 0 50px;border-top:1px solid #d2d5da;}
.expl-body [class*='bul-type']{margin-top:0;}
.expl-body p[class*='bul-type']+p[class*='bul-type']{margin-top:10px;}
.expl-body > *:not([class*='box-type']){padding:0 7px;}
.expl-body [class*='box-type']{margin:20px 0;}
.expl-body [class*='box-type'] img{display:block;max-width:max-content;width:100%;margin:0 auto;}

.wrap-expl.active .expl-btn:after{transform:rotate(180deg);}

/** 커뮤니티 **/
.wrap-tit:has(.wrap-module){justify-content:space-between;}
.module-btn{padding:6px 11px;font-size:14px;}
.wrap-create{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:22px;}
.wrap-create p{color:#727272;font-size:15px;text-align:right;word-break:keep-all;}
.wrap-create .button{padding:15px 24px}

/** 커뮤니티 - 메인 **/
.tab-nav i.com_list{padding-left:25px }
.tab-nav i.com_list:before {content: '';position: absolute;top: calc(50% - 7px); left: 20px; width: 18px; height: 15px; background: url(/images/ico/ico_07.png) no-repeat;}
.main-community .tag{display:inline-block;padding:5px 15px;color:#fff;font-size:15px;text-align:center;border:1px solid #d42d00;border-radius:25px;background:#d42d00;}
.main-community .tag i{font-weight:500;}
.main-community .tag.ver-01{color:#d45f00;border-color:#d45f00;background:#fff;}
.main-community .tag.ver-02{color:#0055d4;border-color:#0055d4;background:#fff;}
:is(.community-head,.community-myinfo) .detail-list li{flex-direction:row !important;margin-top:0;}
.community-head{overflow:hidden;display:flex;align-items:center;position:relative;border:1px solid #b3b7bb;border-radius:10px;}
.community-head .wrap-img{display:flex;flex-direction:column;justify-content:center;align-items:center;width:290px;padding:33px 30px;background:#f7f8fb;}
.community-head .thumb{position:relative;max-width:230px;width:100%;margin:0;aspect-ratio:1 / .68;}
/* .community-head .thumb img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;} */
.community-head .thumb img{display:block;position:absolute;top:0;left:50%;max-width:100%;height:100%;transform:translateX(-50%)}	/* 2015.12.29 디자인수정 */
.community-head .item{flex:1;padding:0 clamp(15px,1.7vw,35px);}
.community-head .title{display:flex;align-items:center;gap:15px;color:#121212;font-size:24px;font-weight:600;}
.community-head .txt{line-height:1.4em;color:#444;word-break:keep-all;}
.community-head .detail-list{display:flex;gap:clamp(15px,1.7vw,35px);margin-bottom:20px;padding:20px 0;}
.community-head .detail-list li{margin-top:0;}
.community-head .ico-add{position:absolute;top:27px;right:35px;padding:10px 15px;}
.community-head .ico-add i{padding-left:15px;}
.community-head .ico-add i:before{top:calc(50% - 4px);width:8px;height:9px;filter:var(--hover-color07);background-size:contain;}

.community-body .button{padding:15px 20px;}
.community-body [class*='cmt'] i{position:relative;padding-left:30px;}
.community-body [class*='cmt'] i:before{content:'';position:absolute;top:50%;left:0;width:20px;height:20px;transform:translateY(-50%);background-repeat:no-repeat;}
.community-body [class*='cmt']:is(:hover,:focus) i:before{filter:var(--hover-color07);}
.community-body .cmt-01 i:before{background-image:url(/images/ico/ico_cmt_01.png);}
.community-body .cmt-02 i:before{background-image:url(/images/ico/ico_cmt_02.png);}
.community-body .cmt-03 i:before{background-image:url(/images/ico/ico_cmt_03.png);}
.community-button{display:flex;gap:10px;justify-content:flex-end;margin:16px 0;}
.community-myinfo{display:flex;align-items:center;gap:15px;margin-bottom:35px;padding:17px clamp(17px,1.6vw,27px);border-radius:10px;background:#f2f4f8;}
.community-myinfo .detail-list{padding:0;border-bottom:none;}
.community-myinfo .button{margin:0 0 0 auto;}
.community-notice{display:flex;flex-wrap:wrap;gap:clamp(25px,2.4vw,45px);margin-top:40px;}
.community-notice .notice-box{flex:1;position:relative;min-width:0;}
.community-notice .bul-type01{margin-top:0;padding:clamp(20px,1.6vw,27px);border-radius:10px;background:#f7f8fb;}
.community-notice .bul-type01 li{display:flex;gap:30px;font-weight:500;}
.community-notice .bul-type01 li+li{margin-top:10px;}
.community-notice .bul-type01 .tit{overflow:hidden;display:block;flex:1;color:#333;white-space:nowrap;text-overflow:ellipsis;text-underline-offset:3px;}
.community-notice .bul-type01 .tit:is(:hover,:focus){text-decoration:underline;}
.community-notice .bul-type01 .date{color:#727272;}
.community-notice .notice-box .more-btn{position:absolute;top:-6px;right:0;}

/** 설문조사 **/
.wrap-survey .bar-info{display:flex;align-items:center;gap:10px;position:absolute;}
.wrap-survey .bar-info :is(.count,.percent){flex:none;color:#0b4ec9;font-weight:600;text-align:right;}
.wrap-survey .bar-info :is(.count,.percent) i{color:var(--gray-80);font-size:15px;font-weight:500;}
.wrap-survey .bar-info .percent{position:relative;}
.wrap-survey .bar-info .percent:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:13px;background:#d3d3d3;}

.wrap-survey .bar-wrap{position:relative;width:100%;height:13px;margin-left:auto;margin-right:100px;border-radius:50px;background:#f0f0f0;}
.wrap-survey .bar-wrap .bar{position:relative;height:100%;border-radius:50px;background:#0b4ec9;}
.wrap-survey .bar-info{top:-2px;right:-100px;font-size:14px;}
.wrap-survey .bar-info > *{min-width:40px !important;}
.wrap-survey .bar-info .count{color:var(--gray-80);}

.survey-detail{padding:clamp(20px,2.14vw,35px) clamp(20px,2vw,30px);border:1px solid #b3b7bb;border-radius:10px;}

/** 설문조사 상세정보 **/
.detail-head,.detail-head :is(h4,ul,li){display:flex;flex-wrap:wrap;}
.detail-head{flex-direction:column;gap:20px;}

.detail-head h4{align-items:center;gap:5px 15px;}
.detail-head h4 i{font-weight:600;word-break:keep-all;}
.detail-head .category-field{display:inline-block;padding:5px 15px;color:var(--primary);font-size:16px;text-align:center;border:1px solid var(--primary);border-radius:25px;background:var(--white);}
.detail-head .category-field.ver-01{border:none;background:#f1f3f8;}
.detail-head .tit{font-size:clamp(20px,1.71vw,24px);}

.detail-head ul{gap:10px 30px}
.detail-head :is(li,b){position:relative;padding-left:15px;color:#727272;font-size:15px;font-weight:500;letter-spacing:-1px;}
.detail-head :is(li,b):before{content:'';display:block;position:absolute;}
.detail-head li{gap:10px}
.detail-head li:before{top:6px;left:0;width:3px;height:3px;background:var(--gray-50)}
.detail-head b{color:#444;}
.detail-head b.cl-blue{font-weight:600;}
.detail-head b:before{top:2px;left:0;width:1px;height:14px;background:#ddd;}

.detail-head .bar-wrap{margin:30px 0 0 0 !important;}
.detail-head .bar-wrap .bar-info{top:-30px;right:0;}
.detail-head .bar-wrap .bar-info .count{color:#727272;}

.detail-head:has(.bar-wrap) p{padding-bottom:25px;border-bottom:1px solid #d2d5da;}

.detail-desc{padding-top:15px;line-height:22px;color:var(--gray-80);font-size:15px;font-weight:500;border-top:1px solid #d2d5da;}

/** 설문조사 : 내용 **/
.servey-cont{display:flex;flex-direction:column;gap:35px;padding:35px 0;margin-bottom:20px;border-bottom:1px solid #dddfe1;}
.servey-cont .ico-tit{display:flex;gap:10px;}
.servey-cont .ico-tit:before{top:-6px;}
.servey-cont .ico-tit span{flex:1;}
.servey-cont .ico-tit :is(em,span){font-size:clamp(16px,1.4vw,20px);font-weight:600;}
[class*='servey-item']{margin-top:15px;padding:clamp(20px,1.75vw,25px) clamp(20px,1.95vw,30px);border-radius:clamp(5px,0.63vw,10px);background:#f7f8fb;}
[class*='servey-item']:has(textarea){padding:14px;}
[class*='servey-item'] li{display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
[class*='servey-item'] li:not(:first-child){margin-top:15px}
[class*='servey-item'] textarea{border-radius:8px;}

.servey-cont .ico-tit:has(.bar-info){padding-right:120px;}
.servey-cont .ico-tit .bar-info{gap:20px;right:0;}
.servey-cont .ico-tit .bar-info .count{padding-left:10px;}
.servey-cont .ico-tit .bar-info .count:before{content:'';display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#8e8e8e;}
.servey-cont .ico-tit .bar-info .percent:before{top:5px;left:-8px;}

.servey-cont .wrap-btn{display:flex;justify-content:center;gap:16px;}
.servey-cont .wrap-btn [class*='button']{padding:10px 16px;}
.servey-cont .wrap-btn [class*='button'] i{font-size:16px;padding:0 0 0 25px;background-position:left center;}

.servey-item li i{padding-left:28px;font-size:16px;font-weight:500;}
.servey-item .form-radio + input[type='text']{flex:1;max-width:640px}
.servey-item textarea{width:100%;padding:10px;color:var(--gray-80);}
.servey-item textarea::placeholder{color:var(--gray-80);}

/** 설문조사 : 결과 **/
.servey-item-result{border:1px solid #b3b7bb;background:#fff;}
.servey-item-result li{gap:15px 30px;position:relative;padding-left:15px;}
.servey-item-result li:before{content:'';display:block;position:absolute;top:7px;left:0;width:3px;height:3px;background:#8e8e8e;}
.servey-item-result :is(li,.label){color:var(--gray-80);font-size:16px;}
.servey-item-result .label{min-width:250px;width:calc(100% - 550px);}
.servey-item-result .bar-wrap{max-width:290px;width:calc(100% - 100px);}

/** 나의 포럼 **/
.activity-header{display:flex;flex-wrap:wrap;gap:15px 30px;margin:45px 0 25px;}
.activity-header h4{margin-right:auto;font-size:22px;font-weight:700;}
.top-tabs{display:flex;flex-wrap:wrap;gap:20px 20px;padding:0;}
.top-tabs li{position:relative;}
.top-tabs li+li:before{content:'';position:absolute;top:2px;left:-11px;width:1px;height:18px;background:#ccc;}
.top-tabs li a{color:#121212;font-size:15px;font-weight:500;}
.top-tabs li a i{position:relative;font-weight:600;}
.top-tabs li span{margin-left:10px;padding:3px 13px;color:var(--main02);border-radius:25px;background:#f2f4f8;}
.top-tabs li.is-current a{color:var(--main02);}
.top-tabs li.is-current a i:before{content:'';display:block;position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--main02);}

.filter-box{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:20px;border-radius:10px;background:#f2f4f8;}
.filter-box a{padding:8px 16px;text-align:center;border:1px solid #a3a3a3;border-radius:6px;background:#fff;}
.filter-box a i{color:var(--gray-80);font-size:14px;font-weight:500;white-space:nowrap;}
.filter-box a.is-current{color:#fff;border-color:#0d3ea3;background:#0d3ea3;}
.filter-box a.is-current i{color:#fff;}

.activity-list{margin-top:20px;}
.activity-list li{border-bottom:1px solid #ddd;}
.activity-list li:first-child{border-top:1px solid #ddd;}
.activity-list li a{position:relative;display:flex;align-items:center;gap:10px 30px;padding:15px;}
.activity-list li a:is(:hover,:focus-visible){background:#f2f4f8;}

.activity-cont{flex:1;gap:10px 30px;}
.activity-cont,.activity-cont p{overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;}
.activity-cont .tag{flex-shrink:0;min-width:clamp(88px,6.5vw,100px) !important;}
.activity-cont p{flex:1;gap:5px 18px;width:100%;white-space:nowrap;}
.activity-cont em{overflow:hidden;width:100%;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}
.activity-cont em i{font-weight:600;}
.activity-cont .category{position:relative;color:#1861c4;font-size:14px;font-weight:500;}
.activity-cont .category:before{content:'';position:absolute;top:0;right:-10px;width:1px;height:15px;background:#727272;}
.activity-cont .date{color:#727272;font-size:14px;font-weight:500;}

.activity-ico{display:flex;justify-content:flex-end;gap:0 clamp(15px,1.5vw,30px);max-width:263px;min-width:200px;}
.activity-ico [class*='ico']{display:flex;align-items:center;gap:0 5px;position:relative;color:var(--main05);font-size:15px;font-weight:500;white-space:nowrap;}
.activity-ico [class*='ico'] i{display:block;width:20px;height:20px;text-indent:-9999px;background-repeat:no-repeat;background-size:cover;}
.activity-ico:has(.ico-04:only-child){min-width:initial;}

.activity-ico .ico-01 i{background-image:url(/images/ico/activity_01.png);}
.activity-ico .ico-02 i{background-image:url(/images/ico/activity_02.png);}
.activity-ico .ico-03 i{background-image:url(/images/ico/activity_03.png);}
.activity-ico .ico-04 i{background-image:url(/images/ico/activity_04.png);}

.wrap-point{display:flex;}
.point-box{display:flex;flex:1;justify-content:center;padding:37px 15px;border-radius:10px;background:#f7f8fb;}
.point-box > div{position:relative;padding-left:clamp(95px,7.3vw,115px);}
.point-box > div:before{content:'';position:absolute;top:50%;left:0;width:80px;height:80px;border-radius:50%;transform:translateY(-50%);background:#fff url(/images/contents/sub/point.png) no-repeat 50%;}
.point-box p{margin-bottom:5px;color:#333;font-weight:500;text-align:left;}
.point-box .num{display:block;color:#1a3d93;font-size:40px;font-weight:700;}
.point-list{width:clamp(300px,22.6vw,350px);margin-left:clamp(32px,2.9vw,52px);}
.point-list li{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;}
.point-list li+li{border-top:1px dashed #abaeb5;}
.point-list li *{display:block;}
.point-list .tit{color:#121212;font-size:18px;font-weight:600;}
.point-list .num{color:var(--main05);font-size:20px;font-weight:700;}

.wrap-status{display:flex;gap:clamp(25px,2.4vw,45px);flex-wrap:wrap;}
.status-point{flex:1;min-width:0;}
.status-rank{width:clamp(315px,23vw,330px);}
.rank-list{padding:5px clamp(10px,1.5vw,23px);border:1px solid #ddd;border-radius:10px;}
.rank-list li{padding:15px clamp(5px,.7vw,15px);}
.rank-list li+li{border-top:1px dotted #bcbfc4;}
.rank-list .rank-box{display:flex;align-items:center;gap:20px;}
.rank-list .rank-box .num{display:block;width:37px;height:37px;line-height:37px;color:#9d9d9d;font-size:25px;font-weight:700;border-radius:50%;text-align:center;background:#f2f2f2;}
.rank-list .rank-info [class*='info']{display:flex;align-items:center;gap:10px;}
.rank-list .rank-info [class*='info']+[class*='info']{margin-top:7px;}
.rank-list .rank-info [class*='info'] > *{display:block;}
.rank-list .rank-info .name{color:#333;font-weight:700;}
.rank-list .rank-info .tag{display:inline-block;padding:4px 10px;color:#fff;font-size:14px;font-weight:500;border:1px solid #d42d00;border-radius:25px;background:#d42d00;}
.rank-list .rank-info .tag.ver01{color:#d45f00;border-color:#d45f00;background:#fff;}
.rank-list .rank-info .tag.ver02{color:#0055d4;border-color:#0055d4;background:#fff;}
.rank-list .rank-info p{color:#727272;font-weight:500;}
.rank-list .rank-info .activity-ico{margin:0;}

.rank-list li:nth-child(-n+3) .rank-box .num{color:#1a3d93;background:#eef0f7;}

/** 회원관리 **/
.wrap-operator [class*='box-type']{padding:5px 18px;border-radius:10px;}
.wrap-operator .wrap-srch{padding:10px 25px;border-radius:10px;}
.wrap-operator .board-button{margin-bottom:0;}
.operator-list{overflow:hidden;overflow-y:auto;height:220px;}
.operator-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 0;}
.operator-list li+li{border-top:1px dashed #babdc2;}
.operator-list .tag{display:inline-block;width:85px;padding:3px 10px;color:#fff;font-size:15px;font-weight:500;text-align:center;border:1px solid #d42d00;border-radius:25px;background:#d42d00;}
.operator-list .tag.ver01{color:#d45f00;border-color:#d45f00;background:#fff;}
.operator-list .name{display:flex;align-items:center;gap:12px;color:#333;font-weight:500;}
.operator-list .name b{font-weight:600;}
.operator-list [class^='button']{min-width:60px;padding:5px 10px;font-size:14px;}
.operator-list .del-btn{display:block;width:28px;height:28px;border-radius:5px;text-indent:-9999px;background:#8d8d8d url(../images/ico/ico_close.png) no-repeat 50% / 11px;}

.operator-info{border-color:#b3b7bb;}
.operator-info .operator-list{height:auto;}

.wrap-member .tit-type01{margin-bottom:5px;}
.wrap-member [class*='box-type']{padding:25px 20px;border-radius:10px;}
.wrap-member .box-type01{margin:10px 0 0;}
.wrap-member .box-type04{background:#f5f6f8;}
.wrap-member .detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:0;border:none;}
.wrap-member .detail-list li{margin:0;}

/** 과제상세 **/
.board-detail .wrap-tit{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;}
.board-detail .wrap-tit .ico-tit{margin-bottom:0;}
.board-detail .wrap-tit p{font-size:18px;font-weight:500;}
.board-detail .wrap-tit i{color:var(--primary);font-weight:600;}
.board-detail .tag{display:inline-block;padding:5px 15px;color:#0055d4;font-size:15px;font-weight:500;border:1px solid #0055d4;border-radius:25px;}

.detail-tit b{position:relative;margin-right:16px;padding-right:16px;color:#1a3d93;font-weight:700;}
.detail-tit b:after{content:'';position:absolute;top:calc(50% - 10px);right:0;width:1px;height:21px;background:#c1c1c1;}
.detail-hashtag{padding:clamp(15px,1.3vw,20px) 15px;border-bottom:1px solid #dddfe1;background:#f7f8fb;}
.detail-hashtag p{color:#222;text-align:center;}


.detail-list li{display:flex;position:relative;font-weight:500;}
.detail-list .tit{position:relative;margin-right:23px;padding-left:12px;color:#727272;font-weight:500;}
.detail-list .tit:before{content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#8e8e8e;}
.detail-list .tit:after{content:'';position:absolute;top:2px;right:-12px;width:2px;height:14px;background:#e1e2e5;}
.detail-list .txt{flex:1;color:#222;}
.detail-list .txt a{margin-right:5px;font-weight:600;text-underline-offset:5px;}
.detail-list .txt a:is(:hover,:focus){text-decoration:underline;}
.detail-list .txt span+span{margin-left:5px;}

.wrap-thesis{margin-bottom: 40px;border-bottom: 1px solid #dddfe1;}
.wrap-thesis:last-child{margin-bottom: 0px;border-bottom: none;}
.wrap-thesis .no-data{text-align: center;padding: 15px;border: 1px solid #dddfe1;border-radius: 10px;}
.thesis-box{overflow:hidden;}
.thesis-box+.thesis-box{margin-top:20px;padding-top:20px;border-top:1px dashed #ccc;}
.thesis-tit{display:flex;align-items:center;gap:16px;margin-bottom:13px;}
.thesis-tit .tit{color:#222;font-size:18px;font-weight:600;text-underline-offset:3px;}
.thesis-tit .tit:is(:hover,:focus){color:var(--primary);text-decoration:underline;}
.thesis-cont *{color:#727272;font-weight:500;}
.thesis-cont .info{display:flex;margin-bottom:20px;margin-left:-10px;}
.thesis-cont .info li{position:relative;margin-left:10px;}
.thesis-cont .info li:before{content:'';position:absolute;top:50%;left:-5px;width:1px;height:15px;transform:translateY(-50%);background:#727272;}
.thesis-cont .txt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cf-box .tag{margin-bottom:10px;}
.cf-box+.cf-box{margin-top:20px;}

/** 1440px 이상 시작 **/
@media screen and (max-width:1440px){
    /** cont-head **/
    .breadcrumb{left:280px;}
    .breadcrumb:before{left:-280px;}
    .cont-head{margin-bottom:30px;padding-bottom:15px;}
    .cont-head .head-tit{font-size:28px;}

    /** cont-head - integrate **/
    .wrap-integrate .breadcrumb{left:0;padding:15px 20px;}
    .wrap-integrate .breadcrumb:before{left:-20px}

    /** 통계로 보는 화학분야 **/
    .wrap-chemistry{padding:0;}

    /** 지역별 화학분야 통계 **/
    .region-map{width:530px;}

    /** 통계표 - 그래프 **/
    .wrap-statistical .close-btn{right:-8px;}

    /** 나의 포럼 **/
    .wrap-status{gap:25px;}
    .status-rank{width:280px;}
    .rank-list{padding:5px 10px;}
    .rank-list li{padding:15px 5px;}
    .rank-list .rank-box{gap:10px;}
}
/** 1440px 이상 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
    /** cont-head **/
    .breadcrumb{left:0;padding:11px 20px;}
    .breadcrumb:before{left:0;}
    .breadcrumb a{font-size:14px;}

    /** cont-head - integrate **/
    .wrap-integrate .breadcrumb{padding:11px 20px;}

    .cont-head .head-tit{font-size:24px;}
    .cont-head .head-aside [class*='btn']{width:38px;height:38px;}
    .cont-head .head-aside .print-btn{display:none;}
    .cont-head .wrap-sns{right:0;padding:7px;}
    .cont-head .wrap-sns:before{right:13px;}
    .cont-head .wrap-sns *+*{margin-left:12px;}
}
/** 1280px 이상 끝 **/

/** 1200px 시작 **/
@media screen and (max-width:1200px){
    /** cont-head **/
    .breadcrumb a{font-size:14px;}

    .cont-head .head-tit{font-size:24px;}
    .cont-head .head-aside [class*='btn']{width:38px;height:38px;}
    .cont-head .head-aside .print-btn{display:none;}
    .cont-head .wrap-sns{right:0;padding:7px;}
    .cont-head .wrap-sns:before{right:13px;}
    .cont-head .wrap-sns *+*{margin-left:12px;}

	/** 모달팝업 - navi **/
    .modal-chemistry{padding:0 65px;}
	.modal-chemistry .modal-navi [class*='navi']{width:50px;height:50px;}
	.modal-chemistry .modal-navi .navi-prev{left:-67px;}
	.modal-chemistry .modal-navi .navi-next{right:-67px;}

    /** 지역별 화학분야 통계 **/
    .region-map{width:600px;}
}
/** 1200px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
    /** 통계로 보는 화학분야 **/
    .wrap-chemistry{margin-top:-30px;margin-left:-30px;}
    .wrap-chemistry > div{margin-top:30px;}
    .chemistry-box{margin-left:30px;}
    .chemistry-box .wrap-num{padding:20px 100px 15px 20px;}
    .chemistry-box .wrap-num{margin-top: 10px;}
    .chemistry-box .wrap-num p{font-size:17px;}
    .chemistry-box .wrap-num strong{font-size:30px;}
    .chemistry-box .wrap-num strong{margin-top: 10px;}
    .chemistry-box ul{padding:15px 20px;}
    .chemistry-box ul .num-per{font-size:20px;}

    /** 통계표 **/
    .wrap-chart [class*='head'] strong{font-size:20px;}
    .wrap-chart .view-history{width:250px;padding:15px;}
    .wrap-chart .history-head{margin-bottom:15px;}
    .wrap-chart .history-head .all-delete{padding:6px 8px;}
    .wrap-chart .history-head .all-delete i{padding-right:20px;}
    .wrap-chart .history-body .cont-box{padding:12px 10px 43px 10px;}
    .wrap-chart .chart-head{padding:14px 20px 13px;}
    .wrap-chart .chart-body{padding:20px;}

    /** 지역별 화학분야 통계 **/
    .wrap-region{flex-direction:column;}
    .region-map{width:100%;padding:15px;}
    .region-info > .tit{margin-bottom:20px;padding:10px;font-size:20px;}
    .region-info .box-type01{padding:20px;}
    .region-info .stat-list .tit{font-size:17px;}
    .region-info .stat-list p strong{font-size:20px;}

    /** 유관통계 **/
    .related-list .wrap-cont{flex-direction:column;align-items:flex-start;}
    .related-list .wrap-cont .tit{width:100%;margin:0 0 10px;}
    .related-list .wrap-cont .tit *{display:inline-block;}
    .related-list .wrap-cont .tit strong{margin:0 5px 0 0;font-size:18px;}

    /** 화학정보 통계자료 **/
    .docu-img{margin-right:20px;}
    .wrap-docu [class*='-down']{padding:10px 12px;font-size:15px;}
	.docu-cont .down-list li{width:calc(50% - 5px)}

    /** 화학정보 통계자료 소개 **/
    .col-use .use-head{width:180px;}
    .col-use .use-head .tit{font-size:18px;}
    .col-use .use-body{padding:20px;}

    /** 회원가입 **/
    .user-box{padding:35px 20px;}

    /** 사이트맵 **/
    .sitemap-cont{padding:20px 0;}
    .sitemap-cont strong{width:100%;margin-bottom:10px;font-size:22px;}
    .sitemap-cont .depth-02 div > a{padding:12px 10px;font-size:17px;}
    .sitemap-cont .bul-type01{padding:18px 15px;}

    /** 커뮤니티 - 메인 **/
    .community-head .detail-list{margin-bottom:10px;padding:10px 0;}
    .community-head .ico-add{position:relative;top:0;left:0;margin-top:8px;}

    .community-notice .notice-box{flex:none;width:100%;}
    .community-notice .bul-type01{padding:15px;}

    /** 나의 포럼 **/
    .point-box .num{font-size:35px;}
    .point-list{width:clamp(220px,31.7vw,300px);margin-left:25px;}

    .status-point .top-tabs li a{display:flex;flex-direction:column;align-items:center;}
    .status-point .top-tabs li span{margin:5px 0 0;padding:2px 8px;font-size:14px;}

    .status-point .top-tabs li.is-current a i:before{bottom:-1px;}

    /** 과제상세 **/
    .detail-list{grid-template-columns:repeat(1,1fr);}
    .board-detail .wrap-tit{flex-direction:column;}
    .board-detail .wrap-tit p{padding-left:45px;font-size:16px;}
    .board-detail .tag{padding:3px 10px;font-size:14px;}
    .thesis-tit{flex-direction:column;gap:8px;align-items:flex-start;}
    .thesis-cont .info{margin-bottom:13px;}
}
/** 1024px 끝 **/

/** 980px 시작 **/
@media screen and (max-width:980px){
	/** 중장기계획 **/
	.board-plan .year-tbl table td:first-child{width:100px;}
	.board-plan .year-tbl table td:nth-child(2){width:201px;}
	.board-plan .wrap-plan > table td:first-child{width:301px;}
	.board-plan .wrap-plan .tit-tbl td:first-child{width:100px;}
	.board-plan .wrap-plan .tit-tbl td:nth-child(2){width:200px;}
}
/** 980px 끝 **/

/** 912px 시작 **/
@media screen and (max-width:912px){
    /** 통계로 보는 화학분야 **/
    .wrap-chemistry > div{width:50%;}
}
/** 912px 끝 **/

/** 820px 시작 **/
@media screen and (max-width:820px){
    /** 통계표 **/
    .wrap-chart{flex-direction:column;}
    .wrap-chart .view-history{width:100%;border-width:0 0 1px 0;}
    .wrap-chart .history-body{overflow-y:auto;white-space:nowrap;}
    .wrap-chart .history-body .wrap-cont{display:inline-block;width:220px;vertical-align:top;}
    .wrap-chart .history-body .wrap-cont+.wrap-cont{margin:0 0 0 10px;}
    .wrap-chart .history-body .cont-box strong{white-space:initial;}
    .wrap-chart .chart-head{padding:15px;}

    /** 통계표 - 그래프 **/
    .statistical-head{flex-direction:column;align-items:flex-start;}
    .wrap-statistical .wrap-btn{margin:10px 0 0 auto;}

    /** 신흥연구주제 **/
    .expl-head{padding:25px 5px 30px;}
    .expl-head p > br{display:none;}
    .expl-body{padding:20px 0 40px;}

    /** 커뮤니티 - 메인 **/
    .community-head{flex-direction:column;}
    .community-head .wrap-img{width:100%;padding:20px 15px;}
    .community-head .item{padding:20px 15px;text-align:center;}
    .community-head :is(.title,.detail-list){justify-content:center;}
    .community-head .title{font-size:21px;}

    /** 나의 포럼 **/
    .wrap-status{gap:40px;}
    .activity-header{margin:25px 0 20px;}
    .status-rank{width:100%;}
    .rank-list li{padding:10px 5px;}
}
/** 820px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** cont-head **/
    .cont-head{margin-bottom:20px;}

    /** 통계로 보는 화학분야 - modal **/
    .modal-chemistry{padding:0;}
    .modal-chemistry .modal-navi{display:flex;justify-content:space-between;margin-top:15px;}
    .modal-chemistry .modal-navi [class*='navi']{position:relative;top:auto;right:auto;left:auto;width:35px;height:35px;background-size:8px auto;}
    .modal-chemistry .modal-navi [class*='navi']+[class*='navi']{margin-left:10px;}

    /** 유관통계 **/
    .related-list .related-cont{padding:20px 10px;}
    .related-list .wrap-img{margin-right:20px;}

    /** 화학정보 통계자료 **/
    .wrap-docu{flex-direction:column;}
    .docu-img{margin:0 auto 20px;}
    .docu-cont .down-list li{width:100%;}
    .docu-cont .pdf-down{width:100%;}

    /** 통계표 **/
	.statistical-body [class*='wrap-srch']{margin-bottom:20px;padding:10px;}

    /** 통계표 - 그래프 **/
    .wrap-statistical .close-btn{top:-15px;width:35px;height:35px;}

    /** 화학정보 통계자료 소개 **/
    .col-use > [class*='use']{flex-direction:column;}
    .col-use .use-head{justify-content:flex-start;width:100%;padding:15px 10px;background:#f7f8fb;}
    .col-use .use-head .tit{padding:0 0 0 40px;text-align:left;}
    .col-use .use-head .tit:before{top:-6px;left:0;width:35px;height:35px;transform:translateX(0);background-size:20px auto;}
    .col-use .use-head .tit > br{display:none;}
    .col-use .use-body{padding:15px;}

    .col-use > .use-08 .use-head .tit:before{transform:scaleX(-1);}

    /** 중장기계획표 **/
    .board-plan{width:900px;}

    /** 사이트맵 **/
    .sitemap-cont .depth-02{margin-top:-13px;}
    .sitemap-cont .depth-02 > li{width:calc(100% / 3);margin-top:13px;}

    /** 설문조사 : 내용 **/
    .servey-cont .ico-tit{padding:0;}
    .servey-cont .ico-tit:before{content:none;}
	.servey-cont .ico-tit:has(.bar-info){flex-wrap:wrap;gap:2px;padding-right:0;}
	.servey-cont .ico-tit .bar-info{position:relative;top:inherit;right:inherit;width:100%;margin-top:5px;margin-left:18px;}

	/** 설문조사 상세정보 **/
	.detail-head ul{flex-direction:column;}
	.detail-head li{flex-wrap:nowrap;word-break:keep-all;}
	.detail-head li span{min-width:48px}

	/** 설문조사 : 결과 **/
	.servey-item-result li{flex-direction:column;align-items:flex-start;gap:5px;}
    .servey-item-result .label{width:100%;}
	.wrap-survey .bar-wrap{flex:none;max-width:inherit;margin-left:0;}

    /** 나의 포럼 **/
    .activity-header{margin-top:25px;}
    .activity-list li a{flex-direction:column;align-items:flex-start;padding:15px 0;}
	.activity-cont{flex-direction:column;align-items:flex-start;width:100%;}
	.activity-ico{gap:0 10px;position:relative;top:inherit;right:inherit;justify-content:flex-start;min-width:100%;transform:translateY(0);}
    .activity-ico [class*='ico']{gap:0 3px;font-size:13px;}
    .activity-ico [class*='ico'] i{width:15px;height:15px;}

    .point-box .num{font-size:30px;}
    .point-list :is(.tit,.num){font-size:17px;}

    /** 회원관리 **/
    .wrap-operator .wrap-srch{padding:10px;}
    .wrap-member [class*='box-type']{padding:15px;}
    .wrap-member .detail-list{grid-template-columns:repeat(1,1fr);}

    /** 과제상세 **/
    .board-detail .wrap-tit p{padding-left:35px;}
    .detail-tit{padding:18px 10px;}
    .thesis-cont .info{flex-direction:column;gap:5px;margin-left:0;}
    .thesis-cont .info li:before{width:2px;height:2px;}
}
/** 767px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
    /** 통계로 보는 화학분야 **/
    .wrap-chemistry{margin-top:-20px;margin-left:-20px;}
    .wrap-chemistry > div{margin-top:20px;}
    .chemistry-box{margin-left:20px;}
    .chemistry-box .wrap-num{height:100px;padding:20px 90px 15px 20px;}
    .chemistry-box .wrap-num:before,.chemistry-box .wrap-num:after{right:15px;width:62px;height:62px;background-size:30px auto;}
    .chemistry-box .wrap-num p{font-size:16px;}
    .chemistry-box .wrap-num strong{font-size:27px;}
    .chemistry-box ul{padding:10px 15px;}
    .chemistry-box ul p{font-size:14px;}
    .chemistry-box ul .num-per{font-size:18px;}

    /** 통계표 **/
    .wrap-chart .chart-head{flex-direction:column;align-items:flex-start;}
    .wrap-chart .chart-srch{width:100%;margin-top:10px;}
    .wrap-chart .chart-body{padding:15px;}

    /** 통계표 - 그래프 **/
    .wrap-statistical .wrap-btn{flex-direction:column;width:100%;}
    .wrap-statistical .wrap-btn [class*='button']{min-width:100%;width:100%;margin:5px 0 0 0;}
    .statistical-head .wrap-popup{width:100%;padding:27px 10px 10px;}
    .statistical-head .wrap-popup .box-type{padding:10px;}
    .statistical-head .wrap-popup .box-type p{font-size:18px;}

    /** 지역별 화학분야 통계 **/
    .region-map .map-cont{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100%;height:auto;margin-top:-10px;background:none;}
    .region-map .map-cont a{position:relative;top:auto;left:auto;right:auto;width:calc(50% - 5px);margin-top:10px;}
    .region-map .map-cont a:before{content:none;}
    .region-map .map-cont a i{display:block;width:100%;height:100%;padding:10px;text-align:center;border-radius:5px;border:1px solid #21368e;background:#fff;}
    .region-info{padding:20px;}

    /** 유관통계 **/
    .related-list .related-cont{flex-direction:column;}
    .related-list .wrap-img{width:100%;margin:0 0 15px;}
    .related-list .wrap-cont .tit *{display:block;text-align:center;}
    .related-list .wrap-cont .tit strong{margin:0 0 5px;}

    /** 사이트맵 **/
    .sitemap-cont .depth-02 > li{width:50%;}

    /** 커뮤니티 **/
    .wrap-create{flex-direction:column;align-items:flex-end;gap:7px;margin-top:15px;}
    .wrap-create .button{padding:10px 15px;}

    /** 커뮤니티 - 메인 **/
    .community-head .detail-list{flex-direction:column;align-items:center;gap:3px;}

    /** 나의 포럼 **/
    .wrap-point{flex-direction:column;}
    .point-box{padding:25px 15px;}
    .point-box > div{padding-left:60px;}
    .point-box > div:before{width:50px;height:50px;background-size:auto 30px;}
    .point-box p{margin-bottom:0;font-size:15px;}
    .point-box .num{font-size:26px;}
    .point-list{width:100%;margin:5px 0 0;}
    .point-list li{padding:10px;}

    /** 회원관리 **/
    .operator-list li{align-items:flex-end;}
    .operator-list .tag{width:70px;padding:1px 8px;font-size:13px;}
    .operator-list .name{flex-direction:column;align-items:flex-start;gap:3px;}
    .operator-list [class^='button']{padding:3px 5px;}

    .operator-info .operator-list li{align-items:flex-start;}

    /** 과제상세 **/
    .detail-list li{flex-direction:column;}
    .detail-list .tit{margin:0 0 5px;}
    .detail-list .tit:after{content:none !important;}
}
/** 640px 끝 **/

/** 520px 시작 **/
@media screen and (max-width:520px){
    /** common **/
    .wrap-tit{flex-wrap:wrap;}
    .wrap-tit p{width:100%;margin:5px 0 0 0;}

    /** 통계로 보는 화학분야 **/
    .wrap-chemistry{margin-left:0;}
    .wrap-chemistry > div{width:100%;}
    .chemistry-box{margin-left:0;}

    /** 로그인 - 회원가입 **/
	.wrap-login .logo{width:210px;height:25px;}
    .wrap-login [class*='head'] strong{font-size:22px;}

    /** 로그인 **/
	[class*='inputbox']+[class*='inputbox']{margin-top:25px;}
	[class*='inputbox'] label{margin-bottom:10px;}
	[class*='inputbox'] :is(input[type='text'],input[type='password']),.login-body .button{height:48px;line-height:48px;}
    [class*='inputbox'] input::placeholder{font-size:16px;}

	.login-box{padding:20px 15px 30px;}
	.login-head .logo{margin-bottom:15px;}
    .login-head p{font-size:15px;}
    .login-head p > br{display:none;}
	.login-body{margin-top:20px;padding:20px 0 0;}
	.login-body .button{margin-top:20px;}
    [class*='login-menu']{margin-top:20px;margin-left:0;}
    [class*='login-menu'] li+li{margin-top:10px;}
    [class*='login-menu'] li{width:100%;}
    [class*='login-menu'] [class*='login']{margin:0;}
    [class*='login-menu'] [class*='login'] i{padding:0 0 0 30px;}
    [class*='login-menu'] [class*='login'] i:before{top:50%;left:0;transform:translate(0,-50%);}
	.user-login{margin-top:25px;}
    .login-menu-type01{margin-top:0;}
    .login-menu-type01 i{font-size:15px;}
    .login-menu-type01 [class*='login']{padding:13px 10px;}

    .login-box.ver-01{padding:30px 20px;}
    .login-box.ver-01 .login-head .logo{margin-bottom:20px;}
    .login-box.ver-01 .login-body{padding-top:20px;}
    .login-box.ver-01 .button{margin-top:20px;}

    /** 회원가입 **/
    .user-box{padding:25px 15px;}
    .user-head{flex-direction:column;margin-bottom:20px;}
    .user-head strong{margin:8px 0 0;}
    .user-body .step-list{margin-bottom:30px;}
    .wrap-agree{flex-direction:column;align-items:flex-end;}
    .wrap-agree p+div{margin:5px 0 0;}
    .user-body .wrap-button{margin-top:30px;}
    .user-body .wrap-button .button{width:100%;height:48px;line-height:48px;font-size:16px;}
    .user-body .wrap-button .button+.button{margin:5px 0 0;}

    .user-body .member-box{padding:20px 15px;}
    .user-body .member-box strong{padding-top:55px;font-size:25px;}
    .user-body .member-box strong:before{width:45px;height:45px;background-size:20px auto;}
    .user-body .member-box p{margin:20px 0;font-size:18px;}

    /** 커뮤니티 - 메인 **/
    .community-button,.community-myinfo{flex-direction:column;}
    .community-myinfo .button{width:100%;margin:0;}

    .community-notice .bul-type01 .date{display:none;}

    /** 나의 포럼 **/
    .activity-header{flex-direction:column;}
}
/** 520px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	.servey-item .form-radio + input[type='text']{flex:none;width:100%;}

	/** 설문조사 : 결과 **/
	.servey-item-result .label{min-width:inherit;}
	.wrap-survey .bar-wrap{width:100%;margin-right:0;margin-bottom:20px;}
    .wrap-survey .bar-info{top:20px;right:inherit}
	.wrap-survey .bar-info :is(.count,.percent){text-align:left;}
	.wrap-survey .bar-info .percent:before{left:-15px}

    /** 나의 포럼 **/
	.top-tabs{flex-direction:column;}
	.top-tabs >*{align-self:flex-start;}
    .top-tabs li+li:before{content:none;}
    .top-tabs li span{padding:3px 8px;font-size:14px;}

    .filter-box{padding:10px}
    .filter-box a{width:calc(50% - 5px);}

    .activity-header{margin:20px 0 15px;}
    .status-point .top-tabs li a{flex-direction:row;}
    .status-point .top-tabs li span{margin:0 0 0 5px;}
}
/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** cont-head **/
    .cont-head .head-tit{font-size:22px;}
    .cont-head .head-aside [class*='btn']{width:32px;height:32px;}
    .cont-head .wrap-sns:before{right:10px;}

    /** 통계표 **/
    .wrap-chart .history-body .wrap-cont{width:180px;height:111px;}
    .wrap-chart .chart-srch{flex-direction:column;}
    .wrap-chart .chart-srch input{flex:auto;}
    .wrap-chart .chart-srch .srch-btn{width:100%;margin:5px 0 0 0;border-radius:0;}

    /** 지역별 화학분야 통계 **/
    .region-info{padding:15px 10px;}
    .region-info .box-type01{padding:10px;}
    .region-info .stat-list li{flex-direction:column;align-items:flex-start;}
    .region-info .stat-list li:before{content:none;}
    .region-info .stat-list li > *{padding:0}
    .region-info .stat-list li+li{margin-top:5px;padding-top:5px;border-top:1px solid #babdc2;}

    /** 로그인 - 회원가입 **/
	.wrap-login .logo{width:180px;height:22px;}
    .wrap-login [class*='head'] strong{font-size:20px;}

	/** 로그인 **/
	.user-login{flex-direction:column;}
	.user-login li{padding-left:12px;}
	.user-login li:before{top:6px;left:0;width:4px;height:4px;border-radius:50%;background:var(--gray-50);}
	.user-login li:first-child:before{content:'';}
	.user-login li+li{margin:5px 0 0;}

    /** 회원가입 **/
    .user-head strong{font-size:22px;}
    .user-body .step-list:before{content:none;}
    .user-body .step-list li{display:flex;align-items:center;width:100%;}
    .user-body .step-list li+li{margin-top:15px;}
    .user-body .step-list span{margin:0 10px 0 0;}

    .wrap-agree02 {width: 100%;flex-direction: column;display: flex;}
    .wrap-agree02 *{padding: 5px 0}
    .wrap-agree02 div{margin-left:0px}
    .wrap-agree02 button[type='submit']{width: 100% !important;
        max-width: inherit !important;margin:10px 0 0 0}

    /** 사이트맵 **/
    .sitemap-cont .depth-02 > li{width:100%;}

    /** 설문조사 : 내용 **/
    .servey-cont .wrap-btn{flex-direction:column;gap:8px;}

    /** 커뮤니티 - 메인 **/
    .community-head .title{flex-direction:column;gap:5px;}

    /** 나의 포럼 **/
    .rank-list .rank-info .tag{padding:2px 7px;font-size:13px;}
    .rank-list .rank-box .num{width:30px;height:30px;line-height:30px;font-size:20px;}

    /** 회원관리 **/
    .operator-list li{align-items:flex-start;gap:5px;}
    .operator-list .name{font-size:15px;}
    .operator-list .wrap-button{width:100%;text-align:right;}
}
/** 414px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){
    /** 나의 포럼 **/
    .rank-list :is(.rank-box,.rank-info .info-01){flex-direction:column;}
    .rank-list .rank-info [class*='info']{gap:5px;}
}
/** 320pxs 끝 **/