@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
        url(/font/NotoSansKR-Thin-Hestia.eot),
        url(/font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Thin-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
        url(/font/NotoSansKR-Light-Hestia.eot),
        url(/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Light-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
        url(/font/NotoSansKR-DemiLight-Hestia.eot),
        url(/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
        url(/font/NotoSansKR-Regular-Hestia.eot),
        url(/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
        url(/font/NotoSansKR-Medium-Hestia.eot),
        url(/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
        url(/font/NotoSansKR-Bold-Hestia.eot),
        url(/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
        url(/font/NotoSansKR-Black-Hestia.eot),
        url(/font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/font/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(/font/NotoSansKR-Black-Hestia.otf) format('opentype');
}
#wrap {width: 100%;*height: 100%;position:relative;overflow:hidden;}
.default_layout{width:100%;max-width:1200px;margin:0 auto;text-align:center;}

header {width:100%;margin-top:34px;position:relative;}

/*헤더 유틸*/
header h1 {position:absolute; margin:0 auto; text-align:center; width:100%; height:38px;}
header h1 a {display:inline-block;position:absolute;z-index:9998;left: 50%; transform: translateX(-50%);}
header .top_util{position:relative;width:1200px; margin:0 auto 22px; clear:both;}

header .nav {clear:both; background:#007dc6;position:relative;text-align:center;z-index:99;} 
header .nav:after{content:"";display:block; clear:both;}
header .nav .nav_wrap_bg { position:absolute;left:0; width:100%; background:rgba(255,255,255,1);border:1px solid #007dc6;}
header .nav .lnb {position: relative;}

.auto-width{margin:0 auto; text-align:center; width:100%;max-width:1200px;}
ul.m_menu {position: relative;width:90%;max-width:1140px;display:inline-block;}
header .trigger {position:absolute;top:0;right:0;z-index:9999;display:none;}
header .nav .lnb > ul:after{content:"";display:block; clear:both;}
header .nav .lnb > ul > li {display:inline-block;position:relative; letter-spacing:-1px;vertical-align: middle;width:16.5%;}
header .nav .lnb > ul > li > a {display:block; padding:10px 0px 0 0px; text-align:center; color:#fff; font-size:18px; font-weight:600; height:51px; letter-spacing: -0.5px;}
header .nav .lnb > ul > li > a:hover {color:#feba01}
header .nav .lnb p.siteMap {float:right;display:inline-block;}
header .nav .lnb p.siteMap a{padding:0;margin:0;text-align:left;width:53px;}

header .nav .lnb .menu {position:absolute; width:100%;left:-1px;z-index:9999;border-left:1px solid #e5e5e5;}
header .nav .lnb .menu ul {padding-bottom:10px; margin-top:15px}
header .nav .lnb .menu ul li{height:25px; line-height:25px; margin-top:1px; text-align:center}
header .nav .lnb .menu ul li a{display:block; color:#000; font-size:14px; font-weight: 400; }
header .nav .lnb .menu ul li a:hover{color:#636060;background:#ffd86f;}
.m_menu > li:nth-child(3)  {border-right:0px solid #e5e5e5;}


/* pc trgger menu */
.pc_menu {width:50%;position:absolute;right:-50%;top:80px;text-align:center; background: rgba(0,0,0,0.8);z-index: 9999;}
.pc_menu > li  {padding:6% 5% 5%;}
.pc_menu > li:nth-child(1)  {padding-bottom:0%;}
.pc_menu > li:nth-child(2)  {padding-bottom:0%;}
.pc_menu > li:nth-child(3)  {padding-bottom:0%;}

.pc_menu > li > a {color:#fff; font-weight:600;font-size:18px;}
.pc_menu > li > a:hover {color:#fff}
.pc_menu .menu  { background: rgba(255,255,255,0.9); color:#fff}
.pc_menu .menu ul {padding-bottom: 10px;margin-top: 5px;background:#f5f5f5;}  
.pc_menu .menu ul li{height:25px; line-height:25px; margin-top:1px; text-align:center}
.pc_menu .menu ul li a{display:block; color:#222; font-size:14px; line-height: 35px;}
.pc_menu .menu ul li a:hover {color:#1761a3;}
.m_menu {left:0;}

.lang_select_wrap {position:absolute;top:45%;right:7%;background: url("/src/img/main/select_bg.png")  left 3px no-repeat;width:120px;text-align:right;}
.lang_select {width: 100px;height:20px;background: url("/src/img/main/select_shape.png") 80% 45% no-repeat;  
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
		  border:none;
		  color:#fff;
		  font-size:13px;}
.lang_select option {color:#000;}
select::-ms-expand { /* for IE 11 */  display: none;}

.trigger {position:absolute;top:0;right:0;z-index:9999;display:none;}


        
/* footer */
footer {clear:both;position: relative;border-top:1px solid #ddd;background-color:#ececf1;margin-top:80px;}
footer .boho{width:100%;border-bottom:1px solid #ddd;font-size:16px;color:#555;font-weight:600;text-align:left !important;}
footer .boho li{display:inline-block;text-align:left;padding:15px 20px;}
footer .boho li + li{padding:0 10px;border-left:1px solid #d0d1d6;line-height:1;}
footer .boho li:last-child {background:none;}
footer .info{clear:both;position: relative;padding:20px 0;text-align:left !important;overflow:hidden;}
footer .info .bot_logo{float:left;width:200px;}
footer .info .address {float:left;font-size:15px; color:#666;text-align:left;}
footer .info .address p.copy {color:#aeabab;padding-top:5px;font-weight:200;font-size:12px;}
        
footer .topBtn{position:absolute;top:10px;right:0;}

@media all and (max-width:1024px) {
	header .top_util{width:100% !important;}
	
	.footer_info_wrap .contact {padding:0!important;}
	.footer_info_wrap .email {padding:0!important;}
	.footer_info_wrap .location {padding:0!important;}

	.footer_info .verti_bar{display:block;border:none!important;}
	.footer_info .verti_bar img {margin:0!important;}
	.footer_info_txt {padding:0!important;}
	.footer_info_txt li:nth-child(1) {text-align:center;}

}
/* 1024 end */
@media all and (max-width: 940px)  {
	header .nav .lnb > ul > li {width:17.80%;}
}
@media all and (max-width: 800px)  {
	header h1 img{width:auto;height:50px;}
	header .util{padding-top:45px !important;}
	header .lnb{display:none}

	p.trigger{display:block !important;z-index:99;position:absolute;top:-70px;right:0%;}


   footer .info .bot_logo{display:none !important;}
   footer .info .address {float:none;text-align:center;}
   footer .boho{text-align:center !important;}

  
}


/* 800px end*/
@media all and (max-width: 450px) {
	 footer .topBtn{position:absolute;top:40px;right:0;}
	 footer .topBtn img{width:70%}
}
@media all and (max-width: 425px) {
	header h1{left:0;top:10px;text-align:center !important;}
	header h1 img{width:80%;height:auto;}
	header .m_siteBtn{display:none !important;}
	
	
}