/* ·¹À̾ƿô ½ºÅ¸ÀÏ ½ÃÆ® */
@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/*°øÅë*/
body, html { /*width: 100%; overflow-x: hidden; overflow-y: auto !important; */}
body.vis, html.vis { overflow: hidden;  }
div#screen_black { position: absolute; display: none; width: 100%; height: 100%; z-index: 40; background: rgba(0, 0, 0, 0.4); }
div#screen_black_n { position: absolute; display: none; left:0; top:0; z-index: 42; background: rgba(0, 0, 0, 0.4); }
frame{position:relative}

@media only screen and (max-device-width:1023px){

div#header { display:none}

div#m_header { position:absolute; top:0; left:0; width:100%; z-index:50; background:transparent; }

div#m_header #m_wrap1 { position:fixed; top:0; left:0; width:100%;padding:10px 0;z-index:999; background:transparent;  /*transform:translateY(0); overflow:hidden; text-align:center;*/} 

div#m_header #m_wrap2{ position:fixed; top:0; left:0; width:100%;padding:10px 0;z-index:999;background:#fff; /*transform:translateY(0); overflow:hidden; text-align:center;*/} 

div#m_header h1 { padding-top:6px; text-align:center; z-index: 999;  }
div#m_header img{ margin:0 auto; display:block; z-index: 999; }
div#m_header a.to_nav { position:absolute;display:block; width:40px;top:20%;right:8px; z-index:999; }
div#m_header a.sms_nav { position:absolute;display:block;top:50%;margin-top:-12px;right:5px;}
div#m_header a.sms_nav div.abtn {background:#c45757;color:#fff;padding:5px 10px;}
div#nav_wrap { 
	position:fixed;
	-webkit-postion:fixed;
	display: none;
	top: 60px;
	right: 0;
	width: 60%;
	height:auto !important;
	z-index:999;
	background: #333;
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
	overflow: auto;
}


div#nav_wrap ul.my { margin-top:1px; width:100%; padding:2px;height:48px; background:#fff; }
div#nav_wrap ul.my li { float:left; width:45%; margin:1%; padding:10px 2px; border:1px solid #fff; background:#64acc5; color:#fff; text-align:center; }
div#nav_wrap ul.my li.sang { width:89%; padding:6px; border:1px solid #fff; background:#dbf4ba; color:#fff; text-align:center; margin:1px auto; }

div#nav_wrap ul.nav { margin-top:10px; margin-bottom:100px; }
div#nav_wrap ul.nav li { width:100%; }
div#nav_wrap ul.nav li a {
	display: block;
	width: 95%;
	padding-left: 5%;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: white;
	font-size: 16px;
}
div#nav_wrap ul.nav li:focus {
	display: block;
	width: 95%;
	padding-left: 5%;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #222;
	color: white;
	font-size: 16px;
}
div#nav_wrap ul.nav > li > a { background: #333; padding-left: 5%; }
div#nav_wrap ul.nav li ul li a {
	width: 90%;
	height: 30px;
	line-height: 30px;
	padding-left: 10%;
	font-size: 12px;
	color: #ccc;
	border-bottom: 1px solid #333;
}

div#footer{ width:100%; height:555px; border-top:1px solid #ddd; background:#353535; }
div#footer div#wrap{ width:98%; margin:10px auto; position:relative;padding:2px 0; overflow: hidden}
div#footer div#wrap div.f_left { float:left; padding:10px; }
div#footer div#wrap div.f_left img { width:120px; }

div#footer div#wrap div.f_right { float:left; /*width:100%;*/ font-size:11.5px; padding: 10px; }
div#footer div#wrap div.f_right ul.m { width:100%; /*padding:8px;*/ text-align:center; }
div#footer div#wrap div.f_right ul.m li { float:left; width:95px; margin-right:2px; padding:2px 0;font-size:12px;letter-spacing:.5px; }
div#footer div#wrap div.f_right ul.m li a { color:#fff;  }
div#footer div#wrap div.f_right ul.co li { margin:8px auto; }
div#footer div#wrap div.f_right ul.co li:last-child{ margin:0 auto; }

/*snsÃß°¡ 20190820*/
div#footer div#wrap div.f_right ul.co li:nth-child(2).sns { padding-bottom:10px; }
div#footer div#wrap div.f_right ul.co li:nth-child(2).sns div{ display:inline-block; margin-right: 10px; }

