@charset "UTF-8";

.fc_pointer {color:#1F88E5; }
.daon_content_wrap{width:100%; min-width:320px;max-width:var(--cont-max-width); margin:0 auto;}
.daon_page_title{width:100%; margin-bottom:70px;}
.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


.business_type2{ width:100%;max-width:var(--cont-max-width); margin:0 auto;padding-bottom: 2em;}
.business_type2:after{content:""; display:block; clear:both;}
.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
.business_type2 .business_info:after{content:""; display:block; clear:both;}
.business_type2 .business_info ul{ padding:0; margin:0; display:flex;}
.business_type2 .business_info ul li{ padding:0; margin:0;}
.business_type2 .business_info ul li.left_box { 
    width:600px; 
    height:400px; 
    overflow:hidden; 
    position:relative;
}
.business_type2 .business_info ul li.left_box img{ 
    width:auto; height:100%; 
}
.business_type2 .business_info ul li.right_box{
    flex:1;
    position:relative; 
    width:50%; 
    padding-left:2em;
}
.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #000; }
.business_type2 .txt_area:after{content:""; display:block; clear:both;}
.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
.business_type2 .txt_area .txt01 span.tit { display:block; font-size:1.85em; color:#000; font-weight:700; line-height:1.2em; margin-bottom:1em; }
.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}



.business_type2 .con_arrow2{ width:100%;max-width:var(--cont-max-width);  padding-bottom:20px;  margin:0 auto;}
.business_type2 .con_arrow2 p{position:relative; font-size:1.7em; color:#000; padding-left:30px; }
.business_type2 .con_arrow2 span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
.business_type2 .con_arrow2 > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.business_type2 .con_box:after{content:""; display:block; clear:both;}
.business_type2 .con_box ul { 
    padding:0; 
    margin:0; 
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 1.5em;
}
.business_type2 .con_box ul li {
    list-style:none; 
    margin:10px 0; 
}
.business_type2 .con_box ul li p{display:table; width:100%; }
.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
.business_type2 .con_box ul li p > em{ width:30px; }
.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:var(--theme-color); text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
.business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}

/*
.business_type2 .business_info ul li.left_box img{
    animation-delay:2s;
    animation-duration: 10s;
    animation-name: swingImage;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
*/

@keyframes swingImage{
    from{transform:translateX(0)}
    to{transform:translateX(-300px)}
}

table.border-all th,table.border-all td{
    border:1px solid #dedede;
}

/* 공통 초기화 */
.ol, .ul {
  all: revert;
  margin: 0;
  padding-left: 1.5em;
}

@counter-style korean-alphabetic {
  system: alphabetic;
  symbols: "가" "나" "다" "라" "마" "바" "사" "아" "자" "차" "카" "타" "파" "하";
  suffix: ") ";
}

/* ---------- 1단계: 숫자 (1), 2), 3) ---------- */
.ol.custom {
  counter-reset: top-level;
  list-style: none;
}

.ol.custom > li {
  counter-increment: top-level;
  position: relative;
  margin: 0.4em 0;
}

.ol.custom > li::before {
  content: counter(top-level) ") ";
  position: absolute;
  left: -1.5em;
  font-weight: 600;
}

/* ---------- 2단계: 한글 (가), 나), 다) ---------- */
.ol.custom .ol {
  counter-reset: sub-level;
  list-style: none;
  margin-top: 0.3em;
  padding-left: 2em;
}

.ol.custom .ol > li {
  counter-increment: sub-level;
  position: relative;
  margin: 0.1em 0;
}

.ol.custom .ol > li::before {
  content: counter(sub-level, korean-alphabetic) ") ";
  position: absolute;
  left: -2em;
  font-weight: 500;
}

/* ---------- 3단계 이하 확장 시 (원형이나 로마숫자 등) ---------- */
.ol.custom .ol .ol {
  counter-reset: third-level;
  list-style: none;
  padding-left: 2em;
}

.ol.custom .ol .ol > li {
  counter-increment: third-level;
  position: relative;
}

.ol.custom .ol .ol > li::before {
  content: "(" counter(third-level, lower-alpha) ") ";
  position: absolute;
  left: -2em;
  font-weight: 400;
}


.work-flow-info{
    padding:1em;
}
.work-flow-caution{
    color:red;
    padding:1em;    
}

.work-flow-chart > h4 {
    font-size: 1.7em;
    letter-spacing: -0.05em !important;
    word-break: keep-all;
    text-align: left;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom:0.5em;
}

.work-flow-chart .cont_item{
    position:relative;
}
.work-flow-chart .cont_item:after{
    content:'\f0d7';
    font-family:'Font Awesome 6 Free';
    font-weight:bold;
    font-size:2em;
    position:absolute;
    left:50%;
    transform:translateX(-50%) scaleX(2.5);
    bottom:-1.25em;
    color:#7992bf;
}
.work-flow-chart .cont_item:last-child:after{
    content:'';
    display:none;
}

.flex-full{
    width:100%;
    position:relative;
}
.flex-half{
    width:50%;
    position:relative;
}

.flex-cont{
    display:flex;
}

.content_board_container .cont_item.add_side_cont_item{
    border-color:#b21023;
}

.content_board_container .cont_item.add_side_cont_item.bu_darkblue h3 {
    color: #ffffff;
    background-color: #b21023 ;
}
.content_board_container .cont_item.add_side_cont_item.bu_darkblue h3:after {
    background-color: #b21023;
}

.add_cont_item{
    display:flex;
    flex-direction:column;
    padding:1rem;
    margin:1rem;
    border:1px solid #b21023;
    position:relative;
}

.add_cont_item h4{
    margin-bottom:0.6rem;
}
.add_cont_item .cont-txt{
    font-size:0.85em;
}

.add_cont_items{
    position:relative;
}

.add_side_cont {
  position: absolute;
  right: 0;
  width: 80%;
  top: 20%;
  margin: 2rem 0 0 2rem;
}

.add_cont_item:before{
    content:'';
    display:block;
    position:absolute;
    width:2px;
    height:calc(50% + 1rem);
    left:-1.5rem;
    background-color:#b21023;
}
.add_cont_item:after{
    content:'';
    display:block;
    position:absolute;
    width:1.5rem;
    height:2px;
    left:-1.5rem;
    top:50%;
    background-color:#b21023;
}

.add_cont_item:first-child:before{
    bottom:-1rem;
}
.add_cont_item:last-child:before{
    top:-1rem;
}

/* 커넥터 SVG는 맨 아래 레이어 */
.fx-connector {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.fx-connector path {
  stroke: #b21023;        /* 붉은색 */
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 6 6;  /* 점선 */
}


@media screen and (max-width:992px){
    
    .daon_content_wrap{width:100%;}
    .daon_page_title{margin-bottom:50px;}	
    .daon_page_title h1{font-size:2em;}
    .daon_page_title h2{font-size:1em;}
    .daon_s_tit{font-size:1.2em;}
    
    .business_type2 .business_info ul{flex-direction:column;}
    
    .business_type2 .business_info{margin-bottom:0px;}
    .business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
    .business_type2 .business_info ul li.right_box{ 
        width:100%;
        padding-left: 0;
        padding-bottom: 1em;
    }

    .business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
    .business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
    .business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
    .business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
    .business_type2 .con_arrow2{width:95%; margin:0 auto;}
    .business_type2 .con_box{width:95%; margin:0 auto;}

    .business_type2 .con_box ul {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .business_type2 .business_info ul li.left_box img {
        animation:none;
    }

}



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


    .business_type2 .con_arrow2 p{ font-size:1.5em; margin-top:30px;}
    .business_type2 .con_box ul li { width:100%; }

}


@media (max-width: 800px) {
    .flex-cont {
        flex-direction:column;
    }
    .flex-half{
        width:100%;
    }
    .add_side_cont{
        position:relative;
        right: 0;
        width: 90%;
        top:0;
        margin: 2rem 0 0 10%;
    }
}