@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {width:100%; -webkit-text-size-adjust:none; font-family:'Noto Sans KR', sans-serif; font-size:10pt; line-height:1.5em; padding:0; margin:0; min-width:320px;}
a {color:inherit;}
a:hover { color:inherit; text-decoration:none;}
img {max-width:100%; height:auto;}
#bo_vc h2, #bo_vc_w h2 { font-size:13px !important; margin-top:0; font-weight:bold; }
legend { border:0 !important;}
#ctt { border:0 !important; padding:0 !important;}
#bo_v_con .row > div { margin-top:15px !important;  margin-bottom:15px !important;}

/*검색창 x 안나오게*/
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

/* 데이터 디폴트 테이블 */
.tabledata {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
	border-spacing: 0;
}
.tabledata th, .tabledata td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
	border-spacing: 0; 
	white-space:nowrap;
	text-align:center;
}
.tabledata .active {
  background-color:#ebebeb;
}
/* table 반응형 */
.table_response {
	overflow:auto;
}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

/*header*/
body > header { border-bottom:7px solid #1e8fcf;padding-bottom:15px; position:relative; box-shadow:0 5px 5px #e2e2e2}
body > header #linecolor { width:25%; height:7px; background-color:#e56316; position:absolute; left:0; bottom:-7px;}
.topmenu { padding:20px 0 15px 0; }
.topmenu .logo .nav { padding-top:20px;}
.topmenu .logo .nav a { padding:1px 5px; margin-right:5px;}
.topmenu .logo .nav a:first-child { border:1px solid #ccc;}
.topmenu .logo .nav a:nth-child(2) { background-color:#797979; color:#fff;border:1px solid #797979;}
.topmenu .logo .nav a:nth-child(3) { background-color:#797979; color:#fff;border:1px solid #797979;}
.topmenu .search { text-align:right;margin-top:20px;position:relative; }
.topmenu .search input { border:0; border-bottom:2px solid #ccc; height:25px; line-height:25px;width:65%;}
.topmenu .search input:focus {  outline: none;}
.topmenu .search i { position:absolute; right:19px; top:0; font-size:125%;}

/* menubar bootstrap.css custmizing */
.menu .navbar { width:100%;}
.menu .nav > li { margin:0 10px; text-align:center;}
.menu .nav > li > a {  font-size:120%; font-family:'Noto Sans KR', sans-serif; font-weight:bold; text-transform:uppercase; }
.menu .nav > li > a:hover, .nav > li > a:focus {color:#d83f2b; background-color:transparent; height:50px;}
.menu .navbar-nav { margin: 0 6% !important;}
.menu .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color:#d83f2b; background-color:transparent;height:50px; }
.menu .nav .dropdown-menu { background-color:#797979; color:#fff; top: 65px;}
.menu .nav .dropdown-menu li { text-align:center; width:100%; font-size:90%; font-weight:normal; }
.menu .nav .dropdown-menu li > a { color:#fff;padding-left:0;padding-right:0; }
.menu .nav .dropdown-menu li > a:hover { color:#000; }
.menu .navbar-header { background-color:#fff; border-radius:5px; }
.menu .navbar-header .navbar-brand { font-size:110%;}
.menu .navbar-header button { background-color:#fff; }

.slide .item { box-shadow:1px 2px 2px #e2e2e2; }

body > section#main { padding-top:40px; padding-bottom:40px; background-color:#f5f3f3; }
body > section#main .service_box { margin-top:30px !important;background-color:#fff; padding:20px; box-sizing:border-box; }
body > section#main #service .leftpart { padding-left:0;}
body > section#main #service .rightpart { padding-right:0;}
body > section#main .service_box {box-shadow:1px 1px 1px #e2e2e2;}
body > section#main .service_box .title { color:#052e8f; font-size:120%;font-weight:bold; font-family:'Noto Sans KR', sans-serif; text-transform:uppercase; margin-bottom:15px;}
body > section#main .service_box .title a { float:right; color:#896f17; font-size:70%;}
body > section#main .service_box a:hover { color:#419646;}
body > section#main .service_box .memo.lnews { min-height:319px;}
body > section#main .service_box .memo.lnews dl { margin:0;}
body > section#main .service_box .memo.lnews dl dt { margin-top:9px; color:#fd9438; font-weight:normal;} 
body > section#main .service_box .memo.lnews dl dd { max-height:80px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
body > section#main .service_box .memo.upmeet { min-height:132px;}
body > section#main .service_box .memo.upmeet a { display:block; white-space: nowrap; display:block; overflow:hidden;text-overflow: ellipsis;}
body > section#main .service_box .memo.upmeet > div:last-child { margin-top:10px;}
body > section#main .service_box .memo.upmeet .subject { color:#7d4aa5; font-weight:600;}
body > section#main .service_box .memo.upmeet .subject:hover {color:#419646;}
body > section#main .service_box .memo.journal img {margin-bottom:10px;}
body > section#main .service_box .memo.journal a { line-height:131%;display:block; }
body > section#main .service_box .memo.photo { min-height:407px; }
body > section#main .service_box .memo.photo a { white-space: nowrap; display:block; overflow:hidden;text-overflow: ellipsis; margin:0; }
body > section#main .service_box .memo.photo img { margin-top:4px;}

body > footer .bmenu { text-align:center; background-color:#5b5b5b; padding:8px 0; box-shadow:0 -5px 5px #e2e2e2; }
body > footer .bmenu a { color:#fff; font-family:'Noto Sans KR', sans-serif;margin:0 10px;}
body > footer .bmenu a:hover { color:#b2ffb0;}
body > footer .contacts { text-align:center; background-color:#454545; padding:25px 0; color:#fff }
body > footer .contacts span { margin-right:7px;}

/*location */
.location { background-color:#fbfbfb;padding:8px 0; color:#7f7f7f; border-bottom:1px solid #dedede;}
.location span {margin-left:10px; }
.location span:after {content:">";margin-left:10px; font-size:90%; }
.location span:first-child:after {content:"";}
.location span:last-child:after {content:"";margin-left:0;}

/*homegreeting*/
.homegreeting { background-color:#1294be; padding:25px 0;  }
.homegreeting .h1 { color:#fff; }
.homegreeting p { color: #93cde1; margin-bottom:30px; }

/* sub content */
.subcon {margin-top:40px; min-height:400px; margin-bottom: 50px; }
.subcon #ptitle { text-align:center; font-size:200%; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;  text-transform:uppercase; position:relative;}
.subcon #ptitle span { position:absolute; width:60px; display:block; border-bottom:1px solid #01afba; left:50%; bottom:-15px; margin-left:-30px;}
.subcon #pmenu { text-align:center; margin: 25px 0 30px 0; padding-left: 10px; padding-right:10px;} 
.subcon #pmenu a { margin:10px; font-size:130%;}
.subcon #pmenu a.active { color:#e8bc23; font-weight:bold;}
.subcon #pmenu a:hover { color:#e8bc23;}

.organtable { font-size:10.1pt; color:#000;}
.organtable thead th { background-color:#CEECF5 !important; }
.organtable tbody tr:nth-child(even) { background-color:#F2F2F2 !important;}

/* ckeditor 단축키 */
.btn_cke_sc{display:inline-block;padding:0 10px;/*height:23px*/;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.0em;vertical-align:middle;cursor:pointer;border-radius:4px}

/* 버튼 */
a.btn01 {display:inline-block;padding:3px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:4px}
button.btn01 {display:inline-block;margin:0;padding:3px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;border-radius:4px}
a.btn02 {display:inline-block;padding:3px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px}
button.btn02 {display:inline-block;margin:0;padding:3px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;border-radius:4px}

.btn_confirm {text-align:center;border-radius:4px} /* 서식단계 진행 */

.btn_submit {padding:4px 8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer;border-radius:4px}
fieldset .btn_submit {padding:3px 7px;height:24px;line-height:1em;border-radius:4px}

a.btn_cancel {display:inline-block;padding:3px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:4px}
button.btn_cancel {display:inline-block;padding:3px 7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:4px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;border-radius:4px} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px;border-radius:4px}
button.btn_frmline {font-size:1em;border-radius:4px}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:3px 7px;border:1px solid #d9ded9;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:4px}
a.btn_b02 {display:inline-block;padding:3px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px}
a.btn_admin {display:inline-block;padding:3px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px} /* 관리자 전용 버튼 */

/* 게시판 목록 공통 */
.btn_bo_adm input {padding:4px 8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:4px}


/* midea query */
@media (max-width: 1300px)  {
    .related { display:none;}	
	.menu .nav > li { margin:0 5px; text-align:center;}
}

@media (max-width: 1080px)  {
    .related { display:none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
 		.menu { overflow-y:hidden; overflow-x:scroll;}
		.menu > nav { width:1000px !important; }
		.menu .navbar-nav { margin: 0 !important; padding:0;}
}

@media (min-width: 768px) and (max-width: 991px) { 
 		.menu { overflow-y:hidden; overflow-x:scroll;}
		.menu > nav { width:1000px !important; }
        .menu .navbar-nav { margin: 0 !important; padding:0;}
		
  		.leftmenu ul { width:100%; margin-bottom:30px;}
 }

@media (max-width: 767px)  {
	
	    body { padding-left:15px; padding-right:15px; box-sizing:border-box;}
		body > header { box-shadow:0 0 0 0 #fff;}
		body > section#main { padding-top:40px; padding-bottom:40px; background-color:#fff; }
		body > section#main .service_box { margin-top:30px !important;background-color:#fff; padding:20px; box-sizing:border-box; border:1px solid #ccc;}
		body > section#main #service .leftpart { padding-left:0;padding-right:0;}
		body > section#main #service .rightpart { padding-left:0;padding-right:0;}
		body > section#main .service_box .memo.lnews { min-height:auto;}
		body > section#main .service_box .memo.upmeet { min-height:auto;}
		body > section#main .service_box .memo.photo { min-height:auto; }
		
		img { max-width:100%; height:auto;}
		
	    .menu {width:100%; background-color:#fff; padding:0; box-sizing:border-box; }
		#pmenu { border:1px solid #e8e8e8; padding-top:5px; padding-bottom:5px;}
		#pmenu a { display:block;}
		.nav {height:auto;padding:0; width:100%;margin:0;}
		.navbar-nav {border-top:1px solid #ccc; width:100%;  padding-top:20px !important;}
		.nav > li { text-align:center;}
		.nav > li > a { font-size:150% !important;}	
  		.nav > li > a:hover, .nav > li > a:focus { background-color:transparent; border:none; height:auto;}
		
		.menu .navbar-nav { margin: 0 !important; padding:0;}
  		.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background-color:transparent; border:none;height:auto; }		
		.navbar-header {border-radius:0; margin-bottom:0;}
		.navbar-brand strong {color:#ff5a00;}
		
		.topmenu .logo { text-align:center !important;}
		.topmenu .search { text-align:center; }
		.topmenu .search input { width:100%;}
		
		.subcon { margin-top:40px; min-height:inherit; }
  		
  		.footer { text-align:center;}	
		.navbar-toggle { background-color: #fff !important;}
		
		.leftmenu ul { width:100%;}		
}

@media (max-width: 320px)  {
	   .navbar-brand strong { letter-spacing:-2px;}  
}

@media (min-width: 1200px) { 
      .navbar {margin-bottom:0;}
	  .menu .nav .dropdown-menu { min-width: 180px;}
}