@charset "utf-8";

/* popup_layer */
#popup_layer{position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index: 1000;box-shadow: 3px 3px 30px #000808; max-width:500px; width:95%;}
#popup_layer .pop_box{margin: auto; text-align: center; width:100%; max-height:70vh; overflow-y:auto;}
#popup_layer .pop_box img{width:100%;}
#popup_layer .popclose { background: #000; padding: 20px 10px; color: #fff; line-height: 14px; width:100%;}
#popup_layer .popclose input {margin-right: 10px;float: left; width: 20px;height: 20px;}
#popup_layer .popclose span {margin-left: 20px; float: right;}

/* 제외대상 업종 확인 팝업 */
.pop_money_wr .pop_tit{font-size:24px; font-weight:bold; color:#646464;position:relative;padding-left:30px; }
.pop_money_wr .pop_tit:before{content:""; background: url(/img/rider_img/ico_con_01.png) no-repeat left center; width:25px; height:25px; position:absolute; left:0; top:0;}
.pop_money_wr .popup_con .pop_txt_list{width:100%; margin-top:20px;}
.pop_money_wr .popup_con .pop_txt_list > li{padding: 4px 0 4px 14px; position:relative;}
.pop_money_wr .popup_con .pop_txt_list > li:before{content:"·"; color:#c71335; position:absolute; left:0;}
.pop_money_wr .popup_con .pop_txt_list > li ul{width:100%; padding:10px 14px; background:#fbf2ec;}
.pop_money_wr .popup_con .pop_txt_list > li ul li{font-size:16px;}

.pop_money_wr .popup_con .pop_txt_list.pop_txt_box{background: #f8f7e7; padding:20px; font-size:15px;}
.pop_money_wr.popup_wr .popup_con{width:90%; max-width:800px;}

.pop_money_wr .popup_table_wr{overflow-x:auto; margin-top:10px;}
.pop_money_wr .popup_table_wr table{width:100%; border-collapse: collapse; border-spacing: 0;min-width:400px;}
.pop_money_wr .popup_table_wr table th{background:#f7f5ed; text-align:center; font-size:17px; color:#646464;}
.pop_money_wr .popup_table_wr th,
.pop_money_wr .popup_table_wr table td{border:1px solid #bfbeb4; padding:10px; line-height:1.3; font-size:17px; color:#646464;}
.pop_money_wr .popup_table_wr table td{ font-size:15px;}
.pop_money_wr .popup_table_wr table td.text-center{text-align:center; font-size:15px; font-weight:bold;}

.pop_money_wr .popup_table_wr table td ul li{padding-left:12px; position:relative;}
.pop_money_wr .popup_table_wr table td ul li:before{content:""; position:absolute; left:0; top:5px; width:5px; height:5px; background:#646464; border-radius:50%;}
.pop_money_wr .popup_table_wr .table_in_box{display:block; margin-top:4px; background:#f7f5ed; font-size:14px; padding:10px;}

/* 인트로 컨테이너 */
#intro_wr{background:url(/img/rider_img/back_img.png) no-repeat center bottom; bakground-size:100%; font-family:"GmarketSans", sans-serif !important;}
.intro_container{max-width:1400px; width:100%; margin:0 auto; padding:30px 0 80px 0;}

/* 인트로 타이틀 */
.intro_tit_wr{margin:0 auto; display:flex; align-items:end; justify-content:center;}
.intro_tit_wr .intro_tit{padding-left:20px;  font-family:"GmarketSans", sans-serif !important;}
.intro_tit_wr .intro_tit h1{color:#ff8400; font-size:60px; font-weight:bold; font-family:"GmarketSans", sans-serif !important; line-height:1.0; position:relative; z-index:1;}
.intro_tit_wr .intro_tit h1 span{font-size:40px;}
.intro_tit_wr .intro_tit h1:before{content:""; position:absolute; background:url(/img/rider_img/hd_tit_rider.png) no-repeat; right:-90px; top:-80px; width:225px; height:145px; z-index:-1;}
.intro_tit_wr .intro_tit_bt{display:flex; justify-content:space-between; align-items:center; margin: 8px 0;}
.intro_tit_wr .intro_tit_bt p{color:#646464; font-weight:bold; font-size:50px; line-height: 1.0;}
.intro_tit_wr .intro_tit_bt .intro_tit_btn_wr{display:flex; align-items:center; gap:0 6px;}
.intro_tit_wr .tit_sm_txt{font-size:20px;color:#646464;}

/* 인트로 컨텐츠 */
.intro_con_text_wr{display:flex; margin-bottom:30px;}
.intro_con_text_wr:last-child{margin:0;}
.intro_con_text_wr .con_tit{padding-left:30px; position:relative; font-size:22px; font-weight:bold; width:150px;}
.intro_con_text_wr .con_tit:before{content:""; background: url(/img/rider_img/ico_con_01.png) no-repeat left center; width:25px; height:25px; position:absolute; left:0; top:0;}
.intro_con_text_wr .con_txt{width:calc(100% - 150px);}
.intro_con_text_wr .con_txt p{font-size:20px; margin-bottom:5px;}
.intro_con_text_wr .con_txt p:last-child{margin:0;}
.intro_con_text_wr .con_txt p span{color:#d50b0b;}
.intro_con_text_wr .con_prosess{display:flex; alin-items:center; gap:0 50px;}
.intro_con_text_wr .con_prosess .con_pro{font-size:20px; width:calc((100% - 150px) / 4); border: 1px solid #646464; border-radius:50px; text-align:center; padding:0 10px; height:50px; line-height:52px; position:relative;}
.intro_con_text_wr .con_prosess .con_pro:before{content:"···"; position:absolute; right:-39px; top:0; font-size:32px; color:#c2c4c6; font-family:'NotoSansKR', dotum, sans-serif !important;}
.intro_con_text_wr .con_prosess .con_pro:last-child:before{display:none;}

/* 인트로 하단 버튼 */
.intro_btn_wr{display:flex; align-items:center; justify-content:center; gap:0 8px;}

/* 반응형 */
@media(max-width:1440px){
	/* 인트로 컨테이너 */
	.intro_container{padding-right:30px; padding-left:30px}
	
	/* 인트로 컨텐츠 */
	.intro_con_text_wr .con_prosess{gap:20px 50px; flex-wrap:wrap;}
	.intro_con_text_wr .con_prosess .con_pro{width:calc((100% - 50px) / 2);}
	.intro_con_text_wr .con_prosess .con_pro:nth-child(2n):before{display:none;}
}

@media(max-width:1280px){
}

@media(max-width:980px){	
	/* 인트로 타이틀 */
	.intro_tit_wr .intro_tit_img{width: 160px;}
	.intro_tit_wr .intro_tit h1{font-size:50px;}
	.intro_tit_wr .intro_tit h1:before{background-size:100%; width:120px; height:80px; top:-29px; right:0}
	.intro_tit_wr .intro_tit h1 span{font-size:30px;}
	.intro_tit_wr .intro_tit_bt p{font-size:40px;}
	.intro_tit_wr .tit_sm_txt{font-size:18px;color:#646464;}
	
	/* 인트로 컨텐츠 */
	.intro_con_text_wr .con_tit{font-size:20px;}
	.intro_con_text_wr .con_txt p,
	.intro_con_text_wr .con_prosess .con_pro{font-size:18px;}
}

@media(max-width:780px){
	/* 인트로 컨테이너 */
	.intro_container{padding-right:20px; padding-left:20px; padding-top:0;}
	
	/* 인트로 컨텐츠 */
	.intro_tit_wr .intro_tit_img{display:none;}
	.intro_tit_wr .intro_tit{padding-left:0;}
	.intro_con_text_wr{flex-direction: column;}
	.intro_con_text_wr .con_tit,
	.intro_con_text_wr .con_txt{width:100%;}
	.intro_con_text_wr .con_txt{margin-top:10px;}
	
	/* 인트로 하단 버튼 */
	.intro_btn_wr{flex-direction: column; gap:5px;}
	.intro_btn_wr .btn{width:100%;}
}

@media(max-width:580px){	
	/* 인트로 컨테이너 */
	.intro_container{padding-right:15px; padding-left:15px}
	
	/* 인트로 타이틀 */
	.intro_tit_wr{width:100%; display:block;}
	.intro_tit_wr .intro_tit h1{font-size:40px; text-align:center;}
	.intro_tit_wr .intro_tit h1:before{display:none;}
	.intro_tit_wr .intro_tit h1 span{font-size:20px;}
	.intro_tit_wr .intro_tit_bt{flex-direction: column; align-items: start; margin-bottom:15px;}
	.intro_tit_wr .intro_tit_bt p{font-size:30px; text-align:center; width:100%;}
	.intro_tit_wr .intro_tit_bt .intro_tit_btn_wr{width:100%; margin-top:10px;}
	.intro_tit_wr .intro_tit_bt .intro_tit_btn_wr .btn{width:50%;}
	.intro_tit_wr .tit_sm_txt{text-align:center; font-size:17px; line-height:1.2;}
	
	/* 인트로 컨텐츠 */
	.intro_con_text_wr .con_prosess{gap:10px 0;}
	.intro_con_text_wr .con_prosess .con_pro{width:100%;}
	.intro_con_text_wr .con_prosess .con_pro:before{display:none;}
}

@media(max-width:380px){
	/* 헤더 */
	.hd_right{flex-direction: column;}
	.hd_right a:before, .hd_right p:before{display:none;}
}