@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
    font-family:'notokr-demilight';
    src: url('/css/font/notokr-demilight.eot');
    src: url('/css/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-demilight.woff2') format('woff2'),
         url('/css/font/notokr-demilight.woff') format('woff'),
         url('/css/font/notokr-demilight.ttf') format('truetype'),
         url('/css/font/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
    font-style: normal;
}

/**/
html, body { width:100%; height:100%; font-family:notokr-demilight, sans-serif; }
html { overflow-y:scroll; /* overflow:visible; */ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin:0; padding:0; }
body, input, button, select, textarea { font-family:notokr-demilight, sans-serif; font-size:14px; color:#333; }
body { font-family:notokr-demilight, sans-serif; font-size:14px; color:#333; background-color:#fff; }
img, fieldset, iframe { border:0; }
li { list-style:none; }
input, select, button { vertical-align:middle; outline-style:none; }
img { vertical-align:top; }
a { color:#fff; text-decoration:none; }
a:link { color:#fff; text-decoration:none; }
strong { font-family:Noto Sans KR; font-weight:700;}

::selection {background:#9d9d9d; color:#FFF; text-shadow:none;}
::-moz-selection {background:#9d9d9d; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#9d9d9d; color: #FFF; text-shadow: none;}


/*======================= DEFAULT! ==========================*/
/* top navigation */
.top_navi {
	position:relative;
	top:50px;
	left:0;
	width:100%;
	height:40px;
	border-top:1px solid #dcdddf;
	border-bottom:1px solid #dcdddf;
	font-family:notokr-demilight;
}
.navigation {
	width:1100px;
	margin:0 auto;
}
.navigation .home {
	padding:11px 30px 11px 30px;
	border-left:1px solid #dcdddf;
	border-right:1px solid #dcdddf;
	float:right;
}
.navigation .menu_depth1 {
	padding:0 30px 0 30px;
	color:#989898;
	line-height:40px;
	border-right:1px solid #dcdddf;
	float:right;
}
.navigation .menu_depth2 {
	padding:0 30px 0 30px;
	color:#989898;
	line-height:40px;
	border-right:1px solid #dcdddf;
	background-color:#f5f5f5;
	float:right;
}


/* top menu title */
.top_title_wrap {
	position:relative;
	top:50px;
	left:0;
	width:100%;
	height:200px;
}
.top_tit {
	width:1100px;
	height:200px;
	margin:0 auto;
	font-size:33px;
	line-height:200px;
	font-family:Noto Sans KR;
	background:url('/image/kor/common/title_bg.gif');
}


/* contents */
.contents_wrap {
	position:relative;
	top:50px;
	width:100%;
}
.contents_box {
	width:1100px;
	min-height:400px;
	margin:0 auto;
	line-height:24px;
	font-size:14px;
	font-family: notokr-demilight;
}

.sub_block {
	position:relative;
	top:0;
	bottom:40px;
	width:100%;
	height:100px;
	background-color:#fff;
}
.point_line {
	width:100px;
	height:3px;
	background-color:#c91930;
	margin-bottom:20px;
	margin-top:30px;
}
.point_title {
	font-size:23px;
	letter-spacing: -1px;
	color:#333;
	font-family: Noto Sans KR;
	font-weight:500;
	line-height:30px;
}
.point_line_mini {
	width:33px;
	height:2px;
	background-color:#c91930;
	margin-bottom:15px;
}

/* Page navigation */
.pagination {
	clear:both;
	line-height:16px;
	font-family: notokr-demilight;
}
.pagination ul {
	font-size:13px;
	margin-top:40px;
	display:inline-block;
	/*box-shadow:0 1px 2px rgba(0,0,0,0.07);
	*/border-radius:25px;
}
.pagination .page {
	display:inline;
	line-height:16px;
}
.pagination .prevpage {
	border:1px solid #cbcbcb;
	border-left-width:1px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	color:#999;
	background-color:transparent;
	padding:4px 10px;
	line-height:16px;
	font-size:10px;
	text-decoration:none;
	cursor:pointer; float:left;
}
.pagination .p_n {
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	color:#999;
	padding:4px 10px;
	line-height:16px;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
	float:left;
}
.pagination .r {
	border-right:1px solid #cbcbcb;
}
.pagination .number_on {
	border:1px solid #888;
	border-left-width:0;
	padding:4px 8px;
	line-height:16px;
	font-weight:bold;
	background-color:#888;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	float:left;
}
.pagination .number {
	border:1px solid #cbcbcb;
	border-left-width:0;
	padding:4px 8px;
	line-height:16px;
	text-decoration:none;
	cursor:pointer;
	color:#999;
	float:left;
}
.pagination .nextpage {
	border:1px solid #cbcbcb;
	border-left-width:1px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	color:#999;
	background-color:transparent;
	padding:4px 10px;
	line-height:16px;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
	float:left;
}

/* tab */
.tab_contents {
  width:1100px;
  /*padding: 50px; */
  margin: 0 auto;
  background: #fff;
}
.tab_contents section {
  display: none;
  padding-top:50px;
  border-top: 1px solid #ddd;
}
.tab_contents input {
  display: none;
}
.tab_contents label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 30px 15px 30px;
  font-weight: 600;
  font-size:16px;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
.tab_contents label:hover {
  color: #888;
  cursor: pointer;
}
.tab_contents input:checked + label {
  color: #333;
  border: 1px solid #ddd;
  border-top: 3px solid #d71b34;
  border-bottom: 1px solid #fff;
}
.tab_contents #tab1:checked ~ #content1,
.tab_contents #tab2:checked ~ #content2,
.tab_contents #tab3:checked ~ #content3,
.tab_contents #tab4:checked ~ #content4,
.tab_contents #tab5:checked ~ #content5,
.tab_contents #tab6:checked ~ #content6,
.tab_contents #tab7:checked ~ #content7{
  display: block;
}

/* default notice table */
.list_table {
	width:1100px;
	border-collapse:collapse;
	border-spacing:0;
}
.list_table th {
	height:40px;
	color:#555;
	border-top:2px solid #c91930;
	border-bottom:2px solid #888;
}
.list_table td {
	height:40px;
	border-bottom:1px solid #cbcbcb;
	text-align:center;
}
.list_table .notice_tit {
	width:600px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list_table .notice_tit img{
	vertical-align:middle;
	margin-left:5px;
}
.list_table a {
	color:#333;
}
.list_table a:hover {
text-decoration:underline;
}
.list_table .icon {
margin-right:5px;
}

.detail_table {
	width:1100px;
	border-collapse:collapse;
	border-spacing:0;
}
.detail_table th {
	padding-left:20px;
	height:50px;
	border-top:2px solid #c91930;
	border-bottom:2px solid #888;
	font-size:15px;
}

.detail_table td {
	height:30px;
	border-bottom:1px solid #cbcbcb;
	text-align:center;
	font-size:12px;
}
.detail_table a {
	color:#333;
}
.detail_table .detail_view {
	padding:15px 20px 30px 20px;
	/* background-color:#f1f2f6; */
	text-align:left;
	font-size:14px;
	line-height:24px;
}
.detail_table .link_txt {
	margin-bottom:20px;
	color:#888;
	font-size:12px;
}

.detail_table_btn {
	position:relative;
	top:0;
	left:0;
	margin-top:30px;
	padding-bottom:50px;
	width:1100px;
}
a.prev  {
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:40px;
	padding-left:48px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/prev_btn_off.png')no-repeat;
}
a:hover.prev  {
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:40px;
	padding-left:48px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/prev_btn_on.png')no-repeat;
}
a.next  {
	position:absolute;
	top:0;
	left:105px;
	width:95px;
	height:40px;
	padding-left:23px;
	text-align:left;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/next_btn_off.png')no-repeat;
}
a:hover.next  {
	position:absolute;
	top:0;
	left:105px;
	width:95px;
	height:40px;
	padding-left:23px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/next_btn_on.png')no-repeat;
}
a.list  {
	position:absolute;
	top:0;
	left:990px;
	width:110px;
	height:40px;
	padding-left:24px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/list_btn_off.png')no-repeat;
}
a:hover.list  {
	position:absolute;
	top:0;
	left:990px;
	width:110px;
	height:40px;
	padding-left:24px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url('/image/kor/common/list_btn_on.png')no-repeat;

}

/* notice search form */
.search_wrap {
margin-bottom:20px;
}
.search_wrap select {
	width:100px;
	height:26px;
	border:1px solid #cdcdcd;
	color:#858585;
	padding-left:5px;
	}
.search_wrap option {
	border:none;
}
.search_text {
	width:140px;
	height:22px;
	border:1px solid #cdcdcd;
	color:#888;
	padding-left:5px;
}
.search_btn {
	width:90px;
	height:26px;
	background-color:#888;
	color:#fff;
	border:none;
}
/*======================= DEFAULT! ==========================*/


/* =================== Ceo greeting ====================== */
.ceo_ctt_left {
	width:590px;
	float:left;
}

.ceo_ctt_left .greeting {
	font-size:24px;
	line-height:30px;
	font-family: Noto Sans KR;
	font-weight:500;
}

.ceo_ctt_right {
	width:500px;
	margin-left:10px;
	float:left;
}


/* =================== Company Summary ====================== */
.summary_ctt_left {
	width:540px;
	float:left;
}

.summary_ctt_right {
	width:540px;
	float:left;
	margin-left:20px;
}


/* =================== History ====================== */
.history_box {
	padding-left:30px;
	background:url('/image/kor/01company/history_list_bg.png');
}

.history_box .history_tit {
	color:#0e84ab;
	line-height:50px;
	font-family: Noto Sans KR;
	font-weight:400;
}

.history_box .history_txt {
	line-height:50px;
	padding-left:100px;
}

.history_box .history_txt02 {
	line-height:50px;
	padding-left:100px;
}


/* =================== Organization ====================== */
.organization_ctt {
	background:url('/image/kor/01company/organization.jpg')no-repeat;
	height:913px;
}


/* =================== Vision ====================== */
.vision_ctt01 {
	background:url('/image/kor/01company/vision_bg01.jpg')no-repeat;
	position:relative;
	top:0;
	left:0;
	height:250px;
 }

 .vision_ctt01 .vision_title01 {
	position:absolute;
	top:90px;
	left:180px;
	width:190px;
	padding:23px 0 23px 0;
	font-size:24px;
	font-family: Noto Sans KR;
	font-weight:400;
	text-align:center;
	color:#fff;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60);
	float:left;
}

.vision_ctt02 {
	background:url('/image/kor/01company/vision_bg02.jpg')no-repeat;
	position:relative;
	top:50px;
	left:0;
	height:300px;
	margin-bottom:50px;
 }

 .vision_ctt02 .vision_title02 {
	position:absolute;
	top:115px;
	left:180px;
	width:190px;
	padding:23px 0 23px 0;
	font-size:24px;
	font-family: Noto Sans KR;
	font-weight:400;
	text-align:center;
	color:#fff;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60);
	float:left;
}

.vision_txt {
	float:left;
	font-size:16px;
	color:#fff;
	text-align:center;
}

.vision_txt02 {
	font-size:16px;
	color:#fff;
	text-align:center;
}


/* =================== Related companies ====================== */
.companies {
	margin-top:15px;
}

.companies h2 {
	font-family: Noto Sans KR;
	font-weight:400;
}

.companies_img_box01 {
	width:540px;
	float:left;
}

.companies_img_box02 {
	width:540px;
	margin-left:20px;
	float:left;
}

.companies_img_box03 {
	width:540px;
	float:left;
	clear:left;
	margin-top:60px;
}

.companies_img_box04 {
	width:540px;
	margin-left:20px;
	float:left;
	margin-top:60px;
}


/* =================== Map ====================== */
.map01_left {
	width:840px;
	height:470px;
	float:left;
	border:1px solid #d1d1d1;
}

.map01_right {
	float:left;
	margin-left:30px;
}

.map01_right h3 {
	font-family: Noto Sans KR;
	font-weight:400;
}


/* =================== Search product ====================== */
.pro_search_depth1 {
	width:1100px;
	height:102px;
	background-color:#f0f2f6;
}

.search_title {
	width:232px;
	font-size:18px;
	font-family: Noto Sans KR;
	font-weight:400;
	line-height:102px;
	text-align:center;
	float:left;
}

.pro_search_depth2 {
	width:1100px;
	height:102px;
	background-color:#f0f2f6;
	margin-top:2px;
}

.feedback-input {
	width:610px;
	height:40px;
	padding:9px;
	margin-top:31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border:3px solid #888;
	color:#777;
	font-size:14px;
	background-color: #fff;
	float:left;
}

.feedback-input:focus{
	background: #fff;
	padding:9px;
	border: 3px solid #c91930;
	color:#777;
	font-size:14px;
	outline:none;
	float:left;
 }

 .feedback-select {
	width:300px;
	height:40px;
	margin-top:31px;
	padding:8px;
	background:url('http://schnellw.ilsonginfo.co.kr/image/kor/common/select_arrow_bg.png') right no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #888;
	color:#777;
	font-size:14px;
	font-family: notokr-demilight;
	float:left;
}

.feedback-select:focus {
	padding:9px;
	background:url('http://schnellw.ilsonginfo.co.kr/image/kor/common/select_arrow_bg.png') right no-repeat;
	border:3px solid #888;
	color:#777;
	font-family: notokr-demilight;
	outline: none;
	cursor:pointer;
}

.feedback-select  {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.feedback-select::-ms-expand{display:none;}

.pro_search_btn {
	float:left;
	margin:31px 0 0 38px;
}

a.button_push {
	background:#c91930;
	color:#fff;
	text-decoration:none;
	height:40px;
	line-height:40px;
	padding:10px 52px;
	border-radius:2px;
	border-bottom:3px solid #951022;
	font-size:16px;
	font-family: Noto Sans KR;
	font-weight:400;
	letter-spacing:0.08em;
}

a.button_push:hover{
	border-bottom:5px solid #951022;
	position:relative;
	top:-2px;
	background:#c91930;
}

a.button_push:active{
	border-bottom:3px solid #951022;
	position:relative;
	top:0px;
}

a.button_push_off {
	background:#585858;
	color:#fff;
	text-decoration:none;
	height:40px;
	line-height:40px;
	padding:10px 52px;
	border-radius:2px;
	border-bottom:3px solid #414141;
	font-size:16px;
	font-family: Noto Sans KR;
	font-weight:400;
	letter-spacing:0.08em;
}

a.button_push_off:hover{
	border-bottom:5px solid #414141;
	position:relative;
	top:-2px;
	background:#585858;
}

a.button_push_off:active{
	border-bottom:3px solid #414141;
	position:relative;
	top:0px;
}


/* =================== product list thumbnails ====================== */
.product_new_wrap {
	width:1100px;
	/* height:350px; */
	margin-bottom:20px;
	clear:fixed;
}

.product_box {
	position: relative;
	width:350px;
	height:350px;
	border:1px solid #d1d1d1;
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
}

.product_box img {
	vertical-align:bottom;
}

.product_box .product_title {
	height:62px;
	padding:20px 10px 0 20px;
}

.product_box .pro_name {
	display:block;
	width: 310px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-right:10px;
	cursor:pointer;
	font-size:22px;
}

.product_over a {
	position: absolute;
	top:82px;
	left:0;
	width:310px;
	height:218px;
	padding:50px 20px 0 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	visibility: hidden;
	text-decoration: none;
	transition: all 0.05s ease-in-out;
}

.product_over:hover a {
  visibility: visible;
}

.product_over h3 {
	font-family: Noto Sans KR;
	font-weight:400;
	line-height:30px;
}

.product_over img {
	padding-left:40px;
}

.tablet_type {
	width:1080px;
	padding:20px 10px 20px 10px;
	margin-bottom:80px;
	border-top:3px solid #c91930;
	border-bottom:2px solid #888;
	line-height:30px;
	font-family: Noto Sans KR;
	font-weight:400;
}

.tablet_type a { color:#333; }

.tablet_type a:hover {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight: 700;
}

.tablet_type .on {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight: 700;
}

.tablet_type span {
	padding-left:10px;
	padding-right:10px;
	color:#888;
	font-size:12px;
}


/* =================== Product detail ====================== */
.pro_thumb_info {
	width:1100px;
	height:400px;
	background-color:#f0f2f6;
}

.pro_thumb_info .thumbnail {
	width:360px;
	height:360px;
	margin:20px 20px 0 20px;
	/* padding-left:55px; */
	background-color:#fff;
	float:left;
}

.pro_thumb_info .thumbnail_small {
	float: left;
	margin-top:20px;
}

.thumbnail_small .small_img01 {
	width:110px;
	height:110px;
	background-color:#fff;
	vertical-align:middle;
	cursor:pointer;
}
.thumbnail_small .small_img02, .small_img03 {
	width:110px;
	height:110px;
	background-color:#fff;
	margin-top:15px;
	vertical-align:middle;
	cursor:pointer;
}

.pro_thumb_info .thumbnail_txt {
	width:550px;
	float:left;
	padding-top:30px;
	margin-left:40px;
}

.product_info {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin-top:30px;
	max-height:360px;
}

.product_info th {
	text-align:left;
	height:30px;
	font-family: Noto Sans KR;
	font-weight:400;
}

.product_info th, .product_info td {
	height:30px;
	border-bottom:1px solid #fff;
	line-height:30px;
}

.product_detail {
	padding:0 10px 0 10px;
	font-family: notokr-demilight;
	font-size:15px;
}

.product_detail h3 {
	color:#14588d;
	font-size:17px;
	font-family: Noto Sans KR;
	font-weight:400;
	margin-bottom:10px;
}

.product_detail p {
	margin-bottom:5px;
	font-family: notokr-demilight;
}


/* =================== recruit ====================== */
.recruit_top {
	width:1100px;
	height:238px;
	padding-left:10px;
	background:url('/image/kor/04contact/recruit_top_bg.jpg');
	background-position:0 0;
	border-bottom:1px dotted #b9b9b9;
}
.recruit_top .recruit_title {
	font-family: Noto Sans KR;
	padding-top:30px;
	font-size:30px;
}
.recruit_top .point_tit {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight:400;
}
.recruit_ctt {
	width:1100px;
	height:983px;
	background:url('/image/kor/04contact/recruit_ctt_bg.jpg')no-repeat;
	font-family: notokr-demilight;
}
.recruit_ctt .recruit_txt {
	width:270px;
	padding-top:60px;
	display:inline-table;
}
.recruit_ctt .recruit_txt h2 {
	margin-bottom:15px;
	font-family: Noto Sans KR;
	font-weight:400;
}
.recruit_top02 {
	width:1100px;
	height:238px;
	padding-left:10px;
	background:url('/image/kor/04contact/recruit_top_bg.jpg');
	background-position:0 238px;
	border-bottom:1px dotted #b9b9b9;
}
.recruit_top02 .recruit_title {
	font-family: Noto Sans KR;
	padding-top:30px;
	font-size:30px;
}
.recruit_top02 .point_tit {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight:400;
}
.recruit_ctt02 {
	position:relative;
	top:0;
	left:0;
	width:1100px;
	height:670px;
	background:url('/image/kor/04contact/recruit_ctt_bg02.jpg')no-repeat;
	font-family: notokr-demilight;
}
.recruit_ctt02 .title {
	margin-bottom:10px;
	font-size:18px;
	font-family: Noto Sans KR;
	font-weight:400;
}


/* =================== FAQ ====================== */
.question_box{
	border-top:2px solid #c91930;
	border-bottom:2px solid #585858;
	font-size:15px;
}
.question_wrap .q_icon{
	position:absolute;
	top:16px;
	left:10px;
}
.question_wrap .btn_more{
	position:absolute;
	right:10px;
	top:24px;
}
.question{
	height:20px;
	padding:20px 50px;
	line-height:20px;
	color:#333;
	position:relative;
	border-top:1px solid #cdcdcd;
	cursor:pointer;
}
.answer{
	padding:20px 50px;
	position:relative;
	border-top:1px solid #cdcdcd;
	background-color:#f0f2f6;
}
.answer p{
	font-size:14px;
	line-height:24px;
}
.q_mask:first-child .question{
	border:1px solid transparent;
}
.q_mask{
	height:61px; overflow:hidden;
}


/* =================== Contact ====================== */
.cs_contact {
	width:1100px;
	height:62px;
	padding-top:110px;
	background:url('/image/kor/04contact/cs_top_bg.jpg')no-repeat;
}
.cs_contact .tel {
	margin-bottom: 20px;
	font:500 35px/20px Noto Sans KR;
}
.cs_contact  span {
	font:400 14px/14px Noto Sans KR;
}
.privacy {
	margin-top:80px;
}
.privacy .privacy_contents {
	margin-top:30px;
	width:1068px;
	height:200px;
	border:1px solid #d1d1d1;
	overflow-y:scroll;
	padding:15px;
}
.privacy .privacy_contents p {
	margin-bottom:20px;
}
.privacy .privacy_contents h3 {
	margin-bottom:10px;
	font-family: Noto Sans KR;
	font-weight:400;
}
.mail_forward {
	width:1100px;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:20px;
}
.mail_forward th {
	padding-left: 50px;
	font:400 15px/60px Noto Sans KR;
	text-align:left;
	background:url('/image/kor/04contact/cs_check_icon.png')no-repeat;
	background-position:20px 28px;
	border-bottom:1px solid #d1d1d1;
}
.mail_forward td {
	padding-left: 60px;
	height: 60px;
	font-size: 15px;
	border-bottom:1px solid #d1d1d1;
	color:#888;
}
.mail_forward .line {
	color:#ddd;
	padding:0;
}
.mail_forward input {
	width:90px;
	height:26px;
	border:1px solid #d1d1d1;
	padding-left:10px;
	color:#888;
}
.mail_forward input:focus {
	border:1px solid #c91930;
}
.mail_forward .mail_select {
	width:90px;
	height:30px;
	border:1px solid #d1d1d1;
	padding-left:10px;
	color:#888;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url('http://schnellw.ilsonginfo.co.kr/image/kor/common/select_arrow_bg.png') right no-repeat;
	box-sizing: border-box;
}
.mail_select::-ms-expand{display:none;}
.mail_forward textarea {
	width:830px;
	height:200px;
	border:1px solid #d1d1d1;
	padding:10px;
	color:#888;
}
.mail_forward button {
	width:90px;
	height:30px;
	cursor:pointer;
	border:1px solid #d1d1d1;
	background-color:#f4f4f4;
	position:absolute;
	cursor:pointer;
}
.mail_forward .file_button {
	opacity:0;
	position:relative;
}


/* =================== Sub Footer ====================== */
.sub_footer {
	position:relative;
	top:150px;
	left:0;
	clear:both;
	width:100%;
	height:57px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	background-color:#fff;
	/* z-index:50; */
}

.sub_footer_box {
	width:1100px;
	top:50px;
	height:57px;
	margin:0 auto;
}

.sub_footer_box .site_option {
	width:130px;
	height:57px;
	border-left:1px solid #d1d3d4;
	border-right:1px solid #d1d3d4;
	float:right;
}

.sub_footer_box .top_btn {
	float:right;
	display:block;
	width:50px;
	height:57px;
	border-right:1px solid #ddd;
	background:#f4f4f4;
}

/* address */
.sub_add_footer {
	position:relative;
	left:0;
	top:150px;
	clear:both;
	width:100%;
	height:132px;
	border-bottom:1px solid #d1d3d4;
	background-color:#fff;
	/* z-index:49; */
}

.sub_address_box {
	width:1100px;
	height:130px;
	margin:0 auto;
}

.sub_address_box .add_txt {
	margin-top:20px;
	font-family: notokr-demilight;
	font-size:12px;
	color:#939598;
	line-height:20px;
	float:left;
}

.sub_address_box .qr_cord {
	margin:13px 0 0 0;
	float:right;
}

.sub_address_box .qr_cord  p {
	margin:10px 18px;
	font-family: notokr-demilight;
	font-size:11px;
	color:#939598;
	line-height:18px;
	float:left;
}

.sub_address_box .qr_cord img {
	border:1px solid #cdcdcd;
}

.no_product_text{
	text-align: center;
	font-size: 22px;
	vertical-align: middle;
	line-height: 300px;
}

/* 20180920추가 개인정보처리방침 */
.sub_address_box .add_txt a {color:#000; font-weight: 400; display:inline-block; font-size:14px; margin-bottom:5px;}

/*20211019 신고센터 추가*/
/* =================== recruit ====================== */

.declaration_top {
	width:1100px;
	height:238px;
	padding-left:10px;
	background:url('/image/kor/04contact/recruit_top_bg.jpg');
	background-position:0 220px;
	border-bottom:1px dotted #b9b9b9;
}
.declaration_top .recruit_title {
	font-family: Noto Sans KR;
	padding-top:30px;
	font-size:30px;
}
.declaration_top .point_tit {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight:400;
}

.declaration_ctt {
	width:1100px;
	height:883px;
	background:url('/image/kor/04contact/declaration_ctt_bg.jpg')no-repeat;
	font-family: notokr-demilight;
}
.declaration_ctt .recruit_txt {
	width:270px;
	padding-top:60px;
	display:inline-table;
}
.declaration_ctt .recruit_txt h2 {
	margin-bottom:15px;
	font-family: Noto Sans KR;
	font-weight:400;
}
.tab_contents .mail_forward input { display: inline-block;}
.tab_contents #privacy_check {display: inline-block;}

/*20240711 윤리강령 추가*/

.declaration_type1_top {
	width:1100px;
	padding-left:10px;
	border-bottom:1px dotted #b9b9b9;
	padding-bottom: 60px
}
.declaration_type1_top .recruit_title {
	font-family: Noto Sans KR;
	padding-top:30px;
	font-size:30px;
}
.declaration_type1_top .point_tit {
	color:#c91930;
	font-family: Noto Sans KR;
	font-weight:400;
}
.declaration_ctt_type1 {
	width:1100px;
	font-family: notokr-demilight;
}
.declaration_ctt_type1 .recruit_txt {
	width:1100px;
	padding-top:60px;
	display:inline-table;
}
.declaration_ctt_type1 .recruit_txt .pdl_10 { padding-left: 10px}

.declaration_ctt_type1 .recruit_txt h2 {
	margin-bottom:15px;
	font-family: Noto Sans KR;
	font-weight:400;
}


/*바이오사업부문 - 오송공장 230327*/
.bio01_con1 { display: flex; margin-bottom:60px; }
.bio01_con1 .bio_slider { position: relative; margin-right: 50px}
.bio01_con1 .bio_slider .slider_btn { position: absolute; bottom: 20px; right: 20px; z-index: 10;}
.bio01_con1 .bio_slider .slider_btn img { width: 26px; cursor: pointer;}
.bio01_con1 .bio_slider .slider_btn .left_btn { margin-right: 10px}

.bio01_con1 .text { position: relative; width:520px; }
.bio01_con1 .text:BEFORE { position: absolute; top:0px; left: 0px; width: 100px; height: 3px; background-color: #c91930; content: "";}
.bio01_con1 .text ul {display: flex; flex-wrap:wrap; padding:25px 0px; border-bottom: 1px solid #DDD; margin-bottom: 25px;  }
.bio01_con1 .text ul li {position:relative; width: 50%; padding-left:100px; font-size:24px; line-height:40px; font-weight: 500; color: #333; box-sizing:border-box; }
.bio01_con1 .text ul li span { position: absolute; top:0px; left: 0px; font-size:16px; line-height:40px; font-weight: 400; color: #333;}
.bio01_con1 .text p { position:relative; padding-left:40px; font-size:16px; line-height:30px; font-weight: 400; color: #333; margin-bottom: 10px;}
.bio01_con1 .text p span { position: absolute; top:0px; left: 0px; width: 30px; height: 30px; border: 1px solid #c91930; color: #c91930; border-radius:50%; text-align: center;}
.bio01_con1 .text span { color: #888; }

.bio01_con2 { padding-bottom:60px; margin-bottom: 60px; border-bottom: 1px solid #DDD; }
.bio01_con2 h2 {font-size:24px; line-height:30px; font-weight: 500; color: #333; margin-bottom: 30px;}
.bio01_con2 ul { display: flex; flex-wrap:wrap;  }
.bio01_con2 ul li {position:relative; width: 160px; height:160px; border:8px solid; border-radius:50%; margin-right: 28px; padding-top:95px; box-sizing:border-box; font-size:16px; line-height:30px; font-weight: 400; text-align: center;  }
.bio01_con2 ul li:BEFORE { position: absolute; left: 40px; top: 25px; width:65px ; height:60px ; background-image:url('/image/kor/05bio/process_icon.png'); background-repeat: no-repeat; content: "";}
.bio01_con2 ul li:after { position: absolute; top:48px; right: -25px; width: 50px; height: 50px; background-image:url('/image/kor/05bio/arrow_ar.png'); background-repeat: no-repeat; background-position:center center; border-radius:50%; content: "";  }

.bio01_con2 ul li:nth-child(1) { border-color:#eaa557 ; color:#eaa557 ;}
.bio01_con2 ul li:nth-child(2) { border-color:#e07746 ; color:#e07746 ;}
.bio01_con2 ul li:nth-child(3) { border-color:#d95238 ; color:#d95238 ;}
.bio01_con2 ul li:nth-child(4) { border-color:#d54036 ; color:#d54036 ;}
.bio01_con2 ul li:nth-child(5) { border-color:#cf2126 ; color:#cf2126 ;}
.bio01_con2 ul li:nth-child(6) { border-color:#991316 ; color:#991316 ; margin-right: 0px;}

.bio01_con2 ul li:nth-child(1):BEFORE { background-position: 0px 0px;}
.bio01_con2 ul li:nth-child(2):BEFORE { background-position: -65px 0px;}
.bio01_con2 ul li:nth-child(3):BEFORE { background-position: -130px 0px;}
.bio01_con2 ul li:nth-child(4):BEFORE { background-position: -195px 0px;}
.bio01_con2 ul li:nth-child(5):BEFORE { background-position: -260px 0px;}
.bio01_con2 ul li:nth-child(6):BEFORE { background-position: -325px 0px;}

.bio01_con2 ul li:nth-child(1):after { background-color:#eaa557; }
.bio01_con2 ul li:nth-child(2):after { background-color:#e07746; }
.bio01_con2 ul li:nth-child(3):after { background-color:#d95238; }
.bio01_con2 ul li:nth-child(4):after { background-color:#d54036; }
.bio01_con2 ul li:nth-child(5):after { background-color:#cf2126; }
.bio01_con2 ul li:nth-child(6):after { background-color:#991316; display: none;}

.bio01_con3 { display: flex; flex-wrap:wrap; margin-bottom: 60px; }
.bio01_con3 h2 { width: 220px; font-size:24px; line-height:30px; font-weight: 500; color: #333; margin-bottom: 30px;}
.bio01_con3 h2 span { display: block; font-size:16px; line-height:30px; font-weight: 400; color: #888;}
.bio01_con3 p { width:880px; font-size:16px; line-height:30px; font-weight: 400; color: #333; margin-bottom: 30px;}
.bio01_con3 ul { display: flex; flex-wrap:wrap; width: 1100px; background-color: #F0F0F0; padding: 40px 30px; box-sizing:border-box; }
.bio01_con3 ul li { position:relative; width: 160px; margin-right: 16px; padding-top: 180px; font-size:16px; line-height:20px; font-weight: 400; text-align:center; color: #333;}
.bio01_con3 ul li:BEFORE { position: absolute; left: 25px; top: 25px; width: 110px; height: 110px; background-image:url('/image/kor/05bio/manufac_icon.jpg'); background-repeat: no-repeat; content: ""; z-index: 1;}
.bio01_con3 ul li:after { position: absolute; left: 0px; top: 0px; width: 160px; height: 160px; background-color: #FFF; border-radius:50%; content: "";  }
.bio01_con3 ul li:last-child {margin-right: 0px;}
.bio01_con3.type07 { margin-bottom: 0px;}


.bio01_con3.type01 ul li:nth-child(1):BEFORE { background-position: 0px 0px;}
.bio01_con3.type01 ul li:nth-child(2):BEFORE { background-position: -110px 0px;}
.bio01_con3.type01 ul li:nth-child(3):BEFORE { background-position: -220px 0px;}
.bio01_con3.type01 ul li:nth-child(4):BEFORE { background-position: -330px 0px;}
.bio01_con3.type01 ul li:nth-child(5):BEFORE { background-position: -440px 0px;}
.bio01_con3.type01 ul li:nth-child(6):BEFORE { background-position: -550px 0px; }

.bio01_con3.type02 ul li:nth-child(1):BEFORE { background-position: 0px -110px;}
.bio01_con3.type02 ul li:nth-child(2):BEFORE { background-position: -110px -110px;}
.bio01_con3.type02 ul li:nth-child(3):BEFORE { background-position: -220px -110px;}
.bio01_con3.type02 ul li:nth-child(4):BEFORE { background-position: -330px -110px;}
.bio01_con3.type02 ul li:nth-child(5):BEFORE { background-position: -440px -110px;}
.bio01_con3.type02 ul li:nth-child(6):BEFORE { background-position: -550px -110px; }

.bio01_con3.type03 ul li:nth-child(1):BEFORE { background-position: 0px -220px;}
.bio01_con3.type03 ul li:nth-child(2):BEFORE { background-position: -110px -220px;}
.bio01_con3.type03 ul li:nth-child(3):BEFORE { background-position: -220px -220px;}
.bio01_con3.type03 ul li:nth-child(4):BEFORE { background-position: -330px -220px;}
.bio01_con3.type03 ul li:nth-child(5):BEFORE { background-position: -440px -220px;}
.bio01_con3.type03 ul li:nth-child(6):BEFORE { background-position: -550px -220px; }

.bio01_con3.type04 ul li:nth-child(1):BEFORE { background-position: 0px -330px;}
.bio01_con3.type04 ul li:nth-child(2):BEFORE { background-position: -110px -330px;}
.bio01_con3.type04 ul li:nth-child(3):BEFORE { background-position: -220px -330px;}
.bio01_con3.type04 ul li:nth-child(4):BEFORE { background-position: -330px -330px;}
.bio01_con3.type04 ul li:nth-child(5):BEFORE { background-position: -440px -330px;}
.bio01_con3.type04 ul li:nth-child(6):BEFORE { background-position: -550px -330px; }

.bio01_con3.type05 ul li:nth-child(1):BEFORE { background-position: 0px -440px;}
.bio01_con3.type05 ul li:nth-child(2):BEFORE { background-position: -110px -440px;}
.bio01_con3.type05 ul li:nth-child(3):BEFORE { background-position: -220px -440px;}
.bio01_con3.type05 ul li:nth-child(4):BEFORE { background-position: -330px -440px;}
.bio01_con3.type05 ul li:nth-child(5):BEFORE { background-position: -440px -440px;}
.bio01_con3.type05 ul li:nth-child(6):BEFORE { background-position: -550px -440px; }

.bio01_con3.type06 ul li:nth-child(1):BEFORE { background-position: 0px -550px;}
.bio01_con3.type06 ul li:nth-child(2):BEFORE { background-position: -110px -550px;}
.bio01_con3.type06 ul li:nth-child(3):BEFORE { background-position: -220px -550px;}
.bio01_con3.type06 ul li:nth-child(4):BEFORE { background-position: -330px -550px;}
.bio01_con3.type06 ul li:nth-child(5):BEFORE { background-position: -440px -550px;}
.bio01_con3.type06 ul li:nth-child(6):BEFORE { background-position: -550px -550px; }

.bio01_con3.type07 ul li:nth-child(1):BEFORE { background-position: 0px -660px;}
.bio01_con3.type07 ul li:nth-child(2):BEFORE { background-position: -110px -660px;}
.bio01_con3.type07 ul li:nth-child(3):BEFORE { background-position: -220px -660px;}
.bio01_con3.type07 ul li:nth-child(4):BEFORE { background-position: -330px -660px;}
.bio01_con3.type07 ul li:nth-child(5):BEFORE { background-position: -440px -660px;}
.bio01_con3.type07 ul li:nth-child(6):BEFORE { background-position: -550px -660px; }