@charset "utf-8";

/* 미지원 브라우저 */
.browserupgrade {display:block;position:absolute;left:0;top:0;background:#fff;z-index:1001;}

/* 스킵 내비게이션 */
#skipNavigation {position:absolute; top:0; left:0; z-index:200; width:100%; height:0;}
#skipNavigation a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation a:focus, #skipNavigation a:hover, #skipNavigation a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:200;}

/* 모바일 내비게이션 */
.mobileNavgation {display: none;}

.menuButton {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;cursor: pointer;padding: 29px 26px;position: absolute;position: fixed;right: 0px;z-index: 999;top: 0;}
.menuButton span,
.menuButton span:before,
.menuButton span:after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 28px;height: 2px;background-color: #191919;border-radius: 99px;}
.menuButton span {position: relative;display: block;}
.menuButton span:before,
.menuButton span:after {content: "";position: absolute;left: 0;}
.menuButton span:before {top: -8px;}
.menuButton span:after {top: 8px;}

.menuButton.active {position: fixed;top: 0px;right: 0px;}
.menuButton.active span {background: transparent;}
.menuButton.active span:before,
.menuButton.active span:after {top: 0;/* width: 19px; *//* height: 1px; */}
.menuButton.active span:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.menuButton.active span:after {-webkit-transition-delay: 0.09s;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);}

