@charset "utf-8";
@import url('font/NanumSquare.css');
@import url('NotoSansKR.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
@import url('font-awesome.css');
@import url('simple-line-icons.css');

body,
input[type='text'],
input[type='password'],
input[type='cancel'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family: 'NotoSansKR Regular', sans-serif; color:#333; font-size:14px; line-height:1.5; font-weight:normal; text-align:justify; word-break:normal;}
/* mobile */
@media all and (max-width: 720px) {	
	div#container{padding: 10px;}
	div.contents{width: auto; background: #fff; overflow: hidden; padding: 10px;}
}

/* PC */
@media all and (min-width: 721px) {	
	div#container{padding: 10px 0 40px;}
	div.contents{width: 900px; margin: 0 auto; background: #fff; padding: 50px 30px; overflow: hidden;}
}




/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 메인페이지 및 콘텐츠 기본 틀 관련 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

div.welCome p span{font-size: 18px; display:inline-block; margin-bottom: 10px;}




/* sub1 */
div.present{}
div.present ul.unlistNum li{margin-top: 10px;}



/* sub2 */

	/* mobile */
@media all and (max-width:720px){
div.sonoGraphy{}
div.sonoGraphy dl dt:first-child{margin-top: 0;}

div.sonoGraphy p.ar img{width: 100%;}
div.txtCon{min-height: 270px; margin-bottom: 10px;}
div.txtCon img{display:block; width: 100%; margin-bottom: 10px;}
}
	/* pc */
@media all and (min-width:721px){
div.sonoGraphy{}
div.sonoGraphy dl dt:first-child{margin-top: 0;}
div.sonoGraphy dl dd strong{display:block; margin-bottom: 5px;}

div.sonoGraphy div.txtCon{padding-left: 285px; min-height: 270px;}
div.sonoGraphy div.txtCon img{position: absolute; top: 0; left: 0;}
}



/* sub3 */

	/* mobile */
@media all and (max-width:720px){
div.borderCon{font-size: 13px; overflow: hidden; margin-top: 20px; border: 1px solid #d1d1d1; background-color: #f8f8f8; padding: 20px; border-radius: 10px;}
div.borderCon p.name{margin: 20px 0;}
div.borderCon div.imgWrap{margin: 20px 0;}
div.borderCon div.imgWrap img{width: 100%; border: 1px solid #d1d1d1; display:inline-block; margin-bottom: 5px;}
}
	/* pc */
@media all and (min-width:721px){
div.borderCon{overflow: hidden; margin-top: 20px; border: 1px solid #d1d1d1; background-color: #f8f8f8; padding: 20px; border-radius: 10px;}
div.borderCon p.name{margin: 20px 0;}
div.borderCon div.imgWrap{margin: 20px 0;}
div.borderCon div.imgWrap img{border: 1px solid #d1d1d1; display:inline-block; margin-bottom: 5px;}
}

/* sub 4 */
div.education ul{overflow: hidden;}
div.education ul li img{width: 100%;}


@media all and (min-width: 721px){
	div.education ul{overflow: hidden; margin: 30px 0;}
	div.education ul li{width: 290px; float: left; margin-left: 15px;}
	div.education ul li:first-child{margin-left: 0;}
	div.education ul li img{width: 100%;}

}

@media all and (max-width: 720px){
	div.education ul{margin: 10px 0;}
}



/* sub 6 */

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

	div.member table.tblDef{border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin: 20px 0;}
	div.member table.tblDef th{background-color: #f9f9f9; font-weight: bold; color: #000;}
	div.member table.tblDef th,
	div.member table.tblDef td{border-left: 1px solid #ccc; text-align: center; border-bottom: 1px solid #ccc; padding: 10px;}
	div.member p.ac img{width: 100%;}
}

	/* pc */	
@media all and (min-width: 721px){
	
	div.member table.tblDef{border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin: 20px 0;}
	div.member table.tblDef thead th{background-color: #f9f9f9; font-weight: bold; color: #000;}
	div.member table.tblDef th,
	div.member table.tblDef td{border-left: 1px solid #ccc; text-align: center; border-bottom: 1px solid #ccc; padding: 10px;}

}
	div.member{}
	div.member p.ac{margin: 20px 0;}








	/* 2라인 이미지 및 버튼 공통 */

	/* mobile */
@media all and (max-width: 720px){
ul.imgTowLine{margin: 10px 0;}
ul.imgTowLine li{clear:both; float:none;}
ul.imgTowLine li img{width: 100%;}


p.btnArea{margin: 40px 0 20px;}
p.btnArea a.btn{width: 100%; margin-bottom:10px;}
}
	/* pc */
@media all and (min-width: 721px){
ul.imgTowLine{width: 750px; margin: 20px auto;}
ul.imgTowLine li{margin: 0 0 25px 30px;}

p.btnArea{margin: 40px 0 20px;}
p.btnArea a.btn{width: 350px;}
}

.reference{border-top: 1px solid #dbdbdb; padding-top: 10px !important;}

	/* 타이틀 공통 */
.subTitBl{font-size: 20px; color: #ff9800; background: url(/newsletter/202201/image/icon/subTitBl.png) no-repeat left 7px; padding-left: 25px; margin: 35px 0 10px 0;}
.subTitBl:first-child{margin-top: 0;}
.subTit_bl{font-size: 18px; color: #ff9800; background: url(/newsletter/202201/image/icon/subTit_bl.png) no-repeat left 11px; padding-left: 15px; margin: 35px 0 10px 0;}
.subTit_bl:first-child{margin-top: 0;}



	/* 이미지 */
.imgTowLine{overflow: hidden;}
.imgTowLine li{float:left;}
.imgTowLine li:nth-child(odd){margin-left: 0;}
.imgWrap{text-align: center; overflow: hidden; padding-top:10px;}

	/* 버튼 */
.btnArea{margin-top: 10px;}
.btnArea a.btn{color: #fff; padding: 15px 0; display:inline-block; background: #ff9800; border-radius: 5px; text-decoration: none;}

.txtCon{position: relative;}
.bdBlueTxt{display:inline-block;  border-bottom: 1px solid #0000ff; color: #0000ff;}
.name{color: #6b6b6b;}
p.sign{margin: 50px 0 20px;}