@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('swiper.min.css');
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

img { max-width:100%; }
.pb0 { padding-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

/***************************************************************************************************************************************
	Common
***************************************************************************************************************************************/
.sub-wrap {  color: #222; }
.inner { max-width:1400px; margin: 0 auto; position: relative;  }
.sub-head { margin:220px 0 -170px 100px; height:667px;  background: url(../img/sub1/bg_head1.jpg) no-repeat 50% 50%; background-size:cover; position: relative; }
.sub-head.sub1-1 { background-image: url(../img/sub1/bg_head1.jpg);}
.sub-head.sub1-2 { background-image: url(../img/sub1/new_bg_head2.jpg);}
.sub-head.sub1-3 { background-image: url(../img/sub1/bg_head3.jpg);}
.sub-head.sub1-4 { background-image: url(../img/sub1/bg_head4.jpg);}
.sub-head.sub3-1 { background-image: url(../img/sub3/bg_head1.jpg);}
.sub-head.sub3-2 { background-image: url(../img/sub3/bg_head1.jpg);}
.sub-head.sub4-1 { background-image: url(../img/sub4/bg_head1.jpg);}
.sub-head.sub5-1 { background-image: url(../img/sub5/bg_head1.jpg);}

.sub-head h2 { font-size:110px; font-family: 'Mulish'; position: absolute;left: 160px; top:-66px; line-height: 1.1; }
.sub-head h2 strong { display: block; }
.sub-head h2 strong:nth-child(2) { position: relative; display: inline-block; vertical-align: top; }
.sub-head h2 strong:nth-child(2):before { content: ''; position: absolute; right:-43px; bottom:20px; width:24px; height: 24px; background: #f47c1f; border-radius:100%; }
.bg-content { background: #f7f7f7; padding-top:300px; padding-bottom: 150px;}
.content { padding:300px 0 150px; }


.sub-nav { position: absolute;left: -220px; top:0; }
.sub-nav nav a { display: block; font-size:15px; line-height: 28px; color: #222222; font-family: 'Montserrat'; font-weight: 600; padding-left: 15px; position: relative;}
.sub-nav nav a.active:before { content: ''; position: absolute;left: 0; top:12px; width:4px; height: 4px; border-radius:100%; background: #f47c1f; }
.sub-nav nav a.active { color: #f47c1f !important; }
.is-sticky .sub-nav { left: inherit; transform: translateX(-220px); }

.tabs { margin-bottom: 30px; display: flex; align-items: center; }
.tabs p { }
.tabs p + p { padding-left: 40px;position: relative; }
.tabs p + p:before { content: ''; position: absolute;left: 18px; top:20px; width:3px; height: 3px; background: #999999; border-radius:100%;    }
.tabs p a { display: block;font-size:22px; color: #999; line-height: 44px; font-weight: 600; position: relative; font-family: 'Montserrat', 'Pretendard'; }
.tabs p a:before { content: ''; position: absolute;left: 0; bottom:0; width:0; height: 2px; background: #f47c1f; transition: all 0.5s ease; }
.tabs p.active a { color: #f47c1f; }
.tabs p.active a:before { width:100%; }
.tabs p a:hover { color: #f47c1f; }
.tabs-box { position: relative; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
.tabs-box .tabs { margin-bottom: 0; }
.tabs-box .right {}
.tabs-box .right a { display: inline-block; vertical-align: middle; padding:0 22px; height: 60px; line-height: 58px; background: none; border: 1px solid #222; font-size:18px; color: #555; transition: all 0.3s ease; }
.tabs-box .right a i { vertical-align: middle; margin:-4px 0 0 15px; font-size:15px; }
.tabs-box .right a:hover { background: #f47c1f; border-color:#f47c1f; color: #fff ; }

.tabs3 { text-align: center; margin-bottom: 30px; }
.tabs3 div { display: inline-block; vertical-align: middle; font-size:0; border-radius:70px; background: #f9f9f9;  padding:0 15px;}
.tabs3 div a { display: inline-block; vertical-align: middle; font-size:20px; color: #888; padding:0 50px; line-height: 70px;  position: relative; }
.tabs3 div a + a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 14px; background: #e1e1e1; margin-top:-7px; }
.tabs3 div a.active  { color: #f47c1f; font-weight: 700; }
.tabs3 div a:hover { color: #f47c1f; }

.h3 { font-size:50px; font-weight: 700; margin-bottom: 100px; }
.h3 span { color:#f47c1f; }

.mobile-scroll  { display: none; align-items: center; justify-content: flex-end; font-size:18px;  } 
.mobile-scroll span { width:15px; height: 15px; border-left:1px solid #000; border-bottom: 1px solid #000; transform: rotate(225deg);  animation: sdb 2s infinite; }
.mobile-scroll span:nth-child(2) { animation-delay:0s;}
.mobile-scroll span:nth-child(3) { animation-delay:0.15s;}
.mobile-scroll span:nth-child(4) { animation-delay:0.3s;}
@keyframes sdb {
	0% {    opacity: 0;  }
	50% {    opacity: 1;  }
	100% {    opacity: 0;  }
}

/***************************************************************************************************************************************
	1-1 회사소개
***************************************************************************************************************************************/
.about1-1 { }
.about1-1 h3 { font-size:50px; font-family: 'Montserrat'; font-weight: 600; line-height: 1.2; margin-bottom: 90px; }
.about1-1 .t1 { text-align: center; font-size:100px; color: #e5e5e5; font-weight: 600; font-family: 'Montserrat'; margin-bottom: 15px; line-height: 1.2; letter-spacing: -2px; }
.about1-1 .img { margin-bottom: 80px; }
.about1-1 .txt-box { display: flex; }
.about1-1 .txt-box .t2 { font-size:33px; font-weight: 700; line-height: 1.7; margin:0 140px 0 120px; }
.about1-1 .txt-box .t2 span { font-family: sans-serif;font-weight: 700;}
.about1-1 .txt-box .t2 strong { color:#f47c1f; }
.about1-1 .txt-box .t3 { font-size:18px; line-height: 1.6; ; }
.about1-2 { display: flex; justify-content: space-between; margin-bottom: 150px; padding-top:150px;}
.about1-2 .sub-nav { top:150px; }
.sub-nav.white nav a { color: #fff; }
.about1-2 .msg { display: flex; justify-content: space-between; flex-direction: column; }
.about1-2 .msg h3{ font-family: 'Montserrat';  font-size:50px;line-height: 1.3; font-weight: 600; }
.about1-2 .msg .txt { font-size:26px;line-height: 1.6; }
.about1-2 .msg .txt strong { display: block; margin-bottom: 15px; color: #f47c1f;  }
.about1-3 { padding:150px 0 240px; background: url(../img/sub1/bg1_1.jpg) no-repeat 50% 50%; background-size:cover; overflow: hidden;}
.about1-3 .sub-nav nav a { color: #fff; }
.about1-3 h4 { font-size:50px; color: #fff;font-family: 'Montserrat'; margin-bottom: 120px; font-weight: 600;}
.about1-3 h4 strong { color: #f47c1f; font-weight: 600;}
.about1-3 ul { display: flex; justify-content: center; }
.about1-3 ul li { padding: 0 37px;position: relative; }
.about1-3 ul li .circle { background: url(../img/sub1/circle.png) no-repeat 0 0; width:380px;height: 380px; margin: 0 auto 30px; display: flex; flex-direction: column;  justify-content: center; align-items: center; font-size:26px; color: #fff; position: relative;}
.about1-3 ul li:before{  content: ''; position: absolute; right:-37px; top:190px; width:74px; height: 1px; background: url(../img/sub1/dot_line.png) no-repeat 0 0; }
.about1-3 ul li:last-child:before { display: none; }
.about1-3 ul li:nth-child(2) .circle { background-image: url(../img/sub1/circle2.png);}
.about1-3 ul li .circle strong { display: block; padding-top:30px; }
.about1-3 ul li .txt { text-align:center; font-size:15px; line-height: 1.7; color: #fff; }

.history .head { padding: 80px 0; text-align: center; color: #fff; font-size:24px; line-height: 1.4; background: url(../img/sub1/img2_1.jpg) no-repeat 50% 50%; margin:0 0 0 40px; background-size:cover;}
.history .head strong { display: block; font-size:40px; }
.history .head.head2 { background-image: url(../img/sub1/img2_2.jpg); }
.history .head.head3 { background-image: url(../img/sub1/img2_3.jpg); }
.history .years { margin-top:-72px; width:360px; height: 140px; line-height: 140px; text-align: center; background: #f47c1f; font-size:40px; font-family: 'Montserrat', 'Pretendard';  font-weight: 600; color: #fff; }
.history .years span { font-size:38px; }
.history ul { padding-left: 360px; position: relative;padding-top:40px; }
.history ul:before { content: ''; position: absolute; left: 359px; top:0; width:1px; bottom:0; background: #cccccc; }
.history ul li { padding-left:35px; position: relative; margin-bottom: 80px; }
.history ul li:last-child{  margin-bottom: 0; }
.history ul li:before { content: ''; position: absolute;left: -10px; top:5px; width:22px; height: 22px; border-radius:100%; box-sizing: border-box; border: 6px solid #f47c1f; background: #fff;  }
.history ul li h4 { font-size:30px; width:80px; text-align: right; font-weight: 700; color: #000; line-height: 1; font-family: 'Montserrat', 'Pretendard'; margin-bottom: 15px;  }
.history ul li dl { line-height: 20px; margin-bottom: 15px;   }
.history ul li dl:after { display: block; content: ''; clear: both; }
.history ul li dl dt { float:left; width:80px;text-align: right; font-size:20px; color: #000; font-weight: 700; margin-right:25px; }
.history ul li dl dd { overflow: hidden; font-size:16px; color: #666;  padding-left: 10px; position: relative; }
.history ul li dl dd:before { content: ''; position: absolute;left: 0; top:9px; width:3px; height: 3px; border-radius:100%;background: #666; }

.certi-list ul { display: flex; flex-wrap: wrap; padding: 30px; }
.certi-list ul li { width:25%; text-align: center; margin-bottom: 50px; }
.certi-list ul li div img { max-width:100%; border: 1px solid #eeeeee; }
.certi-list ul li p { font-size:18px; color: #222; padding-top:15px;word-break:keep-all; }

.hoist .h3 { margin-bottom: 25px;  }
.hoist .t1 { font-size:20px; line-height: 1.7; color: #555; margin-bottom: 40px; }
.hoist .t1 span { color: #f47c1f; }
.hoist .slider { position: relative;}
.hoist .swiper-button-prev,
.hoist .swiper-button-next { top:50%; transform: translateY(-50%); width:50px; height: 50px; background: none; border: 0; font-size:30px; color: #fff; margin: 0; }
.hoist .swiper-pagination { position: static; text-align: center; padding-top:20px;  }
.hoist .swiper-pagination-bullet { width:10px; height: 10px; border-radius:100%; background: #ddd; opacity:1; margin:0 3px; transition: all 0.5s ease; }
.hoist .swiper-pagination-bullet-active { background: #000; }
.hoist #map1 { height:600px; border:1px solid #ccc;}
.hoist #map1 iframe { position:absolute; left:0; right:0; bottom:0; top:0; width:100%; height:100%; }

.processing { padding:150px 0; }
.processing .h3 { font-size:48px; font-weight: 500; line-height: 1.4;  }

.bg-content { overflow:hidden;}
.catalog { padding-bottom: 370px; }
.catalog .t1 { text-align: center; font-size:100px; color: #e5e5e5; line-height: 1.2; margin-bottom:50px; font-family: 'Montserrat'; font-weight: 600;}
.catalog2 { position: relative;}
.catalog2 .img { text-align: center; }
.catalog2 .img img { vertical-align: top; box-shadow:13px 13px 54px rgba(0,0,0,0.18);  }
.catalog2 {  padding: 0 20px 25px; background: url(../img/sub3/bg1.jpg) no-repeat 50% 50%; background-size:cover; text-align: center; }
.catalog2 .box { width:800px; display: inline-block; margin-top:-330px; position: relative; }
.catalog2 .t2 { text-align: center; font-size:18px; line-height: 1.55; color: #fff; margin-bottom: 35px; }
.catalog2 .subj { margin:50px 0 20px; text-align: center; }
.catalog2 .subj p { display: inline-block; vertical-align: middle; font-size:27px; font-weight: 700; color: #fff; line-height: 1.4; border-bottom: 2px solid #fff; }
.catalog2 .btns { text-align: center;}
.catalog2 .btns a { display: inline-block; vertical-align: middle; padding:0 40px; height: 60px; line-height: 58px; border: 1px solid #fff; font-size:18px; color: #fff; margin:0 7px; transition: all 0.3s ease; }
.catalog2 .btns a i { font-size:24px; margin:-3px 0 0 15px; vertical-align: middle; }
.catalog2 .btns a:hover { background: #f47c1f; border-color:#f47c1f; }
.catalog2 .desc { padding:60px 10px 0 0; font-size:14px; color:#888888; text-align: center; }
.catalog2 .desc span { color: #f47c1f; }
.catalog2 .swiper-container { padding-bottom: 20px;}
.catalog2 .swiper-button-prev,
.catalog2 .swiper-button-next { background:none; width:55px; height:50px; border: 0; top:260px; font-size:55px;color:#f47c1f;}
.catalog2 .swiper-button-prev { left: calc(50%  - 330px);  }
.catalog2 .swiper-button-next { right: calc(50%  - 330px); }

.catalog2 .swiper-slide-active .subj{ opacity:0; animation:textOn 1s cubic-bezier(.5, 0, .5, 1) both; }
.catalog2 .swiper-slide-active .t2 { opacity:0; animation:textOn 1s cubic-bezier(.5, 0, .5, 1) both; animation-delay: 0.3s; }
.catalog2 .swiper-slide-active .btns{ opacity:0; animation:textOn 1s cubic-bezier(.5, 0, .5, 1) both; animation-delay: 0.5s; }

@keyframes textOn {
		from {
			 transform: translateY(20px);
		}
		to {
			opacity:1.0; transform: translateY(0px);
		}
	}



.manual {}
.manual .desc { font-size:14px; color:#888888; text-align: right; margin-bottom: 15px;  }
.manual .desc span { color: #f47c1f; }
.manual ul { display: flex; flex-wrap: wrap; margin:0 -26px 190px; }
.manual ul li { width:50%; padding:0 26px 30px; }
.manual ul li .item { position: relative;}
.manual ul li .item img { width:100%; }
.manual ul li .item .info { position:absolute; left:48px; top:63px; bottom:58px; right:0; }
.manual ul li .item .info .type{ display: inline-block; vertical-align: middle; padding:0 16px; height:24px; line-height:24px; background: #f47c1f; border-radius:24px; font-size:12px; color: #fff;font-family: 'Montserrat'; }
.manual ul li .item .info .name { font-size:28px; line-height: 1.4; color: #fff; font-weight: 600; margin:12px 0 16px; }
.manual ul li .item .info .dsc { font-size:16px; line-height: 1.5; color: #fff; }
.manual ul li .item .info a { position: absolute;left: 0; bottom:0; padding:0 34px; height: 50px; line-height: 48px; font-size:16px; color: #fff; border: 1px solid #fff; border-radius:50px; transition: all 0.3s ease; }
.manual ul li .item .info a i {font-size:20px; vertical-align: middle; margin:-3px 0 0 10px;}
.manual ul li .item .info a:hover { background: #222; border-color:#222; }

.cp-certi {  }
.certi-list2 ul {   padding-bottom: 45px; margin-bottom: 45px; }
.certi-list2 ul:after { display: block; content: ''; clear: both; }
.certi-list2 ul:last-child { margin-bottom: 0; }
.certi-list2 ul li { width:50%; float:left; padding:2.5rem 0;border-bottom: 1px solid #dddddd;}
.certi-list2 ul li .item { display: flex; justify-content: space-between; }
.certi-list2 ul li .item .img {width:200px; margin-right:65px; }
.certi-list2 ul li .item .info { display: flex; flex: 1; flex-direction: column; justify-content: space-between; padding:25px 0 17px; }
.certi-list2 ul li .item .info .name { font-size:26px; color: #222; font-weight: 700; line-height: 1.2; font-family: 'Pretendard'; margin-bottom: 5px; }
.certi-list2 ul li .item .info .date {font-size:16px; color: #888888; line-height: 1.4; }
.certi-list2 ul li .item .info .btns a { display: inline-block; vertical-align: middle; padding:0 29px; height:50px; line-height: 48px; border: 1px solid #555; font-size:16px; color: #555; margin-right:7px; margin-bottom: 5px; transition: all 0.3s ease; }
.certi-list2 ul li .item .info .btns a i { font-size:20px; margin:-3px 0 0 5px; vertical-align: middle; }
.certi-list2 ul li .item .info .btns a:hover { background: #f47c1f; border-color:#f47c1f; color: #fff; }
.certi-list2 ul:nth-child(n+4) { display: none; }
.common-more { text-align: center; margin:40px 0; }
.common-more a { display: inline-block; vertical-align: middle; width:194px; height: 76px; line-height: 74px; text-align: center; font-size:30px; color: #666; border:1px solid #666; border-radius:75px; transition:all 0.5s ease;}
.common-more a:hover { background:#666; color:#fff; }

.data-desc2 { text-align: right; margin-bottom: 15px; }
.data-desc2 p { display: inline-block; vertical-align: middle; font-size:18px; color: #555; margin-left: 20px; }
.data-desc2 p i { display: inline-block; vertical-align: middle; width:10px; height: 10px; border-radius:100%; background: #f47c1f; margin:-3px 10px 0 0;}
.data-desc2 p .circle-blue { background: #254dbe;}

.data-table { margin-bottom: 15px; }
.data-table table { width:100%; border-collapse: collapse; border-top:3px solid #444444;  }
.data-table table thead th { padding: 24px 5px; background: #f2f2f2; border-left: 1px solid #cccccc; border-bottom: 1px solid #ccc; font-size:20px; font-weight: 800; text-align: center; color: #222222; font-family: 'Pretendard';letter-spacing: -0.5px;}
.data-table table thead th:nth-child(n+3) { font-size:18px; }
.data-table table thead th small { font-size:16px; }
.data-table table thead th:first-child { border-left: 0; }
.data-table table tbody td { padding: 16px 5px; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size:18px; color: #555; }
.data-table table tbody td[rowspan]:first-child { border-left: 0; }
.data-table.nowrap table td,
.data-table.nowrap table th { width:auto; white-space: nowrap; }
.data-desc3 { font-size:14px; color:#888888; text-align: right; margin-bottom: 40px;  }
.data-desc3 span { color: #f47c1f; }

.data .btn-box { text-align: center; }
.data .btn-box a { display: inline-block; vertical-align: middle; padding:0 29px; height: 50px; line-height: 48px; font-size:16px; color: #555; border: 1px solid #555555; transition: all 0.3s ease; margin:0 7px; }
.data .btn-box a i { font-size:19px; color: #f47c1f; vertical-align: middle; margin:-3px 0 0 7px;transition: all 0.3s ease; }
.data .btn-box a:hover { background:#f47c1f; border-color:#f47c1f; color: #fff; }
.data .btn-box a:hover i { color: #fff; }

.map {}
.map .info { padding: 35px 20px 35px 65px;background: linear-gradient(90deg, rgba(250,183,104,1) 0%, rgba(254,155,121,1) 100%); position: relative; }
.map .info:before { content:''; position: absolute; right:0; top:0; width:100%; height:100%;  background:url(../img/sub4/bg_ci.png) no-repeat right 0;}
.map .info h4 { font-size:36px; font-weight: 600; color: #fff; margin-bottom: 14px; }
.map .info h4 small { font-size:17px; font-weight: 500; font-family: 'Montserrat'; }
.map .info .etc dl { display: inline-block; vertical-align: middle; margin-right:90px;  }
.map .info .etc dl dt { display: inline-block; vertical-align: middle; font-size:20px; color: #fff; }
.map .info .etc dl dt img { vertical-align: middle; margin:-7px 8px 0 0;}
.map .info .etc dl dd { display: inline-block; vertical-align: middle; font-size:17px; color: #fff; opacity:0.8; margin-left: 16px;  }

#Contact { padding-top:120px;}
.contact { padding-left: 230px;  }
.contact .section { padding-left: 380px; position: relative; margin-bottom: 80px; border-top:2px solid #222; }
.contact .section h4 { position: absolute;left: 10px; top:40px; font-size:30px; font-weight: 600; line-height: 1; }
.contact .section dl { padding: 38px 0; overflow: hidden; }
.contact .section dl + dl { border-top:1px solid #ddd; }
.contact .section dl dt { float:left; width:256px; }
.contact .section dl dt small { display: block; font-size:18px; color: #f47c1f; margin-bottom: 3px; }
.contact .section dl dt strong { font-size:26px; font-weight: 600; }
.contact .section dl dd  {font-size:18px; color: #666666}
.contact .section dl dd .mail { text-decoration: underline; margin-top:7px; }

.h3-flex { display: flex;justify-content: space-between; align-items: flex-end; margin-bottom: 90px; }
.h3-flex .req { text-align: right; font-size:18px; color: #999; }
.h3-flex .req i { display: inline-block; vertical-align: middle; background: #f47c1f; width:6px; height: 6px; border-radius:100%; margin:-4px 10px 0 0;}
.h3-flex .h3 { margin-bottom: 0; }

.board-write { padding-bottom: 40px; border-bottom: 2px solid #222; margin-bottom:30px; }
.board-write .section { margin-bottom: 75px; display: flex; justify-content: space-between; }
.board-write .section .article { width:calc(50% - 40px);}
.board-write .section .article .tit { margin-bottom: 15px; }
.board-write .section .article .tit p{display: inline-block; vertical-align: middle; position: relative; font-size:23px;  font-weight: 700; }
.board-write .section .article .tit i { position: absolute; right:-9px; top:2px; width:6px; height: 6px; background: #f47c1f; border-radius:100%; }
.board-write .section .article .inp { width:100%; height: 55px; border: 0; border-bottom: 1px solid #bcbcbc; font-size:20px; color: #888; background: none;  }
.board-write .section .article .inp_other{width:100%;max-width:220px;height:55px;border:0;border-bottom:1px solid #bcbcbc;font-size:20px;color:#888;background:none;margin-left:2rem;display:none;}
.board-write .section .article .textarea { width:100%; height: 220px; border: 0; border-bottom: 1px solid #bcbcbc; font-size:20px; color: #888; background: none;  transition: all 0.5s ease; }
.board-write .section .article .inp:focus,
.board-write .section .article .textarea:focus { border-color:#f47c1f; }
.board-write .section .article .select { appearance:none;  width:100%; height: 55px; border: 0; border-bottom: 1px solid #bcbcbc; font-size:20px; color: #888; background: url(../img/sub4/bu_select.png) no-repeat right 50% ; background-position: right 14px center;  }
.board-write .section .article .in-box { display: flex; justify-content: space-between}
.board-write .section .article .in-box .in { width:calc(50% - 30px); }
.board-write .section .article.long { width:100%; }
.board-write .section .article.long .inp-box{ display: flex; justify-content: space-between; }
.board-write .section .article.long .inp-box.op_list label{
	font-size:18px;
	line-height:30px;
	display:block;
}
.board-write .section .article.long .inp-box .inp,
.board-write .section .article.long .inp-box .selelect { flex: 1 1 auto; }
.board-write .section .article.long .inp-box > span { flex:0 0 80px; width:80px; text-align: center; line-height: 55px; font-size:20px; color: #888; }
.board-write .section .article .labels { padding-top:15px; }
.board-write .section .article .labels label { margin-right:70px; }
.board-write .section .article p.label-desc { display: inline-block; vertical-align: middle; font-size:20px; color: #888;margin-left:1rem;font-weight:400;}
.board-write .section .article input.beam_inp{border:0;border-bottom:1px solid #bcbcbc;font-size:15px;color:#888;background:none;padding-right:10px;text-align:right;}
.board-write .section .article p.beam{display:inline-block;font-size:20px;vertical-align: middle;}
.board-write .section .article .inp-box { position: relative;}
.board-write .section .article .inp-box .dan { position: absolute; right:10px; bottom:0; line-height: 55px; font-size:20px; color: #888; }
.board-write .section .article .inp-box .dan + .inp { padding-right:60px; }
.board-write .section.col3 .article { width:calc(33.33333% - 30px); }
.board-write .agrees {   }
.board-write .agrees .s-tit { font-size:23px; font-weight: 700; margin-bottom:30px;  }
.board-write .agrees .privat{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.2px;
    color: #888888;
    font-weight: 500;
}
.file-upload { width:100%; padding-right:228px; position: relative;}
.file-upload label { position: absolute; right:0; bottom:0; width:194px; height: 47px; line-height: 46px; text-align: center; background: #222; border-radius:5px; font-size:16px; color: #fff; transition: all 0.3s ease; cursor: pointer; }
.file-upload label:hover { background: #f47c1f; }
.file-upload .file-hidden { position: absolute;left: -9999px; opacity:0; }
.write-btn { text-align: center; }
.write-btn button {border:0; display: inline-block; vertical-align: middle; padding:0 47px; height: 60px; line-height: 59px; border-radius:60px; background: #222; font-size:16px; font-weight: 600; color: #fff; transition: all 0.3s ease; }
.write-btn button:hover { background: #f47c1f; }

::-webkit-input-placeholder { color: #888;}

.tabs2 { margin-bottom: 75px; }
.tabs2 a { display: inline-block; vertical-align: middle; padding:0 30px; height: 60px; line-height: 59px; border-radius:60px; background: #e6e6e6; font-size:20px; color: #888; transition: all 0.3s ease; margin-right:30px; }
.tabs2 a.active { background: #f47c1f; font-weight: 600; box-shadow:15px 15px 18px rgba(0,0,0,0.15); color: #fff; }

.radio { position: absolute;left: -9999px; }
.radio + p { display: inline-block; vertical-align: middle; cursor: pointer;}
.radio + p em { display: inline-block; vertical-align: middle; width:29px; height: 29px; border: 1px solid #ddd; border-radius:100%; position: relative;transition: all 0.3s ease; position: relative;}
.radio + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; border-radius:100%; background: #222; transition: all 0.3s ease; transform: scale(0.4); opacity:0;  }
.radio + p span { display: inline-block; vertical-align: middle; font-size:20px; margin-left: 10px; }
.radio:checked + p em { border-color:#222; }
.radio:checked + p em:before { opacity:1; transform: scale(1);}


.checkbox { position: absolute;left: -9999px; }
.checkbox + p { display: inline-block; vertical-align: middle; cursor: pointer; }
.checkbox + p em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border: 1px solid #dddddd; border-radius:2px; position: relative;transition: all 0.3s ease; position: relative;}
.checkbox + p em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background:#f47c1f url(../img/sub4/checkbox.png) no-repeat 50% 50%; transition: all 0.3s ease; opacity:0;  }
.checkbox + p span { display: inline-block; vertical-align: middle; font-size:16px; margin-left: 6px; color: #999;}
.checkbox:checked + p em:before { opacity:1; }
.checkbox:checked + p em { border-color:#f47c1f; }
.checkbox:checked + p span { color: #222; }

.review-list { border-top:2px solid #222; margin-top:55px; margin-bottom: 20px;  }
.review-list ul li {  border-bottom: 1px solid #bcbcbc;  }
.review-list ul li a { display: block;padding: 30px 50px; transition: all 0.3s ease; }
.review-list ul li .item { display: flex; justify-content: space-between; align-items: center; }
.review-list ul li .item .img { flex:0 0 240px; width:240px; height: 240px; background: url(../img/sub4/tmp.png) no-repeat 50% 50%; background-size: contain; margin-right:40px; }
.review-list ul li .item .img img { width:100%; height: 100%; }
.review-list ul li .item .info { flex: 1; }
.review-list ul li .item .info .type { font-size:16px; color: #f47c1f; margin-bottom: 10px; }
.review-list ul li .item .info .subj { font-size:26px; margin-bottom: 10px; transition: all 0.3s ease;}
.review-list ul li .item .info .text { font-size:16px; line-height: 28px; max-height: 84px; overflow: hidden; color: #666; margin-top:15px; transition: all 0.3s ease;}
.review-list ul li a:hover { background: #f2f2f2; }
.review-list ul li a:hover .item .info .subj { color: #f47c1f; }
.review-list ul li a:hover .item .info .text { color: #f47c1f; }
.page-box { position: relative; margin-bottom: 50px;  }
.page-box .right { position: absolute; right:0; top:0; }
.page-box .page { text-align: center; font-size:0; }
.page-box .page a { display: inline-block; vertical-align: middle; font-size:20px; color: #aeaeae; font-weight: 700; padding:5px 10px; font-family: 'Pretendard'; }
.page-box .page a.active { color: #222; }
.page-box .page a i { font-size:16px; }
.page-box .page a i +i { margin-left: -10px; }

.btn1 { display: inline-block; vertical-align: middle; padding: 0 30px; height: 60px; line-height: 59px; background: #222; font-size:16px; color: #fff; font-weight: 600; border-radius:60px; transition: all 0.3s ease;}
.btn1:hover { background: #f47c1f; }

.branch-list {}
.branch-list ul { border-top:2px solid #222; }
.branch-list ul li { border-bottom: 1px solid #bcbcbc; padding: 40px 40px 40px 50px;  }
.branch-list ul li .item { padding-left: 130px; position: relative; position: relative;}
.branch-list ul li .item .btn-flip { position: absolute; right:-20px; top:-20px; padding:20px; font-size:25px; color: #222; background: none; border: 0; outline:none; }
.branch-list ul li .item .btn-flip i { transform: rotate(180deg); transition: all 0.3s ease;}
.branch-list ul li .item .btn-flip.active i { transform: rotate(0);}
.branch-list ul li .item .loc { position: absolute;left: -50px; width:130px; text-align: center; top:0; font-size:20px; color: #f47c1f; font-weight: 600; }
.branch-list ul li .item .loc small { display: block; font-size:16px; padding-top:4px; }
.branch-list ul li .item .info {}
.branch-list ul li .item .info .name { font-size:18px; color: #f47c1f; font-weight: 600; margin-bottom: 14px; }
.branch-list ul li .item .info .addr { font-size:18px; color: #666666; line-height: 1.55;  }
.branch-list ul li .item .info .map-box{ display: none; padding-top:35px; }
.branch-list ul li .item .info .map-box .map { height:250px; }

.show-list {}
.show-list ul { display: flex; flex-wrap: wrap; margin:0 -35px;  }
.show-list ul li {width:33.33333%; padding:0 35px 75px; }
.show-list ul li a {display: block; transition: all 0.3s ease; }
.show-list ul li a .img img { vertical-align: top; width:100%;  }
.show-list ul li a .info { padding: 28px; background: #fff; position: relative; }
.show-list ul li a .info .subj {font-size:22px; font-weight: 700; color: #000; line-height: 1.2; margin-bottom: 8px; }
.show-list ul li a .info .date { font-size:14px; color: #999; font-family: 'Montserrat'; }
.show-list ul li a .info i { position: absolute; right:28px; top:30px; font-size:23px; transition: all 0.3s ease; }
.show-list ul li a:hover { box-shadow:7px 7px 39px rgba(0,0,0,0.1);  }
.show-list ul li a:hover i { transform: rotate(90deg);}

.gallery-list { border-top:2px solid #222; margin-bottom: 50px; }
.gallery-list ul li { border-bottom: 1px solid #eee; }
.gallery-list ul li a { display: flex; justify-content: space-between; align-items: center; padding:20px 30px;  transition: all 0.3s ease; min-height: 163px;}
.gallery-list ul li a .type { flex: 0 0 110px; width:110px;  text-align: center; margin-right:30px;  }
.gallery-list ul li a .type span { display: inline-block; vertical-align: middle; min-width:84px; height: 30px; text-align: center; background: #222222; border-radius:30px; font-size:14px; line-height: 30px; color: #fff;  transition: all 0.3s ease;}
.gallery-list ul li a .text { flex: 1; min-width: 0;}
.gallery-list ul li a .text .subj { font-size:22px; font-weight: 600; margin-bottom: 10px;   transition: all 0.3s ease;white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.gallery-list ul li a .text .txt { font-size:16px; color: #666;  transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.gallery-list ul li a .thum { width:207px; flex:0 0 207px; position: relative;}
.gallery-list ul li a .thum img { vertical-align: top; width:100%; }
.gallery-list ul li a .thum span { position: absolute;left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:50px; color: #fff; background: rgba(0,0,0,0.3); }
.gallery-list ul li a .thum span i { transform: rotate(-90deg); }
.gallery-list ul li a:hover { background: #fafafa; }
.gallery-list ul li a:hover .type span { background: #ef7a1e; }
.gallery-list ul li a:hover .text .subj,
.gallery-list ul li a:hover .text .txt { color: #f47c1f; }

.new { display: inline-block; vertical-align: middle; width:24px; height: 24px; border-radius:100%; background: #d95f4e url(../img/common/ico_new.png) no-repeat 50% 50%; text-align: left; text-indent: -9999px; margin:-7px 4px 0 4px; }

.board-search { text-align: right; font-size:0;  }

.board-search .select { appearance:none; width:130px; height:55px; border: 0; font-size:18px; color: #666666; background: url(../img/common/bu_select.png) no-repeat  95% 50%; }
.board-search .inp-box { display: inline-block; vertical-align: middle; position: relative; margin-left: 20px; }
.board-search .inp { appearance:none; width:280px; height: 55px; font-size:18px; color: #666;  border: 0; background: none;  }
.board-search .inp-box .btn-srch { position: absolute; right:0; top:0; width:30px; height: 100%; background: url(../img/common/ico_search.png) no-repeat 50% 50%; border: 0;}


.product-list-wrap { margin-top:90px; }
.product-list-wrap .list-head { height: 940px; background: url(../img/sub2/bg_top.jpg) no-repeat 50% 50%; background-size:cover;color: #fff; padding-top:300px; }
.product-list-wrap #electro_ban{background:url("../img/sub2/bg_top_new.jpg");}
.product-list-wrap .list-head h2 { font-size:120px; color: #fff; font-weight: 700; line-height: 1.1; }
.product-list-wrap .list-head h2 strong { color: #f47c1f; }
.product-list-wrap .list-head h3 { font-size:24px; margin:18px 0 35px; font-weight: 500; letter-spacing: 6px; font-family: 'Mulish'; }
.product-list-wrap .list-head p { font-size:20px; line-height: 1.55; }
.product-list-wrap .list-title { text-align: center; padding: 105px 20px 75px; background: #f9f9f9; }
.product-list-wrap .list-title h3 { font-size:48px; font-weight: 700; line-height: 1; margin-bottom: 30px; }
.product-list-wrap .list-title h3 span { color: #f47c1f; }
.product-list-wrap .list-title .txt {font-size:18px; line-height: 1.5; max-width:660px;width:100%;word-break:keep-all;margin:0 auto;}
.product-list-wrap .list ul li .item { display: block; height: 400px; background:url(../img/sub2/img_list1.jpg) no-repeat 50% 50%; background-size:cover; display: flex; justify-content: center; align-items: center; flex-direction: column;  color: #fff; text-align: center; position: relative; }
.product-list-wrap .list ul li .item:before { content: ''; position: absolute;left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.2);  opacity:0; transition: all 0.5s ease;}
.product-list-wrap .list ul li .item .name { font-size:44px; font-weight: 700; transform: translateY(50px); transition: all 0.3s ease;  }
.product-list-wrap .list ul li .item .desc { font-size:20px; font-family: 'Mulish'; margin:20px 0 35px; transform:translateY(20px);transition: all 0.4s ease; opacity:0;  }
.product-list-wrap .list ul li .item .btns { transform:translateY(20px); transition: all 0.3s ease; transition-delay: 0.1s;  opacity:0; }
.product-list-wrap .list ul li .item .btns span { display: inline-block; vertical-align: middle; width:180px; height: 50px; border-radius:3px; border: 2px solid rgba(255,255,255,0.3); line-height: 46px; font-size:16px; font-family: 'Mulish'; font-weight: 600;  color: #fff;  transition: all 0.3s ease;}
.product-list-wrap .list ul li .item:hover .name{ transform: translateY(0);}
.product-list-wrap .list ul li .item:hover .desc{ transform: translateY(0); opacity:1;}
.product-list-wrap .list ul li .item:hover .btns { transform: translateY(0); opacity:1; }
.product-list-wrap .list ul li .item:hover:before { opacity:1; }
.product-list-wrap .list ul li .item .btns span:hover { background: #fff; color: #222; border-color:#fff; }


.product-view { padding-top:90px;  overflow: hidden;}
.product-view .menus .nav { background: #f47c1f;height: 50px; position: fixed;left: 0; right:0; top:90px; z-index:200;     }
.product-view .menus .nav .inner { position: relative; display: flex; justify-content: space-between; align-items: center; }
.product-view .menus .nav .title { line-height: 50px; font-size:16px; color: #fff; }
.product-view .menus .nav .title strong { font-family: 'Mulish'; font-weight: 600; padding-left: 15px; margin-left: 15px; position: relative;}
.product-view .menus .nav .title strong:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 12px; margin-top:-6px; background: #f6964c; }
.product-view .menus .nav nav { font-size:0; }
.product-view .menus .nav nav a { display: inline-block; vertical-align: middle; font-size:16px; text-align: center; width:150px; height: 50px; line-height: 50px; color: #fff; }
.product-view .menus .nav nav span.active a { background: #e6741e; }
.product-view .view-head { background: #f5f5f5; padding:65px 0; margin-bottom: 120px;  }
.product-view .view-head .inner { display: flex; justify-content: space-between; align-items: center; }
.product-view .view-head .img { width:50%; }
.product-view .view-head .info { width:50%;}
.product-view .view-head .info .cate { margin-bottom: 15px; display: flex; align-items: center; }
.product-view .view-head .info .cate span { font-size:16px; color: #333; padding-left: 20px; margin-left: 14px; position: relative; }
.product-view .view-head .info .cate span:before { content: ''; position: absolute;left: 0; top:7px; width:6px; height: 6px; border-left: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; transform: rotate(-135deg); }
.product-view .view-head .info .cate span:first-child { padding-left: 0; margin-left: 0; }
.product-view .view-head .info .cate span:first-child:before {display: none; }
.product-view .view-head .info h3 { font-size:80px; font-family: 'Mulish'; font-weight:700; line-height: 1.1; margin-bottom: 8px; text-indent: -5px; }
.product-view .iframe_text{text-align:center;width:100%;max-width:1400px;margin:0 auto;margin-bottom:150px;font-size:15px;font-weight:bold;padding:15px;background:#eee;}

.product-view .view-head .info h4 { font-size:36px; color: #f47c1f; font-weight: 700; margin-bottom: 33px; padding-bottom: 33px; border-bottom: 1px solid #bbb; }
.product-view .view-head .info .txt { font-size:16px; line-height: 1.5; color: #666666; margin-bottom: 40px; }
.product-view .view-head .info ul li { padding-left: 50px; position: relative; font-size:18px; color: #666666; margin-bottom: 15px; line-height: 1.3;}
.product-view .view-head .info ul li:before { content: ''; position: absolute;left: 0; top:-3px; width:30px; height: 30px; border-radius:100%; background: #ebebeb url(../img/sub2/ico_chk.png) no-repeat 50% 50%; }
.product-view .h3 { font-size:48px; font-weight: 600; margin-bottom: 40px;  }
.product-view .swiper-button-prev { left: -120px; }
.product-view .swiper-button-next { right: -120px; transform: scaleX(-1); }
.product-view .swiper-button-next,
.product-view .swiper-button-prev { top:50%; margin-top:-37px;   background: url(../img/sub2/btn_prev.png); border: 0;/* font-size:60px;*/  font-size:10px;  color:rgba(0,0,0,0); width:auto; height: auto;  width:29px; height: 56px;  }


.view-body1 .inner { max-width:1200px; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #dddddd; margin-bottom: 90px; }
.view-body1 .section { display: flex; justify-content: space-between;  align-items: center; margin-bottom: 70px; }
.view-body1 .section .img { width:50%; text-align: right; padding:0 20px; }
.view-body1 .section dl { width:50%; padding:0 75px;  }
.view-body1 .section dl dt { font-size:36px; font-weight: 600; margin-bottom: 20px;word-break:keep-all !important;  }
.view-body1 .section dl dd { font-size:17px; line-height: 1.5; color: #666666; }
.view-body1 .section:nth-child(even) { flex-direction: row-reverse; }
.view-body1 .section:nth-child(even) dl { text-align: right; }
.view-body1 .section:nth-child(even) .img { text-align: left; }
.view-body2 { overflow: hidden; padding-bottom: 70px;  }
.view-body2 .slider1{ margin-bottom: 110px; }
.view-body2 .swiper-container { overflow:visible;  }
.view-body2 .swiper-slide { width:auto !important; cursor: grab; }
.view-body2 .swiper-slide .img { border: 2px solid #e6e6e6; }
.view-body2 .swiper-slide .img img { vertical-align: top; }
.view-body2 ol { display: flex; flex-wrap: wrap; list-style:none; padding: 0; margin: 0;  }
.view-body2 ol li { list-style:none;  width:25%;  margin-bottom: 60px;  }
.view-body2 ol li .item { padding-left: 45px; position: relative; word-break: keep-all; }
.view-body2 ol li .item .num { position: absolute;left: 0; top:0; font-size:24px; color: #f47c1f; font-family: 'Mulish';  }
.view-body2 ol li .item dl dt {font-size:22px; font-weight: 600; color: #333; margin-bottom: 14px;max-width:100%; word-break:keep-all !important;}
.view-body2 ol li .item dl dd { font-size:15px; line-height: 1.5; color: #888888; padding-right:25px; max-width:100%;word-break:keep-all !important; }
.view-body3 { padding: 110px 0; background: #f9f9f9; }
.view-body3 .info-box { display: flex; justify-content: space-between; }
.view-body3 .info-box .table { width:calc(50% - 20px); }
.view-body3 .info-box .table table { width:100%; height: 100%; border-collapse: collapse; border-top:2px solid #222;  }
.view-body3 .info-box .table table tbody th { width:28%; padding: 23px 25px; background: #f2f2f2; border-bottom: 1px solid #ccc; font-size:18px; line-height: 1.4; color: #333; font-weight: 500; text-align: left; vertical-align: top; }
.view-body3 .info-box .table table tbody td { padding: 23px 0 23px 25px; background: none; border-bottom: 1px solid #ccc; font-size:18px; color: #666; line-height: 1.4; font-weight: 500; text-align: left; letter-spacing: -0.5px; vertical-align: top; }
.view-body4  { padding: 110px 0; }
.view-body4 .slider2  { position: relative;}
.view-body4 .slider2 .item { display: flex; justify-content: space-between; align-items: center; }
.view-body4 .slider2 .item .mv { width:57.14%; position: relative; }
.view-body4 .slider2 .item .mv iframe { position: absolute;left: 0; top:0; width:100%; height: 100%;}
.view-body4 .slider2 .item .info { flex: 1; padding-left: 100px; }
.view-body4 .slider2 .item .info .t1 { font-size:20px; color: #f47c1f;font-family: 'Mulish'; margin-bottom: 15px;  }
.view-body4 .slider2 .item .info .t2 { font-size:44px; color: #333; font-weight: 700; line-height: 1.2; margin-bottom: 30px;  }
.view-body4 .slider2 .item .info .t3 { font-size:18px; line-height: 1.4;  color: #666; }

.view-body5 { padding:110px 0; background: #ffa531 url(../img/sub2/bg.png) no-repeat right 50%; background-size:contain; }
.view-body5 ul { display: flex; flex-wrap: wrap; }
.view-body5 ul li { width:50%; padding-right:10px; margin-bottom: 10px;  }
.view-body5 ul li a { display: block; padding: 0 28px; border-radius:5px; background: #ffba60; box-shadow:0 0 5px rgba(0,0,0,0.1); transition: all 0.3s ease; }
.view-body5 ul li a dl { display: flex; justify-content:space-between; align-items: center; height: 70px; color: #222;  }
.view-body5 ul li a dl dt { font-size:20px; font-weight: 600; }
.view-body5 ul li a dl dd{ font-size:16px; font-family: 'Mulish'; }
.view-body5 ul li a dl dd img { vertical-align: middle; margin:-4px 0 0 10px; }
.view-body5 ul li a:hover { box-shadow:0 0 10px rgba(0,0,0,0.3);}

.view-body6 { padding:110px 0; background: #f9f9f9;  }
.view-body6 .slider3 { position: relative;}

.view-body7 .section_06 { background: none; padding-bottom: 110px;  }
.view-body7 .section_06 .input_form_area .input_form .in_input { font-size:16px; transition: all 0.5s ease; }
.view-body7 .section_06 .input_form_area .input_form .in_input:focus { border-color:#f47c1f; }
.view-body7 .section_06 .input_form_area .input_form .submit_area .in_submit { width:245px; height: 70px; text-align: center; }
.view-body7 .section_06 .input_form_area .input_form .submit_area .in_submit span { display: none; }
.view-body7 .section_06 .input_form_area .input_form .submit_area { margin-top:25px; }

.view-body8 { background: #222222; padding:110px 0; }
.view-body8 .h3 { color: #fff; }
.view-body8 .item { display: block; padding:60px 0; text-align: center; border-radius:8px; background: #fff; }
.view-body8 .item .img { margin-bottom: 15px;  }
.view-body8 .item .img img { transition: all 1s ease;}
.view-body8 .item .info { position: relative;}
.view-body8 .item .t1 { font-size:26px; font-weight: 700; font-family: 'Mulish'; line-height: 1.2; }
.view-body8 .item .t2 { font-size:20px; color: #f47c1f; font-weight: 600; margin-bottom: 12px; }
.view-body8 .item .t3{  font-size:16px; color: #666666; }
.view-body8 .item:hover .img img { transform:scale(1.1); }
.product-view .view-body8 .swiper-button-next, 
.product-view .view-body8 .swiper-button-prev { background-image: url(../img/sub2/btn_prev_white.png); }
.product-view .slider2 .swiper-pagination ,
.product-view .slider3 .swiper-pagination ,
.product-view .slider4 .swiper-pagination { display: none; }

.product-thums-list { margin-top:90px;  }
.product-thums-list .head { background: url(../img/sub2/bg_top2.jpg) no-repeat 50% 50%; background-size:cover; height: 482px; padding-top:122px; }
.product-thums-list .head h3 { font-size:76px; line-height: 1.2; color: #fff; font-weight: 600; }
.product-thums-list .head h3 strong { display: block; color: #f47c1f; }
.product-thums-list .head p { font-size:18px; line-height: 1.6; color: #fff; margin-top:25px;max-width: 40rem;
    word-break: keep-all !important; }
.product-thums-list .body { padding: 75px 0 100px; }
.product-thums-list .body h4 { font-size:48px; font-weight: 600; margin-bottom: 15px;  }
.product-thums-list .body h4 strong { color: #f47c1f; }
.product-thums-list .body h4 em { color: #ccc; font-weight: 300; }
.product-thums-list .body .total { font-size:18px; margin-bottom: 50px; padding-bottom: 15px; border-bottom: 1px solid #ccc;font-family: 'Mulish'; }
.product-thums-list .body .list {}
.product-thums-list .body .list ul { display: flex; flex-wrap: wrap; margin:0 -19px;  }
.product-thums-list .body .list ul li { width:50%; padding:0 19px 30px; }
.product-thums-list .body .list ul li .item { display: block; position: relative; }
.product-thums-list .body .list ul li .img-box { height: 100%; position: relative;text-align:center;padding-top:3.5rem;background:#ededed;    min-height: 630px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.product-thums-list .body .list ul li .img-box img { max-width:100%;  vertical-align: top; }
.product-thums-list .body .list ul li .img-box .subj { position: absolute;left: 40px; top:50px; padding-left: 20px;text-align: left; }
.product-thums-list .body .list ul li .img-box .subj:before { content: ''; position: absolute;left: 0; top:5px; width:5px; height: 30px; background: #fa9d24; }
.product-thums-list .body .list ul li .img-box .subj strong { font-size:40px; font-weight: 700;font-family: 'Mulish'; line-height: 1; }
.product-thums-list .body .list ul li .img-box .subj p { font-size:20px; color: #666; padding-top:7px;text-align: left; }
.product-thums-list .body .list ul li .over-box { opacity:0; position: absolute;left: 0; right:0; top:0;bottom:0; background: url(../img/sub2/thum_over.jpg) no-repeat 50% 50%; background-size:cover;  display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all 0.5s ease; }
.product-thums-list .body .list ul li .over-box .subj { margin-bottom: 55px; color: #f79427; text-align: center; }
.product-thums-list .body .list ul li .over-box .subj strong { font-size:40px; line-height: 1.4; margin-bottom: 6px; }
.product-thums-list .body .list ul li .over-box .subj p { font-size:20px; line-height: 1.5; }
.product-thums-list .body .list ul li .over-box .info {padding: 25px; width:70%; border-top:1px solid #414141; border-bottom: 1px solid #414141; margin-bottom: 55px; }
.product-thums-list .body .list ul li .over-box .info dl { color: #fff; font-size:20px; line-height: 1.4; }
.product-thums-list .body .list ul li .over-box .info dl + dl { margin-top:7px; }
.product-thums-list .body .list ul li .over-box .info dl:after { display: block; content: ''; clear: both; }
.product-thums-list .body .list ul li .over-box .info dl dt { float:left; margin-right:30px; font-weight: 600; }
.product-thums-list .body .list ul li .over-box .info dl dd{font-size:16px;word-break:keep-all;}
.product-thums-list .body .list ul li .over-box .more { display: inline-block; vertical-align: middle; width:180px; height: 50px; border:2px solid #494949; border-radius:5px; font-size:16px; color: #fff; line-height: 46px; text-align: center;transition: all 0.3s ease; }
.product-thums-list .body .list ul li .over-box .more:hover { background: #fff; color: #222; border-color:#fff;  }
.product-thums-list .body .list ul li .item:hover .over-box { opacity:1; }

.mobile { display: none; }
@media (max-width: 1400px) {
	.inner { padding:0 20px; }
	.about1-3 ul li:before { display: none; }
	.about1-3 ul li .circle { width:250px; height: 250px; font-size:18px; margin-bottom: 20px; background-size:250px auto;  }
	.about1-3 ul li .circle img {height: 60px; }
	.about1-3 ul li .circle strong {padding-top:20px; }
	.product-view .menus .nav nav a { width:auto; padding:0 20px; }
	.product-view .view-head .info .cate span { font-size:13px; }
	.product-view .view-head .info h3 { font-size:60px; }
}
@media (max-width: 1024px) {
	.pc { display: none; }
	.mobile { display: block; }
	
	.mb10 { margin-bottom: 6px !important; }
	.mb15 { margin-bottom: 8px !important; }
	.mb20 { margin-bottom: 12px !important; }
	.mb40 { margin-bottom: 25px !important; }
	.mb50 { margin-bottom: 32px !important; }
	.mb60 { margin-bottom: 38px !important; }
	
	.radio + p em { width:18px; height: 18px; }
	.radio + p span { font-size:14px; margin-left: 5px; }
	.checkbox + p em { width:16px; height: 16px; }
	.checkbox + p span { font-size:14px; margin-left: 4px; }
	.btn1 { padding:0 20px; height: 50px; line-height: 49px; font-size:14px; border-radius:50px; }

	.common-more { margin:0 25px 0;}
	.common-more a { width:120px; height: 50px; line-height: 48px; font-size:24px; border-radius:50px; }
	
	.sub-head { margin:150px 0 0; height: 250px; }
	.sub-head h2 { font-size:45px; left: 20px; top:-50px; }
	.sub-head h2 strong:nth-child(2):before { width:14px; height: 14px; right:-23px; bottom:25px;}
	.bg-content { padding-top:50px; padding-bottom: 80px; }
	.about1-1 h3 { font-size:30px; margin-bottom: 40px; }
	.about1-1 .t1 { font-size:30px; }
	.about1-1 .img { margin-bottom: 40px; }
	.about1-1 .txt-box { display: block; }
	.about1-1 .txt-box .t2 { margin: 0 0 20px; font-size:20px; line-height: 1.3; }
	.about1-1 .txt-box .t3 { font-size:14px; }
	.about1-2 { display: block; padding-top:50px; margin-bottom: 80px; }
	.about1-2 .msg { display: block; }
	.about1-2 .msg h3 { font-size:30px; margin-bottom: 20px; }
	.about1-2 .msg .txt { font-size:15px; margin-bottom: 20px; }
	.about1-3 { padding:50px 0 80px; }
	.about1-3 h4 { font-size:30px; margin-bottom: 30px; }
	.about1-3 ul { display: block; }
	.about1-3 ul li { padding:  0 0 20px; }
	.about1-3 ul li .txt { font-size:14px; }
	.tabs p a { font-size:15px; line-height: 35px; }
	.tabs p + p { padding-left: 28px; }
	.tabs p + p:before { left: 14px; top:17px;  }
	.h3 { font-size:30px; margin-bottom: 30px; }
	.history .head { margin-left: 0; padding:40px 0;  font-size:16px; }
	.history .head strong { font-size:25px; }
	.history .years { margin-top:0; width:auto; height: 70px; line-height: 70px; font-size:30px; }
	.history ul { padding-left: 20px; padding-top:20px; }
	.history ul:before {left: 21px; }
	.history ul li:before { left: -7px; top:4px; width:18px; height: 18px; border-width:5px;}
	.history ul li { padding-left: 20px; margin-bottom: 40px; }
	.history ul li h4 { font-size:25px; width:60px; margin-bottom: 10px; }
	.history ul li dl dt { width:60px; font-size:16px; margin-right:15px; }
	.history ul li dl dd { font-size:14px; word-break: keep-all; }
	.certi-list ul { padding: 0; }
	.certi-list ul li { width:50%;  padding: 0 5px;  margin-bottom: 30px;}
	.certi-list ul li p { font-size:14px; padding-top:10px; }
	.hoist .t1 { font-size:14px; margin-bottom: 30px; }
	.hoist .swiper-button-prev, .hoist .swiper-button-next { display: none; }
	.processing { padding:60px 0 80px; }
	.processing .h3 { font-size:26px; }
	
	.mobile-scroll { display: flex; margin-bottom: 20px;}
	
	.product-list-wrap .list-head { height: auto; padding:70px 0 ;}
	.product-list-wrap .list-head h2 { font-size:50px; }
	.product-list-wrap .list-head h3 { font-size:17px; margin:10px 0 20px; letter-spacing: 3px;}
	.product-list-wrap .list-head p { font-size:14px; }
	.product-list-wrap .list-title { padding:50px 20px; }
	.product-list-wrap .list-title h3 { font-size:28px; margin-bottom: 20px; }
	.product-list-wrap .list-title .txt { font-size:13px; word-break: keep-all;}
	.product-list-wrap .list ul li .item { height: 250px; }
	.product-list-wrap .list ul li .item .name {font-size:30px; transform: translateY(0); }
	.product-list-wrap .list ul li .item .desc { transform: translateY(0); opacity: 1; margin:15px 0 20px; font-size:16px; }
	.product-list-wrap .list ul li .item .btns { transform: translateY(0); opacity: 1;}
	.product-list-wrap .list ul li .item .btns span { width:140px; height: 40px; line-height: 36px; font-size:14px; }
	.product-view{padding-top:0;}
	.product-view .menus  { display: none; }
	.product-view .view-head {padding:40px 0; margin-bottom: 50px; }
	.product-view .view-head .inner { display: block; }
	.product-view .view-head .img { width:auto; margin-bottom: 20px; text-align: center; }
	.product-view .view-head .info { width:auto; }
	.product-view .view-head .info .cate { display: none; }
	.product-view .view-head .info h3 { font-size:35px; }
	.product-view .view-head .info h4 { font-size:20px;  padding-bottom: 20px; margin-bottom: 20px; }
	.product-view .view-head .info .txt { font-size:13px; margin-bottom: 20px;  }
	.product-view .view-head .info ul li { padding-left: 35px; margin-bottom: 12px; font-size:14px; }
	.product-view .view-head .info ul li:before { width:22px; height: 22px; background-size:10px auto; }
	.view-body1 .section { display: block; margin-bottom: 40px; }
	.view-body1 .section .img { width:auto; text-align: left; padding: 0; margin-bottom: 20px;  }
	.view-body1 .section .img img { width:100%; }
	.view-body1 .section dl { width:auto; padding: 0; }
	.view-body1 .section dl dt { font-size:25px; margin-bottom: 10px; }
	.view-body1 .section dl dd { font-size:13px; }
	.view-body1 .section:nth-child(even) dl{ text-align: left; }
	.view-body2 { padding-bottom: 50px; }
	.view-body2 .slider1 { margin-bottom: 40px; }
	.view-body2 .swiper-slide { width:250px !important; }
	.view-body2 ol li { width:50%;  margin-bottom: 30px;}
	.view-body2 ol li .item { padding-left: 35px; }
	.view-body2 ol li .item .num {font-size:18px; }
	.view-body2 ol li .item dl dt { font-size:18px; margin-bottom: 8px; }
	.view-body2 ol li .item dl dd { font-size:13px; padding-right:5px; }
	.view-body3 { padding:50px 0 70px;}
	.product-view .h3 {font-size:30px; margin-bottom: 20px; }
	.view-body3 .info-box { display: block; }
	.view-body3 .info-box .table table tbody th,
	.view-body3 .info-box .table table tbody td { padding: 5px 10px; font-size:12px; }
	.view-body3 .info-box .table { width:auto; margin-bottom: 20px; }
	.view-body4 .slider2 .item { display: block; }
	.view-body4 .slider2 .item .mv { width:auto; margin-bottom: 20px; }
	.view-body4 .slider2 .item .info { padding-left: 0; }
	.view-body4 .slider2 .item .info .t1 { font-size:15px; }
	.view-body4 .slider2 .item .info .t2 { font-size:25px; margin-bottom: 15px; }
	.view-body4 .slider2 .item .info .t3 { font-size:13px; }
	.product-view .swiper-pagination { text-align: center; position: static;margin: 20px 0 0; }
	.product-view .swiper-pagination-bullet { width:10px; height: 10px; border-radius:0; background: #ccc; opacity:1; transition: all 0.5s ease; margin:0 4px;}
	.product-view .swiper-pagination-bullet-active { background: #f47c1f; }
	.view-body5 { padding:50px 0 50px;}
	.view-body5 ul { display: block; }
	.view-body5 ul li { width:auto; padding: 0; }
	.view-body5 ul li a { padding:0 15px; }
	.view-body5 ul li a dl { height: 50px; }
	.view-body5 ul li a dl dt { font-size:16px; }
	.view-body5 ul li a dl dd { font-size:14px; }
	.view-body6 { padding: 50px 0;}
	.view-body7 .section_06 { padding:10px 0 50px;}
	.view-body7 .section_06 .input_form_area .input_form .in_input { height: 50px; padding-left: 10px; }
	.view-body7 .section_06 .input_form_area .input_form .submit_area { display: block; margin-top:20px;  text-align: center; }
	.view-body7 .section_06 .input_form_area .input_form .submit_area .in_submit { width:auto; padding:0 50px; height: 50px; font-size:15px; }
	.section_06 .input_form_area .input_form .input_area.check_area { display: block; float: none; text-align: center; }
	.view-body8 { padding:50px 0 ;}
	.view-body8 .item { padding:20px 0; border-radius:0;}
	.view-body8 .item .img img { max-height: 280px; }
	.view-body8 .item .t1 { font-size:20px; }
	.view-body8 .item .t2 { font-size:16px; }
	.view-body8 .item .t3 { font-size:13px; }
	.product-view .slider2 .swiper-pagination ,
	.product-view .slider3 .swiper-pagination ,
	.product-view .slider4 .swiper-pagination { display: block; }
	.catalog .t1 { font-size:50px; margin-bottom: 10px; }
	.catalog { padding-bottom: 180px; }
	.catalog2 .box { margin-top:-170px; width:100%;  }
	.catalog2 .img img { width:70%;box-shadow:10px 10px 15px rgb(0 0 0 / 18%); }
	.catalog2 .subj { margin:20px 0 10px; }
	.catalog2 .subj p { font-size:20px; }
	.catalog2 .t2 { font-size:14px; margin-bottom: 15px; word-break: keep-all; }
	.catalog2 .swiper-button-prev { left: 0; top:20%;  }
	.catalog2 .swiper-button-next { right: 0; top:20%;  }
	.catalog2 .btns a { padding:0 15px; height: 50px; line-height: 48px; font-size:14px; margin:0 3px;}
	.catalog2 .btns a i { margin:-3px 0 0 5px; font-size:20px; }
	.catalog2 .desc { padding:30px 0 0 0; font-size:12px; text-align: center; word-break: keep-all; }
	.manual .desc { text-align: center; font-size:12px; margin-bottom: 10px; }
	.manual ul { margin: 0 0 60px; display: block; }
	.manual ul li { width:auto; padding: 0 0 20px; }
	.manual ul li .item .info { left:15px; top:15px; bottom:15px; }
	.manual ul li .item .info .type { height: 20px; line-height: 20px; font-size:11px; }
	.manual ul li .item .info .name { font-size:18px; margin:5px 0 10px; line-height: 1.2;  }
	.manual ul li .item .info .dsc { font-size:12px; line-height: 1.4;  }
	.manual ul li .item .info a {  padding:0 20px; height: 30px; line-height: 28px; font-size:13px; border-radius:30px; }
	.manual ul li .item .info a i { font-size:17px; margin:-2px 0 0 4px; }
	.certi-list2 ul { margin-bottom: 0; padding-bottom: 0; border: 0; }
	.certi-list2 ul li { float:none; width:auto; padding-bottom: 20px;  }
	.certi-list2 ul li .item .img { width:40%; margin-right:15px; }
	.certi-list2 ul li .item .info { padding: 0; }
	.certi-list2 ul li .item .info .name { font-size:20px; margin-bottom: 3px; }
	.certi-list2 ul li .item .info .date { font-size:12px;  margin-bottom: 10px; }
	.certi-list2 ul li .item .info .btns a { padding:0 10px; height: 40px; line-height: 38px;  font-size:13px; margin-right:3px; margin-bottom: 5px;}
	.data-table { overflow: auto; }
	.data-table table { width:1300px;}	
	.data-table table thead th,
	.data-table table tbody td { font-size:13px; padding:5px; }
	.data-table table thead th { padding:10px 5px; }
	.data-table table thead th:nth-child(n+3) { font-size:13px; }
	.data-table table thead th small {font-size:12px; }
	.data-desc2 p { font-size:13px;  }
	.data-desc3 { text-align: center; font-size:12px; margin-bottom: 30px; }
	.data .btn-box a { padding:0 10px; height: 40px; line-height: 38px; font-size:14px; margin:0 2px 5px;}
	.map .info { padding:20px; }
	.map .info:before { background-position: right 100%; background-size:70%; }
	.map .info h4 { font-size:25px; margin-bottom: 15px; }
	.map .info h4 small { font-size:14px; display: block; }
	.map .info .etc dl { display: block; margin: 0 0 10px; }
	.map .info .etc dl dt { font-size:14px; }
	.map .info .etc dl dd { font-size:13px; }
	.map .info .etc dl:first-child dd { display: block; padding-left: 5px; }
	#Contact { padding-top:50px; }
	.contact { padding-left: 0; }
	.contact .section { padding-left: 0; margin-bottom: 30px; }
	.contact .section h4 { position: static; font-size:22px; margin-bottom: 15px; padding-top:15px; }
	.contact .section dl { padding:15px 0 ; }
	.contact .section dl dt { float:none; width:auto;  margin-bottom: 5px; }
	.contact .section dl dt small { font-size:14px;}
	.contact .section dl dt strong {font-size:18px; }
	.contact .section dl dd { font-size:14px; }
	.contact .section dl dd .mail { margin-top:2px; }
	.h3-flex { margin-bottom: 40px; display: block; }
	.h3-flex .req { text-align: left; font-size:13px; padding-top:8px;}
	.board-write { padding-bottom: 20px; margin-bottom: 20px; }
	.board-write .section { display: block; margin-bottom: 0; }
	.board-write .section .article { width:auto; margin-bottom: 15px; }
	.board-write .section .article .tit { margin-bottom: 4px; }
	.board-write .section .article .tit p { font-size:16px; }
	.board-write .section .article .inp,
	.board-write .section .article .select { height: 40px; font-size:15px; }
	.board-write .section .article .inp-box .dan { line-height: 40px; font-size:15px; right:5px; }
	.board-write .section .article .in-box { display: block; }
	.board-write .section .article .in-box .in { width:auto; }
	.board-write .section .article .in-box .in + .in { margin-top:15px; }
	.board-write .section .article.long .inp-box > span { width:30px; flex:0 0 30px; font-size:14px; line-height: 40px; }
	.tabs2 a { padding:0 12px; height: 40px; line-height: 39px; font-size:14px; margin:0 3px 5px  0;}
	.tabs2 a.active { box-shadow:5px 5px 8px rgba(0,0,0,0.15); }
	.board-write .section .article .labels label { margin-right:15px; }
	.board-write .section.col3 .article { width:auto; }
	.board-write .section .article .labels .label-desc { display: block; font-size:13px; padding-top:8px; }
	.file-upload { padding-right:90px; }
	.file-upload label { width:80px; height: 40px; line-height: 39px; font-size:14px; }
	.board-write .section .article .textarea { height: 150px; font-size:15px; }
	.board-write .agrees .s-tit { font-size:18px; margin-bottom: 20px; }
	.write-btn a { padding:0 35px; height: 50px; line-height: 49px; font-size:14px; }
	.review-list ul li a { padding:20px 0; }
	.review-list ul li .item .img { flex:0 0 140px; width:140px; height: 140px; margin-right:20px; }
	.review-list ul li .item .info .type {font-size:12px; margin-bottom: 3px; }
	.review-list ul li .item .info .subj { font-size:16px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}
	.review-list ul li .item .info .grade img { height: 12px; }
	.review-list ul li .item .info .text { margin-top:10px;  font-size:13px; line-height: 1.4; max-height: inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;}
	.page-box { margin-bottom: 30px; }
	.page-box .page a { font-size:14px; padding:4px 8px; }
	.page-box .page a i { font-size:13px; }
	.page-box .right { position: static; padding-top:20px; text-align: center; }
	.tabs-box { display: block; }
	.tabs-box .right { padding-top:10px; }
	.tabs-box .right a {  height: 50px; font-size:15px; line-height: 48px; }
	.branch-list ul li { padding:15px; }
	.branch-list ul li .item { padding-left: 0; }
	.branch-list ul li .item .loc { position: static; width:auto; font-size:16px; margin-bottom: 7px; text-align: left; }
	.branch-list ul li .item .loc small { font-size:13px; }
	.branch-list ul li .item .info .name { font-size:14px; }
	.branch-list ul li .item .info .addr { font-size:13px; }
	.branch-list ul li .item .info .map-box { padding-top:20px; }
	.show-list ul { margin:0 -5px; }
	.show-list ul li { width:50%; padding:0 5px 20px; }
	.show-list ul li a { height: 100%;border: 1px solid #ddd; }
	.show-list ul li a .info { padding:15px 10px;  }
	.show-list ul li a .info .subj { font-size:16px; margin-bottom: 5px; }
	.show-list ul li a .info .date { font-size:13px; }
	.show-list ul li a .info i { display: none; }
	.content { padding:50px 0 70px; }
	.tabs3 div {display: flex; justify-content: space-between; margin-bottom: 20px; }
	.tabs3 div a { flex: 1; font-size:14px; padding:0 20px; line-height: 40px; }
	.gallery-list ul li a { padding:15px 10px; min-height: inherit; flex-direction: column;  align-items:stretch}
	.gallery-list ul li a .type { flex: 1; width:auto; text-align: left; margin: 0;}
	.gallery-list ul li a .type span { padding:0 10px; height: 24px; line-height: 23px; font-size:13px; }
	.gallery-list ul li a .text { margin:8px 0 12px; }
	.gallery-list ul li a .text .subj { font-size:16px; margin-bottom: 6px; overflow: visible; }
	.gallery-list ul li a .text .txt { font-size:14px; white-space: normal; }
	.gallery-list ul li a .thum { width:auto; flex: 1; }
	.gallery-list ul li a .thum img { width:100%; }
	.new { width:20px; height: 20px; background-size:8px auto;}
	.hoist #map1 { padding-bottom:70%; height:auto; }
	.board-search { display:flex; justify-content: space-between; }
	.board-search .select { flex:0 0 90px; height:50px; font-size:15px;  }
	.board-search .inp-box { margin-left:10px; width:auto; flex:1; }
	.board-search .inp { width:100%; height:50px; font-size:15px; }
	.product-thums-list .head { height: 220px; padding-top:40px; }
	.product-thums-list .head h3 { font-size:26px; }
	.product-thums-list .head p { font-size:14px; margin-top:7px; }
	.product-thums-list{margin-top:0;}
	
	.product-thums-list .body { padding:30px 0 60px; }
	.product-thums-list .body h4 { font-size:23px; }
	.product-thums-list .body h4 span { display: block; }
	.product-thums-list .body .total { font-size:14px; margin-bottom: 30px; padding-bottom: 10px;}
	.product-thums-list .body .list ul { margin: 0; }
	.product-thums-list .body .list ul li { width:100%; padding: 0 0 30px; }
	.product-thums-list .body .list ul li .img-box .subj { left: 20px; top:20px; padding-left: 15px; }
	.product-thums-list .body .list ul li .img-box .subj:before { width:3px; height: 20px; top:3px;  }
	.product-thums-list .body .list ul li .img-box .subj strong { font-size:25px; }
	.product-thums-list .body .list ul li .img-box .subj p { font-size:14px; }
	.product-thums-list .body .list ul li .over-box .subj { margin-bottom: 15px; }
	.product-thums-list .body .list ul li .over-box .subj strong { font-size:20px; }
	.product-thums-list .body .list ul li .over-box .subj p { font-size:14px; }
	.product-thums-list .body .list ul li .over-box .info { padding:10px 0; margin-bottom: 20px; width:90%;}
	.product-thums-list .body .list ul li .over-box .info dl { font-size:13px; }
	.product-thums-list .body .list ul li .over-box .more { width:150px; height: 45px; line-height: 41px; font-size:14px; }
}


@media (max-width: 1080px) {
	.processing .img { overflow-x:auto; }
	.processing .img img { width:900px;  max-width:inherit; }
}