@charset "utf-8";

/* 비주얼 */
.fs_main_visual {overflow:hidden;}
.fs_main_visual .vis_slide_box {position: relative;}
.fs_main_visual .vis_slide_box .swiper-wrapper {width:100%;}
.fs_main_visual .vis_slide_box .slides01 {height:100vh;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide {position: relative;overflow: hidden;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text {display:flex;flex-direction:column;justify-content:center;position: absolute;top:2rem;z-index: 10;height:100%;color:#fff;width:1400px;margin:0 auto;left:0;right:0;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta {opacity:0;display:inline-block;font-size:1.8rem;transform: translateY(-50px);transition: 2s;letter-spacing:-0.1rem;line-height:1;position:relative;padding-bottom:1rem;color:#8de6d5;font-weight:600;width: fit-content;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta:before {content:'';position: absolute;bottom:0;left:0;width:100%;height:2px;background:#8de6d5;animation-delay:.4s;animation-duration:1s;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb {opacity:0;line-height:1.3;font-size:4rem;transform: translateY(-50px);transition: 2s;transition-delay: 0.5s;margin-top:2rem;font-weight:300;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb em {font-weight:800;font-size:5rem;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100vh;overflow:hidden;width:auto;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .sta {opacity:1;transform: translateY(0);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .stb {opacity:1;transform: translateY(0);}
/* 컨트롤 */
.fs_main_visual .mvis_controll_box {display:flex;align-items:flex-end;gap:4px;z-index: 10;animation: mvis_controll_box 2s ease-in-out 0s 1 normal forwards;position:absolute;bottom:20vh;left:0;right:0;margin:0 auto;width:1400px;}
	@keyframes mvis_controll_box {
		0% {opacity:0;}
		100% {opacity:1;padding-top:70px;}
	}
.fs_main_visual .mvis_controll_box > div {display:flex;align-items:center;justify-content:center;}
.fs_main_visual .mvis_controll_box .swiper-pagination {position:static;transform:translate(0,0);}
.fs_main_visual .mvis_controll_box .swiper-pagination .swiper-pagination-bullet {opacity:1;width: 9px;height:9px;background:rgba(255,255,255,0.5);transition: 0.3s;margin:0 7px;}
.fs_main_visual .mvis_controll_box .swiper-pagination .swiper-pagination-bullet-active {width: 55px;background: #fff;border-radius: 50px;}
body.keyboard-navigation .fs_main_visual *:focus {outline: 2px dotted #fff;}
    @media only screen and (max-width:1399px){
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text {padding:0 5%;width:100%;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta {font-size:1.6rem;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb {font-size:3.5rem;margin-top:3rem;}
        .fs_main_visual .mvis_controll_box {width:100%;padding:0 5%;}
	}
	@media only screen and (max-width:767px){
        .fs_main_visual .vis_slide_box .slides01 {height:500px;}
        .fs_main_visual .vis_slide_box .slides01 .swiper-slide img {width:auto;}
        .fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide .sta {font-size:1.6rem;line-height:1.2;}
        .fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide .stb {font-size:2.5rem;margin-top:2rem;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text {padding-top:5rem;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb em {font-weight:800;font-size:3.5rem;}
        .fs_main_visual .mvis_controll_box {padding-bottom:0;bottom:10rem;}
	}

/* 모바일 호버 X */
@media only screen and (hover: hover) {
#mainVisual .main_txt a:hover .go_txt{color:#111;background-color:#fff}
#mainVisual .main_txt a:hover .arrow svg{transform:rotate(45deg)}
}
	/* 반응형 [s] */
	@media only screen and (max-width:1499px){
		#mainVisual .main_txt{max-width:none;padding:14% 5rem 0}
		#mainVisual .main_txt .txt01{font-size:55px}
        #mainVisual .pager_box{margin-top:15rem;}
		#mainVisual .pager{width:100%;margin-top:10rem;padding:0 5rem}
		#mainVisual .pager span.on{width:170px}
	}
	@media only screen and (max-width:1199px){
		#mainVisual .main_txt{padding:20% 3rem 0}
		#mainVisual .main_txt .txt01{font-size:5rem}
        #mainVisual .pager_box{margin-top:15rem}
		#mainVisual .pager{padding:0 3rem}
	}
	@media only screen and (max-width:1023px){
		#mainVisual{height:680px;min-height:auto;font-size:1.5rem}
		#mainVisual .main_txt{padding-top:20%}
		#mainVisual .main_txt .txt01{font-size:4.5rem}
		#mainVisual .main_txt a .go_txt{width:200px;height:65px}
		#mainVisual .main_txt a .arrow{width:65px;height:65px}
		#mainVisual .pager_box{margin-top:13rem}
	}
	@media only screen and (max-width:767px){
		#mainVisual{height:100vh}
		#mainVisual .main_txt{padding-top:18rem}
		#mainVisual .main_txt .txt01{font-size:3rem}
		#mainVisual .main_txt .txt02{margin-top:3rem}
		#mainVisual .main_txt a{margin-top:6rem}
		#mainVisual .main_txt a .go_txt{width:185px;height:6rem}
		#mainVisual .main_txt a .arrow{width:6rem;height:6rem}
		#mainVisual .pager_box{margin-top:0;position:absolute;bottom:3rem;width:100%;}
		#mainVisual .pager span{height:35px}
		#mainVisual .pager span.on{width:140px}
		#mainVisual .pager span:after{font-size:13px}
	}
	/* 반응형 [e] */

/* 메인___컨텐츠 */
.fs_main_contents {margin:10rem auto;}
    @media only screen and (max-width:1399px){
        .fs_main_contents {margin:10rem auto;}
	}
    @media only screen and (max-width:767px){
        .fs_main_contents {margin:6rem auto;}
	}

/* 더보기 공통 */
.add-button {display: none;width:4rem;height:4rem;background:#2a2e70;color:#fff;font-size:2.5rem;line-height:4rem;text-align:center;border-radius:3px;margin-left:1rem;cursor:pointer;font-weight:300;transition:all .4s;-webkit-transition:all .4s;}
.add-button.active {display: block;}
.add-button:is(:hover,:active,:focus) {background:#222 !important;transform:rotate(180deg);}

/* 캠퍼스 소식 */
.con_box1 .wrap {display:flex;flex:1 1 0;gap:8rem 8rem;}
.medical-news-container {width:50%;}
.header-section {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:1px solid #ddd;padding-bottom:1.5rem;}
.header-section h3 {font-size:1.7rem;color:#999;font-weight:600;}
.header-section h3 span {color:#2a2e70;font-size:5rem;font-weight:800;display:block;}
.tab_flex {display:flex;}
.tab-buttons {display:flex;overflow:hidden;gap:0.5rem;}
.tab-button {padding:0 2rem;font-weight:500;color:#979797;height:4rem;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:3px;font-size:1.8rem;transition:all .4s;-webkit-transition:all .4s;}
.tab-button.active,
.tab-button:is(:hover,:active,:focus){background:#eff6ff;color:#2a2e70;font-weight:600;border:1px solid #2a2e70;}
.content-area {}
.post-list-area > div {flex-wrap:wrap;}
.notice-panel {width:25rem;}
.notice-box {display:flex;flex-wrap:wrap;height:100%;align-content: space-between;}
.notice-box > div {}
.notice-box .notice-title {background:#2a2e70;color:#fff;padding:0 1rem;font-size:1.4rem;font-weight:600;margin-bottom:2rem;border-radius:3px;height:3rem;display:inline-flex;justify-content:center;align-items:center;}
.notice-box h4 {font-size:1.8rem;font-weight:bold;color:#222;margin-bottom:2rem;line-height:1.4;transition:all .4s;-webkit-transition:all .4s;}
.notice-box p {font-size:1.4rem;color:#666;}
.notice-box .notice-date {font-size:1.4rem;color:#888;display:block;text-align:right;font-weight:500;width:100%;padding-bottom:2rem;}
.notice-box:is(:hover,:active,:focus) h4 {color:#00a686;}
.post-list {width:calc(100% - 25rem);padding-left:5%;}
.post-list-item {display:flex;justify-content:space-between;align-items:center;padding:3rem 0;border-bottom:1px solid #ddd;transition:background 0.2s;}
.post-list-item a {flex-grow:1;font-size:1.6rem;color:#222;display:flex;align-items:center;font-weight:500;}
.post-list-item a:is(:hover,:active,:focus) {color:#2a2e70;}
.post-list-item p {padding-right:1rem;}
.post-list-item .icon {margin-right:1rem;color:#2a2e70;font-size:1.4rem;opacity:0.4;}
.post-list-item .date {font-size:1.2rem;color:#a6a6a6;flex-shrink:0;}
.tab-content {display:none;}
.tab-content.active {display:flex;}
.service-info-section {margin-top:2rem;background:#0f172a;color:#fff;display:flex;align-items:center;}
.service-info-section .title {font-size:2.5rem;font-weight:400;position:relative;padding:0 5rem;line-height:1;}
.service-info-section .title::before {font-family:remixicon;font-size:3rem;color:#fff;content:"\F57F";line-height:0;bottom:0;font-weight:300;}
.service-info-section .title span {font-weight:600;}
.service-info-list {display:flex;justify-content:space-around;text-align:center;flex:1 1 0;}
.service-info-list li {padding:1.6rem 0;transition: 0.3s;}
.service-info-list li:is(:hover,:active,:focus) {background:rgba(255,255,255,0.1);}
.service-item {cursor:pointer;border-left:1px solid rgba(255,255,255,0.1);width:33.33%;}
.service-item .icon-text {font-size:3rem;margin-bottom:5px;display:block;transition:all .4s;-webkit-transition:all .4s;}
.service-item div p {font-size:1.6rem;font-weight:500;transition:all .4s;-webkit-transition:all .4s;}
.service-item div .txt {font-size:1.2rem;font-weight:500;transition:all .4s;-webkit-transition:all .4s;color:rgba(255,255,255,0.5);font-weight:300;}
    @media only screen and (max-width:1399px){
        .con_box1 {flex-wrap:wrap;flex:1 1 100%;gap:12rem 0;position:relative;}
        .con_box1 .wrap {flex-wrap:wrap;}
		.medical-news-container {width:100%;}
        .service-info-section {width:calc(100% - 700px);height:500px;flex-wrap:wrap;padding:5rem 5rem 5rem;}
        .service-info-section .title {width:100%;padding:0;margin-bottom:3rem;}
        .service-info-list {flex-wrap:wrap;}
        .service-info-list li {width:100%;text-align:left;flex-wrap:wrap;display:flex;padding:1rem 2rem;}
        .service-item .icon-text {display:inline-block;padding-right:2rem;}
        .service-item {border-left:none;border-top:1px solid rgba(255, 255, 255, 0.1);}
	}
    @media only screen and (max-width:1199px){
        .service-info-section {padding:5rem 4rem;}
        .service-info-list li {padding:2rem 0;}
    }
    @media only screen and (max-width:1023px){
        .service-info-section {width:100%;height:auto;flex-wrap:wrap;padding:5rem;}
        .service-info-section .title {font-size:3rem;margin-bottom:2rem;    text-align: center;}
        .service-info-section .title br {display:none;}
        .service-info-section .title div {display:inline-block;padding-left:1rem;}
        .service-info-list li {width:33.33%;text-align:left;flex-wrap:wrap;display:flex;padding:2rem;}
        .service-item {border-top:none;border-left:1px solid rgba(255, 255, 255, 0.1);}
        .service-item:first-child {border-left:none;}
        .service-item div p {font-size:2rem;}
        .service-item div .txt {font-size:1.4rem;}
    }
    @media only screen and (max-width:767px){
		.con_box1 {gap:8rem 0;}
        .con_box1 .wrap {gap:6rem;}
        
		.header-section {flex-wrap:wrap;margin-bottom:3rem;}
		.header-section h3 {width:100%;margin-bottom:1rem;}
        .header-section h3 span {font-size:4rem;}
		
		.tab-content {flex-wrap:wrap;}
		.notice-panel {width:100%;background:#f7f8f9;padding:2rem 3rem;border-radius:1rem;}
		.notice-box > div {width:100%;}
		.notice-box .notice-date {text-align:left;margin-top:3rem;padding-bottom:0;}
		.post-list {width:100%;padding-left:0;margin-top:2rem;}
		.post-list-item div p {font-size:1.4rem;}
		
		.service-info-section {flex-wrap:wrap;padding:3rem 5%;}
		.service-info-section .title {padding:0;width:100%;text-align:center;margin-bottom:2rem;font-size:2.5rem;}
        
        .service-info-list li {padding:1rem;}
        .service-item div p {font-size:1.8rem;}
        .service-item div .txt {font-size:1.2rem;}
	}

/* 배너존 */
.banner-wrapper {width:50%;aspect-ratio: 16 / 9;background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column;}
.banner-wrapper .slider {flex:1;overflow:hidden;position:relative;}
.banner-wrapper .slider-track {display:flex;height:100%;transition:transform .5s ease-in-out;}
.banner-wrapper .slide {width:100%;flex-shrink:0;padding:0 6rem;display:flex;align-items:center;justify-content:space-between;}
.banner-wrapper .slide-1 {background:#FCD385;color:#78350f;}
.banner-wrapper .slide-2 {background:#85C4FC;color:#1e3a8a;}
.banner-wrapper .slide-3 {background:#85FC9D;color:#065f46;}
.banner-wrapper .slide-4 {background:#C4B5FD;color:#4C1D95;}
.banner-wrapper .text-area {max-width:500px;}
.banner-wrapper .badge {display:inline-block;padding:0.5rem 1.5rem;border-radius:999px;background:rgba(0,0,0,.05);font-size:1.4rem;font-weight:700;margin-bottom:1rem;}
.banner-wrapper h2 {font-size:4.5rem;margin:0 0 2rem;font-weight:900;line-height:1.2;}
.banner-wrapper .desc-box {background:rgba(255,255,255,.8);padding:2rem;border-radius:1.5rem;}
.banner-wrapper .desc-box p {margin:0;font-size:18px;line-height:1.6;white-space:pre-line;}
.banner-wrapper .icon-area {width:200px;height:200px;display:flex;align-items:center;justify-content:center;font-size:96px;opacity:.9;transition:transform .6s;}
.banner-wrapper .icon-area:is(:hover,:active,:focus) {transform:scale(1.05) rotate(6deg);}
.banner-wrapper .control-bar {height:80px;border-top:1px solid #eee;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;}
.banner-wrapper .label {display:flex;align-items:center;gap:10px;font-size:2rem;font-weight:800;}
.banner-wrapper .label span {width:4px;height:24px;background:#111;border-radius:2px;}
.controls {display:flex;align-items:center;gap:1rem;}
.controls button {border:none;background:none;cursor:pointer;border-radius:50%;font-size:2.3rem;width:4rem;height:4rem;}
.controls button:is(:hover,:active,:focus) {background:#f1f5f9;}
.controls .pagination {display:flex;align-items:center;gap:10px;font-weight:700;margin-top:4px;}
.controls .progress {width:80px;height:3px;background:#ddd;border-radius:3px;overflow:hidden;}
/*.controls .progress-bar {height:100%;background:#111;width:33%;transition:width .3s;}*/
.controls .progress-bar {height:100%;background:#111;width:25%;transition:width .3s;}
.controls .play-btn {width:40px;height:40px;background:#f1f5f9;border-radius:50%;font-size:14px;font-weight:700;}
.controls .play-btn:is(:hover,:active,:focus) {background:#475569;color:#fff;}
    @media only screen and (max-width:1399px){
        .banner-wrapper {width:660px;aspect-ratio: 4 / 3;position:absolute;bottom:0;right:5%;}
	}
    @media only screen and (max-width:1023px){
        .banner-wrapper {width:100%;position:static;bottom:unset;right:unset;}
        .banner-wrapper h2 {font-size:5rem;}
        .banner-wrapper .desc-box p {font-size:2rem;}
	}
    @media only screen and (max-width:767px){
        .banner-wrapper {width:100%;aspect-ratio: 16 / 14;position:static;bottom:unset;right:unset;}
        .banner-wrapper h2 {font-size:3rem;}
        .banner-wrapper .desc-box {padding:2rem;}
        .banner-wrapper .desc-box p {font-size:1.6rem;}
        .banner-wrapper .slide {padding:0 5%;}
        .banner-wrapper .text-area {max-width:calc(100% - 12rem);}
        .banner-wrapper .icon-area {max-width:10rem;font-size:10rem;}
        .banner-wrapper .control-bar {padding:0 2rem;}
        .banner-wrapper .label {display:none;}
	}

/* 코디네이터 교육과정 */
.con_box2 {background:#f3f3f9;padding:8rem 0;margin-top:8rem;}
.header-section2 {display:block;text-align:center;border-bottom:0;}
.header-section2 > span {color:#000;font-weight:800;opacity:0.2;}
.header-section2 h3 {font-size:5rem;color:#222;font-weight:800;margin:1rem;}
.header-section2 h3 span {display:inline-block;color:#4f46e5;}
.con_box2 .title {color:#3b312b;}
.con_box2 .about_con {display:flex;position:relative;justify-content:center;overflow:hidden;margin-top:3rem;}
.con_box2 .about_con > li {flex-basis:10%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;position:relative;height:48rem;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;flex-grow:1;border-left:0.5px solid #f3f3f9;border-right:0.5px solid #f3f3f9;}
.con_box2 .about_con > li .about_txt > a {background:no-repeat center;background-size:cover;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.con_box2 .about_con > li:nth-child(1) .about_txt {background-image:url("/images/img/main/con_box1_bg01.jpg");}
.con_box2 .about_con > li:nth-child(2) .about_txt {background-image:url("/images/img/main/con_box1_bg02.jpg");}
.con_box2 .about_con > li:nth-child(3) .about_txt {background-image:url("/images/img/main/con_box1_bg03.jpg");}
.con_box2 .about_con > li:nth-child(4) .about_txt {background-image:url("/images/img/main/con_box1_bg04.jpg");}
.con_box2 .about_con > li:nth-child(5) .about_txt {background-image:url("/images/img/main/con_box1_bg05.jpg");}
.con_box2 .about_con > li:nth-child(6) .about_txt {background-image:url("/images/img/main/con_box1_bg06.jpg");}
.con_box2 .about_con > li:nth-child(7) .about_txt {background-image:url("/images/img/main/con_box1_bg07.jpg");}
.con_box2 .about_con > li.on {z-index:2;flex-basis:20%;transition:all .4s;-webkit-transition:all .4s;}
.con_box2 .about_con > li .about_txt {width:100%;height:48rem;font-size:1.8rem;font-weight:600;color:#fff;text-decoration: none;padding:4rem 2rem;}
.con_box2 .about_con > li .about_txt > a {position:absolute;bottom:0;left:1rem;height:8rem;}
.con_box2 .about_con > li .about_txt > a span {display:flex;align-items:flex-end;font-size:1.2rem;opacity:0.7;margin-bottom:0.5rem;}
.con_box2 .about_con > li .about_txt > a p {width:100%;opacity:0;transform: translateY(10px);}
.con_box2 .about_con > li .about_txt .more {opacity:0;}
.con_box2 .about_con > li.on .about_txt > a {width:100%;position:absolute;bottom:unset;top:3rem;left:0;padding:0 3rem;}
.con_box2 .about_con > li.on .about_txt > a span {align-items:normal;height:auto;padding-top:6rem;color:#e3f9f5;}
.con_box2 .about_con > li.on .about_txt > a h4 {font-size:3rem;} 
.con_box2 .about_con > li.on .about_txt > a p {font-size:1.4rem;color:#e4e4e4;line-height:1.5;font-weight:300;margin-top:1rem;opacity:1;transform: translateY(0);}
.con_box2 .about_con > li.on .about_txt .more {text-shadow:6px 6px 12px rgba(0,0,0,0.5);font-size:2.2rem;opacity:1;position:absolute;bottom:4rem;}
    @keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }	
    @media only screen and (max-width:1399px){
        .con_box2 .about_con > li.on a p {line-height:2rem;}
        .con_box2 .about_con > li.on a p br {display:none;}
	}
    @media only screen and (max-width:1023px){
        .con_box2 .about_con {width:100%;height:auto;flex-wrap:wrap;}
        .con_box2 .about_con > li {width:25%;flex-basis:unset;height:350px;overflow:hidden;border-bottom:2px solid #f3f3f9;}
        .con_box2 .about_con > li.on {flex-basis:unset;}
        .con_box2 .about_con > li a {height:100%;}
        
    }
    @media only screen and (max-width:767px){
        .con_box2 {padding:6rem 0;margin-top:6rem;}
        .header-section2 h3 {font-size:3.5rem;}
        .header-section h3 span {font-size:3.5rem;}
        .con_box2 .about_con > li {width:50%;height:280px;}
        .con_box2 .about_con > li.on {}
        .con_box2 .about_con > li.on .about_txt > a h4 {font-size:2.5rem;}
        .con_box2 .about_con > li .about_txt {background-size:cover;}
        
    }

/* 온라인강좌, 바로가기 */
.con_box3 {margin-top:8rem;}
.banner-container {max-width:100%;margin:0 auto;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);border-radius:1rem;overflow:hidden;background-color:white;height:auto;width:100%;}
.banner-section-1, .banner-section-2, .banner-section-3 {position:relative;width:100%;display:block;overflow:hidden;text-decoration:none;}
.banner-section-1 {height:300px;padding:0 3rem;}
.banner-section-2, .banner-section-3 {height:150px;display:flex;align-items:center;transition:background-color 300ms;}
.banner-section-2 {border-bottom:1px solid #f3f4f6;background-color:#f9fafb;}
.banner-section-3 {background-color:white;}
.content-wrapper {width:100%;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;z-index:10;}
.bg-zoom {position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 700ms;background-image:url('/images/img/main/con_box3_bg.jpg');}
.overlay {position:absolute;inset:0;background-image:linear-gradient(to right, rgba(23, 37, 84, 0.9) 0%, rgba(55, 48, 163, 0.7) 100%);transition:opacity 300ms;}
.section-1-content {position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;}
.section-1-label {display:inline-flex;align-items:center;gap:0.5rem;color:#facc15;font-weight:bold;letter-spacing:0.05em;font-size:1rem;margin-bottom:0.5rem;text-transform:uppercase;}
.section-1-label span:first-child {background-color:rgba(250, 204, 21, 0.2);padding:0.5rem 0.5rem;border-radius:3px;}
.section-1-title {font-size:3rem;font-weight:900;color:white;margin-bottom:1rem;line-height:1.25;}
.section-1-text {color:#d1d5db;margin-bottom:2rem;max-width:28rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.4rem;}
.section-1-cta {display:flex;align-items:center;color:white;font-weight:600;transition:color 300ms;}
.section-1-cta .play {font-size:3rem;padding-right:0.5rem;}
.section-1-cta .arrow {padding-left:0.5rem;}
.section-1-cta span {font-size:1.125rem;}
.section-right-title {font-size:2rem;font-weight:800;color:#1f2937;transition:color 300ms;}
.section-right-subtitle {color:#6b7280;font-size:1.4rem;margin-top:0.5rem;}
.section-2-label {color:#4f46e5;font-weight:bold;font-size:1.2rem;margin-bottom:0.5rem;}
.section-3-label {color:#00a686;font-weight:bold;font-size:1.2rem;margin-bottom:0.5rem;}
.section-2-deco {position:absolute;right:0;top:0;width:50%;height:100%;opacity:0.2;transition:opacity 300ms;background-size:contain;background-repeat:no-repeat;background-position:right center;background-image:url('/images/img/main/con_box3_bg2.jpg');background-size:cover;}
.icon-circle {width:3.5rem;height:3.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all 300ms;}
.section-2-icon {background-color:white;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);color:#4f46e5;}
.section-3-icon {background-color:#f0fdfa;border:1px solid #ccfbf1;color:#0d9488;}
.large-icon {width:40px;height:40px;stroke-width:1.5;margin-right:0.75rem;}
.banner-container .icon {width:1.75rem;height:1.75rem;stroke-width:1.5;}
.banner-container .arrow-icon {width:1.25rem;height:1.25rem;margin-left:0.5rem;transition:transform 300ms;}
.banner-container .group:hover .bg-zoom {transform:scale(1.05);}
.banner-container .group:hover .overlay {opacity:0.9;}
.banner-container .group:hover .section-1-cta {color:#facc15;}
.banner-container .group:hover .arrow-icon {transform:translateX(8px);}
.banner-section-2:hover {background-color:white;}
.banner-section-3:hover {background-color:#f9fafb;}
.banner-container .group:hover .section-2-deco {opacity:0.8;}
.banner-container .group:hover .section-2-title-color {color:#4338ca;}
.banner-container .group:hover .section-3-title-color {color:#0f766e;}
.banner-container .group:hover .section-2-icon {background-color:#4f46e5;color:white;transform:scale(1.1);}
.banner-container .group:hover .section-3-icon {background-color:#0d9488;color:white;transform:rotate(12deg);}
    @media only screen and (max-width:1023px){
        .banner-container {flex-direction:row;height:300px;}
        .banner-section-1 {width:50%;height:100%;padding:0 4rem;}
        .banner-right-container {width:50%;height:100%;display:flex;flex-direction:column;}
        .content-wrapper {padding:0 2.5rem;}
        
        .section-right-title {font-size:2.5rem;}
        .section-right-subtitle {font-size:1.6rem;}
    }
    @media only screen and (max-width:767px){
        .con_box3 {margin-top:6rem;}
        .banner-container {flex-wrap:wrap;height:auto;}
        .banner-section-1 {width:100%;padding:4rem;}
        .banner-right-container {width:100%;}
    }


/* 일본어 */
html:lang(ja) * {word-break: auto-phrase;}
html:lang(ja) .service-info-section .title {font-size:2rem;padding:0 3rem;}
html:lang(ja) .header-section h3 span {font-size:3.6rem;}
@media only screen and (max-width:1399px){
    html:lang(ja) .service-info-section .title {padding:0;}
}
@media only screen and (max-width:767px){
    html:lang(ja) .service-info-section {padding:3rem 3%;}
    html:lang(ja) .service-item div p {font-size:1.6rem;}
    html:lang(ja) .service-item div .txt {font-size:1rem;}
    html:lang(ja) .banner-wrapper .desc-box p {word-break: auto-phrase;}
}