/*  폰트 적용 */
/*
@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');
/* 공통 라이브러리 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:show;}

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


/*아티클 줄간격*/
.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_header, #t2d_main_wrap, #t2d_footer_wrap, #t2d_fake_wrap {position: relative;}
/*fake 랩(드래그 컴포넌트용)*/
#t2d_fake_wrap{width:0px;height:0px}



/*---개인정보보호정책---*/
.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:488px;
    /* background-attachment: fixed;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}
@media screen and (max-width: 768px){ 
    .t2d_sub_visual { height:200px; }
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:43%;
}
.t2d_directory_box h1 { font-size:53px; font-weight:normal; color:#fff; 
    text-shadow: 0px 0px 11px rgb(0 6 61 / 60%);
}
.t2d_directory_route a,.t2d_directory_route p { display:inline-block; color:#fff;font-size: 15px;margin-top: 15px;}
.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:36px; }
    .t2d_directory_box {
        
        top:40%;
    }
}

/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 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:0 auto; text-align: center;margin-top: 40px;}
.t2d_subtitle h1 { font-size:40px; font-weight:bold; display:inline-block; }
.t2d_subtitle h1:after {
    content: "";
    clear: both;
    display: block;
    width: 44px;
    margin: 20px auto 10px;
    background: #cb0101;
    height: 3px;
}

@media screen and (max-width: 1200px){
    .t2d_subtitle { /*width:100%;*/ margin-top: 90px;}
    .t2d_subtitle h1 { font-size:30px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    .t2d_subtitle h1 { font-size:30px; }
}
/*---------- 서브페이지 메뉴----------*/
/*------서브페이지 대중소 제목 ------*/
#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: 22px; font-weight:bold; display:inline-block; color:#033c7e; 
    padding: 0;
    margin: 0;
}

#t2d_scontents .t2d_contenttitle_s > h1{
    font-size: 20px; font-weight:bold; display:inline-block; color:#212d5f; 
    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_cover_7_bgimg_fade_zoom ------start------*/
