/* Written By KYI */

@charset "utf-8";
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/notokr/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/notokr/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/notokr/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/notokr/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}

/*Reset*/
body{margin: 0; padding: 0; left:0; top:0; width:100%;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:1;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#2e3a42; font-size:15px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.blind{display:none;}
html, body{-webkit-text-size-adjust:none;}

/*header*/
header{border-bottom:1px #c8c8c8 solid; border-top:10px #ebedf1 solid;}
.tnb{border-bottom:1px #}
.tnb-login{display:none;}
#sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5; display:none; left:-200px; z-index:999999;　-webkit-transition: left 1s;  transition: left 1s;}
#sidebar .close-sb{height:53px;width:50px;background:#386dd7;font-size:0px;color:#ffffff;cursor:pointer; position:absolute; right:0; z-index:999; text-align:center;}
#sidebar .close-sb i{font-size:18px; display:inline-block; line-height:53px; }
#sidebar nav{position:relative; z-index:55; width:300px; overflow-x:hidden; overflow-y:auto; height:100%;background:#ffffff;}
#sidebar ul li p{padding:15px 5%; border-bottom:1px rgba(255,255,255,0.2) solid; background:#7a9dcc;}
#sidebar ul li p a{color:#ffffff;}
#sidebar ul li > a{display:block;height:18px;line-height:18px;padding:12px 0 12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#555;}
#sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#ffffff;}
#sidebar ul li li > a{display:block;background:#f7f7f7;font-weight:300;border-bottom:1px solid #dedee0;font-size:13px;color:#555;}
.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}

#navbar{text-align:center; position:relative;}
.logo{font-weight:400; letter-spacing:-0.05em;}


.menu{display:none;}
.tel{display:none;}

/*gnb*/
header{width:100%; position:relative; height:90px; margin:0 auto;}
.logo{position:absolute; left:50%; margin-left:-600px; top:35px; }
.logo img{margin-right:5px; display:inline-block;}
#tnb{left:50%; margin-left:440px; position:absolute; top:-10px; background:#0e3b98; font-size:13px; z-index:55;}
#tnb ul li{display:inline-block; width:80px; text-align:center; line-height:28px;}
#tnb ul li:first-child{border-right:1px #ffffff solid;}
#tnb ul li a{color:#ffffff;}
#gnb{width:900px; left:50%; margin-left:-250px; top:40px; position:absolute;}
#gnb ul{}
#gnb ul li{float:left; width:16%; text-align:center; font-size:20px; position:relative;  padding-bottom:50px; }
#gnb ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
#gnb li a{position:relative;}
#gnb li.current p a, #gnb li:hover p a{font-weight:700; color:#386dd7;}
#gnb li.current p a:after{content:""; display:block; height:0; width:100%; position:absolute; bottom:-22px; border-bottom:5px #386dd7 solid;  left:0;}
#gnb li > ul{position:absolute; z-index:99; width:120px; background:#3988af; padding:10px 0; top:50px; left:50%; margin-left:-60px; display:none;}
#gnb li:hover > ul{display:block;}
#gnb li > ul > li{width:100%; font-size:14px; padding-bottom:0px;}
#gnb li > ul > li > a{color:#ffffff; padding:5px; font-weight:400; background:#3988af; display:block; border-top:1px #7b96ce solid; }
						/* color:rgba(255,255,255,0.6); */
#gnb li > ul > li:first-child > a{border-top:0;}
#gnb li > ul > li > a:hover{color:#ffffff; background:#75aecb; }

/*footer*/
footer{color:#ffffff; background:#333; text-align:center; padding:30px 2%; margin-top:50px;font-size:80%;}
footer p{color:rgba(255,255,255,0.7); margin-top:10px;}
footer br{display:none;}
footer a{color:#ffffff;}


/* 서브 하위메뉴 */
.product-list{text-align:center;}
.product-list li{display:inline-block; margin-bottom:3px; text-align:center;}
.product-list li a{display:block; padding:8px 15px; background:#eaeaea; color:#000; font-size:14px;}
.product-list li a:hover,
.product-list li.current a{background:#002971; color:#fff;}


/* 하단배너리스트 */
#f_bn_w{/*position:relative;float:left;*/width:100%;padding:8% 0 1% 0;background:#fff;z-index:100;margin-top:5%;}
.f_bn{width:100%;text-align:center;max-width:1190px;margin:0 auto;}
.f_bn ul{text-align:center;}
.f_bn ul li{display:inline-block;width:15.5%;margin:0 2px;border:1px solid #ccc;}
.f_bn ul li a{width:100%;}
.f_bn ul li a img{width:100%;}

/*================================== respensive ==================================*/
@media (max-width:1200px) {
header{height:auto;}
#tnb{left:auto; right:0; margin-left:0;}
.logo{position:relative; text-align:center; left:auto; margin-left:0;}
#gnb{width:100%; left:auto; margin-left:0;  position:relative; top:auto; margin-top:60px;}
#gnb ul li{padding-bottom:20px;}
.menu,
.tel{width:24px; height:24px; position:absolute; line-height:1;  top:50%; margin-top:-12px; }
.menu img,
.tel img{width:100%;}
.menu{left:20px;  display:block; cursor:pointer;}
}

@media (max-width:1024px) {
}
@media (max-width:768px) {
header{border:0;}
.tel{right:20px; display:block; }

#tnb{background:#0e3b98; position:relative; left:auto; margin-left:0; top:0}
#tnb ul li{ width:50%; display:block; float:left;}
#tnb ul li a{display:block; width:100%; text-align:center;  box-sizing: border-box; color:#ffffff;  font-weight:300; font-size:14px; padding:7px 0;border-right:1px #608de8 solid;}
#tnb ul li:last-child a{border-right:0px;}
#tnb ul:after{clear:both; content:"."; display:block ; height:0; visibility:hidden;}
#tnb ul li:first-child{border:0;}

#navbar{height:70px; line-height:70px;}
.logo{font-size:20px; vertical-align:middle; top:0; width:280px; margin:0 auto;}
.logo img{width:30px;}

#gnb{background:#ebedf1; border:1px #ced3df solid; border-width:1px 0 1px 0; padding:10px 5%; height:45px; box-sizing:border-box; margin-top:0;}
#gnb ul li{width:25%; padding-bottom:2px; font-size:15.5px;}
.mg-blind{display:none;}
#gnb li > ul{top:34px; }
/*#gnb li:hover > ul{display:none;}*/
#gnb li.current p a:after{bottom:-13px;}



footer br{display:block;}

.f_bn ul li{display:inline-block;width:30%;margin:0 2px;border:1px solid #ccc;}


}
@media (max-width:480px) {
//	#sidebar ul li ul{display:none;}
#sidebar nav{position:relative; z-index:55; width:200px; height:100%;}

.f_bn ul li{display:inline-block;width:45%;margin:0 1%;border:1px solid #ccc;}

}