.copyright-sub{
	width:48%;
	font-size:13px;
	text-align:left;
	margin:0px auto 0;
	display:inline-block;
}



@media screen and (max-width: 1180px){
	#sub{
		width:100%;
		min-width:100%;
		overflow:hidden;
		position:relative;
	}
	
	#sub .b_title{
		text-align:center;
		font-size:72px;
		color:#e5e5e5;
		margin-top:50px;
		font-family:'montserrat';
		font-weight:900;
		position:fixed;
		width:100%;
		top:50px;
	}
	
	#sub .viewContents{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		background:#fff;
		margin-top:8em;
		margin-bottom:4em
	}
	
	
	#sub .contents{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		background:#fff;
		padding:5em 1.5em;
		margin-top:8em;
		margin-bottom:4em
	}
	
	#sub .contents .subTitle{
		width:100%;
	}
	
	#sub .contents .subTitle .line{
		width:50px;
		height:2px;
		margin:0px auto 0;
		background:#1abbe6;
	}
	
	#sub .contents .subTitle .title{
		font-size:30px;
		text-align:Center;
		margin-top:10px;
		font-weight:500;
		color:#222;
		letter-spacing:-1px;
	}
	
	#sub .contents .subTitle .substance{
		font-size:20px;
		text-align:Center;
		margin-top:15px;
		color:#444;
		letter-spacing:-1px;
		word-break:keep-all;
	}
	#sub .contents .subTitle .exText{
		font-size:15px;
		text-align:Center;
		margin-top:5px;
		color:#999;
		letter-spacing:-0.7px;
	}



	.copyright-sub{
		width:48%;
		font-size:13px;
		text-align:left;
		margin:0px auto 0;
		display:inline-block;
	}
}


@media screen and (max-width: 767px){
	#sub{
		width:100%;
		min-width:100%;
		overflow:hidden;
		position:relative;
	}
	
	#sub .b_title{
		text-align:center;
		font-size:48px;
		color:#e5e5e5;
		margin-top:50px;
		font-family:'montserrat';
		font-weight:900;
		position:fixed;
		width:100%;
		top:50px;
	}
	
	#sub .viewContents{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		background:#fff;
		margin-top:6em;
		margin-bottom:4em
	}
	
	
	#sub .contents{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		background:#fff;
		padding:5em 1.5em;
		margin-top:6em;
		margin-bottom:4em
	}
	
	#sub .contents .subTitle{
		width:100%;
	}
	
	#sub .contents .subTitle .line{
		width:50px;
		height:2px;
		margin:0px auto 0;
		background:#1abbe6;
	}
	
	#sub .contents .subTitle .title{
		font-size:24px;
		text-align:Center;
		margin-top:10px;
		font-weight:500;
		color:#222;
		letter-spacing:-1px;
	}
	
	#sub .contents .subTitle .substance{
		font-size:16px;
		text-align:Center;
		margin-top:15px;
		color:#444;
		letter-spacing:-1px;
		word-break:keep-all;
	}
	#sub .contents .subTitle .exText{
		font-size:13px;
		text-align:Center;
		margin-top:5px;
		color:#999;
		letter-spacing:-0.7px;
	}


	.copyright-sub{
		width:100%;
		font-size:13px;
		text-align:left;
		margin-top:5px;
		color:#999;
		letter-spacing:-0.7px;
	}
}



@media screen and (max-width: 1180px){
	
	#sub .contents .usePrice{
		width:100%;
		margin-top:2.5em;
		text-align:center;
	}
	
	
	#sub .contents .usePrice li{
		width:200px;
		height:200px;
		background:rgba(26,187,230,0.7);
		padding:3em 0px;
		box-sizing:border-box;
		display:Inline-block;
		border-radius:100%;
		-moz-border-radius:100%;
		-webkit-border-radius:100%;
	}
	
	
	#sub .contents .usePrice li:nth-child(2){
		background:rgba(247,247,247,0.8)
	}
	
	#sub .contents .usePrice li:nth-child(2){
		margin-left:-40px;
		z-index:99;
		position:relative;
	}
	#sub .contents .usePrice li:nth-child(3){
		margin-left:-40px;
	}
	
	
	
	#sub .contents .usePrice li .name{
		font-size:16px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
	}
	
	
	#sub .contents .usePrice li .month{
		font-size:20px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
		margin-top:10px;
	}
	
	#sub .contents .usePrice li .price{
		font-size:26px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
		margin-top:30px;
	}
	
	
	
	#sub .contents .usePrice li:nth-child(2) .name,
	#sub .contents .usePrice li:nth-child(2) .month,
	#sub .contents .usePrice li:nth-child(2) .price{
		color:#222;
	}
	
	
	
	#sub .contents .where{
		width:100%;
		margin-top:4em;
	}
	
	#sub .contents .where .po_text{
		font-size:20px;
		text-align:center;
		font-weight:bold;
		letter-spacing:-1px;
		margin-top:30px;
	}
	
	
	#sub .contents .where .list{
		width:100%;
		margin-top:2.5em;
		display:inline-block;
	}
	
	#sub .contents .where .list li{
		width:31.6%;
		border:1px solid #e5e5e5;
		background:#fff;
		box-shadow:5px 5px 10px #f7f7f7;
		display:inline-block;
		margin-left:2%;
		padding:1.5em 0px;
		min-height:185px;
		vertical-align:top;
		margin-top:1em;
	}
	
	#sub .contents .where .list li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#sub .contents .where .list li .step{
		font-size:14px;
		color:#1abbe6;
		text-align:center;
	}
	
	#sub .contents .where .list li .icon{
		width:40px;
		margin:15px auto 0;
	}
	
	#sub .contents .where .list li .icon img{
		width:100%;
	}
	
	
	#sub .contents .where .list li .subject{
		font-size:15px;
		text-align:Center;
		margin-top:15px;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
}






