/* 공통 */
.linc_area { overflow: hidden; padding-top: 55px; }
.inner { width: 100%; max-width: 1400px; margin: 0 15px; }
.tx_tit { padding-top: 80px;font-size: 50px; font-weight: 800; }
.tx_tit span { display: inline; color: #3885FF; }


@media all and (max-width:800px) {
    /* 공통 */
    .tx_tit { padding-top: 40px; font-size: 24px; }
}

/* s1 */
.s1 .public--wrap { max-width: 1270px; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; } 
.s1 .top { display: flex; justify-content: center; gap: 22px; padding-top: 80px; }
.s1 .top .select { min-width: 160px; padding: 12px 22px; border: 1px solid #555; border-radius: 50px; cursor: pointer; -webkit-appearance: none; font-family: 'Pretendard'; font-size: 15px; font-weight: 500; background: #fff url('../img/linc/btn_arrow.png') right 17px top 50% no-repeat; }
.s1 .top a { display: inline-flex; align-items: center; gap: 7px; font-size: 20px; font-weight: 700; }
.s1 .top a span { color: #3885FF; }
.s1 .top a:hover span { text-decoration: underline; }
.s1 .tit { position: relative; margin-top: 70px; text-align: center; line-height: 85px; font-size: 65px; font-weight: 900; }
.s1 .tit:after { content: ''; display: block; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 200%; height: 1px; background: #E2E2E2; }
.s1 .tit:before { content: ''; display: block; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 200%; height: 1px; background: #E2E2E2; }
.s1 .tit p { display: inline; color: #3885FF; }
.s1 .tit span { position: relative; }
.s1 .tit span:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #D7E7FF; z-index: -1;}

.s1 .sharp { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 120px 0 80px; }
.s1 .sharp li { padding: 13px 45px; border-radius: 50px; border: 1px solid #3885FF; color: #3885FF; font-size: 20px; font-weight: 500; }
.s1 .sharp .cor1 { color: #fff; background: #3885FF; }
.s1 .sharp li:first-child { padding: 7px 16px; font-size: 30px; }
.s1 .sharp li:last-child { padding: 13px 14px; }

@media all and (max-width:1300px) {
    /* s1 */
    .s1 { padding: 0 15px; }
    .s1 .tit br { display: none; }
}
@media all and (max-width:800px) {
    /* s1 */
    .s1 .top { flex-wrap: wrap; gap: 12px; padding-top: 50px; }
    .s1 .top a { font-size: 16px; }
    .s1 .tit { margin-top: 40px; padding: 15px 0; line-height: 40px; font-size: 30px; }
    .s1 .sharp { gap: 4px; padding: 40px 0 40px }
    .s1 .sharp li { padding: 8px 15px; font-size: 14px; }
    .s1 .sharp li:first-child { padding: 6px 11px; font-size: 16px; }
    .s1 .sharp li:last-child { padding: 7px 10px; }
    .s1 .sharp li:last-child img { width: 12px; }
}


/* s2 */
.s2 { overflow: hidden; background: linear-gradient(270deg, rgba(78, 200, 80, 0.05) 0%, rgba(27, 187, 255, 0.05) 100%); }
.s2 .tx_tit img { transform: translate(-2px, -10px) }
.s2 .list { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 70px; margin-bottom: 100px; }
.s2 .list li { position: relative; display: flex; flex-wrap: wrap; width: calc(50% - 20px); overflow: hidden; border-radius: 20px; box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.04); background: #fff; }
.s2 .list li .tx { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 40px 30px; border-left: 1px solid #E7E7E7; }
.s2 .list li .tx strong { font-size: 16px; font-weight: 700; }
.s2 .list li .tx p { line-height: 22px; font-size: 15px; font-weight: 400; color: #888; }
.s2 .list li > a { position: absolute; top: 40px; right: 40px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #FF89D4; }
.s2 .list li > a:hover { transition: all ease 0.2s; scale: 1.1; }
.s2 .list li > a.cor2 { background: #6BEBD8; }
.s2 .list li > a.cor3 { background: #6BA2F9; }
.s2 .list li > a.cor4 { background: #2C2C2C; }

@media all and (max-width:1300px) {
    /* s2 */
    .s2 .list { flex-direction: column; gap: 15px; }
    .s2 .list li { width: 100%; }
}
@media all and (max-width:800px) {
    /* s2 */
    .s2 .list { margin-top: 20px; margin-bottom: 50px; }
    .s2 .list li .img { display: flex; align-items: flex-end; width: 30%; }
    .s2 .list li .img img { width: 100%; }
    .s2 .list li .tx { gap: 4px; padding: 5px 20px 20px; }
    .s2 .list li .tx img { margin-left: -14px; scale: 0.7; }
    .s2 .list li .tx strong { margin-top: -10px; }
    .s2 .list li .tx p { line-height: 16px; font-size: 13px; }
    .s2 .list li > a { top: 15px; right: 20px; }
}



/* s3 */
.s3 .teaser { position: relative; margin: 80px 0 100px; text-align: center; }
.main--videoContainer .s3 .teaser { margin-top: 0;    margin-bottom: 0;}

.s3 .s3_tit02 { display: none; }
.s3 .s3_tit02.on { display: block; }
.s3 .vio { display: none; }
.s3 .vio.on { display: block; }
.s3 .vio.blank_vio.on{display: flex;}
.s3 .s3_sharp04 { display: none; }
.s3 .s3_sharp04.on { display: block; }


.s3 .s3_title span { display: inline-block; margin-bottom: 20px; padding: 10px 30px; border-radius: 50px; border: 1px solid #E3F3FF; color: #0091FB; font-size: 15px; font-weight: 700; background: #EDF7FF; }
.s3 .s3_title .s3_tit02 { font-size: 35px; font-weight: 800; }
.s3 .s3_btn { position: absolute; left: 50px; bottom: 0; display: flex; flex-direction: column; gap: 10px; }
.s3 .s3_btn .circle03 { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; padding: 20px; border-radius: 50%; background: #F2F2F2; cursor: pointer; border: 0; }
.s3 .s3_btn .circle03 img { width: 100%; filter: grayscale(100%); opacity: 0.3; }
.s3 .s3_btn .circle03.on img,
.s3 .s3_btn .circle03:hover img { transition: all ease 0.2s; opacity: 1; filter: none}
.s3 .s3_btn .st4 img { opacity: 1; }
.s3 .s3_btn .st1.on,
.s3 .s3_btn .st1:hover { transition: all ease 0.2s; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #FF89D4; background: #FF89D4; }
.s3 .s3_btn .st2.on,
.s3 .s3_btn .st2:hover { transition: all ease 0.2s; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #6BEBD8; background: #6BEBD8; }
.s3 .s3_btn .st3.on,
.s3 .s3_btn .st3:hover { transition: all ease 0.2s; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #6BA2F9; background: #6BA2F9; }
.s3 .s3_btn .st4.on,
.s3 .s3_btn .st4:hover { transition: all ease 0.2s; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #2C2C2C; background: #2C2C2C; }

.s3 .vio { margin: 50px auto ; }
.s3 .vio iframe { width: 780px; height: 435px; }
.s3 .s3_sharp04 { position: absolute; bottom: 0; right: -300px; left: 1036px; letter-spacing: -4px; z-index: -1; text-align: left; }
.s3 .s3_sharp04 span { display: block; color: #F1F3F5; font-size: 95px; font-weight: 800; white-space: nowrap; }

.main--videoContainer .s3 .s3_sharp04{z-index: 1;}
.main--videoContainer .s3 .s3_sharp04 span{color: #e8e9ee;}

@media all and (max-width:1700px) {
    /* s3 */
    .s3 .s3_sharp04 {  bottom: -100px; right: auto; left: 50%;  transform: translate(-50%);}
    .s3 .s3_sharp04.on { display: flex; gap: 30px }
    .s3 .s3_sharp04 span { font-size: 60px; }
}
@media all and (max-width:1300px) {
    /* s3 */
    .s3 .s3_btn { flex-direction: row; top: 112px; left: 50%; bottom: auto; transform: translateX(-50%); }
    .s3 .vio { margin: 130px auto 50px; }
    .s3 .vio iframe { width: 90%; height: 400px; }    
}
@media all and (max-width:800px) {
    /* s3 */
    .s3 .teaser { margin: 40px 0 100px; }
    .s3 .s3_title span { margin-bottom: 12px; padding: 8px 16px; font-size: 14px; }
    .s3 .s3_title .s3_tit02 { font-size: 24px; }
    .s3 .s3_btn { top: 80px; left: calc(50% - 215px); scale: 0.7; transform:none; }
    .s3 .vio { margin: 110px auto 50px; }
    .s3 .vio iframe { width: 100%; height: auto; aspect-ratio: 2/1.1; }
    .s3 .s3_sharp04.on { gap: 20px; }
    .s3 .s3_sharp04 span { font-size: 40px; }    
}


/* s4 */
.s4 { position: relative; background: linear-gradient(270deg, rgba(78, 200, 80, 0.05) 0%, rgba(27, 187, 255, 0.05) 100%); }
.s4 .public--wrap { max-width: 1270px; border-left: 1px solid #A7E3F0; border-right: 1px solid #A7E3F0; }
.s4 .tx_tit { position: relative; padding-bottom: 20px; margin-bottom: 30px; text-align: center; }
.s4 .tx_tit:after { content: ''; display: block; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 200%; height: 1px; background: #A7E3F0; }
.s4 .tx_tit span { position: relative; }
.s4 .tx_tit span:after { content: ''; display: block; position: absolute; top: 0; left: -40px; width: 22px; height: 22px; background: url('../img/linc/ico_heart2.png')0 0 no-repeat; }
.s4 .con { text-align: center; }
.s4 .con p { color: #444; font-size: 18px; font-weight: 400; }
.s4 .con .mc { display: inline-block; margin-top: 80px; }
.s4 .btn_youtu { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 317px; height: 90px; color: #fff; font-size: 22px; font-weight: 700; background: #3885FF; }
.s4 .btn_youtu:hover { transition: all ease 0.2s; background: #222; }
.s4 .btn_youtu span { padding-bottom: 7px; font-size: 28px; }

@media all and (max-width:1300px) {
    /* s4 */
    .s4 { padding: 0 15px; }
    .s4 .con .mc img { width: 100%; }
}
@media all and (max-width:800px) {
    /* s4 */
    .s4 .tx_tit { margin-bottom: 20px; }
    .s4 .tx_tit span:after { left: -30px; }
    .s4 .con p { font-size: 14px; }
}
@media all and (max-width:620px) {
    /* s4 */
    .s4 { padding: 0 15px 60px; }
    .s4 .btn_youtu { width: 100%; height: 60px; font-size: 18px; }
    .s4 .btn_youtu span { font-size: 19px; }
}


/* s5 */
.s5 { padding: 80px 40px 100px; }
.s5 p { font-size: 22px; font-weight: 600; }
.s5 p img { padding-right: 8px; }
.s5 .insta { display: flex; flex-wrap: wrap; gap: 15px; width: 100%; height: 300px; margin: 25px 0 40px;  }
.s5 .insta li { background: #eee; } 

.s5 .insta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    height: auto;
    margin: 25px 0 40px;
    position: relative;
}


.s5 .btn_insta { display: block; width: max-content; margin: 0 auto; padding: 10px 20px; border-radius: 50px; border: 1px solid #333; font-size: 15px; font-weight: 600; }
.s5 .btn_insta:hover { transition: all ease 0.2s; color: #fff; background: #222; }



@media all and (max-width:800px) {
    /* s5 */
    .s5 { padding: 30px 15px 50px; }
}