@charset "utf-8";




/*******************************************************************************************************
    공통
    :: div, span, ul, li가 더 추가될 수도 있는 레이아웃에는 class명 추가하여 css 작성
    :: media query 는 하단에 한 번에 작성
    :: font-size → rem 단위 / mobile size → 여백은 px 사용
    :: common.css > root 확인
*******************************************************************************************************/
html,body {scroll-behavior:smooth}
section * {box-sizing:border-box;}
.main {padding-top:88px;transition:padding-top .5s;}
.main *::selection{background:#00CBDA; color: #fff;}
.main > section{padding: 7rem 0; overflow: hidden;}
.main * {line-height:150%;box-sizing:border-box;}
.saf-main-section07 {overflow:hidden;width:100%;}
.saf-main-width {max-width:1248px; margin:0 auto; text-align:center;}
.saf-main-sub-title {font-size:var(--f-display);font-weight:700;color:#000;line-height:130%; word-break:keep-all;}
.saf-main-sub-title > span {display:block;font-size: var(--f-fontSize02); font-weight:500; letter-spacing: -0.032rem; color: inherit;}
.saf-main-sub-title > strong {color:#E72626;}
.main .sub-text{font-size: var(--f-fontSize02); line-height: 130%; color: var(--c-text02);}
.main .saf-main-section03 h2 span::selection,
.main .saf-main-section01-con .listSaf .saf > strong::selection,
.main .saf-main-section04-col .text dt .title strong::selection,
.main .saf-main-section09-con h3 > p > strong::selection,
.main .saf-main-section03 .list-text > li .num .count::selection, 
.main .saf-main-section03 .list-text > li .num .count *::selection{color:#fff;background:#00CBDA !important;background-color:#00CBDA;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:#fff;}

.main .btn {position: relative; margin-top: 6.3rem; text-align: center;}
.main .btn a {display: inline-block; height: 3.3rem; line-height: 150%; letter-spacing: 0.011rem; background-color: #1EC95B; color: #fff; padding: 0 2rem; border-radius: 99999px; font-size: 1.1rem; font-weight: 700; margin: 0 auto; transition: background-color 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.12);}
.main .btn .floatText {position: absolute; top: calc(-100%); left: 50%; width: 11.1rem; aspect-ratio: 222/54; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainBtn-float.png'); background-repeat: no-repeat; background-position: center; background-size: 100% auto; filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.16)); transform: translate(-50%, 0); text-align: center;}
.main .btn .floatText span {display: block; padding-top: .55rem; font-size: var(--f-body1); font-weight: 700; line-height: 124%; color: #fff;}
.main .btn .floatText span > em {line-height: 124%; color: #F4EE4C;}
.main .btn .btnInner{display: flex; justify-content: center; align-items: center; height: 100%;}
.main .btn .btnInner figure{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/btn_arrow_250124.svg'); background-repeat: no-repeat; width: 1.2rem; height: 1.2rem; background-size: 100% auto; background-position: center; display: inline-block;}

.main .videoWrap.youtube{position: relative; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; aspect-ratio: 528 / 297;}
.main .videoWrap.youtube figure {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2;}
.main .videoWrap.youtube iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; border: none;}
.main .videoWrap.youtube figure::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 3.3rem; height: 3.3rem; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/video_btn_play-250124.svg'); touch-action: none; pointer-events: none;}

/******************************************
    메인 비주얼
******************************************/
.main .saf-main-section01 {position:relative;padding: 5rem 0;}
.main .saf-main-section01 .bg-video {position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;}
.main .saf-main-section01 .bg-video-cont {height:100%;width:100%;object-fit:cover;}
.main .saf-main-section01 .bg-video:after {display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.5;content:"";}
.main .saf-main-section01-textBox {display:inline-block;position:relative;font-size:var(--f-fontSize03);letter-spacing: -0.032rem;font-weight:700;}
.main .saf-main-section01-textBox:before {display:block;position:absolute;top:50%; transform:translateY(-50%); left:-1.5rem;width:1rem;background:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainTagLeft_250826.png') no-repeat center center;background-size:contain;aspect-ratio:21/37;content:"";}
.main .saf-main-section01-textBox:after {display:block;position:absolute;top:50%; transform:translateY(-50%); right:-1.5rem;width:1rem;background:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainTagRight_250826.png') no-repeat center center;background-size:contain;aspect-ratio:21/37;content:"";}
.main .saf-main-section01-textBox p {position: relative;background:linear-gradient(90deg, #12FF67 0%, #00FFBD 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.main .saf-main-section01-textBox p::selection {color: #fff;background: #10D236 !important;background-color: #10D236;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: #fff;}
.main .saf-main-section01-textBox p:after {content: '상반기 단 한번, 최대 규모로 한 번에 비교!'; text-shadow: 0px 2px 4px #00000080; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main .saf-main-section01 h1 {margin:.6rem 0 3rem; letter-spacing: -0.12rem; font-weight:700;color:#fff;}
.main .saf-main-section01 h1 > img {width: 6.75rem; margin-right: 0.4rem; aspect-ratio:135/60; vertical-align:middle;}
.main .saf-main-section01 h1 > span {display:block; margin-bottom: .4rem; font-size: var(--f-display); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); line-height: 130%; letter-spacing: -0.054rem;}
.main .saf-main-section01 h1 > p { font-size: 4rem; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); line-height: 112%; }
.main .saf-main-section01-con .mo-display {display: none;}
.main .saf-main-section01-con .listSaf {max-width: 44.8rem; margin:0 auto; display: flex; justify-content: center;}
.main .saf-main-section01-con .listSaf .saf {position:relative; padding: 2rem 1.2rem; border-radius: 8px; text-align:center; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; overflow: hidden;}
.main .saf-main-section01-con .listSaf .saf::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2);; backdrop-filter: blur(24px); touch-action: none; pointer-events: none;}
.main .saf-main-section01-con .listSaf .saf > *{position: relative; z-index: 1;}
.main .saf-main-section01-con .listSaf .saf + .saf{margin-left: 1.2rem;}
.main .saf-main-section01-con .listSaf .saf > strong {display: inline-block; font-size: var(--f-fontSize02); line-height: 100%; letter-spacing: -0.032rem; width: 100%;}
.main .saf-main-section01-con .listSaf .saf span {position: relative; background: linear-gradient(90deg, #34FE5C 0%, #00EEFF 97.76%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main .saf-main-section01-con .listSaf .saf span::selection {color: #fff;background: #10D236 !important;background-color: #10D236;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: #fff;}
.main .saf-main-section01-con .listSaf .saf.seoul span::after {content: '서울 코엑스 2층'; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main .saf-main-section01-con .listSaf .saf.busandaegu span::after {content: '부산 / 대구'; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.32); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main .saf-main-section01-con .listSaf .saf > strong::selection {color: #fff;background: #10D236 !important;background-color: #10D236;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: #fff;}
.main .saf-main-section01-con .listSaf .saf .textBox {margin: 1.2rem auto 0; font-size: var(--f-fontSize05); font-weight: 600; line-height: 150%; letter-spacing: -0.01rem; text-align: left;}
.main .saf-main-section01-con .listSaf .saf .textBox p + p{margin-top: 0.4rem;}
.main .saf-main-section01-con .listSaf .saf .textBox p span{font-size: var(--f-detail); line-height: 150%; letter-spacing: -0.007rem; font-weight: 400; color: #333; padding: 0.1rem 0.2rem; background-color: #FCFFFD; display: inline-block; border-radius: 4px; margin-left: 0.6rem;}
.main .saf-main-section01-con .listSaf .saf .textBox .smallTxt{font-size: var(--f-detail); color: #666; display: block; font-weight: 400; text-align: center; line-height: 150%; letter-spacing: -0.14px; margin-top: 0.4rem;}
.main .saf-main-section01-con .mainBoxTag {display:block;position:absolute;top:0;right:24px;width:84px;height:64px;padding:10px 0;background:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainBox_tag.png') no-repeat center center;font-size:13px;font-weight:500;line-height:130%;text-align:center;}
.main .saf-main-section01-con .mainBoxTag > span {display:block;font-size: var(--f-body2);font-weight:700;}
.main .saf-main-section01-link > p {margin-top:1.2rem;font-size:var(--f-body1);color:#006837;}
.main .saf-main-section01-link > span {display:block;width:19rem;margin:0 auto;padding: .4rem .4rem 0;font-size:var(--f-detail);background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainLinkText_bg.png');background-repeat:no-repeat;background-size:cover;background-position:center;box-sizing:content-box;aspect-ratio: 380/45;}
.main .saf-main-section01-link > a.contact-btn {width:13.5rem;margin:0 auto;border-radius:999999px;background-color:var(--c-text01);color:#fff;font-size:var(--f-fontSize04);height:56px;line-height:150%;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0px 4px 10px #00000012;}
.main .saf-main-section01-link > a.contact-btn .arrow {background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/buttonArrow.svg');background-repeat:no-repeat;background-size:cover;background-position:center;width:1.2rem;height:1.2rem;margin-left:0.2rem;}
.main .saf-main-section01 .infoWrap{border-radius: 24px; position: relative;}
.main .saf-main-section01 .infoWrap::after{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; touch-action: none; pointer-events: none; transition: all 0.3s ease; z-index: 3; background: linear-gradient(110deg, rgba(255,255,255,0.6), transparent);}
.main .saf-main-section01 .infoWrap .boxWrap{position: relative; border-radius: 24px 24px 0 0; overflow: hidden; color: #fff; line-height: 150%; letter-spacing: -0.009rem; font-size: var(--f-body2); font-weight: 400; text-align: left; padding: 1.6rem 3rem;}
.main .saf-main-section01 .infoWrap .boxWrap::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff;}
.main .saf-main-section01 .infoWrap .boxWrap::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(109deg, rgba(255, 255, 255, 0.18) 1.08%, rgba(255, 255, 255, 0.16) 101.37%); backdrop-filter: blur(15px);}
.main .saf-main-section01 .infoWrap .boxWrap > *{position: relative; z-index: 1;}
.main .saf-main-section01 .infoWrap .boxWrap em{color: #FFFF00; font-weight: 700;}
.main .saf-main-section01 .infoWrap .boxWrap strong{width: 6.2rem; display: inline-block; font-size: var(--f-fontSize04); letter-spacing: 0.011rem;}
.main .saf-main-section01 .infoWrap .boxWrap .box{display: flex; align-items: center; font-size: var(--f-body1);}
.main .saf-main-section01 .infoWrap .boxWrap .box + .box{margin-top: 0.2rem;}
.main .saf-main-section01 .infoWrap .bottom{font-size: var(--f-fontSize05); font-weight: 700; padding: 0.8rem 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #F9FF15 0%, #01FF8D 100%); box-shadow: 0 4px 10px rgba(0,0,0,0.12); border-radius: 0 0 24px 24px;}
.main .saf-main-section01 .infoWrap .bottom figure{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-section01-checkIcon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 1.4rem; height: 1.4rem; margin-right: 0.8rem;}
.main .complete-top-sub1{margin-top:.4rem;font-size:var(--f-fontSize03);font-weight:600;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);color:#fff;}
.main .complete-top-sub2{margin-top:.4rem;font-size:var(--f-detail);font-weight:400;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);color:#fff;}
.main .complete-top-sub2 em{color: #12FF67;}
/* 박람회 종료 */
.main .saf-main-section01 .main-info-box{margin: 3rem auto 1.6rem; border-radius: var(--r-radius02); border: 2px solid #FFF; background: linear-gradient(109deg, rgba(255, 255, 255, 0.90) 1.08%, rgba(255, 255, 255, 0.80) 101.37%); backdrop-filter: blur(15px); width: 35.6rem; padding: 1.6rem 0; font-size: var(--f-fontSize04); line-height: 150%; letter-spacing: -0.22px; display: flex; justify-content: center; flex-wrap: wrap; max-width: 100%;}
.main .saf-main-section01 .main-info-box.after{font-size: var(--f-fontSize05); line-height: 150%; letter-spacing: -0.2px;}
.main .saf-main-section01 .main-info-box.after .roundTxt{background-color: #F5F5F7; border-radius: var(--r-radius03); padding: 0.4rem 2.65rem; margin-top: 0.8rem;}
.main .saf-main-section01 .main-request-btn.after{justify-content: center; margin-bottom: 1.6rem;}
.main .saf-main-section01 .main-request-btn.after a{margin: 0 0.6rem; font-size: var(--f-body1); width: 10.45rem; padding: 0;}

.main .saf-main-section02 { padding: 3rem 0; }
.main .saf-main-section02 .rollingWrap {position: relative; font-size: var(--f-body2); border-radius: 0 0 var(--r-radius01) var(--r-radius01); overflow: hidden; position: relative; }

.main .saf-main-section02 .rollingWrap:before { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 2.5rem; height: 100%; background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 2.98%, #FFFFFF 75.74%); content: ""; }
.main .saf-main-section02 .rollingWrap:after { display: block; position: absolute; top: 0; right: 0; z-index: 1; width: 2.5rem; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 2.98%, #FFFFFF 75.74%); content: ""; }
.main .saf-main-section02 .rollingWrap .rollingInner { display: flex; align-items: center; overflow: hidden; letter-spacing: -0.16px; font-weight: 600; }
.main .saf-main-section02 .rollingWrap .rollingInner .rollingCont { animation: rolling 25s linear infinite; white-space: nowrap; display: flex; }
.main .saf-main-section02 .rollingWrap .rollingCont > div { display: flex; align-items: center; margin-right: 2rem; }
.main .saf-main-section02 .rollingWrap .rollingCont .text { margin-right: .4rem; font-size: var(--f-body1); font-weight: 600; color: #1EC95B; }
.main .saf-main-section02 .rollingWrap .rollingCont figure { display: block; width: 8rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo01.png'); background-repeat: no-repeat; background-position: center; background-size: contain; aspect-ratio: 160/40; }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo02.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo03.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo04 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo04.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo05 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo05.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo06 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo06.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo07 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo07.png'); }
.main .saf-main-section02 .rollingWrap .rollingCont figure.logo08 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo08.png'); }
.main .saf-main-section02 .pc-logo-wrap{display: flex; justify-content: center;}
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item { display: flex; align-items: center; overflow: hidden; letter-spacing: -0.16px; font-weight: 600; }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item .text{margin-right: .4rem; font-size: var(--f-body1); font-weight: 600; color: #1EC95B;}
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure{ display: block; width: 8rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo01.png'); background-repeat: no-repeat; background-position: center; background-size: contain; aspect-ratio: 160/40; }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo02.png'); }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo06 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo06.png'); }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo08 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo08.png'); }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo07 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo07.png'); }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo04 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo04.png'); }
.main .saf-main-section02 .pc-logo-wrap .pc-logo-item figure.logo05 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/rolling-logo05.png'); }
@keyframes rolling {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}

/******************************************
    edm세계유학박람회가 이토록 인기있는 이유
******************************************/
.main .saf-main-section03 {position:relative; z-index:1; overflow:hidden; text-align: center; font-size: 1.6rem; line-height: 130%; letter-spacing: -0.032rem; color: #fff; padding: 5rem 0 8.6rem;}
.main .saf-main-section03 h2 {font-size: 2.7rem; font-weight: 700; line-height: 130%; letter-spacing: 0.054rem; margin-bottom: 3rem; color: var(--c-text01); }
.main .saf-main-section03 h2 p {padding-bottom: .4rem; font-size: 2.1rem; font-weight: 400; line-height: 134%;}
.main .saf-main-section03 h2 span {position: relative; background: linear-gradient(90deg, #00E22D 0%, #00CBDA 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; line-height: 134%; text-shadow: none; position: relative;}
.main .saf-main-section03 h2 span::selection {color: #fff;background: #10D236 !important;background-color: #10D236;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: #fff;}
.main .saf-main-section03 .list-text{display: flex; align-items: center; justify-content: center; font-size: 1.2rem; line-height: 150%; letter-spacing: -0.013rem; text-align: left; }
.main .saf-main-section03 .list-text > li{width: 25%; height: 14.5rem; padding: 2rem 1.6rem 1.6rem; padding-right: 0; border-radius: 24px; background: linear-gradient(180deg, #00AAFF 25%, #35DEBC 100%);}
.main .saf-main-section03 .list-text > li:first-child { position: relative; }
.main .saf-main-section03 .list-text > li:first-child:after { display: block; position: absolute; bottom: -1.6rem; left: 0; font-size: var(--f-detail); line-height: 150%; color: var(--c-text04); content: "* 국내 단일 유학원 개최 기준 1위"; }
.main .saf-main-section03 .list-text > li + li{margin-left: 1.2rem;}
.main .saf-main-section03 .list-text > li figure {display: block;width: 2.8rem; min-height: 2.8rem; border-radius: var(--r-radius03); background: rgba(255, 255, 255, 0.06) url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/listOdometer-icon01.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.main .saf-main-section03 .list-text > li figure.icon02 {background: rgba(255, 255, 255, 0.06) url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/listOdometer-icon02.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.main .saf-main-section03 .list-text > li figure.icon03 {background: rgba(255, 255, 255, 0.06) url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/listOdometer-icon03.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.main .saf-main-section03 .list-text > li figure.icon04 {background: rgba(255, 255, 255, 0.06) url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/listOdometer-icon04.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.main .saf-main-section03 .list-text > li .txt1{margin-top: 1.6rem; margin-bottom: 1.2rem; font-weight: 700; width: 100%; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.24);}
.main .saf-main-section03 .list-text > li .num{display: flex; align-items: baseline; font-size: 3.5rem; font-weight: 500; line-height: 1; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.36);}
.main .saf-main-section03 .list-text > li .num .txt{padding-left: 0.2rem;font-size: 1rem;}
.main .saf-main-section03 .list-text > li .num .count{font-size: 3.5rem; display: inline-block; font-weight: 500; margin: 0; line-height: 1; text-align: left; color: #fff; }
.main .saf-main-section03 .list-text > li .num .count .odometer-inside{display: flex; justify-content: flex-end;}
.main .saf-main-section03 .list-text > li .num .count .odometer-digit *{width: 100%; line-height:1;vertical-align: top;}
.main .saf-main-section03 .list-text > li .num .count .odometer-formatting-mark {line-height: 1;vertical-align: top;}
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default, .odometer.odometer-theme-default .odometer-digit {line-height:1;}
/******************************************
    박람회 현장 vs 온라인 검색
******************************************/
.main .saf-main-compare {background: linear-gradient(180deg, #E0FFFD 0%, #DDFFEE 100%);}
.main .saf-main-compare .sub-text {margin-top: .6rem;}
.main .saf-main-compare .sub-text strong {font-weight: 400; line-height: 130%; color: #006BC8;}
.main .listCompare {display: flex; gap: 3.2rem; position: relative; margin: 3rem 0;}
.main .listCompare:after {display: block; position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; border-radius: var(--r-radius03); background-color: var(--c-text01); transform: translate(-50%, -50%); font-size: var(--f-body1); text-align: center; line-height: 2rem; color: #fff; content: "VS";}
.main .listCompare > li {width: 50%;}
.main .listCompare > li > em {display: block; padding: .8rem; border-radius: var(--r-radius01);  background: #9C9C9C; font-size: var(--f-fontSize04); font-weight: 700; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.32); text-align: center; color: #fff;}
.main .listCompare .textBox {display: flex; justify-content: center; align-items: center; margin-top: .6rem; padding: 1.2rem; background-color: #fff; border-radius: var(--r-radius01); box-shadow: var(--s-shadow-neutral01); font-size: var(--f-body1); color: var(--c-text02);}
.main .listCompare > li.focus > em {background: linear-gradient(90deg, #00AAFF 0%, #35DEBC 100%);}
.main .listCompare > li.focus .textBox {padding: calc(1.2rem - 1px) 1.2rem; border: 1px solid #4EC4FF; font-weight: 600; color: var(--c-text01);}
.main .listCompare > li.focus .textBox strong {font-weight: 600; color: #006BC8;}
.main .saf-main-compare .btn {margin-top: 0; text-align: center;}
.main .saf-main-compare .btn a {display: flex; justify-content: center; align-items: center; width: 17.7rem; height: 3.25rem; padding: 0 1.2rem; border-radius: 12px; background-color: var(--c-text01); font-size: var(--f-fontSize04); font-weight: 700; line-height: 150%; color: #fff;}
.main .saf-main-compare .btn a .arrow {width: 1.2rem; height: 1.2rem; margin-left: 0.2rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.main .saf-main-compare .btn a:hover {background-color: var(--c-text02);}
.main .saf-main-compare .btn a figure{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/btn_arrow_250124.svg'); background-repeat: no-repeat; width: 1.2rem; height: 1.2rem; background-size: contain; background-position: center; display: inline-block;}
/******************************************
    현장 미리보기
******************************************/
.main .saf-main-preview .imgWrap {margin-top: 3rem;}
.main .saf-main-preview .imgWrap li {padding: 0 .6rem; overflow: hidden;}
.main .saf-main-preview .imgWrap li img{width: 100%; object-fit: contain; border-radius: 16px; aspect-ratio: 520/342;}
/******************************************
    하이라이트
******************************************/
.main .saf-main-highlight{text-align: center; color: var(--c-text01); position: relative; padding: 7rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-highlight_bg-250827.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.main .saf-main-highlight > *{position: relative; z-index: 1;}
.main .saf-main-highlight h2{color: inherit; margin-bottom: 0.6rem;}
.main .saf-main-highlight .borderWrap { margin: 3rem 0 0; padding: 1px; border-radius: 32px; background: linear-gradient(122.6deg, rgba(255, 255, 255, 0.6) 0.83%, rgba(255, 255, 255, 0.18) 99.36%); }
.main .saf-main-highlight .contWrap { padding: 3.5rem 4.2rem 4.1rem; border-radius: 32px; background: linear-gradient(122.6deg, rgba(255, 255, 255, 0.6) 0.83%, rgba(255, 255, 255, 0.18) 99.36%); backdrop-filter: blur(32px) }
.main .saf-main-highlight .videoArea{display: flex; justify-content: center; margin: 0 auto 3rem;}
.main .saf-main-highlight .videoArea .videoWrap{border-radius: 24px; width: 26.4rem;}
.main .saf-main-highlight .videoArea .videoWrap + .videoWrap{margin-left: 1.2rem;}
.main .saf-main-highlight .boxWrap{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.main .saf-main-highlight .boxWrap .box{background-color: #fff; border-radius: 12px; color: #000; text-align: left; font-size: 0.9rem; line-height: 150%; letter-spacing: -0.009rem; padding: 1.2rem; width: 42.25rem; position: relative; margin-right: 2.5rem;}
.main .saf-main-highlight .boxWrap .box + .box{margin-top: 1.8rem;}
.main .saf-main-highlight .boxWrap .box em{color:  #FF3083;}
.main .saf-main-highlight .boxWrap .box span{color: #666; font-size: 0.7rem; letter-spacing: -0.007rem; display: block; margin-top: 0.6rem;}
.main .saf-main-highlight .boxWrap .box figure{width: 4.1rem; height: 4.1rem; border-radius: 50%; position: absolute; bottom: -0.6rem; right: -2.5rem; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main .saf-main-highlight .boxWrap .box.left{margin-left: 2.5rem; margin-right: auto;}
.main .saf-main-highlight .boxWrap .box.left span{text-align: right;}
.main .saf-main-highlight .boxWrap .box.left figure{right: auto; left: -2.5rem;}
.main .saf-main-highlight .txt1{font-size: var(--f-fontSize02); line-height: 130%; letter-spacing: -0.032rem; font-weight: 500;}
.main .saf-main-highlight .txt2{font-size: var(--f-display); line-height: 130%; letter-spacing: -0.054rem; font-weight: 700; margin-top: 0.6rem;}
/******************************************
    여러분의 새로운 시작에 함께하겠습니다.
******************************************/
.main .saf-main-lead{padding: 4rem 0;background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-lead-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%; height: 30.7rem;}
.main .saf-main-lead .mo-display{display: none;}
.main .saf-main-lead strong { display: inline-block; position: relative; background: linear-gradient(90deg, #34FE5C 0%, #00EEFF 97.76%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 2.1rem; font-weight: 700; line-height: 134%; text-shadow: none; position: relative;}
.main .saf-main-lead strong::selection {color: #fff;background: #10D236 !important;background-color: #10D236;background-clip: initial;-webkit-background-clip: initial;-webkit-text-fill-color: #fff;}
.main .saf-main-lead strong:after {content: '국내 1위 24년의 경험'; text-shadow: 0px 2px 6px #00000066;; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main .saf-main-lead h2 {margin-top: 0.4rem; text-shadow: 0px 2px 6px #00000066; color: #fff;}
/******************************************
    상담 분야
******************************************/
.main .saf-main-section04 {background: linear-gradient(180deg, #F6FFF3 26.96%, #C6FEE2 100%);}
.main .saf-main-section04 .sub-text{margin-top: .6rem;}
.main .saf-main-section04-con{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3.6rem;}
.main .saf-main-section04-con .textBox {text-align:left; overflow:hidden;  width: calc(calc(50% - 0.6rem)); height: 4rem;}
.main .saf-main-section04-col {position:relative; width: calc(calc(50% - 0.6rem)); height:28.65rem; border:1px solid #B9DDC6;border-radius:24px;background-color:#fff;overflow:hidden; margin-bottom: 2rem;}
.main .saf-main-section04-col:nth-child(2n+1) {margin-top: -26.6rem;}
.main .saf-main-section04-col:last-child{margin-bottom: 0;}
.main .saf-main-section04-col .imgBox {position:absolute;left:0;bottom:0;aspect-ratio:612 / 310;width:100%;border-radius:0 0 24px 24px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main .saf-main-section04-col.box1 .imgBox{background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/card_img_01-250124.png');}
.main .saf-main-section04-col.box2 .imgBox{background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/card_img_02-250124.png');}
.main .saf-main-section04-col.box3 .imgBox{background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/card_img_03-250124.png');}
.main .saf-main-section04-col.box4 .imgBox{background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/card_img_04-250124.png');}
.main .saf-main-section04-col .text {padding:3rem 3rem 1.6rem;border-radius:0 0 24px 24px;background:#fff;text-align:left;}
.main .saf-main-section04-col .text dt {margin-bottom:0.4rem;color:#333333;font-size:1.3rem;font-weight:700;}
.main .saf-main-section04-col .text dt em {display:block;font-size:var(--f-fontSize04);font-weight:400;line-height:150%;color:#999;}
.main .saf-main-section04-col .text dt .title {margin:.2rem 0 .8rem;font-size:var(--f-fontSize01);font-weight:700;line-height:130%;white-space:nowrap;}
.main .saf-main-section04-col .text dt .title strong{font-size:var(--f-fontSize01);font-weight:700;background: linear-gradient(90deg, #00E043 0%, #00C9ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.main .saf-main-section04-col .text dd {font-size:var(--f-fontSize04);}
.main .saf-main-section04-col .text dd em{color: #18A149;}
.main .saf-main-section04-col > a {display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;}
.main .saf-main-section04-col .text dd a.link-btn {display:inline-block;width:7rem;margin-top:.6rem;border-radius:999999px;background-color:var(--c-text01);color:#fff;font-size:var(--f-body2);height:2rem;line-height:150%;font-weight:500;display:flex;align-items:center;justify-content:center;}
.main .saf-main-section04-col .text dd a.link-btn .arrow {background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/buttonArrow.svg');background-repeat:no-repeat;background-size:cover;background-position:center;width:.8rem;height:.8rem;margin-left:0.2rem;}
/******************************************
    주목해야 할 세미나
******************************************/
.main .saf-main-noticeSeminar .sub-text{margin: .6rem 0 1.2rem;}
.main .saf-main-noticeSeminar .list{margin-bottom: 3rem;}
.main .saf-main-noticeSeminar .list > li{background-color: #fff; padding: 1.2rem 0; font-size: var(--f-fontSize04); font-weight: 700; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 8px;}
.main .saf-main-noticeSeminar .list > li + li{margin-top: 1.2rem;}
.main .saf-main-noticeSeminar .list > li em{color: #0059FF;}
.main .saf-main-noticeSeminar .slideWrap { display: flex;position: relative; margin-top: 3rem; gap: 1.2rem;}
.main .saf-main-noticeSeminar .seminar-tabs-mo { display: none; }
.main .saf-main-noticeSeminar .seminar-tabs { width: 25.3rem; }
.main .saf-main-noticeSeminar .seminar-tabs li {  display: flex; gap: .8rem; align-items: center; width: 100%; height: 5.1rem; margin-bottom: 1.2rem; padding: 1.2rem 1.6rem;   border-radius: 12px; border: 1px solid #E4E8F1; background-color: #fff; box-shadow: 0px 4px 10px #EBEFF4; font-size: 1.2rem; color: var(--c-text02); cursor: pointer; }
.main .saf-main-noticeSeminar .seminar-tabs li:last-child {margin-bottom: 0;}
.main .saf-main-noticeSeminar .seminar-tabs li figure { min-width: 2.7rem; width: 2.7rem; height: 2.7rem; background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon01.svg'); background-repeat:no-repeat; background-size:cover; background-position:center; }
.main .saf-main-noticeSeminar .seminar-tabs li figure.icon02 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon02.svg'); }
.main .saf-main-noticeSeminar .seminar-tabs li figure.icon03 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon03.svg'); }
.main .saf-main-noticeSeminar .seminar-tabs li.active { border: 0 none; background: linear-gradient(90deg, #00AAFF 17.98%, #00D2A1 100%); box-shadow: 0px 4px 10px #EBEFF4; font-weight: 700; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24); color: #fff; }
.main .saf-main-noticeSeminar .seminar-tabs li.active .icon01 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon01-active.svg'); }
.main .saf-main-noticeSeminar .seminar-tabs li.active .icon02 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon02-active.svg'); }
.main .saf-main-noticeSeminar .seminar-tabs li.active .icon03 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon03-active.svg'); }
.main .saf-main-noticeSeminar .slideWrap .slick-controls { position: absolute; right: 1.2rem; bottom: 1.2rem; height: 1.15rem; padding: 0 .6rem; background-color: #C5C5C5; border-radius: var(--r-radius03); line-height: 1.15rem;  }
.main .saf-main-noticeSeminar .slideWrap .page-indicator { font-size: 0.75rem; color: var(--c-text02); }
.main .saf-main-noticeSeminar .slideWrap .current-page { font-weight: 700; color: var(--c-text01); }
.main .saf-main-noticeSeminar .slide { width: calc(100% - 25.3rem - 1.2rem);}
.main .saf-main-noticeSeminar .seminarBtn a { display: flex; justify-content: center; align-items: center; width: 8.4rem; height: 2.4rem; margin: 0 auto; padding: 0; border-radius: 8px; background-color: #F5F5F7; font-size: var(--f-body2); font-weight: 500; line-height: 150%; color: var(--c-text02); }
.main .saf-main-noticeSeminar .seminarBtn a:hover { background-color: #E2E2E5; }
.main .saf-main-noticeSeminar .seminarBtn a figure {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/buttonArrow_gray.svg'); background-repeat: no-repeat; width: 1.2rem; height: 1.2rem; background-size: contain; background-position: center; display: inline-block;}
.main .seminarSlide.slick-dotted.slick-slider  {margin-bottom: 0; }
.main .seminarSlide .slick-list{ overflow: hidden; border-radius: 12px; }
.main .seminarSlide .slick-slide .img { display: block; width: 100%; height: 17.7rem; border-radius: 12px; background-repeat:no-repeat;background-size:cover;background-position:center;}
.main .slide1 .seminarSlide .slick-slide .img01 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img01.png'); }
.main .slide1 .seminarSlide .slick-slide .img02 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img02.png'); }
.main .slide1 .seminarSlide .slick-slide .img03 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img03.png'); }
.main .slide2 .seminarSlide .slick-slide .img01 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img04.jpg'); }
.main .slide2 .seminarSlide .slick-slide .img02 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img05.jpg'); }
.main .slide3 .seminarSlide .slick-slide .img01 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-img06.jpg'); }
/******************************************
    혜택
******************************************/
.main > section.goatEvent {padding-bottom: 3rem;}
.main .benefit-bottom {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/main-benefit-bottom-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom center; width: 100%; aspect-ratio: 1920/496;}
/******************************************
    경고
******************************************/
.main .saf-main-warning{background: linear-gradient(90deg, #EAFFE3 0%, #D3FBFF 101.46%); padding: 3rem 0;}
.main .saf-main-warning .saf-main-width {max-width: 1080px;}
.main .saf-main-warning .textWrap{padding-left: 3.7rem; position: relative; text-align: left; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/iconWarning.svg'); background-repeat: no-repeat; background-size: 1.875rem; background-position: left center; font-size: var(--f-body1); line-height: 150%; letter-spacing: -0.18px;}

/******************************************
    오시는길
******************************************/
.main .saf-main-section09 .saf-main-width {max-width: 1080px;}
.main .saf-main-section09 .saf-main-sub-title{margin-bottom: 3rem;}
.main .saf-main-section09 .saf-main-section09-con + .saf-main-section09-con{margin-top: 4rem;}
.main .saf-main-section09-con h3 {font-size:var(--f-fontSize02);margin-bottom:1.2rem;text-align:left;}
.main .saf-main-section09-con h3 > p {line-height:130%;font-weight:600;}
.main .saf-main-section09-con h3 > p > strong {color: #1EC95B; font-weight: 600;}
.main .saf-main-section09-con h3 > span {display:block;margin-top:.4rem;font-size:var(--f-fontSize04);font-weight:400;}
.main .saf-main-section09-info {display:flex;justify-content:space-between;gap:24px;}
.main .saf-main-section09-con-textBox {width:50%;text-align:left;}
.main .saf-main-section09-con-textBox dl {display:flex; justify-content:space-between; padding:.8rem 1.2rem;border-radius: var(--r-radius01); background-color:#f8f8f8;}
.main .saf-main-section09-con-textBox dl + dl{margin-top: 0.4rem;}
.main .saf-main-section09-con-textBox dl:last-child {margin-bottom:0;}
.main .saf-main-section09-con-textBox dl.center { align-items: center; }
.main .saf-main-section09-con-textBox dl dt {width: 4.6rem; font-size:var(--f-body1);font-weight:700;}
.main .saf-main-section09-con-textBox dl dd {width: calc(100% - 4.6rem); font-size:var(--f-body2);font-weight:400;color:#000;}
.main .saf-main-section09-con-textBox dl dd small {display:block;margin: 0.6rem 0 0;font-size:var( --f-body2);color:#666;}
.main .saf-main-section09-con-map {width:50%;min-height:16.4rem;border-radius: var(--r-radius02);}
.main .saf-main-section09-con-map > div {width:100%;height:100%;border-radius: var(--r-radius02);}
.main .saf-main-section09-slider {margin:2rem 0 4rem;}
.main .saf-main-section09-slider .imgBox {aspect-ratio:436 / 256;width:100%;border-radius:12px;}
.main .saf-main-section09-slider .imgBox.img1 {background:url('/image/main/main-section6-slider-img3.jpg') no-repeat center center;background-size:cover;}
.main .saf-main-section09-slider .imgBox.img2 {background:url('/image/main/main-section6-slider-img4-240913.jpg') no-repeat center center;background-size:cover;}
.main .saf-main-section09-slider .imgBox.img3 {background:url('/image/main/main-section6-slider-img2.jpg') no-repeat center center;background-size:cover;}
.main .saf-main-section09-slider .imgBox.img4 {background:url('/image/main/main-section6-slider-img5-240913.jpg') no-repeat center center;background-size:cover;}
.main .saf-main-section09-slider .imgBox.img5 {background:url('/image/main/main-section6-slider-img1.jpg') no-repeat center center;background-size:cover;}
.main .saf-main-section09-slider .swiper-button-next, .saf-main-section09-slider .swiper-button-prev {width:2.4rem;height:2.4rem;}
.main .saf-main-section09-slider .swiper-button-next:after, .saf-main-section09-slider .swiper-button-prev:after {width:2.4rem;height:2.4rem;content:"";}
.main .saf-main-section09-slider .swiper-button-prev, .saf-main-section09-slider .swiper-rtl .swiper-button-next {left:var(--swiper-navigation-sides-offset,5px)}
.main .saf-main-section09-slider .swiper-button-next, .saf-main-section09-slider .swiper-rtl .swiper-button-prev {right:var(--swiper-navigation-sides-offset,5px)}
.main .saf-main-section09-slider .swiper-button-next:after {background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/slideNextIcon.svg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.main .saf-main-section09-slider .swiper-button-prev:after {background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/slidePrevIcon.svg');background-repeat:no-repeat;background-size:cover;background-position:center;}


@media screen and (max-width: 1280px) {
    .saf-main-width{padding: 0 16px;}
}

@media screen and (max-width: 1200px) { 
    .main .saf-main-section03 .list-text > li .num,
    .main .saf-main-section03 .list-text > li .num .count {font-size: 3rem;}
}

@media screen and (max-width: 1024px) { 
    .main .saf-main-section03 .list-text {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px 1.2rem; max-width: 40rem; margin: 0 auto;}
    .main .saf-main-section03 .list-text > li {width: 100%;}
    .main .saf-main-section03 .list-text > li + li {margin-left: 0;}
}

@media only screen and (max-width:780px){
    *[class^="pc-"] {display:block;}
    *[class^="mo-"] {display:none;}
} 

@media screen and (max-width: 768px) {
    *[class^="pc-"] {display:none;}
    *[class^="mo-"] {display:block;}

    .main .saf-main-section02 .rollingWrap{display: block;}
    .main .saf-main-section02 .rollingWrap .rollingInner .rollingCont { animation: rolling 25s linear infinite; }
    /* .main .saf-main-section02 .pc-logo-wrap{display: none;} */

    .main {padding-top: 0; /* 60px */}
    .main > section{padding: 50px 0;}
    .saf-main-sub-title{font-size: var(--f-fontSize01); line-height: 130%; letter-spacing: -0.56px;}
    .main .sub-text{font-size: var(--f-fontSize05); line-height: 150%; letter-spacing: -0.2px;}
    .main .videoWrap.youtube figure::after{width: 40px; height: 40px;}
    .main .btn a{margin-top: 30px; font-size: var(--f-body1); line-height: 150%; letter-spacing: -0.15px; padding: 0 24px; height: 40px;}
    .main .btn .btnInner figure{width: 16px; height: 16px; margin-left: 4px;}
    .m-inquiry-bar {display: none;}
    .m-inquiry-bar.show {display: block;}

    

    .main .saf-main-section01 {min-height: 34.62rem; padding: 40px 0 80px;}
    .main .saf-main-section01 .saf-main-width {padding: 0;}
    .main .saf-main-section01-textBox {font-size: var(--f-fontSize04);}
    .main .saf-main-section01-textBox:before, .main .saf-main-section01-textBox:after {width: 1.23rem; aspect-ratio: 16/30;}
    .main .saf-main-section01-textBox p {line-height: 167%;}
    .main .saf-main-section01 h1{ margin: 8px 0 40px; letter-spacing: -1.2px; }
    .main .saf-main-section01 h1 > img{width: 6.23rem; margin-right: 4px; vertical-align: top; margin-top: 5px;}
    .main .saf-main-section01 h1 > span{font-size: 2.31rem; margin-bottom: 4px; line-height: 130%; letter-spacing: -0.6px;}
    .main .saf-main-section01 h1 > p {font-size: 3.08rem;}
    /* .main .saf-main-section01-con .listSaf{padding: 0 16px;} */
    .main .saf-main-section01-con .listSaf .saf{padding: 1.23rem 1.2rem;}
    .main .saf-main-section01-con .mo-display {display: block;}
    .main .saf-main-section01-con .slideWrap {position: relative;}
    .main .saf-main-section01-con .listSaf.pc-display {display: none;}
    .main .saf-main-section01-con .slideWrap .listSaf {max-width: none;justify-content: normal;}
    .main .saf-main-section01-con .slideWrap .listSaf .saf + .saf {margin: 0;}
    .main .saf-main-section01-con .slideWrap .swiper-wrapper .swiper-slide:first-child {padding-left: 16px;}
    .main .saf-main-section01-con .slideWrap .swiper-wrapper .swiper-slide:last-child {padding-right: 16px;}
    .main .saf-main-section01-con .slideWrap .swiper-wrapper .saf{display: block; width: 100%; height: 11.3rem; padding: 16px 12px;}
    .main .saf-main-section01-con .slideWrap .swiper-wrapper .saf > strong{font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: -0.2px;}
    .main .saf-main-section01-con .slideWrap .swiper-pagination { bottom: -30px; height: 30px; }
    .main .saf-main-section01-con .slideWrap .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px; border-radius: var(--r-radius03); background-color: #999; }
    .main .saf-main-section01-con .slideWrap .swiper-pagination-bullet-active {background: linear-gradient(90deg, #34FE5C 0%, #00EEFF 97.76%);}
    .main .saf-main-section01-con .complete-top-sub1 {margin-top: 8px; font-size: var(--f-fontSize04); }
    .main .saf-main-section01-con .complete-top-sub2 {margin-top: 8px; font-size: var(--f-body2); }
    .main .saf-main-section01 .btn {margin-top: 0; padding: 0 16px;}
    .main .saf-main-section01 .btn a { width: 100%; height: 3.7rem; margin-top: 7.46rem; border-radius: 8px; font-size: 1.23rem; font-weight: 700; line-height: 3.7rem;}
    .main .saf-main-section01 .btn .arrow { display: none; }
    .main .btn .floatText {top: auto; bottom: calc(3.7rem + 10px); width: 16.31rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/mainBtn-float-mo-251125.png'); aspect-ratio: 212/51;}
    .main .btn .floatText span {padding-top: .652rem; font-size: 1.31rem; font-weight: 600; line-height: 150%;}
    .main .btn .floatText span em {line-height: 150%;}
	/* 박람회 종료 */
	.main .saf-main-section01 .main-request-btn.after a + a{margin-top: 8px;}

    .main > section.goatEvent {padding-bottom: 50px;}

    .main .saf-main-section02 {padding: 40px 0 24px;}
    .main .saf-main-section02 .saf-main-width {padding: 0; padding-left: 20px;}
    .main .saf-main-section02 .rollingWrap:before {left: -16px; width: 52px;}
    .main .saf-main-section02 .rollingWrap .rollingCont > div {margin-right: 12px;}
    .main .saf-main-section02 .rollingWrap .rollingCont figure {width: auto; height: 1.85rem; aspect-ratio: 80/24; background-size: auto 1.85rem;}
    .main .saf-main-section02 .rollingWrap .rollingCont .text {margin-right: 4px; font-weight: 700;}

    .main .saf-main-compare .sub-text {margin-top: 8px;}
    .main .listCompare {gap: 4px; margin: 24px 0;}
    .main .listCompare:after {display: none;}
    .main .listCompare > li > em {display: flex; align-items: center; justify-content: center; min-height: 4.93rem;padding: 8px; font-size: var(--f-fontSize05);}
    .main .listCompare .textBox {margin-top: 4px;padding: 16px 8px;font-size: var(--f-body2);}
    .main .listCompare > li.focus .textBox {padding: 15px 8px;font-weight: 500;}
    .main .listCompare > li.focus .textBox strong {font-weight: 500;}
    .main .saf-main-compare .btn a{width: 11.85rem; height: 3.7rem; margin-top: 0; border-radius: 8px; font-size: var(--f-fontSize05); font-weight: 500;}

    .main .saf-main-section03 {padding: 50px 0; font-size: var(--f-fontSize04); line-height: 150%; letter-spacing: -0.18px; font-weight: 400;}
    .main .saf-main-section03 h2 {margin-bottom: 24px; font-size: var(--f-fontSize01); line-height: 126%; letter-spacing: -0.56px;}
    .main .saf-main-section03 h2 p {padding-bottom: 8px; font-size: var(--f-fontSize04); font-weight: 600; line-height: 150%;}
    .main .saf-main-section03 h2 span {font-weight: 600; line-height: 150%;}
    .main .saf-main-section03 .list-text {gap: 40px 8px;}
    .main .saf-main-section03 .list-text > li {height: 12.4rem; padding: 16px 12px 16px 16px; border-radius: 12px; background: linear-gradient(180deg, #00AAFF 39.24%, #35DEBC 100%);}
    .main .saf-main-section03 .list-text > li figure {width: 3.1rem;}
    .main .saf-main-section03 .list-text > li .txt1 {margin: 12px 0;}
    .main .saf-main-section03 .list-text > li .num, .main .saf-main-section03 .list-text > li .num .count {font-size: 2.93rem;letter-spacing: -1px;}
    .main .saf-main-section03 .list-text > li .num .txt {font-size: var(--f-fontSize05);}
    .main .saf-main-section03 .list-text > li:first-child:after {white-space: nowrap;}
    .main .saf-main-preview .imgWrap {margin-top: 24px;}
    .main .saf-main-preview .imgWrap .slick-list {overflow: hidden;padding-left: 16px;}
    .main .saf-main-preview .imgWrap li {padding: 0; margin-right: 16px;}
    .main .saf-main-preview .imgWrap li:last-child {margin-right: 0;}
    .main .saf-main-preview .imgWrap li img {aspect-ratio: 296/195;}

    .main .saf-main-highlight {padding: 50px 0 58px;background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-highlight_bg-mo-250827.jpg');}
    .main .saf-main-highlight h2{margin-bottom: 8px;}
    .main .saf-main-highlight .borderWrap {margin: 24px 0 0; padding: 0; background: none; }
    .main .saf-main-highlight .contWrap {padding: 0; background: none; border-radius: 0; backdrop-filter: none;}
    .main .saf-main-highlight .videoArea{margin: 24px 0; display: block;}
    .main .saf-main-highlight .videoArea .videoWrap{width: 100%; border-radius: var(--r-radius01);}
    .main .saf-main-highlight .videoArea .videoWrap + .videoWrap{margin-left: 0; margin-top: 16px;}
    .main .saf-main-highlight .boxWrap{display: block;}
    .main .saf-main-highlight .boxWrap .box{width: calc(100% - 39px); padding: 24px; font-size: var(--f-body2); line-height: 150%; letter-spacing: -0.12px;}
    .main .saf-main-highlight .boxWrap .box + .box{margin-top: 24px;}
    .main .saf-main-highlight .boxWrap .box.left{margin-left: 39px;}
    .main .saf-main-highlight .boxWrap .box span{font-size: 0.92rem; line-height: 150%; letter-spacing: -0.12px; margin-top: 12px;}
    .main .saf-main-highlight .boxWrap .box figure{width: 60px; height: 60px; right: -39px; bottom: 12px;}
    .main .saf-main-highlight .boxWrap .box:last-child figure {bottom: -8px;}
    .main .saf-main-highlight .boxWrap .box.left figure{left: -39px; bottom: 12px;}
    .main .saf-main-highlight .txt1{font-size: var(--f-fontSize03); line-height: 130%; letter-spacing: -0.56px;}
    .main .saf-main-highlight .txt2{line-height: 130%; letter-spacing: -0.56px; margin-top: 8px;}
    .main .saf-main-highlight .tail{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-highlight_bottom-bg-mo.png'); aspect-ratio: 360/400;}

    .main .saf-main-lead {height: 30.8rem; padding: 40px 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/saf-main-lead-bg-mo.jpg')}
    .main .saf-main-lead .mo-display{display: block;}
    .main .saf-main-lead .pc-display{display: none;}
    .main .saf-main-lead strong {background: linear-gradient(90deg, #12FF67 26.89%, #00FFBD 73.11%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--f-fontSize04); line-height: 150%; }
    .main .saf-main-lead h2 {margin-top: 8px;}

    .main .saf-main-section04 {background: linear-gradient(180deg, #F6FFF3 6.32%, #C6FEE2 100%);}
    .main .saf-main-section04-con{display: block;}
    .main .saf-main-section04 .sub-text {margin-top: 8px;}
    .main .saf-main-section04-con .textBox {display: none;}
    .main .saf-main-section04-col{width: 100%; height: auto; margin-bottom: 12px;}
    .main .saf-main-section04-con {margin-top: 24px;}
    .main .saf-main-section04-con .textBox-wrap{padding: 24px; height: auto; text-align: center;}
    .main .saf-main-section04-con .textBox{margin-bottom: 8px;}
    .main .saf-main-section04-col .text{padding: 24px 0 0; text-align: center;}
    .main .saf-main-section04-col .imgBox{position: relative; aspect-ratio: 328/188; margin-top: 24px;}
    .main .saf-main-section04-col .text dt .title{margin-bottom: 8px; line-height: 130%; letter-spacing: -0.5px; margin-top: 4px;}
    .main .saf-main-section04-col .text dd{font-size: var(--f-fontSize05); line-height: 150%; letter-spacing: -0.18px;}
    .main .saf-main-section04-col:nth-child(2n+1){margin-top: 0;}

    .main .saf-main-noticeSeminar .sub-text {margin: 8px 0 12px;}
    .main .saf-main-noticeSeminar .seminarBtn a {gap: 4px; width: 12.93rem; height: 3.12rem; font-size: var(--f-fontSize05);}
    .main .saf-main-noticeSeminar .slideWrap {display: block; margin-top: 24px;}
    .main .saf-main-noticeSeminar .slideWrap .list-info.mo-display{display: block;}
    .main .saf-main-noticeSeminar .seminar-tabs {display: none;}
    .main .saf-main-noticeSeminar .seminar-tabs-mo {display: block;}
    .main .saf-main-noticeSeminar .seminar-tabs-mo li {display: flex; gap: 12px; align-items: center; width: 100%; height: 4.32rem; margin-bottom: 8px; background: linear-gradient(90deg, #00AAFF 17.98%, #00D2A1 100%); padding: 8px 16px; border-radius: 12px; font-size: var(--f-fontSize05); font-weight: 700; color: #fff; }
    .main .saf-main-noticeSeminar .seminar-tabs-mo li figure { min-width: 3.08rem; width: 3.08rem; height: 3.08rem; background-repeat:no-repeat; background-size:cover; background-position:center; }
    .main .saf-main-noticeSeminar .seminar-tabs-mo li figure.icon01 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon01-active.svg'); }
    .main .saf-main-noticeSeminar .seminar-tabs-mo li figure.icon02 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon02-active.svg'); }
    .main .saf-main-noticeSeminar .seminar-tabs-mo li figure.icon03 { background-image:url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/seminarSlide-icon03-active.svg'); }
    .main .saf-main-noticeSeminar .slide {display: none !important; width: 100%; }
    .main .saf-main-noticeSeminar .slide1 {display: block !important;}
    .main .seminarSlide .slick-slide .img { width: 100%; height: auto; aspect-ratio: 328/162; }
    .main .saf-main-noticeSeminar .slideWrap .slick-controls {right: 12px; bottom: 12px; width: 45px; height: 23px;}
    .main .saf-main-noticeSeminar .slideWrap .page-indicator {font-size: 15px;}
    
    .main .benefit-bottom {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/main/main-benefit-bottom-bg-mo.png');aspect-ratio: 360/367;}

    .main .saf-main-warning{padding: 54px 0 50px;background: linear-gradient(90deg, #EAFFE3 0%, #D3FBFF 100%);}
    .main .saf-main-warning .textWrap{padding: 52px 0 0; text-align: center; background-size: 30px; background-position: top center; font-size: var(--f-fontSize05); line-height: 138%; letter-spacing: -0.16px;}

    .main .saf-main-section09 .saf-main-sub-title{margin-bottom: 30px;font-size: var(--f-display);}
    .main .saf-main-section09 .saf-main-section09-con + .saf-main-section09-con{margin-top: 60px;}
    .main .saf-main-section09-con h3{margin-bottom: 16px; text-align: center;}
    .main .saf-main-section09-con h3 > span{margin-top: 4px;}
    .main .saf-main-section09-info{display: block;}
    .main .saf-main-section09-slider-wrap {width: calc(100% + 16px);}
    .main .saf-main-section09-slider {margin: 16px 0 50px;}
    .main .saf-main-section09-slider .imgBox {aspect-ratio: 278/160;}
    .main .saf-main-section09-con-textBox,
    .main .saf-main-section09-con-map{width: calc(100%);}
    .main .saf-main-section09-con-map{aspect-ratio: 320/199; margin-top: 16px; min-height: 199px;}
    .main .saf-main-section09-con-textBox dl {padding: 12px 16px;}
    /* .main .saf-main-section09-con-textBox dl.center {align-items: normal;} */
    .main .saf-main-section09-con-textBox dl dt {width: 5.23rem;}
    .main .saf-main-section09-con-textBox dl dd{line-height: 150%; letter-spacing: -0.14px;}
    .main .saf-main-section09-con-textBox dl + dl{margin-top: 8px;}
    .main .saf-main-section09-con-textBox dl dd small{margin-top: 8px;}

}



/*************************************************************
	hover effect
*************************************************************/
@media (hover: hover) and (pointer: fine) {
    .main .btn a:hover{background-color: #18A149;}
}
