@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;
}




<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
@font-face {

    font-family:'NanumGothic';

    src: url('images/NanumGothic.eot');

    src: url('images/NanumGothic.eot?#iefix') format('embedded-opentype'),

         url('images/NanumGothic.woff') format('woff'),

         url('images/NanumGothic.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}
@font-face {font-family:'Malgun Gothic'; src:url(/fonts/MalgunGothic.eot);}

/*

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

*/

/*
	COMMON
*/

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

html,body{width:100%;min-width:1200px;position:absolute; left: 0; right: 0;min-height:500px;}
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{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:before,*:after{box-sizing:inherit}
input[type="checkbox"]{cursor:pointer;}
input[type="radio"]{cursor:pointer;}
img{margin:0;padding:0;}
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;}

:after,:before{display:none;content:'';}

/* 공용 */
.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;}
.two_line{width:100%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.three_line{width:100%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}

/* 입력폼 텍스트이미지 처리 */
.won{background:url('/images/common/txt_won.png') 100% 42% no-repeat;padding-right:50px !important;border-bottom:0px solid #ddd !important;}
.swon{background:url('/images/common/txt_swon.png') 100% center no-repeat;padding-right:35px !important;border-bottom:0px solid #ddd !important;}
.dong{background:url('/images/common/txt_dong.png') 100% 42% no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important;}
.ho{background:url('/images/common/txt_ho.png') 100% 42% no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important;}
.ea{background:url('/imagescommon//txt_ea.png') 100% 42% no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important;}
.dae{background:url('/images/common/txt_dae.png') 100% 42% no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important;}
.gaedong{background:url('/images/common/txt_gaedong.png') 100% 42% no-repeat;padding-right:50px !important;border-bottom:1px solid #ddd !important;}
.per{background:url('/images/common/txt_per.png') 100% 42% no-repeat;padding-right:50px !important;border-bottom:1px solid #ddd !important;}
.m2{background:url('/images/common/txt_m2.png') 100% 40% no-repeat;padding-right:40px !important;border-bottom:1px solid #ddd !important;}
.pyong{background:url('/images/common/txt_pyong.png') 100% 40% no-repeat;padding-right:40px !important;border-bottom:1px solid #ddd !important;}
.gagu{background:url('/images/common/txt_gagu.png') 100% 40% no-repeat;padding-right:50px !important;border-bottom:1px solid #ddd !important;}
.floor{background:url('/images/common/txt_floor.png') 100% 40% no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important;}
.seadae{background:url('/images/common/txt_seadae.png') 100% 40% no-repeat;padding-right:50px !important;border-bottom:1px solid #ddd !important;}
.input_http{background:url('/images/common/input_http.png') 5px 50% no-repeat;border-bottom:1px solid #ddd !important;text-indent:55px;}
.input_https{background:url('/images/common/input_https.png') 5px 50% no-repeat;border-bottom:1px solid #ddd !important;text-indent:65px;}

/* 디자인 셀렉트박스 */
select.design{overflow:hidden;height:34px;padding:4px 5px;font-family:'Noto Sans KR';font-size:17px;display:inline-block;margin-right:0px;min-width:160px;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:bottom;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	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;min-width:160px;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:bottom;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	border:1px solid #ddd;
}


/* 디자인 셀렉트박스 UNDER LINE */
select.design_uline{overflow:hidden;height:42px;padding:4px 5px;font-family:'Noto Sans KR';font-size:17px;display:inline-block;margin-right:0px;min-width:160px;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% 60%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	vertical-align:top;
	border-radius:0px;
	text-indent:5px;
	font-weight:300;
	line-height:34px;
	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;}
label input.sdesign[type="checkbox"] + span {display:inline-block;width:16px;height:16px;margin:-5px 10px 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;}

/* 날짜 INPUT */
input.scal{background:#fff url('/images/common/scal.png') 93% 50% no-repeat;width:180px;min-width:180px !important;height:34px;padding-right:25px !important;margin-right:5px;}
.date_item{position:relative;display:inline-block;}
.date_item .cal_btn{position:absolute;right:10px;top:6px;display:inline-block;width:25px;height:25px;cursor:pointer;}
.fromto{display:inline-block;margin:0 5px;}
.fromto_str{display:inline-block;margin-left:5px;margin-right:20px;vertical-align:bottom;}

/* 시간 INPUT */
input.stime{background:#fff url('/images/common/down_arr.png') 93% 50% no-repeat;width:140px;min-width:140px !important;height:34px;padding-right:25px !important;margin-right:5px;}
.time_item{position:relative;display:inline-block;}
.time_item .time_btn{position:absolute;right:10px;top:6px;display:inline-block;width:25px;height:25px;cursor:pointer;}
.ui-timepicker-wrapper{width:140px !important;}


/* 게시판 페이징 */
.bbs_paging{position:relative;padding:26px 0;overflow:hidden;border-top:1px solid #efefef;}
.bbs_paging div{display:table;border:1px solid #ccc;text-align:center;background:#fff;margin-left:auto;margin-right:auto;overflow:hidden !important;}
.bbs_paging a{display:inline-block;font-size:14px;min-width:40px;height:40px;line-height:40px;font-weight:bold;color:#707786;font-family:"Tahoma";}
.bbs_paging a{border-left:1px solid #e7e7e7;vertical-align:top;}
.bbs_paging a.prev{display:inline-block;width:40px !important;min-width:40px !important;background:url('/board/images/bg_prev.jpg') no-repeat;border-width:0px;background-size: 40px 40px;}
.bbs_paging a.next{display:inline-block;width:40px !important;min-width:40px !important;background:url('/board/images/bg_next.jpg') no-repeat;background-size: 40px 40px;}
.bbs_paging a.pos{color:#1b8bfd}
.bbs_paging a:hover{text-decoration:none;}
.bbs_paging .btn_write{position:absolute;right:15px;top:0px;}

/* 비밀번호 팝업 */
#my_pop{width:600px;min-height:250px;margin:0 auto;background:#fff;border-radius:0px;font-family:'Noto Sans KR';font-size:17px;font-weight:300;letter-spacing:-1px;margin-top:-100px;}
#my_pop > div.title{cursor:move;padding:20px;font-size:17px;border-bottom:1px solid #ddd;background:#4d515a;color:gold;border-top-left-radius:0px;border-top-right-radius:0px;position:relative;}
#my_pop > div.cont{padding:10px 20px 10px 20px;}
#my_pop div.msg{font-size:17px;font-weight:300;color:#000;padding:5px 0;}
#my_pop .close_btn{position:absolute;right:25px;top:15px;}
#my_pop table td.title{text-align:center;vertical-align:middle;}
#my_pop table td{border-bottom:1px solid #ddd;padding:8px;height:55px;}
#my_pop #code_rtl{font-size:16px;display:inline-block;margin-left:5px;}
#my_pop table tr:last-child td{border:0;}
#my_pop #pop_cont{color:#333;font-size:16px;padding:15px 30px;}
#my_pop label{margin-right:15px;}
#my_pop input[type='password']{border:1px solid #ddd;padding:0 8px;}
#btm_btns{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #ddd;background:#f9f9f9;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
#btm_btns > li{float:left;border-right:1px solid #ddd;height:60px;text-align:center;}
#btm_btns > li:last-child{border:0;}
#btm_btns > li.col_01{width:75%;}
#btm_btns > li.col_02{width:25%;}
#btm_btns > li a{display:inline-block;width:100%;height:100%;line-height:60px;font-size:17px;font-weight:300;}
#btm_btns > li:hover{background:#f5f5f5;}
#auth_req_box { position:relative; padding: 10px 0;height:60px;overflow:hidden;}
#auth_req_box .stag {padding:10px 0;color:#000;letter-spacing:-1px;font-size:17px;}
#auth_req_box .req_btn{display:inline-block;padding:7px 10px;margin-left:15px;background:#fff;color:#000; border-radius:4px; border:1px solid #ddd; cursor:pointer; }
#auth_req_box .req_btn:hover{background:#3e87e6;color:#fff;border:1px solid #3e87e6;transition: 0.3s;}
#timer {color:red;padding:5px 0 10px 0; letter-spacing:0;}

/* 상단으로 */
#goTop{position:fixed;right:30px;bottom:30px;opacity:0.15;cursor:pointer;}



/*서브 상단 하늘색구간*/
#sub_top { background:#e5f1ff;}