@charset "utf-8";

 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family: 'NotoSansKR Regular', sans-serif;}

ul,
ol {padding: 0; margin: 0;}





/* ========================================================================================================== */
/* ================================================== 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper {overflow: hidden; position: relative; font-family: 'NotoSansKR Regular', sans-serif; }
div.wrapper ul li, div.wrapper ol li{list-style:none;}
div.wrapper a {text-decoration: none; font-family: 'NotoSansKR Regular', sans-serif;}


@media all and (min-width: 961px) {
div.wrapper {min-width: 1400px;}
div#headerWrap {z-index: 5; position: relative; padding-top: 38px; background-color: #fff;}
div#headerWrap::before {z-index: 0; content:""; display:block; position: absolute; top:0; left:0; height: 38px; width: 100%; background-color: #2172a1;}
div#headerWrap div.gnbBg {z-index: -1;display:block;position: absolute; top:155px; left:0; width: 100%; height: 0; background-color: #f5f8ff; transition-duration: 0.5s;transition-duration: 0.5s;}

div#headerWrap > div {z-index: 1; position: relative; width: 1300px; margin: 0 auto;}
div#headerWrap > div::after {content:""; display:block; clear: both;}
	div#headerWrap > div > p {float: right; padding: 31px 0;}
	div#headerWrap > div > p a {display:block;}
	
div#headerWrap div h1 {z-index: 3; position: relative; float: left; padding: 25px 0 26px;}
	div#headerWrap div h1 a {display:block;}

div#headerWrap div.gnbWrap {position: absolute; top:0; left:50%; margin-left: -600px; padding-left: 300px;text-align: center;}
	div#headerWrap div.gnbWrap > * {float: left;}

ul#gnb {font-size: 0;}
	ul#gnb > li {float: left; position: relative; width: 140px;}
	ul#gnb > li > a {display:block; font-size: 20px; color: #000; font-family: 'notosanskr medium', sans-serif; font-weight: 600; padding: 36px 0 37px;}
	ul#gnb > li.on > a {color: #2172a1;}

ul#gnb div.gnbInner {position: absolute; top:140px; left:0; width: 100%; text-align: left; border-left: 1px solid #d6d6d9; transition-duration: .5s; overflow: hidden;}
ul#gnb div.gnbInner.on {display:block; height: 267px; transition-duration: .5s;}
ul#gnb li:last-child div.gnbInner {border-right: 1px solid #d6d6d9;}
ul#gnb div.gnbInner strong {font-size: 16px; font-family: 'notosanskr medium', sans-serif; font-weight: 600; color: #2391d0; display:block; margin-bottom: 15px; padding-left: 15px;}
	ul#gnb div.gnbInner ul {text-align: left; padding-left: 15px;}
	ul#gnb div.gnbInner ul li {margin-top: 10px;}
	ul#gnb div.gnbInner ul li:first-child {margin-top: 0;}
	ul#gnb div.gnbInner ul li a {font-size: 16px; font-family: 'notosanskr demilight', sans-serif; color: #000; font-weight: 600;}
	ul#gnb div.gnbInner ul li a:hover {color: #2353ad; text-decoration: underline;}

/*
ul#gnb > li:nth-child(1) > div {left:0px;}
ul#gnb > li:nth-child(2) > div {left:133px;}
ul#gnb > li:nth-child(3) > div {left:266px;}
ul#gnb > li:nth-child(4) > div {left:399px;}
ul#gnb > li:nth-child(5) > div {left:532px;}
ul#gnb > li:nth-child(6) > div {left:665px;}
ul#gnb > li:nth-child(7) > div {left:798px;}
ul#gnb > li:nth-child(8) > div {left:931px;}
ul#gnb > li:nth-child(9) > div {left:1064px;}
*/


div#headerWrap ul.gnbUtil {position: absolute; top:-29px; right:-47px; font-size: 0;}
	div#headerWrap ul.gnbUtil li {display:inline-block;font-size: 14px;color: #fff;}
	div#headerWrap ul.gnbUtil li::before {content:"I"; display:inline-block; margin: 0 10px; font-size: 14px; color: #fff;}
	div#headerWrap ul.gnbUtil li a {display:inline-block; font-size: 14px; color: #fff;}
	div#headerWrap ul.gnbUtil li.memberType {position: absolute;top: 0;right: 100%;min-width: 160px;text-align: right;}

	
div#headerWrap div.gnbWrap p {float: left; padding: 32px 0 33px; margin-left: 20px;}
	div#headerWrap div.gnbWrap p a {font-weight: 500; font-family: 'notosanskr medium', sans-serif;}

/* 210906 header css 변경 */
div#headerWrap.new h1 {padding: 29px 0 30px;}
div#headerWrap.new ul#gnb {width: 1100px;}
div#headerWrap.new ul#gnb li {width: 163px;}
div#headerWrap.new ul#gnb > li > a {font-size: 23px;}
div#headerWrap.new ul.gnbUtil {right: 0;}

