@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*비주열슬로건*/
#menu2668_obj74{position:absolute;top:110px;left:0;width:100% !important;}
.main-visual-slogan{text-align:center;font-family:'Dream Bold';font-size:35px;color:#FFF;line-height:1.5;text-shadow:0 0 10px #000;}
.main-visual-slogan span{display:block;}
.main-visual-slogan strong{font-family:'Dream ExtraBold';color:#0aa6ff;}
@media all and (max-width:768px){
	#menu2668_obj74{top:100px;left:5%;width:90% !important;}
	.main-visual-slogan{font-size:22px;}
}
@media all and (max-width:768px){
	.main-visual-slogan{font-size:20px;}
}
@media all and (max-width:480px){
	.main-visual-slogan span{display:inline;}
}

/*2단*/
#multipleDiv_citt_61{margin-top:-65px;z-index:50;}
#multipleDiv_citt_61:before{content:"";display:block;background:#e8f1f6;width:100%;height:50%;position:absolute;bottom:0;left:0;}
#multipleContentsDiv_citt_61{max-width:1400px;margin: 0 auto;}
@media all and (max-width:1400px){
	#multipleContentsDiv_citt_61{max-width:96%;}
}

/*3단*/
#multipleDiv_citt_5{background:#e8f1f6;padding:60px 0;}
#multipleContentsDiv_citt_5{max-width:1400px;margin: 0 auto;overflow:hidden;position:relative;}
/*신청절차*/#menu2668_obj17{width:410px !important;float:left;}
/*공지사항*/#menu2668_obj108{width:calc(100% - 680px) !important;padding:0 4%;float:left;}
/*배너2개*/#menu2668_obj19{width:270px !important;float:right;}
@media all and (max-width:1400px){
	#multipleContentsDiv_citt_5{max-width:96%;}
}
@media all and (max-width:1280px){
	/*신청절차*/#menu2668_obj17{width:100% !important;float:none;margin-bottom:20px;}
	/*공지사항*/#menu2668_obj108{width:calc(100% - 300px) !important;padding:0;}
}
@media all and (max-width:768px){
	/*공지사항*/#menu2668_obj108,
	/*배너2개*/#menu2668_obj19{width:100% !important;float:none;}
	/*공지사항*/#menu2668_obj18{margin-bottom:20px;}
}

/*신청절차*/
.goto{position:relative;padding-left:150px;}
.goto h3{color:#3b454a;font-size:22px;font-family:'Noto Medium';line-height:1;width:150px;text-align:center;position:absolute;left:0;top:0;}
.goto h3:before{content:"";display:block;margin: 0 auto 10px auto;width:43px;height:43px;background:url(/images/citt/main/icon_5.png) no-repeat center;}
.goto ul{display:flex;flex-wrap:wrap;}
.goto li{width:100%;}
.goto dl{font-size:0;position:relative;border-bottom:1px dashed #b3cedc;margin-bottom:6px;padding-bottom:6px;width:260px;}
.goto li:last-child dl{border:0;}
.goto dt,
.goto dd{display:inline-block;line-height:1.25;vertical-align:middle;}
.goto dt{width:100px;font-size:14px;text-align:center;background:#FFF;border-radius:30px;padding:1.5px 0;}
.goto dd{font-size:18px;margin-left:10px;font-family:'Noto Regular';}
@media all and (min-width:481px) and (max-width:1280px){
	.goto{min-height:80px;}
	.goto li{width:25%;}
	.goto dl{border:0;margin-bottom:0;padding-bottom:0;width:auto;}
	.goto dt,
	.goto dd{display:block;text-align:center;margin: 0 auto;}
	.goto dd{padding:20px;}
}
@media all and (min-width:481px) and (max-width:640px){
	.goto{padding-left:0;}
	.goto h3{font-size:20px;width:100%;position:relative;left:auto;top:auto;padding-bottom:20px;}
}
@media all and (max-width:480px){
	.goto{padding-left:0;}
	.goto h3{font-size:20px;width:100%;position:relative;left:auto;top:auto;padding-bottom:20px;text-align:left;}
	.goto h3:before{display:none;}
	.goto dl{width:92%;margin-left:auto;margin-right:auto;}
}

/*배너*/
.banBox{display:flex;flex-wrap:wrap;}
.banBox li{width:100%;height:70px;}
.banBox li div{height:100%;box-sizing:border-box;padding:23px 10px 0 80px;position:relative;}
.banBox li div:before{content:"";display:block;width:35px;height:35px;position:absolute;left:15px;top:20px;background-size:100% !important;}
.banBox li .con_1{background:#0a284d;}
.banBox li .con_2{background:#0bb7ee;margin-top:1px;}
.banBox li .con_1:before{background:url(/images/citt/main/link_icon_1.png);}
.banBox li .con_2:before{background:url(/images/citt/main/link_icon_2.png);}
.banBox li .con_1 p{color:#FFF;color:#FFF;font-size:20px;line-height:1;}
.banBox li .con_1 .tel{font-family: 'Titillium Web', sans-serif;font-weight:600;}
.banBox li .con_2 a{display:block;font-family:'Noto Regular';color:#FFF;font-size:20px;line-height:1;}
@media all and (max-width:768px){
	.banBox li{width:50%;}
}
@media all and (max-width:560px){
	.banBox li{width:100%;height:auto;}
	.banBox li div{padding-bottom:23px;}
}