/*  폰트 적용 */
/*
@import url('//fonts.cdnfonts.com/css/poppins');
@import url('//fonts.cdnfonts.com/css/nanum-brush-script');
@import url('//fonts.cdnfonts.com/css/nanumgothic');
*/
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumbrushscript.css');
/*font-family: 'Noto Sans KR', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;*/
@import url('//cdn.jsdelivr.net/npm/typeface-poppins@1.1.13/index.min.css');
@import url('//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.css');
@font-face {
    font-family: 'JeongseonArirang';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/* 공통 라이브러리 class */
.row::after {
    content:"";
    display:block;
    clear:both;
}
.cell {
    float:left;
    box-sizing:border-box;
}
.cell-right {
    float:right;
    box-sizing:border-box;
}
.margin-0-auto {
    margin:0 auto;
}
.block {
    display:block;
}
.inline-block {
    display:inline-block;
}
.text-align-center {
    text-align:center;
}
.line-height-0-ch-only {
    line-height:0;
}
.line-height-0-ch-only > * {
    line-height:normal;
}
.relative {
    position:relative;
}
.absolute-left {
    position:absolute;
    left:0;
}
.absolute-right {
    position:absolute;
    right:0;
}
.absolute-middle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.absolute-bottom {
    position:absolute;
    bottom:30px;
}
.width-100p {
    width:100%;
}
.table {
    display:table;
}
.table-cell {
    display:table-cell;
}
.vertical-align-top {
    vertical-align:top;
}
.vertical-align-middle {
    vertical-align:middle;
}
.vertical-align-bottom {
    vertical-align:bottom;
}
.t2d_width80 {
    width: 80%;
    height: 50%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 1600px){
    .t2d_width80 { width:94%;  }	
}
@media screen and (max-width: 1200px){
    .t2d_width80 { height: 75%;  }
}

/*clear both 처리*/
.clear {clear:both !important;}

/*모바일 보이기 */

.t2d_mobileshow{display:none;}
.t2d_mobileshow_flat{display: none;}
.t2d_mobile_none{display:block;}/*kui2*/



@media all and (max-width:1024px){
  
  .t2d_mobileshow_flat{display:block;}
  .t2d_mobile_none{display:none;}
}
@media all and (max-width:768px){
  .t2d_mobileshow{display:block;} 
}


/*kui2*/
.t2d_admin_setup_btn{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10; 
}

/*아티클 줄간격*/
.t2d_article_row_gap{
	position:relative;
    margin:0;
    padding:0;
    height:50px;
    box-sizing: border-box;
}
/*.t2d_article_row_gap::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:30px;
    }
    .t2d_article_row_gap::after{
        content:none;
    }
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:20px;
    }
}

/*서브 아티클 줄간격*/
.t2d_sub_article_row_gap{
	position:relative;
    margin:0;
    padding:0;
    height:80px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
.t2d_sub_article_halfrow_gap{
	position:relative;
    margin:0;
    padding:0;
    height:40px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
/*.t2d_sub_article_row_gap::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_sub_article_row_gap {
        height:70px;
    }
    .t2d_sub_article_halfrow_gap {
        height:40px;
    }
    /*
    .t2d_sub_article_row_gap::after{
        content:none;
    }
        */
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_sub_article_row_gap {
        height:50px;
    }
     .t2d_sub_article_halfrow_gap {
        height:30px;
    }
}

/*섹션*/
#t2d_header, #t2d_main_wrap, #t2d_footer_wrap, #t2d_fake_wrap {position: relative;}
/*fake 랩(드래그 컴포넌트용)*/
#t2d_fake_wrap{width:0px;height:0px}

/*3단 메뉴 정의 kui3*/
.t2d_gng_wrap .depth3menu{ 
    font-size: 14px;
    color: #b9b8b8;
}
.t2d_gng_wrap a:has(.depth3menu) {
  padding:5px 0!important;
}
#slide_nav_menu .depth3menu{
    font-size: 14px;
    color: #b9b8b8;
}

/*---개인정보보호정책---*/
.content__box {
	width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 35px 25px;
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
    font-size: 0.9em;
    margin-top: 20px;	
    
	font-size:15px;
	line-height:25px;
}
.content__box dl {
    margin-bottom: 20px;
}
.content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}
.content__box dl:last-child {
    margin-bottom: 0;
}
/*----- 서브페이지 wrap 스타일-----*/
#t2d_sub_wrap{}
/*----- 서브페이지 container 전체 wrap 스타일-----*/
#t2d_sub_container{/*max-width: 1400px;*/ margin:0 auto;  width:100%;min-height: 810px;}
/*---------- 서브페이지 본문 wrap ----------*/
#t2d_scontents { width:100%; margin:0px auto 30px auto; max-width: 1400px;}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    #t2d_scontents { width:100%; } 
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
    #t2d_scontents { width:100%;} 
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    #t2d_scontents {margin:0px 0 0 0;} 
}
/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 ----------*/
.t2d_sub_visual { 
    position: relative;
    width: 100%;
    height: 500px;
    /* background-attachment: fixed; */
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    
}

.t2d_sub_visual[style$="t2d_subcover_img_40.jpg);"] , .t2d_sub_visual[style$="t2d_subcover_img_50.jpg);"] { 
    background-position: center !important; 
}

.t2d_sub_visual::after{
    /*
    content:"";
    position: absolute;
    height:100%;
    width: 100%;
    background-color: #000;
    opacity:0;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    */
}

@media screen and (max-width: 1024px){ 
    .t2d_sub_visual { height:300px; } 
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:50%;
}
.t2d_directory_box:has(.t2d_directory_route) { /*글자가 있는 경우에만*/
        top: 42% !important;
    }
.t2d_directory_box h1 { font-size:35px; font-weight:normal; color:#fff; text-shadow: 1px 1px 6px #424242b5;}
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#fff;font-size: 16px;margin-top: 3px; text-shadow: 1px 1px 6px #424242b5;}
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#ccc; }
@media screen and (max-width: 1024px){ 
    .t2d_directory_box { /*글자가 있는 경우에만*/
        top: 47% !important;
    }
    .t2d_directory_box:has(.t2d_directory_route) { /*글자가 있는 경우에만*/
        top: 38% !important;
    }
}
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}


/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 v1 - 글자만 ----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; 
    background: unset!important;
    overflow: hidden;
}

.t2d_directory_box {
    width: 100%;
    position: relative;
    text-align:center; 
    padding: 140px 0 80px 0;
}
.t2d_directory_box h1 { font-size:35px; font-weight:normal; color:#2f2f2f; }
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#2f2f2f; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#2f2f2f; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}
*/
/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 v1-1 - 글자만 우측정렬 ----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; 
    background: unset!important;
    overflow: hidden;
}

.t2d_directory_box {
    width: 100%;
    position: relative;
    text-align:center; 
    padding: 140px 0 80px 0;
}
.t2d_directory_box h1 { font-size:35px;  color:#2f2f2f; }
.t2d_directory_route {
    float: right;
    top: -30px;
    margin-right: 20px;
    position: relative;
}
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#2f2f2f; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#2f2f2f; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}
*/

/*---------- 서브페이지 커버이미지(비쥬얼) : 이미지방식----------*/
/*
.t2d_sub_visual { 
    position:relative; width:100%; height:auto;margin-bottom: 80px; 
    background-attachment: fixed;
    background-size: unset;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.t2d_sub_visual .t2d_bannerimg{
    object-fit: cover; 
    height: 100%;
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 768px){ 
    .t2d_sub_visual {  margin-bottom: 0px;}
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:40%;
}
.t2d_directory_box h1 { font-size:35px; font-weight:normal; color:#fff; }
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#fff; }
.t2d_directory_route a i { font-size: 17px; padding-right: 6px;}
.t2d_directory_route span { padding:0 10px; color:#ccc; }
@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}

*/
/*---------- 이미지방식끝 ----------*/
/*---------- 서브페이지 경로 표시 ----------*/



/*---------- 서브페이지  제목 ----------*/
.t2d_subtitle { /*width:100%;*/ margin:50px auto 50px; text-align: center;}
.t2d_subtitle h1 { font-size:42px; font-weight:bold; display:inline-block; }
/*.t2d_subtitle h1:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
    background: #000;
    height: 1px;
}
*/
/*구분막대*/
.t2d_subtitle .colorbar_wrap{
    text-align: center;
}
.t2d_subtitle .colorbar{
    display: inline-block;
    width: 44px;
    height: 3px;
    background: #42424a;
    margin: 15px 0 10px 0;
    position: relative;
}
.t2d_subtitle .colorbar::after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 3px;
    background:#E91E63/* #ffbc1a*/;
    position: absolute;
    left: 22px;
}


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

}
@media screen and (max-width: 768px){ /*Mob 이하*/
        .t2d_subtitle { /*width:100%;*/ margin:10px auto 20px; }
    .t2d_subtitle h1 { font-size:26px;}
}
/*---------- 서브페이지 메뉴----------*/
/*------서브페이지 대중소 제목 ------*/
#t2d_scontents .t2d_contenttitle{
    width:100%; margin:50px auto 30px auto; text-align: center;
}
#t2d_scontents .t2d_contenttitle > h1{
    font-size:32px; font-weight:bold; display:inline-block; color:#033c7e; 
    padding: 0;
    margin: 0;
}
#t2d_scontents .t2d_contenttitle > h1:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
    background: #000;
    height: 1px;
    font-size: 0;
}

