/* --------------------------------program list -------------------------------- */ /* 목록 공통 */ section[class^="program_"] .item_status{position:absolute;top:0;left:2rem;transform:translateY(-50%);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem} section[class^="program_"] .ico_status{width:5.25rem;height:5.25rem;border-radius:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#B4CBFF,#6991EC);box-shadow:2px 2px 10px 0 rgba(0,64,153,0.08)} section[class^="program_"] .ico_status::before{content:'';display:block;width:5rem;height:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;z-index:2} section[class^="program_"] .ico_status[data-layout="01"]::before {background:url(/static/images/program/ico_status_01.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="02"]::before {background:url(/static/images/program/ico_status_02.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="03"]::before {background:url(/static/images/program/ico_status_03.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="04"]::before {background:url(/static/images/program/ico_status_04.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="05"]::before {background:url(/static/images/program/ico_status_05.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="06"]::before {background:url(/static/images/program/ico_status_06.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="07"]::before {background:url(/static/images/program/ico_status_07.png) no-repeat center/100% auto #fff;} section[class^="program_"] .ico_status[data-layout="08"]::before {background:url(/static/images/program/ico_status_08.png) no-repeat center/100% auto #fff;} section[class^="program_"] .done .ico_status{background:#D5DDEF} section[class^="program_"] .item_status p{color:#FFF;font-size:1rem;font-weight:700;line-height:135%;border-radius:200px;padding:.5rem 1rem;background-color:#1A378D;box-shadow:2px 2px 10px 0 rgba(0,64,153,0.08);display:block;position:relative} section[class^="program_"] .item_status p::before{content:'';width:9px;height:6px;display:block;position:absolute;bottom:1px;left:calc(1rem - 4px);transform:translateY(100%);background:url(/static/images/program/ico_message.svg) no-repeat center/100% auto} @media screen and (max-width:1400px) { section[class^="program_"] .item_status{left:1.8rem;gap:0.5rem} section[class^="program_"] .ico_status{width:4rem;height:4rem} section[class^="program_"] .ico_status::before{width:3.8rem;height:3.8rem} }/* md2 */ @media screen and (max-width:1024px) { }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { section[class^="program_"] .item_status{left:2rem} section[class^="program_"] .ico_status{width:5.5rem;height:5.5rem} section[class^="program_"] .ico_status::before{width:5.25rem;height:5.25rem} }/* sm */ @media (hover:hover) { }/* hover */ /*프로그램:목록 상단 슬라이드*/ .program_list_sec[data-layout="slide"] .slide_wrap{position:relative} .program_list_sec[data-layout="slide"] .slide_wrap h3{color:#222;font-size:2rem;font-weight:700;line-height:135%} .program_list_sec[data-layout="slide"] #slideTitle{color:#fff;font-size:0;display:none} .program_list_sec[data-layout="slide"] .slide_ban_wrap{height:fit-content} /*.program_list_sec[data-layout="slide"] .slide_ban_wrap .swiper-container,*/ /*.program_list_sec[data-layout="slide"] .slide_ban_wrap .swiper-wrapper{height:100%}*/ .program_list_sec[data-layout="slide"] .swiper-slide a{display:block;width:100%;height:100%} .program_list_sec[data-layout="slide"] .swiper-slide figure{width:100%;padding-bottom:calc(420/720*100%);border:1px solid #EFF2F9;border-radius:1.875rem;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover} .program_list_sec[data-layout="slide"] .slide_txt_wrap .swiper-slide{background-color:#fff} .program_list_sec[data-layout="slide"] .slide_txt_wrap .swiper-slide a{color:#222;font-size:1.5rem;font-style:normal;font-weight:700;line-height:135%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .program_list_sec[data-layout="slide"] .control_wrap{position:absolute;right:1.5rem;bottom:1.5rem;z-index:10} .program_list_sec[data-layout="slide"] .swiper-pagination-fraction{position:static;width:2.25rem;text-align:right;font-weight:500;line-height:140%} /*윁x*/ .program_list_sec[data-layout="slide"] .control_wrap{gap:0.5rem;} /*.program_list_sec[data-layout="slide"] .control_wrap .swiper-button-prev{background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/cover; transform: scaleX(1); }*/ /*.program_list_sec[data-layout="slide"] .control_wrap .swiper-button-next{background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/cover}*/ .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-prev, .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-next {position: static; display: block; width:1.25rem;height:1.25rem; margin:0; opacity:1} .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-prev {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/100% auto;transform: scaleX(-1)} .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-next {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/100% auto} .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-prev.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/100% auto;transform: scaleX(1)} .program_list_sec[data-layout="slide"] .control_wrap .swiper-button-next.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/100% auto;transform: scaleX(-1)} /*프로그램:목록 하단 목록*/ .program_list_sec[data-layout="list"] .input_wrap label{color:#545454;font-size:1rem;font-weight:600;line-height:135%;} .program_list_sec[data-layout="list"] .list{display:flex;justify-content:flex-start;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem} .program_list_sec[data-layout="list"] .list li{flex:calc((100% - 2.5rem) / 3) 0 1;width:calc((100% - 2.5rem) / 3)} .program_list_sec[data-layout="list"] .list a{display:block;width:100%;height:100%;border:1px solid #EFF2F9;border-radius:1.875rem;overflow:hidden;position:relative} .program_list_sec[data-layout="list"] .list .item_process{position:absolute;top:0;left:2rem;z-index:2;border-radius:0 0 0.875rem 0.875rem;background:#1A378D;color:#FFF;font-size:1rem;font-weight:700;line-height:135%;padding:0.75rem 1rem 0.625rem;display:block} .program_list_sec[data-layout="list"] .list .item_process.done{color:#284FA8;background:rgba(255,255,255,0.80);backdrop-filter:blur(10px)} .program_list_sec[data-layout="list"] .list figure{width:100%;padding-bottom:calc(260/460*100%);background-repeat:no-repeat;background-position:center;background-size:cover} .program_list_sec[data-layout="list"] .list .text_wrap{padding:3rem 2rem 2.75rem;position:relative} .program_list_sec[data-layout="list"] .list .item_tit{color:#222;font-size:1.75rem;font-weight:700;line-height:135%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .program_list_sec[data-layout="list"] .list .item_tag_wrap{margin:.875rem auto 0;display:flex;justify-content:flex-start;align-items:center;gap:4px} .program_list_sec[data-layout="list"] .list .item_tag{border:1px solid #BFCBE5;padding:.4375rem .75rem;border-radius:200px;color:#284FA8;font-size:1rem;font-weight:700;line-height:135%;background-color:#FFF} @media screen and (min-width:1024px) { .program_list_sec[data-layout="slide"] .slide_wrap {display:flex;align-items:center;gap:5rem;margin:1rem 0 0} .program_list_sec[data-layout="slide"] .slide_txt_wrap{width:calc(49.8% - 5rem)} .program_list_sec[data-layout="slide"] .slide_txt_wrap h3{width:100%;font-size:2rem;padding-bottom:1.5rem;margin-bottom:2.5rem;border-bottom:1px solid #D5DDEF} .program_list_sec[data-layout="slide"] .slide_ban_wrap{position:relative;width:50.8%;max-width:720px} .program_list_sec[data-layout="slide"] .btn_list_program{margin-top:2.5rem;max-width: 15.25rem;} }/* lg */ @media screen and (max-width:1400px) { .program_list_sec[data-layout="list"] .list .text_wrap{padding:2.7rem 1.8rem 2.5rem} .program_list_sec[data-layout="list"] .list .item_tit{font-size:1.5rem} } /*md2*/ @media screen and (max-width:1024px) { .program_list_sec[data-layout="slide"]{padding:1.34rem 0 3.34rem} .program_list_sec[data-layout="slide"] .slide_wrap{padding-top:4rem} .program_list_sec[data-layout="slide"] .slide_wrap h3{font-size:1.54rem;margin-bottom:1.85rem;position:absolute;top:0;left:0} .program_list_sec[data-layout="slide"] .slide_ban_wrap{width:100%;margin-bottom:1.34rem} .program_list_sec[data-layout="slide"] .slide_txt_wrap .swiper-slide a{width:calc(100% - 6.7rem);font-size:1.34rem;padding-left:.67rem} .program_list_sec[data-layout="slide"] .control_wrap{right:.67rem;bottom:0} .program_list_sec[data-layout="slide"] .btn_list_program{font-size:0;min-width:unset;width:1.85rem;height:1.85rem;padding:0;max-width:unset;display:block;line-height:135%;border-radius:0;background-color:transparent;position:absolute;top:0;right:0;margin:0;z-index:12} .program_list_sec[data-layout="slide"] .btn_list_program::after{background-image:url(/static/images/common/ico_more_bk.svg);position:absolute;top:0;right:0} .program_list_sec[data-layout="list"] .list{margin-top:1.25rem} .program_list_sec[data-layout="list"] .list li{flex:calc((100% - 1.25rem) / 2) 0 1;width:calc((100% - 1.25rem) / 2)} .program_list_sec[data-layout="list"] .list a{border-radius:1.67rem} .program_list_sec[data-layout="list"] .list figure{padding-bottom:calc(180/328*100%)} .program_list_sec[data-layout="list"] .list .text_wrap{padding:3.67rem 2rem 3rem} .program_list_sec[data-layout="list"] .list .item_tit{font-size:1.5rem} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { .program_list_sec[data-layout="list"] .list li{flex:100% 0 1;width:100%} }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program list end------------------------------- */ /* ---------------------------- program detail common end------------------------------- */ /* 상세 공통 */ section[class*="detail_sec_"] .inner{padding:5rem 0} section[class*="detail_sec_"] .detail_tit, section[class*="program_detail_"] .detail_tit{font-weight:500;font-size:2.25rem;line-height:135%;word-break:keep-all;margin:0 auto 1rem;color:#222} section[class*="detail_sec_"] .btn_wrap{margin:2.5rem auto 0;text-align:center} section[class*="detail_sec_"] .btn_type_01{display:inline-flex;max-width:unset} .program_detail_sec .sec_tit_wrap {width: 88.88%; padding-top: 6.28rem;} @media screen and (max-width:1024px) { section[class*="detail_sec_"] .inner{padding:3.33rem 0} section[class*="detail_sec_"] .detail_tit, section[class*="program_detail_"] .detail_tit{font-size:1.6rem} }/* sm~md */ /* 상세 상단 배너 */ .program_detail_sec[data-layout="banner"] .inner{padding:6.38rem 0 0} .program_detail_sec[data-layout="banner"] .inner_ex{display:flex;justify-content:space-between;align-items:flex-start;padding:4.5rem 0 5rem;gap:2rem} .program_detail_sec[data-layout="banner"] figure{width:93.75%;max-width:1800px;margin:0 auto;/*padding-bottom:20%;*/border-radius:40px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover} .program_detail_sec[data-layout="banner"] figure img{width:100%} .program_detail_sec[data-layout="banner"] .pro_tit_wrap{flex-shrink:1} .program_detail_sec[data-layout="banner"] .pro_tit{color:#222;font-size:2rem;font-weight:700;line-height:135%} .program_detail_sec[data-layout="banner"] .pro_desc{color:#545454;font-size:1.25rem;font-weight:400;line-height:135%;margin-top:6px} .program_detail_sec[data-layout="banner"] .item_status{left:0} .program_detail_sec[data-layout="banner"] .btn_wrap a{color:#222;font-size:1.5rem;font-weight:600;height:5.625rem;line-height:5.625rem;background:#EFF2F9;gap:0.625rem} .program_detail_sec[data-layout="banner"] .btn_wrap a::before{content:'';display:block;width:2rem;height:2rem;background-size:contain;background-repeat:no-repeat;background-position:center} .program_detail_sec[data-layout="banner"] .btn_wrap .btn_actnews::before{background-image:url(/static/images/program/ico_actnews.svg)} .program_detail_sec[data-layout="banner"] .btn_wrap .btn_review::before{background-image:url(/static/images/program/ico_review.svg)} @media screen and (max-width:1400px) { .program_detail_sec[data-layout="banner"] .inner_ex{align-items:center} .program_detail_sec[data-layout="banner"] .inner_ex .pro_desc br.bmo{display:block} .program_detail_sec[data-layout="banner"] .item_status{left:0} } /*md2*/ @media screen and (max-width:1024px) { .program_detail_sec[data-layout="banner"] .inner_ex{align-items:flex-start;flex-direction:column} .program_detail_sec[data-layout="banner"] .pro_tit_wrap{flex-shrink:1} .program_detail_sec[data-layout="banner"] .pro_tit{font-size:1.66rem} .program_detail_sec[data-layout="banner"] .pro_desc{font-size:1.16rem} .program_detail_sec[data-layout="banner"] figure{width:100%;border-radius:30px 30px 0 0} .program_detail_sec[data-layout="banner"] .btn_wrap{width:100%} .program_detail_sec[data-layout="banner"] .btn_wrap a{height:6rem;line-height:6rem;font-size:1.16rem;border-radius:1.67rem;min-width:11.5rem} }/* sm~md */ @media screen and (max-width:767px) { }/* sm */ @media (hover:hover) { }/* hover */ /* 상세 하단 배너 */ aside[class*="banner"]{padding:7.5rem 0 2.25rem;color:#fff;text-align:center} aside[class*="banner"] h2{margin-bottom:1.625rem;font-weight:600;font-size:2.375rem;line-height:135%} aside[class*="banner"] p{margin-bottom:6.125rem;font-weight:500;font-size:1rem;line-height:135%} aside[class*="banner"] ul{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:.813rem;width:100%} aside[class*="banner"] ul li:first-child::after{content:"";display:inline-block;width:1px;height:.8rem;background:#fff;margin:0 1rem;vertical-align:middle} aside[class*="banner"] ul li span{margin-right:.5rem} /*.finan_banner{background:url(/static/images/program/financial_img_11.png) no-repeat center /cover}*/ /*.business_banner{background:url(/static/images/program/business_img_11_modi.png) no-repeat center /cover}*/ /*.senior_banner{background:url(/static/images/program/senior_banner_bg.jpg) no-repeat center /cover}*/ /*웹x*/ .finan_banner{background:url(/static/images/temp/financial_img_11.png) no-repeat center /cover} .business_banner{background:url(/static/images/temp/business_img_11_modi.png) no-repeat center /cover} .senior_banner{background:url(/static/images/temp/senior_banner_bg.png) no-repeat center /cover} aside.business_banner h2{margin-bottom:7rem} aside.senior_banner h2{font-weight:500} aside.senior_banner h2 span{font-weight:700} aside.senior_banner p{margin:6.25rem 0 .875rem;font-size:.875rem} .senior_banner p span{display:inline-block;padding:.5rem 1.5rem;border-radius:6.25rem;border:1px solid #ffff} @media screen and (max-width:1024px) { aside[class*="banner"] h2{font-size:2rem} aside[class*="banner"] ul li:first-child::after{margin:0 .625rem} aside[class*="banner"] ul {font-size:0.938rem} } /* 상세 연관 스토리 */ .program_story_sec .inner{padding:5rem 0} .program_story_sec .sec_desc{font-size:1rem;line-height:1.4rem;color:#666;text-align:left} .program_story_sec .program_sort{margin-top:2.125rem} .program_story_sec .program_sort::after{content:"";display:block;clear:both} .program_story_sec .program_sort ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%} .program_story_sec .program_sort ul li:not(:last-child){margin-right:.625rem} .program_story_sec .program_sort ul li button{display:block;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border:1px solid #194CB5;color:#194CB5;background:#fff;border-radius:3.125rem} .program_story_sec .program_sort ul li.active button{background-color:#194CB5;color:#fff} .program_story_sec .story_wrap{margin:2rem 0;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1.5rem 1.125rem} .program_story_sec .story_wrap .story_item{flex:calc((100% - 3.375rem)/4) 0 0;border-radius:10px} .program_story_sec .story_wrap .story_item:nth-child(4n){margin:0 0 22px} .program_story_sec .story_wrap .story_link{display:block} .program_story_sec .story_wrap .story_item .story_thumimg{width:100%;height:auto;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:10px;overflow:hidden;margin-bottom:8px} .program_story_sec .story_wrap .story_item .story_tit,.program_funding_sec .related_tit{font-weight:500;font-size:1rem;line-height:1.4rem} .program_story_sec .story_wrap .story_item .story_tit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .program_story_sec .btn_write{position:absolute;top:81px;right:0;font-weight:500;font-size:1.13rem;line-height:1.7rem} .program_story_sec .btn_write span::after{content:'';width:15px;height:15px;background:url(/static/images/program/btn_write.png) center center no-repeat;display:inline-block;margin-left:5px;vertical-align:middle} .program_story_sec .action_list .btn_write{top:180px} .program_story_sec .btn_list_wrap{margin-top:1.375rem} .program_story_sec .btn_list_wrap a{font-size:.938rem;font-weight:500;display:inline-flex;align-items:center} .program_story_sec .btn_list_wrap a::before{content:"";display:inline-block;width:1rem;height:.8rem;margin-right:.45rem;background:url(/static/images/program/btn_list.svg) no-repeat center /100% auto;vertical-align:middle} @media screen and (max-width:1024px) { .program_story_sec .inner{padding:3.39rem 0} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { .program_story_sec .story_wrap .story_item{flex:calc(50% - 0.5625rem) 0 0} }/* sm */ @media (hover:hover) { }/* hover */ /* 상세 연관 펀딩 */ .program_funding_sec .inner {padding-bottom: 11rem;} .program_funding_sec .d_day {position: absolute; right: 1.5rem; top: 0; display: block; padding: 0.5rem 1rem; line-height: 135%; transform: translateY(-50%); background-color: #0547E0; color: #fff; font-weight: 700; border-radius: 12.5rem;} .program_funding_sec .d_day::after {content: ""; position: absolute; left: 0.5rem; bottom: 0; width: 0.625rem; height: 0.625rem; background: url(/static/images/campaign/ico_dday.svg) no-repeat center top/100% auto; transform: translateY(85%);} .program_funding_sec .pg_bar {position: relative; display: block; width: 100%; height: 0.75rem; background-color: #DFE5F2; border-radius: 6.25rem;} .program_funding_sec .pg_bar span {position: absolute; left: 0; top: 0; height: 0.75rem; background-color: #0547E0; border-radius: 6.25rem;} .program_funding_sec .pg_num {display: flex; justify-content: space-between; align-items: center; margin-top: 0.75rem; font-size: 1.25rem; font-weight: 700;} .program_funding_sec .pg_num h5 {color: #284FA8;} .program_funding_sec .pg_num h6 {color: #545454;} .program_funding_sec .list_wrap {margin-top: 1.5rem;} .program_funding_sec .list_wrap ul {display: flex; flex-wrap: wrap; gap: 1.25rem;} .program_funding_sec .list_wrap li {width: calc((100% - (1.25rem*2))/3); border-radius: 1.875rem; overflow: hidden; border: 1px solid #DFE5F2;} .program_funding_sec .list_wrap li >a {position: relative; display: block;} .program_funding_sec .list_wrap figure {width: 100%; height: 0; padding-bottom: 65%; border-bottom: 1px solid #DFE5F2; background-size: cover; background-position: center; background-repeat: no-repeat;} /*no list*/ .program_funding_sec .list_wrap .no_list {width: 100% !important; border: none !important; border-radius: 0 !important; overflow: visible !important; padding: 8.25rem 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;} .program_funding_sec .list_wrap .no_list figure {width: 200px; height: 200px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/static/images/character/clover_08.png); margin: 0 auto 2.5rem; padding-bottom: 0 !important; border-bottom: none !important;} .program_funding_sec .list_wrap .no_list .title {font-size: 2rem; color: #222; font-weight: 700; line-height: 140%;} .program_funding_sec .list_wrap .no_list .sub_tit {margin-top: 0.375rem; font-size: 1.25rem; color: #284FA8; font-weight: 500; line-height: 140%;} .program_funding_sec .list_wrap .no_list .desc {font-size: 1.25rem; color: #222; font-weight: 600; line-height: 135%; margin: 0;} .program_funding_sec .list_wrap .no_list .btn_wrap {margin-top: 3.5rem;} .program_funding_sec .list_wrap .no_list .btn_type_01 {max-width: unset;} @media screen and (max-width: 767px) { .program_funding_sec .list_wrap .no_list {padding: 1.85rem 0;} .program_funding_sec .list_wrap .no_list figure {width: 120px; height: 120px;} .program_funding_sec .list_wrap .no_list .btn_wrap {position: absolute; left: 50%; bottom: 2rem; width: 100%; margin-top: 0; transform: translateX(-50%);} .program_funding_sec .list_wrap .no_list .btn_type_01 {width: 100%;} .program_funding_sec .list_wrap .no_list .desc {font-size: 1.1rem;} } /*상단 태그*/ .program_funding_sec .tag_wrap {display: flex; gap: 0.5rem; position: absolute; left: 1.5rem; top: 0;} .program_funding_sec .tag_wrap span {display: flex; align-items: center; gap: 0.125rem; padding: 0.75rem 1rem 0.625rem; border-radius: 0 0 14px 14px; background-color: #1A378D; color: #fff; font-size: 1rem; font-weight: 700;} .program_funding_sec .tag_wrap span::before {content: ""; display: block; width: 1rem; height: 1rem; background: url(/static/images/campaign/ico_tag.svg) no-repeat center/100% auto;} .program_funding_sec .tag_wrap[data-layout="volunteer"] span::before {background-image: url(/static/images/campaign/ico_tag_02.svg);} .program_funding_sec .tag_wrap[data-layout="contest"] span::before {background-image: url(/static/images/campaign/ico_tag_03.svg);} /*타이틀*/ .program_funding_sec .text_wrap {position: relative; padding: 2rem;} .program_funding_sec .category {margin-bottom: 0.125rem; color: #5372B9; font-size: 1rem; line-height: 135%;} .program_funding_sec .title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; width: 100%; height: 4.75rem; font-size: 1.75rem; font-weight: 700; line-height: 135%;} /*하단 상태 표시*/ .program_funding_sec .status_wrap {position: relative; display: flex; align-items: center; justify-content: center; gap: 1.25rem; height: 5.875rem; padding: 0 2rem; background-color: #F5F7FB;} .program_funding_sec .pg_wrap {flex: 1;} .program_funding_sec .btn_like {display: block; width: 3.125rem; height: 3.125rem; background: url(/static/images/campaign/ico_heart.svg) no-repeat center/100% auto;} .program_funding_sec .btn_like.on {background-image: url(/static/images/campaign/ico_heart_on.svg);} .program_funding_sec .status_text {font-size: 1.25rem; color: #545454; font-weight: 700;} .program_funding_sec .btn_status {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; gap: 0.25rem; width: 100%; height: 100%; font-size: 1.25rem; font-weight: 700; background-color: #0547E0; color: #fff;} .program_funding_sec .btn_status::after {content: ""; display: block; width: 2rem; height: 2rem; background: url(/static/images/campaign/ico_next_wh.svg) no-repeat center/100% auto;} @media screen and (max-width:1024px) { .program_funding_sec .list_wrap li {width: calc((100% - (1.25rem*1))/2);} }/* md */ @media screen and (max-width:580px) { .program_funding_sec .list_wrap li {width: 100%;} }/* sm */ /* --------------------------------program_funding_sec list end-------------------------------- */ @media screen and (max-width:1024px) { .program_funding_sec .inner{padding:3.39rem 0} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { .program_funding_sec .related_wrap .related_item{flex:calc(50% - 0.5625rem) 0 0} }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program common end------------------------------- */ /* ---------------------------- program01 ------------------------------- */ /* 은행사랑나눔네트워크 상세 */ .detail_sec_01[data-cont="bank"] .detail_history{width:100%;max-width:980px;margin:0 auto} .detail_sec_01[data-cont="bank"] .detail_history ul{display:flex;flex-direction:column;gap:4.4rem;margin:0 auto;width:100%;max-width:760px} .detail_sec_01[data-cont="bank"] .detail_history ul li{width:100%;box-sizing:border-box;display:flex;flex-direction:row;gap:4.125rem;justify-content:center} .detail_sec_01[data-cont="bank"] .detail_history ul li:last-child{margin-bottom:0} .detail_sec_01[data-cont="bank"] .detail_history ul li p{display:inline-block} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pleft{min-width:212px;width:28%;font-size:1.4rem;line-height:135%;text-align:right;flex-shrink:1;text-wrap:wrap} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pleft strong{font-size:2.7rem;line-height:4rem;font-weight:600} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pright{width:462px;font-size:1rem;line-height:135%;text-align:left;padding:9px 0;word-break:keep-all;flex-shrink:1} .detail_sec_01[data-cont="bank"] .detail_slide_wrap{width:100%;clear:both;margin-top:5.3rem} .detail_sec_01[data-cont="bank"] .detail_slide_wrap .swiper-slide img{width:100%} .detail_sec_02[data-cont="bank"] .cmmt_wrap{margin:2.7rem auto 0;max-width:980px;display:flex;flex-direction:row;gap:1.2rem;justify-content:center} .detail_sec_02[data-cont="bank"] .cmmt_wrap li{width:calc((100% - 2.4rem)/3);height:311px;display:inline-block;border:1px solid #E9E9E9;box-sizing:border-box;box-shadow:0 0 12px rgba(0,0,0,0.25);border-radius:2.625rem;padding:3rem 1.75rem 2.625rem;text-align:center;position:relative} .detail_sec_02[data-cont="bank"] .cmmt_text{word-break:keep-all;font-size:1rem;line-height:135%} .detail_sec_02[data-cont="bank"] .cmmt_writer{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:100%} .detail_sec_02[data-cont="bank"] .profile_img{display:block;width:100%;text-align:center;margin-bottom:11px} .detail_sec_02[data-cont="bank"] .profile_img img{margin:0 auto} @media screen and (max-width:1024px) { }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { /*section.detail_sec_01[data-cont="bank"] .inner{width:100%;padding:0}*/ .detail_sec_01[data-cont="bank"] .detail_slide_wrap{padding:0} .detail_sec_01[data-cont="bank"] .detail_history{padding:0 0 0 5.56%} .detail_sec_01[data-cont="bank"] .detail_history ul{padding:0 5.56% 0 0;gap:4.16rem} .detail_sec_01[data-cont="bank"] .detail_history ul li{flex-direction:column;gap:9px} .detail_sec_01[data-cont="bank"] .detail_history ul li p{display:block} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pleft{float:unset;width:100%;text-align:left} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pleft strong{font-size:2.5rem;line-height:3.46rem} .detail_sec_01[data-cont="bank"] .detail_history ul li p.pright{float:unset;width:100%;padding-right:5%;box-sizing:border-box;font-size:1.16rem;line-height:135%} .detail_sec_02[data-cont="bank"] .detail_tit{margin:5.83rem auto 1.25rem} .detail_sec_02[data-cont="bank"] .cmmt_wrap{flex-direction:column} .detail_sec_02[data-cont="bank"] .cmmt_wrap li{width:100%;padding:8%;height:auto} .detail_sec_02[data-cont="bank"] .cmmt_writer{position:static;transform:translate(0,0);margin-top:1rem} }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program01 end------------------------------- */ /* ---------------------------- program02 ------------------------------- */ /* 공원의친구들 상세 */ section[class*="detail_sec_"][data-cont="friends"] {} .detail_sec_01[data-cont="friends"] {background-color:#F2F2F2} .detail_sec_01[data-cont="friends"] .detail_action{width:100%} .detail_sec_01[data-cont="friends"] .detail_action .sec_tit{width:100%;max-width:980px;margin:0 auto 5.4rem;text-align:left} .detail_sec_01[data-cont="friends"] .detail_action .detail_wrap{width:100%;max-width:814px;margin:0 auto;text-align:left} .detail_sec_01[data-cont="friends"] .action_subtit{font-weight:500;font-size:1rem;line-height:135%;width:auto;border-bottom:1px solid #333;padding-bottom:3px;display:inline} .detail_sec_01[data-cont="friends"] .action_tit{font-weight:500;font-size:2rem;line-height:3rem;margin:5px 0 10px} .detail_sec_01[data-cont="friends"] .action_tit .no{font-weight:700;font-size:36px;line-height:2.8rem;color:#666;margin-right:8px;vertical-align:bottom} .detail_sec_01[data-cont="friends"] .action_desc{font-size:1rem;line-height:135%;color:#666;width:100%;max-width:452px;word-break:keep-all} .detail_sec_01[data-cont="friends"] .detail_wrap > li{clear:both;padding-top:3.4rem} .detail_sec_01[data-cont="friends"] .detail_wrap > li.pad_top{padding-top:7.6rem} .detail_sec_01[data-cont="friends"] .detail_wrap > li:first-child{padding:0} .detail_sec_01[data-cont="friends"] .detail_wrap > li:first-child .action_info{width:533px;height:227px;float:right;margin-top:1.4rem} .detail_sec_01[data-cont="friends"] .action_info p{font-weight:600;font-size:1rem;line-height:135%;text-align:center;color:#fff} /*웹x */ .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(2), .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(3), .detail_sec_01[data-cont="friends"] .action_info .circle_02 .iright{color:#000} .detail_sec_01[data-cont="friends"] .action_info p > span{font-weight:700;font-size:1.4rem;line-height:135%;display:inline-block;width:100%;margin-bottom:9px} .detail_sec_01[data-cont="friends"] .action_info p.f_black{color:#333} .detail_sec_01[data-cont="friends"] .action_info .circle{display:flex;align-items:center;height:200px;flex-direction:row;justify-content:center;background:url(/static/images/program/bg_circle_01.png) center bottom no-repeat;background-size:100% auto;margin-top:3px} .action_info .circle p{width:162px;background-color:transparent;border-radius:50%;word-break:keep-all;padding:0 10px;box-sizing:border-box} .detail_sec_01[data-cont="friends"] .detail_wrap li .circle_02{background:url(/static/images/program/bg_circle_02.png) center bottom no-repeat;background-size:100% auto;width:382px;height:163px;display:flex;margin-top:1.4rem;flex-direction:row;justify-content:center;float:right;align-items:center} .detail_sec_01[data-cont="friends"] .action_info .circle_02 p{width:50%;background-color:transparent;border-radius:50%;word-break:keep-all;box-sizing:border-box;font-weight:700;font-size:.86rem;line-height:1.26rem} .detail_sec_01[data-cont="friends"] .action_info .circle_02 p span{font-weight:700;font-size:2.53rem;line-height:2.8rem;margin:0} .detail_sec_01[data-cont="friends"] .ileft{padding:0 2rem 0 0} .detail_sec_01[data-cont="friends"] .iright{padding:0 0 0 2rem} .detail_sec_01[data-cont="friends"] .action_info_02{margin:2rem auto 2.7rem} .detail_sec_01[data-cont="friends"] .action_info_02 li{font-weight:400;font-size:1rem;line-height:135%;margin-bottom:2px;word-break:keep-all} .detail_sec_01[data-cont="friends"] .action_info_02 li span{font-weight:600;margin-right:6px} .detail_sec_01[data-cont="friends"] .video_wrap{text-align:center} .detail_sec_01[data-cont="friends"] .video_wrap video,.detail_sec_01[data-cont="friends"] .video_wrap >img{width:98%;max-width:524px;height:auto;margin:0 auto 2rem;display:block} .detail_sec_01[data-cont="friends"] .video_wrap > p{font-weight:500;font-size:1.06rem;line-height:135%;padding-bottom:5px;position:relative;display:inline-block;margin:0 auto 1.53rem;word-break:keep-all} .detail_sec_01[data-cont="friends"] .video_wrap > p::after{content:'';width:97%;height:1px;position:absolute;bottom:0;background-color:#333;left:50%;transform:translateX(-50%)} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc{display:flex;flex-direction:row;justify-content:center} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p{margin-right:2.86rem;float:left;text-align:left;word-break:keep-all} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p:last-child{margin-right:0} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p span{font-weight:600;font-size:1.4rem;line-height:135%;display:block;margin-bottom:8px} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p:nth-child(1) span{color:#446DC1} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p:nth-child(2) span{color:#4BC9F1} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p:nth-child(3) span{color:#66BF94} .detail_sec_01[data-cont="friends"] li:nth-child(2) .video_wrap .video_desc p:nth-child(1) span{color:#66BF94} .detail_sec_01[data-cont="friends"] li:nth-child(2) .video_wrap .video_desc p:nth-child(2) span{color:#446DC1} .detail_sec_01[data-cont="friends"] li:nth-child(4) .video_wrap .video_desc p{text-align:center} .detail_sec_01[data-cont="friends"] .cmmt_wrap{margin-top:2.7rem} .detail_sec_01[data-cont="friends"] .cmmt_wrap li{width:313px;height:311px;display:inline-block;border:1px solid #E9E9E9;box-sizing:border-box;box-shadow:0 0 12px rgba(0,0,0,0.25);border-radius:2.625rem;float:left;margin-right:1.2rem;box-sizing:border-box;padding:49px 28px 42px;text-align:center;position:relative} .detail_sec_01[data-cont="friends"] .cmmt_wrap li:last-child{margin-right:0} .detail_sec_01[data-cont="friends"] .cmmt_wrap li .cmmt_text{word-break:keep-all;font-size:1rem;line-height:135%} .detail_sec_01[data-cont="friends"] .cmmt_wrap li .cmmt_writer{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);width:100%} .detail_sec_01[data-cont="friends"] .cmmt_wrap li .cmmt_writer .profile_img{display:block;width:100%;text-align:center;margin-bottom:11px} .detail_sec_01[data-cont="friends"] .cmmt_wrap::after{clear:both;display:block;content:''} @media screen and (max-width:767px) { .detail_sec_01[data-cont="friends"] .inner{width:90%;margin:0 auto} .detail_sec_01[data-cont="friends"] .action_subtit{font-size:.91rem} .detail_sec_01[data-cont="friends"] .action_tit .no{font-size:2.16rem} .detail_sec_01[data-cont="friends"] .action_tit{font-size:1.58rem} .detail_sec_01[data-cont="friends"] .action_desc{font-size:1.1rem} .detail_sec_01[data-cont="friends"] .action_info p{font-size:1.25rem} .detail_sec_01[data-cont="friends"] .detail_wrap li{padding-top:7.5rem} .detail_sec_01[data-cont="friends"] .detail_wrap > li:first-child .action_info{width:360px;height:370px;float:unset;margin:1.4rem auto 0} .detail_sec_01[data-cont="friends"] .detail_wrap li:first-child .circle{background:url(/static/images/program/bg_circle_01_m.png) center center no-repeat;background-size:100% auto;float:unset;margin:3px auto 0;width:360px;height:345px} .detail_sec_01[data-cont="friends"] .detail_wrap li .circle_02{float:unset;margin:1.4rem auto 0} .detail_sec_01[data-cont="friends"] .action_info .circle{position:relative;display:block;margin-top:0;flex-direction:unset;justify-content:unset} .detail_sec_01[data-cont="friends"] .action_info .circle p{position:absolute;font-size:1rem;line-height:135%} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(1){top:75px;left:10px;width:50%;padding:0} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(2){top:75px;right:10px;width:50%;padding:0} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(3){top:205px;left:0;width:100%} .detail_sec_01[data-cont="friends"] .action_info p > span{font-size:1.5rem;line-height:135%;margin-bottom:5px} .detail_sec_01[data-cont="friends"] .cmmt_wrap li{width:100%;padding:12%;margin:0;margin-bottom:2.5rem} .detail_sec_01[data-cont="friends"] .video_wrap video{margin-bottom:3.4rem} .detail_sec_01[data-cont="friends"] .action_info_02{margin:2.5rem auto 3rem} .detail_sec_01[data-cont="friends"] .action_info_02 li{padding-top:0;line-height:135%} .detail_sec_01[data-cont="friends"] .video_wrap > p{font-size:1.25rem;width:auto;padding-bottom:1.7rem} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc{width:60%;margin:0 auto} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p{font-size:1.1rem;margin:0;margin-bottom:1.4rem} .detail_sec_01[data-cont="friends"] .video_wrap .video_desc p span{font-size:1.7rem} .detail_sec_01[data-cont="friends"] .video_wrap > p span::after{content:'';display:block} .detail_sec_01[data-cont="friends"] li:nth-child(1) .video_wrap .video_desc,.detail_sec_01[data-cont="friends"] li:nth-child(3) .video_wrap .video_desc,.detail_sec_01[data-cont="friends"] li:nth-child(4) .video_wrap .video_desc{flex-direction:column;width:60%;margin:0 auto} .detail_sec_01[data-cont="friends"] li:nth-child(2) .video_wrap .video_desc p{width:50%;font-size:1.1rem;margin-left:1.7rem;margin-bottom:1.4rem} .detail_sec_01[data-cont="friends"] li:nth-child(3) .video_wrap .video_desc p span,.detail_sec_01[data-cont="friends"] li:nth-child(4) .video_wrap .video_desc p span{font-size:1.25rem} } @media screen and (max-width:425px) { .detail_sec_01[data-cont="friends"] .detail_wrap > li:first-child .action_info{width:100%;height:unset} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(1){top:17.5vw} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(2){top:17.5vw} .detail_sec_01[data-cont="friends"] .action_info .circle p:nth-child(3){bottom:17vw;top:unset} .detail_sec_01[data-cont="friends"] .detail_wrap li:first-child .circle{width:100%;height:86vw;min-height:290px} .detail_sec_01[data-cont="friends"] .detail_wrap li .circle_02{float:unset;margin:1.4rem auto 0;max-width:382px;width:100%;height:39vw;min-height:125px} } /* ----------------------------// program02 end------------------------------- */ /* ---------------------------- program03 ------------------------------- */ /* 맞춤형금융교육뱅크코치 상세 */ .program_detail_sec[data-cont="coach"] .pro_tit .logo_img, .program_detail_sec[data-cont="finan"] .pro_tit .logo_img{width: 7rem; height: 2.5rem; display:inline-block;background:url(/static/images/program/logo_coach.jpg) no-repeat center left/contain;vertical-align:sub;margin-left:.5rem} .detail_sec_01[data-cont="coach"] {background-color:#F2F2F2} .detail_sec_01[data-cont="coach"] .detail_action{width:100%} .detail_sec_01[data-cont="coach"] .detail_tit{width:100%;margin:0 auto 5.4rem;text-align:left} .detail_sec_01[data-cont="coach"] .detail_wrap{width:100%;max-width:980px;margin:0 auto;text-align:left} .detail_sec_01[data-cont="coach"] .action_subtit{font-weight:500;font-size:1rem;line-height:135%;width:auto;border-bottom:1px solid #333;padding-bottom:3px;display:inline} .detail_sec_01[data-cont="coach"] .action_tit{font-weight:500;font-size:2rem;line-height:135%;margin:5px 0 10px} .detail_sec_01[data-cont="coach"] .action_tit .no{font-weight:700;font-size:2.25rem;line-height:135%;color:#666;margin-right:8px;vertical-align:bottom} .detail_sec_01[data-cont="coach"] .action_desc{font-size:1rem;line-height:135%;color:#666;width:100%;max-width:452px;word-break:keep-all} .detail_sec_01[data-cont="coach"] .detail_wrap > li{clear:both;padding-top:3.4rem} .detail_sec_01[data-cont="coach"] .detail_wrap > li.pad_top{padding-top:7.6rem} .detail_sec_01[data-cont="coach"] .detail_wrap > li:first-child{padding:0} .detail_sec_01[data-cont="coach"] .detail_wrap > li:first-child .action_info{width:533px;height:227px;float:right;margin-top:1.4rem} .detail_sec_01[data-cont="coach"] .action_info p{font-weight:600;font-size:1rem;line-height:135%;text-align:center;color:#fff} .detail_sec_01[data-cont="coach"] .action_info p > span{font-weight:700;font-size:1.4rem;line-height:135%;display:inline-block;width:100%;margin-bottom:9px} .detail_sec_01[data-cont="coach"] .action_info p.f_black{color:#333} .detail_sec_01[data-cont="coach"] .action_info_02{margin:2rem auto 2.7rem} .detail_sec_01[data-cont="coach"] .action_info_02 li{font-weight:400;font-size:1rem;line-height:135%;margin-bottom:2px;word-break:keep-all} .detail_sec_01[data-cont="coach"] .action_info_02 li span{font-weight:600;margin-right:6px} .detail_sec_01[data-cont="coach"] .video_wrap{text-align:center} .detail_sec_01[data-cont="coach"] .video_wrap video,.detail_sec_01[data-cont="coach"] .video_wrap >img{width:98%;max-width:524px;height:auto;margin:0 auto 2rem;display:block} .detail_sec_01[data-cont="coach"] .video_wrap > p{font-weight:500;font-size:1.06rem;line-height:135%;padding-bottom:5px;position:relative;display:inline-block;margin:0 auto 1.53rem;word-break:keep-all} .detail_sec_01[data-cont="coach"] .video_wrap > p::after{content:'';width:97%;height:1px;position:absolute;bottom:0;background-color:#333;left:50%;transform:translateX(-50%)} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc{display:flex;flex-direction:row;justify-content:center;gap:2.86rem} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc p{flex-shrink:1;text-align:left;word-break:keep-all} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc p:last-child{margin-right:0} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc p span{font-weight:600;font-size:1.4rem;line-height:135%;display:block;margin-bottom:8px} /*웹x */ /*.detail_sec_01[data-cont="coach"] .video_wrap .video_desc p:nth-child(1) span{color:#446DC1}*/ /*.detail_sec_01[data-cont="coach"] .video_wrap .video_desc p:nth-child(2) span{color:#4BC9F1}*/ /*.detail_sec_01[data-cont="coach"] .video_wrap .video_desc p:nth-child(3) span{color:#66BF94}*/ /*.detail_sec_01[data-cont="coach"] li:nth-child(2) .video_wrap .video_desc p:nth-child(1) span{color:#66BF94}*/ /*.detail_sec_01[data-cont="coach"] li:nth-child(2) .video_wrap .video_desc p:nth-child(2) span{color:#446DC1}*/ .detail_sec_01[data-cont="coach"] li:nth-child(4) .video_wrap .video_desc p{text-align:center} @media screen and (max-width:1200px) { .program_detail_sec[data-cont="coach"] .pro_desc .bpc {display:none} } @media screen and (max-width:1024px) { .detail_sec_01[data-cont="coach"] .action_tit{font-size:1.58rem} .detail_sec_01[data-cont="coach"] .action_desc{font-size:1.1rem} .detail_sec_01[data-cont="coach"] .action_subtit{font-size:0.91rem} .detail_sec_01[data-cont="coach"] .action_tit .no{font-size:2.16rem} .detail_sec_01[data-cont="coach"] .action_info_02{margin:2.5rem auto 3rem} .detail_sec_01[data-cont="coach"] .action_info_02 li{padding-top:0} .detail_sec_01[data-cont="coach"] .video_wrap > p{font-size:1.25rem;width:auto;padding-bottom:1.7rem} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc{width:80%;margin:0 auto} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc p{font-size:1.1rem;margin:0} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc p span{font-size:1.7rem} .detail_sec_01[data-cont="coach"] .video_wrap > p span::after{content:'';display:block} .detail_sec_01[data-cont="coach"] .video_wrap .video_desc{flex-direction:column;width:max-content;max-width:80%;margin:0 auto;gap:1.4rem} .detail_sec_01[data-cont="coach"] li:nth-child(2) .video_wrap .video_desc{width:100%;align-items:center;gap:0} .detail_sec_01[data-cont="coach"] li:nth-child(2) .video_wrap .video_desc p span{font-size:1.5rem} .detail_sec_01[data-cont="coach"] li:nth-child(3) .video_wrap .video_desc p span,.detail_sec_01[data-cont="coach"] li:nth-child(4) .video_wrap .video_desc p span{font-size:1.25rem} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program03 end------------------------------- */ /* ----------------------------program04 ------------------------------- */ /* 독서금융교육 상세 */ section[class*="detail_sec_"][data-cont="finan"] .action_subtit{font-weight:500;color:#000;font-size:.875rem} section[class*="detail_sec_"][data-cont="finan"] .action_subtit span{padding-bottom:.25rem;border-bottom:1px solid #000;display:inline-block} section[class*="detail_sec_"][data-cont="finan"] .action_tit{margin:.5rem 0 1.25rem;font-weight:600;color:#000;font-size:1.875rem} section[class*="detail_sec_"][data-cont="finan"] .action_tit span{margin-right:1rem;font-weight:700;font-size:2rem;color:#666} section[class*="detail_sec_"][data-cont="finan"] .action_desc{width:100%;max-width:none;margin-bottom:3.75rem;color:#666;font-size:.875rem} section[class*="detail_sec_"][data-cont="finan"] .info_wrap{display:flex;flex-wrap:wrap;width:100%;margin-bottom:3rem;border-bottom:1px solid #E9E9E9} section[class*="detail_sec_"][data-cont="finan"] .info_item{display:flex;width:50%;border-top:1px solid #E9E9E9} section[class*="detail_sec_"][data-cont="finan"] .info_item >div{padding:1.25rem} section[class*="detail_sec_"][data-cont="finan"] .info_title{display:flex;justify-content:center;align-items:center;width:7.75rem;border-right:1px solid #E9E9E9;background:#F7FCFF;color:#194CB5;font-weight:600;font-size:.875rem} section[class*="detail_sec_"][data-cont="finan"] .info_desc{flex:1;font-size:.875rem} section[class*="detail_sec_"][data-cont="finan"] .info_desc.col{flex-direction:column;justify-content:center;align-items:flex-start;gap:0} section[class*="detail_sec_"][data-cont="finan"] .info_desc span{display: block;margin-top:0.5rem;font-size:.813rem;font-weight:500;color:#666} section[class*="detail_sec_"][data-cont="finan"] .img_list{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:0 auto} section[class*="detail_sec_"][data-cont="finan"] .img_list li{flex:1} section[class*="detail_sec_"][data-cont="finan"] .img_list li img{width:100%} .detail_sec_01[data-cont="finan"] {background-color: #F5F7FB;} .detail_sec_01[data-cont="finan"] .detail_tit{color:#222;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem} .detail_sec_01[data-cont="finan"] .slide_wrap{position:relative} .detail_sec_01[data-cont="finan"] .slide_ban_wrap{height:fit-content} .detail_sec_01[data-cont="finan"] .swiper-slide a{display:block;width:100%;height:100%} .detail_sec_01[data-cont="finan"] .swiper-slide figure{width:100%} .detail_sec_01[data-cont="finan"] .swiper-slide img{width:100%;border:1px solid #EFF2F9;border-radius:1.875rem;overflow:hidden} .detail_sec_01[data-cont="finan"] figcaption{color:#222;font-size:1.5rem;font-style:normal;font-weight:700;line-height:135%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:1.5rem} .detail_sec_01[data-cont="finan"] .control_wrap { position:absolute;right:1.5rem;top:-1.675rem;z-index:10;display: flex; ;border-radius:100px;background:#1A378D;backdrop-filter:blur(10px);gap:/*웹0*/0.5rem;padding:0.625rem 0.5rem/*웹0.375rem*/; transform: translateY(-100%);} .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-prev, .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-next {position: static; display: block; width:1.25rem;height:1.25rem; margin: 0; opacity: 1;} .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-prev {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/100% auto;transform: scaleX(-1)} .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-next {background:url(/static/images/temp/swiper_nav_next.svg) no-repeat center/100% auto} .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-prev.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/100% auto;transform: scaleX(1)} .detail_sec_01[data-cont="finan"] .control_wrap .swiper-button-next.swiper-button-disabled {background:url(/static/images/temp/swiper_nav_prev.svg) no-repeat center/100% auto;transform: scaleX(-1)} .detail_sec_02[data-cont="finan"] {overflow-x:hidden;} .detail_sec_02[data-cont="finan"] .detail_tit{width:100%;margin:0 auto 5.625rem;color:#222;font-size:1.75rem;font-weight:700;text-align:left} .detail_sec_02[data-cont="finan"] .with_bankit{display:flex;justify-content:space-between;width:100%;margin:0 auto} .detail_sec_02[data-cont="finan"] .with_bankit::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:200%;height:32%;background:#F8FAFC} .detail_sec_02[data-cont="finan"] .with_bankit li{position:relative;width:28%;background:#fff} .detail_sec_02[data-cont="finan"] .with_bankit li figure{position:relative;width:55%;margin:0 auto 1.875rem;z-index:1} .detail_sec_02[data-cont="finan"] .with_bankit li figure img{display:block;width:100%} .detail_sec_02[data-cont="finan"] .with_bankit li p{padding-bottom:3.125rem;text-align:center;font-size:1.125rem;font-weight:500;color:#000;line-height:135%} .detail_sec_02[data-cont="finan"] .with_bankit li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:80%;border:1px solid #E9E9E9;box-shadow:0 0 12px rgba(0,0,0,0.25);border-radius:10px} .detail_sec_03[data-cont="finan"] .img_list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin:0 auto} .detail_sec_03[data-cont="finan"] .img_list li{position:relative;box-shadow:0 0 12px rgba(0,0,0,0.25);border-radius:1.25rem;overflow:hidden} .detail_sec_03[data-cont="finan"] .img_list li img{display:block;width:100%} .detail_sec_03[data-cont="finan"] .img_list li p{position:absolute;left:1rem;bottom:.625rem;font-size:.813rem;font-weight:500} .detail_sec_03[data-cont="finan"] .img_list li p span{display:block;color:#666} .detail_sec_03[data-cont="finan"] .book_wrap{margin-bottom:2.75rem} .detail_sec_03[data-cont="finan"] .book_wrap .info_item{width:50%} .detail_sec_03[data-cont="finan"] .book_wrap .info_item:nth-child(2) .info_title{border-left:1px solid #E9E9E9} .detail_sec_03[data-cont="finan"] .book_wrap .img_list{max-width:680px} .detail_sec_04[data-cont="finan"] .online_wrap{position:relative;margin-bottom:2.75rem} .detail_sec_04[data-cont="finan"] .online_wrap .img{position:absolute;right:0;top:7.5rem;width:21.25rem} .detail_sec_04[data-cont="finan"] .online_wrap .img img{display:block;width:100%} .detail_sec_04[data-cont="finan"] .online_wrap .info_wrap{width:100%;max-width:none} .detail_sec_04[data-cont="finan"] .online_wrap .info_wrap .info_item{width:50%} .detail_sec_04[data-cont="finan"] .online_wrap .info_item:last-child{width:100%} .detail_sec_04[data-cont="finan"] .online_wrap .info_item:not(:last-child) >div{border-bottom:0} .detail_sec_04[data-cont="finan"] .online_wrap .info_item:nth-child(3) .info_title{border-left:none} .detail_sec_04[data-cont="finan"] .online_wrap .info_item:nth-child(even) .info_title{border-left:1px solid #E9E9E9} .detail_sec_04[data-cont="finan"] .online_wrap .info_desc span{display:inline-block;margin-left:.625rem} .detail_sec_04[data-cont="finan"] .online_wrap .img_list{max-width:720px} .detail_sec_05[data-cont="finan"] .group_wrap .info_wrap .info_item{width:100%} .detail_sec_05[data-cont="finan"] .group_wrap .info_title{justify-content:center;width:7.5rem} .detail_sec_05[data-cont="finan"] .group_wrap .info_item:last-child .info_desc{line-height:135%} .detail_sec_05[data-cont="finan"] .group_wrap .img_list{max-width:682px} .detail_sec_05[data-cont="finan"] .group_wrap .action_tit b{display:inline-block;font-weight:500} .detail_sec_05[data-cont="finan"] .group_wrap .action_tit b::after{content:"NEW";display:inline-block;width:3.5rem;height:1.875rem;line-height: 1.875rem;font-weight: 700;margin-left:.5rem;font-size:1rem;color:#fff;background-color:#222 /*웹 #4BC9F1*/;border-radius:.875rem;text-align:center;vertical-align:.313rem} @media screen and (max-width:1024px) { .detail_sec_01[data-cont="finan"] .swiper-slide img{border-radius:1.67rem} .detail_sec_02[data-cont="finan"] .with_bankit li{width:30%} .detail_sec_02[data-cont="finan"] .detail_tit{margin:0 0 3.625rem;font-size:2rem;text-align:center} .detail_sec_02[data-cont="finan"] .with_bankit::before{height:15rem} .detail_sec_02[data-cont="finan"] .with_bankit{flex-wrap:wrap} .detail_sec_02[data-cont="finan"] .with_bankit li figure{width:50%;max-width:120px} .detail_sec_02[data-cont="finan"] .with_bankit li p{padding-bottom:2.125rem} .detail_sec_04[data-cont="finan"] .online_wrap .info_desc span{display:block;margin-left:0} section[class*="detail_sec_"][data-cont="finan"] .action_subtit, section[class*="detail_sec_"][data-cont="finan"] .action_desc, section[class*="detail_sec_"][data-cont="finan"] .info_title, section[class*="detail_sec_"][data-cont="finan"] .info_desc{font-size:1rem}, section[data-layout="finan"] .detail_desc span, section[data-layout="finan"] .info_desc span, section[data-layout="finan"] .img_list li p {font-size:0.938rem} /*qa추가*/ section[class*="detail_sec_"][data-cont="finan"] .info_item >div{padding:1rem} section[class*="detail_sec_"][data-cont="finan"] .info_title {width: 7rem;} section[class*="detail_sec_"][data-cont="finan"] .info_desc span {font-size: 0.938rem;} }/* sm~md */ @media screen and (max-width:767px) { section[class*="detail_sec_"][data-cont="finan"] .img_list{justify-content:flex-start} section[class*="detail_sec_"][data-cont="finan"] .img_list li{flex:calc(50% - 2rem);max-width:calc(50% - 2rem)} .detail_sec_02[data-cont="finan"] .with_bankit li{width:100%;margin:0 auto 3rem} .detail_sec_02[data-cont="finan"] .with_bankit li:not(:last-child){margin-bottom:3rem} .detail_sec_03[data-cont="finan"] .book_wrap .info_item{width:100%} .detail_sec_03[data-cont="finan"] .book_wrap .info_item:nth-child(2) .info_title{border-left:none} .detail_sec_03[data-cont="finan"] .book_wrap .img_list li{flex:100%;max-width:100%} .detail_sec_05[data-cont="finan"] .group_wrap .info_item:first-child .info_desc span{display:block;margin-left:0} }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program04 end------------------------------- */ /* ---------------------------- program05 ------------------------------- */ /* 기부를위한기부 상세 */ .detail_sec_01[data-cont="give"] {overflow-x:hidden;} .detail_sec_01[data-cont="give"] .detail_tit{margin:0 0 5.5rem;text-align:left} /*.detail_sec_01[data-cont="give"] .small_business{padding:5rem 0 7.5rem}*/ .detail_sec_01[data-cont="give"] .progress ul{display:flex;flex-wrap:wrap;width:100%;max-width:690px;margin:0 auto} .detail_sec_01[data-cont="give"] .progress .img{justify-content:space-between;margin-bottom:1rem} .detail_sec_01[data-cont="give"] .progress .img li{position:relative} .detail_sec_01[data-cont="give"] .progress .img li::after{content:"";position:absolute;right:-50%;top:50%;width:40px;height:16px;transform:translateY(-50%);background:url(/static/images/program/icon_right.png) no-repeat center /cover} .detail_sec_01[data-cont="give"] .progress .img li:last-child:after{display:none} .detail_sec_01[data-cont="give"] .progress .img li figure{margin-bottom:.5rem} .detail_sec_01[data-cont="give"] .progress .img li figure img{display:block;width:100%} .detail_sec_01[data-cont="give"] .progress .img li h4{font-size:1.125rem;font-weight:600;text-align:center} .detail_sec_01[data-cont="give"] .progress .text{max-width:537px} .detail_sec_01[data-cont="give"] .progress .text li{position:relative;flex:1;text-align:center;color:#194CB5;font-weight:500;font-size:.875rem} .detail_sec_01[data-cont="give"] .progress .text li::after{content:"";position:absolute;left:50%;top:0;width:1px;height:6.75rem;border-right:2px dashed #B9BCC3;transform:translateY(-100%)} .detail_sec_01[data-cont="give"] .small_business_inner{padding:5.75rem 0;background:url(/static/images/program/business_img_04.png) no-repeat center /cover} .detail_sec_01[data-cont="give"] .small_business_inner figure{width:88.88%;max-width:536px;margin:0 auto 1.75rem} .detail_sec_01[data-cont="give"] .small_business_inner figure img{display:block;width:100%} .detail_sec_01[data-cont="give"] .small_business_inner p{color:#222 /*웹 #fff*/;font-weight:600;font-size:1.063rem;line-height:160%;text-align:center} /*.detail_sec_02[data-cont="give"] .support_info{margin-bottom:5.625rem}*/ .detail_sec_02[data-cont="give"] .support_info h2{margin-bottom:1.875rem;font-size:1.875rem;font-weight:500;color:#000} .detail_sec_02[data-cont="give"] .support_info .info_wrap{display:flex;flex-wrap:wrap;width:100%;border-bottom:1px solid #E9E9E9;margin-bottom:4rem} .detail_sec_02[data-cont="give"] .support_info .info_item{width:100%;display:flex;border-top:1px solid #E9E9E9} .detail_sec_02[data-cont="give"] .support_info .info_item:nth-child(3) .info_desc p:first-child:before{background:transparent} .detail_sec_02[data-cont="give"] .support_info .info_title{width:8rem;padding:1.25rem 0;min-width:auto;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid #E9E9E9;background:#F7FCFF;color:#194CB5;font-weight:600;font-size:.875rem} .detail_sec_02[data-cont="give"] .support_info .info_desc{padding:1.25rem;font-size:.875rem} .detail_sec_02[data-cont="give"] .support_info .info_desc b{font-weight:600} .detail_sec_02[data-cont="give"] .support_info .info_item p{position:relative} .detail_sec_02[data-cont="give"] .support_info .info_item p::before{content:"";display:inline-block;width:2px;height:2px;margin-right:.4rem;border-radius:2px;background:#333;vertical-align:.25rem} .detail_sec_02[data-cont="give"] .support_info .info_item p:not(:last-child){margin-bottom:.2rem} .detail_sec_02[data-cont="give"] .support_info .info_item p span{margin-left:.5rem} .detail_sec_03[data-cont="give"]{background-color:#F8FAFC} .detail_sec_03[data-cont="give"] .inner{border-bottom:1px solid #E9E9E9} .detail_sec_03[data-cont="give"] h2{margin-bottom:1.875rem;font-size:1.875rem;font-weight:500;color:#000} .detail_sec_03[data-cont="give"] .desc{margin-bottom:3.125rem;font-size:.875rem;color:#666} .detail_sec_03[data-cont="give"] .desc span{font-weight:600} .detail_sec_03[data-cont="give"] ul{display:flex;flex-wrap:wrap;justify-content:space-between} .detail_sec_03[data-cont="give"] ul li{position:relative;width:22.5%;padding:3.125rem 0;background:#fff;text-align:center;border:1px solid #EFF3F7;border-radius:.625rem} .detail_sec_03[data-cont="give"] ul li::after{content:"";position:absolute;right:-10%;top:50%;width:.75rem;height:1.125rem;background:url(/static/images/program/icon_right_02.svg) no-repeat center /cover} .detail_sec_03[data-cont="give"] ul li:last-child::after{display:none} .detail_sec_03[data-cont="give"] ul li figure{height:5.125rem;margin:0 auto 2.125rem} .detail_sec_03[data-cont="give"] ul li figure img{display:block;width:auto;height:100%;margin:0 auto} .detail_sec_03[data-cont="give"] ul li h3{margin-bottom:.625rem;font-weight:600;font-size:1.125rem} .detail_sec_03[data-cont="give"] ul li p{font-size:.875rem;color:#666;line-height:135%} .detail_sec_03[data-cont="give"] ul li p span{font-size:.75rem} .detail_sec_03[data-cont="give"] .desc_02{margin:.815rem 0 3.75rem;font-size:.813rem;color:#666;line-height:1.6em} .detail_sec_04[data-cont="give"] {background:#F8FAFC} .detail_sec_04[data-cont="give"] h2{margin-bottom:1.5rem;font-weight:600;font-size:2.25rem} .detail_sec_04[data-cont="give"] figure{margin:0 auto;text-align:center} .detail_sec_04[data-cont="give"] figure img{width:100%;max-width:464px;margin:0 auto} .detail_sec_04[data-cont="give"] p{font-size:1rem;line-height:135%;font-weight:400;text-align:center;margin-bottom:2.5rem} .detail_sec_04[data-cont="give"] p b{font-weight:600} .detail_sec_04[data-cont="give"] .mapDiv{position:relative;width:100%;height:43rem;max-height:688px} .detail_sec_04[data-cont="give"] .mapNav{width:360px;min-height:82%;background:#fff;position:absolute;top:9%;right:4%;z-index:10;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.3);border-radius:1.5rem;padding:2rem 1.5rem 0} .detail_sec_04[data-cont="give"] .mapNav > h1{font-size:1.125rem;font-weight:600;letter-spacing:-.05em;color:#0061ab;margin-bottom:1rem} .detail_sec_04[data-cont="give"] #map{max-width:1920px;width:100%;height:100%} .detail_sec_04[data-cont="give"] .map_search{position:relative;margin-bottom:1rem;display:flex;flex-direction:row;gap:.75rem;justify-content:space-between;align-items:center} .detail_sec_04[data-cont="give"] .map_search select{border:1px solid #CECECE;padding:0 .875rem;line-height:2.5rem;height:2.5rem;box-sizing:border-box;font-size:.875rem;font-weight:500;letter-spacing:-.05em;color:#222;min-width:4.5rem;outline:none;background:#fff url(/static/images/common/arrow_selectbox.svg) no-repeat 81% 50% / 1rem auto;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none} .detail_sec_04[data-cont="give"] .map_search select::-ms-expand{display:none} .detail_sec_04[data-cont="give"] .map_search input{border:1px solid #CECECE;padding:0 .875rem;line-height:2.5rem;height:2.5rem;box-sizing:border-box;font-size:.875rem;font-weight:400;letter-spacing:-.05em;color:#222;flex-shrink:1;flex-grow:1;outline:none;border-radius:.5rem} .detail_sec_04[data-cont="give"] .map_search input::placeholder{font-size:10px;line-height:2.5rem;color:#CECECE;font-weight:500;vertical-align:top} .detail_sec_04[data-cont="give"] .map_search input:focus{border-color:#222} .detail_sec_04[data-cont="give"] .map_search .btn_search{width:1.3125rem;height:1.3125rem;background:url(/static/images/program/search_map.png) no-repeat center / 100% auto;box-sizing:border-box;position:absolute;top:50%;right:1rem;transform:translateY(-50%)} .detail_sec_04[data-cont="give"] .select_wrap .btn_field{border:1px solid #CECECE;padding:0 .875rem;line-height:2.5rem;height:2.5rem;box-sizing:border-box;font-size:.875rem;font-weight:500;letter-spacing:-.05em;color:#222;min-width:4.5rem;outline:none;position:relative;border-radius:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left} .detail_sec_04[data-cont="give"] .select_wrap .btn_field:focus{border-color:#222} .detail_sec_04[data-cont="give"] .select_wrap .btn_field::after{content:'';width:1rem;height:1rem;background:#fff url(/static/images/common/arrow_selectbox.svg) no-repeat top center / 100% auto;position:absolute;top:50%;right:1rem;transform:translateY(-50%);transition:all .1s ease-in-out;transform-origin:center} .detail_sec_04[data-cont="give"] .select_wrap .btn_field.active::after{transform:translateY(-50%) scaleY(-1)} .detail_sec_04[data-cont="give"] .select_box{position:absolute;bottom:0;width:100%;background:#fff;transform:translateY(calc(100% + 0.75rem));z-index:13;border:1px solid #CECECE;border-radius:.5rem;box-shadow:10px 10px 20px rgba(0,0,0,0.1);padding:.5625rem 0;max-height:18rem;overflow-y:auto;display:none} .detail_sec_04[data-cont="give"] .select_box::-webkit-scrollbar{width:10px} .detail_sec_04[data-cont="give"] .select_box::-webkit-scrollbar-track{background-color:#E9E9E9;border-radius:10px} .detail_sec_04[data-cont="give"] .select_box::-webkit-scrollbar-thumb{background-color:#CECECE;border-radius:10px} .detail_sec_04[data-cont="give"] .select_box::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{width:0;height:0;background:none} .detail_sec_04[data-cont="give"] .select_box li{position:relative;padding:.25rem .75rem;transition:all .1s ease-in-out;cursor:pointer} .detail_sec_04[data-cont="give"] .select_box input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;outline:none;cursor:pointer;border:none;z-index:-1;border-radius:0} .detail_sec_04[data-cont="give"] .select_box input[type="radio"]:focus{background-color:#F4F4F4} .detail_sec_04[data-cont="give"] .select_box input[type="radio"]:has(:focus){background-color:#F4F4F4} .detail_sec_04[data-cont="give"] .select_box input[type="radio"]:has(:checked){background-color:#F4F4F4} .detail_sec_04[data-cont="give"] .select_box li:not(:last-child){margin-bottom:.25rem} .detail_sec_04[data-cont="give"] .select_box label{font-size:.875rem;line-height:1.3125rem;font-weight:500;color:#333;cursor:pointer} .detail_sec_04[data-cont="give"] .map_cate{margin-bottom:.5rem} .detail_sec_04[data-cont="give"] .map_cate ul{display:flex;flex-wrap:wrap;width:100%;gap:.5rem;flex-wrap:nowrap} .detail_sec_04[data-cont="give"] .map_cate li{position:relative;flex:20%} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(5){margin-right:0} .detail_sec_04[data-cont="give"] .map_cate input[type="radio"]{position:absolute;left:0;top:0;width:1px;height:1px;vertical-align:middle;outline:none;box-sizing:border-box;border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none} .detail_sec_04[data-cont="give"] .map_cate input[type="radio"] + label{display:block;width:100%;text-align:center;color:#333;font-size:10px;cursor:pointer;border:1px solid #CECECE;border-radius:.625rem;padding:.625rem 0;line-height:1} .detail_sec_04[data-cont="give"] .map_cate input[type="radio"] + label span{display:block;width:1.375rem;height:1.375rem;margin:0 auto .375rem} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(1) input[type="radio"] + label span{background:url(/static/images/program/shop_cate_01_off.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(2) input[type="radio"] + label span{background:url(/static/images/program/shop_cate_02_off.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(3) input[type="radio"] + label span{background:url(/static/images/program/shop_cate_03_off.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(4) input[type="radio"] + label span{background:url(/static/images/program/shop_cate_04_off.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(5) input[type="radio"] + label span{background:url(/static/images/program/shop_cate_05_off.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate input[type="radio"]:checked + label{border-color:#194CB5;font-weight:500} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(1) input[type="radio"]:checked + label span{background:url(/static/images/program/shop_cate_01_on.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(2) input[type="radio"]:checked + label span{background:url(/static/images/program/shop_cate_02_on.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(3) input[type="radio"]:checked + label span{background:url(/static/images/program/shop_cate_03_on.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(4) input[type="radio"]:checked + label span{background:url(/static/images/program/shop_cate_04_on.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .map_cate li:nth-child(5) input[type="radio"]:checked + label span{background:url(/static/images/program/shop_cate_05_on.png) no-repeat center/contain} .detail_sec_04[data-cont="give"] .mapNav_cont{min-height:200px;height:51%;max-height:22rem;overflow-y:auto;padding-right:.625rem} .detail_sec_04[data-cont="give"] .mapNav_cont li{position:relative;cursor:pointer} .detail_sec_04[data-cont="give"] .mapNav_cont li:not(:last-child){border-bottom:1px solid #CECECE} .detail_sec_04[data-cont="give"] .mapNav_cont li:hover,.detail_sec_04[data-cont="give"] .mapNav_cont li:active,.detail_sec_04[data-cont="give"] .mapNav_cont li:focus{outline:none} .detail_sec_04[data-cont="give"] .mapNav_cont li > div{padding:1rem 0;display:flex;justify-content:space-between;gap:1rem} .detail_sec_04[data-cont="give"] .mapNav_cont li > div > div{display:table-cell;vertical-align:middle} .detail_sec_04[data-cont="give"] .mapNav_cont li div .img{display:block;width:7.5rem;height:6rem;position:relative;flex-shrink:0} .detail_sec_04[data-cont="give"] .mapNav_cont li div .img figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt{text-align:left;flex-shrink:1;flex-grow:1} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt h1,.detail_sec_04[data-cont="give"] .mapNav_cont li div .txt p{text-align:left} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .name{font-size:1rem;font-weight:600;letter-spacing:-.05em;color:#333;line-height:1.5rem} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .cont{font-size:.75rem;font-weight:400;letter-spacing:-.05em;color:#222;line-height:1rem;margin:.25rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:.25rem} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .add{font-size:.625rem;font-weight:300;letter-spacing:-.05em;color:#666;line-height:1rem;margin-bottom:0} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .tel{margin-bottom:0} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .tel a{font-size:.625rem;font-weight:300;letter-spacing:-.05em;color:#666;line-height:1rem;margin-bottom:0} .detail_sec_04[data-cont="give"] .mapNav_cont::-webkit-scrollbar{width:10px} .detail_sec_04[data-cont="give"] .mapNav_cont::-webkit-scrollbar-track{background-color:#E9E9E9;border-radius:10px} .detail_sec_04[data-cont="give"] .mapNav_cont::-webkit-scrollbar-thumb{background-color:#CECECE;border-radius:10px} .detail_sec_04[data-cont="give"] .mapNav_cont::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{width:0;height:0;background:none} .detail_sec_04[data-cont="give"] .mapNav_cont li .btn_share{position:absolute;right:0;bottom:.2rem;padding:0 .625rem;background-color:transparent;font-size:.625rem;font-weight:500;z-index:100;display:flex;align-items:center;gap:2px;flex-direction:column;color:#999;z-index:10;cursor:pointer} .detail_sec_04[data-cont="give"] .mapNav_cont li .btn_share::before{content:"";display:inline-block;width:.8125rem;height:.9375rem;background:url(/static/images/program/ico_share.png) no-repeat center/100% auto} .detail_sec_04[data-cont="give"] .mapNav_cont .pop_share{position:absolute;right:2rem;bottom:1rem;padding:1rem 1.5rem;border-radius:1.5rem;border:1px solid #CECECE;background-color:#fff;z-index:10;display:none;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.3)} .detail_sec_04[data-cont="give"] .mapNav_cont .pop_share ul{display:flex;justify-content:space-between;gap:1rem} .detail_sec_04[data-cont="give"] .mapNav_cont .pop_share li{width:3rem;height:3rem;border-bottom:0} .detail_sec_04[data-cont="give"] .mapNav_cont .pop_share li a{display:block;width:100%;height:100%} .detail_sec_04[data-cont="give"] .mapNav_cont .pop_share li a:hover{background-color:none} .detail_sec_04[data-cont="give"] .mapNav_cont .share_kakao a{background:url(/static/images/common/sns_kakao.svg) no-repeat center/100% auto} .mapNav_cont .share_line a{background:url(/static/images/common/sns_line.svg) no-repeat center/100% auto} .detail_sec_04[data-cont="give"] .mapNav_cont .share_url a{background:url(/static/images/common/sns_link.svg) no-repeat center/100% auto} @media screen and (max-width:1024px) { .detail_sec_01[data-cont="give"] .detail_tit{margin:0 0 3.625rem;text-align:center;font-size:1.75rem} .detail_sec_01[data-cont="give"] .progress{display:flex;width:280px;margin:0 auto} /*.detail_sec_01[data-cont="give"] .progress ul li{width:100%}*/ .detail_sec_01[data-cont="give"] .progress .img{margin-bottom:0;flex:1} .detail_sec_01[data-cont="give"] .progress .img li:not(:last-child){margin-bottom:5rem} .detail_sec_01[data-cont="give"] .progress .img li::after{left:50%;top:auto;bottom:-20%;transform:translate(-50%,0) rotate(90deg)} .detail_sec_01[data-cont="give"] .progress .img li figure{width:150px} .detail_sec_01[data-cont="give"] .progress .text{margin-left:3rem} .detail_sec_01[data-cont="give"] .progress .text li{width:100%;flex:none;text-align:left;font-size:0.938rem} .detail_sec_01[data-cont="give"] .progress .text li:first-child{margin-top:calc(170px + 1.125rem)} .detail_sec_01[data-cont="give"] .progress .text li:last-child{margin-top:2rem} .detail_sec_01[data-cont="give"] .progress .text li:after{top:-15%;left:-5rem;height:7rem;transform:translate(0,0) rotate(-90deg)} .detail_sec_02[data-cont="give"] .support_info .info_title, .detail_sec_02[data-cont="give"] .support_info .info_desc{font-size:1rem} .detail_sec_02[data-cont="give"] .support_info .info_desc {flex: 1;} .detail_sec_03[data-cont="give"] .desc{font-size:1rem} .detail_sec_03[data-cont="give"] .desc_02{font-size:.938rem} .detail_sec_03[data-cont="give"] ul li{width:47.5%} .detail_sec_03[data-cont="give"] ul li p{font-size:1rem} .detail_sec_03[data-cont="give"] ul li p span{font-size:.938rem} .detail_sec_03[data-cont="give"] ul li:nth-child(1){order:1;-ms-flex-order:1} .detail_sec_03[data-cont="give"] ul li:nth-child(2){order:2;-ms-flex-order:2} .detail_sec_03[data-cont="give"] ul li:nth-child(3){order:3;-ms-flex-order:3} .detail_sec_03[data-cont="give"] ul li:nth-child(4){order:4;-ms-flex-order:4} .detail_sec_03[data-cont="give"] ul li:nth-child(1), .detail_sec_03[data-cont="give"] ul li:nth-child(2){margin-bottom:2rem} .detail_sec_03[data-cont="give"] ul li::after{right:-7%} .detail_sec_03[data-cont="give"] ul li:nth-child(2)::after{right:auto;left:50%;top:auto;bottom:-9%;transform:translate(-50%,0) rotate(90deg)} .detail_sec_04[data-cont="give"] figure img{width:60%;max-width:464px} .detail_sec_04[data-cont="give"] .mapDiv{max-height:unset;height:auto;display:flex;flex-direction:column-reverse;gap:1.5rem} .detail_sec_04[data-cont="give"] .mapNav{position:relative;width:100%;right:unset;top:unset;min-height:unset} .detail_sec_04[data-cont="give"] .mapNav_cont{max-height:30rem} .detail_sec_04[data-cont="give"] .select_wrap .btn_field{font-size:1rem;line-height:3rem;height:3rem;min-width:6rem} .detail_sec_04[data-cont="give"] .map_search input{font-size:1rem;line-height:3rem;height:3rem} .detail_sec_04[data-cont="give"] .map_search input::placeholder{font-size:1rem} .detail_sec_04[data-cont="give"] .select_box label{font-size:1rem} .detail_sec_04[data-cont="give"] .mapNav_cont li div .img{width:10rem;height:8rem} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .cont{font-size:1rem;line-height:1.5rem;margin:.5rem 0} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .name{font-size:1.08rem} .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .add, .detail_sec_04[data-cont="give"] .mapNav_cont li div .txt .tel a{font-size:.875rem} .detail_sec_04[data-cont="give"] .mapNav_cont li .btn_share::before{width:1rem;height:1.1rem} .detail_sec_04[data-cont="give"] .mapNav_cont li .btn_share{font-size:.875rem} .detail_sec_04[data-cont="give"] #map{height:30rem} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { .detail_sec_01[data-cont="give"] .progress .text{margin-left:2.5rem} .detail_sec_01[data-cont="give"] .progress .text li:after{top:-16%} }/* sm */ @media (hover:hover) { .detail_sec_04[data-cont="give"] .select_box input[type="radio"]:hover {background-color:#F4F4F4} }/* hover */ /* ----------------------------// program05 end------------------------------- */ /* ----------------------------program06 ------------------------------- */ /* 시니어금융교육 상세 */ section[class*="detail_sec_"][data-cont="senior"] .action_tit{margin:5px 0 1.25rem;font-weight:500;color:#000;font-size:1.875rem;line-height:135%;display:flex;justify-content:flex-start;align-items:center} section[class*="detail_sec_"][data-cont="senior"] .action_tit span{margin-right:1rem;font-weight:700;font-size:2rem;color:#D0D0D0} section[class*="detail_sec_"][data-cont="senior"] .action_subtit{margin-bottom:.4rem;font-weight:500;border-bottom:1px solid #194CB5;color:#000;font-size:.875rem;display:inline-block} section[class*="detail_sec_"][data-cont="senior"] .action_subtit span{padding-bottom:.25rem;color:#194CB5} section[class*="detail_sec_"][data-cont="senior"] .sub_tit{ margin-bottom:1rem; color:#194CB5; font-weight:700; font-size:0.875rem} section[class*="detail_sec_"][data-cont="senior"] .info_wrap{display:flex;flex-wrap:wrap;width:100%;margin-bottom:3rem;border-bottom:1px solid #E9E9E9} section[class*="detail_sec_"][data-cont="senior"] .info_item{display:flex;width:50%;border-top:1px solid #E9E9E9} section[class*="detail_sec_"][data-cont="senior"] .info_item[data-width="50"]{width:50%} section[class*="detail_sec_"][data-cont="senior"] .info_item[data-width="33"]{width:33.33%} section[class*="detail_sec_"][data-cont="senior"] .info_item >div{padding:1.25rem} section[class*="detail_sec_"][data-cont="senior"] .info_title{display:flex;align-items:center;width:7.75rem;border-right:1px solid #E9E9E9;background:#F7FCFF;color:#194CB5;font-weight:600;font-size:.875rem} section[class*="detail_sec_"][data-cont="senior"] .info_desc{flex:1;font-size:.875rem} section[class*="detail_sec_"][data-cont="senior"] .training_cont{display:flex;gap:1rem} section[class*="detail_sec_"][data-cont="senior"] .training_cont li{display:flex;align-items:center;gap:.75rem;padding:.625rem;border:1px solid #E9E9E9;border-radius:.625rem;flex:1} section[class*="detail_sec_"][data-cont="senior"] .training_cont figure{width:6.25rem;height:6.25rem} section[class*="detail_sec_"][data-cont="senior"] .training_cont .text_box{width:calc(100% - 0.75rem - 6.25rem)} section[class*="detail_sec_"][data-cont="senior"] .training_cont h6{margin-bottom:.5rem;font-size:.875rem;font-weight:600} section[class*="detail_sec_"][data-cont="senior"] .training_cont p{font-size:.875rem;line-height:145%;word-break:keep-all} section[class*="detail_sec_"][data-cont="senior"] .training_cont li:nth-child(1) figure{background:url(/static/images/program/senior_img_04.png) no-repeat center/cover} section[class*="detail_sec_"][data-cont="senior"] .training_cont li:nth-child(2) figure{background:url(/static/images/program/senior_img_05.png) no-repeat center/cover} section[class*="detail_sec_"][data-cont="senior"] .training_cont li:nth-child(3) figure{background:url(/static/images/program/senior_img_06.png) no-repeat center/cover} .detail_sec_01[data-cont="senior"] {} .detail_sec_01[data-cont="senior"] .detail_tit{margin:0 0 2.5rem} .detail_sec_01[data-cont="senior"] ul{position:relative;width:100%;max-width:980px;margin:0 auto} .detail_sec_01[data-cont="senior"] li{position:absolute;height:17.75rem;z-index:10;opacity:0} .detail_sec_01[data-cont="senior"] li:nth-child(1){left:0;top:0} .detail_sec_01[data-cont="senior"] li:nth-child(2){position:relative;height:15.5rem;z-index:11;transform:translateY(3.875rem)} .detail_sec_01[data-cont="senior"] li:nth-child(3){right:0;top:7.75rem} .detail_sec_01[data-cont="senior"].on li{opacity:1;transition:opacity .8s} .detail_sec_01[data-cont="senior"].on li:nth-child(2){transition-delay:.4s} .detail_sec_01[data-cont="senior"].on li:nth-child(3){transition-delay:.8s} .detail_sec_01[data-cont="senior"] .text{width:15.5rem;height:15.5rem;margin:0 auto;border-radius:100%;background-color:#194CB5;color:#fff;font-size:1.125rem} .detail_sec_01[data-cont="senior"] .text span{position:absolute;left:50%;top:50%;width:100%;text-align:center;transform:translate(-50%,-50%)} .detail_sec_01[data-cont="senior"] img{display:block;width:auto;height:100%} .detail_sec_02[data-cont="senior"] .inner{border-bottom:1px solid #E9E9E9} .detail_sec_02[data-cont="senior"] .schedule_wrap .bg_warp{position:relative} .detail_sec_02[data-cont="senior"] .schedule_wrap .bg{width:100%} .detail_sec_02[data-cont="senior"] .schedule_wrap .bg img{display:block;width:100%} .detail_sec_02[data-cont="senior"] .schedule_wrap ul{display:flex;position:absolute;left:0;top:50%;width:100%;transform:translateY(-45%);height:70px;align-items:flex-start;justify-content:center} .detail_sec_02[data-cont="senior"] .schedule_wrap li{width:20%;text-align:center;color:#666} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(2),.detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(3){padding-left:2rem} .detail_sec_02[data-cont="senior"] .schedule_wrap li h3{margin-bottom:.25rem;font-size:1rem;font-weight:600;color:#194CB5} .detail_sec_02[data-cont="senior"] .schedule_wrap li h3 span{display:inline-block;margin-right:.25rem} .detail_sec_02[data-cont="senior"] .schedule_wrap li p{font-size:.813rem;line-height:148%;font-weight:700} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(5){color:#fff} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(5) h3{color:#fff} .detail_sec_02[data-cont="senior"] .sub_tit{margin-bottom:1rem;color:#194CB5;font-weight:700;font-size:.875rem} .detail_sec_03[data-cont="senior"] {} .detail_sec_03[data-cont="senior"] .inner{border-bottom:1px solid #E9E9E9} .detail_sec_03[data-cont="senior"] .action_tit{margin:5px 0 48px} .detail_sec_03[data-cont="senior"] .video_wrap{width:100%;max-width:980px;position:relative;margin:5.5rem auto 0} .detail_sec_03[data-cont="senior"] .video_wrap .video{width:100%;padding-bottom:56.25%} .detail_sec_03[data-cont="senior"] .video_wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0} .detail_sec_03[data-cont="senior"] .video_wrap .yt_box{width:100%;height:100%;background:url(/static/images/program/video_cover.png) no-repeat center center #fff;background-size:cover;cursor:pointer;position:absolute;top:0;left:0;z-index:2;transition:all .3s} .detail_sec_03[data-cont="senior"] .video_wrap .yt_box::before{content:'';display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.3);z-index:1;width:100%;height:100%;transition:all .3s} .detail_sec_03[data-cont="senior"] .video_wrap .yt_box::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:url(/static/images/program/ico_play.svg) center / 6.375rem auto no-repeat;width:6.375rem;height:6.375rem;transition:all .3s} .detail_sec_03[data-cont="senior"] .video_wrap .yt_box.play::before, .detail_sec_03[data-cont="senior"] .video_wrap .yt_box.play::after{display:none} .detail_sec_04[data-cont="senior"] .sub_desc{font-size:1rem;line-height:135%;font-weight:400;color:#333;padding:0} .detail_sec_04[data-cont="senior"] .sub_tit.f_jalnan{font-size:1rem;font-weight:400;margin-bottom:1rem;color:#194CB5} .detail_sec_04[data-cont="senior"] .f_jalnan .f_blue{color:#123274} .detail_sec_04[data-cont="senior"] .f_jalnan .f_black{color:#333} section.detail_sec_04[data-cont="senior"] .training_cont_02 li:nth-child(1) figure{background:url(/static/images/program/senior_img_07.png) no-repeat center/cover} section.detail_sec_04[data-cont="senior"] .training_cont_02 li:nth-child(2) figure{background:url(/static/images/program/senior_img_08.png) no-repeat center/cover} @media screen and (max-width:1024px) { section[class*="detail_sec_"][data-cont="senior"] .action_subtit, section[class*="detail_sec_"][data-cont="senior"] .action_desc, section[class*="detail_sec_"][data-cont="senior"] .info_title, section[class*="detail_sec_"][data-cont="senior"] .info_desc, section[class*="detail_sec_"][data-cont="senior"] .sub_tit{font-size:1rem} section[data-layout="senior"] .detail_desc span, section[data-layout="senior"] .info_desc span, section[data-layout="senior"] .img_list li p {font-size:0.938rem} section[class*="detail_sec_"][data-cont="senior"] .sub_tit{font-size:1.25rem} section[class*="detail_sec_"][data-cont="senior"] .action_subtit{font-size:.91rem} section[class*="detail_sec_"][data-cont="senior"] .action_tit .span{font-size:2.16rem} section[class*="detail_sec_"][data-cont="senior"] .action_tit{font-size:1.58rem} section[class*="detail_sec_"][data-cont="senior"] .action_desc{font-size:1.1rem} section[class*="detail_sec_"][data-cont="senior"] .action_info p{font-size:1.25rem} section[class*="detail_sec_"][data-cont="senior"] .info_item{width:100%} section[class*="detail_sec_"][data-cont="senior"] .info_item[data-width="50"], section[class*="detail_sec_"][data-cont="senior"] .info_item[data-width="33"]{width:100%} section[class*="detail_sec_"][data-cont="senior"] .training_cont{ flex-wrap:wrap; flex-direction:column} section[class*="detail_sec_"][data-cont="senior"] .training_cont li { width:100% } .detail_sec_01[data-cont="senior"] .detail_tit{text-align:center} .detail_sec_01[data-cont="senior"] li{position:static} .detail_sec_01[data-cont="senior"] li:nth-child(2){position:relative;transform:translateY(-2rem)} .detail_sec_01[data-cont="senior"] li:nth-child(3){margin-top:-3.5rem} .detail_sec_01[data-cont="senior"] img{margin:0 auto} .detail_sec_02[data-cont="senior"] .schedule_wrap .bg{display:none} .detail_sec_02[data-cont="senior"] .schedule_wrap ul{flex-wrap:wrap;justify-content:left;gap:.5rem;position:static;height:auto;transform:translateY(0)} .detail_sec_02[data-cont="senior"] .schedule_wrap li{width:calc((100% - 0.5rem)/2);padding:1.25rem;border-radius:.75rem;border:1px solid #C2EBFF} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(2),.detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(3){padding-left:1.25rem} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(1){background-color:#fff} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(2){background-color:#F3FBFF} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(3){background-color:#C2EBFF} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(4){background-color:#C2EBFF} .detail_sec_02[data-cont="senior"] .schedule_wrap li:nth-child(5){background-color:#194CB5} .detail_sec_02[data-cont="senior"] .schedule_wrap li p{font-size:.875rem;height:2.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} section.detail_sec_04[data-cont="senior"] .action_tit{margin:5px 0 3rem} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// program06 end------------------------------- */ /* 이루어드림 */ section[data-layout="wish"] * {line-height: 150%; word-break: keep-all;} section[data-layout="wish"] .sub_tit {margin-bottom:1rem; color:#194CB5; font-weight:700; font-size:1rem} section[data-layout="wish"] .sub_desc {margin-bottom:1.5rem} section[data-layout="wish"] .action_subtit {margin-bottom:0.4rem; font-weight:500; border-bottom:1px solid #194CB5; color:#000000; font-size:0.875rem} section[data-layout="wish"] .action_subtit span {font-size: 1rem; padding-bottom: 0.25rem; color:#194CB5} section[data-layout="wish"] .action_tit {margin-bottom:1.25rem; font-weight:600; color:#000000; font-size:2rem; display: inline-flex; align-items: center;} section[data-layout="wish"] .action_tit span {margin-right:1rem; font-weight:700; font-size:2.25rem; color:#D0D0D0} section[data-layout="wish"] .action_desc {width:100%; max-width:none; margin-bottom:3.75rem; color:#666666; font-size:0.875rem} .sub_sec_01[data-layout="wish"] .top_txt {max-width:920px} .sub_sec_02[data-layout="wish"] .sec_tit {font-size: 2.25rem;font-style: normal;font-weight: 600;line-height: 150%; /* 3.375rem */} .sub_sec_02[data-layout="wish"] .mid {margin: 4.5rem 0 0; width: 100%;} .sub_sec_02[data-layout="wish"] .mid .title_wrap {margin-bottom: 3.75rem;} .sub_sec_02[data-layout="wish"] .mid .title_wrap p {color: #666; font-size: 1rem;} .sub_sec_02[data-layout="wish"] .info_wrap {display:flex; flex-wrap:wrap; width:100%; margin-bottom:3rem; border-bottom:1px solid #E9E9E9} .sub_sec_02[data-layout="wish"] .info_item {display:flex; width:50%; border-top:1px solid #E9E9E9} .sub_sec_02[data-layout="wish"] .info_item[data-width="100"] {width:100%} .sub_sec_02[data-layout="wish"] .info_item[data-width="50"] {width:50%} .sub_sec_02[data-layout="wish"] .info_item[data-width="33"] {width:33.33%} .sub_sec_02[data-layout="wish"] .info_item[data-width="25"] {width:25%} .sub_sec_02[data-layout="wish"] .info_item >div {padding:1.25rem} .sub_sec_02[data-layout="wish"] .info_title {display:flex; align-items:center; width:7.75rem; border-right:1px solid #E9E9E9; background:#F7FCFF; color:#194CB5; font-weight:600; font-size:1rem} .sub_sec_02[data-layout="wish"] .info_desc {flex:1; font-size:1rem} .sub_sec_02[data-layout="wish"] .info_desc span {font-size:0.813rem; font-weight:500; color:#666666} .sub_sec_02[data-layout="wish"] .info_title {text-align: center; justify-content: center; background-color: #F6FCFF; width: 10.75rem;} .sub_sec_02[data-layout="wish"] .info_desc ol li::before {content: "•"; margin-right: 0.625rem;} .sub_sec_02[data-layout="wish"] .info_desc ol li {text-indent: -15px; margin-left: 15px;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap {height: 140px; position:relative; background-image: url(/static/images/program/wish_img_03.svg); background-position: center; background-repeat: no-repeat; background-size: contain;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap img {position:absolute;top:0;left:0;width:100%;height:100%;z-index: -10;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul {display: flex; width: 100%; height: 100%; justify-content: space-around;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap li {width: 25%; text-align: center; display: flex; align-items: center; justify-content: center; display: flex; flex-direction: column; row-gap: 0.88rem;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap li:nth-child(2) { transform: translateX(5.7%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap li:nth-child(3) { transform: translateX(4.4%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap h3 {color: #194cb5; font-size: 1.125rem; line-height: 100%; font-weight: 600; } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap p {color: #666; font-size: 0.875rem; font-weight: 500;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap li:nth-child(4) h3, .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap li:nth-child(4) p {color: #fff;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap p span {color: #98BAFF;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .btn_wrap .btn_type_01 {margin-top: 3.12rem;} section[data-layout="wish"] ul.sec_desc {margin-top: 5.5rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.88rem; font-size: 1.125rem; font-weight: 500; text-align: center; line-height: normal;} section[data-layout="wish"] ul.sec_desc li {display: flex; flex-direction: column; row-gap: 1.25rem;} .sub_sec_03[data-layout="wish"] { background-color: #F8FAFC; padding-top: 4.5rem; padding-bottom: 4.5rem; } .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap {width: fit-content; margin-top: 3.75rem; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; gap: 2.5rem 1.25rem; justify-content: center; justify-items: center; text-align: center;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap img {width: 21.25rem; aspect-ratio: 400/514; margin-bottom: 1.5rem;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap li {width: 21.25rem;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap p.list_title {color: #333; font-size: 18px; font-weight: 600; margin-bottom: 4px; line-height: 135%;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap p.list_info {font-size: 1.125rem; color: #666; font-weight: 400; line-height: normal;} .sub_sec_04[data-layout="wish"] .bot {display: flex; justify-content: center; align-items: center; padding-bottom: 4.5rem;} /* 하단 배너 */ aside.wish_banner { height: 480px; word-break: keep-all; padding: 9.375rem 0 2.5625rem; background: url("/static/images/program/wish_banner_bg.jpg") no-repeat 25% center / cover;} aside.wish_banner h2 { font-size: 2.375em; font-weight: 500; margin-bottom: 7.3125rem; } aside.wish_banner ul { font-size: .875rem;} /* 영상 */ section[data-layout="wish"] .video_wrap {width:100%; max-width:980px; margin-top:4.5rem; position:relative} section[data-layout="wish"] .video_wrap .video {width:100%; padding-bottom:56.25%} section[data-layout="wish"] .video_wrap iframe {width:100%; height:100%; position:absolute; top:0; left:0} section[data-layout="wish"] .video_wrap .yt_box {width:100%; height:100%; background:url('/static/images/program/wish_video_cover.png') no-repeat center center #fff; background-size:cover; cursor:pointer; position:absolute; top:0; left:0; z-index:2; transition:all 0.3s} section[data-layout="wish"] .video_wrap .yt_box::before {content:''; display:block; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.3); z-index:1; width:100%; height:100%; transition:all 0.3s} section[data-layout="wish"] .video_wrap .yt_box::after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; background:url(/static/images/program/ico_play.svg) center / 6.375rem auto no-repeat; width:6.375rem; height:6.375rem; transition:all 0.3s} section[data-layout="wish"] .video_wrap .yt_box.play::before, section[data-layout="wish"] .video_wrap .yt_box.play::after {display:none} /* 반응형 */ @media screen and (max-width: 1600px) { .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap {max-width: 900px;} } @media screen and (max-width: 1024px) { aside.wish_banner { background-position-x: 50%;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap {background-image: url(/static/images/program/wish_img_03_col.svg); height: 53.3333rem;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap {display: flex;justify-content:center;align-items:center;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list {flex-direction: column;align-items: center;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list li {transform: none;width:100%;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list li:nth-child(1) { transform: translateY(15%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list li:nth-child(2) { transform: translateY(30%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list li:nth-child(3) { transform: translateY(30%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap ul.schedule_list li:nth-child(4) { transform: translateY(15%); } .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap h3 {font-size: 1.5rem; line-height: 135%;} .sub_sec_02[data-layout="wish"] .mid .wish_schedule .bg_wrap p {font-size: 1.1667rem; line-height: 135%;} } @media screen and (max-width: 960px) { .sub_sec_02[data-layout="wish"] * {word-break: keep-all; line-height: 150%;} .sub_sec_02[data-layout="wish"] .top .sec_tit {font-size: 1.5rem; display: block;text-align: center;} } @media screen and (max-width: 767px) { .sub_sec_01 div.visual_img {background-position-x: 60%;} section[data-layout="wish"] ul.sec_desc {font-size: 1rem;} section[data-layout="wish"] .top .sec_desc {margin-bottom: 8.3333rem;} section[data-layout="wish"] .top .sec_desc img {width: 15rem; height: 15rem;} section[data-layout="wish"] .action_tit {font-size: 1.8333rem;} section[data-layout="wish"] .action_tit span {font-size: 2.0833rem;} section[data-layout="wish"] .sub_tit {font-size: 1.3333rem;} section[data-layout="wish"] .info_item {flex-direction: column; font-size: 1.6667rem;} .sub_sec_02[data-layout="wish"] .info_item >div {padding: 1.6667rem;} section[data-layout="wish"] .info_item .info_title {width: 100%; border-right: none; border-bottom: 1px solid #e9e9e9; font-size: 1.333rem;} section[data-layout="wish"] .info_item .info_desc {font-size: 1.333rem; word-break: break-all;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap p.list_title {margin-bottom: 2px;} .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap p.list_info {font-size: 1.1667rem;} .sub_sec_03[data-layout="wish"] .inner, .sub_sec_04[data-layout="wish"] .inner {padding-bottom: 0;} .sub_sec_03[data-layout="wish"] {padding-bottom: 4.1667rem;} section[data-layout="wish"] .video_wrap {margin-top: 4.1667rem;} .sub_sec_04[data-layout="wish"] .inner bot {padding-bottom: 4.1667rem;} aside.wish_banner { height: 250px; background-position: 51% center; padding: 58px 24px 32px; display: flex; flex-direction: column; justify-content: space-between; } aside.wish_banner h2 {font-size: 18px; line-height: 135%; text-align: left; margin-bottom: 3.13rem;} aside.wish_banner ul {font-size: 10px; justify-content: flex-start; font-weight: 400;} } @media screen and (max-width: 500px) { .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap li, .sub_sec_03[data-layout="wish"] .mid ul.poster_wrap img {width: 100%;} } /* 이루어드림 end*/ /* 핀스낵 start */ aside.finsnack_banner { height: 480px; word-break: keep-all; padding: 9.375rem 0 2.5625rem; background: url("/static/images/program/finsnack_banner_bg.png") no-repeat center / cover; display: flex; flex-direction: column; justify-content: space-between; } aside.finsnack_banner h2 { font-size: 2.375em; font-weight: 400; } aside.finsnack_banner ul { font-size: .875rem; font-weight: 400; } aside.finsnack_banner .bold { font-weight: 600;} /* 반응형 */ @media screen and (max-width: 1024px) { aside.finsnack_banner { height: 250px; background-position: 25% center; padding: 58px 0 32px; } aside.finsnack_banner h2 { width: 88.88%; margin-left: auto; margin-right: auto; font-size: 1.5rem; line-height: 135%; text-align: left; } aside.finsnack_banner ul { width: 88.88%; margin-left: auto; margin-right: auto; justify-content: flex-start; } } @media screen and (max-width: 767px) { aside.finsnack_banner { background: url("/static/images/program/finsnack_banner_bg_mo.png") no-repeat center / cover; } } /* ---------------------------- board_list_sec ------------------------------- */ section.board_list_sec[data-layout="banner"] .inner{padding:6.375rem 0 3rem} .board_list_sec[data-layout="banner"] figure{width:100%;max-width:1480px;margin:0 auto;border-radius:40px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative} .board_list_sec[data-layout="banner"] figure img{width:100%} .board_list_sec[data-layout="banner"] figcaption{position:absolute;bottom:15%;left:4%;color:#FFF;font-size:2.375rem;font-weight:700;line-height:135%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} section.board_list_sec[data-layout="list"] .inner{padding:0 0 5rem} .board_list_sec .program_sort{margin:0 0 1rem} .board_list_sec .program_sort::after{content:"";display:block;clear:both} .board_list_sec .program_sort ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;align-items:center;gap:1.25rem;padding:.9rem 1.5rem} .board_list_sec .program_sort ul li button{display:block;font-size:1.25rem;line-height:135%;font-weight:600;color:#222;position:relative;padding: 0.5rem;} .board_list_sec .program_sort ul li.active button::before{content:'';display:block;width:5px;height:5px;border-radius:100%;position:absolute;right:0;top:0.5rem;background-color:#0547E0} .board_list_sec .program_sort ul li.active button::after{content:'';display:block;width:calc(100% - 0.75rem);height:8px;position:absolute;bottom:0.5rem;left:50%;z-index:0;background-color:rgba(5,71,224,0.15);transform: translateX(-50%);} .board_list_sec[data-layout="list"] .tab_cont{} .board_list_sec[data-layout="list"] .tab_cont > li{display:none} .board_list_sec[data-layout="list"] .tab_cont > li.show{display:block} /*리스트타입*/ .board_list_sec[data-layout="list"] .list li:not(.no_list) {position:relative;padding:1rem} .board_list_sec[data-layout="list"] .list a{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:2.5rem} .board_list_sec[data-layout="list"] .list a figure{width:12.5rem;height:8.75rem;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1.67rem;border:1px solid #EAEEF7} .board_list_sec[data-layout="list"] .list a .txt_box{flex:1;display:flex;justify-content:space-between;align-items:center;gap:2.5rem} .board_list_sec[data-layout="list"] .list a .list_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#222;font-size:1.25rem;font-weight:600;line-height:135%;width:calc(100% - 8.5rem);float:left} .board_list_sec[data-layout="list"] .list a .list_date{display:inline-block;color:#888;font-size:1rem;font-weight:400;line-height:135%;min-width:6rem;text-align:right;float:right} /*갤러리타입*/ .board_list_sec[data-layout="list"] .banner_review{padding:2.375rem 3.5rem;border-radius:1.67rem;background-color:#EAEEF7;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin:0 auto 3.5rem} .board_list_sec[data-layout="list"] .banner_review h3{color:#222;font-size:1.75rem;font-weight:700;line-height:135%;display:inline-flex;justify-content:flex-start;gap:1.5rem;align-items:center} .board_list_sec[data-layout="list"] .banner_review h3::before{content:'';width:4.5rem;height:4.5rem;display:block;background:url(/static/images/program/character_bankit.png) no-repeat center/100% auto} .board_list_sec[data-layout="list"] .banner_review .btn_type_01{height:4rem;line-height:4rem} .board_list_sec[data-layout="list"] .gallery_list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2.5rem} .board_list_sec[data-layout="list"] .gallery_list li:not(.no_list){flex:calc((100% - 7.5rem)/4) 0 0} .board_list_sec[data-layout="list"] .gallery_list a figure{width:100%;padding-bottom:calc(200/325*100%);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1.67rem;border:1px solid #EAEEF7;margin-bottom:1rem} .board_list_sec[data-layout="list"] .gallery_list a .list_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#222;text-overflow:ellipsis;font-size:1.25rem;font-weight:600;line-height:135%;height:3.375rem} .board_list_sec[data-layout="list"] .gallery_list a .list_writer{color:#888;font-size:1rem;font-weight:600;line-height:135%;margin-top:6px} .board_list_sec[data-layout="list"] .gallery_list a .list_date{color:#888;font-size:1rem;font-weight:400;line-height:135%;margin-top:2px} /* 고정 공지 */ .board_list_sec[data-layout="list"] .pin .list_title{position:relative} .board_list_sec[data-layout="list"] .pin .list_title::before{content:'';display:inline-block;width:27px;height:27px;background:url(/static/images/common/ico_pin.svg) no-repeat center/contain;margin-right:6px;vertical-align:middle} @media screen and (max-width:1024px) { .board_list_sec[data-layout="banner"]{display:none} .board_list_sec .program_sort{margin:0 0 0.5rem} .board_list_sec .program_sort ul{padding:0.5rem 0;} .board_list_sec[data-layout="list"] .list li:not(.no_list){padding:10px 8px} .board_list_sec[data-layout="list"] .list a{gap:1.33rem} .board_list_sec[data-layout="list"] .list a figure{width:8.33rem;height:5.83rem;border-radius:1rem} .board_list_sec[data-layout="list"] .list a .text_wrap{flex-direction:column;align-items:flex-start;gap:4px} .board_list_sec[data-layout="list"] .list a .list_title{font-size:1.16rem;-webkit-line-clamp:max(2);float:unset;} .board_list_sec[data-layout="list"] .list a .list_date{width:fit-content;float:unset;text-align:left;min-width:0;} .board_list_sec[data-layout="list"] .banner_review{flex-direction:column;align-items:flex-start;gap:8px;padding:2.33rem 2rem;position:relative} .board_list_sec[data-layout="list"] .banner_review h3{font-size:1.5rem} .board_list_sec[data-layout="list"] .banner_review h3::before{position:absolute;top:50%;right:2rem;width:4rem;height:4rem;transform:translateY(-50%)} .board_list_sec[data-layout="list"] .banner_review .btn_type_01{height:2.66rem;line-height:2.66rem;padding:0 0.83rem 0 1.33rem;min-width:unset} .board_list_sec[data-layout="list"] .gallery_list{gap:2rem 1rem} .board_list_sec[data-layout="list"] .gallery_list li:not(.no_list){fleX:calc((100% - 2rem)/3) 0 0} .board_list_sec[data-layout="list"] .gallery_list a figure{border-radius:12px} .board_list_sec[data-layout="list"] .gallery_list a .list_title{font-size:1.16rem;height:3.132rem} .board_list_sec[data-layout="list"] .pin .list_title::before{vertical-align:text-top;width:18px;height:18px} /*qa 추가*/ .board_list_sec .program_sort ul li button{padding: 0.875rem 0.5rem;} .board_list_sec .program_sort ul li.active button::before{top:0.875rem;} .board_list_sec .program_sort ul li.active button::after{bottom:0.75rem;} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { .board_list_sec[data-layout="list"] .gallery_list li:not(.no_list){fleX:calc((100% - 1rem)/2) 0 0} }/* sm */ @media (hover:hover) { }/* hover */ /* ----------------------------// board_list_sec end------------------------------- */ /* ---------------------------- board_view_sec ------------------------------- */ .board_view_sec .sec_tit_wrap {width: 100%;} .board_view_sec .board_view_wrap {position:relative;} .board_view_sec .board_tit_wrap {position: relative; margin:0 auto 2.5rem; padding: 2.5rem 0; border-bottom: 1px solid #d5ddef} .board_view_sec .board_tit {overflow: hidden;color: #222;font-size:1.75rem;font-weight: 700;line-height: 135%;width: calc(100% - 15rem);} .board_view_sec .board_date {margin-top:4px} .board_view_sec .board_view_wrap .btn_apply{position:absolute;top:2.5rem;right:0} .board_view_sec .board_date{color: #888;font-size: 1rem;font-weight: 400;line-height: 135%;} /*프로필섹션*/ .board_view_sec .profile_wrap {position: relative; display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem;} .board_view_sec .profile_wrap figure {width:5rem;height:5rem;border-radius:1.875rem;border:1px solid #EAEEF7;background-position:center;background-repeat:no-repeat;background-size:75% auto;background-color:#ffffff;flex-shrink:0;flex-grow:0} .board_view_sec .profile_wrap h4 {font-weight: 700; color: #222; font-size: 1rem;} .board_view_sec .profile_wrap .ct_option_wrap{position:absolute;top:50%;right:.5rem;z-index:12; transform: translateY(-50%);} .board_view_sec .profile_wrap .btn_more_ct{width:2rem;height:2rem;background:url(/static/images/common/btn_more_ct.png) no-repeat center/100% auto;display:block} .board_view_sec .profile_wrap .ct_option{display:none;width:72px;padding:6px 10px;border-radius:12px;background:#FFF;box-shadow:4px 4px 10px 0 rgba(0,64,153,0.15);position:absolute;right:0;bottom:0;transform:translateY(100%)} .board_view_sec .profile_wrap .ct_option li{padding:6px 4px} .board_view_sec .profile_wrap .ct_option li:not(:last-child){border-bottom:1px solid #D5DDEF} .board_view_sec .profile_wrap .ct_option button{color:#545454;text-align:center;font-size:12px;font-weight:500;line-height:135%} .board_view_sec .board_list_wrap{width:100%;padding-top:3rem} .board_view_sec .board_list_wrap ul{width:100%;border-top:1px solid #D5DDEF;border-bottom:1px solid #D5DDEF} .board_view_sec .board_list_wrap ul li{border-bottom:1px solid #D5DDEF} .board_view_sec .board_list_wrap ul li a{display:flex;align-items:center;width:100%;height:100%;padding:1.25rem 1rem} .board_view_sec .board_list_wrap ul li a span{overflow:hidden;color:#222;font-size:1rem;font-weight:700;line-height:135%;padding:0 2rem 0 8px;position:relative} .board_view_sec .board_list_wrap ul li a span::after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background-color:#D5DDEF;transform:translateY(-50%)} .board_view_sec .board_list_wrap ul li a p{padding:0 1.5rem;flex:1;font-size:1rem;line-height:135%;height:1.35rem;color:#545454;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .board_view_sec .board_list_wrap ul li a::before{content:'';width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:cover;flex-shrink:0} .board_view_sec .board_list_wrap ul li.prev_board a::before{background-image:url(/static/images/common/board_prev.png)} .board_view_sec .board_list_wrap ul li.next_board a::before{background-image:url(/static/images/common/board_next.png)} .board_view_sec .board_list_wrap ul li:last-child{border-bottom:0} @media screen and (max-width:1024px) { .board_view_sec .board_view_wrap{position:unset} .board_view_sec .board_tit{font-size:1.5rem} .board_view_sec .board_list_wrap ul li a{padding:2rem 1.33rem} .board_view_sec .board_list_wrap ul li a span{padding:0 1.5rem 0 8px} }/* sm~md */ @media screen and (max-width:767px) { .board_view_sec .board_tit_wrap {padding: 1.33rem 0;} .board_view_sec .board_tit {width: 100%;} .board_view_sec .profile_wrap {margin-top: 1rem;} .board_view_sec .profile_wrap figure {width:50px;height:50px;border-radius:1.67rem;} .board_view_sec .board_view_wrap .btn_apply{display: none;} }/* sm */ /* ----------------------------// board_view_sec end------------------------------- */ /* ----------------------------// program_apply_sec------------------------------- */ .program_apply_sec .sec_tit_wrap {width: 100%;} .program_apply_sec .form_wrap {width: 100%; max-width: 940px; margin: 0 auto;} .program_apply_sec .cont_tit_wrap {display: flex; align-items: center; gap: 3rem;} .program_apply_sec .cont_tit_wrap figure {width: 28.75rem; height: 0; padding-bottom: 28.5%; border-radius: 1.875rem; background-size: cover; background-position: center; background-repeat: no-repeat;} .program_apply_sec .cont_tit_wrap .text_wrap {flex: 1; width: 100%;} .program_apply_sec .cont_tit_wrap .text_wrap > div > p {max-width:100%;} .program_apply_sec .cont_tit_wrap h3 {font-size: 1.75rem; color: #222; font-weight: 700; line-height: 140%;} .program_apply_sec .cont_tit_wrap p {margin-top: 0.5rem; font-size: 1.25rem; color: #545454; font-weight: 500; line-height: 140%;} .program_apply_sec .my_info_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 3.5rem; padding: 0.75rem 1.25rem 0.75rem 2.125rem; background-color: #1A378D; border-radius: 1.875rem;} .program_apply_sec .my_info_wrap h4 {font-size: 1.25rem; font-weight: 700; color: #fff;} /*form*/ .program_apply_sec .form_list {margin-top: 2.5rem;} .program_apply_sec .form_list >li:not(:first-child) {margin-top: 2rem;} .program_apply_sec .form_list >li:last-child {margin-top: 3.5rem;} .program_apply_sec .form_tit {margin-bottom: 1rem; font-weight: 500;} .program_apply_sec .form_tit h5 {font-size: 1.25rem; color: #222; line-height: 140%;} .program_apply_sec .form_tit h6 {font-size: 1rem; color: #888; line-height: 140%;} .program_apply_sec .input_wrap:not(:last-child) {margin-bottom: 0.75rem;} .program_apply_sec .input_wrap button {max-width: unset;} .program_apply_sec .input_wrap button::after {background-size: 2rem auto;} .program_apply_sec .addr_wrap {display: block;width: 100%; height: 4rem; line-height: 4rem; padding: 0 1rem; border-radius: 1.25rem; background-color: #F8F8F8; color: #222; font-size: 1rem; font-weight: 400;} .program_apply_sec .addr_wrap input {padding-right: 8.5rem;} .program_apply_sec .addr_wrap label span {width: 6.625rem; height: 3rem; line-height: 3rem; border-radius: 1.25rem;} .program_apply_sec .addr_wrap label span + input[type='file']{position:absolute;top:50%;transform:translateY(-50%);right:1rem;font-size:1rem;font-weight:700;background-color:#0547E0;color:#fff;text-align:center;width:6.625rem;height:3rem;line-height:3rem;border-radius:1.25rem;z-index:1} .program_apply_sec .addr_wrap label span + input[type='file']:focus{outline-width: 3px} .program_apply_sec .btn_address {position: absolute; right: 1rem; top: 50%; width: 6.625rem; height: 3rem; line-height: 3rem; border-radius: 1.25rem; background-color: #0547E0; transform: translateY(-50%); color: #fff; font-size: 1rem; font-weight: 700;} .program_apply_sec .input_wrap[data-layout="file"] {display: block;width: 100%; height: 4rem; line-height: 4rem; padding: 0 1rem; border-radius: 1.25rem; background-color: #F8F8F8; color: #222; font-size: 1rem; font-weight: 400;} .program_apply_sec .input_wrap[data-layout="file"] p {width: calc(100% - 6.625rem); text-overflow: ellipsis; overflow: hidden;} .program_apply_sec .input_wrap[data-layout="file"] label span {width: 6.625rem; height: 3rem; line-height: 3rem; border-radius: 1.25rem;} .program_apply_sec .input_wrap[data-layout="file"] label span + input[type='file']{position:absolute;top:50%;transform:translateY(-50%);right:1rem;font-size:1rem;font-weight:700;background-color:#0547E0;color:#fff;text-align:center;width:6.625rem;height:3rem;line-height:3rem;border-radius:1.25rem;z-index:1} .program_apply_sec .input_wrap[data-layout="file"] label span + input[type='file']:focus{outline-width: 3px} /*라디오*/ .program_apply_sec .input_wrap[data-layout="radio"] li{position:relative} .program_apply_sec .input_wrap[data-layout="radio"] li:not(:last-child) {margin-bottom: 1rem;} .program_apply_sec .input_wrap[data-layout="radio"] input + label span {background: #fff; border: 1px solid #D5DDEF; border-radius: 50%;} .program_apply_sec .input_wrap[data-layout="radio"] input:checked + label span {background: url(/static/images/common/ico_input_on.svg) no-repeat center/100% auto; border: none;} /*.program_apply_sec .input_wrap[data-layout="radio"] li {position: relative;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] li:not(:last-child) {margin-bottom: 0.5rem;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input {width: 100%; height: 100%;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input + label {width: 100%; padding: 0; border: 1px solid rgba(45, 84, 173, 0.2); border-radius: 1.25rem;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input + label i {display: flex; align-items: center; gap: 0.75rem; font-size: 1rem;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input + label .top {padding: 1.375rem 1rem; color: #222; font-weight: 700;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input + label .bot {padding: 1.125rem 1rem; color: #545454; font-weight: 500; border-top: 1px solid rgba(45, 84, 173, 0.1);}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input + label span {position: static; display: block; transform: translateY(0);}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input:checked + label {background-color: rgba(5, 71, 224, 0.08); border: 2px solid #0547E0;}*/ /*.program_apply_sec .input_wrap[data-layout="radio"] input:checked + label .top {color: #1A378D;}*/ /*체크박스*/ .program_apply_sec .input_wrap[data-layout="checkbox"] li {position:relative;} .program_apply_sec .input_wrap[data-layout="checkbox"] li:not(:last-child) {margin-bottom: 1rem;} /*.program_apply_sec .input_wrap[data-layout="checkbox"] input + label span {background: #fff; border: 1px solid #D5DDEF; border-radius: 0.25rem;}*/ /*.program_apply_sec .input_wrap[data-layout="checkbox"] input:checked + label span {background: url(/static/images/common/ico_input_on.svg) no-repeat center/100% auto; border: none;}*/ /*신청 버튼*/ .program_apply_sec .apply_btn_wrap {margin-top: 3.5rem;} /*하단고정버튼*/ .program_apply_sec .btn_fixed {position: fixed; left: 50%; bottom: 0; width: 92%; max-width: 1540px; height:7rem; transform: translateX(-50%); background-color: #fff; z-index: 1002; border-radius: 1.875rem 1.875rem 0 0; box-shadow: 4px 4px 20px 0 rgba(0, 64, 153, 0.20)} .program_apply_sec .btn_fixed .inner {display: flex; align-items: center; justify-content: space-between; width: 100%; height:7rem; padding: 1.5rem 3.75rem 2rem; gap:1rem} .program_apply_sec .btn_fixed h6 {font-size: 1.75rem; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; flex:1} .program_apply_sec .btn_fixed .btn_wrap {gap: 1rem;} @media screen and (max-width:1024px) { .program_apply_sec .cont_tit_wrap figure {width: 26rem; padding-bottom: 32%;} /*하단고정버튼*/ .program_apply_sec .btn_fixed .inner {flex-direction: row} .program_apply_sec .btn_fixed {width: 100%;} .program_apply_sec .btn_fixed h6 {font-size: 1.5rem;} }/* sm~md */ @media screen and (max-width:767px) { .program_apply_sec {overflow-x: hidden;} .program_apply_sec .cont_tit_wrap {flex-direction: column; gap: 1.5rem;} .program_apply_sec .cont_tit_wrap figure {width: 100%; padding-bottom: 58%;} .program_apply_sec .cont_tit_wrap h3 {font-size: 1.5rem;} .program_apply_sec .cont_tit_wrap p {font-size: 1.125rem;} .program_apply_sec .my_info_wrap {position: relative; margin-top: 2rem; padding: 1rem 0; border-radius: 0;} .program_apply_sec .my_info_wrap::after {content: ""; position: absolute; left: 50%; top: 0; width: 120%; height: 100%; background-color: #1A378D; transform: translateX(-50%); z-index: -1;} .program_apply_sec .my_info_wrap .btn_type_01 {min-width: unset; height: 3rem; padding: 0 1.25rem; border-radius: 1rem;} /*신청 버튼*/ .program_apply_sec .apply_btn_wrap {display: none;} /*하단고정버튼*/ .program_apply_sec .btn_fixed .inner {padding: 1.25rem;} .program_apply_sec .btn_fixed h6 {display: none;} .program_apply_sec .btn_fixed .btn_wrap {gap: 0.5rem; width: 100%;} /*폼섹션*/ .program_apply_sec[data-layout="form"] >.inner {padding-bottom: 9rem;} /*웹x */ .btn_fixed_modi {margin-top:2rem;} }/* sm */ /* ----------------------------// program_apply_sec end------------------------------- */ /* ----------------------------program_apply_sec list------------------------------- */ .program_apply_sec .list_wrap ul {display: flex; gap: 3.25rem 1.25rem; flex-wrap: wrap; width: 100%;} .program_apply_sec .list_wrap li:not(.no_list) {flex: calc((100% - (1.25rem * 2))/3) 0 0;} .program_apply_sec .list_wrap li > a{display:block} .program_apply_sec .list_wrap li:not(.no_list) figure {width: 100%; height: 0; padding-bottom: 58%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 1.875rem;} .program_apply_sec .list_wrap h3 {margin-top: 0.75rem; font-size: 1.5rem; color: #222; font-weight: 700; line-height: 140%;} /*접근성 수정*/ .program_apply_sec .list_wrap li:not(.no_list) .img {width: 100%; height: 0; padding-bottom: 58%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 1.875rem;} .program_apply_sec .list_wrap p {margin-top: 0.75rem; font-size: 1.5rem; color: #222; font-weight: 700; line-height: 140%;} @media screen and (max-width:1024px) { .program_apply_sec .list_wrap li:not(.no_list) {flex: calc((100% - (1.25rem * 1))/2) 0 0;} }/* sm~md */ @media screen and (max-width:767px) { .program_apply_sec .list_wrap li:not(.no_list) {flex: 100% 0 0;} .program_apply_sec[data-layout="no_list"] .no_list {display: flex; flex-direction: column; justify-content: center; height: 84vh; padding: 0 0 8rem;} }/* sm */ /* ----------------------------// program_apply_sec list end------------------------------- */ /*250724 추가 수정*/ .program_list_sec[data-layout="slide"] .inner {padding-bottom: 0;} .program_list_sec[data-layout="list"] .inner {padding-top: 0;} .program_list_sec[data-layout="slide"] .slide_wrap {padding-bottom: 5rem;} @media screen and (max-width:1024px) { .program_list_sec[data-layout="slide"] {padding-bottom: 0;} .program_list_sec[data-layout="slide"] .slide_wrap {padding: 0 0 3.34rem;} } @media screen and (max-width:1024px) { /* 웹x */ .board_comment_sec .btn_fixed .inner{margin-bottom: 0 !important} }/* sm~md */ @media screen and (min-width:767.1px) and (max-width:1024px) { }/* md */ @media screen and (max-width:767px) { }/* sm */ @media (hover:hover) { }/* hover */