@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body{width: 100%; height: 100%;}

 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='number'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family: 'Noto Sans KR', sans-serif; color:#646464;}

img {max-width:100%;}


.fcRed {color:#f00 !important;}
.fcPoint{color: #e85e34 !important;} /* 하늘색 */

input[type=text],
input[type=number],
input[type=password],
input[type=file] {height:23px;padding:2px 10px}

.btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}


input[type=text],
input[type=number],
input[type=password],
input[type=file],
select,
textarea {border: 1px solid #d7d7d7;}

select {min-width: 50px; height: 35px;}

input[type=text],
input[type=number],
input[type=password],
input[type=file] {height:35px;padding:2px 10px;box-sizing:border-box;}

input[type=radio],
input[type=checkbox] {vertical-align: top; margin:4px 5px 0 7px;}



div.contents .btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:0 10px 2px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;font-weight:300;}

.btn a {height:auto;line-height:19px;padding:6px 10px 6px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

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



/* 주황색 */			.btnDef {background-color:#f18101 !important;border-color:#f18101 !important;color:#fff !important;}
/* 주황색			.btnPoint {background-color:#f1724c !important;border-color:#f1724c !important;color:#fff !important;} */
/* 회색 */				.btnGrey {background-color:#666666 !important;border-color:#666666 !important;color:#fff !important;}
/* 녹색 */				.btnGreen {background-color:#0a9e95 !important;border-color:#0a9e95 !important;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#8f3e82 !important;border-color:#8f3e82 !important;color:#fff !important;}


/* border+ 파란색 */		.btnBdDef {background-color:#fff !important;border-color:#d94b1f !important;color:#d94b1f !important;}
/* border+ 하늘색 */		.btnBdPoint {background-color:#f1724c !important;border-color:#f1724c !important;color:#fff !important;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#666666;color:#666666;}


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

.btn .btnSmall {font-size: 12px;height: 25px;padding:0 16px 2px;vertical-align:top;font-weight: 300;}
.btn a.btnSmall {height:18px;padding: 4px 16px 1px;line-height: 15px;}


.btn .btnBig {font-size: 18px;height: 50px;padding:0 30px 2px;font-weight: 400;}
.btn a.btnBig {height: auto;padding: 14px 30px 15px;}
.btn > span.btnBig {min-width:78px;height:auto;padding:14px 20px 15px;}
.btn > span.btnBig i {padding-top: 4px;}

.btn .fullBtn {width: 100%;text-align: center;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:5px 10px 6px;}


.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

.btn .withIcon_r {position:relative;padding-right:2.5em !important;}
.btn .withIcon_r i {position:absolute;right:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}


.btn .btnArr,
.btn .btnCheck,
.btn .btnCancel,
.btn .btnCancel_c {padding-right: 50px !important;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 .btnCheck {background-image:url('../image/common/btnBl_check.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('../image/common/btnBl_cancel.png');background-repeat:no-repeat;}
.btn .btnCancel_c {background-image:url('../image/common/btnBl_cancel_c.png');background-repeat:no-repeat;}


a.trigger {position: relative;}
a.trigger i {position: absolute;right: 10px;top: 50%;margin-top: -0.5em;}

.btn a img {position: relative;vertical-align: top;}


.wrapper {font-family: 'Noto Sans KR', sans-serif; background: #fff url(../image/common/headerBg.png) no-repeat center 100px; }
.wrapper.main{font-family: 'Noto Sans KR', sans-serif; background: none;}






div#headerWrap {position: relative; z-index: 10;border-bottom: 1px solid #ff6600;}
div#headerWrap::after{content:""; display:block; clear: both;}
div#headerWrap div{position: relative; width: 1200px; margin: 0 auto;}
div#headerWrap div h1{float: left; padding: 28px 0;}


ul#gnb{display:none; z-index: 11; border: 6px solid #ff7e00; overflow: hidden; position: absolute; top:100px; left: 0; width: 100%;  padding: 35px 40px 0px; box-shadow:0 10px 30px rgb(172,172,172, 0.7); background: #fff;  box-sizing:border-box}
ul#gnb > li{float:left; width:253px; min-height: 150px; padding: 0 0 30px 30px; border-left: 1px solid #eeeeee;}
ul#gnb > li:first-child{margin-left: 0; border-left: 0; padding: 0;}
ul#gnb > li a{display:block; text-decoration: none; color: #666666;}

ul#gnb > li > a{font-weight: bold; font-size: 20px; color: #333333;}

ul#gnb li.siteMap a{font-size: 30px; color: #000 !important;}

ul.innerGnb{margin-top: 10px;}
	ul.innerGnb li{position: relative; margin-bottom: 10px;}
	ul.innerGnb li:last-child{margin-bottom: 0;}
	ul.innerGnb li::before{content:"·"; display:inline-block; margin-right: 5px; vertical-align: middle; position: absolute; top:50%; left: 0; margin-top: -11px;}
	ul.innerGnb li a{font-size: 14px; padding-left: 10px;}
	ul.innerGnb li a:hover{font-weight: bold; text-decoration: underline !important;}

	ul.headerUtil, p.viewGnb{float: right; padding: 27px 0 28px;}



	ul.headerUtil{margin-right: 10px; font-size: 0; overflow: hidden;}
	ul.headerUtil li{font-size: 14px; display:inline-block !important; vertical-align: middle;}
	ul.headerUtil li:first-child{margin-left: 0;}
	/* ul.headerUtil li:first-child::after{content:"·"; display:inline-block !important; margin: 0 10px; vertical-align: middle;} */
	ul.headerUtil li a{text-decoration: none; color: #444444; display:inline-block !important; font-size: 14px;}


	ul.headerUtil li.kor{margin-left: 20px;}
	ul.headerUtil li.kor a{display:block; background: #444444; font-size: 14px; font-weight: bold !important; color: #fff; text-align: center; padding: 12px 25px 12px 26px; border-radius: 50px;} 

/* 헤더 끝 */



/* 푸터 시작 */

div#footerWrap {z-index: 2; position: relative; background: #464647;}
div#footerWrap::after{content:""; display:block; clear: both; width: 0; height: 0;}
	div#footerWrap div{width: 835px; margin: 0 auto; position: relative; padding: 39px 100px 50px 265px; overflow: hidden; background: url(../image/common/footer_logo.png) no-repeat left center;}
	div#footerWrap div > *{font-size: 13px;}
	div#footerWrap div ul li{float: left; width: 50%;}
	div#footerWrap div ul li:nth-child(3){clear: both; float: left;}
	div#footerWrap div ul li a{display:inline-block; text-decoration: none; color: #696869;}

/* 푸터 끝 */







/* 컨텐츠 시작 */

div#container{position: relative; z-index: 4; border-top: 1px solid #dddddd; width: 1200px; margin: 128px auto 0;}
div#container::after{content:""; display:block; clear: both;}
div#container div.contents{position: relative; z-index: 4; padding: 0 40px 130px; min-height: 500px; width: 880px; float: right; margin-top: -55px; background: #fff; /* box-shadow: -2px -1px 5px rgb(220,220,221, 0.7); */}



div.main div#container{border: 0 none; margin: 0; background: url(../image/main/mainBg.png) no-repeat center top; padding: 0; width: auto;}
div.main div#container div.contents{position: relative; float: none; width: 1200px; margin: 0 auto; background: url(../image/main/mainConBg.png) no-repeat center top; box-shadow: none; border: 0 none; padding: 340px 0 100px ; min-height: 0; overflow: hidden;}
div.main div#container::after{content:""; display:block; clear: both;}


	dl.lnb{z-index: 10; position: absolute; left: 50%; top:-55px; margin-left: -600px; width: 240px; background: #000;}
	dl.lnb dt{color: #fff; background: #ffaa00; background-position: 150px 30px; background-repeat: no-repeat; padding: 30px 100px 10px 30px; height: 115px; box-sizing: border-box; font-size: 20px; font-weight: bold;}
		div#container.sub01 dl.lnb dt{background-image: url(../image/common/lnb_bg.png);}
		div#container.sub02 dl.lnb dt{background-image: url(../image/common/lnb_bg02.png); background-position: 165px 30px;}
		div#container.sub03 dl.lnb dt{background-image: url(../image/common/lnb_bg03.png); background-position: 160px 30px;}





	dl.lnb dd{background: #fff; border-bottom:1px solid #777777;}
	dl.lnb dd ul{overflow: hidden;}
	dl.lnb dd ul li{border-bottom: 1px solid #ddd;}
	dl.lnb dd ul li:last-child{border-bottom: 0 none;}
	dl.lnb dd ul li a{display:block; text-decoration: none; color: #666; font-size: 15px; padding: 20px 0 18px 20px; background: url(../image/sub/lnb_arr.png) no-repeat right center;}
	dl.lnb dd ul li.on a{color: #ffaa00; font-weight: bold; background: url(../image/sub/lnb_arr_on.png) no-repeat right center;}

	div.titArea{border-bottom: 1px solid #ddd; padding: 23px 0 15px;}
	div.titArea h2{color: #000; font-weight: bold; font-size: 32px;}
	div.titArea ul{margin-top: 5px;}
	div.titArea ul li{display:inline-block; color: #aaaaaa;}
	div.titArea ul li:first-child::before{display:none;}
	div.titArea ul li::before{content:">"; display:inline-block; margin: 0 5px;}


	dl.about, div.meetings, dl.journal{float: left; margin: 0 0 0 22px; height: 310px; box-shadow: 0 0 10px rgba(0,0,0, 0.3);}
	
	dl.about{background: #0e74c0; border-radius:10px; margin-left: 0;}
	dl.about a{display:block; width: 230px;  padding: 35px 40px; box-sizing: border-box; text-decoration: none; background: url(../image/main/aboutBg.png) no-repeat 105px 170px;}
	dl.about a dt{color: #fff; font-weight: bold; font-size: 28px;}
	dl.about a dd{margin-top: 125px;}



	div.meetings{position: relative;	width: 550px; background: #fff; box-sizing: border-box; padding: 35px 40px; border-radius: 15px}
	div.meetings h3{font-size: 26px; color: #000; font-weight: bold; margin-bottom: 30px;}
	div.meetings ul{position: absolute;padding: 6px 0; top:35px; right: 40px;}
	div.meetings ul li{display:inline-block;}
	div.meetings ul li::after{content:"/"; display:inline-block; font-size: 18px; margin: 0 5px;}
	div.meetings ul li:last-child::after{display:none;}

	div.meetings ul li a{display:inline-block;; font-size: 18px; color: #666666; text-decoration: none;}
	div.meetings ul li.on a{color: #000; font-weight: bold; text-decoration: underline;}

	div.meetings dl{margin-bottom: 15px;}
	div.meetings dl:last-child{margin-bottom: 0;}
	div.meetings dl dt{width: 90px; padding: 5px 0; border:2px solid #ffa800; color: #ffa800; border-radius: 30px; float: left; clear: both; text-align: center; font-size: 14px; font-weight: bold; margin: 0 0;}
	div.meetings dl dd{margin-left: 105px;}	
	div.meetings dl dd a{color: #444444; text-decoration: none; display:table-cell; padding: 0 30px 20px 10px; position: relative; border-bottom: 1px solid #d2d2d2; height: 42px; vertical-align: middle;  width: 325px; text-indent: -5px;}
	div.meetings dl:last-child dd a{border-bottom: 0 none;}
	div.meetings dl dd a::before{content:"·"; display:inline-block;}
	div.meetings p.more{position: absolute; bottom: 35px; right: 40px;}
	div.meetings p.more *{display:block;}
	


	dl.journal{background: url(../image/main/journalBg.png) no-repeat left top; width: 295px; height: 230px; padding: 35px 40px 45px; border-radius: 10px;}
	dl.journal dt{color: #fff; font-size: 20px; line-height: 1.1;}
	dl.journal dt strong{font-size: 36px; display:block;}
	dl.journal dd{margin-top: 65px;}
	dl.journal dd ul{overflow: hidden;}
	dl.journal dd ul li{border-top: 1px solid rgba(255,255,255, 0.2); float: left; clear: both; width: 125px; box-sizing: border-box;}
	dl.journal a{display:block; color: #fff; font-size: 14px; padding: 15px 0; text-decoration: none; background: url(../image/main/jour_arr.png) no-repeat right center; }
	dl.journal dd ul li a:hover{text-decoration: underline; font-weight: bold;}











/* 공통 */
h3.subTit_bl{margin: 40px 0 20px; background: url(../image/sub/subTit_bl.png) no-repeat left center; padding-left: 20px; font-size: 18px; color: #f18101;}

/* 기본테이블 */
table.tblDef{border-top: 2px solid #f8b035; color: #444444;}
table.tblDef th, table.tblDef td{border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 15px 10px;}
table.tblDef th:first-child, table.tblDef td:first-child{border-left: 0 none;}
table.tblDef th	{background: #faf7f3; color: #f18101; font-weight: bold !important;}








/*
     FILE ARCHIVED ON 03:44:54 Oct 14, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:26:00 Mar 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.705
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.01
  esindex: 0.011
  cdx.remote: 5.668
  LoadShardBlock: 44.417 (3)
  PetaboxLoader3.datanode: 74.902 (5)
  load_resource: 464.433
  PetaboxLoader3.resolve: 422.844
  loaddict: 18.339
*/