@charset "utf-8";
@import "nanumgothic.css";


/* 화면 해상도 width 640px 이상 Design --------------------------------------*/
@media screen and (min-width: 1025px){
	
	/* 정보공개제도 */
	.info_open_area {overflow: hidden; margin-left: 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.info_open_txt_box {overflow: hidden; margin-left: 20px;}
		.info_open_txt_box p.info_txt01 {padding-left: 7px; font-size: 13px; color: #4d4d4d; line-height: 1.7em; background: url('/user/images/common/bullet_colon.png') no-repeat 0px 8px;}
	.info_open_list_area {overflow: hidden;}
		.info_open_list_area ol {overflow: hidden;}
		.info_open_list_area ol li {list-style: none;}
		.info_open_list_area > ol > li {margin-top: 30px;}
		.info_open_list_area > ol > li > strong {font-size: 14px; color: #383838;}
		.info_open_list_area > ol > li > ul {overflow: hidden; margin: 10px 0 0 25px; font-family: '돋움', 'Dotum' , Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #4d4d4d;}
		.info_open_list_area > ol > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > span.type01 {overflow: hidden; float: left; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > span.type02 {overflow: hidden; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > p {overflow: hidden; line-height: 1.2em;}
		.info_open_list_area > ol > li > ul > li > ul {overflow: hidden; margin: 10px 0 0 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li > p {padding-left: 10px; background: url('/user/images/common/bullet_dot01.png') no-repeat 0px 7px;}
	
	.open_procedure_area {overflow: hidden; border: 1px solid #c6c6c6;}
		.open_procedure_area img {display: block; margin: 30px auto;}
	
	.note_arae {overflow: hidden; padding: 15px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; border: 1px solid #dddddd; background-color: #f8f8f8;}
		.note_arae strong {font-size: 13px; color: #333333;}
		.note_arae ul {overflow: hidden;}
		.note_arae ul li {margin-top: 10px; padding-left: 10px; font-size: 13px; background: url('/user/images/common/bullet_box_list.png') no-repeat 0px 5px;}


	/* 윤리헌장 */
	.upright_area {overflow: hidden; margin-bottom: 60px; padding: 6px; border: 4px solid #dcdcdc;}
		.upright_area > div {overflow: hidden; position: relative; border: 1px solid #dcdcdc; text-align: center;}
		.upright_area > div img.img_position01 {position: absolute; top: 0; left: 0;}
		.upright_area > div img.img_position02 {position: absolute; top: 0; right: 0;}
		.upright_area > div img.img_position03 {position: absolute; bottom: 0; left: 0;}
		.upright_area > div img.img_position04 {position: absolute; bottom: 0; right: 0;}

		.upright_area > div > div {padding: 118px 90px; background: url('/user/images/sub/gov30/bg_upright_01.png') no-repeat right bottom;}
		.upright_area > div > div > div {margin-top: 50px;}
	.upright_area strong {display: inline-block; /*width: 160px; margin: 0 auto;*/ padding: 0 10px 18px; border-bottom: 1px solid #555555; font-size: 32px; color: #333333; text-align: center; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.upright_area p {font-size: 15px; color: #333333; line-height: 1.8em; text-align: left; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.upright_area ul li {margin-top: 40px; font-size: 15px; color: #333333; line-height: 1.6em; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; list-style: none; text-align: left;}

}


/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/ 
@media screen and (max-width: 1024px) and (min-width: 641px) {
	
 	/* 정보공개제도 */
	.info_open_area {overflow: hidden; margin-left: 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.info_open_txt_box {overflow: hidden; margin-left: 20px;}
		.info_open_txt_box p.info_txt01 {padding-left: 7px; font-size: 13px; color: #4d4d4d; line-height: 1.7em; background: url('/user/images/common/bullet_colon.png') no-repeat 0px 8px;}
	.info_open_list_area {overflow: hidden;}
		.info_open_list_area ol {overflow: hidden;}
		.info_open_list_area ol li {list-style: none;}
		.info_open_list_area > ol > li {margin-top: 30px;}
		.info_open_list_area > ol > li > strong {font-size: 14px; color: #383838;}
		.info_open_list_area > ol > li > ul {overflow: hidden; margin: 10px 0 0 25px; font-family: '돋움', 'Dotum' , Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #4d4d4d;}
		.info_open_list_area > ol > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > span.type01 {overflow: hidden; float: left; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > span.type02 {overflow: hidden; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > p {overflow: hidden; line-height: 1.2em;}
		.info_open_list_area > ol > li > ul > li > ul {overflow: hidden; margin: 10px 0 0 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li > p {padding-left: 10px; background: url('/user/images/common/bullet_dot01.png') no-repeat 0px 7px;}
	
	.open_procedure_area {overflow: hidden; border: 1px solid #c6c6c6;}
		.open_procedure_area img {display: block; width: 90%; margin: 30px auto;}
		
	.note_arae {overflow: hidden; padding: 15px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; border: 1px solid #dddddd; background-color: #f8f8f8;}
		.note_arae strong {font-size: 13px; color: #333333;}
		.note_arae ul {overflow: hidden;}
		.note_arae ul li {margin-top: 10px; padding-left: 10px; font-size: 13px; background: url('/user/images/common/bullet_box_list.png') no-repeat 0px 5px;}
		

	/* 윤리헌장 */
	.upright_area {overflow: hidden; margin-bottom: 60px; padding: 6px; border: 4px solid #dcdcdc;}
		.upright_area > div {overflow: hidden; position: relative; border: 1px solid #dcdcdc;}
		.upright_area > div img.img_position01 {position: absolute; top: 0; left: 0;}
		.upright_area > div img.img_position02 {position: absolute; top: 0; right: 0;}
		.upright_area > div img.img_position03 {position: absolute; bottom: 0; left: 0;}
		.upright_area > div img.img_position04 {position: absolute; bottom: 0; right: 0;}

		.upright_area > div > div {padding: 118px 90px; background: url('/user/images/sub/gov30/bg_upright_01.png') no-repeat right bottom;}
		.upright_area > div > div > div {margin-top: 50px;}
	.upright_area strong {display: block; width: 160px; margin: 0 auto; padding-bottom: 18px; border-bottom: 1px solid #555555; font-size: 32px; color: #333333; text-align: center; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; line-height: 1.4em;}
	.upright_area p {font-size: 15px; color: #333333; line-height: 1.8em; text-align: left; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.upright_area ul li {margin-top: 40px; font-size: 15px; color: #333333; line-height: 1.6em; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; list-style: none;}


}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	
	/* 정보공개제도 */
	.info_open_area {overflow: hidden; margin-left: 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.info_open_txt_box {overflow: hidden; margin-left: 20px;}
		.info_open_txt_box p.info_txt01 {padding-left: 7px; font-size: 13px; color: #4d4d4d; line-height: 1.7em; background: url('/user/images/common/bullet_colon.png') no-repeat 0px 8px;}
	.info_open_list_area {overflow: hidden;}
		.info_open_list_area ol {overflow: hidden;}
		.info_open_list_area ol li {list-style: none;}
		.info_open_list_area > ol > li {margin-top: 30px;}
		.info_open_list_area > ol > li > strong {font-size: 14px; color: #383838;}
		.info_open_list_area > ol > li > ul {overflow: hidden; margin: 10px 0 0 25px; font-family: '돋움', 'Dotum' , Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #4d4d4d;}
		.info_open_list_area > ol > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > span.type01 {overflow: hidden; float: left; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > span.type02 {overflow: hidden; margin-right: 5px; padding-left: 10px; background: url('/user/images/common/bullet_h5_dash.png') no-repeat 0px 7px;}
		.info_open_list_area > ol > li > ul > li > p {overflow: hidden; line-height: 1.2em;}
		.info_open_list_area > ol > li > ul > li > ul {overflow: hidden; margin: 10px 0 0 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li + li {margin-top: 10px;}
		.info_open_list_area > ol > li > ul > li > ul > li > p {padding-left: 10px; background: url('/user/images/common/bullet_dot01.png') no-repeat 0px 7px;}
	
	.open_procedure_area {overflow: hidden; border: 1px solid #c6c6c6;}
		.open_procedure_area img {display: block; width: 90%; margin: 30px auto;}
		
	.note_arae {overflow: hidden; padding: 15px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; border: 1px solid #dddddd; background-color: #f8f8f8;}
		.note_arae strong {font-size: 13px; color: #333333;}
		.note_arae ul {overflow: hidden;}
		.note_arae ul li {margin-top: 10px; padding-left: 10px; font-size: 13px; background: url('/user/images/common/bullet_box_list.png') no-repeat 0px 5px;}
	

	/* 윤리헌장 */
	.upright_area {overflow: hidden; margin-bottom: 60px; padding: 6px; border: 4px solid #dcdcdc;}
		.upright_area > div {overflow: hidden; position: relative; border: 1px solid #dcdcdc; text-align: center;}
		.upright_area > div img.img_position01 {position: absolute; top: 0; left: 0;}
		.upright_area > div img.img_position02 {position: absolute; top: 0; right: 0;}
		.upright_area > div img.img_position03 {position: absolute; bottom: 0; left: 0;}
		.upright_area > div img.img_position04 {position: absolute; bottom: 0; right: 0;}

		.upright_area > div > div {padding: 118px 60px; background: url('/user/images/sub/gov30/bg_upright_01.png') no-repeat right 90%; background-size: 80%;}
		.upright_area > div > div > div {margin-top: 50px;}
	.upright_area strong {display: inline-block; /*width: 160px; margin: 0 auto;*/ padding: 0 5px 18px; border-bottom: 1px solid #555555; font-size: 32px; color: #333333; text-align: center; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; line-height: 1.4em;}
	.upright_area p {font-size: 15px; color: #333333; line-height: 1.8em; text-align: left; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.upright_area ul li {margin-top: 40px; font-size: 15px; color: #333333; line-height: 1.6em; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; list-style: none; text-align: left;}


}