@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2021-04-21
	* Modify		:   
	* Name		:	style.css
	----------------------------------------------------------------
	
	- Description -

==============================================*/
/* 입력 number 타입 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* 버튼태그 및 전송태그 리셋 설정 */
button,
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {font-family:'Noto Sans KR' , sans-serif; color:#111; font-size:18px; line-height:1.89; font-weight:300; letter-spacing:-0.07em; border:none; background:none; cursor:pointer; -webkit-appearance:none; appearance:none;}
button:focus,
button:hover {}
button > span {position:relative;}

/* 입력태그 리셋 설정 */
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password] {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block; width:100%; height:48px; padding:0 20px; font-family:'Noto Sans KR' , sans-serif; color:#111; font-weight:normal; font-size:16px; border:1px solid #ddd; background-color:transparent; outline:none; box-sizing:border-box; vertical-align:middle; border-radius:2px;}
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block; width:100%; height:260px; padding:10px 20px; font-family:'Noto Sans KR' , sans-serif; color:#111; font-weight:normal; font-size:16px; border:1px solid #ddd; background-color:transparent; overflow:auto; resize:none; vertical-align:middle; box-sizing:border-box; outline:none; border-radius:2px;}
select {position:relative; display:block; width:100%; height:48px; padding:0 42px 0 20px; color:#111; font-weight:normal; font-family:'Noto Sans KR' , sans-serif; text-align:left; font-size:16px; line-height:1; border:1px solid #ddd; background-image:url(../images/icon/icon_select_custom_arrow_blank.png); background-position:right 19px center;background-repeat:no-repeat; background-color:transparent; box-sizing:border-box; text-indent:0.01px; background-size:10px auto; -webkit-appearance: none; -moz-appearance:none; appearance: none; vertical-align:middle; border-radius:2px;}
select::-ms-expand		{display:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #efefef inset; -webkit-text-fill-color: #333}
input:-webkit-autofill ,
input:-webkit-autofill:hover ,
input:-webkit-autofill:focus ,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}


/* 입력태그 placeholder 설정 */
::-webkit-input-placeholder	{color:#959595 !important;}
::-moz-placeholder	{color:#959595 !important;}
:-ms-input-placeholder	{color:#959595 !important;}
:-moz-placeholder   {color:#959595 !important;}
.placeholdersjs {color:#959595 !important;}

/* 입력태그 포커스 및 활성화시 */
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
input[type=text].active,
input[type=number].active,
input[type=email].active,
input[type=tel].active,
input[type=url].active,
input[type=password].active,
select.active,
textarea.active {color:#000;}

/* 입력태그 readonly & disabled */
input[type=text]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled,
input[type=text]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=url]:read-only,
input[type=password]:read-only,
textarea:read-only,
input[type=text].disabled,
input[type=number].disabled,
input[type=email].disabled,
input[type=tel].disabled,
input[type=url].disabled,
input[type=password].disabled,
select.disabled,
textarea.disabled,
input[type=text].readonly,
input[type=number].readonly,
input[type=email].readonly,
input[type=tel].readonly,
input[type=url].readonly,
input[type=password].readonly,
select.readonly,
textarea.readonly {opacity:0.5;}

/* 체크박스 */
.form-checkbox {position:relative;display:inline-block; line-height:18px;}
.form-checkbox input[type=checkbox] {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-checkbox input[type=checkbox].checked + .form-check-icon:after,
.form-checkbox input[type=checkbox]:checked + .form-check-icon:after{opacity:1; transform: scale(1);}
.form-checkbox input[type=checkbox].checked.disabled + .form-check-icon:after,
.form-checkbox input[type=checkbox]:checked:disabled + .form-check-icon:after{opacity:0.5;}
.form-checkbox input[type=checkbox].checked.disabled + .form-check-icon:before,
.form-checkbox input[type=checkbox]:checked:disabled + .form-check-icon:before{opacity:0;}
.form-checkbox input[type=checkbox].disabled + .form-check-icon:after,
.form-checkbox input[type=checkbox]:disabled + .form-check-icon:after {opacity:0;}
.form-checkbox input[type=checkbox].disabled + .form-check-icon:before,
.form-checkbox input[type=checkbox]:disabled + .form-check-icon:before {opacity:0.5;}
.form-checkbox input[type=checkbox].disabled + .form-check-icon > em,
.form-checkbox input[type=checkbox]:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}
.form-checkbox input[type=checkbox].done + .form-check-icon:before,
.form-checkbox input[type=checkbox].done:disabled + .form-check-icon:before {opacity:0;}
.form-checkbox input[type=checkbox].done + .form-check-icon > em,
.form-checkbox input[type=checkbox].done:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}
.form-checkbox .form-check-icon {position:relative; display:block; min-width:26px; min-height:26px;}
.form-checkbox .form-check-icon:before {content:''; position:absolute; top:0; left:0; display:block; width:26px; height:26px; background-color:#fff; border:1px solid #ddd; border-radius:0; box-sizing:border-box;}
.form-checkbox .form-check-icon:after {content:''; position:absolute; top:0; left:0; display:block; width:26px; height:26px; z-index:5; opacity:0; background:url(../images/icon/icon_form_check.png) center center no-repeat; background-size:100%;  box-sizing:border-box;}
.form-checkbox .form-check-icon > em {display:inline-block; padding-left:36px; font-size:18px; line-height:26px; color:#111; font-weight:500;}

/* jquery 날짜 입력 */
.date-input {position:relative; display:inline-block;}
.date-input > img {position:absolute; top:50%; left:21px; width:24px; height:24px; margin-top:-12px; cursor:pointer;}
.date-input > input {width:170px;padding:0 28px 0 54px; background-color:#fff;}
.date-input-wrap {position:relative; display:inline-block; max-width:372px; overflow:hidden; font-size:0;}
.date-input-wrap > a,
.date-input-wrap > button,
.date-input-wrap > input[type=submit] {position:absolute; top:0; right:0; width:70px; min-width:70px; padding:0;}
.date-input-wrap .date-input > input {width:100%;}
.date-input-wrap .cell {position:relative; display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;}
.date-input-wrap .cell:nth-child(1) {padding-right:16px;}
.date-input-wrap .cell:nth-child(2) {padding-left:16px;}
.date-input-wrap .cell:nth-child(2):before {content:'~'; position:absolute; top:0; left:-16px; display:block; width:32px; height:48px; color:#666; font-size:26px; line-height:48px; text-align:center;}
.date-input-wrap.single {padding-right:0;}
.date-input-wrap .char{margin:0 5px 0 3px;}

/* 기본 검색 */
.form-basic-search {display:flex;}
.form-basic-search .input {position:relative; width:100%; }
.form-basic-search .input:before {content:''; position:absolute; top:16px; left:-6px; display:block; width:32px; height:32px; background:url(../images/icon/icon_basic_search.png) center center no-repeat; background-size:100%;}
.form-basic-search .input input {height:64px; padding:0 20px 0 40px; font-size:20px; border:none; border-bottom:3px solid #333;}
.form-basic-search .btn-search {flex:0 0 auto; margin-left:60px;}

/* 버튼형 체크박스 */
.form-button-check-wrap {display:inline-flex;}
.form-button-check-wrap .form-button-check {}
.form-button-check {position:relative; display:inline-block;}
.form-button-check input {position:absolute; top:0; left:0;width:100%;height:100%;}
.form-button-check .value {position:relative; display:inline-block; display:inline-flex; align-items:center;  justify-content:center; min-width:110px; height:46px; margin:-1px; font-size:16px; line-height:24px; color:#aaa; background-color:#fff; border:1px solid #ddd; z-index:0;}
.form-button-check input:checked + .value {color:#333; border-color:#333; font-weight:500; z-index:2;}
.form-button-check input:focus{outline:none;border:none;}
.form-button-check input:focus + .value {outline:3px solid #000;z-index:3;}


/* jquery-ui */

.ui-datepicker {z-index:1000 !important}
/*
.ui-datepicker .ui-datepicker-title select {min-width:0; padding:0 34px 0 0; margin:0 3px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:0;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:0;}

.ui-widget-content{border-radius:15px;padding:25px;margin:0;background:#fff;border:none;width:380px;box-sizing:border-box;box-shadow:0px 15px 16px rgba(0, 0, 0, 0.1);}
.ui-datepicker .ui-datepicker-header{padding:0;height:auto;border:none;background:none;position:relative; display:block; width:auto; text-align:center; padding:0; margin:0 auto;}
.ui-datepicker .ui-datepicker-title{position:relative; width:100%; height:32px; margin:0; line-height:1; font-size:0;}
.ui-datepicker .ui-datepicker-title > span {display:block;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {position:relative; top:auto; left:auto; width:auto; height:32px; font-size:13px; line-height:1; color:#3b3e40; font-weight:700; background-color:transparent; border:none; background-position:right center;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {position:relative; top:auto; left:auto; width:auto; height:32px; font-size:13px; line-height:1; color:#3b3e40; font-weight:700; background-color:transparent; border:none; background-position:right center;}
.ui-state-default{border:none !important;background:#fff !important;width:28px;height:28px;font-size:13px;color:#3b3e40 !important;text-align:center !important;line-height:28px; border-radius:50%;padding:0 !important;margin:0 auto}
.ui-datepicker-current-day > a{background:#34bebe !important;color:#fff !important}
.ui-state-default.ui-state-hover{}
.ui-widget-header .ui-icon{background:none;font-size:0}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{display:none;}
.ui-datepicker table{margin:0;font-size:0;table-layout:fixed;}
.ui-datepicker th{padding:4px 0;font-size:13px;font-weight:400;}
.ui-datepicker td{padding:4px 0}
*/

@media screen and (max-width:768px){
	/* 입력태그 리셋 설정 */
	input[type=text],
	input[type=number],
	input[type=email],
	input[type=tel],
	input[type=url],
	input[type=password] {height:40px; padding:0 20px; font-size:14px;}
	textarea {height:150px; padding:10px 20px; font-size:14px;}
	select {height:40px; padding:0 42px 0 20px; font-size:14px;}

	/* 체크박스 */
	.form-checkbox {line-height:20px;}
	.form-checkbox .form-check-icon {min-width:20px; min-height:20px;}
	.form-checkbox .form-check-icon:before {width:20px; height:20px;}
	.form-checkbox .form-check-icon:after {width:20px; height:20px;}
	.form-checkbox .form-check-icon > em {padding-left:27px; font-size:15px; line-height:20px; margin-right:20px;}
	#ch .form-checkbox .form-check-icon > em {font-size:12px;}

	/* jquery 날짜 입력 */
	.date-input {display:block;}
	.date-input > img {left:10px;}
	.date-input > input {width:100%;padding:0 28px 0 44px;}
	.date-input-wrap {max-width:100%;}
	.date-input-wrap .cell:nth-child(1) {padding-right:10px;}
	.date-input-wrap .cell:nth-child(2) {padding-left:10px;}
	.date-input-wrap .cell:nth-child(2):before {left:-10px; width:20px; height:40px; font-size:18px; line-height:40px;}

	/* 기본 검색 */
	.form-basic-search {flex-wrap:wrap;}
	.form-basic-search .input {}
	.form-basic-search .input:before {top:10px; left:-4.5px; display:block; width:29px; height:29px; margin-top:0;}
	.form-basic-search .input input {height:50px; padding:0 10px 0 33px; font-size:16px; border-bottom:2px solid #333;}
	.form-basic-search .btn-search {flex:1; width:100%; margin-top:10px; margin-left:0;}

	/* 버튼형 체크박스 */
	.form-button-check-wrap {display:flex; width:100%; padding:1px;}
	.form-button-check {display:block; flex:1;}
	.form-button-check .value {display:flex; min-width:0; height:38px; font-size:14px; line-height:20px;}

	.ui-datepicker {left:50%!important; transform: translateX(-50%);}

}

/* 접근성 outline추가 */
.calendar-wrap .form-checkbox input:focus ~ .form-check-icon {border:1px solid #333;}
.filter-search-wrap .sort-check-list .check-cell label input:focus ~ .form-check-icon {border:1px solid #333;}
.gallery-slider-wrap .thumb-slider .slider-item:focus {border:1px solid #333;}
.form-checkbox input[type=checkbox]:focus ~ span.form-check-icon {border:1px solid #333;}