@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.model-iframe {width:100%; height:60vh;}

.iframe-txt {color:#686868; margin-top:15px;}
.iframe-txt p {font-weight:500; }
.iframe-txt ul {padding-top:20px;}
.iframe-txt ul li {text-indent:-1.2em; padding-left:1.2em;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}


.file-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -64px;}
.file-list ul li {width:25%; padding:0 10px; text-align:center; margin-bottom:64px;}
.file-list ul li .pic {position:relative; height:0; padding-bottom:134.6%;  margin-bottom:15px;overflow:hidden;}
.file-list ul li .pic img {position:absolute; top:50%; left:0; 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; transition:0.3s;}
.file-list ul li .pic:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd}
.file-list ul li .tit {font-size:18px ;line-height:1.4em; color:#333;font-weight:500;}
.file-list ul li .btns {margin-top:25px; display:flex; margin-left:-20px;}
.file-list ul li .btns a {width:calc(50% - 20px); margin-left:20px; background:#7d7d7d; font-size:16px; line-height:40px; color:#fff;font-weight:500;}
.file-list ul li .btns a:before {content:"";display:inline-block; vertical-align:top; width:20px; height:40px; margin-right:10px; background:url('../images/sub/icon_preview.png') 50% 50% no-repeat}
.file-list ul li .btns a:nth-child(2) {background:#50493B}
.file-list ul li .btns a:nth-child(2):before {background-image:url('../images/sub/icon_download.png');}

.sub-img {margin-bottom:30px;}

.outline-head {margin-bottom:35px; text-align:center; font-size:26px; font-weight:400; letter-spacing:-.03em; line-height:1.8em; color:#333;}
.outline-head em {font-style:normal;}
.outline-head strong {font-size:36px;}

.table01 {margin-bottom:13px;}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424;}
.table01 table tbody th {padding:15px 5px; color:#fff; font-weight:500; background:#f9ac11; border-bottom:1px solid #ddd;}
.table01 table tbody td {padding:15px 20px; font-weight:300; border-bottom:1px solid #ddd;}
.table01 .gray-td {text-align:center; background:#fafafa; font-weight:500; border-right:1px solid #ddd;}

.warning {font-size:15px; font-weight:400; letter-spacing:-.03em; color:#555;}

.feature-cnt {margin-bottom:65px;}
.feature-cnt ul {display:flex;}
.feature-cnt ul li {width:25%; padding:0 2px; position:relative; text-align:center;}
.feature-cnt ul li .icon {width:206px; height:206px; margin:0 auto 20px; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center;}
.feature-cnt ul li .tit {font-size:22px; line-height:1.4em; color:#50493B;font-weight:500; margin-bottom:20px;}
.feature-cnt ul li p {line-height:1.625em; margin-bottom:5px; text-indent:-.5em; padding-left:.5em;}
.feature-cnt ul li p:last-child {margin-bottom:0;}
.feature-cnt ul li:nth-child(even) .tit {color:#f9ac11;}

.doc-title {position:relative; font-size:24px ;line-height:1.4em; color:#333;font-weight:500; padding-left:48px; margin-bottom:10px;}
.doc-title:before {content:""; position:absolute; top:3px; left:0; width:28px; height:28px; background:url('../images/sub/doc_ico.png') 50% 50% no-repeat; background-size:contain;}
.doc-title.type2 {margin-bottom:25px;}

.pl32 {padding-left:32px;}

.doc-cnt {margin-bottom:40px;}
.doc-cnt strong {font-weight:500; display:inline-block; margin-bottom:10px;}

.table02 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424;}
.table02 table th {padding:15px 5px; color:#333; font-weight:500; background:#f8f8f8; border:1px solid #ddd; border-top:0;}
.table02 table td {padding:15px 10px; font-weight:300; text-align:center; border:1px solid #ddd; border-top:0;}
.table02 tr th:first-child,
.table02 tr td:first-child {border-left:0;}
.table02 tr th:last-child,
.table02 tr td:last-child {border-right:0;}
.table02 .left {text-align:left; padding-left:15px;}
.table02 .text ul li {text-indent:-.5em; padding-left:.5em; margin-bottom:4px;}
.table02 .text ul li:last-child {margin-bottom:0;}
.table02 .text p {padding-left:0; text-indent:0}
.table02 .num-txt {padding-left:1.3em; text-indent:-1.3em}
.table02.type2 table thead th {background:#f1f1f1}
.table02.type2 table tbody th {font-weight:300;}

.table-cnt {margin-top:15px;}
.table-cnt ul li {text-indent:-.5em; padding-left:.5em; margin-bottom:4px;}
.table-cnt ul li:last-child {margin-bottom:0;}
.table-cnt p {text-indent:-1.2em; padding-left:1.2em; margin-bottom:4px;}
.table-cnt p:last-child {margin-bottom:0;}
.table-cnt.type2 {margin-top:0; margin-bottom:20px;}


/* .location-info {display:flex; justify-content:center; margin:0 -10px;}
.location-info .col {width:50%; padding:0 10px; text-align:center;} */
.location-info {text-align:center;}
.location-info h3 {color:#333; font-size:20px ;line-height:1.4em; font-weight:700; margin-bottom:10px;}
.location-info .addr {font-size:18px; margin-bottom:20px;}
.location-info .cnt {font-size:14px; line-height:1.5em; min-height:calc(1.5em * 1 * 3); margin-bottom:38px;}

.plane-cnt {display:flex; margin-bottom:30px;}
.plane-cnt .info {width:400px; margin-right:55px;}
.plane-cnt .info .box {background:#f3f6f7; height:275px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; margin-bottom:40px;}
.plane-cnt .info .box h3 {width:100%; position:relative; font-size:40px; line-height:1.4em; color:#50493B; font-weight:700; margin-bottom:25px;}
.plane-cnt .info .box p {width:100%; color:#333;font-size:24px; line-height:1.4em; font-weight:700;}
.plane-cnt .info table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #0d4b68;}
.plane-cnt .info table th {padding:6px 5px; color:#333; font-weight:500; background:#f8f8f8; border-bottom:1px solid #ddd;}
.plane-cnt .info table td {padding:6px 5px; font-weight:300; text-align:center; border-bottom:1px solid #ddd;}
.plane-photo {width:100%; max-width:745px;}
.plane-photo .img {position:relative; padding-bottom:73.42%;}
.plane-photo .img:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0;}
.plane-photo .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;}

.plane-photo.type2 {max-width:1200px;}
.plane-photo.type2 .img {padding-bottom:74.83%;}

.text-cnt {margin-bottom:80px;}
.text-cnt:last-child {margin-bottom:0;}
.text-cnt .group {margin-bottom:40px;}
.text-cnt .group:last-child {margin-bottom:0;}
.text-cnt .group .tit {font-size:20px;line-height:1.4em; color:#50493B;font-weight:500; margin-bottom:10px;}
.text-cnt .group ul li {position:relative; line-height:1.750em; margin-bottom:4px; padding-left:10px;}
.text-cnt .group ul li:before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background:#454545; border-radius:100%;}
.text-cnt .group ul li:last-child {margin-bottom:0;}
.text-cnt .group ul li ul li {text-indent:-.5em; padding-left:.5em; margin-bottom:0;}
.text-cnt .group ul li ul li:before {display:none}
.text-cnt .group ul li ul li p {text-indent:-1.2em; padding-left:1.2em;}

.table03 {padding-left:50px;}
.table03 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424;}
.table03 table th {padding:15px 5px; color:#333; font-weight:500; background:#fefbf8; border:1px solid #ddd; border-top:0;}
.table03 table td {padding:15px 5px; font-weight:300; text-align:center; border:1px solid #ddd; border-top:0;}
.table03 table tbody strong {font-weight:500;}
.table03.type2 table th {background:#f8f8f8}

.table-top-cnt {padding-left:50px;}
.table-top-cnt .fl {font-size:18px;line-height:1.4em; color:#d41c1c;}
.table-top-cnt .fr {color:#777;}

/* 동호배치표 */
.arrange {margin-bottom:100px; display:flex; justify-content:space-between;}
.arrange:last-child {margin-bottom:0;}
.arrange .dong-img {text-align:center;}
.arrange .cnt {margin-right:30px;}
.arrange .cnt .img {margin-bottom:30px;}
.arrange .table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; text-align:center; color:#333; letter-spacing:-.01em;}
.arrange .table-wrap table col {border-right:1px solid #ddd;}
.arrange .table-wrap table col:last-child {border-right:0;}
.arrange .table-wrap table th {padding:10px 5px; background:#f1f1f1; font-weight:700;}
.arrange .table-wrap table td {padding:10px 5px; font-weight:400; border-bottom:1px solid #ddd;}