@charset "utf-8";
/*@import url(/css/fonts.css);*/

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*

	반응형 해상도 작업기준
	-------------------------
	모바일 : 639 이하
	태블릿 : 640~768
	데스크탑 : 769 이상
	-------------------------

*/

/*
	COMMON
*/

*{margin:0;padding:0;}
*{-webkit-text-size-adjust:none;}

html,body{width:100%;min-width:300px;position:absolute; left: 0; right: 0;min-height:500px;margin:0 auto;}
html{overflow-y:scroll;}
body{margin:0;padding:0;width:100%;position:font-size:16px;font-weight:400;font-family: 'NanumSquare', sans-serif !important;overscroll-behavior: contain;}
form{margin:0;padding:0;}
div,input,textarea,select,button,table,ul,li,ol,dl,dt,dd{margin:0;padding:0;}
input,textarea{outline-style:none;resize:none;border:1px solid #ddd;}
img,input{vertical-align:middle;}
img,fieldset{border:0;}
select{font-size:12px;}
label{cursor:pointer;}
html,div,ul,li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit}
:after,:before{display:none;content:'';}
input[type="checkbox"]{cursor:pointer;}
input[type="radio"]{cursor:pointer;}

html {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
body {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

body {
     -webkit-overflow-scrolling: touch;
}

body.mfp-zoom-out-cur {
     overflow: hidden;
     -webkit-overflow-scrolling: auto;
}

textarea{
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#d9d9d9; 
	scrollbar-face-color:#eee; 
	scrollbar-shadow-color:#fefefe; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-track-color:#fafafa; 
	scrollbar-arrow-color:#919191;
}

ul{list-style:none;text-decoration:none}
li{list-style:none;text-decoration:none}
ol,dl{list-style:none;text-decoration:none}

a{cursor:pointer;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
a:hover{color:#000;text-decoration:none;}

a{outline:none;}
a{selector-dummy:expression(this.hideFocus=true);}
::-webkit-file-upload-button{cursor:pointer;}

/* 공용 */
.hide{display:none;}
.block{display:block;}
.fleft{float:left;}
.input{border:1px solid #d5d5d5;height:20px;padding-left:3px;}
.noborder{border-width:0px;}
.fwnormal{font-weight:normal !important;}
textarea:focus{outline: none;}
*:focus{outline: none;}
input:focus{outline: none;}
select:focus{outline: none;}


/* 에디터 감싸는 박스 */
.editor_box{border:1px solid #ddd;min-height:200px;}

/* 한줄쓰기 ... 처리 */
.one_line{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




/* 디자인 셀렉트박스 */
select.design{overflow:hidden;height:34px;padding:4px 5px;font-family:'Noto Sans KR';font-size:17px;display:inline-block;margin-right:0px;color:#000;vertical-align:middle;}
select.design::-ms-expand {display: none;}
select.design{
	background:#fff url('/images/common/select_arr2.jpg') no-repeat 100% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	vertical-align:middle;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	width:calc(inherit + 80px);
	border:1px solid #ddd;
}

select.design_show{height:34px;padding:4px 5px;font-family:'Noto Sans KR';font-size:17px;display:inline-block;margin-right:0px;color:#000;vertical-align:middle;}
select.design_show::-ms-expand {display: none;}
select.design_show{
	background:#fff url('/images/common/select_arr2.jpg') no-repeat 100% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	vertical-align:middle;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	border:1px solid #ddd;
}


/* 디자인 셀렉트박스 UNDER LINE */
select.design_uline{overflow:hidden;height:34px;padding:4px 5px;font-family:'Noto Sans KR';font-size:17px;display:inline-block;margin-right:0px;color:#000;vertical-align:middle;}
select.design_uline::-ms-expand {display: none;}
select.design_uline{
	background:#fff url('/images/common/select_arr3.jpg') no-repeat 100% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	vertical-align:bottom;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	border:0;
	border-bottom:1px solid #ddd;
}


select.custom {
  padding: 12px;
  outline: none;
  width: 250px;
  margin-bottom: 20px;
  font-family:'Noto Sans KR';
  font-size:17px;
  border:1px solid #ddd;
  font-weight:300 !important;
}

select.custom.widthHeight::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

select.custom.style::-webkit-scrollbar-track {
  border: rgb(180, 180, 180);
  background-color: #ff6536;
}

select.custom.style::-webkit-scrollbar-thumb {
  background-color: #3677ef;
  border: 1px solid rgb(193, 193, 193);
}

/* 디자인 체크박스 */
input.design[type="checkbox"] {/*display:none;*/position:absolute;left:-99999px;}
label input.design[type="checkbox"] {color:#000;}
label input.design[type="checkbox"] + span {display:inline-block;width:20px;height:20px;margin:-1px 10px 0 0;vertical-align:middle;}
label input.design[type="checkbox"] + span {background:url('/images/common/chk_radio.jpg') -1px -1px no-repeat;cursor:pointer;}
label input.design[type="checkbox"]:checked + span {background:url('/images/common/chk_radio.jpg') -23px -1px no-repeat;}
label input.design[type="checkbox"]:disabled + span {background:url('/images/common/chk_radio.jpg') -94px -1px no-repeat;}
label input.design[type="checkbox"]:disabled{color:#ddd;}

input.design_green[type="checkbox"] {/*display:none;*/position:absolute;left:-99999px;}
label input.design_green[type="checkbox"] {color:#000;}
label input.design_green[type="checkbox"] + span {display:inline-block;width:20px;height:20px;margin:-1px 10px 0 0;vertical-align:middle;}
label input.design_green[type="checkbox"] + span {background:url('/images/common/chk_radio_green.jpg') -1px -1px no-repeat;cursor:pointer;}
label input.design_green[type="checkbox"]:checked + span {background:url('/images/common/chk_radio_green.jpg') -23px -1px no-repeat;}
label input.design_green[type="checkbox"]:disabled + span {background:url('/images/common/chk_radio_green.jpg') -94px -1px no-repeat;}
label input.design_green[type="checkbox"]:disabled{color:#ddd;}

input.sdesign[type="checkbox"] {/*display:none;*/position:absolute;left:-99999px;}
label input.sdesign[type="checkbox"] {color:#000;vertical-align:middle;}
label input.sdesign[type="checkbox"] + span {display:inline-block;width:16px;height:16px;margin:-2px 7px 0 0;vertical-align:middle;}
label input.sdesign[type="checkbox"] + span {background:url('/images/common/chk_small.jpg') -1px -1px no-repeat;cursor:pointer;}
label input.sdesign[type="checkbox"]:checked + span {background:url('/images/common/chk_small.jpg') -19px -1px no-repeat;}
label input.sdesign[type="checkbox"]:disabled + span {background:url('/images/common/chk_small.jpg') -38px -1px no-repeat;}
label input.sdesign[type="checkbox"]:disabled{color:#ddd;}

/* 디자인 체크박스 - 라디오 타입 */
input.radio_type[type="checkbox"] {/*display:none;*/position:absolute;left:-99999px;}
label input.radio_type[type="checkbox"] {color:#000;font-family:Arial, sans-serif;}
label input.radio_type[type="checkbox"] + span {display:inline-block;width:23px;height:23px;margin:-2px 10px 0 0;vertical-align:middle;}
label input.radio_type[type="checkbox"] + span {background:url('/images/common/chk_radio.jpg') -45px top no-repeat;cursor:pointer;}
label input.radio_type[type="checkbox"]:checked + span {background:url('/images/common/chk_radio.jpg') -69px top no-repeat;}
label input.radio_type[type="checkbox"]:disabled + span {background:url('/images/common/chk_radio.jpg') -116px top no-repeat;color:#ddd;}
label input.radio_type[type="checkbox"]:disabled{color:#ddd;}

/* 디자인 체크박스 - 라운드 타입 */
input.round_type[type="checkbox"] {/*display:none;*/position:absolute;left:-99999px;}
label input.round_type[type="checkbox"] {color:#000;font-family:Arial, sans-serif;}
label input.round_type[type="checkbox"] + span {display:inline-block;width:35px;height:35px;margin:0;vertical-align:middle;}
label input.round_type[type="checkbox"] + span {background:url('/images/common/check_rounds.png') -1px top no-repeat;cursor:pointer;}
label input.round_type[type="checkbox"]:checked + span {background:url('/images/common/check_rounds.png') -36px top no-repeat;}
label input.round_type[type="checkbox"]:disabled{color:#ddd;}

/* 디자인 라디오박스 */
input.design[type="radio"] {/*display:none;*/position:absolute;left:-99999px;}
label input.design[type="radio"] {color:#000;font-family:Arial, sans-serif;}
label input.design[type="radio"] + span {display:inline-block;width:23px;height:23px;margin:-2px 10px 0 0;vertical-align:middle;}
label input.design[type="radio"] + span {background:url('/images/common/chk_radio.jpg') -45px top no-repeat;cursor:pointer;}
label input.design[type="radio"]:checked + span {background:url('/images/common/chk_radio.jpg') -69px top no-repeat;}
label input.design[type="radio"]:disabled + span {background:url('/images/common/chk_radio.jpg') -116px top no-repeat;color:#ddd;}
label input.design[type="radio"]:disabled{color:#ddd;}

/* 디자인 라디오박스 STATIC */
input.design_st[type="radio"] {/*display:none;*/position:absolute;left:-99999px;}
label input.design_st[type="radio"] {color:#000;font-family:Arial, sans-serif;}
label input.design_st[type="radio"] + span {display:inline-block;width:23px;height:23px;margin:-2px 10px 0 0;vertical-align:middle;}
label input.design_st[type="radio"] + span {background:url('/images/common/chk_radio.jpg') -45px top no-repeat;cursor:pointer;}
label input.design_st[type="radio"]:checked + span {background:url('/images/common/chk_radio.jpg') -69px top no-repeat;}
label input.design_st[type="radio"]:disabled + span {background:url('/images/common/chk_radio.jpg') -116px top no-repeat;color:#ddd;}
label input.design_st[type="radio"]:disabled{color:#ddd;}