@charset "utf-8";

/* ************* common ************** */
input[type="text"],
input[type="password"],
input[type="number"],
select,
button,
textarea {
	border-radius:3px;
	z-index:0; position:relative; border:1px solid #ddd;
	height:50px; padding:0 12px; line-height:50px;
	font-size:15px; line-height:1; color:#333; font-weight:normal;
	background-color:#f9f9f9; background-image:none;
	width:100%;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow:0 0 0 1000px transparent inset;
}
input::-webkit-input-placeholder {font-weight:400 !important; color:#666 !important;} /*크롬,사파리*/
input::-moz-placeholder {font-weight:400 !important; color:#666 !important;} /*파폭*/
input::-ms-input-placeholder {font-weight:400 !important; color:#666 !important;} /*ie*/
input:focus,select:focus,textarea:focus {z-index:1; outline:none !important; border:1px solid #bbb; background-color:#f9f9f9;}

select {
	border-radius:3px;
	cursor:pointer; color:#333;
	background-image:url(../images/program/arrow_down.png);
	background-color:#f9f9f9;
	background-repeat:no-repeat;
	background-position:100% center;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {display:none;} /*ie 없애기*/
form[class^="form-"] textarea {width:100% !important; height:120px !important; resize:none;}
input:disabled,
input:read-only {background-color:#edf9ff !important; cursor:default; color:#888;}
input:-moz-disabled,
input:-moz-read-only {background-color:#edf9ff !important;}
input:disabled:focus,
input:read-only:focus {background-color:#edf9ff !important; border:1px solid #ddd !important;}
input:-moz-disabled:focus,
input:-moz-read-only:focus {background-color:#edf9ff !important; border:1px solid #ddd !important; border:1px solid #ddd !important;}
textarea {line-height:1.8; max-width:100%; min-width:100%;}
textarea:disabled {background:#f9f9f9 !important;}
button {cursor:pointer;}

/* 체크박스 */
.checkWrap>* {display:inline-block; font-weight:normal;}
.checkWrap input {display:none;}

.checkWrap input[type="radio"]+label {
	padding-left:30px;
	background:url(../images/program/icon_radioOff.svg) no-repeat 0 50%; background-size:20px; cursor:pointer;
	font-size:15px; line-height:1.6;
}
.checkWrap input[type="radio"]:checked+label {background:url(../images/program/icon_radioOn.svg) no-repeat 0 50%; background-size:20px; color:#000;}

.checkWrap input[type="checkbox"]+label {
	padding-left:30px;
	background:url(../images/program/icon_checkOff.svg) no-repeat 0 4px; background-size:20px; cursor:pointer;
	font-size:16px; line-height:1.6;
}
.checkWrap input[type="checkbox"]:checked+label {background:url(../images/program/icon_checkOn.svg) no-repeat 0 50%; background-size:20px; color:#000;}

	/*그레이/블루*/
	/* .checkWrap.typeGray input[type="checkbox"]+label {padding:10px 0 10px 40px; background:url(../images/program/icon_checkOff2.svg) no-repeat 0 50%; background-size:30px; cursor:pointer; font-size:18px; line-height:1.6;} */
	/* .checkWrap.typeGray input[type="checkbox"]:checked+label {background:url(../images/program/icon_checkOn2.svg) no-repeat 0 50%; background-size:30px; color:#000;} */


.checkWrap>li {margin-right:20px;}


/* 기본게시판 말고 .. 게시판 형태의 새로운 페이지의 페이징 시작 { */

/* 게시판 페이징-모바일용 */
.page_box_normal {position:relative; margin-top:30px; text-align:center;}
.page_box_normal .mobile label {display:none;}
.page_box_normal .mobile {display:inline-block; margin:0; padding:0;}
.page_box_normal .mobile>li {float:left; height:100%;}
.page_box_normal .mobile>li:last-child {padding-right:0;}
.page_box_normal .mobile select{height:40px;border-radius:0;background:url(../images/common/i_arrow_bottom.png) no-repeat 90% 50%!important;background-size:10px!important;padding: 6px 35px 6px 12px;}
/*
.page_box_normal .mobile .prev,
.page_box_normal .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box_normal .mobile .prev {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box_normal .mobile .next {display:block; min-width:34px; height:40px; background:url(/img/common_responsive/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box_normal .mobile .write:hover {background:#000; color:#fff !important;}
.page_box_normal .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box_normal .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box_normal .mobile .btn-default  {border:0; height:32px !important;}

/* 게시판 페이징 - pc용 */
.page_box_normal {position:relative; text-align:center; border:1px solid transparent;}
.page_box_normal .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box_normal .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
.page_box_normal .pc.pagination>li>a.active {color:#555; background:#fff !important; border:1px solid #dedede; font-weight:normal; border-bottom:3px solid #000;}
.page_box_normal .pc.pagination .first,
.page_box_normal .pc.pagination .prev,
.page_box_normal .pc.pagination .next,
.page_box_normal .pc.pagination .last {color:#333; background-color:#fff;}
.page_box_normal .pc.pagination .first:hover,
.page_box_normal .pc.pagination .prev:hover,
.page_box_normal .pc.pagination .next:hover,
.page_box_normal .pc.pagination .last:hover {background:#f0f0f0}
.page_box_normal .pc.pagination .prev {margin-right:10px;}
.page_box_normal .pc.pagination .next {margin-left:10px;}
.page_box_normal .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; background:#eee !important; color:#000 !important;}
.page_box_normal .pc.pagination .write:hover {background:#e5e5e5 !important;}
.board_ebi .pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box_normal {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box_normal .pc {display:inline-block;}
.page_box_normal .pc li {float:left; margin-left:-1px;}
.page_box_normal .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box_normal .pc li a:hover {background:#f0f0f0;}
.page_box_normal .pc li a.active {background:#333; color:#fff; border-color:#333;}
.page_box_normal .pc li a.prev {margin-right:10px;}
.page_box_normal .pc li a.next {margin-left:10px;}

@media screen and (max-width: 991px) {
	.page_box_normal .mobile .btn-default {background:url(/img/common_responsive/select.png)right 50% no-repeat;}
}

/* } 기본게시판 말고 .. 게시판 형태의 새로운 페이지의 페이징 스타일 끝 */


/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	/* 이용약관 */
	.inner.apply .agreeWrap {padding:0; border-radius:5px; overflow:hidden;}
	.inner.apply .agreeWrap>article {padding:30px 50px; height:270px; overflow-y:auto; border:1px solid #ddd; border-bottom:0; border-radius:5px 5px 0 0;}
	.inner.apply .agreeWrap dl {font-size:16px;}
	.inner.apply .agreeWrap dl dt {color:#000;}
	.inner.apply .agreeWrap dl dd {font-weight:300; font-size:16px; color:#666;}
		.inner.apply .agreeWrap dl.dep1+dl.dep1 {margin-top:50px;}
		.inner.apply .agreeWrap dl.dep1>dt  {font-weight:500; font-family:"NexonGothic"; font-size:22px;}
		.inner.apply .agreeWrap dl.dep2 {margin-top:30px;}
		.inner.apply .agreeWrap dl.dep2>dt  {font-weight:400; font-size:18px;}
		.inner.apply .agreeWrap dl.dep2>dt+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep2>dd>p {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3 {font-weight:400; font-size:16px;}
		.inner.apply .agreeWrap dl.dep3+dl.dep3 {margin-top:20px;}
		.inner.apply .agreeWrap dl.dep3>dt+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3>dd {padding-left:15px; position:relative;}
		.inner.apply .agreeWrap dl.dep3>dd+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3>dd:before {
			position:absolute; top:12px; left:0; width:5px; height:1px; background:#000;
		}
	.inner.apply ul.dotType {margin-top:5px;}
	.inner.apply ul.dotType li {font-weight:300; font-size:16px; color:#666;}
	.inner.apply ul.dotType li+li {margin-top:5px;}
	.inner.apply .agreeWrap .checkWrap {padding:15px 30px; color:#000; text-align:right; background:#f5f5f5; border:1px solid #ddd; border-top:1px dotted #aaa; border-radius:0 0 5px 5px;}

	
	/*폼시작*/
	.layout-formWrap {margin-top:50px;}
	
	.layout-formWrap .topMent {margin-bottom:20px; position:relative;}
	.layout-formWrap .topMent span {
		display:inline-block; position:absolute; top:3px; left:0;
		width:30px; height:27px;
		background:url(../images/member/i-ment.svg)no-repeat center;
		background-size:cover;
	}
	.layout-formWrap .topMent p {font-size:16px; padding-left:45px;}
	
	.layout-formWrap .mustWrap {text-align:right; padding-bottom:20px;}
	.layout-formWrap .mustWrap>span {font-size:14px; color:#000; position:relative; padding-left:20px;}
	.layout-formWrap .mustWrap>span:before {
		position:absolute; top:5px; left:0;
		display:block; content:"";
		width:9px; height:9px; background:#ff4081;
		border-radius:50%;
	}
	
	.layout-formWrap .form-group.first {border-top:1px solid #000 !important;}
	.layout-formWrap .form-group {overflow:hidden; padding:15px; border:1px solid #e9e9e9; border-top:0;}
	.layout-formWrap .form-group>* {float:left; display:inline-block;}
	.layout-formWrap .form-group>label {width:250px; padding:10px 30px 0; font-size:17px; color:#000; font-weight:400;}
	.layout-formWrap .form-group>label.modifyHeight {padding-top:0;}
	.layout-formWrap .form-group>div {width:calc(100% - 250px);}
	
	.layout-formWrap .form-group>label span.must {padding-right:20px; position:relative;}
	.layout-formWrap .form-group>label span.must:before {
		position:absolute; top:5px; right:0;
		display:block; content:"";
		width:9px; height:9px; background:#ff4081;
		border-radius:50%;
	}
	
	.halfWrap {overflow:hidden;}
	.halfWrap>.half {display:inline-block; width:50%; float:left;}
	.halfWrap>.half.include-txt:last-child {padding-left:20px; padding-top:15px;}
	.halfWrapFull {overflow:hidden; width:100%;}
	.halfWrapFull>.half {display:inline-block; width:50%; float:left;}
	
	.layout-formWrap p.ment {font-size:15px; color:#999;}
		/*생일*/
		.layout-formWrap .layoutType1 .layout-box>div {float:left; display:inline-block;}
		.layout-formWrap .layoutType1 .layout-box>div:first-child {width:calc(100% - 50px); padding-right:5px;}
		.layout-formWrap .layoutType1 .layout-box>div:last-child {width:50px;}
		.layout-formWrap .layoutType1 .layout-box>div:last-child a {
			border-radius:3px;
			display:inline-block; height:50px; width:100%;
			border:1px solid #ddd;
			background-color:#fff;
			background-position:calc(50% + 1px) center;
			background-repeat:no-repeat;
			background-size:62%;
		}
		.layout-formWrap .layoutType1 .layout-box>div:last-child a.btn {background-image:url(../images/program/i-calendar.png);}
		/*전화*/
		.layout-formWrap .phoneWrap {padding-right:500px;}
		.layout-formWrap .phoneWrap>div {float:left; display:inline-block;}
		.layout-formWrap .phoneWrap>div+div {padding-left:5px;}
		.layout-formWrap .phoneWrap>div:nth-child(1) {width:33.4%;}
		.layout-formWrap .phoneWrap>div:nth-child(2) {width:33.3%;}
		.layout-formWrap .phoneWrap>div:nth-child(3) {width:33.3%;}
		/* ★ 전화-수신동의 포함*/
		.layout-formWrap .phoneWrap.include-checkMent {padding-right:0;}
		.layout-formWrap .phoneWrap.include-checkMent article {overflow:hidden;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child {padding-right:500px;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div {float:left; display:inline-block;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div+div {padding-left:5px;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(1) {width:33.4%;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(2) {width:33.3%;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(3) {width:33.3%;}
		.layout-formWrap .include-checkMent .checkWrap.typeGray input[type="checkbox"]+label {font-size:16px; padding-left:30px; background-size:20px;}
		.layout-formWrap .include-checkMent .checkWrap.typeGray input[type="checkbox"]:checked+label {background-size:20px;}
		
		/*주소*/
		.layout-formWrap .addressWrap .zipcode {overflow:hidden;}
		.layout-formWrap .addressWrap .zipcode>div {float:left; display:inline-block; width:50%;}
		.layout-formWrap .addressWrap .zipcode>div:last-child {padding-left:5px;}
		.layout-formWrap .addressWrap .zipcode>div:last-child a {
			border-radius:3px;
			display:inline-block; height:50px; line-height:50px; padding:0 20px;
			border:1px solid #ddd;
			background-color:#fff;
			font-size:14px; color:#000;
		}
		.layout-formWrap .addressWrap .basic {margin-top:10px;}
		
	/*자동입력방지*/		
	.autoCodeWrap>div {float:left; display:inline-block;}
	.autoCodeWrap>.autoCode {width:12%; padding-top:10px; letter-spacing:1px;}
	.autoCodeWrap>div:last-child {width:88%;}
	.autoCodeWrap>.autoCode>span {color:#00b0ff !important; font-weight:700 !important; font-size:1.2em !important; font-style:Italic !important;}
	
	
	/*버튼*/
	.btnWrap-single {font-size:0; text-align:center; margin-top:50px;}
	.btnWrap-single li {display:inline-block;}
	.btnWrap-single li+li {margin-left:10px;}
	.btnWrap-single li a {display:block; padding:20px 40px; line-height:1; background:#26348b; color:#fff; font-size:18px; border-radius:5px; position:relative;}
	.btnWrap-single li a.type2 {background:#f9f9f9; color:#000; border:1px solid #ddd;}
	
	/*버튼-smallType ex>레이어팝업*/
	.btnWrap-single.smallType {margin-top:30px;}
	.btnWrap-single.smallType li a {padding:15px 40px; font-size:16px;}
	
	/************************** 모바일 달력 START **********************/
	.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
	.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
	.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}

	.mobileCalInner {text-align:center; background:#fff; padding:50px; border-radius:30px;}


	/* 하단 페이지 버튼 */ 
	.mobileCalInner .btn_box {text-align:center;}
	.mobileCalInner .btn_box ul {margin:10px 0;}
	.mobileCalInner .btn_box li {display:inline-block;}


	.mobileCalInner>article>* {display:inline-block; vertical-align:middle;}
	.mobileCalInner>article>span {padding-left:5px;}
	.mobileCalInner>article>span+select {margin-left:15px;}
	.mobileCalInner select {
		height:40px;
		margin:0;
		font-size:inherit; line-height:1.4;
		max-width:100%;
		border:1px solid #ddd; background-color:#fff;
		border-radius:5px;
		box-shadow:none !important;
		width:85px;
	}

	.mobileCalInner select {
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
	}


	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/************************** 모바일 달력 END **********************/
}



/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 이용약관 */
	.inner.apply .agreeWrap {padding:0; border-radius:5px; overflow:hidden;}
	.inner.apply .agreeWrap>article {padding:30px; height:200px; overflow-y:auto; border:1px solid #ddd; border-bottom:0; border-radius:5px 5px 0 0;}
	.inner.apply .agreeWrap dl {font-size:16px;}
	.inner.apply .agreeWrap dl dt {color:#000;}
	.inner.apply .agreeWrap dl dd {font-weight:300; font-size:16px; color:#666;}
		.inner.apply .agreeWrap dl.dep1+dl.dep1 {margin-top:50px;}
		.inner.apply .agreeWrap dl.dep1>dt  {font-weight:500; font-family:"NexonGothic"; font-size:20px;}
		.inner.apply .agreeWrap dl.dep2 {margin-top:30px;}
		.inner.apply .agreeWrap dl.dep2>dt  {font-weight:400; font-size:18px;}
		.inner.apply .agreeWrap dl.dep2>dt+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep2>dd>p {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3 {font-weight:400; font-size:16px;}
		.inner.apply .agreeWrap dl.dep3+dl.dep3 {margin-top:20px;}
		.inner.apply .agreeWrap dl.dep3>dt+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3>dd {padding-left:15px; position:relative;}
		.inner.apply .agreeWrap dl.dep3>dd+dd {margin-top:5px;}
		.inner.apply .agreeWrap dl.dep3>dd:before {
			position:absolute; top:12px; left:0; width:5px; height:1px; background:#000;
		}
	.inner.apply ul.dotType {margin-top:5px;}
	.inner.apply ul.dotType li {font-weight:300; font-size:16px; color:#666;}
	.inner.apply ul.dotType li+li {margin-top:5px;}
	.inner.apply .agreeWrap .checkWrap {padding:15px 30px; color:#000; text-align:right; background:#f5f5f5; border:1px solid #ddd; border-top:1px dotted #aaa; border-radius:0 0 5px 5px;}

	
	/*폼시작*/
	.layout-formWrap {margin-top:50px;}
	
	.layout-formWrap .topMent {margin-bottom:20px; position:relative;}
	.layout-formWrap .topMent span {
		display:inline-block; position:absolute; top:3px; left:0;
		width:30px; height:27px;
		background:url(../images/member/i-ment.svg)no-repeat center;
		background-size:cover;
	}
	.layout-formWrap .topMent p {font-size:15px; padding-left:45px;}
	
	.layout-formWrap .mustWrap {text-align:right; padding-bottom:20px;}
	.layout-formWrap .mustWrap>span {font-size:14px; color:#000; position:relative; padding-left:20px;}
	.layout-formWrap .mustWrap>span:before {
		position:absolute; top:5px; left:0;
		display:block; content:"";
		width:9px; height:9px; background:#ff4081;
		border-radius:50%;
	}
	
	.layout-formWrap .form-group.first {border-top:1px solid #000 !important;}
	.layout-formWrap .form-group {overflow:hidden; padding:20px; border:1px solid #e9e9e9; border-top:0;}
	.layout-formWrap .form-group>* {float:left; display:inline-block; width:100%;}
	.layout-formWrap .form-group>label {padding:0 0 10px 0; font-size:17px; color:#000; font-weight:400;}
	.layout-formWrap .form-group>div {padding:0; margin:0;}
	
	.layout-formWrap .form-group>label span.must {padding-right:20px; position:relative;}
	.layout-formWrap .form-group>label span.must:before {
		position:absolute; top:5px; right:0;
		display:block; content:"";
		width:9px; height:9px; background:#ff4081;
		border-radius:50%;
	}
	
	.halfWrap {overflow:hidden;}
	.halfWrap>.half {display:inline-block; width:50%; float:left;}
	.halfWrap>.half.include-txt:last-child {padding-left:20px; padding-top:10px;}
	.halfWrapFull {overflow:hidden; width:100%;}
	.halfWrapFull>.half {display:inline-block; width:50%; float:left;}
	
	.layout-formWrap p.ment {font-size:15px; color:#999;}
		/*생일*/
		.layout-formWrap .layoutType1 .layout-box>div {float:left; display:inline-block;}
		.layout-formWrap .layoutType1 .layout-box>div:first-child {width:calc(100% - 50px); padding-right:5px;}
		.layout-formWrap .layoutType1 .layout-box>div:last-child {width:50px;}
		.layout-formWrap .layoutType1 .layout-box>div:last-child a {
			border-radius:3px;
			display:inline-block; height:50px; width:100%;
			border:1px solid #ddd;
			background-color:#fff;
			background-position:calc(50% + 1px) center;
			background-repeat:no-repeat;
			background-size:62%;
		}
		.layout-formWrap .layoutType1 .layout-box>div:last-child a.btn {background-image:url(../images/program/i-calendar.png);}
		/*전화*/
		.layout-formWrap .phoneWrap {padding-right:0;}
		.layout-formWrap .phoneWrap>div {float:left; display:inline-block;}
		.layout-formWrap .phoneWrap>div+div {padding-left:5px;}
		.layout-formWrap .phoneWrap>div:nth-child(1) {width:33.4%;}
		.layout-formWrap .phoneWrap>div:nth-child(2) {width:33.3%;}
		.layout-formWrap .phoneWrap>div:nth-child(3) {width:33.3%;}
		/* ★ 전화-수신동의 포함*/
		.layout-formWrap .phoneWrap.include-checkMent {padding-right:0;}
		.layout-formWrap .phoneWrap.include-checkMent article {overflow:hidden;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div {float:left; display:inline-block;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div+div {padding-left:5px;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(1) {width:33.4%;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(2) {width:33.3%;}
		.layout-formWrap .phoneWrap.include-checkMent article:first-child div:nth-child(3) {width:33.3%;}
		.layout-formWrap .include-checkMent .checkWrap.typeGray input[type="checkbox"]+label {font-size:16px; padding-left:30px; background-size:20px;}
		.layout-formWrap .include-checkMent .checkWrap.typeGray input[type="checkbox"]:checked+label {background-size:20px;}
		
		/*주소*/
		.layout-formWrap .addressWrap {overflow:hidden;}
		/* .layout-formWrap .addressWrap>div {float:left; display:inline-block; width:100%; border:3px solid red; line-height:1;} */
		.layout-formWrap .addressWrap .zipcode {overflow:hidden;}
		.layout-formWrap .addressWrap .zipcode>div {float:left; display:inline-block; width:50%;}
		.layout-formWrap .addressWrap .zipcode>div:last-child {padding-left:5px;}
		.layout-formWrap .addressWrap .zipcode>div:last-child a {
			border-radius:3px;
			display:inline-block; height:50px; line-height:50px; padding:0 20px;
			border:1px solid #ddd;
			background-color:#fff;
			font-size:14px; color:#000;
		}
		.layout-formWrap .addressWrap .basic {float:left; display:inline-block; width:100%; margin-top:10px;}
		
	/*자동입력방지*/	
	.autoCodeWrap>div {float:left; display:inline-block;}
	.autoCodeWrap>.autoCode {width:20%; padding-top:7px; letter-spacing:1px;}
	.autoCodeWrap>div:last-child {width:80%;}
	.autoCodeWrap>.autoCode>span {color:#00b0ff !important; font-weight:700 !important; font-size:1.2em !important; font-style:Italic !important;}
	
	
	/*버튼*/
	.btnWrap-single {font-size:0; text-align:center; margin-top:50px;}
	.btnWrap-single li {display:inline-block;}
	.btnWrap-single li+li {margin-left:10px;}
	.btnWrap-single li a {display:block; padding:20px 40px; line-height:1; background:#26348b; color:#fff; font-size:18px; border-radius:5px; position:relative;}
	.btnWrap-single li a.type2 {background:#f9f9f9; color:#000; border:1px solid #ddd;}
	
	/************************** 모바일 달력 START **********************/
	.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
	.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
	.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}

	.mobileCalInner {text-align:center; background:#fff; padding:50px; border-radius:30px;}


	/* 하단 페이지 버튼 */ 
	.mobileCalInner .btn_box {text-align:center;}
	.mobileCalInner .btn_box ul {margin:10px 0;}
	.mobileCalInner .btn_box li {display:inline-block;}


	.mobileCalInner>article>* {display:inline-block; vertical-align:middle;}
	.mobileCalInner>article>span {padding-left:5px;}
	.mobileCalInner>article>span+select {margin-left:15px;}
	.mobileCalInner select {
		height:40px;
		margin:0;
		font-size:inherit; line-height:1.4;
		max-width:100%;
		border:1px solid #ddd; background-color:#fff;
		border-radius:5px;
		box-shadow:none !important;
		width:85px;
	}

	.mobileCalInner select {
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
	}


	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/************************** 모바일 달력 END **********************/
	
}	




	
/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/*이용약관*/
	
	.halfWrap {width:100%;}
	.halfWrap>.half {display:inline-block; width:100%; float:left;}
	.halfWrap>.half.include-txt:last-child {padding-left:0; padding-top:10px;}
	
	.layout-formWrap .form-group {overflow:hidden; padding:0; border:0;}
	.layout-formWrap .form-group.first {padding-top:20px;}
	.layout-formWrap .form-group+.form-group {margin-top:20px; padding-top:20px; border-top:1px dotted #ccc;}
	
		/*주소*/
		.halfWrap.addressWrap>.half+.half {padding-left:0 !important; margin-top:10px;}
		
	.checkWrap.mobileType li {width:100%; float:left;}	
	.checkWrap.mobileType li+li {margin-top:10px;}
	
	.autoCodeWrap>div {width:100% !important;}
	.autoCodeWrap>.autoCode {padding-top:0; letter-spacing:1px;}
	
	
	/*버튼*/
	.btnWrap-single {margin-top:30px; overflow:hidden;}
	.btnWrap-single li {display:inline-block; float:left; width:100%;}
	.btnWrap-single li+li {margin-left:0; margin-top:10px;}
	.btnWrap-single li a {display:inline-block; width:100%; font-size:16px; text-align:center;}
	
	/*달력팝업*/
	.mobileCalInner>article>* {margin:5px 0;}
	.mobileCalInner>article>span {padding-left:5px;}
	.mobileCalInner>article>span+select {margin-left:0;}
	.mobileCalInner select {
		width:calc(100% - 25px);
	}
	
	
	
	
	
	

}