/* topImage */
#topImage {background-image:url('/images/icon/ethics_top_01.jpg');}


/* contents */
#contents {width:1000px; margin:0 auto; padding:62px 0 100px;}
#contents .contentsTit {width:100%;}
#contents .contentsTit .titText {margin-bottom:55px; font-size:45px; font-weight:bold; text-align:center;}

/*#contents .contents1 {width:100%;}*/
#contents .contents1 {width:100%; font-family:"Malgun Gothic", µ¸¿ò, ±¼¸²;}
#contents .contents1 .sp1 {padding-left:8px; font-size:30px; font-weight:bold;  text-align: center; display: block;}
/*#contents .contents1 .sp2 {font-size:15px;}*/
#contents .contents1 .sp2 {font-size:22px; color:#2A2A2A; line-height:180%; font-weight:bold; }
#contents .contents1 .sp3 {font-size:18px; color:#2A2A2A; line-height:180%; }
#contents .contents1 .sp4 {font-size:25px; color:#2A2A2A; line-height:180%; text-align: center; display: block;}

#contents .contents2 {width:100%;}
#contents .contents2 .sp1 {padding-left:8px; font-size:30px; font-weight:bold; color:#1B4593; border-left:5px solid #1B4593;}


#contents .dataArea {width:100%; border-top:3px solid #1B4593; border-bottom:3px solid #1B4593;}
#contents .dataArea .header {background-color:#F6F6F6; width:15%; font-size:20px; font-weight:bold; text-align:center;}

.bot_bor {border-bottom:1px solid #EBEBEB;}

.width_01 {width:200px;}
.width_02 {width:300px;}
.width_03 {width:700px;}



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

	
	#contents {width:850px;}

	#contents .contentsTit .titText {font-size:38px;}

	#contents .contents1 .sp1 {font-size:25px;}
	#contents .contents1 .sp2 {font-size:13px;}
	#contents .contents1 .sp4 {font-size:20px; text-align: center; display: block;}

	#contents .dataArea .header {font-size:17px;}

	.width_01 {width:150px;}
	.width_02 {width:250px;}
	.width_03 {width:650px;}

	
	#topImage {background-image:url('/images/icon/ethics_top_01_02.jpg');}


}


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

	
	#contents {width:750px;}

	#contents .contentsTit .titText {font-size:32px;}

	#contents .contents1 .sp1 {font-size:20px;}
	#contents .contents1 .sp2 {font-size:11.5px;}
	#contents .contents1 .sp4 {font-size:16px; text-align: center; display: block;}

	.width_01 {width:120px;}
	.width_02 {width:220px;}
	.width_03 {width:600px;}

}

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


	#contents {width:94%; padding:70px 3%;}

	#contents .contentsTit .titText {font-size:25px;}
	
	#contents .contents1 .sp1 {font-size:20px;}
	#contents .contents1 .sp2 {font-size:12px;}
	#contents .contents1 .sp4 {font-size:14px; text-align: center; display: block;}

	#contents .dataArea {font-size:12px;}
	#contents .dataArea select {font-size:10px; height:24px; padding:2px 6px;}
	#contents .dataArea input {font-size:10px; height:18px; padding:2px 6px;}
	#contents .dataArea .header {font-size:13px;}

	
	.tdWidth_01 {width:35%;}
	.tdWidth_02 {width:50%;}
	.width_01 {width:75%;}
	.width_02 {width:90%;}
	.width_03 {width:90%;}
	.width_04 {width:90%;}
	.width_05 {width:80%;}


	.td_01 {width:33%;}
	.td_02 {width:83%;}

	.qna_content {width:90%;}
	
	.webContents {display:none}
	.mobileContents {display:block;}

	

}