.t2d_main_article_cover_7_bgimg_fade_zoom {
    
    height:870px;
    position:relative;
}
.t2d_main_article_cover_7_bgimg_fade_zoom  .slides {
    height:100%!important;
}
.t2d_main_article_cover_7_bgimg_fade_zoom  .slides .slides_item {
    height:100%!important;
}
.t2d_main_article_cover_7_bgimg_fade_zoom  .slides  .bgimages {
    height:100%!important;
    background-size : cover;
    background-position:center;
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt { 
	z-index:1; 
	position:absolute;
	top:45%!important;
	left:0;
	text-align:center;
	color:#fff;
	width:100%;
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual1_visual-txt { top:17%!important; text-align:left!important;left:24%!important; }
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt h2 {
	/*font-family:'Nanumgothic'!important;*/
	font-size: 50px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 80px;
    letter-spacing: -2px; 
    text-shadow: 0px 0px 11px rgb(0 6 61 / 70%);
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt h2 span {
    font-size: 56px;
    font-weight: 600;
/*	line-height:60px;
	letter-spacing:-1px;
    	text-shadow:0px 0px 11px rgb(0 6 61 / 60%);
*/

}
/*효과*/
    .t2d_main_article_cover_7_bgimg_fade_zoom .slides > div .bgimages {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:all 1s;
    transition:all 1s;
    }
    .t2d_main_article_cover_7_bgimg_fade_zoom  .slides > div.on .bgimages{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transition:all 2.5s 0.4s;
    transition:all 2.5s 0.4s;
    }
/*버튼*/
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2 { 
	z-index:1000; 
	position:absolute;
    width:100%;
    margin: 0 auto;
	bottom: 20%;
	left:0;
	text-align:center;
	
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2 a {
    color: #FFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 12px 24px;
    border: 1px solid #FFF;
    border-radius: 4px;
    margin-top: 36px;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2  a::after {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    background: #ed1c24;
    height: 100%;
    right: -10%;
    z-index: -1;
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2 a:hover::after {
    left: 0;
    width: 100%;
}
.t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2 a:hover, .t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt2  a:hover span{
	color:#fff;
	font-weight:600;
	transition: .6s;
	border:1px solid #ed1c24;
}
/* bx-wrapper*/
.t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper {
    
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    height:100%!important;
  }

  .t2d_main_article_cover_7_bgimg_fade_zoom .bxslider {
    margin: 0;
    padding: 0;
    /*fix flickering when used background-image instead of <img> (on Chrome)*/
    -webkit-perspective: 1000;
  }

  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-viewport {
    height:100%!important;
      /* fix other elements on the page moving (in Chrome) */
    -webkit-transform: translateZ(0);
  }
  
  /* PAGER */
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 40px;
    width: 100%;
    z-index: 1000;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager.bx-default-pager a.active,
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #cb0101;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager-item,
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    
    

    vertical-align: bottom;
   /*zoom: 1;
    */
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
  }
  /* STOP PLAY CONTROL */
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: right;
    padding-top: 0px;
    padding-right:50px;
    z-index: 1000;
    
   }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls-auto a {
    color: #fff;
    text-shadow:3px 3px 3px 3px rgba(0,0,0,0.2);
  }
  /* DIRECTION CONTROLS (NEXT / PREV) */
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-prev {
    left: 10px;
    background: url('../img/arrow-left_white.png') no-repeat;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-next {
    right: 10px;
    background: url('../img/arrow-right_white.png') no-repeat;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    /*
    width: 32px;
    height: 72px;
    */
    width: 41px;
    height: 77px;
    opacity: 0.35;
    transition:.3s;
    text-indent: -9999px;
    z-index: 9999;
  }
  .t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls-direction a:hover { transition:.3s; opacity: 1; }
@media screen and (max-width: 1024px){ /*Mob 이하*/
	.t2d_main_article_cover_7_bgimg_fade_zoom .bx-wrapper .bx-controls { display:none;}
}


@media screen and (max-width: 1200px){ /*Tab 이하*/
   
    .t2d_main_article_cover_7_bgimg_fade_zoom .visual1_visual-txt { top:17%!important; text-align:left!important;left:18%!important; }
    .t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt h2 { line-height:60px; word-break:keep-all;}	
   
}
@media screen and (max-width: 800px){ /*Mob 이하*/

    .t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt { 
        z-index:1; 
        position:absolute;
        top:30%!important;
        left:0;
        text-align:center;
        color:#fff;
        width:100%;
    }
    .t2d_main_article_cover_7_bgimg_fade_zoom .visual1_visual-txt { top:10%!important; text-align:center!important;left:0!important; }
    
    .t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt h2 { font-size:24px; line-height:35px; letter-spacing:-2px; word-break:keep-all;}	

    .t2d_main_article_cover_7_bgimg_fade_zoom .visual-txt h2 span {
        font-size: 28px;
        font-weight: 600;
    /*	line-height:60px;
        letter-spacing:-1px;
            text-shadow:0px 0px 11px rgb(0 6 61 / 60%);
    */
    
    }

    .t2d_main_article_cover_7_bgimg_fade_zoom {
        height:280px;
     
    }
}
/* t2d_main_article_cover_7_bgimg_fade_zoom ------end------*/


/* t2d_main_article_banner_10_product ------start------*/
.t2d_main_article_banner_10_product { background: #fbfbfb;padding:0px 0 80px 0;}
.t2d_main_article_banner_10_product .t2d_contenttitle { 
    
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:50px;
	text-align:center;
	color: #15171c; 
    padding: 80px 0 0px 0;

}


/*구분막대*/
.t2d_main_article_banner_10_product .colorbar_wrap{
    text-align: center;
}
.t2d_main_article_banner_10_product .colorbar{
    display: inline-block;
    width: 70px;
    height: 5px;
    background: #cb0101;
    margin: 30px 0 60px 0;
    position: relative;
}
/*
.t2d_main_article_banner_10_product .colorbar::after{
    content: '';
    display: inline-block;
    width: 22px;
    height: 3px;
    background: #ff4900;
    position: absolute;
    left: 22px;
}
*/

.t2d_main_article_banner_10_product  .items_wrap { 
    width:100%;    
    max-width:1580px; 
    margin:0 auto; 

    max-height:100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    position: relative;
    
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
}
.t2d_main_article_banner_10_product .items { 
	display:inline-block;
    margin: 0 0.6%  1.2% 0.6%; 
    width: calc(33% - 1.2%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
	background: #ffffff;
    /*height: 380px;*/
    border: 1px solid #e7e7e7;
    box-shadow: 0px 0px 5px 1px #e7e7e7;
    border-radius: 10px;
    overflow: hidden;
}
.t2d_main_article_banner_10_product .items .listbox {
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
}
.t2d_main_article_banner_10_product .items .listbox .info_imgbox {  /* 이미지영역 */
	width:100%;
	height:100%;
	/*border-radius:15px 15px 0 0;*/
    border-radius: 10px;
	overflow:hidden;
	position:relative;
 

}
.t2d_main_article_banner_10_product .items .listbox .info_imgbox > img { /* 게시판에 입력한 이미지 */
	/*position: absolute;*/
   /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    */
    width:100%;
    /*height:100%;*/
    /*object-fit:cover;*/
	transition:all 0.3s;
    
    
}
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox { 
    padding: 0px 0px 0px 60px;
    width: 100%;
    height: 60px;
    position: absolute;
    z-index: 2;
    /* padding-left: 40px; */
    /* text-align: center; */
    bottom: 0;

}
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox h4 { 
    font-size: 29px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1b0765;
}
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox p {
	font-size:16px;
	
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}



/* 추출 리스트 마우스 hover 효과 */
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox > span.crossicon { 
    position: absolute;
    right: 40px;
    top: -8px;
    color: #cb0101;
    text-decoration: none;
    font-size: 66px;
    font-weight: 100;
    transition: .5s;
    line-height: 0.6;
    transform-origin: center 26px;

}
.t2d_main_article_banner_10_product .items .listbox:hover .lnfo_textbox > span.crossicon { 
    transform:  rotate(270deg);transition:all 0.9s; 
}



/*이미지 확대 효과*/
.t2d_main_article_banner_10_product .items .t2d_bannerimg { 
    transform: scale(1);
	transition:all 0.3s;
}

.t2d_main_article_banner_10_product .items:hover .t2d_bannerimg { 
    transform: scale(1.03); transition: all 0.5s;
}



/* 더보기버튼 */
.t2d_main_article_banner_10_product .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_banner_10_product .pluslist_btn span { position:absolute; top:1px; left:62%; font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif; font-size:28px; font-weight:300; }
.t2d_main_article_banner_10_product .pluslist_btn:hover { background:#f9a11b; border:1px solid #ff9000; color:#fff; transition:all 0.1s;}
@media all and (max-width:1200px) { 
    .t2d_main_article_banner_10_product .items { 
        /*height:500px; */
        margin: 0 0.8% 1.6% 0.8%; 
        width: calc(50% - 1.6%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }

    /* 더보기버튼 */
    .t2d_main_article_banner_10_product .pluslist_btn { width:20%; margin:50px 40% 70px; }
}
@media all and (max-width:1000px) {  
	/*.t2d_main_article_banner_10_product .t2d_contenttitle { font-size:40px;  padding-bottom: 30px; }*/
	.t2d_main_article_banner_10_product .t2d_contenttitle span { display:none; }

    .t2d_main_article_banner_10_product .items:hover .t2d_bannerimg { 
        /*transform: scale(1); */
    }
    
}
@media all and (max-width:768px) {  
    .t2d_main_article_banner_10_product .items {
        /* height:500px; */
        margin: 0 1% 4% 1%; 
        width: calc(100% - 2%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
       }
    .t2d_main_article_banner_10_product .items {
    /*    height:450px; */
        
       }
	.t2d_main_article_banner_10_product .t2d_contenttitle{ 
        font-size : 40px;
        padding:70px 0 0px 0;
    }
    /*구분막대*/
    .t2d_main_article_banner_10_product .colorbar{

        margin: 10px 0 50px 0;

    }


    .t2d_main_article_banner_10_product .items .listbox .info_imgbox { /*height:370px;*/ }
    
    /* 더보기버튼 */
    .t2d_main_article_banner_10_product .pluslist_btn { width:40%; margin:50px 30% 70px; }
} 
@media all and (max-width:450px) {  
    .t2d_main_article_banner_10_product .items {
      /*  height:220px; */
       }
    .t2d_main_article_banner_10_product .items .listbox .lnfo_textbox {
        height: 40px;
    
    }   
    .t2d_main_article_banner_10_product .items .listbox .lnfo_textbox h4 {
        font-size: 24px;
    }
    .t2d_main_article_banner_10_product .items .listbox .lnfo_textbox > span.crossicon { 
        right: 20px;
        top: -8px;
        font-size: 57px;
        transform-origin: center 22px;
    }
    }
/* t2d_main_article_banner_10_product ------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:440px;
    margin: 0 auto; 
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    /*background: #1a2c52;*/
    overflow: hidden;
}
.t2d_main_article_textbanner_24_half_overlab .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 .item1 { 
    top:0px;
    left:0;
    width: 50%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    height: 440px; /*height:600px 지정하면 높이 고정. or auto*/
    /*
    color:#000; 
    background: #f4f4f4;*/
    box-shadow: rgb(0 0 0 / 30%) 0px 20px 22px;
    color:#fff; 
    background-image: url(../user_img/left_b_bg.jpg); 
    /*background-attachment: fixed;*/
    background-position: center;
    background-size: cover;

}
.t2d_main_article_textbanner_24_half_overlab .item2 { 
    top:0px;
    right:0;
    width: 50%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    color:#fff; 
    
    background-image: url(../user_img/right_b_bg.jpg); 
    /*background-attachment: fixed;*/
    background-position: center;
    background-size: cover;
}


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

.t2d_main_article_textbanner_24_half_overlab .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 .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 .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 .lnfo_textbox .colorbar{
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #fff;
    margin: 25px 0 25px 0;
    position: relative;
}
.t2d_main_article_textbanner_24_half_overlab .items .lnfo_textbox .colorbar:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 20px;
}

.t2d_main_article_textbanner_24_half_overlab .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 .lnfo_textbox i{

    font-size: 25px;
}

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


/*버튼*/
.t2d_main_article_textbanner_24_half_overlab .items  .goButton_wrap{padding-top: 40px;}
.t2d_main_article_textbanner_24_half_overlab .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 .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  .goButton_wrap_gray{padding-top: 40px;}
.t2d_main_article_textbanner_24_half_overlab .items .goButton_wrap_gray .goButton{
    position: relative;
    box-sizing: border-box;
    padding: 20px 38px;
    background:  #cd1d0a no-repeat;
    border: 1px solid #fff;
    /*border-radius: 50px;*/
    /*border-radius: 5px;*/
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
    /*margin:0 30px 0 30px;*/
}

.t2d_main_article_textbanner_24_half_overlab .items .goButton_wrap_gray .goButton:hover{
    background:  #912418  no-repeat;

}

.t2d_main_article_textbanner_24_half_overlab .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 .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 { 
        position:relative!important; 
    }

    .t2d_main_article_textbanner_24_half_overlab .item1 { 
        display: block;
        width: 100%!important; 
        top:unset;
        left:unset;
        height: auto; 
        
    }
    .t2d_main_article_textbanner_24_half_overlab .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 .item2 h1{ 
        font-size:3em!important; 
    }

    .t2d_main_article_textbanner_24_half_overlab .item2 { 
        
        background-position: left;
        /*background-size: cover;*/
    }

    .t2d_main_article_textbanner_24_half_overlab .item2 { 
        
        background-position: center;

    }
    
}
/* t2d_main_article_textbanner_24_half_overlab ------end------*/


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

.t2d_main_article_map_26  .items_wrap{
    max-width:1400px; 
    width:100%;
    margin: 0 auto; 
    display: flex;
    flex-wrap: wrap; /*slide 이용시 주석*/
    justify-content: center;
    position:relative;
    box-sizing:border-box;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/

}

.t2d_main_article_map_26 .items { 
    position: relative;
    margin: 0 0px;
    /* width: calc(50% - 5px); */
    flex: 1;
    padding: 10px;
    background: #f7f7f769;
    /* border: 1px solid #f0f0f0; */
    border-radius: 10px;

}

/* 제목*/
.t2d_main_article_map_26 .t2d_contenttitle { 
    
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:50px;
	text-align:center;
	color: #fff; 
    padding: 80px 0 0px 0;

}
/*구분막대*/
.t2d_main_article_map_26 .colorbar_wrap{
    text-align: center;
}
.t2d_main_article_map_26 .colorbar{
    display: inline-block;
    width: 70px;
    height: 5px;
    background: #fff;
    margin: 30px 0 60px 0;
    position: relative;
}


@media all and (max-width:1200px) { 
	.t2d_main_article_map_26 .items_wrap{  width: 90%; display:block; }
}
@media all and (max-width:768px) { 

	.t2d_main_article_map_26 .t2d_contenttitle{ 
        font-size : 40px;
        padding:70px 0 0px 0;
    }
    /*구분막대*/
    .t2d_main_article_map_26 .colorbar{
        margin: 10px 0 50px 0;
    }

}

/* t2d_main_article_map_26 ------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;
}
/*.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;
    font-weight: 700;
    background: #2d2a2a;}
.t2d_content_text_1_2 .point_text_2 {color: #2d2c2c;font-weight: 600;}
.t2d_content_text_1_2 .t2d_ceo_sign{
    position: relative;
    float: right;
    text-align: left;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    margin-top: 30px;
}
.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: 32px;
    line-height: 1.4em;
    letter-spacing: -0.1px;
    word-break: keep-all;
    font-weight: 400;
    box-sizing: border-box;
}
.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: 20px;      line-height:2em; color: #000; word-break: keep-all; }
.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: 0 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: 18px; }
    .t2d_content_text_1_2 .t2d_subtitle_text { 
        font-size: 25px;
    }

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



 /*연혁*/

 .t2d_content_history_1_2{
	position: relative;
    /* background: #f8f8f8; */
    box-sizing: border-box;
    margin-top: 0px;
    padding: 0px 0 90px 0;
}
.t2d_content_history_1_2::after{content:""; clear:both; display:block;}
.t2d_content_history_1_2 .items_wrap{
    width:100%;
    max-width: 1200px;
    padding: 0; /* ul 왼쪽 여백 제거 */
    margin: 0 auto;
    box-sizing: border-box;
    position:relative;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
}

.t2d_content_history_1_2 .items { 
    margin:  0px;
    width: 100%;
    /*height: auto;*/ /*height:600px 지정하면 높이 고정.*/
    height: auto; /*height:600px 지정하면 높이 고정.*/
    font-size:0;  
    color:#000; 
    padding: 0 ; 
    position:relative;
    box-sizing: border-box;
}
.t2d_content_history_1_2 .t2d_subtitle_text { 
        /* margin-top: 45px; */
        position: relative;
        text-align: center;
        width: 100%;
        font-size: 32px;
        line-height: 1.4em;
        letter-spacing: -2px; 
        word-break: keep-all;
        font-weight: 300;
}
.t2d_content_history_1_2 .point_text {color:#e56e1f; }
.t2d_content_history_1_2 .point_text_1 {color: #090909;font-weight: 700;}


.t2d_content_history_1_2 .timeline {
    position:relative;
    width:90%;
    margin:0 auto;
    padding:40px 0 0 0;
    overflow:hidden; 
    margin-top: 15px;
    box-sizing: border-box;
    list-style: none;
}
    /* 세로선 */
.t2d_content_history_1_2 .timeline::before {
    /*kui*/
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    left: 50%;
    /* background: #625d9b; */
    border-left: 3px solid #dcdcdc;
    margin-left: -1.5px;

 }
 /* 가운데 점 */
.t2d_content_history_1_2 .timeline .year_wrap .text_items .center_icon { 
    position: absolute;
    top: 55px;
    /* top: 50%; */
    margin-top: -5px;
    width: 9px;
    height: 9px;
    background-color: #ac1313;
    box-shadow: 0px 0px 0px 6px #eb76768f;
    border-radius: 50%;
}
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) .text_items .center_icon { left: 50%; margin-left: -5px; }
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .center_icon { right: 50%;  margin-right: -4px;}
 /* 가로선 */
 .t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .center_icon::after{
    content:"";
     position: absolute; 
     left: 0px;
     top: 45%;
     transform: translateX(-30px);
     height: 1px;
     width: 30px;
    /*background: #cacaca;*/
    border-top: 1px dashed #cacaca;
    font-size: 0;
}

.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) .text_items .center_icon::after{
    content:"";
     position: absolute; 
     left: 0px;
     top: 45%;
     transform: translateX(9px);
     height: 1px;
     width: 30px;
    /*background: #cacaca;*/
    border-top: 1px dashed #cacaca;
    font-size: 0;
}

.t2d_content_history_1_2 .timeline .year_wrap {
    font-size:18px; 
    position: relative; 
    box-sizing:content-box;
}
.t2d_content_history_1_2 .timeline .text_items {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d8d8e3;
    border-radius: 4px;
    padding: 30px;
}
.t2d_content_history_1_2 .timeline .year_text { 
    font-size: 35px; 
    font-weight: 700; 
    margin-bottom: 7px; 
    color: #101010; 
}
.t2d_content_history_1_2 .timeline .month_wrap { 
    position: relative;
    overflow: hidden;
    line-height: 33px; 
}
.t2d_content_history_1_2 .timeline .month_text { 
    position: absolute; 
    top: 0; 
    left: 0; 
    font-size: 20px;
    word-break: keep-all;
    color: #000;
    }
.t2d_content_history_1_2 .timeline .text {  
    padding: 0 0 0 0px;
    font-size: 20px;
    color:#373737; 
}
.t2d_content_history_1_2 .timeline .year_text, .t2d_content_history_1_2 .timeline .month_text, .t2d_content_history_1_2 .timeline .text  { 
    display:inline-block; 
}


.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) { 
    float: right;
    text-align: left; 
    width: 46%;
    padding-left: 54%; 
}
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) { 
    float:left; 
    text-align:right; 
    width:46%; 
    padding-right:54%; 
}
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) .text_items .month_text { left: 0; }
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .month_text { right: 0; }
/*
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) .text_items .text { padding-left: 30px; }
.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .text { padding-right: 30px; }
*/
@media (max-width:1024px) {
    .t2d_content_history_1_2{ 
        
        margin-top:0px;
    }

    .t2d_content_history_1_2 .t2d_subtitle_text { 
    
        /*margin:0px auto 0;*/
    }
    
	.t2d_content_history_1_2 .timeline { padding: 30px 0 0 30px; overflow:visible;}
    

    .t2d_content_history_1_2 .timeline::before { 
     /*   content:none;*/ 
     left: 1px;
    }

    .t2d_content_history_1_2 .timeline .month_wrap {margin-left: 10px; }
	.t2d_content_history_1_2 .timeline .text_items { padding: 0 0 17px 0; border: none; }
    /*.t2d_content_history_1_2 .timeline .text_items .center_icon { display: none; } */
	.t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) { float: unset; width: 100%; padding-left:0; text-align:left; }
	.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) { float: unset; width: 100%; padding-right:0; text-align:left; }
    .t2d_content_history_1_2 .timeline .year_wrap:nth-child(odd) .text_items .month_text { left: unset; }
	.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .month_text { right: unset; }
	.t2d_content_history_1_2 .timeline .year_wrap:nth-child(even) .text_items .text { padding-right: 0; }

    .t2d_content_history_1_2 .timeline  .text_items .center_icon {
        left: -34px!important;
        margin-left: 0px!important;
         top: 17%!important;
        margin-right: 0px!important;
        right: unset!important;  
        
    }

    .t2d_content_history_1_2 .timeline .year_wrap .text_items .center_icon::after {
        left: 0px!important;
        top: 45%!important;
        transform: translateX(9px)!important;
        height: 1px!important;
        width: 20px!important;
        /* background: #cacaca; */
        
    }

    .t2d_content_history_1_2 .items_wrap {
        overflow: hidden;
    }

}




/*조직도*/
:root {
    --level-0:#0a3596;
    /*--level-1:linear-gradient(90deg, #9C27B0 0%, #F44336 100%);*/
    --level-1:#516aa2/* #516aa2*/;
    --level-2: #589fef;
    /*--level-3: linear-gradient(321deg, #2196F3 0%, #00BCD4 100%);*/
    --level-3: #354383;
    --level-4: linear-gradient(321deg, #2196F3 0%, #00BCD4 100%);;
    --black: #dae3e1;
    }
    .t2d_content_organisation_1_1 * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    }
    .t2d_content_organisation_1_1 .items_wrap {
    max-width: 1400px;
    width:100%;
    margin: 0 auto;
    padding: 0 10px;
    list-style: none;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 20px;
    }
    .t2d_content_organisation_1_1 .organisation {
    width:100%;
    }

    .t2d_content_organisation_1_1 ol {
    list-style: none;
    }
    .t2d_content_organisation_1_1 .container {
    text-align: center;
    padding: 0 ;
    margin: 0 auto;
    }
    .t2d_content_organisation_1_1 .rectangle {
    position: relative;
    padding: 20px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 9%);
    color: #fff;
    border-radius: 15px;
    }
    /* LEVEL-0 STYLES*/
    .t2d_content_organisation_1_1 .level-0 {
        font-size:26px;
        width: 30%;
        margin: 0 auto 50px;
        background: var(--level-0);
        border-radius: 50px;
        }
        .t2d_content_organisation_1_1  .level-0::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 2px;
        height: 50px;
        background: var(--black);
        
        }
    /* LEVEL-1 STYLES*/
    .t2d_content_organisation_1_1 .level-1 {
    font-size:26px;
    width: 20%;
    margin: 0 auto 70px;
    background: var(--level-1);
    border-radius: 50px;
    }
    .t2d_content_organisation_1_1  .level-1::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 50px;
    background: var(--black);
    
    }
    /* LEVEL-2 STYLES*/
    .t2d_content_organisation_1_1 .level-2-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    }
    .t2d_content_organisation_1_1 .level-2-wrapper::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 10%;
    width: 80%;
    height: 2px;
    background: var(--black);
    }
    .t2d_content_organisation_1_1 .level-2-wrapper::after {
    display: none;
    content: "";
    position: absolute;
    left: -20px;
    bottom: -20px;
    width: calc(100% + 20px);
    /*height: 2px;*/
    height: 0px;
    background: var(--black);
    }
    .t2d_content_organisation_1_1 .level-2-wrapper li {
    position: relative;
    }
    .t2d_content_organisation_1_1 .level-2-wrapper > li::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: var(--black);
    }
    .t2d_content_organisation_1_1 .level-2 {
    width: 70%;
    margin: 0 auto 40px;
    background: var(--level-2);
    }
    .t2d_content_organisation_1_1 .level-2::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: var(--black);


    }
    .t2d_content_organisation_1_1 .level-2::after {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    width: 20px;
    height: 2px;
    background: var(--black);


    }
    /* LEVEL-3 STYLES*/
    .t2d_content_organisation_1_1 .level-3-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 20px;
    width: 90%;
    margin: 0 auto;
    }
    
    .t2d_content_organisation_1_1 .level-3-wrapper::before {
    /*
    content: "";
    position: absolute;
    top: -20px;
    left: calc(25% - 5px);
    width: calc(50% + 10px);
    height: 2px;
    background: var(--black);
    */

     }
    
    .t2d_content_organisation_1_1 .level-3-wrapper > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    width: 2px;
    height: 20px;
    background: var(--black);
    }
    .t2d_content_organisation_1_1 .level-3 {
    margin-bottom: 20px;
    background: var(--level-3);
    }

    .t2d_content_organisation_1_1 .level-3::after {

    
        }

    /* LEVEL-4 STYLES*/
    .t2d_content_organisation_1_1 .level-4-wrapper {
    position: relative;
    width: 80%;
    margin-left: auto;
    }
    .t2d_content_organisation_1_1 .level-4-wrapper::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 2px;
    /*height: calc(100% + 20px);*/
    height: calc(100% - 12px);
    background: var(--black);
    }
    .t2d_content_organisation_1_1 .level-4-wrapper li + li {
    margin-top: 20px;
    }
    .t2d_content_organisation_1_1 .level-4 {
    font-weight: normal;
    background: var(--level-4);
    }
    .t2d_content_organisation_1_1 .level-4::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    width: 20px;
    height: 2px;
    background: var(--black);
    }
    @media screen and (max-width: 768px) {
        .t2d_content_organisation_1_1 .rectangle {
            padding: 20px 10px;
        }
        .t2d_content_organisation_1_1 .level-0,
         .t2d_content_organisation_1_1 .level-1,
        .t2d_content_organisation_1_1 .level-2 {
            width: 100%;
        
        }
        .t2d_content_organisation_1_1 .level-0 {
            /*margin-bottom: 20px;*/
        }
        .t2d_content_organisation_1_1 .level-1 {
            margin-bottom: 20px;
        }
       
        .t2d_content_organisation_1_1 .level-1::before,
        .t2d_content_organisation_1_1 .level-2-wrapper > li::before {
            display: none;
        }
        .t2d_content_organisation_1_1 .level-2-wrapper,
        .t2d_content_organisation_1_1 .level-2-wrapper::after,
        .t2d_content_organisation_1_1 .level-2::after {
            display: block;
        }
        
        .t2d_content_organisation_1_1 .level-2-wrapper {
            width: 90%;
            margin-left: 10%;
        }
        .t2d_content_organisation_1_1 .level-2-wrapper::before {
            /*left: -20px;
            width: 2px;
            height: calc(100% - 423px);*/
            display:none;
        }
        .t2d_content_organisation_1_1 .level-3-wrapper > li::before{
            display: none;
        }
        .t2d_content_organisation_1_1 .level-2-wrapper > li:not(:first-child) {
            margin-top: 50px;
        }
    }


    
