@charset "UTF-8";

/*헤더는 로고 및 색상이 달라 각 사이트 컨텐츠 안에 정의함*/

/* 푸터 */
.footer-box{border-top:1px solid var(--black20);}
.footer-box .foot-inner-box{display:flex;justify-content:space-between;align-items:center;gap:8rem;margin:0 auto;padding:6rem 2rem;max-width:151.3rem;box-sizing:border-box;}
.footer-box .foot-logo-box{flex-shrink:0;min-width:11.3rem;}
.footer-box .foot-right-box{width:100%;}
.footer-box .foot-top-box{display:flex;justify-content:space-between;align-items:center;margin:0 0 3rem;padding:0 0 1.2rem;border-bottom:1px solid var(--black10);}
.footer-box .foot-top-left{display:flex;gap:3rem;font-size:1.6rem;line-height:1.4;color:var(--color01);}
.footer-box .foot-top-left .foot-privacy{color:var(--black100);}
.footer-box .foot-sns-list{display:flex;gap:1rem;}
.footer-box .foot-bot-box{display:flex;justify-content:space-between;} 
.footer-box .foot-info-list{margin:0 0 1.4rem;font-size:1.6rem;line-height:1.4;word-break:keep-all;color:var(--color01);}
.footer-box .foot-copyright{font-size:1.4rem;line-height:1.4;color:var(--color02);}
.related-site-wrap{position:relative;width:23rem;}
.related-site-wrap > a{display:flex;padding:1.5rem 2.4rem 1.5rem 3rem;border:1px solid var(--color03);border-radius:10rem;background:var(--color04);box-sizing:border-box;}
.related-site-wrap > a span{display:flex;justify-content:space-between;width:100%;font-size:1.6rem;line-height:1;color:var(--color01);}
.related-site-wrap > a span:after{content:'';display:block;width:1.6rem;height:1.6rem;background:url(/_res/gradcau/cauoie/img/common/ico-foot-arrow01@2x.png) no-repeat center/100%;}
.related-site-wrap .related-site-box{display:none;position:absolute;bottom:calc(100% + 1rem);left:0;width:100%;border:1px solid var(--color03);border-radius:2.4rem;background-color:var(--color04);overflow-y:auto;box-sizing: border-box;z-index:10;}
.related-site-wrap .related-site-box li a{display:block;padding:1.5rem 2.4rem;font-size:1.6rem;color:var(--color01);}

/* 레이아웃 */
.sub-content-wrap{position:relative;margin:2.7rem 0 0;overflow:hidden;}
.sub-content-wrap::before{content:'';position:absolute;top:0;left:0;width:22.7rem;height:194.6rem;background:url(/_res/gradcau/cauoie/img/common/bg-sub-layout01.png) no-repeat center/100%;z-index:-1;}
.sub-content-wrap::after{content:'';position:absolute;top:57.8rem;right:0;width:50.6rem;height:154.2rem;background:url(/_res/gradcau/cauoie/img/common/bg-sub-layout02.png) no-repeat center/100%;z-index:-1;}
.sub-inner-wrap{display:flex;gap:4.1%;margin:0 auto 18rem;padding:7.3rem 2rem 0;max-width:148rem;}
.sub-inner-wrap .content-wrap{width:76.5%;}
.sub-inner-wrap .lnb-wrap{width:19.4%;}

/* 서브비주얼 */
.sub-visual-box{position:relative;}
.sub-visual-box .sub-visual-img-box{width:100%;min-height:52rem;background-image:url(/_res/gradcau/cauoie/img/common/img-sub-vi01.png);background-repeat:no-repeat;background-size:cover;background-position:center;}
.sub-visual-box .sub-visual-con{position:absolute;top:25.7rem;left:50%;z-index:100;margin:0 auto;padding:0 2rem;max-width:148rem;width:100%;text-align:center;box-sizing:border-box;transform:translateX(-50%);}
.sub-visual-box .sub-desc{font-weight:var(--font-weight-bold);font-size:3.2rem;line-height:1.1;letter-spacing:0.02em;color:var(--white100);}
.sub-visual-box .sub-desc span{color:var(--color08);}
.sub-visual-box h2{font-family:'Playfair Display SC','Paperlogy',sans-serif;font-weight:var(--font-weight-semibold);font-size:4.8rem;line-height:1.1;letter-spacing:-0.02em;color:var(--white100);}

