@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;}


.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:#2a537d}
.file-list ul li .btns a:nth-child(2):before {background-image:url('../images/sub/icon_download.png');}

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

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424;}
.table01 table tbody th {padding:15px 5px; color:#333; font-weight:500; background:#f8f8f8; border-bottom:1px solid #ddd;}
.table01 table tbody td {padding:15px 20px; font-weight:300; border-bottom:1px solid #ddd;}
.table01 .bar {padding:0 5px;}

.feature-cnt {margin-bottom:65px;}
.feature-cnt ul {display:flex;}
.feature-cnt ul li {width:25%; padding:0 25px; position:relative; text-align:center; border-left:1px solid #ddd;}
.feature-cnt ul li:first-child {border-left:0;}
.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:#2a537d;font-weight:500; margin-bottom:20px;}
.feature-cnt ul li p {line-height:1.625em; margin-bottom:5px; text-indent:-.5em; padding-left:.5em; text-align:left;}
.feature-cnt ul li p:last-child {margin-bottom:0;}
.feature-cnt ul li:nth-child(even) .tit {color:#119add}

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

.pl32 {padding-left:32px;}

.doc-cnt {margin-bottom:40px;}

.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;margin:0 -10px; justify-content: center;}
.location-info .col {width:50%; padding:0 10px; text-align:center;}
.location-info h3 {color:#333; font-size:20px ;line-height:1.4em; font-weight:500; margin-bottom:10px;}
.location-info .addr {font-size:18px ;line-height:1.889em; margin-bottom:20px; min-height:calc(1.889em * 1 * 2);}
.location-info .cnt {font-size:14px;line-height:1.571em; min-height:calc(1.571em * 1 * 2); margin-bottom:20px;}

.plane-cnt {display:flex; margin-bottom:30px;}
.plane-cnt .info {width:400px; margin-right:55px;}
.plane-cnt .info .box {background:#f3f6f7; height:310px; 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:#2a537d; 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-cnt .photo {flex:1 1 auto; min-width:0; width:1%;}


.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:#2a537d;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 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.type2 table th {background:#f8f8f8}

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