.wrap{width: 100%; max-width:100%;margin:auto;}
@font-face { font-family: 'Arita-dotum-Medium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff'); font-weight: normal; font-style: normal;}
#visual { position:relative; width:100%;height:100vh;background: #000 url(../img/main/visual_img.jpg) no-repeat 50% bottom;background-size: cover;/*margin-top: -20px*/; overflow: hidden;}
#visual .copy {position: absolute;top: 50%;left: 10%;transform: translate(0, -50%);}
#visual .copy .kor {font-size:94px;color:#79f933;/* font-family: Arita-dotum-Medium; */ font-weight:600;} 
#visual .copy span {font-size:110px;}
#visual .visual_line { position:absolute; right:0; }
#visual .visual_cir { position:absolute; right:10%; top: 27%;}
#visual .abs_l {position: absolute;display: flex; flex-direction: column; align-items: center;color:#fff; margin: 100px -20px;}
#visual a:hover {color:#79f933;}

#visual .abs_l .line {height: 65vh;margin-bottom: 5vh;width: 1px;margin: 0 13px 55px 0;background:#fff;}
#visual .abs_l .t1 {color:#fff;transform: rotate(90deg);padding: 0px 20px;font-weight: 500;font-size: 15px;letter-spacing: 0;}
#visual .abs_r {position: absolute; right: 7%;top:50%;}
#visual .abs_r p {color:#fff;padding-top: 0;margin-top: 0;font-size: 24px;letter-spacing: 0;}
#visual .abs_r p.t2 {transform: translateX(55%);}
#visual .abs_menu {position: fixed;bottom: 5vh;right:2vw;background:#000;padding: 4px 30px;border-radius:8px;}
#visual .abs_menu a {display: inline-block;color:#fff;padding:10px;}

.cont {display:relative; width:100%; padding:100px; padding-bottom: 250px; overflow:hidden; }
.cont img { max-width:100%;}
.cont h2 {margin-bottom: 50px; font-size:30px;}
#cont01 {background:url(../img/main/cont1_line.png) no-repeat 50% 100%;background-size: contain;}
#cont01 ul{display:flex; gap: 1%}
#cont01 img {width:100%;}
#cont01 .cont1_img1 {width:65%;}
#cont01 .cont1_img2 {width:34%;}
#cont01 .cont1_img2 div {padding:70px;}
#cont01 .cont1_img2 a {display: block;font-size:48px;margin-bottom:20px;font-weight: 600;}
#cont01 .cont1_img2 p {margin:0;}

#cont02 {margin-top:50px;background:url(../img/main/cont2_bg.png) no-repeat 50% 0;background-size: cover;}
#cont02 h2 {color:#fff;}
#cont02 ul{display:flex;gap: 5%;justify-content: center;align-items: center;}
#cont02 li a {color:#fff; font-size:36px;}
#cont02 li p {color:#fff; font-size:24px;}
.trend_txt {max-width:25%;}
.trend_title {max-width:25%;}

/* people2 추가 */
#cont06 {margin-top:50px;background:url(../img/main/cont6_bg.jpg) no-repeat 50% 0;background-size: cover;}
#cont06 h2 {color:#fff;}
#cont06 ul{display:flex;gap: 5%;justify-content: center;align-items: center;}
#cont06 li a {color:#fff; font-size:36px;}
#cont06 li p {color:#fff; font-size:24px; }

#cont03 {padding-top: 50px;background: url(../img/main/cont2_line.png) no-repeat right top;overflow:hidden;}
#cont03 h2 {margin-top:50px;}
#cont03 h3 {font-size:175px;margin-left: -110px; color:#000;}
#cont03 div a {font-size: 36px; color:#000; font-weight:600}
#cont03 div p {font-size:24px;margin-top: 6px;}
#cont03 h5 {font-size:175px; width:100%; color:#000; width:100%; text-align:center;}
#cont03 .flex {display: flex;justify-content: center;gap: 50px; padding: 100px;}
#cont03 .con3_img_box {display: flex; flex-direction: column-reverse;}
#cont03 .plus {margin-top:10%; min-width:100px;}

#cont04 {padding-top: 50px; padding-bottom:30%; margin-top:-1px;}
#cont07 {padding-top: 50px; padding-bottom:15%}
#cont04 {background: url(../img/main/cont4_img.jpg) no-repeat 50% top; background-size:cover;}
#cont07 {background: url(../img/main/cont6_img.jpg) no-repeat 50% top; background-size:cover;}
#cont04 h2, #cont07 h2 {color:#fff; margin-top:50px;padding-bottom: 0;margin-bottom: 10px;}
#cont04 a {color:#fff; font-size:36px; font-weight:600}
#cont07 .sns_title {color:#fff; font-size:36px; font-weight:600}
#cont07 .inee {color:#fff; font-size:24px; font-weight:300; margin:0 0 5%;}
#cont07 .inee_link a {color:#fff; font-size:30px; }

