@charset "utf-8";

#_contentBuilder{overflow: hidden;}
._fnctWrap ._fnctAdmin{bottom: 0; right: 0; top: auto; }


/* 비주얼텍스트 */
#multipleContentsDiv_factory1_29 ._obj:nth-child(2){position: absolute; top: 38%; left: 50%; width: 1600px !important; margin-left:-800px !important;z-index: 50;}
.main-slogan{text-align:center;}
.main-slogan p{font-size: 22px; color: white; font-family:'S-CoreDream-1Thin'; letter-spacing: 0}
.main-slogan strong{font-size: 50px; font-family:'S-CoreDream-6Bold'; color: white; display: block; padding: 20px 0 25px 0;}
.main-slogan span{font-size: 18px; color: white; font-family:'S-CoreDream-1Thin'; display: block;}
@media all and (max-width : 1600px) {
	#multipleContentsDiv_factory1_29 ._obj:nth-child(2){left: 2%; width: 96% !important; margin-left:0 !important;}
}
@media all and (max-width : 1023px) {
	#multipleContentsDiv_factory1_29 ._obj:nth-child(2){top: 30%;}
	.main-slogan{text-align:center;}
	.main-slogan p{font-size: 20px;}
	.main-slogan strong{font-size: 45px;}
	.main-slogan span{font-size: 16px;}
}
@media all and (max-width: 768px) {
	.main-slogan p{font-size: 16px;}
	.main-slogan strong{font-size: 35px;}
	.main-slogan span{font-size: 14px;}
}
@media all and (max-width: 420px){
	.main-slogan{text-align: center;}
	.main-slogan p{font-size: 14px;}
	.main-slogan strong{font-size: 30px; padding: 5px 0 8px 0;}
	.main-slogan span{font-size: 12px;}
}


