@charset "utf-8";

 /* 사이트 공통 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: 'Roboto', 'Noto Sans KR', sans-serif;color:#646464;}

img {max-width:100%;}


.fcRed {color:#f00 !important;}
.fcPoint {color:#4c99b3 !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:#1f397b !important;border-color:#1f397b !important;color:#fff !important;}
/* 하늘색 */			.btnPoint {background-color:#348de6 !important;border-color:#348de6 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#535353 !important;border-color:#535353 !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:#1f397b !important;color:#1f397b !important;}
/* border+ 하늘색 */		.btnBdPoint {background-color:#fff !important;border-color:#348de6 !important;color:#348de6 !important;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}


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






/* 레이아웃 */
div.wrapper {position: relative;}

ul#gnb, ul#gnb ul, ul#gnb li,
ul.gnbUtil, ul.gnbUtil > li {margin: 0;padding: 0;list-style:none;}


div#headerWrap{width: 100%; position: relative;}
div#headerWrap > div{position: relative;}
div#headerWrap > div h1{}

div#headerWrap > div div.gnbWrap{}
ul#gnb{}
ul#gnb > li{}
ul#gnb li a{font-family: "Roboto"; display:block; text-decoration: none; color: #000; font-weight: bold; text-align: center;}

dl.login{position: absolute; top: 27px; right: 0;}
dl.login dt a{background: url(/image/common/login.png) no-repeat 0,0; display:block; text-indent: -99999px; width: 46px; height: 46px;}
dl.login dt a.on{background: url(/image/common/login_on.png) no-repeat 0,0;}
	dl.login dd{display:none; position: absolute; top: 69px; right: 0; width: 255px; box-sizing: border-box; padding: 25px; border-top: 4px solid #0156a8; background: #fff; font-weight: bold; box-shadow: 3px 5px 20px #9e9e9e ;}
	dl.login dd p strong{color: #0156a8;font-weight: bold !important;}
	dl.login dd ul{overflow: hidden; margin-top: 10px;}
	dl.login dd ul li{list-style:none; float: left; margin-left: 5px ;width: 100px;}
	dl.login dd ul li:first-child{margin-left: 0;}
	dl.login dd ul li a{display:block; text-decoration: none; color: #222222; border: 1px solid #000; text-align: center; padding: 5px 0;}












div#footerWrap{z-index: 1; background: #fff; border-top: 1px solid #e2e4e5;}
div#footerWrap div{margin: 0 auto; color: #b7bac0; font-size: 13px;}
/* PC */
@media all and (min-width: 961px) {
div#headerWrap{width: 100%; height: 100px; background: #fff; z-index: 500;}
div#headerWrap > div{width: 1200px; margin: 0 auto;}
div#headerWrap > div h1{padding: 28px 0; float: left;}
div#headerWrap > div div.gnbWrap{float: right; padding: 37px 60px 0 0;}

ul#gnb{height: 63px;}
ul#gnb > li{float: left; position: relative; text-align: center;}
ul#gnb > li > a{font-size: 18px; padding: 0 15px 36px;}
ul#gnb > li.on > a{color: #0156a8 !important;}

	ul.innerGnb{overflow: hidden; position: absolute; top: 58px; left: 50%; width: 200px; box-shadow: 5px 10px 20px #6f7479; margin-left: -100px !important; display:none;}
	ul#gnb > li.on	ul.innerGnb{display:block;}

	ul.innerGnb li{float: none; width: 100%;}
	ul.innerGnb li a{font-size: 14px; padding: 10px 0; background: #fff;}
	ul.innerGnb li:hover a{background: #0156a8; color: #fff !important; }






div#footerWrap div{width: 1200px; margin: 0 auto; padding: 26px 0 25px;}
.mobileOnly{display:none !important;}
.pcOnly{display:block !important;}
}




/* mobile */
@media all and (max-width: 1023px) {
div#headerWrap{position: relative; height: 60px;}
div#headerWrap > div h1{padding: 16px 0 16px 10px;position: absolute; top: 0; left: 0;}
div#headerWrap > div{padding-top: 60px;}
div.gnbWrap{display:none; position:fixed; z-index: 450; background: url(/image/common/gnbBg_m.png)repeat-y center top; height: 100%; width: 100%; background-size: 100% 100%;}
ul#gnb{width: 100%; height: 100%; border-top: 1px solid #e0e0e0;}
ul#gnb li{}
ul#gnb li a{background: #fff; padding: 10px 10px; border-bottom: 1px solid #e0e0e0; text-align: left; font-size: 16px;}
ul#gnb li.more a{background: #fff url(/image/common/innerGnb_down.png) no-repeat right center;}
ul#gnb li.more.on a{background: #fff url(/image/common/innerGnb_up.png) no-repeat right center;}
ul#gnb li.on > a{color: #1f397b;}

ul.innerGnb{display:none; overflow: hidden;}
ul.innerGnb li a{display:block; background: #eef1f5 !important; position: relative; padding-left: 20px !important; color: #555555 !important;}
ul.innerGnb li a::before{content:"-"; display:block; position: absolute; top: 50%; left: 10px; margin-top: -12px;}




p.viewGnb{position: absolute;top: 0; right: 0;}
p.viewGnb a{display:block; padding: 20px 20px 19px; background: url(/image/common/viewGnb.png) no-repeat center center; text-indent: -99999px; display:block;}
p.viewGnb a.on{background: url(/image/common/closeGnb.png) no-repeat center center;}



.pcOnly{display:none !important;}
.mobileOnly{display:block !important;}

dl.login{position: absolute; top: 12px; right: 45px;}
dl.login dt a{background: url(/image/common/login.png) no-repeat 0,0; display:block; text-indent: -99999px; width: 35px; height: 35px;background-size: auto 35px;}
dl.login dt a.on{background: url(/image/common/login_on.png) no-repeat 0,0;background-size: auto 35px;}

}




div#container{z-index: 2;position: relative;}
div#container div.titArea{background-position: center top; background-repeat: no-repeat;}
	div#container.sub1 div.titArea{background-image: url(/image/sub/title_bg1.png);}
	div#container.sub2 div.titArea{background-image: url(/image/sub/title_bg2.png);}
	div#container.sub3 div.titArea{background-image: url(/image/sub/title_bg3.png);}
	div#container.sub4 div.titArea{background-image: url(/image/sub/title_bg4.png);}
	div#container.sub5 div.titArea{background-image: url(/image/sub/title_bg5.png);}

	div#container.sub6 div.titArea{background-image: url(/image/sub/title_bg6.png);}
	div#container.sub7 div.titArea{background-image: url(/image/sub/title_bg5.png);}

dl.pagePath dd ul li:first-child{text-indent: -99999px; display:inline-block; width: 20px; height:  20px; background: url(/image/icon/page_pathHome.png) no-repeat left center;}
/* PC */
@media all and (min-width:1024px) {
div#container div.titArea{background-size: 100% 100%;}

div.contents{width: 1200px; margin:  0 auto; min-height: 500px; padding: 100px 0 50px}
div.contents::after{content:""; display:block; clear: both;}
div.main div.contents{min-height: 0; padding: 121px 0 80px;}


div.titArea{width: 100%; height: 352px;text-align: center; position: relative;}
div.titArea h2.pageTit{width:1200px ;  margin: 0 auto; padding: 102px 0 67px; font-size: 18px;  font-weight: 400;}
div.titArea h2.pageTit strong{display:block; margin-bottom: 10px; font-size: 46px; font-family: 'Nanum Myeongjo', serif; font-weight: bold;}

dl.pagePath{position: absolute; bottom: 0; left: 0; background: url(/image/sub/pagepath_bg.png) repeat-x left center; width: 100%; color: #fff;}
dl.pagePath dt{display:none;}
dl.pagePath dd{width: 1200px; margin: 0 auto; height: 50px;}
dl.pagePath dd ul{overflow: hidden; padding: 14px 0 15px}
dl.pagePath dd ul li{float: left; list-style:none; font-size: 14px;}
dl.pagePath dd ul li::before{content:">"; display:inline-block; padding: 0 15px; color: #fff;}




}


/* mobile */
@media all and (max-width: 961px) {

div.contents{margin:  0 auto; padding: 50px 10px 25px;}
div.main div.contents{padding-top: 35px;}

div.titArea{height: 235px; text-align: center; position: relative;}
div.titArea h2.pageTit{font-size: 13px;  font-weight: 400; padding: 77px 0;}
div.titArea h2.pageTit strong{display:block; margin-bottom: 10px; font-size: 24px; font-family: 'Nanum Myeongjo', serif; font-weight: bold;}

dl.pagePath{position: absolute; bottom: 0; left: 0; background: url(/image/sub/pagepath_bg.png) repeat-x left center; width: 100%; color: #fff;}
dl.pagePath dt{display:none;}
dl.pagePath dd{height: 35px;}
dl.pagePath dd ul{overflow: hidden; padding: 8px 0 8px 10px}
dl.pagePath dd ul li{float: left; list-style:none; font-size: 13px;}
dl.pagePath dd ul li::before{content:">"; display:inline-block; padding: 0 5px; color: #fff;}



div#container.sub6 div.titArea{background-position: center -100px;}



}




/* ======================= 메인 ======================= */

}


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

}





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

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'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 #dfdfdf;} /* width:500px; */
.skinWrap.skin02 {border: 3px solid #e8ecef;}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {border-top: 3px solid #0a2e77;background:#0a2e77 url('/image/common/popupTit_01.png') center 28px no-repeat;}
.skin02 .popHeader {background: url(/image/common/popupBg_02_line.png) repeat-x left 75px, url('/image/common/popupBg_02.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:#b2b2b2;}




/* 팝업 */
div.popupWrap {}
div.popupWrap h1 {padding: 10px 0;text-align: center;color: #fff;background-color: #0a2e77;font-size: 1.4em;font-weight: 300;}

div.popupWrap .searchArea {position: relative;padding: 10px 80px 10px 10px;background-color: #f8f8f8; border-bottom: 2px solid #333;}
div.popupWrap .searchArea input {width: 100%;}
div.popupWrap .searchArea span.btn {position: absolute;right: 10px;top: 10px;width: 70px;height: 35px;padding: 0 !important;}
div.popupWrap .searchArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}

div.popupWrap div.popupCon {padding: 0;background-color: #fff;}
/*
div#popupJoin div.popupCon {padding: 0;background-color: #fff;}
div#popupJoin h2,
div#popupJoin .searchArea {border-bottom: 2px solid #333;}
*/

div.popupJoin h2 {padding: 10px;font-weight: normal;font-size: 1.2em;color: #0a2e77;background-color: #f4f8ff;}
div.popupJoin .scrollArea {max-height:140px;}

div.popupJoin table.inputTbl {border-top: 0 none;}
div.popupJoin table.inputTbl td {text-align: center;}
div.popupJoin .btn {padding: 20px 0;text-align: center;}

/* PC */
@media all and (min-width:1024px) {
/*div.popupWrap {width: 500px;background-color: #fff;}
div.popupWrap div.popupCon {padding: 40px;}
*/

}




/* 메인페이지 */

	/* 메인 비주얼 */
div.mainVisual{position: relative;}
div.mainVisual ul{text-align: center;overflow: hidden;}


@media all and (min-width: 961px) {
div.main div#headerWrap{width: 1600px !important; margin:  0 auto; position: absolute; top: 0; left: 50%; margin-left: -800px;}
div.main div#headerWrap div{height: 100px;}
div.main div#container{min-height: auto;}


div.mainVisual ul li{height: 485px;}
div.mainVisual ul li img{width: 100%;}
}




@media all and (max-width: 960px) {
div.mainVisual ul li{background: none !important;}
div.mainVisual ul li img{display:block; width: 100%;;}

}


/* 메인 컨텐츠 영역 */
div.main div#container{background: #eceff6;}
dl.news table.tblDef td a{color: #000; font-weight: bold; text-decoration: none;}
tr.new td strong{display: inline-block; background: url(/image/main/news_new.png) no-repeat right center;}

	dl.news{position: relative;}
	dl.news dt{color: #000; font-weight: bold;}
	dl.news dd{background: #fff;} 
	dl.news th{background-color: transparent !important;}

	dl.news table.tblDef td{position: relative; border-left: 0 none;}
	dl.news table.tblDef td a{color: #000; text-decoration: none;  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	dl.news table.tblDef td span{font-weight: bold;}
	dl.news table.tblDef td span.date{position: absolute; top: 50%; right: 0; font-weight: 400; color: #888888;}

	dl.news dd p.newsMore{position: absolute; top: 10px; right: 5px;}
	dl.news dd p.newsMore a{display:block;}

	dl.news dd tr.new td a{padding-right: 0 !important;}
	dl.news dd tr.new td a img{position: absolute; top: 50%; margin-top: -17px; right: 0;}
	dl.news dd tr.new td strong{display: inline-block;  font-weight: bold !important; color: #000; margin-bottom: 5px; padding-right: 20px; background: url(/image/main/news_new.png) no-repeat right center;}
	dl.news dd tr.new td span{display:block;}


	span.newsIcon{display:inline-block; color: #42c9f2 !important; border: 1px solid #42c9f2; border-radius: 30px; width: 55px !important; padding: 5px 0; font-size: 12px; text-align: center;}
	span.eventIcon{display:inline-block; color: #1567d4 !important; border: 1px solid #1567d4; border-radius: 30px; width: 55px !important; padding: 5px 0; font-size: 12px; text-align: center;}

/* 퀵메뉴 */
ul.quickMenu{margin-top: 20px;}
ul.quickMenu::after{content:""; display:block; clear: both;}
ul.quickMenu li{background-repeat: no-repeat; background-position: 0 0;}

ul.quickMenu li a{display:block; color: #fff; position: relative; text-decoration: none;}
ul.quickMenu li a strong{display:block;}
ul.quickMenu li a img{position: absolute;top: 30px; right: 30px; font-size: 30px;}

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

dl.news,ul.quickMenu{width: 50%;}
dl.news li,ul.quickMenu li{list-style:none}
dl.news a,ul.quickMenu a{text-decoration: none;}


/* 뉴스 & 이벤트 */

dl.news{float: left; width: 550px; margin-top: -61px;}
dl.news dt{font-size: 28px; margin-bottom: 21px;} 
dl.news dd{padding-top: 1px;} 
dl.news table.tblDef td{padding: 17px 0 20px 10px;}
dl.news table.tblDef td a{width: 330px; padding-right: 112px;}
dl.news table.tblDef td span.date{margin-top: -11px; right: 20px;}

dl.news th{padding: 15px 0 !important;}
tr.new{font-weight: bold !important; text-align: center !important;}
tr.new th strong{font-weight: bold !important;display:block; font-size: 42px; color: #0076d1; background: transparent;}

tr.new td{font-size: 14px;}
tr.new td a{display:inline-block !important; white-space:inherit !important; width: auto !important;}
tr.new td strong{font-size: 18px;}

/* 퀵메뉴 */
ul.quickMenu{float: right; width: 600px; margin-top: 0;}
ul.quickMenu li{float: left;  width: 295px; margin: 0 0 10px 10px;}
	ul.quickMenu li:nth-child(1){background-image: url(/image/main/quick_teamBg.png);}
	ul.quickMenu li:nth-child(2){background-image: url(/image/main/quick_pubBg.png);}
	ul.quickMenu li:nth-child(3){background-image: url(/image/main/quick_researchBg.png); margin-bottom: 0;}
	ul.quickMenu li:nth-child(4){background-image: url(/image/main/quick_ecrfBg.png); margin-bottom: 0;}

ul.quickMenu li:nth-child(odd){clear: both; margin-left: 0;}
ul.quickMenu > li > a{padding: 30px 30px; height: 112px;}
ul.quickMenu li a strong{font-weight: bold !important; font-size: 18px;display:inline-block;}

ul.quickMenu li.on a strong{border-bottom: 1px solid #fff; padding-bottom: 3px;}
ul.quickMenu li.on a img{display:none;}
	ul.quickMenu li:nth-child(1).on{background-image: url(/image/main/quick_teamBg_on.png);}
	ul.quickMenu li:nth-child(2).on{background-image: url(/image/main/quick_pubBg_on.png);}
	ul.quickMenu li:nth-child(3).on{background-image: url(/image/main/quick_researchBg_on.png); margin-bottom: 0;}
	ul.quickMenu li:nth-child(4).on{background-image: url(/image/main/quick_ecrfBg_on.png); margin-bottom: 0;}

/* 	ul.quickMenu li:nth-child(4).on img{display:block !important;}
	ul.quickMenu li:nth-child(4).on a{cursor: inherit;}
	ul.quickMenu li:nth-child(4).on a strong{text-decoration: none !important; border-bottom: 0 none !important;}
	 */
}


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

/* 뉴스 & 이벤트 */
	dl.news{}
	dl.news dt{font-size: 18px; margin-bottom: 10px;}

	dl.news table.tblDef th{padding: 7px 0 8px; font-size: 12px;}

	dl.news table.tblDef{table-layout:fixed;}
	dl.news table.tblDef td{padding: 15px 0 15px 20px;}
	dl.news table.tblDef td a{position:relative; font-size: 12px; padding-right: 90px;}
	dl.news table.tblDef td span.date{margin-top: -10px; font-size: 14px; right: 10px;}

dl.news dd tr.new{font-weight: bold !important; text-align: center !important;}
tr.new th strong{font-weight: bold !important; display:block; font-size: 21px; color: #0076d1; background: transparent;}

dl.news dd tr.new td{font-size: 12px;}
dl.news dd tr.new td a{color: #888888;position:relative; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-size: 14px; display:block; font-size: 12px;}
dl.news dd tr.new td a img{position: absolute; top: 50%; margin-top: -17px; right: 0;}
dl.news dd tr.new td strong{position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px;}
dl.news dd tr.new td span{padding-right: 20px; position:relative; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-size: 14px; padding-right: 0 !important;}


/* 퀵메뉴 */
ul.quickMenu{margin-top: 20px;}
ul.quickMenu li{background-repeat: no-repeat; background-position: 0 0; margin: 0 0 10px; background-size: 100% 100%;}
	ul.quickMenu li:nth-child(1){background-image: url(/image/main/quick_teamBg_m.png);}
	ul.quickMenu li:nth-child(2){background-image: url(/image/main/quick_pubBg_m.png);}
	ul.quickMenu li:nth-child(3){background-image: url(/image/main/quick_researchBg_m.png);}
	ul.quickMenu li:nth-child(4){background-image: url(/image/main/quick_ecrfBg_m.png);}

ul.quickMenu li a{padding: 20px 25px 19px; font-size: 12px;}
ul.quickMenu li a strong{font-size: 18px; margin-bottom: 5px;}
}








div.about{background: url(/image/sub/about_usBG.png) no-repeat left top;}

/* about us */

@media all and (min-width: 961px) {
div.about{min-height: 126px; padding: 80px 220px 60px 70px; font-size: 18px; color: #fff; line-height: 1.4em;}
div.about strong{display:block; font-weight: 600 !important; font-size: 32px; margin-bottom: 15px;}


}


@media all and (max-width: 960px) {
div.about{min-height: 0; padding: 75px 20px 30px 20px; font-size: 12px; color: #fff; line-height: 1.4em; text-align: justify;}
div.about strong{display:block; font-weight: 600 !important; font-size: 16px; margin-bottom: 10px;}

}

.multi li{list-style:none;}
.multi select{height: 26px;}




/* Contact Us */

div.contact{}
div.map iframe{width: 100%; height: 100%;}
div.contact dl dd::before{content:""; display:inline-block; width: 3px; height: 3px; background: #000; vertical-align: middle; margin-right: 2px;}

@media all and (min-width: 961px){
div.contact{padding-bottom: 200px}
	div.map{height: 420px;}
	div.contact dl{margin: 0; padding: 0; color: #000; border: 1px solid #d2d2d2; padding: 35px 90px 35px 180px; background: url(/image/sub/map_icon.png) no-repeat 60px center; }
	div.contact dl dt{font-weight: bold; font-size: 24px; margin-bottom: 10px;}
	div.contact dl dd{font-size: 20px;}

}

@media all and (max-width: 960px){
	div.map{height: 210px;}
	div.contact dl{margin: 0; padding: 0; color: #000; border: 1px solid #d2d2d2; padding: 15px 10px 15px 80px; background: url(/image/sub/map_icon_m.png) no-repeat 15px 15px; }
	div.contact dl dt{font-weight: bold; font-size: 14px; margin-bottom: 10px;}
	div.contact dl dd{font-size: 12px; padding-left: 10px; text-indent: -9px;}
	

}
			




/* 메인 퀵메뉴 ecrf 셀렉트박스 추가 200521 */

ul.quickMenu li:nth-child(4){position: relative; overflow: visible;}
ul.quickMenu li:nth-child(4) dl{z-index: 500; position: absolute; width: 120px; height: 35px; left: 30px; bottom: 30px; background: #00536c; box-sizing: border-box;}
ul.quickMenu li:nth-child(4) dl dt a{font-size: 14px; padding: 8px 45px 8px 15px; background: url(/image/common/triggerBg.png) right center no-repeat;}
ul.quickMenu li:nth-child(4) dl dt.view a{background: url(/image/common/triggerBg_on.png) right center no-repeat;}
ul.quickMenu li:nth-child(4) dl dt a::after{display:none !important;}

ul.quickMenu li:nth-child(4) dl dd{border-top: 1px solid #337589;}
ul.quickMenu li:nth-child(4) dl dd li{padding: 0; margin: 0; width: 100%; height: 100%; background-image: none !important; background-color: #00536c;;}
ul.quickMenu li:nth-child(4) dl dd li a{display:block; font-size: 14px; padding: 10px 15px;}


@media all and (max-width: 960px) {
ul.quickMenu li:nth-child(4) dl{left: 80px; top:15px}

	
}