/* 테이블 디자인 */
@media screen and (max-width:1050px) {
	.table-responsive{border: 0; overflow-x: scroll; overflow-y: hidden}
	.table-responsive table{margin-top: 60px; white-space: nowrap}
}
@media screen and (max-width:991px) {
	.table-responsive:before{content: '→ 스크롤 하세요'; width: calc(100% - 40px); height: 35px; padding: 0px 10px; border-radius: 4px; display: inline-block; position: absolute; color: #ffffff; font-size: 12px; font-family: Dotum; line-height: 35px; background: #4c4c4c}
}

/* t_style04 */
.t_style04{width: 100%; border-top: 2px solid #000000; font-size: 14px}
.t_style04:after{content: ''; display: block; clear: both}
.t_style04 label{margin-bottom: 0}
.t_style04 th{width: 130px; padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: #f2f2f2; color: #414141; font-size: 13px}
.t_style04 th .star{color: #d41e00}
.t_style04 td{width: calc(100% - 130px); min-height: 25px; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; color: #727272}
.t_style04 td.last{border-bottom-color: #000000}
.t_style04 td:after{content: ''; display: block; clear: both}
.t_style04 input[type="text"],
.t_style04 input[type="password"]{width: 100%; max-width: 200px}
.t_style04 input[type="image"]{padding-left: 0; border: 0}
.t_style04 select{width: 137px; height: 25px; padding-left: 0; border-top: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #727272; font-size: 12px; vertical-align: middle}
.t_style04 select.s_wd01{width: 300px}
.t_style04 .des{color: #727272; font-size: 12px; padding-right: 10px;}
.t_style04 .date{padding-top: 3px; padding-bottom: 3px; text-align: center}
.t_style04 .i_btn1{padding: 0px 7px; text-align: center; border: 1px solid #7a7a7a; border-radius: 3px; background-color: #7a7a7a; color: #ffffff}
.t_style04 .chck_box span{margin-right: 6px}
.t_style04 .t_phone input[type="text"]{width: 120px}
@media screen and (max-width:767px) {
	.t_style04 th{width: 100%; display: block}
	.t_style04 select{width: 100%}
	.t_style04 select.s_wd01{width: 100%}
	.t_style04 td{width: 100%; display: block}
	.t_style04 select{margin-bottom: 4px}
	.t_style04 input{margin-bottom: 4px}
	.t_style04 input[type="text"],
	.t_style04 input[type="password"]{max-width: 100%}
	.t_style04 input.i_wd01{width: calc(100% - 103px)}
	.t_style04 input.i_wd02{width: calc(100% - 18px)}
	.t_style04 .t_phone select{width: calc(100% - 12px)}
	.t_style04 .t_phone input[type="text"]{width: calc(100% - 12px)}
	.t_style04 .t_address select{width: calc(100% - 12px)}
	.t_style04 .t_address input[type="text"]{width: calc(100% - 153px)}
}

/* t_style15 */
.t_style15{width: 100%; border-top: 2px solid #3863A6; background-color: #ffffff}
.t_style15 th{width: 120px; padding: 10px; background-color: #3863A6; color: #ffffff; font-size: 15px; font-weight: normal; text-align: center; word-break: break-word}
.t_style15 td{padding: 10px; font-size: 14px}
.t_style15 tr{padding: 0; border-bottom: 1px solid #6287C0; display: block}
.t_style15 tr:last-child{border-bottom: 1px solid #3863A6}
.t_style15 .emp{color: #da1c1c}

/* t_style16 */
.t_style16{width: 100%; margin-bottom: 10px; background-color: #ffffff; font-size: 14px; line-height: 1.6em}
.t_style16 th{width: 100px; padding: 10px 15px; border: 1px solid #BCBCBC; background-color: #E4E4E4; text-align: center}
.t_style16 td{padding: 10px 15px; border: 1px solid #bcbcbc}
.t_style16 input[type="file"]{width: 100%; padding: 2px; border: 1px solid #bcbcbc; background-color: #ebebeb}
.t_style16 textarea{width: 100%; height: 300px; padding: 10px; font-size: 14px; resize: none}


 /* t_style32 */
 .t_style32{width: 100%; margin: 0 auto 20px; border-top: 2px solid #193b6a}
 .t_style32 caption{height: 0; overflow: hidden}
 .t_style32 thead{border-bottom: 1px solid #193b6a}
 .t_style32 th{padding: 15px 10px; color: #193b6a; font-size: 17px; font-weight: 700; text-align: center}
 .t_style32 td{padding: 10px; border-bottom: 1px solid #D3D3D3; font-size: 17px;  text-align: center}
 .t_style32 td a{display: block}
 .t_style32 .tit{width: 60%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
 .t_style32 .view_tit{width: 80%; text-align: left}
 .t_style32 .view_con{padding: 0}
 .t_style32 .view_con .view_txt{padding: 20px 10px 40px; font-size: 15px; text-align: left}
 .t_style32 .view_con .view_down{padding: 10px; border-top: 1px solid #d3d3d3; text-align: left}
 .t_style32 .view_con .view_down .left{padding-right: 20px; display: table-cell; vertical-align: top; color: #193b6a; font-weight: 700}
 .t_style32 .view_con .view_down .right{display: table-cell; vertical-align: top}
 .t_style32 .view_con .view_down .right>p{padding-left: 27px; background: url(../img/comm/icon_clip.png) no-repeat center left;}
 @media screen and (max-width:768px) {
     .t_style32 thead{display: none}
     .t_style32 thead.view{display: block}
     .t_style32 tr{padding: 10px 0; border-bottom: 1px solid #d3d3d3; display: block}
     .t_style32 tr:after{content: ''; display: block; clear: both}
     .t_style32 th{padding: 3px 0; display: block}
     .t_style32 td{padding: 3px 0; border: 0; display: block; text-align: left}
     .t_style32 .num{font-weight: 700}
     .t_style32 .tit{width: 100%}
     .t_style32 .name{padding: 3px 0; float: left}
     .t_style32 .name:after{content: ''; margin: 0 10px; border-right: 1px solid #d3d3d3}
     .t_style32 .day{padding: 3px 0; float: left}
     .t_style32 .view_tit{width: 100%}
 }

 
/* t_style33 */
.t_style33{max-width: 1050px; width: 100%; margin: 0 auto 20px; border-top: 2px solid #193b6a}
.t_style33 th{width: 150px; padding: 10px 20px; border-bottom: 1px solid #D3D3D3; color: #193b6a;  font-size: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; word-break: keep-all; background: #E8E8E8}
.t_style33 td{padding: 10px; border-bottom: 1px solid #d3d3d3; font-size: 14px;  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;background: #ffffff}
.t_style33 input[type="tel"],
.t_style33 input[type="text"],
.t_style33 input[type="email"],
.t_style33 input[type="password"]{max-width: 200px; width: 100%; height: 27px; padding: 0 5px; border: 1px solid #D4D4D4; display: inline-block; vertical-align: top;  font-family: 'NotoSans KR','NotoSans','sans-serif';}
.t_style33 input[type="password"]{max-width: 250px}
.t_style33 input.input_value{width: auto; border: 0}
.t_style33 textarea{width: 100%; height: 400px; padding: 5px; border: 1px solid #d4d4d4; display: inline-block; vertical-align: middle;  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;overflow-y: scroll; resize: none}
.t_style33 span{display: inline-block}
.t_style33 .address_box .address_top{margin-bottom: 3px}
.t_style33 .address_box .address_input01{max-width: 150px; background: #e2e2e2}
.t_style33 .address_box .address_input02{max-width: 300px; background: #e2e2e2}
@media screen and (max-width:768px) {
	.t_style33 input{margin: 3px 0}
	.t_style33 .address_box .address_top{margin-bottom: 0px}
}
@media screen and (max-width:525px) {
	.t_style33 th{width: 110px}
}


 .btn_box02{
    min-width: 100px;
    font-weight: 500;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: block;
    font-size: 16px;
    background: #f6f6f6;
    border: solid 1px #e0e0e0;
    height: 42px;
    line-height: 42px;
    display: inline-block;
 }

 /* 서치박스 */
.search_box{max-width: 1050px; margin: 0 auto 20px}
.search_box .search_sort{text-align: right;}
.search_box .search_sort .on{color:#00afc9; }
.search_box .search_sort .on img{ width: 10px;}
.search_box:after{content: ''; display: block; clear: both}
.search_box form{float: right}
.search_box select{width: 107px; height: 38px; padding: 5px; margin-right: 4px; display: block; float: left; font-size: 17px;  font-family: 'NotoSans KR','NotoSans', 'NanumSquare', 'Nanum Gothic', 'dotum', 'Microsoft YaHei','SimSun','Times New Roman','Arial',sans-serif; }
.search_box input[type="text"],
.search_box input[type="search"]{width: 256px; height: 38px; padding: 0 5px; margin-right: 4px; display: block; float: left; font-size: 17px;  font-family: 'NotoSans KR','NotoSans', 'NanumSquare', 'Nanum Gothic', 'dotum', 'Microsoft YaHei','SimSun','Times New Roman','Arial',sans-serif; }
.search_box input[type="image"],
.search_box input[type="submit"]{height: 38px; padding: 10px; display: block; float: left; background: #193b6a}
@media screen and (max-width:525px) {
	.search_box input[type="text"],
	.search_box input[type="search"]{width: calc(100% - 153px)}
}