/* Add here all your css styles (customizations) */

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
body {letter-spacing: -0.025em;}


/**** 공통 ****/
.nanumsquare {font-family: "NanumSquare", "Open Sans", Helvetica, Arial, sans-serif !important;} 

.word-keep {word-break:keep-all; }

.g-text-underline--hover:hover {text-decoration: underline; }

.g-ml-100 {margin-left:7.14285rem !important;}
.g-ml-50 {margin-left:3.57142rem !important;}
.g-mr-50 {margin-right:3.57142rem !important;}

.g-brd-secondary {border-color:#ef771e !important;}
.c-brd-cyan {border-color:#3786bc !important;}      /* 진흥원 소개메뉴 컬러 */ 
.c-brd-green {border-color:#6cad2e !important;}     /* 지원사업 메뉴 컬러 */ 
.c-brd-red {border-color:#e73e1c !important;}        /* 입주안내 메뉴 컬러 */  
.c-brd-purple {border-color:#a74895 !important;}   /* 알림마당 메뉴 컬러 */ 
.c-brd-orange {border-color:#ef771e !important;}   /* 경영고시 메뉴 컬러 */ 

.g-bg-secondary {background-color:#ef771e !important;}
.g-bg-fcfcfe {background-color:#fcfcfe !important;}
.g-bg-3c4690 {background-color:#3c4690 !important;}

.g-color-3c4690 {color:#3c4690;}

.g-pb-134 {padding-bottom:134px !important;}

.u-dot-line-v1-2::before, .u-dot-line-v1-2::after {
    display: block;
}
.g-bg-primary--before::before, .g-bg-primary--after::after {
    background-color: #3c4690 !important;
}

/**** Header ****/
.top-bar {background:#f2f4fb; border-bottom:1px solid #d7d7d7; }

.c-site-tabs {padding-top:0px; }
.c-site-tabs li a {display:block; background:#fff; padding:8px 24px; color:#333 ; font-size:15px; border:1px solid #d7d7d7; border-top:none; margin-bottom:-1px; margin-right:-5px;}
.c-site-tabs li a:hover {color:#ef771e;  }
.c-site-tabs li a.active {background:#fff; color:#2b336f; border-bottom:1px solid #fff;}

.c-top-bar-sns li a {display:block; background:#fff; width:42px; height:40px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; line-height:40px; color:#333; } 

.c-top-bar-sns li:first-child a {color:#b7b7b7; } 
.c-top-bar-sns li:first-child a:hover {background:#2b336f; color:#fff; transition: all ease 0.3s; } 

.c-top-bar-sns li:last-child a {color:#4565a7; } 
.c-top-bar-sns li:last-child a:hover {background:#4565a7; color:#fff; transition: all ease 0.3s; } 

.c-header-sitemap {display:inline-block; }
.c-header-sitemap:hover i {color:#ef771e !important; }

#sitemap h4 {color:#000; margin:0 auto; font-weight:500;}
#sitemap .close {position:absolute; right:40px; top:30px;}
#sitemap .sitemap-inner {padding:20px 0 0 20px; border-top:2px solid #d7d7d7;}
#sitemap .sitemap-inner h5 {color:#2b336f; white-space:nowrap;}
#sitemap .sitemap-inner a:hover {color:#2b336f; text-decoration:underline;} 
#sitemap .sitemap-inner li {line-height:2; white-space:nowrap;} 
#sitemap .sitemap-inner .sitemap-1D > li > a {color:#000; padding-left:5px; font-size:15px;} 
#sitemap .sitemap-inner .sitemap-2D {margin-bottom:10px;} 
#sitemap .sitemap-inner .sitemap-2D > li {background:url('../img/icon_dot.png') no-repeat 6px 14px; } 
#sitemap .sitemap-inner .sitemap-2D > li > a {color:#555; padding-left:14px; font-size:14px;} 


.navbar-nav .nav-link {color:#1b1b1b !important; position:relative; z-index:99;}
.navbar-nav .nav-link:hover {color:#3c4690 !important;}

.wide-submenu-wrap {position:absolute; top:32px; left:18px; padding-top:39px; z-index:98;}

.wide-submenu {border-top:1px solid #d7d7d7; min-width:757.5px; font-family:"Noto Sans KR", "Open Sans", Helvetica, Arial, sans-serif; }
.wide-submenu > div {float:left; width:151.5px; border-right:1px solid #d7d7d7; background:rgba(255,255,255,0.9); min-height:210px; padding:14px 0 0 30px;}
.wide-submenu > div:hover {background:#fff url('../img/wide-submenu-bg.png') no-repeat top center;}
.wide-submenu > div:last-child {border-right:0px solid #d7d7d7; }
.wide-submenu li a {color:#444; font-size:14px; line-height:2; font-weight:700;}
.wide-submenu li a:hover {color:#4a56a9; text-decoration:underline;}


.hs-sub-menu {left:-50px !important; } 
.hs-sub-menu li {border-bottom:1px solid #eee; }
.hs-sub-menu li:hover {background:#f2f4fb; color:#3c4690; transition: all ease 0.5s; }
.hs-sub-menu li:hover a {  }
.hs-sub-menu li a:hover {color:#3c4690 !important; transition: all ease 0.5s; }

.u-header__section .g-color-primary--hover:hover {color:#3c4690 !important;}



/**** Main Page ****/

.u-nav-primary .nav-link {line-height:34px; background:#f5f5f5; border-bottom-color:#2b336f !important; } 
.u-nav-primary .nav-link:hover {background:#f2f4fb !important; color:#2b336f !important; } 
.u-nav-primary .nav-link.active {border-color:#2b336f !important; background:#fff; color:#2b336f; font-weight:700; border-bottom:1px solid #fff !important; position:relative; z-index:10; } 
.u-nav-primary .board-more:hover {background:#f2f4fb !important; }

/*  0113 수정  */
.board-latest-tab {font-size:16px; }
.board-latest-list {padding:0 0px 16px 20px; list-style:none; }  /*  0113 추가  */
.board-latest-list li {line-height:1.6; margin-bottom:8px; overflow:hidden; white-space:nowrap; } /*  0113 수정  */
.board-latest-list li a {color:#333 !important; }
.board-latest-list li a:hover {color:#3c4690 !important; text-decoration:underline; }
.board-latest-list li a:before { content: ' \25AA'; font-size: 13px; margin: 0 5px 0 0px; position: relative; top: -1px; }  /*  0113 추가  */
.board-latest-list .board-latest-date {float:right; color:#333 !important; padding-right:10px; font-size:13px; }

.board-latest-more {position:absolute; top:1px; right:16px; width:49px; height:48px; line-height:48px; background:#fff; font-size:30px; text-align:center; }
.board-latest-more:hover {background:#2b336f; color:#fff;  }
/*  0113 수정  */


/**** Sub Pages ****/
.u-accordion .u-accordion__header.active {background:#2b336f;}
.u-accordion .u-accordion__header:hover.active {background:#2b336f; transition: all ease 0.3s; }
.u-accordion .u-accordion__header.active a {color:#fff;}
.u-accordion .u-accordion__header:hover.active a {color:#ef771e; transition: all ease 0.3s;}
.u-accordion .u-accordion__header a {color:#777; }
.u-accordion .u-accordion__header:hover {background:#fcfcfe; transition: all ease 0.3s;}
.u-accordion .u-accordion__header:hover a {color:#2b336f ; transition: all ease 0.3s;}
.u-accordion .u-accordion__body {background:#fcfcfe; }
.u-accordion .u-accordion__body a {color:#777; }
.u-accordion .u-accordion__body a:hover {color:#2b336f; }
.u-accordion .u-accordion__body a.active {color:#2b336f; font-weight:700;}
.u-accordion .u-accordion__control-icon {max-height:24px;}

.side-menu .card {border:0 none;}
.side-menu .card .u-accordion__header, .side-menu .card .u-accordion__body {border:1px solid #eee; border-top:0 none;}
.side-menu .card .u-accordion__header.active {border-color:#2b336f;}

.side-menu h5 {font-size:16px;}

.side-menu .card .u-accordion__body li a:before {
		content: ' \25AA';
		font-size:13px; margin:0 5px 0 -5px; 
		position:relative; top:-1px;
	}

.subcont-title {position:relative; min-height:169px;}
.subcont-title h2 {position:relative; z-index:10;}
.subcont-title .subcont-title-bg-txt {position:absolute; top:15%; left:15%;}

.custom-tbl table th {border-top:1px solid #2b336f !important; border-bottom:0 none; padding-left:0px !important; padding-right:0px !important; background:#f2f4fb !important; }
.custom-tbl table tr:hover {background:#fcfcfe !important; }
.custom-tbl table td {padding:1rem 0.5rem !important; }
.custom-tbl table td.tbl-subject {text-align:left;}
.custom-tbl table td.tbl-subject a {display:block; width:100%; height:inherit; color:#777; padding-left:10px;}
.custom-tbl table td.tbl-subject:hover a {color:#2b336f; font-weight:700; text-decoration:underline;}

.custom-tbl-read table th {border-top:1px solid #2b336f !important; border-bottom:0 none; padding:10px 15px !important; background:#f2f4fb !important; font-size:18px; color:#555; font-weight:normal;}
.custom-tbl-read table td {padding:10px 15px; font-size:16px; word-break:keep-all;}
.custom-tbl-read table td.board-content img {display:block; max-width:100%; margin-bottom:30px;}
.custom-tbl-read table td.article-nav:hover {background:#fcfcfe !important; }
.custom-tbl-read table td.article-nav a {color:#777;}
.custom-tbl-read table td.article-nav:hover a {color:#2b336f; text-decoration:underline;}

/**** Text Editor Content ****/
.texteditor-wrap h4 {font-weight:700; color:#222;}
.texteditor-wrap table {font-size:14px; border-top:2px solid #555; margin-top:20px; width:100%; min-width:680px; }
.texteditor-wrap table tr:hover {background:#fcfcfe;}
.texteditor-wrap table th {padding:10px; border-bottom:1px solid #dee2e6; background:#f2f4fb; text-align:center; color:#2b336f;}
.texteditor-wrap table td {padding:10px; border-bottom:1px solid #dee2e6; }

.announce h5 {margin-bottom:15px;}
.announce .card {background:#fcfcfe; padding:15px 20px 11px; }
.announce .card p {margin-bottom:4px;}
.announce table p {margin-bottom:4px;}

.ceo_figure p {font-size:16px; line-height:1.6; margin-bottom:0px;}
.ceo_figure img {width:86px; height:106px; margin-right:25px;}
.ceo_figure .u-label {font-weight:normal; padding:6px 12px; position:relative; top:-3px;}
.ceo_figure .ceo_info {border-left:2px dashed #3786bc; padding-left:5%;}

.c-shadow-v2 {
    -webkit-box-shadow: 6px 10px rgba(239, 239, 239, 1);
    box-shadow: 8px 7px rgba(239, 239, 239, 1);
}

.u-timeline-v1__icon {top:12px;}
.u-timeline-v1-wrap::before {background:#ddd;}

.s-history .u-timeline-v1 {background:#fff; border:0 none;}
.s-history .u-timeline-v1-left {margin-left:50px; margin-right:0; padding:8px 5px; text-align:left;}
.s-history .u-timeline-v1-right {margin-left:50px; padding:8px 5px;}
.s-history-flag {width:160px; height:160px; line-height:130px; text-align:center; font-weight:bold; margin:0 auto; color:#fff; background:#3c4690; border:10px solid #d8dae9; border-radius:50%;}


.table-r-border th, .table-r-border td {border-right:1px solid #dee2e6;}

.organize-2 .list-inline {margin:0; padding:0; width:100%;}
.organize-2 .list-inline-item {margin:0 0 0 -3px; padding:0; width:25%; max-width:230px;}
.organize-2 .list-inline-item img {width:100%; max-width:230px;}

.organize-2-tbl {position:relative; margin-top:60px;}
.organize-2-tbl li {background:#fff;}
.organize-2-tbl li.show {display:block !important;}
.organize-2-tbl table th {text-align:left;}
.organize-2-tbl table th:first-child {padding-left:24px;}
.organize-2-tbl table td:first-child {color:#000; padding-left:24px;}

/**** Footer ****/
.ft_addr a {color:rgba(255, 255, 255, 0.8) !important; }
.c-bg-footer {background-color: #464646 !important; }


/**** 화면크기별 - 기본 ****/
.header-height {padding-top:114px;}
.g-width-80x--xs {width:60%; max-height:40px; padding:7px 0 3px;}	


.ms_txt {padding:10px 15px 65px;}
.ms_txt img {width:100%; max-width:550px;}

/*
.ms-text {width:85%; text-align:left; position:absolute; top:20px; left:14px; }
.ms-text-title {font-size:20px; color:black; line-height:1.45; word-break:keep-all; margin-bottom:10px; }
.ms-text-title mark {background:rgba(43,51,111,0.4); padding:0;}
.ms-text-title .bold {font-weight:900;}
.ms-text-cont {float:left; font-size:13px; line-height:1.5; word-break:keep-all; width:100%;  font-weight:normal; }
.ms-text-cont mark {background:rgba(0,0,0,0.4); padding:0;}
*/

.main-icon-block {margin-top:-54px; }
.main-icon-block li {width:25%; height:54px;  margin:0px 0 0 -3px !important; text-align:center; position:relative; } 
.main-icon-block li a {display:block; width:97%; height:54px; margin:0px !important; border-radius:8px 8px 0 0; position:absolute; bottom:0; } 
.main-icon-block li a:hover {height:60px; padding:3px 0; margin-top:-0px !important; transition: all ease 0.5s; }
.main-icon-block li a h3 {font-size:11px !important; padding:4px 0 0 0; margin:-5px 0 0 -10px; font-weight:bold; text-align:center; }	


/**** 화면크기별 ****/
@media (max-width: 380px) {		
	
 }
 
@media (min-width: 381px) {	
	.g-width-80x--xs {width:80%; max-height:40px; padding:0; }	
	
	/*
	.ms-text {width:360px; text-align:left; position:absolute; top:20px; left:14px; }
	.ms-text-cont {float:left; font-size:13px; line-height:1.5; word-break:keep-all; width:85%;  font-weight:normal; }
	*/
	.main-icon-block li a h3 {font-size:13px !important; padding:4px 0 0 0; margin:-8px 0 0 -10px; font-weight:bold; text-align:center; }	
	
 }

@media (max-width: 575px) {	
	.subcont-title .subcont-title-bg-txt {display:none;}
	.sub_ceo {background-position:right top !important;}
	
 }

@media (min-width: 576px) {	
	.container {max-width: 100% !important; }
	.header-height {padding-top:144px;}
	.g-width-80x--xs {width:100%; max-height:50px; }	
	
	.ms_txt {padding:20px 15px 65px;}
	
	/*
	.ms-text {width:345px; text-align:left; position:absolute; top:35px; left:40px; }
	.ms-text-title {font-size:24px; color:black; line-height:1.2; word-break:keep-all; margin-bottom:15px; }
	.ms-text-title mark {background:rgba(43,51,111,0.0); padding:0;}
	.ms-text-cont {float:left; font-size:15px; line-height:1.5; word-break:keep-all; width:130%;  font-weight:normal; }
	.ms-text-cont mark {background:rgba(0,0,0,0.4); padding:0;}
	*/
	
	.main-icon-block {margin-top:-54px; }
	.main-icon-block li {width:20%; height:54px;  margin:0px 0 0 -3px !important; text-align:center; position:relative; } 
	.main-icon-block li a {display:block; width:97%; height:54px; margin:0px !important; border-radius:8px 8px 0 0; position:absolute; bottom:0; } 
	.main-icon-block li a:hover {height:74px; padding:10px 0; margin-top:-0px !important; transition: all ease 0.5s; }
	.main-icon-block li a h3 {font-size:14px !important; padding:4px 0 0 0; margin:-8px 0 0 -10px; font-weight:bold; text-align:center; }	
	
 }

@media (max-width: 767px) {	
	.subcont-title {background-size:50% !important; }
	.subcont-title p {width:90% !important;}	
	.subcont-title .subcont-title-bg-txt {width:60% !important; position:absolute; top:6% !important; left:auto !important; right:15% !important;}	
	
	.ceo_figure {padding:1.71428rem !important;}
	.ceo_figure .ceo_img {padding:0px;}
	.ceo_figure .ceo_info {width:100%; border-left:0px none !important; border-top:1px dashed #3786bc;  margin-top:30px; padding-top:30px; padding-left:5px;}
		
	.organize-2-tbl table th:first-child {padding-left:10px;}
	.organize-2-tbl table td:first-child {padding-left:10px;}
	
 }	

@media (min-width: 768px) {
	.container {max-width: 100% !important; }
	.header-height {padding-top:144px;}	
	
	.ms_txt {padding:20px 15px 85px;}
	
	/*
	.ms-text {width:380px; text-align:right; position:absolute; top:50px; left:auto; right:43%; }
	.ms-text-title {font-size:28px; color:black; line-height:1.2; word-break:keep-all; margin-bottom:15px; }
	.ms-text-title mark {background:rgba(43,51,111,0.0); padding:0;}
	.ms-text-cont {float:right; font-size:15px; line-height:1.2; word-break:keep-all; width:90%;  font-weight:200; }
	.ms-text-cont mark {background:rgba(0,0,0,0.0); padding:0;}
	*/
	
	.main-icon-block {margin-top:-64px; }
	.main-icon-block li {width:20%; height:64px;  margin:0px 0 0 -3px !important; text-align:center; position:relative; } 
	.main-icon-block li a {display:block; width:97%; height:64px; margin:0px !important; border-radius:8px 8px 0 0; position:absolute; bottom:0; } 
	.main-icon-block li a:hover {height:84px; padding:10px 0; margin-top:-0px !important; transition: all ease 0.5s; }
	.main-icon-block li a h3 {font-size:15px !important; padding:1px 0 0 0; margin:0px 0 0 -3px; font-weight:bold; text-align:left; }		
	 
	.g-ml-50--md {margin-left:3.57142rem !important;}
	.g-ml-80--md {margin-left:5.71428rem !important;}
	.g-ml-100--md {margin-left:7.14285rem !important;}
	.g-mr-50--md {margin-right:3.57142rem !important;}
	.g-mr-80--md {margin-right:5.71428rem !important;}
	.g-mr-100--md {margin-right:7.14285rem !important;}
	.g-ml-minus-16--md {margin-left:-1.14285rem !important;}
	.g-mr-minus-16--md {margin-right:-1.14285rem !important;}	
	.u-timeline-v1-wrap .u-timeline-v1-left {margin-left:0px; margin-right:80px; padding:8px 5px; text-align:right;}
	.u-timeline-v1-wrap .u-timeline-v1-right {margin-left:80px;}
	
	.s-history-flag {width:160px; height:160px; line-height:130px; text-align:center; font-weight:bold; margin:0 auto; color:#fff; background:#3c4690; border:10px solid #d8dae9; border-radius:50%;}
	
	.g-pb-144--md {padding-bottom:142px !important;}
	
 }	 

@media (max-width: 991px) {	
	.hs-sub-menu li {text-align:left !important; }
	.main-icon-block li {width:25% !important; }
	
	.sidebars > div {background-image:none !important; cursor:pointer;}
	.sidebars h1.g-hidden-md-down {display:block !important; padding:10px 0px 4px !important; font-size:20px !important;}
	.sidebars h1.g-hidden-md-down::after {
		  content: "∨";
		  position: absolute;
		  top: 1.07143rem;
		  right: 2.42857rem;
		  color: #fff;
		  border:1px solid #fff;
		  border-radius:50%;
		  font-size:10px;
		  padding:2px 4px;
	}
	
	[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not( [data-tabs-mobile-type="accordion"]):not( [data-scroll]) {
    display: none;
	}

	
 }	

@media (min-width: 992px) { 
	.container {max-width: 100% !important; }	
	.sidebars {max-width:245px;}
	
	.g-py-23--lg {padding:1.64285rem 0 !important;}	
	.g-pr-20--md {margin-right: 1.42857rem !important;}
	.g-mr-22--md {margin-right: 1.57146rem !important;}		

	.ms_txt {padding:50px 15px 105px;}
	
	/*
	.ms-text {width:480px; text-align:right; position:absolute; top:80px; left:auto; right:43%; }
	.ms-text-title {font-size:36px; color:black; line-height:1.2; word-break:keep-all; margin-bottom:15px; }
	.ms-text-title mark {background:rgba(43,51,111,0.0); padding:0;}
	.ms-text-cont {float:right; font-size:17px; line-height:1.2; word-break:keep-all; width:90%;  font-weight:200; }
	.ms-text-cont mark {background:rgba(0,0,0,0.0); padding:0;}
	*/
	
	.main-icon-block {margin-top:-74px; }
	.main-icon-block li {width:20%; height:74px;  margin:0px 0 0 -3px !important; text-align:center; position:relative; } 
	.main-icon-block li a {display:block; width:97%; height:74px; margin:0px !important; border-radius:8px 8px 0 0; position:absolute; bottom:0; } 
	.main-icon-block li a:hover {height:94px; padding:10px 0; margin-top:-0px !important; transition: all ease 0.5s; }
	.main-icon-block li a h3 {font-size:18px !important; padding:1px 0 0 0; margin:0px 0 0 0px; font-weight:bold; text-align:left; }	
	
 }

@media (max-width: 1199px) {

	.wide-submenu-wrap {position:absolute; top:32px; left:16px; padding-top:39px; z-index:98;}
	
	.wide-submenu {border-top:1px solid #d7d7d7; min-width:507.5px; font-family:"Noto Sans KR", "Open Sans", Helvetica, Arial, sans-serif;  }
	.wide-submenu > div {float:left; width:101.5px; border-right:1px solid #d7d7d7; background:rgba(255,255,255,0.9); min-height:210px; padding:14px 0 0 8px;}
	.wide-submenu li a {font-size:13px; line-height:2; font-weight:700;}
	.wide-submenu li a:hover {color:#4a56a9; text-decoration:underline;}
	
 }
 
@media (min-width: 1200px) {
	/*.cbp-hrmenu.container{max-width:1240px !important;}*/
	.container {max-width: 1148px !important; }	
	.sidebars {max-width:245px;}	
	
	/*
	.ms-text {width:580px; text-align:right; position:absolute; top:140px; left:auto; right:43%; }
	.ms-text-title {font-size:42px; color:black; line-height:1.2; word-break:keep-all; margin-bottom:20px; }
	.ms-text-title mark {background:rgba(43,51,111,0.0); padding:0;}
	.ms-text-cont {float:right; font-size:17px; line-height:1.4; word-break:keep-all; width:90%;  font-weight:200; }
	.ms-text-cont mark {background:rgba(0,0,0,0.0); padding:0;}
	*/
	
 }