/*오시는 길*/
.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: 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 { 
    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:30px 0;
    position:relative; 
    text-align:center;  
    width:100%;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: -0.1em;
    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: #090909;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-size:20px;border-bottom:1px solid #d7d7d7;  padding:15px; }
.t2d_content_map_1_1 .contact .title {text-align:center; font-weight:700; background:#f2f2f2; color:#cb0101;}


@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 { 
        width:70%;
        margin:20px auto;
    }
    
}


/*제품 탭*/
/* t2d_main_article_tab_27 ------start------*/
.t2d_main_article_tab_27 {
	position:relative;
    /*배경색*/
    /*background: #f4f4f4;*/
    /* 그림자
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
    */
    /*overflow: hidden;*/
    margin:0 auto;
    padding:0px 0 15px 0;
    box-sizing:border-box;
    
}
.t2d_main_article_tab_27  .items_wrap{
    max-width:1600px; 
    width:100%;
    margin: 0 auto; 
    position:relative;
    box-sizing:border-box;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/

}
.t2d_main_article_tab_27 ul.tabs{
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 2px solid #0b0b61 !important;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
.t2d_main_article_tab_27 ul.tabs li {
    width: 280px;
    display: inline-block;
    padding: 10px 2%;
    cursor: pointer;
    text-align: center;
    /* border-bottom: 1px solid #0b0b61 !important; */
    background: #ececec;
    color: #222;
    border-radius: 5px 5px 0 0;
    border: solid 1px #ccc;
    margin-right: 5px;
    margin-top: 20px;
}


.t2d_main_article_tab_27 ul.tabs li.active{
	background: #0b0b61;
	color: #fff;
	border-radius:5px 5px 0 0;
    border: solid 1px #0b0b61;
}
.t2d_main_article_tab_27 .tab-content{
	display: none;
    font-size: 14px;

}
.t2d_main_article_tab_27 .tab-content.active { display: block; }


/* 제목*/
.t2d_main_article_tab_27 .t2d_contenttitle {  
	font-family: 'Poppins', sans-serif;
	font-size:52px;
	text-align:center;
	color:#000;
	padding:80px 0 50px 0;
}

@media all and (max-width:1200px) { 
	.t2d_main_article_tab_27 .items_wrap{  width: 100%; display:block; }
    .t2d_main_article_tab_27 ul.tabs{
        
        border-bottom: 0px!important;
    }
}
@media all and (max-width:768px) { 
    .t2d_main_article_tab_27 ul.tabs li {
        width:94%;
        border-radius: 5px 5px 5px 5px;
        margin-top: 5px;
    }
    
    
    .t2d_main_article_tab_27 ul.tabs li.active{
        background: #0b0b61;
        color: #fff;
        border-radius: 5px 5px 5px 5px;
        border: solid 1px #0b0b61;
    }
}

/* t2d_main_article_tab_27 ------end------*/

/* 제품 소개*/
.product_wrap { position:relative;  width:100%;  max-width:1400px;  margin-right:auto;  margin-left:auto; overflow:hidden;word-break: keep-all !important;padding-top: 30px;}
.prodcut{width:1250px; margin:0 auto;   }
.proimg{width:100%; float:left;  position:relative; height:730px; text-align: center;}
.no_prodetail_2{
    height: unset!important;
}

.proimg img{width:65%; border-top-left-radius:30px; border-bottom-right-radius:30px; bordeR:1px solid rgba(0,0,0,0.1); float: left;}
.prodetail_2{line-height:33px; font-weight:500;   font-size: 18px;  position:absolute; right:1%; bottom:4%; background:#fff;  box-shadow:5px 5px 10px rgba(0,0,0,0.3); width:54%; padding:45px; box-sizing:border-box; text-align: left; }

.prodetailname_1{ position:absolute; right:15%; top:85px; font-weight:700; font-size:96px; font-family: 'Pretendard';color:rgba(0,0,0,0.1);    line-height: 1;}
.prodetailname_1 span{color:rgba(0,0,0,0.3);}
.prodetailname_3{ position:absolute; right:1%; top:180px; font-weight:700; font-size:96px; font-family: 'Pretendard';color:rgba(0,0,0,0.1);    line-height: 1;}
.prodetailname_3 span{color:rgba(0,0,0,0.3);}

.prodetailname_2{ position:absolute; right:1%; top:85px; font-weight:700; font-size:96px; font-family: 'Pretendard';color:rgba(0,0,0,0.1);    line-height: 1;}
.prodetailname_2 span{color:rgba(0,0,0,0.3);}



.product_wrap .sub_items {
    
    margin-left: 15px;
}


.product_wrap .sub_items li > span{
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
}


@media all and (max-width:1199px){
.prodcut{width:100%; margin:0 auto;  }
.prodetailname_1{font-size:73px;}
.prodetailname_3{font-size:73px; top:160px;}

.prodetailname_2{font-size:73px;}
.prodetail_2{
border:1px solid #f9f9f9;
line-height:33px; font-weight:400;  position:absolute; /*left:0%;*/ bottom:5%; background:#fff;  box-shadow:5px 5px 10px rgba(0,0,0,0.1); width:70%; padding:45px; box-sizing:border-box;  }
.proimg{height:700px;}
}

@media all and (max-width:1024px) {
    .product_wrap{width:98%; padding-top:25px;}

    .prodetail_2{
        
        bottom:15%; background:#fff; width:80%; padding:45px; box-sizing:border-box;  }
        
    
    }
    

@media all and (max-width:867px){
.prodcut{margin-top:20px;}
.proimg{height:auto;}
.proimg img{width:100%;float: unset;}


.prodetailname_1{        display: inline;
    position: relative;
    right: unset;
    top: 0px;
    
    text-align: center;
    font-size: 46px;}

.prodetailname_3{
    display: inline;
    position: relative;
    
    right: unset;
    top: 0px;

    text-align: center;
    font-size: 46px;}

.prodetailname_2{        display: block;
    position: relative;
    right: unset;
    top: 0px;

    text-align: center;
    font-size: 46px;
}

.prodetail_2{
    line-height: 33px;
    margin-top: 15px;
    font-weight: 400;
    position: relative;
    background: unset;
    box-shadow: unset;
    left:0;
    width:100%;
    padding: 0; 
}

}



/*세번째 컬럼*/
.t2d_content_html_groupbox_text_1 { 
    width:98%;
     position:relative;
    margin:0 auto;
    padding:20px 0 0px 0;
    /*margin-bottom: 40px;*/
    max-width: 1200px;
 
 } 
 
 .t2d_content_html_groupbox_text_1 .items_wrap { max-width: 1200px; margin:0px 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 #d8d5d5;
     border-radius: 10px;*/
     position:relative;
     margin-top: 40px;
     /* background: #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  {	
 
    margin-left: 15px;
    }

    .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:18px;
    line-height: 2;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: 5px;
    /* padding: 0px 3px; */
    color: #000000;
    font-size: 20px;
    font-weight: 600;
 }
 
 
 .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: #e03b21;
     padding: 5px 28px;
     border-radius: 15px;
     position:absolute;
     top: -44px;
     left: -21px;
 }

 .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 .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 .griditems{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
   
    }
 }

/*두번째 컬럼*/
.t2d_content_table_overscroll_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;*/
    max-width: 1200px;
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
}
/*.t2d_content_table_overscroll_1::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
.t2d_content_table_overscroll_1 .items_wrap{
    position:relative;
    width:98%;
    max-width: 1200px;
    margin: 0  auto;
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 40px;
}
.t2d_content_table_overscroll_1 .items { 
    width: 100%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    /*height: auto;*/ /*height:600px 지정하면 높이 고정.*/
    height: auto; /*height:600px 지정하면 높이 고정.*/
    box-sizing:border-box;
    padding: 0 ; 
    margin: 0 auto;
    position:relative;

}

.t2d_content_table_overscroll_1 .t2d_sub_detail_text { margin:20px auto 0 auto; width:100%;box-sizing: border-box;max-width: 1200px;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_text p {font-size: 18px; line-height:1.5em; color: #000; word-break: keep-all; }

.t2d_content_table_overscroll_1 .t2d_sub_detail_table { margin:0 auto; width:100%;box-sizing:border-box; padding:0; overflow-x: auto;}
/* 스크롤바의 너비 높이 */
/*
.t2d_content_table_overscroll_1 .t2d_sub_detail_table::-webkit-scrollbar {
    width: 8px;  
    height:8px;
}
*/
/* 스크롤막대의 길이 */
/*
.t2d_content_table_overscroll_1 .t2d_sub_detail_table::-webkit-scrollbar-thumb {
    height:30%; 
    width:30%;
    background: #217af4; 
    border-radius: 10px;
}
*/
/*스크롤바 트랙*/
/*
.t2d_content_table_overscroll_1 .t2d_sub_detail_table::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1); 
}
*/
/* 테이블 */
.t2d_content_table_overscroll_1 .t2d_sub_detail_table > table {width:100%;min-width:800px!important;margin:0;border-collapse: collapse; font-size: 18px;}

.t2d_content_table_overscroll_1 .t2d_sub_detail_table table thead tr th {padding: 10px 0; line-height: 1.5; font-size: 18px; font-weight: 500; color: #fff; text-align: center; background: #00346a; border: 1px solid #bfbfbf;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_table table thead tr th:first-child {border-left: 0; /*width: 170px;*/}
/*.t2d_content_table_overscroll_1 .t2d_sub_detail_table table thead tr th:last-child {border-right: 0;}*/
.t2d_content_table_overscroll_1 .t2d_sub_detail_table .bluebg {background: #00346a; color: #fff; text-align: center!important;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_table .graybg {background: #727f8a; color: #fff; text-align: center!important;}

.t2d_content_table_overscroll_1 .t2d_sub_detail_table table tbody {border-bottom: 1px solid #bfbfbf;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_table table tbody tr td {padding: 15px 5px; line-height: 1.5; font-size: 17px; font-weight: 400; color: #666;     word-break: keep-all; text-align: center; border: 1px solid #bfbfbf;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_table tr th {padding: 15px 0; line-height: 1.5; font-size: 17px; font-weight: 500; color: #fff; text-align: center; background: #3F51B5; border: 0px solid #bfbfbf; border-width: 1px 0;}
.t2d_content_table_overscroll_1 .t2d_sub_detail_table table tbody tr td:first-child {border-left: 0;  }
.t2d_content_table_overscroll_1 .t2d_sub_detail_table table tbody tr td:last-child {border-right: 0;}

@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_content_table_overscroll_1{padding: 0;}
    .t2d_content_table_overscroll_1 .t2d_sub_detail_text { margin:20px auto 0 auto; width:100%;  padding:0 5px;}
    .t2d_content_table_overscroll_1 .t2d_sub_detail_text p {font-size: 18px; }
    .t2d_content_table_overscroll_1 .items_wrap{
        
        width:100%;
    }
    .t2d_content_table_overscroll_1 .items_wrap .items { 
        padding: 1px 0px 1px 5px;
        width:100%;
    }
}
@-webkit-keyframes hrScrollAni {
	0% {background-position:48% 20px;}
	50% {background-position:52% 0;}
	100% {background-position:48% 0;}
}
@keyframes hrScrollAni {
	0% {background-position:48% 20px;}
	50% {background-position:52% 20px;}
	100% {background-position:48% 20px;}
}
@media all and (max-width:768px) {

	.t2d_content_table_overscroll_1 .t2d_sub_detail_table{
		background: url(/images/hscroll_guide_ico.png) 48% 20px no-repeat;
		animation: hrScrollAni 2s infinite;
		padding-top: 50px;

	}
}