@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */
a:link {color:#666;}
a:visited {color:#666;}
a:hover {color:#000;}
a:active {color:#000;}
#gotop {
	z-index:2000; /*position:fixed;*/position:absolute; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50%; right:0px; top:0;
	background:url(../images/common/arrow_up.png) no-repeat 50% #fff; color:#000 !important; font-size:12px; text-indent:-99999px;
	/* font-weight:600; */
	/* letter-spacing:1px; */
	border:2px solid #eaeaea;
	box-sizing:content-box;
}
body {font-family:'NotoSansKR' !important; font-size:14px; line-height:1.6; color:#000; word-break:keep-all;}
body * {box-sizing:border-box;}

input {
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input::-webkit-input-placeholder {color:#999;} /*크롬,사파리*/
input::-moz-placeholder {color:#999;} /*파폭*/
input::-ms-input-placeholder {color:#999;} /*ie*/


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {


	html,body {}
	.mobile {display:none !important;}

	/*header::완료*/
	header {position:absolute; left:0; top:0; width:100%; height:100px; z-index:999999}
	nav .logo {position:relative; width:1200px; margin:0 auto; box-shadow:0 5px 5px rgba(0,0,0,.2);}
	nav .logo h1 a {position:absolute; left:0; top:30px; width:225px; height:46px; font-size:30px; font-weight:700; text-indent:-999px; color:#fff; background:url(../images/common/logo.png) no-repeat; background-size:cover; transition:all .3s; z-index:9999;}


	/*gnb*/
	nav.mobile {visibility:hidden;}
	nav.pc {z-index:999; visibility:hidden; position:absolute; display:block; width:100%; overflow:hidden;}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:100px; border-bottom:1px solid rgba(255, 255, 255, .1)}
	nav.pc .navbg .dep2 {height:100%; background-color:#001a3f; border-top:1px solid #e5e5e5;}
	nav.pc .navbg .dep3 {position:absolute; right:0; top:101px; width:1200px; min-height:279px; background:#fff;}
	
	nav.pc .wrap {position:relative; width:1200px; height:100%; margin:0 auto;}
	nav.pc .info {position:absolute; left:0; top:101px; padding:50px 70px; background:#032f7c;}
	nav.pc .info>.part1 {margin-bottom:30px;}
	nav.pc .info>.part1>dt {padding-bottom:7px; font-size:18px; font-weight:500; color:#fff;}
	nav.pc .info>.part1>dd {font-weight:300; color:#7babff}
	nav.pc .info>p {}
	nav.pc .info>p>span {display:inline-block; width:30px; height:1px; background:rgba(255, 255, 255, .3)}
	nav.pc .info>.part2 {padding-left:70px; background:url(../images/common/customer_icon.png) no-repeat}
	nav.pc .info>.part2>dd {font-size:15px; font-weight:400;color:#fff}


	nav.pc .gnb {position:relative; height:100px;}
	nav.pc .gnb>ul {float:right; height:100%;}
	nav.pc .gnb>ul>li {position:relative; float:left; display:inline-block; height:100%;}
	nav.pc .gnb>ul>li:last-child {padding-right:0px !important;}
	nav.pc .gnb>ul>li>a {display:inline-block; width:100%; height:100%; padding-top:45px; font-size:18px; font-family:"NotoSansKR"; font-weight:400; color:#fff; letter-spacing:-1px;}
	nav.pc .gnb>ul>li>a:hover {color:#0440ab;}
	/*nav.pc .gnb>ul>li.on>a {position:relative; color:#0440ab;}
	nav.pc .gnb>ul>li.on>a:after{position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#0440ab}*/
	nav.pc .gnb>ul>li>ul {position:absolute; top:100px; left:0; width:100% !important; padding:45px 0;}
	nav.pc .gnb>ul>li>ul>li{line-height:1;}
	nav.pc .gnb>ul>li>ul>li+li {margin-top:20px;}
	nav.pc .gnb>ul>li>ul>li a {position:relative; display:inline-block; color:#666; font-size:16px; letter-spacing:0; text-align:left; position:relative; line-height:1;}
	nav.pc .gnb>ul>li>ul>li a:after {
		content:''; display:none; width:100%; height:1px; background:#0440ab;
		position:absolute; bottom:-5px; left:0;
	}
	nav.pc .gnb>ul>li>ul>li.on a:after,
	nav.pc .gnb>ul>li>ul>li a:hover:after {display:block;}
	nav.pc .gnb>ul>li>ul>li.on a,
	nav.pc .gnb>ul>li>ul>li a:hover {color:#0440ab;}

	/*gnb:hover*/
	nav.pc:hover .navbg .dep1 {background:#fff;}
	nav.pc:hover .gnb>ul>li>a {position:relative; color:#000}
	nav.pc:hover .gnb>ul>li:hover>a {color:#0440ab;}
	nav.pc:hover .gnb>ul>li:hover>a:after{position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#0440ab}
	nav.pc:hover .gnb>ul>li.on>a {position:relative; color:#0440ab;}
	nav.pc:hover .gnb>ul>li.on>a:after{position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#0440ab}
	nav.pc:hover .logo h1 a {background:url(../images/common/logo_on.png) no-repeat;}
	
	/*서브 상단 배경::*/
	[class*="subTop"] {
		position:relative; max-width:100% !important; height:220px; overflow:hidden; background-color:#fff;
		background-position:center center; background-repeat:no-repeat; background-size:cover;
	}
	[class*="subTop"] .cover {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8);}
	[class*="subTop"].company {background-color:#ecf0f4; background-image:url(../images/include/subBg1.jpg);}
	[class*="subTop"].brand {background-image:url(../images/include/subBg2.jpg);}
	[class*="subTop"].business {background-image:url(../images/include/subBg3.jpg);}
	[class*="subTop"].process {background-image:url(../images/include/subBg-process.jpg);}
	[class*="subTop"].community {background-image:url(../images/include/subBg-community.jpg);}
	/*서브 상단 텍스트::*/
	[class*="subTop"] .txt {text-align:center; color:#fff; padding-top:80px;}
	[class*="subTop"] .slogan {font-size:40px; font-weight:700; letter-spacing:-1px; line-height:1; padding-bottom:30px;}
	[class*="subTop"] .subSlogan {font-size:14px; font-weight:100; line-height:1;}
	[class*="subTop"] .subSlogan span {position:relative;}
	[class*="subTop"] .subSlogan span+span {padding-left:38px;}
	[class*="subTop"] .subSlogan span+span:before {
		content:''; display:block; width:10px; height:1px; background:#fff;
		position:absolute; left:15px; top:50%;
	}
	
	/*lnb::*/
	.lnb {
		z-index:700; position:absolute; margin:0; padding:0; width:100%;
		background:#fff;
	}
	.lnb .wrap {width:1280px; margin:0 auto; display:table;}
	.lnb .wrap>* {display:table-cell; vertical-align:middle;}
	.lnb .wrap>a {border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; text-align:center;}
	.lnb .wrap>a:first-child {
		font-size:14px; color:#000; font-weight:300; padding-left:30px; width:130px;
		background:url(../images/include/i-home.png)32px 49% no-repeat;
	}
	.lnb .wrap>a:last-child {
		font-size:10px; font-weight:400; color:#999; padding-top:20px;
		background:url(../images/include/i-arrow_top.png)center 20px no-repeat;
	}
	.lnb .wrap p {padding:20px 60px; font-size:18px; line-height:1; letter-spacing:-1px; color:#fff; font-weight:400; background:#00a950; word-break:keep-all;}
	.lnb .wrap>ul {width:1080px; margin:0 auto; padding:15px 0 15px 20px; min-height:60px;}
	.lnb .wrap>ul li {position:relative; float:left; padding:0 21px;}
	.lnb .wrap>ul li a {position:relative; display:block; padding:9px 0; font-size:16px; color:#000; font-weight:300; position:relative; line-height:1; word-break:keep-all;}
	.lnb .wrap>ul li a:before {
		content:''; display:none; width:100%; height:2px; background:#00a950;
		position:absolute; bottom:4px; left:0;
	}
	.lnb .wrap>ul li a:hover,
	.lnb .wrap>ul li.on a {color:#00a950;}
	.lnb .wrap>ul li.on a:before {display:block;}
	
	.lnb.fixOn {position:fixed !important; z-index:700 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.1);}
	



	/* ---------- footer ---------- */
	footer {clear:both; overflow:hidden; position:relative; max-width:100%; color:#666; background:#f6f6f6; padding:50px 0 !important;}

	footer>div {position:relative; max-width:1200px; margin:0 auto; width:100%; font-size:14px; font-weight:300}
	footer address {overflow:hidden; text-align:center;}
	footer address>h2 {margin-bottom:20px; font-size:18px; font-weight:900; color:#000;}
	footer address div>span {display:inline-block; padding:0 15px; line-height:1;}
	footer address div>span:nth-child(2) {border-left:1px solid #001a3f; border-right:1px solid #001a3f}
 	footer address>p.copy {font-size:15px; margin-top:5px;}


	/* 서브 상단 */
	.bgTop {width:100%; background-image:url(../images/common/sub_company.jpg) !important; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.bgTop>div {max-width:1200px; margin:0 auto; height:400px;}
	.bgTop>div>* {text-align:center; color:#fff; line-height:1;}
	.bgTop>div>h2 {font-size:35px; font-weight:700; padding-top:200px;}
	.bgTop>div>p {font-size:16px; font-weight:100; margin-top:25px; line-height:2}
	.bgTop>div>p>span {display:block; letter-spacing:2px;}

	/* lnb */
	.lnb {z-index:700; position:absolute; margin:0; padding:0; width:100%; background:#001a3f}
	.lnb>div {width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
	.lnb ul {display:inline-block; height:65px; overflow:hidden;}
	.lnb ul li {position:relative; float:left; height:100%; padding-top:30px; text-align:center;}
	.lnb ul li a {display:block; padding:0 60px; font-size:16px; font-weight:400; line-height:1; color:#fff; transition:all .3s; border-right:1px solid rgba(255, 255, 255, .2)}
	.lnb ul li:last-child a {border-right:none;}
	.lnb ul li a:hover:after, .lnb ul li.on a:after {position:absolute; content:''; left:0; top:0; width:100%; height:5px; background:#fff;}
	

	/* ---------- 서브페이지 ---------- */
	.contents_box {width:100%; margin-top:70px;}
	.contents_box>.inner {width:1200px; margin:0 auto; padding:100px 0}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	html,body {}

	.pc {display:none;}
	.mobile {display:block;}
	nav.mobile {visibility:visibility;}
	
	header {position:absolute; width:100%; height:55px; z-index:999999;}
	header .headWrap {height:100%;}
	header .head {z-index:100; height:100%; border-bottom:1px solid #fff}
	header .head h1 {height:100%; text-align:center;}
	header .head h1 a {display:inline-block; width:155px; height:32px; margin-top:11px; text-indent:-99999px; background:url(../images/common/logo_m.png) no-repeat; background-size:cover;}
	body.mainType header .head {top:50px;}
	header .head a.mobile {position:absolute; top:0; background-size:17px; width:55px; height:55px;  background-repeat:no-repeat; background-position:center; cursor:pointer;}
	header .head a.right {
		border-left:1px solid #eee;
		right:0;
	}
	header .head a.left {
		border-right:1px solid #eee;
		left:0;
	}
	header .head .gnbView {background-image:url(../images/common/icon_allmenu.png);}
	header .head .gnbView img {height:15px;}

	/*header .head .search {background-image:url(../images/common/i_search_total.png); right:45px !important;}
	header .head .login {background-image:url(../images/common/icon_login.png);}
	header .head .logout {background-image:url(../images/common/icon_login.png);}*/

	
	/*gnb*/
	nav.pc {display:none;}
	nav.mobile {z-index:9999; position:fixed; top:0; width:80%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:55px; background-color:#001a3f; color:#666; border-bottom:1px solid #e5e5e5;}
	/*nav.mobile .closeWrap:after {content:''; display:block; width:100%; height:5px; background:#e5e5e5; position:absolute; left:0; bottom:0; }*/
	nav.mobile .closeWrap .gnbClose {display:block; width:55px; height:55px; background:url(../images/common/icon_x.png) no-repeat center; background-size:17px; border-left:1px solid rgba(255,255,255,.1); float:right;}
	nav.mobile .closeWrap aside a {position:relative; float:left; display:inline-block; margin:0 20px; color:#fff; font-size:12px; letter-spacing:0; height:55px; line-height:55px; font-weight:400;}
	nav.mobile .closeWrap aside a.second {margin-left:0;}
	nav.mobile .closeWrap aside a.on {color:#032f7c;}
	nav.mobile .closeWrap aside a.second:after {content:''; display:none; width:100%; height:1px; background:#032f7c; position:absolute; left:0; bottom:18px;}
	nav.mobile .closeWrap aside a.on:after {display:block;}
	.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 {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:13px 20px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #e4e4e4; background:#fff;}
	/* nav.mobile .gnb>ul>li>a:hover {color:#00ab85;} */
	/* nav.mobile .gnb>ul>li.on>a {border-top:1px solid #e4e4e4;} */
	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 40px; font-size:16px; color:#000; letter-spacing:-.5px; border-bottom:1px solid #e5e5e5;
		position:relative; background:#f5f5f5;
	}
	nav.mobile .gnb>ul>li>ul>li a:before {
		position:absolute; top:23px; left:25px;
		display:block; content:""; border-radius:50%;
		width:4px; height:4px; background:transparent;
	}
	
	nav.mobile .gnb>ul>li>a:hover {}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background: #032f7c;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#032f7c;}
	nav.mobile .gnb>ul>li>ul>li a:hover:before,
	nav.mobile .gnb>ul>li>ul>li.on a:before {background:#032f7c;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#032f7c;}
	
	
	/* 서브 상단 */
	.bgTop {width:100%; background-image:url(../images/common/sub_company.jpg) !important; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.bgTop>div {margin:0 auto; height:200px;}
	.bgTop>div>* {text-align:center; color:#fff; line-height:1;}
	.bgTop>div>h2 {font-size:26px; font-weight:500; padding-top:110px;}
	.bgTop>div>p {display:none;}

	
	/*컨텐츠::*/
	.main {}
	section.contents_box>div.inner {padding:50px 20px;}
	/*.contents {margin-top:55px;}*/
	.headerH {height:0 ! important;}
	
	/* footer */
	footer {clear:both; overflow:hidden; position:relative; max-width:100%; color:#666; background:#f6f6f6; padding:50px 20px 30px;}

	footer>div {position:relative; max-width:1200px; margin:0 auto; width:100%; font-size:14px; font-weight:300}
	footer address {overflow:hidden; text-align:center;}
	footer address>h2 {margin-bottom:20px; font-size:18px; font-weight:900; color:#000;}
	footer address div>span {display:inline-block; padding:0 15px; line-height:1;}
	footer address div>span:nth-child(2) {border-left:1px solid #001a3f; border-right:1px solid #001a3f}
 	footer address>p.copy {font-size:15px; margin-top:5px;}

	
	
}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	.pc {display:none !important;}
	section.contents_box>div.inner {padding:30px 20px;}


	footer {padding:30px 20px;}
	footer address>div>div>p>span {display:inline-block;}
	nav.mobile .closeWrap aside a {margin:0 15px;}
	
	footer address>div>div>p {overflow:hidden;}
	footer address>div:first-child>div:first-child>p+p {margin-top:20px;}
	footer address>div>div>p>span {width:100%; padding-left:0 !important;}
	
	footer address>div>div+div {margin-top:20px;}
	footer address>div>span {display:block; padding-bottom:10px;}
	footer address div>span:nth-child(2) {border:none}
	
	footer .copy {margin-top:10px; font-size:12px; color:#999;}
	
}