@charset "utf-8";

.header{border-bottom:1px solid #cdcdcd;}

.sliderFix{transform:translate3d(0, 0, 0) !important;}

.board-view img{height: auto !important}

/* datepicker */
.datepicker table{width:100%;}
.datepicker-dropdown{width:250px; padding:0;}
.datepicker-dropdown:after{border:0 6px 6px; border-style:solid; border-color:transparent transparent #6c57a4;}
.datepicker table{table-layout:fixed;}
.datepicker thead tr:nth-child(2){height:40px; background:#037a4e;}
.datepicker thead tr:nth-child(3){height:40px;}
.datepicker thead tr:nth-child(3) th{border-bottom:1px solid #ddd;}
.datepicker thead tr:nth-child(3) th:nth-child(1){color:#c82333;}
.datepicker thead tr:nth-child(3) th:nth-child(7){color:#007bff;}
.datepicker td,
.datepicker th{border-radius:0;}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th{color:#fff; font-size:15px;}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover,
.datepicker .prev:focus,
.datepicker .next:focus{background:#037a4e;}
.datepicker tbody td{height:30px;}
.datepicker tbody td:nth-child(1):not(.old):not(.new){color:#c82333;}
.datepicker tbody td:nth-child(1):not(.old):not(.new) span.month{color:#111;}
.datepicker tbody td:nth-child(1):not(.old):not(.new).active{color:#fff;}
.datepicker tbody td:nth-child(7):not(.old):not(.new){color:#007bff;}
.datepicker tbody td:nth-child(7):not(.old):not(.new).active{color:#fff;}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active:focus:active,
.datepicker table tr td span.active.disabled:focus:active,
.datepicker table tr td span.active:focus.active,
.datepicker table tr td span.active.disabled:focus.active{background:#037a4e;}

/* input datepicker */
input.datepicker{background:url('/resources/nie/images/board/board-icons_03.png') no-repeat right 10px center;}

/* sub nav */
.sub-nav{background:#f7f7f7; border-bottom:1px solid #ccc; z-index:99; position:relative; margin-top:81px;}
.sub-nav .layout{display:flex; justify-content:space-between;}
.sub-nav__list{}
.sub-nav__list > ul{display:flex;}
.sub-nav__list > ul > li{position:relative;}
.sub-nav__list > ul > li::after{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-nav__list > ul > li.home{}
.sub-nav__list > ul > li.home a{text-indent:-9999px; overflow:hidden; width:60px; height:60px; background:url('/resources/nie/images/layout/nav-icon.png') no-repeat center center; display:block;}
.sub-nav__list > ul > li:not(.home) > a{padding:0 20px; height:60px; display:flex; align-items:center; justify-content:space-between; min-width:240px; font-size:17px; color:#888; position:relative;}
.sub-nav__list > ul > li:not(.home) > a::after{content:''; display:block; min-width:12px; height:7px; background-repeat:no-repeat; background-position:0 0; background-image:url('/resources/nie/images/layout/nav-arrow.png'); margin-left:20px;}
.sub-nav__list > ul > li:not(.home) > a.active{color:#037a4e; font-weight:600;}
.sub-nav__list > ul > li:not(.home) > a.active::before{content:''; display:block; width:100%; height:3px; background:#037a4e; border-radius:3px; position:absolute; bottom:-1px; left:0;}
.sub-nav__list > ul > li:not(.home) > a.active::after{background-image:url('/resources/nie/images/layout/nav-arrow-active.png');}
.sub-nav__list > ul > li:not(.home) > a.active + .depth{opacity:1; visibility:visible;}
.sub-nav__list .depth{position:absolute; width:100%; top:calc(100% + 1px); border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; background:#f7f7f7; padding:20px 0; visibility:hidden; opacity:0; transition:all .4s; z-index:10;}
.sub-nav__list .depth > li{padding:0 15px;}
.sub-nav__list .depth > li:not(:last-child){margin-bottom:15px;}
.sub-nav__list .depth > li > a{box-shadow:inset 0 0 0 #037a4e; line-height:1; font-size:17px; font-weight:400; color:#888; text-decoration:none; transition:color .4s, box-shadow .4s; position:relative;}
.sub-nav__list .depth > li > a:hover,
.sub-nav__list .depth > li > a:focus{color:#037a4e; font-weight:600; box-shadow:inset 0 -1px 0 #037a4e; text-underline-position:under;}

.sub-nav__list .depth > li > a.blankLink{display:inline-flex; align-items:center;}
.sub-nav__list .depth > li > a.blankLink::after{content:''; display:block; width:16px; height:16px; background:url('/resources/nie/images/common/gnbBlankLink_03.png') no-repeat 0 0; transition:all .4s; margin-left:10px;}
.sub-nav__list .depth > li > a.blankLink:hover::after,
.sub-nav__list .depth > li > a.blankLink:focus::after{background-image:url('/resources/nie/images/common/gnbBlankLink_06.png');}

.sub-programList{width:100%;}
.sub-programList > li{display:flex; align-items:center; padding:30px; border:1px solid #ccc; border-radius:3px;}
.sub-programList > li:not(:last-child){margin-bottom:30px;}
.sub-programList.type2 > li{align-items:flex-start;}
.sub-programList.type3 > li{align-items:flex-start; padding:40px;}
.sub-programList .sub-introList__img{display:block; width:220px; height:180px; margin-right:30px; overflow:hidden; position:relative;}
.sub-programList.type3 .sub-introList__img{display:block; width:461px; height:320px; margin-right:0; overflow:hidden; position:relative;}
.sub-programList .sub-introList__img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; min-width:100%; min-height:auto; max-width:none; object-fit: cover;}
.sub-programList.type3 .sub-introList__img img{position:relative; top:auto; left:auto; transform:none; width:100%; height:auto; min-width:100%; min-height:auto;}
.sub-programList .sub-introList__item{flex:1; }
.sub-programList.type3 .sub-iconTitle.type2{margin-top:10px;}

.sub-nav__btns{display:flex;}
.sub-nav__btns .btn-item{position:relative; display:block; width:60px; height:60px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:background-image .4s;}
.sub-nav__btns .btn-item::before{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.sub-nav__btns .btn-item.share{background-image:url('/resources/nie/images/layout/nav-share.png'); transition:all .4s;}
.sub-nav__btns .btn-item.share:focus,
.sub-nav__btns .btn-item.share:hover,
.sub-nav__btns .btn-item.share.active{background-image:url('/resources/nie/images/layout/nav-share-active.png');}
.sub-nav__btns .btn-item.print{background-image:url('/resources/nie/images/layout/nav-print.png');}
.sub-nav__btns .btn-item.print:hover,
.sub-nav__btns .btn-item.print:focus{background-image:url('/resources/nie/images/layout/nav-print-active.png');}
.sub-nav__btns .btn-item.copy{text-indent:0; font-size:14px; color:#6f6f6f; font-weight:600; display:flex; align-items:center; justify-content:center;}
.sub-nav__btns .btn-item.copy:hover,
.sub-nav__btns .btn-item.copy:focus{color:#258461;}
.sub-nav__share{}
.sub-nav__share .share-item{position:absolute; background:#f7f7f7; border:1px solid #ccc; max-height:0; overflow:hidden; visibility:hidden; opacity:0; transition:all .4s;}
.sub-nav__share a.active + .share-item{opacity:1; visibility:visible; max-height:250px;}

.sub-nav__btns .btn-item.share::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; border-radius:3px; background-color:#037a4e; opacity:0; visibility:hidden; transition:all .4s;}
.sub-nav__btns .btn-item.share.active::after{opacity:1; visibility:visible;}

.sub-nav__share .share-item li{}
.sub-nav__share .share-item li:not(:last-child){border-bottom:1px solid #ccc;}
.sub-nav__share .share-item li a{display:block; text-indent:-9999px; overflow:hidden; width:59px; height:60px; background-position:center center; background-repeat:no-repeat;}
.sub-nav__share .share-item li a.facebook{background-image:url('/resources/nie/images/layout/share-facebook.png');}
.sub-nav__share .share-item li a.blog{background-image:url('/resources/nie/images/layout/share-blog.png');}
.sub-nav__share .share-item li a.twitter{background-image:url('/resources/nie/images/layout/share-twitter.png');}
.sub-nav__share .share-item li a.story{background-image:url('/resources/nie/images/layout/share-story.png');}

/* sub page */
.sub-page{margin-top:100px; padding-bottom:100px;}
.sub-page__title{text-align:center; font-size:36px; color:#222; font-weight:600; line-height:1; margin-bottom:70px;}

.sub-page > .page-title{margin-bottom:70px;}

.sub-page__tab{display:flex; overflow:hidden; border-radius:0 25px 0 25px; border:1px solid #ccc; margin-bottom:30px;}
.sub-page__tab a{flex:1; display:flex; justify-content:center; align-items:center; text-align:center; font-size:18px; color:#888; border-style:solid; border-color:#ccc; height:50px;}
.sub-page__tab a:not(:last-child){border-width:0 1px 0 0;}
.sub-page__tab a:last-child{border-width:0}
.sub-page__tab a.active{background:#037a4e; color:#fff; font-weight:600;}
.sub-page__tab.yellow a.active{background:#c28910;}
.sub-page__tab.green a.active{background:#689831;}
.sub-page__tab.orange a.active{background:#fc831d;}
.sub-page__tab.blue a.active{background:#389ae0;}

.sub-page__tab + .info-item{margin-top:100px;}
/* page title */
.page-title{text-align:center;}
.page-title h3{font-size:36px; color:#222; font-weight:600; line-height:1; margin-bottom:10px;}
.page-title p{font-size:15px; color:#037a4e; line-height:1;}
.page-title.yellow p{color:#c28910;}
.page-title.green p{color:#689831;}
.page-title.orange p{color:#fc831d;}
.page-title.blue p{color:#389ae0;}

/* sub title */
.sub-title{display:flex; align-items:flex-start; font-size:26px; color:#222; font-weight:600; line-height:1.3; letter-spacing:-0.02rem;}
.sub-title::before{content:''; display:block; margin-top:10px; margin-right:10px; min-width:15px; height:16px; background:url('/resources/nie/images/layout/subTitleIcon.png') no-repeat 0 0; }
.sub-title.yellow::before{background:url('/resources/nie/images/layout/subTitleIcon_y.png') no-repeat 0 0;}
.sub-title.green::before{background:url('/resources/nie/images/layout/subTitleIcon_yg.png') no-repeat 0 0;}
.sub-title.orange::before{background:url('/resources/nie/images/layout/subTitleIcon_o.png') no-repeat 0 0;}
.sub-title.blue::before{background:url('/resources/nie/images/layout/subTitleIcon_b.png') no-repeat 0 0;}
.sub-title.none:before{display: none;}

/* sub txt */
.sub-txt{font-size:18px; color:#666; line-height:1.5;}

/* sub txtList */
.sub-txtList{}
.sub-txtList > li{font-size:18px; color:#666; padding-left:15px; word-break:break-word; position:relative; line-height:1.8;}
/* .sub-txtList > li:not(:last-child){margin-bottom:5px;} */
.sub-txtList > li::before{content:'-'; font-size:18px; color:#666; position:absolute; left:0; top:0;}
.sub-txtList > li > span{color:#666; font-weight:600;}

.sub-txtList.type2{}
.sub-txtList.type2 > li,
.sub-notxtList > li{position:relative; display:flex; align-items:center; font-size:16px; color:#666; line-height:1.4; text-indent:0;}
.sub-notxtList.type2 > li{font-size:18px;}
.sub-txtList.type2 > li{flex-wrap:wrap; padding-left:5px;}
.sub-txtList.type2 > li:not(:last-child),
.sub-notxtList > li:not(:last-child){margin-bottom:10px;}
.sub-txtList.type2 > li::before{content:''; position:absolute; top:11px; left:0; display:block; width:2px; height:1px; border-radius:100%; background-color:#666; margin-right:6px; }
.sub-txtList.type2 > li > span{width:100%; font-weight:600; line-height:1;}

.sub-txtList.type3{}
.sub-txtList.type3 > li{display:flex; flex-wrap:wrap; padding-left:0; text-indent:0; font-size:16px; font-weight:400; color:#333;}
.sub-txtList.type3 > li::before{display:none;}
.sub-txtList.type3 > li > span{position:relative; display:flex; align-items:center; margin-right:5px; font-weight:600; color:#333; }
.sub-txtList.type3 > li span::before{content:''; display:block; min-width:2px; height:2px; margin-right:10px; background-color:#333; border-radius:100%;}
.sub-txtList.type3 > li > p{padding-left:21px; text-indent:-11px;}

.sub-txtList.type4 li{font-size:16px; font-weight:400; color:#666; text-indent:0; word-break:break-word; padding-left:10px;}
.sub-txtList.type4 > li:not(:last-child){margin-bottom:10px;}
.sub-txtList.type4 li::before{content:'-'; font-size:16px; color:#666; margin-right:5px;}

.sub-txtList.type5 li{display:flex; align-items:flex-start; padding:0;}
.sub-txtList.type5 li:not(:last-child){margin-bottom:15px;}
.sub-txtList.type5 li.full{flex-direction:column;}
.sub-txtList.type5 li::before{display:none;}
.sub-txtList.type5 li .title{display:flex; align-items:center; font-size:18px; color:#666; font-weight:600; min-width:110px;}
.sub-txtList.type5 li .title::before{content:'-'; font-size:inherit; color:inherit; font-weight:inherit; margin-right:5px;}
.sub-txtList.type5 li .txt{font-size:18px; color:#666;}

.sub-txtList.type6{width:100%;}
.sub-txtList.type6 li{display:flex; align-items:flex-start; padding:0;}
.sub-txtList.type6 li:not(:last-child){margin-bottom:5px;}
.sub-txtList.type6 li.full{flex-direction:column;}
.sub-txtList.type6 li::before{display:none;}
.sub-txtList.type6 li .title{display:flex; align-items:center; font-size:18px; color:#666; font-weight:600; min-width:75px; margin-right:5px;}
.sub-txtList.type6 li .title::before{content:'-'; font-size:inherit; color:inherit; font-weight:inherit; margin-right:5px;}
.sub-txtList.type6 li .txt{font-size:18px; color:#666;}

/* sub intro list */
.sub-introList{}
.sub-introList > li,
.sub-introList.type2 > li{display:flex; align-items:flex-start; flex-wrap:wrap;}
.sub-introList.type2 > li{flex-wrap:wrap;}
.sub-introList > li:not(:last-child){margin-bottom:70px;}
.sub-introList > li > .sub-title{min-width:280px;}
.sub-introList > li > .sub-introList__item{width:calc(100% - 280px); flex:1;}

/* sub list */
.sub-list{}
.sub-list > li{display:flex; flex-wrap:wrap; line-height:1.6;}
/* .sub-list > li::before{content:''; display:inline-block; min-width:9px; height:10px; background:#037a4e; border-radius:0 4px 0 4px; margin:7px 10px 0 0;} */
.sub-list > li.yellow::before{background:#c28910;}
.sub-list > li.yellow .sub-list__title{color:#c28910;}
.sub-list > li.yellow .sub-list__title::before{background:#c28910;}
.sub-list > li.green::before{background:#689831;}
.sub-list > li.green .sub-list__title{color:#689831;}
.sub-list > li.green .sub-list__title::before{background:#689831;}
.sub-list > li.orange::before{background:#fc831d;}
.sub-list > li.orange .sub-list__title{color:#fc831d;}
.sub-list > li.orange .sub-list__title::before{background:#fc831d;}
.sub-list > li.blue::before{background:#389ae0;}
.sub-list > li.blue .sub-list__title{color:#389ae0;}
.sub-list > li.blue .sub-list__title::before{background:#389ae0;}
.sub-list.type2 > li:not(:last-child){margin-bottom:20px;}
.sub-list.type2 .sub-list__txt,
.sub-list.type2 .text-list-wrap{width:100%; flex:none;}
.sub-list > li .sub-list__title{}

.sub-list__title{display:inline-flex; align-items:baseline; min-width:134px; font-size:20px; color:#037a4e; font-weight:600; letter-spacing:-0.02rem; margin-right:20px; margin-bottom:5px; text-align:justify; vertical-align:middle;}
.sub-list__title::before{content:''; display:inline-block; min-width:9px; height:10px; background:#037a4e; border-radius:0 4px 0 4px; margin:7px 10px 0 0;}

.sub-list__title.type2{text-align:left; min-width:210px; max-width:210px; /* margin-right:50px; */}
.sub-list__title.linkTitle{overflow:visible; display:flex; align-items:center;}
.sub-list__title.linkTitle::after{display:none;}
.sub-list__title::after{content:''; display:inline-block; width:100%;}
.sub-list .sub-list__title::after{display:none;}
.sub-list__txt{flex:1; font-size:18px; color:#666; line-height:1.6; letter-spacing:-0.02rem;}
.sub-list__txt > span{display:block; font-size:16px; color:#888; margin-top:5px;}
.sub-list __txt > .sub-title2{display:inline-block; font-size:18px; font-weight:600; color:#666; font-weight:600; line-height:1;}


.sub-list__comboBox{display:flex; justify-content:space-between; width:100%;}
.sub-list__comboBox .img{}
.sub-list__comboBox .img img{display:block;}
.sub-list__comboBox .img sup{text-align:right; font-size:14px; color:#666; font-weight:300; line-height:1; margin-top:10px; position:static; display:block;}

.sub-dot__title{display:flex; align-items:center; width:100%; font-size:18px; color:#666; font-weight:600; line-height:1; margin-bottom:20px;}
.sub-dot__title::before{content:''; display:block; width:3px; height:3px; background-color:#666; border-radius:100%; margin-right:6px;}

.ico-list{display:flex;}
.ico-list > span{display:flex; align-items:center; font-size:18px; color:#666; text-align:center; line-height:1;}
.ico-list > span:not(:last-child){margin-right:30px;}
.ico-list > span::before{content:''; display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:60px; margin-right:10px; background-color:#fff; background-position:center center; background-repeat:no-repeat; border:3px solid #ddd; border-radius:100%; }
.ico-list .sens::before{background-image:url('/resources/nie/images/sub/ico_family_03.png');}
.ico-list .night::before{background-image:url('/resources/nie/images/sub/ico_family_06.png');}
.ico-list .culture::before{background-image:url('/resources/nie/images/sub/ico_family_08.png');}
.ico-list .family::before{background-image:url('/resources/nie/images/sub/ico_family_11.png');}
.ico-list .intro::before{background-image:url('/resources/nie/images/sub/ico_family_22.png');}

.sub-img-box,
.sub-img-box2{display:flex; justify-content:flex-start; align-items:flex-start; width:100%; padding:30px; background-color:#f7f7f7; flex-wrap:wrap;}
.sub-img-box .item,
.sub-img-box2 .item{height:185px; overflow:hidden; width:calc((100% / 4) - 15px); position:relative;}
.sub-img-box2 .item{width:calc((100% / 3) - 14px);}
.sub-img-box .item:not(:nth-child(4n)),
.sub-img-box2 .item:not(:nth-child(3n)){margin-right:20px;}
.sub-img-box .item:not(:nth-child(-n + 4)),
.sub-img-box2 .item:not(:nth-child(-n + 3)){margin-top:20px;}
.sub-img-box .item img,
.sub-img-box2 .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; min-width:auto; min-height:100%; max-width:none;}

.sub-boxList2{display:flex;}
.sub-boxList2 > li{min-height:430px; border:1px solid #cdcdcd; border-radius:15px; padding:25px;}
.sub-boxList2 > li:not(.box2){width:calc((100% - 102px) / 4);}
.sub-boxList2 > li:not(:last-child){margin-right:34px;}
.sub-boxList2 .box2{flex:1; display:flex; flex-wrap:wrap;}
.sub-boxList2 .box2 .sub-list__title{width:100%;}
.sub-boxList2 > .box2 .box{width:calc((100% - 85px) / 2); height:calc(100% - 50px);}
.sub-boxList2 > .box2 .box:not(:last-child){margin-right:85px;}
.sub-boxList2 .sub-list__title{white-space:nowrap; margin-bottom:10px;}
.sub-boxList2 .sub-txtList{margin-bottom:20px;}
.sub-boxList2.type2 .sub-txtList{min-height:146px;}
.sub-boxList2.type3 .sub-txtList{min-height:207px;}
.sub-boxList2 .sub-txtList > li{line-height:1.4;}
.sub-boxList2 .sub-txtList > li:not(:last-child){margin-bottom:10px;}
.sub-boxList2 > li .imgWrap{display:flex; justify-content:space-between; width:100%;}
.sub-boxList2 > li .imgWrap img{width:calc((100% - 70px) / 2 ); height:auto;}
.sub-boxList2 > li .txt{font-size:16px; font-weight:300; color:#666; margin-top:15px; line-height:1.8;}

/* sub full box */
.sub-fullBox{position:relative; padding:70px 0;}
.sub-fullBox::before{content:''; display:block; width:calc(100vw - 17px); height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#f7f7f7;}
.sub-fullBox > *{position:relative;}

/* sub img slider */
.sub-imgSlider{position:relative;}
.sub-imgSlider__arrow{display:block; width:50px; height:50px; border-radius:100%; background:#fff; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; z-index:10; top:50%; transform:translateY(-50%);}
.sub-imgSlider__arrow.prev{background-image:url('/resources/nie/images/layout/sub-imgslider-arrow_03.png'); left:-80px;}
.sub-imgSlider__arrow.next{background-image:url('/resources/nie/images/layout/sub-imgslider-arrow_05.png'); right:-80px;}
.sub-imgSlider .slider{overflow:hidden; width:1400px;}
.sub-imgSlider .slider .slick-track{display:flex; margin:0;}
.sub-imgSlider .slider .slick-list{margin-left:-30px;}
.sub-imgSlider .slider .slick-slide{height:245px; margin-left:30px; position:relative; overflow:hidden;}
.sub-imgSlider .slider .slick-slide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:100%; min-width:auto; min-height:100%; max-width:none;}
.sub-imgSlider .slider .slick-slide .text{position:absolute; bottom:0; display:flex; justify-content:center; width:100%; min-height:30px; font-size:16px; font-weight:400; color:#fff; text-align:center;}


/* sub icon title */
.sub-iconTitle{display:flex; align-items:center; font-size:18px; color:#666; line-height:1.2; padding-left:27px; position:relative;}
.sub-iconTitle::before{content:''; display:block; width:17px; height:17px; background:url('/resources/nie/images/layout/subtitle-icons_03.jpg'); position:absolute; top:1px; left:0;}
.sub-iconTitle.type2{font-size:22px; font-weight:600; color:#222;}
.sub-iconTitle.type2::before{top:4px;}
.sub-iconTitle.type3{font-size:22px; font-weight:400; color:#222; line-height:1;}
.sub-iconTitle.type3::before{top:4px;}
.sub-iconTitle.type3 span{line-height:1; color:#037a4e; font-weight:600;}
.sub-iconTitle.type4{font-size:22px; font-weight:600; color:inherit; line-height:1.6;}
.sub-iconTitle.type4::before{top:8px;}
.sub-iconTitle .txt-link,
.sub-iconTitle span,
.sub-iconTitle b{line-height:inherit;}

.sub-iconTitle.none{padding-left: 0;}
.sub-iconTitle.none:before{display: none;}

.sub-line-content{border-width:1px 0 1px 0; border-style:solid; border-color:#3f3f3f; padding:40px;}
.sub-line-content .img-box{display:flex; justify-content:space-between;}
.sub-line-content .img-box span{}
.sub-line-content .img-box img{}
.sub-line-content .text-box2{margin-top:30px; background-color:#f7f7f7; padding:30px;}
.sub-line-content .text-box2 .title{font-size:18px; font-weight:600; color:#666;}
.sub-line-content .text-box2 p{font-size:18px; color:#666; line-height:1.6; margin-top:30px;}

.img-list{display:flex; }
.img-list li{border:1px solid #ccc; flex:1; display:flex; flex-wrap:wrap;}
.img-list li:not(:last-child){margin-right:30px;}
.img-list li img{display:block; width:100%;}
.img-list li .text{display:flex; align-items:center; justify-content:center; width:100%; height:50px; color:#333; background-color: #f7f7f7; border-top:1px solid #ccc;}

.sub-lineBox{background-color:#f7f7f7; border-width:2px 0 1px; border-color:#333 transparent #cdcdcd; border-style:solid;}

/* 개인정보처리방침 */
.privacy_w .sub-iconTitle.type2[id^=target]{padding-left: 50px;}
.privacy_w .sub-iconTitle.type2[id^=target]::before{content:''; display:block; width:44px; height:45px; position:absolute; top: 50%; left: 0; transform: translateY(-50%);}
.privacy_w #target1::before{background:url('/resources/nie/images/sub/info-btnWrap02_01.png');}
.privacy_w #target2::before{background:url('/resources/nie/images/sub/info-btnWrap02_02.png');}
.privacy_w #target3::before{background:url('/resources/nie/images/sub/info-btnWrap02_03.png');}
.privacy_w #target4::before{background:url('/resources/nie/images/sub/info-btnWrap02_04.png');}
.privacy_w #target5::before{background:url('/resources/nie/images/sub/info-btnWrap02_05.png');}
.privacy_w #target6::before{background:url('/resources/nie/images/sub/info-btnWrap02_06.png');}
.privacy_w #target7::before{background:url('/resources/nie/images/sub/info-btnWrap02_07.png');}
.privacy_w #target8::before{background:url('/resources/nie/images/sub/info-btnWrap02_08.png');}
.privacy_w #target9::before{background:url('/resources/nie/images/sub/info-btnWrap02_09.png');}
.privacy_w #target10::before{background:url('/resources/nie/images/sub/info-btnWrap02_10.png')}
.privacy_w #target11::before{background:url('/resources/nie/images/sub/info-btnWrap02_11.png')}
.privacy_w #target12::before{background:url('/resources/nie/images/sub/info-btnWrap02_12.png')}
.privacy_w #target13::before{background:url('/resources/nie/images/sub/info-btnWrap02_13.png')}
.privacy_w #target14::before{background:url('/resources/nie/images/sub/info-btnWrap02_14.png')}
.privacy_w #target15::before{background:url('/resources/nie/images/sub/info-btnWrap02_15.png')}



/* required txt */
.required-wrap{display:flex; align-items:Center;}
.required-wrap a{margin-top:0;}
.required-txt{font-size:16px; color:#666;}
.required-txt::before{content:'*'; font-size:inherit; color:#f40e0e; font-weight:600;}
.required-txt span.required02{text-indent: -9999px;overflow: hidden; font-size: 0;}

.required-txt.type2{display:flex; align-items:center; font-size:16px; font-weight:500; color:#e5006a;}
.required-txt.type2::before{content:''; display:block; min-width:18px; height:18px; margin-right:6px; background:url('/resources/nie/images/layout/required.png') center center no-repeat;}

/* board category */
.board-category{display:inline-flex; font-size:15px; color:#fff; height:25px; min-width:50px; padding:0 8px; justify-content:center; align-items:center; text-align:center; border-radius:3px; font-weight:400; margin-right:15px; white-space:nowrap;}
.board-category.brown{background:#7a3c26;}
.board-category.green{background:#298e68;}
.board-category.blue{background:#3d7bb6;}
.board-category.darkgreen{background:#6e8e29;}
.board-category.darkengreen{background:#037a4e;}
.board-category.darkbrown{background:#7a3c26;}
.board-category.cyan{background:#0cafaf;}

/* board sub category */
.board-subCategory{font-size:16px; color:#037a4e; font-weight:600; margin-right:15px;}

/* board tab */
.board-tab{display:flex; margin:0 0 30px;}
.board-tab.type2{margin:-1px 0 0;}
.search-tab{position:relative; display:flex; max-width:1400px; margin:0 auto 40px;}
.search-tab::before,
.search-tab::after{content:''; position:absolute; bottom:0; display:block; width:calc(((100vw - 18px) - 100%) / 2); height:1px; background-color:#ccc;}
.search-tab::before{left:calc((100% - (100vw - 18px)) / 2);}
.search-tab::after{right:calc((100% - (100vw - 18px)) / 2);}
.board-tab a,
.search-tab a{flex:1; display:flex; align-items:center; justify-content:center; height:40px; font-size:16px; color:#888; text-align:center; position:relative; background:#f7f7f7; border-width:1px 0; border-style:solid; border-color:#cdcdcd; line-height:1;}
.search-tab a:first-child,
.board-tab a:first-child{border-width:1px 0 1px 1px;}
.board-tab a:last-child{border-width:1px 1px 1px 0;}
.board-tab a:not(:last-child)::after{content:''; display:block; width:1px; height:15px; background:#cdcdcd; position:absolute; right:-1px; top:50%; transform:translateY(-50%);}
.board-tab a.active{background:#fff; border-bottom:1px solid #fff; color:#037a4e; font-weight:600; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.board-tab.books a.active{cursor: default;}
.search-tab a.active{background:#fff; border-bottom:0; border-width:0 1px; border-style:solid; border-color:#ccc; font-weight:600; color:#037a4e;}
.board-tab a.active::before,
.search-tab a.active::before{content:''; display:block; width:calc(100% + 1px); height:3px; position:absolute; top:-1px; left:0; background:#037a4e;}
.board-tab a.active::after,
.search-tab a.active::after{height:100%;}
.board-tab a:not(:first-child)::after,
.search-tab a:not(:first-child)::after{content:''; position:absolute; top:50%; transform:translateY(-50%); left:-1px; display:block; width:1px; height:15px; background-color:#cdcdcd; }
.search-tab a:last-child{border-right:1px solid #ccc;}

.board-tab.type2{}
.board-tab.type2 a.active{border-width:1px;}

.board-wrap .board-item{display:none;}
.board-wrap .board-item.active{display:block;}

.board-tab[class*=tabCol-] { flex-wrap: wrap; }
.board-tab[class*=tabCol-] a { flex: none; margin-top: -1px; height: 50px; }
.board-tab.tabCol-5 a { width: 20%; }
.board-tab.tabCol-5 a:nth-child(5n) { border-right-width: 1px; }
.board-tab.tabCol-5 a:nth-child(5n+1) { border-left-width: 1px; }

/* board search */
.board-search{display:flex; justify-content:space-between; align-items:center; background:#f7f7f7; padding:20px 40px; margin:0 0 30px;}
.board-search__info{display:flex;}
.board-search__info p{font-size:15px; color:#888; display:flex; align-items:center;}
.board-search__info p:not(:last-child){margin-right:15px;}
.board-search__info p:not(:last-child)::after{content:''; display:block; width:1px; height:15px; background:#ddd; margin-left:15px;}
.board-search__info p span{color:#037a4e; font-weight:600;}
.board-search__write{display:flex;}
.board-search__write.type2{flex-direction:column;}
.board-search__write.type2 .item{display:flex;}
.board-search__write.type2 .item:not(:nth-last-of-type(1)){margin-bottom:10px;}
.board-search select{width:180px; height:45px; border:1px solid #ccc; padding:0 20px; border-radius:3px; margin-right:10px; font-size:15px;}

.board-search__write input[type="text"]:not(.datepicker),
.comment .reply input[type="text"]{width:550px; height:45px; border:1px solid #ccc; padding:0 20px; border-radius:3px; margin-right:10px; font-size:15px;}

.board-search__write button[type="submit"],
.board-search__write button.submit{min-width:45px; height:45px; display:block; text-indent:-9999px; overflow:hidden; background:url('/resources/nie/images/board/board-icons_07.png') no-repeat center center #3d3d3d; border-radius:3px;}
.board-search .board-search__write input[type="text"]:not(.datepicker){max-width:940px;}
.board-search.type2 .board-search__write input[type="text"]:not(.datepicker){flex:1 0 0; width:auto; min-width:570px;}

.board-search2{padding:30px 140px; background-color:#f7f7f7;}
.board-search2 form{display:flex; flex-wrap:wrap;}
.board-search2 .search-wrap2{position:relative; display:flex; height:60px; flex:1; border:3px solid #037a4e; border-radius:3px;}
.board-search2 .search-wrap2 > select{background-image:url('/resources/nie/images/board/ico_search_arr1.png'); width:170px; border:0; font-size:18px; font-weight:500; color:#037a4e; border:0; padding:0 20px;}

.search-wrap2 > .select{display:none;}
.search-select{width:170px; border:0; position:relative;}
.search-select > a{align-items:center; background:url('/resources/nie/images/board/ico_search_arr1.png') right 20px center #fff no-repeat; }
.search-select a{display:flex; height:100%; padding:0 20px; font-size:18px; font-weight:500; color:#037a4e; border-right:3px solid transparent; transition:all .4s;}
.search-select a.active{border-color:#037a4e;}
.search-select .select-selected{position:relative; left:-3px; top:0; z-index:100; border-width:0 3px 3px; border-style:solid; border-color:#fff #037a4e #037a4e; border-radius:3px; background-color:#fff; box-shadow:7px 7px 10px rgba(36,41,51,.15); overflow:hidden; opacity:0; visibility:hidden; transition:all .4s; width:calc(100% + 3px);}
.search-select .select-selected li{}
.search-select .select-selected > li > a{display:flex; height:40px; font-size:18px; color:#999; line-height:1; text-decoration:underline; text-underline-position:under; text-decoration-color:transparent; transition:all .4s;}
.search-select .select-selected > li > a:hover,
.search-select .select-selected > li > a:focus{font-weight:500; color:#037a4e; text-decoration-color:#037a4e;}
.search-select .select-selected.active{opacity:1; overflow:visible; visibility:visible;}

.search-select > li{height:100%;}
.search-select > li > a{display:none; height:100%; padding:0 20px; font-size:18px; color:#999; line-height:1;}
.search-select > li > a.active{display:flex; font-weight:500; color:#037a4e;}
.board-search2 .search-wrap2 input[type="text"].search{position:relative; flex:1; border:0; padding:0 60px 0 20px; font-size:18px; }
/* .board-search2 .search-wrap input[type="text"].search::placeholder{color:#8f8f8f;} */
/* .board-search2 .search-wrap input[type="text"].search::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; display:block; width:1px; height:20px; background-color:#cdcdcd;} */
.board-search2 .search-wrap2 .search-btn{position:absolute; right:0; display:flex; margin-left:auto; justify-content:flex-end; margin:-3px -3px 0 0; border-radius:3px; align-items:center; min-width:60px; height:60px; background:url('/resources/nie/images/board/ico_search.png') center center #037a4e no-repeat; text-indent:-9999px; overflow:hidden;}
.board-search2 .board-btn{position:relative; display:flex; justify-content:space-between; align-items:center; width:150px; height:60px; margin:0 0 0 10px; padding:0 20px; border-radius:3px; border:1px solid #ccc; font-size:18px; font-weight:500; color:#666; background-color:#fff;}
.board-search2 .board-btn::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:20px; display:block; border-radius:3px; width:12px; height:7px; background:url('/resources/nie/images/board/ico_search_arr2.png') right center no-repeat; transition:all .4s;}
.board-search2 .board-btn.active::after{transform:translateY(-50%) rotate(180deg);}
.search-division{display:none; width:100%; background-color:#fff; border:1px solid #ccc; border-radius:3px; margin-top:20px; padding:0 20px;}
.search-division li{display:flex; align-items:center; height:55px; }
.search-division li:not(:last-child){border-bottom:1px solid #ccc; }
.search-division li .title{position:relative; min-width:150px; text-align:center; font-size:16px; font-weight:500; color:#333; line-height:1;}
.search-division li .title::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; display:block; width:1px; height:20px; background-color:#cdcdcd;}
.search-division li .cont{padding:0 20px;}

.search-division .board-datepicker{height:32px; padding:0 10px;}
.search-division .board-datepicker input[type="text"]{}
.search-division .board-datepicker span{}
.search-division input[type="radio"]:not(:last-child){}
.search-division input[type="radio"] + label{font-size:15px; color:#666; line-height:1;}
.search-division input[type="radio"]:not(:last-child) + label{margin-right:40px;}

/*
.sub-page input[type="radio"] + label::before,
.sub-page input[type="checkbox"] + label::before{border:1px solid #888; background-color:#fff;}
.sub-page input[type="radio"]:checked + label::before,
.sub-page input[type="checkbox"]:checked + label::before{border:1px solid #888;}
.sub-page input[type="radio"] + label::after,
.sub-page input[type="checkbox"] + label::after{transition:all .4s;}
.sub-page input[type="radio"]:checked + label::after,
.sub-page input[type="checkbox"]:checked + label::after{border-radius:100%; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='green'/%3e%3c/svg%3e");}
*/

.board-result{display:flex; justify-content:space-between;}
.board-result mark{padding: 0;background-color: transparent;color: #e53178 !important;}

.board-result .result{flex:1; font-size:20px; color:#666;}
.board-result .result-info{text-align:center;}
.board-result .result-info::after{content:''; display:block; width:100%; height:1px; margin-top:40px; background:url('../images/main/dot.jpg') center center;}
.board-result .result-info span,
.board-result .result-info .sum{font-size:20px; font-weight:600; color:#037a4e; line-height:1;}

.board-result .result-content:not(:last-child){margin-bottom:40px;}

.board-result > .result > .result-content > .title{display:flex; align-items:center; justify-content:space-between; margin:0 0 40px; padding-top:40px; line-height:1;}
.board-result > .result > .result-content > .title span{font-weight:600; line-height:1;}
.board-result > .result > .result-content > .title .more{font-size: 16px; font-weight:400; color:#8f8f8f; line-height:1;}
.board-result > .result > .result-content > .title .more::after{content:'>'; margin-left:10px;}


.result-content__list{}
.result-content__list > li{}
.result-content__list > li:not(:last-child){margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #333;}
.result-content__list > li a{display:block; text-align:left;}
.result-content__list > li .subject{font-size:18px; color:#333; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; margin-bottom:10px; line-height:1;}
.result-content__list > li .txt{white-space:normal; word-break:break-all; font-size:16px; color:#666; line-height:1.4;}
.result-content__list > li .subject span,
.result-content__list > li .txt span{color: #e53178;}
.result-content__list > li .path{font-size:16px; color:#666; display:block; margin-top:10px; line-height:1;}
.result-content__list > li .date{font-size:14px; color:#666; display:block; margin-top:10px; line-height:1;}


.board-result .search-list{width:250px; padding:0 0 40px 30px; margin-left:30px; border-left:1px solid #cdcdcd;}
.board-result .search-list > li{}
.board-result .search-list > li:not(:last-child){margin-bottom:40px;}
.board-result .search-list .rank{}
.rank-tab{display:flex; border-width:0 1px 0 0; border-style:solid; border-color:#ccc;}
.rank-tab a{position:relative; flex:1; display:flex; align-items:center; justify-content:center; height:32px; font-size:16px; color:#888; border-width:1px 0 1px 1px; border-style:solid; border-color:#ccc; transition:all .4s;}
.rank-tab a.active{background-color:#037a4e; font-weight:500; color:#fff; border-color:#037a4e;}
.rank-tab a::before{content:''; position:absolute; top:-1px; right:-1px; width:1px; height:calc(100% + 2px); background-color:transparent;}
.rank-tab a.active::before{background-color:#037a4e;}
.rank-content{display:none;}
.rank-content.active{display:block;}
.board-result .search-list .record{}
.board-result .record .title,
.board-result .rank .title{display:block; width:100%; height: 25px; line-height:1; font-size:16px; font-weight:500; color:#666; border-bottom:1px solid #ccc;}
.board-result .record .record-list{padding-top:15px;}
.board-result .record .record-list li{display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:400; color:#888; line-height:1;}
.board-result .record .record-list li:not(:last-child){margin-bottom:9px;}
.board-result .record .record-list li a{word-break:break-all;}
.board-result .record .record-list .remove-btn{display:flex; min-width:19px; height:19px; margin-left:5px; border-radius:3px; border:1px solid #ccc; text-indent:-9999px; overflow:hidden; background:url('../images/board/ico_search_close.png') center center no-repeat;}
.board-result .rank-list{margin-top:15px;}
.board-result .rank-list li{}
.board-result .rank-list li:not(:last-child){margin-bottom:10px;}
.board-result .rank-list li a{display:flex; align-items:center; font-size:15px; font-weight:400; color:#8f8f8f; line-height:1;}
.board-result .rank-list li a.up::after,
.board-result .rank-list li a.down::after{content:''; display:block; width:12px; height:15px; background-repeat:no-repeat; background-position:0 0; margin-left:auto;}
.board-result .rank-list li a.up::after{background-image:url('../images/sub/total_arrows_03.png');}
.board-result .rank-list li a.down::after{background-image:url('../images/sub/total_arrows_06.png');}
.board-result .rank-list li span{display:flex; align-items:center; justify-content:center; margin-right:10px; min-width:19px; height:19px; font-size:11px; border:1px solid #ccc; border-radius:2px;}

/* board datepicker */
.board-datepicker{display:flex; align-items:center; justify-content:space-between; width:380px; height:45px; border:1px solid #ccc; background:#fff; padding:0 20px; margin-right:10px; border-radius:3px;}
.board-datepicker input[type="text"]{width:130px; border:0; height:100%; margin:0 auto; padding:0; background:url('/resources/nie/images/board/board-icons_03.png') no-repeat right center; font-size:15px;}
.board-datepicker span{font-size:15px; color:#666;}

/* board pagination */
.board-pagination{margin-top:30px; display:flex; justify-content:center;}
.board-pagination a{display:block; width:30px; height:30px;}
.board-pagination a.arrow{text-indent:-9999px; overflow:hidden; background-position:center center; background-repeat:no-repeat; border-style:solid; border-color:#ccc;}
.board-pagination a.arrow.first{border-width:1px; background-image:url('/resources/nie/images/board/board-icons_30.png');}
.board-pagination a.arrow.prev{border-width:1px 1px 1px 0; background-image:url('/resources/nie/images/board/board-icons_36.png'); margin-right:20px;}
.board-pagination a.arrow.next{border-width:1px 0 1px 1px; background-image:url('/resources/nie/images/board/board-icons_39.png'); margin-left:10px;}
.board-pagination a.arrow.last{border-width:1px; background-image:url('/resources/nie/images/board/board-icons_33.png');}
.board-pagination a:not(.arrow){display:flex; align-items:center; justify-content:center; font-size:15px; color:#666; font-weight:300; margin-right:10px;}
.board-pagination a:not(.arrow).active{background:#3d3d3d; color:#fff; font-weight:600;}

/* board poster */
.board-poster{border-top:2px solid #3f3f3f;}
.board-poster > li{display:flex; padding:40px; border-bottom:1px solid #cdcdcd;}
.board-poster__img{display:block; width:285px; height:390px;}
.board-poster__img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);}
.board-poster__info{flex:1; margin-left:40px; padding-top:40px;}
.board-poster__info .subject{font-size:26px; color:#222; font-weight:600; line-height:1; display:flex; align-items:center; margin-bottom:30px;}
.board-poster__list{padding-bottom:30px; background:url('/resources/nie/images/layout/dot-repeat_03.png') repeat-x 0 bottom; margin-bottom:30px;}
.board-poster__list > li{display:flex;}
.board-poster__list > li:not(:last-child){margin-bottom:15px;}
.board-poster__list .title{display:flex; align-items:center; font-size:18px; color:#333; font-weight:600; line-height:1; width:85px; margin-right:20px;}
.board-poster__list .title::before{content:'· '; font-size:inherit; color:inherit; font-weight:inherit;}
.board-poster__list .txt{font-size:18px; color:#666; line-height:1; flex:1;}
.board-poster__info > .txt{overflow:hidden; height:80px; font-size:16px; color:#666; line-height:1.6; margin-bottom:35px;}
.board-poster__info .link{display:flex; align-items:center; justify-content:space-between; width:160px; height:40px; font-size:17px; color:#6d6d6d; font-weight:500; border:1px solid #8d8d8d; border-radius:3px; padding:0 20px; transition:all .4s;}
.board-poster__info .link::after{content:''; display:block; width:7px; height:12px; background:url('/resources/nie/images/board/board-icons_16.png') no-repeat 0 0; transition:all .4s;}
.board-poster__info .link:focus,
.board-poster__info .link:hover{color:#fff; background:#3d3d3d; border-color:#3d3d3d;}
.board-poster__info .link:focus::after,
.board-poster__info .link:hover::after{background-image:url('/resources/nie/images/board/board-icons_18.png');}
.board-poster__info .btnItem{display:flex; justify-content:flex-start;}

/* board table */
.board-table{border-top:2px solid #3f3f3f; width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
.board-table thead{}
.board-table thead th{font-size:18px; color:#333; font-weight:500; height:60px; border-bottom:1px solid #3f3f3f; text-align:center;}
.board-table thead th span{display:block; font-size:14px; font-weight:400; line-height:1;}
.board-table tbody{}
.board-table tbody td{font-size:18px; color:#666; text-align:center; height:60px; border-bottom:1px solid #d7d7d7; line-height:1.35}
.board-table .board-category{margin:0 auto;}
.board-table tbody td a{text-align:left; display:block; align-items:center; height:auto; width:auto; padding:5px}
.board-table tbody td a:focus,
.board-table tbody td a:hover{text-decoration:underline;}
.board-table tbody td a .new{display:inline-flex; align-items:center; justify-content:center; margin-left:15px; width:36px; height:18px; border-radius:3px; font-size:12px; font-weight:500; color:#fff; line-height:1; background-color:#e5006a;}
.board-table tbody td .file{display:block; width:15px; height:19px; background:url('/resources/nie/images/board/board-table-file_03.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; margin:0 auto;}
.board-table tbody tr.notice td{background:#f7f8f0;}
.board-table tbody tr.notice td.number{color:#037a4e; font-weight:600;}
.board-table tbody tr.comment a{display:flex;}
.board-table tbody tr.comment a::before{content:''; display:block; width:15px; height:13px; background:url('/resources/nie/images/board/board-list-comment_03.png') no-repeat 0 0; margin-right:8px; position:relative; top:3px;}
.board-table tbody td .reply{display:inline-flex; align-items:center; justify-content:center; width:70px; height:25px; font-size:15px; font-weight:500; line-height:1; border-radius:3px;}
.board-table tbody td .wait{background-color:#f2f2f2; color:#666; }
.board-table tbody td .finish{background-color:#6f6f6f; color:#fff; }

.board-table.type2 thead th,
.board-table.type2 tbody td{font-size:16px;}
.board-table.type2 tbody td{padding:0 10px;}
.board-table.type2 tbody td span{display:block; font-size:14px; line-height:1;}

.board-table.type3{}
.board-table.type3 thead{}
.board-table.type3 thead tr,
.board-table.type3 tbody tr{border-left:1px solid #cdcdcd; }
.board-table.type3 thead th{border-right:1px solid #cdcdcd; font-size:15px; font-weight:600; color:#333;}
.board-table.type3 tbody th{background-color:#f7f7f7; font-size:15px; font-weight:600; color:#333; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:center;}
.board-table.type3 tbody td{border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-size:15px;}

.board-table2{width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; }
.board-table2 thead{}
/* .board-table2 thead tr th:first-child{border-left:1px solid #037a4e;} */
.board-table2 thead th{position:relative;}
.board-table2 thead th:not(:last-child)::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; display:block; width:1px; height:20px; background-color:#67af94;}
/* .board-table2 thead th:first-child{border-radius:2px 0 0 0;} */
.board-table2 thead th:last-child{ border-radius:0 2px 0 0;}
.board-table2 thead th,
.board-table2 tbody th,
.board-table2 tbody td{height:50px; padding:10px; background-color:#037a4e; font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:1.8;}
.board-table2 tbody{}
.board-table2 tbody tr{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; }
.board-table2 tbody th{background-color:#f7f8f0; font-size:16px; font-weight:500; color:#037a4e; line-height:1.4; text-align:center; border:1px solid #cdcdcd;}
.board-table2 tbody td{background-color:#fff; font-weight:400; color:#666; border:1px solid #cdcdcd; padding:5px 10px;}
.board-table2 tbody td a{font-weight:400; color:#666;}
.board-table2 tbody td:not(:last-child){border-right:1px solid #cdcdcd;}
.board-table2 tbody .table-list{padding:0;}
.board-table2 tbody td.table-list ul{height:100%;}
.board-table2 tbody td.table-list li{display:flex; align-items:center; justify-content:center; height: calc(100% / 3); }
.board-table2 tbody td.table-list li:not(:last-child){border-bottom:1px solid #cdcdcd;}
.board-table2 tfoot th,
.board-table2 tfoot td{height:50px; padding:10px; background-color:#fff; font-weight:400; color:#666; border:1px solid #cdcdcd; text-align:center;}

.board-table2.type2{border-top:2px solid #037a4e;}
.board-table2.type3{border-top:2px solid #037a4e;}

.board-table3{}
.board-table3 tbody tr{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd;}
.board-table3 tbody tr:last-child{border-bottom:1px solid #cdcdcd;}
.board-table3 tbody th,
.board-table3 tbody td{min-height:50px; border-left:1px solid #cdcdcd; font-size:15px; padding:15px 10px;}
.board-table3 tbody th{font-weight:600; color:#333;}
.board-table3 tbody td{font-weight:400; color:#666;}
.board-table3 tbody td:nth-child(2){font-weight:500; color:#333; text-align:center;}

/* board gallery */
.board-gallery{display:flex; flex-wrap:wrap; }
.board-gallery li{width:calc((100% / 4) - 30px);}
.board-gallery li:not(:nth-child(4n)){margin-right:40px;}
.board-gallery li:not(:nth-child(-n + 4)){margin-top:40px;}
.board-gallery li a{display:block;}
.board-gallery li a .img{display:block; margin:0 0 20px; height:240px; position:relative; overflow:hidden;}
.board-gallery li a .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; min-width:100%; min-height:auto; max-width:none;}
.board-gallery li a .category{font-size:16px; color:#037a4e; font-weight:600; line-height:1; display:block; margin:0 0 15px;}
.board-gallery li a .subject{font-size:18px; font-weight:400; color:#111; display:block; line-height:1.6; max-height:64px; height:64px; overflow:hidden; padding:0 0 15px; margin-bottom:13px; background:url('/resources/nie/images/layout/dot-repeat_03.png') repeat-x 0 bottom; text-align:left; word-break: break-all; }
.board-gallery.picList li a .subject { height: auto; background: none; }
.board-gallery li a:focus .subject,
.board-gallery li a:hover .subject{text-decoration:underline;}
.board-gallery li a .info{display:flex; justify-content:space-between;}
.board-gallery li a .info__name{font-size:16px; font-weight:400; color:#666; line-height:1;}
.board-gallery li a .info__date{font-size:16px; font-weight:400; color:#666; line-height:1;}

.board-gallery.type2 li a .img{height:428px; background:#f8f8f8; padding:65px 50px; text-align:center;}
.board-gallery.type2 li a .img img{box-shadow:5px 5px 7px rgba(0,0,0,.2); width:100%;}

.board-gallery.ratio a .img{height: auto !Important; padding-bottom: 100%;}

.board-gallery.major li a .img { height: auto !important; aspect-ratio: 16 / 9; }
.board-gallery.major li a .img img { position: static; transform: none; min-width: auto; height: 100%; object-fit: cover; object-position: center;  }

.board-gallery.type3{}
.board-gallery.type3 li{}
.board-gallery.type3 li a .img{width:100%; height:240px; background-color:#ccc; position:relative; overflow:hidden;}
.board-gallery.type3 li a .subject{font-size:16px; color:#111; line-height:1; font-style:italic;}
.board-gallery.type3 li a .subject span{display:block; margin-bottom:10px; font-size:20px; color:#111; line-height:1; font-style:normal;}
.board-gallery.type3 li a .subject b{font-weight:600; line-height:1;}
.board-gallery.type3 li a .subject span span{font-style:italic;}
.board-gallery.type3 li a .info{height:66px; color:#666; line-height:1.4; overflow:hidden; font-size:16px;}

.search-board li a .info{display:block;}


/* board faq */
.board-faq{border-top:2px solid #3f3f3f;}
.board-faq__head{display:flex; width:100%;}
.board-faq__head li{font-size:18px; color:#333; font-weight:500; display:flex; align-items:center; justify-content:center; text-align:center; height:60px; border-bottom:1px solid #3f3f3f;}
.board-faq__head li:nth-child(1){width:10%;}
.board-faq__head li:nth-child(2){width:10%;}
.board-faq__head li:nth-child(3){width:80%;}
.board-faq__body{}
.board-faq__body li{}
.board-faq__body > li > a{display:flex; border-bottom:1px solid #d7d7d7; height:60px; position:relative; align-items:center;}
.board-faq__body > li > a::after{content:''; display:block; width:12px; height:7px; background:url('/resources/nie/images/board/board-faq-arrow_03.png') no-repeat 0 0; position:absolute; top:50%; transform:translateY(-50%) rotate(180deg); right:40px; opacity:.8; transition:all .4s;}
.board-faq__body > li > a.active::after{transform:translateY(-50%) rotate(0deg); opacity:1;}
.board-faq__body > li > a > span{display:flex; align-items:center; justify-content:center; align-items:center;}
.board-faq__body > li > a > span:nth-child(1){width:10%; text-align:center;}
.board-faq__body > li > a > span:nth-child(2){width:10%;}
.board-faq__body > li > a > span:nth-child(3){width:80%; justify-content:flex-start;}
.board-faq__body .board-category{margin-right:0;}
.board-faq__body > li > a.active + .board-faq__item{max-height:1000px; visibility:visible;}
.board-faq__item{max-height:0; overflow:hidden; transition:all .4s; background:#f7f7f7; visibility:hidden; border-bottom:1px solid #d7d7d7}
.board-faq__item .inner{padding:30px 20px;}
.board-faq__item p{font-size:18px; color:#666; line-height:1.6; }

/* board-imglist */
.text-box{display:flex; justify-content:center; align-items:center; padding:20px; min-height:130px; border-radius:3px; border:1px solid #ccc; margin-bottom:30px;}
.text-box img{margin-right:30px;}
.text-box p{font-size:20px; font-weight:400; color:#666; line-height:1;}
.text-box p span{font-size:20px; font-weight:500; color:#037a4e; line-height:1;}

.board-imglist{border-top:2px solid #3f3f3f;}
.board-imglist > li{border-bottom:1px solid #cdcdcd;}
.board-imglist > li a{display:flex; padding:40px; align-items:center;}
.board-imglist > li .img{width:285px; height:215px; overflow:hidden; position:relative;}
.board-imglist > li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; min-width:auto; min-height:100%; max-width:none;}
.board-view2 .txt-wrap{display:flex; flex-direction:column; justify-content:flex-start;  }
.board-view2 .txt-wrap,
.board-imglist .txt-wrap{margin-left:40px; flex:1;}
.board-view2 .txt-wrap .category,
.board-imglist .txt-wrap .category{display:flex; align-items:center; line-height:1; margin-bottom:15px;}
.board-view2 .txt-wrap .category span,
.board-imglist .txt-wrap .category span{display:flex; align-items:center; font-size:16px; font-weight:400; color:#666; line-height:1;}
.board-view2 .txt-wrap .category span:not(:last-child)::after,
.board-imglist .txt-wrap .category span:not(:last-child)::after{content:''; display:block; width:15px; height:15px; margin:0 10px; background:url('/resources/nie/images/sub/category-arrow.png') center center no-repeat;}
.board-view2 .txt-wrap > .title{display:flex; align-items:flex-end;}
.board-view2 .txt-wrap > .title p,
.board-imglist .txt-wrap > .title{font-size:26px; font-weight:600; color:#222; line-height:1;}
.board-view2 .txt-wrap > .title span,
.board-imglist .txt-wrap > .title span{margin-left:15px; font-weight:300; line-height:1; font-style:italic;}
.board-view2 .txt-wrap > .title > .btn-more{margin:10px 0 0;}

.board-view2.half{border-top: 0;}
.board-view2.half .txt-wrap{width: 48%; margin-left: 0; flex:none}

.board-view2 .list-wrap{}
.board-view2 .list-wrap .title{font-size:18px; font-weight:600; color:#666; line-height:1; }
.board-view2 .list-wrap .list{margin:15px 0 20px;}
.board-view2 .list-wrap .list li{line-height:1; font-size:18px; color:#666; line-height:1; }
.board-view2 .list-wrap .list li:not(:last-child){margin-bottom:15px;}

.board-view2 .txt-wrap > .list,
.board-imglist .txt-wrap > .list,
.board-view2 .txt-wrap .title + .list-wrap{margin:30px 0 0;}
.board-view2 .txt-wrap .title + .list-wrap::before,
.board-view2 .txt-wrap > .list::before{content:''; display:block; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg'); margin-bottom:30px;}

.board-view2 .txt-wrap > .list > li,
.board-imglist .txt-wrap > .list > li{display:flex; align-items:flex-start; line-height:1;}
.board-view2 .txt-wrap > .list > li:not(:last-child),
.board-imglist .txt-wrap > .list > li:not(:last-child){margin-bottom:15px;}
.board-view2 .txt-wrap > .list > li:before,
.board-imglist .txt-wrap > .list > li::before{content:''; display:block; min-width:4px; height:4px; background-color:#333; border-radius:100%; margin:8px 12px 0 0;}
.board-view2 .txt-wrap > .list > li .title,
.board-imglist .txt-wrap > .list > li .title{display:inline-block; text-align:justify; margin:0 20px 0 0; min-width:64px; font-size:18px; font-weight:600; color:#333; line-height:1.2; height:20px; overflow:hidden;}
.board-view2 .txt-wrap > .list > li .title::after,
.board-imglist .txt-wrap > .list > li .title::after{content:''; display:inline-block; width:100%;}
.board-view2 .txt-wrap > .list li .txt,
.board-imglist .txt-wrap > .list li .txt{font-size:18px; color:#666; line-height:1.2; }


/* board view */
.board-view,
.board-view2{border-style:solid; border-width:2px 0 1px; border-color:#3f3f3f;}
.board-view__info{padding:40px; border-bottom:1px solid #cdcdcd;}
.board-view__info .subject{display:flex; align-items:center; font-size:26px; color:#222; font-weight:600; padding:0 0 30px; background:url('/resources/nie/images/layout/dot-repeat_03.png') repeat-x 0 bottom;}
.board-view__list{margin-top:30px;}
.board-view__list li{display:flex; /* align-items:center; */ align-items:flex-start;}
.board-view__list li:not(:last-child){margin-bottom:15px;}
.board-view__list li .title{font-size:18px; color:#333; font-weight:600; display:flex; align-items:center; margin:0 20px 0 0; line-height:1;}
.board-view__list li .title::before{content:'·'; font-size:inherit; color:inherit; font-weight:inherit; margin:0 15px 0 0;}
.board-view__list li .txt{font-size:18px; color:#666; line-height:1;}
.board-view__list li .txt:not(:last-child){margin-right:10px;}
.board-view__list li.file{align-items:baseline;}
.board-view__list li.file .fileList{}
.board-view__list li.file .fileList > li{display:flex; align-items:center;}
.board-view__list li.file .fileList > li .item{display:flex; align-items:flex-start;}
.board-view__list li.file .fileList > li .item::before{content:''; display:block; min-width:15px; height:19px; background:url('/resources/nie/images/board/board-table-file_03.png') no-repeat 0 0; vertical-align:-2px; margin-right:8px;}
.board-view__list li.file .fileList > li .btn-preview{margin-left:8px;}

.board-view__list.type2{flex-wrap:wrap; display:flex;}
.board-view__list.type2 li{min-width:calc(100% / 3);}
.board-view__list.type2 li:not(:nth-child(-n + 3)){margin-top:10px;}
.board-view__content{}
.board-view__content .content{padding:40px;}
.board-view__content p{font-size:16px; color:#666; line-height:1.6;}

.board-view2{display:flex; flex-wrap:wrap; justify-content:space-between; padding:40px;}
.board-slider{}
.board-slider .btn-write.download{display:flex; margin:10px 0 0;}
.board-slider .slider{}
.board-thumbnail{padding:30px 40px; border-width:0 1px 1px; border-style:solid; border-color:#ccc;}
.board-thumbnail > a{display:flex; flex-wrap:wrap;}

.board-view2 .txt-wrap{margin-left:40px; flex:1;}
.board-view2 .board-slider{width:620px;}
.board-slider .slider-wrap{position:relative; }
.board-slider .slider-wrap .arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:99; text-indent:-9999px; overflow:hidden; display:block; width:18px; height:34px; }
.board-slider .slider-wrap .prev{left:30px; background:url('/resources/nie/images/layout/slider_arrow_prev.png') center center no-repeat;}
.board-slider .slider-wrap .next{right:30px; background:url('/resources/nie/images/layout/slider_arrow_next.png') center center no-repeat;}
.board-slider .slider-wrap .slider{width:620px; overflow:hidden; border:1px solid #ccc;}
.board-slider .slider-wrap .slider .slick-slide{display:flex; height:465px; overflow:hidden; position:relative;}
.board-slider .slider-wrap .slider .slick-slide:before{content: ''; position: absolute; width: 100%; height: 100%; /* background: url('/resources/nie/images/sub/watermark.png') no-repeat center; */ z-index: 1;}

.board-slider .slider-logo .slider .slick-slide{ position:relative;}
.board-slider .slider-logo .slider .slick-slide:before{content: ''; position: absolute; width: 100%; height: 100%; background: url('/resources/nie/images/sub/watermark.png') no-repeat center; z-index: 1;}

.board-slider .slider-wrap .slider img{height:auto; width:auto; position:absolute; top:50%; left:50%; min-width:auto; /* min-height:100%; max-width:none; */ transform:translate(-50%, -50%);}
/* .board-view2 .board-thumbnail{display:flex; flex-wrap:wrap; justify-content:flex-start;} */

.board-view2 .board-thumbnail a{position:relative; display:block; /* width:120px; */ text-align:center; overflow:hidden; margin: 0 5px;}
/* .board-view2 .board-thumbnail a:not(:nth-child(4n)){margin-right:25px;}
.board-view2 .board-thumbnail a:nth-child(n+5){margin-top:25px;} */

.board-view2 .board-thumbnail a > div{position: relative; padding-bottom: 100%;}
.board-view2 .board-thumbnail a::after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('/resources/nie/images/layout/ico_more.png') center center rgba(0,0,0,.5) no-repeat; visibility:hidden; opacity:0; transition:all .4s;}
.board-view2 .board-thumbnail a:hover::after,
.board-view2 .board-thumbnail a:focus::after,
.board-view2 .board-thumbnail a.slick-current::after{visibility:visible; opacity:1; }

.board-view2 .board-thumbnail a:focus{outline:2px solid black; outline-offset:0;}
.board-view2 .board-thumbnail a img{height:100%; width:auto; min-width:auto; min-height:100%; max-width:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto; min-width:100%}

.board-thumbnail .slick-arrow{    width: 20px;
    height: 20px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -10px; white-space: nowrap; overflow: hidden;text-indent: -999px; background: none}
.board-thumbnail .slick-prev{left: 15px;
    transform: rotate(-45deg);}
.board-thumbnail .slick-next{right: 15px;
    transform: rotate(135deg);}

.txt-wrap .cont-box{flex:1; display:flex; flex-wrap:wrap; margin-top:30px; background-color:#f7f7f7; padding:30px;}
.txt-wrap .cont-box .title{font-size:16px; font-weight:600; color:#666; }
.txt-wrap .cont-box .title span{}
.txt-wrap .cont-box p{display:flex; flex-direction:column; justify-content:space-between;/* margin-top:35px; */ font-size:16px; color:#666; line-height:1.7;}
/* .txt-wrap .cont-box p:not(:nth-of-type(1)){margin-top:30px;} */


/* board photo list */
.board-photoList{}
.board-photoList__img,
.content-photoList__img{position:relative;  /* padding:20px 0; */ background:rgba(0,0,0,.2); text-align:center; overflow:hidden;}
.board-photoList__img img,
.content-photoList__img img{max-width:100%}
.board-photoList__img .arrow,
.content-photoList__img .arrow{position:absolute; top:50%; transform:translateY(-50%); display:block; width:18px; height:34px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; overflow:hidden; z-index:3;}
.board-photoList__img .arrow.prev,
.content-photoList__img .arrow.prev{background-image:url('/resources/nie/images/board/board-view-photo-icons_03.png'); left:40px;}
.board-photoList__img .arrow.next,
.content-photoList__img .arrow.next{background-image:url('/resources/nie/images/board/board-view-photo-icons_05.png'); right:40px;}
.board-photoList__thumbnail,
.content-photoList__thumbnail{padding:40px; border:1px solid #ccc;}
.board-photoList__thumbnail .slick-list,
.content-photoList__thumbnail .slick-list{margin-right:-20px;}
.board-photoList__thumbnail .slick-track,
.content-photoList__thumbnail .slick-track{display:flex;}
.board-photoList__thumbnail .slick-slide,
.content-photoList__thumbnail .slick-slide{width:120px; height:120px; margin-right:20px; position:relative; display:block; background-color:rgba(0,0,0,.2); overflow:hidden;}
.board-photoList__thumbnail .slick-slide:focus,
.content-photoList__thumbnail .slick-slide:focus{outline-offset:3px;}
.board-photoList__thumbnail .slick-slide::before,
.content-photoList__thumbnail .slick-slide::before{content:''; display:block; width:100%; height:100%; background:url('/resources/nie/images/board/board-view-photo-icons_10.png') no-repeat center center rgba(0,0,0,.5); opacity:0; transition:all .4s; position:absolute; top:0; left:0; z-index:3;}
.board-photoList__thumbnail .slick-slide.active::before,
.content-photoList__thumbnail .slick-slide.active::before{opacity:1;}
.board-photoList__thumbnail .slick-slide img,
.content-photoList__thumbnail .slick-slide img{height:100%; width:auto; min-width:auto; min-height:100%; /* max-width:none; */ max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto;}

.board-view.major .board-photoList__thumbnail .slick-slide img,
.board-view.major .content-photoList__thumbnail .slick-slide img { position: static; width: 100%; height: 100% !important; max-width: none; min-height: auto; object-fit: cover; object-position: center; transform: none; }

.board-view.major .board-photoList__img,
.board-view.major .content-photoList__img { aspect-ratio: 16 / 9; }
.board-view.major .board-photoList__img img,
.board-view.major .content-photoList__img img { width: 100%; max-width: none; height: 100% !important; object-fit: cover; object-position: center; }

/*  */
.sub-photoList{}
.sub-photoList__img{position:relative;}
.sub-photoList__img .slider{width:1120px; overflow:hidden;}
.sub-photoList__img .slick-list{}
.sub-photoList__img .slick-track{display:flex;}
.sub-photoList__img .slick-slide{position:relative;}
.sub-photoList__img .slick-slide img{width:100%;}
.sub-photoList__img .slick-slide .text{position:absolute; bottom:0; display:flex; justify-content:center; width:100%; height:30px; font-size:16px; font-weight:400; color:#fff;}

.sub-photoList__img .arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:10; display:block; width:18px; height:34px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; overflow:hidden;}
.sub-photoList__img .arrow.prev{background-image:url('/resources/nie/images/board/board-view-photo-icons_03.png'); left:40px;}
.sub-photoList__img .arrow.next{background-image:url('/resources/nie/images/board/board-view-photo-icons_05.png'); right:40px;}

.sub-photoList__thumbnail{position:relative; padding:40px; border:1px solid #ccc;}
.sub-photoList__thumbnail .slider{width:976px; overflow:hidden; margin:0 auto;}
.sub-photoList__thumbnail .slick-list{margin-right:-25px;}
.sub-photoList__thumbnail .slick-track{display:flex;}
.sub-photoList__thumbnail .slick-slide{height:79px; min-height:79px; margin-right:25px; position:relative; display:block; overflow:hidden;}
.sub-photoList__thumbnail .slick-slide:focus{outline-offset:2px;}
.sub-photoList__thumbnail .slick-slide::before{content:''; display:block; width:100%; height:100%; background:url('/resources/nie/images/board/board-view-photo-icons_10.png') no-repeat center center rgba(0,0,0,.5); opacity:0; transition:all .4s; position:absolute; top:0; left:0; z-index:1;}
.sub-photoList__thumbnail .slick-slide.slick-current::before{opacity:1;}
.sub-photoList__thumbnail .slick-slide img{position:absolute; height:auto; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:auto; max-width:none;}
.sub-photoList__thumbnail .arrow{position:absolute; top:50%; transform:translateY(-50%); display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; overflow:hidden;}
.sub-photoList__thumbnail .arrow.prev{background-image:url('/resources/nie/images/common/ico_arrow_l.png'); left:40px;}
.sub-photoList__thumbnail .arrow.next{background-image:url('/resources/nie/images/common/ico_arrow_r.png'); right:40px;}

/* .board-photoList__img .slider{height:680px;} */
.board-photoList__img .slick-track{display:flex;}

/* board nav */
.board-nav{border-top:1px solid #d7d7d7; margin:70px 0 0;}
.board-nav li{display:flex; align-items:center; height:60px; padding:0 40px; border-bottom:1px solid #d7d7d7;}
.board-nav__title{font-size:18px; color:#333; font-weight:500; margin-right:60px; display:flex; align-items:center;}
.board-nav__title::after{content:''; display:block; width:11px; height:7px; background-repeat:no-repeat; background-position:0 0; margin-left:20px;}
.board-nav__title.prev::after{background-image:url('/resources/nie/images/board/board-view-imgs_26.png');}
.board-nav__title.next::after{background-image:url('/resources/nie/images/board/board-view-imgs_29.png');}
.board-nav li a{display:block; flex:1; font-size:18px; color:#666;}
.board-nav li a:focus,
.board-nav li a:hover{text-decoration:underline;}
.board-nav__date{font-size:18px; color:#888;}

/* board btn */
.board-btn{margin:30px 0 0; display:flex; justify-content:center;}
.board-btn__item{display:flex; width:120px; height:50px; font-size:16px; border-radius:3px; align-items:center; justify-content:center; text-align:center;}
.board-btn__item:not(:last-child){margin-right:10px;}
.board-btn__item.list{color:#666; border:1px solid #ccc;}
.board-btn__item.write{background:#666; color:#fff;}
.board-btn__item.cancel{background:#e5e5e5; border:1px solid #cdcdcd; color:#666;}
.board-btn__item.reset{background:url('/resources/nie/images/common/ico_reset.png') left 20px center #3d3d3d no-repeat; color:#fff; padding-left:10px;}

/* board write */
.board-write{}
.board-write__title{display:flex; align-items:center; justify-content:space-between; margin:0 0 30px;}
.board-write__item{border-top:2px solid #333;}
.board-write__item > li{display:flex;}
.board-write__item > li > .title{display:flex; align-items:center; justify-content:center; width:350px; background:#f7f7f7; font-size:16px; color:#333; font-weight:500; border-width:0 1px 1px 0; border-style:solid; border-color:#cdcdcd;}
.board-write__item > li > .title.required::before{content:'*'; font-size:inherit; color:#f40e0e; font-weight:600;}
.board-write__item > li > .title span.required02{text-indent: -9999px; overflow: hidden; font-size: 0}
.board-write__item > li > .write-item{flex:1; flex-wrap:wrap; border-bottom:1px solid #cdcdcd; display:flex; align-items:center; padding:10px 20px; font-size:16px; color:#666;}
.board-write__item > li > .write-item input[type="text"],
.board-write__item > li > .write-item input[type="password"]{width:280px; height:30px; border:1px solid #cdcdcd; font-size:15px; padding:0 8px;}
.board-write__item > li > .write-item input[type="text"][readonly]{background:#f7f7f7;}
.board-write__item > li > .write-item.subject input[type="text"]{width:100%;}
.board-write__item > li > .write-item.subject.place { flex-wrap: wrap; gap: 8px; }
.board-write__item > li > .write-item.subject.place input[type=text] { flex: 1 50%; }
.board-write__item > li > .write-item.subject.place .mapWrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.board-write__item > li > .write-item.subject.place .mapWrap button { padding: 0 12px; height: 30px; color: #fff; font-weight: 400; border: none; border-radius: 3px; background: #666; }
.board-write__item > li > .write-item.subject.place .mapWrap ul { display: flex; flex-wrap: wrap; gap: 4px; }
.board-write__item > li > .write-item.subject.place .mapWrap ul li:after { content: ', '; }
.board-write__item > li > .write-item.subject.place .mapWrap ul li:last-child:after { display: none; }
.board-write__item > li > .write-item input[type="text"] + button{margin:0 0 0 10px;}
.board-write__item > li > .write-item textarea{resize:none; width:100%; height:230px; border:1px solid #cdcdcd;}
.board-write__item > li > .write-item .txt{width:100%; line-height:1; margin:5px 0 0;}
.board-write__item > li > .write-item span{margin:0 7px; font-size:16px; color:#666; line-height:1;}

.board-write__item > li > .phone input[type="text"],
.board-write__item > li > .fax input[type="text"]{width:130px;}
.board-write__item > li > .address input[type="text"]:first-child{margin-right:10px;}
.board-write__item > li > .address input[type="text"]:last-child{/* width:570px; */ width: 100%; margin:5px 0 0;}

.email-select{position:relative; display:flex; align-items:center; width:280px; height:30px; border:1px solid #cdcdcd; margin:0 0 0 15px; font-size:15px; color:#666; line-height:1; padding:0 10px; cursor:pointer;}
.email-select::after{content:''; position:absolute; right:0; top:0; display:block; width:32px; height:32px; border-left:1px solid #cdcdcd; background:url('/resources/nie/images/layout/select_arrow.png') center center no-repeat;}


/* board file */
.board-file{}
.board-file > li{overflow:hidden; display:flex; align-items:center;}
.board-file > li:not(:last-child){margin-bottom:10px;}
.board-file input[type="file"]{position:absolute; left:-9999px;}
.board-file input[type="file"]:focus + label{outline: 2px solid #000;}
.board-file label{width:285px; height:32px; border:1px solid #cdcdcd; position:relative; cursor:pointer; margin:0;}
.board-file label::before{content:'파일첨부'; display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; top:50%; transform:translateY(-50%); right:3px; border:1px solid #ccc; background:#e5e5e5; width:100px; height:24px; border-radius:3px;}
.board-file__btn{display:flex; width:100px; height:28px; font-size:15px; color:#fff; align-items:center; justify-content:space-between; border-radius:3px; margin-left:10px; padding:0 12px;}
.board-file__btn::after{font-size:inherit; color:inherit;}
.board-file__btn.add{background:#666;}
.board-file__btn.add::after{content:'+';}
.board-file__btn.delete{background:#f44747;}
.board-file__btn.delete::after{content:'-';}

/* board research */
.board-research{border-width:2px 0 1px; border-style:solid; border-color:#454545; padding-bottom:40px;}
.board-research__info{padding:0 40px 30px;}
.board-research__title{display:flex; align-items:center; height:86px; background:url('/resources/nie/images/layout/dot-repeat_03.png') repeat-x 0 bottom;}
.board-research__title .icons{display:flex; align-items:center; font-size:18px; color:#333; font-weight:600; margin-right:20px;}
.board-research__title .icons::before{content:''; display:block; width:12px; height:16px; background:url('/resources/nie/images/board/board-view-icons2_03.png') no-repeat 0 0; margin-right:15px;}
.board-research__title .txt{font-size:26px; color:#222; font-weight:600;}
.board-research__list{margin:30px 0 0;}
.board-research__list li{display:flex; align-items:center;}
.board-research__list li:not(:last-child){margin-bottom:15px;}
.board-research__list li .title{font-size:18px; color:#333; font-weight:600; display:flex; align-items:center; line-height:1; width:95px; margin-right:20px;}
.board-research__list li .title::before{content:''; display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:0 0; margin-right:15px;}
.board-research__list li .title.person::before{background-image:url('/resources/nie/images/board/board-view-icons2_07.png');}
.board-research__list li .title.period::before{background-image:url('/resources/nie/images/board/board-view-icons2_10.png');}
.board-research__list li .txt{font-size:16px; color:#666;}
.board-research__item{border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd;}
.board-research__item li{display:flex;}
.board-research__item li .title{display:flex; align-items:center; min-height:50px; font-size:18px; color:#333; font-weight:600; background:#fbfbfb; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; width:350px; justify-content:center;}
.board-research__item li .txt{flex:1; font-size:18px; color:#666; border-bottom:1px solid #ddd; display:flex; align-items:center; padding:0 20px;}
.board-research__item li .fileList{flex:1; border-bottom:1px solid #ddd; padding:20px;}
.board-research__item li .fileList > li{align-items:center;}
.board-research__item li .fileList > li:not(:last-child){margin-bottom:5px;}
.board-research__item li .fileList > li .item{display:flex; align-items:flex-start;}
.board-research__item li .fileList > li .item::before{content:''; display:block; min-width:15px; height:19px; background:url('/resources/nie/images/board/board-table-file_03.png') no-repeat 0 0; vertical-align:-2px; margin-right:8px;}
.board-research__item li .fileList > li .btn-preview{margin-left:8px;}

.sub-imgbox{display:flex; flex-wrap:wrap; border:1px solid #bbb; padding:20px; }
.sub-imgbox .img{display:block; width:calc((100% - 80px) / 5); height:175px; background-color:#ccc; overflow:hidden;}
.sub-imgbox .img:not(:nth-child(5n)){margin-right:20px;}
.sub-imgbox .img:nth-child(n+6){margin-top:20px;}
.sub-imgbox .img img{max-width:none; width:auto; height:100%; position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}


/* board copyright */
.board-copyright{display:flex; align-items: center; width:100%; padding:15px 30px; background:#f7f7f7;}
.board-copyright img{margin-right:15px;}
.board-copyright p{font-size:15px; color:#888;}
.board-copyright p span{color:#037a4e; font-weight:600;}

.board-copyright.type3{display:grid; grid-template:auto auto / auto auto;}
.board-copyright.type3 img{grid-area:1 / 1;}
.board-copyright.type3 p{grid-area:2 span / 2;}
.board-copyright.type3 .link{grid-area:2 / 1; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:10px; margin-right:15px; background:#666; color:#fff; border-radius:3px; font-size:14px; padding:5px 0;}
.board-copyright.type3 .link.type2{width:120px; margin:0 0 0 15px;}

/* login */
.sub-login__title{text-align:center; font-size:36px; color:#222; font-weight:600; line-height:1; margin-bottom:20px;}

.sub-login__txt,
.sub-login__txt2{margin:0 auto; text-align:center; font-size:18px; font-weight:400; color:#333; line-height:2;}
.sub-login__txt span,
.sub-login__txt2 span{display:block; font-weight:600;}
.sub-login__txt2{line-height:1.6;}

.login-wrap{width:430px; margin:0 auto; text-align:center; }
.login-wrap form{display:flex; flex-wrap:wrap; justify-content:center; }
.login-wrap ul{width:100%; margin-bottom:10px;}
.login-wrap li{display:flex; align-items:center; position:relative;}
.login-wrap li:not(.inputWrap),
.login-wrap li .item{border:1px solid #d7d7d7;}
.login-wrap li:not(:last-child){margin-bottom:10px;}
.login-wrap li input[type="text"],
.login-wrap li input[type="password"]{width:100%; height:50px; padding:0 20px; border:0;}

.login-wrap li.inputWrap{flex-wrap:wrap;}
.login-wrap li.inputWrap p{width:100%;}
.login-wrap li.inputWrap .item{width:100%; position:relative; display:flex; align-items:center;}

.login-wrap li:not(.inputWrap)::before,
.login-wrap li.inputWrap .item::before{content:''; display:block; width:58px; height:18px; border-right:1px solid #cdcdcd; background-position:center center; background-repeat:no-repeat;}
.login-wrap li.id::before{background-image:url('/resources/nie/images/layout/ico_id.png');}
.login-wrap li.password::before,
.login-wrap li.confirm .item::before{background-image:url('/resources/nie/images/layout/ico_password.png');}
.login-wrap li.email::before{background-image:url('/resources/nie/images/common/ico_email_03.png');}
.login-wrap li.name::before{background-image:url('/resources/nie/images/common/ico_name.png');}
.login-wrap li.phone .item::before{background-image:url('/resources/nie/images/common/ico_phone.png');}

.login-wrap li .item button{position:absolute; right:10px; top:50%; transform:translateY(-50%);}

/* .login-wrap input[type="text"].id::before{content:''; position:absolute; top:0; left:0; display:block; width:57px; height:50px; background:url('/resources/nie/images/layout/ico_id.png') no-repeat;} */

.login-wrap input[type="text"]::placeholder,
.login-wrap input[type="password"]::placeholder{font-size:16px; color:#888; line-height:1;}
.login-wrap .btnWrap{display:flex; width:100%;}
.login-wrap .btnWrap > a{width:50%;}

.login-find{display:flex; justify-content:center; align-items:center; border:1px solid #d7d7d7; height:50px; width:100%; font-size:18px; color:#666; font-weight:400; line-height:1;}
.login-find .id{color:#037a4e; line-height:1;}

input[type="checkbox"]{}
/*
input[type="checkbox"].join + label{font-size:14px; color:#666; line-height:1; margin:10px 0 0;}
input[type="checkbox"].join + label::before{content:''; width:15px; height:15px; margin-right:9px; border-radius:2px; border:1px solid #d7d7d7; }
input[type="checkbox"].join:checked + label::before{background-color:#037a4e; border-color:#037a4e;}
input[type="checkbox"].join + label::after{width:15px; height:15px;}
*/

.login-btn{display:flex; justify-content:center; align-items:center; width:100%; height:50px; margin-top:15px; border-radius:2px; background-color:#222; font-size:18px; font-weight:600; color:#fff; line-height:1;}
.login-btn:hover,
.login-btn:focus{color:#fff;}
.login-btnWrap{display:flex; align-items:center; margin-top:20px;}
.login-btnWrap a{display:flex; font-size:14px; font-weight:400; color:#666; line-height:1;}
.login-btnWrap a.active{font-weight:600; color:#333;}
.login-btnWrap a:not(:last-child)::after{content:''; display:block; width:1px; height:13px; background-color:#ddd; margin:0 14px;}

.sns-login{display:flex; justify-content:space-between; margin:50px 0 0;}
.sns-login a{display:flex; align-items:center; width:calc((100% - 10px) / 2); height:50px; padding:0 20px; border-radius:2px; font-weight:500; background-position:right 20px center; background-repeat:no-repeat; }
.sns-login a::after{content:''; display:block; width:20px; height:100%; }
.sns-login .naverBtn{background-color:#20931f; color:#fff; background-image:url('/resources/nie/images/layout/login_naver.png');}
.sns-login .kakaoBtn{background-color:#fff200; color:#3a2020; background-image:url('/resources/nie/images/layout/login_kakao.png');}

.sub-sns-connection{padding:1.875rem 6.25rem;}
.sub-sns-connection a{display:flex; align-items:center; height:5.625rem; border:1px solid #d7d7d7; background:#fff; font-size:1.125rem; color:#333; font-weight:300; padding:0 1.875rem;}
.sub-sns-connection a::before{content:''; display:block; width:3.125rem; height:3.125rem; background-repeat:no-repeat; background-position:0 0; margin-right:1.25rem; background-size:100% auto;}
.sub-sns-connection a.naver::before{background-image:url('/resources/nie/images/layout/sub-sns-connection-icons_03.png');}
.sub-sns-connection a.kakao::before{background-image:url('/resources/nie/images/layout/sub-sns-connection-icons_06.png');}
.sub-sns-connection a.facebook::before{background-image:url('/resources/nie/images/layout/sub-sns-connection-icons_09.png');}
.sub-sns-connection a.twitter::before{background-image:url('/resources/nie/images/layout/sub-sns-connection-icons_12.png');}

.sub-sns-connection a:not(:last-child){margin-bottom:1.25rem;}

.sub-sns-connection a .check-complete-txt{font-size:0.875rem; color:#666; font-weight:400; margin-left:auto;}
.sub-sns-connection a .check-complete-txt + .check{margin-left:1.5rem;}
.sub-sns-connection a .check{display:flex; align-items:center; justify-content:center; width:5.313rem; height:2.188rem; border:1px solid transparent; border-radius:0.188rem; font-size:1rem; color:#fff; font-weight:400; background:#037a4e; margin-left:auto;}
.sub-sns-connection a .check.check--complete{border-color:#d7d7d7; background:#fff; color:#666;}

/* 회원가입 */
.join-process{display:flex;}
.join-process li{flex:1; height:60px; }
.join-process li p{position:relative; display:flex; justify-content:center; align-items:center; height:100%; background-color:#f7f7f7; font-size:17px; font-weight:400; color:#666; border:1px solid #cdcdcd; line-height:1; transition:all .4s;}
.join-process li .active{font-weight:600; color:#fff; background-color:#037a4e; border-color:#037a4e;}
.join-process li:not(:last-child) p::after{content:''; position:absolute; right:-22px; top:50%; z-index:10; display:block; width:42px; height:42px; transform:translateY(-50%) rotate(45deg); border-width:2px 2px 0 0; border-style:solid; border-color:#cdcdcd; background-color:#f7f7f7;}
.join-process li:not(:last-child) .active::after{border-color:#037a4e; background-color:#037a4e;}

.join-process li p::before{content:''; display:block; min-width:17px; height:100%; background-repeat:no-repeat; background-position:center center; margin-right:8px;}
.join-process li:nth-child(1) p::before{background-image:url('/resources/nie/images/layout/join_step1.png');}
.join-process li:nth-child(1) .active::before{background-image:url('/resources/nie/images/layout/join_step1_on.png');}
.join-process li:nth-child(2) p::before{background-image:url('/resources/nie/images/layout/join_step2.png');}
.join-process li:nth-child(2) .active::before{background-image:url('/resources/nie/images/layout/join_step2_on.png');}
.join-process li:nth-child(3) p::before{background-image:url('/resources/nie/images/layout/join_step3.png');}
.join-process li:nth-child(3) .active::before{background-image:url('/resources/nie/images/layout/join_step3_on.png');}
.join-process li:nth-child(4) p::before{background-image:url('/resources/nie/images/layout/join_step4.png');}
.join-process li:nth-child(4) .active::before{background-image:url('/resources/nie/images/layout/join_step4_on.png');}

.join-wrap{}
.join-wrap input[type="checkbox"] + label{font-size:18px;}
.join-wrap .sub-title{}
.join-wrap .sub-txt{display:flex; align-items:center; justify-content:space-between; margin:0 0 20px;}
.join-wrap .sub-txt .sub-iconTitle{font-size:22px; font-weight:600; color:#222; line-height:1;}
.join-wrap .sub-txt .sub-iconTitle.type2{font-size:18px; padding:0;}
.join-wrap .sub-txt .sub-iconTitle.type2::before{display:none;}
.join-content .agree-check{}
.join-content .agree-check input{}
.join-content .agree-check input[type="radio"]:focus + label{outline: 1px solid #000; outline-offset : 2px}

.join-content{background-color:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #cdcdcd; padding:40px;}
.join-content .sub-txt{display:flex; align-items:center; justify-content:space-between; font-size:22px; font-weight:600; color:#222; line-height:1;}
.join-content .sub-txt-small{font-size:16px;}


.join-content .sub-iconTitle{font-size:22px; font-weight:600; color:#222; line-height:1;}
.join-content .agree-check{line-height:1;}

.join-content .agree-check.type2{display:flex;}
.join-content .agree-check.type2 label{font-size:16px;}
.join-content .agree-check.type2 label:not(:last-child){margin-right:10px;}

.sub-textareaBox{width:100%; height:200px; padding:20px; border:1px solid #cdcdcd; border-radius:0; background-color:#fff; overflow-y:auto;}
.sub-textareaBox p{color:#666; }
.sub-textareaBox .title{font-weight:600;}

.join-wrap{}
.join-wrap .btn-wrap a{display:flex; justify-content:center; align-items:center; width:120px; height:50px; border-radius:3px; line-height:1;}
.join-wrap .btn-wrap a:not(:last-child){margin-right:10px;}
.btn-normal{background-color:#666; color:#fff; font-weight:600;}
.btn-cancel{border:1px solid #cdcdcd; color:#666; font-weight:400; background-color:#e5e5e5;}

.join-confirm{display:flex; margin-top:20px; background-color:#f7f7f7; border:1px solid #cdcdcd; border-radius:3px;}
.join-confirm a{position:relative; display:flex; align-items:center; justify-content:center; width:50%; height:100%; padding:20px; transition:all .4s;}
.join-confirm .txt{font-size:16px;line-height:1.2; color:#666;}
.join-confirm .txt span{display:flex; align-items:center; font-size:20px; margin:0 0 10px; font-weight:600; color:#333; line-height:1;}
.join-confirm a:hover span,
.join-confirm a:focus span{color:#037a4e;}
.join-confirm a .txt span::after{content:''; display:block; width:7px; height:12px; margin-left:18px; background-image:url('/resources/nie/images/main/depth2_arrow.png'); background-repeat:no-repeat; background-position:center center; transition:all .4s;}
.join-confirm a:hover .txt span::after,
.join-confirm a:focus .txt span::after{background-image:url('/resources/nie/images/main/depth2_arrow_on.png');}

.join-confirm .i-pin{}
.join-confirm .phone{}
.join-confirm a:before{content:''; display:flex; min-width:100px; height:100px; margin-right:30px; border-radius:100%; background-color:#fff; background-repeat:no-repeat; background-position:center center; transition:all .4s;}
.join-confirm .i-pin:before{background-image:url('/resources/nie/images/layout/ico_join_1.png');}
.join-confirm .phone:before{background-image:url('/resources/nie/images/layout/ico_join_2.png');}
.join-confirm .i-pin:hover:before,
.join-confirm .i-pin:focus:before{background-image:url('/resources/nie/images/layout/ico_join_1_on.png'); background-color:#037a4e;}
.join-confirm .phone:hover:before,
.join-confirm .phone:focus:before{background-image:url('/resources/nie/images/layout/ico_join_2_on.png'); background-color:#037a4e;}
.join-confirm a:not(:last-child):after{content:''; position:absolute; right:0; display:block; width:1px; height:70px; background-color:#ccc; }

.join-complete{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; border-top:2px solid #333; border-bottom:1px solid #cdcdcd; background-color:#f7f7f7; padding:30px;}
.join-complete .sub-txt::before{content:''; display:block; width:100px; height:100px; border-radius:100%; margin-bottom:20px; background:url('/resources/nie/images/layout/ico_complete_03.png') center center #fff no-repeat;}
.join-complete .sub-txt{flex-wrap:wrap; justify-content:center; text-align:center; font-size:18px; font-weight:400; color:#666; line-height:1; margin:0;}
.join-complete .sub-txt .title{width:100%; font-size:24px; color:#222; margin-bottom:15px; line-height:1;}
.join-complete .sub-txt b{line-height:1;}
.join-complete .sub-txt .id-txt{color:#037a4e; font-weight:400; margin:0 0 0 5px; line-height:1;}

.info-wrap{}
.info-wrap .sub-title{}
.info-btnWrap{display:flex; flex-wrap:wrap; padding:20px 40px; background-color:#f7f7f7; margin:0 0 40px;}
.info-btnWrap a{display:flex; justify-content:center; align-items:center; width:calc((100% - 20px) / 3); height:45px; text-align:center; border-radius:5px; background-color:#fff; border:1px solid #ccc; font-size:16px; color:#8f8f8f; transition:all .4s;}
.info-btnWrap a:not(:nth-child(3n)){margin-right:10px;}
.info-btnWrap a:nth-child(n+4){margin-top:10px;}
.info-btnWrap a:hover,
.info-btnWrap a:focus,
.info-btnWrap a.active,
.CBD-tabWrap .info-btnWrap a.active{font-weight:600; border-color:#037a4e; color:#037a4e;}

.info-wrap .sub-iconTitle.type2{margin-top:40px;}
.info-wrap .btn-wrap{display:flex; margin:15px 0;}
.info-wrap .btn-wrap a:not(:last-child){margin-right:10px;}
.btn-write.write{display:inline-flex; justify-content:flex-start; align-items:center; padding:0 55px 0 20px; /* min-width:270px; */min-width:auto; height:42px; border-radius:5px; font-size:17px; font-weight:500; color:#6d6d6d; border:1px solid #6d6d6d; background-color:#fff; background-image:url('/resources/nie/images/common/ico_write.png'); background-position:right 20px center; background-repeat:no-repeat; transition:all .4s;}
.btn-write.write:hover,
.btn-write.write:focus{background-color:#6d6d6d; color:#fff; font-weight:600; background-image:url('/resources/nie/images/common/ico_write_on.png');}
.btn-write.download{padding:0 45px 0 15px; background:url('/resources/nie/images/common/ico_download.png') right 15px center #666 no-repeat; }

.info-listWrap{border-top:2px solid #067b50;}
.info-listWrap > li{display:flex; flex-wrap:wrap;}
.info-listWrap > li > div{width:100%; position:relative;}
.info-listWrap .title{position:relative; display:block; height:60px; display:flex; align-items:center; width:100%; padding:0 40px; background-color:#f7f7f7; font-size:18px; font-weight:500; color:#333; line-height:1; border-bottom:1px solid #cdcdcd; cursor: pointer;}
.info-listWrap .title::after{content:""; /* position:absolute; top:50%; right:40px; transform:translateY(-50%); */ display:flex; margin-left:auto; justify-content:flex-end; width:12px; height:7px; background-image:url('/resources/nie/images/common/ico_arr_top.png'); background-repeat:no-repeat; background-position:center center; transition:all .4s;}
.info-listWrap .title.active::after{background-image:url('/resources/nie/images/common/ico_arr_btm.png');}
.info-listWrap .title a{display:flex; align-items:center; }
.info-listWrap .title a:not(.download){height:100%;}
.info-listWrap > li > div .btn-write{margin-left:30px;}

.info-listWrap .content{display:none; width:100%; padding:30px 40px; font-size:16px; border-bottom:1px solid #cdcdcd;}
.info-listWrap .content.active{max-height:800px;}

.info-list{display:flex; flex-wrap: wrap; gap: 40px;}
.info-list > li{position:relative; display:block; min-width: calc((100% - 80px) / 3); min-height: 150px; padding:30px 30px 40px; border-radius:3px; border:1px solid #ccc; line-height: 1;}
.info-list > li::after{content:''; position:absolute; right: 30px; top:30px; display:flex; min-width:80px; height: 80px; background-color: #f7f7f7; border-radius: 100%; background-repeat:no-repeat; background-position:center center;}
.info-list > li:nth-child(1)::after{background-image: url('/resources/nie/images/sub/ico_06.png');}
.info-list > li:nth-child(2)::after{background-image: url('/resources/nie/images/sub/ico_03.png');}
.info-list > li:nth-child(3)::after{background-image: url('/resources/nie/images/sub/ico_09.png');}
.info-list > li:nth-child(4)::after{background-image: url('/resources/nie/images/sub/ico_17.png');}
.info-list > li:nth-child(5)::after{background-image: url('/resources/nie/images/sub/ico_15.png');}
.info-list .title{font-size: 22px; font-weight: 600; color: #037a4e; line-height: 1;}
.info-list .content{display:flex; flex-direction: column; margin-top: 30px; gap:30px;}
.info-list .content li{flex-direction: column;}
.info-list .content li,
.info-list .content li a{display:flex; font-size: 18px; font-weight: 400; color: #666; line-height: 1.4;}
.info-list .content li a{text-decoration:underline; text-underline-position: under; text-decoration-color: transparent; transition: all .4s;}
.info-list .content li a:hover{color:#037a4e; text-decoration-color: #037a4e;}
.info-list .content li a::after{content:''; display:inline-flex; align-self: center; min-width: 16px; height: 16px; margin-left: 10px; background:url('/resources/nie/images/sub/ico_more_g.png') center center no-repeat; opacity:0; visibility: hidden; transition: all .4s;}
.info-list .content li a:hover::after{opacity:1; visibility: visible;}
.info-list .content ul{display:flex; flex-direction:column; gap: 10px; margin-top: 15px;}
.info-list .content ul > li{display:flex; flex-direction:column; line-height: 1;}
.info-list .content ul > li a{position:relative; display: block; padding-left:13px; font-size: 15px; color: #777;}
.info-list .content ul > li a::before{content: '-'; position:absolute; top:0; left:0; font-size: 15px; color: #777; }


.example{display:flex; align-items:center; background-color:#f7f7f7; padding:20px 30px;}
.example span{display:inline-flex; justify-content:center; align-items:center; margin-right:30px; background-color:#037a4e; border-radius:5px; padding:0 15px; height:28px; font-size:16px; font-weight:500; color:#fff; white-space:nowrap;}
.example img{}
.example p{font-size:16px; font-weight:400; color:#666; margin-left:20px; line-height:1.4;}

.charter-txt{font-size:20px; font-weight:400; color:#666; text-align:center;}
.charter-txt::before{content:''; display:block; width:191px; height:22px; margin:0 auto 20px; background:url('/resources/nie/images/layout/ico_charter_03.png') center center no-repeat;}
.charter-txt span{font-weight:500;}
.charter-box{background-color:#f7f7f7; padding:30px 250px;}
.charter-box li{font-size:18px; font-weight:400; color:#666;}
.charter-box li:not(:last-child){margin-bottom:10px;}
.charter-box li span{font-weight:500;}
.charter-box li .num{display:inline-flex; justify-content:center; align-items:center; width:60px; height:60px; margin-right:20px; border-radius:100%; background-color:#037a4e; font-size:18px; color:#fff; line-height:1;}

.view-tabWrap{}
.view-tabWrap .content{display:none; width:100%; min-height:250px; margin-top:30px; background-color:#f7f7f7; font-size:30px; font-weight:400; color:#666; text-align:center;}
.view-tabWrap .content.active{display:block;}

/* board-thumbnail */
.board-thumbnail.type2{border-style:solid; border-color:#3f3f3f; border-width:2px 0 0 0; padding:0;}
.board-thumbnail.type2 li{display:flex; justify-content:space-between; height:300px; border-bottom:1px solid #cdcdcd; padding:40px;}
.board-thumbnail.type2 li .img{position:relative; display:block; width:285px; height:215px; background-color:#ccc; overflow:hidden;}
.board-thumbnail.type2 li .img img{position:absolute; height:100%; width:auto; top:50%; left:50%; transform:translate(-50%, -50%); min-width:auto; min-height:100%; max-width:none;}
.board-thumbnail.type2 li .img span{position:absolute; top:15px; right:15px; display:inline-flex; align-items:center; justify-content:center; width:75px; height:75px; border-radius:100%; font-size:17px; font-weight:500; color:#fff; line-height:1; z-index:3;}
.board-thumbnail.type2 li .img .current{background-color:rgba(47,47,47,.85);}
.board-thumbnail.type2 li .img .plan{background-color:rgba(111,111,111,.85);}
.board-thumbnail.type2 li .img .end{background-color:rgba(242,242,242,.85); color:#444;}
.board-thumbnail.type2 li .txt-wrap{flex:1; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; margin-left:40px;}
.board-thumbnail.type2 li .txt-wrap > a:not(.btn-more){display:block; width:100%;}
.board-thumbnail.type2 li .txt-wrap .title{width:100%; font-size:26px; font-weight:600; color:#222; line-height:1.2;}
.board-thumbnail.type2 li .txt-wrap .title::after{content:''; display:block; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg'); margin:30px 0;}
.board-thumbnail.type2 li .txt-wrap .content{display:flex; align-items:flex-start; margin-bottom:auto; height:52px; overflow:hidden; font-size:16px; color:#666; line-height:1.6;}

.comment-wrap{margin-top:70px; border-width:2px 1px 1px; border-style:solid; border-color:#000 #ccc #ccc; background-color:#f6f6f6;}
.comment-wrap li,
.comment-wrap div{display:flex; flex-wrap:wrap; align-items:center; padding:0 30px;}
.comment-wrap li:first-child,
.comment-wrap div{height:54px; }
.comment-wrap span{display:flex; font-size:15px; font-weight:500; color:#666; line-height:1;}
.comment-wrap b{display:flex; align-items:center; font-weight:500; color:#333; line-height:1; margin-right:5px;}
.comment-wrap b::before{content:''; display:block; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
.comment-wrap .department{}
.comment-wrap .department b::before{width:12px; height:12px; background-image:url('/resources/nie/images/common/ico_list.png');}
.comment-wrap .department b{}
.comment-wrap .call{margin-left:30px;}
.comment-wrap .call b{}
.comment-wrap .call b::before{width:13px; height:12px; background-image:url('/resources/nie/images/common/ico_call.png');}
.comment-wrap .reply{border-top:1px solid #ccc; padding:20px 30px;}
.comment-wrap .reply div{display:flex; justify-content:space-between; align-items:center;}
.comment-wrap .reply .q{width:100%;}
.comment-wrap .reply p{display:flex; align-items:center; font-size:16px; font-weight:500; color:#333; line-height:1;}
.comment-wrap .reply p::before{content:''; display:block; min-width:55px; height:55px; margin-right:15px; border-radius:100%; background:url('/resources/nie/images/common/ico_reply.png') center center #fff no-repeat;}
.comment-wrap .reply input[type="radio"]{align-items:center; margin-right:7px;}
.comment-wrap .reply input[type="radio"] + label{font-size:15px; font-weight:500; color:#666; line-height:1;}
.comment-wrap .reply input[type="radio"] + label span{font-size:15px; font-weight:500; color:#037a4e; line-height:1;}
.comment-wrap .reply input[type="radio"]:not(:last-child) + label{margin-right:30px;}
.comment-wrap .reply input[type="text"]{flex:1 0 auto; height:45px; border:1px solid #ccc; padding:0 20px; border-radius:3px; font-size:15px;}
.comment-wrap .reply .a{width:100%; margin-top:15px;}
.comment-wrap .reply .btn-register{display:block; width:120px; height:45px; font-size:15px; font-weight:500; color:#fff; background-color:#037a4e;}

.ico-category{font-size:16px; font-weight:600; color:#037a4e; margin-bottom:20px; padding-left: 66px; position: relative;}
.ico-category span{font-weight:600;}
.ico-category::before{content:''; display:block; margin-right:15px; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; position: absolute; left: 0; top:50%; margin-top: -25px;}
.ico-category.mammal::before{background-image:url('/resources/nie/images/layout/ico_animal.png'); }
.ico-category.bird::before{background-image:url('/resources/nie/images/layout/ico_animal_03.png'); }
.ico-category.reptile::before{background-image:url('/resources/nie/images/layout/ico_animal_04.png'); }
.ico-category.amphibian::before{background-image:url('/resources/nie/images/layout/ico_animal_05.png'); }
.ico-category.fish::before{background-image:url('/resources/nie/images/layout/ico_animal_06.png'); }
.ico-category.insect::before{background-image:url('/resources/nie/images/layout/ico_animal_07.png'); }
.ico-category.invert::before{background-image:url('/resources/nie/images/layout/ico_animal_08.png'); }
.ico-category.plant::before{background-image:url('/resources/nie/images/layout/ico_animal_09.png'); }
.ico-category.seaweed::before{background-image:url('/resources/nie/images/layout/ico_animal_10.png'); }
.ico-category.mycomy::before{background-image:url('/resources/nie/images/layout/ico_animal_11.png'); }

.ico-category .title{color: #333; margin-top: 8px; font-size: 1.5em; display: flex; align-items:center; flex-wrap:wrap; gap:10px; line-height: 1.15;}
.ico-category .title span{font-weight: 300; font-style: italic; line-height: 1.15;}


.board-view2.type2{border-width:2px 0 0;}
.board-view2.type2 .txt-wrap > .list-wrap > li{flex-wrap:wrap;}
.board-view2.type2 .txt-wrap > .list-wrap > li:before{display:none;}
.board-view2.type2 .txt-wrap > .list-wrap > li:not(:last-child){margin-bottom:40px;}
.board-view2.type2 .txt-wrap > .list-wrap > li > *{width:100%;}
.board-view2.type2 .txt-wrap > .list-wrap > li > *:not(:last-child){margin-bottom:20px;}
.board-view2.type2 .category{display:flex; flex-wrap:wrap;  }
.board-view2.type2 .category > li{flex:1; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; text-align:center; justify-content:center; height:150px; border:1px solid #ccc; border-radius:3px;}
.board-view2.type2 .category > li:not(:last-child){margin-right:15px;}
.board-view2.type2 .category > li > .title{display:flex; align-items:center; justify-content:center; width:50px; height:50px; margin:0; border-radius:100%; background-color:#222; font-size:18px; font-weight:600; color:#fff; line-height:1;}
.board-view2.type2 .category > li > .title::after{display:none;}
.board-view2.type2 .category > li .txt{width:100%; margin-top:15px; font-size:16px; font-weight:400; color:#666; line-height:1.6;}

.board-view2.type2 .txt-wrap > .list-wrap .list{}
.board-view2.type2 .txt-wrap > .list-wrap .list li{line-height:1;}
.board-view2.type2 .txt-wrap > .list-wrap .list li::before{content:'-'; margin-right:8px; font-size:18px; color:#666; line-height:1;}
.board-view2.type2 .txt-wrap > .list-wrap > .list > li:not(:last-child){margin-bottom:15px;}
.board-view2.type2 .txt-wrap > .list-wrap > li > .text{font-size:18px; color:#666; line-height:1.7;}
.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap{border:1px solid #ccc; margin-top:20px;}
.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap .img{}
.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap .img img{display: block; margin: 0 auto; max-width:400px}
.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap .text{display:flex; justify-content:center; align-items:center; width:100%; height:40px; text-align:center; font-size:16px; color:#fff; background-color:#8d8d8d;}

.board-view2.type2 .txt-wrap > .list-wrap > li .step{display:flex; justify-content:space-between;}
.board-view2.type2 .txt-wrap > .list-wrap > li .step p{text-align:center;}
.board-view2.type2 .txt-wrap > .list-wrap > li .step .article{display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:100%; border:4px solid rgba(3,122,78,1); color:#037a4e; font-weight:500; line-height:1;}
.board-view2.type2 .txt-wrap > .list-wrap > li .step .article.not{border:4px solid rgba(3,122,78,.4); color:#888;}
.board-view2.type2 .txt-wrap > .list-wrap > li .step .text{display:block; font-size:16px; font-weight:600; color:#222; text-align:center; margin-top:15px;}
.board-view2.type2 + .board-copyright{border-bottom:1px solid #3f3f3f;}

.board-category__tab{display:flex; align-items:center; justify-content:space-between;}
.board-category__tab a{text-align:center; }
.board-category__tab .active{}
.board-category__tab .ico{display:flex; align-items:center; text-align:center; justify-content:center; width:120px; height:120px; background-color:#f7f7f7; border-radius:100%; border:5px solid #dedede; }
.board-category__tab p{font-size:16px; font-weight:400; color:#888; line-height:1; margin-top:15px;}
.board-category__tab p span{}
.board-category__tab .active .ico{background-color:#037a4e; border-color:#037a4e;}
.board-category__tab .active .ico svg path{fill:#fff !important;}
.board-category__tab .active p{color:#333;}
.board-category__tab .active p span{color:#037a4e; font-weight:600; line-height:1;}

.die-img{position:relative; display:flex;}
.die-img .img{position:relative; display:flex; justify-content:center; width:50%; margin:0 auto;}
.die-img .img:nth-of-type(2)::before{content:''; position:absolute; left:0; display:block; width:1px; height:100%; background:url('/resources/nie/images/common/dot_v.jpg');}
.die-img .img img{}

.die-img.type2{flex-wrap:wrap; padding:30px 0 115px; align-items:flex-start;}
.die-img.type2 .btn-wrap{/* justify-self:flex-end; margin-left:auto; */ position:absolute; right:30px; bottom:30px;}

.list-btnWrap{display:flex; align-items:center; border:1px solid #cdcdcd; background-color:#f7f7f7;}
.list-btnWrap a{position:relative; flex:1; display:flex; justify-content:center; align-items:center; height:120px; font-size:20px; color:#666; line-height:1; transition:all .4s;}
.list-btnWrap a::after{content:''; display:block; min-width:7px; height:12px; margin-left:40px; background-image:url('/resources/nie/images/main/depth2_arrow.png'); background-position:center center; background-repeat:no-repeat;}
.list-btnWrap a:not(:first-child)::before{content:''; position:absolute; left:0; display:block; width:1px; height:70px; background-color:#cdcdcd; top:50%; transform:translateY(-50%);}
.list-btnWrap .ico{display:flex; align-items:center; justify-content:center; min-width:80px; height:80px; margin-right:20px; border-radius:100%; background-color:#fff;transition:all .4s;}
.list-btnWrap a:hover,
.list-btnWrap a:focus{color:#037a4e; font-weight:600;}
.list-btnWrap a:hover::after,
.list-btnWrap a:focus::after{background-image:url('/resources/nie/images/main/depth2_arrow_on.png');}
.list-btnWrap a:hover .ico,
.list-btnWrap a:focus .ico{background-color:#037a4e;}
.list-btnWrap a:hover .ico svg{}
.list-btnWrap a:hover .ico svg .stroke,
.list-btnWrap a:focus .ico svg .stroke{stroke:#fff;}
.list-btnWrap a:hover .ico svg .fill,
.list-btnWrap a:focus .ico svg .fill{fill:#fff;}

.total-search{}
.total-search form{}

.total-search__item{border-radius:0 3px 3px 0; overflow:hidden; margin-bottom:20px; overflow:hidden; display:flex; flex-wrap:wrap;}
.total-search__item:not(:last-child){padding-bottom:70px; margin-bottom:70px; border-bottom:1px dotted #000;}
.total-search__item .sub-title{width:100%;}

.total-search__txt{position:relative; width:100%;}
.total-search__txt p{font-size:24px; color:#444; font-weight:600; line-height:1; /* position:absolute; top:0; left:50%; transform:translateX(-50%);  */width:100%; text-align:center;}
.total-search__txt span{color:#037a4e; font-weight:inherit; font-size:inherit; line-height:inherit; text-align:center;}
/* .total-search__txt::after{content:''; display:block; width:100%; max-width:967px; padding-bottom:13.43%; background:url('/resources/nie/images/layout/totalSearchBgImg_03.png') no-repeat 0 0 / 100% auto; margin:0 auto;} */

.total-search__write{position:relative; width:50%; margin:20px auto 0;}
.total-search__write input[type="text"]{border:5px solid #037a4e; height:70px; padding:0 140px 0 30px; font-size:18px; width:100%; border-radius:70px;}
.total-search__write .submitBtn{display:flex; width:140px; height:70px; border-radius:70px; font-size:22px; color:#fff; font-weight:500; justify-content:center; align-items:center; background:#037a4e; position:absolute; right:0; top:0;}
.total-search__write .submitBtn::before{content:''; display:block; width:18px; height:18px; background:url(/resources/nie/images/board/board-icons_07.png) no-repeat 0 0; margin-right:10px;}

.total-search__item input[type="radio"],
.total-search__item input[type="checkbox"]{position:absolute; left:-9999px;}

.total-search__item input[type="radio"] + label,
.total-search__item input[type="checkbox"] + label{}

.total-search__item input[type="radio"]:focus + label{outline:2px solid black;}

.total-search__item .box.boxRadio input[type="radio"]:focus + label{outline:2px solid #000;}

.total-search__item.circleRadio{}
.total-search__item.circleRadio label{font-size:16px; color:#888; line-height:1; transition:all .4s; display:block; text-align:center; flex:1; margin-right:0;}
.total-search__item.circleRadio label b{font-size:inherit; color:inherit; font-weight:400; transition:all .4s;}
.total-search__item.circleRadio label::before{content:''; display:block; width:120px; height:120px; border:5px solid #dedede; border-radius:100%; background-color:#f7f7f7; background-repeat:no-repeat; background-position:center center; transition:all .4s; margin:0 auto 15px;}
.total-search__item.circleRadio label::after{display:none;}
.total-search__item.circleRadio input[type="radio"]:checked + label{color:#333;}
.total-search__item.circleRadio input[type="radio"]:checked + label b{color:#037a4e; font-weight:600;}
.total-search__item.circleRadio input[type="radio"]:checked + label::before{}
.total-search__item .box.circleRadio input[type="radio"]:focus + label{outline:2px solid #000;}

.total-search__item.circleRadio label.mammal::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='44' style='enable-background:new 0 0 48 44' fill='%23777' xml:space='preserve'%3E%3Cpath d='M9.381 23.028a1 1 0 0 1-.868-.502C4.25 15.114 9.646 2.742 9.701 2.618c.915-2.065 2.114-2.554 2.96-2.6 1.371-.069 2.661.917 3.837 2.944 1.652 2.851 5.466 9.466 6.521 11.308a1.001 1.001 0 0 1-1.736.994c-1.054-1.841-4.864-8.45-6.516-11.299-.853-1.471-1.593-1.967-1.999-1.95-.394.021-.857.55-1.239 1.413-1.32 2.979-4.39 12.699-1.283 18.101a1 1 0 0 1-.865 1.499z'/%3E%3Cpath d='M22.71 43.985c-.083 0-.167-.011-.249-.031l.165-.644-.02-.427-.61-.599c.335-.342.684-.91 1.053-1.512 1.11-1.81 2.631-4.288 6.082-4.582l.55-.046c8.42-.692 10.333-1.424 10.725-1.799 1.726-1.651 6.63-7.947 5.42-10.516-.528-.444-3.114-1.128-4.675-1.542-1.754-.464-3.411-.903-4.437-1.383-2.063-.967-2.75-2.204-3.16-2.942-.077-.14-.142-.265-.216-.363a5.868 5.868 0 0 1-.208-.312c-.605-.947-2.212-3.461-5.743-3.937-2.938-.396-4.586-.014-6.179.355a1.001 1.001 0 0 1-.451-1.949c1.687-.39 3.595-.833 6.897-.389 4.449.599 6.49 3.793 7.161 4.842.053.083.093.148.123.188.12.161.236.361.364.592.349.628.782 1.41 2.259 2.102.862.404 2.509.84 4.101 1.261 3.899 1.032 5.575 1.574 5.987 2.652 2.08 4.534-5.779 12.705-5.861 12.783-1.107 1.061-4.568 1.74-11.943 2.347l-.544.045c-2.444.209-3.514 1.951-4.547 3.636-.431.701-.837 1.363-1.33 1.866a.986.986 0 0 1-.714.304zM1.138 30.001a1 1 0 0 1-1-1c0-2.872 4.113-9.226 6.78-11.944a1 1 0 0 1 1.428 1.4c-2.843 2.898-6.208 8.613-6.208 10.544a1 1 0 0 1-1 1zM29.902 10.655a1 1 0 0 1-.997-.944c-.149-2.692-1.742-6.551-3.105-6.664-.591-.021-2.076 1.72-3.052 3.644a1 1 0 1 1-1.783-.904c.587-1.159 2.639-4.947 5-4.732 3.129.259 4.783 5.784 4.937 8.545a1 1 0 0 1-.942 1.054l-.058.001z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.mammal::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='44' style='enable-background:new 0 0 48 44' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M9.381 23.028a1 1 0 0 1-.868-.502C4.25 15.114 9.646 2.742 9.701 2.618c.915-2.065 2.114-2.554 2.96-2.6 1.371-.069 2.661.917 3.837 2.944 1.652 2.851 5.466 9.466 6.521 11.308a1.001 1.001 0 0 1-1.736.994c-1.054-1.841-4.864-8.45-6.516-11.299-.853-1.471-1.593-1.967-1.999-1.95-.394.021-.857.55-1.239 1.413-1.32 2.979-4.39 12.699-1.283 18.101a1 1 0 0 1-.865 1.499z'/%3E%3Cpath d='M22.71 43.985c-.083 0-.167-.011-.249-.031l.165-.644-.02-.427-.61-.599c.335-.342.684-.91 1.053-1.512 1.11-1.81 2.631-4.288 6.082-4.582l.55-.046c8.42-.692 10.333-1.424 10.725-1.799 1.726-1.651 6.63-7.947 5.42-10.516-.528-.444-3.114-1.128-4.675-1.542-1.754-.464-3.411-.903-4.437-1.383-2.063-.967-2.75-2.204-3.16-2.942-.077-.14-.142-.265-.216-.363a5.868 5.868 0 0 1-.208-.312c-.605-.947-2.212-3.461-5.743-3.937-2.938-.396-4.586-.014-6.179.355a1.001 1.001 0 0 1-.451-1.949c1.687-.39 3.595-.833 6.897-.389 4.449.599 6.49 3.793 7.161 4.842.053.083.093.148.123.188.12.161.236.361.364.592.349.628.782 1.41 2.259 2.102.862.404 2.509.84 4.101 1.261 3.899 1.032 5.575 1.574 5.987 2.652 2.08 4.534-5.779 12.705-5.861 12.783-1.107 1.061-4.568 1.74-11.943 2.347l-.544.045c-2.444.209-3.514 1.951-4.547 3.636-.431.701-.837 1.363-1.33 1.866a.986.986 0 0 1-.714.304zM1.138 30.001a1 1 0 0 1-1-1c0-2.872 4.113-9.226 6.78-11.944a1 1 0 0 1 1.428 1.4c-2.843 2.898-6.208 8.613-6.208 10.544a1 1 0 0 1-1 1zM29.902 10.655a1 1 0 0 1-.997-.944c-.149-2.692-1.742-6.551-3.105-6.664-.591-.021-2.076 1.72-3.052 3.644a1 1 0 1 1-1.783-.904c.587-1.159 2.639-4.947 5-4.732 3.129.259 4.783 5.784 4.937 8.545a1 1 0 0 1-.942 1.054l-.058.001z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.bird::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='47' style='enable-background:new 0 0 41 47' fill='%23777' xml:space='preserve'%3E%3Cpath d='M9.001 29.354a1 1 0 0 1-.967-1.256c2.142-8.094 3.559-12.264 4.595-13.521 1.478-1.794 3.529-3.335 5.027-4.46.265-.199.512-.385.735-.557.605-.466 1.395-1.756 2.157-3.005.841-1.375 1.71-2.798 2.719-3.883C26.251-.537 29.925-.421 32.369.759c2.277 1.099 3.687 3.108 3.668 5.141 1.97 1.719 2.138 4.141 2.131 6.488a.999.999 0 0 1-1.555.829l-.532-.361c-1.451-.993-2.595-1.779-4.868-1.711-.543-.009-1.013-.419-1.028-.971a1 1 0 0 1 .971-1.029c2.23-.056 3.686.556 4.934 1.32-.159-1.484-.602-2.528-1.672-3.302a.995.995 0 0 1-.404-.96c.201-1.334-.832-2.832-2.512-3.644-.875-.422-3.945-1.563-6.768 1.474-.874.941-1.69 2.276-2.479 3.567-.937 1.532-1.745 2.855-2.645 3.548-.228.176-.481.365-.753.569-1.418 1.065-3.359 2.523-4.685 4.133-.557.676-1.738 3.438-4.205 12.761a.999.999 0 0 1-.966.743z'/%3E%3Cpath d='M29 26.354a1 1 0 0 1-.684-1.729c4.016-3.765 2.895-9.32 2.455-10.934a1 1 0 1 1 1.93-.526c.514 1.886 1.814 8.39-3.017 12.918a.99.99 0 0 1-.684.271zM40 29.354H1a1 1 0 1 1 0-2h39a1 1 0 1 1 0 2zM7 46.354a1 1 0 0 1-.849-1.53l5-8a1 1 0 0 1 1.696 1.061l-3.526 5.642 3.004-1.001 6.81-11.675a1.001 1.001 0 0 1 1.728 1.008l-7 12a.997.997 0 0 1-.547.444l-6 2a.981.981 0 0 1-.316.051zM3.754 42.479a1 1 0 0 1-.87-1.493l5.747-10.125a1 1 0 0 1 1.739.986l-4.753 8.374.501-.066a1 1 0 1 1 .265 1.982l-2.497.333a.837.837 0 0 1-.132.009z'/%3E%3Cpath d='M17 31.354a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1zM25 31.354a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.bird::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='47' style='enable-background:new 0 0 41 47' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M9.001 29.354a1 1 0 0 1-.967-1.256c2.142-8.094 3.559-12.264 4.595-13.521 1.478-1.794 3.529-3.335 5.027-4.46.265-.199.512-.385.735-.557.605-.466 1.395-1.756 2.157-3.005.841-1.375 1.71-2.798 2.719-3.883C26.251-.537 29.925-.421 32.369.759c2.277 1.099 3.687 3.108 3.668 5.141 1.97 1.719 2.138 4.141 2.131 6.488a.999.999 0 0 1-1.555.829l-.532-.361c-1.451-.993-2.595-1.779-4.868-1.711-.543-.009-1.013-.419-1.028-.971a1 1 0 0 1 .971-1.029c2.23-.056 3.686.556 4.934 1.32-.159-1.484-.602-2.528-1.672-3.302a.995.995 0 0 1-.404-.96c.201-1.334-.832-2.832-2.512-3.644-.875-.422-3.945-1.563-6.768 1.474-.874.941-1.69 2.276-2.479 3.567-.937 1.532-1.745 2.855-2.645 3.548-.228.176-.481.365-.753.569-1.418 1.065-3.359 2.523-4.685 4.133-.557.676-1.738 3.438-4.205 12.761a.999.999 0 0 1-.966.743z'/%3E%3Cpath d='M29 26.354a1 1 0 0 1-.684-1.729c4.016-3.765 2.895-9.32 2.455-10.934a1 1 0 1 1 1.93-.526c.514 1.886 1.814 8.39-3.017 12.918a.99.99 0 0 1-.684.271zM40 29.354H1a1 1 0 1 1 0-2h39a1 1 0 1 1 0 2zM7 46.354a1 1 0 0 1-.849-1.53l5-8a1 1 0 0 1 1.696 1.061l-3.526 5.642 3.004-1.001 6.81-11.675a1.001 1.001 0 0 1 1.728 1.008l-7 12a.997.997 0 0 1-.547.444l-6 2a.981.981 0 0 1-.316.051zM3.754 42.479a1 1 0 0 1-.87-1.493l5.747-10.125a1 1 0 0 1 1.739.986l-4.753 8.374.501-.066a1 1 0 1 1 .265 1.982l-2.497.333a.837.837 0 0 1-.132.009z'/%3E%3Cpath d='M17 31.354a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1zM25 31.354a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.reptiles::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='48' style='enable-background:new 0 0 45 48' fill='%23777' xml:space='preserve'%3E%3Cpath d='M24.003 48c-.252 0-.503-.095-.698-.283-3.723-3.625-4.416-5.161-5.239-7.367-.512-1.373-.648-3.363.507-4.831.743-.943 2.302-1.984 5.515-1.6 6.706.813 10.433.151 14.242-2.516 2.479-1.735 4.242-4.363 4.6-6.859.235-1.638-.136-3.081-1.103-4.287-2.73-3.41-7.933-3.956-12.942-1.358-.53.275-1.137.599-1.798.952-3.553 1.896-8.418 4.492-11.762 5.125-3.282.623-5.767.789-7.227-.42-.726-.601-1.095-1.461-1.095-2.556 0-1.042.338-1.907 1.004-2.569 1.574-1.563 4.593-1.545 7.245-1.528 1.205.006 2.339.015 3.09-.132 3.008-.587 6.251-1.785 7.497-6.221.179-.635.557-1.234 1.094-1.733.74-.688 1.07-1.865 1.07-3.816 0-2.442-1.776-4-3-4s-3 1.558-3 4c0 .96.066 2.346.643 3.288 1.112 1.821.577 4.194-1.193 5.29-1.837 1.137-4.383 1.461-7.563.963-4.182-.655-7.893-.005-9.929 1.736-1.299 1.111-1.957 2.7-1.957 4.723 0 2.204.849 3.917 2.523 5.089 2.767 1.938 7.434 2.146 11.892.527 3.535-1.283 6.514-2.645 8.907-3.739 2.596-1.188 4.646-2.125 6.349-2.503 2.269-.504 4.131-.131 5.114 1.022.459.538 1.11 1.739.319 3.736-1.091 2.754-4.237 5.658-9.813 5.658-.094 0-.188 0-.284-.002l-.241-.004c-5.564-.098-8.925-.156-10.936 3.255-.992 1.683-.413 4.212 1.347 5.885a.999.999 0 1 1-1.378 1.449c-2.457-2.334-3.168-5.846-1.692-8.35 2.602-4.416 6.83-4.342 12.693-4.239l.241.004c4.723.125 7.339-2.215 8.202-4.393.213-.537.389-1.268.018-1.702-.466-.546-1.706-.69-3.158-.368-1.496.333-3.462 1.231-5.95 2.37-2.426 1.109-5.445 2.49-9.056 3.802-5.052 1.834-10.438 1.531-13.722-.771C1.17 27.179.003 24.853.003 22c0-2.634.894-4.734 2.657-6.243 2.475-2.117 6.786-2.937 11.539-2.192 2.659.417 4.802.178 6.201-.688.853-.528 1.089-1.646.539-2.547-.83-1.357-.936-3.027-.936-4.33 0-3.536 2.635-6 5-6s5 2.464 5 6c0 1.719-.194 3.873-1.709 5.281-.268.249-.45.529-.529.81-1.567 5.575-5.91 7.031-9.04 7.642-.947.185-2.181.177-3.485.169-2.155-.011-4.839-.03-5.822.947-.179.177-.415.488-.415 1.151 0 .636.212.885.371 1.017 1.034.857 4.219.253 5.579-.004 3.044-.577 7.948-3.194 11.193-4.925.669-.357 1.282-.685 1.819-.962 5.88-3.048 12.078-2.292 15.423 1.882 1.308 1.632 1.834 3.645 1.522 5.821-.434 3.024-2.516 6.172-5.434 8.214-4.217 2.954-8.453 3.729-15.629 2.863-1.261-.155-2.931-.13-3.703.851-.644.817-.513 2.07-.205 2.895.748 2.004 1.337 3.3 4.76 6.633a1 1 0 0 1 .02 1.414 1.003 1.003 0 0 1-.716.301z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.reptiles::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='48' style='enable-background:new 0 0 45 48' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M24.003 48c-.252 0-.503-.095-.698-.283-3.723-3.625-4.416-5.161-5.239-7.367-.512-1.373-.648-3.363.507-4.831.743-.943 2.302-1.984 5.515-1.6 6.706.813 10.433.151 14.242-2.516 2.479-1.735 4.242-4.363 4.6-6.859.235-1.638-.136-3.081-1.103-4.287-2.73-3.41-7.933-3.956-12.942-1.358-.53.275-1.137.599-1.798.952-3.553 1.896-8.418 4.492-11.762 5.125-3.282.623-5.767.789-7.227-.42-.726-.601-1.095-1.461-1.095-2.556 0-1.042.338-1.907 1.004-2.569 1.574-1.563 4.593-1.545 7.245-1.528 1.205.006 2.339.015 3.09-.132 3.008-.587 6.251-1.785 7.497-6.221.179-.635.557-1.234 1.094-1.733.74-.688 1.07-1.865 1.07-3.816 0-2.442-1.776-4-3-4s-3 1.558-3 4c0 .96.066 2.346.643 3.288 1.112 1.821.577 4.194-1.193 5.29-1.837 1.137-4.383 1.461-7.563.963-4.182-.655-7.893-.005-9.929 1.736-1.299 1.111-1.957 2.7-1.957 4.723 0 2.204.849 3.917 2.523 5.089 2.767 1.938 7.434 2.146 11.892.527 3.535-1.283 6.514-2.645 8.907-3.739 2.596-1.188 4.646-2.125 6.349-2.503 2.269-.504 4.131-.131 5.114 1.022.459.538 1.11 1.739.319 3.736-1.091 2.754-4.237 5.658-9.813 5.658-.094 0-.188 0-.284-.002l-.241-.004c-5.564-.098-8.925-.156-10.936 3.255-.992 1.683-.413 4.212 1.347 5.885a.999.999 0 1 1-1.378 1.449c-2.457-2.334-3.168-5.846-1.692-8.35 2.602-4.416 6.83-4.342 12.693-4.239l.241.004c4.723.125 7.339-2.215 8.202-4.393.213-.537.389-1.268.018-1.702-.466-.546-1.706-.69-3.158-.368-1.496.333-3.462 1.231-5.95 2.37-2.426 1.109-5.445 2.49-9.056 3.802-5.052 1.834-10.438 1.531-13.722-.771C1.17 27.179.003 24.853.003 22c0-2.634.894-4.734 2.657-6.243 2.475-2.117 6.786-2.937 11.539-2.192 2.659.417 4.802.178 6.201-.688.853-.528 1.089-1.646.539-2.547-.83-1.357-.936-3.027-.936-4.33 0-3.536 2.635-6 5-6s5 2.464 5 6c0 1.719-.194 3.873-1.709 5.281-.268.249-.45.529-.529.81-1.567 5.575-5.91 7.031-9.04 7.642-.947.185-2.181.177-3.485.169-2.155-.011-4.839-.03-5.822.947-.179.177-.415.488-.415 1.151 0 .636.212.885.371 1.017 1.034.857 4.219.253 5.579-.004 3.044-.577 7.948-3.194 11.193-4.925.669-.357 1.282-.685 1.819-.962 5.88-3.048 12.078-2.292 15.423 1.882 1.308 1.632 1.834 3.645 1.522 5.821-.434 3.024-2.516 6.172-5.434 8.214-4.217 2.954-8.453 3.729-15.629 2.863-1.261-.155-2.931-.13-3.703.851-.644.817-.513 2.07-.205 2.895.748 2.004 1.337 3.3 4.76 6.633a1 1 0 0 1 .02 1.414 1.003 1.003 0 0 1-.716.301z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.amphibian::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' style='enable-background:new 0 0 40 40' fill='%23777' xml:space='preserve'%3E%3Cpath d='M29.13 11.831a1.027 1.027 0 1 1 0-2.055c2.13 0 3.86-1.732 3.86-3.86s-1.73-3.859-3.86-3.859a3.871 3.871 0 0 0-3.71 2.81 1.033 1.033 0 0 1-1.236.718 16.258 16.258 0 0 0-8.357.146 1.026 1.026 0 0 1-1.282-.742 3.846 3.846 0 0 0-3.741-2.933c-2.129 0-3.86 1.731-3.86 3.859s1.731 3.86 3.86 3.86a1.028 1.028 0 1 1 0 2.055 5.923 5.923 0 0 1-5.917-5.916A5.922 5.922 0 0 1 10.803 0a5.894 5.894 0 0 1 5.4 3.51 18.345 18.345 0 0 1 7.583-.12A5.935 5.935 0 0 1 29.13 0a5.921 5.921 0 0 1 5.916 5.915 5.922 5.922 0 0 1-5.916 5.916zM26.981 18.459a3.46 3.46 0 0 1-1.921-.58l-2.274-1.518a5.067 5.067 0 0 0-5.638 0l-2.275 1.518a3.477 3.477 0 0 1-4.38-.434l-.416-.417a1.028 1.028 0 0 1 1.453-1.453l.417.417a1.423 1.423 0 0 0 1.786.178l2.275-1.518a7.116 7.116 0 0 1 7.918 0l2.275 1.518a1.416 1.416 0 0 0 1.784-.178l.418-.417a1.028 1.028 0 0 1 1.453 1.453l-.415.417a3.472 3.472 0 0 1-2.46 1.014z'/%3E%3Cpath d='M19.967 24.661c-7.977 0-14.468-4.847-14.468-10.804 0-1.622.465-3.179 1.381-4.627a1.028 1.028 0 0 1 1.736 1.099c-.705 1.114-1.062 2.301-1.062 3.528 0 4.823 5.568 8.748 12.412 8.748 6.845 0 12.411-3.925 12.411-8.748 0-1.225-.357-2.412-1.06-3.528a1.028 1.028 0 0 1 1.738-1.097c.913 1.45 1.377 3.006 1.377 4.625.002 5.957-6.489 10.804-14.465 10.804zM34.019 6.943h-7.332a1.027 1.027 0 1 1 0-2.056h7.332a1.027 1.027 0 1 1 0 2.056z'/%3E%3Cpath d='M29.13 8.166a2.254 2.254 0 0 1-2.251-2.25 1.028 1.028 0 1 1 2.056 0c0 .214.389.214.389 0a1.028 1.028 0 1 1 2.055 0 2.253 2.253 0 0 1-2.249 2.25zM13.247 6.943H5.915a1.028 1.028 0 1 1 0-2.056h7.332a1.028 1.028 0 1 1 0 2.056z'/%3E%3Cpath d='M10.803 8.166a2.253 2.253 0 0 1-2.25-2.25 1.028 1.028 0 1 1 2.056 0c0 .214.39.214.39 0a1.027 1.027 0 1 1 2.056 0 2.256 2.256 0 0 1-2.252 2.25zM13.247 39.935H8.359a1.026 1.026 0 0 1-.726-1.755l1.952-1.953-3.651-8.521a12.039 12.039 0 0 1-.466-8.193l.865-2.674a1.027 1.027 0 0 1 1.955.632l-.858 2.654a9.973 9.973 0 0 0 .392 6.772l3.926 9.16c.166.386.079.834-.218 1.131l-.689.69h2.406a1.027 1.027 0 1 1 0 2.057z'/%3E%3Cpath d='M17.523 39.935c-.263 0-.526-.101-.727-.301l-2.444-2.445a1.018 1.018 0 0 1-.248-.401l-2.13-6.391a7.103 7.103 0 0 1-.367-2.256v-1.452c0-.568.459-1.027 1.028-1.027.568 0 1.028.459 1.028 1.027v1.452c0 .546.088 1.086.261 1.605l2.054 6.161 2.273 2.272a1.03 1.03 0 0 1-.728 1.756z'/%3E%3Cpath d='M31.575 39.935h-4.889a1.027 1.027 0 1 1 0-2.055h2.407l-.69-.69a1.024 1.024 0 0 1-.217-1.131l3.925-9.16a9.974 9.974 0 0 0 .385-6.792l-.875-2.56a1.028 1.028 0 1 1 1.946-.664l.888 2.596a12.057 12.057 0 0 1-.454 8.229l-3.651 8.521 1.953 1.953c.293.293.382.735.223 1.12-.16.382-.536.633-.951.633z'/%3E%3Cpath d='M22.41 39.935a1.027 1.027 0 0 1-.727-1.755l2.272-2.272 2.054-6.161c.173-.52.262-1.06.262-1.605V26.69a1.027 1.027 0 1 1 2.055 0v1.452c0 .767-.125 1.525-.368 2.256l-2.13 6.391a1.01 1.01 0 0 1-.249.401l-2.442 2.445c-.2.199-.463.3-.727.3z'/%3E%3Cpath d='M4.693 39.324H1.028a1.028 1.028 0 0 1-.658-1.819l3.076-2.564-2.641-6.165c-.719-1.674-.568-3.541.401-4.992 1.017-1.522 2.759-2.39 4.805-2.357a1.027 1.027 0 0 1 1.016 1.04c-.007.568-.502.994-1.04 1.016-1.318-.021-2.448.51-3.072 1.443-.59.884-.671 1.994-.222 3.042l2.943 6.869c.18.418.063.904-.286 1.195l-1.484 1.236h.826a1.028 1.028 0 0 1 .001 2.056zM38.904 39.324h-3.663a1.027 1.027 0 1 1 0-2.055h.825l-1.484-1.236a1.029 1.029 0 0 1-.287-1.195l2.943-6.869c.446-1.036.369-2.133-.207-3.008-.622-.943-1.75-1.483-3.098-1.483a1.029 1.029 0 0 1 0-2.055c2.05 0 3.805.877 4.813 2.407.949 1.441 1.092 3.29.382 4.948l-2.641 6.165 3.076 2.564a1.028 1.028 0 0 1-.659 1.817z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.amphibian::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' style='enable-background:new 0 0 40 40' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M29.13 11.831a1.027 1.027 0 1 1 0-2.055c2.13 0 3.86-1.732 3.86-3.86s-1.73-3.859-3.86-3.859a3.871 3.871 0 0 0-3.71 2.81 1.033 1.033 0 0 1-1.236.718 16.258 16.258 0 0 0-8.357.146 1.026 1.026 0 0 1-1.282-.742 3.846 3.846 0 0 0-3.741-2.933c-2.129 0-3.86 1.731-3.86 3.859s1.731 3.86 3.86 3.86a1.028 1.028 0 1 1 0 2.055 5.923 5.923 0 0 1-5.917-5.916A5.922 5.922 0 0 1 10.803 0a5.894 5.894 0 0 1 5.4 3.51 18.345 18.345 0 0 1 7.583-.12A5.935 5.935 0 0 1 29.13 0a5.921 5.921 0 0 1 5.916 5.915 5.922 5.922 0 0 1-5.916 5.916zM26.981 18.459a3.46 3.46 0 0 1-1.921-.58l-2.274-1.518a5.067 5.067 0 0 0-5.638 0l-2.275 1.518a3.477 3.477 0 0 1-4.38-.434l-.416-.417a1.028 1.028 0 0 1 1.453-1.453l.417.417a1.423 1.423 0 0 0 1.786.178l2.275-1.518a7.116 7.116 0 0 1 7.918 0l2.275 1.518a1.416 1.416 0 0 0 1.784-.178l.418-.417a1.028 1.028 0 0 1 1.453 1.453l-.415.417a3.472 3.472 0 0 1-2.46 1.014z'/%3E%3Cpath d='M19.967 24.661c-7.977 0-14.468-4.847-14.468-10.804 0-1.622.465-3.179 1.381-4.627a1.028 1.028 0 0 1 1.736 1.099c-.705 1.114-1.062 2.301-1.062 3.528 0 4.823 5.568 8.748 12.412 8.748 6.845 0 12.411-3.925 12.411-8.748 0-1.225-.357-2.412-1.06-3.528a1.028 1.028 0 0 1 1.738-1.097c.913 1.45 1.377 3.006 1.377 4.625.002 5.957-6.489 10.804-14.465 10.804zM34.019 6.943h-7.332a1.027 1.027 0 1 1 0-2.056h7.332a1.027 1.027 0 1 1 0 2.056z'/%3E%3Cpath d='M29.13 8.166a2.254 2.254 0 0 1-2.251-2.25 1.028 1.028 0 1 1 2.056 0c0 .214.389.214.389 0a1.028 1.028 0 1 1 2.055 0 2.253 2.253 0 0 1-2.249 2.25zM13.247 6.943H5.915a1.028 1.028 0 1 1 0-2.056h7.332a1.028 1.028 0 1 1 0 2.056z'/%3E%3Cpath d='M10.803 8.166a2.253 2.253 0 0 1-2.25-2.25 1.028 1.028 0 1 1 2.056 0c0 .214.39.214.39 0a1.027 1.027 0 1 1 2.056 0 2.256 2.256 0 0 1-2.252 2.25zM13.247 39.935H8.359a1.026 1.026 0 0 1-.726-1.755l1.952-1.953-3.651-8.521a12.039 12.039 0 0 1-.466-8.193l.865-2.674a1.027 1.027 0 0 1 1.955.632l-.858 2.654a9.973 9.973 0 0 0 .392 6.772l3.926 9.16c.166.386.079.834-.218 1.131l-.689.69h2.406a1.027 1.027 0 1 1 0 2.057z'/%3E%3Cpath d='M17.523 39.935c-.263 0-.526-.101-.727-.301l-2.444-2.445a1.018 1.018 0 0 1-.248-.401l-2.13-6.391a7.103 7.103 0 0 1-.367-2.256v-1.452c0-.568.459-1.027 1.028-1.027.568 0 1.028.459 1.028 1.027v1.452c0 .546.088 1.086.261 1.605l2.054 6.161 2.273 2.272a1.03 1.03 0 0 1-.728 1.756z'/%3E%3Cpath d='M31.575 39.935h-4.889a1.027 1.027 0 1 1 0-2.055h2.407l-.69-.69a1.024 1.024 0 0 1-.217-1.131l3.925-9.16a9.974 9.974 0 0 0 .385-6.792l-.875-2.56a1.028 1.028 0 1 1 1.946-.664l.888 2.596a12.057 12.057 0 0 1-.454 8.229l-3.651 8.521 1.953 1.953c.293.293.382.735.223 1.12-.16.382-.536.633-.951.633z'/%3E%3Cpath d='M22.41 39.935a1.027 1.027 0 0 1-.727-1.755l2.272-2.272 2.054-6.161c.173-.52.262-1.06.262-1.605V26.69a1.027 1.027 0 1 1 2.055 0v1.452c0 .767-.125 1.525-.368 2.256l-2.13 6.391a1.01 1.01 0 0 1-.249.401l-2.442 2.445c-.2.199-.463.3-.727.3z'/%3E%3Cpath d='M4.693 39.324H1.028a1.028 1.028 0 0 1-.658-1.819l3.076-2.564-2.641-6.165c-.719-1.674-.568-3.541.401-4.992 1.017-1.522 2.759-2.39 4.805-2.357a1.027 1.027 0 0 1 1.016 1.04c-.007.568-.502.994-1.04 1.016-1.318-.021-2.448.51-3.072 1.443-.59.884-.671 1.994-.222 3.042l2.943 6.869c.18.418.063.904-.286 1.195l-1.484 1.236h.826a1.028 1.028 0 0 1 .001 2.056zM38.904 39.324h-3.663a1.027 1.027 0 1 1 0-2.055h.825l-1.484-1.236a1.029 1.029 0 0 1-.287-1.195l2.943-6.869c.446-1.036.369-2.133-.207-3.008-.622-.943-1.75-1.483-3.098-1.483a1.029 1.029 0 0 1 0-2.055c2.05 0 3.805.877 4.813 2.407.949 1.441 1.092 3.29.382 4.948l-2.641 6.165 3.076 2.564a1.028 1.028 0 0 1-.659 1.817z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.fish::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='44' style='enable-background:new 0 0 47 44' fill='%23777' xml:space='preserve'%3E%3Cpath d='M33 27h2v2h-2z'/%3E%3Cpath d='M1 38a1 1 0 0 1-.908-1.419C1.491 33.551 3 29.79 3 29S1.491 24.449.092 21.419a1 1 0 0 1 1.209-1.373c2.159.68 6.22 3.408 8.636 5.534C11.806 23.631 16.984 19 24 19c9.352 0 17 7.55 17 10 0 2.812-8.219 9-17 9-6.805 0-11.901-3.535-14.045-5.596-2.414 2.127-6.491 4.869-8.654 5.55A1.01 1.01 0 0 1 1 38zm9-8 .049.001c.279.014.539.144.718.357C11.99 31.822 17.047 36 24 36c8.294 0 14.77-5.67 15.002-7.029C38.802 27.644 32.282 21 24 21c-7.47 0-12.665 5.961-13.232 6.641a.994.994 0 0 1-.718.358.99.99 0 0 1-.75-.285c-1.418-1.391-4.103-3.373-6.284-4.644C3.936 25.216 5 27.93 5 29s-1.064 3.784-1.984 5.93c2.181-1.271 4.865-3.253 6.284-4.644.187-.183.439-.286.7-.286z'/%3E%3Cpath d='M32.978 35.926a.906.906 0 0 1-.146-.011C28.938 35.345 26 31.942 26 28c0-1.646.496-3.227 1.435-4.572.317-.452.94-.563 1.393-.248.452.316.563.939.248 1.393A5.946 5.946 0 0 0 28 28c0 2.957 2.202 5.509 5.121 5.937a1 1 0 0 1-.143 1.989zM16 44a1 1 0 0 1-.851-1.525c.813-1.317 1.867-4.403 1.737-6.438a1 1 0 0 1 .934-1.062c.567-.018 1.027.383 1.062.935.114 1.787-.456 4.039-1.137 5.763 4.97-1.091 8.778-3.544 9.292-5.361a1 1 0 1 1 1.925.545c-.885 3.125-6.518 6.259-12.825 7.134A1.062 1.062 0 0 1 16 44zM15.189 23.374a1 1 0 0 1-.973-1.234l.073-.301c.52-2.137 1.108-4.559-.756-7.466a1.001 1.001 0 0 1 .861-1.54c7.957.149 12.575 2.46 14.532 7.272a1 1 0 0 1-1.852.754c-.953-2.342-3.137-5.423-11.001-5.954 1.245 2.94.628 5.476.159 7.406l-.072.296a.998.998 0 0 1-.971.767zM43 25c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2zM35.5 19c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-7c-1.379 0-2.5 1.122-2.5 2.5s1.121 2.5 2.5 2.5 2.5-1.122 2.5-2.5-1.121-2.5-2.5-2.5zM42 10c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.fish::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='44' style='enable-background:new 0 0 47 44' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M33 27h2v2h-2z'/%3E%3Cpath d='M1 38a1 1 0 0 1-.908-1.419C1.491 33.551 3 29.79 3 29S1.491 24.449.092 21.419a1 1 0 0 1 1.209-1.373c2.159.68 6.22 3.408 8.636 5.534C11.806 23.631 16.984 19 24 19c9.352 0 17 7.55 17 10 0 2.812-8.219 9-17 9-6.805 0-11.901-3.535-14.045-5.596-2.414 2.127-6.491 4.869-8.654 5.55A1.01 1.01 0 0 1 1 38zm9-8 .049.001c.279.014.539.144.718.357C11.99 31.822 17.047 36 24 36c8.294 0 14.77-5.67 15.002-7.029C38.802 27.644 32.282 21 24 21c-7.47 0-12.665 5.961-13.232 6.641a.994.994 0 0 1-.718.358.99.99 0 0 1-.75-.285c-1.418-1.391-4.103-3.373-6.284-4.644C3.936 25.216 5 27.93 5 29s-1.064 3.784-1.984 5.93c2.181-1.271 4.865-3.253 6.284-4.644.187-.183.439-.286.7-.286z'/%3E%3Cpath d='M32.978 35.926a.906.906 0 0 1-.146-.011C28.938 35.345 26 31.942 26 28c0-1.646.496-3.227 1.435-4.572.317-.452.94-.563 1.393-.248.452.316.563.939.248 1.393A5.946 5.946 0 0 0 28 28c0 2.957 2.202 5.509 5.121 5.937a1 1 0 0 1-.143 1.989zM16 44a1 1 0 0 1-.851-1.525c.813-1.317 1.867-4.403 1.737-6.438a1 1 0 0 1 .934-1.062c.567-.018 1.027.383 1.062.935.114 1.787-.456 4.039-1.137 5.763 4.97-1.091 8.778-3.544 9.292-5.361a1 1 0 1 1 1.925.545c-.885 3.125-6.518 6.259-12.825 7.134A1.062 1.062 0 0 1 16 44zM15.189 23.374a1 1 0 0 1-.973-1.234l.073-.301c.52-2.137 1.108-4.559-.756-7.466a1.001 1.001 0 0 1 .861-1.54c7.957.149 12.575 2.46 14.532 7.272a1 1 0 0 1-1.852.754c-.953-2.342-3.137-5.423-11.001-5.954 1.245 2.94.628 5.476.159 7.406l-.072.296a.998.998 0 0 1-.971.767zM43 25c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2zM35.5 19c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-7c-1.379 0-2.5 1.122-2.5 2.5s1.121 2.5 2.5 2.5 2.5-1.122 2.5-2.5-1.121-2.5-2.5-2.5zM42 10c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.insects::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='47' style='enable-background:new 0 0 40 47' fill='%23777' xml:space='preserve'%3E%3Cpath d='M20 45c-6.617 0-12-5.158-12-11.5v-8c0-.238.013-.477.035-.71.37-3.808 3.79-6.79 7.787-6.79h8.355c3.997 0 7.417 2.982 7.787 6.789.023.234.036.473.036.711v8C32 39.842 26.617 45 20 45zm-4.178-25c-2.979 0-5.525 2.188-5.797 4.982-.016.17-.025.344-.025.518v8c0 5.238 4.486 9.5 10 9.5s10-4.262 10-9.5v-8c0-.174-.009-.348-.025-.519C29.703 22.188 27.156 20 24.178 20h-8.356zM26 17a1 1 0 0 1-1-1v-2c0-2.393-2.585-4-5-4s-5 1.607-5 4v2a1 1 0 1 1-2 0v-2c0-3.706 3.634-6 7-6s7 2.294 7 6v2a1 1 0 0 1-1 1z'/%3E%3Cpath d='M16.001 11c-.384 0-.749-.222-.915-.594l-4-9a1 1 0 0 1 1.828-.813l4 9A1 1 0 0 1 16.001 11zM23.999 11a1 1 0 0 1-.913-1.407l4-9a1 1 0 0 1 1.828.813l-4 9a1 1 0 0 1-.915.594zM8.999 24a.994.994 0 0 1-.599-.2l-4-3a.998.998 0 0 1-.362-.525l-2-7a1 1 0 0 1 1.924-.549l1.907 6.677L9.6 22.2a1 1 0 0 1-.601 1.8zM4.001 47a.999.999 0 0 1-.987-1.164l1-6A.997.997 0 0 1 4.4 39.2l4-3a.998.998 0 1 1 1.199 1.599l-3.679 2.76-.935 5.604a.998.998 0 0 1-.984.837zM1.001 38a1 1 0 0 1-.963-1.275l2-7c.091-.316.333-.568.646-.674l6-2a1.001 1.001 0 0 1 .633 1.899l-5.5 1.832-1.854 6.494a1.003 1.003 0 0 1-.962.724zM31.001 24a1 1 0 0 1-.601-1.8l3.73-2.798 1.907-6.677a1.001 1.001 0 0 1 1.924.549l-2 7a1.013 1.013 0 0 1-.362.525l-4 3a.984.984 0 0 1-.598.201zM35.999 47a1 1 0 0 1-.985-.836l-.935-5.604L30.4 37.8a.998.998 0 1 1 1.199-1.599l4 3a.998.998 0 0 1 .387.636l1 6A.998.998 0 0 1 35.999 47zM38.999 38a1 1 0 0 1-.961-.725l-1.854-6.494-5.5-1.832a1.002 1.002 0 0 1 .633-1.899l6 2c.313.105.555.357.646.674l2 7A1 1 0 0 1 38.999 38zM20 45a1 1 0 0 1-1-1V23a1 1 0 1 1 2 0v21a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.insects::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='47' style='enable-background:new 0 0 40 47' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M20 45c-6.617 0-12-5.158-12-11.5v-8c0-.238.013-.477.035-.71.37-3.808 3.79-6.79 7.787-6.79h8.355c3.997 0 7.417 2.982 7.787 6.789.023.234.036.473.036.711v8C32 39.842 26.617 45 20 45zm-4.178-25c-2.979 0-5.525 2.188-5.797 4.982-.016.17-.025.344-.025.518v8c0 5.238 4.486 9.5 10 9.5s10-4.262 10-9.5v-8c0-.174-.009-.348-.025-.519C29.703 22.188 27.156 20 24.178 20h-8.356zM26 17a1 1 0 0 1-1-1v-2c0-2.393-2.585-4-5-4s-5 1.607-5 4v2a1 1 0 1 1-2 0v-2c0-3.706 3.634-6 7-6s7 2.294 7 6v2a1 1 0 0 1-1 1z'/%3E%3Cpath d='M16.001 11c-.384 0-.749-.222-.915-.594l-4-9a1 1 0 0 1 1.828-.813l4 9A1 1 0 0 1 16.001 11zM23.999 11a1 1 0 0 1-.913-1.407l4-9a1 1 0 0 1 1.828.813l-4 9a1 1 0 0 1-.915.594zM8.999 24a.994.994 0 0 1-.599-.2l-4-3a.998.998 0 0 1-.362-.525l-2-7a1 1 0 0 1 1.924-.549l1.907 6.677L9.6 22.2a1 1 0 0 1-.601 1.8zM4.001 47a.999.999 0 0 1-.987-1.164l1-6A.997.997 0 0 1 4.4 39.2l4-3a.998.998 0 1 1 1.199 1.599l-3.679 2.76-.935 5.604a.998.998 0 0 1-.984.837zM1.001 38a1 1 0 0 1-.963-1.275l2-7c.091-.316.333-.568.646-.674l6-2a1.001 1.001 0 0 1 .633 1.899l-5.5 1.832-1.854 6.494a1.003 1.003 0 0 1-.962.724zM31.001 24a1 1 0 0 1-.601-1.8l3.73-2.798 1.907-6.677a1.001 1.001 0 0 1 1.924.549l-2 7a1.013 1.013 0 0 1-.362.525l-4 3a.984.984 0 0 1-.598.201zM35.999 47a1 1 0 0 1-.985-.836l-.935-5.604L30.4 37.8a.998.998 0 1 1 1.199-1.599l4 3a.998.998 0 0 1 .387.636l1 6A.998.998 0 0 1 35.999 47zM38.999 38a1 1 0 0 1-.961-.725l-1.854-6.494-5.5-1.832a1.002 1.002 0 0 1 .633-1.899l6 2c.313.105.555.357.646.674l2 7A1 1 0 0 1 38.999 38zM20 45a1 1 0 0 1-1-1V23a1 1 0 1 1 2 0v21a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.invertebrate::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='40' style='enable-background:new 0 0 48 40' fill='%23777' xml:space='preserve'%3E%3Cpath d='M23 2h2v15h-2z'/%3E%3Cpath transform='rotate(68.28 17.035 10.589)' d='M9.488 9.588h15.091v2H9.488z'/%3E%3Cpath transform='rotate(50.335 11.237 15.075)' d='M4.068 14.075h14.338v2H4.068z'/%3E%3Cpath transform='rotate(38.997 7.525 21.145)' d='M1.045 20.145h12.959v2H1.045z'/%3E%3Cpath transform='rotate(22.33 30.876 10.588)' d='M29.879 3.01h2v15.157h-2z'/%3E%3Cpath transform='rotate(40.197 36.676 15.074)' d='M35.676 7.849h2v14.45h-2z'/%3E%3Cpath transform='rotate(51.464 40.389 21.142)' d='M39.389 14.595h2v13.097h-2z'/%3E%3Cpath d='M24 40c-3.941 0-18.083-8.897-19.336-9.829C1.979 28.174.245 25.197.025 22.208a8.448 8.448 0 0 1 1.461-5.455c.021-3.266 1.649-6.219 4.326-7.859 1.083-3.434 4.343-6.002 7.992-6.292C15.548.921 17.894 0 20.456 0A10.2 10.2 0 0 1 24 .63 10.197 10.197 0 0 1 27.545 0c2.561 0 4.907.92 6.652 2.602 3.648.29 6.908 2.857 7.991 6.292 2.675 1.64 4.303 4.591 4.326 7.855a8.29 8.29 0 0 1 1.461 5.371c-.213 2.901-1.947 5.829-4.64 7.832C42.488 30.582 28.039 40 24 40zM20.456 2c-2.151 0-4.1.805-5.488 2.267a1 1 0 0 1-.692.311c-3.09.101-5.885 2.3-6.646 5.23-.07.266-.246.492-.488.625-2.331 1.279-3.73 3.812-3.653 6.607.006.224-.063.443-.196.623a6.4 6.4 0 0 0-1.273 4.398c.178 2.417 1.613 4.849 3.838 6.504C7.764 29.983 21.01 38 24 38c3.074 0 16.526-8.452 18.143-9.654 2.232-1.66 3.667-4.043 3.839-6.374.116-1.57-.312-3.02-1.271-4.31a.996.996 0 0 1-.198-.625c.076-2.795-1.323-5.326-3.654-6.605a.997.997 0 0 1-.486-.625c-.761-2.93-3.556-5.129-6.646-5.229a.997.997 0 0 1-.692-.311C31.644 2.805 29.695 2 27.545 2a8.182 8.182 0 0 0-3.161.628.993.993 0 0 1-.768 0A8.184 8.184 0 0 0 20.456 2z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.invertebrate::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='40' style='enable-background:new 0 0 48 40' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M23 2h2v15h-2z'/%3E%3Cpath transform='rotate(68.28 17.035 10.589)' d='M9.488 9.588h15.091v2H9.488z'/%3E%3Cpath transform='rotate(50.335 11.237 15.075)' d='M4.068 14.075h14.338v2H4.068z'/%3E%3Cpath transform='rotate(38.997 7.525 21.145)' d='M1.045 20.145h12.959v2H1.045z'/%3E%3Cpath transform='rotate(22.33 30.876 10.588)' d='M29.879 3.01h2v15.157h-2z'/%3E%3Cpath transform='rotate(40.197 36.676 15.074)' d='M35.676 7.849h2v14.45h-2z'/%3E%3Cpath transform='rotate(51.464 40.389 21.142)' d='M39.389 14.595h2v13.097h-2z'/%3E%3Cpath d='M24 40c-3.941 0-18.083-8.897-19.336-9.829C1.979 28.174.245 25.197.025 22.208a8.448 8.448 0 0 1 1.461-5.455c.021-3.266 1.649-6.219 4.326-7.859 1.083-3.434 4.343-6.002 7.992-6.292C15.548.921 17.894 0 20.456 0A10.2 10.2 0 0 1 24 .63 10.197 10.197 0 0 1 27.545 0c2.561 0 4.907.92 6.652 2.602 3.648.29 6.908 2.857 7.991 6.292 2.675 1.64 4.303 4.591 4.326 7.855a8.29 8.29 0 0 1 1.461 5.371c-.213 2.901-1.947 5.829-4.64 7.832C42.488 30.582 28.039 40 24 40zM20.456 2c-2.151 0-4.1.805-5.488 2.267a1 1 0 0 1-.692.311c-3.09.101-5.885 2.3-6.646 5.23-.07.266-.246.492-.488.625-2.331 1.279-3.73 3.812-3.653 6.607.006.224-.063.443-.196.623a6.4 6.4 0 0 0-1.273 4.398c.178 2.417 1.613 4.849 3.838 6.504C7.764 29.983 21.01 38 24 38c3.074 0 16.526-8.452 18.143-9.654 2.232-1.66 3.667-4.043 3.839-6.374.116-1.57-.312-3.02-1.271-4.31a.996.996 0 0 1-.198-.625c.076-2.795-1.323-5.326-3.654-6.605a.997.997 0 0 1-.486-.625c-.761-2.93-3.556-5.129-6.646-5.229a.997.997 0 0 1-.692-.311C31.644 2.805 29.695 2 27.545 2a8.182 8.182 0 0 0-3.161.628.993.993 0 0 1-.768 0A8.184 8.184 0 0 0 20.456 2z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.plants::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='47' style='enable-background:new 0 0 48 47' fill='%23777' xml:space='preserve'%3E%3Cpath d='M29.037 23h2v24h-2z'/%3E%3Cpath transform='rotate(45.001 28.038 33)' d='M25.209 32h5.657v2h-5.657z'/%3E%3Cpath transform='rotate(45.001 32.038 33)' d='M31.037 30.172h2v5.657h-2z'/%3E%3Cpath d='M11.038 42c-6.065 0-11-4.934-11-11 0-5.752 9.745-20.9 10.16-21.542.368-.57 1.312-.57 1.68 0 .414.642 10.16 15.79 10.16 21.542 0 6.066-4.935 11-11 11zm0-30.132c-3.122 5.005-9 15.232-9 19.132 0 4.963 4.038 9 9 9s9-4.037 9-9c0-3.9-5.878-14.128-9-19.132z'/%3E%3Cpath d='M10.038 22h2v25h-2z'/%3E%3Cpath transform='rotate(45.001 8.538 32.5)' d='M5.002 31.5h7.071v2H5.002z'/%3E%3Cpath transform='rotate(45.001 13.038 28)' d='M12.038 25.172h2v5.657h-2z'/%3E%3Cpath d='M38.679 41H21.038v-2h17.641C42.716 39 46 35.717 46 31.68s-3.284-7.321-7.321-7.321c-.51 0-.991-.381-1.048-.888-.4-3.628-3.735-6.47-7.594-6.47-3.674 0-6.533 2.661-6.953 6.47l-1.988-.22C21.624 18.47 25.384 15 30.037 15c4.561 0 8.545 3.187 9.444 7.398 4.79.428 8.519 4.427 8.519 9.282 0 5.138-4.182 9.32-9.321 9.32zM28.47 14.463c-1.958-3.757-4.234-7.461-5.433-9.358-1.197 1.897-3.473 5.601-5.432 9.358l-1.773-.925c2.841-5.451 6.335-10.783 6.37-10.836.37-.563 1.302-.563 1.671 0 .035.053 3.529 5.385 6.37 10.836l-1.773.925zM39.537 11c-3.032 0-5.5-2.467-5.5-5.5s2.468-5.5 5.5-5.5c3.033 0 5.5 2.467 5.5 5.5s-2.467 5.5-5.5 5.5zm0-9c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.plants::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='47' style='enable-background:new 0 0 48 47' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M29.037 23h2v24h-2z'/%3E%3Cpath transform='rotate(45.001 28.038 33)' d='M25.209 32h5.657v2h-5.657z'/%3E%3Cpath transform='rotate(45.001 32.038 33)' d='M31.037 30.172h2v5.657h-2z'/%3E%3Cpath d='M11.038 42c-6.065 0-11-4.934-11-11 0-5.752 9.745-20.9 10.16-21.542.368-.57 1.312-.57 1.68 0 .414.642 10.16 15.79 10.16 21.542 0 6.066-4.935 11-11 11zm0-30.132c-3.122 5.005-9 15.232-9 19.132 0 4.963 4.038 9 9 9s9-4.037 9-9c0-3.9-5.878-14.128-9-19.132z'/%3E%3Cpath d='M10.038 22h2v25h-2z'/%3E%3Cpath transform='rotate(45.001 8.538 32.5)' d='M5.002 31.5h7.071v2H5.002z'/%3E%3Cpath transform='rotate(45.001 13.038 28)' d='M12.038 25.172h2v5.657h-2z'/%3E%3Cpath d='M38.679 41H21.038v-2h17.641C42.716 39 46 35.717 46 31.68s-3.284-7.321-7.321-7.321c-.51 0-.991-.381-1.048-.888-.4-3.628-3.735-6.47-7.594-6.47-3.674 0-6.533 2.661-6.953 6.47l-1.988-.22C21.624 18.47 25.384 15 30.037 15c4.561 0 8.545 3.187 9.444 7.398 4.79.428 8.519 4.427 8.519 9.282 0 5.138-4.182 9.32-9.321 9.32zM28.47 14.463c-1.958-3.757-4.234-7.461-5.433-9.358-1.197 1.897-3.473 5.601-5.432 9.358l-1.773-.925c2.841-5.451 6.335-10.783 6.37-10.836.37-.563 1.302-.563 1.671 0 .035.053 3.529 5.385 6.37 10.836l-1.773.925zM39.537 11c-3.032 0-5.5-2.467-5.5-5.5s2.468-5.5 5.5-5.5c3.033 0 5.5 2.467 5.5 5.5s-2.467 5.5-5.5 5.5zm0-9c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.algae::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='49' style='enable-background:new 0 0 45 49' fill='%23777' xml:space='preserve'%3E%3Cpath d='m24.203 43.066-1.236-1.616c4.477-3.424 5.339-10.046 5.707-12.874.467-3.593 2.056-5.478 5.861-6.953l.519-.2c2.789-1.075 4.99-1.924 6.528-4.012 1.464-1.984 1.483-4.56 1.283-7.015-1.7 3.617-6.159 6.105-10.491 8.521-1.768.985-3.595 2.005-5.155 3.063-3.485 2.365-3.752 4.127-3.51 7.318.229 2.993-.776 4.565-1.663 5.952-.289.452-.562.88-.792 1.349l-1.828-.896c.281-.572.598-1.068.904-1.548.818-1.281 1.525-2.388 1.349-4.702-.296-3.894.302-6.378 4.396-9.157 1.635-1.108 3.501-2.149 5.307-3.157 4.545-2.535 9.244-5.156 10.04-8.77.196-.896 1.117-1.323 1.864-1.288.783.045 1.36.581 1.436 1.331l.029.313c.311 3.063.694 6.877-1.53 9.894-1.891 2.565-4.459 3.557-7.436 4.704l-.515.199c-3.136 1.216-4.207 2.458-4.579 5.316-.399 3.08-1.337 10.292-6.488 14.228zM11.358 19.039c-.416-.847-.904-1.609-1.376-2.346-.968-1.511-1.969-3.073-2.279-5.28-.489-3.463-.002-6.785.585-10.165.132-.756.834-1.252 1.792-1.264.92-.014 1.916.385 2.097 1.296.954 4.785 2.193 6.368 3.098 7.522.333.426.647.827.905 1.312l-1.796.957c-.175-.327-.412-.63-.712-1.013-1.007-1.287-2.379-3.039-3.419-8.029l-.033-.004c-.524 3.066-.929 6.075-.502 9.103.249 1.767 1.05 3.018 1.978 4.466.503.785 1.022 1.596 1.489 2.546l-1.827.899zM16.661 36.659c-4.855-.192-8.285-1.695-11.468-5.024C2.077 28.375.977 24.492.039 20.468c-.147-.634.131-1.26.71-1.593.674-.389 1.597-.292 2.146.226 1.757 1.656 3.215 2.635 5.407 4.052l-1.105 1.71c-1.937-1.252-3.328-2.179-4.852-3.511.834 3.336 1.879 6.323 4.319 8.875 2.822 2.953 5.742 4.226 10.077 4.399l-.08 2.033z'/%3E%3Cpath d='M30.741 48.875h-2.035c0-3.418-1.161-7.051-2.959-9.258l1.579-1.286c2.075 2.549 3.415 6.688 3.415 10.544zm-14.249 0h-2.036c0-1.638.891-3.231 1.752-4.771.831-1.485 1.69-3.021 1.35-4.077-.792-2.463-1.858-4.382-3.457-6.225-2.256-2.6-5.151-6.579-4.268-11.106 1.664-8.525 8.952-13.918 16.001-19.134a290.36 290.36 0 0 0 3.223-2.41c.652-.5 1.461-.521 2.056-.052 1.052.826 1.06 2.81.02 5.179-1.439 3.277-3.634 5.696-5.592 7.631-5.322 5.259-7.167 10.271-5.484 14.896.335.921 1.726 2.911 2.503 3.245l-.803 1.871c-1.537-.661-3.193-3.267-3.613-4.421-1.951-5.363.113-11.255 5.967-17.04 2.581-2.551 4.124-4.645 5.158-7.001.505-1.148.616-1.927.608-2.373-.94.711-1.887 1.412-2.831 2.112C20 10.412 13.344 15.336 11.832 23.085c-.543 2.781.667 5.764 3.808 9.383 1.763 2.031 2.989 4.235 3.857 6.935.611 1.9-.468 3.829-1.512 5.695-.734 1.312-1.493 2.669-1.493 3.777z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.algae::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='49' style='enable-background:new 0 0 45 49' fill='%23fff' xml:space='preserve'%3E%3Cpath d='m24.203 43.066-1.236-1.616c4.477-3.424 5.339-10.046 5.707-12.874.467-3.593 2.056-5.478 5.861-6.953l.519-.2c2.789-1.075 4.99-1.924 6.528-4.012 1.464-1.984 1.483-4.56 1.283-7.015-1.7 3.617-6.159 6.105-10.491 8.521-1.768.985-3.595 2.005-5.155 3.063-3.485 2.365-3.752 4.127-3.51 7.318.229 2.993-.776 4.565-1.663 5.952-.289.452-.562.88-.792 1.349l-1.828-.896c.281-.572.598-1.068.904-1.548.818-1.281 1.525-2.388 1.349-4.702-.296-3.894.302-6.378 4.396-9.157 1.635-1.108 3.501-2.149 5.307-3.157 4.545-2.535 9.244-5.156 10.04-8.77.196-.896 1.117-1.323 1.864-1.288.783.045 1.36.581 1.436 1.331l.029.313c.311 3.063.694 6.877-1.53 9.894-1.891 2.565-4.459 3.557-7.436 4.704l-.515.199c-3.136 1.216-4.207 2.458-4.579 5.316-.399 3.08-1.337 10.292-6.488 14.228zM11.358 19.039c-.416-.847-.904-1.609-1.376-2.346-.968-1.511-1.969-3.073-2.279-5.28-.489-3.463-.002-6.785.585-10.165.132-.756.834-1.252 1.792-1.264.92-.014 1.916.385 2.097 1.296.954 4.785 2.193 6.368 3.098 7.522.333.426.647.827.905 1.312l-1.796.957c-.175-.327-.412-.63-.712-1.013-1.007-1.287-2.379-3.039-3.419-8.029l-.033-.004c-.524 3.066-.929 6.075-.502 9.103.249 1.767 1.05 3.018 1.978 4.466.503.785 1.022 1.596 1.489 2.546l-1.827.899zM16.661 36.659c-4.855-.192-8.285-1.695-11.468-5.024C2.077 28.375.977 24.492.039 20.468c-.147-.634.131-1.26.71-1.593.674-.389 1.597-.292 2.146.226 1.757 1.656 3.215 2.635 5.407 4.052l-1.105 1.71c-1.937-1.252-3.328-2.179-4.852-3.511.834 3.336 1.879 6.323 4.319 8.875 2.822 2.953 5.742 4.226 10.077 4.399l-.08 2.033z'/%3E%3Cpath d='M30.741 48.875h-2.035c0-3.418-1.161-7.051-2.959-9.258l1.579-1.286c2.075 2.549 3.415 6.688 3.415 10.544zm-14.249 0h-2.036c0-1.638.891-3.231 1.752-4.771.831-1.485 1.69-3.021 1.35-4.077-.792-2.463-1.858-4.382-3.457-6.225-2.256-2.6-5.151-6.579-4.268-11.106 1.664-8.525 8.952-13.918 16.001-19.134a290.36 290.36 0 0 0 3.223-2.41c.652-.5 1.461-.521 2.056-.052 1.052.826 1.06 2.81.02 5.179-1.439 3.277-3.634 5.696-5.592 7.631-5.322 5.259-7.167 10.271-5.484 14.896.335.921 1.726 2.911 2.503 3.245l-.803 1.871c-1.537-.661-3.193-3.267-3.613-4.421-1.951-5.363.113-11.255 5.967-17.04 2.581-2.551 4.124-4.645 5.158-7.001.505-1.148.616-1.927.608-2.373-.94.711-1.887 1.412-2.831 2.112C20 10.412 13.344 15.336 11.832 23.085c-.543 2.781.667 5.764 3.808 9.383 1.763 2.031 2.989 4.235 3.857 6.935.611 1.9-.468 3.829-1.512 5.695-.734 1.312-1.493 2.669-1.493 3.777z'/%3E%3C/svg%3E");}

.total-search__item.circleRadio label.bacteria::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='48' style='enable-background:new 0 0 47 48' fill='%23777' xml:space='preserve'%3E%3Cpath d='M23.5 32C10.322 32 0 27.163 0 20.989 0 15.073 10.421 0 23.5 0 36.58 0 47 15.073 47 20.989 47 27.163 36.678 32 23.5 32zm0-30C11.766 2 2 15.788 2 20.989 2 25.874 11.846 30 23.5 30S45 25.874 45 20.989C45 15.788 35.234 2 23.5 2z'/%3E%3Cpath d='M20 16c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM24 26c-2.206 0-4-1.795-4-4s1.794-4 4-4c2.205 0 4 1.794 4 4s-1.795 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2c1.104 0 2-.897 2-2s-.896-2-2-2zM13.5 25C11.019 25 9 22.981 9 20.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-7c-1.378 0-2.5 1.122-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.122 2.5-2.5-1.122-2.5-2.5-2.5zM23 48c-5.86 0-11-4.206-11-9 0-1.574.287-2.452.54-3.227.247-.755.46-1.408.46-2.773 0-1.229-.111-1.384-.407-1.798-.135-.19-.289-.406-.459-.702l1.732-1c.131.228.251.394.355.54.529.741.779 1.275.779 2.96 0 1.684-.297 2.593-.559 3.395C14.205 37.119 14 37.744 14 39c0 3.663 4.29 7 9 7 4.627 0 9-3.402 9-7 0-1.256-.203-1.881-.441-2.605C31.297 35.593 31 34.684 31 33c0-1.943.361-2.525.871-3.135.082-.099.172-.199.254-.348l1.752.965c-.166.3-.336.503-.471.665-.236.282-.406.486-.406 1.853 0 1.365.213 2.018.461 2.773.252.775.539 1.653.539 3.227 0 4.71-5.242 9-11 9z'/%3E%3C/svg%3E");}
.total-search__item.circleRadio input[type="radio"]:checked + label.bacteria::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='48' style='enable-background:new 0 0 47 48' fill='%23fff' xml:space='preserve'%3E%3Cpath d='M23.5 32C10.322 32 0 27.163 0 20.989 0 15.073 10.421 0 23.5 0 36.58 0 47 15.073 47 20.989 47 27.163 36.678 32 23.5 32zm0-30C11.766 2 2 15.788 2 20.989 2 25.874 11.846 30 23.5 30S45 25.874 45 20.989C45 15.788 35.234 2 23.5 2z'/%3E%3Cpath d='M20 16c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM24 26c-2.206 0-4-1.795-4-4s1.794-4 4-4c2.205 0 4 1.794 4 4s-1.795 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2c1.104 0 2-.897 2-2s-.896-2-2-2zM13.5 25C11.019 25 9 22.981 9 20.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-7c-1.378 0-2.5 1.122-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.122 2.5-2.5-1.122-2.5-2.5-2.5zM23 48c-5.86 0-11-4.206-11-9 0-1.574.287-2.452.54-3.227.247-.755.46-1.408.46-2.773 0-1.229-.111-1.384-.407-1.798-.135-.19-.289-.406-.459-.702l1.732-1c.131.228.251.394.355.54.529.741.779 1.275.779 2.96 0 1.684-.297 2.593-.559 3.395C14.205 37.119 14 37.744 14 39c0 3.663 4.29 7 9 7 4.627 0 9-3.402 9-7 0-1.256-.203-1.881-.441-2.605C31.297 35.593 31 34.684 31 33c0-1.943.361-2.525.871-3.135.082-.099.172-.199.254-.348l1.752.965c-.166.3-.336.503-.471.665-.236.282-.406.486-.406 1.853 0 1.365.213 2.018.461 2.773.252.775.539 1.653.539 3.227 0 4.71-5.242 9-11 9z'/%3E%3C/svg%3E");}


.total-search__item.boxRadio{}
.total-search__item.boxRadio label{flex:1; display:flex; height:70px; align-items:center; justify-content:center; font-size:16px; color:#888; border:5px solid #dedede; border-radius:5px; background-color:#f7f7f7; transition:all .4s;}
.total-search__item.boxRadio label::before,
.total-search__item.boxRadio label::after{display:none;}
.total-search__item.boxRadio input[type="radio"]:checked + label{background:#037a4e; color:#fff; font-weight:600; border-color:#037a4e;}


/* modal custom */
.modal-content{border-radius:0; padding:30px;}
.modal-header{border-bottom:0; padding:0; margin-bottom:30px;}
.modal-title{display:flex; align-items:center; font-size:22px; color:#222; font-weight:600; line-height:1; }
.modal-title::before{content: ''; display: block; width: 17px; height: 17px; background: url('/resources/nie/images/layout/subtitle-icons_03.jpg'); margin-right: 10px}
.modal-body{padding:0;}
.modal-body .board-write__item{}
.modal-body .board-write__item > li > .title{width:190px;}
.modal-body .board-write__item > li > .write-item{flex:none; width:calc(100% - 190px); word-break:break-all;}

.modal-header2{display:grid; grid-template:auto auto / auto auto; justify-content:space-between; width:100%; padding-bottom:30px; border-bottom:2px solid #333; margin-bottom:30px;}
.modal-header2 .closeBtn{display:block; width:17px; height:17px; background:url('/resources/nie/images/layout/ico_modal_close.png') center center no-repeat; margin-left:auto; text-indent: -999px; overflow: hidden;}

.modal-title2{line-height:1; grid-row:2 span;}
.modal-title2 .category{display:block; width:100%; font-size:16px; font-weight:600; color:#037a4e; line-height:1; margin-bottom:15px;}
.modal-title2 .title{font-size:26px; font-weight:600; color:#222; line-height:1;}
.modal-title2 .eng{font-family:'SpoqaHanSansNeo'; font-size:26px; font-weight:300; color:#222; line-height:1; margin-left:20px;}
#board-galleryLayer .board-write__img{display:block; width:100%; height:387px;}
.board-write-wrap{display:flex; justify-content:space-between; padding:20px 0; border-bottom:1px solid #cdcdcd;}
.board-write__list{}
.board-write__list li{display:flex; line-height:1;}
.board-write__list li:not(:last-child){margin-bottom:15px;}
.board-write__list li .title{display:flex; align-items:center; min-width:65px; font-size:16px; font-weight:600; line-height:1; color:#333;}
.board-write__list li .title::before{content:''; display:flex; width:3px; height:3px; margin-right:10px; border-radius:100%; background-color:#333; font-size:16px; font-weight:600; color:#333;}
.board-write__list li .write-item{font-size:16px; color:#666; line-height:1;}
.btn-modalDown{display:flex; align-items:center; padding:0 20px 0 60px; width:138px; height:36px; border:1px solid #ccc; border-radius:3px; background:url('/resources/nie/images/layout/ico_modal_down.png') left 20px center no-repeat; font-size:16px; font-weight:400; color:#666; line-height:1;}
.modal-bottom{display:flex; align-items:flex-start; margin-top:20px;}
.modal-bottom .text{flex:1; margin-left:15px; font-size:14px; color:#888; line-height:1.6;}
.modal-bottom img{display:block; width:106px; height:32px;}

/*  */
/* .modal{overflow:visible !important; opacity:1 !important; display:block !important;} */
.modal-open{overflow:hidden; height:100%;}
.modal-open #survey-modal{overflow:hidden;}
#survey-modal{border-radius:3px; _padding:30px;}
#survey-modal .modal-header{padding-bottom:30px; border-bottom:2px solid #333; align-items:center; }
#survey-modal .survey-title{font-size:26px; font-weight:600; color:#222; line-height:1.2; color:#037a4e; width:530px; overflow:hidden; text-overflow:ellipsis;}
/* #survey-modal .survey-title .type{display:block; font-size:16px; font-weight:600; color:#037a4e; line-height:1; margin-bottom:10px;} */
#survey-modal .modal-content{max-height:calc(100vh - 100px);}
#survey-modal .survey-list{}
#survey-modal .survey-list > li{}
#survey-modal .survey-list > li:not(:first-child){margin-top:30px;}
#survey-modal .survey-list .title{display:flex; font-size:18px; font-weight:500; color:#333;}
#survey-modal .survey-list .num{display:flex; min-width:30px; height:30px; justify-content:center; align-items:center; border-radius:100%; margin-right:10px; background-color:#3f3f3f; font-size:14px; font-weight:600; color:#fff; line-height:1;}
#survey-modal .survey-item,
#survey-modal textarea{width:100%; min-height: 155px; border:1px solid #ccc; background-color:#f7f7f7; border-radius:3px; margin-top: 20px; padding:20px; resize:none;}
#survey-modal textarea,
#survey-modal .survey-item.textarea{min-height:auto; height:155px;}
#survey-modal textarea::placeholder{font-size:16px; font-weight:400; color:#666; line-height:1.6;}
#survey-modal .survey-item > li{line-height:1;}
#survey-modal .survey-item > li > img{width: 100px; margin-right: 10px;}
#survey-modal .survey-item > li:not(:first-child){margin-top:15px;}
#survey-modal .survey-list li input[type="radio"]{}
#survey-modal .survey-list li input[type="radio"] + label{font-size:16px; font-weight:400; color:#666; line-height:1; }
#survey-modal .survey-list li input[type="checkbox"]{}
#survey-modal .survey-list li input[type="checkbox"] + label{font-size:16px; font-weight:400; color:#666; line-height:1; }
#survey-modal input[type="checkbox"] + label::before{content:''; min-width:15px; width:15px; height:15px; margin-right:10px;}
#survey-modal input[type="checkbox"] + label::before{border-radius:3px;}
#survey-modal input[type="checkbox"] + label::after{min-width:15px; width:15px; height:15px;}
#survey-modal .survey-item.textarea{overflow-y:auto;}
#survey-modal .modal-body{overflow-y:auto;}

.textBox{position:relative;}
.textBox .text-length{position:absolute; right:20px; bottom:20px; font-size:14px; font-weight:400; color:#888; line-height:1;}

.sub-eco .ico-box{display:flex; justify-content:center; align-items:flex-start; width:100%; height:220px; padding:30px 0; background-color:#f7f7f7; margin:25px 0 0;}
.sub-eco .ico-box p{display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:16px; color:#666; line-height:1.5;}
.sub-eco .ico-box p:not(:last-child){margin-right:150px;}
.sub-eco .ico-box p::before{content:''; display:block; width:100px; height:100px; margin:0 0 15px; background-color:#fff; border-radius:100%; background-position:center center; background-repeat:no-repeat;}
.sub-eco .ico-box .humidity::before{background-image:url('/resources/nie/images/sub/sub_eco_img_19.png');}
.sub-eco .ico-box .temper::before{background-image:url('/resources/nie/images/sub/sub_eco_img_16.png');}
.sub-eco .ico-box .loca::before{background-image:url('/resources/nie/images/sub/sub_eco_img_22.png');}

.sub-eco .ico-box.desert .humidity::before{background-image:url('/resources/nie/images/sub/sub_desert_img_26.png');}
.sub-eco .ico-box.desert .temper::before{background-image:url('/resources/nie/images/sub/sub_desert_img_23.png');}
.sub-eco .ico-box.desert .loca::before{background-image:url('/resources/nie/images/sub/sub_desert_img_29.png');}
.sub-eco .ico-box.mediter .humidity::before{background-image:url('/resources/nie/images/sub/sub_mediter_img_19.png');}
.sub-eco .ico-box.mediter .temper::before{background-image:url('/resources/nie/images/sub/sub_mediter_img_22.png');}
.sub-eco .ico-box.mediter .loca::before{background-image:url('/resources/nie/images/sub/sub_mediter_img_25.png');}

.sub-eco .ico-box.climate .humidity::before{background-image:url('/resources/nie/images/sub/sub_climate_img_22.png');}
.sub-eco .ico-box.climate .temper::before{background-image:url('/resources/nie/images/sub/sub_climate_img_19.png');}
.sub-eco .ico-box.climate .loca::before{background-image:url('/resources/nie/images/sub/sub_climate_img_25.png');}
.sub-eco .ico-box.polar .humidity::before{background-image:url('/resources/nie/images/sub/sub_polar_img_22.png');}
.sub-eco .ico-box.polar .temper::before{background-image:url('/resources/nie/images/sub/sub_polar_img_19.png');}

.sub-eco .sub-step{display:flex; align-items:center; justify-content:center; width:100%; min-height:140px; padding:30px 0; border-radius:3px; border:1px solid #ccc; background-color:#fff; }
.sub-eco .sub-step li{flex:1 0 0; position:relative; padding:0 5px; display:flex; flex-wrap:wrap; align-self:flex-start; justify-content:center; text-align:center; }
.sub-eco .sub-step li:not(:last-child)::after{content:''; position:absolute; right:-10px; display:block; width:21px; height:79px; background:url('/resources/nie/images/sub/sub_eco_arrow.png') center center no-repeat;}
.sub-eco .sub-step li span{display:block; width:100%; font-weight:600; font-size:18px; color:#00933d; line-height:1;}
.sub-eco .sub-step.desert li span{color:#c28910;}
.sub-eco .sub-step.mediter li span{color:#689831;}
.sub-eco .sub-step.climate li span{color:#fc831d;}
.sub-eco .sub-step.polar li span{color:#389ae0;}
.sub-eco .sub-step li p{font-size:16px; color:#666; line-height:1.6; margin:10px 0 0;}

.sub-map{width:100%; border-radius:3px; overflow: hidden;}
.sub-map .title{display:flex; justify-content:center; align-items:center; height:50px; text-align:center; background-color:#00933d; font-size:22px; font-weight:600; color:#fff; line-height:1;}
.sub-map.desert .title{background-color:#c28910;}
.sub-map.mediter .title{background-color:#689831;}
.sub-map.climate .title{background-color:#fc831d;}
.sub-map.polar .title{background-color:#389ae0;}
.sub-map.guide .title{background-color:#037a4e;}

.sub-map > .content{display:flex; flex-wrap:wrap; align-items:flex-end; background-color:#f7f7f7; padding:40px;}
.sub-map > .content.type2{align-items:flex-start;}
.sub-map .map{margin:0 auto;}
.sub-map .map img{max-width:664px;}

.btn-vr,
.btn-vr2{display:inline-flex; align-items:center; justify-content:center; border-radius:60px; border:1px solid #00933d; height:60px; font-size:17px; font-weight:500; color:#00933d; line-height:1; padding:0 25px; background-color:#fff; transition:all .4s;}
.btn-vr::before,
.btn-vr2::before{content:''; display:block; margin-right:15px; min-width:25px; height:34px; background:url('/resources/nie/images/sub/ico_vr.png') center center no-repeat; transition:all .4s;}
.btn-vr::after,
.btn-vr2::after{content:''; display:block; min-width:8px; height:14px; margin-left:15px; background:url('/resources/nie/images/common/ico_arrowVr.png') center center no-repeat; transition:all .4s;}

.btn-vr2{border-radius:30px; min-width:260px; height:80px; line-height:1; color:#037a4e; border-color:#037a4e}
.btn-vr2 span{display:flex; flex-wrap:wrap; flex-direction:column; line-height:1; font-weight:500;}
.btn-vr2 span b{display:block; width:100%; margin-bottom:10px; line-height:1; font-weight:600;}
.btn-vr2 span::before{background-image:url('/resources/nie/images/sub/ico_vr_darkgreen.png');}
.btn-vr2::after{background-image:url('/resources/nie/images/common/ico_arrowVr_dg.png');}
.btn-vr2:hover,
.btn-vr2:focus{background-color:#037a4e; color:#fff;}

.sub-map.desert .btn-vr{color:#c28910; border:1px solid #c28910;}
.sub-map.desert .btn-vr::before{background-image:url('/resources/nie/images/sub/ico_vr_y.png');}
.sub-map.desert .btn-vr::after{background-image:url('/resources/nie/images/common/ico_arrowVr_y.png');}
.sub-map.desert .btn-vr:hover,
.sub-map.desert .btn-vr:focus{background-color:#c28910;}

.sub-map.mediter .btn-vr{color:#689831; border:1px solid #689831;}
.sub-map.mediter .btn-vr::before{background-image:url('/resources/nie/images/sub/ico_vr_yg.png');}
.sub-map.mediter .btn-vr::after{background-image:url('/resources/nie/images/common/ico_arrowVr_yg.png');}
.sub-map.mediter .btn-vr:hover,
.sub-map.mediter .btn-vr:focus{background-color:#689831;}

.sub-map.climate .btn-vr{color:#fc831d; border:1px solid #fc831d;}
.sub-map.climate .btn-vr::before{background-image:url('/resources/nie/images/sub/ico_vr_o.png');}
.sub-map.climate .btn-vr::after{background-image:url('/resources/nie/images/common/ico_arrowVr_o.png');}
.sub-map.climate .btn-vr:hover,
.sub-map.climate .btn-vr:focus{background-color:#fc831d;}

.sub-map.polar .btn-vr{color:#389ae0; border:1px solid #389ae0;}
.sub-map.polar .btn-vr::before{background-image:url('/resources/nie/images/sub/ico_vr_b.png');}
.sub-map.polar .btn-vr::after{background-image:url('/resources/nie/images/common/ico_arrowVr_b.png');}
.sub-map.polar .btn-vr:hover,
.sub-map.polar .btn-vr:focus{background-color:#389ae0;}

.sub-map .btn-vr:hover,
.sub-map .btn-vr:focus{background-color:#00933d; color:#fff;}
.btn-vr2:hover::before,
.sub-map .btn-vr:hover::before,
.btn-vr2:focus::before,
.sub-map .btn-vr:focus::before{background-image:url('/resources/nie/images/sub/ico_vr_on.png'); }
.btn-vr2:hover::after,
.sub-map .btn-vr:hover::after,
.btn-vr2:focus::after,
.sub-map .btn-vr:focus::after{background-image:url('/resources/nie/images/common/ico_arrowVr_on.png'); }

.sub-mapPreview{display:block; width:100%; padding:30px; background-color:#fff; margin:30px 0 0;}
.sub-mapPreview.type2{}
.sub-mapPreview.type3{flex:1; margin:0; display:flex; margin-left:85px;}
.sub-mapPreview > li{display:flex; align-items:flex-start;}
.sub-mapPreview > li:not(:first-child)::before{content:''; display:block; width:100%; height:1px; background:url('/resources/nie/images/layout/dot-repeat-vertical_03.png') repeat-y 0 0; margin-bottom:30px;}
.sub-mapPreview.type3 > li:not(:first-child)::before{width:1px; height:100%; position:absolute; left:0; top:0; margin:0;}

.sub-mapPreview > li .sub-iconTitle{width:150px;}
.sub-mapPreview.type3 > li .sub-iconTitle{width:100%; margin-bottom:30px;}
.sub-mapPreview > li.point .content{flex:1; display:flex;}

.sub-mapPreview.type3 > li.point .content{flex:none; width:100%;}

.sub-mapPreview > li .content{}
.sub-mapPreview > li .content-item{display:flex; align-items:flex-start; justify-content:space-around; position:relative; width:820px;}

.sub-mapPreview.type3 > li:not(:first-child){padding-left:30px;}
.sub-mapPreview.type3 > li{width:50%; flex-direction:column; position:relative;}

.sub-mapPreview .copper{display:flex; padding-bottom:30px; }
.sub-mapPreview .copper > .content{overflow:auto; width:100%; flex:1; }
.sub-mapPreview .copper > .content.type2{padding:0;}
.sub-mapPreview .copper > .content .bar{content:''; position:absolute; left:0; top:11px; display:block; width:100%; height:2px; background-color:#cdcdcd;}
.sub-mapPreview .copper > .content .bar::before{content:''; position:absolute; top:-3px; left:0; display:block; width:8px; height:8px; background-color:#ed6a00; border-radius:100%; }
.sub-mapPreview .copper > .content .bar::after{content:''; position:absolute; top:-7px; right:-1px; display:block;  width: 0; height: 0; border-left: 10px solid #ed6a00; border-top:8px solid transparent; border-bottom:8px solid transparent; }
.sub-mapPreview .copper > .content .step{position:relative; z-index:1; display:flex; align-items:Center; flex-direction:column; flex-wrap:wrap; font-size:15px; font-weight:500; color:#666; line-height:1.4; text-align:center; flex:1;}
.sub-mapPreview .copper > .content .step .num{display:flex; align-items:center; justify-content:center; margin-bottom:10px; font-size:14px; font-weight:600; color:#fff; background-color:#ed6a00; line-height:1; border-radius:24px; width:30px; height:24px; }

.sub-mapPreview.desert .copper .content .step .num,
.sub-mapPreview.desert .copper .content .bar::before{background-color:#896280;}
.sub-mapPreview.desert .copper .content .bar::after{border-left:10px solid #896280;}

.sub-mapPreview.mediter .copper .content .step .num,
.sub-mapPreview.mediter .copper .content .bar::before{background-color:#e3185c;}
.sub-mapPreview.mediter .copper .content .bar::after{border-left:10px solid #e3185c;}

.sub-mapPreview.climate .copper .content .step .num,
.sub-mapPreview.climate .copper .content .bar::before{background-color:#2d4366;}
.sub-mapPreview.climate .copper .content .step.darkblue .num{background-color:#2d4366;}
.sub-mapPreview.climate .copper .content .step.blue .num{background-color:#25809d;}
.sub-mapPreview.climate .copper .content .bar::after{border-left:10px solid #2d4366;}

.sub-mapPreview.polar .copper .content .step .num,
.sub-mapPreview.polar .copper .content .bar::before{background-color:#22838a;}
.sub-mapPreview.polar .copper .content .bar::after{border-left:10px solid #22838a;}

.sub-mapPreview .point{flex-wrap:wrap; }
.sub-mapPreview:not(.polar) .point .content{justify-content:space-between;}
.sub-mapPreview:not(.polar) .point .content p{display:flex; align-items:center; flex-direction:column; flex-wrap:wrap; width:calc(100% / 8); font-size:15px; font-weight:500; color:#666; word-break:break-word; line-height:1.4; text-align:center;}
.sub-mapPreview:not(.polar) .point .content p:nth-child(n + 9){margin-top:20px;}
.sub-mapPreview:not(.polar) .point .content .ico{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-bottom:5px; width:70px; height:70px; border-radius:100%; background-position:center center; background-repeat:no-repeat; }
.sub-mapPreview .point .content .ico.green{background-color:#003d24; }
.sub-mapPreview .point .content{flex-wrap:wrap; justify-content:flex-start;}
.sub-mapPreview.desert .point .content .ico{background-color:#614b00;}
.sub-mapPreview.mediter .point .content .ico{background-color:#004a48;}
.sub-mapPreview.climate .point .content .ico{background-color:#88432e;}

.sub-mapPreview.polar .point{}
.sub-mapPreview.polar .point .content{flex-wrap:wrap;}
.sub-mapPreview.polar .point .content p{display:flex; width:calc((100% - 100px) / 4); height:90px; justify-content:space-between; border:1px solid #ccc; border-radius:10px; padding:20px; font-size:15px; font-weight:500; color:#666; line-height:1; }
.sub-mapPreview.polar .point .content p:not(:nth-child(4n)){margin-right:30px;}
.sub-mapPreview.polar .point .content p:nth-child(4n){margin-right:10px;}
.sub-mapPreview.polar .point .content p:nth-child(n+5){margin-top:20px;}
.sub-mapPreview.polar .point .content .ico{display:flex; align-self:flex-end; margin-top:auto;}

.sub-mapPreview .floor{display:flex; flex-wrap:wrap; flex:1; }

.sub-mapPreview.type3 .floor{flex-direction:column;}

.sub-mapPreview .floor li{display:flex; align-items:center; width:calc(100% / 5); font-size:15px; font-weight:500; color:#666; line-height:1;}
.sub-mapPreview .floor li:nth-child(n+6){margin-top:20px;}

.sub-mapPreview.type3 .floor li{width:100%;}
.sub-mapPreview.type3 .floor li:nth-child(n+6){margin-top:0;}
.sub-mapPreview.type3 .floor li:not(:last-child){margin-bottom:20px;}

.sub-mapPreview .floor .elevator::before,
.sub-mapPreview .floor .toilet::before,
.sub-mapPreview .floor .ticket::before,
.sub-mapPreview .floor .desk::before,
.sub-mapPreview .floor .lounge::before,
.sub-mapPreview .floor .cafe::before,
.sub-mapPreview .floor .store::before,
.sub-mapPreview .floor .promote::before{content:''; display:flex; align-items:center; min-width:30px; height:30px; margin-right:10px; border-radius:5px; background-color:#9f9f9f; background-position:center center; background-repeat:no-repeat; margin-right:10px;}
.sub-mapPreview .floor .elevator::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_20.png'); }
.sub-mapPreview .floor .toilet::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_23.png');}
.sub-mapPreview .floor .ticket::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_31.png');}
.sub-mapPreview .floor .desk::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_29.png');}
.sub-mapPreview .floor .lounge::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_37.png');}
.sub-mapPreview .floor .cafe::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_42.png');}
.sub-mapPreview .floor .store::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_45.png');}
.sub-mapPreview .floor .promote::before{content:''; background-image:url('/resources/nie/images/sub/ico_visit_47.png');}
.sub-mapPreview .floor li span{}
.sub-mapPreview .floor li .green-num{display:flex; align-items:center; justify-content:center; min-width:30px; height:30px; margin-right:10px; border-radius:5px; background-color:#037a4e; font-size:16px; font-weight:500; color:#fff; line-height:1;}

.sub-imgbox-list{display:flex; justify-content:space-between;}
.sub-imgbox-list div{flex:1; overflow:hidden; border-radius:3px 3px 0 0;}
.sub-imgbox-list div:not(:last-child){margin-right:20px;}
.sub-imgbox-list div .title{display:flex; align-items:center; justify-content:center; height:50px; background-color:#037a4e; text-align:center; font-size:18px; font-weight:500; color:#fff; line-height:1;}
.sub-imgbox-list div .img{}
.sub-imgbox-list div img{}

.sub-content-list{width:100%; border-width:2px 0 1px; border-style:solid; border-color:#3f3f3f; padding:30px 40px;}
.sub-content-list > li{display:flex; flex-wrap:wrap;}
.sub-content-list > li:not(:last-child)::after{content:''; display:block; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg'); margin:30px 0;}
.sub-content-list > li .img{display:block; width:265px; height:200px;}
.sub-content-list > li .img img{}
.sub-content-list .txt-wrap{flex:1; margin-left:30px;}
.sub-content-list .txt-wrap .list-title{font-size:24px; font-weight:600; color:#222; line-height:1;}
.sub-content-list .list-wrap{margin-top:15px;}
.sub-content-list .list-wrap li{display:flex; }
.sub-content-list .list-wrap li:not(:last-child){margin-bottom:5px;}
.sub-content-list .list-wrap li::before{content:''; display:block; min-width:4px; height:4px; background-color:#333; border-radius:100%; margin:10px 14px 0 0; }
.sub-content-list .list-wrap .title{overflow:hidden; display:inline-block; width:65px; height:24px; font-size:18px; font-weight:600; color:#333; text-align:justify; line-height:1.6;}
.sub-content-list .list-wrap .title::after{content:''; display:inline-block; width:100%;}
.sub-content-list .list-wrap .txt{flex:1; font-size:18px; color:#666; margin-left:20px;}
.notice-text{font-size:16px; color:#666;}
.bot-txtWrap{display:flex; justify-content:space-between; align-items:center;}

.trail-location{position:relative; display:block; margin:0 auto; width:1096px; height:549px; background:url('/resources/nie/images/sub/sub_trail_loca_03.png') no-repeat;}
.trail-location .img span{position:absolute; display:flex; align-items:center; justify-content:center; min-width:140px; height:40px; padding:0 15px; font-size:17px; font-weight:500; color:#888; text-align:center; border:4px solid #b4b4b4; border-radius:40px; background-color:#fff; line-height:1.2; box-shadow:10px 10px 7px rgba(22,98,129,.25); transition:all .4s;}
.trail-location .img span.active{border-color:#e73781; font-weight:600; color:#fff; background-color:#e73781;}
.trail-location .img span.active::after{content:''; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); display:block; width: 0px; height: 0px; border-top:12px solid #e73781; border-right: 6px solid transparent; border-left: 6px solid  transparent;}
.trail-location .img .area1{bottom:225px; left:120px; bottom:40.98360655738%; left:10.94890510949%;}
.trail-location .img .area2{top:225px; left:320px; top:40.98360655738%; left:29.19708029197%;}
.trail-location .img .area3{bottom:65px; left:275px; bottom:11.83970856102%; left:25.09124087591%;}
.trail-location .img .area4{bottom:125px; right:275px; bottom:22.76867030965%; right:25.09124087591%;}
.trail-location .img .area5{bottom:265px; right:110px; bottom:48.26958105647%; right:10.03649635036%;}
.trail-location .img .area6{bottom:255px; left:505px; bottom:46.44808743169%; left:46.07664233577%;}
.trail-location .img .area7{right:170px; top:100px; right:15.51094890511%; top:18.21493624772%;}
.trail-location .img .area8{bottom:160px; left:405px; bottom:29.14389799636%; left:36.95255474453%;}

.sub-faq{width:100%; border-width:2px 0 0; border-style:solid; border-color:#067b50;}
.sub-faq .title{display:flex; align-items:center; width:100%; height:60px; text-align:left; background-color:#f7f7f7; font-size:18px; font-weight:500; color:#333; padding:0 40px; border-bottom:1px solid #cdcdcd; background-image:url('/resources/nie/images/sub/'); background-repeat:no-repeat;}
.sub-faq .title::after,
.sub-faq .title.active::after{content:''; display:block; width:12px; height:7px; background-position:center center; background-repeat:no-repeat; margin-left:auto; transition:all .4s;}
.sub-faq .title::after{background-image:url('/resources/nie/images/board/ico_search_arr2.png'); transform:rotate(180deg);}
.sub-faq .title.active::after{background-image:url('/resources/nie/images/board/ico_search_arr1.png'); transform:rotate(0);}
.sub-faq .title .num{display:flex; align-items:center; justify-content:center; min-width:20px; height:20px; border-radius:100%; background-color:#067b50; font-size:14px; font-weight:500; color:#fff; line-height:1; margin-right:10px;}
.sub-faq .title.active + .content{padding:40px; opacity:1; visibility:visible;}
.sub-faq .content{padding:0 40px; border-bottom:1px solid #cdcdcd; opacity:0; visibility:hidden; overflow:hidden; transition:all .4s; max-height:0;}
.sub-faq .content > li{display:flex; align-items:flex-start;}

.sub-faq.type2 .content > li{flex-direction:column;}

.sub-faq .sub-iconTitle{align-items:flex-start; flex-wrap:wrap; min-width:220px; margin-right:15px;}
.sub-faq .sub-iconTitle p{line-height:1; font-size:22px; font-weight:600; color:#222;}
.sub-faq .sub-introList__item{flex:1;}
.sub-faq .content-photoList{flex:1; width:calc(100% - 220px);}
.sub-faq .sub-introList__item > p{font-size:18px; color:#666;}
.sub-faq .sub-list{}
.sub-faq .sub-list li{flex-wrap:wrap; }
.sub-faq .sub-list li:not(:last-child){margin-bottom:10px;}
.sub-faq .sub-list li.line::after{content:''; display:block; width:100%; height:1px; margin:30px 0; background:url('/resources/nie/images/main/dot.jpg');}
.sub-faq .sub-list .sub-txtList > li:not(:last-child){margin-bottom:0;}

.sub-faq .sub-txtList{flex:1;}

.sub-faq{flex:1;}

.ex-text{display:flex;}
.ex-text .ex{display:inline-flex; justify-content:center; align-items:flex-start; min-width:30px; height:20px; margin-top:3px; border-radius:20px; background-color:#8f8f8f; font-size:16px; font-weight:500; color:#fff; line-height:1;}
.ex-text .text{flex:1; font-size:16px; color:#888; line-height:1.6; margin:0 0 0 10px;}

.text-list-wrap li{line-height:1.5; padding-left:20px; text-indent:-17px; font-size:18px; color:#666;}
.text-list-wrap li::before{content:'-'; margin-right:8px; font-size:18px; color:#666; line-height:1.5;}
.text-list-wrap li:not(:last-child){margin-bottom:10px;}

.sub-system__list.diagram{display:flex; flex-wrap:wrap; min-height:555px;}
.sub-system__list.diagram > li{position:relative; display:flex; align-items:center; flex-direction:inherit; width:100%; width:1258px;}
/* .sub-system__list.diagram > li:first-child::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; height:2px; width:100%; background-color:#b2b2b2; z-index:-1;}
.sub-system__list.diagram > li:first-child::before,
.sub-system__list.diagram > li:first-child::after{content:''; display:block; width:10px; height:10px; border-radius:100%; background-color:#b2b2b2;}
 */
.sub-system__list.diagram .sub-title2::before{content:''; position:absolute; top:50%; transform:translateY(-50%); height:2px; width:100%; background-color:#b2b2b2; z-index:-1;}
.sub-system__list.diagram .sub-title2::before{content:''; display:block; width:10px; height:10px; border-radius:100%; background-color:#b2b2b2;}
.sub-system__list.diagram .sub-title2:first-child::before{left:0;}
.sub-system__list.diagram .sub-title2:last-child::before{right:0;}

.sub-system__list.diagram > li:first-child{position:relative; height:252px;}
.sub-system__list.diagram > li:first-child::before{content:''; position:absolute; display:block; width:100%; height:1px; background-color:#b2b2b2; z-index:-1; left:0;}

.sub-system__list.diagram > li:last-child::before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%) translateX(-0.5px); display:block; width:1px; height:50%; background-color:#b2b2b2;}
.sub-system__list.diagram .title{margin:0 95px; box-sizing:content-box; border:20px solid #fff;}
.sub-system__list.diagram .title::before{z-index:10;}
.sub-system__list.diagram .sub-title2{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-width:400px; height:80px; border-radius:30px; background-color:#037a4e; font-size:20px; font-weight:500; color:#fff; line-height:1;}
.sub-system__list.diagram .sub-title2 span{display:block; margin-top:10px; font-size:16px; font-weight:600; color:rgba(255,255,255,.6); line-height:1;}

.sub-system__list.diagram .sub-txt{}
.sub-system__list.diagram .group{position:relative; }
.sub-system__list.diagram .group li{position:relative; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-width:320px; height:80px; border-radius:25px;}
.sub-system__list.diagram .group li:not(:last-child){margin-bottom:10px;}
.sub-system__list.diagram .group.first{}
.sub-system__list.diagram .group.first::after,
.sub-system__list.diagram .group.second::before{content:''; position:absolute; top:50%; transform:translateY(-50%) translateY(-0.5px); display:block; width:1px; background-color:#b2b2b2; }
.sub-system__list.diagram .group.first::after{right:-110px; height:calc(100% - 80px); }
.sub-system__list.diagram .group.second::before{left:-110px; height:calc(100% - 80px); }

.sub-system__list.diagram .group.first li{position:relative; }
.sub-system__list.diagram .group.first li::after,
.sub-system__list.diagram .group.second li::before{content:''; position:absolute; top:50%; transform:translateY(-50%); display:block; border-radius:100%; width:15px; height:15px; background-color:#fff; border:5px solid #36a11d; z-index:1;}
.sub-system__list.diagram .group.first li::after{border-color:#36a11d; right:-7px;}
.sub-system__list.diagram .group.first li::before,
.sub-system__list.diagram .group.second li::after{content:''; position:absolute; display:block; width:110px; height:1px; background-color:#b2b2b2; top:50%; transform:translateY(-50%) translateY(-0.5px);}
.sub-system__list.diagram .group.second li:nth-child(2)::after{width:380px;}
.sub-system__list.diagram .group.first li::before{right:-110px;}
.sub-system__list.diagram .group.second li::after{left:-110px;}
.sub-system__list.diagram .group.second li:nth-child(2)::after{left:-380px;}
.sub-system__list.diagram .group.second{margin-left:490px;}
.sub-system__list.diagram .group.second li{}
.sub-system__list.diagram .group.second li::before{border-color:#037a4e; left:-7px;}
.sub-system__list.diagram .group .sub-txt{font-size:18px; font-weight:600; line-height:1;}
.sub-system__list.diagram .group.green .sub-txt{color:#2b8222; border:1px solid #36a11d;}
.sub-system__list.diagram .group.darkgreen .sub-txt{color:#037a4e; border:1px solid #037a4e;}
.sub-system__list.diagram .sub-txt span{display:block; font-size:15px; color:#888; margin-top:10px; line-height:1;}

.pnie-wrap{display:flex; }
.pnie-title{font-size:26px; font-weight: 500; color:#222; flex:1;}
.pnie-title + .btnWrap{margin-left:40px;}
.pnie-title + .btnWrap a{height:36px;}
.sub-edit__ahead{border:1px solid #ccc; border-radius:2px; padding:30px 45px;}
.sub-edit__ahead > li{text-align:center; }
.sub-edit__ahead > li > .title{display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:600; color:#fff;}
.sub-edit__ahead .chief{display:flex; flex-direction:column; justify-content:center; width:540px; height:100px; font-size:22px; font-weight:600; color:#fff; background-color:#037a4e; border-radius:100px; line-height:1; margin:0 auto;}
.sub-edit__ahead .chief span{display:block; font-size:16px; color:rgba(255,255,255,.6); font-weight:400; margin-top:15px; line-height:1;}
.sub-edit__ahead .editor{display:flex; flex-direction:column; width:540px; margin:30px 0 30px auto;}
.sub-edit__ahead .editor .title{align-items:center; height:60px; background-color:#088486; border-radius:50px 50px 0 0;}
.sub-edit__ahead .editor .text{border:1px solid #088486; background-color:#f7f7f7; padding:30px 50px; margin-top:10px; border-radius:0 0 25px 25px;}
.sub-edit__ahead .editor .text li{display:flex; font-size:16px; font-weight:400; color:#666; line-height:1; text-align:left; line-height:1.6;}
.sub-edit__ahead .editor .text li::before{content:''; display:block; width:2px; height:2px; border-radius:100%; background-color:#666; margin:12px 8px 0 0;}
.sub-edit__ahead .editor .text li:not(:last-child){margin-bottom:10px;}

.sub-edit__ahead .board{position:relative; margin:0 auto; }
.sub-edit__ahead .board::before{content:''; position:Absolute; top:-300px; left:50%; transform:translateX(-50%); display:block; width:1px; height:300px; background-color:#ccc; z-index:-1;}
.sub-edit__ahead .board > .title{width:100%; background-color:#36a11d; height:60px; border-radius:50px 50px 0 0;}
.sub-edit__ahead .board > .list{display:flex; margin-top:20px; justify-content:space-between; flex-wrap:wrap;}
.sub-edit__ahead .box{width:calc((100% - 20px) / 2); border:1px solid #36a11d; background-color:#f7f7f7; border-radius:25px; padding:30px;}
.sub-edit__ahead .box:not(:nth-child(-n+2)){margin-top:20px;}

.sub-edit__ahead .box .title{display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:500; color:#fff; background-color:#36a11d; width:100%; height:50px; border-radius:50px;}
.sub-edit__ahead .box .list{margin-top:20px;}
.sub-edit__ahead .box .list li{display:flex; font-size:16px; font-weight:400; color:#666; line-height:1.6; text-align:left; }
.sub-edit__ahead .box .list li::before{content:''; display:block; width:2px; height:2px; border-radius:100%; background-color:#666; margin:12px 8px 0 0;}
.sub-edit__ahead .box .list li:not(:last-child){margin-bottom:10px;}

.history-tabWrap{width:100%;}
.history-tabWrap .board-item{display:none; border-width:0 1px 1px; border-color:#ccc; border-style:solid; width:100%; height:555px; overflow-y:auto; padding:30px 35px;}
.history-tabWrap .board-item.active{display:block;}
.cbd-listWarp{}
.cbd-listWarp > li{position:relative; display:flex; align-items:flex-start;}
.cbd-listWarp > li:not(:last-child)::before{content:''; position:absolute; left:0; top:14px; display:flex; width:1px; height:100%; background-color:#ccc; z-index:-1;}
.cbd-listWarp > li:not(:last-child){padding-bottom:30px;}
.cbd-listWarp > li .cop{display:flex; align-items:center; font-size:36px; font-weight:600; color:#037a4e; line-height:1; margin-right:30px;}
.cbd-listWarp > li .cop::before{content:''; display:block; min-width:13px; height:13px; margin:0 30px 0 -6px; border-radius:100%; background-color:#fff; border:4px solid #037a4e;}
.cbd-listWarp > li .content{display:flex; padding-top:14px; flex:0 1 auto; width:85%;}
.cbd-listWarp > li .year{display:flex; margin-right:30px; font-size:18px; font-weight:600; color:#333; line-height:1; white-space:nowrap;}
.cbd-listWarp > li .nation-txt{flex:0 1 auto; width:94%;}
.cbd-listWarp > li .nation{display:flex; align-items:center; font-size:18px; color:#333; line-height:1; margin-bottom:15px;}
.cbd-listWarp > li .nation::before{content:''; display:flex; margin-right:10px; width:12px; height:16px; background:url('/resources/nie/images/common/ico_location.png') center center no-repeat;}
.cbd-listWarp > li .nation b{line-height:1; font-weight:600; margin-right:5px;}
.cbd-listWarp > li .sub-txtList{}

.sub-diagram{display:flex; justify-content:space-between; width:100%; min-width:1258px;}
.sub-diagram li{width:calc((100% - 180px) / 2); text-align:center;}
.sub-diagram .green{}
.sub-diagram .green p{position:relative;}
.sub-diagram .green p:nth-child(2)::after,
.sub-diagram .green p:nth-child(4)::after{content:''; position:absolute; right:-160px; top:30px; display:block; width:160px; height:101px; background:url('/resources/nie/images/sub/ico_carta_arrow1.png') center center no-repeat;}
.sub-diagram .green p:nth-child(4)::after{top:50%; transform:translateY(-50%); background-image:url('/resources/nie/images/sub/ico_carta_arrow2.png')}
.sub-diagram .darkgreen{}
.sub-diagram li .title{display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; height:80px; border-radius:80px; line-height:1; color:#fff; font-size:18px; font-weight:600; }
.sub-diagram li .title span{width:100%; color:rgba(255,255,255,1); font-weight:600; line-height:1; margin-top:10px; font-size:15px;}
.sub-diagram .green .title{background-color:#2b8222;}
.sub-diagram .darkgreen .title{background-color:#007b66;}
.sub-diagram li p{height:80px;}
.sub-diagram li p:not(:last-child){margin-bottom:10px;}

.sub-diagram .sub-txt{display:flex; align-items:center; justify-content:center; border-style:solid; border-width:1px; border-radius:20px; font-size:18px; }
.sub-diagram .green .sub-txt{border-color:#2b8222;}
.sub-diagram .darkgreen .sub-txt{border-color:#007b66;}
.sub-diagram .sub-txt b{font-weight:600; line-height:1; margin-right:5px;}
.sub-diagram .green .sub-txt b{color:#2b8222;}
.sub-diagram .darkgreen .sub-txt b{color:#007b66;}
.sub-diagram li .stroke{border-width:5px;}

.sub-diagram2{display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.sub-diagram2 .title{display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; margin-right:auto; width:500px; height:100px; border-radius:100px; font-size:22px; font-weight:600; color:#fff; line-height:1; background-color:#037a4e;}
.sub-diagram2 .title span{display:block; color:rgba(255,255,255,1); font-size:15px; font-weight:600; line-height:1; margin-top:10px;}
.sub-diagram2 .list{position:relative; display:flex; align-items:flex-start; margin-top:50px;}
.sub-diagram2 .list::before{content:''; position:absolute; left:50%; transform:translateX(-50%) translateX(-0.5px); top:-25px; z-index:-1; display:block; width:calc(100% - 500px); height:1px; background-color:#b3b3b3;}
.sub-diagram2 .list > li{position:relative; display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; width:500px;  font-size:18px; font-weight:600; color:rgba(255,255,255,.6);}
.sub-diagram2 .list > li::before{content:''; position:absolute; left:50%; transform:translateX(-50%) translateX(-0.5px); bottom:0; z-index:-1; display:block; width:1px; height:calc(100% + 25px); background-color:#b3b3b3;}
.sub-diagram2 .list > li:first-child::before{height:calc(100% + 50px);}
.sub-diagram2 .list .green{}
.sub-diagram2 .list .darkgreen{ margin-left:50px;}
.sub-diagram2 .list .green .sub-txt,
.sub-diagram2 .list .green .sub-title2{background-color:#2b8222;}
.sub-diagram2 .list .darkgreen .sub-txt,
.sub-diagram2 .list .darkgreen .sub-title2{background-color:#007b66;}
.sub-diagram2 .list .sub-txt,
.sub-diagram2 .list .sub-title2{display:flex; align-items:center; justify-content:center; width:100%; height:80px; border-radius:80px; color:#fff;}
.sub-diagram2 .list .sub-title2{flex-wrap:wrap; flex-direction:column; justify-content:center; text-align:center; font-size:18px; font-weight:600; line-height:1;}
.sub-diagram2 .list .sub-title2:not(:last-child){margin-bottom:30px;}
.sub-diagram2 .list .sub-title2 span{font-size:15px; line-height:1; margin-top:10px;}
.sub-diagram2 .list li > .sub-txt:not(:last-child){margin-bottom:30px;}
.sub-diagram2 .list .sub-txt.whitegray{background-color:#f7f7f7; border:1px solid #36a11d; border-radius:20px; font-size:18px; color:#666; font-weight:500;}
.sub-diagram2 .list .sub-title2.gray{background-color:#666;}
.sub-diagram2 .list .subtxt-wrap{width:100%;}
.sub-diagram2 .list .subtxt-wrap > *{height:60px; border-radius:60px; font-weight:500;}
.sub-diagram2 .list .subtxt-wrap > *:not(:last-child){margin-bottom:10px;}

.carto-step{display:flex; align-items:center;}
.carto-step .ico{display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:180px; height:180px; border-style:solid; border-width:5px; border-radius:100%; font-size:20px; font-weight:600; }
.carto-step .ico::before{content:''; display:block; width:78px; height:78px; background-repeat:no-repeat; background-position:center center; margin-bottom:15px;}
.carto-step .export{background-color:#f5faf3; color:#2b8222; border-color:#2b8222;}
.carto-step .export::before{background-image:url('/resources/nie/images/sub/ico_carta1.png');}
.carto-step .import{background-color:#f2f8f7; color:#007b66; border-color:#007b66;}
.carto-step .import::before{background-image:url('/resources/nie/images/sub/ico_carta2.png');}
.carto-step .list{position:relative; display:flex; flex-wrap:wrap; justify-content:center; width:500px; margin:0 190px;}
.carto-step .list::before,
.carto-step .list::after{content:''; position:absolute; top:50%; transform:translateY(-50%); display:block; background-repeat:no-repeat; background-position:center center;}
.carto-step .list::before{width:161px; height:282px; left:-161px; background-image:url('/resources/nie/images/sub/ico_carta_arrow3.png');}
.carto-step .list::after{width:156px; height:142px; right:-156px; background-image:url('/resources/nie/images/sub/ico_carta_arrow4.png');}
.carto-step .list > li{display:flex; justify-content:center; align-items:center; width:100%; height:60px; text-align:center; border-style:solid; border-width:1px; border-radius:25px; font-size:18px; font-weight:600; line-height:1;}
.carto-step .list > li:not(:last-child){margin-bottom:10px;}
.carto-step .list .green{border-color:#2b8222; color:#2b8222; background-color:#f5faf3;}
.carto-step .list .darkgreen{border-color:#007b66; color:#007b66; background-color:#f2f8f7;}

.organ-list,
.extinct-list{display:flex; margin-top:25px; }
.organ-list li,
.extinct-list li{display:flex; flex:1; flex-direction:column;}
.organ-list li:not(:last-child),
.extinct-list li:not(:last-child){margin-right:40px;}
.organ-list li .title,
.extinct-list li .title{display:flex; align-items:center; justify-content:center; width:100%; height:60px; text-align:center; border-radius:60px; font-size:20px; font-weight:500; color:#fff; line-height:1.4;}
.organ-list .environment .title,
.extinct-list .environment .title{background-color:#36a11d;}
.organ-list .ocean .title,
.extinct-list .ocean .title{background-color:#088486;}
.organ-list .culture .title{background-color:#086d86;}
.organ-list .forest .title{background-color:#007b66;}

.organ-list li .content,
.extinct-list li .content{min-height:310px; border-width:1px; border-style:solid; border-radius:25px; padding:30px; margin-top:10px; flex:1;}
.extinct-list li .content{min-height:480px;}
.organ-list .environment .content,
.extinct-list .environment .content{border-color:#36a11d;}
.organ-list .ocean .content,
.extinct-list .ocean .content{border-color:#088486;}
.organ-list .culture .content{border-color:#086d86;}
.organ-list .forest .content{border-color:#007b66;}

.organ-list .txt-wrap{}
.organ-list .txt-wrap::after{content:''; display:block; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg'); margin-top:30px;}
.organ-list .txt-wrap .sub-title{font-size:20px; font-weight:600; line-height:1;}
.organ-list .txt-wrap .sub-title::before{display:none;}
.organ-list .environment .sub-title{color:#36a11d;}
.organ-list .ocean .sub-title{color:#088486;}
.organ-list .culture .sub-title{color:#086d86;}
.organ-list .forest .sub-title{color:#007b66;}

.organ-list .txt-wrap p{font-size:18px; font-weight:500; color:#666; letter-spacing:-0.11rem; margin-top: 15px;}
.organ-list .btn-wrap{display:flex; margin:10px 0 0;}
.organ-list .btn-wrap a{display:inline-flex; align-items:center; justify-content:center; height:36px; font-size:16px; font-weight:400; color:#666; line-height:1; border-radius:3px; border:1px solid #ccc; transition:all .4s;}
.organ-list .btn-wrap a:hover,
.organ-list .btn-wrap a:focus{color:#fff;}
.organ-list .environment .btn-wrap a:hover,
.organ-list .environment .btn-wrap a:focus{background-color:#36a11d; border-color:#36a11d;}
.organ-list .ocean .btn-wrap a:hover,
.organ-list .ocean .btn-wrap a:focus{background-color:#088486; border-color:#088486;}
.organ-list .culture .btn-wrap a:hover,
.organ-list .culture .btn-wrap a:focus{background-color:#086d86; border-color:#086d86;}
.organ-list .forest .btn-wrap a:hover,
.organ-list .forest .btn-wrap a:focus{background-color:#007b66; border-color:#007b66;}

.organ-list .btn-wrap .download{width:100px; margin-right:10px;}
.organ-list .btn-wrap .more{flex:1;}
.organ-list .content .txt{line-height:1; font-size:18px; font-weight:500; color:#666; margin-top:30px;}
.organ-list .content .img{display:flex; justify-content:center; align-items:center; height:51px; margin-top:15px;}

.facility-map{position:relative;}
.facility-map .img{}
.facility-list{position:absolute; min-width:240px; right:20px; bottom:20px; background-color:#f7f7f7; border:1px solid #ccc; border-radius:3px; padding:20px; }
.facility-list li{display:flex; align-items:center; font-size:15px; font-weight:400; color:#666; line-height:1;}
.facility-list li:not(:last-child){margin-bottom:7px;}
.facility-list li .num,
.board-table2 .num{display:inline-flex; align-items:center; justify-content:center; width:23px; height:23px; margin-right:10px; border-radius:3px; font-size:15px; font-weight:600; color:#fff; line-height:1;}
.facility-list li .bg-pink,
.board-table2 .bg-pink{background-color:#e0016b;}
.facility-list li .bg-blue,
.board-table2 .bg-blue{background-color:#0b7ec3;}

.facility-boxlist{display:flex; margin-top:30px;}
.facility-boxlist li{display:flex; flex-direction:column; flex:1; align-items:center; padding-top:30px; text-align:center; height:175px; border:1px solid #ccc; border-radius:3px; color:#666;}
.facility-boxlist li:not(:last-child){margin-right:25px;}
.facility-boxlist li::before{content:''; display:block; width:16px; min-height:16px; background-repeat:no-repeat; background-position:center center; margin-bottom:20px;}
.facility-boxlist .address::before{content:''; background-image:url('/resources/nie/images/sub/ico_facil_03.png'); }
.facility-boxlist .call::before{content:''; background-image:url('/resources/nie/images/sub/ico_facil_05.png');}
.facility-boxlist .fax::before{content:''; background-image:url('/resources/nie/images/sub/ico_facil_07.png');}
.facility-boxlist li .title{font-size:18px; font-weight:400; color:#333; line-height:1;}
.facility-boxlist li .txt{font-size:20px; font-weight:600; color:#037a4e; line-height:1.6; margin-top:10px;}

.sub-vision{border:1px solid #ccc; border-radius:3px; padding:40px 20px 55px; background-color:#fff; }
.title-wrap{text-align:center;}
.title-wrap .title{display:flex; justify-content:center; font-size:30px; font-weight:500; color:#666; margin-top:15px;}
.title-wrap .title::before,
.title-wrap .title::after{content:''; display:block; width:21px; height:19px; margin-top:20px; background-repeat:no-repeat; background-position:center center;}
.title-wrap .title::before{background-image:url('/resources/nie/images/common/ico_mark_03.png');}
.title-wrap .title::after{background-image:url('/resources/nie/images/common/ico_mark_05.png');}
.title-wrap .title p{margin:0 40px; font-weight:500; font-size:inherit;}
.title-wrap .title span{font-weight:600;}
.small-txt{font-size:18px; font-weight:600; color:#666; line-height:1;}
.round-titlebox{position:relative; text-align:center; margin:40px auto 0; z-index:1; display:flex; flex-direction:column; justify-content:center; width:960px; height:125px; text-align:center; background:#f7f7f7; border:1px dashed #b8b8b8; border-radius:125px;}
.round-titlebox .title{width:100%; font-size:30px; font-weight:500; color:#666; margin-top:15px;}
.round-titlebox .title span{font-weight:600;}

.diagram-list{display:flex; justify-content:space-between; width:958px; margin:40px auto 0;}
.diagram-list > li{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.diagram-list .darkgreen{}
.diagram-list .gray{}
.diagram-list .darkgreen .title{background-color:#007b66;}
.diagram-list .gray .title{background-color:#6d6d6d;}
.diagram-list .title{display:flex; align-items:center; justify-content:center; width:440px; height:60px; margin-bottom:10px; border-radius:60px; font-size:20px; font-weight:500; color:#fff; line-height:1;}
.diagram-list .title.gray{background:#6d6d6d;}
.diagram-list .list{width:100%;}
.diagram-list .list > li{display:flex; justify-content:space-between;}
.diagram-list .list > li:not(:last-child){margin-bottom:10px;}

.diagram-list .list__title{position:relative; display:flex; align-items:center; justify-content:center; min-height:155px; background-color:#fff; border-width:1px; border-style:solid; border-radius:25px; text-align:center; width:440px;}
.diagram-list .list__title{border-color:#007b66; font-size:16px; font-weight:600; color:#007b66; padding:20px;}
.diagram-list .list__title::before{content:''; position:absolute; right:-80px; display:block; width:80px; height:1px; background-color:#b2b2b2; top:50%; transform:translateY(-50%) translateY(-0.5px);}
.diagram-list .list__title::after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-7px; display:block; width:13px; height:13px; border-radius:100%; border-style:solid; border-width:4px; background-color:#fff;}

.diagram-list .list__item{border:1px solid #ccc; border-radius:25px; display:flex; flex-direction:column; justify-content:center; background-color:#f7f7f7; padding:10px 50px; width:440px; position:relative;}
.diagram-list .list__item::after{content:''; position:absolute; top:50%; transform:translateY(-50%); display:block; width:13px; height:13px; border-radius:100%; border-style:solid; border-width:4px; left:-6px; border-color:#666;}

.diagram-list .list__item > li{color:#666; font-size:16px; position:relative; padding-left:5px;}
.diagram-list .list__item > li:not(:last-child){margin-bottom:5px;}
.diagram-list .list__item > li::before{content: ''; position: absolute; top: 11px; left: 0; display: block; width: 2px; height: 1px; border-radius: 100%; background-color: #666;}


.function-list{display:flex;}
.function-list > li{flex:1; display:flex; align-items:center; border-radius:25px; border:1px solid #ccc; }
.function-list > li:not(:last-child){margin-right:10px;}
.function-list > li .title{display:flex; align-items:center; justify-content:center; width:190px; min-height:160px; height:100%; margin-right:30px; text-align:center; border-radius:25px; background-color:#037a4e; font-size:18px; font-weight:600; color:#fff; line-height:1.8;}
.function-list > li .sub-txtList{}
.function-list > li .sub-txtList li{font-weight:400; line-height:1.4;}

.diagram-wrap{position:relative; padding:0 100px;}
.diagram-wrap::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:-1; display:block; width:100%; height:2px; background-color:#ccc;}
.sub-system__list.diagram2{position:relative; display:flex; align-items:flex-start; justify-content:space-between; padding-top:30px; }
.sub-system__list.diagram2::before,
.sub-system__list.diagram2::after{content:''; position:absolute; top:50%; transform: translateY(-50%); display:block; width:10px; height:10px; border-radius:100%; background-color:#ccc;}
.sub-system__list.diagram2::before{left:-100px;}
.sub-system__list.diagram2::after{right:-100px;}
.sub-system__list.diagram2 li{}
.sub-system__list.diagram2 > .title{min-width:230px; height:230px; box-sizing:content-box; border:25px solid #fff; font-size:32px; text-align:center;}
.sub-system__list.diagram2 .title::before{width:350px; height:350px; border-width:35px;}
.sub-system__list.diagram2 .sub-title3{position:relative; text-align:center; padding-top:90px;}
.sub-system__list.diagram2 .sub-title3 .img{display:flex; width:130px; height:130px; margin-bottom:20px; border-radius:100%; border-width:4px; border-style:solid; background-repeat:no-repeat; background-position:center center; background-color:#fff;}
.sub-system__list.diagram2 .sub-title3 .title2{font-size:20px; font-weight:600; line-height:1; margin-bottom:10px;}
.sub-system__list.diagram2 .sub-title3 .txt{font-size:18px; font-weight:400; color:#666; line-height:1.7;}
.sub-system__list.diagram2 .die .title2{color:#36a11d;}
.sub-system__list.diagram2 .die .img{background-image:url('/resources/nie/images/sub/ico_die_03.png'); border-color:#36a11d; background-size:56px auto;}
.sub-system__list.diagram2 .threat .title2{color:#088486; }
.sub-system__list.diagram2 .threat .img{background-image:url('/resources/nie/images/sub/ico_die_08.png'); border-color:#088486; background-size:54px auto;}
.sub-system__list.diagram2 .entity .title2{color:#086d86;}
.sub-system__list.diagram2 .entity .img{background-image:url('/resources/nie/images/sub/ico_die_05.png'); border-color:#086d86; background-size:53px auto;}
.sub-system__list.diagram2 .habitat .title2{color:#007b66;}
.sub-system__list.diagram2 .habitat .img{background-image:url('/resources/nie/images/sub/ico_die_11.png'); border-color:#007b66; background-size:56px auto;}

.diagram-list-wrap{overflow:auto;}
.diagram-list.type2{margin-top:70px; flex-wrap:wrap; width:1400px;}
.diagram-list.type2 > li{display:flex; width:100%; }
.diagram-list.type2 > li:not(:last-child){margin-bottom:10px;}
.diagram-list.type2 > li:nth-child(1) .title{background-color:#36a11d;}
.diagram-list.type2 > li:nth-child(2) .title{background-color:#088486;}
.diagram-list.type2 > li:nth-child(3) .title{background-color:#086d86;}
.diagram-list.type2 > li:nth-child(4) .title{background-color:#007b66;}
.diagram-list.type2 > li > *{height:100%; border-radius:25px;}
.diagram-list.type2 > li > *:not(:last-child){margin-right:50px;}
.diagram-list.type2 > li .title{position:relative; display:flex; justify-content:center; align-items:center; width:400px; color:#fff;}
.diagram-list.type2 > li .title::before{content:''; position:absolute; z-index:10; right:-6px; top:50%; transform:translateY(-50%); display:block; width:13px; height:13px; border-radius:100%; background-color:#fff; border-width:4px; border-style:solid;}
.diagram-list.type2 > li:nth-child(1) .title::before{border-color:#36a11d;}
.diagram-list.type2 > li:nth-child(2) .title::before{border-color:#088486;}
.diagram-list.type2 > li:nth-child(3) .title::before{border-color:#086d86;}
.diagram-list.type2 > li:nth-child(4) .title::before{border-color:#007b66;}
.diagram-list.type2 > li .title::after{content:''; position:absolute; top:50%; transform:translateY(-50%) translateY(-0.5px); right:-26px; display:block; width:50%; height:1px; background-color:#b3b3b3; z-index:-1;}

.diagram-list.type2 > li .txt > p{position:relative; display:flex; justify-content:center; align-items:center; width:400px; height:100%; background-color:#fff; border-radius:25px; font-size:18px; font-weight:600; border-width:1px; border-style:solid; }
.diagram-list.type2 > li:nth-child(3) .txt > p::before,
.diagram-list.type2 > li:nth-child(4) .txt > p::before{width:26px; left:-26px;}
.diagram-list.type2 > li:nth-child(1) .txt p{border-color:#36a11d; color:#36a11d;}
.diagram-list.type2 > li:nth-child(2) .txt p{border-color:#088486; color:#088486;}
.diagram-list.type2 > li:nth-child(3) .txt p{border-color:#086d86; color:#086d86;}
.diagram-list.type2 > li:nth-child(4) .txt p{border-color:#007b66; color:#007b66;}

.diagram-list.type2 > li .gray-box{flex:1;}
.diagram-list.type2 > li .list-wrap{}
.diagram-list.type2 > li .list-wrap > li{/* width:500px; */ background-color:#f7f7f7; border:1px dashed #b8b8b8; padding:30px; border-radius:25px;}
.diagram-list.type2 > li .list-wrap > li:not(:last-child){margin-bottom:10px;}
.diagram-list.type2 .gray-box{position:relative;}
.diagram-list.type2 .gray-box::before{content:''; position:absolute; left:-6px; top:50%; transform:translateY(-50%); display:block; width:13px; height:13px; border-radius:100%; background-color:#fff; border:4px solid #6d6d6d;}
.diagram-list.type2 > li .txt > p::before,
.diagram-list.type2 .gray-box::after{content:''; position:absolute; z-index:-1; left:-50%; top:50%; transform:translateY(-50%) translateY(-0.5px); display:block; width:50%; height:1px; background-color:#b3b3b3;}
.diagram-list.type2 .gray-box .list{}
.diagram-list.type2 .gray-box .list > li{}

.diagram-list.type2 .txt-itemlist{flex:1;}
.diagram-list.type2 .txt-itemlist > li{position:relative; display:flex;}
.diagram-list.type2 .txt-itemlist > li:not(:last-child){margin-bottom:10px;}
.diagram-list.type2 .txt-itemlist > li > *:not(:last-child){margin-right:50px;}
.diagram-list.type2 > li .txt-itemlist > li:not(:last-child)::before{content:''; position:absolute; top:68px; left:-25px; display:block; width:1px; height:calc(100% + 1px); background-color:#b3b3b3;}
.diagram-list.type2 > li:nth-child(3) .txt-itemlist > li:not(:last-child)::before{top:83px; height:92%;}

.extinct-list .txt-wrap{margin-top:30px;}
.extinct-list .txt-wrap .sub-title{font-size:20px; font-weight:600; color:#333; line-height:1;}
.extinct-list .txt-wrap .sub-title::before{display:none;}
.extinct-list .txt-wrap .sub-title span{font-weight:600; line-height:1; margin:0 5px;}
.extinct-list .environment .sub-title span{color:#36a11d;}
.extinct-list .ocean .sub-title span{color:#088486;}
.extinct-list .txt-wrap .sub-txt{margin-top:15px; font-size:18px; font-weight:400; color:#666; line-height:1.6; word-break: break-all;}

.history{padding:30px 35px; height:450px; background-color:#f7f7f7;}
.history > ul{position:relative; display:flex; height:100%; background:url(/resources/nie/images/sub/sub_intro_img_10.png) center center / 100% auto no-repeat; padding:0 150px 0 30px;}
.history > ul > li{position:relative; width:calc(100% / 5); display:flex; align-items:center; }
.history > ul > li:nth-child(odd){flex-direction:column-reverse; top:-160px;}
.history > ul > li:nth-child(even){flex-direction:column; top:160px;}
.history .year{position:relative; display:flex; align-items:center; width:100%; font-size:20px; font-weight:500; color:#fff; line-height:1; height:68px; padding-left:20px;}
.history .year::before{content:''; position:absolute; left:0; display:block; width:1px; height:43px; background-color:#fff;}
.history > ul > li:nth-child(odd) .year::before{top:-1px;}
.history > ul > li:nth-child(even) .year::before{bottom:-1px;}
.history > ul > li:nth-child(odd) .content{padding-bottom:30px; bottom:68px;}
.history > ul > li:nth-child(even) .content{padding-top:30px; top:68px; }
.history .content{position:absolute; width:100%;  padding:0 20px; border-style:solid; border-width:0 0 0 1px;}
.history > ul > li:nth-child(1) .content{border-color:#36a11d; left:0; width:200%;}
.history > ul > li:nth-child(2) .content{border-color:#1c8f3e; left:0; width:200%;}
.history > ul > li:nth-child(3) .content{border-color:#0d8451; left:0; width:200%;}
.history > ul > li:nth-child(4) .content{border-color:#037a4e; left:0; width:200%;}
.history > ul > li:nth-child(5) .content{border-color:#037a4e; left:0; width:200%;}
.history > ul > li:nth-child(6) .content{border-color:#078385; left:0; width:200%;}
.history .content .title{font-size:18px; font-weight:600; line-height:1;}
.history > ul > li:nth-child(1) .title{color:#36a11d;}
.history > ul > li:nth-child(2) .title{color:#1c8f3e;}
.history > ul > li:nth-child(3) .title{color:#0d8451;}
.history > ul > li:nth-child(4) .title{color:#07805a;}
.history > ul > li:nth-child(5) .title{color:#007b67;}
.history > ul > li:nth-child(6) .title{color:#078385;}
.history .content .txt-list{margin-top:15px;}
.history .content .txt-list li{font-size:16px; color:#666;}
.history .content .txt-list li::before{content:'-'; margin-right:5px;}
.history .content .more{display:flex; align-items:center; justify-content:center; width:100px; height:36px; font-size:16px; font-weight:400; color:#666; border:1px solid #ccc; margin-top:10px; background-color:#fff; border-radius:3px; line-height:1;}

.diagram-wrap.type3{padding:0 50px;}
.diagram-wrap.type3::before{top:174px;}
.diagram-wrap.type3 .sub-system__list.diagram2::before{left:-50px;}
.diagram-wrap.type3 .sub-system__list.diagram2::after{right:-50px;}
.diagram-wrap.type3 .sub-system__list.diagram2::before,
.diagram-wrap.type3 .sub-system__list.diagram2::after{top:174px;}
.diagram-wrap.type3 .sub-system__list.diagram2 .sub-title4{margin-top:115px; flex:1;}
.sub-system__list .sub-title4 .title2{display:flex; justify-content:center; align-items:center; width:100%; height:60px; border-radius:60px; font-size:20px; font-weight:500; color:#fff; line-height:1;}
.sub-system__list .purpose .title2{background-color:#36a11d;}
.sub-system__list .project .title2{background-color:#007b66;}
.sub-system__list.diagram2 .sub-title4 .sub-txtList{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; min-height:240px; border-width:1px; border-style:solid; border-radius:25px; margin:10px 0 0; padding:30px; background-color:#fff;}
.sub-system__list .purpose .sub-txtList{border-color:#36a11d;}
.sub-system__list .project .sub-txtList{border-color:#007b66;}

.sub-system__list .title.vision{font-size:22px; font-weight:600; line-height:1.5; text-align:center; margin:0 70px;}

.small-diagram.sub-system__list .title.vision{font-size:18px;}

.sub-system__list .title.vision .small-txt{display:block; font-size:16px; font-weight:600; color:rgba(255,255,255,.8); line-height:1; margin:0 0 15px;}
.sub-system__list .title.vision .arrow{position:absolute; bottom:-155px; left:50%; transform:translateX(-50%); width:100%;}

.function-list.type2{flex-wrap:wrap; justify-content:space-between;}
.function-list.type2 > li{flex:none; width:calc((100% - 20px) / 2); min-height:140px;}
.function-list.type2 > li:not(:last-child){margin-right:0;}
.function-list.type2 > li:not(:nth-child(2n)){margin-right:10px;}
.function-list.type2 > li:not(:nth-child(-n + 2)){margin:20px 0 0;}
.function-list.type2 .title{flex-direction:column; width:140px; min-height:140px; height:100%; font-size:20px; font-weight:500; color:#fff; line-height:1;}
.function-list.type2 > li:nth-child(1){border-color:#36a11d;}
.function-list.type2 > li:nth-child(2){border-color:#088486;}
.function-list.type2 > li:nth-child(3){border-color:#086d86;}
.function-list.type2 > li:nth-child(4){border-color:#007b66;}
.function-list.type2 > li:nth-child(1) .title{background-color:#36a11d;}
.function-list.type2 > li:nth-child(2) .title{background-color:#088486;}
.function-list.type2 > li:nth-child(3) .title{background-color:#086d86;}
.function-list.type2 > li:nth-child(4) .title{background-color:#007b66;}
.function-list.type2 .title b{display:flex; justify-content:center; align-items:center; width:40px; height:26px; background-color:#fff; font-size:20px; text-align:center; font-weight:600; color:#fff; line-height:1; border-radius:26px; margin-bottom:10px;}
.function-list.type2 > li:nth-child(1) .title b{color:#36a11d;}
.function-list.type2 > li:nth-child(2) .title b{color:#088486;}
.function-list.type2 > li:nth-child(3) .title b{color:#086d86;}
.function-list.type2 > li:nth-child(4) .title b{color:#007b66;}
.function-list.type2 .sub-txtList{flex:1;}
.function-list.type2 .sub-txtList li{}

.center-box{position:relative; width:100%; padding:30px 50px; background-color:#f7f7f7; overflow:hidden;}
.center-box-item{width:1300px; position:relative;}
.center-box .logo{display:flex; justify-content:center; }
.center-box .center{display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap; margin:10px auto 20px; text-align:center; width:380px; height:140px; border-radius:0 25px 0 25px; background-color:#037a4e;}
.center-box .center p{font-size:20px; font-weight:600; color:#fff; line-height:1; margin-bottom:20px;}
.center-box .center img{}
.center-box .step{display:flex; justify-content:center;}
.center-box .step li{}
.center-box .step li:not(:last-child){margin-right:150px;}
.center-box .step li .txt{display:flex; text-align:center; align-items:center; justify-content:center; width:160px; height:160px; border-radius:100%; background-color:#36a11d; font-size:20px; font-weight:600; color:#fff; line-height:1; }
.center-box .step li .arrow{display:block; width:160px; height:79px; padding-top:22px; background:url('/resources/nie/images/sub/sub_intro_img_26.png') center center no-repeat; text-align:center; font-size:18px; font-weight:600; color:#319127; line-height:1; }
.center-box .bot-txt{display:flex; justify-content:center; margin-top:20px;}
.center-box .bot-txt p{display:flex; text-align:center; align-items:center; justify-content:center; width:500px; height:80px; border:1px solid #36a11d; background-color:#fff; border-radius:25px; font-size:18px; font-weight:500; color:#36a11d; }
.center-box .bot-txt p:not(:last-child){margin-right:30px;}
.center-box .gray-txt{position:absolute; top:50%; transform:translateY(-50%); display:flex; justify-content:space-between; width:100%;}
.center-box .gray-txt p{position:relative; text-align:center; display:flex; align-items:center; justify-content:center; width:100px; height:100px; background-color:#666; border-radius:0 25px 0 25px; font-size:16px; font-weight:600; color:#fff; line-height:1;}
.center-box .gray-txt p:first-child::before,
.center-box .gray-txt p:last-child::before{content:''; position:absolute; display:block; height:625px; z-index:-1; margin-top:50px; top:50%; transform:translateY(-54%);}
.center-box .gray-txt p:first-child::before{left:50%; width:500px; background:url('/resources/nie/images/sub/sub_arrow_l.png') center center no-repeat;}
.center-box .gray-txt p:last-child::before{right:50%; width:503px; background:url('/resources/nie/images/sub/sub_arrow_r.png') center center no-repeat;}


.swamp-wrap{position:relative; left:50%; transform:translateX(-50%); width:100vw; min-height:730px; background-color:#eee; padding:60px 0;}
.swamp-list{display:flex; margin:0 auto; max-width:1400px; height:100%;}
.swamp-list > li{position:relative; flex:1;}
.swamp-list > li > .title{position:absolute; left:50%; transform:translate(-50%,-150%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; padding:0 35px; width:240px; height:60px; border-radius:60px; font-size:20px; font-weight:600; color:#333; border:1px solid #ccc; background-color:#fff;}
.swamp-list li .title b{margin-left:5px;}
.swamp-list .guide{}
.swamp-list .map-wrap{position:relative; height:100%;}
.swamp-list .map-legend{position:absolute; top:0; left:0; width:120px; min-height:120px; background-color:#fff; border-radius:3px; padding:20px 15px;}
.swamp-list .map-legend .title{font-size:18px; font-weight:600; color:#333; line-height:1; margin-bottom:15px; text-align:center;}
.swamp-list .map-legend span,
.swamp-list .map a,
.swamp-list .map p{position:relative; display:flex; align-items:center; font-size:12px; font-weight:500; color:#666; line-height:1;}
.swamp-list .map-legend span:not(:last-of-type){margin-bottom:7px;}
.swamp-list .map-legend span::before{content:''; display:block; min-width:13px; min-height:13px; border-radius:100%; overflow:hidden;}
.swamp-list .map-legend span::before,
.swamp-list .map .left::before{margin-right:3px;}
.swamp-list .map .right::after{margin-left:3px;}

.swamp-list .map a i,
.swamp-list .map p i{display:block; min-width:13px; height:13px; border-radius:100%; overflow:hidden; z-index:3;}
.swamp-list .map a span,
.swamp-list .map p span{position:absolute; white-space:nowrap; transition:all .4s; z-index:3;}
.swamp-list .map a:hover span,
.swamp-list .map a:focus span{color:#fff;}
.swamp-list .map .top span{top:15px; left:50%; transform:translateX(-50%);}
.swamp-list .map .bottom span{bottom:15px; left:50%; transform:translateX(-50%);}
.swamp-list .map .left span{left:15px;}
.swamp-list .map .right span{right:15px;}

.swamp-list .map b{position:absolute; background:rgba(0,0,0,.7); opacity:0; transition:all .4s; padding:5px 10px; box-sizing:content-box; border-radius:13px; z-index:1;}
.swamp-list .map a.active b,
.swamp-list .map a:hover b,
.swamp-list .map a:focus b{opacity:1;}
.swamp-list .map .top b{left:50%; top:-4px; transform:translateX(-50%);}
.swamp-list .map .bottom b{left:50%; bottom:-4px; transform:translateX(-50%);}
.swamp-list .map .left b{left:-7px; top:50%; transform:translateY(-50%);}
.swamp-list .map .right b{right:-7px; top:50%; transform:translateY(-50%);}

.swamp-list .map-legend .protect::before,
.swamp-list .map-legend .protect::after,
.swamp-list .map i.protect{background-color:#3b9266; background: url(/resources/nie/images/common/icon_patt_01.png) no-repeat center / 100%; text-indent: -999px; overflow: hidden;}
.swamp-list .map-legend .swamp::before,
.swamp-list .map-legend .swamp::after,
.swamp-list .map i.swamp{background-color:#dc8141; background: url(/resources/nie/images/common/icon_patt_02.png) no-repeat center / 100%; text-indent: -999px; overflow: hidden;}
.swamp-list .map-legend .overlap::before,
.swamp-list .map i.overlap{content:''; display:block; width:13px; height:13px; border-radius:100%; overflow:hidden; background:linear-gradient(to left, #dc8141 50%, #3b9266 50%); text-indent: -999px; overflow: hidden; background: url(/resources/nie/images/common/icon_patt_03.png) no-repeat center / 100%;}
.swamp-list .map{position:relative; top:0; right:-45px; width:486px; height:641px; margin:0 auto; background-image:url('/resources/nie/images/sub/sub_swamp_map_24.png'); background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.swamp-list .map a,
.swamp-list .map p{position:absolute; font-weight:500; color:#111; background-color:transparent; border-radius:24px; line-height:1; transition:all .4s;}
.swamp-list .map a:hover,
.swamp-list .map a:focus,
.swamp-list .map a.active{background-color:rgba(0,0,0,.7); color:#fff; z-index:60;}
.swamp-list .map .area1{right:236px; top:42px;}
.swamp-list .map .area2{right:211px; top:52px;}
.swamp-list .map .area3{right:202px; top:67px;}
.swamp-list .map .area4{right:192px; top:81px;}
.swamp-list .map .area5{right:185px; top:95px;}
.swamp-list .map .area6{right:209px; top:99px;}
.swamp-list .map .area7{right:212px; top:178px;}
.swamp-list .map .area8{right:240px; top:240px;}
.swamp-list .map .area9{right:247px; top:269px;}
.swamp-list .map .area10{left:152px; top:273px;}
.swamp-list .map .area11{right:302px; top:35px;}
.swamp-list .map .area12{left:75px; top:130px;}
.swamp-list .map .area13{left:87px; top:122px;}
.swamp-list .map .area14{left:105px; top:136px;}
.swamp-list .map .area15{left:95px; top:151px;}
.swamp-list .map .area16{left:61px; top:132px;}
.swamp-list .map .area17{left:82px; top:158px;}
.swamp-list .map .area18{left:72px; top:181px;}
.swamp-list .map .area19{left:18px; top:223px;}
.swamp-list .map .area20{left:78px; bottom:304px;}
.swamp-list .map .area21{left:75px; bottom:269px;}
.swamp-list .map .area22{left:72px; bottom:255px;}
.swamp-list .map .area23{left:72px; bottom:255px;}
.swamp-list .map .area24{left:69px; bottom:240px;}
.swamp-list .map .area25{left:78px; bottom:224px;}
.swamp-list .map .area26{left:120px; bottom:239px;}
.swamp-list .map .area27{left:159px; bottom:225px;}
.swamp-list .map .area28{left:98px; bottom:212px;}
.swamp-list .map .area29{left:69px; bottom:186px;}
.swamp-list .map .area30{left:167px; bottom:170px;}
.swamp-list .map .area31{left:36px; bottom:170px;}
.swamp-list .map .area32{left:26px; bottom:161px;}
.swamp-list .map .area33{left:23px; bottom:148px;}
.swamp-list .map .area34{left:0; bottom:135px;}
.swamp-list .map .area35{left:25px; bottom:115px;}
.swamp-list .map .area36{left:160px; bottom:155px;}
.swamp-list .map .area37{left:147px; bottom:150px;}
.swamp-list .map .area38{left:136px; bottom:142px;}
.swamp-list .map .area39{left:250px; bottom:268px;}

.swamp-list .map .area40{right:208px; bottom:252px;}
.swamp-list .map .area41{right:160px; bottom:220px;}
.swamp-list .map .area42{right:197px; bottom:223px;}
.swamp-list .map .area43{right:194px; bottom:191px;}
.swamp-list .map .area44{right:174px; bottom:190px;}
.swamp-list .map .area45{right:147px; bottom:228px;}
.swamp-list .map .area46{right:139px; bottom:243px;}
.swamp-list .map .area47{right:167px; bottom:241px;}
.swamp-list .map .area48{left:48px; bottom:25px;}
.swamp-list .map .area49{left:50px; bottom:4px;}
.swamp-list .map .area50{left:80px; bottom:34px;}
.swamp-list .map .area51{left:75px; bottom:20px;}
.swamp-list .map .area52{left:81px; bottom:6px;}
.swamp-list .map .area53{left:159px; bottom:185px;}
/* .swamp-list .map .area54{left:240px; top: 470px;} */
.swamp-list .map .area54{left:87px; top:107px;}
.swamp-list .map .area55{left:88px; top:181px;}
.swamp-list .map .area56{left:192px; top:198px;}
.swamp-list .map .area57{right:224px; bottom:191px;}
.swamp-list .map .area58{left:146px; bottom: 130px;}
.swamp-list .map .area59{left: 144px; top: 294px;}

.swamp-list .map .area60{left: 155px; top: 35px;}
.swamp-list .map .area61{right: 162px; top: 242px;}
.swamp-list .map .area62{left: 192px; bottom: 178px;}
.swamp-list .map .area63{left: 86px; bottom: 189px;}
.swamp-list .map .area64{left: 88px; bottom: 29px;}

.swamp-list .map .area12 span{left:-40px !important;}
.swamp-list .map .area12 b{left:-40px !important;}

.swamp-list .map .area37 span{top:7px;}
.swamp-list .map .area37:hover span,
.swamp-list .map .area37:focus span{top:0;}

.swamp-list .map .area42 span{left:-30% !important;}
.swamp-list .map .area47 span{left:54px !important;}
.swamp-list .map .area47 b{left:54px !important;}

.swamp-list .status{border-left:1px solid #ccc; padding:0 40px;}
.swamp-list .status-list{display:flex; flex-direction:column; width:100%; height:610px; min-height:610px; border-radius:30px; background-color:#fff; border:1px solid #ccc; padding:0 40px;}
.swamp-list .status-list li{position:relative; flex:1; padding:10px 0; text-align:center; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center;}
.swamp-list .status-list li:not(:last-child)::after{content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg');}
.swamp-list .status-list li .title{display:flex; align-items:center; line-height:1; font-size:18px; font-weight:600; color:#333; }
.swamp-list .status-list li .title::before{content:''; display:block; width:16px; height:16px; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
.swamp-list .status-list .area .title::before{background-image:url('/resources/nie/images/common/ico_area.png');}
.swamp-list .status-list .location .title::before{background-image:url('/resources/nie/images/common/ico_loca.png');}
.swamp-list .status-list .extent .title::before{background-image:url('/resources/nie/images/common/ico_extent.png');}
.swamp-list .status-list .feature .title::before{background-image:url('/resources/nie/images/common/ico_feature.png');}
.swamp-list .status-list .date .title::before{background-image:url('/resources/nie/images/common/ico_cal.png');}
.swamp-list .status-list li .txt{width:100%; font-size:16px; font-weight:400; color:#666; margin-top:10px;}

.climate-title{text-align:center;}
.climate-title p{display:inline-flex; margin:0 auto; min-width:480px; height:60px; border-radius:60px; align-items:center; justify-content:center; padding:0 30px; border:1px solid #ccc; font-size:26px; font-weight:400; color:#333;}
.climate-title span{font-weight:600; color:#037a4e; line-height:1; margin-left:5px;}

.subtxt-box{display:flex; min-height:160px; padding:30px; border:1px solid #ccc; border-radius:3px;}
.subtxt-box .txt-wrap::before{content:''; display:block; min-width:100px; height:100px; margin-right:30px; border-radius:100%; background:url('/resources/nie/images/sub/ico_inhabit_01.png') center center #f7f7f7 no-repeat;}
.subtxt-box .txt-wrap{font-size:18px; font-weight:400; color:#666; display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-start; justify-content:center; }
.subtxt-box .txt-wrap span{display:block; font-size:16px; color:#888; margin-top:5px;}

.subtxt-box.status::before{content:''; display:block; min-width:100px; height:100px; margin-right:30px; border-radius:100%; background:url('/resources/nie/images/sub/ico_status_01.png') center center #f7f7f7 no-repeat;}
.subtxt-box.status .txt-wrap{width:calc(100% - 130px); align-items:normal; flex-direction:inherit; justify-content:normal;}
.subtxt-box.status .txt-wrap::before{display:none;}
.subtxt-box.status .txt-wrap .txt{width:100%;}
.subtxt-box.status .txt-wrap span{display:inline; color:#037a4e; font-size:18px; font-weight:600; line-height:1; margin:0;}
.subtxt-box a{display:flex; margin-top:auto; align-self:flex-end; margin-left:auto; }
.subtxt-box.status a{align-self:normal; margin:15px 0 0;}

.sub-region{display:flex; margin-top:45px; padding-right:118px; align-items:flex-start;}
.sub-region > *{flex:1;}
.sub-region .region{display:flex; flex-wrap:wrap;}
/* .sub-region .region li{width:50%;} */

.region .area{display:flex; flex-direction:column; width:50%;}
.region .area:not(:last-child){margin-bottom:40px;}
.region .area a{display:flex; align-items:center; font-size:16px; font-weight:400; color:#666; line-height:1.2;}
.region .area a:not(:last-child){margin-bottom:7px;}
.region .area span,
.region-modal .modal-header > .title span{display:flex; align-items:center; justify-content:center; min-width:25px; height:25px; border-radius:100%; margin-right:10px; font-size:14px; font-weight:600; color:#fff; line-height:1;}
.region-modal .modal-header > .title span{padding-top:2px;}
.region .area1 span,
.region-modal .modal-header .title .area1{background-color:#248089;}
.region .area2 span,
.region-modal .modal-header .title .area2{background-color:#5e811f;}
.region .area3 span,
.region-modal .modal-header .title .area3{background-color:#d42a12;}
.region .area4 span,
.region-modal .modal-header .title .area4{background-color:#A4850A;}
.region .area5 span,
.region-modal .modal-header .title .area5{background-color:#1f6ad1;}
.region .area6 span,
.region-modal .modal-header .title .area6{background-color:#038a6a;}
.region .area .darkred span,
.region-modal .modal-header .title .colorType3{background-color:#ac5d52;}
.region .area .orange span,
.region-modal .modal-header .title .colorType6{background-color:#fa9c22;}
.region .area .violet span,
.region-modal .modal-header .title .colorType8{background-color:#8e74eb;}

.region-title{font-size:20px; font-weight:600; margin-bottom:10px;}
.area1 .region-title{color:#248089;}
.area2 .region-title{color:#5e811f;}
.area3 .region-title{color:#d42a12;}
.area4 .region-title{color:#A4850A;}
.area5 .region-title{color:#1f6ad1;}
.area6 .region-title{color:#038a6a;}

.sub-region .map{position:relative; text-align:center; flex:none;}
.sub-region .map > a{position:absolute; }
.sub-region .map > a::before{content:''; display:block; width:25px; height:25px; border-radius:100%; border:2px solid transparent; transition:all .4s;}
.sub-region .map > a span{font-size:14px; font-weight:600; color:#fff; white-space:nowrap; line-height:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:99;}
.sub-region .map > a:hover::before,
.sub-region .map > a:focus::before{border-color:#fff; transform:scale(1.6); z-index:50;}

.sub-region .map a.colorType1::before,
.region-modal .modal-header > .title .colorType1{background:#248089;}
.sub-region .map a.colorType1:hover::before,
.sub-region .map a.colorType1:focus::before{background:#08575f;}
.sub-region .map a.colorType2::before,
.region-modal .modal-header > .title .colorType2{background:#6e990b;}
.sub-region .map a.colorType2:hover::before,
.sub-region .map a.colorType2:focus::before{background:#4d6a17;}
.region .area3 .colorType3 span,
.sub-region .map a.colorType3::before,
.region-modal .modal-header > .title .colorType3{background:#ac5d52;}
.sub-region .map a.colorType3:hover::before,
.sub-region .map a.colorType3:focus::before{background:#99160d;}
.sub-region .map a.colorType4::before,
.region-modal .modal-header > .title .colorType4{background:#d42a12;}
.sub-region .map a.colorType4:hover::before,
.sub-region .map a.colorType4:focus::before{background:#712720;}
.sub-region .map a.colorType5::before,
.region-modal .modal-header > .title .colorType5{background:#A4850A;}
.sub-region .map a.colorType5:hover::before,
.sub-region .map a.colorType5:focus::before{background:#856a18;}
.region .area4 .colorType6 span,
.sub-region .map a.colorType6::before,
.region-modal .modal-header > .title .colorType6{background:#C17512;}
.sub-region .map a.colorType6:hover::before,
.sub-region .map a.colorType6:focus::before{background:#b76718;}
.sub-region .map a.colorType7::before,
.region-modal .modal-header > .title .colorType7{background:#1f6ad1;}
.sub-region .map a.colorType7:hover::before,
.sub-region .map a.colorType7:focus::before{background:#054593;}
.region .area5 .colorType8 span,
.sub-region .map a.colorType8::before,
.region-modal .modal-header > .title .colorType8{background:#8e74eb;}
.sub-region .map a.colorType8:hover::before,
.sub-region .map a.colorType8:focus::before{background:#593fdb;}
.sub-region .map a.colorType9::before,
.region-modal .modal-header > .title .colorType9{background:#038a6a;}
.sub-region .map a.colorType9:hover::before,
.sub-region .map a.colorType9:focus::before{background:#0f8768;}

.sub-region .map a.agency01{top:21.02941176%; left:61.63021869%;}
.sub-region .map a.agency02{top:25.14705882%; left:68.58846918%;}
.sub-region .map a.agency03{top:16.17647059%; left:57.65407555%;}
.sub-region .map a.agency04{top:9.117647059%; left:62.027833%;}
.sub-region .map a.agency05{top:11.76470588%; left:52.08747515%;}
.sub-region .map a.agency06{top:16.647059%; left:71.16501%;}
.sub-region .map a.agency07{top:12.64705882%; left:39.16500994%;}
.sub-region .map a.agency08{top:22.05882353%; left:32.20675944%;}
.sub-region .map a.agency09{top:22.05882353%; left:37.77335984%;}
.sub-region .map a.agency10{top:26.47058824%; left:38.56858847%;}
.sub-region .map a.agency11{top:28.67647059%; left:44.53280318%;}
.sub-region .map a.agency12{top:53.38235294%; left:31.41153082%;}
.sub-region .map a.agency13{top:70.14705882%; left:23.06163022%;}
.sub-region .map a.agency14{top:54.852941%; left:37.904573%;}
.sub-region .map a.agency15{top:34.85294118%; left:15.90457256%;}
.sub-region .map a.agency16{top:37.20588235%; left:31.41153082%;}
.sub-region .map a.agency17{top:42.20588235%; left:27.23658052%;}
.sub-region .map a.agency18{top:38.08823529%; left:45.72564612%;}
.sub-region .map a.agency19{top:36.32352941%; left:51.68986083%;}
.sub-region .map a.agency20{top:36.76470588%; left:59.2445328%;}
.sub-region .map a.agency21{top:40.44117647%; left:63.61829026%;}
.sub-region .map a.agency22{top:44.41176471%; left:67.39562624%;}
.sub-region .map a.agency23{top:44.55882353%; left:85.68588469%;}
.sub-region .map a.agency24{top:60.44117647%; left:65.00994036%;}
.sub-region .map a.agency25{top:64.41176471%; left:70.17892644%;}
.sub-region .map a.agency26{top:87.5%; left:23.45924453%;}
.sub-region .map a.agency27{top:92.5%; left:20.67594433%;}
.sub-region .map a.agency28{top:88.23529412%; left:30.01988072%;}

.graph-wrap{display:flex; margin-top:30px;}
.graph-wrap .img{width:660px;}
.graph-wrap > table{flex:1;}
.graph-wrap > *:not(:last-child){margin-right:40px;}

.board-table3 tbody th span{display:inline-flex; align-items:center; justify-content:center; min-width:25px; height:25px; border-radius:100%; margin-right:10px; font-size:14px; font-weight:600; color:#fff; line-height:1;}
.area1 .board-table3 tbody th{background-color:#fbfefe;}
.area2 .board-table3 tbody th{background-color:#f6f9f1;}
.area3 .board-table3 tbody th{background-color:#faf5f5;}
.area4 .board-table3 tbody th{background-color:#fcfaf0;}
.area5 .board-table3 tbody th{background-color:#f2f6fc;}
.area6 .board-table3 tbody th{background-color:#f0fbf8;}

.area1 .board-table3 tbody th span{background-color:#248089;}
.area2 .board-table3 tbody th span{background-color:#5e811f;}
.area3 .board-table3 tbody th.colorType3 span{background-color:#ac5d52;}
.area3 .board-table3 tbody th.colorType4 span{background-color:#d42a12;}
.area4 .board-table3 tbody th span{background-color:#A4850A;}
.area4 .board-table3 tbody th.colorType6 span{background-color:#b76718;}
.area5 .board-table3 tbody th span{background-color:#1f6ad1;}
.area5 .board-table3 tbody th.colorType8 span{background-color:#8e74eb;}
.area6 .board-table3 tbody th span{background-color:#038a6a;}

.CBD-tabWrap .board-table3 tbody th{padding-left:50px; text-indent:-36px;}
.CBD-tabWrap .board-table3 tbody th span{padding-left:0; text-indent:0;}

.region-modal{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:auto; border-radius:3px; z-index:99;}
.region-modal .modal-dialog{margin:0;}
.region-modal .modal-content{background-color:#f7f7f7;}
.region-modal .modal-header{border-bottom:2px solid #222; padding-bottom:25px; margin-bottom:15px;}
.region-modal .modal-header > .title{display:flex; align-items:center; font-size:22px; font-weight:600; line-height:1;}
.region-modal .modal-header .modal-close{line-height:1;}
.region-modal .modal-body{padding:0 20px 20px; border-bottom:1px solid #cdcdcd;}

.dot-list{}
.dot-list > li{display:flex; line-height:1;}
.dot-list > li:not(:last-child){margin-bottom:10px;}
.dot-list > li .title{display:flex; align-items:center; width:100px; font-size:16px; font-weight:600; color:#333; }
.dot-list > li .title::before{content:''; display:block; width:2px; height:2px; border-radius:100%; background-color:#333; margin-right:10px;}
.dot-list > li .txt{flex:1; font-size:16px; font-weight:400; color:#666; text-align:left;}

.dot-list2{}
.dot-list2 > li{position:relative; display:flex; flex-wrap:wrap; flex-direction:column; padding-left:12px; font-size:16px; color:#666; line-height:1.4;}
.dot-list2 > li::before{content:''; position:absolute; top:10px; left:0; display:inline-flex; min-width:2px; height:2px; background-color:#666; border-radius:100%; }
.dot-list2 > li:not(:last-child){margin-bottom:10px;}

.icon-listbox{}
.icon-listbox > li{display:flex; padding:30px; border:1px solid #ccc; border-radius:2px;}
.icon-listbox > li:not(:last-child){margin-bottom:30px;}
.icon-listbox > li .img{display:block; width:120px; margin-right:30px;}
.icon-listbox > li .img img{}
.icon-listbox > li .text{flex:1;}
.icon-listbox > li .title{font-size:20px; font-weight:600; color:#333; line-height:1; margin-bottom:15px;}
.icon-listbox > li .text{}

.sub-txtList2{}
.sub-txtList2 > li{font-size:14px; color:#666; line-height:1.4;}
.sub-txtList2 > li::before{content:'-'; font-size:px; margin-right:2px; }
.sub-txtList2 > li:not(:last-child){margin-bottom:10px;}

.sub-txtList3{}
.sub-txtList3 > li{display:flex; align-items:flex-start;}
.sub-txtList3 > li .sub-iconTitle{min-width:215px; }
.sub-txtList3 > li:not(:last-child){margin-bottom:20px;}

.btn-homepage{display:flex; align-items:center; justify-content:center; width:130px; height:30px; background-color:#fff; border-radius:3px; border:1px solid #ccc; font-size:15px; font-weight:500; color:#666; line-height:1;}

.sub-spreadWrap{display:flex; border-width:2px 0 1px; border-color:#333 transparent #cdcdcd; border-style:solid; padding:30px 0;}
.sub-spreadWrap > li{display:flex; align-items:center;}
.sub-spreadWrap .map{width:466px;}
.sub-spreadWrap .map-img{margin:0 auto;}
.sub-spreadWrap + .btn-write{justify-self:flex-end; margin-left:auto;}

.graphWrap{flex:1; padding:0 70px; position:relative; justify-content:space-between;}
.graphWrap::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:1px; height:100%; background:url('/resources/nie/images/common/dot_v.jpg');}
.graphWrap > *{width:calc(50% - 30px); text-align:center;}
.graphWrap .title{font-size:22px; font-weight:500; color:#222; line-height:1;}
.graphWrap .title::before{content:''; display:block; width:100%; height:16px; margin-bottom:14px; background-repeat:no-repeat; background-position:center center;}
.graphWrap .title span{font-weight:600; color:#037a4e; line-height:1;}
.graphWrap .diagram{}
.graphWrap .diagram .title::before{background-image:url('/resources/nie/images/sub/ico_spread_07.png');}
.graphWrap .graph{}
.graphWrap .graph .title::before{background-image:url('/resources/nie/images/sub/ico_spread_10.png');}

/* .barGraph{background:url('/resources/nie/images/sub/chart-repeat.png') repeat 0 7px;} */
.barGraph{position:relative; width:367px; margin:0 auto;}
/* .barGraph::before{content:''; width:265px; height:285px; position:absolute; top:14px; left:0; z-index:-1; background-image:url('/resources/nie/images/sub/barGraphBg.png'); background-repeat:no-repeat; background-size:100% auto; background-image:repeating-linear-gradient(#f2f2f2 0, #f2f2f2 15px, #fff 15px, #fff 30px); background-position:0 0; background-size:100% 100%;} */
.barGraph::before{content:'';width: 296px;height:285px;position:absolute;top:14px;left:0;z-index:-1;background-image:url('/resources/nie/images/sub/barGraphBg.png');background-repeat:no-repeat;background-size: 100% auto;}
.barGraph::after{content: '';position: absolute;top: 0;right: 0;width: 130px;height: 100%;background: #fff;z-index: -1;}
.barGraph canvas{position:relative; width:367px !important; height:308px !important;}
.diagram canvas,
.barGraph canvas{margin:0 auto;}

.nation-map{text-align:right;}
.region-map{position:relative; display:none;}
.region-map.active{display:block;}
.region-map .btn-map{position:absolute; right:0; top:12px; display:inline-flex; align-items:center; min-width:165px; height:42px; padding:0 20px; border-radius:3px 3px 0 0; color:#fff; font-size:17px; font-weight:500; background:url('/resources/nie/images/common/ico_arrow_top.png') right 20px center #333 no-repeat;}
.map-select{display:none;}

.mapImg{position:relative; width:500px; height:700px; background:url(/resources/nie/images/Img_habitat.png) no-repeat 0 0;}
.mapImg li a{position:absolute;display:block;width:45px;height:45px;z-index:33;text-indent:-99999px;transition: .3s;}
.mapImg li.agency01 a{top:120px;left:270px;}
.mapImg li.agency01 a:hover,
.mapImg li.agency01 a:focus{background:url(/resources/nie/images/agency_01.png) no-repeat 0 0;}
.mapImg li.agency02 a{top:140px;left:300px; }
.mapImg li.agency02 a:hover,
.mapImg li.agency02 a:focus{background:url(/resources/nie/images/agency_02.png) no-repeat 0 0;}
.mapImg li.agency03 a{top:80px;left:250px;  }
.mapImg li.agency03 a:hover,
.mapImg li.agency03 a:focus{background:url(/resources/nie/images/agency_03.png) no-repeat 0 0;}
.mapImg li.agency04 a{top:40px;left:270px;}
.mapImg li.agency04 a:hover,
.mapImg li.agency04 a:focus{background:url(/resources/nie/images/agency_04.png) no-repeat 0 0;}
.mapImg li.agency05 a{top:50px;left:220px; }
.mapImg li.agency05 a:hover,
.mapImg li.agency05 a:focus{background:url(/resources/nie/images/agency_05.png) no-repeat 0 0;}
.mapImg li.agency06 a{top:60px;left:160px; }
.mapImg li.agency06 a:hover,
.mapImg li.agency06 a:focus{background:url(/resources/nie/images/agency_06.png) no-repeat 0 0;}
.mapImg li.agency07 a{top:120px;left:120px;}
.mapImg li.agency07 a:hover,
.mapImg li.agency07 a:focus{background:url(/resources/nie/images/agency_07.png) no-repeat 0 0;}
.mapImg li.agency08 a{top:120px;left:150px; }
.mapImg li.agency08 a:hover,
.mapImg li.agency08 a:focus{background:url(/resources/nie/images/agency_08.png) no-repeat 0 0;}
.mapImg li.agency09 a{top:160px;left:150px; }
.mapImg li.agency09 a:hover,
.mapImg li.agency09 a:focus{background:url(/resources/nie/images/agency_09.png) no-repeat 0 0;}
.mapImg li.agency10 a{top:160px;left:180px;  }
.mapImg li.agency10 a:hover,
.mapImg li.agency10 a:focus{background:url(/resources/nie/images/agency_10.png) no-repeat 0 0;}
.mapImg li.agency11 a{top:340px;left:120px;}
.mapImg li.agency11 a:hover,
.mapImg li.agency11 a:focus{background:url(/resources/nie/images/agency_11.png) no-repeat 0 0;}
.mapImg li.agency12 a {top:450px;left:80px;}
.mapImg li.agency12 a:hover,
.mapImg li.agency12 a:focus{background:url(/resources/nie/images/agency_12.png) no-repeat 0 0;}
.mapImg li.agency13 a{top:210px;left:40px; }
.mapImg li.agency13 a:hover,
.mapImg li.agency13 a:focus{background:url(/resources/nie/images/agency_13.png) no-repeat 0 0;}
.mapImg li.agency14 a{top:230px;left:120px; }
.mapImg li.agency14 a:hover,
.mapImg li.agency14 a:focus{background:url(/resources/nie/images/agency_14.png) no-repeat 0 0;}
.mapImg li.agency15 a{top:260px;left:90px; }
.mapImg li.agency15 a:hover,
.mapImg li.agency15 a:focus{background:url(/resources/nie/images/agency_15.png) no-repeat 0 0;}
.mapImg li.agency16 a{top:235px;left:180px; }
.mapImg li.agency16 a:hover,
.mapImg li.agency16 a:focus{background:url(/resources/nie/images/agency_16.png) no-repeat 0 0;}
.mapImg li.agency17 a{top:225px;left:220px; }
.mapImg li.agency17 a:hover,
.mapImg li.agency17 a:focus{background:url(/resources/nie/images/agency_17.png) no-repeat 0 0;}
.mapImg li.agency18 a{top:215px;left:250px;}
.mapImg li.agency18 a:hover,
.mapImg li.agency18 a:focus{background:url(/resources/nie/images/agency_18.png) no-repeat 0 0;}
.mapImg li.agency19 a{top:245px;left:280px; }
.mapImg li.agency19 a:hover,
.mapImg li.agency19 a:focus{background:url(/resources/nie/images/agency_19.png) no-repeat 0 0;}
.mapImg li.agency20 a{top:280px;left:300px; }
.mapImg li.agency20 a:hover,
.mapImg li.agency20 a:focus{background:url(/resources/nie/images/agency_20.png) no-repeat 0 0;}
.mapImg li.agency21 a{top:280px;left:390px; }
.mapImg li.agency21 a:hover,
.mapImg li.agency21 a:focus{background:url(/resources/nie/images/agency_21.png) no-repeat 0 0;}
.mapImg li.agency22 a{top:380px;left:280px; }
.mapImg li.agency22 a:hover,
.mapImg li.agency22 a:focus{background:url(/resources/nie/images/agency_22.png) no-repeat 0 0;}
.mapImg li.agency23 a{top:410px;left:310px; }
.mapImg li.agency23 a:hover,
.mapImg li.agency23 a:focus{background:url(/resources/nie/images/agency_23.png) no-repeat 0 0;}
.mapImg li.agency24 a{top:560px;left:70px; }
.mapImg li.agency24 a:hover,
.mapImg li.agency24 a:focus{background:url(/resources/nie/images/agency_24.png) no-repeat 0 0;}
.mapImg li.agency25 a{top:600px;left:50px; }
.mapImg li.agency25 a:hover,
.mapImg li.agency25 a:focus{background:url(/resources/nie/images/agency_25.png) no-repeat 0 0;}
.mapImg li.agency26 a{top:570px;left:110px; }
.mapImg li.agency26 a:hover,
.mapImg li.agency26 a:focus{background:url(/resources/nie/images/agency_26.png) no-repeat 0 0;}
.mapImg li.agency27 a{}
.mapImg li.agency27 a:hover,
.mapImg li.agency27 a:focus{background:url(/resources/nie/images/agency_27.png) no-repeat 0 0;}
#Map area{display:block;}

.extinct-galleryList{display:flex; flex-wrap:wrap; margin:15px 0 0;}
.extinct-galleryList li{display:flex; justify-content:flex-start; width:calc((100% / 7) - 20px); text-align:center;}
.extinct-galleryList li:not(:nth-child(7n)){margin-right:23px;}
.extinct-galleryList li:not(:nth-child(-n + 7)){margin-top:30px;}
.extinct-galleryList li a{ display:block;}
.extinct-galleryList li .img{position:relative; display:block; width:180px; height:135px; overflow:hidden;}
.extinct-galleryList li .img::after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('/resources/nie/images/layout/ico_more.png') center center rgba(0,0,0,.5) no-repeat; visibility:hidden; opacity:0; transition:all .4s;}
.extinct-galleryList li .img img{position:absolute; width:auto; height:100%; min-width:auto; min-height:100%; max-width:none; top:50%; left:50%; transform:translate(-50%, -50%);}
.extinct-galleryList li a:hover .img::after,
.extinct-galleryList li a:focus .img::after{visibility:visible; opacity:1; }

.extinct-galleryList a p{line-height:1; margin:12px 0 0; font-size:18px; font-weight:400; color:#666;}

.organ-tab{display:flex; justify-content:center; align-items:center; border-width:1px; border-style:solid; border-color:#ccc; border-radius:0 25px 0 25px; overflow:hidden;}
.organ-tab a{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; height:140px; text-align:center; background-color:#fff; transition:all .4s; border-color:#ccc; border-style:solid; border-width:0; font-size:18px; font-weight:500; color:#037a4e; line-height:1;}
.organ-tab a:not(:first-child){border-left:1px solid #ccc;}
.organ-tab a p{font-size:16px; font-weight:400; color:#888; margin-top:5px;}
.organ-tab a .species{display:inline-flex; min-width:60px; height:24px; border-radius:24px; justify-content:center; align-items:center; margin-top:10px; background-color:#037a4e; color:#fff; font-size:14px; font-weight:400; padding:0 5px;}
.organ-tab a.active{background-color:#037a4e; color:#fff;}
.organ-tab a.active p{color:rgba(255,255,255,.7);}
.organ-tab a.active .species{background-color:#fff; font-weight:600; color:#037a4e;}

.extinct-tabItem{display:none;}
.extinct-tabItem.active{display:block;}

.claim-diagram{display:flex; justify-content:space-between; width:100%; min-width:1258px; height:700px;}
.claim-diagram > li{display:flex; align-items:flex-start; position:relative;}
.claim-diagram > li:first-child{width:530px;}
.claim-diagram > li:last-child{flex:1; justify-content:space-between;}
.claim-diagram .claimant{position:relative; display:flex; align-items:center; margin-top:125px;}
.claim-diagram .claimant::before{content:''; position:absolute; left:93px; top:-80px; width:1px; height:352px; background-color:#b3b3b3; z-index:-1;}
.claim-diagram .claimant .arrow-txtWrap{position:relative; left:30px;}
.claim-diagram .arrow-txtWrap{position:absolute;}
.claim-diagram .arrow-txtWrap p{font-size:15px; font-weight:400; color:#666; line-height:1.7;}
.claim-diagram > li > .arrow-txt{position:absolute;}
.claim-diagram .arrow-txtWrap .arrow-txt{display:block; font-size:16px; font-weight:600; color:#037a4e; line-height:1; margin-bottom:15px;}
.claim-diagram .arrow-txt.darkgreen{color:#037a4e; font-weight:600;}
.claim-diagram .arrow-txt.green{color:#36a11d; font-weight:600;}
.division-title{display:flex; align-items:center; justify-content:center; width:200px; height:90px; border-radius:0 20px 0 20px; font-size:20px; font-weight:600; color:#fff; }
.division-title.darkgreen{background-color:#037a4e;}
.division-title.green{background-color:#36a11d;}
.division-title.claim{background-color:#666;}
.claim-diagram .division-gray{display:flex; align-items:center; justify-content:center; width:200px; height:70px; border:2px dashed #ccc; background-color:#f7f7f7; border-radius:25px; font-size:18px; font-weight:500; color:#222; line-height:1;}
.claim-diagram .division-green{}
.claim-diagram .division-darkgreen{}

.claim-diagram .list-wrap2::before,
.claim-diagram .list-wrap2::after{content:''; position:absolute; left:93px; bottom:43px; z-index:-1; display:block; width:1px; height:655px; background-color:#b3b3b3;}
.claim-diagram .list-wrap2::before{left:40px; height:300px; bottom:auto; top:90px;}
.claim-diagram .list-wrap2 > li,
.claim-diagram .list-wrap3 > li{position:relative;}
.claim-diagram .list-wrap2 > li > .arrow-txt,
.claim-diagram .list-wrap2 > li .arrow-txtWrap{left:-300px;}
.claim-diagram .list-wrap2 > li:last-child .arrow-txtWrap{margin-top:95px;}
.claim-diagram .list-wrap2 li:last-child{margin-top:260px;}
.claim-diagram .list-wrap3{display:flex; flex-direction:column; height:100%;}

.claim-diagram .list-wrap2 > li > .arrow-txt,
.claim-diagram .list-wrap2 > li .arrow-txtWrap,
.claim-diagram .list-wrap3 > li > .arrow-txt,
.claim-diagram .list-wrap3 > li .arrow-txtWrap{position:absolute;}

.claim-diagram .list-wrap3 > li > .arrow-txt,
.claim-diagram .list-wrap3 > li .arrow-txtWrap{left:-280px;}
.claim-diagram .division-gray,
.claim-diagram .list-wrap2 > li .division-title{display:flex; align-items:center; position:relative;}
.claim-diagram .list-wrap2 > li:first-child .division-title::before,
.claim-diagram .list-wrap3 > li:not(:nth-child(4)) .division-gray::before{content:''; position:absolute; z-index:-1; left:-437px; display:block; width:407px; height:20px; background:url('/resources/nie/images/sub/ico_info_arrow2.png') no-repeat;}
.claim-diagram .list-wrap3 > li:nth-child(2){margin-top:120px;}
.claim-diagram .list-wrap3 > li:nth-child(3){margin-top:85px;}
.claim-diagram .list-wrap3 > li:nth-child(4){margin-top:205px;}
.claim-diagram .list-wrap3 > li:nth-child(3) .arrow-txtWrap{margin-top:-80px;}
.claim-diagram .list-wrap3 > li:nth-child(4) .arrow-txtWrap{margin-top:-110%;}

.claim-diagram .list-wrap2 > li:first-child::before{content:''; position:absolute; left:-401px; top:78px; display:block; width:401px; height:135px; background:url('/resources/nie/images/sub/ico_info_arrow1.png') no-repeat;}
.claim-diagram .list-wrap2 > li:last-child .division-title::before,
.claim-diagram .list-wrap3 > li:nth-child(4) .division-gray::before{content:''; position:absolute; left:-436px; top:52%; transform:translateY(-49%) translateY(-0.5px); z-index:-1; width:436px; height:1px; background-color:#b3b3b3;}

.sub-member{text-align:center;}
.sub-member .logo-nie{display:block; margin:50px 0;}
.sub-member .sub-lineBox{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px 0; }
.sub-member .sub-lineBox .txt{display:block; font-size:20px; line-height:1; margin:20px 0;}
.sub-member .sub-lineBox .txt span{font-weight:600; color:#222; }

.list-esg{display:flex; flex-direction:column; gap:40px;}
.list-esg > li{display:flex; }
.list-esg > li > .title{position:relative; display:flex; align-items:center; justify-content:center; width:170px; margin-right:40px; border-radius:25px; background-color:#5c5c5c; font-size:18px; font-weight:600; color:#fff; text-align:center;}
.list-esg > li > .title::after{content:''; position:absolute; left:170px; top:50%; transform:translateY(-50%); display:block; width:1000px; height:1px; border:1px dashed #b1b1b1;}
.list-esg > li .content{display:flex; flex:1; gap:40px; }
.list-esg .box{position:relative; display:flex; flex-direction:column; border-radius:25px; flex:1; background-color:#fff;}
.list-esg .box::after,
.list-esg > li .content .list::after,
.list-esg > li .box-list::after,
.monitor .circle-wrap::after{content:''; position:absolute; left:50%; bottom:-12px; transform:translate(-50%,-50%); display:block; width:13px; height:13px; background-color:#fff; border-radius:100%;}
.list-esg .box.eco::after,
.list-esg .box-list.eco::after,
.list-esg .list.eco::after{border:4px solid #1c8104;}
.list-esg .box.partner::after,
.list-esg .box-list.partner::after,
.list-esg .list.partner::after{border:4px solid #007b66;}
.list-esg .box.gover::after,
.list-esg .box-list.gover::after,
.list-esg .list.gover::after{border:4px solid #086d86;}
.monitor .circle-wrap::after{border:4px solid #6d6d6d;}

.list-esg .box::before,
.list-esg > li .content .list::before,
.list-esg > li .box-list::before,
.monitor .circle-wrap::before{content:''; position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); display:block; width:1px; height:40px; border:1px solid #b1b1b1;}

.list-esg .box .title{color:#fff;}
.list-esg .box.type1{text-align:center; justify-content:center; align-items:center; flex-direction:column; padding:30px 0;}
.list-esg .box.type1.eco{background-color:#1c8104;}
.list-esg .box.type1.partner{background-color:#007b66;}
.list-esg .box.type1.gover{background-color:#086d86;}
.list-esg .box.type1 span{display:flex; min-width:45px; height:45px; align-items:center; justify-content:center; border-radius:100%; font-size:24px; font-weight:600; background-color:#fff;}

.list-esg .box.type1.eco span{color:#1c8104;}
.list-esg .box.type1.partner span{color:#007b66;}
.list-esg .box.type1.gover span{color:#086d86;}
.list-esg .box.type1 .title{font-size: 20px; font-weight: 600; line-height: 1; margin-top: 15px;}
.list-esg .box.type1 .text{margin-top: 10px; line-height: 1.8; font-size: 16px; font-weight: 300; color:#fff;}

.list-esg .box.type2{border-width:1px; border-style:solid; padding:20px 20px 30px;}
.list-esg .box.type2.eco{border-color:#1c8104;background:url('/resources/nie/images/sub/ico_esg_01.png') right 30px bottom 30px no-repeat #fff;}
.list-esg .box.type2.partner{border-color:#007b66; background:url('/resources/nie/images/sub/ico_esg_02.png') right 30px bottom 30px no-repeat #fff;}
.list-esg .box.type2.gover{border-color:#086d86; background:url('/resources/nie/images/sub/ico_esg_03.png') right 30px bottom 30px no-repeat #fff;}

.list-esg .box.type2 .title{display:flex; justify-content:center; align-items:center; width:100%; height:52px; border-radius:52px; font-size:20px; font-weight: 500; color:#fff;}
.list-esg .box.type2.eco .title{background-color: #1c8104;}
.list-esg .box.type2.partner .title{background-color: #007b66;}
.list-esg .box.type2.gover .title{background-color: #086d86;}
.list-esg .box.type2 .title + .dot-list{margin-top:35px;}

.dot-list{}
.dot-list li{position:relative; display:flex; padding-left:17px; font-size: 16px; font-weight: 400; color:#333; line-height: 1.6;}
.dot-list li::before{content:''; position:absolute; top:12px; left:0; display:block; min-width:2px; height:2px; border-radius:100%; background-color:#333; }
.dot-list li:not(:last-child){margin-bottom:8px;}

.list-esg > li .content .list{position:relative; display:flex; flex-direction:column; border-radius:25px; flex:1; align-items:flex-start; justify-content:center; padding: 30px;}
.list-esg .list.eco{background-color:#e8f2e5;}
.list-esg .list.partner{background-color:#e5f2ef;}
.list-esg .list.gover{background-color:#e6f0f3;}
.list-esg .list li{display:flex; }
.list-esg .list li:not(:last-child){margin-bottom: 14px;}
.list-esg .list li span{font-size: 16px; font-weight: 600; color:#333; line-height: 1;}
.list-esg .list .num{display:flex; justify-content:center; align-items:center; min-width:18px; width:18px; height: 18px; margin-right:8px; font-weight: 400; color:#fff; border-radius:100%; }
.list-esg .list.eco .num{background-color: #1c8104;}
.list-esg .list.partner .num{background-color: #007b66;}
.list-esg .list.gover .num{background-color: #086d86;}
.list-esg .list .text{font-size: 16px; font-weight: 400; color:#333;}

.box-list{position: relative; display: flex; flex-direction: column; min-height:200px; border-radius: 25px; flex: 1; border-width: 1px; border-style: solid; padding: 20px 20px 30px; justify-content:center; font-size: 24px; font-weight: 600; line-height: 1; background-color:#fff;}
.task .box-list{padding:10px 30px;}
.task>.box-list>li{position:relative; padding:30px 0;}
.task>.box-list>li:not(:last-child)::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:block; width:295px; height:1px; background:url('/resources/nie/images/common/bg_dot.jpg') repeat-x;}
.task>.box-list .list>li>span{margin-right:15px;}
.task .list .num{margin:5px 1px 0;}
.value .box-list{align-items:center; text-align:center;}
.box-list.eco{color:#1c8104;}
.box-list.partner{color:#007b66;}
.box-list.gover{color:#086d86;}
.box-list:not(:last-child){margin-right:40px; }
.box-list.eco{border-color:#1c8104;}
.box-list.partner{border-color:#007b66;}
.box-list.gover{border-color:#086d86;}
.box-list.eco .num{background-color:#1c8104;}
.box-list.partner .num{background-color:#007b66;}
.box-list.gover .num{background-color:#086d86;}

.box-list .list li{display:flex; flex-wrap:wrap; }
.box-list .list li span{display:flex; line-height: 1.6;}
.circle-wrap{position:relative; display:flex; flex:1; justify-content:center; width:100%; height:auto; padding:30px 0; background-color:#f7f7f7; border:1px dashed #b8b8b8; border-radius:25px; }
.circle-wrap p{display:flex; align-items:center; justify-content:center; text-align:center; width:140px; height:140px; border-radius:100%; background-color:#fff; border:1px dashed #b8b8b8; font-size:16px; font-weight:400; color:#333; line-height: 1.6;}
.monitor .circle-wrap p:not(:last-child){margin-right:45px;}
.system .circle-wrap p:not(:last-child){margin-right:75px;}

/* eng */
.sub-mapPreview.eng .copper > .content .step{width:calc(100% / 10);}
.sub-faq .sub-iconTitle .eng{display:block; width:100%; margin-top:10px; font-size:16px; color:#666; line-height:1;}
.swamp-list .map.eng a span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80px;}
.eng .sub-iconTitle.type2{font-size:20px;}
.sub-page__tab.eng a{padding:0 5px;}
.eng .ico-list > span{text-align:left; line-height:1.4;}
.diagram-list.type2.eng > li:nth-child(3) .txt-itemlist > li:not(:last-child)::before{top:116px; height:90%;}
.diagram-list.type2.eng > li .txt-itemlist > li:not(:last-child)::before{top:104px; height:calc(100% + 17px);}
.diagram-list.eng .list > li{min-height:165px;}

/* join type */
.sub-joinType{display:flex; justify-content:center;}
.sub-joinType a{display:flex; flex-direction:column; align-items:center; padding:30px 0; transition:all .4s; width:320px; border-radius:5px; border:1px solid #ccc; background:#f7f7f7;}
.sub-joinType a:not(:last-child){margin-right:40px;}
.sub-joinType a::before{content:''; display:block; width:100px; height:100px; background-repeat:no-repeat; background-position:0 0; margin:0 0 20px;}
.sub-joinType a.general::before{background-image:url('/resources/nie/images/sub/joinTypeIcon_03.png');}
.sub-joinType a.children::before{background-image:url('/resources/nie/images/sub/joinTypeIcon_05.png');}
.sub-joinType a .title{font-size:18px; color:#666; font-weight:600; line-height:1; margin:0 0 10px; transition:all .4s;}
.sub-joinType a .txt{font-size:16px; color:#666; line-height:1; margin:0 0 20px; transition:all .4s;}
.sub-joinType a .btns{display:flex; align-items:center; justify-content:center; width:100px; height:36px; font-size:16px; color:#666; background:#fff; border:1px solid #ccc; border-radius:3px; transition:all .4s;}

.sub-joinType a:hover,
.sub-joinType a:focus{background:#037a4e;}
.sub-joinType a:hover .title,
.sub-joinType a:hover .txt,
.sub-joinType a:focus .title,
.sub-joinType a:focus .txt{color:#fff;}
.sub-joinType a:hover .btns,
.sub-joinType a:focus .btns{border-color:#fff; color:#037a4e; font-weight:600;}

.diagramItem{border:1px solid #ccc; border-radius:3px; padding:60px 20px; overflow:auto;}
.diagramItem > li{display:flex; flex-direction:column; align-items:flex-start; width:1155px; margin:0 auto;}
.diagramItem__title{display:flex; align-items:center; justify-content:center; width:320px; height:60px; font-size:20px; color:#fff; font-weight:500; border-radius:0 25px 0 25px; background:#36a11d; margin:0 auto;}
.diagramItem__list{display:flex; position:relative; justify-content:space-between; width:100%; margin:80px auto 0; padding-top:30px;}
.diagramItem__list::after{content:''; display:block; width:calc(100% - 240px); height:1px; background:#b2b2b2; position:absolute; top:0; left:50%; transform:translateX(-50%) translateX(-0.5px);}
.diagramItem__list::before{content:''; display:block; width:1px; height:80px; background:#b2b2b2; position:absolute; bottom:100%; left:50%; transform:translateX(-50%) translateX(-0.5px);}
.diagramItem__list > li{display:flex; align-items:center; justify-content:center; width:240px; height:60px; border-radius:60px; font-size:18px; color:#36a11d; font-weight:500; border:1px solid #36a11d; position:relative;}
.diagramItem__list > li::before{content:''; display:block; width:1px; height:30px; background:#b2b2b2; position:absolute; bottom:100%; left:50%; transform:translateX(-50%) translateX(-0.5px);}

/* board thumbnail */
 .year-thumbnail {width: 100%;}
.year-thumbnail .slider{display:block; width:100%; height: 100%;}
.year-thumbnail .slick-list{overflow: hidden; height: 100%;}
.year-thumbnail .slick-track{display:flex; width:auto !important; height: 100%;}
.year-thumbnail .slick-slide{}
.year-thumbnail .item{position: relative; display:block; height: 270px; /* padding: 80px 0; */background: #f2f2f2;}
.year-thumbnail .item.type2{border: 1px solid #dedede; background: transparent;}
.year-thumbnail .item .slider{overflow: hidden;}
.year-thumbnail .item .arrow{position: absolute; top: 50%; overflow: hidden; width: 21px; height: 36px; transform: translateY(-50%); text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .2));}
.year-thumbnail .item .arrow.prev{left: 20px; background-image: url('/resources/nie/images/sub/thumbnail_arrow_03.png');}
.year-thumbnail .item .arrow.next{right: 20px; background-image: url('/resources/nie/images/sub/thumbnail_arrow_05.png');}
.year-thumbnail .item .zoom-in{position: absolute; right: 0; bottom: 0; display: block; width: 46px; height: 46px; text-indent: -9999px; border: 1px solid #333; background: url('/resources/nie/images/sub/item_img_11.png') no-repeat center center #fff;}
.year-thumbnail .item .slick-slide{position: relative; display: flex; min-width:100%; height: 100%; /* min-height: 430px; max-height: 430px; */ align-items: center; justify-content: center;}
.year-thumbnail .item .slick-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%;}
.year-thumbnail .thumbnail {display: flex; margin: 20px 0 0; gap: 10px;}
.year-thumbnail .thumbnail.fixed,
.year-thumbnail .thumbnail.fixed .slick-list{width: 100% !important;}
.year-thumbnail .thumbnail .slick-track{display:flex; gap: 10px;}
.year-thumbnail .thumbnail.fixed .slick-track{transform:translate3d(0px, 0px, 0px) !important; width: 100% !important;}
.year-thumbnail .thumbnail.fixed .slick-track::before,
.year-thumbnail .thumbnail.fixed .slick-track::after{display: none;}
.year-thumbnail .thumbnail.fixed button{width: calc((100% - 50px) / 6) !important; min-width: auto !important;}
.year-thumbnail .thumbnail button {position: relative; overflow: hidden; display:flex; align-items: center; justify-content: center; width: 90px; height: 65px; transition: all .4s; border: 3px solid transparent;}
.year-thumbnail .thumbnail button::before {position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: all .4s; background: rgba(0, 0, 0, .4);}
.year-thumbnail .thumbnail button img{position: relative; width: auto; eight: auto; max-width: 100%; max-height: 100%;}
.year-thumbnail .thumbnail button.active{border-color: #e4585a;}
.year-thumbnail .thumbnail button.active::before{opacity: 0;}

/* 230623 add */
.p_info_list{padding: 20px; background-color: #f7f7f7}
.p_info_list .dot-list li{color: #666;}
.p_info_list .dot-list > li{gap: 10px; padding-left: 10px;}
.p_info_list .dot-list > li::before{border-radius: none; width: 3px; height: 3px; top: 10px; background-color: #666;}
.p_info_list .dot-list > li .tit{min-width: 57px; font-weight: 700}
.p_info_list .cont > li{padding-left: 0;}
.p_info_list .cont > li::before{content: none;}

.p_info_list .cont .etc{color: #e5006a; gap: 5px; padding-left: 23px;position: relative;}
.p_info_list .cont .etc::before{content: '!'; display: block; position: absolute; background-color: #e5006a; color: #fff; width: 18px; height: 18px;line-height: 18px; text-align: center; top: 5px; left: 0;}

.bus_process{border: 1px solid #ccc; border-radius: 3px; display: flex; padding: 20px; justify-content: center}
.bus_process > li{text-align: center; position: relative; width: 25%; border-right: 1px dotted #8a8a8a; }
.bus_process > li:last-child{border-right: 0;}
.bus_process > li:not(:last-child):after{display: block; content: ''; position: absolute; background: url(/resources/nie/images/main/vis_right.png) #fff no-repeat center / 6px 9px; width: 21px; height: 21px; border: 2px solid #ccc; top: 50%; transform: translateY(-50%); right: -11px; border-radius: 100%;}
.bus_process .num{width: 30px; height: 30px; background: #037a4e; border-radius: 100%; color: #fff; font-size: 14px; line-height: 30px; text-align: center; margin: 0 auto;}
.bus_process .tit{color: #037a4e; font-weight: 700; margin: 10px 0; font-size: 18px;}
.bus_process .cont{color: #666; line-height: 1.6}

.btnItem_w{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;}
.btnItem_w .link{display: flex; align-items: center; justify-content: space-between; min-width: 160px; gap: 30px; height: 40px; font-size: 17px; color: #6d6d6d; font-weight: 500; border: 1px solid #8d8d8d; border-radius: 3px; padding: 0 20px; transition: all .4s; white-space: pre;}
.btnItem_w .link:focus, .btnItem_w .link:hover {color: #fff; background: #3d3d3d; border-color: #3d3d3d;}
.btnItem_w .link::after {content: ''; display: block; width: 7px; height: 12px; background: url(/resources/nie/images/board/board-icons_16.png) no-repeat 0 0; transition: all .4s;}
.btnItem_w .link:hover::after{background-image: url(/resources/nie/images/board/board-icons_18.png)}


.th-no{width: 80px}
.th-file{width: 8%}
.th-writer{width: 10%}
.th-date{width: 15%}
.th-hit{width: 10%}
.th-sort{width: 80px}

.box-img{border:1px solid #ddd; border-top: 2px solid #067b50; text-align: center;}
.box-img .t{background: #f7f7f7; color: #666; font-weight:700; font-size: 18px; font-weight: 500; text-align: center; padding: 20px 10px; border-bottom: 1px solid #ddd;}
.box-img .img{padding: 70px 30px}
.box-img .img img{display: block; margin: 0 auto;}

.citizen-map{display: flex; justify-content: space-between; align-items:flex-start}
.citizen-map .map{width: ; border:1px solid #ccc; width: 33.5%}
.citizen-map .img{padding: 40px 10px 30px}
.citizen-map img{display: block;margin: 0 auto;}
.citizen-map .bot{background: #8d8d8d; line-height: 1.15; padding: 10px; text-align: center; color: #fff}
.citizen-map .tbl{width: 63%}
.citizen-map .sub-table td{padding-left: 10px; padding-right: 10px;}

.ico-box{border:1px solid #ccc; padding: 30px; border-radius:4px;     display: flex;  align-items: center;}
.ico-box .ico{width: 100px; margin-right: 30px;}
.ico-box .right{flex:1}

.manual-dev{display: flex; justify-content: space-between}
.manual-dev > *{width: calc(50% - 20px)}
.manual-dev .img{border:1px solid #ccc; border-radius:4px; background: #f7f7f7; padding: 60px 30px 0}
.manual-dev img{display: block;margin: 0 auto;}
.manual-dev .file-down{border:1px solid #ccc; border-radius:4px; display: flex; align-items:center; gap:18px; padding: 10px 20px 10px 30px; margin-top: 20px; color: #666;}
.manual-dev .txt{flex:1; display: flex; align-items:center;}
.manual-dev .txt:before{width: 14px; height: 16px; display: block; background: url('../images/sub/sub-ci-imgs2_15.png') center center no-repeat; content: ''; margin-right: 18px;}
.manual-dev .r{width: 100px; height: 36px; display: flex; align-items:center; justify-content:center; border:1px solid #ccc; border-radius:4px; background: #fff}
.manual-dev .file-down:hover{background: #037a4e; color: #fff; font-weight: 700;}
.manual-dev .file-down:hover .r{color: #037a4e; border-color: transparent}
.manual-dev .file-down:hover .txt:before{background-image: url('../images/sub/sub-ci-imgs2_17.png') }
.manual-dev .file-down:hover *{font-weight: 700;}

.box-c_b{border:1px solid #ccc;border-radius:4px;padding: 40px;display: flex;justify-content: space-between;}
.box-c_b .l{width: 47.5%}
.box-c_b .cont{width: 50%}
.box-c_b .top{font-weight: 700; font-size: 26px;; color: #000; margin-bottom: 30px; padding-bottom: 30px; background: url('../images/sub/dotted.gif') left bottom repeat-x; display:flex;flex-wrap:wrap;     align-items: center; line-height: 1.15;}
.box-c_b .label{font-size: 15px; padding: 5px 10px; line-height: 1; border-radius:3px;}
.box-c_b .label_w{display: inline-flex; align-items:center; margin-left: 15px; gap:10px; flex-wrap:wrap}
.box-c_b .label:not(:first-child){}

.box-c_b .label_w.flex{display: flex; margin: 10px 0 0; width: 100%}

.list-leaf li:not(:first-child){margin-top: 10px;}
.list-leaf li{/* display: flex; */padding-left: 197px;position: relative;}
.list-leaf .t{color: #037a4e;background: url('../images/sub/sub-history-imgs_07.png') left center no-repeat;background-size:7px;padding-left: 20px;/* width: 197px; */position: absolute;left: 0;top: 0;}
.list-leaf .ico-blank{margin-left: 10px;}
.ico-blank{display: inline-flex; padding: 5px 34px 5px 10px; line-height: 1; color: #15835a; border:1px solid #15835a; border-radius:3px; background: url('/resources/nie/images/sub/ico-blank.png') calc(100% - 10px) center no-repeat; font-size: 1rem;}

.ft-15{font-size:15px !important;}

.sub-table .bg{background: #f7f7f7; color:#333; font-weight: 700;}
.sub-table.bl th,.sub-table.bl td{border-left: 1px solid #ddd;}
.sub-table .bl0{border-left: 0 !Important;}

.cb-imgs{border:1px solid #ccc; background: #f7f7f7; display: flex; gap:20px; justify-content:center; padding: 30px}
.cb-imgs .bot{display: flex; align-items:center; justify-content:center; background: #666; color: #fff; padding: 10px; line-height: 1.35; text-align: center; font-size: 18px; height: 73px}
.cb-bot{border:1px solid #ccc; display: flex; gap:30px; justify-content:center;; flex-wrap:wrap; padding: 20px; color: #666; font-size: 18px;;border-top: 0;}
.cb-bot img{margin-right: 10px;}
.cb-imgs .img{max-width:320px}
.cb-bot span{display: flex;align-items:center}
.cb-bot.column{flex-flow:column; gap:0; align-items:center}
.cb-bot.column .div{display: flex; gap:30px;justify-content:center;; flex-wrap:wrap}

#progressBar {
    appearance: none; width:100%
}
#progressBar::-webkit-progress-bar {
    background:#f0f0f0;
    border-radius:10px;
    box-shadow: inset 3px 3px 10px #ccc;
}
#progressBar::-webkit-progress-value {
    border-radius:10px;
    background: linear-gradient(to right, rgba(8,109,134,.5), #086d86);

}

.btn-more_new{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    color: inherit;
    border-radius: 3px;
    border: 1px solid #ccc; padding: 5px 10px; font-size: 1rem; color: #666;border:1px solid #ccc; font-weight: 400;
}

.tit-flex_w{display: flex; gap:10px; align-items:center; flex-wrap:wrap; gap:15px}
.btns-flex_w{display: flex; flex-wrap:wrap}

.box-100{background: #f1f1f1; padding: 30px; border-radius:100px}


.bul-dash > li{position: relative; padding-left: .67em;}
.bul-dash > li:before{position: absolute; left: 0; top:0; content: '-'}
.bul-dash > li:not(:first-child){margin-top: 5px;}

.cb-imgs .div{display: flex; justify-content:space-between; gap:20px}
.cb-imgs .imgs{display: flex; justify-content:space-between; gap:15px;}

.source-file{display: flex;align-items: center;justify-content: flex-end; gap:5px; margin: 15px 0;}
.source-file .source{display: flex; align-items:center; gap:5px}
.source-file .source .t{position: relative; padding-left: 8px;}
.source-file .source .t:before{position: absolute; left: 0; top:.5em; width: 3px; height: 3px; background: #333; content: ''}

.div-cit1{color: #666; display: flex; justify-content:space-between; text-align: center}
.div-cit1 > li{border:1px solid #ddd; width: calc(50% - 10px); padding: 50px 18px}
.div-cit1 .ico img{display: block; margin: 0 auto;}
.div-cit1 .t{margin: 20px 0 10px; line-height: 1.15;}
.div-cit1 .c{line-height: 1.5;}
.div-cit1 *,.div-cit2 *{word-break:keep-all}


.div-cit2{color: #666; display: flex; justify-content:space-between; text-align: center}
.div-cit2 > li{border:1px solid #ddd; width: calc(50% - 10px); border:1px solid #037a4e; border-radius:30px; display: flex; flex-flow:column; overflow: hidden;}
.div-cit2 > li:last-child{border-color: #36a11d}
.div-cit2 .t{background: #037a4e; color: #fff; height: 60px; display: flex; align-items:center; justify-content:center; text-align: center;}
.div-cit2 .c{text-align: left; flex:1; align-items:center; padding: 30px; line-height: 1.5; display: flex}
.div-cit2 > li:last-child .t{background-color: #36a11d}
.div-cit2 .bul-dash > li:not(:first-child){margin-top: 18px;}

@media screen and (max-width:1600px){
	.sub-fullBox{padding:70px 20px; width:100%;}
	.sub-fullBox::before{width:100%;}
	.sub-imgSlider{width:100%;}
	.sub-imgSlider .slider{margin:0 auto; width:90%;}
	.sub-imgSlider__arrow.next{right:0;}
	.sub-imgSlider__arrow.prev{left:0;}
	.sub-eco .ico-box p{flex:1; padding:0 10px;}
	.sub-eco .ico-box p:not(:last-child){margin-right:auto;}

	/* .board-table tbody td a{white-space:normal; word-break:break-word;} */
}

@media screen and (max-width:1400px){
	.layout{padding:0 20px;}
	.sub-page{padding-bottom:100px; margin-top:30px;}
	.sub-page__title{margin-bottom:30px; font-size:26px;}
	.board-search{flex-wrap:wrap; padding:20px 30px;}
	.board-search .board-search__info{min-width:100px; margin:0 0 10px 0;}
	.board-search .board-search__info + .board-search__write{margin-top:10px; width:100%;}
	.board-search.type2 .board-search__write input[type="text"]:not(.datepicker){min-width:auto;}
	.board-search__write{width:100%;}
	.board-search__write input[type="text"]:not(.datepicker){flex:1 0 0;}
	.comment .reply input[type="text"]{flex:1;}

	.sub-imgSlider{width:100%; padding:0 20px;}
	.sub-imgSlider .slider{width:100%;}
	.sub-imgSlider .slider .slick-list{margin-left:-20px;}
	.sub-imgSlider .slider .slick-slide{margin-left:20px;}
	.sub-photoList{flex:1; width:100%;}
	.sub-introList > li > .sub-title{min-width:220px; margin-bottom:20px;}
	.sub-introList > li > .sub-title br{display:none;}
	.sub-introList > li > .sub-introList__item,
	.sub-introList > li > .sub-photoList{width:100%; flex:none;}
	.sub-photoList__img .slider{width:100%;}
	.sub-photoList__thumbnail .slider{width:90%;}
	.sub-photoList__thumbnail .slick-list{margin-right:-20px;}
	.sub-photoList__thumbnail .slick-slide{margin-right:20px;}

	.sub-iconTitle.type2{flex-wrap:wrap;}
	.sub-list__title::after{display:none;}
	.trail-location{width:100%; height:auto; background-size:100% auto; padding-top: calc(549 / 1096 * 100%);}

	.sub-boxList2 > li:not(:last-child){margin-right:20px;}
	.sub-boxList2 > li:not(.box2){width:calc((100% - 60px) / 4)}
	.sub-boxList2 > .box2 .box{width:calc((100% - 70px) / 2);}
	.sub-boxList2 > .box2 .box:not(:last-child){margin-right:70px;}

	.board-slider .slider-wrap .slider{width:100%;}
	.board-gallery li a .img{height:220px;}
	.board-gallery.type2 li a .img{/* height:340px; */ padding:30px;}
	.board-view2 .board-slider{width:470px;}
	.board-view2.type2{flex-wrap:nowrap; padding:20px;}
	.board-view2.type2 .board-thumbnail{padding:20px 40px; flex-wrap:wrap;}
	.board-view2.type2 .board-thumbnail > a{width:calc((100% - 45px) / 4);}
	.board-view2.type2 .board-thumbnail > a:not(:nth-child(4n)){margin-right:15px;}
	.board-view2.type2 .txt-wrap{margin-left: 20px;}

	.swamp-list .map{right:-40px;}
	.sub-region .region{flex:1;}
	.sub-region .map{flex:none;}

	.sub-spreadWrap{flex-wrap:wrap;}
	.sub-spreadWrap > li{width:100%; flex:none;}
	.graph-wrap{flex-wrap:wrap; padding:0;}
	.graphWrap::before{top:-20px; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg');}
	.graph-wrap > table{width:100%; flex:none;}
	.graph-wrap > *:not(:last-child){margin-right:0;}
	.graph-wrap .img{margin:30px auto 0;}

	.sub-spreadWrap > li{margin:0 auto;}
	.sub-spreadWrap > li:not(:first-child){margin-top:40px;}
	.sub-spreadWrap .map-img{margin:0 auto; width:100%;}

	.center-box{overflow:auto;}
	.die-img .img{padding:0 10px;}

	.board-category__tab{flex-wrap:wrap;}
	.board-category__tab a{width:calc(100% / 5);}
	.board-category__tab a:nth-child(n+6){margin:10px 0 0;}
	.board-category__tab .ico{margin:0 auto;}

	.extinct-galleryList li{width:calc((100% / 6) - 17px);}
	.extinct-galleryList li:not(:nth-child(7n)){margin-right:0;}
	.extinct-galleryList li:not(:nth-child(6n)){margin-right:20px;}
	.extinct-galleryList li:not(:nth-child(-n + 7)){margin-top:0;}
	.extinct-galleryList li:not(:nth-child(-n + 6)){margin-top:20px;}
	.extinct-galleryList li a{width:100%;}
	.extinct-galleryList li .img{width:100%; overflow:hidden;}

	.sub-edit__ahead .editor{width:470px;}
	.sub-edit__ahead .board::before{height:320px; top:-320px;}

	.circle-wrap p{width:100px; height:100px;}
	.task>.box-list .list>li>span{width:100%;}
	.task>.box-list>li:not(:last-child)::after{width:100%;}

	.info-list > li{width:calc((100% - 40px) / 2); min-width:auto;}

	/* eng */
	.sub-mapPreview.eng > li .content-item{width:100%;}

	.box-c_b .label_w{display: flex; width: 100%; margin: 10px 0 0; gap:5px}
}

@media screen and (max-width:1280px){
	.total-search__item.circleRadio label{min-width:calc(100% / 5);}

}

@media screen and (max-width:1200px){
	.board-search{flex-wrap:wrap; }
	.board-search .board-search__write{width:100%; margin:10px 0 0;}
	.board-poster > li{padding:20px;}
	.board-search__write input[type="text"]:not(.datepicker){flex:1 0 0;}
	.board-search2{padding:30px;}
	.board-search select{width:160px;}
	.board-result .search-list{margin-left:20px; padding:0 0 40px 20px;}
	.board-search.type2 .board-search__write{margin-top:0;}
	.board-search.type2 .btn-reset{padding:0 5px 0 15px; width:105px; padding:0 10px 0 35px; background-position:left 10px center;}

	.board-gallery li{width:calc((100% / 4) - 15px);}
	.board-gallery li:not(:nth-child(4n)){margin-right:20px;}

	.sub-map > .content{padding:40px 20px;}
	.sub-mapPreview:not(.polar) .point .content .ico{width:55px; height:55px;}
	.sub-mapPreview.polar .point .content p{padding:15px;}
	.sub-photoList__thumbnail{padding:20px;}
	.sub-photoList__thumbnail .arrow.prev{left:20px;}
	.sub-photoList__thumbnail .arrow.next{right:20px;}
	.sub-eco .ico-box{height:auto;}
	.sub-eco .sub-step{height:auto;}
	.sub-eco .sub-step li{padding:0 10px;}
	.sub-content-list{padding:30px;}

	.sub-system__list.diagram2 > .title{border:45px solid #fff;}
	.sub-system__list.diagram2 .title::before{width:300px; height:300px;}
	.sub-system__list.diagram2 .sub-title4 .sub-txtList{padding:20px;}

	.sub-boxList2 > li{padding:20px;}
	.sub-boxList2 .sub-list__title{white-space:normal;}
	.sub-boxList2 > .box2 .box{width:calc((100% - 60px) / 2);}
	.sub-boxList2 > .box2 .box:not(:last-child){margin-right:60px;}
	.sub-boxList2 .sub-txtList > li:not(:last-child){margin-bottom:5px;}

	.sub-imgSlider .slider .slick-slide{height:165px;}
	.sub-list__title.type2{max-width:calc(100% - 20px); margin-right:0;}
	.sub-faq .title.active + .content{padding:30px;}
	.sub-faq .content > li{flex-wrap:wrap;}
	.sub-faq .sub-introList__item{flex:none; width:100%;}
	.sub-faq .sub-iconTitle p{display:flex; width:100%; }
	.sub-faq .sub-iconTitle .eng{display:inline-block; width:auto; margin:4px 0 0 10px; }
	.sub-faq .sub-iconTitle + *,
	.sub-faq .sub-list__title.type2 + *{width:100%; flex:none; }
	.sub-faq .sub-list__title::after{display:none;}
	.sub-faq .sub-iconTitle + *{margin-top:20px;}
	.sub-faq .sub-iconTitle .eng br{display:none;}

	.board-view2{padding:30px 20px;}
	.board-view2 .txt-wrap{margin-left:30px;}
	.board-thumbnail.type2 li{padding:30px;}

	.board-view2.type2{flex-wrap:wrap;}
	.board-view2 .board-slider{width:100%;}
	.board-view2.type2 .txt-wrap{flex:none; width:100%;}
	.board-view2.type2 .board-thumbnail > a{width:calc((100% - 90px) / 6);}
	.board-slider .slider-wrap .slider{background-color:#f7f7f7;}
	.board-view2.type2 .board-thumbnail > a{background-color:#f7f7f7;}
	.board-view2 .board-thumbnail > a:nth-child(n+5){margin-top:0;}
	.board-view2 .board-thumbnail > a:nth-child(n+7){margin-top:15px;}
	.board-view2.type2 .board-thumbnail > a:nth-child(4n){margin-right:15px;}

	.board-view2.type2 .txt-wrap{margin:50px 0 0 0;}
	.board-view2.type2.half{gap:40px}
	.board-view2.type2.half .txt-wrap{margin-top: 0;}
	.board-view2.type2.half{padding-top: 0;}

	.sub-img-box{padding:20px;}
	.sub-img-box img{width:calc((100% - 60px) / 4);}

	.sub-programList > li{padding:20px;}
	.board-gallery.type2 li a .img{}

	.sub-vision{padding:20px;}


	.total-search__item .box.circleRadio label{margin-right:49px;}
	.total-search__item .box.circleRadio label:not(:nth-of-type(-n + 3)){margin-top:30px;}
	.total-search__item .box.circleRadio label:nth-of-type(3n){margin-right:0;}

	.swamp-wrap,
	.swamp-list{width:100%;}
	.swamp-list .map{transform:scale(0.92);}
	.swamp-list > li{flex:none;}
	.swamp-list .guide{width:55%;}
	.swamp-list .status{padding:0 20px; flex:1;}
	.swamp-list .status-list{padding:0 20px;}
	.sub-region{flex-wrap:wrap; padding-right:0;}
	.sub-region > *{flex:none;}
	.sub-region .region,
	.sub-region .sub-table-scrolled{width:100%;}
	.sub-region .map{margin:20px auto 0;}

	.info-btnWrap{padding:20px;}
	.info-btnWrap a{height:auto; min-height:45px; padding:0 5px;}
	.sub-img-box .item{width:calc((100% / 3) - 14px);}
	.sub-img-box .item:not(:nth-child(4n)){margin-right:0;}
	.sub-img-box .item:not(:nth-child(3n)){margin-right:20px;}
	.sub-img-box .item:not(:nth-child(-n + 4)){margin-top:0;}
	.sub-img-box .item:not(:nth-child(-n + 3)){margin-top:20px;}

	.list-btnWrap a{padding:0 20px; line-height: 1.2;}
	.list-btnWrap a::after{margin-left: 20px;}

	.sub-boxList2{flex-wrap:Wrap;}
	.sub-boxList2 > li:not(.box2){width:calc((100% - 20px) / 2);}
	.sub-imgbox .img{width:calc((100% - 60px) / 4); margin-right:20px;}
	.sub-imgbox .img:nth-child(4n){margin-right:0;}
	.sub-imgbox .img:nth-child(n+5){margin-top:20px;}
	.sub-boxList2 > li{margin-bottom:20px;}
	.sub-boxList2.type2 > li:not(:last-child){margin-right:0;}
	.sub-boxList2.type2 > li:nth-child(2n){margin-left:20px;}
	.sub-boxList2 .box2{flex:none; width:100%;}

	.sub-edit__ahead{padding:30px;}
	.sub-edit__ahead .editor{width:430px;}
	.sub-edit__ahead .editor .text{padding:30px;}

	.board-table tbody td{font-size: 16px;}
	.board-table tbody td .btn-more--sm{min-width:100%; text-align:center; background-image:none;}

	.list-esg > li > .title::after{width:800px;}
	.list-esg > li > .title{width:130px; margin-right:20px;}
	.list-esg > li .content{gap:20px;}
	.list-esg > li > .title::after{left:130px;}
	.monitor .circle-wrap p:not(:last-child),
	.system .circle-wrap p:not(:last-child)	{margin-right:0;}
	.circle-wrap{gap:20px;}
	.value .box-list{line-height: 1.6;}
	.task .box-list{padding:10px 20px;}
	.task>.box-list>li{padding:20px 0;}
	.box-list:not(:last-child){margin-right:20px;}
}

@media screen and (max-width:1024px){
	.board-search{flex-wrap:wrap; padding:20px;}
	.board-search select{width:120px; padding:0 10px; background-position:right 10px center;}
	.board-search .board-datepicker{width:320px;}
	.total-search__write{width:80%;}
	.board-search__write input[type="text"]:not(.datepicker),
	.comment .reply input[type="text"]{width:100%; }

	.board-poster__info .subject,
	.board-view__info .subject{font-size:20px; align-items:flex-start; line-height:1.2;}
	.board-poster__list .title,
	.board-poster__list .txt{font-size:16px;}
	.board-poster__info > .txt{font-size:14px; height:68px; margin-bottom: 25px;}
	.board-poster__info > .link{font-size:15px;}

	.board-view__info .subject{padding:0 0 20px;}
	.board-view__info{padding:20px;}
	.board-view__list{margin-top:20px;}
	.board-view__list li .title,
	.board-view__list li .txt{font-size:16px;}
	.board-view__content .content{padding:30px 20px;}

	.board-gallery li{width:calc((100% / 3) - 14px);}
	.board-gallery li:not(:nth-child(4n)){margin-right: 0;}
	.board-gallery li:not(:nth-child(3n)){margin-right:20px;}
	.board-gallery li:not(:nth-child(-n + 3)){margin-top:40px;}
	.board-gallery li a .img{height:210px;}
	.board-gallery li a .subject{height:54px; max-height:54px;}
	.board-gallery.type3 li a .subject span{margin-bottom:0;}

	.search-select,
	.board-search2 .board-btn{width:140px;}
	.board-tab a,
	.search-tab a{font-size:15px;}

	.sub-faq .title{padding:0 20px;}
	.sub-faq .content > li{flex-direction:column;}
	.sub-faq .sub-introList__item{width:100%; flex:none; margin:20px 0 0;}

	.sub-faq .title.active + .content{padding:20px;}
	.sub-iconTitle.type2 br{display:none;}

	.sub-nav .layout{padding:0; flex-direction:column; align-items:center;}
	.sub-nav__list{width:100%;}
	.sub-nav__list > ul > li.home{display:none;}
	.sub-nav__list > ul > li:nth-child(2){display:none;}
	.sub-nav__list > ul > li{flex:1; min-width:50%;}
	.sub-nav__list > ul > li:last-child::after{display:none;}
	.sub-nav__list > ul > li:not(.home) > a{min-width:auto; width:100%; padding:0 10px;}
	.sub-nav__list > ul > li:not(.home) > a::after{margin-left:10px;}

	.sub-nav__btns .btn-item{width:50px;}
	.sub-nav__btns .btn-item::before{display:none;}
	.sub-nav__share .share-item li a{width:49px;}

	.history-tabWrap .board-item{padding:20px;}

	.sub-introList > li,
	.sub-introList.type2 > li{flex-wrap:wrap;}
	.sub-introList > li > .sub-title{min-width:auto; width:100%;}

	.sub-fullBox{padding:40px 20px;}
	.sub-imgSlider .slider .slick-list{margin-left:-15px;}
	.sub-imgSlider .slider .slick-slide{margin-left:15px;}
	.sub-introList > li > .sub-introList__item .sub-list{margin-bottom:0 !important;}
	.sub-eco .sub-step li p{padding:0 10px;}
	.sub-map > .content{flex-wrap:wrap;}
	.sub-map .map{width:100%; overflow:auto;}
	.sub-map .content.type2 .map{text-align:center;}
	.sub-map .map img{margin-top:20px;}

	.sub-faq .content > li{flex-wrap:wrap; }
	.sub-faq .content-photoList{width:100%;}
	.sub-mapPreview .floor li{width:calc(100% / 3);}
	.sub-mapPreview .floor li:nth-child(n+4){margin-top:20px;}

	.sub-mapPreview.type3{flex:none; width:100%; margin-left:0; margin-top:30px;}
	.sub-mapPreview.type3 .floor li:nth-child(n+4){margin-top:0;}

	.sub-mapPreview > li.point .content{width:100%; flex:none; margin-top:20px;}
	.sub-mapPreview.type3 > li.point .content{margin-top:0;}
	.sub-mapPreview.polar .point .content p{width:calc((100% - 45px) / 4);}
	.sub-mapPreview.polar .point .content p:not(:nth-child(4n)){margin-right:15px;}
	.sub-mapPreview.polar .point .content p:nth-child(4n){margin-right:0;}

	.board-imglist > li a{padding:30px 20px; }

	.board-thumbnail{padding:30px 20px 20px; flex-wrap:wrap;}
	.board-thumbnail a{margin-bottom:10px;}
	.board-thumbnail.type2 li{padding:20px 0; height:auto;}
	.board-thumbnail.type2 li .img span{width:55px; height:55px; font-size:15px;}
	.board-thumbnail.type2 li .txt-wrap{margin-left:15px;}
	.board-thumbnail.type2 li .txt-wrap .title::after{margin:20px 0;}

	.board-thumbnail{padding:20px;}
	.board-view2 .board-thumbnail > a{margin:0;}
	.board-view2 .board-thumbnail > a:not(:last-child){margin:0 20px 0 0;}
	.board-view2 .board-thumbnail > a{width:calc((100% - 60px) / 4);}

	.board-view2.type2 .board-thumbnail > a{margin:0;}
	.board-view2.type2 .board-thumbnail > a{width:calc((100% - 45px) / 4);}
	.board-view2.type2 .board-thumbnail > a:nth-child(n+5){margin-top:15px;}
	.board-view2.type2 .board-thumbnail > a:nth-child(4n){margin-right:0;}

	.board-view2 .board-slider{width:100%;}
	.board-slider .slider-wrap .slider{width:100%;}
	.board-view2 .txt-wrap{width:100%; margin:40px 0 0 0;}
	.board-imglist .txt-wrap{width:100%; margin:0 0 0 40px;}
	.board-view2 .txt-wrap > .list,
	.board-imglist .txt-wrap > .list,
	.board-view2 .txt-wrap .title + .list-wrap{margin:20px 0 0;}
	.board-view2 .txt-wrap > .title span,
	.board-imglist .txt-wrap > .title span{margin-left:0;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step .article{margin:0 auto;}

	.board-write__item > li > .title{width:240px;}
	.board-write__item > li > .email .email-select,
	.board-write__item > li > .write-item input[type="text"]{width:130px;}
	.board-write__item > li > .address input[type="text"]:last-child{width:100%;}

	.txt-wrap .cont-box{padding:20px;}

	.ico-list > span{flex-wrap:wrap; justify-content:center; }
	.ico-list > span::before{margin:0 5px 10px;}
	.ico-list > span:not(:last-child){margin-right:20px;}

	.sub-programList > li{flex-wrap:wrap; padding:20px; }
	.sub-programList.type3 > li{padding:20px;}
	.sub-programList .sub-introList__img{margin:0 auto 20px;}
	.sub-programList .sub-introList__item{flex:none; width:100%;}
	.sub-programList.type3 .sub-introList__img{margin-top:20px; margin-left:0;}

	.sub-list > li .sub-list__txt{flex:none; width:100%;}

	.cbd-listWarp > li .cop{font-size:30px; min-width:120px;}
	.cbd-listWarp > li .cop::before{margin:0 10px 0 -6px;}

	.round-titlebox{width:100%;}

	.diagram-list{width:100%;}
	.diagram-list .list__title::before{opacity:0;}

	.diagram-wrap::before{display:none;}
	.sub-system__list.diagram2::before,
	.sub-system__list.diagram2::after{display:none;}

	.diagram-wrap{padding:0;}
	.sub-system__list.diagram2{flex-wrap:wrap; padding:0;}
	.sub-system__list.diagram2 > .title{order:1; border:0; min-width:auto; width:100%; height:auto; padding:20px 10px; box-sizing:border-box; border-radius:5px; margin:0 0 20px}
	.sub-system__list.diagram2 .sub-title3{order:2; padding:0;}

	.info-listWrap .title{padding:0 20px;}
	.info-listWrap .content{padding:30px 20px;}
	.info-listWrap > li > div .btn-write{margin-left:5px; padding:0 25px 0 5px; background-position:right 5px center;}

	.board-table2 .sub-linkBtn.type3{height:auto;}
	.board-table2 .sub-linkBtn.type3::after{margin-left: 15px;}

	.total-search__item .box{padding:20px;}
	.total-search__item .box.circleRadio label:not(:nth-of-type(-n + 2)){margin-top:30px;}
	.total-search__item .box.circleRadio label:nth-of-type(3n){margin-right: 49px;}
	.total-search__item .box.circleRadio label:nth-of-type(2n){margin-right:0;}

	.sub-page__tab + .info-item{margin-top:70px;}
	.swamp-wrap{background-color:transparent; transform:none; left:auto; min-height:auto; padding:0;}
	.swamp-list{flex-wrap:wrap; max-width:100%;}
	.swamp-list .map-wrap{width:100%; position:relative; }
	.swamp-list .map{position:relative; top:auto; right:auto; transform:scale(1);}
	.swamp-list > li{}
	.swamp-list .guide,
	.swamp-list .status{flex:none; width:100%; padding:30px 20px; background-color:#eee; border-left:0;}
	.swamp-list > li > .title{position:static; transform:none; margin:0 auto 20px;}

	.function-list{flex-wrap:wrap;}
	.function-list > li{flex:none; width:100%; padding-right:10px;}
	.function-list > li:not(:last-child){margin-right:0; margin-bottom:10px;}
	.function-list > li .title{padding:5px;}

	.join-content{padding:30px;}
	.subtxt-box .txt-wrap::before{margin:0 0 20px;}
	.subtxt-box{height:auto;}

	.sub-region{flex-direction:column;}
	.graphWrap{padding:0;}

	.organ-list,
	.extinct-list{flex-wrap:wrap;}
	.organ-list li,
	.extinct-list li{width:calc((100% / 2) - 10px); flex:none;}
	.organ-list li:not(:last-child),
	.extinct-list li:not(:last-child){margin-right:0;}
	.organ-list li:not(:nth-child(2n)),
	.extinct-list li:not(:nth-child(2n)){margin-right:20px;}
	.organ-list li:not(:nth-child(-n + 2)),
	.extinct-list li:not(:nth-child(-n + 2)){margin-top:20px;}
	.organ-list .btn-wrap .download{width:calc((100% / 2) - 5px);}

	.diagram-wrap.type3{padding:0;}
	.diagram-wrap.type3 .sub-system__list.diagram2 .sub-title4{order:2; margin-top:30px;}
	.diagram-wrap.type3 .sub-system__list.diagram2 .sub-title4:not(:last-child){margin-right:20px;}
	.sub-system__list .title.vision .arrow{display:none;}


	.board-research__info{padding:0 0 20px;}
	.board-research__title{flex-direction:column; height:auto; padding:10px 0;}
	.board-research__title .icons{margin-right:0; margin-bottom:15px; font-size:15px; line-height:1;}
	.board-research__title .txt{font-size:20px;}
	.board-research__list{margin-top:20px;}
	.board-research__list li:not(:last-child){margin-bottom:10px;}
	.board-research__list li .title{font-size:15px; width:85px;}
	.board-research__list li .txt{font-size:14px;}

	.board-research__item li .title{width:100px; font-size:15px; height:auto; padding:10px;}
	.board-research__item li .txt{font-size:15px; padding:10px;}

	.facility-boxlist li{min-height:175px; height:auto; padding:20px 10px;}
	.facility-list{padding:10px; }
	.facility-list{right:15px; bottom:10px;}
	.facility-map .img img{min-width:1070px;}
	.sub-table-scrolled{overflow:auto; width:100%;}
	.sub-table-scrolled .board-table.scroll{white-space:nowrap; width:auto;}
	.sub-table-scrolled .facility-map{white-space:nowrap; width:auto; min-width:1070px;}

	.list-btnWrap{flex-direction:column; padding:0 20px;}
	.list-btnWrap a{width:100%; font-size:17px; height:auto; padding:20px; justify-content:flex-start;}
	.list-btnWrap a:not(:first-child)::before{left:auto; top:0; width:100%; height:1px; }
	.list-btnWrap .ico{margin:0 20px 0 0;}
	.board-gallery li:not(:nth-child(3n)){margin-right:20px;}

	.extinct-galleryList li{width:calc((100% / 4) - 15px);}
	.extinct-galleryList li:not(:nth-child(6n)){margin-right:0;}
	.extinct-galleryList li:not(:nth-child(4n)){margin-right:20px;}
	.extinct-galleryList li:not(:nth-child(-n + 6)){margin-top:0;}
	.extinct-galleryList li:not(:nth-child(-n + 4)){margin-top:20px;}

	.bot-txtWrap{flex-wrap:wrap;}
	.notice-text{width:100%; margin-bottom: 10px;}

	.history{height:auto; padding:20px;}
	.history > ul{flex-direction:column; width:100%; background:none; padding:0;}
	.history > ul > li{width:100%; flex-direction:column !important; position:static;}
	.history .year{width:100%; font-size:17px; height:40px; min-height:auto;}
	.history .year::before{display:none;}
	.history > ul > li:nth-child(1) .year{background:#36a11d;}
	.history > ul > li:nth-child(2) .year{background:#1c8f3e;}
	.history > ul > li:nth-child(3) .year{background:#0d8451;}
	.history > ul > li:nth-child(4) .year{background:#07805a;}
	.history > ul > li:nth-child(5) .year{background:#007b67;}
	.history > ul > li:nth-child(6) .year{background:#078385;}
	.history .content{position:static; width:100% !important; padding:10px;}
	.history > ul > li:nth-child(even) .content,
	.history > ul > li:nth-child(odd) .content{padding:10px;}
	.history .content .title{font-size:15px;}
	.history .content .txt-list li{font-size:14px;}
	.history .content .more{font-size:14px;}

	.sub-imgbox .img{width:calc((100% - 40px) / 3);}
	.sub-imgbox .img:nth-child(4n){margin-right:20px;}
	.sub-imgbox .img:nth-child(3n){margin-right:0;}
	.sub-imgbox .img:nth-child(n+4){margin-top:20px;}
	.sub-boxList2 .sub-txtList{margin-bottom:20px;}
	.sub-boxList2.type2 .sub-txtList,
	.sub-boxList2.type3 .sub-txtList{min-height:auto;}

	.pnie-wrap{flex-wrap:Wrap;}
	.pnie-title{flex:none; width:100%;}
	.pnie-title + .btnWrap{margin:20px 0 0 0;}
	.pnie-wrap .sub-list + img{margin:0 auto !important;}
	.sub-edit__ahead .chief,
	.sub-edit__ahead .editor,
	.sub-edit__ahead .board{width:100%;}
	.sub-edit__ahead .editor{margin:0 auto;}
	.sub-edit__ahead > li:not(:last-child){margin-bottom:20px;}
	.sub-edit__ahead .board::before{display:none;}
	.sub-edit__ahead .box{padding:20px;}

	.diagramItem.type2 > li{width:100%;}

	/* eng */
	.sub-mapPreview.eng > li .content-item{width:1200px;}
	.eng .sub-iconTitle.type2 br{display:block;}
	.eng .trail-location .img span{font-size:15px;}
	.diagram-list.eng .list > li{min-height:200px;}

	.sub-list__comboBox{flex-direction:column;}
	.sub-list__comboBox .img{margin-top:20px;}

	.board-table tbody td .btn-more--sm{min-width:120px; background-image:url('/resources/nie/images/common/ico_more_g.png');}

	.sub-tactic__title .title{font-size:15px;}
	.sub-tactic__title .txt{font-size:24px;}
	.list-esg > li > .title{font-size:15px;}
	.list-esg .box.type1 .title{font-size:17px; word-break:break-all;}
	.list-esg .box.type1 span{font-size:19px;}
	.list-esg .box.type1 .text,
	.dot-list li,
	.list-esg .list .num,
	.list-esg .list .text{font-size: 15px;}
	.list-esg .box.type2 .title + .dot-list{margin-top: 20px;}
	.list-esg .box.type2.eco .title{font-size: 17px;}
	.list-esg > li > .title::after{width:500px;}
	.box-list{font-size: 19px; min-height:150px;}
	.circle-wrap{flex-wrap:wrap;}
	.list-esg .box.type1{padding:20px;}
	.list-esg .box.type1 span{font-size:19px;}
	.list-esg .box.type2.eco,
	.list-esg .box.type2.partner,
	.list-esg .box.type2.gover{background-size: 30% auto;}
	.list-esg > li .content .list{padding:20px;}
	.dot-list li{padding-left:5px; line-height: 1.4;}
	.dot-list li:not(:last-child){margin-bottom:5px;}
	.list-esg .list li:not(:last-child){margin-bottom:10px;}

	.list-esg{overflow:auto;}
	.list-esg > li{width:1100px;}

	.box-img .img{padding: 1.5rem}
	.box-img .t{font-size: 16px;}

	.citizen-map{flex-flow: column;}
	.citizen-map .tbl,.citizen-map .map{width: 100%}
	.citizen-map .map{margin: 30px 0 0;}

	.ico-box{padding: 20px}
	.ico-box{    flex-flow: column; gap:18px}
	.ico-box .ico{margin-right: 0; width: 87px}
	.manual-dev .img{padding: 30px 10px 0}
	.manual-dev .file-down{padding: 10px}
	.manual-dev .txt:before{margin-right: 10px;}

	.box-c_b{flex-flow:column; gap:30px}
	.box-c_b .l,.box-c_b .cont{width: 100%}
	.box-c_b .l img{display: block; margin: 0 auto;}

	.cb-imgs,.cb-imgs{padding: 18px; gap:15px}
	.cb-imgs{flex-wrap:wrap}
	.cb-imgs:not(.col1) .img{max-width: none; width: calc(50% - calc(15px/2));}
	.cb-imgs .bot{font-size: 15px;}
	.cb-bot{font-size: 15px; gap:10px;     justify-content: flex-start; padding: 18px}
	.cb-bot img{width: 45px}
	.cb-imgs .bot{padding: 10px}

	.cb-imgs.col3{justify-content:space-between}

	/* .tit-flex_w{flex-flow: column;gap: 15px;align-items:start} */

	.cb-bot.column{align-items:flex-start}
	.cb-bot.column .div{gap:10px;justify-content: flex-start;}

	.cb-imgs .div{flex-flow:column}
	.cb-imgs .imgs{gap:15px; flex-wrap:wrap}
}

@media screen and (max-width:768px){
	.search-tab{flex-wrap:wrap;}
	.search-tab::before,
	.search-tab::after{display:none;}
	.search-tab a{min-width:calc(100% / 4);}
	.search-tab a:nth-child(4n){border-right:1px solid #cdcdcd;}
	.search-tab a:nth-child(4n + 1){border-left:1px solid #cdcdcd;}
	.search-tab a:nth-child(n+5){margin-top:-1px;}
	.rank-tab a{font-size:14px;}
	.board-result .record .title,
	.board-result .rank .title{font-size:15px;}
	.board-result .rank-list li a,
	.board-result .record .record-list li a{font-size:14px;}

	.sub-iconTitle.type3{font-size:18px;}

	p{font-size: 14px;}
	.sub-title{font-size:20px;}
	.page-title h3{font-size:20px;}
	.page-title p{font-size:14px;}
	.sub-title::before{margin-top:5px;}

	.sub-page > .page-title{margin-bottom: 30px; font-size: 26px;}

	.board-tab{flex-wrap:wrap;}
	.board-tab a{min-width:calc(100% / 3);}
	.board-tab a:not(:nth-child(-n + 3)){border-top:0;}
	.board-tab a:nth-child(3n + 1){border-left:1px solid #ccc;}
	.board-tab a:nth-child(3n + 1)::after{display:none;}
	.board-tab a:nth-child(3n){border-right:1px solid #ccc;}

   	.sub-notxtList.type2 > li{font-size:15px;}

	.text-box p,
	.text-box p span{font-size:17px; line-height:1.4;}
	.board-category{height:auto;}

	.board-poster > li{flex-wrap:wrap; justify-content:center;}
	.board-poster__info{flex:none; width:100%; margin-left:0; padding-top:20px;}
	.board-nav__title,
	.board-nav li a,
	.board-nav__date,
	.board-nav li .tit{font-size:15px;}
	.board-nav__date{display:none;}
	.board-nav__title::after{margin-left:10px;}
	.board-view__list li .title::before{margin:0 5px 0 0;}
	.board-view__content .content{padding:20px;}
	.board-photoList__thumbnail,
	.content-photoList__thumbnail{padding:20px;}
	.board-nav__title{margin-right:20px;}
	.board-nav li{height:auto; min-height:60px; padding:5px 20px;}
/* 	.board-photoList__img,
	.content-photoList__img{height:450px;} */
	.board-photoList__img .arrow.prev,
	.content-photoList__img .arrow.prev{left:20px;}
	.board-photoList__img .arrow.next,
	.content-photoList__img .arrow.next{right:20px;}

	.board-search2{padding:20px;}
	.board-search2 .board-btn{width:100%; margin:10px 0 0;}
	.board-search2 .search-wrap2{width:100%}
	.board-search2 .search-wrap2 input[type="text"].search{padding:0 10px;}
	.board-search2 .search-wrap2 input[type="text"].search,
	.board-search2 .board-btn{font-size:15px;}

	.board-result{flex-wrap:wrap;}
	.board-result .search-list{width:100%; padding:0 0 40px 0; border-left:0; margin:40px 0 0;}
	.board-result .result{width:100%; flex:none;}

	.board-tab a,
	.search-tab a{font-size:14px;}
	.search-select{width:110px;}
	.search-select a,
	.search-select .select-selected > li > a,
	.board-search select,
	.board-search__write input[type="text"]:not(.datepicker){padding:0 20px 0 10px; font-size: 15px;}
	.search-select > a,
	.board-search select{background-position:right 10px center; background-size:10px auto;}
	.board-search select{/* min-width:100%; *//* width:130px; */ flex:1; min-width:calc((100% - 44px) / 3); margin-bottom:5px;}
	.board-search .board-datepicker{width:100%; margin:0 0 10px;}
	.board-search .board-search__write{flex-wrap:wrap;}
	.board-search .board-search__write input[type="text"]:not(.datepicker){min-width:calc(100% - 50px);}
	.board-search select,
	.board-search__write input[type="text"]:not(.datepicker){margin-right:5px !important;}
	.board-search select:last-of-type{margin-right:0 !important;}
	.search-division{padding:0 10px; margin-top:10px;}
	.search-division li .title{min-width:60px; font-size: 14px;}
	.search-division li .cont{padding:0 10px;}
	.search-division .board-datepicker{width:100%;}
	.search-division input[type="radio"] + label{font-size:14px;}
	.board-result .result,
	.board-result .result-none span,
	.board-result .result-none .sum{font-size:17px;}
	.board-result .result-content .title .more{font-size:14px;}
	.board-tab a,
	.search-tab a{height:auto; padding:5px 0; line-height:1.2;}

	.board-search.type2 > .board-search__write{margin:0;}
	.board-search.type2 .board-search__write input[type="text"]:not(.datepicker){min-width:auto; width:auto; flex:1;}
	.board-search.type2 .board-search__write button[type="submit"],
	.board-search.type2 .board-search__write button.submit{margin-right:0 !important;}
	.board-search.type2 .board-search__write button[type="submit"] + .btn-reset{margin-left:5px; }
	.board-search.type2 .btn-reset{padding:0 10px 0 35px; width:85px;}

	.sub-txtList > li{font-size:17px;}
	.info-listWrap > li > div .btn-write{margin-left: 0; font-size: 14px;}
	.info-listWrap .title{font-size:15px; flex-wrap:wrap; min-height:60px; height:auto; padding:5px 20px;}
	.info-listWrap .title a{width:95%; font-size: 14px;}
	.info-listWrap .content{padding:30px 0;}

	.board-table2 .sub-linkBtn.type3{padding:5px;}
	.board-table2 .sub-linkBtn.type3::after{margin-left:3px;}

	.sub-txtList > li,
	.sub-txtList.type2 > li{font-size:15px;}

	.board-table2 thead th,
	.board-table2 tbody th,
	.board-table2 tbody td{font-size:14px; padding:5px; height:40px;}

	.board-table thead th,
	.board-table tbody td{font-size:15px; height:50px;}
	.board-table.type2 thead th,
	.board-table.type2 tbody td{font-size:14px;}
	.board-category{font-size:14px; min-width:auto; width:100%; white-space:nowrap;}
	.board-subCategory{font-size:14px;}

	.board-file label::before{width: 80px;}
	.board-file label::before,
	.board-file > li .board-file__btn{font-size: 14px;}
	.board-file label{width:165px;}
	.board-file > li .board-file__btn{width:90px;}

	.board-write__item > li > .write-item{padding:10px;}
	.board-write__item > li > .title{padding:5px; font-size:14px; font-size: 14px; min-width:80px; width:80px; word-break:keep-all; text-align:center;}
	.board-write__item > li > .write-item input[type="text"]{width:100%;}

	.board-write__item > li > .write-item input[type="text"],
	.board-write__item > li > .write-item input[type="password"]{width:100%;}

	.board-gallery li{width:calc((100% / 2) - 10px);}
	.board-gallery li:not(:nth-child(3n)){margin-right: 0;}
	.board-gallery li:not(:nth-child(4n)){margin-right:0;}
	.board-gallery li:not(:nth-child(2n)){margin-right:20px;}
	.board-gallery li:not(:nth-child(-n + 2)){margin-top:40px;}
	.board-gallery li a .subject{font-size:15px; height: 54px; max-height:54px;}
	.board-gallery li a .category,
	.board-gallery li a .info__date,
	.board-gallery li a .info__name{font-size:14px;}

	.board-view__info,
	.board-view__content .content{padding:20px 0;}
	.board-view__content .view-tabWrap .content{padding:20px;}

	.board-view__list li .title,
	.board-view__list li .txt{font-size:15px;}
	.board-imglist > li a{flex-wrap:wrap; padding:30px 0;}
	.board-imglist > li .img{width:100%;}
	.board-view2{padding:30px 0;}
	.board-view2 .txt-wrap,
	.board-imglist .txt-wrap{margin-left:0; margin-top:20px;}
	.board-view2 .txt-wrap > .title p,
	.board-imglist .txt-wrap > .title{font-size:20px; line-height:1.2;}
	.board-view2 .txt-wrap > .title span,
	.board-imglist .txt-wrap > .title span{margin-left:5px;}

	.board-view2.type2{padding:20px 0;}
	.board-view2.type2 .list-wrap{width:100%;}
	.board-view2.type2 .category{}
	.board-view2.type2 .category > li{flex:none; width:calc((100% - 45px) / 3);}
	.board-view2.type2 .category > li:nth-child(n+4){margin-top:15px;}

	.board-thumbnail.type2 li{flex-direction:column;}
	.board-thumbnail.type2 li .img{width:100%;}
	.board-thumbnail.type2 li .txt-wrap{flex:none; width:100%; margin:20px 0 0;}
	.board-thumbnail.type2 li .txt-wrap .title{font-size:20px;}
	.board-thumbnail.type2 li .txt-wrap .content{font-size:14px; height:42px; margin:0 0 20px; }

	.board-view2.type2 .txt-wrap > .list-wrap > li .step{flex-wrap:wrap; justify-content:flex-start; margin:0 auto; }
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p{width:calc((100% - 30px) / 4);}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(-n+4)){margin-top:10px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(4n)){margin-right:10px;}

	.board-view2.type2 .category > li .txt{font-size:14px; line-height:1.4;}
	.board-view2 .list-wrap .list li{font-size:15px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step .text{font-size:14px; line-height:1.4;}
	.board-view2.type2 .txt-wrap > .list-wrap > li > .text{font-size: 15px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap .text{font-size: 14px;}

	.sub-txt{font-size:15px; flex-direction:column;}
	.join-content .sub-txt{align-items:flex-start;}
	.join-wrap .sub-txt{align-items:flex-start;}
	.join-content .agree-check{margin-top:10px;}
	.sub-iconTitle{font-size:15px;}
	.sub-iconTitle.type4,
	.sub-iconTitle.type2{font-size:18px;}
	.sub-line-content,
	.sub-line-content .text-box2{padding:20px;}
	.sub-line-content .text-box2 .title,
	.sub-line-content .text-box2 p{font-size:15px; margin-top: 10px;}
	.board-view2 .txt-wrap .category span,
	.board-imglist .txt-wrap .category span{font-size:14px;}
	.board-view2 .txt-wrap > .list > li .title,
	.board-imglist .txt-wrap > .list > li .title,
	.board-view2 .txt-wrap > .list li .txt,
	.board-imglist .txt-wrap > .list li .txt{font-size:15px;}

	.notice-text{font-size: 14px;}
	.btn-write.write{font-size: 15px;}

	.sub-login__txt,
	.sub-login__txt2{font-size:15px;}
	.login-btn{font-size: 15px;}
	input[type="checkbox"] + label,
	.sns-login a{font-size: 14px;}

	.board-poster__info .subject,
	.board-view__info .subject{flex-wrap:wrap;}

	.sub-faq .title{font-size:15px;}
	.sub-faq .sub-introList__item > p{font-size:15px;}

	.sub-list__title{font-size:17px; /* height:20px; */}
	.sub-list__txt{font-size:15px; flex:none; width:100%;}
	.sub-list.type2 .sub-list__txt,
	.sub-list.type2 .text-list-wrap{font-size: 15px !important;}
	.sub-list__txt > span{font-size: 14px;}

	.sub-faq .sub-list__title{height:auto;}
	.sub-faq .title.active + .content{padding:20px 10px;}

	.text-list-wrap li{font-size:15px;}

	.info-btnWrap{padding:10px;}
	.info-btnWrap a{min-width:calc((100% / 2) - 5px); font-size:14px; text-align:center; flex:1; min-height: 45px; height: auto;}
	.info-btnWrap a:not(:nth-child(3n)){margin-right:0;}
	.info-btnWrap a:not(:nth-child(2n)){margin-right:10px;}
	.info-btnWrap a:not(:nth-child(-n + 2)){margin-top:10px;}
	.info-btnWrap a:last-child{margin-right:0;}

	.sub-dot__title{font-size:15px;}

	.cbd-listWarp > li{flex-direction:column;}
	.cbd-listWarp > li .cop{font-size:26px;}
	.cbd-listWarp > li .cop::before{margin:0 20px 0 -6px;}
	.cbd-listWarp > li .year{margin-right:0; margin-bottom:10px; font-size:15px;}
	.cbd-listWarp > li .nation{font-size:15px; margin-bottom:10px;}
	.cbd-listWarp > li .content{padding-left:30px; flex-direction:column;}

	.sub-boxList2 > li:not(.box2){width:100%;}
	.sub-boxList2.type2 > li:nth-child(2n){margin-left: 0;}
	.sub-boxList2 > li .txt{font-size: 14px;}
	.sub-boxList2 > .box2 .box{width:100%; height:auto;}
	.sub-boxList2 > .box2 .box:not(:last-child){margin-bottom:20px;}
	.sub-boxList2 > li:not(:last-child),
	.sub-boxList2 > .box2 .box:not(:last-child){margin-right:0;}
	.sub-boxList2 > li .imgWrap img{width:calc((100% - 20px) / 2);}

	.sub-page__tab{flex-wrap:wrap;}
	.sub-page__tab a{font-size:15px; min-width:calc(100% / 3); flex:1; height:40px;}
	.sub-page__tab a:nth-child(3n){border-right:0;}
	.sub-page__tab a:not(:nth-child(-n + 3)){border-top:1px solid #ccc;}

	.sub-nav__list > ul > li:not(.home) > a{font-size:15px; height:45px; letter-spacing:-0.08em;}
	.sub-nav__list .depth{padding:10px 0;}
	.sub-nav__list .depth > li > a{font-size:15px;}

	.sub-nav__btns .btn-item{height:40px; width:40px;}
	.sub-nav__share .share-item li a{width:39px; height:40px;}

	.sub-mapPreview .copper{flex-wrap:wrap;}
	/*
	.sub-mapPreview:not(.polar) > li .sub-iconTitle{width:100%; margin-bottom:20px;}
	 */
	.sub-mapPreview > li .sub-iconTitle{width:100%; margin-bottom:20px;}
	.sub-mapPreview{padding:20px;}
	.sub-mapPreview.polar .point .content p{width:calc((100% - 20px) / 3); padding:10px;}
	.sub-mapPreview.polar .point .content p:not(:nth-child(4n)),
	.sub-mapPreview.polar .point .content p:nth-child(4n){margin-right:10px;}
	.sub-mapPreview.polar .point .content p:nth-child(n+4){margin-top:10px;}
	.sub-mapPreview.polar .point .content p:nth-child(3n){margin-right:0;}
	.sub-list > li:not(:last-child){margin-bottom:20px;}

	.sub-eco .sub-step{flex-direction:column;}
	.sub-imgSlider .slider .slick-slide .text,
	.sub-eco .ico-box p,
	.sub-eco .sub-step li p{font-size:14px;}
	.sub-eco .ico-box p{line-height:1.3;}
	.sub-eco .sub-step li{margin:0 auto; flex-direction:column;}
	.sub-eco .sub-step li:not(:last-child)::after{position:static; width:21px; height:79px; transform:rotate(90deg); margin:0 auto;}
	.sub-eco .sub-step li span{font-size:15px;}

	.btn-vr,
	.btn-vr2{min-height:50px; height:auto; padding:0 20px; font-size:15px; width:100%;}
	.sub-map .title{font-size:18px;}
	.sub-mapPreview .point .content{flex-wrap:wrap; }
	.sub-mapPreview .point .content p{width:calc(100% / 4);}
	.sub-mapPreview .point .content p:nth-child(n+5){margin-top:10px;}
	.sub-photoList__thumbnail .slick-list{margin-right:-15px;}
	.sub-photoList__thumbnail .slick-slide{margin-right:15px;}

	.sub-photoList__thumbnail .arrow.prev{left:15px;}
	.sub-photoList__thumbnail .arrow.next{right:15px;}
	.sub-photoList__thumbnail .slick-slide img{margin:0 auto;}
	.sub-photoList__img .slick-slide .text{font-size: 14px;}
	.sub-imgSlider__arrow{width:45px; height:45px;}
	.sub-mapPreview .sub-table-scrolled{flex:none;}

	.sub-mapPreview .copper > .content{flex:none;}

	.sub-introList > li .btn-link{width:100%; margin-left:0 !important;}
	.sub-introList .sub-introList__item a ~ a{margin-top:10px;}
	.sub-introList .sub-introList__item .sub-introList__img{margin-bottom:20px;}
	.btn-vr2 + a{margin:10px 0 0 !important;}

	.sub-imgbox-list{flex-wrap:wrap;}
	.sub-imgbox-list > div{width:calc((100% - 20px) / 2); flex:none;}
	.sub-imgbox-list div:not(:last-child){margin:0;}
	.sub-imgbox-list > div:nth-child(n+3){margin-top:20px;}
	.sub-imgbox-list div .title{font-size: 15px;}
	.sub-content-list{padding:20px;}
	.sub-content-list > li .img{margin:0 auto;}
	.sub-content-list .txt-wrap{flex:none; width:100%; margin:20px 0 0;}
	.sub-content-list > li:not(:last-child)::after{margin:20px 0;}
	.sub-content-list .txt-wrap .list-title{font-size: 18px;}
	.sub-content-list .list-wrap li::before{margin:10px 5px 0 0;}
	.sub-content-list .list-wrap .title,
	.sub-content-list .list-wrap .txt{font-size: 15px;}
	.notice-text{font-size:14px;}

	.board-photoList__thumbnail .slick-list,
	.content-photoList__thumbnail .slick-list{margin-right:-15px;}
	.board-photoList__thumbnail .slick-slide,
	.content-photoList__thumbnail .slick-slide{margin-right:15px;}

	.sub-faq .sub-iconTitle p{font-size:18px; flex-wrap:wrap;}
	.sub-faq .sub-iconTitle .eng{font-size:14px; margin:4px 0 0; width:100%;}
	.sub-list__txt > .sub-title2{font-size:16px;}

	.trail-location .img span{font-size:14px; min-width:auto; height:auto;border:2px solid #b4b4b4; padding:4px 6px; transform:scale(0.8);}
	.trail-location .img .area2{top:30.983607%;}
	.trail-location .img .area3{bottom:16.839709%; left:22.091241%;}
	.trail-location .img .area5{right:5%;}
	.trail-location .img .area7{top:10.214936%;}
	.trail-location .img .area8{left:30.952555%;}

	.txt-wrap .cont-box{font-size:14px; padding:0;}
	.ico-list > span{font-size:15px;}
	.ico-list > span:not(:last-child){margin-right: 10px;}

	.sub-iconTitle.type2{font-size:19px;}

	.comment-wrap .call{margin-left:0; margin-top:10px;}
	.comment-wrap .reply{padding:15px;}
	.comment-wrap .reply p{font-size: 14px; line-height: 1.2;}
	.comment-wrap .reply p::before{width:45px; height:45px; margin-right:5px;}
	.comment-wrap li{padding:15px; flex-wrap:wrap;}
	.comment-wrap li:first-child{height:auto;}
	.comment-wrap li b,
	.comment-wrap .reply .btn-register{font-size: 14px;}
	.comment-wrap li span{width:100%; font-size: 14px;}
	.comment-wrap .reply input[type="text"]{padding:0 10px; font-size: 14px;}

	.title-wrap .title{font-size:24px;}
	.title-wrap .title::before,
	.title-wrap .title::after{display:none;}
	.title-wrap .title p{margin:0;}

	.small-txt{font-size:15px;}

	.round-titlebox{border-radius:25px; height:auto; padding:20px 10px;}
	.round-titlebox .title{font-size:24px;}

	.diagram-list{overflow:auto;}
	.diagram-list > li{min-width:400px;}
	.diagram-list .gray{margin-left:40px;}

	.diagram-list .list > li{flex-direction:column;}
	.diagram-list .list__title{width:100%; margin-bottom:20px;}

	.diagram-list .list__title::before{opacity:1; width:1px; height:20px; right:50%; transform:translateX(50%) translateX(0.5px); top:100%;}

	.diagram-list .list__title::after{right:50%; transform:translateX(50%); bottom:-7px; top:auto;}


	.diagram-list .list__item{width:100%;}

	.function-list > li{flex-direction:column; padding:0;}
	.function-list > li .title{width:100%; font-size:15px; margin-right:0; margin-bottom:10px; min-height:auto; height:auto;}
	.function-list > li .sub-txtList{padding:0 10px 10px;}

	.center-box .gray-txt p{font-size:14px; padding:5px;}
	.center-box .bot-txt p{font-size:15px; padding:5px;}
	.center-box .center p,
	.center-box .step li .txt{font-size:17px;}
	.center-box .step li .txt{padding:5px;}
	.center-box .step li .arrow{font-size:15px;}


	.sub-txtList.type2 > li,
	.sub-notxtList > li{font-size:14px;}
	.sub-txtList.type2 > li:not(:last-child),
	.sub-notxtList > li:not(:last-child){margin-bottom:5px;}
	.sub-txtList > li::before{top:-3px;}
	.sub-txtList.type2 > li::before{top:7px;}

	.function-list.type2 > li{width:100%;}
	.function-list.type2 > li:not(:nth-child(-n + 2)){margin-top:0;}
	.function-list.type2 > li:not(:last-child){margin-bottom:10px;}
	.function-list.type2 .title{transform:translateX(-2px);}


	.sub-system__list.diagram2 > .title{font-size:25px;}
	.sub-system__list.diagram2 .sub-title3{width:50%; margin-bottom:10px;}

	.sub-system__list.diagram2 .sub-title3 .title2{font-size:17px;}
	.sub-system__list.diagram2 .sub-title3 .txt{font-size:15px;}

	.board-view__list.type2 li{width:100%; flex-wrap:wrap;}
	.board-view__list.type2 li.file{flex-wrap:wrap;}
	.board-view__list li.file .fileList{width:100%; margin-top:10px;}

	.modal-content{padding:15px;}
	.board-faq__item p{font-size:15px;}

	.total-search__txt p{font-size:18px;}

	.total-search__item.boxRadio label,
	.total-search__item.circleRadio label{font-size: 14px;}
	.total-search form input[type="text"]{font-size:14px; height:50px;}
	.total-search__write .submitBtn{height:50px; font-size:14px; width:100px;}
	.total-search__item:not(:last-child){margin-bottom:40px; padding-bottom:40px;}
	.total-search__item.circleRadio label::before{width:100px; height:100px;}

	.sub-login__txt2{font-size:15px;}
	.required-txt.type2{font-size:14px;}
	.login-wrap li .item button{font-size:14px; padding:0 10px;}
	.swamp-list .guide,
	.swamp-list .status{padding:20px;}
	.swamp-list > li > .title{font-size:17px;}
	.swamp-list .map-legend{padding:15px;}
	.swamp-list .map-legend .title{font-size:15px;}
	.swamp-list .map{transform:scale(0.9); top:30px;}
	.swamp-list .status-list{height:auto; min-height:500px;}
	.swamp-list .status-list li .title{font-size:15px;}
	.swamp-list .status-list li .txt{font-size:14px;}

	.climate-title p{font-size:20px; min-width:100%;}
	.modal-header2{padding-bottom:20px; margin-bottom:20px;}
	.modal-title2 .category{font-size:14px;}
	.modal-title2 .title{font-size:20px;}
	.board-write__list li .title,
	.board-write__list li .write-item{font-size:14px;}
	.board-write__item > li > .write-item{padding:10px;}
	.board-write__item > li > .write-item input[type="text"] + button{padding:0 6px; font-size:14px; }
	.board-write__item > li > .write-item span{font-size:14px;}
	.email-select{font-size:14px; background-position:right 10px center;}
	.board-write__item > li > .email .email-select{margin:0 0 0 10px; }
	.board-write__item > li > .email .email-select,
	.board-write__item > li > .write-item input[type="text"]{width:100px;}
	.board-write__item > li > .write-item span{margin:0 5px;}
	.board-write__item > li > .write-item input[type="text"] + button{margin:0 0 0 5px;}

	.join-process li{height:48px;}
	.join-process li p{font-size:14px; padding:0 15px 0 23px;}
	.join-process li p::before{margin-right:5px;}
	.join-process li:not(:last-child) a::after{width:32px; height:32px; right:-17px;}
	.join-wrap .board-write__title .sub-title{margin-bottom:0 !important;}
	.join-wrap .board-write__title{margin:0 0 20px;}
	.join-wrap .sub-txt .sub-iconTitle{font-size:18px; line-height:1.2; padding-left:22px;}
	.join-wrap input[type="checkbox"] + label{font-size:15px; margin: 10px 0 0;}
	.join-wrap input[type="checkbox"] + label::before{min-width:16px; height:16px; margin-right: 5px;}
	.join-content{padding:20px;}
	.sub-textareaBox{padding:15px;}
	.login-find{font-size:15px;}
	.login-wrap .btnWrap > a{font-size: 14px;}
	.login-wrap li input[type="text"],
	.login-wrap li input[type="password"]{font-size:14px;}
	.login-wrap li.inputWrap .phone .btn-write{font-size: 14px; padding:0 6px;}
	.board-btn__item{font-size:14px;}

	.join-confirm{flex-wrap:wrap;}
	.join-confirm a{width:100%;}
	.join-confirm a:before{margin-right:20px;}
	.join-confirm a:not(:last-child):after{right:auto; bottom:0; width:calc(100% - 40px); height:1px;}
	.join-confirm .txt{font-size:14px;}
	.join-confirm .txt span{font-size:17px;}

	.join-complete .sub-txt .title{font-size:18px;}
	.join-complete .sub-txt{font-size:15px;}

	.subtxt-box{padding:20px; flex-direction:column; align-items:center;}
	.subtxt-box.status::before{margin:0 0 20px 0;}
	.subtxt-box.status .txt-wrap{width:100%; }
	.subtxt-box.status .txt-wrap .txt span{font-size:14px;}
	.subtxt-box a{margin:10px 0 0 auto;}
	.subtxt-box .txt-wrap{font-size:15px; text-align:center;}
	.subtxt-box .txt-wrap::before{margin:0 auto 20px;}
	.subtxt-box .txt-wrap span{font-size:14px; margin:5px auto 0;}
	.btn-write.write{font-size:14px;}
	.subtxt-box .btn-write{margin:10px auto 0;}

	.organ-tab{flex-wrap:wrap; flex-direction:column;}
	.organ-tab a{width:100%; padding:10px; font-size:16px;}
	.organ-tab a:not(:first-child){border-left:0; border-top:1px solid #ccc;}
	.organ-tab a p{font-size:14px;}
	.die-img.type2 .btn-wrap{flex-wrap:Wrap; flex-direction:column; right:20px; bottom:10px;}
	.die-img.type2 .btn-wrap a{width:100%; margin:0 0 5px 0 !important;}
	.die-img.type2 .btn-wrap a:not(:last-child){margin-bottom:10px;}

	.region-map .btn-map{height:36px;}
	.region-title{font-size:17px;}
	.region .area a{font-size: 14px;}
	.region-modal{width:100%;}
	.region-modal .modal-body{padding:0 0 20px;}
	.region-modal .modal-header{padding-bottom:15px;}
	.region-modal .modal-header > .title{font-size:18px; }
	.dot-list li .title,
	.dot-list li .txt,
	.btn-homepage{font-size:14px;}
	.graph-wrap .board-table,
	.graph-wrap .img img{min-width:660px;}
	.sub-spreadWrap > li{flex-direction:column;}
	.graphWrap > *{width:100%;}
	.graphWrap .diagram{padding:0 100px;}
	.graphWrap .graph{margin-top:30px;}

	.example{padding:20px; flex-wrap:wrap;}
	.example p{font-size:14px; margin-left:0; margin-top:10px;}

	.board-file{width:100%;}
	.board-file > li{flex-wrap:wrap; width:100%;}

	.organ-list li,
	.extinct-list li{width:100%;}
	.organ-list li:not(:nth-child(2n)),
	.extinct-list li:not(:nth-child(2n)){margin-right:0;}
	.organ-list li:not(:nth-child(-n + 2)),
	.extinct-list li:not(:nth-child(-n + 2)){margin-top:0;}
	.organ-list li:not(:last-child),
	.extinct-list li:not(:last-child){margin-bottom:20px;}
	.organ-list .environment .title,
	.extinct-list .environment .title,
	.organ-list .ocean .title,
	.extinct-list .ocean .title{font-size:17px; height:40px;}
	.organ-list .environment .content,
	.extinct-list .environment .content{padding:20px; height:auto;}
	.organ-list .txt-wrap .sub-title,
	.extinct-list .txt-wrap .sub-title{font-size:17px;}
	.organ-list .txt-wrap p{font-size:15px;}
	.organ-list .btn-wrap a{font-size:14px;}
	.organ-list .content .txt,
	.extinct-list .txt-wrap .sub-txt{font-size:15px;}

	.extinct-list li .content{height:auto; min-height:auto;}
	.extinct-list .txt-wrap{margin-top:20px;}

	.sub-system__list .title.vision .small-txt{font-size:15px;}
	.sub-system__list .title.vision{font-size:22px;}

	.diagram-wrap.type3{padding:0;}
	.diagram-wrap.type3 .sub-system__list.diagram2 .sub-title4{flex:none; width:100%; margin-top:20px;}
	.diagram-wrap.type3 .sub-system__list.diagram2 .sub-title4:not(:last-child){margin-right:0;}
	.sub-system__list .sub-title4 .title2{font-size:17px; height:40px;}
	.sub-system__list.diagram2 .sub-title4 .sub-txtList{padding:15px; min-height:auto;}

	.sub-txtList.type4 li{font-size:14px;}

	.facility-list li{font-size:14px;}
	.facility-list li .num,
	.board-table2 .num{width:20px; height:20px; font-size:13px;}
	.function-list.type2 .title{font-size:17px;}
	.function-list.type2 .title b{font-size:17px;}

	.sub-img-box{padding:10px;}
	.sub-img-box .item{width:calc(50% - 5px); height:120px;}
	.sub-img-box .item:not(:nth-child(3n)){margin-right:0;}
	.sub-img-box .item:not(:nth-child(2n)){margin-right:10px;}
	.sub-img-box .item:not(:nth-child(-n + 3)){margin-top:0;}
	.sub-img-box .item:not(:nth-child(-n + 2)){margin-top:10px;}
	.sub-img-box .item img{height:100%; width:100%; top:0; left:0; transform:none; object-fit:cover;}

	.facility-boxlist li{padding:20px 10px;}
	.facility-boxlist li:not(:last-child){margin-right:20px;}
	.facility-boxlist li .title{font-size:16px;}
	.facility-boxlist li .txt{font-size: 14px;}

	.die-img{flex-wrap:wrap;}
	.die-img .img{width:100%;}
	.die-img .img:nth-child(1){padding-bottom:10px; }
	.die-img .img:nth-child(2){padding-top:10px;}
	.die-img .img:nth-of-type(2)::before{top:0; width:100%; height:1px; background:url('/resources/nie/images/main/dot.jpg');}

	.board-category__tab a{width:calc(100% / 3);}
	.board-category__tab a:nth-child(n+4){margin:10px 0 0;}
	.board-category__tab p{font-size: 14px;}
	.list-btnWrap a{font-size: 15px;}
	.board-gallery li a .category{font-size: 14px;}
	.board-gallery.type3 li a .subject span{font-size: 17px; margin:5px 0 0;}
	.board-gallery.type3 li a .info{height:40px; font-size:14px;}

	.board-pagination a:not(.arrow){font-size: 14px;}

	.board-poster > li{padding:20px 0;}
	.board-poster__img{overflow:hidden; width:100%; position:relative;}
	.board-poster__img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; min-width:auto; min-height:100%;}

	.board-poster__info .subject .board-category{margin:0 0 10px 0; padding:5px 0;}

	.board-view__info .subject .board-category{margin:0 0 10px 0;}
	.board-view__info .subject .btn-more{margin:15px 0 0 0 !important;}


	.board-research__item li .fileList > li{flex-direction:column;}
	.board-research__item li .fileList > li:not(:last-child){margin-bottom:10px;}
	.board-research__item li .fileList > li .btn-preview{margin:10px 0 0 0 !important; width:100%;}

	.board-table{table-layout:auto;}
/* 	.board-table colgroup col{width:auto !important;} */
	.board-table colgroup col{width:auto;}
	.board-table .board-category{width:auto; padding:0 5px;}
	.board-table tbody td a .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.extinct-galleryList{flex-wrap:wrap;}
	.extinct-galleryList li{}
	.extinct-galleryList a p{font-size:15px;}

	.extinct-galleryList li{width:calc((100% / 2) - 10px);}
	.extinct-galleryList li:not(:nth-child(4n)){margin-right:0;}
	.extinct-galleryList li:not(:nth-child(2n)){margin-right:20px;}
	.extinct-galleryList li:not(:nth-child(-n + 4)){margin-top:0;}
	.extinct-galleryList li:not(:nth-child(-n + 2)){margin-top:20px;}

	.board-faq__head li{font-size:15px;}
	.board-faq__body li a > span:nth-child(2){width:50px;}
	.board-faq__body li a{padding-right:25px;}

	.sub-txtList.type5 li{flex-direction:column;}
	.sub-txtList.type5 li .title{font-size:15px;}
	.sub-txtList.type5 li .txt{font-size:15px;}

	.sub-txtList.type6 li{flex-direction:column;}
	.sub-txtList.type6 li .title{font-size:15px;}
	.sub-txtList.type6 li .txt{font-size:15px;}

	.result-content__list > li .subject{font-size:15px;}
	.result-content__list > li .txt{font-size:14px;}

	.sub-sns-connection{padding:30px 0;}
	.sub-sns-connection a{padding:0 10px; height:60px; font-size:16px;}
	.sub-sns-connection a::before{width:30px; height:30px; background-size:100% auto; margin-right:10px;}
	.sub-sns-connection a .check{font-size:14px;}
	.sub-sns-connection a .check-complete-txt{width:75px; font-size:13px;}
	.sub-sns-connection a .check-complete-txt + .check{margin-left:5px;}

	.pnie-title{font-size:20px;}
	.sub-edit__ahead{padding:20px;}
	.sub-edit__ahead .chief,
	.sub-edit__ahead > li > .title{font-size:18px;}
	.sub-edit__ahead .chief span,
	.sub-edit__ahead .editor .text li,
	.sub-edit__ahead .box .list li{font-size:14px;}
	.sub-edit__ahead .editor .text{padding:20px;}
	.sub-edit__ahead .box{width:100%;}
	.sub-edit__ahead .box:not(:nth-child(-n+1)){margin-top:20px;}
	.sub-txtList3 > li{flex-wrap:wrap; width:100%; flex:none;}
	.sub-txtList3 .sub-list__txt{margin-top:5px;}

	.info-list{gap:30px 0;}
	.info-list > li{width: 100%;}
	.info-list > li::after{min-width:60px; height: 60px;}

	/* eng */
	.eng .sub-iconTitle.type2 br{display:none;}
	.sub-page__tab.eng a{height:auto; min-height:40px;}
	.eng .ico-list{flex-direction:column; margin-top:10px;}
	.eng .ico-list > span{justify-content:flex-start;}
	.eng .ico-list > span:not(:last-child){margin-right:0;}
	.diagram-list.type2.eng > li:nth-child(3) .txt-itemlist > li:not(:last-child)::before{top:102px; height:95%;}
	.diagram-list.type2.eng > li .txt-itemlist > li:not(:last-child)::before{top:101px; height:calc(100% + 19px);}
	.diagram-list.eng .list > li{min-height:170px;}
	.result-content__list > li .path{font-size:14px;}
	.result-content__list > li .date{font-size:12px;}

	.search-division li{flex-direction:column; height:auto; padding:10px 0;}
	.search-division li .title{margin-bottom:15px;}
	.search-division li .title::after{display:none;}
	.search-division input[type="radio"]:not(:last-child) + label{margin-right:20px;}
	.search-division .board-datepicker{padding:0 5px;}

	.sub-programList.type3 .sub-introList__img{width:100%; height:auto;}

	.board-poster__info .btnItem{flex-direction:column;}
	.board-poster__info .link{width:100%;}
	.board-poster__info .btn-more{margin-left:0 !important; margin-top:10px;}

	.comment-wrap li:first-child, .comment-wrap div{min-height:54px; height:auto; padding:10px; flex-direction:column; align-items:flex-start;}
	.sub-imgbox .img{width:calc((100% - 20px) / 2);}
	.sub-imgbox .img:nth-child(3n){margin-right:20px;}
	.sub-imgbox .img:nth-child(2n){margin-right:0;}
	.sub-imgbox .img:nth-child(n+3){margin-top:20px;}


	.sub-mapPreview:not(.polar) .point .content p{width:calc(100%/ 3);}

	.board-view2 .txt-wrap > .title{flex-direction:column; align-items:flex-start;}


	.sub-joinType{flex-direction:column; align-items:center;}
	.sub-joinType a{width:100%; max-width:320px;}
	.sub-joinType a:not(:last-child){margin-right:0; margin-bottom:30px;}
	.sub-joinType a .title{font-size:15px;}
	.sub-joinType a .txt{font-size:14px;}
	.sub-joinType a .btns{font-size:14px;}

	.board-search2 .search-wrap2 > select{width:100px;}

	.img-list li:not(:last-child){margin-right:10px;}

	.board-view__content .content img{width:100% !important; height:auto !important;}

	.info-listWrap .title a:not(.download){height: auto; padding: 5px 0}

	/* 230623 add */
	.bus_process{flex-wrap: wrap; row-gap: 10px; padding: 10px;}
	.bus_process > li{width: 50%;}

	.th-no,
	.th-sort{width: 50px}

	/* .manual-dev .file-down{flex-flow: column; gap:10px} */

	.manual-dev{flex-flow: column; gap:50px}
	.manual-dev > *{width: 100%}

	.box-c_b{padding: 18px}
	.list-leaf li{padding-left: 0;}
	.list-leaf .t{position: static; display: block;margin: 0 0 5px;}
	.box-c_b .mt60{margin-top: 30px !Important;}


	.board-view2 .board-thumbnail a::after{background-size:50%}

	.ico-category{font-size: 14px;}
	.ico-category .title{gap:5px; flex-flow:column; align-items: baseline; font-size: 20px;}

	.div-cit1,.div-cit2{flex-flow:column;gap:18px}
	.div-cit1 > li,.div-cit2 > li{width:100%}
	.div-cit2 > li{border-radius:18px}
	.div-cit2 .t{height: 50px}
	.div-cit2 .c{padding: 18px}
}

@media screen and (max-width:480px){
	.board-datepicker input[type="text"]{width:110px;}
	.search-select,
	.board-search select{width:80px;}
	.board-search2 .search-wrap2{flex:none;}
	.board-search2 .search-wrap2 input[type="text"].search{width:100%;}
	.search-select .select-selected > li > a{height:30px;}
	.board-search2 .search-wrap2 .search-btn,
	.board-search__write button[type="submit"],
	.board-search__write button.submit{min-width:40px;}

	.board-search.type2 .board-search__write button[type="submit"] + .btn-reset{font-size:0; min-width:40px; width:auto; padding-left:0; background-position:center center;}

	.board-table{table-layout:fixed;}
	.board-table .tb-mobile{display:none;}
	.board-category{padding:0 5px;}

	.board-gallery li{width:100%}
	.board-gallery li:not(:nth-child(3n)){margin-right: 0;}
	.board-gallery li:not(:nth-child(4n)){margin-right:0;}
	.board-gallery li:not(:nth-child(-n + 1)){margin-top:40px;}

	.board-view2 .txt-wrap > .title span,
	.board-imglist .txt-wrap > .title span{display:block; margin:5px 0 0 0;}

	.board-nav li{padding:5px 0;}
	.board-copyright{flex-wrap:wrap; padding:15px;}
	.board-copyright p{margin-top:10px;}

	.sub-eco .ico-box{flex-direction:column; align-items:center;}
	.sub-eco .ico-box p:not(:last-child){margin-right:0; margin-bottom:20px;}

	.sub-mapPreview .copper > .content .step{min-width:70px;}
	.sub-imgSlider .slider .slick-list{margin-left:0;}
	.sub-imgSlider .slider .slick-slide{margin-left:0;}
	.sub-imgSlider .slider .slick-slide img{margin:0 auto;}
	.sub-mapPreview .point .content p{width:calc(100% / 3);}
	.sub-mapPreview .point .content p:nth-child(n+4){margin-top:10px;}

	.sub-mapPreview.polar .point .content p{width:calc((100% - 10px) / 2);}
	.sub-mapPreview.polar .point .content p:not(:nth-child(2n)){margin-right:10px;}
	.sub-mapPreview.polar .point .content p:nth-child(n+3){margin-top:10px;}
	.sub-mapPreview.polar .point .content p:nth-child(2n){margin-right:0;}

	.sub-line-content{padding:20px 0;}

	.sub-imgbox-list > div{width:100%;}
	.sub-imgbox-list > div:nth-child(n+2){margin-top:20px;}
	.sub-imgbox-list div img{width:100%;}
	.sub-content-list{padding:20px 0;}
	.sub-content-list .list-wrap li{flex-wrap:wrap;}
	.sub-content-list .list-wrap li:not(:last-child){margin-bottom:15px;}
	.sub-content-list .list-wrap .txt{flex:none; width:100%; margin:5px 0 0;}

	.sub-introList > li:not(:last-child){margin-bottom:50px;}
	.sub-introList > li > .sub-introList__item,
	.sub-introList > li > .sub-photoList{width:100%;}

	.sub-map > .content{padding:20px;}
	.sub-mapPreview{padding:10px;}
	.sub-mapPreview .floor li{width:calc(100% / 2);}
	.sub-mapPreview .floor li:nth-child(n+3){margin-top:20px;}
	.sub-mapPreview.type3 .floor li:nth-child(n+3){margin-top:0;}
	.sub-mapPreview .floor li .green-num{margin-right:5px;}

	.ico-list{flex-wrap:Wrap;}
	.ico-list > span:not(:last-child){margin-right: 0;}

	.total-search__write{width:100%;}
	.total-search__write input[type="text"]{padding:0 20px;}
	.total-search__item.circleRadio label{min-width:calc(100% / 3);}

	.board-file > li{flex-direction:column; align-items:flex-start;}
	.board-write__item > li > .write-item{padding:10px;}
	.board-write__item > li > .write-item input[type="text"]{width:170px;}
	.board-write__item > li > .write-item .txt{line-height:1.2;}
	.board-write__item > li > .address input[type="text"]{width:60px;}
	.board-write__item > li > .address input[type="text"]:first-child{margin-right:5px;}
	.board-write__item > li > .phone input[type="text"],
	.board-write__item > li > .fax input[type="text"]{width:60px;}
	.board-write__item > li > .email input[type="text"]{width:50px;}
	.board-file label{width:100%;}
	.board-file__btn{margin-top:5px; margin-left:0;}

	.login-wrap{width:100%;}
	.climate-title p{font-size:17px; padding:0;}

	.sns-login a{padding:0 10px; background-position:right 10px center;}
	.join-process{flex-wrap:wrap;}
	.join-process li{min-width:50%;}
	.join-process li p{padding:0 15px 0 20px;}
	.join-process li:nth-child(2) a::after{display:none;}
	.join-content{padding:20px 10px;}
	.join-confirm a:before{min-width:80px; height:80px;}
	.board-write__title{flex-wrap:wrap; margin:0 0 20px;}
	.board-write__title .sub-title{width:100%; margin-bottom:10px !important;}

	.region .area{width:100%;}
	.graphWrap .diagram{padding:0;}

	.sub-spreadWrap .map{width:100%; overflow:auto;}
	.sub-spreadWrap .map img{max-width:none;}
	.btn-write.write{padding:0 40px 0 10px; background-position:right 10px center;}

	.facility-boxlist{flex-wrap:wrap;}
	.facility-boxlist li{width:100%; flex:none; min-height:auto;}
	.facility-boxlist li:not(:last-child){margin-right:0; margin-bottom:20px;}
	.facility-list li .num,
	.board-table2 .num{margin-right:2px;}

	.board-slider .slider-wrap .slider .slick-slide{height:455px;}
	.board-view2 .board-thumbnail{padding:10px;}
	.board-view2 .board-thumbnail{flex-wrap:wrap;}
	.board-view2 .board-thumbnail > a:nth-child(2n){margin:0;}
	.board-view2 .board-thumbnail > a:nth-child(2n+1){margin-right:10px;}
	.board-view2 .board-thumbnail > a:nth-child(n+3){margin-top:10px;}
	.board-view2 .board-thumbnail > a{width:calc((100% - 10px) / 2);}

	.board-view2.type2 .board-thumbnail > a{width:calc((100% - 15px) / 2);}
	.board-view2.type2 .board-thumbnail > a:not(:nth-child(4n)){margin-right:0;}
	.board-view2.type2 .board-thumbnail > a:not(:nth-child(2n)){margin-right:15px;}
	.board-view2.type2 .board-thumbnail > a:nth-child(n+3){margin-top:15px;}

	.info-listWrap .title{padding:10px;}

	.board-category__tab a{width:calc(100% / 2);}
	.board-category__tab a:nth-child(n+3){margin:10px 0 0;}
	.list-btnWrap a{padding:20px 0;}

	.board-view2.type2 .txt-wrap > .list-wrap > li .step p{width:calc((100% - 30px) / 3);}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:nth-child(4n){margin-right:10px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(3n)){margin-right:10px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(-n+3)){margin-top:10px;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .img-wrap .text{padding:0 10px;}

	.board-view2.type2 .txt-wrap > .list-wrap .list li{padding-left:17px; text-indent:-17px; line-height:1.4;}

	.sub-boxList2 > li .imgWrap{flex-wrap:Wrap;}
	.sub-boxList2 > li .imgWrap img{width:100%; margin-bottom:15px;}

	.sub-edit__ahead .chief{padding:10px; border-radius:50px;}
	.sub-edit__ahead .chief span{line-height:1.2;}
	.sub-edit__ahead .box .title{padding:10px; line-height: 1.2;}
	.pnie-title + .btnWrap{flex-wrap:wrap;}
	.pnie-title + .btnWrap a{width:100%; margin:5px 0 0 0 !Important;}
	.pnie-title + .btnWrap .sub-linkBtn.type3::after{margin-left:auto;}

	.img-list{flex-wrap:wrap; width:100%;}
	.img-list li{flex:none; width:100%;}
	.img-list li:not(:last-child){margin-right:0; margin-bottom:20px;}

	 /* 230623 add */
	 .btnItem_w .link{width: 100%;}

	 .list-leaf .ico-blank{margin-left:5px; font-size: 13px;}

	.div-cit1 > li{padding: 18px}
	.div-cit1 .ico img{width:100px}
}

@media screen and (max-width:375px){
	.search-tab a{min-width:calc(100% / 3);}
	.search-tab a:nth-child(4n){border-right:0;}
	.search-tab a:nth-child(4n + 1){border-left:0;}
	.search-tab a:nth-child(3n){border-right:1px solid #cdcdcd;}
	.search-tab a:nth-child(3n + 1){border-left:1px solid #cdcdcd;}
	.search-tab a:nth-child(n+4){margin-top:-1px;}

	.board-datepicker{padding:0 10px;}
	.board-datepicker input[type="text"]{width:105px;}
	.board-search__write input[type="text"]:not(.datepicker){width:calc(100% - 55px); padding:0 10px;}
	.board-view__list li.file .fileList{width:100%; margin:10px 0 0 15px;}

	.board-view2 .txt-wrap > .list > li,
	.board-imglist .txt-wrap > .list > li{flex-wrap:wrap;}
	.board-view2 .txt-wrap > .list > li .title,
	.board-imglist .txt-wrap > .list > li .title{margin:0;}
	.board-view2 .txt-wrap > .list li .txt,
	.board-imglist .txt-wrap > .list li .txt{width:100%; margin-top:5px;}
	.board-search select{min-width:calc((100% - 50px) / 2);}
	.board-search select:nth-of-type(2n){margin-right:0 !important;}

	.total-search__item .box.circleRadio label,
	.total-search__item .box.circleRadio label:not(:nth-of-type(2n)){margin-right: 0;}
	.total-search__item .box.circleRadio label:not(:nth-of-type(-n + 2)){margin-top:30px;}

	.board-write__item > li > .write-item input[type="text"]{width:140px;}
	.board-file label{width:135px;}
	.board-write-wrap{padding:15px 0;}
	.board-write__item > li > .write-item input[type="text"]{width:90px;}
	.board-write__item > li > .phone input[type="text"],
	.board-write__item > li > .fax input[type="text"],
	.board-write__item > li > .address input[type="text"]{width:45px;}
	.board-write__item > li > .email input[type="text"]{width:43%;}
	.board-write__item > li > .email .email-select{margin:5px 0 0; width:100%;}

	.barGraph{width:307px;}
	.barGraph canvas{width:307px !important; height:248px !important;}
	.barGraph::before{top:12px; left:0; width:213px; height:266px;}
	.board-category{padding:0;}

	.board-view2.type2 .txt-wrap > .list-wrap > li .step p{width:calc((100% - 15px) / 2);}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:nth-child(3n){margin-right:0;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(2n)){margin-right:0;}
	.board-view2.type2 .txt-wrap > .list-wrap > li .step p:not(:nth-child(-n+2)){margin-top:10px;}

	.board-search.type2 .board-search__write input[type="text"]:not(.datepicker){min-width:calc(100% - 90px);}
	.board-search.type2 .board-search__write button[type="submit"] + .btn-reset{padding:0;}

	/* eng */
	.eng .ico-list > span{flex-direction:column; justify-content:center;}
	.eng .ico-list > span:not(:last-child){margin-bottom:20px;}

	/* 230623 add */
	.p_info_list .dot-list > li{flex-direction: column;}
	.bus_process > li{width: 100%; border-right: none;}
	.bus_process > li:after{display: none !important;}
}


/* 241126 add */
.director_text{word-break : keep-all; margin-bottom: 30px;}
.director_text span{background: url("/resources/nie/images/sub/director_icon.png") no-repeat right bottom; padding-right: 30px; word-break : keep-all;}
.director_text, .director_text > *{font-size: 30px; font-weight: 700; font-family: 'jalnan';}
.director_text + .board-tab{margin-bottom: 0;}
.director_text + .board-tab a{height: 50px;}
.board-tab.type3{}
.board-tab.type3 a{background-color: #fff; }
.board-tab.type3 a.active{background-color: #037a4e; color: #fff;}
.board-tab.type3 a:nth-child(1) {border-radius: 0 0 0 25px;}
.board-tab.type3 a:last-child {border-radius: 0 25px 0 0;}
/* //241126 add */









@media (max-width: 1200px) {
	.board-tab[class*=tabCol-] a { width: 25%; }
	.board-tab.tabCol-5 a:not(.active):nth-child(5n) { border-right-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(4n) { border-right-width: 1px; }
	.board-tab.tabCol-5 a:not(.active):nth-child(5n+1) { border-left-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(4n+1) { border-left-width: 1px; }
}
@media (max-width: 1024px) {
	.board-tab[class*=tabCol-] a { width: calc(100% / 3); }
	.board-tab.tabCol-5 a:not(.active):nth-child(4n) { border-right-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(3n) { border-right-width: 1px; }
	.board-tab.tabCol-5 a:not(.active):nth-child(4n+1) { border-left-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(3n+1) { border-left-width: 1px; }
}
@media (max-width: 768px) {
	.board-tab[class*=tabCol-] a { margin-top: 0; }
	.board-tab[class*=tabCol-] a:nth-child(3n) { border-top: 0; }
	.board-tab[class*=tabCol-] a:nth-child(3n + 1)::after { display: block; }
}
@media (max-width: 640px) {
	.board-tab[class*=tabCol-] a { width: 50%; }
	.board-tab[class*=tabCol-] a br { display: none; }
	.board-tab.tabCol-5 a:not(.active):nth-child(3n) { border-right-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(2n) { border-right-width: 1px; }
	.board-tab.tabCol-5 a:not(.active):nth-child(3n+1) { border-left-width: 0; }
	.board-tab.tabCol-5 a:not(.active):nth-child(2n+1) { border-left-width: 1px; }
}