/* 브레드크럼 */
.path-box{margin:0 auto;padding:3rem 2rem 3rem;max-width:148rem;box-sizing:border-box;}
.path-box .path > ul{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.path-box .path > ul > li{position:relative;padding:0 2.6rem 0 0;}
.path-box .path > ul > li::after{content:'';position:absolute;top:calc(50% - 8px);right:0;width:1.6rem;height:1.6rem;background:url(/_res/gradcau/cauoie/img/common/ico-breadcrumb-arrow@2x.png) no-repeat center/100%;}
.path-box .path > ul > li:last-of-type{padding:0;}
.path-box .path > ul > li:last-of-type::after{display:none;}
.path-box .path > ul > li > a{font-weight:var(--font-weight-medium);font-size:2rem;line-height:1.4;letter-spacing:-0.02em;color:var(--color02);}
.path-box .path > ul > li:last-of-type a{color:var(--color08);}
.path-box .path-depth{display:none;position:absolute;top:100%;left:0;padding:1.5rem 1rem;width:100%;border:1px solid var(--black20);background:var(--white100);box-sizing:border-box;z-index:20;}

/* 타이틀 */
.page-title-wrap{display:flex;justify-content:space-between;gap:1rem;margin:0 0 6rem;padding:0 0 3rem; border-bottom:1px solid var(--color16);}
.page-title-wrap .page-title{font-weight:var(--font-weight-semibold);font-size:4.8rem;line-height:1;color:var(--color07);}
.page-title-wrap .share-box{display:flex;gap:1rem;flex-shrink:0;align-self:flex-end;}
.page-title-wrap .share-box ul li a{display:block;width:3.2rem;height:3.2rem;}
.page-title-wrap .share-box ul li.share a{background:url(/_res/gradcau/cauoie/img/common/ico-share@2x.png) no-repeat center/100%;}

/* lnb */
.lnb-box .lnb-title{padding:1rem 0 2.6rem;border-bottom:4px solid var(--color17);font-weight:var(--font-weight-semibold);font-size:3.2rem;line-height:1.2;text-align:center;color:var(--color17);}
.lnb-box .lnb-menu{} 
.lnb-box .lnb-menu > li{border-bottom:1px solid var(--black20);}
.lnb-box .lnb-menu > li > a{display:block;position:relative;padding:1.8rem 2rem;font-weight:var(--font-weight-medium);font-size:2rem;line-height:1;color:var(--color02);transition:0.3s ease;}
.lnb-box .lnb-menu > li > a.active{font-weight:var(--font-weight-semibold);color:var(--color18);}
.lnb-box .lnb-menu > li > a:hover{color:var(--color18);}
.lnb-box .lnb-menu > li.active > ul{display:block;}
.lnb-box .lnb-menu > li > a.active + ul{display:block;}
.lnb-box .lnb-menu > li > ul{display:none;padding:0 0 2rem;}
.lnb-box .lnb-menu > li.has-depth02 > a:before{content: '';position:absolute;top:calc(50% -8px);right:2rem;width:1.6rem;height:1.6rem;background:url(/_res/gradcau/cauoie/img/common/ico-lnb-arrow01@2x.png) no-repeat center/100%;transition:0.3s ease;}
.lnb-box .lnb-menu > li.has-depth02 > a.active:before{transform:rotate(180deg);}
.lnb-box .lnb-menu > li > ul > li > a{display:block;position:relative;padding:1.3rem 1.5rem 1.3rem 3.2rem;font-weight:var(--font-weight-medium);font-size:1.8rem;line-height:1.2;color:var(--color02);transition:0.3s ease;}
.lnb-box .lnb-menu > li > ul > li > a.active{color:var(--color08);}
.lnb-box .lnb-menu > li > ul > li > a:hover{color:var(--color08);}
.lnb-box .lnb-menu > li > ul > li > a::before{content:'';position:absolute;top:2.1rem;left:2rem;width:4px;height:4px;border-radius:50%;background:var(--color02);}
.lnb-box .lnb-menu > li > ul > li > a.active::before{background:var(--color08);}

/* 메인 공통 */
.main-tit01{font-weight:var(--font-weight-bold);font-size:3.6rem;line-height:1;color:var(--black100);}
.main-tit01 span{font-size:4.8rem;}
.main-tit01 span.blue01{color:var(--color08);}
.main-tit01 span.blue02{color:var(--color15);}
.main-tit01 span.blue03{color:var(--color07);}
.main-tit02{padding:0 0 2rem;font-weight:var(--font-weight-bold);font-size:3.6rem;line-height:1;text-align:center;color:var(--white100);}
.main-tit02 span{font-size:6.4rem;}
.main-desc01{padding:0 0 2rem;font-size:2.4rem;line-height:1.4;text-align:center;word-break:keep-all;color:var(--color05);}
.btn-main-more02 > span{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;margin:0 auto;padding:1.6rem 3rem;max-width:21.4rem;border-radius:10rem;font-weight: var(--font-weight-semibold);font-size:1.8rem;line-height:1.2;color:var(--white100);box-sizing:border-box;}
.btn-main-more02 > span::after{content:'';display:block;flex-shrink:0;width:1.6rem;height:1.2rem;background:url(/_res/gradcau/cauoie/img/main/btn-main-more02.png) no-repeat center/100%;}
.btn-main-more02.blue01 > span{background-color:var(--color06);}
.btn-main-more02.blue02 > span{background-color:var(--color10);}


@media screen and (max-width:1024.98px){
	/* 레이아웃 */
	.sub-content-wrap{margin:6rem 0 0;}
	.sub-content-wrap::before{content:'';position:absolute;top:0;left:auto;right:0;width:37.5rem;height:250.8rem;background:url(/_res/gradcau/cauoie/img/common/bg-sub-layout03.png) no-repeat center/100%;}
	.sub-content-wrap::after{display:none;}
	.sub-inner-wrap{display:block;margin:0 auto 15rem;padding:2rem 2rem 0;}
	.sub-inner-wrap .content-wrap{width:100%;}
	.sub-inner-wrap .lnb-wrap{display:none;}
	
	/* 푸터 */
	.footer-box .foot-inner-box{flex-direction:column;gap:4rem;padding:6rem 2rem 8rem;}
	.footer-box .foot-top-box{flex-direction:column;gap:3rem;padding:0 0 2.4rem;}
	.footer-box .foot-top-left{justify-content:center;}
	.footer-box .foot-sns-list{justify-content:center;}
	.footer-box .foot-bot-box{flex-direction:column;gap:3rem;text-align:center;}
	.related-site-wrap{margin:0 auto;}
	
	/* 서브비주얼 */
	.sub-visual-box .sub-visual-img-box{min-height:38rem;}
	.sub-visual-box .sub-visual-con{top:16rem;}
	.sub-visual-box .sub-desc{font-size:2.8rem;}
	.sub-visual-box h2{font-size:4rem;}
	
	/* 브레드크럼 */
	.path-box{padding:0;border-bottom:1px solid var(--black20);}
	.path-box .path > ul{gap:0;}
	.path-box .path > ul > li{flex:1;padding:0;}
	.path-box .path > ul > li:has(.path-home){display:none;}
	/*.path-box .path > ul > li:nth-child(4){display:none;}*/
	.path-box .path > ul > li::after{right:5px;top:calc(50% - 3px);width:1.2rem;height:7px;background:url(/_res/gradcau/cauoie/img/common/ico-breadcrumb-arrow-mobile@2x.png) no-repeat center/100%;}
	.path-box .path > ul > li:last-of-type::after{display:block;}
	.path-box .path > ul > li > a{display:block;padding:2rem 2.5rem 2rem 1rem;width:100%;height:100%;font-size:1.6rem;word-break:keep-all;box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.path-box .path > ul > li:last-of-type a{color:var(--color13);}		
	.path-wrap .path-depth li{padding:0 0 1rem;}
	.path-wrap .path-depth li:last-of-type{padding:0;}
	.path-wrap .path-depth li a{display:inline-block;font-size:1.4rem;line-height:1.4;letter-spacing:-0.02em;word-break:keep-all;color:var(--color02);}
	
	/* 타이틀 */
	.page-title-wrap{display:block;margin:0 0 5rem;padding:0;border:0;}
	.page-title-wrap .page-title{font-size:3.6rem;}
	.page-title-wrap .share-box{display:none;}
	
	/* 메인 공통 */
	.main-tit02 span{display:block;}
	.main-desc01{font-size:2rem;}
}