@charset "utf-8";

/* ************************ #0.공통 ************************ */
select {
	cursor:pointer; padding:8px 25px 8px 8px !important;
	background-image:url(../images/common/select_icon.png) !important;
	background-repeat:no-repeat !important;
	background-position:100% 50% !important;
	border:1px solid #e5e5e5;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
	letter-spacing:-1px;
}
select::-ms-expand {display:none;}
textarea {line-height:1.6; border:1px solid #e5e5e5;}
.block {display:block !important;}
.form-control {border:1px solid #e5e5e5 !important; box-shadow:initial; -webkit-box-shadow:initial; border-radius:0 !important;}

/* ***** input 관련 ***** */
input[type=checkbox], input[type=radio] {margin-top:0; margin-right:3px !important;}
input[type=checkbox]:hover, input[type=radio]:hover {cursor:pointer;}
input[disabled]:hover {cursor:not-allowed !important;}
input[disabled],
input[readonly] {background-color:#eee !important;}

/* input 사이즈 */
/* 주소, 이메일 input */
.inputW-md {width:500px !important; display:block; float:left; margin-bottom:5px !important;}

/* 로그인 input */
.input-lg {width:100%; height:50px; padding:0 15px; font-size:14px;}

/* ***** 버튼 ***** */
.btn_box {position:relative; text-align:center; margin-top:50px; padding-top:50px; border-top:1px solid #000;}
.btn_box::after {content:""; display:block; clear:both;}
.btn_box ul{display:inline-block; margin:0; padding:0;}
.btn_box li {float:left;}
.btn_box li:last-child {padding-left:5px;}
.btn_box a {border-radius:7px;}

/* 버튼사이즈 */
.btn_lg {display:inline-block; padding:20px 40px; font-size:18px; letter-spacing:-1px;}
.btn_sm {display:inline-block; padding:15px 30px; font-size:16px; letter-spacing:-1px;}
.btn_xs {display:inline-block; height:45px !Important; line-height:45px; padding:0px 15px; font-size:14px; letter-spacing:-1px;}
.btn_pop {display:inline-block; font-size:16px; font-weight:400; padding:6px 17px;  letter-spacing:-1px;} /* 팝업페이지 내 버튼 */


/* 버튼색상 */
.btn_normal {background:#fff; color:#333 !important; border:1px solid #333; border-radius:4px;}
.btn_normal:hover {background:#333; color:#fff !important;}
.btn_gray {background:#333; color:#fff !important;}
.btn_gray:hover {background:#000;}
.btn_color {background:#003c7b; color:#fff !important;}
.btn_color:hover {background:#222; color:#fff !important;}
.btn_color2 {background:#f5bd47; color:#fff !important;}
.btn_color2:hover {background:#222; color:#fff !important;}

.contents.comMember h3 {font-size:32px; font-weight:500; color:#000; text-align:center; margin-bottom:50px; letter-spacing:-2px;}

	/* 회원-공통 */
	.join .agree {overflow-y:auto;}
	.join .privacy {overflow-y:auto;}
	.join p {color:#000; font-size:17px; font-family:'NotoSansKR' !important;}

	.msg_box {margin-bottom:30px;}
	.msg_box * {vertical-align:top;}
	.msg_box p {display:inline-block; font-size:12px !important;}
	i.msg {display:inline-block; width:40px; height:40px; background:url(../images/common/i_msg.png) no-repeat 0 1px; background-size:28px;}




	/* 첨부파일 */
	.fileWrap {position:relative; text-align:left !important;}
	.fileWrap .fileDiv {margin:0;}
	.fileWrap .fileDiv:last-child {margin:0;}
	.filebox>* {float:left;}
	.filebox input[type="file"] {
		position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
		clip:rect(0,0,0,0); border: 0;
	}
	.filebox label[for*="fileName"] {
		display: inline-block; overflow:hidden; height:45px; padding:0 15px !important; border-radius:2px !important; line-height:45px;
		font-size:14px !important; letter-spacing:-1px; font-weight:normal; vertical-align:middle; cursor:pointer;
		background-color:#333; color:#fff;
	}
	.filebox label[for*="fileName"]:hover {background-color:#222;}
	.filebox .upload-name {
		display:inline-block; width:50%; padding:8px; height:34px;
		font-size:15px; font-family:inherit; line-height:normal; vertical-align:middle;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
	}


	/*글쓰기페이지*/
	.strokeWrap .filebox {position:relative;}
	.strokeWrap .filebox label {position:absolute;}
	.strokeWrap .filebox .inputWrap {padding-left:200px; width:100%;}
	.strokeWrap .filebox .inputWrap+.inputWrap {margin-top:5px;}





input.insertFile,input[type="text"],input[type="number"],input[type="file"],input[type="password"],textarea,select,button {
	display:inline-block; margin:0 2px 2px 0; padding:0 10px; vertical-align:middle;
	font-size:inherit; line-height:1.4;
	max-width:100%;
	border:1px solid #e5e5e5; background-color:#fff;
	box-shadow:none !important;
	/* float:inherit; */
}
/* 익스에서 인풋영역 우측 아이콘 없애기 */
input[type="text"]::-ms-clear{display: none;}
input[type="password"]::-ms-clear{display: none;}


.join .formGroup .inputWrap .photo {display:block; margin-bottom:10px !important; width:130px; height:140px; border:1px solid #ddd; text-align:center;}
.join .formGroup .inputWrap .photo span {vertical-align:middle; display:block; padding:55px 0;}

/* 회원 사진 END */




/* ************************ #1.데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	/* ***** 공통 ***** */
	/* .memberWrap {padding:60px 0 120px !important;} */ /* member 감싸는 div로, 상하여백 조정 */
	/* .memberWrap .inner {max-width:1200px; width:100%; margin:0 auto;} */
	.join .checkbox {text-align:right; margin-top:10px;}
	.join .checkbox label {font-size:14px; font-family:'NotoSansKR'; display:inline-block; color:#555;}
	.join .checkbox label:hover {cursor:pointer;}

	/* ***** 회원-가입 이용약관***** */
	.join .h4 {font-size:17px; font-weight:500; margin-bottom:20px;}
	.agree, .privacy {padding:50px !important; margin:0; border:1px solid #e5e5e5; border-top:1px solid #000; background-color:#f9f9f9; overflow-x:hidden;}
	.agree>pre, .privacy>pre {width:100%; font-size:13px; margin:0; padding:0; font-family:'NotoSansKR' !important; color:#555; line-height:inherit; background:transparent; border:none; word-break:keep-all;}
	.agree>pre strong, .privacy>pre strong {font-size:14px; font-family:'NotoSansKR' !important; color:#000; font-weight:normal;}
	.join .checkbox {text-align:right;}
	.join .checkbox label {display:inline-block;}
	.join .checkbox input[type=checkbox] {margin-top:2px !important; margin-right:5px !important;}

	.checkWrap_rsk {padding:20px 0; color:#000; font-size:16px; background-color:#fff; text-align:right;}
	.checkWrap_rsk>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap_rsk input {display:none;}
	.checkWrap_rsk label {height:30px; padding-left:40px; padding-top:5px; font-size:16px; background:url(../images/member/icon_ck.png) no-repeat 0 50%; cursor:pointer; position:relative;}
	.checkWrap_rsk label:before {position:absolute; top:0; left:0; content:""; width:30px; height:30px; border:3px solid #f5bd47; display:block; border-radius:50%;}
	.checkWrap_rsk input:checked+label:before {background:#f5bd47 url(../images/common/icon_check.svg)no-repeat center; background-size:70%;}


	/* ***** 회원-가입작성폼 ***** */
	.join .title {padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #333; font-size:16px; font-weight:400; color:#000; letter-spacing:-1px;}
	.join .title span {font-size:12px; color:#666; font-weight:normal;}
	.join .formGroup {margin-bottom:15px; border-bottom:none !important; padding:0; overflow:hidden;}
	.join .formGroup.last {margin-bottom:0;}
	.join .formGroup a {border-radius:2px !important;}
	.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
	.join .formGroup label.block {display:inline-block !important; width:auto;}
	.join .formGroup .labelName {font-size:16px; font-weight:400; width:190px !important; padding-right:30px; padding-top:3px !important; text-align:right; color:#333; display:inline-block; vertical-align:top;}

	/* 인풋관련 */
	.join .formGroup .inputWrap {display:inline-block; height:auto;}
	/* .join .formGroup .inputWrap .serialNumber_ex {border:1px solid red;} */
	.join .formGroup .inputWrap+.inputWrap.w100 {width:100%; margin-top:5px;}
	.join .formGroup .inputWrap>*{display:inline-block; margin:0 !important;}
	.join .formGroup .inputWrap input[type="text"],
	.join .formGroup .inputWrap input[type="password"],
	.join .formGroup .inputWrap select,
	.join .formGroup .inputWrap textarea {width:220px; height:45px; padding:6px 12px; border:1px solid #e5e5e5; border-radius:0; padding-left:5px; font-size:14px;  line-height:1.4; color:#555; background-color:#fff; background-image:none;}



	.join .formGroup .inputWrap .marR5 {margin-right:5px !important;}

	span.checkWrap_rsk {display:inline-block; padding:5px 0 !important;}
	span.checkWrap_rsk>* {height:23px; line-height:23px;}
	span.checkWrap_rsk+span.checkWrap_rsk {padding-left:20px !important;}
	span.checkWrap_rsk label {padding-left:30px !important; padding-top:0; line-height:23px;}
	span.checkWrap_rsk label:before {width:23px; height:23px; border:3px solid #f5bd47; display:block; border-radius:50%;}
	.join .formGroup .inputWrap.email p,
	.join .formGroup .inputWrap.telWrap p {display:block !important;}
	span.checkWrap_rsk button {font-size:12px; padding:0 10px; margin:0; border-radius:10px; background:#f9f9f9; letter-spacing:-1px;}
	span.checkWrap_rsk button:hover {background:#eee;}


	/*--------------------------------------------------레이어팝업*/
	.marketingConPop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:9999999;}
	.marketingConPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.marketingConPop .wrap {position:absolute; background:transparent; width:100%; height:100%; padding:0 50px;}
	.marketingConPop .wrap .inner {width:600px; margin:0 auto;}
	.marketingConPop .wrap .inner .title {text-align:center; position:relative;}
	.marketingConPop .wrap .inner .title p {margin-top:80px; color:#e9b158; font-weight:500; font-size:20px; background:url(../images/main/result_icon.png)no-repeat top center; background-size:70px;}
	.marketingConPop .wrap .inner .title span {display:inline-block; width:100%; margin-top:20px; color:#fff; font-size:14px; font-weight:300;}
	.marketingConPop .wrap .inner .title .close {display:block; position:absolute; top:-10px; right:0; width:50px; height:50px; background:transparent url(../images/common/icon_x.png)no-repeat center; background-size:25px; border:3px solid #fff; border-radius:50%;}
	.marketingConPop .wrap .inner .con {margin-top:20px; text-align:left;}
	/*마케팅::테이블*/
	table.marketing {
		border-collapse:separate !important; /*ie에서 스타일 안먹힘 방지*/
		overflow:hidden; margin-top:30px; width:100%; border-top:1px solid #000; font-size:15px; letter-spacing:-.5px;
	}
	table.marketing tbody tr th {background:#eee; color:#000; font-weight:400; width:30%; border-right:1px solid #ddd;}
	table.marketing tbody tr th,
	table.marketing tbody tr td {padding:15px 20px; border-bottom:1px solid #ddd; text-align:center;}
	table.marketing tbody tr td {color:#555; font-weight:300; width:70%;}
	/*--------------------------------------------------레이어팝업*/

	/* 주소 */
	.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
	.join .formGroup .inputWrap.h0>div:last-child {display:block;}
	.join .formGroup .inputWrap.address div:last-child {width:670px;}
	.join .formGroup .autoCodeWrap input[type="text"] {width:670px !important;}
	.join .formGroup .inputWrap.address>div:last-child .inputW-md {display:inline-block; width:100% !important; margin-top:5px !important;}
	.join .formGroup .check_text {font-size:13px; font-family:"NotoSansKR";}
	.join .formGroup .check_text:hover {cursor:pointer;}
	.join .formGroup label.block+p {display:inline-block; width:100%;}

	.join .formGroup>div {min-height:45px;}
	.join .formGroup>div p {clear:both; margin:0; font-size:14px; color:#999; line-height:1.4;}

	/* 성별&회원구분 등 라디오버튼 */
	.join .formGroup .memberAuth,
	.join .formGroup .gender {font-size:14px; font-weight:normal;}
	.join .formGroup>div>div.memberAuth label,
	.join .formGroup>div>div.gender label{display:inline-block; margin-left:5px; font-size:12px; font-family:"NotoSansKR" !important; font-weight:normal; color:#999;}
	.join .formGroup>div>div.memberAuth label:hover,
	.join .formGroup>div>div.gender label:hover{cursor:pointer;}
	.join .formGroup>div>div.memberAuth label:first-child,
	.join .formGroup>div>div.gender label:first-child {margin-left:0 !important;}
	.join .formGroup>div>div.memberAuth label:last-child {margin-right:10px;}

	/* 자동입력방지 */
	.join .formGroup .autoCodeWrap {position:relative; width:450px !important;}
	.join .formGroup .autoCodeWrap>* {float:left;}
	.join .formGroup .autoCodeWrap input {width:100% !important; padding-left:112px !important;}
	.join .formGroup .autoCode {position:absolute !important; top:0; left:0; z-index:100; border:1px solid #e5e5e5; border-radius:0; width:auto; height:45px; line-height:45px; padding:0 15px; /* color:#3e9eff; font-weight:bold; font-size:16px; vertical-align:top; */}
	.join .formGroup .autoCode>span {color:#cc0000 !important; text-decoration:none !important; font-style:italic; font-size:1.2em; font-weight:700;}

	/* ***** 회원-가입완료 ***** */
	.join_end {text-align:center; padding:0 30px;}
	.join_end .title {font-size:20px; color:#000;}
	.join_end .title span {color:#003b5e; font-family:'NotoSansKR';}
	.join_end p {margin-top:20px; font-size:14px;}


	/* ***** 회원-로그인, 아이디&패스워드 찾기 ***** */
	.login_box {margin:0 auto; text-align:center; padding:50px 30px; width:60%; border:1px solid #e5e5e5; background:#f7f7f7; line-height:1;}
	.login_box >div > h3 {font-family:"NotoSansKR"; font-size:30px; color:#000; line-height:1; letter-spacing:-2px; font-weight:500; margin-bottom:20px; padding-bottom:70px; position:relative;}
	.login_box >div > h3:before {
		position:absolute; bottom:0; left:50%; content:""; width:50px; height:50px; border-radius:50%; border:1px solid #e5e5e5; margin-left:-25px;
		background-color:#fff;
		background-image:url(../images/common/i_id_ccc.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:50%;
	}
	.login_box >div > h3.password:before {background-image:url(../images/common/i_pw_ccc.png);}
	.login_box p {font-size:14px; margin-bottom:30px; line-height:initial;}
	.login_box .form-group {text-align:center; overflow:hidden;}
	.login_box .form-group label {display:none;}
	.login_box .form-group>* {margin-bottom:0; padding:0;}
	.login_box .login {width:100%; margin-top:20px; padding:20px 0; font-size:22px; font-weight:500;}
	.login_box .info {margin-top:30px; text-align:left; font-size:12px !important;}
	.login_box .info>* {padding-left:0; margin:0;}
	.login_box .info span {display:inline-block; width:100%; padding-left:10px; margin-bottom:10px; position:relative;}
	.login_box .info span:before {display:block; width:4px; height:4px; border-radius:50%; content:""; background:#bbb; position:absolute; top:4px; left:1px;}
	.login_box .info>div:first-child {border-right:1px solid #eee; padding-right:20px;}
	.login_box .info>div:last-child {padding-left:20px;}
	.login_box .info>div a {margin-left:10px; font-size:13px; font-family:'NotoSansKR'; color:#000; padding-bottom:2px; border-bottom:1px solid #666;}
	.login_box .info>div a:hover {color:#f5bd47; border-bottom:1px solid #f5bd47;}

	/* ***** 회원-탈퇴 ***** */
	.memberEnd .formGroup>* {float:left;}
	.memberEnd .formGroup label.labelName {width:17% !important;}
	.memberEnd .formGroup .inputWrap {width:83% !important;}
	.memberEnd .inputWrap textarea {width:100% !important; height:120px !important;}

	/* ***** 달력 ***** */
	#calenderPop { z-index:10000; }
	.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
	.input_sel {color:#555555;}
	.Calendar_Day_mouseOver { background:#72a6ef; }
	.Calendar_Day_mouseOut {  background:#ffffff; }
	#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px;}

	/* 모바일 달력 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:40px 30px; /* border-radius:3px; */}

	/* 하단 페이지 버튼 */
	.mobileCalInner .btn_box {text-align:center; margin-top:20px; padding-top:20px;}
	.mobileCalInner .btn_box li {display:inline-block;}
	.mobileCalInner select {
		display:inline-block; height:32px; padding:8px; margin:0 2px 2px 0; vertical-align:middle;
		font-size:inherit; line-height:1.4;
		max-width:100%;
		border:1px solid rgba(0,0,0,.3); background-color:#fff;
		/* border-radius:3px; */
		box-shadow:none !important; width:80px;
		/* float:inherit; */
	}
	.mobileCalInner select:nth-child(2),
	.mobileCalInner select:nth-child(3) {width:65px;}
	.mobileCalInner select {-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none; padding:0 20px 0 10px !important; background:url(/img/common_responsive/select.png) no-repeat 100% 50% #fff; background-size:20px;
	}
	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/* 모바일 달력 END */
	
	
	/*레이어팝업::제품시리얼넘버확인*/
	.serialNumber_ex {
		display: inline-block; overflow:hidden; height:45px; padding:0 15px !important; border-radius:2px !important; line-height:45px;
		font-size:14px !important; letter-spacing:-1px; font-weight:normal; vertical-align:middle; cursor:pointer;
		background-color:#f5bd47; color:#fff !important;
	}
	.serialNumberPop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:9999999;}
	.serialNumberPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.serialNumberPop .wrap {width:600px; height:auto; margin:100px auto 0;}
	.serialNumberPop .wrap .inner {position:relative; border-radius:7px; overflow:hidden;}

	.serialNumberPop .wrap .title a {position:absolute; top:0; right:0; width:52px; height:52px; background:url(../images/common/icon_x.png)no-repeat center; background-size:20px; border-left:1px solid rgba(255,255,255,.3);}
	.serialNumberPop .wrap .title p {background:#f5bd47; color:#fff; font-weight:400; font-size:18px; padding:10px 20px;}
	.serialNumberPop .wrap .con>div {padding:30px 20px; background:#fff;}
	.serialNumberPop .wrap .con>div .tr {display:table; width:100%;}
	.serialNumberPop .wrap .con>div .tr .td {display:table-cell; vertical-align:top; word-break:keep-all;}
	.serialNumberPop .wrap .con>div .tr .td:first-child {width:40%;}
	.serialNumberPop .wrap .con>div .tr .td:last-child {width:60%;}
	.serialNumberPop .wrap .con>div .tr.con1 .td:last-child {color:#000; font-size:14px;}
	.serialNumberPop .wrap .con>div .tr.con2 .td {padding-top:20px;}
	

}

/* ************************ #3.태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* ***** 공통 ***** */
	.btn_box {position:relative; text-align:center; margin-top:30px; padding-top:30px;}
	.inputW-md {float:left; width:450px !important; display:block; margin-bottom:5px !important;}

	.memberWrap {padding:0 !important;} /* member 감싸는 div로, 상하여백 조정 */
	.contents.comMember h3 {display:none;}
	/* .contents.comMember h3 {margin-bottom:30px; font-size:30px; color:#000; line-height:1; letter-spacing:-2px;} */
	.join .checkbox {text-align:right; margin-top:10px;}
	.join .checkbox label {font-size:14px; font-family:'NotoSansKR'; display:inline-block; color:#555;}

	.btn_xs {display:inline-block; height:45px !Important; line-height:45px; padding:0px 15px; font-size:14px; letter-spacing:-1px;}


	/* ***** 회원-가입 이용약관 ***** */
	.join .h4 {font-size:17px; font-family:'NotoSansKR'; margin-bottom:10px;}
	.agree, .privacy {padding:30px !important; margin:0; border:1px solid #e5e5e5; border-top:1px solid #000; background-color:#f9f9f9;}
	.agree pre, .privacy pre {width:100%; font-size:13px; margin:0; padding:0; font-family:'NotoSansKR' !important; color:#555; line-height:inherit; background:transparent; border:none; word-break:keep-all; overflow-x:hidden;}
	.agree pre strong, .privacy pre strong {font-size:14px; font-family:'NotoSansKR' !important; color:#000; font-weight:normal;}
	.join .checkbox {text-align:right;}
	.join .checkbox label {display:inline-block;}
	.join .checkbox input[type=checkbox] {margin-top:2px !important; margin-right:5px !important;}

	.checkWrap_rsk {padding:20px 0; color:#000; font-size:16px; background-color:#fff; text-align:right;}
	.checkWrap_rsk>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap_rsk input {display:none;}
	.checkWrap_rsk label {height:30px; padding-left:40px; padding-top:5px; font-size:16px; background:url(../images/member/icon_ck.png) no-repeat 0 50%; cursor:pointer; position:relative;}
	.checkWrap_rsk label:before {position:absolute; top:0; left:0; content:""; width:30px; height:30px; border:3px solid #f5bd47; display:block; border-radius:50%;}
	.checkWrap_rsk input:checked+label:before {background:#f5bd47 url(../images/common/icon_check.svg)no-repeat center; background-size:70%;}


	/* ***** 회원-가입작성폼 ***** */
	.join .title {padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #333; font-size:16px; color:#000; letter-spacing:-1px;}
	.join .title span {font-size:12px; color:#666; font-weight:normal;}
	.join .formGroup {display:table; margin-bottom:15px; padding:0; overflow:hidden;}
	.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
	.join .formGroup label.block {width:auto; margin-top:5px !important;}
	.join .formGroup .labelName {font-size:15px; font-weight:400; width:190px !important; padding-right:30px; padding-top:3px !important; text-align:right; color:#333; display:table-cell; vertical-align:top;}

	.join .formGroup .inputWrap {display:table-cell;}
	.join .formGroup .inputWrap>* {display:inline-block; margin:0 !important;}
	.join .formGroup .inputWrap>p {display:block;}
	.join .formGroup .inputWrap input[type="text"],
	.join .formGroup .inputWrap input[type="password"],
	.join .formGroup .inputWrap select,
	.join .formGroup .inputWrap textarea {width:220px; height:45px; padding:6px 12px; border:1px solid #e5e5e5; border-radius:0; padding-left:5px; font-size:14px;  line-height:1.4; color:#555; background-color:#fff; background-image:none;}
	.join .formGroup .inputWrap .marR5 {margin-right:5px !important;}

	span.checkWrap_rsk {display:inline-block; padding:5px 0 !important;}
	span.checkWrap_rsk>* {height:23px; line-height:23px;}
	span.checkWrap_rsk+span.checkWrap_rsk {padding-left:20px !important;}
	span.checkWrap_rsk label {padding-left:30px !important; padding-top:0; line-height:23px;}
	span.checkWrap_rsk label:before {width:23px; height:23px; border:3px solid #f5bd47; display:block; border-radius:50%;}
	.join .formGroup .inputWrap.email p,
	.join .formGroup .inputWrap.telWrap p {display:block !important;}
	span.checkWrap_rsk button {font-size:12px; padding:0 10px; margin:0; border-radius:10px; background:#f9f9f9; letter-spacing:-1px;}
	span.checkWrap_rsk button:hover {background:#eee;}

	/* 주소 */
	.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
	.join .formGroup .inputWrap.h0>div:last-child {display:block;}
	.join .formGroup .inputWrap.address>div:last-child .inputW-md {display:inline-block; margin-top:5px !important;}
	.join .formGroup .check_text {font-size:13px; font-family:"NotoSansKR";}
	.join .formGroup label.block+p {display:inline-block; width:100%;}

	/* 휴대전화 */
	.join .formGroup .telWrap>input, .join .formGroup .telWrap>select {width:100px !important;}

	.join .formGroup>div {min-height:34px;}
	.join .formGroup>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
	.join .formGroup .memberAuth,
	.join .formGroup .gender {font-size:14px; font-weight:normal;}
	.join .formGroup>div>div.memberAuth label,
	.join .formGroup>div>div.gender label{display:inline-block; margin-left:5px; font-size:12px; font-family:"NotoSansKR" !important; font-weight:normal; color:#999 !important;}
	.join .formGroup>div>div.memberAuth label:first-child,
	.join .formGroup>div>div.gender label:first-child {margin-left:0 !important;}

	/* 자동입력방지 */
	.join .formGroup .autoCodeWrap {position:relative; width:450px !important;}
	.join .formGroup .autoCodeWrap>* {float:left;}
	.join .formGroup .autoCodeWrap input {width:100% !important; padding-left:112px !important;}
	.join .formGroup .autoCode {position:absolute !important; top:0; left:0; z-index:100; border:1px solid #e5e5e5; border-radius:0; width:auto; height:45px; line-height:45px; padding:0 15px; /* color:#3e9eff; font-weight:bold; font-size:16px; vertical-align:top; */}
	.join .formGroup .autoCode>span {color:#cc0000 !important; text-decoration:none !important; font-style:italic;}


	/*--------------------------------------------------레이어팝업*/
	.marketingConPop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:9999999;}
	.marketingConPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.marketingConPop .wrap {position:absolute; background:transparent; width:100%; height:100%; padding:0 50px;}
	.marketingConPop .wrap .inner {width:600px; margin:0 auto;}
	.marketingConPop .wrap .inner .title {text-align:center; position:relative;}
	.marketingConPop .wrap .inner .title p {margin-top:80px; color:#e9b158; font-weight:500; font-size:20px; background:url(../images/main/result_icon.png)no-repeat top center; background-size:70px;}
	.marketingConPop .wrap .inner .title span {display:inline-block; width:100%; margin-top:20px; color:#fff; font-size:14px; font-weight:300;}
	.marketingConPop .wrap .inner .title .close {display:block; position:absolute; top:-10px; right:0; width:50px; height:50px; background:transparent url(../images/common/icon_x.png)no-repeat center; background-size:25px; border:3px solid #fff; border-radius:50%;}
	.marketingConPop .wrap .inner .con {margin-top:20px; text-align:left;}
	/*마케팅::테이블*/
	table.marketing {
		border-collapse:separate !important; /*ie에서 스타일 안먹힘 방지*/
		overflow:hidden; margin-top:30px; width:100%; border-top:1px solid #000; font-size:15px; letter-spacing:-.5px;
	}
	table.marketing tbody tr th {background:#eee; color:#000; font-weight:400; width:30%; border-right:1px solid #ddd;}
	table.marketing tbody tr th,
	table.marketing tbody tr td {padding:15px 20px; border-bottom:1px solid #ddd; text-align:center;}
	table.marketing tbody tr td {color:#555; font-weight:300; width:70%;}
	/*--------------------------------------------------레이어팝업*/


	/* ***** 회원-가입완료 ***** */
	.join_end {text-align:center; padding:0 30px;}
	.join_end .title {font-size:20px; color:#000;}
	.join_end .title span {color:#003b5e; font-family:'NotoSansKR';}
	.join_end p {margin-top:20px; font-size:14px;}

	/* ***** 회원-로그인 ***** */
	.login_box {margin:0 auto; text-align:center; padding:50px 30px; width:100%; border:1px solid #e5e5e5; background:#f7f7f7; line-height:1;}
	.login_box >div > h3 {font-family:"NotoSansKR"; font-size:30px; color:#000; line-height:1; letter-spacing:-2px; font-weight:500; margin-bottom:20px; padding-bottom:70px; position:relative;}
	.login_box >div > h3:before {
		position:absolute; bottom:0; left:50%; content:""; width:50px; height:50px; border-radius:50%; border:1px solid #e5e5e5; margin-left:-25px;
		background-color:#fff;
		background-image:url(../images/common/i_id_ccc.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:50%;
	}
	.login_box >div > h3.password:before {background-image:url(../images/common/i_pw_ccc.png);}
	.login_box p {font-size:14px; margin-bottom:30px; line-height:initial;}
	.login_box .form-group {text-align:center; overflow:hidden;}
	.login_box .form-group label {display:none;}
	.login_box .form-group>* {margin-bottom:0; padding:0;}
	.login_box .login {width:100%; margin-top:20px; padding:20px 0; font-size:18px; font-weight:500;}
	.login_box .info {margin-top:30px; text-align:left; font-size:12px !important;}
	.login_box .info>* {padding-left:0; margin:0;}
	.login_box .info span {display:inline-block; width:100%; padding-left:10px; margin-bottom:10px; position:relative;}
	.login_box .info span:before {display:block; width:4px; height:4px; border-radius:50%; content:""; background:#bbb; position:absolute; top:4px; left:1px;}
	.login_box .info>div:first-child {border-right:1px solid #eee; padding-right:20px;}
	.login_box .info>div:last-child {padding-left:20px;}
	.login_box .info>div a {margin-left:10px; font-size:13px; font-family:'NotoSansKR'; color:#000; padding-bottom:2px; border-bottom:1px solid #666;}
	.login_box .info>div a:hover {color:#2eb2c5; border-bottom:1px solid #2eb2c5;}

	/* ***** 회원-탈퇴 ***** */
	.memberEnd .formGroup {width:100%;}
	.memberEnd .formGroup>* {float:left;}
	.memberEnd .formGroup label.labelName {width:17% !important;}
	.memberEnd .formGroup .inputWrap {width:83% !important;}
	.memberEnd .inputWrap textarea {width:100% !important; height:120px !important;}





	/* 달력 */
	#calenderPop { z-index:10000; }
	.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
	.input_sel {color:#555555;}

	.Calendar_Day_mouseOver { background:#72a6ef; }
	.Calendar_Day_mouseOut {  background:#ffffff; }
	#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px;}

	/* 모바일 달력 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 30px;}

	/* 하단 페이지 버튼 */
	.mobileCalInner .btn_box {text-align:center;}
	.mobileCalInner .btn_box ul {margin:10px 0;}
	.mobileCalInner .btn_box li {display:inline-block;}
	.mobileCalInner select {
		display:inline-block; height:32px; padding:8px; margin:0 2px 2px 0; vertical-align:middle;
		font-size:inherit; line-height:1.4;
		max-width:100%;
		border:1px solid rgba(0,0,0,.3); background-color:#fff;
		border-radius:3px;
		box-shadow:none !important;
		/* float:inherit; */
	}
	.mobileCalInner select {-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none; padding:0 20px 0 10px !important; background:url(/img/common_responsive/select.png) no-repeat 85% 50% #fff; background-size:7px;
	}
	.mobileCalInner select::-ms-expand {
		display: none;
	}
	/* 모바일 달력 END */

	section[class*="boardList_"] .write_normal .iframeWrap {background:#f9f9f9;}
	section[class*="boardList_"] .write_normal .strokeWrap {border:1px solid #e5e5e5; padding:30px;}
	
	
	/*레이어팝업::제품시리얼넘버확인*/
	.join .formGroup .inputWrap+.inputWrap.w100 {margin-top:5px !important;}
	.join .formGroup .inputWrap .serialNumber_ex {
		display: inline-block; overflow:hidden; height:45px; padding:0 15px !important; border-radius:2px !important; line-height:45px;
		font-size:14px !important; letter-spacing:-1px; font-weight:normal; vertical-align:middle; cursor:pointer; 
		background-color:#f5bd47; color:#fff !important;
	}
	.serialNumberPop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:9999999;}
	.serialNumberPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.serialNumberPop .wrap {width:300px; height:auto; margin:20px auto 0;}
	.serialNumberPop .wrap .inner {position:relative; border-radius:7px; overflow:hidden;}

	.serialNumberPop .wrap .title a {position:absolute; top:0; right:0; width:52px; height:52px; background:url(../images/common/icon_x.png)no-repeat center; background-size:20px; border-left:1px solid rgba(255,255,255,.3);}
	.serialNumberPop .wrap .title p {background:#f5bd47; color:#fff; font-weight:400; font-size:18px; padding:10px 20px;}
	.serialNumberPop .wrap .con {overflow-y:scroll; height:400px;}
	.serialNumberPop .wrap .con>div {padding:10px 20px; background:#fff; overflow:hidden;}
	.serialNumberPop .wrap .con>div .tr {display:inline-block;}
	.serialNumberPop .wrap .con>div .tr .td {word-break:keep-all; float:left; width:100%; text-align:left;}
	.serialNumberPop .wrap .con>div .tr.con1 .td:last-child {color:#000; font-size:14px; word-break:keep-all;}
	.serialNumberPop .wrap .con>div .tr.con2 .td {padding-top:20px;}

}

/* ************************ #4.모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* ********** 공통 ********** */
	.memberWrap {padding:0 !important;} /* member 감싸는 div로, 상하여백 조정 */
	/* ***** 버튼 ***** */
	.btn_box {margin-top:30px;}

	/* 버튼사이즈 */
	.btn_lg {padding:10px 50px;}
	.btn_sm {font-size:15px;}

	.contents.comMember h3 {display:none;}
	/* .contents.comMember h3 {margin-bottom:20px; font-size:24px;} */

	/* ***** 회원-가입작성폼 ***** */
	.join .title span {display:inline-block; width:100%;}

	.join .formGroup {display:block; width:100%; margin-bottom:25px;}
	.join .formGroup.last {margin-bottom:0;}
	.join .formGroup .labelName {padding-right:0; padding-top:0 !important; text-align:left; display:block; width:100% !Important; font-weight:400;}

	.join .formGroup .inputWrap {display:block !important; height:auto;}
	.join .formGroup .inputWrap>* {display:inline-block; margin-top:5px !important;}
	.join .formGroup .inputWrap>div:last-child {width:100% !important; }
	.join .formGroup .inputWrap input:not([type=radio]) {width:100% !important;}
	.join .formGroup .inputWrap input.moWidth {width:150px !important;}

	.join .formGroup .telWrap select, .join .formGroup .telWrap input:not([type=radio]):not([type=checkbox]) {width:30% !important;}
	.join .formGroup .inputWrap label.block>input[type="checkbox"] {width:15px !important;}

	/* 자동입력방지 */
	.join .formGroup .autoCodeWrap {max-width:100% !important;}
	.join .formGroup .autoCode {position:static !important; top:0; left:0; z-index:100; border:none; width:auto; height:34px; line-height:34px; padding:0;}
	.join .formGroup .autoCodeWrap input {padding-left:12px !important;}

	/* ***** 회원-로그인 ***** */
	.login_box >div > h3 {margin-bottom:20px;}
	.login_box .login {margin-top:20px; padding:20px 0; font-size:18px;}
	.login_box .info>div+div {margin-top:10px;}
	.login_box .info>div:first-child {border-right:none;padding-right:0;}
	.login_box .info>div:last-child {padding-left:0;}

	/*회원탈퇴*/
	.memberEnd .formGroup>* {float:left;}
	.memberEnd .formGroup label.labelName {width:100% !important;}
	.memberEnd .formGroup .inputWrap {width:100% !important;}
	.memberEnd .formGroup .inputWrap>select {width:100% !important;}

	/* 첨부파일 */
	.fileWrap {position:relative; text-align:left !important;}
	.fileWrap .fileDiv {margin:0;}
	.fileWrap .fileDiv:last-child {margin:0;}
	.filebox>* {float:left;}
	.filebox input[type="file"] {
		position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
		clip:rect(0,0,0,0); border: 0;
	}
	.filebox label[for*="fileName"] {
		display: inline-block; overflow:hidden; height:45px; padding:0 15px !important; border-radius:2px !important; line-height:45px;
		font-size:14px !important; letter-spacing:-1px; font-weight:normal; vertical-align:middle; cursor:pointer;
		background-color:#333; color:#fff;
	}
	.filebox label[for*="fileName"]:hover {background-color:#222;}
	.filebox .upload-name {
		display:inline-block; width:40%; padding:8px; height:34px;
		font-size:15px; font-family:inherit; line-height:normal; vertical-align:middle;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
	}
	
	/*레이어팝업::제품시리얼넘버확인*/
	.join .formGroup .inputWrap .serialNumber_ex {margin-top:5px !important;}
	.serialNumberPop {position:fixed; display:none; top:0; left:0; width:100%; height:100%; z-index:9999999;}
	.serialNumberPop .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.85);}
	.serialNumberPop .wrap {width:300px; height:auto; margin:20px auto 0;}
	.serialNumberPop .wrap .inner {position:relative; border-radius:7px; overflow:hidden;}

	.serialNumberPop .wrap .title a {position:absolute; top:0; right:0; width:52px; height:52px; background:url(../images/common/icon_x.png)no-repeat center; background-size:20px; border-left:1px solid rgba(255,255,255,.3);}
	.serialNumberPop .wrap .title p {background:#f5bd47; color:#fff; font-weight:400; font-size:18px; padding:10px 20px;}
	.serialNumberPop .wrap .con {overflow-y:scroll; height:400px;}
	.serialNumberPop .wrap .con>div {padding:10px 20px; background:#fff; overflow:hidden;}
	.serialNumberPop .wrap .con>div .tr {display:inline-block;}
	.serialNumberPop .wrap .con>div .tr .td {word-break:keep-all; float:left; width:100%; text-align:left;}
	.serialNumberPop .wrap .con>div .tr.con1 .td:last-child {color:#000; font-size:14px; word-break:keep-all;}
	.serialNumberPop .wrap .con>div .tr.con2 .td {padding-top:20px;}
	
	/*글쓰기페이지*/
	.strokeWrap .filebox {position:relative;}
	.strokeWrap .filebox label {position:static;}
	.strokeWrap .filebox .inputWrap {padding-left:0; width:100%;}
	.strokeWrap .filebox .inputWrap+.inputWrap {margin-top:5px;}


	/* ***** 달력 ***** */
	.calendar_view tr td {padding:5px;}
	.calPop {z-index:-100; position:fixed; opacity:0; top:0; left:0; width:100%; height:100%; padding:20px; background:rgba(0,0,0,.7);}
	.calPop.on {z-index:900; opacity:1;}
	.calPop .inner {position:relative; width:100%; background:#fff; text-align:center; border-radius:7px; overflow-y:auto;}
	.calPop .inner span {display:block; height:60px; padding:15px; font-size:20px; font-family:"NotoSansM", sans-serif; text-align:left; background:#fdb924; color:#fff; letter-spacing:-1px;}
	.calPop.on .inner span font {font-weight:normal;}
	.calPop.on .inner div>a {
		display:block; padding:18px 18px 18px 30px; font-size:15px; text-align:left; line-height:1.4; color:#000; word-break:break-all;
		background:url(../images/common/arrow_right.png) no-repeat 15px 25px #fff;
		background-size:4px;
		border-bottom:1px solid #eee;
	}
	.calPop.on .inner div>a p {line-height:1.2;}
	.calPop .inner .popClose {position:absolute; display:block; right:0; top:0; width:60px; height:60px; font-size:24px; color:#fff; text-align:center; line-height:1; padding-top:18px; cursor:pointer; background-color:rgba(0,0,0,.2);}

	.calendar_view td {position:relative; height:80px;}
	.calendar_view tr td div {display:none;}
	.calendar_view tr td div.num {position:absolute; bottom:0px; display:block; visibility:visible !important; height:auto !important; text-align:center;}
	.calendar_view tr td div.num p {display:inline-block; padding:0 !important; width:24px; height:24px; border-radius:50%; line-height:1.6; background:#fdb924; color:#fff; text-align:center; cursor:pointer; font-size:14px;}

}