@charset "UTF-8";

/* 게시판 */
.board_cont table {border-top: 2px solid #000;}
.board_cont table th {border-bottom: 1px solid #ddd;}
.board_cont table td {border-bottom: 1px solid #ddd; padding: 2rem 1rem; font-size: 1.5rem;}

/*media query*/
@media screen and (max-width:640px) {
    .board_cont table th {font-size: 1.4rem; padding: 1rem;}
    .board_cont table td {font-size: 1.3rem; padding: 1rem;}
}

/* 게시판 view페이지 */
.board_view {border-top: 2px solid #000;}
.board_view .board_top {padding: 3rem; border-bottom: 1px solid #ddd;}
.board_view .board_top::after {content: ""; display: block; clear:both;}
.board_view .board_top h1 {float: left; font-size: 2.2rem; color: #121212;}
.board_view .board_top span {float: right; font-family: 'Lato', sans-serif; font-size: 1.8rem;}
.board_view .view_cont {padding: 3rem; border-bottom: 1px solid #ddd;}
.board_view .view_cont ul {margin-bottom: 3rem;}
.board_view .view_cont ul::after {content: ""; display: block; clear:both;}
.board_view .view_cont ul li {float: left; margin-right: 3%;}
.board_view .view_cont ul li p {display: inline-block; font-weight: 500; color: #333; padding-right: 1.5rem;}
.board_view .list_btn {text-align: center; margin-top: 5rem;}
.board_view .list_btn button {font-size: 1.6rem; color: #0070c2; border: 1px solid #0070c2; height: 48px; line-height: 48px; padding: 0 5rem; font-weight: 500;}

/*media query*/
@media screen and (max-width:1024px) {
    .board_view .board_top, .board_view .view_cont {padding: 1.5rem;}
    .board_view .board_top h1 {font-size: 1.7rem;}
    .board_view .board_top span {font-size: 1.5rem;}
    .board_view .view_cont ul li p {font-size: 1.4rem;}
    .board_view .list_btn {margin-top: 3rem;}
    .board_view .list_btn button {height: 40px; line-height: 40px;}
}

/* 개인정보처리방침 */
.privacy_cont p {margin-bottom: 1.2rem; color: #666; font-size: 1.5rem;}
.privacy_cont h3 {margin-top: 2rem; margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 600; color: #333;}
.privacy_cont ul {}
.privacy_cont ul li {color: #666; margin: 0; padding: 0.3rem 0; font-size: 1.5rem;}

/*media query*/
@media screen and (max-width:640px) {
    .privacy_cont h3 {font-size: 1.5rem; margin-top: 1rem;}
    .privacy_cont p {font-size: 1.3rem; margin-bottom: 0.5rem;}
    .privacy_cont ul li {font-size: 1.3rem;}
}

/* 견적문의 */
.estimate_cont .info_box {height: 294px; overflow-y: scroll; border: 1px solid #ddd; padding: 4rem; margin-bottom: 2rem;}
.estimate_cont .info_box ul li {font-size:1.5rem; color: #666; padding: 0.5rem 0;}
.estimate_cont .pro_option {margin-top: 3rem;}
.estimate_cont .pro_option .estimate_btn {text-align: center; margin-top: 4rem;}
.estimate_cont .pro_option .estimate_btn button {background: #0070c2; text-align: center; color: #fff; height: 65px; padding: 0 6rem; font-size: 1.7rem; font-weight: 500;}

.cart_pro .estimate_list::after {content:""; display: block; clear:both;}
.cart_pro {border:1px solid #ddd; border-top:1px solid #333;}
.cart_pro .estimate_list {position: relative; border-bottom: 1px dashed #ddd; margin: 2rem 3rem; padding-bottom: 2rem;}
.cart_pro .estimate_list:last-child {border-bottom: 0; padding-bottom: 0;}
.cart_pro:not(:last-child) {margin-bottom: 2rem;}
.cart_pro .cart_txt {float: left; width: 80%;}
.cart_pro .cart_txt h2 {font-size: 2.5rem; color: #121212; font-weight: 600;}
.cart_pro .cart_txt ul {margin-bottom: 0;}
.cart_pro .cart_txt ul li {position:relative; font-size: 1.4rem; color: #666; padding-left: 1.5rem; margin-bottom: 0.5rem;}
.cart_pro .cart_txt ul li:last-child {margin-bottom: 0;}
.cart_pro .cart_txt ul li::before {content:""; display: block; width: 5px; height: 1px; background:#666; position: absolute; left: 0; top: 11px;}
.cart_pro span {position: absolute; right:0; top: 50%; transform: translateY(-50%); font-weight: 500;}
.cart_pro span a {margin-left: 0.5rem;}

/* 견적문의 테이블 */
.estimate_table {border-top: 1px solid #000;}
.estimate_table th {border-bottom: 1px solid #dddddd; background: #f9f9f9; vertical-align: middle;}
.estimate_table td {border-bottom: 1px solid #dddddd; padding: 2rem; text-align: left;}
.estimate_table td a {display: inline-block; background: #333; color: #fff; font-size: 1.5rem; height: 48px; line-height: 48px; vertical-align: middle; padding: 0 1rem;}
.estimate_table td a:hover {text-decoration: none;}
.estimate_table td select {border: 1px solid #ddd; height: 48px; width: 16%; font-family: 'Lato', sans-serif;}
.estimate_table td input {background: none; border: 1px solid #dddddd; height: 48px; width: 50%;}
.estimate_table td input.num {width: 16%; font-family: 'Lato', sans-serif; margin: 0 0.3rem;}
.estimate_table td textarea {border: 1px solid #ddd; resize: none; width: 50%;}

/*media query*/
@media screen and (max-width:1024px) {
    .estimate_cont .info_box {height: 135px; padding: 1.5rem; margin-bottom: 1rem;}
    .estimate_cont .info_box ul li {font-size: 1.3rem; padding: 0.2rem 0;}
    .estimate_cont .pro_option {margin-top: 1.5rem; padding-top: 2rem;}
    .estimate_cont .pro_option h2 {font-size: 1.8rem; margin-bottom: 1rem;}

    .estimate_table th {font-size: 1.5rem;}
    .estimate_table td {padding: 1.5rem;}
    .estimate_table td input {height: 40px; width: 70%;}
    .estimate_table td select {height: 40px; width: 21%;}
    .estimate_table td a {height: 40px; line-height: 40px; font-size: 1.3rem;}
    .estimate_table td input.num {width: 21%;}
    .estimate_table td textarea {width: 70%;}

    .estimate_cont .pro_option .estimate_btn {margin-top: 2rem;}
    .estimate_cont .pro_option .estimate_btn button {font-size: 1.5rem; height: 45px; line-height: 45px;}
}

@media screen and (max-width:635px) {
    .estimate_table td input, .estimate_table td textarea {width: 100%;}
    .estimate_table td select, .estimate_table td input.num {width: 29%;}
    .estimate_table td .iptHalf input {width: 69%;}
    .estimate_table td .iptHalf a {width: calc(100% - 71%); padding: 0; text-align: center;}
}

@media screen and (max-width:414px) {
    .estimate_table th {font-size: 1.3rem;}
    .estimate_table td {padding: 1rem;}
}

@media screen and (max-width:320px) {
    .estimate_table td .iptHalf input {width: 58%;}
    .estimate_table td .iptHalf a {width: calc(100% - 60%);}
}