@media screen and (max-width: 767px){
	
	#sub .contents .usePrice{
		width:100%;
		margin-top:2.5em;
		text-align:center;
	}
	
	
	#sub .contents .usePrice li{
		width:200px;
		height:200px;
		background:rgba(26,187,230,0.7);
		padding:3em 0px;
		box-sizing:border-box;
		display:block;
		border-radius:100%;
		-moz-border-radius:100%;
		-webkit-border-radius:100%;
		margin:0 auto;
	}
	
	
	#sub .contents .usePrice li:nth-child(2){
		background:rgba(247,247,247,0.8)
	}
	
	#sub .contents .usePrice li:nth-child(2){
		margin-left:0px;
		z-index:99;
		position:relative;
		margin:0 auto;
		margin-top:-30px;
	}
	#sub .contents .usePrice li:nth-child(3){
		margin-left:0px;
		margin:0 auto;
		margin-top:-30px;
	}
	
	
	
	#sub .contents .usePrice li .name{
		font-size:14px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
	}
	
	
	#sub .contents .usePrice li .month{
		font-size:16px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
		margin-top:10px;
	}
	
	#sub .contents .usePrice li .price{
		font-size:20px;
		text-align:center;
		color:#fff;
		font-family:'roboto';
		margin-top:30px;
	}
	
	
	
	#sub .contents .usePrice li:nth-child(2) .name,
	#sub .contents .usePrice li:nth-child(2) .month,
	#sub .contents .usePrice li:nth-child(2) .price{
		color:#222;
	}
	
	
	
	#sub .contents .where{
		width:100%;
		margin-top:4em;
	}
	
	#sub .contents .where .po_text{
		font-size:18px;
		text-align:center;
		font-weight:bold;
		letter-spacing:-1px;
		margin-top:30px;
	}
	
	
	#sub .contents .where .list{
		width:100%;
		margin-top:2.5em;
		display:inline-block;
	}
	
	#sub .contents .where .list li{
		width:48%;
		border:1px solid #e5e5e5;
		background:#fff;
		box-shadow:5px 5px 10px #f7f7f7;
		display:inline-block;
		margin-left:2%;
		padding:1.5em 0px;
		min-height:180px;
		vertical-align:top;
		margin-top:1em;
	}
	
	#sub .contents .where .list li:nth-child(2n+1){
		margin-left:0px;
	}
	#sub .contents .where .list li:nth-child(4){
		margin-left:2%;
	}
	
	#sub .contents .where .list li .step{
		font-size:14px;
		color:#1abbe6;
		text-align:center;
	}
	
	#sub .contents .where .list li .icon{
		width:40px;
		margin:15px auto 0;
	}
	
	#sub .contents .where .list li .icon img{
		width:100%;
	}
	
	
	#sub .contents .where .list li .subject{
		font-size:15px;
		text-align:Center;
		margin-top:15px;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
}




@media screen and (max-width: 1180px){
	
	#sub .contents .businessList{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .contents .businessList li{
		width:31.5%;
		display:inline-block;
		margin-left:15px;
		border:1px solid #e5e5e5;
		box-shadow:5px 5px 10px #f7f7f7;
		padding:30px 10px;
		box-sizing:border-box;
		min-height:320px;
		vertical-align:top;
		margin-top:20px;
	}
	
	#sub .contents .businessList li:nth-child(3n+1){
		margin-left:0px;
	}

	
	#sub .contents .businessList li .icon{
		width:80px;
		margin:0 auto;
		
	}
	
	
	#sub .contents .businessList li .enTitle{
		font-size:14px;
		text-align:Center;
		margin-top:30px;
		color:#1abbe6;
	}
	
	
	#sub .contents .businessList li .krTitle{
		font-size:24px;
		text-align:Center;
		margin-top:5px;
		color:#222;
	}
	
	#sub .contents .businessList li .substance{
		font-size:18px;
		text-align:Center;
		margin-top:20px;
		color:#444;
		word-break:keep-all;
	}

}







