/*  폰트 적용 */
/*
@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');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap');



@font-face {
    font-family: 'OPTITimes-Roman';
    src:url('/fonts/OPTITimes-Roman.otf') format('woff'),
        url('/fonts/OPTITimes-Roman.otf') format('woff2');
    /* 이런식으로 weight를 지정해서 사용할 수도 있다!*/
    font-weight: 300;
} 
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.noto-serif kr-regular {
  font-family: "Noto Serif KR", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-serif kr-medium {
  font-family: "Noto Serif KR", serif;
  font-weight: 500;
  font-style: normal;
}

.noto-serif kr-semibold {
  font-family: "Noto Serif KR", serif;
  font-weight: 600;
  font-style: normal;
}

.noto-serif kr-bold {
  font-family: "Noto Serif KR", serif;
  font-weight: 700;
  font-style: normal;
}



/* 공통 라이브러리 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;
}

.t2d_sub_container{bordeR:0px solid red; padding:4% 0% 6% 0%;}

@media screen and (max-width: 1600px){
    .t2d_width80 { width:94%;  }	
}
@media screen and (max-width: 1200px){
    .t2d_width80 { height: 75%;  }
    .t2d_sub_container{bordeR:0px solid red; padding:4% 1.5% 9% 1.5%;}
}

/*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:absolute; top:0px; width:100%;
     height:450px;
    /* backgound-attachment: fixed;*/
    background:#000;
    border:0px solid red;
    background-position:center right;
    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: 1199px){ 
    .t2d_sub_visual { height:300px;  position:relative; }


}


.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:49%;
}
.t2d_directory_box h1 { font-size:50px; font-weight:normal; color:#fff;   font-family: 'Arita-buri-SemiBold';}
.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: 1199px){ 
.t2d_directory_box{top:40%;}
  
}


@media screen and (max-width: 768px){ 
    .t2d_directory_box h1 { font-size:35px;  width:100%; text-align:left; padding-left:10%;}
.t2d_sub_visual{background-position-x:74%}

}

@media screen and (max-width:568px){ 
    .t2d_directory_box h1 { font-size:35px;  width:100%; text-align:left; padding-left:10%;}


}



/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 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:330px; bordeR:0px solid red !important;}
.t2d_subtitle h1 { font-size:30px; 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;
}

@media screen and (max-width: 1200px){
    .t2d_subtitle { /*width:100%;*/ margin-top: 30px;}
    .t2d_subtitle h1 { font-size:25px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    .t2d_subtitle h1 { font-size:20px; }
}
/*---------- 서브페이지 메뉴----------*/
/*------서브페이지 대중소 제목 ------*/
#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:#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{position: relative;  }
/*----- 메인 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 ------start------*/


.t2d_main_article_cover_7_bgimg {
 
    position:absolute;
    top:-90px;
    left:0px;
    height:870px;
    width:100%;  
    bordeR:0px solid red;


}
.t2d_main_article_cover_7_bgimg  .slides {
    height:100%!important;
}
.t2d_main_article_cover_7_bgimg  .slides .slides_item {
    height:100%!important;
}
.t2d_main_article_cover_7_bgimg  .slides  .bgimages {
    height:100%!important;
    background-size : cover;
    background-position-x:90%;
     background-position-y:90%;
}
.t2d_main_article_cover_7_bgimg .visual-txt { 
	z-index:1; 
	position:absolute;
	top:35% !important;
	left:0;
	text-align:center !important;
	color:#fff;
	width:70%;
    border:0px solid red;
}
.t2d_main_article_cover_7_bgimg .visual-txt img{text-align: center !important;} 

.t2d_main_article_cover_7_bgimg .visual1_visual-txt { top:30%!important; }
.t2d_main_article_cover_7_bgimg .visual-txt h2 {
	font-family:'Pretendard', 'Noto Sans KR','Nanumgothic'!important;
	font-size:48px;
	text-transform:uppercase;
	line-height:70px;
	letter-spacing:-1px;
    font-weight:400;
	

}
.t2d_main_article_cover_7_bgimg .visual-txt h2 span{
font-weight:700; font-size:55px;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-image: url("/theme/t2d_theme_basic/user_img/tit_bg.jpg");
 
}



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

.t2d_main_article_cover_7_bgimg {
 
    position:absolute;
    top:80px;
    left:0px;
    background-size: 100%;
    width:100%;  
    bordeR:0px solid blue;
    background-position:bottom;
}

.t2d_main_article_cover_7_bgimg .visual-txt h2 {font-size:40px !important; line-height:60px !important;}
.t2d_main_article_cover_7_bgimg .visual-txt h2 span{font-size:45px;}

.t2d_main_article_cover_7_bgimg {height:900px;}
}


