#container{margin-top: 200px
}

/* ======================= COMMON  ======================= */
/* ::::::::::: root :::::::::::*/
:root {
    --main-txt-color: #0192c9;
    --section-num-color: #b9e7f9;
    --txt-bold-color: #333;
    --txt-parag-color: #666
}
/*:::::::::::// root :::::::::::*/

/*::::::::::: font :::::::::::*/
.txtC_LB{color:#0192c9}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
/* font-family: 'Montserrat', sans-serif; */
/*:::::::::::// font :::::::::::*/
.mBr{display: none;}
.inr{
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.section_tit{
    text-align: center;
    margin-bottom: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding-bottom: 25px;
    border-bottom: 2px solid #222;
    letter-spacing: 7.5px;
}
.section_tit small{
    font-size: 60px; color: #222; font-family: 'Montserrat', sans-serif;font-weight: 300; letter-spacing: 5px;
  
}
.section_tit span{
    font-size: 60px; color: #222; font-weight: bold; font-family: 'Montserrat', sans-serif;

}
.clearFix::after{
    content:""; display: block;
    clear: both;
}
@media (max-width: 991px){
    .section_tit span {font-size: 50px;}
    .section_tit {margin-bottom: 60px;}
    .section_tit { font-size: 50px}
    .section_tit small { font-size: 50px}
    .section_tit{padding-bottom: 0;}
  
}
@media (max-width: 767px){
    .section_tit span {font-size: 30px;}
    .section_tit {margin-bottom: 40px; font-size: 30px}
    .section_tit small {margin-bottom: 10px; font-size: 30px}
    .mBr{display: block;}
    .section_tit{padding-bottom: 0;}
    .gretting_txt_left p {
        font-size: 28px;
        line-height: 39px;
    }
    .gretting_txtWrap li {
        font-size: 14px;
        line-height: 26px;
    }
    .gretting_content{    padding-bottom: 40px;}
   
}
/* =======================// COMMON  ======================= */
/* ======================= section_tab  ======================= */
.breadScrumbs{ text-align: right;}
.breadScrumbs em,
.breadScrumbs strong{font-style: normal;}
.breadScrumbs em{ font-size: 16px; color: var(--txt-parag-color);font-family: 'noto sans kr'; font-weight: 300;}
.breadScrumbs strong{ font-size: 18px; color: #222;font-family: 'noto sans kr'; font-weight: bold;}
.breadScrumbs strong:before{
    content:""; display: inline-block;
    margin: 0 10px; 
    width: 12px; height: 22px;
    background: url(../img/aboutImg/rightArrow.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    vertical-align: middle;
}
.TopTabWrap {width: 100%;height: 83px;
    margin-top: 26px;
    display: flex;
}
.onc_tab {
    font-weight: 600;
    background-color:#0192c9!important;
}
.TopTab {
    position: relative;
    height: 83px;width: 33.33333333333333%;
    background-color: #f5f5f5;
    cursor: pointer;
    transition: all 0.3s
}
.TopTab a {
    position: absolute;left: 0px;top: 0px;
    width: 100%;height: 100%;
    /* padding-left: 20px;padding-top: 29px;padding-right: 20px; */
    text-align: left;
    font-family: 'S-CoreDream-6Bold';
}
.tbmar { margin-left: 2px; margin-right: 2px;}
.onc_tab span {
    font-weight: 600;
    color: #fff!important;
}
.TopTab span {
    font-family: 'Gmarket Sans';
    font-size: 20px;
    font-weight: 500;
    color: #222;
}
.onc_tab b {
    color: #fff!important;
}
.TopTab b {
    position: relative;
    font-family: 'Gmarket Sans';
    float: right;
    color: #222;
    font-size: 22px;
    top: 1px;
    font-weight: 100;
}
.TopTab:hover {
    font-weight: 600;
    background-color:#0192c9!important;
    
}
.TopTab:hover span, .TopTab:hover b{
    color: #fff!important;
}
@media (max-width: 991px){
    .newTap { height: 60px; }
    .newTap a{padding: 0 10px!important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .TopTab.newTap span, .TopTab.newTap b {font-size: 18px!important;}
}
@media (max-width: 767px){
    .newTap { height: 50px; }
    .newTap a{padding: 0 10px!important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .TopTab.newTap span, .TopTab.newTap b {font-size: 16px!important;}
 
}
@media (max-width: 500px){
    .TopTab.newTap b {display: none;}
}
/* ======================= //section_tab  ======================= */
/* ======================= section_gretting  ======================= */
.section_gretting {padding: 100px 20px 60px 20px;
    position: relative;
    z-index: 10;
}
.gretting_content{width: 100%;
    margin: 0 auto; 
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}
.gretting_imgWrap{width: 100%;
    max-height: 380px;
}
.gretting_imgWrap img{width: 100%;
    max-height: 380px;
    object-fit: cover;
}
.gretting_txt_left{display: inline-block;
   min-width: 450px;
   margin-right: 85px;
}
.gretting_txt_left p{margin-bottom: 0;
    font-size: 52px; color: #001939; line-height: 68px; font-weight: lighter;text-align: left;
}
.gretting_txt_left p .fontBold{font-weight: bold; color: #222; }
.gretting_txtWrap{display: inline-block;
    
}
.gretting_txtWrap ul{margin: 0; padding: 0;}
.gretting_txtWrap li{padding: 0; margin: 0;
    list-style: none;
    font-size: 18px; font-family: 'Noto Sans KR'; color: #333; line-height: 34px; letter-spacing: -0.25px;text-align: left; font-weight: lighter;
}
.gretting_txtWrap li:not(:last-child){margin-bottom: 35px}
@media (max-width: 1340px){
    .gretting_txtWrap li br{display: none;}
}
@media (max-width: 1200px){
    .gretting_txtWrap dt br,
    .gretting_txtWrap dd br{display: none;}
    .gretting_imgWrap {left: 20px;}
}
@media (max-width: 991px){
    .gretting_txt_left p {font-size: 42px; line-height: 56px;}
    .gretting_txt_left { min-width: 360px;
        margin-right: 40px;
    }
    .gretting_txtWrap li { font-size: 16px; line-height: 29px;}
    .gretting_txtWrap li:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media (max-width: 850px){
    .gretting_imgWrap img {max-height: 315px;}
    .gretting_txtWrap dt {
        margin: 0 0 20px 0;
        font-size: 27px; line-height: 37px;
    }
    .gretting_txtWrap dd {font-size: 14px; line-height: 25px;}
    .gretting_txtWrap dd:not(:last-child) {margin-bottom: 15px;}
    .gretting_txtWrap dd small {padding-top: 15px;}
    .gretting_imgWrap img{ object-fit: cover;}
    .section_gretting {padding: 80px 20px 20px 20px;}
    .gretting_txt_left p {
        font-size: 26px; line-height: 38px;
    }
    .gretting_txt_left {min-width: 390px;
        margin-right: 30px;
    }
    .gretting_content{display: block;}
    .gretting_txt_left{width: 100%;
        margin-right: 0; margin-bottom: 25px;
    }
    .gretting_txt_left p br{display: none;}
    .gretting_txt_left p .mBr{display: block;}
    .gretting_content{margin-bottom: 40px;}
    .gretting_txtWrap li:not(:last-child){margin-bottom: 0}
}
@media (max-width: 767px){
    .ab_marT{
		margin-top:90px!important;
	}
	.TopTabWrap {
		height: 50px;
		margin-top: 10px;
	}
    .gretting_txtWrap dt br{display: block;}
    .gretting_imgWrap{width: 100%;
        display: block;
        position: static;
        padding-bottom: 50px;
    }
    .gretting_imgWrap img {width: 100%;}
    .gretting_txtWrap dt {font-size: 22px; line-height: 30px;}
    .section_gretting {padding: 40px 20px 20px 20px;}
    .gretting_content{margin-bottom:0px;}
    /* .gretting_txt_left p .mBr{display: none!important;} */
    .gretting_txtWrap li {
        font-size: 14px;
        line-height: 24px;
    }
	.gretting_txt_left{
		min-width: auto;
    }
    .gretting_content {padding-bottom: 40px;}
    .gretting_imgWrap{padding-bottom: 0;}
    .bottomMore p {padding: 0 15px;}
    .bottomMore p::after {
        background-size: 21px!important
    }
    .bottomMore small { padding-top: 20px!important;
        font-size: 13px;
    }
}
@media (max-width: 500px){
    .gretting_txt_left p {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: -0.5px;
	}
    .gretting_txtWrap dt { font-size: 19px; line-height: 26px;}
}
/* =======================// section_gretting  ======================= */
/* ======================= section_business  ======================= */
.section_Business{ max-width: 100%; 
    padding: 60px 0 50px 0;
    position: relative;
    z-index: 5;
}
.section_Business::before{
    content: "";
    width: 100%; height: 118%;
    background-color: #f6f6f6;
    position: absolute; left: 0; top: -18%; z-index: -1;
}
.business_listWrap{margin: 0;padding: 0;
    font-size: 0
}
.business_list{list-style: none;
    display: inline-block; vertical-align: top;
    width: calc(100% / 2 - 20px);
    margin-bottom: 80px;
}

.business_list:nth-child(2n){
    margin-left: 40px
}
.busList_tit{
    display: block;
    font-size: 30px; font-weight: bold; font-family: 'S-CoreDream-6Bold'; color: #222;
    margin-bottom: 20px;
    text-align: left;
}
.business_listWrap figure{width: 100%; max-height: 380px;
    margin: 0;
}
.business_listWrap figure img{width: 100%; max-height: 380px;
    object-fit: cover;
}
.bottomMore{display: flex; justify-content: space-between;}
.bottomMore small{font-size: 15px;color: #333; font-weight: 500;
    padding-top: 30px;
}
.bottomMore p{
    width: 50%;height: 70px; padding: 0 30px;
    display: inline-block;
    background-color: #000;
    position: relative; top: -25px;
}
.bottomMore p::after{
    content:"";
    width: 30px; height: 15px;
    background: url(../img/about/arrow_viewall.png) no-repeat center;
    position: absolute; top: 50%; right: 25px;
    transform: translateY(-50%);
    background-size: 29px
}
.bottomMore a{width: 100%;
    text-align: left;
    font-family: 'montserrat'; color: #fff; font-size: 18px; letter-spacing: 0.5px;
    font-weight: 300; line-height: 70px;
    display: inline-block;
}
.bottomMore p:hover{
    background-color: #0192c9;
}
@media (max-width: 1200px){
    .busList_tit {font-size: 25px;}
}
@media (max-width: 991px){
    .busList_tit {font-size: 20px;
        margin-bottom: 10px;
    }
}
@media (max-width: 767px){
    .busList_tit {font-size: 20px;
        margin-bottom: 10px;
    }
    .business_list {width: 100%}
    .business_list{ margin: 0 0 30px 0!important}
    .busList_tit {font-size: 18px;}
    .section_Business{padding: 20px 0 0 0}
    .section_Business::before {
        height: 107%;
        top: -7%;
    }
    .business_listWrap figure img{max-height: 250px}
    .bottomMore p{height: 55px;}
    .bottomMore a{line-height: 55px;
        font-size: 14px
    }

}
@media (max-width: 500px){
    .busList_tit {font-size: 16px;}
    .section_Business::before {
        height: 106%;
        top: -6%;
    }
}
/* =======================// section_business  ======================= */
/* ======================= section_vision  ======================= */
.section_vision{width: 100%; max-width: 1340px;
    margin: 0 auto; 
    position: relative;
    padding: 100px 20px 120px 20px;
    box-sizing: border-box;
    z-index: 10;
}
.vision_listWrap{margin: 0; padding: 0;
    display: flex; justify-content: center; flex-wrap: wrap;
}
.vision_list{margin: 0; padding: 0;
    list-style: none; 
    width: 25%; 
    display: inline-block;
    position: relative;
    text-align: center;
}
.vision_list:not(:nth-child( n + 5 )){margin-bottom: 90px;}
.vision_list figure{margin: 0 auto;
    width: 130px; height: 130px;
    border-radius: 50%;
    background-color:#fff;
    display: flex;
    justify-content: center; align-items: center;
}
.vision_list figure img{max-height: 130px;}
.visList_tit{padding: 30px 0 0 0; margin: 0;
    display: block;
    font-size: 24px; color: #222; font-weight: bold; font-family: 'noto sans kr';
}
.visionList_tit{font-family: 'montserrat'; font-size: 16px; letter-spacing: -0.25px; color: #0192c9;
    padding-bottom: 30px;
    display: block;
    font-weight: bold;
}
@media (max-width: 991px){
    .visList_tit{font-size: 20px;}
    .section_vision{padding: 80px 20px 100px 20px}
    .vision_list {
        flex: 1 30%;
    }
}
@media (max-width: 767px){
    .visionList_tit {
        padding-bottom: 15px;
        font-size: 14px;
    }
    .vision_list {
        flex: 1 40%;
    }
    .vision_list figure{
        max-height: 100px;
    }
    .vision_list figure img {
        max-height: 100px;
    }
    .vision_list:not(:last-child) {margin-bottom: 30px;    }
    .visList_tit{font-size: 18px;}
    .section_vision{padding: 60px 20px 40px 20px}
}
@media (max-width: 500px){
    .visList_tit{font-size: 16px;
        padding: 15px 0 0 0;
    }
    .vision_list{float: none;
        width: 100%;
        padding-bottom: 30px;
    }
    .visList_tit .mBr{display: none!important;}
}

/* =======================// section_vision  ======================= */