﻿@charset "UTF-8";
/*	
layout.css,v 1.0.0 
*/

/* **************로그인************** */
div.login-box { width: 550px; height: 202px; margin: 20px 0 0 70px; background: url("../../img/ko/member/login_bg.gif") no-repeat; }
div.login-box div.login-title { font-weight: bold; color: #dc4343; padding: 21px 0 14px 43px; margin: 0 0 30px 0;}

div.login-contents {padding: 0 0 0 180px;}
div.login-contents div.login-input {float: left; width: 210px;}
div.login-contents div.login-input div {margin-bottom: 5px;}
div.login-contents div.login-input input {width: 133px; vertical-align: middle;}
div.login-contents div.login-input img {vertical-align: middle; margin: 0 8px 0 0;}
div.login-contents div.login-submit {float: left; width: 81px; padding: 2px 0 0 0;}
div.login-contents div.login-btn {clear: both; width: 290px; padding: 15px 0 0 0; text-align: center; }

/* **************회원가입************** */
div.join-box {border: 7px solid #e4e4e4; padding: 22px;}
div.join-box div.join-step-title {font-weight: bold; border-bottom: 2px solid #348ae1; padding: 0 0 5px 0; margin: 0 0 8px 0;}
div.member-btn {text-align: center; padding: 10px 0 0 0;}

/* 약관동의 */
div.join-box textarea.agreement {width:632px; height: 200px; margin: 0 0 10px 0;}
div.join-box  div.chk {padding: 12px 0 12px 2px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}

/* 회원정보입력 */
div.join-box div.join-step-title span.info-txt {color: #999999;}
div.join-box table.member-regist { border-collapse: collapse; width:632px; border-bottom: 2px solid #c8c8c8; }
div.join-box table.member-regist td { border-bottom: 1px solid #e4e4e4; padding: 3px;}
div.join-box table.member-regist td.left-txt { color: #2288cc; width: 100px; height: 29px; padding-left: 10px;  }
div.join-box table.member-regist td span.info-txt { color: #2288cc; font-size:11px;  }

/* 완료 */
div.join-box div.join-end { text-align: center;} 

/* **************아이디/비밀번호찾기************** */
div.findid-box { border: 7px solid #e4e4e4; padding: 22px;}
div.findid-box div.findid-title {font-weight: bold; color: #dc4343; padding: 0 0 10px 5px; margin: 0 0 30px 0; border-bottom: 1px dashed #bcbcbc;}
div.findid-box div.login-btn {clear: both; width: 630px; padding: 15px 0 0 0; text-align: center; }
div.findid-box div.email-input { text-align: left; padding: 0 0 10px 190px;}
div.findid-box p.info-txt { text-align: center; padding: 15px 0 0 0; }

/* **************콜거래내역조회/수수료집금내역조회************** */
div.basic-table table caption { display: none; }
div.basic-table table.case1 { border-collapse: collapse; width:100%; border-top: 2px solid #3d8ab3; border-bottom: 2px solid #3d8ab3; }
div.basic-table table.case1 th { width: 20%; background-color: #f4f7f8; color: #3d8ab3; padding: 8px; border-right: 1px solid #3d8ab3; border-bottom: 1px solid #3d8ab3; text-align: center;}
div.basic-table table.case1 td { border-bottom: 1px solid #e4e4e4; padding: 6px 10px; text-align: left;}
div.basic-table span.username { font-weight: bold;}
div.basic-table table.case1 ul.call-part li { float: left; margin: 0 15px 0 0;}
div.basic-table div.view-btn { text-align: right; padding: 15px 0 0 0;}

div.basic-table table.case2 { border-collapse: collapse; width:100%; border-top: 2px solid #3d8ab3; border-bottom: 2px solid #c8c8c8; }
div.basic-table table.case2 th { background-color: #f4f7f8; color: #3d8ab3; padding: 8px; border: 1px solid #3d8ab3;text-align: center;}
div.basic-table table.case2 td { border: 1px solid #e4e4e4; padding: 6px; text-align: center;}
div.lineup {padding: 0 0 10px 0;}

div.out-box { border: 7px solid #e4e4e4; padding: 22px; text-align: center;}
div.out-box p.info-txt { padding: 15px 0 15px 0; }
div.out-box div.out-btn img{ margin: 0 5px; text-align: center; }
.out-btn { margin: 0 5px; text-align: center; }

/* 추가예약 */
div.add-menu{ height: 90px; text-align:middle; } 
div.add-menu ul.add-depth1 { padding: 0 0 0 0px; }
div.add-menu ul.add-depth1 li.add-list { padding-left:5px; float:left;}
div.add-menu ul.add-depth1 li.last { margin: 0 0 0 0;}
div.add-menu ul.add-depth1 li ul.add-depth2{ clear: both;}

ul.add-info-txt { clear: both; border-top: 2px solid #d0d0d0; }
ul.add-info-txt li { border-bottom: 1px solid #d0d0d0; padding: 8px 0 8px 30px;}
