#tnb,
#gnb,
#hd::after,
#topSpacer,
#snbOpen{display:none;}
#ctWrap{margin-top:0; border-bottom:none;}
.blind{width:0; height:0; font-size:0; line-height:0;}

@font-face{
    font-family: 'ONEMobile';
    font-weight: 600;
    src: url("ONEMobileBold.woff2") format('woff2'),
    url("ONEMobileBold.woff") format('woff');
}
@font-face{
    font-family: 'ONEMobileTitle';
    font-weight: 600;
    src: url("ONEMobileTitle.woff2") format('woff2'),
    url("ONEMobileTitle.woff") format('woff');
}

.main_intro{position:relative; display:flex; justify-content:center; align-items:center; height:100vh;}
.main_intro::before{position:absolute; width:100vw; height:620px; left:50%; top:0; content:''; transform:translateX(-50%); background:url('../img/intro/main_intro_bg.jpg') no-repeat center center / cover; z-index: -1;}
.main_intro .inner{width:100%;}
@media all and (max-width:1200px){
    .main_intro{padding:0 3%;}
    .main_intro::before{height:60vh;}
}
@media all and (max-width:1000px){
    .main_intro{display:block; height:auto; padding-top:100px;}
}
@media all and (max-width:768px){
    .main_intro{padding-top:30px;}
    .main_intro::before{height:450px;}
}

.main_intro .introTop{display: flex; width:100%;}
.main_intro .introTop .logo{width:229px; height:43px; background:url('../img/intro/intro_logo.png') no-repeat center center / contain;}
@media all and (max-width:1000px){
    .main_intro .introTop{padding:0 80px;}
    .main_intro .introTop .logo{height:80px;}
}
@media all and (max-width:768px){
    .main_intro .introTop{display:block; padding:0;}
    .main_intro .introTop .logo{width:160px; height:30px; margin:0 auto 20px auto; background-size:contain;}
}

