﻿@charset "utf-8";
/* CSS Document */

/***************************************  비용문의  *******************************************************/

.form_area h3 { display:block; color:#000; font-size:24px; font-weight:bold; position:relative; margin-bottom:20px; padding-top:20px;}
.form_area h3 span.st { font-size:15px; color:#0ca5af; font-weight:normal; line-height:100%; position:absolute; bottom:0; right:0;}
.form_area .agree_box { background:#f5f5f5; border:1px solid #d4dadd; padding:20px;}
.form_area .agree_box table { width:100%; border-top:2px solid #000; background:#FFF;}
.form_area .agree_box table th, 
.form_area .agree_box table td { border:1px solid #d4dadd; padding:10px; text-align:center;}
.form_area .agree_box table th { color:#000; background:#ececec;}
.form_area .agree_form { padding:20px 0 0 0; text-align:center; color:#333; font-size:15px;}

.form_area .form_list { border-top:2px solid #000; width:100%; margin-top:25px;}
.form_area .form_list td, 
.form_area .form_list th { font-size:15px; padding:10px; border-bottom:1px solid #dddddd; text-align:left; font-weight:normal;}
.form_area .form_list th { color:#000; text-indent:20px; font-weight:bold;}
.form_area .form_list td { line-height:150%;}

.form_area .form1 { border:1px solid #ddd; height:26px; padding:3px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.form_area .form2 { border:1px solid #ddd; height:30px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.form_area .form3 { border:1px solid #ddd; color:#000; font-size:14px; line-height:100%; background:#fff;}

.form_area .btn_area { padding-top:25px; padding-bottom:40px; text-align:center;}
.form_area .ok_btn { display:inline-block; padding: 11px 30px; background:#4c4d51; font-size:18px; font-weight:bold; color:#fff; border:none; text-decoration:none; cursor:pointer; vertical-align:middle;}
.form_area .cancel_btn { display:inline-block; padding: 12px 30px; background:#d8dce0; font-size:18px; font-weight:bold; color:#111; border:none; text-decoration:none; cursor:pointer; vertical-align:middle;}
.form_area .stext { font-size:13px; font-weight:bold; color:#999;}


/***************************************  카카오톡상담  *******************************************************/

.form_area2 h3 { display:block; color:#000; font-size:24px; font-weight:bold; position:relative; margin-bottom:20px; padding-top:20px;}
.form_area2 h3 span.st {display:block; padding-top:10px; font-size:15px; color:#0ca5af; font-weight:normal; line-height:100%;}
.form_area2 .agree_box { background:#f5f5f5; border:1px solid #d4dadd; padding:20px;}
.form_area2 .agree_box table { width:100%; border-top:2px solid #000; background:#FFF;}
.form_area2 .agree_box table th, 
.form_area2 .agree_box table td { border:1px solid #d4dadd; padding:10px; text-align:center;}
.form_area2 .agree_box table th { color:#000; background:#ececec;}
.form_area2 .agree_form { padding:20px 0 0 0; text-align:center; color:#333; font-size:15px;}

.form_area2 .form_list { border-top:2px solid #000; width:100%; margin-top:25px;}
.form_area2 .form_list td, 
.form_area2 .form_list th { font-size:17px; padding:10px; border-bottom:1px solid #dddddd; text-align:left; font-weight:normal;}
.form_area2 .form_list th { color:#000; text-indent:20px; font-weight:bold;}
.form_area2 .form_list td { font-size:17px; line-height:150%;}

.form_area2 .form1 { border:1px solid #ddd; height:26px; padding:3px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.form_area2 .form2 { border:1px solid #ddd; height:30px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.form_area2 .form3 { border:1px solid #ddd; color:#000; font-size:14px; line-height:100%; background:#fff;}

.form_area2 .btn_area { padding-top:25px; padding-bottom:40px; text-align:center;}
.form_area2 .ok_btn { display:inline-block; padding: 11px 30px; background:#4c4d51; font-size:18px; font-weight:bold; color:#fff; border:none; text-decoration:none; cursor:pointer; vertical-align:middle;}
.form_area2 .cancel_btn { display:inline-block; padding: 12px 30px; background:#d8dce0; font-size:18px; font-weight:bold; color:#111; border:none; text-decoration:none; cursor:pointer; vertical-align:middle;}
.form_area2 .stext { font-size:15px; font-weight:bold; color:#999;}


#price_category {height:200px;}
#categoryBox2 .tab_menu01 {display:inline-block; width:100%; border:1px solid #d9d9d9; border-left:0; position:relative; text-align:center;}
#categoryBox2 .tab_menu01 > li {float:left; width:33.333%; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin-top:-1px;}
#categoryBox2 .tab_menu01 > li > a {display:block; font-size:30px; color:#303030; line-height:83px; font-weight:bold;}
#categoryBox2 .tab_menu01 > li.on > a {color:#fff; background:#f4a5b3;}
#categoryBox2 .tab_menu02 {overflow:hidden; margin-top:30px;}
#categoryBox2 .tab_menu02 li {float:left; width:33.333%; text-align:center;}
#categoryBox2 .tab_menu02 a {display:block; font-size:24px; color:#717171; line-height:60px; font-weight:bold;}
#categoryBox2 .tab_menu02 .on a {color:#f49eb7;}
#categoryBox2 .tab_wrap .cont {display:none;}
#categoryBox2 .tab_wrap .cont.on {display:block;}

.prd_tit {position:relative; margin:20px 0 30px; font-size:32px; color:#333333; line-height:70px; text-align:center;}
.prd_tit:after {position:absolute; bottom:0; left:50%; width:30px; height:1px; margin-left:-15px; background:#555555; content:'';}
.prd_table {width:100%; table-layout:fixed; margin-top:20px; border:1px solid #555555; border-top:2px solid #555555; border-bottom:1px solid #555555;}
.prd_table td, .prd_table th {padding:15px; border-left:1px solid #cccccc; border-top:1px solid #cccccc; text-align:center; color:#303030; word-break:break-all;}
.prd_table th:first-child {border-left:1px solid #555555;}
.prd_table {}
.prd_table th {background:#f8f8f8; padding:20px; font-size:26px; line-height:40px;}
.prd_table td {font-size:22px; line-height:30px; background:#fff;}
.prd_table th .btn_view {display:block; width:150px; margin:15px auto; border:1px solid #ccc; font-size:16px; font-weight:400; line-height:35px; background:#fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.prd_table td.price {color:#ff5073;}

#searchBox {margin-top:30px; text-align:right;}
#searchBox select { background:#ffffff; border:1px solid #e0e0e0; padding:2px; vertical-align:middle; height:38px; font-size:15pt;}
#searchBox .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; height:36px; font-size:15pt;}