@media screen and (max-width: 768px){
.t2d_main_article_cover_7_bgimg {height:350px; border:0px solid red;}
.t2d_main_article_cover_7_bgimg .visual-txt h2 {font-size:23px !important; line-height:45px !important; text-align:left !important; }

.t2d_main_article_cover_7_bgimg .visual-txt h2 span{font-size:28px;}
.t2d_main_article_cover_7_bgimg .visual-txt  img{display:none;}
.t2d_main_article_cover_7_bgimg .visual-txt {width:80%;top:20% !important;text-align:left !important; }

.t2d_main_article_cover_7_bgimg  .slides  .bgimages {

    background-size:cover;
    background-position-x:87%;
}

}
















/*버튼*/
.t2d_main_article_cover_7_bgimg .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 .visual-txt2 a {
    color: #FFF;
    font-family: 'Pretendard', '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 .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 .visual-txt2 a:hover::after {
    left: 0;
    width: 100%;
}
.t2d_main_article_cover_7_bgimg .visual-txt2 a:hover, .t2d_main_article_cover_7_bgimg .visual-txt2  a:hover span{
	color:#fff;
	font-weight:600;
	transition: .6s;
	border:1px solid #ed1c24;
}
/* bx-wrapper*/
.t2d_main_article_cover_7_bgimg .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 .bx-wrapper .bx-viewport {
    height:100%!important;
  }
  
  /* PAGER */
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 40px;
    width: 100%;
  }
  .t2d_main_article_cover_7_bgimg .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 .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 .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-pager.bx-default-pager a.active,
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #ffcb4e;
  }
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-pager-item,
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
  }
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
  }
  /* STOP PLAY CONTROL */
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: right;
    padding-top: 0px;
    padding-right:50px;
   }
  .t2d_main_article_cover_7_bgimg .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 .bx-wrapper .bx-prev {
    left: 10px;
    background: url('../img/arrow-left_white.png') no-repeat;
  }
  .t2d_main_article_cover_7_bgimg .bx-wrapper .bx-next {
    right: 10px;
    background: url('../img/arrow-right_white.png') no-repeat !important;
  }
  .t2d_main_article_cover_7_bgimg .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 .bx-wrapper .bx-controls-direction a:hover { transition:.3s; opacity: 1; }

