@charset "utf-8";

/* layout */
body.b-hid{overflow:hidden;}
.animate{-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
body>.wrap{position: relative;}
.wrap{overflow:hidden;display:flex;flex-direction: column;min-height: 100vh;}
.bg-dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:200;}
.eg-wrap{position:relative;border-bottom:1px solid #ddd;padding:5px 20px 5px 20px;background:#fafafa;z-index:300;}
.eg-wrap span{color:#666;background:url(../images/common/eg_logo.png) no-repeat 0 50%;padding-left:50px;}
img.fit-contain{object-fit: contain !important;}
img.fit-cover{object-fit: cover !important;}
.header-wrap{position:relative;min-height:100px;border-bottom:1px solid #dcdcdc;background:#fff;padding:0 10px;overflow:hidden; z-index:300;}
.header-wrap.all-menu-open{z-index: inherit;}
.header-wrap.all-menu-open #header .util{z-index:inherit;}
.header-wrap.search{overflow:hidden;}
.header-wrap.active{overflow:visible;}
.header-wrap.active:after{content:"";position:absolute;left:0;top: 101px;width:100%;min-height:330px;background-color: #fff;box-shadow:0 6px 4px rgba(0, 0, 0, 0.05);z-index:200;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;}
.header-wrap.active.gnb-style1 #gnb .depth02 .inner > ul > li{border-bottom:1px solid #dcdcdc;}
.header-wrap.active.gnb-style1 #gnb .depth02 .inner > ul > li:nth-child(5){clear:both;height:120px;border-left:1px solid #dcdcdc;border-bottom:none;}
.header-wrap.active.gnb-style1 #gnb .depth02 .inner > ul > li.bg:nth-child(5):after{height:118px;}
.header-wrap.active.gnb-style1:after{min-height:450px;}
.header-wrap.active.gnb-style3:after, .header-wrap.active.gnb-style4:after{min-height:260px;}
.pc-web .header-wrap.active.gnb-style3 #gnb .depth02 ul li.bg:after, .pc-web .header-wrap.active.gnb-style4 #gnb .depth02 ul li.bg:after{height:260px;}
.pc-web .header-wrap.active.gnb-style3 #gnb .depth02 .inner > ul > li, .pc-web .header-wrap.active.gnb-style4 #gnb .depth02 .inner > ul > li{height:260px;}
.header-wrap.active.gnb-style5:after{min-height:300px;}
.header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li{border:1px solid #dcdcdc;border-top:none;border-left:none;}
.header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li:nth-child(4){border-right:none;}
.header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li:nth-child(n+1):nth-child(-n+4){height:150px;}
.pc-web .header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li.bg:nth-child(n+1):nth-child(-n+4):after{height:150px;}
.header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li:nth-child(n+5):nth-child(-n+8){height:150px;border-bottom:none;}
.pc-web .header-wrap.active.gnb-style5 #gnb .depth02 .inner > ul > li.bg:nth-child(n+5):nth-child(-n+8):after{height:150px;}
.header-wrap.active.gnb-style6:after{min-height:670px;}
.header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li{border:1px solid #dcdcdc;border-top:none;border-left:none;}
.header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li:nth-child(4), .header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li:nth-child(8){border-right:none;}
.pc-web .header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li:nth-child(n+1):nth-child(-n+4){height:335px;}
.pc-web .header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li.bg:nth-child(n+1):nth-child(-n+4):after{height:335px;}
.pc-web .header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li:nth-child(n+5):nth-child(-n+8){height:335px;border-bottom:none;}
.pc-web .header-wrap.active.gnb-style6 #gnb .depth02 .inner > ul > li.bg:nth-child(n+5):nth-child(-n+8):after{height:335px;}

.header-wrap.search .util:after{content:"";position: absolute;top: -30px;left: -1500%;width: 2000%;height:100px;background:rgba(0, 0, 0, 0.5);z-index:100;}
#header:after{content: "";position: absolute;right: -74px;top: 101px;width: 25px;height: 230px;border-radius: 20px;border: solid 7px #f9b1b1;z-index:400;transform: rotate(-50deg);}
#header:before{content: "";position: absolute;right: 0;top: 101px;width: 20px;height: 240px;border-radius: 20px;border: solid 4px #64a2a1;z-index:400;transform: rotate(-50deg);}
#header{position:relative;max-width:1920px;min-height:100px;margin:0 auto;}
#header h1{display:inline-block;position:absolute;top:22px;left:0;z-index:100;}
#header h1 a{display:block;position:relative;text-indent:-9999px;}
#header h1 a:after{content:"";position:absolute;top:0;left:0;background:url(../images/common/logo.png) no-repeat 0 0;width:206px;height:56px;}
#header h1 img{width:206px;}
#header .util{position:absolute;right: 50px;top:30px; z-index:200;/* width: 240px; */}
#header .util:after{content:"";display:block;clear:both;}
#header .util .link{float:left;display:inline-block;margin:0 20px 0 0;vertical-align:middle;line-height:32px;}
#header .util .link a{font-weight:bold;}
#header .util .search-open{float:left;display:inline-block;margin:0 5px 0 0;}
#header .util .search-open button{width:50px;min-height:34px;border:2px solid #dcdcdc;vertical-align:middle;border-radius:17px;background:#f8f8f8 url(../images/common/icon-search.png) no-repeat 50% 50%;background-size:16px auto;vertical-align:top;text-indent:-9999px;}
#header .util .search-detail{float:left;display:inline-block;margin:0 5px 0 0;}
#header .util .search-detail button{display:inline-block;width:50px;min-height:34px;border:2px solid #065c41;vertical-align:middle;border-radius:17px;background:#065c41 url(../images/common/icon-search-detail.png) no-repeat 50% 50%;background-size:16px auto;text-indent:-9999px;}
#header .util .top-search-form{display:none;position:absolute;right:87px;top: -8px;height:50px;width:240px;background: #fff;border-radius: 30px;padding:12px 10px 10px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);z-index:1100;}
#header .util .top-search-form input[type="text"]{height:26px;width:184px;border:none;font-size:12px;color:#444;vertical-align:top;}
#header .util .top-search-form button{width:26px;height:26px;background:url(../images/common/icon-search.png) no-repeat 50% 50%;background-size:16px auto;vertical-align:top;text-indent:-9999px;}
#header .util .top-search-form .search-close a{position:absolute;top:10px;right:-38px;width:32px;height:32px;background:#000 url(../images/common/icon-close-white.png) no-repeat 50% 50%;background-size:13px;border-radius:100%;text-indent:-9999px;}
#header .util .top-search-form form{display:inline-block;width:calc(100% - 44px);}
#header .site-lang{position:relative;float:left;width:80px;min-height:34px;border:2px solid #dcdcdc;vertical-align:middle;border-radius:17px;z-index:100;background:#f8f8f8;margin:0 5px 0 0;}
#header .site-lang a{display:block;font-size:14px;color:#333;line-height:26px;padding:2px 0 0 2px;text-align:center;}
#header .site-lang:hover{background:#fff;border:2px solid #5575be;}
#header .site-lang p{position:relative;}
#header .site-lang p:after{display:none;content:"";position:absolute;top:10px;right:14px;border-top:2px solid #5575be;border-right:2px solid #5575be;width:5px;height:5px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);z-index:100;} 
#header .site-lang.active{border-radius:5px;background:#fff;border-color:#0b2052;}
#header .site-lang.active p:after{top:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#header .site-lang ul{display:none !important;border-top:1px solid #dcdcdc;}
#header .site-lang ul li:last-child{border-top:1px solid #dcdcdc;}
#header .site-lang ul li:hover a{background:#eaeaea;color:#212121;}

#gnb{width:100%;max-width:1400px;margin:0 auto;}
#gnb > ul{margin:0 auto;padding:40px 0 0 0;text-align:center;}
#gnb > ul:after{content:"";display:block;clear:both;}
#gnb > ul > li{display:inline-block;margin:0 30px;}
#gnb > ul > li > a{position:relative; font-family: gmarketsans;font-size:23px;letter-spacing:-0.05px;color:#000;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
#gnb > ul > li.active > a:before{content:"";position:absolute;bottom:-35px;left:-10px;width:100%;height:4px;padding:0 10px;background:#31a580;border-radius: 10px;z-index: 100;}
#gnb > ul > li.active .depth02{display:block;}
#gnb > ul > li.active > a{color:#31a580;}
#gnb .depth02{position:absolute;top:101px;left:0;z-index:300;text-align:left;width:100%;margin: 0 auto;}
#gnb .depth02 ul:after{content:"";display:block;clear:both;}
#gnb .depth02 ul li{float:left;width:25%;}
.pc-web #gnb .depth02 ul li.bg{position:relative;}
.pc-web #gnb .depth02 ul li.bg:after{content:"";width:100%;height:330px;position:absolute;top:0;left:0;background:#f8f8f8;z-index:-1;}
#gnb .depth02 .inner > ul > li{height:330px;padding:30px 20px 30px 30px;border-right:1px solid #dcdcdc;}
#gnb .depth02 .inner > ul > li:nth-child(1){border-left:1px solid #dcdcdc;}
#gnb .depth02 .inner > ul > li > a{display:block;position:relative;font-size:20px;color:#000;letter-spacing:-0.5px;margin:0 0 25px 0;}
#gnb .depth02 .inner > ul > li > a:hover, #gnb .depth02 .inner > ul > li > a:focus{text-decoration:underline;color:#31a580;}
.pc-web #gnb .depth03{display:block !important;}
#gnb .depth03 ul li{float:none;width:100%;}
#gnb .depth03 ul li a{display:inline-block;margin:0 0 19px 0;font-size:16px;color:#666;}
#gnb .depth03 ul li.active a{font-weight:700;color:#31a580;position:relative;text-decoration:underline;}
#gnb .depth02 .inner{position:relative;max-width:1400px;width:100%;display:table;margin: 0 auto;}
#gnb .depth02 .inner:after{content: "";position: absolute;bottom:156px;right:-90px;width:21px;height:21px;background:#c8e9f2;border-radius: 100%;}
#gnb .depth02 .inner:before{content: "";position: absolute;bottom:60px;right:-70px;width: 87px;height: 87px;border: solid 10px #c8e9f2;border-radius: 100%;}
#gnb .depth02 .menu-description{position:relative;width: 21%;display:table-cell;padding:142px 0 0 0;vertical-align:top;background-image:url(../images/common/icon-description01.png);background-repeat:no-repeat;background-position:0 40px;}
#gnb .depth02 .menu-description:after{content:"";position:absolute;bottom:0;right:170px;width:310px;height:113px;background-image:url(../images/common/icon-description-bg01.png);background-repeat:no-repeat;background-position:0 0;z-index:-1;}
#gnb .depth02 .menu-description + ul{display:table-cell;width: 79%;}
#gnb .depth02 .menu-description .text01{font-size:50px;font-weight:300;font-family:gmarketsans;letter-spacing:-0.15px;}
#gnb .depth02 .menu-description .text02{font-size:20px;color:#666;letter-spacing:-0.06px;}
#gnb ul > li:nth-child(1) .menu-description{background-image:url(../images/common/icon-description01.png);}
#gnb ul > li:nth-child(2) .menu-description{background-image:url(../images/common/icon-description02.png);}
#gnb ul > li:nth-child(3) .menu-description{background-image:url(../images/common/icon-description03.png);}
#gnb ul > li:nth-child(4) .menu-description{background-image:url(../images/common/icon-description04.png);}
#gnb ul > li:nth-child(5) .menu-description{background-image:url(../images/common/icon-description05.png);}
#gnb ul > li:nth-child(6) .menu-description{background-image:url(../images/common/icon-description06.png);}
.header-wrap.gnb-style5 #gnb .depth03 ul li{float:left;width:50%;}

#header .mobile-util{display:none;}
#header .mobile-menu-btn{display:none;}
#header .mobile-close{display:none;}
#header .mobile-search-btn{display:none;}
#header .mobile-search-detail{display:none;}

.breadcrumb {width:100%;position: relative;}
.breadcrumb_in { min-height: 45px;border-bottom:1px solid #EBEBEB;max-width: 1400px;margin:0 auto;display: flex; justify-content: center; align-items: start; flex-direction: column;width: 100%; overflow-x: auto;}
.breadcrumb_in::-webkit-scrollbar {}
.breadcrumb:before {display: block; content:''; width:30px; height: 30px; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(225,225,225,0)); position: absolute; top:50%; left: 0px; transform: translateY(-50%);z-index: 2;}
.breadcrumb:after {display: block; content:''; width:35px; height: 30px; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) ); position: absolute; top:50%; right: 0px; transform: translateY(-50%);z-index: 2;}
.breadcrumb ol{max-width:1200px; white-space: nowrap;}
.breadcrumb ol li{position:relative;display:inline-block;padding:0 0 0 14px;margin:0 0 0 9px;line-height:16px;background-repeat: no-repeat;background-position:left center;}
.breadcrumb ol li:nth-child(1){width:20px;height:20px;margin:0;padding:0;background:url(../images/renew24/common/ico_home.png) no-repeat 50% 50%;background-size:13px auto;}
.breadcrumb ol li {background-image:url(../images/renew24/common/home_arr.png);background-size:4px auto;}
.breadcrumb ol li:nth-child(2) {background: none;margin-left: 0;padding-left: 10px;}
.breadcrumb ol li a{/* font-size:13px; +4px */font-size: 17px;color:#555;}
.breadcrumb ol li.dot i{display:inline-block;width:3px;height:3px;margin:0 3px;background:#737373;vertical-align:middle;border-radius:100%;}
.breadcrumb ol li:nth-child(1) a{display:block;height:20px;line-height:20px;text-indent:-9999px;}
#container{flex-grow:1;overflow:visible;} 
.breadcrumb ol li:nth-child(1) a:after{background:none;}
.breadcrumb ol li:last-child a {font-weight: bold;color:#222;}
@media (min-width: 0) and (max-width: 1440px) {
    .breadcrumb {
        padding: 0 20px;
    }
}

.contents-wrap{display:flex;flex-direction:row;max-width:1400px;margin:56px auto 80px;padding:0 15px;}
.aside-wrap{flex-shrink: 0;width:260px;margin:0 40px 0 0;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.aside-wrap h3 {position:relative;width: 100%;border-radius: 0 30px 30px 30px;color:#fff;/* font-size: 35px; +4px */font-size: 39px;   padding: 25px 0 0 16px;height: 124px;}
.aside-wrap.dm1 h3 {background: url(../images/renew24/common/bg_top_menu01.png) no-repeat right 19px bottom 19px #4694E5; background-size: 60px auto;}
.aside-wrap.dm2 h3 {background: url(../images/renew24/common/bg_top_menu02.png) no-repeat right 19px bottom 19px #0D5DAF;
background-size: 60px auto;}
.aside-wrap.dm3 h3 {background: url(../images/renew24/common/bg_top_menu03.png) no-repeat right 19px bottom 19px #288264;
background-size: 60px auto;}
.aside-wrap.dm4 h3 {background: url(../images/renew24/common/bg_top_menu04.png) no-repeat right 19px bottom 19px #7C5CD3;
background-size: 60px auto;}
.aside-wrap.dm5 h3 {background: url(../images/renew24/common/bg_top_menu05.png) no-repeat right 19px bottom 19px #0E9081;
background-size: 60px auto;}

.aside-wrap .aside > ul > li{overflow:hidden;position:relative;border-bottom:1px solid #e2e2e4;}
.aside-wrap .aside > ul > li.aside-bg:after{content:"";position:absolute;top:28px;right:20px;border-top:2px solid #5C58AC;border-right:2px solid #5C58AC;width:5px;height:5px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);z-index:100;} 
.aside-wrap .aside > ul > li.aside-bg.active:after{top:31px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.aside-wrap .aside > ul > li > a{position:relative;display:block;height: 64px;line-height: 64px;font-size:20px;color:#222222;font-weight: bold;}
.aside-wrap .aside > ul > li.active> a{color:#5C3EAD;font-weight:bold;}
.aside-wrap .aside > ul > li.active > ul{height:auto;display:block;}
.aside-wrap .aside > ul > li > ul{display:none;padding:24px;background:#F7F8FB;border-radius: 10px;}
.aside-wrap .aside > ul > li > ul li a:after{content:"";position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:100%;background:#666;}
.aside-wrap .aside > ul > li > ul li a{position:relative;display:block;padding-bottom:13px;/* font-size:13px; +4px */font-size: 17px;color:#666;padding-left: 8px;}
.aside-wrap .aside > ul > li > ul li:last-child a {padding-bottom: 0;}
.aside-wrap .aside > ul > li > ul li.active a{color:#5C3EAD;}
.aside-wrap .aside > ul > li > ul li.active a:before{background:#5C3EAD;}
.aside-wrap .aside > ul > li > a[target="_blank"]:after{content:"";position:absolute;right:13px;top:21px;background:url(../images/common/icon-link.png) no-repeat 50% 50%;width:20px;height:20px;background-size:16px auto;}
.all-menu-wrap .all-menu-link ul a[target="_blank"]:after, #gnb .depth02 .inner > ul > li > a[target="_blank"]:after{content:"";position:absolute;margin-left:10px;background:url(../images/common/icon-link.png) no-repeat 50% 50%;width:20px;height:20px;background-size:16px auto;}
.search-detail-pop select, .search-detail-pop input[type="text"]{width:100%;font-weight:400;font-size:14px !important;}
.search-detail-pop {font-size:14px !important;}
.contents a.link-ico{position:relative;display:inline-block;overflow:hidden;border:1px solid #ccc;text-decoration:none;background:#fff;border-radius:5px;padding:8px 60px 8px 20px}
.contents a.link-ico[target="_blank"]:after{content:"";position:absolute;right:0;top:0;background:#0b2052 url(../images/common/icon-link02.png) no-repeat 50% 10px;width:40px;height:42px;}
.contents{flex-grow: 1;max-width:1070px;overflow:hidden;}
.contents a{text-decoration:underline;}
.contents > *{letter-spacing:-0.4px;}
.page-info{display:flex;justify-content: space-between;padding:0 0 20px 0;margin:0 0 30px 0;border-bottom:1px solid #282828;}
.page-info .page-title{/* font-size:30px; +4px */font-size: 34px;font-weight:bold;font-family: 'Pretendard';color:#000;margin:0 0 3px 0;}
.page-info dl{display:inline-block;position:relative;padding:0 0 0 28px;margin:0 0 0 25px;}
.page-info div h4 + dl:nth-child(2){margin:0;padding:0;margin-top:8px;}
.page-info div h4 + dl:nth-child(2):after{background:none;}
.page-info dl:after{content:"";position:absolute;top:5px;left:0;width:1px;height:11px;background:#7d7d7d;transform:rotate(20deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);}
.page-info dl dt{display:inline-block;/* font-size:13px; +4px */font-size: 17px;color:#737373;margin-right: 4px;}
.page-info dl dd{display:inline-block;/* font-size:13px; +4px */font-size: 17px;color:#737373;}
.page-info .etc-info{position:relative;margin:0 0 10px 0;}
.page-info .etc-info:after{content:"";display:block;clear:both;}
.page-info .etc-info span{float:left;height:50px;}
.page-info .etc-info span a{display:inline-block;height:50px;width:50px;border:1px solid #EBEBEB; border-right:none;text-indent:-9999px;}
.page-info .etc-info span .btn-share{background:url(../images/renew24/common/top_sub_share.png) no-repeat center center / 17.25px auto;}
.page-info .etc-info span .btn-copy{background:url(../images/renew24/common/top_sub_copy.png) no-repeat center center / 14.5px auto;}
.page-info .etc-info span .btn-print{background:url(../images/renew24/common/top_sub_print.png) no-repeat center center / 17.75px auto;}
.page-info .etc-info span:first-child{}
.page-info .etc-info span:last-child a {border-right:1px solid #EBEBEB}
.page-info .share-list{position:absolute;left:-24px;top:52px;background:#fff;border:1px solid #dcdcdc;padding:10px 38px 10px 10px;display:none;z-index: 300;}
.page-info .share-list span{border-radius:0 !important;}
.page-info .share-list ul{height:24px;}
.page-info .share-list ul li{display:inline-block;margin:0;}
.page-info .share-list ul li a{display:inline-block;width:24px;height:24px;}
.page-info .share-list .sns-icon01 a{background:url(../images/common/icon-sns05.png) no-repeat 50% 50%;background-size:cover;border-radius:100%;}
.page-info .share-list .sns-icon02 a{background:url(../images/common/icon-sns06.png) no-repeat 50% 50%;background-size:cover;border-radius:100%;}
.page-info .share-list .sns-icon03 a{background:url(../images/common/icon-sns07.png) no-repeat 50% 50%;background-size:cover;border-radius:100%;}
.page-info .share-list .sns-icon04 a{background:url(../images/common/icon-sns08.png) no-repeat 50% 50%;background-size:cover;border-radius:100%;}
.page-info .share-list .share-close{position:absolute;right:10px;top:10px;display:inline-block;width:24px;height:24px;background:url(../images/common/icon-close.png) no-repeat 50% 50%;background-size:17px;}
.footer-wrap{width:100%;height:250px;background:#f1f3f4;border-top:1px solid #d9dbdc;padding:0 20px;}
.footer-wrap > *{letter-spacing:0;}
#footer{max-width:1200px;margin:0 auto;}
#footer .footer-top{position:relative;height:98px;padding:38px 0 0 0;}
#footer .footer-bottom{position:relative;}
#footer .footer-logo{display:inline-block;vertical-align:top;margin:10px 0 20px 0;}
#footer .footer-info{font-size:14px;color:#404040;width:calc(100% - 480px)}
#footer .footer-info address{font-style:normal;margin:0 0 10px 0;font-weight:500;}
#footer .footer-info address span{color:#333;margin:0 18px;}
#footer .footer-info .copyright{font-size:14px;color:#404040;}
#footer .footer-etc-wrap{position:absolute;top:10px;right:0;} 
#footer .footer-etc-wrap .mark{margin:17px 0 0 0;text-align:right;}
#footer .footer-sns li{display:inline-block;margin:0 0 0 5px;}
#footer .footer-sns li img{max-width:40px;border-radius:5px;}
.footer-link-wrap{position:absolute;right:0;top:28px;border:none}
#footer .footer-util li{position:relative;display:inline-block;margin:0 0 0 20px;padding:0 0 0 25px;}
#footer .footer-util li:nth-child(1){margin:0;padding:0;}
#footer .footer-util li:nth-child(1):after{display:none;}
#footer .footer-util li:nth-child(2) a{color:#212121;text-decoration:underline;font-weight:500;}
#footer .footer-util li:after{content:"";position:absolute;left:0;top:3px;width:1px;height:14px;background:#cccdce;}
#footer .footer-util li a{font-size:14px;color:#404040;}
#footer .relate-site{position:relative;}
#footer .relate-site:after{content:"";display:block;clear:both;}
#footer .relate-site .relate-box{position:relative;margin-left:-1px;float:left;}
#footer .relate-box{display:inline-block;margin:0 0 0 2px;}
#footer .relate-box .btn{display:block;padding:0;margin:0;width:100%;height:38px;background:#fbfbfb url(../images/common/relatesite-arrow02.png) no-repeat right 10px top 50%;border:1px solid #cccccc;}
#footer .relate-box .btn button{width:100%;height:100%;padding:0 0 0 15px;border:0;text-align:left;cursor:pointer;color:#828282;}
#footer .relate-box.open .btn{display:block;height:38px;border:1px solid #cccccc;background:#fbfbfb url(../images/common/relatesite-arrow01.png) no-repeat right 10px top 50%;}
#footer .relate-box .site-list {display:none;position:absolute;bottom:38px;left:0;width:240px;border:1px solid #cccccc;border-bottom:0;background:#fbfbfb;z-index:100;text-align:left;height:100px;overflow-y:auto;}
#footer .relate-box .site-list li a{display:block;line-height:22px;padding:10px 15px;font-size:15px;}
#footer .relate-box .site-list li a:hover, #footer .relate-box .site-list li a:focus{background:#2f2f2f;color:#fff;}
#footer .relate-box.open .site-list{display:block;}
#footer #relateSite01 .site-list{height:90px;}
#footer #relateSite02 .site-list{height:170px;}
#footer #relateSite03 .site-list{height:190px;width:260px;}
#footer #relateSite01{width:240px;}
#footer #relateSite02{width:240px;}
#footer #relateSite03{width:260px;}
#footer #relateSite01 .btn{border-radius:5px 0 0 5px;}
#footer #relateSite03 .btn{border-radius:0 5px 5px 0;}


/* etc */
.sm-blue-box{text-align:right;margin:10px 0 0 0;}
.sm-blue-box p{display:inline-block;padding:10px;border-radius:5px;background:  #f2f4f7;}
.text-with-down{overflow:hidden;border:1px solid #ccc;border-radius:5px;display: inline-block;margin: 5px 8px 5px 0;text-decoration: none !important;}
.text-with-down em {padding: 5px 10px 5px 10px;font-style:normal;display: inline-block;vertical-align: middle;min-width:130px;background:#fff;}
.text-with-down img{background:#5b41aa;padding: 10px;}
/* .ico-down{position:relative;display:inline-block;background:#0b2052;padding: 9px 11px;border-radius:5px;width:40px;height:40px;vertical-align:middle;} */
.ico-down {text-indent: -50000px;width: 30px;height: 30px;background:#5C3EAD url(../images/renew24/common/download.png) no-repeat center center / 12.75px auto;display: inline-block;border-radius: 4px;}
.ico-down>img {display: none;}
.sr-only {position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);}
.ellipsis{display: block;vertical-align: top;width: 100%; max-width:94%;text-overflow: ellipsis;  overflow: hidden;white-space: nowrap;word-wrap: normal !important;}
.box{background:#f2f4f7;border-radius:10px;padding:17px 22px;}
.box p{line-height:30px;}
.gray-box{background-color:#f2f4f7 !important;border-radius:5px;padding:20px;}
.gray-box.full{margin:0 -40px;}
.gray-box-list{background-color:#f8f8f8;border:1px solid #dcdcdc;padding:20px;margin:10px 0;}
.message-box{background-color:#f9f8ff;border-radius:20px;padding:24px 30px;margin-top: 10px;}
.message-box p{line-height:1.3;color:#000;font-size: 16px;}
.ko-intro-box{padding:40px 37px;margin:0 0 50px 0;background:#f2f4f7 url(../images/common/ko-bg.png) no-repeat 100% 50%;border-radius: 10px;}
.ko-intro-box p{font-size:20px;color:#1a48a5;font-weight:500;line-height:32px;}
.ko-intro-box p + p{font-size:18px;color:#666;margin-top:10px;line-height:28px;}
.ko-detail-con .tab-list{background:#fff;}
.ko-detail-con .tab-list a{font-size:15px;}
.ko-detail-con .tab-list.col5 li a span{height: 46px;}
.ko-text{letter-spacing:-1px;word-spacing:-1px;}
.ko-table a{text-decoration:none;}
.link-box{border:1px solid #ccc;margin:50px 0 20px 0;}
.link-box dl{display:flex;align-items: center;padding:14px 0;min-height:68px;}
.link-box dt{position:relative;padding:0 0 0 45px;width:200px;color:#212121;text-align:left;font-weight:bold;/* font-size: 22px; +4px */font-size: 26px;}
.link-box dt:after{content:"";position:absolute;right:0;top:4px;width:1px;height:20px;background:#ccc;}
.link-box dd{display: flex;align-items: center;padding-right: 20px;}
.link-box dd span{display:inline-block;vertical-align:middle;margin:0 0px 0 0;font-weight:500;color:#7d7d7d;padding:0 0 0 30px;}
.link-box dd a, .link-circle{display:inline-block;min-width:40px;width:40px;height:40px;background: url(../images/renew24/common/sub_link.png) no-repeat 50% 50% / 30px auto;border-radius:100%;vertical-align:middle;}
.link-box dd .btn-download{background:#5C3EAD url(../images/common/icon-download02.png) no-repeat 50% 50%;width:40px;padding:9px 0 0 0;margin-left: 5px;}
.img_box a, .link-circle02{display:inline-block;min-width:22px;width:22px;height:22px;margin-left: 5px; background: url(../images/renew24/common/sub_link02.png) no-repeat 50% 50% / 22px auto;border-radius:100%;vertical-align:middle; text-indent: -9999px;}

.link-box dl + dl{border-top:1px solid #ccc;}
.link-circle{text-indent:-9999px;margin:0 0 0 10px;}
.title-arrow {font-size: 26px;font-weight: bold;padding-left: 21px;background: url(../images/renew24/common/tit_arr.png) no-repeat left top 7px / 16px auto;margin-top: 50px;margin-bottom: 10px;}
.title-arrow em {font-size: 26px;font-weight: bold;color:#282828;}

.title-arrow + .list {margin-top: 20px;}
.title-arrow + .list-dot{margin-bottom:50px;margin-left:5px;margin-top: 10px;}
.title-arrow + .ml20.text-gray{margin-bottom:50px;}
.title-arrow em{font-style:normal;}
.title-arrow span{font-size:16px;color:#666;}
.title-arrow span.year-sel{font-size: 26px;font-weight: bold;color:#282828;}
.title-dot + .list-bar{margin:20px 0 50px;}
.title-dot{position:relative;padding:0 0 0 15px;font-size:18px;color:#212121;font-weight:500;margin:0 0 10px 20px;line-height:30px;}
.title-dot span{color:#7d7d7d;font-size:16px;}
.title-dot:after{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.title-dot + .list-bar{margin:0 0 20px 38px;}
.title-dot + .list-bar + .title-arrow{margin-top:50px;}
.title-dot + .title-arrow{margin-top:50px;}
.tbl-scroll-b + .title-arrow{margin-top:50px;}
.tbl-scroll-m + .title-arrow{margin-top:50px;}
.tbl-scroll-b + .gray-box{margin-top:50px;}
.tbl-scroll-b .table-view{margin-left:20px;}
.img-scroll{padding:20px 0;}
.img-scroll + .title-arrow{margin-top:50px;}
.gray-box + .title-arrow{margin-top:50px;}
.gray-box + .title-dot{margin-top:50px;}
.inner-contents .basic-text{margin-bottom:40px;}
.inner-contents .title-arrow + .basic-text{margin-bottom:40px;margin-left:20px;}
.img-scroll .basic-text02 + img{margin-top:40px;}
.text-gray{color:#7d7d7d;}
.text-black{color:#212121;}
.tab-list-wrap{margin:0 auto 20px;}
.inner-contents{margin:0 0px;}
.inner-contents.wide{margin:0;}
.tab-list.tab-mo{display:block !important;}
.tab-list li{-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.tab-title{display:none;}
.report-tab{margin:0 0 40px 0;}
.report-tab .tab-list{display:flex;flex-wrap: wrap;}
.report-tab .tab-list li{margin:0;margin:0.5% !important;width:10%;}
.report-tab .tab-list li span{padding:0 !important;}
.both-contents.gmp{align-items:end;margin:0 0 50px 0;}
.table-view td .list-bar{margin:0;}
.table-view td .list-bar > li{margin-bottom:0;}
.table-view td .list-bar.use-mb > li{margin-bottom:5px;}
.table-view td .list-bar.use-mb > li:last-child{margin-bottom:0;}
.table-view td .list-dot.use-mb > li{margin-bottom:5px;}
.table-view td .list-dot.use-mb > li:last-child{margin-bottom:0;}
.table-view.report-list td{color:#333;}
.table-view.report-list td:first-child{text-align:left}
.table-view.report-list tr:nth-child(2n ) td{background:#f8f8f8;}
.table-view.koges-tbl th{position:relative;text-align:left;padding-left:40px;}
.table-view.koges-tbl th:after{content:"";position:absolute;top:50%;left:10px;margin-top:-10px;width:20px;height:20px;background:#df675c;border-radius: 100%;}
.table-view.koges-tbl th.type01{color:#df675c;}
.table-view.koges-tbl th.type02{color:#983e00;}
.table-view.koges-tbl th.type02:after{background:#983e00;}
.table-view.koges-tbl th.type03{color:#3291b4;}
.table-view.koges-tbl th.type03:after{background:#3291b4;}
.table-view.koges-tbl th.type04{color:#207116;}
.table-view.koges-tbl th.type04:after{background:#207116;}
.table-view.koges-tbl th.type05{color:#888a8d;}
.table-view.koges-tbl th.type05:after{background:#888a8d;}
.table-view.koges-tbl th.type06{color:#d84328;}
.table-view.koges-tbl th.type06:after{background:#d84328;}
.table-view.koges-tbl td{text-align: left;}
.table-view.koges-tbl td ul li{display:inline-block;margin:5px 10px;}
.table-view td.tbl-arrow{position:relative;}
.table-view td.tbl-arrow:after{content:"";position:absolute;bottom:-20px;margin-left:-20px;left:50%;width:40px;height:40px;background:url(../images/common/icon-arrow-tbl.png) no-repeat 50% 100%;z-index:100;}
.table-view td.bg-gray{background:#f8f8f8;}
.koges-workshop{margin:0 0 20px 0;border-radius: 5px;box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);border: solid 1px rgba(0, 0, 0, 0.1);}
.koges-workshop table{border:none;}
.koges-workshop .tbl-scroll-m{margin:0 !important;}
.koges-workshop .table-view table td{border-top:none;border-bottom:none;vertical-align:top;}
.koges-workshop .table-view table td:nth-child(1){padding:0;}
.koges-workshop .table-view table td ul li:first-child{border-top:none;}
.koges-workshop .table-view table td > ul > li{border-top:1px solid #dcdcdc;position:relative;color:#212121;font-weight:500;padding:9px 0 5px 15px;}
.koges-workshop .table-view table td > ul > li:after{top:17px;}
.koges-workshop .table-view table td ul li .koges-file{position:absolute;right:9px;top:14px;display: flex;gap: 5px;}
.koges-workshop .table-view table td ul li .koges-file a img {width: 30px;height: 30px;}
.koges-workshop .table-view table td.align-left{padding:30px 40px 20px 40px;}
.koges-workshop .table-view table td ul li ul li{font-size:14px;color:#7d7d7d;}
.koges-workshop .table-view table td ul li ul li{font-size:14px;color:#7d7d7d;}
.koges-workshop .table-view table td .title-arrow + .list-dot{margin-bottom:0;}
.basic-text{color:#7d7d7d;}
.target-box{margin:0 0 20px 0;}
.target-box p a{display:inline-block;padding:10px 48px 9px 20px;background:#0b2052 url(../images/common/icon-link02.png) no-repeat right 20px top 12px;color:#fff;font-size:18px;border-radius:5px;text-decoration:none;}
.zip-down{display:inline-block; background:url(../images/common/icon-zip.png) no-repeat left top; font-size:0px !important; width:25px; height:23px; vertical-align:middle; margin-left:5px;}

@keyframes showItem {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

.stagger-item {
  animation: showItem 0.5s;
  animation-fill-mode: both;
}


/* all-menu */
#header .all-menu-btn{/* float: left; */position:absolute;top:28px;right: 0px;width:40px;height:40px;}
#header .all-menu-btn button:before{content:"";position:absolute;top:6px;left:6px;width:26px;height:19px;border:3px solid #212121;border-left:none;border-right:none;}
#header .all-menu-btn button:after{content:"";position:absolute;top:16px;left:10px;width:26px;height:3px;background:#212121;}
#header .all-menu-btn button{text-indent:-9999px;display:block;width:40px;height:40px;position: relative;}
.wrap-layer-popup.all-menu-layer > .inner-layer-popup{max-width:1200px;width:100%;height:730px;}
.wrap-layer-popup.all-menu-layer .btn-layer-close{right:15px;}
.all-menu-wrap .all-menu-link{overflow:hidden;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.all-menu-wrap .all-menu-link > div{overflow-y:auto;height:660px;}
.all-menu-wrap .all-menu-link > div > ul{display:flex;flex-wrap:wrap;}
.all-menu-wrap .all-menu-link > div > ul > li{width:28%;margin:0 2%;}
.all-menu-wrap .all-menu-link ul a{display:block;position:relative;color:#212121;border-bottom: 1px dashed #ccc;padding: 0 0 10px 0;}
.all-menu-wrap .all-menu-link > div > ul > li > a{font-size:20px;border-bottom:2px solid #31a580;padding:10px 10px 10px 0}
.all-menu-wrap .all-menu-link > div > ul > li ul li{margin:10px 5px;}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li > ul{margin:10px 0;}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li > ul > li >a{position:relative;font-size:14px;margin:10px 0 10px 10px;}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li > ul > li >a:before{content:"-"; }
.all-menu-close a{position:absolute;top:15px;right:15px;z-index:1500;width:34px;height:34px;}
.all-menu-close a img{vertical-align:middle;transform:rotate(0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;transform:rotate(0);}
.all-menu-close:hover a img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}

/* 상세검색 */
.search-detail-wrap{display:none ;}
.search-detail-wrap.active{display:block ;}
.search-detail-con{overflow:hidden;max-width:1000px;margin:180px auto;z-index:300;position:fixed;top:0;left:50%;/*padding:0 5%;*/margin-left:-500px;width:100%;}
.search-detail-close a{position:absolute;top:52px;right:0;z-index:1500;width:34px;height:34px;}
.search-detail-close a img{vertical-align:middle;transform:rotate(0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}
.search-detail-close:hover a img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.search-detail-close a{width:20px;height:20px;}
.modal{display:none;position:fixed;top: 50%;left:50%;z-index:3;width:50%;padding:24px;background-color:#fff;border-radius:4px;transform:translate(-50%, -50%)}
.modal-overlay{display:none;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;background-color:#000;opacity:0.5}
h1{margin-top:0}
.field{display:inline-block}
label{display:block;margin-bottom:4px}
/* about */
.nih-leader-wrap{margin:0 auto;padding: 40px 50px;border-radius: 10px;background:#fff;}
.nih-leader-wrap .leader-section{position:relative;height: 200px;padding:20px;padding-bottom: 28.5px;border-radius: 10px;background-color: #fff;}
.nih-leader-wrap a{display:block;width:435px;text-decoration: none;}
.nih-leader-wrap .leader-section .img{overflow:hidden;width:215px;margin:0 30px 0 0;border-radius:10px;}
.nih-leader-wrap .leader-section .img img{width: 100%;}
.nih-leader-wrap .leader-section{display:flex;position:relative;}
.nih-leader-wrap .leader-section.leader01{display:block;text-align: center;}
.nih-leader-wrap .leader-section.leader01:before{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% - 4px);height: calc(100% - 4px);background:none;border-radius: 10px;}
.nih-leader-wrap .leader-section.leader01 span, 
.nih-leader-wrap .leader-section.leader03 span,
.nih-leader-wrap .leader-section.leader04 span, 
.nih-leader-wrap .leader-section.leader05 span {background: #5C58AC;}
.nih-leader-wrap .leader-section.leader02 span, 
.nih-leader-wrap .leader-section.leader06 span,
.nih-leader-wrap .leader-section.leader07 span, 
.nih-leader-wrap .leader-section.leader08 span {background: #007E6F;}

.nih-leader-wrap .leader-section.leader01 span,
.nih-leader-wrap .leader-section.leader02 span {margin: 0 auto;}

.nih-leader-wrap .leader-section span {width: 151px;height: 44px;line-height: 44px;font-size: 13px;font-weight: bold;color:#fff;text-align: center;border-radius: 5px;display: inline-block;}
.nih-leader-wrap .leader-section.leader01 .text-wrap,
.nih-leader-wrap .leader-section.leader02 .text-wrap {margin-top: 17px;}
.nih-leader-wrap .leader-section.leader02{display:block;text-align: center;}
.nih-leader-wrap .leader-section.leader02:before{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% - 4px);height: calc(100% - 4px);background:none;border-radius: 10px;}
.nih-leader-wrap .leader-section.leader01 .text-wrap,
.nih-leader-wrap .leader-section.leader01 .text-wrap {width: 215px;}
.nih-leader-wrap .leader-section .text-wrap{width:calc(100% - 185px);display:flex;flex-direction:column;justify-content:center;}
.nih-leader-wrap .leader-section .text-wrap .text01{font-size:16px;font-weight:500;line-height:26px;color:#666666;margin:0 0 12px 0;white-space: nowrap;}
.nih-leader-wrap .leader-section .text-wrap .text02{font-size:30px;font-weight:900;color:#222;white-space: nowrap;}
.nih-leader-wrap > ul > li{position:relative;z-index:100;padding:0 0 50px 0;}
.nih-leader-wrap > ul > li:last-child{margin:0;margin-top: 60px;}
.nih-leader-wrap > ul > li > a{margin:0 20px 0 0;}
.nih-leader-wrap ul > li > ul > li{margin:0 0 0 0; border-bottom:1px solid #DEDEDE;}
.nih-leader-wrap ul > li > ul > li .leader-section .img {width: 149px;}
.nih-leader-wrap ul > li > ul > li:last-child{margin:0;}
.nih-leader-wrap ul > li > ul{position:relative;}
.nih-leader-wrap ul li{display:flex;justify-content: space-between;}
.introduce-box {position:relative;overflow:hidden;padding-bottom:45px;border-bottom: 1px solid #e6e6e6;}
.introduce-box.bottom{padding-bottom: 0;border-bottom: none;margin-top:50px;border-top:1px solid #ccc;padding-top:50px;}
/* .introduce-box .pic{float: right; width:35.234%;height:auto;margin-left: 3.5em; margin-bottom: 0.5em; z-index:100;} */
.introduce-box .pic{float: right; width:35.234%;height:auto;margin-left: 0; margin-bottom: 0.5em; z-index:100;}
.introduce-box.bottom .text01{width:100%;padding:10px;text-align: center;background: #eee;}
.introduce-box .text01{margin:0 0 25px 0;font-size:30px;line-height:38px;color:#222;width:calc(100% - 377px);}
.introduce-box .text02{margin:0 0 20px 0;font-size:24px;line-height:28px;color:#fff;width:calc(100% - 300px);}
.introduce-box .text03{font-size:18px;line-height:26px;color:#fff;width:calc(100% - 300px);}
.introduce-box .noti_txt {font-size: 18px; padding: 0; line-height: 1.67; letter-spacing: -0.54px; color: #222;}
.inner-contents .profile_box { display: flex;flex-wrap: wrap;gap:10px;}
.inner-contents .profile_box .profile {padding-top: 50px;}
.inner-contents.bottom {display: flex;gap: 10px;}
.inner-contents.bottom .pic {min-width: 20%;width: 250px;text-align: center;margin: 0 auto;}
.inner-contents.bottom .profile_box {width: 100%;}
.inner-contents.bottom .profile_box .profile {padding-top: 0;}
.inner-contents .profile_box .profile.left {width: 330px;}
.inner-contents .profile_box .profile.right dd ul {display: flex; flex-direction: column; flex-wrap: wrap; gap: 0 40px; }
.inner-contents .profile_box .profile dd{margin:0 0 20px 0;}
.inner-contents .profile_box .profile dd:last-child{margin:0;}
.inner-contents .profile_box .profile dt{margin:0 0 10px 0;font-size:18px;color:#222;font-weight:700;padding:0 25px; height: 31px;line-height: 31px;border-radius: 15.5px; border: solid 1px #222;display: inline-block;}
.inner-contents .profile_box .profile dd ul{margin:0 0 0 4px;}
.inner-contents .profile_box .profile dd ul li{position:relative;padding:0 0 0 10px;line-height:26px;font-size:16px;color:#222;margin:2px 0;}
.inner-contents .profile_box .profile dd ul li:after{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:100%;background:#222;}
.introduce-box.deputy{min-height:300px;word-break:keep-all;}
.introduce-box.deputy .pic{right:50px;top:auto;bottom:0;width:auto;height:auto;text-align:right;}
.introduce-box.deputy .pic img{width:266px;}
.introduce-box.history .title-arrow{background-image:url(../images/common/icon-gt02.png);color:#fff;}
.introduce-box.history .histroy-text01{margin:0 0 48px 20px;line-height:24px;color:#fff;letter-spacing:-0.5px;}
.deputy-sign{text-align:right;color:#0b2052;font-weight:700;line-height:24px;font-size:20px;}
.deputy-sign span{display:block;font-size:30px;line-height:36px;}

.profile-wrap > div{display:flex;justify-content: space-between;flex-wrap:wrap;margin:50px auto}
.profile-wrap > div div{width:33%;padding:0 0 0 20px;}
.profile-wrap > div div:nth-child(1) .text01{font-size:24px;font-weight:700;color:#0b2052;}
.profile-wrap > div div:nth-child(1) .text02{font-size:20px;color:#666;}
.profile-wrap > div div dl{position:relative;padding:0 0 0 100px;}
.profile-wrap > div div dl:after{content:"";position:absolute;top:0;left:0;;background:#31a580 url(../images/sub/about/profile-img02.png) no-repeat 50% 50%;width:70px;height:70px;border-radius:100%;}
.profile-wrap > div div dl dt{font-size:20px;font-weight:700;color:#212121;line-height:70px;}
.profile-wrap > div div:nth-child(3) dl:after{background-image:url(../images/sub/about/profile-img03.png);}
.facility-info dl{margin:0 0 60px 20px;}
.facility-info dl{display:flex;position:relative;border-radius: 5px;border: solid 1px #ccc;align-items: center;background:#404040;}
.facility-info dl dt{font-size: 18px;font-weight:700;color:#fff;width:200px;height:100%;text-align:center;}
.facility-info dl dd{width:calc(100% - 200px);padding:10px 20px;background:#fff;border-radius:0 3px 3px 0;}
.facility-info dl:first-child:after{content:"";position:absolute;left:80px;bottom:-50px;width:40px;height:40px;background:url(../images/common/icon-arrow-tbl.png) no-repeat 50% 50%;}
.sci-center-total{display:flex;flex-wrap:wrap;}
.sci-center-total dl{width: 23%;max-width:230px;margin: 0 0 23px 2.5%;height: 130px;border-radius: 10px;border: solid 3px #ccc;background-color: #fff;text-align:center;}
.sci-center-total dl:nth-child(1){margin-left:0}
.sci-center-total dl:nth-child(5){margin-left:0}
.sci-center-total dl dt{padding:22px 0 10px 0;font-size: 18px;color:#212121;}
.sci-center-total dl dd{font-size: 40px;color:#31a580;letter-spacing:-1px;font-weight: 700;}
.sci-center-total dl dd span{font-size: 18px;}
.sci-center-total div{width: 510px;display:flex;flex-wrap:wrap;border: solid 1px #ccc;background:#f8f8f8;margin: -14px 0 0 8px;border-radius: 10px;justify-content: space-between;padding: 14px;}
.sci-center-total div dl{width: 48%;margin: 0;}
.sci-center-total div p{font-size:18px;color:#212121;width: 100%;text-align: center;order: 3;margin-top: 10px;}

.ci-wrap .ci-logo{text-align:center;margin:0 0 30px 0;padding:0 40px;}
.ci-wrap .ci-box01{padding:40px;margin:0 0 20px 0;border-radius: 5px;}
.ci-wrap .ci-box01 dl dt{margin:0 0 20px 0;font-size: 30px;font-weight: bold;color:#212121;text-align:center;}
.ci-wrap .ci-box01 dl dd{font-size: 18px;line-height:30px;color:#212121;}
.ci-wrap .ci-box02{padding:40px;margin:0 0 50px 0;border-radius: 5px;}
.ci-wrap .ci-box02 .tit{margin:0 0 40px 0;font-size: 30px;font-weight: bold;color:#212121;text-align:center;}
.ci-wrap .color-list{display: flex;justify-content: space-between;}
.ci-wrap .color-list .item{margin:0 5px;width:100%;}
.ci-wrap .color-list .item ul{margin-left:20px;}
.ci-wrap .color-list .item ul li strong{color:#212121;font-size:18px;font-weight:500;}
.ci-wrap .color-list .item ul li span{display:block;font-size:14px;letter-spacing: -0.35px;color:#666;}
.ci-wrap .color-list .item strong.title{display:block;margin:0 0 20px 0;background:#003764;;border: solid 1px #003764;font-size:20px;letter-spacing:-0.5px;font-weight:500;color:#fff;text-align:center;padding: 13px 10px;width: 100%;}
.ci-wrap .color-list .item2 strong.title{background:#e4032e;border: solid 1px #e4032e;}
.ci-wrap .color-list .item3 strong.title{background:#575757;border: solid 1px #575757;}
.ci-wrap .color-list .item4 strong.title{background:#fff;color:#666;border: solid 1px #ccc;}
.ci-wrap .ci-title{font-size: 30px;font-weight: bold;letter-spacing: -0.75px;text-align: center;color: #212121;}
.ci-wrap .ci-download{margin:30px auto;text-align:center;}

/* 일정 */
.schedule_area {position:relative;display:flex;justify-content: space-between;margin:0 0 50px 0;}
.sa_detail {overflow:hidden;width:60%;max-width:580px;margin:0 0 0 30px;}
.schedule_area:after {content:""; display:block; clear:both;}
.calendar {top:0 !important;}
.calendar > div {padding-left:0 !important;}
.calendar_head {font-size:0;position: relative;line-height:0;text-align:center;padding:8px 0;margin:0 0 14px 0;}
.calendar_head * {vertical-align:middle;}
.calendar_head > h4,
.calendar_head > a {display:inline-block; }
.calendar_head > p {font-size: 26px;display: inline;line-height:24px;letter-spacing:-0.06em;font-weight:bold;color:#212121; position: relative; top: -3px;}
.calendar_head > a { width:40px; height:40px; }
.calendar_head > a.prevMonth{position: absolute; left: 0; top: 0;}
.calendar_head > a.nextMonth{position: absolute; right: 0; top:0;}
.calendar_head > a.prevMonth:before {content: "";position: absolute;top:0; width:40px;height:40px;background:#fff url(../images/common/calendar-navi.png) no-repeat 50% 50%;left:0; color: #fff;border-radius:100%;border:1px solid #ccc;}
.calendar_head > a.prevMonth:hover:before{background:#4b6dba url(../images/common/calendar-navi-on.png) no-repeat 50% 50%;border:1px solid #4b6dba;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.calendar_head > a.nextMonth:before {content: "";position: absolute;top:0; width:40px;height:40px;background:#fff url(../images/common/calendar-navi.png) no-repeat 50% 50%; left:0; color: #fff; transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);border-radius:100%;border:1px solid #ccc;}
.calendar_head > a.nextMonth:hover:before{background:#4b6dba url(../images/common/calendar-navi-on.png) no-repeat 50% 50%;border:1px solid #4b6dba;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);}
.schedule_area .sa_calendar{width:43%;min-width:400px;}
.schedule_area .sa_calendar table {table-layout:fixed;width:100%;border-top:1px solid #e6e6e6;}
.schedule_area .sa_calendar table * {vertical-align:middle;}
.schedule_area .sa_calendar table thead th {height: 40px;text-align: center;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #666;background: #f8f8f8;font-size: 18px;line-height: 30px;letter-spacing: -0.06em;padding: 0;font-weight:500;}
.schedule_area .sa_calendar table thead th:last-child{border-right:none;}
.schedule_area .sa_calendar table tbody td {background: none !important; height:40px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center;color:#666;position:relative;font-size:14px;line-height:40px;padding: 0;letter-spacing:-0.06em;}
.schedule_area .sa_calendar table tbody td:last-child{border-right:none;}
.schedule_area .sa_calendar table tbody td a {color:#333;display:block;width:100%;height:auto;border:1px solid transparent;position:absolute;left:0;top:0;margin:-1px 0 0 -1px;}
.schedule_area .sa_calendar table tbody td.today a {position:relative;color:#fff;}
.schedule_area .sa_calendar table tbody td.today a:after{content:"";position:absolute;left:10px;top:4px;width:34px;height:34px;background:#31a580;border-radius:100%;z-index:-1;}
.schedule_area .sa_calendar table .sun {color:#ffa3a3;}
.schedule_area .sa_calendar table .sat {color:#8bb3eb;}
.schedule_area .sa_calendar table .sun a {color:#ff2626;}
.schedule_area .sa_calendar table .sat a {color:#2c81e0;}
.schedule_area .today_area {border:1px solid #ccc;min-height: 255px;border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);padding:24px 30px 30px 30px;}
.schedule_area .today_head * {vertical-align:middle;}
.schedule_area .today_head{border-bottom:1px solid #737373;padding:0 0 18px 0;}
.schedule_area .today_head h3,
.schedule_area .today_head p {display:inline-block;}
.schedule_area .today_head p.tit {font-size: 20px;letter-spacing:-0.06em;color:#043763;margin:0 15px 0 0;font-weight:500;}
.schedule_area .today_head > p {font-size: 16px;line-height:20px;margin-bottom: 0;letter-spacing:-0.06em;color:#666; margin-top: 8px;}

.schedule_area .today_lst ul li {display:flex;justify-content: space-between;position:relative;min-height:22px;padding:13px 0 13px 10px;border-top:1px dashed #dcdcdc;}
.schedule_area .today_lst ul li:before {content:'';background-color: #7d7d7d;width:5px;height:5px;border-radius: 50%;position: absolute;left: 0;top:21px;}
.schedule_area .today_lst ul li:first-child {border-top:0;}
.schedule_area .today_lst ul li > div{margin:0 15px 0 0;}
.schedule_area .today_lst ul li em {display:inline-block;left:8px;top: 10px;font-style:normal;line-height: 23px;letter-spacing:-0.06em;color:#333;margin:0 10px 0 5px;}
.schedule_area .today_lst ul li strong {color:#7d7d7d;font-weight:normal;line-height:22px;letter-spacing:-0.06em;}
.schedule_area .today_lst ul li span {display:block;position: relative;line-height:19px;letter-spacing:-0.06em;color:#5b6f90;}
.schedule_area .today_lst ul li span:before {content: "";position: absolute;left:-20px;background:url(../images/common/icon-location.png) no-repeat 50% 50%; width: 20px;height: 20px;}

.sch-detail-wrap{}
.sch-detail-wrap ul{display:flex;flex-wrap:wrap;}
.sch-detail-wrap li{display:flex;flex-wrap:wrap;flex-direction: column;width:23%;margin:0  0 20px 2%;height: 170px;border-radius: 4px;border: solid 1px #dcdcdc;background-color: #f8f8f8;padding:20px;}
.sch-detail-wrap li div{flex:1;}
.sch-detail-wrap li div .text01{font-weight:700;color: #0b2052;margin:0 0 15px 0;}
.sch-detail-wrap li div .text02{font-weight: 500;color: #212121;}
.sch-detail-wrap li .locate{background:url(../images/common/icon-location.png) no-repeat 0 50%;padding:0 0 0 18px;font-size:14px;color:#5b6f90;}

.org-wrap{overflow:visible;position:relative;width:100%;max-width:990px;margin:60px auto;background:url(../images/sub/about/org-bg.png) no-repeat 100% 40px;}
.org-wrap a{text-decoration: none;}
.org-wrap .part01, .org-wrap .part02{position:relative;}
.org-wrap .type01{display:flex;flex-direction:column;justify-content:center;min-width:250px;height:80px;padding:0 39px 0 93px;background:#4b6dba url(../images/sub/about/org-logo.png) no-repeat 25px 50%;border-radius:50px;font-size:20px;color:#fff;font-weight:500;}
.org-wrap .type02{display:flex;flex-direction:column;justify-content:center;padding:0 20px;width:280px;height:80px;border:5px solid #4b6dba;border-radius:50px;font-size:20px;font-weight:500;color:#4b6dba;letter-spacing:-0.5px;text-align:center;background:#fff;}
.org-wrap .type02 a{color:#4b6dba;}
.org-wrap .part02 .type01{background-color:#31a580;}
.org-wrap .part02 .type02{border-color:#31a580;color:#31a580;}
.org-wrap .part02 .type02 a{color:#31a580;}
.org-wrap .part01 .type01{position:absolute;top:2px;left:344px;}
.org-wrap .part01 .type01 a, .org-wrap .part02 .type01 a{color:#fff;}
.org-wrap .part01 > ul{overflow:visible;padding:180px 0 0 0;}
.org-wrap .part02 .type01{position:absolute;top:2px;left:344px;}
.org-wrap .part02 > ul{overflow:visible;padding:280px 0 0 0;}
.org-wrap .part02 > ul > li:nth-child(1){position:absolute;top:120px;right:57px;}
.org-wrap .part01{height:556px;}
.org-wrap .part01 .type01 br, .org-wrap .part02 .type01 br{display:none;}
.org-wrap ul li ul li{float:left;width:33%;}
.org-wrap ul li ul li ul{width:320px;padding:13px 30px;}
.org-wrap ul li ul li ul li{position:relative;float:none;width:100%;padding:0 0 0 19px;margin:19px 0; letter-spacing: -0.4px;}
.org-wrap ul li ul li ul li a{font-weight:500;color:#333;}
.org-wrap ul li ul li ul li:after{content:"";position:absolute;top:5px;left:0;width:4px;height:4px;border:2px solid #737373;border-radius:100%;}
.location-text01{margin:0 0 40px 35px;}
.location-text01 dt, .location-text01 dd{margin:0 0 20px 0;}
.location-text01 dt{display:inline-block;position:relative;width:100px;padding:0 0 0 15px;vertical-align:top;color:#212121;}
.location-text01 dt:after{content:"";position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.location-text01 dd{display:inline-block;width:calc(100% - 110px);vertical-align:top;}
.location-text02{margin:0 0 40px 35px;}
.location-text02 dt{margin:0 0 20px 0;}
.location-text02 dt{position:relative;padding:0 0 0 15px;font-size:18px;font-weight:600;color:#212121;}
.location-text02 dt:after{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.location-text02 dd{margin:0 0 30px 20px;}
.location-way .title{position:relative;font-size:18px;padding:0 0 0 15px;vertical-align:top;color:#212121;font-weight:600;margin:0 0 15px 0;}
.location-way .title:after{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.location-way .text{color:#7d7d7d;line-height:24px;margin:0 0 0 20px;}
.location-way ol{margin:0 0 0 20px;}
.location-way ol li{text-indent:-18px;padding:0 0 0 18px;margin:0 0 5px 0;}
.location-way ol.list-bar li{top:12px;padding:0 0 0 34px;}
.table-view.location-table{margin-bottom:40px;}
.location-wrap .title-arrow{margin-bottom:20px;}
.location-wrap .root_daum_roughmap_landing{margin:0 0 40px 0;}
.histroy-wrap{position:relative;overflow:hidden;margin-bottom:0;padding:0 0 80px 0;}
.histroy-wrap:after{content:"";position:absolute;top:10px;left:50%;margin-left:-1.5px;width:3px;height:100%;background:#31a580;}
.histroy-wrap .section{width:50%;}
.histroy-wrap .section dl dt{position:relative;padding:0 0 0 50px;margin:0 0 20px 0;font-size:30px;font-weight:600;color:#31a580;}
.histroy-wrap .section dl dt:after{content:"";position:absolute;left:-15px;top:6px;width:20px;height:20px;background:#fff;border:5px solid #31a580;border-radius:100%;z-index:100;}
.histroy-wrap .section dl dd{position:relative;padding:0 0 0 50px;}
.histroy-wrap .section dl dd ul li{position:relative;;margin:0 0 20px 0;}
.histroy-wrap .section dl dd ul li:after{content:"";display:block;clear:both;}
.histroy-wrap .section dl dd ul li:before{content:"";position:absolute;left:-55px;top:6px;width:10px;height:10px;background:#31a580;border-radius:100%;z-index:100;}
.histroy-wrap .section dl dd ul li span{float:left;margin:0 30px 0 0;min-width:63px;color:#4b6dba;letter-spacing:-0.4px;font-weight:600;}
.histroy-wrap .section dl dd ul li span + span{float:left;margin:0;width:calc(100% - 100px);color:#666;font-weight:normal;}
.histroy-wrap .section .img-area{display:flex;max-width:450px;}
.histroy-wrap .section .img-area p{margin:0 1px;text-align:center;}
.histroy-wrap .section .img-area.col2 p{width:50%;}
.histroy-wrap .section .img-area span{display:block;font-size:14px;letter-spacing:-0.35px;color:#666;text-align:center;}
.histroy-wrap .section:nth-child(1){margin:0 !important;}
.histroy-wrap .section:nth-child(2n){float:left;text-align:right;}
.histroy-wrap .section:nth-child(2n) dl dt{padding:0 50px 0  0;}
.histroy-wrap .section:nth-child(2n) dl dt:after{left:auto;right:-15px;}
.histroy-wrap .section:nth-child(2n) dl dd{padding:0 50px 0  0;}
.histroy-wrap .section:nth-child(2n) dl dd ul li span{float:right;margin:0 0 0 30px;}
.histroy-wrap .section:nth-child(2n) dl dd ul li span + span{float:right;margin:0;width:calc(100% - 100px);}
.histroy-wrap .section:nth-child(2n) dl dd ul li:before{left:auto;right:-55px;}
.histroy-wrap .section:nth-child(2n - 1){float:right;}
.histroy-wrap .section:nth-child(2n) .img-area{margin:0;}
.histroy-wrap .section:nth-child(2n - 1) .img-area{margin:0 0 0 50px;}
.histroy-wrap .section:nth-child(2){margin:220px 0 0 0;}
.histroy-wrap .section:nth-child(3){margin:260px 0 0 0;}
.histroy-wrap .section:nth-child(4){margin:160px 0 0 0;}
.histroy-wrap .section:nth-child(5){margin:100px 0 0 0;}
.histroy-wrap .section:nth-child(6){margin:180px 0 100px 0;}
.histroy-wrap .section:nth-child(7){margin:30px 0 0 0;}
.histroy-wrap .section:nth-child(8){margin:220px 0 0 0;}
.vision-wrap{position:relative;width: 100%;height: 400px;margin-bottom: 100px;}
.vision-wrap:after{content:"";display:block;clear:both;}
.vision-wrap .vision-box{width:50%;height: 100%;float: left;background: #f2f4f7;}
.vision-wrap .box1{background: url(../images/sub/about/vission01.png) no-repeat;padding: 56px 61px 62px 50px;color: #fff;}
.vision-wrap .box1 strong{font-size: 24px;font-weight: 400;}
.vision-wrap .box1 p{font-size:30px;font-weight: 600;line-height: 1.15; margin: 10px 0 20px 0;}
.vision-wrap .box1 p span{display:block;font-size:40px;}
.vision-wrap .box1 span{line-height: 1.5;}
.vision-wrap .box2{padding: 32px 0 0;}
.vision-wrap .box2 p:first-child{text-align: center;font-size: 30px; font-weight: 600;margin-bottom: 10px;color: #212121;}
.vision-wrap .box2 p:last-of-type{text-align: center;font-size: 20px; line-height: 1.4;font-family:OpenSans;color: #7d7d7d;font-weight: 600;}
.vision-wrap .box2 img{display: inline-block;margin-top: 46px;}

.mission-box{width: 100%;height: auto;}
.mission-box.goal{margin-bottom: 80px;overflow: hidden;}
.mission-box>p.title{font-size: 32px;font-weight: 600;letter-spacing: -0.75px;color: #212121;margin: 0 3px 20.4px 0;padding-left: 60px;}
.mission-box.goal ul li{width: 25%;height: 350px;float: left;border-right: 1px dashed #dcdcdc;border-bottom: 1px solid #dcdcdc;border-top: 2px solid #333;}
.mission-box.goal ul li:last-child{border-right: 0}
.mission-box.goal ul li:nth-child(1){background: url(../images/sub/about/goal01.png) no-repeat 50% 40px;}
.mission-box.goal ul li:nth-child(2){background: url(../images/sub/about/goal02.png) no-repeat 50% 40px;}
.mission-box.goal ul li:nth-child(3){background: url(../images/sub/about/goal03.png) no-repeat 50% 40px;}
.mission-box.goal ul li:nth-child(4){background: url(../images/sub/about/goal04.png) no-repeat 50% 40px;}
.mission-box.goal ul li strong{display: block; margin: 205px 0 10px; line-height: 1.2;text-align: center;color: #212121;font-size: 20px;font-weight: 600;}
.mission-box.goal ul li p{text-align: center;line-height: 1.5;color: #7d7d7d;}
.mission-box.goal p.title{background: url(../images/sub/about/title-goal.png) no-repeat;background-size:contain;}
.mission-box.strte p.title{background: url(../images/sub/about/title-strte.png) no-repeat;background-size:contain;}
.mission-box.strte .strte-box{display:flex;overflow:hidden;width: 100%;border-bottom: 1px solid #dcdcdc;}
.mission-box.strte .strte-box:first-of-type{border-top: 2px solid #333;}
.mission-box.strte .strte-box div:first-of-type{display:table;position: relative;width: 400px;padding:0 20px 0 165px;margin:20px 0;}
.mission-box.strte .strte-box div:first-of-type > div{display:table-cell;vertical-align:middle;}
.mission-box.strte .strte-box>div:first-of-type:after{display: block; content:"";width: 0px;height: 0px;border-left: 16px solid transparent;border-right: 18px solid transparent;border-radius: 5px;position: absolute;right: -26px;top: 50%;transform: translateY(-50%)rotate(-30deg);}
.mission-box.strte .strte-box:nth-of-type(1){background: url(../images/sub/about/mission01.png) no-repeat 50px 50%;}
.mission-box.strte .strte-box:nth-of-type(2){background: url(../images/sub/about/mission02.png) no-repeat 50px 50%;}
.mission-box.strte .strte-box:nth-of-type(3){background: url(../images/sub/about/mission03.png) no-repeat 50px 50%;}
.mission-box.strte .strte-box p{font-size: 20px;font-weight: 600;line-height: 1.2;color: #212121;}
.mission-box.strte .strte-box p+span{margin: 10px 0 0;line-height: 1.5;color: #7d7d7d;display: block;}
.mission-box.strte .strte-box .strte01{border-right: 3px solid #e06d6d;}
.mission-box.strte .strte-box .strte02{border-right: 3px solid #31a580;}
.mission-box.strte .strte-box .strte03{border-right: 3px solid #7d5f1b;}
.mission-box.strte .strte-box .strte01:after{border-bottom: 28px solid #e06d6d;}
.mission-box.strte .strte-box .strte02:after{border-bottom: 28px solid #31a580;}
.mission-box.strte .strte-box .strte03:after{border-bottom: 28px solid #7d5f1b;}
.mission-box.strte .strte-box div:last-of-type{width:calc(100% - 400px);padding-left:0;margin:20px 0 20px 60px;}
.mission-box.strte .strte-box div:last-of-type ul>li{overflow:hidden;margin-bottom: 5px;line-height: 1.5;color: #7d7d7d;}
.mission-box.strte .strte-box div:last-of-type ul>li:last-child{margin-bottom: 0;}
.mission-box.strte .strte-box div:last-of-type ul>li strong{ font-size: 18px;font-weight: 600;line-height: 1.33;
    color: #fff;padding: 5px 15px;border-radius: 20px;margin-right: 20px;float:left;}
.mission-box.strte .strte-box div ul > li span{float:left;width:calc(100% - 100px);padding:4px 0 0 0;}
.mission-box.strte .strte-box .strte01-ex strong{background: #e06d6d;}
.mission-box.strte .strte-box .strte02-ex strong{background: #31a580;}
.mission-box.strte .strte-box .strte03-ex strong{background: #7d5f1b;}


/* research */
.servicebox-wrap{padding:40px 50px;margin:0 0 50px 0;background:#f1f1f1;border-radius:5px;}
.servicebox-wrap .text01{margin:0 0 50px 0;font-size:20px;color:#31a580;font-weight:600;text-align:center;}
.servicebox-wrap .text01 span{position:relative;padding:0 0 0 68px;}
.servicebox-wrap .text01 span:after{content:"";position:absolute;top:-5px;left:0;width:48px;height:42px;background:url(../images/sub/research/service-img01.png) no-repeat 50% 50%;}
.servicebox-wrap .system-process{display:flex;justify-content: space-between;position:relative;}
.servicebox-wrap .system-process .title{position:relative;margin:0 0 30px 0;padding:130px 0 0 0;font-size:18px;font-weight:600;color:#212121;text-align:center;}
.servicebox-wrap .system-process > div .title:after{content:"";position:absolute;top:0;left:50%;margin-left:-60px;width:100px;height:100px;background:#609d54 url(../images/sub/research/service-img02.png) no-repeat 50% 50%;border:10px solid #7cbf6e;border-radius:100%;}
.servicebox-wrap .system-process > div div{padding:18px 10px;margin:0 0 10px 0;}
.servicebox-wrap .system-process > div div p{font-size:18px;color:#fff;line-height:24px;text-align:center;}
.servicebox-wrap .system-process > div div ul{margin:15px 0 0 0;padding:14px 17px;background:#fff;border-radius:5px;min-height:121px;}
.servicebox-wrap .system-process > div div ul li{font-size:14px;color:#7d7d7d;}
.servicebox-wrap .system-process > div div ul li:last-child{margin:0;}
.servicebox-wrap .system-process > div:nth-child(2) .title:after{background:#f28317 url(../images/sub/research/service-img03.png) no-repeat 50% 50%;border:10px solid #e8b787;}
.servicebox-wrap .system-process > div:nth-child(3) .title:after{background:#4b6dba url(../images/sub/research/service-img04.png) no-repeat 50% 50%;border:10px solid #9cafd9;}
.servicebox-wrap .system-process > div:nth-child(1){max-width:310px;width:100%;}
.servicebox-wrap .system-process > div:nth-child(1) div{background:#609d54;border-radius:5px;}
.servicebox-wrap .system-process > div:nth-child(2){max-width:240px;width:100%;margin:0 10px;}
.servicebox-wrap .system-process > div:nth-child(2) div{background:#f28317;border-radius:5px;}
.servicebox-wrap .system-process > div:nth-child(3){max-width:530px;width:100%;}
.servicebox-wrap .system-process > div:nth-child(3) .process-wrap{margin:0;padding:0;display:flex;flex-flow: wrap;justify-content: space-between;}
.servicebox-wrap .system-process > div:nth-child(3) .process-wrap div{background:#4b6dba;border-radius:5px;width:49%;}
.servicebox-wrap .system-process > div{position:relative;z-index:100;}
.servicebox-wrap .system-process:after{content:"";position:absolute;top:60px;left:150px;width:65%;height:1px;border-top:2px dashed #ccc;}

.cellbank-wrap{padding:40px 6%;margin:0 0 50px 0;background:#f1f1f1;border-radius:5px;}
.cellbank-wrap .section-wrap{display:flex;justify-content: space-between;align-items:center;position:relative;}
.cellbank-wrap .section-wrap .section{position:relative;width:250px;}
.cellbank-wrap .section-wrap .section:nth-child(2){width:350px;}
.cellbank-wrap .section-wrap .section:nth-child(1){background:#609d54;border-radius:5px;}
.cellbank-wrap .section-wrap .section:nth-child(2){background:#4b6dba;border-radius:5px;}
.cellbank-wrap .section-wrap .section:nth-child(3){background:#f28317;border-radius:5px;}
.cellbank-wrap .section-wrap .section{padding:18px 10px;z-index:100;}
.cellbank-wrap .section-wrap .section ul{margin:15px 0 0 0;padding:20px 17px;background:#fff;border-radius:5px;}
.cellbank-wrap .section-wrap .section ul li{font-size:14px;color:#7d7d7d;}
.cellbank-wrap .section-wrap .section ul li:last-child{margin:0;}
.cellbank-wrap .section-wrap .section p{font-size:18px;color:#fff;line-height:24px;text-align:center;}
.cellbank-wrap .section-wrap .section:nth-child(1):after{content:"";position:absolute;top:50%;right:-96px;margin-top:-8px;width:81px;height:15px;background:url(../images/sub/research/process-arrow.png) no-repeat 0 0;}
.cellbank-wrap .section-wrap .section:nth-child(1):before{content:"";position:absolute;top:50%;right:-96px;margin-top:8px;width:81px;height:15px;background:url(../images/sub/research/process-arrow.png) no-repeat 0 0;transform:rotate(180deg);}
.cellbank-wrap .section-wrap .section:nth-child(2):after{content:"";position:absolute;top:50%;right:-200px;width:200px;height:1px;border-top:2px dashed #ccc;z-index:-1;}
.steps-apply{padding:40px 2%;margin:0 0 50px 0;background:#f1f1f1;border-radius:5px;}
.steps-apply > div ol{display:flex;justify-content: space-between;position:relative;z-index:100;}
.steps-apply > div ol:after{content:"";position:absolute;top:34px;left:50px;width:90%;height:2px;background:#626262;z-index:-1;}
.steps-apply > div ol li{text-align:center;width:24%;}
.steps-apply > div ol li .step{display:inline-block;position:relative;margin:0 0 20px 0;font-size:24px;font-weight:800;width:70px;height:70px;line-height:70px;z-index:100;}
.steps-apply > div ol li .step:after{content:"";position:absolute;top:0;left:0;width:60px;height:60px;border:5px solid #4b6dba;background:#fff;border-radius:100%;z-index:-1;}
.steps-apply > div ol li dl dt{margin:0 0 10px 0;font-size:18px;color:#4b6dba;font-weight:600;}
.steps-apply > div ol li dl dd{color:#7d7d7d;line-height:20px;}
.steps-apply > div ol li:nth-child(1) .step{color:#4b6dba;}
.steps-apply > div ol li:nth-child(1) .step:after{border:5px solid #4b6dba;}
.steps-apply > div ol li:nth-child(1) .step:before{content:"";position:absolute;left:-70px;top:0;height:100%;width:100%;background:#f1f1f1;}
.steps-apply > div ol li:nth-child(2) .step{color:#609d54;}
.steps-apply > div ol li:nth-child(2) dl dt{color:#609d54;}
.steps-apply > div ol li:nth-child(2) .step:after{border:5px solid #609d54;}
.steps-apply > div ol li:nth-child(3) .step{color:#f28317;}
.steps-apply > div ol li:nth-child(3) dl dt{color:#f28317;}
.steps-apply > div ol li:nth-child(3) .step:after{border:5px solid #f28317;}
.steps-apply > div ol li:nth-child(4) .step{color:#626262;}
.steps-apply > div ol li:nth-child(4) dl dt{color:#626262;}
.steps-apply > div ol li:nth-child(4) .step:after{border:5px solid #626262;}
.steps-apply > div ol li:nth-child(4) .step:before{content:"";position:absolute;right:-70px;top:0;height:100%;width:100%;background:#f1f1f1;}
.biobank-img{padding:40px ;margin:0 0 50px 0;background:#f1f1f1;border-radius:5px;text-align:center;}
.biobank-img .pc-img img{width:100%;max-width:1134px;}
.biobank-img .m-img{display:none;}

/* 연구사업 */
.storage-equipment{border:1px solid #ccc;border-radius:5px;margin:0 0 50px 0;}
.storage-equipment ul{display:flex;flex-wrap:wrap;}
.storage-equipment ul li{width:25%;text-align:center;border:1px solid #ccc;border-left:none;border-top:none;padding:0 2%;}
.storage-equipment ul li:nth-child(4), .storage-equipment ul li:nth-child(8){border-right:none;}
.storage-equipment ul li:nth-child(5), .storage-equipment ul li:nth-child(6), .storage-equipment ul li:nth-child(7), .storage-equipment ul li:nth-child(8){border-bottom:none;}
.storage-equipment ul li div .img{padding:30px 0 20px 0;}
.storage-equipment ul li div .tit{display:flex;align-items: center;justify-content: center;background-color:#4b6dba;height: 50px;font-weight:600;max-width:200px;color:#fff;border-radius:5px;margin:0 auto 17px;}
.storage-equipment ul li div dl{display:flex;flex-wrap:wrap;max-width:200px;margin:0 auto 20px;}
.storage-equipment ul li div dl dt{font-size:14px;color:#4b6dba;font-weight:bold;width:47px;margin:3px 8px;text-align:justify;}
.storage-equipment ul li div dl dt:after{content:"";display:inline-block;width:100%;}
.storage-equipment ul li div dl dd{width:calc(100% - 68px);text-align:left;font-size:14px;color:#666;margin:3px 0}

.brain-network{margin:0 0 50px 0;}
.brain-network ul{display:flex;padding:22px 0;border:1px solid #dcdcdc;}
.brain-network ul li{width:25%;text-align:center;border-left:1px solid #dcdcdc;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.brain-network ul li:nth-child(1){border-left:none;}
.brain-network ul li .img{display:flex;align-items: center;justify-content:center;min-height:60px;margin:0 10% 10px;}
.brain-network ul li .link a{display:inline-block;color:#212121;background:url(../images/common/icon-link.png) no-repeat 100% 0;line-height:24px;padding:0 30px 0 0;}
.brain-network.col3 ul li{width:33.3333%;}

.brain-poster{margin:0 0 30px 35px;}
.brain-poster ul{display:flex}
.brain-poster ul li{margin:0 4% 0 0;}
.brain-poster ul li .text01{font-weight:500;color:#212121;margin:5px 0 3px 0;}
.brain-poster ul li .text02{color:#7d7d7d;}
.brain-poster ul li .text01, .brain-poster ul li .text02{padding:0 10px;}

.brain-leaflet{margin:0 0 30px 35px;}
.brain-leaflet ul{display:flex}
.brain-leaflet ul li{margin:0 4% 0 0;}
.brain-leaflet ul li .text{font-weight:500;color:#212121;}
.brain-leaflet ul li div{display:flex;justify-content: space-between;align-items:center;margin:10px 0 0 0;padding:0 10px;}

.faq-wrap{border-top:1px solid #333;}
.faq-wrap li{border-bottom:1px solid #ccc;}
.faq-wrap li .question{padding:15px 10px 13px;}
.faq-wrap li .question a{overflow:hidden;position:relative;display:block;}
.faq-wrap li .question a p, .faq-wrap li .question p{float:left;color:#212121;}
.faq-wrap li .question a p span, .faq-wrap li .question p span{display:inline-block;font-size:20px;color:#212121;font-weight:700;width:40px;text-align:center;margin-top:-2px;}
.faq-wrap li .question a p + p, .faq-wrap li .question p + p{width:calc(100% - 75px);}
.faq-wrap li .answer{display:none;color:#7d7d7d;padding:13px 10px 20px 50px;line-height:24px;}
.faq-wrap li.active{background:#f8f8f8;}
.faq-wrap li.active .question a p{color:#212121;font-weight:500;}
.faq-wrap li .question a:after{content:"답변열기";position:absolute;top:5px;right:10px;text-indent:-9999px;border-top:2px solid #737373;border-right:2px solid #737373;width:6px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}
.faq-wrap li.active .question a:after{content:"답변닫기";top:9px;border-color: #31a580;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.faq-wrap.faq-visible .question{display: inline-block;width: 100%;padding:15px 10px 0 13px}
.faq-wrap.faq-visible .question p{font-size:20px;}
.faq-wrap.faq-visible .answer{display:block;}

/* 페이지,검색영역*/
div.board-info {display:flex;justify-content: space-between;clear:both;/* font-size:12px;+4px */font-size: 16px; overflow:hidden; position:relative; margin-bottom:25px}
div.board-info .page_info {order: 1;color:#666;  margin-top:15px;/* font-size:15px;+4px */font-size:19px;}
div.board-info .page_info .txt_bold {font-weight:500}
div.board-info .page_info strong {margin:0 0 0 10px;color: #5C3EAD}
/*검색*/
div.board-info .search-rss {order: 2;text-align:right; /*width:60%*/overflow:hidden;}
div.board-info .search-rss a.icon_rss {display:none}
div.board-info .search-rss div{display:inline-block;float:left;}
div.board-info fieldset {float: left;}
div.board-info fieldset div.form-select select {  color: #737373; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/renew24/common/sel_arr.png) no-repeat right 20px center #fff; background-size: 10px auto; padding-right: 30px;border-radius: 10px;height:40px;margin-right: 5px;padding-left: 10px;}
div.board-info fieldset div.form-select.first-select select {}
div.board-info fieldset div.form-select.first-select + .form-select select{}
div.board-info fieldset div.form-select select option{background:#fff;}
div.board-info fieldset div.form-date input[type="date"],
div.board-info fieldset div.form-date input[type="text"] {height:40px;border-radius: 10px;color:#666;border:1px solid #dcdcdc;max-width:130px;padding-left: 10px;padding-right: 40px;margin-right: 5px;background:transparent url(../images/renew24/common/date.png) center right 10px no-repeat;}
div.board-info fieldset div.form-input input[type="text"] {width: 100%;height:40px;border-radius: 10px;color:#666;border:1px solid #dcdcdc;min-width:200px;padding-left: 10px;}
div.board-info fieldset div.form-btn {width:40px;height:40px;margin-left: 5px;;}
div.board-info fieldset div.form-btn button {background:#5C58AC url(../images/renew24/common/board_search.png) no-repeat 50% 50% / 19.5px auto;width:40px;height:40px;display:inline-block;text-indent:-9999px;border-radius:10px;}
div.board-info fieldset div.form-btn button:hover,div.board-info fieldset button:focus {background-color:#404759}
div.board-info fieldset div.form-radio.custom{margin:0 10px 0 0;}
div.board-info fieldset div.form-radio.custom > div{float:left;position:relative;}
div.board-info fieldset div.form-radio.custom label{border:1px solid #ccc;}
div.board-info fieldset div.form-radio.custom input[type="radio"]{position:absolute;top:0;left:10%;width:0;height:1px;z-index:-1;}
div.board-info fieldset div.form-radio.custom label{display:inline-block;padding:0px 10px;text-align:center;height:40px;width:120px;line-height:40px;cursor:pointer;font-size:14px;color:#737373;background: #fff;}
div.board-info fieldset div.form-radio.custom input[type="radio"]:checked:focus + label, div.board-info fieldset div.form-radio input[type="radio"]:hover + label{border:1px dotted #000;}
div.board-info fieldset div.form-radio.custom input[type="radio"]:checked + label{border:1px solid #5C58AC;background:#5C58AC;color:#fff;}
div.board-info fieldset div.form-radio.custom div:nth-child(1) label{}
div.board-info fieldset div.form-radio.custom div:nth-child(2) label{}

/*Board list*/
.tstyle_list {border-top:2px solid #5C3EAD; border-bottom:1px solid #dcdcdc;}
.tstyle_list > div > ul{display:table; table-layout:fixed; width:100%; clear:both; overflow:hidden}
.tstyle_list > div > ul > li{display:table-cell;min-height:70px;padding:14.5px 5px; text-align:center; text-overflow:ellipsis;width:10%;vertical-align:middle}
.tstyle_list > div.dhead,
.tstyle_list thead {border-bottom:1px solid #E6E6E6}
.tstyle_list > div.dhead > ul li,
.tstyle_list thead th {color:#5C3EAD;/* font-size:16px; +4px */font-size: 20px;font-weight: bold;}
.tstyle_list > div.dbody > ul {border-bottom:1px solid #dcdcdc}
.tstyle_list > div.dbody > ul:last-child {border-bottom:0}
.tstyle_list > div.dbody > ul.notice li:first-child {color:#000; }
.tstyle_list > div.dhead > ul li.title {width:auto; text-align:center}
.tstyle_list > div.dbody > ul > li.title {width:auto; text-align:left;}
.tstyle_list > div.dbody > ul > li.file a {text-align:center; width:100%}
.tstyle_list > div.dbody > ul:hover {background:#f7f9fb;}
.tstyle_list .wid8 {width:8% }
.tstyle_list .wid10 {width:10% }
.tstyle_list .wid13 { width:13% }
.tstyle_list .wid15 { width:15% }
.tstyle_list .wid16 { width:16% }
.tstyle_list .wid18 { width:18% }
.tstyle_list .press-name{display:inline-block;border:1px solid #dcdcdc;background:#f8f8f8;padding: 9px 20px;border-radius: 50px;}
.tstyle_list .file-wrap > div{overflow:hidden;}
.tstyle_list .file-wrap.col2 > div span{float:left;width:50%;}
.tstyle_list .ellipsis{display: block;vertical-align: top;width: 100%;}
.tstyle_list .notice-text{font-size:14px;color:#4b6dba;font-weight:600;}
.tstyle_list > div.dbody > ul > li a span.ellipsis {display: inline-block;vertical-align: middle;max-width:calc(100% - 100px);width: auto;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.tstyle_list > div.dbody > ul > li a span.new-article {display: inline-flex;}
.tstyle_list > div.dbody > ul > li a span {display: inline;}
.tstyle_list .new-article{display: inline-flex;vertical-align: middle;margin-left:3px;}
.tstyle_list .new-article:after{content:"N";display:inline-block;color: #fff;width:16px;height:16px;font-size:12px;line-height:18px;background:#5C58AC;border-radius:100%;text-align:center;}
.tstyle_list .title + .w13 { width: 19% }
.tstyle_list.type1 > div.dbody > ul > li a {color:#5C3EAD !important; background:url(../images/common/icon-link.png) no-repeat right  top; background-size:15px auto; padding-right:28px ;  display:inline-block; font-weight:500; text-align:left;text-overflow:clip;white-space: normal;font-size:16px;text-decoration: none;}
.tstyle_list.type1 > div.dbody > ul > li.title{padding:12px 15px;}
.tstyle_list .board-category{display:inline-block;vertical-align:middle;margin-right:10px;font-weight:600;}
.tstyle_list .board-category.case{color:#5C58AC;}
.tstyle_list .board-category.emp{/* color:#0e3fb5; */ color:#5C58AC;}

/*Board list_PC*/
.pc_tstyle_list{border-top:2px solid #5C58AC;border-bottom:1px solid #dcdcdc;}
.pc_tstyle_list thead{border-bottom:1px solid #dcdcdc;}
.pc_tstyle_list thead th{font-size:16px;color:#333;}
.pc_tstyle_list tbody tr{border-bottom:1px solid #E6E6E6;}
.pc_tstyle_list tbody tr:last-child{border-bottom:0;}
.pc_tstyle_list tbody tr, .pc_tstyle_list thead tr{width:100%;clear:both;overflow:hidden;}
.pc_tstyle_list thead tr th {color:#5C58AC;font-weight: bold;}
.pc_tstyle_list tbody tr td, .pc_tstyle_list thead tr th{min-height:70px;padding:14.5px 5px;text-align:center;text-overflow:ellipsis;}
.pc_tstyle_list tbody tr td.title{text-align:left;}
.pc_tstyle_list tbody tr td a span{display:inline-block;vertical-align:middle;width:auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.pc_tstyle_list .board-category{display:inline-block;vertical-align:middle;margin-right:10px;font-weight:600;}
.pc_tstyle_list .board-category.emp{color:#0e3fb5;}
.pc_tstyle_list .new-article:after{content:"N";display:inline-block;color:#fff;width:16px;height:16px;font-size:12px;line-height:16px;background:#5C58AC;border-radius:100%;text-align:center;}



.m_tstyle{display:none;}
@media (max-width: 1024px){
.pc_tstyle_list{display:none;}
.m_tstyle{display:block;}
}


/* board list table */
.tstyle_list th,
.tstyle_list td{border-bottom:1px solid #e4e4e4;width:auto;}
.tstyle_list td.left{text-align:left;}

/* 목록 첨부파일*/
div.tstyle_list > div.dbody > div.fileBox {background:#f7f7f7; position:relative}
div.tstyle_list > div.dbody > div.fileBox > a {background:url(/cdc/img/sub/content-info.png) no-repeat -27px 3px; background-size:1000%; font-size:0; text-indent:-10000px; width:20px; height:20px; position:absolute; top:15px; right:15px}
div.tstyle_list > div.dbody > div.fileBox > ul {border-bottom:1px solid #e4e4e4; padding:20px 9%}
div.tstyle_list > div.dbody > div.fileBox > ul li {clear:both; overflow:hidden; margin-bottom:3px; width:100%}
div.tstyle_list > div.dbody > div.fileBox > ul li:last-child {margin-bottom:0}
div.tstyle_list > div.dbody > div.fileBox > ul strong {float:left; line-height:28px}
div.tstyle_list > div.dbody > div.fileBox > ul .link {float:right}

/*콘텐츠 없을 때*/
div.tstyle_list > div.dbody > div.nodata {text-align:center;font-size:20px; padding:200px 0 160px; width:100%;background:#f8f8f8 url(../images/common/icon-nodata.png) no-repeat 50% 120px;}

/*programNav 수정*/
.board_pager {clear:both; margin:30px auto; text-align:center; overflow:hidden}
.board_pager .inner {display:table; margin:0 auto}
.board_pager a{text-decoration:none;border:1px solid #ddd; color:#737373; display: inline-block;/* font-size:18px; +4px */font-size: 22px; text-align:center; padding:10px 0 4px; height:43px;width:28px; margin:0 2px;vertical-align:middle;}
.board_pager a img {display: none;}
.board_pager a.pageNone {border:0 none; color:#373737}
.board_pager a.pageNow {border:none;}
.board_pager a.pageNow strong {color:#5C58AC;border-bottom:2px solid #5C58AC;}	
.board_pager + .survey {margin-top:100px}
.board_pager .pageFirst{background:url(../images/renew24/common/page_pre_pre.png) no-repeat 50% 50% / 12px auto;width:43px;}
.board_pager .pagePrev{background:url(../images/renew24/common/page_pre.png) no-repeat 50% 50% / 8px auto;width:43px;margin-right: 10px;}
.board_pager .pageNext{background:url(../images/renew24/common/page_next.png) no-repeat 50% 50% / 8px auto;width:43px;margin-left: 10px;}
.board_pager .pageLast{background:url(../images/renew24/common/page_next_next.png) no-repeat 50% 50% / 12px auto;width:43px;}
.board_pager + .btn-area{margin-top:0;}

/*Board View*/
div.tstyle_view {border-top:1px solid #666; margin-bottom:30px}
div.tstyle_view div.title {background:#fff; color:#333; clear:both;/* font-size:20px; +4px */font-size: 24px; font-weight:bold; padding:25px 20px 15px 20px; text-align: left}
div.tstyle_view ul.head {background:#fff; border-bottom:1px solid #bfbfbf; width:100%; text-align:left; /* font-size:14px; +4px */ font-size: 18px;color:#333;padding:0 20px 10px;}
div.tstyle_view ul.head li {display:inline-block; padding:5px 30px 5px 0;}
div.tstyle_view ul.head li.full-w{display:block;}
div.tstyle_view ul.head li strong {font-weight:500; position:relative; padding-left:10px;color:#212121;}
div.tstyle_view div.tb_contents {clear:both; font-size:15px; padding:20px; line-height:180%; min-height:150px; word-break:keep-all}

/*첨부파일*/
div.tstyle_view .add_file_list {position:relative;display: table; width: 100%; border: 1px solid #ccc;border-radius:10px;background:#fff;}
div.tstyle_view .add_file_list:before{content:"";position:absolute;bottom:-4px;left:6px;width:calc(100% - 12px);height:10px;background:#ccc;border-radius:20px;z-index:-1;}
div.tstyle_view .add_file_list .title { display: none; width: 16%; padding:0 0 0 20px;color: #737373;  }
div.tstyle_view .add_file_list .add_file {display: table-cell; }
div.tstyle_view .add_file_list .add_file_item{background:url(../images/common/icon-clip.png) no-repeat 0 50%;background-size:16px auto;padding:0 0 0 24px;}
div.tstyle_view .add_file_list .add_file li:nth-child(1){border-top:none;}
div.tstyle_view .add_file_list .add_file li{border-top:1px solid #dcdcdc;padding:10px}
div.tstyle_view ul.add_file li:before { display: none }
div.tstyle_view ul.add_file li * { display: inline-block; vertical-align: middle }
div.tstyle_view ul.add_file li a{text-decoration: none;}
div.tstyle_view ul.add_file li .down{background:url(../images/common/icon-download02.png) no-repeat 50% 50%; width: 40px;height: 40px;padding: 12px 11px;border-radius: 20px;background-color: #065c41;margin:0 0 0 10px;}
div.tstyle_view ul.add_file li:last-of-type { border-bottom: 0 }
div.tstyle_view ul.add_file li > strong { display: block; font-weight: normal; position: relative }
div.tstyle_view ul.add_file li > strong:before { color: #fff; display: inline-block; font-size: 11px; width: 30px; text-align: center; line-height: 19px; vertical-align: 2px }
div.tstyle_view ul.add_file li > strong span.fileSize { color: #737373; display: inline-block; font-size: 12px }
div.tstyle_view ul.add_file li > span.link { float: right; font-size: 14px }
div.tstyle_view ul.add_file li > strong img { vertical-align: -2px }

.board-card-list > ul{display:flex;flex-flow: wrap;width:100%;}
.board-card-list > ul > li{width:calc(25% - 10px);height:170px;margin:0 5px 20px 5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);padding:24px 30px;border:1px solid  #ccc;background-color: #fff;}
.board-card-list > ul > li  .year{margin:0 0 5px 0;color:#0b2052;font-weight:600;}
.board-card-list > ul > li  .article{margin:0 0 20px 0;min-height:64px;color:#212121;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;word-break:break-word;}
.board-card-list .card-box ul > li{position:relative;color:#737373;font-size:14px;}
.board-card-list .card-box ul > li:after{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#737373;}
.board-card-list .card-box ul > li{display:inline-block;padding: 0 0 0 10px;margin:0 0 0 8px; }
.board-card-list .card-box ul > li:nth-child(1){margin:0;padding:0;}
.board-card-list .card-box ul > li:nth-child(1):after{display:none;}
.board-card-list > ul > li:hover{border:1px solid #0b2052;}
.board-card-list.img-type > ul > li{height:400px;padding:0;}
.board-card-list.img-type > ul > li > a .img img{width:100%;}
.board-card-list.img-type > ul > li > a .text{line-height:26px;padding:30px 30px 0 30px;margin:0 0 10px 0;min-height:100px;color:#212121;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;word-break:break-word;}
.board-card-list.img-type > ul > li > a .date{padding:0 0 0 30px;font-size:14px;color:#555;}

.board-pr-wrap ul{display:flex;flex-wrap:wrap;}
.board-pr-wrap.full ul li{width:100%;margin:0 1.5% 30px;max-width:100%;}
.board-pr-wrap ul li .pr-box{display:flex;border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);border: solid 1px #ccc;}
.board-pr-wrap ul li{width:47%;margin:0 1.5% 30px;max-width:480px;}

.board-pr-wrap ul li .pr-box > p{width:50%;}
.board-pr-wrap.full ul li .pr-box > p img{max-height:320px;border-radius:5px 0 0 5px;width: 100%; object-fit: cover; object-position: top;}
.board-pr-wrap ul li .pr-box > p img{max-height:320px;border-radius:5px 0 0 5px}
.board-pr-wrap ul li .pr-box > div{display:flex;flex-wrap:wrap;flex-direction: column;padding:40px 30px;width:50%;}
.board-pr-wrap ul li .pr-box > div > div{flex: 1;}
.board-pr-wrap ul li .pr-box > div .title{font-size:20px;font-weight:500;letter-spacing: -0.5px;color: #212121;}
.board-pr-wrap ul li .pr-box > div .date{font-size:16px;color:#555;margin:20px 0 30px 0;}
.board-pr-wrap ul li .pr-box > div .cont-ellipsis4{display: -webkit-box;font-size:16px;color:#555;margin:20px 0 30px 0;max-height: 80px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;white-space: normal;word-break: normal;}
.board-pr-wrap ul li .pr-box > div .pr-down{display: flex;gap: 10px;width:100%;}
.board-pr-wrap ul li .pr-box > div .button-download{text-decoration:none;background-position:10px 10px;width:100%;max-width:120px;text-align:left;padding:9px 10px 0 35px;line-height: 1;}
.board-pr-wrap ul li .pr-box > div .button-link{text-decoration:none;width:100%;max-width:100px;text-align:left;padding:9px 10px 0 35px;display:inline-block;height:36px;border-radius:5px;background:#5C58AC url(../images/common/icon-link02.png) no-repeat 10px 10px;color:#fff;line-height: 1;}

.board-pr-wrap ul li .list-box{display:flex;flex-direction: column;gap:5px;padding:15px 35px 15px 15px;border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);border: solid 1px #ccc;}
.board-pr-wrap ul li .list-box .logo-wrap {display: block;padding: 0 20px;width: 250px;}
.board-pr-wrap ul li .list-box .title-wrap {display: flex;align-items: center;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view {border-top: none;flex: 1;margin-bottom: 10px;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view .title {padding-top:10px;}
.board-pr-wrap ul li .list-box .title-wrap .pr-link {display: flex;align-items: center;gap: 5px;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view .head.info {border-bottom: none;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view .head.info li {margin: 0;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view .cop_detail.info {display: flex;flex-wrap: nowrap;}
.board-pr-wrap ul li .list-box .title-wrap .tstyle_view .cop_detail.info li {width: auto;padding:0 20px;margin: 0;color:#666;}
.board-pr-wrap ul li .list-box .half-area {display: flex;gap: 20px;padding:10px;flex-wrap: wrap;}
.board-pr-wrap ul li .list-box .half-area li {width:calc(50% - 10px);position: relative;color: #7d7d7d;margin: 0;padding-left: 20px;}
.board-pr-wrap ul li .list-box .half-area li:before {content:'';background-color: #7d7d7d;width:5px;height:5px;border-radius: 50%;position: absolute;left: 10px;top:12px;}
.board-pr-wrap ul li .list-box .button-download{text-decoration:none;background-position:10px 10px;width:auto;max-width:100%;text-align:left;padding:9px 10px 0 35px;line-height: 1;}
.board-pr-wrap ul li .list-box .button-link{text-decoration:none;width:auto;max-width:100%;text-align:left;padding:9px 10px 0 35px;display:inline-block;height:36px;border-radius:5px;background:#5C58AC url(../images/common/icon-link02.png) no-repeat 10px 10px;color:#fff;line-height: 1;}

.card-list {clear: both; overflow: hidden;}
.card-list ul { padding: 0; margin: 0 }
.card-list ul li { padding: 0; float: left; width: 31.59%; margin: 0 2.6% 25px 0; overflow: hidden }
.card-list ul li::before { display: none }
.card-list ul li:nth-child(3n) { margin-right: 0 }
.card-list ul li a,
.card-list ul li .thumbWrap { border: 1px solid #e4e4e4; color: #333; display: block; position: relative;text-decoration:none; }
.card-list ul li .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 61%; margin: 0 auto; text-align: center }
.card-list ul li .thumb img { width: 100%; min-height:168px; -webkit-transition: all 0.2s; transition: all 0.2s }
.card-list ul li a:hover{text-decoration:underline;}
.card-list ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.card-list ul li span.txt { display: block; height: auto; padding: 1rem; position: relative; min-height:65px; }
.card-list ul li span.txt strong { color: #000; display: inline-block; font-size: 15px; font-weight: normal !important; line-height: 22px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/ word-break: keep-all; width: 100%; -webkit-transition: all .4s; transition: all .4s }
.card-list ul li span.txt span.date { display: inline-block; margin: 10px 0 0 0; color: #888; font-size: 14px; display: none; }

/* 공공누리 */
[class^="codeView"] {clear:both;background-color: #f5f6fa; border: 1px solid #e1e6eb; padding-top: .8rem; padding-right:1rem; padding-bottom:.8rem; min-height:5rem; position:relative;margin:20px auto 40px;display: flex;align-items: center;flex-wrap: wrap;}
[class^="codeView"] img { position:absolute; left:1rem; margin: 0 1rem 0 0; display: inline-block; vertical-align: middle }
[class^="codeView"] strong{display:block;width:100%}
.codeView01 {padding-left: 11.5rem;}
.codeView02,
.codeView03 {padding-left: 13.5rem;}
.codeView04 { padding-left: 15.5rem; }
.codeView05 {padding-left: 4.5rem;}
.codeView05 img{background:#231f20;padding:5px;border-radius:100%;}

/*없을때*/
.no_data {width: 627px;background: #5C58AC; border-radius: 39px;margin:0 auto; padding-top: 208px;padding-bottom: 88px;position: relative;margin-top: 150px;}
.no_data:before {content:'';width: 115px;height: 103px;display: block;position: absolute;left:50%; top:66px;transform: translateX(-50%);background:url(../images/renew24/common/no_data.png) no-repeat center center / 115px auto;}
.no_data .p1 {font-size: 40px;font-weight: bold;color:#fff;text-align: center;}
.no_data .p2 {font-size: 20px;line-height: 1.3;margin-top: 16px;color:#fff;text-align: center;}

/*준비중*/
.ready_wrap {}
.ready_wrap .pic {height: 490px;background: #5b58ad;display: flex; justify-content: end; align-items: center; flex-direction: column;}
.ready_wrap .pic .pic_in {padding:0 20px}
.ready_wrap .pic .pic_in img {width: 674px;}
.ready_wrap .txt_box {padding:0 20px;width: 714px;margin:0 auto;}
.ready_wrap .txt_box ul {margin-top: 73px;}
.ready_wrap .txt_box ul li {margin-bottom: 65px;}
.ready_wrap .txt_box ul li dt {font-size: 24px;color:#5b58ad;border: 2px solid #5b58ad;line-height: 41px;;height:41px;border-radius: 17px;display: inline-block;padding:0 12px;}
.ready_wrap .txt_box ul li dd {font-size: 24px; color:#000;margin-top: 12px;line-height: 1.4;}

/* 이전글 다음글 */
.prev_next { float: left; }
@media all and (max-width: 1600px){
	#gnb > ul{padding:40px 70px 0 0px;}
	#gnb > ul > li{margin:0 26px;}
}
@media all and (max-width: 1480px){
	#gnb > ul{padding:40px 70px 0 0px;}
	#gnb > ul > li{margin:0 15px;}
	#gnb > ul > li a{font-size:18px;}
	#gnb .depth02 .menu-description{width:21%;}
	#gnb > ul > li.active > a:before{bottom:-40px;}
}
@media all and (max-width: 1280px){
	/* layout */
	.wrap{min-width:auto;}
	.header-wrap.active:after{min-width:initial;}
	#header h1 img{width:160px;}
	#header h1 a:after{background-size:90%;height:39px;width:160px;}
	#gnb > ul{position:relative;width:1050px;padding:40px 130px 0 0px;}
	#gnb > ul > li{margin:0 8px;}
	#gnb > ul > li > a{font-size:17px;letter-spacing:-1px;}
	#gnb .depth02 .menu-description{width:20%;}
	#gnb .depth02 .menu-description .text01{font-size:40px;}
	#footer .relate-box .btn button{font-size:14px;}
	#footer .relate-box .site-list li a{font-size:14px;padding:10px;}
	#footer .relate-box .site-list{width:220px;}
	#footer #relateSite01{width:220px;}
	#footer #relateSite02{width:180px;}
	#footer #relateSite02 .site-list{width:180px;}
	#footer #relateSite03{width:200px;}
	#footer #relateSite03 .site-list{width:200px;}


	/* etc */
	.gray-box.full{margin:0;}
	.inner-contents{margin:0;}
	.tab-list.col4 li{width:50%;}
	/*.tab-list.col4 li a span{height:80px;}*/
	.table-list.basic .ellipsis{max-width:200px;}
	.table-list.basic > *{font-size:14px;}

	/* about */
	.nih-leader-wrap{padding:30px;}
	.nih-leader-wrap > ul{margin:0 auto;}
	.nih-leader-wrap > ul > li{overflow:hidden;}
	.nih-leader-wrap ul > li > ul{}
	.nih-leader-wrap > ul > li a{margin:0;}
	.nih-leader-wrap > ul > li > a{margin:0 0 30px 0;}
	.nih-leader-wrap ul > li .leader-section:after{top:225px;left:112px;right:auto;height:150px;width:3px;margin:0;}
	.nih-leader-wrap > ul > li:nth-child(1):after{left:60px;height:100%;margin:0;}
	
	.introduce-box .profile{width:100%;}
	.introduce-box:after{width:230px;height:162px;}
	.introduce-box .text03 br{display:none;}
	.profile-wrap > div div:nth-child(1){width:100%;margin:0 0 30px 0;}
	.profile-wrap > div div:nth-child(2), .profile-wrap > div div:nth-child(3){width:50%;}
	.org-wrap{width:600px;margin:0 auto;background:none;}
	.org-wrap .part01{height:920px;}
	.org-wrap > ul > li:nth-child(1):after{content:"";position:absolute;top:0;left:100px;margin-left:0;width:3px;height:100%;background:#dcdcdc;z-index:-1;}
	.org-wrap > ul > li > ul > li .type02{position:relative;}
	.org-wrap > ul > li > ul > li .type02:after{content:"";position:absolute;top:50%;left:-50px;width:52px;margin-left:-2px;margin-top:-2px;height:3px;background:#dcdcdc;z-index:-1;}
	.org-wrap > ul > li > ul:after{content:"";position:absolute;top:0;left:-110px;width:3px;height:calc(100% - 223px);margin-left:-2px;background:#dcdcdc;z-index:-1;}
	.org-wrap > ul > li.part02 > ul:after{height:calc(100% - 300px);}
	.org-wrap > ul > li > ul{position:relative;float:right;}
	.org-wrap > ul > li > ul > li{float:none;width:100%;}
	.org-wrap .part01 .type01{position:relative;top:0;left:0;}
	.org-wrap .part01 > ul{padding:40px 0 0 0;}
	.org-wrap .part02 .type01{position:relative;top:0;left:0;}
	.org-wrap .part02 > ul{padding:40px 0 0 0;}
	.org-wrap .part02 > ul > li:nth-child(1){position:relative;top:0;left:0;margin:0 0 20px 0;}
	.org-wrap .type02{width:400px;}
	.org-wrap ul li ul li ul{width:400px;}
	.org-wrap ul li ul li ul li{margin:10px 0;}
	.org-wrap > ul > li.part01 > ul:after{left:-45px;height:calc(100% - 250px);}
	.org-wrap > ul > li.part02 > ul:after{left:-45px;height:calc(100% - 192px);}


	.histroy-wrap{width:750px;margin:0 auto -80px;}
	.introduce-box.history{padding:30px;}
	.histroy-wrap .section:nth-child(2n) dl dd ul li span + span{width:100%;}
	.histroy-wrap .section:nth-child(2n - 1) dl dd ul li span + span{width:100%;}
	.histroy-wrap .section:nth-child(2n) .img-area{margin:0 50px 0 0;}
	.histroy-wrap .section:nth-child(2n - 1) .img-area{margin:0 0 0 50px;}
	.histroy-wrap .section ul li br{display:none;}
	.histroy-wrap .section:nth-child(2){margin:280px 0 0 0;}
	.histroy-wrap .section:nth-child(3){margin:450px 0 0 0;}
	.histroy-wrap .section:nth-child(4){margin:330px 0 0 0;}
	.histroy-wrap .section:nth-child(5){margin:170px 0 0 0;}
	.histroy-wrap .section:nth-child(6){margin:180px 0 60px 0;}
	.histroy-wrap .section:nth-child(7){margin:30px 0 0 0;}
	.histroy-wrap .section:nth-child(8){margin:300px 0 0 0;}
	.vision-wrap .box1{padding:30px 20px;}
  .vision-wrap .box1 p{font-size:26px;}
  .vision-wrap .box1 p span{font-size:32px;}

	.mission-box>p.title{font-size: 26px;padding:0 0 0 50px;}
  .mission-box.goal ul li{height: 440px;padding: 0 5px;}
  .mission-box.strte .strte-box{height:auto;padding: 20px;}
  .mission-box.strte .strte-box div:first-of-type{width:200px;padding:0 20px 0 0;}
  .mission-box.strte .strte-box div:last-of-type{width:calc(100% - 200px);padding-left:0;}
	.mission-box.strte .strte-box:nth-of-type(1), .mission-box.strte .strte-box:nth-of-type(2), .mission-box.strte .strte-box:nth-of-type(3){background-image:none;}
	.sci-center-total dl dd{font-size:32px;}

  .ci-wrap .color-list{flex-wrap:wrap;}
  .ci-wrap .color-list .item{margin:0 1%;width:48%;}

	/* 연구사업 */
	.storage-equipment ul li{width:50%;}
	.storage-equipment ul li:nth-child(2){border-right:none;}
	.storage-equipment ul li:nth-child(6){border-right:none;}
	.storage-equipment ul li:nth-child(7), .storage-equipment ul li:nth-child(8){border-top:1px solid #ccc;}

	.board-card-list.img-type > ul > li{height:420px;}
	.board-card-list.img-type > ul > li > a .text{padding:20px 20px 0 20px;}
	.board-card-list.img-type > ul > li > a .date{padding:0 0 0 20px;}
	.board-card-list > ul{justify-content: space-between;}
	.board-card-list > ul > li{width:48%;}
	.board-card-list > ul > li:nth-child(3n - 1){margin:0 0 20px 0;}
	div.board-info .page_info{font-size:14px;}
	div.board-info fieldset div.form-radio.custom label{width:75px;}
	
	.codeView05{display:flex;}
	.board-pr-wrap ul li .pr-box > div .title{font-size:18px;}
	.board-pr-wrap ul li .pr-box > div{padding:20px;}
	.introduce-box .noti_txt {font-size: 16px;}
}

@media all and (max-width: 1150px){
	/* layout */
	#gnb > ul > li.plus-bg.active > a:before{bottom:-43px;}
	#gnb > ul > li.plus-bg.active > a:after{bottom:-47px;}
	#header:before, #header:after{display:none;}
	#gnb > ul > li.plus-bg.active > a:before{bottom:-40px;}
	#gnb .depth02 .inner > ul > li > a{font-size:18px;}
	#gnb .depth02 .inner > ul > li{padding:20px;}
	#gnb .depth02 .menu-description .text01{font-size:28px;}
	#gnb .depth02 .menu-description .text02{font-size:16px;}
	#gnb .depth02 .inner{max-width:960px;}
	.board-search .serch-input-text{width:245px;}
	
	.aside-wrap{width:220px;}

}
@media all and (max-width: 1100px){
   #gnb > ul{text-align: left;margin-left: 150px;}
   #gnb .depth02{left:-150px;}
}
@media all and (max-width: 1024px){	
	/* layout */
	.wrap{min-width:auto;}
	.eg-wrap span{font-size:14px;}
	.eg-wrap{position:fixed;top:0;width:100%;}
 	 .modal-opened .bg-dim{display:block !important;width:100%;}
	.bg-dim.mobile-menu-open{display:block !important;width:100%;}
	.bg-dim{display:none !important;}
	.header-wrap, #header{min-height:66px;}
	.header-wrap{position:fixed;top:30px;left:0;width:100%;/* z-index:1000; */padding:0;}
	.header-wrap.active:after, #header:after, #header:before{display:none;}
	#header h1{top:16px;left:15px;}
	#header h1 img{width:140px;}
	#header .gnb-wrap{position:fixed;right:-100%;top:0;height:100%;overflow:auto;width:100%;z-index:500;background-color:#fff;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
	#header .gnb-wrap.mobile-menu-open{right:0;display:block;}
	#gnb > ul{margin:0;}
	#header .util{display:none;position:absolute;right:0;top: 61px;z-index: 100;background: #fff;width:100%;padding: 0;left:0;}
	#header .util .link{display:none;}
	#header .site-lang{display:none;}
	#header .util .search-open{display:none;}
	#header .util .top-search-form .search-close a{top:17px;width:32px;height:32px;background:#f8f8f8 url(../images/common/icon-close.png) no-repeat 50% 50%;background-size:20px;}
	#header .util .top-search-form{float:none;width:calc(100% - 55px);top:-61px;height:66px;right:auto;left:0;border-radius:0;background:#f8f8f8;box-shadow:none;}
	#header .util .top-search-form input[type="text"]{background:#f8f8f8;width:100%;height:40px;} 
	.header-wrap.search .util:after{top:-61px;height:66px;background:#f8f8f8;}
  	#header .util .search-detail{display:none;}
	#gnb{top:60px;}
	#gnb > ul{float:none;padding:0;width:auto;}
	#gnb > ul:after{content:"";display:block;clear:both;}
	#gnb > ul > li{display:block;float:none;margin:0;}
	#gnb > ul > li > a{position:relative;font-size:18px;font-weight:500;min-height:45px;line-height:45px;padding:0 0 0 20px;display:inline-block;width:100%;text-align:left;}
	#gnb > ul > li.active .depth02{display:none;}
	#gnb > ul > li .depth02{display:none;position:inherit;padding:14px 0;background:#f2f5ff;}
	#gnb > ul > li.plus-bg.active > a:after{top:22px;right:15px;width:6px;height:6px;left:auto;border:none;border-top:2px solid #31a580;border-right:2px solid #31a580;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnb > ul > li.plus-bg > a:after{content:"";position:absolute;top:17px;right:15px;border-top:2px solid #737373;border-right:2px solid #737373;width:6px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}
	#gnb > ul > li.active a:before{display:none;}
	#gnb .depth02 .inner:after{display:none;}
	#gnb .depth02 .inner:before{display:none;}
	#gnb .depth02{width:100%;padding:0;}
	#gnb .depth02 ul > li{float:none;margin:0;} 
	#gnb .depth02 ul > li:last-child{border:none;}
	#gnb .depth02 .inner > ul > li > a{margin:0;line-height:24px;text-align:left;padding:6px 15px 6px 20px;font-size:16px;color:#212121;font-weight:500;}
	#gnb .depth02 .inner > ul > li{position:relative;}
	#gnb .depth02 .inner > ul > li.plus-bg.active:after{top:16px;right:15px;width:6px;height:6px;left:auto;border:none;border-top:2px solid #31a580;border-right:2px solid #31a580;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnb .depth02 .inner > ul > li.plus-bg:after{content:"";position:absolute;top:12px;right:15px;border-top:2px solid #737373;border-right:2px solid #737373;width:6px;height:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}

	#gnb .depth02 ul > li.active > a{color:#31a580;}
	#gnb .depth02 ul > li:last-child > a{border-bottom:none !important;}
	#gnb .depth02 ul > li .depth03{display:none;padding:0;}
	#gnb .depth02 ul > li .depth03 li a{padding:0 15px 0 20px;font-size:13px;color:#888;font-weight:400;}
	#gnb .depth02 ul > li .depth03 li.active > a{color:#31a580;}
	.header-wrap.active #gnb .depth02 .inner > ul{border:none !important;}
	#gnb .depth02 .inner > ul > li{height:auto !important;padding:0 !important;width:100% !important;border:none !important;}
	#gnb .depth02 .menu-description{display:none;}
	#header .mobile-util{display:block;height:66px;margin:0 0 10px 13px;}
	#header .mobile-util ul{overflow:hidden;}
	#header .mobile-util li{position:relative;float:left;width:80px;text-align:center;padding:1px;}
	#header .mobile-util li a{display:block;color:#0e1262;line-height:66px;}
	#header .mobile-util li.on a{font-weight:500;}
	#header .mobile-util li:nth-child(2):after{content:"";position:absolute;top:28px;left:10px;width:1px;height:11px;background:#7d7d7d;transform:rotate(20deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);}
	#header .mobile-menu-btn{display:block;position:absolute;right:15px;top:18px;}
	#header .mobile-menu-btn a{display:block;height:30px;width:30px;background:url(../images/common/icon-menu.png) no-repeat 50% 50%;text-indent:-9999px;background-size:26px 20px;}
	#header .mobile-search-btn{display:block;position:absolute;right:105px;top:19px;}
	#header .mobile-search-btn a{display:block;height:30px;width:30px;background:url(../images/common/icon-search-m.png) no-repeat 50% 50%;text-indent:-9999px;background-size:24px 24px;}
  	#header .mobile-search-detail{display:block;position:absolute;right:65px;top:19px;}
	#header .mobile-search-detail button{display:block;height:30px;width:30px;background:#065c41 url(../images/common/icon-search-detail.png) no-repeat 50% 50%;border-radius:100%;text-indent:-9999px;background-size:16px auto;}
  	#header .mobile-close{display:block;position:absolute;top:24px;right:15px}
	#header .mobile-close a{display:block;width:20px;height:20px;background:url(../images/common/icon-close.png) no-repeat 50% 50%;text-indent:-9999px;background-size:20px 20px;}
	#header .util .top-search-form button{height:30px;width:30px;background:url(../images/common/icon-search-m.png) no-repeat 50% 50%;background-size:24px 24px;margin:7px 0 0 8px;}
	#header .all-menu-btn{display:none;}
	.aside-wrap{display:none;}
	#container{margin-top:0;}
	.contents-wrap{display:inherit;flex-direction:inherit;max-width:1564px;margin:30px auto 60px;padding:0;overflow:visible;}
	.contents{flex-grow:inherit;padding:0 15px;}
	.page-info{padding:0 0 22px;margin:0 0 20px 0;align-items: center;}
	.footer-wrap{height:auto;padding:20px;}
	#footer .footer-top{padding:0;}
	#footer .footer-info{width:calc(100% - 200px);}
	#footer .relate-box{top:0;}
	#footer .footer-logo{display:block;margin:0 0 20px 0;}
	#footer .footer-logo img{width:140px;}
	#footer{padding:0;}
	#footer .footer-sns li{margin:0 0 0 2px;}
	#footer .footer-sns li a{display:inline-block;width:30px;}
	#footer .footer-sns li img{width:30px;}
	
	#footer .footer-util{max-width:270px;margin:0 auto;}
	#footer .footer-util li{margin:0 0 0 10px;padding:0 0 0 15px;}
	.footer-link-wrap{position:relative;top:18px;}
	#footer .relate-box .btn button{font-size:13px;}
	#footer .relate-site .relate-box{margin:0 0 5px 0;width: 32.5% !important;display: inline-block;float: left;}
	#footer .relate-site .relate-box:nth-child(2){margin:0 1% 5px}
	#footer .relate-box .btn{width:100%;}
	#footer .relate-box .btn button{width:100%;}
	#footer .relate-box .site-list {width:100% !important;}

	/* etc */
	.page-info {padding-left: 5px;}
	.page-info .page-title{font-size:22.5px;}
	.tab-list-wrap{position:relative;margin:0 0 15px 0;}
	.tab-title{display:block;width:100%;position:relative;}
	.tab-title:after{content:"";position:absolute;top:20px;right:14px;border-top:2px solid #fff;border-right:2px solid #fff;width:5px;height:5px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);z-index:100;} 
	.type02 .tab-title:after {border-top:2px solid #5C58AC;border-right:2px solid #5C58AC;}
	.tab-title.tab-mo:after{top:22px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	.tab-title a{overflow: hidden;display:block;width:100%;background:#5C58AC;color:#fff;font-size:14px;height:50px;line-height:50px;padding:0 40px 0 10px;white-space: nowrap;text-overflow: ellipsis;border-radius: 10px;}
	.tab-title.tab-mo + .tab-list{display:block !important;}
	.tab-title a{text-decoration: none;}
  	.tab-list-wrap.type02 .tab-title a{background:#F4F4FF;color:#5C58AC;}
	.tab-list-wrap .tab-list{display:none !important;border:none;border:1px solid #dcdcdc;border-top:none;}
	.tab-list-wrap .tab-list li{width:100%;border:none;border-top:1px solid #dcdcdc;}
	.tab-list-wrap .tab-list li a span{height:50px;font-size:14px;text-align:left;}
	.tab-list-wrap .tab-list li a span br{display:none;}
	.tab-list-wrap .tab-title.tab-mo + .tab-list{position:absolute;top:60px;left:0;z-index:500;box-shadow:0px 0px 10px rgb(0, 0, 0, 0.3);}
	.tab-list-wrap.type01{z-index:250;}
	.tab-list-wrap.type02{z-index:200;}
	.tab-list-wrap.type02 .tab-list li{margin:0;}
	.tab-list-wrap.type02 .tab-list li a{border-radius:0;border:none;}
	.tab-list.col3 li:nth-child(1){width:100%;}
	.table-view table th{font-size:16px;}
	.table-scroll-wrap{margin:0 0 20px 0;}
	.basic-text{line-height:26px;}
	.tab-list.col1{width:100%;min-width:100%;}
	.ko-detail-con .tab-list-wrap .tab-list li{width:50%;border-bottom:1px solid #dcdcdc;border-top:none;}
	.ko-detail-con .tab-list-wrap .tab-list li:nth-child(2n - 1){border-right:1px solid #dcdcdc;}
	.ko-detail-con .tab-list-wrap .tab-list li.ko27{border-bottom:none;}
	.ko-detail-con .tab-list-wrap .tab-list li a span{height:50px;}

	/* all-menu */	
	.all-menu-btn{display:none !important;position:absolute;top:55px;right:0px;z-index:1000;}
	.all-menu-wrap{display:none !important;}

	/* about */
	.location-wrap .root_daum_roughmap_landing,  .location-wrap .wrap_map{height:500px !important;}
	.introduce-box .text01{width: 100%; margin: 0 0 50px 0; font-size:24px;line-height:32px;}
	.introduce-box .text02{font-size:20px;line-height:24px;}
	.introduce-box .text03{font-size:16px;line-height:24px;}
	.histroy-wrap{width:720px;margin:0 auto -60px;}
	.vision-wrap .box1{padding: 50px 20px;}
  .vision-wrap .box1 p{font-size:20px;}
  .vision-wrap .box1 p span{font-size:24px;}
  .mission-box.strte .strte-box div:first-of-type{width: 367px;padding:0 10px 0 65px;}
  .mission-box.strte .strte-box div:last-of-type{width:calc(100% - 367px);}
	.mission-box.strte .strte-box:nth-of-type(1){background: url(../images/sub/about/mission01.png) no-repeat 50px 50%;}
	.mission-box.strte .strte-box:nth-of-type(2){background: url(../images/sub/about/mission02.png) no-repeat 50px 50%;}
	.mission-box.strte .strte-box:nth-of-type(3){background: url(../images/sub/about/mission03.png) no-repeat 50px 50%;}
  .sci-center-total dl{height:120px;}
  .sci-center-total dl dd{font-size:26px;}

	/* 연구사업 */
	.storage-equipment ul li{width:25%;}
	.storage-equipment ul li div .tit{font-size:14px;font-weight:500;}
	.storage-equipment ul li:nth-child(2){border-right:1px solid #ccc;}
	.storage-equipment ul li:nth-child(6){border-right:1px solid #ccc;;}
	.storage-equipment ul li:nth-child(7), .storage-equipment ul li:nth-child(8){border-top:none;}
	.brain-network{margin:0 0 20px 0;}
}

@media all and (max-width:890px){
	.tbl-scroll-b{position:relative;padding-top:32px;background:url(../images/common/bg-hand.gif) right top no-repeat}
	.tbl-scroll-b table{min-width:910px}
	.img-scroll{position:relative;padding:32px 0 10px 0;background:url(../images/common/bg-hand.gif) right top no-repeat}
	.img-scroll img{max-width:910px;}
}
@media all and (max-width: 768px){
	body{word-break: break-all }
	#footer .footer-logo{display:none;}
	#footer .footer-etc-wrap{position:relative;text-align:center;}
	#footer .footer-etc-wrap .mark{text-align:center;}
	#footer .footer-info{width:100%;text-align:center;}
	.search-detail-pop select, .search-detail-pop input[type="text"]{height:30px;}
	.search-detail-pop  .table-view table th, .search-detail-pop  .table-view table td{padding:5px;}

	.page-info {padding-left: 0;}
	.page-info .etc-info{height:46px;min-width:134px;}
	.page-info .etc-info span{height:44px;}
	.page-info .etc-info span a{height:42px;width:39px;background-size:60% auto;}
	.page-info .share-list{left:-54px;top:48px;}
	.tbl-scroll-m{position:relative;padding-top:32px;background:url(../images/common/bg-hand.gif) right top no-repeat}
	.tbl-scroll-m table{min-width:780px}	

	/* etc */
	.pagination{font-size:14px;}
	.pagination strong{}
	.pagination img{max-height:12px;padding:0 !important;}
	.pagination span{margin:0;}
	.pagination a span {padding:2px 0 0 0 !important;margin:0 !important;}
	.pagination strong{}
	.pagination .next, .pagination .prev, .pagination .next02, .pagination .prev02, .pagination .first, .pagination .prev, .pagination .next, .pagination .end{width:23px !important;}
	.pagination .next02, .pagination .prev{display:none;}
	.basic-text{line-height:21px;}
	.list-dot > li{line-height:24px;margin-bottom:0;}
	.list-dot > li:after{top:9px;}
	p.list-dot{line-height:24px;}
	p.list-dot:after{top:9px;}
	.list-dot.type02 > li{font-size:16px;line-height:24px;}
	.title-dot + .list-bar + .title-arrow{margin-top:30px;}
	.inner-contents .basic-text{margin-bottom:20px;}
	.inner-contents .title-arrow + .basic-text{margin-bottom:20px;}
	.codeView05{min-height:auto;}
	.codeView05 img{margin:0 1rem 0 0 !important;}
	.tab-list-wrap .tab-list li a span{height:40px;}
    .report-tab .tab-list li{width:10%;}	
	.ko-intro-box p{font-size:16px;line-height:26px;}
	.ko-intro-box p + p{font-size:14px;line-height:20px;}
    .link-box dl{display:block;padding:0;}
	.link-box dt, .link-box dd{text-align:left;width:100%;}
	.link-box dd{padding:10px;}
	.link-box dd span{padding:0;margin:0 0px 0 0;}
	.link-box dd a{min-width:24px;width:24px;height:24px;background-size:20px auto;margin:0 10px 0 0;}
	.link-box dt{background:#f7f7fe;padding:10px;}
	.link-box dt:after{display:none;}
	.link-box dd .btn-download{background-size:50%;width:24px;}
	.koges-workshop{padding-top:20px;padding-right:15px;}
	.koges-workshop .table-view table td ul li .koges-file{top:9px;}
	.img-scroll .basic-text02{font-size:16px;}
	.img-scroll .basic-text02 + img{margin-top:20px;}
	[class^="codeView"] {display:block;}

	/* about */
	.nih-leader-wrap .leader-section {height: 145px;padding-bottom: 20px;}
	.nih-leader-wrap .leader-section .img {width: 125px;margin-right: 0;}
	.nih-leader-wrap a {width: auto;}
	.nih-leader-wrap .leader-section.leader01 .text-wrap, 
	.nih-leader-wrap .leader-section.leader02 .text-wrap {width: 125px;margin-top: 8px;}
	.nih-leader-wrap .leader-section .text-wrap .text02 {font-size: 20px;}
	.nih-leader-wrap .leader-section .text-wrap .text01 {font-size: 12px;margin-bottom: 0;}
	.nih-leader-wrap ul > li > ul > li .leader-section .img {width: 86.5px;margin-right: 20px;}
	.nih-leader-wrap .leader-section span {width: 105px;height: 50px;line-height: 50px;}

	/* .introduce-box .pic{top:27px;right:27px;width:140px;height:167px;} */
	.introduce-box .pic {width: 47.234%; margin-left: 1.5em;}
	.introduce-box.deputy .pic{right:0;}
	.introduce-box .text02{width:calc(100% - 240px);}
	.introduce-box .text03{width:calc(100% - 240px);}
	.inner-contents .profile_box {flex-direction: column;}
	.inner-contents .profile_box .profile {padding-top: 50px;}
	.inner-contents.bottom {flex-direction: column-reverse;}
	.inner-contents.bottom .profile_box .profile {padding-top: 0;}
	.inner-contents .profile_box .profile.left {width: 100%;}
	.inner-contents .profile_box .profile.right dd ul {flex-wrap: nowrap; gap: 0; height: auto; }
	.deputy-sign{font-size:16px;}
	.deputy-sign span{font-size:24px;}
	.profile-wrap > div div dl{padding:0 0 0 60px;}
	.profile-wrap > div div dl:after{width:50px;height:50px;background-size:20px auto;}
	.profile-wrap > div div dl dt{line-height:50px;}
	.profile-wrap > div div:nth-child(1) .text01{font-size:20px;}
	.profile-wrap > div div:nth-child(1) .text02{font-size:16px;}
	.profile-wrap > div div dl dt{font-size:16px;}
	.schedule_area{display:block;margin:0;}
	.schedule_area .sa_calendar{width:100%;margin:0 0 20px 0;min-width:inherit;}
	.schedule_area .sa_calendar table thead th{font-size:14px;}
	.schedule_area .sa_calendar table tbody td.today a:after{height:calc(100% + 2px);width:calc(100% + 2px);left:0;top:0;border-radius:0;}
	.sch-detail-wrap li{width:48%;margin-bottom:10px;}
	.sa_detail{width:100%;max-width:inherit;margin:0 0 20px 0;}
	.schedule_area .today_area{padding:20px;}
	.org-wrap{width:545px;}
	.org-wrap .type01, .org-wrap .type02{font-size:18px;}
	.org-wrap > ul > li:nth-child(1):after{display:none;}
	.vision-wrap{margin-bottom: 50px;}
	.vision-wrap .box1 strong{font-size: 20px;}
	.vision-wrap .box1 p{margin:10px 0;} 
	.vision-wrap .box2 p:first-child{font-size:20px;}
	.vision-wrap .box2 p:last-of-type{font-size:16px;}
	.mission-box.goal ul li:nth-child(1), .mission-box.goal ul li:nth-child(2){border-bottom:none}
	.mission-box.goal ul li:nth-child(2){border-right:none}
	.mission-box.goal ul li:nth-child(3), .mission-box.goal ul li:nth-child(4){border-top:1px dashed #dcdcdc;}
	.mission-box.goal ul li{background-size:80px auto !important;}
	.mission-box.goal ul li strong{font-size:18px;margin:130px 10px 10px 10px}
    .mission-box.goal ul li{width: 50%;height:300px;}
	.mission-box.goal ul li p br{display:none;}
	.mission-box>p.title{font-size: 22px;padding:0 0 0 40px;}
	.mission-box.strte .strte-box{display:block;height:auto;padding:0;background:none !important;}
    .mission-box.strte .strte-box div:first-of-type{width: 100%;margin:0;border:none;padding:5px 10px 5px 40px;}
    .mission-box.strte .strte-box div:last-of-type{width: 100%;margin:15px;}
    .mission-box.strte .strte-box>div:first-of-type:after{display: none;}
	.mission-box.strte .strte-box p{font-size:16px;}
	.mission-box.strte .strte-box p + span{margin:5px 0 0 0;}
	.mission-box.strte .strte-box.mission1{border-left: 3px solid #e06d6d;}
	.mission-box.strte .strte-box.mission2{border-left: 3px solid #31a580;}
	.mission-box.strte .strte-box.mission3{border-left: 3px solid #c4952b;}
	.mission-box.strte .strte-box .strte01{background:#f8f8f8 url(../images/sub/about/mission01.png) no-repeat 20px 50%;background-size:40px auto;}
	.mission-box.strte .strte-box .strte02{background:#f8f8f8 url(../images/sub/about/mission02.png) no-repeat 20px 50%;background-size:40px auto;}
	.mission-box.strte .strte-box .strte03{background:#f8f8f8 url(../images/sub/about/mission03.png) no-repeat 20px 50%;background-size:40px auto;}
	.introduce-box:after{width:150px;height:106px;}
	.introduce-box.history .histroy-text01{font-size:16px;line-height:22px;margin-bottom:20px;}
	.introduce-box.history .histroy-text01 br{display:none;}
	
	.histroy-wrap{width:100%;text-align:left;}
	.histroy-wrap:after{top:10px;left:12px;margin-left:-1.5px;}
	.histroy-wrap .section{width:100%;}
	.histroy-wrap .section dl dt{padding:0 0 0 40px;margin:0 0 10px 0;font-size:20px;}
	.histroy-wrap .section dl dt:after{left:0;top:2px;width:18px;height:18px;border:3px solid #31a580;}
	.histroy-wrap .section dl dd{padding:0 0 0 40px;}
	.histroy-wrap .section dl dd ul li{margin:0 0 10px 0;}
	.histroy-wrap .section dl dd ul li:before{left:-32px;}
	.histroy-wrap .section:nth-child(1){margin:0 !important;}
	.histroy-wrap .section:nth-child(2n){text-align:left;}
	.histroy-wrap .section:nth-child(2n) dl dt{padding:0 0 0 40px;}
	.histroy-wrap .section:nth-child(2n) dl dt:after{left:0;right:auto;}
	.histroy-wrap .section:nth-child(2n) dl dd{padding:0 0 0 40px;}
	.histroy-wrap .section:nth-child(2n) dl dd ul li span{float:left;margin:0;}
	.histroy-wrap .section:nth-child(2n) dl dd ul li span + span{float:left;margin:0;width:100%;}
	.histroy-wrap .section:nth-child(2n) dl dd ul li:before{left:-32px;right:auto;}
	.histroy-wrap .section:nth-child(2n - 1){float:left;}
	.histroy-wrap .section:nth-child(2n) .img-area{margin:0 0 0 40px;}
	.histroy-wrap .section:nth-child(2n - 1) .img-area{margin:0 0 0 40px;}
	.histroy-wrap > .section{margin:20px 0 0 0 !important;}
	.histroy-wrap .section .img-area span{font-size:12px;}
	.sci-center-total dl{width:48%;max-width: none;margin:0 1% 23px;height:110px;}
	.sci-center-total dl:nth-child(1){margin-left:1%;}
	.sci-center-total dl:nth-child(5){margin-left:1%;}
	.sci-center-total dl dd{font-size:22px;}
	.sci-center-total div{width:calc(100% + 30px);margin:0 -15px;padding:15px;}
	.sci-center-total div dl{margin:0 1%;}

	.ci-wrap .ci-box01 {padding:20px;}
	.ci-wrap .ci-box01 dl dt{font-size:20px;}
	.ci-wrap .ci-box01 dl dd{font-size:16px;line-height: 24px;}
	.ci-wrap .ci-box02 .tit{font-size:20px;margin: 0 0 20px 0;}
	.ci-wrap .color-list .item{margin:0 1% 20px;}
	.ci-wrap .color-list .item strong.title{font-size:16px;}
	.ci-wrap .ci-box02{padding:20px;margin-bottom:30px;}
	.ci-wrap .ci-title{font-size:20px;}

	/* 연구사업 */
	.storage-equipment ul li{width:50%;}
	.storage-equipment ul li:nth-child(2){border-right:none;}
	.storage-equipment ul li:nth-child(6){border-right:none;}
	.storage-equipment ul li:nth-child(7), .storage-equipment ul li:nth-child(8){border-top:1px solid #ccc;}

	.brain-network ul{flex-wrap:wrap;padding:0;}
	.brain-network ul li{width:50%;padding:10px;}
	.brain-network ul li:nth-child(1){border-bottom:1px solid #dcdcdc;}
	.brain-network ul li:nth-child(2){border-bottom:1px solid #dcdcdc;}
	.brain-network ul li:nth-child(3){border-left:none;}

	.brain-network.col3 ul li{width:33.3333%;padding:0;}
	.brain-network.col3 ul li:nth-child(1){border-bottom:none;}
	.brain-network.col3 ul li:nth-child(2){border-bottom:none;}
	.brain-network.col3 ul li:nth-child(3){border-left:1px solid #dcdcdc;}
	.brain-network.col3 ul li .img{min-height:50px;margin-bottom:0;}
	.brain-network.col3 ul li .link{padding:0 5px;}
	.brain-network.col3 ul li .link a{font-size:12px;padding:0px 12px 0 0;background-size:10px auto;background-position:100% 6px;letter-spacing:-1px;}

	.brain-poster{margin:0 0 20px 20px;}
	.brain-leaflet{margin:0 0 20px 20px;}
	.brain-poster ul li .text01, .brain-poster ul li .text02{padding:0;}
	.brain-leaflet ul li div{padding:0;}

	div.tstyle_view ul.add_file li div > span.link{float:left}
	.m-hidden {display: none !important;}
	[class^="codeView"] { padding-left: 1rem }
	[class^="codeView"] img { position:static; display: block; margin: 0 auto .5rem }
	/* 게시판 검색*/
	div.board-info {display:block;}
	div.board-info {margin-bottom:15px}
	div.board-info .search-rss {position:relative;background:#F7F8FB; border:none; padding:20px; text-align:center; width:100%;border-radius: 15px;}
	div.board-info .page_info {float:right; margin-top:15px}
	div.board-info fieldset div {margin-left:0}
	div.board-info fieldset div.form-select,
	div.board-info fieldset div.form-input{display:block; width:100%;margin-bottom: 10px;}
	div.board-info fieldset div.form-input input[type="text"]{width:100%;}
	div.board-info fieldset div.form-select select{width:100%;}
	div.board-info fieldset div.form-select.first-select select{}
	div.board-info fieldset div.form-select.first-select + .form-select select{border-left:1px solid #dcdcdc;}
	div.board-info fieldset div.form-btn{position:absolute;right:20px;bottom:30px;}
	div.board-info fieldset div.form-btn button{width:50px;}
	div.board-info fieldset div.form-radio.custom{margin:0 0 10px 0;}
	div.board-info fieldset div.form-radio.custom label{width:100px;}
	.board-pr-wrap ul{display:block}
	.board-pr-wrap ul li{margin:0 auto 20px;width:100%;}
	.tstyle_list .board-category{display:block;margin-bottom:5px;}

	.card-list { padding: 25px 0 5px; border-top: 1px solid #919191; border-bottom: 1px solid #919191 }
	.card-list ul { clear: both; overflow: hidden }
	.card-list ul li { float: left; width: 48.7%; margin: 0 2.6% 25px 0; overflow: hidden }
	.card-list ul li:nth-child(3n) { margin-right: 2.6% }
	.card-list ul li:nth-child(2n) { margin-right: 0 }
	.card-list ul li span.txt strong { height: auto; -webkit-line-clamp: 1 }
	.card-list ul li span.txt span.date { margin: 5px 0 0 0 }
	.card-list ul li a:before { bottom: 27.5% }

	.no_data {width: 100%;margin-top: 50px;padding-top: 190px;}
	.no_data:before {background:url(../images/renew24/common/no_data.png) no-repeat center center / 90px auto;}
	.no_data .p1 {font-size: 30px;}
	.no_data .p2 {font-size: 16px;}

	/*준비중*/
	.ready_wrap .pic {height: 290px;}
	.ready_wrap .pic .pic_in {}
	.ready_wrap .pic .pic_in img {width: 574px;}
	.ready_wrap .txt_box {width: 614px;}
	.ready_wrap .txt_box ul {margin-top: 53px;}
	.ready_wrap .txt_box ul li {margin-bottom: 45px;}
	.ready_wrap .txt_box ul li dt {font-size: 17px;line-height: 31px;;height:31px;border-radius: 12px;}
	.ready_wrap .txt_box ul li dd {font-size: 17px; color:#000;margin-top: 12px;line-height: 1.4;}

	/* 주요성과 리스트 */
	.board-pr-wrap ul li .pr-box {flex-direction: column;}
	.board-pr-wrap ul li .pr-box > p {width: 100%;}
	.board-pr-wrap ul li .pr-box > div {width: 100%;}
	.board-pr-wrap ul li .pr-box > div a.button-download {margin: 0;}
	.board-pr-wrap ul li .pr-box > div a.button-link {margin: 0;}
}	

@media all and (max-width: 640px){
	/* layout */
	#header h1{top:16px;left:15px;}
	#header h1 a:after{width:138px;height:34px;}
	#header h1 img{width:107px;}
	.contents > * {font-size:14px;}
	.page-info .share-list{left:-4px;top:38px;padding:5px 10px;}
	.page-info .share-list .share-close{top:5px;}
	#footer .footer-top{height:auto;}
	.footer-link-wrap{top:0;margin:10px 0;}
	#footer .relate-site .relate-box{float:none;width:100% !important;}
	#footer .relate-site .relate-box:nth-child(2){margin:0 0 5px 0;}
	#footer .footer-info address span{margin:0 5px;}
	#footer #relateSite01 .btn{border-radius:0;}
	#footer #relateSite03 .btn{border-radius:0;}

	/* layout */
	.breadcrumb{padding:0;}
	.breadcrumb_in {min-height: 31px;padding:0 20px;}
	.breadcrumb ol li:nth-child(1){width:20px;height:20px;background:url(../images/renew24/common/ico_home.png) no-repeat 50% 50%;background-size:10px auto;}
	.breadcrumb ol li:nth-child(2) {padding-left: 4px;}
	.breadcrumb ol li{line-height:16px;}
	.breadcrumb ol li a{font-size:12px;letter-spacing:-1px;}

		
	.page-info{display:block;margin:0 0 20px 0;padding:0 0 10px 0;text-align: center;}
	.page-info .page-title{margin:0 0 0px 0;text-align: center;}
	.page-info dl{display:inline-block;padding:0 0 0 18px;margin:0 0 0 15px;}
	.page-info dl dd{margin:0 0 0 5px;}
	.page-info .etc-info{display:inline-block;height:38px;margin:10px 0 0 0 !important;min-width:auto;}
	.page-info .etc-info span{height:33px;}
	.page-info .etc-info span:nth-child(3){border-width:1px;}
	.page-info .etc-info span a{height:38px;width:38px;}
	.page-info .etc-info span .btn-share {background: url(../images/renew24/common/top_sub_share.png) no-repeat center center / 13.11px auto}
	.page-info .etc-info span .btn-copy {background: url(../images/renew24/common/top_sub_copy.png) no-repeat center center / 11.5px auto;
	}
	.page-info .etc-info span .btn-print {background:url(../images/renew24/common/top_sub_print.png) no-repeat center center / 13.35px auto;}

	/* etc */
	.message-box {padding:19px 25px;}
	.message-box p{line-height:22px;font-size: 13px;}
	.tab-list.half li{width:100%;}
	.title-arrow{font-size:16px;background-position:left center;}
	.title-arrow em {font-size:16px;}
	.title-arrow span.year-sel{font-size:16px;background-position:0 3px;}
	.title-dot{font-size:15px;line-height:24px;margin:0 0 5px 5px;}
	.list-bar > li{font-size:14px;}
	.title-dot:after{top:8px;}
	.title-arrow + .list-dot{margin-bottom:20px;}
	.title-arrow + .ml20.text-gray{margin-bottom:20px;}
	.title-dot + .list-bar{margin:0 0 20px 20px;}
	.both-contents.gmp{margin-bottom:20px;}
	.tab-list.col2 li{width:100%;}
	.tab-list.type02 li a span{font-size:12px;padding:0 10px;}
	.list-dot.type02 > li{font-size:15px;line-height:22px;}
	.ko-intro-box{padding:20px;background-image:none;}
	.ko-intro-box p br{display:none;}
	.table-view.ko-table table tr th:last-child, .table-view.ko-table table tr td:last-child{word-break:break-all;}
	.table-view.ko-table table tr td{padding:10px;}
	.faq-wrap li .question a p span{margin-top:-4px;}
	.faq-wrap.faq-visible .question p{font-size:16px;}
	.target-box p a{font-size:14px;background-position:right 16px top 9px;}
	.table-view table th{font-size:14px;}
	.report-tab .tab-list li{width:10%;}

	/* about */
	.nih-leader-wrap{padding:23px 0;border-radius:0;margin:0 -15px -60px;}
	.nih-leader-wrap ul > li > ul{margin:0 20px 0 0;}
	.nih-leader-wrap .leader-section {padding-left:10px;}
	.nih-leader-wrap .leader-section .img{width:73px;margin: 0 auto;height:auto;}
	.nih-leader-wrap .leader-section .img img{width:73px;height:auto;}
	.nih-leader-wrap .leader-section{height:114px;}
	.nih-leader-wrap a{height:114px;}
	.nih-leader-wrap .leader-section .text-wrap{width:calc(100% - 84px);}
	.nih-leader-wrap .leader-section .text-wrap .text01{font-size:13px;line-height:16px;margin:0 0 10px 0;white-space: normal;}
	.nih-leader-wrap .leader-section .text-wrap .text02{font-size:16px;}
	.nih-leader-wrap .leader-section span {width: 70px; height: 35px;font-size: 11px;line-height: 35px;}
	.nih-leader-wrap > ul{}
	.nih-leader-wrap ul > li > ul:after{top: -30px;width:1px;left: -24px;height: 414px;}
	.nih-leader-wrap ul > li > ul > li .leader-section:after{height:1px;left:-26px;}
	.nih-leader-wrap > ul > li:nth-child(1):after{display:none;}
	.profile-wrap > div{margin:20px auto;}
	.profile-wrap > div div{padding:0;}
	.sch-detail-wrap li{width:100%;margin-left:0;height:auto;}
	.sch-detail-wrap li div .text02{margin:0 0 20px 0;}
	/* .introduce-box{padding:40px 17px;background-image: linear-gradient(113deg, #5c58ac 2%, #11af9c 109%);} */
	/* .introduce-box .pic{right:auto;top:35px;left:17px;width:100px;height:120px;} */
	.introduce-box .pic {width: 50%; margin-left: 1.5em;}
	.introduce-box .text01{font-size:20px; margin-bottom: 25px;}
	.introduce-box .text01 strong {display: block;}
	.introduce-box .profile dd ul li{font-size:14px;}
	.introduce-box.deputy .pic img{width:180px;}
	.introduce-box.deputy .text01{margin:10px 0 20px 10px;width:100%;min-height:auto;}
	.introduce-box.deputy .text01  strong{display:inline-block;}
	.introduce-box.deputy .text02{margin:10px 0 20px 10px;width:100%}
	.introduce-box.deputy .text03{margin:10px 0 20px 10px;width:calc(100% - 150px)}
	.location-wrap .root_daum_roughmap_landing{margin:0 0 40px 0;}
	.location-wrap .root_daum_roughmap_landing, .location-wrap .wrap_map{height:270px !important;}
	.org-wrap{width:465px;}
	.org-wrap .part01 .type01, .org-wrap .part02 .type01{min-width:auto;}
	.org-wrap .part01{height:860px;}
	.org-wrap .type02, .org-wrap ul li ul li ul{width:300px;}
	.org-wrap > ul > li.part01 > ul:after{height:calc(100% - 233px);}
	.org-wrap > ul > li.part02 > ul:after{height:calc(100% - 180px);}
	.location-text01{margin:0 0 30px 35px;}
	.location-text01 dt{display:block;margin:0;}
	.location-text01 dd{width:100%;margin:0 0 10px 15px;}
	.location-way .title{font-size:16px;}
	.location-text02 dt{font-size:16px;}
	.location-text02 dd{margin:0 0 20px 15px;}
	.table-view.location-table{margin-bottom:40px;}
	.location-text02{margin-bottom:40px;}
	.vision-wrap{height:auto;}
	.vision-wrap .vision-box{width:100%;padding:20px;}
  .facility-info dl{display:block;}
  .facility-info dl dt{text-align:center;width:100%;font-size:16px;padding:10px;}
  .facility-info dl dt br{display:none;}
  .facility-info dl dd{width:100%;border-radius:0 0 3px 3px;}
  .facility-info dl:first-child:after{left:50%;margin-left:-20px;}
  .sci-center-total dl dd{font-size:18px;}
  
  .ci-wrap .ci-box01 dl dt{font-size:18px;}
  .ci-wrap .ci-box02 .tit{font-size:18px;}
  .ci-wrap .color-list .item strong.title{padding:8px 10px;}
  .ci-wrap .color-list .item ul li strong{font-size:16px;}
  .ci-wrap .color-list .item{margin:0 1% 20px;}
  .ci-wrap .ci-title{font-size:18px;}
  .ci-wrap .ci-download{margin:20px auto;}
  .ci-wrap .ci-download .text-with-down{position:relative;width:290px;text-align:left;}
  .ci-wrap .ci-download .text-with-down em{line-height:24px;}
  .ci-wrap .ci-download .text-with-down img{position:absolute;right:0;}

	/* 연구사업 */
	.brain-leaflet ul li div{display:block;}
	.brain-leaflet ul li .text{margin:0 0 5px 0;}
	
	.tstyle_list .m-hidden {display:none !important} 
	.tstyle_list .m-gray{color:#737373;}
	.tstyle_list .m-brd{position:relative;color:#737373;}
	.tstyle_list .m-brd:after{content:"";position:absolute;top:5px;left:-8px;width:1px;height:12px;background:#737373;}
	.tstyle_list > div.dhead {display:none}
	.tstyle_list > div.dbody > ul {padding:10px 0 5px 0}
	.tstyle_list > div.dbody > ul > li {border:0; display:block; float:left; width:auto !important; padding: 0 0 5px 0; margin-right:15px; min-height:auto}
	.tstyle_list > div.dbody > ul > li.title {font-size:15px; float:none; width:100% !important}
	.tstyle_list > div.dbody > ul > li.file-wrap{display:block;float:right;}
	.tstyle_list > div.dbody > ul > li.file-wrap span a{display:inline-block;width:40px;height:40px;background:#f1f1f1;border-radius:100%;margin:0 0 0 10px;line-height:36px;text-align:center;}
	.tstyle_list .press-name{border:none;border-right:1px solid #d1d1d1;background:none;padding:0 15px 0 18px;border-radius: 0;}

	div.tstyle_view div.title{font-size:16px;padding:10px;}
	div.tstyle_view ul.head{padding:0 10px 10px;}
	div.tstyle_view ul.head li{padding:2px 5px 2px 0}
	div.tstyle_view ul.head li strong{padding-left:10px;}
	div.tstyle_view div.tb_contents{font-size:14px;padding:10px;}
	div.tstyle_view .add_file_list .title {padding:0 0 0 10px;width:20%;}

	.board-pr-wrap ul li .list-box .title-wrap {flex-direction: column;}
	.board-pr-wrap ul li .list-box .logo-wrap {padding: 10px 0;}

	.board-card-list > ul > li{width:100%;height:150px;}
	.board-card-list.img-type > ul > li{height:auto;}
	.board-card-list.img-type > ul > li > a .date{padding:0 0 20px 20px;}
	div.tstyle_list > div.dbody > div.nodata {font-size:16px; padding:100px 0 60px; width:100%;background:#f8f8f8 url(../images/common/icon-nodata.png) no-repeat 50% 50px;background-size:40px;}

	/*programNav 19-01-24*/
	.board_pager a {width:24px;height:43px;padding:14px 0 4px;font-size:13px;background-size:5px auto !important;}
	.board_pager a.pageFirst,
	.board_pager a.pageLast {display:none}
	.pagination a {width:24px;height:43px;padding:14px 0 4px;font-size:13px;background-size:5px auto !important;}
	.pagination a.prev,
	.pagination a.next02 {display:none}

}	
@media all and (max-width: 480px){
	.board-pr-wrap ul li .pr-box > div .button-download{background-image:none;padding:9px}

	/* about */
	.nih-leader-wrap > ul{width:100%;}
	.nih-leader-wrap .leader-section.leader01, .nih-leader-wrap .leader-section.leader02{margin-left:-7px;}
	.nih-leader-wrap .leader-section.leader01:after, .nih-leader-wrap .leader-section.leader02:after{display:none;}
	.profile-wrap > div {width:320px;}
	.profile-wrap > div div:nth-child(1){width:100%;margin:0 0 30px 0;}
	.profile-wrap > div div:nth-child(2){margin:0 0 20px 0;}
	.profile-wrap > div div:nth-child(2), .profile-wrap > div div:nth-child(3){width:100%;}
	.org-wrap{width:100%;margin:0 -15px}
	.org-wrap .type01, .org-wrap .type02{font-size:16px;}
	.org-wrap .part01 > ul{padding:20px 0 0 0;}
	.org-wrap ul li ul li ul{padding:10px 30px;}
	.org-wrap .part01{height:780px;}
	.org-wrap > ul > li.part01 > ul:after{left:-15px;width:1px;height:calc(100% - 222px);}
	.org-wrap > ul > li.part02 > ul:after{left:-15px;width:1px;height:calc(100% - 170px);}
	.org-wrap .part01 .type01 br, .org-wrap .part02 .type01 br{display:block;}
	.org-wrap .part01 .type01, .org-wrap .part02 .type01{margin-left:-7px;height:70px;border-radius:0 30px 30px 0;}
	.org-wrap .type02{height:70px;}
	.org-wrap > ul > li > ul > li .type02:after{left:-20px;width:20px;height:1px;}
  .ci-wrap .color-list .item{width:100%;margin:0 0 20px 0;}
}