.main_intro .menu_click{width:100%; margin:50px 0 70px 0;}
.main_intro .menu_click .ul{display:flex;}
.main_intro .menu_click .li{width:calc((100% - 60px)/4); height:480px; margin-right:20px; text-align:center; border-top-right-radius: 30px; border-bottom-left-radius: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: 0.2s;}
.main_intro .menu_click .li:last-child{margin-right:0;}
.main_intro .menu_click .li.n1{background:#ffa06b url('../img/intro/intro_menu01.png') no-repeat center bottom / contain;}
.main_intro .menu_click .li.n2{background:#90aeff url('../img/intro/intro_menu02.png') no-repeat center bottom / contain;}
.main_intro .menu_click .li.n3{background:#ffcb57 url('../img/intro/intro_menu03.png') no-repeat center bottom / contain;}
.main_intro .menu_click .li.n4{border-radius:0; box-shadow: none;}
.main_intro .menu_click .li.n4 .item{width:100%; height:230px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); transition: 0.2s;}
.main_intro .menu_click .li.n4 .item.it1{margin-bottom:20px; background:#ccf2b2 url('../img/intro/intro_menu04.png') no-repeat center bottom / contain;}
.main_intro .menu_click .li.n4 .item.it2{background:#f7b9cd url('../img/intro/intro_menu05.png') no-repeat center bottom / contain;}
.main_intro .menu_click .anchor{display:block; width:100%; height:100%; padding-top:55px; border-radius: inherit; transition: 0.2s;}
.main_intro .menu_click .subject{margin-bottom:15px; font-family: 'ONEMobileTitle'; font-size:28px; color:#282828; line-height:36px; letter-spacing: -0.05em;}
.main_intro .menu_click .btn_txt{font-family: 'ONEMobile'; text-align:center;}
.main_intro .menu_click .btn_txt span{display:inline-block; padding:0 30px; font-size:18px; color:#282828; line-height:40px; letter-spacing: -0.05em; border-radius:50px; background:#fff; box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
@media all and (max-width:1200px){
    .main_intro .menu_click .li{height:380px;}
    .main_intro .menu_click .li.n4 .item{height:180px;}
    .main_intro .menu_click .anchor{padding-top:35px;}
    .main_intro .menu_click .subject{font-size:24px; line-height:32px;}
}
@media all and (max-width:1000px){
    .main_intro .menu_click .ul{flex-wrap: wrap; padding:0 80px;}
    .main_intro .menu_click .li{width:calc((100% - 20px)/2); height:380px; margin-bottom:20px;}
    .main_intro .menu_click .li:nth-child(even){margin-right:0;}
    .main_intro .menu_click .li.n1{background-size:auto;}
    .main_intro .menu_click .li.n2{background-size:auto;}
    .main_intro .menu_click .li.n3{background-size:auto;}
    .main_intro .menu_click .li.n4 .item.it1{background-position:right bottom;}
    .main_intro .menu_click .li.n4 .item.it2{background-position:left bottom;}
}
@media all and (max-width:768px){
    .main_intro .menu_click{margin:40px 0 50px 0;}
    .main_intro .menu_click .ul{padding:0 10px;}
    .main_intro .menu_click .li{height:300px;}
    .main_intro .menu_click .li.n4 .item{height:140px;}
    .main_intro .menu_click .subject{margin-bottom:7px; font-size:22px; line-height:30px;}
    .main_intro .menu_click .li.n4 .item .subject br{display:none;}
    .main_intro .menu_click .btn_txt span{font-size:16px; line-height:36px; }
    .main_intro .menu_click .li.n1{background-size:auto 100%;}
    .main_intro .menu_click .li.n2{background-size:auto 100%;}
    .main_intro .menu_click .li.n3{background-size:auto 100%;}
}
@media all and (max-width:640px){
    .main_intro .menu_click .li{width:100%; max-width:300px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
    .main_intro .menu_click .li:nth-child(even){margin-right:auto;}
}
@media all and (min-width:1000px){
    /*hover*/
    .main_intro .menu_click .anchor:hover{padding-top:70px;box-shadow: 0 10px 20px rgba(0,0,0,0.5);}
    .main_intro .menu_click .li.n1:hover{background-position:center bottom 30px;}
    .main_intro .menu_click .li.n2:hover{background-position:center bottom 30px;}
    .main_intro .menu_click .li.n3:hover{background-position:center bottom 30px;}
    .main_intro .menu_click .li.n4 .item.it1:hover{background-position:right -20px bottom;}
    .main_intro .menu_click .li.n4 .item.it2:hover{background-position:left -20px bottom;}
    .main_intro .menu_click .li.n4 .item .anchor:hover{padding-top:55px;}
}

.main_intro .introBottom{width:100%; text-align:center;}
.main_intro .introBottom .info{margin-bottom:30px;}
.main_intro .introBottom .info .ul{display:flex; justify-content: center;}
.main_intro .introBottom .info .li{position:relative; margin-right:55px; padding-left:60px; font-family: 'ONEMobileTitle'; font-size:24px; color:#282828; line-height:50px;  letter-spacing: -0.075em;}
.main_intro .introBottom .info .li:last-child{margin-right:0;}
.main_intro .introBottom .info .li::after{position:absolute; width:50px; height:50px; left:0; top:50%; content:''; transform:translateY(-50%); background:url('../img/intro/intro_bottom_icon.png') no-repeat; background-size:300% 100%;}
.main_intro .introBottom .info .li.n1::after{background-position:left center;}
.main_intro .introBottom .info .li.n2::after{background-position:center center;}
.main_intro .introBottom .info .li.n3::after{background-position:right center;}
.main_intro .introBottom .info .li .anchor{font-family:inherit; font-size:inherit; color:inherit; line-height:inherit; letter-spacing: inherit;}
.main_intro .introBottom .f_link{margin-bottom:20px;}
.main_intro .introBottom .f_link .ul{display:flex; justify-content: center;}
.main_intro .introBottom .f_link .anchor{position:relative; padding:0 15px; font-size:18px; color:#282828; line-height:18px; letter-spacing: -0.075em;}
.main_intro .introBottom .f_link .anchor::after{position:absolute; width:1px; height:15px; right:0; top:7px; content:''; background:#bfbfbf;}
.main_intro .introBottom .f_link .li:last-child .anchor::after{display:none;}
.main_intro .introBottom .copy{font-size:16px; color:#282828; line-height:24px; letter-spacing: -0.075em; opacity:0.8;}
@media all and (max-width:1200px){
    .main_intro .introBottom .info .li{margin-right:30px; padding-left:50px; font-size:20px; line-height:40px;}
    .main_intro .introBottom .info .li::after{width:40px; height:40px;}
    .main_intro .introBottom .f_link .anchor{padding:0 10px; font-size:15px; line-height:15px;}
    .main_intro .introBottom .f_link .anchor::after{height:13px; top:5px;}
    .main_intro .introBottom .copy{font-size:13px; line-height:20px;}
}
@media all and (max-width:1000px){
    .main_intro .introBottom .info .ul{flex-wrap:wrap; width:390px; margin:0 auto;}
    .main_intro .introBottom .info .li{margin-right:0; margin-bottom:10px;}
    .main_intro .introBottom .info .li.n2{margin-right:18px;}
}
@media all and (max-width:768px){
    .main_intro .introBottom .info{margin-bottom:20px;}
    .main_intro .introBottom .info .ul{width:320px;}
    .main_intro .introBottom .info .li{padding-left:40px; font-size:16px; line-height:30px;}
    .main_intro .introBottom .info .li::after{width:30px; height:30px;}
    .main_intro .introBottom .info .li.n2{margin-right:16px;}
    .main_intro .introBottom .f_link{margin-bottom:5px;}
    .main_intro .introBottom .f_link .ul{max-width:250px; flex-wrap:wrap; margin:0 auto;}
    .main_intro .introBottom .f_link .li{margin-bottom:5px;}
    .main_intro .introBottom .f_link .anchor{padding:0 5px; font-size:13px; line-height:13px;}
    .main_intro .introBottom .f_link .anchor::after{display:none;}

}