@charset "utf-8";

main{margin-top: 120px !important; }
main .flex-1{display: flex;  gap:1.2%; }
main .mcnt1{position: relative; height: 290px;  }
main .mcnt1 > img{width: 100%; height: 100%; object-fit:cover;}
main .mcnt1 .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 30px;}
main .mcnt1 .tbx small{color: #333; font-size: 14px; font-weight: 600; line-height: 18px;  letter-spacing: -0.42px; }
main .mcnt1 .tbx b{color: #222; font-size: 22px; font-weight: 600; line-height: 28px;  letter-spacing: -0.66px; margin: 10px 0;} 
main .mcnt1 .tbx b span{color: #12215B;}
main .mcnt1 .tbx p{color: #666; font-size: 12px; font-weight: 400; line-height: 16px;  letter-spacing: -0.36px;}
main .mcnt1 .tbx .link-box{margin-top: 14px;}
main .mcnt1 .tbx .link-box > a{display: inline-flex; padding: 10px 12px 10px 14px; align-items: center; gap: 4px;border-radius: 50px; background: #12215B;color: #FFF;font-size: 10px; font-weight: 600; line-height: 12px; letter-spacing: -0.3px; transition:.3s;}
main .mcnt1 .tbx .link-box > a:hover{background: #000;}
main .mcnt2{width: 25.90%;}
main .mcnt2 > img{width: 100%; height: 100%; object-fit:cover; border-radius: 20px;}
main .mcnt3{width: 32.04%; background: #ddd; border-radius: 20px; overflow: hidden;}
main .mcnt3 iframe{position: absolute; left: -2.5%; top: -2.5%;width: 105%; height: 105%; object-fit:cover; }

main .flex-2{display: flex; flex-wrap:wrap; gap:30px;; margin-top: 25px; padding-bottom: 40px;} 
main .mcnt4{flex:1; }
main .mcnt4 .tit-box{display: flex; flex-wrap:wrap; justify-content: space-between; align-items:center; margin-bottom: 15px;}
main .mcnt4 .tit-box b{display: flex; align-items:center; flex-wrap:wrap; gap:14px; color: #222; font-size: 22px; font-weight: 600; line-height: 32px;  letter-spacing: -0.66px;}
main .mcnt4 .tit-box b p{color: #666; font-size: 14px; font-weight: 400; line-height: 20px;  letter-spacing: -0.42px;}
main .mcnt4 .tit-box .info form{display: flex; align-items:center; gap:4px;}
main .mcnt4 .tit-box .info form .mcnt3-sch {position: relative; display: flex; align-items:center; gap:10px; padding: 0px 12px 0px 14px; height: 32px; width: 104px; border-radius: 50px; border: 1px solid #DDD; background: #FFF;}
main .mcnt4 .tit-box .info form .mcnt3-sch input[type='text']{border: none; width: calc(100% - 12px); color: #333; font-size: 12px; font-weight: 400; line-height: 20px;  letter-spacing: -0.36px;}
main .mcnt4 .tit-box .info form .mcnt3-sch input[type='text']::placeholder{color: #666;}
main .mcnt4 .tit-box .info form .mcnt3-sch button{border: none; background: none; }
main .mcnt4 .tit-box .info form .mcnt3-fillter{display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; border-radius: 16px; border: 1px solid #DDD; cursor: pointer;}


.mcnt3-fillter-box{position: relative; }
.mcnt3-fillter-box select{position: absolute; right: 0; top: 40px; border: 1px solid #ddd; height: 30px; padding: 0px 10px; border-radius: 8px; display: none; font-size: 12px;}


main .mcnt4 iframe{width: 100%; height: 278px; border-radius: 20px; background: #ddd;}
main .mcnt4 .flex-box{display: flex; flex-wrap:wrap; gap:10px; margin-top: 11px;}
main .mcnt4 .flex-box a{flex:1; display: flex; height: 146px; flex-direction: column; border-radius: 12px; background: #fff; /* background: #F4F7FA; */ transition:.3s; padding: 18px; border: 1px solid rgba(18, 33, 91, 0);}
main .mcnt4 .flex-box a:nth-of-type(1) {border-color: #CEA352;}
main .mcnt4 .flex-box a:nth-of-type(2) {border-color: #593D35;}
main .mcnt4 .flex-box a:nth-of-type(3) {border-color: #C20D1B;}
main .mcnt4 .flex-box a:nth-of-type(4) {border-color: #162B7C;}
main .mcnt4 .flex-box a:nth-of-type(5) {border-color: #A6A6A6;}
main .mcnt4 .flex-box a i{display: flex;width: 36px;height: 36px;flex-direction: column;justify-content: center;align-items: center;aspect-ratio: 1/1; border-radius: 50px;/* background: #FFF; */ transition:.3s; margin-left: auto;}
main .mcnt4 .flex-box a:nth-of-type(1) i {background: #CEA352;}
main .mcnt4 .flex-box a:nth-of-type(2) i {background: #593D35;}
main .mcnt4 .flex-box a:nth-of-type(3) i {background: #C20D1B;}
main .mcnt4 .flex-box a:nth-of-type(4) i {background: #162B7C;}
main .mcnt4 .flex-box a:nth-of-type(5) i {background: #A6A6A6;}
main .mcnt4 .flex-box a i svg path{transition:.3s;}
main .mcnt4 .flex-box a .tbx{display: flex; flex-direction: column; }
main .mcnt4 .flex-box a .tbx b{color: #222; font-size: 16px; font-weight: 600; line-height: 20px;  letter-spacing: -0.48px; margin-bottom: 8px;}
main .mcnt4 .flex-box a:last-child .tbx b{margin-bottom: 4px;}
main .mcnt4 .flex-box a .tbx p{color: #666; font-size: 12px; font-weight: 400; line-height: 16px;  letter-spacing: -0.36px;}
/* main .mcnt4 .flex-box a:hover{border: 1px solid rgba(18, 33, 91, 0.60); background: #fff;
	i{background: #12215B;}
	svg path{stroke:#fff;}
} */
main .mcnt5{flex:1;}
main .mcnt5 .wrap{display: flex; flex-wrap:wrap;  border-radius: 20px; background: #F4F7FA; padding: 24px 20px; gap:10px 12px}
main .mcnt5 .wrap .tbx{display: flex; flex-direction: column; gap:10px; padding-left: 10px; padding-top: 4px; flex: 1 1 30%} 
main .mcnt5 .wrap .tbx b{color: #222; font-size: 22px; font-weight: 600; line-height: 30px;  letter-spacing: -0.66px;}
main .mcnt5 .wrap .tbx p{color: #666; font-size: 14px; font-weight: 400; line-height: 20px;  letter-spacing: -0.42px;}
main .mcnt5 .wrap .tbx p span{margin: 0 6px;}
main .mcnt5 .wrap .box{flex:1 1 30%; display: flex; flex-wrap:wrap; border-radius: 12px; background: #FFF; height: 136px; padding: 16px 20px;}
main .mcnt5 .wrap .box .tit{display: flex; flex-wrap:wrap; align-items:center; gap:8px; width: 100%; margin-bottom: 13px;}
main .mcnt5 .wrap .box .tit i{display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; text-align: center; line-height: 0; border-radius: 12px; }
main .mcnt5 .wrap .box .tit p{color: #333; font-size: 16px; font-weight: 600; line-height: 24px;  letter-spacing: -0.48px;}
main .mcnt5 .wrap .box .tit span{margin-left: auto; color: #999; text-align: right; font-size: 10px; font-weight: 500; line-height: 12px;  letter-spacing: -0.3px;}
main .mcnt5 .wrap .box .lbx{display: flex; flex-direction: column; width: 55px;}
main .mcnt5 .wrap .box .lbx b{color: #333; font-size: 18px; font-weight: 600; line-height: 1em;  letter-spacing: -0.54px; }
main .mcnt5 .wrap .box .lbx p{color: #666; font-size: 12px; font-weight: 500; line-height: 1em;  letter-spacing: -0.36px; margin: 6px 0 8px;}
main .mcnt5 .wrap .box .lbx strong{color: #AC8F59; font-size: 14px; font-weight: 600; line-height: 18px;  letter-spacing: -0.42px;}
main .mcnt5 .wrap .box .lbx span{font-weight: 500; font-size: 10px; letter-spacing: -0.3px;}
main .mcnt5 .wrap .box .rbx{display: flex; flex-wrap:wrap; width: calc(100% - 55px);}
main .mcnt5 .wrap .box .rbx .grapy-line{display: flex; flex-direction: column; gap:12px; width: 20px; padding-right: 3px;  align-self:end; position: relative; top: -12px;	}
main .mcnt5 .wrap .box .rbx .grapy-line span{color: #999; text-align: right; font-size: 6px; font-weight: 500; line-height: 12px;  letter-spacing: -0.3px;}
main .mcnt5 .wrap .box .rbx .grapy-flex{flex-direction: column; width: calc(100% - 20px); }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box{display: flex; align-items: flex-end; height: 47px; position: relative; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box:before{position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; left: 0; bottom: -1px;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box .grapy{flex:1; display: flex; justify-content: center;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box .grapy span{width: 10px; border-radius: 50px 50px 0 0; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-d{display: flex; flex:1; margin-top: 5px;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-d .d{flex:1; display: flex; align-items:center; justify-content: center; color: #333; font-size: 8px; font-weight: 500; line-height: 12px; letter-spacing: -0.24px;}
main .mcnt5 .wrap .box .lbx strong.c1{color: #AC8F59;}
main .mcnt5 .wrap .box .lbx strong.c2{color: #808080;}
main .mcnt5 .wrap .box .lbx strong.c3{color: #231815;}
main .mcnt5 .wrap .box .lbx strong.c4{color: #92030E;}
main .mcnt5 .wrap .box .lbx strong.c5{color: #12215B;}
main .mcnt5 .wrap .box .tit .i1{background: #AC8F59;}
main .mcnt5 .wrap .box .tit .i2{background: #808080;}
main .mcnt5 .wrap .box .tit .i3{background: #231815;}
main .mcnt5 .wrap .box .tit .i4{background: #92030E;}
main .mcnt5 .wrap .box .tit .i5{background: #12215B;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c1 .grapy span{background: #EEE5D4; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c1 .grapy:last-child span{background: #AC8F59;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c2 .grapy span{background: #808080; opacity: 0.3; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c2 .grapy:last-child span{background: #808080; opacity: 1;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c3 .grapy span{background: #231815; opacity: 0.3; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c3 .grapy:last-child span{background: #231815; opacity: 1;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c4 .grapy span{background: #92030E; opacity: 0.3; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c4 .grapy:last-child span{background: #92030E; opacity: 1;}
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c5 .grapy span{background: #12215B; opacity: 0.3; }
main .mcnt5 .wrap .box .rbx .grapy-flex .grapy-box.c5 .grapy:last-child span{background: #12215B; opacity: 1;}

main .board-main{display: flex; flex-wrap:wrap; margin-top: 14px; gap:10px;}
main .board-main > *{flex:1 1 30%;}
main .board-main .box .tit-box{display: flex; justify-content: space-between; margin-bottom: 6px;}
main .board-main .box .tit-box p{color: #222; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.48px;}
main .board-main .box .tit-box a{display: flex; align-items:center; gap:4px; color: #333; font-size: 10px; font-weight: 400; line-height: 12px;  letter-spacing: -0.3px; padding-right: 3px;}
main .board-main .box .cnt{display: flex; flex-direction: column; gap:4px;}
main .board-main .box .cnt a{display: flex; flex-wrap:wrap; justify-content: space-between; padding: 6px 12px; ; gap: 8px; border-radius: 4px; background: #F4F7FA; border: 1px solid rgba(18, 33, 91, 0); transition:.3s;}
main .board-main .box .cnt a p{color: #333; font-size: 10px; font-weight: 500; line-height: 12px;  letter-spacing: -0.3px; transition:.3s; width: calc(100% - 62px); white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
main .board-main .box .cnt a span{color: #666; text-align: right; font-size: 10px; font-weight: 400; line-height: 12px;  letter-spacing: -0.3px; transition:.3s; width: 54px;}
main .board-main .box .cnt a:hover{ border: 1px solid rgba(18, 33, 91, 0.60); background: #FFF;
	p{color: #12215B; font-weight: 600;}	
	span{color: #333;}
}
main .board-main .img-box{border-radius: 12px; background: url(../img/main/board-main-bg.jpg) center no-repeat; padding: 18px;;}
main .board-main .img-box .tbx{display: flex; flex-direction: column; gap:4px; height: 100%;}
main .board-main .img-box .tbx b{color: #FFF; font-size: 16px; font-weight: 600; line-height: 24px;  letter-spacing: -0.48px;}
main .board-main .img-box .tbx p{color: #FFF; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: -0.36px;}
main .board-main .img-box .tbx span{margin-top: auto; margin-left: auto; display: flex; gap:4px; align-items:center; color: #FFF; font-size: 10px; font-weight: 400; line-height: 12px;  letter-spacing: -0.3px;}