/* 바로가기 */
.quick-menu-wrap{margin: 0 auto 40px auto;max-width:1600px;background-color: #f7f7f7; padding: 25px;}
.quick-menu-wrap ul{display:flex}
.quick-menu-wrap li{width:100%;}
.quick-menu-wrap li a{display: block; width: 100%; height: 100%; position: relative;}
.quick-menu-wrap li a::after{content:"";display: table;clear: both}
.quick-menu-image{width: 80px; height: 80px; float: left;}
.quick-menu-wrap li:nth-child(1) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_1.png); background-size: cover;}
.quick-menu-wrap li:nth-child(2) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_2.png); background-size: cover;}
.quick-menu-wrap li:nth-child(3) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_3.png); background-size: cover;}
.quick-menu-wrap li:nth-child(4) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_4.png); background-size: cover;}
.quick-menu-wrap li:nth-child(6) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_6.png); background-size: cover;}
.quick-menu-wrap li:nth-child(5) .quick-menu-image{background: url(/sites/t_orga_3/images/main/service_5.png); background-size: cover;}
.quick-menu-text{float: left; margin-left: 20px; line-height: 80px; font-family:'Noto Regular'; color: #2a2d40; font-size: 20px; position: relative;}
.quick-menu-text::after{content:"";display: block; position: absolute; width: 0; height: 2px; background-color: rgba(36,49,76,1); bottom: 25%; left: 0; transition: all .3s;}
.quick-menu-wrap li a:hover .quick-menu-text::after{width: 100%;}
@media all and (max-width: 1620px) {
	.quick-menu-wrap{margin: 0px 20px 40px 20px; text-align: center}
	.quick-menu-wrap ul{}
	.quick-menu-image{width: 60px; height: 60px;}
	.quick-menu-text{line-height: 60px; font-size: 16px; margin-left: 10px;}
}
@media all and (max-width: 1250px) {
	.quick-menu-image{width: 50px; height: 50px; float:none; margin:0 auto;}
	.quick-menu-text{line-height: 50px;float:none;margin-left:0;}
}
@media all and (max-width: 1023px) {
	.service-quick-box{padding-left: 20px;}
	.quick-menu-wrap{text-align: left;}
	.quick-menu-wrap ul{display: block; margin: 0 20px;}
	.quick-menu-wrap ul::after{content:"";display: table;clear: both;}
	.quick-menu-wrap li{width: 50%; float: left; margin-bottom: 20px;}
	.quick-menu-image{float:left; margin:0;}
	.quick-menu-text{float:left;margin-left:10px;}
}
@media all and (max-width: 600px) {
	.quick-menu-wrap li:first-child{padding-top: 0;}
	.quick-menu-wrap li{width: 100%; float: none; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.quick-menu-wrap li:last-child{padding-bottom: 0; border-bottom: 0;}
}

.background-image_2{width:249px; height: 255px; position: absolute; top: 0 ; left: 0; background-image:url(/sites/t_orga_3/images/main/background_2.png); z-index: -1;}
.background-image_3{width:239px; height: 179px; position: absolute; top: -47px; left: 32%; background-image:url(/sites/t_orga_3/images/main/background_3.png); z-index: -1; transform: rotate(180deg);}
.background-image_4{width:378px; height: 180px; position: absolute; top: 37px; left: 57%; background-image:url(/sites/t_orga_3/images/common/background_4.png); z-index: -1;}
.background-image_5{width:225px; height: 288px; position: absolute; top: -170px; right: 0; background-image:url(/sites/t_orga_3/images/common/background_5.png); z-index: -1;}

.service-wrap{margin: 40px 0 0 0; position: relative;}
.service-background{position: absolute; height: 380px; width: 2000px; top: 0; left: 50%; margin-left:-2200px;background-color: #f7f7f7;}
.service-list{max-width: 1600px; margin: 0 auto; position:relative;}
.service-list::after{content:"";display: table;clear: both;}
.service-list .service-box{float: left; width: 23.8%; margin:40px 1.6% 13px 0;}
.service-list .service-box:last-child{margin-right: 0;}
.service-list .service-title{font-size: 40px; color: #2c2c2c; position: relative; display: inline-block; font-family:'S-CoreDream-4Regular'; margin-top: 10px;}
.service-list .service-title::after{content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #3788ff; right: 0; top: 0;}
.service-quick-menu{margin-top: 30px;}
.service-quick-menu::after{content:"";display: table;clear: both;}
.service-quick{width: 50%; float: left; margin-bottom: 20px;}
.service-quick:nth-child(1) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_1.png); background-size: cover;}
.service-quick:nth-child(2) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_2.png); background-size: cover;}
.service-quick:nth-child(3) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_3.png); background-size: cover;}
.service-quick:nth-child(4) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_4.png); background-size: cover;}
.service-quick:nth-child(5) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_5.png); background-size: cover;}
.service-quick:nth-child(6) .service-quick-image{background: url(/sites/t_orga_3/images/main/quick_6.png); background-size: cover;}
.service-quick a{color: black; display: block; width: 100%; height: 100%;}
.service-quick a::after{content:"";display: table; clear: both;}
.service-quick-image{width: 56px; height: 56px; float: left;}
.service-quick-text{display: table; font-family: 'Noto Regular'; font-size: 17px; color: black; margin-left: 30px; height: 56px; float: left;}
.service-quick-text span{display: table-cell; vertical-align: middle;}

