@charset "utf-8";


/* 화면 해상도 width 640px 이상 Design --------------------------------------*/
@media screen and (min-width: 1025px){
	
	/* top location */
	.location_area {overflow: hidden; padding: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.location_area ul.location {float: right; margin: 20px 0 34px; text-align: left; font-size: 12px;}
		.location_area ul.location li {float: left; height: 18px; padding-left: 20px; font-weight: normal; color: #4d4d4d; line-height: 18px; list-style: none; background: url('../../images/en/icon/icon_arrowr.png') no-repeat 9px 5px;}
		.location_area ul.location li:first-child {padding-left: 19px; background: url('../../images/en/icon/icon_home.png') no-repeat 0 3px;}
		.location_area ul.location li strong {color: #0067b4;}

	
	/* title */
	.main_title_area {overflow: hidden; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #b5b5b5; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h3.title {font-weight: bold; font-size: 1.8em; color: #353535; letter-spacing: -0.02em; line-height: 1.4em;}
		
	.title_area {overflow: hidden; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h4.title {font-weight: bold; font-size: 18px; color: #333333; line-height: 1.4em;}
		h4.title span {font-size: 12px; color: #FF0000;}
		h4.title_blue {display: inline-block; font-weight: bold; font-size: 18px; color: #0067b4; line-height: 1.4em; vertical-align: top;}
		
		h5.title {padding-left: 25px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet02.png') no-repeat 0px 1px;} 
		h5.title_blue {padding-left: 8px; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em; background: url('../../images/en/common/bg_bullet03.png') no-repeat 0px 3px;}
		h5.title_blue_none {display: inline-block; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em;}
		h5.sub_title {font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em;}
		h5.bullet_title {padding-left: 10px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 8px;}
		
		h6.bullet_title {padding-left: 10px; font-weight: bold; font-size: 15px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 7px;}
		
	/* table_search_area */
	.table_search_area {overflow: hidden; margin: 25px 0 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.table_search_left {float: left;}
		.table_search_right {float: right; min-width: 500px; text-align: right;}
		
		.table_search_area input,
		.table_search_area select,
		.table_search_area button.btn_search {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; vertical-align: bottom;}
		.table_search_area input[type="text"] {color: #5f5f5f;}
		.table_search_area select {height: 30px; color: #5f5f5f; border: 1px solid #d2d2d2;}
		.table_search_area label {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area label.three_select {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area select.three_member120 {width: 120px; border: 1px solid #d5d5d5;}
		.table_search_area select.three_member180 {width: 180px; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member120 {width: 120px; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member180 {width: 180px; border: 1px solid #d5d5d5;}
		
		.search_input {display: inline-block;}
			.search_input input {display: inline-block; width: 170px; height: 28px; border: 1px solid #d2d2d2; margin-left: 2px; text-indent: 4px;}
		.table_search_area button.btn_search {display: inline-block; width: 90px; height: 29px; border: 1px solid #535353; font-size: 0.92em; font-weight: bold; color: #ffffff; background-color: #535353;}
		
		span.total {display: inline-block; height: 30px; font-size: 0.92em; font-weight: bold; color: #6a6a6a; line-height: 30px; vertical-align: bottom;}
		
	/* 일반적인 텍스트 */
	p.txt01 {color: #333333; font-size: 13px; letter-spacing: -0.02em; line-height: 1.8em;}
	
	span.txt02 {display: inline-block; font-size: 14px; letter-spacing: -0.1em; line-height: 1.8em;}
	/* 서브 공통 */
	.mobile_area {overflow: hidden; display: inline-block; margin-left: 10px;}
		.in_member120 {width: 120px; border: 1px solid #d5d5d5;}	
		.in_member150 {width: 150px; border: 1px solid #d5d5d5;}
		.in_member180 {width: 180px; border: 1px solid #d5d5d5;}		
		.in_member200 {width: 200px; border: 1px solid #d5d5d5;}
		
		/* table */
	.table_web {}
	.table_mobile {display: none;}
}


/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
	
	/* top location */
	.location_area {overflow: hidden; padding: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.location_area ul.location {float: right; margin: 20px 0 34px; text-align: left; font-size: 12px;}
		.location_area ul.location li {float: left; height: 18px; padding-left: 20px; font-weight: normal; color: #4d4d4d; line-height: 18px; list-style: none; background: url('../../images/en/icon/icon_arrowr.png') no-repeat 9px 5px;}
		.location_area ul.location li:first-child {padding-left: 19px; background: url('../../images/en/icon/icon_home.png') no-repeat 0 3px;}
		.location_area ul.location li strong {color: #0067b4;}

	
	/* title */
	.main_title_area {overflow: hidden; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #b5b5b5; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h3.title {padding-left: 5px; font-weight: bold; font-size: 1.8em; color: #353535; letter-spacing: -0.02em; line-height: 1.4em;}
		
	.title_area {overflow: hidden; margin-bottom: 20px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h4.title {padding-left: 5px; font-weight: bold; font-size: 1.4em; color: #4d4d4d; line-height: 1.4em;}
		h4.title_blue {display: inline-block; font-weight: bold; font-size: 18px; color: #0067b4; line-height: 1.4em; vertical-align: top;}
		
		h5.title {padding-left: 25px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet02.png') no-repeat 0px 1px;} 
		h5.title_blue {padding-left: 8px; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em; background: url('../../images/en/common/bg_bullet03.png') no-repeat 0px 3px;}
		h5.title_blue_none {display: inline-block; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em;}
		h5.sub_title {font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em;}
		h5.bullet_title {padding-left: 10px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 8px;}
		
		h6.bullet_title {padding-left: 10px; font-weight: bold; font-size: 15px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 7px;}
		
	/* table_search_area */
	.table_search_area {overflow: hidden; margin: 25px 0 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.table_search_left {float: left;}
		.table_search_right {float: right; min-width: 500px; text-align: right;}
		
		.table_search_area input,
		.table_search_area select,
		.table_search_area button.btn_search {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; vertical-align: bottom;}
		.table_search_area input[type="text"] {color: #5f5f5f;}
		.table_search_area select {height: 30px; color: #5f5f5f; border: 1px solid #d2d2d2;}
		.table_search_area label {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area label.three_select {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area select.three_member120 {width: 100px; border: 1px solid #d5d5d5;}
		.table_search_area select.three_member180 {width: 180px; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member120 {width: 120px; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member180 {width: 180px; border: 1px solid #d5d5d5;}
		.search_input {display: inline-block;}
			.search_input input {display: inline-block; width: 170px; height: 28px; border: 1px solid #d2d2d2; margin-left: 2px; text-indent: 4px;}
		.table_search_area button.btn_search {display: inline-block; width: 90px; height: 30px; border: 1px solid #535353; font-size: 0.92em; font-weight: bold; color: #ffffff; background-color: #535353;}
		
		span.total {display: inline-block; height: 30px; font-size: 0.92em; font-weight: bold; color: #6a6a6a; line-height: 30px; vertical-align: bottom;}
		
	/* 일반적인 텍스트 */
	p.txt01 {color: #333333; font-size: 13px; letter-spacing: -0.02em; line-height: 1.8em;}
	
	/* 서브 공통 */
	.mobile_area {overflow: hidden; display: inline-block; margin-left: 10px;}
		.in_member120 {width: 120px; border: 1px solid #d5d5d5;}	
		.in_member150 {width: 150px; border: 1px solid #d5d5d5;}
		.in_member180 {width: 180px; border: 1px solid #d5d5d5;}	
		.in_member200 {width: 200px; border: 1px solid #d5d5d5;}
		
		/* table */
	.table_web {display: none;}
	.table_mobile {}
}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){

	/* top location */
	.location_area {overflow: hidden; padding: 0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.location_area ul.location {overflow: hidden; margin: 10px 0 34px; text-align: left; font-size: 12px;}
		.location_area ul.location li {float: left; height: 18px; padding-left: 20px; font-weight: normal; color: #4d4d4d; line-height: 18px; list-style: none; background: url('../../images/en/icon/icon_arrowr.png') no-repeat 9px 5px;}
		.location_area ul.location li:first-child {padding-left: 20px; background: url('../../images/en/icon/icon_home.png') no-repeat 1px 3px;}
		.location_area ul.location li strong {color: #0067b4;}

	
	/* title */
	.main_title_area {overflow: hidden; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #b5b5b5; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h3.title {padding-left: 2px; font-weight: bold; font-size: 1.8em; color: #353535; letter-spacing: -0.02em; line-height: 1.4em;}
		
	.title_area {overflow: hidden; margin-bottom: 20px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		h4.title {padding-left: 2px; font-weight: bold; font-size: 1.4em; color: #4d4d4d; line-height: 1.4em;}
		h4.title_blue {display: inline-block; font-weight: bold; font-size: 18px; color: #0067b4; line-height: 1.4em; vertical-align: top;}
		
		h5.title {padding-left: 25px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet02.png') no-repeat 0px 1px;} 
		h5.title_blue {padding-left: 8px; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em; background: url('../../images/en/common/bg_bullet03.png') no-repeat 0px 3px;}
		h5.title_blue_none {display: inline-block; font-weight: bold; font-size: 16px; color: #0067b4; line-height: 1.4em;}
		h5.sub_title {font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em;}
		h5.bullet_title {padding-left: 10px; font-weight: bold; font-size: 16px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 8px;}
		
		h6.bullet_title {padding-left: 10px; font-weight: bold; font-size: 15px; color: #333333; line-height: 1.4em; background: url('../../images/en/common/bg_bullet04.png') no-repeat 0px 7px;}
		
	/* table_search_area */
	.table_search_area {overflow: hidden; margin: 25px 0 10px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;}
		.table_search_left {float: left;}
		/*.table_search_right {float: right; min-width: 500px; text-align: right;}*/
		
		.table_search_area input,
		.table_search_area select,
		.table_search_area button.btn_search {font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; vertical-align: bottom;}
		.table_search_area input[type="text"] {float: right; width: 65%; color: #5f5f5f; }
		.table_search_area select {float: left; height: 30px; color: #5f5f5f; width: 30%;  border: 1px solid #d2d2d2;}
/*		.table_search_area select.in_member120 {height: 30px; color: #5f5f5f; width: 100%;  border: 1px solid #d2d2d2;}
		.table_search_area select.in_member180 {height: 30px; color: #5f5f5f; width: 100%;  border: 1px solid #d2d2d2;}*/	
		.table_search_area label {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area label.three_select {height: 30px; margin-right: 10px; line-height: 30px; font-size: 13px; font-weight: bold;}
		.table_search_area select.three_member120 {width: 100%; border: 1px solid #d5d5d5;}
		.table_search_area select.three_member180 {width: 100%; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member120 {width: 100%; border: 1px solid #d5d5d5;}
		.table_search_area input[type=text].three_member180 {width: 100%; border: 1px solid #d5d5d5;}
		.search_input {display: inline-block;}
			.search_input input {display: inline-block; width: 70%; height: 28px; border: 1px solid #d2d2d2; margin-left: 2px; text-indent: 4px;}
		.table_search_area button.btn_search {display: inline-block; width: 100%; height: 30px; margin-top: 10px; border: 1px solid #535353; font-size: 0.92em; font-weight: bold; color: #ffffff; background-color: #535353;}
		
		span.total {display: inline-block; height: 30px; font-size: 0.92em; font-weight: bold; color: #6a6a6a; line-height: 30px; vertical-align: bottom;}	
	
	/* 일반적인 텍스트 */
	p.txt01 {color: #333333; font-size: 13px; letter-spacing: -0.02em; line-height: 1.8em;}
	
	/* 서브 공통 */
	.mobile_area {overflow: hidden; margin-top: 10px; padding: 0 10px;}
		.in_member150 {width: 100%; border: 1px solid #d5d5d5;}	
		.in_member180 {width: 100%; border: 1px solid #d5d5d5;}	
		.in_member200 {width: 100%; border: 1px solid #d5d5d5;}
		.mobile_alignc {text-align: center;}
		
		/* table */
	.table_web {display: none;}
	.table_mobile {}
}