/*  폰트 적용 */
/*
@import url('//fonts.cdnfonts.com/css/poppins');
@import url('//fonts.cdnfonts.com/css/nanum-brush-script');
@import url('//fonts.cdnfonts.com/css/nanumgothic');
*/
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumbrushscript.css');
/*font-family: 'Noto Sans KR', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;*/
@import url('//cdn.jsdelivr.net/npm/typeface-poppins@1.1.13/index.min.css');
@import url('//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.css');

@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    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;
}
@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;
}
*/

.mobileshow{display:none;}
.mobilenone{display:block;}
.mobileshow1{display:none;}
.mobilenone1{display:block;}

@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:30px;
    }
    .t2d_article_row_gap::after{
        content:none;
    }

.mobilenone1{display:none !important;}

}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:20px;
    }
    .mobileshow{display:block;}
    .mobilenone{display:none !important;}
}


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

 .mobileshow1{display:block;}
}
/*섹션*/
#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%; }
/*---------- 서브페이지 본문 wrap ----------*/
#t2d_scontents { position:relative;width:100%; margin:0px auto 70px auto; max-width: 1400px; overflow:hidden;}
@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:400px;
    /* 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: 1024px){ 
    .t2d_sub_visual { height:200px; }
}
.t2d_directory_box {
    width: 100%;
    position: absolute;
    text-align:center; 
    z-index: 2;
    top:47%;
}
.t2d_directory_box h1 { font-size:45px; 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: 768px){ 
    .t2d_directory_box h1 { font-size:28px; }
}

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

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

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

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

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



/*---------- 서브페이지  제목 ----------*/
.t2d_subtitle { /*width:100%;*/ margin:0 auto; text-align: center;margin-top: 50px;}
.t2d_subtitle h1 { font-family: 'Arita-buri-SemiBold';  font-size:35px;  display:inline-block; font-weight:600; }
.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{}
/*----- 메인 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 {
    height:940px;
    position:relative;
}
.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:center;
}
.t2d_main_article_cover_7_bgimg .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 .visual1_visual-txt { top:35%!important; }
.t2d_main_article_cover_7_bgimg .visual-txt h2 {
	font-family:'Pretendard', 'Noto Sans KR','Nanumgothic'!important;
	font-size:50px;
	text-transform:uppercase;
	line-height:60px;
	letter-spacing:-1px;
	text-shadow:3px 2px 7px rgba(0,0,0,0.7);
}
/*버튼*/
.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;
  }
  .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 {
        height:400px;
     
    }
}
/* 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------*/





/***ramede 추가 css***/

.t2d_main_wrap_top{position:relative; border:0px solid red; height:820px;}
 .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; 
            overflow: hidden;
            z-index: 10;
            background:#fff;
        }

        .video-background iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            height: 100vw; /* 16:9 aspect ratio */
            transform: translate(-50%, -50%);
              background:#fff;
            
        }


@media screen and (max-width: 1200px){
.t2d_main_wrap_top{position:relative; border:0px solid red; height:600px;}

}

@media screen and (max-width:768px){
.t2d_main_wrap_top{position:relative; border:0px solid red; height:250px; margin-top:80px;}
.video-background iframe {scale: 1.5;  transform: translate(-33%, -34%);} 
}

