@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* font-family: 'Noto Sans KR', sans-serif; */

html {background-color:transparent !important;}
body {letter-spacing: -0.8px;font-family: 'Noto Sans KR', sans-serif;}
img { border:0; }
h1,h2,h3,h4  { margin:0px; }

.banner a {display: block;position:fixed;width:205px;height:288px;right:0%;top: 210px;z-index:9999;padding:82px 0 0 0;background: url('yeonji_btn_floating.png') no-repeat;cursor: pointer;margin-right: 10px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.banner a:hover{background: url('yeonji_btn_floating_hover.png') no-repeat;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.blind {display: block;left: 9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute;}
.banner a:hover {  }
.btn_fixed {position:fixed; top: 0!important;}

.btn_area a {display: block;cursor: pointer;}

.yeonji_wrap {position: relative; width:100%; height:auto;max-width:2000px;margin: 0 auto;background-position:top center; overflow: hidden !important;}
.container {max-width: 1200px; margin: 0 auto; overflow-x: hidden;}
.txt01 {font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 28px; line-height: 1.3; text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5); font-weight: 300; }

.bold {font-weight: 700;}
.txt_highlight {color:#fdd6be; font-weight:700;}

.yeonji_wrap a { display:block }

#yeonji_cont01 {height:1600px;background-image:url('con01_bg02.jpg');}
#yeonji_cont02 {height:1073px;background-image:url('con02_bg.jpg');}
#yeonji_cont03 {height:1135px;background-image:url('con03_bg.jpg');}
#yeonji_cont04 {height:1066px;background-image:url('con04_bg.jpg');}
#yeonji_cont05 {height:1169px;background-image:url('con05_bg.jpg');}
#yeonji_cont06 {height:1283px;background-image:url('con06_bg.jpg');}
#yeonji_cont07 {height:990px;background-image:url('con07_bg.jpg');}
#yeonji_cont08 {height:210px;background-image:url('con08.jpg');}



#yeonji_cont01 .container {padding: 120px 0 120px 0;}
#yeonji_cont01 .btn_area {padding: 45px 0 0 22px;}
#yeonji_cont01 .btn_join {display: block;
    width: 476px;
    height: 112px;
    padding: 33px 0 0 35px;
    background: url('btn_arrow.png') no-repeat, #f37021;
	background-position: 426px 66px;
    font-size: 25px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -1.2px;
}
#yeonji_cont01 .btn_join:hover { background: url('btn_arrow.png') no-repeat, #dd6014; background-position: 426px 66px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
#yeonji_cont01 .btn_join .strong{font-size: 36px; font-weight:700;}
#yeonji_cont01 .txt01{padding: 40px 0 0 22px;}
#yeonji_cont01 .video {margin:auto;width: 1000px;padding: 85px 0 0 0;}
#yeonji_cont01 .txt02 {padding:35px 0 0 22px;font-size: 18px;color: #fff;line-height: 1.3;text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);font-weight: 400;}

#yeonji_cont03 .container {width: 100%; max-width: 2000px; padding: 90px 0 710px 0;}
#yeonji_cont03 .container .txt_area{padding: 0 0 0 960px;width:670px;}
#yeonji_cont03 .container h2 {display: inline-block;}
#yeonji_cont03 .container .txt01{display: inline-block; padding: 20px 0 0 15px;}

#yeonji_cont04 .container {width: 100%; max-width: 2000px;padding: 140px 0 160px 0;}
#yeonji_cont04 .container .txt_area{padding: 0 0 0 380px; width:830px;}
#yeonji_cont04 .container h2 {display: inline-block;}
#yeonji_cont04 .container .txt01{display: inline-block;padding: 50px 0 0 15px;}
#yeonji_cont04 .container .txt02 {padding: 110px 0 0 15px;font-size:22px;color: #fff;line-height: 1.3;text-shadow: 1px 0px 10px rgba(0, 0, 0, 0.5);font-weight: 400;}

#yeonji_cont05 .container {width: 100%; max-width: 2000px; padding: 155px 0 630px 0;}
#yeonji_cont05 .container .txt_area{padding: 0 0 0 400px; width:830px;}
#yeonji_cont05 .container h2 {display: inline-block;}
#yeonji_cont05 .container .txt01{display: inline-block;padding: 33px 0 0 0;color:#000;text-shadow: none;letter-spacing: -1.2px;line-height: 1.4;}
#yeonji_cont05 .container .txt02 {font-size:18px;color: #000;line-height: 1.3;font-weight: 500;padding: 410px 0 0 0;}
#yeonji_cont05 .btn_area {padding: 45px 0 0 0;}
#yeonji_cont05 .btn_join {
    display: block;
    width: 470px;
    height: 65px;
    padding: 25px 0 0 50px;
    background: url('btn_arrow.png') no-repeat, #f37021;
    background-position: 430px 39px;
    font-size: 29px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1.2px;
}
#yeonji_cont05 .btn_join:hover { background: url('btn_arrow.png') no-repeat, #dd6014; background-position: 430px 39px; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
#yeonji_cont05 .btn_join .strong{font-size: 29px; font-weight:700;}




