@charset "utf-8";
/*@import "font.css";*/
@import url('https://fonts.googleapis.com/earlyaccess/hanna.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/*공통*/
/*html {overflow-y:auto}*/
html {}
/*body {font-family: "Nanum Gothic",'맑은 고딕',"Malgun Gothic","돋움" sans-serif;margin:0;padding:0;font-size:0.75em;text-align:center;width:100%;-webkit-text-size-adjust:none;position:relative;min-width:320px;overflow:hidden}*/
body {font-family: "Noto Sans",'맑은 고딕',"Malgun Gothic"sans-serif;
margin:0;padding:0;font-size:0.75em;text-align:center;width:100%;-webkit-text-size-adjust:none;position:relative;min-width:320px;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

ul, ol {list-style-type:none}

textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; } 
/*공통*/

/* head */
/*html.fix{overflow-y:hidden}*/

img{max-width:100%;}

#wrap{
	position:relative;left:0;width:100%;min-height:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

#header{position:absolute;top:0;left:0;width:100%;z-index:998}
#header.h_main{position:fixed; border-bottom:1px solid rgba(255,255,255,0.37);background-color:#65c5dd;opacity:0.9;}/*background-color:#aac0d3*/
#header.mfix{position:absolute}
.header_wrap{position:relative;height:70px;max-width:1840px;margin:0 auto;padding-top:20px;}
.header_wrap h1{}
.header_wrap h1 a{color:#fff;}
.header_wrap h1 a span{display:block;}
.header_wrap .gnb_l{position:absolute;left:0;top:24px;font-weight:700}
.header_wrap .gnb_l li{float:left;margin-left:13px;padding-left:14px;height:45px;border-left:solid 1px #b6d8d4}
.header_wrap .gnb_l li:first-child{margin:0;padding:0;border:none;}
.header_wrap .gnb_l li a{font-size:16px;color:#fff}

.header_wrap .gnb_r{position:absolute;right:0;top:24px;font-weight:700}
.header_wrap .gnb_r li{float:left;margin-left:13px;padding-left:14px;height:45px;border-left:solid 1px #b6d8d4}
.header_wrap .gnb_r li:first-child{margin:0;padding:0;border:none;}
.header_wrap .gnb_r li a{font-size:16px;color:#fff}

.m_gnb_btn{position:absolute;top:15px;left:0;display:none;height:40px;width:40px;z-index:60;background-color:#1d3452;}
.m_gnb_btn i{color: #fff;font-size: 2.5em;line-height: 40px;}

.m_res_btn{position:absolute;right:0px;top:10px;width:43px;height:33px;display:none;padding-top:10px;line-height:14px;font-size:12px;color:#55958e !important;font-weight:bold;border:solid 1px #51938c;background:#ffde00;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.m_res_btn:hover,
.m_res_btn:focus{background:#ffde00;}

.m_gnb_wrap{position:absolute;top:0;right:0;width:100%;height:100%;display:none;text-align:left;z-index:99999;}
.m_gnb_wrap .m_gnb_bg{position:absolute;width:100%;height:100%;}
.m_gnb_wrap .gnb_list .res_btn{margin:60px 0 40px;text-align:center;}
.m_gnb_wrap .gnb_list .res_btn a{position:relative;	display:block;padding:17px 0 11px 40px;font-size:22px;color:#333;font-weight:bold;background:#fff;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px
}
.m_gnb_wrap .gnb_list .res_btn a img{position:absolute;left:50%;top:50%;margin:-17.5px 0 0 -80px;}
.m_gnb_wrap .gnb_list{position:absolute;top:0;left:-293px;width:253px;height:100%;padding:0 20px;background:#38615d;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100
}
.m_gnb_wrap .gnb_list.open{left:0}
.m_gnb_wrap .gnb_list ul li{position:relative;padding-left:20px;border-bottom:solid 1px #60817d}
.m_gnb_wrap .gnb_list ul li:first-child{border-top:solid 1px #60817d;}
.m_gnb_wrap .gnb_list ul li:after{content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;margin-top:-2px;background:#fff000;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.m_gnb_wrap .gnb_list ul li a{line-height:45px;font-size:16px;color:#fff;}
.m_gnb_wrap .gnb_close{position:absolute;left:20px;top:20px;}
/*head*/


/*body*/
#container{position:relative;/*max-width:1860px;*/max-width:1400px;margin:0 auto;padding:160px 10px 0 10px}
#container.main{padding-top:25px;}

.info_title {
	width:70%; 
	height:100%; 
	display:table-cell; 
	vertical-align:middle; 
	text-align:left; 
	padding-top:15px; 
	padding-bottom:15px
}

.info_title h3 {
    font-size: 2em;
    font-weight: 700;
}

.info_title h3 a {
	font-family:'Noto Sans';
	font-size:20px;
	color:#767676;
	font-weight:600;
	
}

.info_title h3 a:hover {

	text-decoration:none;

}


@media screen and (min-width: 768px) {
  .info_title h3 {
    font-size: 2em;
  }
}

@media (max-width: 1280px){
  .info_title h3 {
    font-size: 1.2em;
  }
}

.notice-cell{height:100%; display:table; width:100%;}
.notice-cell span:first-child{width:30%; height:100%; display:table-cell; vertical-align:middle; padding-top:15px; padding-bottom: 15px;font-size:2.5em; color:#173372;}
/*body*/

/*footer*/
#footer h2{padding-top:20px}
#footer address{padding-top:15px; padding-bottom:15px;color:#a09d84;}
#footer address p{padding-top:5px;}
#footer address span{display:inline-block;margin-left:3px;padding-left:9px;border-left:solid 1px #9d997e}
#footer address span:first-child{margin:0;padding:0;border:none}
/*footer*/

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



/* desktop 1880 */
@media screen and (max-width:1880px){	
	.header_wrap{margin:0 20px;}
	
   
}


/* desktop 1024 */
@media screen and (max-width:1024px){			

	#header{position:fixed}

	#container{padding:150px 10px 0 10px}
	#container.main{padding-top:0}
	/*#contents{padding-top:20px;}*/

	.open .header_wrap{margin:0;background:#6cb0a9}
	.header_wrap{height:60px;padding-top:5px;}
	.header_wrap h1 img{width:82px; display: none;}
	.header_wrap .gnb_l{display:none;}
	.header_wrap .gnb_r{display:none;}
	.m_gnb_btn{display:block;}
	.m_res_btn{display:block;}
	.layer{display:none;}
	#header.h_main{background-color:unset;}
}

/* mobie 640 */
@media screen and (max-width:640px){	
	.btn_list a{display:block;margin:5px 0;}
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
/* head */

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {overflow:auto;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}