@charset 'UTF-8';
div.wrap{width:1200px; margin: 0 auto;}
@media all and (max-width:1200px){
    div.wrap{width: 100%; padding: 0 20px 20px 20px;}  
}

/* 비주얼 */
main div.Visual-box{width: 100%; height: 346px; background:url(../../images/02_councillor_a/main/main-2024/main-vs-bg.png) no-repeat center; background-size: cover; padding: 40px 0px; box-sizing: border-box;}
main div.Visual-box div.vs-flex-box{display: flex; justify-content: space-between;}
main div.Visual-box div.vs-flex-box div.left{width:60%; display: flex; justify-content: flex-start;}
main div.Visual-box div.vs-flex-box div.left div.img img{box-shadow: 10px 10px 0px #c3c3c3; border-radius: 10px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box{padding: 20px 0 0 60px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box p.tit-infor{font-family: 'NotoKrL'; font-size:16px; color: #000000;}
main div.Visual-box div.vs-flex-box div.left div.txt-box p.named{font-family: 'GmarketSansB'; font-size:33px; color: #000000; padding: 15px 0 0 0;}
main div.Visual-box div.vs-flex-box div.left div.txt-box p.named span.eng-name{font-family: 'NotoKrL'; font-size:16px; display: inline-block; padding: 0 0 0 10px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01{padding: 5px 0 0 0;}
main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01 li a{font-family: 'NotoKrR'; font-size:16px; color: #000000; padding: 10px 0 0 15px; position: relative; display: block;}
main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01 li a:before{content: ""; width: 5px; height: 5px; background:#1a88a1; position: absolute; top:18px; left:0;}
main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01 li a strong{position:relative; color:#1b87a4; padding-right:10px; margin-right:8px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01 li a strong:before{position:absolute; top:7px; right:0px; width:1px; height:12px; background:#a0a0a0; content:"";}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box{display: flex; justify-content: flex-start; padding: 20px 0 0 0;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a{display: inline-block; margin-right: 10px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a:last-child{margin-right: 0px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn{ padding: 7px 40px 7px 20px; background:#000; border-radius: 30px; border:solid 2px #000;
font-family: 'NotoKrM'; color: #fff; box-sizing: border-box; position: relative;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn:after{content: ""; width: 5px; height: 8px; 
background: url(../../images/02_councillor_a/main/main-2024/main-vs-more.png) no-repeat; position: absolute; top:16px; right:20px;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.blog{width: 40px; height: 40px;
background: url(../../images/02_councillor_a/main/main-2022/blog-ico.png) no-repeat center;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.fb{width: 40px; height: 40px;
background: url(../../images/02_councillor_a/main/main-2022/fb-ico.png) no-repeat center;}
main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.tw{width: 40px; height: 40px;
    background: url(../../images/02_councillor_a/main/main-2024/tw-ico.png) no-repeat center;}

main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.kakao{width: 40px; height: 40px;
    background: url(../../images/02_councillor_a/main/main-2022/kakao-ico.png) no-repeat center;}

main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.insta{width: 40px; height: 40px;
    background: url(../../images/02_councillor_a/main/main-2022/insta-ico.png) no-repeat center;}
	main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.band{width: 40px; height: 40px;
    background: url(../../images/02_councillor_a/main/main-2022/band.png) no-repeat center; background-size: 40px 40px;}



main div.Visual-box div.vs-flex-box div.right{width:40%;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box{width: 100%; background: #fff; padding: 0px 0px 20px 0px; border-radius: 10px; box-sizing: border-box;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box {width:100%; height:59px; background:#37b788; padding: 20px 20px 0px 20px; box-sizing: border-box; position: relative; border-radius:10px 10px 0px 0px;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box span.tit{ font-family: 'GmarketSansM'; font-size:20px; color: #fff; padding:10px 0 0 35px; position: relative;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box span.tit:before{content: ""; width: 17px; height: 25px; 
background: url(../../images/02_councillor_a/main/main-2022/carrer-ico.png) no-repeat; position: absolute; top:7px; left:0;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box a.more{font-family: 'GmarketSansL'; font-size:44px; color: #fff; position: absolute; top:10px; right:20px;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.scroll-list-box{padding: 12px 20px 0px 20px; box-sizing: border-box;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.scroll-list-box ul.list{height: 164px; overflow-y: scroll;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.scroll-list-box ul.list li a{font-family: 'NotoKrR'; font-size:15px;color: #000000;padding: 10px 0 0 15px;position: relative;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}
main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.scroll-list-box ul.list li a:before{content: ""; width: 5px; height: 5px; background:#37b788; position: absolute; top:18px; left:0;}


.titTxt{font-family: 'GmarketSansB'; font-size:33px; color: #000000; padding: 15px 0 0 0;}
.mainTxt{font-family: 'NotoKrR'; font-size:18px; color: #000000; padding: 10px 0 0 0; position: relative; display: block;}

@media all and (max-width:1200px){
    main div.Visual-box{height: auto;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box{padding: 20px 0 0 30px;} 
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box{flex-flow: wrap;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn{width: 90%; margin-bottom: 10px; transition: 0.5s ease-in-out;}
}


@media all and (max-width:1024px){
	main div.Visual-box{margin-top:55px;}

    main div.Visual-box div.vs-flex-box div.left{padding-right: 30px;}
    main div.Visual-box div.vs-flex-box div.left div.img img{width: 150px; transition: 0.5s ease-in-out;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box p.named{font-size:30px;}
	.titTxt{font-size:30px;}
}

@media all and (max-width:768px){
    main div.Visual-box div.vs-flex-box{flex-flow: wrap; transition: 0.5s ease-in-out;}
    main div.Visual-box div.vs-flex-box div.left{width: 100%; padding-right: 0px; transition: 0.5s ease-in-out;}
    main div.Visual-box div.vs-flex-box div.right{width: 100%; margin-top:0px; transition: 0.5s ease-in-out;}
    main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box{background-size: cover; border-radius: 10px 10px 0 0;}
}

@media all and (max-width:680px){
    main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box span.tit{font-size:18px;}
    main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box span.tit:before{top:4px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn{padding: 5px 40px 5px 20px; font-size:12px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn:after{top:12px;}
    main div.Visual-box div.vs-flex-box div.right div.carrer-list-box div.top-box a.more{font-size:40px; top:13px;}
}

@media all and (max-width:480px){
	main div.Visual-box{padding: 0px 0px;}
    main div.Visual-box div.vs-flex-box div.left div.img{display: block; margin: 0 auto; padding-right: 20px; padding-top: 25px;}
    main div.Visual-box div.vs-flex-box div.left div.img img{width: 140px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box{padding: 20px 0 0 0px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box p.named{font-size:23px;}
	.titTxt{font-size:23px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box ul.vs-list-st-type01 li a{font-size:13px;}
	.mainTxt{font-size:13px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.more-btn{padding: 5px 35px 5px 12px;}

	main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box{padding: 10px 0 0 0;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.blog{background-size: 30px; width: 30px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.fb{background-size: 30px; width: 30px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.tw{background-size: 30px; width: 30px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.kakao{background-size: 30px; width: 30px;}
    main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.insta{background-size: 30px; width: 30px;}
	main div.Visual-box div.vs-flex-box div.left div.txt-box div.sns-box a.band{background-size: 30px; width: 30px;}
}




/* 컨텐츠01 */
.board-box{min-height:220px;}
div.con02{display: flex; justify-content: space-between; padding: 50px 0;}
div.con02 div.con02-01{width: 48%; position: relative;}
div.con02 div.con02-01 h5.tit{font-family: 'GmarketSansM'; font-size:22px; color: #000000; position: relative; padding: 0 0 20px 35px;}
div.con02 div.con02-01 h5.tit:before{content: ""; width: 21px; height: 21px; background: url(../../images/02_councillor_a/main/main-2024/con02-tit01.png) no-repeat; position: absolute; top:0; left:0;}
div.con02 div.con02-01 ul.img-list{display: flex; justify-content: space-between;}
div.con02 div.con02-01 ul.img-list li{width: 48%;}
div.con02 div.con02-01 ul.img-list li a{display: block; width: 100%; border:solid 1px #cacaca; border-radius: 10px;}
div.con02 div.con02-01 ul.img-list li a img{display: block; width: 100%; border-radius: 10px 10px 0 0;height:170px;}
div.con02 div.con02-01 ul.img-list li a span.tit{font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block; text-align: center; padding: 12px 0;overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.con02 div.con02-01 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}


div.con02 div.con02-02{width: 48%; position: relative;}
div.con02 div.con02-02 h5.tit{font-family: 'GmarketSansM'; font-size:22px; color: #000000; position: relative; padding: 0 0 20px 35px;}
div.con02 div.con02-02 h5.tit:before{content: ""; width: 24px; height: 17px; background: url(../../images/02_councillor_a/main/main-2024/con02-tit02.png) no-repeat; position: absolute; top:2px; left:0;}
div.con02 div.con02-02 ul.img-list{display: flex; justify-content: space-between;}
div.con02 div.con02-02 ul.img-list li{width: 48%;}
div.con02 div.con02-02 ul.img-list li a{display: block; width: 100%; border:solid 1px #cacaca; border-radius: 10px;}
div.con02 div.con02-02 ul.img-list li a img{display: block; width: 100%; border-radius: 10px 10px 0 0;height:170px;}
div.con02 div.con02-02 ul.img-list li a span.tit{font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block; text-align: center; padding: 12px 0;overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.con02 div.con02-02 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}


div.con02 div.con02-02 div.board-box{border:solid 1px #cacaca; border-radius: 10px; padding: 30px 30px; box-sizing: border-box;}
div.con02 div.con02-02 ul.board-list{position: relative; padding: 0 0 0 130px;}
div.con02 div.con02-02 ul.board-list:before{content: ""; width: 92px; height: 92px; background: url(../../images/02_councillor_a/main/main-2024/con02-ico01.png) no-repeat; position: absolute; top:22px; left:0;}
div.con02 div.con02-02 ul.board-list li a{width:100%; font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block; padding: 0 0 0px 15px; box-sizing: 
    border-box; position: relative; display: block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div.con02 div.con02-02 ul.board-list li a:before{content: ""; width: 5px; height: 5px; background:#1b87a4; position: absolute; top:8px; left:0;}
div.con02 div.con02-02 ul.board-list li span.date{width:100%; display: block; font-family: 'NotoKrR'; font-size:16px; color: #aaaaaa; padding: 0px 0 10px 15px;}
div.con02 div.con02-02 ul.board-list li:last-child span.date{padding: 0px 0 0px 15px;}
div.con02 div.con02-02 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}


@media all and (max-width:768px){
    div.con02{flex-flow: wrap; padding: 30px 0;}
    div.con02 div.con02-01{width: 100%; transition: 0.5s ease-in-out;}
    div.con02 div.con02-02{width: 100%; margin-top: 30px; transition: 0.5s ease-in-out;}
}

@media all and (max-width:680px){
    div.con02 div.con02-01 h5.tit{font-size:18px;}
    div.con02 div.con02-01 h5.tit:before{top:-2px;}
    div.con02 div.con02-01 a.more-btn{font-size:40px;}

    div.con02 div.con02-02 h5.tit{font-size:18px;}
    div.con02 div.con02-02 h5.tit:before{top:0px;}
    div.con02 div.con02-02 a.more-btn{font-size:40px;}
    div.con02 div.con02-02 ul.board-list{padding: 0 0 0 100px;}
    div.con02 div.con02-02 ul.board-list:before{background-size: 75px; width: 75px;}
    div.con02 div.con02-02 ul.board-list li a{font-size:14px;}
    div.con02 div.con02-02 ul.board-list li span.date{font-size:13px;}
}

@media all and (max-width:480px){
    div.con02 div.con02-01 ul.img-list{flex-flow: wrap;}
    div.con02 div.con02-01 ul.img-list li{width: 100%;}
    div.con02 div.con02-01 ul.img-list li:last-child{margin-top: 20px;}

    div.con02 div.con02-02 ul.board-list{padding: 0 0 0 0px;}
    div.con02 div.con02-02 ul.board-list:before{content: none;}

    div.con02 div.con02-02 ul.img-list{flex-flow: wrap;}
    div.con02 div.con02-02 ul.img-list li{width: 100%;}
    div.con02 div.con02-02 ul.img-list li:last-child{margin-top: 20px;}
}


div.con03{display: flex; justify-content: space-between; padding: 0px 0 50px 0;}
div.con03 div.con03-01{width: 48%; position: relative;}
div.con03 div.con03-01 h5.tit{font-family: 'GmarketSansM'; font-size:22px; color: #000000; position: relative; padding: 0 0 20px 35px;}
div.con03 div.con03-01 h5.tit:before{content: ""; width: 18px; height: 23px; background: url(../../images/02_councillor_a/main/main-2024/con02-tit03.png) no-repeat; position: absolute; top:0px; left:0;}
div.con03 div.con03-01 div.board-box{border:solid 1px #cacaca; border-radius: 10px; padding: 30px 30px; box-sizing: border-box;}
div.con03 div.con03-01 ul.board-list{position: relative; padding: 0 0 0 130px;}
div.con03 div.con03-01 ul.board-list:before{content: ""; width: 92px; height: 92px; background: url(../../images/02_councillor_a/main/main-2024/con03-ico01.png) no-repeat; position: absolute; top:22px; left:0;}
div.con03 div.con03-01 ul.board-list li a{width:100%; font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block; 
    padding: 0 0 0px 15px; box-sizing: border-box; position: relative; display: block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div.con03 div.con03-01 ul.board-list li a:before{content: ""; width: 5px; height: 5px; background: #1b87a4; position: absolute; top:8px; left:0;}
div.con03 div.con03-01 ul.board-list li span.date{width:100%; display: block; font-family: 'NotoKrR'; font-size:16px; color: #aaaaaa; padding: 0px 0 10px 15px;}
div.con03 div.con03-01 ul.board-list li:last-child span.date{padding: 0px 0 0px 15px;}
div.con03 div.con03-01 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}

div.con03 div.con03-02{width: 48%; position: relative;}
div.con03 div.con03-02 h5.tit{font-family: 'GmarketSansM'; font-size:22px; color: #000000; position: relative; padding: 0 0 20px 35px;}
div.con03 div.con03-02 h5.tit:before{content: ""; width: 19px; height: 23px; background: url(../../images/02_councillor_a/main/main-2024/con02-tit04.png) no-repeat; position: absolute; top:0px; left:0;}
div.con03 div.con03-02 div.board-box{border:solid 1px #cacaca; border-radius: 10px; padding: 30px 30px; box-sizing: border-box;}
div.con03 div.con03-02 ul.board-list{position: relative; padding: 0 0 0 130px;}
div.con03 div.con03-02 ul.board-list:before{content: ""; width: 92px; height: 92px; background: url(../../images/02_councillor_a/main/main-2024/con03-ico02.png) no-repeat; position: absolute; top:22px; left:0;}
div.con03 div.con03-02 ul.board-list li a{width:100%; font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block;
    padding: 0 0 0px 15px; box-sizing: border-box; position: relative; display: block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div.con03 div.con03-02 ul.board-list li a:before{content: ""; width: 5px; height: 5px; background: #1b87a4; position: absolute; top:8px; left:0;}
div.con03 div.con03-02 ul.board-list li span.date{width:100%; display: block; font-family: 'NotoKrR'; font-size:16px; color: #aaaaaa; padding: 0px 0 10px 15px;}
div.con03 div.con03-02 ul.board-list li:last-child span.date{padding: 0px 0 0px 15px;}
div.con03 div.con03-02 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}

@media all and (max-width:768px){
    div.con03{flex-flow: wrap; padding: 0px 0 30px 0;}
    div.con03 div.con03-01{width: 100%; transition: 0.5s ease-in-out;}
    div.con03 div.con03-02{width: 100%; margin-top: 30px; transition: 0.5s ease-in-out;}
}

@media all and (max-width:680px){
    div.con03 div.con03-01 h5.tit{font-size:18px;}
    div.con03 div.con03-01 h5.tit:before{top:-2px;}
    div.con03 div.con03-01 a.more-btn{font-size:40px;}

    div.con03 div.con03-02 h5.tit{font-size:18px;}
    div.con03 div.con03-02 h5.tit:before{top:-2px;}
    div.con03 div.con03-02 a.more-btn{font-size:40px;}

    div.con03 div.con03-01 h5.tit{font-size:18px;}
    div.con03 div.con03-01 h5.tit:before{top:-3px;}
    div.con03 div.con03-01 a.more-btn{font-size:40px;}
    div.con03 div.con03-01 ul.board-list{padding: 0 0 0 100px;}
    div.con03 div.con03-01 ul.board-list:before{background-size: 75px; width: 75px;}
    div.con03 div.con03-01 ul.board-list li a{font-size:14px;}
    div.con03 div.con03-01 ul.board-list li span.date{font-size:13px;}

    div.con03 div.con03-02 h5.tit{font-size:18px;}
    div.con03 div.con03-02 h5.tit:before{top:-3px;}
    div.con03 div.con03-02 a.more-btn{font-size:40px;}
    div.con03 div.con03-02 ul.board-list{padding: 0 0 0 100px;}
    div.con03 div.con03-02 ul.board-list:before{background-size: 75px; width: 75px;}
    div.con03 div.con03-02 ul.board-list li a{font-size:14px;}
    div.con03 div.con03-02 ul.board-list li span.date{font-size:13px;}
}


@media all and (max-width:480px){
    div.con03 div.con03-01 ul.board-list{padding: 0 0 0 0px;}
    div.con03 div.con03-01 ul.board-list:before{content: none;}

    div.con03 div.con03-02 ul.board-list{padding: 0 0 0 0px;}
    div.con03 div.con03-02 ul.board-list:before{content: none;}
}




div.con04{display: flex; justify-content: space-between; padding: 0px 0 50px 0;}
div.con04 div.con04-01{width: 48%; position: relative;}
div.con04 div.con04-01 h5.tit{font-family: 'GmarketSansM'; font-size:22px; color: #000000; position: relative; padding: 0 0 20px 35px;}
div.con04 div.con04-01 h5.tit:before{content: ""; width: 26px; height: 17px; background: url(../../images/02_councillor_a/main/main-2024/con02-tit05.png) no-repeat; position: absolute; top:2px; left:0;}
div.con04 div.con04-01 div.board-box{border:solid 1px #cacaca; border-radius: 10px; padding: 30px 30px; box-sizing: border-box;}
div.con04 div.con04-01 ul.board-list{position: relative; padding: 0 0 0 130px;}
div.con04 div.con04-01 ul.board-list:before{content: ""; width: 92px; height: 92px; background: url(../../images/02_councillor_a/main/main-2024/con04-ico01.png) no-repeat; position: absolute; top:22px; left:0;}
div.con04 div.con04-01 ul.board-list li a{width:100%; font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block;
    padding: 0 0 0px 15px; box-sizing: border-box; position: relative; display: block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
div.con04 div.con04-01 ul.board-list li a:before{content: ""; width: 5px; height: 5px; background: #1b87a4; position: absolute; top:8px; left:0;}
div.con04 div.con04-01 ul.board-list li span.date{width:100%; display: block; font-family: 'NotoKrR'; font-size:16px; color: #aaaaaa; padding: 0px 0 10px 15px;}
div.con04 div.con04-01 ul.board-list li:last-child span.date{padding: 0px 0 0px 15px;}
div.con04 div.con04-01 a.more-btn{font-family: 'GmarketSansL'; font-size:44px; color: #000000; position: absolute; top:-9px; right:0px; display: block;}

div.con04 div.con04-02{width: 48%; position: relative;}
div.con04 div.con04-02 div.calinder-box{width: 100%; background:#e6f0f3; padding: 20px 20px; border-radius: 10px; box-sizing: border-box;}
div.con04 div.con04-02 div.calinder-box div.cal-flex{display: flex; justify-content: center;}
div.con04 div.con04-02 div.calinder-box div.cal-flex a{display: inline-block;}
div.con04 div.con04-02 div.calinder-box div.cal-flex a.prev-btn{width: 34px; height: 34px; background: url(../../images/02_councillor_a/main/main-2022/cal-prev-btn.png) no-repeat center;}
div.con04 div.con04-02 div.calinder-box div.cal-flex span.date{font-family: 'GmarketSansM'; font-size:20px; color: #000000; display: inline-block; padding: 7px 25px 0 25px;}
div.con04 div.con04-02 div.calinder-box div.cal-flex a.next-btn{width: 34px; height: 34px; background: url(../../images/02_councillor_a/main/main-2022/cal-next-btn.png) no-repeat center;}
div.con04 div.con04-02 div.calinder-box div.cal-flex a.more-btn{width: 34px; height: 34px; background: url(../../images/02_councillor_a/main/main-2022/cal-more-btn.png) no-repeat center; margin: 0 0 0 15px;}
div.con04 div.con04-02 div.calinder-box div.schduel-box{width: 100%; background: #fff; border-radius: 5px; padding: 20px 20px; box-sizing: border-box; margin-top: 20px;}
div.con04 div.con04-02 div.calinder-box div.schduel-box ul.list{height: 25px; overflow-y: scroll;}
div.con04 div.con04-02 div.calinder-box div.schduel-box ul.list li a{display: block; font-family: 'NotoKrR'; font-size:16px; color: #000000; padding: 0 0 5px 10px; position: relative;}
div.con04 div.con04-02 div.calinder-box div.schduel-box ul.list li a:before{content: ""; width: 4px; height: 1px; background: #000000; position: absolute; top:10px; left:0;}

div.link-box{display: flex; justify-content: space-between; margin-top: 30px;}
div.link-box a{width:48.5%; font-family: 'GmarketSansM'; font-size:20px; color: #fff; background: #b58ed7; display: inline-block;
    padding: 25px 20px 25px 55px; box-sizing: border-box; border-radius: 10px; text-align: center; position: relative;}
div.link-box a:before{content: ""; width: 34px; height: 42px; background: url(../../images/02_councillor_a/main/main-2022/con05-ico01.png) no-repeat; position: absolute; top:18px; left:33px;}
div.link-box a:last-child{padding: 25px 20px 25px 55px; background: #4da8d7;}
div.link-box a:last-child:before{content: ""; width: 37px; height: 37px; background: url(../../images/02_councillor_a/main/main-2022/con05-ico02.png) no-repeat; top:15px; left:60px;}

@media all and (max-width:1000px){
    div.link-box a{font-size:16px;}
    div.link-box a:before{background-size: 30px; width: 30px; left: 15px;}
    div.link-box a:last-child:before{background-size: 33px; width: 33px; left: 30px;}
}

@media all and (max-width:768px){
    div.con04{flex-flow: wrap;}
    div.con04 div.con04-01{width: 100%; transition: 0.5s ease-in-out;}
    div.con04 div.con04-02{width: 100%; margin-top: 30px; transition: 0.5s ease-in-out;}
}

@media all and (max-width:680px){
    div.con04 div.con04-01 h5.tit{font-size:18px;}
    div.con04 div.con04-01 h5.tit:before{top:-2px;}
    div.con04 div.con04-01 a.more-btn{font-size:40px;}

    div.con04 div.con04-01 h5.tit{font-size:18px;}
    div.con04 div.con04-01 h5.tit:before{top:0px;}
    div.con04 div.con04-01 a.more-btn{font-size:40px;}
    div.con04 div.con04-01 ul.board-list{padding: 0 0 0 100px;}
    div.con04 div.con04-01 ul.board-list:before{background-size: 75px; width: 75px;}
    div.con04 div.con04-01 ul.board-list li a{font-size:14px;}
    div.con04 div.con04-01 ul.board-list li span.date{font-size:13px;} 

    div.con04 div.con04-02 div.calinder-box div.cal-flex a.prev-btn{background-size: 30px; width: 30px;}
    div.con04 div.con04-02 div.calinder-box div.cal-flex span.date{font-size:18px; padding: 7px 20px;}
    div.con04 div.con04-02 div.calinder-box div.cal-flex a.next-btn{background-size: 30px; width: 30px;}
    div.con04 div.con04-02 div.calinder-box div.cal-flex a.more-btn{background-size: 30px; width: 30px;}

    div.link-box a{padding:18px 20px 15px 55px; height: 50px;}
    div.link-box a:before{top:11px;}
    div.link-box a:last-child{padding: 19px 20px 25px 55px;}
    div.link-box a:last-child:before{top:8px; left: 18px;}
}

@media all and (max-width:480px){
    div.con04 div.con04-02 div.calinder-box div.cal-flex span.date{font-size:17px; padding: 7px 15px;}
    div.con04 div.con04-01 ul.board-list{padding: 0 0 0 0px; }
    div.con04 div.con04-01 ul.board-list:before{content: none;}

    div.link-box{flex-flow: wrap;}
    div.link-box a{width: 100%;}
    div.link-box a:last-child{margin-top: 20px;}
    div.link-box a:last-child:before{left: 18px;}
}