@media screen and (max-width: 1180px){
	#main{
		min-width:94%;
	}
	#main .cont .inner {
		width: 94%;
		margin: 0 auto;
		padding-top: 90px;
	}
	#main .visualArea{
		width:94%;
		margin:2.5em auto 0;
	}
	#main .visualArea .inner .textArea{
		width:64%;
	}
	#main .visualArea .inner .textArea .subject{
		font-size:30px;
		line-height:48px;
	}
	#main .visualArea .inner .textArea .substance{
		font-size:18px;
	}
	#main .visualArea .inner .textArea .button{
		padding:12px 30px;
		font-size:15px;
	}
	#main .visualArea .inner .imgArea{
		width:35%;
		text-align:center;
	}
	#main .visualArea .inner .imgArea .visual{
		width:75%;
		left:11%;
	}
	#main .visualArea .inner .imgArea .visual img{
		background:pink
	}
}


@media screen and (max-width: 767px){
	#main .visualArea .inner .textArea{
		width:100%;
		text-align:center;
	}
	#main .visualArea .inner .textArea .subject{
		font-size:24px;
		text-align:center;
	}
	#main .visualArea .inner .textArea .substance{
		font-size:14px;
		text-align:center;
	}
	#main .visualArea .inner .textArea .button{
		margin:50px auto 0;
		width:200px;
		text-align:center;
	}
	#main .visualArea .inner .imgArea{
		width:90%;
		margin-top:2em;
		margin-left:2em
	}
}


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

	#main .mainTitle .title{
		font-size:30px;
	}
	#main .mainTitle .subs{
		word-break:keep-all;
	}
}



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

	#main .mainTitle .title{
		font-size:24px;
	}
	#main .mainTitle .subs{
		font-size:14px;
	}

}


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

	#main .document{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .document .doctype{
		margin-top:2.5em;
	}
	#main .document .doctype li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:2%;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background:#f7f7f7;
		padding:3.5em 2em;
	}
	#main .document .doctype li .icon{
		width:50px;
	}
	#main .document .doctype li .subject{
		font-size:20px;
	}
	#main .document .doctype li .substance{
		font-size:13px;
		letter-spacing:-1px;
	}
	#main .document .doctype li .more{
		margin-top:2.5em;
	}

	#main .document .doctype li .more .text{
		font-size:14px;
	}

	#main .document .doctype li .more .icon{
		width:30px;
	}

}


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

	#main .document .doctype li{
		width:100%;
		clear:both;
		margin-left:0%;
		margin-top:1em;
		padding:3.5em 2.5em;
	}
	#main .document .doctype li .subject{
		font-size:18px;
	}
	#main .document .doctype li .substance{
		letter-spacing:-0.5px;
	}

}

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

	#main .security{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .security .securityList{
		margin:2.5em auto 0;
	}
	#main .security .securityList img{
		width:100%;
	}
}

@media screen and (max-width: 767px){
	#main .security .securityList{
		width:280px;
	}
}

@media screen and (max-width: 1180px){
	#main .easy{
		margin-top:7.5em;
		padding:7.5em 0px;
	}
	#main .easy .easyProcess{
		width:94%;
		margin:2.5em auto 0;
	}
}



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

	#main .easy .easyProcess dd .subject{
		width:100%;
		font-size:16px;
		text-align:left;
		padding-top:20px;

	}
	#main .easy .easyProcess dd:first-child .subject{
		border-top:1px solid #e5e5e5;
	}
	#main .easy .easyProcess dd .processList{
		width:100%;
	}
	#main .easy .easyProcess dd:first-child .processList{
		border-top:0px solid #e5e5e5;
	}
	#main .easy .easyProcess dd .processList li{
		width:19%;
	}
	#main .easy .easyProcess dd .processList li .icon{
		width:30px;
	}
	#main .easy .easyProcess dd .processList li .text{
		font-size:12px;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar{
		width:10px;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar:First-child{
		display:none;
	}
	#main .easy .easyProcess dd .processList .arrow .startBar img{
		width:100%;
	}
	#main .easy .easyProcess dd .processList .arrow .finishBar{
		width:10px;
		margin:0;
	}
}


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

	#main .convenient{
		width:94%;
		padding-bottom:7.5em;
	}
	#main .convenient .textArea{
		width:48%;
	}
	#main .convenient .textArea .tabList li{
		padding:12px 20px;
		font-size:14px;
	}
	#main .convenient .imgArea{
		width:48%;
		margin-left:3.5%;
	}
	#main .convenient .imgArea .imgCont{
		width:100%;
	}
	#main .convenient .imgArea .imgCont img{
		width:100%;
	}
}


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

	#main .convenient .textArea{
		width:100%;
	}
	#main .convenient .textArea .mainTitle .title{
		text-align:center;
	}
	#main .convenient .textArea .mainTitle .subs{
		text-align:center;
	}
	#main .convenient .textArea .tabList{
		margin-top:50px;
		text-align:center;
		width:100%;
	}
	#main .convenient .textArea .tabList li{
		padding:12px 30px;
		font-size:13px;
	}
	#main .convenient .imgArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}

}


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

	#main .mydocument{
		width:94%;
		margin:7.5em auto 7.5em;
	}
	#main .mydocument .imgArea{
		width:48%;
	}
	#main .mydocument .imgArea .visual{
		width:80%;
		margin-left:-40%;
	}
	#main .mydocument .textArea{
		width:48%;
		margin-left:3.5%;
	}
}



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

	#main .mydocument .imgArea{
		width:100%;
		text-align:center;
	}
	#main .mydocument .imgArea .visual{
		margin-left:-38%;
	}
	#main .mydocument .imgArea .visual .docPhone img{
		width:100%;
	}
	#main .mydocument .imgArea .visual .viAbsol{
		width:70%;
		left:50%;
		margin-left:-37%;
		top:-3%;
	}
	#main .mydocument .imgArea .visual .viAbsol img{
		width:100%;
	}
	#main .mydocument .textArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}
	#main .mydocument .textArea .mainTitle .title{
		text-align:center
	}
	#main .mydocument .textArea .mainTitle .subs{
		text-align:center
	}
}


