@charset "utf-8";

.mv {
    display:none !important;
}
.more_btn{
	font-weight: 500;
	display:inline-flex;
	position:relative;
	color:var(--main--blue);
	font-size:20px;
	border:1px solid var(--main--blue);
	border-radius:8px;
	width:210px;
	align-items: center;
	justify-content: center;
	line-height: 55px;
	gap: 8px;
	letter-spacing: -.2px;
}

.more_btn:after{content:'';display:inline-block;width:24px;height:24px;background:url(../img/common/ico_blue_arw.svg) no-repeat center center}
#Wrap{
    overflow-x: hidden;
}
#Wrap .header_wrap{
    z-index: 9;
    position: fixed;
    background: transparent;
    width: 100%;
}
#Wrap .header_wrap.fixed{background:#FFF;border-bottom: 1px solid var(--light-blue);}
#Wrap .header_wrap header{
    padding: 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height:80px;
}
#Wrap .header_wrap header h1{
   position:relative;z-index:1
}
#Wrap .header_wrap header h1 a{
  display:block
}
#Wrap .header_wrap .hd_black_v{display:none}
#Wrap .header_wrap.fixed .hd_black_v{display:block}
#Wrap .header_wrap.fixed .hd_white_v{display:none}
#Wrap .header_wrap.fixed #Gnb > li > a{color:var(--black)}
#Wrap .header_wrap .nav_open{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
}
#Wrap .header_wrap #Gnb{display: flex;justify-content: center;}
#Wrap .header_wrap #Gnb > li{}
#Wrap .header_wrap #Gnb > li > a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 32px;
    color: #FFF;
    font-size: 1.428em;
    font-weight:200;
    letter-spacing: .03em;
    line-height:80px;
}
small.r {
    margin:0 .5em .1em 0;
    font-size:.7em;
    line-height:1em;
}
#Wrap .header_wrap #Gnb > li > span{display:none}
#Wrap .header_wrap #Gnb li .snb_area{display:none;background: #FFF;position: absolute;left: 0;right: 0;padding-left: calc((100% - 1400px)/2);padding-bottom: 0;}
#Wrap .header_wrap #Gnb li.on .snb_area{display: flex;}
#Wrap .header_wrap #Gnb li .snb_area .txtarea{
    font-size: 48px;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 24px;
    padding-top: 16px;
    min-width: 338px;
    border-right: 1px solid #F1F2F5;
    text-align: left;
    margin-bottom: 40px;
}
#Wrap .header_wrap #Gnb li .Snb{
    margin-top: 60px;
    padding-left: 62px;
    text-align: left;
    display: flex;
    gap: 40px;
    flex-direction: column;
    flex: 1;
}
#Wrap .header_wrap #Gnb li .Snb li{
    line-height: 1;
}
#Wrap .header_wrap #Gnb li .Snb li a{
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: var(--light-gray);
    line-height: 1.2;
}
#Wrap .header_wrap #Gnb li .Snb li a:hover{font-weight: 700;color: var(--black);}
#Wrap .header_wrap #Gnb li .snb_area .imgarea{
    display: inline-flex;
}
#Wrap .header_wrap #Gnb li .snb_area .imgarea img{
    display: none;
}
#Wrap .header_wrap #Gnb li .snb_area .imgarea img.on{
    display: block;
}

#Wrap .header_wrap .pc_area{
    position: relative;
}
#Wrap .header_wrap .pc_area > a{
    display: inline-block;
    color: #FFF;
    width: 85px;
    line-height: 40px;
    border: 1px solid #BF8229;
    border-radius: 4px;
    text-align: center;
    box-shadow: 4px 4px 10px 0px #0000000D;
    background: rgba(28, 94, 147, .05);
}
#Wrap .header_wrap.fixed .pc_area > a{
    color: var(--dark-blue);
}
#Wrap .header_wrap .lang{
    margin-left: 16px;
    display: inline-flex;
}
#Wrap .header_wrap .lang > a{
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    width: 64px;
    text-align: center;
    border-radius: 4px;
    font-weight: 400;
}
#Wrap .header_wrap.fixed .lang > a{color:var(--black)}
#Wrap .header_wrap .lang > a.lang_on {
    font-weight: 700;
    color: #FFF;
    background: #BF8229;
}
#Wrap .header_wrap #Gnb li .Snb{}
#Wrap .sub_nav_bar {
    display:none;
    border-bottom: 1px solid var(--light-sky);
    background: #FFF;
}
#Wrap .sub_nav_bar .inner{gap:16px;justify-content: flex-end;align-items: center;height: 48px;}
#Wrap .sub_nav_bar .inner > *{position:relative;display: inline-flex;color:#B0B8C2;font-size:18px;font-weight:400;align-items: center;gap: 16px;text-transform: uppercase;}
#Wrap .sub_nav_bar .inner > *:after{content:'';display:inline-block;width:24px;height:24px;background:url(../img/common/ico_arw_nav.svg) no-repeat center center;}
#Wrap .sub_nav_bar .inner > span:last-of-type{font-weight: 800;color: var(--black);}
#Wrap .sub_nav_bar .inner > span:last-of-type:after{display:none}





#main_container {
    position: relative;
    z-index: 1;
    background-color:#000;
}
#main_container h3 {
    font-family: 'SUIT-Regular';
    font-size: 3.428em;
    margin-bottom: .5em;
    font-weight: 300;
    letter-spacing: -.5px;
    color:#fff;
}
#main_container #main_video {
    position: relative;
    background-size: cover;
    width: 100%;
    min-height:auto;
    overflow: hidden;
}
#main_container #main_video .bg {
    position:relative;
    display:block;
    width:100%;
    min-width:100vw;
    height:auto;
}
#main_container .bg.mob {
    display:none !important;
}
#main_container #main_video .main_video_box{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width:100%;
    height:auto
}
#main_container #main_video .main_video_box video {
    min-width: 100%;
    min-height: 100vh;
}
#main_container #main_video .main_visu_logo {
    position: absolute;
    left: 45%;
    top: 53%;
    padding:0 1.25em;
    width:80vw;
    max-width:110em;
    transform: translate(-50%, -50%);
    z-index: 3;
}
#main_container #main_video .main_visu_logo * {
    display:table;
    margin:0 0 0 auto;
}
x#main_container #main_video .main_visu_logo img {
    width:38vw;
    max-width:44.285rem;
}
#main_container #main_video .main_visu_logo p {
    margin:1em 0 1em auto;
    width:38vw;
    max-width:44.285rem;
    font-size:1.75em;
    text-align: center;
    color:#fff;
    word-break:keep-all;
}
#main_container #main_video .btn_area {
    display:flex;
    justify-content:center;
    align-items: center;
    gap:1em;
    margin:2.8em 0 1em auto;
    width:38vw;
    max-width:32.285rem;
    min-height:38px;
    transform:translateZ(0);
}
#main_container #main_video .btn_area.mob {
    display:none;
}
#main_container #main_video .btn_area a {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:.2em 1.2em;
    width:148px;
    height:38px;
    box-sizing:border-box;
    font-size:22px;
    color:#fff;
    border:1px solid #fff;
    border-radius:.75rem;
	font-weight:bold;
    line-height:1;
    white-space:nowrap;
    transition:background-color .25s ease, color .25s ease, border-color .25s ease;
}

.major_product {
    position: relative;
	min-height:auto;
}
/*
.major_product.sec3 {
    background-color:#000;
}
*/
.major_product.sec6 {
    background: url(/img/contents1_5.jpg) no-repeat center center;
    background-size: cover;
}

.major_product.sec10 {
    background: url(/img/contents2_4.jpg) no-repeat center center;
    background-size: cover;
}

.major_product.sec11 {
    background: url(/img/contents_last.jpg) no-repeat center center;
    background-size: cover;
}

.major_product.sec12 {
    background:#e5e5e5;
    padding:28px 20px 30px;
}


.major_product .txtBox {
    position: absolute;
    left: 30%;
    top: 34%;
    padding:0 1.25em;
    /*width:80vw;*/	
    max-width:65vw;
    transform: translate(-50%, -60%);
    z-index: 3;
}

.major_product.sec1 .txtBox {
	top:50%;
}

.major_product.sec3 .txtBox {
    transform: translate(-50%, -50%);
	top:60%;
	left:65%;
	width:auto;
    text-shadow:none;
}
.major_product.sec3 .txtBox p {
    margin-top: .65em;
    line-height: 1.32em;
    text-shadow:none;
}

.major_product.sec4 .txtBox {
	left:10%;
	position: absolute;
    top: 45%;
    padding: 0 1.25em;
    width: 50vw;
    max-width: 110em;
    transform: translate(22%, -87%); 
    z-index: 3;
}

.major_product.sec4 .txtBox span{
	max-width:100%;
}

.major_product.sec4 .txtBox p {
    margin-top: 1.9em;
}

.major_product .txtBox > * {
    display:block;
    color:#fff;
}
.major_product.4 .txtBox > * {
    text-align:left;
}
.major_product.sec2 .txtBox img {
    margin:0 4rem 0 auto;
    width:100%;
    max-width:41.5rem;
}

.major_product.sec7 .txtBox{
	width:auto;
	transform:unset;
	left:52%;
	top:50%;
}


.major_product.sec2 .txtBox {left:50%;top:45%; }
.major_product.sec2 .txtBox span.f-p, 
.major_product.sec3 .txtBox span.f-p,
.major_product.sec4 .txtBox span.f-p,
.major_product.sec7 .txtBox span.f-p{font-size:5em;font-weight:800;margin:0rem 0 0rem auto;line-height:1}

