@charset "utf-8";

/* *{transition: all .5s ease-in-out;}*/

#wrapper{width:100%;}

/* .wrap{margin:0 auto;position:relative;max-width: 1440px;width:100%;} */

.layout{width:100%;margin:auto;max-width: 1440px;}

.skip{overflow:hidden;}

#header{z-index:70;}
#header .h1 h1{width:174px;height:43px;background:url(../images/logo.png) center center no-repeat;background-size:contain;margin-top:8px;}
#header .slick_menu{position:relative;  width:100%; max-width:1390px;margin: 0 auto; height: 58px;}
.header_top{position:relative; z-index:11;}

/*.lnb_open #popupzone:not(.open) + #header:before{top:calc(62px + 124px) !important;}*/

#popupzone{background:#232942;width:100%; height:0;
-moz-transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;}
#popupzone.open{height:124px !important;}
.todayclose{
	/*position: absolute;
    right: 20px;
    top: 20px;
    display:none;
    transition: all .5s ease-in-out;
    z-index:2;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 10px 8px 10px;*/
    
    /*width: 117px;*/
    width: 130px;
    /*position: relative;
    left: 88%;
    top: -125px;*/
    display: none;
    transition: all .5s ease-in-out;
    z-index: 8;
    /*border: 1px solid #fff;
    border-radius: 7px;
    padding: 6px 10px 8px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;*/
    
    position:absolute;
    right:12px;
    bottom:0;
}

.todayclose label{
    color: #fff;
    font-size: 1.2rem;
    cursor:pointer;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 70%);
    margin-right: 7px;
}
#popupzone.open .todayclose{
	display:block;
}

.page_tit{
	font-size:2rem;
	font-weight:bold;
	/*border-bottom: solid 1px var(--TpointLine-color);*/
	border-bottom: solid 2px #000;
    padding-bottom: 20px;
}
.page_tit2{
	font-size:2rem;
	font-weight:bold;
	border-bottom: solid 1px #666;
    padding-bottom: 20px;
}

div.objbox table button[class^="btn_type"]{
    height: 100% !important;
    padding: 0 15px !important;
}


 .bigmenu{
	height:58px;width:100%;position:relative;
}
.bigmenu.nav_tab1{
	background:var(--first-color);
}
.bigmenu.nav_tab2{
	background:var(--second-color);
}
.bigmenu.nav_tab3{
	background:var(--third-color);
}
.bigmenu .nav_left, .menu .nav_right{
	width: 25px;
	height: 58px;
}
.bigmenu .nav_left{
 float: left;
}
.bigmenu .nav_right{
 float: right;
}
#left-button, #right-button{
	width: 25px;
	height: 58px;
    background: transparent;
    color: #fff;
    line-height: 58px;
    padding:0;
}
.bigmenu .internal{
 position:relative;
 height: 100%;
 display: inline-block;
 color: #fff;
 text-align: center;
 cursor:pointer;
 padding:0 17px;
}

#produce_menu .internal{
	padding:0 20px;	
}
#circulation_menu .internal{
	padding:0 40px;
}
.nav_tab2 .nav_left,.nav_tab2 .nav_right,
.nav_tab3 .nav_left,.nav_tab3 .nav_right{visibility: hidden;}

.bigmenu .center{
 float: left; 
 width: calc(100% - 50px);
 height: 58px;
 overflow: hidden;
 /*will change this to hidden later to deny scolling to user*/
 white-space: nowrap;
 line-height: 58px;
 padding:0 10px;
}
.bigmenu .center a{
	color:#fff;
    width: 100%;
    height: 100%;
    display: block;
}
.bigmenu .center a::after{
		content: "";
		position: absolute;
		left: 0;
		width: 0;
		bottom: 0;
		border-bottom: .4rem solid #38e6e8;
		z-index: 1;
		transition: width .5s;
        opacity: .8;
}

