/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';



.guide_intro_wrap .sec01{
	padding-bottom:12rem;
}
.guide_intro_wrap .sec01 .ul_num{
	
}
.guide_intro_wrap .sec01 .ul_num > li{
	position:relative;
	margin-bottom:2rem;
	padding-left:4rem;
}
.guide_intro_wrap .sec01 .ul_num > li:last-child{
	margin-bottom:0;
}
.guide_intro_wrap .sec01 .ul_num > li i{
	position:absolute;
	left:0;
	font-style:normal;
	background:#ff9c00;
	color:#fff;
	width:3rem;
	height:3rem;
	border-radius:100%;
	text-align:center;
	font-size:1.8rem;
	line-height:3rem;
	font-weight:500;
}
.guide_intro_wrap .sec01 .reverse{
	flex-direction:row-reverse;
	align-items:flex-end;
	margin-top:-5rem;
}
.guide_intro_wrap .sec01 .reverse .ul_num > li{
	text-align:right;
	padding-right:4rem;
}
.guide_intro_wrap .sec01 .reverse .ul_num > li i{
	left:auto;
	right:0;
}

.guide_intro_wrap .sec02{
	background:#f6f6f6;
	padding:12rem 0;
}
.guide_intro_wrap .sec02 .contents_box{
	padding:3rem;
	background:#fff;
}
.guide_intro_wrap .sec02 .contents_box .bn{
	background:#222222;
	padding:5rem 5rem;
	color:#ffc600
}
.guide_intro_wrap .sec02 .contents_box .bn p{
	position:relative;
	padding-left:1.5rem;
}
.guide_intro_wrap .sec02 .contents_box .bn p::after{
	content:"";
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-3px;
	width:6px;
	height:6px;
	background:#ffc600
}
.guide_intro_wrap .sec02 .contents_box .bn p.fcWhite::after{
	background:#fff;
}
.guide_intro_wrap .sec02 .contents_box .bn p span{
	border-bottom:1px solid #ffc600
}
.desc_box .dp-flex{
	align-items:center;

}
.desc_box .dp-flex > div:first-child{
	width:17%;
}
.desc_box .dp-flex > div:first-child > strong{
	display:inline-block;
	background:#222222;
	color:#fff;
	font-size:1.6rem;
	padding:.8rem 2rem .5rem 2rem;
	min-width:10rem;
	text-align:center;
	font-weight:600;
	border-radius:5rem;
}
.desc_box .dp-flex > div:last-child{
	font-size:1.8rem;
	width:83%;
}

.guide_intro_wrap .sec03{
	padding-top:12rem;
}
.guide_intro_wrap .sec03  div > p{
	position:relative;
	padding-left:15px;
	font-size:1.6rem;
	line-height:1.8
}
.guide_intro_wrap .sec03  div > p span{
	position:absolute;
	left:0;
	font-weight:700;
}

@media(max-width:1199.98px){
	.guide_intro_wrap .sec01 .reverse{
		margin-top:0rem;
	}
}

@media(max-width:991.98px){
	.guide_intro_wrap .sec01{
		padding-bottom:8rem;
	}
	.guide_intro_wrap .sec01 .reverse{
		margin-top:4rem;
	}
	.guide_intro_wrap .sec02 {
		padding: 8rem 0;
	}
	.guide_intro_wrap .sec02 .contents_box .bn{
		padding:4rem 4rem;
	}
	.guide_intro_wrap .sec02 .contents_box .bn p{
		position:relative;
		padding-left:0rem;
	}
	.guide_intro_wrap .sec02 .contents_box .bn p::after{
		display:none;
	}
	
	.desc_box .dp-flex > div:first-child{
		width:25%;
	}
	.desc_box .dp-flex > div:first-child > strong{
		font-size:1.5rem;
		padding:.5rem 2rem .5rem 2rem;
		border-radius:5rem;
	}
	.desc_box .dp-flex > div:last-child{
		font-size:1.6rem;
		width:75%;
	}
	.guide_intro_wrap .sec03{
		padding-top:8rem;
	}
}

@media(max-width:767px){

	.guide_intro_wrap .sec01 .ul_num > li {
		padding-left: 3.5rem;
	}
	.guide_intro_wrap .sec01 .reverse .ul_num > li{
		text-align:left;
		padding-right:0rem;
		padding-left:3.5rem;
	}
	.guide_intro_wrap .sec01 .reverse .ul_num > li i{
		left:0;
		right:auto;
	}
	.guide_intro_wrap .sec01 .ul_num > li i{
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
		font-weight: 500;
	}
	.guide_intro_wrap .sec02 .contents_box {
		padding: 2rem;
	}
	.guide_intro_wrap .sec02 .contents_box .bn{
		padding:3rem 2rem;
	}
	.desc_box .dp-flex{
		display:block;
	}
	.desc_box .dp-flex > div{
		width:100% !important;
	}
	.desc_box .dp-flex > div:first-child{
		margin-bottom:1rem;
	}
	.desc_box .dp-flex > div:first-child > strong{
		min-width:130px;
	}

}



/*.guide_skill_wrap*/
.guide_skill_wrap {
	margin-top:-10rem;
	margin-bottom:-10rem;
}
.guide_skill_wrap .wrap_inner{

	
}
.guide_skill_wrap .sec01{
		padding:10rem 0;
		background:#f6f6f6;
}
.guide_skill_wrap .sec02{
	padding:10rem 0;
}
@media(max-width:991.98px){
	.guide_skill_wrap {
		margin-top:-8rem;
		margin-bottom:-8rem;
	}
	.guide_skill_wrap .sec01,
	.guide_skill_wrap .sec02{
		padding:8rem 0;
	}
}


.location .root_daum_roughmap{
	width:100% !important;
}
.location .root_daum_roughmap .wrap_map{
	height: 450px !important;
}
.location .info > div{
	border-top: 1px solid #000;
}
.location .info > div > dl{
	display:flex;
	align-items:center;
	border-bottom: 1px solid #ddd;
}
.location .info > div > dl dt,
.location .info > div > dl dd{
	padding:2rem;
}
.location .info > div > dl dt{
	font-size:1.8rem;
	color:#333;
	font-weight: 500;
	display:flex;
	align-items:center;
	width:23%;
}
.location .info > div > dl dt img{
	margin-right: 6px;
}
.location .info > div > dl dd{
	font-size:1.6rem;
	font-weight: 300;
	color:#333;
	width:77%;
}
@media(max-width:991.98px){
	.location .root_daum_roughmap .wrap_map{
		height: 200px !important;
	}
	.location .info > div > dl dt,
	.location .info > div > dl dd{
		padding:2rem 1rem;
	}
	.location .info > div > dl dt{
		width:30%;
	}
	.location .info > div > dl dt img{
		max-width:20px;
	}
	.location .info > div > dl dd{
		width:70%;
	}
}