@media screen and (max-width: 1024px){ /*Mob 이하*/
	.t2d_main_article_cover_7_bgimg .bx-wrapper .bx-controls { display:none;}
}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    .t2d_main_article_cover_7_bgimg .visual-txt h2 { font-size:44px; line-height:50px; letter-spacing:-2px; word-break:keep-all;}	
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    .t2d_main_article_cover_7_bgimg .visual-txt h2 {  
        font-size:30px;
        line-height:40px;
        word-break:keep-all;
        padding:0 10px;
    }
    .t2d_main_article_cover_7_bgimg {
   
     
    }
}
/* t2d_main_article_cover_7_bgimg ------end------*/
/* t2d_main_article_iconlink_12_nobg ------start------*/
.t2d_main_article_iconlink_12_nobg {
	position:relative;
    overflow: hidden;
	padding:30px 0 0 0;
	/*box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;*/
}
.t2d_main_article_iconlink_12_nobg .swiper_compatible_wrap{
    max-width:1200px;width:100%;margin:0 auto;position: relative;
}
.t2d_main_article_iconlink_12_nobg  .items_wrap{
    width:100%;
    margin: 0 auto; 
	padding:50px 0 50px 0;
}
.t2d_main_article_iconlink_12_nobg ul {
    display: flex;
    justify-content: center;
	padding: 0;
}
.t2d_main_article_iconlink_12_nobg ul li { flex:1; text-align:center; font-size:0;  color:#fff; box-sizing:border-box;padding: 0 0 10px 0;}
/*아이콘 사용시*/
.t2d_main_article_iconlink_12_nobg ul li a .icon_area i {
    font-size: 50px;
    color: #fff;
 }
/*아이콘배경*/
.t2d_main_article_iconlink_12_nobg ul li a .icon_area { 
    width: 150px; /*원너비*/
    height: 150px;
    background-color: #133478; /* 배경색 */
    border-radius: 50%; /* 원모양 */
	display: table-cell;
    vertical-align: middle;
	transition:  0.5s;
    font-style: normal;  
	/* 원테두리 */
    border-width: 3px;
    border-color: #e7e5e5;
    border-style: solid;
    /* 그림자 */
	/*
	order: 1px solid #ddd;
	box-shadow: 3px 1px 1px #ebebeb;
	 */
 }
 .t2d_main_article_iconlink_12_nobg ul li a:hover .icon_area {
	background-color: #cb1017;  /* 배경색 hover */
	transition: 0.6s;
}
/*아이콘 이미지 */
.t2d_main_article_iconlink_12_nobg .icon_area img { width:50%; }
/*아이콘 이미지 효과*/
.t2d_main_article_iconlink_12_nobg ul li a:hover .icon_area img { transform: rotateY(360deg); transition:all 0.9s; }
.t2d_main_article_iconlink_12_nobg ul li a:hover .icon_area { box-shadow: 5px 10px 9px 0px rgba(56, 55, 55, 0.16); }
/* 텍스트 */
.t2d_main_article_iconlink_12_nobg ul li a dt { 
	 font-family: 'Pretendard', 'Noto Sans KR','Nanumgothic';
	 font-size:20px;
	 color: #353535; 
	 font-weight:500; 
	 padding:5px 0 5px 0; 
	}
.t2d_main_article_iconlink_12_nobg ul li a dd { 
	 font-family: 'Pretendard', 'Noto Sans KR','Nanum Gothic', sans-serif;
    font-weight: normal;
    font-size: 17px;
    color: #929292;
    font-size: 18px;
}
/* 제목 */
.t2d_main_article_iconlink_12_nobg .t2d_contenttitle {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:45px;
	text-align:center;
	color: #2f2f2f; 
    padding: 80px 0 10px 0;
}
.t2d_main_article_iconlink_12_nobg .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_iconlink_12_nobg .t2d_contenttitle_m {  
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:16px;
	text-align:center;
	color:#707070;
	padding:0;
}
@media screen and (max-width: 1200px){ /*Tab 이하*/
	.t2d_main_article_iconlink_12_nobg ul { flex-wrap: wrap; }
    .t2d_main_article_iconlink_12_nobg ul li {flex:unset; width:25%; padding: 0 0 60px 0;}
    .t2d_main_article_iconlink_12_nobg .t2d_contenttitle { font-size:40px;   }
    .t2d_main_article_iconlink_12_nobg .swiper_compatible_wrap{ padding: 0;}
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_main_article_iconlink_12_nobg ul li { width:33%; }
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
    .t2d_main_article_iconlink_12_nobg ul li { width:50%; }

}
/* t2d_main_article_iconlink_12_nobg ------end------*/
/* t2d_main_article_banner_10_product ------start------*/
.t2d_main_article_banner_10_product { background: #f4f4f4;padding:80px 0 70px 0;}
.t2d_main_article_banner_10_product .t2d_contenttitle { 
    
	font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
	font-size:45px;
	text-align:center;
	color: #2f2f2f; 
    padding: 0px 0 50px 0;

}
.t2d_main_article_iconlink_12_bg  .swiper_compatible_wrap{/*max-width:1200px;*/width:100%;margin:0 auto;position: relative;}
.t2d_main_article_banner_10_product  .items_wrap { 
    width:100%;    
    /*max-width:1200px;*/ 
    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.5%  1.5% 0.5%; 
    width: calc(25% - 1%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
	background: #ffffff;
    height: 400px;
    border: 1px solid #eaeaea;
    border-radius: 15px;
}
.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:270px;
	border-radius:15px 15px 0 0;
	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:30px 20px 40px 20px; }
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox h4 { 
	font-size:18px; 
	margin-bottom:15px;    
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.t2d_main_article_banner_10_product .items .listbox .lnfo_textbox p {
	font-size:16px;
	color:#868686;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}
/* 추출 리스트 마우스 hover 효과 */
.t2d_main_article_banner_10_product .items .listbox .info_imgbox > a { 
	opacity:0;
	z-index: 10;
    position: absolute;
    left: 22%;
    top: 42%;
    display: inline-block;
    width: 56%;
    height: 56px;
    line-height: 56px;
	font-size:18px;
	color:#fff;
	background:#f9a11b;
    border: 1px solid #f9a11b;
    border-radius: 50px;
    text-align: center;
	transition:all 0.3s;
}
.t2d_main_article_banner_10_product .items .listbox .info_imgbox > a:hover { background:#ff9000; border:1px solid #ff9000; box-shadow:0px 3px 10px rgba(0,0,0,0.3); transition:all 0.3s; }
.t2d_main_article_banner_10_product .items:hover .listbox .info_imgbox > a { opacity:1; transition:all 0.3s; }/* 리스트(li)에 마우스 hover하면, 자세히보기(a 태그) 나타남 */
.t2d_main_article_banner_10_product .items:hover .listbox .info_imgbox > img { opacity:0.5; transition:all 0.3s; } /* 리스트(li)에 마우스 hover하면, 이미지 흐려짐 */
.t2d_main_article_banner_10_product .items:hover .listbox .info_imgbox { background:#000000; }
/* 더보기버튼 */
.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 { 
        
        margin: 0 0.8% 2% 0.8%; 
        width: calc(50% - 1.6%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }
    .t2d_main_article_banner_10_product .items .listbox .info_imgbox > a { width:50%; left:25%; }

    /* 더보기버튼 */
    .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; }
}
@media all and (max-width:768px) {  
	.t2d_main_article_banner_10_product .t2d_contenttitle{ font-size:35px; }
    .t2d_main_article_banner_10_product .items {
         height:500px; 
         margin: 0 1% 3% 1%; 
         width: calc(100% - 2%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
        }
    .t2d_main_article_banner_10_product .items .listbox .info_imgbox { height:370px; }
    .t2d_main_article_banner_10_product .items .listbox .info_imgbox > a { width:44%; left:28%; }
    
    /* 더보기버튼 */
    .t2d_main_article_banner_10_product .pluslist_btn { width:40%; margin:50px 30% 70px; }
} 
/* t2d_main_article_banner_10_product ------end------*/

/* t2d_main_article_banner_25_product_2vs1 ------start------*/
.t2d_main_article_banner_25_product_2vs1 {
	position:relative;
    /*배경사용시 주석해제*/
	/*
    background-image: url(../user_img/t2d_bgimg.jpg); 
    background-image: url(https://picsum.photos/2040/1025/?image=109);
    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 80px 0;
    
}

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

}
.t2d_main_article_banner_25_product_2vs1 .items_2_wrap{
   width:100%;
   display: flex;
   flex-direction: column;
}

.t2d_main_article_banner_25_product_2vs1 .items { 
    /*margin: 0 0.5%  35px 0.5%; */
   /* width: calc(25% - 1%);*/ /*- 15px 자신의 좌우 마진 간격을 뺌 */
   /* height: 395px;*/
    margin: 0 0  0 0; 
    flex:1;
    min-height:250px;
    /*border-radius: 20px;*/ /*테두리 원각도*/
    text-align:center;
    font-size:0;  
    color:#000; 
    box-sizing:border-box;
    padding: 0 ; 
    /*border: 1px solid #e2e2e2; */
    position:relative;
    overflow: hidden; 
   
}
/* 글자 중앙정렬*/
/*.t2d_main_article_banner_25_product_2vs1  .items_wrap > .items {
    display:flex;
    align-items:center; 
}
*/

.t2d_main_article_banner_25_product_2vs1  .items {
    display:flex;
    align-items:center; 
}

/*배경색세팅*/
.t2d_main_article_banner_25_product_2vs1 .t2d_yellow_BG { background: #ffcb4e ;   }
.t2d_main_article_banner_25_product_2vs1 .t2d_orange_BG { background: #f9a11b ;   }
.t2d_main_article_banner_25_product_2vs1 .t2d_brown_BG { background: #bb7e33 ;   }
.t2d_main_article_banner_25_product_2vs1 .t2d_mint_BG { background: #33bbb8 ;   }

/*텍스트 박스*/
.t2d_main_article_banner_25_product_2vs1 .items .info_imgbox{
    width: 100%;
    position: relative;
    z-index: 2;
    cursor: default;
    padding:30px;
    text-align: center; /*텍스트 정렬방법 left*/
}

.t2d_main_article_banner_25_product_2vs1 .items a {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 100%;	
	position:relative;
}
.t2d_main_article_banner_25_product_2vs1 .items .info_imgbox h3 { font-size:30px; color:#fff; text-shadow: 2px 2px 7px rgb(122 122 122 / 65%);}
.t2d_main_article_banner_25_product_2vs1 .items .info_imgbox p{
    color: #fff;
    /*width:100%;*/
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;

    font-weight: normal;
    word-break: keep-all;
    margin-bottom: 40px;
    text-shadow: 2px 2px 2px rgb(122 122 122 / 65%);
}

/*버튼*/
.t2d_main_article_banner_25_product_2vs1 .items > .info_imgbox a button {  
    font-size: 15px;
    border: 0px solid #fff;
    padding: 10px 35px;
    border-radius: 50px;
    background:rgb(255 254 254 / 50%) no-repeat; color:#353535;
   /* position: absolute;
    bottom: 40px;
    */
	cursor:pointer;
}
.t2d_main_article_banner_25_product_2vs1 .items:hover > .info_imgbox a button {background: rgba(0,0,0,0.5) no-repeat; color: #fff;  transition: all 0.3s; }


/*이미지*/
.t2d_main_article_banner_25_product_2vs1 .items .t2d_bannerimg{
    transition: all 1s;
    position: absolute;
    bottom:20px;
    right:20px;
    font-size:50px;
    color:#fff;
  font-variation-settings:  'FILL' 0,  'wght' 100,  'GRAD' 0,  'opsz' 48;
}

/*아이콘 이미지 효과*/
.t2d_main_article_banner_25_product_2vs1 .items:hover > span.t2d_bannerimg{ transform: rotateY(360deg); transition:all 0.9s; }

.t2d_main_article_banner_25_product_2vs1 .items .t2d_closeup{
    object-fit: cover; /* cover 액자에 맞춤 ,contain 있는 그대로 ,fill 채워서  */
    height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    bottom: unset !important;
    right: unset !important;
}

/* 제목*/
.t2d_main_article_banner_25_product_2vs1 .t2d_contenttitle {  
	font-family: 'Pretendard', 'Noto Sans KR','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_banner_25_product_2vs1 .items_wrap{  width: 90%; display:block; }
    .t2d_main_article_banner_25_product_2vs1 .items_2_wrap{  display:block; }
	.t2d_main_article_banner_25_product_2vs1 .items{  
		flex:unset;
		margin-bottom: 15px;
		border-radius: 15px!important;
	}
	.t2d_main_article_banner_25_product_2vs1 .items a h3 { font-size:30px; }
	.t2d_main_article_banner_25_product_2vs1 .items a button { font-size:16px; padding: 12px 38px; position:unset; margin-top: 20px; }
}
@media all and (max-width:768px) { 

}

/* t2d_main_article_banner_25_product_2vs1 ------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: #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: 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 .item2 { 
    top:0px;
    right:0;
    width: 60%; /*  (25% - 1%)자신의 좌우 마진 간격을 뺌 */
    color:#fff; 
    background: #1a2c52;
}


/*텍스트 박스*/
.t2d_main_article_textbanner_24_half_overlab .items .lnfo_textbox{
    width: 100%;
    height: 100%;
    padding: 70px 10%;
    font-size:14px;
}
.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: #02b3e3;
    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: #fefefe;
    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:#000;} 
.t2d_main_article_textbanner_24_half_overlab .item1 .lnfo_textbox h1{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab .item1 .lnfo_textbox p{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab .item1 .lnfo_textbox a{color:#000;} 
.t2d_main_article_textbanner_24_half_overlab .item1 .lnfo_textbox .small_tit{color:#504949;font-weight: 500;} 
.t2d_main_article_textbanner_24_half_overlab .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  .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:  #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 .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: 90%!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 ------end------*/
/* t2d_main_article_gallery_9_product ------start------*/
.t2d_main_article_gallery_9_product{
    padding:80px 0 50px 0;
}
.t2d_main_article_gallery_9_product  .board_wrap { max-width:1200px;  padding: 0;width:100%; margin:0 auto; position: relative; }
/*버튼*/
.t2d_main_article_gallery_9_product .swiper-button-next{right:-50px}
.t2d_main_article_gallery_9_product .swiper-button-prev{left:-50px}

.t2d_latest_gallery_2_product .t2d_contenttitle_b {
    padding: 0px 0 50px 0!important;
}


@media all and (max-width:1200px) { 
    .t2d_main_article_gallery_9_product .board_wrap{ padding: 0;}
    .t2d_main_article_gallery_9_product .swiper-button-prev{
        display:none;
 }
 .t2d_main_article_gallery_9_product .swiper-button-next{
     display:none;
}
}
@media all and (max-width:768px) {  

} 

/* t2d_main_article_gallery_9_product ------end------*/
/* t2d_main_article_textbanner_21_w100 ------start------*/
.t2d_main_article_textbanner_21_w100 {
	position:relative;
    /*배경사용시 주석해제*/
	
    background-image: url(../user_img/t2d_bgimg.jpg); 
    background-image: url(https://picsum.photos/2040/1025/?image=109);
    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:0 0 0 0;
    
}
.t2d_main_article_textbanner_21_w100  .items_wrap{
    /*max-width:1200px; */
    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 .items { 
    margin: 0 0 0 0; 
    width: calc(100%); /*(50% - 1%) - 15px 자신의 좌우 마진 간격을 뺌 */
    height: 500px; /* 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;
    overflow: hidden; 
    
}
/*박스 up 효과*/
/*.t2d_main_article_textbanner_21_w100 .items:hover {  transition: 0.2s!important; transform:translateY(-30px)!important; }*/

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

.t2d_main_article_textbanner_21_w100 .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 .items .info_imgbox h3{
    color: #fff;
    width:100%;
    font-size: 40px;
    /*font-weight: normal;*/
    font-weight: 600;
    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 .items .info_imgbox p{
    font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
    text-shadow: 2px 3px 8px rgb(0 0 0 / 50%);
    word-break:keep-all; 
}
.t2d_main_article_textbanner_21_w100 .items .info_imgbox .goButton_wrap{padding-top: 40px;}
.t2d_main_article_textbanner_21_w100 .items .info_imgbox .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: 5px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    -webkit-transition:.5s;
    transition:.5s;
}

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


@media screen and (max-width: 1200px){ /*Tab 이하*/
    /*
    .t2d_main_article_textbanner_21_w100 .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
}
@media screen and (max-width: 1000px){ /*Tab 이하*/
    /*
    .t2d_main_article_textbanner_21_w100 .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
    /*텍스트 박스*/
    
}
@media screen and (max-width: 768px){ /*Mobile 이하*/
    /*
    .t2d_main_article_textbanner_21_w100 .items { 
        margin: 0 0  0 0; 
        width: calc(100%);
    }
    */
    /*텍스트 박스*/
    .t2d_main_article_textbanner_21_w100 .items .info_imgbox{
        top: 15%;
    }
    .t2d_main_article_textbanner_21_w100 .items .info_imgbox h3{
        font-size: 30px;
        font-weight: 600;
    }
    .t2d_main_article_textbanner_21_w100 .items .info_imgbox p{
        font-size: 16px;
    }
}
/* t2d_main_article_textbanner_21_w100 ------end------*/

/* t2d_main_article_banner_6_partner ------start------*/
.t2d_main_article_banner_6_partner .owl-carousel{ padding: 50px 30px; margin:0px 0; border-top: #f7f4f4 1px solid; border-bottom: #f7f4f4 1px solid;}
.t2d_main_article_banner_6_partner .owl-carousel .banner_img{text-align:center;padding:0 10px}
.t2d_main_article_banner_6_partner .owl-carousel .owl-nav {position:relative;font-size: 50px;color: #d3d5d7; display:block;}
.t2d_main_article_banner_6_partner .owl-carousel .owl-nav .owl-prev{position: absolute; top: -65px;    left: -25px;}
.t2d_main_article_banner_6_partner .owl-carousel .owl-nav .owl-next{position: absolute; top: -65px;    right: -25px;}
@media screen and (max-width: 1024px){ /*Tab 이하*/
	.t2d_main_article_banner_6_partner .owl-carousel{ padding: 10px 0; }
    .t2d_main_article_banner_6_partner .owl-carousel .owl-nav { display:none;}
}
/* t2d_main_article_banner_6_partner ------end------*/







/*---------- 메인페이지 ----------*/

.t2d_main_article_product{width:1400px; margin:0 auto; padding-top:900px;background:#fff; bordeR:0px solid red; text-align:center;}



@media all and (max-width:1399px){

.t2d_main_article_product{width:100% !important;}
   
}


@media all and (max-width:1200px){
.t2d_main_article_product{padding-top:1100px;background:#fff; bordeR:0px solid red; text-align:center;}

}
  


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

.t2d_main_article_product{width:100% !important; padding-top:500px;}
   
}


.t2d_product_mobileshow{display:none;}
.t2d_product_mobilenone{display:block;}




/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative;   height:660px; background:#fff ; margin-top:5%; }
.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right;  }

.visual_box { position:absolute; width:100%; margin:0 auto;  border-radius:0px;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:661px; width:100%;   }

.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }

.v_btn01 {  position:absolute;  border-radius:50px; bottom:0px;  left:20px;
 cursor:pointer; color:#fff ! important; font-weight:600;  opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {  position:absolute;  border-radius:50px; z-index:1; bottom:0px;  left:560px; 
 cursor:pointer; color:#fff ! important; font-weight:600;  opacity:0.9; text-transform:uppercase;z-index:999;  }



@media all and (max-width:1399px){
.visual_box div img {width:100%;}

}


@media all and (max-width:1024px){
#visual {}
.visual_box div{height:; border:0px solid red;}

.v_btn01 {top:0px; right:0px; width:100px; border:1px solid red;}
.v_btn02 {top:0px; right:0px;  width:100px; border:1px solid red;} 


.t2d_product_mobileshow{display:inline-block;}
.t2d_product_mobilenone{display:none;}
}



@media all and (max-width:680px){
  

#visual{height:350px; padding:0px 10px;}

.v_btn01{width:35px; height:35px; top:260px; }
.v_btn01 img{width:35px; }
.v_btn02{width:35px; height:35px; top:260px;}
.v_btn02 img{width:35px;} 

.mainbg01{background:red; background-size:240%;}
.mainbg02{background:#000;  background-size:240%;}


}





.t2d_main_article_company{width:1400px; margin:0 auto; padding:100px 0px; bordeR:0px solid red; text-align:center;}
.t2d_main_article_company_tt{ font-family: "Noto Serif KR", serif; font-size:18px; color:#333; line-height:35px; font-weight: 600;}
.t2d_main_article_company_tt1{ font-size:40px; line-height:60px; color:#000; font-weight:300; width:70%; margin:0 auto; padding-top:7%; 
text-align:left;}
.t2d_main_article_company_tt1 span{font-weight:700;}
.t2d_main_article_company_tt2{width:70%; margin:0 auto; padding-top:6%; text-align:left; font-size:18px; line-height:35px; font-weight:300;
 color:#333;}

.companybg{background:url(/theme/t2d_theme_basic/user_img/company_bg.png) no-repeat; background-position:left top;}

.t2d_main_article_company div{width:100%; overflow:hidden; border:0px solid red; margin-top:10%; }
.t2d_main_article_company div ul{width:100%;}
.t2d_main_article_company div ul li{display: inline-block; float:left;}
.t2d_main_article_company div ul li:first-child{width:65%; }
.t2d_main_article_company div ul li:last-child{width:35%; }

.t2d_company_mobileshow{display:none;}
.t2d_company_mobilenone{display:block;}


@media all and (max-width:1399px){
.t2d_main_article_company{width:100%;  padding:70px 0px;}

}    



@media all and (max-width:1200px){
.t2d_main_article_company{ bordeR:0px solid red; }
.t2d_main_article_company_tt1{font-size:35px;}
.t2d_main_article_company_tt2{ padding-top:3%; line-height:32px;}
.t2d_main_article_company div{margin-top:7%;}
}

@media all and (max-width:1024px){
.t2d_main_article_company_tt1{width:75%;}
.t2d_main_article_company_tt2{width:75%;}
.t2d_main_article_company div ul li:first-child{width:100%; }
.t2d_main_article_company div ul li:last-child{width:100%; }
.t2d_main_article_company div ul li:last-child img{margin-top:6%;}
}

@media all and (max-width:768px){
.t2d_main_article_company_tt1{width:85%;}
.t2d_main_article_company_tt2{width:85%;}
.companybg{background:none; background-position:left top;
background-size: 120%;}
.mwd100per{width:100%;}
.t2d_main_article_company_tt1{font-size:27px; padding-top:5%; line-height:40px; }
.t2d_main_article_company_tt{width:85%; margin:0 auto; line-height:30px;}


.t2d_company_mobileshow{display:inline-block;}
.t2d_company_mobilenone{display:none;}
}







.t2d_main_article_banner{width:100%; float:left;}
.t2d_main_article_banner div{width:50%; float:left; text-align:center; padding:95px 0px; height:530px; }


.t2d_main_article_banner_1{display:flex; width:1400px; justify-content: center; margin:0 auto; padding:100px 0px;}
.t2d_main_article_banner_1 .divarea{width:33%; bordeR:1px solid #ccc;  float:left;}
.t2d_main_article_banner_1 .divarea ul li{width:100%; text-align: center;}
.t2d_main_article_banner_1 .divarea ul li a{display:block;  padding:0px; border:15px solid #fff;}
.t2d_main_article_banner_1 .divarea ul li a:hover{border:15px solid rgba(255,255,255,0); background:url(/theme/t2d_theme_basic/user_img/t2d_main_article_banner_bg.jpg);background-size:cover;}
.t2d_main_article_banner_1 .divarea1{width:100% !important;  bordeR:0px solid #ccc;  background:#fff; padding:35px;}
.t2d_main_article_banner_1 .divarea1 img{margin-bottom:3%;}

.t2d_main_article_banner_tt{ font-family: 'Arita-buri-SemiBold'; font-size:24px; color:#000; font-weight: 600;}
.t2d_main_article_banner_tt span{font-family:'Pretendard', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}

.t2d_main_article_banner_tt1{font-size:18px; color:#999; margin-top:4%;}



@media all and (max-width:1399px){
.t2d_main_article_banner_1{width:100%; border:0px solid red;}
}

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

.t2d_main_article_banner div{width:100%; float:left; text-align:center; padding:95px 0px; height:430px;
 background-position-x:40% !important;}   

}

@media all and (max-width:568px){
.t2d_main_article_banner div img{width:40%;}
}



@media all and (max-width:768px){
.t2d_main_article_banner_1{overflow:hidden; display:block; width:100%; bordeR:0px solid #ccc; }
.t2d_main_article_banner_1 .divarea{ width:100% !important; bordeR:1px solid #ccc;  float:left;}

.t2d_main_article_banner_tt{ font-size:22px; }
.t2d_main_article_banner_tt span{font-family:'Pretendard', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}

.t2d_main_article_banner_tt1{font-size:15px;}


}