.sponsor-box{background-color: white; border-top: 2px solid #222222; padding: 32px 18px 33px 30px; border-bottom: 1px solid #bcbcbc;}
.sponsor-title{font-family: 'Noto Bold'; font-size: 28px; color: #222222; margin-bottom: 10px;}
.sponsor-text{border: 2px solid #3c8bff; background-color: #e1ebf5; padding: 10px 0; text-align: center;}
.sponsor-account{font-family:'S-CoreDream-6Bold'; color: #0f4da9; font-size: 22px;}
.sponsor-bank{color: #272727; font-size: 20px;}
.sponsor-call{margin-top: 30px;display:flex;}
.sponsor-call::after{content:"";display: table;clear: both;}
.sponsor-image{width: 64px; height: 64px; background: url(/sites/t_orga_3/images/main/donation-time.png); background-size: cover;}
.sponsor-call-text{margin-left: 20px; color: #272727; margin-top: 3px;}

.donation-program{width: 100%; height: 300px; background: url(/sites/t_orga_3/images/main/donation-program.png) no-repeat top center; background-size: cover; display: table;}
.donation-program a{display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; color: white;}
.donation-program-image{width: 100px; height: 100px; position: relative; background: url(/sites/t_orga_3/images/main/donation-program-logo.png); margin: 0 auto; transition: all .3s; top: 0;}
.donation-program a:hover .donation-program-image{top: -5px;}
.donation-program a p{font-family: 'Noto Medium'; font-size: 28px; margin-top: 20px;}

.donation-gallery{width: 100%; height: 300px; background: url(/sites/t_orga_3/images/main/donation-gallery.png) no-repeat top center; background-size: cover; display: table;}
.donation-gallery a{display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; color: white;}
.donation-gallery-image{width: 100px; height: 100px; position: relative; background: url(/sites/t_orga_3/images/main/donation-gallery-logo.png); margin: 0 auto; transition: all .3s; top: 0;}
.donation-gallery a:hover .donation-gallery-image{top: -5px;}
.donation-gallery a p{font-family: 'Noto Medium'; font-size: 28px; margin-top: 20px;}

@media all and (max-width: 1620px) {
	.service-list{padding: 0 20px;}
	.sponsor-box{padding: 32px 18px 33px 15px;}
	.sponsor-call-text{width: calc(100% - 84px);}
	.service-quick-text{width: calc(100% - 86px); margin-left: 10px; font-size: 15px;}
	.service-quick-image{width: 50px; height: 50px;}
	.donation-program, .donation-gallery{height: 311px;}
}

@media all and (max-width: 1250px) {
	.service-background{width: calc(50% - 10px); height: 305px; left:0; margin-left:0;}
	.service-quick-text{width: calc(100% - 60px); height: 50px; font-size: 16px;}
	.service-list .service-title{font-size: 30px; margin-top: 20px;}
	.sponsor-account{font-size: 18px;}
	.sponsor-bank{font-size: 16px;}
	.donation-program, .donation-gallery{height: 334px;}
	.service-quick-text span{word-break: break-all;}
	.service-list .service-box{width: calc(50% - 10px); margin: 0; background-color: #f7f7f7;}
	.service-list .service-box:nth-child(even){float: right;}
	.service-list .service-box:nth-child(n+3){margin-top: 20px;}
	.sponsor-box{padding-bottom: 39px; height: 305px;}
}

@media all and (max-width: 1023px) {
	.service-background{display: none;}
	.sponsor-image{float: left; margin: 0;}
	.sponsor-call-text{width: calc(100% - 84px); margin-left: 20px; float: left;}
	.sponsor-call{margin-top: 30px;}
	.donation-program, .donation-gallery{height: 300px;}
	.sponsor-box{padding: 10px 18px 55px 15px; height: 310px;}
	.service-quick-menu{margin-top: 35px;}
}

@media all and (max-width: 768px) {
	.service-list .service-box{width: 100%; float: none; margin-top: 20px;}
	.service-list .service-box:nth-child(even){float: none;}
	.service-box:first-child{ padding: 10px;}
	.sponsor-box{padding: 40px 18px 40px 18px; height: auto;}
	.service-list .service-title::after{width: 5px; height: 5px;}
}

@media all and (max-width: 420px) {
	.service-quick{width: 100%; float: none; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.service-quick:first-child{padding-top: 0;}
	.service-quick:last-child{padding-bottom: 0; border-bottom: 0;}
	.donation-program, .donation-gallery{height: 200px;}
	.donation-program a p{font-size: 20px;}
}