@charset "utf-8";
/* base */
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@font-face {
 font-family: 'na200';
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareL.woff) format('woff'),
      url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'na300';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'na400';
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareB.woff) format('woff'),
      url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'na500';
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
    font-family: 'no200';
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-light.woff2') format('woff2'),
         url('../font/notokr-light.woff') format('woff'),
         url('../font/notokr-light.ttf') format('truetype'),
         url('../font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'no300';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no400';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no500';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-bold.woff2') format('woff2'),
         url('../font/notokr-bold.woff') format('woff'),
         url('../font/notokr-bold.ttf') format('truetype'),
         url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no600';
    src: url('../font/notokr-black.eot');
    src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-black.woff2') format('woff2'),
         url('../font/notokr-black.woff') format('woff'),
         url('../font/notokr-black.ttf') format('truetype'),
         url('../font/notokr-black.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "timon";
  src: url("../font/TmonMonsori.eot");
  src: url("../font/TmonMonsori.eot?#iefix") format("embedded-opentype"),
  url("../font/TmonMonsori.woff") format("woff"),
  url("../font/TmonMonsori.woff2") format("woff2"),
  url("../font/TmonMonsori.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/fontawesome-webfont.woff2') format('woff2'),
        url('../font/fontawesome-webfont.woff') format('woff'),
        url('../font/fontawesome-webfont.ttf') format('truetype'),
        url('../font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'score4';
    src: url(../font/S-CoreDream-4Regular.eot);
    src: url(../font/S-CoreDream-4Regular.eot?#iefix) format('embedded-opentype'),
    url(../font/S-CoreDream-4Regular.woff) format('woff'),
    url(../font/S-CoreDream-4Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'score5';
    src: url(../font/S-CoreDream-5Medium.eot);
    src: url(../font/S-CoreDream-5Medium.eot?#iefix) format('embedded-opentype'),
    url(../font/S-CoreDream-5Medium.woff) format('woff'),
    url(../font/S-CoreDream-5Medium.ttf) format('truetype');
}
/* common */
body { padding:0;margin:0;font-family: 'no300','나눔고딕',NanumGothic, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; }
#land { width:100%;overflow:hidden;/* min-width:1025px;  */}
.section_wrap { max-width:1500px;width:100%;margin:0 auto; }
div { font-size:0; }
div:after { content:'';display:block;clear:both; }

/* section1 */
.section1 { background: url(/images/section1_bg.png) top center no-repeat;width:100%;
	position: relative;
    z-index: 2;}
.section1_wrap { position:relative;min-height:808px;padding-left: 30px;}
.section1_left { float:left;padding-top:80px; position: relative;
    z-index: 9999;}
.section1_btn { padding-top: 35px; }
.section1_btn a {
	display:inline-block;
	margin-right:20px
}
.section1_btn a:last-child {
	margin-right:0;
}
.section1_right { position:absolute;top:0;right:-200px;/* margin-right:-20%; */margin-top:0 !important; z-index: 1;}
/* .section1_modal {
	margin-top:
} */

/* section2 */
/* .section2 {padding: 0 15px;} */
.section2-1 {background: url(/images/section2_bg.png) top center no-repeat;width:100%; 
	position: relative;
    top: -160px;
    z-index: 1;}
.section2-1_title { padding: 200px 0 0; text-align: center;padding: 200px 0 0;
    text-align: center;
    font-size: 42px;
    font-weight: 600;}
.span_color1 {
	color:#5784f7;
}
.span_color2 {
color:#97a515;
}
.section2-1_wrap { padding:0; min-height: 755px;}
.section2_title {width:100%;display:inline-block;text-align:center;}
.section2_title img {
	max-width: 100%;
}
.section2_all_wrap { padding-top:40px;position:relative; }
.section2_left { float:left; }
.section2_right { position:absolute;top:180px;right:20px;display:inline-block; }
/* .section2_all_wrap>div {
	max-width: 50%;
} */
.section2_all_wrap {
	padding: 40px 130px 0;
}
/* .section2_all_wrap img {
	width: 100%;
} */
.section2_right_1 {
	position: relative;
    top: -118px;
}
.section2_title > div {
	font-size:42px;
	font-weight: 600;
}
.section2_title > div:first-child{font-size:30px;    color: #303a43;
    font-weight: 600;margin-bottom: 10px;}

/* section3 */
.section3 { position:relative;  
background: url(/images/section2_bg.png) top center no-repeat;width:100%; padding: 60px 0 170px;}
/* .section3:before { content:'';display:block;position:absolute;top:0;left:0;height:150%;width:100%;background:#fafafb;transform:skew(0deg, -6deg);} */
.section3_all_wrap { position:relative;padding:50px 0; }
.section3_left { position:absolute;}
.section3_right { float:right;     position: relative;
    top: 85px;     right: 130px;}
.section3_all_wrap>div {
	max-width: 50%;
}
.section3_all_wrap {
	padding: 40px 215px 0;
}
.section3_all_wrap img {
	width: 100%;
}
.section3_left_1 {width: 90%;}

/* section5 */
.section5 { 
	background: url(/images/section5_bg.png) top center no-repeat;
	background-size:cover;
	width:100%;
	margin-top:0;
	overflow:hidden;
	position:relative;
	z-index:10;
	padding: 0 30px;
}
.section5_wrap { position:relative;min-height:484px; max-width: 1035px; }
.section5_left { float:left;padding:60px 0; }
.section5_btn { padding:40px 0 0; margin-left:-5px;position:relative;z-index:10 }
.section5_btn a {
	display:inline-block;
	z-index:10 
}
.section5_btn a + a {
	margin-left:10px
}
.section5_right { position:absolute;right:-147px;bottom:-115px;font-size:0; z-index:-1}

/* footer */
.footer_logo { display:inline-block;width:100%;text-align:center;padding:40px 0; }
.footer_info { text-align:center;padding-bottom:60px; }
.f_info { margin-bottom:5px; }
.f_info span { font-size:16px;color:#777;letter-spacing:-1px;word-break:keep-all; }
.f_info span:after { display:inline-block;content:'';width:1px;height:12px;background:#ccc;margin:0 10px; }
.f_info span:last-child:after { display:none; }
.f_info_2 { margin-bottom:20px; }
.f_info_3 { margin-bottom:0; }
.company_name { font-weight:900; }
.section2_1_video {
    max-width: 100%;
    text-align: center;
}
.section2_1_video > img {
	max-width:100%;
}
.section2_img2_mobile {
display:none;
}
.mobile_view {display:none;}
.section5_txt > div:first-child {
	font-size: 42px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
}
.section5_txt > div:last-child {
	font-size: 26px;
    color: #9d9fa0;
    font-weight: 500;
}
.span_block {display:block;}


@media screen and (max-width:1500px) {
	.section2-1 {
		 background: transparent;
	}
	.section2-1_wrap {
		min-height: 100%;
		height: 640px;
	}
	.section2_right {
	    position: inherit;
		top: 130px;
		right: 0;
		width:100%;
	}
	.section2_all_wrap {
		text-align: center;
		padding: 50px 30px 0;

	}
	.section2_left {
		float:none;	
	}
	.section2_left > img {
		max-width:100%;
	}
	.section3 {
		background-size: cover;
		padding: 0 0 75px;
	}
	.section3_left_1 img {
		-ms-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-0-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	.section3_left_1 {
		    width: 85%;
		margin: 0 auto;
	}
	.section3_all_wrap>div { max-width: 100%;}
	.section3_left {
		    position: inherit;
	}
	.section3_all_wrap {
		padding: 360px 0 0;
		text-align: center;
	}
	.section3_right {
		float:none;
	    position: inherit;
		top:0;
		right:0;
	}
	.section2 {
		height: 1980px;
		padding-top: 100px;
	}
	.section2_all_wrap img {margin-bottom: 25px; width:100%;}
	.section3_right > img {width:93%}
	.section2_right_1 {margin: 0 50px;}
	.section2_1_video {padding: 0 10px;}
	.f_info span {font-size: 21px;}
	.section2_1_video > img { width: 100%;}
}
@media screen and (max-width:1200px) {
	.section1_modal > img {
	    width: 75%;
	}
	.section1_right {
	    top: 75px;
		right: -365px;
	}
	.section1_left {
	    padding-top: 65px;
	}
	.section2_img2_pc {display:none;}
	.section2_img2_mobile {display:block; width: 85%;
    margin: 0 auto;}
	
}
@media screen and (max-width:760px){
	/* common */
	#land { min-width:100%; }
	#land img { max-width:90%;margin-left:6vw;}
	.section_wrap { padding-top:0; }

	/* section1 */
	.section1 { background-size:cover; }
	.section1_wrap { min-height:100%;padding-top:0; }
	.section1_left { float:none;display:inline-block;padding:0;width:100%; }
	.section1_txt { padding:6vw; }
	.section1_btn { padding:3vw 6vw; }
	.section1_btn a {width:60%; }
	.section1_right { 
		position:static;
		margin-right:0;
		width:100%;
		float:left;
		margin-bottom: -66px;
	}

	/* section2 */
	.section2_title { width:auto;padding:6vw 6vw 0;display:block; }
	.section2_all_wrap { padding:0 6vw; }
	.section2_right { float:none;text-align:left;margin-right:0;width:100%;position:static;padding-top:50px; }
	.section2_right_1 { width:80%; }
	.section2_left { float:none;margin-left:0; }
	.section2_all_wrap>div {
		max-width: 100%;
	}

	/* section3 */
	.section3 {
		margin: 0;
	}
	.section3_all_wrap { padding:6vw; }
	.section3_left { float:none;margin-left:-50px;position:static;display:inline-block;text-align:right;width:100%; }
	.section3_left_1 { text-align:right;padding-top:0;width:80%;margin:0 auto;display:inline-block; }
	.section3_right { float:none;margin-right:0;text-align:center; }
	/* .section3_all_wrap>div {
		max-width: 100%;
	} */
	.section3_left {
		top:50%;
		transform:translateY(0)
	}


	/* section5 */
	.section5_wrap { padding:0;min-height:100%; }
	.section5_left { float:none;padding:6vw 0 0 0;display:inline-block;width:100%;text-align:center; }
	.section5_txt { padding:0 6vw; }
	.section5_right { float:none;padding-top:0;width:90%;margin:0 auto;position:static; }
	.section5_btn { padding:6vw; }
	.section5_btn a { width:60%;display:inline-block; }

	/* footer */
	.footer_info { padding:0 10px 60px; }

	.section2_title {
		padding: 12vw 6vw 0;
	}
	.f_info span {
		font-size:12px
	}
	.footer_logo {
		padding: 20px 0 10px;
	}
	.footer_logo img{
		width: 30%;
	}
	.footer_info {
		padding: 0 10px 30px;
	}
	.f_info_2 {
		margin-bottom: 10px;
	}
	.section2_left > img {
		width:100% !important;
	}
}
@media (max-width: 500px) {
	.section1_right {
		    animation-duration: inherit;
    animation-delay: inherit;
    visibility: hidden;
		display:none;
	}
}

@media screen and (max-width:480px) { 
	.section1_right {
		margin-bottom: -14.5%;
	}
	.section1_right {
		visibility: hidden !important;
		display:none !important;
	}
	.section1_modal {
		display:none !important;
	}
}