div#footer div#wrap div.f_right ul.co li div.a { display:inline-block; width:28.5%; padding:2px; margin:0.9% 0.9% 0.9% 0; text-align:center; background:#ff6f61; color:#fff; border:1px solid #ff6f61; }
div#footer div#wrap div.f_right ul.co li div.b { display:inline-block; width:28.5%; padding:2px; margin:0.9%; text-align:center; background:#fc5589; color:#fff; border:1px solid #fc5589;}
div#footer div#wrap div.f_right ul.co li div.c { display:inline-block; width:28.5%; padding:2px; margin:0.9%; text-align:center; background:#17c7bf; color:#fff; border:1px solid #17c7bf;}
div#footer div#wrap div.f_right ul.co li div.d { display:inline-block; width:28.5%; padding:2px; margin:0.9% 0.9% 0.9% 0; text-align:center; color:#fff; border:1px solid #fff; }
div#footer div#wrap div.f_right ul.co li div.e { display:inline-block; width:28.5%; padding:2px; margin:0.9%; text-align:center; color:#fff; border:1px solid #fff; }
div#footer div#wrap div.f_right ul.co li div.f { display:inline-block; width:28.5%; padding:2px; margin:0.9%; text-align:center; color:#fff; border:1px solid #fff; }

div#footer div#wrap div.f_right ul.co li div.a a, div#footer div#wrap div.f_right ul.co li div.b a, div#footer div#wrap div.f_right ul.co li div.c a,
div#footer div#wrap div.f_right ul.co li div.d a, div#footer div#wrap div.f_right ul.co li div.e a, div#footer div#wrap div.f_right ul.co li div.f a{ display:block; color:#fff; }

div#footer div#wrap h1 { padding-top:2px;text-align:left; font-size:13px; letter-spacing:1px; color:#fff;line-height:24px; -webkit-font-smoothing: subpixel-antialiased; }
div#footer div#wrap h2 { padding-top:2px;text-align:left; font-size:12px; letter-spacing:1px; color:#fff;line-height:18px; -webkit-font-smoothing: subpixel-antialiased; }
div#footer div#wrap h3 { padding-top:2px;text-align:left; font-size:11px; letter-spacing:1px; color:#b7b7b7; }
div#footer div#wrap h4 { padding-top:10px;text-align:left; font-size:11px; letter-spacing:1px;  color:#fff;line-height:18px; -webkit-font-smoothing: subpixel-antialiased; }

}

