@import url(main.css);

/*공통*/

/*고객센터*/
.customer1 {background: none;text-align: center;}
.customer1 > div {position: relative;float: left;background: #fff}
.customer1 .con_box1 .text1 {padding-bottom: 17px;color: #1e1e1e;}
.customer1 .con_box1 #map_div {position: absolute;left: 0;bottom: 0;width:100%;}

.customer1 .con_box2 ul {padding: 34px 0 0 20px;text-align: left;}
.customer1 .con_box2 ul li {padding-bottom: 35px;}
.customer1 .con_box2 ul li img {margin-right: 10px;width: 70px}
.customer1 .con_box2 ul li img,
.customer1 .con_box2 ul li > span {display: inline-block;vertical-align: middle;}
.customer1 .con_box2 ul li span {color: #1e1e1e;font-size: 19px;}
.customer1 .con_box2 ul li .bold {font-size: 25px;}

.customer1 .con_box3 ul {text-align: center;}
.customer1 .con_box3 ul li {position: relative;float: left;margin: 0 1px 1px 0;width: 184px;height: 158px;background-color: #00c9cb;}
.customer1 .con_box3 ul li:hover {background-color: #2d2a2b}
.customer1 .con_box3 ul .list2,
.customer1 .con_box3 ul .list4,
.customer1 .con_box3 ul .list6 {margin-right: 0;}
.customer1 .con_box3 ul .list5,
.customer1 .con_box3 ul .list6 {margin-bottom: 0;}
.customer1 .con_box3 ul li .img_area {display: block;position: absolute;left: 0;bottom: 75px;width: 100%;}
.customer1 .con_box3 ul li p {padding-top: 96px;color: #fff;font-size: 19px;}
.customer1 .con_box3 ul li a {display: block;width: 100%;height: 100%}

/*공지사항 list*/
.customer2 .title {padding: 20px 0 10px;color: #00c9cb;font-size: 25px;}
.customer2 .text1 {padding-bottom: 30px;color: #1e1e1e;font-size: 17px;}
.customer2 .board {text-align: left;}
.customer2 .board dl {color: #3f3f3f;font-size: 17px;}
.customer2 .board dl dt {padding: 1.4% 0;color: #fff;background-color: #00c9cb;}
.customer2 .board dl dd {padding: 2% 0;border-bottom: 1px solid #dcdcdc;}
.customer2 .board dl dd a {display: block;float: left;max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #262b37;text-decoration: none;}
.customer2 .board dl .b_num,
.customer2 .board dl .b_title,
.customer2 .board dl .b_name,
.customer2 .board dl .b_date {display: block;float: left;text-align: center;}
.customer2 .board dl dd .b_title {text-align: left !important;}
.customer2 .board dl dd .b_title .b_ico {display: inline-block;margin-left: 1%;width: 16px;height: 16px;background: url(../images/sub/b_ico.png) no-repeat 50%;vertical-align: middle;}

.customer2 .board .b_num {width : 10.6%;}
.customer2 .board .b_title {padding:0 0 0 5%;width : 51.4%;}
.customer2 .board .b_name {padding-right: 2%;width : 10.1%;}
.customer2 .board .b_date {width : 20.9%;}

.customer2 .board .paging {margin-top:30px;text-align: center;}
.customer2 .board .paging a {display: inline-block;margin-right: 15px;width: 33px;height: 33px;color: #929292 ;font-size: 17px;border: 1px solid #dcdcdc;text-decoration: none;background-color: #fff;vertical-align:top;}
.customer2 .board .paging .page:hover {color: #fff;background-color: #00c9cb}
.customer2 .board .paging .page {line-height: 35px;height: 33px;}
.customer2 .board .paging .prev,
.customer2 .board .paging .next {background: no-repeat 50% 50%;text-indent: -9999em;}
.customer2 .board .paging .prev {background-image: url(../images/sub/prev.png);}
.customer2 .board .paging .next {background-image: url(../images/sub/next.png);margin-right: 0}

/*공지사항 view*/

.customer2 .board_view table {display: none;}

.customer2 .board_view table {width: 100%;border-top: 1px solid #dcdcdc;color: #1e1e1e;font-size: 17px;text-align: left;}
.customer2 .board_view th,
.customer2 .board_view td {padding: 2%;border-bottom: 1px solid #dcdcdc;}
.customer2 .board_view th {background-color: #f4f9f9;font-weight: normal;}
.customer2 .board_view .board_view_con {padding-top: 1%;padding-bottom: 120px;line-height: 2em;}
.customer2 .board_view .view_btn {text-align: center;}
.customer2 .board_view .view_btn a{display: inline-block;margin-top: 40px;width: 105px;height: 35px;line-height: 35px;color: #fff;font-size: 17px;background: url(../images/sub/customer/list.png) no-repeat 50% 50% / 100%;text-decoration: none;font-weight: bold}

/*수정요청 리스트는 sub.css 수정요청 뷰는 customer.css에 있음*/

.customer_03_view .info_input .info_text {display: flex; justify-content: space-between; margin-top: 60px; padding: 0 1.5%;}
.customer_03_view .info_input h4{font-size: 24px; }

.customer_03_view .sub_box .info_input .info_table {
    width: 97%;
    margin: 25px auto 0;
    border-top: 3px solid #000000;
    box-sizing: border-box;
}
.customer_03_view .sub_box .info_input .info_table li {
    /* height: 61px;  */
    border-bottom: 2px solid #c4c4c4;
    display: flex;
    align-items: center;
}
.mint_strong {
    color: #00c9cb;
}
.customer_03_view .sub_box .info_input .info_table li em {
    font: inherit;
    width: 17%;
    background: #f7f7f7;
    padding-left: 20px;
    font-size: 17px;
    font-weight: 600;
    line-height: 63px;
    margin-right: 9px;
    height: 100%
}
.customer_03_view .sub_box .info_input .info_table li form {
    padding-top: 7px;
    width: 83%;
}
.customer_03_view .sub_box .info_input .info_table li form fieldset {
    border: none;
}
.customer_03_view .sub_box .info_input .info_table li input{
    width: 408px; height: 43px; 
    border: 2px solid #e3e3e3;
    min-height: 43px;
    line-height: 43px;
}
.customer_03_view .sub_box .info_input .info_table li input::placeholder{
    color: #999;
}
.customer_03_view .sub_box .info_input .info_table li .input_title {
    width: 98%;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass {
    width: 80%;
    display: flex;
    align-items: center;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form {
    width: 400px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form input {
    width: 180px
} 
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass .mail_select {
    height: 47px;
    width: 194px;
    font-size: 15px;
}
.customer_03_view .sub_box .info_input .info_table li .password {
    display: flex;
}
.customer_03_view .sub_box .info_input .info_table li .password p {
    line-height: 47px;
    margin-left: 14px;
    color: #808080;
}

.customer_03_view .sub_box .info_input .info_table .file {
    
}
.customer_03_view .sub_box .info_input .info_table .file .file_right {
    width: 80%;
    background: #fff;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right input::-webkit-file-upload-button {
    display: none;
}
.customer_03_view .sub_box .info_input .info_table .file em {
    line-height: 0;
    height: 0;
    background: #f7f7f7;
    display: block;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right input {
    width: 76%;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right .fileAttach {
    height: 47px;
    background: #000;
    color: #fff;
    display: inline-block;
    line-height: 47px; 
    width: 88px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right button {
    height: 47px;
    display: inline-block;
    line-height: 47px; 
    width: 88px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right p {
    margin-top: 13px;
    font-size: 15px;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right .checkbox {
    width: 17px;
}

.customer_03_view .sub_box .info_input .info_table .li_textarea {
    height: 215px;
}
.customer_03_view .sub_box .info_input .info_table .li_textarea .right {
    width: 83%;
}
.customer_03_view .sub_box .info_input .info_table .li_textarea .right select {
    height: 30px;
    margin-top: 10px;
}
.customer_03_view .sub_box .info_input .info_table li textarea{
    font-size: 15px;
    width: 98%;
    margin: 10px 0;
    padding: 10px 5px;
    line-height: 27px;
}

.customer_03_view .sub_box .info_input .info_table li .auto_prev {
    width: 118px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    background: #000;
    color: #fff;
}
.customer_03_view .sub_box .info_input .info_table li .auto_text {
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

.customer_03_view .sub_box .policy{
    margin-top: 60px;
}
.customer_03_view .sub_box .policy{ 
    margin-top: 60px;
}
.customer_03_view .policy .title_agree {border-bottom: 3px solid #000; margin: 0 1.5%;
}
.customer_03_view .policy h4{font-size: 24px; padding-bottom: 26px;  margin: 0 1.5%; display: inline-block;}
.customer_03_view .policy .agree {display: inline-block;}
.customer_03_view .policy .scroll_box {
    width: 97%;
    margin: 9px auto 0;
    background: #e6e6e6;
    font-size: 14px;
    line-height: 18px;
    height: 176px;
    overflow-x: hidden;
}
.customer_03_view .policy .scroll_box .fz18 {
    font-weight: 600;
}
.customer_03_view .policy .scroll_box .fz20 {
    font-weight: 600;
}
.customer_03_view .policy .checkbox {width: 19px; height: 19px;}
.customer_03_view .policy p {
    margin-top: 18px;
    margin-right: 1.5%;
}
.customer_03_view .sub_box .regi_button {
    display: flex;
    width: 50%;
    margin: auto;
    justify-content: space-between;
}
.customer_03_view .sub_box .app_button {
    margin: 38px 10px 0 0;
}
.customer_03_view .sub_box .app_button:last-child {
    margin-right: 0px;
}

/* 수정요청 게시판의 로그인 */
.customer_03_login .sub_box .login_box {
    text-align: center; 
    border-top: 3px solid #000000;
    width: 97%;
    margin: 110px auto 0; 
}
.customer_03_login .sub_box .login_box h4 {
    font-size: 40px;
    margin-top: 40px;
}
.customer_03_login .sub_box .login_box strong {
    font-size: 25px;
    margin-top: 26px;
    display: block;
}
.customer_03_login .sub_box .login_box fieldset {
    border: 0;
    margin-top: 15px;
}
.customer_03_login .sub_box .login_box input {
    width: 460px;
    display: block;
    margin: 0 auto 5px;
    height: 40px;
    padding: 8px 10px;
    box-sizing: border-box;
}
.customer_03_login .sub_box .login_box button {
    background-color: #333333;
    color: #fff;
    width: 460px;
    height: 40px;
    padding: 8px 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 30px;
}
.customer_03_login .sub_box .login_box p {
    margin-top: 20px;
    font-size: 13px;
    line-height: 26px;
}
/* 견적요청 view */
.customer_03_view .sub_box .info_input .info_table .li_textarea form{
    display: flex;
    width: 320px;
    line-height: 40px; font-size: 15px;
}
.customer_03_view .sub_box .info_input .info_table .li_textarea form .radio {
    width: 25px; height: 25px; margin-right: 4px;
}
.customer_03_view .sub_box .info_input .info_table .li_textarea form span {
    margin-right: 20px;
}
@media (min-width: 1200px) { 
/*pc*/

/*고객센터*/
.customer1 {padding-bottom: 200px;}
.customer1 > div {margin-right: 45px;width: 370px;height: 476px;}
.customer1 .con_box1 .text1 {font-size: 19px;line-height: 1.6em;}
.customer1 .con_box1 #map_div {height:277px;}

/*공지사항 list*/
.customer2 .title {padding: 20px 0 10px;font-size: 25px;}
.customer2 .text1 {padding-bottom: 30px;font-size: 17px;}
.customer2 .board dl {font-size: 17px;}

/*공지사항 view*/
.customer2 .board_view .table1 {display: block;}
}
@media (min-width: 640px) and (max-width:1200px) {
/*tab*/
/*고객센터*/
.customer1 {padding-bottom: 60px;}
.customer1 > div {margin-right: 3.5%;width: 31%;height: 476px;}
.customer1 .con_box1 .text1 {padding: 20px 0 10px;font-size: 17px;line-height: 1.6em;}
.customer1 .con_box1 #map_div {height:250px;}


.customer1 .con_box2 ul {padding-left: 15px;}
.customer1 .con_box2 ul li .bold {font-size: 19px;}
.customer1 .con_box2 ul li span {font-size: 17px;}
.customer1 .con_box2 ul li img {margin-right: 1%;width: 20%}


.customer1 .con_box3 ul li {width: 49.5%}
.customer1 .con_box3 ul li .img_area img {width: 30%}

/*공지사항 list*/
.customer2 .title {padding: 20px 0 10px;font-size: 25px;}
.customer2 .text1 {padding-bottom: 10px;font-size: 17px;}

/*공지사항 view*/
.customer2 .board_view .table1 {display: block;}
}
/*수정요청 view*/
.customer_03_view .sub_box .info_input .info_table .file .file_right input {
    width: 48%;
}


@media (min-width: 640px) and (max-width:900px) {
/*고객센터*/
.customer1 .con_box2 ul {padding: 0 5px;text-align: center;}
.customer1 .con_box2 ul li {padding-bottom: 10px}
.customer1 .con_box2 ul li img {margin: 0 auto 10px;width: 50px;display: block;}



.customer_03_view .sub_box .info_input .info_table li em {
    font-size: 15px;
    padding-left: 5px;
}
.customer_03_view .sub_box .info_input .info_table li .password input{
    width: 70%;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form {
    width: 239px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form input {
    width: 100px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass .mail_select {
    width: 100px;
}
.customer_03_view .sub_box .info_input .info_table li .auto_prev {
    width: 66px; 
    
}
.customer_03_view .sub_box .info_input .info_table li .auto_text {
    width: 170px;
}
.customer_03_view .sub_box .info_input .info_table li .lineh30 {
    line-height: 22px;
    padding-top: 10px;
}

/*tab*/
@media (max-width:640px) {
/*mb*/

/*고객센터*/
.customer1 {padding-bottom: 30px;}
.customer1 > div {margin-right: 0;margin-bottom: 24px;width: 100%;}
.customer1 .con_box1 .text1 {font-size: 14px;line-height: 1.3em;}
.customer1 .con_box1 #map_div {position: relative;left: 0;bottom: 0;width:100%; height:175px;}

.customer1 .con_box2 ul {padding-left: 0;padding-top: 10px;}
.customer1 .con_box2 ul li {float: left;width: 33.3333%;text-align: center;}
.customer1 .con_box2 ul li .bold {font-size: 12px;font-weight: normal;}
.customer1 .con_box2 ul li span {font-size: 12px;}
.customer1 .con_box2 ul li .none1 {display: none;}
.customer1 .con_box2 ul li .block1 {display: block;font-weight: normal;}
.customer1 .con_box2 ul li img {margin:0 auto 20px;width: 50%;display: block;}

.customer1 .con_box3 {margin: 0}
.customer1 .con_box3 ul li {width: 33%}
.customer1 .con_box3 ul li .img_area img {width: 30%}
.customer1 .con_box3 ul .list2,
.customer1 .con_box3 ul .list4,
.customer1 .con_box3 ul .list6 {margin-right: 1px;}
.customer1 .con_box3 ul .list3,
.customer1 .con_box3 ul .list6 {margin-right: 0}
.customer1 .con_box3 ul .list4,
.customer1 .con_box3 ul .list5,
.customer1 .con_box3 ul .list6 {margin-bottom: 0;}
.customer1 .con_box3 ul li p {font-size: 14px;}

/*공지사항 list*/
.customer2 .title {padding: 20px 0 10px;font-size: 20px;}
.customer2 .text1 {padding-bottom: 10px;font-size: 16px;}

.customer2 .board dl dd a {max-width: 85%;}
.customer2 .board dl dt {padding: 3.4% 0;}
.customer2 .board dl dd {padding: 4% 0;}
.customer2 .board .b_num {display: none !important;}
.customer2 .board .b_title {padding-left: 2%;width : 48%;}
.customer2 .board .b_name {padding-right: 2%;width : 15%;}
.customer2 .board .b_date {width : 33%;}


.customer2 .board .paging {margin-top: 20px}
.customer2 .board .paging a {margin-right: 5px;width: 23px;height: 23px;color: #929292 ;font-size: 17px;border: 1px solid #dcdcdc;text-decoration: none;background-color: #fff;}
.customer2 .board .paging .page:hover {color: #fff;background-color: #00c9cb}
.customer2 .board .paging .page {height: 23px;line-height: 27px;}
.customer2 .board .paging .prev,
.customer2 .board .paging .next {background: no-repeat 50% 50%;text-indent: -9999em;}
.customer2 .board .paging .prev {background-image: url(../images/sub/prev.png);}
.customer2 .board .paging .next {background-image: url(../images/sub/next.png);margin-right: 0}

/*공지사항 view*/

.customer2 .board_view .table2 {display: block;}
.customer2 .board_view th,
.customer2 .board_view td {padding: 4%}
.customer2 .board_view .board_view_con {padding-top: 1%;padding-bottom: 30px;line-height: 2em;}

/*수정요청 view*/
.customer_03_view .sub_box .info_input .info_table li em {
    width: 90px;
    font-size: 13px;
}
.customer_03_view .sub_box .info_input .info_table li input {
    font-size: 13px;
    width: 230px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass {
    justify-content:left;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form {
    width: 150px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass form input {
    width: 55px;
}
.customer_03_view .sub_box .info_input .info_table li .mail_selectclass .mail_select {
    width: 71px;
}
.customer_03_view .sub_box .info_input .info_table li .password p {
    margin-left: 0;
    line-height: 20px;
}
.customer_03_view .sub_box .info_input .info_table .mb640 fieldset {
    width: 60px;
}
.customer_03_view .sub_box .info_input .info_table .mb640 span {
    display: block;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right input {
    width: 55px;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right label {
    width: 60px;
    font-size: 13px;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right button {
    width: 60px;
    font-size: 13px;
}
.customer_03_view .sub_box .info_input .info_table .file .file_right p {
    font-size: 13px;
}

/* 수정요청 로그인 */
.customer_03_login .sub_box .login_box input {
    width: 310px;
    margin: 0 auto 15px;
    height: 40px;
    padding: 8px 10px;
}
.customer_03_login .sub_box .login_box button {
    width: 310px;
    margin: 0 auto 15px;
    height: 40px;
    padding: 8px 10px;
}

}
}