@charset "utf-8";

/* main */
/* header{ width:100%; height:116px; background:#fff; position:fixed; z-index:9999; box-shadow:3px 3px 15px #717171; } */
.topHeader { background:#3a498a; height:26px; position:relative; box-sizing:border-box; }

.gnb{width:1080px; margin:0 auto;}
.t_sns { float:left; }
.t_sns li { float:left; border-right:1px solid #6b6b6b; }
.t_sns li:first-child { border-left:1px solid #6b6b6b; }
.t_cs { float:right; }
.t_cs li { float:left; padding:5px 0 0 0; margin-left:15px; }
.t_cs li a { color:#e8e8e8; }
.bottomHeader { width:1080px; margin:0 auto; position:relative; height:90px; top:0; left:0; z-index:9999; background:#fff; }
.bottomHeader h1 { position:absolute; left:0; top:22px;}
.nav { position:absolute; width:750px; left:50%; top:-11px; margin-left:-240px; z-index:999; }
.nav > li { float:left; padding-bottom:35px; margin:30px 0 0 0; }
.nav > li:first-child { margin-left:0; }
.nav > li > a { font-size:18px; color:#000; text-decoration:none; font-weight:500; display:block; padding:16px 25px; transition:background 0.3s, color 0.3s;
			-moz-transition:background 1s, color 0.3s;
			-webkit-transition:background 0.3s, color 0.3s;
			-o-transition:background 0.3s, color 0.3s;
			text-decoration:none; }
.nav > li > a:hover, .nav > li.on > a { background:#3a498a; color:#fff; }
a.navAll { float:right; display:inline-block; margin:14px 0 0 0; position:relative; z-index:9999; }

.nav > li > ul { background:transparent; padding:0 0 0; width:218px; border-top:4px solid #f77323; display:none; }
.nav > li > ul > li { border-top:1px solid #585858; }
.nav > li > ul > li:first-child { border-top:none; }
.nav > li > ul > li > a { display:block; font-size:16px; color:#a0a0a0; padding:15px 10px 17px 20px; background:url(/v2/images/inc/menu_bg.png) repeat; }
.nav > li > ul > li > a:hover, .nav > li > ul > li.on > a { background:#3a498a; color:#fff; }

.snb1 { position:absolute; left:0px; top:101px; }
.snb2 { position:absolute; left:116px; top:101px; }
.snb3 { position:absolute; left:233px; top:101px; }
.snb4 { position:absolute; left:365px; top:101px; }
.snb5 { position:absolute; left:482px; top:101px; }
.snb6 { position:absolute; left:598px; top:101px; }

#sitemap { position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:url(/v2/images/inc/sitemap_bg.png) repeat; display:none; }
#sitemap > div { position:relative; width:1080px; margin:0 auto; }
.g_menu { padding:152px 0 0; }
.g_menu > li { float:left; width:180px; }
.g_menu > li > a { font-size:22px; color:#6dbcff; text-align:center; display:block; padding:0 0 15px; }
.g_menu > li > ul > li { margin-top:17px; }
.g_menu > li > ul > li > a { font-size:18px; color:#828282; text-align:center; display:block; }
.g_menu > li > ul > li > a:hover { color:#ffffff; }
.btn_close { position:absolute; right:15px; top:40px; }


#mobile_nav { position:fixed; z-index:99999; top:0; left:0; width:90%; height:100%; background:url(/v2/images/inc/sitemap_bg.png) repeat; display:none; oveflow:auto;}
#mobile_nav > div { position:relative; width:100%; margin:0 auto; }
.gm_menu { padding:23px 0 0; }
.gm_menu > li > a { font-size:18px; font-weight:600; color:#6dbcff; text-align:left; display:block; padding:12px 0 12px 30px; border-bottom:1px solid #3334d7;}
.gm_menu > li > ul > li { border-bottom:1px solid #5253ef;}
.gm_menu > li > ul > li > a { font-size:15px; color:#fff; text-align:left; display:block; padding:10px 0 10px 42px; background:#3334d7; }
.gm_menu > li > ul > li > a:hover { color:#fff; }
.btn_mclose { position:absolute; right:15px; top:15px; }	


#container { position:relative; z-index:1; padding:0; }

#container.sub { padding-top:115px; margin:0 auto; }


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

	#container.sub {
		padding-top:37px;
		width:auto;
		margin:0 auto;
	}
	#mobile_nav { overflow:auto; }

}


.baro { 
	position:relative; width:844px; margin:-20px auto 0; z-index:2; height:230px;
}
.baroLeft { width:422px; height:230px; float:left; background:url(/v2/images/main/main_tl.jpg) center top no-repeat; position:relative; }
.baroRight { width:422px; height:230px;float:left; background:url(/v2/images/main/main_tr.jpg) center top no-repeat; position:relative; }

.bl_img { display:block; width:71px; height:45px; margin:20px auto 0; background:url(/v2/images/main/ico_cap.png) no-repeat; }

.baroLeft > p { text-align:center; font-size:22px;color:#fff; padding-top:10px;}
.baroLeft > p > strong { font-size:26px; font-weight:500; color:#fff;}
.baroLeft > p > span { color:#fff; display:block;  font-size:22px;}
a.btn_baro1 { display:block; padding:7px 0 0 0; width:170px; height:36px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:15px; font-weight:400; text-align:center; margin:30px auto 0; }
a.btn_baro1:hover { background:#2e4ca5; }

.br_img { display:block; width:55px; height:50px; margin:20px auto 0; background:url(/v2/images/main/ico_tel.png) no-repeat; }

.baroRight > p { padding:10px 0 0; }
.baroRight > p > strong { font-size:44px; font-weight:500; color:#fff; display:block; text-align:center;}
.baroRight > p > span { color:#fff; display:block;  font-size:18px; text-align:center; line-height:12px;}
a.btn_baro2 { display:block; padding:7px 0 0 0; width:170px; height:36px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:15px; font-weight:400; text-align:center; margin:15px auto 0; }
a.btn_baro2:hover {background:#f06112;}


.section1 {background:#fff; }
.product { width:1080px; margin:0 auto; position:relative; padding:90px 0 130px;}
.pTab { padding:66px 0 45px; width:860px; margin:0 auto; }
.pTab li { width:285px; float:left; border-left:1px solid #fff; box-sizing:border-box; display:block; text-align:center; font-size:20px; color:#4c4c4c; padding:13px 0 15px; background:#dadada; box-sizing:border-box; cursor:pointer; }
.pTab li.on { background:#1b1c80;  color:#fff; }
.pTab_con > div { display:none; }

.productList { }
.productList li { float:left; width:330px; height:310px; border:5px solid #d5d5d5; box-sizing:border-box; margin-right:44px; margin-bottom:44px; }
.productList li:nth-child(3n) { margin-right:0; }
.productList li a { position:relative; z-index:1; display:block; position:relative; }
.productList li a p { text-align:left; background:url(/v2/images/main/opa34.png) repeat; 
position:absolute; bottom:0; left:0; width:100%;
box-sizing:border-box; padding:10px 0 0 15px;
height:45px; }
.productList li a p strong { color:#fff; font-weight:500; font-size:20px; }
.productList li a p span { color:#a6a6a6; font-size:16px; margin-left:10px; }
.productList li a div { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	-khtml-opacity:0; -moz-opacity:0; opacity:0; }
.productList li a:hover div.over { z-index:9999; position:absolute; left:0; top:0; display:block; width:320px; height:300px; background:url(/v2/images/main/pro_hv.png) no-repeat; transition:all 1.5s; visibility:visible;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	-khtml-opacity:1; -moz-opacity:1; opacity:1; }

.section2 { background:#eaf1ff; }
.innovation { padding:104px 0 75px; width:1100px; margin:0 auto; position:relative; text-align:center;}
.innovation h2 { text-align:center; color:#0b111f; font-size:54px; font-weight:700; margin-bottom:30px; }
.innovation h2 strong { font-size:67px; margin-left:10px; font-weight:700; letter-spacing:-2px; }
.innovation span { display:block; font-size:20px; color:#3e4657; font-weight:500; }
.innovation > p { margin-bottom:60px; }
.innoList { padding:20px 0; width:1080px; }
.innoList > li { float:left; }
.innoList > li.first { position:relative; width:585px;}
.innoList > li.second { position:relative; width:482px;float:right;}
.innoList > li > img { position:relative; z-index:1; }
a.btn_inno { display:block; padding:7px 0 0 0; width:170px; height:36px; box-sizing:border-box; border:1px solid #585858; color:#585858; font-size:15px; font-weight:400; text-align:center; margin:0px auto 0; }
a.btn_inno:hover { background:#c0cdff; }

.posa { position:absolute; width:380px; height:48px;
left:50%; margin-left:-190px; top:-20px; z-index:2; background:url(/v2/images/main/black1.png) repeat-x;
color:#fff; font-size:22px; padding:6px 0 0; font-weight:500;
}
.posb { position:absolute; width:380px; height:48px;
left:50%; margin-left:-190px; bottom:-26px; z-index:2; background:url(/v2/images/main/black1.png) repeat-x;
color:#fff; font-size:22px; letter-spacing:-1px;
padding:8px 0 0;font-weight:500;
}
.posa strong { font-weight:600; font-size:24px; }
.innoList > li > ul > li { padding-top:15px; }
.innoList > li > ul > li:first-child { padding-top:0; }
.innoList > li > ul > li > ul > li { float:right; }
.innoList > li > ul > li > ul > li:first-child { float:left; }

.section3 { background:url(/v2/images/main/main_gallery.jpg) center center no-repeat; height:833px; background-size:cover; }
.gallery { width:1080px; margin:0 auto; position:relative; padding:95px 0 0; text-align:center;}
a.btnView { border:1px solid #bbb; display:inline-block; padding:7px 0 9px 13px; width:180px; color:#fff; font-size:15px; font-weight:400; text-align:center; margin:30px 0 15px; }
a.btnView:hover{ background:#293134; }
.gallery > p { font-size:18px; color:#ccc; padding:40px 0 40px; }
.gallerList { position:relative; margin:0 auto; width:972px; height:488px; z-index:1; position:relative; }
.gall_01 { position:absolute; left:0; top:26px; z-index:3; }
.gall_02 { position:absolute; right:233px; top:100px; z-index:2; }
.gall_03 { position:absolute; right:0; top:0; z-index:1; }
a.gall { display:block; }
a.gall img { display:block; border:7px solid #eee !important; }

.section4 {background:#d4dbfe; }
.movie { width:1080px; margin:0 auto; position:relative; padding:130px 0;}
.mTab { padding:66px 0 45px; width:650px; margin:0 auto; }
.mTab li { float:left; display:block; width:210px; text-align:center; font-size:18px; color:#838383; border:1px solid #838383; padding:13px 0 15px; box-sizing:border-box; cursor:pointer; }
.mTab li.on { background:#ff5123; border:1px solid #ff5123; color:#fff; }
.mTab_con > div { display:none; }

.loadMovie { width:890px; text-align:center; margin:0 auto; }
.loadMovie iframe { height:500px; }

.section5 { width:1080px; margin:0 auto; position:relative; padding:80px 0; }
.recent { background:#eee; width:49%; float:left; box-sizing:border-box; padding:15px 12px; }
.rTab { }
.rTab li { float:left; width:50%; display:block; padding:14px 0; text-align:center; font-size:16px; color:#000; cursor:pointer; box-sizing:border-box; }
.rTab li.on { background:#fff; border:1px solid #d3d3d3; border-bottom:1px solid #fff;}
.rTab li.on span { text-decoration:underline; }
.recentList { padding:24px 15px; background:#fff; box-sizing:border-box; border:1px solid #d3d3d3; border-top:none;}
.rTab li img { margin-left:10px; vertical-align:-4px; }
.rTab_con > div { display:none; }

.recentList li { margin-top:15px; zoom:1; overflow:hidden; }
.recentList li:after { content:''; clear:both; display:block; }
.recentList li:first-child { margin-top:0; }
.recentList li a { 
	background:url(/v2/images/main/dot_arrow.jpg) 0 9px no-repeat; padding:0 0 0 12px;
	color:#5c5c5c; font-size:16px;
	float:left; display:inline-block; 
}
.recentList li span { float:right; display:inline-block; font-size:14px; color:#686868; }

.award { background:#fff; width:49%; float:right; }
.award dl dt { font-size:20px; color:#242424; padding:0 0 15px; }
.award dl dt strong { }
.award dl dd ul li { float:left; }
.award dl dd ul li img { border:1px solid #bbb; }

/* footer{
	position:relative;width:100%;background:#434955 url(/v2/images/inc/f_bg.jpg) repeat-x;
} */
.innerFooter { width:1080px; margin:0 auto; position:relative;}
.t_footer { height:44px; position:relative;}
.f_list { padding:11px 0; text-align:Center; }
.f_list li { display:inline-block; margin:0 0 0 15px;
	padding:0 0 0 17px;
	background:url(/v2/images//inc/b_line.jpg) 0 2px no-repeat;
 }
.f_list li:first-child { background:none; }
.f_list li a { color:#b0b0b0; font-size:13px; }
.b_sns { position:absolute; right:0; top:4px; }
.b_sns li { float:left; margin-left:8px; }

.b_footer { position:relative; padding:0 0 50px; }
.b_footer > p { position:absolute; left:0; top:34px;  }
.b_footer > div { margin-left:270px; padding-top:33px; }
.b_footer > div > p { color:#ccc; font-size:13px; line-height:20px; }
.b_footer > div > em { display:block; font-size:11px; margin-top:20px; color:#a2a2a2; }
.b_footer > div > img { position:absolute; right:30px; top:34px; }

/* 공통 */
.col_orange8 { color:#ff4200; }
.col_blue8 { color:#1b1c80; }
.mtb207 { margin:20px 0 7px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.mtb30 { margin:30px 0; }
.mtb50 { margin:50px 0; }
.mt100 { margin-top:100px; }
.mb80 { margin-bottom:80px;}
.font_w60 { font-size:60px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; }
.font_w50 { font-size:50px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; }
.font_big { font-size:60px; font-weight:700; text-align:center; letter-spacing:-2px; color:#272727; }
.font_big2 { font-size:50px; font-weight:700; text-align:center; letter-spacing:-1px; color:#272727; }
.font_c50 { font-size:50px; font-weight:600; text-align:center; letter-spacing:-2px; color:#ff5123; }
.font_big3 { font-size:40px; font-weight:500; text-align:center; letter-spacing:-1px; color:#272727; }
.font_b16pt { font-size:16pt; font-weight:500; color:#1b1c80; }
.font_g30 { color:#939393; font-size:30px; font-weight:500; }
.font_b22 { font-size:22px; font-weight:500; text-align:center; color:#306086; line-height:28px; }
.font_s { font-size:18px; font-weight:400; text-align:center; color:#000; line-height:26px; }
.font_b18 { font-size:18px; color:#306086; text-align:center; }
.f16_2727 { font-size:16px; color:#272727; }
.f15_2727 { font-size:15px; color:#272727; }
.f14_2727 { font-size:14px; color:#272727; }
.f20_green { font-size:20px; color:#33c600; }
.f24_green { font-size:24px; color:#33c600; font-weight:700; }
.f20_or { font-size:20px; color:#ff6600; }
.f24_or { font-size:24px; color:#ff6600; font-weight:700; }
.f16_ffff > p { font-size:16px; color:#ffffff; }
.f20_ffff > p { font-size:20px; color:#ffffff; }

.point_line {
background: #3334d7;
width:44px; height:2px;
margin: 25px auto;
text-align: center;
position: relative;
display:block;
}


.main_visual {overflow:hidden;position:relative;/* min-width:1120px; */height:750px; z-index:1;}
.main_visual .bx-controls {position:relative;bottom:0px;left:50%;width:1000px;margin-left:-501px;z-index:1000;}
.main_visual .bx-pager {overflow:hidden;position:absolute;top:-159px;margin-left:-508px;width:1000px;text-align:center;z-index:1000; left:50%;}
.main_visual .bx-pager .bx-pager-item {float:;display:inline-block;*display:inline;zoom:1;margin-left:0px;}
.main_visual .bx-pager .bx-pager-item a {display:block;margin-left:20px;width:100px;height:10px;background:url(/v2/images/main/mdot_off.jpg) 50% 0 no-repeat;text-indent:-9999px;}
.main_visual .bx-pager .bx-pager-item .active {width:100px;height:10px;background:url(/v2/images/main/mdot_on.jpg) 0 0 no-repeat;}
.main_visual .main_bx_btn_box {position:relative;width:100%;margin:-275px auto 0;z-index:100;}
.main_visual .main_bx_btn_box a {display:block;width:61px;height:79px;text-indent:-9999px;}
.main_visual .main_bx_btn_box span {position:absolute;top:-9999px;left:-9999px;}
.main_visual .main_bx_btn_box .bx_prev {position:absolute;top:0;left:0;}
.main_visual .main_bx_btn_box .bx_prev a {background:url(/v2/images/main/prev.png) 0 0 no-repeat;background-size:100%;}
.main_visual .main_bx_btn_box .bx_prev a:hover{background:url(/v2/images/main/prev_on.png) 0 0 no-repeat;background-size:100%;}
.main_visual .main_bx_btn_box .bx_next {position:absolute;top:0;right:0;}
.main_visual .main_bx_btn_box .bx_next a {background:url(/v2/images/main/next.png) 0 0 no-repeat;background-size:100%;}
.main_visual .main_bx_btn_box .bx_next a:hover{background:url(/v2/images/main/next_on.png) 0 0 no-repeat;background-size:100%;}
.main_visual .main_slide_box li {height:600px;}
.main_visual .main_slide_box .visual_1 {background:url(/v2/images/main/mv_bg1.jpg) left center no-repeat;height:820px; background-size:cover;}
.main_visual .main_slide_box .visual_2 {background:url(/v2/images/main/mv_bg4.jpg) left center no-repeat;height:820px; background-size:cover;}
.main_visual .main_slide_box .visual_3 {background:url(/v2/images/main/mv_bg3.jpg) left center no-repeat;height:820px; background-size:cover;}
.main_visual .main_slide_box .visual_4 {background:url(/v2/images/main/mv_bg2.jpg) center center no-repeat;height:820px; background-size:cover;}
.main_visual .main_slide_box .visual_5 {background:url(/v2/images/main/mv_bg5.jpg) left center no-repeat;height:820px; background-size:cover;}
.main_visual .main_slide_box .visual_6 {background:url(/v2/images/main/mv_bg6.jpg) left center no-repeat;height:820px; background-size:cover;}

.mvInside { text-align:center; color:#fff; padding-top:300px;} /* 텍스트 위치 조절 */
.mvInside > span { color:#fff; font-size:20px; line-height:24px; }
.mvInside > p { font-size:70px; text-align:center; color:#fff; font-weight:700; letter-spacing:-2px; padding:10px 0 30px 0; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }

.proCont { padding:0 0 105px; text-align:center !important; }
.proCont p { font-size:22px !important; font-weight:600; text-align:Center; line-height:1.3em; color:#1b3a7f; }
.proCont p span { display:block; }
.proCont ul { padding:70px 0 0; width:1080px; margin:0 auto; zoom:1; overflow:hidden; }
.proCont ul:after { content:'';display:block; clear:both; }
.proCont ul li { margin-left:40px; float:left; }
.proCont ul li:first-child { margin-left:0; }


/* 서브 비쥬얼 배너 */
.company_visual { background:url(/v2/images/sub/sv_company.jpg) center center no-repeat; height:300px; background-size:cover; }
.company_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.product_visual { background:url(/v2/images/sub/sv_product.jpg) center center no-repeat; height:300px; background-size:cover; }
.product_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.cscenter_visual { background:url(/v2/images/sub/sv_cscenter.jpg) center center no-repeat; height:300px; background-size:cover;  }
.cscenter_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.estimate_visual { background:url(/v2/images/sub/sv_estimate.jpg) center center no-repeat; height:300px; background-size:cover; }
.estimate_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.gallery_visual { background:url(/v2/images/sub/sv_gallery.jpg) center center no-repeat; height:300px; background-size:cover; }
.gallery_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.menual_visual { background:url(/v2/images/sub/sv_menual.jpg) center center no-repeat; height:300px; background-size:cover; }
.menual_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }
.partner_visual { background:url(/v2/images/sub/sv_partner.jpg) center center no-repeat; height:300px; background-size:cover; }
.partner_visual > ul > li { font-size:70px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; padding-top:100px; text-shadow:2px 3px 6px #000000; rgba(0,0,0,0.2); }

@media all and (max-width:640px) {
	.company_visual { height:150px; }
	.company_visual > ul > li { font-size:40px; padding-top:50px; }
	.product_visual { height:150px; }
	.product_visual > ul > li { font-size:40px; padding-top:50px; }
	.cscenter_visual { height:150px; }
	.cscenter_visual > ul > li { font-size:40px; padding-top:50px; }
	.estimate_visual { height:150px; }
	.estimate_visual > ul > li { font-size:40px; padding-top:50px; }
	.gallery_visual { height:150px; }
	.gallery_visual > ul > li { font-size:40px; padding-top:50px; }
	.menual_visual { height:150px; }
	.menual_visual > ul > li { font-size:40px; padding-top:50px; }
	.partner_visual { height:150px; }
	.partner_visual > ul > li { font-size:40px; padding-top:50px; }
}

/* 서브메뉴버턴 */
.sub_menu { width:790px; margin:0 auto; padding-top:50px; }
.sub_menu li a{
	float:left;
	width:260px; height:50px; border: 1px solid #ccc;
	background:#ffffff;	color:#8f8f8f; font-size:18px; font-weight:400; 
	padding-top:12px; box-sizing:border-box;
	text-align:center; display:block;
	
	transition:background 0.5s, color 0.5s;
	-moz-transition:background 0.5s, color 0.5s;
	-webkit-transition:background 0.5s, color 0.5s;
	-o-transition:background 0.5s, color 0.5s;
	text-decoration:none;
}
.sub_menu li a:hover{ background:#1b1c80; color:#fff; }
.sub_menu li a.on{ background:#1b1c80;  color:#fff; }

.sub_menu_2n { width:524px; margin:0 auto; padding-top:50px; }
.sub_menu_2n li a{
	float:left;
	width:260px; height:50px; border: 1px solid #ccc;
	background:#ffffff;	color:#8f8f8f; font-size:18px; font-weight:400; 
	padding-top:12px; box-sizing:border-box;
	text-align:center; display:block;
	
	transition:background 0.5s, color 0.5s;
	-moz-transition:background 0.5s, color 0.5s;
	-webkit-transition:background 0.5s, color 0.5s;
	-o-transition:background 0.5s, color 0.5s;
	text-decoration:none;
}
.sub_menu_2n li a:hover{ background:#1b1c80; color:#fff; }
.sub_menu_2n li a.on{ background:#1b1c80;  color:#fff; }

.sub_menu_4n { width:890px; margin:0 auto; padding-top:50px; }
.sub_menu_4n li a{
	float:left;
	width:16.66%; height:50px; border: 1px solid #ccc;
	background:#ffffff;	color:#8f8f8f; font-size:18px; font-weight:400; 
	padding-top:12px; box-sizing:border-box;
	text-align:center; display:block;
	
	transition:background 0.5s, color 0.5s;
	-moz-transition:background 0.5s, color 0.5s;
	-webkit-transition:background 0.5s, color 0.5s;
	-o-transition:background 0.5s, color 0.5s;
	text-decoration:none;
}
.sub_menu_4n li a:hover{ background:#1b1c80; color:#fff; }
.sub_menu_4n li a.on{ background:#1b1c80;  color:#fff; }


/* 서브 */
/* .history { padding-top:80px;} */
/* .history h2{ font-size:44px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; } */
.history h3{ font-size:40px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; margin:50px 0 50px 0; }
.history > p { text-align:center; font-size:18px; color:#306086; } 
.history_box { width:1080px; margin:0 auto; background:url(/v2/images/sub/history_img.jpg) no-repeat; }
.history_box > ul { padding:0 0 0 411px; }
.history_box > ul > li > dl { zoom:1; overflow:hidden; }
.history_box > ul > li > dl:after { content:''; clear:both; display:block; }
.history_box > ul > li > dl > dt { width:133px; font-size:34px; font-weight:600; color:#272727; border-top:2px solid #000; text-align:right; float:left; padding:13px 0; }
.history_box > ul > li > dl > dd { width:505px; font-size:30px; font-weight:100; color:#272727; border-top:1px solid #a3a3a3; float:right; padding:20px 0; }
.t_ul li { margin-bottom:20px; padding-left:9px; }
.t_ul strong{ font-size:18px; color:#434343; font-weight:400; display:block;  }
.t_ul span{ font-size:13px; color:#f3721c; font-weight:300; display:block; padding:10px 0 0 15px;}

/* 서브 공통 타이틀 */
.greet { text-align:center; padding:80px 0; }
.greet h2 { font-size:42px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; }
.greet h3 { font-size:36px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; margin-top:50px; }
.greet > p { text-align:center; font-size:18px; color:#306086; line-height:30px; }
.greet > p > strong { font-size:22px; font-weight:500; }
.greet > p > span { display:block; }
.greet > ul > li > span { display:block; }
.greet > ul > li > p { font-size:38px; font-weight:600; }

.guid_not { background:#b0d0e3; width:900px; color:#212124 !important; font-size:26px !important; text-align:center; margin:60px auto 30px; padding:30px 0; line-height:40px !important; }
.guid_not > span { font-size:30px; color:#3f55aa; display:inline !important; }


#map { max-width:900px; width:100%; height:500px; border:1px solid #CCC; margin:0 auto; }
.sta { padding:80px 0; }
.sta h2{ font-size:44px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; }
.sta ul { width:800px; margin:0 auto; }
.sta ul li strong { display:inline-block; float:left; background:#2a7db1; color:#fff; font-size:16px; font-weight:500;
			width:20%; padding:10px; text-align:center; }
.sta ul li span { float:left; width:500px; margin-left:20px; font-size:14px; line-height:24px; padding:6px; }
.sta ul li { zoom:1; overflow:hidden; margin:10px; }
.sta ul li:after { content:'';clear:both; display:block; }

/* 개인정보 처리방침 */
.priv { max-width:900px; padding:100px 0; margin:0 auto; }
.priv h2 { font-size:44px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; }
.priv h3 { font-size:20px; font-weight:500; color:#363636; color:#306086; margin:40px 0 8px 0; }
.priv h4 { font-size:18px; font-weight:500; color:#363636; margin-top:20px; margin-bottom:5px; }
.priv > p { font-size:16px; line-height:24px; }

/* 개인정보 수집동의 */
.priv2 { width:580px; height:100px;overflow-y:scroll;border:1px solid #ccc; margin-left:191px; padding:10px; line-height:20px }
.priv2 h4 { /* font-size:18px; */ padding-bottom:10px; }

.priv22 { padding:10px 0 10px 190px; }

/* 입점안내 */
.part { text-align:center; padding:80px 0; }
.part h2 { font-size:44px; font-weight:700; text-align:center; letter-spacing:-1px; color:#363636; }
.part > p { text-align:center; font-size:18px; color:#306086; line-height:30px; }
.part > ul > li { margin:70px 0; font-size:30px; font-weight:600; }
.part > ul > li > p { padding:20px 0; font-size:38px; }
.part > ul > li > span { color:#ff4200; }
.part > ul > li > p > strong { color:#1b1c80; }
.part > ul > li > p > em { display:block; font-size:24px; margin-top:10px; font-weight:600; }
.part ul li img { margin:20px 0; }
.img_pc { display:block; width:872px; margin:0 auto !important;}
.img_mobile { display:none; }

/* 인증서 */			
.qc_list { width:1080px; margin:0 auto; }
.qc_list li { width:22%; margin:0 1%; float:left;  }
.qc_list li img { width:100%; display:block; border:1px solid #ccc; }
.qc_list li span { display:block; padding:10px 0; text-align:center; font-size:16px; margin-bottom:10%; }

.gua{ float:left; margin:0 auto; }
.gua > ul > li { border:1px solid #ccc; }
		
.section5 h2 { display:none; }		



/* mobile */
#mheader { display:none; }		
#mobile_nav .gm_menu{padding:50px 0 0}
@media(max-width:768px){	
.greet{padding:100px 0;}
	}
@media all and (max-width:640px) {
.tnb{position:absolute; left:30px; top:20px}
.tnb a{color:white; padding:0 10px 0 0}
	/* header { display:none; } */
	/* #mheader { display:block; position:fixed; height:77px;z-index:9999; width:100%; background:#fff; box-shadow:3px 3px 15px #717171; }
	#mheader img { max-width:100%; height:77px; }
	.mnav { position:absolute; left:0; top:0; width:77px; }
	.mlogo { margin:0 auto; width:224px;}
	.mtel { position:absolute; right:0; top:0; width:81px;} */

	#mheader { display:block;  position:fixed; height:44px;z-index:9999; width:100%; background:#fff; box-shadow:3px 3px 15px #717171; }
	#mheader img { max-width:100%; height:44px; }
	.mnav { position:absolute; left:0; top:0; width:44px; }
	.mlogo { margin:0 auto; width:160px; text-align:center;}
	.mtel { position:absolute; right:0; top:0; width:40px;}
	
	#container{ padding:40px 0 0; z-index:1; }
	.baro { position:relative; width:100%; margin:0 auto 0; z-index:2; height:120px; }
	.baroLeft { width:51%; height:120px; float:left; background:url(/v2/images/main/main_tl.jpg) center top no-repeat; position:relative; background-size:cover; }
	.baroRight { width:49%; height:120px;float:left; background:url(/v2/images/main/main_tr.jpg) center top no-repeat; position:relative; background-size:cover;}

	.bl_img { display:block; width:32px; height:28px; margin:10px auto 0; background:url(/v2/images/main/ico_cap.png) center top no-repeat;
	background-size:100%;}

	.baroLeft > p { padding:0; text-align:center; font-size:11px;color:#fff;}
	.baroLeft > p > strong { font-size:16px; font-weight:500; color:#fff;}
	.baroLeft > p > span { color:#fff; display:block; padding:4px 0 0; font-size:11px;}
	a.btn_baro1 { display:block; padding-top:4px; width:50%; height:24px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:12px; text-align:center; margin:10px auto 0; }
	a.btn_baro1:hover { background:#2e4ca5; }

	.br_img { display:block; width:26px; height:24px; margin:10px auto 0; background:url(/v2/images/main/ico_tel.png) center top no-repeat; 
	background-size:100%;}

	.baroRight > p { padding:10px 0 0; }
	.baroRight > p > strong { font-size:20px; font-weight:500; color:#fff; display:block; text-align:center;padding:0px 0 0;}
	.baroRight > p > span { color:#fff; display:block; font-size:12px; text-align:center; line-height:11px;}
	a.btn_baro2 { display:block; padding-top:4px; width:50%; height:24px; box-sizing:border-box; border:1px solid #fff; color:#fff; font-size:12px; text-align:center; margin:6px auto 0; }
	a.btn_baro2:hover {background:#f06112;}

	.product { width:100%; margin:0 auto; position:relative; padding:50px 0 40px;}
	.pTab { padding:40px 0 40px; width:100%; margin:0 auto; }
	.pTab li { width:33%; float:left; border-left:1px solid #fff; 
		border-left:1px solid #fff; box-sizing:border-box; display:block; text-align:center; 
		font-size:16px; font-weight:500; color:#4c4c4c; padding:13px 0 15px; background:#dadada; cursor:pointer;
	}
	.pTab li:first-child { width:34%; }
	.pTab li a { display:block; text-align:center; font-size:18px; color:#4c4c4c;  padding:13px 0 15px; background:#dadada; }
	.pTab li a.on { background:#1b1c80;  color:#fff; }
	
	.productList { width:94%; margin:0 auto; }
	.productList li { width:48%; height:auto; margin-right:2%; margin-bottom:20px; }		
	.productList li a img { width:100%; }
	.productList li:nth-child(3n) { margin-right:0; }
	.productList li:nth-child(2n) { margin-right:0; float:right; }
	.productList li a p { height:50px; }
	.productList li a p strong { font-size:14px; display:block; }
	.productList li a p span { font-size:11px; margin-left:0; padding-top:4px; display:block; }

	.innovation { padding:60px 0 20px; width:100%; margin:0 auto; position:relative; text-align:center;}
	.innovation h2 { text-align:center; color:#0b111f; font-size:24px; font-weight:700; }
	.innovation h2 strong { font-size:35px; margin-left:10px; font-weight:700; letter-spacing:-2px; }
	.innovation span { display:block; color:#3e4657; font-weight:400; font-size:15px;	}
	.innovation > p { margin-bottom:30px; }
	.innoList { padding:20px 0; width:94%; margin:0 auto; }
	.innoList > li { float:none; }
	.innoList > li.first { position:relative; width:100%; margin-bottom:15px;}
	.innoList > li.second { position:relative; width:100%;float:none;}
	.innoList > li > img { position:relative; z-index:1; width:100%; }
	a.btn_inno { display:block; padding:6px 0 0 0; width:120px; height:30px; font-size:14px; }
	a.btn_inno:hover { background:#d6e9ff; } 
	
	.posa { position:absolute; width:70%; height:40px;
	left:50%; margin-left:-34%; top:-24px; z-index:2; background:url(/v2/images/main/black1.png) repeat-x;
	color:#fff; font-size:16px;
	padding:13px 0 0;font-weight:500;
	}
	.posb { position:absolute; width:70%; height:40px;
	left:50%; margin-left:-36%; bottom:-30px; z-index:2; background:url(/v2/images/main/black1.png) repeat-x;
	color:#fff; font-size:16px;
	padding:10px 0 0;font-weight:500;
	}
	.posa strong { font-weight:600; font-size:18px; }
	.innoList > li > ul > li { padding-top:15px; }
	.innoList > li > ul > li img { width:100%; }
	.innoList > li > ul > li:first-child { padding-top:0; }
	.innoList > li > ul > li > ul > li { float:right; width:35%; }
	.innoList > li > ul > li > ul > li:first-child { float:left; width:62%; }
	
	.proCont { padding:15px 5% 70px; text-align:center !important; }
	.proCont p { font-size:16px !important; font-weight:500; text-align:Center; line-height:1.2em; }
	.proCont p span { display:inline; }
	.proCont ul { padding:50px 0 0; width:100%; margin:0 auto; zoom:1; overflow:hidden; }
	.proCont ul:after { content:'';display:block; clear:both; }
	.proCont ul li { margin-left:0; float:left; width:48%; margin-bottom:12px; }
	.proCont ul li:first-child { margin-left:0; }
	.proCont ul li:nth-child(even) { float:right; }
	.proCont ul li img { max-width:100%; }
	
	.section3 { background:url(/v2/images/main/main_gallery.jpg) center top no-repeat; height:auto; }
	.gallery { width:100%; margin:0 auto; position:relative; padding:60px 0 0; text-align:center; }
	a.btnView { border:1px solid #bbb; display:inline-block; padding:4px 0; width:30%; color:#fff; font-size:12px; text-align:center; margin:13px auto 0; }
	a.btnView:hover{ background:#293134; }
	.gallery > p { font-size:15px; color:#c6c6c6; padding:20px 10px 4%; line-height:20px; }
	.gallerList { position:relative; margin:30px auto 0;
	width:95%; height:300px; z-index:1; }
	.gallerList img {max-width:100%;}
	.gall_01 { position:absolute; left:0; top:20px; z-index:3; width:56%; }
	.gall_02 { position:absolute; right:20%; top:70px; z-index:2;width:35%; }
	.gall_03 { position:absolute; right:3%; top:0; z-index:1;width:30%; }
	a.gall { display:block; }
	a.gall img { display:block; border:4px solid #eee !important; }
	
	.movie { width:100%; margin:0 auto; position:relative; padding:60px 0 50px;}
	.mTab { padding:40px 0 36px; width:90%; margin:0 auto; }
	.mTab li { width:33%; float:left; }
	.mTab li:first-child { width:34%;}
	.mTab li { display:block; text-align:center; font-size:15px; font-weight:500; color:#2b2b2b; border:1px solid #a1a1a1; padding:8px 0 8px; box-sizing:border-box; cursor:pointer; }
	.mTab li.on { background:#ff5123; border:1px solid #ff5123; color:#fff; }

	.loadMovie { width:95%; text-align:center; margin:0 auto; }
	.loadMovie iframe { height:194px; }

	.section5 { width:100%; margin:0 auto; position:relative; padding:60px 0 0; }
	.section5 h2 { font-size:40px; color:#333; text-align:center;
	position:relative; padding:0 0 15px; margin-bottom:30px; display:block;
	}
	.section5 h2 .pr_line { display:block; width:70px; height:2px; background:#536fff; position:absolute; bottom:0; left:50%; margin-left:-30px; }
	.recent { background:#eee; width:100%; float:none; margin:0 auto;
	box-sizing:border-box; padding:30px 12px; }
	.rTab { }
	.rTab li { float:left; width:50%; font-size:15px; font-weight:500; padding:12px 0; }
	.rTab li a { display:inline-block; text-align:center; }
	.rTab li a.on { background:#fff; border:1px solid #d3d3d3; border-bottom:1px solid #fff;}
	.rTab li a.on span { text-decoration:underline; }
	.recentList { padding:20px 15px; background:#fff; box-sizing:border-box; border:1px solid #d3d3d3; border-top:none;}
	.rTab li a img { margin-left:5px; vertical-align:-4px; }
	.recentList li { margin-top:15px; zoom:1; overflow:hidden; width:100%; }
	.recentList li:after { content:''; clear:both; display:block; }
	.recentList li:first-child { margin-top:0; }
	.recentList li a { 
		background:url(/v2/images/main/dot_arrow.jpg) 0 4px no-repeat; padding:0 0 0 12px;
		color:#5c5c5c; box-sizing:border-box; font-size:13px;
		float:left; display:inline-block; width:80%; 
	}
	.recentList li span { float:right; font-size:12px; color:#686868; display:block; text-align:right; width:20%;box-sizing:border-box; }

	.award { background:#fff; width:95%; float:none; margin:0 auto; }
	.award dl dt { font-size:16px; color:#242424; padding:0 0 20px; }
	.award dl dt strong { }
	.award dl dd ul li { float:left; width:50%; }
	.award dl dd ul li img { width:100%; }
	
	.innerFooter { width:100%; margin:0 auto; position:relative;}
	.t_footer { height:44px; position:relative;}
	.f_list { padding:13px 0 0 0; text-align:left; }
	.f_list li { display:inline-block; margin:0 0 0 8px;
		padding:0 0 0 10px;
		background:url(/v2/images//inc/b_line.jpg) 0 2px no-repeat;
	 }
	.f_list li:first-child { background:none; }
	.f_list li a { color:#b0b0b0; font-size:13px; }
	.b_sns { position:absolute; right:10px; top:4px; }
	.b_sns li { float:left; margin-left:8px; }

	.b_footer { position:relative; padding:0 0 30px; }
	.b_footer > p { position:absolute; left:10px; top:37px; width:80px; }
	.b_footer > p img { width:80%; }
	.b_footer > div { margin-left:90px; padding-top:33px; }
	.b_footer > div > p { color:#ccc; font-size:12px; line-height:20px; }
	.b_footer > div > em { display:block; font-size:10px; margin-top:20px; color:#a2a2a2; }	
	.b_footer > div > img { right:10px; top:37px; width:60px; }

	.main_visual {overflow:hidden;position:relative;min-width:100%;height:270px; z-index:1;}
	.main_visual .bx-controls {position:relative;bottom:0px;left:50%;width:100%;margin-left:-50%;z-index:1000;}
	.main_visual .bx-pager {overflow:hidden;position:absolute;top:-30px;margin-left:-50%;width:100%;text-align:center;z-index:1000; left:50%;}
	.main_visual .bx-pager .bx-pager-item {float:;display:inline-block;*display:inline;zoom:1;margin-left:0px;}
	.main_visual .bx-pager .bx-pager-item a {display:block;margin-left:10px;width:40px;height:6px;background:url(/v2/images/main/mdot_off.jpg) 50% 0 no-repeat;text-indent:-9999px;}
	.main_visual .bx-pager .bx-pager-item .active {width:40px;height:6px;background:url(/v2/images/main/mdot_on.jpg) 0 0 no-repeat;}
	.main_visual .main_bx_btn_box {position:relative;width:100%;margin:-160px auto 0;z-index:100;}
	.main_visual .main_bx_btn_box a {display:block;width:30px;height:42px;text-indent:-9999px;}

	.main_visual .main_slide_box li {height:270px;}
	.main_visual .main_slide_box .visual_1 {background:url(/v2/images/main/m_mv_bg1.jpg) left center no-repeat; height:270px; background-size:cover; }
	.main_visual .main_slide_box .visual_2 {background:url(/v2/images/main/m_mv_bg4.jpg) left center no-repeat; height:270px; background-size:cover; }
	.main_visual .main_slide_box .visual_3 {background:url(/v2/images/main/m_mv_bg3.jpg) left center no-repeat; height:270px; background-size:cover; }
	.main_visual .main_slide_box .visual_4 {background:url(/v2/images/main/m_mv_bg2.jpg) center center no-repeat; height:270px; background-size:cover; }
	.main_visual .main_slide_box .visual_5 {background:url(/v2/images/main/m_mv_bg5.jpg) left center no-repeat; height:270px; background-size:cover; }
	.main_visual .main_slide_box .visual_6 {background:url(/v2/images/main/m_mv_bg6.jpg) left center no-repeat; height:270px; background-size:cover; }

	
	.mvInside { padding-top:70px;}
	.mvInside > span { font-size:16px; line-height:18px; }
	.mvInside > p { font-size:37px; padding:10px 0 15px 0; }

	.font_big { font-size:40px; font-weight:700; text-align:center; letter-spacing:-2px; color:#000; }
	.font_s { font-size:14px; font-weight:400; text-align:center; color:#000; line-height:18px; padding:10px 3% 0; }
	
	.font_w60 { font-size:40px; font-weight:700; text-align:center; letter-spacing:-2px; color:#fff; }
	.font_g30 { color:#939393; font-size:24px; font-weight:500; }
	.font_big2 { font-size:30px;}

	.sub_menu { width:95%; margin:0 auto; padding-top:25px; }
	.sub_menu li a{
		float:left; padding-top:6px;
		width:33.33%; height:32px;
		background:#ffffff;	color:#686868; font-size:14px; font-weight:500;
	}
	
	.sub_menu_2n { width:90%; margin:0 auto; padding-top:25px; }
	.sub_menu_2n li a{
		float:left; padding-top:6px;
		width:50%; height:32px;
		background:#ffffff;	color:#686868; font-size:14px; font-weight:500;
	}
	
	.sub_menu_4n { width:95%; margin:0 auto; padding-top:25px; }
	.sub_menu_4n li a{
		float:left; padding-top:6px;
		width:15.8%; height:32px;
		background:#ffffff;	color:#686868; font-size:14px; font-weight:500;
	}
	

	/* 인증서 */
	.qc_list { width:98%; margin:0 auto; }
	.qc_list li { width:45%; height:auto; }
	.qc_list li:nth-child(even) { float:right; }
	.qc_list li img { margin:20px 0 6px 0; }
	.qc_list li span { font-size:14px; }

	/* 회사연혁 */
	.history { padding:30px 0 50px 0;}
	.history h2 { font-size:26px; }
	.history h3 { font-size:24px; }
	.history > p { font-size:15px; }
	.history_box { width:90%; margin:0 auto; background:none; }
	.history_box > ul { padding:0; }
	.history_box > ul > li > dl > dt { width:30%; font-size:34px; font-weight:600; color:#272727; border-top:2px solid #000; text-align:right; float:left; padding:13px 0; }
	.history_box > ul > li > dl > dd { width:70%; font-size:30px; font-weight:100; color:#272727; border-top:1px solid #a3a3a3; float:right; padding:20px 0; }

	/* 서브 공통 타이틀 */
	/* .greet { padding:30px 0 50px 0;} */
	.greet h2{ font-size:32px; margin:0px; padding:0; }
	.greet h3{ font-size:28px; margin-top:20px; }
	.greet > ul > li > img { width:100%;}
	.greet > ul > li { font-size:16px ; padding:0 5px; }
	.greet > ul > li > p { font-size:20px; font-weight:600; letter-spacing:-1px; }
	.greet > p { font-size:16px; line-height:25px; padding:20px; width:100%; box-sizing:border-box; margin:20px auto; word-break:keep-all; text-align:center; }
	.greet > p br{display:none}
	.greet > p > strong { font-size:20px; font-weight:500; }
	.greet > p > span { display:inline; }
	.greet > ul > li > span { display:inline; }
	
	.guid_not { width:97%; font-size:18px !important; padding:15px 0; line-height:28px !important; font-weight:500; }
	.guid_not > span { font-size:20px; }

	#map { width:100%; height:250px; border:1px solid #CCC; margin:0 auto; }
	.sta { padding:30px 0 50px 0; }
	.sta h2{ font-size:26px; }
	.sta ul { width:100%; margin:0 auto; }
	.sta > ul > li > img { width:100% ;}
	.sta ul li strong { display:block; font-size:13px; font-weight:500;
			width:30%; padding:10px 0; }
	.sta ul li span { display:block; width:68%; margin-left:0; float:right; font-size:13px; padding:2px 0 0;}
	
	/* 입점안내 */
	.part { padding:30px 10px; }
	.part h2 { font-size:26px; }
	.part > p { font-size:16px; line-height:24px; }
	.part > ul > li { margin:10px 0; font-size:20px; font-weight:600; }
	.part > ul > li > p { padding:0; font-size:20px; }
	.part > ul > li > span { color:#ff4200; }
	.part > ul > li > p > strong { color:#1b1c80; }
	.part > ul > li > p > em { font-size:15px; margin-top:10px; font-weight:500; }
	.part ul li img { width:100%; padding:10px 0; }
	.img_pc { display:none; }
	.img_mobile { display:block; }
	
	/* 개인정보 처리방침 */
	.priv { padding:40px 10px 40px 10px; margin:0 auto; }
	
	/* 개인정보 수집동의 */
	.priv2 { width:90%; height:80px; margin-left:5px; padding:10px; }
	.priv2 h4 { font-size:16px; font-weight:500; }
	
	.priv22 { text-align:center; padding:5px 0 0px 5px; }
	
	
}