@media screen and (max-width: 767px){
	
	#sub .contents .businessList{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .contents .businessList li{
		width:47.5%;
		display:inline-block;
		margin-left:15px;
		border:1px solid #e5e5e5;
		box-shadow:5px 5px 10px #f7f7f7;
		padding:30px 10px;
		box-sizing:border-box;
		min-height:320px;
		vertical-align:top;
		margin-top:20px;
	}
	
	#sub .contents .businessList li:nth-child(2n+1){
		margin-left:0px;
	}
	#sub .contents .businessList li:nth-child(4){
		margin-left:15px;
	}
	
	#sub .contents .businessList li .icon{
		width:80px;
		margin:0 auto;
		
	}
	
	
	#sub .contents .businessList li .enTitle{
		font-size:14px;
		text-align:Center;
		margin-top:30px;
		color:#1abbe6;
	}
	
	
	#sub .contents .businessList li .krTitle{
		font-size:24px;
		text-align:Center;
		margin-top:5px;
		color:#222;
	}
	
	#sub .contents .businessList li .substance{
		font-size:18px;
		text-align:Center;
		margin-top:20px;
		color:#444;
		word-break:keep-all;
	}

}




@media screen and (max-width: 424px){
	
	#sub .contents .businessList{
		width:100%;
		margin-top:30px;
	}
	
	
	#sub .contents .businessList li{
		width:100%;
		display:inline-block;
		margin-left:0px;
		border:1px solid #e5e5e5;
		box-shadow:5px 5px 10px #f7f7f7;
		padding:30px 10px;
		box-sizing:border-box;
		min-height:auto;
		vertical-align:top;
		margin-top:20px;
	}
	
	#sub .contents .businessList li:nth-child(2n+1){
		margin-left:0px;
	}
	#sub .contents .businessList li:nth-child(4){
		margin-left:0px;
	}
	
	#sub .contents .businessList li .icon{
		width:80px;
		margin:0 auto;
		
	}
	
	
	#sub .contents .businessList li .enTitle{
		font-size:14px;
		text-align:Center;
		margin-top:30px;
		color:#1abbe6;
	}
	
	
	#sub .contents .businessList li .krTitle{
		font-size:24px;
		text-align:Center;
		margin-top:5px;
		color:#222;
	}
	
	#sub .contents .businessList li .substance{
		font-size:18px;
		text-align:Center;
		margin-top:20px;
		color:#444;
		word-break:keep-all;
	}

}



@media screen and (max-width: 1180px){
		
	#sub .contents .categoryLine{
		width:100%;
		margin-top:50px;
		display:flex;
	}
	
	
	#sub .contents .categoryLine li{
		width:100%;
		border:1px solid #e5e5e5;
		text-align:center;
		font-family:'montserrat','noto sans kr';
		font-size:14px;
		padding:15px 0px;
		margin-left:10px;
		color:#222;
	}
	
	#sub .contents .categoryLine li a{
		color:#222;
	}
	
	
	#sub .contents .categoryLine li:first-child{
		margin-left:0px;
	}
	
	
	#sub .contents .categoryLine .on{
		background:#1abbe6;
		color:#fff;
	}
	
	#sub .contents .categoryLine .on a{
		color:#fff;
	}
	
	
	
	#sub .contents .sucessList{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .sucessList dd{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:50px 0px;
	}
	
	#sub .contents .sucessList dd:first-child{
		border-top:1px solid #e5e5e5;
	}
	
	
	#sub .contents .sucessList dd .textArea{
		width:47%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .contents .sucessList dd .textArea .subject{
		font-size:20px;
		color:#222;
	}
	
	#sub .contents .sucessList dd .textArea .infoList{
		width:100%;
		margin-top:30px;
	}
	
	#sub .contents .sucessList dd .textArea .infoList li{
		width:100%;
		margin-top:5px;
	}
	
	#sub .contents .sucessList dd .textArea .infoList li .subject{
		width:20%;
		vertical-align:top;
		display:Inline-block;
		font-size:16px;
		font-family:'montserrat','roboto','noto sans kr';
	}
	
	#sub .contents .sucessList dd .textArea .infoList li .substance{
		width:79%;
		vertical-align:top;
		display:Inline-block;
		font-family:'roboto','noto sans kr';
		font-size:16px;
		color:#777;
	}
	
	
	
	
	
	
	#sub .contents .sucessList dd .imgArea{
		width:47%;
		display:inline-block;
		margin-left:5%;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		overflow:hidden;
		vertical-align:middle;
	}
	
	#sub .contents .sucessList dd .imgArea img{
		width:100%;
	}

	
}






