@media screen and (max-width: 1180px){
	#sub{
		min-width:100%;
	}
	#sub .member{
		margin:4em auto 4em;
	}

	#sub .member .inputList li > label span{
		font-size:16px;
		display:inline-block;
	}



	#sub .member .inputList li .w100{
		border:1px solid #e5e5e5;
		margin-top:10px;
	}

}







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

	#sub .member{
		width:98%;
		padding: 0 5px;
	}
	#sub .member_wrap {
		max-width: 400px;
		width: 100%;
		padding: 0 20px;
	}
	#sub .member .title span {
		font-size: 16px;
		word-break: keep-all;
	}

	#sub .member .inputList li{
		width:100%;
		margin-top:20px;
	}

	#sub .member .inputList li:first-child{
		margin-top:0px;
	}

	#sub .member .inputList li label{
		font-size:14px;
	}

	#sub .member .inputList li label span{
		font-size:13px;
	}

}











@media screen and (max-width: 1180px){
	#sub .inner,
	#sub .document{
		width:94%;
		margin: 0 auto;
	}

	#sub .document .title{
		font-size:24px;
	}



	#sub .document .doctypeList dd{
		padding:2.5em 0;
	}

	#sub .document .doctypeList dd .phone img{
		width:100%;
	}

	#sub .document .doctypeList dd .textarea .doctype{
		font-size:20px;
	}

	#sub .document .doctypeList dd .textarea .subject{
		font-size:30px;
		letter-spacing:-1px;
	}

	#sub .document .doctypeList dd .textarea .substance{
		font-size:16px;
	}


	#sub .document .moreUse .useList{
		margin-top:1.5em;
	}

	#sub .document .moreUse .useList li{
		width:23.5%;
		display:inline-block;
		margin-left:2%;
		padding:3.5em 2.5em;
		margin-top:1em;
	}

	#sub .document .moreUse .useList li .icon{
		width:50px;
	}

	#sub .document .moreUse .useList li .subject{
		font-size:18px;
	}

	#sub .document .moreUse .useList li .subs{
		font-size:14px;
	}



	#sub .document .moreUse .useList li:hover .icon{
		transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transition-duration: 1s;
		-moz-transition-duration: 1s;
		-webkit-transition-duration: 1s;
		-ms-transition-duration: 1s;
	}


}









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

	#sub .document{
		width:98%;
	}

	#sub .document .title{
		font-size:20px;
	}

	#sub .document .doctypeList dd .phone{
		width:80%;
		display:block;
		margin:10px auto 10px;
		margin-right:15px;
	}

	#sub .document .doctypeList dd .textarea{
		width:100%;
		text-align:center;
	}

	#sub .document .doctypeList dd .textarea .subject{
		font-size:24px;
	}

	#sub .document .doctypeList dd .textarea .substance{
		font-size:14px;
	}

	#sub .document .moreUse{
		margin-top:1.5em;
	}


	#sub .document .moreUse .substance{
		font-size:18px;
	}

	#sub .document .moreUse .useList li{
		width:49%;
	}

	#sub .document .moreUse .useList li:nth-child(2n+1){
		margin-left:0px;
	}

	#sub .document .moreUse .useList li .subs{
		font-size:13px;
		color:#999999;
		margin-top:5px;
	}

}











@media screen and (max-width: 1180px){
	#sub .faq{
		width:94%;
		margin:4em auto 4em;
	}
	#sub .faq .title{
		font-size:30px;
	}
	#sub .faq .faqBox{
		box-shadow: 3px 3px 4px #e5e5e5;
		padding:1.5em;
		margin-top:2.5em;
	}
	#sub .faq .faqBox .faqList li:first-child{
		padding:0 0 20px 0;
	}
	#sub .faq .faqBox .faqList li .question{
		font-size:16px;
	}
	#sub .faq .faqBox .faqList li .question .plus{
		display:inline-block;
		text-align:right;
		width:20px;
	}
	#sub .faq .faqBox .faqList li .answer{
		font-size:16px;
		display:none;
	}
}
@media screen and (max-width: 767px){
	#sub .faq{
		width:98%;
	}
	#sub .faq .faqBox .faqList li .question{
		font-size:13px;
		display:block;
		width:auto;
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	#sub .faq .faqBox .faqList li .question .plus{
		display:none;
	}
	#sub .faq .faqBox .faqList li .answer{
		font-size:13px;
	}
}







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

	#sub .fee{
		width:94%;
		margin:4px auto 80px;
	}
	#sub .fee .title{
		font-size:24px;
	}

	#sub .fee .alrText{
		font-size:16px;
	}


	#sub .fee .slButton{
		width:160px;
		margin:0 auto;
		border-radius:50px;
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		background:#ffce09;
		position:relative;
		margin-top:50px;
		padding:5px
	}


	#sub .fee .slButton .circle{
		width:50px;
		height:50px;
		background:#fff;
		display:inline-block;
		border-radius:100%;
		-moz-border-radius:100%;
		-webkit-border-radius:100%;
		vertical-align:middle;
	}


	#sub .fee .slButton .text{
		font-size:16px;
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		margin-left:10px;
		font-weight:500;
	}


	#sub .order{
		width:94%;
	}

}





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

	#sub .fee{
		width:98%;
	}
	#sub .fee .title{
		font-size:20px;
	}

	#sub .fee .alrText{
		font-size:14px;
	}

	#sub .order{
		width:98%;
	}
	#sub .order .list-check-1 li {
		width: 50%;
	}

}


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

	#sub .order .list-check-1 {
		display: block;
		flex-wrap: wrap;
	}
	#sub .order .list-check-1 li {
		width: 100%;
	}
}



