/***************************
	font
***************************/
/* Noto Sans KR */
@font-face {
	font-family:"NSKR-T";
	src:local('※'),
		url('../font/NotoSansKR-Thin.otf') format('opentype'),
		url('../font/NotoSansKR-Thin.woff') format('woff'),
		url('../font/NotoSansKR-Thin.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-DL";
	src:local('※'),
		url('../font/NotoSansKR-DemiLight.otf') format('opentype'),
		url('../font/NotoSansKR-DemiLight.woff') format('woff'),
		url('../font/NotoSansKR-DemiLight.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-R";
	src:local('※'),
		url('../font/NotoSansKR-Regular.otf') format('opentype'),
		url('../font/NotoSansKR-Regular.woff') format('woff'),
		url('../font/NotoSansKR-Regular.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-M";
	src:local('※'),
		url('../font/NotoSansKR-Medium.otf') format('opentype'),
		url('../font/NotoSansKR-Medium.woff') format('woff'),
		url('../font/NotoSansKR-Medium.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-B";
	src:local('※'),
		url('../font/NotoSansKR-Bold.otf') format('opentype'),
		url('../font/NotoSansKR-Bold.woff') format('woff'),
		url('../font/NotoSansKR-Bold.woff2') format('woff2');
}

* {padding:0; margin:0;font-family: 'Noto Sans KR', 'Sans-serif';box-sizing:border-box;}
body {background-color:#fff;} 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p{margin:0;padding:0;font-style:normal;font-weight:normal; font-family: 'Noto Sans KR', 'Sans-serif';}
textarea {overflow: auto; resize: none}
a:link {font-family: 'Noto Sans KR', 'Sans-serif';text-decoration:none; display: inline-block;transition: all 0.3s ease; }
a:visited {font-family: 'Noto Sans KR', 'Sans-serif';text-decoration:none; display: inline-block;}
a:hover {font-family: 'Noto Sans KR', 'Sans-serif';text-decoration:none; display: inline-block;transition: all 0.3s ease;}
a:active {font-family: 'Noto Sans KR', 'Sans-serif';text-decoration:none; display: inline-block;}


img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'Noto Sans KR', 'Sans-serif'; }
hr {overflow:hidden; display: block; height:1px; border:none; border-top:1px solid #dadada}
button {line-height: 1;  background: none; border: 0; margin: 0; padding: 0; width: auto;cursor: pointer; overflow: hidden;}
button > span {position: relative;}

/* 
.section:last-child,
.section:last-child > div {height: auto !important;} */

.header {position: fixed; padding: 20px 0; top: 0; left: 0; width:100%; z-index: 70; }
.header.fix {background: rgba(0,0,0,.3)}
.header > a {position: absolute; top: 0; right: 10%; letter-spacing: -1px; display: block; font-size: 48px; line-height: 48px; color:#fff;font-family: 'Noto Serif Thai', sans-serif; text-shadow: 1px 1px 7px rgba(0,0,0,.3); }
.header .gnb {position: absolute; top:18px; right: 5%;}
.header .gnb li {display: inline-block; margin:0 0 0 93px}
.header .gnb li a { color: #fff; opacity: 1; font-size: 20px; line-height: 20px;  font-family: 'NSKR-R', sans-serif;  display: block;text-shadow: 1px 1px 7px rgba(0,0,0,.3);}
.header.fix .gnb li a {opacity: .7; }
.header .gnb li a:hover,
.header .gnb li a.on {opacity: 1;}

.con {position: relative; width:100%; padding:0 5%; }
#fullpage * {box-sizing: border-box; font-family: 'NSKR-DL', sans-serif;}
/* .section:nth-child(1):after {content: ""; position: absolute; bottom: 5%; left: 50%; width: 77px; height: 99px; margin-left:-39px; background: url("../img/scroll.png") no-repeat center center/cover;} */
.section {padding:80px 0;}
.section:last-child {padding: 0;}
#section0 {padding: 0; height: 100vh;}
#section1 {background:#eee}
.bn_main01 {padding: 0 5%; display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;-webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; width:100%; height:100vh; background:url("../img/bg01.jpg") no-repeat center 0; background-size:cover} 
.bn_main02 {padding: 0 5%; display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;-webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; width:100%; height:100vh;background:url("../img/bg01_2.jpg") no-repeat center 0; background-size:cover} 
.bn_main03 {padding: 0 5%; display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;-webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; width:100%; height:100vh;background:url("../img/bg01_3.jpg") no-repeat center 0; background-size:cover} 
.bn_slide.slick-slider, 
.bn_slide .slick-initialized .slick-slide,
.bn_slide.slick-slider .slick-list, 
.bn_slide.slick-slider .slick-track,
.bn_slide .slick-initialized .slick-slide {width:100%; height:100vh;}
.slick-slide > div > div {text-align: center; word-break:keep-all; font-size: 40px; line-height: 40px; font-weight: bold; color: rgb(255, 255, 255,1);  text-shadow: 1px 1px 7px rgba(0,0,0,.3);} 
.bn_slide .slick-dots {position: absolute; top:0; right:5%; height: 100vh;  display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-orient: vertical;  -ms-flex-direction: column;  flex-direction: column;-webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
.bn_slide .slick-dots li {margin:6px 0}
.bn_slide .slick-dots button {width:8px; height: 22px;transform: rotate(45deg); text-indent: -9999px; border-radius: 50%; border:none; cursor: pointer; background:rgba(255,255,255,.6)}
.bn_slide .slick-dots .slick-active button {background:rgba(255,255,255,1)}
.bn_slide .slick-slide img {max-width: 100%;}
.section h2 { width: 100%; text-align: center; font-size: 60px; line-height: 60px;color:#000; font-weight: bold; display: block; font-family:initial, sans-serif; }
.section h2 p {margin:40px 0 0; text-align: center; font-size: 16px; line-height: 18px;color:#999; display: block;font-family: 'NSKR-DL', sans-serif;font-weight: 400; word-break:keep-all; }

.service_list {max-width: 1960px; margin:40px auto 0; }
.service_list::after {content: ''; display: block; clear: both;}
.service_list li {float: left; text-align: left; width:25%; padding: 0 20px;}
.service_list li span {display: block; width:100%; margin:0 0 38px}
.service_list li span img {width: 100%; vertical-align: top; height: 200px;}
.service_list li span img.ov {display: none}
/* .service_list li:hover span img {display: none}
.service_list li:hover span img.ov {display: inline-block} */
.service_list li dt {display: block; margin:0 0 18px; font-size: 24px; line-height: 26px;color:#333637; font-weight: bold; }
.service_list li dd {display: block; font-size: 15px; line-height: 24px;color:#999; letter-spacing: -1px;font-weight: 400; word-break:keep-all; }

.bn_slide2 {margin:40px 0 0; padding: 0 5%;}
.bn_slide2 img {max-width: 100%;}
.bn_slide2 .slick-arrow {position: absolute; top:50%; margin-top:-20px; width: 116px; height: 40px; text-indent: -9999px; border:none; z-index: 1;}
.bn_slide2 .slick-arrow.slick-prev {left:3%; background: url("../img/bt_prev.png") no-repeat center center}
.bn_slide2 .slick-arrow.slick-next {right:3%; background: url("../img/bt_next.png") no-repeat center center}

.partner_list {overflow: hidden; margin-top:100px;display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;-webkit-box-pack: space-around;  -ms-flex-pack: space-around;  justify-content: space-around;}
.partner_list::after {content: ''; display: block; clear: both;}
.partner_list li {width: 20%; padding:100px 0; text-align: center; border-radius: 30px; background-color: rgba(255,255,255,.1);}
.partner_list li img {max-width: 100%; height: 100px;}
.partner_list li span {display: block; font-size: 22px; line-height:24px; color:#fff;margin:0 0 20px;}
.partner_list li span em {display: block; font-size: 18px; line-height: 16px; color:#ccc;margin:20px 0 0 ;}
#section3 { background:#000}
#section3 h2 {color: #fff;}
/* #fullpage .con { display: flex; align-items:  flex-start;} */

#section4 h2 {margin-bottom:40px}
#section4 dl {text-align: left;}
#section4 dt {display: block; margin:35px 0 18px; font-size:16px; line-height: 18px;color:#333;font-weight: bold;}
#section4 dd {display: block; margin:0 0 0; font-size:16px; line-height: 20px;color:#333}


/* .section:after {z-index:-1;content: ''; width: 100%; height: 100vh; position: absolute; top: 0; left:0;transition: all 0.3s ease;transform:rotate(.001deg);} */
/* .active.section:after { transition: all 5s ease; transform:scale(1.1) rotate(.001deg); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1); } */

.address {padding:55px 0; margin:0 auto; font-size: 16px; line-height:18px; color:#777; text-align: center; background: #222}
.address div {margin:0 0 37px}
.address div > a {position: relative; display: inline-block; vertical-align: middle; margin:0 28px;   font-size: 16px; line-height:18px; color:#777;}
.address div > a:hover {color:#fff}
.address div > a::after {content: ''; width: 1px; height: 18px; position: absolute; right: -32px; top:3px; background:#353535}
.address div > a:last-child::after {display: none}
/* .address em { color:#fff;} */
.address span {position: relative; display: inline-block; vertical-align: middle; margin:0 28px;   font-size: 16px; line-height:20px; color:#777;word-break:keep-all;}
.address span::after {content: ''; width: 1px; height: 18px; position: absolute; right: -32px; top:3px; background:#353535}
.address span:last-of-type::after {display: none}
.address span:nth-child(2) {display: block; margin-top:10px}
.address .copy {margin:17px 0 0;}
.inner {position: relative; max-width: 1920px; padding: 0 5%; margin:0 auto;}
.pc_block {display: block;}

@media all and (max-width:840px) {	
	.pc_block {display: inline; word-break: keep-all;}
	.m_block {display: block;}
	.header h1 img {width: 150px;}
	.header.fix {padding: 40px 0;}
	.header .gnb {position: absolute; top: -13px; right: 5%;}
	.header .gnb li {display:block; margin:0 0 5px; text-align: right;}
	.header .gnb li a {font-size: 14px; line-height: 16px; letter-spacing: 1px;}
	
	#section0 {height: 50vh;}
	.section {padding:40px 0;}
	.section h2 { font-size:30px; line-height: 30px}
	.section h2 p {margin:20px 0 0;font-size: 14px; line-height: 18px;}
	.service_list li span {margin:0 0 20px}
	.service_list { margin:40px auto 0; display: block}
	.service_list li {text-align: center; width:100%; padding: 0 10px; margin:0 0 40px;}
	.service_list li span {display: block; width:100%; margin:0 0 10px}
	.service_list li dt {margin:0 0 10px; font-size: 16px; line-height: 18px; }
	.service_list li dd {font-size: 14px; line-height: 18px;color:#999;  }
	.bn_main01 {padding: 0 5%; height:50vh; background:url("../img/bg01.jpg") no-repeat center 0; background-size:cover} 
	.bn_main02 {padding: 0 5%; height:50vh;background:url("../img/bg01_2.jpg") no-repeat center 0; background-size:cover} 
	.bn_main03 {padding: 0 5%; height:50vh;background:url("../img/bg01_3.jpg") no-repeat center 0; background-size:cover} 
	.bn_slide .slick-dots {display: none !important;}
	.bn_slide2 {margin:20px 0 0;}
	.bn_slide2 .slick-arrow { top:-30px; margin-top:0; width: 36px; height: 13px;}
	.bn_slide2 .slick-arrow.slick-prev { background: url("../img/bt_prev.png") no-repeat center center/cover}
	.bn_slide2 .slick-arrow.slick-next { background: url("../img/bt_next.png") no-repeat center center/cover}
	.service_list li span img {height: auto;}
	.slick-slide > div > div {font-size: 20px; line-height: 30px;} 
	
	.partner_list {display:block; margin-top:50px;}
	.partner_list li {width:100%;  padding: 50px 0; margin:0 2% 20px; text-align: center}	
	.partner_list li span {font-size: 18px; line-height:20px; }
	.partner_list li span em {font-size: 14px; line-height: 16px;}

	.address div > a { margin:0 18px; font-size: 14px; }
	.address div > a::after {right: -21px; top:3px;height: 14px;}
	.address span {font-size: 14px;}
	.address span::after {display: none;}
	.address .copy {font-size: 14px;}
}
@media all and (max-width:412px) {	
	.partner_list li {float: left; width:33.3%; height: 28px; padding: 0 2%; margin:0 0 20px; text-align: center}
}
.ticker {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.ticker li {height: 28px;padding: 5px;	margin: 0px 5px;font-size: 16px; line-height: 24px; display: block;white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}
.ticker li span {font-weight: bold; margin:0 5px 0 0;}