@media screen and (max-width: 767px){
		
	#sub .contents .categoryLine{
		width:100%;
		margin-top:50px;
		display:inline-block;
	}
	
	
	#sub .contents .categoryLine li{
		width:32%;
		border:1px solid #e5e5e5;
		text-align:center;
		font-family:'montserrat','noto sans kr';
		font-size:14px;
		padding:15px 0px;
		margin-left:1%;
		color:#222;
		display:inline-block;
		box-sizing:border-box;
		margin-top:0.5em;
	}
	
	#sub .contents .categoryLine li:nth-child(3n+1){
		margin-left:0%;
	}
	
	#sub .contents .categoryLine li a{
		color:#222;
	}
	
	
	#sub .contents .categoryLine li:first-child{
		margin-left:0px;
	}
	
	
	#sub .contents .categoryLine .on{
		background:#1abbe6;
		color:#fff;
	}
	
	#sub .contents .categoryLine .on a{
		color:#fff;
	}
	
	
	
	#sub .contents .sucessList{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .sucessList dd{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:50px 0px;
	}
	
	#sub .contents .sucessList dd:first-child{
		border-top:1px solid #e5e5e5;
	}
	
	
	#sub .contents .sucessList dd .textArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .contents .sucessList dd .textArea .subject{
		font-size:18px;
		color:#222;
	}
	
	#sub .contents .sucessList dd .textArea .infoList{
		width:100%;
		margin-top:30px;
	}
	
	#sub .contents .sucessList dd .textArea .infoList li{
		width:100%;
		margin-top:5px;
	}
	
	#sub .contents .sucessList dd .textArea .infoList li .subject{
		width:20%;
		vertical-align:top;
		display:Inline-block;
		font-size:14px;
		font-family:'montserrat','roboto','noto sans kr';
	}
	
	#sub .contents .sucessList dd .textArea .infoList li .substance{
		width:79%;
		vertical-align:top;
		display:Inline-block;
		font-family:'roboto','noto sans kr';
		font-size:14px;
		color:#777;
	}
	
	
	
	
	
	
	#sub .contents .sucessList dd .imgArea{
		width:100%;
		display:inline-block;
		margin-left:0%;
		margin-top:2em;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		overflow:hidden;
		vertical-align:middle;
	}
	
	#sub .contents .sucessList dd .imgArea img{
		width:100%;
	}

	
}




@media screen and (max-width: 1180px){
	
	#sub .viewContents .thumbnail{
		width:100%;
	}
	
	#sub .viewContents .thumbnail img{
		width:100%;
	}
	
	
	#sub .buttonArea{
		width:100%;
		display:Inline-block;
		padding:2em 0.5em;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .board .buttonArea{
		width:100%;
		display:Inline-block;
		padding:20px 0px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .buttonArea .leftArea{
		display:inline-block;
	}
	
	#sub .buttonArea .leftArea ul .grButton{
		display:inline-block;
		width:80px;
		background:#222;
		color:#fff;
		padding:12px 0px;
		text-align:Center;
		font-family:'roboto','noto sans kr';
		font-size:14px;
	}
	
	#sub .buttonArea .leftArea ul .grButton a{
		color:#fff;
	}
	
	
	#sub .buttonArea .rightArea{
		display:inline-block;
		float:right;
	}
	
	#sub .buttonArea .rightArea ul .wtButton{
		display:inline-block;
		width:80px;
		background:#fff;
		color:#222;
		padding:12px 0px;
		text-align:Center;
		border:1px solid #e5e5e5;
		font-family:'roboto','noto sans kr';
		font-size:14px;
	}
	
	#sub .buttonArea .rightArea ul .wtButton a{
		color:#222;
	}
	
	
	
	#sub .viewContents .sucessView .viewCont{
		width:100%;
		padding:4em 1.5em;
		box-sizing:border-box;
	}
	
	#sub .viewContents .sucessView .viewCont .subject{
		font-size:30px;
		text-align:Center;
		font-weight:500;
		letter-spacing:-1.5px;
	}
	
	
	#sub .viewContents .sucessView .viewCont .substance{
		font-size:16px;
		text-align:Center;
		margin-top:30px;
		color:#777;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	
	#sub .viewContents .sucessView .viewCont .img{
		width:100%;
		margin-top:1.5em;
	}
	
	#sub .viewContents .sucessView .viewCont .img img{
		width:100%;
	}

}




