@charset "UTF-8";
select {font-size:initial}

/* 메인 타이틀 공통 */
.typo {}
.main_tit {margin-bottom:30px;text-align:center;font-size:36px;color:var(--colorBlack2);font-weight:700}
.main_tit .point_icon {}
.main_txt {font-size:18px;color:var(--colorBlack2)}

.section {padding:80px 0}
.section .typo {margin-bottom:30px} 
.section .typo .main_tit {margin-bottom:0}
.section .typo .btn_more {display:inline-block;float:right;transition:0.2s}
.section .typo .btn_more:hover,
.section .typo .btn_more:focus {color:var(--colorLightBrown)}
.section.flex_btw, 
.section.flex_btw2 {column-gap:60px}
.section > div:not(.sec04) .subject {font-size:20px;font-weight:700}
.section .no_contents {display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid var(--colorLightGray);border-radius:10px}
.section .no_contents .img {display:block;margin:0 auto 20px auto}
.section .no_contents .text {font-size:1.1em;color:var(--colorDarkGray)}

/* 메인 비주얼 */
.main_visual {padding:40px 0;background-image:url(/images/home/eng/user/main/mv01.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative}
.main_visual .container {column-gap:60px;align-items:flex-start;height:100%}
.main_visual .left {width:890px;position:relative}
.main_visual .right {width:calc(100% - 950px)}

.main_visual .slide_wrap {border-radius:20px;overflow:hidden}
.main_visual .slide_wrap .slide_inner {}
.main_visual .slide_wrap .slide_box {}
.main_visual .slide_wrap .img_box {padding-bottom:503px}
.main_visual .slide_wrap .img_box img {height:100%}
.main_visual .slide_wrap .img_box:focus img {outline:3px solid var(--colorBlack2);outline-offset:-5px;border-radius:20px}
.main_visual .slide_box {}
.main_visual .slide_btn {display:block;margin-top:15px;text-align:center}
.main_visual .slide_btn .paging {display:inline-block;color:rgba(255,255,255,0.7);font-weight:200;font-size:18px;line-height:1;vertical-align:middle}
.main_visual .slide_btn .paging .now {font-weight:500;color:var(--colorWhite)}
.main_visual .slide_btn .btn {color:var(--colorWhite);opacity:1;position:relative}
.main_visual .slide_btn .btn:hover::after, 
.main_visual .slide_btn .btn:focus::after {color:var(--colorBlack2)}
.main_visual .slide_btn .btn.prev {left:-30px}
.main_visual .slide_btn .btn.prev::after {content:"\e93b";font-size:31px;font-weight:bold}
.main_visual .slide_btn .btn.next {right:-30px}
.main_visual .slide_btn .btn.next::after {content:"\e93e";font-size:31px;font-weight:bold}
.main_visual .slide_btn .btn.stop, 
.main_visual .slide_btn .btn.play {width:45px;height:45px;border:3px solid var(--colorWhite);border-radius:100%;transform:translateX(13px)}
.main_visual .slide_btn .btn.stop::after, 
.main_visual .slide_btn .btn.play::after {font-size:20px}
.main_visual .slide_btn .btn.stop:hover, 
.main_visual .slide_btn .btn.stop:focus, 
.main_visual .slide_btn .btn.play:hover, 
.main_visual .slide_btn .btn.play:focus {border-color:var(--colorYellow)}
.main_visual .slide_btn .btn.stop:hover::after, 
.main_visual .slide_btn .btn.stop:focus::after, 
.main_visual .slide_btn .btn.play:hover::after, 
.main_visual .slide_btn .btn.play:focus::after {color:var(--colorYellow)}
.main_visual .slide_btn .ctrl {gap:0}
.main_visual .slide_btn .ctrl .btn {width:60px;height:60px;color:var(--colorBrown);background-color:var(--colorWhite);border:3px solid var(--colorYellow);border-radius:100%;position:absolute;top:calc(50% - 30px);transform:translateY(-50%)}

.main_visual .scroll_down {display:grid;color:var(--colorWhite);position:absolute;left:40px;top:50%;z-index:1;transform:translateY(-50%)}
.main_visual .scroll_down .icon_box {order:2;display:inline-block}
.main_visual .scroll_down .icon_box .icon {font-size:0;animation:scroll_down_icon 1.5s infinite}
.main_visual .scroll_down .icon_box .icon::before {font-size:23px}
.main_visual .scroll_down .text {order:1;display:inline-block;padding-top:98px;font-weight:200;font-size:15px;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg) translateX(-4px);position:relative}
.main_visual .scroll_down .text::after {display:block;width:1px;content:"";background-color:var(--colorWhite);position:absolute;bottom:80px;right:8px;opacity:0.2;transform-origin:top;animation:scroll_down 1.1s infinite}

@keyframes scroll_down{
	0% {height:10px}
	100% {height:80px}
}
@keyframes scroll_down_icon{
	0% {transform:translateY(0)}
	50% {transform:translateY(3px)}
	100% {transform:translateY(0)}
}

.main_visual .br_wrap { border : 3px solid #FCCA00; border-radius: 24px; background-color: #fff; padding:24px; }
.main_visual .br_wrap .text { font-weight: 700; font-size: 24px; margin: 0 0 12px; }
.main_visual .br_wrap .sub_t { font-weight: 700; font-size: 18px; margin: 18px 0 8px; }
.main_visual .br_wrap .sbj { font-size: 16px; margin: 0 0 18px; }
.main_visual .br_wrap .btn_default { display: block; } 

.about_list { display: flex; gap: 24px; }
.about_list .about { flex:1; border: 1px solid #AAD79D; border-radius: 24px; background-color: #F4FEF1; position: relative; overflow: hidden; }
.about_list .about a { display: block; padding:30px 10px}
.about_list .about a:before { content:''; display: block; width: 130px; height: 130px; margin: 0 auto; }
.about_list .about.ico01 a:before { background-image: url('/images/home/eng/user/main/a_ico01.png'); }
.about_list .about.ico02 a:before { background-image: url('/images/home/eng/user/main/a_ico02.png'); }
.about_list .about.ico03 a:before { background-image: url('/images/home/eng/user/main/a_ico03.png'); }
.about_list .about.ico04 a:before { background-image: url('/images/home/eng/user/main/a_ico04.png'); }
.about_list .about .text { text-align: center; font-size: 22px; font-weight: 700; margin: 16px 0 0; }
.about_list .about:hover,.about_list .about:focus { border: 1px solid #7EB929; background-color: #7EB929;color:#fff}
.about_list .about:after { content:''; position: absolute; right: -40px; top: -40px; transition: all 0.3s; display: block; width: 40px; height: 40px; background-image: url('/images/home/eng/user/main/allow.png'); }
.about_list .about:hover::after,.about_list .about:focus::after { right: 15px; top:15px; }

.section.donors {padding-top:0}
.posi_wrap { position: relative; }
.posi_wrap .btn_more { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #616161 }
.donors_slide_wrap { position: relative; } 
.donors_slide_wrap:before { z-index: 1; content:''; position: absolute; top:0; left:0; display: block; width: 60px; height: 80px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }
.donors_slide_wrap:after {  z-index: 1; content:''; position: absolute; top:0; right:0; display: block; width: 60px; height: 80px; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
.donors_slide_wrap .slide_inner {}
.donors_slide_wrap .slide_box {} 
.donors_slide_wrap .img_obj {display:flex;align-items:center;justify-content:center;height:80px;margin:0 10px;padding:10px;border:1px solid var(--colorLightGray);border-radius:8px}
.donors_slide_wrap .img_obj .img {}
.donors_slide_wrap .img_obj img {max-height:60px}