#cont05 {padding: 2% 5%; margin-bottom:5%;}
#cont05 h2 {color:#000;margin-top:50px;padding-bottom: 0;margin-bottom: 3%;}
#cont05 .list_box {box-sizing: border-box;position:relative;}
#cont05 .list_box li {font-size:30px; padding:2% 2% 2% 3%; border-bottom:1px solid #000; background:url(../img/main/arr_right.png) 97% center no-repeat;}
#cont05 .list_box li a {display:block; color:#000;}



@media screen and (max-width: 1280px) {
	#visual .copy .kor {font-size:7vw;}
    .cont {padding-top: 5vw !important;padding: 5vw;}
    #cont01 .cont1_img2 div {padding:3vw;}
    #cont01 .cont1_img2 a {font-size:4vw}
    #visual .visual_cir {display:none;}
    #visual .abs_menu {bottom:3vw;}
	#cont05 .list_box li {font-size:1.5em;}

	#cont03 {background: url(../img/main/cont2_line.png) no-repeat right -50vw top 0;}
    #cont03 h2 {margin-top:0}
    #cont03 h3 {font-size: 11vw;margin-left: 0;/* display: none; */text-align: right;margin: 30px 0;}
    #cont03 h5 {font-size:14vw;margin: 50px 0;}
    #cont03 .flex {flex-direction:column;padding:0;gap:5vw;align-items: center;}
    #cont03 .flex a {font-size: 30px;}
}
@media screen and (max-width: 1024px) {
    #cont01 {padding-bottom:30vw;}
    #cont01 .cont1_img2 div {display:none;}
    #cont01 .m.cont1_img2 {width:100%; padding-top: 5vw;}
    #visual .abs_l { margin: 100px -30px;}
    #visual .abs_r {right:auto;left:0;top: 65%;}
    #visual .q {width:10vw;}
    #visual .main_slogan {width:50vw;}
    #visual .abs_r p.t1 ,
    #visual .abs_r p.t2 {transform: translateX(80px); font-size:18px;}
    .cont img {width:100%}

    #cont02 ul, #cont06 ul {flex-direction: column;}
    #cont02 ul a, #cont06 ul a {display:block; padding:2vw;}
	.trend_txt {max-width:90%;}
	.trend_title {max-width:95%;}
    
    #cont04 h2 {margin-top:0;}
	#cont05 .list_box li {padding:4% 10% 4% 3%;}
}
@media screen and (max-width: 900px) {
    #visual {background: #000 url(../img/main/visual_img.jpg) no-repeat 50% top;background-size: cover;background-position-x: 60%;}
    #visual .visual_line {right: -80vw;}
}
@media screen and (max-width: 700px) {
    #visual .q {width:15vw;}
    #visual .main_slogan {width:70vw;}
    #visual .abs_r {right:auto;left:0;top: 68%;}
    #visual .abs_r p.t1 ,
    #visual .abs_r p.t2 {transform: translateX(80px); font-size: 15px;}
    #visual .abs_l .t1 {font-size:13px;}
	#visual .abs_l .line {height: 50vh;}
    .cont p {font-size:15px !important;}
    #cont02, #cont06 {padding-bottom: 15vw;margin-top: 5vw;}
    #cont02 li a {font-size: 4.5vw;margin-bottom: 4vw;}
	.trend_txt {max-width:95%;}
	#cont05 .list_box li {font-size:3vw;}

	#cont07 .sns_title {font-size:4vw !important;;}
	#cont07 .inee {font-size:3vw !important;;}
	#cont07 .inee_link a {font-size:3.5vw !important;; }
}
@media screen and (max-width: 600px) {
	#visual { background: #000 url(../img/main/visual_img.jpg) no-repeat 80% bottom;background-size: cover;}
	#visual .copy {left: 15%;}
    #visual .abs_menu {padding: 1vw 4vw;}
    #visual .abs_menu a {font-size: 3vw;padding: 2.5vw;}
}
@media screen and (max-width: 500px) {
    #cont01 .cont1_img2 a {font-size: 6vw;}
    .cont h2 {font-size: 4vw;margin-bottom: 4vw;}

    #cont02 li a, #cont04 a {font-size: 6vw;margin-bottom: 4vw;}
    #cont04 a {text-shadow: 0px 0px 15px #000000aa }
}