/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2019.04.02
* Update : 2026.07.09
* Copyright(c) 2026 OLYM Communications. All Rights Reserved.
*/
#wrap { background: url("/project/design/com/bg_main.webp") no-repeat center 180px / 100% auto,
    url("/project/design/com/bg_sub.webp") repeat-y center top / 100% auto;}
#main { padding: 100px 0 50px 0; text-align: center; position: relative;}
#main .desc_box .p_desc2 { margin:64px 0 220px 0;}
#main .desc_box .p_desc4 { position: absolute; left: 35px; top: 430px;}
#main .desc_box .p_desc5 { position: absolute; right: 35px; top: 430px;}

  
.box_craft { display: flex; justify-content: center; align-items: center; gap: 50px; }
.box_craft .btn_box { display: flex; gap: 30px;}
.box_craft .btn_box > a { width: 240px; height: 240px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(255 , 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0) inset; color: #4b4a48; }
.box_craft .btn_box > a i { font-size: 32px;}
.box_craft .btn_box > a p { display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 22px; font-weight: 900; margin: 16px 0 6px 0;}
.box_craft .btn_box > a span {font-family: "Montserrat"; font-size: 14px; font-weight: 500; line-height: 1.2em; color: #9d9d9c; text-align: center;}
.box_craft .btn_box > a:hover { background-color: #000; color: #fff; box-shadow: rgba(0, 0, 0, 1) 0 80px 0 0 inset; color: #fff;}
.box_craft .btn_box > a:hover span { color: #fff;}

.bottom_box { display: flex; justify-content:center; align-items: center; gap: 60px; margin: 70px 0;}
.bottom_box h3 { font-size: 20px; font-weight: 600; border: 2px solid #fff; border-radius: 30px; text-transform: uppercase; color: #fff; padding: 0 30px; height: 50px; display: flex; align-items: center; justify-content: center;}
.bottom_box p { font-size: 26px; font-weight: 600; color: #fff; text-decoration: underline;}



@media all and (max-width:1440px) {   
#main { padding: 80px 0 30px 0;}
#main .desc_box .p_desc1 img { width: 640px;}
#main .desc_box .p_desc2 { margin:64px 0 120px 0;}
#main .desc_box .p_desc2 img { width: 610px;}
#main .desc_box .p_desc3 img { width: 840px;}
#main .desc_box .p_desc4 { left: 15px; top: 330px;}
#main .desc_box .p_desc4 img { width: 150px;}
#main .desc_box .p_desc5 { right: 15px; top: 330px;}
#main .desc_box .p_desc5 img { width: 150px;}
.box_craft .btn_box > a { width: 200px; height: 200px;}
.bottom_box { gap: 40px; margin: 40px 0;}
}