@import url(font.css);
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://webfontworld.github.io/BinggraeSamanco/BinggraeSamanco.css');
@font-face {
    font-family: 'BinggraeSamanco';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoRegular.ttf') format("truetype");

} 
@font-face {
    font-family: 'BinggraeSamanco';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BinggraeSamanco/BinggraeSamancoBold.ttf') format("truetype");
 
} 

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
 	margin:0;
	padding:0;
	}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-weight:normal; 
	font-size:1em; 
	} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}
caption, th, td {
	font-weight: normal;
}
caption, legend {position:absolute;  width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
/* 텍스트 관련 요소 초기화 */
address, caption, strong, em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }




body { font-family: 'Noto Sans KR' , 'Arial'; font-size:14px; line-height:1.4; letter-spacing:-1.5px;  min-width: 320px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: bold;}
p, dl, ol, ul {margin: 0;}


.clear { clear:both;  }
.clearfix:after { clear:both; display: table;  content: " ";}
.ellipsis {     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
img { max-width:100% !important;  }
.map img { max-width: initial !important;  }
.show { display:block !important;  }
.hide { display:none !important;  }
.text-color { color:#00805A !important;  }

i span { position:absolute; top:-4000px; left:-3000px; display:block;   font-size:0px; line-height:0px; }

a[target="_blank"]:not([title]), form[target="_blank"]:not([title]), form[target="_blank"][title=""] {

	display: none;
    border: 3px solid red;
}



@media (min-width: 992px) {


	.pc-true { display:block !important;  }
	.m-true { display:none !important;  }

	.header { height:135px; position:relative;  z-index:100; }
	.header .container { position:relative; height:135px;  }
	.header .container:before {position:absolute; top:75px; left:0px; width:100%; height:1px; background:#D3E1EE; display:block; content:''; }
	.header h1 { text-align:center;  padding-top:17px;  height:75px;  }
	.header h1 a {display:inline-block;  position:relative; z-index:100;  }
	.header h1 .logo { display:inline-block; margin-right:5px;  }
	.header h1 .logo img { display:inline-block;  margin-top:-5px; }
	.header h1 .text { display:inline-block; margin-top:10px;font-size:18px; color:#000; font-weight:bold;  }
	.header .header-sns { position:absolute; top:27px; right:0px; z-index:1;  }
	.header .header-sns:after { clear:both; display:table; content:'';  }
	.header .header-sns li { float:left; margin-left:10px;  }
	.gnb { padding-right:50px;  }
	.gnb:after { clear:both; display:table; content:''; }
	.gnb .menu { float:left; position:relative;   margin-left:60px;  }
	.gnb .menu01 {margin-left:0px !important; }
	.gnb .menu  h3 { }
	.gnb .menu  h3 a { font-size:18px; color:#000; font-weight:bold; display:inline-block; padding:20px 0 ;height:60px;   letter-spacing:-1.5px; }
	.gnb .menu  h3 a.active, .gnb .menu  h3 a:hover { text-decoration:none; border-bottom:5px solid #00805A;  }
	.gnb .menu  h3 a i { display:none !important;  }
	.gnb .menu ul {display:none;  position:Absolute; width:200px; z-index:100; background:#fff; top:60px; left:50%; margin-left:-100px; padding:25px;  box-shadow: 5px 9px 10px rgba(0,0,0,0.3);  }
	.gnb .menu ul li { margin-bottom:10px; }
	.gnb .menu ul li a { font-size:16px; color:#000; }
	.gnb .menu ul li a.active, .gnb .menu ul li a:hover { color:#00805A; text-decoration:underline; font-weight:bold;  }
	.gnb .menu ul li ul { display:none !important;  }
	.all-menu-open {position:absolute;top:95px; right:0px; }
	.all-menu-close { display:none;  position:absolute;top:27px; right:0px; z-index:100;  }

	
	.all-menu {  position:absolute; top:0px; left:0px; width:100%; z-index:99;   padding-top:95px; word-break:break-all;  padding-bottom:50px; background:url(../images/common/menu_bgimg.png) no-repeat left bottom; }
	.all-menu .menu { float:left;  width:12.5%; border-right:1px solid #eaeaea;  padding:0 10px; }
	.all-menu .menu01 {border-left:1px solid #eaeaea; }
	.all-menu .menu h3 {}
	.all-menu .menu h3 a { font-size:18px; color:#000; font-weight:bold;  letter-spacing:-1.5px; display:inline-block; height:50px; }
	.all-menu  .menu  h3 a i { display:none !important;  }
	.all-menu .menu ul { display:block !important;   }
	.all-menu .menu ul li { margin-bottom:10px; }
	.all-menu .menu ul li a { font-size:16px; color:#000; }
	.all-menu .menu ul li a.active, .all-menu .menu ul li a:hover { color:#00805A; text-decoration:underline; font-weight:bold;  }
	.all-menu .menu ul li ul  {margin-bottom:20px; margin-top:10px;  }
	.all-menu .menu ul li ul li { padding-left:5px; position:relative;  margin-bottom:5px;  }
	.all-menu .menu ul li ul li:before {content:'·'; display:inline-block; font-size:14px; position:absolute; top:0px; left:0px; }
	.all-menu .menu ul li ul li a  { font-size:14px; color:#666; }
	
	.menu-bg { width:100%; position:absolute; top:0px; left:0px; width:100%; z-index:90; background:#fff; display:none; box-shadow: 5px 9px 10px rgba(0,0,0,0.3);  }



	.footer { position:relative;  }
	.footer:before {width:100%; height:1px; position:absolute; left:0px; top:90px; background:#DEDEDE; content:''; display:block;   }
	.footer .footer-banner {  padding-right:100px; position:relative; padding-top:30px; padding-bottom:30px;   }
	.footer .footer-banner:after { clear:both; display:table; content:'';    }
	.footer .footer-banner .foot-banner-btn { position:absolute; top:30px; right:0px;  }
	.footer .footer-banner .foot-banner-btn div {float:left; padding-left:20px; margin-left:20px; padding-top:5px;  }
	.footer .footer-banner .foot-banner-btn div.btn-prev { padding-left:0px; margin-left:0px; }
	.footer .footer-banner .foot-banner-btn div.btn-next {position:relative;  }
	.footer .footer-banner .foot-banner-btn div.btn-next:before {width:1px; height:20px; content:''; display:inline-block; background:#dedede; position:absolute; top:5px; left:0px; }
	.footer .footer-banner .foot-banner-btn div i { font-size:20px;  color:#222; }
	.footer .footer-contents { padding:35px 0 ; position:relative;  }
	.footer .footer-contents .tel { position:absolute; top:35px; right:0px;  padding:8px 35px 0; border-radius:19px; height:38px; background:#EAEAEA; color:#000; font-size: 16px; }
	.footer .footer-contents .tel i {display:inline-block; margin-right:5px; font-size:14px; }
	.footer .footer-contents address {font-size:16px; color:#666; }


  #backtotop {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 9999;
      width: 60px;
      height: 60px;
      text-align: center;
      background: rgba(0,0,0,0.3);
      font-size: 40px;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
      /*transition: opacity 0.2s ease-out;*/
      opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0,0,0,0.6);
  }

.back {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
}


}/*(min-width: 992px)*/





@media (min-width: 1450px) {
	.container { width:1400px }
	.gnb .menu {   margin-left:85px;  }
}/*min-width: 1450px*/




@media (min-width: 992px) and (max-width: 1199px) {
	.gnb .menu {  margin-left:25px;  }
	.all-menu .menu h3 a { font-size:16px; }
	.all-menu .menu ul li a { font-size:14px;  }
	.all-menu .menu ul li ul li a  { font-size:12px;  }

}/*(min-width: 992px) and (max-width: 1199px)*/






@media (max-width: 991px) {

	
	.pc-true { display:none !important;  }
	.m-true { display:block !important;  }

	.header { position:relative; height:60px;    padding:14px 15px 0 ; border-bottom:1px solid #D3E1EE;   }
	.header h1 {float:left; z-index:101;  position:relative;  }
	.header h1 a {display:inline-block;    }
	.header h1 .logo { display:inline-block; margin-right:5px;  }
	.header h1 .logo img { display:inline-block; width:130px;   margin-top:-5px; }
	.header h1 .text { display:inline-block; margin-top:10px;font-size:15px; color:#000; font-weight:bold;  }

	.all-menu-open {  position: absolute;    top: 24px;  text-align:center;    right: 15px; z-index:100;    }
	.all-menu-open img {width:21px; height:16px; }

	.m-menu {   z-index: 1000; overflow-y:auto;    position: fixed;    top: 0px;  right: 0; width: 100%; margin-right:-100%;   height: 100%;    background:#fff;    letter-spacing: -1px;    text-align: left;   }
	.header .header-sns { height:60px; background:#F4F4F4; padding: 17px 15px;  }
	.header .header-sns:after { clear:both; display:table; content:'';  }
	.header .header-sns li { float:left; margin-right:10px;  }
	.header .header-sns li img { width:26px;  }


	.header .all-menu-close {    position: absolute;    top: 19px;    right:14px;  z-index:102; }
	.header .all-menu-close img {width:20px;  }


 

.gnb  { padding:20px;  }
.gnb .menu { border-bottom:1px solid #D8D8D8;   }
.gnb .menu h3 { }
.gnb .menu h3 a {  padding:17px 20px 17px 0px;   position: relative;  font-weight:bold;   display:block;   font-size: 18px;    color: #000;     }
.gnb .menu h3 a:hover { text-decoration:none;  }
.gnb .menu h3 a i {font-size:16px; color:#666; right:15px; top:50%; position:absolute; margin-top:-8px;  }
.gnb .menu h3 a i.close-icon {display:none; }
.gnb .menu h3 a.active .open-icon {display:none; }
.gnb .menu h3 a.active .close-icon {display:block; }
.gnb .menu ul { display:none;  padding:7px 10px;   }
.gnb .menu ul li {   }
.gnb .menu ul li a { color:#000; width:100%; padding:7px 0 ; font-size:16px; display:block;  font-weight:normal;  }
.gnb .menu ul li a.active { color:#00805A;   }
.gnb .menu ul li ul  {margin-bottom:8px; margin-top:0px; display:block !important;   padding:0px;  }
.gnb .menu ul li ul li { padding-left:5px; position:relative;  }
.gnb .menu ul li ul li:before {content:'-'; display:inline-block; font-size:14px; position:absolute; top:4px; left:0px; }
.gnb .menu ul li ul li a  { font-size:14px; color:#666;  padding:4px; }
.gnb .menu ul li ul li a:hover  , .gnb .menu ul li ul li a.active { color:#00805A; }




	.footer { position:relative; padding:0 15px;   }
	.footer:before {width:100%; height:1px; position:absolute; left:0px; top:49px; background:#DEDEDE; content:''; display:block;   }
	.footer .footer-banner {  padding-right:60px; position:relative; padding-top:12px; padding-bottom:12px;   }
	.footer .footer-banner:after { clear:both; display:table; content:'';    }
	.footer .footer-banner li img {height:25px; }
	.footer .footer-banner .foot-banner-btn { position:absolute; top:10px; right:0px;  }
	.footer .footer-banner .foot-banner-btn div {float:left; padding-left:10px; margin-left:10px; padding-top:5px;  }
	.footer .footer-banner .foot-banner-btn div.btn-prev { padding-left:0px; margin-left:0px; }
	.footer .footer-banner .foot-banner-btn div.btn-next {position:relative;  }
	.footer .footer-banner .foot-banner-btn div.btn-next:before {width:1px; height:15px; content:''; display:inline-block; background:#dedede; position:absolute; top:7px; left:0px; }
	.footer .footer-banner .foot-banner-btn div i { font-size:18px;  color:#222; }
	.footer .footer-contents { padding:25px 0  30px; position:relative;  }
	.footer .footer-contents .tel { padding:10px 25px 0;display:inline-block;   margin-bottom:15px; border-radius:19px; height:38px; background:#EAEAEA; color:#000; font-size: 14px; }
	.footer .footer-contents .tel i {display:inline-block; margin-right:5px; font-size:13px; }
	.footer .footer-contents address {font-size:13px; color:#666; }





  #backtotop {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 1.81818182rem;
    height: 1.81818182rem;
    text-align: center;
    line-height: 1.81818182rem;
	padding-top:0px; 
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.18181818rem;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
 transition: opacity 0.2s ease-out;
    opacity: 0;
  }
  #backtotop.show {
    opacity: 1;
  }
  #backtotop:hover.show {
    background: rgba(0, 0, 0, 0.6);
  }



.back {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
}


}




@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}