@media screen and (max-width: 767px){
	
	#sub .viewContents .thumbnail{
		width:100%;
	}
	
	#sub .viewContents .thumbnail img{
		width:100%;
	}
	
	
	#sub .buttonArea{
		width:100%;
		display:Inline-block;
		padding:2em 0.5em;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .board .buttonArea{
		width:100%;
		display:Inline-block;
		padding:20px 0px;
		box-sizing:border-box;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .buttonArea .leftArea{
		display:inline-block;
	}
	
	#sub .buttonArea .leftArea ul .grButton{
		display:inline-block;
		width:80px;
		background:#222;
		color:#fff;
		padding:12px 0px;
		text-align:Center;
		font-family:'roboto','noto sans kr';
		font-size:14px;
	}
	
	#sub .buttonArea .leftArea ul .grButton a{
		color:#fff;
	}
	
	
	#sub .buttonArea .rightArea{
		display:inline-block;
		float:right;
	}
	
	#sub .buttonArea .rightArea ul .wtButton{
		display:inline-block;
		width:80px;
		background:#fff;
		color:#222;
		padding:12px 0px;
		text-align:Center;
		border:1px solid #e5e5e5;
		font-family:'roboto','noto sans kr';
		font-size:14px;
	}
	
	#sub .buttonArea .rightArea ul .wtButton a{
		color:#222;
	}
	
	
	
	#sub .viewContents .sucessView .viewCont{
		width:100%;
		padding:4em 1.5em;
		box-sizing:border-box;
	}
	
	#sub .viewContents .sucessView .viewCont .subject{
		font-size:24px;
		text-align:Center;
		font-weight:500;
		letter-spacing:-1.5px;
		word-break:keep-all;
	}
	
	
	#sub .viewContents .sucessView .viewCont .substance{
		font-size:14px;
		text-align:Center;
		margin-top:30px;
		color:#777;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	
	#sub .viewContents .sucessView .viewCont .img{
		width:100%;
		margin-top:1.5em;
	}
	
	#sub .viewContents .sucessView .viewCont .img img{
		width:100%;
	}

}





@media screen and (max-width: 1180px){
	#sub .contents .board{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .board .listTop{
		width:100%;
		display:inline-block;
	}
	
	#sub .contents .board .listTop .count{
		font-family:'roboto','noto sans kr';
		font-size:15px;
		color:#777;
		display:inline-block;
		margin-top:15px;
	}
	
	#sub .contents .board .listTop .search{
		display:inline-block;
		float:right;
	}
	
	#sub .contents .board .listTop .search .selectBox{
		width:100px;
		display:Inline-block;
		font-size:14px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:10px;
	}
	
	
	#sub .contents .board .listTop .search .selectBox select{
		width:100%;
		border:0;
		background:#fff;
		border-radius:0;
	}
	
	
	#sub .contents .board .listTop .search .inputBoxArea{
		width:335px;
		display:inline-block;
		padding:9px;
		box-sizing:border-box;
		border:1px solid #e5e5e5;
	}
	
	#sub .contents .board .listTop .search .inputBoxArea .inputBox{
		width:90%;
		display:inline-block;
		border:0;
	}
	
	#sub .contents .board .listTop .search .inputBoxArea .btnIcon{
		width:25px;
		display:inline-block;
	}
	
	
	#sub .contents .board .boardList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .contents .board .boardList table{
		width:100%;
		table-layout:fixed;
	}
	
	#sub .contents .board .boardList table thead th{
		border-bottom:1px solid #e5e5e5;
		border-top:2px solid #222;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:15px;
	}
	
	#sub .contents .board .boardList table tbody th{
		border-bottom:1px solid #e5e5e5;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:16px;
		font-weight:normal;
	}
	
	#sub .contents .board .boardList table tbody td{
		border-bottom:1px solid #e5e5e5;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:16px;
		font-weight:normal;
	}
	
	#sub .contents .board .boardList table tbody td .subject{
		overflow:hidden;
		width:100%;
		white-space:nowrap;
		text-overflow:ellipsis;
	}

}







@media screen and (max-width: 767px){
	#sub .contents .board{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .board .listTop{
		width:100%;
		display:inline-block;
	}
	
	#sub .contents .board .listTop .count{
		font-family:'roboto','noto sans kr';
		font-size:15px;
		color:#777;
		display:block;
		margin-top:15px;
	}
	
	#sub .contents .board .listTop .search{
		display:block;
		clear:both;
		width:100%;
		margin-top:20px;
	}
	
	#sub .contents .board .listTop .search .selectBox{
		width:30%;
		display:Inline-block;
		font-size:14px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:10px;
	}
	
	
	#sub .contents .board .listTop .search .selectBox select{
		width:100%;
		border:0;
		background:#fff;
		border-radius:0;
	}
	
	
	#sub .contents .board .listTop .search .inputBoxArea{
		width:68.5%;
		display:inline-block;
		padding:9px;
		box-sizing:border-box;
		border:1px solid #e5e5e5;
	}
	
	#sub .contents .board .listTop .search .inputBoxArea .inputBox{
		width:85%;
		display:inline-block;
		border:0;
	}
	
	#sub .contents .board .listTop .search .inputBoxArea .btnIcon{
		width:20px;
		display:inline-block;
	}
	
	
	#sub .contents .board .boardList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .contents .board .boardList table{
		width:100%;
		table-layout:fixed;
	}
	
	#sub .contents .board .boardList table thead th{
		border-bottom:1px solid #e5e5e5;
		border-top:2px solid #222;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:15px;
	}
	
	#sub .contents .board .boardList table tbody th{
		border-bottom:1px solid #e5e5e5;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:16px;
		font-weight:normal;
	}
	
	#sub .contents .board .boardList table tbody td{
		border-bottom:1px solid #e5e5e5;
		padding:15px 10px;
		box-sizing:border-box;
		font-size:16px;
		font-weight:normal;
	}
	
	#sub .contents .board .boardList table tbody td .subject{
		overflow:hidden;
		width:100%;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	
	#sub .contents .board .boardList table .displaynone{
		display:none
	}

}



