@charset "utf-8";
#wrap{max-width:1920px;width:100%;margin:0 auto;overflow-x: hidden;}	

/* header */
#header_wrap{width:100%;position:fixed;z-index:99;left:0;top:0;background:#fff;padding:0 30px}
#header{max-width:1300px;width:100%;height:110px;background:#fff;margin:0 auto;position:relative;padding:22px 0 0 0;box-sizing:border-box}
#header h1 a{display:block;width:140px;height:47px;background:url('../../gneps/images/header_logo.png') 0 0 no-repeat;position:absolute;top:40px;left:14px;z-index:1}
	#navi{text-align:center;position:relative;left:-35px}
	#navi li{display:inline-block;padding:0 25px;position:relative}
	#navi li a{text-decoration:none;font-size:22px;color:#000;letter-spacing:-.02em ;line-height:88px;font-family: 'NEXON Lv1 Gothic OTF';text-align:left}
	#navi li > a:hover{color:#000}
		#sub-menu {position: absolute;background:#fff;opacity:0;visibility:hidden;transition: all 0.15s ease-in;top:88px;left:-30px;z-index:10;width:380px;border:1px solid #efefef}
		#sub-menu > li {padding:6px 28px;border-bottom: 1px solid  #e4e4e4;display:block;width:100%;float:left}
		#sub-menu > li >  a {color:#000;text-decoration:none;font-size:14px;line-height:30px;display:block;width:100%;font-family: 'Malgun Gothic'}
		#navi  li:hover #sub-menu {opacity: 1;visibility: visible;}
		#sub-menu > li:hover{background:#ff9305}
		#sub-menu > li:hover a {text-decoration:none;color:#fff;background:#ff9305}

	.header_info{position:absolute;top:37px;right:0} 
	.header_info ul.lang{background:url('../../gneps/images/header_info_lang_icon.png') left 13px no-repeat;padding-left:30px;float:left;margin-right:10px}
	.header_info ul li{display:inline;padding:0 10px}
	.header_info ul li a{line-height:49px;font-family: 'NEXON Lv1 Gothic OTF Bold';font-size:13px;color:#999;position:relative}
	.header_info ul li a.on{color:#efa518}
	.header_info ul li:first-child a:after{content:'|';position:absolute;left:37px;color:#ccc;font-weight:100}
	.header_info .btn{border:1px solid #4e473f;padding:0 20px;line-height:40px !important;height:40px;font-size:13px;font-weight:400;border-radius:3px;color:#4e473f;float:left;margin-top:5px}
	.header_info .btn.btn_re{margin-left:3px;color:#ef8606;border:1px solid #ffa270}

	#m_navi{display:none}

/* visual */
#visual{width:100%;margin:0 auto;height:auto;position:relative;clear:both;background:#000;top:110px;max-width:1810px;margin-bottom:110px}
	#visual .logo{width:100%;position:absolute;z-index:2;text-align:center;top:340px}
	#visual .title{text-align:center;color:#fff;position:absolute;z-index:2;width:100%}
	#visual .title dt{font-size:100px;font-weight:700;opacity:0.3;letter-spacing:-.025em;line-height:550px}
	#visual .title dd{font-size:16px;display:block;width:30%;margin:0 auto;word-break:keep-all;line-height:24px}
	#visual .img_list{width:100%;height:auto;overflow:hidden;position:relative;top:0;left:0}
	@keyframes slidy {
		0% { left: 0%; }
		20% { left: 0%; }
		25% { left: -100%; }
		45% { left: -100%; }
		50% { left: -200%; }
		55% { left: -200%; }
		65% { left: -300%; }
		75% { left: -300%; }
		85% { left: -400%; }
		100% { left: -400%; }
		}
		div#slider { overflow: hidden; }
		div#slider figure img { width: 20%; float: left; }
		div#slider figure { 
		  position: relative;
		  width: 500%;
		  margin: 0;
		  left: 0; 
		  text-align: left;
		  font-size: 0;
		  animation: 20s slidy infinite; 
		}


/* main_con */
#main_con{max-width:1810px;width:100%;margin:0 auto;background:url('../../gneps/images/main_con1_bg.png') center 0 no-repeat;overflow:hidden;clear:both;padding:100px 0}
	#main_con .title{width:1230px;margin:0 auto}
	#main_con .title dl dt{font-weight:700;color:#000;font-size:30px;letter-spacing:21px;padding-bottom:20px}
	#main_con .title dl dd{font-size:54px;font-family: 'NEXON Lv1 Gothic OTF Light';color:#000;letter-spacing:-5px;line-height:100px}
	#main_con .title dl dd b{font-weight:100;color:#efa518}
	#main_con .list{overflow:hidden;padding-top:30px}
	#main_con .list li{display:inline}
	#main_con .list li a{display:block;float:left;width:20%;border:5px solid #fff;background:#ff9b25;height:auto;color:#fff;text-align:center;text-decoration:none;position:relative;border-radius: 8px;overflow: hidden;height:380px;padding:0 70px}
	#main_con .list li a p{font-size:20px;position:relative;z-index:2;word-break:keep-all;padding-top:50%}
	#main_con .list li:nth-child(1) a{background:url('../../gneps/images/main_con_bg4.png') center 0 no-repeat;background-size:cover}
	#main_con .list li:nth-child(2) a{background:url('../../gneps/images/main_con_bg2.png') center 0 no-repeat;background-size:cover}
	#main_con .list li:nth-child(3) a{background:url('../../gneps/images/main_con_bg5.png') center 0 no-repeat;background-size:cover}
	#main_con .list li:nth-child(4) a{background:url('../../gneps/images/main_con_bg3.png') center 0 no-repeat;background-size:cover}
	#main_con .list li:nth-child(5) a{background:url('../../gneps/images/main_con_bg6.png') center 0 no-repeat;background-size:cover}
	#main_con .list li a .mask{position:absolute;width:100%;height:100%;background:#ff9b25;opacity:0;top:0;left:0;z-index:1}
	#main_con .list li a:hover .mask{position:absolute;width:100%;height:100%;background:#ff9b25;opacity:0.8;top:0;left:0}
	#main_con p.stitle{font-size:18px;display:block;width:1230px;margin:0 auto;padding-top:60px;line-height:36px;letter-spacing:0;color:#808080;font-family: 'NEXON Lv1 Gothic OTF';}

/* main_con2 */
#main_con2{width:100%;height:auto;background:#f3f3f3;overflow:hidden;position:relative;clear:both;padding-bottom:120px}
	#main_con2 .title{width:1230px;margin:0 auto}
	#main_con2 .title dl{margin-top:100px}
	#main_con2 .title dl dt{font-weight:700;color:#000;font-size:30px;letter-spacing:21px;padding-bottom:30px}
	#main_con2 .title dl dd{font-size:54px;font-family: 'NEXON Lv1 Gothic OTF Light';color:#000;letter-spacing:-5px;line-height:100px}
	#main_con2 .title dl dd b{font-weight:100;color:#389ecd}
	#main_con2 .title p{font-size:18px;line-height:34px;letter-spacing:0;color:#808080;padding-top:10px;font-family: 'NEXON Lv1 Gothic OTF';display:block;width:80%;word-break:keep-all}
	#main_con2 .list{width:1120px;margin:100px auto;position:relative}
	#main_con2 .list li{display:inline-block;width:32.5%;position:relative}
	#main_con2 .list li:nth-child(2){top:90px}
	#main_con2 .list li:nth-child(3){top:-35px}
	#main_con2 .list li a{display:block;width:100%;text-align:center;text-decoration:none}
	#main_con2 .list li a dd{font-size:18px;color:#333;letter-spacing:0;padding-top:38px;display:block;padding:30px 40px;word-break:keep-all}
	#main_con2 .list li a dd span{display:block;width:100%;font-size:12px;color:#737373;letter-spacing:0;font-weight:300}
	#main_con2 .list li a .btn_on{width:143px;height:143px;background:#2dc1ff;opacity:0;text-align:center;color:#fff;border-radius:50% 50%;line-height:133px;position:absolute;z-index:2;top:10%;left:30%;transition:all .25s ease-in}
	#main_con2 .list li a .btn_on span{font-weight:900;font-size:16px;border-bottom:5px solid #fff}
	#main_con2 .list li a:hover .btn_on{opacity:0.85;transition:all .25s ease-out}
	#main_con2 .list a.btn_more{display:block;width:134px;height:295px;background:#37bdfe;color:#fff;position:absolute;top:-410px;right:0;text-align:center;padding-top:200px;text-decoration:none;transition:all .25s ease-in}
	#main_con2 .list a.btn_more span{font-size:20px;font-weight:100;line-height:26px;letter-spacing:0;border-bottom:1px solid #fff}
	#main_con2 .list a.btn_more:hover{background:#009ae4;transition:all .25s ease-out}
	#main_con2 .list a.btn_mv{margin-top:7px;font-size:15px}
	#main_con2 .list a.btn_mv span{background:#658290;color:#fff;padding:10px 35px;border-radius:3px;}
	#main_con2 .list a.btn_mv span:hover{background:#2b7092}

/* main_con3 */
#main_con3{width:100%;height:530px;background:#37bdfe;overflow:hidden;position:relative;clear:both;background:url('../../gneps/images/contact_main_bg.png') center -200px no-repeat;text-align:center}
	#main_con3 p{font-weight:700;color:#fff;font-size:55px;background:url('../../gneps/images/contact_main_logo.png') center 0 no-repeat;padding:130px 0 50px 0;margin-top:100px}
	#main_con3  a{color:#000;font-weight:900;font-size:22px;clear:both;border-bottom:5px solid #000;text-decoration:none}


/* footer */
#footer_wrap{width:100%;border-top:1px solid #ddd;overflow:hidden;margin:0 auto;padding-top:20px}
#footer{width:1158px;margin:0 auto;padding-bottom:30px;position:relative;clear:both}
	#footer h2{position:absolute;top:15px;left:0}
	#footer address{padding-left:230px}
	#footer address p{font-size:14px;font-weight:500;color:#464646;padding-bottom:3px}
	#footer address p span{padding-right:5px}
	#footer .copyright{padding:10px 0 0 230px;font-size:14px;font-weight:500;color:#8b8b8b}
	#footer .copyright span{font-weight:300;letter-spacing:0;font-size:13px}

/* sub_visual */
#sub_visual{width:1920px;margin:0 auto;height:350px;position:relative;clear:both;background:#000;margin-top:110px}
	#sub_visual dl{color:#fff;text-align:center;padding-top:105px}
	#sub_visual dl dt{font-size:48px;font-weight:900;letter-spacing:0;line-height:95px}
	#sub_visual dl dd{font-size:18px;font-weight:900;letter-spacing:8px}

#sub_visual.bg01{background:url('../../gneps/images/sub_visual_04_bg.png') center 0 no-repeat;background-size:cover}
#sub_visual.bg02{background:url('../../gneps/images/sub_visual_01_bg.png') center bottom no-repeat;background-size:cover}
#sub_visual.bg04{background:url('../../gneps/images/sub_visual_04_bg.png') center 0 no-repeat;background-size:cover}
#sub_visual.bg05{background:url('../../gneps/images/sub_visual_03_bg.png') center 0 no-repeat;background-size:cover}
#sub_visual.bg06{background:url('../../gneps/images/sub_visual_07_bg.png') center bottom no-repeat;background-size:cover}

/* top_이동 */
#movetop{display:none;position:fixed;bottom:20px;right:20px;z-index:9;cursor:pointer;width:71px;height:71px;background:url('../../gneps/images/btn_movetop2.png') 0 0 no-repeat;opacity:0.5;transition:all .25s ease-in}
#movetop:hover{opacity:1;transition:all .25s ease-out}



/****** Tablet Device ******/
@media (min-width:891px) and (max-width:1400px) {
	#wrap{width:100%}

	#header_wrap{width:100%;box-shadow:1px 2px 2px #ccc;padding:0}
	#header{width:100%;padding:0;height:70px}
	#header h1 a{position:relative;background-size:90%;margin:0 auto;top:14px;left:0}
	#navi, .header_info{display:none}
	#m_navi{display:block}

	#visual{width:100%;height:500px;background:#fff;top:70px;overflow:hidden;padding-bottom:100px}
	#visual .logo{top:30%} 
	#visual .title dt{display:none}
	#visual .title dd{width:60%;position:relative;margin-top:25%}

		/* main_con */
	#main_con{width:100%;height:auto;background:url('../../gneps/images/main_con1_bg.png') center 10% no-repeat;padding:30px 10px 10px 10px;background-size:100%}
	#main_con .title{width:70%;padding:0 15px 30px 15px;margin:0 auto}
	#main_con .title dl{margin-top:30px}
	#main_con .title dl dt{font-size:28px;letter-spacing:0px}
	#main_con .title dl dd{font-size:40px;line-height:70px;letter-spacing:-2px}
	#main_con .list{padding:0}
	#main_con .list li{padding-bottom:3px;overflow:hidden;display:inline-block;width:32.4%;padding:0}
	#main_con .list li a{width:100%;height:auto;color:#fff;padding:40px 0}
	#main_con .list li a p{font-size:20px;line-height:100px}
	#main_con .list li a p span{width:50%;padding-top:10px;font-size:15px}
	#main_con p.stitle{width:70%;word-break:keep-all;font-weight:normal;padding:25px 15px 25px 30px;font-size:20px;line-height:35px}
	#main_con p.stitle br{display:none}

	#main_con2 .title{width:70%;margin:0 auto}
	#main_con2 .title p br{display:none}
	#main_con2 .list{width:90%;margin:60px auto}
	#main_con2 .list li{width:32%;position:static;padding:20px}
	#main_con2 .list li a dd span{display:none}
	#main_con2 .list li dt{text-align:center}
	#main_con2 .list li dt img{width:80%}
	#main_con2 .list li a dd{font-size:18px}
	#main_con2 .list li a:hover .btn_on{opacity:0}

	#main_con2 .list a.btn_more{position:static;clear:both;width:50%;margin:0 auto;height:auto;padding:20px;margin-top:50px}
	#main_con2 .list a.btn_more span{font-size:18px}
	#main_con2 .list a.btn_more span br{display:none}

	/* main_con3 */
	#main_con3{width:100%;height:auto;padding-bottom:60px;background: url(../../gneps/images/contact_main_bg.png) center -20px no-repeat;background-size:cover;height:320px;}
	#main_con3 p{font-size:30px;letter-spacing:-1px;padding:0 0 20px 0;background:none;font-family: 'NEXON Lv1 Gothic OTF Bold';}
	#main_con3 a{letter-spacing:-2px;font-family: 'NEXON Lv1 Gothic OTF Bold';}


	/* footer */
	#footer_wrap{padding:30px;background:#f9f9f9}
	#footer{width:100%;padding:20px}

	#sub_visual{width:100%;margin-top:70px}

		/* 모바일 메뉴 */
	input[id="hamburger"] {display: none;}
	input[id="hamburger"] + label {display: block;width: 40px;height: 25px;top:-25px;left:20px;position: relative;cursor: pointer}
	input[id="hamburger"] + label span {display: block;position: absolute;width: 100%; height: 2px; background: #111; transition: all 0.35s;}
	input[id="hamburger"] + label span:nth-child(1) { top: 0;}
	input[id="hamburger"] + label span:nth-child(2) { top: 50%; transform: translateY(-50%);}
	input[id="hamburger"] + label span:nth-child(3) { bottom: 0;}
	input[id="hamburger"]:checked + label { z-index: 2;}
	input[id="hamburger"]:checked + label span { background: #fff;}
	input[id="hamburger"]:checked + label span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg);}
	input[id="hamburger"]:checked + label span:nth-child(2) { opacity: 0;}
	input[id="hamburger"]:checked + label span:nth-child(3) { bottom: 50%; transform: translateY(50%) rotate(-45deg);}
	div[class="sidebar"] { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 1; transition: all 0.35s;background:url('../../gneps/images/m_navi_bg.png') center bottom #222 no-repeat;background-size:cover}
	input[id="hamburger"]:checked + label + div { left: 0;}
	.sidebar .list{overflow-y:auto;position:absolute;height:100%;width:100%;padding-top:100px}
	.sidebar .list li a{color:#bfbfbf;display:block;width:100%;text-align:center;font-family: 'NEXON Lv1 Gothic OTF Light';font-size:28px;line-height:70px;border-bottom:1px dotted #404040}
	.sidebar .m_header_info{position:absolute;top:22px;right:20px;z-index:99} 
	.sidebar .m_header_info ul.lang{background:url('../../gneps/images/header_info_lang_icon2.png') left 13px no-repeat;padding-left:30px;float:left;margin-right:10px}
	.sidebar .m_header_info ul li{display:inline;padding:0 10px}
	.sidebar .m_header_info ul li a{line-height:49px;font-family: 'NEXON Lv1 Gothic OTF Bold';font-size:13px;color:#999;position:relative}
	.sidebar .m_header_info ul li a.on{color:#efa518}
	.sidebar .m_header_info ul li:first-child a:after{content:'|';position:absolute;left:37px;color:#ccc;font-weight:100}
	.sidebar .m_header_info .btn_s{border:1px solid #ffa270;padding:0 20px;line-height:40px;font-size:13px;font-weight:400;border-radius:3px;color:#ef8606;float:left;margin-top:5px}

		



	
}


/****** Mobile ******/
@media screen and (max-width:890px){
	#wrap{width:100%}

	#header_wrap{width:100%;box-shadow:1px 2px 2px #ccc;padding:0}
	#header{width:100%;padding:0;height:70px}
	#header h1 a{position:relative;background-size:90%;margin:0 auto;top:14px;left:0}
	#navi, .header_info{display:none}
	#m_navi{display:block}
	

	#visual{width:100%;height:auto;background:#fff;top:70px}
	#visual .title dt{font-size:22px;line-height:30px;padding-top:120px;font-family: 'NEXON Lv1 Gothic OTF Bold';}
	#visual .title dd{display:none}
	#visual .logo{top:70px;text-align:center}
	#visual .logo img{width:150px}
	#visual .img_list{height:auto}

	/* main_con */
	#main_con{width:100%;height:auto;background:url('../../gneps/images/main_con1_bg.png') center 10% no-repeat;padding:30px 10px 10px 10px;background-size:100%}
	#main_con .title{width:100%;padding:0 15px 10px 15px}
	#main_con .title dl{margin-top:30px}
	#main_con .title dl dt{font-size:28px;letter-spacing:0px}
	#main_con .title dl dd{font-size:40px;line-height:70px;letter-spacing:-2px}
	#main_con .list{padding:0}
	#main_con .list li{padding-bottom:3px;overflow:hidden;display:inline-block;width:100%;padding:0}
	#main_con .list li a{width:100%;height:auto;color:#fff;padding:40px 0}
	#main_con .list li a p{font-size:18px;line-height:70px;padding-top:0}
	#main_con .list li a p span{width:50%;padding-top:10px;font-size:15px}
	#main_con p.stitle{width:85%;word-break:keep-all;font-weight:normal;padding:25px 15px 25px 30px;font-size:20px;line-height:32px;margin:initial;font-size:18px}
	#main_con p.stitle br{display:none}
	#main_con .list li:nth-child(1) a{background-size:cover;background-position:center}
	#main_con .list li:nth-child(3) a{background-position:center}
	#main_con .list li:nth-child(5) a{background-position:center}
	
	/* main_con2 */
	#main_con2{padding:15px 15px 60px 15px}
	#main_con2 .title{width:100%}
	#main_con2 .title{width:100%;padding:0 15px 10px 15px}
	#main_con2 .title dl{margin-top:50px}
	#main_con2 .title dl dt{font-size:28px;letter-spacing:0px}
	#main_con2 .title dl dd{font-size:40px;line-height:70px}
	#main_con2 .title p{font-size:18px;line-height:32px;display:block;width:85%;word-break:keep-all;padding:20px 0 20px 20px}
	#main_con2 .title p br{display:none}
	#main_con2 .list{width:100%;margin:20px auto}
	#main_con2 .list li{width:100%;float:left;padding:20px;position:static}
	#main_con2 .list li:nth-child(2){top:0}
	#main_con2 .list li a dt{text-align:center;padding-bottom:10px}
	#main_con2 .list li a dd{padding-top:10px}
	#main_con2 .list li a img{width:40%}
	#main_con2 .list a.btn_mv{margin-bottom:20px}
	#main_con2 .list li a .btn_on{display:none}
	#main_con2 .list a.btn_more{position:static;clear:both;width:70%;margin:0 auto;height:auto;padding:20px}
	#main_con2 .list a.btn_more span{font-size:18px}
	#main_con2 .list a.btn_more span br{display:none}

	/* main_con3 */
	#main_con3{width:100%;height:auto;padding-bottom:60px;background: url(../../gneps/images/contact_main_bg.png) center -20px no-repeat;background-size:cover;height:320px;}
	#main_con3 p{font-size:30px;letter-spacing:-1px;padding:0 0 20px 0;background:none;font-family: 'NEXON Lv1 Gothic OTF Bold';}
	#main_con3 a{letter-spacing:-2px;font-family: 'NEXON Lv1 Gothic OTF Bold';}


	/* footer */
	#footer_wrap{padding:30px 0;background:#f9f9f9}
	#footer{width:100%;padding:20px}
	#footer h2{display:none}
	#footer address{padding:0}
	#footer address p{line-height:22px;word-break:keep-all}
	#footer address p span{display:block;width:100%}
	#footer address p a{color:#333}
	#footer .copyright{padding:30px 0 0 0;width:90%;word-break:keep-all;line-height:22px}
	#footer .copyright span{word-break:keep-all;line-height:20px;padding-bottom:10px;display:block}

	#sub_visual{width:100%;height:auto;margin-top:70px}
	#sub_visual dl{padding:50px 0;font-family: 'NEXON Lv1 Gothic OTF Bold';}
	#sub_visual dl dt{font-size:35px;line-height:50px}
	#sub_visual dl dd{letter-spacing:-1px}
	#sub_visual.bg01{background-size:cover}

	/* 모바일 메뉴 */
	input[id="hamburger"] {display: none;}
	input[id="hamburger"] + label {display: block;width: 40px;height: 25px;top:-25px;left:20px;position: relative;cursor: pointer}
	input[id="hamburger"] + label span {display: block;position: absolute;width: 100%; height: 2px; background: #111; transition: all 0.35s;}
	input[id="hamburger"] + label span:nth-child(1) { top: 0;}
	input[id="hamburger"] + label span:nth-child(2) { top: 50%; transform: translateY(-50%);}
	input[id="hamburger"] + label span:nth-child(3) { bottom: 0;}
	input[id="hamburger"]:checked + label { z-index: 2;}
	input[id="hamburger"]:checked + label span { background: #fff;}
	input[id="hamburger"]:checked + label span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg);}
	input[id="hamburger"]:checked + label span:nth-child(2) { opacity: 0;}
	input[id="hamburger"]:checked + label span:nth-child(3) { bottom: 50%; transform: translateY(50%) rotate(-45deg);}
	div[class="sidebar"] { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 1; transition: all 0.35s;background:url('../../gneps/images/m_navi_bg.png') center bottom #222 no-repeat;background-size:cover}
	input[id="hamburger"]:checked + label + div { left: 0;}
	.sidebar .list{overflow-y:auto;position:absolute;height:100%;width:100%;padding-top:100px}
	.sidebar .list li a{color:#bfbfbf;display:block;width:100%;text-align:center;font-family: 'NEXON Lv1 Gothic OTF Light';font-size:28px;line-height:70px;border-bottom:1px dotted #404040}
	.sidebar .m_header_info{position:absolute;top:22px;right:20px;z-index:99} 
	.sidebar .m_header_info ul.lang{background:url('../../gneps/images/header_info_lang_icon2.png') left 13px no-repeat;padding-left:30px;float:left;margin-right:10px}
	.sidebar .m_header_info ul li{display:inline;padding:0 10px}
	.sidebar .m_header_info ul li a{line-height:49px;font-family: 'NEXON Lv1 Gothic OTF Bold';font-size:13px;color:#999;position:relative}
	.sidebar .m_header_info ul li a.on{color:#efa518}
	.sidebar .m_header_info ul li:first-child a:after{content:'|';position:absolute;left:37px;color:#ccc;font-weight:100}
	.sidebar .m_header_info .btn_s{border:1px solid #ffa270;padding:0 20px;line-height:40px;font-size:13px;font-weight:400;border-radius:3px;color:#ef8606;float:left;margin-top:5px}


		 
}