@charset "utf-8";

/* SUB Contents   공통 */





/*choi won gyu*/
.organization_ul {width:0; height:0; font-size:0; text-indent:-1000px; opacity:0;}



/* 공통 style */
/* //공통 style */

/* 열린마당 > 공지사항 - 검색영역 - PC */
.noticeWrap{}
.noticeWrap .noticeTop{border:1px solid #ccc;background-color:#f5f5f5;padding:33px 40px;box-sizing:border-box;}
.noticeWrap .noticeTop .noticeTopWrap{margin:0 auto;text-align:center;min-height:40px;}
.noticeWrap .noticeTop .noticeTopWrap dl{display:inline-block;width:auto;margin:0 auto;text-align:center;}
.noticeWrap .noticeTop .noticeTopWrap dl:after{content:'';display:block;clear:both;}
.noticeWrap .noticeTop .noticeTopWrap dt,
.noticeWrap .noticeTop .noticeTopWrap dd{float:left;height:40px;display:inline-block;margin:0;padding:0;}
.noticeWrap .noticeTop .noticeTopWrap dt{width:140px;}
.noticeWrap .noticeTop .noticeTopWrap dt select{width:100%;height:40px;font-size:14px;color:#111;padding:10px 30px 10px 10px;;}

.noticeWrap .noticeTop .noticeTopWrap dt select{
	background-color:#fff;
	background-image: url('../img/ico/ico_slc_01.png');
	background-size:12px 10px;
	background-repeat:no-repeat;
	background-position:right 10px center;
    -webkit-appearance: none;
}

.noticeWrap .noticeTop .noticeTopWrap dd{margin-left:5px;width:140px;}
.noticeWrap .noticeTop .noticeTopWrap .iptSch{width:320px;}
.noticeWrap .noticeTop .noticeTopWrap .iptSch input[type="text"]{width:100%;height:40px;padding:10px 10px;}
.noticeWrap .noticeTop .noticeTopWrap .iptSch input::placeholder {color:#747474;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch{width:100px;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch a,
.noticeWrap .noticeTop .noticeTopWrap .btnSch a span{color:#fff;font-size:16px;line-height:20px;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch a{display:inline-block;text-align:center;padding:10px 5px;background-color:#2f7dbe; box-sizing:border-box;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch a span{display:block;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch a{display:block;width:100px;height:40px;line-height:40px;}
.noticeWrap .noticeTop .noticeTopWrap .btnSch a:hover{color:#fff;}


/* //열린마당 > 공지사항 - 검색영역- PC */

/* 열린마당 > 공지사항 > Tab 영역 */
.schTab01{margin-top:40px;}
/* //열린마당 > 공지사항 > Tab 영역 */

/* 열린마당 > 공지사항 - Contents 영역- PC */
.noticeCon01{margin-top:20px;}
/* pagenate */
.noticePagenate01.pagenate.type01{margin-top:60px;}
/* //pagenate */
/* //열린마당 > 공지사항 - Contents 영역- PC */

/* 열린마당 > 공지사항 > 내용보기 > 목록버튼 */
.noticeWrap .btnWrap{margin-top:40px;}
/* //열린마당 > 공지사항 > 내용보기 > 목록버튼 */

/* 알림마당 > 관련사이트 */
.addSiteWrap{position:relative;}
.addSiteWrap ul{display:block;width:100%;margin-top:-12px; margin-left: -12px;}
.addSiteWrap ul:after{content:'';display:block;clear:both;}
.addSiteWrap ul li{float:left; width: calc(100%/4 - 12.5px); margin-left:12px;margin-top:12px;}
.addSiteWrap ul li a{display:block;height:140px;border:1px solid #ccc;box-sizing:border-box;}
.addSiteWrap ul li a{
	background-color:#fff;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.addSiteWrap ul li .aswList01{background-image:url('../img/logo/logo_addSite_01.png');}
.addSiteWrap ul li .aswList02{background-image:url('../img/logo/logo_addSite_02.png');}
.addSiteWrap ul li .aswList03{background-image:url('../img/logo/logo_addSite_03.png');}
.addSiteWrap ul li .aswList04{background-image:url('../img/logo/logo_addSite_04.png');}
.addSiteWrap ul li .aswList05{background-image:url('../img/logo/logo_addSite_05.png');}
.addSiteWrap ul li .aswList06{background-image:url('../img/logo/logo_addSite_06.png');}
.addSiteWrap ul li .aswList07{background-image:url('../img/logo/logo_addSite_07.png');}
.addSiteWrap ul li .aswList08{background-image:url('../img/logo/logo_addSite_08.png');}
.addSiteWrap ul li .aswList09{background-image:url('../img/logo/logo_addSite_09.png');}
.addSiteWrap ul li .aswList10{background-image:url('../img/logo/logo_addSite_10.png');}
.addSiteWrap ul li .aswList11{background-image:url('../img/logo/logo_addSite_11.png');}
.addSiteWrap ul li .aswList12{background-image:url('../img/logo/logo_addSite_12.png');}
.addSiteWrap ul li a span{width:0;height:0;font-size:0;text-indent:-1000px;opacity:0;}
/* //알림마당 > 관련사이트 */

/* 광업등록사무소 소개 - 연혁 */
.adhostory{}
.adhostory ul{display:block;width:100%;margin:0;padding:0;}
.adhostory ul:after{content:'';display:block;clear:both;}
.adhostory ul li{position:relative;display:block;width:100%;margin-top:50px;}
.adhostory ul li:first-child{margin-top:0;}
.adhostory dl{position:relative;text-align:left;margin:0;padding:0;}
.adhostory dl:after{content:'';display:block;clear:both;}
.adhostory dl:before{
	content:'';display:block;clear:both;
	position:absolute;left:195px;top:40px;;width:1px;height:150%;
	background-color:#ccc;
}
.adhostory li:last-child dl:before{height:100%;background-color:#fff;}
.adhostory dl dt,
.adhostory dl dd{float:left;margin:0;padding:0;}
.adhostory dl dt{font-size:55px;color:#0878d2;font-family:bold;height:70px;line-height:70px;width:153px;}
.adhostory dl dd{}
.adhostory dl dd dl{position:relative;margin-top:27px;padding-left:80px;box-sizing:border-box;}
.adhostory dl dd dl:after{
	content:'';display:block;clear:both;
	position:absolute;left:38px;top:8px;;width:9px;height:9px;border-radius:1000px;
	background-color:#005fc6;
}
.adhostory dl dd dl:before{
	width:0;height:0;background-color:transparent;display:none;
}
.adhostory dl dd dl dt,
.adhostory dl dd dl dd{float:none;}
.adhostory dl dd dl dt{font-size:18px;color:#005fc6;font-family:bold;height:18px;line-height:18px;}
.adhostory dl dd dl dd{font-size:16px;color:#111;margin-top:15px;}
.adhostory dl dd dl dd.agList{margin-top:5px;}
/* //광업등록사무소 소개 - 연혁 */

/* 광물의 용도 */
.usageWrap,
.usageWrap ul{position:relative;display:block;width:100%;}
.usageWrap{margin-left:-4px;}
.usageWrap ul{}
.usageWrap ul:after{content:'';display:block;clear:both;}
.usageWrap ul li{float:left;width: calc(100%/6 - 4.3px);margin-left:4px;margin-bottom:4px;}
.usageWrap ul li a,
.usageWrap ul li a span{text-align:center;font-size:16px;color:#111;}
.usageWrap ul li a{display:block;width:100%;height:50px;border:1px solid #ccc;box-sizing:border-box;}
.usageWrap ul li a span{display:block;line-height:48px;}
.usageWrap ul li a.active,
.usageWrap ul li a.active span,
.usageWrap ul li a:hover,
.usageWrap ul li a:hover span{color:#222;font-weight:bold;}
.usageWrap ul li a.active,
.usageWrap ul li a:hover{border-color:#222;}

.usageCon .titType07 + .titType01{margin-top:24px;} 
.usageCon .titType08{margin-top:10px;}
.usageCon .tblWrap.type10 + .titType01{margin-top:50px;}
.usageCon .imgWrap + .titType08{margin-top:40px;}
.usageCon .titType01 + .listType08{margin-top:10px;}
.usageCon .btnType01{margin-top:70px;}
.sub_head_area h3 em{display:inline-block;height:24px;line-height:26px;font-size:24px;color:#222;font-weight:bold;border-left:1px solid #666;margin-left:5px;padding-left:10px;}
/* //광물의 용도 */


	/* 20201222 최원규*/
	.quick_menu li div {position: relative;  display: block; height: 250px; box-sizing: border-box;  text-align: center; transition: .5s;}
	.quick_menu li div strong {position:relative; top:0; padding-top:100px; background: url('../img/icon_quickMenu03.png') no-repeat center 40px; background-size: auto 46px;}
	.quick_menu li div span {width:100%; display:block; line-height: 1.5em; margin-top:0; color:#fff; font-size:14px; z-index:1;}
	.quick_menu li div a {position:relative; display:inline-block; height:auto; padding:8px 13px; margin:10px 5px 0 0; box-sizing:border-box; text-align:center; transition:none;  font-size:13px; background:#fff; color:#48433c;}
	.quick_menu li div a:before {display:none; content: ''; }
	.quick_menu li div a:after {display:none; content: '';}
	.quick_menu li div a:hover {background:#48433c; color:#fff;}

@media all and (max-width:1024px) {
	/* 알림마당 > 관련사이트 */
	.addSiteWrap{margin:0 auto;width:100%;text-align:center;}
	.addSiteWrap ul{width:100%;margin-top:-3% ; margin-left: -1%;text-align:center;}
	.addSiteWrap ul li{width:calc(100%/3 - 2.2%);float:left; margin-left: 2%; margin-top:2%;}
	.addSiteWrap ul li a{width:100%;height:120px;}
	/* //알림마당 > 관련사이트 */

	.usageWrap ul li {width: calc(100%/5 - 4.2px );} /* 2020.01.08 */
	.usageWrap {margin-left: 0;}
}

@media all and (min-width:1100px) {
	/*.main_body  {height: 980px; padding-top: 120px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }*/
	.main_body  {height: 980px; padding-top:1px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }/* 20231220 웹접근성 조치 으아아아아아아아ㅏㅏㅏ*/
	.main_body  .slogan {line-height: 1.325em; margin-top: 64px; font-size: 36px; text-align: center; color: #fff; }

	/* main  콘텐츠 ============================================================ */
	/* 바로가기 메뉴   2019.12.12 호버 스타일 추가  변경부분*/
	.quick_menu {width: 1080px; margin: 55px auto 0; }
	.quick_menu li {float: left; width: 350px; height: 250px; margin-left: 15px; margin-top: 15px; /*overflow: hidden;*/}
	.quick_menu li:nth-child(1) {background: url('../img/bg_quickMenu01.png') no-repeat  center 0; margin-left: 0; }
	.quick_menu li:nth-child(2) {background: url('../img/bg_quickMenu02.png') no-repeat center 0;}
	.quick_menu li:nth-child(3) {background: url('../img/bg_quickMenu03.png') no-repeat center 0;}
	.quick_menu li:nth-child(4) {background: url('../img/bg_quickMenu04.png') no-repeat center 0; margin-left: 0; }
	.quick_menu li:nth-child(5) {background: url('../img/bg_quickMenu05.png') no-repeat center 0;}
	.quick_menu li:nth-child(6) {background: url('../img/bg_quickMenu06.png') no-repeat center 0;}
	.quick_menu li a {position: relative;  display: block; height: 250px; padding-top: 100px; box-sizing: border-box;  text-align: center; transition: .5s;}
	.quick_menu li a:before {content: ''; position: absolute;  display: block ; width: 100%; height: 46px; top: 56px; left: 0; z-index: 1; overflow: hidden;}
	.quick_menu li a:after {content: ''; display: block; position: absolute; width: 100%; /*height: 100%;*/ height:0; background: #000 ; top: 251px; left: 0; opacity: .6; z-index: 0; transition: .2s;}
	.quick_menu li:nth-child(1) a:before  {background: url('../img/icon_quickMenu01.png') no-repeat center 0; background-size: auto 46px;}
	.quick_menu li:nth-child(2) a:before  {background: url('../img/icon_quickMenu02.png') no-repeat center 0; background-size: auto 46px;}
	/*.quick_menu li:nth-child(3) a:before  {background: url('../img/icon_quickMenu03.png') no-repeat center 0; background-size: auto 46px;}*/
	.quick_menu li:nth-child(4) a:before  {background: url('../img/icon_quickMenu04.png') no-repeat center 0; background-size: auto 46px;}
	.quick_menu li:nth-child(5) a:before  {background: url('../img/icon_quickMenu05.png') no-repeat center 0; background-size: auto 46px;}
	.quick_menu li:nth-child(6) a:before  {background: url('../img/icon_quickMenu06.png') no-repeat center 0; background-size: auto 46px;}

	.quick_menu li a:hover:after {height:100%;}

	.quick_menu li strong{position:absolute;  width: 100%; top: 100px; display: block; margin-top: 20px; font-size: 28px; color: #fff; font-weight: normal; z-index: 1}
	.quick_menu li a span {position: absolute; width: 100%; top: 154px; display: block; line-height: 1.5em; margin-top: 10px; color: #fff; font-size: 14px;z-index: 1; }
	.quick_menu li:nth-child(1)  a:hover:before {transform: rotate(15deg); }
	.quick_menu li:nth-child(2)  a:hover:before {transform: rotate(15deg); }
	/* .quick_menu li:nth-child(3)  a:hover:before {transform: rotate(-15deg); } */
	.quick_menu li:nth-child(4)  a:hover:before {transform: rotate(-15deg); }
	.quick_menu li:nth-child(5)  a:hover:before {transform: rotate(-15deg); }
	.quick_menu li:nth-child(6)  a:hover:before {transform: rotate(15deg); }
	.quick_menu li a:hover:after {top: 0; }
	.quick_menu li a:hover strong {color: #ffd200}
	.quick_menu li a:hover span,
	.quick_menu li a:focus span {display:block;}


	/* 2019.12.12 호버 스타일 추가  변경부분  끝*/
	
	/*  공지사항 및 자료실 이동*/
	.board-wraper  {position: relative; width: 1080px; height: 130px;  margin: 15px auto; z-index: 1}
	.board-wraper:before {content: ''; position: absolute; display: block; width: 100%; height: 130px; top: 0; left: 0; background: #fff; opacity: .9 ; z-index: -1}
	.board-wraper .notice {position: relative; float: left;  width: 730px; padding: 30px 30px 30px 60px; box-sizing: border-box; }
	.board-wraper .notice:after {content: '';  position: absolute; width: 1px; height: 90px; right: 0; top: 20px;  background: #dfdfdf }
	.board-wraper .notice dt {position: relative; float: left; line-height: 72px; font-size: 26px; color: #043763; font-weight: 700; }
	.board-wraper .notice dd{float: right; }
	.board-wraper .notice dd li a{display: block;  line-height: 1.75em; color: #111 ; font-size: 14px; }
	.board-wraper .notice dd li a strong {display: block; float: left; width: 250px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.board-wraper .notice dd li a span {display: block; float: right; margin-left: 15px; }
	.board-wraper .notice dd .btn_more {position: absolute; display: block; width: 15px; height: 31px; top: 50%; left: 270px; margin-top: -15px; background: url('../img/btn_go.png') no-repeat 0 0; text-indent: -9999px; }
	.board-wraper .reference {float: right; width: 350px ; padding: 30px 40px; box-sizing: border-box; }
	.board-wraper .reference  li {float: left; width: 90px;  text-align: center; }
	.board-wraper .reference  li a{position: relative; display: block ; padding-top: 60px; font-size: 14px ; color: #043763}
	.board-wraper .reference  li a:before {content: ''; position: absolute; display: block; width: 100%; height: 50px;  top: 0; left: 0; }
	.board-wraper .reference  li:nth-child(1) a:before {background: url('../img/icon_reference01.png') no-repeat center 0; }
	.board-wraper .reference  li:nth-child(2) a:before {background: url('../img/icon_reference02.png') no-repeat center 0; }
	.board-wraper .reference  li:nth-child(3) a:before {background: url('../img/icon_reference03.png') no-repeat center 0; }

	/* 서브 콘텐츠 ==============================*/
	.sub_body {margin-top: 60px }
	/*.sub_body p {line-height: 24px; font-size: 16px; color: #666666; }*/
	/* 인사말*/
	.sub_body .greeting .summary {position: relative;  letter-spacing: -1px; }
	.sub_body .greeting .summary:before {content: '' ; position: absolute; display: block;  width: 35px; height: 25px; top:40px;  left: 180px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  } 
	.sub_body .greeting .summary:after {content: '' ; position: absolute; display: block;  width: 35px; height: 25px; top: 40px;   right: 180px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  transform: rotate(180deg)}  
	.sub_body .greeting .summary p { line-height:1.325em;  font-size: 32px; color: #0e63be;  text-align: center; }
	.sub_body .greeting .summary  strong{font-weight: bold; }
	.sub_body .greeting .greeting-conts {margin-top: 70px; }
	.sub_body .greeting .greeting-conts  p {line-height: 1.625em; margin-top: 20px; font-size: 16px; }
	.sub_body .greeting .greeting-conts  p.ceo {margin-top: 50px; }
	.sub_body .greeting .greeting-conts  p small {font-size: 14px; }
	.sub_body .greeting .greeting-conts  p strong {font-size: 18px; }
}

@media all and (max-width:708px) {
	/* 열린마당 > 공지사항 - 검색영역 - Mobile */
	.noticeWrap{}
	.noticeWrap .noticeTop{padding:20px;width:100%;display:block;}
	.noticeWrap .noticeTop .noticeTopWrap,
	.noticeWrap .noticeTop .noticeTopWrap dl{width:100%;}
	.noticeWrap .noticeTop .noticeTopWrap dt{width:33%;margin-right:3%;}
	.noticeWrap .noticeTop .noticeTopWrap .iptSch{width:64%;margin:0;}
	.noticeWrap .noticeTop .noticeTopWrap dd{margin:0;}
	.noticeWrap .noticeTop .noticeTopWrap .btnSch{float:none;clear:both;width:100%;margin-top:3%;}
	.noticeWrap .noticeTop .noticeTopWrap .btnSch a{width:100%;}
	/* //열린마당 > 공지사항 - 검색영역 - Mobile */

	/* 열린마당 > 공지사항 - Contents 영역- Mobile */
	/* pagenate */
	.noticePagenate01.pagenate.type01{margin-top:40px;}
	/* //pagenate */
	/* //열린마당 > 공지사항 - Contents 영역- Mobile */

	/* 알림마당 > 관련사이트 */
	.addSiteWrap{}
	.addSiteWrap ul{width:100%;margin-top:-4%; margin-left: -1%; }
	.addSiteWrap ul li{width:calc(100%/3 - 2.2%);float:left;margin-top:2%; margin-left: 2%;}
	.addSiteWrap ul li a{width:100%;height:90px;background-position:center center;background-size:100% auto;}
	/* //알림마당 > 관련사이트 */

	/* 광업등록사무소 소개 - 연혁 */
	.adhostory{}
	.adhostory ul{display:block;width:100%;margin:0;padding:0;}
	.adhostory ul:after{content:'';display:block;clear:both;}
	.adhostory ul li{position:relative;display:block;width:100%;margin-top:30px;}
	.adhostory ul li:first-child{margin-top:0;}
	.adhostory dl{position:relative;text-align:left;margin:0;padding:0;}
	.adhostory dl:after{content:'';display:block;clear:both;}
	.adhostory dl:before{
		content:'';display:none;clear:both;
		position:absolute;left:0;top:0;width:0;height:0;
		background-color:transparent;
	}
	.adhostory li:last-child dl:before{height:0;background-color:transparent;}
	.adhostory dl dt,
	.adhostory dl dd{float:none;}
	.adhostory dl dt{width:100%; height: 50px; font-size: 46px; }
	.adhostory dl dd{margin-top:20px;}
	.adhostory dl dd dl{margin-top:40px;padding-left:0;box-sizing:border-box;}
	.adhostory dl dd dl:first-child{margin-top:0px;}
	.adhostory dl dd dl:after{
		content:'';display:none;clear:both;
		left:0;top:0;width:0px;height:0;border-radius:0;
		background-color:transparent;
	}
	.adhostory dl dd dl:before{
		width:0;height:0;background-color:transparent;display:none;
	}
	.adhostory dl dd dl dt,
	.adhostory dl dd dl dd{float:none;}
	.adhostory dl dd dl dt{font-size:18px;color:#005fc6;font-family:bold;height:18px;line-height:18px;}
	.adhostory dl dd dl dd{font-size:14px;color:#111;margin-top:15px;}
	.adhostory dl dd dl dd.agList{margin-top:5px;}
	/* //광업등록사무소 소개 - 연혁 */
}

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

	/* main  콘텐츠 ============================================================ */
	.main_body  { min-height: 670px;padding:30px 0 50px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }
	.main_body  .slogan {line-height: 1.325em; margin: 20px 0; font-size: 20px; text-align: center; color: #fff; }

	/* 바로가기 메뉴*/
	.quick_menu {padding: 0 20px }
	.quick_menu dd ul:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
	.quick_menu li {float: left; width: calc(100%/2 - 5px);  margin-left: 10px; margin-top: 10px; }
	.quick_menu li:nth-child(odd) {margin-left: 0; } 
	.quick_menu li:nth-child(1) {background: url('../img/bg_quickMenu01.png') no-repeat  center 0;  }
	.quick_menu li:nth-child(2) {background: url('../img/bg_quickMenu02.png') no-repeat center 0;}
	.quick_menu li:nth-child(3) {background: url('../img/bg_quickMenu03.png') no-repeat center 0;}
	.quick_menu li:nth-child(4) {background: url('../img/bg_quickMenu04.png') no-repeat center 0; }
	.quick_menu li:nth-child(5) {background: url('../img/bg_quickMenu05.png') no-repeat center 0;}
	.quick_menu li:nth-child(6) {background: url('../img/bg_quickMenu06.png') no-repeat center 0;}
	.quick_menu li a {position: relative;  display: block;  padding: 48px 0px 20px ; box-sizing: border-box;  text-align: center;  font-size: 14px; }
	.quick_menu li a:before {content: ''; position: absolute;  display: block ; width: 100%; height: 46px; top:20px; left: 0;  }
	.quick_menu li:nth-child(1) a:before  {background: url('../img/icon_quickMenu01.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(2) a:before  {background: url('../img/icon_quickMenu02.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(3) a:before  {background: url('../img/icon_quickMenu03.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(4) a:before  {background: url('../img/icon_quickMenu04.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(5) a:before  {background: url('../img/icon_quickMenu05.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(6) a:before  {background: url('../img/icon_quickMenu06.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li a  strong{display: block; margin-top: 20px;  color: #fff; font-weight: normal; }
	.quick_menu li a span {display: none; }

	/* 20201222 최원규*/
	.quick_menu li:after {content:''; display:block; clear:both;}
	.quick_menu li div {display:block; height:104px; padding:8px 0 7px 0;}

	.quick_menu li div strong {top:auto; display:block; padding-top:20px; background:none;}
	.quick_menu li div span {display:none;}
	.quick_menu li div a {width:90%; height:auto; padding:4px 0 4px 0; margin:10px 0 10px 0;}

	/*  공지사항 및 자료실 이동*/
	.board-wraper  {position: relative;  margin: 25px 20px ; z-index: 1}
	.board-wraper .notice {position: relative; ; padding: 15px; box-sizing: border-box; }
	.board-wraper .notice:before {content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: .9 ; z-index: -1}
	.board-wraper .notice dt {display:none;}
	.board-wraper .notice dd li a{display:block; line-height:1.75em; color:#111; font-size: 13px;}
	.board-wraper .notice dd li a strong {display:block; float:left; width:72%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.board-wraper .notice dd li a span {display:block; float:right;}
	.board-wraper .notice dd .btn_more {display: none;}
	.board-wraper .reference { margin-top:10px; box-sizing:border-box;}
	.board-wraper .reference li {float:left; width:calc(100%/2 - 10px); background: #fff; margin-right:10px; margin-bottom:10px;}
	.board-wraper .reference li:first-child {margin-left:0;}
	.board-wraper .reference li a {position:relative; display:block ; line-height:44px; box-sizing:border-box; font-size:14px ; color:#043763 ; text-indent:65px;}
	.board-wraper .reference li a:before {content: ''; position:absolute; display:block; width:100%; height:44px; top:0; left:0;}
	.board-wraper .reference li:nth-child(1) a:before {background:url('../img/icon_reference01.png') no-repeat 25px center; background-size:32px;}
	.board-wraper .reference li:nth-child(2) a:before {background:url('../img/icon_reference02.png') no-repeat 25px center; background-size:32px;}
	.board-wraper .reference li:nth-child(3) a:before {background:url('../img/icon_reference03.png') no-repeat 25px center; background-size:32px;}

	/* sub ==============================================================================*/
	.sub_wraper {padding: 40px 20px 80px; }
	.sub_wraper .sub_head_area {display: none; }
	.sub_body p , .articleBox .policy > p {line-height: 1.625em; font-size: 15px; color: #666666; }
	.sub_body p.titType01{font-size: 18px; }
	/* 인사말*/
	.sub_body .greeting .summary {position: relative;  }
	.sub_body .greeting .summary:before {content: '' ; position: absolute; display: block;  width: 24px; height: 25px; top:22px;  left: 5px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  } 
	.sub_body .greeting .summary:after {content: '' ; position: absolute; display: block;  width: 24px; height: 25px; top: 22px;   right: 5px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  transform: rotate(180deg)}  
	.sub_body .greeting .summary p { line-height:1.325em;  font-size: 22px; color: #0e63be;  text-align: center; letter-spacing: -1px; }
	.sub_body .greeting .summary  strong{font-weight: bold;  font-size: 24px; }
	.sub_body .greeting .greeting-conts {margin-top: 40px; }
	.sub_body .greeting .greeting-conts  p {margin-top: 20px; }
	.sub_body .greeting .greeting-conts  p.ceo {margin-top: 50px; }
	.sub_body .greeting .greeting-conts  p small {font-size: 14px; }
	.sub_body .greeting .greeting-conts  p strong {font-size: 18px; }

	.usageWrap ul li {width: calc(100%/4 - 4px);}
	.usageWrap ul li a, .usageWrap ul li a span {font-size: 15px; }
}

@media all and (min-width:640px) and (max-width: 720px) {

	/* main  콘텐츠 ============================================================ */
	.main_body  { min-height: 720px;padding-top:30px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }
	.main_body  .slogan{line-height: 1.325em; margin: 30px 0;  font-size: 24px; text-align: center; color: #fff; }


	/* 바로가기 메뉴*/
	.quick_menu {padding: 0 20px }
	.quick_menu li {float: left; width: calc(100%/2 - 5px);  margin-left: 10px; margin-top: 10px; }
	.quick_menu li:nth-child(odd) {margin-left: 0; } 
	.quick_menu li:nth-child(1) {background: url('../img/bg_quickMenu01.png') no-repeat  center 0;  }
	.quick_menu li:nth-child(2) {background: url('../img/bg_quickMenu02.png') no-repeat center 0;}
	.quick_menu li:nth-child(3) {background: url('../img/bg_quickMenu03.png') no-repeat center 0;}
	.quick_menu li:nth-child(4) {background: url('../img/bg_quickMenu04.png') no-repeat center 0; }
	.quick_menu li:nth-child(5) {background: url('../img/bg_quickMenu05.png') no-repeat center 0;}
	.quick_menu li:nth-child(6) {background: url('../img/bg_quickMenu06.png') no-repeat center 0;}
	.quick_menu li a {position: relative;  display: block;  padding: 48px 0px 20px ; box-sizing: border-box;  text-align: center;  font-size: 14px; }
	.quick_menu li a:before {content: ''; position: absolute;  display: block ; width: 100%; height: 46px; top:20px; left: 0;  }
	.quick_menu li:nth-child(1) a:before  {background: url('../img/icon_quickMenu01.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(2) a:before  {background: url('../img/icon_quickMenu02.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(3) a:before  {background: url('../img/icon_quickMenu03.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(4) a:before  {background: url('../img/icon_quickMenu04.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(5) a:before  {background: url('../img/icon_quickMenu05.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(6) a:before  {background: url('../img/icon_quickMenu06.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li a  strong{display: block; margin-top: 20px;  color: #fff; font-weight: normal; }
	.quick_menu li a span {display: none; }
	/*  공지사항 및 자료실 이동*/
	.board-wraper  {position: relative;  margin: 25px 20px ; z-index: 1}
	.board-wraper .notice {position: relative; ; padding: 15px; box-sizing: border-box; }
	.board-wraper .notice:before {content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: .9 ; z-index: -1}
	.board-wraper .notice dt {display: none; }
	.board-wraper .notice dd li a{display: block;  line-height: 1.75em; color: #111 ; font-size: 13px; }
	.board-wraper .notice dd li a strong {display: block; float: left; width:72%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.board-wraper .notice dd li a span {display: block; float: right; }
	.board-wraper .notice dd .btn_more {display: none; }
	.board-wraper .reference { margin-top: 10px; box-sizing: border-box; }
	.board-wraper .reference  li {float: left; width: calc(100%/3 - 10px);  background: #fff; margin-left:0; margin-right: 10px; margin-bottom:10px;}
	.board-wraper .reference  li:first-child{margin-left: 0; }
	.board-wraper .reference  li a{position: relative; display: block ; line-height: 44px; box-sizing: border-box; font-size: 14px ; color: #043763 ; text-indent: 65px}
	.board-wraper .reference  li a:before {content: ''; position: absolute; display: block; width: 100%; height: 44px;  top: 0; left: 0; }
	.board-wraper .reference  li:nth-child(1) a:before {background: url('../img/icon_reference01.png') no-repeat 25px  center;  background-size: 32px; }
	.board-wraper .reference  li:nth-child(2) a:before {background: url('../img/icon_reference02.png') no-repeat 25px  center; background-size: 32px; }
	.board-wraper .reference  li:nth-child(3) a:before {background: url('../img/icon_reference03.png') no-repeat 25px  center; background-size: 32px; }

		/* 20240723 최원규*/
	.quick_menu li div {height:104px;}
	.quick_menu li div strong {top:auto; display:block; padding-top:20px;}
	.quick_menu li div span {display:none;}



	/* sub ==============================================================================*/
	.sub_wraper {padding: 40px 20px 80px; }
	.sub_wraper .sub_head_area {display: none; }
	.sub_body p {line-height: 1.5em; font-size: 15px; color: #666666; }
	/* 인사말*/
	.sub_body .greeting .summary {position: relative;  }
	.sub_body .greeting .summary:before {content: '' ; position: absolute; display: block;  width: 30px; height: 25px; top:30px;  left: 100px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  } 
	.sub_body .greeting .summary:after {content: '' ; position: absolute; display: block;  width: 30px; height: 25px; top: 30px;   right: 100px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  transform: rotate(180deg)}  
	.sub_body .greeting .summary p { line-height:1.325em;  font-size: 26px; color: #0e63be;  text-align: center; letter-spacing: -1px; }
	.sub_body .greeting .summary  strong{font-weight: bold;  font-size: 28px; }
	.sub_body .greeting .greeting-conts {margin-top: 40px; }
	.sub_body .greeting .greeting-conts  p {margin-top: 20px; }
	.sub_body .greeting .greeting-conts  p.ceo {margin-top: 50px; }
	.sub_body .greeting .greeting-conts  p small {font-size: 14px; }
	.sub_body .greeting .greeting-conts  p strong {font-size: 18px; }
	.sub_body p.titType01{font-size: 18px; }


}



@media all and (min-width:721px) and (max-width: 840px) {

	/* main  콘텐츠 ============================================================ */
	.main_body  { min-height: 520px; padding-top:60px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }
	.main_body  .slogan {line-height: 1.325em; font-size: 18px; text-align: center; color: #fff; }

	/* 바로가기 메뉴*/
	.quick_menu {margin-top: 20px; padding: 0 50px }
	.quick_menu li {float: left; width: calc(100%/3 - 5.5px);  margin-left: 8px; margin-top: 8px; }
	.quick_menu li:nth-child(3n+1) {margin-left: 0; } 
	.quick_menu li:nth-child(1) {background: url('../img/bg_quickMenu01.png') no-repeat  center 0;  }
	.quick_menu li:nth-child(2) {background: url('../img/bg_quickMenu02.png') no-repeat center 0;}
	.quick_menu li:nth-child(3) {background: url('../img/bg_quickMenu03.png') no-repeat center 0;}
	.quick_menu li:nth-child(4) {background: url('../img/bg_quickMenu04.png') no-repeat center 0; }
	.quick_menu li:nth-child(5) {background: url('../img/bg_quickMenu05.png') no-repeat center 0;}
	.quick_menu li:nth-child(6) {background: url('../img/bg_quickMenu06.png') no-repeat center 0;}
	.quick_menu li a {position: relative;  display: block;  padding: 48px 0px 20px ; box-sizing: border-box;  text-align: center;  font-size: 14px; }
	.quick_menu li a:before {content: ''; position: absolute;  display: block ; width: 100%; height: 46px; top:20px; left: 0;  }
	.quick_menu li:nth-child(1) a:before  {background: url('../img/icon_quickMenu01.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(2) a:before  {background: url('../img/icon_quickMenu02.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(3) a:before  {background: url('../img/icon_quickMenu03.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(4) a:before  {background: url('../img/icon_quickMenu04.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(5) a:before  {background: url('../img/icon_quickMenu05.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(6) a:before  {background: url('../img/icon_quickMenu06.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li a  strong{display: block; margin-top: 20px;  color: #fff; font-weight: normal; }
	.quick_menu li a span {display: none; }

	/* 20240723 최원규*/
	.quick_menu li div strong {top:auto; display:block; padding-top:20px;}
	.quick_menu li div span {display:none;}

	/*  공지사항 및 자료실 이동*/
	.board-wraper  {position: relative;  margin: 25px 50px ; z-index: 1}
	.board-wraper:before {content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: .9 ; z-index: -1}
	.board-wraper .notice {position: relative; float: left; width: 70%;  padding: 20px  25px;  box-sizing: border-box; }
	.board-wraper .notice:after {content: '';  position: absolute; width: 1px; height: calc(100% - 50px); right: 0; top: 25px;  background: #dfdfdf }
	.board-wraper .notice dt {position: relative; float: left; width: 100px; line-height: 72px; font-size: 16px; color: #043763; font-weight: 700; }
	.board-wraper .notice dd{float: left; width: calc(100% - 140px) ; margin-left: 30px}
	.board-wraper .notice dd li a{display: block;  line-height: 1.825em; color: #111 ; font-size: 13px; }
	.board-wraper .notice dd li a strong {display: block; float: left; width:72%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.board-wraper .notice dd li a span {display: block; float: right; }
	.board-wraper .notice dd .btn_more {position: absolute; display: block; width: 10px; height: 31px; top: 50%; left: 105px; margin-top: -15px; background: url('../img/btn_go.png') no-repeat  center center; background-size: 10px;  text-indent: -9999px; }
	.board-wraper .reference {float: right; width: 30% ; padding: 20px ;  box-sizing: border-box; }
	.board-wraper .reference  li {float: left; width:33%;  text-align: center; }
	.board-wraper .reference  li a{position: relative; display: block ; padding-top: 50px; font-size: 14px ; color: #043763}
	.board-wraper .reference  li a:before {content: ''; position: absolute; display: block; width: 100%; height: 50px;  top: 0; left: 0; box-sizing: border-box;  }
	.board-wraper .reference  li:nth-child(1) a:before {background: url('../img/icon_reference01.png') no-repeat center 0;  background-size: auto 40px; }
	.board-wraper .reference  li:nth-child(2) a:before {background: url('../img/icon_reference02.png') no-repeat center 0;   background-size: auto 40px;}
	.board-wraper .reference  li:nth-child(3) a:before {background: url('../img/icon_reference03.png') no-repeat center 0;   background-size: auto 40px;}

	.quick_menu li div {position: relative;  display: block; height:104px; box-sizing: border-box;  text-align: center; transition: .5s;}

	/* sub ==============================================================================*/
	.sub_wraper {padding: 40px 20px 80px; }
	.sub_wraper .sub_head_area {display: none; }
	.sub_body p {line-height: 1.5em; font-size: 16px; color: #666666; }
	.sub_body p.titType01{font-size: 18px; }
	/* 인사말*/
	.sub_body .greeting .summary {position: relative;  }
	.sub_body .greeting .summary:before {content: '' ; position: absolute; display: block;  width: 30px; height: 25px; top:34px;  left: 150px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  } 
	.sub_body .greeting .summary:after {content: '' ; position: absolute; display: block;  width: 30px; height: 25px; top: 34px;   right: 150px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  transform: rotate(180deg)}  
	.sub_body .greeting .summary p { line-height:1.325em;  font-size: 30px; color: #0e63be;  text-align: center; letter-spacing: -1px; }
	.sub_body .greeting .summary  strong{font-weight: bold;  font-size: 32px; }
	.sub_body .greeting .greeting-conts {margin-top: 40px; }
	.sub_body .greeting .greeting-conts  p {margin-top: 20px; }
	.sub_body .greeting .greeting-conts  p.ceo {margin-top: 50px; }
	.sub_body .greeting .greeting-conts  p small {font-size: 14px; }
	.sub_body .greeting .greeting-conts  p strong {font-size: 18px; }

}


@media all and (min-width:841px) and (max-width: 1099px) {

	/* main  콘텐츠 ============================================================ */
	.main_body  { min-height: 500px; padding-top:60px; background: url('../img/bg_mainBody.png') no-repeat center center;  background-size: cover;  }
	.main_body  .slogan {line-height: 1.325em; font-size: 18px; text-align: center; color: #fff; }



	/* 바로가기 메뉴*/
	.quick_menu {margin-top: 20px; padding: 0 50px }
	.quick_menu li {float: left; width: calc(100%/3 - 5.5px);  margin-left: 8px; margin-top: 8px; }
	.quick_menu li:nth-child(3n+1) {margin-left: 0; } 
	.quick_menu li:nth-child(1) {background: url('../img/bg_quickMenu01.png') no-repeat  center 0;  }
	.quick_menu li:nth-child(2) {background: url('../img/bg_quickMenu02.png') no-repeat center 0;}
	.quick_menu li:nth-child(3) {background: url('../img/bg_quickMenu03.png') no-repeat center 0;}
	.quick_menu li:nth-child(4) {background: url('../img/bg_quickMenu04.png') no-repeat center 0; }
	.quick_menu li:nth-child(5) {background: url('../img/bg_quickMenu05.png') no-repeat center 0;}
	.quick_menu li:nth-child(6) {background: url('../img/bg_quickMenu06.png') no-repeat center 0;}
	.quick_menu li a {position: relative;  display: block;  padding: 48px 0px 20px ; box-sizing: border-box;  text-align: center;  font-size: 14px; }
	.quick_menu li a:before {content: ''; position: absolute;  display: block ; width: 100%; height: 46px; top:20px; left: 0;  }
	.quick_menu li:nth-child(1) a:before  {background: url('../img/icon_quickMenu01.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(2) a:before  {background: url('../img/icon_quickMenu02.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(3) a:before  {background: url('../img/icon_quickMenu03.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(4) a:before  {background: url('../img/icon_quickMenu04.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(5) a:before  {background: url('../img/icon_quickMenu05.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li:nth-child(6) a:before  {background: url('../img/icon_quickMenu06.png') no-repeat center 0; background-size: auto 38px;}
	.quick_menu li a  strong{display: block; margin-top: 20px;  color: #fff; font-weight: normal; }
	.quick_menu li a span {display: none; }

	/* 20240723 최원규*/
	.quick_menu li div {position: relative;  display: block; height:104px; box-sizing: border-box;  text-align: center; transition: .5s;}
	.quick_menu li div strong {background-image:none; top:10px;}
	.quick_menu li div span {margin-top:15px; letter-spacing:-2px;}


	/*  공지사항 및 자료실 이동*/
	.board-wraper  {position: relative;  margin: 25px 50px ; z-index: 1}
	.board-wraper:before {content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: .9 ; z-index: -1}
	.board-wraper .notice {position: relative; float: left; width: 65%;  padding: 20px  25px;  box-sizing: border-box; }
	.board-wraper .notice:after {content: '';  position: absolute; width: 1px; height: calc(100% - 50px); right: 0; top: 25px;  background: #dfdfdf }
	.board-wraper .notice dt {position: relative; float: left; width: 120px; line-height: 72px; font-size: 18px; color: #043763; font-weight: 700; }
	.board-wraper .notice dd{float: left; width: calc(100% - 160px) ; margin-left: 40px}
	.board-wraper .notice dd li a{display: block;  line-height: 1.825em; color: #111 ; font-size: 13px; }
	.board-wraper .notice dd li a strong {display: block; float: left; width:72%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.board-wraper .notice dd li a span {display: block; float: right; }
	.board-wraper .notice dd .btn_more {position: absolute; display: block; width: 10px; height: 31px; top: 50%; left: 130px; margin-top: -15px; background: url('../img/btn_go.png') no-repeat  center center; background-size: 10px;  text-indent: -9999px; }
	.board-wraper .reference {float: right; width: 35% ; padding: 20px 25px;  box-sizing: border-box; }
	.board-wraper .reference  li {float: left; width: 33%;  text-align: center; }
	.board-wraper .reference  li a{position: relative; display: block ; padding-top: 50px; font-size: 14px ; color: #043763}
	.board-wraper .reference  li a:before {content: ''; position: absolute; display: block; width: 100%; height: 50px;  top: 0; left: 0; box-sizing: border-box;  }
	.board-wraper .reference  li:nth-child(1) a:before {background: url('../img/icon_reference01.png') no-repeat center 0;  background-size: auto 40px; }
	.board-wraper .reference  li:nth-child(2) a:before {background: url('../img/icon_reference02.png') no-repeat center 0;   background-size: auto 40px;}
	.board-wraper .reference  li:nth-child(3) a:before {background: url('../img/icon_reference03.png') no-repeat center 0;   background-size: auto 40px;}


	/* sub ==============================================================================*/
	.sub_wraper {padding: 40px 40px 80px; }
	.sub_wraper .sub_head_area {display: none; }
	.sub_body p {line-height: 24px; font-size: 16px; color: #666666; }
	/* 인사말*/
	.sub_body .greeting .summary {position: relative;  letter-spacing: -1px; }
	.sub_body .greeting .summary:before {content: '' ; position: absolute; display: block;  width: 35px; height: 25px; top:40px;  left: 180px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  } 
	.sub_body .greeting .summary:after {content: '' ; position: absolute; display: block;  width: 35px; height: 25px; top: 40px;   right: 180px; background: url('../img/sub/mark_quotation.png') no-repeat center center; background-size: 100%;  transform: rotate(180deg)}  
	.sub_body .greeting .summary p { line-height:1.325em;  font-size: 32px; color: #0e63be;  text-align: center; }
	.sub_body .greeting .summary  strong{font-weight: bold; }
	.sub_body .greeting .greeting-conts {margin-top: 70px; }
	.sub_body .greeting .greeting-conts  p {margin-top: 20px; }
	.sub_body .greeting .greeting-conts  p.ceo {margin-top: 50px; }
	.sub_body .greeting .greeting-conts  p small {font-size: 14px; }
	.sub_body .greeting .greeting-conts  p strong {font-size: 18px; }
	

	
}


/* 2020.01.08 */
@media all and (max-width:480px) {
	.usageWrap ul li {width: calc(100%/3 - 4.2px ); font-size: 14px; }   
}

@media all and (max-width: 359px){
	.quick_menu li {width: calc(100%/2 - 8px)}
	.quick_menu li a{font-size: 12px;}
	.board-wraper .reference li:nth-child(1) a:before {background-position: 16px center}
	.board-wraper .reference li:nth-child(1) a {text-indent:55px; font-size: 12px; }
	.usageWrap ul li a, .usageWrap ul li a span {font-size: 13px; }

	/* 20240723 메인화면 조직도 추가 */
	/*
	.board-wraper .reference li {float:left; width:100%; margin-right:0px;}
	*/
	

}