@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.black_bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;display:none;background-color:rgba(0,0,0,0.8); cursor:pointer;}

/* Quick_Menu */
#quick_mini {
	position: fixed;
	right: -20px;
	top: 120px;
	width: 20px;
	height: 100%;
	z-index: 1009;
}

#quick_normal {
	position: absolute;
	right: -640px;
	top: 355px;
	width: 640px;
	height: 590px;
	z-index: 1009;
}

#quick_table {height:100%}

#quick_menu {
	width: 160px;
	height: 590px;
	background-color: none;
	vertical-align: top;
}

#quick_content {
	width: 480px;
	vertical-align: top;
	background-color: #fff;
	/* overflow: hidden; */
}

#quick_content_inner {background-color: #fff; height: 500px;}

#quick_fsbg {
	position: relative;
	margin-left: -14px;
	width: 134px;
	height: 16px
}

.qc_close {display: none;}

.cp{ cursor:pointer}

/*.q0 {width: 160px; height: 30px; } 
.q1 {background: url('../img/quick/quick_menu.png'); width: 160px; height: 40px; }
.q2 {background: url('../img/quick/q_tel.gif'); width: 160px; height: 150px; }
.q3 {background: url('../img/quick/model01.gif'); width: 160px; height: 90px; cursor:pointer}
.q4 {background: url('../img/quick/recruit_model.gif'); width: 160px; height: 70px; cursor:pointer}
*/
.q_m_paycoun {background-position: 0 0}
.q_m_katalkcoun {background-position: 0 -40px}
.q_m_onlinecoun {background-position: 0 -80px}
.q_m_onlinereser {background-position: 0 -120px}
.q_m_realreview {background-position: 0 -160px}
.q_m_map {background-position: 0 -200px}


.katalk_db_title{
	position: relative;
	top: 0;
	width: 480px;
	height: 80px;
	line-height: 80px;
	color: #a57a47;
	background: #fbdb55;
	font-family: NanumGothic,'Nanum Gothic',NanumGothicWeb,dotum,Sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing:-1px;
	padding: 0 30px;
}

.cost_db_title{
	position: relative;
	top: 0;
	width: 480px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	background: #354a5f;
	font-family: NanumGothic,'Nanum Gothic',NanumGothicWeb,dotum,Sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing:-1px;
	padding: 0 30px;
}

.katalk_db_title span{
	position: absolute;
	width: 26px;
	height: 26px;
	top: 25px;
	right: 90px;
	display: block;
	margin: 0;
	padding: 0;
	right: 90px;

}

.cost_db_title span{
	position: absolute;
	width: 26px;
	height: 26px;
	top: 25px;
	right: 90px;
	display: block;
	margin: 0;
	padding: 0;
	right: 90px;

}

.quick_inner_top iframe {
	margin-top: 35px;
	padding: 0 0 0 30px;
}


.money_box{
	width: 420px;
	margin: 0;
	padding: 0;
	font-family: NanumGothic,'Nanum Gothic',NanumGothicWeb,dotum,Sans-serif;
	border-collapse: collapse;
    border-spacing: 0;
}

.money_box input{
	background: #f4f4f4;
	border: 1px solid #ddd;
	width: 90%;
	height: 21px;
	padding: 5px;
	vertical-align: middle
}

.money_box select{
	background: #f4f4f4;
	width: 94%;
	height: 30px;
}

.money_box tr{
	border-top: 1px solid #dedede;
	height:50px
}

.money_box tr > td:first-child{
	width:120px;
	font-size: 13px;
	color: #666970;
	border-right: 1px solid #dedede
}

.money_box tr:first-child{
	border-top: 1px solid #aaa
}

.money_box tr:last-child{
	border-bottom: 1px solid #aaa
}

.money_box td{
	text-indent: 7px
}

.privacy_check{
	margin: 20px 0 0 0;
	padding: 0;
}

.privacy_check span{
	font-size: 12px;
	color: #616366;
	margin: 0 0 0 5px
}

.privacy_check a{
	background-color: #aaa;
	padding:3px 4px;
	margin: 0 0 0 5px;
	font-size: 11px;
	font-family: 'µ¸¿ò','Dotum','sans-serif';
	color: #eee;
	text-align: center;
	text-decoration: none
}

.sms_check{
	margin: 5px 0 0 0;
	padding: 0;
}

.sms_check span{
	font-size: 12px;
	color: #616366;
	margin: 0 0 0 5px
}

.sms_check a{
	background-color: #aaa;
	padding:3px 4px;
	margin: 0 0 0 5px;
	font-size: 11px;
	font-family: 'µ¸¿ò','Dotum','sans-serif';
	color: #eee;
	text-align: center;
	text-decoration: none
}

.map_box{
	font-family: NanumGothic,'Nanum Gothic',NanumGothicWeb,dotum,Sans-serif;
}

.confirm{
	position: relative;
	width : 150px;
	left: 50%;
	margin-top: 30px;
	margin-left: -90px;
	padding: 0;
}

.confirm a{
	font-family: "Noto Sans KR", sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 24px ;
	color: #fff;
	background: #848794
}


