/*intro*/
.intro-wrap h1 {position:absolute; left:70px; top:50px;}
.intro-content ul {display:flex; width:100%;}
.intro-content ul li {flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align: center; height:100vh; background-size:cover !important;}
.intro-content ul li > div {flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align: center; height:100vh; background-size:cover !important; }
.intro-content ul li > div:hover {transition: .5s ease-out; background-color:rgb(0,78,184,.78);}.intro-content ul li.intro1 {background:url(../img/main/intro-bg1.jpg) no-repeat center center;}
.intro-content ul li.intro2 {background:url(../img/main/intro-bg2.jpg) no-repeat center center;}
.intro-content ul li.intro3 {background:url(../img/main/intro-bg3.jpg) no-repeat center center;}
.intro-content ul li dl dt {font-size:40px; color:#ffffff; font-family: "Poppins", "Noto Sans KR", "sans-serif"; line-height:1.2;}
.intro-content ul li.intro3 dl dt p {font-family: "Poppins md"; font-size:44px;}
.intro-content ul li.intro3 dl dt {line-height: 1; letter-spacing: -0.5px;}
.intro-content ul li dd {padding-top:20px;}
.intro-content ul li dd a {border:1px solid #ffffff; font-size:15px; padding:8px 17px; display:inline-block; color:#ffffff; font-weight:400; letter-spacing: -0.5px;}
.intro-content ul li dd a:hover {transition: .2s ease-out; background:#ffffff; color:#102d76; }
.intro-content ul li dd i {padding-left:12px;}
.intro footer {position:absolute; left:0; bottom:0; background:#1d1e21; width:100%; padding:30px 0;}
.intro footer .inner {padding:0 70px; display:flex;}
.intro footer .inner h2 {padding-right:50px;}
.intro footer .inner .contact {display:flex; padding-bottom:6px;}
.intro footer .contact li:first-child {padding-left:0}
.intro footer .contact li:last-child {background:none;}
.intro footer .contact li {font-size:13px; font-weight: 100; color:#ffffff; background:url(../img/common/footer-bar.png) no-repeat right center; padding:0 10px 0 8px}
.intro footer .contact li strong {font-weight: 400;}
.intro footer .copy {font-size:13px; color:#888888; font-weight: 500;}

/* main */
.main-wrap header {padding:0 70px; height:105px; position: absolute; top: 0; z-index: 100; left: 0; right: 0; height:105px}
.main-container {width:100%; height:818px; position:relative; overflow:hidden;}
.main-container .cycle-slide {width:100%; height:818px;}
.main-container .main-txt {position:absolute; width:100%; left:0; top:330px; text-align:center;}
.main-container .main-txt .tit {color:#fff; font-size:53px; font-weight: 600; padding-bottom:5px;}
.en .main-container .main-txt .tit {padding-bottom:15px; line-height:1;}
.main-container .main-txt .sub-tit {color:#fff; font-size:20px; font-weight: 200;}
.main-container .cycle-pager {position:absolute; bottom:120px; left:47.5%; z-index:60; cursor:pointer;}
.main-container .cycle-pager span {display:block; float:left; overflow:hidden; background: url(../img/main/main_pager_off.png) no-repeat 0 0; width:11px; height:11px; font-size:0; line-height:0; text-indent:-9999px; margin:0 5px;}
.main-container .cycle-pager .cycle-pager-active {background-image:url(../img/main/main_pager_on.png);}
.main-container .main1 {background:url(../img/main/main-img01.jpg) no-repeat 0 0;}
.main-container .main2 {background:url(../img/main/main-img02.jpg) no-repeat 0 0;}
.main-container .main3 {background:url(../img/main/main-img03.jpg) no-repeat 0 0;}
.main-container .main1K {background:url(../img/main/main-img01K.jpg) no-repeat 0 0;}
.main-container .main2K {background:url(../img/main/main-img02K.jpg) no-repeat 0 0;}
.main-container .main3K {background:url(../img/main/main-img03K.jpg) no-repeat 0 0;}
.main-container .arrow-pg {position:absolute; z-index:50; top:360px}
.main-container .arrow-pg i {color:#fff; font-size:50px}
.main-container .prev {left:100px}
.main-container .next {right:100px}

.board-wrap {display:flex; justify-content: space-between; padding:32px 0;}
.notice-wrap {position:relative; width:645px; height:225px;}
.notice-wrap .tab-list {display:flex; padding-bottom:15px; border-bottom:1px solid #000}
.notice-wrap .tab-list button {color:#5f5f5f; font-size:21px; font-weight:400; background:transparent}
.notice-wrap .tab-list button:hover {color:#000}
.notice-wrap .tab-list .tab-item.active button {color:#000; font-weight:600;}
.notice-wrap .tab-list .tab-item2 {padding-left:30px;}
.board-more {position:absolute; right:0; top:0; border:1px solid #000; font-size:0; line-height:0; width:32px; height:32px; display: flex; align-items: center; justify-content: center;}
.board-more:before {background:url(../img/icon/main-icon-add.png) no-repeat 0 0; content: ''; display:block; width:13px; height:13px;}
.board-more:hover {border:1px solid #1e5acb;}
.board-more:hover:before {background:url(../img/icon/main-icon-add-on.png) no-repeat 0 0;}
.board-list li {position:relative;}
.board-list li a {display:block}
.board-list li.board-fr {padding-top:20px; margin-bottom:12px}
.board-list li.board-fr a {display:flex; align-items:center;}
.board-list li.board-fr .board-date {top:0; width:60px; height:60px;left: 0;border-radius: 12px; background-color: #f1f1f1;text-align: center; font-weight: 400; line-height: 20px; color: #000; display:block; font-size:15px; margin-right:18px;}
.board-list li.board-fr .board-date span {display:block; font-size:25px; color:#000; font-weight:800; padding-top:11px;}
.board-list li.board-fr .board-subject {font-size:20px; color:#000; font-weight:500}
.board-list li span.board-subject:hover {color:#1e5acb}
.board-list li {margin-top:5px;}
.board-list li.board-item:before {display:block; position:absolute; left:2px; top:11px; width:4px; height:4px; border-radius:100%; content: ''; background:#387eff}
.board-list li.board-item a {display:flex; justify-content:space-between; align-items:center; padding-left:14px;}
.board-list li.board-item a span {color:#000; font-size:16px; font-weight:300; letter-spacing:-0.5px;}
.board-list li.board-item a span.board-subject {width:500px; white-space:nowrap; overflow:hidden}

.banner-wrap {width:505px; height:225px;}
.banner-wrap ul {display:grid; gap:9px; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr);}
.banner-wrap ul li.banner4 {grid-column:1 / 4; height:64px; display:flex; background-color:#f3f3f3;}
.banner-wrap ul li a {display:block; height:150px; color:#000; font-size:16px; font-weight:500; text-align:center;}
.banner-wrap ul li.banners a {display:flex; align-items:flex-end; justify-content: center; padding-bottom:23px; height:150px; color:#000; font-size:16px; font-weight:500; background-color:#f3f3f3; }
.banner-wrap ul li.banner1 a {background-image:url(../img/main/banner-icon1.png); background-repeat:no-repeat; background-position:center 40px;}
.banner-wrap ul li.banner2 a {background-image:url(../img/main/banner-icon2.png); background-repeat:no-repeat; background-position:center 33px;}
.en .banner-wrap ul li.banner2 a {background-position: center 25px; line-height:1; padding:0 6px 18px;}
.banner-wrap ul li.banner3 a {background-image:url(../img/main/banner-icon3.png); background-repeat:no-repeat; background-position:center 33px;}
.banner-wrap ul li.banners a:hover {color:#fff; background:#1e5acb; }
.banner-wrap ul li.banner1 a:hover {background-image:url(../img/main/banner-icon1-on.png); background-repeat:no-repeat; background-position:center 40px;}
.banner-wrap ul li.banner2 a:hover {background-image:url(../img/main/banner-icon2-on.png); background-repeat:no-repeat; background-position:center 33px;}
.banner-wrap ul li.banner3 a:hover {background-image:url(../img/main/banner-icon3-on.png); background-repeat:no-repeat; background-position:center 33px;}
.banner-wrap ul li dl {display:flex; align-items: center; justify-content:space-between; padding:0 30px; width: 100%;}
.banner-wrap ul li dl dt {color:#000; font-size:17px; font-weight:600;}
.banner-wrap ul li dl dt span {color:#727272; font-size:14px; font-weight:400; padding-left:5px;}
.banner-wrap ul li dl dd {color:#1e5acb; font-size:30px; font-weight:800; letter-spacing:-0.5px;}
.banner-wrap ul li dl dd span {font-size:25px}

.temp-wrap {width:100%; background:#edf3fe; padding:45px 0;}
.temp-wrap .inner {display:flex; justify-content:space-between; align-items: center;}
.temp-wrap .inner h2 {font-size:26px; font-weight: 600; color:#000;}
.en .temp-wrap .inner h2 {width: 185px;}
.temp-wrap .inner h2 span {font-size:14px; font-weight: 500; color:#444444; display:block; padding-top:8px;}
.temp-wrap .inner ul {display:flex; align-items:center;}
.temp-wrap .inner ul li > div {display:flex; align-items: center; border-left:1px solid #d0dbf1; padding:0 25px;}
.temp-wrap .inner ul > li:last-child > div {padding-right:0 !important;}
.en .temp-wrap .inner ul li > div {padding:0 12px;}
.temp-wrap .inner ul li:first-child > div {padding-left:0; border-left:none;}
.temp-wrap .inner ul li p {width:74px; height:74px; background:#ffffff; border-radius:50%; display:flex; align-items: center; justify-content: center; margin-right:10px;}
.temp-wrap .inner ul li dl dt {font-size:17px; color:#747474; font-weight:bold; padding-bottom:1px;}
.en .temp-wrap .inner ul li dl dt {line-height:1;}
.temp-wrap .inner ul li dl dd {font-weight:800; color:#000; font-size:20px;}


/* 연혁 */
.history {display:flex; justify-content: center;}
.history > ul {}
.history > ul > li {position:relative; display:flex; align-items:flex-start; gap:70px; padding:30px 0}
.history .year-area {color:#0052ce; font-size:35px; font-weight:800; line-height:1.3}
.history .view-area dl {display:flex; align-items: center; gap:15px; line-height:2}
.history .view-area dt {color:#000; font-size:22px; font-weight:700}
.history .view-area dt {color:#000; font-size:22px; font-weight:700}
.en .history .view-area dt {width:110px;}
.history .view-area dt span {color:#000; font-size:20px; font-weight:400}
.history .view-area dd {color:#676767; font-size:16px; font-weight:400}
.dot {position: absolute; transform: translateX(-50%); z-index: 10; top:42px; left:145px; width: 25px; height: 25px; background:#cde0fc; border-radius: 50%;}
.dot span {width:12px; height:12px; background:#2779f4; border-radius: 50%; position:absolute; top:7px; left:7px;}
.line::before {position: absolute; content: ''; width: 1px;height: 100%; top: 45px;left:145px;transform: translateX(-50%);background-color: #2779f4;z-index: 1;}
.line5::before {display:none}

/* 찾아오시는길 */
h3.subtit-location p span {background:#000; width:7px; height:7px; border-radius:100%; display:inline-block; margin:0 10px 12px;}
.location .map {width:100%; height:568px; border-radius:30px; border:1px solid #d2d2d2; background:url(../img/sub/map-img.png) no-repeat 0 0; margin-bottom:58px;}
.location .mapk {background:url(../img/sub/map-imgK.png) no-repeat 0 0;}
.location > section {display:flex; gap:40px;}
.location .loc-box,
.location .hour-box {background:#f5f5f5; width:580px; border-radius:20px; padding:55px;}
.location section h4 {font-size:28px; color:#222; font-weight:700; padding-bottom:25px;}
.location .loc-box li {padding-top:10px}
.location .loc-box li:first-child {padding-top:0}
.location .loc-box li dl {display:flex;}
.location .loc-box li dl dt {font-size:17px; color:#222; font-weight:700; width:135px; display:inline-block; padding-left:35px;}
.location .loc-box li dl dd {color:#444; font-weight:400}
.location .loc-box li dl dt.address {background:url(../img/icon/icon-location1.png) no-repeat 0 4px;  margin-right: 38px; }
.location .loc-box li dl dt.tel {background:url(../img/icon/icon-location2.png) no-repeat 0 5px;}
.location .loc-box li dl dt.fax {background:url(../img/icon/icon-location3.png) no-repeat 0 5px;}
.location .hour-box .info {background:url(../img/icon/icon-hour1.png) no-repeat 0 3px; padding-left:30px; font-size:17px; padding-bottom:7px;}
.location .hour-box .discription {font-size:15px; color:#6b9ce5; padding-left:30px;}

/*로그인*/
h3.subtit-login {padding:190px 0 75px; font-size:55px; font-weight:700; color:#222;}
.content-wrap.login .inner {max-width: 500px; margin:0 auto;}
.content-wrap.login ul.form-list li {margin-bottom:12px;}
.content-wrap.login ul.form-list li div {border:1px solid #ddd; padding:0 20px; border-radius:5px; background:#fff;}
.content-wrap.login ul.form-list li input {height:60px; background:none; border:0; color:#222; font-size:15px; width:100%;}
.content-wrap.login ul.form-list li .login-input {height:60px; width:100%; background:none; border:0; color:#222; }
.content-wrap.login ul.form-list li input:hover {color:#222;}
.content-wrap.login ul.form-list li.otp-input {display:flex; gap:12px;}
.content-wrap.login ul.form-list li.otp-input .otp-txt {width:calc(100% - 174px);}
.content-wrap.login ul.form-list li.otp-input .opt-btn {width:162px; border:1px solid #1467e3; display:flex; align-items: center; justify-content: center; padding:0}
.content-wrap.login ul.form-list li.otp-input .opt-btn button { color:#1467e3; font-size:17px; font-weight:600; background:none; width:100%; height:100%;}
.content-wrap.login ul.form-list li.otp-input .opt-btn button:hover {background:#1467e3; color:#fff;}
.login-btn button {width:100%; height:70px; background:#1467e3; color:#fff; font-size:20px; font-weight:500; border-radius:5px;}
.login-btn button:hover,
.login-btn button:focus
 {border:1px solid #1467e3; color:#1467e3; background:#fff}
.id-reset {padding-top:25px; text-align:right; }
.id-reset a {color:#1467e3; font-size:15px;}
.id-reset a i {padding-left:5px;}
.id-reset a:hover {color:#007eff}

/* 공지사항 리스트 */
.search-box {background:#f4f4f4; padding:40px 0; display: flex; align-items: center; justify-content: center; margin-bottom:70px; display:flex; gap:25px;}
.search-box .tit {color:#333; font-size:18px;}
.search-box .search-input {width: 350px; background:#fff; border:1px solid #ddd; height:50px; font-size:15px; padding:0 20px; border-radius:4px; display:flex;}
.search-box .search-input input[type=text] {width:100%; height:100%; background:none; border:0; color:#222; font-size:15px;}
.search-box .search-cnt {display:flex; gap:12px; align-items: center;}
.search-box .search-cnt button {width:100px; height:50px; background:#1467e3; color:#fff; font-size:18px; font-weight:400; border-radius:4px;}
.search-box .search-cnt button:hover {background:#1e74f5}
.notiList-wrap .total {color:#222; font-size:17px; font-weight:300; padding-bottom:10px}
.en .notiList-wrap .total p {display:inline;}
.notiList-wrap .total span {color:#1467e3; font-size:20px; font-weight:600;}
.notiList-wrap table {width:100%; margin-bottom:60px;}
.notiList-wrap table thead th {background:#f8f8f8; height:60px; color:#222; font-size:17px; font-weight:500; border-top:1px solid #444444; border-bottom:1px solid #d9d9d9}
.notiList-wrap table tbody td {text-align:center; height:60px; border-bottom: 1px solid #d9d9d9; color:#666; font-weight:400}
.notiList-wrap table tbody td.td-cnt {text-align:left;}
.notiList-wrap table tbody td.td-cnt a { color:#666;}
.notiList-wrap table tbody td.td-cnt a:hover { color:#1467e3;}
.list-btn {margin-top:50px; display:flex; justify-content: flex-end;}
.list-btn a.btn {padding:13px 55px; border-radius:50px; background:#1467e3; color:#fff; display:inline-block; font-size:16px; text-align:center}
.pin-icon {margin-right:5px}

.paging-box {display:flex; align-items: center; justify-content: center;}
.paging-box .prev i,
.paging-box .next i {color:#222; font-size:20px; font-weight:500}
.paging-box .prev a,
.paging-box .next a {display:flex; align-items: center;}
.paging-box .prev a:hover i,
.paging-box .next a:hover i {color:#1467e3}
.paging-box .list {display:flex; gap:4px; margin:0 18px}
.paging-box .list a {display:flex; align-items: center; justify-content: center; font-size:15px; font-weight:500; color:#222; padding:0 7px; width:35px; height:35px;}
.paging-box .list a:hover {color:#1467e3; font-weight:600;}
.paging-box .list a.on {font-size:15px; font-weight:600; color:#fff; width:35px; height:35px; background:#1467e3; border-radius:100%;}

/* 공지사항 뷰 */
.panel-heading.note-toolbar {background-color:#f0f0f0;}
.notiView-wrap .tit-box {padding:0 30px; border-top:1px solid #444444; border-bottom:1px solid #d9d9d9; background:#f8f8f8; height:60px; 
    color:#222; font-size:17px; font-weight:500; display:flex; justify-content: space-between; align-items:center;}
.notiView-wrap .tit-box .right {display:flex; gap:40px; color:#666;}
.notiView-wrap > .cnt-box {padding:40px 30px; border-bottom:1px solid #d9d9d9}
.notiView-wrap .cnt-box {color:#333; font-weight:500; line-height:1.7}
.notiView-wrap .file-box {display:table; width:100%; border-bottom:1px solid #d9d9d9; color:#222; font-size:17px;}
.notiView-wrap .file-box p {width:225px; color:#222; font-size:17px; display:table-cell; background:#f8f8f8; padding:0 50px; vertical-align:middle;}
.notiView-wrap .file-box ul.cnt {display:table-cell; color:#666; font-weight:400; font-size:17px; padding:12px 0 12px 30px; line-height:1.7;}
td ul.file-list {padding:0}
ul.file-list {color:#666; font-weight:300; font-size:17px; line-height:1.7; padding:12px 0}
ul.file-list li > a:hover {color:#1467e3}
.view-btns {margin-top:50px; display:flex; justify-content: space-between;}
.view-btns .left-btn {display:flex; gap:10px}
.view-btns .right-btn {display:flex; gap:10px}
.view-btns .left-btn a {padding:13px 40px; border-radius:50px; border:1px solid #1467e3; color:#1467e3; display:inline-block; font-size:16px; text-align:center}
.view-btns .right-btn a {padding:13px 45px; border-radius:50px; background:#1467e3; color:#fff; display:inline-block; font-size:16px; text-align:center}
.view-btns .right-btn a.list {background:#003c93}
button.btn-cancel {background:transparent; padding-left:6px; font-size:0}
button.btn-cancel i {font-size:17px;}
button.btn-cancel:hover i {color:#1467e3}
.file-count {margin-left: 10px; }
.file-count span {font-weight: bold; color:#1467e3}

/* 공지사항 글쓰기 */
.notiWrite-tb {border-top:1px solid #444444; width:100%;}
.notiWrite-tb .tit input  {border:1px solid #ddd; border-radius:2px; width:100%; height:35px; padding:0 15px; font-size:15px; font-weight:300; color:#222}
.notiWrite-tb td.cnt {height:auto !important; padding:12px 30px 12px 30px}
.notiWrite-tb td.cnt textarea {border:1px solid #ddd; border-radius:2px; width:100%; height:300px; padding:10px 20px; font-size:15px; color:#222; font-weight:300;}
.notiWrite-tb th {color: #222;font-size: 17px;height:60px; background: #f8f8f8;  padding-left:50px; border-bottom:1px solid #d9d9d9; text-align:left}
.en .notiWrite-tb th {width: 200px;}
.notiWrite-tb td {padding:12px 30px; border-bottom:1px solid #d9d9d9}
.notiWrite-tb td.tit {height:100%; padding:12px 30px}
.notiWrite-tb td.tit .check-area {padding-bottom:10px;}
.notiWrite-tb .file-ip {width:100%; font-size:15px; font-weight:300; color:#222}
.write-btns {margin-top:70px; display:flex; justify-content:center; gap:15px}
.write-btns .cancel a {padding:15px 45px; border-radius:50px; border:1px solid #1467e3; color:#1467e3; display:inline-block; font-size:16px; text-align:center}
.write-btns .confirm a {padding:15px 45px; border-radius:50px; background:#1467e3; color:#fff; display:inline-block; font-size:16px; text-align:center}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt {display:flex; align-items: center;}
.calendar-pop {display:flex; align-items: center;}
.notiWrite-tb .space {margin:0 10px}
.notiWrite-tb .calendar-input {border:1px solid #ddd; border-radius:3px; padding:0 10px; display:flex; align-items: center;}
.notiWrite-tb .calendar-input button.calendar-btn {background:transparent}
.notiWrite-tb .calendar-input input {color:#444; font-size:16px; border:none; background:transparent; width:153px; height:40px}
.pop_check {position:relative; padding-left:27px;}
.pop_check input.popM {position:absolute; top:4px; left:0; width:18px; height:18px}
.pop_check label.popM {display:inline-block; font-size:17px; line-height:15px;}
label.popM::before {content: '';position: absolute;top:4px;left: 0;background-image:url(../img/icon/checkbox-icon.png);background-position: 0 0;background-repeat: no-repeat;width:18px;height:18px;background-color: #fff;}
.popdate-cell {display:flex; align-items:center;}
.popdate-cell .check-area {margin-right:15px;}

/* 선석스케줄 */
.schedule-wrap .tit-wrap {display:flex; justify-content:space-between; padding-bottom:15px}
.schedule-wrap .tit-wrap .left-tit {display:flex; align-items: flex-end; gap:20px}
.en .schedule-wrap .tit-wrap .left-tit {align-items: center;}
.schedule-wrap .tit-wrap h4,
.gate-wrap h4 {color:#222; font-size:27px; font-weight:600}
.schedule-wrap {margin-bottom:50px}
.schedule-wrap .total {padding-bottom:0}
.en .schedule-wrap .total p,
.en .faq .total p {display:inline;}
.schedule-wrap .tit-wrap .right-tit {display:flex; align-items: center;}
.schedule-wrap .tit-wrap .right-tit .tit {color:#222; font-size:15px; padding-right:15px}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt {display:flex; align-items: center;}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt .calendar-input {margin-right:7px; border:1px solid #ddd; border-radius:3px; padding:0 10px; display:flex; align-items: center;}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt .calendar-input button.calendar-btn {background:transparent}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt .calendar-input input {color:#444; font-size:16px; border:none; background:transparent; width:153px; height:40px}
.schedule-wrap .tit-wrap .right-tit .calendar-cnt button.search-btn {height:42px; width:65px; font-size:15px; background:#1467e3; color:#fff; border-radius:3px;}
.schedule-wrap table thead th {background:#f8f8f8; height:60px; color:#222; font-size:15px; font-weight:500; border-top:1px solid #444444; border-bottom:1px solid #d9d9d9}
.schedule-wrap table tbody td {font-size:14px}
.gate-wrap h4 {padding-bottom:15px;}
.gate-wrap .turnTime-box {width:100%; background:#f8f8f8; padding:23px 70px; border-radius:15px; display:flex; align-items:center; justify-content: flex-start;}
.gate-wrap .turnTime-box > div {display:flex; align-items:flex-end; justify-content: flex-start;}
.gate-wrap .turnTime-box h5 {color:#222; font-size:25px; font-weight:800; padding-right:15px;}
.gate-wrap .turnTime-box .date {color:#4a4a4a; font-size:16px; font-weight:400; padding-right:50px;}
.gate-wrap .turnTime-box p.cnt {color:#1e5acb; font-size:28px; font-weight:600}
.gate-wrap .turnTime-box p.cnt span {color:#1e5acb; font-size:36px; font-weight:800}

/* 화물조회 */
.cargo .right-tit ul {display:flex; gap:15px;}
.cargo .right-tit ul li {display:flex; align-items: center;}
.cargo .right-tit .search-btn {height: 42px;width: 65px;font-size: 15px;background: #1467e3;color: #fff;border-radius: 3px;}

/* 연락처 */
.contact table {width:100%;}
.contact table thead th {border-top:2px solid #1467e3; background:#edf2f8; border-bottom:1px solid #cedbeb; color:#14518f; font-size:17px; font-weight:500; padding:17px 0}
.contact table tbody th {color:#222; font-weight:500; font-size:17px; padding:17px 10px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center}
.contact table tbody td {color:#222; font-weight:300; font-size:17px; padding:17px 10px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center}
.contact table button.link-btn {background:transparent; color:#0c58d7; font-size:15px; font-weight:400; border:1px solid #0c58d7; border-radius:3px; padding:5px 15px}
.contact table button.link-btn:hover {background:#0c58d7; color:#fff;}
.contact table tbody {border-bottom:2px solid #d2d2d2}

/* FAQ */
.faq .total {color:#222; font-size:17px; font-weight:300; padding-bottom:10px}
.faq .total span {color:#1467e3; font-size:20px; font-weight:600;}
.faqlist-wrap {width:100%; border-top:2px solid #005fc0;}
.faqlist-wrap button.qst-wrap {display:flex; justify-content: space-between; align-items: center; height:95px; width:100%; padding:0 50px; background:transparent; border-bottom:1px solid #ddd;}
.faqlist-wrap button.qst-wrap span.cnt {color:#222; font-size:19px; font-weight:500;}
.faqlist-wrap li.faqlist.active i.slide,
.faqlist-wrap button.qst-wrap:hover span.cnt,
.faqlist-wrap button.qst-wrap.active span.cnt,
.faqlist-wrap button.qst-wrap.active i.slide,
.faqlist-wrap button.qst-wrap:hover i.slide {color:#005fc0}
.faqlist-wrap button.qst-wrap span.cnt .tit {color:#005fc0; font-size:22px; font-weight:800; padding-right:30px; }
.faqlist-wrap button.qst-wrap i.slide {font-size:32px}
.answer-wrap {background:#f9f9f9; align-items: flex-start; padding:40px 50px; display:none;}
.faqlist.active .answer-wrap {display:flex;  /*하단 슬라이드다운 펼쳐질 때 보여짐*/}
.answer-wrap span.tit {color:#222; font-size:22px; font-weight:800; padding-right:30px;}
.answer-wrap .flex-wrap {display:flex; align-items:flex-start;}
.answer-wrap .flex-wrap pre {margin:0; color:#222; font-size:17px; font-weight:300; line-height: 1.6; white-space: break-spaces; font-family: "Lato", "Noto Sans KR", "sans-serif";}
.faqlist-wrap button.qst-wrap p.right-btn {display:flex; align-items: center; gap:25px;}
.faqlist-wrap button.qst-wrap .modify {border:1px solid #ddd; border-radius:3px; padding:10px 15px;}
.faqlist-wrap button.qst-wrap .modify:hover {background:#f8f8f8;}
.faqlist-wrap button.qst-wrap .modify i {font-size:18px;}
.faqlist-wrap button.qst-wrap .delete {border:1px solid #ddd; border-radius:3px; padding:10px 15px;}
.faqlist-wrap button.qst-wrap .delete:hover {background:#f8f8f8;}
.faqlist-wrap button.qst-wrap .delete i {font-size:18px;}
/* FAQ 수정. 등록 */
.faq .notiWrite-tb th {color: #222;font-size: 17px; font-weight:600; height:60px; background: #f8f8f8;  padding-left:50px; border-bottom:1px solid #d9d9d9; text-align:left}

/* 통합검색 */
.subtop-sch {margin-top:105px; width:100%; height:450px; background:url(../img/sub/subtop_search.jpg) no-repeat 0 0; margin-bottom:95px;}
.search-wrap header.active {border-bottom:0;}
.subtop-sch h2 {padding-top:90px; padding-bottom:40px; text-align:center; color:#000; font-size:50px; font-weight:700}
.subtop-sch .search-form {display:flex; justify-content: center;}
.subtop-sch .search-input-wrap {position:relative; width:600px;}
.subtop-sch .search-input-wrap .search-input {width:100%; height:60px; border:2px solid #0959d1; border-radius:50px; padding:0 35px; font-size:20px; color:#000; font-weight:400;}
.subtop-sch .close-btn {position:absolute; right:40px; top:30px; background:none;}
.subtop-sch .close-btn i {font-size:37px; background:none}
.subtop-sch .search-input-wrap .search-clear-btn {display:flex; align-items: center; justify-content: center; position:absolute; top:16px; right:85px; background:#efefef; width:30px; height:30px; border-radius: 100%;}
.subtop-sch .search-input-wrap .search-btn {position:absolute; top:18px; right:40px; font-size:0; background:url(../img/icon/icon-search.png) no-repeat 0 0; width:27px; height:26px;}
.subtop-sch .sch-result {text-align:center; padding-top:35px; color:#222; font-size:20px; font-weight:400;}
.subtop-sch .sch-result span.on-wrap {color:#000; font-size:25px}
.subtop-sch .sch-result span.on {color:#0052ce; font-size:25px; font-weight:700;}
.subtop-sch .sch-result span.num {color:#000; font-size:25px; font-weight:700;}
.list-wrap article {margin-bottom:80px}
.list-wrap article .tit {display:flex; justify-content: space-between; align-items: center; padding-bottom:15px; border-bottom:1px solid #222222;}
.list-wrap article .tit h3 {color:#222222; font-size:30px; font-weight:700}
.list-wrap article .tit span.total {color:#0052ce; font-size:23px; font-weight:700; padding-left:3px;}
.list-wrap article .tit span.more a {color:#8d8d8d; font-size:16px;}
.list-wrap article .tit span.more a:hover {color:#222;}
.list-wrap article .list li {padding:30px 50px; display:flex; align-items: center; justify-content: flex-start; border-bottom:1px solid #d9d9d9;}
.list-wrap article .list li h4 {color:#7f7f7f; font-size:17px; width:135px;}
.list-wrap article .list li p {color:#222; font-size:17px; font-weight:400}
.list-wrap article .list li span.on {color:#0052ce;}