@media screen and (max-width: 1180px){
	#main .function{
		width:94%;
		margin:7.5em auto 0;
	}
	#main .function .textArea{
		width:48%;
	}
	#main .function .imgArea{
		width:48%;
		margin-left:3.5%;
	}
	#main .function .imgArea .functionImg{
		width:80%;
	}
	#main .function .imgArea .functionImg img{
		width:100%;
	}
}



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

	#main .function .textArea{
		width:100%;
	}

	#main .function .textArea .mainTitle .title{
		text-align:center;
	}

	#main .function .textArea .mainTitle .subs{
		text-align:center;
	}

	#main .function .imgArea{
		width:100%;
		margin-left:0%;
		margin-top:2em;
	}
}


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

	#main .difficult{
		width:94%;
		margin:7.5em auto 0;
	}

	#main .difficult .difficultList{
		margin-top:2.5em;
	}

	#main .difficult .difficultList li{
		margin:0px 1em;
	}

}


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

	#main .difficult .difficultList li{
		width:80px;
		margin:0px 0.5em;
	}

	#main .difficult .difficultList .arrow{
		width:10px;
	}

}


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

	#main .counsel{
		width:94%;
		margin:7.5em auto 7.5em;
	}

}


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

	#main .counsel .formList li{
		width:100%;
	}

	#main .counsel .formList li.right{
		margin-left:0;
	}
}

