/**
* 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.
*/

#spot { padding-top: 20px; width: 1400px; margin: 0 auto;}
#spot a { display: flex; justify-content: space-between; align-items: center; gap: 80px;}
#spot a .img_box { width: 100%;}
#spot a .img_box img { width: 100%;}
#spot a .desc_box { width: 100%; display: flex; flex-direction: column; gap: 60px;}
#spot a .desc_box .p_desc3 { text-align: right;}
#spot a .desc_box .p_desc1 img { width: 100%;}  
#spot a .desc_box .p_desc2 img { width: 70%;} 
#spot a .desc_box .p_desc3 img { width: 70%;} 


#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: #0020d0;}
#snb > ul > li > a.over { background-color: #fff; border: 1px solid #0020d0; color: #0020d0;}

#contents_box {width: 1200px; margin: 0 auto;}
#contents { padding:70px 0; color:#666;}
.img_ready { text-align: center;}

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

#spot2 { padding-bottom: 30px; display: flex; align-items: center; justify-content: space-between; gap: 40px;}
#spot2 .img_box { width: 50%;}
#spot2 .img_box img { width: 100%;}
#spot2 .desc_box { width: 50%; display: flex; flex-direction: column; gap: 30px;}
#spot2 .desc_box .p_desc1 { text-align: right;}
#spot2 .desc_box .p_desc3 { text-align: right;}
#spot2 .desc_box .p_desc1 img { width: 100%;}
#spot2 .desc_box .p_desc2 img { width: 70%;}
#spot2 .desc_box .p_desc3 img { width: 70%;}



.lnb_wrap2 > ul { display: flex; }
.lnb_wrap2 > ul > li { width: 100%;}
.lnb_wrap2 > ul > li > a { display:block; height:80px; box-sizing:border-box; padding-top:20px; color:#0020d0;  text-align:center;font-size:21px; font-weight:600; border:1px solid #0020d0; line-height:1.1em;}
.lnb_wrap2 > ul > li > a { border-right:none;}
.lnb_wrap2 > ul > li:last-child > a { border-right:1px solid #0020d0;}

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


@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%; }
}