@charset "UTF-8";

/*공통아이콘 배경*/
.img_comn, .fq_box li a, .foot_menus ul li a {background-image:url(../../images/common/img_comn.png);background-repeat:no-repeat}

/*공통 인풋 스타일*/
input[type="text"], input[type="password"]  { padding: 2; line-height: 20px; border: 1px solid #D1D6DD; }
input[type="radio"] label { padding: 2px; line-height: 28px; }
input.bgtxt { background-color: #F5F6F8; }
input.long { width: 450px; }
input.input_tel { width: 60px; background-color: #F5F6F8; }
input.input_yyyy { width: 60px; background-color: #F5F6F8; }
input.input_md { width: 40px; background-color: #F5F6F8; }
input.post { width: 60px; }
select { padding: 2; height: 30px; line-height: 28px; border: 1px solid #D1D6DD; color: #777; }
.input_wrap { }
.radio_wrap { padding: 5px; }
.radio_wrap label { padding: 2px 20px 2px 0; }
.address_wrap { padding-top: 3px; }
.address_wrap .long { width: 400px; }

/*버튼*/
.btn_area { padding: 30px 0;  text-align: center; }
.btn_area .btn { margin: 0 2px; } 
.btn { display: inline-block; padding: 0px 15px; line-height: 28px; background: #4C5499; border: 1px solid #454B7E; color: #fff!important;text-align: center;  }
.btn:hover { text-decoration: none; background: #454B7E; }
.bgray { background: #6E6E6E; border-color: #6E6E6E; }
.cancel { background: #545661; border-color: #424453; }
.button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 13px; color: #4e5359; text-align: center; }
.button:hover { text-decoration: none; }

.big { width: 100px; height: 45px; line-height: 45px; font-size: 15px; }
.large { width: 150px; height: 50px; line-height: 50px; font-size: 15px; background-color: #F0F4FA;  }
.large:hover { background-color: #DCE6F3; }
.small { font-size: 13px; }

.mobile { padding-left: 40px; background-image: url(/reserve/images/common/icon_mobile.png); background-position: 40px 50%; background-repeat: no-repeat; }
.ipin { padding-left: 30px; background-image: url(/reserve/images/common/icon_ipin.png); background-position: 40px 50%; background-repeat: no-repeat; }

/* 만족도 */
.satisfaction {padding:15px 0 60px;}
.sf_charge {padding:14px;}
.sf_charge dt {float:left;width:11%;border:1px solid #d4d4d4;background:#e4e4e4 url(../../images/layout/chargeppbg.jpg);font-weight:700;text-align:center;line-height:32px}
.sf_charge dd {float:left;width:36%;padding:5px 0;padding-left:2%;line-height:24px;  }
.sf_wrap {margin-top:15px;border:1px solid #d8d8d8;background:#f4f4f4}
.sf_research {float:left;width:100%}
.sf_research p {background:#fff url(../../images/layout/chargetxticon.png) no-repeat 20px 50%; padding:6px 0 5px 45px;border-bottom:1px solid #d8d8d8;}
.sf_level {padding:6px 0 6px 20px}
.sf_level input[type='radio'] {margin-left:2px}
.sf_level label {padding:0 30px 0 4px}
.sf_survey {padding:0 125px 15px 20px; position:relative;  }

.sf_survey input[type="text"] { border:1px solid #ddd; width:100%; line-height:28px; height:28px; padding:0 5px; font-size:14px; }
.sf_survey input[type="submit"] { position:absolute; top:0; right:15px; width:100px;height:30px;margin-left:-4px;background:#1ba06f url(../../images/layout/chargebtnbg.jpg);color:#fff;font-weight:700;text-align:center}

.box_type{ margin-top: 15px; padding: 7px 5px; border: 1px solid #d8d8d8; text-align: center; }
.green_point{ font-family: 'NanumGothicBold'; color: #159968 !important; }
.qr_code {float:left;width:117px;padding:15px 0;border-left:1px solid #d8d8d8;background:#fff;text-align:center}

.comment_list {margin-top:15px}
.comment_list li {position:relative;padding:8px 160px 8px 15px;border-bottom:1px dashed #d4d4d4;line-height:1.5}
.comment_list li .date {position:absolute;top:9px;*top:4px;right:15px;color:#8d8d8d;font-size:0.923em}

/*로그인11*/
.login_form { position: relative; }
.login_form .login { position: relative; border: 1px solid #d2d2dc; overflow: hidden; }
.login_form .login .login_box { float: left; width: 460px; height: 260px; padding: 50px 60px; border-right: 1px solid #d2d2dc; }
.login_form .login .confirm_box { float: left; width: 460px; height: 260px; padding: 50px 60px; }
.login_form .login p { padding-top: 10px; color: #666; line-height: 20px; }
.login_form .login .confirm_box .pt20 { padding-top: 20px; }
.login_form .login .input_area { position: relative; width: 410px; margin: 30px 0; font-size:  13px; color: #666; }
.login_form .login .input_area label { display: inline-block; width: 60px; }
.login_form .login input[type="checkbox"] { margin-top: 2px; }
.login_form .login input[type="text"] { width: 224px; height: 28px; margin-bottom: 4px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; }
.login_form .login input[type="password"] { width: 224px;height: 28px; line-height: 28px; border: 1px solid #cdcfd6; border-radius: 3px; background-color: #fff; }
.login_form .login input[type="submit"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
.login_form .login input[type="button"] { position: absolute; top: 0; right: 0; width: 110px; height: 80px; padding-top: 30px; color: #fff; border-radius: 3px; background: #4c5499 url(/reserve/images/common/bg_login.gif) center 15px no-repeat;  }
.login_form .login h4 { padding: 0; margin: 0; font-size: 24px; color: #4c5499; background: none; }
.login_form .join_find { position: relative; padding: 55px 0; overflow: hidden; }
.login_form .join_find p { padding: 10px 0; line-height: 18px; font-size: 13px; color: #666; }
.login_form .join_find .join { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_join.gif) left 50% no-repeat; }
.login_form .join_find .find { float: left; width: 430px; height: 80px; padding: 15px 55px 15px 100px; background: url(/reserve/images/common/icon_find.gif) left 50% no-repeat; }
.login_form .join_find h4 { font-size: 15px; color: #333; background-image: url(/reserve/images/common/icon_bl.gif);}

/*회원가입*/
.join_form { position: relative; }
.join_form  .join_step { border: 1px solid #D2D2DC; overflow: hidden; }
.join_form  .join_step li { width: 20%; float: left; box-sizing: border-box; border-left: 1px solid #D2D2DC; text-align: center; }
.join_form  .join_step li:FIRST-CHILD { border: none; }
.join_form  .join_step li a { display: block; height: 70px; line-height: 70px; font-size: 16px; }
.join_form  .join_step li a:hover { text-decoration: none; }
.join_form  .join_step li.active { border-top: 3px solid #495ED7; background: #EFF3FA; }
.join_form  .join_step li.active a { height: 67px; line-height: 67px; color: #414286; }
.join_form .step_01, .join_form .step_02, .join_form .step_03, .join_form .step_04 { padding: 30px 0; }
.join_form .step_01 .box { background: url(/reserve/images/common/icon_confirm.gif) 100px 40px no-repeat; }
.join_form .step_01 .box p { padding-left: 180px; }
.join_form .step_01 .box .btn_area { padding: 30px 0 0 0; }
.join_form .step_01 .icon_qs { padding-left: 80px; background: url(/reserve/images/common/icon_qs.png) 30px 50% no-repeat; }
.join_form .step_01 .box_gray { border-width: 0px 1px 1px 1px; }
.join_form .step_01 label { font-weight: 600; font-size: 16px; }
.join_form .pp { color: #4b5399; }
.join_form .red { color: #e54c4c; }
.join_form p { padding: 5px 0; line-height: 18px; color: #666; }
.join_form .agree { overflow-y: scroll; height: 200px; padding: 30px 50px; border: 1px solid #ccc; background: #fafafa; }
.join_form .agree.age14 { height: 30px; }

.join_form .member_type { min-height: 400px; padding: 50px 30px 50px; border: 1px solid #D2D2DC; }
.join_form .member_type p { text-align: center; font-size: 16px; color: #333; }
.join_form .member_type ul { overflow: hidden; margin-top: 50px; border-radius: 10px; border: 3px solid #eee; background: #FCFCFC; }
.join_form .member_type ul li { cursor: pointer; float: left; width: 50%; padding: 10px 30px 50px 160px; height: 250px; box-sizing: border-box;  }
.join_form .member_type ul li:nth-child(1) { border-right: 1px dashed #D2D2DC; background: url(/reserve/images/common/member_icon_01.png) no-repeat 30px 50%; }
.join_form .member_type ul li:nth-child(2) { background: url(/reserve/images/common/member_icon_02.png) no-repeat 30px 50%; }
.join_form .member_type ul li h4 { background: none; padding-left: 0; font-weight: bold; }
.join_form .member_type ul li span.btn { display: block; width: 100px; margin-top: 10px; }
.join_form .member_type ul li:nth-child(1) h4 { color: #1A67B0; }
.join_form .member_type ul li:nth-child(1) span.btn { background: #1A67B0; border-color: #1A67B0; }
.join_form .member_type ul li:nth-child(2) h4 { color: #009B49; }
.join_form .member_type ul li:nth-child(2) span.btn { background: #009B49; border-color: #009B49; }


/*정보입력폼*/
.join_form .info_form #id_result { display: inline-block; padding: 0 15px; line-height: 28px; border: 1px solid #4C5499; }
/*가입완료*/
.join_form .completion { min-height: 330px; background: url(/reserve/images/common/bg_completion.jpg) center bottom no-repeat; }
.join_form .completion .complete { padding: 30px 0; font-size: 34px; color: #414286; }
.join_form .completion .complete span { color: #DA4C7B; }
.join_form .completion .id_check { padding: 20px 0 0 0; font-size: 18px; color: #495ed7; }
.join_form .completion .btn_area { padding: 30px 0; }

/*아이디비번찾기*/
.find_form { }
/*아이디찾기*/
.find_form .box { overflow: hidden; padding: 0; margin-bottom: 50px; }
.find_form .box h5 { padding-left: 0; font-size: 24px; background: none; color: #4c5499; }
.find_form .box h6 { margin-top: 15px; padding-left: 8px; font-size: 15px; color: #000; background: url(/reserve/images/common/icon_bl.gif) left 50% no-repeat; }
.find_form .box p { padding: 0px 0 5px 0; color: #666; }
.find_form .box ul li { padding: 10px 0 0 7px; background: url(/reserve/images/sub/icon_list.gif) left 60% no-repeat; }
.find_form .box ul li label { display: inline-block; width: 104px; color: #666; }
.find_form .box p button { margin: 30px 0 0 114px; padding: 2px 30px; }
.find_form .box .large { height: 45px; line-height: 45px; }
.find_form .box .mobile { padding: 1px 0px 1px 20px; background-position: 20px 50%; } 
.find_form .box .ipin { padding: 1px 0px 1px 20px; background-position: 30px 50%; }
.find_form .box input { background: #fff;} 
.find_form .box input.long { width: 280px; }
.find_form .box select.long { width: 290px; }
.find_form .id_find { float: left; width: 460px; height: 290px; padding: 50px 60px; border-right: 1px solid #d2d2dc; }
/* .find_form .in_find { float: left; height: 290px; padding: 50px 60px; margin: 30px 0 0 114px;} 기존 */
.find_form .in_find {  height: 290px; padding: 50px 60px; margin: 30px 0 0 114px;}
/*비밀번호찾기*/
.find_form .pass_id { }
.find_form .pass_id .bg_box {  height: 68px; line-height: 68px; border: 1px solid #CDD5DE; border-radius: 3px; text-align: center; background: #F7F9FB; }
.find_form .pass_id .bg_box label { display: inline-block; width: 50px; }
.find_form .pass_id .group { overflow: hidden; padding: 30px 0; }
.find_form .pass_id .group h6 { margin-top: 0px; }
.find_form .pass_id .group p { font-size: 13px; line-height: 18px; }
.find_form .pass_id .group .left { float: left; width: 400px; padding: 0px 20px 0px 0px; border-right: 1px dashed #CDD5DE; }
.find_form .pass_id .group .right { float: left; width: 400px; padding: 0px 0px 0px 35px;}

.sns {position:absolute;}
.sns li {float:left;}
.sns li a {width:38px;height:38px;}
/* .sns li.snsopen a{background:url(../../images/layout/btn_snsopen.png) no-repeat;} */
.sns li ul {position:absolute; border:solid 0px #ccc; top:56px;  left:0; z-index: 100; width:234px; display:none;}
.sns li ul li {clear:both; float:none;}
.sns li ul li a {width:38px;height:38px;}
.sns li ul li a:last-child {width:38px;height:42px;}
.sns li ul li.blog a {background:url(../../images/layout/btn_snsb.png) no-repeat center;}
.sns li ul li.instar a {background:url(../../images/layout/btn_snsi.png) no-repeat center;}
.sns li ul li.cacao a {background:url(../../images/layout/btn_snsc.png) no-repeat center;}
.sns li ul li.facebook a {background:url(../../images/layout/btn_snsf.png) no-repeat center;}
.sns li ul li.twitter a {background:url(../../images/layout/btn_snst.png) no-repeat center;}
.sns li ul li.snsclose a {background:url(../../images/layout/btn_snsclose.png) no-repeat center; }