@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Common *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* font */
:root {
    --sub-font: 'Noto Serif KR';
    --eng-font: 'Montserrat';
    --main-color:#185a8a;
}

/* flex_wrap */
.flex_wrap {display: flex;}
.pre{ font-family: 'Pretendard'; }

/* svg icons */
#svg-icons {position: fixed; top: 0; left: 0; overflow: hidden; width: 0; height: 0; visibility: hidden; opacity: 0;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Section *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.section {padding: 95px 0;}
.section.pb-0 {padding-bottom: 0;}
.section.pb-50 {padding-bottom: 50px;}
.section.pt-0 {padding-top: 0;}
.section.last {padding-bottom: 150px;}

.section [class^=row] + [class^=row] {margin-top: 60px;}

/* color */
.section.bg {background-color: #f9fafa;}

/* 반응형에서 조절이 필요한 경우 사용 */
/*
@media all and (max-width: 1024px) {
    .section {padding: 0 0;}
    .section.last {padding-bottom: 0;}
    .section [class^=row] + [class^=row] {margin-top: 0;}
}
*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Title *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* heading */
.heading .desc h6{font-size: 24px; letter-spacing: -0.045em; line-height: 1.41666em; font-weight: 400;}
.heading .desc h6 b{font-weight: 700; color: #2a68a3;}
.heading .desc p {font-size: 18px; letter-spacing: -0.045em; line-height: 1.44444em; color: #666666; margin-top: 20px;}
/* main_tit */
.main_tit.mb {margin-bottom: 40px;}
.main_tit span {font-family: var(--eng-font); letter-spacing: 0; font-weight: 700; font-size: 16px; color: #5199cf; display: block; margin-bottom: 10px;}
.main_tit span:empty::before {content: 'BCK Consulting Group';}
.main_tit h3 {font-family: var(--sub-font); font-weight: 700; font-size: 42px;}
.main_tit h4 {font-weight: 700; font-size: 38px;}
.main_tit h4 .small {font-size: 26px;}
.main_tit h4 p {margin-top: 0; font-size: 18px; color: #2a68a3;}
.main_tit p {font-size: 18px; line-height: 1.44em; letter-spacing: 0; color: #666; margin-top: 20px;}
.main_tit p b{color: var(--main-color);}
/* main_tit color */
.main_tit.white {color: #fff;}
/* main_tit text-align */
.main_tit.center {text-align: center;}
.main_tit.center p {margin: 20px auto 0;}
.main_tit.center p + p{margin-top: 0;}

.main_con_tit h5 {}
/* sub_tit */
.sub_main_tit h3 {}

.sub_con_tit.center{text-align: center;}
.sub_con_tit.mb {margin-bottom: 40px;}
.sub_con_tit h5 {font-family: var(--sub-font); font-family: 'Noto Sans KR'; color: #2a68a3; letter-spacing: -0.05em; font-weight: 700; font-size: 32px;}
.sub_con_tit.black h5 {color: #222;}


@media all and (max-width: 1024px) {
    .main_tit h3 {font-size: 37px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * btn *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.btn_wrap {display: flex;}
/* btn display */
.btn {display: flex; align-items: center; justify-content: center;}
.btn_wrap.custom {
    max-width: 200px;
    margin: 40px auto;
}
.btn_wrap.custom a {
    width: 100%;
}
/* btn 모양 */
.btn.round {height: 60px; border-radius: 30px;}
.btn.rect {height: 60px;}
/* btn color */
.btn.blue {background-color: var(--main-color); color: #fff;}
.btn.gray {background-color: #bac6cf; color: #444;}
.btn.white {background-color: #fff; color: #23618f;}
/* hover & on color */
.hov.gray {transition: 0.25s;}
.hov.gray.on, 
.hov.gray:hover {background-color: #fff; color: #23618f;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * swiper_btn *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.swiper_btns.type01 {display: flex; gap: 10px;}
.swiper_btns.type01 .btn {width: 50px; height: 50px; border-radius: 50%; background-color: #b9b9b9; transition: 0.25s;}
.swiper_btns.type01 .btn::before {content: ''; width: 8px; height: 12px; background: no-repeat center center / contain; filter: invert(1);}
.swiper_btns.type01 .prev::before {background-image: url(/icon/chevron_left.png);}
.swiper_btns.type01 .next::before {background-image: url(/icon/chevron_right.png);}
.swiper_btns.type01 .btn:hover {background-color: var(--main-color);}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * box *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.round_box {width:93.75%; max-width: 1800px; margin: auto; background-color: var(--main-color); color: #fff; border-radius: 0 300px 0 300px; padding: 120px 0; box-sizing: border-box;}

@media all and (max-width: 1800px) {
    .round_box {border-radius: 0 200px 0 200px;}
}

@media all and (max-width: 1200px) {
    .round_box {padding: 60px;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * txt *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* color */
.txt_box span.white {color: #fff;}
/* txt-1 */
.txt-1 p {font-weight: 300; font-size: 18px; line-height: 1.55em;}
.txt-1 p + p {margin-top: 1.55em;}

/* rect txt */
.txt-rect > * {position: relative;  padding-left: 15px; box-sizing: border-box; max-width: fit-content;}
.center .txt-rect p {margin-left: auto; margin-right: auto; text-align: left;}
.txt-rect > *::before {content: ''; position: absolute; top: calc((1.55em - 5px) / 2); left: 0; width: 5px; height: 5px; background-color: var(--main-color); line-height: 1.55em; transform: translateY(-50%);}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * item_wrap *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.item_wrap.type01 {display: flex; gap: 15px;}
.item_wrap.type01 .item {width: calc(25% - 12px); cursor: pointer; position: relative;}
.item_wrap.type01 .item .img_box {aspect-ratio: 1/1.353; position: relative;}
.item_wrap.type01 .item .img_box img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.item_wrap.type01 .item .txt_box {margin-top: 15px;}
.item_wrap.type01 .item .txt_box h6 {font-weight: 700; font-size: 18px;}
.item_wrap.type01 .item .txt_box p {font-weight: 300; font-size: 18px; line-height: 1.55em; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 3.1em;}
/* plus_btn */
.item_wrap.plus.type01 .item .btn {position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; border-top-left-radius: 50px; background-color: #23618f; border: 10px solid #fff; box-sizing: border-box; opacity: 0; transition: 0.25s;}
.item_wrap.plus.type01 .item .btn i {width: 22px; height: 22px; background: url(/icon/plus.png) no-repeat center center / contain; filter: invert(1);}
.item_wrap.plus.type01 .item:hover .btn {opacity: 1;}
/* full_btn */
.item_wrap.full.type01 .item {transition: 0.25s; transition-property: border-radius; }
.item_wrap.full.type01 .item .hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(43, 60, 73, 0.6); transition: 0.25s; display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0;}
.item_wrap.full.type01 .item .hover span {font-weight: 700; font-size: 18px; color: #fff;}
.item_wrap.full.type01 .item .hover i {display: block; width: 22px; height: 22px; background: url(/icon/plus.png) no-repeat center center / contain; filter: invert(1); margin: 35px auto 0;}
.item_wrap.full.type01 .item:hover {border-top-left-radius: 200px; overflow: hidden;}
.item_wrap.full.type01 .item:hover .hover {opacity: 1;}
/* swiper 예외 */
.swiper-wrapper.item_wrap.type01 {gap: 0; flex-wrap: nowrap;}
.swiper-wrapper.item_wrap .item {margin-right: 15px;}
.swiper-wrapper.item_wrap .item:last-child {margin-right: 0;}
.swiper-initialized .swiper-wrapper.item_wrap .item {margin-right: 0;}

@media all and (max-width: 1024px) {
    .item_wrap.type01 {flex-wrap: wrap;}
    .item_wrap.type01 .item {width: calc(50% - 8px);}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* check_list */
.check_list.type01 {list-style: url(/icon/check-01.jpg); padding-left: 23px; box-sizing: border-box;}
.check_list.type01 li {font-weight: 300; font-size: 18px; letter-spacing: -0.05em; color: #666;}
.check_list.type01 li + li {margin-top: 0.55em;}
/* icon_list */
.icon_list.type01 {display: flex; align-items: center; justify-content: center; gap: 100px;}
.icon_list.type01 li {display: flex; gap: 25px; align-items: center; width: calc(25% - 75px); max-width: 240px;}
.icon_list.type01 i {display: flex; align-items: center; justify-content: center; width: 95px; height: 95px; border-radius: 50%; background-color: #fff; padding: 10px; box-sizing: border-box;}
.icon_list.type01 i img {width: 100%; max-width: fit-content; filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(1488%) hue-rotate(176deg) brightness(90%) contrast(87%);}
.icon_list.type01 .txt_box {flex: 1;}
.icon_list.type01 p {font-size: 18px; line-height: 1.77em; letter-spacing: -0.05em;}

@media all and (max-width: 1400px) {
    .icon_list.type01 {gap: 30px;}
    .icon_list.type01 li {width: calc(25% - 23px);}
}

@media all and (max-width: 1200px) {
    .icon_list.type01 {flex-wrap: wrap;}
    .icon_list.type01 li {width: calc(50% - 15px); max-width: 350px;}
}

@media all and (max-width: 767px) {
    .icon_list.type01 li {width: 100%; max-width: unset;}
}

/* disk */
ul.disc {list-style: disc; padding-left: 1.2em; box-sizing: border-box;}
ul.disc li::marker {color: #2a68a3;}
ul.disc li + li {margin-top: 0.5em;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * table *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
table {width: 100%;}
/* type01 */
table.type01 {border-top: 4px solid #2a68a3;}
table.type01 thead tr {border-bottom: 1px solid #dcdcdc; background-color: #f8f9fa; height: 60px;}
table.type01 thead th {font-weight: 700; font-size: 18px; color: #2a68a3; box-sizing: border-box;}
table.type01 tbody tr {border-bottom: 1px solid #dcdcdc;}
table.type01 tbody th,
table.type01 tbody td {font-size: 18px; line-height: 1.2em; color: #666; padding: 30px 10px; box-sizing: border-box;}
table.type01 tbody th {font-weight: 500;}
/* vertical align */
table.type01.va-top td {vertical-align: top;}
table.type01.va-middle td {vertical-align: middle;}

table.type01.click_table tbody tr:hover td{background-color: #2a68a3; color: #fff;}

@media all and (max-width:1024px){
    .row02:has(.mobile_table){overflow-x: auto;}
table.type01.mobile_table{ width: 1000px;}
}

table.center tbody td{vertical-align: top;}
/* table.center tbody td.txt-rect {text-align: left;} */

table.border thead th + th{border-left: 1px solid #dcdcdc;}

table.type01 tbody td {border-left: 1px solid #dcdcdc;}
table.type01 tbody td p{line-height: 1.666em;}

table.type01 .dot p{padding: 0 0 0 10px; font-weight: 400; margin: 0 auto; position: relative; margin-left: 10px;}
table.type01 .dot p::before{content: ''; position: absolute; top: 13.5px; left: 0; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #529be0;}

/* type02 */
table.type02 {border-spacing: 10px; border-collapse: separate;}
table.type02 th, table.type02 td {height: 60px; padding: 20px 10px; box-sizing: border-box;}
table.type02 th {background: var(--bg); color: #fff; font-weight: 700; font-size: 18px;}
table.type02 td {background: #f8f9fa; text-align: center; font-weight: 300; font-size: 18px; line-height: 2em; color: #444;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * edu_con list*
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.edu_con .list_wrap{display: flex; flex-wrap: wrap; gap: 10px ; justify-content: center;}
.edu_con .list_wrap li{background-color: #fff; padding: 40px 50px; box-sizing: border-box; text-align: center;}
.edu_con .list_wrap li .num{width: 50px; font-size: 20px; font-family: 'Pretendard'; font-weight: 500; color: #fff; line-height: 50px; text-align: center; height: 50px; margin: 0 auto; border-radius: 50%; background-color: #529be0; border-radius: 50%;}
.edu_con .list_wrap li:nth-child(even) .num{background-color: var(--main-color);}

.edu_con .list_wrap li h5{font-size: 22px; margin: 20px 0; font-weight: 500; line-height:1.18em; letter-spacing: -0.045em; color: #444;}
.edu_con .list_wrap li p{font-size: 18px; font-weight: 400; line-height:1.4em; letter-spacing: -0.045em; color: #666666;}
.edu_con .list_wrap.item03 li{width: calc(33.333% - 7px);}
.edu_con .list_wrap.item04 li{width: calc(25% - 8px);}

@media all and (max-width: 1050px) {
    .edu_con .list_wrap li{padding: 30px;}
}
@media all and (max-width: 980px) {
    .edu_con .list_wrap.item04 li{width: calc(50% - 5px);}
}
@media all and (max-width: 756px) {
    .edu_con .list_wrap.item03 li{width: calc(100%); max-width: 420px;}
    .edu_con .list_wrap.item04 li{width: calc(100%); max-width: 420px;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * circle_list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.circle_list{display: flex; flex-wrap: wrap; position: relative; max-width: 1215px; margin: 0 auto; justify-content: space-around;}
.circle_list::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 5px; box-sizing: border-box; border-top: 5px dotted var(--main-color);}
.circle_list li{width: 33.333%; position: relative;z-index: 10; max-width: 294px; aspect-ratio: 1/1; box-sizing: border-box; border: 5px solid var(--col);  border-radius: 50%;}
.circle_list li .circle{border: 15px solid #fff; display: flex; align-items: center; gap: 25px; justify-content: center; flex-direction: column; height: 100%; box-sizing: border-box; border-radius: 50%; margin: auto; background-color: #eaf1f7;}
.circle_list li h5{font-size: 24px; color: var(--col); font-weight: bold; letter-spacing: -0.045em; line-height: 1.25em; text-align: center;}
.circle_list li h5 span{display: block; font-weight: 300; font-size: 16px;}
@media all and (max-width:760px) {
    .circle_list {justify-content: center; row-gap: 30px; max-width: 300px; margin: 0 auto; }
    .circle_list::before{height: 100%; top: 0; left: 50%; transform: translate(-50%, 0); width: 5px; border-top: unset; border-left: 5px dotted var(--main-color) ;}
    .circle_list li{width: 100%;}
}


.circle_list.color li .circle {background-color: var(--col);}
.circle_list.white li .circle{background-color: #fff;}
.circle_list.color li h5 {color: #fff;}

.circle_list.type02::before{content: none;}
.circle_list.type02 li h5{font-size: 20px;}
.circle_list.type02 li + li:before{content: ''; width: 17px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--col); right: calc(100% + 17%); top: 50%; transform: translateY(-50%); position: absolute;}

@media all and (max-width:1200px){
    .circle_list.type02 li + li:before{content: none;}
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * arrow_list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.arrow_list ul {display: flex; flex-wrap: wrap; counter-reset: greet_con01; row-gap: 90px;}
.arrow_list ul.center{justify-content: center;}
.arrow_list ul li {width: 25%; text-align: center; counter-increment: greet_con01; padding: 0  20px; box-sizing: border-box; position: relative;}
.arrow_list ul.item02{gap: 20px;}
.arrow_list ul.item03{gap:15px;}
.arrow_list ul.item04{gap:9px;}
.arrow_list ul.item02 li{width: calc(50% - 10px);}
.arrow_list ul.item03 li{width: calc(33.333% - 10px);}
.arrow_list ul.item04 li{width: calc(25% - 6.75px);}
.arrow_list ul.item05 li{width: calc(20%);}
.arrow_list ul.white li{background-color: #fff; padding: 40px 20px;}
.arrow_list ul.white li:after,
.arrow_list ul.white li:before{content: none;}
.arrow_list ul.bd-gray li {border: 1px solid #e5e5e5; box-sizing: border-box;}


.arrow_list ul.border_type li{border:1px solid #2a68a3; aspect-ratio: 1/1.2; padding: 40px 40px;}
.arrow_list ul.border_type li i {background-color:#529be0 ;}
.arrow_list ul.border_type li:nth-child(even) i {background-color: var(--main-color);}

@media all and (max-width: 1024px) {
    .arrow_list ul.item04 li {width: calc(50% - 4.5px);}
    .arrow_list ul.item05 {justify-content: center;}
    .arrow_list ul.item05 li {width: calc(33.3333%);}
}


@media all and (max-width:768px){
    .arrow_list ul.item02,
    .arrow_list ul.item03{gap: 10px}
    .arrow_list ul.item05 li,
    .arrow_list ul.item04 li,
    .arrow_list ul.item02 li,
    .arrow_list ul.item03 li{width: 100%;}
}


.arrow_list.type02 ul{gap: 20px;}
.arrow_list.type02 ul li{display: flex; border: 3px solid #23618f; padding: 0; align-items: center; text-align: left; gap: 20px; border-radius: 0 0 50px 0; padding-right: 20px; box-sizing: border-box;}
.arrow_list.type02 ul li i{width: auto; height: 100%; padding:25px 30px; border-radius: 0 0 50px 0; box-sizing: border-box;}
.arrow_list.type02 ul li p{margin-top: 0; width: calc(100% - 100px);}
.arrow_list ul:not(.bd-gray) li:nth-child(even){border-color: #529be0;}

/* arrow */
.arrow_list ul li::after, 
.arrow_list ul li::before {content: ''; position: absolute; top: 0; left: 0; background: url(/icon/line_arrow.png) no-repeat center center / contain; width: 17px; height: 100%;}
.arrow_list ul li::after {display: none; left: 100%;}
.arrow_list ul li:nth-child(4n):after {display: block;}

.arrow_list ul.start{justify-content: flex-start;}
.arrow_list ul.start li{padding: 20px;}
.arrow_list ul.item03 li:nth-child(4n):after {display: none;}
/* none */
.arrow_list.line ul li::after, 
.arrow_list.line ul li::before {content: ''; width: 1px; height: 100%; background-color: #e5e5e5;}
/* number */
.arrow_list ul li i {display: inline-flex; align-items: center; justify-content: center; font-style: normal; text-align: center; width: 50px; height: 50px; border-radius: 50%; background-color: var(--main-color); color: #fff; font-weight: 700; font-size: 20px; line-height: 1.5em; letter-spacing: 0;}
.arrow_list ul li:nth-child(even) i {background-color: #529be0;}
.arrow_list ul li i::before {content: counter(greet_con01, decimal-leading-zero);}
.arrow_list ul li .step{font-size: 20px; letter-spacing: 0; line-height: 1.5em; color: #185a8a; font-weight: 700;}
.arrow_list ul li:nth-child(even) .step{color: #529be0;}
.arrow_list ul li .step i{width: auto; height: auto; background-color: transparent; color: #185a8a; font-weight: 700; font-family: 'Pretendard';}
.arrow_list ul li:nth-child(even) .step i {color: #529be0;}
/* txt */
.arrow_list ul li h5{font-weight: 500; color: #444444; letter-spacing: -0.045em; font-size: 22px; line-height: 1.18181em; margin-top: 10px;}
.arrow_list ul li p {font-size: 18px; line-height: 1.44em; color: #666; margin-top: 20px;}
/* icon */
.arrow_list ul li .icon {margin-top: 15px; height: 100px;}
.arrow_list ul li .icon img {width: 100%; max-width: fit-content;}
.arrow_list ul.border li{border: 1px solid #e5e5e5;}
@media all and (max-width: 1024px) {
    .arrow_list ul {row-gap: 40px;}
    .arrow_list ul li {width: 33.3333%;}
    .arrow_list ul li:nth-child(4n):after {display: none;}
    .arrow_list ul li:nth-child(3n):after {display: block;}
}

@media all and (max-width: 767px) {
    .arrow_list ul li {width: 50%;}
    .arrow_list ul li:nth-child(3n):after {display: none;}
    .arrow_list ul li:nth-child(2n):after {display: block;}
    .arrow_list ul.item03 li:nth-child(2n):after {display: none;}
    .arrow_list ul li p {font-size: 16px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * list *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.dot_list {list-style: 'ㆍ'; padding-left: 0.5em; box-sizing: border-box;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * img_wrap *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.img_wrap.center{text-align: center;}
.img_wrap img{width: 100%; max-width: fit-content;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * layout01 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.layout01 {flex-wrap: wrap; gap: 30px; align-items: center;}
.layout01 .img_box {width: 50%; background-color: #eee; min-height: 440px;}
.layout01 .img_box img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.layout01 .txt_box {width: calc(50% - 30px); font-weight: 300; font-size: 18px; line-height: 1.5em; color: #666;}
.layout01 .txt_box .box + .box {margin-top: 70px;}
.layout01 .txt_box p:not(:last-child) {margin-bottom: 1em;}
.layout01 .txt_box b {font-weight: 500; color: #222;}
.layout01 .txt_box h6 {font-weight: 700; font-size: 20px; line-height: 1.3em; color: var(--main-color); margin-bottom: 15px;}
.layout01 .arrow_list ul li p {margin-top: 0;}

@media all and (max-width: 1024px) {
    .layout01 .img_box,
    .layout01 .txt_box {width: 100%;}
}


.right-bot-round {display: flex; flex-wrap: wrap; --gap:10px; gap: var(--gap);}
.right-bot-round li {--i: 3; width: calc((100% / var(--i)) - (var(--gap) * (var(--i) - 1)) / var(--i)); border: 3px solid #3488c6; box-sizing: border-box; border-bottom-right-radius: 100px; text-align: center; padding: 70px 20px; font-size: 18px;}
.right-bot-round li:hover {border-color: #23618f;}
.right-bot-round li .tit {font-weight: 500; font-size: 22px; line-height: 1.2em; color: #444;}
.right-bot-round li .txt {margin-top: 20px; font-size: 18px; color: #666;}


@media all and (max-width: 1024px) {
    .right-bot-round li {width: 100%;}
}

/* 2023.11.22 추가 */
.arrow_list.custom ul li {
    border-color: #529be0;
}