@charset "utf-8";

.eemict_btn1 {display:inline-block; width:auto; line-height:54px; background:#191919; border-radius:30px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.4s; padding:0 30px;}
.eemict_btn1:hover {background:#dd0023}
.eemict_btn1.white {background:rgba(255,255,255,0.2)}
.eemict_btn1.white:hover {background:#29043b;}
.eemict_btn1.case2 {background:rgba(255,255,255,0.2)}
.eemict_btn1.case2:hover {background:#dd0023;}

@media screen and (max-width:1024px){
	.eemict_btn1 {line-height:48px; padding:0 20px;}
}

@media screen and (max-width:767px){
	.eemict_btn1 {line-height:38px; padding:0 13px;}
}


/* header */
#eemict_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:115px; position:fixed; left:0; top:0; padding:0 50px; z-index:300; transition:all 0.5s; transition-property:height, background}
#eemict_header > div {display:flex; align-items:center; position:relative; z-index:10;}
#eemict_header > div:nth-child(1) {z-index:15;}

#eemict_header .aveva {margin-left:20px;}

#eemict_header .h_sch {display:block; width:200px; position:relative; margin-right:20px;}
#eemict_header .h_sch form {width:100%; position:relative;}
#eemict_header .h_sch input {display:block; width:100%; height:50px; background:none; border:0; border-bottom:1px solid #fff; border-radius:0; font-size:1.125em; color:#fff; padding:0 30px 0 6px;}
#eemict_header .h_sch input:focus {outline:none; border:0 !important; border-bottom:1px solid #dd0023 !important; box-shadow:none !important;}
#eemict_header .h_sch button {display:block; width:30px; height:100%; font-size:1.125em; color:#fff; text-align:center; position:absolute; right:0; top:0;}

#eemict_header .h_sch_btn {display:none;}

#eemict_header .h_member {display:flex; align-items:center; margin-right:20px;}
#eemict_header .h_member li a {font-size:0.875em; color:#fff; font-weight:500; padding:0 10px; position:relative;}
#eemict_header .h_member li a:before {content:''; display:block; width:1px; height:12px; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#eemict_header .h_member li:first-child a:before {display:none;}


#eemict_logo {width:231px; height:50px; background:url(../images/logo_w.png) no-repeat center center; background-size:contain; position:relative; z-index:15;}
#eemict_logo a {display:block; width:100%; height:100%;}

#eemict_gnb {width:100%; position:absolute; left:0; top:0;}
#eemict_gnb > ul {display:flex; justify-content:center;}
#eemict_gnb > ul > li {padding:0 25px; position:relative;}
#eemict_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:700; line-height:115px; position:relative; transition:line-height 0.5s;}
#eemict_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, 15px); transition:width 0.5s;}
#eemict_gnb > ul > li > ul {width:auto; background:#fff; border-radius:20px; padding:26px 32px; box-shadow:0 10px 12px rgba(0,0,0,0,0.6); position:absolute; left:50%; top:50%; transform:translate(-50%, 36px); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#eemict_gnb > ul > li > ul > li {margin-bottom:15px;}
#eemict_gnb > ul > li > ul > li:last-child {margin-bottom:0;}
#eemict_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#666; line-height:1.3em; white-space:nowrap;}
#eemict_gnb > ul > li > ul > li > a:hover {color:#dd0023; font-weight:700;}
#eemict_gnb > ul > li:hover > a:after {width:100%;}
#eemict_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10;}
#all_gnb .top_box {display:none;}
#all_gnb > ul {display:flex; width:1200px;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative;}
#all_gnb > ul > li > a {font-size:1.875em; color:#fff; font-weight:600;}
#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:flex; justify-content:center; flex-direction:column; width:30px; height:30px; position:relative; z-index:15;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; margin:3px auto; transition:all 0.4s ease-in-out;}

#menuToggle:hover span:nth-child(2) {opacity:0;}
#menuToggle:hover span {margin:1px auto; width:calc(100% - 5px)}


#eemict_header.sub_header {background:#fff; border-bottom:1px  solid #ededed}
#eemict_header.sub_header #eemict_logo {background-image:url(../images/logo.png);}
#eemict_header.sub_header #eemict_gnb > ul > li > a {color:#191919;}
#eemict_header.sub_header #menuToggle span {background:#191919;}


#eemict_header.scroll_on {background:#fff; border-bottom:1px  solid #ededed}
#eemict_header.scroll_on #eemict_logo {background-image:url(../images/logo.png);}
#eemict_header.scroll_on #eemict_gnb > ul > li > a {color:#191919; line-height:88px;}
#eemict_header.scroll_on #menuToggle span {background:#191919;}


#eemict_header.on #eemict_logo {background-image:url(../images/logo_w.png);}
#eemict_header.on #menuToggle span {margin:1px auto; width:calc(100% - 5px); background:#fff;}
#eemict_header.on #menuToggle span:nth-child(1) {transform:translateY(4px) rotate(45deg)}
#eemict_header.on #menuToggle span:nth-child(2) {opacity:0;}
#eemict_header.on #menuToggle span:nth-child(3) {transform:translateY(-4px) rotate(-45deg)}

@media screen and (max-width:1220px) and (min-width:1025px){
	#eemict_header.scroll_on .h_sch {top:80px;}
}

@media screen and (min-width:1025px){
	#all_gnb {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 !important;}
	#all_gnb > ul > li {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:#dd0023; border-radius:50%; position:absolute; left:20px; bottom:105%; 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 > 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;}

	#eemict_header.sub_header .h_sch input {border-bottom-color:#ccc;}
	#eemict_header.sub_header .h_sch button {color:#191919;}
	#eemict_header.sub_header .h_member li a {color:#666}
	#eemict_header.sub_header .h_member li a:before {background:#ccc;}

	#eemict_header.scroll_on {height:88px;}
	#eemict_header.scroll_on .h_sch input {color:#191919; border-bottom-color:#ccc;}
	#eemict_header.scroll_on .h_sch button {color:#191919;}
	#eemict_header.scroll_on .h_member li a {color:#666}
	#eemict_header.scroll_on .h_member li a:before {background:#ccc;}
	
	#eemict_header.on {backdrop-filter:unset;}
	#eemict_header.on #all_gnb {opacity:1; visibility:visible;}
	#eemict_header.on #all_gnb:before {height:100%; transition-delay:0s;}
	#eemict_header.on #all_gnb > ul > li {opacity:1; transform:translateY(0)}
	#eemict_header.on #all_gnb > ul > li:nth-child(1) {transition-delay:0.3s;}
	#eemict_header.on #all_gnb > ul > li:nth-child(2) {transition-delay:0.4s;}
	#eemict_header.on #all_gnb > ul > li:nth-child(3) {transition-delay:0.5s;}
	#eemict_header.on #all_gnb > ul > li:nth-child(4) {transition-delay:0.6s;}
	#eemict_header.on #all_gnb > ul > li:nth-child(5) {transition-delay:0.7s;}
}

@media screen and (max-width:1399px){
	#eemict_gnb > ul > li {padding:0 15px;}
	#eemict_gnb > ul > li > a {font-size:1em;}

	#eemict_header .h_sch {width:150px;}
}

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

	#eemict_header .aveva {margin-left:10px;}
	#eemict_header .aveva img {height:35px;}

	#eemict_header .h_sch {display:none; width:100%; background:#191919; backdrop-filter:blur(20px); border-top:1px solid rgba(255,255,255,0.3); position:fixed; left:0; top:115px; margin-right:0; padding:30px 6%;}
	#eemict_header .h_sch.on {display:block;}

	#eemict_header .h_sch_btn {display:block; font-size:1.125em; color:#fff; margin-right:10px;}
	#eemict_header .h_sch_btn:before {content:'\f002'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}

	#eemict_header.scroll_on .h_sch_btn  {color:#191919;}

	#eemict_logo {width:200px; height:43px}

	#eemict_gnb {padding:0 200px 0 290px;}
	
    #all_gnb > ul {width:88%;}
}

@media screen and (max-width:1024px){
	#eemict_header {height:50px;}
	#eemict_header > div:nth-child(1) {z-index:10;}
	
	#eemict_header .aveva {margin-left:5px;}
	#eemict_header .aveva img {height:20px;}

	#eemict_header .h_sch {top:50px; padding:15px 6%;}
	#eemict_header .h_sch input {height:40px;}

	#eemict_header .h_sch_btn {margin-right:15px;}

	#eemict_header .h_member {display:none;}

	#eemict_logo {width:140px; height:30px;}

	#eemict_gnb {display:none;}

	#all_gnb {display:block; width:calc(100% - 50px); background:#fff; left:auto; right:-100%; transition:right 0.5s;}
	#all_gnb .top_box {display:flex; align-items:center; width:100%; height:50px; background:#191919; position:relative; padding-left:5px;}
	#all_gnb .top_box .h_member {display:flex;}
	#all_gnb > ul {display:block; width:100%;}
	#all_gnb > ul > li {width:100%; padding:0;}
	#all_gnb > ul > li > a {display:block; border-bottom:1px solid #ddd; font-size:1em; color:#191919; font-weight:500; padding:15px; position:relative;}
	#all_gnb > ul > li > a:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
	#all_gnb > ul > li > a.on:after {content:'\f106'}
	#all_gnb > ul > li > ul {display:none; background:#f8f9fc; margin-top:0;}
	#all_gnb > ul > li > ul > li > a {color:#666; padding:15px; border-bottom:1px solid #eee;}

	#menuToggle {width:22px; height:22px; z-index:10;}
	#menuToggle span {margin:2px auto;}

	#menuClose {background:#dd0023; width:50px; height:50px; position:absolute; right:0; top:0;}
	#menuClose span {display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%;}
	#menuClose span:nth-child(1) {transform:translate(-50%, 0px) rotate(45deg)}
	#menuClose span:nth-child(2) {transform:translate(-50%, 0px) rotate(-45deg)}

	#eemict_header.sub_header .h_sch_btn {color:#191919;}

	#eemict_header.scroll_on .h_sch_btn {color:#191919;}

	#eemict_header.on #eemict_logo {background-image:url(../images/logo.png);}
	#eemict_header.on #all_gnb {right:0;}
}


/* footer */
#eemict_footer {width:100%; background:#191919; padding:50px 0 70px;}
#eemict_footer ul {margin-top:10px; margin-bottom:20px;}
#eemict_footer ul li {display:inline-block; font-size:1em; color:#fff; margin-top:10px; margin-right:15px;}
#eemict_footer ul li strong {color:rgba(255,255,255,0.5); font-weight:600; margin-right:5px;}
#eemict_footer .copy {font-size:1em; color:#fff; font-weight:600;}
#eemict_footer .f_member {display:flex; gap:0 3px; position:absolute; right:0; bottom:0;}
#eemict_footer .f_member a {display:inline-block; line-height:26px; border:1px solid #ccc; font-size:0.875em; color:#fff; text-transform:uppercase; padding:0 10px}

@media screen and (max-width:1024px){
	#eemict_footer {padding:6% 0;}
	#eemict_footer .f_logo img {height:32px;}
	#eemict_footer ul br {display:none;}
	#eemict_footer ul li {font-size:0.9375em; margin-top:7px; margin-right:10px;}
	#eemict_footer .copy {font-size:0.9375em;}
}


#Quick {position:fixed; right:30px; bottom:30px; z-index:200;}
#Quick a {display:block; width:60px; height:60px; position:relative; margin-bottom:5px;}
#Quick a i {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50%; font-size:1.5em; color:#fff; transition:background 0.5s}
#Quick a p {display:inline-block; border-radius:30px; font-size:0.875em; color:#fff; font-weight:700; line-height:27px; padding:0 10px; position:absolute; right:100%; top:50%; transform:translateY(-50%); margin-right:10px; opacity:0; visibility:hidden; transition:all 0.5s; white-space:nowrap;}
#Quick a.bg1 i {background:#0065e6}
#Quick a.bg1 p {background:#0065e6;}
#Quick a.bg1:hover i {background:#0065e6;}
#Quick a.bg2 i {background:#dd0023}
#Quick a.bg2 p {background:#b4001f;}
#Quick a.bg2:hover i {background:#b4001f;}
#Quick a:hover p {opacity:1; visibility:visible;}
#Quick .go_top {display:block; width:60px; height:60px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:1.5em; color:#fff; transition:background 0.5s}
#Quick .go_top:hover {background:#191919}

@media screen and (max-width:1220px){
	#Quick {right:6%;}
}

@media screen and (max-width:1024px){
	#Quick {bottom:20px;}
	#Quick a {width:45px; height:45px; margin-bottom:3px;}
	#Quick a i {font-size:1.25em;}
	#Quick .go_top {width:45px; height:45px; font-size:1.25em;}
}

@media screen and (max-width:767px){
	#Quick {bottom:15px;}
	#Quick a {width:32px; height:32px;}
	#Quick a i {font-size:1em;}
	#Quick a p {line-height:25px; margin-right:5px;}
	#Quick .go_top {width:32px; height:32px; font-size:1em;}
}


/* main */
#mVisu {width:100%; height:100vh; overflow:hidden;}
.mVisu_slide {position:relative; height:100%;}
.mVisu_slide .swiper-slide {overflow:hidden;}
.mVisu_slide .swiper-slide .parallax-bg {position:relative; height:100%; overflow:hidden;}
.mVisu_slide .swiper-slide .parallax-bg .img {transition:transform 1000ms cubic-bezier(0.23,1,0.32,1); will-change:transform; width:100%; height:100%;}
.mVisu_slide .swiper-slide .parallax-bg .img img {width:100%; height:100%; object-fit:cover;}
.mVisu_slide .swiper-slide .parallax-bg .img:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0;}
.mVisu_slide .type2_txt {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.mVisu_slide .type2_txt strong {display:block; font-size:4.6875em; line-height:1.13em; color:#fff; font-weight:600;}
.mVisu_slide .type2_txt .txt_box {margin-top:10px;}
.mVisu_slide .type2_txt .txt_box p {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500;}
.mVisu_slide .type2_txt .txt_box .btn_box {margin-top:50px;}
.mVisu_slide .type2_txt .txt_box .btn_box .eemict_btn1 {font-size:1.125em;}
.mVisu_slide .swiper-slide .type2_txt strong, .mVisu_slide .swiper-slide .type2_txt .txt_box, .mVisu_slide .swiper-slide .type2_txt .txt_box .btn_box {opacity:0; transform:translate3d(10rem,0,0); transition:all 0.5s 0.5s cubic-bezier(0.23,1,0.32,1);}
.mVisu_slide .swiper-slide .type2_txt .txt_box {transition-delay:0.7s;}
.mVisu_slide .swiper-slide .type2_txt .txt_box .btn_box {transition:all 0.5s 0.9s;}
.mVisu_slide .swiper-slide.swiper-slide-active .type2_txt strong, .mVisu_slide .swiper-slide.swiper-slide-active .type2_txt .txt_box, .mVisu_slide .swiper-slide.swiper-slide-active .type2_txt .txt_box .btn_box {transform:translate3d(0,0,0); opacity:1;}

.mVisu_slide .btn_wrap {display:flex; align-items:center; position:absolute; left:50%; bottom:100px; transform:translateX(-50%); z-index:10;}
.mVisu_slide .btn_wrap .play_btn {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid #fff; border-radius:50%; font-size:1em; color:#fff; transition:all 0.4s; margin:0 5px;}
.mVisu_slide .btn_wrap .play_btn:before {content:'\f04c'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mVisu_slide .btn_wrap .play_btn.on:before {content:'\f04b'; font-size:0.875em; font-weight:900;}
.mVisu_slide .btn_wrap .play_btn:hover {background:#dd0023; border-color:#dd0023}
.mVisu_slide .swiper-pagination {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 220px); height:3px; background:rgba(255,255,255,0.3); position:relative; left:0; bottom:0; margin-right:60px;}
.mVisu_slide .swiper-pagination-bullet {display:block; flex-grow:1; width:auto; height:100%; background:none; border-radius:0; opacity:1;}
.mVisu_slide .swiper-pagination-bullet:before {content:''; display:block; width:0; height:100%; background:#fff; transition:width 1.5s ease-in-out;}
.mVisu_slide .swiper-pagination-bullet-active:before {width:100%;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid #fff; border-radius:50%; position:relative; left:0; top:0; margin-top:0; transition:all 0.4s;}
.mVisu_slide .swiper-button-prev:hover, .mVisu_slide .swiper-button-next:hover {background:#dd0023; border-color:#dd0023}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.mVisu_slide .swiper-button-prev:after {content:'\f104';}
.mVisu_slide .swiper-button-next:after {content:'\f105';}

@keyframes mVisu2 {
    0% {width:0%;}
    100% {width:100%;}
}

@media screen and (max-width:1024px){
	.mVisu_slide .type2_txt strong {font-size:3.5em;}
	.mVisu_slide .type2_txt .txt_box p {font-size:1.3em;}
	.mVisu_slide .type2_txt .txt_box .btn_box {margin-top:5%;}
	.mVisu_slide .type2_txt .txt_box .btn_box .eemict_btn1 {font-size:1em;}

	.mVisu_slide .btn_wrap {bottom:50px;}
	.mVisu_slide .btn_wrap .play_btn {width:40px; height:40px;}
	.mVisu_slide .swiper-pagination {width:calc(100% - 160px); margin-right:30px;}
	.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:40px; height:40px;}
}

@media screen and (max-width:767px){
	.mVisu_slide .type2_txt strong {font-size:2.7em;}
	.mVisu_slide .type2_txt .txt_box p {font-size:1em;}

	.mVisu_slide .btn_wrap {bottom:30px;}
	.mVisu_slide .btn_wrap .play_btn {width:32px; height:32px; margin:0 3px;}
	.mVisu_slide .swiper-pagination {width:calc(100% - 122px); height:2px; margin-right:22px;}
	.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:32px; height:32px;}
}


.main_title_wrap {display:flex; justify-content:space-between; align-items:end;}

.main_title h2 {font-size:4.375em; line-height:1.1em; font-weight:600;}
.main_title p {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

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

@media screen and (max-width:767px){
	.main_title_wrap {display:block;}
	.main_title_wrap .eemict_btn1 {margin-top:15px;}

	.main_title h2 {font-size:2.7em;}
	.main_title p {margin-top:1%;}
}


#mCommunity {display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:150px;}
#mCommunity > div:nth-child(1) {width:50%;}
#mCommunity > div:nth-child(2) {width:calc(50% - 70px)}
#mCommunity > div .tit_box {display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:20px;}
#mCommunity > div .tit_box h2 {font-size:2.5em; font-weight:600;}
#mCommunity > div .tit_box .view_btn {font-size:1em; color:#666; font-weight:600; transition:color 0.4s;}
#mCommunity > div .tit_box .view_btn:before {content:'\2b'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-right:5px;}
#mCommunity > div .tit_box .view_btn:hover {color:#dd0023}
#mCommunity > div .cate {display:inline-block; width:85px; line-height:30px; background:#e8eef3; border-radius:5px; font-size:0.875rem; color:#666; font-weight:600; margin-right:20px; text-align:center; vertical-align:middle;}
#mCommunity > div .subject {font-size:1.5em; line-height:30px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mCommunity > div .cont {font-size:1.125em; color:#666; line-height:1.55em; margin:15px 0; max-height:3.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mCommunity > div .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.5em;color:#fff;background:#dd0023;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:5px; position:relative; top:-2px;}
#mCommunity > div ul {display:flex; align-items:center;}
#mCommunity > div ul li {font-size:1em; color:#666;}
#mCommunity > div ul li:before {content:''; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 10px; vertical-align:middle;}
#mCommunity > div ul li:first-child:before {display:none;}
#mCommunity > div .news_box .img_box {width:100%; height:358px; border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mCommunity > div .news_box .txt_box {margin-top:30px;}
#mCommunity > div .list_box {border-top:2px solid #191919;}
#mCommunity > div .list_box a {display:flex; padding:20px 0 20px 105px; border-bottom:1px solid #ccc; position:relative}
#mCommunity > div .list_box .cate {position:absolute; left:0; top:20px;}
#mCommunity > div .list_box .subject {width:calc(100% - 75px); font-size:1.125em;}
#mCommunity > div .list_box ul {justify-content:end; width:75px;}

@media screen and (max-width:1220px){
	#mCommunity > div:nth-child(2) {width:calc(50% - 30px)}
	#mCommunity > div .news_box .img_box {height:28vw;}
}

@media screen and (max-width:1024px){
	#mCommunity {padding-top:15%;}
	#mCommunity > div .tit_box {margin-bottom:15px;}
	#mCommunity > div .tit_box h2 {font-size:2em;}
	#mCommunity > div .cate {width:75px; line-height:28px; margin-right:10px;}
	#mCommunity > div .subject {font-size:1.25em; line-height:28px;}
	#mCommunity > div .new_icon {font-size:0.7em;}
	#mCommunity > div .cont {font-size:1em; margin:10px 0;}
	#mCommunity > div ul li:before {height:12px;}
	#mCommunity > div .news_box .img_box {border-radius:10px;}
	#mCommunity > div .news_box .txt_box {margin-top:20px;}
	#mCommunity > div .list_box a {padding:15px 0 15px 85px;}
	#mCommunity > div .list_box .cate {top:15px;}
	#mCommunity > div .list_box .subject {font-size:1em;}
}


@media screen and (max-width:767px){
	#mCommunity > div:nth-child(1) {width:100%;}
	#mCommunity > div:nth-child(2) {width:100%; margin-top:10%;}
	#mCommunity > div:nth-child(2) > div:last-child {margin-top:10% !important}
	#mCommunity > div .tit_box {margin-bottom:3%;}
	#mCommunity > div .tit_box h2 {font-size:1.7em;}
	#mCommunity > div .cate {width:65px; line-height:26px; margin-right:5px;}
	#mCommunity > div .subject {font-size:1.125em; line-height:26px;}
	#mCommunity > div .new_icon {width:14px; line-height:14px; top:-1px; margin-right:3px;}
	#mCommunity > div ul li:before {height:11px;}
	#mCommunity > div .news_box .img_box {height:50vw;}
	#mCommunity > div .news_box .txt_box {margin-top:15px;}
	#mCommunity > div .list_box a {padding:12px 0 12px 70px;}
	#mCommunity > div .list_box .cate {top:12px;}
	#mCommunity > div .list_box .subject {width:calc(100% - 65px);}
	#mCommunity > div .list_box ul {width:65px;}
}


#mSolutions {padding-top:150px;}
.mSolutions_slide {position:relative; padding-bottom:58px;}
.mSolutions_slide .swiper-slide {width:380px; height:500px; border-radius:20px; overflow:hidden;}
.mSolutions_slide .swiper-slide a {display:block; width:100%; height:100%;}
.mSolutions_slide .img_box {width:100%; height:100%; position:relative}
.mSolutions_slide .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
.mSolutions_slide .img_box > div:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000); opacity:0.5; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .img_box dl {width:100%; padding:0 40px 40px; position:absolute; left:0; bottom:0; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .img_box dl dt {font-size:1.875em; color:#fff; font-weight:600;}
.mSolutions_slide .img_box dl dt.case2 {font-size:2.175em;}
.mSolutions_slide .img_box dl dd {font-size:1.5em; color:#fff; font-weight:600; margin-top:5px;}
.mSolutions_slide .txt_box {display:flex; align-items:end; width:100%; height:100%; background:rgba(0,101,230,0.9); position:absolute; left:0; top:0; padding:40px; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .txt_box dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.mSolutions_slide .txt_box dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#d9d9d9; opacity:1;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#191919;}

.mSolutions_slide .swiper-slide:hover .img_box > div {transform:scale(1.25)}
.mSolutions_slide .swiper-slide:hover .txt_box {opacity:1; visibility:visible;}

@media screen and (min-width:768px){
	.mSolutions_slide .swiper-slide:hover .img_box > div:before {opacity:0; visibility:hidden;}
	.mSolutions_slide .swiper-slide:hover .img_box dl {opacity:0; visibility:hidden;}
}

@media screen and (max-width:1024px){
	#mSolutions {padding-top:15%;}
	.mSolutions_slide {padding-bottom:40px;}
	.mSolutions_slide .swiper-slide {width:300px; height:395px; border-radius:10px;}
	.mSolutions_slide .img_box dl {padding:0 25px 25px;}
	.mSolutions_slide .img_box dl dt {font-size:1.5em;}
	.mSolutions_slide .img_box dl dt.case2 {font-size:1.7em;}
	.mSolutions_slide .img_box dl dd {font-size:1.25em;}
	.mSolutions_slide .txt_box {padding:25px;}
	.mSolutions_slide .txt_box dl dt {font-size:1.25em;}
	.mSolutions_slide .txt_box dl dd {font-size:1em; margin-top:10px;}
	.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px;}
}

@media screen and (max-width:767px){
	#mSolutions .eemict_btn1 {display:none;}
	.mSolutions_slide .swiper-slide {width:260px; height:342px;}
	.mSolutions_slide .img_box dl {padding:0 20px 20px;}
	.mSolutions_slide .txt_box {display:none; padding:20px;}
}


#mRequest {display:flex; justify-content:space-between; align-items:center; background:#3d1152 url(../images/mRequestBG.png) no-repeat center center; background-size:cover; border-radius:20px; padding:100px 120px; margin-top:150px;}
#mRequest dl dt {font-size:2.5em; color:#fff; font-weight:600;}
#mRequest dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1024px){
	#mRequest {padding:70px; border-radius:10px; margin-top:15%;}
	#mRequest dl dt {font-size:2em;}
	#mRequest dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	#mRequest {display:block; padding:11% 3%; text-align:center;}
	#mRequest dl {margin-bottom:6%;}
	#mRequest dl dt {font-size:1.7em;}
}


#mCustomer {width:100%; background:url(../images/mCustomerBG.jpg) no-repeat center center; background-size:cover; padding:100px 0; position:relative; margin-top:150px;}
#mCustomer:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mCustomer > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:10;}
#mCustomer ul {display:flex; justify-content:space-between; width:610px;}
#mCustomer ul li {width:calc(50% - 10px); height:300px; background:rgba(255,255,255,0.2); border-radius:20px; backdrop-filter:blur(20px); position:relative; transition:all 0.5s; transition-property:background, backdrop-filter;}
#mCustomer ul li:after {content:'\e09f'; display:flex; justify-content:center; align-items:center; width:54px; height:54px; background:#fff; border-radius:50%; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:40px; bottom:40px; transition:all 0.5s; transition-property:background, color;}
#mCustomer ul li a {display:block; width:100%; height:100%; padding:40px 30px;}
#mCustomer ul li dl dt {font-size:1.5em; color:#fff; font-weight:600;}
#mCustomer ul li dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
#mCustomer ul li:hover {background:#0065e6; backdrop-filter:unset;}
#mCustomer ul li:hover:after {background:#0055c0; color:#fff;}

@media screen and (max-width:1220px){
	#mCustomer .main_title {width:450px;}
	#mCustomer ul {width:calc(100% - 450px)}
	#mCustomer ul li {width:calc(50% - 5px)}
	#mCustomer ul li:after {right:30px; bottom:30px;}
	#mCustomer ul li a {padding:30px 20px;}
}

@media screen and (max-width:1024px){
	#mCustomer {padding:10% 0; margin-top:15%;}
	#mCustomer .main_title {width:320px;}
	#mCustomer ul {width:calc(100% - 320px)}
	#mCustomer ul li {height:220px; border-radius:10px;}
	#mCustomer ul li a {padding:20px;}
	#mCustomer ul li:after {width:40px; height:40px; font-size:1em; right:20px; bottom:20px}
	#mCustomer ul li dl dt {font-size:1.25em;}
	#mCustomer ul li dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
	#mCustomer .main_title {width:100%; margin-bottom:5%;}
	#mCustomer ul {display:block; width:100%}
	#mCustomer ul li {width:100%; height:auto; margin-bottom:5px;}
	#mCustomer ul li:last-child {margin-bottom:0;}
	#mCustomer ul li:after {width:32px; height:32px; right:5%; bottom:auto; top:50%; transform:translateY(-50%)}
	#mCustomer ul li a {padding:5% 50px 5% 5%;}
	#mCustomer ul li dl dd {margin-top:5px;}
}


/* sub */
#sVisu {width:100%; height:450px; padding-top:200px; 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;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:1;}
#sVisu > div {position:relative; z-index:10; text-align:center;}
#sVisu > div h2 {font-size:4.6875em; color:#fff; line-height:1.2em; font-weight:600;}
#sVisu > div ul {display:flex; justify-content:center; align-items:center; margin-top:20px;}
#sVisu > div ul li {font-size:1.125em; color:#fff; font-weight:500;}
#sVisu > div ul li:after {content:'\f105'; font-size:0.77em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin:0 15px;}
#sVisu > div ul li:last-child:after {display:none;}
#sVisu > div ul li i {font-size:0.77em;}

.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)}

@media screen and (max-width:1024px){
	#sVisu {height:350px; padding-top:150px;}
	#sVisu > div h2 {font-size:3.5em;}
	#sVisu > div ul {margin-top:15px;}
	#sVisu > div ul li {font-size:1em;}
}

@media screen and (max-width:767px){
	#sVisu {height:220px; padding-top:95px;}
	#sVisu > div h2 {font-size:2.5em;}
	#sVisu > div ul {margin-top:10px;}
	#sVisu > div ul li:after {margin:0 10px;}
}


.sub_menu_wrap {width:100%; position:relative;}
.sub_menu_wrap:after {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap ul {justify-content:center; width:1200px; margin:0 auto; position:relative; z-index:5;}
.sub_menu_wrap ul li {padding:0 15px;}
.sub_menu_wrap ul li a {display:block; font-size:1.125em; color:#666; line-height:78px; padding:0 10px; position:relative; transition:color 0.4s;}
.sub_menu_wrap ul li:hover a {color:#dd0023;}
.sub_menu_wrap ul li.on a {color:#dd0023; font-weight:600;}
.sub_menu_wrap ul li.on a:after {content:''; display:block; width:100%; height:2px; background:#dd0023; position:absolute; left:0; bottom:0;}

@media screen and (min-width:1025px){
	.sub_menu_wrap ul {display:flex !important;}
}

@media screen and (max-width:1220px){
	.sub_menu_wrap ul {width:88%;}
}

@media screen and (max-width:1024px){
	.sub_menu_wrap button {display:block; width:100%; height:45px; font-size:1em; text-align:left; padding:0 6%; position:relative;}
	.sub_menu_wrap button:after {content:'\2b'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:6%; top:50%; transform:translateY(-50%)}
	.sub_menu_wrap button.on:after {content:'\f068'}
	.sub_menu_wrap ul {display:none; width:100%; background:#f8f9fc; position:absolute; left:0; top:100%;}
	.sub_menu_wrap ul li {padding:0;}
	.sub_menu_wrap ul li a {border-bottom:1px solid #ccc; font-size:1em; line-height:1.3em; padding:12px 6%;}
	.sub_menu_wrap ul li.on a:after {display:none;}
}

@media screen and (max-width:767px){
	.sub_menu_wrap button {height:40px;}
	.sub_menu_wrap ul li a {padding:10px 6%;}
}


#sub_content {width:100%; min-height:60vh; padding:100px 0 150px; position:relative;}
#sub_content.case2 {padding-top:250px;}

.sub_title {font-size:2.5em; font-weight:600; line-height:1.25em;}
.sub_title2 {font-size:3.125em; font-weight:600; line-height:1.25em;}

.s_tit1 {font-size:1.5em; line-height:1.45em; font-weight:600;}
.s_tit2 {font-size:1.25em; font-weight:600; line-height:1.5em;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1024px){
	#sub_content {min-height:70vh; padding:10% 0 15%;}
	#sub_content.case2 {padding-top:25%;}

	.sub_title {font-size:2em;}
	.sub_title2 {font-size:2.5em;}

	.s_tit1 {font-size:1.3em;}
	.s_tit2 {font-size:1.125em;}

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

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

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


.sub_side_box {position:absolute; left:75px; top:100px; z-index:100;}
.sub_side_box ul li {position:relative; padding-left:15px; margin-bottom:10px;}
.sub_side_box ul li:last-child {margin-bottom:0;}
.sub_side_box ul li a {font-size:1em; color:#666;}
.sub_side_box ul li a:before {content:''; display:block; width:5px; height:5px; background:#dd0023; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.sub_side_box ul li.on a {color:#dd0023; font-weight:600;}
.sub_side_box ul li.on a:before {opacity:1; visibility:visible;}

.sub_side_box.scroll_on {position:fixed; top:188px;}

@media screen and (max-width:1799px){
	.sub_side_box {left:20px;}
}

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

@media screen and (max-width:1024px){
    .sub_side_box {display:none; width:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:fixed; top:50px;}
    .sub_side_box ul {display:flex; justify-content:center;}
    .sub_side_box ul li {margin-bottom:0; padding:0 13px;}
    .sub_side_box ul li:after {content:''; display:block; width:1px; height:10px; background:#a4a4a4; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    .sub_side_box ul li:last-child:after {display:none;}
    .sub_side_box ul li a {display:block; font-size:1em; line-height:40px; position:relative;}
    .sub_side_box ul li a:before {left:50%; top:auto; bottom:0; transform:translateX(-50%)}
    .sub_side_box ul li.on a:before {width:100%;}
}


.scroll_box {display:none; justify-content:end; margin-bottom:2%;}
.scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
.scroll_box div {width:50px; position:relative; margin-top:2px;}
.scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
.scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
.scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}

@keyframes moveScrollAni {
    0%, 10% {
        left: 0;
        margin-left: 0px;
    }
    50% {
        left: 100%;
        margin-left: -20px;
    }
    100% {
        left: 0;
        margin-left: 0px;
    }
}


@media screen and (max-width:1024px){
    .scroll_box.case2 {display:flex;}
}

@media screen and (max-width:767px){
    .scroll_box {display:flex;}
}


.sub_table_box1 {width:100%;}
.sub_table_box1 thead th {background:#191919; border-left:1px solid #666; font-size:1.25em; color:#fff; font-weight:600; padding:15px 5px;}
.sub_table_box1 thead th:first-child {border-left:0;}
.sub_table_box1 tbody th {background:#f8f8fa; border-bottom:1px solid #ccc; font-size:1.125em; text-align:center; padding:20px 10px;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; padding:20px 10px;}

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

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


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.55em; position:relative; padding-left:25px;}
.sub_list_box1 > li:before {content:'·'; display:inline-block; width:25px; line-height:1.35em; font-weight:900; text-align:center; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
	.sub_list_box1 > li {font-size:1em; padding-left:20px;}
	.sub_list_box1 > li:before {width:20px;}
}



.sub_img_box1 .img_box {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}


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

@media screen and (max-width:1024px){
	.sub_img_box1 .img_box {border-radius:10px;}
}



.sSolution_case1 > div {width:100%; margin-bottom:150px;}
.sSolution_case1 > div:last-child {margin-bottom:0;}
.sSolution_case1 > div .img_box {width:100%; border-radius:20px; overflow:hidden;}
.sSolution_case1 > div .img_box img {width:100%;}
.sSolution_case1 > div .txt_box {margin-top:50px; position:relative;}
.sSolution_case1 > div .txt_box .tit {font-size:3.125em; font-weight:600; padding-right:350px; margin-bottom:30px;}
.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:20px;}
.sSolution_case1 > div .txt_box .s_txt1 {margin-top:15px;}
.sSolution_case1 > div .txt_box .info {width:100%; background:#f8f8fa; border-radius:20px; padding:40px; margin-top:50px;}
.sSolution_case1 > div .txt_box .info dt {font-size:1.25em; color:#dd0023; font-weight:600;}
.sSolution_case1 > div .txt_box .info dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
.sSolution_case1 > div .txt_box .btn_box {display:flex; gap:0 5px; position:absolute; right:0; top:0;}
.sSolution_case1 > div .txt_box .btn_box a {display:flex; justify-content:center; align-items:center; width:auto; height:53px; border-radius:27px; font-size:1em; color:#fff; font-weight:600; text-align:center;}
.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {background:#dd0023; padding:0 30px;}
.sSolution_case1 > div .txt_box .btn_box a.download_btn {background:#191919; padding:0 25px;}
.sSolution_case1 > div .txt_box .btn_box a.download_btn:after {content:'\f33d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}

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

@media screen and (max-width:1024px){
	.sSolution_case1 > div {margin-bottom:15%;}
	.sSolution_case1 > div .img_box {border-radius:10px;}
	.sSolution_case1 > div .txt_box {margin-top:5%;}
	.sSolution_case1 > div .txt_box .tit {font-size:2.5em; padding-right:0; margin-bottom:2%;}
	.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:1.5%;}
	.sSolution_case1 > div .txt_box .s_txt1 {margin-top:1%;}
	.sSolution_case1 > div .txt_box .info {border-radius:10px; padding:25px; margin-top:5%;}
	.sSolution_case1 > div .txt_box .info dt {font-size:1.125em;}
	.sSolution_case1 > div .txt_box .info dd {font-size:1em; margin-top:1.5%;}
	.sSolution_case1 > div .txt_box .btn_box {justify-content:end; position:relative; margin-top:5%;}
	.sSolution_case1 > div .txt_box .btn_box a {height:47px;}
	.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {padding:0 20px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn {padding:0 15px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn:after {margin-left:5px;}
}

@media screen and (max-width:767px){
	.sSolution_case1 > div .txt_box .tit {font-size:2em;}
	.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:1.5%;}
	.sSolution_case1 > div .txt_box .s_txt1 {margin-top:1%;}
	.sSolution_case1 > div .txt_box .info {padding:15px;}
	.sSolution_case1 > div .txt_box .btn_box {gap:0 3px;}
	.sSolution_case1 > div .txt_box .btn_box a {height:37px;}
	.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {padding:0 13px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn {padding:0 12px;}
}


.sSolution_case2 > div {margin-top:100px;}
.sSolution_case2 > div:first-child {margin-top:0;}
.sSolution_case2 .img_box {width:100%; border-radius:20px; overflow:hidden;}
.sSolution_case2 .img_box img {width:100%;}
.sSolution_case2 .img_box .video {width:100%; height:0; padding-bottom:56.25%; position:relative;}
.sSolution_case2 .img_box .video iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
.sSolution_case2 .txt_box {margin-top:30px;}
.sSolution_case2 .btn_box {display:flex; justify-content:center; gap:0 5px;}
.sSolution_case2 .btn_box a {display:flex; justify-content:center; align-items:center; width:auto; height:53px; border-radius:27px; font-size:1em; color:#fff; font-weight:600; text-align:center;}
.sSolution_case2 .btn_box a.inquiry_btn {background:#dd0023; padding:0 30px;}
.sSolution_case2 .btn_box a.download_btn {background:#191919; padding:0 25px;}
.sSolution_case2 .btn_box a.download_btn:after {content:'\f33d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
.sSolution_case2 .tit1 {font-size:2.1875em; line-height:1.4em; font-weight:600; text-align:center; margin-bottom:50px;}

.sSolution_case2 .advantage_list {display:flex; justify-content:center; flex-wrap:wrap; gap:30px; width:100%;}
.sSolution_case2 .advantage_list li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(33.33% - 20px); border:1px solid #ccc; border-radius:20px; padding:45px 20px; text-align:center; position:relative;}
.sSolution_case2 .advantage_list li .icon {display:block; width:100%; max-height:63px; font-style:normal;}
.sSolution_case2 .advantage_list li .icon img {max-width:100%; max-height:100%;}
.sSolution_case2 .advantage_list li dl {margin-top:30px;}
.sSolution_case2 .advantage_list li dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sSolution_case2 .advantage_list li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

.sSolution_case2 .feature_list > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:30px;}
.sSolution_case2 .feature_list > div:nth-child(even) {flex-direction:row-reverse;}
.sSolution_case2 .feature_list > div:last-child {margin-bottom:0;}
.sSolution_case2 .feature_list > div .img {width:50%; border:1px solid #ccc; border-radius:20px; overflow:hidden;}
.sSolution_case2 .feature_list > div .img img {width:100%;}
.sSolution_case2 .feature_list > div .txt {width:calc(50% - 70px); position:relative;}
.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:10px;}
.sSolution_case2 .feature_list > div .txt .admin_btn2 {top:0; right:0;}

.sSolution_case2 .admin_btn {display:flex; justify-content:end; margin-top:30px;}
.sSolution_case2 .admin_btn a {display:block; background:#191919; border-radius:3px; font-size:0.9375em; color:#fff; font-weight:500; padding:5px 10px;}

.sSolution_case2 .admin_btn2 {display:flex; gap:0 15px; position:absolute; right:15px; top:15px;}
.sSolution_case2 .admin_btn2 a {font-size:1.125em;}

@media screen and (max-width:1220px){
	.sSolution_case2 .advantage_list {gap:20px;}
	.sSolution_case2 .advantage_list li {width:calc(33.33% - 13.33px)}

	.sSolution_case2 .feature_list > div .txt {width:calc(50% - 40px)}
}

@media screen and (max-width:1024px){
	.sSolution_case2 > div {margin-top:10%;}
	.sSolution_case2 .img_box {border-radius:10px;}
	.sSolution_case2 .txt_box {margin-top:3%;}
	.sSolution_case2 .tit1 {font-size:1.7em; margin-bottom:4%;}

	.sSolution_case2 .advantage_list {gap:10px;}
	.sSolution_case2 .advantage_list li {width:calc(33.33% - 6.66px); padding:25px 15px; border-radius:10px;}
	.sSolution_case2 .advantage_list li .icon {max-height:40px;}
	.sSolution_case2 .advantage_list li dl {margin-top:15px;}
	.sSolution_case2 .advantage_list li dl dt {font-size:1.3em;}
	.sSolution_case2 .advantage_list li dl dd {font-size:1em; margin-top:5px;}

	.sSolution_case2 .feature_list > div {margin-bottom:3%;}
	.sSolution_case2 .feature_list > div .img {border-radius:10px;}
	.sSolution_case2 .feature_list > div .txt {width:calc(50% - 20px)}
	.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:5px;}
}

@media screen and (max-width:767px){
	.sSolution_case2 .advantage_list {gap:5px;}
	.sSolution_case2 .advantage_list li {width:100%}
	.sSolution_case2 .advantage_list li .icon {max-height:35px;}
	.sSolution_case2 .advantage_list li dl dt {font-size:1.2em;}

	.sSolution_case2 .feature_list > div {margin-bottom:10%;}
	.sSolution_case2 .feature_list > div .img {width:100%;}
	.sSolution_case2 .feature_list > div .txt {width:100%; margin-top:3%;}
	.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:1%;}
}


.sApplication_case1 > div {margin-bottom:50px;}
.sApplication_case1 > div:last-child {margin-bottom:0;}
.sApplication_case1 > div .tit {display:block; width:100%; background:#191919; font-size:1.5em; color:#fff; font-weight:600; padding:15px 5px; text-align:center;}
.sApplication_case1 > div .scroll {overflow-x:auto;}
.sApplication_case1 > div .scroll table {min-width:1000px;}
.sApplication_case1 > div table {width:100%;}
.sApplication_case1 > div table tbody th {background:#f8f8fa; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; text-align:center; padding:15px 5px;}
.sApplication_case1 > div table tbody th:first-child {border-left:0;}
.sApplication_case1 > div table tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1em; color:#666; text-align:center; padding:20px 10px;}
.sApplication_case1 > div table tbody td:first-child {border-left:0;}
.sApplication_case1 > div table tbody td .ask_btn {display:block; width:100%; line-height:30px; background:#0065e6; font-size:0.875em; color:#fff; font-weight:600; margin-top:15px; transition:background 0.5s;}
.sApplication_case1 > div table tbody td .ask_btn:hover {background:#002687;}
.sApplication_case1 > div table tbody td .ask_btn.end {background:#eef0f6 !important; color:#666;}
.sApplication_case1.form > div tbody th {width:70px;}
.sApplication_case1.form > div tbody td {text-align:left; padding:20px 30px;}
.sApplication_case1.form > div tbody td .form_box {display:flex; flex-wrap:wrap; gap:10px;}
.sApplication_case1.form > div tbody td .form_box > div {width:calc(20% - 8px)}
.sApplication_case1.form > div tbody td .form_box > div label {display:block; width:100%; font-size:1.125em; color:#191919; line-height:1.55em; font-weight:600; margin-bottom:5px;}
.sApplication_case1.form > div tbody td .form_box > div label i {color:#f00; font-style:normal;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt {display:block; width:100%; height:58px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1.125em; color:#191919; padding:0 20px;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt.on {border-color:#f00;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt::placeholder {color:#ccc;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}

.sApplication_case2 {width:100%; border-top:2px solid #000; border-bottom:1px solid #191919;}
.sApplication_case2 > div {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc; padding:30px 0;}
.sApplication_case2 > div:last-child {border-bottom:0;}
.sApplication_case2 > div .s_tit1 {width:250px;}
.sApplication_case2 > div .sub_list_box1 {width:calc(100% - 250px)}
.sApplication_case2 > div .map_box {width:100%; height:500px; background:#f8f9fc; margin-top:30px;}
.sApplication_case2 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important}

.sApplication_case3 {width:100%;}
.sApplication_case3 thead th {background:#191919; border-left:1px solid #666; font-size:1.25em; color:#fff; font-weight:600; padding:15px 5px;}
.sApplication_case3 thead th:first-child {width:200px; border-left:0;}
.sApplication_case3 tbody th {background:#f8f8fa; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600; text-align:center; padding:20px 10px;}
.sApplication_case3 tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1em; padding:20px 30px;}
.sApplication_case3 tbody td .t1 {font-size:1.125em; font-weight:600;}
.sApplication_case3 tbody td .sub_list_box1 {margin-top:10px;}

.sApplication_case4 {display:flex; gap:0 5px; justify-content:center; width:100%; margin-top:30px;}
.sApplication_case4 a, .sApplication_case4 button {display:flex; justify-content:center; align-items:center; width:155px; height:58px; border-radius:30px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; transition:background 0.5s;}
.sApplication_case4 .cancel_btn {background:#191919;}
.sApplication_case4 .submit_btn {background:#0065e6}
.sApplication_case4 .submit_btn:hover {background:#002687;}

@media screen and (max-width:1024px){
	.sApplication_case1 > div .tit {font-size:1.3em; padding:13px 5px;}
	.sApplication_case1 > div table tbody th {font-size:1em; padding:13px 5px;}
	.sApplication_case1 > div table tbody td {padding:13px 5px;}
	.sApplication_case1 > div table tbody td .ask_btn {height:28px; margin-top:10px;}
	.sApplication_case1.form > div tbody th {width:50px;}
	.sApplication_case1.form > div tbody td {padding:15px;}
	.sApplication_case1.form > div tbody td .form_box {gap:5px}
	.sApplication_case1.form > div tbody td .form_box > div {width:calc(20% - 4px)}
	.sApplication_case1.form > div tbody td .form_box > div label {font-size:1em;}
	.sApplication_case1.form > div tbody td .form_box > div .form_txt {height:40px; font-size:1em; padding:0 15px;}

	.sApplication_case2 > div {padding:4% 0;}
	.sApplication_case2 > div .s_tit1 {width:180px;}
	.sApplication_case2 > div .sub_list_box1 {width:calc(100% - 180px)}
	.sApplication_case2 > div .map_box {height:320px; margin-top:3%;}
	
	.sApplication_case3 thead th {font-size:1.125em; padding:13px 5px;}
	.sApplication_case3 thead th:first-child {width:150px;}
	.sApplication_case3 tbody th {font-size:1.125em; padding:15px 10px;}
	.sApplication_case3 tbody td {padding:15px;}
	.sApplication_case3 tbody td .t1 {font-size:1em;}
	.sApplication_case3 tbody td .sub_list_box1 {margin-top:5px;}

	.sApplication_case4 {margin-top:5%;}
	.sApplication_case4 a, .sApplication_case4 button {width:130px; height:48px; font-size:1em;}
}

@media screen and (max-width:767px){
	.sApplication_case1 > div .tit {font-size:1.2em;}
	.sApplication_case1 > div .scroll table {min-width:850px;}
	.sApplication_case1 > div table tbody th {padding:10px 5px;}
	.sApplication_case1 > div table tbody td {padding:10px 5px;}
	.sApplication_case1.form > div tbody th {width:40px;}
	.sApplication_case1.form > div tbody td {padding:10px;}
	.sApplication_case1.form > div tbody td .form_box {gap:10px 5px}
	.sApplication_case1.form > div tbody td .form_box > div {width:calc(50% - 2.5px);}
	.sApplication_case1.form > div tbody td .form_box > div:last-child {width:100%;}
	.sApplication_case1.form > div tbody td .form_box > div .form_txt {height:35px; padding:0 10px;}

	.sApplication_case2 > div .s_tit1 {width:100%;}
	.sApplication_case2 > div .sub_list_box1 {width:100%; margin-top:1.5%;}
	.sApplication_case2 > div .map_box {height:200px;}
	
	.sApplication_case3 thead th {font-size:1em;}
	.sApplication_case3 thead th:first-child {width:70px;}
	.sApplication_case3 tbody th {font-size:1em; padding:10px;}
	.sApplication_case3 tbody td {padding:10px;}
	
	.sApplication_case4 {gap:0 3px;}
	.sApplication_case4 a, .sApplication_case4 button {width:110px; height:38px;}
}


.sInquiry_form {width:100%; max-width:440px; margin:0 auto;}
.sInquiry_form > div {margin-bottom:20px;}
.sInquiry_form > div:last-of-type {margin-bottom:0;}
.sInquiry_form > div label {display:block; width:100%; font-size:1.125em; color:#191919; line-height:1.55em; font-weight:600; margin-bottom:5px;}
.sInquiry_form > div .form_txt {display:block; width:100%; height:58px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1.125em; color:#191919; padding:0 20px;}
.sInquiry_form > div .form_txt::placeholder {color:#ccc;}
.sInquiry_form > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sInquiry_form > div .form_txt:-ms-input-placeholder {color:#ccc;}
.sInquiry_form .submit_btn {display:block; width:100%; height:60px; background:#191919; border-radius:0; font-size:1.25em; color:#fff; font-weight:600; margin-top:30px;}

.sInquiry_result .s_txt1 strong {color:#191919; font-weight:600;}
.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:32%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:32%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:12%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:12%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:12%;}
.sInquiry_result .sub_table_box1 tbody th {font-weight:600;}
.sInquiry_result .sub_table_box1 tbody td .state {display:block; width:80px; line-height:30px; max-width:100%; background:#eef0f6; font-size:0.77em; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .state.complete {background:#0065e6; color:#fff;}
.sInquiry_result .sub_table_box1 tbody td .state.cancel {background:#dd0023; color:#fff;}
.sInquiry_result .sub_table_box1 tbody td .down_btn {display:block; width:122px; line-height:30px; max-width:100%; background:#191919; font-size:0.77em; color:#fff; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .down_btn:after {content:'\f33d'; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:5px}
.sInquiry_result .sub_table_box1 tbody td .cancel_btn {display:block; width:80px; line-height:30px; max-width:100%; background:#dd0023; font-size:0.77em; color:#fff; font-weight:600; margin:0 auto;}

@media screen and (max-width:1024px){
	.sInquiry_form {max-width:350px;}
	.sInquiry_form > div {margin-bottom:5%;}
	.sInquiry_form > div label {font-size:1em;}
	.sInquiry_form > div .form_txt {height:45px; font-size:1em; padding:0 15px;}
	.sInquiry_form .submit_btn {height:50px; font-size:1.125em; margin-top:7%;}
	
	.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:calc(50% - 145px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:calc(50% - 145px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:90px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:110px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:90px;}
}

@media screen and (max-width:767px){
	.sInquiry_form > div .form_txt {height:40px; padding:0 10px;}
	.sInquiry_form .submit_btn {height:42px;}

	
	.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:calc(50% - 100px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:calc(50% - 100px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:70px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:60px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:70px;}
	.sInquiry_result .sub_table_box1 tbody td {padding-left:5px; padding-right:5px;}
	.sInquiry_result .sub_table_box1 tbody td .state {font-size:0.875em;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn {width:30px; font-size:1em;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn:after {margin-left:0;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn span {display:none;}
}


.sSupport_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; counter-reset:counter;}
.sSupport_case1 > div {width:calc(33.33% - 14px); background:#f8f8fa; border-radius:20px; overflow:hidden; text-align:center;}
.sSupport_case1 > div:before {content:'Step 'counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:100%; line-height:60px; background:#0065e6; font-size:1.25em; color:#fff; font-weight:600;}
.sSupport_case1 > div > div {width:100%; padding:40px;}
.sSupport_case1 > div > div .icon {display:block; width:65px; height:65px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto;}
.sSupport_case1 > div > div .s_txt1 {display:flex; justify-content:center; align-items:center; width:100%; min-height:3.1em; margin-top:25px;}
.sSupport_case1 > div > div .s_txt1 a {font-weight:700; text-decoration:underline;}

.sSupport_case1 > div > div .icon1 {background-image:url(../images/sSupport_icon1.png)}
.sSupport_case1 > div > div .icon2 {background-image:url(../images/sSupport_icon2.png)}
.sSupport_case1 > div > div .icon3 {background-image:url(../images/sSupport_icon3.png)}

@media screen and (max-width:1024px){
	.sSupport_case1 > div {width:calc(33.33% - 6.66px); border-radius:10px;}
	.sSupport_case1 > div:before {line-height:48px; font-size:1.125em;}
	.sSupport_case1 > div > div {padding:20px;}
	.sSupport_case1 > div > div .icon {width:45px; height:45px;}
	.sSupport_case1 > div > div .s_txt1 {margin-top:15px;}
}

@media screen and (max-width:767px){
	.sSupport_case1 > div {width:100%; margin-bottom:10px;}
	.sSupport_case1 > div:last-child {margin-bottom:0;}
	.sSupport_case1 > div:before {line-height:40px;}
	.sSupport_case1 > div > div .icon {width:38px; height:38px;}
}


.sAbout_case1 {width:100%; background:#f8f8fa; padding:100px 0 150px;}
.sAbout_case1 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sAbout_case1 .box > div {width:calc(25% - 15px);}
.sAbout_case1 .box > div .img_box {width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden; position:relative}
.sAbout_case1 .box > div .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25, 25, 25, 0), rgba(25, 25, 25, 0.3));}
.sAbout_case1 .box > div .img_box p {width:100%; font-size:1.5em; color:#fff; font-weight:600; text-align:center; position:absolute; left:0; bottom:40px;}
.sAbout_case1 .box > div dl {margin-top:30px;}
.sAbout_case1 .box > div dl dt {font-size:1.25em; font-weight:600;}
.sAbout_case1 .box > div dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1220px){
	.sAbout_case1 .box > div .img_box {height:22vw}
	.sAbout_case1 .box > div .img_box p {bottom:25px;}
}

@media screen and (max-width:1024px){
	.sAbout_case1 {padding:15% 0;}
	.sAbout_case1 .box > div {width:calc(25% - 7.5px)}
	.sAbout_case1 .box > div .img_box {border-radius:10px;}
	.sAbout_case1 .box > div .img_box p {font-size:1.3em; bottom:15px;}
	.sAbout_case1 .box > div dl {margin-top:15px;}
	.sAbout_case1 .box > div dl dt {font-size:1.125em;}
	.sAbout_case1 .box > div dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sAbout_case1 .box > div {width:calc(50% - 5px)}
	.sAbout_case1 .box > div:nth-child(2) ~ div {margin-top:7%;}
	.sAbout_case1 .box > div .img_box {height:40vw;}
	.sAbout_case1 .box > div .img_box p {font-size:1.2em;}
	.sAbout_case1 .box > div dl {margin-top:10px;}
}


.sOrganization_case1 {width:100%; position:relative; text-align:center;}
.sOrganization_case1 > p {display:flex; justify-content:center; align-items:center; width:280px; height:95px; border-radius:50px; font-size:1.5em; color:#fff; font-weight:600;}
.sOrganization_case1 .ceo {background:#0065e6; margin:0 auto 200px; position:relative; z-index:5;}
.sOrganization_case1 .ceo:after {content:''; display:block; width:1px; height:200px; background:#666; position:absolute; right:50%; top:100%;}
.sOrganization_case1 .t1 {background:#002687; position:absolute; right:50%; top:0; margin-right:190px;}
.sOrganization_case1 .t1:after {content:''; display:block; width:50px; height:1px; background:#666; position:absolute; left:100%; top:50%;}
.sOrganization_case1 ul {display:flex; justify-content:space-between; width:100%; position:relative;}
.sOrganization_case1 ul:before {content:''; display:block; width:calc(66.66% + 16px); height:1px; background:#666; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sOrganization_case1 ul li {width:calc(33.33% - 14px); position:relative; margin-top:100px;}
.sOrganization_case1 ul li:before {content:''; display:block; width:16px; height:16px; background:#191919; border:3px solid #fff; border-radius:50%; position:absolute; left:50%; top:0; transform:translate(-50%, -50%); z-index:5;}
.sOrganization_case1 ul li:after {content:''; display:block; width:1px; height:100px; background:#666; position:absolute; left:50%; bottom:100%;}
.sOrganization_case1 ul li dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#191919; font-size:1.25em; color:#fff; font-weight:600;}
.sOrganization_case1 ul li dl dd {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#eef0f6; font-size:1.25em; color:#fff; color:#666; margin-top:10px;}

@media screen and (max-width:1024px){
	.sOrganization_case1 > p {width:190px; height:70px; font-size:1.3em;}
	.sOrganization_case1 .ceo {margin-bottom:100px;}
	.sOrganization_case1 .ceo:after {height:100px; right:auto; left:50%;}
	.sOrganization_case1 .t1 {margin-right:125px;}
	.sOrganization_case1 .t1:after {width:30px;}
	.sOrganization_case1 ul:before {width:calc(66.66% + 7px)}
	.sOrganization_case1 ul li {width:calc(33.33% - 6.66px); margin-top:50px;}
	.sOrganization_case1 ul li:before {width:14px; height:14px; border-width:2px;}
	.sOrganization_case1 ul li:after {height:50px;}
	.sOrganization_case1 ul li dl dt {height:50px; font-size:1.125em;}
	.sOrganization_case1 ul li dl dd {height:50px; font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sOrganization_case1 > p {width:110px; height:45px; font-size:1.125em;}
	.sOrganization_case1 .ceo {margin-bottom:50px;}
	.sOrganization_case1 .ceo:after {height:50px;}
	.sOrganization_case1 .t1 {margin-right:65px;}
	.sOrganization_case1 .t1:after {width:10px;}
	.sOrganization_case1 ul:before {width:calc(66.66% + 2px)}
	.sOrganization_case1 ul li {width:calc(33.33% - 3.33px); margin-top:25px;}
	.sOrganization_case1 ul li:before {width:10px; height:10px;}
	.sOrganization_case1 ul li:after {height:25px;}
	.sOrganization_case1 ul li dl dt {height:40px; font-size:1em;}
	.sOrganization_case1 ul li dl dd {height:40px; font-size:1em; margin-top:3px;}
}


.sHistory_case1 {border-top:2px solid #191919;}
.sHistory_case1 > div {display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid #ccc; padding:30px 0;}
.sHistory_case1 > div .year {width:220px; font-size:3.125em; font-weight:600;}
.sHistory_case1 > div ul {width:calc(100% - 220px)}
.sHistory_case1 > div ul li {display:flex; margin-bottom:10px;}
.sHistory_case1 > div ul li:last-child {margin-bottom:0;}
.sHistory_case1 > div ul li .month {width:43px; font-size:1.125em; font-weight:600; line-height:1.55em;}
.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 43px)}

@media screen and (max-width:1024px){
	.sHistory_case1 > div {padding:4% 0;}
	.sHistory_case1 > div .year {width:150px; font-size:2.5em;}
	.sHistory_case1 > div ul {width:calc(100% - 150px)}
	.sHistory_case1 > div ul li {margin-bottom:5px;}
	.sHistory_case1 > div ul li .month {width:30px; font-size:1em;}
	.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 30px)}
}

@media screen and (max-width:767px){
	.sHistory_case1 > div .year {width:100%; font-size:2em; margin-bottom:2%;}
	.sHistory_case1 > div ul {width:calc(100% - 150px)}
	.sHistory_case1 > div ul li .month {width:25px;}
	.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 25px)}
}


.sLocation_case1 .map_box {width:100%; height:500px; background:#f8f8fa; border-radius:20px; overflow:hidden;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important}
.sLocation_case1 .info_box {width:100%; border-top:2px solid #191919;}
.sLocation_case1 .info_box > div {border-bottom:1px solid #ccc; padding:30px 0;}
.sLocation_case1 .info_box dl {display:flex; flex-wrap:wrap; margin-bottom:10px;}
.sLocation_case1 .info_box dl:last-child {margin-bottom:0;}
.sLocation_case1 .info_box dl dt {width:130px; font-size:1.125em; font-weight:600; line-height:1.55em;}
.sLocation_case1 .info_box dl dd {width:calc(100% - 130px); font-size:1.125em; color:#666; line-height:1.55em;}
.sLocation_case1 .info_box dl dd span {display:inline-block; width:48px; line-height:30px; font-size:0.77em; color:#fff; font-weight:600; text-align:center; margin:2.5px 10px 2.5px 0;}
.sLocation_case1 .info_box dl dd span.bg1 {background:#052f93}
.sLocation_case1 .info_box dl dd span.bg2 {background:#657931}
.sLocation_case1 .info_box.case2 dl dt {width:200px;}
.sLocation_case1 .info_box.case2 dl dd {width:calc(100% - 200px)}

@media screen and (max-width:1024px){
	.sLocation_case1 .map_box {height:350px; border-radius:10px;}
	.sLocation_case1 .info_box > div {padding:4% 0;}
	.sLocation_case1 .info_box dl {margin-bottom:7px;}
	.sLocation_case1 .info_box dl dt {width:90px; font-size:1em;}
	.sLocation_case1 .info_box dl dd {width:calc(100% - 90px); font-size:1em;}
	.sLocation_case1 .info_box dl dd span {width:40px; line-height:27px; margin:2px 5px 2px 0;}
	.sLocation_case1 .info_box.case2 dl dt {width:120px;}
	.sLocation_case1 .info_box.case2 dl dd {width:calc(100% - 120px)}
}

@media screen and (max-width:767px){
	.sLocation_case1 .map_box {height:220px;}
	.sLocation_case1 .info_box dl {margin-bottom:5px;}
	.sLocation_case1 .info_box dl dt {width:60px;}
	.sLocation_case1 .info_box dl dd {width:calc(100% - 60px);}
	.sLocation_case1 .info_box dl dd span {width:35px; font-size:0.875em;}
	.sLocation_case1 .info_box.case2 dl dt {width:100%;}
	.sLocation_case1 .info_box.case2 dl dd {width:100%; margin-top:5px;}
}