@media screen and (max-width: 1180px){
	
	#sub .contents .board .viewTop{
		width:100%;
		display:Inline-block;
	}
	
	#sub .contents .board .viewTop .leftOp{
		display:Inline-block;
	}
	
	#sub .contents .board .viewTop .leftOp li{
		display:Inline-block;
		font-size:14px;
		border-right:1px solid #999;
		color:#999;
		padding:0px 10px;
		font-family:'roboto','noto sans kr';
	}
	
	
	#sub .contents .board .viewTop .leftOp li:first-child{
		padding:0px 10px 0px 0px;
	}
	
	#sub .contents .board .viewTop .leftOp li:last-child{
		border-right:0px solid #999;
	}
	
	
	#sub .contents .board .viewTop .rightOp{
		display:inline-block;
		float:right;
		text-align:right;
	}
	
	#sub .contents .board .viewTop .rightOp li{
		display:Inline-block;
		font-size:14px;
		border-right:1px solid #999;
		color:#999;
		padding:0px 10px;
		font-family:'roboto','noto sans kr';
	}
	
	#sub .contents .board .viewTop .rightOp li:last-child{
		border-right:0px solid #999;
	}
	
	
	#sub .contents .board .boardView{
		width:100%;
		margin-top:20px;
	}
	
	
	#sub .contents .board .boardView .subject{
		width:100%;
		padding:20px 0px;
		font-size:18px;
		letter-spacing:-1px;
		font-size:18px;
		text-align:center;
		border-top:2px solid #222;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .contents .board .boardView .subsCont{
		width:100%;
		padding:20px 0px;
		letter-spacing:-1px;
		border-bottom:1px solid #e5e5e5;
		min-height:300px;
	}
	
	

}



@media screen and (max-width: 1180px){
	
	
	#sub .contents .faq{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .contents .faq li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:0px 1em;
		box-sizing:border-box;
	}
	#sub .contents .faq li:first-child{
		border-top:2px solid #222;
	}
	
	#sub .contents .faq li .question{
		padding:1em 0px;
		font-size:15px;
		color:#222;
		cursor:pointer;
	}
	
	#sub .contents .faq li .question span{
		color:#1abbe6;
		font-family:'montserrat','noto sans kr';
		margin-right:10px;
	}
	
	#sub .contents .faq li .answer{
		width:100%;
		padding:1em 0px;
		border-top:1px dashed #e5e5e5;
		font-size:13px;
		color:#777;
		word-break:keep-all;
		display:inline-block;
		display:none;
	}
	
	#sub .contents .faq li .answer span{
		color:#1abbe6;
		font-family:'montserrat','noto sans kr';
		margin-right:10px;
		font-size:18px;
	}


	
}




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

	#sub .loginInput{
		width:350px;
		margin:10px auto 0;
	}
	
	
	#sub .w100{
		width:100%;
		border:1px solid #e5e5e5;
		padding:12px;
		box-sizing:border-box;
		margin-top:10px;
	}
	
	#sub .loginInput .submitBTN{
		width:100%;
		background:#1abbe6;
		padding:15px 0px;
		font-size:18px;
		color:#fff;
		text-align:center;
		border:0;
		margin-top:20px;
	}
	
	#sub .loginOp{
		text-align:Center;
		font-size:14px;
		color:#999;
		margin-top:20px;
	}
	
	
	#sub .loginOp a{
		color:#999;
	}

	
}



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

	#sub .loginInput{
		width:250px;
		margin:10px auto 0;
	}
	
	
	#sub .w100{
		width:100%;
		border:1px solid #e5e5e5;
		padding:12px;
		box-sizing:border-box;
		margin-top:10px;
	}
	
	#sub .loginInput .submitBTN{
		width:100%;
		background:#1abbe6;
		padding:15px 0px;
		font-size:18px;
		color:#fff;
		text-align:center;
		border:0;
		margin-top:20px;
	}
	
	#sub .loginOp{
		text-align:Center;
		font-size:14px;
		color:#999;
		margin-top:20px;
	}
	
	
	#sub .loginOp a{
		color:#999;
	}


	.copyright-sub{
		width:48%;
		font-size:13px;
		text-align:left;
		margin:0px auto 0;
		display:inline-block;
	}
	
}



