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

.doc-tit h3 {}

.greetings {text-align:center; padding:130px 0; background-size:cover; background-repeat:no-repeat;}
.greetings .greeting-box {margin-bottom:50px;}
.greetings .greeting-box .txt {font-size:24px; color:#242424; letter-spacing:-.03em; line-height:1.667em; padding:10px 0;}
.greetings .tt-box .tt {font-size:15px; color:#454545; letter-spacing:-.03em; line-height:1.867em; margin-bottom:20px;}
.greetings .tt-box .tt.flex {display:flex; align-items:center; justify-content: center;}
.greetings .tt-box .tt.flex p {font-size:18px; font-weight:600; color:#242424; margin:0 20px 0 7px;}
.greetings .tt-box .tt span img {}

.history {padding:185px 0;}
.history .his-img {text-align:center; padding-top:60px; border-top:1px solid #333;}

.process {min-height:880px; display:flex; flex-direction:column; justify-content:center; align-items:center;} 
.process-list {margin-top:90px;}
.process-list ul {display:flex; margin-left:-50px;}
.process-list ul li {width:calc(16.6666% - 50px); margin-left:50px; text-align:center; min-height:300px; background:#fff; border-radius:15px; box-shadow:10px 0 10px rgba(0, 0, 0, 0.1);}
.process-list ul li .num {font-family: 'Montserrat', sans-serif; font-size:30px; letter-spacing:-.03em; color:#242424; display:block; width:66px; height:66px; line-height:66px; border-radius:50%; background:#e1e1e1; margin:0 auto; margin-top:-33px; filter: drop-shadow(10px 0 10px rgba(0 ,0 ,0 ,0.2)); margin-bottom:15px;}
.process-list ul li .tit {font-family:'pretendard'; font-size:18px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.600em;}
.process-list ul li .list {}
.process-list ul li p {position:relative; font-size:15px; color:#454545; letter-spacing:-.03em; padding-top:10px;}
.process-list ul li p:before {position:absolute; content:""; width:9px; height:6px; background:url('../images/sub/process-arrow.png')50% 50% no-repeat; left:50%; margin-left:-4.5px; bottom:-10px;}
.process-list ul li .list p:last-child:before {display:none;}

.client {padding:200px 0;}
.client-list ul {display:flex; flex-wrap:wrap; margin-bottom:-30px;}
.client-list ul li {width:14.2857%; text-align:center; margin-bottom:30px;}

.Port-Slider {position:relative; width:100%; max-width:1880px; margin:0 auto; padding-left:30px; padding-right:30px; margin-top:100px;}
.Port-Slider .items {}
.Port-Slider .items .item {}
.Port-Slider .items .item a {display: block;}
.Port-Slider .thumb {position:relative; padding-bottom:63.74%; overflow:hidden;}
.Port-Slider .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:cover; min-height:380px;}
/* .Port-Slider .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.15);} */
.Port-Slider .slick-list {overflow: hidden;}
.Port-Slider .slick-slide {width:600px; margin:0 10px; height:auto;}  
.Port-Slider .slick-arrow {position:absolute; top:50%; margin-top:-22px; width:44px; height:44px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain;}
.Port-Slider .slick-prev {left:0; background-image:url("../images/sub/port-prev.png");}
.Port-Slider .slick-prev:hover {background-image: url('../images/sub/port-prev_w.png');}
.Port-Slider .slick-next {right:0; background-image:url("../images/sub/port-next.png");}
.Port-Slider .slick-next:hover {background-image: url('../images/sub/port-next_w.png');}
.Port-Slider .img-back {position:absolute; bottom:-80px; right:50px; text-align:center;}

.port-list {margin-top:50px; margin-bottom:-10px;}
.port-list dl {display:flex; margin-bottom:10px;}
.port-list dl dt {font-family: 'Montserrat', sans-serif; min-width:210px; font-size:16px; font-weight:600; color:#ababab; letter-spacing:-.03em; line-height:1.75em;}
.port-list dl dd {color:#242424; letter-spacing:-.03em;}

.map-wrap {width:100%; max-width:1880px; margin:0 auto; overflow:hidden; padding-left:30px; padding-right:30px;}

.contact {width:100%; max-width:1200px; margin:0 auto; padding:100px 0;}
.board-forms table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.board-forms table tr {}
.board-forms table tr.none {border-bottom:0;}
.board-forms table tr.none th {padding-bottom:0;}
.board-forms table tr.none td {padding-top:10px;}
.board-forms table th {font-size:17px; font-weight:500; color:#454545; text-align: left; vertical-align:bottom; padding-bottom:10px; height:80px;}
.board-forms table td {position:relative; padding:0; color:#505050;}
.board-forms table td.required:before {position:absolute; content:""; width:8px; height:8px; background:#ef4136; top:30px; right:30px; border-radius:50%;}
.board-forms tr th:first-child,
.board-forms tr td:first-child {border-left:0;}
.board-forms tr th:last-child,
.board-forms tr td:last-child {border-right:0;}
.board-forms tr:last-child th,
.board-forms tr:last-child td {border-bottom:0;}
.board-forms .item {display:inline-flex; align-items:center; margin-right:22px; white-space:nowrap; font-size:14px;}
.board-forms .item:last-child {margin-right:0;}
.board-forms .item .input {width:300px; margin-left:10px;}
.board-forms + .buttons {margin-top:50px;}
.question .buttons {text-align:center;}
.board-forms input {font-family: 'Montserrat', sans-serif; font-size:15px; color:#ababab; font-weight:600; position:relative; height:60px; background:transparent; width:100%; max-width:650px; border:0; border-top:1px solid #242424;}
.main-inquiry.sub .board-forms input {border-color:#ddd;}
.main-inquiry.sub .board-forms textarea.input {border-color:#ddd !important;}
.board-forms textarea.input {font-family: 'Montserrat', sans-serif; font-size:15px; color:#ababab; font-weight:600; width:100%; max-width:650px; background:transparent !important; border-radius:0px !important; border:0; border-top:1px solid #242424; border-bottom:1px solid #242424;}
.learn-more {position: relative; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#242424; display:block; margin:0 auto; border:1px solid #242424; width:100px; height:44px; text-align:center; line-height:52px;}
.buttons.none input.btn-pack.large.focus {width:100%; background:transparent; border-color:transparent; color:#242424; height:44px; line-height:42px; margin:0;}
.buttons.none input.btn-pack.large.focus:hover {border:0; background:transparent;}
.main-inquiry.sub  .buttons.none input.btn-pack.large.focus {color:#454545;}
.main-inquiry.sub .buttons.none .learn-more {border-color:#000;} 
.buttons.none .btn-pack.large {padding:0; min-width:auto;}

.contact .contact-flex {display:flex; margin-bottom:100px;}
.contact .contact-flex .tt-box {width:45%;}
.contact .contact-flex .tt-box h3 {font-family: 'Montserrat', sans-serif; font-size:40px; font-weight:400; color:#242424; letter-spacing:-.03em; line-height:1.0em; margin-bottom:30px;}
.contact .contact-flex .tt-box dl {display:flex; margin-bottom:15px;}
.contact .contact-flex .tt-box dl dt {text-align:center; margin-right:10px;}
.contact .contact-flex .tt-box dl dt img {vertical-align:middle;}
.contact .contact-flex .tt-box dl dd {font-size:15px; letter-spacing:-.03em;}
.contact .contact-flex .contact-list {width:55%;}
.contact .contact-flex .contact-list { }

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #242424;}
.table-style table th {padding:10px; height:51px; font-weight:600; color:#242424; border:1px solid #ddd; border-top:0;}
.table-style table td {padding:10px; height:51px; color:#454545; text-align:center; border:1px solid #ddd; border-top:0;}
.table-style table td p {font-size:14px;}
.table-style table thead th {background:#fafafa;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.careers h3 {font-family: 'Montserrat', sans-serif; font-size:40px; color:#242424; font-weight:400; letter-spacing:-.03em; line-height:1.3em; margin-bottom:45px;} 
 
.doc-tit {margin-top:30px;}
.doc-tit h3 {font-family:'pretendard'; position:relative; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#242424; padding-left:30px; margin-bottom:15px;}
.doc-tit h3:before {position:absolute; content:""; width:17px; height:17px; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-8.5px; left:0;}
 
.doc-tit-list {padding-left:30px;}
.doc-tit-list ul li {font-size:15px; color:#454545; letter-spacing:-.03em; margin-bottom:5px; line-height:1.867em;}
.doc-tit-list ul li span {font-weight:900; color:#242424;}

.root_daum_roughmap {width:100% !important; height:440px !important;}
.root_daum_roughmap .wrap_map {height:440px !important;}
 
.page-next ul {display:flex; justify-content:center; margin-right:-10px; margin-top:40px;}
.page-next ul li {position:relative; font-family: 'Montserrat', sans-serif; width:130px; color:#898989; font-size:15px; font-weight:600; border:1px solid #898989; height:44px; line-height:42px; margin-right:10px;} 
.page-next ul li a {width:100%; display:block; padding:0 20px; z-index:9;}
.page-next ul li:first-child {text-align:right; border:1px solid #ddd;}
.page-next ul li:before {position:absolute; content:""; width:40px; height:10px; background:url('../images/sub/gallery-prev.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-5px; left:20px;} 
.page-next ul li:last-child {color:#242424;}
.page-next ul li:last-child:before {background-image: url('../images/sub/gallery-next_w.png'); left:auto; right:20px;}

.down-ico {position:fixed; bottom:250px; right:35px; z-index:9;}

.go-top {position:absolute; right:50px; bottom:100px;}