/*
(주)파이브센스_FIVESENSES.Corp.
파이브프로_FIVEPro_웹솔루션.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-03-18 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/
    .BF1_20 .container_fix{ display: flex; max-width: none !important; height: 100%; padding: 0; }

    .BF1_20 .BF1_20_box{ display: flex; width: 100%; height: 100%; }

    .BF1_20 .BF1_20_container_box { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center;}

	.BF1_20 .BF1_20_container_box .title_box { height: 100%; width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: left; order: 2; text-align: center; padding:275px 15px 320px; }
    .BF1_20 .BF1_20_container_box h3.widget_froala{font-weight: bold;  font-size: 24px; color: var(--main-point-btn-line-color-hover); position: relative; width: 100%; word-break: keep-all;}
    .BF1_20 .BF1_20_container_box h2.widget_froala{font-weight: 600; color: #0c0c0c; font-size: 50px; line-height: 65px; position: relative; width: 100%; word-break: keep-all;}

    .BF1_20 .BF1_20_container_box .span_box {display: flex; flex-direction: column; gap:10px; margin-top: 40px;  }
    .BF1_20 .BF1_20_container_box .span_box .text { font-size: 20px; font-weight: 400; color: #5d5d5d; line-height:30px;}
    .BF1_20 .BF1_20_container_box .span_box .text span {font-weight: 600; color: #0c0c0c;}
    .BF1_20 .link_cont { width: 100%; display: flex; justify-content: center; align-items: center; gap:10px; margin-top:55px; }
	
    .BF1_20 .link_cont .link_box {  display: flex; justify-content: center; align-items: center; gap: 10px; background-color: #f1f1f1; color:#888888;  border-radius: 5px; width: 160px; height: 56px;}	

    .BF1_20 .link_cont .link_box:hover { background-color: var(--main-point-btn-line-color-hover); color:white; }
    .BF1_20 .link_cont .link_box p { font-size: 18px; font-weight:600; text-align: center; line-height: 34px; width: auto; }

    .BF1_20 .BF1_20_container_box .img_box { width: 50%; height: auto; order: 1; display: flex; justify-content: flex-end; align-items: center; border-top-right-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden;}
    .BF1_20 .BF1_20_container_box .img_box .img_box_in{  width: 100%; height: 100%;  }

	@media (max-width: 991px) {
        .BF1_20 .BF1_20_box{ display: flex; width: 100%; height: 100%; flex-direction: column; }
        .BF1_20 .BF1_20_container_box { display: flex; width: 100%; height: 100%; justify-content: center; flex-direction: column; }
        .BF1_20 .BF1_20_container_box .title_box { width: 100%; text-align: center; height: auto;  height: 50%; padding: 70px 0 25px;}
        .BF1_20 .BF1_20_container_box h3.widget_froala{font-weight: bold;  font-size: 17px;}
        .BF1_20 .BF1_20_container_box h2.widget_froala{font-weight: bold;  font-size: 31.5px; line-height: 40px;}

        
        .BF1_20 .BF1_20_container_box .span_box {display: flex; flex-direction: column; gap:10px; text-align: center; width:80%; margin:23px auto 0; }
        .BF1_20 .BF1_20_container_box .span_box .text { font-size: 15px; color: #5d5d5d; line-height:23px; }
        .BF1_20 .link_cont { gap:10px; margin-top:42px; justify-content: center; }
        
        .BF1_20 .link_cont .link_box {  gap: 10px;  border-radius: 3px; width: 133px; height: 49px;}	
        .BF1_20 .link_cont .link_box img { height: 27%;}

        .BF1_20 .link_cont .link_box p { font-size: 15px;  line-height: 17px; }

        .BF1_20 .BF1_20_container_box .img_box { width: 100%; height: 50%; border-radius: 0;}
        .BF1_20 .BF1_20_container_box .img_box .img_box_in{  width: 100%; height: 100%; max-width: 100%; }
    }