@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;}
*{margin: 0;padding: 0;outline: none;}





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


body {min-width: 320px; max-width: 1903px; margin:0 auto;}
div.wrapper {position: relative; font-family: 'NotoSansKR Regular', sans-serif; min-width: 320px; max-width: 1903px; overflow: hidden;}
div.wrapper ul li, div.wrapper ol li{list-style:none;}
div.wrapper a {text-decoration: none; font-family: 'NotoSansKR Regular', sans-serif;}

div#headerWrap {z-index: 11;}	
	div#headerWrap > div::after {content:""; display:block; clear: both;}

	/* Gnb 메뉴 */
	div#headerWrap div.gnbWrap {z-index: 100; display:none; position: absolute; background-color: rgba(255,255,255, 1);}
	ul#gnb {font-size: 0;}
	ul#gnb > li {position: relative;}

	ul.innerGnb {overflow: hidden;}		
	ul.innerGnb li a {display:block; color: #000; font-family: 'notosanskr medium'; font-weight: 400;}
	ul.innerGnb li a::before {content:"-"; display:block; position: absolute;}

/* gnb 메뉴 버튼 */
	div.gnbOpen {position: absolute; z-index: 101;}
		div.gnbOpen a {display:block; overflow: hidden; text-align: center;}		
		div.gnbOpen a span {display:block; text-indent: -99999px; margin: 8px auto 0;}
		div.gnbOpen a span:first-child {margin-top: 0;}

/*
		div.gnbOpen a.open {width: 35px; height: 35px; background: transparent;}
		div.gnbOpen a.open span {margin: 0; background-color: #000;}
		div.gnbOpen a.open span:nth-child(1) {transform: rotate(-45deg); margin-top: 17px;}
		div.gnbOpen a.open span:nth-child(3) {transform: rotate(45deg); margin-top: -4px;}
		div.gnbOpen a.open span:nth-child(2) {margin-left: -999px;} 
*/


/* 푸터 시작 */
div#footerWrap {z-index: 3; position: relative; border-top: 1px solid #cccccc;}
	div#footerWrap > div {position: relative; color: #34485c;}
	div#footerWrap > div a {color: #34485c;}
	div#footerWrap ul li {display:inline-block;}
	div#footerWrap ul.info {margin-bottom: 5px;}
	div#footerWrap div p.ssl img {display:block;}


div#container {z-index: 4;}
	div#container::after{content:""; display:block; clear: both;}

	div.contents {position: relative;}
	div.contents::after{content:""; display:block; clear: both;}


/* PC부분 */
@media all and (min-width: 961px) {
div#headerWrap::before {z-index: 0; content:""; display:block; position: absolute; top:0; left:0; width:32%; height:5px; background-color: #005dab;}
	div#headerWrap::after  {z-index: 1; content:""; display:block; position: absolute; top:0; right:0; width:68%; height:5px; background-color: #b3c6d6;}
	div#headerWrap > div {width: 1200px; margin: 0 auto;}	
	div#headerWrap > div h1 {float: left; padding: 22px 0;}

/* Gnb 메뉴 */
	div#headerWrap div.gnbWrap {display:block; top:100px; left:calc(50% - 8px); width: 1200px; margin-left: -592px; overflow: hidden; height: 0;}
	div#headerWrap div.gnbWrap.open {height: 450px; /*transition-duration: 0.5s;*/ margin-left: -592px;}
	
		ul#gnb {padding-top: 10px;}	
		ul#gnb > li {display:inline-block; vertical-align: top; width: 20%; box-sizing:border-box; padding: 0 30px; border-left: 1px solid #b2b2b2; height: 385px;}
		ul#gnb li h3 {font-family: 'notosanskr medium'; font-size: 20px; color: #000; font-weight: 400; margin: 145px 0 20px;}
		ul#gnb li h3 a {cursor: default; color: #000;}
		ul#gnb li h3 img {display:block; position: absolute; top:0; left:-1px;}
		ul#gnb li h3 strong {display:block;}
	
		ul.innerGnb li {margin-top: 20px;}
		ul.innerGnb li:first-child {margin-top: 0;}
		ul.innerGnb li a {position: relative; padding-left: 15px; font-size: 15px;}		
		ul.innerGnb li a:hover,
		ul.innerGnb li a:hover ul.innerGnb li a::before {color: #0092d6;}
		ul.innerGnb li a::before {display:none;}


/* gnb 메뉴 버튼 */
	div.gnbOpen {top:20px; right:50%; margin-right: -600px;}
		div.gnbOpen a {width: 65px; padding: 11px 0 8px; background-color: #005dab;}
		div.gnbOpen a strong {display:block; text-align: center; color: #fefefe; margin-top: 5px; font-size: 14px; font-family: 'notosanskr demilight';}
		div.gnbOpen a span {background-color: #fefefe; width: 35px; height: 2px;}

/* 
	gnb open버튼 css위치 설정부분 (미사용 시 제거)
	div.gnbOpen a.open {width: 35px; height: 35px; background: transparent; padding: 0; margin-top: 80px;}		 
*/


/* 헤더유틸 */
	ul.headerUtil {overflow: hidden; float: right; font-size: 0; padding: 37px 0 38px; margin-right: 90px;}
		ul.headerUtil li.admin {}
		ul.headerUtil li.admin a {display:block; color: #fff; background-color: #005dab; padding: 3px 20px; font-size: 13px;}
		ul.headerUtil li {display:inline-block;}
		ul.headerUtil li::after {content:"｜"; display:inline-block; margin: 0 10px; font-size: 15px; color: #272937;}
		ul.headerUtil li:last-child::after {display:none;}
		ul.headerUtil li a {display:inline-block !important; font-size: 15px; color: #272937;}
		ul.headerUtil li a img {display:inline-block; vertical-align: middle; margin-right: 5px;}


/* 푸터 시작 */
div#footerWrap {padding: 25px 0 45px;}
div#footerWrap > div {background: url(/image/common/footerLogo.png) no-repeat left 30px; width: 1200px; margin: 0 auto; padding-left: 250px; box-sizing:border-box;}

div#footerWrap ul.privacy {margin-bottom: 10px;}
div#footerWrap ul.privacy li::after {content:"｜"; display:inline-block; margin: 0 5px;}
div#footerWrap ul.privacy li:last-child::after {display:none;}
div#footerWrap ul.privacy li a {font-weight: 600;}

div#footerWrap ul.info {margin-bottom: 5px;}
div#footerWrap ul.info li::after {content:"|"; display:inline-block; margin: 0 5px;}
div#footerWrap ul.info li:last-child::after {display:none;}

div#footerWrap ul.contact {margin-bottom:5px;}
div#footerWrap ul.contact li:before {content:"｜"; display:inline-block; margin: 0 5px;}
div#footerWrap ul.contact li:first-child:before {content:none;}


div#footerWrap div p.ssl {position: absolute; top:50%; right:0; margin-top: -32px;}
div#footerWrap div p.ssl img {display:block;}


/* 컨테이너 */

div#container {text-align: center; font-size: 0; min-width: 1200px;}

div.titArea {position: relative; background: url(/image/sub/titBg.png) no-repeat center top;padding: 68px 0 69px;}
	div.titArea h2 {font-family: 'notosanskr medium'; font-size: 52px; color: #fff; font-weight: 400; text-align: center;}

div.lnbWrap {display:inline-block; vertical-align: top; border-left: 1px solid #c4ced9; border-right: 1px solid #c4ced9; min-height: 500px;}
dl.lnb {width: 218px;}
	dl.lnb dt {display:table-cell; font-size: 24px; width: 218px; height: 120px; vertical-align: middle; text-align: center; color: #fff; font-weight: 600; font-family: 'notosanskr medium'; background: url(/image/sub/lnbTitBg.png) no-repeat center top;}
	dl.lnb dt a {display:none !important;}
	dl.lnb dt a i {display:none !important;}

	dl.lnb dd {display:block !important;}
	dl.lnb dd ul li a {position: relative; display:table-cell; width: 218px; height: 50px; padding: 0 15px; font-size: 14px; vertical-align: middle; text-align: left; border-bottom: 1px solid #c4ced9; color: #222; font-family: 'notosanskr demilight'; font-weight: 400;}
	dl.lnb dd ul li a::after {content:""; display:block; width: 8px; height: 14px; z-index: 10; position: absolute; top:18px; right:15px; background: url(/image/sub/lnbArr.png) no-repeat 0 0;}
	dl.lnb dd ul li.on a {background-color: #e6eff9;}	
	dl.lnb dd ul li a img {display:inline-block; vertical-align: middle; margin-right: 10px;}

ul.pageNavi {z-index: 10; position: absolute; bottom:-43px; left:50%; margin-left: -340px;}
	ul.pageNavi li {font-size: 13px; color: #000; display:inline-block; vertical-align: middle;}
	ul.pageNavi li:after {content:""; display:inline-block; margin: 0 5px; background: url(/image/sub/pageNaviArr.png) no-repeat 0 0; width: 6px; height: 9px;}
	ul.pageNavi li:last-child {color: #1b93ef;}
	ul.pageNavi li:last-child::after {display:none;}
	ul.pageNavi li img {display:inline-block; vertical-align: top; margin-top: 4px;}

div.contents {display:inline-block; width: 980px; padding: 80px 0 100px 40px; vertical-align: top; text-align: left; font-size: 15px; color: #222; box-sizing:border-box;}

}


/* Mobile부분 */
@media all and (max-width: 960px) {
div#headerWrap > div {padding: 0 10px; border-bottom: 1px solid #e8e8e8;}
div#headerWrap > div h1 {}
div#headerWrap > div h1 a {display:inline-block; height: 40px; padding: 12px 0 13px;}
div#headerWrap > div h1 img {height: 100%;}



div#headerWrap div.gnbWrap {display:block !important; left:100%; top:0; width: 100%; height: 100%; padding-top: 100px; transition-duration: 0.5s;}
div#headerWrap div.gnbWrap.open {display:block; left: 0; transition-duration: 0.5s;}
div#headerWrap div.gnbWrap h2,
div#headerWrap div.gnbWrap img {display:none;}
div#headerWrap div.gnbWrap a {display:block; font-size: 16px; color: #000;}


/* 모바일용 gnbUtil */
div#headerWrap div.gnbWrap div.gnbUtil {position: absolute; top:0; left:0; width: 100%;}
	div#headerWrap div.gnbWrap div.gnbUtil p {}
	div#headerWrap div.gnbWrap div.gnbUtil p a {/*background: url(/image/common/loginIcon.png) no-repeat 20px center; background-size: 27px auto;*/ padding: 8px 0 9px 65px;}
	div#headerWrap div.gnbWrap div.gnbUtil p strong {display:block; font-size: 18px; color: #000000; font-family: 'notosanskr medium'; font-weight: 600;}

	div#headerWrap div.gnbWrap div.gnbUtil div.login p {padding: 19px 0 19px 10px; overflow: hidden;}
	div#headerWrap div.gnbWrap div.gnbUtil div.login p strong {display:block; float: left; margin-right: 10px;}
	div#headerWrap div.gnbWrap div.gnbUtil div.login p a {display:block; float: left; font-size: 12px; font-family: 'notosanskr medium'; font-weight: 400; color: #fff; padding: 4px 0 5px; width: 60px; text-align: center; background-color: #07459a;}


	div#headerWrap div.gnbWrap div.gnbUtil ul {font-size: 0;}
	div#headerWrap div.gnbWrap div.gnbUtil ul li {width: 50%; float: left;}
	div#headerWrap div.gnbWrap div.gnbUtil ul li a {display:block; font-size: 12px; padding: 21px 5px 21px 45px; background-color: #0092d6; background-repeat: no-repeat; background-size: 21px auto; background-position: 20px center; color: #fff !important;}
	div#headerWrap div.gnbWrap div.gnbUtil ul li:last-child a {background-color: #07459a;}

	div#headerWrap div.gnbWrap div.gnbUtil div.logout ul li:nth-child(1) a {background-image: url(/image/common/gnbUtil_logout_join.png);}
	div#headerWrap div.gnbWrap div.gnbUtil div.logout ul li:nth-child(2) a {background-image: url(/image/common/gnbUtil_logout_find.png);}

	div#headerWrap div.gnbWrap div.gnbUtil div.login {margin: 0; padding: 0; background-color: transparent; border: 0 none; box-shadow: none;}
	div#headerWrap div.gnbWrap div.gnbUtil div.login ul li a {background-size: 24px auto;}
	div#headerWrap div.gnbWrap div.gnbUtil div.login ul li:nth-child(1) a {background-image: url(/image/common/gnbUtil_login_myPage.png);}
	div#headerWrap div.gnbWrap div.gnbUtil div.login ul li:nth-child(2) a {background-image: url(/image/common/gnbUtil_login_pay.png);}


ul#gnb {border-top: 1px solid #ccc; margin-top:26px; height:100vh; background-color:#fff;}
	ul#gnb li {list-style:none;}
	ul#gnb li h3 a {position: relative; padding: 20px 10px; border-bottom: 1px solid #ccc; background-color: #fff;}
	ul#gnb li h3 a::after {content:"+"; display:block; position: absolute; top:0; right:0; font-size: 30px; font-family: 'notosanskr demilight'; font-weight: 100; padding: 10px; color: #666666;}
	
	ul#gnb li.down h3 a {color: #07459a;}
	ul#gnb li.down h3 a::after {content:"-"; padding:  10px 13px; color: #666666;}

	ul#gnb li ul.innerGnb {height: 0; overflow: hidden; transition-duration: 0.5s;}
	ul#gnb li.down > ul.innerGnb {height: auto; transition-duration: 0.5s;}
	ul.innerGnb li a {position: relative; padding: 15px 30px; background-color: #f5f8ff; font-size: 16px; font-family: 'notosanskr demilight'; font-weight: 100;}
	ul.innerGnb li a::before {content:"-"; display:block; position: absolute; top:50%; left:20px; margin-top: -11px; font-size: 15px;}


/* gnbopen */
div.gnbOpen {display:block; top:0; right:0;}
div.gnbOpen a {padding: 21px 20px 22px;}
div.gnbOpen a strong {display:none;}
div.gnbOpen a span {display:block; text-indent: -99999px; margin: 8px auto 0; background-color: #000; width: 25px; height: 2px;}

div.gnbOpen a.open {width: 35px; height: 35px; background: transparent; padding: 21px 10px 15px 20px;}


/* 푸터 시작 */
div#footerWrap {padding: 10px;}
div#footerWrap > div {font-size: 13px;}
div#footerWrap > div ul {margin-bottom: 10px;}
div#footerWrap > div a {font-size: 13px;}

div#footerWrap ul.privacy {margin-bottom: 10px;}
div#footerWrap ul.privacy li::after {content:"｜"; display:inline-block; margin: 0 5px;}
div#footerWrap ul.privacy li:last-child::after {display:none;}

div#footerWrap ul.info {margin-bottom: 5px;}
div#footerWrap ul.info li::after {content:"/"; display:inline-block; margin: 0 5px;}
div#footerWrap ul.info li:last-child::after {display:none;}
div#footerWrap ul.contact li:first-child::after {content:"｜"; display:inline-block; margin: 0 5px;}

div#footerWrap div p.ssl {margin: 20px 0;}


div.titArea {display:none;}

div.lnbWrap {position: relative; z-index: 6;}
	dl.lnb {position: relative;}
	dl.lnb dt {background-color: #2e335d; text-indent: -99999px; font-size: 0;}
	dl.lnb dt a {display:block; color: #fff; font-size: 17px; padding: 15px 20px; font-family: 'notosanskr medium'; text-indent: 0;}
	dl.lnb dt a i {position: absolute; top:50%; right:20px; font-size: 25px; margin-top: -13px;}

	dl.lnb dd {display:none; position: absolute; top:55px; left:0; width: 100%; background-color: #1b204a;}
	dl.lnb dd ul li a {display:block; padding: 15px 20px; font-size: 17px; color: #fff; font-family: 'notosanskr medium'; font-weight: 400;}
	dl.lnb dd ul li a img {display:none;}


/* 컨텐츠 부분 */
div.contents {z-index: 5; padding:  20px 0 40px; font-size: 14px;}


}

/* pc */
@media all and (min-width: 961px) {
	/* 인사말 */
	div.message {background: url(/image/sub/messageBg.png) no-repeat right top; font-size: 16px; text-align: justify;}
	div.message p {margin-top: 40px;}
	div.message > p:first-child {margin-top: 0;}
		
	div.message div.paddingArea p:nth-of-type(2) {padding-right: 350px;}
}


/* 모바일 */
@media all and (max-width: 960px) {
	/* 인사말 */
	div.message {background: url(/image/sub/messageBg.png) no-repeat center bottom; font-size: 14px; text-align: justify; padding: 0 10px 300px; background-size: auto 250px;}
	div.message p {margin-top: 15px;}
	div.message > p:first-child {margin-top: 0;}
		
	
}





/* 검색 */
div.search {background-color: #f3f3f3; text-align: center;}
	div.search form {text-align: left; font-size: 0;}
	div.search form fieldset {font-size: 0;}
	div.search form fieldset * {border: 1px solid #cccccc; box-sizing:border-box; vertical-align: top; outline: 0 none;}
	div.search form fieldset legend {display:none; width: 0; height: 0;}
	div.search span {display:inline-block; border: 0 none !important;}
	div.search span input[type='submit']{background-color: #2b3c4d; color: #fff; border: 0 none;}


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

div.search {padding: 25px 0;}
	div.search form {display:inline-block;}	
	div.search form fieldset * {height: 50px; display:inline-block;}
	div.search select {width: 140px; margin-right: 10px;}
	div.search input[type='text'] {width: 550px;}
	div.search span input[type='submit']{width: 110px; font-size: 15px;}
	
}

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

div.search {padding: 25px 10px;}
	div.search form {display:block;}	
	div.search form fieldset * {height: 50px; display:block;}
	div.search select {width: 20%; margin-right: 1%; float: left;}
	div.search input[type='text'] {width: 79%;}
	div.search span {margin-top: 10px;}
	div.search span input[type='submit'] {clear: both; width: 100%;}

	
}

/* 공통 css class */

/* 페이징 */
ul.pager {margin: 0;padding:20px 0 10px;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li.on a {}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;/*width: 100%;*/vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;vertical-align: top;line-height:20px;text-decoration: none;color: #808080;}


ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {text-align: center; background-color: #2e335d; color: #fff;}
ul.pager a img {vertical-align: top;}


@media all and (min-width: 961px) {
ul.pager a {padding: 7px 13px 8px 14px; font-size: 15px;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {width: 35px;}

ul.pager a img {width: 35px;}
	
}
@media all and (max-width: 960px) {

ul.pager a {padding: 4px 6px 5px 7px; font-size: 14px;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {width: 30px;}

ul.pager a img {width: 30px;}
	
}

/* 기본테이블 */

table.tblDef,
table.inputTbl {border-top: 2px solid #2c3e4c; border-collapse: separate; border-spacing: 0;}
	table.tblDef thead tr th,
	table.inputTbl thead tr th {text-align: center; background-color: #f4f5f6; color: #222222; font-family: 'notosanskr medium' font-weight: 400;}

	table.tblDef tr > *,
	table.inputTbl tr > * {border-bottom: 1px solid #ccc; padding: 10px; font-size: 15px;}

	table.tblDef tr > *:first-child,
	table.inputTbl tr > *:first-child {border-left:  0 none;}

	table.tblDef tbody tr th,
	table.inputTbl tbody tr th {background-color: #f4f5f6;}

	table.tblDef tbody tr th + td,
	table.inputTbl tbody tr th + td {border-left: 0 none;}

@media all and (max-width: 960px) {	
	
	table.tblDef tr > * {border-bottom: 1px solid #ccc; padding: 10px; font-size: 13px;}	

}


/* form관련 */

div.formArea {}
div.formArea input[type='text'],
div.formArea input[type='password'] {height: 30px;}

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

	div.formArea input[type='text'],
	div.formArea input[type='password'] {width: 85%;}

}

@media all and (max-width: 960px) {
div.formArea table.inputTbl {}
	div.formArea table.inputTbl th,
	div.formArea table.inputTbl td {word-break: keep-all; font-size: 13px;}
	div.formArea input[type='text'],
	div.formArea input[type='password'] {width: 95%;}


div.onlyPc {
    background: url(/image/sub/onlyPc.png) no-repeat center center;
    width: 100%;
    height: 400px;
    background-size: 50% auto;
    text-indent: -99999px;
	
	}
}


/* 메뉴관련 */

.subMenu {font-size: 0; text-align: center; text-align: center;}
.subMenu li {display:inline-block; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing:border-box;}
.subMenu li a {display:table-cell; text-align: center; font-size: 15px; color: #666666; vertical-align: middle; font-family: 'notosanskr medium';}
.subMenu li:last-child {border-right: 1px solid #ccc;}
.subMenu li.on a {background-color: #005dab; color: #fff; border-color: #005dab;}


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

	.subMenu li {vertical-align: middle;}
	.subMenu li a {height: 60px;}

	dl.rwMenu dt {display:none;}
	dl.rwMenu dd.toggleCon {display:block !important;}
	
}


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

.subMenu {margin: 0 10px;}
.subMenu li {height: 50px; vertical-align: top;}
	.subMenu li a {height: 48px;}
	


	dl.rwMenu {position: relative;}
	dl.rwMenu dt a {display:block; text-align: center; padding: 8px 0; font-size: 16px; color: #fff; font-family: 'notosanskr medium'; font-weight: 400; background-color: #4e78b9;}
	dl.rwMenu dt a i {margin-left: 10px;}
	dl.rwMenu dd {display:none; position: absolute; top:40px; left:0; width: 100%; margin: 0; padding: 0; border: 1px solid #ccc; background-color: #fff;}
	dl.rwMenu dd ul.subMenu {background: none;}
	dl.rwMenu dd ul.subMenu li {display:block; float: none; width: auto !important;}
	dl.rwMenu dd ul.subMenu li a {display:block; padding: 10px 0; margin: 0; color: #111 !important; font-size: 14px; border-bottom: 0 none;}
	dl.rwMenu dd ul.subMenu li:last-child a {border-bottom: 0 none;}


	div.onlyPc {background: url(/image/sub/onlyPc.png) no-repeat center center; width: 100%; height: 400px; background-size: 50% auto; text-indent: -99999px;}	
}








/* 파일첨부 */
div.selectFile {overflow:hidden;margin-top: 5px;}
div.selectFile:first-child {margin-top: 0;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:35px;padding: 4px 10px;}
div.selectFile p.find {position: relative;width:80px;height: 24px;padding: 5px 0 6px;margin-left:5px;background-color:#393939;color: #fff;text-align: center;}
div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}

.btn {font-size: 0;}
.btn > * {margin-left: 10px;}
.btn > *:first-child {margin-left: 0;}

.btn a,
.btn input,
.btn button {display:inline-block; text-decoration:none; cursor:pointer; padding: 10px 0px 16px;font-size:16px; border-style:solid; border-width:1px; vertical-align:top; text-align: center !important;}

.btn a {height:auto;line-height: 19px;padding: 7px 15px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

/* 기본버튼 사이즈 */
.btn a,
.btn input[type='submit'],
.btn input[type='button'] {padding: 16px 35px 17px;}

/* 작은버튼 */
.btn .btnSmall {font-size: 12px !important; padding: 4px 15px 4px 15px !important; line-height: 1.5;}


/* 가득찬 버튼 */
.btn .fullBtn {width: 100%;}


/* 버튼 기본색상 -  (네이비) */			.btn .btnDef {background-color:#2e335d;border-color:#2e335d;color:#fff !important;}
/* 포인트버튼	 	(황색)*/				.btn .btnPoint {background-color:#db8915;border-color:#db8915;color:#fff !important;}
/* 회색 -			(취소, 리셋 등 사용) */				.btn .btnGrey {background-color:#d6d6d6;border-color:#d6d6d6;color:#444 !important;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#e72259;border-color:#e72259;color:#fff !important;}

/* 검정 */			.btn .btnBlack {color: #fff; background-color: #202020 !important; border-color: #202020 !important;}

/* border + 흰배경 버튼 (네이비) */		.btn .btnBdDef {background-color:#fff;border-color:#2e335d;color:#2e335d !important;}
/* border + 흰배경 버튼 (황색)*/			.btn .btnBdPoint {background-color:#fff;border-color:#db8915;color:#db8915 !important;}
/* border + 흰배경 회색 (취소, 리셋 등 사용)*/			.btn .btnBdGrey {background-color:#fff;border-color:#d6d6d6;color:#d6d6d6 !important;}








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

	.mobileOnly {display:none !important;}
	.pointTxt {font-size: 20px; color: #005dab; font-family: 'notosanskr bold'; font-weight: 600;}
	span.noti {color: #fff; background: #d29615; font-size: 13px; padding: 3px 10px 4px; border-radius: 3px;}
}
@media all and (max-width: 960px) {

	.pcOnly {display:none !important;}
	.pointTxt {font-size: 18px; color: #005dab; font-family: 'notosanskr bold'; font-weight: 600;}
	span.noti {color: #fff; background: #d29615; font-size: 10px; padding: 3px 5px 4px; border-radius: 3px;}
}




/* 메인페이지 컨텐츠 */
div#container.main {}
div#container.main + div#footerWrap {border-top: 0 none;}
	div#container.main div.contents {display:block; margin: 0 auto; padding: 0; box-sizing:inherit; vertical-align: baseline;}

/* 메인배너 */
div.mainBnr {position: relative;}
	div.mainBnr ul {overflow: hidden;}
	

/* 메인배너 pager */
div.mainBnr div.bx-pager {position: absolute;}
	div.mainBnr div.bx-pager div {display:inline-block;}		
	div.mainBnr div.bx-pager div:first-child {margin-left: 0;}
	div.mainBnr div.bx-pager div a {display:block; background-color: #fff; border-radius: 50%;}
	div.mainBnr div.bx-pager div a.active {border-radius: 35px; background-color: #f0c83f;}


/* 퀵메뉴 */
ul.quickMenu {background-color: #fff; overflow: hidden; font-size: 0; box-shadow: 0 5px 20px rgba(0,0,0, 0.2)}
	ul.quickMenu li {display:inline-block; vertical-align: top;}
	ul.quickMenu li a {position: relative; display:block; text-align: center; color: #000;}
	ul.quickMenu li a::after {content:""; display:block; position: absolute; top:0; right:0; width: 1px; height: 100%; background-color: #ccc;}
	ul.quickMenu li:last-child a::after {display:none;}
	ul.quickMenu li a span {display:block; text-align: center;}
	ul.quickMenu li a img {display:inline-block;}
	ul.quickMenu li a strong {display:inline-block; font-family: 'notosanskr medium'; font-weight: 400;}


div.boxWrap::after {content:""; display:block; clear: both;}
div.boxWrap:last-child {margin-bottom: 0;}		

/* 메인 워크숍, 저널 */	
	dl.journal dd.btn a {display:inline-block; color: #fff; border: 1px solid #fff; background-color: #242951;}
	

/* 워크숍 */	
	div.workshop {position:relative;  display: inline-block;}
	div.workshop ul {margin: 0; padding: 0; list-style: none;}
	div.workshop ul:after {clear: both; content:''; display: block;}
	div.workshop ul li {float: left;}
	div.workshop ul li a,	div.workshop ul li img{display: block;}
	
	div.workshop div.bx-pager {position: absolute;}
	div.workshop div.bx-pager div {display:inline-block;}		
	div.workshop div.bx-pager div:first-child {margin-left: 0;}
	div.workshop div.bx-pager div a {display:block; background-color: #fff; border-radius: 50%; font-size:0;}
	div.workshop div.bx-pager div a.active {border-radius: 35px; background-color: #f0c83f;}

/* 저널 */
	dl.journal {color: #fff;}
	dl.journal dt {font-family: 'notosanskr medium'; font-weight: 400;}
	dl.journal dt strong {display:block; margin-bottom: 5px;}

	dl.journal dd.btn a {display:block; background-color: #633a4a; margin-left: 0; margin-top: 10px;}
	dl.journal dd.btn a:first-child {margin-top: 0;}



/* 공지사항, 학술행사 */
dl.notice, dl.conference {position: relative;}
	dl.notice dt, dl.conference dt {color: #fff; font-family: 'notosanskr medium'; font-weight: 400; background-color: #2e335d;}	
	dl.notice dd.more, dl.conference dd.more {position: absolute; padding: 0; margin: 0;}

/* 공지사항 */
	dl.notice dd ul {font-size: 0; overflow: hidden;}
	dl.notice dd ul li {position: relative;}
	dl.notice dd ul li a {display:block; color: #222; font-family: 'notosanskr demilight'; font-weight: 400; border-bottom: 1px solid #ccc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	dl.notice dd ul li:last-child a {border-bottom: 0 none;}
	dl.notice dd ul li span {position: absolute; color: #222;}

/* 학술행사 */
	dl.conference dd > ul {overflow: hidden; font-size: 0;}
	dl.conference dd > ul > li {position: relative; border-bottom: 1px solid #ccc;}
	dl.conference dd > ul > li:last-child {border-bottom: 0 none;}
	dl.conference dd > ul > li strong {position: absolute; font-family: 'notosanskr medium'; font-weight: 400;}

	dl.conference dd > ul > li a {display:block; color: #222; font-family: 'notosanskr demilight'; font-weight: 400;}
	dl.conference dd > ul > li a span {display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	dl.conference dd ul li.none_text {padding:54px 52.5px !important; text-align:center; font-size:18px; color:grey;}

	dl.conference ul.info {font-size: 0;}
	dl.conference ul.info li {display:inline-block; color: #b8b8b8;}
	dl.conference ul.info li::after {content:"I"; display:inline-block; margin: 0 10px 0 10px;}
	dl.conference ul.info li:nth-of-type(2) {width:65%; height: 17px; overflow:hidden; vertical-align:top;}
	dl.conference ul.info li:last-child::after {display:none;}
	


/* 스폰서 */
div.sponsorWrap {background-color: #f1f4f7; border-top: 1px solid #ccc;}
	div.sponsorWrap dl {position: relative; text-align: left;}
	div.sponsorWrap dl dt {color: #222; font-size: 15px; font-family: 'notosanskr medium'; font-weight: 600; text-transform: uppercase;}

	div.sponsorWrap dl dd ul {overflow: hidden;}
	div.sponsorWrap dl dd ul li {float: left;}
	div.sponsorWrap dl dd ul li:last-child {margin-right: 0;}
	div.sponsorWrap dl dd ul li a {display:block; width: 100%; height: 100%;}
	div.sponsorWrap dl dd ul li a img {display:block;}

/* 스폰서 슬라이드 컨트롤러 */
div.bx-controls-direction a.bx-prev {background-image: url(/image/main/sponsorArr_prev.png); margin-right: 5px;}
	div.bx-controls-direction a.bx-next {background-image: url(/image/main/sponsorArr_next.png); margin-left: 5px;}
	div.bx-controls-auto {right: 35px}
	div.bx-controls-auto a {display:block; position: absolute; top:0; left:0;background-image: url(/image/main/sponsor_autoControl.png); width: 7px; height: 9px;}
	div.bx-controls-auto a.active {display:none;}


@media all and (min-width: 961px) {
div#container.main div.contents {width: 1200px;}

/* 메인배너 */
div.mainBnr {height: 500px;}
	div.mainBnr ul {}
	div.mainBnr ul li {height: 500px;}
	
	div.mainBnr ul li img {display:block; width:100%; height:500px;}

/* 메인배너 pager */
div.mainBnr div.bx-pager {bottom: 110px; left:50%; margin-left: -590px;}
	div.mainBnr div.bx-pager div {margin-left: 10px;}
	div.mainBnr div.bx-pager div a {width: 15px; height: 15px;}
	div.mainBnr div.bx-pager div a.active {width: 35px;}


/* 퀵메뉴 */
ul.quickMenu {padding: 30px 0; margin-top: -65px; margin-bottom: 60px;}
	ul.quickMenu li {width: 20%;}
	ul.quickMenu li a {font-size: 24px;}	
	ul.quickMenu li a span {height: 80px; margin-bottom: 20px;}


div.boxWrap {margin-bottom: 20px;}
	div.boxWrap > * {display:inline-block; width: calc(50% - 10px); float: right;}
	div.boxWrap > *:nth-child(odd) {display:inline-block; width: calc(50% - 10px); float: left;}

/* 메인 워크숍, 저널 */
	div.boxWrap dl.journal {height: 320px; box-sizing:border-box; background-repeat: no-repeat; background-position: center top;}
	dl.journal dd.btn {margin-top: 25px;}
	dl.journal dd.btn a {font-size: 14px; width: 103px;	padding: 9px 0 10px;}

/* 워크숍 */
	div.workshop div.bx-pager {bottom: 20px; right:20px;}
	div.workshop div.bx-pager div {margin-left: 10px;}
	div.workshop div.bx-pager div a {width: 15px; height: 15px;}
	div.workshop div.bx-pager div a.active {width: 35px;}

/* 저널 */

	dl.journal {padding: 60px 55px 55px; background-image: url(/image/main/jourBg.png);}
	dl.journal dt {font-size: 20px;}
	dl.journal dt strong {font-size: 34px;}

	dl.journal dd.btn a {width: 155px;}
	

/* 공지사항, 학술행사 */
dl.notice, dl.conference {border: 4px solid #2e335d; box-sizing:border-box;}
	dl.notice dt, dl.conference dt {font-size: 22px; padding: 20px 35px;}
	dl.notice dd, dl.conference dd {padding: 10px 30px;}
	dl.notice dd.more, dl.conference dd.more {top:26px; right:35px;}
	
/* 공지사항 */
	dl.notice dd ul {height: 135px;}	
	dl.notice dd ul li a {font-size: 16px; padding: 10px 100px 10px 10px;}	
	dl.notice dd ul li span {top:11px; right:20px; font-size: 14px;}

/* 학술행사 */
	dl.conference dd > ul {height: 135px;}
	dl.conference dd > ul > li {padding: 0 0 0 105px;}	
	dl.conference dd > ul > li strong {top:50%; left:15px; font-size: 24px; margin-top: -18px;}

	dl.conference dd > ul > li a {font-size: 16px; padding: 12px 0;}
	dl.conference dd > ul > li a span {padding-right: 10px;}

	dl.conference ul.info li {font-size: 14px;}

/* 스폰서 */
	div.sponsorWrap {margin-top: 50px; padding: 15px 0;}
	div.sponsorWrap dl {width: 1200px; margin: 0 auto; padding: 0 0 0 200px; height: 49px; box-sizing:border-box;}
	div.sponsorWrap dl dt {position: absolute; top:50%; left:0;	margin-top: -11px; font-size: 15px;}
	div.sponsorWrap dl dd ul li {width: 158px !important; height: 50px; margin-right: 10px;}
	
	
	

/* 스폰서 슬라이드 컨트롤러 */
div.bx-controls-direction, div.bx-controls-auto {position: absolute; top:50%; margin-top: -5px;}
div.bx-controls-direction a, div.bx-controls-auto a {display:inline-block; width: 6px; height: 9px; text-indent: -999999px; background-repeat: no-repeat; background-position: 0 0;}

div.bx-controls-direction{left:150px;}
div.bx-controls-auto {left: 130px;}
div.bx-controls-auto a {width: 7px;}


/* 미션과 비전 */
div.mission {}
	div.mission {padding: 0 50px;}
	div.mission dl {text-align: center;}
	div.mission dd, div.mission li {font-family: 'NotoSansKR Light', sans-serif;line-height: 21px;letter-spacing: -1px;}
	div.mission dd {margin-top: 15px;color: #000;font-size: 18px;}
	
	dl.mission {margin-bottom: 20px;border: 8px solid #2799f8;background-size:100%;box-sizing: border-box; }
	dl.mission dt, dl.mission dd {width: 740px;margin: 0 auto;}
	dl.mission dt {margin-top: -8px;padding-top: 42px;border-top: 8px solid #fff;}
	dl.mission dd {margin-bottom: -8px;padding: 20px 0 42px;background:url('/image/sub/mission_m_bg.png') no-repeat center bottom #fff;background-size: 100% 91px;}

	dl.rescue {position: relative;margin-top: 100px;padding: 90px 0 30px;background-color: #f4f9ff;border: 1px solid #ccdcef;border-radius: 35px;}
	dl.rescue dt {position: absolute;top: -12px;left: 50%; transform: translateX(-50%); }
	dl.rescue dt:after {z-index: -1;position: absolute;display: block;content:'';left: 50%; transform: translateX(-50%);top: -61px;width: 150px;height: 150px;background-color: #fff;border-radius: 50%;}
	dl.rescue li {color: #4a4949;font-size: 16px;}
	dl.rescue li + li {margin-top: 15px;}
	dl.rescue li span {padding-right: 10px;}
}


@media all and (max-width: 960px) {
	
/* 메인배너 */
	div.mainBnr ul li {background: none; width: 100%;}
	div.mainBnr ul li img {display:block; width: 100%;}

/* 메인배너 pager */
div.mainBnr div.bx-pager {bottom: 50%; left:5%;}
	div.mainBnr div.bx-pager div {margin-left: 10px;}
	div.mainBnr div.bx-pager div a {width: 7px; height: 7px; text-indent: -99999px;}
	div.mainBnr div.bx-pager div a.active {width: 20px;}


/* 퀵메뉴 */
ul.quickMenu {padding: 15px 0; margin: -50px 10px 30px;}
	ul.quickMenu li {width: 33.3%;}
	ul.quickMenu li:nth-child(2) {width: 33.4%;}
	ul.quickMenu li a {font-size: 15px;}
	ul.quickMenu li a span {height: 40px; margin-bottom: 10px;}	
	ul.quickMenu li a span img {height: 100%;}


div.boxWrap {margin-bottom: 20px; padding: 0 10px;}
	div.boxWrap > * {display:block; margin-bottom: 20px;}

/* 메인 워크숍, 저널 */	
	
	dl.journal dd.btn a {font-size: 14px; width: 103px;}

/* 워크숍 */

	div.workshop div.bx-pager {bottom: 5%; right:5%;}
	div.workshop div.bx-pager div {margin-left: 10px;}
	div.workshop div.bx-pager div a {width: 7px; height: 7px; text-indent: -99999px;}
	div.workshop div.bx-pager div a.active {width: 20px;}

/* 저널 */
	dl.journal {padding: 10px 10px 11px; 
	background-image:  url(/image/main/jour_book.png), url(/image/main/jour_m.png);
	background-repeat: no-repeat, no-repeat;
	background-position: calc(100% - 10px) center, center top;
	background-size: 100px auto, 100% auto;
	}
	dl.journal dt {font-size: 14px;}
	dl.journal dt strong {font-size: 16px;}

	dl.journal dd.btn {margin-top: 10px;}
	dl.journal dd.btn a {width: 120px; font-size: 12px; padding: 5px 0 6px;}
	

/* 공지사항, 학술행사 */
dl.notice, dl.conference {border: 2px solid #2e335d; box-sizing:border-box;}
	dl.notice dt, dl.conference dt {font-size: 20px; padding: 15px 10px;}
	dl.notice dd, dl.conference dd {padding: 10px;}
	dl.notice dd.more, dl.conference dd.more {top:20px; right:10px;}
	
/* 공지사항 */
	dl.notice dd ul {height: 126px;}	
	dl.notice dd ul li a {font-size: 14px; padding: 10px 80px 10px 10px;}	
	dl.notice dd ul li span {top:11px; right:10px; font-size: 13px;}

/* 학술행사 */
	dl.conference dd > ul {height: 100px;}
	dl.conference dd > ul > li {padding: 0 0 0 75px;}	
	dl.conference dd > ul.info > li:nth-of-type(2) {width: 43%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	dl.conference dd > ul > li strong {top:50%; left:10px; font-size: 20px; margin-top: -15px;}

	dl.conference dd > ul > li a {font-size: 14px; padding: 5px 0;}
	dl.conference dd > ul > li a span {padding-right: 10px;}
	dl.conference dd ul li.none_text {padding:39.5px 10px !important; text-align:center; font-size:14px; color:grey;}

	dl.conference ul.info li {font-size: 13px;}
	dl.conference ul.info li:nth-of-type(2) {width:45%; height: 16px; overflow:hidden;}
	dl.conference ul.info li::after {margin: 0 5px;}



/* 스폰서 */
div.sponsorWrap {padding: 10px;}
	div.sponsorWrap dl {box-sizing:border-box;}
	div.sponsorWrap dl dt {font-size: 15px; margin-bottom: 10px;}
	div.sponsorWrap dl dd ul li {width: 90px !important; margin-right: 15px;}

/* 스폰서 슬라이드 컨트롤러 */
div.bx-controls-direction, div.bx-controls-auto {position: absolute; top:7px; right:0;}
div.bx-controls-direction a, div.bx-controls-auto a {display:inline-block; width: 6px; height: 9px; text-indent: -999999px; background-repeat: no-repeat; background-position: 0 0;}

div.bx-controls-auto {right:40px;}
div.bx-controls-auto a {width: 7px;}


/* 미션과 비전 */
div.mission {padding: 20px;}
	div.mission dl {text-align: center;}
	div.mission dd {margin-top: 15px;color: #000;font-size: 14px;}
	div.mission dd, div.mission li {font-family: 'NotoSansKR Light', sans-serif;line-height: 21px;letter-spacing: -1px;}

	dl.mission {margin-bottom: 20px;border: 5px solid #2799f8;background-size:100%;box-sizing: border-box; }
	dl.mission dt, dl.mission dd {width: calc(100% - 42px);margin: 0 auto;}
	dl.mission dt {margin-top: -5px;padding-top: 21px;border-top: 8px solid #fff;}
	dl.mission dd {margin-bottom: -5px;padding: 15px 0 21px;background:url('/image/sub/mission_m_bg.png') no-repeat center bottom #fff;background-size: 100%;}
	dl.mission img {height: 23px;}
	
	dl.vision img {height: 160px;}
	dl.rescue {position: relative;margin-top: 100px;padding: 50px 0 30px;background-color: #f4f9ff;border: 1px solid #ccdcef;border-radius: 35px;}
	dl.rescue dt {position: absolute;top: -20px;left: 50%; transform: translateX(-50%); }
	dl.rescue dt img {height: 45px;}
	dl.rescue dt:after {z-index: -1;position: absolute;display: block;content:'';left: 50%; transform: translateX(-50%); top: -60px;width: 130px;height: 130px;background-color: #fff;border-radius: 50%;}
	dl.rescue li + li {margin-top: 20px;}
	dl.rescue span {display: block;}
	dl.rescue dd img {height: 18px;}
}



div.content_none {text-align: center; margin: 100px 0; color: #aaa; font-size: 20px;}