@charset "utf-8";

/* 슬라이드 */
.slider { width: 100%; height: 500px; }
.slider .ss1 { background: url(../img/bsimg01.jpg) no-repeat center center; background-size: cover; }
.slider .ss2 { background: url(../img/bsimg02.jpg) no-repeat center center; background-size: cover; }
.slider .ss3 { background: url(../img/bsimg03.jpg) no-repeat center center; background-size: cover; }
.slider .ss4 { background: url(../img/bsimg04.jpg) no-repeat center center; background-size: cover; }
.slider .ss5 { background: url(../img/bsimg05.jpg) no-repeat center center; background-size: cover; }

.slider .caption p { position: absolute; top: 30%; left: 12%; font-size: 18px; line-height: 1.2; font-weight: 300; color: #ff656a; margin-bottom: 7px; text-transform: uppercase; }
.slider .caption strong { position: absolute; top: 40%; left: 12%; font-size: 70px; font-weight: 900; color: #002d5b; font-family: "Poppins",sans-serif; line-height: 1.2; text-transform: uppercase; display: block; width: 570px; }

.slider .bx-wrapper { max-width: 100% !important; border: 0 !important; margin-bottom: 0 !important; }
.slider .bx-viewport, .bx-wrapper { height:100% !important; }
.slider .bxslider, .bxslider li { height: 100% !important; }
.slider .bx-wrapper .bx-viewport { border: none !important; }
.slider .bx-wrapper .bx-prev { left: 5% !important; }
.slider .bx-wrapper .bx-next { right: 5% !important; }
.slider .bx-wrapper .bx-pager { position: absolute; top: 450px; left: calc(50% - (20px * 5 / 2)); width: 50% !important; z-index: 99; }
.slider .bx-wrapper .bx-pager.bx-default-pager { height: 40px !important; }
.slider .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,.75) !important; }
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgba(128,0,0,.75) !important; }
.slider .bx-wrapper .bx-controls-auto { position: absolute; top: 467px; right: 10% !important; z-index: 100; }
.slider .bx-wrapper .bx-controls-direction a { z-index: 99 !important; }

