@charset "utf-8";

/*포토형게시판*/
#contents .photogallery_list li,
#txt .photogallery_list li{float:left;width:25%;}

/* 버튼 */
/********** 버튼 스타일 **********/
button.btn_ln_bace { display:inline-block; padding:6px 15px 4px; background:#fcfcfe; border-radius:3px; border:1px solid #d2d2d2; vertical-align:middle; color:#121212; }
button.btn_ln_bace span { padding-right:17px; background:url(/images/default/sh_bt_arr_gray.png) no-repeat right; }
button.btn_ln_bace:hover,a.btn_ln_bace:focus,a.btn_ln_bace:active { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_bace:hover span,a.btn_ln_bace:focus span,a.btn_ln_bace:active span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
/* 녹색 */
button.btn_ln_gr span { background:url(/images/default/sh_bt_arr_green.png) no-repeat right; }
button.btn_ln_gr:hover,a.btn_ln_gr:focus,a.btn_ln_gr:active { background:#7dc242; border:1px solid #7dc242; }
/* 회색 */
button.btn_ln_gy { background:#fff; }
button.btn_ln_gy:hover,a.btn_ln_gy:focus,a.btn_ln_gy:active { background:#545454; border:1px solid #545454; }
/* 검정 */
button.btn_ln_bk { background:#f0f0f0; }
button.btn_ln_bk:hover,a.btn_ln_bk:focus,a.btn_ln_bk:active { background:#121212; border:1px solid #121212; }
/* 녹색2 */
button.btn_ln_gr2 { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_gr2 span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_gr2:hover,a.btn_ln_gr2:focus,a.btn_ln_gr2:active { background:#545454; border:1px solid #545454; }
/* 빨강 */
button.btn_ln_re { background:#bf0f30; border:1px solid #bf0f30; color:#fff; }
button.btn_ln_re span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_re:hover,a.btn_ln_re:focus,a.btn_ln_re:active { background:#545454; border:1px solid #545454; }
/* 파랑 */
button.btn_ln_bl { background:#22569c; border:1px solid #22569c; color:#fff; }
button.btn_ln_bl span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_bl:hover,a.btn_ln_bl:focus,a.btn_ln_bl:active { background:#545454; border:1px solid #545454; }


input[type="text"],input[type="password"],input[type="file"],input[type="search"]{box-sizing: content-box}






/* 사용자 문의 */
.person-Inquiry .list_1st_bul { padding:1px 0 0 12px; background:url(/images/default/sh_dot01.gif) no-repeat left 10px; }
.person-Inquiry .line_box {padding:20px; border:1px solid #e5e5e3; }
.person-Inquiry .line_box2 {/*overflow-y:scroll;*/ padding:20px; border:1px solid #e5e5e3; /*max-height:380px;*/}
.person-Inquiry .line_dashed {margin-top:30px; padding-top:30px; border-top:1px dashed #d2d2d2;}
.person-Inquiry .line_dashed_b {padding-bottom:30px; border-bottom:1px dashed #d2d2d2;}

.person-Inquiry .indispensable {width: calc(100% / 3);}
.pi-subjact .indispensable {}
.pi-name .indispensable {}
.pi-call .indispensable {width: calc(100% / 3 - 136px);}
.pi-call .indispensable:first-child {width:132px;}
.pi-group .indispensable {width: 50%;}
.person-Inquiry .tbl_basic tbody tr {border-left: 1px solid #d2d2d2;}

.person-Inquiry button.btn_ln_bace {width: 207px;height: 57px;}

.person-Inquiry .tbl_basic {margin-bottom: 20px;}
.person-Inquiry .g-recaptcha {display: flex;justify-content: flex-end;}

@media (max-width:740px) {
    .person-Inquiry .tbl_basic {display: block;}
    .person-Inquiry .tbl_basic tbody {display:block;}
    .person-Inquiry .tbl_basic tbody tr {position:relative;width: 100%;/* height: 91px; */display: block;}
    .person-Inquiry .tbl_basic tbody th {display: block;width: 100%;max-width: none;left: 0;top: 0;text-align: left;}
    .person-Inquiry .tbl_basic tbody td {width: 100%;display: block;max-width: none;border-left: none;}
}
@media (max-width:530px) {
    .person-Inquiry .indispensable {width:60%;}
    .pi-call .indispensable:first-child,
    .pi-call .indispensable {width: calc(100% / 3 - 18px);min-width: 1px;}
    .pi-email .indispensable[type="text"] {width: calc(100% / 2 - 77px) !important;min-width: 1px;}

    .person-Inquiry button.btn_ln_bace {width: 150px;height: 47px;}
}

@media (max-width:380px) {
    .person-Inquiry button.btn_ln_bace {width: calc(100% / 2 - 2px);height: 47px;}
    .person-Inquiry .rc-anchor-normal,
    .person-Inquiry .g-recaptcha > div {width: 100% !important;}
    
}