.major_product.sec2 .txtBox span.f-p.ml2,
.major_product.sec7 .txtBox span.f-p.ml2{font-size:5em;padding-left:22%;}
.major_product.sec7 .txtBox span.f-p.ml2{padding-left:35%}
.major_product.sec3 .txtBox span.f-p{margin-top:5.8rem;}
.major_product.sec5 .txtBox{top:13%;left:72%;}
.major_product.sec5 .txtBox span { font-weight:800;font-size:5em;max-width:40rem;}
.major_product.sec5.sec9 .txtBox {
    top: 5%;
    left: 72%;
}
.major_product .txtBox span,
.major_product .txtBox p {
    width:100%;
    max-width:37rem;
    text-align:left;
	word-break:keep-all;
}

.major_product.sec3 .txtBox span{
	max-width:unset;
    text-shadow:none;
    animation:none;
}


.major_product.sec2 .txtBox span
{
    max-width:45.5rem;
}

.major_product.sec2 .txtBox p{
	min-width:585px;

}
.major_product .txtBox p {
    font-size:1.8em;
    line-height:1.5em;
	margin-top:1.5em;
}
.major_product .txtBox span {
    margin-bottom:.5em;
    font-size:3.375em;
    line-height:1.5em;
}
.major_product.sec2 .txtBox span {
    margin:.5em 0 .5em auto;
    font-size:2.5em;
    line-height:1.5em;
}
.major_product.sec2 .txtBox p {
    margin:0 0 0 auto;

	margin-top:2.8rem;

}
.major_product .imgBox {
    position: relative;
}
.major_product .imgBox img {
    width:100vw;
    max-height: 100%;
}

.major_product.sec3 .imgBox {
    margin:0;
}
.major_product.sec3 .imgBox img {
    width:auto;
    max-height:100%;
    object-fit: cover;
}

@media (min-width: 1025px) {
    .major_product.sec3 .imgBox {
        width:100%;
        height:967px;
        overflow:hidden;
    }
    .major_product.sec3 .imgBox img.pc {
        display:block;
        width:max(100vw, 3440px);
        height:967px;
        max-height:none;
        position:relative;
        left:50%;
        transform:translateX(-50%);
        object-fit:cover;
        object-position:center center;
    }
}

.major_product.sec3 .cooling-effect {
    display:none;
}
.major_product.sec3 .cooling-effect:before,
.major_product.sec3 .cooling-effect:after {
    content:"";
    position:absolute;
    inset:12%;
    border:1px solid rgba(180,240,255,.58);
    border-radius:50%;
    opacity:0;
    transform:scale(.68);
    animation:coolingRipple 2.2s ease-out infinite;
    display:none;
}
.major_product.sec3 .cooling-effect:after {
    animation-delay:.72s;
}
#main_container .quick_list{
    position: fixed;
    right: 36px;
    bottom: 44px;
    z-index: 3;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}
#main_container .quick_list > * {
    display: block;
    width: 150px;
    border-radius: 50px;
    line-height: 44px;
    cursor: pointer;
    background: linear-gradient(90deg, #EAC17D 0%, #ECCF88 19%, #F4E8D9 41%, #BF8229 73%, #EABE80 95%),
    linear-gradient(0deg, #202020, #202020);
    border:1px solid transparent;
}
#main_container .quick_list > * > span {
    display:block;
    margin:0 auto;
    width:100%;
    font-size: 14px;
    text-align:center;
    color:#fff;
    border-radius: 50px;
    line-height: 44px;
    background-color:#202020;
}
#main_container .quick_list ul{
    position: fixed;
    display: none;
    align-items: center;
    right: 155px;
    align-items: center;
    border-radius: 50px;
    line-height: 43px;
    height: 43px;
    background: rgba(255,255,255,.5);
    padding: 0 24px;
    gap: 16px;
    bottom: 47px;
}
#main_container .quick_list ul.jp_toggle_on{display:flex}
#main_container .quick_list li a{
    display: inline-block;
}

#main_product {
    background: #02000B;
    padding: 9em 0;
}
.h3_txt {
    font-size: 1.714em;
    margin-bottom: 2.5em;
    color:#fff;
}

#main_product .mod_list ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap:1em;
    margin:0 auto;
    padding:0 1.25em;
    width:100%;
    max-width:90em;
}
#main_product .mod_list ul li {
    width:calc((100% - 2em) / 3);
}
#main_product.sec06 .mod_list ul li {
    width:calc((100% - 3em) / 4);
}
#main_product .mod_list ul li img {
    margin-bottom:1em;
    width:100%;
}
#main_product .mod_list ul li span {
    display:block;
    margin-bottom:.25em;
    font-size:1.714em;
    text-align:center;
    font-weight:600;
    color:#fff;
}
#main_product .mod_list ul li p {
    display:block;
    font-size:1.714em;
    text-align:center;
    color:#F9B12C;
}

.tc.sec05 {
}
#main_product.tc.sec06 {
    background:#02000B url(../img/main/bg_trinity_m07.jpg) no-repeat center;
    background-size:cover;
}

.tc.sec05 .cooling_tip {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: flex-start;
}
.tc.sec05 .cooling_tip .text_area {
    padding-top:3em;
}
.tc.sec05 .cooling_tip .text_area img {
    display:block;
    width:100%;
    max-width:26.285em;
}
.tc.sec05 .cooling_tip .text_area hr {
    display:block;
    margin:2em 0 2em -3em;
    width:calc(100% + 3em);
    border-bottom:1px dashed #fff;
}
#main_news {
    padding: 8em 0;
}
#main_news .flexBox.area02.ver_noList {
    flex-wrap:wrap;
    gap:5em;
}
#main_news .txtBox {
    flex: 1;
    width:35%;
}
#main_news .txtBox > * {
    display:block;
}
#main_news .txtBox p {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:.5em;
    font-family: 'SUIT-Regular';
    font-size:1.714em;
    color:#fff;
    font-weight:300;
}
#main_news .txtBox p .r {
    
}
#main_news .txtBox h3 {
    font-size:2.857em;
}
#main_news .caution_list {
    width:65%;
}
#main_news .caution_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: stretch;
    gap:2em;
}
#main_news .caution_list ul li {
    width:calc((100% - 4em) / 3);
}
#main_news .caution_list ul li img {
    display:block;
    margin:0 auto 1.714em;
}
#main_news .caution_list ul li .text_area {
    padding:0 1em;
}
#main_news .caution_list ul li .text_area * {
    display:block;
    width:100%;
    font-size:1.143em;
    text-align: center;
    color:#fff;
}
#main_news .caution_list ul li .text_area span {
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid #FFDD64;
}
#main_news .caution_list ul li .text_area p {
    line-height:1.5em;
    word-break: keep-all;
}
#main_news .txtBox .txt {
    margin-bottom: 65px;
    font-size: 20px;
    line-height: 1.2;
}

#main_news .table_area {
    width:100%;
}
#main_news .table_area span {
    display:block;
    font-size:2.857em;
    font-weight:600;
    color:#fff;
}
#main_news .table_area .table {
    display:block;
    margin-top:1em;
    width:100%;
}
#main_news .table_area .table img {
    display:block;
    width:100%;
}
#main_news .table_area .table img.mob {
    display:none;
}
#main_news .table_area p {
    display:block;
    margin-top:1em;
    color:#B0B8C2;
}
#main_news .table_area .cla_list {
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:.5em;
    margin-top:2em;
}
#main_news .table_area .cla_list img {
    width:auto;
    max-width:100%;
}

.latestBox ul {
    display: inline-flex;
    gap: 23px 65px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.latestBox li{}
.latestBox li a{display:block;width:458px}
.latestBox li{
    width: 458px;
}
.latestBox li .img{margin-bottom:10px;position:relative;padding-top: 87.5%;overflow: hidden;border-radius: 16px;overflow: revert;}
.latestBox li .img img{min-width: 100%;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;width: auto;}
.latestBox li .tit{color:var(--main-black);font-size:24px;font-weight:700}
.latestBox li .date{
    margin-top: 10px;
}

#main_btm{
    margin: 0 56px;
    min-height: auto !important;
}
#main_btm > .flexBox{
    gap: 25px;
	    justify-content: center;
}
#main_btm > .flexBox a{display:block;position:relative;border-radius:16px;overflow:hidden}
#main_btm > .flexBox a span{position:absolute;display: inline-block;font-weight: 700;font-size: 40px;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
#main_btm > .flexBox a img{}

.sec09 .banner_area .swiper-slide a,
.sec09 .banner_area .swiper-slide a img {
    display:block;
    width:100%;
}
.sec09 .banner_area .swiper-slide a .mob {
    display:none;
}

#Wrap footer{background:var(--black)}
#Wrap footer .foot_top {background:var(--main--bg);height: 80px;}
#Wrap footer .foot_top .sns_link{
    display: flex;
    gap: 8px;
}
#Wrap footer .foot_top > .flexBox{align-items: center;height: 80px;}
#Wrap footer .foot_top .sns_link a{display: inline-flex;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--light-blue);align-items: center;justify-content: center;}
#Wrap footer .foot_top .sns_link a img{}
#Wrap footer .foot_top .family_tab{
    display: inline-flex;
    border-radius: 50px;
    line-height: 48px;
    border: 1px solid var(--black);
    width: 220px;
    padding: 0 24px;
    position: relative;
    background: #FFF;
}
#Wrap footer .foot_top .family_tab .tab_list{
	position: absolute;
	background: #FFF;
	border: 1px solid var(--light-sky);
	width: 100%;
	left: 0;
	top: 0;
	border-radius: 16px;
	padding: 0 16px;
	flex-direction: column;
	display:inline-flex;
	opacity: 0;
	transition: all .3s;
	visibility: hidden;
	}
