.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 .copy {position: absolute;top: 41%;/* left: 50%; *//* transform: translate(-50%); */width: 100%;text-align: center;}
#visual .copy p {display:block;font-size:84px;color:#fff;font-family: "Arita-dotum-Medium";text-align:center;font-weight: 600;width: 100%;padding: 0 20vw;line-height: 1.3;}
#visual .copy .s_people {display:block; font-size:0.5em;font-weight: 500;width: 100%; margin-top:4%;}
#visual .abs_l {position: absolute;display: flex;flex-direction: column;align-items: center;color:#fff;/* transform: rotate(90deg); *//* padding: 90px 0; */margin: 100px -20px;}
#visual a:hover {color:#00ffff;}
#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_menu {position: absolute;bottom: 5vh;right:3vw;background:#000;padding: 4px 30px;border-radius:8px;}
#visual .abs_menu a {display: inline-block;paddding:10px;color:#fff;padding:15px;}

#visual.imagine, #visual.people, #visual.archi, #visual.rnd, #visual.news { position:relative; width:100%;height:100vh; background-size: cover;overflow: hidden;}
#visual.imagine {background: #000 url(../img/sub/visual_bg_01_special.jpg) no-repeat 50% bottom;}
#visual.people {background: #000 url(../img/sub/visual_bg_02_trend.jpg) no-repeat 50% bottom;}
#visual.archi {background: #000 url(../img/sub/visual_bg_03_focus.jpg) no-repeat 50% bottom;}
#visual.news {background: #000 url(../img/sub/visual_bg_04_news.jpg) no-repeat 50% bottom;}
#visual.issue {background: #000 url(../img/sub/visual_bg_05_issue.jpg) no-repeat 50% bottom;}

