@charset "utf-8"; 
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); 

/*===================== 공통 기본 =====================*/

body {background:#ffffff; font-family:'Noto Sans Korean', sans-serif; font-size:13px; }
img {max-width:100%; }
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans Korean', sans-serif; }
button {font-family: 'Noto Sans Korean', sans-serif; }

#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px !important; }
#hd, #wrapper, #ft {min-width:1200px !important; }
#hd {border:0 !important; background:#fff !important; }
#wrapper {}
.container {width:1200px; margin:0 auto; }

@media (max-width: 1219px) {
	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important; }
	#hd, #wrapper, #ft  {min-width:auto !important; width:100%; }
	.container {width:100%; padding:0% 2%; }
}


@media (max-width: 999px) {
	.hd_pops {width:60%; top:60px !important; left:20% !important; }
	.hd_pops_con {width:100% !important; height:auto !important; }
	.hd_pops img {width:100% !important; }
	#wrapper {position:relative; padding-top:60px;}
}

@media (max-width: 799px) {
	.hd_pops {width:80%; left:10% !important; }
}

.sch_word {background:none !important; color:#0088cc !important; padding:0 !important; margin:0 !important;}

.cate1 {background:#08bfd6 !important;}
.cate2 {background:#495161 !important;}
.cate3 {background:#bbbbbb !important;}
.cate4 {}

.cate1_c {color:#08bfd6 !important;}
.cate2_c {color:#495161 !important;}
.cate3_c {color:#bbbbbb !important;}
.cate4_c {}


/* 게시판 페이징 */
.pg_wrap {float:none; width:100%; text-align:center; /*margin-top:30px;*/ margin-bottom:40px;}
.pg_wrap:after {} 
.pg {}
.pg_page, .pg_current {}
.pg a:focus, .pg a:hover {}
.pg_page {border-radius:0; margin:0px; background-color:#fff; color:#888888; margin:0 -2px;}
.pg_page:hover{position:relative; background-color:#fff; border:1px solid #495161; color:#495161; box-sizing:border-box; z-index:2;}
.pg_start {}
.pg_prev {}
.pg_end {}
.pg_next {}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{}
.pg_current {background:#495161; border-radius:0; border:1px solid #495161; box-shadow:none; height: 30px; line-height: 28px; font-size:1.083em; font-weight:normal; margin:0 -2px;}


@media (max-width: 799px) {
	.pg_page {margin:0 0.3%; padding:0; min-width:auto ; width:6vmin; font-size:100%; }
	.pg_current {padding:0; margin:0 0.7%; min-width:auto ; width:6vmin; font-size:100%; }
}


/* 버튼 */
input[type=reset], input[type=submit] {-webkit-appearance:none !important;}

.btn_confirm {text-align:center !important; margin-bottom:100px !important;}
.btn_submit {background:#3187e9 !important; width:250px; border-radius:23px; font-size:15px !important; line-height:46px !important; height:46px !important; margin:0 0.5%; font-weight:normal;}
.btn_cancel {background:#ff5e52 !important; font-weight:normal !important; width:250px; border-radius:23px; font-size:15px !important; line-height:46px !important; height:46px !important; margin:0 0.5;}
a.btn, .btn {font-size:inherit;}
a.btn_b01, .btn_b01 {border:1px solid #e5e5e5 !important; background:#f8f8f8 !important; color:#444; font-weight:normal; }
a.btn_b02, .btn_b02 {background:#0191d8 !important; font-weight:normal; }
a.btn_admin, .btn_admin {background:#d13f4a !important; color:#fff; font-weight:normal; }
a.btn_admin:hover, .btn_admin:hover {color:#fff !important;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.btn_confirm {margin-bottom:60px !important;}
	}

	@media (max-width:799px) {
		.btn_submit {font-size:110% !important;}
		.btn_cancel {font-size:110% !important;}
	}

	@media (max-width:599px) {
		.btn_submit {width:45%; font-size:100% !important;}
		.btn_cancel {width:45%; font-size:100% !important;}
	}


/* 탑버튼 */
#top_btn {background:url('../img/top_btn.png') center no-repeat; width:62px; height:64px; border:0 !important; bottom:5px;}
#top_btn:hover {background:url('../img/top_btn_on.png') center no-repeat; border:0 !important;}

/* ===================== 메뉴 영역 ===================== */
#header {position:relative; z-index:999; height:70px; line-height:70px; background:#fff;}

#gnb {position:relative; float:right}
#gnb .gnb:after {display:block; clear:both; content:''; }
#gnb .gnb > li {float:left; position:relative; }
#gnb .gnb > li:first-child {margin-left:0; }
#gnb .gnb > li:last-child {margin-right:0; }
#gnb .gnb > li > a {display:block; position:relative; font-size:14px; color:#000; letter-spacing:-0.02em; text-align:center; padding:0 26px;}
#gnb .gnb > li.home > a {color:#0088cc;}

.menu {display:none; background:url('../img/menu.png') center no-repeat; width:21px; height:20px;}

#gnb_slide {display:none; }

	@media (max-width: 1199px) {
	}

	@media (max-width: 999px) {
		.menu {display:inline-block; float:right; padding:30px 0px;}

		#gnb {display:none;}
	}

	@media (max-width: 699px) {
	}


@media screen and (min-width:750px) and (max-width:1160px){
	#header {position:fixed; width:100%; height:60px; line-height:60px;}
	#header a.logo {padding-left:3%;}

	#gnb_slide {display:block; position:fixed; top:0; right:-110%; width:100%; height:100%; z-index:999; }
	#gnb_slide ._bg {position:fixed; top:0; left:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; }
	#gnb_slide ._close {border:0;position:absolute;top:0;right:2%;z-index:19;background:url('../img/close.png') center no-repeat; font-size:20px;width:21px;height:20px;  padding:35px 0px;line-height:40px;text-align:center;font-weight:200; text-indent:-9999px;}
	#gnb_slide .gnb {position:absolute; top:0; right:0; z-index:1; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8);}
	#gnb_slide .gnb .user-info {display:block; line-height:20px;padding:22px 2%; text-align:left; font-size:18px;}
	#gnb_slide .gnb .user-info img {}
	#gnb_slide .gnb li a {display:block; color:#333; line-height:20px; }
	#gnb_slide .gnb > ul {margin:70px 0;}
	#gnb_slide .gnb > ul > li {margin:10px 5%;}
	#gnb_slide .gnb > ul > li > a {padding: 13px 2%; color:#dcdcdc; position: relative; font-size: 30px; text-transform: uppercase; text-align:left; font-weight:300;}
	/*#gnb_slide .gnb > ul > li > a:after {position:absolute; top:13px; right:10px; font-size:18px; display:inline-block; content:'\f107'; font-family:'FontAwesome', serif !important; }*/
	#gnb_slide .gnb > ul > li.home a {color:#56c7ff;}
	#gnb_slide .gnb > ul > li.active > a {color:#dcdcdc; }
	#gnb_slide .gnb > ul > li.active > a:after {content:'\f106'; }
	#gnb_slide .gnb > ul > li > ul {height:auto !important; max-height:0; overflow:hidden; transition:all 0.3s; padding:0 5px; background:#f1f1f1; }
	#gnb_slide .gnb > ul > li.active > ul {max-height:600px; padding:10px 5px; }
	#gnb_slide .gnb > ul > li > ul li {border-bottom:1px solid #e6e6e6; }
	#gnb_slide .gnb > ul > li > ul li:last-child {border-bottom:0; }
	#gnb_slide .gnb > ul > li > ul li a {padding:10px 15px; font-size:13px; color:#666; line-height:18px; }
	#gnb_slide .gnb > ul > li > ul li.active a {color:#255aa5; }

	#gnb_slide .gnb .copy {position:absolute; bottom:30px; color:#fff; line-height:180%; font-weight:300; padding:0 5%;}
	#gnb_slide .gnb .copy dl {margin-bottom:30px;}
	#gnb_slide .gnb .copy dl dd {font-size:17px; margin:5px 0}
	#gnb_slide .gnb .copy dl dd:before {position:relative; display:inline-block; content:''; margin-right:6px;}
	#gnb_slide .gnb .copy dl dd.tel {}
	#gnb_slide .gnb .copy dl dd.tel:before {width:14px; height:18px; background:url('../img/gnb_tel.png') center no-repeat; top:3px; margin-right:10px;}
	#gnb_slide .gnb .copy dl dd.email {}
	#gnb_slide .gnb .copy dl dd.email:before {width:18px; height:13px; background:url('../img/gnb_mail.png') center no-repeat;}
	#gnb_slide .gnb .copy p {font-size:15px;}

}
@media screen and (max-width:750px){
	#header {position:fixed; width:100%; height:60px; line-height:60px;}
	#header a.logo {padding-left:3%;}

	#gnb {display:none; }
	#gnb_slide {display:block; position:fixed; top:0; right:-110%; width:100%; height:100%; z-index:999; }
	#gnb_slide ._bg {position:fixed; top:0; left:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:none; }
	#gnb_slide ._close {border:0;position:absolute;top:0;right:2%;z-index:19;background:url('../img/close.png')center no-repeat; font-size:20px;width:21px;height:20px;  padding:35px 0px;line-height:40px;text-align:center;font-weight:200; text-indent:-9999px;}
	#gnb_slide .gnb {position:absolute; top:0; right:0; z-index:1; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8);}
	#gnb_slide .gnb .user-info {display:block; line-height:20px;padding:22px 5%; text-align:left; font-size:18px;}
	#gnb_slide .gnb .user-info img {}
	#gnb_slide .gnb li a {display:block; color:#333; line-height:20px; }
	#gnb_slide .gnb > ul {margin:70px 0;}
	#gnb_slide .gnb > ul > li {margin:10px 5%;}
	#gnb_slide .gnb > ul > li > a {padding: 13px 2%; color:#dcdcdc; position: relative; font-size:200%; text-transform: uppercase; text-align:left; font-weight:300;}
	/*#gnb_slide .gnb > ul > li > a:after {position:absolute; top:13px; right:10px; font-size:18px; display:inline-block; content:'\f107'; font-family:'FontAwesome', serif !important; }*/
	#gnb_slide .gnb > ul > li.home a {color:#56c7ff;}
	#gnb_slide .gnb > ul > li.active > a {color:#5f88ff; }
	#gnb_slide .gnb > ul > li.active > a:after {content:'\f106'; }
	#gnb_slide .gnb > ul > li > ul {height:auto !important; max-height:0; overflow:hidden; transition:all 0.3s; padding:0 5px; background:#f1f1f1; }
	#gnb_slide .gnb > ul > li.active > ul {max-height:600px; padding:10px 5px; }
	#gnb_slide .gnb > ul > li > ul li a {padding:7px 15px; font-size:13px; color:#333; line-height:18px; }
	#gnb_slide .gnb > ul > li > ul li.active a {color:#255aa5; }

	
	#gnb_slide .gnb .copy {position:absolute; bottom:30px; color:#fff; line-height:180%; font-weight:300; padding:0 5%;}
	#gnb_slide .gnb .copy dl {margin-bottom:30px;}
	#gnb_slide .gnb .copy dl dd {font-size:16px; margin:5px 0}
	#gnb_slide .gnb .copy dl dd:before {position:relative; display:inline-block; content:''; margin-right:6px;}
	#gnb_slide .gnb .copy dl dd.tel {}
	#gnb_slide .gnb .copy dl dd.tel:before {width:14px; height:18px; background:url('../img/gnb_tel.png') center no-repeat; top:3px; margin-right:10px;}
	#gnb_slide .gnb .copy dl dd.email {}
	#gnb_slide .gnb .copy dl dd.email:before {width:18px; height:13px; background:url('../img/gnb_mail.png') center no-repeat;}
	#gnb_slide .gnb .copy p {font-size:15px;}
}


/* ===================== 하단 정보 ===================== */

#footer {background:#fff; border-top:1px solid #67686e; padding:34px 0 100px;}

#footer .familySite{float:right; position:relative; top:-5px; z-index:89; }
#footer .blind {display:none;}
#footer #familySite {float:left; width:234px; height:36px; background:#67686e; color:#fff; border:0; padding:0 10px; border-radius:0;}
#footer #familySite {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
#footer .select_box select { -webkit-appearance: none; -moz-appearance: none;appearance: none; background:#fff url(/img/board/bssbg.png) no-repeat 100% 0;}
#footer .select_box select::-ms-expand { display:none; }
#footer .btn_go {float:left; width:36px; height:36px; text-indent:-9999px; background:url('../img/btn_go_arrow.png') #b0b2bc center no-repeat;border:0;}

#footer .ft_copy {display:inline-block; font-size:14px; color:#67686e; font-weight:300; margin:8px 0;}
#footer .adm {margin:1px 3px;}

#footer .mobile {display:none;}

	@media (max-width: 1299px) {
	}

	@media (max-width: 999px) {
		#footer {padding:30px 0;}
		#footer .pc {display:none;}
		#footer .mobile {display:block;}

		#footer .familySite {right:0;}

		#footer .ft_copy {padding:0 2%;}
		#footer .ft_copy ul {margin-bottom:30px;}
		#footer .ft_copy li {font-size:18px;}
		#footer .ft_copy li:before {position:relative; display:inline-block; content:''; margin-right:6px;}
		#footer .ft_copy li.tel {}
		#footer .ft_copy li.tel:before {width:14px; height:18px; background:url('../img/m_tel.png') center no-repeat; top:3px; margin-right:10px;}
		#footer .ft_copy li.email {}
		#footer .ft_copy li.email:before {width:18px; height:13px; background:url('../img/m_mail.png') center no-repeat;}
		#footer .ft_copy p {font-size:15px;}
	}

	@media (max-width: 799px) {
		#footer .familySite {}
		#footer #familySite {width:calc(100% - 36px);}
		#footer .ft_copy li {font-size:120%;}
		#footer .ft_copy p {font-size:100%;}
	}
	
	@media (max-width: 499px) {
		#footer #familySite {width:calc(100% - 36px);}
		#footer .ft_copy {float:left;}
		#footer .ft_copy li {font-size:95%;}
		#footer .ft_copy p {font-size:90%;}
	}