#Wrap footer .foot_top .family_tab .tab_list a{display: block;line-height: 1;padding: 15px 0;font-size: 16px;}
#Wrap footer .foot_top .family_tab .tab_list a + a{border-top:1px solid var(--light-sky)}
#Wrap footer .foot_top .family_tab .on_tab{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
    background: #FFF;
    z-index: 1;
}
#Wrap footer .foot_top .family_tab .on_tab i{display:inline-block;width: 24px;height: 24px;background:url(../img/common/ico_sel_arw.svg) no-repeat center center}
#Wrap footer .foot_top .family_tab .on_tab.jp_toggle_on i{transform: rotate(-180deg)}
#Wrap footer .foot_top .family_tab .tab_list.jp_toggle_on{display: inline-flex;top: 58px;opacity: 1;transition: all .3s;visibility: visible;}

#Wrap footer .foot_cont {padding:52px 0 41px;color:#FFF}
#Wrap footer .foot_cont .f_logo{
    margin-bottom: 40px;
}
#Wrap footer .foot_cont .f_adr{}
#Wrap footer .foot_cont .f_adr_s{}
#Wrap footer .foot_cont .f_adr_s b{
    display: inline-block;
    margin-right: 8px;
    font-weight: 700;
}
#Wrap footer .foot_cont .f_adr_s i{
    position: relative;
    display: inline-block;
}
#Wrap footer .foot_cont .f_adr_s i:before{content: '・';display:inline-block;margin-left: -8px;}
#Wrap footer .foot_cont .f_adr_s .flexBox{
    margin-top: 8px;
    font-weight: 400;
    align-items: center;
}
#Wrap footer .foot_cont .f_adr_s .flexBox > div + div{
    margin-left: 40px;
}
#Wrap footer .foot_cont .f_tel > .white{display: inline-flex;align-items: center;gap: 7px;}
#Wrap footer .foot_cont .f_tel a{
    display: inline-block;
    font-size: 48px;
    font-weight: 800;
    color:#fff;
}
#Wrap footer .foot_cont .f_tel .white i{
    display: inline-block;
    background: var(--light-blue) url(../img/common/ico_f_tel.svg) no-repeat center center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
#Wrap footer .foot_cont .f_pr_link{
    text-align: right;
    margin-top: 4px;
}
#Wrap footer .foot_cont .f_pr_link a{
    margin-left: 24px;
    font-size:1.1em;
    font-weight: 700;
    color: #3A92D9;
}
#Wrap footer .f_copy{
    margin-top: 40px;
    color: #8E959F;
}
#Wrap footer .f_copy p + p{}



/* 서브페이지 setting */
#Wrap .sub_visual{
    background: #000;
    height: 520px;
    position: relative;
}
#Wrap .sub_visual_log{
    height:80px;
	    background: #000;
}
#Wrap .sub_visual.bg_1{
	background:url(../img/sub/subv1_1.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_2{
	background:url(../img/sub/subv2.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_3_1{
	background:url(../img/sub/subv3_1.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_3_2{
	background:url(../img/sub/subv3_2.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_4{
	background:url(../img/sub/subv4.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_4_3{
	background:url(../img/sub/subv4_1.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_4_2{
	background:url(../img/sub/subv4_1.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_5_1,
#Wrap .sub_visual.bg_5_2,
#Wrap .sub_visual.bg_5_3 {
	background:url(../img/sub/subv4_1.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual.bg_5_1,
#Wrap .sub_visual.bg_5_2,
#Wrap .sub_visual.bg_5_3 {
	background-image:url(../img/sub/subv5_2_curemax.jpg);
	background-position:center center;
}
#Wrap .sub_visual.bg_6{
	background:url(../img/sub/subv6.jpg) no-repeat center center;
	background-size:cover
}
#Wrap .sub_visual .sub_nav{
    position: absolute;
    display: flex;
    width: 100%;
    bottom: 16px;
}
#Wrap .sub_visual .inner{position:relative;height:100%}
#Wrap .sub_visual .inner > h3 {
    font-family: 'SUIT-Regular';
    font-size: 80px;
    font-weight:400;
    line-height:.8em;
    position: absolute;
    top: 35%;
}
#Wrap .sub_visual .inner > h3 small {
    font-size:.5em;
}
#Wrap .sub_visual .inner > h3.tc{top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
#Wrap .sub_visual .sub_nav a{color:#FFF;font-size: 24px;flex: 1;text-align: center;line-height: 100px;}
#Wrap .sub_visual .sub_nav a.on{
    font-weight: 600;
    background: rgba(28, 94, 147, .5);
    border-radius: 16px;
    backdrop-filter: blur(5px);
}
#Wrap.pageVer .header_wrap{position:fixed;width: 100%;left: 0;top: 0;background: transparent;}
#Wrap.pageVer .header_wrap.fixed{
    background: #FFF;
}
#company_area{}
#company_area section{min-height:100vh;background-size: cover !important;}
#company_area .sec01{background:url(../img/sub/pg1_1_bg1.jpg) no-repeat center center}
#company_area .sec01 p{font-size:48px;font-weight:700;line-height:72px}
#company_area .sec02{background:url(../img/sub/pg1_1_bg2.jpg) no-repeat center center;flex-direction: column;gap: 40px;}
#company_area .sec02 p{
    font-size: 24px;
    line-height: 40px;
}
#company_area .sec03{background:url(../img/sub/pg1_1_bg3.jpg) no-repeat center center;padding-top: 120px;}
#company_area .sec03 .txt{}
#company_area .sec03 .txt h3{
    font-size: 72px;
    font-weight: 600;
}
#company_area .sec03 .txt p{
    font-size: 20px;
    line-height: 2;
    font-weight: 400;
    margin-top: 46px;
}
#company_area .sec04{min-height: 50px;}
#company_area .sec04 .company_tab {
    align-items: stretch;
    width: 100%;
}
#company_area .sec04 .company_tab li{
    width:480px;
    overflow: hidden;
	position:relative;
    z-index: 1;
}
#company_area .sec04 .company_tab li img{
  position:absolute;
  left: 50%;
  width:auto;
  min-width:100%;
  height:auto;
  min-height:100%;
  transform: translate(-50%, 0);
  filter: grayscale(100%);transition:all .5s;
  object-fit:cover;
}
#company_area .sec04 .company_tab li.active{width:auto;flex:1;z-index: 2;}
#company_area .sec04 .company_tab li.active .txt{display:block}
#company_area .sec04 .company_tab li.active img{position:relative;width:auto;filter: none;transition:all .5s;width: 100%;
    height: 1120px;}
#company_area .sec04 .company_tab li .txtBox{position:absolute;z-index: 1;left: 48px;top: 48px;}
#company_area .sec04 .company_tab li .tit{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 48px;
}
#company_area .sec04 .company_tab li .txt{
	display:none;
    font-size: 20px;
}

/* 연혁 */
#history_area {
    padding: 80px 0 170px;
}
#history_area .histit{
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 55px;
    position: relative;
}
#history_area .history_slide{
    padding-left: calc((100% - 1400px)/2);
}
#history_area .history_btn_area{
    position: absolute;
    top: 30px;
    right: 0;
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.base_arw{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--black);
    background: url(../img/sub/his_arw.svg) no-repeat center center;
    cursor: pointer;
}
.base_arw.arw_next{
    width: 48px;
    height: 48px;
    border-radius: 50%;
	    transform: rotate(-180deg);
}

.his_arw_next{
    background: var(--main--blue) url(../img/sub/his_white_arw.svg) no-repeat center center;
	border:0
}

#history_area .history_slide .swiper-slide{width:auto;min-width:34%;
	transition:all .5s;
}
#history_area .history_slide .swiper-slide *{
	transition:all .5s;
}
.history_slide .swiper-slide h4.year{
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    color: #CFD5DC;
    margin-bottom: 16px;
}
.history_slide .swiper-slide .dot{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/sub/ico_his_dot.svg) no-repeat center center;
    border-radius: 50%;
    margin-left: 65px;
    transform: translate(0,-15px);
}
.history_slide .swiper-slide ul{
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;    min-height: 240px;
}
.history_slide .swiper-slide li{
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
.history_slide .swiper-slide li i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/sub/ico_check_sky.svg) no-repeat center center;
    background-size: 11px;
}
.history_slide .swiper-slide li span{
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
}
.history_slide .swiper-slide .in_img,
.history_slide .swiper-slide .dot{opacity:0;transform: translate(10px,0)}
.history_slide .swiper-slide .in_img img{
    border-radius: 8px;
    overflow: hidden;
    margin-right: 8px;
}
.history_slide .swiper-slide.swiper-slide-active .in_img,
.history_slide .swiper-slide.swiper-slide-active .dot{
	opacity:1;
	transform:translate(0,0)
}
.history_slide .swiper-slide.swiper-slide-active h4.year{color: var(--main--blue);font-weight: 900;}
.history_slide .history_line{
    position: absolute;
    width: 100%;
    left: 0;
    background: var(--light-sky);
    height: 1px;
    top: 87px;
}

/* R&D */
#rnd_area{}
#rnd_area section{min-height:100vh}
#rnd_area section h3{font-size:64px;font-weight:700;position: relative;z-index: 1;margin-bottom: 61px;}
#rnd_area .sec01{
    background: url(../img/sub/rnd_bg01.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}
#rnd_area .sec01 .white{
    font-size: 48px;
    font-weight: 700;
    line-height: 1.5;
}
#rnd_area .sec02{
    background: url(../img/sub/rnd_bg02.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}
