/**
* OLYM Cascading Style Sheets
* File Name : sub.css
* Description : 서브 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2016.08.09
* Update : 2016.08.09
* Copyright(c) 2015 OLYM Communications. All Rights Reserved.
*/
#wrap { background: url("/project/design/com/bg_sub.webp") repeat-y center top / 100% auto;}
#spot { background: url("/project/design/com/bg_main.webp") no-repeat center top / 100% auto;}
#spot a { display: flex;}

#spot a .desc_box { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; padding: 50px;}
#spot a .desc_box .p_desc1 img { width: 540px;}
#spot a .desc_box .p_desc2 img { width: 510px;}
#spot a .desc_box .p_desc3 img { width: 840px;}


#snb { padding-top: 50px;}
#snb > ul { display: flex; align-items: center; justify-content: space-between;}
#snb > ul > li { width: 100%;}
#snb > ul > li > a { display: flex; align-items: center; padding-left:40px; box-sizing: border-box; width: 100%; height: 80px; background-color: #f2f3f7; color: #000; font-size: 24px; font-weight: 600; gap: 10px; box-sizing: border-box; transition: all 0.3 ease;}
#snb > ul > li > a > span { font-size: 18px; font-family: "Montserrat";}
#snb > ul > li > a:hover { color: #000;}
#snb > ul > li > a.over { background-color: #fff; border: 1px solid #000; color: #000;}

#contents_box {width: 1300px; margin: 0 auto; background-color: #fff; border-radius: 24px; padding:50px; margin-bottom: 50px; box-sizing: border-box;}
#contents { color:#666;}
.img_ready { text-align: center;}

/* 심사시스템 lnb */
.btn_gnb { background-color: #fff;}
.btn_gnb > div { padding: 20px 100px; display: flex; justify-content: flex-end;}
.btn_gnb > div > ul { display: flex; gap: 10px;}
.btn_gnb > div > ul > li > a { padding:8px 30px; border-radius: 4px; font-size: 13px; color:#000; font-weight: 500; border:1px solid #000; line-height: 1em; display: block;}
.btn_gnb > div > ul > li > a:hover{ color:#fff; background-color: #000;}


#spot2 { background: url("/project/design/com/bg_main.webp") no-repeat center top / 100% auto;}
#spot2 .desc_box { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; padding: 50px;}
#spot2 .desc_box .p_desc1 img { width: 540px;}
#spot2 .desc_box .p_desc2 img { width: 510px;}
#spot2 .desc_box .p_desc3 img { width: 840px;}



.lnb_wrap2 { padding: 0 50px 30px 50px;}
.lnb_wrap2 > ul { display: flex; background-color: #000; border-radius: 20px; overflow: hidden;}
.lnb_wrap2 > ul > li { width: 100%;}
.lnb_wrap2 > ul > li + li { border-left: 1px solid rgba(255, 255, 255, 0.2);}
.lnb_wrap2 > ul > li > a { display:block; height:80px; box-sizing:border-box; padding-top:20px; color:#fff; text-align:center; font-size:21px; font-weight:600; line-height:1.1em;}


.lnb_wrap2 > ul > li > a span { display:block; font-size:15px; font-weight:500; font-family: "Montserrat";}
.lnb_wrap2 > ul > li > a.on { background:#fff; color:#000;}


@media all and (max-width:1440px) {  
    #spot {width: 100%; box-sizing: border-box;  padding: 20px 110px 0 0;}
    #spot2 { width: 90%;}
}
@media all and (max-width:1200px) {
#contents { width:95%; }
}