@charset "utf-8";

html, body { background-color:#fff; }
body {
	min-width:1024px; font-size:.875em; 
	font-family:"NanumGothic", "Malgun Gothic", Dotum, Gulim, Tahoma, Geneva, sans-serif;
}

h2, .h2 { font-size:1.2rem; }
a:hover { text-decoration:none; }
*::before, *::after { box-sizing:border-box; }
audio:focus { outline:none; }

input:not([type="image"]):not([type="radio"]):not([type="checkbox"]):not(.hn-btn) {
	padding:5px 8px; line-height:1.35;
    background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:3px;
	color:#555;
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type=text], input[type=password] { margin:3px 0; }
input[type=text]:read-only, textarea:read-only { background-color:#f3f3f3 !important; }

textarea { padding:5px 8px; line-height:1.35; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:3px; }
select {
    display:inline-block;
    padding:.375rem .75rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select:not([size]):not([multiple]) {
    height:calc(2.25rem + -2px);
}

/* common */
.hn-btn {
	display:inline-block; padding:8px 19px;	
	background-color:#f5f5f5; border:1px solid #cfcfcf;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e6e6e6) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #e6e6e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6');	
	font-size:12px; line-height:1.8; font-weight:600; text-decoration:none;	vertical-align:middle; color:#777; 
}
.hn-btn:hover {
	background-color:#e6e6e6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f5f5f5) );
	background:-moz-linear-gradient( center top, #e6e6e6 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f5f5f5');
	color:#555; 
}
.hn-btn:active { position:relative; top:-1px; }

.write-btn, .admin-btn { 
	background:#0b8cc2; border-color:#179dd4; 
	background:-webkit-linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%);
	background:-ms-linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%);
	background:linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%); 
	color:#fff; 	
}
.write-btn:hover, .admin-btn:hover { 
	background:#0e9cd7; 
	background:-webkit-linear-gradient(top, #1daeeb 0%, #0e9cd7 100%);
	background:-ms-linear-gradient(top, #1daeeb 0%, #0e9cd7 100%);
	background:linear-gradient(top, #1daeeb 0%, #0e9cd7 100%); 
	color:#fff; 
}
input.write-btn { outline:none; cursor:pointer; }
.hn-btn.strong { padding:10px 24px; }
.small-btn, .small-btn { padding:3px 7px; font-size:12px; }
.confirm-btn { 
	display:inline-block; min-width:120px;
	padding:5px 15px;	border-radius:10px;
	background:#0b8cc2; border-color:#179dd4; 
	background:-webkit-linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%);
	background:-ms-linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%);
	background:linear-gradient(top, #1aa1d9 0%, #0b8cc2 100%); 
	font-size:12px; line-height:1.8; font-weight:600; text-decoration:none;	vertical-align:middle; color:#fff; 	
}
.confirm-btn:hover { 
	background:#0e9cd7; 
	background:-webkit-linear-gradient(top, #1daeeb 0%, #0e9cd7 100%);
	background:-ms-linear-gradient(top, #1daeeb 0%, #0e9cd7 100%);
	background:linear-gradient(top, #1daeeb 0%, #0e9cd7 100%); 
	color:#fff; 
}

.btn-group { overflow:hidden; margin:30px auto; padding:20px; text-align:center; }

.float-container { overflow:hidden; }
.float-left { float:left; }
.float-right { float:right; }
	
	
/* gnuboard5 default Overwrite */
h1, h2, h3, h4, h5, h6 { font-family:inherit; }
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr { width:1600px; margin:0 auto;}
#container_title { display:none; }
#container { width:1150px; }	

#ft { clear:both; background:#353333; }
#ft_copy { color:#888; padding:0 0 50px; }
input[type=tel]:focus,input[type=email]:focus {
	-webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff;
	border:1px solid #558ab7 !important; outline:none;
}

/* form table */
.tbl_write {margin:0 0 10px; border-top:1px solid #999; border-bottom:1px solid #f5f5f5;}
.tbl_write table {
	width:100%;
	border-collapse:collapse; border-spacing:0 5px; background:#fff;
}	
.tbl_write caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_write caption { padding:0;font-size:0;line-height:0;overflow:hidden; }
.tbl_write th {
	height:30px; padding:15px 0;
	background-color:#f7f8f9; border-bottom:1px solid #ececec; 
	font-weight:normal;text-align:center;
}
.tbl_write td {
	height:30px; padding:10px;
	border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1;
	line-height:1.4em; word-break:break-all; color:#666; 
} 
.tbl_write tr:hover td { background:#fafafa; }
.tbl_write a:hover { text-decoration:underline; }


.info-box { 
	padding:1.2em 1.6em; margin:1.5em auto; 
	background-color:#f3f6f9; border:1px solid #d7e8f3; border-radius:5px; color:#295579; 
	font-size:12px; 
}



/* ===========================================================================

	Header 
	
=========================================================================== */
/* 2023-09-01 수정 : 상단 메뉴 폰트 삽입 */
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* max-width:1840px; */
header { background-color:#fff; }

#topBanner { width:100%; background-color:#121413; text-align:center;}
#topBanner img { max-width:100%; }

#header { overflow:hidden; max-width:1600px; min-width:900px; min-height:90px; margin:0 auto; }

#logo { float:left; width:250px; height:90px; line-height:90px; padding:0; }

#topNav { overflow:hidden; float:right; max-width:calc(1600px-250px); margin:20px auto 0; }
.favorite { float:left; }
#utilmenu { float:right; }
#utilmenu li { display:inline-block; padding:0 15px; border-right:1px solid #ccc; }
#utilmenu li:last-child { border-right:none; }


/* 2023-08-24 추가 : background-color:white*/
#globalnav { clear:both; width:100%; min-width:900px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color: white;}
#globalmenu {
	position:relative; display:-ms-flexbox; display:-webkit-flexbox; display:flex;
	-ms-flex-pack:space-between; justify-content:space-between;	
	-ms-flex-align:flex-end; align-items:flex-end;
	max-width:1600px; min-width:900px; margin:0 auto; padding:15px 0; 
}
#globalmenu a { 
	display:inline-block; padding:12px 30px; margin:0 2px;
	font-size:18px; font-weight:500; letter-spacing:0; 	
	transition:color .3s, background-color .5s;
}

#globalmenu > li > a {
	font-family: 'GongGothicMedium';
	display:inline-block; padding:12px 30px; margin:0 2px;
	font-size: 115%; /*font-weight:500; font-size: x-large; font-weight: bolder;  */letter-spacing:0; 	
	transition:color .3s, background-color .5s;
}
#globalmenu > li > a:hover {
	transform: scale(1.2);
	transition-duration: 0.5s;
}

@media (max-width: 1400px) {
    #globalnav { min-width:auto; }
	#globalmenu a { padding:12px 20px; }
}
@media (max-width: 1200px) {
	#globalmenu a { padding:12px 10px; }
}
@media (max-width: 1000px) {
	#loGong { float:none; margin:30px auto 20px; height:auto; line-height:1.5; }
	#globalnav { float:none; margin:0 auto;}
	#globalmenu li { margin-top:0; }
	#globalmenu a { padding:12px 10px; }	
}

/* image menu - 2021.06.16 */
#globalmenu.g-menu li { display:inline-block; text-align:center; }
#globalmenu.g-menu a { padding:5px; }
#globalmenu.g-menu img { display:inline-block; width:100%;}
/*
#topNav { display:block; min-width:1024px; }
#topNav ul {
    position:relative; display:-ms-flexbox; display:flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
    -ms-flex-pack:space-between; justify-content:space-between;	
	-ms-flex-align:center; align-items:center;
    padding:0; background-color:#4ab515; color:#fff; 
}
#topNav li { -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto;   }
#topNav li a { display:block; padding:15px 50px; font-size:15px; font-weight:500; text-align:center; color:#fff;  }
.partner-sinayo { background-color:#486bab; }
.free-sinayo { background-color:#4ab515; }

@media (max-width: 1700px) {
    #topNav li a { padding:15px 10px; }
}


.navbar {
    position:relative; display:-ms-flexbox; display:flex;
	-ms-flex-flow:row nowrap; flex-flow:row nowrap;
    -ms-flex-align:center; align-items:center;
	-ms-flex-pack:center; justify-content:center;	
    padding:.5rem .8rem .4rem; background-color:#47b709; color:#fff; 
}
.navbar-nav {
    display:-ms-flexbox; display:flex;
    -ms-flex-direction:row; flex-direction:row;
	-ms-flex-pack:center; justify-content:center;	
    width:1400px; min-width:630px; padding-left:0; margin:0 auto; list-style:none;
}
.navbar-nav a { 
	display:inline-block; padding:12px 30px; font-size:16px; font-weight:500; color:#fff; letter-spacing:0; 
	border-radius:6px; margin:0 2px;
	transition:color .3s, background-color .5s;
}
.navbar-nav a:after { 
    content:"";
    background-color:#555;
    position:absolute; height:100%; margin-left:10px;
    
}
.navbar-nav a:hover { background-color:#a4e31c; color:#fff9cf; }
.navbar-nav a.active { 
	background-color:#faffa9; 
	font-weight:500; color:#405e4e; 
}
*/

/* ===========================================================================

	Main 
	
=========================================================================== */
#visual { position:relative; overflow:hidden; width:100%; max-height:350px; }
#visual img { width:100%; height:auto;}

#main {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	overflow:hidden; max-width:1600px; min-width:900px; padding:50px 0; margin:0 auto;	
    background-color:#fff; 
}

#sidebar { 
	overflow:hidden; -webkit-box-flex:0; -ms-flex:0 0 212px; -webkit-flex:0 0 212px; flex:0 0 212px;
	width:212px; min-height:400px; height:100%; margin:0 20px 0 0; padding:0; 
	/* box-sizing:border-box;
	border: 1px rgb(69, 66, 66);
    border-style: solid;
    border-radius: 9px; */
}
#content {
	position:relative; -webkit-box-flex:1; -ms-flex:1; -webkit-flex:1; flex:1;
	padding:0; background-color:#fff; 
	line-height:150%; 
}


.localtitle { padding:0; margin-bottom:20px; font-size:24px; font-weight:600;  }
ul.localmenu { margin-top:30px; }
.localmenu a { 
	display:block; position:relative; padding:15px 0; color:#999; text-decoration:none; 
	border-bottom:1px solid #ddd; 
}
.localmenu a:hover { color:#333; }
.localmenu a.active { color:#222; }
.localmenu a.active::after {        
    content:"";
    display:inline-block; position:absolute; right:0; top:20px; 
	width:20px; height:5px; 
	background:url(../images/active_arrow.png) no-repeat right center;    
}

ul.localbanner { margin-top:50px; margin-bottom:50px; border:1px solid #e6e6e6; border-bottom:none; }
ul.localbanner li {  border-bottom:1px solid #e6e6e6; }

.pagetitle { 
	padding: 5px 12px; margin:0 0 50px;
	font-size: 24px; font-weight: 600; text-align: center; letter-spacing: -1px; color: #313131;
}



@media (max-width: 1650px) {
   #sidebar { margin-left:20px; margin-right:30px; }
}



/*
#sidebar ul.orch-menu { margin:10px 0 50px; }
#sidebar .orch-subject { 
    padding:7px 12px;
    font-weight:500; color:#515151; letter-spacing:-1px;
}	
#sidebar ul.orch-menu a { 
	display:block; padding:7px 12px; 
	border-bottom:1px solid #ddd; 
}
#sidebar ul.orch-menu.global a { padding:12px 10px; }
#sidebar ul.orch-menu a:hover { background-color:#fafcfd; }
#sidebar .orch-menu a:before {
    font-family:FontAwesome; content:"\f105";	
    display:inline-block; margin-right:10px; 
    vertical-align:middle; font-size:12px; 
}


#content .row {
    margin-right:-5px;
    margin-left:-5px;
}
#content .col {
    padding-right:5px;
    padding-left:5px;
}

#aside {
	-webkit-box-flex:1; -ms-flex:1 1 340px; flex:1 1 340px; 
    min-width:300px; max-width:340px; padding:15px 15px 0 0; margin:0; background-color:#fff; 
}
#aside .aside-banner a { display:block; margin:15px 0; }
#aside .aside-banner a img { width:100%; }


*/




/* ===========================================================================

	Footer 
	
=========================================================================== */
#footer { padding:50px 0; background-color:#45464e; }
footer { max-width:1600px; min-width:900px; margin:0 auto; }

#siteInfo { 	
	padding:40px 20px; margin-left:5%; 
	font-size:12px; line-height:2; text-align:center; color:#ddd;  
}
@media (max-width:960px) {
	#siteInfo { float:none; width:auto; margin-left:15px; margin-top:10px; line-height:50px; text-align:center;  }	
}

#copyright { 
	margin: 0 auto; padding:15px 0; 
    text-align: center; color:#999;
}


#ft_wr { max-width:auto; }

#ft_wr  #ft_company { width:45%; }


#ft_wr .ft_cnt { width:auto; }

#ft_wr { overflow:hidden; width:100%; padding:0 30px; font-size:12px; color:#ddd; }
.ft-title { font-weight:500; margin-right:20px; vertical-align:middle; }
#ft_wr  .ft-company { }
#ft_wr  #visit { float:left; padding:15px 0; margin-right:100px; }
#ft_wr  #copyright { float:left; }
#ft_wr  a { color:#eee; }
#ft_wr  a:hover { color:#fff; text-decoration:underline; }
#ft_wr .line-bar { padding:0 5px; color:#999; }


/* Bootstrap
.row {
    display:-ms-flexbox; display:flex;
    -ms-flex-wrap:wrap; flex-wrap:wrap;
    margin-right:-5px; margin-left:-5px;
}
.inline-row {
    display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;
    -ms-flex-wrap:wrap; flex-wrap:wrap;
    margin-right:-5px; margin-left:-5px;
	vertical-align: top;
}
.col {
    position:relative;
	-ms-flex-preferred-size:0; flex-basis:0; 
	-ms-flex-positive:1; flex-grow:1;
    max-width:100%; width:100%;
    padding-right:5px; padding-left:5px;
}
.col-6 {
    -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%;
    max-width:50%;
}
.img-thumbnail {
    max-width:100%; height:auto; padding:0.25rem; 
	background-color:#fff; border:1px solid #dee2e6; border-radius:0.25rem;   
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right:1rem;
    padding-left:1rem;
}
 */

/* 그누보드5 default overwrite */
.bo_w_flie input[type=file] { padding:0 0 0 35px !important; border:none !important; }



/* 2021-06-16 수정 */
#topBanner{ display:none; }