@charset "euc-kr";

/* 레이아웃샘플 area css 설정 */
#accessibility_area {display:none;}
#accessibility {display:none;}

#wrapper_area {width:1010px;}

#wrapper_area #header_area  { color:#fff; }
  #header {}
  #header_top {}
  #header_visual {}

#wrapper_area #content_body_area   {}
	#wrapper {}
	#wrap {}
	
	#wrap #content_body {padding:20px;}
	#wrap #content_body .main_cnt {width:100%; margin:15px 0px;}
	#wrap #content_body .main_cnt h2 {font-size:1.1em; color:#a03333;}
	#wrap #content_body .main_cnt .img_c {width:200px; float:left;}
	#wrap #content_body .main_cnt .main_cnt_c {width:750px; padding-left:10px; float:left;}


	#sub_title {width:1010px; /*height:15px; */ margin:0px; padding:15px 0px 0px 0px; background:#ebe8ca;}
	#sub_title h2 {font-size:1.2em; color:#a03333;}
	#wrap #content_body .sub_cnt .sub_menu {width:227px; float:left;}
	#wrap #content_body .sub_cnt .sub_menu .video-mn {display:block;border:3px solid #eeeeee;padding:12px 0 12px 70px;margin-top:10px;background:url('../images/icon_video.png') no-repeat 15px 10px;}
	#wrap #content_body .sub_cnt .sub_menu .video-mn span {color:#5b5d80;background:#eeeeee;padding:3px 5px;margin-top:5px;font-weight:bold;display:inline-block;}
	#wrap #content_body .sub_cnt .sub_cnt_c {width:730px; padding-left:10px; float:right; border:0px solid #eeeeee;}
	.loc {width:100%; text-align:right; color:#a03333; padding:0; margin:0px 0px 10px 0px;}

	.sub_cnt_c h2 {font-size:1.5em;line-height: 1.5em; background-color: #E0E6F8; padding-left:3px;}
	.sub_cnt_c h3 {margin:15px 0px 5px 0px; font-size:1.2em; color:#3d4b88;padding-left:27px;background:url('../images/icon01.gif') no-repeat;}
	.sub_cnt_c h4 {margin:0px 0px 0px 0px; font-size:1em; color:#424f0e;}
	.sub_cnt_c .slogan {font-size: 25px;font-weight: bold;line-height: 120%;color: #222769;}
	.sub_cnt_c .slogan span {color:#b1b1b1;}
	.sub_cnt_c .top_txt {margin:0 0 20px;padding:11px 20px;background:#f6f6f6;border-top:2px solid #5b5d80;border-bottom:2px solid #5b5d80;line-height:130%;}
	.sub_cnt_c .sub_cnt_cbox img {}
	/* .sub_cnt_c  ul  {width:550px; margin:0; padding:0;} */
	.sub_cnt_c ul  {margin:0; padding:0;}
	.sub_cnt_c li  {background-image:url("../images/arrow01.gif");background-repeat:no-repeat; margin:5px 0px; padding-left:15px;}

	.sub_menu>ul>li{ width:195px; margin-bottom: 1px; background:#d8d8d8; font-weight:bold; }
	.sub_menu>ul>li>a { display: block; padding:10px 15px 10px 15px;}
	.sub_menu>ul>li>ul>li { background:#f8f8f8; font-weight:bold; }
	.sub_menu>ul>li>ul>li>a { display: block; padding:10px 15px 10px 15px; }
	.sub_menu>ul>li>ul>li:first-child>a { padding:10px 15px 5px 15px; }
	.sub_menu>ul>li>ul>li:last-child>a { padding:5px 15px 10px 15px; }
	.sub_menu .submenu_on { background:#5b5d80;}
	.sub_menu .submenu_on a { color:#ffffff; display: block; padding:10px 15px 10px 15px; }
	.sub_menu .submenu_on>ul>li>a { color:#505050; }
	.sub_menu .submenu_on>ul>li.on>a { color: #575cbc; }
	

	.depth3_menu ul{width:800px;}
	.depth3_menu li{background-image:none; background-color:#d8d8d8; padding:5px; margin:1px; font-weight:bold; float:left;}
	.depth3_menu .submenu_on{background:#5b5d80;}
	.depth3_menu .submenu_on a{color:#ffffff;}

	.depth3_menu li ul{display:none;  position:absolute; font-weight:bold;}
	.depth3_menu li:hover ul{display:block; margin-top: 5px; left: 530px;}
	.depth3_menu .sub_font:hover {text-decoration: underline; color: #666;}


	#wrap #footer {width:100%; height:55px; padding-top:20px; background:#3a3d6a; text-align:center;color:#ffffff;}

/* 20190919_start 추가  */
#contents .premix {position:relative;background:url('../images/pentane_complex_metering_pump.jpg') no-repeat 0 0;height:510px;text-align:center;}
#contents .premix .premix_txt1 {position:absolute;left:340px;top:80px;color:#000000;}
#contents .premix .premix_txt2 {position:absolute;left:550px;top:210px;color:#000000;}
#contents .premix .premix_txt3 {position:absolute;left:120px;top:350px;color:#000000;}
#contents .premix .premix_txt4 {position:absolute;left:320px;top:350px;color:#000000;}
/* 20190919_end  */


/* 테이블 유형 정의 */
.table_type01 {border:1px solid #BCBCBC;}
.table_type01 th, td {border:1px solid #BCBCBC; line-height:150%;}
.table_type01 th {background:#DCE2F1;}
.table_type01 td {text-align:center;padding:3px 0;}

.table_type02 {border:1px solid #BCBCBC;}
.table_type02 th, td {border:1px solid #BCBCBC; line-height:150%;}
.table_type02 th {background:#DCE2F1;}


.table_type03 {border:0px;}
.table_type03 th, td {border:0px;}
.table_type03 th {background:#DCE2F1;}


.table_type04 {width:100%; border:1px solid #BCBCBC;}
.table_type04 th,td {border:1px solid #BCBCBC; line-height:150%;}
.table_type04 th {background:#DCE2F1;}
.table_type04 td {padding:3px;}

/* 영상팝업 */
.layer_pop_wrap { display: none; position: fixed; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 100; }
.layer_pop_wrap .layer_pop_contain { position: absolute; max-width: 660px; width: 100%; background: #FFF; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.layer_pop_wrap .layer_pop_contain .layer_pop_header { display: flex; padding: 35px; }
.layer_pop_wrap .layer_pop_contain .layer_pop_header .pop_title { font-size: 18px; font-weight: 500; margin:0; line-height:18px; }
.layer_pop_wrap .layer_pop_contain .layer_pop_header .close {display: block; width: 20px; height: 20px; margin-left: auto; content: ''; background: url('../images/icon_close.png') no-repeat;}
.layer_pop_wrap .layer_pop_contain .layer_pop_content { padding: 0 35px 35px 35px;}

/* rollformer */
.tab>li {background:none;margin:0;padding:0;}
.txt {margin-bottom: 30px;}
.tabmenu_cat {border:1px solid #c2c2c2;background-color:#f3f3f3;padding:8px 0 10px;margin-bottom:30px;}
.tabmenu_cat li {float:left;padding-left:15px;color:#3b3b3b;background:none;}
.tabmenu_cat li span{font-weight:bold;color:#d12c2c;}

.line_con {position:relative;overflow:hidden;border: 1px solid #ddd;margin-bottom:20px;}
.line_con img {float:left;}
.line_con .panel_tit {position:absolute;width:360px;top:0;left:250px;border-bottom:2px solid #c2c2c2;padding:10px 5px;color: #545454;font-weight:bold;}
.line_con .panel_list {position:absolute;width:380px;top:50px;left:250px;}
.line_con .panel_list li {background:url('../images/blt.gif') no-repeat left 6px;padding-left:8px;}
.line_con .panel_list li span {font-weight:bold;}

.rf_tit {position:relative;color:#545454;padding-bottom:5px;font-size:13px;border:1px solid #c2c2c2;background-color:#f3f3f3;padding:8px 10px 10px;margin-top:20px;margin-bottom:10px;}
.rf_tit .tit_number {font-weight:bold;color:#545454;}
.rf_tit .btn_open {position:absolute;top:8px;right:15px;}
.rf_stit {font-weight:bold;padding-top:10px;text-decoration:underline;}
.rf_list {padding:5px 0 10px 20px !important;}
.rf_list li {background:url('../images/blt2.gif') no-repeat left 3px;padding-left:13px;}
.rf_list li span {font-weight:bold;}
.rf_list li.s_tit {background:none;font-weight:bold;color:#353b97;padding-left:0;}
.rf_txt {padding-bottom:10px;}
.rf_txt2 {padding-left:10px;padding-right:10px;padding-bottom:10px;}
.img_ps {float:left;}
.con_right {float:right;width:420px;}
.con_right2 {float:right;width:320px;padding-top:25px;}

.slitting_line .b_tit { font-weight: bold; color: #222769; padding-top: 10px; }
.slitting_line>dl>dt { font-weight: bold; padding-top: 5px; }
.slitting_line>dl>dd {}

.slitting_line_r>dl>dt { font-weight: bold; padding-top: 5px; }

/* 20221215_추가 */
.sub_cnt_c li.i_phone {background:url('../images/icon_phone.png') no-repeat left 3px;padding-left:30px;line-height:28px;}
.sub_cnt_c li.i_email {background:url('../images/icon_email.png') no-repeat left -2px;padding-left:30px;line-height:18px;}