@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
 @font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/notokr-light.eot');
	src: url('fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notokr-light.woff2') format('woff2'),
		 url('fonts/notokr-light.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/notokr-regular.eot');
	src: url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notokr-regular.woff2') format('woff2'),
		 url('fonts/notokr-regular.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/notokr-medium.eot');
	src: url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notokr-medium.woff2') format('woff2'),
		 url('fonts/notokr-medium.woff') format('woff');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/notokr-bold.eot');
	src: url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notokr-bold.woff2') format('woff2'),
		 url('fonts/notokr-bold.woff') format('woff');
}
/*웹 브라우저 같은 프로그램(user agent)이나 스크린 리더, 맞춤법 검사기, 검색 엔진에 유용한 정보를 제공하기 위함*/
abbr,acronym{border:0;}

::selection {background:#333; color:#eee;}
body{min-width:1200px;letter-spacing:-0.08em; position:relative;background:white;font-family:'Montserrat' , 'Noto Sans KR',  sans-serif ;  width:100%;  margin:0px; padding:0px; ;color:#2e3842; letter-spacing:-0.05em; word-break:keep-all;}
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; box-sizing:border-box;}
address,caption,cite,code{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;}
ol,ul,li{ list-style:none; box-sizing:border-box;}
div {box-sizing:border-box;}
a, img{border:none; box-sizing:border-box;}
a:visited, a:link, a:active, a:hover{color:inherit;text-decoration:none; ; border:none;}

.wrap{width:100%; min-width:1200px;background:white; position:relative;}
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

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

header {
	width:100%;
	z-index:999;
	 position:absolute;
	 top:0;
	 height:96px;
	 color:white;
	 background:rgba(0,0,0,.4);
	 box-sizing:border-box;
	 border-bottom:1px solid #959595;
	 transition:0.5s all;
}
header:hover {
	background:rgba(0,0,0,.6);
}
h1 {width:167px;}
.header_wrap {
	width:1200px; 
	margin: 0 auto;
	position:relative;
	z-index:999;
	}

header h1 {
	float:left;
	width:170px;
}
header h1 img {
padding-top:25px;
}
header .gnb {
	float:right;
	z-index:999;
}

header ul.gnb > li {
	float:left;
	font-size:18px;
	color:white;
	width:150px;
	box-sizing:border-box;
	text-align:center;
	font-weight:500;
	line-height:96px;
}
header ul.gnb > li:hover {
	background: #052188; /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,33,136) 0%,  rgba(37,105,189) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(5,33,136) 0%, rgba(37,105,189) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(5,33,136) 0%, rgba(37,105,189) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052188', endColorstr='#2569bd',GradientType=0 ); /* IE6-9 */}
}
header ul.gnb > li > a {
	display:block;
	width:100%;
	height:96px;
}
header ul.gnb > li:hover .depth2{
	display:block;
	position:absolute;
	z-index:999;
}
header ul.gnb > li > .depth2 {
	width:150px;
	padding-top:10px;
	padding-bottom:10px;
	color:#333;
	background: #fff;
	position:absolute;
	top:96px;
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
}
header ul.gnb > li > a {
}
header ul.gnb::after {
	clear:both;
	content:'';
	display:block;
}
header::after {
	clear:both;
	content:'';
	display:block;
}

header ul.gnb > li::after {
	background:pink;
	content:'';

}


header .snb_bg {
	width:100%;
	height:200px;
	background:rgba(255,255,255,.7);
	position:absolute;
	top:80px;
	z-index:-1;
	display:none;
}

header .gnb .depth2 li {
	line-height:40px;
	font-weight:300;
	transition:0.5s all;
	font-size:17px;
}

header .gnb .depth2 li a {
	transition:0.5s all;
}
header .gnb .depth2 li a:hover {
}

header .depth2 {
	display:none;
}



/*responsive - add */
#mobileMenu {display:none;}

.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:fixed; z-index:9999999; top:40px; right:4px;  border-radius:0;  display:none;padding-right:30px;}
/*responsive - add */
.gnb_wrap {position:absolute; right:0;}

/*footer*/
#footer{ margin:0 auto; background:#f3f4f5;}
#footer .footer_inner{max-width:1200px; margin:0 auto; line-height:30px; padding-top:45px; }
#footer .footer_inner .f_logo{ height:44px; float:left;padding-top:2px;}
#footer .footer_inner address{font-size:14px; color:#999; float:left; padding-left:25px; line-height:1.6em; word-break:keep-all; padding-bottom:50px;}
#footer .footer_inner address .space{padding:0 15px; }
#footer .copy{display:block; font-size:14px; text-align:center; color:#959595;  height:60px; background:white; line-height:60px; letter-spacing:0; border-top:1px solid #e0e0e0;}
#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 .col {float:left;}
#footer .footer_inner h5 {color:#747474; padding-left:25px; font-size:16px;}
#footer address i {	font-style: normal; margin: 0 10px; font-size:15px; vertical-align: top: color: #555;}
#footer .privacy_wrap {float:right;}
#footer .privacy {box-sizing:border-box; width:96px; height:96px; background:#222; font-size:12px; color:#8d8d8d; box-shadow: 0 5px 7px rgba(0,0,0,.4); background:url(../images/f1.png) no-repeat center 20px #222; text-align:center; padding-top:73px; display:block;  float:left; margin-right:10px }
#footer .privacy.as {background:url(../images/f2.png) no-repeat center 20px #222;}

#footer .footer_inner .col:nth-of-type(2) {padding-right:150px;}
#footer .upper {height:60px; line-height:60px; border: 1px solid #e0e0e0; background:white; color:#666;}
#footer .upper .upper_inner {position:relative; width:1200px; margin:0 auto; font-size:14px;}
#footer .upper i {font-style:normal; padding: 0 30px; color:#ddd}
#footer .upper .right {float:right; color:#999; width:auto;}
#footer .upper b {padding-right:20px; color:#666;}
#footer .top {position:fixed; top:auto; left:auto; bottom:60px; right:50px; display:inline-block; width:43px; height:43px; background:url(../images/top.png) no-repeat center center; opacity:0.8; z-index:999;}



/*privacy*/
#privacy article {padding-bottom:80px;}
#privacy article li{ list-style-position:inside !important;}
#privacy h4{display:inline-block;padding-left:0;margin-bottom:10px;font-size:19px;color:#333;font-weight:normal;background:none;}
#privacy h5{margin-top:20px;font-size:17px}
#privacy h5:before{content:"▶";}
#privacy article p, #privacy article li{font-size:16px;line-height:1.6em;}
#privacy article p:first-child {padding-top:40px;}
#privacy .depth1>li{margin-top:40px;list-style:decimal;}
#privacy .depth2{margin-left:20px;}

#privacy article ol li{margin-bottom:10px;list-style:lower-roman;}

#privacy .depth3{display:block;margin-left:35px;margin-top:10px;}
	#privacy article ul li{list-style:square;}
#privacy .list-style-none li{margin-left:20px;margin-top:10px;list-style:none;}

#privacy article dl{overflow:hidden;}
#privacy article dt{clear:both;float:left;}
#privacy article dt:after{content:" : ";}
#privacy article dd{}