.bigmenu.nav_tab1 .center a::after{border-color:#38e6e8;}
.bigmenu.nav_tab1 .center a:hover{color:#38e6e8;}

.bigmenu.nav_tab2 .center a::after{border-color:#38e6e8;}
.bigmenu.nav_tab2 .center a:hover{color:#38e6e8;}

.bigmenu.nav_tab3 .center a::after{border-color:#38e6e8;}
.bigmenu.nav_tab3 .center a:hover{color:#38e6e8;}

.bigmenu .center a:hover::after{width:100%;}
	
.openup{display:none;width:100%;overflow:hidden;background:#fff;position:relative;transition:height 250ms ease-in-out;border-bottom:1px solid #d5d5d5;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    box-shadow:5px 0 15px rgba(0,0,0,0.1);
}
.openup.on{display:block;}
/*.openup.on::after{content:'';position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.8);width:100%;height:100%;overflow-x: hidden;overflow-y: auto;z-index:4;}*/
	   
	   .depth_list{
	   	   width:100%;
	   	   overflow: hidden;
	   	   padding:25px 0 10px 1.6%;
	   }
	   .depth1_item{
	   	float:left;
	   	position: relative;
	    width: 15%;
	    margin-right: 1.6%;
	    min-height:200px;
	    margin-bottom:17px;
	    }
	   .circulation_menu .depth1_item{
	    	min-height:243px;
	    }
	    /* .depth1_item:nth-child(6n){
	    	margin-right: 0;
	    } */
	    .depth_list a{
	        font-weight: 400;
	    }
	    .nav_tab1 .depth_list a:hover,.nav_tab1 .depth_list a:focus{
	    	border-color:var(--first-color);
	    	color:var(--first-color);
	    	font-weight:500;
	    }
	    .nav_tab1 .depth_list .depth3_item a:hover,.nav_tab1 .depth_list .depth3_item a:focus{
	    	text-decoration: underline;
	    }
	    .nav_tab2 .depth_list a:hover,.nav_tab2 .depth_list a:focus{
	    	border-color:var(--second-color);
	    	color:var(--second-color);
	    	font-weight:500;
	    }
	    .nav_tab3 .depth_list a:hover,.nav_tab3 .depth_list a:focus{
	    	border-color:var(--third-color);
	    	color:var(--third-color);
	    	font-weight:500;
	    }
	    .depth1_item > a{
	    	    display:block;
	    	    padding: 7px 28px 7px 13px;
			    border-width: 1px;
			    border-style: solid;
			    border-color: #cccccc;
			    border-radius: 4px;
			    line-height: 22px;
			    color: #4d4d4d;
			    font-size: var(--text-size);
			    letter-spacing: -0.03em;
			    margin-bottom:10px;
	    }
	    .depth1_item > a::after{
			    content: '';
			    display: inline-block;
			    min-width: 12px;
			    height: 9px;
			    background-repeat: no-repeat;
			    background-image: url(../images/right_arrow.svg);
				position: absolute;
			    right: 10px;
			    margin-top: 7px;
	    }	    
	    .nav_tab1 .depth1_item > a:hover::after, .nav_tab1 .depth1_item > a:focus::after{
	    	background-image: url(../images/right_arrow_first.svg);
	    }.nav_tab2 .depth1_item > a:hover::after, .nav_tab2 .depth1_item > a:focus::after{
	    	background-image: url(../images/right_arrow_second.svg);
	    }.nav_tab3 .depth1_item > a:hover::after, .nav_tab3 .depth1_item > a:focus::after{
	    	background-image: url(../images/right_arrow_third.svg);
	    }
	    
	    .depth2_item > a{
		    margin: 5px 0;
		    padding-left: 23px;
		    line-height: 1.2;
	    	font-size: calc(var(--text-size) * 0.95);
	    }	  
	    .depth2_item > a::before{
			    content: '';
			    display: inline-block;
			    width: 4px;
			    height: 4px;
			    background-repeat: no-repeat;
			    background-image: url(../images/circle.svg);
			    position: absolute;
			    left: 10px;
			    margin-top: 7px;		    
	    }  
	    .nav_tab1 .depth2_item > a:hover::before, .nav_tab1 .depth2_item > a:focus::before{
	    	background-image: url(../images/circle_first.svg);
	    }.nav_tab2 .depth2_item > a:hover::before, .nav_tab2 .depth2_item > a:focus::before{
	    	background-image: url(../images/circle_second.svg);
	    }.nav_tab3 .depth2_item > a:hover::before, .nav_tab3 .depth2_item > a:focus::before{
	    	background-image: url(../images/circle_third.svg);
	    }
	    .depth2_item > a, .depth3_item > a{
	    	display:inline-block;
	    }
	     .depth3_item{
     	        padding-left: 32px;
			    background: url(../images/dash.svg) 17px 8px no-repeat;
			    background-size: 10px 9px;
			    transition: all .15s ease-in-out;
	     }
	     .depth3_item > a{
	     	margin:6px 0;
	    	font-size: calc(var(--text-size) * 0.91);
	    }
		.nav_tab1 .depth3_item:hover, .nav_tab1 .depth3_item:active, .nav_tab1 .depth3_item:focus{
			background-image: url(../images/dash_first.svg);
			padding-left: 35px;
		}
		.nav_tab2 .depth3_item:hover, .nav_tab2 .depth3_item:active, .nav_tab2 .depth3_item:focus{
			background-image: url(../images/dash_second.svg);
			padding-left: 35px;
		}
		.nav_tab3 .depth3_item:hover, .nav_tab3 .depth3_item:active, .nav_tab3 .depth3_item:focus{
			background-image: url(../images/dash_third.svg);
			padding-left: 35px;
		}
		
		
	     .depth4_item{
     	        padding-left: 12px;
			    background: url(../images/dash.svg) 0 5px no-repeat;
			    background-size: 10px 9px;
			    transition: all .15s ease-in-out;
			    margin:2px 0 6px 0;
	     }
	     .depth4_item > a{
	     	margin:6px 0;
	    	font-size: calc(var(--text-size) * 0.9);
	    }
		.nav_tab1 .depth4_item:hover, .nav_tab1 .depth4_item:active, .nav_tab1 .depth4_item:focus{
			background-image: url(../images/dash_first.svg);
		}
		.nav_tab2 .depth4_item:hover, .nav_tab2 .depth4_item:active, .nav_tab2 .depth4_item:focus{
			background-image: url(../images/dash_second.svg);
		}
		.nav_tab3 .depth4_item:hover, .nav_tab3 .depth4_item:active, .nav_tab3 .depth4_item:focus{
			background-image: url(../images/dash_third.svg);
		}
		
.sitemap{
	background: linear-gradient(to left, #452952, #043465);
	height:100%;
}
.sitemap .openup{
	background:transparent;
	border:0;
	box-shadow: none;
    max-height:100%;
}
.sitemap .depth_list {
    width: 100%;
    overflow: hidden;
    padding-left: 1.6%;
}

.sitemap .depth1_item {
    width: 100%;
    min-height: 1px;
    display:flex;
    flex-direction:column;
    background: rgba(0,0,0,0.3);
    padding: 18px;
    border-top:1px solid #234c78;
}
/* .sitemap .depth1_item:nth-child(6n) {
    margin-right: 0;
} */

.sitemap .depth_list a {
    font-weight: 400;
}

.sitemap .depth1_item > a {
    display: block;
    font-weight:bold;
    color:#fff !important;
    padding: 0;
    border-width: 0;
    border-radius: 4px;
    line-height: normal;
    color: #4d4d4d;
    font-size: var(--Mtext-Size);
    letter-spacing: -0.03em;
    margin-bottom: 10px;
    min-width:175px;
}
.sitemap .depth1_item > a + ul{display:flex;    flex-wrap: wrap;}

.sitemap .depth1_item > a::after {
    content: '';
    display: inline-block;
    min-width: 12px;
    height: 9px;
    background:transparent;
    position: absolute;
    right: 10px;
    margin-top: 7px;
}

.sitemap .depth2_item > a {
    margin: 0 0 0 5px;
    padding-left: 5px;
}

.sitemap .depth2_item > a::before{content:'·';display:inline-block;color:#fff;background-image:none;position:relative;left:-5px;}

.sitemap .depth2_item > a,
.sitemap .depth3_item > a {
    display: inline-block;
    color:#fff;
}

.sitemap .depth3_item {
    padding-left: 13px;
    background: transparent;
    transition: all .15s ease-in-out;
}

.sitemap .depth3_item > a {
    margin: 6px 0;
    font-size: calc(var(--text-size) * 0.91);
    color:#70c1e0;
}
.sitemap .depth3_item > a::before {
	content:'-';
	color:#70c1e0;
	margin-right:5px;
	display:inline-block;
}

.sitemap .depth4_item {
	background:transparent;
}

.sitemap .depth4_item > a {
    margin: 6px 0;
    font-size: calc(var(--text-size) * 0.9);
    color:#859fbc;
}

.sitemap .depth4_item > a::before {
	content:'-';
	color:#859fbc;
	margin-right:5px;
	display:inline-block;
}
.sitescroll::-webkit-scrollbar-corner, .sitescroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.sitescroll::-webkit-scrollbar-thumb{
	background-color: #fff;
    background-clip: padding-box;
    border: 7px solid transparent;
    border-radius:0;
}

.sitescroll::-webkit-scrollbar-button:vertical:increment {
    background:#e7ecf0;
}
.sitescroll::-webkit-scrollbar-button:vertical:decrement {
    background:#e7ecf0;
}
.sitescroll::-webkit-scrollbar-corner,.sitescroll::-webkit-scrollbar-button:vertical:increment, .sitescroll::-webkit-scrollbar-button:vertical:decrement{width:0;height:0;}



		
#popupzone .swiper-container {
      width: 100%;
      height: 100%;
      max-width:1440px;
      padding:0 20px !important;
    }
   .swiper-slide {
   	/*width:49.5% !important;*/
  	cursor:pointer;
     font-size: 18px;
     display:inline-block !important;
     padding:18px;
   }
.swiper-slide img{max-width:90% !important;}
.swiper-wrapper{padding: 10px 0 30px 0 !important;
    justify-content: flex-start;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0 !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0 !important;}
.swiper-button-next, .swiper-button-prev{color:#fff !important; top:9% !important;width:22px;height:100% !important;background:#232942;padding:0 10px;}
.swiper-pagination-bullet{width:9px !important; height:9px !important; background:transparent !important;border:1px solid #fff;opacity:1 !important;box-shadow: 1px 2px 5px rgb(0 0 0 / 70%);}
.swiper-pagination-bullet-active{background:rgba(255,255,255,1) !important;}
.swiper-pagination-current, .swiper-pagination-total, .swiper-pagination-fraction{color:#fff !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 2.7rem !important;text-shadow: 1px 2px 5px rgb(0 0 0 / 70%);}
.swiper-pagination{color:#fff !important;}

.playnpause{display: inline-block;   position: relative;   width: 18px;    height: 20px;}
.playnpause button{color:#fff;position:absolute;top:0;right:0;z-index:99;padding: 0;background: transparent;text-shadow:1px 2px 5px rgb(0 0 0 / 70%);}	
.playnpause button.swiper-button-start{display:none;}


.swiper-slide.bntypeA1{
	padding-left:170px;padding-top:20px;position:relative;background: url('../images/bubble_chain.png'), #BBE2F3;background-repeat:no-repeat;background-position:-39px -25px;
}
.swiper-slide.bntypeA1 .tit_label{
	display:inline-block;border-radius:10px;padding:3px 10px;background:#16297D;color:#fff;margin-right:10px;display:none;
}
.swiper-slide.bntypeA1 .tit{
	color:#16297D;font-size:1.9rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;width:92%;overflow:hidden;display:inline-block;
}
.swiper-slide.bntypeA1 .dur_label{
	display:inline-block;border-radius:10px;padding:3px 10px;background:#16297D;color:#fff;margin:6px 10px 0 0;font-size:1.4rem;
}
.swiper-slide.bntypeA1 .dur{
	color:#000;
}
.swiper-slide.bntypeA1 .go_btn, .swiper-slide.bntypeB1 .go_btn, .swiper-slide.bntypeA2 .go_btn, .swiper-slide.bntypeA3 .go_btn{
	display:inline-block;border-radius:10px;background-color:#000;color:#fff;position:absolute;padding:3px 15px;bottom:10px;right:30px;font-size:1.2rem;
}
.go_btn::before{content:'바로가기';display:inline;}
.tit_label::before{content:'제목';display:inline;}
.dur_label::before{content:'기간';display:inline;}

.swiper-slide.bntypeA2{
	padding-left:165px;padding-top:20px;position:relative;background:url('../images/chart.png'), #517ad6;background-repeat:no-repeat;background-position:34px 3px;
	background-size:contain;
}
.swiper-slide.bntypeA2 .tit_label{
	display:inline-block;border-radius:10px;padding:3px 10px;background:#16297D;color:#fff;margin-right:10px;display:none;	
}
.swiper-slide.bntypeA2 .tit{
	color:#f2b9ae;font-size:1.9rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;width:92%;overflow:hidden;display:inline-block;
}
.swiper-slide.bntypeA2 .dur_label{
	display:inline-block;border-radius:10px;padding:2px 10px;background:#16297D;color:#fff;margin:6px 10px 0 0;font-size:1.4rem;
}
.swiper-slide.bntypeA2 .dur{
	color:#fff;
}

.swiper-slide.bntypeA3{
	padding-left:200px;padding-top:20px;position:relative;background:url('../images/glassnotebook.png'), #fefcd6;background-repeat:no-repeat;background-position:39px center;
	background-size: contain;
}
.swiper-slide.bntypeA3 .tit_label{	
	display:inline-block;border-radius:10px;padding:3px 10px;background:#16297D;color:#fff;margin-right:10px;display:none;
}
.swiper-slide.bntypeA3 .tit{
	color:#2c483a;font-size:1.9rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;width:92%;overflow:hidden;display:inline-block;
}
.swiper-slide.bntypeA3 .dur_label{
	display:inline-block;border-radius:10px;padding:2px 10px;background:#2c483a;color:#fff;margin:6px 10px 0 0;font-size:1.4rem;
}
.swiper-slide.bntypeA3 .dur{
	color:#666;
}



.swiper-slide.bntypeB1{
	background-color:#185cbf;background:url('../images/bnbg_btype.jpg');text-align:center;padding: 11px 18px !important;
}
.swiper-slide.bntypeB1 .tit{
	color:#ffbe2e;font-size:1.9rem;font-weight:700;margin-bottom:10px;display:block;
}
.swiper-slide.bntypeB1 .cont, .swiper-slide.bntypeB2 .cont{
	color:#fff;
	text-overflow: ellipsis;
   overflow: hidden;
   word-break: keep-all;    
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
    line-height: 1.2;
    width: 72%;
    margin: 0 auto;
    font-size:1.5rem;
}

.swiper-slide.bntypeB2{
	background-color:#192e59;text-align:center;padding: 11px 18px !important;
}
.swiper-slide.bntypeB2 .tit{
	color:#3eb166;font-size:1.9rem;font-weight:700;margin-bottom:10px;display:block;
}
.swiper-slide.bntypeB2 .go_btn{
	display:inline-block;border-radius:10px;background-color:#3eb166;color:#fff;position:absolute;padding:3px 15px;bottom:10px;right:30px;font-size:1.2rem;
}


.swiper-slide.bntypeB1 .tit, .swiper-slide.bntypeB2 .tit{
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	width: 82%; margin: 0 auto 5px auto;
}

#nav_tab1,#nav_tab2,#nav_tab3{
    width:90px;
    border-top-right-radius: 18px;
    border-top-left-radius: 6px;
    height: 37px;
    position: relative;
    vertical-align: bottom;
    text-align: center;
    position: relative;
    margin-right:5px;
    transition: all .5s ease-in-out;
}
#nav_tab1{width:110px;background:var(--first-color);}
#nav_tab2{background:var(--second-color);}
#nav_tab3{background:var(--third-color);}

.nav_tab button.on{border-top: 3px solid rgba(255,255,255, 0.5);height: 50px !important;border-top-left-radius: 18px !important;}
.nav_tab button.on span{font-weight:700;}

#nav_tab1 span,#nav_tab2 span,#nav_tab3 span{
   color:#fff;
}
.nav_tab nav {
    display: none;
}
#nav_tab2 span{display:inline-block;background:url(../images/icon_nucleus.svg) -7px -4px no-repeat;padding-left:20px;background-size: 29px 29px;}
header {margin: 0 auto; width:100%;position: relative;}

.nav_tab_li{width:100%;}
.nav_tab_li > ul{width:inherit;display: flex;justify-content: space-between;padding-top:20px;}
.nav_tab_li > ul > li{}
.nav_tab_li > ul > li > a{font-size: calc(var(--text-size) * 1.1);font-weight: 600}

.nav_tab_li > ul > li > div > ul > li > a{
    padding: 7px 28px 9px 13px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 4px;
    line-height: 22px;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.03em;
    transition-property: border-color, color;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
}
.nav_tab_li > ul > li > div > ul > li > a + div > ul > li::before{
    content: '';
    width:3px;
    height:3px;
    background: #000;
    display: inline-block;
    margin-right: 10px;
}

.nav_tab_li > ul > li > a + div > ul{margin-top:40px;}

/* 메뉴공통css */
/* 메뉴 */
.menu.init, .menu.init:before, .menu.init:after, .menu.init .depth, .menu.init .depth:before, .menu.init .depth:after, .menu.init .depth_list, .menu.init .depth_list:before, .menu.init .depth_list:after, .menu.init .depth_item, .menu.init .depth_item:before, .menu.init .depth_item:after, .menu.init .depth_text, .menu.init .depth_text:before, .menu.init .depth_text:after, .menu.init .depth_title, .menu.init .depth_title:before, .menu.init .depth_title:after {transition-property:all; transition-duration:0.25s; transition-timing-function:linear;}
.menu, .menu .depth, .menu .depth_list, .menu .depth_item, .menu .depth_text {position:relative;}
.menu {font-size:0px; line-height:0px;}
.menu .depth:not(.depth1) {visibility:hidden; opacity:0; overflow:hidden;}
.menu .depth1 {z-index:30;}
.menu .depth_list {z-index:10;}
.menu .depth_text {display:inline-block;}

/* 1, 2차 메뉴 배경 */
.menu.before:before, .menu.after:after {display:block; position:absolute;}
.menu.before:before {z-index:10;}
.menu.after:after {z-index:20;}

/* 제목 상자 */
.menu .depth_title {overflow:hidden; position:absolute; z-index:20;}


/* 이치 다운 */
.menu.eachdown .depth1 {height:100%;}
.menu.eachdown .depth1_list, .menu.eachdown .depth1_item {position:static; height:inherit; height:58px;}
.menu.eachdown .depth2 {position:absolute; bottom:0; left:0; width:100%;}

/* 드롭 다운 */
.menu.dropdown .depth2 {position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0);}


.lnb_curtain{display:none;}

.lnb{position:absolute; top:62px; left:0; z-index:5; width:100%;}

#header .lnb .menu{position:relative; z-index:3; height:58px; transition:height 250ms ease-in-out;}
/*
background: #fff url(../images/navbg_1.jpg) repeat-x;

.lnb .menu.img1{background-image:url(../images/navbg_1.jpg) !important;}
.lnb .menu.img2{background-image:url(../images/navbg_2.jpg) !important;}
.lnb .menu.img3{background-image:url(../images/navbg_3.jpg) !important;}
*/

#header{height:120px; transition-property:height; transition-duration:250ms; transition-timing-function:ease-in-out;}

.nav_tab ol li, .util_top ul li{float:left;}
.util_top ul li a{font-size: var(--Stext-size);}
.util_top ul li a::after{
    content:'·';display: inline-block;margin:0 0.5rem;
}
.util_top ul li:nth-child(4) a::after{
    content:'';
}
.util_top ul li:last-child button{
	background: #232942;
	font-weight:200;
	font-size:1.3rem;
    color: #fff;
    padding: 0 8px;
    margin-left: 11px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    letter-spacing: 0.5px;
    margin-top:-38px;
}
.util_top ul li:last-child button:hover i{
	transform:rotate(180deg);
}
.util_top ul li:last-child button i:hover{
	transform:rotate(180deg);
}


.nodhtmlx{
width:100%;
}
.nodhtmlx table{
width:100%;
border-top: solid 1px #000;
}
.nodhtmlx table th{
border-collapse: collapse;
padding: 14px 5px !important;
font-weight: bold;
    vertical-align: middle;
    border-bottom:1px solid #000;
    background-color:#fff;
}
.nodhtmlx table tr:first-child th{
	padding: 14px 0 !important;
}
.nodhtmlx table td{
text-align: left;
border-bottom: solid 1px var(--border-color);
padding: 17px;
line-height: 1.5;
}
.nodhtmlx td.gray{
	background:#f9f9f9;
	font-weight:bold;
	padding-left:17px;
	border-right:solid 1px var(--border-color);
}
.form_type0{
width:100%;
}
.form_type0 table{
width:100%;
border-top: solid 2px #000;
}
.form_type0 table th{
text-align:left;
border-color: var(--border-color);
border-collapse: collapse;
padding: 14px !important;
font-weight: bold;
vertical-align: middle;
border-bottom: 1px solid var(--border-color);
}
.form_type0 table td{
text-align: left;
border-bottom: solid 1px var(--border-color);
/*
border-right: solid 1px var(--border-color);
*/
padding: 15px 10px;
line-height: 1.5;
}
.form_type0 table th[rowspan],.form_type0 table td[rowspan]{
	border-right: solid 1px var(--border-color);	
}

.form_type0 dt{
	width:20%;
	padding: 29px 14px !important;
    font-weight: bold;
    border-bottom: 1px solid var(--border-color);
    float:left;
}

.form_type0 dd{
	width:80%;
	padding: 15px 14px !important;
	border-bottom: 1px solid var(--border-color);
	float:right;
}
.form_type0 dl::after{
	content:'';
	display:block;
	clear:both;
}

.form_type1{
width:100%;
}
.form_type1 > table{
width:100%;
}
.form_type1 > table th{
	background-color: var(--th-color);
	font-weight: 600;
	padding: 14px;
	text-align:right;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
}
.form_type1 .dhtml_div table th {
	border-bottom:0;	
}
/* .form_type1 > table th{
border-right: solid 1px var(--border-color);

border-color: var(--border-color);
border-collapse: collapse;
background-color: var(--th-color);
padding: 14px !important;

    
}
 */
.form_type1 > table th label{
	font-weight: 600;
	margin:0;
}
.form_type1 > table td{
text-align: left;
border-bottom: solid 1px var(--border-color);
/*
border-right: solid 1px var(--border-color);
*/
padding: 15px 10px;
line-height: 1.5;
vertical-align:middle;
}

.form_type2{
width:100%;
}
.form_type2 > table{
width:100%;
}
.form_type2 > table th{
/*border-right: solid 1px var(--border-color);*/
text-align:left;
border-color: var(--border-color);
border-collapse: collapse;
background-color: var(--th-color);
padding: 14px !important;
font-weight: 600;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
    text-align:center;
}
.form_type2 > table td{
text-align:center;
border-bottom: solid 1px var(--border-color);
padding: 15px 10px;
line-height: 1.5;
}

.form_type3{
width:100%;
}
.form_type3 > table{
width:100%;
margin-top:20px;
}
.form_type3 > table th{
border-right: solid 1px var(--border-color);
border-color: var(--border-color);
border-collapse: collapse;
background-color: #f9f9f9;
padding: 14px !important;
font-weight: 600;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
    text-align:center;
}
.form_type3 > table tr:first-child th{
	background-color: var(--th-color);
}
.form_type3 > table th:last-child{
	border-right:0;
}
.form_type3 > table td{
text-align:left;
border-bottom: solid 1px var(--border-color);
padding: 15px 10px;
line-height: 1.5;
}
.form_type3 > table td a{
	text-decoration:underline;
	color:#000;
}

.form_type4{
width:100%;
border-bottom:1px solid #000;
}
.form_type4 > table{
width:100%;
margin-top:20px;
border-top:1px solid #000;

}
.form_type4 > table th{
border-right: solid 1px var(--border-color);
text-align:left;
border-color: var(--border-color);
border-collapse: collapse;
background-color: #f9f9f9;
padding: 14px !important;
font-weight: 600;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
}
.form_type4 > table th[rowspan],.form_type4 > table th[colspan]{background-color: var(--th-color);vertical-align: top;}

.form_type4 > table th:last-child{
	border-right:0;
}
.form_type4 > table td{
text-align:left;
border-bottom: solid 1px var(--border-color);
padding: 10px;
line-height: 1.5;
}
.form_type4 > table td a{
	text-decoration:underline;
	color: var(--second-color);
}
.form_type1 > table th[rowspan],.form_type1 > table td[rowspan]{
	border-right: solid 1px var(--border-color);	
}

.form_type1 dt{
	width:20%;
	padding: 29px 14px !important;
    font-weight: bold;
    border-bottom: 1px solid var(--border-color);
    float:left;
}

.form_type1 dd{
	width:80%;
	padding: 15px 14px !important;
	border-bottom: 1px solid var(--border-color);
	float:right;
}
.form_type1 dl::after{
	content:'';
	display:block;
	clear:both;
}
.form_type1.qna_input.mobile{display:none;}
.form_type1.qna_input.mobile tr:first-child th{border-top:0;}
.form_type1.qna_input.mobile th{
	border-bottom:0;
	border-top:1px solid var(--border-color);
	background:#fff;
	padding-bottom: 0 !important;
	text-align:left;
}


/* .dhtml_grid > div.xhdr > table > tbody > tr:first-child, .dhtml_grid > div.objbox > table > tbody > tr:first-child{
	height:0 !important;
} 2023-01-19 */
/* .dhtml_grid > div.objbox > table td{
	text-align:unset;
} */

.form_type1 .intable_grid .dhtml_grid > div.xhdr > table > tbody > tr:first-child, .form_type1 .intable_grid .dhtml_grid > div.objbox > table > tbody > tr:first-child{
	display:none;
}
.file_list ul li{
	display:flex;
	justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
    border-bottom:1px solid #ddd;
}
.file_list ul li:last-child{
	margin-bottom:0;
	border-bottom:0;
}
.file_list .file_del{
	padding: 4px 5px;
    width: 55px;
    min-height: 20px;
    font-size: 13px;
    margin-bottom: 4px;
}
.reply_modibtn{
	padding: 4px 5px;
    width: 45px;
    min-height: 20px;
    font-size: 13px;
    margin-bottom: 4px;    
    background: #fff;
    border: 1px solid #c0c0c0;
    color: #666;
}
    
.qna_inputtextarea{
	height:331px;
}
.qna_inputtextarea + dd textarea{
	height:300px;
	width:100%;
}
.essential_icon::before{content:'*';font-size:1.4rem;color:#e53935;display:inline-block;margin-left:5px;}

tr.writer_info td{border-bottom:1px solid #000;}
tr.files_tr td{padding-left:20px; border-bottom-color:var(--first-color) !important;background-color:var(--th-color);}
.nodhtmlx tfoot tr td{padding-top:0;}
tr.files_tr td p{
	display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin:5px 0;
}
tr.files_tr td p i.xi-paperclip{background: #fff;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    display: inline-block;}
td p i.xi-paperclip{background: #fff;
    border-radius: 100%;
    padding: 3px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    display: inline-block;}
td p i.xi-paperclip + a{text-decoration:underline;}

.nodhtmlx .reply td{border-bottom:0;}

.nodhtmlx .reply_input td > div > p:first-child .writer{
	margin-left:auto;
	border-right:solid 1px var(--border-color);
	margin-right: 10px;
    padding-right: 10px;
}
.nodhtmlx .reply_input td > div > p:first-child span{
	font-weight: 600;
}
.nodhtmlx .reply_input td > div{
	margin-top: 10px;
    padding:17px 15px 10px 15px;
    border:1px solid #dfdfdf;
    background: #f3f3f3;
}
.nodhtmlx .reply td > div{
	margin-top: 10px;
    padding:9px 15px 10px 15px;
       border-bottom:1px solid #ddd;
}
.nodhtmlx .reply td > div.reply_titbox {
	padding: 0;
}

.reply_titbox ul { display: flex; margin: 10px 0px; }
.reply_titbox ul li:nth-child(1){overflow:hidden;text-overflow:ellipsis;}
.reply_titbox ul li:nth-child(2){margin-left:auto;}
.reply_titbox ul li .reply_writer{margin-left:auto;text-decoration: underline;}
.nodhtmlx .reply td > div > p span{display:inline-block;vertical-align:middle;}
.nodhtmlx .reply td > div > p span.writer{margin-left:auto;margin-right:5px;}
.nodhtmlx .reply td > div > p span.writer::after{content:'';border-right:1px solid #ddd;padding-right:5px;}
.nodhtmlx .reply td > div > p:first-child{
	display:flex;
	border-bottom:solid 1px var(--border-color);
	align-items: center;
    padding: 0 15px 15px 15px;
}

.nodhtmlx .reply .reply_titbox .reply_cont{
	padding:15px;
	line-height: 2;
    word-break: break-word;
}
.reply_cont input[type='text']{
	border:1px solid #dfdfdf;
}
.nodhtmlx table tfoot td{
    border-bottom: 0;
    padding:0;
}
.nodhtmlx .qna_type{display:inline-block;}
.nodhtmlx .qna_type::before{content:'[';display:inline;}
.nodhtmlx .qna_type::after{content:']';display:inline;}

.nodhtmlx .notice_tit{font-weight: bold;font-size: var(--Ltext-Size);margin-top: 10px;margin-bottom:16px;padding:0 5px;}
.nodhtmlx .demand_period::before{content:'수요조사 기간';display:inline-block;margin-right:10px;padding:3px 10px;font-size:var(--Mtext-Size);background:#000;color:#fff;border-radius:10px;}
.nodhtmlx .demand_period{font-size:var(--Mtext-Size);font-weight:500;margin-bottom:15px;}

.nodhtmlx .notice_info{    border-top: 1px solid #d5d5d5;
    padding-top: 15px;
    margin-bottom: -13px;
    background: var(--th-color);
    padding-bottom: 15px;}
.nodhtmlx .notice_info span{display: inline-block;margin:0 8px;}

.nodhtmlx .notice_info .notice_date::before{content:'작성일';display: inline-block; font-weight: bold;margin-right:8px;}
.nodhtmlx .notice_info .producer::before{content:'생산기관';display: inline-block; font-weight: bold;margin-right:8px;}
.notice_writer::before{content:'작성자';display: inline-block; font-weight: bold;margin-right:8px;}
.notice_writer2::before{content:'작성자 정보 : ';display: inline-block; font-weight: bold;margin-right:8px;}
.nodhtmlx .notice_info .notice_viewer::before{content:'조회수';display: inline-block; font-weight: bold;margin-right:8px;}
.nodhtmlx .prev_notice a,.nodhtmlx .next_notice a{display: flex;justify-content: space-between;margin:12px 0;cursor:pointer;}

.nodhtmlx .prev_notice, .nodhtmlx .next_notice{border-bottom:1px solid var(--border-color);padding:0 12px;}


.notice_info a{cursor:pointer;}

.minw65{min-width: 65px;margin-right: 15px;font-weight: bold;}
.minw65 > i{background: var(--th-color);}
.minw91{min-width: 91px;margin-left: 10px;}
.minw100{min-width: 100px;margin-left: 10px;}
.prev_notice__tit, .next_notice__tit{white-space: nowrap;word-break: keep-all;width: 100%;overflow: hidden;text-overflow: ellipsis;}

.dhtml_div{width: 100%; min-height:1px;}
/* .dhtml_div .objbox{overflow-x:hidden !important;} */
.dhtml_div::before{display:table;content:'';}
.dhtml_grid{
	flex-direction: column;
	/* height: inherit !important; */
	min-height: inherit !important;
	min-width: inherit !important;
	position: relative;
	width: inherit !important;
	border-right:1px solid var(--border-color);
	border-bottom:1px solid var(--border-color);
	background-color:var(--th-color);
}
.dhtml_div.mobile{display:none;}

.dhtml_chart{
	display: flex;
	flex-direction: column;
	min-height: inherit !important;
	min-width: inherit !important;
	position: relative;
	width: inherit !important;
}
.dhx_chart canvas{
	width:inherit !important;
	height:inherit !important;
}

.main_batch{display:inline-block;background:#e53935;color:#fff;font-weight:bold;padding:0 1rem;}

main {display: block; margin: 50px auto !important; max-width: 1440px;width:100%;}

.div_title{width:100%;min-height:30px;display: table;margin-bottom: 10px;}
.div_title:after{content:'';display: table;}

.div_title .tit_dep1{font-weight:600; font-size: 1.75rem;display:inline-block;}
.div_title .tit_dep2{text-indent:5px;display:inline-block;font-weight: 600;color: #444;}

.div_title .left,.div_title .right{display: table-cell;vertical-align: middle;}
.div_title .right{text-align: right;}
.div_title_btn{color:#fff;background: var(--first-color);}

/* sub nav */
.sub-nav{background:#eef1f6; z-index:5; position:relative;}
.sub-nav .layout { display: flex; justify-content: space-between; max-width: 1440px; margin: 0 auto; width: 100%; align-items: center; }
.sub-nav__list{}
.sub-nav__list > ul{display:flex;}
.sub-nav__list > ul > li{position:relative;border-right: 1px solid #d5d5d5;}
/*.sub-nav__list > ul > li::after{content:''; display:block; width:1px; height:20px; background:#d5d5d5; position:absolute; right:0; top:50%; transform:translateY(-50%);}*/
.sub-nav__list > ul > li.home{border-left:1px solid #d5d5d5;}
.sub-nav__list > ul > li.home a{overflow:hidden; width:60px; height:60px;display:block;}
.sub-nav__list > ul > li.home a i{text-align:center;vertical-align: middle;font-size:22px;display:inline-block;color:#000;padding-top:21px;margin: 0 21px;}
.sub-nav__list > ul > li:not(.home) > a{padding:0 34px; height:60px; display:flex; align-items:center; justify-content:space-between; min-width:240px; font-size:1.6rem; ;position:relative;}
.sub-nav__list > ul > li:not(.home) > a::after{content:''; display:block; min-width:12px; height:21px; background-repeat:no-repeat; background-position:0 0; background-image:url('../images/down_arrow.svg'); margin-left:20px;}
.sub-nav__list > ul > li:not(.home) > a.active{color:#000; font-weight:600;background:#fff;border: 1px solid #000; border-bottom: 0;}
.sub-nav__list > ul > li:not(.home) > a.active::before{content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; bottom:-1px; left:0;}
.sub-nav__list > ul > li:not(.home) > a.active::after{background-image:url('../images/up_arrow.svg');}
.sub-nav__list > ul > li:not(.home) > a.active + .depth{opacity:1; visibility:visible;}
.sub-nav__list .depth{position:absolute; width:100%; top:calc(100% + 0); border-width:0 1px 1px 1px; border-style:solid; border-color:#000; background:#fff; padding:0 20px 20px; visibility:hidden; opacity:0; transition:all .4s; z-index:10;}
.sub-nav__list .depth > li{padding:0 15px;}
.sub-nav__list .depth > li:not(:last-child){margin-bottom:15px;}
.sub-nav__list .depth > li > a{box-shadow:inset 0 0 0 #037a4e; line-height:1; font-weight:400; color:#666; text-decoration:none; transition:color .4s, box-shadow .4s; position:relative;}
.sub-nav__list .depth > li > a:hover,
.sub-nav__list .depth > li > a:focus{color:#00589E; font-weight:600; box-shadow:inset 0 -1px 0 #00589E; text-underline-position:under;}

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

.sub-nav__btns ul{display:flex;}
.sub-nav__btns ul li{height:100%; width:60px;height:60px;line-height:60px;border-right:1px solid #d5d5d5;text-align: center;}
.sub-nav__btns ul li a{font-size: 22px;}

.sub-nav__btns ul li:nth-child(1),.sub-nav__btns ul li:nth-child(2){border:0;}
.sub-nav__btns ul li:nth-child(1){border-left:1px solid #d5d5d5;}
.sub-nav__btns ul li:nth-child(2){width:30px;}
.sub-nav__btns ul li:nth-child(2) a{font-size: 16px;}

/*푸터*/

#scroll-to-top {
  display: inline-block;
  background:var(--th-color);
  color:var(--first-color);
  border:1px solid var(--first-color);
  font-size: 2rem;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#scroll-to-top i{
	vertical-align: sub;
	display: none;
}
#scroll-to-top.show:hover {
  cursor: pointer;
  opacity: 1;
}
#scroll-to-top.show:active {
  opacity: 1;
}
#scroll-to-top.show {
  opacity: 0.7;
  visibility: visible;
  background: url("/img/chevrons-up.svg") no-repeat center;
  
}

/* .footer_top .left ul li:first-child a{color: #a8d3fe;font-weight: 500;letter-spacing: 0;} */
#footer{background: #2f2f2f;padding-bottom: 29px;position: relative;}
.footer_top{background:#424242;height: 51px;border-bottom:1px solid #4d4d4d;}
.footer_top .wrap{display: flex;justify-content: space-between;height: 50px;padding:0 20px;overflow: visible !important;}
.footer_top .left ul {display: flex;}
.footer_top .left ul li a{font-size: var(--Stext-size);color:#fff;line-height: 50px;position: relative;display:block;width:100%;margin:0 20px;}
/* .footer_top .left ul li:first-child a{margin-left:0;} */
.footer_top .left ul li:after{content: '';width: 1px;height: 16px;background:#717171;position: absolute;top:17px;}
.footer_top .left ul li:last-child{margin-right: 0;}
.footer_top .right{display: flex;}
.footer_top .right .link_btn{color:#fff;border-left:1px solid #515151;width: 206px;display: block;background-color:#393939;padding:17px 20px;position: relative;border-right:1px solid #515151;font-size:var(--Stext-size);}

.footer_top .right .link_btn:after{content: '';
    display: inline-block;
    width: 10px;
    background: url(../images/up_arrow_w.svg) right center no-repeat;
    background-size: 9px 20px;
    height: 10px;
    right: 25px;
    position: absolute;
}
.footer_top .right .link_btn.open:after{
	background: url(../images/down_arrow_w.svg) right center no-repeat;
	background-size: 9px 20px;
}
.footer_top .site_link{width: 206px;position: relative;}


/*.footer_top .site_link .link_btn:after{width: 15px; height: 15px;background-position:-358px -10px;}*/
.sitelink_area{display: none;position: absolute;left: 0;bottom: 50px;width:100%;background:#393939;border: 1px solid #515151;z-index: 80;padding: 20px 12px;overflow-y: auto;}
.sitelink_area dt{color:#a8d3fe;margin-bottom: 13px;padding:0 7px;}
.sitelink_area .alt{border-top:1px dashed #5a5a5a;padding-top: 20px;margin-top:20px;}
.sitelink_area dd{margin:0 7px;margin-top: 6px;}
.sitelink_area dd a{font-size: var(--Stext-size);color:#fff;display: block;transition:color .4s}
.sitelink_area dd a:hover{color:#5be6ff;text-decoration: underline;}

.footer_btm .wrap{display: flex;margin-top: 22px;padding:0 20px;}
.foot_logo{font-size: 0;line-height: 0;width: 158px;background: url(../images/footer-logo.png) left center no-repeat;image-rendering: -webkit-optimize-contrast;background-size:contain;opacity:.4;}
address{margin-left: 40px;width:100%;}
address p{font-size:var(--Stext-Size);color:#d5d5d5;margin-bottom: 5px;line-height: 1.5;}
address p span{display: inline-block;margin-right: 10px;}
address p a{color:#d5d5d5;cursor: auto;}
address .copyright{margin: 10px 0 0 0;}
address .copyright strong{color:#fff;font-weight: 500;}

/* 페이징 */
.paging {position:relative;text-align:center;margin-top:20px;margin-bottom:20px;}
.paging a {display:inline-block;width:40px;height:40px;margin-right:1px;line-height:40px;text-align:center;font-size:1.6rem;color:#707070;border:solid 1px #e9e7e7;background:#fff}
.paging a:hover {color:#505050;background: #f3f5f7}
.paging a.last{letter-spacing: -10px;}
.paging .on{display:inline-block;width:26px;height:28px;line-height:28px;text-align:center;vertical-align:top;font-size:1.6rem;color:#fff;font-weight:bold;background:#9b9b9b;border:solid 1px #9b9b9b}
.paging a.active{background-color:var(--first-color);color:#fff !important;}
.paging a.last i,.paging a.first i{letter-spacing: -11px;margin-left: -11px;margin-top:10px;}
.paging a.next i,.paging a.prev i{margin-top:10px;}

.paging .btn{margin:0 10px}
.paging .hide{width:26px;background:#fff; font-size:0;border:solid 1px #d5d5d5;text-indent:-9999px;}
.paging .prevEnd, .prevEnd:hover {background: url('../img/sub/paging_prev2.png') no-repeat center center !important}
/*.paging .prev, .prev:hover {background: url('../img/sub/paging_prev.png') no-repeat center center !important}
.paging .next, .next:hover {background: url('../img/sub/paging_next.png') no-repeat center center !important}*/

.paging .nextEnd, .nextEnd:hover {background: url('../img/sub/paging_next2.png') no-repeat center center !important}

.cont_tit{height:280px;background: url(../images/bg.jpg) center center;background-size: cover;margin-top:-1px;}
.cont_tit > p{line-height:280px;color:#fff;font-size:calc(var(--text-size)*2.8);text-align: center;}

.open_btn .line{width: 18px;height: 2px;background:#072d66;display: block;position: absolute;top:14px;right:14px;}
.open_btn .line02{width: 12px;top: 22px;}
.open_btn .line03{top: 30px;}
.open_btn.close .line{width: 28px;top: 22px;right: 8px;}
.open_btn.close .line01{transform: rotate(45deg);}
.open_btn.close .line02{display: none;}
.open_btn.close .line03{transform: rotate(-45deg);}
.open_btn{display:none !important;}

.nav_open.close{background: none;border: 1px solid #305f98;}
.nav_open.close .line{background:#fff;}

.hide_atom div,.hide_atom{display: none !important;}

/* mobile lnb */
#lnb {z-index: 500; position: fixed;width: 80%;     right: -200%; top:0;}
#lnb .lnb_top {height: 60px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #001d3f;}
#lnb .lnb_top h1{color:#fff;text-align: left;width:126px;height:60px;
background:url(../images/logo_w.svg) center center no-repeat;background-size:contain;
margin-left:15px;
}
#lnb > ul {    display: block;width: 100%;overflow-y: auto;height:calc(100vh - 60px);    background: var(--first-color);}
#lnb > ul > li {width:300px;}
#lnb > ul > li > a {display: block;padding:18px 15px; color: inherit; background:var(--first-color);color:#fff;border-bottom:1px solid #305f98;position: relative;}
#lnb > ul > li > a:hover {color: #5be6ff; }
#lnb > ul > li.on > a{color: #5be6ff; }
#lnb > ul > li.on > a:after {
    content:'';
    display: block;
    position: absolute;
    z-index: 5;
    width: 11px;
    height: 11px;
    background-color: var(--first-color);
    left:294px;
    top: 36%;
    transform: rotate(45deg);
    }
#lnb > ul > li ul {display: none;position:absolute;left:300px;width:100%;top:60px;    }
#lnb > ul > li > ul{width:calc(100% - 300px);    padding: 10px 20px;
    background: #ebf2fb;overflow-y: auto; height: calc(100vh - 60px);}
#lnb > ul > li > ul > li > a {display: block;padding:16px 15px;color:inherit;     background: #ebf2fb url(../images/down_arrow.svg) no-repeat 95% 50%; background-size: 1.5rem 1.5rem;border-bottom: 1px solid #c2d0e1;color: var(--first-color);}
#lnb > ul > li > ul > li.on a {background: url(../images/up_arrow.svg) no-repeat 95% 50%;  background-size: 1.5rem 1.5rem;}
#lnb > ul > li > ul li ul {display: none;position: relative;top:0;left:0;background: #fff;border-bottom: 1px solid #c2d0e1;    padding: 20px 20px;overflow-y: auto;}
#lnb > ul > li > ul li ul li{width:100%;}

#lnb ul.ul_4dep{border-bottom:0 ! important;    padding: 8px 10px 8px 20px !important;margin: 5px 0px;background:#f6f6f6;}
#lnb ul.ul_4dep li.noDepth a:before{content:'-' !important; vertical-align:middle; margin-right:10px; display:inline-block;background:none !important;margin-top:0 !important;font-size:12px;}
#lnb ul.ul_3dep li.has.on a{background:url(../images/up_arrow.svg) no-repeat 95% 50%;    background-size: 1.2rem 1.2rem;}
#lnb ul.ul_3dep li.has a{background:url(../images/down_arrow.svg) no-repeat 95% 50%;    background-size: 1.2rem 1.2rem;}

#lnb ul.ul_3dep li.has a:before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #01397e;
    position: absolute;
    left: 22px;
    margin-top: 12px;
}
    /* 3dep */
#lnb > ul > li > ul li li a {display: block; color: #666; background-color: #fff;line-height: 25px;    padding-left: 15px;}
#lnb > ul > li > ul > li li a:hover {color: #d91c1b;    text-decoration: underline;}

#lnb > ul > li > ul > li li.noDepth a:before{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #01397e;
    position: absolute;
    left: 22px;
    margin-top: 12px;
}
#lnb > ul li.noDepth a {background-image: none !important; }
.shadow3 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65);
    z-index: 400;
    
    }
    .open_btn.close{
        top:7px;
        width:36px;
        height:37px;
        background: transparent;
    }
    .open_btn.close .line{
        background: #fff;
    }
    
.zoom-plus, .zoom-default, .zoom-minus{cursor:pointer;}

.demandpop_review ul li{margin-bottom: 10px;border:1px solid #fff;padding:10px;background:#fff;}
.demandpop_review ul li a{cursor:pointer;}
.demandpop_review ul li:hover{border-color:var(--first-color);background-color:#232942;}
.demandpop_review ul li:hover .bold{color:#fff;}
.demandpop_review ul li a > p{display:flex; align-items: center;margin-bottom:10px;}
.demandpop_review ul li a > p span:nth-child(2){margin-left:auto;}
.demandpop_review .swiper-slide{width:100%;max-width: 700px;}
.demandpop_review .btn_type1{padding:0 15px;}

/* .xhdr{height:auto !important;} 2023-01-19 */

.chart_div{position:relative;margin:0 auto;border:1px solid #ddd;padding:20px;box-sizing:content-box;margin-bottom:20px;}
.chart_div .chart_ytit{        position: relative;bottom: -26px;    left: 11px;    font-size: 14px;}
.dhtml_chart{width:inherit;min-height:300px;}

.busi_sect{border-top:1px solid #666;padding:20px;margin-top:20px;}

.filebox { margin-top: 10px; }
	
#sendUpFiles {
	background-color: #ebebeb !important;
	font-size: 14px !important;
}

.file_box_h {
	width: auto;
}

.file_box table {
	width: auto;
	padding: 0px 10px;
}

.btn_del {
	width: 72px;
    height: 31px;
    background: #ebebeb;
    padding: 6px 10px;
    border-radius: 5px;
    text-indent: 0px;
    margin-right: 5px;
}

#upfileLst table tbody tr th {
	padding: 10px 0px;
	border: 1px solid #ebebeb;
}

.file_box table tbody tr td {
	padding: 5px 0px;
}

.file_box table tbody tr td:first-child {
	padding-left: 10px;
}
.reply_date{font-size: var(--Stext-Size);min-width:110px;margin-right:5px;}
.reply_writer{margin-left: auto;
    /* border-left: solid 1px var(--border-color); */
    margin:0 10px;
    padding:0 10px;}
 .reply_inputbox{display:flex;flex-direction:column;}
 .reply_top{display:flex;    margin-bottom:10px;}
 .reply_top .reply_tit{font-weight:600;}
 .reply_tit{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
 .reply_writerinfo{font-size: var(--Stext-Size);
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
    margin-left:40px;
    }
 .reply_writerinfo::before{content:'정보제공';display: inline-block; font-weight: 500;margin-right:8px;vertical-align:middle;    background: #666; color: #fff;    border-radius: 10px;    padding: 0 10px;}
 .reply_cont{display:flex;}
 .reply_cont .reply_text{width:100%;}
 #mms_alram{marign-left:auto;}
  .reply_go{height:42px;width:42px;font-size:12px;padding:0;margin-left:auto;}
 
 .alphabet_btn{margin-bottom:20px;overflow:hidden;}
 
 .btn_white{    background: #fff;
    padding: 0;
    min-height: 0;
}

.dropdiv{position:relative;}
.dropbtn{display: inline-block;}
.dropbtn i{z-index:-1;position:relative;}
.dropdiv .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 86px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right:0;
}

.dropdiv .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdiv .dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block !important;}

.main2_wrap{height:670px;background:#e7ecf0;}
.main3_middiv{display:flex;width:100%;}
.main3_statistics{width:101%;    height: 100%;
border-left:1px solid #ddd;
}
.main3_statistics ul{display:flex;}
.main3_statistics ul li{width:33%;}
/*
.main3_statistics ul li{width:33%;border-right:1px solid #ddd;}
.main3_statistics ul li:last-child{border-right:0;}
*/

.main3_statistics ul li div{text-align:center;position:relative;min-height:160px;border-right:1px solid #ddd;cursor:pointer;padding-bottom:10px;}
.main3_statistics ul li div span{text-align:center;font-size:var(--XLtext-Size);}

.main3_midtit{font-size:calc(var(--text-size) * 1.7) !important;text-align:center;font-weight:600;display:block;color:var(--second-color);color:#3d409d;    padding-top: 40px;}
.main3_domesticagency{width: 25%;height: 160px;
	background:#c7edf1 url(../html/img/main3_dotmap.png) 50% 53% no-repeat;
	background-size:91px 128px;	
	text-align:center;
}
.main3_domesticagency .domestic_gobtn{
	display:inline-block;
	background: #1b2352;
    color: #fff;
    text-align:center;
    padding: 2px 22px;
    margin-top:5px;
    border-radius: 16px;
    font-size: var(--Stext-Size);
    min-height: auto;
}
.main3_domesticagency .main3_midtit{
	margin-top:53px;
	color:#1b2352;
}
.main3_domesticagency .main3_midtit i{
	color:#fff;
}

.main_opentbq,.main_sealedtbq{font-weight:800;margin-bottom:7px;}
.main_opentbq,.main_sealedtbq,.main_year{display:block;}
.main_opentbq::before,.main_sealedtbq::before{display:inline-block;margin-right:5px;font-size: var(--Mtext-Size);font-weight:500;}
.main_opentbq::before{content:'개봉';}
.main_sealedtbq::before{content:'밀봉';}
.main_opentbq::after,.main_sealedtbq::after{content:'(TBq)';display:inline-block;color:#666;margin-left:5px;font-size: var(--Stext-Size);font-weight:500;}
.main_year{
	display: block;
    font-size: var(--Mtext-Size) !important;
    position: absolute;
    top: -11px;
    right: -1px;
    background: #1b2352;
    color: #fff;
    padding: 11px;
    font-weight: 600;
    border-bottom-left-radius: 16px;
    }
.main_opentbq,.main_year{margin-top:10px;}
.main_year::after{content:'';display:inline-block;}

.mainalphabet_btn{overflow: hidden;height:291px;background:url(../html/img/thrid_bg_18.jpg);background-size: cover;padding:20px;}
.mainalphabet_btn ul li{width:16.66%;float:left;cursor:pointer;}
.mainalphabet_btn ul li button{width:100%;background-color: rgba(0,0,0,.8);
    font-weight: 600;
    padding: 16px 3px;
    color: #fff;}
.mainalphabet_btn ul li button:hover{color:#9bc346;color:#46b7c3;}
.mainalphabet_btn ul li button.active{background:#9bc346;background-color:#46b7c3;}
.mainalphabet_btn ul li button:hover.active{color:#fff;}

.main3heckjong_seller::before, .main3heckjong_sel::before{
	display:block;
	width:100%;
}
.main3heckjong_seller::before, .main3heckjong_sel::before{
	color:#fff;
	font-size:var(--LtextSize);
	padding:20px;
	font-weight:bold;
	border-top-right-radius: 10px;
    overflow: hidden;
}
.main3heckjong_seller::before{
	content:'판매업체';
	background:#00b2c7;
	background:#047ba7;
}
.main3heckjong_sel::before{
	content:'핵종';
	background:#1c81c9;
}
.main3heckjong_seller, .main3heckjong_sel{
	/* border-top:2px solid #000; */
	height:291px;
	overflow: auto;
}
.main3heckjong_sel{
	border-right:1px solid var(--border-color);
}
.main3heckjong_sel ul li{
	padding:15px 20px;
}
.main3heckjong_sel ul li, .main3heckjong_seller ul li{
	border-bottom:1px solid var(--border-color);
	display:flex;
	cursor: pointer;
	background:#fff;
}
.main3heckjong_seller ul li{
	justify-content: space-between;
}
.main3heckjong_sel ul li:hover,.main3heckjong_seller ul li:hover{
	background:#f0f5fa;
}
.main3heckjong_sel ul li.active,.main3heckjong_seller ul li.active{
	background:#3766AE;
}
.main3heckjong_sel ul li span:nth-child(2){
	margin-left:10px;
}
.main3heckjong_seller ul li a{
	width:100%;
	padding:15px 20px;
	display: flex;
    justify-content: space-between;
}
.main3heckjong_seller ul li a::after{
	content:'홈페이지 바로가기';display:inline-block;
	font-size: var(--Stext-Size);
    text-decoration: underline;
	
}
.main3heckjong_sel ul li.active span,.main3heckjong_seller ul li.active a,.main3heckjong_seller ul li.active i{
	color:#fff;
	cursor:pointer;
}
.mainscroll::-webkit-scrollbar-corner, .mainscroll::-webkit-scrollbar-track {
    background-color: #e7ecf0;
}
.mainscroll::-webkit-scrollbar-thumb{
	background-color: #000;
    background-clip: padding-box;
    border: 7px solid transparent;
    border-radius:0;
}

.mainscroll::-webkit-scrollbar-button:vertical:increment {
    background:#e7ecf0;
}
.mainscroll::-webkit-scrollbar-button:vertical:decrement {
    background:#e7ecf0;
}
.mainscroll::-webkit-scrollbar-corner,.mainscroll::-webkit-scrollbar-button:vertical:increment, .mainscroll::-webkit-scrollbar-button:vertical:decrement{width:0;height:0;}

.main3_domtit{
	font-size: calc(var(--text-size) * 1.7) !important;
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 53px;
    color: #1b2352;
}
.main3_first{
	display:none;
	background:url(../html/img/thrid_bg_6.jpg) center center no-repeat;height:370px;background-size: cover;
	 /* filter: brightness(0.4); */
}
.main3_second{background:#fff;
	display:none;
}
.main3_third{
	background-color:#e7ecf0;overflow:hidden;background-size: cover;padding:67px 0;}


.main3_zero{
	
	background:url(../html/img/thrid_bg_16.jpg) center center no-repeat;height:580px;background-size: cover;
	
}
.main3_zero *{color:#fff;}

.main3_zero .main3_domesticagency{
	width: 180px;
    height: 160px;
    background:#fff url(../html/img/main3_dotmap.png) 50% 53% no-repeat;
    background-size: 91px 128px;
    text-align: center;
    /* border: 1px solid #2c585e; */
    border-radius: 100%;
    margin-top:491px;
}
.main3_zero .main3_domtit{
	font-size: calc(var(--text-size) * 1.5) !important;
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 60px;
    color:#1b2352;
}
.main3_zero .main_opentbq::after, .main3_zero .main_sealedtbq::after{
	color:#fff;
}
.main3_zero .main3_statistics{
	margin-top:491px;
	border-color:#2a353c;
	border-left:0;
}

.main3_zero .main3_statistics ul li div{
	background:rgba(0,0,0,0.6);
	border-color:#2a353c;
	border-right:0;
	transition: all .3s;
}
.main3_zero .main3_statistics ul li div:hover{
	transform:translate(-4%, -4%);
}
.main3_zero .main_year{
	right:0;
	top:-10px;
}

.main3heckjong_sel::before{background:#5f7686;}
.main3heckjong_seller::before{background:#435d67;}

#main1_map{height:311px;    margin: 0 20px; width:210px;}
.main1_ul {margin-top:7px;}
.main1_ul li{padding:13px;width:100%;border-bottom:1px solid #ddd;display:flex;}
.main1_ul li span:nth-child(1){width:120px;margin-right:10px;}
.main1_ul li span:nth-child(2){    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;width:100%;}
.main1_ul li span:nth-child(3){width:162px;margin-left:auto;text-align:right;white-space:nowrap;}
.main1_agency_detail {padding:62px 50px 20px 40px; border-left:1px solid #ddd; overflow:auto;height:311px;}
.main1_agency_detail .tit{
	    font-size: var(--Ltext-Size);
        font-weight: bold !important;
        margin-bottom:10px;
}
.main1_agency_detail .cont{
	line-height:2;
}
.main1_agency_detail ul li{
	margin:10px 0;
}
.main1_agency_detail ul li:before{
	display:inline-block;margin-right:10px;
}
.main1_agency_detail ul li:nth-child(1):before{content:'· 기관 연락처 : ';}
.main1_agency_detail ul li:nth-child(2):before{content:'· 홈페이지 : ';}
 
.main1_agency_detail button{float:right;}



/* tabs */
.main1_tab .tab{margin-top:30px;}
.main1_tab .tab li{
	float: left;
}
.main1_tab .tab li {
	width: 18%;
}
.main1_tab .tab.tab_w10p li {
	width: 10%;
}

.main1_tab .tab li span {
	text-align: center;
	background: #fff;
	cursor: pointer;
	display: block;
	font-size: var(--text-size);
	font-weight: 500;
	padding: 15px;
	border: 1px solid #ddd;
	border-bottom:0;
}
.main1_tab .tab li.active span{
	border-color:var(--first-color);
	color:var(--first-color);
	font-weight:bold;
}
#main1_calen{height:936px; min-height: 819px;overflow:auto;background:#fafafc;background:#fff;padding:16px 15px;border:1px solid #ddd;margin:0 15px 15px 0;}
#main1_calen table{min-width:647px;}
#main1_calen table th{padding:10px 0;}
#main1_calen table th,#main1_calen table td{border-bottom:1px solid #ddd;}
#main1_calen table td{padding:11px;height:128px;overflow:hidden;}
#main1_calen table tr:last-child td{border-bottom:0;}
/* #main1_calen ul li:first-child span{font-weight:bold;} */

#main1_calen table li span{width:150px;font-size:calc(var(--text-size) * 0.9);    white-space: nowrap;}
#main1_calen table li{margin-bottom:12px;display:flex;}
.main_tit{    font-size: var(--text-Size);font-weight:bold;display:flex;background:#f9f8fd;border:1px solid #ddd;border-bottom:0;padding:10px 15px;display:flex;}
.main_tit.l{margin:15px 15px 0 0;}
.main_tit.r{margin:15px 0 0 0;}

.main_cont{padding:16px;background:#fff;border:1px solid #ddd;}
.main_cont.chart{padding:0;}
.cs_state{display:flex;    justify-content: space-around;}
.cs_state i{font-size:42px;display:flex;justify-content: center;}

.map_div{border:1px solid #ddd;display:flex;margin-top:30px;background:#fff;margin:0 15px 15px 0;}
.map_div .img{background:#f9f8fd;display:flex;align-items:center;}

    
.map_div img{    object-fit: cover;
    width: 80%;
    height: 100%;margin:30px auto 0 auto;}
    
.chartWrapper {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding:15px;
    height: 378px;
}

.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}

.chartAreaWrapper {
    width:547px;
    margin:0 auto;
}
.join_btnbox{text-align:center; margin-top:50px; margin-bottom:10px;}



    .rolling_wrap {
        position: relative;
        min-height: 60px;
        height: 60px;
        margin: auto;
        overflow: hidden;
    }

    .rolling_wrap a {
        position: absolute;
        width: 140px;
        height: 60px;
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
        display: flex;
        border:1px solid #e5e5e5;
        align-items:center;
        justify-content:center;
    }

    .rolling_wrap a img {
        width: 132px;
        object-fit: contain;
        padding:10px;
        display:flex;        
    }
        
.rolling_wrap::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%);
}
.rolling_wrap::after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%);
}
.radiotoimg input[type="radio"]{display:none;}
.rollingbox .btn_type9{border-color:#ddd;}
.rolling_view{width:80%;}
.rolling_view ul{display:flex;}
.rolling_view ul li a{border:1px solid #ddd;display:inline-block;padding:10px;box-sizing:border-box;}
.rolling_view ul li a img{}
.rolling_view ul li{margin:0 5px;}

.m_columnrev{}