/**
* 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 : 2024.05.30
* Copyright(c) 2024 OLYM Communications. All Rights Reserved.
*/
#main { padding: 60px 110px 0 0; display: flex; justify-content: space-between; gap: 80px;}
#main .img_box { width: 100%;}
#main .img_box img { width: 100%;}
#main .desc_box { width: 100%; display: flex; flex-direction: column; gap: 60px;}
#main .desc_box .p_desc3 { text-align: right;}
#main .desc_box .p_desc1 img { max-width: 100%;}  
#main .desc_box .p_desc2 img { max-width: 70%;} 
#main .desc_box .p_desc3 img { max-width: 70%;} 
  
.center_box { background: #0020d0 url("/project/design/com/bg_main1.jpg") no-repeat center / cover; padding: 75px 0;}
.box_craft { margin: 0 auto; width: 80%; display: flex; justify-content: space-between; align-items: center; }
.box_craft .p_desc1 { font-family: "Montserrat"; font-size: 20px; font-weight: 500; color:#fff;}
.box_craft h2 { font-size: 60px; font-weight: 800; color:#fff; line-height: 1em;}
.box_craft .btn_box { display: flex; gap: 30px;}
.box_craft .btn_box > a { width: 340px; height: 120px; padding: 0 40px 0 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background-color: #fff;box-shadow: rgba(0, 0, 0, 0) inset; color: #000; }
.box_craft .btn_box > a p { display: flex; flex-direction: column; gap: 5px;font-size: 22px; font-weight: 900;}
.box_craft .btn_box > a span {font-family: "Montserrat"; font-size: 14px; font-weight: 500; line-height: 1; color: #9d9d9c;}
.box_craft .btn_box > a i { font-size: 32px;}
.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; gap: 60px; margin: 70px 0;}
.bottom_box h3 { font-size: 20px; font-weight: 600; background-color: #e5e8fa; text-transform: uppercase; color: #0020d0; padding: 0 30px; height: 50px; display: flex; align-items: center; justify-content: center;}
.bottom_box p { font-size: 30px; font-weight: 900; font-family: "Montserrat"; color: #0020d0; text-decoration: underline;}

@media all and (max-width:1440px) {    
.box_craft { width: 90%; }
.box_craft h2 { font-size: 50px;}
.box_craft .btn_box > a { width: 280px; }
}