@charset "utf-8";

/* 숨김설정 */
.hidden {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

.float-left{float:left !important}
.float-right{float:right !important}
.float-none{float:none !important}

.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}

.bg-white {background-color:#ffffff !important;background-color: rgba(255, 255, 255, 1);}/* 대메뉴 배경색 */

/* 블릿만 있는 리스트 경우 */
.list {}
.list:after {display: block; clear: both; content: ""}
.list>li {position:relative;padding:0 0 0 15px;line-height:1.5em;margin-bottom:5px;vertical-align:top;}
.list>li:before {content:' ';position:absolute;top:10px;left:0px;display:inline-block;width:5px;height:5px;border-radius:100%;background:#1e9d28;}
.list>li:last-child {margin-bottom:0;}
.list>li strong {display:inline-block;}
.list>li p {margin-bottom:15px;}

.list2 {}
.list2:after {display: block; clear: both; content: ""}
.list2>li {position:relative;padding:0 0 0 15px;line-height:1.5em;margin-bottom:5px;vertical-align:top;}
.list2>li:before {content:' ';position:absolute;top:10px;left:0px;display:inline-block;width:5px;height:5px;border-radius:100%;background:#1e9d28;}
.list2>li:last-child {margin-bottom:0;}
.list2>li strong {display:block;font-size:1.05em;color:#1e9d28;padding-bottom:5px;}
.list2>li p {padding:2% 3%;margin-bottom:15px;background:#fff;border:1px solid #ccc;}

 /* 테이블(표) 제어 */
.table {width:100%;max-width:100%;margin-bottom:1rem;border-top:2px solid #000;border-bottom:1px solid #000;background-color:transparent;}
.table th, .table td {vertical-align:top;border-top:1px solid #ddd}
.table thead th {padding:8px .75rem;}
.table tbody th {padding:.3rem .75rem;}
.table td {padding:.3rem .75rem;vertical-align:top;border-top:1px solid #ddd}
.table thead th {/*vertical-align:bottom;*/border-bottom:1px solid #000}
.table tbody+tbody {border-top:1px solid #000}
 table .table {background-color:#fff}

 .table-sm td,.table-sm th{padding:.3rem}
 .table-bordered{border:1px solid #dee2e6}
 .table-bordered td,.table-bordered th{border:1px solid #dee2e6}
 .table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}
 .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}
 .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
 .table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}
 .table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}
 .table-hover .table-primary:hover{background-color:#9fcdff}
 .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}
 .table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}
 .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}
 .table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}
 .table-hover .table-success:hover{background-color:#b1dfbb}
 .table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}
 .table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}
 .table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}
 .table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}
 .table-hover .table-warning:hover{background-color:#ffe8a1}
 .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}
 .table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}
 .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}
 .table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}
 .table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}
 .table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}
 .table-hover .table-dark:hover{background-color:#b9bbbe}
 .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}
 .table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}
 .table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}
 .table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}
 .table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}
 .table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}
 .table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}
 .table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}
 .table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}

 @media (max-width:575.98px){
 .table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
 .table-responsive-sm>.table-bordered{border:0}
 }
 @media (max-width:767.98px){
 .table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
 .table-responsive-md>.table-bordered{border:0}
 }
 @media (max-width:991.98px){
 .table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
 .table-responsive-lg>.table-bordered{border:0}
 }
 @media (max-width:1199.98px){
 .table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
 .table-responsive-xl>.table-bordered{border:0}
 }
 .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
 .table-responsive>.table-bordered{border:0}

 .table {border-collapse:collapse!important}
 .table td, .table th {background:#fff;}
 .table-bordered td,.table-bordered th {/*border:1px solid #dee2e6!important*/}
 
 .table-dark{color:inherit}
 .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}
 .table .thead-dark th{color:inherit;border-color:#dee2e6}

/* 상하 좌우 조절 **********/
.margin-top-10 {	margin-top:10px;}
.margin-top-15 {	margin-top:15px;}
.margin-top-20 {	margin-top:20px;}
.margin-top-30 {	margin-top:30px;}
.margin-top-40 {	margin-top:40px;}
.margin-top-50 {	margin-top:50px;}
.margin-top-60 {	margin-top:60px;}
.margin-top-70 {	margin-top:70px;}
.margin-top-80 {	margin-top:80px;}
.margin-top-90 {	margin-top:90px;}
.margin-top-100 {margin-top:100px;}
.margin-top-110 {margin-top:110px;}
.margin-top-120 {margin-top:120px;}
.margin-top-130 {margin-top:130px;}
.margin-top-140 {margin-top:140px;}
.margin-top-150 {margin-top:150px;}

.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-60 {margin-bottom:60px;}
.margin-bottom-70 {margin-bottom:70px;}
.margin-bottom-80 {margin-bottom:80px;}
.margin-bottom-90 {margin-bottom:90px;}
.margin-bottom-100 {margin-bottom:100px;}

.margin-bottom-110 {margin-bottom:110px;}
.margin-bottom-120 {margin-bottom:120px;}
.margin-bottom-130 {margin-bottom:130px;}
.margin-bottom-140 {margin-bottom:140px;}
.margin-bottom-150 {margin-bottom:150px;}

.margin-left-10pro {margin-left:10%;}
.margin-left-15pro {margin-left:15%;}
.margin-left-10 {margin-left:10px;}
.margin-left-20 {margin-left:20px;}
.margin-left-30 {margin-left:30px;}
.margin-left-40 {margin-left:40px;}
.margin-left-50 {margin-left:50px;}
.margin-left-60 {margin-left:60px;}
.margin-left-70 {margin-left:70px;}
.margin-left-80 {margin-left:80px;}
.margin-left-90 {margin-left:90px;}
.margin-left-100 {margin-left:100px;}

.margin-right-10pro {margin-right:10%;}
.margin-right-15pro {margin-right:15%;}
.margin-right-10 {margin-right:10px;}
.margin-right-20 {margin-right:20px;}
.margin-right-30 {margin-right:30px;}
.margin-right-40 {margin-right:40px;}
.margin-right-50 {margin-right:50px;}
.margin-right-60 {margin-right:60px;}
.margin-right-70 {margin-right:70px;}
.margin-right-80 {margin-right:80px;}
.margin-right-90 {margin-right:90px;}
.margin-right-100 {margin-right:100px;}

.padding-top-10 {padding-top:10px;}
.padding-top-11 {padding-top:11px;}
.padding-top-12 {padding-top:12px;}
.padding-top-13 {padding-top:13px;}
.padding-top-20 {padding-top:20px;}
.padding-top-30 {padding-top:30px;}
.padding-top-40 {padding-top:40px;}
.padding-top-50 {padding-top:50px;}
.padding-top-60 {padding-top:60px;}
.padding-top-70 {padding-top:70px;}
.padding-top-80 {padding-top:80px;}
.padding-top-90 {padding-top:90px;}
.padding-top-100 {padding-top:100px;}
.padding-top-110 {padding-top:110px;}
.padding-top-120 {padding-top:120px;}
.padding-top-130 {padding-top:130px;}
.padding-top-140 {padding-top:140px;}
.padding-top-150 {padding-top:150px;}

.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-11 {padding-bottom:11px;}
.padding-bottom-12 {padding-bottom:12px;}
.padding-bottom-13 {padding-bottom:13px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-40 {padding-bottom:40px;}
.padding-bottom-50 {padding-bottom:50px;}
.padding-bottom-60 {padding-bottom:60px;}
.padding-bottom-70 {padding-bottom:70px;}
.padding-bottom-80 {padding-bottom:80px;}
.padding-bottom-90 {padding-bottom:90px;}
.padding-bottom-100 {padding-bottom:100px;}
.padding-bottom-110 {padding-bottom:110px;}
.padding-bottom-120 {padding-bottom:120px;}
.padding-bottom-130 {padding-bottom:130px;}
.padding-bottom-140 {padding-bottom:140px;}
.padding-bottom-150 {padding-bottom:150px;}

.padding-left-3pro {padding-left:3%;}
.padding-left-10pro {padding-left:10%;}
.padding-left-15pro {padding-left:15%;}
.padding-left-20pro {padding-left:20%;}

.padding-right-3pro {padding-right:3%;}
.padding-right-10pro {padding-right:10%;}
.padding-right-15pro {padding-right:15%;}
.padding-right-20pro {padding-right:20%;}

@media only screen and (max-width:319px) { /* 모바일기기 */

.f34{font-size:24px !important;}
.f52{font-size:32px !important;}

.padding-left-10pro {padding-left:5%;}
.padding-right-10pro {padding-left:5%;}

}

@media only screen and (min-width:240px) and (max-width:480px){ /* 모바일기기 */

}

@media only screen and (min-width:320px) { /* 모바일기기 */

.padding-left-10pro {padding-left:5%;}
.padding-right-10pro {padding-left:5%;}

}

@media only screen and (min-width:320px) and (max-width:399px){ /* 모바일기기 */

.f34{font-size:27px !important;}
.f52{font-size:36px !important;}

}

@media only screen and (min-width:480px) { /* 모바일기기 */

}

@media only screen and (min-width:568px) { /* 모바일기기 */

}

@media only screen and (min-width:400px) and (max-width:767px){ /* 모바일기기 + 태블릿 */

.f34{font-size:29px;}
.f52{font-size:36px;}

}

@media only screen and (min-width:400px) and (max-width:479px){ /* 모바일기기 */

}

@media only screen and (min-width:480px) and (max-width:577px){ /* 모바일기기 + 태블릿 */

}

@media only screen and (min-width:578px) and (max-width:767px){ /* 모바일기기 + 태블릿 */

}

@media only screen and (min-width:768px) and (max-width:1023px){ /* 태블릿 */

.f52{font-size:43px;}

}

@media only screen and (min-width:1024px) and (max-width:1199px){ /* 태블릿 + 데스크탑 */

.f19{font-size:17px;}
.f52{font-size:46px;}

}

@media only screen and (min-width:1200px) { /* 큰데스크탑 */

.f19{font-size:18px !important;}

}

@media only screen and (min-width:1300px) { /* 큰데스크탑 */

.f19 {font-size:19px !important;}

.padding-left-10pro {padding-left:10%;}
.padding-right-10pro {padding-right:10%;}

}

@media only screen and (min-width:1301px) { /* 큰데스크탑 */

}