/**
* CMS Cascading Style Sheets
* File Name : sub.css
* Description : 서브 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Date : 2022.09.29
* Update : 2022.09.29
*/
/* .sub_top_box { width: 100%; height: 70px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 50px; box-sizing: border-box;} */
.sub_bot_box { width: 100%; display: flex; padding: 25px; gap: 25px; height:100%; min-height: 800px; box-sizing: border-box;}

/* .ptle { display: flex; align-items: center; gap: 25px; position: relative;}
.ptle label { font-size: 18px; color: #0086ff; font-weight: 600;}
.ptle select { cursor: pointer; position: relative; font-size: 18px; color: #11142d; font-weight: 600; border: 0; padding: 10px 30px 10px 10px; background:transparent; appearance: none; outline: 0; z-index: 3;}
.ptle select option { padding: 10px; font-size: 15px; color: #666;}
.ptle i { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 1; display: block; font-size: 22px; color: #11142d;} */


#snb { background-color: #fff; width: 16%; border-radius: 5px; overflow: hidden;}
#contents_box { background-color: #fff; width: 100%; border-radius: 5px; box-sizing: border-box; padding:25px 40px;}
.snb_group {display: flex; flex-direction: column; justify-content: center;} 
.snb_group > li > a { display:block; font-size: 16px; font-weight: 600; line-height: 1em; color:#a8a8a8; padding:30px 40px 30px 35px; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; border-left:5px solid #fff;}
.snb_group > li > a:hover, .snb_group > li > a.over { color: #11142d; border-left:5px solid #0086ff; }
.snb_group > li > ul { display: none;}

.stle_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.stle { font-size:20px; font-weight:600; color: #11142d;  position: relative; padding-left: 30px;}
.stle::before { border-radius: 5px; border: 6px solid #00233d; height: 18px; width: 18px; box-sizing: border-box; content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}

.location > ul { display: flex; align-items: center; color: #6d6d6d;}
.location > ul > li > i { margin: 0 5px; transform: translate(0, 1px);}

#contents { color:#666; font-size:1em; min-height: 540px; }
.img_ready { text-align: center;}