/**--------------------------- 이너 사이즈 **/
.inner { margin: 0 auto;position: relative;  width:100%; max-width: var(--inner); } 

@media screen and (max-width:1430px) { 
 .inner { padding-right:16px !important; padding-left: 16px !important; } 
}

@media screen and (max-width:1760px) {
.sub_layout .bread_crumbs{width: calc(100% - 32px);}
}


/**--------------------------- 레이아웃 **/
.container { padding-top:75px; position: relative; z-index: 1; background:url("../../images/sub/bg_sub.png") no-repeat top 75px left; }



/**---------------------------주요 애니메이션 **/
.reveal {overflow: hidden;}
.reveal span {display: inline-block; transform: translateY(100%); opacity: 0;}
.reveal span.aos-animate {transform: translateY(0); opacity: 1;}
.reveal span[data-aos="fade-up"] {transform: translateY(100%) !important; opacity: 0 !important;}
.reveal span[data-aos="fade-up"].aos-animate { transform: translateY(0) !important; opacity: 1 !important;}


/**--------------------------- 서브 레이아웃 **/
.sub_layout { position: relative;} 

/** 브레드크럼 **/
.sub_layout .bread_crumbs { display: flex; align-items: center; justify-content: flex-end; margin:0 auto; padding:20px 0; max-width: 1760px;}
.sub_layout .bread_crumbs li {display:flex; align-items: center; font-size: 16px; font-weight: 500; color: var(--gray-500, #808080);}
.sub_layout .bread_crumbs li a img {display: block;}
.sub_layout .bread_crumbs li::after { display: block;margin:0 14px; width:1px; height:12px;background: var(--gray-300, #B2B2B2); content: ""; opacity: 0.3;}
.sub_layout .bread_crumbs li:last-child::after {display: none;}


/** 제목 **/
.sub_layout .tit_box:before {content: '';display: block;width: 90px;height: 4px;background: var(--primary);margin-bottom: 2.5rem}
.sub_layout .tit_box{margin-bottom: 3.75rem;}
.sub_layout .tit_box h2 {font-size: 2rem;font-weight: 600;margin-bottom: .9375rem;}
.sub_layout .tit_box .en{font-size: 3.75rem;color:#9B731C;font-family: 'Kanit';letter-spacing: -1.8px;}
.sub_layout .tit_box .desc {color: #9B731C;font-size: 1.875rem;margin-top: .875rem;font-family: 'Kanit';}


/** 투댑쓰 **/
.sub_nav {margin-top:60px; margin-bottom:100px;}
.sub_nav ul {display: grid; gap:10px 14px; grid-template-columns: repeat(4,1fr);}
.sub_nav ul li a { display: block;padding:20px 30px; border: 1px solid var(--gray-200, #CCC); width:100%; background: var(--gray-0, #FFF);
font-size: 20px; font-weight: 600;line-height: 130%; border-radius: 16px;}
.sub_nav ul li.active a {border-color:var(--primary, #102169);
background: var(--primary, #102169); color:#fff;}