#rnd_area .sec02 .white{
    font-size: 28px;
    line-height: 1.5;
    font-weight: 400;
}
#rnd_area .sec03{
    background: url(../img/sub/rnd_bg03.jpg) no-repeat center center;
    background-size: cover;
    padding: 160px 0 109px;
}
#rnd_area .sec03 h3{}
#rnd_area .sec03 ul{
    gap: 24px;
    margin-top: 75px;
	margin-bottom:133px
}
#rnd_area .sec03 li{
    flex: 1;
    border-radius: 16px;
    box-shadow: 0px 8px 16px 0px #1442671A;
    background: var(--light-sky);
    height: 280px;
    padding: 38px;
    text-align: left;
}
#rnd_area .sec03 li .icon{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #A8CBDF;
    border-radius: 16px;
}
#rnd_area .sec03 li .tit{
    margin-top: 24px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}
#rnd_area .sec03 li .num{
    font-size: 24px;
}
#rnd_area .sec03 li .num b{font-size:64px}
#rnd_area .sec03 li.bg01{background:var(--light-sky) url(../img/sub/rnd_sec3_bg1.png) no-repeat right bottom;}
#rnd_area .sec03 li.bg02{background:var(--light-sky) url(../img/sub/rnd_sec3_bg2.png) no-repeat right bottom}
#rnd_area .sec03 li.bg03{background:var(--light-sky) url(../img/sub/rnd_sec3_bg3.png) no-repeat right bottom}
#rnd_area .sec03 .certi_slide img{width:100%}
#rnd_area .sec04{padding:112px 0 373px;position: relative;}
#rnd_area .sec04:after{content:'';display: block;background: #E7F1F6;position: absolute;width: 100%;height: 80%;border-radius: 0 0 320px 0;top: 0;}
#rnd_area .sec04 .titarea{
    position: relative;
    z-index: 1;
}
#rnd_area .sec04 .develop_btn_area{
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-flex;
    gap: 16px;
    z-index: 1;
}
#rnd_area .sec04 .develop_slide{
	overflow:hidden
}
#rnd_area .sec04 .develop_slide .swiper-slide{
    border-radius: 16px;
    overflow: hidden;
}
#rnd_area .sec04 .swiper-slide .txtbox{
    position: absolute;
    color: #FFF;
    left: 40px;
    top: 40px;
}
#rnd_area .sec04 .swiper-slide .txtbox .tit{
    font-size: 40px;
    font-weight: 700;
}
#rnd_area .sec04 .swiper-slide .txtbox .txt{
    font-size: 22px;
    margin-top: 20px;
}
#rnd_area .sec04 .swiper-slide .imgBox img{
    width: 100%;
}
	#rnd_area .sec04 .develop_slide .swiper-slide{
    transform: scale(.8);
		transition: all .5s

}
	#rnd_area .sec04 .develop_slide .swiper-slide.swiper-slide-active{
    transform: scale(1);
	transition: all .5s
}

#rnd_area .sec05{
    position: relative;
    padding: 124px 0 91px;
}
#rnd_area .sec05 .inner{
    position: relative;
	z-index:1
}
#rnd_area .sec05:after{content:'';display: block;background:var(--main--blue);position: absolute;width: 100%;height: 70%;border-radius: 0 0 0 320px;top: 0;}
#rnd_area .sec05 .certi_area{gap: 40px 25px;justify-content: space-between;flex-wrap: wrap;}
#rnd_area .sec05 .certi_area li{width: calc(25% - 18.75px);}
#rnd_area .sec05 .certi_area li p{
    background: var(--main--bg);
    text-align: center;
    line-height: 64px;
    border-radius: 4px;
    overflow: hidden;
    height: 64px;
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
    margin-top: 8px;
}
#rnd_area .sec06{background: #162147;padding-top:80px}
#rnd_area .sec06 .certi_slide{margin-top:80px}
#rnd_area .sec06 .certi_slide img{width: 100%;}
#rnd_area .sec06 .certi_slide p{font-size:12px;color:#FFF;text-align:center;word-break: keep-all;margin-top: 7px;}

.sec08 .video_area {
    position:relative;
    padding-top:56.5%;
    width:100%;
    height:0;
    overflow:hidden;
}
.sec08 video,
.sec08 iframe {
    position:absolute;
    left:0;
    top:0;
    width:100vw;
    height:100%;
    max-height:100vh;
}

@media screen and (min-width:1921px) {
    .sec08 .video_area {
        padding-top:45%;
    }
}

/* 제품소개 */
.up_t > i{display:inline-block;}
.up_t{position:relative; font-family: 'ITC Eras', sans-serif;}
#Wrap .sub_visual.pro_visual{
    height: auto;
    position: relative;
}
.pro_visual .inner{}
.pro_visual .pro_imgB{width:100%}
.pro_visual .pro_imgB img{width:100%}
.pro_visual .pro_txtB{position:absolute;left: 50%;top: 50%;transform: translate(0,-50%);}
.pro_visual .pro_txtB .tit{
    font-size:64px;
	line-height:1.5
}
.pro_visual .pro_txtB .txt{font-size:24px}
.pro_visual .pro_txtB .btn_box{
    margin-top: 80px;
    gap: 8px;
}
.pro_visual .pro_txtB .btn_box a{display:inline-flex;line-height: 57px;gap: 8px;width: 185px;border: 1px solid var(--black);color: var(--black);font-size: 20px;border-radius: 8px;align-items: center;justify-content: center;}
.pro_visual .pro_txtB .btn_box a img{
    margin-top: -6px;
}
.pro_visual .pro_txtB .btn_box a.white{border-color:#FFF}
#product_list_area{
    padding: 80px 0 120px;
}
#product_list_area .product_list{
    gap: 48px 19px;
    flex-wrap: wrap;
}
#product_list_area .product_list li{
}
#product_list_area .product_list li a{transition:all .5s}
#product_list_area .product_list li a .imgBox{}
#product_list_area .product_list li a .txtBox{text-align:center;border:1px solid #CFD5DC;border-radius:8px;padding:18px 0;margin-top:8px}
#product_list_area .product_list li a .txtBox p{font-size:20px;font-weight:500;margin-top:5px}
#product_list_area .product_list li a .txtBox p.mobVer {
    display:block !important;
    opacity:0;
    color: #A8CBDF;
    font-weight: 400;
    margin-top: 8px;
    font-size: 14px;
    transition:all .5s
}
#product_list_area .product_list li a:hover .txtBox p.mobVer {
    opacity:1;
}
#product_list_area .product_list li a .txtBox b{font-size:40px;}
#product_list_area .product_list li a .imgBox img{
    width: 100%;
}
#product_list_area .product_list li a:hover .txtBox{background: var(--main--blue);transition:all .5s}
#product_list_area .product_list li a:hover .txtBox *{color:#FFF}

/* 제품소개 Mevrik*/
#prod_mevrik_area{}
#prod_mevrik_area .prod_titBox{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.5px;
}
#prod_mevrik_area .prod_titBox p span{font-size:24px;font-weight: 700;}
#prod_mevrik_area .prod_txtBox{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 24px;
}
#prod_mevrik_area .prod_titBox i{
    font-weight: 400;
}
#prod_mevrik_area .pro_mev_bg01{background:url(../img/sub/pro_mev_bg01.jpg) no-repeat center center;background-size:cover}
#prod_mevrik_area .pro_mev_bg02{background:url(../img/sub/pro_mev_bg02.jpg) no-repeat center center;background-size:cover}
.pro_mev_bg03{background:#E5F0F7;padding: 96px 0 130px;}
.pro_mev_bg03.zenpro {
    background:#62A9AD;
}
.pro_mev_bg04{background:#02000B}
#prod_mevrik_area .sec1{
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    padding-bottom: 82px;
}
#prod_mevrik_area .sec1 .txtBox{
    top: 150px;
    position: absolute;
    left: 0;
}
#prod_mevrik_area .sec1 .txtBox .tit{
    font-size: 64px;
}
#prod_mevrik_area .sec1 .txtBox .tit b {font-weight:800}
#prod_mevrik_area .sec1 .txtBox .tit b i{font-weight:400}
#prod_mevrik_area .sec1 .txtBox .tit p{
    font-size: 32px;
}
#prod_mevrik_area .sec1 .txtBox .txt{
    margin-top: 100px;
}
#prod_mevrik_area .sec1 .txtBox .txt p{
    font-size: 18px;
    margin-top: 24px;
    line-height: 28px;
}
#prod_mevrik_area .sec1 .imgBox{}
#prod_mevrik_area .sec1 .imgBox img{
    margin-right: -110px;
}
#prod_mevrik_area .sec1_2 .prod_titBox{
    margin-bottom: 32px;
}
#prod_mevrik_area .sec1_2 .imgBox{
    margin-top: 76px;
    justify-content: center;
    gap: 68px;
}
#prod_mevrik_area .sec1_2 .imgBox img{}
#prod_mevrik_area .sec1_25 {
    padding: 120px 0 0;
    text-align: center;
}
#prod_mevrik_area .sec1_25 .prod_titBox p img {
    display:block;
    margin:0 auto .5em;
    width:auto;
    max-width:100%;
}
#prod_mevrik_area .sec1_25 .text_box {
    margin:3em auto 0;
    padding:2.5em;
    border:1px solid #000;
    border-radius:1em;
}
#prod_mevrik_area .sec1_25 .text_box > span {
    font-size:2.5em;
    font-weight:800;
}
#prod_mevrik_area .sec1_3{
    padding: 120px 0 130px;
    text-align: center;
}
#prod_mevrik_area .sec1_3 .mla_list{
    margin-top: 64px;
    gap: 16px;
    margin-bottom: 130px;
}
#prod_mevrik_area .sec1_3 .mla_list li{}
#prod_mevrik_area .sec1_3 .mla_list li img{
    width: 100%;
}
#prod_mevrik_area .sec1_3 .mla_list li p{
    margin-top: 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