@media screen and (max-width: 1180px){
		
	
	#sub .contents .systemList{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .systemList dd{
		width:31%;
		display:inline-block;
		margin-left:15px;
		vertical-align:top;
		border:1px solid #e5e5e5;
	}
	
	#sub .contents .systemList dd:first-child{
		margin-left:0px;
	}
	
	#sub .contents .systemList dd .subject{
		width:100%;
		text-align:Center;
		color:#fff;
		padding:15px 0px;
	}

	#sub .contents .systemList dd:first-child .subject{
		background:#77dbf6
	}
	
	#sub .contents .systemList dd:nth-child(2) .subject{
		background:#4ed1f4
	}
	
	#sub .contents .systemList dd:last-child .subject{
		background:#1abbe6
		}
	
	#sub .contents .systemList dd .optionList{
		width:100%;
	}
	
	#sub .contents .systemList dd .optionList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:15px 0px;
		text-align:center;
		font-size:16px;
		color:#777;
	}
	
	#sub .contents .systemList dd .optionList li .price{
		font-size:22px;
		color:#222;
		font-family:'roboto','noto sans kr';
		font-weight:bold;
	}
	
	#sub .contents .systemList dd .optionList li .price span{
		font-size:16px;
		font-weight:normal;
	}
	
	#sub .contents .systemList dd .optionList li .vat{
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
		margin-top:3px;
	}
	
	
	#sub .contents .systemList dd .choice{
		font-size:18px;
		text-align:center;
		padding:15px 0px;
		color:#64d2f0;
		}
		
	#sub .contents .systemList dd .choice a{
		color:#64d2f0;
	}

	
	#sub .contents .exText{
		font-size:15px;
		color:#777;
		margin-top:20px;
		text-align:right;
	}
	
	#sub .contents .exText a{
		color:#0167ff;
	}
	
	
	#sub .contents .review{
		width:100%;
		margin-top:4em;
	}
	

	#sub .contents .review .reviewCont{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .contents .review .reviewCont .leftList{
		width:49%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .contents .review .reviewCont .leftList .textArea{
		margin-left:1%;
	}
	
	
	
	#sub .contents .review .reviewCont .rightList{
		width:49%;
		display:inline-block;
		vertical-align:top;
		margin-left:1%;
	}
	
	
	#sub .contents .review .reviewCont .rightList .icon{
		margin-left:1%;
	}
	
	#sub .contents .review .reviewCont .reviewList li{
		width:100%;
		margin-top:20px;
	}
	
	#sub .contents .review .reviewCont .reviewList li .icon{
		width:80px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .contents .review .reviewCont .reviewList li .icon img{
		width:100%;
	}
	
	
	#sub .contents .review .reviewCont .reviewList li .textArea{
		width:72%;
		background:#f7f7f7;
		display:inline-block;
		padding:20px;
		box-sizing:border-box;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
	#sub .contents .review .reviewCont .reviewList li .textArea .text{
		font-size:15px;
		color:#222;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#sub .contents .review .reviewCont .reviewList li .textArea .info{
		font-size:14px;
		color:#777777;
		letter-spacing:-0.7px;
		word-break:keep-all;
		margin-top:20px;
	}
		
	#sub .contents .joinAfter{
		width:100%;
		margin-top:4em;
	}
	
	#sub .contents .joinAfter .afterProcess{
		width:100%;
		margin-top:4.5em;
	}
	
	
	#sub .contents .joinAfter .afterProcess li{
		width:48%;
		margin-left:15px;
		vertical-align:top;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:60px 20px 30px 20px;
		box-sizing:border-box;
		position:relative;
		min-height:260px;
		margin-top:4em;
	}
	
	#sub .contents .joinAfter .afterProcess li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .contents .joinAfter .afterProcess li .icon{
		width:80px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-40px;
		margin-top:-40px;
	}
	
	
	#sub .contents .joinAfter .afterProcess li .step{
		font-size:14px;
		color:#777;
		text-align:center;
	}
	
	#sub .contents .joinAfter .afterProcess li .subject{
		font-size:18px;
		color:#222;
		text-align:center;
		margin-top:3px;
	}
	
	#sub .contents .joinAfter .afterProcess li .substance{
		font-size:15px;
		color:#222;
		text-align:center;
		margin-top:15px;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}





	
	#sub .contents .counsel{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	#sub .contents .counsel li{
		width:48%;
		display:inline-block;
		float:left;
		vertical-align:top;
		margin-left:4%;
		margin-top:1.5em;
	}
	
	#sub .contents .counsel .full{
		width:100%;
		margin-left:0;
	}
	
	#sub .contents .counsel li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .contents .counsel li label{
		font-size:16px;
	}
	
	#sub .contents .submit{
		width:180px;
		margin:50px auto 0;
	}
	
	#sub .contents .submit .submitBTN{
		width:100%;
		padding:15px 0px;
		background:#1abbe6;
		color:#fff;
		text-align:center;
		border:0;
		font-size:18px;
	}



	.copyright-sub{
		width:48%;
		font-size:13px;
		text-align:left;
		margin:0px auto 0;
		display:inline-block;
	}
}








