@media (max-width:360px){}
@media (min-width:361px) and (max-width:439px){}
@media (min-width:440px) and (max-width:519px){}
@media (min-width:520px) and (max-width:639px){}
@media (min-width:640px) and (max-width:799px){}
@media (min-width:800px) and (max-width:1199px){}
@media (min-width:1200px){}

@media (min-width:541px){
	.stepContent .aswDiv .selectArea input:nth-child(6n+1) {
		margin-left: 0;
	}
	.stepContent .aswDiv .selectArea input:nth-child(n+7) {
		margin-top: 9px;
	}
}
@media (max-width:540px){
	.inner {
		width:96%;
	}
	.wrap {
		-webkit-background-size: cover;
		background-size: cover;
		padding-bottom: 10%;
	}
	.mainLogo {
		padding-top: 19%;
	}
	.mainLogo img {
		width: 58%;
	}
	.main.text1 {
		font-size: 20px;
		padding-top: 10%;
	}
	.main.text2 {
		padding-top: 6%;
	}
	.main.text2 li {
		margin-top: 2%;
		padding-left: 12px;
		background: url("../images/style/check.png") no-repeat left 4px;
		-webkit-background-size: auto 7px;
		background-size:  auto 7px;
		font-size: 12px;
		line-height: 1.4;
	}
	.lingBtnWrap {
		margin-top: 13%;
	}
	.lingBtnWrap li {
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.lingBtnWrap li p {
		font-size: 18px;
		color: #2b2b2b;
		line-height: 1.17;
		padding-top: 64%;
	}
	.lingBtnWrap li .btnDiv {
		padding-top: 10%;
	}
	.lingBtnWrap li .btnDiv input {
		width: 80%;
		height: auto;
		background-color: #fff;
		line-height: 1;
		padding: 13px 0 13px;
		font-weight: 700;
		font-size: 16px;
	}
	.footer {
		margin-top: 15%;
	}
	.footer ul li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-left: 10%;
	}
	.footer ul li:after {
		top: 2px;
		right: -50%;
	}
	.footer ul li a {
		font-size: 12px;
		color: #fff;
	}
	.footer p.copy {
		font-size: 12px;
		color: #fff;
	}
	.popUp {
		width: 100%;
		padding: 4% 2% 4%;
		top: 60px;
	}
	.modalTitle {
		font-size: 14px;
		padding-left: 10px;
		padding-bottom: 6px;
		border-bottom: 1px solid #b0063a;
	}
	.modalTitle:before {
		display: block;
		position: absolute;
		content: "";
		width: 2px;
		height: 2px;
		border-radius: 50%;
		top: 8px;
		left: 0;
		background-color: #b0063a;
	}
	.modalDiv {
		margin-top: 10px;
		padding: 0 1% 0;
	}
	.modalDiv strong,.stepContent strong {
		padding-left: 10px;
		font-size: 13px;
	}
	.modalDiv strong:before,.stepContent strong:before {
		width: 2px;
		height: 2px;
		top: 7px;
	}
	.modalOutLine {
		margin-top: 6px;
		padding: 1%;
	}
	.modalInLine {
		padding: 1.5%;
		font-size: 13px;
	}
	.modalDiv .btnWrap {
		margin-top: 5%;
	}
	.modalDiv .btnWrap input,
	.modalDiv .btnWrap a {
		width: 46%;
		height: auto;
		line-height: 1;
		font-size: 14px;
		padding: 13px 0 13px;
	}
	.modalDiv .btnWrap a {
		margin-left: 8%;
	}
	.modalDiv .noticeUl li {
		font-size: 13px;
		line-height: 1.4;
		margin-top: 6px;
		text-indent: -8px;
		padding-left: 8px;
		letter-spacing: 0;
	}
	.modalDiv .noticeUl li._mobile {
		display: block;
	}
	.modalDiv .noticeUl li._pc {
		display: none;
	}
	.modalDiv .noticeMtHandle {
		margin-top: 12px;
	}
	.modalDiv .agreeDnBtn {
		margin-top: 8px;
		height: 31px;
		line-height: 29px;
		background: url("../images/style/dn_btn_bg.png") repeat-x left center;
	}
	.modalDiv .agreeDnBtn span {
		padding-left: 20px;
		-webkit-background-size: 15px;
		background-size: 15px;
		font-size: 13px;
	}
	.modalInLine.agree p {
		font-size: 13px;
		line-height: 1.6;
	}
	.modalDiv .agreeWrap {
		padding: 6px 0 6px;
	}
	.modalDiv .agreeWrap label {
		font-size: 13px;
		margin-left: 6px;
	}
	.agreeMtHandle {
		margin-top: 10px;
	}
	.allCheck {
		height: 32px;
		line-height: 30px;
	}
	.allCheck input {
		width: 13px;
		height: 13px;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #707070;
		margin: 0;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.allCheck label {
		font-weight: 400;
		font-size: 13px;
		color: #444;
		margin-left: 6px;
	}
	.upperClsBtn {
		display: block;
		position: absolute;
		right: 0;
		top: 22px;
	}
	.upperClsBtn img {
		width: 30px;
	}
	/* step 2 */
	.searchResult {
		margin-top: 20px;
		padding: 5% 5% 10%;
	}
	.main.text1.lsHandle {
		letter-spacing: 0px;
	}
	.searchResult .modalTitle {
		padding-bottom: 5px;
	}
	.stepOutLine {
		width: 96%;
		margin: 0 auto;
	}
	.stepContent {
		margin-top: 23px;
	}
	.stepContent .aswDiv {
		margin-top: 13px;
	}
	.stepContent .aswDiv span {
		font-size: 13px;
		width: 100%;
		height: 36px;
		line-height: 34px;
		padding-left: 8px;
	}
	.stepContent .aswDiv .selectArea input {
		width: calc((100% - 16px)/4);
		height: 32px;
		line-height: 30px;
		font-size: 13px;
		margin-left: 5px;
	}
	.stepContent .aswDiv .selectArea input:nth-child(4n+1) {
		margin-left: 0;
	}
	.stepContent .aswDiv .selectArea input:nth-child(n+4) {
		margin-top: 9px;
	}
	.scheduleDiv input {
		font-size: 13px;
		margin-top: 12px;
	}
	.aswDiv.info input,
	.aswDiv.info select {
		height: 36px;
	}
	.aswDiv.info input {
		padding-left: 8px;
		font-size: 16px;
	}
	.aswDiv.info input.typeC {
		width: calc((100% - 23px)*0.35); 
	}
	.aswDiv.info input.typeD {
		width: calc((100% - 23px)*0.41); 
	}
	.aswDiv.info select {
		width: calc((100% - 23px)*0.24); 
		margin-left: 5px;
		border: 1px solid #707070;
		padding-left: 5px;
		font-weight: 400;
		font-size: 14px;
		color: #212121;
	}
	.stepContent .btnWrap {
		margin-top: 5%;
	}
	.stepContent .btnWrap input,
	.stepContent .btnWrap a {
		width: 46%;
		height: auto;
		line-height: 1;
		font-size: 14px;
		padding: 13px 0 13px;
	}
	.stepContent .btnWrap a {
		margin-left: 8%;
	}
	.stepContent strong span {
		display: block;
		margin-top: 4px;
	}
}