@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');*/ /* regular-400, medium-500, semibold-600, bold-700 */ *
/*
body,html {height:100%;margin:0;padding:0}
ul, li{margin:0;padding:0}
a{text-decoration:none}
*/

*, :after, :before { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /*주석처리하면 정상적으로 보이지 않음 유지할 것  260403*/

/*추가 Swiper 12버전에서 5버전으로 다운 시 아래 2줄 필요하다고 함_chat GPT의견 260403*/
#two-divide_left-text-btn_right-img-txt-mix_type1 .swiper-container { width: 100%; height: 100%; }
#two-divide_left-text-btn_right-img-txt-mix_type1 .swiper-slide { display: block; }
#two-divide_left-text-btn_right-img-txt-mix_type1{ display:flex;overflow:hidden;font-size:16px;line-height:1.6;color:#666;font-family:var(--kr-font); } /*국문 프리텐다드 폰트패밀리 삭제해도 되겠음!*/
#two-divide_left-text-btn_right-img-txt-mix_type1 > div{width:50%;padding:11vh 0}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner{position:relative;z-index:100;background:var(--theme-color)}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box{width:700px;margin-left:auto;color:#fff}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .eng_tit { font-size:24px;font-weight:600;font-family:var(--eng-font); } /*영문 인터 폰트패밀리 삭제해도 되겠음!*/
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{font-size:50px;font-weight:700;line-height:1.2;white-space:pre-line}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt { margin-top:80px;border-left:1px solid rgba(255,255,255,.2); }
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p{display:flex;position:relative;column-gap:23px;width:max-content;height:auto;margin-left:-1px;padding-left:33px;border-radius:0;font-size:24px; font-weight:400; line-height:1;background:none;opacity:.4;transition:all .2s; cursor: pointer; }
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p.on{padding-left:54px;border-left:3px solid #fff;opacity:1}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p.on:before{position:absolute;left:30px;top:50%;transform:translateY(-50%);content:'';width:4px;height:4px;border-radius:100px;background:#fff}
#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p+p{margin-top:35px}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner{position:relative;border-top:1px solid #e1e1e1}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner::before{position:absolute;left:0;top:0;content:'';z-index:10;width:150px;height:100%;background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0))}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li{text-align:center}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .img{overflow:hidden;width:max-content;margin:0 auto;border-radius:20px}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .img img{width:100%}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit { margin:49px 0 22px;font-size:30px;font-weight:700;color:#333; }
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .txt { white-space:pre-line;word-break:keep-all; line-height: 16px; font-size: 20px; font-weight:400; }
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a { display:flex;align-items:center;justify-content:center;column-gap:30px;width:200px;height:65px;margin:40px auto 0;border-radius:65px;font-size:18px; font-weight:500;color:#fff;transition:all .2s; background-color:var(--black); } /*백그라운드 컬러는 주조색으로 반영하면 되겠음! (향후 다른 컬러 영역도 --변수 방식으로 변경하는것도 좋겠음)*/
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a svg{height:18px;transition:all .2s}
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner .nav_arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-40px;z-index:101;transform:translateY(-50%);width:40px;height:100px;border-radius:30px 0 0 30px;cursor:pointer;color:#222;text-align:center;background:#fff}

/* 모바일 호버 X */
@media (hover: hover) {
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a:hover { background-color:var(--theme-color); } /*백그라운드 컬러는 주조색으로 반영하면 되겠음! (향후 다른 컬러 영역도 --변수 방식으로 변경하는것도 좋겠음)*/
#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a:hover svg{transform:rotate(45deg)}
}

/* 반응형 [s] */
@media (max-width:1500px){
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner{padding-left:50px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li{padding:0 50px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .img{width:100%}
}
@media (max-width:1230px){
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner{padding-left:30px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{font-size:45px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p { font-size:22px; }
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p+p{margin-top:25px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit{font-size:25px}
}
@media (max-width:1024px){
	#two-divide_left-text-btn_right-img-txt-mix_type1 > div{padding:10vh 0}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .eng_tit{margin-bottom:70px;font-size:14px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{font-size:38px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt{margin-top:175px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p{font-size:16px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p+p{margin-top:20px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner::before{width:50px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li{padding:0 30px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit{font-size:23px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .txt{white-space:normal}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a{column-gap:20px;width:185px;height:60px;margin-top:40px}
}
@media (max-width:768px){
	#two-divide_left-text-btn_right-img-txt-mix_type1{display:block}
	#two-divide_left-text-btn_right-img-txt-mix_type1 > div{width:100%;padding:0}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner{padding:90px 30px 60px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box{width:100%;margin-left:0}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .eng_tit{margin-bottom:40px;font-size:13px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{max-width:420px;font-size:30px;white-space:normal;word-break:keep-all}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt{margin-top:80px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p { padding-left:20px; font-size:20px; }
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p+p{margin-top:15px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p.on{padding-left:30px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p.on:before{left:15px;width:3px;height:3px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner{padding:60px 0 90px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner::before{display:none}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .img{max-width:450px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit{margin:25px 0 15px;font-size:20px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .txt{white-space:pre-line}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a{column-gap:15px;width:165px;height:55px;margin-top:30px}
}
@media (max-width:480px){
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner{padding:70px 15px 50px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .eng_tit{margin-bottom:30px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{font-size:25px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt{margin-top:55px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner{padding:50px 0 70px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li{padding:0 15px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit{margin-bottom:10px;font-size:18px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .txt{white-space:normal}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a{column-gap:10px;width:160px;height:50px;margin-top:25px}
}
@media (max-width:380px){
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .big_txt{font-size:23px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .l_inner .txt_box .pager_txt p { font-size:17px; }
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li .tit{font-size:16px}
	#two-divide_left-text-btn_right-img-txt-mix_type1 .r_inner ul li a{width:150px;margin-top:20px}
}
/* 반응형 [e] */