@charset "utf-8";

html, body {overflow-x:hidden;}

/* 공통 css */
.kku-cintainer{overflow-x: hidden;}
.sec_inner {margin:0 auto;max-width:1600px;position:relative;padding:10rem 5rem;letter-spacing:-1px;}
.sec h3 {padding-bottom:1rem;color:#000;font-size:clamp(30px,3.5vw,54px);font-weight:700;position:relative;line-height:1}
.sec h3>span {color:#19633d;font-weight:inherit;}
.sec h3 + p {color:#000;font-size: 2.5rem; line-height: 1.3;}
.sec .bt_more {position:relative;padding-right:2.5rem;color:#000;font-size:clamp(16px, 1.33vw, 20px);line-height:1;background:url(/hpg/type_kr/images/main/ico_more.png) no-repeat 100% 50%;}
.sec_inner .subject_info li {width:auto;text-align:left;}
.link_more {position:absolute;right:0;}
.slick-dots {font-size:0;text-align:center;}
.slick-dots li {display:inline-block;vertical-align: middle;}
.slick-dots li + li {margin-left:1rem;}
.slick-dots button {display:block;text-indent:-9999em;width:15px;height:15px;border:1px solid #fff;border-radius:50%;transition:.5s;}
.slick-dots .slick-active button {background-color:#fffd00;border-color:#fffd00}
.arrow {display:flex;justify-content:center;align-items: center;gap:0 1rem}
.arrow button {width:19px;height:19px;text-indent:-9999em;font-size:0;}
.arrow .arrow_prev {background:url('/hpg/type_A/images/main/00_common/bt_prev_w.png') no-repeat 0 0;}
.arrow .arrow_next {background:url('/hpg/type_A/images/main/00_common/bt_next_w.png') no-repeat 0 0;}
.switch {position:relative;width:34px;height:34px;}
.switch button {position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;border:3px solid rgba(255,255,255,0.3);opacity:0;z-index:0;}
.switch button.on {opacity:1;z-index:1;}
.switch .slickPause {background:url(/hpg/type_kr/images/main/bt_stop_w.png) no-repeat 50% 50%;}
.switch .slickPlay {background:url(/hpg/type_kr/images/main/bt_play_w.png) no-repeat 50% 50%;}
	@media screen and (max-width:1024px) {
		.sec_inner {padding:7rem 3.3%;}
	}
	@media screen and (max-width:780px) {
		.sec_inner {padding:5rem 2.6%;}
		.sec h3 + p {font-size:1.8rem;}
		.sec .bt_more {padding-right:1.5rem;background-size:auto 13px;}
		.slick-dots li + li {margin-left:.5rem;}
		.slick-dots button {width:12px;height:12px;}
		.arrow button {width:15px;height:15px;}
		.arrow .arrow_prev,
		.arrow .arrow_next {background-size:100% auto}
		.switch {width:24px;height:24px;}
		.switch button {border-width:2px;}
		.switch .slickPause,
		.switch .slickPlay {background-size:10px auto}
	}

/* Type A Main */
.mainVisual {}
.visual_wrap {position:relative;overflow:hidden}
.visual_wrap .img_blank {width:100%;}
.visual_wrap .sliderBg {background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.visual_wrap .slick-list {}
.visual_wrap .slick-slide {position:relative;line-height:0;}
.visual_wrap .slick-slide a {position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);z-index:1;display:block;}
.visual_wrap .slick-slide a img {width:100%;max-width:100%;}
.visual_wrap .ctrl {position:absolute;left:50%;transform:translateX(-50%);bottom:30%;width:100%;display:flex;justify-content:center;align-items:center;gap:0 2rem;}
.visual_wrap .slick-dots {border-radius:3px;overflow:hidden}
.visual_wrap .slick-dots li {margin:0;}
.visual_wrap .slick-dots li + li {margin-left:0;}
.visual_wrap .slick-dots button {margin:0;width:50px;height:6px;background-color:#d8d8d8;border-radius:0;border:0;}
.visual_wrap .slick-dots .slick-active button {background-color:#fffd00;}
	@media (max-width: 1480px) {
		.visual_wrap .img_blank {height: 900px;}
	}
	@media (max-width: 1250px) {
		.visual_wrap .img_blank {height: 850px;}
	}
	@media screen and (max-width:1024px) {
	 	.visual_wrap .img_blank {height: 900px;}
	}
	@media screen and (max-width:780px) {
		.visual_wrap .img_blank {height: 640px;}
		.visual_wrap .slick-slide a {width:92.8%;}
		.visual_wrap .ctrl {gap:0 1rem;}
		.visual_wrap .slick-dots {border-radius:1.5px;}
		.visual_wrap .slick-dots button {width:30px;height:3px;}
	}
	@media screen and (min-width:1481px) {
		.visual_wrap .img_blank {height: 960px;}
	}
	
/* 기부소식 */
.ifrm {background-color:#fff;}
.ifrm>.sec_inner {padding:10rem 0;position:relative;background: url('/hpg/type_A/images/main/02_infrm/img_kku_mark_bot.png') no-repeat 50% 107%;background-size:100% auto;}
.ifrm h3 {background: url('/hpg/type_A/images/main/02_infrm/img_kku_mark.png') no-repeat 0 50%;background-size:130px auto;padding:5rem 5rem}

.infrm-slide {position:relative;margin:0 8rem;}
.infrm-slide .link_more {position: absolute; top:0; right:8rem;}
.infrm-slide .subject {display:flex;flex-direction:column;gap:1.8rem 0;}
.infrm-slide .subject_click {line-height:1.2;max-height:60px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#000;font-size:25px;font-weight:600;}
.infrm-slide .subject_click::after {content: ''; position: absolute;left: -7%; top:-1.5rem; bottom: auto; width: 25%; height: 1px; background-color: #f6f6f6; transition: all .3s;}
.infrm-slide .subject_desc {line-height:1.3;max-height:97.2px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;font-size:18px;}
.infrm-slide .subject_desc::before {content:'';display:block;margin-bottom:1.8rem;width:9px;height:9px;background-color:#006b38}
.infrm-slide .subject_info {flex:none;width:100%;margin-top:auto;line-height:1;}
.infrm-slide .subject_info li.w_date {width:100%;font-size:16px;text-align:left}

.infrm-ul {}
.infrm-ul .post_list_item {display:block;padding:0 7%;aspect-ratio:1/1;}
.infrm-ul .post_tit {position:relative;padding:25% 0 10%;display:flex;flex-direction:column;height:100%;}
.infrm-ul .slick-list {margin:0 -15px;padding:2rem 0 !important}
.infrm-ul .slick-slide {margin:0 15px;background-color:#f6f6f6;border-radius:min(30px, 2vw);position:relative;transition:all .3s;}
.infrm-ul .slick-slide.slick-current {box-shadow:2px 2px 6px 0 rgba(0,0,0,0.4); background-color:#006b38;}
.infrm-ul .slick-slide.slick-current .subject_click::after {background-color: #ffffff;}
.infrm-ul .slick-slide.slick-current .subject_desc::before {background-color:#fffd00}
.infrm-ul .slick-slide.slick-current.slick-active .subject_click,
.infrm-ul .slick-slide.slick-current.slick-active .subject_desc,
.infrm-ul .slick-slide.slick-current.slick-active .subject_info li.w_date{color: #ffffff;}

/* Ctrl */
.infrm-slide .slick-dots {font-size:0;text-align:center;border-radius:3px;overflow:hidden;}
.infrm-slide .slick-dots li {display:inline-block;vertical-align: middle;margin:0;}
.infrm-slide .slick-dots button {display:block;text-indent:-9999em;width:30px;height:6px;background-color:#d8d8d8;border:0;border-radius:0;transition:.5s;}
.infrm-slide .slick-dots .slick-active button {width:50px;background-color:#fffd00;}
.infrm-slide .arrow {gap:0;max-width:1500px;}
.infrm-slide .arrow button {position:absolute;width:60px; height:120px;text-indent:-9999em;font-size:0;aspect-ratio:1/2;}
.infrm-slide .arrow .arrow_prev {left:-100px;background:url('/hpg/type_A/images/main/02_infrm/img_extr_infrm_arrow_prev.png') no-repeat 0 50%;background-size:100% auto;}
.infrm-slide .arrow .arrow_next {right:-100px;background:url('/hpg/type_A/images/main/02_infrm/img_extr_infrm_arrow_next.png') no-repeat 100% 50%;background-size:100% auto;}
.infrm-slide .switch {width:30px;height:30px;}
.infrm-slide .switch button {border: 3px solid #006b37;}
.infrm-slide .switch button.on {opacity:1;}
.infrm-slide .switch .slickPause {background:url(/hpg/type_A/images/main/00_common/ico_pause_btn.png) no-repeat 50% 50%;}
.infrm-slide .switch .slickPlay {background:url(/hpg/type_A/images/main/00_common/ico_play_btn.png) no-repeat 50% 50%;}
.infrm-slide .ctrl1 {position:absolute;top:50%;transform:translateY(-50%);width:100%;}
.infrm-slide .ctrl2 {display:block;display:flex;justify-content:center;align-items:center;gap:0 2rem}
	@media screen and (max-width:1499px){
		.infrm-slide .arrow button {width:4%;}
		.infrm-slide .arrow .arrow_prev {left:-6.4%;}
		.infrm-slide .arrow .arrow_next {right:-6.4%;}
	}
	@media screen and (max-width:1024px){
		.ifrm>.sec_inner {padding: 7rem 3.3%;}
		.ifrm>.sec_inner::after{width: 100%;background-size: contain; top: 7rem;}
		.ifrm h3{padding:3.5rem 0 3.5rem 3.5rem;background-size:100px auto;max-width:100%;}
		.infrm-slide {padding:2rem 0 0; margin:0 4rem}
		.infrm-slide .link_more {top:-5rem;right:0}
		
		.infrm-ul {display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;}
		.infrm-ul>li {position:relative;width:48%;background-color:#f6f6f6;border-radius:min(30px, 2vw);transition:all .3s;}
		.infrm-ul>li:nth-child(even){margin-top:4rem;}
		.infrm-ul>li:nth-child(odd) {margin-bottom:4rem}
		
		.infrm-slide .ctrl1,
		.infrm-slide .ctrl2 {display:none}
	}
	@media screen and (max-width:780px){
		.ifrm>.sec_inner {padding:5rem 2.6%;}
		.infrm-slide {margin:0;}
		.infrm-slide .subject {gap:1rem 0}
		.infrm-slide .subject_click {max-height:38.4px;font-size:16px;}
		.infrm-slide .subject_click::after {width: 15%;}
		.infrm-slide .subject_desc {max-height:50.4px;-webkit-line-clamp:3;font-size:14px;}
		.infrm-slide .subject_desc::before {content:'';display:block;margin-bottom:.9rem;width:5px;height:5px;}
		.infrm-slide .subject_info li.w_date {font-size:12px;}
		
		.infrm-ul>li {width:48%;}
		.infrm-ul>li:nth-child(even){margin-top:1.5rem;}
		.infrm-ul>li:nth-child(odd) {margin-bottom:1.5rem}
		
		.infrm-ul .post_tit {padding:15% 0 10%}
	}
	@media screen and (min-width: 1025px){
		.infrm-slide .link_more {top:-7rem;}
		.infrm-ul .slick-slide:hover {box-shadow:2px 2px 6px 0 rgba(0,0,0,0.4); background-color:#006b38;}
		
		.infrm-ul .slick-slide:hover .subject_click::after {background-color: #ffffff;}
		.infrm-ul .slick-slide:hover .subject_desc::before {background-color:#fffd00}
		.infrm-ul .slick-slide:hover .subject_click,
		.infrm-ul .slick-slide:hover .subject_desc,
		.infrm-ul .slick-slide:hover .subject_info li.w_date {color: #ffffff;}
		
	}

/* 기부현황 */
.donationStatus{background: #f6f6f6;}
.donationStatus .stat-fn{text-align: center;}
.donationStatus h3{color: #006b37;}
.donationStatus .stats_wrap {display: flex;flex-wrap:wrap;justify-content: space-around; gap:2rem;padding-top: 13rem;transition:.5s;}
.donationStatus .stats_item {color:#000;line-height:1; text-align: center;}
.donationStatus .stats_item>ul {display: flex;flex-direction: column;gap:2.5rem 0;}
.donationStatus .stats_item .stats_img {display:block;margin:0 auto;width:15rem;height:15rem;background-color:#fff;border-radius: 100%;overflow: hidden;position: relative;}
.donationStatus .stats_item .stats_img .img_area {position: absolute;left:0;top:0;width:100%;height:100%;display: flex;justify-content: center;align-items: center;}
.donationStatus .stats_item .stats_img .img_area img {width:100%;max-width:84px;object-position:center;transition:ease all 1s;vertical-align: middle;}
.donationStatus .stats_item .stats_unit {position: relative;padding-bottom:2.5rem;font-size:2rem;}
.donationStatus .stats_item .stats_unit::after {content: '';position:absolute;display:block;left:calc(50% - 10px);bottom:0;width:2rem;height: 2px;background-color:#000;}
.donationStatus .stats_item .stats_unit .gu{display: flex; align-items: center; justify-content: center;}
.donationStatus .stats_item .stats_unit .gu span{display: block; color: #000; font-size: 2rem; font-weight: 500; padding-right: 5px;}
.donationStatus .stats_item .stats_unit strong {display:block;color: #006b38;font-size: 4rem;font-weight:800;}
.donationStatus .stats_item .stats_info strong {display:block;font-size: 2rem;font-weight: 600;}
	@media screen and (max-width:1024px){}
	@media screen and (max-width:780px){
		.donationStatus{padding: 11.9vw 2.6% 8.6vw;}
		.donationStatus p.stat-fn{font-size: 2.2rem;}
		.donationStatus .stats_wrap{flex-wrap: wrap; justify-content: center; gap: 10vw; margin: 0 auto;}
		.donationStatus .stats_item .stats_unit strong{font-size: 3rem;}
		.donationStatus .stats_item .stats_info strong{font-size: 1.5rem;}
	}
	@media screen and (max-width:390px){
		.donationStatus .stats_wrap{gap: 16vw;}
		.donationStatus .stats_item .stats_img{width: 10rem; height: 10rem;}
		.donationStatus .stats_item .stats_img .img_area img{max-width: 50px;}
	}
	@media screen and (min-width: 1025px){
		.stats-title{text-align: center; line-height: 1.5;}
		.stats-title p.s-tit{font-size: 5.4rem; font-weight: 600; color: #006b37;}
		.stats-title p.s-sub{font-size: 3.3rem; font-weight: 300; color: #000;}
		.stats-wrapper{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 132px;}
		.stat-box{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 14px;}
		.stat-box>.img_box{width: 147px; height: 147px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 5px #dddddd;}
		.stat-box p.txt-sm{font-size: 2rem; color: #000;}
		.stat-box span.num{font-size: 4.1rem; font-weight: 700; color: #006b37; line-height: 1.5;}
		.stat-box span.unit{font-size: 2rem; font-weight: 500; color: #000;}
		.stat-box .dash{width: 19px; height: 1px; background: #000; margin: 15px 0;}
		.stat-box span.tit-info{font-size: 2rem; font-weight: 600; color: #000;}
	}
	
/* 발전기금 start */
.developFund {width: 100%; background: url('/hpg/type_A/images/main/04_fund/img_developFund_bg.png') no-repeat; background-size: cover; position: relative;}
.developFund h3 {margin:0 auto;max-width:1600px;background: url('/hpg/type_A/images/main/04_fund/img_kku_mark02.png') no-repeat 0 50%;background-size:130px auto;padding:5rem 5rem}
.developFund .sec_inner {padding:9rem 0 7rem;max-width:100%;}
.developFund .link_more {margin:0 auto;width:78.1%;max-width:1500px;top:-9rem;left:0;text-align:right;}
.fund_box {position:relative;}
.fund_box .imgBox {display:block;max-width:780px;text-align:center;}
.fund_box .imgBox .photo {position:relative;width:100%;padding-top:64.1%;transition:ease all 1s;border: 1px solid #fff;box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2)}
.fund_box .imgBox .img_area {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.fund_box .imgBox .img_area img {width:100% !important;height:100%;object-fit:cover;object-position:center;}
.fund_box .imgBox .subject_click {display:block;width:100%;padding:2rem 0 0;color:#000;font-size:clamp(15px,2.1vw,32px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;text-align:center}
.fund_box .slick-dots {font-size:0;text-align:center;}
.fund_box .slick-dots li {display:inline-block;vertical-align: middle;}
.fund_box .slick-dots li + li {margin-left:1rem;}
.fund_box .slick-dots button {display:block;text-indent:-9999em;width:20px;height:20px;border:2px solid #0f6f42;border-radius:100%;transition:.5s;}
.fund_box .slick-dots .slick-active button {background-color:#0f6f42;}
.fund_box .arrow {margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.fund_box .arrow button {position:absolute;width:62px;height:121px;text-indent:-9999em;font-size:0;background-size:100% auto;}
.fund_box .arrow .arrow_prev {left:0;background: url('/hpg/type_A/images/main/04_fund/img_fundArr_g_L.png') no-repeat 0 50%;}
.fund_box .arrow .arrow_next {right:0;background: url('/hpg/type_A/images/main/04_fund/img_fundArr_g_R.png') no-repeat 100% 50%;}
.fund_box .switch button {border:3px solid #0f6f42;}
.fund_box .switch button.on {opacity:1;}
.fund_box .switch .slickPause {background: url('/hpg/type_A/images/main/00_common/ico_pause_btn.png')no-repeat center;}
.fund_box .switch .slickPlay {background: url('/hpg/type_A/images/main/00_common/ico_play_btn.png')no-repeat center;}
.fund_box .ctrl1 {position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:50%;max-width:750px;}
.fund_box .ctrl2 {display:flex;justify-content:center;align-items: center;gap:0 2rem}
.fund_box .ctrl2 .dots {flex:none;width:auto;}
.fund_box .ctrl2 .switch {flex:none;width:34px;height:34px;}
.fundSlider {overflow:hidden;max-height:590px;}
.fundSlider .slick-list {margin:0 -6.66vw;padding:50px !important}
.fundSlider .slick-slide {margin:0 6.66vw;padding:1rem;opacity:.3;transform: scale(0.8);transition: all .5s ease-in-out;}
.fundSlider .slick-slide .subject {}
.fundSlider .slick-slide.slick-current {opacity:1;transform: scale(1.3);}
.fundSlider .slick-slide.slick-current .subject {display:block;}
	@media screen and (max-width: 1024px){
		.developFund {background: url('/hpg/type_A/images/main/04_fund/img_developFund_bg_m.png') no-repeat; background-size: cover;}
		.developFund h3 {padding:3.5rem 0 3.5rem 3.5rem;background-size:100px auto;max-width:100%;}
		.developFund .sec_inner {padding: 7rem 3.3%;max-width:100%;}
		.developFund .link_more {top:-6rem;width:100%;}
		.fund_box {padding:0 4rem;}
		.fund_box .slick-dots li + li {margin-left:.5rem;}
		.fund_box .slick-dots button {width:14px;height:14px;border-width:1px;}
		.fund_box .arrow button {width:30px;height:60px;}
		.fund_box .switch button {width:24px;height:24px;border-width:1px;}
		.fund_box .switch .slickPause,
		.fund_box .switch .slickPlay {background-size:10px auto}
		.fund_box .ctrl1 {width:100%;left:0;top:calc(50% - 30px);transform:none;max-width:100%;}
		.fund_box .ctrl2 {gap:0 1rem}
		.fund_box .ctrl2 .switch {width:23px;height:23px;}
		.fundSlider {margin:0 auto;}
		.fundSlider .slick-list {height:auto;padding:0 50px 0 50px !important}
		.fundSlider .slick-slide {padding:3rem;transform: scale(1);}
		.fundSlider .slick-slide.slick-current {transform: scale(1);}
	}
	@media screen and (max-width: 780px){
		.developFund .sec_inner {padding: 5rem 2.6%;} 
		.developFund h3 {padding:2rem 0 2rem 2rem;background-size:70px auto;}
		.developFund .link_more {top:-5rem;}
		.fundSlider {margin:0 auto 1rem;width:93.1%;}
		.fundSlider .slick-list {margin:0 -10px;;padding:0 !important;}
		.fundSlider .slick-slide {margin:0 10px;padding:1rem;}
		.fundSlider .slick-slide.slick-current {transform: scale(1);}
		.fund_box .ctrl2 {gap:0 1rem;}
	}
	@media screen and (max-width: 390px){
		.fund_box {padding:0 2rem;}
		.fund_box .ctrl1 {top:calc(50% - 20px);}
		.fund_box .arrow button {width:20px;height:40px;}
	}

/* 협의체결현황 */
.shortcuts_wrap {display: flex;flex-direction: column;}
.sign{background: url('/hpg/type_A/images/main/05_sign/img_agrSign_bg.png')no-repeat 50% 100%; background-size: cover;}
.sign_box {flex:none;width:100%;position:relative;border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.3); color: #fff; padding:3rem 3.5rem; display: flex;justify-content: space-between; align-items: center;}
.sign_box .sign_tit {flex:none;width:auto;border-right: 1px dotted #fff; padding-right:5rem;}
.sign_box .sign_tit p{font-size: clamp(14px,4vw,37px);font-weight: 600;}
.sign_box .sign_tit a{font-size: 2rem; }
.sign_box .sign_tit a::after{content: ''; background: url('/hpg/type_A/images/main/00_common/ico_more_w.png') no-repeat; display: inline-block;vertical-align: middle;width: 9px; height: 16px; margin-left:1rem;}

.sign_box .sign_slide {flex:none;width:calc(100% - 270px);padding-left:5rem;}
.sign_box .sign_slide ul li{font-size: clamp(15px,3.5vw,30px); padding:23px 9% 23px 0; max-width: 1135px; text-overflow: ellipsis; overflow: hidden;}

.extrSlide-controll{flex:none;width:1.8rem;}
.extrSlide-controll button{width:1.8rem; height:1.8rem;}
.extrSlide-controll button.slick-prev::before, 
.extrSlide-controll button.slick-next::before{content: '';}
.extrSlide-controll button.slick-prev{background: url('/hpg/type_A/images/main/05_sign/img_agrSign_slideLeft.png')no-repeat;background-size:100% auto;}
.extrSlide-controll button.slick-next{background: url('/hpg/type_A/images/main/05_sign/img_agrSign_slideRight.png')no-repeat;background-size:100% auto;}

.quick_content{flex:none;width:100%;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;gap:0 1vw;}
.quick_check {flex:1;}
.quick_check > ul{display: flex;flex-wrap:wrap; gap: 1rem 1.5rem;}
.quick_check > ul >li{display: flex; align-items: center; gap: 1rem;}
.quick_check > ul > li > a{color: #fff; font-size:clamp(14px,1.66vw,25px);display: flex;align-items: center; gap:0 1.5rem;}
.quick_check > ul > li > a::after{content: ''; background: url(/hpg/type_A/images/main/00_common/ico_more_w.png) no-repeat; background-size: 80%; width: 9px; height: 16px; display: inline-block; position: relative; top: 1px; left: 1px;}
.quick_check > ul > li > a > img {width:42px;}

.shortcuts_conts {flex:1;}
.shortcuts_conts ul {width:100%;display: flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:1rem;}
.shortcuts_conts ul li {width:25.5%;flex:none;position: relative;}
.shortcuts_conts ul li::before {content:'';display:block;padding-top:100%;background:url('/hpg/type_kr/images/main/09_quickM/bg_icon.png') no-repeat;background-size: 100% auto;}
.shortcuts_conts ul li a {position:absolute;top:0;right:0;bottom:0;left:0;display: flex;flex-direction: column;height: 100%;}
.shortcuts_conts ul li a::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;}
.shortcuts_conts .quick_con {flex:none;width:100%;margin:auto 0;display:flex;flex-direction: column;position: relative;}
.quick_con dt {display:block;margin:0 auto 1rem;width:36.1%;}
.quick_con dt>img {width:100%;max-width:100%;}
.quick_con dd {color:#fff;font-size:clamp(12px,1.33vw,20px);line-height: 1;text-align: center; word-break: break-all;}
	@media screen and (max-width:1024px) {
		.sign>.sec_inner {padding:7rem 3.3%}
		.sign_box{flex-direction: column;justify-content:flex-start;align-items:flex-start;padding:2rem 3rem;}
		.sign_box .sign_tit {width:100%;display:flex;justify-content:space-between;align-items:center; border-bottom: 1px dotted #fff; padding-bottom: 1rem;margin-bottom: 1rem; border-right: 0; padding-right: 0;}
		.sign_box .sign_slide {width:calc(100% - 50px);padding-left:0;}
		.sign_box .sign_slide ul li{padding: 26px 9% 28px 0;}
		.shortcuts {background-position:100% 0;}
		.shortcuts h3 {font-size:3rem;}
		.shortcuts_conts ul {gap:2rem; justify-content: center;}
		.shortcuts_conts ul li {width:30%;max-width:135px;}
		.quick_content {justify-content:center;gap:2rem;}
		.quick_check {flex:none;width:100%;}
		.quick_check > ul {gap:1rem 1.5rem;justify-content: center;}
		.extrSlide-controll{position:absolute;right:3rem;bottom:2rem;}
		.shortcuts_wrap {gap:3rem 0}
		.shortcuts_tit,
		.shortcuts_conts {flex:none;width:100%;}
	}
	@media screen and (max-width:780px) {
		.sign>.sec_inner {padding:5rem 2.6%}
		.sign_box{}
		.sign_box .sign_tit{width: 100%;border-right: 0; padding-right: 0;}
		.sign_box .sign_slide ul li{padding: 1.5rem 0;}
		.shortcuts {background-position:100% 0;}
		.shortcuts h3 {font-size:3rem;}
		.shortcuts_conts ul {gap:2rem;justify-content: center;}
		.shortcuts_conts ul li {width:30%;max-width:114px;}
		.extrSlide-controll{bottom:.5rem}
		.extrSlide-controll button{width:1.4rem; height:1.4rem;}
	}
	@media screen and (max-width:500px){
		.quick_check > ul{gap: 0 1rem;}
		.quick_check > ul > li > a > img{width: 7vw;}
		.quick_check > ul > li > a > span{font-size: 1.5rem;}
	}
	@media screen and (max-width: 390px){
		.sign_box{padding:1rem;}
		.sign_box .sign_tit p{font-size:1.8rem;}
		.sign_box .sign_tit a{font-size: 1.5rem;}
		.sign_box .sign_tit a::after{width: 6px; height: 10px; background-size: 100%;}
		.sign_box .sign_slide {width:calc(100% - 30px)}
		.sign_box .sign_slide ul li{padding:2rem 0;}
		.extrSlide-controll{right:1rem;width:1.4rem;}
		.extrSlide-controll button{}
		.extrSlide-controll button.slick-prev, 
		.extrSlide-controll button.slick-next{}
		.extrSlide-controll button.slick-prev{}
		.extrSlide-controll button.slick-next{}

		.quick_content{padding-top: 0;}
		.quick_check > ul{justify-content:flex-start;gap: 0 0.5rem;}
		.quick_check > ul > li > a {gap:0 1rem;}
		.quick_check > ul > li > a > img{width: 7vw;}
		.shortcuts_conts ul{gap: 1.5rem;}
	}
	
	@media screen and (min-width:1025px) {
		.shortcuts_wrap {gap:5rem 0}
		.shortcuts_conts ul li {max-width:135px;}
		.shortcuts_conts ul li:hover::before {transform: rotate(180deg);transition: transform 1s ease-in-out}
	}
	@media screen and (min-width:1500px) {
		.shortcuts_conts ul li {max-width:190px;}
		}