@charset "utf-8";
@import url('font/NanumSquare.css');
@import url('font/SeoulNamsan.css');


body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:sans-serif;}




.btnArea {padding-top: 40px;text-align: center;}
.btnArea.btn > * {width:100px;height:auto;margin-left:20px;padding:10px 0 12px;}
.btnArea.btn > *:first-child {margin-left:0;}



/* 공통 스타일 */
.fcPoint {color: #3956a6 !important;} /* 파란색 */
.fcRed {color: #e91e5c !important;}
.ffNanumSquare {font-family: 'NanumSquareR', sans-serif;}
.ffSeoulNamsan {font-family: 'SeoulNamsanM', sans-serif;}



/* 테이블 디자인 */
table.tblDef {border-top:2px solid #1f4bb4;}
table.tblDef th,
table.tblDef td {padding:10px;text-align:left;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
table.tblDef th {background-color:#f6f6f6;color:#393939;}
table.tblDef tr > *:first-child {border-left:0 none;}
table.tblDef a {color:inherit;}

table.inputTbl {margin-top:10px;border-top:2px solid #1f4bb4;border-bottom:1px solid #c9cfd6;}
table.inputTbl th,
table.inputTbl td {padding:10px;text-align:left;border-top:1px solid #e1e3e6;}
table.inputTbl tr:first-child > * {border-top:0 none;}
table.inputTbl th {border-right:1px solid #c9cfd6;background-color:#f6f6f6;color:#393939;text-align:center;}




/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu {overflow: hidden;border: 1px solid #3e58a1;border-bottom: 0 none;border-left: 0 none;margin-bottom:50px;}
ul.tabMenu a,
ul.subMenu a {text-decoration:none;}

ul.tabMenu > li,
ul.subMenu > li {float: left;width: 50%;}

ul.tabMenu > li a,
ul.subMenu > li a {display: block;padding: 12px 0 17px;text-align: center;border-left: 1px solid #3e58a1;border-bottom: 1px solid #3e58a1;color: #3e58a1;font-size: 18px;background-color: #fcfcfc;}

ul.tabMenu .on a,
ul.subMenu .on a {color: #fff;background-color: #3e58a1;}

ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:first-child {width: 33.4%;}

ul.menu04 > li {width: 25%;}




/* 레이아웃 */
div.wrapper {position:relative;min-width:1200px;font-family:'SeoulNamsanM', sans-serif;word-break:normal;font-size:14px;/*background:url('/image/common/bg.png') center top no-repeat;*/}

div#headerWrap {z-index:100;position:relative;height:62px;border-bottom:1px solid #e5e5e5;padding-top:78px;}
div#headerWrap,
div#headerWrap a {display:block;text-decoration:none;color:#000;}
div#headerWrap h1 {position:absolute;left:50%;top:17px;width:201px;height:44px;margin-left:-580px;}

ul.gnbUtil {position:absolute;left:50%;top:35px;overflow:hidden;margin-left:370px;}
ul.gnbUtil li {float:left;font-size:12px;background:url('/image/common/header_bar.png') 10px 6px no-repeat;}
ul.gnbUtil li:before {display:inline-block;padding:0 5px;content:"·";color:#6b6b6b;}
ul.gnbUtil li:first-child:before {padding:0;content:"";}
ul.gnbUtil a {display:inline-block !important;color:#696969;}



div#footerWrap {padding:45px 0;background-color:#f9f9f9;font-size:11px;}
div#footerWrap,
div#footerWrap a {color:#9d9d9d;}
div#footerWrap a {text-decoration:none;}

div#footerWrap > div {position:relative;width:950px;margin:0 auto;padding-left:250px;background:url('/image/common/footer_logo.png') left center no-repeat;}
div#footerWrap > div > ul {overflow:hidden;}
div#footerWrap > div > ul li {float:left;padding-left:10px;}
div#footerWrap > div > ul li:first-child {padding-left:0;}

div#footerWrap div.siteInfo,
div#footerWrap div.siteInfo p {position:absolute;right:0;top:50%;}
div#footerWrap div.siteInfo {width:158px;margin-top:-35px;padding-right:100px;} 
div#footerWrap div.siteInfo li {padding-top:10px;}
div#footerWrap div.siteInfo li:first-child {padding-top:0;}
div#footerWrap div.siteInfo li a {display:block;padding:6px 0;border:1px solid #dfdfdf;text-align:center;}
div#footerWrap div.siteInfo p {height:50px;margin-top:-25px;}




ul#gnb {position:relative;height:61px;width:1200px;margin:0 auto;border-top:1px solid #e5e5e5;}

ul#gnb {font-family: 'NanumSquareR', sans-serif;}
ul#gnb > li {float:left;width:150px;}
ul#gnb > li:first-child {}
ul#gnb > li > a {padding:16px 0 18px;text-align:center;font-size:18px;letter-spacing:-1px;color:#0b0b0b;}

ul#gnb > li.on > a {background-color:#fff;color:#061849;}

ul#gnb ul {display:none;position:absolute;top:62px;min-width:148px;padding:10px 0 20px;border:1px solid #e5e5e5;border-top:2px solid #1f4bb4;background-color:#fff;}
ul#gnb ul li {padding:5px 20px 0;}
ul#gnb ul a {color:#000;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {color:#1f4bb4;}


#goTop {position:absolute;left:50%;top:300px;margin-left:620px;}
#goTop a {display:block;text-align:center;}

p.goHome {position: absolute;left: 50%;top: -182px;width: 408px;height: 73px;margin-left: 54px;}
p.goHome a {display: block;width: 100%;height: 100%;text-indent: -10000px;}

div.main p.goHome {top: 122px;width: 272px;height: 74px;margin-left: -600px;}

/* ========================================================================================================== */
/* =================================================== 공통 CSS ================================================ */
/* ========================================================================================================== */


div#container {position:relative;padding:370px 0 100px;background:url('/image/common/topVisual.png') center top no-repeat;}
/*
div#container.sub01 {background-image:url('/image/common/topVisual_01.png');}
div#container.sub02 {background-image:url('/image/common/topVisual_02.png');}
div#container.sub03 {background-image:url('/image/common/topVisual_03.png');}
div#container.sub04 {background-image:url('/image/common/topVisual_04.png');}
div#container.sub05 {background-image:url('/image/common/topVisual_05.png');}
div#container.sub06 {background-image:url('/image/common/topVisual_06.png');}
div#container.sub07 {background-image:url('/image/common/topVisual_07.png');}
div#container.sub08 {background-image:url('/image/common/topVisual_08.png');}
div#container.sub09 {background-image:url('/image/common/topVisual_09.png');}
*/

div.titArea {position:absolute;left:50%;top:266px;width:925px;margin-left:-325px;padding:0 0 15px;border-bottom:2px solid #777;}
div.titArea h2 {font-size:25px;color:#232523;font-weight:bold;}

div.titArea dl,
div.titArea ul {overflow:hidden;}
div.titArea dd,
div.titArea li {float:left;font-size:11px;color:#737373;}

div.titArea dl {position:absolute;right:0;bottom:14px;}
div.titArea ul {padding-left:20px;}
div.titArea li {padding-left:3px;}
div.titArea i {font-size:10px;}

dl#lnb {z-index:20;position:absolute;left:50%;top:266px;width:200px;margin-left:-600px;}
dl#lnb > dt {padding:0 10px 15px;border-bottom:2px solid #1f4bb4;font-size:25px;color:#232523;font-weight:bold;}
dl#lnb > dd {border-bottom:1px solid #919191;}

dl#lnb > dd a {display:block;text-decoration:none;}

dl#lnb li {border-top:1px solid #d7d7d7;}
dl#lnb li:first-child {border-top:0 none;}
dl#lnb li.on > a {color:#fff;background-color:#319ce9;}
dl#lnb li.on i {display:block;color:#fff;}

dl#lnb li a {position:relative;padding:10px 20px;color:#343434;font-weight:bold;}
dl#lnb li a i {display:none;position:absolute;right:10px;top:50%;margin-top:-5px;color:#1f4bb4;font-size:10px;}

dl#lnb a:hover,
dl#lnb a:focus {color:#1f4bb4;}

dl#lnb ul ul {display: none;padding-bottom: 10px;background-color: #f9f9f9;}
dl#lnb ul ul li {border-top: 0 none;}
dl#lnb ul ul a {padding: 5px 20px 0;color: #343434;font-weight: normal;}

dl#lnb ul ul li.on > a {background-color: #f9f9f9;font-weight: bold;color: #343434;}
dl#lnb li.on ul {display: block;}

div.contents {width:925px;margin:0 auto;padding-left:275px;}



/*  서브페이지 타이틀 & 리스트 스타일 */
.subTit {padding:0 0 10px 10px;margin: 40px 0 20px;border-bottom:5px double #e1e1e1;color:#0a1846;font-size:30px;line-height:34px;}

/* 백그라운드 컬러가 있는 타이틀 */
.subTitBg {margin:40px 0 10px;padding:8px 0 9px 10px;color: #fff;background-color:#1f4bb4;}

/*블릿이 있는 타이틀*/
.subTit_bl {padding-left: 15px;margin-top: 30px;color:#1f4bb4;font-size:14px;line-height:1.2em;background:url('/image/common/subTit_bl.png') 0 7px no-repeat;font-weight: bold;}


/* 포인트 컬러가 적용되는 타이틀*/
.pointTit {}

/* 포인트 컬러 + bold 가 적용되는 타이틀*/
.boldTit {margin-top:30px;margin-top:30px;color:#086ca3;line-height:1.2;}




a.trigger {position:relative;padding:0 30px 0 10px;}
a.trigger i {position:absolute;right:10px;top:50%;font-size:1em;line-height:1em;margin-top:-0.5em;}

.scrollArea {height:200px;padding:0 20px 20px;border:1px solid #e8e8e8;}
.scrollArea dt {font-weight:bold;padding-top:20px;}

ul.listBl > li,
.blDot {padding-left:10px;font-size:14px;background-position: 0 9px;}
ul.listBl > li {margin-top:5px;}
ul.listBl > li:first-child {margin-top:0;}

ul.list i {color:#e5462d;}


ul.listBar > li:before,
.blDash:before {position:absolute;left:0;top:2px;display:inline-block;padding-right:5px;font-size:20px;line-height:14px;content:"-";color:inherit;font-weight:bold;}
ul.listBar > li,
.blDash {position:relative;padding-left:14px;margin-top:5px;}


.bdArea {padding:20px 40px;border:1px solid #7985d7;}





/* ========================================================================================================== */
/* ==================================================== Main ================================================== */
/* ========================================================================================================== */

div#container.main {position: relative;padding:346px 0 0;background-color: #f9f9f9;}
div.main div#footerWrap {background-color:#fff;}


div.main a {text-decoration:none;color:inherit;}

div.main div.contents {width:1200px;padding:1px 0 30px;background-color:#f9f9f9;}

div.main div.mainLoginArea {z-index: 10;position: relative;width:1200px;margin: -50px auto 0;}
div.main div.mainLoginArea:after {clear:both;display:block;height:0;line-height:0;font-size:0;content:".";}
div.main div.mainLoginArea dl.login,
div.main ul.moreInfo,
div.main ul.moreInfo li {float:left;}
div.main dl.login > dt,
div.main ul.moreInfo span {display:block;padding-bottom:5px;font-weight:bold;font-size:18px;}

div.main dl.login {width:340px;padding:25px 30px 0;background-color:#1f4bb4;color:#fff;}
div.main dl.login > dd {position:relative;height:139px;padding-right:88px;}
div.main dl.login dl {overflow:hidden;}
div.main dl.login p.btn {position:absolute;right:0;top:8px;width:73px;height:66px;}
div.main dl.login p.btn > * {width:100%;height:100%;border:0 none;padding:0;text-align:center;}
div.main dl.login p.btn > a {width:100%;height:auto;padding:23px 0 24px;}

div.main dl.login ul {position:absolute;right:0;bottom:20px;overflow:hidden;}
div.main dl.login ul li {float:left;margin-left:10px;}

div.main dd.logout dt,
div.main dd.logout dd {float:left;padding-top:8px;}
div.main dd.logout dt {clear:both;width:70px;}
div.main dd.logout label {display:block;line-height:29px;}
div.main dd.logout input {width:160px;padding:4px 10px 5px;border-color:#fff;}


div.main dl.login dd.logon > p:first-child {padding-top:8px;line-height:66px;font-size:24px;}
div.main dl.login dd.logon li:before {display:inline-block;padding:0 5px;content:"·";color:#fff;}
div.main dl.login dd.logon li:first-child a {color:#fffd2b;}


div.main ul.moreInfo {color:#373737;}
div.main ul.moreInfo a,
div.main ul.moreInfo span {display:block;}
div.main ul.moreInfo span {color:#0b0b0b;font-size: 18px;}

div.main ul.moreInfo li {width:400px;height:196px;}
div.main ul.moreInfo a {height:140px;padding:56px 0 0 178px;background:#e6e8f0 url('/image/main/bookCover.png') 35px center no-repeat;font-weight: bold;font-size: 16px;}
div.main ul.moreInfo li:first-child a {padding:54px 0 0 190px;border-top:1px solid #eeeef1;border-bottom:1px solid #eeeef1;background-color:#fff;background-image:url('/image/main/mainBg_pds.png');background-position:42px center;}

div.main ul.moreInfo a img {display:block;margin-top:24px;}


div.mainNews {width:1198px;margin:30px auto;border:1px solid #eeeef1;background-color:#FFF;}
div.mainNews:after {clear:both;display:block;height:0;line-height:0;font-size:0;content:".";}

div.mainNews > dl {position:relative;float:left;width:339px;height:222px;padding:25px 30px 0;border-left:1px solid #eeeef1;}
div.mainNews > dl:first-child {width:338px;border-left:0 none;}
div.mainNews > dl > dt {padding-bottom:10px;color:#0b0b0b;font-size:18px;font-weight:bold;font-family: 'NanumSquareR', sans-serif;}

div.mainNews li {position:relative;margin-top:8px;padding-right:75px;}
div.mainNews li a {position:relative;overflow:hidden;display:inline-block;max-width:100%;font-size:13px;font-weight: bold;color:#444;text-overflow:ellipsis;white-space:nowrap;}
div.mainNews li span {position:absolute;right:0;top:50%;margin-top:-10px;color:#7d7d7d;font-size:12px;}
div.mainNews p.more {position:absolute;right:0;top:0;width:28px;height:28px;background:#1f4bb4 url('/image/main/mainBtn_more.png') center center no-repeat;}
div.mainNews p.more > a {display:block;height:100%;text-indent:-10000px;}


div.main ul.branchList {overflow:hidden;width:1120px;margin:0 auto;padding:25px 40px;background-color:#ebedf5;}
div.main ul.branchList > li {float:left;width:160px;}
div.main ul.branchList a {display:block;text-align:center;font-weight:bold;color:#1f4bb4;font-size:16px;font-family: 'NanumSquareR', sans-serif;}
div.main ul.branchList span.icon {overflow:hidden;display:block;width:92px;height:92px;margin:0 auto 10px;}
div.main ul.branchList span.icon img {display:block;}
div.main ul.branchList span.goto {display:block;width:106px;margin:10px auto 0;padding:7px 0 6px;border:1px solid #1f4bb4;color:#1f4bb4;font-size:12px;font-weight:normal;}

div.main ul.branchList a:hover img,
div.main ul.branchList a:focus img {margin-top:-94px;}
div.main ul.branchList a:hover span.goto,
div.main ul.branchList a:focus span.goto {background-color:#1f4bb4;color:#fff;}

/* 2022-11-21 메인 배너 */
div.mainBnr { position: absolute;left: 0;top: 0;width: 100%;overflow: hidden;background-color: #fff;}
div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.mainBnr li {height: 346px;font-size: 0;line-height: 0;background-position: center top;background-repeat: no-repeat;}
div.mainBnr li img {display: block;margin: auto;}

div.mainBnr div.bx-pager {z-index: 60;position: absolute;bottom: 70px;left: 50%;transform: translateX(-50%);font-size: 0;line-height: 0;}
div.mainBnr div.bx-pager div {display: inline-block;vertical-align: top;margin-right: 5px;}
div.mainBnr div.bx-pager a {display: block;width: 10px;height: 10px;border-radius: 10px;background-color: #fff;border: 2px solid #c6c6c6;transition: all .3s ease .15s;}
div.mainBnr div.bx-pager a.active {width: 25px;background-color: #1f4bb4;border-color: #1f4bb4;transition: all .3s ease .15s;}

div.mainBnr a.bx-prev,
div.mainBnr a.bx-next {z-index: 100;position: absolute;left: 50%;top: 50%;transform:translateY(-50%);width: 45px;height: 45px;display: block;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

div.mainBnr a.bx-prev {margin-left: -700px;background-image: url('/image/main/bx_prev.png');}
div.mainBnr a.bx-next {margin-left: 655px;background-image: url('/image/main/bx_next.png');}


/* Layer Popup */
div.layerPopup {z-index:1000;position:fixed;left:0;top:0;width:100%;height:100%;background:url('/image/common/layerPopup_bg.png');}

div.layerPopupWrap {position:absolute;left:50%;top:50%;border:3px solid #2b63b8;background-color:#fff;}
div.layerPopupWrap a {display:block;text-decoration:none;color:inherit;}

div.layerPopupWrap p.close {position:absolute;right:0;top:0;width:80px;height:80px;background-color:#2b63b8;}
div.layerPopupWrap p.close a {display:block;height:100%;text-indent:-10000px;background:url('/image/common/layerPopup_close.png') center center no-repeat;}

div#popupSitemap {width:1060px;height:550px;padding:0 30px 30px 10px;margin:-290px 0 0 -550px;}
div#popupSitemap h1 {height:100px;text-indent:-10000px;background:url('/image/common/header_logo.png') center center no-repeat;}

div#popupSitemap div.popupCon {overflow-x:hidden;overflow-y:scroll;height:450px;}
div#popupSitemap dl {float:left;width:240px;padding:0 0 20px 20px;}
div#popupSitemap dt a {padding:11px 0 12px;border-bottom:2px solid #cfcfcf;background-color:#f9f9f9;color:#111;font-size:17px;text-align:center;}

div#popupSitemap dd > ul > li {border-bottom:1px solid #d3d3d3;}
div#popupSitemap dd > ul > li > a {padding:5px 10px 5px 20px;}

div#popupSitemap dd > ul ul {padding-bottom:5px;}
div#popupSitemap dd > ul ul a {padding:0 5px 0 20px;}





div.popupWrap {border:1px solid #d8d8d8;margin:0 auto;}
div.popupWrap h1 {padding:10px 23px 12px;font-weight:bold;text-align:center;color:#fff;background-color:#1f4bb4;font-size:13px;}
div.popupWrap div.popupCon {padding:15px 23px 20px;}
div.popupWrap div.btn {text-align:center;}


/* 팝업 : 이메일 무단 수집거부 */
div#popupEmail {width: 550px;border:3px solid #1f4bb4;color:#393939;}

div#popupEmail div.popupCon {padding-left:98px;background:url('/image/common/popup_emailBg.jpg') 23px 30px no-repeat;}
div#popupEmail div.popupCon p {padding-top:15px;}
div#popupEmail div.popupCon p:first-child {padding-top:0;}
div#popupEmail div.btn {padding-bottom:30px;}
div#popupEmail div.btn i {padding-left:10px;}




/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'SeoulNamsanM', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold;color:#fff;}