/* LG EI Headline */
@font-face {font-family: 'LGEIHeadline'; src: url('/font/LGEIHeadlineTTF-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'LGEIHeadline'; src: url('/font/LGEIHeadlineTTF-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'LGEIHeadline'; src: url('/font/LGEIHeadlineTTF-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'LGEIHeadline'; src: url('/font/LGEIHeadlineTTF-Light.woff2') format('woff2'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'LGEIHeadline'; src: url('/font/LGEIHeadlineTTF-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal;}

/* LG EI Text */
@font-face {font-family: 'LGEIText'; src: url('/font/LGEITextTTF-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'LGEIText'; src: url('/font/LGEITextTTF-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'LGEIText'; src: url('/font/LGEITextTTF-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal;}


:root {
    --font-mont : 'Montserrat';
    --font-lgHd : 'LGEIHeadline';
    --font-lgTxt : 'LGEIText';

    --filter-white : brightness(0) invert(1);
    --filter-black : invert(1);

    --color1 : #0B318F;
    --color3 : #4E4440;
}

/* common */
* {font-family: var(--font-pre);}
p, dd {word-break: keep-all;}
.pc {display: block !important;}
.mob {display: none !important;}
.inner {max-width: 1600px; margin: 0 auto; width: 100%;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-end {display: flex; align-items: center; justify-content: flex-end;}

.ta-c {text-align: center;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right;}

/* body {background: url('/img/main/bg.jpg') no-repeat center top/100% auto;} */


/* HEADER */
.header {height:90px; position:fixed; top:0; z-index:100; width:100%;}
.header .inner {position: relative; height:100%; display:flex; align-items:center; justify-content:space-between; max-width: 100%; padding: 0 60px;}
.header h1 a img {width: 103px; display: block;}
.header .gnb {display:flex; gap:80px;}
.header .gnb > li {position:relative;}
.header .gnb > li > a {font-size: 18px; color: #FFF; font-weight: 600; letter-spacing: -0.6px; display: block; line-height: 90px; transition: all .3s;}
.header .gnb > li:hover > a {color: var(--color1) !important; text-decoration: underline; text-underline-offset: 4px;}
.header .gnb_2depth {position: absolute; top: 80%; left: 50%; transform: translateX(-50%); display: none; background: #fff; border-radius: 10px; padding: 12px 0;}
.header .gnb_2depth a {display: block; padding: 4px 20px; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -.6px; line-height: 1.2; width: max-content; transition: all .3s; position: relative; z-index: 1;}
.header .gnb_2depth a:hover {background: #f8f9fa;}
.header .gnb > li:hover .gnb_2depth {display: block;}
.head_rt {gap: 20px;}
.head_rt .login {gap: 10px;}
.head_rt a {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -.6px;}
.head_rt .line {display: block; width: 1px; height: 15px; background: #fff;}
.head_rt .search img {width: 24px; cursor: pointer;}
.head_rt .login img,
.all_menu_btn {width: 28px; cursor:pointer;}
.all_menu_btn img {width: 100%;}
.head_mob_btn,
.head_bg {display:none !important;}
.header.fixed {background: rgba(0,0,0,.5);}

/* all menu */
/* .all_menu {display:none; position:fixed; width:100%; height:100%; z-index:5000; background: #fff;}
.all_menu::before {content: ""; width: 779px; height: 190px; background: url('/img/main/allMenu_bgLogo.png') no-repeat center/contain; position: absolute; right: 0; bottom: 0;}
.all_menu .inner {position:relative;}
.all_menu_close {position:absolute; right: 50px; top: 50px; width:48px; cursor:pointer;}
.all_menu_close img {width:100%;}
.all_menu .title {padding-top:123px; font-size:50px; font-weight:800; font-family: var(--font-mont); letter-spacing: -2px;}
.all_menu_list {margin-top:100px; display:flex;}
.all_menu_list dl {width: calc(100%/4);}
.all_menu_list dl + dl {border-left:1px solid #E3E3E3; padding-left: 50px;}
.all_menu_list dt {font-size:33px; font-weight:600; margin-bottom: 42px; position: relative;}
.all_menu_list dt::before {content: ""; width: 15px; height: 15px; border-radius: 100%; background: var(--color1); position: absolute; top: -23px; opacity: 0; transition: all .3s;}
.all_menu_list dl:hover dt::before {opacity: 1;}
.all_menu_list dd + dd {margin-top:20px;}
.all_menu_list dd > a {font-size: 20px; font-weight: 500; letter-spacing: -.8px; transition: all .2s;}
.all_menu_list dd > a:hover {color: var(--color1); text-decoration: underline; text-underline-offset: 4px;}
.all_menu_list dd ul {margin-top: 15px;}
.all_menu_list dd ul a {font-size: 18px; font-weight: -1px; color: #555; line-height: 1.4; transition: all .2s;}
.all_menu_list dd ul a:hover {color: var(--color1);} */

/* quick */
/* .quick {position: fixed; right: 30px; bottom: 49px; z-index: 10;}
.q_top_btn {width: 140px; height: 140px; position: relative; cursor: pointer;}
.q_top_btn .top_btn {width: 90px; height: 90px; border-radius: 100%; background: #fff;}
.q_top_btn .top_btn img {width: 26px;}
.quick.black .circle img {filter: none;}
.quick.black .top_btn {background: #444;}
.quick.black .top_btn img {filter: var(--filter-white);} */

/* footer */
.footer {background: #fff; padding: 28px 35px 16px; border-top: 1px solid #BEBEBE; width: 100%;}
.footer * {color: #000; font-size: 15px; font-weight: 700; font-family: var(--font-lgTxt);}
.footer .use {display: flex; align-items: center; gap: 6px; margin-top: 43px;}
.footer .use .line {display: block; width: 2px; height: 15px; background: #000;}


/* ********** main ********** */
/* main_tit */
.main_tit p {font-size: 16px; font-weight: 700; color: var(--color1); letter-spacing: -.2px; font-family: var(--font-mont);}
.main_tit h3 {margin-top: 15px; font-size: 50px; font-weight: 700; letter-spacing: -2.4px;}
/* section */
#main .section {padding: 120px 0;}
/* no_board */
#main .no_board {/* border-top: 1px solid #00000033;  */border-bottom: 0; padding: 119px 0;}
.no_board {padding: 194px 0 174px; text-align: center; border-bottom: 1px solid #000;}
.no_board img {width: 38px;}
.no_board p {margin-top: 28px; font-size: 20px; font-weight: 600; letter-spacing: -.8px; line-height: 1.4;}


/* visual */
.visual {position: relative; height: 100vh; overflow: hidden; padding: 0 !important;}
.visual .wrapper,
.visual .slick-list,
.visual .slick-track {height: 100%;}
.visual .item {width: 100%; height: 100%; overflow: hidden; position: relative;}
.visual .item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .item .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 56px; color: #fff;}
.visual .item .txt h1 {font-family: var(--font-lgTxt); font-size: 50px; font-weight: 700;}
.visual .item .txt h2 {color: #FFF; font-family: var(--font-lgHd); font-size: 130px; font-weight: 800; line-height: 1.07;}
.visual .item .txt > p {margin-top: 3px; font-family: var(--font-lgTxt); font-size: 50px; font-weight: 400;}
.visual .item .txt .bot {margin-top: 50px;}
.visual .item .txt strong {font-family: var(--font-lgTxt); font-size: 28px; font-weight: 600;}
.visual .item .txt p:last-child {margin-top: 10px; font-family: var(--font-lgTxt); font-size: 23px; font-weight: 400;}
.visual .item .txt a {display: inline-block; margin-top: 35px; padding: 11px 28px 13px; border-radius: 10px; background: #fff; font-size: 23px; font-weight: 400; color: #000; font-family: var(--font-lgTxt);}
/* .visual .progress {display: flex; align-items: center; gap: 15px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 76px; z-index: 10;}
.visual .slide-progress {position: relative; width: 450px; height: 3px; background: rgba(255, 255, 255, 0.20);}
.visual .progress-fill {position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff;}
.visual .pause img {width: 25px; cursor: pointer;}
.visual .slick-arrow {display: none !important;} */


/* sec1 */
#main .sec1{position: relative; background: url('/img/main/sec1_bg.jpg') no-repeat center/cover; padding: 95px 0 107px;}
#main .sec1 .sec_tit h2 {color: #FFF; text-align: center; font-family: var(--font-lgHd); font-size: 60px; font-weight: 800;}
#main .sec1 .sec_tit p {margin-top: 16px; color: #FFF; text-align: center; font-family: var(--font-lgTxt); font-size: 26px; font-weight: 600;}
#main .sec1 .inner {display: flex; justify-content: space-between; margin-top: 60px;}
#main .sec1 .left .tabnav {flex-direction: column;}
#main .sec1 .left .tabnav .swiper-slide{display: block; color: #FFF; font-family: var(--font-lgHd); font-size: 30px; font-weight: 600; opacity: .5; cursor: pointer; line-height: 1;}
#main .sec1 .left .tabnav .swiper-slide + .swiper-slide {margin-top: 30px;}
#main .sec1 .left .tabnav .swiper-slide.on{opacity: 1; font-weight: 800;}
#main .sec1 .view {margin-top: 50px;}
#main .sec1 .view a {display: none; align-items: center; justify-content: center; gap: 10px; color: #FFF; font-family: var(--font-lgTxt); font-size: 20px; font-weight: 400; border: 1px solid #fff;  border-radius: 10px; padding: 11px 24px 13px; width: fit-content;}
#main .sec1 .view a.on {display: flex;}
#main .sec1 .view a img {width: 20px;}
#main .sec1 .left .swiper_arrow {margin-top: 60px; display: flex; gap:10px;}
#main .sec1 .left .swiper_arrow div {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; background: #fff; cursor: pointer;}
#main .sec1 .left .swiper_arrow div img {width: 20px;}
#main .sec1 .right{width: 75%; min-height: 572px; position: relative;}
#main .sec1 .right > div:not(.on) {visibility: hidden;}
#main .sec1 .right .swiper{position: absolute; top: 0; left: 0; width: 1180px; overflow: hidden;}
#main .sec1 .right .swiper-slide {width: 340px; margin-right: 75px; cursor: pointer;}
#main .sec1 .right .swiper-slide:nth-of-type(even){margin-top: 96px;}
#main .sec1 .right .swiper-slide .img{border-radius:50%; overflow: hidden;}
#main .sec1 .right .swiper-slide .img img{width: 100%; height: 100%; object-fit:cover;}
#main .sec1 .right .swiper-slide .txt{margin-top: 35px; text-align: center;}
#main .sec1 .right .swiper-slide .txt span{color: #fff; text-align: center; font-family: var(--font-lgTxt); font-size: 22px; font-weight: 400; line-height: 1.27; letter-spacing: -0.8px;}
#main .sec1 .right .swiper-slide .txt dl{margin-top: 5px; color: #fff; text-align: center;}
#main .sec1 .right .swiper-slide .txt dl dt{font-family: var(--font-lgTxt); font-size: 28px; font-weight: 700; line-height: 1.18; letter-spacing: -1px;}
#main .sec1 .right .swiper-slide .txt dl dd{margin-top: 5px; font-family: var(--font-lgTxt); font-size: 22px; font-weight: 400; line-height: 1.27; letter-spacing: -0.8px;}

/* speaker_popup */
.speaker_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10000; background: #000000B2;}
.speaker_popup .popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 740px; background: none; padding: 0;}
.speaker_popup .popup_inner > .tit {display: flex; justify-content: flex-end; padding-bottom: 15px;}
.speaker_popup .popup_inner > .tit .close {cursor: pointer; z-index: 10;}
.speaker_popup .popup_inner > .tit .close img {width: 24px;}
.speaker_popup .cont {padding: 28px 20px 28px 48px; box-sizing: border-box; background: #fff; max-height: 545px;}
.speaker_popup .scroll {height: 100%; overflow: hidden; overflow-y: auto; padding-right: 28px;}
.speaker_popup .scroll::-webkit-scrollbar {width: 3px}
.speaker_popup .scroll::-webkit-scrollbar-thumb {background: #888888; border-radius: 10px}
.speaker_popup .scroll::-webkit-scrollbar-track {background: #DDDDDD}
.speaker_popup .cont .box .top {display: flex; gap: 35px; height: 100%; align-items: center;}
.speaker_popup .cont .box .top .left {width: 184px;}
.speaker_popup .cont .box .top .left .proImg {width: 100%; border-radius: 100%; overflow: hidden;}
.speaker_popup .cont .box .top .left .proImg img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.speaker_popup .cont .box .top .right {width: calc(100% - 184px - 35px); height: 100%; }
.speaker_popup .cont .box .top .right p {color: #000; font-family: var(--font-lgTxt); font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.8px;}
.speaker_popup .cont .box .top .right h3 {margin-top: 4px; color: #000; font-family: var(--font-lgTxt); font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -1px;}
.speaker_popup .cont .box .bot {margin-top: 28px; background: #F4F4F4; padding: 30px;}
.speaker_popup .cont .box .bot p {color: #000; font-family: var(--font-lgTxt); font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.8px;}
.speaker_popup .cont .box .bot h2 {align-items: flex-end; gap: 10px; color: #000; font-family: var(--font-lgTxt); font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.8px;}
.speaker_popup .cont .box .bot h2 strong {font-size: 26px; font-weight: 700; letter-spacing: -1px; line-height: 1.4;}
.speaker_popup .cont .box .info {margin-top: 20px;}
.speaker_popup .cont .box .info li {font-size: 18px; font-weight: 400; letter-spacing: -.8px; line-height: 1.5;}



@media screen and (max-width:1640px) {
    /* common */
    .inner {max-width: 95.12vw;}


    /* HEADER */
    .header {height:5.49vw;}
    .header .inner {padding: 0 3.66vw;}
    .header h1 a img {width: 6.28vw;}
    .header .gnb {gap:4.88vw;}
    .header .gnb > li > a {font-size: 1.10vw; letter-spacing: -0.04vw; line-height: 5.49vw;}
    .header .gnb_2depth {border-radius: 0.61vw; padding: 0.73vw 0;}
    .header .gnb_2depth a {padding: 0.24vw 1.22vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    .head_rt {gap: 1.22vw;}
    .head_rt .login {gap: 0.61vw;}
    .head_rt a {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .head_rt .line {width: 0.06vw; height: 0.91vw;}
    .head_rt .search img {width: 1.46vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.71vw;}

    /* footer */
    .footer {padding: 1.71vw 2.13vw 0.98vw;}
    .footer * {font-size: 0.91vw;}
    .footer .use {gap: 0.37vw; margin-top: 2.62vw;}
    .footer .use .line {width: 0.12vw; height: 0.91vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 0.98vw; letter-spacing: -0.01vw;}
    .main_tit h3 {margin-top: 0.91vw; font-size: 3.05vw; letter-spacing: -0.15vw;}
    /* section */
    #main .section {padding: 7.32vw 0;}
    /* no_board */
    #main .no_board {padding: 7.26vw 0;}
    .no_board {padding: 11.83vw 0 10.61vw;}
    .no_board img {width: 2.32vw;}
    .no_board p {margin-top: 1.71vw; font-size: 1.22vw; letter-spacing: -0.05vw;}


    /* visual */
    .visual {height: 57.93vw;}
    .visual .item .txt {/* bottom: 9.39vw; */ padding: 0 3.41vw;}
    .visual .item .txt h1 {font-size: 3.05vw;}
    .visual .item .txt h2 {font-size: 7.93vw;}
    .visual .item .txt > p {margin-top: 0.18vw; font-size: 3.05vw;}
    .visual .item .txt .bot {margin-top: 3.05vw;}
    .visual .item .txt strong {font-size: 1.71vw;}
    .visual .item .txt p:last-child {margin-top: 0.61vw; font-size: 1.40vw;}
    .visual .item .txt a {margin-top: 2.13vw; padding: 0.67vw 1.71vw 0.79vw; border-radius: 0.61vw; font-size: 1.40vw;}


    /* sec1 */
    #main .sec1{ padding: 5.79vw 0 6.52vw;}
    #main .sec1 .sec_tit h2 {font-size: 3.66vw;}
    #main .sec1 .sec_tit p {margin-top: 0.98vw; font-size: 1.59vw;}
    #main .sec1 .inner {margin-top: 3.66vw;}
    #main .sec1 .left .tabnav .swiper-slide{ font-size: 1.83vw;}
    #main .sec1 .left .tabnav .swiper-slide + .swiper-slide {margin-top: 1.83vw;}
    #main .sec1 .view {margin-top: 3.05vw;}
    #main .sec1 .view a {gap: 0.61vw; font-size: 1.22vw; border-radius: 0.61vw; padding: 0.67vw 1.46vw 0.79vw;}
    #main .sec1 .view a img {width: 1.22vw;}
    #main .sec1 .left .swiper_arrow {margin-top: 3.66vw; gap:0.61vw;}
    #main .sec1 .left .swiper_arrow div {width: 3.05vw; height: 3.05vw;}
    #main .sec1 .left .swiper_arrow div img {width: 1.22vw;}
    #main .sec1 .right{width: 75%; min-height: 34.88vw;}
    #main .sec1 .right .swiper{ left: 0; width: 71.95vw;}
    #main .sec1 .right .swiper-slide {width: 20.73vw; margin-right: 4.57vw;}
    #main .sec1 .right .swiper-slide:nth-of-type(even){margin-top: 5.85vw;}
    #main .sec1 .right .swiper-slide .txt{margin-top: 2.13vw;}
    #main .sec1 .right .swiper-slide .txt span{ font-size: 1.34vw; letter-spacing: -0.05vw;}
    #main .sec1 .right .swiper-slide .txt dl{margin-top: 0.30vw;}
    #main .sec1 .right .swiper-slide .txt dl dt{ font-size: 1.71vw; letter-spacing: -0.06vw;}
    #main .sec1 .right .swiper-slide .txt dl dd{margin-top: 0.30vw; font-size: 1.34vw; letter-spacing: -0.05vw;}

    /* speaker_popup */
    .speaker_popup .popup_inner {width: 45.12vw;}
    .speaker_popup .popup_inner > .tit {padding-bottom: 0.91vw;}
    .speaker_popup .popup_inner > .tit .close img {width: 1.46vw;}
    .speaker_popup .cont {padding: 1.71vw 1.22vw 1.71vw 2.93vw; max-height: 33.23vw;}
    .speaker_popup .scroll {padding-right: 1.71vw;}
    .speaker_popup .cont .box .top {gap: 2.13vw;}
    .speaker_popup .cont .box .top .left {width: 11.22vw;}
    .speaker_popup .cont .box .top .right {width: calc(100% - 11.22vw - 2.13vw);}
    .speaker_popup .cont .box .top .right p {font-size: 0.98vw; letter-spacing: -0.05vw;}
    .speaker_popup .cont .box .top .right h3 {margin-top: 0.24vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    .speaker_popup .cont .box .bot {margin-top: 1.71vw; padding: 1.83vw;}
    .speaker_popup .cont .box .bot p {font-size: 1.10vw; letter-spacing: -0.05vw;}
    .speaker_popup .cont .box .bot h2 {gap: 0.61vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
    .speaker_popup .cont .box .bot h2 strong {font-size: 1.59vw; letter-spacing: -0.06vw;}
    .speaker_popup .cont .box .info {margin-top: 1.22vw;}
    .speaker_popup .cont .box .info li {font-size: 1.10vw; letter-spacing: -0.05vw;}
}

@media screen and (max-width:1280px) {
    /* common */
    .inner {max-width: 93.75vw;}


    /* HEADER */
    .header {height:5.47vw;}
    .header .inner {padding: 0 3.67vw;}
    .header h1 a img {width: 6.25vw;}
    .header .gnb {gap:4.84vw;}
    .header .gnb > li > a {font-size: 1.39vw; letter-spacing: -0.08vw; line-height: 5.47vw;}
    .header .gnb_2depth {border-radius: 0.63vw; padding: 0.70vw 0;}
    .header .gnb_2depth a {padding: 0.23vw 1.25vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .head_rt {gap: 1.25vw;}
    .head_rt .login {gap: 0.63vw;}
    .head_rt a {font-size: 1.32vw; letter-spacing: -0.08vw;}
    .head_rt .line {width: 0.08vw; height: 0.94vw;}
    .head_rt .search img {width: 1.48vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.72vw;}

    /* footer */
    .footer {padding: 1.72vw 2.11vw 1.02vw;}
    .footer * {font-size: 1.2vw;}
    .footer .use {gap: 0.39vw; margin-top: 2.66vw;}
    .footer .use .line {width: 0.16vw; height: 0.94vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .main_tit h3 {margin-top: 0.94vw; font-size: 3.05vw; letter-spacing: -0.16vw;}
    /* section */
    #main .section {padding: 7.34vw 0;}
    /* no_board */
    #main .no_board {padding: 7.27vw 0;}
    .no_board {padding: 11.80vw 0 10.63vw;}
    .no_board img {width: 2.34vw;}
    .no_board p {margin-top: 1.72vw; font-size: 1.25vw; letter-spacing: -0.08vw;}


    /* visual */
    .visual {height: 57.97vw;}
    .visual .item .txt {/* bottom: 9.38vw; */ padding: 0 3.44vw;}
    .visual .item .txt h1 {font-size: 3.05vw;}
    .visual .item .txt h2 {font-size: 7.97vw;}
    .visual .item .txt > p {margin-top: 0.16vw; font-size: 3.05vw;}
    .visual .item .txt .bot {margin-top: 3.05vw;}
    .visual .item .txt strong {font-size: 1.72vw;}
    .visual .item .txt p:last-child {margin-top: 0.63vw; font-size: 1.41vw;}
    .visual .item .txt a {margin-top: 2.11vw; padding: 0.70vw 1.72vw 0.78vw; border-radius: 0.63vw; font-size: 1.41vw;}


    /* sec1 */
    #main .sec1{ padding: 5.78vw 0 6.48vw;}
    #main .sec1 .sec_tit h2 {font-size: 3.67vw;}
    #main .sec1 .sec_tit p {margin-top: 1.02vw; font-size: 1.56vw;}
    #main .sec1 .inner {margin-top: 3.67vw;}
    #main .sec1 .left .tabnav .swiper-slide{ font-size: 1.80vw;}
    #main .sec1 .left .tabnav .swiper-slide + .swiper-slide {margin-top: 1.80vw;}
    #main .sec1 .view {margin-top: 3.05vw;}
    #main .sec1 .view a {gap: 0.63vw; font-size: 1.25vw; border-radius: 0.63vw; padding: 0.70vw 1.48vw 0.78vw;}
    #main .sec1 .view a img {width: 1.25vw;}
    #main .sec1 .left .swiper_arrow {margin-top: 3.67vw; gap:0.63vw;}
    #main .sec1 .left .swiper_arrow div {width: 3.05vw; height: 3.05vw;}
    #main .sec1 .left .swiper_arrow div img {width: 1.25vw;}
    #main .sec1 .right{width: 75%; min-height: 34.84vw;}
    #main .sec1 .right .swiper{ left: 0; width: 71.95vw;}
    #main .sec1 .right .swiper-slide {width: 20.70vw; margin-right: 4.53vw;}
    #main .sec1 .right .swiper-slide:nth-of-type(even){margin-top: 5.86vw;}
    #main .sec1 .right .swiper-slide .txt{margin-top: 2.11vw;}
    #main .sec1 .right .swiper-slide .txt span{ font-size: 1.33vw; letter-spacing: -0.08vw;}
    #main .sec1 .right .swiper-slide .txt dl{margin-top: 0.31vw;}
    #main .sec1 .right .swiper-slide .txt dl dt{ font-size: 1.72vw; letter-spacing: -0.08vw;}
    #main .sec1 .right .swiper-slide .txt dl dd{margin-top: 0.31vw; font-size: 1.33vw; letter-spacing: -0.08vw;}

    /* speaker_popup */
    .speaker_popup .popup_inner {width: 70vw;}
    .speaker_popup .popup_inner > .tit {padding-bottom: 0.94vw;}
    .speaker_popup .popup_inner > .tit .close img {width: 1.78vw;}
    .speaker_popup .cont {padding: 1.72vw 1.25vw 1.72vw 2.97vw; max-height: 50vw;}
    .speaker_popup .scroll {padding-right: 1.72vw;}
    .speaker_popup .cont .box .top {gap: 2.11vw;}
    .speaker_popup .cont .box .top .left {width: 11.25vw;}
    .speaker_popup .cont .box .top .right {width: calc(100% - 11.25vw - 2.11vw);}
    .speaker_popup .cont .box .top .right p {font-size: 1.32vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .top .right h3 {margin-top: 0.23vw; font-size: 1.55vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot {margin-top: 1.72vw; padding: 1.80vw;}
    .speaker_popup .cont .box .bot p {font-size: 1.39vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot h2 {gap: 0.63vw; font-size: 1.39vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot h2 strong {font-size: 1.76vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .info {margin-top: 1.25vw;}
    .speaker_popup .cont .box .info li {font-size: 1.39vw; letter-spacing: -0.08vw;}
}

@media screen and (max-width:1240px) {
    /* common */
    .inner {max-width: 93.79vw;}


    /* HEADER */
    .header {height:5.48vw;}
    .header .inner {padding: 0 3.71vw;}
    .header h1 a img {width: 6.29vw;}
    .header .gnb {gap:4.84vw;}
    .header .gnb > li > a {font-size: 1.37vw; letter-spacing: -0.08vw; line-height: 5.48vw;}
    .header .gnb_2depth {border-radius: 0.65vw; padding: 0.73vw 0;}
    .header .gnb_2depth a {padding: 0.24vw 1.29vw; font-size: 1.13vw; letter-spacing: -0.08vw;}
    .head_rt {gap: 1.29vw;}
    .head_rt .login {gap: 0.65vw;}
    .head_rt a {font-size: 1.29vw; letter-spacing: -0.08vw;}
    .head_rt .line {width: 0.08vw; height: 0.97vw;}
    .head_rt .search img {width: 1.45vw;}
    .head_rt .login img,
    .all_menu_btn {width: 1.69vw;}

    /* footer */
    .footer {padding: 1.69vw 2.10vw 1.05vw;}
    .footer * {font-size: 1.21vw;}
    .footer .use {gap: 0.40vw; margin-top: 2.66vw;}
    .footer .use .line {width: 0.16vw; height: 0.97vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 1.05vw; letter-spacing: -0.00vw;}
    .main_tit h3 {margin-top: 0.97vw; font-size: 3.06vw; letter-spacing: -0.16vw;}
    /* section */
    #main .section {padding: 7.34vw 0;}
    /* no_board */
    #main .no_board {padding: 7.26vw 0;}
    .no_board {padding: 11.77vw 0 10.65vw;}
    .no_board img {width: 2.34vw;}
    .no_board p {margin-top: 1.69vw; font-size: 1.29vw; letter-spacing: -0.08vw;}


    /* visual */
    .visual {height: 57.98vw;}
    .visual .item .txt {/* bottom: 9.35vw; */ padding: 0 3.47vw;}
    .visual .item .txt h1 {font-size: 3.06vw;}
    .visual .item .txt h2 {font-size: 7.98vw;}
    .visual .item .txt > p {margin-top: 0.16vw; font-size: 3.06vw;}
    .visual .item .txt .bot {margin-top: 3.06vw;}
    .visual .item .txt strong {font-size: 1.69vw;}
    .visual .item .txt p:last-child {margin-top: 0.65vw; font-size: 1.37vw;}
    .visual .item .txt a {margin-top: 2.10vw; padding: 0.73vw 1.69vw 0.81vw; border-radius: 0.65vw; font-size: 1.37vw;}


    /* sec1 */
    #main .sec1{ padding: 5.81vw 0 6.45vw;}
    #main .sec1 .sec_tit h2 {font-size: 3.71vw;}
    #main .sec1 .sec_tit p {margin-top: 1.05vw; font-size: 1.53vw;}
    #main .sec1 .inner {margin-top: 3.71vw;}
    #main .sec1 .left .tabnav .swiper-slide{ font-size: 1.77vw;}
    #main .sec1 .left .tabnav .swiper-slide + .swiper-slide {margin-top: 1.77vw;}
    #main .sec1 .view {margin-top: 3.06vw;}
    #main .sec1 .view a {gap: 0.65vw; font-size: 1.29vw; border-radius: 0.65vw; padding: 0.73vw 1.45vw 0.81vw;}
    #main .sec1 .view a img {width: 1.29vw;}
    #main .sec1 .left .swiper_arrow {margin-top: 3.71vw; gap:0.65vw;}
    #main .sec1 .left .swiper_arrow div {width: 3.06vw; height: 3.06vw;}
    #main .sec1 .left .swiper_arrow div img {width: 1.29vw;}
    #main .sec1 .right{width: 75%; min-height: 34.84vw;}
    #main .sec1 .right .swiper{ left: 0; width: 71.94vw;}
    #main .sec1 .right .swiper-slide {width: 20.73vw; margin-right: 4.52vw;}
    #main .sec1 .right .swiper-slide:nth-of-type(even){margin-top: 5.89vw;}
    #main .sec1 .right .swiper-slide .txt{margin-top: 2.10vw;}
    #main .sec1 .right .swiper-slide .txt span{ font-size: 1.29vw; letter-spacing: -0.08vw;}
    #main .sec1 .right .swiper-slide .txt dl{margin-top: 0.32vw;}
    #main .sec1 .right .swiper-slide .txt dl dt{ font-size: 1.69vw; letter-spacing: -0.08vw;}
    #main .sec1 .right .swiper-slide .txt dl dd{margin-top: 0.32vw; font-size: 1.29vw; letter-spacing: -0.08vw;}

    /* speaker_popup */
    .speaker_popup .popup_inner {width: 70.00vw;}
    .speaker_popup .popup_inner > .tit {padding-bottom: 0.97vw;}
    .speaker_popup .popup_inner > .tit .close img {width: 1.77vw;}
    .speaker_popup .cont {padding: 1.69vw 1.29vw 1.69vw 2.98vw; max-height: 50.00vw;}
    .speaker_popup .scroll {padding-right: 1.69vw;}
    .speaker_popup .cont .box .top {gap: 2.10vw;}
    .speaker_popup .cont .box .top .left {width: 11.29vw;}
    .speaker_popup .cont .box .top .right {width: calc(100% - 11.29vw - 2.10vw);}
    .speaker_popup .cont .box .top .right p {font-size: 1.29vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .top .right h3 {margin-top: 0.24vw; font-size: 1.53vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot {margin-top: 1.69vw; padding: 1.77vw;}
    .speaker_popup .cont .box .bot p {font-size: 1.37vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot h2 {gap: 0.65vw; font-size: 1.37vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .bot h2 strong {font-size: 1.77vw; letter-spacing: -0.08vw;}
    .speaker_popup .cont .box .info {margin-top: 1.29vw;}
    .speaker_popup .cont .box .info li {font-size: 1.37vw; letter-spacing: -0.08vw;}
}

@media screen and (max-width:768px) {

    .pc {display: none !important;}
    .mob {display: block !important;}

    /* common */
    .inner {max-width: calc(100% - 10.42vw);}

    /* HEADER */
    .header {height:15.63vw;}
    .header .inner {padding: 0 5.21vw;}
    .header h1 a img {width: 15.53vw;}
    .head_rt {gap: 2.60vw;}
    .head_rt .line,
    .head_rt .join,
    .head_rt .login {display: none;}
    .head_rt .search img {width: 5.73vw;}
    .head_mob_btn img {width: 6.25vw;}
    

    /* sideMenu */
    .head_bg {display: none; position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 15.63vw 0; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 3.91vw; right: 3.91vw; cursor: pointer;}
    .head_bg .head_bg_close img {width: 6.25vw;}
	.head_bg .head_bg_logo a{display: block; text-align: center;}
    .head_bg .head_bg_logo img {width: 29.30vw;}
	.head_bg .user{gap: 5.21vw; margin-top: 9.11vw; display: flex; align-items: center; padding: 0 5.21vw;}
	.head_bg .user a{font-size: 3.65vw; display: flex; align-items: center; gap: 2.60vw;} 
	.head_bg .user a.login img{width: 5.21vw; filter: var(--filter-black);}
	.head_bg .user .line{height: 3.91vw; width: 0.26vw; background: #BEBEBE;}
    .head_bg .accordion_wrap{margin-top: 5.21vw; max-height: 90%; overflow-y: auto; padding-right: 2vw; margin-right: -2vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.52vw; /* 스크롤바의 너비 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius:0.65vw;}
    .head_bg #accordion {border-top: 0.13vw solid #E7E7E7;}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 4.43vw 5.21vw; border-bottom: 0.13vw solid #E7E7E7; cursor: pointer; font-weight: 600; letter-spacing: -0.10vw; font-family: var(--font-mont);}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 5.21vw; width: 2.79vw; height: 1.58vw; transition:all 0.3s;}
    .head_bg #accordion li > div.noChild::after {display: none;}
    .head_bg #accordion li.on > div{color: #fff; background: var(--color1);}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg); filter: var(--filter-white);}
    .head_bg .submenu {display: none; padding: 5.21vw; border-bottom: 0.13vw solid #E7E7E7; background: #F9F9F9;}
    .head_bg .submenu li + li{margin-top: 1.30vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 500; line-height: 1.7; font-family: var(--font-mont);}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 0.13vw; color: var(--color1);}

    /* quick */
    .quick {right: 1.56vw; bottom: 7.03vw;}
    .q_top_btn {width: 20.83vw; height: 20.83vw;}
    .q_top_btn .top_btn {width: 13.39vw; height: 13.39vw;}
    .q_top_btn .top_btn img {width: 4.51vw;}

    /* footer */
    .footer {padding: 4.43vw 3.67vw 2.60vw;}
    .footer * {font-size: 3.65vw;}
    .footer .use {gap: 1.04vw; margin-top: 6.90vw;}
    .footer .use .line {width: 0.26vw; height: 2.47vw;}


    /* ********** main ********** */
    /* main_tit */
    .main_tit p {font-size: 3.65vw; letter-spacing: -0.04vw;}
    .main_tit h3 {margin-top: 2.60vw; font-size: 7.81vw; letter-spacing: -0.31vw;}
    /* section */
    #main .section {padding: 20.83vw 0;}
    /* no_board */
    #main .no_board {padding: 14.32vw 0;}
    #main .no_board {border-bottom: 0.13vw solid #00000033;}
    .no_board {padding: 14.32vw 0 15.63vw;}
    .no_board img {width: 6.51vw;}
    .no_board p {margin-top: 3.91vw; font-size: 3.91vw; letter-spacing: -0.16vw;}


    /* visual */
    .visual {height: 210.94vw;}
    .visual .item .txt {bottom: auto; top: 30.73vw; padding: 0 2.60vw; transform: translateX(-50%);}
    .visual .item .txt h1 {font-size: 5.21vw;}
    .visual .item .txt h2 {font-size: 13.02vw;}
    .visual .item .txt > p {margin-top: 0; font-size: 4.69vw;}
    .visual .item .txt .bot {margin-top: 10.42vw;}
    .visual .item .txt strong {font-size: 3.39vw;}
    .visual .item .txt p:last-child {margin-top: 4.17vw; font-size: 3.13vw;}
    .visual .item .txt a {margin-top: 6.51vw; padding: 2.2vw 5.21vw 2.08vw; border-radius: 1.56vw; font-size: 4.17vw;}


    /* sec1 */
    #main .sec1{ padding: 24.74vw 0 11.72vw; background: url('/img/main/m_sec1_bg.jpg') no-repeat center/cover;}
    #main .sec1 .sec_tit {padding: 3.67vw;} 
    #main .sec1 .sec_tit h2 {font-size: 9.38vw;text-align: left;}
    #main .sec1 .sec_tit p {margin-top: 4.17vw; font-size: 3.65vw;text-align: left;}
    #main .sec1 .inner {margin-top: 13.41vw; flex-direction: column; gap: 10.42vw; align-items: flex-start;}
    #main .sec1 .left {width: 100%;}
    #main .sec1 .left .tabnav {display: flex; align-items: center; gap: 0; flex-direction: row;}
    #main .sec1 .left .tabnav .swiper-slide{ font-size: 4.69vw; margin-right: 5.21vw; width: auto;}
    #main .sec1 .left .tabnav .swiper-slide + .swiper-slide {margin-top: 0;}
    #main .sec1 .view {margin: 0 auto;}
    #main .sec1 .view a {gap: 2.60vw; font-size: 4.17vw; border-radius: 2.60vw; padding: 3.13vw 5.21vw 3.13vw 6.25vw;}
    #main .sec1 .view a img {width: 5.21vw;}
    #main .sec1 .left .swiper_arrow {display: none;}
    #main .sec1 .right{width: 100%; min-height: 106.77vw;}
    #main .sec1 .right .swiper{ /* left: 0; width: auto; */ width: calc(100% + 10.42vw); left: -5.21vw; padding: 0 5.21vw;}
    #main .sec1 .right .swiper-slide {width: 58.44vw; margin-right: 9.77vw;}
    #main .sec1 .right .swiper-slide:nth-of-type(even){margin-top: 19.53vw;}
    #main .sec1 .right .swiper-slide .txt{margin-top: 5.21vw;}
    #main .sec1 .right .swiper-slide .txt span{ font-size: 4.17vw; letter-spacing: -0.17vw;}
    #main .sec1 .right .swiper-slide .txt dl{margin-top: 0;}
    #main .sec1 .right .swiper-slide .txt dl dt{ font-size: 4.69vw; letter-spacing: -0.21vw;}
    #main .sec1 .right .swiper-slide .txt dl dd{margin-top: 0; font-size: 4.17vw; letter-spacing: -0.17vw;}

    /* speaker_popup */
    .speaker_popup .popup_inner {width: calc(100% - 10.42vw);}
    .speaker_popup .popup_inner > .tit {padding-bottom: 3.91vw;}
    .speaker_popup .popup_inner > .tit .close img {width: 6.25vw;}
    .speaker_popup .cont {padding: 9.90vw 2.60vw 10.42vw 6.51vw; max-height: 80vh; height: 70vh;}
    .speaker_popup .scroll {padding-right: 5.73vw;}
    .speaker_popup .cont .box .top {gap: 5.21vw; flex-direction: column; align-items: flex-start;}
    .speaker_popup .cont .box .top .left {width: 100%; text-align: center;}
    .speaker_popup .cont .box .top .left .proImg {width: 47.81vw; margin: 0 auto;}
    .speaker_popup .cont .box .top .right {width: 100%;}
    .speaker_popup .cont .box .top .right p {font-size: 3.65vw; letter-spacing: -0.21vw;}
    .speaker_popup .cont .box .top .right h3 {margin-top: 1.04vw; font-size: 5.21vw; letter-spacing: -0.26vw;}
    .speaker_popup .cont .box .bot {margin-top: 7.81vw; padding: 5.21vw;}
    .speaker_popup .cont .box .bot p {font-size: 3.65vw; letter-spacing: -0.21vw;}
    .speaker_popup .cont .box .bot h2 {gap: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw;}
    .speaker_popup .cont .box .bot h2 strong {font-size: 5.73vw; letter-spacing: -0.26vw;}
    .speaker_popup .cont .box .info {margin-top: 5.21vw;}
    .speaker_popup .cont .box .info li {font-size: 3.65vw; letter-spacing: -0.21vw;}
    .speaker_popup .cont .box .info li + li {margin-top: 2.60vw;}

}