@charset "utf-8";

.skip_snb_menu {display:none;}

/* 비주얼 */
.mvis_slide {height:100vh;overflow:hidden;position:relative;background: #000000;}
.mvis_slide .slides01 .swiper-slide .bg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.mvis_slide .mvis_cont {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;color:#fff;z-index:2;}
.mvis_slide .mvis_cont li {transform:translateY(4.6rem);opacity:0;}
.mvis_slide .mvis_cont.on li {transform:translateY(0);opacity:1;transition:transform 1.5s, opacity 1.5s;transition-timing-function:cubic-bezier(0.33,1,0.68,1);}
.mvis_slide .mvis_cont .mvis_text span {display:block;}
.mvis_slide .mvis_cont .mvis_text .sta {font-weight:900;font-size:5.6rem;margin-bottom:1.5rem;transition-delay:0.2s;}
.mvis_slide .mvis_cont .mvis_text .stb {font-weight:500;font-size:3.2rem;margin-bottom:4.0rem;padding-bottom:4.0rem;border-bottom:1px solid rgba(255,255,255,.1);transition-delay:0.5s;}
.mvis_slide .mvis_cont .mvis_text .stc {font-weight:500;font-size:2.2rem;line-height:1.5;}
	/* 컨트롤 */
	.mvis_ctrl {margin-top:4.5rem;display:flex;justify-content:center;align-items:center;}
	.mvis_ctrl .mvis_pager {display:flex;align-items:center;gap:1.0rem;width:auto;margin-right:2.5rem;}
	.mvis_ctrl .mvis_pager .swiper-pagination-bullet {margin:0;width:1.0rem;height:1.0rem;background:rgba(255,255,255,.1);border:1px solid #fff;opacity:1;}
	.mvis_ctrl .mvis_pager .swiper-pagination-bullet-active {background:#fff;}
	.mvis_ctrl .mvis_auto .slide_btn {width:2.0rem;height:2.0rem;border-radius:50%;background:no-repeat center #fff;}
	.mvis_ctrl .mvis_auto .slide_stop {background-image:url("../../images/fs/main/slide_stop.png");}
	.mvis_ctrl .mvis_auto .slide_play {background-image:url("../../images/fs/main/slide_play.png");}
		@media only screen and (min-width:1921px){
			.mvis_slide .slides01 .swiper-slide {height:0;padding-top:56.25%;position:relative;}
			.mvis_slide .slides01 .swiper-slide .bg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
		}


/* 컨텐츠 시작 */
.con_box .tit_wrap .number {font-weight:900;font-size:8.0rem;color:#dde4ef;line-height:1;clip-path:inset(0 0 33.333% 0);}
.con_box .tit_wrap .con_tit {font-weight:900;font-size:4.4rem;color:#222;line-height:1;margin-top:-2.0rem;}
.con_box .link_btn {display:inline-block;font-weight:700;color:#fff;padding:1.3rem 3.0rem;margin-top:2.0rem;border-radius:2.5rem;background:#c00a3f;transition:.3s;}
.con_box .link_btn:is(:hover,:focus,:active) {background:#0054a6;transform:translateX(1.0rem);}


/* sec01_About HANIL TECHNOLOGY */
.sec01 {padding:10.0rem 0 8.0rem;}
.sec01 .con_wrap p {font-weight:500;font-size:1.7rem;line-height:1.4;text-align:center;margin-top:2.0rem;}
.sec01 .con_wrap .ico_list {display:flex;justify-content:center;align-items:center;gap:12.5rem;max-width:55%;margin:4.5rem auto 0;}
.sec01 .con_wrap .ico_list li {flex:1;}
.sec01 .con_wrap .ico_list li a {display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative;}
.sec01 .con_wrap .ico_list li:not(:last-child) a::after {position:absolute;top:50%;right:-6.2rem;transform:translateY(-50%);width:1px;height:9.0rem;background:#ddd;content:"";}
.sec01 .con_wrap .ico_list li a:is(:hover,:focus,:active) .ico_wrap img {transform:rotateY(360deg);transition:.4s;}
.sec01 .con_wrap .ico_list li a .txt_wrap {font-weight:700;font-size:1.8rem;line-height:1.3;color:#222;text-align:center;}
	@media only screen and (max-width:1299px){
		.sec01 .con_wrap .ico_list {gap:10.5rem;}
		.sec01 .con_wrap .ico_list li:not(:last-child) a::after {right:-5.2rem;}
	}
	@media only screen and (max-width:1023px){
		.sec01 {padding:9.0rem 0 7.0rem;}
		.sec01 .con_wrap .ico_list {display:grid;grid-template-columns:repeat(3,1fr);gap:5.0rem;}
		.sec01 .con_wrap .ico_list li:not(:last-child) a::after {right:-2.5rem;}
		.sec01 .con_wrap .ico_list li:nth-child(3n) a::after {display:none;}
	}
	@media only screen and (max-width:767px){
		.sec01 {padding:8.0rem 0;}
	}
	@media only screen and (max-width:475px){
		.sec01 .con_wrap p br {display:none;}
	}


/* sec02_Business Area */
.sec02 {padding:7.0rem 0;background:url("../../images/fs/main/sec02_bg.png") no-repeat right 6.0rem bottom #f5f5f5;}
.sec02 .tit_wrap {margin-top:2.0rem;}
.sec02 .wrap {display:flex;justify-content:space-between;gap:11rem;}
.sec02 .wrap .con_wrap {display:flex;gap:1.0rem;}
.sec02 .wrap .con_wrap li a {display:block;position:relative;overflow:hidden;border-bottom-right-radius:1.5rem;}
.sec02 .wrap .con_wrap li a .img_wrap img {transition:.4s;max-width:100%;}
.sec02 .wrap .con_wrap li a:is(:hover,:focus,:active) .img_wrap img {transform:scale(1.2);}
.sec02 .wrap .con_wrap li a .txt_wrap {position:absolute;top:3.0rem;left:3.0rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.0rem;font-weight:800;font-size:2.2rem;color:#fff;}
	@media only screen and (max-width:1023px) {
		.sec02 {background-position:right 5.0rem bottom;}
	}
	@media only screen and (max-width:1023px){
		.sec02 {background-position:right 3.0rem bottom;}
		.sec02 .tit_wrap {margin-top:0;text-align:center;}
		.con_box .tit_wrap .con_tit br {display:none;}
		.sec02 .wrap {flex-direction:column;gap:4.5rem;}
	}
	@media only screen and (max-width:475px){
		.sec02 .wrap .con_wrap {flex-direction:column;}
	}


/* sec03_product */
.sec03 {padding:10.0rem 0;}
.sec03 .con_wrap {display:flex;align-items:center;gap:11.0rem;position:relative;}
.sec03 .con_wrap::after {position:absolute;bottom:5rem;right:2.4rem;transform:rotate(90deg);transform-origin:bottom right;content:"HANIL TECHNOLOGY";font-weight:800;font-size:2.4rem;line-height:1;color:#eee;white-space:nowrap;}
.sec03 .con_wrap .img_wrap {overflow:hidden;border-bottom-right-radius:5.0rem;box-shadow:rgba(0,0,0,0.15) 0px 15px 30px;}
.sec03 .con_wrap .txt_wrap .title .number {font-weight:900;font-size:4.0rem;color:#eee;}
.sec03 .con_wrap .txt_wrap .title .con_tit {font-weight:900;font-size:3.6rem;color:#c00a3f;}
.sec03 .con_wrap .txt_wrap .description {margin-top:2.0rem;line-height:1.5;}
.sec03 .con_wrap .txt_wrap .btn_wrap {display:flex;gap:5.9rem;}
.sec03 .con_wrap .txt_wrap .btn_wrap button {font-weight:700;font-size:1.8rem;color:#767676;margin-top:6.0rem;position:relative;}
.sec03 .con_wrap .txt_wrap .btn_wrap button.on {color:#000;}
.sec03 .con_wrap .txt_wrap .btn_wrap button:not(:last-child)::after {position:absolute;top:50%;right:-3.0rem;transform:translateY(-50%);width:1px;height:1.6rem;background:#ddd;content:"";}
	@media only screen and (max-width:1620px){
		.sec03 .con_wrap {gap:6.0rem;}
		.sec03 .con_wrap::after {right:8.4rem;}
		.sec03 .con_wrap .img_wrap {width:40%;}
		.sec03 .con_wrap .img_wrap img {max-width:100%;}
	}
	@media only screen and (max-width:1199px){
		.sec03 .con_wrap::after {right:7.4rem;}
	}
	@media only screen and (max-width:1023px){
		.sec03 .con_wrap {gap:5.5rem;}
		.sec03 .con_wrap::after {right:5.4rem;}
	}
	@media only screen and (max-width:767px){
		.sec03 .con_wrap {flex-direction:column;gap:4.5rem;}
		.sec03 .con_wrap::after {bottom:0;}
		.sec03 .con_wrap .img_wrap {width:80%;box-shadow:rgba(0,0,0,0.15) 0px 7px 15px;}
		.sec03 .con_wrap .txt_wrap {width:80%;}
		.sec03 .con_wrap .txt_wrap .title {display:flex;align-items:center;gap:1.5rem;}
		.sec03 .con_wrap .txt_wrap .description br {display:none;}
	}
	@media only screen and (max-width:475px){
		.sec03 .con_wrap::after {display:none;}
		.sec03 .con_wrap .img_wrap {width:100%;}
		.sec03 .con_wrap .txt_wrap {width:100%;}
		.sec03 .con_wrap .txt_wrap .btn_wrap {gap:3.0rem;}
		.sec03 .con_wrap .txt_wrap .btn_wrap button {margin-top:5.0rem;}
		.sec03 .con_wrap .txt_wrap .btn_wrap button:not(:last-child)::after {right:-1.5rem;}
	}


/* sec04_NEWS&CONTACT */
.sec04 {padding:9.0rem 0;background:url("../../images/fs/main/sec04_bg.png") no-repeat center;background-size:cover;}
.sec04 .wrap {display:flex;justify-content:space-between;}
.sec04 .tit_wrap {margin-top:4.0rem;}
.sec04 .tit_wrap .number {color:rgba(255,255,255,.2);}
.sec04 .tit_wrap .con_tit {color:#fff;}
.sec04 .con_wrap {width:60%;}
.sec04 .con_wrap .news_wrap {position:relative;}
.sec04 .con_wrap .news_wrap .bo_btn {display:flex;gap:3.0rem;}
.sec04 .con_wrap .news_wrap .bo_btn li {position:relative;}
.sec04 .con_wrap .news_wrap .bo_btn li:not(:last-child)::after {position:absolute;top:50%;right:-1.5rem;transform:translateY(-50%);width:1px;height:1.6rem;background:#ddd;content:"";}
.sec04 .con_wrap .news_wrap .bo_btn li button {font-weight:800;font-size:2.0rem;color:rgba(255,255,255,.4);}
.sec04 .con_wrap .news_wrap .bo_btn li button.on {color:#fff;}
.sec04 .con_wrap .news_wrap .bo_wrap {margin-top:2.0rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2.0rem;}
.sec04 .con_wrap .news_wrap .bo_wrap li a {display:block;background:rgba(255,255,255,.8);padding:3.0rem;transition:.3s;}
.sec04 .con_wrap .news_wrap .bo_wrap li a:is(:hover,:focus,:active) {text-decoration:none;background:#fff;}
.sec04 .con_wrap .news_wrap .bo_wrap li a .cate {display:inline-block;font-weight:500;font-size:1.5rem;color:#fff;padding:0.7rem 1.5rem;}
.sec04 .con_wrap .news_wrap .bo_wrap li a .cate.noti {background:#c00a3f;}
.sec04 .con_wrap .news_wrap .bo_wrap li a .cate.arch {background:#0054a6;}
.sec04 .con_wrap .news_wrap .bo_wrap li a .bo_tit {font-weight:600;font-size:1.7rem;line-height:1.5;color:#222;margin-top:1.5rem;}
.sec04 .con_wrap .news_wrap .bo_wrap li a .date {display:block;text-align:right;font-size:1.5rem;margin-top:6.0rem;}
.sec04 .con_wrap .news_wrap .more_btn {display:flex;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;background:rgba(255,255,255,.5);border-radius:0.5rem;position:absolute;top:0;right:0;}
.sec04 .con_wrap .contact_wrap {display:flex;width:100%;margin-top:2.0rem;}
.sec04 .con_wrap .contact_wrap li {flex:1;background:no-repeat bottom right;padding:3.0rem 3.0rem 2.0rem;}
.sec04 .con_wrap .contact_wrap li em {display:block;font-weight:700;font-size:1.8rem;margin-bottom:1.0rem;}
.sec04 .con_wrap .contact_wrap li.tel {background-image:url("../../images/fs/main/sec04_ico01.png");background-color:#0054a6;color:#fff;display:flex;gap:6.0rem;}
.sec04 .con_wrap .contact_wrap li.tel .l_con span {font-weight:800;font-size:2.8rem;}
.sec04 .con_wrap .contact_wrap li.tel .r_con {color:rgba(255,255,255,.7);line-height:1.5;}
.sec04 .con_wrap .contact_wrap li.tel .r_con dl dt {font-weight:700;}
.sec04 .con_wrap .contact_wrap li.inquiry {background-image:url("../../images/fs/main/sec04_ico02.png");background-color:#f5f5f5;}
.sec04 .con_wrap .contact_wrap li.inquiry em {color:#000;}
.sec04 .con_wrap .contact_wrap li.inquiry span {line-height:1.5;}
.sec04 .con_wrap .contact_wrap li.inquiry .link_btn {margin-top:1.0rem;float:right;}
	@media only screen and (max-width:1499px){
		.sec04 .con_wrap {width:70%;}
	}
	@media only screen and (max-width:1299px){
		.sec04 {background-position:bottom left -35.0rem;}
		.sec04 .wrap {flex-direction:column;}
		.sec04 .tit_wrap {margin-top:0;text-align:center;}
		.sec04 .tit_wrap .con_tit br {display:none;}
		.sec04 .con_wrap {margin-top:4.5rem;width:100%;}
	}
	@media only screen and (max-width:767px){
		.sec04 .con_wrap .news_wrap .bo_wrap {grid-template-columns:repeat(2,1fr);}
		.sec04 .con_wrap .news_wrap .bo_wrap li:nth-child(3) {display:none;}
		.sec04 .con_wrap .contact_wrap {flex-direction:column;}
		.sec04 .con_wrap .contact_wrap li.tel {flex-direction:column;align-items:center;gap:2.0rem;}
		.sec04 .con_wrap .contact_wrap li.tel .l_con {text-align:center;}
		.sec04 .con_wrap .contact_wrap li.tel .r_con dl {display:flex;gap:1.5rem;}
		.sec04 .con_wrap .contact_wrap li.inquiry {text-align:center;}
		.sec04 .con_wrap .contact_wrap li.inquiry span {display:block;}
		.sec04 .con_wrap .contact_wrap li.inquiry span br {display:none;}
		.sec04 .con_wrap .contact_wrap li.inquiry .link_btn {float:none;margin-top:2.0rem;}
	}
	@media only screen and (max-width:475px){
		.sec04 .con_wrap .news_wrap .bo_wrap {grid-template-columns:repeat(1,1fr);}
		.sec04 .con_wrap .news_wrap .bo_wrap li:nth-child(2) {display:none;}
	}



/************************************************************/
/* 영문 */
/************************************************************/

/* sec03_product */
:lang(en) .sec03 .con_wrap .txt_wrap {padding-right:4.8rem;}
:lang(en) .sec03 .con_wrap .txt_wrap .btn_wrap button {flex:1;}
	@media only screen and (max-width: 1399px) {
		:lang(en) .sec03 .con_wrap .img_wrap {width:60%;}
	}
	@media only screen and (max-width:1023px){
		:lang(en) .sec03 .con_wrap {flex-direction:column;}
		:lang(en) .sec03 .con_wrap .txt_wrap {padding-right:0;}
		:lang(en) .sec03 .con_wrap .txt_wrap .btn_wrap button {flex:auto;}
	}
	@media only screen and (max-width:575px){
		:lang(en) .sec03 .con_wrap .img_wrap {width:80%;}
		:lang(en) .sec03 .con_wrap .txt_wrap .btn_wrap {flex-direction:column;gap:3.0rem;margin-top:6.0rem;}
		:lang(en) .sec03 .con_wrap .txt_wrap .btn_wrap button {margin-top:0;}
		:lang(en) .sec03 .con_wrap .txt_wrap .btn_wrap button:not(:last-child)::after {top:calc(100% + 1.5rem);right:0;width:100%;height:1px;background:none;border:1px dashed #ddd;}
	}