@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* layout */
.skip_navi{position:relative;z-index:9999;}
	.skip_navi a{display:inline-block;width:200px;position:absolute;left:0px;top:-30px;background:silver}
	.skip_navi a:focus{top:0;}
img.img100{width:100%;}
#frmProc{display:none;}

/* header */
header{height:220px;position:relative;z-index:2;}
	header h1{float:left;padding:73px 0 0 94px;}
	header h1 img{height:63px;margin-right:0;}
	.logo2{display:none}

	header ul#gnb{float:right;margin:102px 94px 0 0;}
		header ul#gnb li{float:left;padding-right:31px;}
			header ul#gnb li a{display:inline-block;}
			header ul#gnb li a.mn1{width:41px;height:23px;background:url(../images/common/gnb1.gif) no-repeat left top;}
			header ul#gnb li a.mn2{width:47px;height:23px;background:url(../images/common/gnb2.gif) no-repeat left top;}
			header ul#gnb li a.mn3{width:38px;height:23px;background:url(../images/common/gnb3.gif) no-repeat left top;}
			header ul#gnb li a.mn4{width:45px;height:23px;background:url(../images/common/gnb4.gif) no-repeat left top;}
			header ul#gnb li a.mn5{width:62px;height:23px;background:url(../images/common/gnb5.gif) no-repeat left top;}
			header ul#gnb li a.mn1.on{background:url(../images/common/gnb1_on.gif) no-repeat left top;}
			header ul#gnb li a.mn2.on{background:url(../images/common/gnb2_on.gif) no-repeat left top;}
			header ul#gnb li a.mn3.on{background:url(../images/common/gnb3_on.gif) no-repeat left top;}
			header ul#gnb li a.mn4.on{background:url(../images/common/gnb4_on.gif) no-repeat left top;}
			header ul#gnb li a.mn5.on{background:url(../images/common/gnb5_on.gif) no-repeat left top;}
		header ul#gnb li.sns{padding-right:5px;}

	header a.btn_nav{position:absolute;right:59px;top:58px;display:none;}

/* nav */
nav{width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;z-index:101;display:none;}
	nav .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;}
	nav .list{width:100%;height:100%;position:absolute;left:0;top:0;text-align:right;}
		nav a.btn_close{margin:76px 74px 0 0;display:inline-block;}
		nav ul{margin:82px 59px 0 0;}
			nav ul li{height:67px;}
				nav ul li a{width:129px;height:20px;display:inline-block;}
					nav ul li a.nav1{background:url(../images/nav/nav1.gif) no-repeat left top;}
					nav ul li a.nav2{background:url(../images/nav/nav2.gif) no-repeat left top;}
					nav ul li a.nav3{background:url(../images/nav/nav3.gif) no-repeat left top;}
					nav ul li a.nav4{background:url(../images/nav/nav4.gif) no-repeat left top;}
					nav ul li a.nav5{background:url(../images/nav/nav5.gif) no-repeat left top;}
					nav ul li a.nav1.on{background:url(../images/nav/nav1_on.gif) no-repeat left top;}
					nav ul li a.nav2.on{background:url(../images/nav/nav2_on.gif) no-repeat left top;}
					nav ul li a.nav3.on{background:url(../images/nav/nav3_on.gif) no-repeat left top;}
					nav ul li a.nav4.on{background:url(../images/nav/nav4_on.gif) no-repeat left top;}
					nav ul li a.nav5.on{background:url(../images/nav/nav5_on.gif) no-repeat left top;}
		nav a.btn_ins{display:block;margin:26px 74px 0 0;}
		nav a.btn_fb{display:block;margin:11px 74px 0 0;}
		nav a.btn_blog{display:block;margin:11px 74px 0 0;}
		nav a.btn_bona{display:block;margin:11px 74px 0 0;}
		nav a.btn_dru{display:block;margin:11px 74px 0 0;}

