/* sub 공통 css */
.sub{ padding-top: 100px;}
.sub_content, .sub .position{ position: relative; }
.sub_visual{ /* padding: 110px 0 40px; */ padding-top: 110px; }
.sub_visual.sub03{ padding-bottom: 20px; }
.sub_visual .sub_title{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 30px; }
.sub_visual span{ font-size: 25rem; font-weight: 700; color: transparent; /* text-storke: 1px #eaeaea; -webkit-text-stroke: 1px #eaeaea; */ position: absolute; bottom: 20px; right: 0; z-index: -10; text-shadow: -1px 0 #eaeaea, 0 1px #eaeaea, 1px 0 #eaeaea, 0 -1px #eaeaea; color: #fff;}
.sub_visual .sub_title h2{ display: inline-block; font-size: 7rem; font-weight: 700; color: #222; padding-right: 20px; position: relative; }
.sub_visual .sub_title h2::after{ content: ""; width: 7px; height: 7px; background-color: #e60012; border-radius: 50%; position: absolute; bottom: 15px; right: 0; }
.sub_visual .sub_title ul{ display: flex; margin-top: 5px; }
.sub_visual .sub_title ul li{ position: relative; font-size: 1.5rem; font-weight: 400; color: #777; }
.sub_visual .sub_title ul li::after{ content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #ddd; position: absolute; top: 43%; right: 9.5px; transform: translateY(-50%); }
.sub_visual .sub_title ul li:last-of-type::after{ display: none; }
.sub_visual .sub_title ul li:not(:last-of-type){ padding-right: 22px; }
.sub .lnb{ margin: 30px 0 40px; }
.sub .lnb .moblie{ display: none; }
.sub .lnb ul{ display: flex; }
.sub .lnb ul li a{ display: inline-block; font-size: 2rem; font-weight: 300; color: #666; padding: 15px 27px 15px 33px; position: relative; }
.sub .lnb ul li.on a, .sub .lnb ul li:hover a{ font-weight: 600; color: #222; }
.sub .lnb ul li a::after{ content: ""; width: calc(100% - 60px); height: 1px; background-color: #e60012; transition: transform 0.5s; transform: translateX(-50%) scaleX(0); transform-origin: right; position: absolute; bottom: 0; left: 53%; }
.sub .lnb ul li.on a::after, .sub .lnb ul li:hover a::after{ transform: translateX(-50%) scaleX(1); transform-origin: left; } 

.top_btn{ width: 23px; height: 23px; background: none; padding: 0; position: absolute; top: -120px; right: 40px; z-index: 50; border: 1px solid #111; border-radius: 50%; cursor: pointer; }
.top_btn::after{ content: ""; width: 23px; height: 67px; background: url("/img/common/top_button.png") no-repeat center center / auto; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); }

.top_btn:hover::after{ animation: scrollTop 1s infinite; }


.sub_visual .bg{ padding: 13% 0; }
.sub_visual .bg01{ background: url("/img/sub/product_visual.jpg") no-repeat center center / cover; }
.sub_visual .bg02{ background: url("/img/sub/support_visual.jpg") no-repeat center center / cover; }
.sub_visual .bg03{ background: url("/img/sub/company_visual.jpg") no-repeat center center / cover; }
.sub_visual .bg04{ background: url("/img/sub/download_visual.jpg") no-repeat center center / cover; }
.sub_visual .bg05{ display: none; }

@media screen and (max-width: 1250px){
	.sub_visual span{ font-size: 20rem; }	
}

@media screen and (max-width: 1000px){
	.sub_visual span{ font-size: 18rem; }	
}

@media screen and (max-width: 900px){
	.sub_visual .sub_title{ flex-direction: column; align-items: flex-start; padding: 0; }
	.sub_visual .sub_title ul{ margin-top: 20px; margin-left: 10px; }
	.sub_visual span{ bottom: 150px; font-size: 15rem; }
	.sub_visual .sub_title h2{ font-size: 6.5rem; }
	.sub .lnb{ position: relative; }
	.sub .lnb .pc{ display: none; }
	.sub .lnb .moblie{ display: block; }
	.sub .lnb ul{ display: none; width: 100%; flex-direction: column; position: absolute; z-index: 10; background-color: #fff; padding-top: 10px; }
	.sub .lnb ul li a{ width: 100%; font-size: 1.8rem; }
	.sub .lnb ul li a::after{ display: none; }
	.sub .lnb p{ font-size: 2rem; font-weight: 600; color: #222; padding: 15px; border-bottom: 1px solid #e60012; position: relative; cursor: pointer; }
	.sub .lnb p::after{ content: ""; width: 7px; height: 6px; background: url("/img/sub/lnb_arrow.png") no-repeat center center / auto; position: absolute; top: 50%; right: 15px; }
} 

@media screen and (max-width: 700px){
	.sub_visual span{ font-size: 12rem; }
}

@media screen and (max-width: 600px){
	.sub_visual span{ font-size: 10rem; }
	.sub_visual .sub_title h2{ font-size: 6rem; }
	.sub_visual{ /* padding: 60px 0 40px; */ padding: 60px 0 0; }
}

.sub_content .center_title{  text-align: center; /* padding: 80px 0 100px; */ padding-bottom: 100px; }
.sub_content .center_title h2{ font-size: 4.6rem; font-weight: 300; color: #000; line-height: 1.3043; }
.sub_content .center_title h2 span{ font-weight: 600; color: var(--red); }
.sub_content .center_title p{ font-size: 2rem; font-weight: 300; color: #000; line-height: 1.6; margin-top: 35px; } 
.sub_content .center_title p span{ font-weight: 500; }

@media screen and (max-width: 1400px){
	.sub_content .center_title h2{ font-size: 4rem; }
}

@media screen and (max-width: 1150px){
	.sub_content .center_title{ padding: 30px 0 80px; }
	.sub_content .center_title h2{ font-size: 3rem; }
	.sub_content .center_title p{ font-size: 1.8rem; margin-top: 15px; }
}
 
/* checkbox / radio */
input[type="checkbox"], input[type="radio"]{ display: none; }
input[type="checkbox"] + label, input[type="radio"] + label{ padding-left: 30px; position: relative; cursor: pointer; }
input[type="checkbox"] + label::before, input[type="radio"] + label::before{ content: ""; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #e2e2e2; position: absolute; top: 0; left: 0; }
input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after{ content: "\e929"; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #e2e2e2; position: absolute; top: 0; left: 0; font-family:'xeicon'; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 20px; text-align: center; color: var(--red); }

/* range-box css */
.range-box{ display: flex; width: 100%; justify-content: space-between; align-items: center; }
.range-box input[type="text"]{ width: 140px; height: 45px; border: 1px solid #e2e2e2; border-radius: 3px; font-family: var(--engFont); font-size: 1.6rem; font-weight: 300; color: #000; text-align: center; }
.range-box .extra-controls{ display: flex; align-items: center; }
.range-box .extra-controls span{ display: inline-block; font-family: var(--engFont); font-size: 1.6rem; font-weight: 300; color: #000; }
.range-box .extra-controls span:not(.unit){ margin: 0 25px; }
.range-box .extra-controls span.unit{ font-weight: 400; color: #222; margin-left: 20px; }
.range-box .extra-controls span.front{ margin-left: 0; margin-right: 20px; }
.range-box .range-slider{ width: calc(100% - 455px); }

.range-box .irs{ height: 100%; }
.range-box .irs--round .irs-line, .range-box .irs--round .irs-bar{ height: 1px; position: absolute; top: 50%; transform: translateY(-50%); }
.range-box .irs--round .irs-line{ width: 100%; background-color: #e2e2e2; }
.range-box .irs--round .irs-bar{ background-color: var(--red); }
.range-box .irs--round .irs-handle{ width: 7px; height: 7px; background-color: #fff; border: 1px solid var(--red); top: 50%; transform: translateY(-50%); }
.range-box .irs--round .irs-from, .range-box .irs--round .irs-to, .range-box .irs--round .irs-min, .range-box .irs--round .irs-max{ font-family: var(--engFont); font-size: 1.5rem; font-weight: 300; color: #222; background: none; top: 11px; }
.irs-min{ left: -10px; }
.irs-max{ right: -10px; }
.range-box .irs--round .irs-from::before, .range-box .irs--round .irs-to:before, .range-box .irs--round .irs-shadow{ display: none; }


/* table-box table 공통 css */
.table-box table th, td{ font-size: 1.6rem; font-weight: 300; color: #000; text-align: center; padding: 20px 5px; border-right: 1px solid #eee; } 
.table-box table th.th1 { padding-top:40px }
.table-box table tr{ border-bottom: 1px solid #eee; }
.table-box table th{ background-color: #f8f8f8; }
.table-box table thead th{ font-weight: 700; }
.table-box table thead th:last-of-type{ border-right: none; }
.table-box table tr td:last-of-type{ border-right: none; }

/* paging */
.paging ul li{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.paging ul li:not(:last-child){ margin-right: 13px; }  
.paging ul li a{ display: inline-block; width: 100%; height: 100%; border: none; font-family: var(--engFont); font-size: 1.6rem; font-weight: 600; color: #333; text-align: center; line-height: 30px; }

.paging .arr a{ border: none; font-size: 1.6rem; color: #333; }
.paging .arr a:not(:last-child){ margin-right: 0; }

.paging ul li.on{ background-color: var(--red); }
.paging ul li.on a{ background: none; }

@media screen and (max-width: 1400px){
	.table-box table th.th1 { padding-top:20px }
}

@media screen and (max-width: 650px){
	.paging ul{ margin: 0; }
	.paging ul li:not(:last-child){ margin-right: 0; }
	.paging a{ width: 25px; height: 25px; }
}


/*
	product
*/
#product{ /* padding: 80px 0 180px; */ padding-bottom: 180px; }
#product .radius-table{ letter-spacing: -0.02em; border-radius: 10px; border: 1px solid #e2e2e2; overflow: hidden; }
#product .radius-table .title-box{ background-color: #f9f9f9; padding: 30px 40px; border-bottom: 1px solid #e2e2e2; }
/* #product .radius-table .title-box ul li{ font-family: var(--engFont); font-size: 4.6rem;  } */
#product .radius-table .title-box ul{ display: flex; margin-left: -32.5px; flex-wrap: wrap; }
#product .radius-table .title-box ul li{ font-family: var(--engFont); font-size: 4.6rem; font-weight: 300; color: #ddd; padding: 0 32.5px; position: relative; cursor: pointer; }
#product .radius-table .title-box ul li::before{ content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #d9d9d9; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
#product .radius-table .title-box ul li:last-of-type::before{ display: none; }
#product .radius-table .title-box ul li.on{ font-weight: 500; color: #000; } 
#product .radius-table table{ background-color: #f9f9f9; }
/*#product .radius-table table:not(:first-of-type){ display: none; }*/
#product .radius-table tr{ border-bottom: 1px solid #e2e2e2; } 
#product .radius-table tr:last-of-type{ border-bottom: none; }
#product .radius-table th{ width: 240px; text-align: left; background-color: #fff; font-family: var(--engFont); font-size: 1.8rem; font-weight: 500; color: #222; /* padding: 30px 40px; */ padding: 0 40px; border-right: 1px solid #e2e2e2; }
#product .radius-table td{ padding: 15px 50px; /* padding-right: 5px; */ background: #fff; font-family: var(--engFont); font-size: 1.6rem; font-weight: 300; color: #000; }


#product .radius-table .check-list{ display: flex; flex-wrap: wrap; }
#product .radius-table .check-list li{ margin-right: 45px; }

#product .search-form{ position: relative; margin: 40px 0 120px; }  
#product .search-form input{ width: 100%; height: 60px; border: 1px solid #e2e2e2; border-radius: 10px; padding: 0 200px 0 40px; font-size: 1.6rem; font-weight: 300; color: #222; }
#product .search-form input::placeholder{ color: #d4d4d4: }
#product .search-form input:focus{ outline: none; }
#product .search-form button{ width: 178px; height: calc(100% - 3px); font-family: var(--engFont); font-size: 1.6rem; font-weight: 500; color: #fff; background-color: var(--red); border: none; position: absolute; top: 50%; right: 1px; transform: translateY(-50%); border-radius: 0 10px 10px 0; transition: all 0.5s; cursor: pointer; }
#product .search-form button:hover{ background-color: #111; }
#product .search-form button span{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }  
#product .search-form button i{ margin-left: 8px; }

#product .table-box{ border-top: 1px solid #999; }
#product .table-box table thead th:first-of-type{ width: 17%; }
#product .table-box table tbody th{ position: relative; text-align:left; padding-left:1.2%; padding-right:1.2%}
#product .table-box table tbody th a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } 

@media screen and (max-width: 1400px){
	#product .radius-table .title-box ul li{ font-size: 4rem; }
	#product .radius-table .check-list{ margin-top: -30px; }
	#product .radius-table .check-list li{ width: calc((100% - 30px) / 4); margin-right: 0; margin-top: 30px; }
	#product .radius-table label{ display: inline-block; width: 100%; text-align: left; padding-top: 3px; }
}

@media screen and (max-width: 1300px){
	.range-box input[type="text"]{ width: 100px; height: 50px; } 
	#product .radius-table .range-box .range-slider{ width: calc(100% - 350px); }
	#product .search-form input{  height: 50px; }
	#product .search-form button{ width: 150px; }
}

@media screen and (max-width: 1200px){
	#product .search-form{ margin: 40px 0 80px; }
	#product .table-box{ overflow-x: scroll; }
	#product .table-box table{ width: 1200px; }
}

@media screen and (max-width: 1050px){	
	#product .radius-table th{ padding: 0 40px; }
	#product .radius-table td{ padding: 15px 30px; padding-right: 0; }
	#product .radius-table .check-list li{ width: calc((100% - 20px) / 3); }
	#product .radius-table .range-box{ flex-direction: column; }
	#product .radius-table .range-box{ padding-right: 30px; }
	#product .radius-table .range-box .range-slider{ width: 100%; padding-right: 0; margin: 20px 0 30px; }
	#product .search-form input{ padding: 0 140px 0 20px; }
	#product .search-form button{ width: 120px; }
}

@media screen and (max-width: 850px){
	#product .radius-table .title-box{ padding: 0 20px; }
	#product .radius-table .title-box ul{ margin-left: -20px; }
	#product .radius-table .title-box ul li{ font-size: 3rem; padding: 20px; }
	#product .radius-table .title-box span::before{ left: 15px; }
	#product .radius-table th{ width: 30%; padding: 0 20px; }
	#product .radius-table .check-list li{ width: calc((100% - 10px) / 2); }
}

@media screen and (max-width: 800px){
	#product .radius-table .title-box ul{ flex-wrap: wrap; padding: 15px 0; }
	#product .radius-table .title-box ul li{ padding: 5px 20px; }
}

@media screen and (max-width: 600px){
	#product .radius-table tr{ display: flex; flex-direction: column; } 
	#product .radius-table th{ width: 100%; border-bottom: 1px solid #e2e2e2; padding: 20px; }
	#product .radius-table th, #product .radius-table td{ border-right: none; }
}

/* product-view */
#view{ padding-bottom: 180px; }
#view .view_box{ margin-top: 50px; }
#view .title-box { text-align:center; }
#view .title-box span { color: var(--red); font-size:17px; font-weight:400; display:block; }
#view .title-box h3 { margin:14px 0 0 0; color:#333; font-size:48px; font-weight:700; display:block; }
#view .title-box .txt_1 { margin:25px 0 0 0; color:#666; font-size:17px; font-weight:300; letter-spacing:-0.01em; line-height:150%; }

@media screen and (max-width:1024px) {
	#view .title-box span { font-size:16px; }
	#view .title-box h3 { margin:14px 0 0 0; font-size:40px; }
	#view .title-box .txt_1 { margin:22px 0 0 0; font-size:16px; }
	#view .title-box .txt_1 br { display:none; }
}
@media screen and (max-width:640px) {
	#view .title-box span { font-size:15px; }
	#view .title-box h3 { margin:10px 0 0 0; font-size:30px;  }
	#view .title-box .txt_1 { margin:18px 0 0 0; font-size:15px; }
}

#view .img_box { position: relative; overflow: hidden; }
#view .img_box > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width:100%; height:100%;  }
#view .view_top { display: flex; align-items: flex-start; padding: 60px 0; box-sizing: border-box; margin: 75px 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#view .view_img { width: 46.4%; padding-bottom: 28.5%; background: #f0f0f0; }
#view .view_info { width:calc(100% - 46.4%); padding: 0 0 0 70px; box-sizing: border-box; letter-spacing: -0.025em; }
#view .view_info h4 { font-size: 40px; color: #333333; font-weight: 700; }
#view .view_info p { font-size: 18px; line-height: 1.7; margin: 40px 0 85px; font-weight: 300; }
#view .view_info .btn a { display: flex; width: 220px; height: 60px; font-size: 20px; align-items: center; justify-content: center; box-sizing: border-box; }
#view .view_info .btn a span { margin-right: 10px; }
#view .view_info .btn a:last-child { margin: 10px 0 0; }
#view .view_margin { margin: 70px 0 0; }
#view .view_small_title { font-size: 20px; color: #333333; font-weight: 700; position: relative; margin: 0 0 0 14px; }
#view .view_small_title::before { content: ""; display: block; width: 5px; height: 5px; background: var(--red); position: absolute; top: 50%; transform: translateY(-50%); }
#view .detail_table { margin: 30px 0 0; }
#view .detail_table table th { width: 24.5%; background: #f8f8f8; text-align: left; font-family: var(--engFont); font-size: 17px; font-weight: 500; color: #333333; padding: 0 0 0 75px; }
#view .detail_table table td { font-weight: 300; padding: 0 0 0 55px; border-right: none; }
#view .detail_table table tr th, .detail_table table tr td { height: 60px; border-top: 1px solid #cccccc; }
#view .detail_table table tr:last-child th, .detail_table table tr:last-child td { border-bottom: 1px solid #cccccc; }
#view .drawing_box { width: 100%; margin: 30px 0 0;  }
#view .drawing_box img{ width:100%; margin:0 auto }
#view .download_table { margin: 35px 0 0; }
#view .download_table tr th{ height: 60px; border-top: 1px solid #333333; border-bottom: 1px solid #eee; font-size: 1.6rem; font-weight: 500; color: #333333; }
#view .download_table tr td{ border-bottom: 1px solid #eee; border-right: none; }
#view .download_table tr td:nth-child(2) { text-align: left; padding: 0 0 0 30px; }
#view .download_table tr td a i { font-size:20px; color:#999; }
#view .download_table tr td a a { transition:all .3s ease-in-out; }
#view .download_table tr td a:hover i { color: var(--red); }
#view .view_btn { display: flex; justify-content: center; }
#view .view_btn > a { display: block; width: 190px; height: 60px; line-height: 60px; background: #333; text-align: center; font-size: 20px; color: #ffffff; letter-spacing: -0.025em; border-radius: 5px; transition: 0.4s; }
#view .view_btn > a:hover{ background-color: var(--red); }
#view .view_detail h4 { margin:20px 0 10px; color:#333; font-size:18px; font-weight:700; line-height:1.3; }

#view .view_top.no_img .view_info{ width: 100%; position:relative; min-height:428px; padding-bottom:100px; }
#view .view_top.no_img .view_info .text{ }
#view .view_top.no_img .view_info p{ width: 100%; margin: 0; margin-top: 15px; }
#view .view_top.no_img .view_info .btn{ position:absolute; bottom:0; right:0; display: flex; margin: 0; }
#view .view_top.no_img .view_info .btn a:last-child{ margin: 0; margin-left: 10px; }

@media screen and (max-width: 1300px) {
	#view .view_top {  }
	#view .view_info { padding: 0 0 0 50px; }
	#view .view_info h4 { font-size: 35px; }
	#view .view_info p { font-size: 17px; margin: 30px 0 60px; }
	#view .view_info .btn a { width: 200px; height: 55px; font-size: 18px; }
	#view .detail_table table th { padding: 0 0 0 25px; }
	#view .view_btn > a { width: 175px; height: 55px; line-height: 55px; font-size: 18px; }

	#view .view_top.no_img .view_info{ min-height:300px; }
}

@media screen and (max-width: 1250px){
	#view .view_box{ margin-top: 0; }
	#view .view_top{ margin-top: 40px; }
}

@media screen and (max-width: 1024px) {
	#view .view_top { flex-flow: column nowrap; }
	#view .view_img, #view .view_info { width: 100%; max-width: 100%; }
	#view .view_img { padding-bottom: 40.65%; }
	#view .view_info { padding: 0; }
	#view .view_info p{ margin: 30px 0; }
	#view .view_info .btn { display: flex; margin: 0; }
	#view .view_info .btn a:last-child { margin: 0 0 0 10px; }
	#view .detail_table table th { width: 30%; font-size: 16px; }
	#view .detail_table table td { font-size: 15px; }
	#view .detail_table table th, .detail_table table td { padding: 0 0 0 30px; }

	#view .view_top.no_img .view_info { min-height:auto; }
	#view .view_top.no_img .view_info .text{ flex-direction: column; align-items: flex-start; }
	#view .view_top.no_img .view_info p{ width: 100%; margin: 30px 0; }
	#view .view_top.no_img .view_info .btn{ position:relative; bottom:unset; right:unset; }
}

@media screen and (max-width: 960px) {
	#view .list_table { overflow-x: scroll; }
	#view .list_table table { width: 100%; min-width: 920px; }
}

@media screen and (max-width: 680px) {
	#view .view_img, #view .view_info { width: 100%; max-width: 100%; }
	#view .view_img { padding-bottom: 61.5%; }
}

@media screen and (max-width: 640px) {
	#view .view_info h4 { font-size: 27px; }
	#view .view_info p { font-size: 15px; }
	#view .detail_table table th, .detail_table table td, .download_table tr td:nth-child(2) { padding: 0 0 0 10px; }
	#view colgroup col:nth-child(1) { width: 19%; }
	#view colgroup col:nth-child(2) { width: 66%; }
	#view colgroup col:nth-child(3) { width: 15%; }
	#view .view_info .btn a, .view_btn > a { font-size: 17px; }
}


/* 
	support
*/
/* 원격지원 */
#remote{ padding-bottom: 180px; }
#remote .bg-color{ background-color: #f9f9f9; padding: 90px 0; }
#remote ul{ display: flex; justify-content: space-between; }
#remote ul li{ display: flex; flex-direction: column; align-items: center; width: calc((100% - 300px) / 4); background-color: #fff; border-radius: 20px; padding: 50px 0; position: relative; }
#remote ul li::after{ content: ""; width: 45px; height: 23px; background: url("/img/sub/remote_after01.png") no-repeat center center / auto; position: absolute; top: 50%; right: -72px; transform: translateY(-50%); }
#remote ul li:last-of-type::after{ display: none; }
#remote ul li figure{ margin: 30px 0 35px; }
#remote ul li > span{ font-size: 1.6rem; font-weight: 700; color: var(--red); }
#remote ul li .text{ text-align: center; }
#remote ul li .text span{ display: inline-block; width: 100%; font-size: 2.4rem; font-weight: 700; color: #000; }
#remote ul li .text p{ font-size: 1.6rem; font-weight: 400; color: #333; line-height: 1.625; margin-top: 15px; }

#remote .padding{ padding-top: 90px; }
#remote a{ display: flex; justify-content: space-between; align-items: center; width: 530px; height: 70px; padding: 0 45px; background-color: var(--red); font-size: 1.8rem; font-weight: 400; color: #fff; border-radius: 990px; margin: 0 auto; transition: all 0.3s; }  

#remote a:hover{ background-color: #111; }  

@media screen and (max-width: 1400px){
	#remote ul li{ width: calc((100% - 210px) / 4); }
	#remote ul li::after{ right: -60px; }
	#remote a{ width: 450px; height: 60px; }
}

@media screen and (max-width: 1250px){
	#remote .bg-color{ padding: 60px 0; }
	#remote ul{ flex-wrap: wrap; margin-bottom: -20px; } 
	#remote ul li{ width: calc((100% - 100px) / 2); margin-bottom: 30px; }
	#remote ul li::after{ right: -72px; }
	#remote ul li:nth-of-type(2)::after{ display: none; }
	#remote ul li figure{ margin: 20px 0 25px; }
	#remote ul li .text p{ margin-top: 5px; }
}

@media screen and (max-width: 900px){
	#remote .center_title br{ display: none; }
	#remote .padding{ padding-top: 60px; }
	#remote a{ width: 400px; height: 55px; }
}

@media screen and (max-width: 700px){
	#remote ul { margin-bottom: -70px; }
	#remote ul li{ width: 100%; margin-bottom: 70px; padding: 30px 0; }
	#remote ul li::after{ top: calc(100% + 25px); right: 50%; transform: translateX(50%) rotate(90deg); }
	#remote ul li:nth-of-type(2)::after{ display: block; }
}

/* 견적문의, 기술문의 */
#inquiry{ /* padding: 80px 0 180px; */ padding-bottom: 180px; }
#inquiry input[type="text"]{ width: 100%; border: none; border-bottom: 1px solid #d4d4d4; font-size: 1.6rem; font-weight: 300; color: #333; padding: 10px 0; outline: none; }
#inquiry input[type="text"]::placeholder{ color: #d4d4d4; }
#inquiry input[type="file"]{ display: none; }
#inquiry span.title{ display: inline-block; font-size: 2rem; font-weight: 500; color: #000; position: relative; }
#inquiry span.title::before{ content: "*"; font-size: 1.4rem; font-weight: 600; color: var(--red); position: absolute; top: 0; right: -10px; }
#inquiry span.title.none::before{ display: none; }
#inquiry .line{ margin-bottom: 30px; }
#inquiry .line.flex{ display: flex; justify-content: space-between; align-items: center; }
#inquiry .half{ width: calc((100% - 60px) / 2); }
#inquiry .half.input{ display: flex; align-items: center; justify-content: space-between; }
#inquiry .half.input input[type="text"]{ width: calc(100% - 120px); }
#inquiry .line ul{ width: calc(100% - 120px); display: flex; justify-content: space-between; }
#inquiry .line ul li{ width: calc((100% - 120px) / 3); display: flex; justify-content: space-between; }
#inquiry .line ul li input[type="text"]{ width: calc(100% - 110px); }
#inquiry .line ul li label{ display: flex; justify-content: center; align-items: center; width: 95px; height: 43px; font-size: 1.6rem; font-weight: 500; color: #444; background-color: #e8e8e8; border-radius: 5px; cursor: pointer; transition: all 0.3s; }
#inquiry .line ul li label:hover{ background-color: #222; color: #fff; }

#inquiry .line.auto{ display: inline-block; }
#inquiry .line.auto .input{ display: flex; align-items: stretch; position: relative; }
#inquiry .line.auto .input > div{ display: inline-block; border: 1px solid #d4d4d4; border-right: none; border-radius: 5px 0 0 5px; overflow: hidden; }
#inquiry .line.auto input[type="text"]{ width: 335px; border: 1px solid #d4d4d4; border-radius: 0 5px 5px 0; padding: 0 45px 0 20px; }
#inquiry .line.auto .input button{ border: none; background: none; font-size: 1.6rem; color: #666; position: absolute; top: 50%; right: 17px; transform: translateY(-50%); cursor: pointer; }

#inquiry .line textarea{ width: 100%; height: 305px; border: 1px solid #d4d4d4; border-radius: 5px; padding: 35px 40px; font-size: 1.6rem; font-weight: 300; color: #333; outline: none; }  
#inquiry .line textarea::placeholder{ color: #d4d4d4; } 
#inquiry .line textarea::-webkit-scrollbar{ width: 21px; }
#inquiry .line textarea::-webkit-scrollbar-thumb{ height: 20px; background: #777; border-radius: 60px; background-clip: padding-box; border: 9px solid transparent; background-color: #e8e8e8; }
#inquiry .line textarea::-webkit-scrollbar-track{ background-clip: padding-box; border: 10px; border: 10px solid transparent; }
#inquiry .line .policy .scroll-box{ height: 280px; overflow-y: scroll; border: 1px solid #d4d4d4; border-radius: 5px; padding:  35px 40px; font-size: 1.5rem; font-weight: 300; color: #777; line-height: 1.8666; }
#inquiry .line .policy .scroll-box::-webkit-scrollbar{ width: 21px; }
#inquiry .line .policy .scroll-box::-webkit-scrollbar-thumb{ height: 20px; background: #777; border-radius: 60px; background-clip: padding-box; border: 9px solid transparent; background-color: #e8e8e8; }
#inquiry .line .policy .scroll-box::-webkit-scrollbar-track{ background-clip: padding-box; border: 10px; border: 10px solid transparent; }
#inquiry .line .policy span{ display: inline-block; font-size: 1.8rem; font-weight: 500; color: #444; margin-bottom: 20px; }
#inquiry .line .policy dd{ margin-bottom: 15px; }
#inquiry .line .policy .input{ text-align: right; }
#inquiry .line .policy label{ font-size: 1.7rem; font-weight: 400; color: #666; cursor: pointer; }
#inquiry .line .policy input[type="checkbox"] + label::before{ content: ""; width: 15px; height: 15px; top: 50%; transform: translateY(-50%); border-radius: 3px; }
#inquiry .line .policy input[type="checkbox"]:checked + label::after{ content: ""; width: 9px; height: 9px; background-color: var(--red); border-radius: 3px; top: 50%; left: 4px; transform: translateY(-50%); border: none; }

#inquiry .line.margin .input{ margin-top: 30px; }

#inquiry .center{ margin-top: 70px; }
#inquiry button.submit{ display: flex; justify-content: center; align-items: center; font-family: 'Pretendard', sans-serif; width: 175px; height: 55px; border-radius: 990px; font-size: 1.6rem; font-weight: 400; color: #fff; background-color: #111; border: none; margin: 0 auto; transition: all 0.3s; cursor: pointer; }
#inquiry button.submit i{ margin-left: 15px; }
#inquiry button.submit:hover{ background-color: var(--red); }

@media screen and (max-width: 1400px){
	#inquiry span.title{ font-size: 1.8rem; }
	#inquiry .half.input input[type="text"]{ width: calc(100% - 80px ); }
	#inquiry .line ul{ width: calc(100% - 80px); }
	#inquiry .line ul li input[type="text"]{ width: calc(100% - 100px); }
	#inquiry .line ul li label{ width: 80px; height: 40px; }
	#inquiry .line .policy span{ font-size: 1.6rem; }
	#inquiry .line .policy label{ font-size: 1.5rem; }
	#inquiry .line .policy input[type="checkbox"] + label::before{ width: 13px; height: 13px; }
	#inquiry .line .policy input[type="checkbox"]:checked + label::after{ width: 7px; height: 7px; border-radius: none; }
	#inquiry .center{ margin-top: 40px; }
}

@media screen and (max-width: 1250px){
	#inquiry .line ul li{ width: calc((100% - 60px) / 3); }
	#inquiry .line .policy span{ margin-bottom: 10px; }
	#inquiry .line .policy dd{ margin-bottom: 10px; }
}

@media screen and (max-width: 1100px){
	#inquiry .line.file{ align-items: flex-start; }
	#inquiry .line.file span.title{ margin-top: 13px; }
	#inquiry .line ul{ flex-direction: column; }
	#inquiry .line ul li{ width: 100%; margin-bottom: 20px; }
}

@media screen and (max-width: 900px){
	#inquiry .line{ margin-bottom: 40px; }
	#inquiry .line.flex{ flex-direction: column; }
	#inquiry .line.bottom{ margin-bottom: 0; }
	#inquiry .line.flex.file{ flex-direction: row; }
	#inquiry .half.input{ width: 100%; }
	#inquiry .half.input:first-of-type{ margin-bottom: 40px; }
	#inquiry .line.margin .input{ margin-top: 15px; }
	#inquiry .line textarea{ height: 200px; padding: 20px 25px; }  
	#inquiry .line .policy .scroll-box{ height: 190px; padding: 20px 25px; }
}

/* 
	company
*/
/* CEO 인사말 */
#greeting{ /* padding: 110px 0 170px; */ padding-bottom: 170px; }
#greeting .flex-box{ display: flex; justify-content: space-between; margin: }
#greeting .title{ margin-right: 30px; }
#greeting h3{ font-size: 4.6rem; font-weight: 600; color: #000; line-height: 1.3478; margin-bottom: 60px; }
#greeting h3 span{ color: #e60012; }
#greeting .content{ max-width: 885px; }
#greeting ul li{ font-size: 1.7rem; font-weight: 400; color: #000; line-height: 1.7647; }
#greeting ul li:not(:last-of-type){ margin-bottom: 30px; }

@media screen and (max-width: 1500px){
	#greeting .content{ width: 60%; }
}

@media screen and (max-width: 1300px){
	#greeting h3{ font-size: 4rem; margin-bottom: 30px; }
}

@media screen and (max-width: 1150px){
	#greeting h3{ font-size: 3rem; }
}

@media screen and (max-width: 1130px){
	#greeting { padding-top: 0; }
	#greeting .flex-box{ flex-direction: column; }
	#greeting h3 br{ display: none; }
	#greeting img{ display: none; }
	#greeting .content{ max-width: 100%; width: 100%; position: relative; }
	#greeting .content::after{ content: ""; width: 148px; height: 35px; background: url("/img/sub/greeting_sign.jpg") no-repeat center center / auto; position: absolute; bottom: -60px; right: 0; }
}


/* 회사연혁 */
#history{ padding-bottom: 180px; }
#history .center_title{ text-align: left; }
#history .center_title h2{ position: relative; }
#history .center_title h2::before{ content: ""; width: calc(100% - 710px); height: 1px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; }  
#history .flex-box{ display: flex; }
#history .flex-box > div{ width: 50%; }
#history .sticky-box img{ position: sticky; top: 120px; }
#history ul{ padding-left: 120px; margin-top: 12px; }
#history ul li{ display: flex; position: relative; }
#history ul li > div{ position: relative; width: calc(100% - 130px); }
#history ul li > div::before{ content: ""; width: 17px; height: 17px; border-radius: 50%; background: #fff; border: 1px solid var(--red); position: absolute; top: 1px; left: -9px; transform: scale(0); transition: all 0.3s; }
#history ul li > div::after{ content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--red); position: absolute; top: 8px; left: -2px; }
#history ul li span{ display: inline-block; width: 130px; font-size: 3.8rem; font-weight: 600; color: #000; padding-right: 48px; margin-top: -15px; text-align: right; }
#history ul li dl{ padding-bottom: 65px; position: relative; padding-left: 48px; }
#history ul li dl::before{ content: ""; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 10px; left: 0; z-index: -5; }
#history ul li:last-of-type dl::before{ display: none; }
#history ul li dt{ font-size: 2rem; font-weight: 600; color: #333; margin-bottom: 10px; }
#history ul li dd{ font-size: 1.7rem; font-weight: 300; color: #333; padding-bottom: 15px; }

#history ul li.on > div::before{ transform: scale(1); }

@media screen and (max-width: 1400px){
	#history ul{ padding-left: 80px; }
	#history ul li span{ font-size: 3rem; margin-top: -9px; }
	#history .center_title h2::before{ width: calc(100% - 620px); }
}

@media screen and (max-width: 1250px){
	#history .flex-box > div{ width: 60%; }
	#history .flex-box > div.sticky-box{ width: 40%; }
	#history ul li span{ width: 100px; padding-right: 30px; }
	#history ul li dl{ padding-left: 30px; }
}

@media screen and (max-width: 1150px){
	#history .center_title h2::before{ width: calc(100% - 470px); }
	#history .center_title{ padding: 0 0 40px; }
}

@media screen and (max-width: 950px){
	#history .sticky-box{ display: none; }
	#history .flex-box > div{ width: 100%; }
	#history ul{ padding-left: 0; }
	#history ul li dl{ padding-bottom: 45px; }
}

@media screen and (max-width: 700px){
	#history .center_title h2::before{ width: calc(100% - 240px); top: 75%; }
	#history .center_title span{ display: inline-block; width: 100%; }  
}

/* 조직도 */
#organization{ padding-bottom: 180px; }
#organization .bg{ position: relative; }
#organization .bg > img{ position: absolute; top: 50%; left: 50%; z-index: -10; transform: translate(-50%, -50%); }
#organization figure{ margin: 0; text-align: center; }

@media screen and (max-width: 1400px){
	#organization .bg > img{ width: 70%; }
}

@media screen and (max-width: 1150px){
	#organization .center_title{ padding: 0 0 40px; }
}

/* 오시는 길 */
#location{ padding-bottom: 170px; }
#location .iframe-box{ height: 510px; }
#location .iframe-box iframe{ width: 100%; height: 100%; }  

#location .flex-box{ display: flex; justify-content: space-between; margin-top: 77px; }  
#location .flex-box p{ font-size: 2.6rem; font-weight: 700; color: #000; line-height: 1.4615; } 
#location .flex-box span{ display: inline-block; font-size: 1.7rem; font-weight: 300; color: #333; position: relative; } 
#location .flex-box span b{ font-weight: 500; }
#location ul{ width: calc(100% - 610px); display: flex; justify-content: space-between; align-items: center; }  
#location ul li{ display: flex; align-items: center; }
#location ul li .image{ display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 50%; background-color: #f9f9f9; }
#location ul li .text{ padding-left: 30px; }
#location ul li p{ margin-bottom: 15px; }
#location ul li span::after{ content: ""; width: 1px; height: 15px; background-color: #d9d9d9; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); }
#location ul li span:not(:last-of-type){ margin-right: 41px; }
#location ul li span:last-of-type::after{ display: none }

@media screen and (max-width: 1540px){
	#location ul{ width: calc(100% - 520px); }
}

@media screen and (max-width: 1420px){
	#location .flex-box{ flex-direction: column; }
	#location ul{ width: 100%; justify-content: flex-start; margin-top: 30px; }
	#location ul li:first-of-type{ margin-right: 40px; }
}

@media screen and (max-width: 1400px){
	#location .flex-box{ margin-top: 40px; }
	#location .flex-box p{ font-size: 2rem; }
}

@media screen and (max-width: 1150px){
	#location .center_title{ padding: 0 0 40px; }
	#location .iframe-box{ height: 350px; }
}

@media screen and (max-width: 920px){
	#location ul{ flex-direction: column; align-items: flex-start; }
	#location ul li:first-of-type{ margin-right: 0; margin-bottom: 30px; }
}

@media screen and (max-width: 550px){
	#location .flex-box p{ margin-bottom: 5px; }
	#location ul li .text span{ width: 100%;  }
	#location ul li span:not(:last-of-type){ margin: 0; }
	#location ul li span::after{ display: none; }
}

/* 채용정보 */
#recruit{ padding-bottom: 180px; }
#recruit h3{ font-size: 3.2rem; font-weight: 600; color: #000; margin-bottom: 40px; }
#recruit .table-wrap{ margin-bottom: 140px; }
#recruit .table-box tr:first-of-type{ border-top: 1px solid #eee; }
#recruit .table-box table thead th:first-of-type{ border-left: 1px solid #eee; }
#recruit .table-box table thead th:last-of-type{ border-right: 1px solid #eee; }
#recruit .table-box table thead tr th:nth-of-type(4){ width: 25%; }
#recruit .table-box table tr td{ padding: 20px 30px; color: #333; }
#recruit .table-box table tr td:first-of-type{ border-left: 1px solid #eee; }
#recruit .table-box table tr td:last-of-type{ border-right: 1px solid #eee; }
#recruit .table-box ul{ text-align: left; }
#recruit .table-box ul li{ padding-left: 10px; position: relative;  }
#recruit .table-box ul li::before{ content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #333; position: absolute; top: 7px; left: 0; }
#recruit .table-wrap span.small{ display: inline-block; font-size:  1.6rem; font-weight: 300; color: #666; padding-left: 20px; position: relative; margin-top: 22px;  } 
#recruit .table-wrap span.small::before{ content: "\e92c"; font-family:'xeicon'; font-weight: normal; font-size: 1.6rem; position: absolute; left: 0; }

#recruit .bg-color{ background-color: #f9f9f9; padding: 100px 0; }
#recruit .bg-color ul{ display: flex; justify-content: space-between; align-items: center; }
#recruit .bg-color ul li{ display: flex; flex-direction: column; align-items: center; width: calc((100% - 30px) / 2); background-color: #fff; border-radius: 20px; border: 1px solid #fff; padding: 70px 0; transition: border 0.5s; }
#recruit .bg-color ul li:hover{ border: 1px solid var(--red); }
#recruit .bg-color .image{ display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; border-radius: 50%; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }
#recruit .bg-color ul li p{ font-size: 1.8rem; font-weight: 500; color: #333; margin-top: 50px; }

#recruit .document-list{ padding-top: 140px; }
#recruit .document-list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 45px; margin-top: -40px; }
#recruit .document-list li{ width: calc((100% - 75px) / 2); display: flex; align-items: center; border: 1px solid #eee; border-radius: 10px; padding: 25px 0; margin-top: 40px; transition: border 0.5s; }  
#recruit .document-list li:hover{ border: 1px solid var(--red); }
#recruit .document-list li span{ display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 50%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.14); font-size: 2rem; font-weight: 600; background-color: #fff; color: var(--red); margin-left: -45px; margin-right: 45px; }
#recruit .document-list li p{ font-size: 1.8rem; font-weight: 500; color: #333; }

@media screen and (max-width: 1400px){
	#recruit h3{ font-size: 2.8rem; }
}

@media screen and (max-width: 1150px){
	#recruit h3{ font-size: 2.3rem; margin-bottom: 20px; }
	#recruit .table-wrap{ margin-bottom: 60px; }
	#recruit .bg-color{ padding: 60px 0; }
	#recruit .bg-color ul li p{ font-size: 1.6rem; }
	#recruit .document-list{ padding-top: 60px; }
	#recruit .document-list ul{ padding-left: 35px; }
	#recruit .document-list li{ padding: 15px 0; }
	#recruit .document-list li p{ font-size: 1.6rem; }
	#recruit .document-list li span{ width: 70px; height: 70px; margin-left: -35px; margin-right: 35px; }
}

@media screen and (max-width: 1000px){
	#recruit .document-list ul{ margin-top: -20px; }
	#recruit .document-list li{ width: 100%; margin-top: 20px; }
	#recruit .table-box{ overflow-x: scroll; }
	#recruit .table-box table{ width: 1000px; }
	#recruit .table-wrap span.small{ margin-top: 10px; }
}

/* @media screen and (max-width: 820px){
	#recruit .table-box thead{ display: none; }
	#recruit .table-box table tr td{ display: flex; align-items: center; width: 100%; border-left: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #f8f8f8; padding: 0; }
	#recruit .table-box table tr td:last-of-type{ border-bottom: none; }
	#recruit .table-box table tr td::before{ content: attr(data-text); display: inline-block; width: 50%; height: 100%; font-weight: 700; background-color: #f8f8f8; }
	#recruit .table-box table tr td ul{ width: 50%; background-color: #fff; padding: 20px; }
	#recruit .table-box table tr td span{ display: inline-block; width: 50%; background-color: #fff; padding: 20px; }
	#recruit .table-wrap span.small{ margin-top: 10px; }
} */

#notice{ padding-bottom: 180px; }

@media screen and (max-width: 800px){
	#recruit .bg-color ul{ flex-direction: column; margin-bottom: -30px; }
	#recruit .bg-color ul li{ width: 100%; margin-bottom: 30px; padding: 40px 0; }
	#recruit .bg-color ul li p{ margin-top: 20px; }
}

/**/
@media screen and (max-width: 1200px){
	#greeting{ padding-bottom: 225px; }
	#product{ padding: 20px 0 150px; }
	#inquiry{ padding: 20px 0 150px; }
	#history{ padding-bottom: 100px; }
	#location{ padding-bottom: 130px; } 
	#recruit{ padding-bottom: 150px; }
	#notice{ padding-bottom: 150px; }
	#view{ padding-bottom: 150px; }
}


#sdk, #catalog{ padding-bottom: 150px; }

/* 2023-03-20 김승준 */
/* download_list */
.download_list{border-top:2px solid #444;}
.download_list ul li{width:100%; border-bottom:1px solid #ddd; min-height:100px; padding:10px 50px; display:table; box-sizing:border-box;}
.download_list ul li:hover{background-color:#f8f8f8;}
.download_list ul li .txt{display:table-cell; vertical-align:middle; width:70%;}
.download_list ul li .txt p{font-size:20px; color:#222; letter-spacing:-0.03em; font-weight:500; word-break:keep-all; line-height:1.3;}
.download_list ul li .right{display:table-cell; vertical-align:middle; width:30%; text-align:right;}
.download_list ul li .right p{display:inline-block; vertical-align:middle; margin-right:100px; font-size:16px; color:#999; letter-spacing:-0.03em; font-weight:bold;}
.download_list ul li .right a{width:60px; height:60px; border-radius:50%; display:inline-block; vertical-align:middle; text-align:center; background:#f8f8f8; transition:0.3s;}
.download_list ul li .right a:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.download_list ul li .right a i{display:inline-block; vertical-align:middle; width:21px; height:16px; background:url('/img/common/download_icon_off.png')no-repeat center / 100%; transition:0.3s}
.download_list ul li .right a:hover{background:#01599f;}
.download_list ul li .right a:hover i{background:url('/img/common/download_icon_on.png')no-repeat center / 100%}

@media all and (max-width:1600px){
    .download_list ul li{padding:10px 30px; min-height:80px;}
    .download_list ul li .right p{margin-right:60px;}
}
@media all and (max-width:1024px){
    .download_list ul li{padding:10px 20px; min-height:64px;}
    .download_list ul li .txt p{font-size:16px;}
    .download_list ul li .right{min-width:160px; padding-left:20px;}
    .download_list ul li .right p{font-size:14px; margin-right:20px;}
    .download_list ul li .right a{width:40px; height:40px;}
}

/* paging_wrap */
.paging_wrap{text-align:center; margin-top:90px; font-size:0;}
.paging_wrap a{display:inline-block; vertical-align:middle; width:50px; height:50px; line-height:50px; font-size:16px; color:#222; letter-spacing:0em; font-weight:bold; border-radius:50%;}
.paging_wrap a.active{background-color:#01599f; color:#fff;}
.paging_wrap a.arrow{text-align:center;}
.paging_wrap a.arrow:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.paging_wrap a.arrow img{display:inline-block; vertical-align:middle;}

@media all and (max-width:1024px){
    .paging_wrap{margin-top:45px;}
    .paging_wrap a{width:35px; height:35px; line-height:35px; font-size:14px;}
}


/* 게시판 */
.board_ctn{}
.search_box{background: #f7f7f7; padding: 40px; box-sizing:border-box; font-size:0; /* margin-top: 76px; */}
.search_box select{width: 315px; border-radius:5px; height: 60px; vertical-align: middle; box-sizing:border-box; padding: 0 22px; border:none; background-color: #fff; color: #666; font-size:16px;}
.search_box input{width: calc(100% - 395px); height: 60px; vertical-align: middle; margin: 0 10px;box-sizing:border-box; padding: 0 22px; border:none; background: #fff; border-radius:5px; font-size:16px; color: #222;}
.search_box button{background: #fff; border-radius:5px; border:none; width: 60px; height: 60px; vertical-align: middle; cursor: pointer;}
.mod_box{display:flex;}
.mod_box .search_box{width: calc(100% - 160px); margin-right: 10px;}
.mod_box .inquiry_link{width: 150px; border-radius:10px; background: var(--red);  margin-top: 76px;}
.mod_box .inquiry_link a{display:inline-block; vertical-align: top; width: 100%; height: 100%; font-weight:600; font-size:18px; color: #fff; text-align: center; line-height: 136px;}
.mod_box .inquiry_link a i{margin-left: 5px;}
.board_box{border-top: 1px solid #000; margin-top: 60px;}
.board_box table{}
.board_box table th{position:relative; font-weight:500; font-size:17px; color: #222; text-align: center; padding: 15px 0;}
.board_box table th::after{content:""; position:absolute; top: 18px; right: 0; width: 1px; height: 15px; background: #e0e0e0;}
.board_box table th:last-of-type::after{display:none;}
.board_box table td{font-size:16px; letter-spacing:-0.025em; color: #666; text-align: center; padding: 36px 0; border-bottom: 1px solid #e0e0e0; border-right: 0px;}
.board_box table td a{color: #666; display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;}
.board_box table td a.secret i{position:relative; top: 1px;}
.board_box table td a img{position:relative; top: 4px; margin-right: 8px;}
.board_box table .tal{text-align: left; padding-left: 20px;}
.board_box table .bg{background: #fff8f8; font-weight:500; color: #666;}
.board_box table .cr{color: var(--red);}
/* 상세 */
/* .view_box{margin-top: 70px;} */
.view_box .tit{border-top: 1px solid #111111; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 40px 0 ;}
.view_box .tit .tag{display:inline-block; vertical-align: top; font-weight:500; font-size:14px; color: #fff; background: var(--red); padding: 5px 10px; border-radius:15px; margin-bottom:15px;}
.view_box .tit h4{font-weight:600; font-size:28px; letter-spacing:-0.015em; color: #222;}
.view_box .tit ul{display:flex; justify-content:center; margin-top: 24px;}
.view_box .tit ul li{font-size:14px; color: #777; margin-right: 36px;}
.view_box .tit ul li:last-of-type{margin-right: 0;}
.view_box .tit ul li span{font-weight:600; color: #222;}
.view_box .cont{padding: 90px 0;}
.view_box .file{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.view_box .file dl{display:flex;}
.view_box dl dt{position:relative; width: 128px; font-size:14px; color: #666; padding: 22px 0; text-align: center;}
.view_box dl dt::after{content:""; position:absolute; top: 22px; right: 0; width: 1px; height: 20px; background: #e5e5e5;}
.view_box .file dl dd{width: calc(100% - 128px); padding: 22px 25px; box-sizing:border-box;}
.view_box .file dl dd a{display:flex; justify-content:space-between; font-size:14px; color: #666;}
.view_box .file dl dd a span:last-of-type{color: #999;}
.view_box .file dl dd a span i{margin-right: 5px;}
.view_box .page_btn{margin-top: 60px;}
.view_box .page_btn dl{display:flex; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom:10px;}
.view_box .page_btn dl:last-of-type{margin-bottom:0;}
.view_box .page_btn dl dt{background: #f9f9f9;}
.view_box .page_btn dl dt i{color: #999; margin-right: 16px;}
.view_box .page_btn dl dd{width: calc(100% - 128px); background: #f9f9f9; padding: 22px 25px; font-size:16px; box-sizing:border-box;}
.view_box .page_btn dl dd a{color: #666;}
.view_box .re{display:flex; background: #f9f9f9; box-sizing:border-box; padding: 60px; margin-top: 80px;}
.view_box .re .re_tit{width: 270px;}
.view_box .re .re_tit h4{font-weight:bold; font-size:25px; color: #111;}
.view_box .re .re_tit ul{display:flex; align-items:center; margin-top: 12px;}
.view_box .re .re_tit ul li{ font-size:14px; color: #777; margin-right: 20px;}
.view_box .re .re_tit ul li i{color: var(--red);}
.view_box .re .txt{width: calc(100% - 270px);}
.view_box .re .txt p{font-weight:300; font-size:16px; color: #333; line-height: 1.8;}
.view_box .btn{text-align: center; margin-top: 80px;}
.view_box .btn a{display:inline-block; vertical-align: top;  width: 170px; height: 60px; line-height: 60px; border-radius:5px; background: #333; font-size:16px; color: #fff; transition:0.4s}
.view_box .btn a i{margin-right: 6px; position:relative; top:1px;}
.view_box .btn a:hover{background: var(--red);}
/* 2023-03-20 김승준 */

/* 개인정보 처리방침 */
.sub_visual.sub05{ padding-top: 200px; margin-bottom: -50px; }
.sub_visual.sub05 .lnb{ display: none; }
.sub_visual.sub05 .sub_title{ top: -90px; }

#privacy{ padding-bottom: 180px; }

@media screen and (max-width: 900px){
	.sub_visual.sub05{ margin-bottom: -100px; }
}

@media screen and (max-width: 600px){
	.sub_visual.sub05{ padding-top: 150px;  }
}

@media screen and (max-width: 510px){
	.sub_visual.sub05 .sub_title h2{ font-size: 5.5rem; }
}