@media screen and (max-width: 1180px){
	#sub .community{
		width:94%;
		margin:4em auto 4em;
	}
	#sub .community .title{
		font-size:22px;
	}
	#sub .community .communityBox .communityList li .question{
		font-size:16px;
		width:100%;
	}
	#sub .community .toolBox .deSearch input::placeholder {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px){
	#sub .community{
		width:98%;
	}
	#sub .community .title_box {
		padding: 0 1.5em;
	}
	#sub .community .title_box h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#sub .community .title_box span {
		font-size: 18px;
		line-height: 26px;
	}
	#sub .community .titlebar {
		padding-left: 1.5em;
		margin-top: 50px;
	}
	#sub .community .title{
		font-size:18px;
		margin-right: 20px;
	}
	#sub .community .toolBox {
		padding: 0 1.5em;
		margin-top: 30px;
	}
	#sub .community .toolBox .deSearch {
		width:100%;
		padding-bottom: 6px;
	}
	#sub .community .communityBox{
		width:100%;
		padding:0 1.5em 1.5em;
	}
	#sub .community .communityBox .communityList {
		padding-top: 0px;
		padding-bottom: 0;
	}
	#sub .community .communityBox .communityList li{
		padding: 10px 0;
	}
	#sub .community .communityBox .communityList li .question{
		font-size:15px;
		width:auto;
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	#sub .community .communityBox .communityList li .question .subject {
		max-width: 75%;
	}
	#sub .community .communityBox .communityList li .question.empty .subject {
		max-width: none;
	}
	#sub .community .toolBox .deSearch input::placeholder {
		font-size: 15px;
	}
	#sub .community .communityBox .communityList li .question .created_date {
		margin:0;
	}
	#sub .community .communityBox .communityList li .answer{
		font-size:13px;
	}
}