.menuPanel {right: -100%;}
.menuPanel {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;position: fixed;z-index: 998;top: 0;height: 100%;width: 100%;background-color: #fff;}
.menuPanel.active {right: 0;overflow-y: auto;}

.menuPanel .menuHead {position: fixed;/* left: 0; *//* top: 0; */width: 100%;height: 60px;border-bottom: 1px solid #DBDBDB;}

.menuPanel .menuBody {padding-top: 60px;}
.menuPanel .menuBody ul.menu {overflow: hidden;margin-top: 20px;}
.menuPanel .menuBody ul.menu li {/* border-bottom: 1px solid #e7e7e7; */}
.menuPanel .menuBody ul.menu li > a.tit {font-size: 20px;font-weight: 700;padding: 13px 21px;display: block;position: relative;text-decoration: none;}
.menuPanel .menuBody ul.menu li > a.tit:after {position: absolute;right: 19px;top: 22px;width: 12px;height: 6px;content:"";vertical-align: middle;background: url(/assets/images/common/icon_mobile_arrow.svg) no-repeat;}
.menuPanel .menuBody ul.menu li.selected > a.tit {color: #005CB4;}
.menuPanel .menuBody ul.menu li.selected > a.tit:after {transform: rotate(180deg);}
.menuPanel .menuBody ul.menu li ul {display: none;overflow: hidden;padding: 1px 0 4px;/* border-top: 1px solid #e7e7e7; */}
.menuPanel .menuBody ul.menu li ul li {float: left;width: 100%;}
.menuPanel .menuBody ul.menu li ul li:first-of-type {}
.menuPanel .menuBody ul.menu li ul li:last-of-type {border-bottom: none;margin: 0 0 5px 0;}
.menuPanel .menuBody ul.menu li ul li a {display: block;padding: 13px 30px;color: #505050;font-size: 18px;text-decoration: none;}

.menuPanelOverlay {position: fixed;top: 0;z-index: 997;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.35);cursor: pointer;}

/* 전체 메뉴 */
.tnb {display: none;/* display: block !important; */position: absolute;left: 0;top: 99px;width: 100%;height: 370px;background: #ffffff;border-top: 1px solid #dbdbdb;z-index: 600;box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.08);}
.tnb .container {overflow: hidden;height: 100%;}
.tnb ul.menu {display:block;padding: 0;width:100%;height: 100%;overflow: hidden;}
.tnb ul.menu > li {position:relative;float:left;width: 20%;height: 100%;border-left: 1px solid #dbdbdb;padding: 21px 30px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.tnb ul.menu > li:last-child {border-right: 1px solid #dbdbdb;}
.tnb ul.menu > li > a.tit {display: block;font-size: 18px;font-weight: 700;padding-top: 13px;padding-bottom: 13px;pointer-events: none;-webkit-transition: all 0.1s;transition: all 0.1s;}
.tnb ul.menu > li:hover {background: #0071DC;}
.tnb ul.menu > li:hover > a.tit {color: #fff;}
.tnb ul.menu > li:hover ul li a {color: #fff;}
.tnb ul.menu li ul {overflow: hidden;}
.tnb ul.menu li ul li {padding: 0;}
.tnb ul.menu li ul li a {position: relative;display: block;font-size: 16px;font-weight: 400;padding-top: 11px;padding-bottom: 10px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.tnb ul.menu li ul li a span {position: relative;}
.tnb ul.menu li ul li a span:after {position:absolute;top: 25px;left:0;display: inline-block;content:"";width:0%;height: 1px;background: #0071DC;-webkit-transition: all 0.2s;transition: all 0.2s;}
.tnb ul.menu li ul li a:hover {text-decoration:none;}
.tnb ul.menu li ul li a:hover span:after {width:100%;background: #fff;}

/* 전체 */
.wrap {/* width: 100%; */min-width: 320px;/* height: 100%; */position: relative;z-index: 1;}
.main {width: 100%;/* height: 100%; *//* min-height: 100%; */}
.container {width: 100%;max-width: 1180px;margin:0 auto;position: relative;}

/* 헤더 */
.header {position: fixed;left: 0;top: 0;width: 100%;background: #fff;-webkit-transition: all 0.2s;transition: all 0.2s;z-index: 100;padding-bottom: 59px;}
.header:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.header.headerFixed {top: -155px;padding-bottom: 114px;/* -webkit-padding-after: 114px; */}
.mainP .header.allMenu {background: #fff;;-webkit-transition: all 0.0s;transition: all 0.0s;}

.header .hdWrap {position: relative;padding: 41px 80px 38px;padding: 0 80px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.header .hdWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.header .hdWrap .innerWrap {position: relative;width: 100%;margin:0 auto;}

.header .hdWrap h1 {position: absolute;left: 0px;top: 0px;padding: 33px 0px 34px;z-index: 1;-webkit-transition: all 0.1s;transition: all 0.1s;}
.header .hdWrap h1 a {display:block;width: 238px;height: 34px;background: url(/assets/images/common/logo.svg) no-repeat 0 0;background-size: contain;-webkit-transition: all 0.1s;transition: all 0.1s;}

.header .hdWrap .utility {position: absolute;right: 0;top: 0;padding: 24px 0px 25px;}
.header .hdWrap .utility ul {float: right;}
.header .hdWrap .utility ul li {float: left;position: relative;padding: 0 4px 0 3px;}
.header .hdWrap .utility ul li:last-child {padding-right: 0px;}
.header .hdWrap .utility ul li:after {position:absolute;top: 6px;right:0;display:block;content:"";width:1px;height: 16px;vertical-align:middle;background: #172121;}
.header .hdWrap .utility ul li button.emphs {width: 129px;height: 52px;border: 1px solid #0072DE;border-radius: 5px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.header .hdWrap .utility ul li button.emphs span {font-size: 14px;color: #0072DE;letter-spacing: 0px;}
.header .hdWrap .utility ul li button.emphs:hover {color: #fff;background: #0072DE !important;}
.header .hdWrap .utility ul li button.emphs:hover span {color: #fff;}

/* 메인 내비게이션 */
.header .gnb {position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .navigation {/* display: table; *//* margin: 0 auto; */}
.header .navigation:after {display:block;content:"";clear:both;}

.header .gnb .menu {overflow: hidden;text-align: center;}
.header .gnb .menu > li {/* float:left; */display: inline-block;padding: 0 2.2%;}
.header .gnb .menu > li > a {position:relative;display: block;/* width: 100%; */padding: 41px 0px 38px;/* padding: 0 2.2%; */font-size: 18px;font-weight: 700;letter-spacing: 0px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .gnb .menu > li > a:hover {color: #0071DC;text-decoration: none;}
.header .gnb .menu > li > a.on {color:#0071DC;}
.header .gnb .menu ul {overflow:hidden;display:block;position:absolute;top: 57px;left:0;padding:0 15px 0 19px;width:100%;height:0;font-size:14px;letter-spacing:-1px;background:#f7f7f7;box-sizing:border-box;}
.header .gnb .menu > li:hover ul {width:100%; box-sizing:border-box;}
.header .gnb .menu ul a {display:block;padding:4px 0;color:#000;line-height:1.5em;}
.header .gnb .menu ul a:hover {color:#2fadd6;}

/* 콘텐츠 */
.contents {position: relative;height: 100%;padding-top: 159px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.contents:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.contents .section {position: relative;}
.contents .section:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.contents .titleArea + .section {position: relative;opacity: 0;transform: translateY(20px);-webkit-transition: all 1.0s;transition: all 1.0s;}
.contents .titleArea + .section.ani {opacity: 1;transform: translateY(0px);}

/* 푸터 */
.footer {width: 100%;border-top: 1px solid #DBDBDB;}
.footer .ftWrap {position: relative;padding: 45px 20px 47px;}
.footer .ftWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.footer .ftWrap .container {width: 100%;max-width: 800px;}

.footer .ftWrap .address {position: relative;}
.footer .ftWrap .address ul {overflow: hidden;margin: 0 auto;text-align: center;}
.footer .ftWrap .address ul li {display: inline-block;position: relative;padding: 0 11px 0 6px;color: #505050;font-size: 14px;line-height: 23px;letter-spacing: 0px;}
.footer .ftWrap .address ul li:after {position:absolute;top: 6px;right: 0px;display:block;content:"";width:1px;height: 13px;vertical-align:middle;background: #dddddd;}
.footer .ftWrap .address ul li:last-child:after {display: none;}

.footer .ftWrap p.copyright {color: #505050;font-size: 14px;line-height: 23px;letter-spacing: 0px;text-align: center;font-weight: 400;}

/* 헤딩 */
.heading {position: relative;padding: 13px 0 14px;background: #ccc;}
.heading h1 {font-size: 28px;font-weight: 700;color: #fff;text-align: center;}

/* 서브 내비게이션 */
.snb {position: fixed;left: 0;top: 99px;width: 100%;height: 61px;background: #fff;border-top: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB;-webkit-transition: all 0.2s;transition: all 0.2s;z-index: 300;}
.snb:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.snb.snbFixed {top: -1px;}

.snb ul.menu {position: relative;z-index: 1;}
.snb ul.menu li.depth {float:left;position:relative;}
.snb ul.menu li.depth:after {position:absolute;top: 20px;right:0;display:block;content:"";width:1px;height: 20px;vertical-align:middle;background: #DBDBDB;}

.snb ul.menu li.depth a {display:block;width: 230px;line-height: 24px;font-size: 16px;padding: 17px 30px 18px;position:relative;}
.snb ul.menu li.depth a:hover {color: #005CB4; text-decoration: none;}
.snb ul.menu li.depth a:after {display: block;position: absolute;top: 50%;right: 26px;width: 12px;height: 8px;margin-top: -4px;content: "";background: url(/assets/images/common/icon_snb_arrow.svg) no-repeat 0 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.snb ul.menu li.depth.active > a:after {-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.snb ul.menu li.depth a.root {width: 50px;padding: 17px 25px 18px;}
.snb ul.menu li.depth a.root span {opacity: 0; visibility: hidden;}
.snb ul.menu li.depth a.root:before {display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width:18px;height:18px;content: "";background: url(/assets/images/common/icon_snb_home_off.svg) no-repeat 0 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
.snb ul.menu li.depth a.root:hover:before {background: url(/assets/images/common/icon_snb_home_on.svg) no-repeat 0 0;}
.snb ul.menu li.depth a.root:after {display:none;}

.snb ul.menu li.depth ul.toggle {visibility:hidden;opacity: 0;position: absolute;overflow:hidden;width: 100%;border-radius: 10px;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.16);-webkit-transition: all 0.2s;transition: all 0.2s;margin-top: -15px;padding: 21px 20px 19px;}
.snb ul.menu li.depth.active ul.toggle {visibility:visible;opacity: 1;margin-top: 1px;}
.snb ul.menu li.depth ul.toggle li {float:none;/* margin-bottom: 16px; */}
.snb ul.menu li.depth ul.toggle li:after {display: none;}
.snb ul.menu li.depth ul.toggle li a {position: relative;display: inline-block;width: 100%;font-size:16px;padding: 0;-webkit-transition:all 0.3s;transition:all 0.3s;padding-top: 8px;padding-bottom: 8px;}
.snb ul.menu li.depth ul.toggle li a:hover {color:#005CB4;}
.snb ul.menu li.depth ul.toggle li a:after {display: none;}
.snb ul.menu li.depth ul.toggle li a span {position: relative;}
.snb ul.menu li.depth ul.toggle li a span:after {position:absolute;top: 26px;left:0;display: inline-block;content:"";width:0%;height: 1px;background: #fff;-webkit-transition: all 0.2s;transition: all 0.2s;}
.snb ul.menu li.depth ul.toggle li a:hover span:after {width:100%;background: #005CB4;}
.snb ul.menu li.depth ul.toggle li a.on {color:#005CB4;}

/* 제목 */
.titleArea {position: relative;overflow: hidden;}
.titleArea h1 {font-size: 52px;font-weight: 700;text-align: center;position: relative;padding: 126px 0 87px;}
.titleArea h1.ani {opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: ani_tit_fg;animation-name: ani_tit_fg;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;/* animation-delay: 0.5s; */-webkit-animation-duration: 0.8s;animation-duration: 0.8s;/* animation-duration: 1.0s; */-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.titleArea p {font-size: 18px;font-weight: 400;line-height: 26px;color: #505050;text-align: center;padding: 0 20px;margin-top: -60px;margin-bottom: 77px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.titleArea p.ani {opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: ani_tit_mg;animation-name: ani_tit_mg;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;/* animation-delay: 0.5s; */-webkit-animation-duration: 0.8s;animation-duration: 0.8s;/* animation-duration: 1.0s; */-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.titleArea span {position: absolute;left: 50%;top: 50%;top: 138px;transform: translate(-50%, -50%);font-size: 200px;font-weight: 700;letter-spacing: 0px;color: #F7F7F7;margin: -35px 0 0 0;content: "";vertical-align: middle;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: -1;}
.titleArea span.ani {opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: ani_tit_bg;animation-name: ani_tit_bg;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;/* animation-duration: 1.0s; */-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

@keyframes ani_tit_fg {
	from {opacity: 0; transform: translateX(-20px);}
	to {opacity: 1; transform: translateX(0px);}
}
@keyframes ani_tit_mg {
	from {opacity: 0; transform: translateY(5px);}
	to {opacity: 1; transform: translateY(0px);}
}
@keyframes ani_tit_bg {
	from {opacity: 0; transform: translate(-40%, -50%);}
	to {opacity: 1; transform: translate(-50%, -50%);}
}

/* 테이블 */
.tableArea {position: relative;margin: 0px 20px;}
.tableLayout {}
.tableLayout table {table-layout:fixed;width:100%;}
.tableLayout table thead tr th {padding: 17px 5px;text-align:center;background: #fafafa;vertical-align:middle;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;font-size: 14px;font-weight: 500;}
.tableLayout table tbody tr th {height: 37px;padding: 0px 20px;vertical-align:middle;border-bottom: 1px solid #ccc;font-size: 14px;font-weight: 500;text-align: left;background: #E1E2E3;}
.tableLayout table tbody tr td {padding: 0px 20px;vertical-align: middle;border-bottom: 1px solid #ccc;font-size: 14px;font-weight: 500;/* text-align: left; */}
.tableLayout table tbody.nodata td {height: 110px;text-align: center !important;}

/* 테이블 - 가로형 */
.tableLayout table.col {border-collapse: separate;border: 2px solid #172121;}
.tableLayout table.col tbody tr th {height: 37px;padding: 0px 20px;vertical-align:middle;border-bottom: 1px solid #ccc;font-size: 14px;font-weight: 500;text-align: left;background: #E1E2E3;}
.tableLayout table.col tbody tr td {padding: 0px 20px;vertical-align: middle;border-bottom: 1px solid #ccc;font-size: 14px;font-weight: 500;text-align: left;}
.tableLayout table.col tbody tr:first-child th:first-child {/* border-radius: 4px 0 0 0; */}
.tableLayout table.col tbody tr:first-child td:last-child {/* border-radius: 0 4px 0 0; */}
.tableLayout table.col tbody tr:last-child th:first-child {/* border-radius: 0 0 0 4px; */}
.tableLayout table.col tbody tr:last-child td:last-child {/* border-radius: 0 0 4px 0; */}
.tableLayout table.col tbody tr:last-child th {border-bottom: none;}
.tableLayout table.col tbody tr:last-child td {border-bottom: none;}
.tableLayout table.col button.view {min-width: 46px;height: 30px;padding: 0 9px;background: #F8F8F8;border: 1px solid #ccc;margin-left: 7px;margin-right: 7px;}
.tableLayout table.col button.view span {font-size: 14px;font-weight: 500;}

/* 페이징 */
.paginate {text-align:center;margin-bottom: 20px;}
.paginate:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.paginate span.count {display: inline-block;font-size: 14px;font-weight: 500;margin-right: 16px;vertical-align: middle;}
.paginate > a {display:inline-block;vertical-align:middle;overflow:hidden;width: 40px;height: 40px;font-size:0;text-indent:-120%;color:transparent;background: url("/assets/images/common/common_sfix_icon.png") no-repeat;border: 2px solid #172121;border-radius: 99px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.paginate > a.first {background-position: 11px -38px;}
.paginate > a.prev {background-position: -85px -38px;}
.paginate > a.next {background-position: -186px -38px;}
.paginate > a.last {background-position: -289px -38px;}
.paginate > a:hover {/* border-color: #FE3E2F; */background-color: #EEEFF0;}
.paginate > a.first:hover,
.paginate > a.prev:hover,
.paginate > a.next:hover,
.paginate > a.last:hover {background-color: #EEEFF0;}
.paginate > a + a {margin-left: 1px;}
.paginate ol {display:inline-block;vertical-align:middle;margin: 0 6px;}
.paginate ol:after {display:block;content:"";clear:both;}
.paginate li {float:left;}
.paginate li:first-child {margin-left:0;}
.paginate li a {display:block;width: 40px;height: 40px;font-weight: 500;padding-top: 10px;border-radius: 99px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.paginate li:hover a {text-decoration: none;background-color: #EEEFF0;}
.paginate li.curpage a {text-decoration: none;background-color: #FE3E2F;color: #fff;font-weight: 700;}

/* 모달 팝업 */
body.modalOpen {overflow: hidden;}
.modalWrap {overflow-y: auto;position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1060;background: rgba(0,0,0,0.7);}
.modal {position: absolute;display: none;width: 100%;right: 0;left: 0 !important;margin: 0 auto;}
.modal .modalContent {position: relative;background: #ffffff;padding: 85px 160px 80px;margin: 45px 0;border-radius: 10px;}
.modal .modalContent .modalHeader {position:relative;border-bottom: 1px solid #191919;padding: 0px 0px 32px;margin-bottom: 31px;}
.modal .modalContent .modalHeader.noLineBar {border-bottom: none;padding: 0 0 6px;}
.modal .modalContent .modalHeader .tit {font-size: 30px;font-weight: 700;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;word-break: break-all;position: relative;padding-left: 42px;}
.modal .modalContent .modalHeader .tit:before {position: absolute;left: 0;top: 0;content:"";width: 40px;height: 40px;margin: 0 10px 0 0px;vertical-align: middle;background: url(/assets/images/common/modal_btn_close.svg) no-repeat;}
.modal .modalContent .modalHeader .tit.noIcon {padding-left: 0px;}
.modal .modalContent .modalHeader .tit.noIcon:before {display: none;}
.modal .modalContent .modalHeader button {position:absolute;top: 3px;right: 0px;display: block;width: 40px;height: 40px;background: url(/assets/images/common/modal_btn_close.svg) no-repeat 0 0;background-color: #fff;border-radius: 99px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.modal .modalContent .modalBody {position:relative;}
.modal .modalContent .modalFooter {position: relative;text-align: center;}
.modal .modalContent .modalFooter.lineBar {border-top: 1px solid #ddd;padding-top: 50px;}

/* 모달 팝업 - 테이블 */
.modal .tableArea {position: relative;margin: 0;}
.modal .tableLayout {margin-bottom: 20px;}
.modal .tableLayout table {table-layout:fixed;width:100%;border: 2px solid #172121;}
.modal .tableLayout table thead th {padding: 12px 18px;text-align:center;background: #E1E2E3;vertical-align:middle;border-right: 1px solid #ccc;border-bottom: 1px solid #172121;font-weight: 500;font-size: 14px;}
.modal .tableLayout table tbody th {padding: 10px 18px;text-align: left;vertical-align:middle;border: 1px solid #ccc;font-weight: normal;font-size: 14px;background: #fafafa;text-align: left;}
.modal .tableLayout table tbody td {height: 37px;padding: 3px 20px;font-size: 14px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.modal .tableLayout table tbody td.verTop {vertical-align: top;padding-top: 8px;}
.modal .tableLayout table tbody td.verTop .fCheck {top: -2px;}
.modal .tableLayout table .fCheck input[type="checkbox"] + label {padding-top: 3px;-webkit-padding-before: 2px;padding-left: 33px;}
.modal .tableLayout table button.view {min-width: 46px;height: 30px;padding: 0 9px;background: #F8F8F8;border: 1px solid #ccc;}
.modal .tableLayout table button.view span {font-size: 14px;font-weight: 500;}
.modal .tableLayout table tbody.nodata td {height:92px; text-align:center; color:#666;}

.modal .tableLayout.noLine {padding-bottom: 15px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.modal .tableLayout.noLine table {border: none;}
.modal .tableLayout.noLine table tbody th {padding: 0px 0px 0px 16px;font-size: 14px;font-weight: 500;border: none;background: #fff;height: auto;}
.modal .tableLayout.noLine table tbody th.verTop {vertical-align: top;padding-top: 12px;}
.modal .tableLayout.noLine table tbody td {padding: 0px 0px 5px;font-size: 14px;font-weight: 500;border: none;}
.modal .tableLayout.noLine span.necs {position: relative;}
.modal .tableLayout.noLine span.necs:before {position: absolute;left: -16px;top: 4px;content:"";width: 12px;height: 10px;vertical-align: middle;background: url(/assets/images/common/common_sfix_icon.png) no-repeat -300px 0px;}
.modal .tableLayout.noLine span.txtHyphen {margin: 0 2px;display: inline-block;font-size: 0;}
.modal .tableLayout.noLine span.txtHyphen:before {display:inline-block;content:"";width: 8px;height: 2px;margin: -8px 0 0 0;vertical-align:middle;background: #666;}
.modal .tableLayout.noLine span.txtSlash {margin: 0px 3px;display: inline-block;font-size: 14px;font-weight: 500;}
.modal .tableLayout.noLine span.txtSwungDash {margin: 0px 3px 0px 2px;display: inline-block;font-size: 14px;font-weight: 500;}

.modal .tableLayout.noLine .grouping {display: block;margin-top: 5px;}
.modal .tableLayout.noLine .grouping:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.modal .tableLayout.noLine button.period {float: left;min-width: 60px;height: 40px;border: 2px solid #172121;border-radius: 0px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.modal .tableLayout.noLine button.period:hover {background: #EEEFF0;}
.modal .tableLayout.noLine button.period:focus {border-color: #FE3E2F; outline: none;}
.modal .tableLayout.noLine button.period:focus + button.period {border-left-color: #FE3E2F;}
.modal .tableLayout.noLine button.period span {font-size: 14px;font-weight: 500;}
.modal .tableLayout.noLine button.period + button.period {margin-left: -2px;}

.modal .tableLayout.bottomLine {margin-bottom: 20px;}
.modal .tableLayout.bottomLine table {border: none;}
.modal .tableLayout.bottomLine table tbody th {padding: 8px 0;font-size: 14px;font-weight: 500;border: none;background: #fff;height: 57px;border-bottom: 1px solid #ccc;}
.modal .tableLayout.bottomLine table tbody th.verTop {vertical-align: top;padding-top: 16px;}
.modal .tableLayout.bottomLine table tbody td {padding: 8px 0;font-size: 14px;font-weight: 500;vertical-align: middle;border: none;border-bottom: 1px solid #ccc;}
.modal .tableLayout.bottomLine button {height: 40px;padding: 5px 18px;font-size: 14px;border: 2px solid #172121;background-color: #EEEFF0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.modal .tableLayout.bottomLine button:hover {color: #FE3E2F; border-color: #FE3E2F;}
.modal .tableLayout.bottomLine p.alertMsg {display: none;margin-top: 9px;}
.modal .tableLayout.bottomLine p.alertMsg span {font-size: 14px;font-weight: 500;display: block;}
.modal .tableLayout.bottomLine p.alertMsg span.warn {color: #DA2424;}

.modal .tableLayout.document {margin-bottom: 22px;}
.modal .tableLayout.document table {table-layout:fixed;width:100%;border: 2px solid #172121;}
.modal .tableLayout.document table thead th {height: 31px;padding: 0px 10px;text-align: left;background: #E1E2E3;vertical-align:middle;border-right: 1px solid #ccc;border-bottom: 1px solid #172121;font-weight: 500;font-size: 14px;}
.modal .tableLayout.document table tbody th {height: 31px;padding: 0px 20px;vertical-align:middle;border: 1px solid #ccc;border-right: none;font-size: 14px;background: #E1E2E3;font-weight: 500;text-align: left;}
.modal .tableLayout.document table tbody td {height: 31px;padding: 0px 10px;font-size: 14px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;word-break: break-all;line-height: 1;}
.modal .tableLayout.document table tbody td.verTop {vertical-align: top;padding-top: 8px;}
.modal .tableLayout.document table tbody td.verTop .fCheck {top: -2px;}
.modal .tableLayout.document table .fCheck input[type="checkbox"] + label {padding-top: 3px;-webkit-padding-before: 2px;padding-left: 33px;}
.modal .tableLayout.document table button.view {min-width: 46px;height: 30px;padding: 0 9px;background: #F8F8F8;border: 1px solid #ccc;}
.modal .tableLayout.document table button.view span {font-size: 14px;font-weight: 500;}
.modal .tableLayout.document table tbody.nodata td {height:92px; text-align:center; color:#666;}

/* 에러 페이지 */
.errorP .main {height: 100%;}
.errorP .contents {height: 100%;}

.errorP .errorWrap {display: table;width: 100%;height: 100%;}
.errorP .errorWrap:after {display: block; width: 0; height: 0; content: ""; clear: both;}
.errorP .errorWrap .errorArea {display: table-cell;height: 100%;vertical-align: middle;}
.errorP .errorWrap .errorBody {overflow: hidden;text-align: center;margin-bottom: 62px;}
.errorP .errorWrap .errorBody p.symbol {margin-bottom: 18px;}
.errorP .errorWrap .errorBody p.symbol span {font-size: 80px;}
.errorP .errorWrap .errorBody p.symbol span:before {display: block;width: 100px;height: 100px;margin: 0 auto 5px;content:"";vertical-align: middle;background: url(/assets/images/common/img_error.png) no-repeat;}
.errorP .errorWrap .errorBody p.text span.desc {font-size: 28px;line-height: 36px;}
.errorP .errorWrap .errorFoot {border-top: none;text-align: center;}
.errorP .errorWrap .errorFoot button.cancel {min-width: 200px;height: 50px;padding: 0 35px;-webkit-transition: all 0.3s;transition: all 0.3s;color: #fff;font-size: 20px;border: 2px solid #ccc;background: #EEEFF0;}
.errorP .errorWrap .errorFoot button.cancel span {color: #fff;font-size: 20px;font-weight: 900;color: #172121;}
.errorP .errorWrap .errorFoot button.cancel:hover {background: #ccc;}
.errorP .errorWrap .errorFoot button.confirm {min-width: 200px;height: 50px;-webkit-transition: all 0.3s;transition: all 0.3s;color: #fff;font-size: 20px;}
.errorP .errorWrap .errorFoot button.confirm span {color: #fff;font-size: 20px;font-weight: 900;}
.errorP .errorWrap .errorFoot .btn + .btn {margin-left: 7px;}

/* 준비중입니다 */
.underConstructionArea {text-align: center;padding: 76px 20px 96px;background: #EEF5FE;border: 1px solid #DBDBDB;/* margin-top: 60px; */margin-bottom: 120px;}
.underConstructionArea p.symbol {margin-bottom: 15px;}
.underConstructionArea p.symbol span {position: relative;display: block;font-size: 64px;font-weight: 700;color: #2A51A7;}
.underConstructionArea p.symbol span:before {display: block;max-width: 398px;height: 291px;margin: 0px auto 12px;content:"";vertical-align: middle;background: url(/assets/images/common/img_under_construction.png) no-repeat center;background-size: contain;image-rendering: -webkit-optimize-contrast;}
.underConstructionArea p.symbol span::after {display:block;content:"";width: 100px;height: 1px;margin: 27px auto 30px;vertical-align:middle;background: #D9D9D9;}
.underConstructionArea p.text span.tit {display: block;font-size: 28px;font-weight: 400;margin-bottom: 10px;}
.underConstructionArea p.text span.tit strong {font-weight: 700;}
.underConstructionArea p.text span.desc {display: block;font-size: 16px;font-weight: 400;line-height: 24px;}



@media (max-width:1279px) {/* 태블릿: 최소 960 ~ 1279 */
/* 전체 메뉴 */
.tnb ul.menu > li {padding: 21px 20px;}

/* 전체 */
.container {padding: 0 20px;}

/* 헤더 */
.header .hdWrap {padding: 0 20px;}
.header .hdWrap h1 {padding: 41px 0px 39px;}
.header .hdWrap h1 a {width: 138px;height: 20px;}

.header .hdWrap .utility {padding: 32px 0px 30px;}
.header .hdWrap .utility ul li button.emphs {width: 100px;height: 38px;}

/* 푸터 */
.footer .ftWrap {padding: 40px 0px 40px;}

/* 모달 팝업 */
.modal .modalContent {padding: 45px 80px 40px;margin: 30px 30px;}

}



@media (max-width:959px) {/* 모바일: 최대 959 */
/* 모바일 내비게이션 */
.mobileNavgation {display: block;position: relative;}

/* 전체 메뉴 */
.tnb {display: none;}

/* 헤더 */
.header {border-bottom: 1px solid #DBDBDB;box-shadow: none;padding-bottom: 0;}
.header.headerFixed {top: 0;padding-bottom: 0;-webkit-padding-after: 0;}
.header.mobile {z-index: 998;background: transparent;border-bottom: none;-webkit-transition: all 0.0s;transition: all 0.0s;}

.header .hdWrap {padding: 31px 20px 28px;}
.header .hdWrap h1 {top: -11px;padding: 0;}

.header .hdWrap .utility {display: none;}

/* 메인 내비게이션 */
.header .gnb {display: none;}

/* 콘텐츠 */
.contents {padding-top: 60px;}
.contents:after {display: block; width: 0; height: 0; content: ""; clear: both;}

.contents .section {position: relative;}
.contents .section:after {display: block; width: 0; height: 0; content: ""; clear: both;}

/* 서브 내비게이션 */
.snb {display: none;}

/* 제목 */
.titleArea h1 {font-size: 28px;padding: 29px 0 41px;}
.titleArea span {top: 52px;font-size: 50px;margin: -4px 0 0 0;}
.titleArea p {font-size: 16px;margin-top: -4px;margin-bottom: 39px;}

/* 푸터 */
.footer {border-top: none;}
.footer .ftWrap .address ul li:nth-child(1) {display: block;}
.footer .ftWrap .address ul li:nth-child(2) {display: block;}
.footer .ftWrap .address ul li:nth-child(1):after {display: none;}
.footer .ftWrap .address ul li:nth-child(2):after {display: none;}

/* 모달 팝업 */
.modal .modalContent {padding: 36px 20px 30px;margin: 20px 20px;}
.modal .modalContent .modalHeader {padding: 0px 0px 26px;margin-bottom: 30px;}
.modal .modalContent .modalHeader.noLineBar {border-bottom: none;padding: 0 0 6px;}
.modal .modalContent .modalHeader .tit {font-size: 24px;}
.modal .modalContent .modalHeader button {top: -6px;}
.modal .modalContent .modalFooter.lineBar {padding-top: 40px;}

/* 준비중입니다 */
.underConstructionArea {padding: 30px 20px 32px;margin-top: 50px;margin-bottom: 80px;}
.underConstructionArea p.symbol {margin-bottom: 23px;}
.underConstructionArea p.symbol span {font-size: 34px;}
.underConstructionArea p.symbol span:before {height: 191px;margin: 0px auto 22px;}
.underConstructionArea p.symbol span:after {display:none;}
.underConstructionArea p.text span.tit {font-size: 24px;}
.underConstructionArea p.text span.desc {font-size: 15px;}



}





/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */