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

/*

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

*/

/*
	COMMON
*/

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

html,body{width:100%;min-width:1280px;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:300;font-family :"CarmenSansOTF-UltraLight", Arial, sans-serif;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;}

.ui-draggable-handle {-ms-touch-action:initial !important;touch-action:initial !important}

input, textarea{-webkit-appearance: none; -webkit-border-radius: 0;}
html {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
body {
  width: 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;}
.hidden{position:absolute;left:-99999px;}
.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;}
.ed_val b, strong{font-weight:500;}
#is_mobile_write{display:none; position:fixed; left:-99999px;}

.rpos{position:relative;}
.apos{position:absolute;}
.sp_block{display:table; width:100%; clear:both;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}

/* 에디터 감싸는 박스 */
.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;}

.btm_no_board{border-bottom:0 !important;}
.top_no_board{border-top:0 !important;}

/* 숫자폰트 사용 */
.num_font{font-family:'Montserrat' !important;}

/* 버튼 */
button.btn_confirm{
	margin:auto;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-radius:4px;
	background:#0c2965;
	padding:12px 30px;
	font-family:"nb";
	font-size:15px;
	font-weight:600;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
span.btn_sblue{
	margin-left:8px;
	border-radius:4px;
	display:inline-block;
	background:#0c2965;
	padding:8px 13px;
	font-family:"nb";
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
	cursor:pointer;
}


/* round botton */
.btn_round {
	margin-left:8px;
	border-radius:4px;
	display:inline-block;
	background:#0c2965;
	padding:8px 13px;
	font-family:"nb";
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
	cursor:pointer;
	border:0;
}
.btn_round:hover {/*background:#fafafa;color:#333;*/}
.num_font{font-family:'Montserrat';}

/* 입력폼 텍스트이미지 처리 */
.won{background:url('/images/common/txt_won.png') 100% 42% no-repeat;padding-right:50px !important;border-bottom:1px solid #ddd !important; font-family:'Montserrat' !important;}
.swon{background:url('/images/common/txt_swon.png') 100% center no-repeat;padding-right:35px !important;border-bottom:1px solid #ddd !important; font-family:'Montserrat' !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;}



/* 디자인 셀렉트박스 */
.my_select{display:inline-block;position:relative;margin-right:43px;vertical-align:bottom;}
select.design{overflow:hidden;height:34px;padding:4px 5px;font-family:'CarmenSansOTF-UltraLight';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:4px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	width:calc(100% + 40px);
	/*width:100%;*/
	padding-right:32px;
	border:1px solid #ddd;
}

select.design_show{height:34px;padding:4px 5px;font-family:'CarmenSansOTF-UltraLight';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:4px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	width:calc(100% + 40px);
	border:1px solid #ddd;
}


/* 디자인 셀렉트박스 UNDER LINE */
select.design_uline{overflow:hidden;height:34px;padding:4px 5px;font-family:'CarmenSansOTF-UltraLight';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:4px;
	text-indent:5px;
	font-weight:300;
	line-height:24px;
	border:0;
	width:calc(100% + 40px);
	border-bottom:1px solid #ddd;
}


select.custom {
  padding: 12px;
  outline: none;
  width: 250px;
  margin-bottom: 20px;
  font-family:'CarmenSansOTF-UltraLight';
  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);
}

.col_gray{color:#ddd !important; font-weight:300 !important;}
.col_red{color:#ff3300 !important;}
.col_blue{color:#0066cc !important;}
.unb{display:inline-block; padding:2px; background:#ffffaa;}

label{	-webkit-user-select: none; /* Safari */	-ms-user-select: none; /* IE 10 and IE 11 */	user-select: none; /* Standard syntax */}

/* 디자인 체크박스 */
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 0 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;}
label .label_text{display:inline-block; margin-left:5px;}

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

/* 날짜 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;margin:26px 0;overflow:hidden;}
.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:15px;width:50px;height:34px;line-height:34px;font-weight:normal;color:#3c4353;font-family:"Montserrat";}
.bbs_paging a{border-left:1px solid #e7e7e7;vertical-align:top;}
.bbs_paging a.prev{display:inline-block;width:30px;background:url('/board/images/bg_prev2.jpg') no-repeat;border-width:0px;}
.bbs_paging a.next{display:inline-block;width:30px;background:url('/board/images/bg_next2.jpg') no-repeat;}
.bbs_paging a.pos{color:green;}
.bbs_paging a:hover{text-decoration:none;}
.bbs_paging .btn_write{position:absolute;right:15px;top:0px;}

/* JS 페이징 */
.ipaging{text-align:center;}
.ipaging a{display:inline-block;width:42px;height:37px;line-height:37px;text-align:center;border:1px solid #ddd;text-decoration:none;}
.ipaging a{border-right:0;vertical-align:top;font-family:"Montserrat";font-weight:300;}
.ipaging a:last-child{border-right:1px solid #ddd;}
.ipaging a.paging-item.selected{color:#ff6600;border:1px solid #ddd;width:42px;height:37px;line-height:37px;}
.ipaging a.paging-item.selected + a{border-left:0;}
.ipaging a.paging-side{width:60px !important;height:37px;overflow:hidden;padding:0;}
.ipaging a{font-weight:300;color:#666;}
.ipaging img{vertical-align:top;}

/* 비밀번호 팝업 */
#my_pop{width:540px !important;min-height:250px;margin:0 auto;background:#fff;border-radius:24px;font-family:'CarmenSansOTF-UltraLight';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:24px;border-top-right-radius:24px;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;}


/* 상품리뷰 등록 팝업 */
#review_pop{width:1000px;min-height:250px;margin:0 auto;background:#fff;border-radius:0px;font-family:'CarmenSansOTF-UltraLight';font-size:17px;font-weight:300;letter-spacing:-1px;margin-top:-100px;}
#review_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;}
#review_pop > div.cont{padding:10px 20px 10px 20px;}
#review_pop div.msg{font-size:17px;font-weight:300;color:#000;padding:5px 0;}
#review_pop .in_title{display:inline-block;width:200px;}
#review_pop .close_btn{position:absolute;right:25px;top:15px;}
#review_pop table td.title{text-align:center;vertical-align:middle;}
#review_pop table td{border-bottom:1px solid #ddd;padding:8px;height:55px;}
#review_pop #code_rtl{font-size:16px;display:inline-block;margin-left:5px;}
#review_pop table tr:last-child td{border:0;}
#review_pop #pop_cont{color:#333;font-size:16px;padding:15px 30px;}
#review_pop label{margin-right:15px;}
#review_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;}

.st_btn{display: inline-block;padding:0 12px;padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px;height: 33px;line-height: 33px;vertical-align: middle;background: linear-gradient(to bottom, #fff, #f9f9f9);}
.st_btn{border: 1px solid #ccc; border-radius: 2px; font-family: '돋움'; font-size: 12px; letter-spacing: 0px; text-align: center; margin-right: 2px; cursor: pointer;}

/* 버튼그레이 */
.sm_btn{
	display: inline-block; 
	padding: 0 12px; 
	height:33px;
	line-height:33px;
	vertical-align: middle; 
	background: linear-gradient(to bottom, #fff, #e9eef9);
    border: 1px solid #7a97db;
    border-radius: 2px;
    font-family: '돋움';
    font-size: 12px;
    letter-spacing: 0px;
    text-align: center;
    margin-right: 2px;
	cursor:pointer;
}
.sm_btn:hover{background: linear-gradient(to bottom, #fff, #d8e1f5);}

.sm_btn_gray{
	display: inline-block; 
	padding: 0 12px; 
	height:33px;
	line-height:33px;
	vertical-align: middle; 
	background: linear-gradient(to bottom, #fff, #f9f9f9);
    border: 1px solid #ccc;
    border-radius: 2px;
    font-family: '돋움';
    font-size: 12px;
    letter-spacing: 0px;
    text-align: center;
    margin-right: 2px;
	cursor:pointer;
}
.sm_btn_gray:hover{background: linear-gradient(to bottom, #fff, #eeee);}

.btn_tag{
	display: inline-block; 
	padding: 0 2px; 
	min-width:35px;
	height:22px;
	line-height:22px;
	vertical-align: middle; 
	background: linear-gradient(to bottom, #fff, #f9f9f9);
    border: 1px solid #ccc;
    border-radius: 2px;
    font-family: '돋움';
    font-size: 12px;
    letter-spacing: 0px;
    text-align: center;
	margin:0 0 2px 0;
}

.st_btn_excel{
	display: inline-block;
	padding: 0 12px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 34px;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
	background: url('/images/common/ico_xls_rec.png') 7px 7px no-repeat, linear-gradient(to bottom, #fff, #f9f9f9);
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: '돋움';
	font-size: 12px;
	letter-spacing: 0px;
	text-align: center;
	margin-right: 2px;
	cursor: pointer;
}
.st_btn_excel:hover{background: url('/images/common/ico_xls_rec.png') 7px 7px no-repeat, linear-gradient(to bottom, #ffff, #fefefe);border: 1px solid #ccc;}


.wbtn{
	display: inline-block;
    /*height: 42px;*/
    margin: 2px 0;
    padding: 7px 20px 7px;
    border: 1px solid #aaa;
    border-radius: 4px;
    line-height: inherit;
    text-align: center;
    font-weight: 300;
    vertical-align: middle;
    text-decoration: none;
    transition-property: background, box-shadow;
    transition-duration: .3s;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-appearance: none;
	font-size:16px;
	font-family:'CarmenSansOTF-UltraLight';
	font-weight:300;
	cursor:pointer;
	letter-spacing:0;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.wbtn:hover{box-shadow:0 0 5px rgba(17,29,104,0.15);}
.wbtn_big{padding:8px 30px 8px; font-size:17px; font-weight:300; letter-spacing:-1px;}

.hwbtn{
	margin: 2px 0;
	padding: 5px 20px 5px;
	border: 1px solid #aaa;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	transition-property: background, box-shadow;
	transition-duration: .3s;
	white-space: nowrap;
	box-sizing: border-box;
	-webkit-appearance: none;
	font-size:16px;
	font-family:'CarmenSansOTF-UltraLight';
	font-weight:300;
	cursor:pointer;
	background:#fff;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.hwbtn:hover{box-shadow:0 0 1px rgba(17,29,104,0.15);border:1px solid #8b8b8b;}

.title_stitle{position:relative;background:url('/images/common/icon_sub_3line.png') 0px 55% no-repeat;padding:10px 0 10px 40px;font-size:18px;margin-top:0px;letter-spacing:-1px;font-weight:300;}	

/* 햄버거 메뉴 */
.ham-bar-box{cursor:pointer;background:url('/images/common/btn-sitmap.png') 0 50% no-repeat; display: inline-block; width:50px;}
.ham-bar {
    display: inline-block;
    position: relative;
    margin: 0 18px 6px 0;
    padding: 0;
	border-radius:8px;
    background: #000;	
}
/*
.ham-bar, .ham-bar:before, .ham-bar:after {
    width: 16px;
    height: 2px;
	border-radius:8px;
}
.ham-bar:before, .ham-bar:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #000;
}
.ham-bar:before { margin-top: -8px; }
.ham-bar:after { margin-top: 6px; }
*/

/* 알림팝업 */
.mpop{position:absolute;min-width:200px;min-height:100px;border:1px solid #ddd;background:#fff;margin:0;padding:0;border-radius:24px; overflow:hidden;}
.mpop .pop_cont{min-height:100px;}
.mpop .btc{position:relative;padding:8px 15px;text-align:right;border-top:1px solid #ddd;font-family:'CarmenSansOTF-UltraLight';font-size:15px;font-weight:300;color:#000;letter-spacing:-1px;cursor:move;}
.mpop .btc label{display:inline-block;position:absolute;left:15px;top:8px;cursor:pointer;}


/* 배경 마스크 */
#bg_mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.45);}
#my_popup_box{position:absolute; left:0; top:0; width:100%; height:100%;}
#my_popup{position:relative; width:100%; height:100%;}
#dfs_mask{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); z-index:9998;}
.set_top_popup{top:0 !important; margin-top:50px !important;}

/* 깜빡임 */
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
	animation: blink-effect 1.5s step-end infinite;
}

/* 상단으로 */
#goTop{position:fixed;right:50px;bottom:50px;opacity:0.15;cursor:pointer; z-index:9999;}

@media screen and (max-width: 1400px) {
	#shop_rbox{position:absolute;top:0;right:-160px !important;}
}

/* PC */
@media (min-width: 768px) {
	#is_mobile_write{display:none; position:fixed; left:-99999px;}	
}

/* MBOILE */
@media (max-width: 768px) {
	#is_mobile_write{display:block; position:fixed; left:-99999px;}
	.mo_side_pd{padding:0 15px;}
}