@media screen and (max-width: 1180px){
	#sub .cont {
		padding: 90px 0;
	}
	#sub h2.title {
		font-size: 30px;
		line-height: 48px;
	}
	#sub h3.title {
		font-size: 26px;
		line-height: 26px;
	}
	#sub .sub_title {
		margin-top: 24px;
		font-size: 20px;
		line-height: 34px;
	}
	#sub .cont .sub_title {
		margin-top: 24px;
		font-size: 20px;
		line-height: 34px;
	}
	#sub .company_wrap > .inner {
		margin-top: 4em;
	}
	#sub .company_title .inner {
		margin: 1em auto 1em;
		align-items: center;
	}
	#sub .company_title {
		padding: 60px 0 200px;
	}
	#sub .company_title .inner .img_wrap {
		width: 100px;
		height: auto;
	}
	#sub .company_list {
		padding: 30px;
	}
	.company_list li {
		padding: 20px;
	}
	.company_list li h3 {
		font-size: 20px;
	}
	.company_list li span {
		font-size: 18px;
	}
	.use_list {
		margin-top: 40px;
		gap: 15px;
	}
	.use_list li {
		min-height: 350px;
		padding: 30px;
		width: calc(50% - 10px);
	}
	.use_list li .badge {
		padding: 12px 20px;
		font-size: 18px;
	}
	.use_list li .text {
		font-size: 20px;
	}
	.use_list li .text_box small {
		font-size: 18px;
	}
	.content_wrap .text {
		font-size: 20px;
	}
	#sub .start_wrap {
		padding: 90px 0;
	}
	#sub .start_wrap .inner{
		padding-top: 0;
	}
	#sub .start_wrap h2 {
		font-size: 30px;
		line-height: 50px;
		margin-bottom: 15px;
	}
	#sub .start_wrap .sub_title {
		font-size: 20px;
		line-height: 34px;
	}
	.banner_wrap .img_wrap {
		max-width: 300px;
	}
	.certificate_list {
		margin-bottom: 60px;
	}
	.certificate_list li {
		height: 270px;
		padding-left: 30px;
		gap: 20px;
	}
	.certificate_list li .text {
		margin-left: 0;
	}
	.certificate_list li:first-child .img_wrap {
		margin-right: 0;
	}
	.certificate_list li:first-child,
	.certificate_list li:last-child {
		padding-right: 30px;
	}
	.certificate_list li:nth-child(2) .img_wrap {
		max-width: 400px;
	}
	.certificate_list li:nth-child(3) .img_wrap {
		max-width: 381px;
	}
	.certificate_list li:last-child .img_wrap {
		max-width: 230px;
		margin: auto 0 0;
	}
	.certificate_list li h4 {
		font-size: 24px;
		line-height: 36px
	}
	.provisions_wrap ul {
		margin-top: 60px;
	}
	.safe_list {
		grid-template-columns: repeat(auto-fit, minmax(338px, 1fr));
		padding-top: 60px;
	}
	.safe_list li {
		padding: 30px;
	}
	.safe_list li:first-child p br {
		display: none;
	}
	#sub .cont .safe_list h2 {
		line-height: 40px;
		font-size: 30px;
	}
	#sub .cont .safe_list h2 br {
		display: none;
	}
	.provisions_wrap ul {
		display: block;
	}
	.provisions_wrap ul li {
		width: 100%;
		margin-bottom: 60px;
	}
	.provisions_wrap ul li:last-child {
		margin-bottom: 0;
	}
	.provisions_wrap ul li .text {
		font-size: 18px;
	}
	.safe_list li:nth-child(2) p br {
		display: none;
	}
	.security_wrap {
		margin-bottom: 90px;
	}
	.security_cont_wrap h3 {
		margin-bottom: 20px;
	}
	/* 요금 안내 */
	.fee_list {
		padding: 0;
		justify-items: center;
	}
	.fee_list > li {
		padding: 25px 20px 40px 20px;
		width:100%;
		max-width: 400px;
	}
	.fee_list li .amount_box {
		margin-bottom: 20px;
	}
	.fee_list li .amount_box .amount {
		font-size: 20px;
	}
	.fee_list > li > button {
		/*max-width: 180px;*/
	}
	.fee_list li .text_box {
		padding-top: 20px;
	}
	.fee_list li:nth-child(2) .text_box .desc br,
	.fee_list li:last-child .text_box .desc br {
		display: none;
	}
	.fee_list li .text_box ul {
		display: flex;
		flex-direction: column;
	}
	.content_list li {
		margin-bottom: 30px;
		font-size: 16px;
		gap: 10px;
	}
	.introduction_wrap {
		flex-direction: column;
		max-width: 420px;
		width: 100%;
		margin-bottom: 90px;
		padding: 0 1.5em;
	}
	.introduction_wrap h2 {
		font-size: 28px;
	}
	.introduction_wrap h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.popup .title {
		font-size: 22px;
	}
	#authPopup .popup {
		padding: 30px 30px 30px;
	}
	.next_content_wrap {
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	#sub .cont {
		padding: 60px 0;
	}
	#sub h2.title {
		font-size: 24px;
		line-height: 42px;
	}
	#sub h3.title {
		font-size: 22px;
		line-height: 30px;
	}
	#sub .cont .sub_title {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
	}
	#sub .company_wrap.cont {
		margin-bottom: 60px;
	}
	#sub .company_title .inner {
		padding: 0 20px;
	}
	#sub .company_title .inner .img_wrap {
		margin-right: 0;
	}
	#sub .company_list {
		flex-direction: column;
		padding: 20px;
	}
	.company_list li {
		width: 100%;
	}
	.company_list li span {
		margin: 0;
	}
	.company_list li .img_wrap {
		max-width: 170px;
		display: flex;
		align-items: center;
	}
	.company_list li:first-child,
	.company_list li:nth-child(2),
	.company_list li:last-child {
		padding-right: 20px;
	}
	.use_list {
		flex-direction: column;
	}
	.use_list li {
		width: 100%;
		min-height: 300px;
	}
	.use_list li .text {
		line-height: 34px;
	}
	.use_list li .text br {
		display: none;
	}
	.use_list li .badge {
		font-size: 16px;
	}
	.use_list li .text {
		font-size: 18px;
	}
	.content_wrap .inner > div {
		flex-direction: column;
		align-items: center;
		margin-top: 40px;
	}
	.content_wrap .img_wrap {
		margin-right: 0;
		width: 210px;
		height: auto;
	}
	.content_wrap .text {
		font-size: 18px;
		margin-top: 15px;
	}
	.content_wrap .text br {
		display: none;
	}
	#sub .start_wrap h2 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 15px;
		text-align: center;
	}
	#sub .start_wrap .sub_title  {
		font-size: 18px;
		line-height: 30px;
	}
	.banner_wrap {
		padding: 60px 0;
	}
	.banner_wrap .inner {
		flex-direction: column;
		align-items: center;
	}
	.banner_wrap h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 20px;
	}
	.banner_wrap .img_wrap {
		width: 240px;
	}
	.certificate_list li h4 {
		font-size: 20px;
	}
	.security_wrap {
		margin-bottom: 60px;
	}
	.security_cont_wrap span {
		font-size: 18px;
	}
	.security_cont_wrap span br {
		display: none;
	}
	.certificate_list {
		margin-top: 80px;
	}
	.certificate_list li {
		display: block;
		height: initial;
		padding: initial;
	}
	.certificate_list li:first-child {
		padding: 20px 20px 0 20px;
	}
	.certificate_list li {
		padding: 20px 0 0 20px;
		overflow: hidden;
	}
	.certificate_list li .img_wrap {
		float: right;
	}
	.certificate_list li:nth-child(2) span {
		padding: 0 20px 20px 0;
	}
	.certificate_list li:last-child {
		padding: 20px 20px 0 20px;
	}
	.certificate_list li:first-child,
	.certificate_list li:last-child {
	}
	.certificate_list li:last-child .img_wrap {
		margin: 20px 0 0 0;
	}
	.certificate_list li:first-child .img_wrap {
		max-width: 120px;
	}
	.provisions_wrap ul li:last-child {
		margin-bottom: 0;
	}
	.certificate_list li span {
		font-size: 16px;
	}
	.provisions_wrap ul li h3 {
		font-size: 18px;
	}
	.provisions_wrap ul {
		margin-top: 30px;
	}
	.provisions_wrap ul li h3 {
		height: 40px;
		line-height: 40px;
	}
	.provisions_wrap ul li .text {
		font-size: 16px;
		line-height: 26px;
	}
	#sub .cont .safe_list h2 {
		font-size: 24px;
		text-align:  center;
	}
	.safe_list {
		gap: 20px;
		padding-top: 60px;
	}
	#sub .safe_list li:first-child h3.title {
		text-align: center;
	}
	.safe_list li p {
		font-size: 16px;
	}
	.safe_list li:first-child {
		display: block;
		height: initial;
	}
	.safe_list li:first-child p {
		font-size: 18px;
		text-align: center;
		word-break: keep-all;
	}
	#sub .container .safe_list h2 {
		text-align: center;
		word-break: keep-all;
	}

	.safe_list li {
		padding: 20px;
		height: initial;
	}
	.fee_list li:nth-child(2) .text_box .desc br, .fee_list li:last-child .text_box .desc br {
		display: block;
	}
	.fee_list li .amount_box {
		justify-content: initial;
	}
	.safe_list li h3 {
		margin-bottom: 20px;
	}
	.content_list li .possible {
		text-align: left;
	}
	.fee_list > li > button {
		max-width: initial;
	}
	.fee_list li a.yw_btn {
		margin: 0 0 30px 0;
		max-width: initial;
	}
	.content_list li {
		display: block;
	}
	#sub .provide_wrap {
		padding: 60px 1.5em;
	}
	.introduction_wrap h2 {
		font-size: 22px;
	}
	.introduction_wrap h3 {
		font-size: 16px;
	}
	.introduction_wrap span {
		font-size: 14px;
	}
	.popup {
		width: 100%;
		max-width: 340px;
		min-height: 450px;
		max-height: 80dvh;
	}
	.popup .title {
		font-size: 20px;
	}
	.next_content_wrap {
		font-size: 14px;
	}
	#sub .member .title img {
		max-width: 88px;
	}
	#sub .member .title {
		font-size: 18px;
	}
	#sub .member .loginLink {
		display: block;
	}
	#sub .member .loginLink > div:first-child {
		margin-bottom: 5px;
	}
	#sub .community .communityBox {
		margin: 40px 0 40px;
	}
	#sub .community .communityBox .communityList .content {
		padding-top: 0;
	}
	#sub .community .communityBox .communityList li {
		margin-bottom: 0;
	}
	#sub .community .communityBox .communityList li .question {
		padding: 5px;
	}
	#sub .community.community-view .communityBox .communityList li .question {
		padding: 0;
	}
	#sub .community .communityBox .communityList .content .question .created_date {
		font-size: 16px;
	}
	#sub .community .communityBox .communityList .content .question .subject {
		font-size: 20px;
	}
	#sub .community .content .back_btn {
		font-size: 16px;
	}
}