@charset "utf-8";

.fcRed {color: #e81919 !important;}
input:focus {outline:none;}

/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'],
textarea {height:45px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:45px;padding:0;}
textarea {height:150px;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* 버튼 영역 */
.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 a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;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;}

span.btn {display:inline-block;vertical-align:top;}

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}



.btn .btnHome:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}



/* 큰 버튼 height:24px */
.btn .btnBig {min-width:100px;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}





/* 남색 */				.btn .btnDef{background-color:#203283 ;border-color:#203283 ;color:#fff !important;font-size:14pt;}
/* 연두색 */				.btn .btnPoint {background-color:#267fa8;border-color:#267fa8;color:#fff !important;font-size:14pt;}
/* 회색 */				.btn .btnGrey {background-color:#8e8e8e;border-color:#8e8e8e;color:#fff !important;font-size:14pt;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !important;font-size:14pt;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#d22c53;border-color:#d22c53;color:#fff !important;font-size:14pt;}
/* 주황색 */			.btn .btnOrg, .btnView {background-color:#ec6628;border-color:#ec6628;color:#fff !important;font-size:14pt;}
/* 녹색 */				.btn .btnGreen {background-color:#29aaad;border-color:#29aaad;color:#fff !important;font-size:14pt;}
/* 흰색 */				.btn .btnWhite, .btnRegist {background-color:#fff;border-color:#e5e5e5;color:#323232 !important;font-size:14pt;}
/* 보라색 */			.btn .btnPurple, .btnPreview {background-color:#6d2d88;border-color:#6d2d88;color:#fff !important;font-size:14pt;}
/* 노란색 */			.btn .btnYellow, .btnSubmit {background-color:#ee9141;border-color:#ee9141;color:#fff !important;font-size:14pt;}
/* 갈색 */				.btn .btnBrown{background-color: #78675f !important; border-color: #78675f !important; color: #fff !important;font-size:14pt;}

/* border+남색 */		.btn .btnBdDef {background-color:#fff;border-color:#203283;color:#203283 !important;font-size:14pt;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#053e87;color:#053e87 !important;font-size:14pt;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#434343;color:#434343 !important;font-size:14pt;}
/* border+녹색 */			.btn .btnBdGreen {background-color:#fff;border-color:#29aaad;color:#29aaad !important;font-size:14pt;}


.btn .btnWrite,
.btn .btnCheck,
.btn .btnList,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;padding-right:2.5em !important;}
.btn .btnWrite:after,
.btn .btnCheck:after,
.btn .btnList:after,
.btn .btnReply:after,
.btn .btnDel:after,
.btn .btnReset:after,
.btn .btnBook:after,
.btn .btnDown:after {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;line-height: 1em;font-family: "Font Awesome 5 Free";font-weight: 900;}

.btn .btnWrite:after, .btn .btnCheck:after {content: "\f14a";font-weight: 400;}
.btn .btnList:after {content: "\f0ca";}
.btn .btnReply:after {content: "\f3e5";}
.btn .btnDel:after {content: "\f2ed";}
.btn .btnReset:after {content: "\f057";font-weight: 400;}
.btn .btnBook:after {content: "\f02d";}
.btn .btnDown:after {content: "\f019";}


/* 서브페이지 타이틀 및 메뉴관련 */
div.titArea{background: url(/image/common/titBg.png) no-repeat center top;}
div.titArea::after{content:""; display:block; clear: both;}
div.titArea h2{color: #fff;font-size: 45px; text-align: center; padding: 61px 0; border-bottom:1px solid rgba(255,255,255, 0.5);}


dl.lnb{z-index: 10; position: relative; width: 1200px; margin: 0 auto;}
dl.lnb a{text-decoration: none; display:block; color: #fff; font-weight: 600;}
dl.lnb > *{float: left; border-left: 1px solid rgba(255,255,255, 0.5); border-right: 1px solid rgba(255,255,255, 0.5);}

dl.lnb > dt{padding: 19px 0 19px; width: 60px;}
dl.lnb > dt a{text-align: center;}
dl.lnb > dt a img{display:inline-block;}


dl.lnb > dd{position: relative; z-index: 100;background: transparent;}
dl.lnb > dd ul{position: absolute; top:60px; left: 0; background: #2a2e46;}
dl.lnb > dd ul li{list-style:none;}

dl.lnb > dd a{font-size: 17px; padding: 17px 30px; width: 190px; transition: all 1s;}
dl.lnb > dd.view a{background: #2a2e46; transition: all 0s;}
dl.lnb > dd:nth-child(2) a{color: #9ba5d1;}
dl.lnb > dd a i{font-size: 19px;}
a.trigger i {position: absolute;right: 1em;top: 50%;margin-top: -0.4em;}




/* ========================================================================================================== */
/* =================================================== 테이블 공통 ================================================== */
/* ========================================================================================================== */

/* 기본 테이블 */
table.tblDef{border-top: 2px solid #203283; border-left: 0 none; border-right: 0 none;}
table.tblDef th,
table.tblDef td{border-left: 1px solid #dadde8; border-bottom: 1px solid #dadde8; height: 24px;}
table.tblDef th:first-child,
table.tblDef td:first-child{border-left: 0 none;}
table.tblDef thead th{background: #f1f2f7; color: #525c8c; font-weight: bold; font-size: 18px; font-family: 'NotoSansKR Bold', sans-serif; padding: 10px;}
table.tblDef th{background: #f1f2f7; font-weight: bold; color: #000; font-size: 17px; font-family: 'NotoSansKR Bold', sans-serif;}
table.tblDef td{color: #222; font-family: 'NotoSansKR Regular', sans-serif; font-size: 16px; padding: 10px;}
table.tblDef td a{color: #222; text-decoration: none;}
table.tblDef td.bdLeft {border-left: 1px solid #ccc !important;}



/* inputTbl */
table.inputTbl{border-top: 2px solid #203283; border-left: 0 none; border-right: 0 none;}
table.inputTbl th,
table.inputTbl td{border-left: 1px solid #dadde8; border-bottom: 1px solid #dadde8; height: 24px;}
table.inputTbl th:first-child,
table.inputTbl td:first-child{border-left: 0 none;}
table.inputTbl thead th{background: #f1f2f7; color: #525c8c; font-weight: bold; font-size: 16px; font-family: 'NotoSansKR Bold', sans-serif; padding: 10px;}
table.inputTbl th{background: #f1f2f7; font-weight: bold; color: #000; font-size: 15px; font-family: 'NotoSansKR Bold', sans-serif;}

table.inputTbl td{color: #222; font-family: 'NotoSansKR Regular', sans-serif; font-size: 15px; padding: 10px;}
table.inputTbl td a{color: #222; text-decoration: none;}

table.inputTbl td select{height: 40px;}
table.inputTbl td input[type=text],
table.inputTbl td input[type=password]{height: 40px !important;}
table.inputTbl .btn a{padding: 10px 15px 9px !important;}
table.inputTbl > * > tr > td > .note {color: #dd3131; font-size: 16px; line-height: 35px;}

table.innerTbl{width: 100%;}



	/* 게시판관련 속성 */

/* 게시판 리스트용 테이블 */
table.bbsTbl{table-layout:fixed; margin-top: 10px;}
table.bbsTbl td.tit{text-align: left;}
table.bbsTbl td.tit a{display:block; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; padding-right: 20px;}


/* 섬네일 게시판 리스트 css */
ul.sumnailList {overflow:hidden;}
ul.sumnailList > li {float:left; width:380px; margin:0 0 50px 30px; list-style:none; border-top: 2px solid #213f89;}
ul.sumnailList > li:nth-child(3n+1){clear: both; margin-left: 0;}

ul.sumnailList > li > a {display:block; text-decoration: none; color: #222; overflow: hidden;}
ul.sumnailList > li > a span.img + span{padding: 15px 25px;}
ul.sumnailList > li > a:hover span.img + span{background: #267fa8; color: #fff;}
ul.sumnailList > li > a:hover span.img + span span.tit{color: #fff;}
ul.sumnailList > li > a > span {display:block; margin:0 0 10px 0; overflow: hidden; padding:6px 10px 7px; background-color:#f2f2f2; line-height:25px; text-align:center; border:1px solid #dfdfdf;}
ul.sumnailList > li > a > span span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; text-align:left;}
ul.sumnailList > li > a > span span.tit {font-size:19px; font-weight:bold; color:#000; margin-bottom: 15px;}
ul.sumnailList > li > a > span span.name {float: left;}
ul.sumnailList > li > a > span span.date {float: right; font-size: 16px;}
ul.sumnailList > li > a > span.img {width:380px; height:215px; border: 0 none; background: #fff; padding: 0; margin: 0;}
ul.sumnailList > li > a > img {width: 100%; height: 100%;}

ul.sumnailList > li > span {display:block; text-align:center;}
ul.sumnailList > li > span a {display:inline-block; zoom:1; *display:inline;}




/* 게시판 검색 */
div.bbsSearch {position: relative;margin: 0 0 35px 0;text-align: center; font-size: 0;}
div.bbsSearch:first-child {margin-top: 0;}
div.bbsSearch input, div.bbsSearch select, div.bbsSearch .btn, div.bbsSearch .btnIcon {display: inline-block;vertical-align:top;font-size: 16px;font-weight: 300;}

div.bbsSearch select {width: 140px;height: 45px;margin-right: 10px;}

div.bbsSearch span.divide,
div.bbsSearch span.category {position: relative;display: inline-block;width: 430px;height: 50px;padding: 30px 0 10px;}
div.bbsSearch span.divide:before,
div.bbsSearch span.category:before {position: absolute;left: 0;top: 0;content:attr(data-text);color: #222;font-size: 18px;line-height: 1.2;font-weight: 200;}

div.bbsSearch span.divide select,
div.bbsSearch span.category select {float: right;width: 210px;margin: 0;}
div.bbsSearch span.divide select:first-child,
div.bbsSearch span.category select:first-child {float: left;}

div.bbsSearch .btn {position: relative;}
div.bbsSearch .btn * {width: 70px;height: 45px;border-radius:0;font-size: 18px;}

div.bbsBrief {overflow: hidden; padding:30px 0 0;font-weight: 200;font-size: 16px;}

div.sort {position: relative;margin: 35px 0 20px;}
div.sort select {min-width: 140px;}


/* 게시글쓰기 */
ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 33px;vertical-align: top;}




/* 게시판 글보기 */
dl.bbsView {position: relative;border-top: 2px solid #203283;}
dl.bbsView > dt {padding: 15px 10px;font-size: 18px;color: #333; font-weight: bolder; text-align: center; background: #fafafa; font-family: 'NotoSansKR Bold', sans-serif;}

dl.bbsView dd.info {font-size: 14px; overflow: hidden; padding: 15px 35px; background: #fafafa;}
dl.bbsView dd.info ul {overflow: hidden; float:left;}
dl.bbsView dd.info li {float: left;color: #222; list-style:none;}
dl.bbsView dd.info li:before {display: inline-block;content: "|";padding: 0 10px; vertical-align: top;}
dl.bbsView dd.info li:first-child:before {content: "";padding: 0;}

dl.bbsView li.link span {width: 60px;text-align: center;color: #666;vertical-align: top; padding-right: 10px;}
dl.bbsView li.link a {position:relative;overflow:hidden;display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #2267bc; color: #222;}

dl.bbsView dl.attach {}
dl.bbsView dl.attach dt {top: 10px;width: 130px;float: right;}
dl.bbsView dl.attach dt a {display: block;text-align: right; text-decoration: none; color: #000;}
dl.bbsView dl.attach dd {display: none;position: absolute;right: 20px;top: 115px;padding: 10px 30px 10px 15px;border: 1px solid #203283;background-color: #fff; border-radius: 10px;}
dl.bbsView dl.attach dd::after{content:""; display:block;  position: absolute; top: -9px; right: 15px; width: 15px; height: 15px;
	border-top: 0 none;
	border-right: 1px transparent;
	border-left: 1px solid #ea724d;
	border-bottom: 1px solid #ea724d;
	transform: rotate(135deg);
	background: #fff;
}
dl.bbsAttach {position: relative;border-bottom: 1px solid #ccc;padding: 10px 30px 10px 145px;}
dl.bbsAttach > dt {position: absolute;left: 0;top: 10px;width: 145px;text-align: center;color: #222;font-size: 16px;line-height: 27px;font-weight: 500;}
dl.bbsAttach ul, dl.bbsAttach li, dl.bbsAttach a {margin: 0;padding: 0;list-style:none;}
dl.bbsAttach li {margin-top: 10px;padding: 0 0 0 25px;background: url('/image/icon/attach.png') 0 0 no-repeat;}
dl.bbsAttach li:first-child {margin-top: 0;}
dl.bbsAttach a {display: inline-block;color: #666;font-size: 15px;line-height: 24px;font-weight: 300;text-decoration: none;vertical-align: top;}

dl.bbsView dd.bbsCon {clear: both;padding: 30px;font-size: 14px;line-height: 30px;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;color: #000;text-align: justify;}


/* 섬네일 게시판 일부 수정css */

dl.sumNail{}
dl.sumNail > dt{text-align: left; background: #213f89; color: #fff; padding: 12px 30px 15px; line-height: 1.5; font-weight: 900;}

dl.sumNail dd.info{padding: 13px 30px 14px; font-weight: 600; border-bottom: 1px solid #dedede;}
dl.sumNail dd.info ul li::before{content:"/";}

dl.sumNail dd.bbsCon{border: 1px solid #dedede; margin-top: 20px; padding: 30px 50px;}

dl.sumNail dl.bbsAttach{border-bottom: 0 none; border-top: 1px solid #dedede; padding: 25px 10px 0 95px; margin-top: 30px;}
dl.sumNail dl.bbsAttach dt{top:50%; left: 10px; margin-top: -5px; width: auto; font-weight: bold; color: #000; background: url(/image/sub/addFile.png) no-repeat left 6px; padding-left: 15px;}
dl.sumNail dl.bbsAttach dd li{background: none; padding-left: 0; font-weight: bold; }
dl.sumNail dl.bbsAttach dd li a{color: #777; font-weight: bold; }





/* 게시판 버튼관련 */
.bbsUtil{text-align: right; margin-top: 30px; overflow: hidden;}
p.btn.donate a{display:block; text-align: left !important;}
span.notice{display:block; background-color: #203283; border-color: #203283; color: #fff !important; padding: 3px 10px; border-radius: 35px; font-size: 12px;}

/* 페이저 */
ul.pager {padding: 15px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: 35px;border:0 none;padding: 7px 0 8px;text-align: center;vertical-align: top;font-size: 16px;line-height:20px;text-decoration: none;color: #222;}

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

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

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}






















/* 로그인 */
div#login{background: #fff url(/image/sub/loginBg.png) no-repeat center 350px; background-size: 100% 300px;height: 100%; min-height: 1000px;}
div#login h1{text-align: center; padding: 65px 0 0;}
div#login h2{font-size: 60px; font-weight: 500; color: #485178; text-align: center; margin: 50px 0 80px;}
div#login h2 span{color: #3294c2;}
div#login div.formArea{background: url(/image/sub/loginArea_bg.png) left top; width: 950px; height: 600px; position: absolute; top:50%; left: 50%; margin: -300px 0 0 -450px; box-sizing: border-box; padding: 0 61px 0 62px;}


div#login dl{position: relative; float: left; margin-left: 10px;}
div#login dl dt{position: absolute; top:0; left:0; padding: 16px 10px 10px 50px; background-repeat: no-repeat; background-position: 20px center;	}
div#login dl.log{margin-left: 0;}
div#login dl.log dt{background-image: url(/image/sub/login_icon.png);}
div#login dl.pass dt{background-image: url(/image/sub/pass_icon.png);}
div#login dl dt label{color: rgba(71,103,144 , 0.5); font-size: 13px;}

div#login dl dd{}
div#login dl dd input{border-color: #d2d2d2; width: 100%; height: 45px; width: 320px; padding-left: 110px;}



div#login p{float: left; margin-left: 10px;}
div#login p input[type=submit]{padding: 12px 23px 12px 55px; background: #203283 url(/image/sub/login_submitBg.png) no-repeat 23px center; color: #fff; font-weight: 500; font-size: 14px;}
div#login p span{display:block;padding-top: 5px;}
div#login p span *{display:inline-block; vertical-align: middle;}


/* 서브 컨텐츠 */

div#container.donate{background: url(/image/sub/donateBg.png) no-repeat center 250px;}
div#container.donate p{position: relative; text-align: right;}
div#container.donate p a{position: absolute; left: 50%; margin-left: -142px; bottom: 274px;}




/* 설립목적 */
div.purpose{overflow: hidden;}
div.purpose p{font-family: 'GmarketSansMedium', sans-serif; font-size: 22px; padding: 120px 0 198px; margin-bottom: 50px; color: #374274; background: url(/image/sub/porposeTop_bg.png) no-repeat center top; text-align: center;}

/* History */
div.history{background: url(/image/sub/last_line.png) no-repeat center bottom, url(/image/sub/historyLine.png) repeat-y center top; font-family: "GmarketSansBold", sans-serif;}
div.history::after{content:""; display:block; clear: both;}

	dl.years{position: relative; padding: 0 0 0 30px; width: 50%; float: right; box-sizing:border-box; text-align: left; clear: both; margin-bottom: 50px;}
	dl.years:last-child{margin-bottom: 0;}
	dl.years::after{content:""; display:block; position: absolute; top:0; left: -8px; background: url(/image/sub/history_bl.png) no-repeat 0,0; width: 15px; height: 15px;}
	dl.years:nth-child(odd){float: left; padding-left: 0; padding-right: 30px; text-align: right;}
	dl.years:nth-child(odd)::after{right:-7px; left: auto;}

	dl.years dt{font-size: 26px; padding: 0 0 20px; color: #267fa8; margin-top: -10px; font-weight: bold;}
	dl.years:last-child dt{top:auto}
	dl.years dt strong{color: #267fa8;}

	dl.years dd{font-family: "Noto Sans KR";}
	
	dl.years dd ul li{list-style:none; font-size: 16px;}



/* 역대임원 */
div.chief{padding: 30px 0 50px !important;}
div.chief h3{font-size: 34px; font-weight: 400; margin-bottom: 30px;}
div.chief div.years{margin-bottom: 30px; text-align: right;}
div.chief div.years select{min-width: 80px; color: #000; height: 40px; font-size: 12px; text-align: center;}
div.chief dl{position: relative;  padding: 50px 40px 0 280px; overflow: hidden;}
div.chief dl > *{float: left;}
div.chief dl dt{position: absolute; top:40px; left:40px; font-size: 34px; font-family: "GmarketSansMedium", sans-serif;}


div.chief dl dd{overflow: hidden;}
div.chief dl dd ul{overflow: hidden;}
div.chief dl dd ul li{width: 260px; list-style:none; font-size: 16px; font-weight: 400; float: left; margin-left: 50px; margin-bottom: 50px;}
div.chief dl dd ul li:nth-child(3n+1){margin-left: 0; clear: both;}
div.chief dl dd ul li strong{font-size: 20px; display:block;}


dl.chairman{border-top: 2px solid #213f89;}
dl.chairman dt{color: #213f89;}

dl.director{border-top: 2px solid #267ea8 !important;}
dl.director dt{color: #267ea8;}

dl.auditor{border-top: 2px solid #83b646 !important;}
dl.auditor dt{color: #83b646;}


/* 조직도 */
div.group{text-align: center;}



/* 위치안내 */
div.map{color: #414141;}
div.map div{width: 100%; height: 500px; border:1px solid #dbdbdb;}
div.map div iframe{width: 100%; height: 500px;}

div.map ul{margin-top: 30px;}
div.map ul li{position: relative; list-style:none; font-size: 16px; font-weight: 500; padding: 10px 0 10px 115px; margin-top: 25px;}
div.map ul li:first-child{margin-top: 0;}
div.map ul li strong{position: relative; font-family: "GmarketSansMedium",sans-serif; font-size: 24px; display:block; color: #203283;}
div.map ul li img{position: absolute; top:0; left: 20px;}



/* 지원사업 */

div.business{color: #414141; font-size: 16px;}
div.business .bdBox{margin: 0 20px;}
div.business .bdBox ul{margin-top: 10px; overflow: hidden;}

div.business dl{margin-top: 10px; overflow: hidden;}
div.business dl dt{font-size: 20px; font-weight: 600; margin: 40px 0 10px;}
div.business dl dd{font-weight: 500;}

ol.research{overflow: hidden;}
ol.research li{float: left; list-style:none; text-align: center; font-size: 14px; color: #000; padding-left: 35px; background: url(/image/sub/research_step.png) no-repeat 9px center;}
ol.research li:first-child{padding-left: 0; background: none;}
ol.research li strong{display:block; width: 210px; font-size: 16px; color: #2540b1;padding: 15px 0; background: #eff2ff; border:1px solid #8d9ad3; border-radius: 20px 20px 0 0;}
ol.research li span{display:table-cell; width: 210px; height: 110px; border:1px solid #e4e4e4; border-top: 0 none; vertical-align: middle;}


/* 기부안내 */
div.donateInfo{overflow: hidden;}
div.donateInfo ul li{list-style:none;}

div.donateInfo > ul{clear: both; margin-top: 50px;}
div.donateInfo > ul > li{position: relative; clear: both; padding-left: 120px; margin-top: 45px; min-height: 70px;font-size:16pt;}
div.donateInfo > ul > li:first-child{margin-top: 0;}
div.donateInfo ul li strong{display:block; font-family: "GmarketSansMedium", sans-serif; font-size: 32px; color: #203283; font-weight: 500;}
div.donateInfo ul li img{position: absolute; top:0; left: 20px;}

/* cms 기부 버튼관련 */
p.cmsDona{position: relative;}
p.cmsDona a{position: absolute; bottom:66px; left:119px; display:block;}
p.cmsDona a img{display:block;}


/* 사이트맵 */
dl.siteMap{float: left; border-top: 2px solid #203283; margin: 50px 20px; padding: 45px 0 30px; width: 200px;}
dl.siteMap dt{font-family: "GmarketSansMedium", sans-serif; font-size: 35px; color: #203283; margin-bottom: 30px; text-align: center;}

dl.siteMap dd{}
dl.siteMap dd ul{overflow: hidden;}
dl.siteMap dd ul li{list-style:none;}
dl.siteMap dd ul li a{display:block; padding: 15px 0; text-align: center; font-weight: 600; font-size: 16px; text-decoration: none; color: #222;}




/* 팝업 */
/*
div.skinWrap{border: 1px solid #eaeaea; border-top: 0 none; padding: 0 0 45px 0; width: 500px; height: 500px; box-sizing:border-box; margin: 50px auto 0;}
div.skinWrap div.popHeader{height: 70px; background: url(/image/sub/popup_skin01.png) no-repeat left top; box-sizing:border-box; text-align: center;}
div.skinWrap div.popHeader h1{padding: 14px 0; color: #fff; font-size: 24px; font-family: 'NotoSansKR medium', sans-serif;}
div.skinWrap div.content{min-height: 390px; padding: 20px 40px 20px; margin-bottom: 20px;}
div.skinWrap div.btn{text-align: center;}

div#skin02{	}
div#skin02 h1{padding: 0;}
*/



/* 계정관리 팝업 */
div.accountPop{width: 600px; min-height: 570px; padding: 50px 50px 30px; margin: 0 auto;}

div.accountPop h1{font-family: "GmarketSansMedium", sans-serif; font-size: 24px; color: #296bbd; font-weight: 500; padding-left: 25px; background: url(/image/sub/subTIt_bl.png) no-repeat 0 10px;}
div.accountPop div.contWrap{margin-top: 15px; font-size: 16px;}
div.accountPop div.content{margin-top: 30px;}


div.accountPop p.fcRed{font-size: 15px; margin-top: 5px; font-weight: 600;}
div.accountPop div.formArea input[type=text],
div.accountPop div.formArea input[type=password]{width: 100%;}


















.btnRound{border-radius: 20px;}
.indent{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.subTit_bl{font-family: "GmarketSansMedium", sans-serif; font-size: 24px; color: #296bbd; font-weight: bold; padding-left:25px; background: url(/image/sub/subTIt_bl.png) no-repeat 0 10px; margin: 50px 0 10px;}
.subTit_bl:first-child{margin-top: 0;}
.imgArea{text-align: center;}

.bgBox{background-color: #eef4f8; padding: 55px 40px 25px 40px; background-repeat: no-repeat; color: #666666;}
.bgBox span{display:block; text-align: right; margin-top: 20px;}
.bdBox{border:1px solid #dbdbdb; padding: 30px 40px;}


.listNum{}
.listNum li{list-style:decimal; list-style-position: inside;}

.list_bar{}
.list_bar li{list-style:none; padding-left: 10px; position: relative;}
.list_bar li::before{content:"-"; display:block; position: absolute; top:50%; margin-top: -13px; left: 0;}


/* 탭메뉴 */
.tabMenu{margin: 0 0 50px; border-bottom:2px solid #203283;}
.tabMenu::after{content:""; display:block; clear: both;}
.tabMenu li{list-style:none; float: left;}
.tabMenu li a{display:block; background: #f7f7f7; color: #757575; font-size: 18px; padding: 20px 0; width: 250px; height: 80px; text-align: center; border: 1px solid #bfbfbf; text-decoration: none; box-sizing:border-box; border-bottom: 0 none;line-height: 36px;}
.tabMenu li:first-child a{border-right: 0 none;}
.tabMenu li:last-child a{border-left: 0 none;}

.tabMenu li.on a{color: #203283; background: #fff	; border: 2px solid #203283; border-bottom: 0 none; font-weight: bold; font-size: 20px;line-height: 38px;}





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

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'NotoSansKR Regular', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 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;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;border: 3px solid #00a0c8;} /* width:500px; */
.skinWrap.skin02 {border-color: #f1ecb2;}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {border-top: 3px solid #00a0c8;background:#00a0c8 url('/image/common/popupTit_notice.png') center 28px no-repeat;}
.skin02 .popHeader {background:url('/image/common/popupTit_logo.png') center 12px no-repeat;}

.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;color:#000;font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}
.skin02 .popHeader .tit {}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}


.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a {text-decoration:none;}
.skinWrap #popClose form {background-color:#535353;}

/* 소액기부하기 레이어 팝업 추가 21-09-14*/
div.layerPopup {z-index: 501; position: fixed !important;left: 0;top: 0;width: 100% !important;height: 100%;background-color: rgba(0,0,0,.7);padding:0 !important;}
div.layerPopup > div.popupWrap{position: absolute;left: 50%;top: 20%; margin-left: -500px;background-color: #fff;width:1000px;height:425px;}
div.layerPopup > div.popupWrap div.close a{position:absolute; right:29px;top:20px; width:37px;height:37px;font-size:0;line-height:0; background-image:url('/image/sub/pop_close.png');}

div.layerPopup > div.popupWrap.donate {position: absolute;left: 50%;top: 25%;margin-left: -500px; width:1000px;height:425px; background-color: transparent;}
div.layerPopup  > div.popupWrap.donate div.donateApply {position:relative; background: url('/image/sub/pop_donateBg.png') no-repeat center bottom #588de6; height:295px; padding: 20px; text-align: center;}
div.layerPopup  > div.popupWrap.donate div.donateApply h3 {text-align: center; color:#fff; font-size:26px; font-weight: normal; font-weight: 500;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl {display: inline-block; width:400px; font-size:0;} 
div.layerPopup  > div.popupWrap.donate div.donateApply dl + dl {margin-left: 34px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dt {display: inline-block; padding: 0 5px; font-size:22px; font-weight: 200; color:#fff; box-shadow: inset 0 -15px 0 rgba(32,76,147,0.64); margin-bottom: 7px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dt span{font-size:28px; font-weight: 700;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd {border: 1px solid #1a3fa1; padding: 13px; background-color: #dee8fa; border-radius:8px; height:172px; vertical-align: top; text-align: center; color:#0a2b8f; font-size:20px; line-height: 28px; font-weight:500; }
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd span{font-size:17px; font-weight: 400;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd p.btn {margin-top: 17px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd p.btn a{width:270px; padding: 24px 0 24px; color:#fff; border-radius:3px; font-size:20px; line-height: 20px; font-weight:500; letter-spacing: -1px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd p.btn img {display: inline-block; vertical-align: top; margin-left: 10px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd a.btnDownload {background-color: #e74141; border-color: #e74141;}
div.donateApply dl dd a.btnDownload img{ padding-top: 3px;}
div.layerPopup  > div.popupWrap.donate div.donateApply dl dd a.btnLink {background-color: #ff852c; border-color: #ff852c;}
div.donateApply dl dd a.btnLink img{ padding-top: 5px;}

div.donateApply > img {position:absolute; left:50%; bottom:0; margin-left: -80px;}
div.layerPopup  > div.popupWrap.donate ul.donateList {background: #1e2d5b; padding: 19px 52px; margin: 0; list-style: none;}
ul.donateList li {position:relative; padding-left: 20px; color:#fff; font-size:17px; line-height: 26px;}
ul.donateList li span {color:#fffd55;}
ul.donateList li:before {position:absolute; left:0; top:0; content:'※';}