/* ************************ 공용 ************************ */
html,body {letter-spacing:-0.5px; font-family:NanumSquare,"맑은고딕","돋움","굴림" !important;}
/*section {position:relative; display:block; width:100%; margin:0 auto;}*/
.contents {font-weight:normal; color:#666; line-height:1.6;}
.contents img {max-width:100%; height:auto;}
.more {display:block; position:absolute; width:25px; height:25px; top:0; right:0; background:url(../images/common/icon_more.png) 100% 0 no-repeat;}
.more2 {display:block; position:absolute; width:25px; height:25px; right:0; background:url(../images/common/icon_more2.png) 50% no-repeat;}
#gotop {z-index:900; display:none; position:fixed; width:35px; height:35px; border-radius:3px; bottom:40px; right:20px; background:url(../images/common/arrow_up.png) no-repeat 50% #fff; box-shadow:0 0 3px rgba(0,0,0,.3) !important;}
.subBg {text-align:center; width:100%; height:450px; background:url(../images/contents/subBg_company.jpg) no-repeat 50% 0; background-size:cover;}
.subBg {padding-top:150px;}
.subBg p:nth-child(1) {font-size:60px; color:#ff4343; font-weight:bold;}
.subBg p:nth-child(2) {font-size:18px; color:#fff;}
.lnb {width:100%; margin-top:-60px; background:rgba(0,0,0,.8); z-index:999;}
.lnb ul {overflow:hidden; width:1200px; margin:0 auto;}
.lnb ul li {float:left; border-left:1px solid rgba(255,255,255,.3);}
.lnb ul li:nth-child(1) {border-left:0;}
.lnb ul li a {display:block; height:60px; line-height:60px; padding:0 30px; font-size:16px; color:#fff;}
.lnb ul li a.on {background:#fbc011; color:#1a1a1a;}
.lnb ul li.on a {background:#fbc011; color:#1a1a1a;}
.lnb_tit {max-width:1200px; margin:-160px auto 0 auto; }
.lnb_tit p {height:160px; font-size:48px; color:#fff; margin:0;}
.lnb_tit p span {display:block; width:31px; height:3px; background:#fff;}

/* ************************ 데스크탑 (992~) ************************ */
@media (min-width: 992px){
	
	html,body {font-family:NanumSquare,"맑은고딕","돋움","굴림" !important; line-height:1.6 !important; font-size:14px; position: static; width:100%;}
	.mobile {display:none !important;}
	h3 {font-size:30px; color:#000; padding-bottom:50px; line-height:1; margin:0;}

	/*헤더*/
	header {position:absolute; width:100%;}
	header .head {position:relative; width:100%; max-width:1200px; margin:0 auto;}
	header .head .tel {position:absolute; right:15px; top:40px;}

	/*gnb*/
	nav.mobile {visibility:hidden; z-index:999999;}
	nav.pc {z-index:10000; visibility:hidden; position:absolute; display:block; width:100%; overflow:hidden;}
	nav.pc .wrap {position:relative; display:block; max-width:1200px; margin:0 auto;}
	nav.pc .wrap h1 {position:absolute; left:15px; top:30px; margin:0; padding:0; z-index:999;}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:100px; background:none;}
	nav.pc .navbg .dep2 {height:100%; background:rgba(0,0,0,.8); z-index:10000;}
	nav.pc .gnb {position:relative; display:block; max-width:1200px; margin:0 auto; padding-left:220px;}
	nav.pc .gnb>ul {margin:0 !important;}
	nav.pc .gnb>ul>li {position:relative; float:left; padding-right:60px;}
	nav.pc .gnb>ul>li>a {display:block; width:100%; height:60px; padding-top:17px; font-size:18px; color:#fff; margin-top:30px;}
	nav.pc .gnb>ul>li>a:hover {color:#f04d46;}
	nav.pc .gnb>ul>li.on>a {color:#fbc011;}
	nav.pc .gnb>ul>li>ul {position:absolute; top:120px; left:0; width:100% !important;}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; padding:4px 0; color:#999;}
	nav.pc .gnb>ul>li>ul>li a:hover {color:#fff;}
	nav.pc .gnb>ul>li>ul>li.on a {color:#fff;}

	/*footer*/
	footer {clear:both; max-width:100%; background:url(../images/common/bg_footer.jpg) repeat 0 0;}
	footer .wrap {position:relative; max-width:1200px; margin:0 auto; padding:50px 15px 40px 15px;}
	footer .wrap>* {padding:0; margin:0;}
	footer .fnb {padding-bottom:15px; overflow:hidden;}
	footer .fnb li a {display:inline-block; padding-right:10px; font-size:12px; color:#fff; line-height:1; letter-spacing:-1px;}
	footer .address {display:block; color:#999;}
	footer .address p a {color:#999;}
	footer .address p span.blank {display:inline-block; width:10px;}
	footer .address p span.tel {color:#999 !important; width:100px !important;}
	footer .address p span.tel a {color:#999 !important;}
	footer .logo {margin:0; padding:0;}
	footer .logo img {width:94px; height:auto;}
	footer .address p {font-size:13px;  line-height:1.4; margin:0; padding-bottom:5px;}
	footer .address p:nth-child(2) {letter-spacing:0 !important;}
	footer .social ul {overflow:hidden; float:right;}
	footer .social ul li {float:left; margin-left:20px;}
	footer .social ul li:first-child {margin-left:0;}

	/*서브 상단 배경*/
	[class*="bgSub"] .slogan {position:relative; max-width:1200px; padding-top:75px; margin:0 auto;}
	[class*="bgSub"] .slogan_two {padding-top:60px;}
	[class*="bgSub"] .slogan p {text-align:center; color:#fff; font-size:24px; line-height:1.6;}
	[class*="bgSub"] .slogan p > span {display:block; font-size:14px;}
	[class*="bgSub"] {max-width:100% !important; height:350px; margin-top:170px; background-size:cover;}
	.bgSub1 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub1.jpg) no-repeat 50%; background-size:cover;}
	.bgSub2 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub2.jpg) no-repeat 50%; background-size:cover;}
	.bgSub3 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub3.jpg) no-repeat 50%; background-size:cover;}
	.bgSub4 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub4.jpg) no-repeat 50%; background-size:cover;}
	.bgSub5 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub5.jpg) no-repeat 50%; background-size:cover;}
	.bgSub6 {max-width:100% !important; height:180px; background:url(../images/common/bgtop_sub6.jpg) no-repeat 50%; background-size:cover;}

	/* 컨텐츠*/
	section.con_wrap>div {padding:0;}
	
	
	/*서브메뉴*/
	.affix {z-index:9999; top:0;}
	.snb {margin:0; padding:0;}
	.snb h2 {display:block; min-height:140px; font-size:30px; margin:0; padding:60px 10px 0 10px; line-height:1; text-align:center; color:#000; border-bottom:1px solid #d4d4d4;}
	.snb>ul {padding:0; margin:0;}
	.snb>ul>li>a {display:block; padding:15px; line-height:1; font-size:14px; border-bottom:1px solid #d4d4d4; background-color:#fff; color:#000;}
	.snb>ul>li.on>a {color:#fff; border-bottom:1px solid #5d0000; background:url(../images/common/snb_on.png) no-repeat 95% 50% #5d0000;}
	.snb>ul>li>div {display:none; padding:10px 20px; font-size:12px; line-height:1.6; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9;}
	.snb>ul>li.on>div {display:block;}
	.snb>ul>li>div>ul>li {}
	.snb>ul>li>div>ul>li>a {padding-left:10px; display:block; margin:15px 0; background:url(../images/common/lnb_bul.png) no-repeat 0 8px;}
	.snb>ul>li>div>ul>li>a.on {padding-left:10px; color:#a20202; background:url(../images/common/lnb_bul_on.png) no-repeat 0 8px;}

	/*컨텐츠*/
	.contents {max-width:1200px; margin:0 auto; padding:80px 15px;}
	.contents .con {overflow:hidden;}
	
	/*  퀵 */
	.icon_wrap li>div{margin:20px 0 0 70px;}
}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	
	html,body {width:100%; font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif; font-size:13px !important;}
	.pc {display:none !important;}
	h3 {display:block; margin:0 -15px;text-align:center; font-size:14px; color:#fff; padding:15px; margin-bottom:50px; line-height:1; background:#5d0000;}

	/*헤더*/
	header {position:relative;}
	header .head {position:absolute; width:100%; height:50px; background:rgba(0,0,0,.4); border-bottom:1px solid rgba(255,255,255,.1);}
	header .head .gnbView {position:absolute; display:block; width:50px; height:50px; left:0; top:0; border-right:1px solid rgba(255,255,255,.1); background:url(../images/common/icon_allmenu_w.png) 50% 50% no-repeat; background-size:35%; border-radius:0;}
	header .head h1 {margin:0 !important; position:absolute; display:block; width:100%; height:50px; left:0; top:0; text-align:center;}
	header .head h1 a {display:inline-block; height:50px; padding:12px 0; text-align:center;}
	header .head h1 a img {display:block; height:100%; width:auto;}

	/*gnb*/
	nav.mobile {z-index:999999 !important; position:fixed; visibility:hidden; top:0; width:80%; height:100%; overflow:hidden; background:#fff; box-shadow:5px 0px 10px rgba(0,0,0,.7) !important;}
	nav.mobile .closeWrap {position:relative; height:50px; background-color:#000; color:#fff; border-right:1px solid rgba(255,255,255,.2);}
	nav.mobile .closeWrap .gnbClose {display:block; width:50px; height:50px; background:url(../images/common/icon_gnbclose.png) 50% 50% no-repeat #000; background-size:40%; border-right:1px solid rgba(255,255,255,.2);}
	nav.mobile .closeWrap .original_home {position:absolute; top:10px; left:60px; display:block; padding:0 20px; line-height:28px; border:1px solid #fff; border-radius:5px; color:#000; background:#fff; font-size:12px;}
	nav.mobile .closeWrap .home {position:absolute; display:block; right:20px; top:15px; color:#fff; font-size:12px;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}
	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; z-index:9999999;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:12px 20px; color:#000; border-bottom:1px solid #ddd; font-size:16px; background:#fff;}
	nav.mobile .gnb>ul>li>a:hover {color:#fbc011;}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background:#fbc011;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:12px 20px 12px 30px; font-size:14px; color:#333; border-bottom:1px solid #eee; background:#f9f9f9;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#fbc011; background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#fbc011;}

	/* quick */
	.icon_wrap li:nth-child(1) {margin-bottom:30px;}
	.icon_wrap li:nth-child(2) {margin-bottom:30px;}
	.icon_wrap li p {margin-bottom:30px !important;}
	.icon_wrap li a {width:100% !important; display:block !important;}
	.icon_wrap li>div{margin:20px 0 0 70px;}

	/*footer*/
	footer {clear:both; max-width:100%; background:url(../images/common/bg_footer.jpg) repeat 0 0; text-align:center !important;}
	footer .wrap {position:relative; max-width:1200px; margin:0 auto; padding:50px 15px 40px 15px;}
	footer .wrap>* {padding:0; margin:0;}
	footer .logo {margin-bottom:20px !important;}
	footer .logo img {width:auto; height:40px;}
	footer .address {display:block; color:#999;}
	footer .address p a {color:#999;}
	footer .address p span.blank {display:inline-block; width:10px;}
	footer .address p {font-size:13px;  line-height:1.4; margin:0; padding-bottom:5px; color:#999;}
	footer .social ul {overflow:hidden; width:180px !important; margin:30px auto !important; }
	footer .social ul li {float:left; margin-left:20px;}
	footer .social ul li:first-child {margin-left:0;}

	/*컨텐츠*/
	.contents {padding:50px 15px !important;}
	.con {margin-top:20px; overflow:hidden;}
	

}

/* 모바일 */
@media (max-width: 767px) {
	.subBg {height:250px !important;}
	nav.mobile .gnb>ul>li>a {font-size:14px !important;}
	nav.mobile .gnb>ul>li>ul>li a {font-size:13px !important;}
	.tel {width:100px !important;}
}