@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;background: url(../img/main/bg-vi.png) no-repeat top right;width: 100%;height: 100%;background-size: auto;}
.wrap.sub-page {background: unset;}
.pc-hide {display:none;}

.notification-wrap{background: #004EDB;position: relative;z-index: 100;}
.header-wrap {border-bottom:1px solid #ddd;}
.main-content-wrap01{background: url(../img/main/sec01-bg.png) no-repeat center right;background-size:cover;}
.main-content-wrap02 {position:relative;background:#F6F9FE;}
.main-content-wrap04 {background: url(../img/main/sec04-bg.png) no-repeat center;background-size:cover; }
.main-content-box01{max-width: 1400px;margin: auto;}
.main-content-box02{max-width: 1400px;margin: auto;}
.main-content-box03{max-width: 1400px;margin: auto;}
.main-content-box04{max-width: 1400px;margin: auto;}
.footer-wrap{background: #282828;}
.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 56px;}
.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: unset;}
	.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) {
	.wrap{background: url(../img/main/bg-vi-sp.png) no-repeat top center;background-size: auto;}
	.header-wrap {border-bottom:none;}
}