body {background-attachment: fixed; background-size: cover;}
section {overflow: hidden;}

#header.on {background: inherit; border: 0;}

/* 풀페이지 메뉴 */
#fullpage_menu {position: fixed; top: 50%; left: 15px; transform: translateY(-50%);z-index: 1;}
#fullpage_menu li {width: 20px; height: 20px; margin: 10px 0; border-radius: 100%; position: relative; transition: .2s;}
#fullpage_menu li.active {border: 1px solid #fff;}
#fullpage_menu li a {width: 5px; height: 5px; display: block; background: #fff; border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#fullpage_menu.on li.active {border: 1px solid #727171;}
#fullpage_menu.on li a {background: #727171;}

/* 메인 */
#main {width: 100%; height: 100vh; position: relative;}
#main>div {position: relative;}
.main_img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.main_slide {position: relative; height: 100vh;}
.main_slide>div>div>li {width: 100vw; height: 100vh; position: relative;}
.main_slide>div>div>li>img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto;}
.main_slide .slick-arrow {width: 50px; height: 50px; position: absolute; top: 80%; right: 50%; color: #fff; border: 5px solid #fff; border-radius: 25px; text-align: center; font-size: 30px; line-height: 40px; z-index: 1;}
.main_slide .slick-arrow.prev_arrow {margin-right: 550px;}
.main_slide .slick-arrow.next_arrow {margin-right: 280px;}

.main_slide .slick-dots {width: 1200px; position: absolute; top: 80%; left: 50%; transform: translateX(-50%); text-align: left; padding-left: 100px; margin-top: 5px;}
.main_slide .slick-dots li {display: inline-block;}
.main_slide .slick-dots li button {font-size: 0; width: 20px; height: 20px; border: 1px solid #fff; margin: 0 10px; border-radius: 10px;}
.main_slide .slick-dots li.slick-active button {background: #fff;}

.main_text {position: absolute; width: 1200px; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.main_text>span {font-size: 20px; letter-spacing: .7em; font-weight: 200; margin-bottom: 20px; display: block; text-shadow: 0 0 5px rgba(0,0,0,.2); font-family: 'KOHIBaeumOTF';}
.main_text>h1 {letter-spacing: .1em; text-shadow: 0 0 5px rgba(0,0,0,.2); font-family: 'KOHIBaeumOTF';}
.main_text>p {width: 100%; max-width: 600px; margin: 50px 0 100px; text-shadow: 0 0 5px rgba(0,0,0,.2);}
.main_text>a {width: 250px; height: 50px; background: #4d91ff; display: block; text-align: center; line-height: 50px; border-radius: 25px; color: #fff; font-weight: 200; letter-spacing: .1em;}

/* 제품 */
#product {width: 100%; height: 100vh; position: relative;}
.product {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.product_title {width: 1200px; margin: 0 auto;}
.product_title h2 {font-family: 'KOHIBaeumOTF';}
.product_title p {color: #727171;}

.product_slide {height: 400px; position: relative;margin-top: 50px;}
.product_slide>div>div {padding: 15px 0;}
.product_slide>div>div>li {width: 1200px; height: 400px; margin: 0 30px; border: 1px solid #ddd;}
.product_img {width: 35%; height: 100%; float: left; background: #fff;}
.product_img>img {height: 100%; vertical-align: middle}
.product_text {width: 65%; height: 100%; float: left; background: #f8f8f8; padding: 50px; position: relative;}

.product_text h3 {margin-bottom: 20px;}
.product_text p {margin-bottom: 20px; color: #727171;}
.product_text p span {display: block; font-weight: 700;}
.product_text ul {width: 50%; float: left; padding-right: 20px; color: #727171;}
.product_text ul li {margin-bottom: 10px; font-size: 14px;}
.product_text a {width: 250px; height: 50px; background: #4d91ff; display: block; text-align: center; line-height: 50px; border-radius: 25px; color: #fff; font-weight: 200; letter-spacing: .1em; position: absolute; right: 50px; bottom: 50px;}

.product_slide .slick-arrow {width: 50px; height: 50px; position: absolute; top: -50px; left: 50%; color: #9c9d9d; border: 1px solid #9c9d9d; border-radius: 25px; text-align: center; font-size: 30px; line-height: 46px; z-index: 1;}
.product_slide .slick-arrow.prev_arrow {margin-left: 480px;}
.product_slide .slick-arrow.next_arrow {margin-left: 550px;}

.product_slide .slick-dots {width: 1200px; margin: 0 auto; text-align: left;}
.product_slide .slick-dots li {display: inline-block;}
.product_slide .slick-dots li button {font-size: 0; width: 15px; height: 15px; border: 2px solid #c6c7c7; margin: 0 7px; border-radius: 10px;}
.product_slide .slick-dots li.slick-active button {background: #4d91ff;border: 2px solid #4d91ff;}

/* 기술력 */
#tech {width: 100%; height: 100vh;}
.tech_text {width: 50%; height: 90%; float: left; background: #0a4e98; position: relative; margin-top: 90px; color: #fff;}
.tech_text_con {width: 600px; position: relative; float: right; top: 50%; transform: translateY(-50%); padding-right: 90px;}
.tech_text_con h2 {margin-bottom: 30px; font-family: 'KOHIBaeumOTF';}
.tech_text_con p {font-weight: 200; margin-bottom: 50px;}
.tech_text_con a {width: 250px; height: 50px; background: #fff; display: block; text-align: center; line-height: 50px; border-radius: 25px; color: #727171; font-weight: 400; letter-spacing: .1em; bottom: 50px;}
.tech_img {width: 50%; height: 90%; float: left; position: relative; margin-top: 90px; position: relative; background: #f8f8f8;}
.tech_img_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px;}
.tech_img_con li {width: 230px; height: 250px; display: inline-block; box-shadow: 5px 5px 10px rgba(0,0,0,.1); background-color: #fff; border-radius: 30px; text-align: center; padding: 40px 15px 0; margin: 5px; vertical-align: top; position: relative;}
.tech_img_con li h6 {margin-top: 20px; color: #4d91ff;}
.tech_img_con li div {width: 70px; height: 10px; background: #4d91ff; border-radius: 10px 10px 0 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

/* 인증 */
#certificate {width: 100%; height: 100vh; background: url(/img/main/certificate_back.jpg); background-attachment: fixed; background-size: cover;}
.certificate_text {width: 50%; height: 100%; float: left; color: #fff; position: relative;}
.certificate_text_con {width: 600px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-right: 70px;}
.certificate_text_con h2 {margin-bottom: 50px; font-family: 'KOHIBaeumOTF';}
.certificate_text_con p {margin-bottom: 50px;}
.certificate_text_con a {width: 250px; height: 50px; background: #4d91ff; display: block; text-align: center; line-height: 50px; border-radius: 25px; color: #fff; font-weight: 200; letter-spacing: .1em;}

.certificate_con {width: 50%; height: 100%; float: left; position: relative;}
.certificate_slide {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.certificate_slide>div>div>li {height: 250px; margin: 50px 30px 0 0;}
.certificate_slide>div>div>li>img {height: 100%;}
.certificate_slide>div>div>li.slick-active {height: 300px; margin: 0 30px 0 0;}

.certificate_slide .slick-arrow {width: 30px; height: 30px; position: absolute; bottom: 10px; color: #fff; border: 1px solid #fff; border-radius: 25px; text-align: center; font-size: 20px; line-height: 28px; z-index: 1;}

.certificate_slide .slick-arrow.prev_arrow {margin-left: 140px;}
.certificate_slide .slick-arrow.next_arrow {margin-left: 180px;}

.certificate_slide .slick-dots {margin-top: 20px;}
.certificate_slide .slick-dots li {display: none;}
.certificate_slide .slick-dots li button {color: #fff; font-size: 30px; font-family: 'KOHIBaeumOTF';}
.certificate_slide .slick-dots li.slick-active {display: block;}
.certificate_slide .slick-dots li.slick-active:after {content: " / 5"; color: #fff; font-family: 'KOHIBaeumOTF'; opacity: .5;}

/* 사업현황 */
#business {width: 100%; height: 100vh;}
.business_con {width: 1200px; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%);}

.business_title {margin-bottom: 70px;}
.business_title h2 {width: 30%; float: left; font-family: 'KOHIBaeumOTF';}
.business_title p {width: 40%; float: left; margin-top: 100px; color: #727171;}

.business_slide {width: 99vw; position: relative; left: 50%; transform: translateX(-50%);}
.business_slide>div>div>li {width: 200px; padding: 20px 0; background: #fff; border: 1px solid #ddd; margin: 0 10px;}
.business_slide>div>div>li>img {width: 100%;}

.business_slide .slick-arrow {width: 50px; height: 50px; position: absolute; bottom: -130px; left: 50%; color: #9c9d9d; border: 3px solid #9c9d9d; border-radius: 25px; text-align: center; font-size: 30px; line-height: 42px; z-index: 1; opacity: .5;}
.business_slide .slick-arrow.prev_arrow {margin-left: 480px;}
.business_slide .slick-arrow.next_arrow {margin-left: 550px;}

.business_con a {width: 250px; height: 50px; border: 4px solid #4d91ff; display: block; text-align: center; line-height: 40px; border-radius: 25px; color: #4d91ff; font-weight: 300; letter-spacing: .1em; margin-top: 80px;}

@media(max-width:1200px) {

    /* 메인 */
    .main_slide .slick-arrow {right: inherit; left: 50px;}
    .main_slide .slick-arrow.prev_arrow {margin: 0;}
    .main_slide .slick-arrow.next_arrow {margin: 0 0 0 270px;}

    .main_slide .slick-dots {width: 100%; left: 50px; transform: translateX(0);}

    .main_text {width: 100%; padding: 0 0 0 50px;}
    .main_text>span {font-size: 18px; letter-spacing: .62em;}
    .main_text>p {margin: 50px 0 70px;}

    /* 제품 */
    .product_title {width: 100%; padding: 0 50px;}
    .product_slide {height: auto;}
    .product_slide>div>div>li {width: 700px;}
    .product_img {width: 50%;}
    .product_img img {width: 100%; height: auto;}
    .product_text {width: 50%; padding: 30px;}
    .product_text p {font-size: 14px; margin-bottom: 15px;}
    .product_text ul {width: 100%; font-size: 14px; padding-right: 0;}
    .product_text ul li {margin-bottom: 5px;}
    .product_text a {width: 200px; height: 40px; line-height: 40px; right: 30px; bottom: 30px;}

    .product_slide .slick-arrow {left: inherit; right: 0;}
    .product_slide .slick-arrow.prev_arrow {margin: 0; right: 100px;}
    .product_slide .slick-arrow.next_arrow {margin: 0; right: 30px;}

    .product_slide .slick-dots {width: 100%; text-align: center;}

    /* 기술력 */
    .tech_text {width: 100%; height: 40%; margin-top: 50px; padding: 50px;}
    .tech_text_con {width: 100%; padding: 0; top: inherit; transform: translateY(0);}
    .tech_text_con h2 {margin-bottom: 20px;}
    .tech_text_con p {font-size: 14px; margin-bottom: 30px;}
    .tech_text_con a {width: 200px; height: 40px; line-height: 40px;}
    .tech_img {width: 100%; height: 50%; margin-top: 0;}
    .tech_img_con {width: 100%; height: 100%; padding: 30px 50px;}
    .tech_img_con li {width: 45%; height: 50%; padding: 30px 15px 0;}
    .tech_img_con li img {width: 80px;}
    .tech_img_con li h6 {margin-top: 10px;}

    /* 인증 */
    .certificate_text {width: 100%; height: 50%;}
    .certificate_text_con {width: 100%; top: inherit; bottom: 30px; transform: translateY(0); padding: 0 50px;}
    .certificate_text_con h2 {margin-bottom: 30px;}
    .certificate_text_con p {font-size: 14px;}
    .certificate_text_con a {width: 200px; height: 40px; line-height: 40px;}
    .certificate_con {width: 100%; height: 50%; padding: 0 50px;}
    .certificate_slide>div>div>li {height: 200px;}
    .certificate_slide>div>div>li.slick-active {height: 250px;}

    /* 사업현황 */
    .business_con {width: 100%;}
    .business_title {padding: 0 50px;}
    .business_title h2 {width: 100%;}
    .business_title p {width: 100%; margin-top: 50px;}
    .business_slide .slick-arrow {width: 40px; height: 40px; line-height: 32px; bottom: -120px; left:unset;}
    .business_slide .slick-arrow.prev_arrow {right: 100px;}
    .business_slide .slick-arrow.next_arrow {right: 50px;}
    .business_con a {width: 200px; height: 40px; line-height: 30px; margin-left: 50px;}
}

@media(max-width:768px) {
    section:after {content: ""; display: table; clear: both;}

    /* 풀페이지 메뉴 */
    #fullpage_menu {display: none;}

    /* 메인 */
    .main_text {padding: 0 15px;}
    .main_text h1 {font-size: 34px;}
    .main_text p {font-size: 14px; margin: 30px 0;}
    .main_text a {width: 180px; height: 30px; font-size: 14px; line-height: 30px;}
    .main_slide .slick-arrow {left: inherit; right: inherit; top: inherit; bottom: 15px; width: 40px; height: 40px; line-height: 30px; font-size: 24px;}
    .main_slide .slick-arrow.prev_arrow {margin: 0; left: 15px;}
    .main_slide .slick-arrow.next_arrow {margin: 0; right: 15px;}
    .main_slide .slick-dots {left: 50%; transform: translateX(-50%); text-align: center; padding: 0; bottom: 30px; top: inherit;}
    .main_slide .slick-dots li button {width: 12px; height: 12px; margin: 0 5px;}

    /* 제품 */
    #product {padding: 30px 0;}
    .product {height: auto; position: relative;}
    .product_title {padding: 0 15px;}
    .product_title p {font-size: 14px;}
    .product_slide>div>div>li {width: 250px; height: auto; max-width: 400px;}
    .product_img {width: 100%;height: auto;}
    .product_text {width: 100%; padding: 15px 15px 70px 15px;}
    .product_text p {font-size: 12px;}
    .product_text ul {font-size: 12px;}
    .product_text a {width: 180px; height: 30px; line-height: 30px; font-size: 14px; bottom: 15px; right: 15px;}

    /* 기술력 */
    #tech {height: auto;}
    .tech_text {height: auto; padding: 30px 15px; margin-top: 0;}
    .tech_text_con p {font-size: 12px;}
    .tech_text_con a {width: 180px; height: 30px; line-height: 30px; font-size: 14px; bottom: 15px; right: 15px;}
    .tech_img {height: auto;}
    .tech_img_con {padding: 15px; position: static; top: 0; left: 0; transform: translateX(0);}
    .tech_img_con li {height: 180px;}

    /* 인증 */
    #certificate {height: auto;}
    .certificate_text {height: auto;}
    .certificate_text_con {position: static; padding: 30px 15px;}
    .certificate_text_con h2 {margin-bottom: 20px;}
    .certificate_text_con p {margin-bottom: 30px; font-size: 14px;}
    .certificate_text_con a {width: 180px; height: 30px; line-height: 30px; font-size: 14px; bottom: 15px; right: 15px;}
    .certificate_con {position: static; height: auto; padding: 0 15px;}
    .certificate_slide {width: 100%; position: static; transform: translateY(0);}
    .certificate_slide>div>div>li {height: 200px;}
    .certificate_slide>div>div>li.slick-active {height: 250px;}

    /* 사업현황 */
    #business {height: auto;}
    .business_con {position: static; transform: translate(0);}
    .business_title {padding: 30px 15px; margin-bottom: 0;}
    .business_title p {margin-top: 30px; font-size: 14px;}
    .business_con a {margin-top: 50px;}
    .business_slide .slick-arrow {width: 30px; height: 30px; line-height: 32px; bottom: -80px; font-size: 20px; line-height: 24px;}
    .business_slide .slick-arrow.prev_arrow { right: 50px;}
    .business_slide .slick-arrow.next_arrow { right: 15px;}

    .business_con a {width: 180px; height: 30px; line-height: 23px; font-size: 14px; bottom: 15px; right: 15px; margin-left: 15px; border: 3px solid #4d91ff}
}