.t2d_main_article_roominfo{width:100%; position: relative; overflow: hidden; border:0px solid red; padding:50px 0px; background:#f9f9f9; text-align: center;}
.t2d_main_article_roominfo_wrap{width:85%; display: flex; justify-content: center; margin:0 auto;}

.t2d_main_article_roominfo_wrap div{width:24%; border:1px solid #cccccc; margin:1%;background:#fff;  }
.t2d_main_article_roominfo_wrap div img{width:100%;}
.t2d_main_article_roominfo_tt{text-align:left; color:#125ecd; font-size:26px;font-family: 'Arita-buri-SemiBold'; line-height:20px;
 padding:30px 30px 0px 30px; }
.t2d_main_article_roominfo_tt1{word-break: keep-all; text-align:left; font-size:20px; font-size:18px; color:#999999; line-height:25px !important;padding:30px;font-family: 'Arita-buri-SemiBold';}
.t2d_main_article_roominfo_btn{display: inline-block; padding:15px 120px 15px 15px; bordeR:1px solid #125ecd; margin-left:30px; margin-bottom:30px; float:left;
color:#125ecd; font-size:19px; font-family: 'Arita-buri-SemiBold'; 
 background:url(/theme/t2d_theme_basic/user_img/arrow_1.png)right no-repeat;}
.t2d_main_article_roominfo_btn:hover{ bordeR:1px solid #125ecd; background:#125ecd url(/theme/t2d_theme_basic/user_img/arrow_1over.png)right no-repeat;
color:#fff;}


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

.t2d_main_article_roominfo_wrap{width:100%; display: flex; justify-content: center; margin:0 auto; bordeR:0px solid red;}
}


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

.t2d_main_article_roominfo_wrap{width:90%; display:block;}
.t2d_main_article_roominfo_wrap div{width:48%; display:inline-block; float:left;  border:1px solid #cccccc; margin:1%; background:#fff;  overflow:hidden; }
}


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

.t2d_main_article_roominfo_wrap div{width:98%; display:inline-block; float:left;  border:1px solid #cccccc; margin:1%; background:#fff;  overflow:hidden; }
   } 


.t2d_main_article_facility{width:100%; position: relative; overflow: hidden; border:0px solid red; padding:80px 0px; background:#fff; text-align: center;}
.t2d_main_article_facilitywrap{wdith:100%;border:0px solid red;  margin-top:4%;  position: relative; }
.t2d_main_article_facilitywrap_logo{position: absolute; right:0px; top:43px;}

.t2d_main_article_about{width:100%; max-width:1800px; margin:0 auto; position: relative; overflow: hidden; border:0px solid red; 
    padding:120px 0px;}
.t2d_main_article_about_left{width:35%; float:left; text-align:center; padding-top:5%; }
.t2d_main_article_about_right{width:65%; float:left;}


.t2d_main_article_about_right ul{width:100%; border:0px solid red;}
.t2d_main_article_about_right ul li{display: inline-block; float:left; width:33%;}
.t2d_main_article_about_right ul li:nth-child(2){margin-top:6%;}
.t2d_main_article_about_right ul li img{width:90%;  transition: box-shadow 0.3s ease;}
.t2d_main_article_about_right ul li:hover img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* 그림자 스타일 설정 */
}
.t2d_main_article_about_tt{font-size:22px; color:#999999;  font-weight:300; line-height:35px;  font-family: 'Arita-buri-SemiBold'; padding-top:6%;}






@media screen and (max-width: 1200px){ /*Tab 이하*/
.t2d_main_article_about{ padding:70px 0px;}
.t2d_main_article_about_left{width:100%; float:left; text-align:center; padding-top:5%;   padding-bottom:5%;}
.t2d_main_article_about_right{width:100%; float:left;  text-align:center;}
.t2d_main_article_about_tt{font-size:20px;  line-height:30px; }
}






.t2d_main_article_mapinfo{width:100%; position: relative; overflow: hidden;}
.t2d_main_article_mapinfo_left{width:50%; float:left;}
.t2d_main_article_mapinfo_right{width:50%; float:left; background:#f2f2f2; height:550px; padding-top:170px; padding-left:105px;}

.t2d_main_article_mapinfo{}
.t2d_main_article_mapinfo ul {margin-top:2%;}
.t2d_main_article_mapinfo ul li{width:100%; display:block; margin:0px !important;}
.t2d_main_article_mapinfo ul li dl{width:100%; float:left; padding:5px 0px; border:0px solid red; margin:0px !important;}
.t2d_main_article_mapinfo ul li dl dt{width:20%;     float:left; color:#0066cc; font-weight:600; font-size:20px;  font-family: 'Arita-buri-SemiBold';}
.t2d_main_article_mapinfo ul li dl dd{width:80%; float:left;font-weight:500; font-size:20px;  font-family: 'Arita-buri-SemiBold'; }


.t2d_main_article_mapinfo_tt{font-size:36px; color:#333;   font-family: 'Arita-buri-SemiBold';line-height:65px;}





@media screen and (max-width: 1024px){
.t2d_main_article_mapinfo_left{width:100%; float:left;}
.t2d_main_article_mapinfo_right{width:100%; float:left; height:auto; background:#f2f2f2;  padding:50px; }
.t2d_main_article_mapinfo ul li dl dt{width:20%; }
.t2d_main_article_mapinfo ul li dl dd{width:80%;}
}

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

.t2d_main_article_mapinfo_tt{font-size:25px; line-height:35px; margin-top:2%;}    
.t2d_main_article_mapinfo_right{ padding:20px; }
.t2d_main_article_mapinfo ul li dl dt{width:100%;  font-size:18px;}
.t2d_main_article_mapinfo ul li dl dd{width:100%;  font-size:17px; padding-left:29px; } 
}








.facility_motion{width:1350px; margin:0 auto; oveflow:hidden;  }
#visual { width:100%; overflow:hidden; position:relative;   height:680px;  }
.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;    }
.visual_box { position:relative;  width:100%; margin:0 auto;    height:680px;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red;  width:100%;   overflow:hidden;   height:600px;}


.imgarea{width:800px; height:680px; border:0px solid red; overflow:hidden;  }


.v_btn01 { position:absolute;      bottom:0px;  left:620px; background:#000;
 width:90px; height:90px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {  position:absolute;   bottom:0px;  z-index:99;  background:#0066cc; left:710px; width:90px; height:90px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }
.btnArrowBox { position:absolute; z-index:999; left:50px; }
.visual_p { /*position:absolute;*/  left:0;}

.m-txt2 { width:550px; background:#efefef; position:absolute;  right:0px;  bottom:10px !important;   padding:50px;  color:#0066cc;
font-family: 'Arita-buri-SemiBold'; font-size:36px; text-align:left; overflow:hidden;  line-height:35px !important; }
.m-txt2 span{font-size:21px;  color:#666666;   font-family: 'Arita-buri-SemiBold'; }




@media all and (max-width:1200px){
.facility_motion{width:100%; }

#visual { width:100%; overflow:hidden; position:relative;   height:auto;  }
.visual_wrap{ }
.visual_box { position:relative;  width:100%; margin:0 auto;   height:1200px; }
.visual_box div { height:auto; }
.imgarea{width:100% !important; height:auto; bordeR:0px solid red;}
.imgarea img{width:100% !important;}
.m-txt2{width:100%; position:relative; left:0px;  top:0px;}
.v_btn01{top:0px; left:0px !important;    border:0px solid red; z-index:4;}
.v_btn02{top:0px; left:90px !important;    border:0px solid red;  z-index:4;}
.t2d_main_article_facilitywrap_logo{display:none;}

}

@media all and (max-width:1024px){
    .visual_box { position:relative;  width:100%; margin:0 auto; height:1100px;  }
}


@media all and (max-width:898px){
    .visual_box { position:relative;  width:100%; margin:0 auto; height:1000px;  }
}

@media all and (max-width:768px){
.visual_box { position:relative;  width:100%; margin:0 auto;   height:850px; }
.v_btn01{top:0px; width:70px; height:70px; line-height:25px !important;}
.v_btn01 img{width:100%;}
 .v_btn02{top:0px;  width:70px; height:70px;  left:70px !important;line-height:25px !important;}
.v_btn02 img{width:100%;}
.m-txt2{padding:30px; font-size:30px;}
.m-txt2 span{font-size:18px;}
}


@media all and (max-width:568px){
.visual_box { position:relative;  width:100%; margin:0 auto;   height:700px; }
}




/**roomsub**/


.roominfo{width:100%; position:relative;  border:0px solid red; overflow:hidden;}
.roomphoto{width:40%;  position: absolute; top:0px; left:0px;  border:0px solid red; z-index:1;}
.roomcon{width:65%; position: relative; margin-top:12%; padding:55px 55px 55px 115px; float:right;  background:rgba(0,0,0,0.05); }

.roomcontt{font-size:31px;  color:#0066cc;   font-family: 'Arita-buri-SemiBold'; line-height:65px; }
.roomcontt_1{font-size:21px;  color:#333;   font-family: 'Arita-buri-SemiBold';  line-height:27px; }
.roomcontt_2{font-size:18px;  margin-top:3%; color:#333; line-height:30px; }
.roomcontt_3{  position: absolute;  right:0px; border:0px solid red; text-align:right;  top:50px;}
.roomcontt_3 img{width:60%;}

.roomcon ul{width:100%; float:left; position:relative; border:0px solid red;  margin-top:5%;}
.roomcon ul li{width:31%; margin:3% 1%; display: inline-block;float:left; text-align: center;  font-family: 'Arita-buri-SemiBold';  font-size:17.5px;   }


@media all and (max-width:1024px){
.roomphoto{width:100%;   position: relative; top:0px; left:0px;  border:0px solid red; z-index:1;}
.roomphoto img{width:100%;}
.roomcon{width:100%; position: relative; margin-top:0%; padding:55px; float:right;  background:rgba(0,0,0,0.05); }
.roomcontt_3{display:none;}
}


@media all and (max-width:768px){
.roomcon{padding:20px;}
.roomcontt{font-size:25px;}
.roomcontt_1{font-size:19px;}
.roomcon ul li{width:46%; margin:2%;  font-size:16px; }
}

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

.roomcon ul li{width:48%; margin:3% 1%;  font-size:16px; height:160px;}
.roomcon ul li p{}
}


.ht100{height:100px; position:relative;  border:0px solid red; overflow:hidden;}


.wrap1 {
    max-width: 80% !important; 
    margin: 50px auto 0 !important; 
}

.video11 {
    position: relative !important;
    width: 100% !important;
    height: 0 !important; 
    padding-bottom: 56.25% !important; 
}

.video11 iframe {
    position: absolute !important;
    top: 0 !important; 
    left: 0 !important;
    width: 100%  !important; 
    height: 100% !important; 
} 





#visual1 { width:100%; overflow:hidden; position:relative;   height:680px;  border:0px solid red; }
.visual_wrap1 { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;    }
.visual_box1 { position:relative;  width:100%; margin:0 auto;  }
.visual_box1 div {position:absolute; top:0;  left:0; border:0px solid red;  width:100%;   overflow:hidden;     height:600px;}


.imgarea1{width:850px; height:590px; border:0px solid red; overflow:hidden;  }


.v_btn011 { position:absolute;  
     top:148px;  right:90px; background:#000;
 width:90px; height:90px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn021 {  position:absolute;  top:148px;  z-index:99;  background:#0066cc;
 right:0px; width:90px; height:90px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }


.btnArrowBox1 { position:absolute; z-index:999; left:50px; }
.visual_p1 { /*position:absolute;*/  left:0;}

.m-txt21 { width:550px;
    background:#efefef; position:absolute;  right:0px;  bottom:10px !important;   padding:50px;  color:#0066cc;
font-family: 'Arita-buri-SemiBold'; font-size:36px; text-align:left; overflow:hidden;  line-height:35px !important; }
.m-txt21 span{font-size:21px;  color:#666666;   font-family: 'Arita-buri-SemiBold'; }




@media all and (max-width:1200px){
#visual1 { width:100%; overflow:hidden; position:relative;   height:auto;  border:0px solid red; }
.visual_box1 { position:relative;  width:100%; margin:0 auto;   height:1000px; }
.visual_box1 div { height:auto;}
.imgarea1{width:100%; height:auto;}
.imgarea1 img{width:100%;}
.m-txt21{width:100%; position:relative; left:0px;  top:0px;}
.v_btn011{top:0px;}
 .v_btn021{top:0px;}
}

@media all and (max-width:768px){
.visual_box1 { position:relative;  width:100%; margin:0 auto;   height:900px; }
.v_btn011{top:0px; width:50px; height:50px; right:50px;}
 .v_btn021{top:0px;  width:50px; height:50px; }
.m-txt21{padding:30px; font-size:30px;}
.m-txt21 span{font-size:18px;}
}


@media all and (max-width:568px){
.visual_box1 { position:relative;  width:100%; margin:0 auto;   height:700px; }
}



.submap{width:100%; overflow:hidden; position:relative; }
.submapinfo{width:100%; overflow:hidden; position:relative;}
.submapinfo ul {width:100%; margin-top:5%; }
.submapinfo ul li { display:inline-block; border:0px solid red; float:left;}
.submapinfo ul li:first-child{width:40%; text-align: center;}
.submapinfo ul li:first-child img{width:50%; }
.submapinfo ul li:last-child{width:59%; background:#f5f5f5;  padding:35px;   font-family: 'Arita-buri-SemiBold'; font-size:19px; line-height:37px; }

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

.submapinfo ul li:first-child{width:100%; text-align: center; display:none;}
.submapinfo ul li:first-child img{width:50%; margin-bottom:5%; }
.submapinfo ul li:last-child{width:100%;  padding:15px; font-size:17px;line-height:33px; }
}