#prod_mevrik_area .sec1_3 .mla_list li p b{
    font-size: 20px;
}
#prod_mevrik_area .sec1_4{
    gap: 110px;
    justify-content: center;
}
#prod_mevrik_area .sec1_4 .txtB{
    text-align: left;
}
#prod_mevrik_area .sec1_4 .img{
    background: #FFF;
    width: 470px;
    text-align: center;
    height: 340px;
    box-shadow: 0px 4px 20px 0px #CFE2ED;
    border-radius: 16px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#prod_mevrik_area .sec2_1{
    padding: 104px 0 265px;
}
#prod_mevrik_area .sec2_1 > ul{
    gap: 40px;
    justify-content: center;
    margin-top: 64px;
}
#prod_mevrik_area .sec2_1 li{}
#prod_mevrik_area .sec2_1 li img{
    max-width: 100%;
}
#prod_mevrik_area .sec2_1 li p{}
#prod_mevrik_area .sec2_1 li p b{
    font-size: 24px;
}
#prod_mevrik_area .sec2_2{
    margin-top: -24px;
    padding-bottom: 90px;
}
#prod_mevrik_area .sec2_2 .info_area{
    margin-top: 48px;
    position: relative;
    text-align: center;
}
#prod_mevrik_area .sec2_2 .info_txt_list{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#prod_mevrik_area .sec2_2 .info_txt_list li{
    display: inline-flex;
    align-items: center;
    position: absolute;
}
#prod_mevrik_area .sec2_2 .info_txt_list li i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../img/sub/ico_spec_dot.svg) no-repeat center center;
    position: absolute;
    left: 0;
}
#prod_mevrik_area .sec2_2 .info_txt_list li:before{content:'';display:inline-block;height: 1px;border-bottom: 1px dashed #3A92D9;flex: 1;margin-left: 40px;}
#prod_mevrik_area .sec2_2 .info_txt_list li span{
    display: inline-block;
    background: rgba(58,146,217,.2);
    color: #3A92D9;
    padding: 8px 16px;
    border-radius: 4px;
}
#prod_mevrik_area .sec2_2 .info_txt_list li.dot_r{flex-direction: row-reverse;}
#prod_mevrik_area .sec2_2 .info_txt_list li.dot_r:before{margin-left: 0;margin-right: 40px;margin-top: 5px;}
#prod_mevrik_area .sec2_2 .info_txt_list li.dot_r i{left: inherit;right: 0;width: calc(100% - 10px);background-position: right center;}
#prod_mevrik_area .sec2_2 li.spec01{
    width: 17%;
    top: 17%;
    right: 32%;
}
#prod_mevrik_area .sec2_2 li.spec02{
    width: 15%;
    right: 35%;
    top: 260px;
}
#prod_mevrik_area .sec2_2 li.spec03{
    width: 33%;
    bottom: 470px;
    right: 19%;
}
#prod_mevrik_area .sec2_2 li.spec04{width: 300px;bottom: 400px;left: 370px;}
#prod_mevrik_area .sec2_2 li.spec05{
    width: 23%;
    right: 27%;
    bottom: 368px;
}
#prod_mevrik_area .sec2_2 li.spec06{width: 30%;bottom: 235px;left: 250px;}
#prod_mevrik_area .sec2_2 li.spec07{width: 300px;bottom: 45px;left: 370px;}
#prod_mevrik_area .sec2_2 .info_area img{
    position: relative;
}
.pro_mev_bg03 .piece_list{
    justify-content: center;
    gap: 22px;
    margin-top: 48px;
}
.pro_mev_bg03 .piece_list li{}
.pro_mev_bg03 .piece_list li img{
    max-width: 320px;
    max-height: 320px;
}
.pro_mev_bg03 .piece_list li p{
    margin-top: 16px;
    font-size: 20px;
    font-weight: 600;
}
.pro_mev_bg04 .inner{
    width: 960px;
    padding-top: 120px;
    padding-bottom: 109px;
}
.pro_mev_bg04 .spec_tit{margin-bottom: 16px;font-size: 40px;font-weight: 700;}
.pro_mev_bg04 .img_area img{
    width: 960px;
    border-top: 2px solid rgba(207, 226, 255, 0.9);
}
.pro_mev_bg04 .img{}
.pro_mev_bg04 .info{
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #B0B8C2;
}
.pro_mev_bg04 .s_logo{
    margin-top: 40px;
    text-align: center;
}
.pro_mev_bg04 .s_logo img{}
.pro_mev_video{background:#DDD;min-height:100vh}

/* product zenpro */
#prod_zenpro_area{}
#prod_zenpro_area .sec01{
    background: url(../img/sub/zenpro_sec01_bg.jpg) no-repeat center center;
    background-size: cover;
}
#prod_zenpro_area .sec01 .flexBox{
    align-items: center;
}
#prod_zenpro_area .sec01 .flexBox .txtBox{}
#prod_zenpro_area .sec01 .flexBox .txtBox .tit{
    font-size: 64px;
    font-weight: 400;
}
#prod_zenpro_area .sec01 .flexBox .txtBox .tit b{}
#prod_zenpro_area .sec01 .flexBox .txtBox .s_tit{
    font-size: 32px;
}
#prod_zenpro_area .sec01 .flexBox .txtBox .txt{
    font-size: 18px;
    margin-top: 80px;
    line-height: 1.5;
}
#prod_zenpro_area .sec01 .flexBox .imgBox{}
#prod_zenpro_area .sec01 .flexBox .imgBox img{}

#prod_zenpro_area .sec02{
    background: url(../img/sub/zenpro_sec02_bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 76px;
    padding-bottom: 120px;
}
#prod_zenpro_area .s_tit_txt{
    font-size: 18px;
    margin-top: 24px;
}
#prod_zenpro_area h3{
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}
#prod_zenpro_area .pro_mev_bg03 h3 {
    color:#fff;
}
#prod_zenpro_area .pro_mev_bg03 .piece_list li p {
    color:#fff;
}
#prod_zenpro_area .sec02 .in_box{
    margin-top: 33px;
    padding: 32px;
    background: #FFF;
    border-radius: 16px;
    width: 687px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 4px 20px 0px rgba(57,140,136,.28);
}
#prod_zenpro_area .sec02 .in_box .tit{
    margin-bottom: 40px;
    background: #62A9AD;
    font-size: 24px;
    font-weight: 700;
    line-height: 60px;
    border-radius: 8px;
}
#prod_zenpro_area .sec02 .in_box img{
    width: 70%;
}
#prod_zenpro_area .sec02 .txt_b{
    text-align: left;
    width: 70%;
    margin: 24px auto 40px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#prod_zenpro_area .sec02 .txt_b p{
    display: inline-flex;
    align-items: center;
}
#prod_zenpro_area .sec02 .txt_b i{display:inline-block;width:6px;height:2px;background:#62A9AD;transform: rotate(-45deg);margin-right: 8px;}
#prod_zenpro_area .sec02 .txt_b span{
    font-size: 16px;
}

