/*메인비주얼*/
#visual {background-color:#0f0f14;}
.visual_img{width: 100%;max-width: 1500px;margin: auto;position:relative;height: 1020px;margin-top: 50px;}
.visual_img img {position:absolute;top: 180px;}
.visual_img .mv_obj1 {left: 1%; top:20%;}
.visual_img .mv_obj2 {left: 26%; top:21%;}
.visual_img .mv_obj3 {left: 39%; top: 7%;}
.visual_img .mv_obj4 {left:61%; top:20%;}
.visual_img .mv_obj5 {left:81%; top:20%;}
.visual_img p {color:#aaaaaa; position:absolute;}
.visual_img p.mv_t1 {left: 410px;top: 660px;font-weight: 500;font-size:16px;letter-spacing: -0.045em;}
.visual_img p.mv_t2 {left: 1015px;top: 720px;font-size:12px;width: 460px;letter-spacing: -0.04em;line-height: 1.5;}
.visual_img .mv_m {display:none;}

.img p {font-size:16px; color:#aaaaaa; margin-top:10px;}
.wrap > div {margin-top:120px;}
.fs16.c2 {width:300px;}
.golink {font-size:30px;font-family:'noto serif', serif;/*background: url(../img/main/a_arrow.png) no-repeat right
5px top 50%;*//* padding: 0 45px 0 0; */font-weight: 300}
.golink:hover {text-decoration:underline; transition:.5s;}
.right {text-align: right;}
.italic {font-style:italic;}
.txt_jus {text-align:justify !important;}

.scroll_on {position:relative;}
.scroll_on .serif.text {position:absolute; width: 100%; /* line-height: 1.8; */}
.cont1_2 .scroll_on .serif.text {margin-top: 297px;width: 650px;}
.cont1_4 .scroll_on  {margin: 70px 0 0 330px;width: 980px;}

#cont1 {background:#02532f;}
#cont1 .wrap {position: relative;width:1560px;max-width: 90vw;padding: 10px 0;margin:0px auto;color:#fff;}
#cont1 .cont1_2 {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
#cont1 .cont1_2 .img12_box {width:47%;}
#cont1 .cont1_2 .img12_box img, #cont1 .cont1_4 .img14_box img {max-width:100%; height: auto;}
#cont1 .cont1_2 .txt12_box {width:47%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; align-content: stretch;}
#cont1 .cont1_2 h2, #cont1 .cont1_3 h2, #cont1 .cont1_4 h2, #cont2 .cont2_1 h2, #cont2 .cont2_2 h2 {font-size:60px;}
#cont1 .cont1_2 h3 {padding:4% 0; font-size:26px;}
#cont1 .cont1_2 .c1 {margin-left: 0; color:#aaaaaa; text-align: right;}
#cont1 .cont1_2 .text12_m, #cont1 .cont1_3 .text12_m, #cont1 .cont1_3 .text12_m, #cont1 .cont1_4 .text12_m {font-size:30px; line-height:1.5;}
#cont1 .cont1_2 .link_box12 {margin-top:8%; }
#cont1 .golink {color:#fff;}
#cont1 .cont1_2 .p2 {text-align:right;position: absolute;right: 0;bottom: 0;}
#cont1 .cont1_2 .p2 p {margin-bottom:10px;}


#cont1 .cont1_3 {width:100%; max-width:930px; margin:7% auto 10%;}
#cont1 .cont1_3 h3 {padding:2% 0; font-size:26px;}
#cont1 .cont1_3 .serif.text {margin-top: 0;}
#cont1 .cont1_3 .img13_box {margin:5% 0 3%;}
#cont1 .cont1_3 .img13_box img, #cont2 .cont2_2 .img_box22 img {max-width:100%; height: auto;}
#cont1 .cont1_3 .p2 {text-align:right;width: 100%;display: flex;align-items: flex-end;flex-direction: column;align-content: end;}
#cont1 .cont1_3 .p2 .fs16 {text-align: left;margin-bottom: 20px;line-height: 1.8;}
/*
#cont1 .cont1_4 {padding-bottom:160px;}
#cont1 .cont1_4 .text {margin: 0;padding-right: 300px;}
#cont1 .cont1_4 .serif.c2 {padding-right: 300px;}
#cont1 .cont1_4 .wh2 {width:650px;}
#cont1 .cont1_4 .img {position:absolute; top: 200px; right:0;}
#cont1 .cont1_4 .p2 {margin-top:280px;margin-left: 330px;}
*/
#cont1 .cont1_4 {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
#cont1 .cont1_4 .img14_box {width:47%;}
#cont1 .cont1_4 .img14_box img {max-width:100%; height: auto;}
#cont1 .cont1_4 .txt14_box {width:42%; height:auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; align-content: space-between;  }
#cont1 .cont1_4 {padding-bottom:10%;}
#cont1 .cont1_4 h3 {padding:2% 0 4%; font-size:26px;}
#cont1 .cont1_4 .link_box14 {margin-top:12%;}
#cont1 .cont1_4 .text {margin: 90px 0 0 360px;}
#cont1 .cont1_4 .wh2 {width:650px;}
#cont1 .cont1_4 .img {position:absolute; top: 200px; right:0;}
#cont1 .cont1_4 .p2 {margin-top:280px;margin-left: 360px;}

#cont2 {background:#fff;}
#cont2 p {color:#535353;}
#cont2 .wrap {position: relative;width: 1560px;max-width: 90vw;padding: 10px 0;margin:0px auto;color:#000;}
#cont2 h2 {font-size:72px; font-weight:500; color:#000}
#cont2 .serif {font-size:42px;color:#535353;font-weight: 400;line-height:1.5;}
#cont2 .cont2_1 {padding-top:2%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
#cont2 .cont2_1 .mov_box21 {width:32.3%; padding-bottom:57.5%; }
#cont2 .cont2_1 .txt_box21 {width:55%; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; align-content: stretch;}
#cont2 .cont2_1 .mov_box21 iframe, #cont2 .cont2_1 .mov_box21 object, #cont2 .cont2_1 .mov_box21 embed {position: absolute;top: 0;left: 0;width: 100%; height:100%;border:0px;border-radius:20px;}
#cont2 .cont2_1 .text21_s {font-size:24px; font-family: 'noto serif', serif; color:#000; padding:2% 0;}
#cont2 .cont2_1 .text21_m, #cont2 .cont2_2 .text22_m {font-size:30px; line-height:1.5; padding:3% 0 5%;font-family: 'noto serif', serif;}
#cont2 .cont2_1 .link_box21, #cont2 .cont2_2 .link_box22 {margin-top:5%; position:absolute; bottom:0; line-height:1;}
#cont2 .cont2_1 .tit {margin: 0 0 230px 260px; color:#535353}
#cont2 .cont2_1 ul {display:flex;justify-content:space-between;gap: 100px;}
#cont2 .cont2_1 .text1 {margin-top:0;}

#cont2 .cont2_2 {padding-top:3%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
#cont2 h3 {font-size:24px; font-family: 'noto serif', serif; color:#000; padding:1% 0 4%;}
#cont2 .cont2_2 .txt_box22 {width:46%;position: relative;display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; align-content: stretch;}
#cont2 .cont2_2 .img_box22 {width:40%; }
#cont2 .cont2_2 .text1 {margin-top:0;}
#cont2 .cont2_2 .img {margin-top:30px;}

#cont3 {margin:120px 0 3% 0;}
#cont3 .wrap {width:1800px; max-width: 94vw; margin:0 auto;}
#cont3 .card {display:flex;gap:23px;/* flex-wrap: wrap; */justify-content: center;}
#cont3 .card a {position:relative; display:block; border:2px solid #000; width:24%; transition:.5s;}
#cont3 .card a h2 {font-size:48px;height: 370px;margin-top: 50px;padding: 0;}
#cont3 .card a {padding:30px;overflow: hidden;}
#cont3 .golink {font-size:24px;}
#cont3 .card a img {position:absolute; left: 0; top: 0; width:100%; z-index:-1; opacity:0;transition:.5s;}
#cont3 .card a:hover img {opacity:1; transition:.5s;}
/* #cont3 .card a.card2:hover h2,
#cont3 .card a.card2:hover h4,
#cont3 .card a.card2:hover span{ color:#fff; } 3월호 monthly issue 오버 컬러 동일하게*/ 

/* 이벤트 자리 */
#cont4 {background:#fff;}
#cont4 .wrap {width:1800px; max-width:100%; margin:0 auto;}
#cont4 .wrap .cont4_1 {margin-top:3% !important;}
#cont4 .wrap img {width:100%;}

/* 메인카피 수정 03. 20. 이건 적용 불가 */
/* #cont1 .cont1_1 .serif {word-break: break-all;} */
.seri_mm1 {color:#fff !important;} /* 3월호 메인 슬로건 잔상 삭제 후 텍스트 컬러 조정 -  */

@media screen and (max-width: 1910px) {
    #cont3 .card a h2 {font-size: 2.4vw}
}
@media screen and (max-width: 1730px) {
    .cont1_1 .scroll_on .serif.text,
    .cont1_1 .scroll_on .serif.c2 {width: 100%;font-size: 3.50vw;} /* 3월호 메인 슬로건 잔상 처리용 텍스트 크기 조정 - 기존 3.27vw  */
}

@media screen and (max-width: 1700px) {
	#cont1 .cont1_2 .img12_box {width:37%;}
	#cont1 .cont1_2 .txt12_box {width:57%;}
	#cont1 .cont1_4 .img14_box {width:40%;}
	#cont1 .cont1_4 .txt14_box {width:50%;}
	#cont1 .cont1_4 .link_box14 {margin-top:15%;}
	#cont1 .cont1_4 .text {margin: 0;}
    #cont2 .cont2_1 ul {flex-direction: column-reverse;padding-bottom: 100px;}
    #cont2 .cont2_1 .p_tit {position:static;margin: 0; text-align:left;}
    #cont2 .cont2_1 .tit {margin-bottom:100px;}
    #cont2 .cont2_1 .serif {margin: 0;width: 100%;}
    #cont2 .cont2_1 ul .right {text-align:left;}
    #cont2 .cont2_2 ul {padding-left:0;}
    .cont1_4 .scroll_on  {margin: 70px 0 0 150px;}
	#cont4 .wrap {width:1800px; max-width:95%; margin:0 auto;}
}
@media screen and (max-width: 1550px) {
    .cont1_4 .scroll_on  {margin: 70px 0 0 50px;}
}
@media screen and (max-width: 1400px) {
	#cont1 .cont1_2 {flex-direction: column-reverse;}
	#cont1 .cont1_2 .img12_box, #cont1 .cont1_4 .img14_box {width:100%;}
	#cont1 .cont1_2 .txt12_box, #cont1 .cont1_4 .txt14_box {width:100%; margin-bottom:5%;}
    .cont1_1 .scroll_on .serif.text, .cont1_1 .scroll_on .serif.c2 {font-size: 2.27vw;}
	.m1_2_imgbox {width:100%;}
    .pc {display:none}
	.wrap > div {margin-top:10%;}
    .visual_img .mv_obj1,.visual_img .mv_obj2,.visual_img .mv_obj3,.visual_img .mv_obj4,.visual_img .mv_obj5 {display:none;}
    .visual_img {margin:20px auto;text-align:center;height: auto;}
    .visual_img .mv_m {display: block;position: static;text-align: center; margin: 7% auto auto;width: 800px;max-width: 80vw;}
    .visual_img p {position:static;}
    .visual_img p.mv_t1 {margin: 50px auto; font-size:30px;}
    .visual_img p.mv_t2 {margin:30px auto;text-align:left;font-size:24px;width: 800px; max-width:90vw; margin-bottom: 10vw;}
    #cont1 .wrap {width:800px; max-width:90vw;}
    h2 {font-size:52px;}
    h2 span {font-size:30px;}
    .serif,.serif span.fc1 {font-size:30px;}
    .pt50 {padding-top:5vw}
    .fs30 {font-size: 20px;}
	 .img p{font-size: 1.5vw;}
	.fs16.c2{font-size: 1.5vw;}
    .pc {display:none}
    #cont1 .cont1_2 ul {display:flex;flex-direction: column;}
    #cont1 .cont1_2 .text {position:static;top: 54px;text-align: left ;}
    #cont1 .cont1_2 .p2 {position:static;display: flex;flex-direction: column;align-items: flex-end;}
    #cont1 .cont1_2 .img {margin-top:5vw;}
    #cont1 .cont1_2 .p2 p {text-align:right;}
	#cont1 .cont1_2 .c1, #cont1 .cont1_2 .serif.c2 {text-align:left !important;}

    #cont1 .cont1_3 {margin-left:0; margin-top:10vw;}
    #cont1 .cont1_3 .serif {margin: 5vw 0;}
    #cont1 .cont1_3 .img {margin-left:0;}
    #cont1 .cont1_3 .p2 .fs16 {text-align:right;}

    #cont1 .cont1_4 .text {/* margin:5vw 0; */padding-right: 0;}
    #cont1 .cont1_4 .img {position:static;text-align: right;margin-top: 8vw;}
    #cont1 .cont1_4 .img img {width: auto;max-width: 67vw;text-align: right;}
    #cont1 .cont1_4 .wh2 {width:100%;}
    #cont1 .cont1_4 .p2 {margin:0;display:flex;flex-direction:column;align-items: flex-end;text-align: right;margin-top: 2vw;}

    #cont2 .wrap {width:800px;}
    #cont2 h2,  {font-size:50px;padding: 0vw 0;margin: 3vw 0 0;}
	#cont2 .cont2_1 h2, #cont2 .cont2_2 h2 {font-size:50px;}
	#cont2 .cont2_1 .mov_box21 {margin:0 auto 10%; width:59.8%; padding-bottom:106.5%; }
	#cont2 .cont2_1 .txt_box21 {width:100%;}
    #cont2 .cont2_1 {padding:0;}
    #cont2 .cont2_1 .tit {margin:0 0 10vw 0}
	#cont2 .cont2_1 .link_box21, #cont2 .cont2_2 .link_box22 {margin-top:5%; position:relative;}

    #cont2 .cont2_2 {padding-left:0;}
	#cont2 .cont2_2 .txt_box22 {width:100%; margin-bottom:5%;}
	#cont2 .cont2_2 .img_box22 {width:100%; }
    #cont2 .cont2_2 ul {padding-left:0;flex-direction: column;padding-bottom: 100px;}
    #cont2 .cont2_2 .text1 {height:auto;width: 100%;margin-bottom: 0;font-size: 1.2vw;}
    #cont2 .cont2_2 .img {text-align: center;margin-top: 0;max-width: 66vw;margin: auto;}
    #cont2 .cont2_2 .fs16 {width:518px;text-align:left;margin: auto;}
    #cont2 .cont2_2 .link_li {left:auto; padding-left:0; right:0;}

    #cont3 .card a h2 {font-size:30px;height: 200px;}
    #cont3 .card a:hover img {opacity:0; display:none;}
    #cont3 .card a.card2:hover h2,
    #cont3 .card a.card2:hover h4,
    #cont3 .card a.card2:hover span{ color:#000; }
    .cont1_2 .scroll_on .serif.text {max-width: 100%;width: 100%;margin-top: 0;position: absolute !important;!i;!;}
    #cont1 .cont1_2 .serif.c2 {margin-left: 0; width: 100%; max-width: 100%;}
    #cont1 .cont1_4 .scroll_on {margin-left: 0;width: 100%;max-width: 100%;margin-top: 8vw;}
    #cont1 .cont1_4 .serif.c2 {padding-right: 0;}
}
@media screen and (max-width: 1024px) {
	#cont1 .cont1_4 .link_box14 {margin-top:10%;}
	.visual_img .mv_m {margin-top:10%;}
   	#cont3 .card {width: 90vw;margin:auto;}
    #cont3 .card a {width: 40%;}
    #cont3 .card {flex-wrap: wrap;}
	#cont2 .cont2_1 .serif, #cont2 .cont2_2 .serif {font-size: 2.5vw;}
	 #cont2 .cont2_1 .text1, #cont2 .cont2_2 .text1 {font-size: 2vw;}
	 #cont2 .cont2_1 .p_tit{margin-top:-80px}

}
@media screen and (max-width: 768px) {
	.visual_img .mv_m {margin-top:20%;}
	#cont1 .cont1_2 h3, #cont1 .cont1_3 h3, #cont1 .cont1_4 h3 {font-size:3.6vw;}
	#cont1 .cont1_2 h2, #cont1 .cont1_3 h2, #cont1 .cont1_4 h2, #cont2 .cont2_1 h2, #cont2 .cont2_2 h2{font-size:7vw;}
	#cont2 .cont2_1 .text21_m, #cont2 .cont2_2 .text22_m {font-size:4vw;}
	#cont2 .cont2_1 .mov_box21 {width:79%; padding-bottom:140.5%; }
    #cont3 .card {width:100%;}
    #cont3 .card a {width:45%;padding: 3vw;border: 1px solid #000;}
    .img img {width:100%;}
    .visual_img p.mv_t1 {font-size: 3vw;}
    .visual_img p.mv_t2 {font-size: 3vw;}
    h2 {font-size: 9vw;}
    h2 span,.fs30,
    .serif, .serif span.fc1  {font-size:3vw !important;}
	#cont1 .cont1_2 .serif.c2 {text-align:left !important;}
	.img p{font-size: 2vw;}
	.fs16.c2{font-size: 2vw;}
    #cont2 .serif {font-size: 4vw;}
    #cont2 h2 {font-size: 6vw;}
    .golink {font-size: 3.5vw;}
	#cont2 .cont2_2 {margin-top:15%;}
	#cont2 .cont2_1 .serif, #cont2 .cont2_2 .serif {font-size: 3vw;}
	#cont2 .cont2_2 .text1, #cont2 .cont2_1 .text1 {font-size: 2.2vw;}
	#cont2 .cont2_2 .img_com {font-size:2vw;}
    #cont3 .card a {font-size: 2vw}
    #cont3 .card span {font-size: 2.5vw}
    #cont3 .card a h2 {margin-top:5vw;height: 26vw; font-size:28px;}
    #cont3 {margin-top: 15vw}
    h3 {font-size: 3.6vw;}
    h3.pt30 {padding-top: 1vw;padding-bottom: 5vw;}
    .cont1_2 h3 {padding: 0 0 10vw 0;}
    .wrap > div {margin-top:10vw;}

	#cont2 .cont2_1 ul {padding-bottom: 10%;}

}
@media screen and (max-width: 500px) {
	.fs30 {font-size:2.5vw !important;}
	#cont3 .card {width: 100%;margin:auto;gap: 2vw;}
    #cont3 .card a {width: 45%;padding: 4vw;}
	#cont3 .card a h2 {font-size:22px;}
    #cont3 .golink,
    .golink {font-size:16px;}
	.fs16.c2{font-size: 2.5vw;}
	#cont2 .cont2_1 .serif, #cont2 .cont2_2 .serif {font-size: 3.8vw;}
	 #cont2 .cont2_2 .text1, #cont2 .cont2_1 .text1 {font-size: 3vw;}
	 #cont2 .cont2_1 .p_tit{margin-top:-10px}
}
@media screen and (max-width: 414px) {
	#cont3 .card a h2 {font-size:18px;}
}
@media screen and (max-width: 325px) {
	#cont3 .card a h2 {font-size:16px;}
}