/*  -------------------------------------- 경진대회용 css -------------------------------------- */
#s_con {max-width: 1300px; width:90%; margin: 0 auto; } 
.ani {-webkit-transition: .9s;-moz-transition: .9s;-ms-transition: .9s;-o-transition: .9s;transition: .9s; position: relative;}

.intro_wr{text-align: center;position: relative;font-family:'GmarketSansMedium', sans-serif; font-weight: normal;}
.intro_wr .intro{width: 1200px;margin: 0 auto;background:rgba(255,255,255,0.9);padding: 50px;border: 1px solid var(--color-point);position: relative; border-radius: 10px;}
.intro_wr p{font-size: 22px;color: #333;line-height: 1.6; word-break: keep-all;}
.intro_wr p:nth-of-type(2){margin-top: 30px;}
.intro_wr b{font-weight: 600;color:var(--color-point);}

.intro_wr p strong.point{font-family:'GmarketSansBold', sans-serif;  padding:5px 10px 0px;font-size: 1.5em; position: relative; display: inline-block;font-weight: 600; border-radius: 10px; background: var(--color-grad);color: #fff;}
.intro_wr p strong.point_drone{font-family:'GmarketSansBold', sans-serif;  padding:5px 10px 0px;font-size: 1.5em; position: relative; display: inline-block;font-weight: 600; border-radius: 10px; background: var(--color-grad);color: #fff;}
.intro_wr p strong.point::before{width: 100%;height: 105%;background: #fff;right: 0;bottom:-1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 2;}
.intro_wr p strong.point::after{width: 100%;height: 105%;right: 0; bottom: -1px;position: absolute;content: '';-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;z-index: 1;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.intro_wr p strong.point.in-view::before{width: 0;}
.intro_wr p strong.point.in-view::after{}

/* 모바일*/
.intro_wr .intro_m{width: 1200px;margin: 0 auto;background:rgba(255,255,255,0.9);padding: 50px;border: 1px solid #865e9c;position: relative; border-radius: 10px; display:none;}
.guide_wr{color: #333;font-size: 22px;padding-bottom: 50px;}
.guide_wr .top_wr{text-align: center;opacity: 0;transform:translateY(20px);margin-bottom: 50px;}
.guide_wr .top_wr.in-view{opacity: 1;transform:translateY(0);}
.guide_wr .top_wr img{}
.guide_wr .g_list{display: flex;border-bottom: 1px dashed #ddd;padding: 20px 0;opacity: 0;transform:translateY(20px);}
.guide_wr .g_list:last-child{margin-bottom: 100px;}
.guide_wr .g_list.in-view{transform:translateY(0);opacity: 1;}
.guide_wr .g_list.first{border-top: 2px solid #333;}
.guide_wr .g_list > dt{font-family:'GmarketSansBold', sans-serif; font-weight: normal; letter-spacing:-0.02em; line-height: 1.3; flex-shrink:0; width: 200px; font-size: 28px; padding: 35px 20px; color:#222;}
.guide_wr .g_list > dd{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; flex-grow:1; padding: 35px 20px; font-size:20px; line-height:1.3; color:#444; word-break: keep-all;}
.guide_wr .g_list > dd b{font-weight: 700; font-size:23px; color:#333; word-break: keep-all;}
.guide_wr .g_list > dd .s_list{color: #777;}
.guide_wr .g_list > dd .s_list + .s_list{margin-top:10px;}
.guide_wr .g_list > dd .s_box{margin-top:10px; }
.guide_wr .g_list > dd p + ul{margin-top: 10px;}
.guide_wr .g_list > dd p + .rpoint , .guide_wr .g_list > dd p + ul + .rpoint , .guide_wr .g_list > dd ul li + .rpoint , .guide_wr .g_list > dd .table_wrap + .rpoint{margin-top: 10px;}
.guide_wr .g_list > dd ul li{position: relative;padding-left: 20px;margin-top: 10px; color:#666;}
.guide_wr .g_list > dd ul li a{color:#666;}
.guide_wr .g_list > dd ul li a:hover{color:var(--color-point);}
.guide_wr .g_list > dd ul li:first-child{margin-top: 0;}
.guide_wr .g_list > dd ul li:before{position: absolute;width: 4px;height: 4px;background: #888;content: ''; left: 5px;top:9px;}

.guide_wr .g_list > dd .slash li:before{position: absolute;content: '-';left: 5px; top: 0; width: 0;height: 0; }
.guide_wr .g_list > dd .slash li{position: relative;padding-left: 20px;margin-top: 10px; word-break: keep-all;line-height: 1.35;}

.guide_wr .g_list > dd ul li p{margin-top:5px;font-size: 0.9em;}
.guide_wr .g_list > dd ul li p a{}
.guide_wr .g_list > dd ul + span{margin-top: 5px;display: block;}

.guide_wr .g_list > dd .scroll {}
.guide_wr .g_list > dd table{color: #666;width: 100%;border-collapse: collapse;border-spacing: 0; border-top: 2px solid var(--color-point); text-align:center;}
.guide_wr .g_list > dd table th{color: #444;background: var(--color-bg);border-bottom: 1px solid #ddd;padding: 20px;border-left: 1px solid #fff;}
.guide_wr .g_list > dd table td{border-bottom: 1px solid #ddd;padding: 20px;border-left: 1px solid #ddd; background: rgb(255 255 255 / 60%); word-break: keep-all}
.guide_wr .g_list > dd table .bdn{border-left: none !important;}
.guide_wr .g_list > dd table .bg{background: #fcfcfc;}
.guide_wr .g_list > dd table .center{font-family:'GmarketSansBold', sans-serif; font-weight: normal; text-align: center;background:var(--color-point);color: #fff;padding: 15px 0; padding: 20px 0 18px; font-size: 23px;}
.guide_wr .g_list > dd table .center 02{font-family:'GmarketSansBold', sans-serif; font-weight: normal; text-align: center;background:var(--color-point);color: #fff;padding: 15px 0; padding: 20px 0 18px; font-size: 23px;}
.guide_wr .g_list > dd table + span{margin-top: 10px;display: block;}

.p_con {margin-top: 20px; display: flex;}
.btn_list {display: flex;width: 800px; justify-content: center; gap:2%; text-align: center;margin: 0 auto;}
.btn_list .btn_n {font-family:'GmarketSansMedium', sans-serif; font-weight: normal; display: block;width: 49%;border:2px solid var(--color-point);color: var(--color-point);padding: 20px; border-radius:10px; background:#fff;}
.btn_list .btn_n i { margin-right: 5px;}
.btn_list .btn_n:hover {background: var(--color-point);color: #fff;}
.rpoint{color:#ff120f !important; font-size:18px !important;  font-family:'Pretendard', sans-serif !important; font-weight:400;display: block; word-break: keep-all;}
.rpoint + .rpoint{margin-top:3px !important;}


@media (max-width: 1280px){
	.intro_wr .intro {width: 100%;}
	.guide_wr .g_list > dd table .center {font-size: 22px;}
	.guide_wr .g_list > dd table th {font-size: 19px;}
	.guide_wr .g_list > dd table td {font-size: 17px; }

}

@media (max-width: 1000px){
	.guide_wr .g_list > dd table .center {font-size: 20px;}
	/*.guide_wr .g_list > dd table th {font-size: 17px;}
	.guide_wr .g_list > dd table td {font-size: 15px; }*/
}


@media (max-width: 880px){
	.intro_wr p {font-size: 20px;}
	.intro_wr p strong.point {font-size: 1.2em;}
	.intro_wr .intro {display: none;}
	.intro_wr .intro_m {display: block; width: 100%;}
	.guide_wr .g_list > dt {font-size: 25px;}
	.guide_wr .g_list > dd {font-size: 18px;}
	.guide_wr .g_list > dd b {font-size: 20px;}

	.btn_list {justify-content: space-evenly;}
	.btn_list .btn_n {width: 45%; padding:15px; font-size: 20px;}
}

@media (max-width: 810px){
	.guide_wr .g_list {flex-direction: column;}
	.guide_wr .g_list > dd table th {font-size: 17px;}
	.guide_wr .g_list > dd table td {font-size: 15px; }
}

@media (max-width: 700px){
	.intro_wr p {font-size:18px;}
	.intro_wr p strong.point {font-size: 1em;}
	.intro_wr .intro_m {padding: 30px;}
	.guide_wr .g_list > dt {font-size: 23px;}
	.guide_wr .g_list > dd {font-size: 16px;}
	.guide_wr .g_list > dd b {font-size: 18px;}
	.guide_wr .g_list > dt{width: 150px;}

	.guide_wr .g_list > dd table .center {font-size: 18px;}
	.guide_wr .g_list > dd table th {padding: 10px; font-size: 16px;}

	.btn_list .btn_n {font-size: 17px;}
}

@media (max-width: 590px){
	h2.sb_tit {font-size: 22px;margin-bottom: 30px;}
	.intro_wr p {font-size:16px;}
	.intro_wr p strong.point {font-size: 0.9em;}
	.guide_wr .g_list {flex-direction: column;}

	.guide_wr .g_list > dt {font-size: 20px; padding: 20px;}
	.guide_wr .g_list > dd {font-size: 14px; padding-top:0;}
	.guide_wr .g_list > dd b {font-size: 16px;}

	.btn_list .btn_n {width: 40%; padding:10px; font-size: 16px;}	   
	.rpoint{font-size:15px !important;}
}

@media (max-width: 400px){
	.intro_wr p {font-size:14px;}
	.btn_list .btn_n {padding:5px; font-size: 13px;}
}


