@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
					src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }


*{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Noto Sans KR';
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
.wrap{
	width:100%
}
.wrap_shadow{
	width:900px;
	margin:0 auto;
	font-size:18px;
}
.wrap_shadow>h3{
	width:100%;
	padding:20px 0 20px 20px;
	background:#345078;
	color:#fff;
	font-weight:normal;
}
.shadowing{
	width:900px;
	margin:0 auto;
	padding-top:30px;
}
.sha_txt>ul>li{
	width:100%;
	float:left;
	font-size:15px;
	letter-spacing:-1px;
	padding:3px 0;
}
.sha_txt_div>ul>li:last-child{
	margin-top:10px;
}
.sha_txt_div>ul>li:nth-child(2){
	font-size:17px;
	margin-top:5px;
}
.sha_txt>ul>li>.lt_style{
	width:5px;
	height:5px;
	border-radius:50px;
	border:2px solid #000;
	margin:10px 10px 0 0;
	float:left;
}
.t_bold{
	font-weight:bold;
	font-size:18px !important;
}
.blue{
	float:left;
	color:#2366ce;
	font-weight:bold;
}
.step_box{
	width:900px;
	margin:0 auto;
}
.step_box::after{
	display: block;
	content: '';
	clear: both;
}
.step_box>ul {
	margin: 0 auto;
	width: fit-content;
}
.step_box>ul::after{
	display: block;
	content: '';
	clear: both;
}
.step_box>ul>li{
	float:left;
	text-align:center;
	font-size:15px;
	letter-spacing:-1px;    
	margin: 20px 11px 30px 0;
}
.step_box>ul>li:last-child{
	margin-right:0;
}


.step_box>ul>li>img{
	margin-top:50px;
}
.step{
	width:170px;
	height:170px;
	background:#eff2f9;
	border-radius:500px;
}
.step>ul{
	padding-top:17px;
}
.step>ul>li:nth-child(1){
	font-size:18px;
	font-weight:bold;
	width:100px;
	padding-bottom:5px;
	border-bottom:1px solid #c9c9c9;
	margin:0 auto;
	margin-bottom:10px;
}
.step>ul>li:nth-child(2){
	font-size:15px;
	letter-spacing:0;
}
.step>ul>li>span{
	color:#2366ce;
	font-weight:bold;
}
.yellow_box{
	background:#fdf39c;
	padding:5px 15px;
	border-radius:50px;
	font-size:14px;
	color:#2366ce;
	margin-top:10px;
	font-weight:bold;
}

@media screen and (max-width:900px) {

	.wrap_shadow{
		width:100%;
	}
	.wrap_shadow>h3{
		font-size:18px;
		padding:20px 0;
		text-align:center;
		width:100%;
	}
	
	.yellow_box{
		font-size:12px;
	}
	.shadowing{
		width:85%;
		margin:0 auto;
		padding-top: 20px;
	}
	.step{
		border-radius:0;
		height:135px;
	}
	.step>ul{
		padding-top:10px;
	}
	.step_box{
		width:70%;
		margin:0 auto;
	}
	.step_box>ul>li{
		margin:0 auto;
	}
	.step_box>ul>li:nth-child(1){
		margin:10px 5px 0px 0;
		width: 100%;
	}
	.step_box>ul>li:nth-child(3){
		margin:5px 0px 5px 0px;
		width: 100%;
	}
	.step_box>ul>li:nth-child(5){
		clear:both;
		width: 100%;
		padding-bottom:20px;
	}
	.step_box>ul>li:nth-child(7){
		margin:5px 0px 5px 0px;
		clear:both;
		width: 100%;
	}
	.step_box>ul>li:last-child{    
		margin-bottom:15px;
	}
	.step_box>ul>li>img{
		display:none;
	}
	.step>ul>li:nth-child(1){
		width:180px;
		font-size:15px;

	}
	.sha_txt{
		width:100%;
		margin:0 auto;
	}
	.sha_txt>ul>li>.lt_style{
		margin:10px 10px 0 0px;
	}
	.t_bold{
		font-size:17px !important;
		width:95%;
		margin:0 auto;
	}
	.sha_txt_div{
		width:100%;
		margin:0 auto;
	.sha_txt>ul>li{
		  font-size: 15px;
	}
	.wrap{
		margin-bottom:10px;
	}
}
}