@charset "utf-8";


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* font  ÀϹÝ===*/
.gen_ng{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;}
.gen_ngB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:700}
.gen_ngEB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:800}
.gen_ngEBB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:900}

.ng{}
.ngB{font-weight:600}
.ngEB{font-weight:700}
.ngEBB{font-weight:800}

img{vertical-align:bottom}

html {
	height: 100%;
}
body {
	height: 100%;
}
#wrapper {
	width: 100%;
}

.hidden {
    display: none;
}

img{max-width:100%}
.flex_items {
	display: flex;
	justify-content: space-between;
}

.grid_container {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

.round_01{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;}
.round_03{border-radius:3px;-moz-border-radius:3px;	-webkit-border-radius:3px;}
.round_05{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.round_07{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.round_10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.round_29{border-radius:29px;-moz-border-radius:29px;-webkit-border-radius:29px;}
.round_50{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}


/* ·Î¿ì ¿µ¿ª .row {padding: 0 16px;}*/
#wrap_contents{width:100%;padding:110px 0px 0px 0px;}
.container{position:relative;width:1190px;margin:0 auto;}

#header {position: fixed; left: 0; top: 0; z-index: 9999;width: 100%; height:110px; background: #fff;border-bottom:1px solid #f4f4f4;background:#fcfdff;box-shadow:0px 0px 10px 0px #222}
#header .header_top{position:relative;width:100%;height:40px;background:#f6f6f6;border-bottom:1px solid #ccc;text-align:right;color:#666;line-height:40px;font-size:13px}
/* Çì´õ */
.header h1 {float: left; position: relative}
.header h1 em {padding: 24px 8px 16px 0px; display: inline-block}
.header h1 em img {width:220px; }

.header search{padding: 40px 8px 16px 60px; display: inline-block}
.header search .s_txt{width:200px;height:40px;border:1px solid #ccc;text-indent:15px;float:left;font-size:14px}
.header search .s_btn{width:60px;height:40px;border:1px solid #35c5f0;float:left;font-size:16px;margin-left:1px;background:#35c5f0;color:#fff}
.header search .round_03{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.header .nav {float: right;}
.header .nav ul {}
.header .nav li {float: left; text-align: center;}
.header .nav li a {display: block; padding: 50px 25px 19px 25px;  font-size: 17px; font-weight:500; color: #111;  position: relative;}
.header .nav li a:hover{font-size: 17px; color: #006281;}
.header .nav li a:after{
	content:"";position: absolute; left: 50%; bottom: -4px; width: 0; border-bottom:4px solid #006281; transition: all .5s;
}
.header .nav li a:before{
	content:"";position: absolute; right: 50%; bottom: -4px; width: 0; border-bottom:4px solid #006281; transition: all .5s;
}
.header .nav li a:hover:after{width: 50%}
.header .nav li a:hover:before{width: 50%}
.header .nav .nav_gnb_menu_on{border-bottom:4px solid #006281}




/*¸ð¹ÙÀÏ ¸Þ´º*/
#mNav {display: none; position: absolute; top: 40px; right: 10px;}
.img_menu{position:relative;top:0px;right:0px;cursor:pointer}
.img_close{position:relative;top:0px;right:0px;cursor:pointer;display:none}

.gnb_menu{position:absolute;display:none}
#mGnb_Menu{position:fixed;width:80%;z-index:10000000001;color:#fff;right:-80%;top:0px;background:#fff;display:none;height: 100vh;overflow-y:scroll}
#mGnb_Menu {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
#mGnb_Menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.wrap_mMenu{position:relative;margin-top:10px;border-top:2px solid #555;color:#555}
.wrap_mMenu li{position:relative;height:50px;line-height:50px;text-align:left;text-indent:10px;border-bottom:1px solid #ccc}
/*¸ð¹ÙÀÏ ¸Þ´º*/


#footer{position:relative;width:100%;background: #333; color:#fff; padding:15px 0px;font-size:16px;line-height:220%;}
#footer_w{display:block}
#footer_m{display:none}
#footer li{float:left}



.inq_layer {
    position: fixed;
    width: 40%;
    left: 50%;
    margin-left: -20%; /* half of width */
    height: 540px;
    top: 50%;
    margin-top: -270px; /* half of height */
    overflow: auto;

    /* decoration */
    background-color: #fff;
    padding: 1em;
    box-sizing: border-box;
	z-index:10000;
	border:4px solid #000066
   -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.inq_layer::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.box {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.box::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.inq_header{width:100%;height:60px;line-height:60px;font-weight:700;font-size:18px;text-indent:15px;background:#000033;color:#fff}
.inq_submit{width:60%;height:60px;background:#000033;color:#fff;text-align:center;font-size:20px}

/*°øÅë ¾Ö´Ï¸ÞÀ̼Ç*/
.img-bg{display:block;background-size:cover;opacity: 0;transform: translateY(50px);transition: all 1.5s;margin-top:0px}
.fade{transform:translateY(0);transition:all 1.8s;opacity:1;}
/*°øÅë ¾Ö´Ï¸ÞÀ̼Ç*/
.img-bg.lazy{background-image:none;}

.line_title{color:#59afff;font-size:18px;height:40px}


/*¹è°æ*/
.menu_layer {display:none; position:fixed; top:0px; left:0; width:100%; height:100%; z-index:10000;}
.menu_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}

.hidden {
    display: none;
}
/*¹è°æ*/

.myButton {
	box-shadow:inset 0px 0px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:42px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:16px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}


/* ¹Ìµð¾î Äõ¸® */
@media (max-width: 1200px){
    .container {width: 100%;}
    #header .row {padding-right: 0;}
    .header .nav li:last-child {border-right: 0;}

	.container{position:relative;width:98%;margin:0 auto;}
}

@media (max-width: 1024px){
/*	.header .nav li a {display: block; padding: 50px 19px 19px 19px;  font-size: 17px; font-weight:500; color: #333;  position: relative;}*/
	.gnb_menu{position:absolute;width:100%;z-index:100001}

	.mNav_sub{
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:left;
		height:40px;
		line-height:40px;
		background:#fff;
		text-align:left;
		text-indent:15px;
		border-bottom:1px solid #ccc;
		float:none;
	}


	.mNav_sub :hover{
		background:red;
		color:#fff;
		font-weight:bold
	}
}

@media (max-width: 960px){
	#header {position: fixed; left: 0; top: 0; z-index: 9999;width: 100%; background: #fff;border-bottom:1px solid #f4f4f4;background:#fcfdff;box-shadow:0px 0px 10px 0px #222}
	#mNav {display: block; position: absolute; top: 42px; right: 10px;}

/*	#wrap_contents{width:100%;padding:110px 0px 0px 0px}*/
    .header .nav {display: none;}

	.header h1 em {padding: 25px 8px 16px 5px; display: inline-block}
	.header h1 em img {width: 200px; }


	.layer {
        width: 80%;
        margin-left: -40%;
	    top: 25%;
    }

	.mNav_sub{
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:left;
		height:40px;
		line-height:40px;
		background:#fff;
		text-align:left;
		text-indent:15px;
		border-bottom:1px solid #ccc;
	}
	.mNav_sub :hover{
		background:red;
		color:#fff;
		font-weight:bold
	}
}

@media (max-width: 768px){
	#footer_w{display:none}
	#footer_m{display:block;width:98%;margin:0 auto;font-size:13.5px;line-height:160%;}
}

@media (max-width: 600px){

}