/* footer */
footer{height:80px;background:#dadada;text-align:center;}
	footer ul{display:none;width:194px;overflow:hidden;padding-top:67px;margin:0 auto;}
		footer ul li{float:left;}

	address{padding-top:30px;font-style:normal !important;}
		address span{color:#aaa;padding:0 5px;}
		address a.privacy{width:120px;font-size:14px;color:#000;margin:15px auto 10px;display:;text-decoration:underline;font-style:normal !important;}


/* main */
#main_visual ul{width:100%;overflow:hidden;}
	#main_visual ul li{width:50%;float:left;position:relative;overflow:hidden;}
	#main_visual ul li a .cover{transition:.3s;}
	#main_visual ul li.on a .cover{transition:1s; transform:scale(1.1, 1.1);}
	#main_visual ul li:nth-child(2n+1){clear: both;}

	#main_visual a.btn_more{width:100%;height:107px;display:inline-block;background:url(../images/common/btn_more.png) no-repeat center 49px;}
	#main_visual a.btn_more:hover{background:#000 url(../images/common/btn_more_on.png) no-repeat center 49px;}
	#main_visual .aword{width:16%;display:inline-block;position:absolute;left:15px;top:15px;overflow:hidden;}
	#main_visual .aword img{width:45%;display:inline-block;float:left;margin-right:5%;}

/* 메인 layer */
.pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:1;}


/* 메인 layer_over */
	#layer_over .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.76;filter:alpha(opacity=76);}
	#layer_over .popup_box{width:100%;height:100%;position:absolute;left:0;top:0;display:table;}
	#layer_over p{display:table-cell;vertical-align: middle;padding:0 140px;}
		#layer_over p span.title{display:block;font-size:20px;color:#fff;}
		#layer_over p span.stitle{display:block;font-size:34px;color:#fff;font-family:nanum-barun-gothic-light !important;padding-top:7px;}

/* 메인 layer_view */
#layer_view .bg1{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;}
#layer_view .popup_box{width:100%;background:#fff;position:absolute;left:0;top:220px;}
	#layer_view p.btn_close{width:44px;position:absolute;right:94px;top:12px;}

	#layer_view .view_cont{max-width:1024px;margin:0 auto;padding-bottom:40px;}
		#layer_view .title_box p.title{font-size:34px;color:#ff195b;padding:12px 46px 0 0;word-break:keep-all;font-weight:bold;}
		#layer_view .title_box p.stitle{font-size:16px;color:#999;padding:5px 0 23px 0;word-break:keep-all;}

	#layer_view .edit_box{line-height:150%;}
		#layer_view .edit_box img{width:100% !important;}
	#layer_view .edit_text{font-size:14px !important;line-height:150%;}
		#layer_view .edit_text p{font-family:'Nanum Gothic';}
	#layer_view .news_text{padding:10px 0;}
	#layer_view iframe{width:100%;}
	#layer_view p.prev{display:none;}

	#layer_view .title_box p.title{color:#000 !important;}
	#layer_view .edit_box p.tit{color:#000 !important; font-family:nanum-barun-gothic-regular !important;}

/* 메인 layer_event */
#layer_event{width:450px;height:629px;position:fixed;left:50px;top:50px;background:url(../popup/img/pop5_sm.jpg) no-repeat 0 0;z-index: 99;display: block}
	#layer_event .m_img{display: none}
	#layer_event a.btn1{position:absolute;display:block;left: 8%;top: 46.8%;width: 23.6%;height: 3.8%;}
	#layer_event a.btn2{position:absolute;display:block;left: 8%;top: 51.4%;width: 23.6%;height: 3.8%;}
	#layer_event #check{position: absolute;bottom:9px;left: 10px}
	#layer_event #close{position: absolute;bottom: 0;right: 0;width: 80px;height: 35px}
/* about */
#about .m_img{display:none;}
#about .about_title{padding:83px 0 88px 0;font-size:62px;color:#000;font-family:nanum-barun-gothic-ultralight !important;text-align:center;}
	#about .about_title span{color:#ed1651;}
	#about .about_title em{padding:0 60px;font-size:20px;color:#a0a0a0;}

#about .about_box{width:100%;background:#000;display:table;}
	#about .about_box .img_box{width:50%;display:table-cell;vertical-align: middle;}
		#about .img_box img{width:100%;}
		#about .about_box a.btn_download1{display:block;margin:20px 0 0 0;}

	#about .about_box .text_box{width:50%;display:table-cell;vertical-align: middle;}
		#about .about_box .text_box p{font-size:21px;color:#fff;font-family:nanum-barun-gothic-light !important;line-height:2em;padding:0 30px;margin:0 auto;}
			#about .about_box .text_box p span{color:#ed1651;}
		#about .about_box .text_box a.btn_download{display:inline-block;margin-top:20px;}
		#about .about_box .text_box a.btn_movie{display:inline-block;margin:20px 0 0 2px;}
	#about .font1{max-width:610px;letter-spacing:-1px;word-break:keep-all;}
	#about .font2{max-width:480px;letter-spacing:-1px;word-break:keep-all;}

	#about .about_box .text_box.new{position:relative;text-align:center;padding: 0;}
	#about .about_box .text_box.new img{max-width:100%}
	#about .about_box .text_box.new a.btn_download1{position:absolute;left:50%;top:50%;width:208px;height:39px;display:block;margin: 109px 0 0 -314px;}

	#about .business_area{width:100%;overflow:hidden;position:relative;}
		#about .business_area .w_img{text-align:center;max-width:1584px;margin:0 auto;padding:0 70px;}
		#about .business_area .w_img img{box-sizing: border-box;}

#about .about_tech{width:100%;position: relative;}
	#about .about_tech img{width: 100%;}
	#about .about_tech .btn_tech{display:inline-block;width: 12%;height: 10%;text-indent: -9999px;font-size: 0;position: absolute;bottom: 13%;left: 50%;margin-left: -6%}

	#about .tech_area{}
	#about .tech_area ul{max-width: 1090px;margin:73px auto;overflow: hidden}
	#about .tech_area ul li{float: left;width: 20%;text-align: center}

/* news */
#news ul{width:100%;max-width:1296px;margin:0 auto 74px;overflow:hidden;}
	#news ul li{max-width:418px;height:405px;float:left;border:1px solid #d2d2d2;margin:0 6px 12px 6px;}
		#news ul li img{border-bottom:1px solid #d2d2d2;max-width:418px;max-height:282px;}
		#news ul li span.day{display:block;font-size:15px;color:#000;font-family:nanum-barun-gothic-bold !important;padding:26px 0 0 30px;}
		#news ul li span.title{display:block;font-size:20px;color:#898989;padding:8px 30px 16px 30px;letter-spacing:-1px;}

#news a.btn_more{width:100%;height:107px;display:inline-block;background:#f3f3f3 url(../images/news/btn_more_news.png) no-repeat center 49px;}
	#news a.btn_more:hover{background:#000 url(../images/news/btn_more_news_on.png) no-repeat center 49px;}


/* client */
#client ul{width:100%;max-width:1340px;margin:0 auto 43px;overflow:hidden;}
	#client ul li{max-width:283px;float:left;margin:0 25px 50px 25px;}

#client a.btn_more{width:100%;height:107px;display:inline-block;background:#f3f3f3 url(../images/common/btn_more.png) no-repeat center 49px;margin-top:43px;}
	#client a.btn_more:hover{background:#000 url(../images/common/btn_more_on.png) no-repeat center 49px;}


/* contact */
#contact{padding:0 20px;}
#contact .map_box{width:100%;max-width:1280px;margin:0 auto;overflow:hidden;}

	#contact dl.tit_repesented{float:left;padding-top:155px;}
		#contact dl.tit_repesented dt{font-size:24px;color:#ed1651;padding-bottom:11px;}
		#contact dl.tit_repesented dd{font-size:15px;color:#545454;padding-bottom:15px;}

	#contact dl.tit_contact{padding-top:118px;}
		#contact dl.tit_contact dt{font-size:24px;color:#ed1651;padding-bottom:11px;}
		#contact dl.tit_contact dd{font-size:15px;color:#545454;padding-bottom:15px;}

	#contact #map_view{float:right;}

#contact .contact_point{width:100%;max-width:1280px;margin:0 auto;overflow:hidden;}
	#contact .contact_point dl.contact_title{float:none;clear:both;padding-top:85px;}
		#contact .contact_point dl.contact_title dt{font-size:24px;color:#ed1651;padding-bottom:20px;}
		#contact .contact_point dl.contact_title dd{font-size:14px;color:#000;padding-bottom:15px;}
	#contact .contact_point ul{width:100%;max-width:1280px;margin:86px auto 0;overflow:hidden;}
		#contact .contact_point ul li{max-width:389px;float:left;margin:0 56px 118px 0;}
			#contact .contact_point ul li.img3{margin-right:0;}
			#contact .contact_point ul li.img6{margin-right:0;}
		#contact .contact_point ul li img{width:100%;}

		/*#contact .contact_point ul.css li{max-width:640px;float:left;margin:0 56px 118px 0;}*/
#contact .m_img{display:none;}

#contact1{padding:0 20px;}
	#contact1 .map_box{width:100%;max-width:1000px;margin:0 auto;overflow:hidden;}
		#contact1 .repesented{position:relative;margin:15px 0;padding:20px;border:1px solid #eaa4ac;}
		#contact1 .repesented p.tit{padding-left:35px;font-size:23px;line-height:44px;color:#d10e24;font-weight:bold;}
		#contact1 .repesented ul{padding:10px 0 0 0;}
		#contact1 .repesented ul li{position:relative;font-size:15px;line-height:23px;padding:0 0 5px 90px;text-indent:0;}
		#contact1 .repesented ul li p{position:absolute;left:35px;top:0;}
		#contact1 .repesented ul li p strong{display: inline-block;width:26px;}
		#contact1 .repesented ul li p span{display: inline-block;padding-right:15px;color:#bababa;}
		#contact1 .repesented ul li div.tel_wrap{width:245px;overflow: hidden}
		#contact1 .repesented ul li div.tel_wrap a{float: right}
		#contact1 .repesented a.btn_qna{position:absolute;top:30px;right:50px;}

	#contact1 .contact_sns{position:relative;width:100%;max-width:1000px;margin:0 auto 80px;padding:20px;box-sizing: border-box;border:1px solid #eaa4ac;overflow:hidden;}
		#contact1 .contact_sns p{padding-left:35px;font-size:23px;line-height:44px;color:#d10e24;font-weight:bold;}
		#contact1 .contact_sns ul{position:absolute;right:55px;top:20px;}
		#contact1 .contact_sns ul li{float:left;margin-left:6px;}


/* 이메일 문의하기 */
#layer_qna{z-index:100;}
#layer_qna .popup_box{width:100%;position:fixed;left:0;top:100px;}
	#layer_qna .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#191919;opacity:.7;filter:alpha(opacity=70);}
	#layer_qna .pop_container{max-width:780px;margin:0 auto;position:relative;}
	#layer_qna .pop_contents{max-width:646px;padding:0 36px;background:#fff;text-align:center;}

	#layer_qna p.btn_close{position:absolute;right:10px;top:59px;}
	#layer_qna p.title{max-width:718px;font-size:38px;color:#fff;text-align:center;padding-bottom:15px;}
	#layer_qna p.stitle{font-size:16px;color:#000;text-align:left;padding:38px 10px 26px 10px;max-width:400px;margin:0 auto;}

	#layer_qna table{width:90%;margin:0 auto;border-top:2px solid #000;border-bottom:2px solid #000;}
		#layer_qna table tr th{width:15%;text-align:left;padding:0 0 10px 10px;vertical-align:middle;font-size:14px;color:#000;font-weight:normal;}
		#layer_qna table tr td{width:85%;text-align:left;padding:0 0 10px 0;vertical-align:middle;font-size:14px;color:#000;}
		#layer_qna table tr th.top{vertical-align:top;padding-top:10px;}
		#layer_qna table tr.name th,
		#layer_qna table tr.name td{padding-top:27px;}
		#layer_qna table tr td span.filebox_text{display:inline-block;font-size:12px;color:#a4a4a4;vertical-align:top;padding-top:10px;}
		#layer_qna span.icn{width:4px;height:9px;background:url(../images/common/icn_sq.gif) no-repeat left 5px;display:inline-block;vertical-align:top;padding-right:5px;}

		#layer_qna .input_style1{width:97%;padding:5px;border:1px solid #ccc;vertical-align:middle;}
		#layer_qna .input_style2{width:20%;padding:5px;border:1px solid #ccc;vertical-align:middle;}
		#layer_qna select{width:99.1%;padding:5px;border:1px solid #ccc;vertical-align:middle;background:url(../images/icn_select.gif) no-repeat 98% 10px;}
		#layer_qna .textarea{width:97%;height:100px;padding:5px;border:1px solid #ccc;}
	#layer_qna a.btn_send{width:220px;margin:30px 0;display:inline-block;}
	#layer_qna th.privacy_chk label{display:inline-block;margin-left:20px;vertical-align:middle;}
		#layer_qna th.privacy_chk label input{width:13px;height:13px;margin-right:5px;vertical-align:middle;}
		#layer_qna th.privacy_chk a.privacy{color:#fff;font-size:12px;margin-left:10px;padding:5px;display:inline-block;background:#555;}

/* file */
.filebox input[type="file"] {width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;position: absolute;}
.filebox label {display: inline-block;line-height: normal;vertical-align: middle;cursor: pointer;}
.filebox .upload-name {width:300px;height:50px;line-height: 50px;border: 1px solid #ccc;padding:0 10px;vertical-align: middle;display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;display:none;}
.filebox.bs3-primary label{width:117px;height:30px;background:url(../images/bg_file.png) no-repeat left top;}

/* ----------------   media query    ---------------- */
@media only all and (max-width:1600px){
	/* about */
	#about .business_area .w_img ul{left:12.5%;}
	#about .business_area .w_img ul li{width:12.5%;}
	#about .business_area .w_img.new ul li{width:11%;}

	#about .about_box .text_box.new img{width:100%}
	#about .about_box .text_box.new a.btn_download1{left:9.5%;top:77%;width:27%;height:10%;display:block;margin:0;}
}

@media only all and (max-width:1350px){
	/* news */
	#news ul{max-width:864px;}

	/* client */
	#client ul{max-width:999px;}
	#client ul li{margin:0 22px 50px 22px;}

	/* contact */
	#contact .contact_point ul{max-width:890px;}
	#contact .contact_point ul li{margin-right:36px;}
	#contact .contact_point ul li.img3{margin-right:36px;}

	#about .about_title div img{height:50px;}
}

@media only all and (max-width:1280px){
	header h1{max-width:200px;padding-top:97px;}
	header h1 img.logo1{height: 100%;float: left;width: 40%;margin-right: 0;}
	header h1 img.logo2{height: 100%;float: left;width: 60%;}

	/* about */
	#about .font1{font-size:18px !important;}
	#about .font2{font-size:18px !important;}

	/* contact */
	#contact #map_view{width:60% !important;}
}

@media only all and (max-width:1100px){

	/* main layer layer_view */
	#layer_view .title_box{padding:0 20px;}
	#layer_view .edit_box p{padding:0 20px !important;}
}

@media only all and (max-width:1024px){
	/* main layer layer_view */
	#layer_view p.btn_close{right:0;}
	#layer_view .news_text{padding:10px 38px;}

	/* main layer layer_over */
	#layer_over p{font-size:16px;padding:0 87px;}

	/* about */
	#about .font1{font-size:16px !important;}
	#about .font2{font-size:16px !important;}
}

@media only all and (max-width:1000px){

	header h1{max-width:400px;}
	/* header */
	header h1{padding:65px 0 0 59px !important;}
	header ul#gnb{display:none !important;}
	header a.btn_nav{display:block !important;}

	/* footer */
	footer ul{width:194px;padding-top:62px;margin-bottom:19px;}
	footer ul li.ins{max-width:35px;padding-right:12px;}
	a.btn_intranet{display:none !important;}

	/* main */
	#main_visual ul li{width:100%;float:none;}

	/* main layer layer_view */
	#layer_view .btn_close img{width:25px;}
	#layer_view .title_box p.title{padding-right:25px;}

	#about .about_title.new{padding:0;}
	#about .about_title div{display:none;text-align: center;}

	/* about */
	#about .about_title{font-size:47px !important;}
	#about .w_img{display:none;}
	#about .m_img{display:block;}
	#about .about_box .img_box{width:100%;display:block;}
	#about .about_box .text_box{width:100%;display:block;padding:116px 0;}
	#about .font1{max-width:540px !important;font-size:20px !important; line-height:2.3em !important;padding:0 50px !important;}
	#about .font2{max-width:540px !important;font-size:20px !important; line-height:2.3em !important;padding:0 50px !important;}
	#about .about_tech .btn_tech{width:40%;height:12%;bottom:18%;margin-left: -20%;}
	#about .tech_area ul{display:none}

	#about .about_box .text_box.new{color:#fff}
	#about .about_box .text_box.new a.btn_download1{left:15.8%;top:82%;width:38.4%;height:6.5%;display:block;margin:0;}

	/* news */
	#news a.btn_more{margin-top:53px;}

	/* client */
	#client ul{max-width:604px;}
	#client ul li{margin:0 19px 19px 0 !important;}
	#client a.btn_more{margin-top:55px;}

	/* contact */
	#contact{padding:0;}
	#contact .w_img{display:none;}
	#contact .m_img{display:block;}
		#contact ul.m_img{max-width:640px !important;}

	#contact #map_view{width:100% !important;height:330px !important;float:none !important;}

	#contact dl.tit_repesented{float:none !important;clear:both;margin:58px 48px 0;padding:0 !important;border-bottom:1px solid #c4c4c4;}
		#contact dl.tit_repesented dt{font-size:27px !important;padding:0 22px 26px;}
		#contact dl.tit_repesented dd{font-size:17px !important;padding:0 22px 20px !important;}
		#contact dl.tit_repesented dd:last-child{padding:0 22px 50px 22px !important;}
		#contact dl.tit_repesented dd a{color:#000;}

	#contact dl.tit_contact{padding:46px 70px 0;}
		#contact dl.tit_contact dt{font-size:27px !important;padding:0 0 21px 0;}
		#contact dl.tit_contact dd{font-size:17px !important;padding:0;line-height:150%;}

	#contact .contact_point ul{margin-top:53px;}
	#contact .contact_point ul li{max-width:100%;margin:0 0 43px 0;padding:0;float:none !important;}
	#contact .contact_point ul li.img3{margin-right:0;}
}

@media only all and (max-width:880px){


	/* news */
		#news ul{width:100%;max-width:420px;margin:0 auto;}
		#news ul li{margin:0 0 12px 0;}

	/* layer_qna */
	#layer_qna p.btn_close{position:absolute;right:0;top:0;}
}


@media only all and (max-width:640px){
	/* contact */
	#contact ul.m_img{max-width:100% !important;}

	/* layer_qna */
	#layer_qna .pop_contents{padding:0 !important}
	#layer_qna table th{width:20% !important;}
	#layer_qna table td{width:80% !important;}
	#layer_view .title_box p.title{font-size:25px;}
	#layer_view .title_box p.stitle{font-size:14px;}

	/* 메인 layer_event */
	#layer_event{width:90%;height:auto;position:fixed;left:5%;top:100px;margin:inherit;background:none;z-index: 99;display: block}
		#layer_event .m_img{display: block;width:100%;}
		#layer_event a.btn1{position:absolute;display:block;left: 8%;top: 46.8%;width: 23.6%;height: 3.8%;}
		#layer_event a.btn2{position:absolute;display:block;left: 8%;top: 51.4%;width: 23.6%;height: 3.8%;}
		#layer_event #check{position: absolute;bottom:2px;right: 0px}
		#layer_event #close{position: absolute;bottom: 0;right: 0;width: 50px;height: 20px}

/* 이메일 문의하기 */
#layer_qna .popup_box{top:10px;}
	#layer_qna p.btn_close{width:20px;position:absolute;right:10px;top:0;}
		#layer_qna p.btn_close img{width:100%;}

	#layer_qna p.title{font-size:14px;padding:5px 0 10px !important;}
	#layer_qna p.stitle{font-size:12px;padding:10px;letter-spacing:-1px;text-align:center;}
	#layer_qna table tr.name th, #layer_qna table tr.name td{padding-top:10px;}
	#layer_qna table tr th,#layer_qna table tr td{font-size:12px;}
	#layer_qna .textarea{height:30px;}
	#layer_qna a.btn_send{margin:15px 0;width:110px;}
		#layer_qna a.btn_send img{width:100%;}
	#layer_qna select{width:99.5%;}
	#layer_qna table tr th.top{vertical-align:top;padding-top:2px;}
	#layer_qna th.privacy_chk a.privacy{width:90px;color:#fff;font-size:12px;margin:5px 0 0 110px;padding:5px;display:block;background:#555;}

	/* header */
	header{height:75px;}
		header h1{max-width:200px;padding:20px 0 0 20px !important}
		header a.btn_nav{max-width:35px;position:absolute;right:20px;top:20px;}
		header img{width:100%;}
		header h1 img{height:100%;}

	/* footer */
	footer{height:80px;}
		footer ul{display:none;width:147px;overflow:hidden;padding-top:33px;margin:0 auto 15px;}
			footer ul li{float:left;max-width:50px;}
			footer ul li.ins{max-width:35px;padding-right:0;}
		footer img{width:100%;}
		address{margin:0 auto;font-style:normal;font-weight:bold;padding-top:30}

	/* nav */
	nav a.btn_close{width:20px;margin:30px 30px 0 0;display:inline-block;}
	nav ul{margin:41px 20px 0 0;}
		nav ul li{height:33px}
		nav ul li a{width:65px;height:10px;background-size:cover !important;}
		nav a.btn_ins{display:block;margin:13px 20px 0 0;}
			nav a.btn_ins img{max-width:24px;}
		nav a.btn_fb{display:block;margin:7px 20px 0 0;}
			nav a.btn_fb img{max-width:24px;}
		nav a.btn_blog{display:block;margin:7px 20px 0 0;}
			nav a.btn_blog img{max-width:24px;}
		nav a.btn_bona{display:block;margin:7px 20px 0 0;}
			nav a.btn_bona img{max-width:24px;}
		nav a.btn_dru{display:block;margin:7px 20px 0 0;}
			nav a.btn_dru img{max-width:24px;}
		nav img{width:100%;}


	/* main layer_view */
	#layer_view .popup_box{top:75px;}
	#layer_view .title_box p.title{font-size:20px !important;padding-right:0;}
	#layer_view p.btn_close{display:none !important;}
	#layer_view p.prev{display:block;}
		#layer_view p.prev span{display:inline-block;width:60px;height:20px;color:#000;font-size:14px;font-weight:bold;margin:20px;}


	/* main layer_over */
	#layer_over p{padding:0 30px;}
	#layer_over p span.title{display:block;font-size:20px;color:#fff;}
		#layer_over p span.stitle{display:block;font-size:30px;color:#fff;font-family:nanum-barun-gothic-light !important;padding-top:13px;}

	/* about */
	#about .about_title{font-size:40px !important;}
	#about .font1{font-size:17px !important;line-height:180% !important;padding:0 25px !important;}
	#about .font2{font-size:17px !important;line-height:180% !important;padding:0 25px !important;}
	#about .about_box .text_box{padding:58px 0;}

	/* client */
	#client ul{max-width:302px;}
	#client ul li{max-width:141px;margin-right:10px !important;}

	/* contact */
	#contact #map_view{height:250px !important;}
	#contact dl.tit_repesented{margin:30px 12px 0;}
	#contact dl.tit_repesented dt{font-size:25px !important;padding-left:10px !important;}
	#contact dl.tit_repesented dd{font-size:15px !important;line-height:150%;padding-left:10px !important;}
	#contact dl.tit_repesented dd:last-child{padding-left:10px !important;}

	#contact dl.tit_contact{padding:24px 18px 0;}
	#contact dl.tit_contact dt{font-size:25px !important;}
	#contact dl.tit_contact dd{font-size:15px !important;line-height:150%;}

	#contact .contact_point ul.m_img{margin-top:27px;}
		#contact .contact_point ul.m_img li{margin:0 0 22px 0;}

	#contact1 .repesented{padding:15px 20px 0;}
		#contact1 .repesented p.tit{padding-left:0;font-size:17px;line-height:200%;}
		#contact1 .repesented ul{padding:10px 0 0 0;}
		#contact1 .repesented ul li{font-size:13px;line-height:18px;padding:0 0 8px 50px;}
		#contact1 .repesented ul li p{left:0;}
		#contact1 .repesented ul li div.tel_wrap{width:215px;overflow: hidden}
		#contact1 .repesented ul li div.tel_wrap a{float: right}
		#contact1 .repesented a.btn_qna{position:absolute;top:15px;right:15px;}
		#contact1 .repesented a img{height:30px;}

	#contact1 .contact_sns{padding:5px 20px 20px 20px;}
		#contact1 .contact_sns p{padding-left:0;font-size:17px;line-height:44px;color:#d10e24;font-weight:bold;}
		#contact1 .contact_sns ul{position:relative;left:50%;right:auto;top:5px;margin-left:-71px;}
		#contact1 .contact_sns ul li{float:left;margin:0px 3px;}

}
@media only all and (max-width:450px){
	/* main layer_over */
	#layer_over p{padding:0 30px;}
	#layer_over p span.title{display:block;font-size:16px;color:#fff;}
		#layer_over p span.stitle{display:block;font-size:20px;color:#fff;font-family:nanum-barun-gothic-light !important;padding-top:13px;}

	/* about */
	#about .about_title{font-size:35px !important;}
	#about .font1{font-size:16px !important;}
	#about .font2{font-size:16px !important;}

	#about .business_area ul{padding:0 !important;margin:0 auto;max-width:308px;}
		#about .business_area ul li{width:100px;text-align:center;margin:0;}
		#about .business_area ul li.title{width:100%;}

	/* layer_qna */
	#layer_qna table th{width:25% !important;}
	#layer_qna table td{width:75% !important;}
}