#prod_zenpro_area .sec03{
    position: relative;
}
#prod_zenpro_area .sec03 .in_box{
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translate(0, -50%);
}
#prod_zenpro_area .sec03 .in_box .tit{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 17px;
}
#prod_zenpro_area .sec03 .in_box .tit b{
    font-size: 110px;
    font-weight: 800;
    letter-spacing: -.5px;
    color: #51EDF6;
}
#prod_zenpro_area .sec03 .in_box .tit i{font-weight:400}
#prod_zenpro_area .sec03 .in_box .txt{
    font-size: 18px;
    line-height: 1.5;
}
#prod_zenpro_area .sec03 > img{}
#prod_zenpro_area .sec04{
    padding: 70px 0;
	    background: url(../img/sub/zenpro_sec04_bg.jpg) no-repeat center center;
    background-size: cover;

}
#prod_zenpro_area .sec04 .scan_box{
    margin-top: 60px;
    justify-content: center;
    margin-bottom: 170px;
    align-items: center;
}
#prod_zenpro_area .sec04 .scan_box > div:nth-child(3) .in{
    width: auto;
    justify-content: flex-start;
    padding: 32px 38px;
    width: 520px;
}
#prod_zenpro_area .sec04 .in{
    background: #F7F7F8;
    border-radius: 16px;
    width: 300px;
    height: 324px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 60px;
    margin-right: 9px;
}
#prod_zenpro_area .sec04 .in .tit{background: #62A9AD;text-align: center;width: 100%;line-height: 36px;font-size: 18px;margin-bottom: 16px;}
#prod_zenpro_area .sec04 .scan_box > div:nth-child(3) .in img{
    width: 100%;
    padding: 22px 0;
}
#prod_zenpro_area .sec04 .in .mm{
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
}
#prod_zenpro_area .sec04 .ico_plus{
    width: 72px;
    height: 72px;
    background: url(../img/sub/ico_plus.svg) no-repeat center center;
    background-size: 42px;
}
#prod_zenpro_area .sec04 .prod_info{}
#prod_zenpro_area .sec04 .prod_info .white{}
#prod_zenpro_area h3 i{
    font-weight: 400;
}
#prod_zenpro_area .sec04 .info_area{
    position: relative;
}
#prod_zenpro_area .sec04 .info_area > img{}
#prod_zenpro_area .sec04 .info_spec_list{
    position: absolute;
    z-index: 1;
    bottom: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    left: 0;
}
#prod_zenpro_area .sec04 .info_spec_list li{
    display: inline-flex;
    align-items: center;
    text-align: left;
}
#prod_zenpro_area .sec04 .info_spec_list.ver2{
    right: 0;
    left: inherit;
}
#prod_zenpro_area .sec04 .info_spec_list.ver1 li:nth-child(1){
    padding-left: 26%;
}
#prod_zenpro_area .sec04 .info_spec_list.ver1 li:nth-child(2){
    padding-left: 10%;
    margin: 53px 0;
}
#prod_zenpro_area .sec04 .info_spec_list.ver1 li:nth-child(3){padding-left: 26%;}
#prod_zenpro_area .sec04 .info_spec_list.ver2 li:nth-child(1){
    padding-left: 29%;
}
#prod_zenpro_area .sec04 .info_spec_list.ver2 li:nth-child(2){
    margin: 53px 0;
    padding-left: 45%;
}
#prod_zenpro_area .sec04 .info_spec_list.ver2 li:nth-child(3){
    padding-left: 29%;
}
#prod_zenpro_area .sec04 .info_spec_list li img{}
#prod_zenpro_area .sec04 .info_spec_list li span{
    color: #FFF;
    font-size: 24px;
    margin-left: 16px;
}


	#contact_area{}
	#contact_area .top_info_box{
    padding: 64px 0 55px;
    background: #000;
}
	#contact_area .top_info_box .inner{
    justify-content: space-between;
}
	#contact_area .top_info_box .btn_box{}
	#contact_area .top_info_box .btn_box p b{}
	#contact_area .top_info_box .btn_box p{
    font-size: 48px;
}
	#contact_area .top_info_box .btn_area{
    margin: 30px 0 40px;
    gap: 12px;
}
	#contact_area .top_info_box .btn_area a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    line-height: 56px;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 0 40px;
    gap: 8px;
}
	#contact_area .top_info_box .btn_area a i{
    margin-top: -5px;
}
	#contact_area .top_info_box .btn_area a img{
    opacity: .8;
}
	#contact_area .top_info_box a.txt{
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 20px;
    gap: 8px;
    margin-bottom: 12px;
}
	#contact_area .top_info_box .txt img{}
	#contact_area .top_info_box .txt span{}
	#contact_area .top_info_box .tel_box{
    background: #FFF;
    padding: 40px 48px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,.1);
    margin-bottom: -147px;
}
#contact_area .top_info_box .tel_box .b_tel b{
    font-family: 'SUIT-Regular';
    font-weight: 800;
    color:#000 !important;
}
	#contact_area .top_info_box .tel_box .b_tel{
   display: flex;
   align-items: center;
   gap: 16px;
   font-size: 64px;
   font-weight: 700;
   padding-bottom: 28px;
   border-bottom: 1px solid #A8CBDF;
   margin-bottom: 32px;
}
#contact_area .top_info_box .tel_box .b_tel img {
    width: 60px;
    height: 60px;
    padding: 10px;
    background: #CFE2ED;
    border-radius: 50%;
}
	#contact_area .top_info_box .tel_box p.txt{
    font-size: 16px;
    line-height: 26px;
}
	#contact_area .top_info_box .tel_box .txt b{
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    display: block;
    margin-top: 25px;
}
	#contact_area .map_area{
    margin-bottom: 64px;
}
	#contact_area .map_area .map{
    border-radius: 16px 16px 0 0;
    height: 460px;
    background: #F0f0f0;
}
#contact_area .map_area .map > div {
    width:100% !important;
    height:100% !important;
}
.roughmap_maker_label .roughmap_lebel_text,
.roughmap_maker_label:after {
    display:none !important;
}
	#contact_area .map_area .map_info{
    display: flex;
    align-items: center;
    padding: 26px 24px;
    background: #000;
}
	#contact_area .map_info i{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../img/sub/ico_w_map.svg) no-repeat center center;
}
	#contact_area .map_info b{
    font-size: 32px;
    display: inline-block;
    padding: 0 24px 0 16px;
}
	section.map_sec{
    padding-top: 90px;
    margin-top: 90px;
    margin-bottom: 145px;
}

/* board */
.bd_wrap{margin:80px auto 96px;overflow:hidden}
#Wrap.basic_ver{background:#F7F7F8}
.bd_wrap .stat_tab{}


.bd_wrap .stat_tab{
    display: inline-flex;
    border-radius: 8px;
    line-height: 46px;
    border: 1px solid #CFD5DC;
    padding: 0 24px;
    position: relative;
    background: #FFF;
}
.bd_wrap .stat_tab .tab_list{
	position: absolute;
	background: #FFF;
	border: 1px solid #CFD5DC;
	width: calc(100% + 2px);
	left: -1px;
	top: 0;
	border-radius: 0;
	padding: 0 16px;
	flex-direction: column;
	display:inline-flex;
	opacity: 0;
	transition: all .3s;
	visibility: hidden;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	}
.bd_wrap .stat_tab .tab_list a{display: block;line-height: 1;padding: 15px 8px;font-size: 16px;}
.bd_wrap .stat_tab .tab_list a + a{border-top:1px solid var(--light-sky)}
.bd_wrap .stat_tab .on_tab{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
    background: #FFF;
    z-index: 1;
    font-size: 18px;
    color: #14152E;
    gap: 8px;
}
.bd_wrap .stat_tab .on_tab i{display:inline-block;width: 24px;height: 24px;background:url(../img/common/ico_sel_arw.svg) no-repeat center center}
.bd_wrap .stat_tab .on_tab.jp_toggle_on i{transform: rotate(-180deg)}
.bd_wrap .stat_tab .tab_list.jp_toggle_on{display: inline-flex;top: 37px;opacity: 1;transition: all .3s;visibility: visible;z-index:1}

/* contact */
#Wrap .inner_sign{width:576px;margin:0 auto 140px;}
#Wrap .inner_sign_bg{width:100%;padding-top:120px}
#Wrap .join_text{
    border-radius: 16px;
    background: #1E5084;
    padding: 24px;
	margin-bottom:24px
}
#Wrap .join_text > .flexBox{
    font-size: 18px;
    font-weight: 700;
	gap:8px
}
#Wrap .join_text > .txt{
    font-size: 16px;
    margin-top: 16px;
    letter-spacing: -.5px;
}
#Wrap .form_box_area{
	border:1px solid #CFD5DC;
	background:#FFF;
	border-radius:16px;
	padding:24px
}
#Wrap .form_box_area + .form_box_area{margin-top:24px}
#Wrap .form_box_area dl + dl{margin-top:24px}
#Wrap .form_box_area dl .imp{
	display:inline-flex;
	align-items: center;
}
#Wrap .form_box_area dl .imp:after{
	display:inline-block;
	content:'';
	background:#1C5E93;
	width:6px;
	height:6px;
	border-radius:50%;
	margin-top: -10px;
	margin-left: 5px;
}
#Wrap .form_box_area dl dt,
#Wrap .form_box_area dl dt label{
	font-size:16px;
	font-weight:500;
	color:#212529;
	margin-bottom:8px
}
#Wrap .form_box_area dd{}
#Wrap .form_box_area dd .s_txt{margin-top:8px;font-size:14px;color:#212529}
#Wrap .form_box_area dd input[type='text'],
#Wrap .form_box_area dd input[type='password'],
#Wrap .form_box_area dd input[type='tel'],
#Wrap .form_box_area dd input[type='mail']{
	background:#F7F7F8;
	border-radius:8px;
	line-height:54px;
	height:56px;
	padding:0 10px;
	border:0;
	width:100%;
}
#Wrap .form_box_area dd input[type='text']{}
#Wrap .form_box_area dd .flexBox{
    align-items: center;
    justify-content: space-between;

}
#Wrap .form_box_area .tel-area{
    display: flex;
    align-items: center;
    gap:.5em;
}
#Wrap .form_box_area .tel-area span{
    text-align: center;

}
#Wrap .form_box_area .tel-area span input{max-width: 145px;text-align: left;}
#Wrap .form_box_area .tel-area span select{
	width: 100%;
	background:#F7F7F8;
	border-radius:8px;
	line-height:54px;
	height:56px;
	padding:0 10px;
	border:0;
}
#Wrap .form_box_area .all_sel {}
#Wrap .form_box_area .all_sel select{
	width: 100%;
	background:#F7F7F8;
	border-radius:8px;
	line-height:54px;
	height:56px;
	padding:0 10px;
	border:0;
}
#Wrap .agr_box{margin-top:24px}
#Wrap .agr_box dl + dl{margin-top:24px;border-top:1px solid #CFD5DC;padding-top:24px}
#Wrap .agr_box .form_box_area dt{font-size:18px;font-weight:700;color:#212529;margin-bottom:19px}
#Wrap .agr_box a.more{
	display:inline-block;
	color:#A8CBDF;
	font-size:14px;
	font-weight:700;
	text-decoration:underline;
    word-break:keep-all;
}
#Wrap .agr_box p.blue{
	font-size:16px;
	margin-bottom:14px

}
#Wrap .agr_box .check_area {
    position: relative;
    display: inline-block;
    width:calc(100% - 4em);
}
#Wrap .agr_box .check_area.full {
    width:100%;
}
#Wrap .agr_box .check_area input[type="checkbox"] + label {
    display: inline-flex;
    font-weight: 400;
    cursor: pointer;
    align-items: center;
    color: #212529;
    width:100%;
    
}
#Wrap .agr_box .check_area input[type="checkbox"] + label span {
	display:inline-block;
	width:24px;
	height:24px;
	border:1px solid #CFD5DC;
	background:#FFF;
	position:relative;
	margin-right: 7px;
}
#Wrap .agr_box .check_area.ver2 input[type="checkbox"] + label span {
	margin-right: 0;
	margin-left:7px
}
#Wrap .agr_box .check_area input[type="checkbox"] + label p {
    display:block;
    width:calc(100% - 3em);
    word-break:keep-all;
}
#Wrap .agr_box .check_area input[type="checkbox"] + label p small.r {
    display:inline-block;
}
#Wrap .agr_box .check_area.ver2 {
	margin-bottom:14px
}
#Wrap .agr_box .check_area.ver2 input[type="checkbox"] + label {
	font-size:16px;
	color:#000;
	font-weight:600
}
#Wrap .agr_box .check_area input[type="checkbox"] + label span:before{
	content:'';
	display:inline-block;
	position:absolute;
	width:10px;
	height:10px;
	background:url(../img/chk.png) no-repeat center center;
	background-size:10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#Wrap .agr_box .check_area input[type="checkbox"]:checked + label span {
	background:#1C5E93;
	border-color: #1C5E93;
}
.inner_sign_bg .contact_txt{font-size:24px;color:#212529;margin-bottom:40px}
.btn_full_area a.btn_full{
	display:block;
	width:100%;
	line-height:64px;
	background:#1C5E93;
	color:#FFF;
	font-size:24px;
	border-radius:8px;
	margin-top:48px;
	text-align:center
}
#Wrap .form_box_area dd textarea{
	width: 100%;
	background:#F7F7F8;
	border-radius:8px;
	line-height:54px;
	height:160px;
	padding:0 10px;
	border:0;
}
.form_box_area .tab_check{
	width:calc((100% - 32px) / 4);
	    position: relative;
}
.form_box_area .tab_check_area{gap:8px;    flex-wrap: wrap;}
.form_box_area .tab_check input + label{
	display:inline-block;
	line-height:50px;
	border:1px solid #CFD5DC;
	border-radius:8px;
	text-align:center;
	width:100%;
	font-size:16px;
	color:#000;
	font-weight:600;cursor:pointer
}
.form_box_area .tab_check input:checked + label{
	background:#CFD5DC;
	border :1px solid #CFD5DC
}