/* Our Productions */
.main_production { background: #f6f9fe; padding: 20px 0 60px; }
.main_production h2 { text-align: center; color: #191d34; font-family: "Poppins",sans-serif; font-size: 40px; font-weight: 700; line-height: 1; margin-bottom: 10px; }
.main_production article ul { display: flex; width: 100%; }
.main_production article li { flex: 1; position: relative; width: 25%; padding: 0 10px; }
.main_production article li h3 { position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%); color: #191d34; font-size: 20px; font-weight: 600; }
.main_production article li div { overflow: hidden; border-radius: 3%; }
.main_production article li img { display: block; width: 100%; box-sizing: border-box;transform: scale(1); -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.main_production article li img:hover { transform: scale(1.1); }
.main_production article li button { position: absolute; bottom: 10px; left: 20px; background: #ff656a; -moz-user-select: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; line-height: 0; margin-bottom: 0; padding: 15px 20px; border-radius: 5px; min-width: 50px; transition: color 0.4s linear; z-index: 1; border: 0; }
.main_production article li button:hover { background: #e6373d; }

/* Our Equipments */
.main_equipment { background: #fff; padding: 20px 0 60px; }
.main_equipment h2 { text-align: center; color: #191d34; font-family: "Poppins",sans-serif; font-size: 40px; font-weight: 700; line-height: 1; margin-bottom: 10px; }
.main_equipment article ul { display: flex; width: 100%; }
/*.main_equipment article li { flex: 1; position: relative; width: 33.3333%; padding: 0 10px; }*/
.main_equipment article li { flex: 1; position: relative; width: 25%; padding: 0 10px; }
.main_equipment article li h3 { position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%); color: #191d34; font-size: 20px; font-weight: 600; }
.main_equipment article li div { overflow: hidden; border-radius: 3%; }
.main_equipment article li img { display: block; width: 100%; box-sizing: border-box;transform: scale(1); -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.main_equipment article li img:hover { transform: scale(1.1); }
.main_equipment article li button { position: absolute; bottom: 10px; left: 20px; background: #ff656a; -moz-user-select: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; line-height: 0; margin-bottom: 0; padding: 15px 20px; border-radius: 5px; min-width: 50px; transition: color 0.4s linear; z-index: 1; border: 0; }
.main_equipment article li button:hover { background: #e6373d; }

/* Our Notices */
.main_01 { background: #f6f9fe; padding: 20px 0 20px; }
.main_01 .row { display: flex; justify-content: space-between; }
.notice { position: relative; width: 51%; padding: 0 10px; }
.notice h2 { text-align: center; color: #191d34; font-family: "Poppins",sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
.notice > a[class="more"] { position: absolute; right: 10px; top: 0; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.2rem; font-weight: 700; background: #ff656a; color: #fff; box-sizing: border-box; border: 1px solid #ff656a; border-bottom: 0; padding: 5px 0 0 7px; transition: color 0.4s linear; }
.notice > a[class="more"]:hover { background: #e6373d; border: 1px solid #e6373d; }
.notice ul { box-sizing: border-box; border: 1px solid #ff656a; padding: 0 5px 0 7px; min-height: 204px; }
.notice li { position: relative; height: 34px; line-height: 34px; box-sizing: border-box; border-bottom: 1px dashed #dbdbdb; }
.notice li:before { position: absolute; left: 3px; top: 14px; content: ''; display: inline-block; width: 3px; height: 3px; background-color: #333; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.notice li:last-child { border: 0; }
.notice li.uline { border-bottom: 1px dashed #dbdbdb; }
.notice li a.first_anchor { position: absolute; left: 10px; display: inline-block; overflow: hidden; width: calc(100% - 12px - 70px - 14px); white-space: nowrap; text-overflow: ellipsis; }
.notice strong { font-size: 16px; font-weight: 500; }
.notice span { position: absolute; right: 66px; top: 7px; height: 18px; line-height: 18px; background: #ed1c20; color: #fff; padding: 0 3px; border-radius: 5px; font-weight: normal; font-size: 12px; margin-left: 3px; }
.notice em { position: absolute; right: 5px; font-size: 14px; }

/* Customer Center */
.center { position: relative; width: 46%; max-height: 212px; padding: 0 10px; }
.center a:hover { color: #222; }
.center span { display: block; }
.center h2 { text-align: center; color: #191d34; font-family: "Poppins",sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
.center .center_wrap { display: flex; justify-content: flex-end; padding-top: 5px; box-sizing: border-box; height: 170px; border-top: 1px solid #ff656a; }
.center .center_wrap img { max-height: 160px; width: auto; }
.center .center_text { width: 270px; text-align: center; font-weight: bold; font-size: 18px; }
.center .telno { position: relative; }
.center .telno:before { content: "\e9d3"; font-family: xeicon; position: absolute; top: 1px; left: 50%; transform: translateX(-81px); }
.center .faxno { position: relative; }
.center .faxno:before { content: "\e9bc"; font-family: xeicon; position: absolute; top: 1px; left: 50%; transform: translateX(-81px); }
.center .email { position: relative; }
.center .email:before { content: "\ea06"; font-family: xeicon; position: absolute; top: 1px; left: 50%; transform: translateX(-141px); }
.center .question_link span { width: 200px; line-height: 30px; margin: 6px 0 0 34px; color: #fff; background: #ff656a; border: 1px solid #ff656a; border-radius: 5px; transition: color 0.4s linear; }
.center .question_link span:hover { background: #e6373d; border: 1px solid #e6373d; }
.center .center_img { margin-top: 20px; }

@media (max-width: 1150px) {
	.main_production .row { padding: 0 20px; }
	.main_equipment .row { padding: 0 20px; }
}