@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz17 {font-size:17px;}
.fz18 {font-size:18px;}
.fz20 {font-size:20px;}

.doc-cnt50 {margin-bottom:50px;}

.sub-cont .title {font-size:32px; padding:26px 0; font-weight:600; text-align:center; letter-spacing:-.02em; background-color:#081522; color:#fff;}

.greeting .wrap {background-image:url('../images/sub/greeting_bg.png'); background-size:contain; background-repeat:no-repeat; background-position:100%;}
.greeting .wrap .tit {font-size:50px; line-height:1em; font-weight:500; letter-spacing:-.02em; color:#005098; font-family:'SUIT', sans-serif;}
.greeting .wrap .tit strong {font-weight:700;}
.greeting .wrap .txt strong {font-size:25px; margin:30px 0 35px; font-weight:600; letter-spacing:-.02em; line-height:1.4em; display:block;}
.greeting .wrap .txt p {font-size:19px; line-height:1.579em; letter-spacing:-.02em;}
.greeting .wrap .table {margin-top:90px; max-width:550px;}
.greeting .wrap .table table {border-top:2px solid #242424; border-collapse:collapse; width:100%;}
.greeting .wrap .table table th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:600; text-align:center;}
.greeting .wrap .table table td {padding:12px 10px 12px 25px; line-height:1.5em; border-bottom:1px solid #ddd;}

.history p {line-height:1.5em;}
.history p strong {font-weight:600; color:#242424;}
.history-img {margin-bottom:65px;}

.license ul {margin:0 -13px -32px; display:flex; flex-wrap:wrap; text-align:center;}
.license ul li {padding:0 13px; margin-bottom:32px; width:25%;}
.license ul li p {margin-top:12px; line-height:1.6em;}

.pf-flex {display:flex;}
.pf-flex .col-l {padding-right:42px; flex:1 1142px; max-width:1142px;}
.pf-flex .col-r {flex:1;}
.pf-flex .col-r .top {margin-bottom:25px;}
.pf-flex .col-r .top p {margin-bottom:3px; color:#686868;}
.pf-flex .col-r .top .name {font-size:25px; font-weight:600; letter-spacing:-.03em; color:#242424; position:relative; display:inline-block;}
.pf-flex .col-r .top .name:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-color:#b2cae0; z-index:-1;}
.pf-flex .col-r .info .group {margin-bottom:20px;}
.pf-flex .col-r .info .group:last-child {margin-bottom:0;}
.pf-flex .col-r .info .group span {display:block; font-weight:500; letter-spacing:-.03em; color:#686868;}

.pfslider-for {margin-bottom:20px;}
.pfslider-for .item .img {position:relative; padding-bottom:54%; overflow:hidden;}
.pfslider-for .item .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;}

.pfslider-nav {margin:0 -10px;}
.pfslider-nav .item {padding:0 10px;}
.pfslider-nav .item .img {position:relative; padding-bottom:54%; overflow:hidden;}
.pfslider-nav .item .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;}
.pfslider-nav .item .img:after {position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:#fff; opacity:.7;}
.pfslider-nav .item.slick-current .img:after {opacity:0;}

.addr {padding-left:50px; display:flex; margin:20px -35px 0;}
.addr li {padding:0 35px;}
.addr li img {vertical-align:middle; margin:-2px 17px 0 0;}