.mk_top_bnr{background:url(../img/sub/mk_top_bnr.jpg) no-repeat center center ;background-size:cover;height:140px}
.mk_top_bnr p{padding-left:50px;font-size:24px;font-weight:700;line-height:140px}

.mk_link_tab{display:flex;gap:24px;margin-bottom:116px}
.mk_link_tab li{width:240px;text-align:center;border-radius:8px;overflow:hidden;height:290px}
.mk_link_tab li a{display:block;position:relative;height: 100%;overflow: hidden;text-align: center;border-radius: 8px;border: 1px solid #A8CBDF;width: 100%;}
.mk_link_tab li.active a,
.mk_link_tab li a:hover{background:#A8CBDF}
.mk_link_tab li a .img{}
.mk_link_tab li a img{}
.mk_link_tab li a .txt{}
.mk_link_tab li a .txt{
    position: absolute;
    bottom: 8px;
    display: inline-block;
    background: #F7F7F8;
    left: 8px;
    right: 8px;
    border-radius: 8px;
    line-height: 48px;
    color: #212529;
    font-weight: 700;
    font-size: 20px;
    z-index: 1;
}

/* faq */
#faq_area {
    padding-top:5em;
}
#faq_area .inner {
    flex-wrap:wrap;
    align-items: flex-start;
    gap:3em;
}
#faq_area .img_area {
    width:calc(50% - 3em);
}
#faq_area .img_area span {
    display:block;
    padding-left:2.6em;
    font-size:3.428em;
    font-weight:600;
}
#faq_area .img_area span.name {
    display:flex;
    font-family: 'SUIT-Regular';
    font-weight:600;
}
#faq_area .img_area span.name .r {
    margin-bottom:0;
    font-weight:300;
    line-height:1.75em;
}
#faq_area .text_area {
    padding:1em;
    width:50%;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
}
#faq_area .text_area ul {
    padding:0;
    margin-bottom:1em;
}
#faq_area .text_area ul li {
    padding:1em 0;
}
#faq_area .text_area ul li * {
    display:block;
}
#faq_area .text_area ul li span {
    position:relative;
    padding-left:1.75rem;
    font-size:1.428em;
    line-height:2em;
    font-weight:600;
}
#faq_area .text_area ul li span::before {
    content:'';
    position:absolute;
    top:.45em;
    left:0;
    width:1em;
    height:1em;
    background:url(../img/sub/text_q.svg) no-repeat center;
    background-size:cover;
}
#faq_area .text_area ul li p {
    padding-left:1.75rem;
    font-size:1.125em;
    line-height:1.5em;
}
#faq_area .text_area .guide {
    font-size:1.05em;
    color:#8a8a8a;
}

.spec-wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.spec-wrapper:after {
  content:"";
  position:absolute;
  left:-25%;
  top:0;
  width:32%;
  height:100%;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 0%, rgba(111,236,255,.08) 45%, rgba(255,255,255,.28) 50%, rgba(127,232,255,.08) 55%, transparent 100%);
  transform:skewX(-18deg);
  animation:specScan 5.6s ease-in-out infinite;
}

.sec10 .spec-wrapper{
	max-width:740px;
}

.spec-title { 
  font-size:5em;
  font-weight: 800;
  margin: 0rem 0 0rem auto;
  line-height: 1;
  color: white;
  text-align: center;
  margin-bottom: 0;
  padding: 40px 20px 0;

}

.spec-table {
  width: 100%;
  border-collapse: collapse;
  color: white;
  margin-top:42px;
  margin-bottom:10%;
  position: relative;
  text-shadow:0 0 16px rgba(93,220,255,.28);
  animation:specFloatGlow 4.8s ease-in-out infinite;
}

.spec-table th {
  padding: 20px;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
}

.spec-table th:first-child {
  text-align: left;
}

.spec-table td {
  padding: 20px 40px;
  text-align: center;
  font-size: 36px;
  border-bottom: 2px solid white;
  line-height: 1.6;
  box-shadow:0 1px 0 rgba(111,234,255,.18);
}

.spec-table td.small {
  padding: 20px 0px;
  text-align: left;
  font-size: 16px;
  border-bottom: 0px ;
  box-shadow:0 0 0 ;
}

.spec-table td:first-child {
  text-align: left;
  font-weight: 400;
}

.spec-table tr:last-child td {

}

.spec-badge-group {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
}

.spec-badge {
  background: rgba(255,255,255,1);
  color: #222;
  padding: 0px 12px;
  border-radius: 7px;
  font-size: 32px;
  font-weight: 600;
  box-shadow:0 0 20px rgba(111,236,255,.26);
  animation:specBadgePulse 3.2s ease-in-out infinite;
}

@keyframes specScan {
  0%, 18% { left:-34%; opacity:0; }
  35% { opacity:.85; }
  58%, 100% { left:102%; opacity:0; }
}

@keyframes specFloatGlow {
  0%, 100% { filter:drop-shadow(0 0 0 rgba(111,236,255,0)); }
  50% { filter:drop-shadow(0 0 18px rgba(111,236,255,.18)); }
}

@keyframes specBadgePulse {
  0%, 100% { box-shadow:0 0 16px rgba(111,236,255,.18); }
  50% { box-shadow:0 0 28px rgba(111,236,255,.46); }
}



.hz-text{
  font-family: "Pretendard", sans-serif;
  color:#fff;
  position:absolute;
  top:20%;
  transform: translate(50%, 0);
  left:20%;
}
/* Up to : 99px @1920 */
.hz-text .up{
  display:block;
  font-weight:700;
  line-height:1;
  opacity:.95;
  margin-bottom: clamp(10px, 1.2vw, 22px);

  font-size: clamp(28px, 5.16vw, 99px);
}

/* 한 줄 정렬 */
.hz-text .main{
  display:flex;
  align-items:baseline;
  gap: clamp(16px, 2.1vw, 40px);
}

/* 40 : 726px @1920 */
.hz-text .num{
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:0.88;

  font-size: clamp(120px, 27.8vw, 326px);

  /* 크게 퍼지는 글로우 */
  text-shadow:
    0 0 clamp(12px, 1vw, 18px) rgba(200,180,255,0.95),
    0 0 clamp(40px, 4vw, 90px) rgba(200,180,255,0.60),
    0 0 clamp(120px,10vw,220px) rgba(200,180,255,0.42),
    0 0 clamp(200px,18vw,360px) rgba(200,180,255,0.26);
}

/* Hz : 400px @1920 */
.hz-text .unit{
  font-weight:600;
  letter-spacing:-0.02em;
  line-height:0.9;

  font-size: clamp(80px, 20.83vw, 200px);

  transform: translateY(clamp(-4px, -0.5vw, -10px));

}

/* 가독성 보강 */
.hz-text .num,
.hz-text .unit{
  -webkit-text-stroke: 1px rgba(255,255,255,0.22);
}

.feature-wrap{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 3vw, 60px);
  max-width:1200px;
  margin:3% auto;
  text-align:center;
}

.feature-item img{
  width: clamp(90px, 12vw, 160px);
  height: auto;
  margin-bottom: 18px;
}

.feature-item p{
  color:#fff;
  font-size: clamp(16px, 2.2vw, 26px);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-0.02em;
}

.sec11 .f-p{
	padding:10em 0
}
.major_product.sec5{
    background:url('/img/movie_bg1.jpg') center center / cover no-repeat;
    padding:120px 0;
}

.major_product.sec5.sec9{
   background:url('/img/movie_bg2.jpg') center center / cover no-repeat;
}

/* 영상 wrapper */
.major_product .videoWrap{
    width:100%;
    max-width:1250px;
    margin:5% auto 2%;
}

/* 16:9 비율 */
.major_product .videoBox{
    width:100%;
    aspect-ratio:16 / 9;
    position:relative;
}

/* video */
.major_product .videoBox video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.major_product .videoBox img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}


.major_product.sec5 .txtBox2{width:100%;max-width:1250px;margin:0 auto !important;position:relative;    font-size: 5em;color:#ffffff;text-align:center;
    font-weight: 800;
    margin: 0rem 0 0rem auto;
    line-height: 1;}

.spec-subtitle {
    display:table;
    margin:14px auto 0;
    padding:6px 18px;
    color:#152949;
    font-size:18px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:0;
    border-radius:3px;
    background:rgba(255,255,255,.9);
    box-shadow:0 0 24px rgba(90,185,255,.25);
}
.legal-notice {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    color:#1e1e1e;
    font-size:14px;
    line-height:1.7;
    word-break:keep-all;
}
.legal-notice p {
    margin:0;
}
.legal-notice p + p {
    margin-top:4px;
}