/* 수정 */
@media screen and (max-width: 1180px) {
	.buttons a {
		padding: 15px 18px;
		font-size: 15px;
	}
	#main .cont h2.title {
		font-size: 30px;
		line-height: 48px;
	}
	#main .cont h3.title {
		font-size: 26px;
		line-height: 26px;
	}
	#main .sub_title {
		margin-top: 24px;
		font-size: 20px;
		line-height: 34px;
	}
	.corporation_wrap {
		padding-bottom: 90px;
	}
	.corporation_wrap .logo_box .row {
		gap: 20px;
	}
	.all_in_one_wrap .title {
		font-size: 16px;
		padding: 14px 0;
	}
	.all_in_one_wrap .grid_list > div {
		padding: 25px 25px 0;
	}
	.all_in_one_wrap .grid_list .item3 li {
		padding: 15px 30px;
	}
	.all_in_one_wrap .grid_list .item4 {
		padding: 25px 0 0 0 ;
	}
	.all_in_one_wrap .grid_list .item4 h3,
	.all_in_one_wrap .grid_list .item4 span {
		padding-left: 25px;
	}
	.editor_wrap .inner .item1,
	.editor_wrap .inner .item3 {
		display: block;
		text-align: center;
	}
	.editor_wrap .inner .item2,
	.editor_wrap .inner .item4 {
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
	}
	.editor_wrap .item1 .text,
	.editor_wrap .item3 .text {
		margin-right: 0;
	}
	.editor_wrap .item2 .text,
	.editor_wrap .item4 .text {
		margin-left: 0;
	}
	.editor_wrap .item .text span {
		margin-bottom: 30px;
		font-size: 18px;
	}
	.editor_wrap .text h3 br,
	.editor_wrap .text span br {
		display: none;
	}
	.editor_wrap .img_wrap {
		max-width: initial;
	}
	.doc_type_wrap ul li div {
		font-size: 16px;
	}
	.security_wrap .grid_list {
		grid-template-columns: repeat(auto-fit, minmax(2fr, 1fr));
	}
	.security_wrap .item1 {
		font-size: 20px;
	}
	.security_wrap .item2,
	.security_wrap .item3 {
		font-size: 18px;
	}
	.security_wrap .item4 {
		padding: 20px 0 0 20px;
	}
	.security_wrap .item4 .text br {
		display: none;
	}
	.security_wrap .item4 p {
		word-break: keep-all;
		font-size: 18px;
	}
	.security_wrap .item6 p, .security_wrap .item7 p {
		font-size: 18px;
		line-height: 26px;
	}
	.partner_wrap {
		padding-bottom: 90px;
	}
	.partner_wrap .inner > div {
		gap: 20px 30px;
	}
}
@media screen and (max-width: 767px) {
	.cont {
		padding: 60px 0;
	}
	#main .cont .inner {
		padding-top: 60px;
	}
	#main .cont h2.title {
		font-size: 24px;
		line-height: 42px;
	}
	#main .cont h3.title {
		font-size: 22px;
		line-height: 30px;
	}
	#main .sub_title {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
	}
	.security_wrap .item4 h3,
	.security_wrap .item5 h3,
	.security_wrap .item6 h3,
	.security_wrap .item7 h3,
	.partner_wrap h2
	{
		font-size: 24px;
		line-height: 42px;
	}
	.all_in_one_wrap .grid_list .item1 h3 {
		text-align: left;
	}
	.all_in_one_wrap .title {
		font-size: 15px;
		padding: 12px 0;
	}
	.corporation_wrap .logo_box .row {
		gap: 10px;
	}
	.corporation_wrap .logo_box .row img {
		width: 125px;
	}
	.all_in_one_wrap .grid_list {
		display: block;
	}
	.all_in_one_wrap .grid_list > div {
		padding: 20px 20px 0;
		margin-bottom: 30px;
	}
	.all_in_one_wrap .grid_list .text {
		margin-top: 10px;
		text-align: left;
	}
	.all_in_one_wrap .grid_list span {
		margin-bottom: 40px;
		font-size: 16px;
	}
	.all_in_one_wrap .grid_list span br {
		display: none;
	}
	.all_in_one_wrap .grid_list .item1 img {
		padding: 0;
	}
	.all_in_one_wrap .grid_list .item2 {
		flex-direction: column;
		align-items: center;
	}
	.all_in_one_wrap .grid_list .item2 .text {
		margin: 10px 0 40px;
	}
	.all_in_one_wrap .grid_list .item4 h3 {

	}
	.all_in_one_wrap .grid_list span {
		margin-bottom: 0;
	}
	.editor_wrap .inner > div {
		/*margin-bottom: 0;*/
	}
	.editor_wrap .text h3 {
		font-size: 26px;
	}
	.doc_type_wrap span br {
		display: none;
	}
	.doc_type_wrap ul li div {
		margin-top: 15px;
	}
	.security_wrap .grid_list {
		display: block;
	}
	.security_wrap .grid_list > div {
		margin-bottom: 10px;
	}
	.security_wrap .item1 {
		padding: 20px 10px;
	}
	.security_wrap .item4 h3 {
		margin-bottom: 10px;
		line-height: 30px;
	}
	.security_wrap .item4 {
		display: block;
		padding: 30px 0 0 30px;
	}
	.security_wrap .item4 .text {
		margin-top: 0;
		padding-right: 10px;
		margin-bottom: 10px;
	}
	.security_wrap .item4 .text p,
	.security_wrap .item5 p,
	.security_wrap .item6 p,
	.security_wrap .item7 p {
		font-size: 16px;
	}
	.security_wrap .item5 {
		display: block;
	}
	.security_wrap .item5 .img_wrap {
		justify-content: end;
	}
	.partner_wrap .inner > div {
		flex-wrap: wrap;
		gap: 10px;
	}
	.partner_wrap,
	.all_in_one_wrap,
	.editor_wrap,
	.doc_type_wrap,
	.start_wrap {
		padding-bottom: 60px;
	}
	.partner_wrap img {
		width: 85px;
		height: auto;
	}
	.start_wrap h2 {
		margin-bottom: 0;
	}
	.start_wrap span {
		font-size: 18px;
	}
}