.quick_adress{
	width: 400px;
}


/* Quick_Menu_END */



/* 180620 Äü¸Þ´º ¼öÁ¤ */

div#quick {position: relative;top: -355px;right: 0;z-index:130;}

.katalk_db_title span{right:30px;top:4px;}
.cost_db_title span{right:30px;top:0;}


/* ÀüÈ­»ó´ã */
#quick_content{width:510px;height:auto;background-color:#f5f6f7 !important;box-sizing:border-box;padding:25px 30px;padding-bottom:25px;position:absolute;transition:right 0.3s;top:0;right:-999px;}
#quick_content.kakao_bgcolor{background-color:#f5f6f7 !important;}
#quick_content #quick_content_inner{background-color:transparent !important;}
.cost_db_title{background:none;font-size:30px;line-height:1;letter-spacing:-0.075em;font-weight:bold;color:#f93e5f;height:auto;padding-left:0;padding-right:0;}
.katalk_db_title{background:none;font-size:30px;line-height:1;letter-spacing:-0.075em;font-weight:bold;color:#3c1e20;height:auto;padding-left:0;padding-right:0;}
.katalk_db_title img{margin-right:8px;}
#quick_content #quick_content_inner{width:450px;height:auto;}
#quick_content #quick_content_inner .cost_db_title img{display:inline-block;margin-right:8px;vertical-align:top;padding-top:5px;}
#quick_content #quick_content_inner p.sub_txt{font-size:13px;line-height:15px;letter-spacing:-0.075em;font-weight:400;color:#666;padding-top:10px;padding-left:35px;}
#quick_content #quick_content_inner .input_area{background-color:#fff;border:1px solid #dadada;margin-top:15px;}
#quick_content #quick_content_inner .input_area .line:after{display:block;content:"";clear:both;}
#quick_content #quick_content_inner .input_area .line{padding:15px;border-bottom:1px solid #dadada;}
#quick_content #quick_content_inner .input_area .line:last-of-type{border-bottom:0;}
#quick_content #quick_content_inner .input_area .line input{width:290px;height:30px;line-height:30px;padding-left:10px;box-sizing:border-box;border:none;}
#quick_content #quick_content_inner .input_area .line select{height:30px;line-height:30px;width:110px;box-sizing:border-box;border:none;}
#quick_content #quick_content_inner .input_area .line .left{width:280px;float:left;border-right:1px solid #dadada;padding:15px;}
#quick_content #quick_content_inner .input_area .line .right{width:130px;float:left;margin-right:auto;padding-top:20px;}
#quick_content #quick_content_inner .input_area .line .right p{text-align:center;margin-right:0;}
#quick_content:nth-of-type(3){padding-bottom:100px;}
#quick_content #quick_content_inner .agree_area{padding-top:20px;}
#quick_content #quick_content_inner .agree_area .top label{font-size:16px;letter-spacing:-0.075em;font-weight:bold;color:#333;cursor:pointer;}
#quick_content #quick_content_inner .agree_area .top input{display:inline-block;vertical-align:middle;}
#quick_content #quick_content_inner .agree_area .bottom02{margin-top:10px;}
#quick_content #quick_content_inner .agree_area .bottom02 .agree_txt{border:1px solid #dadada;background-color:#fff;height:70px;width:100%;box-sizing:border-box;padding:12px;overflow-y:scroll;}

/* common */
.btn_area{font-size:0;text-align:center;padding-top:15px;}
.btn_area a{display:inline-block;vertical-align:top;width:220px;height:60px;line-height:60px;font-size:20px;letter-spacing:-0.075em;font-weight:500;text-align:center;box-sizing:border-box;}
.btn_area a.mr12{margin-right:10px;}
.btn_area a.close{background-color:#fff;border:1px solid #dadada;color:#222;}
.btn_area a.go{background-color:#f93e5f;color:#fff;}
.btn_area a.kakao_bg{background-color:#3c1e20;color:#ffd800;}
.w100p{width:100% !important;}
p.er{font-size:13px;letter-spacing:-0.075em;font-weight:400;color:#f93e5f;padding-top:5px;margin-right:15px;}
.etc01{font-size:0;text-align:left;padding-top:5px;}
.etc01 > div{display:inline-block;vertical-align:top;width:50%;font-size:15px;letter-spacing:-0.025em;font-weight:400;color:#666;}
a.refile{width:110px;height:22px;background-color:#4955fa;display:none;margin:0 auto;font-size:13px;letter-spacing:-0.075em;font-weight:400;color:#fff;text-align:center;line-height:22px;margin-top:5px;}
a.fileup{display:block;margin:0 auto;font-size:13px;letter-spacing:-0.075em;font-weight:400;color:#fff;text-align:center;line-height:22px;margin-top:5px;background-color:#333949;width:72px;}
.pd0{padding:0 !important;}
.w110{width:110px !important;}



.input_area .line:after{display:block;content:"";clear:both;}
.input_area .line .vertical_line{width:1px;height:30px;background-color:#f0f0f0;display:inline-block;vertical-align:middle;margin:0 5px;}
.input_area .line .nor_txt{font-size:14px;letter-spacing:-0.075em;font-weight:400;color:#666;}
.input_area .line .se_check{display:block;float:right;}
.input_area .line .se_check ul:after{display:block;content:"";clear:both;}
.input_area .line .se_check ul li{float:left;}
.input_area .line .se_check ul li input[type=radio]{position:absolute;width:5px !important;height:5px !important;visibility: hidden;}
.input_area .line .se_check ul li label{cursor:pointer;width:32px;height:32px;background-color:#fff;border:1px solid #dcdcdc;display:inline-block;line-height:32px;text-align:center;box-sizing:border-box;}
.input_area .line .se_check ul li label.active{background-color:#f93e5f;border:none;color:#fff;}

.input_area .line .se_check.kakao ul li label.active{background-color:#3c1e20;}
.input_area .line .se_check input{}

.h32{height:32px !important;}
.w55{width:55px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.input_grey{background-color:#dcdcdc;}
.mr20{margin-right:20px !important;}

.file_pop{position:absolute;top:365px;width:700px;right:160px;display:none;z-index:99999;}
.file_pop .close_area:after{display:block;content:"";clear:both;}
.file_pop .close_area{height:35px;width:100%;}
.file_pop .close_area .close_btn{width:155px;float:right;background-color:#f93e5f;height:35px;line-height:35px;font-size:16px;letter-spacing:-0.075em;font-weight:400;color:#fff;padding-left:20px;box-sizing:border-box;cursor:pointer;}
.file_pop .close_area .close_btn > img{display:inline-block;vertical-align:middle;margin-left:40px;cursor:pointer;}
.file_pop .inner:after{display:block;content:"";clear:both;}
.file_pop .inner{background-color:#fff;border:3px solid #f93e5f;box-sizing:border-box;height:280px;width:100%;padding-top:20px;}
.file_pop .inner .left02{float:left;height:205px;width:420px;padding-left:40px;box-sizing:border-box;}
.file_pop .inner .right02{float:right;height:205px;width:270px;box-sizing:border-box;padding-right:25px;}
.file_pop .inner .right02 .txt_img02{padding-top:12px;}
.file_pop .inner .left02 p:last-of-type{margin-bottom:0;}
.file_pop .inner .left02 p{margin-bottom:10px;}
.file_pop .inner .left02 p input{background-color:#f5f5f5;padding-left:0;margin-left:10px;}
.file_pop .inner .cont_wrap{text-align:center;text-align:left;float:left;}
.file_pop .inner .cont_wrap .cont:after{display:block;content:"";clear:both;}
.file_pop .inner .cont_wrap .cont:first-of-type{width:510px;padding-left:40px;box-sizing:border-box;}
.file_pop .inner .cont_wrap .cont:last-of-type{width:120px;margin-left:35px;}
.file_pop .inner .cont_wrap .cont{display:inline-block;vertical-align:top;}
.file_pop .inner .cont_wrap .cont > img{margin-top:-10px;}
.file_pop .inner .cont_wrap .cont a{width:55px;height:33px;display:block;float:left;text-align:center;color:#fff;font-size:13px;line-height:33px;letter-spacing:-0.075em;}
.file_pop .inner .cont_wrap .cont a.no{background-color:#f93e5f;margin-right:3px;}
.file_pop .inner .cont_wrap .cont a.go{background-color:#7c96dc;}
.w150{width:150px !important;}
/* üũ¹Ú½º Ä¿½ºÅÒ */
.agree_area input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.agree_area input[type="checkbox"] ~ label{display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.agree_area input[type="checkbox"] ~ label:before{content: ' '; display: inline-block; width: 28px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 28px; /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border:1px solid #c1c1c1;}
.agree_area input[type="checkbox"]:checked + label:before{content: ' '; display: inline-block; width: 28px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 28px; /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border:1px solid #f93e5f;background:url(/img/checked_img.jpg)no-repeat center top;}

.privacy .text{padding-bottom:10px;}

#quick_content #quick_content_inner .input_area .line input:focus{background-color:#faffbd;}
.pt0{padding-bottom:0 !important;}
#quick_content #quick_content_inner .input_area .line span.initial{width:40%;}
#quick_content #quick_content_inner .input_area .line span.initial input{width:15px;height:15px;vertical-align:middle;display:inline-block;}
#quick_content #quick_content_inner .input_area .line span.initial ul{width:40%;display:inline-block;vertical-align:middle;padding-left:20px;box-sizing:border-box;}
#quick_content #quick_content_inner .input_area .line span.initial ul:after{display:block;content:"";clear:both;}
#quick_content #quick_content_inner .input_area .line span.initial ul li{float:left;margin-right:10px;}
#quick_content #quick_content_inner .input_area .line span.initial ul li:last-of-type{margin-right:0;}
.w50p{width:50% !important;}
.w20p{width:20% !important;}
.wom_set input{display:none;}


/* quick */
div#quick {position: fixed;top: 0;right: 0;z-index:1001;width: 91px;height: 100vh;background-color: rgba(56,66,78,0.8);}
#quick_normal{top: 0;}