@keyframes coolingPulse {
    0%, 100% {
        opacity:.9;
        transform:scale(1);
        filter:drop-shadow(0 0 18px rgba(0,207,255,.78)) brightness(1.08);
    }
    45% {
        opacity:1;
        transform:scale(1.015);
        filter:drop-shadow(0 0 32px rgba(85,234,255,1)) brightness(1.55);
    }
}
@keyframes coolingRipple {
    0% {
        opacity:.65;
        transform:scale(.58);
    }
    75%, 100% {
        opacity:0;
        transform:scale(1.55);
    }
}

@keyframes coolingTextDissolve {
    0% { opacity:0; filter:blur(18px); clip-path:inset(0 0 100% 0); }
    45% { opacity:.55; filter:blur(8px); clip-path:inset(0 0 20% 0); }
    100% { opacity:1; filter:blur(0); clip-path:inset(0 0 0 0); }
}

@media (min-width: 1024px) and (max-width:1600px) {
	.major_product.sec1 .txtBox {
		top:52%;	
		left:20%;
	}
	.major_product.sec2 .txtBox {
		left: 50%;
	}
	
	.spec-table td,.spec-table th,.spec-badge {
		font-size:28px;
	}
	
		
	.major_product.sec3 .txtBox {

	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .major_product .txtBox p {
        font-size: 1.2em !important;
    }
	.major_product.sec1 .txtBox {
		left:10%;
	}
	
	.major_product.sec2 .txtBox {
		left: 50%;
	}

	
	.major_product.sec2 .txtBox span,
	.major_product.sec3 .txtBox span{
		font-size:3em !important;
	}
	
	.spec-table td,.spec-table th{
		font-size:22px;
		padding:20px 10px;
	}
	
	.spec-badge {
		font-size:22px;
	}
}

@media (max-width: 1200px) {
    .major_product .imgBox img {
        max-height: inherit;
        width: 100%;
        margin-bottom: 0px !important;
    }
	.major_product.sec5 .txtBox2 {font-size:3em !important;}
	.major_product.sec2 .txtBox span.f-p, 
	.major_product.sec3 .txtBox span.f-p,
	.major_product.sec4 .txtBox span.f-p,
	.major_product.sec7 .txtBox span.f-p{font-size:3.8em}
	
	.major_product.sec2 .txtBox span.f-p.ml2, .major_product.sec7 .txtBox span.f-p.ml2 {
    font-size: 3.8em;}
}

@media (max-width: 1024px) {
    .major_product .txtBox {
        margin-top: 2em !important;
		margin-right: auto !important;
		position:relative !important;
    }
	
	#main_container #main_video .main_visu_logo{
		max-width:400px;
		margin-bottom:1em !important;
	}
}

@media (max-width: 1024px) {
    #main_container #main_video .main_visu_logo, .major_product .txtBox {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 4em auto 0;
        width: auto !important;
    }
	
	.spec-title {
	    font-size: 3em;
	}
	
	.spec-table th, .spec-table td,.spec-badge {

		font-size: 26px;

	}
	
	.spec-table {
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.spec-table th{
		max-width:115px;
	}
	
	
}

@media (max-width: 767px) {
	.major_product.sec5 {
			padding-top:45px;
		}
		
	.sec11 .f-p {padding:5em 0}
	
	.hz-text {	
		transform: translate(30%, 0);
	}
	
	.major_product.sec2 .txtBox span.f-p.ml2{padding-left:14%;}
	.major_product .txtBox {padding:0 10px;margin:0 0 !important;width:100% !important;min-width:340px;}
	.major_product .txtBox p{max-width:340px;    word-break:keep-all !important;}
}


[data-aos] {
    transition-property: transform, opacity, filter !important;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    will-change: transform, opacity, filter;
}

/* dissolve-up */
[data-aos="dissolve-up"] {
    opacity: 0;
    transform: translate3d(0, 64px, 0) scale(0.975);
    filter: blur(18px) brightness(1.18);
}
[data-aos="dissolve-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}

/* dissolve */
[data-aos="dissolve"] {
    opacity: 0;
    transform: scale(1.045);
    filter: blur(18px) brightness(1.15);
}
[data-aos="dissolve"].aos-animate {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

/* soft zoom */
[data-aos="soft-zoom"] {
    opacity: 0;
    transform: scale(1.09);
    filter: blur(12px) saturate(1.18);
}
[data-aos="soft-zoom"].aos-animate {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

/* text rise */
[data-aos="text-rise"] {
    opacity: 0;
    transform: translate3d(0, 44px, 0);
    filter: blur(10px) brightness(1.16);
}
[data-aos="text-rise"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
}
#main_container #main_video .main_visu_logo[data-aos="dissolve-up"] {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
    filter: blur(10px) brightness(1.08);
}
#main_container #main_video .main_visu_logo[data-aos="dissolve-up"].aos-animate {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}/* AOS 충돌 보정 */
.major_product.sec1 .txtBox[data-aos="text-rise"] {
    transform: translateY(-50%) translate3d(0, 30px, 0) translateX(0) !important;
}
#main_container #main_video .btn_area.mob[data-aos="text-rise"] {
    transform: none;
    filter: blur(6px) brightness(1.08);
}
#main_container #main_video .btn_area.mob[data-aos="text-rise"].aos-animate {
    transform: none;
    filter: blur(0);
}
.major_product.sec1 .txtBox[data-aos="text-rise"].aos-animate {
    transform: translateY(-50%) translate3d(0, 0, 0) !important;
}
/* AOS */
.major_product.sec2 .txtBox[data-aos="dissolve-up"] {
    transform: translateY(-50%) translate3d(0, 36px, 0) scale(0.99) !important;
}
.major_product.sec2 .txtBox[data-aos="dissolve-up"].aos-animate {
    transform: translateY(-50%) translate3d(0, 0, 0) scale(1) !important;
}
.major_product.sec3 .txtBox[data-aos="dissolve-up"] {
    transform: translate(-50%, -50%) translate3d(0, 36px, 0) scale(0.99) !important;
    opacity:0;
    filter: blur(18px);
    clip-path:inset(0 0 100% 0);
}
.major_product.sec3 .txtBox[data-aos="dissolve-up"].aos-animate {
    transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1) !important;
    opacity:1;
    filter: blur(0);
    clip-path:inset(0 0 0 0);
    animation:coolingTextDissolve 1.25s ease-out both;
}
.major_product.sec4 .txtBox[data-aos="dissolve-up"] {
    transform: translateY(-50%) translate3d(0, 36px, 0) scale(0.99) !important;
}
.major_product.sec4 .txtBox[data-aos="dissolve-up"].aos-animate {
    transform: translateY(-50%) translate3d(0, 0, 0) scale(1) !important;
}
.major_product.sec7 .txtBox[data-aos="dissolve-up"] {
    transform: translateY(-50%) translate3d(0, 36px, 0) scale(0.99) !important;
}
.major_product.sec7 .txtBox[data-aos="dissolve-up"].aos-animate {
    transform: translateY(-50%) translate3d(0, 0, 0) scale(1) !important;
}

@media (max-width: 1024px) {
	.major_product .txtBox[data-aos],
    .major_product.sec1 .txtBox[data-aos],
    .major_product.sec2 .txtBox[data-aos],
    .major_product.sec3 .txtBox[data-aos],
    .major_product.sec4 .txtBox[data-aos],
    .major_product.sec7 .txtBox[data-aos],
    #main_container #main_video .main_visu_logo[data-aos] {
        transform: none !important;
    }

    .major_product .txtBox[data-aos="text-rise"],
    .major_product .txtBox[data-aos="dissolve-up"],
    #main_container #main_video .main_visu_logo[data-aos="dissolve-up"] {
        opacity: 0;
    }

    .major_product .txtBox[data-aos="text-rise"].aos-animate,
    .major_product .txtBox[data-aos="dissolve-up"].aos-animate,
    #main_container #main_video .main_visu_logo[data-aos="dissolve-up"].aos-animate {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    [data-aos="dissolve-up"],
    [data-aos="dissolve"],
    [data-aos="soft-zoom"],
    [data-aos="text-rise"] {
        filter: blur(4px);
    }

    [data-aos="dissolve-up"].aos-animate,
    [data-aos="dissolve"].aos-animate,
    [data-aos="soft-zoom"].aos-animate,
    [data-aos="text-rise"].aos-animate {
        filter: blur(0);
    }
}

@media (min-width: 1024px) and (max-width:2000px) {
    .ph {
        display: none;
    }
}

@media (max-width: 767px) {
    .major_product.sec2 .txtBox {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;

        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        margin: -34px auto 0 !important;
        padding: 0 8px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .major_product.sec2 .txtBox > * {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .major_product.sec2 .txtBox span.f-p,
    .major_product.sec2 .txtBox span.f-p.ml2 {
        display: block !important;
        padding-left: 0 !important;
        margin: 0 0 8px 0 !important;
        font-size: 34px !important;
        line-height: 1 !important;
        text-align: left !important;
    }

    .major_product.sec2 .txtBox p {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        text-align: left !important;
        word-break: keep-all !important;
    }
	
	.major_product.sec2 .txtBox p {
		min-width: unset;
	}
}

@media (max-width: 1024px) {
    .major_product.sec3 .txtBox,
    .major_product.sec3 .txtBox[data-aos="dissolve-up"],
    .major_product.sec3 .txtBox[data-aos="dissolve-up"].aos-animate {
        left:auto !important;
        top:auto !important;
        transform:none !important;
        filter:blur(0) brightness(1) !important;
    }
}