@media screen and (max-width: 767px){
		
	
	#sub .contents .systemList{
		width:100%;
		margin-top:2.5em;
	}
	
	
	#sub .contents .systemList dd{
		width:100%;
		display:inline-block;
		margin-left:0px;
		vertical-align:top;
		border:1px solid #e5e5e5;
		margin-top:2em;
	}
	
	#sub .contents .systemList dd:first-child{
		margin-left:0px;
		margin-top:0px;
	}
	
	#sub .contents .systemList dd .subject{
		width:100%;
		text-align:Center;
		color:#fff;
		padding:15px 0px;
	}

	#sub .contents .systemList dd:first-child .subject{
		background:#77dbf6
	}
	
	#sub .contents .systemList dd:nth-child(2) .subject{
		background:#4ed1f4
	}
	
	#sub .contents .systemList dd:last-child .subject{
		background:#1abbe6
		}
	
	#sub .contents .systemList dd .optionList{
		width:100%;
	}
	
	#sub .contents .systemList dd .optionList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:15px 0px;
		text-align:center;
		font-size:13px;
		color:#777;
	}
	
	#sub .contents .systemList dd .optionList li .price{
		font-size:18px;
		color:#222;
		font-family:'roboto','noto sans kr';
		font-weight:bold;
	}
	
	#sub .contents .systemList dd .optionList li .price span{
		font-size:14px;
		font-weight:normal;
	}
	
	#sub .contents .systemList dd .optionList li .vat{
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
		margin-top:3px;
	}
	
	
	#sub .contents .systemList dd .choice{
		font-size:15px;
		text-align:center;
		padding:15px 0px;
		color:#64d2f0;
		}
		
	#sub .contents .systemList dd .choice a{
		color:#64d2f0;
	}

	
	#sub .contents .exText{
		font-size:13px;
		color:#777;
		margin-top:20px;
		text-align:right;
	}
	
	#sub .contents .exText a{
		color:#0167ff;
	}
	
	
	#sub .contents .review{
		width:100%;
		margin-top:4em;
	}
	

	#sub .contents .review .reviewCont{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .contents .review .reviewCont .leftList{
		width:100%;
		display:block;
		vertical-align:top;
		text-align:center;
	}
	
	#sub .contents .review .reviewCont .leftList .textArea{
		margin-left:1%;
	}
	
	
	
	#sub .contents .review .reviewCont .rightList{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		text-align:center;
	}
	
	
	#sub .contents .review .reviewCont .rightList .icon{
		margin-left:1%;
	}
	
	#sub .contents .review .reviewCont .reviewList li{
		width:100%;
		margin-top:20px;
	}
	
	#sub .contents .review .reviewCont .reviewList li .icon{
		width:60px;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .contents .review .reviewCont .reviewList li .icon img{
		width:100%;
	}
	
	
	#sub .contents .review .reviewCont .reviewList li .textArea{
		width:72%;
		background:#f7f7f7;
		display:inline-block;
		padding:20px;
		box-sizing:border-box;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
	#sub .contents .review .reviewCont .reviewList li .textArea .text{
		font-size:15px;
		color:#222;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#sub .contents .review .reviewCont .reviewList li .textArea .info{
		font-size:14px;
		color:#777777;
		letter-spacing:-0.7px;
		word-break:keep-all;
		margin-top:20px;
	}
		
	#sub .contents .joinAfter{
		width:100%;
		margin-top:4em;
	}
	
	#sub .contents .joinAfter .afterProcess{
		width:100%;
		margin-top:4.5em;
	}
	
	
	#sub .contents .joinAfter .afterProcess li{
		width:100%;
		margin-left:0px;
		vertical-align:top;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:60px 20px 30px 20px;
		box-sizing:border-box;
		position:relative;
		min-height:auto;
		margin-top:4em;
	}
	
	#sub .contents .joinAfter .afterProcess li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .contents .joinAfter .afterProcess li .icon{
		width:80px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-40px;
		margin-top:-40px;
	}
	
	
	#sub .contents .joinAfter .afterProcess li .step{
		font-size:14px;
		color:#777;
		text-align:center;
	}
	
	#sub .contents .joinAfter .afterProcess li .subject{
		font-size:18px;
		color:#222;
		text-align:center;
		margin-top:3px;
	}
	
	#sub .contents .joinAfter .afterProcess li .substance{
		font-size:15px;
		color:#222;
		text-align:center;
		margin-top:15px;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}





	
	#sub .contents .counsel{
		width:100%;
		margin-top:20px;
		display:inline-block;
	}
	
	
	#sub .contents .counsel li{
		width:100%;
		display:inline-block;
		clear:both;
		vertical-align:top;
		margin-left:0%;
		margin-top:1.5em;
	}
	
	#sub .contents .counsel .full{
		width:100%;
		margin-left:0;
	}
	
	#sub .contents .counsel li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#sub .contents .counsel li label{
		font-size:16px;
	}
	
	#sub .contents .submit{
		width:180px;
		margin:2.5em auto 0;
	}
	
	#sub .contents .submit .submitBTN{
		width:100%;
		padding:15px 0px;
		background:#1abbe6;
		color:#fff;
		text-align:center;
		border:0;
		font-size:16px;
	}

	.copyright-sub{
		width:100%;
		font-size:13px;
		text-align:left;
		margin:0px auto 0;
		display:inline-block;
	}

}