@charset "utf-8";

.fcRed {color: #f00 !important;}
.fcPoint{color: #0c2e86 !important;}

/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 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:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;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; 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;}

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;}

/* 기본버튼 */
.btn a.btnDef,
.btn input.btnDef,
.btn button.btnDef {min-width: 70px; padding: 10px 0px 16px;font-size:16px;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:150px !important;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; text-align: center;}





/* 하늘색 */			.btn .btnDef {background-color:#0c2e86;border-color:#0c2e86;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#053e87;border-color:#053e87;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#b0b0b0;border-color:#b0b0b0;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !important;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#e72259;border-color:#e72259;color:#fff !important;}
/* 주황색 */			.btn .btnOrg, .btnView {background-color:#ec6628;border-color:#ec6628;color:#fff !important;}
/* 녹색 */				.btn .btnGreen {background-color:#26c6e8;border-color:#26c6e8;color:#fff !important;}
/* 흰색 */				.btn .btnWhite, .btnRegist {background-color:#fff;border-color:#e5e5e5;color:#323232 !important;}
/* 보라색 */			.btn .btnPurple, .btnPreview {background-color:#6d2d88;border-color:#6d2d88;color:#fff !important;}
/* 노란색 */			.btn .btnYellow, .btnSubmit {background-color:#ee9141;border-color:#ee9141;color:#fff !important;}
/* 네이비 */			.btn .btnNavy {color: #fff; background-color: #0c2e86 !important; border-color: #0c2e86 !important;}
/* 검정 */			.btn .btnBlack {color: #fff; background-color: #202020 !important; border-color: #202020 !important;}

/* border+하늘색 */		.btn .btnBdDef {background-color:#fff;border-color:#0c2e86;color:#0c2e86 !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#053e87;color:#053e87 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#b0b0b0;color:#b0b0b0 !important;}


.btn .btnWrite,
.btn .btnCheck,
/* .btn .btnList */,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;}
.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.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;}


.multi div.selectFile {float: none;}

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

.subTit_Bl{font-size: 24px; color: #13a9c9; font-weight: bold; padding-left:40px; background: url(/image/sub/kindTit.png) no-repeat left 6px;}
.boldTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 18px;margin: 30px 0 10px; color: #333;}
.pointTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 15px;margin: 30px 0 10px; color: #0c2e86;}

.btnRound{border-radius: 20px;}
.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;}
.indent{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.imgArea{text-align: center;}
	




/* 서브컨텐츠 시작 */

/* 회장 인사말 */


div.welcome {color: #565656; text-align: justify;}
div.welcome >* {margin: 0 0 15px 0;}
div.welcome ul li {margin-bottom: 10px;}
div.welcome ul li:last-child {margin-bottom: 0;}
p.sign {text-align: right; font-weight: 500;}

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

div.welcome {position: relative; padding: 50px 0 50px 390px; font-size: 16px;}
div.welcome p.president {position: absolute; left: 0; top: 0; margin-bottom: 0;}
/* div.welcome p.president img {display: block;} */ /* 240326 불필요한 css 주석 처리 */
/* 240326 수정 start */
div.welcome p.president img.pcOnly {display: block !important;}
div.welcome p.president img.mobileOnly {display: none !important;}
/* 240326 수정 end */
p.sign {margin-top: 50px;}

}

/* 모바일 */
@media all and (max-width: 960px) {

div.welcome {font-size: 14px;}
/* 240326 수정 start */
div.welcome p.president img.pcOnly {display: none !important;}
div.welcome p.president img.mobileOnly {display: block !important;}
/* 240326 수정 end */
p.sign {margin-top: 25px;}

}


div.intro {text-align: justify; font-size: 16px; line-height: 1.6;}

.subTit_bl {background: url('/eng/image/sub/subTit_bl.png') no-repeat left center; padding: 10px 0 10px 40px; font-weight: bold;}


dl.division {text-align: center;}
dl.division dt {position: relative; display:inline-block; font-size: 24px; font-family: 'notosanskr medium', sans-serif; font-weight: 600; color: #000;}
dl.division dt strong {position: relative; z-index: 1;}
dl.division dt::after {content:""; display:block; width: 100%; height: 40%; position: absolute; bottom:2px; left:0; background-color: #e3f3f6; z-index: 0; border-radius: 5px}

dl.division dd {text-align: left;}
dl.division dd ul {display:inline-block; font-size: 0; overflow: hidden;}
dl.division dd ul li {list-style:none; text-align: center; vertical-align: middle; 
background: linear-gradient(to right, #1a4093 0%, #42cee8 100%); border-radius: 0 37px 0 37px; overflow: hidden; padding: 2px;}
dl.division dd ul li span {display:table-cell; border-radius: 0 35px 0 35px;}

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

.subTit_bl {font-size: 24px; margin: 30px 0 10px;}

div.intro {font-size: 16px;}
dl.division {margin-top: 50px;}
dl.division dd {margin-top: 30px;}
dl.division dd ul li {font-size: 16px; margin-left: 41px; float: left;} 
dl.division dd ul li:nth-child(4n+1) {clear: both; margin-left: 0;}
dl.division dd ul li:nth-child(4) ~ li {margin-top: 30px;}
dl.division dd ul li span {height: 146px; width: 261px; background-color: #fff; border: 2px solid transparent; vertical-align: middle; text-align: center; font-size: 16px;}
	
}
@media all and (max-width: 960px) {


div.intro {font-size: 14px; padding: 0 0 50px;}

dl.division {margin-top: 30px;}
dl.division dd {margin-top: 20px; text-align: center;}
dl.division dd ul {text-align: center;}
dl.division dd ul li {font-size: 14px; margin-top: 30px; display:block; text-align: center;}
dl.division dd ul li span {height: 110px; width: 261px; background-color: #fff; border: 2px solid transparent; vertical-align: middle; text-align: center; font-size: 14px;}


.subTit_bl {font-size: 18px; margin: 20px 0 0;}
	
}



/* committee */

/* 조직/임원_200908 */
div.organization {padding:50px 0; text-align:justify;}

ul.linkList {overflow:hidden; padding:5px 0 10px 0;}

ul.linkList li {float:left; margin-top: 45px; margin-left:45px; width:370px; list-style:none;}
ul.linkList li:nth-child(3n+1) {margin-left:0;}
ul.linkList li a {position:relative; display:block; height:220px; padding:30px 75px 20px 30px; box-sizing:border-box; border:1px solid #cbcbcb; border-top-right-radius:30px; border-bottom-left-radius:30px; color:#000; text-decoration:none;}
ul.linkList li a::after {content:""; position:absolute; right:20px; bottom:20px; width:50px; height:50px; background:url('/image/sub/link_bl.png') no-repeat right center;}
ul.linkList li:hover a {background: linear-gradient(to right, #5e83d4, #294da1); color:#fff; box-shadow: 3px 3px 15px 3px #d5d5d5;}
ul.linkList li:hover a strong.subTit {color: #bdcdef;}
ul.linkList li:hover a .txt {color:#bdcdef;}
ul.linkList li:hover a::after {content:""; position:absolute; right:20px; bottom:20px; width:50px; height:50px; background:url('/image/sub/link_bl_on.png') no-repeat right center;}
ul.linkList li a strong.tit {display:block; font-size:20px;}
ul.linkList li a strong.subTit {display:block; padding:5px 0 0; font-size:12px; color:#565656;font-weight:normal; word-break: keep-all; text-align: left;}
ul.linkList li a span.txt {display:block; padding:15px 0 0; font-size:16px; color:#565656;}

div.organization .tblDef {margin:50px 0 0; text-align:center;}

div.organization .tblDef .bg,
div.organization .tblDef tr td.tblBgGrey {background:#f9f9f9 !important;}

/* PC */
@media all and (min-width: 1024px) {

div.organization .tblDef tr td {height:120px; box-sizing:border-box;}
div.organization .tblDef.rwTbl tr th {text-align: center;}
div.organization .tblDef.rwTbl tr * {height:auto; box-sizing:border-box; text-align: left;}

}

/* 모바일 */
@media all and (max-width: 1023px) {

div.organization {padding:0;}

dl.subMenu {position:relative;}
dl.subMenu dt {font-size:16px;}
dl.subMenu dt a.trigger {position:relative; width:100%; padding: 10px 50px 10px 15px; border:1px solid #cbcbcb; box-sizing:border-box; text-decoration:none; color:#000; font-weight:500;}
dl.subMenu dt a.trigger::after {content:""; position:absolute; width:15px; height:9px; top:18px; right:15px; background:url('/image/sub/toggle_bl.png') no-repeat right center;}
dl.subMenu dt.view a.trigger::after {transform: rotate(180deg);}
dl.subMenu dd ul li.on a {background: #455068; border-left:0; border-right:0; border-bottom:0; color: #fff}
dl.subMenu .toggleCon {display:none; position:absolute; width:100%; height:auto; overflow:auto; background:#fff; z-index:10;}
dl.subMenu .toggleCon ul li {display:block; width: 100% !important;}
dl.subMenu .toggleCon ul li a {display:block; padding:10px 15px; box-sizing:border-box; font-size:16px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; text-decoration:none; color:#b7b7b7;}

ul.linkList {padding-top:20px;}
ul.linkList li {width:100%; margin-top:20px; margin-left:0; list-style:none;}
ul.linkList li:nth-child(1) {margin-top:0;}
ul.linkList li a {width:300px; height:180px; margin:0 auto; padding:15px 40px 10px 15px;}
ul.linkList li a strong.tit {font-size:15px;}
ul.linkList li a strong.subTit {font-size:11px;}
ul.linkList li a span.txt {font-size:11px; padding:10px 0 0;}
ul.linkList li a::after {right:10px; bottom:10px; background-size:60%;}
ul.linkList li:hover a {box-shadow: 3px 3px 7px 3px #d5d5d5;}
ul.linkList li:hover a::after {right:10px; bottom:10px; background-size:60%;}

div.organization .tblDef {margin:20px 0 0;}
div.organization .tblDef tr td {padding:10px 5px; font-size:13px;}
div.organization .tblDef.mobileOnly {display:table !important;}


div.organization .tblDef.rwTbl {border-top: 0 none;}
div.organization .tblDef.rwTbl tr {display:block; margin-bottom: 50px; border-top: 2px solid #1a3f93;}

div.organization .tblDef.rwTbl tr * {height:auto; text-align: center; border-left: 0 none !important; border-right: 0 none !important;}
div.organization .tblDef.rwTbl tr *:first-child {border-top: 1px solid #ccc;}



}







dl.subMenu, dl.subMenu dt, dl.subMenu dd, dl.subMenu ul, dl.subMenu li, dl.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.subMenu {}




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

dl.subMenu dt {display: none;}
dl.subMenu dd.toggleCon {display: block !important;}
dl.subMenu ul {}
dl.subMenu ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

dl.subMenu li {float: left;}
dl.subMenu a {display:block;border: 1px solid #cbcbcb;border-left: 0 none;font-size: 16px;padding: 15px 0;text-align: center;color: #b7b7b7;}
dl.subMenu li:first-child a {border-left: 1px solid #cbcbcb;}
dl.subMenu li.on a {background: #455068; border-color: #455068; color: #fff;}

}


table.tblDef .bg {background-color: #f5f5f5 !important;}

.bdl {border-left: 1px solid #ccc !important;}

/* 모바일 */
@media all and (max-width: 960px) {

dl.subMenu > dd {display: none;}
dl.subMenu > dd.toggleCon ul li {width: 100%;}

}




/* 연혁 */

div.history {position: relative;}
div.history::before {display:block; position: absolute; color: #565656; font-family: 'notosanskr bold', sans-serif; font-weight: bold; opacity: 0.1;}
div.history::after {display:block; position: absolute; color: #565656; font-family: 'notosanskr bold', sans-serif; font-weight: bold; opacity: 0.1;}
div.history#history1::before {content:"2019";}
div.history#history1::after {content:"2010";}

div.history#history2::before {content:"2009";}
div.history#history2::after {content:"2000";}

div.history#history3::before {content:"1999";}
div.history#history3::after {content:"1983";}

div.history#history4::before {content:"";}
div.history#history4::after {content:"2020";}


div.history h3 {color: #565656; font-family: 'notosanskr demilight', sans-serif; font-weight: 400;}

div.history dl {position: relative; display:inline-block; text-align: left; background: url(/eng/image/sub/historyLine.png) repeat-y left top;}
div.history dl::after {content:""; display:block; background-color: #fff; width: 5px; height: 10px; position: absolute; top:0; left:0;}
div.history dl dt {position: relative; font-family: 'notosanskr bold', sans-serif; font-weight: bold; color: #1b4094; vertical-align: top;}
div.history dl dt:first-child {margin-top: 0;}
div.history dl dt::after {content:""; position: absolute; display:block; background-color: #fff; border-radius: 50%;}

div.history dl dd ul li {position: relative; list-style:none; font-family: 'notosanskr demilight', sans-serif; color: #565656; text-align: justify;}
div.history dl dd ul li:first-child {margin-top: 0;}
div.history dl dd ul li span {display:inline-block; position: absolute;}

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

div.history {text-align: right; margin-top: 50px; width: 820px; margin: 80px auto 65px;}
	div.history::before {top:-100px; left:50%; margin-left: -190px; font-size: 150px;}
	div.history::after {bottom:-100px; left:50%; margin-left: -190px; font-size: 150px;}

	div.history h3 {position: absolute; top:0; left:50%; font-size: 46px; margin: -25px 0 0 -300px;}	

	div.history dl {width: calc(50% - 15px); padding-left: 30px;}
	div.history dl::after {content:""; display:block; background-color: #fff; width: 5px; height: 10px; position: absolute; top:0; left:0;}
	div.history dl dt {font-size: 22px; margin-top: 50px;}
	div.history dl dt::after {top:10px; left:-37px; width: 9px; height: 9px; border: 3px solid #848c9d;}

	div.history dl dd ul {margin-top: 10px;}
	div.history dl dd ul li {font-size: 15px; margin-top: 10px; padding-left: 100px;}
	div.history dl dd ul li span {top:0; left:0;}


}
@media all and (max-width: 960px) {
	
div.history {text-align: left; margin-top: 50px; margin: 40px 10px 50px;}
	div.history::before {top:0; right:0; font-size: 75px;}
	div.history::after {bottom:-50px; right:0; font-size: 75px;}

	div.history h3 {font-size: 26px; margin-bottom: 30px;}

	div.history dl {padding-left: 20px;}
	div.history dl::after {content:""; display:block; background-color: #fff; width: 5px; height: 10px; position: absolute; top:0; left:0;}
	div.history dl dt {font-size: 18px; margin-top: 30px;}
	div.history dl dt::after {top:10px; left:-27px; width: 9px; height: 9px; border: 3px solid #848c9d;}

	div.history dl dd ul {margin-top: 10px;}
	div.history dl dd ul li {font-size: 13px; margin-top: 10px; padding-left: 50px; word-break: break-all;	}
	div.history dl dd ul li span {top:0; left:0;}

}

/* relsite */
div.relsite {padding: 0 0 50px 0;}
	div.relsite ul.linkList {}
	div.relsite ul.linkList li a {height: 150px; font-family: 'notosanskr demilight', sans-serif;}
	div.relsite ul.linkList li a span.url {color: #1a3f93;}

@media all and (min-width: 961px) {
	div.relsite ul.linkList li {width: calc(50% - 20px); float: right; margin-left: 0;}
	div.relsite ul.linkList li:nth-child(odd) {float: left;}
	div.relsite ul.linkList li a {height: 150px;font-size: 16px;}
}

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

	div.relsite ul.linkList li {margin-left: 0; margin-top: 30px;}
	div.relsite ul.linkList li:first-child {margin-top: 0;}
	div.relsite ul.linkList li a {width: 100%; height: 100px;font-size: 16px;}
	
}


/* 사이트맵 */
div.siteMap {overflow:hidden;}
div.siteMap dl.siteList {float:left;}
div.siteMap dl.siteList dt {background:#455068; color:#fff; font-weight:bold; text-align:center; font-size:15px;}
div.siteMap dl.siteList dd {border:1px solid #cbcbcb; text-align:center;}
div.siteMap dl.siteList dd ul {}
div.siteMap dl.siteList dd ul li {}
div.siteMap dl.siteList dd ul li:first-child {margin-top: 0;}
div.siteMap dl.siteList dd ul li a {display:inline-block; text-decoration:none; color:#222;}
div.siteMap dl.siteList dd ul li a:hover,
div.siteMap dl.siteList dd ul li a:focus {text-decoration:none; border-bottom:2px solid #df4c3c; color:#df4c3c; text-shadow: 0 0 .65px #df4c3c, 0 0 .65px #df4c3c; box-sizing:border-box;}

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

div.siteMap {padding:50px 30px;}
div.siteMap dl.siteList {width:200px; margin-left: 35px; box-sizing:border-box;}
div.siteMap dl.siteList:first-child {margin-left: 0;}
div.siteMap dl.siteList dt {padding:20px 0; font-size:20px;}
div.siteMap dl.siteList dd {height:360px; padding:25px 0; box-sizing:border-box;}
div.siteMap dl.siteList dd ul {}
div.siteMap dl.siteList dd ul li {margin-top: 10px;}
div.siteMap dl.siteList dd ul li a {min-height:30px; font-size:17px;}

}



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

div.siteMap {}
div.siteMap dl.siteList {width:calc(50% - 7px); margin-bottom: 15px; margin-left: 14px;}
div.siteMap dl.siteList:nth-child(2n+1) {clear:both; }
div.siteMap dl.siteList:nth-child(odd) {margin-left: 0;}
div.siteMap dl.siteList dt {padding:15px 0; font-size:15px;}
div.siteMap dl.siteList dd {height:260px; padding:15px 0; box-sizing:border-box;}
div.siteMap dl.siteList dd ul li {margin-top: 10px;}
div.siteMap dl.siteList dd ul li a {font-size:14px;}
	
}