@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans-Light.eot);
src: url(/fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans-Light.woff2) format('woff2'),
url(/fonts/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans-Regular.eot);
src: url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
/*url(/fonts/NotoSans-Regular.woff2) format('woff2'),*/
/*url(/fonts/NotoSans-Regular.woff) format('woff');*/
}
@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 400;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans-Regular.eot);
src: url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
/*url(/fonts/NotoSans-Regular.woff2) format('woff2'),
url(/fonts/NotoSans-Regular.woff) format('woff');*/
}
@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans-Medium.eot);
src: url(/fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
/*url(/fonts/NotoSans-Medium.woff2) format('woff2'),
url(/fonts/NotoSans-Medium.woff) format('woff');*/
}
@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 600;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans-Bold.eot);
src: url(/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
/*url(/fonts/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans-Bold.woff) format('woff');*/
}
@font-face {
font-family: 'noto';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans-Bold.eot);
src: url(/fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
/*url(/fonts/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans-Bold.woff) format('woff');*/
}


@font-face
{
font-family: 'Noto Sans KR1';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR1';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR1';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR1';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR1';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR1'; font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/*웹 브라우저 같은 프로그램(user agent)이나 스크린 리더, 맞춤법 검사기, 검색 엔진에 유용한 정보를 제공하기 위함*/
abbr,acronym{border:0;}


body{ background:white;font-family:'noto', 'Noto Sans KR', 'Noto Sans KR1', sans-serif ;  width:100%;  margin:0px; padding:0px; ;color:#333; letter-spacing:-0.05em; height:100%;}
img {-webkit-touch-callout: none;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;}
ol,ul,li{ list-style:none; }
div {box-sizing:border-box;}
a, img{border:none;}
a:visited, a:link, a:active, a:hover{color:inherit;text-decoration:none; ; border:none;}

.wrap{width:100%; background:white;}
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

.row::after {
	display:block;
	content:'';
	clear:both;
}


header {
	height:105px;
}

/*header*/
.header_wrap {
	position:relative;
	max-width:1200px;
	margin: 0 auto;
}
.header_wrap::after {
	display:block;
	clear:both;
	content:'';
}
header h1 {
	float:left;
	max-width:155px;
	margin-right:45px;
/*background:url('../images/call_number.png') 48px center no-repeat;*/
}

header h1 img {
	padding-top:22px;
	padding-bottom:5px;
	width:155px;
	display:block;
}
.clearfix::after {
	display:block;
	content:'';
	clear:both;
}
header .gnb {
	float:left;
	max-width:1000px;
	width:100%;
}
header .gnb > li {
	float:left;
	font-weight:500;
	box-sizing:border-box;
	text-align:center;
	padding-top:60px;
	font-size:18px;
	position:relative;
	width:15.5%;
}
header .gnb > li:first-child {
	width:22%;
	margin-left:72px;
}
header .gnb .lang {
	width:4%;
}
header .gnb > li > a {
	width:100%;
	display:block;
	text-align:left;
	text-indent:15px;
}
header .gnb > li.lang a {
	font-weight:400;
	border:1px solid #d0dae1;
	padding:4px 10px;
	display:inline;
	font-size:13px;
}
header .gnb > li > ul.depth2 {
	position:absolute;
	margin:0 auto;
	z-index:950;
	top:106px;
	height:324px;
	width:100%;
	display:none;
}

header .gnb > li > ul.depth2.menu1 {
	z-index: 980;
}

header .gnb  .menu2 {
	position:relative; 
	z-index: 940;
}

header:hover .depth2{
	display:block;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px solid #d0dae1;
}
header .gnb > li > ul.depth2:hover {
	box-sizing:border-box;
	border-left:1px solid #d0dae1;
	border-right:1px solid #d0dae1;
	background:#f6f8fd;
	border-bottom:1px solid #d0dae1;
}

header .snb_bg {
	/*origin background:url('../images/gnb01.png') no-repeat 310px 70px, url('../images/gnb02.png') no-repeat 1300px 80px;*/
	/*background:url('../images/gnb01.png') no-repeat 600px 70px, url('../images/gnb02.png') no-repeat 1500px 80px;*/
	background-color:white;
	position:absolute;
	width:100%;
	height:325px;
	top:105px;
	z-index:300;
	border-top:1px solid #d0dae1;
	border-bottom:1px solid #d0dae1;
	display:none;
}

header .gnb > li > ul.depth2 > li {
	display:inline-block;
	width:100%;
	margin:0 auto;
	line-height: 18px;
	padding: 10px 0; ;
	text-align:left;
	font-weight:400;
	font-size:16px;
}
header .gnb > li > ul.depth2 > li:hover {
	background:#aac929;
	color:white;
	text-shadow:  0px 0px 2px #000;
}
header .gnb > li > ul.depth2 > li > a {
	width:100%;
	display:block;
	text-indent:15px;
}

header .gnb .depth2 .has-sub {position:relative; }
header .gnb .depth2 .has-sub ul{position:absolute; top:0; left: 100%; width:100%; z-index:999;display:none;}
header .gnb .depth2 .has-sub ul li {position:relative; border-bottom: 1px solid #1b4372;}
header .gnb .depth2 .has-sub ul li:hover a{background:#1356a5;}
header .gnb .depth2 .has-sub ul li a { top:0; left:0; z-index:10;padding: 10px 10px; background:#11509b;color:#fff; display:block;text-shadow:none;  font-size: 14px;}
header .gnb .depth2 .has-sub:hover ul {display:block;}
.menu_btn{width:auto; float:left;  display: none;  float:right;  color: #ecf0f1; margin-top:16px;  padding:22px 30px;}
.menu_btn:hover{animation:menu_motion 0.5s .5s linear;   cursor: pointer;}
.hamburger .line{ width: 36px; height: 5px; border-radius:2px; background-color: #606060; z-index:444; display: block; margin: 7px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.close_btn{position:absolute; z-index:9999999; top:28px; right:4px;  border-radius:0;  display:none;padding-right:30px;}

header .header_p {
	color:#0076c1;
	font-size:20px;
	font-weight:700;
	position:absolute;
	top:65px;
	left:38px;
}


/*footer*/
#footer{ margin:0 auto; background:#f6f8fd; padding:30px 0 40px;border-top:1px solid #d0dae1;}
#footer .footer_inner{max-width:1200px; margin:0 auto; padding:0 10px; font-size:14px;}
#footer .footer_inner .f_logo{ height:44px; float:left;padding-top:2px;}
#footer .footer_inner address{font-size:14px; color:#8b98a1; float:left; padding-left:25px; line-height:1.6em;}
#footer .footer_inner address .space{padding:0 15px; }
#footer .footer_inner address a {display:inline-block; padding:0 10px;padding-bottom:20px; font-size:14px;}
#footer .footer_inner address a:first-child {padding-left:0;}
#footer .footer_inner address .copy{display:inline-block; float:right; font-size:12px;}
#footer .footer_inner ul{width:auto; float:right;}
#footer .footer_inner ul li{width:auto; height:50px;  color:#787878; float:left; margin-right:25px;}
#footer .footer_inner ul li:last-child{margin-right:0px;}
#footer .footer_inner ul li a{display:block; width:100%; height:auto;}
#footer .footer_inner ul li a p{height:50px;text-align:center; font-size:18px; margin-left:55px;padding-top:8px;}
#footer .footer_inner ul li a p span{display:block; height:35px; line-height:37px;  border-top:2px solid #787878; border-bottom:2px solid #787878; }
#footer .footer_inner ul li:nth-child(1) a{background:url('../images/PR_icon.png') no-repeat left top;}
#footer .footer_inner ul li:nth-child(2) a{background:url('../images/AS_icon.png') no-repeat left top;}
#footer .footer_inner ul li:hover > a{color:#fff;}
#footer .footer_inner ul li:hover > a p span{  border-top:2px solid #fff; border-bottom:2px solid #fff;}
#footer .footer_inner ul li:nth-child(1) a:hover{background:url('../images/PR_icon_on.png') no-repeat left top;}
#footer .footer_inner ul li:nth-child(2) a:hover{background:url('../images/AS_icon_on.png') no-repeat left top;}
#footer .footer_inner .privacy {padding-left:109px; font-size:14px; color: #8b98a1;}

#mobileMenu {
	display:none;
}
#mobileMenu .gnb .depth2 .has-sub ul{position:absolute; top:100%; left: 0; width:100%; z-index:999;}

@media (max-width:1200px) {
	header .gnb > li > ul.depth2:hover {
		border-left:none;
		border-right:none;
		border-bottom:none;
	}
	header h1 {
		text-align:left;
		padding-left:30px;
		z-index:444;
		
	}
	header .header_p {
		display:none;
	}
	header .gnb {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		background:white;
		z-index:333;
		margin-top:105px;
		display:none;
		border-top:1px solid #d0dae1;
		font-size:16px;
	}
	header .gnb {
	padding-bottom:0px;
	max-width:none;
	z-index:1000;
	}
	header .gnb > li > ul.depth2 {
		height:auto;
	}
	header .gnb > li {
		padding-top:0;
		width:100%;
		text-align:center;
		border-bottom:1px solid #d0dae1;
		background:url('../images/plus.png') calc(100% - 40px ) 22px no-repeat;
	}
	header .gnb .lang {
		width:100%;
	}
	header .gnb li a {
		line-height:60px;
	}
	.menu_btn {
		display:block;
		position:absolute;
		top:0;
		right:0;
	}
	.sns {
		display:none;
	}
	header .gnb > li > ul.depth2 {
		display:none;
	}
	header .gnb > li > ul.depth2.show {
		display:block;
	}
	header .gnb > li > ul.depth2.hide {
		display:none;
		}
	#footer {
	}
	#footer .f_logo {
		padding-left:25px;
		padding-bottom:25px;
	}
	#footer address {
		padding-right:25px;
		font-size:14px;
	}
	#footer .footer_inner .privacy {
		width:100%;
		padding-left:25px;
	}
	#footer .privacy a {
		font-size:14px; color:#8b98a1;
	}
	#footer .footer_inner .f_logo {
		float:none;
		
	}

	.gnb > li > ul.depth2 {
	width:100%;
	position:static;
	}
	header .gnb > li > ul.depth2 > li {
		display:block;
		width:100%;
		margin: 0 auto;
		line-height:38px;
		padding:10px 0;
		font-weight:400;
		font-size:16px;
	}
	header .gnb > li > ul.depth2 {
		position:static;
		padding-top:0;
		border-top:1px solid #d0dae1;
		background:#f7f7f7;
	}
	header .gnb > li > ul.depth2 > li {
		border-bottom:1px solid #d0dae1;
		background:#f7f7f7;
		box-sizing:border-box;
		float:left;
		white-space:nowrap;
		border-right:1px solid #d0dae1;
	}
	header .gnb > li > ul.depth2 > li:last-child {
		border-right:none;
	}
	header .gnb > li > ul.depth2 > li a {
		line-height:40px;
	}
	header .gnb > li > ul.depth2.menu1 > li{
		width:50%;
	}
	header .gnb > li > ul.depth2.menu2 > li{
		width:50%;
	}
	header .gnb > li > ul.depth2.menu3 > li{
		width:33.3333%;
	}
	header .gnb > li > ul.depth2.menu4 > li{
		width:33.3333%;
	}
	header .gnb > li > ul.depth2.menu5 > li{
		width:25%;
	}
	header .gnb .home {
		display:none;
	}
	header .gnb > li:first-child {
	width:100%;
	margin-left:0;
}
	#computerMenu {
		display:none;
	}
	#mobileMenu {
		display:block;
	}
}