@charset "utf-8";


.sub-visual {height:580px; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub-visual .tit {display:flex; align-items:center; height:100%;}
.sub-visual .tit h2 {font-size:62px; line-height:1.2em; color:#fff;}

#lnb {background:rgba(0,129,166,0.9); margin-top:-80px; position:relative; z-index:11; margin-bottom:160px;}
.lnb {display:flex; align-items:center; height:80px;}
.lnb .home {margin-right:50px; display:flex;}

.lnb .menu {width:100%; max-width:230px; position:relative;}
.lnb .menu:before {content:''; width:1px; height:18px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:-9px; left:0;}
.lnb .menu:last-child:after {content:''; width:1px; height:18px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:-9px; right:0;}
.lnb .menu .open {display:block; width:100%; position:relative; font-size:18px; color:#fff; line-height:80px; padding:0 50px;}
.lnb .menu .open:after {content:''; width:10px; height:10px; background:url('../img/sub/lnb-open.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-5px; right:40px; transition:all 0.4s;}
.lnb .menu.active .open:after {transform:rotate(180deg);}

.lnb .menu .submenu {display:none; position:absolute; top:90px; left:0; width:100%; background:rgba(238,242,249,0.9); border-radius:5px; padding:20px 40px; z-index:11;}
.lnb .menu .submenu li a {display:inline-block; font-size:18px; line-height:36px; color:#666; transition:color 0.4s;}
.lnb .menu .submenu li a:hover {color:#007496; font-weight:600;}
/* sub common */
.doc-title {margin-bottom:58px; text-align:center;}
.doc-title h3 {font-size:58px; line-height:1.3em; color:#000; position:relative; padding-top:16px;}
.doc-title h3:before {content:''; width:8px; height:8px; background:#0081a6; position:absolute; top:0; left:50%; margin-left:-4px; border-radius:50%;}

.real-cont {padding:0 0 180px;}
/* sub 01 01 */
.greeting {padding:0 70px;}
.greeting .col {display:flex;}
.greeting .txt-box {width:1%; flex:1 1 auto; padding-right:70px;}
.greeting .txt-box .tit {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd; position:relative;}
.greeting .txt-box .tit:after {content:''; width:35px; height:5px; background:#0082a6; position:absolute; bottom:-1px; right:0; z-index:11;}
.greeting .txt-box .tit p {font-size:20px; line-height:1.5em; color:#0082a6; font-weight:700; margin-bottom:20px;}
.greeting .txt-box .tit h4 {font-size:42px; line-height:1.45em; color:#000; font-weight:500;}
.greeting .txt-box .tit h4 strong {font-weight:600; color:#0082a6;}
.greeting .txt-box .txt h5 {font-size:24px; line-height:1.4em; color:#000; font-weight:600; margin-bottom:32px;}
.greeting .txt-box .txt p {font-size:18px; line-height:1.7em; color:#666; margin-bottom:28px;}
.greeting .txt-box .txt p strong {color:#0082a6; font-weight:600;}
.greeting .txt-box .txt p:last-child {margin-bottom:0;}
.greeting .img-box {width:100%; max-width:510px; position:relative; padding-left:70px;}
.greeting .img-box .img {position:relative;}
.greeting .img-box .logo {position:absolute; left:-70px; bottom:-60px;}
.greeting .img-box .name {text-align:right; font-size:20px; line-height:1.5em; color:#000; margin-top:24px;}
.greeting .img-box .name strong {font-size:30px; line-height:1.4em; font-weight:700;}
/* sub 01 02 */
.history-img {padding:0 10px 10px 0; position:relative;}
.history-img:after {content:''; width:calc(100% - 10px); height:calc(100% - 10px); bottom:0; right:0; border:1px solid #0081a6; border-radius:5px; position:absolute; z-index:-1;}
.history .wrap {padding-top:76px; padding-bottom:190px; position:relative;}
.history .wrap .line {position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; z-index:1;}
.history .wrap .prog {position:absolute; top:0; left:0; height:0; width:100%; background:#0081a6; z-index:2; transition:height 0.2s ease-out;}
.history .wrap .point {position:absolute; top:0; margin-top:-15px; left:50%; width:31px; height:31px; border-radius:50%; background:rgba(0,129,166,0.2); margin-left:-15px; z-index:3; transition:top 0.2s ease-out;}
.history .wrap .point:after {content:''; width:15px; height:15px; background:#0081a6; border-radius:50%; top:50%; left:50%; margin-top:-7px; margin-left:-8px; position:absolute;}
.history .col {display:flex; margin-bottom:76px;}
.history .col:nth-child(even) {flex-direction:row-reverse; text-align:right;}
.history .col .row {width:50%; padding:0 60px;}
.history .year {font-size:48px;  font-weight:700; line-height:1.3em; transition:all 0.2s; margin-bottom:30px;}
.history .year.active {color: #0081a6;}
.history .txt-box .txt {display:flex;}
.history .col:nth-child(even) .txt-box .txt {flex-direction:row-reverse;}
.history .txt-box .txt .month {width:100%; max-width:75px; font-size:18px; line-height:1.7em; font-weight:700; color:#000; position:relative;}
.history .col:nth-child(even) .txt-box .txt .month {padding-right:22px;}
.history .col:nth-child(odd) .txt-box .txt .month {padding-left:22px;}
.history .txt-box .txt .month:before {content:''; width:4px; height:4px; background:#0081a6; border-radius:50%; top:13px; position:absolute;}
.history .col:nth-child(even) .txt-box .txt .month:before {right:0;}
.history .col:nth-child(odd) .txt-box .txt .month:before {left:0;}
.history .txt-box .txt ul {width:1%; flex:1 1 auto;}
.history .txt-box .txt ul li {font-size:18px; line-height:1.7em; color:#666;}
/* sub 01 03 */
.management .cnt01 {margin-bottom:160px;}
.management .col {display:flex; margin:0 -30px;}
.management .row {width:33.333333%; padding:0 30px;}
.management .inner {height:100%; position:relative;}
.management .inner:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd; border-radius:5px; z-index:-1;}
.management .img-box {border-radius:5px; overflow:hidden;}
.management .txt-box {padding:36px 20px 44px; text-align:center;}
.management .txt-box p {font-size:20px; line-height:1.5em; color:#0081a6; font-weight:700; font-family:'Poppins'; margin-bottom:8px;}
.management .txt-box h4 {font-size:30px; line-height:1.1em; color:#000; font-weight:600;}
.management .cnt02 {background:url('../img/sub/management02bg.jpg') center center no-repeat; background-size:cover; height:450px; text-align:center; display:flex; align-items:center; justify-content:center;}
.management .cnt02 h4 {font-size:36px; line-height:1.38em; color:#fff;  font-weight:400;}
.management .cnt02 h4 strong {font-weight:700;}
/* sub 01 04 */
.gallery-list .none {width:100%; border-top:2px solid #000; border-bottom:1px solid #ddd; text-align:center; padding:60px 15px; font-size:24px;}
.certification.gallery-list ul li a {border-radius:5px;}
.certification.gallery-list ul li a .thumb .pic {padding-bottom:141.03%; border-radius:5px;}
.certification.gallery-list ul li a .tit {text-align:center; height:auto; margin-bottom:0;}
/* sub 01 05 테이블 게시판 */
/* .brother {margin-bottom:120px;} */
.brother table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #0081a6; text-align:center;}
.brother table thead th {font-size:20px; line-height:1.5em; color:#000; padding:15px 10px; border-bottom:1px solid #ddd;}
.brother table tbody tr {transition:all 0.4s; background:#fff;}
.brother table tbody tr:hover {background:#f6f6f6;}
.brother table tbody td {font-size:18px; line-height:1.7em; color:#666; padding:15px 10px; border-bottom:1px solid #ddd; }
.brother .mob-table {display:none;}
.brother .mob-table .col {border-top:2px solid #0081a6;}
.brother .mob-table .col .row {border-bottom:1px solid #ddd; padding:10px 0;}
.brother .mob-table .tit {margin-bottom:6px;}
.brother .mob-table .tit p {font-size:16px; color:#000; font-weight:600;}
.brother .mob-table .txt {display:flex; margin:0 -8px;}
.brother .mob-table .txt p {font-size:14px; color:#666; padding:0 8px; position:relative;}
/* sub 01 06 */
.directions .cnt {margin-bottom:130px;}
.directions .cnt:last-child {margin-bottom:0;}
.directions .cnt .maps {width:100%; height:520px; border-radius:5px; overflow:hidden; margin-bottom:46px;}
.directions .cnt .maps iframe {width:100%; height:100%;}
.directions .txt-box {display:flex; position:relative; padding-right:140px;}
.directions .txt-box .tit {width:100%; max-width:340px;}
.directions .txt-box .tit h4 {font-size:36px; line-height:1.2em; color:#000; font-weight:700; position:relative; padding-left:28px;}
.directions .txt-box .tit h4:before {content:''; width:5px; height:30px; background:#0181a6; position:absolute; top:50%; margin-top:-15px; left:0;}
.directions .txt-box .txt {width:1%; flex:1 1 auto;}
.directions .txt-box .txt dl {display:flex; font-size:18px; line-height:1.8em;}
.directions .txt-box .txt dt {width:100%; max-width:50px; color:#0081a6; font-weight:700;}
.directions .txt-box .txt dd {width:1%; flex:1 1 auto; color:#666;}
.directions .txt-box .txt dd a {display:inline-block;}
.directions .txt-box .txt dd span {margin:0 4px;}
.directions .btn {position:absolute; top:0; right:0; display:flex;}
.directions .btn a {width:60px; height:60px; border-radius:50%; margin-left:10px; border:1px solid #ddd; transition:all 0.4s; background:#fff; position:relative; overflow:hidden;}
.directions .btn a:hover {background:#0081a6; border-color:#0081a6;}
.directions .btn a:after {content:''; width:60px; height:60px; background-repeat:no-repeat; background-size:cover; transition:all 0.4s; position:absolute; top:-1px; left:-1px;}
.directions .btn a.link:after {background-image:url('../img/sub/directions-link.png');}
.directions .btn a.print:after {background-image:url('../img/sub/directions-print.png');}
.directions .btn a.link:hover:after {background-image:url('../img/sub/directions-link-on.png');}
.directions .btn a.print:hover:after {background-image:url('../img/sub/directions-print-on.png');}
/* sub 02 */
.business {background:url('../img/sub/business-bg.jpg') center bottom no-repeat; background-size:auto;}
.business .img-box {padding:0 10px 10px 0; position:relative; z-index:1; margin-bottom:70px;}
.business .img-box:after {content:''; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; top:10px; left:10px; border:1px solid #0081a6; border-radius:5px; z-index:-1;}
.business .img-box .img {border-radius:5px; overflow:hidden;}
.business .txt-box {text-align:center;}
.business .txt-box h4 {font-size:38px; line-height:1.4em; color:#000; margin-bottom:34px; font-weight:500;}
.business .txt-box p {font-size:18px; line-height:1.7em; color:#666; margin-bottom:28px;}
.business .txt-box p strong {color:#0081a6; font-weight:600;}
.business .txt-box h5 {font-size:18px; line-height:1.7em; color:#000; font-weight:700;}
/* sub 03 */
.lease .col {display:flex; flex-wrap:wrap; margin:0 -30px;}
.lease .col .row {width:33.333333%; padding:0 30px; margin-bottom:60px;}
.lease .inner {height:100%; border-radius:5px; overflow:hidden; background:#f3f6fd; overflow:hidden;}
.lease .inner .img-box {border-radius:5px; overflow:hidden;}
.lease .inner .txt-box {padding:36px 40px;}
.lease .inner .txt-box h4 {font-size:26px; line-height:1.3em; color:#000; margin-bottom:20px;}
.lease .inner .txt-box dl {border-bottom:1px solid #ddd; display:flex; font-size:18px; line-height:1.8em; padding:6px 0;}
.lease .inner .txt-box dl:first-of-type {border-top:1px solid #0081a6;}
.lease .inner .txt-box dt {width:100%; max-width:170px; color:#0081a6; font-weight:600;}
.lease .inner .txt-box dd {width:1%; flex:1 1 auto; color:#666;}