/*  폰트 적용 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 새로 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;700;900&family=Open+Sans:wght@300;700&display=swap');



@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html { font-family: "Noto Sans KR", sans-serif; }

/*온라인폼*/
.regFormFrame { padding:0!important; margin-top:30px; }
.regFormFrame h2 { font-size:17px!important; font-weight:normal; }

/* 노말라이즈 */
body, ul, li, h1, h2, h3, h4, h5, p, figure {
    margin:0;
    padding:0;
    list-style:none;
	letter-spacing:-0.2px;
}

a {
    color:inherit;
    text-decoration:none;
}

/* 라이브러리 */
.con {
    margin:0 auto;
}
.img-box > img {
    width:100%;
    display:block;
}
.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;
}
.con {
    max-width:1150px;
}
.slider-1 {
    /*height:100vh; */
    height:calc(var(--vh, 1vh) * 100);
    
    position:relative;
}
.slider-1 > .slides > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    transition:opacity 1s;
    opacity:0;
}
.slider-1 > .slides > div.active { opacity:1; }
.slider-1 > .slides > div > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    transform:scale(1.5);
}
.slider-1 > .slides > div.active > div {
    transform:scale(1);
    transition: transform 3s;
}
.slider-1 .nav-bar {
    height:100%;
    position:relative;
    z-index:1;
}
.slider-1[data-slider-1-autoplay-status="Y"] .btn-play { display:none; }
.slider-1[data-slider-1-autoplay-status="N"] .btn-stop { display:none; }
.slider-1 > .nav-bar > .row { width:80%; left:10%; }
.slider-1 > .nav-bar > .row > .cell:first-child { width:calc(100% - 50px);}
.slider-1 > .nav-bar > .row > .cell:first-child > .progress-bar { height:3px; }
.slider-1 > .nav-bar > .row > .cell:first-child > .progress-bar > div {
    height:100%;
    width:0;
    background-color:#fff;
	border-radius:50px;
}
.slider-1 > .nav-bar > .row > .cell:last-child {
    width:50px;
    text-align:center;
}
.visual-txt { 
	z-index:1; 
	positon:absolute;
	top:45%!important;
	left:0;
	text-align:center;
	color:#fff;
	width:100%;
}
.visual1_visual-txt { top:35%!important; }
.visual-txt h2 {
	font-family:'NEXON Lv2 Gothic Bold'!important;
	font-size:50px;
	text-transform:uppercase;
	line-height:60px;
	letter-spacing:-1px;
	text-shadow:3px 2px 7px rgba(0,0,0,0.7);
}
.btn-play,.btn-stop { font-size:18px; color:#fff; margin-top:-13px; cursor:pointer;}

/*----- t2d_main_wrap - 콘텐츠 -----*/
.t2d_contentbox { width:100%; height:100vh; }
.t2d_contentbox .t2d_contenttitle {  
	font-family: 'Poppins', sans-serif;
	font-size:52px;
	text-align:center;
	color:#fff;
	padding:190px 0 70px 0;
	
}
.t2d_width80 {
    width: 80%;
    height: 50%;
    margin: 0 auto;
    position: absolute;
    top: 320px;
    left: 10%;
    overflow: hidden;
}

/*----- company info -----*/
.t2d_companyinfo {
	position:relative;
}
.t2d_companyinfo::after {
    content: '';
    width: 100%;
    height: 100vh;
    background-image: url(../img/t2d_content_bg1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}

.t2d_companyinfo ul {
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;	
}
.t2d_companyinfo ul li { flex:1; text-align:center; color:#fff; border-right:1px solid rgba(250,250,250,0.5);}
.t2d_companyinfo ul li img { padding-top:70%; }
.t2d_companyinfo ul li h3 { font-family: 'NEXON Lv2 Gothic'!important; font-size:35px; color:#fff; font-weight:normal; padding:20px 0 5px 0; }
.t2d_companyinfo ul li p { 
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.t2d_companyinfo ul li a { display:inline-block; width:100%; height:100%; transition:all 0.3s;}
.t2d_companyinfo ul li a:hover { background:rgba(0,0,0,0.05); transition:all 0.2s; }

.t2d_companyinfo ul li a:hover img { transform: rotateY(360deg); transition:all 0.8s; }
.t2d_companyinfo ul li a:hover h3 { font-weight:bold; }
/*----- business area -----*/
.t2d_business {
	position:relative;
}
.t2d_business::after {
    content: '';
    width: 100%;
    height: 100vh;
    background-image: url(../img/t2d_content_bg2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}

.t2d_business .t2d_width80 > a { 
    display: inline-block;
    width: 49%;
	height: 100%;
    float: left;
    box-sizing:border-box;
	padding:60px 30px;
    border: 1px solid rgba(250,250,250,0.5);
	position: relative;
	overflow:hidden;
}
.t2d_business .t2d_width80 > a img {  
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0;
	transform: scale3d(1.0, 1.0, 1.0);
	transition:all 0.3s;
	width:100%;
}
.t2d_business .t2d_width80 > a:hover img { opacity:0.8; transform: scale3d(1.1, 1.1, 1.1); transition:all 0.3s; height: 100%;}
.t2d_business .t2d_width80 > a:hover h3 { font-weight:bold; }

.t2d_business .t2d_width80 .t2d_nl { border-left:none; transition:all 0.3s; } 
.t2d_business .t2d_width80 > a h3 { font-family: 'NEXON Lv2 Gothic'!important; font-size:35px; font-weight:normal; color:#fff; padding-bottom:5px; }
.t2d_business .t2d_width80 > a p { 
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

/*----- product -----*/
.t2d_product { position:relative; }
.t2d_product .t2d_contenttitle { position: relative; z-index:1; }
.t2d_product ul {  
	width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
	overflow: hidden;
}
.t2d_product ul li { flex:1; position:relative; overflow:hidden; box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset; }

.t2d_product ul li a { display:inline-block; width:100%; height:100%; }
.t2d_product ul li a h3 { font-size:35px; color:#fff; font-weight:normal; padding:460px 0 5px 30px; text-shadow: 1px 1px 7px #000000;}
.t2d_product ul li:hover a h3 { font-family: 'NEXON Lv2 Gothic'!important; font-weight:bold; }

.t2d_product ul li a p {  
    padding-left: 32px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 25px;
}

.t2d_product ul li img {
    position: absolute;
    display: inline-block;
    top: 0;
    height: 100%;
    width: auto;	
	z-index: -1;
	transform: scale3d(1.0, 1.0, 1.0); 
	transition:all 0.3s; 
}
/*
.t2d_product ul li:nth-child(1) img { left:-45%; }
.t2d_product ul li:nth-child(2) img { left:-29%; }
.t2d_product ul li:nth-child(3) img { left:-160%; }
.t2d_product ul li:nth-child(4) img { left:-120%; }
.t2d_product ul li:nth-child(5) img { left:-33%; }
*/
.t2d_product ul li:nth-child(1) img { left:-45%; }
.t2d_product ul li:nth-child(2) img { left:-29%; }
.t2d_product ul li:nth-child(3) img { left:-60%; }
.t2d_product ul li:nth-child(4) img { left:-80%; }
.t2d_product ul li:nth-child(5) img { left:-120%; }

.t2d_product ul li:hover img{ transform: scale3d(1.1, 1.1, 1.1); transition:all 0.3s; }

/*----- 공지사항 -----*/
.t2d_width80_2 { height:70%!important; }
.t2d_notice { 
    position: relative;
}
.t2d_notice::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/t2d_content_bg3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}
.t2d_notice .t2d_width80 { top:190px; }
.t2d_notice .t2d_width80 > div { display:inline-block; width:49%; height:100%; float:left; box-sizing:border-box; }
.t2d_notice .t2d_width80 .t2d_noticebox { background:rgba(250,250,250,0.5); padding:50px 30px;}
.t2d_notice .t2d_width80 .t2d_noticebox section h1 { font-family: 'Poppins', sans-serif; font-size:60px; }
.t2d_notice .t2d_width80 .t2d_noticebox section h1 i { font-size:53px; padding-right:10px; }
.t2d_notice .t2d_width80 .t2d_noticebox section ul li {  
	font-size: 18px;
    color: #222;
    padding-bottom: 8px;
}
.t2d_notice .t2d_width80 .t2d_noticebox section ul li span { color:#c0c0c0; } 


.t2d_bannerbox a { 
	display: inline-block;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    padding: 60px 30px;
}
.t2d_bannerbox a:first-child { background:url(../img/inquiryimg.png) #252525 no-repeat; background-position:left 30px bottom -110px; }
.t2d_bannerbox a:last-child { background:url(../img/maratangimg.png) #074777 no-repeat; background-position:right -130px bottom -110px; }

.t2d_bannerbox a:first-child h3,.t2d_bannerbox a:first-child p { text-align:right; }

.t2d_bannerbox a h3 { font-size:35px; color:#fff; font-weight:normal; }
.t2d_bannerbox a p { 
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin-top: 10px;
}


/*----- 푸터 -----*/
#t2d_footer_wrap { width:100%; font-size:15px; position:relative; border-top: 1px solid #e2e2e2 }
#t2d_footer_wrap .footer { width:80%; margin:0 auto; margin-top:30px; padding-bottom:30px; }
#t2d_footer_wrap .footer ul { display:block; width:100%; float:left; }
#t2d_footer_wrap .footer ul li { float:left; padding-right:10px; margin-right:10px; border-right:1px solid #ccc;  font-weight:bold;}
#t2d_footer_wrap .footer ul li:last-child { padding-right:none; margin-right:none; border-right:none; }
#t2d_footer_wrap .footer ul:nth-child(2) { margin-top:18px; }
#t2d_footer_wrap .footer ul:nth-child(2) li { padding-right:15px; }

#t2d_footer_wrap .footer p { font-size:13px; font-weight:200; color:#a7a7a7; }

.btn_up_layer {  
	position:fixed;
	bottom:3%;
	right:3%;
	z-index: 1;
	border: none;
}
/*---------- 서브페이지 ----------*/

.present_page a { /*선택된메뉴*/
    background: #074777;
    color: #fff!important;
}
.t2d_sub_visual { position:relative; width:100%; height:450px;margin-bottom: 80px; }
.t2d_sub_visual::after {
    content: '';
    width: 100%;
    height: 450px;
    background-image: url(../img/t2d_subvisual.jpg);
    background-attachment: fixed;
    /*background-position: center;*/
    background-size: unset;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px inset;
}

.t2d_directory_box { width:80%; margin:0 auto; text-align:center; padding-top: 245px; }
.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; }

.t2d_subcontentbox { width:80%; margin:0 auto 100px auto; }
.t2d_submenu {
	width: 80%;
    margin: 70px auto 30px auto;
   /* border-bottom: 1px solid #e2e2e2; */
    padding-bottom: 40px;
    max-width: 1400px;
    
}
.t2d_submenu ul { width:100%; display:flex; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.t2d_submenu ul li { 
	flex:1; 
	text-align:center;
	border-right:1px solid #e2e2e2;
}
.t2d_submenu ul li:first-child { border-left:1px solid #e2e2e2; }
.t2d_submenu ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    box-sizing: border-box;
	color:#444;
	font-size:20px;
	transition:all 0.1s;
}
.t2d_submenu ul li a:hover { background:#074777; color:#fff;  transition:all 0.1s; }
/*.t2d_subcontentbox .t2d_submenu ul li a:active {  }
.t2d_subcontentbox .t2d_submenu ul li a:visited {  }*/
.t2d_subtitle h1 { font-size:30px; font-weight:normal; }

.t2d_dropdown:hover .t2d_dropbtn  { display:none; }

.t2d_subtitle { width:80%; margin:0 auto; }
#subcontent { width:80%; margin:0 auto 30px auto; max-width: 1400px;}



/*----- 갤러리게시판 -----*/
.t2d_gallerylist { width:100%; margin-top: 50px; }
.t2d_gallerylist ul { width:100%; overflow:hidden; }
.t2d_gallerylist ul li { 
	float:left; 
	width:24%;
	margin:0 0.5% 2% 0.5%;
	border:1px solid #e2e2e2;
	box-sizing: border-box;
}
.t2d_gallerylist ul li a { display:inline-block; width:100%; height:100%; }
.t2d_galleryimg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;	
	display: inline-block;
}
.t2d_galleryimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale3d(1, 1, 1);
    transition: all 0.3s;	
}
.t2d_gallerylist ul li a:hover .t2d_galleryimg img { transform: scale3d(1.2, 1.2, 1.2); transition: all 0.3s; }
.t2d_gallerylist ul li a:hover .t2d_gallerytext  h4 { color:#074777; transition: all 0.3s; }

.t2d_gallerytext { 
    display: inline-block;
	width:100%; 
	box-sizing:border-box; 
	padding:30px 20px;
}
.t2d_gallerytext  h4 {
	font-family: "Noto Sans KR", sans-serif;
	font-size:20px;
	font-weight: 500;
	padding-bottom: 15px;
	width:100%; 
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
	transition: all 0.3s;
}
.t2d_gallerytext  p { 
	font-family: "Noto Sans KR", sans-serif;
	font-size:17px;
	width:100%; 
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#t2d_check_btn { display:none; }
.t2d_submenucheck { display:none; }

.t2d_check_btn_input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
}

/*----- 마라탕창업물류리스트 ------*/
.t2d_tablelist_title {  
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
}
.t2d_tablelist_title::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 6px solid #074777;
    border-radius: 50px;
    position: absolute;
    top: 2px;
    left: 0;
}

.t2d_tablelist { width:100%; border-collapse : collapse; border: 1px solid #e2e2e2; margin-bottom: 50px; }

.t2d_tablelist tr th { 
    padding: 15px 0;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    font-size: 18px;
    font-weight: normal;
    background: #f7f7f7;
}

.t2d_tablelist tr td { 
	padding:15px 0; 
	text-align:center; 
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	font-size:16px;
}
.t2d_tablelist tr:last-child td { border-bottom:none; }
.t2d_tablelist tr td:last-child,.t2d_tablelist tr th:last-child { border-right:none; } 
.t2d_tablelist tr td:nth-child(1) { width:10%; }
.t2d_tablelist tr td:nth-child(2) { width:45%; }
.t2d_tablelist tr td:nth-child(3) { width:45%; }



/*----- 이메일무단수집거부, 개인정보처리방침 등 -----*/
.t2d_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;
}
.t2d_content__box dl {
    margin-bottom: 20px;
}
.t2d_content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}


/*---------------------- 반응형 ----------------------*/
@media screen and (max-width: 1600px){
/*----- 비주얼 -----*/	
.visual-txt h2 { font-size:44px; line-height:50px; letter-spacing:-2px; }	
	
.t2d_width80 { width:94%; left: 3%; }	
.t2d_contentbox .t2d_contenttitle { font-size:40px; }

/*----- 프로젝트 -----*/
.section1_title .title_text h2 { left:7%; }
.section1_title .title_text p { left:7%; }

/*----- 사업영역 ----*/
.t2d_business .t2d_width80 > a:hover img { width:auto; height:auto; }

/*----- 제품 -----*/
.t2d_product ul li a h3 { padding:130% 0 5px 30px; }

/*----- 공지사항 -----*/
.t2d_notice .t2d_width80_2 { top:150px; }
.t2d_notice .t2d_width80 .t2d_noticebox section h1 { font-size:44px; }
.t2d_notice .t2d_width80 .t2d_noticebox section h1 i { font-size:38px; }
.t2d_contenttitle_b { font-size:40px; }
#section2 .notice table { width:88%; left:6%; }
.t2d_notice .t2d_width80 .t2d_noticebox table { margin-top:0; }

.t2d_notice .t2d_width80 .t2d_noticebox table tr:last-child { display:none; }

/*----- 문의 -----*/
.inquiry_text { width:94%; }

/*----- 푸터 -----*/
#t2d_footer_wrap .footer { widtH:94%; }


/*---------- 서브페이지 ----------*/

.t2d_submenu { width:94%; padding-bottom: 20px;
        
}
.t2d_subtitle { width:94%; }
#subcontent { width:94%; }


/*----- 갤러리게시판 -----*/


}
@media screen and (max-width: 1200px){
/*----- 회사소개 -----*/	
.t2d_companyinfo ul { display:inline-block; }
.t2d_companyinfo ul li { flex:unset; }
.t2d_contentbox .t2d_contenttitle { line-height: 40px; padding:60px 0 30px 0; }

.t2d_companyinfo ul { top:17%; }
.t2d_companyinfo ul li { 
	height: 28%; 
	border-right:none; 
	border-bottom: 1px solid rgba(250,250,250,0.5); 
}
.t2d_companyinfo ul li:last-child { border-bottom:none; }
.t2d_companyinfo ul li a { box-sizing:border-box; box-sizing: border-box; padding-top: 25px; }
.t2d_companyinfo ul li img { width: 60px; padding-top:0; }
.t2d_companyinfo ul li h3 { font-size:28px; padding: 10px 0 5px 0; }
.t2d_companyinfo ul li p { font-size:18px; }

/*----- 사업영역 -----*/
.t2d_width80 { height: 75%; top:17%; }
.t2d_business .t2d_width80 > a {  
    display: block;
    width: 100%;
	height:50%;
}
.t2d_business .t2d_width80 .t2d_icfm { border-bottom:none; }
.t2d_business .t2d_width80 .t2d_nl { border-left:1px solid rgba(250,250,250,0.5); }
.t2d_business .t2d_width80 > a h3 { font-size:28px; }
.t2d_business .t2d_width80 > a p { font-size:18px; }


/*----- 제품 -----*/
.t2d_product { height:1500px; } 
.t2d_product .t2d_contenttitle { color:#222; }
.t2d_product ul { display:block; height:100%; top:8%; }
.t2d_product ul li {
	flex: unset;
    height: 16%;	
	background-size:auto!important; 
	margin: 3%;
	
}
.t2d_product ul li img { width:100%; height:auto; }
.t2d_product ul li:nth-child(1) img { left:0; }
.t2d_product ul li:nth-child(2) img { left:0; }
.t2d_product ul li:nth-child(3) img { left:0; }
.t2d_product ul li:nth-child(4) img { left:0; }
.t2d_product ul li:nth-child(5) img { left:0; }

.t2d_product ul li a h3 { font-size:28px; padding:80px 0 5px 30px; }
.t2d_product ul li a p { font-size:18px; }

/*----- 프로젝트 -----*/
.section1_title { width:100%; }
.section1_title .title_text { height:40%; }
.moctionimg::after { top:60%; height:60%; }
.section1_title .title_text h2 { left:3%; }
.section1_title .title_text p { left:3%; }

/*----- 공지사항 -----*/
#section2 .notice { width:85%; }
.t2d_notice { height:1500px; }
.t2d_notice .t2d_width80_2 { top:7%; height:100%!important; }
.t2d_notice .t2d_width80_2 > div { display:block; width:100%; height:43%; }
.t2d_notice .t2d_width80 .t2d_noticebox section ul li { font-size:18px; }
.t2d_notice .t2d_width80 .t2d_noticebox table tr td a {  font-size:18px; }

.t2d_notice .t2d_width80 .t2d_noticebox table tr td:first-child a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 60%;*/
    /* min-width: 200px; */
    display: inline-block;
}

.t2d_bannerbox a h3 { font-size:28px; }
.t2d_bannerbox a p { font-size:18px; }

.t2d_notice .t2d_width80 .t2d_noticebox table tr:last-child { display:contents; }


/*---------- 서브페이지 ----------*/
/*----- 갤러리게시판 -----*/
.t2d_gallerylist ul li { width:49%; }

/*----- 제품소개 viewpage -----*/


}
@media screen and (max-width: 770px){
/*----- 비주얼 -----*/	
.visual-txt h2 {  
	font-size:30px;
	line-height:40px;
	word-break:keep-all;
	padding:0 10px;
}
.slider-wrap .s-autoplay-btn { bottom:5.5%; }
/*----- 제품 -----*/
.t2d_product ul li:nth-child(4) { background-position: left -487px top -197px; }
.t2d_product ul li:nth-child(5) { background-position: left -120px top -230px; }

/*----- 공지사항 -----*/
.t2d_notice .t2d_width80 .t2d_noticebox section h1 { font-size:30px; }
.t2d_notice .t2d_width80 .t2d_noticebox section h1 i { font-size: 25px; padding-right: 4px;}

/*----- 문의 -----*/
.inquiry { height:400px; }
.inquiry::after { height:400px; }
.inquiry_text ul li { float:unset; line-height: 30px; border-right:none; }
.inquiry_text ul li span { displaY:none; }
.inquiry_text ul li:last-child { margin-top:35px; }

.t2d_bannerbox a:last-child { background-position: right -299px bottom -110px; }


/*----- 푸터 -----*/

/*---------- 서브페이지 ----------*/
.t2d_sub_visual { height:300px; margin-bottom: 0px;}
.t2d_sub_visual::after { height:300px; }
.t2d_directory_box { padding-top:155px; }
.t2d_directory_box h1 { font-size:28px; }

.t2d_subtitle h1 { font-size:25px; }

.t2d_submenu ul li a { font-size:15px; }

/*메뉴*/
.t2d_submenucheck {
    width: 100%;
    background: #064677;
    border: 1px solid #064677;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.t2d_submenucheck i{ float: right; padding-top: 2px; cursor: pointer; }

.t2d_submenu ul li a:hover { background: #e8e8e8; color:#064677; }

.t2d_submenu ul { 
	display: none;
	width: 94%;
	position: absolute;
	background-color: #f7f7f7;
	min-width: 160px;
	z-index: 1;
	text-align: left;	
	box-sizing: border-box;
}
.t2d_submenu ul li { flex:unset; text-align:left; border-bottom:1px solid #e2e2e2; }
.t2d_submenu ul li:last-child { border-bottom:none; }

#t2d_check_btn,.t2d_submenucheck { display:block; font-size:15px;  }
#t2d_check_btn:checked ~ .t2d_menubars { display: block; } 
#t2d_check_btn:checked ~ .t2d_submenucheck i { transform: rotate(180deg); }

.t2d_submenu ul li a { padding:20px; }



/*----- 갤러리게시판 -----*/
.t2d_gallerylist ul li { width:100%; margin:0 auto 5% auto; }

}
@media screen and (max-width: 516px){
/*----- 제품 -----*/
.t2d_product ul { top:11%; }
}