.cont {display:relative;width:100%;padding: 100px;overflow:hidden;}
.cont .wrap {width:1400px;max-width: 100%;margin: 0 auto;text-align: center;}
.cont .wrap p {width:960px;max-width: 100%;margin: 0 auto;font-size: 20px;margin-bottom: 50px;color: #000;text-align: left;}
.cont .wrap p.page_copy {font-size:30px; text-align:center; font-family: "Arita-dotum-Medium";margin-bottom: 120px;}
.cont h1 {display:block; text-align: center; margin: 10% 0 4%; font-size:62px;}
.cont h2 {display:block; text-align: center; margin: 50px; font-size:62px;}
.cont h4 {display:block;text-align: center;margin-bottom: 30px;font-size:24px;color:#00e4e4;letter-spacing: 0;}
.cont h3 {display:block; text-align: left; margin-bottom: 50px; font-size:3em; width:960px;max-width: 100%;margin: 8% auto 3%;}
.cont h3 span {color:#62669f;}
.cont img { max-width:100%; margin-bottom:1%;}
.img {text-align:center;}
.img .img4 {margin-bottom:20px;}
.img p.img_cs {text-align:center; font-size:15px; color:#666}
.sns {position:fixed;display:flex;flex-direction:column;top: 50%;gap:10px;right:50px;margin-top: -110px;}
.arrow{/*position:fixed;bottom:4%;*/ width:100%;display: flex;padding: 0 50px 50px;justify-content: space-between;margin-top: -110px; text-align:center; z-index:-2;}
.arrow b {font-size:15px; font-weight: 600; color: #666; display: inline-block; padding-top:5px;}
.arrow span:hover b {color:#111}
.arrow_l {left: 10px; text-align:center;}
.arrow_r {right: 10px; text-align:center;}

#cont01 .img {display:block;}
#cont01 .img2 {margin-top: 230px;}

/* 추가 250105 */
.imagine_box {padding:5%; background-color:#e9f3f5; border-radius: 2%; /* border:1px solid #a3bcc1; */ }
.wrap .caption{display:block;text-align:center; font-size:14px;color:#6f4671; margin:0 0 4%; padding:0 4%;}
.wrap .caption2{display:block; text-align:center; font-size:1em;color:#655740; margin:2% 0;}
.cap{font-size:14px !important; display:inline-block; color:#6a7c89; margin:2% 0 0 0; line-height:160%;}
.cap a {color:#636cdf;}
.wrap p sup, .wrap p sub {line-height:80%;}
.ta_cen {text-align:center !important;}
.cen_mt {margin-top:2% !important;}
.newsbt {width:100px; height:100px; margin:10% auto 3%; font-size: 18px !important;font-weight:600 !important;color: #00e4e4 !important;padding: 3px 0;text-align: center; border:2px solid #00e4e4; border-radius: 10%; background:#fff; display: flex; justify-content: center; align-items: center;}
.mov {width:100%; max-width:1280px;margin:6% auto;}
.vimeoWrap03{position:relative;padding-bottom:53%; /* 16/9 ratio */padding-top:32.5px;/* IE6 workaround*/height:0;overflow:hidden;margin:0}
.vimeoWrap03 iframe, .vimeoWrap03 object, .vimeoWrap03 embed {position: absolute;top: 0;left: 0;width: 100%; height:100%;border:0px;}
.pp01 {background:#e7eeef; border-radius: 10px; padding:3%; text-align:center !important; }
.pp01 span {font-weight:600;}
.txt_c01 {color:#6a7c89;}

.tit_re1 {margin-top:-8%;} /* 서브페이지 메인 타이틀 위치 조정 - 위로 이동 */

.le_spc1 {letter-spacing:-1.2px !important;}

@media screen and (max-width: 1280px) {
    #visual .visual_cir {display:none;}
    #visual .abs_menu {bottom:3vw;}

    .cont {padding-top: 5vw !important;padding: 5vw;}
    .arrow {margin-top: 0;padding: 50px;}
	.newsbt {max-width:130px;font-size:20px !important;font-weight:500 !important;}
}
@media screen and (max-width: 1024px) {
    #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%}
    .sns  {position: static;margin: 10vw auto;width: 240px;flex-direction: row;gap: 1.5vw;margin-top: -106px;justify-content: space-evenly;}
    .cont .video  { max-width:60%; margin:auto; }
    .arrow {margin-top:0px;padding: 50px;}
    .arrow b {display:none;}
}
@media screen and (max-width: 900px) {
    #visual {background: #000 url(../img/main/visual_bg.jpg) no-repeat 50% top;background-size: cover;background-position-x: 60%;}
    #visual .visual_line {right: -80vw;}
    #visual .copy p {font-size: 11vw;padding: 0 15vw;}
    .cont .wrap p.page_copy {font-size: 24px}
	.newsbt {width:80px;height:80px;font-size:16px !important;padding:0px 0}
}
@media screen and (max-width: 768px) {
    #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;}
    .cont p {font-size:15px !important;}
	.cont h1 {font-size:6vw; margin: 10% 0 4%;}
    .cont h2 {font-size:6vw; margin-bottom: 5vw;}
	.cont h3 {font-size:2em; }
    .cont .wrap p.page_copy {font-size: 20px !important;margin-bottom: 10vw;}
    .cont h4 {font-size:3.5vw;margin-bottom: 2vw;}
    .flex_lr {flex-direction:column;gap: 0;}
    #cont01 .img2 {margin-top:0;}
    .cont .wrap p {margin-bottom:7vw;}
    .sns {margin-top: -88px;}
    .sns img {width: 34px;}
    .arrow img {width:20px;}

	.tit_re1 {margin-top:-35% !important;}
	.le_spc1 {display:none;}
}
@media screen and (max-width: 600px) {
	#visual.imagine {background: #000 url(../img/sub/visual_bg_01_special_m.jpg) no-repeat 50% bottom !important; background-size: contain !important;} /* 82호 적용 */
    #visual .abs_menu {padding: 1vw 4vw;}
    #visual .abs_menu a {font-size: 3.5vw;padding: 2.5vw;}
    .cont .wrap p.page_copy {font-size: 4vw !important;padding: 5vw 12vw 0;}
    .cont .video  { max-width:75%; margin:auto; }
	.mobile{display:none}
	.newsbt {width:70px; height:70px;font-size:16px !important;}
}