
#middle {padding-top: 0;}
.container.type01 {max-width:none;padding: 0 6.979%;}

.sub-visual .slidebox h1 {font-size: 3.6vw;}
.sub-visual .slidebox .wrap-img img {width: 100%;}
.slidebox .stamp {width: 26%;bottom: -67%;right: -6%;}


.dl-history dd {padding-left: 30%;}

.dl-history dt {font-size: 50px;}

.f-right .dl-year {padding-left: 4%;}


.sec01 {padding-top: 120px;}

.sec01.main-product {padding-top: 60px;}

.number-define {margin-bottom: 68px;}

#footer .container.type02 {box-sizing:border-box;padding: 0;}
.container.type02 {left: -1px;}

.sec01 h2 {margin-bottom: 70px;font-size: 40px;}

.wrap-product-info ul.type_col3 li {width: 33.333333%;}
.wrap-product-info li {width: 25%;}
.wrap-product-info.ty3 li {width: 33.333333%;}

.wrap-product-list .wrap-goods img {max-width:100%}
.wrap-product-info .txt01 {width: auto;}

#middle .wrap-chk span {margin-left: 6px;}


.icon_required {display: inline-block;position: relative;width: 20px;}
.icon_required:after {content:'';position: absolute;width: 6px;height: 6px;border-radius: 100%;background-color: #ff0000;top: 50%;margin-top: -3px;}

.data-list {}
.data-list ul {margin-left: -10px;margin-right: -10px;}
.data-list li {padding: 0 10px;box-sizing:border-box}
.data-list .wrap {position: relative;padding: 0;padding-top: 141.4%;overflow: hidden;border: 1px solid #dcdcdc;box-sizing:border-box}
.data-list .wrap .img_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items:center;justify-content:center;}
.data-list .wrap .img_box img {max-width:100%;max-height:100%}


.main-banner-wrap .slidebox .wrap-img {display: flex;}
.sub-visual .slidebox .wrap-img {display: block;}


.number-define {}
.number-define .count {position: relative;display: inline-block;font-size: 140px;line-height: 1;height: 1em;vertical-align: middle;overflow: hidden;font-weight: bold;padding: 0 5px;}
.number-define .count > .digits {float: left;}
.count .digits > li {float: none;margin-right: 0;}
	.digits {
		
		list-style-type: none;
		
		margin-top: 1em;
		transition:margin-top 2s ease-in-out;
		
	}


.count 	.digits1 {transition-delay: 0s}
.count 	.digits2 {transition-delay: .1s}
.count 	.digits3 {transition-delay: .2s}
.count 	.digits4 {transition-delay: .3s}
.count .digits5 {transition-delay: .4s}
.count .digits6 {transition-delay: .5s}
.count  .digits7 {transition-delay: .6s}


.main-history .txt-btn01 {font-size: 16px;line-height: 30px;width: 150px;text-align: left;}
.txt-btn01 a::after {width: 80px;}


.main-banner-wrap .main-banner .swiper-slide .slidebox h1 {margin-left: -40px;transition:all 1s ease-in-out;opacity: 0;}
.main-banner-wrap .main-banner .swiper-slide.on .slidebox h1 {margin-left: 0;opacity: 1;}
.main-banner-wrap .main-banner .swiper-slide .slidebox .wrap-img {transform:translateX(50px);transition:all 1s ease-in-out;opacity: 0;}
.main-banner-wrap .main-banner .swiper-slide.on .slidebox .wrap-img {transform:translateX(0);opacity: 1;}


.btn-area.type2 {font-size: 0;}
.btn-area.type2 a {width: 226px;max-width:calc(50% - 4px);min-width:auto}


/* 공지사항 */

.noticeList {margin-top: 60px;border-top: 1px solid #000;}
.noticeList > li {border-bottom: 1px solid #000;}
.noticeList > li > a {position: relative;display: block;padding: 30px 20px 40px 20px;padding-right: 80px;position: relative;min-height:162px;}
.noticeList > li > a:before {position: absolute;content: '';right: 30px;top: 53px;width: 49px;height: 15px;background: url(../../images/common/arr_notice.png) no-repeat 50%;opacity:0;transform: translateX(0); transition: all 0.3s ease-in-out;}
.noticeList > li:hover > a:before {transform: translateX(-20px);opacity:1;}
.noticeList > li > a .nl_tit {display: block;font-size: 24px;font-weight: 500;line-height: 1.75;color: #000;}
.noticeList > li:hover > a .nl_tit {text-decoration: underline;}
.noticeList > li > a .nl_info {margin-top: 34px;font-size:0;}
.noticeList > li > a .nl_info span {position: relative;display: inline-block;font-size: 14px;font-weight: 300;color: #b2b2b2;vertical-align: top;}
.noticeList > li > a .nl_info span + span {padding-left: 15px;margin-left: 15px;}
.noticeList > li > a .nl_info span + span:before {position: absolute;content: '';left: 0;top: 1px;bottom: 1px;width: 1px;background-color: #e4e4e4;}

.pager_wrap {margin-top: 85px;}
.pager_wrap .pager {display: inline-block;vertical-align: top;font-size: 0;}
.pager_wrap .pager > * {position: relative;display: inline-block;vertical-align: middle;font-size: 40px;font-weight: bold;line-height: 1.64;margin: 0 2px;color: #e3e3e3;position: relative;}
.pager_wrap .pager > .current_page {color: #000;}
.pager_wrap .pager > .pager_btn {text-indent: -9999px;width: 35px;height: 30px;box-sizing:border-box;background-repeat: no-repeat;background-position: center center; }
.pager_wrap .pager > .pager_btn.prev {background-image: url(../../images/common/pager_prev.png);margin-right: 45px;margin-left: 0;}
.pager_wrap .pager > .pager_btn.next {background-image: url(../../images/common/pager_next.png);margin-left: 45px;margin-right: 0;}
.pager_wrap .pager > .pager_btn.first {background-image: url(../../images/common/pager_first.png);margin-right: 47px;margin-left: 0;}
.pager_wrap .pager > .pager_btn.last {background-image: url(../../images/common/pager_last.png);margin-left: 47px;margin-right: 0;}

.boardViewWrap {margin-top: 149px;border-top: 1px solid #000;}
.boardViewWrap .bvTop {padding: 50px 20px;box-sizing:border-box;}
.boardViewWrap .bvTop .bvTop_tit {display: block;font-size: 27px;font-weight: 500;line-height: 1.56;color: #000;}
.boardViewWrap .bvTop .bvTop_info {margin-top: 27px;font-size:0;}
.boardViewWrap .bvTop .bvTop_info li {position: relative;display: inline-block;font-size: 14px;font-weight: 300;color: #cbcbcb;vertical-align: top;}
.boardViewWrap .bvTop .bvTop_info li + li {padding-left: 15px;margin-left: 15px;}
.boardViewWrap .bvTop .bvTop_info li + li:before {position: absolute;content: '';left: 0;top: 1px;bottom: 1px;width: 1px;background-color: #e4e4e4;}

.boardViewWrap .bvCont {padding: 35px 0;box-sizing:border-box; font-size:16px;font-weight:300;line-height: 1.63;color: #000;}
.boardViewWrap .bvCont img {max-width:100%;padding: 30px 0;box-sizing:border-box;}

.bvFile {padding: 30px 20px;border-top: 1px solid #000;box-sizing:border-box;}
.bvFile .bvFile_list {font-size:0;margin-top: -10px;margin-left: -20px;}
.bvFile .bvFile_list .file_item {margin-left: 20px;margin-top: 10px;display: inline-block;padding-left: 32px; font-size: 16px;color: #000;line-height:1.45;vertical-align: top;background: url(../../images/common/icon_file.png) no-repeat 0 50%; box-sizing:border-box;}

.bvNav {padding: 46px 20px;border-top: 1px solid #000;border-bottom: 1px solid #000;box-sizing:border-box;}
.bvNav ul {display: flex;}
.bvNav ul li {position: relative;width: 50%;box-sizing:border-box;}
.bvNav ul li.bvNav_prev {padding-left: 126px;}
.bvNav ul li.bvNav_next {padding-right: 126px;text-align: right;}
.bvNav ul li .bvNav_arrow {position: absolute; font-size: 16px;color: #b2b2b2;line-height:1.45; transition: color 0.2s ease-in-out;}
.bvNav ul li:hover .bvNav_arrow  {color: #000;}
.bvNav ul li.bvNav_prev .bvNav_arrow {left: 0;padding-left: 15px;}
.bvNav ul li.bvNav_next .bvNav_arrow {right: 0;padding-right: 15px;}
.bvNav ul li.bvNav_prev .bvNav_arrow:before {position: absolute;content:'<';left: 0;}
.bvNav ul li.bvNav_next .bvNav_arrow:before {position: absolute;content:'>';right: 0;}

.bvNav ul li  a {display: block;text-decoration: none;
    color: #333;font-size:16px;font-weight:300;
	line-height:1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}
.bvNav ul li:hover  a {text-decoration: underline;}
.bvNav ul li.bvNav_next a {text-align: right;}


@media screen and (max-width: 1920px) { 
	.container.type01 {max-width:1652px;padding: 0 50px;}

	.dl-year dt {font-size:  5vw;}
	.dl-year dd {font-size: 2.5vw;width: auto;}
	.number-define span {font-family: 'Roboto Condensed';}
	.number-define .count {font-size: 8vw;}
}

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

}
	

@media screen and (max-width: 1290px) {
.main-banner-wrap .main-banner .swiper-slide {padding: 60px 0 100px;}
 .slidebox h1 { top: -40px; transform:translateY(0);  }
 .main-banner-wrap {height: 55vw;}

 .sec01 {padding-top: 8vw;}

}

@media screen and (max-width: 1024px) {
	.main-banner-wrap {height: 100vw;}
	.main-banner-wrap .main-banner .slidebox h1 {font-size: 9vw;}
	.container.type01 {padding: 0 20px;}
	.sub-visual .slidebox h1 + .wrap-img {height: 32vw;}
	.slidebox .stamp .wrap-img {height: auto;}
	.slidebox .stamp {height: auto;bottom: -40%;}

	#middle {padding-top: 72px;}
	.dl-history dt {font-size: 25px;}
	.dl-history dd {padding-left: 0;}

	.dl-year dt {font-size: 40px;}
	.dl-year dd {font-size: 20px;}
	.f-right .dl-year {padding-left: 0;} 
	
	.main-product {margin-top: 0;}

	.number-define span {font-size: 20vw;}

	.sec01 .comment {margin-top: 5px;}

	.sec01 h2 {margin-bottom: 50px;}

	.wrap-product-info li {width: 100% !important;}
	.wrap-product-info ul.type_col3 li {width: 100%;} 

	.wrap-search .form-control {height: 60px;}

	.sub-visual .slidebox h1 {font-size: 5vw;}

	.product .sub-visual .slidebox h1 + .wrap-img {background-image: url(../../images/product/sub_visual01.png);background-position: center center;}
	.customer .sub-visual .slidebox h1 + .wrap-img {background-image: url(../../images/customer/sub_visual01.png);background-position: center center;}

	.number-define .count {font-size: 15vw;letter-spacing: 0;}

	.main-history .txt-btn01 {display: block;margin: 0 auto;margin-bottom: 40px;}

	.dl-year dt br {display: none;}

	.pager_wrap .pager > * {font-size:20px;}
	.pager_wrap .pager > .pager_btn {width: 35px;height: 20px;-webkit-background-size: auto 100%;background-size: auto 100%;}
	.pager_wrap .pager > .pager_btn.prev {margin-right: 30px;}
	.pager_wrap .pager > .pager_btn.next {margin-left: 30px;}
	.pager_wrap .pager > .pager_btn.first {margin-right: 20px;}
	.pager_wrap .pager > .pager_btn.last {margin-left: 20px;}

	.bvNav {padding: 20px 20px;}
	.bvNav ul {display: block;}
	.bvNav ul li {width: 100%;padding: 10px 0;}
	.bvNav ul li.bvNav_next {text-align: left;padding-right: 0;padding-left: 126px;}
	.bvNav ul li.bvNav_next .bvNav_arrow {right: auto;left: 0;}

}

@media screen and (max-width: 767px) {
	 .main .sec01 h2 {font-size: 30px;line-height: 38px;}
	.product-area .sec03 .txt-btn01 {padding-left: 0;}
	.txt-btn01 a::after {right: 0;}
	
	.sec01 h2 {margin-bottom: 40px;}
	.wrap-product-info .txt01 {font-size: 14px;line-height: 22px;}
	.main-banner-wrap {height: 140vw;}
	.main-banner-wrap .main-banner .slidebox h1 {font-size: 12vw;}

	.wra-tab.type01 .tab-mn a {font-size: 26px;}
	.wrap-product-list .wrap-goods {height: auto;}
	.sub-visual .slidebox h1 {font-size: 7.5vw;}

	.sec01 h2 {font-size: 26px;}

	.number-define {margin-bottom: 30px;}
	.main-history .txt-btn01 {font-size: 13px;width: 130px;}

	.wrap-service .txt02 {width: auto;}

	.wrap-search .form-control {height: 45px;}
	.wrap-search button[type="submit"] {padding: 10px 20px;height: 100%;}
	.noticeList {margin-top: 30px;}
	.noticeList > li > a {padding: 20px 10px;padding-right: 60px;min-height:107px;}
	.noticeList > li > a .nl_tit {font-size:18px;}
	.noticeList > li > a .nl_info {margin-top: 20px;}
	.noticeList > li > a .nl_info span {font-size:13px;}
	.noticeList > li > a:before {right: 10px;top: 27px;width: 30px;height: 12px;-webkit-background-size: 100% auto;	background-size: 100% auto;opacity:1;}
	.pager_wrap {margin-top: 40px;}
	.pager_wrap .pager > * {font-size:14px;}
	.pager_wrap .pager > .pager_btn {width: 19px;height: 14px;}
	.pager_wrap .pager > .pager_btn.prev {margin-right: 10px;}
	.pager_wrap .pager > .pager_btn.next {margin-left: 10px;}
	.pager_wrap .pager > .pager_btn.first {margin-right: 7px;}
	.pager_wrap .pager > .pager_btn.last {margin-left: 7px;}

	.boardViewWrap {margin-top: 70px;}
	.boardViewWrap .bvTop {padding: 20px 0 30px;}
	.boardViewWrap .bvTop .bvTop_tit {font-size:20px;}
	.boardViewWrap .bvTop .bvTop_info {margin-top: 18px;}
	.boardViewWrap .bvTop .bvTop_info li {font-size:13px;}
	.boardViewWrap .bvCont {padding: 20px 0;font-size:14px;}
	.boardViewWrap .bvCont img {padding: 20px 0;}
	.bvFile {padding: 20px 10px;}
	.bvFile .bvFile_list {margin-left: -10px;}
	.bvFile .bvFile_list .file_item {margin-left: 10px;padding-left: 22px;font-size:13px;-webkit-background-size: 13px auto;background-size: 13px auto;}
	.bvNav {padding: 15px 0;}
	.bvNav ul li {padding: 6px 0;}
	.bvNav ul li.bvNav_prev {padding-left: 60px;}
	.bvNav ul li.bvNav_next {padding-left: 60px;}
	.bvNav ul li .bvNav_arrow {font-size:13px;}
	.bvNav ul li a {font-size:14px;}
	.bvNav ul li.bvNav_next a {text-align: left;}

	.bvNav ul li.bvNav_prev .bvNav_arrow {padding-left: 0;}
	.bvNav ul li.bvNav_prev .bvNav_arrow:before {display: none;}
	.bvNav ul li.bvNav_next .bvNav_arrow {padding-right: 0;}
	.bvNav ul li.bvNav_next .bvNav_arrow:before {display: none;}

}