#t2d_scontents .t2d_contenttitle_m {
    margin: 0px auto 10px auto;
    width: 100%;
    text-align: left;
}
#t2d_scontents .t2d_contenttitle_m > h1{
    font-size: 26px; font-weight:bold; display:inline-block; color:#000; 
    padding: 0;
    margin: 0;
    text-emphasis-style:dot;
    text-emphasis-color:#D32F2F;
}


#t2d_scontents .t2d_contenttitle_s > h1{
    font-size: 20px; font-weight:bold; display:inline-block; color:#000; 
    padding: 0px 10px 0;
    margin: 0;

    
}
@media screen and (max-width: 1200px){
    #t2d_scontents .t2d_contenttitle { width:94%; margin:30px auto 20px auto;}
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px;}
    #t2d_scontents .t2d_contenttitle_m { width:99%; }
    #t2d_scontents .t2d_contenttitle_m h1 { font-size:20px;}
    #t2d_scontents .t2d_contenttitle_s h1 { font-size:19px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px; }
}
/*------서브페이지 대중소 제목 end ------*/


/*----- 메인 wrap 스타일-----*/
#t2d_main_wrap{}
/*----- 메인 article 전체 wrap 스타일-----*/
#t2d_main_container{/*max-width: 1400px;*/ margin: 0 auto; width:100%;}
/*----- 메인 각 콘텐츠 article에 대한 공통 스타일-----*/
.t2d_contentbox_fullscreen-wh { position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); /*height:100vh;*/ } /* height fullscreen*/
.t2d_contentbox_full-w_auto-h { position:relative; width:100%; height:auto; margin:0 auto;} /* height auto*/
.t2d_contentbox_max-width1400 { position:relative; width:100%; max-width:1400px; margin:0 auto;} /* max-width:1400*/
/*-----아티클 css -----*/

/*----- 메인 디지인 -----*/
/* 메인 아티클 랩핑 t2d_main_article_wrap_with_title ------start------*/
.t2d_main_article_wrap_with_title {
	position:relative;
    overflow: hidden;
	/*padding:30px 0 80px 0;*/
}
/* 제목 */
.t2d_main_article_wrap_with_title .t2d_contenttitle {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
    font-size:50px;
	text-align:center;
	color: #15171c; 
    padding: 10px 0 10px 0;
}
.t2d_main_article_wrap_with_title .t2d_contenttitle_e {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:30px;
	text-align:center;
	color:#464646;
	padding:0;
}
.t2d_main_article_wrap_with_title .t2d_contenttitle_m {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:16px;
	text-align:center;
	color:#707070;
	padding:0;
}
/*구분막대*/
.t2d_main_article_wrap_with_title .colorbar_wrap{
    text-align: center;
}
/*구분막대 FULL 라인*/
.t2d_main_article_wrap_with_title .colorbar{
    display: inline-block;
    width: 70px;
    height: 5px;
    background: #cb0101;
    margin: 0px 0 0px 0;
    position: relative;
}

/* 구분막대Half 라인*/
/*
.t2d_main_article_wrap_with_title .colorbar{
    display: inline-block;
    width: 44px;
    height: 3px;
    background: #42424a;
    margin: 10px 0 0px 0;
    position: relative;
}
.t2d_main_article_wrap_with_title .colorbar::after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 3px;
    background: #ff4900;
    position: absolute;
    left: 22px;
}
*/

/* 더보기버튼 */
.t2d_main_article_wrap_with_title .pluslist_btn {  
	display: inline-block;
    width: 14%;
    height: 56px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    margin: 50px 43% 10px;
    position: relative;
    padding-right: 15px;
    transition: all 0.1s;
	box-sizing:border-box;
}
.t2d_main_article_wrap_with_title .pluslist_btn span { position:absolute; top:1px; left:62%; font-family: 'Poppins', sans-serif; font-size:28px; font-weight:300; }
.t2d_main_article_wrap_with_title .pluslist_btn:hover { background:#f9a11b; border:1px solid #ff9000; color:#fff; transition:all 0.1s;}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    .t2d_main_article_wrap_with_title .t2d_contenttitle { font-size:40px;   }
        /* 더보기버튼 */
    .t2d_main_article_wrap_with_title .pluslist_btn { width:20%; margin:50px 40% 70px; }
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
        /* 더보기버튼 */
    .t2d_main_article_wrap_with_title .pluslist_btn { width:40%; margin:50px 30% 70px; }
}
/* t2d_main_article_wrap_with_title ------end------*/

/* 아티클 배경선언 ------start------*/
.article_background_blank {
	padding:30px 0 80px 0;
}
.article_background_colorname1 {
	padding:30px 0 80px 0;
    /*배경색*/
    background: #f4f4f4;
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
}

.article_background_imageurl1 {
	padding:30px 0 80px 0;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/t2d_bgimg.jpg); */
    /*background-image: url(https://picsum.photos/2040/1025/?image=350);*/
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
}
/* 아이클 배경 선언 ------end------*/
.title_margin {
	margin:0px 0 50px 0;
}



/* t2d_main_article_textbanner_21_w100_withcount ------start------*/
.t2d_main_article_textbanner_21_w100_withcount {
	position:relative;
    /*배경사용시 주석해제*/

    background-image: url(../user_img/scrollbg_2.jpg); 
    /*background:  #d4215b;*/
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
     /*회색으로 변환*/
    filter: grayscale(70%);
    /*배경색*/
    /*background: #f4f4f4;*/
    
    /* 그림자*/
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;*/
    
    overflow: hidden;
    margin:0 auto;
    padding:30px 0 30px 0;
    
}
.t2d_main_article_textbanner_21_w100_withcount::before {
  content: "";
  position: absolute;
  z-index: 1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:  linear-gradient(to right, rgb(0 0 0 / 20%) 40%, transparent);/*rgb(0 0 0 / 40%);*/
}


.t2d_main_article_textbanner_21_w100_withcount  .items_wrap{
    /*max-width:1200px; */
    z-index: 2;
    width:100%;
    margin: 0 auto; 
	padding:0 0 0 0;
    display: flex;
    flex-wrap: wrap; /*slide 이용시 주석*/
    justify-content: center;
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    /*backdrop-filter: brightness(90%);*//*배경 어둡게*/
}
.t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items { 
    margin: 0 0 0 0; 
    width: calc(100%); /*(50% - 1%) - 15px 자신의 좌우 마진 간격을 뺌 */
    height: auto; /* auto 이면 사이즈 자동 줌*/
    /*border-radius: 20px;*/ /*테두리 원각도*/
    text-align:center;
    font-size:0;  
    color:#000; 
    box-sizing:border-box;
    padding: 0 ; 
    /* border: 1px solid #e2e2e2; */
    /*background: #ffffff;*/
    position:relative;
    padding: 50px 0;
    overflow: hidden; 
    
}
/*박스 up 효과*/
/*.t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items:hover {  transition: 0.2s!important; transform:translateY(-30px)!important; }*/

/*텍스트 박스*/
.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox{
    width: 100%;
    position: relative;
    /*top: 20%;
    z-index: 2;
    cursor: default;
    */
    /*padding-left:40px;*/
    text-align: center; /*텍스트 정렬방법 left*/

  
}

.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox h2{
    color: #fff;
    width:100%;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}

.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox h3{
    color: #fff;
    width:100%;
    font-size: 33px;
    /*font-weight: normal;*/
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}
.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox p{
    font-family:  sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 10px;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}
