@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.sub-title { margin: 80px 0 60px; text-align: center; } 
.real-cont { padding: 0 0 120px; } 
.doc-cnt { border-top: 1px solid #555555; } 

.h90 { height: 90px; } 

.sub-title h2 { font-size: 40px; line-height: 1.65em; color: #333333; } 
.doc-sub-tit { font-size: 20px; line-height: 1.5em; color: #333333; margin-bottom: 10px; } 
.txt2 { font-size: 20px; line-height: 1.3em; } 
.txt3 { font-size: 20px; line-height: 1.5em; color: #333333; } 
.doc-tit { font-size: 24px; color: #000000; line-height: 1.25em; } 
.doc-tit.type2 { margin-top: 40px; margin-bottom: 30px; } 
.sub-btn { display: flex; justify-content: center; align-items: center; width: 180px; height: 50px; background-color: #fff; border: 1px solid #ddd; border-radius: 50vh; font-size: 20px; line-height: 1.8em; color: #020303; } 
.sub-btn:hover { border: 1px solid #d12533; color: #fff; background-color: #d12533; } 

.list-tab { max-width:280px; width: 100%; margin-right:20px; } 
.list-tab ul { display: inline-flex; flex-direction: column; } 
.list-tab ul li { border:1px solid #ddd; margin-bottom: 8px; height: 50px; } 
.list-tab ul li a { display:flex; align-items:center; color:#333333; padding:9px 27px 5px; font-size:18px; font-weight:700; line-height: 1.666em; height: 50px; } 
.list-tab ul li a:hover,
.list-tab ul li.active a { background:#d12533; color:#fff; font-weight:600; } 

.solution .group-box { border: 1px solid #ddd; padding: 30px; } 
.solution .group-box .flex-area { display: flex; } 
.solution .txt-wrap { margin-right: 40px; } 
.solution .txt-wrap .desc { font-weight: 700; margin-bottom: 30px; } 
.solution .inquiry-list { margin-bottom: 20px; } 
.solution .inquiry-list dl { display: flex; font-weight: 700; } 
.solution .inquiry-list dl dd { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 5px; } 
.solution .inquiry-list dl dd a { color: #d12533; text-decoration: underline; } 
.solution .group-box.type2 { width: 100%; padding: 20px 20px 60px; } 

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; line-height: 1.25em; text-align:center; padding-right: 40px; } 
.table-style table thead th { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 14px 0 11px; color: #333333; background-color: #f2f2f2; font-weight: 700; } 
.table-style table tbody tr { border-bottom: 1px solid #ddd; } 
.table-style table tbody tr td:first-child { width: 13% !important; } 
.table-style table tbody tr .img { position:relative; padding-bottom: 72.73%; overflow:hidden; margin: 13px 11px; } 
.table-style table tbody tr .img img { position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.table-style table tbody tr a { text-decoration: underline; font-weight: 400; } 

.detail .group-flex .img { width: 500px; padding: 30px; } 
.detail .group-flex .txt-area { flex: 1 1 auto; min-width: 0; width: 1%; } 
.detail .doc-tit { margin-bottom: 20px; } 
.detail .doc-sub-tit { color: #d12533; } 
.detail .box-wrap { border-top: 1px solid #ddd; padding-top: 24px; padding-left: 17px; } 
.detail .btn-box { display: flex; justify-content: end; margin-top: 50px; } 
.detail .btn-box .sub-btn { margin-right: 20px; } 
.detail .doc-cnt.doc1 { border-top: none; } 
.detail .doc-cnt.doc2 { padding: 40px 45px; } 
.detail .dash-list li { position: relative; padding-left: 12px; } 
.detail .dash-list li::before { content: "-"; position: absolute; top: 0; left: 0; } 
.detail .doc-cnt.doc3 { padding: 55px 0 75px; /* border-bottom: 1px solid #ddd; */}
.detail .doc-cnt.doc3 .img { text-align: center; } 
.detail .doc-cnt.doc3 .img table { margin: 0 auto !important; } 
.detail .sub-btn.list { margin: 50px auto 0; border: 1px solid #b7b7b7; } 
.detail .search-detail {display: none;}

.about .doc-sub-tit { color: #d12533; } 
.about .doc-cnt.doc1 { padding: 65px 0; } 
.about .doc1 .group-flex { justify-content: space-between; } 
.about .doc1 .txt-area strong { display: inline-block; color: #333333; margin-bottom: 10px; } 
.about .doc1 .txt-area { padding-right: 36px; } 
.about .doc1 .img { margin-right: 36px; } 
.about .doc-cnt.doc2 { padding: 100px 0 70px; } 
.about .box-list ul { display: flex; justify-content: center; margin: 0 -33px; } 
.about .box-list ul li { position: relative; z-index: 1; padding: 0 33px; } 
.about .box-list ul li::after { content: ""; position: absolute; top: 50%; right: -33px; transform: translateY(-50%); width: 66px; height: 1px; background-color: #ddd; z-index: -1; } 
.about .box-list ul li:last-child::after { display: none; } 
.about .box-list ul li .box { display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1; height: 225px; background-color: #fff; border: 1px solid #ddd; border-radius: 30px; text-align: center; } 
.about .box-list ul li .box.bg { width: 325px; background-color: #f2f2f2; } 
.about .box-list ul li .box p { padding: 0 65px; } 
.about .box-list ul li .box .tit { color: #fff; font-weight: 700; width: fit-content; margin: 0 auto 15px; border-radius: 50vh; height: 40px; padding: 0 30px; line-height: 40px; } 
.about .box-list ul li .box .strong { margin-top: 20px; } 
.about .box-list ul li .box .strong strong { color: #000000; } 

.location .doc-cnt { padding: 0; } 
.location .group-info { display: flex; padding: 40px 0 45px; align-items: center; } 
.location .group-info .ico { margin: 0 30px; } 
.location .group-info .ico img { text-align: center; } 
.location .group-info .info-area dl { display: flex; } 
.location .group-info .info-area dt { min-width: 55px; font-size: 18px; font-weight: 700; line-height: 1.666em; color: #333333; } 
.location .group-info .info-area dd { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.875em; } 
.root_daum_roughmap { width:100% !important; height:600px !important; } 
.root_daum_roughmap .wrap_map { height:600px !important; } 
.roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
.roughmap_lebel_text:after { content:"경기도 수원시 영통구 대학4로 17"; font-size:12px; line-height:15px; }