/* *{font-family: 'Noto Sans KR', sans-serif;margin: 0;padding: 0;border-collapse: collapse;color: #000;}
body{    
    word-break: break-all;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: -0.03em;
    box-sizing: border-box;
    font-family: "Malgun Gothic", gulim, dotum, Helvetica, AppleGothic, Sans-serif;
    color: #555;}
html {
    -webkit-text-size-adjust: none;
    overflow-y: scroll;
}
ul, li{list-style: none;}
a{text-decoration: none;color: inherit;}


.container{max-width: 1400px !important;}
.row{padding: 0 15px !important;}

h3.subTitle {
    margin: 50px 0 0px;
    font-size: 45px;
    color: #000;
    font-weight: bold;
    text-align: center;
}
#contentBody {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 110px;
    word-break: keep-all;
}

.row_wrap{    
    position: relative;
    margin-top: 70px !important;
    display: flex;
    justify-content: space-between;
}
.content_tit{
    border: 3px solid #3a72c9;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 32px;
    letter-spacing: -2px;
    font-weight: 500;
}

.content_tit:before {
    position: absolute;
    left: 283px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d3d3d3;
    content: "";
    box-shadow: -10px 0 0 #d3d3d3, 10px 0 0 #d3d3d3;
    transform: translateY(-50%);
}



.mission_item{
    background-image: linear-gradient(to top, #447dce, #4e94d9, #62aae2, #7cc0ea, #9bd5f1);
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.vision_item{
    width: 80%;
    border:1px solid #3a72c9;
    font-size: 25px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 500;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.value_item{
    width: 80%;
    font-size: 25px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 500;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.value_cir{
    border: 1px solid #ccc;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.value_cir:last-child{margin-right: 0;}
.value_cir img{width: 60px;}
.value_cir p{font-size: 20px;margin-top: 10px;} */
*{font-family:'SCDream';}

.t_mar_30{margin-top: 30px;}
.t_mar_30_v2{margin-top: 30px;}
.t_mr_70{margin-top: 70px;}

.vision > div {position: relative;margin: 0 0 30px;overflow: hidden;font-size: 1.667em;color: #fff;font-weight: 500;font-family: 'SCDream';}
.vision > div .value_flex{width: 80%; position: relative;z-index: 1;display: table-cell;padding: 0 20px 0 150px;line-height: 1.5;vertical-align: middle;letter-spacing: -2px; }

.value_flex ul{display: flex;margin-bottom: 0;}
.value_flex ul li{margin-right: 50px;letter-spacing: -2px;font-weight: 500;}
.value_flex ul li:nth-last-child(1){margin-right: 0px;}
.vision > div img{width: 32px;margin-right: 15px;margin-bottom: 10px;}
.vision > div p {padding-left: 110px !important; font-weight: 500 !important; width: 77%;text-align: center;}
.vision > div h4 {font-weight: 500 !important;    font-size: 1.8rem !important;}

.goal_item{font-size: 25px;letter-spacing: -1px;color: #333;font-weight: 500;text-align: center;align-items: center;display: flex;}
.goal_squ{ width: 100%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px;}
.goal_txt_l{font-size: 25px;color: #fff; border-bottom: 1px solid #f3f3f3; padding:0 50px 10px 50px; margin-bottom: 15px;width: 100%;text-align: center;display: flex;justify-content: center;font-weight: 500;}
.goal_txt_s{font-size: 18px;line-height: 25px;color: #fff;font-weight: 300;text-align: center;font-family: Noto Sans KR;}

.color_01{background-color: #ad7ec9;}
.color_02{background-color: #303e3e;}
.color_03{background-color: #0387d0;}
.color_04{background-color: #075087;}

.tesk_item_wrap{font-size: 25px;letter-spacing: -1px;color: #333;font-weight: 500;text-align: center;align-items: center;display: flex;flex-direction: column;}
.tesk_squ{ height: 200px; padding: 20px 10px 0px 10px;; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.tesk_bor_01{border: 1px solid #ad7ec9;}
.tesk_bor_02{border: 1px solid #19b7b9;}
.tesk_bor_03{border: 1px solid #0387d0;}
.tesk_bor_04{border: 1px solid #075087;}

.number{width: 30px;height: 30px;border-radius: 50%;font-size: 16px;color: #fff;margin-bottom: 10px;font-family: Noto Sans KR;}
.tesk_txt_l{font-size: 20px;color: #000;margin-bottom: 10px; font-weight: 500;    font-family: Noto Sans KR;}
.tesk_txt_s{font-size: 17px;line-height: 28px;color: #333;font-weight: 300;text-align: center;font-family:Noto Sans KR;}
.tesk_deco{ position: relative;}
.tesk_deco::before{content: "";position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 1px;height: 70px;border-left: 2px dashed #000000;}
.tesk_deco::after{display: block;content: "";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background: #ddd;z-index: 1;}

.tesk_deco02{ position: relative;}
.tesk_deco02::before{content: "";position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 1px;height: 70px;border-left: 2px dashed #000000;}
.tesk_deco02::after{display: block;content: "";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background: #ddd;z-index: 1;}

.tesk_deco03::before{display: none;}
.tesk_deco03::after{display: none;}


@media screen and (max-width: 1400px) {
    .vision > div p {width: auto;text-align:left;}
    .vision > div .value_flex {width: auto;padding: 0 20px 0 110px;}
}
@media screen and (max-width: 1024px){
    .vision > div h4 {width: 155px;}
}
@media screen and (max-width: 992px) {
    .tack h4 { font-size: 1.7em;padding: 13px 30px 0 105px;}
    .vision > div h4 { font-size: 0.9em;}
    .vision > div p {font-size: 1.5rem;}
    .vision > div .value_flex {font-size: 1.5rem;}
    .goal_txt_l {font-size: 20px;}
}
@media screen and (max-width: 847px) {
    .value_flex ul li { display: flex; flex-direction: column; align-items: center;text-align: center;margin-right: 20px;}
}

@media screen and (max-width: 767px) {
    .t_mar_30_v2 {margin-top: 0px;}
    .t_mar_30_v3 {margin-top: 30px;}
    .t_mar_15{margin-top: 15px;}

    .tesk_deco02::before{display: none;}
    .tesk_deco02::after{display: none;}

    .tesk_deco03{ position: relative;}
    .tesk_deco03::before{display: block; content: "";position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 1px;height: 70px;border-left: 2px dashed #ddd;}
    .tesk_deco03::after{display: block;content: "";position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background: #ddd;z-index: 1;}
   
}

@media screen and (max-width: 640px) {
    .vision > div h4 {width: 100%;}
    .vision > div p {padding-left: 20px !important;font-size: 1.2rem;text-align: center;}
    .vision > div .value_flex {padding: 20px;display: flex;justify-content: space-around;align-items: center;margin-top: -10px;}
    .value_flex ul li { margin-right: 15px;font-size: 1.2rem;display: flex; flex-direction: row;}
}

@media screen and (max-width: 575px) {
    .value_flex ul {display: flex;flex-direction: column;}
    .value_flex ul li {margin-top: 17px;}
    .value_flex ul li:first-child{margin-top: 0;}

    .t_mar_30{margin-top: 15px;}
    .t_mar_30_v2{margin-top: 15px;}
    .t_mar_30_v3{margin-top: 15px;}
    .t_mar_15{margin-top: 0px;}
    
    .tesk_squ {height: 200px;}
    .tesk_deco03::before{display: none;}
    .tesk_deco03::after{display: none;}

    .tack h4 {font-size: 1.5em; padding: 13px 20px 0 66px;    max-width: 100%;}
}