@charset "utf-8";

body {background:#fff; color:#363636; font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-weight:400; font-size:1.04em; letter-spacing:-0.7px; line-height:1.7; word-wrap:normal; word-break:keep-all;}
h2, h3, legend {font-size:1.04em; font-weight:500;}
.wrap {max-width:1200px; margin:0 auto;}
@media all and (max-width:1439px) {
	body {font-size:1em;}
	.wrap {max-width:96%;}
}
@media all and (max-width:599px) {
	body {font-size:0.95em;}
	.wrap {max-width:94%;}
}
@media all and (max-width:319px) {
	body {min-width:319px;}
}

/* skip */
#skipNavWrap {overflow:hidden; position:relative; width:100%; z-index:1000;}
#skipNavWrap a {display:block; font-size:0; width:1px; height:1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden; text-align:center;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width:auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}

/* header */
#header {overflow:hidden; position:absolute; top:0; left:0; width:100%; padding:15px 1% 8px; background:rgba(0,0,0,0.5); z-index:250; box-sizing:border-box;}
#header h1 {float:left; margin-top:-4px;}
#header h1 img {display:block;}
#header .gnbArea {float:left; width:calc(100% - 385.84px); text-align:center;}
#header .gnbArea > ul {display:inline-block;}
#header .gnbArea > ul > li {float:left; position:relative;}
#header .gnbArea > ul > li > a {display:block; position:relative; padding:14px 10px; margin:0 10px; font-size:19px; color:#fff; font-weight:500;}
#header .gnbArea > ul > li > a[target="_blank"] {background:url('/ko/img/sub/ico_blank_w.png') no-repeat right 1px; padding-right:15px;}
#header .gnbArea > ul > li > a:after {content:''; position:absolute; left:50%; bottom:-14px; width:0; height:3px; background:#2c6317; transition:all 0.5s;}
#header .gnbArea > ul > li:hover a:after {left:0; width:100%;}
#header .gnbArea .dept1 {display:none; margin-top:30px;}
#header .gnbArea .dept1 a {display:block; color:#888; padding:10px 0;}
#header .gnbArea .dept1 a:hover {color:#0f2d0b; font-weight:500;}
#header .live {float:right; margin-top:7px;}
#header .live a {display:block; float:left; margin-top:7px; padding:0 10px 0 15px; background:url('/goboongoon/img/common/header_bar.gif') no-repeat left center; color:#fff; font-size:19px;}
#header .live a:first-of-type {padding-left:0; background:none !important;}
#header .live a.siteMap {margin:0 0 0 10px; padding:0; background:none;}
#header .live a img {display:block;}
#header.on {background:#fff; transition:background 0.5s;}
#header.on .gnbArea > ul > li > a {color:#363636;}
#header.on .live a {color:#363636; background:url('/goboongoon/img/common/header_bar_02.gif') no-repeat left center;}
#header.on .gnbArea > ul > li > a[target="_blank"] {background:url('/ko/img/sub/ico_blank.png') no-repeat right 1px;}
#mheader {display:none;}
@media all and (max-width:1440px) {
	#header .gnbArea > ul > li > a {margin:0 5px;}
}
@media all and (max-width:1365px) {
	#header {padding-top:17px; padding-bottom:9px;}
	#header h1 {margin-top:2px}
	#header h1 img {width:109px;}
	#header .gnbArea {width:calc(100% - 165px);}
	#header .gnbArea > ul > li > a, #header .live a {font-size:16px;}
	#header .gnbArea .dept1 a {font-size:16px;}
	#header .live a {display:none;}
	#header .live a.siteMap {display:block; margin-top:-2px}
}
@media all and (max-width:1023px){
	.no-scrolling {position:fixed; width:100%; height:100%;}
	#header {display:none;}
	#mheader {display:block; position:absolute; top:0; left:0; width:100%; padding:22px 2% 19px; background:rgba(0,0,0,0.5); z-index:250; box-sizing:border-box;}
	#mheader header {position:relative;}
	#mheader h1 {float:left; margin-top:-4px;}
	#mheader h1 img {display:block; width:109px;}
	#mheader .mgnb {overflow-y:auto; position:fixed; top:0; right:-80%; width:80%; max-width:300px; height:100%; background:#fff; z-index:300; transition:right 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
	#mheader .mgnb .gnbArea {padding-top:60px}
	#mheader .mgnb .gnbArea > ul > li > a {display:block; padding:20px; font-weight:400; border-bottom:1px solid #d2d2d2; font-size:1em; transition:background 0.5s;}
	#mheader .mgnb .gnbArea > ul > li > a.on {background:#0f2d0b; border-bottom:0; color:#fff;}
	#mheader .mgnb .gnbArea .dept1 {display:none;}
	#mheader .mgnb .gnbArea .dept1 {padding:15px 0; background:#14480d;}
	#mheader .mgnb .gnbArea .dept1 > li > a {display:block; padding:10px 30px; background:#14480d url('/goboongoon/img/common/Mmore.png') no-repeat 90% center; color:rgba(255,255,255,0.8); font-size:0.95em;}
	#mheader .mobileMenu {display:block; position:absolute; right:0; width:46px; height:44px; background:url('/goboongoon/img/common/site_map.png') no-repeat center; text-indent:-9999px;}
	#mheader .mClose {display:block; position:absolute; width:23px; height:22px; right:20px; top:20px; background:url('/goboongoon/img/common/Mclose.png') no-repeat center; text-indent:-9999px; }
	#mheader .mLink {text-align:center;}
	#mheader .mLink ul {display:inline-block; overflow:hidden;}
	#mheader .mLink ul li {float:left; margin:25px 5px;}
	#mheader .mLink ul li a {display:block; padding:10px 30px; border:2px solid #14480d; color:#14480d; font-weight:500;}
	#mheader .mheaderBg {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0; z-index:290; transition:opacity 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
}

/* footer */
#footer {background:#fff; padding-bottom:40px; border-top:1px solid #dedede; text-align:center;}
#footer footer .policy {display:inline-block; overflow:hidden; padding:40px 0 25px;}
#footer footer .policy li {float:left;}
#footer footer .policy li a {display:block; padding:0 10px; background:url('/goboongoon/img/common/footer_dot.gif') no-repeat left center;}
#footer footer .policy li:first-child a {background:none; padding-left:0;}
#footer address span {display:inline-block;}
#footer address span.bold {margin-left:5px; font-weight:500 !important;}
#footer address span.number {margin-left:5px; letter-spacing:0.3px;}
#footer small {display:inline-block; font-size:0.83em; letter-spacing:0.2px; color:#646464;}
@media all and (max-width:599px) {
	#footer {font-size:0.83em;}
}

/* sub */
.subVis {background:url('/goboongoon/img/sub/vis_sub2.jpg') no-repeat center; background-size:cover; animation:ani_bg 15s infinite linear;}
.subVis .wrap {display:table; width:100%; height:450px;}
.subVis p {display:table-cell; vertical-align:middle;}
.subVis p > img {display:block; margin:0 auto; width:500px;}
@media all and (max-width:1023px) {
	.subVis .wrap {height:320px;}
	.subVis p > img {width:350px;}
}
@media all and (max-width:599px) {
	.subVis p > img {width:300px;}
}
@keyframes ani_bg {
	0% {background-position:50% 0%}
	50% {background-position:50% 30%;}
	100% {background-position:50% 0%;}
}

#subNavi {position:relative; min-height:100%;}
#subNavi.minHeight {min-height:120px;}
#subNavi .mMenu {display:none;}
#subNavi .line {display:none; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#d2d2d2;}
#subNavi.minHeight .line {display:block;}
#subNavi > ul {display:table; table-layout:fixed; width:100%; margin-top:-65px; background:rgba(15,45,11,0.8); text-align:center;}
#subNavi > ul > li {display:table-cell; border-left:1px solid #fff;}
#subNavi > ul > li:first-of-type {border:0;}
#subNavi > ul > li > a {display:block; color:#fff; line-height:65px; /*font-size:1.2em;*/ font-weight:500; transition:background 0.5s;}
#subNavi > ul > li.on > a {background:#fff; color:#363636;}
#subNavi > ul > li:hover > a {background:#2c6317; color:#fff;}
#subNavi .depth2 {display:none; position:absolute; bottom:0; left:50%; line-height:55px; transform:translateX(-50%);}
#subNavi > ul > li.on .depth2 {display:block;}
#subNavi .depth2 li {float:left;}
#subNavi .depth2 li a {display:block; position:relative; margin:0 20px; padding:0 10px;}
#subNavi .depth2 li.on a,
#subNavi .depth2 li:hover a {font-weight:500; color:#2c6317;}
#subNavi .depth2 li.on a:before,
#subNavi .depth2 li:hover a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2c6317;}
@media all and (max-width:1439px) {
	#subNavi .wrap {max-width:100%;}
}
@media all and (max-width:599px) {
	#subNavi, #subNavi.minHeight {min-height:100%;}
	#subNavi.minHeight .line {display:none;}
	#subNavi .mMenu {display:block; margin-top:-65px; background:rgba(15,45,11,0.8);}
	#subNavi .mMenu a {display:block; margin:0 3%; background:url('/goboongoon/img/sub/ico_arrow.png') no-repeat right center; color:#fff; line-height:65px; font-weight:500;}
	#subNavi > ul {display:none; position:absolute; margin-top:0; padding:15px 0; background:#14480d;}
	#subNavi > ul > li {display:block; border-left:0;}
	#subNavi > ul > li > a {padding:10px 3%; text-align:left; line-height:1.5; color:rgba(255,255,255,0.8); font-size:0.95em;}
	#subNavi > ul > li.on > a,
	#subNavi > ul > li:hover > a {background:#14480d; color:rgba(255,255,255,1);}
	#subNavi .depth2 {position:static; left:0; transform:translateX(0); line-height:1.5; background:#193213; padding:15px 0; margin-top:5px;}
	#subNavi .depth2 li {float:none; position:relative;}
	#subNavi .depth2 li:before {content:''; position:absolute; top:15px; left:20px; width:5px; height:2px; background:#b9b9b9;}
	#subNavi .depth2 li a {padding:5px 3%; text-align:left; color:rgba(255,255,255,0.8); font-size:0.95em;}
	#subNavi .depth2 li.on a,
	#subNavi .depth2 li:hover a {color:#fff;}
	#subNavi .depth2 li.on a:before,
	#subNavi .depth2 li:hover a:before {display:none;}
}
@media all and (min-width:600px) {
	#subNavi > ul {display:table !important;}
}

#contentWrap {overflow:hidden;}
#contentWrap .loca {margin:50px 0 20px 3px;}
#contentWrap .loca a {display:inline-block; padding:5px 10px 0 15px; background:url('/goboongoon/img/sub/loca_arrow.gif') no-repeat left 10px; font-size:15px;}
#contentWrap .loca a:first-child {padding-right:8px; background:url('/goboongoon/img/sub/loca_home.gif') no-repeat left 9px; text-indent:-9999px;}
#contentWrap .pageTit {overflow:hidden;}
#contentWrap .pageTit h3 {float:left; font-size:2em; font-weight:500; letter-spacing:-1.2px;}
#contentWrap .pageTit ul {float:right; margin-top:9px;}
#contentWrap .pageTit ul li {float:left; margin-left:10px;}
#content {margin:40px 0 100px; text-align:justify;}
@media all and (max-width:1023px) {
	#contentWrap .loca {margin:30px 0 15px 3px;}
	#contentWrap .pageTit ul li {float:left; margin-left:5px;}
}
@media all and (max-width:599px) {
	#contentWrap .loca {margin:30px 0 15px 3px;}
	#contentWrap .pageTit ul li:nth-child(1),
	#contentWrap .pageTit ul li:nth-child(2),
	#contentWrap .pageTit ul li:nth-child(3) {display:none;}
}

#content h4 {position:relative; margin:80px 0 15px; border-top:0; padding:0 0 0 20px; font-size:1.52em; font-weight:500; letter-spacing:-1px; /*color:#0f2d0b;*/}
#content h4:before {content:''; position:absolute; top:4px; left:0; width:7px; height:30px; background:url('/goboongoon/img/sub/list_h4.gif') no-repeat;}
#content h4:first-of-type {margin-top:0 !important;}
#content .box2 + h4 {margin-top:40px !Important;}
#content h5 {position:relative; padding-left:36px; margin:20px 0 15px 10px; color:#37752e; font-weight:500; font-size:1.2em;}
#content h5:before {content:''; position:absolute; top:1px; left:0; width:26px; height:27px; background:url('/goboongoon/img/sub/list_h5.gif') no-repeat;}
#content h5 + .tbl_area {margin-left: 15px;}
#content h5 + p {margin-bottom:20px;}
@media all and (max-width:1023px) {
	#content h4 {margin-top:40px;}
}


/* 버튼 */
div.btn_center {text-align:center; margin-top:25px;}
div.btn_center a {margin-right:10px;}
div.btn_center a:last-of-type {margin-right:0;}
a.btn_style {display:inline-block; position:relative; padding:12px 25px; background:#37752e; border:2px solid #37752e; color:#fff; transition:all 0.2s;}
a.btn_style:before {content:''; position:absolute; top:0; left:0; width:47px; height:100%; background:#255a1e;}
a.btn_style:after {content:''; position:absolute; top:50%; left:0; width:47px; height:47px; margin-top:-24px; background:url('/goboongoon/img/sub/btn_icon.png') no-repeat; transition:all 0.2s;}
a.btn_style.down:after {background-position:0 0;}
a.btn_style.blank:after {background-position:-47px 0;}
a.btn_style.view:after {background-position:-94px 0;}
a.btn_style span {display:inline-block; padding-left:47px;}
a.btn_style:hover {background:#fff; color:#255a1e; border:2px solid #255a1e;}
@media all and (max-width:599px) {
	div.btn_center a {margin-bottom:10px; margin-right:0;}
}

/* 리스트 */
.cont_depth01 {margin:10px 0 10px 25px;}
.cont_depth01 > li {position:relative; margin:10px 0; padding-left:15px; font-size:1em;}
.cont_depth01 > li:before {content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#b9b9b9; border-radius:50%;}
.cont_depth02 {margin:10px 0 10px 10px;}
.cont_depth02 > li {position:relative; margin:7px 0; padding-left:15px; font-size:0.95em; color:#5a5a5a;}
.cont_depth02 > li:before {content:''; position:absolute; top:10px; left:0; width:5px; height:2px; background:#b9b9b9;}
.cont_depth03 {margin:10px 0 10px 10px;}
.cont_depth03 > li {position:relative; margin:7px 0; padding-left:15px; font-size:0.95em; color:#5a5a5a;}
.cont_depth03 > li:before {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; background:#b9b9b9;}

/* 테이블 */
.tbl_area {clear:both; overflow-x:auto; margin:20px 0;}
.tbl_type1 {width:100%; margin-left:-1px; border-top:1px solid #555; }
.tbl_type1 thead th {background:#f4f4f4; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-size:1em; font-weight:500;}
.tbl_type1 tbody th {background:#fafafa; font-size:1em; font-weight:500;}
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; font-size:1em;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {padding:10px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center;}
.tbl_type1 td .cont_depth01, .tbl_type1 td .cont_depth02 {margin:0 0 0 10px;}
.scroll_txt {display:none;}
@media all and (max-width:599px) {
	.tbl_type1 thead th, .tbl_type1 tbody th {font-size:0.9em;}
	.tbl_type1.scroll {min-width:599px;}
	.scroll_txt {display:block; text-align:right; font-size:0.87em;}
	.scroll_txt span {display:inline-block; padding:7px 0 0 32px; background:url('/goboongoon/img/sub/scroll_txt.png') no-repeat left 7px;}
}

/* 지도 */
.road {overflow:hidden; margin-bottom:40px;}
.road * {box-sizing:border-box;}
.road .root_daum_roughmap .wrap_controllers {display:none;}
@media all and (max-width:768px) {
	.road {margin-bottom:20px;}
}

/* 박스 */
.box {margin-bottom:20px; padding:20px; border-top:2px solid #37752e; border-bottom:1px solid #37752e; font-weight:500;}
.box2 {margin-bottom:25px; padding:10px; background:url('/goboongoon/img/sub/box_pattern.png');}
.box2 > div {background:#fff;}
.box2 > div dl {padding:40px 40px 40px 150px; background:url('/goboongoon/img/sub/box_icon.gif') no-repeat 40px 40px;}
.box2 > div dl dt {margin-bottom:20px; font-size:1.7em; font-weight:500; color:#37752e; letter-spacing:-1.5px; line-height:1.3}
.box2 > div dl dd p {margin:10px 0 0 3px;}
.box2 > div dl ul {margin-left:0 !important;}
@media all and (max-width:599px) {
	.box2 > div dl {padding:115px 25px 25px 25px; background-position:center 25px; text-align:center;}
	.box2 > div dl ul {text-align:left;}
}

/* 사이트맵 */
.sitemap > li {overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.sitemap > li h4 {float:left; width:15%;}
.sitemap > li > ul {overflow:hidden; margin:8px 0 0 0;}
.sitemap > li > ul > li {float:left; position:relative; margin:0 20px; padding-left:15px; font-size:1em;}
.sitemap > li > ul > li:before {content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#b9b9b9; border-radius:50%;}
@media all and (max-width:599px) {
	.sitemap > li h4 {float:none; width:100%;}
	.sitemap > li > ul {margin:20px 0 0 0;}
}

/* 이미지 */
img {max-width:100%;}
.imgB, .listB li {border:1px solid #ccc; box-sizing:border-box;}
.imgPB, .listPB li {border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.photo2, .photo3, .photo4 {overflow:hidden; margin:25px 0;}
.photo2 li { float:left; width:49%; text-align:center; }
.photo2 li:first-child {margin-right:2%;}
.photo3 li { float:left; width:32%; text-align:center; margin-left:2%; }
.photo3 li:first-child {margin-left:0;}
.photo4 li { float:left; width:23.5%; text-align:center; margin-left:2%;}
.photo4 li:first-child {margin-left:0;}
@media all and (max-width:770px){
	.photo4 li {width:49%; margin-top:2%;}
	.photo4 li:first-child, .photo4 li:nth-child(2) {margin-top:0;}
	.photo4 li:nth-child(3) {margin-left:0;}
}
@media all and (max-width:599px){
	.photo2 li { width:100%; }
	.photo2 li:first-child {margin-right:0; margin-bottom:2%;}
	.photo3 li { width:100%; margin-left:0; margin-top:2%; }
	.photo3 li:first-child {margin-top:0;}
	.photo4 li {width:100%; margin-left:0;}
	.photo4 li:nth-child(2) {margin-top:2%;}
}

/* 게시판 */
.bod_list th {font-size:0.95em !important;}
.bod_list td {font-size:1em !important;}
.bod_view h4 {font-size:1.2em !important;}
.bod_view h4:before {display:none;}
.bod_gallery .subject {font-size:1em !important;}

/* 폼 */
select, input, textarea {font-family: 'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif' !important; font-size:0.95em;}

/* 텍스트 */
.layout {overflow:hidden; margin:20px 0;}
.layout > img,
.layout > figure {float:left; width:300px; margin:0 25px 15px 0;}
.layout > figure figcaption, .caption {display:block; text-align:center; margin-top:10px; font-weight:600;}
.layout.big > img {width:100%; margin:0 0 15px; }
@media all and (max-width:599px){
	.layout > img,
	.layout > figure {float:none; width:100%; margin:10px 0;}
}

.go_top {display:block; position:fixed; bottom:25px; right:25px; width:60px; height:60px; padding:26px 0 0; background:#2c3131; color:#fff; font-size:13px; letter-spacing:1px; text-align:center; border-radius:50%; opacity:0; transition:all 0.5s; font-weight:600; box-sizing:border-box;}
.go_top:before {content:''; position:absolute; left:50%; top:15px; width:5px; height:5px; margin-left:-1px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg) translate(-50%, 0);}
.go_top:hover,
.go_top:active,
.go_top:visited,
.go_top:focus {color:#fff;}