/* #yeonji_cont06 .container {width: 100%; max-width: 2000px; padding: 610px 0 150px 0;}
#yeonji_cont06 .container .txt_area{padding: 0 0 0 1000px; width:600px;}
#yeonji_cont06 .container h2 {display: inline-block;}
#yeonji_cont06 .container .txt01{display: inline-block; padding: 40px 0 0 0; color:#000; text-shadow: none;letter-spacing: -1.2px;}
#yeonji_cont06 .container .txt02 {font-size:18px;color: #000; line-height: 1.3; font-weight: 400; }
#yeonji_cont06 .btn_area {padding: 45px 0 25px 0;}
#yeonji_cont06 .btn_join {display: block;
    width: 476px;
    height: 112px;
    padding: 33px 0 0 35px;
    background: url('btn_arrow.png') no-repeat, #f37021;
	background-position: 426px 66px;
    font-size: 25px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -1.2px;
}
#yeonji_cont06 .btn_join:hover { background: url('btn_arrow.png') no-repeat, #dd6014; background-position: 426px 66px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.btn_join .strong{font-size: 36px; font-weight:700;} */

#yeonji_cont07 .container {width: 100%; max-width: 2000px; padding: 145px 0 170px 0;}
#yeonji_cont07 .container .txt_area{width:1200px;margin: auto;}
#yeonji_cont07 .container h2 {text-align: center; font-size:35px; font-weight:700; color: #000;}
#yeonji_cont07 .container h2 .txt_orange {color: #f37021;}
#yeonji_cont07 .container .support_list {padding:70px 0 60px 0; height:495px;}
#yeonji_cont07 .container .support_list li {float: left;width: 370px; height: 495px; margin: 0 15px; box-shadow: 6px 5px 20px rgba(199, 196, 196, 0.5);background: #fff; }
#yeonji_cont07 .container .support_list li .img_area {height:293px;}
#yeonji_cont07 .container .support_list li .txt_area {padding: 28px 25px 0 25px; width: 320px;}
#yeonji_cont07 .container .support_list li .txt_area h3 {color: #f37021; font-size: 22px; padding: 0 0 20px 0; font-weight: 600;}
#yeonji_cont07 .container .support_list li .txt_area p {display: inline-block; font-size:20px; color:#000; line-height:1.4}
#yeonji_cont07 .container .txt02 {font-size:18px;color: #000; line-height: 1.3; font-weight: 400; text-align: center;}

#yeonji_cont08 a {height: 210px;}

.pc {display: block;}
.tablet {display: none;}


@media (min-width:1680px) and (max-width:1920px){
	#yeonji_cont03 .container .txt_area {padding: 0 0 0 900px;}
	#yeonji_cont04 .container .txt_area {padding: 0 0 0 330px;}
	#yeonji_cont05 .container .txt_area {padding: 0 0 0 350px;}
	
} 

@media (min-width:1440px) and (max-width:1679px) {
	.banner a {right: -20px;}
	.pc {display: none;}
	.tablet {display: block;}
	
	#yeonji_cont03 .container .txt_area {padding: 0 0 0 790px;}
	#yeonji_cont04 .container .txt_area {padding: 0 0 0 200px;}
	#yeonji_cont05 .container .txt_area {padding: 0 0 0 220px;}
	
	#yeonji_cont06 .container {padding: 580px 0 150px 0;}
	#yeonji_cont06 .container .txt_area{padding: 0 0 0 815px;}
	
	
}




@media (min-width:1024px) and (max-width:1439px){
	#yeonji_cont03 .container .txt_area {padding: 0 0 0 670px;}
	#yeonji_cont04 .container .txt_area {padding: 0 0 0 120px;}
	#yeonji_cont05 .container .txt_area {padding: 0 0 0 100px;}
	
	#yeonji_cont06 .container {padding: 580px 0 150px 0;}
	#yeonji_cont06 .container .txt_area{padding: 0 0 0 680px;}
	
	
}