@charset "utf-8";

#wrap {min-width:320px;width:100%;height:100%;position:relative;}
.layout {position:relative;max-width:60rem;width:100%;margin:0 auto;height:100%;}
.layout:after {content:'';display:block;clear:both}
/*Header*/
#header {transition:.3s;  } 
#header{position:fixed;top:0;left:0;width:100%;min-width:320px;width:100%;text-align:center;z-index:350;background:#fff;border-bottom: 1px solid #e3e3e3;}
#header.online:after{position:absolute;top:6rem;left:0;width:100%;height:0;content:'';border-top: 1px solid #e3e3e3; }  
#header.over,
#header.fix{background: linear-gradient(to bottom, #fff 6rem, #fafafa 6rem 100%); border-bottom: 1px solid #e3e3e3;}
#header .header_top {position:relative;z-index:2;height:1.7rem;transition:.8s;background: #353b50;border-bottom: 1px solid #e3e3e3;}
#header .header_top h1 {position:absolute;left:0;top:2.3rem; } 
#header .header_top h1 a {background-image:url(../images/h1_logo.png);display:block;width:14.25rem;height:2.95rem;text-indent:-9999px;background-size:100% auto;background-repeat:no-repeat;background-position: center center;}
#header .header_top .topgmenu {float: right;}
#header .header_top .topgmenu ul li {display: inline-block;line-height: 1.5rem;}
/*#header .header_top .topgmenu ul li:after {content: '';height: 15px;width: 1px;background: #bfbfbf;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#header .header_top .topgmenu ul li:last-child:after {display: none;}*/
#header .header_top .topgmenu ul li a {font-size: .7rem;display: inline-block;line-height: 1.15rem;height: 1.15rem;border-radius: .7rem;padding: 0 .5rem;transition: .3s;}
.topgmenu ul li a.login { color: #fff;} 
.topgmenu ul li a.join { color: #fff; } 
.topgmenu ul li a.login:hover {background: #626e98;}
.topgmenu ul li a.join:hover {background: #626e98;} 
#header .header_bottom {background: #fff;} 
#header .header_bottom #gnb {float: left;padding:0 5rem 0 19rem; }
/*GNB MENU*/
#gnb{position:relative;display:inline-block;vertical-align:top;width: 100%;}
#gnb ul.gnb{position:relative; height:4.3rem;overflow:hidden;z-index:20}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;width:25%;}  
/* #gnb > ul > li:nth-of-type(2), #gnb > ul > li:nth-of-type(4),  #gnb > ul > li:nth-of-type(6) {width:18%;}  */
#gnb > ul > li > a{position:relative;display:block;font-size:1rem;color:#000;text-decoration:none;text-align: left;font-weight: 500;/*font-family:'NanumBarunGothic';*/   } 
#gnb > ul > li > a span{position:relative;display:inline-block;line-height:4.3rem;color: #000; }  
#gnb > ul > li > a span:hover {color:#143f92;}
#gnb > ul > li > a span:after{position:absolute;bottom:0;left:50%;width:0;height:5px;content:'';background:#5362ce;border-radius: 3px; transition:all .3s ease;}
#gnb > ul > li.hv > a,
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{color:#5362ce;}
#gnb > ul.on > li.hv > a span:after,
#gnb > ul.on > li.on > a span:after,
#gnb > ul.on > li > a:hover span:after{left:0;width:100%;}
#gnb > ul > li > a span.mymenu {color:#0190a5;}
#gnb > ul > li > ul{position:absolute;top:4.1rem;left:0;padding:25px 0 0  0px;width:100%;min-height:420px;}
#gnb > ul > li > ul > li{margin-bottom:1rem;text-align:left;}
#gnb > ul > li > ul > li a{display:inline-block; color:#000;font-size:.85rem;position: relative;padding-left:0rem; font-weight: 500;word-break: keep-all;} 
#gnb > ul > li > ul > li ul > li a{display:block;font-size:.7rem;padding:.4rem 0 0 .8rem;color: #555555;  }
#gnb > ul > li > ul > li ul > li a:before {display: none;}
#gnb > ul > li > ul > li ul > li a:hover {color: #000;}
#gnb > ul > li > ul li a:hover, 
#gnb > ul > li > ul li.on a{color:#5362ce; }
#header.over #gnb > ul > li > a,
#header.fix #gnb > ul > li > a{color:#4f4f4f} 
#mGnb{display:none;}  
.utility {position: absolute;right: 0;top:3rem}  
.utility >div {position: relative; }
.utility .tsearch {float: left;width: 2.5rem; } 
.utility .etcbtn {float: right;padding-top: .2rem;}   
.utility button {display:inline-block;width:30px;height:30px;text-indent: -9999px;background-position: center center;background-repeat: no-repeat;} 
.utility button.mobsch_btn {background:url(../images/icon_topsch2.png) center center no-repeat;}
.utility button.mobsch_btn.on {background:url(../images/mobmn_close.png) center center no-repeat;}  
.utility button.btnMenu {background:url(../images/btn_sitemap.png) no-repeat center center;} 
.utility button.btnMenu {display: none;}
/*TopSearch*/ 
.all_scBox {display:none;width:100%;background:#f5f8fc;position:absolute;overflow:hidden;top:6.05rem;left:0;border-bottom: 1px solid #c1c1c1;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);}
.all_scBox .layout .all_sc_bar {padding:3.5rem 0;}
.all_scBox .layout .all_sc_bar .bar_box {max-width:33rem;width:100%;height:3rem;margin:0 auto;position:relative;}
.all_scBox .layout .all_sc_bar input[type="text"] {width:100%;height:2.1rem;padding:0 65px 0 20px;background:#fff;border:0;border-radius: 1rem; font-size:.8rem;color:#888888;font-weight:normal;border: 2px solid #19629b;} 
.all_scBox .layout .all_sc_bar button {position:absolute;width:23px;top:.45rem;right:1rem; height:23px;text-align:center;background:url(../images/icon_searchtop2.png) top right no-repeat;font-size:0;text-indent:-9999px;}  
.all_scBox .layout .all_sc_bar p.tit {text-align: left;max-width:33rem;width:100%;margin:0 auto .5rem auto;font-size: 1rem;color: #000;padding-left: 1rem;}
/*Footer*/
#footer {border-top: 1px solid #dfdfdf;background: #fff; height:auto; }  
#footer .footer_info {position:relative; border-bottom:1px solid #dfdfdf;height:auto;background: #eef1f8;} 
#footer .footer_info .utile_wrap {text-align: center; } 
#footer .footer_info .utile_wrap li {display:inline-block;position: relative;}  
#footer .footer_info .utile_wrap li::after {content: '';width: 1px;height: .9rem;position: absolute;right: .625rem;top: 50%;transform: translateY(-50%); background: #d0d0d0;}
#footer .footer_info .utile_wrap li a {display:block;font-size:.75rem;color:#000000;padding-right:1.25rem;line-height:2.7rem;} 
#footer .footer_bottom {max-width:60rem;margin:0 auto;padding:2rem 0;}
#footer .footer_bottom .copyright { overflow:hidden;color:#444444;font-size:.75rem;}
#footer .footer_bottom .copyright .logo  {float:left;width:13rem;}
#footer .footer_bottom .copyright .address  {float:left;line-height:1.25rem;}  
a.btnTop {position:fixed;bottom:3rem;right:2rem;color:#fff;z-index:62;width:2.5rem;height:2.5rem;border-radius:50%; text-align:center;display:block;background:#333384;opacity:0;transition:.5s;transform:translate3d(0,20px,0);  }
a.btnTop span {display:block;font-size:.7rem; }
a.btnTop i {padding-top:.3rem; transition:all .4s}
a.btnTop:hover i {margin-bottom:.25rem}
a.btnTop.active {opacity:1;transform:translate3d(0,0,0);}

/*Respond*/  
@media(min-width:641px){ 
	.fix_bg{display:none !important;}
}
@media(max-width:1440px){   
    .layout {padding:0 1rem;}
    #header .header_top h1 {left: .5rem;}
    .utility {right: 1rem;}   
}
@media(max-width:1220px){   
    #header .header_bottom #gnb {padding: 0 3.5rem 0 17rem;}  
}

@media(max-width:1024px){  
	#footer .footer_info .footer_link li:first-child {padding-right:.5rem;}
    #footer .footer_bottom {padding: 1rem 0;}
    #footer .footer_bottom .copyright .logo  {float:none;width:100%;padding:0 0 1rem 0;text-align: center;}
    #footer .footer_info .footer_link li a {padding-right: 1rem;}
    #footer .footer_bottom .copyright {font-size: .7rem;}
    #footer .footer_bottom .copyright .address  {float:none;width:100%;text-align: center;padding: 0 2rem;}
    #footer .footer_bottom .copyright .address p {line-height: 1rem;}
    #footer .footer_bottom .copyright .address p br {display: block;}  
    a.btnTop {right: 1rem;bottom: 2rem;}
}
@media(max-width:768px){   
    #header .header_top  {height: 3.6rem;border-bottom:0;background: #fff;}
    #header .header_top h1 {left: 1rem;top: .7rem;}   
    .utility {top: 1rem;} 
    .utility button.btnMenu {display: block;}
    .utility .etcbtn {display: none;}
    #header .header_top .topgmenu  {display:none}   
	#gnb{display:none}         
    .mobsite {top:50%;transform:translateY(-50%)}   
    .all_scBox {top:3.6rem; }
    .all_scBox .layout .all_sc_bar {padding:2rem 0;}
	#header.over{background:none;border-bottom: 1px solid #e3e3e3} 
	#header.fix{background:rgba(255,255,255,1);border-bottom:1px solid rgba(215, 215, 215, 0.5)} 	
	#header .btnClose{display:block;position:absolute;top:20px;right:20px;width:30px;height:30px;text-indent:-999px;overflow:hidden;z-index:20;border: none;background-color:transparent;} 
	#header .btnClose span{position:relative;display:block;margin:0 auto;width:24px;height:24px;background-image: url(../images/btn_sitemap.png);border: none; background-color:transparent;transition:0.2s ease}  
	#mGnb{display:block;position:fixed;top:0;right:-100%;width:100%;height:100%; z-index:500;background:#fff;} 
    #mGnb .mobhead {position: relative;height: 3.6rem;border-bottom: 1px solid #e3e3e3;} 
    #mGnb .mobhead .mMenu_logo  {position:absolute;left:1.5rem;top:1rem;} 
    #mGnb .mobhead .mobmenu_close {width:35px;height:35px;background:url(../images/mobmn_close.png) center center no-repeat;position:absolute;top:.75rem;right:1rem;text-indent:-9999px}  
    #mGnb .mbgmenu {height: 2rem;text-align: right;padding-right: .4rem;} 
    #mGnb .mbgmenu ul li {display: inline-block;line-height: 2rem;padding:0 .6rem;position: relative;}
    #mGnb .mbgmenu ul li:after {content: '';height: 16px;width: 1px;background: #bfbfbf;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    #mGnb .mbgmenu ul li:last-child:after {display: none;}
    #mGnb .mbgmenu ul li a {font-size: .8rem;color: #747474;}
    #mGnb .mbgmenu ul li a:hover {color: #000;}
	#mGnb > ul{margin:0 0px;padding:0px 0 20px 0;width:100%;height:100%;overflow:auto;text-align:left;background:#3b4374;}
	#mGnb > ul > li{position:relative;border-bottom:1px solid rgba(255,255,255,.2);transition: .3s;}
	#mGnb > ul > li:first-child{border-top:1px solid rgba(255,255,255,.2)}	
    #mGnb > ul > li.has-sub:after{content:'\e942';font-family:xeicon; position:absolute;font-size: 1rem; right:1rem; top:1rem;color: #9398b3;  display:block;}	
    #mGnb > ul > li.open:after{content:'\e945';font-family:xeicon; position:absolute;font-size: 1rem; right:1rem; top:1rem; display:block;color: #fff;}	
    #mGnb > ul > li > a{display:block; color:#fff;padding:1rem 2rem;font-size:1rem;font-weight: 500;transition: .5s;}
    #mGnb > ul > li > a:hover {color:#96f6ff;background: #343c6b;}
	#mGnb > ul > li.open > a{color:#96f6ff;background: #343c6b;}
	#mGnb > ul > li > ul{display:none;background:#343c6b;padding: 1rem 0;}
	#mGnb > ul > li > ul > li{position:relative; }
	#mGnb > ul > li > ul > li > a{display:block;padding:.5rem 0 .5rem 2.5rem;font-size:.85rem;color:#fff; }
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:#96f6ff}
    #mGnb > ul > li > ul > li > p {display:block;padding-left: 2.5rem; }
    #mGnb > ul > li > ul > li > p a {position:relative;display:block;padding:.25rem 0 .25rem .5rem;font-size:.75rem; color:#bac0e0;}
    #mGnb > ul > li > ul > li > p a:before{content:'';display:block;position:absolute;left:0;top:50%; width:3px;height:3px;background:#bac0e0;transform: translateY(-50%);}
    #mGnb > ul > li > ul > li > p a:hover {color:#fff}	   
    #mGnb .mobmn_list {height:100%;overflow-y:auto; position:relative;}     
    .fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100}
	#wrap.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;} 
    /*#footer .footer_info .utile_wrap li a {padding-right: 1rem;}*/   
}
@media(max-width:480px){   
    #mGnb .mobhead .mMenu_logo {left: 1rem;}
    #header .header_top h1 {left: .5rem;} 
    .utility {right: .5rem;}
    #footer .footer_info .utile_wrap li a {line-height:2rem;}
    #footer .footwrap {padding:1rem 1rem;}   
}
/* modal */
.modal{display:none; position:fixed; left:0; right:0; background-color:#fafafa; padding:0; /* width:90%; */ max-height: 100%; margin:auto; overflow:hidden; border-radius:15px; will-change:top, opacity}
.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}
.modal .modal-content{padding:35px 10px 35px 35px;}
.modal-title {display: flex; align-items: center; border-bottom: 1px solid var(--bs-gray); margin-bottom: 1rem;}
.modal-title .material-icons-outlined { display:inline-block;}
.modal-content-fixed{max-height:90%; height:100%; padding-right:20px; overflow:hidden; overflow-y:auto}
.modal .modal-close{cursor:pointer}
.modal .modal-footer{border-radius:0 0 2px 2px; background-color:#fafafa; padding:4px 6px; height:56px; width:100%; text-align:right}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}
.modal-overlay{position:fixed; z-index:999; top:-25%; left:0; bottom:0; right:0; height:125%; width:100%; background:#000; display:none; will-change:opacity}
.modal .modal-close{position:absolute; top:5px; right:5px; padding:0; width:30px; height:30px; text-align:center;}
.modal .modal-close i{font-size:30px;}

	@media only screen and (max-width: 1500px){
		.modal{width:90%}
		.modal-content-fixed{max-height:500px;}
	}

	@media only screen and (max-width: 1024px){
		.modal .modal-content{padding:30px 10px 30px 20px;}
	}

/* 스크롤바 설정*/
.modal-content-fixed::-webkit-scrollbar{margin-right:10px;width: 6px;}

/* 스크롤바 막대 설정*/
.modal-content-fixed::-webkit-scrollbar-thumb{ background: #333953; border-radius: 25px;}

/* 스크롤바 뒷 배경 설정*/
.modal-content-fixed::-webkit-scrollbar-track{background-color: #f1f2f7; border-radius: 25px;}

.modal-ktsn{display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-left:-18px;}
.modal-ktsn > li{width:calc(20% - 20px); margin-left:18px;}

/* modal */
.modal{display:none; position:fixed; left:0; right:0; background-color:#fafafa; padding:0; width:90%; max-height: 100%; margin:auto; overflow:hidden; border-radius:15px; will-change:top, opacity}
.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}
.modal .modal-content{/* padding:35px 10px 35px 35px; */}
.modal-content-fixed{max-height:700px; padding-right:20px; overflow:hidden; overflow-y:auto}
.modal .modal-close{cursor:pointer}
.modal .modal-footer{border-radius:0 0 2px 2px; background-color:#fafafa; padding:4px 6px; height:56px; width:100%; text-align:right}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}
.modal-overlay{position:fixed; z-index:999; top:-25%; left:0; bottom:0; right:0; height:125%; width:100%; background:#000; display:none; will-change:opacity}
.modal .modal-close{position:absolute; top:5px; right:5px; padding:0; width:30px; height:30px; text-align:center;}
.modal .modal-close i{font-size:30px;}  
@media only screen and (max-width: 1500px){
	.modal{width:40%}
	.modal-content-fixed{max-height:500px;}
} 
@media only screen and (max-width: 1024px){
	.modal .modal-content{padding:30px 10px 30px 20px;}
}
/* 스크롤바 설정*/
.modal-content-fixed::-webkit-scrollbar{margin-right:10px;width: 6px;}
/* 스크롤바 막대 설정*/
.modal-content-fixed::-webkit-scrollbar-thumb{ background: #333953; border-radius: 25px;}
/* 스크롤바 뒷 배경 설정*/
.modal-content-fixed::-webkit-scrollbar-track{background-color: #f1f2f7; border-radius: 25px;}
.modal-ktsn{display:flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-left:-18px;}
.modal-ktsn > li{width:calc(20% - 20px); margin-left:18px;}
.modal-ktsn.list06 > li{width:calc(16.66666% - 20px); margin-left:18px;}
.ktsn-card{min-height:400px;}
.ktsn-title{padding-bottom:.75rem; margin-bottom:1rem;  border-bottom:1px dashed #9295a6;}
.ktsn-list > li{display:block; width:100%; line-height:2}
.ktsn-list > li span.badge{border-radius:3px;}
.ktsn-list > li i{color:#333953; font-size:0.925rem; margin-right:5px;}
@media only screen and (max-width: 1500px){
	.modal-ktsn > li{width:calc(33.333% - 20px); margin-left:18px;}
}
@media only screen and (max-width: 1024px){
	.modal-ktsn{margin-left:5px; margin-right:5px;}
	.ktsn-card{min-height:auto;}
	.modal-ktsn > li{width:100%; margin-left:0; margin-bottom:0;}
}
.row-vertical-top {display:flex; flex-wrap:wrap; align-items: flex-start; width:100%;height: 100px;}
.row-vertical-top .col{display:flex;align-self:  flex-start; vertical-align: top;}   
.markbox {font-size: .87rem;color: #67686b;width: 175px;height: 100%;} 
.markbox span {width: 50%;display: inline-block;}
.markbox .rndtext {background: #7781a8;height: 18px;line-height: 19px; color: #fff;font-size: .73rem;border-radius: 8px; width: 40px;text-align: center;}
.markbox .number {text-align: right;margin-right: 5px; }
.attfile   {margin-top: .5rem;}
.attfile li { margin-bottom: 7px;}
.btn_file {cursor: pointer;display: inline-block; color: #333952;font-size: 12px;font-weight: 700;margin-bottom: 2px;border: 1px solid #b9b4cb;border-radius: 4px;height: 28px;padding: 0 4px;background: #f9f9f9;line-height: 28px;}
.btn_file > i {font-size:17px;vertical-align: middle;}
.textrefer {font-size: 15px;}
.page_wrap {display: flex;align-items: center;flex-wrap: wrap;} 
.page_wrap .pagelist { margin: auto;  } 
.page_wrap .btnarea {margin-top: 1.875rem;}
.text_excel {display: inline-block;padding: 3px 5px;line-height: 18px; background: #1f9978 ;color: #fff;margin-right: 5px;}
.text_bold {font-weight: 500;}