@charset "utf-8";


.yulitech_btn1 {display:flex; justify-content:center; align-items:center; width:160px; height:49px; background:#003056; border-radius:5px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.5s;}
.yulitech_btn1:hover {background:#191919;}

.yulitech_btn2 {display:inline-block; width:auto; line-height:30px; border:1px solid #003056; border-radius:3px; font-size:0.875em; color:#003056; font-weight:600; padding:0 15px; transition:all 0.5s; transition-property:background, color;}
.yulitech_btn2:hover {background:#003056; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
    .yulitech_btn1 {width:135px; height:42px;}

    .yulitech_btn2 {line-height:28px; padding:0 12px;}
}

@media screen and (max-width:767px){
    .yulitech_btn1 {width:110px; height:35px;}
}



/* header */
#yulitech_header {width:100%; height:112px; position:relative; z-index:300;}

.header_top {width:100%; background:#003056; position:relative;}
.header_top > div {display:flex; justify-content:space-between; width:1620px; margin:0 auto;}
.header_top > div > ul {display:flex;}
.header_top > div > ul li {font-size:0.875em; color:#fff; line-height:32px; margin-right:23px;}
.header_top > div > ul li:last-child {margin-right:0;}
.header_top > div > ul li i {font-size:0.85em; margin-right:5px;}
.header_top > div > ul li a {color:#fff;}
.header_top .h_lang {position:relative;}
.header_top .h_lang button {display:block; height:100%; font-size:0.875em; color:#fff;}
.header_top .h_lang button:before {content:'\f0ac'; font-size:0.85em; font-weight:400; margin-right:5px; font-weight:400; font-family:'Font Awesome 6 Pro';}
.header_top .h_lang button:after {content:'\f107'; font-size:0.85em; font-weight:400; margin-left:5px; font-weight:400; font-family:'Font Awesome 6 Pro';}
.header_top .h_lang ul {position:absolute; left:50%; top:100%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility; z-index:30;}
.header_top .h_lang ul li a {display:block; width:100%; background:#003056; font-size:0.85em; color:#fff; padding:8px 17px; margin-top:1px; border-radius:3px;}
.header_top .h_lang.on button:after {content:'\f106';}
.header_top .h_lang.on ul {opacity:1; visibility:visible}

.header_inner {width:100%; background:#fff; position:relative;}
.header_inner > div {display:flex; justify-content:space-between; align-items:center; width:1620px; height:80px; margin:0 auto;}
.header_inner > div > div {display:flex; align-items:center;}
.header_inner .btn_contact {display:inline-block; background:#003056; border-radius:5px; font-size:1em; color:#fff; font-family:'Open Sans'; font-weight:600; line-height:34px; padding:0 10px; margin-left:15px; transition:background 0.4s}
.header_inner .btn_contact i {font-size:0.75em; margin-left:5px; vertical-align:middle;}
.header_inner .btn_contact:hover {background:#191919;}

#yulitech_logo {height:60px;}
#yulitech_logo a {display:block; width:100%; height:100%;}
#yulitech_logo a img {height:100%;}

#yulitech_gnb > ul {display:flex;}
#yulitech_gnb > ul > li {position:relative;}
#yulitech_gnb > ul > li > a {display:block; font-size:1.125em; line-height:80px; font-weight:600; font-family:'Open Sans', 'Pretendard'; padding:0 15px; transition:all 0.4s; transition-property:background, color;}
#yulitech_gnb > ul > li > a:after {content:'\f107'; font-size:0.77em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
#yulitech_gnb > ul > li > ul {width:auto; min-width:calc(100% + 30px); background:#003056; position:absolute; left:0; top:100%;}
#yulitech_gnb > ul > li > ul > li > a {display:block; border-bottom:1px solid rgba(255,255,255,0.1); font-size:1em; color:rgba(255,255,255,0.8); padding:13px 15px; white-space:nowrap; transition:color 0.4s;}

#menuOpen {display:none;}
#menuClose {display:none;}

#yulitech_header.scroll_on .header_inner {position:fixed; left:0; top:0; box-shadow:0 0 10px rgba(25,25,25,0.15)}

.gnb_dim {display:none;}

@media screen and (min-width:1025px){
    #yulitech_gnb > ul > li > ul {display:block !important; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibiltiy;}
    #yulitech_gnb > ul > li:hover > a {background:#003056; color:#fff;}
    #yulitech_gnb > ul > li:hover > a:after {content:'\f106'}
    #yulitech_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
    #yulitech_gnb > ul > li > ul > li > a:hover {color:#fff; font-weight:500;}
}

@media screen and (max-width:1640px){
    .header_top > div {width:100%; padding:0 50px;}

    .header_inner > div {width:100%; padding:0 50px;}
}

@media screen and (max-width:1220px){
    .header_top > div {width:88%; padding:0;}

    .header_inner > div {width:88%; padding:0;}

    #yulitech_logo {height:45px;}

    #yulitech_gnb > ul > li > a {font-size:1em; padding:0 10px;}
    #yulitech_gnb > ul > li > a:after {margin-left:5px;}
}

@media screen and (max-width:1024px){
    #yulitech_header {height:80px}

    .header_top > div > ul li {height:30px; margin-right:15px; line-height:0;}
    .header_top > div > ul li a {font-size:0;}
    .header_top > div > ul li i {display:block; font-size:0.875rem; line-height:30px; margin-right:0;}

    .header_inner > div {height:50px;}
    .header_inner .btn_contact {font-size:0.875em; line-height:28px; margin:0 15px 0 0; padding:0 8px;}
    .header_inner .btn_contact:after {margin-left:3px;}

    #yulitech_logo {height:35px;}

    #yulitech_gnb > ul {display:block; border-top:1px solid #ddd;}
    #yulitech_gnb > ul > li > a {border-bottom:1px solid #ddd; line-height:1.5em; padding:12px 15px; position:relative;}
    #yulitech_gnb > ul > li > a:after {font-size:0.875em; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
    #yulitech_gnb > ul > li > ul {display:none; min-width:100%; position:relative; top:0;}
    #yulitech_gnb > ul > li > ul > li > a {font-size:0.9375em; padding:12px 15px;}
    #yulitech_gnb > ul > li > a.on:after {content:'\f106'}

    #all_gnb {width:220px; height:100vh; background:#fff; padding-top:45px; position:fixed; right:-220px; top:0; z-index:60; transition:right 0.6s;}

    #menuOpen {display:block; width:22px; height:14px; position:relative;}
    #menuOpen span {display:block; width:100%; height:2px; background:#191919; position:absolute; left:0;}
    #menuOpen span:nth-child(1) {top:0;}
    #menuOpen span:nth-child(2) {top:50%; margin-top:-1px;}
    #menuOpen span:nth-child(3) {bottom:0;}

    #menuClose {display:block; width:45px; height:45px; background:#003056; font-size:1.5em; color:#fff; position:absolute; right:0; top:0;}

	.gnb_dim {display:block; width:100%; height:100vh; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:55; opacity:0; visibility:hidden; transition:all 0.4s;}

	#yulitech_header.on .gnb_dim {opacity:1; visibility:visible;}

    #yulitech_header.on #all_gnb {right:0;}
    
}


/* footer */
#yulitech_footer {width:100%; background:#003056; padding:50px 0 70px;}
#yulitech_footer .f_info li {display:inline-block; font-size:0.875em; color:#fff; margin:0 15px 10px 0;}
#yulitech_footer .f_info li strong {font-weight:600; margin-right:5px;}
#yulitech_footer .f_info li a {color:#fff;}
#yulitech_footer .copy {font-size:0.875em; color:#fff; font-weight:600; margin-top:5px;}
#yulitech_footer .f_member {position:absolute; right:0; bottom:0;}
#yulitech_footer .f_member a {display:inline-block; border:1px solid #fff; font-size:0.75em; color:#fff; padding:0 10px; line-height:24px;}

@media screen and (max-width:1024px){
    #yulitech_footer {padding:5% 0;}
    #yulitech_footer .f_info li {margin:0 10px 5px 0;}
    #yulitech_footer .f_info br {display:none;}
    #yulitech_footer .copy {margin-top:10px;}
}

@media screen and (max-width:767px){
    #yulitech_footer .f_member a {line-height:22px; padding:0 7px;}
}


/* main */
#mVisu {width:100%; height:800px; background:#000; /*background:url(../images/mVisu_img.jpg) no-repeat center center; background-size:cover;*/ position:relative; overflow:hidden;}
#mVisu:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:30}
#mVisu iframe {width:1920px; height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

@media screen and (min-width:1921px){
	#mVisu iframe {width:2600px; height:1700px;}
}

@media screen and (max-width:1024px){
    #mVisu {height:500px;}
	#mVisu iframe {width:1600px; height:700px;}
}

@media screen and (max-width:767px){
    #mVisu {height:300px;}
	#mVisu iframe {width:1000px; height:500px;}
}


.main_title {font-size:3.125em; color:#003056; line-height:1.2em; font-weight:600;}

@media screen and (max-width:1024px){
    .main_title {font-size:2.5em;}
}

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


#mCompany {padding:120px 0;}
#mCompany .box1 {display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; width:100%;}
#mCompany .box1 > div {width:50%;}
#mCompany .box1 .img_box {height:350px; background:url(../images/mCompany_img1.jpg) no-repeat center center; background-size:cover;}
#mCompany .box1 .txt_box {padding-right:50px;}
#mCompany .box1 .txt_box .t1 {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
#mCompany .box1 .txt_box p:first-of-type {margin-top:25px;}
#mCompany .box2 {margin-top:120px;}
#mCompany .box2 .icon {display:block; width:180px; height:180px; background-color:#003056; background-repeat:no-repeat; background-position:center center; background-size:contain; border-radius:50%; margin:0 auto;}
#mCompany .box2 dl {margin-top:30px; text-align:center;}
#mCompany .box2 dl dt {font-size:1.5em; font-weight:600;}
#mCompany .box2 dl dd {font-size:1.125em; color:#666; line-height:1.55em; max-width:280px; margin:10px auto 0;}

#mCompany .box2 .icon1 {background-image:url(../images/mCompany_icon1.png)}
#mCompany .box2 .icon2 {background-image:url(../images/mCompany_icon2.png)}
#mCompany .box2 .icon3 {background-image:url(../images/mCompany_icon3.png)}

@media screen and (max-width:1024px){
    #mCompany {padding:12% 0;}
    #mCompany .box1 .img_box {height:28vw;}
    #mCompany .box1 .txt_box {padding-right:30px;}
    #mCompany .box1 .txt_box .t1 {font-size:1em; margin-top:10px;}
    #mCompany .box1 .txt_box .t1:first-of-type {margin-top:20px;}
    #mCompany .box2 {margin-top:10%;}
    #mCompany .box2 .icon {width:140px; height:140px;}
    #mCompany .box2 dl {margin-top:15px;}
    #mCompany .box2 dl dt {font-size:1.3em;}
    #mCompany .box2 dl dd {font-size:1em; margin-top:5px; padding:0 15px;}
}

@media screen and (max-width:767px){
    #mCompany .box1 > div {width:100%;}
    #mCompany .box1 .img_box {display:none;}
    #mCompany .box1 .txt_box {padding-right:0;}
    #mCompany .box1 .txt_box .t1 {margin-top:1.5%}
    #mCompany .box1 .txt_box .t1:first-of-type {margin-top:2%;}
    #mCompany .box2 {margin-top:10%;}
    #mCompany .box2 .icon {width:100px; height:100px;}
    #mCompany .box2 dl {margin-top:15px;}
    #mCompany .box2 dl dt {font-size:1.2em;}
    #mCompany .box2 dl dd {padding:0 10px;}
    .mCompany_slide {width:220px;}
}


#mProducts {width:100%; background:#003056; padding:120px 0;}
.mProducts_slide {margin-top:30px;}
.mProducts_slide .swiper-wrapper {align-items:normal; flex-wrap:wrap;}
.mProducts_slide .swiper-slide {height:auto; background:#fff;}
.mProducts_slide .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mProducts_slide .txt_box {display:flex; justify-content:space-between; flex-direction:column; width:100%; height:calc(100% - 250px); padding:30px;}
.mProducts_slide .txt_box dl dt {font-size:1.5em; font-weight:600;}
.mProducts_slide .txt_box dl dd {font-size:1em; color:#666; line-height:1.43em; margin-top:10px;}
.mProducts_slide .txt_box p {width:121px; line-height:30px; border:1px solid #003056; border-radius:3px; font-size:0.875em; color:#003056; font-weight:600; text-align:center; margin-top:20px; transition:all 0.5s; transition-property:background, color;}
.mProducts_slide .swiper-slide:hover p {background:#003056; color:#fff; font-weight:600;}

@media screen and (min-width:1025px){
    .mProducts_slide .swiper-slide {width:calc(33.33% - 14px) !important; margin-right:21px !important;}
    .mProducts_slide .swiper-slide:nth-child(3) ~ .swiper-slide {margin-top:21px;}
}

@media screen and (min-width:768px){
    .mProducts_slide .swiper-wrapper {transform:translate(0) !important;}
    .mProducts_slide .swiper-slide:nth-child(3n) {margin-right:0 !important;}
}

@media screen and (min-width:768px) and (max-width:1024px){
    .mProducts_slide .swiper-slide {width:calc(33.33% - 6.66px) !important; margin-right:10px !important;}
    .mProducts_slide .swiper-slide:nth-child(3) ~ .swiper-slide {margin-top:10px;}
}

@media screen and (max-width:1220px){
    .mProducts_slide .img_box {height:18vw;}
    .mProducts_slide .txt_box {height:calc(100% - 18vw);}
}

@media screen and (max-width:1024px){
    #mProducts {padding:12% 0;}
    .mProducts_slide {margin-top:5%;}
    .mProducts_slide .txt_box {padding:15px;}
    .mProducts_slide .txt_box dl dt {font-size:1.3em;}
    .mProducts_slide .txt_box dl dd {margin-top:5px;}
    .mProducts_slide .txt_box p {width:110px; line-height:28px; margin-top:15px;}
}

@media screen and (max-width:767px){
    .mProducts_slide .swiper-wrapper {flex-wrap:unset}
    .mProducts_slide .img_box {height:48vw;}
    .mProducts_slide .txt_box {height:calc(100% - 48vw)}
}


#mRnd {width:100%; background:#f8f8f8; padding:120px 0;}
#mRnd .box {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px;}
#mRnd .box > div {width:calc(50% - 10px); background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.05)}
#mRnd .box > div .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mRnd .box > div .tit {width:100%; background:#003056; font-size:1.5em; color:#fff; font-weight:600; padding:15px 40px;}
#mRnd .box > div .txt_box {width:100%; padding:30px 40px 40px;}
#mRnd .box > div .txt_box .t1 {font-size:1em; color:#666; line-height:1.43em;}
#mRnd .box > div .txt_box .button {width:121px; line-height:30px; border:1px solid #003056; border-radius:3px; font-size:0.875em; color:#003056; font-weight:600; text-align:center; margin-top:20px; transition:all 0.5s; transition-property:background, color;}
#mRnd .box > div:hover .txt_box .button {background:#003056; color:#fff; font-weight:600;}

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

@media screen and (max-width:1024px){
    #mRnd {padding:12% 0;}
    #mRnd .box {margin-top:3%;}
    #mRnd .box > div {width:calc(50% - 5px)}
    #mRnd .box > div .tit {font-size:1.3em; padding:10px 15px;}
    #mRnd .box > div .txt_box {padding:15px;}
    #mRnd .box > div .txt_box .button {width:110px; line-height:28px; margin-top:15px;}
}

@media screen and (max-width:767px){
    #mRnd .box > div {width:100%; margin-bottom:2%;}
    #mRnd .box > div:last-child {margin-bottom:0;}
    #mRnd .box > div .img_box {height:50vw;}
    #mRnd .box > div .tit {font-size:1.2em;}
}


#mIndustry {padding:120px 0;}
.mIndustry_slide {width:100%; margin-top:30px; position:relative; padding-bottom:56px;}
.mIndustry_slide .swiper-slide {display:flex;  align-items:center; flex-wrap:wrap;}
.mIndustry_slide .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mIndustry_slide .txt_box {width:50%; padding-left:100px;}
.mIndustry_slide .txt_box dl {margin-bottom:30px;}
.mIndustry_slide .txt_box dl dt {font-size:1.875em; font-weight:600;}
.mIndustry_slide .txt_box dl dd {font-size:1em; color:#666; line-height:1.43em; margin-top:15px; word-break:break-all;}
.mIndustry_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mIndustry_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; opacity:1; margin:0 5px;}
.mIndustry_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#003056;}

@media screen and (max-width:1220px){
    .mIndustry_slide .img_box {height:30vw;}
    .mIndustry_slide .txt_box {padding-left:50px;}
}

@media screen and (max-width:1024px){
    #mIndustry {padding:12% 0;}
    .mIndustry_slide {margin-top:3%; padding-bottom:40px;}
    .mIndustry_slide .txt_box {padding-left:30px;}
    .mIndustry_slide .txt_box dl {margin-bottom:15px;}
    .mIndustry_slide .txt_box dl dt {font-size:1.5em;}
    .mIndustry_slide .txt_box dl dd {margin-top:10px;}
}

@media screen and (max-width:767px){
    .mIndustry_slide {padding-bottom:30px;}
    .mIndustry_slide .img_box {width:100%; height:53vw;}
    .mIndustry_slide .txt_box {width:100%; padding-left:0; margin-top:3%;}
    .mIndustry_slide .txt_box dl {margin-bottom:15px;}
    .mIndustry_slide .txt_box dl dt {font-size:1.4em;}
    .mIndustry_slide .txt_box dl dd {margin-top:5px;}
    .mIndustry_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:5px; height:5px; margin:0 4px;}
}


#mTechnology {width:100%; background:url(../images/mTechnologyBG.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative; padding:120px 0;}
#mTechnology:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.5; position:absolute; left:0; top:0; z-index:0;}
#mTechnology > div {display:flex; flex-wrap:wrap; position:relative;}
#mTechnology .main_title {width:calc(100% - 500px);}
#mTechnology .txt_box {width:500px;}
#mTechnology .txt_box p {font-size:1.125em; color:#fff; line-height:1.55em; margin-bottom:15px;}
#mTechnology .txt_box p:last-child {margin-bottom:0;}

@media screen and (max-width:1220px){
    #mTechnology {padding:12% 0;}
    #mTechnology .main_title {width:300px;}
    #mTechnology .txt_box {width:calc(100% - 300px)}
    #mTechnology .txt_box p {font-size:1em; margin-bottom:10px;}
}

@media screen and (max-width:767px){
    #mTechnology {background-attachment:unset;}
    #mTechnology .main_title {width:100%;}
    #mTechnology .txt_box {width:100%; margin-top:3%;}
    #mTechnology .txt_box p {margin-bottom:1.5%;}
}


#mPatent {width:100%; background:#f8f8f8; padding:120px 0;}
#mPatent .tit_box {display:flex; justify-content:space-between; align-items:end; margin-bottom:30px;}
.mPatent_slide_wrap {width:100%; position:relative; padding-bottom:56px;}
.mPatent_slide {width:100%; overflow:hidden;}
.mPatent_slide .swiper-slide {border:1px solid #ccc;}
.mPatent_slide img {width:100%;}
.mPatent_slide .swiper-button-prev, .mPatent_slide .swiper-button-next {width:50px; height:50px; background:#eee; border-radius:50%; font-size:1em; color:#191919; transform:translateY(-50%)}
.mPatent_slide .swiper-button-prev {left:-80px;}
.mPatent_slide .swiper-button-next {right:-80px;}
.mPatent_slide .swiper-button-prev:after, .mPatent_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mPatent_slide .swiper-button-prev:after {content:'\f053'}
.mPatent_slide .swiper-button-next:after {content:'\f054'}
.mPatent_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mPatent_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; opacity:1; margin:0 5px;}
.mPatent_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#003056;}

@media screen and (max-width:1220px){
    .mPatent_slide .swiper-button-prev, .mPatent_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1024px){
    #mPatent {padding:12% 0;}
    #mPatent .tit_box {margin-bottom:3%;}
    .mPatent_slide_wrap {padding-bottom:40px;}
}

@media screen and (max-width:767px){
    .mPatent_slide_wrap {padding-bottom:30px;}
    .mPatent_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:5px; height:5px; margin:0 4px;}
}


/* sub */
#sVisu {width:100%; height:31.25vw; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; /*animation:sVisu 6000ms ease-in-out forwards;*/}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.3; position:absolute; left:0; top:0; z-index:5;}

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

@keyframes sVisu {
    0% {transform:scale(1.1)}
    100% {transform:scale(1)}
}

/*@media screen and (max-width:1024px){
    #sVisu {height:400px;}
}

@media screen and (max-width:767px){
    #sVisu {height:210px;}
}*/


#sub_content {width:100%; margin:120px 0;}

.sub_title {font-size:3.125em; color:#003056; line-height:1.2em; font-weight:600; font-family:'Open Sans', 'Pretendard';}

.s_tit1 {font-size:2.18em; font-weight:600; line-height:1.2em;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.5em; word-break:break-all;}

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

    .sub_title {font-size:2.5em;}

	.s_tit1 {font-size:1.8em;}

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

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

	.s_tit1 {font-size:1.5em;}
}


.sub_table_box1 {width:100%; border-top:2px solid #003056;}
.sub_table_box1 tbody th {background:#f8f8f8; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; padding:20px 0;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; padding:20px 30px;}

@media screen and (max-width:1024px){
    .sub_table_box1 tbody th {font-size:1em; padding:10px 0;}
    .sub_table_box1 tbody td {font-size:1em; padding:10px;}
}


.sub_tab_box1 {width:100%;}
.sub_tab_box1 ul {width:100%; display:flex; flex-wrap:wrap;}
.sub_tab_box1 ul li {width:33.33%;}
.sub_tab_box1.col2 ul li {width:50%;}
.sub_tab_box1 ul li button, .sub_tab_box1 ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:51px; border:1px solid #ccc; border-left:0; font-size:1.125em; color:#666; transition:color 0.4s;}
.sub_tab_box1 ul li:first-child button, .sub_tab_box1 ul li:first-child a {border-left:1px solid #ccc;}
.sub_tab_box1 ul li:hover button, .sub_tab_box1 ul li:hover a {color:#003056;}
.sub_tab_box1 ul li.on button, .sub_tab_box1 ul li.on a {background:#003056; border-color:#003056; color:#fff; font-weight:600;}

@media screen and (max-width:1024px){
    .sub_tab_box1 ul li button, .sub_tab_box1 ul li a {height:42px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_tab_box1 ul li button, .sub_tab_box1 ul li a {height:35px;}
}


.sGreeting_case1 .name {font-size:1.125em; font-weight:600;}
.sGreeting_case1 .name strong {font-size:1.33em; font-weight:600; margin-left:15px;}

@media screen and (max-width:1024px){
    .sGreeting_case1 .name {font-size:1em;}
    .sGreeting_case1 .name strong {margin-left:10px;}
}


.sCompany_case1 {width:100%; background:#f8f8f8; padding:120px 0;}
.sCompany_case1 > div {display:flex; flex-wrap:wrap;}
.sCompany_case1 .img_box {width:360px;}
.sCompany_case1 .txt_box {width:calc(100% - 360px); padding-left:100px;}
.sCompany_case1 .txt_box .name {font-size:1.125em; color:#666; font-weight:600;}
.sCompany_case1 .txt_box .name strong {font-size:1.94em; color:#191919; font-weight:600; margin-right:15px;}
.sCompany_case1 .txt_box dl dt {font-size:1.5em; color:#003056; font-weight:600; margin:25px 0 10px;}
.sCompany_case1 .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em;}
.sCompany_case1 .txt_box dl dd span {display:inline-block; width:63px;}

.sCompany_case2 table th {width:200px;}
.sCompany_case2 .btn_box {display:flex; justify-content:end;}

.sCompany_case3 {width:100%; padding-left:490px;}
.sCompany_case3 > div {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc; padding:30px 0;}
.sCompany_case3 > div:first-child {padding-top:0;}
.sCompany_case3 > div:last-child {border-bottom:0; padding-bottom:0;}
.sCompany_case3 > div .year {width:120px; font-size:1.875em; color:#003056; font-weight:600;}
.sCompany_case3 > div dl {width:calc(100% - 120px); overflow:hidden;}
.sCompany_case3 > div dl dt {float:left; width:44px; font-size:1.125em; color:#003056; font-weight:600; line-height:1.55em; clear:both;}
.sCompany_case3 > div dl dd {float:left; width:calc(100% - 44px); font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1220px){
    .sCompany_case3 {padding-left:200px;}
}

@media screen and (max-width:1024px){
    .sCompany_case1 {padding:12% 0;}
    .sCompany_case1 .img_box {width:250px;}
    .sCompany_case1 .img_box img {width:100%;}
    .sCompany_case1 .txt_box {width:calc(100% - 250px); padding-left:30px;}
    .sCompany_case1 .txt_box .name {font-size:1em;}
    .sCompany_case1 .txt_box .name strong {font-size:1.5em; margin-right:10px;}
    .sCompany_case1 .txt_box dl dt {font-size:1.3em; margin:15px 0 5px;}
    .sCompany_case1 .txt_box dl dd {font-size:1em;}
	.sCompany_case1 .txt_box dl dd span {width:50px;}
    
    .sCompany_case2 table th {width:130px;}

    .sCompany_case3 {padding-left:15%;}
    .sCompany_case3 > div {padding:3% 0;}
    .sCompany_case3 > div .year {width:100px; font-size:1.5em;}
    .sCompany_case3 > div dl {width:calc(100% - 100px)}
    .sCompany_case3 > div dl dt {width:35px; font-size:1em;}
    .sCompany_case3 > div dl dd {width:calc(100% - 35px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sCompany_case1 .img_box {width:100%; text-align:center;}
    .sCompany_case1 .img_box img {max-width:220px;}
    .sCompany_case1 .txt_box {width:100%; padding-left:0; margin-top:3%;}
    .sCompany_case1 .txt_box .name {text-align:center;}
    .sCompany_case1 .txt_box dl dt {font-size:1.2em;}
	.sCompany_case1 .txt_box dl dd span {width:45px;}

    .sCompany_case2 table, .sCompany_case2 table tbody, .sCompany_case2 table tr, .sCompany_case2 table th, .sCompany_case2 table td {display:block; width:100%;}
    .sCompany_case2 table tr {display:flex; flex-wrap:wrap;}
    .sCompany_case2 table th {width:95px;}
    .sCompany_case2 table td {width:calc(100% - 95px)}

    .sCompany_case3 {padding-left:0;}
    .sCompany_case3 > div {padding:4% 0;}
    .sCompany_case3 > div .year {width:100%}
    .sCompany_case3 > div dl {width:100%; margin-top:2%;}
    .sCompany_case3 > div dl dt {width:25px;}
    .sCompany_case3 > div dl dd {width:calc(100% - 25px)}
}


.sVision_case1 {display:flex; flex-direction:row-reverse; flex-wrap:wrap; width:100%; background:#003056; }
.sVision_case1 .img_box {width:50%; background:url(../images/sVision_img1.jpg) no-repeat center center; background-size:cover;}
.sVision_case1 .txt_box {display:flex; justify-content:end; width:50%; padding:150px 0;}
.sVision_case1 .txt_box dl {width:600px; padding-right:130px;}
.sVision_case1 .txt_box dl dt {font-size:2.18em; color:#fff; font-family:'Open Sans'; margin-bottom:25px;}

.sVision_case2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sVision_case2 > div {width:calc(33.33% - 50px)}
.sVision_case2 > div .icon {display:block; width:170px; height:170px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto;}
.sVision_case2 > div dl {margin-top:30px; text-align:center;}
.sVision_case2 > div dl dt {font-size:1.5em; font-weight:600; margin-bottom:15px;}

.sVision_case2 > div .icon1 {background-image:url(../images/sVisu_img2_1.png)}
.sVision_case2 > div .icon2 {background-image:url(../images/sVisu_img2_2.png)}
.sVision_case2 > div .icon3 {background-image:url(../images/sVisu_img2_3.png)}

@media screen and (max-width:1220px){
    .sVision_case1 .txt_box {padding-left:6vw;}
    .sVision_case1 .txt_box dl {width:100%; padding-right:50px;}
}

@media screen and (max-width:1024px){
    .sVision_case1 .txt_box {padding-top:15%; padding-bottom:15%;}
    .sVision_case1 .txt_box dl {padding-right:30px;}
    .sVision_case1 .txt_box dl dt {font-size:1.8em; margin-bottom:15px;}

    .sVision_case2 > div {width:calc(33.33% - 13.33px)}
    .sVision_case2 > div .icon {width:120px; height:120px;}
    .sVision_case2 > div dl {margin-top:15px;}
    .sVision_case2 > div dl dt {font-size:1.3em; margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sVision_case1 .img_box {width:100%; height:50vw;}
    .sVision_case1 .txt_box {width:100%; padding:7% 6%;}
    .sVision_case1 .txt_box dl {padding-right:0;}
    .sVision_case1 .txt_box dl dt {font-size:1.5em; margin-bottom:2%;}
    

    .sVision_case2 > div {display:flex; width:100%; margin-bottom:5%;}
    .sVision_case2 > div:last-child {margin-bottom:0;}
    .sVision_case2 > div .icon {width:45px; height:45px; margin:0;}
    .sVision_case2 > div dl {width:calc(100% - 45px); margin-top:0; text-align:left; padding-left:10px;}
    .sVision_case2 > div dl dt {font-size:1.2em; margin-bottom:5px;}
}


.sBusiness_case1 > div {position:relative;}
.sBusiness_case1 > div:before {content:''; display:block; width:1px; height:100%; background:#a4a4a4; position:absolute; left:50%; top:0; z-index:0;}
.sBusiness_case1 p {display:flex; justify-content:center; align-items:center; text-align:center; position:relative; z-index:5;}
.sBusiness_case1 .t1 {width:230px; height:230px; background:#fff; border:20px solid #003056; border-radius:50%; font-size:1.5em; color:#003056; font-weight:600; margin:0 auto;}
.sBusiness_case1 .t2 {width:224px; height:61px; background:#003056; font-size:1.125em; color:#fff; font-weight:600; margin-left:calc(50% + 253px)}
.sBusiness_case1 .t2:before {content:''; display:block; width:253px; height:1px; background:#a4a4a4; position:absolute; right:100%; top:50%;}
.sBusiness_case1 .t3 {width:224px; height:61px; background:#fff; border:2px solid #003056; font-size:1.125em; font-weight:600; margin:130px auto 100px;}
.sBusiness_case1 .box {display:flex; justify-content:space-between;}
.sBusiness_case1 .box dl {width:calc(20% - 16px); background:#fff; position:relative; z-index:5; text-align:center;}
.sBusiness_case1 .box dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:61px; background:#fff; border:2px solid #003056; font-size:1.125em; font-weight:600; margin-bottom:20px;}
.sBusiness_case1 .box dl dd {display:flex; justify-content:center; align-items:center; width:100%; height:51px; background:#f8f8f8; font-size:1.125em; color:#666; margin-bottom:10px;}
.sBusiness_case1 .box dl dd:last-of-type {margin-bottom:0;}
.sBusiness_case1 .box dl:nth-child(1):before {content:''; width:calc(200% + 40px); height:280px; border-left:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; left:50%; bottom:100%;}
.sBusiness_case1 .box dl:nth-child(2):before {content:''; width:calc(100% + 20px); height:60px; border-left:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; left:50%; bottom:100%;}
.sBusiness_case1 .box dl:nth-child(4):before {content:''; width:calc(100% + 20px); height:200px; border-right:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; right:50%; bottom:100%;}
.sBusiness_case1 .box dl:nth-child(5):before {content:''; width:calc(200% + 40px); height:240px; border-right:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; right:50%; bottom:100%;}

.sBusiness_case2 {background:#f8f8f8;}
.sBusiness_slide_wrap {width:100%; position:relative; padding-bottom:56px;}
.sBusiness_slide {width:100%; overflow:hidden;}
.sBusiness_slide .swiper-slide {position:relative;}
.sBusiness_slide .img_box img {width:100%;}
.sBusiness_slide p {width:100%; background:#003056; font-size:1.125em; color:#fff; font-weight:600; padding:15px 20px; position:absolute; left:0; bottom:0;}
.sBusiness_slide .swiper-button-prev, .sBusiness_slide .swiper-button-next {width:50px; height:50px; background:#eee; border-radius:50%; font-size:1em; color:#191919; transform:translateY(-50%)}
.sBusiness_slide .swiper-button-prev {left:-80px;}
.sBusiness_slide .swiper-button-next {right:-80px;}
.sBusiness_slide .swiper-button-prev:after, .sBusiness_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sBusiness_slide .swiper-button-prev:after {content:'\f053'}
.sBusiness_slide .swiper-button-next:after {content:'\f054'}
.sBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; opacity:1; margin:0 5px;}
.sBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#003056;}

@media screen and (max-width:1220px){
    .sBusiness_slide .swiper-button-prev, .sBusiness_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1024px){
    .sBusiness_case1 .t1 {width:170px; height:170px; border-width:12px; font-size:1.3em}
    .sBusiness_case1 .t2 {width:170px; height:50px; font-size:1em; margin-left:calc(50% + 130px)}
    .sBusiness_case1 .t2:before {width:130px;}
    .sBusiness_case1 .t3 {width:170px; height:50px; font-size:1em; margin:60px auto;}
    .sBusiness_case1 .box dl {width:calc(20% - 8px)}
    .sBusiness_case1 .box dl dt {height:50px; font-size:1em; margin-bottom:10px;}
    .sBusiness_case1 .box dl dd {height:40px; font-size:1em; margin-bottom:5px;}
    .sBusiness_case1 .box dl:nth-child(1):before {width:calc(200% + 20px); height:160px}
    .sBusiness_case1 .box dl:nth-child(2):before {width:calc(100% + 10px); height:40px;}
    .sBusiness_case1 .box dl:nth-child(4):before {width:calc(100% + 10px); height:126px;}
    .sBusiness_case1 .box dl:nth-child(5):before {width:calc(200% + 20px); height:143px}
    
    .sBusiness_slide_wrap {padding-bottom:40px;}
    .sBusiness_slide p {font-size:1em; padding:10px;}
}

@media screen and (max-width:767px){
    .sBusiness_case1 {overflow-x:auto;}
    .sBusiness_case1 > div {min-width:600px;}
    .sBusiness_case1 .t1 {width:130px; height:130px; border-width:8px; font-size:1.2em}
    .sBusiness_case1 .t2 {width:120px; height:45px;}
    .sBusiness_case1 .t3 {width:120px; height:45px;}
    .sBusiness_case1 .box dl dt {height:45px;}
    .sBusiness_case1 .box dl dd {height:38px;}
    
    .sBusiness_slide_wrap {padding-bottom:30px;}
    .sBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:5px; height:5px; margin:0 4px;}
}


.sTechnology_case1 {display:flex; align-items:center; flex-wrap:wrap;}
.sTechnology_case1 .img_box {width:calc(50% - 18px); height:500px; background:url(../images/sTechnology_img1.jpg) no-repeat center center; background-size:cover;}
.sTechnology_case1 .txt_box {width:calc(50% + 18px); padding-left:100px}
.sTechnology_case1 .txt_box dl {width:500px;}
.sTechnology_case1 .txt_box dl dt {font-size:2.18em; font-weight:600; font-family:'Open Sans'; margin-bottoM:25px;}
.sTechnology_case1 .txt_box dl dd {margin-bottom:15px; word-break:keep-all;}
.sTechnology_case1 .txt_box dl dd:last-of-type {margin-bottom:0;}

@media screen and (max-width:1220px){
    .sTechnology_case1 .txt_box {padding:0 6% 0 50px;}
    .sTechnology_case1 .txt_box dl {width:100%;}
}

@media screen and (max-width:1024px){
    .sTechnology_case1 .img_box {height:400px;}
    .sTechnology_case1 .txt_box {padding-left:30px;}
    .sTechnology_case1 .txt_box dl dt {font-size:1.8em; margin-bottom:15px;}
    .sTechnology_case1 .txt_box dl dd {margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sTechnology_case1 .img_box {width:100%; height:50vw;}
    .sTechnology_case1 .txt_box {width:100%; padding:5% 6% 0;}
    .sTechnology_case1 .txt_box dl dt {font-size:1.5em; margin-bottom:2%;}
    .sTechnology_case1 .txt_box dl dd {margin-bottom:1.5%;}
}


.sCertifications_case1 {display:flex; flex-wrap:wrap; width:100%;}
.sCertifications_case1 > div {width:calc(25% - 15px); margin-right:20px; position:relative;}
.sCertifications_case1 > div:nth-child(4n) {margin-right:0;}
.sCertifications_case1 > div:nth-child(4) ~ div {margin-top:50px;}
.sCertifications_case1 > div .td_chk {position:absolute; left:5px; top:5px; z-index:30;}
.sCertifications_case1 > div .img {width:100%; border:1px solid #ccc; overflow:hidden;}
.sCertifications_case1 > div p {font-size:1.125em; font-weight:500; line-height:1.5em; text-align:center; margin-top:15px;}

@media screen and (max-width:1220px){
    .sCertifications_case1 > div .img img {width:100%;}
}

@media screen and (max-width:1024px){
    .sCertifications_case1 > div {width:calc(25% - 7.5px); margin-right:10px;}
    .sCertifications_case1 > div:nth-child(4) ~ div {margin-top:30px;}
    .sCertifications_case1 > div p {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sCertifications_case1 > div {width:calc(50% - 5px);}
    .sCertifications_case1 > div:nth-child(even) {margin-right:0;}
    .sCertifications_case1 > div:nth-child(2) ~ div {margin-top:6%;}
}


.sLocation_case1 > div {margin-bottom:70px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 > div .map_box {width:100%; height:500px; border:1px solid #ccc; margin-bottom:50px;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .map_box iframe {width:100%; height:100%;}
.sLocation_case1 > div .info_box {display:flex; justify-content:space-between;}
.sLocation_case1 > div .info_box .tit {font-size:2.18em; font-weight:600;}
.sLocation_case1 > div .info_box dl {overflow:hidden;}
.sLocation_case1 > div .info_box dl dt {float:left; font-size:1.125em; font-weight:600; margin-bottom:10px; padding-right:10px; clear:both;}
.sLocation_case1 > div .info_box dl dd {float:left; font-size:1.125em; color:#666; margin-bottom:10px;}
.sLocation_case1 > div .info_box dl dt:last-of-type, .sLocation_case1 > div .info_box dl dd:last-of-type {margin-bottom:0;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:7%;}
    .sLocation_case1 > div .map_box {height:380px; margin-bottom:3%;}
    .sLocation_case1 > div .info_box .tit {font-size:1.7em;}
    .sLocation_case1 > div .info_box dl dt {font-size:1em; margin-bottom:5px;}
    .sLocation_case1 > div .info_box dl dd {font-size:1em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:220px;}
    .sLocation_case1 > div .info_box {display:block;}
    .sLocation_case1 > div .info_box .tit {font-size:1.4em; margin-bottom:1%;}
}


.sContact_case1 {display:flex; flex-wrap:wrap; width:100%;}
.sContact_case1 .tit_box {width:555px;}
.sContact_case1 .tit_box .s_txt1 {margin-top:25px;}
.sContact_case1 .tit_box .qr_box {display:flex; flex-wrap:wrap; margin-top:50px;}
.sContact_case1 .tit_box .qr_box > div {width:200px; margin-right:15px;}
.sContact_case1 .tit_box .qr_box > div:last-child {margin-right:0;}
.sContact_case1 .tit_box .qr_box > div img {max-width:100%;}
.sContact_case1 .tit_box .qr_box > div p {font-size:1em; font-weight:500; text-align:center; margin-top:10px;}
.sContact_case1 .form_box {width:calc(100% - 555px)}
.sContact_case1 .form_box ul li {margin-bottom:30px;}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:10px;}
.sContact_case1 .form_box ul li > label i {font-style:normal; color:#003056; margin-left:5px;}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:61px; background:#eee; border:0 !important; border-radius:5px; font-size:1.125em; padding:0 15px; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:250px; background:#eee; border:0 !important; border-radius:5px; font-size:1.125em; padding:15px; resize:none; box-shadow:none !important;}
.sContact_case1 .form_box .check_box {margin-top:15px; 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; align-items:center;}
.sContact_case1 .form_box .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:26px; height:26px; border:1px solid #ccc; border-radius:5px; 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:1em; padding-left:10px;}
.sContact_case1 .form_box .check_box label span button {font-size:1em; font-weight:600; text-decoration:underline; position:relative;  z-index:10;}
.sContact_case1 .form_box .check_box input:checked + label:before {content:'\f00c'; background:#003056; border-color:#003056;}
.sContact_case1 .form_box .submit_btn {display:block; width:100%; height:59px; background:#003056; border-radius:5px; font-size:1em; color:#fff; font-weight:600; margin-top:30px;}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:500px;}
    .sContact_case1 .form_box {width:calc(100% - 500px)}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box {width:370px;}
    .sContact_case1 .tit_box .s_txt1 {margin-top:15px;}
    .sContact_case1 .tit_box .qr_box {margin-top:30px;}
    .sContact_case1 .tit_box .qr_box > div {width:160px; margin-right:10px;}
    .sContact_case1 .form_box {width:calc(100% - 370px)}
    .sContact_case1 .form_box ul li {margin-bottom:15px;}
    .sContact_case1 .form_box ul li > label {font-size:1em; margin-bottom:5px;}
    .sContact_case1 .form_box ul li .form_txt {height:45px; font-size:1em; padding:0 10px;}
    .sContact_case1 .form_box ul li .form_textarea {height:180px; font-size:1em; padding:10px;}
    .sContact_case1 .form_box .check_box {margin-top:10px;}
    .sContact_case1 .form_box .check_box label:before {width:22px; height:22px;}
    .sContact_case1 .form_box .submit_btn {height:50px; margin-top:20px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .tit_box {width:100%;}
    .sContact_case1 .tit_box .s_txt1 {margin-top:2%;}
    .sContact_case1 .tit_box .qr_box {margin-top:5%;}
    .sContact_case1 .tit_box .qr_box > div {width:110px; margin-right:5px;}
    .sContact_case1 .tit_box .qr_box > div p {margin-top:5px;}
    .sContact_case1 .form_box {width:100%; margin-top:7%;}
    .sContact_case1 .form_box ul li {margin-bottom:4%;}
    .sContact_case1 .form_box ul li .form_txt {height:38px;}
    .sContact_case1 .form_box ul li .form_textarea {height:120px;}
    .sContact_case1 .form_box .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box .submit_btn {height:45px; margin-top:5%;}
}


.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:500;}
.modal_popup.on {display:flex;}
.modal_inner {width:88%; max-width:1000px;}
.modal_inner .tit_box {width:100%; position:relative;}
.modal_inner .tit_box p {font-size:1.5em; color:#fff; font-weight:600; text-align:center; margin-bottom:20px;}
.modal_inner .tit_box .close_btn {font-size:2.375em; color:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.modal_inner .cont_box {width:100%; background:#fff; padding:30px;}
.modal_inner .cont_box > div {width:100%; height:400px; border:1px solid #ddd; padding:20px; overflow-y:auto;}
.modal_inner .cont_box > div p {font-size:0.8125em; color:#666; line-height:1.5em; word-break:break-word;}

@media screen and (max-width:1024px){
	.modal_inner .tit_box p {font-size:1.3em; margin-bottom:15px;}
	.modal_inner .tit_box .close_btn {font-size:2em;}
	.modal_inner .cont_box {padding:15px;}
	.modal_inner .cont_box > div {height:280px; padding:10px;}
}

@media screen and (max-width:767px){
	.modal_inner .cont_box {padding:10px;}
	.modal_inner .cont_box > div {height:200px;}
}