@charset "utf-8";

 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family: 'NotoSansKR Regular', sans-serif;}

ul,
ol {padding: 0; margin: 0;}

img {max-width:100%;}

/* 게시판 공통 */
/* 기본테이블 관련 */

table.tblDef {border-top: 1px solid #123e97;}
table.tblDef th,table.tblDef td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px;}
table.tblDef th:first-child,table.tblDef td:first-child {border-left: 0 none;}
table.tblDef th {background: #f3f3f3; color: #123e97;}


table.inputTbl {border-top: 1px solid #123e97;}
table.inputTbl th,table.inputTbl td {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px;}
table.inputTbl th:first-child,table.inputTbl td:first-child {border-left: 0 none;}
table.inputTbl th {background: #f3f3f3; color: #123e97;}

table.inputTbl tbody td.oderChange {}
table.inputTbl tbody td.oderChange span.btn {font-size: 0; margin-left: 10px !important;}
table.inputTbl tbody td.oderChange a {margin-left: 5px; font-size: 12px;}
table.inputTbl tbody td.oderChange a img{width: 25px; height: 25px;}
table.inputTbl tbody td.oderChange a:first-child {margin-left: 0;}
table.inputTbl td textArea{width: 100%; overflow-y: scroll;}

/* 인풋테이블 텍스트박스 높이조정 */
table.inputTbl td input[type=text],
table.inputTbl td input[type=password],table.inputTbl td input[type=date] {height: 35px;}


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

table.inputTbl th,table.inputTbl td {padding: 15px 10px; font-size: 14px;}

}


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

table.inputTbl th,table.inputTbl td {padding: 10px; font-size: 12px;}
table.inputTbl td.multi *:nth-child(2) {display:block; margin-left: 0;}
table.tblDef a.conLink {word-break: break-all;}


table.tblDef.rwTbl {border-top: 0 none;}
table.tblDef.rwTbl thead {display:none;}
table.tblDef.rwTbl tr {display:block;}
table.tblDef.rwTbl tr:first-child {border-top: 2px solid #123e97;}
table.tblDef.rwTbl tr * {display:block;}
table.tblDef.rwTbl tr > * {border: 0 none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

table.tblDef.rwTbl tr tbody td::after {content: attr(parent); display:block; font-size: 15px; color: #000;}

}

/* 기본테이블 관련 */


@media all and (min-width: 961px) {
		
	.mobileOnly {display:none !important;}

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


	.pcOnly {display:none !important;}

}


/* ========================================================================================================== */
/* ================================================== 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper {overflow: hidden; position: relative; font-family: 'NotoSansKR Regular', sans-serif; min-width: 320px;}
div.wrapper ul li, div.wrapper ol li{list-style:none;}
div.wrapper a {text-decoration: none; font-family: 'NotoSansKR Regular', sans-serif;}

div#footerWrap {z-index: 0; position: relative; background-color: #505050; color: #c5c5c5;}
div#footerWrap div {z-index: 2;position: relative;}	


/** Main **/
@media all and (min-width: 961px) {
	div.wrapper.main{background: url('/image/eng/main/main_bg.png') no-repeat left 30% top;}
	
	/* Contents */
	div.wrapper.main > div#container{padding-top: 630px !important;}

	/* 24.12.09 추가 */
	.main-visual {
		display: none;
	}
	/* top-wrap 24.12.06 추가 */
	.main-menu-list-wrap {
		display: flex;
		column-gap: 30px;
	}
	.main-menu-list-wrap .menu {
		display: flex;
		flex-direction: column;
		height: 260px;
	}
	.menu.about-box {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 25px 25px;	
		width: 542px;
		box-sizing: border-box;
		border-radius: 0 0 40px 0;
		background: url(../image/eng/main/bg_main1.jpg) center / cover no-repeat;
	}
	.menu.about-box .box-tit {
		font-family: 'NotoSansKR Bold', sans-serif;
        font-size: 26px;
		line-height: 1.1;
		color: #111;
	}
	.menu.about-box ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.menu.about-box ul > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 65px;
		font-family: 'NotoSansKR Lignt', sans-serif;
        font-size: 18px;
		line-height: 1.2;
		color: #3f488f;
		background: #fff;
		transition: 0.3s ease;
	}
	.menu.about-box ul > li:hover > a {
		font-family: 'NotoSansKR Medium', sans-serif;
		color: #fff;
		background: linear-gradient(90deg, rgba(56,65,150,1) 0%, rgba(104,113,227,1) 100%);
		transition: 0.3s ease;
	}
	.menu.type2 {
		flex: 1;
		width: 100%;
	}
	.menu.type2 a {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: space-between;
		padding: 30px 0 0 30px;
		width: 100%;
		height: 100%;
		font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 26px;
		line-height: 1.2;
		color: #fff;
		box-sizing: border-box;
		border-radius: 0 0 50px 0;
		transition: 0.3s ease;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	.menu.type2 a > img {
		position: absolute;
		bottom: 40px;
		right: 30px;
		transition: 0.3s ease;
	}
	.menu.type2 a:hover > img {
		position: absolute;
		bottom: 50px;
		right: 30px;
		transition: 0.3s ease;
	}
	.menu.type2.journal a {
		background-image: url(../image/eng/main/bg_main2.jpg)
	}
	.menu.type2.congress a {
		background-image: url(../image/eng/main/bg_main3.jpg)
	}
	.menu.type2.contact a {
		background-image: url(../image/eng/main/bg_main4.jpg)
	}

	/* MenuList */
	ul.menuList{}
	ul.menuList li{float: left; margin-left: 37px; text-align: center; font-family: 'NotoSansKR Medium', sans-serif;}
	ul.menuList li a{display: block;font-size:26px; color:#000;}
	ul.menuList li:first-child{margin-left: 0;}
	ul.menuList li img{display: block; margin: 0 auto 25px;}
	ul.menuList:after{clear:both; content:''; display: block;}

	/* Journal */
	ul.journal{display: inline-block; margin-top: 50px; overflow: hidden; min-height: 200px;  padding-left: 300px; background: url('/image/eng/main/journalBg.png') no-repeat left top;}
	ul.journal:after{clear:both; content:''; display: block;}
	ul.journal li {float: left; width: 260px; padding: 42px 0 43px;}
	ul.journal li a {display:block; padding: 0 30px; color: #fff; font-size: 20px; text-align: right; border-left: 1px solid #fff;}
	ul.journal li a span {display:block; text-align: left;}
	ul.journal li a img {display:inline-block; margin-top: 23px;}

	/* 배너 */
	div.conferenceWrap {position: relative; margin-top: 50px; width:450px; float:right;}
	div.conferenceWrap:after{clear:both; content:''; display: block;	}
	div.conferenceWrap ul li a {display:block;}
	div.conferenceWrap ul li a img {display:block;}

	/* 페이저 */
	div.conferenceWrap div.bx-pager {position: absolute; bottom:20px; left:0; width: 100%; text-align: center;}
	div.conferenceWrap div.bx-pager div {display:inline-block; margin-left: 10px;}
	div.conferenceWrap div.bx-pager div:first-child {margin-left: 0;}
	div.conferenceWrap div.bx-pager a {display:inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; text-indent: -9999999px;}
	div.conferenceWrap div.bx-pager a.active {background-color: #34e8ef; width: 40px; border-radius: 35px;}
}

@media all and (max-width: 960px) {
	div.wrapper.main{/*background: url('/image/eng/main/main_bg_m.png') no-repeat center top; background-size: 100% 350px;*/}

	div.wrapper.main div#headerWrap{position:absolute; left:0; top:0; width:calc(100% - 20px); background-color: transparent; border-bottom: 0 none;}	
	div.wrapper.main div#headerWrap> p.language a {display:block; background-color: #fff; width: auto; padding: 7px 15px; color:#1c86c3; font-size:13px; border-radius:13px;}

	/* 24.12.09 추가 */
	div.wrapper.main > div#container{padding-top: 0px !important;} /* 기존 350 */
	.main-visual {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 125px 40px 10vh;
		text-align: center;
		box-sizing: border-box;
		background: url('/image/eng/main/main_bg_m.jpg') center bottom / cover no-repeat;
	}
	.main-visual h2 > img {
		max-width: 100%;
		width: 76%;
	}

	/* top-wrap 24.12.06 추가 */
	.main-menu-list-wrap {
		display: flex;
		row-gap: 10px;
		column-gap: 10px;
		flex-wrap: wrap;
	}
	.main-menu-list-wrap .menu {
		display: flex;
		flex-direction: column;
		height: 150px;
	}
	.menu.about-box {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 20px 15px 15px;	
		width: 100%;
		height: 170px;
		box-sizing: border-box;
		border-radius: 0 0 20px 0;
		background: url(../image/eng/main/bg_main1.jpg) center / cover no-repeat;
	}
	.menu.about-box .box-tit {
		font-family: 'NotoSansKR Bold', sans-serif;
        font-size: 18px;
		line-height: 1.1;
		color: #111;
	}
	.menu.about-box ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.menu.about-box ul > li > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 45px;
		font-family: 'NotoSansKR Lignt', sans-serif;
        font-size: 14px;
		line-height: 1.2;
		color: #3f488f;
		background: #fff;
		transition: 0.3s ease;
	}
	.menu.about-box ul > li:hover > a {
		font-family: 'NotoSansKR Medium', sans-serif;
		color: #fff;
		background: linear-gradient(90deg, rgba(56,65,150,1) 0%, rgba(104,113,227,1) 100%);
		transition: 0.3s ease;
	}
	.menu.type2 {
		flex: 1;
		width: 100%;
	}
	.menu.type2 a {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: space-between;
		padding: 15px 10px 0 15px;
		width: 100%;
		height: 150px;
		font-family: 'NotoSansKR Medium', sans-serif;
        font-size: 18px;
		line-height: 1.2;
		color: #fff;
		box-sizing: border-box;
		border-radius: 0 0 25px 0;
		transition: 0.3s ease;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.menu.type2 a > img {
		position: absolute;
		bottom: 20px;
		right: 15px;
		width: 36px;
		transition: 0.3s ease;
	}
	.menu.type2 a:hover > img {
		position: absolute;
		bottom: 30px;
		transition: 0.3s ease;
	}
	.menu.type2.journal a {
		background-image: url(../image/eng/main/bg_main2.jpg)
	}
	.menu.type2.congress a {
		background-image: url(../image/eng/main/bg_main3.jpg)
	}
	.menu.type2.contact a {
		background-image: url(../image/eng/main/bg_main4.jpg)
	}

	/* menuList */
	ul.menuList{ text-align: center; }
	ul.menuList li{display: inline-block;width:120px; margin-top: 15px; text-align: center; font-family: 'NotoSansKR Medium', sans-serif;}
	ul.menuList li a{display: block;font-size:13px; color:#000;}
	ul.menuList li img{display: block; margin: 0 auto 12px; height:92px;}
	ul.menuList:after{clear:both; content:''; display: block;}
	
	/* journal*/
	ul.journal {margin-top: 20px; overflow: hidden; background: url('/image/eng/main/journalBg_m.png') no-repeat center top; background-size: 100% 200px; height: 110px; font-size: 0; padding: 91px 15px 0;}
	ul.journal.type2 {margin-top: 20px; overflow: hidden; background: #4b98ae url('/image/eng/main/journalBg_m.png') no-repeat left -42px top; background-size: auto 200px; height: 110px; font-size: 0; padding: 91px 15px 0;}
	ul.journal li {width: 50%; display:inline-block; vertical-align: middle; height: 75px;}
	ul.journal li a {display:block; padding: 0 10px; height:73px; color: #fff; font-size: 13px; text-align: center; border-left: 1px solid #fff;}
	ul.journal li:last-child a {border-right: 1px solid #fff;}
	ul.journal li a span {display:inline-block; height: 25px; padding: 8px 0;}
	ul.journal li a img {display:block; margin: 0 auto; width: 32px;}

	/* 배너 */
	div.conferenceWrap {margin-top: 20px; position: relative;}
	div.conferenceWrap ul li a {display:block;}
	div.conferenceWrap ul li a img {display:block;}

	/* 페이저 */
	div.conferenceWrap div.bx-pager {position: absolute; bottom:20px; left:0; width: 100%; text-align: center;}
	div.conferenceWrap div.bx-pager div {display:inline-block; margin-left: 10px;}
	div.conferenceWrap div.bx-pager div:first-child {margin-left: 0;}
	div.conferenceWrap div.bx-pager a {display:inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; text-indent: -9999999px;}
	div.conferenceWrap div.bx-pager a.active {background-color: #25d584; width: 40px; border-radius: 35px;}
}

@media all and (min-width: 961px) {	
	div.wrapper.sub{background: url('/image/eng/common/sub_bg.png') no-repeat left 30% top;}

	/* header */
	div#headerWrap {z-index: 5; width:1300px; margin:0 auto; position: relative;}
	div#headerWrap h1{position:relative; left:0; top:24px;}
	div#headerWrap h1 a{display: block;}

	p.language{position:absolute; right:90px; top:32px; margin: 0;}
	p.language a{display: block;background-color: #fff; border-radius:19px; color:#2391d0; font-size:18px;  font-family: 'NotoSansKR Medium', sans-serif; padding: 5px 33px 6px;}

	div.gnb{position:absolute; right:0; top:10px;}
	div.gnb a.menu {position:relative;display: block;width:80px;height:80px;box-sizing:border-box;background: url('/image/eng/common/allMenu.png') center center no-repeat;font-size: 0;line-height: 0;text-align: left;}
	div.gnb a.menu:before{position:absolute;left:24px;top: 25px;width:32px;height:3px;background-color: #fff;transition:all .4s;box-sizing:border-box;content: "";}
	div.gnb a.menu:after {position:absolute;left:24px;bottom: 25px;width:32px;height:3px;background-color: #fff;transition:all .4s;box-sizing:border-box;content: "";}	

	div.gnb a.menu.active {background-image: none; background-color: #2391d0;}
	div.gnb a.menu.active:before {transform:translateY(13px) rotate(-45deg);}
	div.gnb a.menu.active:after {transform:translateY(-13px) rotate(45deg);}

	div.gnbWrap{display: none;position:absolute; right:0; top:90px;width:220px; border: 2px solid #2391d0; background-color: #fff;}
	div.gnbWrap.open{display: block;}
	div.gnbWrap ul{margin:0; padding: 30px 0;}
	div.gnbWrap ul li{padding: 0 38px;margin-top: 10px;}
	div.gnbWrap ul li:first-child{margin-top: 0;}
	div.gnbWrap ul li a{display: block;color:#000; font-family: 'NotoSansKR DemiLight', sans-serif; }
	div.gnbWrap ul li a:hover{color:#2391d0; font-family: 'NotoSansKR Medium', sans-serif; text-decoration:underline;}

	/* contents */	
	div#container{padding: 390px 0 60px; width:1300px; margin:0 auto;}
	div.titArea{background: url('/image/eng/sub/tit_bg.png') left center repeat-x;margin: 0 0 50px;}
	div.titArea h2{display: inline-block;background-color: #fff;padding-right: 23px;margin: 0; font-size:40px; font-family: 'NotoSansKR Bold', sans-serif; color:#1e394a;}

	/* 준비중 */
	div.ing{}	
	div.ing img{display: block; padding: 123px 226px;margin: 0 auto; border: 1px solid #eee; border-radius:9px;}

	/*footer */	
	div#footerWrap	{line-height:1.4;	}
	div#footerWrap div{width:1300px; margin:0 auto; background: url('/image/eng/common/footerLogo.png')no-repeat left 35px;}
	div#footerWrap div ul{padding: 20px 0 20px 90px;}
	div#footerWrap div ul:after{clear: both; content:''; display: block;}
	div#footerWrap div ul li{float:left; width:50%; font-size:13px;}
	div#footerWrap div ul li:first-child{padding-top: 15px;}
	div#footerWrap div ul.contact{padding: 0;}
	div#footerWrap ul.contact li {position:relative; float:left; width:auto; padding-left: 9px; font-size: 14px;}
	div#footerWrap ul.contact li:before{position:absolute; left:4px; top:3px; width:1px; height:15px; content:''; background-color: #c5c5c5;}
	div#footerWrap ul.contact li:first-child{padding-left: 0;padding-top: 0;}
	div#footerWrap ul.contact li:first-child:before{width:0;}
}

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

	/* header */
	div#headerWrap {z-index: 5; position: relative; background-color: #fff; border-bottom: 1px solid #e8e8e8; padding: 0 10px; height:71px;}
	div#headerWrap::after {content:""; display:block; clear: both;}
	
	div#headerWrap> p.gnbOpen {padding: 14px 0;}
	div#headerWrap> p.gnbOpen a {padding: 10px;}

	div#headerWrap> p {float: right; padding: 23px 0;}
	div#headerWrap> p a {display:block; width: 26px;}
	div#headerWrap> p a img {width: 100%;}
	
	div#headerWrap h1 {z-index: 3; position: relative; float: left; padding: 15px 0;}
	div#headerWrap h1 a {display:block; width: 170px;}
	div#headerWrap h1 a img {width: 100%;}	
		
	div#headerWrap> p.language {position:absolute; right:60px; top:19px;padding: 0;}
	div#headerWrap> p.language a {display:block; background-color: #1c86c3; width: auto; padding: 7px 15px; color:#fff; font-size:13px; border-radius:13px;}

	div#headerWrap div.gnbWrap {z-index: 10; position: fixed; left:100%; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.5);}
	div#headerWrap div.gnbWrap.view {left:0 !important; transition-duration: .5s;}


	div.gnbWrap ul.gnbList {width: calc(100% - 20%);height:100%; background-color: #ffffff; float: right; border-top: 1px solid #ccc;margin-top: 72px;}	
	div.gnbWrap ul.gnbList > li {border-bottom: 1px solid #ccc; position: relative;}
	div.gnbWrap ul.gnbList > li > a {display:block; color:#000; font-size: 16px; font-family: 'notosanskr medium', sans-serif; font-weight: 400; padding: 15px 40px 15px 20px; background-repeat: no-repeat; background-size: 15px auto; background-position: 20px center;}
	div.gnbWrap ul.gnbList > li > a > img {display:inline-block; width: 15px; vertical-align: middle; margin-right: 10px !important;}

	ul.gnbUtil {position: absolute; top:0; right:0; width: calc(100% - 20%); background-color: #fff; margin: 0; padding: 20px 50px 20px 10px; box-sizing:border-box;margin-top: 0 !important;}
	ul.gnbUtil li {padding: 0; margin: 0 0 0 0.5%; float: left; width: 33%; box-sizing:border-box;}
	ul.gnbUtil li:first-child {margin-left: 0;}	
	ul.gnbUtil li a {color: #fff; display:block; text-align: center; font-size: 14px; padding: 5px 0 7px;}
	ul.gnbUtil li:nth-child(1) a {background-color: #3064b1;}
	ul.gnbUtil li:nth-child(2) a {background-color: #db9d16;}
	ul.gnbUtil li:nth-child(3) a {background-color: #717290;}


	div#headerWrap p.gnbClose {position: absolute; top:0; right:10px; padding: 24px 0;}
	div#headerWrap p.gnbClose a {display: block;width: 24px;height: 24px;}


	/**/
	div.ing{}	
	div.ing img{display: block; padding: 50px 80px; margin: 0 auto; width:136px; height:127px; border: 1px solid #eee; border-radius:9px;}

	/* footer */
	div#footerWrap {line-height: 1.6; padding: 30px 18px; font-size:12px;}
	div#footerWrap div ul li{margin-top: 20px;}
	div#footerWrap div ul li a {font-size: 12px;}
	div#footerWrap div ul li:first-child{margin-top: 0;}
	div#footerWrap div ul.contact{padding: 0;}
	div#footerWrap div ul.contact:after{clear: both; content:''; display: block;}
	div#footerWrap ul.contact li {position:relative; float:left; width:auto; padding-left: 9px; font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;margin-top: 0;}
	div#footerWrap ul.contact li:before{position:absolute; left:4px; top:3px; width:1px; height:10px; content:''; background-color: #c5c5c5;}
	div#footerWrap ul.contact li:first-child{padding-left: 0;padding-top: 0;}
	div#footerWrap ul.contact li:first-child:before{width:0;}	
}




@media all and (max-width: 960px) {
	div.contents {padding: 10px 10px 50px;}

div.titArea {padding: 20px 10px 0;}
	div.titArea h2 {font-size: 19px; color: #222; font-weight: bold; margin: 0;}

}

/* LNB */

@media all and (max-width: 960px) {
	div.lnbWrap{position: relative; z-index: 2;}
	div.lnbWrap::after {content:""; display:block; clear: both;}
	div.lnbWrap dl.lnb {position: relative; float: left; width: 100%; margin: 0; min-height:32px;}
	div.lnbWrap dl.lnb dt a {height: 32px; padding: 3px 20px 7px; color: #fff; display:block; font-family: 'NotoSansKR Medium', sans-serif; background-color: #00388c; background-image:  url('/image/sub/lnb_off.png');background-repeat: no-repeat; background-position: right center; background-size: 18px auto; box-sizing:border-box;}
	div.lnbWrap dl.lnb dt.view a {background-image:  url('/image/sub/lnb_on.png');}

	div.lnbWrap dl.lnb dd {position: absolute; width: 100%; height: auto; margin: 0; padding: 10px 0; background-color: #18346b;}
	div.lnbWrap dl.lnb dd ul {padding: 0; margin: 0;}
	div.lnbWrap dl.lnb dd ul li a {display:block; color: #fff; padding: 6px 20px; font-size: 14px;}

}