/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus { outline: 1px solid #3ec5ad }
/* input placeholder */
input::placeholder, textarea::placeholder { color: #aaa; }
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family: Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: #f9f9f9 !important; }


/****** 헤더 ******/
#wrapper { width: 100% }
#header { position: relative; z-index: 99; width: 100%; height: 100px; background: #fff; border-top: 5px solid #188e3c; }
#header > .admin { width: 100%; max-width: 1200px; height: 50px; margin: auto; display: flex; justify-content: flex-end; align-items: center; padding-right: 32px;  }
#header > .admin > ul { display: flex;  }
#header > .admin > ul > li { color: #fff; padding: 0 5px; font-weight: 300; }
#header > .admin > ul > li > a { font-size: 15px; color: #fff; }
#header > .nav_container { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; }
#header > .nav_container > .logo { position: relative;  }
#header > .nav_container > .logo > img { position: absolute; top: 10px; left: -8px; }
#header > .nav_container > .logo > img:hover { cursor: pointer; }
#header > .nav_container > .gnb { width: 65%; height: 100px; }
#header > .nav_container > .gnb > ul > li > p { font-size: 18px; color: #333; }
#header > .nav_container > .gnb > .menu { width: 100%; max-width: 830px; height: 95px; line-height: 95px;  display: flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
#header > .nav_container > .gnb > .menu > li { width: 20%; text-align: center; }
#header > .nav_container > .gnb > .menu > li:hover { cursor: pointer }
#header > .nav_container > .gnb > .snb { display: none; position: absolute; z-index: 99; padding: 20px 0; width: 100%; top: 95px; left: 0; border-top: 1px solid #188e3c; background: #fff }
#header > .nav_container > .gnb > .snb > div { width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: flex-end; }
#header > .nav_container > .gnb > .snb > div .menu { display: flex; width: 65%; max-width: 830px }
#header > .nav_container > .gnb > .snb > div .menu > ul { width: 20%; }
#header > .nav_container > .gnb > .snb > div .menu > ul > li { color: #333; text-align: center; padding: 5px; }
#header > .nav_container > .gnb > .snb > div .menu > ul > li:hover { cursor: pointer }
#header > .nav_container > .burger { display: flex; }
#header > .nav_container > .burger > .mobile_call { display: block; margin-right: 13px; }
#header > .nav_container > .burger { margin: 31px 25px 0 0; }
#header > .nav_container > .burger:hover { cursor: pointer; }
#header > .nav_container > .burger i { font-size: 35px; color: #354139; }
.bg_bk { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.5); display: none; }
.burger_menu {  position: fixed; top: 0; right: -250px; width: 250px; height: 100%; z-index: 100; background: #fff; }
.burger_menu > p { font-size: 23px; padding: 30px 20px; border-top: 5px solid #188e3c; border-bottom: 1px solid #ddd; background: #f5f5f5; }
.burger_menu > ul { }
.burger_menu > ul > li > p { border-bottom: 1px solid #ddd; padding: 13px 20px; }
.burger_menu > ul > li > ol { padding: 10px; background: #f5f5f5; border-bottom: 1px solid #ddd; display: none; }
.burger_menu > ul > li > ol > li { padding: 5px 0; padding: 0 10px; line-height: 30px; font-size: 14px; }
.burger_menu > ul li:hover { cursor: pointer; }

@media (min-width: 765px){
		#header > .nav_container > .burger { display: none; }
}
@media (min-width: 720px){
	.tail_mobile { display: none; }
}
@media (max-width: 720px){
	.tail_pc { display: none; }
}
@media (max-width: 420px){
	.copyright, .info { font-size: 11px !important; }
}
@media (max-width: 370px){
	#header > .nav_container > .logo > img { width: 150px; margin-top: 5px; }
} 


/****** 서브 ASIDE ******/
.sub_title { width: 100%; height: 240px; background-position: center !important; background-repeat: no-repeat !important; background-size:  cover !important; display: flex; flex-flow: column nowrap; justify-content: center;  background: #333; }
.sub_title > h4 { font-family: 'S-CoreDream-3Light'; position: absolute; left: 50%; font-size: 21px; letter-spacing: -1px; margin-left: -600px; }
.sub_title > h4 > span { font-size: 22px; letter-spacing: -1px; }
.sub_header { width: 100%; max-width: 1200px; margin: 50px auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
.sub_header > aside { width: 20%; min-width: 200px; max-width: 200px }
.sub_header > aside > dl { border: 1px solid #ddd; margin-bottom: 20px; }
.sub_header > aside > dl > dt { background: linear-gradient(45deg, #2c5800, #2c5800, #5a7044, #5a7044 ); width: 100%; height: 120px; font-size: 25px; font-family: 'S-CoreDream-4Regular'; line-height: 120px; text-align: center; color: #fff; }
.sub_header > aside > dl > dd { padding: 6px 20px; font-size: 16px; color: #555; letter-spacing: 0; border-bottom: 1px solid #ddd; }
.sub_header > aside > dl > dd:last-child { border: none; }
.sub_header > aside > dl > dd:hover { cursor: pointer; }
.sub_header > aside > dl > .active a { color: #0b7c2e; }
.sub_header > aside > dl > dd > p { padding: 5px 20px; }
.sub_header > aside > dl > dd > ul { padding: 20px; width: 100%; background: #eaf4fe; display: none; }
.sub_header > aside > dl > dd > ul > li { font-size: 15.5px; line-height: 27px; }
.sub_header > aside > ul { border: 1px solid #ddd; border-top: 2px solid #188e3c; margin-top: 35px; padding: 15px; }
.sub_header > aside > ul > li:nth-of-type(2) { margin: 10px 0; }
.sub_header > aside > ul > li > h4 { font-family: 'S-CoreDream-4Regular'; font-size: 16px; color: #999; }
.sub_header > aside > ul > li > p { font-family: 'S-CoreDream-4Regular'; font-size: 23px; letter-spacing: -1px; }
.sub_header > aside > ul > li:nth-of-type(3) > p { font-size: 17px; letter-spacing: 0 }
.sub_header > .sub_container { width: 79% }
.sub_header > .sub_container > .content_title > dt { display: none; }
.sub_header > .sub_container > .content_title > dd > span { padding: 0 5px; color: #555; }
.sub_header > .sub_container > .content_title > dd > span:first-child { padding: 0 5px 0 0; }
.sub_header > .sub_container > .content_title > dd > span:hover { cursor: pointer; }
.sub_header > .sub_container > .content_title > dd > i { color: #555; }


/******* 푸터 *******/
#footer { width: 100%; background: #f4f4f4; padding: 37px 0; }
#footer > #ft_wr { width: 100%; max-width: 1200px; margin: auto; word-break: keep-all; }
#footer > #ft_wr > .ft_text > .info { line-height: 31px; font-size: 16px; word-break: keep-all; font-family: 'S-CoreDream-4Regular'; color: #666; letter-spacing: -.3px; text-align: center;  }
#footer > #ft_wr > .ft_text > .copyright { font-size: 16px; font-family: 'S-CoreDream-4Regular'; color: #666; letter-spacing: -.1px; text-align: center; }
#footer > #ft_wr > .ft_text > .copyright > a { font-family: 'S-CoreDream-4Regular'; letter-spacing: -.6px; padding: 0 5px; }
#footer > #ft_wr > .ft_text > .copyright > .admin_btn { font-size: 13px; letter-spacing: .5px; border: 1px solid #333; padding: 2px 5px; }
@media (max-width: 1250px){
	#header > .nav_container > .logo > img { margin-left: 20px; }
	.sub_title > h4 { left: 0; margin-left: 20px; }
	.sub_header > .sub_container { padding: 30px 20px; }
}

@media (max-width: 1030px){
	.sub_header { margin: 0; }
	.sub_header > aside { width: 100%; max-width: 100%; min-width: 100%; background: #f2f2f2; padding: 15px; }
	.sub_header > aside > ul { display: none }
	.sub_header > aside > dl { border: none; display: flex; flex-flow: row wrap; width: 100%; margin: 0; }
	.sub_header > aside > dl > dt { display: none; }
	.sub_header > aside > dl > dd { padding: 0; height: 35px; display: flex; justify-content: center; align-items: center; width: 24.7%; font-size: 12px; background: #fff; border: 1px solid #ddd; margin-right: 0.2%; margin-bottom: 2px; }
	.sub_header > aside > dl > dd:last-child { border: 1px solid #ddd; }
	.sub_header > aside > dl > .active { background: #eaf4ee; }
	.sub_header > .sub_container { width: 100%;   }
}
@media (max-width: 1000px){
	#header > .nav_container > .gnb, #header > .nav_container > .gnb > .snb > div .menu { width: 70%; }
}
@media (max-width: 960px){
	#header > .nav_container > .gnb > ul > li > p, #header > .nav_container > .gnb > .snb > div .menu > ul > li { font-size: 14px; }
	#footer { padding: 15px; }
	#footer > #ft_wr > .ft_text > .info, #footer > #ft_wr > .ft_text > .copyright { font-size: 14px; line-height: 28px; }
	#footer > #ft_wr > .ft_text > .copyright > .admin_btn { font-size: 10px; }
}
@media (max-width: 765px){
	#header > .nav_container > .gnb { display: none; }
	#footer > #ft_wr > .ft_text > .info, #footer > #ft_wr > .ft_text > .copyright { font-size: 13px; line-height: 22px; }
	.sub_title { height: 200px; }
}
@media (min-width: 760px){
	.mobile_call { display: none; }
}
@media (max-width: 760px){
	.bo_v_nb li,
	#bo_vc_empty,
	.cmt_btn,
	#bo_v_file li,
	#bo_v_file a,
	.bo_v_file_cnt { font-size: 13px; }
}
@media (max-width: 670px){
	.sub_header > aside > dl > dd { font-size: 12px }
	.gall_row .col-gn-3 { width: 50%; }
	#bo_gall .gall_text_href a { font-size: 12px }
}
@media (max-width: 600px){
	.sub_header > aside > dl > dd { width: 33%; }
	.td_name { font-size: 13px !important; }
	.tbl_head01 table thead th, .tbl_head01 table tbody td a { padding-left: 5px; font-size: 13px; }
	.tbl_head01 table thead th:first-child, .tbl_head01 table tbody td:first-child,
	.tbl_head01 table thead th:nth-of-type(4), .tbl_head01 table tbody td:nth-of-type(4) { display: none; }
	.bo_v_file_cnt { display: block; position: static; margin-top: 5px; font-size: 12px; }
}
@media (max-width: 500px){
	#footer > #ft_wr > .ft_text > .copyright > .admin_btn { font-size: 10px; }
	#footer > #ft_wr > .ft_text > .info, #footer > #ft_wr > .ft_text > .copyright { font-size: 12px; line-height: 20px; }
	.sub_title { height: 150px; } 
	.sub_title > h4 { font-size: 15px; }
	.sub_title > h4 > span { font-size: 18px; }
}
@media (max-width: 380px){
	.sub_header > aside > dl > dd { padding: 0 5px; font-size: 11px; }
	#bo_sch { display: none; }
}