@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.culture .row{display:flex;align-items:flex-end;margin-bottom:125px;}
.culture .row:last-child{margin-bottom:0;}
.culture .row .tt-wrap{position:relative;min-width:0;width:1%;flex:1 1 auto;padding-bottom:55px;padding-left:71px;margin-right:100px;}
.culture .row .tt-wrap:before{content:'';position: absolute;left:-100px;top:-105px;z-index:-1;width:265px;height:335px;background:url('../images/sub/culture-deco1.jpg')no-repeat 50% 50%/contain;}
.culture .row .tt-wrap .num{margin-bottom:30px;font-size:150px;line-height:1.2em;font-weight:800;color:#edf2f6;}
.culture .row .tt-wrap .tit{margin-bottom:20px;font-size:33px;font-weight:600;line-height:1.2em;}
.culture .row.type2{flex-direction:row-reverse;}
.culture .row.type2 .tt-wrap{padding-left:0;margin-left:100px;margin-right:0;}
.culture .row.type2 .tt-wrap:before{left:auto;right:-105px;top:-90px;width:328px;height:327px;background-image:url('../images/sub/culture-deco2.jpg');}

.history{display:flex;padding:60px 40px 0;border-top:1px solid #242424;}
.history .tt-wrap{width:340px;margin-right:60px;border-right:1px solid #ddd;}
.history .tt-wrap .tit{margin-bottom:30px;font-size:40px;line-height:1.13em;font-weight:700;}
.history .tt-wrap .tt{line-height:1.5em;}
.history .con{min-width:0;width:1%;flex:1 1 auto;padding:35px 0;}
.history .con .row{margin-bottom:60px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .year{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee;font-size:30px;font-weight:700;color:#242424;line-height:1.2em;}
.history .con .row .info ul li{display:flex;margin-bottom:10px;line-height:1.4em;}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .month{position:relative;width:43px;margin-right:10px;color:#3069a0;font-weight:700;}
.history .con .row .info ul li .month:after{content:'';position: absolute;right:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:#242424;}
.history .con .row .info ul li .txt{min-width:0;width:1%;flex:1 1 auto;}

.service .top-con{display:flex;justify-content:flex-end;margin-bottom:100px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.service .top-con .tt-wrap{max-width:650px;width:100%;padding:55px 40px 50px 190px;color:#fff;clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);background-color:rgba(0,0,0,.6);}
.service .top-con .tt-wrap .eng{margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.2em;color: #c4e2ff;}
.service .top-con .tt-wrap .tit{margin-bottom:30px;font-size:40px;line-height:1.25em;font-weight:500;}
.service .top-con .tt-wrap .wrap{margin-bottom:45px;}
.service .top-con .tt-wrap .wrap ul{display:flex;padding:0 10px;}
.service .top-con .tt-wrap .wrap ul li{margin:0 -10px;}
.service .top-con .tt-wrap .wrap ul li .circle{display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:50%;background-color:rgba(48,105,160,.85);font-size:18px;font-weight:700;line-height:1.56em;text-align:center;}
.service .top-con .tt-wrap .arr-wrap{text-align:right;}
.service .top-con .tt-wrap .arr-wrap .doc-more.type2 a:hover{color:#3069a0;}
.service .top-con .tt-wrap .arr-wrap .doc-more.type2 a:hover:after{background-color:#3069a0;}

.service .btm-con .head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #242424;}
.service .btm-con .head .tit{font-size:28px;font-weight:500;line-height:1.3em;color:#242424;}
.service .btm-con .head .more{position:relative;padding-right:15px;font-size:16px;color:#898989;font-weight:600;}
.service .btm-con .head .more:after{content:'';position: absolute;right:0;top:7px;width:7px;height:12px;background:url('../images/sub/more-arr.png')no-repeat 100% 50%/contain;}
.doc-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.doc-list ul li{width:25%;padding:0 10px;margin-bottom:35px;}

.doc-list.type3 ul{margin-left:-15px;margin-right:-15px;}
.doc-list.type3 ul li{width:33.3333%;padding:0 15px;}
.doc-list.type3 ul li .doc-item .pic{padding-bottom:65.793%;}
.doc-list.type3 ul li .doc-item .tit{text-align:left;}

.port-detail.type3 .top-con .img{width:600px;margin-right:60px;}
.port-detail.type3 .top-con .img .pic{padding-bottom:65.835%;}

.service .top-con .tt-wrap .wrap.type2 ul li .circle{width:140px;height:140px;}

.port-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.port-top .cate ul{display:flex;}
.port-top .cate ul li a{display:flex;justify-content:center;align-items:center;height:40px;border-radius:22px;padding:0 20px;text-align:center;font-size:18px;line-height:1.2em;font-weight:700;color: #000;}
.port-top .cate ul li.active a{background-color: #3069a0;color: #fff;}
.port-top .search{max-width:500px;width:100%;}
.port-top .search form{width:100%;}
.port-top .search .wrap{display:flex;}
.port-top .search .wrap .input{border:none;border-bottom:1px solid #242424;}
.port-top .search .wrap select.input{width:145px;padding:0 10px;font-weight:600;background: #fff url('../images/bbs/select-arr.png') right 10px center no-repeat;}
.port-top .search .wrap .sch{position:relative;min-width:0;width:1%;flex:1 1 auto;}
.port-top .search .wrap .sch input.input{width:100%;padding:0 10px;padding-right:60px;}
.port-top .search .wrap .sch input.input::placeholder{color: #898989;font-weight:600;}
.port-top .search .wrap .btn{position: absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;font-size:0;background:transparent url('../images/bbs/ic-sch.png')no-repeat 50% 50%/contain;border:none;}
.doc-list.type2{margin-bottom:80px;}

.port-detail .top-con{display:flex;padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid #ddd;}
.port-detail .top-con .img{width:450px;margin-right:100px;}
.port-detail .top-con .img .pic{position:relative; height:0; padding-bottom:122.988%; overflow:hidden;}
.port-detail .top-con .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.port-detail .top-con .info{min-width:0;width:1%;flex:1 1 auto;padding-top:25px;}
.port-detail .top-con .info .cate{margin-bottom:10px;font-size:18px;line-height:1.2em;font-weight:600;}
.port-detail .top-con .info .tit{margin-bottom:25px;font-size:40px;color: #242424;line-height:1.3em;font-weight:600;}
.port-detail .top-con .info .tt{margin-bottom:45px;font-size:18px;line-height:1.6em;}
.port-detail .top-con .info .dl-wrap{margin-bottom:90px;}
.port-detail .top-con .info .dl-wrap dl{display:flex;margin-bottom:20px;font-size:18px;line-height:1.4em;color: #242424;}
.port-detail .top-con .info .dl-wrap dl:last-child{margin-bottom:0;}
.port-detail .top-con .info .dl-wrap dl dt{position:relative;padding-left:9px;margin-right:35px;font-weight:600;}
.port-detail .top-con .info .dl-wrap dl dt:before{content:'';position: absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color: #242424;}
.port-detail .top-con .info .dl-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}
.port-detail .top-con .info .btns{display:flex;margin:0 -5px;}
.port-detail .top-con .info .btns li{max-width:180px;width:100%;padding:0 5px;}
.port-detail .top-con .info .btns li a{display:flex;justify-content:center;align-items:center;height:50px;border-radius:25px;background-color: #3069a0;border:1px solid #3069a0;text-align:center;font-size:18px;font-weight:600;line-height:1.2em;color: #fff;}
.port-detail .top-con .info .btns li.type2 a{background-color: #fff;border-color: #ddd;color: #454545;}



.notice-list ul{border-top:1px solid #242424;}
.notice-list ul li{border-bottom:1px solid #ddd;}
.notice-list ul li a{display:flex;align-items:center;padding:25px 50px;}
.notice-list ul li a .ic{margin-right:50px;}
.notice-list ul li a .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.doc-tit-wrap{display:flex;align-items:center;margin-bottom:15px;}
.doc-tit-wrap .label{display:flex;justify-content:center;align-items:center;width:50px;height:24px;margin-right:10px;border-radius:3px;background-color: #242424;font-size:14px;font-weight:600;letter-spacing:0;color: #fff;}
.doc-tit-wrap .tit{font-size:20px;font-weight:600;color: #242424;transition:.3s;}
.doc-tit-wrap .new{display:flex;margin-left:10px;}
.notice-list ul li a .tt-wrap .date{font-size:15px;font-weight:600;color: #ababab;}
.doc-link{width:80px;height:60px;background:url('../images/bbs/board-more.png')no-repeat 100% 50%/contain;transition:.3s;}
.notice-list ul li a:hover .doc-link{background-image:url('../images/bbs/board-more-on.png');}
.notice-list ul li a:hover .doc-tit-wrap .tit{color: #3069a0;}

.com-news ul{border-top:1px solid #242424;}
.com-news ul li{border-bottom:1px solid #ddd;}
.com-news ul li a{display:flex;align-items:center;padding:40px 50px;}
.com-news ul li a .img{width:280px;margin-right:60px;}
.com-news ul li a .img .pic {position:relative; height:0; padding-bottom:71.43%; overflow:hidden;}
.com-news ul li a .img .pic:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ddd;}
.com-news ul li a .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.com-news ul li a .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.com-news ul li a .tt-wrap .tt{margin-bottom:25px;line-height:1.75em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.com-news ul li a .tt-wrap .date{font-size:15px;line-height:1.2em;font-weight:600;color: #ababab;}
.com-news ul li a:hover .doc-tit-wrap .tit{color: #3069a0;}
.com-news ul li a:hover .doc-link{background-image:url('../images/bbs/board-more-on.png');}

.com-gallery{padding:25px 0 35px;border-top:1px solid #242424;border-bottom:1px solid #ddd;}
.com-gallery ul{display:flex;flex-wrap:wrap;margin:0 -15px -35px;}
.com-gallery ul li{width:33.3333%;padding:0 15px;margin-bottom:35px;}
.com-gallery ul li a .pic {position:relative; height:0; padding-bottom:65.793%; overflow:hidden;}
.com-gallery ul li a .pic:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ddd;}
.com-gallery ul li a .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.com-gallery ul li a .tit{margin-top:15px;font-size:20px;color: #242424;font-weight:600;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}

.inquiry{display:flex;}
.inquiry .tt-wrap{width:360px;padding-top:60px;}
.inquiry .tt-wrap .tit{margin-bottom:20px;font-size:28px;font-weight:700;line-height:1.3em;color:#242424;}
.inquiry .tt-wrap .tt{margin-bottom:60px;line-height:1.63em;}
.inquiry .tt-wrap .info dl{position:relative;margin-bottom:25px;padding-left:70px;letter-spacing:0;}
.inquiry .tt-wrap .info dl:before{content:'';position: absolute;left:0;top:-5px;width:52px;height:62px;background:url('../images/sub/inq-tel.png')no-repeat 0 50%/contain;}
.inquiry .tt-wrap .info dl.type2:before{background-image:url('../images/sub/inq-mail.png');}
.inquiry .tt-wrap .info dl:last-child{margin-bottom:0;}
.inquiry .tt-wrap .info dl dt{margin-bottom:3px;color: #686868;font-weight:600;line-height:1.2em;}
.inquiry .tt-wrap .info dl dd{font-size:20px;color:#242424;font-weight:600;line-height:1.4em;}
.inquiry .content{min-width:0;width:1%;flex:1 1 auto;padding:50px 40px;background-color: #f9f9f9;}
.inquiry .content .inner{position:relative;padding:40px 30px;background-color: #fff;}
.inquiry .content .inner .notice{display:flex;align-items:center;position: absolute;right:30px;top:40px;color:#ababab;font-size:14px;line-height:1.2em;}
.inquiry .content .inner .notice img{margin-right:4px;}
.inquiry .content .inner .cnt{margin-bottom:35px;}
.inquiry .content .inner .cnt:last-child{margin-bottom:0;}
.inquiry .content .inner .cnt .cnt-tit{margin-bottom:15px;font-size:18px;font-weight:700;line-height:1.2em;color:#242424;}
.inquiry .content .inner .cnt .tit{display:flex;align-items:center;margin-bottom:10px;color: #242424;font-size:15px;line-height:1.2em;font-weight:500;}
.inquiry .content .inner .cnt .tit img{margin-right:4px;}
.inquiry .content .inner .cnt .input{border-radius:6px;}
.inquiry .content .inner .cnt .input::placeholder{font-size:14px;color: #898989;}
.inquiry .content .inner .cnt input#email{margin:0;}
.inquiry .content .inner .cnt .row{margin-bottom:20px;}
.inquiry .content .inner .cnt .row:last-child{margin-bottom:0;}
.inquiry .content .inner .cnt .row .flex{display:flex;margin:0 -15px;}
.inquiry .content .inner .cnt .row .flex .col{width:50%;padding:0 15px;}
.inquiry .content .inner .cnt .radio-box{margin:0 -10px;}
.inquiry .content .inner .cnt .radio-box .radiobox{padding:0 10px;font-size:14px;font-weight:500;letter-spacing:-.04em;}
.inquiry .content .inner .form-agree {display:flex;justify-content:space-between;;align-items:flex-end;}
.inquiry .content .inner .form-agree .btn-send{display:flex;justify-content:center;align-items:center;width:130px;height:50px;color: #fff;font-size:18px;font-weight:500;background-color: #000000;border:none;}

.actor .doc-list li {width: 33.333%; padding: 0 9px;}
.actor .doc-list li .pic {aspect-ratio: 388 / 300; overflow:hidden;}
.actor .doc-list li .pic img {width:100%;height:100%;object-fit:cover;}
.actor .doc-list li .pic video {width:100%;height:100%;object-fit:cover;}
.actor .video-wrap {max-width: 100%;}