@charset "utf-8";


.kyulgoun_btn1 {display:flex; justify-content:center; align-items:center; width:180px; height:61px; background:#fff; border:1px solid #191919; border-radius:5px; font-size:1.125em; font-weight:600; text-align:center; position:relative; transition:color 0.3s;}
.kyulgoun_btn1:before {content:''; display:block; width:20%; height:100%; background:#191919; border-radius:50%; visibility:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:0s;}
.kyulgoun_btn1 span {position:relative; z-index:5;}
.kyulgoun_btn1:hover {color:#fff;}
.kyulgoun_btn1:hover:before {width:100%; border-radius:0; visibility:visible; transition:all 0.3s ease-out;}

@media screen and (max-width:1024px){
    .kyulgoun_btn1 {width:140px; height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .kyulgoun_btn1 {width:120px; height:40px; border-radius:3px;}
}



.point_cursor {width:15px; height:15px; background:rgba(25,25,25,0.5); border-radius:50%; position:fixed; left:-15px; top:-15px; z-index:500; transform:translate(-50%, -50%); pointer-events:none;}

@media screen and (max-width:1024px){
    .point_cursor {display:none;}
}

/* header */
#kyulgoun_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:108px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; transition:background 0.4s;}
#kyulgoun_header:before {content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:0; opacity:0; transition:all 0.3s ease-in-out}
#kyulgoun_header > div:first-child {display:flex; align-items:center; position:relative; z-index:5;}

#kyulgoun_header .h_lang {display:flex; margin-left:50px;}
#kyulgoun_header .h_lang li {margin-right:20px;}
#kyulgoun_header .h_lang li:last-child {margin-right:0;}
#kyulgoun_header .h_lang li a {display:block; font-size:0.875em; color:rgba(255,255,255,0.5); position:relative; padding:5px 0; transition:color 0.4s ease-in-out}
#kyulgoun_header .h_lang li a:before {content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform:scaleX(0); transition:transform 0.4s ease-in-out; transform-origin:100% 0;}
#kyulgoun_header .h_lang li:hover a {color:#fff;}
#kyulgoun_header .h_lang li:hover a:before {transform:scaleX(1); transform-origin:0 0;}
#kyulgoun_header .h_lang li.on a {color:#fff; font-weight:600;}
#kyulgoun_header .h_lang li.on a:before {transform:scaleX(1);}

#kyulgoun_header .h_member {display:flex; margin-right:20px;}
#kyulgoun_header .h_member li a {display:block; font-size:0.9375em; color:#fff; position:relative; padding:0 10px; text-transform:uppercase;}
#kyulgoun_header .h_member li a:before {content:''; display:block; width:1px; height:13px; background:#fff; opacity:0.7; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#kyulgoun_header .h_member li:first-child a:before {display:none;}

#kyulgoun_logo {width:171px; height:28px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain;}
#kyulgoun_logo a {display:block; width:100%; height:100%;}

#kyulgoun_gnb {width:100%; position:absolute; left:0; top:0;}
#kyulgoun_gnb > ul {width:100%; display:flex; justify-content:center; position:relative}
#kyulgoun_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:108px; font-weight:600; padding:0 30px; transition:color 0.4s; text-transform:uppercase;}
#kyulgoun_gnb > ul > li > ul {display:flex; justify-content:center; align-items:center; width:100%; position:fixed; left:0; top:108px;  opacity:0; visibility:hidden; padding:0 170px;}
#kyulgoun_gnb > ul > li > ul > li {position:relative; opacity:0; transform:translateX(30px)}
#kyulgoun_gnb > ul > li > ul > li:before {content:''; display:block; width:1px; height:12px; background:rgba(25,25,25,0.3); position:absolute; left:0; top:50%; transform:translateY(-50%)}
#kyulgoun_gnb > ul > li > ul > li:first-child:before {display:none;}
#kyulgoun_gnb > ul > li > ul > li > a {display:block; font-size:1.0625em; color:#666; font-weight:300; line-height:100px; padding:0 30px; white-space:nowrap; transition:color 0.4s; text-transform:uppercase;}
#kyulgoun_gnb > ul > li > ul > li > a:hover {color:#191919; font-weight:700;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:20; opacity:0; visibility:hidden; transition:all 0.2s;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0.2s;}
#all_gnb > ul {display:flex; width:1200px;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative; opacity:0; transform:translateY(30px); transition:all 0.5s; transition-property:opacity, transform; transition-delay:0.2s;}
#all_gnb > ul > li:before {content:''; display:block; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:20px; bottom:102%; opacity:0; transform:translateY(-30px); transition:all 0.8s ease-in-out;}
#all_gnb > ul > li:hover:before {opacity:1; transform:translateY(0)}
#all_gnb > ul > li > a {font-size:1.875em; color:#fff; font-weight:600; font-family:'freight-neo-pro', 'Pretendard'}
#all_gnb > ul > li > ul {margin-top:50px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; padding:8px 0; transition:opacity 0.3s;}

#menuToggle {display:block; width:50px; height:14px; position:relative; margin-left:40px; z-index:25;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.4s;}
#menuToggle:before {top:0;}
#menuToggle:after {bottom:0;}


#kyulgoun_header.sub_header {background:#fff;}

#kyulgoun_header.sub_header .h_lang li a {color:rgba(25,25,25,0.5)}
#kyulgoun_header.sub_header .h_lang li a:before {background:#191919;}
#kyulgoun_header.sub_header .h_lang li.on a {color:#191919;}

#kyulgoun_header.sub_header .h_member li a {color:#191919;}
#kyulgoun_header.sub_header .h_member li a:before {background:#191919;}

#kyulgoun_header.sub_header #kyulgoun_logo {background-image:url(../images/logo.svg)}

#kyulgoun_header.sub_header #kyulgoun_gnb > ul > li > a {color:#191919;}

#kyulgoun_header.sub_header #menuToggle:before, #kyulgoun_header.sub_header #menuToggle:after {background:#191919;}


#kyulgoun_header.menu_on:before {height:208px; opacity:1;}

#kyulgoun_header.menu_on .h_lang li a {color:rgba(25,25,25,0.5)}
#kyulgoun_header.menu_on .h_lang li a:before {background:#191919;}

#kyulgoun_header.menu_on .h_member li a {color:#191919;}
#kyulgoun_header.menu_on .h_member li a:before {background:#191919;}

#kyulgoun_header.menu_on #kyulgoun_logo {background-image:url(../images/logo.svg)}

#kyulgoun_header.menu_on #kyulgoun_gnb > ul > li > a {color:#191919;}
#kyulgoun_header.menu_on #kyulgoun_gnb > ul > li:hover > a {color:#191919 !important; font-weight:700;}
#kyulgoun_header.menu_on #kyulgoun_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#kyulgoun_header.menu_on #kyulgoun_gnb > ul > li:hover > ul > li {opacity:1; transform:translateX(0); transition:all 0.7s ease-in-out; transition-property:opacity, transform;}

#kyulgoun_header.menu_on #menuToggle:before, #kyulgoun_header.menu_on #menuToggle:after {background:#191919;}


#kyulgoun_header.scroll_on {background:#fff;}

#kyulgoun_header.scroll_on .h_lang li a {color:rgba(25,25,25,0.5)}
#kyulgoun_header.scroll_on .h_lang li a:before {background:#191919;}
#kyulgoun_header.scroll_on .h_lang li.on a {color:#191919;}

#kyulgoun_header.scroll_on .h_member li a {color:#191919;}
#kyulgoun_header.scroll_on .h_member li a:before {background:#191919;}

#kyulgoun_header.scroll_on #kyulgoun_logo {background-image:url(../images/logo.svg)}

#kyulgoun_header.scroll_on #kyulgoun_gnb > ul > li > a {color:#191919;}

#kyulgoun_header.scroll_on #menuToggle:before, #kyulgoun_header.scroll_on #menuToggle:after {background:#191919;}


#kyulgoun_header.on #all_gnb {opacity:1; visibility:visible;}
#kyulgoun_header.on #all_gnb:before {height:100%; transition-delay:0s;}
#kyulgoun_header.on #all_gnb > ul > li {opacity:1; transform:translateY(0)}
#kyulgoun_header.on #all_gnb > ul > li:nth-child(1) {transition-delay:0.3s;}
#kyulgoun_header.on #all_gnb > ul > li:nth-child(2) {transition-delay:0.4s;}
#kyulgoun_header.on #all_gnb > ul > li:nth-child(3) {transition-delay:0.5s;}
#kyulgoun_header.on #all_gnb > ul > li:nth-child(4) {transition-delay:0.6s;}
#kyulgoun_header.on #all_gnb > ul > li:nth-child(5) {transition-delay:0.7s;}

#kyulgoun_header.on #menuToggle:before, #kyulgoun_header.on #menuToggle:after {background:#fff;}
#kyulgoun_header.on #menuToggle:before {transform:translateY(6px) rotate(45deg)}
#kyulgoun_header.on #menuToggle:after {transform:translateY(-6px) rotate(-45deg)}

@media screen and (min-width:1025px){
    #all_gnb > ul > li > ul {display:block !important;}
    #all_gnb > ul > li:hover > ul > li > a {opacity:0.4;}
    #all_gnb > ul > li > ul > li > a:hover {opacity:1;}
}

@media screen and (max-width:1320px){
	#kyulgoun_gnb {padding:0 270px 0 270px;}
	#kyulgoun_gnb > ul > li > a {padding:0 15px;}

	#kyulgoun_header .h_member {margin-right:10px;}
}

@media screen and (max-width:1220px){
    #kyulgoun_header {padding:0 6%;}

    #kyulgoun_gnb > ul > li > a {font-size:1em; padding:0 10px;}

    #all_gnb > ul {width:88%;}

    #menuToggle {margin-left:20px;}
}

@media screen and (max-width:1024px){
    #kyulgoun_header {height:50px;}
    #kyulgoun_header > div:first-child {position:relative; z-index:30;}

    #kyulgoun_header .h_lang {margin-left:20px;}
    #kyulgoun_header .h_lang li {margin-right:10px;}

	#kyulgoun_header .h_member {margin-right:0;}
	#kyulgoun_header .h_member li a {padding:0 8px;}
	#kyulgoun_header .h_member li a:before {height:10px}

    #kyulgoun_logo {width:130px; height:21px;}

    #kyulgoun_gnb {display:none;}

    #all_gnb {display:block;}
    #all_gnb > ul {display:block; padding:80px 0; margin:0 auto;}
    #all_gnb > ul > li {width:100%; transform:translateY(0); padding:0;}
    #all_gnb > ul > li:before {display:none;}
    #all_gnb > ul > li > a {display:block; font-size:1.125em; font-weight:500; padding:13px 10px; position:relative}
    #all_gnb > ul > li > a:after {content:'\f107'; font-size:0.75em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:13px; top:50%; transform:translateY(-50%);}
    #all_gnb > ul > li > a.on:after {content:'\f106'}
    #all_gnb > ul > li > ul {display:none; margin-top:0; padding:8px;}
    #all_gnb > ul > li > ul > li > a {padding:7px 10px;}

    #menuToggle {width:28px; height:10px;}

    
    #kyulgoun_header.on .h_lang li a {color:rgba(255,255,255,0.5)}
    #kyulgoun_header.on .h_lang li a:before {background:#fff;}

    #kyulgoun_header.on #kyulgoun_logo {background-image:url(../images/logo_w.svg)}
    
    #kyulgoun_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
    #kyulgoun_header.on #menuToggle:after {transform:translateY(-4px) rotate(-45deg)}
}


#kyulgoun_footer {width:100%; background:#191919; padding:60px 0;}
#kyulgoun_footer .f_logo img {height:22px;}
#kyulgoun_footer .f_info {border-bottom:1px solid #666; margin:20px 0 30px; padding-bottom:30px;}
#kyulgoun_footer .f_info li {display:inline-block; font-size:0.875em; color:#ccc; margin:10px 15px 0 0;}
#kyulgoun_footer .f_info li strong {color:#fff; font-weight:600; margin-right:5px;}
#kyulgoun_footer .f_info li a {color:#ccc;}
#kyulgoun_footer .copy {display:inline-block; font-size:0.875em; color:#fff; font-weight:600; margin-right:14px;}
#kyulgoun_footer .f_member {display:inline-block;}
#kyulgoun_footer .f_member a {display:inline-block; font-size:0.75em; color:#fff; line-height:24px; border:1px solid #fff; padding:0 12px; margin-right:3px; text-transform:uppercase;}
#kyulgoun_footer .go_top {display:block; width:50px; height:50px; background:#fff; border:1px solid #191919; border-radius:5px; font-size:1em;}
#kyulgoun_footer .go_top i {transition:transform 0.4s;}
#kyulgoun_footer .go_top:hover i {transform:translateY(-5px)}

#Quick {display:flex; align-items:end; flex-direction:column; position:fixed; right:30px; bottom:30px; z-index:100; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#Quick a {display:flex; justify-content:center; align-items:center; width:50px; height:50px; background:#191919; border:1px solid #666; border-radius:5px; font-size:1em; color:#fff; margin-bottom:5px; position:relative; transition:width 0.5s}
#Quick a span {display:block; width:0; font-weight:600; overflow:hidden; transition:width 0.5s, margin 0.5s}
#Quick a:hover {width:115px;}
#Quick a:hover span {width:55px; margin-left:10px;}
#Quick.on {opacity:1; visibility:visible;}

@media screen and (max-width:1024px){
    #kyulgoun_footer {padding:6% 0;}
    #kyulgoun_footer .f_logo img {height:18px;}
    #kyulgoun_footer .f_info {margin:10px 0 15px; padding-bottom:15px;}
    #kyulgoun_footer .f_info li {margin:7px 10px 0 0;}
    #kyulgoun_footer .go_top {width:42px; height:42px;}

	#Quick {right:6%; bottom:20px;}
	#Quick a {width:42px; height:42px;}
}

@media screen and (max-width:767px){
    #kyulgoun_footer .f_info br {display:none;}
    #kyulgoun_footer .f_member {display:block; margin-top:10px;}
    #kyulgoun_footer .f_member a {line-height:22px; padding:0 8px;}
    #kyulgoun_footer .go_top {width:34px; height:34px;}

	#Quick a {width:34px; height:34px;}
	#Quick a:hover {width:90px;}
	#Quick a:hover span {width:45px; margin-left:5px;}
}



/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; overflow:hidden; position:relative;}
#mVisu .txt_box {position:relative; z-index:10; text-align:center; margin-top:-40px;}
#mVisu .txt_box .tit {font-size:6.875em; color:#fff; line-height:1em; font-weight:500; font-family:'freight-neo-pro'}
#mVisu .txt_box .txt {font-size:1.5em; color:#fff; font-weight:600; margin-top:40px;}
#mVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:3;}
#mVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .scroll_box {position:absolute; left:50%; bottom:0; z-index:30; transform:translateX(-50%)}
#mVisu .scroll_box p {font-size:0.875em; color:#fff; transform:rotate(90deg)}
#mVisu .scroll_box i {display:block; width:2px; height:120px; background:rgba(255,255,255,0.5); margin:25px auto 0; position:relative;}
#mVisu .scroll_box i:before {content:''; display:block; width:100%; height:0; background:#fff; position:absolute; left:0; top:0; animation:mVisuScroll 3s infinite ease-in-out}

@keyframes mVisuScroll {
    0% {height:0;}
    70% {height:100%}
    100% {height:100%}
}

@media screen and (min-height:1080px){
    #mVisu .video_box iframe {min-width:3000px;}
}

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

@media screen and (max-width:1024px){
    #mVisu .txt_box .tit {font-size:5em;}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:30px;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
    #mVisu .scroll_box i {height:80px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:3em;}
    #mVisu .txt_box .txt {font-size:1.125em; margin-top:20px;}
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
    #mVisu .scroll_box {display:none;}
}


.main_title h2 {font-size:4.375em; line-height:1.14em; font-weight:500; font-family:'freight-neo-pro';}
.main_title p {font-size:1.25em; color:#666; line-height:1.5em; margin-top:20px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:3.4em;}
    .main_title p {font-size:1.125em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .main_title h2 {font-size:2.6em;}
    .main_title p {font-size:1em; margin-top:10px;}
}


#mCompany {width:100%; position:relative;}
#mCompany .txt_box {width:100%; height:100vh; position:sticky; left:0; top:0; z-index:15;}
#mCompany .txt_box > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
#mCompany .txt_box > div:not(:first-child) {opacity:0;}
#mCompany .img_box {margin-top:-100vh;}
#mCompany .img_box > div {display:flex; justify-content:space-between; align-items:center; width:100%; min-height:150vh; padding:8.5vw 0;}
#mCompany .img_box > div > div {display:flex;}
#mCompany .img_box > div > div .img {width:14vw; height:36vw; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:7vw; opacity:0; transition:transform 0.1s ease-in-out;}
#mCompany .img_box > div > div .img:first-child {margin-right:1.56vw;}

#mCompany .img_box > div:first-child > div .img:nth-child(odd), #mCompany .img_box > div:last-child > div .img:nth-child(even) {margin-top:3.64vw;}

#mCompany .img_box > div > div:nth-child(1) .img:nth-child(1), #mCompany .img_box > div > div:nth-child(2) .img:nth-child(2) {transform:translateY(8vw);}
#mCompany .img_box > div > div:nth-child(1) .img:nth-child(2), #mCompany .img_box > div > div:nth-child(2) .img:nth-child(1) {transform:translateY(11vw);}

@media screen and (max-width:1024px){
    #mCompany .img_box > div:first-child > div .img:nth-child(odd), #mCompany .img_box > div:last-child > div .img:nth-child(even) {margin-top:8vw;}
}

@media screen and (max-width:767px){
    #mCompany .txt_box {height:200px; top:50px;}
    #mCompany .txt_box:before {content:''; display:block; width:100%; height:100%; background:linear-gradient(180deg, rgba(255,255,255,1) 35%,rgba(255,255,255,0.8) 80%, rgba(255, 255, 255, 0) 100%); position:absolute; left:0; top:0;}
    #mCompany .img_box {width:100%; margin-top:0; overflow:hidden;}
    #mCompany .img_box > div {margin-left:-8vw; padding:15vw 0;}
    #mCompany .img_box > div > div .img {width:28vw; height:70vw; border-radius:14vw; margin-right:1.56vw;}

    #mCompany .img_box > div:first-child > div:nth-child(1) .img:nth-child(1) {margin-top:50vw;}
    #mCompany .img_box > div:first-child > div:nth-child(2) .img:nth-child(1) {margin-top:25vw;}
    #mCompany .img_box > div:last-child > div:nth-child(1) .img:nth-child(2) {margin-top:50vw;}
    #mCompany .img_box > div:last-child > div:nth-child(2) .img:nth-child(2) {margin-top:25vw;}
    
}


#mBusiness .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:70px;}
#mBusiness .box > div {width:calc(33.33% - 14px);}
#mBusiness .box > div a {display:block; width:100%; position:relative;}
#mBusiness .box > div .img {width:100%; height:500px; border-radius:10px; overflow:hidden; position:relative;}
#mBusiness .box > div .img div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mBusiness .box > div .img:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 43%, #000); opacity:0.5; position:absolute; left:0; top:0; z-index:2;}
#mBusiness .box > div dl {width:100%; position:absolute; left:0; bottom:0; padding:0 50px 70px; text-align:center; z-index:5;}
#mBusiness .box > div dl dt {font-size:2.5em; color:#fff; font-weight:500; line-height:1.2em; font-family:'freight-neo-pro'}
#mBusiness .box > div dl dd {display:none; font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; padding-top:10px; word-break:break-all;}

#mBusiness .box > div:hover .img div {transform:scale(1.1);}

@media screen and (max-width:1220px){
    #mBusiness .box > div .img {height:35vw;}
    #mBusiness .box > div dl {padding:0 30px 40px;}
}

@media screen and (max-width:1024px){
    #mBusiness .box {margin-top:7%;}
    #mBusiness .box > div {width:calc(33.33% - 6.66px)}
    #mBusiness .box > div dl {padding:0 15px 20px;}
    #mBusiness .box > div dl dt {font-size:2em;}
    #mBusiness .box > div dl dd {font-size:1em; padding-top:5px;}
}

@media screen and (max-width:767px){
    #mBusiness .box > div {width:100%; margin-bottom:10px;}
    #mBusiness .box > div:last-child {margin-bottom:0;}
    #mBusiness .box > div .img {height:47vw; border-radius:5px;}
    #mBusiness .box > div dl {display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%; padding:0 10px;}
    #mBusiness .box > div dl dd {display:block !important;}
}


#mGlobal {width:100%; position:relative; overflow:hidden; padding-top:150px;}
#mGlobal:before {content:''; display:block; width:100%; height:468px; background-image:linear-gradient(to bottom, #fff, #efefef); position:absolute; left:0; top:0;}
#mGlobal:after {content:''; display:block; width:100%; height:100%; background:#efefef; position:absolute; left:0; top:468px;}
#mGlobal > div {position:relative; z-index:10;}
#mGlobal .box {width:100%; position:relative;}
#mGlobal .box .img img {width:100%;}
#mGlobal .box ul li {display:block; width:10px; height:10px; background:#191919; border-radius:50%; position:absolute;}
#mGlobal .box ul li span {font-size:1.125em; font-weight:600; position:absolute; left:50%; bottom:15px; transform:translateX(-50%); white-space:nowrap;}
#mGlobal .area > img {width:80vw; position:absolute; left:4.7vw; top:10.75vw;}
#mGlobal .point {width:1.05vw; height:1.05vw; background:rgba(255,255,255,0.4); border-radius:50%; position:absolute; left:42.87vw; top:22.4vw; padding:0.21vw;}
#mGlobal .point:before {content:''; display:block; width:100%; height:100%; background:#fff; border:0.15vw solid #191919; border-radius:50%; position:relative; z-index:3;}
#mGlobal .point p {display:flex; align-items:center; height:50px; padding:0 30px; background:#fff; border-radius:25px; box-shadow:0 0 15px rgba(25,25,25,0.15); position:absolute; left:50%; bottom:100%; margin-bottom:17px; transform:translateX(-50%); z-index:3;}
#mGlobal .point p img {height:20px;}
#mGlobal .point .dot span {display:block; width:100%; height:100%; background:rgba(25,25,25,0.1); border-radius:50%; position:absolute; left:0; top:0; animation:mGlobalDot 3s cubic-bezier(1,2,0.66,3) infinite}
#mGlobal .point .dot span:nth-child(2) {animation-delay:0.7s;}
#mGlobal .point .dot span:nth-child(3) {animation-delay:1.4s;}

#mGlobal .box ul li:nth-child(1) {left:9.73vw; top:17.7vw}
#mGlobal .box ul li:nth-child(2) {left:13.38vw; top:37vw}
#mGlobal .box ul li:nth-child(3) {left:14.2vw; top:40vw}
#mGlobal .box ul li:nth-child(4) {left:40.31vw; top:12.44vw}
#mGlobal .box ul li:nth-child(5) {left:36.2vw; top:25.3vw}
#mGlobal .box ul li:nth-child(6) {left:33vw; top:29.3vw}
#mGlobal .box ul li:nth-child(7) {left:34vw; top:32.1vw}
#mGlobal .box ul li:nth-child(8) {left:43.5vw; top:41.3vw}
#mGlobal .box ul li:nth-child(9) {left:71.3vw; top:10.3vw}
#mGlobal .box ul li:nth-child(10) {left:78.2vw; top:18vw}
#mGlobal .box ul li:nth-child(11) {left:80.5vw; top:25vw}

@keyframes mGlobalDot {
    0% {transform:scale(5); opacity:0}
    50% {opacity:1}
    100% {transform:scale(13); opacity:0}
}

@media screen and (max-width:1024px){
    #mGlobal {padding-top:15%;}
    #mGlobal:before {height:40%;}
    #mGlobal:after {top:40%;}
    #mGlobal .box {transform:scale(1.2)}
    #mGlobal .point {left:42.2vw;}
    #mGlobal .point p {height:30px; padding:0 15px; margin-bottom:13px;}
    #mGlobal .point p img {height:10px;}
}

@media screen and (max-width:767px){
    #mGlobal .box {transform:scale(1); margin-top:-5%;}
    #mGlobal .box .img img {width:180%; margin-left:-40%;}
    #mGlobal .box ul {display:none;}
    #mGlobal .area > img {display:none;}
    #mGlobal .point {width:12px; height:12px; padding:2px; left:38vw; top:41vw; transform:translate(-50%, -50%)}
    #mGlobal .point:before {border-width:2px;}
    #mGlobal .point p {height:26px; padding:0 12px; margin-bottom:10px;}
    
    @keyframes mGlobalDot {
        0% {transform:scale(4); opacity:0}
        50% {opacity:1}
        100% {transform:scale(9); opacity:0}
    }
}


#mProduct {width:100%; background:#efefef; padding:100px 0 150px; overflow:hidden;}
#mProduct .tit_box {display:flex; justify-content:space-between; align-items:center;}
#mProduct .tab_box {display:flex; align-items:center;}
#mProduct .tab_box li {margin-right:30px;}
#mProduct .tab_box li:last-child {margin-right:0;}
#mProduct .tab_box li button {display:block; font-size:1.25em; color:#666; padding:9px 0;}
#mProduct .tab_box li.on button {color:#191919; font-weight:600; border-bottom:1px solid #191919;}
.mProduct_slide {margin-top:50px;}
.mProduct_slide .swiper-slide {height:auto; background:#fff; border-radius:10px; box-shadow:10px 10px 20px rgba(25,25,25,0.05); padding:10px;}
.mProduct_slide .img img {width:100%;}
.mProduct_slide dl {text-align:center; padding:30px 0;}
.mProduct_slide dl dt {font-size:1.25em; color:#666; line-height:1.2em;}
.mProduct_slide dl dd {font-size:1.625em; font-weight:600; line-height:1.3em; margin-top:10px;}

@media screen and (max-width:1024px){
    #mProduct {padding:15% 0;}
    #mProduct .tab_box li {margin-right:15px;}
    #mProduct .tab_box li button {font-size:1.125em; padding:5px 0;}
    .mProduct_slide {margin-top:5%;}
    .mProduct_slide .swiper-slide {padding:8px; border-radius:5px;}
    .mProduct_slide dl {padding:15px 0;}
    .mProduct_slide dl dt {font-size:1.125em;}
    .mProduct_slide dl dd {font-size:1.4em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mProduct .tit_box {display:block; text-align:center;}
    #mProduct .tab_box {justify-content:center; margin-top:3%;}
    #mProduct .tab_box li button {font-size:1em;}
    .mProduct_slide {margin-top:7%;}
    .mProduct_slide .swiper-slide {width:240px !important;}
    .mProduct_slide dl dd {font-size:1.3em;}
}


#mSustainable {width:100%; background:#efefef; position:relative;}
#mSustainable:before {content:''; display:block; width:100%; height:200px; background-image:linear-gradient(to top, #fff, rgba(255,255,255,0) 85%); position:absolute; left:0; bottom:0; z-index:10;}
#mSustainable .box {width:100%; height:500px; background:url(../images/mSustainableBG.png) no-repeat center center; background-size:cover; border-radius:10px 10px 0 0; overflow:hidden; position:relative; margin-top:70px;}
#mSustainable .box:before {content:''; display:block; width:100%; height:100%; background:#002a0b; opacity:0.6; position:absolute; left:0; top:0;}
#mSustainable .box ul {display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; position:relative; z-index:30; padding:0 125px;}
#mSustainable .box ul li {width:250px; text-align:center;}
#mSustainable .box ul li .icon {display:block; width:150px; height:150px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto;}
#mSustainable .box ul li dl dt {font-size:1.875em; color:#fff; font-weight:500; font-family:'freight-neo-pro'; margin-top:20px;}
#mSustainable .box ul li dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:10px;}

#mSustainable .box ul li .icon1 {background-image:url(../images/mSustainable_icon1.png)}
#mSustainable .box ul li .icon2 {background-image:url(../images/mSustainable_icon2.png)}
#mSustainable .box ul li .icon3 {background-image:url(../images/mSustainable_icon3.png)}

@media screen and (max-width:1220px){
    #mSustainable .box ul {padding:0 50px;}
}

@media screen and (max-width:1024px){
    #mSustainable:before {height:140px;}
    #mSustainable .box {height:400px; margin-top:7%;}
    #mSustainable .box ul {padding:0;}
    #mSustainable .box ul li {width:33.33%;}
    #mSustainable .box ul li .icon {width:120px; height:120px;}
    #mSustainable .box ul li dl dt {font-size:1.5em; margin-top:15px;}
    #mSustainable .box ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mSustainable {padding-bottom:15%;}
    #mSustainable:before {height:20%;}
    #mSustainable .box {height:auto; border-radius:8px;}
    #mSustainable .box ul {display:block;}
    #mSustainable .box ul li {display:flex; align-items:center; width:100%; text-align:left; padding:20px; border-bottom:1px solid rgba(255,255,255,0.2)}
    #mSustainable .box ul li .icon {width:60px; height:60px;}
    #mSustainable .box ul li dl {width:calc(100% - 60px); padding-left:15px;}
    #mSustainable .box ul li dl dt {font-size:1.3em; margin-top:0;}
}


#mContact {display:flex; flex-wrap:wrap; align-items:start; padding:200px 0 100px; positioN:relative;}
#mContact .main_title {width:calc(100% - 610px); position:sticky; left:0; top:120px;}
#mContact .form_box {width:610px; overflow:hidden;}
#mContact .form_box ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
#mContact .form_box ul li {width:calc(50% - 15px); margin-bottom:30px;}
#mContact .form_box ul li.w_100 {width:100%;}
#mContact .form_box ul li:last-child {margin-bottom:20px;}
#mContact .form_box ul li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:5px;}
#mContact .form_box ul li > label span {font-size:0.88em; color:#666; font-weight:500; margin-left:10px;}
#mContact .form_box ul li > label i {font-style:normal; color:#666;}
#mContact .form_box ul li .form_txt {display:block; width:100%; height:55px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666;}
#mContact .form_box ul li .form_txt:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
#mContact .form_box ul li .form_textarea {display:block; width:100%; height:205px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666; resize:none; padding-top:5px;}
#mContact .form_box ul li .form_textarea:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
#mContact .form_box ul li .select_box {width:100%; position:relative;}
#mContact .form_box ul li .select_box:after {content:'\f107'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
#mContact .form_box ul li .select_box select {display:block; width:100%; height:55px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#mContact .form_box ul li .select_box select:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
#mContact .form_box .privacy_box {width:100%; height:160px; background:#f8f8f8; border-radius:5px; padding:20px; overflow-y:auto;}
#mContact .form_box .privacy_box p {font-size:1em; color:#666; line-height:1.5em;}
#mContact .form_box .check_box {margin-top:20px; position:relative;}
#mContact .form_box .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
#mContact .form_box .check_box label {display:flex;}
#mContact .form_box .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #191919; border-radius:3px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mContact .form_box .check_box label span {font-size:1.125em; font-weight:500; line-height:24px; padding-left:10px;}
#mContact .form_box .check_box input:checked + label:before {content:'\f00c'; background:#191919;}
#mContact .form_box .kyulgoun_btn1 {float:right; margin-top:20px;}

#mContact .form_box .checkbox_wrap {display:flex; flex-wrap:wrap;}
#mContact .form_box .checkbox_wrap .check_box {margin-right:20px; margin-top:15px;}
#mContact .form_box .checkbox_wrap .check_box label:before {border-color:#666;}
#mContact .form_box .checkbox_wrap .check_box label span {color:#666; font-weight:400;}
#mContact .form_box .checkbox_wrap .check_box input:check + label:before {border-color:#191919;}

@media screen and (max-width:1220px){
    #mContact .main_title {width:540px;}
    #mContact .form_box {width:calc(100% - 540px)}
    #mContact .form_box ul li {width:calc(50% - 10px)}
}

@media screen and (max-width:1024px){
    #mContact {padding:15% 0;}
    #mContact .main_title {width:400px;}
    #mContact .form_box {width:calc(100% - 400px)}
    #mContact .form_box ul li {width:100%}
    #mContact .form_box ul li > label {font-size:1em;}
	#mContact .form_box ul li > label span {margin-left:5px;}
    #mContact .form_box ul li .form_txt {height:40px; font-size:1.125em;}
    #mContact .form_box ul li .form_textarea {height:170px; font-size:1.125em;}
	#mContact .form_box ul li .select_box:after {font-size:1em; right:10px;}
	#mContact .form_box ul li .select_box select {height:40px; font-size:1.125em;}
    #mContact .form_box .privacy_box {height:120px; padding:15px;}
    #mContact .form_box .check_box label:before {width:20px; height:20px;}
    #mContact .form_box .check_box label span {font-size:1em; line-height:20px;}

	#mContact .form_box .checkbox_wrap .check_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mContact {display:block; padding-top:0;}
    #mContact .main_title {width:100%; position:relative; top:0;}
    #mContact .form_box {width:100%; margin-top:7%;}
    #mContact .form_box ul li {width:100%; margin-bottom:15px;}
    #mContact .form_box ul li:last-child {margin-bottom:10px;}
    #mContact .form_box ul li .form_txt {height:32px; font-size:1em;}
    #mContact .form_box ul li .form_textarea {height:120px; font-size:1em;}
	#mContact .form_box ul li .select_box:after {right:5px;}
	#mContact .form_box ul li .select_box select {height:32px; font-size:1em;}
    #mContact .form_box .privacy_box {height:100px; padding:10px;}
    #mContact .form_box .check_box {margin-top:10px;}
    #mContact .form_box .check_box label:before {width:18px; height:18px;}
    #mContact .form_box .check_box label span {line-height:18px;}

	#mContact .form_box .checkbox_wrap .check_box {margin-right:10px; margin-top:5px;}
}


/* sub */
#sVisu {width:100%; margin-top:108px;}
#sVisu .img_box {width:100%; height:400px; position:relative; clip-path:inset(0% 0px 100% 0px); animation:sVisu1 2s cubic-bezier(0.42,0,0.14,1.01) forwards; overflow:hidden;}
#sVisu .img_box:before {content:''; display:block; width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.2); animation:sVisu2 2s ease-in-out forwards}

#sVisu .txt_box {display:flex; justify-content:space-between; align-items:end; position:relative; z-index:10; margin-top:-60px;}
#sVisu .txt_box h2 {font-size:6.875em; color:#000; line-height:1.1em; font-weight:500; font-family:'freight-neo-pro';}

.sVisu1 .img_box:before {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2 .img_box:before {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3 .img_box:before {background-image:url(../images/sVisu_img3.jpg)}
.sVisu4 .img_box:before {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5 .img_box:before {background-image:url(../images/sVisu_img5.jpg)}

@keyframes sVisu1 {
    0% {clip-path:inset(0% 0px 100% 0px);}
    100% {clip-path:inset(0% 0px 0 0px);}
}

@keyframes sVisu2 {
    0% {transform:scale(1.2)}
    100% {transform:scale(1)}
}

@media screen and (max-width:1024px){
    #sVisu {margin-top:50px;}
    #sVisu .img_box {height:300px;}

    #sVisu .txt_box {margin-top:-50px;}
    #sVisu .txt_box h2 {font-size:5.5em;}
}

@media screen and (max-width:767px){
    #sVisu .img_box {height:200px;}

    #sVisu .txt_box {display:block; margin-top:-35px;}
    #sVisu .txt_box h2 {font-size:4.2em;}
}



.sub_menu_wrap {position:relative;}
.sub_menu_wrap button {display:flex; align-items:center; font-size:1.25em; font-weight:600;}
.sub_menu_wrap button:after {content:'\f107'; display:block; width:24px; line-height:24px; background:#191919; border-radius:50%; font-size:0.6em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:14px;}
.sub_menu_wrap button.on:after {content:'\f106'}
.sub_menu_wrap ul {display:none; width:160px; background:#f6f6f6; border-radius:10px; text-align:center; position:absolute; right:0; top:100%; margin-top:20px; padding:10px 0;}
.sub_menu_wrap ul li a {display:block; font-size:1em; padding:10px 0;}
.sub_menu_wrap ul li a:hover {font-weight:600;}

@media screen and (max-width:1024px){
    .sub_menu_wrap button {font-size:1.125em;}
    .sub_menu_wrap button:after {width:22px; line-height:22px; margin-left:10px;}
    .sub_menu_wrap ul {width:140px; margin-top:10px; padding:7px 0;}
    .sub_menu_wrap ul li a {padding:6px 0;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {display:flex; justify-content:end; margin-top:3%;}
    .sub_menu_wrap button {font-size:1em;}
    .sub_menu_wrap button:after {width:20px; line-height:20px;}
    .sub_menu_wrap ul {width:120px; border-radius:5px;}
}


#sub_content {margin:150px 0;}

.sub_title1 {font-size:3.75em; line-height:1.25em; font-weight:600;}
.sub_title2 {font-size:4.375em; line-height:1.14em; font-weight:500; font-family:'freight-neo-pro', 'Pretendard';}

.s_tit1 {font-size:1.875em; line-height:1.33em; font-weight:600;}

.s_txt1 {font-size:1.25em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    #sub_content {margin:15% 0;}

    .sub_title1 {font-size:2.8em;}
    .sub_title2 {font-size:3.2em;}

    .s_tit1 {font-size:1.5em;}

    .s_txt1 {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sub_title1 {font-size:2em;}
    .sub_title2 {font-size:2.4em;}

    .s_tit1 {font-size:1.4em;}

    .s_txt1 {font-size:1em;}
}


.sub_list_box1 > li {font-size:1.25em; color:#666; line-height:1.5em; padding-left:21px; position:relative; margin-bottom:15px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:6px; height:6px; background:#191919; border-radius:50%; position:absolute; left:0; top:13px;}

.sub_list_box2 {width:100%; border-top:2px solid #191919;}
.sub_list_box2 > li {border-bottom:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; padding:20px 30px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em; margin-bottom:10px; padding-left:15px;}
    .sub_list_box1 > li:before {width:5px; height:5px; top:9px;}

    .sub_list_box2 > li {font-size:1.125em; padding:15px;}
}

@media screen and (max-width:767px){
    .sub_list_box1 > li {font-size:1em; margin-bottom:5px; padding-left:10px;}
    .sub_list_box1 > li:before {width:3px; height:3px; top:8px;}

    .sub_list_box2 > li {font-size:1em; padding:10px;}
}


.sub_img_box1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub_img_box1 > div {width:calc(50% - 10px); height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px; position:relative; overflow:hidden;}
.sub_img_box1 > div:nth-child(2) ~ div {margin-top:20px;}
.sub_img_box1 > div:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0), #191919); opacity:0.5;}
.sub_img_box1 > div p {width:100%; font-size:1.5em; color:#fff; font-weight:600; padding:0 40px 40px; position:absolute; left:0; bottom:0; z-index:5;}

.sub_img_box2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:100px;}
.sub_img_box2 > div:last-child {margin-bottom:0;}
.sub_img_box2 > div .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_box2 > div .txt_box {width:calc(50% - 100px);}
.sub_img_box2 > div .txt_box .s_txt1 {margin-top:15px; word-break:break-all;}
.sub_img_box2 > div .txt_box .sub_list_box1 {margin-top:20px;}
.sub_img_box2 > div .txt_box .sub_list_box1 > li {margin-bottom:5px;}
.sub_img_box2 > div .txt_box .sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_img_box2 > div:nth-child(even) {flex-direction:row-reverse;}

@media screen and (max-width:1220px){
    .sub_img_box1 > div {height:27vw;}

    .sub_img_box2 > div .img_box {height:30vw}
    .sub_img_box2 > div .txt_box {width:calc(50% - 50px)}
}

@media screen and (max-width:1024px){
    .sub_img_box1 > div {width:calc(50% - 5px);}
    .sub_img_box1 > div:nth-child(2) ~ div {margin-top:10px;}
    .sub_img_box1 > div p {font-size:1.3em; padding:0 25px 25px;}

    .sub_img_box2 > div {margin-bottom:7%;}
    .sub_img_box2 > div .txt_box {width:calc(50% - 25px)}
    .sub_img_box2 > div .txt_box .s_txt1 {margin-top:5px;}
    .sub_img_box2 > div .txt_box .sub_list_box1 {margin-top:15px;}
    .sub_img_box2 > div .txt_box .sub_list_box1 > li {margin-bottom:3px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {width:100%; height:47vw; border-radius:5px;}
    .sub_img_box1 > div:nth-child(1) ~ div {margin-top:10px;}
    .sub_img_box1 > div p {font-size:1.2em; padding:0 15px 15px;}

    .sub_img_box2 > div {margin-bottom:10%;}
    .sub_img_box2 > div .img_box {width:100%; height:52vw; border-radius:5px;}
    .sub_img_box2 > div .txt_box {width:100%; margin-top:3%;}
    .sub_img_box2 > div .txt_box .sub_list_box1 {margin-top:10px;}
}


.sub_img_slide1 .img_box {width:100%; height:614px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_slide1 dl {text-align:center; margin-top:40px;}
.sub_img_slide1 dl dt {font-size:1.5em; font-weight:600;}
.sub_img_slide1 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:15px;}

.sub_img_slide2 {position:relative; padding-bottom:56px}
.sub_img_slide2 .swiper-slide {border-radius:10px; overflow:hidden;}
.sub_img_slide2 img {width:100%;}
.sub_img_slide2.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sub_img_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:50%; opacity:1; margin:0 5px;}
.sub_img_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#191919;}

@media screen and (max-width:1640px){
    .sub_img_slide1 .img_box {height:500px;}
}

@media screen and (max-width:1220px){
    .sub_img_slide1 .img_box {height:38vw;}
}

@media screen and (max-width:1024px){
    .sub_img_slide1 dl {margin-top:20px;}
    .sub_img_slide1 dl dt {font-size:1.3em;}
    .sub_img_slide1 dl dd {font-size:1.125em; margin-top:10px;}
    .sub_img_slide1 dl dd br {display:none;}

    .sub_img_slide2 {padding-bottom:40px;}
}

@media screen and (max-width:767px){
    .sub_img_slide1 .swiper-slide {width:250px !important;}
    .sub_img_slide1 .img_box {height:300px; border-radius:5px;}
    .sub_img_slide1 dl {margin-top:15px;}
    .sub_img_slide1 dl dt {font-size:1.2em;}
    .sub_img_slide1 dl dd {font-size:1em; margin-top:5px;}
    .sub_img_slide1 dl dd br {display:block;}

    .sub_img_slide2 {padding-bottom:25px;}
    .sub_img_slide2 .swiper-slide {width:5px;}
    .sub_img_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:5px; height:5px; margin:0 4px;}
}


.sAbout_case1 {width:100%; padding-top:50px; position:relative;}
.sAbout_case1 .txt_box {position:sticky; left:0; top:200px; padding-bottom:100px;}
.sAbout_case1 .img_box {width:1620px; max-width:100%; height:450px; background:url(../images/sAbout_img1.jpg) no-repeat center center; background-size:cover; margin:100px auto 0;}

.sAbout_case2 {padding-left:600px; margin-top:150px;}
.sAbout_case2 p {margin-bottom:15px;}
.sAbout_case2 p.s_tit1 {margin-bottom:30px;}
.sAbout_case2 p:last-child {margin-bottom:0;}

.sAbout_case3 .img_box {width:100%; height:600px; background:url(../images/sAbout_img2.jpg) no-repeat center center; background-size:cover; border-radius:10px;}
.sAbout_case3 .txt_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; overflow:hidden;}
.sAbout_case3 .txt_box > div {width:600px;}
.sAbout_case3 .txt_box > div table {width:100%; border-top:2px solid #191919;}
.sAbout_case3 .txt_box > div table tbody th {width:180px; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600; padding:30px 25px; text-align:left;}
.sAbout_case3 .txt_box > div table tbody td {border-bottom:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; padding:30px 25px;}
.sAbout_case3 .txt_box > div .kyulgoun_btn1 {width:222px; float:right; margin-top:50px;}

.sAbout_case4 {width:100%; overflow:hidden;}
.sAbout_case4 .box1 .img_box {width:400px; height:460px; background:url(../images/sAbout_img3_1.png) no-repeat center center; background-size:cover; border-radius:10px;}
.sAbout_case4 .box2 {display:flex; align-items:center; margin-top:-230px;}
.sAbout_case4 .box2 .txt_box {width:50%; padding-right:15px;}
.sAbout_case4 .box2 .txt_box p {margin-bottom:15px;}
.sAbout_case4 .box2 .txt_box p:first-child {margin-bottom:30px;}
.sAbout_case4 .box2 .txt_box p:last-child {margin-bottom:0;}
.sAbout_case4 .box2 .img_box {width:50%; height:1000px; position:relative;}
.sAbout_case4 .box2 .img_box:before {content:''; display:block; width:800px; height:100%; background:url(../images/sAbout_img3_2.png) no-repeat center center; background-size:cover; border-radius:10px;}
.sAbout_case4 .box2 .img_box p {position:absolute; left:-100px; top:-85px; opacity:0.05;}
.sAbout_case4 .box2 .img_box p img {height:130px;}

.sAbout_case5 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sAbout_case5 > div {width:calc(50% - 10px)}
.sAbout_case5 > div:nth-child(2) ~ div {margin-top:100px;}
.sAbout_case5 > div .img_box {width:100%; height:650px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px; position:relative; overflow:hidden; margin-bottom:50px;}
.sAbout_case5 > div .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0) 66%, #191919); opacity:0.5;}
.sAbout_case5 > div .img_box p {width:100%; font-size:1.875em; color:#fff; font-weight:600; position:absolute; left:0; bottom:0; padding:0 40px 40px; z-index:3;}

.sAbout_case6 {width:100%; overflow:hidden;}
.sAbout_case6 .sub_title1 br {display:none;}
.sAbout_case6 .line {width:1px; height:150px; background:#191919; margin:0 auto 150px;}
.sAbout_slide {width:100%; margin-top:100px; margin-left:-214px;}
.sAbout_slide .swiper-slide {width:386px; border-radius:10px; overflow:hidden;}
.sAbout_slide .swiper-slide img {width:100%;}

.sAbout_case7 {width:100%; position:relative; overflow:hidden; padding-top:200px;}
.sAbout_case7:before {content:''; display:block; width:100%; height:468px; background-image:linear-gradient(to bottom, #fff, #efefef); position:absolute; left:0; top:0;}
.sAbout_case7:after {content:''; display:block; width:100%; height:100%; background:#efefef; position:absolute; left:0; top:468px;}
.sAbout_case7 > div {position:relative; z-index:10;}
.sAbout_case7 .box {width:100%; position:relative;}
.sAbout_case7 .box .img img {width:100%;}
.sAbout_case7 .box ul li {display:inline-block; background:rgba(25,25,25,0.5); border-radius:40px; font-size:0.9375vw; color:#fff; font-weight:600; padding:0.625vw 0.78125vw; position:absolute;}
.sAbout_case7 .area > img {width:80vw; position:absolute; left:4.7vw; top:10.75vw;}
.sAbout_case7 .point {width:1.05vw; height:1.05vw; background:rgba(255,255,255,0.4); border-radius:50%; position:absolute; left:42.87vw; top:22.4vw; padding:0.21vw;}
.sAbout_case7 .point:before {content:''; display:block; width:100%; height:100%; background:#fff; border:0.15vw solid #191919; border-radius:50%; position:relative; z-index:3;}
.sAbout_case7 .point p {display:flex; align-items:center; height:50px; padding:0 30px; background:#fff; border-radius:25px; box-shadow:0 0 15px rgba(25,25,25,0.15); position:absolute; left:50%; bottom:100%; margin-bottom:17px; transform:translateX(-50%); z-index:3;}
.sAbout_case7 .point p img {height:20px;}
.sAbout_case7 .point .dot span {display:block; width:100%; height:100%; background:rgba(25,25,25,0.1); border-radius:50%; position:absolute; left:0; top:0; animation:mGlobalDot 3s cubic-bezier(1,2,0.66,3) infinite}
.sAbout_case7 .point .dot span:nth-child(2) {animation-delay:0.7s;}
.sAbout_case7 .point .dot span:nth-child(3) {animation-delay:1.4s;}

.sAbout_case7 .box ul li:nth-child(1) {left:9.73vw; top:17.7vw}
.sAbout_case7 .box ul li:nth-child(2) {left:13.38vw; top:37vw}
.sAbout_case7 .box ul li:nth-child(3) {left:14.2vw; top:40vw}
.sAbout_case7 .box ul li:nth-child(4) {left:40.31vw; top:12.44vw}
.sAbout_case7 .box ul li:nth-child(5) {left:36.2vw; top:25.3vw}
.sAbout_case7 .box ul li:nth-child(6) {left:33vw; top:29.3vw}
.sAbout_case7 .box ul li:nth-child(7) {left:34vw; top:32.1vw}
.sAbout_case7 .box ul li:nth-child(8) {left:43.5vw; top:41.3vw}
.sAbout_case7 .box ul li:nth-child(9) {left:71.3vw; top:10.3vw}
.sAbout_case7 .box ul li:nth-child(10) {left:78.2vw; top:18vw}
.sAbout_case7 .box ul li:nth-child(11) {left:80.5vw; top:25vw}

.sAbout_slide2 .swiper-slide {height:auto; background:#fff; border-radius:10px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); padding:30px 30px 40px;}
.sAbout_slide2 .img img {width:100%;}
.sAbout_slide2 dl {text-align:center; margin-top:30px;}
.sAbout_slide2 dl dt {font-size:1.25em; font-weight:600;}
.sAbout_slide2 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}

@media screen and (max-width:1640px){
    .sAbout_case1 .img_box {width:1200px;}
}

@media screen and (max-width:1220px){
    .sAbout_case1 .img_box {width:95%;}

    .sAbout_case2 {padding-left:40%;}
    .sAbout_case2 p br {display:none;}

    .sAbout_case3 .img_box {height:42vw;}
    .sAbout_case3 .txt_box > div {width:calc(100% - 400px)}

    .sAbout_case4 .box1 .img_box {width:35%; height:36vw;}
    .sAbout_case4 .box2 {margin-top:-18vw;}
    .sAbout_case4 .box2 .txt_box .s_txt1 br {display:none;}
    .sAbout_case4 .box2 .img_box {height:850px;}
    .sAbout_case4 .box2 .img_box:before {width:calc(100% + 40px)}
    .sAbout_case4 .box2 .img_box p {top:-60px;}
    .sAbout_case4 .box2 .img_box p img {height:90px;}

    .sAbout_case5 > div .img_box {height:50vw;}
    .sAbout_case5 > div .sub_list_box1 li br {display:none;}
}

@media screen and (max-width:1024px){
    .sAbout_case1 {padding-top:0;}
    .sAbout_case1 .txt_box {padding-bottom:50px;}
    .sAbout_case1 .img_box {height:330px; margin-top:50px;}

    .sAbout_case2 {padding-left:30%; margin-top:10%;}
    .sAbout_case2 p {margin-bottom:2%;}
    .sAbout_case2 p.s_tit1 {margin-bottom:3%;}
    
    .sAbout_case3 .txt_box > div {width:calc(100% - 300px)}
    .sAbout_case3 .txt_box > div table tbody th {width:140px; font-size:1.125em; padding:20px 15px;}
    .sAbout_case3 .txt_box > div table tbody td {font-size:1.125em; padding:20px 15px;}
    .sAbout_case3 .txt_box > div .kyulgoun_btn1 {width:170px; margin-top:5%;}

    .sAbout_case4 .box2 {display:block; margin-top:0;}
    .sAbout_case4 .box2 .txt_box {width:100%; margin:10% 0; padding-right:0;}
    .sAbout_case4 .box2 .txt_box p {margin-bottom:2%;}
    .sAbout_case4 .box2 .txt_box p:first-child {margin-bottom:3%;}
    .sAbout_case4 .box2 .img_box {display:flex; justify-content:end; width:100%; height:70vw;}
    .sAbout_case4 .box2 .img_box:before {width:70%;}
    .sAbout_case4 .box2 .img_box p {left:auto; right:50px; top:-30px;}
    .sAbout_case4 .box2 .img_box p img {height:60px;}

    .sAbout_case5 > div {width:calc(50% - 5px)}
    .sAbout_case5 > div:nth-child(2) ~ div {margin-top:10%;}
    .sAbout_case5 > div .img_box {margin-bottom:30px;}
    .sAbout_case5 > div .img_box p {font-size:1.5em; padding:0 25px 25px;}

    .sAbout_case6 .line {height:90px; margin-bottom:10%;}
    .sAbout_slide {margin-top:7%; margin-left:-160px;}
    .sAbout_slide .swiper-slide {width:300px;}
    
    .sAbout_case7 {padding-top:15%;}
    .sAbout_case7:before {height:40%;}
    .sAbout_case7:after {top:40%;}
    .sAbout_case7 .box {transform:scale(1.2)}
    .sAbout_case7 .point {left:42.2vw;}
    .sAbout_case7 .point p {height:30px; padding:0 15px; margin-bottom:13px;}
    .sAbout_case7 .point p img {height:10px;}

    .sAbout_slide2 .swiper-slide {padding:20px;}
    .sAbout_slide2 dl {margin-top:15px;}
    .sAbout_slide2 dl dt {font-size:1.125em;}
    .sAbout_slide2 dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 .txt_box {padding-bottom:30px;}
    .sAbout_case1 .img_box {height:180px; margin-top:10px;}

    .sAbout_case2 {padding-left:0;}

    .sAbout_case3 .img_box {border-radius:5px;}
    .sAbout_case3 .txt_box > div {width:100%; margin-top:3%;}
    .sAbout_case3 .txt_box > div table tbody th {width:100px; font-size:1em; padding:15px 10px;}
    .sAbout_case3 .txt_box > div table tbody td {font-size:1em; padding:15px 10px;}
    .sAbout_case3 .txt_box > div .kyulgoun_btn1 {float:none; width:140px; margin-left:auto; margin-right:auto;}

    .sAbout_case4 .box1 .img_box {width:50%; height:52vw; border-radius:5px;}
    .sAbout_case4 .box2 .img_box:before {border-radius:5px;}
    .sAbout_case4 .box2 .img_box p {right:15px; top:-20px;}
    .sAbout_case4 .box2 .img_box p img {height:40px;}

    .sAbout_case5 > div {width:100%;}
    .sAbout_case5 > div:nth-child(1) ~ div {margin-top:10%;}
    .sAbout_case5 > div .img_box {height:90vw; border-radius:5px; margin-bottom:4%;}
    .sAbout_case5 > div .img_box p {font-size:1.4em; padding:0 20px 20px;}
    
    .sAbout_case6 .line {height:50px; margin-bottom:7%;}
    .sAbout_case6 .sub_title1 br {display:block;}
    .sAbout_slide {margin-top:7%; margin-left:0;}
    .sAbout_slide .swiper-slide {width:230px; border-radius:5px;}
    
    .sAbout_case7 .box {transform:scale(1); margin-top:-5%;}
    .sAbout_case7 .box .img img {width:180%; margin-left:-40%;}
    .sAbout_case7 .box ul {display:none;}
	.sAbout_case7 .area > img {display:none;}
    .sAbout_case7 .point {width:12px; height:12px; padding:2px; left:38vw; top:41vw; transform:translate(-50%, -50%)}
    .sAbout_case7 .point:before {border-width:2px;}
    .sAbout_case7 .point p {height:26px; padding:0 12px; margin-bottom:10px;}
    
    .sAbout_slide2 .swiper-slide {padding:15px; border-radius:5px;}
    .sAbout_slide2 dl {margin-top:10px;}
    .sAbout_slide2 dl dt {font-size:1em;}
    .sAbout_slide2 dl dd {font-size:1em;}
}


.sHistory_case1 {position:relative;}
.sHistory_case1 .bar_box {display:block; width:3px; height:100%; background:#efefef; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sHistory_case1 .bar_box .bar {display:block; width:3px; min-height:100px; background:#191919; position:absolute; left:0; top:0;}
.sHistory_case1 .box {position:relative;}
.sHistory_case1 .box > div {display:flex; justify-content:space-between; margin-bottom:100px;}
.sHistory_case1 .box > div:last-child {margin-bottom:0;}
.sHistory_case1 .box > div .year {width:calc(50% - 100px); font-size:6.875em; line-height:1em; font-family:'freight-neo-pro'; text-align:right;}
.sHistory_case1 .box > div ul {width:calc(50% - 100px)}
.sHistory_case1 .box > div ul li {font-size:1.25em; color:#666; line-height:2em;}

@media screen and (max-width:1024px){
    .sHistory_case1 .box > div {margin-bottom:8%;}
    .sHistory_case1 .box > div .year {width:calc(50% - 50px); font-size:5.5em;}
    .sHistory_case1 .box > div ul {width:calc(50% - 50px);}
    .sHistory_case1 .box > div ul li {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .bar_box {width:2px; left:0; transform:translateX(0);}
	.sHistory_case1 .bar_box .bar {min-height:50px;}
    .sHistory_case1 .box > div {display:block; padding-left:20px;}
    .sHistory_case1 .box > div .year {width:100%; font-size:2.8em; text-align:left; margin-bottom:3%;}
    .sHistory_case1 .box > div ul {width:100%;}
    .sHistory_case1 .box > div ul li {font-size:1em;}
}


.sEsg_case1 > div {margin-bottom:150px; overflow:hidden;}
.sEsg_case1 > div:last-child {margin-bottom:0;}
.sEsg_case1 > div .img_box {width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sEsg_case1 > div .txt_box {width:700px; background:#fff; padding-top:50px; position:relative; margin-top:-115px;}
.sEsg_case1 > div .txt_box .sub_title2 {display:inline-block;}
.sEsg_case1 > div .txt_box .s_tit1 {display:inline-block; margin-left:20px;}
.sEsg_case1 > div .txt_box .s_txt1 {margin-top:20px; word-break:break-all;}

.sEsg_case1 > div:nth-child(odd) .txt_box {float:right; border-radius:10px 0 0 0; padding-left:70px;}
.sEsg_case1 > div:nth-child(even) .txt_box {border-radius:0 10px 0 0; padding-right:70px;}

@media screen and (max-width:1220px){
    .sEsg_case1 > div .img_box {height:42vw;}
}

@media screen and (max-width:1024px){
    .sEsg_case1 > div {margin-bottom:15%;}
    .sEsg_case1 > div .txt_box {width:500px; padding-top:30px; margin-top:-8vw;}
    .sEsg_case1 > div .txt_box .s_txt1 {margin-top:10px;}

    .sEsg_case1 > div:nth-child(odd) .txt_box {padding-left:40px;}
    .sEsg_case1 > div:nth-child(even) .txt_box {padding-right:40px;}
}

@media screen and (max-width:767px){
    .sEsg_case1 > div .img_box {height:48vw; border-radius:5px;}
    .sEsg_case1 > div .txt_box {width:95%; padding-top:10px; margin-top:-8vw;}
    .sEsg_case1 > div .txt_box .s_tit1 {margin-left:10px;}
    .sEsg_case1 > div .txt_box .s_txt1 {margin-top:10px;}

    .sEsg_case1 > div:nth-child(odd) .txt_box {border-radius:5px 0 0 0; padding-left:15px;}
    .sEsg_case1 > div:nth-child(even) .txt_box {border-radius:0 5px 0 0; padding-right:15px;}
}


.sCertificates_case1 > div {display:flex; margin-bottom:100px; padding-bottom:100px; position:relative;}
.sCertificates_case1 > div:last-child {margin-bottom:0;}
.sCertificates_case1 > div:before {content:''; display:block; width:100vw; height:calc(100% - 250px); background:#f8f8f8; position:absolute; bottom:0;}
.sCertificates_case1 > div .img {width:450px; position:relative; box-shadow:5px 5px 20px rgba(25,25,25,0.1)}
.sCertificates_case1 > div .img img {width:100%;}
.sCertificates_case1 > div .img img:nth-child(2) {width:auto; height:100%; position:absolute; right:0; top:0;}
.sCertificates_case1 > div .txt_box {display:flex; align-items:center; width:calc(100% - 450px); padding-top:250px; position:relative;}
.sCertificates_case1 > div .txt_box dl {margin-top:40px;}
.sCertificates_case1 > div .txt_box dl dd {margin-top:15px; word-break:break-all;}

.sCertificates_case1 > div:nth-child(odd):before {right:0; border-radius:0 10px 10px 0;}
.sCertificates_case1 > div:nth-child(odd) .txt_box {padding-left:150px; padding-right:100px;}
.sCertificates_case1 > div:nth-child(even) {flex-direction:row-reverse;}
.sCertificates_case1 > div:nth-child(even):before {left:0; border-radius:10px 0 0 10px;}
.sCertificates_case1 > div:nth-child(even) .txt_box {padding-right:150px; padding-left:100px;}

@media screen and (max-width:1220px){
    .sCertificates_case1 > div .txt_box dl {margin-top:0;}
    .sCertificates_case1 > div:nth-child(odd):before {right:0; border-radius:0 10px 10px 0;}
    .sCertificates_case1 > div:nth-child(odd) .txt_box {padding-left:50px; padding-right:50px;}
    .sCertificates_case1 > div:nth-child(even) .txt_box {padding-right:50px; padding-left:50px;}
}

@media screen and (max-width:1024px){
    .sCertificates_case1 > div {margin-bottom:10%; padding-bottom:6%;}
    .sCertificates_case1 > div:before {height:calc(100% - 100px)}
    .sCertificates_case1 > div .img {width:280px;}
    .sCertificates_case1 > div .txt_box {width:calc(100% - 280px); padding-top:100px;}
    .sCertificates_case1 > div .txt_box dl dd {margin-top:10px;}

    .sCertificates_case1 > div:nth-child(odd) .txt_box {padding-left:30px; padding-right:30px;}
    .sCertificates_case1 > div:nth-child(even) .txt_box {padding-right:30px; padding-left:30px;}
}

@media screen and (max-width:767px){
    .sCertificates_case1 > div {display:block; margin-bottom:15%;}
    .sCertificates_case1 > div .img {width:80%; margin:0 auto;}
    .sCertificates_case1 > div .txt_box {width:100%; padding-top:0; margin-top:5%;}
    .sCertificates_case1 > div .txt_box dl dd {margin-top:1.5%;}

    .sCertificates_case1 > div:nth-child(odd) .txt_box {padding-left:0; padding-right:0;}
    .sCertificates_case1 > div:nth-child(even) .txt_box {padding-right:0; padding-left:0;}

    .sCertificates_case1 > div:nth-child(odd):before {right:-6vw; border-radius:0;}
    .sCertificates_case1 > div:nth-child(even):before {left:-6vw; border-radius:0;}
}


.sLocation_case1 .map_box {height:800px; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 .txt_box dl {margin-top:30px; overflow:hidden;}
.sLocation_case1 .txt_box dl dt {float:left; width:110px; font-size:1.25em; font-weight:600; clear:both; margin-bottom:10px;}
.sLocation_case1 .txt_box dl dd {float:left; width:calc(100% - 110px); font-size:1.25em; color:#666; margin-bottom:10px;}

@media screen and (max-width:1640px){
    .sLocation_case1 .map_box {height:600px;}
}

@media screen and (max-width:1024px){
    .sLocation_case1 .map_box {height:400px;}
    .sLocation_case1 .txt_box dl {margin-top:3%;}
    .sLocation_case1 .txt_box dl dt {width:90px; font-size:1.125em;}
    .sLocation_case1 .txt_box dl dd {width:calc(100% - 90px); font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sLocation_case1 .map_box {height:200px; border-radius:5px;}
    .sLocation_case1 .txt_box dl dt {width:70px; font-size:1em; margin-bottom:5px;}
    .sLocation_case1 .txt_box dl dd {width:calc(100% - 70px); font-size:1em; margin-bottom:5px;}
}


.sOemodm_case1 .list1 {display:flex; flex-wrap:wrap; width:100%; counter-reset:counter;}
.sOemodm_case1 .list1 > li {width:calc(20% - 16px); margin-right:20px; text-align:center;}
.sOemodm_case1 .list1 > li:nth-child(5n) {margin-right:0;}
.sOemodm_case1 .list1 > li:nth-child(5) ~ li {margin-top:50px;}
.sOemodm_case1 .list1 > li .icon {display:block; width:100%; height:224px; border:1px solid #191919; border-radius:50%; background-repeat:no-repeat; background-position:center center; margin:0 auto; position:relative; font-style:normal;}
.sOemodm_case1 .list1 > li .icon:before {content:''; display:block; width:calc(100% - 24px); height:calc(100% - 24px); border:1px solid #ccc; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sOemodm_case1 .list1 > li .icon:after {content:'Step 'counter(counter, decimal-leading-zero); counter-increment:counter; display:inline-block; background:#fff; font-size:1.25em; font-weight:600; position:absolute; left:50%; bottom:-14px; transform:translateX(-50%); padding:10px 15px; white-space:nowrap;}
.sOemodm_case1 .list1 > li p {font-size:1.25em; color:#666; margin-top:20px;}

.sOemodm_case1 .list1 > li .icon1 {background-image:url(../images/sOemodm_img2_1.png)}
.sOemodm_case1 .list1 > li .icon2 {background-image:url(../images/sOemodm_img2_2.png)}
.sOemodm_case1 .list1 > li .icon3 {background-image:url(../images/sOemodm_img2_3.png)}
.sOemodm_case1 .list1 > li .icon4 {background-image:url(../images/sOemodm_img2_4.png)}
.sOemodm_case1 .list1 > li .icon5 {background-image:url(../images/sOemodm_img2_5.png)}
.sOemodm_case1 .list1 > li .icon6 {background-image:url(../images/sOemodm_img2_6.png)}
.sOemodm_case1 .list1 > li .icon7 {background-image:url(../images/sOemodm_img2_7.png)}
.sOemodm_case1 .list1 > li .icon8 {background-image:url(../images/sOemodm_img2_8.png)}
.sOemodm_case1 .list1 > li .icon9 {background-image:url(../images/sOemodm_img2_9.png)}
.sOemodm_case1 .list1 > li .icon10 {background-image:url(../images/sOemodm_img2_10.png)}

@media screen and (max-width:1220px){
    .sOemodm_case1 .list1 > li .icon {height:16vw; background-size:60% auto;}
    .sOemodm_case1 .list1 > li .icon:before {width:calc(100% - 20px); height:calc(100% - 20px);}
}

@media screen and (max-width:1024px){
    .sOemodm_case1 .list1 > li {width:calc(20% - 8px); margin-right:10px;}
    .sOemodm_case1 .list1 > li:nth-child(5) ~ li {margin-top:30px;}
    .sOemodm_case1 .list1 > li .icon {height:16.5vw;}
    .sOemodm_case1 .list1 > li .icon:before {width:calc(100% - 16px); height:calc(100% - 16px)}
    .sOemodm_case1 .list1 > li .icon:after {font-size:1.125em; padding:5px 10px; bottom:-5px;}
    .sOemodm_case1 .list1 > li p {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sOemodm_case1 .list1 > li {width:calc(33.33% - 6.66px); margin-right:10px;}
    .sOemodm_case1 .list1 > li:nth-child(5n) {margin-right:10px;}
    .sOemodm_case1 .list1 > li:nth-child(3n) {margin-right:0;}
    .sOemodm_case1 .list1 > li:nth-child(3) ~ li {margin-top:20px;}
    .sOemodm_case1 .list1 > li .icon {height:27vw;}
    .sOemodm_case1 .list1 > li .icon:before {width:calc(100% - 10px); height:calc(100% - 10px)}
    .sOemodm_case1 .list1 > li .icon:after {font-size:1em;}
    .sOemodm_case1 .list1 > li p {font-size:1em; margin-top:5px;}
}


.sBrand_case1 > div {margin-bottom:150px;}
.sBrand_case1 > div:last-child {margin-bottom:0;}
.sBrand_case1 > div .img {border-radius:10px; overflow:hidden; margin-bottom:50px;}
.sBrand_case1 > div .img img {width:100%;}
.sBrand_case1 > div .txt_box {display:flex; align-items:start; flex-wrap:wrap; width:1200px; margin:0 auto;}
.sBrand_case1 > div .txt_box > div {display:flex; align-items:end; width:50%;}
.sBrand_case1 > div .txt_box > div .s_tit1 {margin-left:20px; margin-bottom:5px;}
.sBrand_case1 > div .txt_box dl {width:50%;}
.sBrand_case1 > div .txt_box dl dt {font-size:1.875em; font-weight:600;}
.sBrand_case1 > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:15px;}
.sBrand_case1 > div .txt_box dl dd .edit_btn {display:block; width:45px; padding:5px 0; background:#191919; font-size:1rem; color:#fff; text-align:center; border-radius:5px; margin-top:10px;}

@media screen and (max-width:1220px){
    .sBrand_case1 > div .txt_box {width:100%;}
    .sBrand_case1 > div .txt_box > div {width:400px;}
    .sBrand_case1 > div .txt_box dl {width:calc(100% - 400px)}
}

@media screen and (max-width:1024px){
    .sBrand_case1 > div {margin-bottom:10%;}
    .sBrand_case1 > div .img {margin-bottom:3%;}
    .sBrand_case1 > div .txt_box > div {width:100%;}
    .sBrand_case1 > div .txt_box dl {width:100%; margin-top:1%;}
    .sBrand_case1 > div .txt_box dl dt {font-size:1.5em;}
    .sBrand_case1 > div .txt_box dl dd {font-size:1.125em; margin-top:1.5%;}
}

@media screen and (max-width:767px){
    .sBrand_case1 > div .img {border-radius:5px;}
    .sBrand_case1 > div .txt_box > div .s_tit1 {margin-left:10px; margin-bottom:3px;}
    .sBrand_case1 > div .txt_box dl {margin-top:2%;}
    .sBrand_case1 > div .txt_box dl dt {font-size:1.3em;}
    .sBrand_case1 > div .txt_box dl dd {font-size:1em;}
}


.sContact_case1 {display:flex; flex-wrap:wrap; align-items:start; position:relative;}
.sContact_case1 .tit_box {width:calc(100% - 610px); position:sticky; left:0; top:120px;}
.sContact_case1 .form_box {width:610px; overflow:hidden;}
.sContact_case1 .form_box ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sContact_case1 .form_box ul li {width:calc(50% - 15px); margin-bottom:30px;}
.sContact_case1 .form_box ul li.w_100 {width:100%;}
.sContact_case1 .form_box ul li:last-child {margin-bottom:20px;}
.sContact_case1 .form_box ul li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:5px;}
.sContact_case1 .form_box ul li > label span {font-size:0.88em; color:#666; font-weight:500; margin-left:10px;}
.sContact_case1 .form_box ul li > label i {font-style:normal; color:#666;}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:55px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666;}
.sContact_case1 .form_box ul li .form_txt:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:205px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666; resize:none; padding-top:5px;}
.sContact_case1 .form_box ul li .form_textarea:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .select_box {width:100%; position:relative;}
.sContact_case1 .form_box ul li .select_box:after {content:'\f107'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box ul li .select_box select {display:block; width:100%; height:55px; border:0 !important; border-bottom:1px solid #a1a1a1 !important; border-radius:0; font-size:1.25em; color:#666; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .form_box ul li .select_box select:focus {border-bottom:2px solid #191919 !important; outline:none !important; box-shadow:none !important;}
.sContact_case1 .form_box .ps {font-size:0.9375em; margin-bottom:20px;}
.sContact_case1 .form_box .privacy_box {width:100%; height:160px; background:#f8f8f8; border-radius:5px; padding:20px; overflow-y:auto;}
.sContact_case1 .form_box .privacy_box p {font-size:1em; color:#666; line-height:1.5em;}
.sContact_case1 .form_box .check_box {margin-top:20px; position:relative;}
.sContact_case1 .form_box .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContact_case1 .form_box .check_box label {display:flex;}
.sContact_case1 .form_box .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #191919; border-radius:3px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .form_box .check_box label span {font-size:1.125em; font-weight:500; line-height:24px; padding-left:10px;}
.sContact_case1 .form_box .check_box input:checked + label:before {content:'\f00c'; background:#191919;}
.sContact_case1 .form_box .kyulgoun_btn1 {float:right; margin-top:20px;}

.sContact_case1 .form_box .checkbox_wrap {display:flex; flex-wrap:wrap;}
.sContact_case1 .form_box .checkbox_wrap .check_box {margin-right:20px; margin-top:15px;}
.sContact_case1 .form_box .checkbox_wrap .check_box label:before {border-color:#666;}
.sContact_case1 .form_box .checkbox_wrap .check_box label span {color:#666; font-weight:400;}
.sContact_case1 .form_box .checkbox_wrap .check_box input:check + label:before {border-color:#191919;}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:540px;}
    .sContact_case1 .form_box {width:calc(100% - 540px)}
    .sContact_case1 .form_box ul li {width:calc(50% - 10px)}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box {width:400px;}
    .sContact_case1 .form_box {width:calc(100% - 400px)}
    .sContact_case1 .form_box ul li {width:100%}
    .sContact_case1 .form_box ul li > label {font-size:1em;}
	.sContact_case1 .form_box ul li > label span {margin-left:5px;}
    .sContact_case1 .form_box ul li .form_txt {height:40px; font-size:1.125em;}
    .sContact_case1 .form_box ul li .form_textarea {height:170px; font-size:1.125em;}
	.sContact_case1 .form_box ul li .select_box:after {font-size:1em; right:10px;}
	.sContact_case1 .form_box ul li .select_box select {height:40px; font-size:1.125em;}
    .sContact_case1 .form_box .privacy_box {height:120px; padding:15px;}
    .sContact_case1 .form_box .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box .check_box label span {font-size:1em; line-height:20px;}

	.sContact_case1 .form_box .checkbox_wrap .check_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    .sContact_case1 {display:block;}
    .sContact_case1 .tit_box {width:100%; position:relative; top:0;}
    .sContact_case1 .form_box {width:100%; margin-top:7%;}
    .sContact_case1 .form_box ul li {width:100%; margin-bottom:15px;}
    .sContact_case1 .form_box ul li:last-child {margin-bottom:10px;}
    .sContact_case1 .form_box ul li .form_txt {height:32px; font-size:1em;}
    .sContact_case1 .form_box ul li .form_textarea {height:120px; font-size:1em;}
	.sContact_case1 .form_box ul li .select_box:after {right:5px;}
	.sContact_case1 .form_box ul li .select_box select {height:32px; font-size:1em;}
    .sContact_case1 .form_box .privacy_box {height:100px; padding:10px;}
    .sContact_case1 .form_box .check_box {margin-top:10px;}
    .sContact_case1 .form_box .check_box label:before {width:18px; height:18px;}
    .sContact_case1 .form_box .check_box label span {line-height:18px;}

	.sContact_case1 .form_box .checkbox_wrap .check_box {margin-right:10px; margin-top:5px;}
}