/* util menu 위치값 수정 - 24.12.03 박민지 */
div#headerWrap.new ul.gnbUtil{
	right: calc((100% - 1300px)/2 + 60px);
}
}

@media all and (max-width: 960px) {
div.wrapper {min-width: 320px;}
	
div#headerWrap {z-index: 5; position: relative; background-color: #fff; border-bottom: 1px solid #e8e8e8;}

div#headerWrap > div {z-index: 1; position: relative;padding: 0 10px;}
div#headerWrap > div::after {content:""; display:block; clear: both;}
	div#headerWrap > div > p {float: right; padding: 23px 0;}
	div#headerWrap > div > p a {display:block; width: 19px;}
	div#headerWrap > div > p a img {width: 100%;}

div#headerWrap > div > p.gnbOpen {padding: 14px 0;}
div#headerWrap > div > p.gnbOpen a {padding: 10px;}
	
div#headerWrap div h1 {z-index: 3; position: relative; float: left; padding: 15px 0;}
	div#headerWrap div h1 a {display:block; width: 170px;}
	div#headerWrap div h1 a img {width: 100%;}

div#headerWrap div.gnbWrap {z-index: 10; position: fixed; left:100%; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.5); padding-top: 65px;}
div#headerWrap div.gnbWrap.admin {padding-top: 103px;}
div#headerWrap div.gnbWrap.view {left:0 !important; transition-duration: .5s;}

ul#gnb {width: calc(100% - 20%); background-color: #ffffff; float: right; border-top: 1px solid #ccc;}
	ul#gnb > li {border-bottom: 1px solid #ccc; position: relative;}
	ul#gnb > li::after {content:""; z-index: 0; position: absolute; top:0; right:0; display:block; width: 35px; height: 51px; background-image: url(/image/common/gnbMore_off.png); background-repeat: no-repeat; background-size: 35px auto; background-position: right center;}
	ul#gnb > li.view::after {background-image: url(/image/common/gnbMore_on.png);}

	ul#gnb > li > a {display:block; font-size: 16px; font-family: 'notosanskr medium', sans-serif; font-weight: 400; padding: 15px 40px 15px 20px; background-repeat: no-repeat; background-size: 15px auto; background-position: 20px center;}
	ul#gnb > li.view > a {background-color: #2391d0; color: #fff; font-weight: 600;  padding-left: 45px;}
	
	ul#gnb > li > a img {display:inline-block; width: 15px; vertical-align: middle; margin-right: 10px;}
	ul#gnb > li.view > a img {display:none;}

	ul#gnb > li.view:nth-child(1) > a {background-image: url(/image/common/gnb_icon1_on.png);}
	ul#gnb > li.view:nth-child(2) > a {background-image: url(/image/common/gnb_icon2_on.png);}
	ul#gnb > li.view:nth-child(3) > a {background-image: url(/image/common/gnb_icon3_on.png);}
	ul#gnb > li.view:nth-child(4) > a {background-image: url(/image/common/gnb_icon4_on.png);}
	ul#gnb > li.view:nth-child(5) > a {background-image: url(/image/common/gnb_icon5_on.png);}
	ul#gnb > li.view:nth-child(6) > a {background-image: url(/image/common/gnb_icon6_on.png);}
	ul#gnb > li.view:nth-child(7) > a {background-image: url(/image/common/gnb_icon7_on.png);}

div#headerWrap div.gnbWrap p.btn {display:block; clear: both; float: right; width: calc(100% - 20%); background-color: #fff; height: 100%; padding: 50px 10px 0; box-sizing:border-box;}
div#headerWrap div.gnbWrap p.btn a {display:block; width: 100%; border-radius: 0; box-sizing:border-box; padding: 10px 0;}



div.gnbInner {display:none; background-color: #f5f8ff;}
ul#gnb > li div.gnbInner li {margin: 0;}
ul#gnb > li div.gnbInner li a {position: relative; display:block; padding: 15px 50px; font-size: 14px; color: #000; font-weight: bold;}
ul#gnb > li div.gnbInner li a::after {content:"-"; position: absolute; top:50%; left:35px; margin-top: -10px; font-weight: bold;}



ul.gnbUtil {position: absolute; top:0; right:0; width: calc(100% - 20%); background-color: #fff; margin: 0; padding: 17px 50px 18px 10px; box-sizing:border-box;}
	ul.gnbUtil li {padding: 0; margin: 0 0 0 0.5%; float: left; width: 33%; box-sizing:border-box;}
	ul.gnbUtil li.admin {margin-left: 0; width: 100%; margin-top: 5px;}
	ul.gnbUtil li.admin a {background-color: #e72259; border-color: #e72259; color: #fff !important; min-width: 70px; padding: 5px 0px 6px;}
	ul.gnbUtil li.memberType {padding-top: 5px;}

	ul.gnbUtil li:first-child {margin-left: 0;}

	ul.gnbUtil li a {color: #fff; font-family: 'notosanskr bold'; font-weight: 600; display:block; text-align: center; font-size: 14px; padding: 5px 0 7px;}
	ul.gnbUtil li:nth-child(1) a {background-color: #3064b1;}
	ul.gnbUtil li:nth-child(2) a {background-color: #db9d16;}
	ul.gnbUtil li:nth-child(3) a {background-color: #717290;}


div#headerWrap p.gnbClose {position: absolute; top:0; right:10px; padding: 20px 0 21px;}
div#headerWrap p.gnbClose a {width: 24px;}

/* 210906 header 변경 css */
div#headerWrap.new ul.gnbUtil li:nth-child(4) a {background-color: #db9d16;}
div#headerWrap.new ul.gnbUtil li:nth-child(5) a {background-color: #717290;}

}



div#footerWrap {z-index: 0; position: relative; background-color: #505050; color: #c5c5c5;}
	div#footerWrap div {z-index: 2;position: relative;}	

div#footerWrap ul.footerUtil {font-size: 0;}
	div#footerWrap ul.footerUtil li {display:inline-block;}
	div#footerWrap ul.footerUtil li a {display:block; color: #fff; border-left: 1px solid #666666; font-weight: 600;}
	div#footerWrap ul.footerUtil li:last-child a {border-right: 1px solid #666;	}
	
div#footerWrap ul.contact {overflow: hidden;}
	div#footerWrap dd ul.contact {margin-top: 0;}
	div#footerWrap ul.contact li {float: left;}

@media all and (min-width: 961px) {
div#footerWrap {line-height: 1.4;}
div#footerWrap::after {z-index: 0; content:""; display:block; position: absolute; top:0; left:0; width: 100%; height: 50px; background-color: #404040;}
	div#footerWrap div {width: 1300px; margin: 0 auto; background: url(/image/common/footerLogo.png) no-repeat left 101px; padding-bottom: 20px;}
	div#footerWrap div::after {content:""; display:block; position: absolute; top:50%; right:0; width: 138px; height: 75px; margin-top: -13px; background: url(/image/common/norton.png) no-repeat 0 0;}
	div#footerWrap div > ul.footerUtil ~ * {padding-left: 90px;}
	
div#footerWrap ul.footerUtil {margin-bottom: 20px;}	
	div#footerWrap ul.footerUtil li a {font-size: 14px; padding: 15px 25px;}
	
div#footerWrap ul.contact {margin: 10px 0 0;}
	div#footerWrap dd ul.contact {margin-top: 0;}
	div#footerWrap ul.contact li {margin-left: 25px; font-size: 14px;}
	div#footerWrap ul.contact li:nth-child(3n+1) {margin-left: 0; clear: both;}


}

@media all and (max-width: 960px) {	
div#footerWrap {line-height: 1.6;}
div#footerWrap::after {z-index: 0; content:""; display:block; position: absolute; top:0; left:0; width: 100%; height: 36px; background-color: #404040;}
div#footerWrap div {background: url(/image/common/footerLogo.png) no-repeat 10px 50px; padding-bottom: 20px; background-size: 40px auto; font-size: 12px;}
	div#footerWrap div::after {content:""; display:block; position: absolute; top:60px; right:10px; width: 70px; height: 40px; margin-top: -13px; background: url(/image/common/norton.png) no-repeat 0 0; background-size: 100% auto;	}
	div#footerWrap div > ul.footerUtil ~ * {padding-left: 10px;}


div#footerWrap ul.footerUtil {margin-bottom: 50px;}
div#footerWrap ul.footerUtil li {}
	div#footerWrap ul.footerUtil li a {font-size: 10px; padding: 10px 5px; display:block; text-align: center;}
	
div#footerWrap ul.contact {margin: 5px 0 0;}
	div#footerWrap dd ul.contact {margin-top: 0;}
	div#footerWrap ul.contact li {margin-left: 10px; font-size: 12px;}
	div#footerWrap ul.contact li:first-child {margin-left: 0;}
	div#footerWrap ul.contact li:nth-child(2) {clear: both; margin-left: 0;}
	div#footerWrap ul.contact li:nth-child(4),
	div#footerWrap ul.contact li:nth-child(5) {clear: both; margin-left: 0;}


}




/* 타이틀 Area */

div#container {position: relative;overflow: hidden;}
div#container::after {content:""; display:block; clear: both;}
div.titArea h2 {font-family: 'notosanskr bold', sans-serif; font-weight: bold; color: #222;}	
div.contents::after {content:""; display:block; clear: both;}


@media all and (min-width: 961px) {
div.titArea {position: relative; background-image: url('/image/sub/pageTit_bg.png'); background-repeat: no-repeat; background-position: center top; padding: 137px 0 40px;}
div.titArea.typeB {background-image: url('/image/sub/pageTit_bg_b.png');}
	div.titArea h2 {width: 1200px; margin: 0 auto; font-size: 32px;}
	div.titArea ul {position: absolute; top:50%; left:50%; font-size: 0; margin-left: -600px; padding: 0;}
	div.titArea ul::before {content:""; display:inline-block; width: 10px; height: 4px; background-color: #222; vertical-align: top; margin: 5px 5px 0 0;}
	div.titArea ul li {display:inline-block; font-size: 16px; color: #222;}
	div.titArea ul li::after {content:">"; display:inline-block; margin: 0 5px;}
	div.titArea ul li:last-child::after {display:none;}

	div.titAreaTxt {position: relative; background-image: url('/image/sub/pageTit_bg.png'); background-repeat: no-repeat; background-position: center top; padding: 137px 0 40px;}
	div.titAreaTxt h2 {width: 1200px; margin: 0 auto; font-size: 32px;}
	div.titAreaTxt ul {position: absolute; top:50%; left:50%; font-size: 0; margin-left: -600px; padding: 0;}
	div.titAreaTxt ul::before {content:""; display:inline-block; width: 10px; height: 4px; background-color: #222; vertical-align: top; margin: 5px 5px 0 0;}
	div.titAreaTxt ul li {display:inline-block; font-size: 16px; color: #222;}
	div.titAreaTxt ul li::after {content:">"; display:inline-block; margin: 0 5px;}
	div.titAreaTxt ul li:last-child::after {display:none;}
	
	div.contents {width: 1200px; margin: 50px auto 70px;}
	
}

@media all and (max-width: 960px) {
	div.contents {padding: 10px 10px 50px;}

div.titArea {padding: 20px 10px 0;}
	div.titArea h2 {font-size: 19px; color: #222; font-weight: bold; margin: 0;}

}

/* LNB */

@media all and (max-width: 960px) {

div.lnbWrap {position: relative; z-index: 2;}
	div.lnbWrap::after {content:""; display:block; clear: both;}
	div.lnbWrap dl.lnb {position: relative; float: left; width: 50%; margin: 0; min-height: 54px;}
	div.lnbWrap dl.lnb:first-child dt a {background-color: #3aa0db;}
	div.lnbWrap dl.lnb dt a {height: 54px; padding: 15px 20px; color: #fff; display:block;  font-weight: 600; background-color: #1d3974; background-image:  url(/image/sub/lnb_off.png);background-repeat: no-repeat; background-position: right center; background-size: 18px auto; box-sizing:border-box;}
	div.lnbWrap dl.lnb dt.view a {background-image:  url(/image/sub/lnb_on.png);}

	div.lnbWrap dl.lnb dd {position: absolute; width: 100%; height: auto; margin: 0; padding: 0; background-color: #18346b; padding-top: 10px;}
	div.lnbWrap dl.lnb:first-child dd {background-color: #3398d2;}
	div.lnbWrap dl.lnb dd ul {padding: 0; margin: 0;}
	div.lnbWrap dl.lnb dd ul li a {display:block; color: #fff; padding: 15px 20px; font-size: 14px;}

}





/* 게시판 공통 */
/* 기본테이블 관련 */

table.tblDef {border-top: 1px solid #123e97;}
table.tblDef th,table.tblDef td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px;}
table.tblDef th:first-child,table.tblDef td:first-child {border-left: 0 none;}
table.tblDef th {background: #f3f3f3; color: #123e97;}


table.inputTbl {border-top: 1px solid #123e97;}
table.inputTbl th,table.inputTbl td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px;}
table.inputTbl th:first-child,table.inputTbl td:first-child {border-left: 0 none;}
table.inputTbl th {background: #f3f3f3; color: #123e97;}

table.inputTbl tbody td.oderChange {}
table.inputTbl tbody td.oderChange span.btn {font-size: 0; margin-left: 10px !important;}
table.inputTbl tbody td.oderChange a {margin-left: 5px; font-size: 12px;}
table.inputTbl tbody td.oderChange a img{width: 25px; height: 25px;}
table.inputTbl tbody td.oderChange a:first-child {margin-left: 0;}
table.inputTbl td textArea{width: 100%; overflow-y: scroll;}

/* 인풋테이블 텍스트박스 높이조정 */
table.inputTbl td input[type=text],
table.inputTbl td input[type=password] {height: 35px;}


@media all and (min-width: 961px) {

table.inputTbl th,table.inputTbl td {padding: 15px 10px; font-size: 14px;}

}


@media all and (max-width: 960px) {

table.inputTbl th,table.inputTbl td {padding: 10px; font-size: 12px;}
table.inputTbl td.multi *:nth-child(2) {display:block; margin-left: 0;}
table.tblDef a.conLink {word-break: break-all;}


table.tblDef.rwTbl {border-top: 0 none;}
table.tblDef.rwTbl colgroup {display: none;}
table.tblDef.rwTbl thead {display:none;}
table.tblDef.rwTbl tr {display:block;}
table.tblDef.rwTbl tr:first-child {border-top: 2px solid #123e97;}
table.tblDef.rwTbl tr * {display:block;}
table.tblDef.rwTbl tr > * {border: 0 none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

table.tblDef.rwTbl tr tbody td::after {content: attr(parent); display:block; font-size: 15px; color: #000;}

}

/* 기본테이블 관련 */




@media all and (min-width: 961px) {
		
	.mobileOnly {display:none !important;}

}
@media all and (max-width: 960px) {


	.pcOnly {display:none !important;}

}



	div.mainBnr {position: relative; z-index: 0; display:inline-block;}

	div.mainBnr ul li a {display:block;}
	div.mainBnr ul li a img {display:block;}

ul.quickMenu {position: relative; z-index: 1; padding: 0;}
	ul.quickMenu li:nth-child(3) {clear: both;}
	ul.quickMenu li:first-child, ul.quickMenu li:first-child a, ul.quickMenu li:first-child a img {border-radius: 50px 0 0 0;}


div.mainBnr div.bx-pager {position: absolute; left:0; width: 100%; text-align: center;}
div.mainBnr div.bx-pager div {display:inline-block; margin-left: 10px;}
div.mainBnr div.bx-pager div:first-child {margin-left: 0;}
	div.mainBnr div.bx-pager a {display:inline-block; background-color: #fff; border-radius: 50%; text-indent: -99999px;}
	div.mainBnr div.bx-pager a.active {background-color: #25d584;  border-radius: 35px;}	


div.conferenceWrap {position: relative;}
div.conferenceWrap ul li a {display:block;}
div.conferenceWrap ul li a img {display:block;}

/* 페이저 */
div.conferenceWrap div.bx-pager {position: absolute; bottom:20px; left:0; width: 100%; text-align: center;}
div.conferenceWrap div.bx-pager div {display:inline-block; margin-left: 10px;}
div.conferenceWrap div.bx-pager div:first-child {margin-left: 0;}
	div.conferenceWrap div.bx-pager a {display:inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; text-indent: -9999999px;}
	div.conferenceWrap div.bx-pager a.active {background-color: #25d584; width: 40px; border-radius: 35px;}


div.mainSchdule {position: relative; background: rgb(35,158,208); background: linear-gradient(138deg, rgba(35,158,208,1) 0%, rgba(79,204,232,1) 100%); border-radius: 3px;}
div.mainSchdule > dl {margin: 0;}
div.mainSchdule > dl dt {padding: 0; font-family: 'roboto'; color: #fff; font-weight: bold; margin-left: 15px;}
div.mainSchdule > dl dd {padding: 0;}

div.mainSchdule table.calendar {border: 0 none;}
div.mainSchdule table.calendar * {background: transparent; text-align: center; color: #fff; width: auto; height: auto; vertical-align: middle;}
	div.mainSchdule table.calendar th {border: 0 none; text-align: center; font-size: 14px; color: #fff; background: transparent;}
	div.mainSchdule table.calendar th.sun {color: #f5ec35 !important;}
	div.mainSchdule table.calendar td {width: auto; height: auto; border: 0 none;}
	div.mainSchdule table.calendar td span.event {background-color: #fff; border-radius: 50%; color: #000; vertical-align: middle;}

	div.mainSchdule table.calendar a,
	div.mainSchdule table.calendar span {text-align: center; display:block; margin: 0 auto;}
	div.mainSchdule > dl dd p {position: absolute; margin: 0;}

/* 게시판 */
dl.noticeWrap {position: relative; border: 1px solid #cccccc; border-radius: 2px; height: 350px; width: 580px !important; box-sizing:border-box;}
	dl.noticeWrap * {margin: 0; padding: 0;}
	dl.noticeWrap dt {color: #222222; font-family: 'notosanskr bold'; font-weight: 600;}

dl.noticeWrap dd > p {background-color: #3b526d; position: relative;}
	dl.noticeWrap dd > p a {display:block;}
	dl.noticeWrap dd > p a strong.tit {color: #fff; font-family: 'notosanskr medium'; font-weight: 400; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	dl.noticeWrap dd > p a span.con {display:block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	dl.noticeWrap dd > p a span.date {color: #fff; position: absolute; top:50%; text-align: center;}
	dl.noticeWrap dd > p a span.date strong {color: #fff; display:block; text-align: center;}

dl.noticeWrap ul {overflow: hidden;}
	dl.noticeWrap ul li {position: relative; border-bottom: 1px dashed #ccc; padding: 10px 0;}
	dl.noticeWrap ul li a {display:block; color: #343434; font-family: 'notosanskr demilight'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	dl.noticeWrap ul li span {position: absolute; top:50%; margin-top: -11px; right:0; color: #2391d0;}
	dl.noticeWrap dd.more {position: absolute; margin: 0; padding: 0;}


/* 메인 컨텐츠 */
@media all and (min-width: 961px) {
div.mainVisualWrap {text-align: center; font-size: 0; background: #edf0f4 url(/image/main/mainBnrBg.png) no-repeat center top; background-size: 100% 530px;}
	div.mainBnr {width: 1030px !important;}
	div.mainBnr ul {float: left;}
	
ul.quickMenu {display:inline-block; margin: 0 0 0 -50px; border-radius: 50px 0 0 0;}
	ul.quickMenu li {float: left;}

div.mainBnr div.bx-pager {bottom:30px;}
	div.mainBnr div.bx-pager a {width: 15px; height: 15px;}
	div.mainBnr div.bx-pager a.active {width: 40px;}

div.main div.contents {width: 1300px;}

div.conferenceWrap {width: 300px !important; float: left;}

/*_메인달력*/
div.mainSchdule {float:left; width:380px; height: 350px; margin-left: 20px;box-sizing:border-box;}
	div.mainSchdule > dl {display: table-cell;width: 380px;height: 350px;padding: 0;vertical-align: middle;}
	div.mainSchdule > dl dt {display: inline-block;width: 340px;padding: 0 20px;margin: 0;font-size:24px;}
	div.mainSchdule > dl dd {position: relative;display: inline-block;width: 340px;padding: 0 20px;margin: 10px 0 0;}
	
	div.mainSchdule table.calendar td {padding: 7px 0 6px;}
	

	div.mainSchdule table.calendar a,
	div.mainSchdule table.calendar span {width:30px; font-size:14px;}
	div.mainSchdule table.calendar span {padding: 5px 0 6px;}

	div.mainSchdule p.btnMore {right:20px; top:-37px;}


/* 게시판 */
dl.noticeWrap {float: left; margin: 0 0 0 20px; padding: 30px 25px; width: 528px;}
	dl.noticeWrap dt {font-size: 26px;}

dl.noticeWrap dd {margin-top: 23px;}
	dl.noticeWrap dd > p a {padding: 25px 25px 25px 100px;}
	dl.noticeWrap dd > p a strong.tit {font-size: 16px;}	
	dl.noticeWrap dd > p a span.date {font-size: 15px; margin-top: -36px; left:25px;}
	dl.noticeWrap dd > p a span.date strong {font-size: 34px;}

dl.noticeWrap ul li {position: relative; border-bottom: 1px dashed #ccc; padding: 10px 0;}
	dl.noticeWrap ul li a {font-size: 15px; padding-right: 100px;}
	dl.noticeWrap ul li span {font-size: 15px;}

	dl.noticeWrap dd.more {top:37px; right:25px;}


/*  저널 */
ul.journal {clear: both; overflow: hidden; background: url(/image/main/journalBg.png) no-repeat center bottom; min-height: 200px; padding-top: 20px; padding-left: 495px;}
	ul.journal li {float: left; width: 260px; padding: 42px 0 43px;}
	ul.journal li a {display:block; padding: 0 30px; color: #fff; font-size: 20px; text-align: right;}
	ul.journal li a span {display:block; text-align: left;}
	ul.journal li a img {display:inline-block; margin-top: 23px;}

/* 스폰서 */
div.sponsorWrap {background-color: #fff; border-top: 1px solid #cccccc; padding: 10px 0; overflow: hidden;}
	div.sponsorWrap ul {width: 1240px; margin: 0 auto; padding: 0 30px; overflow: hidden;}
	div.sponsorWrap ul li {float: left; margin-left: 16px;}
	div.sponsorWrap ul li:first-child {margin-left: 0;}
	div.sponsorWrap ul li a {display:block;}

	div.sponsorWrap div.bx-wrapper {position: relative; width: 1240px; margin: 0 auto; padding: 0 30px;}
	div.sponsorWrap div.bx-wrapper li {width: 235px !important; margin-left: 0; margin-right: 16px;}

	div.sponsorWrap div.bx-controls a {display:block; width: 15px; height: 27px; position: absolute; top:50%; margin-top: -14px; background-repeat: no-repeat; background-position: 0 0; background-size: 15px 27px; text-indent: -99999px;}
	div.sponsorWrap div.bx-controls a.bx-next {right:0; background-image: url(/image/main/mainspon_next_arr.png);}
	div.sponsorWrap div.bx-controls a.bx-prev {left:0; background-image: url(/image/main/mainspon_prev_arr.png);}
}

/* 모바일 */
@media all and (max-width: 960px) {
div.mainVisualWrap {}
	div.mainBnr {position: relative; z-index: 0; display:inline-block;}
	
	ul.quickMenu {position: relative; z-index: 1; padding: 0; background: url(/image/main/quickBg.png) repeat-x left top; overflow: hidden;}
	ul.quickMenu li {float: left; width: 50%;}
	ul.quickMenu li a, ul.quickMenu li a img {width: 100%;}

div.mainBnr div.bx-pager {bottom:15px;}
	div.mainBnr div.bx-pager a {width: 10px; height: 10px;}
	div.mainBnr div.bx-pager a.active {background-color: #25d584; width: 30px;}


div.mainSchdule {position: relative; padding:20px 10px; background: rgb(35,158,208); background: linear-gradient(138deg, rgba(35,158,208,1) 0%, rgba(79,204,232,1) 100%); border-radius: 3px; margin-top: 10px;}
	div.mainSchdule > dl {margin: 0;}
	div.mainSchdule > dl dt {font-size:20px;}
	div.mainSchdule > dl dd {margin: 20px 0 0;}
		
	div.mainSchdule table.calendar td {padding: 4px 0 5px;}	

	div.mainSchdule table.calendar a,
	div.mainSchdule table.calendar span {width:20px; font-size:13px;}
	div.mainSchdule table.calendar span {padding: 2px 0 3px;}

	div.mainSchdule > dl dd p {right:25px; top:25px;}
	div.mainSchdule > dl dd p img {width: 15px;}



/* 게시판 */
dl.noticeWrap {padding: 20px 15px;}	
	dl.noticeWrap dt {font-size: 20px;}

dl.noticeWrap dd {margin-top: 10px;}	
	dl.noticeWrap dd > p a {padding: 15px 15px 15px 70px;}
	dl.noticeWrap dd > p a strong.tit {font-size: 14px;}
	dl.noticeWrap dd > p a span.con {font-size: 13px;}
	dl.noticeWrap dd > p a span.date {font-size: 13px; margin-top: -28px; left:15px;}
	dl.noticeWrap dd > p a span.date strong {font-size: 24px;}
		
	dl.noticeWrap ul li a {font-size: 13px; padding-right: 75px;}
	dl.noticeWrap ul li span {font-size: 13px;}

	dl.noticeWrap dd.more {top:27px; right:15px;}
	dl.noticeWrap dd.more img {width: 15px;}


/*  저널 */
ul.journal {overflow: hidden; background: url(/image/main/journalBg_m.png) no-repeat center top; background-size: 100% 200px; height: 110px; font-size: 0; padding: 90px 10px 0;}
	ul.journal li {width: 33.3%; display:inline-block; vertical-align: middle; height: 90px;}
	ul.journal li:first-child {width: 33.4%;}
	ul.journal li a {display:block; padding: 0 10px; color: #fff; font-size: 13px; text-align: center; border-left: 1px solid #fff;}
	ul.journal li:last-child a {border-right: 1px solid #fff;}
	ul.journal li a span {display:inline-block; height: 25px; padding: 10px 0;}
	ul.journal li:first-child a span {padding: 0; height: 45px;}
	ul.journal li a img {display:block; margin: 20px auto 0; width: 32px;}


/* 스폰서 */
div.sponsorWrap {background-color: #fff; border-top: 1px solid #cccccc; padding: 10px 0; overflow: hidden;}
	div.sponsorWrap ul {padding: 0 20px;}
	div.sponsorWrap ul li {float: left; margin-left: 16px;}
	div.sponsorWrap ul li:first-child {margin-left: 0;}
	div.sponsorWrap ul li a {display:block;}

	div.sponsorWrap div.bx-wrapper {position: relative; padding: 0 20px;}
	div.sponsorWrap div.bx-wrapper li {width: 130px !important; margin-left: 0; margin-right: 20px;}
	div.sponsorWrap div.bx-wrapper li img {width: 100%;}

	div.sponsorWrap div.bx-controls a {display:block; width: 10px; height: 15px; position: absolute; top:50%; margin-top: -8px; background-repeat: no-repeat; background-position: 0 0; background-size: 10px 15px; text-indent: -99999px;}
	div.sponsorWrap div.bx-controls a.bx-next {right:0; background-image: url(/image/main/mainspon_next_arr.png);}
	div.sponsorWrap div.bx-controls a.bx-prev {left:0; background-image: url(/image/main/mainspon_prev_arr.png);}

}

/* 회칙, 이용약관*/
div.rule {color: #222;}
	div.rule h3.ruleTit {font-family: 'notosanskr medium', sans-serif; font-weight: 400; color: #123e97; font-size: 18px; margin: 50px 0 10px;}
	div.rule h3.ruleTit + h4 {margin-top: 0;}
	div.rule h4 {font-family: 'notosanskr medium', sans-serif; font-weight: 400; color: #000; font-size: 15px; margin: 30px 0 10px;}

	div.rule ul.innerList{margin:0;text-indent:0;}
	div.rule ul li{text-indent:-20px;margin-left:20px;}
	
	div.privacy {}
	div.privacy .unListNum > li {margin-left: 23px; text-indent: -23px;}

@media all and (max-width: 960px) {
	div.rule {font-size: 14px;}
	div.rule ul li {margin: 5px 0 0;}
	div.rule ul li:first-child {margin-top: 0;}
}











/* 팝업 */
div#hospital.popupWrap {position: relative; width: 600px; margin: 0 auto; box-sizing:border-box; border: 1px solid #e2e2e2; font-size: 12px;}
	div#hospital div.popupHeader {padding: 15px 30px; background-color: #123e97; }
	div#hospital div.popupHeader h1 {color: #fff; font-size: 18px; font-weight: 400; margin: 0; padding: 0;}

	div#hospital div.popupCon {padding: 20px;}
	div#hospital div.popupCon p {margin-top: 10px;}
	div#hospital div.popupCon dl {padding: 10px 15px; background-color: #eeeeee;}
	div#hospital div.popupCon dl dt {color: #123e97; font-size: 16px; font-family: 'notosanskr medium' sans-serif; font-weight: 600;}

	div#hospital div.popupCon dl dd {margin-top: 10px;}
	div#hospital div.popupCon dl dd input[type='text'] {width: calc(100% - 80px);}
	div#hospital div.popupCon dl dd input[type='submit'] {margin-left: 10px; border: 0 none;}

	div.submitArea {margin-top: 30px;}
	div.submitArea table.tblDef {border-color: #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; text-align: center;}
	div.submitArea table.tblDef thead th {background-color: #f8f8f8; color: #000;}
	div.submitArea table.tblDef tr > * {border-color: #e7e7e7;}

	p.popupClose {position: absolute; top:0; right:20px; margin: 0 !important; padding: 20px 0;}
	p.popupClose a {display:block;}

div.popupWrap {width: 700px; margin: 0 auto; overflow: hidden; box-sizing:border-box; font-size: 15px;}
	div.popupWrap div.popupHeader {background: #123e97;}
	div.popupWrap div.popupHeader h1 {font-size: 30px; color: #ffffff; text-align: center; font-family: 'notosanskr demilight',sans-serif; font-weight: 300; margin: 0; padding: 15px 0;}

	div.popupWrap div.popupCon {padding: 20px; min-height: 150px;}
	div#skin01.popupWrap div.popupCon {border: 3px solid #8496bb; border-top: 0 none;}

div#skin02.popupWrap {border: 3px solid #bcc6dd;}
	div#skin02.popupWrap div.popupHeader {background-color: transparent;}
	div#skin02.popupWrap div.popupHeader h1 {padding: 3px 0 4px;}
	
	div.popupWrap div.popupCon a.btnDef {width: 100px; font-size: 13px;}

	.popupWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}


div#privacy {}
	div#privacy ul {overflow: hidden;}
	div#privacy ul li {list-style:none; margin: 0 0 5px; margin-left: 18px; text-indent: -18px;}
	div#privacy ul li:last-child {margin-bottom: 0;}


/* 2024-07-26 메인 기부자명단 추가 */
dl.donateWrap {position: relative; border: 1px solid #cccccc; border-radius: 2px;} 
	dl.donateWrap dd {margin: 0;}
	dl.donateWrap dd.more {position: absolute; margin: 0; padding: 0;}
	dl.donateWrap dt {font-family: 'NotoSansKR Bold', sans-serif;}
	dl.donateWrap ul {margin: 0; padding: 0; list-style: none;}
	dl.donateWrap ul li:last-child {margin-bottom:0;}
	dl.donateWrap ul li {background-color: #eff4f7; position: relative; font-family: 'NotoSansKR DemiLight', sans-serif;  display:flex; justify-content:space-between; overflow: hidden; box-sizing:border-box;}
	dl.donateWrap ul li span {z-index: 1;background-color: #eff4f7; text-align: left;}
	dl.donateWrap ul li span.name {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	dl.donateWrap ul li span.value {color: #2391d0; text-align: right; }
	dl.donateWrap ul li:before {z-index: 0; position: absolute; content:''; top: 50%; transform:translateY(-50%); height: 1px; border-top: 1px dashed #a6b3ba; box-sizing:border-box;}

@media all and (max-width: 960px) {
	dl.donateWrap {padding: 20px 15px;}
	dl.donateWrap dt {font-size:20px;}
	dl.donateWrap ul li:before {left: 60px; width: calc(100% - 20%);}
	dl.donateWrap ul li {padding: 4px 10px; border-radius:10px; font-size:13px; height: 27px;}
	dl.donateWrap ul li span.name {width: 55px;}
	dl.donateWrap ul li span.value {width: 90px;}
	dl.donateWrap dd {margin-top: 10px;}
	dl.donateWrap dd.more {top: 27px; right: 15px; margin-top: 0;	}
	dl.donateWrap dd.more img {width: 15px;}
	dl.donateWrap + dl.noticeWrap {width: 100% !important; height: auto;}
}
@media all and (min-width: 961px) {
	div.main .contents.mainNew {width: 1400px;}
	dl.donateWrap {float: left; width: 330px; height: 350px; margin: 0; margin-left: 20px; padding: 30px 25px; box-sizing:border-box;}
	dl.donateWrap dt {font-size:26px;}
	dl.donateWrap dd {margin-top: 18px;}
	dl.donateWrap dd.more {top: 37px; right: 25px; margin-top: 0;}
	dl.donateWrap ul li {margin-bottom: 10px; padding: 8px 10px; border-radius:19px; height: 38px;}
	dl.donateWrap ul li span {font-size:15px; padding: 0 9px; box-sizing:border-box;}
	dl.donateWrap ul li span.name {width: 70px;}
	dl.donateWrap ul li span.value {width: 116px;}
	dl.donateWrap ul li:before {left: 80px; width: calc(100% - 150px);}
	dl.donateWrap .bx-wrapper , dl.donateWrap .bx-viewport {overflow: hidden; height: 230px !important;}

	dl.donateWrap + dl.noticeWrap { width: 330px !important;}
	.contents.mainNew ul.journal {background-image: url('/image/main/journalBg_240726.png'); padding-left: 567px;}
	.contents.mainNew ul.journal li {width: 268px;}
}