@import url('/css/font_NanumMyeongjo.css');/*'	font-family: 'NanumMyeongjo';
'*/
html { scroll-behavior:smooth;}
html,
body,
form{ position: relative; width:100%; height:100%;}
body * { box-sizing:border-box;}
body { font-family: /*Noto Sans KR, */'NanumMyeongjo', sans-serif; font-size:20px; line-height: 1.5; font-weight:400; letter-spacing: -1px; background: #222; color:#fff; word-break:keep-all;}
.head { width: 100%; height: 60px; padding: 0 10px; position: fixed; top: 0; left: 0; background: #222; border-bottom: 1px solid rgba(256,256,256,0.4); z-index: 100; }
.head > div { max-width: 980px; width:100%; height: 100%; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.head h1.nc_logo a { display: block; width: 50px; height: 100%; overflow:hidden; text-indent:-300px; color:transparent; background: url(//img.nocutnews.co.kr/mnocut/common/logo_fff107.png) no-repeat center; background-size: 100% auto; }
.head h2 { font-size: 20px; font-weight: 600; color:#fff;}
.head .btn_sns { display: block; width: 40px; height: 100%; overflow: hidden; text-indent: -300px; color: transparent; background: url(//img.nocutnews.co.kr/mnocut/v4/story/s250617/ico_arrow.png) no-repeat center; background-size: 21px auto; }

.snslayer { font-size: 14px; }
.snslayer .sns_wrap { box-sizing:content-box;}

.container { width: 100%; margin-top:60px; position:relative; overflow:hidden;border:0 solid red; padding:30px; color: #fff;}
.container .box {max-width:980px;  min-height:80vh; width: 100%;  margin:0 auto; position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center;}
.container .box h2 { display:block; margin:50px 0; text-align:center; font-size: 34px; }
.container .txt_b { width: 100%; max-width: 600px; padding:20px; margin-bottom:20px; text-align:center; color: #000; font-size:30px; letter-spacing:-1px; background: #d6d6d6; }
.container .txt_b span {display:block;}
.container .w640 { margin:0 auto; width:100%; max-width:700px; text-align:left; }
.container .add_txt { }
.container .add_txt2 { color: #fe7743; font-size:17px; font-weight:300; letter-spacing:0; font-family: Noto Sans KR, sans-serif}
.container .add_txt3 { max-width:510px; width:100%; margin:0 auto;  padding:20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .6); border-radius:6px; color: #d6d6d6; font-size:14px; font-family: Noto Sans KR, sans-serif; text-align:left; letter-spacing:-0.3px; background:rgba(214,214,214,0.17); }
.container .add_txt4 {display:block; font-size:18px; font-family: Noto Sans KR, sans-serif; }
.container .add_txt5 {display:block; font-size:14px; color:#808080; letter-spacing:0;  font-family: Noto Sans KR, sans-serif;}
.container .image_b {max-width: 790px; width:100%; margin:0 auto;}
.container .image_b img {width:100%; }
.container .iframe_b {width:100%; position:relative; height:auto; }
.container .iframe_b iframe {width:100%; height:100%;position:absolute; top:0; left:0; }
.container .box.rellaxbox { max-width: 100vw; width: 100vw; min-height: none; height:85vh; margin-top: 400px; margin-bottom: 150px; position: relative; left: 50%; transform: translateX(-50%); overflow: clip; }
.container .box.rellaxbox:after ,
.container .box.rellaxbox:before { content: ''; width: 100%; height: 80px; display: block; position: absolute; left: 0; background: url('//img.nocutnews.co.kr/mnocut/v4/story/s250812/paper_bg.png') repeat-x center bottom;background-size: auto 60%;  z-index: 10; }
.container .box.rellaxbox:before { top: 0; transform: scaleY(-1); background-size: auto 60%; }
.container .box.rellaxbox:after { bottom: 0; transform: scaleX(-1); background-position: 120% bottom; background-size: auto 75%; }
.container .box.rellaxbox { max-width: 100vw; width: 100vw; min-height:none; height: 100vh; margin-top: 400px; margin-bottom:150px; position: relative; left:50%; transform:translateX(-50%); overflow: clip; }
.container .box.rellaxbox > div { width:100%; height:100%;}
.container .box.rellaxbox .rellax {position:absolute; height:120vh; width:auto; bottom:0; }
.container .box .text_mask {width:100%; height:100%; position: absolute; top:0; left:0;display:flex;align-items:center; justify-content:center; flex-direction:column; font-size:70px; font-weight:bold;clip-path: circle(100%);  text-shadow:rgba(0,0,0,0.4) 0 4px 5px; }
.container .box.c_mov .text_mask {animation: mask 3s 0.5s ease both; }
.container .box .text_mask span{ display:block;}
.container .box .text_mask small{ display:block; margin-top:30px; font-size:35px; }
.container .box.c_mov .text_mask .mask{ position: absolute; left: 50%; top: 50%; display:block; z-index:5;}
@keyframes mask {
	0% { clip-path: circle(0); }
	100% { clip-path: circle(100%); }
}

.tab_b { position:relative; display:flex; justify-content:space-between; margin-top:40px;}
.tab_b .img { width:40%; margin-top:8%;}
.tab_b .img img { width:100%;}
.tab_b .t_b{ width:56%;font-family: Noto Sans KR; }
.tab_b .t_b .t_btn{ width:100%; display:flex; margin-bottom:10px;}
.tab_b .t_b .t_btn a{ display:block; padding:0 10px; min-width:140px; margin-right:10px; border:2px solid #fff; background:#000; color:#fff; line-height:40px; font-size:16px; font-weight:bold; text-align:center; border-radius:25px;}
.tab_b .t_b .t_btn a.active{ background:#fff; color:#000; }
.tab_b .t_b .t_con li{padding:40px;  background:#fff; color:#000; border-radius:30px;  display:none;}
.tab_b .t_b .t_con li strong { display:block; margin-bottom:15px; font-size:25px;}
.tab_b .t_b .t_con li p { font-size:18px; }
.tab_b .t_b .t_con li.active{ display:block;}

.c_b.st1 { opacity: 0; transition: all 1.2s 0.2s ease-in-out; }
.c_b.st1.c_mov { opacity: 1; }

.container .talk_b { max-width: 600px; width: 100%; height:170px; overflow:hidden;}
.container .c_b .talk_b img {width:100%; position:relative;top:-100%; opacity:0; transition: all 0.5s 0.2s ease-out;}
.container .c_b.c_mov .talk_b img.shake-vertical { top: 25px; opacity: 1; }
.container .c_b .talk_b img.shake-vertical { animation: shake-vertical 1.8s infinite; }
.container .iframe_b.talk { max-width: 510px; padding-top: 70%; }
.container .iframe_b.talk img { width:45px; position:absolute; right:-55px; top:0;animation: up_down 3s ease-in-out infinite;  }
.container .iframe_b.graph { font-size:14px;}
.container .iframe_b.graph1 { padding-top: 380px; }
.container .iframe_b.graph2 { padding-top: 570px; }
.container .iframe_b.graph2 iframe{ left:30px;}
.container .iframe_b.graph3 { padding-top: 50%; }
.container .iframe_b.graph4 { padding-top:340px; }
.container .iframe_b.graph5 { padding-top: 52%; }
.container .iframe_b.graph6 { padding-top: 100%; }
.img_change { position:relative; cursor:pointer; margin-bottom:15px;}
.img_change img:nth-of-type(1){ position:absolute; top:0; left:0; z-index:1;}
.img_change img:nth-of-type(1):hover{ opacity:0;}
.img_change img:nth-of-type(2){ position:relative; z-index:0}
.container .box.foot {max-width:400px; margin:0 auto; align-items:start; text-align:left;}
.container .box.foot span{width:100%; display:block; margin-bottom:50px; text-align:center; color:#808080; }
@-webkit-keyframes shake-vertical {
	0% { transform: translateY(-25px); animation-timing-function: ease-in; }
	20% { transform: translateY(-8px); animation-timing-function: ease-in; }
	35%, 45% { transform: translateY(0px); animation-timing-function: ease-in; }
	15%, 30%, 40% { transform: translateY(5px); animation-timing-function: ease-out; }
	90% { transform: translateY(0); animation-timing-function: ease-out; }
	100% { transform: translateY(-25px); animation-timing-function: ease-out; }
}
@-webkit-keyframes up_down {
	0% { top:30px;}
	50% { top:150px;}
	100% { top:30px;}
}
.w980 { }
.container .box.vh110 { height: 110vh !important; }
.container .box.vh100 { height: 100vh !important; }
.container .box.vh90 { height: 90vh !important; }
.container .box.vh80 { height: 80vh !important; }
.container .box.vh70 { min-height: auto; height: 70vh !important; }
.container .box.vh60 { min-height: auto; height: 60vh !important; }
.container .box.vh50 { min-height:auto; height: 50vh !important; }
.container .box.vh40 { min-height: auto; height: 40vh !important; }
.container .box.vh30 { min-height:auto; height: 30vh !important; }
.container .box .font_s190 { font-size: 190px; }
.container .box .font_s100 { font-size: 100px; }
.container .box .font_s80 { font-size: 80px; }
.container .box .font_s75 { font-size: 75px; }
.container .box .font_s70 { font-size: 70px; }
.container .box .font_s65 { font-size: 65px; }
.container .box .font_s60 { font-size: 60px; }
.container .box .font_s55 { font-size: 55px; }
.container .box .font_s50 { font-size: 50px; }
.container .box .font_s45 { font-size: 45px; }
.container .box .font_s40 { font-size: 40px; }
.container .box .font_s35 { font-size: 35px; }
.container .box .font_s30 { font-size: 30px; }
.container .box .font_s29 { font-size: 29px; }
.container .box .font_s27 { font-size: 27px; }
.container .box .font_s26 { font-size: 26px; }
.container .box .font_s25 { font-size: 25px; }
.container .box .font_s22 { font-size: 22px; }
.container .box .font_s20 { font-size: 20px; }
.container .box .font_s19 { font-size: 19px; }
.container .box .font_s18 { font-size: 18px; }
.container .box .font_s17 { font-size: 17px; }
.container .box .font_s16 { font-size: 16px; }
.container .box .font_s15 { font-size: 15px; }
.container .box .font_noto { font-family: Noto Sans KR, sans-serif !important; }
.f_justify_s { justify-content: start !important; }

@keyframes fade_up {
	0% { bottom: -30px; opacity:0;}
	100% { bottom: 0; opacity: 1; }
}
@keyframes fade_in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


@media all and (max-width:850px) {
	.container .iframe_b.graph1 { padding-top: 45%; }
	.container .iframe_b.graph2 { padding-top: 73%; }
}

@media all and (max-width:700px) {
	.container .box.rellaxbox p {font-size:50px; }
	.container .box.rellaxbox p small{ font-size:25px; }
	.container .iframe_b.graph4 { padding-top: 50%; }
	.container .iframe_b.talk iframe { width: calc(100% - 35px);}
	.container .iframe_b.talk img { right: 0; width:30px}
	.tab_b { flex-direction:column; margin-top:20px;align-items: end; }
	.tab_b .img { width:280px; height:110px; margin-top:0; transform:scaleX(-1);z-index:0; opacity:0.6;}
	.tab_b .t_b { width: 100%; position: relative; z-index: 1; }
	.tab_b .t_b .t_con li { padding:30px; border-radius: 20px; }
	.tab_b .t_b .t_con li strong { margin-bottom: 10px; font-size: 20px; }
	.tab_b .t_b .t_con li p { font-size: 16px; }
}

@media all and (max-width:500px) {
	body { font-size: 18px; }
	.container { padding:20px 15px; }
	.container .box h2 { margin:30px 0; font-size: 30px; }
	.container .box h2 span { display:block; }
	.container .box { min-height:72vh;}
	.container .box.rellaxbox { margin-top: 250px; }
	.container .box.rellaxbox p {font-size:40px; }
	.container .box.rellaxbox p small{ font-size:20px; }
	.container .box p.txt_b { padding:20px; font-size:24px; }
	.container .add_txt { font-size:16px; }
	.container .add_txt2 { font-size:16px; }
	.container .add_txt3 { padding:20px; border-radius:5px; font-size:14px; }
	.container .add_txt4 {font-size:16px;}
	.container .add_txt5 {font-size:13px; }
	.container .iframe_b.talk{    padding-top: 100%;}
	.container .iframe_b.graph { width:130vw;}
	.container .iframe_b.graph1 { padding-top: 63%; }
	.container .iframe_b.graph2 { padding-top: 105%; }
	.container .iframe_b.graph3 { padding-top: 70%; }
	.container .iframe_b.graph4 { width: 100vw; padding-top: 53%; }
	.container .iframe_b.graph5 { padding-top: 71%; }
	.container .iframe_b.graph6 { padding-top: 134%; }
	.tab_b .t_b .t_con li { padding: 20px;}
	.container .box .font_s190 { font-size: 190px; }
	.container .box .font_s100 { font-size: 100px; }
	.container .box .font_s80 { font-size: 80px; }
	.container .box .font_s75 { font-size: 75px; }
	.container .box .font_s70 { font-size: 70px; }
	.container .box .font_s65 { font-size: 65px; }
	.container .box .font_s60 { font-size: 60px; }
	.container .box .font_s55 { font-size: 55px; }
	.container .box .font_s50 { font-size: 50px; }
	.container .box .font_s45 { font-size: 45px; }
	.container .box .font_s40 { font-size: 30px; }
	.container .box .font_s35 { font-size: 35px; }
	.container .box .font_s30 { font-size: 30px; }
	.container .box .font_s29 { font-size: 23px; }
	.container .box .font_s27 { font-size: 27px; }
	.container .box .font_s26 { font-size: 26px; }
	.container .box .font_s25 { font-size: 20px; }
	.container .box .font_s22 { font-size: 20px; }
	.container .box .font_s20 { font-size: 20px; }
	.container .box .font_s19 { font-size: 19px; }
	.container .box .font_s18 { font-size: 18px; }
	.container .box .font_s17 { font-size: 17px; }
	.container .box .font_s16 { font-size: 16px; }
	.container .box .font_s15 { font-size: 15px; }
	.mobile_b_t15 { margin-top:15%}
	.mobile_b_t25 { margin-top:25%}
	.mobile_b_t35 { margin-top:35%}

}

@media all and (max-width:450px) {
	.head h2 { font-size:16px; }
}

@media all and (max-width:385px) {
	.swiper-slide .font_s30 { font-size: 22px; }

}
@media all and (max-width:385px) and (max-height:740px) {
}

@media all and (max-width:350px) {

}