#visualWrap{width: 100%; height: 430px; background: #e1e5ea url(/img/visual.png) no-repeat 50% 0;}
#visualWrap .visual{width: 1100px; margin: 0 auto;}
#visualWrap .visual .inner{padding-left: 60px;}
#visualWrap .visual .tit{padding-top: 122px; font-size: 3.462em; font-weight: bold; color: #163073;}
#visualWrap .visual .tit span{color: #2554bb;}
#visualWrap .visual .text{padding-top: 7px; font-size: 2em; line-height: 1.462em; color: #292d36;}

.mainContents{width: 1100px; margin: 0 auto; padding: 50px 0;}
.mainTop{margin-bottom: 30px; overflow: hidden;}
.mainTop .notice{float: left; width: 535px; position: relative; border-top: 3px solid #333;}
.mainTop .notice h3{padding: 15px 20px; font-size: 1.846em; font-weight: bold; color: #333; border-bottom: 1px solid #dedede;}
.mainTop .notice ul{padding: 16px 22px;}
.mainTop .notice ul li{position: relative; padding: 10px 140px 11px 15px; background: url(/img/bul_notice.gif) no-repeat 0 50%;}
.mainTop .notice ul li a{display: block; font-size: 1.154em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mainTop .notice ul li a:hover,
.mainTop .notice ul li a:active{text-decoration: underline;}
.mainTop .notice ul li .date{position: absolute; right: 0; top: 10px; color: #999;}
.mainTop .notice .btn_more{position: absolute; right: 25px; top: 19px;}
.mainTop .notice .noticeNone{text-align: center; font-size: 1.154em; padding-top: 80px;}
.mainTop .call{float: right; width: 535px; background: url(/img/bg_call.gif) no-repeat 0 0;}
.mainTop .call .inner{padding: 34px 38px;}
.mainTop .call h3{padding-bottom: 11px; font-size: 1.846em; font-weight: bold; color: #333;}
.mainTop .call .text{padding-bottom: 16px; font-size: 1.231em; line-height: 1.483em;}
.mainTop .call .num{padding-bottom: 6px; font-size: 1.462em; font-weight: bold; color: #006eb0;}
.mainTop .call .num span{letter-spacing: -0.2em;}
.mainTop .call .time{font-size: 1.385em;}
.mainTop .call .time em{font-weight: bold; color: #333;}

.mainBtm{overflow: hidden;}
.mainBtm .search{float: left; width: 535px; background: url(/img/bg_search.gif) no-repeat;}
.mainBtm .search a{display: block; padding: 36px 40px; font-size: 1.846em; line-height: 1.167em; font-weight: bold; color: #26527e;}
.mainBtm .search a span{padding-right: 40px; background: url(/img/btn_search.png) no-repeat 100% 50%;}
.mainBtm .fine{float: right; width: 535px; background: url(/img/bg_fine.gif) no-repeat;}
.mainBtm .fine a{display: block; padding: 36px 40px; font-size: 1.846em; line-height: 1.167em; font-weight: bold; color: #2d5b5e;}
.mainBtm .fine a span{padding-right: 40px; background: url(/img/btn_fine.png) no-repeat 100% 50%;}


/* 20220928 레이어 팝업 추가 */
.cptPopup {display: none; position: fixed; left: 0; top: 0; z-index: 500; width: 100%; height: 100%;}
.cptPopup.on {display: block; z-index: 1100;}
.cptPopup .popupDim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); font-size: 0;}
.cptPopup .popupArea {position: absolute; right: 50%; bottom: 50%; transform: translate(50%, 50%); width: calc(100% - 20px); max-height: calc(100vh - 20px); height: auto;}
.cptPopup .popupBtn {margin-bottom: 6px; text-align: right;}
.cptPopup .popupBtn .iptCheck {display: inline-block; margin-right: 10px; vertical-align: middle;}
.cptPopup .popupBtn .iptCheck input[type="checkbox"] {width: 20px; height: 20px; border: 0; border-radius: 3px; vertical-align: middle; -webkit-appearance: auto;}
.cptPopup .popupBtn .iptCheck label {color: #fff; font-size: 16px; vertical-align: middle;}
.cptPopup .popupBtn .btnPopClose {position: relative; width: 30px; height: 30px; border: 0; background: none; font-size: 0; vertical-align: middle; cursor: pointer;}
.cptPopup .popupBtn .btnPopClose:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 2px; height: 30px; background: #fff;}
.cptPopup .popupBtn .btnPopClose:after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 2px; height: 30px; background: #fff;}
.cptPopup .popupCont {overflow: hidden; background: #fff;}
.cptPopup .popupCont img {width: 100%; vertical-align: top;}

.cptPopup.noDim {overflow: auto; top: 52px; width: auto; height: auto;}
.cptPopup.noDim .popupDim {display: none;}
.cptPopup.noDim .popupArea {position: static; transform: translate(0,0); width: auto;}
.cptPopup.noDim .popupBtn {margin-bottom: 0; background: rgba(0,0,0,0.7);}