@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR|Play:400,700";	

/* webfont */
@font-face {
	font-family: 'SFProDisplay-Light';
	font-style: normal;
	font-weight: 300;
	src:url(../font/SFProDisplay-Light.eot); /* IE 호환성 보기 */
	src:local('SFProDisplay-Light'),
		url(../font/SFProDisplay-Light.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
		url(../font/SFProDisplay-Light.woff) format('woff'), /* 모던 브라우저 */
		url(../font/SFProDisplay-Light.ttf) format('truetype');
	}
@font-face {
	font-family: 'SFProDisplay-Regular';
	font-style: normal;
	font-weight: 400;
	src:url(../font/SFProDisplay-Regular.eot); /* IE 호환성 보기 */
	src:local('SFProDisplay-Regular'),
		url(../font/SFProDisplay-Regular.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
		url(../font/SFProDisplay-Regular.woff) format('woff'), /* 모던 브라우저 */
		url(../font/SFProDisplay-Regular.ttf) format('truetype');
	}
@font-face {
	font-family: 'SFProDisplay-Bold';
	font-style: normal;
	font-weight: 700;
	src:url(../font/SFProDisplay-Bold.eot); /* IE 호환성 보기 */
	src:local('SFProDisplay-Bold'),
		url(../font/SFProDisplay-Bold.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
		url(../font/SFProDisplay-Bold.woff) format('woff'), /* 모던 브라우저 */
		url(../font/SFProDisplay-Bold.ttf) format('truetype');
	}
@font-face {
	font-family: 'SFProDisplay-Medium';
	font-style: normal;
	font-weight: 300;
	src:url(../font/SFProText-Medium.eot); /* IE 호환성 보기 */
	src:local('SFProDisplay-Medium'),
		url(../font/SFProText-Medium.woff2) format('woff2'), /* WOFF2 지원 브라우저 */
		url(../font/SFProText-Medium.woff) format('woff'), /* 모던 브라우저 */
		url(../font/SFProText-Medium.ttf) format('truetype');
	}	
/* webfont end */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
table{border-collapse: collapse;border-spacing:0}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button,input {border:0 none;background-color:transparent;cursor:pointer}
input:focus{outline: none;}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'SFProDisplay-Regular','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', dotum, '돋움', sans-serif;color:#333}
a {text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
body {overflow-y: scroll;font-size: 18px;-webkit-text-size-adjust: none}
/* reset end */

/* common */
.screen_out {overflow: hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px}

#wrapper{overflow:hidden;min-width: 320px}
#nav {position:fixed;top:0;left:0;z-index: 1000;padding: 0 40px;width: 100%;height: 90px;text-align: left;background-color: #fff;color: #000;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1)}
#nav h1{font-weight: 300;font-size: 24px;line-height: 90px;font-family: 'Play', sans-serif}
.main_bg {position:relative;height: 400px;margin: 90px 0 0 0;background: #000}
.banner_img{width: 100%;height: 100%;background: url(../images/bg-foundation.png) no-repeat 0 0;background-position:-150px 0;background-size: cover}
.subtitle_main_img{position:absolute;top:140px;width: 100%;font-size: 40px;font-family: "SFProDisplay-Bold";color: #fff;text-align: center}
.subtitle_main_img p{line-height:45px;}
.subtitle_main_img div{margin-top:20px;font-size: 15px;font-family: "SFProDisplay-Regular";color: #fff;word-break:break-all}
/* .swiper-container{max-width:1008px;} */
.pagination_wrap{position:relative;top:100px;max-width: 1008px;margin: 0 auto}
.pagination_wrap .pagination{position:absolute;top:42px;right:19px;z-index:1000;width: 160px;height:40px;}
/* .cont_wrap{max-width: 1008px;margin: 0 auto;padding:20px 20px 0;box-sizing: border-box;} */
.cont_wrap{width:1008px;margin: 0 auto;padding:20px 20px 0;box-sizing: border-box;}
.main:last-child{border-bottom: none}
.main{padding: 100px 0;border-bottom: 8px solid #e5e5e5}
.main.lang_kr{font-size: 17px;font-family: 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', dotum, '돋움', sans-serif;}
.main:last-of-type{padding-bottom: 180px;}
.main h2{font-size: 50px;font-family:'SFProDisplay-Bold';color:#000}
.main h3{font-size: 20px;font-family:'SFProDisplay-Bold';color:#000}
.main h3.personnel{margin-top:100px;color:#898a8c}
.main h3 + h3 {padding-top:10px}
.registration_date {padding: 10px 0 30px;border-bottom: 1px solid #ccc;}
.registration_date .latest_date {display:inline-block;padding-right:10px;font-size:16px;font-family: 'SFProDisplay-Light'}
.registration_date strong {font-family:'SFProDisplay-Bold';font-size:16px}
.content p:first-of-type{padding-top:100px;}
.content p {padding: 40px 0;}
.content p + p{padding: 20px 0;line-height: 30px}
.content p .box{display: block}
.content div.align-left{padding:20px 0;}
.content .list_number + p ,
.content .list_hyphen + p{padding: 70px 0 40px;}
.content .list_number{margin-top:15px;counter-reset: numbering;}
.content .list_number li{padding-left: 30px; text-indent: -30px;}
.content .list_number li::before{margin-right:10px;counter-increment: numbering;content: counter(numbering)". "}
.content .list_hyphen{margin-top: 10px;}
.content .list_hyphen li{padding-left: 30px; text-indent: -30px;}
.content .list_hyphen li::before{margin-right:20px;font-size:25px;content:'-';}
.content .list_hyphen + .align-left{padding-top:50px;}
.content .align-left.foundation{padding-top:100px;}
#footer{position: relative;bottom:0;left: 0;right: 0;height: 60px;line-height: 60px;background: #7f7f7f}
#footer .copyright{font-size: 14px;text-align: center;color: #fff;}


.backup_container {width:100%;height:100%;text-align: center}
.backup_container form{width:100%;}
.backup_container form fieldset{box-sizing: border-box}
.backup_container h3{padding-top: 50px;font-size: 28px;text-align: left;color:#000}
.backup_container .search_box::after{display: block;content: '';clear: both}
.backup_container .search_box{position:relative;height:68px;margin-top:20px;margin-bottom:20px}
.backup_container .input_box{float:left;width:85%;height:100%;border: solid 1px #c0c2c3;border-radius: 3px 0 0 3px;background-color: #fff;box-sizing: border-box}
.backup_container .input_box input{width:100%;height:100%;padding:20px;font-size:20px;box-sizing: border-box}
.backup_container .input_box input::placeholder{font-weight: normal;font-size: 20px;font-family: SFProDisplay-Regular;letter-spacing: normal;color: #b7babb;}
.backup_container .input_box input:-ms-input-placeholder,
.backup_container .input_box input::-webkit-input-placeholder,
.backup_container .input_box input:-moz-placeholder,
.backup_container .input_box input::-moz-placeholder ,
.backup_container .input_box input::-ms-input-placeholder{font-weight: normal;font-size: 20px;font-family: SFProDisplay-Regular;letter-spacing: normal;color: #b7babb;}
.backup_container .input_box input:-ms-input-placeholder{color: #b7babb !important;}
.backup_container .btn_area{overflow:hidden;height:100%;}
.backup_container .btn_area button{width:100%;height:100%;border-radius: 0 3px 3px 0;font-weight: bold;font-size: 20px;line-height:68px;font-family:SFProDisplay-Bold;background-color: #004eed;box-sizing:border-box;color: #fff}
.backup_container .btn_area button[disabled]{background-color: #898a8c;pointer-events: none}

/* .backup_container .btn_check.on{background-color: #004eed;pointer-events: auto} */
.backup_container .notice_desc{width:100%;padding:10px 20px 10px;font-weight: normal;font-size: 15px;line-height: 2;font-family: SFProDisplay-Regular;letter-spacing: normal;box-sizing:border-box;color: #000;text-align: left}
.backup_container .notice_desc span{display:block}
.backup_container .table_box{width:100%;margin-top:45px;border-top:1px solid #000;border-bottom:1px solid rgba(0,0,0,0.6)}
.backup_container table{table-layout:fixed;width:100%}
.backup_container thead{width:100%}
.backup_container tbody tr:last-child td{border-bottom:none}
.backup_container tbody th{padding:23px 20px 20px;font-weight:normal;font-size: 15px;line-height: normal;font-family: SFProDisplay-Regular;letter-spacing: normal;text-align: left;color: #666;}
.backup_container tbody td{padding:0 20px 20px;border-bottom:1px solid #d8d8d8;font-weight: normal;font-size: 18px;line-height: normal;font-family: SFProDisplay-Regular;letter-spacing: normal;word-wrap:break-word;text-align: left;color:#000;}
.backup_container tbody .no-results td{text-align: center;color: #898a8c}
.backup_container thead th{padding:23px 20px 20px;font-weight: normal;font-size: 14px;line-height: normal;font-family: SFProDisplay-Regular;letter-spacing: normal;color:#666;text-align:left}
.backup_container .btn_ok{width:200px;height:60px;margin-top:40px;border-radius:3px;font-weight: bold;font-size: 15px;font-family: SFProDisplay-Regular;line-height: 1.73;letter-spacing: normal;background-color:#004eed;text-align: center;color:#fff}
.backup_container .btn_close{overflow:hidden;position:absolute;right:20px;top:20px;width:24px;height:24px;font-size:1px;line-height:1px;background:url(../images/images_en/btn-layer-close@3x.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;}


.swiper-container {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.swiper-slide {
	font-size: 18px;
	background: #fff;
}
.swiper-button-next, .swiper-button-prev{
	width: 40px;
	height:40px;
	cursor: pointer;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
opacity: 0.5;
cursor: default
}

.pagination.sticky {
	position: fixed;
	top:28px;
	right:20px;
}
.sticky .swiper-button-next, .sticky .swiper-button-prev, .sticky .swiper-pagination-fraction{
/* position: fixed; */
/* top: 30px; */
}

.swiper-button-prev{
position: absolute;
top: 20px;
left:0;
z-index: 100000;
background:url(../images/arrow-left-normal@3x.png) no-repeat 0 0;
background-size: 100%;
}
.swiper-button-next{
position:absolute;
top:20px;
right:0;
z-index: 100000;
background:url(../images/arrow-right-normal@3x.png) no-repeat 0 0;
background-size: 100%;
}
.swiper-pagination-fraction{
position: absolute;
right: 50px;
top: 0;
z-index: 10000;
height:40px;
/* padding: 0 30px; */
line-height: 40px;
}
.swiper-pagination-current, .swiper-pagination-total{
font-family: "SFProDisplay-Medium";
font-size:16px;
}
.swiper-pagination-current{
color: #000;
}
.swiper-pagination-total{
color:#999;
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}


/* size 1280 */
@media only screen and (max-width: 1280px) {
	.banner_img{
		background-position:-300px 0;
	}
	.cont_wrap{
		width: 100%;
	}
}

/* size 980 */
@media only screen and (max-width: 980px) {
	.banner_img {
		background-position:-500px 0;
	}
	.cont_wrap{
		width: 100%;
	}
}

/* size 768 */
@media only screen and (max-width: 768px) {
	.banner_img {
		background-position:-500px 0;
	}
	.cont_wrap{
		width: 100%;
	}
	
	.subtitle_main_img p{
		font-size:30px;
		line-height:30px; 
	}
	.subtitle_main_img div{
		margin: 20px auto;
		padding: 0 40px 0 0;
		font-size: 12px;
	}
	.main h2{
		padding-right: 160px;
	}
	.backup_container .input_box{width:75%} 
}


@media only screen and (max-width: 660px){
	.swiper-wrapper .swiper-slide .cont_wrap .main .content{width:100%;box-sizing: border-box}
}

@media only screen and (max-width: 640px){
	#nav h1{
		font-size: 20px;
	}
	.sticky .swiper-button-next, .sticky .swiper-button-prev{
		width: 30px;
		height: 30px;
	}
	.sticky .swiper-button-prev{
		right: 120px;
	}
	.sticky .swiper-pagination-fraction{
		top: -6px;
		right: 40px;
	}
	.pagination_wrap .pagination{
		width: 150px;
	}

	.backup_container .search_box .btn_check,
	.backup_container .search_box .input_box input::placeholder{font-size:18px}

}

/* size 480 */
@media only screen and (max-width: 480px) {
	#nav{
		padding: 0 20px;
	}
	#nav h1{
		font-size: 18px;
	}
	.banner_img{
		background-size: cover;
	}
	.main:last-of-type{
		padding-bottom:90px
	}
	.main{
		padding-top:50px;
		padding-bottom: 50px;
	}
	.main h2{
		font-size: 30px;
	}
	.content p:first-of-type{
		padding-top: 50px;
	}
	.content p{
		padding-top: 50px;
	}
	.subtitle_main_img{
		top:160px;
		padding: 0 20px;
		text-align: left;
	}
	.subtitle_main_img p{
		font-size:20px;
		line-height: 20px;
	}

	.swiper-button-next,.swiper-button-prev {
		width: 25px;
		height:25px;
	}
	.swiper-pagination{
		top:-10px;
	}
	.sticky .swiper-button-next, .sticky .swiper-button-prev{
		width: 25px;
		height: 25px;
	}
	.sticky .swiper-button-prev{
		right: 90px;
	}
	.sticky .swiper-pagination-fraction{
		top: -10px;
		right: 20px;
	}
	.pagination_wrap .pagination.sticky{
		top:34px;
	
	}
	.backup_container .search_box .btn_check,
	.backup_container .search_box .input_box input::placeholder{font-size:14px}
	.backup_container .input_box input{padding:20px 15px}
	.pagination_wrap .pagination{
		top:0;
		width: 100px;
	}
}

/* size 360 */
@media only screen and (max-width: 360px) {
	#nav{
		height:60px;
		padding: 0 20px
	}
	#nav h1{
		line-height: 60px;
		font-size: 14px;
	}
	.main_bg{
		margin: 60px 0 0 0;
	}
	.subtitle_main_img{
		top: 140px;
	}
	.sticky .swiper-button-next, .sticky .swiper-button-prev{
		top: 5px;
		width: 25px;
		height: 25px;
	}
	.sticky .swiper-button-prev{
		right: 90px;
	}
	.sticky .swiper-pagination-fraction{
		top:-26px;
		right: 20px;
	}
	.backup_container .search_box .btn_check,
	.backup_container .search_box .input_box input::placeholder{font-size:12px}
	.backup_container .input_box input{padding:20px 10px}
	#footer .copyright{
		font-size: 12px;
	}
}

/* size 320 */
@media only screen and (max-width: 320px) {
	.banner_img {
		border: none;
	}
	
}