/* 회원가입 */
.frmbox { overflow:hidden; }
.frmbox h4 {font-size:20px; margin-top:10px}
.frmbox div.login_box { float:left; width:50%; border-top:2px solid #00a1e9; border-bottom:1px solid #ccc; }
.frmbox div.login_box form { border-right:1px solid #ccc; position:relative; padding:40px 120px 40px 60px}
.frmbox div.login_box:first-child form {border-left:1px solid #ccc; }

.frmbox div.login_box p {padding:5px 0}
.frmbox div.login_box p.desc {font-size:20px; text-align:center; line-height: 1.7; margin-bottom:20px}
.frmbox div.login_box label {width:70px; display: inline-block; font-size:14px; color:#666}
.frmbox div.login_box input[type="text"],
.frmbox div.login_box input[type="password"] {width:170px; height:30px}
.frmbox div.login_box .btn_join {position: absolute; width:80px; height:70px; top:108px; right:30px}

.product_box .bss_list th {background:#fff2a9}
.bss_list th,.bss_list td {border:1px solid #ccc}

#msgbox .msgfooter {height:200px; border:1px solid #ccc; border-top:none}
#msgbox .tbox {width:440px; margin:0 auto; padding:30px 60px 0 0}
#msgbox .tbox p {margin-top:20px}
#msgbox .tbox p span {font-size:13px; font-weight:bold; color:#999}
#msgbox .tbox p a {width:80px; padding:5px 10px; float:right; border:1px solid #ccc; display:inline-block; background:#fff; }


/* 로그인 & 아이디 & 비밀번호 찾기 */
.findID {width:49%; float:left;}
.findPass {width:49%; float:left;}

.findID .frmbox {padding:10px 30px 0 0;}
.findID form {overflow:hidden; padding-left:15px}
.findID label {width: 60px; display: inline-block; font-size: 15px; color: #666;}
.findID p {margin-top:10px}
.findID input[type="text"] {width: 180px; height: 30px;}
.findID input#email1 + label {width:22px}
.findID input#email1 {width: 60px; height: 30px;}
.findID input#email2 {width: 100px; height: 30px;}
.findID select {width: 100px; height: 30px; vertical-align: bottom}
.findID .btn_bfindid {width:93%; margin-top:30px; padding:8px 10px; border:1px solid #ccc; display:inline-block; background:#fff;}

.findPass .frmbox {padding:10px 0px;}
.findPass .frmbox .lbox > div {padding:20px 0 20px 20px; border:1px solid #ccc;border-top: 2px solid #00a1e9;}
.findPass .frmbox .lbox h4 {margin-bottom:30px}
.findPass .frmbox .lbox h4 + p { line-height: 1.7}
.findPass .frmbox .lbox div {margin-top:20px}
.findPass .frmbox .lbox a {width:80px; padding:5px 10px; border:1px solid #ccc; display:inline-block; background:#fff; }

.findPass .frmbox .rbox {margin-top:30px}
.findPass .frmbox .rbox > div {padding:20px 0 20px 20px; border:1px solid #ccc;border-top: 2px solid #00a1e9;}
.findPass .frmbox .rbox h4 {margin-bottom:30px}
.findPass .frmbox .rbox h4 + p {line-height: 1.7}
.findPass .frmbox .rbox div {margin-top:20px}
.findPass .frmbox .rbox a {width:80px; padding:5px 10px; border:1px solid #ccc; display:inline-block; background:#fff; }


/* 비밀번호 찾기 */
.findPass2 {width:49%; float:left;}
.findID2 {width:49%; float:left;}

.findPass2 .frmbox {padding:10px 30px 0 0;}
.findPass2 form {overflow:hidden; padding-left:15px}
.findPass2 label {width: 60px; display: inline-block; font-size: 15px; color: #666;}
.findPass2 p {margin-top:10px}
.findPass2 input[type="text"] {width: 180px; height: 30px;}
.findPass2 input#email1 + label {width:22px}
.findPass2 input#email1 {width: 60px; height: 30px;}
.findPass2 input#email2 {width: 100px; height: 30px;}
.findPass2 select {width: 100px; height: 30px; vertical-align: bottom}
.findPass2 .btn_bfindpw {width:93%; margin-top:30px; padding:8px 10px; border:1px solid #ccc; display:inline-block; background:#fff;}

.findID2 .frmbox {padding:10px 0px;}
.findID2 .frmbox .lbox > div {padding:20px 0 20px 20px; border:1px solid #ccc;border-top: 2px solid #00a1e9;}
.findID2 .frmbox .lbox h4 {margin-bottom:30px}
.findID2 .frmbox .lbox h4 + p { line-height: 1.7}
.findID2 .frmbox .lbox div {margin-top:20px}
.findID2 .frmbox .lbox a {width:80px; padding:5px 10px; border:1px solid #ccc; display:inline-block; background:#fff; }

.findID2 .frmbox .rbox {margin-top:30px}
.findID2 .frmbox .rbox > div {padding:20px 0 20px 20px; border:1px solid #ccc;border-top: 2px solid #00a1e9;}
.findID2 .frmbox .rbox h4 {margin-bottom:30px}
.findID2 .frmbox .rbox h4 + p {line-height: 1.7}
.findID2 .frmbox .rbox div {margin-top:20px}
.findID2 .frmbox .rbox a {width:80px; padding:5px 10px; border:1px solid #ccc; display:inline-block; background:#fff; }


/* 이용약관 */
#joinbox { }
#joinbox .join_title { height:53px; margin:0; padding:0; text-indent:-5000px; font-size:0; background:center center no-repeat; margin-bottom:30px;}
#joinbox .join_title.step1 { background-image:url('../../img/join/title_step1.jpg');}
#joinbox .err { color:red;}

#clause { }
#clause h4 {margin-bottom:17px}
#clause textarea {height:100%}

#clause .clause_txt { border:1px solid #ccc; padding:0px;  margin-bottom:10px; background-color:#f8f8f8; }
#clause .clause_txt .box { height:170px; overflow:hidden;}
#clause .clause_btn { text-align:right; margin-bottom:20px; color:#444; }
#clause .clause_btn label {vertical-align: top;}
#clause .clause_btn label input {position: relative; top:2px}
#clause .box { line-height:1.5em;}
#clause h4 { color:#444;}
#clause p { margin-bottom:30px;}
#clause ol { margin:0; padding-left:20px; margin-bottom:30px;}
#clause ul { margin:0; padding-left:20px;}
#clause ol ul { list-style-type:lower-latin;}
#clause li { margin:5px 0;}


/* 회원 관리 약관 */
#joinbox .form_table {border-top:2px solid #00a1e9;}
#joinbox h3 {font-size:15px; margin-bottom:10px}
#joinbox .form_table #checkIDMsg {margin-left:20px; color:#00a1e9; font-weight:800}

#joinbox .form_table th {padding:10px 0; text-align: left; padding-left:10px}
#joinbox .form_table td {padding:10px 0; }
#joinbox .form_table input[type="text"],
#joinbox .form_table input[type="password"]{width:150px}

#joinbox .form_table input[name="phone1"] {width:50px}
#joinbox .form_table input[name="phone2"] {width:100px}
#joinbox .form_table input[name="phone3"] {width:100px}

#joinbox .form_table select[name="mobilephone1"] {width:70px; vertical-align: top}
#joinbox .form_table input[name="mobilephone2"] {width:100px}
#joinbox .form_table input[name="mobilephone3"] {width:100px}

#joinbox .form_table input[name="email1"] {width:70px; vertical-align: top; vertical-align: middle}
#joinbox .form_table input[name="email2"] {width:90px; vertical-align: middle}
#joinbox .form_table .email select {width:140px; vertical-align: middle}
#joinbox .form_table label input{ vertical-align: middle}


/* 가입완료 */
.join_end .box {width:100%; margin:0 auto; color:#666}
.join_end .box p.txt1 {font-size:18px; font-weight:600; margin-top:10px}
.join_end .box p.txt1 strong {font-size:20px; color:#00a1e9; font-weight:800}
.join_end .box p.txt2 {margin-top:20px}

.join_end .btnlogin {width:130px; margin-top:30px; padding:8px 10px; border:1px solid #ccc; display:inline-block; background:#fff; text-align:center}


/* 버튼공통 */
.btnAddrSearch {padding:4px 10px; border:1px solid #ccc; display:inline-block; background:#fff; text-align:center; vertical-align: top}



/* 찾기창 */
#findbox { margin:20px 0; border-top:1px solid #ccc; background:#f9f9f9; border-bottom:1px solid #ccc;}
#findbox .box { text-align:center; padding:30px 0;}


/* 팝업창 */
#oPopUpDiv { border:4px solid #aaa; position:absolute; top:0; left:0; width:300px;height:150px; z-index:1001;}
#oPopUpDiv .btn_close {  position:absolute; top:-16px; right:-16px; background:url("../../img/popup_close.png"); width:32px; height:33px; border:none; cursor:pointer;}
#oPopUpDiv .btn_close b {display:none;}

#wrap_popup { background:#fff; height:100%;}
#wrap_popup .wrap_box { padding:25px;}
#blockbox { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.25); @background:#000; filter:alpha(opacity=25); z-index:1000;}


#msgbox.err { background: url('../../img/topnavi/logo.png') no-repeat 450px 30px; overflow:hidden; @height:100%;}

/*리스트 버튼*/
.bbs_footerBtn { position:relative; height:32px; margin-top:20px; }
.bbs_footerBtn a { text-decoration:none;}

.bbs_footerBtn .leftbox { position:absolute; top:0; left:0px;}
.bbs_footerBtn .rightbox { position:absolute; top:0; right:0px;}

.bbs_footerBtn a,
.bbs_footerBtn button { font-size:12px; color:#000; text-align:center; padding:7px 15px; border:1px solid #ccc;}
.bbs_footerBtn a { display:inline-block; @display:inline; zoom:1;  font-size:12px; color:#000; text-align:center;  padding:7px 15px; border:1px solid #ccc; }
.bbs_footerBtn button b { display:block;}

/*
.bbs_footerBtn a:visited, .bbs_footerBtn a:link,
.bbs_footerBtn a:visited, .bbs_footerBtn a:link { font-size:0;}
*/

.bbs_footerBtn .btn_wright { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }
.bbs_footerBtn .btn_chkdel { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }

/*뷰 버튼*/
.share_btn { text-align:right; }
.view_btnbox { margin:20px 0; text-align:right; overflow:hidden; }
.view_btnbox a { display:inline-block; @display:inline; zoom:1; border:0; text-decoration:none; font-size:12px; color:#000;  padding:7px 15px; border:1px solid #ccc; margin:0 3px; }
.view_btnbox button {  width:81px; height:32px; border:0; padding:0; margin:0; vertical-align: bottom;}


.view_btnbox .btn_wright { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x;  }
.view_btnbox .btn_delete { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }
.view_btnbox .btn_reple { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }
.view_btnbox .btn_modify {background:url('../image/bbs_btn_bg.jpg') bottom repeat-x;  }
.view_btnbox .btn_list { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }
.view_btnbox .btn_cancel { background:url('../image/bbs_btn_bg.jpg') bottom repeat-x;  }

/*폼버튼*/
.frmBtn { text-align:center; margin:30px 0;}

.frmBtn a { display:inline-block; @display:inline; zoom:1; margin:0;  font-size:12px; color:#000; text-align:center;  padding:7px 15px; border:1px solid #ccc; text-decoration:none; vertical-align:top;}
.frmBtn button { display:inline-block; @display:inline; zoom:1; margin:0;  font-size:12px; color:#000; text-align:center;  padding:7px 15px; border:1px solid #ccc; vertical-align:top;}
.frmBtn .btn_submit {background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }
.frmBtn .btn_cancel {background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; }

/* 약관동의 폼 */
.agree_btn { text-align:center; }
.agree_btn button { display:inline; color:#000; padding:15px; border:1px solid #ccc; background:url('../image/bbs_btn_bg.jpg') bottom repeat-x; font-family:'Dotum'; margin:0 3px;}
.agree_btn button.blue_btn {color:#fff; border:1px solid #003e8a; background:url("../image/btn_bg.png") bottom repeat-x #1570df; letter-spacing:-1px;}
.agree_btn button b { font-size:12px; display:block; line-height:1em;}

/* 회원탈퇴 */
.leave_box{height:80px; border:5px solid #ccc; padding:20px; margin-bottom:30px; background-color:#f8f8f8;}
.leave_box h3{font-weight:bold; font-size:14px; padding:0; margin:0; color:#555;}
.leave_box ul{list-style:none; margin-top:10px; padding:0;}
.leave_box li{color:#555; line-height:20px; background:url('../../img/join/dotted.gif') 10px 50% no-repeat; padding-left:18px;}

/* FAQ 상단 BOX */
.faq_header { position:relative; margin:0; padding:0; height:20px; z-index:99;}
.faq_box{border:3px solid #ccc; margin-bottom:20px; background-color:#f8f8f8;}
.faq_box a{color:#333;}
.faq_box h3{font-weight:bold; font-size:14px; padding:0; margin:10px 0 0 20px; color:#555;}
.faq_box ul{list-style:none; margin:3px 0 10px 20px; padding:0;}
.faq_box li{color:#555; line-height:20px; background:url('../../img/join/dotted.gif') 10px 50% no-repeat; padding-left:18px;}


/* 설문조사 폼 */
.pollFrm { margin-top:20px; }
.pollFrm h4 { padding:10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0; background:#f4f4f4;}
.pollFrm ol { margin:0; padding:0 0 20px;}
.pollFrm li { list-style:none; padding:5px 10px;}
.pollFrm li * { vertical-align:middle;}
.pollFrm .box { padding: 10px 20px;margin-bottom:20px; border-bottom:1px solid #ccc;}
.pollFrm .box input { width:100%;}
.pollFrm li { border-bottom:1px solid #eee;}

.pollFrm .wrap_btn { margin-top:20px;}


/* 주문내역 */
.product_box table input,
.product_box table textarea {background:#eee}
.product_box table {border-top:2px solid #333; border-bottom:1px solid #ccc; }
.product_box table th, .product_box table td {border:none; }
.product_box table th.top, .product_box table td.top {padding-top:20px}
.product_box table th.p_bottom, .product_box table td.p_bottom {padding-bottom:20px;}
.product_box table tr.p_bottom {padding-bottom:20px}
.product_box .agree_box textarea {font-size:12px;background:#eee }
.red {color:red !important; text-weight:bold !important;}

.product_box table tr th,
.product_box table tr td {font-size:14px}


/* 간단견적 */
.estimate_box table input,
.estimate_box table textarea {background:#eee}
.estimate_box table {border-top:2px solid #333; border-bottom:1px solid #ccc; }
.estimate_box table th, .product_box table td {border:none; }
.estimate_box table th.top, .product_box table td.top {padding-top:20px}
.estimate_box table th.p_bottom, .product_box table td.p_bottom {padding-bottom:20px;}
.estimate_box .agree_box textarea {font-size:12px;background:#eee }
.red {color:red !important; text-weight:bold !important;}

.estimate_box table tr th,
.estimate_box table tr td {font-size:14px}

.estimate_box .agree_box textarea {height: 150px;}

/* 비밀글 */
#msgbox.pwd_box { background: center 40px no-repeat; border:0; position:relative; padding-top:80px; }
#msgbox.pwd_box form { display:block; width:50%; margin:0 auto; }
#msgbox.pwd_box form strong { display:block;  }

#msgbox.delbox { background: center 40px no-repeat; border:0; position:relative; padding-top:80px; }
#msgbox.delbox > div { width:50%; margin:0 auto; }

#msgbox.leavebox { background: center 40px no-repeat; border:0; position:relative; padding-top:30px; }
#msgbox.leavebox > div { width:50%; margin:0 auto; }


/* 아이디 비번 찾기 */
.search_box{ margin:0; overflow:hidden; border-top:2px solid #00a1e9; border-bottom: 1px solid #ccc;}
.search_box form input[type=text].wid25,
.search_box form select.wid25 { width:25%; }
.search_box form select { height:37px; }
.search_box form input[type=text],
.search_box form input[type=password] {/*width:85%;*/ background-color:#fafafa;height:35px;border:1px solid #abadb3;font-family:"Dotum","돋움"; padding:0; }

.search_box form .search_idpw { height:225px; width:44%;overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; float:left; padding:3%; text-align:center;}
.search_box form .search_idpw .search_idpw_input {border:1px solid #ccc;color:#000;}
.search_box form .search_idpw p.search_idpw_tit{padding-bottom:13px; border-bottom:1px solid #ccc; font-size:18px; font-weight:700; margin-bottom:14px; text-align:center;}
.search_box form .search_idpw p.search_txt{margin-bottom:12px;}
.search_box form .search_idpw .logBox {width:100%;}
.search_box form .search_idpwbox_right{ height:225px; border-right:1px solid #ccc; width:43.6%;overflow:hidden; float:left; padding:3%; text-align:center;}
.search_box form .search_idpwbox_right p.search_idpw_tit{padding-bottom:14px; border-bottom:1px solid #ccc; font-size:18px; font-weight:700; margin-bottom:14px; }
.search_box form .search_idpwbox_right p.search_txt{margin-bottom:12px}
.search_box form .search_idpwbox_right .log_bottom { margin-top:20px; }
.search_box.search_box form .search_idpwbox_right .log_bottom { margin-top:10px; }

.search_box .search_table.search_table1 { border:0; background:#fff; }
.search_box .search_table.search_table1 select { border:1px solid #abadb3; }

.search_box form .search_table {  margin:20px auto 10px auto; }
.search_box form table.search_table td.search_name input{margin-bottom:10px; vertical-align:top; width:278px ; padding-left:10px}
.search_box form table.search_table td.search_email input{vertical-align:bottom; width:278px; padding-left:10px }

.search_box form a.join_btn{ margin:0 auto 0; background:#00a1e9; color:#fff; border:1px solid #ddd; display:block; font-size:15px; font-weight:700; letter-spacing:3px; padding:10px 0; width:280px; }