@charset "UTF-8";
/****************************************/
/*  Name : 프로젝트 명
/*  PART : responsive style
/*  Author : 최초 작성자
/*  MODIFY : 작업 참여자
/*
/*  Summary: /* 파일 내용 */
/*  01) max-wdith: 1440px
/*  02) max-wdith: 1280px
/*  03) max-wdith: 1023px
/*  04) max-wdith: 768px
/*  05) max-wdith: 480px
/*  06) max-wdith: 360px
/****************************************/

/* ********************************************************************************* *
* 01) max-wdith: 1440px
* ********************************************************************************* */
@media all and (max-width: 1440px){

}


/* ********************************************************************************* *
* 02) max-wdith: 1280px
* ********************************************************************************* */
@media all and (max-width: 1280px){

}


/* ********************************************************************************* *
* 03) max-wdith: 1023px
* ********************************************************************************* */
@media all and (max-width: 1023px){

}


/* ********************************************************************************* *
* 04) max-wdith: 768px
* ********************************************************************************* */
@media all and (max-width: 768px){
	.main-slide{ display: none;}
	.election-info{ display: none;}
	.election-info-m{ display: block; width: 100%; margin: 0 auto;}
	.election-pop{ display: none; width: 100%; margin: 0 auto;}
	.election-info-title{ margin-bottom: 12px;}
	.election-info-title dt{font-size: 18px; font-weight: 700;}
	.election-info-title dd{font-size: 15px; font-weight: 400; line-height: normal; margin-top: 5px;}

	.pop-wrap{ width: 100vw; overflow: hidden; height: auto; position: relative;}
	.info-m-wrap{ display: flex; flex-wrap: wrap; margin: 0 -7px;}
	.info-m-main{ width: 33.3333%; padding: 0 7px 14px; }
	.info-m-main.color01 .main-inner{ background: conic-gradient(from -29deg at 51.85% 40%, #4585C1 0deg, #5099DE 360deg);}
	.info-m-main.color02 .main-inner{ background: conic-gradient(from -29deg at 51.85% 40%, #C34249 0deg, #E14C53 360deg);}
	.info-m-main.color03 .main-inner{background: conic-gradient(from -29deg at 51.85% 40%, #DC7C33 0deg, #F78B39 360deg);}
	.info-m-main.color04 .main-inner{background: conic-gradient(from -29deg at 53.85% 40%, #DCAD33 0deg, #F7C239 360deg);}
	.info-m-main.color05 .main-inner{background: conic-gradient(from -29deg at 53.85% 40%, #C65F54 0deg, #E36D5F 360deg);}
	.info-m-main.color06 .main-inner{background: conic-gradient(from -29deg at 53.85% 40%, #777 0deg, #898989 360deg);}

	.info-m-top{ overflow: hidden; height: 110px; position: relative; width: 100%; }
	
	.candi-img{ width: 170px; height: 110px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
	.candi01 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi01_m.png) no-repeat; background-size: contain;}
	.candi02 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi02_m.png) no-repeat; background-size: contain;}
	.candi03 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi03_m.png) no-repeat; background-size: contain;}
	.candi04 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi04_m.png) no-repeat; background-size: contain;}
	.candi05 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi05_m.png) no-repeat; background-size: contain;}
	.candi06 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi06_m.png) no-repeat; background-size: contain;}
	.candi07 .candi-img{background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/img_candi07_m.png) no-repeat; background-size: contain;}
	
	.info-m-bottom{ padding: 6px 8px; height: auto; width: 100%; }
	.info-m-bottom dl dt{position: relative; color: #FFF; font-size: 18px; font-weight: 500; margin-bottom: 6px;}
	.info-m-bottom dl dt:before{ content:""; position: absolute; top: 50%; right: 4px; transform: translateY(-50%); width: 10px; height: 16px; background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/ico_arrow.png) no-repeat; background-size: contain; }
	.info-m-bottom dl dd{color: rgba(255, 255, 255, 0.80); font-size: 13px;font-weight: 400;}

	.info-m-main.color01 .info-m-bottom{background: #5099DE;}
	.info-m-main.color02 .info-m-bottom{background: #E14C53;}
	.info-m-main.color03 .info-m-bottom{background: #F78B39;}
	.info-m-main.color04 .info-m-bottom{background: #EFBC37;}
	.info-m-main.color05 .info-m-bottom{background: #E36D5F;}
	.info-m-main.color06 .info-m-bottom{background: #8A8A8A;}

	.pop-inner{ height: auto; }

	.election-pop{ display: block; position: absolute; z-index: 1111; top: 0; left:0; right: 0; bottom: 0; display: none; }
	.pop-inner{ display: none;}
	.pop-inner.active{ display: block;  }
	
	.pop-top{ width: 100%; height: 100px; position: relative;}
	.pop-top:before{ content:""; position: absolute; height: 10px; left: 0; right:  0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 100%);}
	.pop-top{ position: relative; overflow: hidden;  }
	.pop-top:after{ content:""; position: absolute; left:0; bottom:0; width: 130px; height: 100px; mix-blend-mode: multiply;}
	.pop-top img{ position: relative; overflow: hidden;  width: auto; height: 100px; z-index: 111;}
	.color01 .pop-top{ background:conic-gradient(from -16deg at 18.1% 50%, #4585C1 0deg, #5099DE 360deg);}
	.color01 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo01_m.png)no-repeat;  background-size: contain; }

	.color02 .pop-top{ background: conic-gradient(from -16deg at 18.1% 50%, #C34249 0deg, #E14C53 360deg);}
	.color02 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo02_m.png)no-repeat;  background-size: contain; }

	.color03 .pop-top{ background: conic-gradient(from -16deg at 18.1% 50%, #DC7C33 0deg, #F78B39 360deg);}
	.color03 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo03_m.png)no-repeat;  background-size: contain; }

	.color04 .pop-top{ background: conic-gradient(from -16deg at 18.1% 50%, #DCAD33 0deg, #F7C239 360deg);}
	.color04 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo04_m.png)no-repeat;  background-size: contain; }

	.color05 .pop-top{ background: conic-gradient(from -16deg at 18.1% 50%, #C65F54 0deg, #E36D5F 360deg);}
	.color05 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo05_m.png)no-repeat;  background-size: contain; }

	.color06 .pop-top{ background: conic-gradient(from -16deg at 18.1% 50%, #777 0deg, #898989 360deg);}
	.color06 .pop-top:after{ content:"";  background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/logo06_m.png)no-repeat;  background-size: contain; }

	.pop-top dl{position: absolute; top: 50%; left: 179px; transform: translate(-50%, -50%);}
	.pop-top dl dt{color: #FFF;  font-size: 26px; font-weight: 500; line-height: normal;}
	.pop-top dl dd{color: #FFF;  font-size: 14px; font-weight: 500; line-height: normal; opacity: 0.8;}
	
	.pop-inner .pop-middle{ min-height: 178px; height: 100%;}
	.pop-inner.color01 .pop-middle{background: #5099DE;}
	.pop-inner.color02 .pop-middle{background: #E14C53;}
	.pop-inner.color03 .pop-middle{background: #F78B39;}
	.pop-inner.color04 .pop-middle{background: #EFBC37;}
	.pop-inner.color05 .pop-middle{background: #E36D5F;}
	.pop-inner.color06 .pop-middle{background: #8A8A8A;}

	.btn-colse{width: 25px; height: 25px; background: url(https://designlab.chosun.com/2025/2025electionCandi/user/images/btn-close.png)no-repeat; background-size: contain; position: absolute; top: 20px; right: 20px; border: none;}
	.list-st01{padding-right: 20px;}
	.pop-middle { padding: 20px;  max-height: 178px; overflow: auto; position: relative; }
	.pop-middle .simplebar-track.simplebar-vertical { width: 6px; right: 20px !important; top: 20px !important; height: calc(100% - 40px) !important; background: linear-gradient( to right, transparent 0px, transparent 1px, rgba(255, 255, 255, 0.3) 1px, rgba(255, 255, 255, 0.3) 5px, transparent 5px, transparent 6px ); border-radius: 100px; }
	.pop-middle .simplebar-scrollbar::before { background: #fff; border-radius: 100px; width: 6px; left: 0; right: 0; margin: auto;  opacity: 1 !important; transition: none !important; right: 20px; }
	.pop-middle .simplebar-track.simplebar-horizontal { display: none; }

	.pop-bottom{position: relative;  width: 100%; height: 67px;}
	.color01 .pop-bottom{background: #5099DE; }
	.color02 .pop-bottom{background: #E14C53; }
	.color03 .pop-bottom{background: #F78B39; }
	.color04 .pop-bottom{background: #EFBC37; }
	.color05 .pop-bottom{background: #E36D5F; }
	.color06 .pop-bottom{background: #8A8A8A; }
	.pop-bottom .sns-wrap{ left: 0; right: 0; bottom: 20px;}
}


/* ********************************************************************************* *
* 05) max-wdith: 480px
* ********************************************************************************* */
@media all and (max-width: 480px){

}


/* ********************************************************************************* *
* 06) max-wdith: 360px
* ********************************************************************************* */
@media all and (max-width: 360px){

}