/*버튼*/
.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox .goButton_wrap{
    padding-top: 70px;
        display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items .info_imgbox .goButton{
    position: relative;
    box-sizing: border-box;
    
    background:  rgba(0,0,0,0.5) no-repeat;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
    padding: 15px 15px;
    margin:0 30px 0 30px;
    word-break: keep-all;
    width: 230px;
}

/*버튼 효과*/
.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox .goButton:hover{
    background: rgb(19 22 88)/*linear-gradient(90deg, #040516, #054292)*/;
    -webkit-transition:.5s;
    transition:.5s;
	/*border: 1px solid #67a9cc;*/
    color:#fff;
}

/*숫자*/

.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    max-width: 1400px;
    display:flex; 
    /*justify-content:space-between;*/
    flex-wrap: wrap; /*slide 이용시 주석*/
    justify-content: center;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
}
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li{
    position:relative;
    margin: 0 0.2%  0 0.2%; 
    /* width: calc(25% - 0.4%); - 15px 자신의 좌우 마진 간격을 뺌 */
    width: calc(33.3% - 0.4%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
    /*flex:1;*/
    text-align:center;
    font-size:0; 
    padding: 0 10px;
    box-sizing: border-box; 
}
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li + li:before{
    content:'';
    position:absolute;
    width:1px;
    height:80px;
    top:50%;
    transform:translateY(-50%);
    left:0;
    background:#ddd;  
}
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl{
    transition:all 0.5s;
}
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt, .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt a{
    font-size:56px; 
    letter-spacing:-0.5px;
    font-weight:700; 
    color:#e9eaeb; 
    line-height:1; 
}

.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt + dd{
    margin-top: 10px;
}
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt em{
    font-style:normal;
    font-size: 40px;
    display: inline-flex;
    
    transform: translateY(-30px);
    }
.t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dd , .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dd a{
    color:#dedcdc;
    font-size:24px;
    font-weight: 500;
    letter-spacing:-0.2px;
}


@media screen and (max-width: 1200px){ /*Tab 이하*/
    /*
    .t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
        .t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items .info_imgbox .goButton{
        margin:5px 5px 0 5px;
    }
 
}
@media only screen and (min-width:1023px){
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li:hover dl{transform:translateY(-20px);} 
    


}
@media screen and (max-width: 1024px){ /*Tab 이하*/


    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap{
        padding-top: 0px;
    }

    .t2d_main_article_textbanner_21_w100_withcount .items_wrap  > .items { 
       /* height: 700px; *//* auto 이면 사이즈 자동 줌*/
    }
    /*
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li + li:nth-child(3):before{
        content:'';
        position:absolute;
        width:0px;
        height:0px;
        
    }
        */
    .t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox{
        /*top: 10%;*/
    }

     
    /*텍스트 박스*/
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li{
        margin: 40px 0.2%  40px 0.2%; 
        /* width: calc(50% - 0.4%); */ /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt , .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt a{
        font-size:48px; 
        line-height: 0.8;
    }
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dt em {
        transform: translateY(-25px);
    }
    
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
    .t2d_main_article_textbanner_21_w100_withcount .items_wrap{
        padding:0px 0 0px 0;
    }
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li{
        margin: 30px 0.2%  40px 0.2%; 
        width: calc(100% - 0.4%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }
    /*
    .t2d_main_article_textbanner_21_w100_withcount .items_wrap  > .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
    /*텍스트 박스*/

    .t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items .info_imgbox h3{
        font-size: 28px;
        font-weight: 600;
    }
    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dd , .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li dl dd a{
        font-size:18px;
    }
    /*버튼*/
.t2d_main_article_textbanner_21_w100_withcount .items_wrap >  .items .info_imgbox .goButton_wrap{padding-top: 0px;}
    .t2d_main_article_textbanner_21_w100_withcount .items_wrap > .items .info_imgbox .goButton{
        position: relative;
        box-sizing: border-box;
        font-size: 15px;
        padding: 10px 20px;
        margin:5px 5px 0 5px;
        width: calc(160px - 10px);
    }

    .t2d_main_article_textbanner_21_w100_withcount .count_items_wrap li + li:before{
    display: none; 
}

}
/* t2d_main_article_textbanner_21_w100_withcount ------end------*/

/* t2d_main_product_bg ------start------*/

.t2d_main_product_bg{width:100%;  overflow:hidden; background: url('../user_img/t2d_main_product_bg.jpg')top right no-repeat;}
.t2d_main_product_bg .t2d_main_product{width:100%; max-width:1600px; margin:0 auto; padding:145px 0px; overflow:hidden;}
.t2d_main_product_bg .t2d_main_product_left{width:60%; border:0px solid red; float:left;}
.t2d_main_product_bg .t2d_main_product_right{width:40%; border:0px solid red; float:left;}


.t2d_main_product_bg .tabs_1{width:80%; float:left; position: relative;}
.t2d_main_product_bg .tabs_1 ul{width:100%;}
.t2d_main_product_bg .tabs_1 ul li{width:46%; margin:2%; float:left; display: inline-block;
 line-height:50px;}
.t2d_main_product_bg .tabs_1 ul li a{ font-size:25px; color:#999999;font-weight: 600;border-bottom:1px solid #999;  display: block;}
.t2d_main_product_bg .tabs_1 ul li a:hover{color:#000; font-weight: 600; border-bottom:1px solid #000; display: block;}
.t2d_main_product_bg .tabs_1 .active a {   color:#000 !important;    box-sizing: border-box;    font-size:25px;          border-bottom:1px solid #000;}
.t2d_main_product_bg .tabs_1 ul li span{float:right;}

.t2d_main_product_bg .tab_content_1{position: relative; bordeR:0px solid red; padding-top:10px;}
.t2d_main_product_bg .tab1_more{display: inline-block;
    /* border: 1px solid #f7f7f7; */
    font-weight: 600;
    font-size: 23px;
    border-bottom-right-radius: 15px;
    color: #0649b2;
    padding: 25px;
    border-top-left-radius: 15px;
    position: absolute;
    right: 150px;
    bottom: 50px;
    background: rgb(255 255 255 / 80%);}


.t2d_main_product_bg .t2d_main_tt{font-size:19px; font-weight:600; letter-spacing: 1px; color:#3f51b5; line-height:35px;}
.t2d_main_product_bg .t2d_main_tt1{font-size:60px; font-weight:800; letter-spacing: 0px; color:#212121;}



.t2d_main_product_bg .greeting_tt_2 {font-size:29px;line-height:49px;font-weight:300;color:#000;}
.t2d_main_product_bg .greeting_tt_2 span{font-weight:700;}
.t2d_main_product_bg .t2d_main_product_left .bgimages{    width: 90%;
    margin-top: 6%; 
        border-bottom-right-radius: 35px;
    
    border-top-left-radius: 35px;
}

@media screen and (max-width: 1200px){ /*Tab 이하*/
 .t2d_main_product_bg  .greeting_tt_2{font-size:28px;}
}




@media screen and (max-width: 1599px){
.t2d_main_product_bg .t2d_main_product{max-width:100%; }

}

@media screen and (max-width: 1200px){ /*Tab 이하*/
.t2d_main_product_bg .t2d_main_product{padding:80px 10px; border:0px solid red;}
.t2d_main_product_bg .t2d_main_product_left .bgimages{width:90%; margin-top:5%; }
.t2d_main_product_bg  .greeting_tt_2{font-size:28px;}
}


@media screen and (max-width: 1024px){
.t2d_main_product_bg .t2d_main_product{padding:60px 10px; border:0px solid red;}
.t2d_main_product_bg .t2d_main_product_left{width:100%; border:0px solid red; float:left; text-align: center;}
.t2d_main_product_bg .t2d_main_product_left .bgimages{width:90%;}
.t2d_main_product_bg .t2d_main_product_right{width:100%; border:0px solid red; float:left;}
.t2d_main_product_bg .tabs_1{padding:0px 25px;margin-top:5px; width:100%; border:0px solid red;  margin:0 auto !important}
.t2d_main_product_bg .tabs_1 ul li{line-height:45px;}
.t2d_main_product_bg .tabs_1 ul li a{ font-size:22px;}
.t2d_main_product_bg .tabs_1 .active a{font-size:22px;}
.t2d_main_product_bg .t2d_main_tt{font-size:17px; font-weight:600; letter-spacing: 1px; line-height:30px; text-align:center;}
.t2d_main_product_bg .t2d_main_tt1{font-size:40px; font-weight:800; letter-spacing: 0px;  text-align:center;}
}


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

.t2d_main_product_bg .tabs_1{padding:0px 10px; margin-top:-20px !important;}
.t2d_main_product_bg .tabs_1 ul li{line-height:40px;}
.t2d_main_product_bg .tabs_1 ul li a{ font-size:19px;}
.t2d_main_product_bg .tabs_1 .active a{font-size:19px;}

.t2d_main_product_bg .tab1_more{display:inline-block; border:1px solid #ccc; font-weight:600; font-size:17px;
border-bottom-right-radius:15px; color:#0649ae; padding:10px;  border-top-left-radius: 15px;
    position: absolute; right:10%; bottom:15px; background:rgba(250,250,250,0.7);  }
.t2d_main_product_bg .tab1_more img{display:none;}
.t2d_main_product_bg .greeting_tt_2{font-size:22px;}
}

/* t2d_main_product_bg ------end------*/


/* t2d_main_article_textbanner_21_w100_withcount2 ------start------*/
.t2d_main_article_textbanner_21_w100_withcount2 {
	position:relative;
    /*배경사용시 주석해제*/

    background-image: url(../user_img/mainbg02.jpg); 
    /*background:  #d4215b;*/
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
     /*회색으로 변환*/
    /*filter: grayscale(70%);*/
    /*배경색*/
    /*background: #f4f4f4;*/
    
    /* 그림자*/
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    
    overflow: hidden;
    margin:0 auto;
    padding:50px 0 50px 0;
    
}
.t2d_main_article_textbanner_21_w100_withcount2::before {
  content: "";
  position: absolute;
  z-index: 1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:  linear-gradient(to right, rgb(0 0 0 / 30%) 50%, transparent);/*rgb(0 0 0 / 40%);*/
}


.t2d_main_article_textbanner_21_w100_withcount2  .items_wrap{
    /*max-width:1200px; */
    z-index: 2;
    width:100%;
    margin: 0 auto; 
	padding:0 0 0 0;
    display: flex;
    flex-wrap: wrap; /*slide 이용시 주석*/
    justify-content: center;
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    /*backdrop-filter: brightness(90%);*//*배경 어둡게*/
}
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items { 
    margin: 0 0 0 0; 
    width: calc(100%); /*(50% - 1%) - 15px 자신의 좌우 마진 간격을 뺌 */
    height: auto; /* auto 이면 사이즈 자동 줌*/
    /*border-radius: 20px;*/ /*테두리 원각도*/
    text-align:center;
    font-size:0;  
    color:#000; 
    box-sizing:border-box;
    padding: 0 ; 
    /* border: 1px solid #e2e2e2; */
    /*background: #ffffff;*/
    position:relative;
    padding: 50px 0;
    overflow: hidden; 
    
}
/*박스 up 효과*/
/*.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items:hover {  transition: 0.2s!important; transform:translateY(-30px)!important; }*/

/*텍스트 박스*/
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox{
    width: 100%;
    position: relative;
    /*top: 20%;
    z-index: 2;
    cursor: default;
    */
    /*padding-left:40px;*/
    text-align: center; /*텍스트 정렬방법 left*/

  
}

.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox h2{
    color: #fff;
    width:100%;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}

.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox h3{
    color: #fff;
    width:100%;
    font-size: 33px;
    /*font-weight: normal;*/
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    text-transform: uppercase;
    /*text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);*/
    word-break:keep-all; 
}

.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap .info_imgbox h3:after {
    content: "";
    clear: both;
    display: block;
    width: 50px;
    margin: 20px auto 30px;
    background: #ffffff87;
    height: 2px;
    font-size: 0;
}

.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox p{
    font-size: 20px;
    line-height: 1.5;
    color: #ffffffde;
    font-weight: 300;
    margin-bottom: 30px;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}
/*버튼*/
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox .goButton_wrap{
    padding-top: 70px;
        display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items .info_imgbox .goButton{
    position: relative;
    box-sizing: border-box;
    
    background:  rgba(0,0,0,0.5) no-repeat;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
    padding: 15px 15px;
    margin:0 30px 0 30px;
    word-break: keep-all;
    width: 230px;
}

/*버튼 효과*/
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox .goButton:hover{
    background: rgb(19 22 88)/*linear-gradient(90deg, #040516, #054292)*/;
    -webkit-transition:.5s;
    transition:.5s;
	/*border: 1px solid #67a9cc;*/
    color:#fff;
}


@media screen and (max-width: 1200px){ /*Tab 이하*/
    /*
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
        .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items .info_imgbox .goButton{
        margin:5px 5px 0 5px;
    }
 
}

@media screen and (max-width: 1024px){ /*Tab 이하*/


    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap  > .items { 
       /* height: 700px; *//* auto 이면 사이즈 자동 줌*/
    }
    
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox{
        /*top: 10%;*/
    }

     
    
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap{
        padding:0px 0 0px 0;
    }
    /*
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap  > .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    } 
    */
    /*텍스트 박스*/

    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items .info_imgbox h2{
        font-size: 40px;
    }

    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items .info_imgbox h3{
        font-size: 24px;
        font-weight: 600;
    }
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox p{
    font-size: 18px;

    
   
}
    /*버튼*/
.t2d_main_article_textbanner_21_w100_withcount2 .items_wrap >  .items .info_imgbox .goButton_wrap{padding-top: 0px;}
    .t2d_main_article_textbanner_21_w100_withcount2 .items_wrap > .items .info_imgbox .goButton{
        position: relative;
        box-sizing: border-box;
        font-size: 15px;
        padding: 10px 20px;
        margin:5px 5px 0 5px;
        width: calc(160px - 10px);
    }

}
/* t2d_main_article_textbanner_21_w100_withcount2 ------end------*/	




/* t2d_main_article_textbanner_24_half_overlab ------start------*/
.t2d_main_article_textbanner_24_half_overlab {
	position:relative;
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    overflow: hidden;
    margin:0 auto;
    padding:0px 0px 0px 0;
   
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap{
	/*padding:50px 0 0 0;*/
    /*max-width:1200px; */
    width:100%;
    height:465px;
    margin: 0 auto; 
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    background: #242424;
    overflow: hidden;
}
.t2d_main_article_textbanner_24_half_overlab  > .items_wrap > .items { 
    /*margin: 0 0.5%  35px 0.5%; */
    margin: 0;
    /*border-radius: 20px;*/ /*테두리 원각도*/
    /*border: 1px solid #e2e2e2;*/
    text-align:left;
    box-sizing:border-box;
    padding: 0 ; 
    position:absolute;
    overflow: hidden; 
    /*box-shadow: 0 2px 20px rgb(0 0 0 / 10%);*/
}
.t2d_main_article_textbanner_24_half_overlab  > .items_wrap > .item1 { 
    top:0px;
    left:0;
    width: 40%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    height: 400px; /*height:600px 지정하면 높이 고정. or auto*/
    color:#000; 
    background: #f4f4f4;
    box-shadow: rgb(0 0 0 / 30%) 0px 20px 22px;
}
.t2d_main_article_textbanner_24_half_overlab  > .items_wrap > .item2 { 
    top:0px;
    right:0;
    width: 60%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    color:#fff; 
    background: #242424;
}


/*텍스트 박스*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox{
    width: 100%;
    height: 100%;
    padding: 70px 10%;
    font-size:14px;
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox a{
	color:#FFF;
}

.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox h1{
    width:100%;
	font-size:5em;
	font-weight:800;
	color:#FFF;
    margin: 0 0 60px;
    /*text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);*/
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox h2{
    width:100%;
	font-size:45px;
	font-weight:800;
    color:#FFF;
    /*text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);*/
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox .small_tit{
     width:100%;
    font-size:20px;
	letter-spacing:-1px;
	color:#dbdada;
	margin:0px;
    /*text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);*/
}
/*구분막대*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox .colorbar{
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #02b3e3;
    margin: 25px 0 25px 0;
    position: relative;
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox .colorbar:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #fefefe;
    position: absolute;
    left: 20px;
}

.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox p{
    width:100%;
    font-size: 17px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    /*text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);*/
}

.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .lnfo_textbox i{

    font-size: 25px;
}

.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox h2{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox h1{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox p{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox a{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox .small_tit{color:#504949;font-weight: 500;} 
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 .lnfo_textbox .colorbar:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 20px;
} 


/*버튼*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items   .goButton_wrap{padding-top: 40px;}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .goButton_wrap .goButton{
    position: relative;
    box-sizing: border-box;
    padding: 10px 35px;
    background:  rgba(0,0,0,0.5) no-repeat;
    border: 1px solid #fff;
    /*border-radius: 50px;*/
    border-radius: 5px;
    color: #d6d8dd;
    font-size: 15px;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
    margin:0 30px 0 30px;
}

/*버튼 효과*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .goButton_wrap .goButton:hover{
    background: linear-gradient(90deg, #01629a, #2b8ac1);
    -webkit-transition:.5s;
    transition:.5s;
	border: 1px solid #67a9cc;
    color:#fff;
}

/*버튼2*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items   .goButton_wrap_gray{padding-top: 40px;}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .goButton_wrap_gray .goButton{
    position: relative;
    box-sizing: border-box;
    padding: 20px 38px; 
    background:  #fff no-repeat;
    border: 1px solid #fff;
    /*border-radius: 50px;*/
    /*border-radius: 5px;*/
    color: #333;
    font-size: 16px;
    border: 1px solid #b9b9b9;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
    /*margin:0 30px 0 30px;*/
}
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .goButton_wrap_gray .goButton .material-symbols-outlined{
    font-size: 41px;
    vertical-align: middle;
    font-variation-settings:
    'FILL' 0,
    'wght' 100,
    'GRAD' 0,
    'opsz' 48
}

/*버튼 효과*/
.t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  .goButton_wrap_gray .goButton:hover{
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 10px; transition:all 0.5s;
}


@media screen and (max-width: 1200px){ /*Tab 이하*/
    .t2d_main_article_textbanner_24_half_overlab > .items_wrap{height: auto!important; }
    .t2d_main_article_textbanner_24_half_overlab > .items_wrap > .items  { 
        position:relative!important; 
    }

    .t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item1 { 
        display: block!important;
        width: 90%!important; 
        top:unset!important;
        left:unset!important;
        height: auto!important;
        
    }
    .t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item2 { 
        display: block;
        width: 100%!important; 
        top:unset;
        right:unset;
        height: auto; 
    }
}

@media screen and (max-width: 768px){ /*Mobile 이하*/
    .t2d_main_article_textbanner_24_half_overlab > .items_wrap > .item2 h1{ 
        font-size:3em!important; 
    }
}
/* t2d_main_article_textbanner_24_half_overlab ------end------*/

/*기업정보*/
/*핵심가치*/
/* t2d_content_circle_pie_1 ------start------*/
.t2d_content_circle_pie_1{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    overflow: hidden;*/
    margin: 0px auto 0px auto;
    padding:0;

}

.t2d_content_circle_pie_1 .items_wrap{
    width:100%;
    position:relative;
    /*max-width: 1400px;*/
    margin:0px auto 0 auto;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    padding: 0;
}

/*인포그래픽*/
.t2d_content_circle_pie_1 .skill .skill_list2 {float:left; width:33.3%; text-align:center;}
.t2d_content_circle_pie_1 .skill_list2 dl { overflow:hidden; margin:0 auto; margin-top:20px;}
.t2d_content_circle_pie_1 .skill_list2 dl>dt { font-size:24px; font-weight:500; letter-spacing:1px; color:#181818; margin-bottom:15px;}
.t2d_content_circle_pie_1 .skill_list2 dl>dd {font-size:18px;line-height:25px; color:#1c1c1c;}
.t2d_content_circle_pie_1 .skill .skill_list2 .easyPieChart {     display: inline-block; position:relative;}
.t2d_content_circle_pie_1 .skill .skill_list2 .easyPieChart span {position:absolute; left: 68px; top: -9px;}


.t2d_content_circle_pie_1::after{ content:"";clear:both; display: block;}

@media screen and (max-width: 1024px){ /*Tab 이하*/
    
    .t2d_content_circle_pie_1 .skill .skill_list2:nth-child(1){margin-top: 0px!important;}
    /*.t2d_content_circle_pie_1 .skill .skill_list2 {width:50%;margin-top:30px;}*/
}

@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_content_circle_pie_1 .skill .skill_list2:nth-child(1){margin-top: 0px!important;}
    .t2d_content_circle_pie_1 .skill .skill_list2 {width:100%;margin-top:30px;}
}

/* t2d_content_circle_pie_1 ------end------*/


/*인사말*/
/* t2d_content_text_1_2 ------start------*/
.t2d_content_text_1_2{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    overflow: hidden;*/
    margin:0 auto;
    padding:0;
    text-align: center;
}
/*.t2d_content_text_1_2::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
.t2d_content_text_1_2 .items_wrap{
    width:100%;
    position:relative;
    width:100%;
    max-width: 1400px;
    margin:0 auto;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    padding: 0;
}

.t2d_content_text_1_2 .items { 
    margin:  0px;
    width: 100%; 
    height: auto; 
/*    text-align:center; */
    font-size:0;  
    color:#000; 
    box-sizing:border-box;
    padding: 0 ; 
    position:relative;
    overflow: hidden; 
    /*
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    background: #00000073;
    */
}
.t2d_content_text_1_2 .point_text {color:#000; font-weight: 700;}
/* .t2d_content_text_1_2 .point_text_1 {color: #ffffff!important;
    font-weight: 700;
    background: #2d2a2a;}
    */
.t2d_content_text_1_2 .point_text_1  {
    color: #090909;
    font-weight: 700;
}
.t2d_content_text_1_2 .point_text_2 {color: #2d2c2c;font-weight: 700;}
.t2d_content_text_1_2 .t2d_ceo_sign{
    position: relative;
    float: right;
    text-align: left;
    
    line-height: 1.4em;
    font-size: 20px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    margin-top: 30px;
    
    
}
.t2d_content_text_1_2 .t2d_ceo_sign p{
    word-break: keep-all;
    text-align: right;
}

.t2d_content_text_1_2 .t2d_ceo_sign p span{
    font-weight: 400;
    font-size: 38px;
    font-family: 'JeongseonArirang';
    letter-spacing: 6px;
}
    
.t2d_content_text_1_2 .t2d_bannerimg {width:100%; max-width:100%; height:auto; border-radius: 5px; margin: 20px auto;box-sizing: border-box;}
.t2d_content_text_1_2 .t2d_subtitle_text { 
        
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 300;
}
.t2d_content_text_1_2 .t2d_sub_detail_text { margin:20px 0 0 0; width:100%;box-sizing: border-box;}

.t2d_content_text_1_2 .t2d_sub_detail_text p {font-size: 19px;line-height:1.6em; color: #1c1c1c; word-break: keep-all;     text-align: left;}
.t2d_content_text_1_2 .t2d_sub_detail_text .ptext {font-size: 26px!important; text-align: center;    font-weight: 400; line-height:1.5em!important; color: #000; word-break: keep-all; }

@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_content_text_1_2 .t2d_bannerimg {margin: 10px auto;padding:0px 5px;}
    .t2d_content_text_1_2 .t2d_sub_detail_text { margin:20px auto 0 auto; width:100%;  padding:0 5px;}
    .t2d_content_text_1_2 .t2d_sub_detail_text p {font-size: 16px; line-height:1.5em;}
    .t2d_content_text_1_2 .t2d_subtitle_text { 
        font-size: 23px;
    }

}

/* t2d_content_text_1_2 ------end------*/

/*경영가치*/

/*세번째 컬럼*/
.t2d_content_html_groupbox_text_1 { 
    width:98%;
     position:relative;
    margin:0 auto;
    padding:0px 0 0px 0;
    margin-bottom: 0px;
 
 } 
 
.t2d_content_html_groupbox_text_1 .point_text {color:#000; font-weight: 700;}
/* .t2d_content_text_1_2 .point_text_1 {color: #ffffff!important;
    font-weight: 700;
    background: #2d2a2a;}
    */
.t2d_content_html_groupbox_text_1 .point_text_1  {
    color: #090909;
    font-weight: 700;
}
.t2d_content_html_groupbox_text_1 .point_text_2 {color: #000000;font-weight: 700; text-emphasis-style: dot;
    text-emphasis-color: #d0053e;}


.t2d_content_html_groupbox_text_1 .t2d_subtitle_text { 
        
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 300;
}

 .t2d_content_html_groupbox_text_1 .items_wrap { max-width: 1400px; margin:10px auto 20px;}
 .t2d_content_html_groupbox_text_1 .items_wrap > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    
    padding: 0px 15px ;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 10px;
    font-size:18px;
    line-height: 2;

}
 
 .t2d_content_html_groupbox_text_1 .items_wrap > .items {
    border: 1px solid #9fa8da;
     border-radius: 10px;
     position:relative;
     margin-top: 50px;
     background: #f7f7f79e/*#f7f7f7c9*/;
 }
 
 .t2d_content_html_groupbox_text_1 .items_wrap > .items.notitlebox {
     margin-top: 0px;
 }

 .t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items  {	
 
     padding: 20px 50px;
    }

    .t2d_content_html_groupbox_text_1 .griditems{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
   
    }
 .t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items > li {      font-size: 19px;line-height:1.8em;word-break: keep-all; }


.t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items > .depth2{
    padding-left: 20px;
}
.t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items > .depth3{
    padding-left: 40px;
}
 /*
 .t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items > li span { 
    background-color: #39bcd8;
     border-radius: 5px;
     margin-right: 10px;
     padding: 0px 3px;
     color: #fff;	
 }
 */
 
 .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img {  margin-top:30px; margin-left: 67px; position:relative;word-break: keep-all;}
 
 
 
 .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img > span {
    word-break: keep-all;
    color: #ffffff;
    font-weight: 600;
     font-size: 18px;
     background-color: #3F51B5;
     padding: 5px 28px;
     border-radius: 15px;
     position:absolute;
     top: -44px;
     left: -21px;
 }

 .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img.step2 > span {
     background-color: #FFA726 !important;
 }
/*
  .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img.step3 > span {
     background-color: #FFA726 !important;
 }
*/
  .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img.step4 > span {
     background-color: #FFA726 !important;
 }


 .t2d_content_html_groupbox_text_1 > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    padding: 15px 10px 15px 20px;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 20px;
    font-size:18px;
    line-height: 2;
    background: #f7f7f7c9;
}
.t2d_content_html_groupbox_text_1 > p > span {
    padding: 4px 16px;
    border-radius: 6px;
    margin-right: 10px;
    color: #ff0000;
    
}

 
 
 @media only screen and (max-width: 1024px) { /*모바일 버젼*/	
 
    .t2d_content_html_groupbox_text_1 { 
       width:98%;
    } 
 
     .t2d_content_html_groupbox_text_1 .t2d_subtitle_text { 
        font-size: 25px;
    }
 
    .t2d_content_html_groupbox_text_1 .items_wrap > .items {
       padding:10px;
       box-sizing: border-box;
       /*margin-top: 30px;*/
    }
    .t2d_content_html_groupbox_text_1 .items_wrap > .items > .icon_img {  
       margin-top: 15px;
       margin-left: 30px;
    }
 
    .t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items  {	
       padding: 20px 0px 20px 20px;
       font-size: 16px;
    }
 
 
 
    .t2d_content_html_groupbox_text_1 > p {
       width: 100%;
       box-sizing: border-box;
    }
    .t2d_content_html_groupbox_text_1 > p >span {
       display: table;
       margin: 0px auto 10px;
    }
    .t2d_content_html_groupbox_text_1 .griditems{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
   
    }
 }


 @media only screen and (max-width: 768px) { /*모바일 버젼*/	
 
.t2d_content_html_groupbox_text_1 >  .items_wrap > .items .sub_items > li {      font-size: 16px;line-height:1.6em; }
    .t2d_content_html_groupbox_text_1 .griditems{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
   
    }
 }


 
/*오시는길*/
.section.section_address.lst {display: none !important;} /*카카오지도 기본 전화번호 주소 텍스트 감춤*/
.t2d_content_map_1_1{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    padding:0; /**배경없으면 0 ,  */
}



.t2d_content_map_1_1::after{content:""; clear:both; display:block;}
.t2d_content_map_1_1 .items_wrap{
    position:relative;
    width:100%;
    max-width: 1400px;
    margin:0 auto;
    margin-top: 50px;
    /*
    margin: 45px auto 10px auto;
    display: flex;
    flex-wrap: wrap; 
    justify-content: center; 
    */
    
    /*align-items: center;*/ /*세로중앙*/
    
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    padding: 0;
}
.t2d_content_map_1_1 .items_wrap:first-child{
   
    margin-top: 0px;

}
.t2d_content_map_1_1 .items { 
    margin:  0px;
    width: 100%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    /*height: auto;*/ /*height:600px 지정하면 높이 고정.*/
    height: auto; /*height:600px 지정하면 높이 고정.*/
    /*border-radius: 20px;*/ /*테두리 원각도*/
    /*border: 1px solid #e2e2e2;*/
    font-size:0;  
    color:#000; 

    padding: 0 ; 
    position:relative;
    /*overflow: hidden; */
    /*
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    background: #00000073;
    */
}
.t2d_content_map_1_1 .t2d_subtitle_text { 
    margin:0 0 30px 0;
    position:relative; 
    text-align:center;  
    width:100%;
    font-size: 30px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 300;
}
.t2d_content_map_1_1 .point_text {color:#e56e1f; }
.t2d_content_map_1_1 .point_text_1 {color: #202020;font-weight: 700;}
.t2d_content_map_1_1 .contact {width:100%; margin:5px 0; font-size: 18px ; box-sizing:border-box;border-top:1px solid #d7d7d7; }
.t2d_content_map_1_1 .contact td {font-family:'Pretendard','Noto Sans KR',sans-serif!important;  border-bottom:1px solid #d7d7d7;  padding:10px;line-height: 2;}
.t2d_content_map_1_1 .contact .title {text-align:center; font-weight:700; background:#f2f2f2; color:#5d666b;}



.t2d_content_map_1_1 .contact_title { 
    font-size: 24px;
    font-weight: bold;
    padding-bottom:20px;
    
    word-break: keep-all;
    letter-spacing: -0.1px;
}
.t2d_content_map_1_1 .contact_address { 
    background: url(../user_img/address_icon.png) no-repeat;
    padding-left: 27px;
    padding-bottom: 14px;
    font-size: 18px;
    word-break: keep-all;

}
.t2d_content_map_1_1 .t2d_bannerimg {width:100%; max-width:100%; height:auto;/* border-radius: 5px; margin: 5px auto;*/box-sizing: border-box;
box-shadow: rgb(0 0 0 / 25%) 0px 0px 5px 2px;
    border-radius: 5px;
}
.mapLink { 
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -8px;  
}
.mapLink li { float:left; padding-right:10px; }
.mapLink li:last-child { padding-right:0; }
.mapLink li:last-child { padding-right:0; }
.t2d_content_map_1_1 .map_wrap{
    border-bottom: #dcdad6 1px solid;
}

@media (max-width:1024px) {
    .t2d_content_map_1_1 .items_wrap{
        width:98%;
    }

    .t2d_content_map_1_1{ 
        /*padding:25px 0;*/
    }

    .t2d_content_map_1_1 .t2d_subtitle_text { 
        font-size: 25px;
        margin:0 auto 20px auto;
    }
    .t2d_content_map_1_1 .t2d_bannerimg {/*margin: 5px auto;*//*padding:0px 5px;*/}
}
/*sub map end*/



/*Product box*/
.t2d_content_box_list_text_2 {  
        position: relative;
    width: 99%;
    background-color: #f7f7f79e /*#f8f8f8*/;
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    padding: 30px 15px 30px 30px;
    text-align: left;
    font-size: 20px;
    line-height: 1.8em;
    word-break: keep-all;
    margin-bottom: 0px;
}
.t2d_content_box_list_text_2  .bgcolorspan {
    font-size:20px;
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 10px;
    color: #f1f1f1;
    background: #D32F2F/*#d32e2e*/;
    margin-bottom: 10px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1em;
}

.t2d_content_box_list_text_2 .pointerspan {color: #000;font-weight: 600;}


@media screen and (max-width: 768px){ /*모바일*/
    .t2d_content_box_list_text_2 {  
        width:98%;
        padding: 15px 15px;
        font-size: 16px; line-height:1.5em;
    }
    .t2d_content_box_list_text_2  .bgcolorspan {
    font-size:18px;
}


}
/* t2d_content_text_1_2_img ------start------*/
.t2d_content_text_1_2_img{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    overflow: hidden;*/
    margin:0 auto;
    padding:0;
    text-align: left;
        width: 99%;
}

.t2d_content_text_1_2_img .t2d_bannerimg {height: auto;
    border-radius: 5px;
    margin: 20px auto;
    box-sizing: border-box;
    /*box-shadow: rgb(34 34 34 / 36%) 0px 0px 5px 2px;*/
        border: solid 5px #d8d5d575;
}

@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_content_text_1_2_img .t2d_bannerimg {margin: 10px auto;}
}

/* t2d_content_text_1_2_img ------end------*/

/*채용절차*/
/* t2d_content_vision_1_1 ------start------*/
.t2d_content_vision_1_1{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    overflow: hidden;*/
    margin:0 auto;
    padding:0;
}

.t2d_content_vision_1_1 .items_wrap{
    width:100%;
    position:relative;
    width:100%;
    max-width: 1400px;
    margin:0 auto;
    /*font-size: 0;*/ /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    padding: 0;
}


.t2d_content_vision_1_1 .t2d_bannerimg{width: 90%;
    text-align: center;
    padding: 5%;
	 height:auto;  box-sizing:border-box;
	 }
.t2d_content_vision_1_1 .all_radius{border-radius: 100%;}

.t2d_content_vision_1_1 .icon_num{
	font-size: 30px;
    /*color: #303F9F;*/
    vertical-align: bottom;

}

.t2d_content_vision_1_1 .visiontt{
   
    background: #e5e4e88a;
    font-weight: 500;
    width: 98%;
    padding: 35px 10px;
    text-align: center;
    font-size: 25px;
    color: #000;
    border-radius: 20px;
    /* margin-top: 25px; */
    word-break: keep-all;
    margin: 25px auto 0 auto;
}


.t2d_content_vision_1_1 .vision{width:100%; position: relative; margin:0 auto;}
.t2d_content_vision_1_1 .vision ul{width:100%; bordeR:0px solid red;  margin: 5% auto 0px auto; overflow:hidden;}
.t2d_content_vision_1_1 .vision ul li{display:inline-block;float:left; bordeR:0px solid red; height:auto;  width:33.3%; text-align:center;position: relative;}


.t2d_content_vision_1_1 .vision ul li div{width:100%; padding:25px; border-radius:25px; background:#f2f3f6cf; margin:2%;}
.t2d_content_vision_1_1 .visiontt2{color:#3F51B5; font-weight:700; font-size:25px;  width:100%; border-bottom:1px solid #9E9E9E; line-height:45px;}
.t2d_content_vision_1_1 .visiontt3{color:#000; line-height:28px; /*font-weight:500;*/ font-size:18px; text-align: left;    word-break: keep-all;}

.t2d_content_vision_1_1	.t2d_mobileshow{display:none;margin: 0 auto;} 

.t2d_content_vision_1_1	.imgtext{
position: absolute;
    top: 60%;
    width: 100%;
    font-size: 32px;
    /* color: #fff; */
    font-weight: 600;
    color: #ffffff;
    text-shadow: 1px 1px 5px #101010c7;

}

@media all and (max-width:1024px){
	.t2d_content_vision_1_1	.t2d_mobileshow{display:none;} 
.t2d_content_vision_1_1 .visiontt{  font-weight:500; width:100%; padding:20px; line-height:30px; text-align:center; font-size:22px; color:#000; }
.t2d_content_vision_1_1 .vision{width:100%; position: relative; margin:0 auto;}
.t2d_content_vision_1_1 .vision ul li:nth-child(2) img{width:90%;}
}

@media all and (max-width:768px){
	.t2d_content_vision_1_1	.t2d_mobileshow{display:block;} 
.t2d_content_vision_1_1 .vision ul li:nth-child(2){display:none;}
.t2d_content_vision_1_1 .vision ul li{width:100%; border:0px solid red; }
.t2d_content_vision_1_1 .vision ul li div{width:100%; padding:25px; border-radius:25px; background:#f5f5f5; margin:3% 0% 0% 0%;}

.t2d_content_vision_1_1 .visiontt2{color:#336799; font-weight:700; font-size:21px;  width:100%; border-bottom:1px solid #ccc; line-height:45px;}
.t2d_content_vision_1_1 .all_radius{border-radius: 15px;}
.t2d_content_vision_1_1 .t2d_bannerimg{
        padding: 1%;
        width: 100%;
        margin-top: 20px;
}
}
 

/* t2d_content_vision_1_1 ------end------*/

/*세번째 컬럼*/
.t2d_content_html_groupbox_text_1_color2 { 
    width:98%;
     position:relative;
    margin:0 auto;
    padding:0px 0 0px 0;
    margin-bottom: 0px;
 
 } 
 
.t2d_content_html_groupbox_text_1_color2 .point_text {color:#000; font-weight: 700;}
/* .t2d_content_text_1_2 .point_text_1 {color: #ffffff!important;
    font-weight: 700;
    background: #2d2a2a;}
    */
.t2d_content_html_groupbox_text_1_color2 .point_text_1  {
    color: #090909;
    font-weight: 700;
}
.t2d_content_html_groupbox_text_1_color2 .point_text_2 {color: #000000;font-weight: 700; 
    }


.t2d_content_html_groupbox_text_1_color2 .t2d_subtitle_text { 
        
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 300;
}

 .t2d_content_html_groupbox_text_1_color2 .items_wrap { max-width: 1400px; margin:10px auto 20px;}
 .t2d_content_html_groupbox_text_1_color2 .items_wrap > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    
    padding: 0px 15px ;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 10px;
    font-size:18px;
    line-height: 2;

}
 
 .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items {
    border: 1px solid #3F51B5;
     border-radius: 10px;
     position:relative;
     margin-top: 50px;
     background: #f6f6f659 /*#f7f7f7c9*/;
 }
 
 .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items.notitlebox {
     margin-top: 0px;
 }

 .t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items  {	
 
     padding: 20px 50px;
    }

    .t2d_content_html_groupbox_text_1_color2 .griditems{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
   
    }
 .t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items > li {      font-size: 19px;line-height:1.8em;word-break: keep-all; }


.t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items > .depth2{
    padding-left: 20px;
}
.t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items > .depth3{
    padding-left: 40px;
}
 /*
 .t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items > li span { 
    background-color: #39bcd8;
     border-radius: 5px;
     margin-right: 10px;
     padding: 0px 3px;
     color: #fff;	
 }
 */
 
 .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img {  margin-top:30px; margin-left: 67px; position:relative;word-break: keep-all;}
 
 
 
 .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img > span {
    word-break: keep-all;
    color: #ffffff;
    font-weight: 600;
     font-size: 18px;
     background-color: #03A9F4;
     padding: 5px 28px;
     border-radius: 15px;
     position:absolute;
     top: -44px;
     left: -21px;
 }

 .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img.step2 > span {
     background-color: #00BCD4 !important;
 }
/*
  .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img.step3 > span {
     background-color: #FFA726 !important;
 }
*/
  .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img.step4 > span {
     background-color: #FFA726 !important;
 }


 .t2d_content_html_groupbox_text_1_color2 > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    padding: 15px 10px 15px 20px;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 20px;
    font-size:18px;
    line-height: 2;
    background: #f7f7f7c9;
}
.t2d_content_html_groupbox_text_1_color2 > p > span {
    padding: 4px 16px;
    border-radius: 6px;
    margin-right: 10px;
    color: #ff0000;
    
}

 
 
 @media only screen and (max-width: 1024px) { /*모바일 버젼*/	
 
    .t2d_content_html_groupbox_text_1_color2 { 
       width:98%;
    } 
 
     .t2d_content_html_groupbox_text_1_color2 .t2d_subtitle_text { 
        font-size: 25px;
    }
 
    .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items {
       padding:10px;
       box-sizing: border-box;
       /*margin-top: 30px;*/
    }
    .t2d_content_html_groupbox_text_1_color2 .items_wrap > .items > .icon_img {  
       margin-top: 15px;
       margin-left: 30px;
    }
 
    .t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items  {	
       padding: 20px 0px 20px 20px;
       font-size: 16px;
    }
 
 
 
    .t2d_content_html_groupbox_text_1_color2 > p {
       width: 100%;
       box-sizing: border-box;
    }
    .t2d_content_html_groupbox_text_1_color2 > p >span {
       display: table;
       margin: 0px auto 10px;
    }
    .t2d_content_html_groupbox_text_1_color2 .griditems{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
   
    }
 }


 @media only screen and (max-width: 768px) { /*모바일 버젼*/	
 
.t2d_content_html_groupbox_text_1_color2 >  .items_wrap > .items .sub_items > li {      font-size: 16px;line-height:1.6em; }
    .t2d_content_html_groupbox_text_1_color2 .griditems{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
   
    }
 }


/*세번째 컬럼*/
.t2d_content_html_groupbox_text_1_color3 { 
    width:98%;
     position:relative;
    margin:0 auto;
    padding:0px 0 0px 0;
    margin-bottom: 0px;
 
 } 
 
.t2d_content_html_groupbox_text_1_color3 .point_text {color:#000; font-weight: 700;}
/* .t2d_content_text_1_2 .point_text_1 {color: #ffffff!important;
    font-weight: 700;
    background: #2d2a2a;}
    */
.t2d_content_html_groupbox_text_1_color3 .point_text_1  {
    color: #090909;
    font-weight: 700;
}
.t2d_content_html_groupbox_text_1_color3 .point_text_2 {color: #000000;font-weight: 600; 
    }


.t2d_content_html_groupbox_text_1_color3 .t2d_subtitle_text { 
        
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 300;
}

 .t2d_content_html_groupbox_text_1_color3 .items_wrap { max-width: 1400px; margin:10px auto 20px;}
 .t2d_content_html_groupbox_text_1_color3 .items_wrap > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    
    padding: 0px 15px ;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 10px;
    font-size:18px;
    line-height: 2;

}
 
 .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items {
    border: 1px solid #4CAF50;
     border-radius: 10px;
     position:relative;
     margin-top: 50px;
     background: #5ef43605 /*#f7f7f7c9*/;
 }
 
 .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items.notitlebox {
     margin-top: 0px;
 }

 .t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items  {	
 
     padding: 20px 50px;
    }

    .t2d_content_html_groupbox_text_1_color3 .griditems{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
   
    }
 .t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items > li {      font-size: 19px;line-height:1.8em;word-break: keep-all; }


.t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items > .depth2{
    padding-left: 20px;
}
.t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items > .depth3{
    padding-left: 40px;
}
 /*
 .t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items > li span { 
    background-color: #39bcd8;
     border-radius: 5px;
     margin-right: 10px;
     padding: 0px 3px;
     color: #fff;	
 }
 */
 
 .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img {  margin-top:30px; margin-left: 67px; position:relative;word-break: keep-all;}
 
 
 
 .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img > span {
    word-break: keep-all;
    color: #ffffff;
    font-weight: 600;
     font-size: 18px;
     background-color: #43A047;
     padding: 5px 28px;
     border-radius: 15px;
     position:absolute;
     top: -44px;
     left: -21px;
 }

 .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img.step2 > span {
     background-color: #00BCD4 !important;
 }
/*
  .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img.step3 > span {
     background-color: #FFA726 !important;
 }
*/
  .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img.step4 > span {
     background-color: #FFA726 !important;
 }


 .t2d_content_html_groupbox_text_1_color3 > p {
	width: 100%;
    /*background-color: #f8f8f8;*/
    border: 1px solid #d8d5d5;
    border-radius: 10px;
    padding: 15px 10px 15px 20px;
    text-align: left;
    margin-top: 20px;
    word-break: keep-all;
    margin: 10px auto 20px;
    font-size:18px;
    line-height: 2;
    background: #f7f7f7c9;
}
.t2d_content_html_groupbox_text_1_color3 > p > span {
    padding: 4px 16px;
    border-radius: 6px;
    margin-right: 10px;
    color: #ff0000;
    
}

 
 
 @media only screen and (max-width: 1024px) { /*모바일 버젼*/	
 
    .t2d_content_html_groupbox_text_1_color3 { 
       width:98%;
    } 
 
     .t2d_content_html_groupbox_text_1_color3 .t2d_subtitle_text { 
        font-size: 25px;
    }
 
    .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items {
       padding:10px;
       box-sizing: border-box;
       /*margin-top: 30px;*/
    }
    .t2d_content_html_groupbox_text_1_color3 .items_wrap > .items > .icon_img {  
       margin-top: 15px;
       margin-left: 30px;
    }
 
    .t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items  {	
       padding: 20px 0px 20px 20px;
       font-size: 16px;
    }
 
 
 
    .t2d_content_html_groupbox_text_1_color3 > p {
       width: 100%;
       box-sizing: border-box;
    }
    .t2d_content_html_groupbox_text_1_color3 > p >span {
       display: table;
       margin: 0px auto 10px;
    }
    .t2d_content_html_groupbox_text_1_color3 .griditems{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
   
    }
 }


 @media only screen and (max-width: 768px) { /*모바일 버젼*/	
 
.t2d_content_html_groupbox_text_1_color3 >  .items_wrap > .items .sub_items > li {      font-size: 16px;line-height:1.6em; }
    .t2d_content_html_groupbox_text_1_color3 .griditems{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
   
    }
 }


 .t2d_content_about_1_2{
	position:relative;
    /*배경사용시 주석해제*/
    /*background-image: url(../user_img/background3.jpg); 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    */
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    overflow: hidden;*/
    margin:0 auto;
    padding:0;
}
/*.t2d_content_about_1_2::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
.t2d_content_about_1_2 .items_wrap{
    width:100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; /*slide 이용시 주석*/
    justify-content: space-between; /*간격 [center,space-between.. */
    /*align-items: center;*/ /*세로중앙*/
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    padding:0;
    box-sizing: border-box;
    
}

.t2d_content_about_1_2 .items { 
    margin:  0px;
    width: calc(50%); /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    /*height: auto;*/ /*height:600px 지정하면 높이 고정.*/
    height: auto; /*height:600px 지정하면 높이 고정.*/
    /*border-radius: 20px;*/ /*테두리 원각도*/
    /*border: 1px solid #e2e2e2;*/
    text-align:center;
    font-size:0;  
    color:#000; 
    box-sizing:border-box;
    padding: 0 ; 
    position:relative;
    overflow: hidden; 
    /*
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    background: #00000073;
    */
}
.t2d_content_about_1_2 .point_text {color:#e56e1f; }
.t2d_content_about_1_2 .point_text_1 {color: #090909;font-weight: 700;}

.t2d_content_about_1_2 .side1 {position: relative;width:54%; } 
.t2d_content_about_1_2 .side2 {position: relative; width:43%; text-align:left;}
.t2d_content_about_1_2 .t2d_bannerimg {width:100%; height:auto; border-radius: 5px; box-sizing:border-box;}
.t2d_content_about_1_2 .t2d_ceo_sign{
    position: relative;
    float: right;
    text-align: left;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    margin-top: 30px;
}
.t2d_content_about_1_2 .t2d_subtitle_text { 
    position:relative; 
    text-align: center;
    width:100%;
    font-size: 34px;
    line-height: 1.4em;
    
    word-break: keep-all;
    font-weight: 300;
    margin-bottom: 50px;
}
.t2d_content_about_1_2 .side1 .t2d_sub_detail_text {  width:100%;  /*margin-top: 20px;*/ box-sizing: border-box; text-align:left;}
.t2d_content_about_1_2 .side1 .t2d_sub_detail_text p {font-size: 19px; line-height:1.5em; color: #000; word-break: keep-all; }

.t2d_content_about_1_2 .t2d_sub_detail_list { margin:0 auto 0 auto;  width: 100%; padding-left: 25px;box-sizing:border-box;}
.t2d_content_about_1_2 .t2d_sub_detail_list  li {list-style-type: disc;font-size:12px; padding: 6px 0;text-align: left;}
.t2d_content_about_1_2 .t2d_sub_detail_list p {font-size: 18px; margin: 0; line-height:1.5em; color: #000; word-break: keep-all; }
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_content_about_1_2 .t2d_bannerimg {margin: 0 auto;padding:20px 5px;}
    .t2d_content_about_1_2{padding:10px 0 0 0;}
    .t2d_content_about_1_2 .side1{ text-align:left;} 
    .t2d_content_about_1_2 .t2d_subtitle_text { text-align:center;margin-bottom: 25px; font-size: 26px;}
    .t2d_content_about_1_2 .side2 {text-align:center; }

    .t2d_content_about_1_2 .items { 
        margin: 1px 3px;
        width: 100%; /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }
    .t2d_content_about_1_2::after{
        content: none;

     }
}

.bgimage2 {
	
    background-image: url(../user_img/mainbg03.jpg)!important; 
    
    
}