/* pc */
@media only screen and (min-device-width:1024px){

/* mobile -wide ÃÖ»óÀ§ ¸Þ´º */
div#m_header { display:none; }
/* mobile -wide Á᫐ ¸Þ´º */

div#header { position:absolute; top:0; left:0; width:100%; z-index:50; background:transparent; }

div#header div#wrap1 { width:100%; }
div#header div#wrap1 div.h_cont1 { position:relative; width:65%; height:60px; margin: 0 auto; }
div#header div#wrap1 div.h_cont1 h1 { position:absolute; width:283px; left:0;top:50%; margin-top:-15px; }
div#header div#wrap1 div.h_cont1 h1 img { display:block; width:120px; margin-top:-2px; }
div#header div#wrap1 div.h_cont1 ul.nav { position:absolute; width:65%; height:50px; right: 0; z-index: 99; }
div#header div#wrap1 div.h_cont1 ul.nav > li { float:left;width:16%; }
div#header div#wrap1 div.h_cont1 ul.nav > li > a { display: block; height:60px;line-height:60px; padding:2px 1px; font-size:14px; letter-spacing: 1px; text-align:center; color:#fff; }
div#header div#wrap1 div.h_cont1 ul.nav > li ul.sub_menu { display: none; padding:28px 0; color:#fff; }
div#header div#wrap1 div.h_cont1 ul.nav > li ul.sub_menu:hover li a{ color: #fff; }
div#header div#wrap1 div.h_cont1 ul.nav > li ul.sub_menu li a { display: block; text-align:center; text-decoration: none;padding:3px 2px;letter-spacing:1px;	font-size:13px;color: #fff; }
div#header div#wrap1 div.h_cont1 ul.nav > li ul.sub_menu li a:hover { color: #fba026; }

.no {color:#000;}
.ok {color:#fda305;font-weight:bold}

div#header div#wrap2 { width:100%; background:#fff; }
div#header div#wrap2 div.h_cont2 { position:relative; width:65%; height:60px; margin: 0 auto; }
div#header div#wrap2 div.h_cont2 h1 { position:absolute; width:283px; left:0;top:50%; margin-top:-15px; }
div#header div#wrap2 div.h_cont2 h1 img { display:block; width:120px; margin-top:-2px; }
div#header div#wrap2 div.h_cont2 ul.nav { position:absolute; width:65%; height:50px; right: 0; z-index: 99; }
div#header div#wrap2 div.h_cont2 ul.nav > li { float:left;width:16%; }
div#header div#wrap2 div.h_cont2 ul.nav > li > a { display: block; height:60px; line-height:60px; padding:2px 1px; font-size:14px;letter-spacing: 1px; text-align:center; color:#222; }
div#header div#wrap2 div.h_cont2 ul.nav > li ul.sub_menu { display: none; padding:28px 0; color:#fff;}
div#header div#wrap2 div.h_cont2 ul.nav > li ul.sub_menu:hover li a{ color: #fff; }
div#header div#wrap2 div.h_cont2 ul.nav > li ul.sub_menu li a {	display:block;text-align:center;text-decoration: none;padding:3px 2px;letter-spacing:1px;font-size:13px; color: #fff; }
div#header div#wrap2 div.h_cont2 ul.nav > li ul.sub_menu li a:hover { color: #fba026; }

div#sub_bg { position: absolute;top:60px;display:none;width:100%;height:120px;z-index:50; background: rgba(30, 30, 30, 0.6); }

div#footer{ width:100%; height:450px; border-top:1px solid #ddd; background:#353535; }
div#footer div#wrap{ width:65%; margin:30px auto; position:relative;padding:20px 0; overflow: hidden}
div#footer div#wrap div.f_left { float:left; width:50%; }
div#footer div#wrap div.f_left img{ width:120px; }

div#footer div#wrap div.f_right { float:left; width:50%; font-size:15px; }
div#footer div#wrap div.f_right ul.m { float:right; width:50%; /*padding:1% 0;*/ text-align:right; }
div#footer div#wrap div.f_right ul.m li { float:left; padding:3px 0 3px 18px; font-size:13px; letter-spacing:1px; }
div#footer div#wrap div.f_right ul.m li a { color:#fff;  }

/*snsÃß°¡ 20190820*/
div#footer div#wrap div.f_right ul.co li:nth-child(1){ float:left; width:33%; }
div#footer div#wrap div.f_right ul.co li:nth-child(2){ float:left; width:61.5%; text-align:right; padding-top:90px; }
div#footer div#wrap div.f_right ul.co li:nth-child(2).sns div{ display:inline-block; margin-left: 10px; }
div#footer div#wrap div.f_right ul.co li:nth-child(2).sns div img{ max-width:100%; }
div#footer div#wrap div.f_right ul.co li:nth-child(3){ clear:both; }


div#footer div#wrap div.f_right ul.co li div.a { float:left; width:30%; padding:2px; margin:1%; text-align:center; background:#ff6f61; color:#fff; border:1px solid #ff6f61; }
div#footer div#wrap div.f_right ul.co li div.b { float:left; width:30%; padding:2px; margin:1%; text-align:center; background:#fc5589; color:#fff; border:1px solid #fc5589;}
div#footer div#wrap div.f_right ul.co li div.c { float:left; width:30%; padding:2px; margin:1%; text-align:center; background:#17c7bf; color:#fff; border:1px solid #17c7bf;}
div#footer div#wrap div.f_right ul.co li div.d { float:left; width:30%; padding:2px; margin:1%; text-align:center;  color:#fff; border:1px solid #fff; }
div#footer div#wrap div.f_right ul.co li div.e { float:left; width:30%; padding:2px; margin:1%; text-align:center;  color:#fff; border:1px solid #fff; }
div#footer div#wrap div.f_right ul.co li div.f { float:left; width:30%; padding:2px; margin:1%; text-align:center; color:#fff; border:1px solid #fff; }

div#footer div#wrap div.f_right ul.co li div.a a, div#footer div#wrap div.f_right ul.co li div.b a, div#footer div#wrap div.f_right ul.co li div.c a,
div#footer div#wrap div.f_right ul.co li div.d a, div#footer div#wrap div.f_right ul.co li div.e a, div#footer div#wrap div.f_right ul.co li div.f a{ display:block; color:#fff; }

div#footer div#wrap h1 { padding-top:10px;text-align:left; font-size:24px; letter-spacing:1px; color:#fff; line-height:50px; -webkit-font-smoothing: subpixel-antialiased; }
div#footer div#wrap h2 { padding-top:10px;text-align:left; font-size:18px; letter-spacing:1px; color:#fff;line-height:18px; -webkit-font-smoothing: subpixel-antialiased; }
div#footer div#wrap h3 { padding-top:10px;text-align:left; font-size:14px; letter-spacing:1px; color:#b7b7b7; }
div#footer div#wrap h4 { padding-top:25px;text-align:left; font-size:14px; letter-spacing:1px;  color:#fff;line-height:18px; -webkit-font-smoothing: subpixel-antialiased; }




}

/*@media only screen and (min-device-width:1024px) and (max-device-width:1350px) {
	div#header div#wrap1 div.h_cont1, div#header div#wrap2 div.h_cont2, div#header div#wrap1 div.h_cont1 {width:95%}
}*/
@media only screen and (max-width:1350px) {
	div#header div#wrap1 div.h_cont1, div#header div#wrap2 div.h_cont2, div#header div#wrap1 div.h_cont1 {width:95%}
	div#header div#wrap1 div.h_cont1 ul.nav {width:80%}
	div#header div#wrap1 div.h_cont1 ul.nav > li {width:16.66%}
}