@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

/*
* {margin: 0px; padding:0px; -webkit-text-size-adjust:none; }
html { height: 100%; overflow-x: hidden;  }
body { min-width: 320px; height: 100%; color: #333;  word-break: keep-all; word-wrap: break-word; font-weight:400;font-size: 14px;font-family:'Noto Sans KR', sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 15px; line-height: 100%; font-family:'Noto Sans KR', sans-serif;}
ol,ul,li { list-style: none; }
a { color: inherit; text-decoration: none; cursor: pointer; }
*/

/* WebKit browsers 
::-webkit-input-placeholder {font-size:14px;color:#969696;font-family:'Noto Sans KR', sans-serif;font-weight: 400;}*/
 /* Mozilla Firefox 4 to 18 
:-moz-placeholder {font-size:14px;color:#969696;font-family:'Noto Sans KR', sans-serif;font-weight: 400;}*/
/* Mozilla Firefox 19+ 
::-moz-placeholder {font-size:14px;color:#969696;font-family: 'Noto Sans KR',sans-serif;font-weight: 400;}*/
/* Internet Explorer 10+ 
:-ms-input-placeholder {font-size:14px;color:#969696;font-family: 'Noto Sans KR',sans-serif;font-weight: 400;}*/





/*  pc position:relative; */
#header{ width:100%; background-color:#fff; border-bottom:1px solid #dedede; z-index:9999; box-sizing:border-box; border-top:2px solid #485a75; top: 0;}
.header_top{width:1100px;margin:0 auto;text-align:center;position:relative; height:78px; z-index:99999; background-color:#fff;}
.header_top_wrap{border-bottom:1px solid #dedede;background-color:#fff;position:relative;z-index:9999;}


.header_top h1{position:absolute; left:50%; top:50%; width:110px; height:48px; margin-top:-26px; margin-left:-77.5px;  background-size:cover;}
.header_top h1 a{display:block; height:100%;}

.header_top .call_pc{position: absolute; right:0; width:199px; height:100%; box-sizing:border-box; text-align:center; color: #fff; background-color:#485a75;}
.header_top .call_pc  span {display:inline-block;}
.header_top .call_pc .txt {font-size:16px; font-weight:600; padding-top:10px;}
.header_top .call_pc .phone {font-size:22px; color:#e1e8f3; font-weight:600; padding-top:3px; /*letter-spacing:-0.3px;*/}
.header_top .call_mobile{display:none; background-color:#485a75; background-image:url(call_mobile.png); }



.gnb-wrap{position:relative;width:1170px; margin:0 auto;text-align:center;z-index:-1;}
#gnb > li{float:left; width:16%; line-height:70px; font-size:17px; position:relative; z-index:999; background-color:#fff;}
#gnb > li:last-child {width:17%;}
#gnb > li > a{display:block; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#gnb > li:hover > .dep2{display:block;}
#gnb > li:hover > a{background-color:#7c96a7; color:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:400; }
#gnb .dep2{display:none; position:absolute; width:100%;background-color:#fff;background-color:#edf0f3; top:70px;border-top:1px solid #dedede;box-sizing:border-box}
#gnb .dep2 > li{height:50px;line-height:50px;text-align:left;border-bottom:1px solid #fff;}
#gnb .dep2 > li:last-child{}
#gnb .dep2 > li > a{display:block;padding:0 0 0 58px;color:#333; font-size:15px;}
#gnb .dep2 > li{}
#gnb .dep2 > li:hover{display:block;}
#gnb .dep2 > li:hover > a{background-color:#c9d3de;color:#fff}


 .btn_gnb.on .ico_menu.m_top{ transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); }
 .btn_gnb.on .ico_menu.m_mid { display: none; }
 .btn_gnb.on .ico_menu.m_btm{ transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); }

.btn_gnb { display: none; position: absolute; top: 0; left: 0; width: 57px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.btn_gnb .ico_menu { position: absolute; left: 50%; margin-left: -15px; width: 25px; height: 3px; background: #4a4a4a; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; }
.btn_gnb .ico_menu.m_top { top: 50%; margin-top: -10px; }
.btn_gnb .ico_menu.m_mid { top: 50%; margin-top: -2px; } 
.btn_gnb .ico_menu.m_btm { top: 50%; margin-top: 6px; } 
.gnb_m_wrap{display:none;}





/*  mobile  */
@media screen and (max-width: 1100px){
	.header_top_wrap{}
	.header_top{width:100%;height:60px;}
	.header_top h1{width:110px; height:48px; margin-top:-28px; margin-left:-66px; }
	.header_top .call_pc {display:none;}
	.header_top .call_mobile{display:block; position:absolute; right:0; top:0; width:60px; height:100%; }

	.gnb-wrap{display:none;width:100%;position:absolute;left:-100%;}
	.gnb-wrap.on{left:0;}
	#gnb > li{width:100%;}
	.dep2{position:relative;top:0;}

	.btn_gnb{display:block;}
	.gnb_m_wrap{display:block;position:fixed;top:63px;height:100%;background-color:#fff;overflow-Y:scroll;width:100%;left:-100%;transition:left .4s ease-in-out}
	.gnb_m_wrap.on{left:0;}
	#m_gnb  li{font-size:16px;line-height:50px;border-bottom:1px solid #dcdcdc;}
	#m_gnb .dep2 li:last-child{border-bottom:none;}
	#m_gnb > li a{display:block;padding:0 15px; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
	#m_gnb > li > a{ font-family:'Noto Sans KR', sans-serif; font-weight:400;}
	#m_gnb > li  a{}
	#m_gnb  li.on > a{background-color:#7c96a7;color:#fff;}
	
	#m_gnb .dep2 li:first-child{border-top:1px solid #edf0f3;}
	#m_gnb .dep2 li a{ font-family:'Noto Sans KR', sans-serif; font-weight:400; padding-left:30px;}
	#m_gnb .dep2{display:none;background-color:#edf0f3;}
	.header_top {}
	.snsBox{display:none;}
	#m_gnb li.hasMenu > a{background-image:url(mgnbArrow.png);background-repeat:no-repeat;background-position:right center;background-size:14px 7.58px;background-origin:content-box;}
	#m_gnb li.on.hasMenu > a{background-image:url(mgnbArrow_on.png);}
}