@charset "utf-8";

/* ************* common ************** */
input[type="text"],
input[type="password"],
input[type="number"],
select,
button,
textarea {
	border-radius:10px;
	z-index:0; position:relative; border:1px solid #e5e5e5;
	height:50px; padding:0 20px; line-height:50px;
	font-size:16px; line-height:1; color:#555; font-weight:normal;
	background-color:#fff; 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:#555 !important;} /*크롬,사파리*/
input::-moz-placeholder {font-weight:400 !important; color:#555 !important;} /*파폭*/
input::-ms-input-placeholder {font-weight:400 !important; color:#555 !important;} /*ie*/
input:focus,select:focus,textarea:focus {z-index:1; outline:none !important; border:1px solid #ccc; background-color:#fff;}

select {
	border-radius:10px;
	cursor:pointer; color:#555;
	background-image:url(../images/common/arrow_down_gray.png) !important;
	background-size:15px;
	background-color:#fff !important;
	background-repeat:no-repeat !important;
	background-position:90% center !important;
	-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;}


/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	aside.product_search_top {
		padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid #ddd;
	}
	aside.product_search_top p {color:#000; padding-right:30%; position:relative;}
	aside.product_search_top p.word {font-size:32px;}
	aside.product_search_top p.word b {padding-left:50px; background:url(../images/common/i-searchword.png)no-repeat left center;}
	aside.product_search_top p.word span {
		font-size:20px; position:absolute; bottom:0; right:0; font-family:"NotoSansKR"; font-size:16px; color:#666;
	}
	
	/* 게시판 페이징 - pc용 */
	.page_box_normal {position:relative; text-align:center; border:1px solid transparent;}
	.page_box_normal .pc.pagination {display:inline-block;}
	.page_box_normal .pc.pagination>li>a {text-align:center; color:#333; width:50px; border:1px solid #eee !important; background:#f0f0f0; height:50px; line-height:1;}
	.page_box_normal .pc.pagination>li>a:hover {border:1px solid #ccc !important;}
	.page_box_normal .pc.pagination>li+li {margin-left:10px;}
	.page_box_normal .pc.pagination>li>a.active {color:#fff; background:#009f3b !important; border:1px solid #009f3b !important; font-weight:normal; position:relative;}
	.page_box_normal .pc.pagination>li>a.active:hover {border:1px solid #009f3b !important;}
	.page_box_normal .pc.pagination>li>a.active:before {
		/* position:absolute; bottom:0; left:0; width:100%; height:1px; background:#009f3b; display:block; */
	}
	.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 {border:1px solid #ccc !important;}
	.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:50px; line-height:1; margin-left:5px; padding:12px 15px; color:#fff;}
	.page_box_normal .pc.pagination .write:hover {border:1px solid #aaa !important;}
	.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

	.page_box_normal {width:100%; margin-top:70px; line-height:1; font-size:16px; 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:14px 0; width:50px; border:1px solid #e5e5e5 !important; background:#f9f9f9; color:#000; border-radius:50%;}
	.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;}
}



/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {
	
	aside.product_search_top {
		padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid #ddd;
	}
	aside.product_search_top p {color:#000; position:relative;}
	aside.product_search_top p.word {font-size:24px;}
	aside.product_search_top p.word b {padding-left:30px; background:url(../images/common/i-searchword.png)no-repeat left 0; background-size:24px;}
	aside.product_search_top p.word span {
		display:block;
		font-size:20px; font-family:"NotoSansKR"; font-size:16px; color:#666;
	}
	
	
	/* 게시판 페이징-모바일용 */
	.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+li {margin-left:10px;}
	.page_box_normal .mobile .prev {display:block; text-align:center; color:#333; min-width:50px; border:1px solid #e0e0e0 !important; background:#fff url(../images/common/prev.png)no-repeat center; height:50px; line-height:1; border-radius:50%;}
	.page_box_normal .mobile .next {display:block; text-align:center; color:#333; min-width:50px; border:1px solid #e0e0e0 !important; background:#fff url(../images/common/next.png)no-repeat center; height:50px; line-height:1; border-radius:50%;}
	.page_box_normal .mobile select {min-width:100px; border:1px solid #e0e0e0; background-position:80% center !important;}
	
}	




	
/* ************************ 모바일 (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);
	}
	
	
	
	
	
	

}






/* ******************** 레이어팝업 (비밀글 비번체크) ******************** */
.modal {display:none; z-index:1000000; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.modal>div.modal-content {height:300px; position:relative; background:#fff; width:100%; max-width:800px; margin:0; box-shadow:2px 2px 10px rgba(0,0,0,.5) !important;}
.modalFrame {position:absolute; width:100%; top:0; left:0;}
.modalFrame .modal-header {padding:20px 30px; background:#f5f5f5; color:#000;}
.modalFrame .modal-header .close {position:absolute; top:12px; right:25px; background:#fff; border:1px solid #ddd; outline:0; width:29px; height:30px; cursor:pointer;}
.modalFrame .modal-body {padding:30px; border-top:1px solid #ddd;}
.modalFrame .modal-body p {font-size:14px;}
.modalFrame .modal-footer {text-align:center; background:#f9f9f9; padding:15px 30px; border-top:1px dotted #ccc;}

/*2020style수정*/
.modal>div.modal-content {box-shadow:none !important; background:transparent;}
.modalFrame {border-radius:30px; overflow:hidden; font-weight:300;}
.modalFrame .modal-header {height:55px;}
.modalFrame .modal-header h4 {font-size:18px; font-weight:400;}
.modalFrame .modal-header .close {top:0; right:0; width:100px; height:55px; border:0; font-size:30px; color:#000; line-height:55px; background:transparent; padding:0;}
.modalFrame .modal-body {height:calc(300px - 55px - 80px); background:#fff;}
.modalFrame .modal-body label {display:none !important; font-size:16px; margin-bottom:5px;}
.modalFrame .modal-body input {border-radius:5px; padding-left:20px; padding-right:20px; height:50px; font-family:"NotoSansKR", sans-serif;}
.modalFrame .modal-body p {font-size:16px; margin-top:20px; text-align:center;}
.modalFrame .modal-footer {height:80px;}
.modalFrame .modal-footer a {
	font-size:16px; font-weight:300;
	padding:15px 40px;
	background:#e9e9e9 !important; color:#000 !important; border:1px solid #d1d1d1;
	border-radius:50px; line-height:1; display:inline-block;
}
.modalFrame .modal-footer a+a {margin-left:5px;}
.modalFrame .modal-footer a.bg_blue {background:#0072e7 !important; color:#fff !important; border:1px solid #0072e7;}

	@media screen and (max-width:767px) {
		.modalFrame {width:calc(100% - 40px); margin-left:20px; margin-right:20px;}
	}
/* ******************** //레이어팝업 (비밀글 비번체크) ******************** */