@charset "UTF-8";

@import url(guide.css);
@import url(table.css);

body{font-family: 'Pretendard', sans-serif;font-size: 16px;line-height: 160%;}
.aos{overflow-x: hidden;}
.over-hidden, .scroll-hidden {overflow: hidden;}
.wrap{position: relative;overflow:hidden;}
.pc-hide {display:none;}

.notification-wrap{background: rgba(0, 157, 188, 0.87);position: relative;z-index: 100;}
.main-content-wrap01{position: relative; background: url(../img/main/inner01-bg-right.png) no-repeat top right;}
.main-content-wrap01:before{content: '';position: absolute;bottom: -136px;left: 0;width: calc((100% - 1280px)/2);height: 100%;background: url(../img/main/inner01-bg-left.png) no-repeat bottom left;pointer-events: none;z-index: -1;}
.main-content-wrap02 {display: none;}
.main-content-wrap04{background: url(../img/main/sec04.jpg) no-repeat center top / 100% 100%;}

.footer-wrap{background: #282828;}

.main-content-box01{max-width: 1280px;margin: auto;}
.main-content-box03{max-width: 1280px;margin: auto;}
.main-content-box04{max-width: 1280px;margin: auto;}

.footer-box{margin: 0 15px;}
/*sub-page*/
.content-outer-wrap { max-width: 1560px; width: 100%; margin: 0 auto; box-sizing: border-box;padding: 0 20px;}
.content-outer-wrap .content-outer-box {display: flex;flex-wrap: wrap;gap: 60px;padding: 60px 0 140px;}
.content-outer-wrap .lnb-wrap {width: 240px;flex-shrink: 0;}
.content-outer-wrap .sub-content-wrap {flex: 1;box-sizing: border-box;min-width: 0;}
.content-outer-wrap .content-outer-box .sub-content-box .title-box {padding: 0 0 60px;}
.content-outer-wrap .content-outer-box .sub-content-box > .tab-box {padding: 0;}


@media(max-width: 1200px){
	.content-outer-wrap .lnb-wrap {display: none;}
	.content-outer-wrap {padding: 0;}
	.content-outer-wrap .content-outer-box .sub-content-box {padding: 43px 15px 0;}
	.content-outer-wrap .content-outer-box {padding: 0 0 100px;}
}

@media(max-width: 1024px){
	.main-content-wrap01{background:none;}
	.main-content-wrap01:before{display:none;}
	.main-content-box01{margin: 0 15px;}
	.main-content-box03{margin: 0 15px;}
	.main-content-box04{margin: 0 15px;}


	.content-outer-wrap .sub-content-wrap {width: 100%;}
	.content-outer-wrap .content-outer-box .sub-content-box .title-box {padding: 0 0 40px;}
}

@media(max-width: 768px){
	.main-content-wrap04{background: url(../img/main/m-sec04.jpg) no-repeat center top / 100% 100%;}
}