@charset "utf-8";

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:87.5%;line-height:1.5em;font-family:Helvetica,AppleGothic,Sans-serif}
body{position:relative;background-color:#ffffff;color:#525252;word-wrap:break-word;word-break:break-all}
img,fieldset{border:0}
ul,ol{list-style:none}
a{color:#424242;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
html, body, #map {margin: 0; padding: 0; width: 100%; height: 100%; color:#333333; min-width:320px;margin:0 auto;}
header, nav, article, footer, address {display: block;}
img{width:100%;}


#wrap{width:100%; position:relative; }

/* header-헤더 */
header{width:100%; background:#fff; position:relative; height:72px; box-shadow:0px 1px 6px #ddd;}
header h1{width:175px; display:block;  margin:auto; height:72px;}
header .btn_right{width:58px; position:absolute; top:0px; right:0;}

.mobile_menu{position:fixed;top:0;left:-250px;width:250px;height:100%;overflow:auto;background-color:#252525;z-index:99999;}
.mobile_menu .top_link{position:relative;height:50px;line-height:50px;border-bottom:1px solid #444;}
.mobile_menu .top_link a{position:absolute;display:block;text-indent:-9999px;overflow:hidden;}
.mobile_menu .top_link a.home{width:63px;height:21px;top:15px;left:15px;background:url(../images/btn_m_home.png) no-repeat 0 0; background-size:63px 20px;}
.mobile_menu .top_link a.close_m_menu{width:26px;height:26px;top:12px;right:12px;background:url(../images/btn_m_menu_close.png) no-repeat 0 0; background-size:26px 26px;}
.mobile_menu>ul{padding-bottom:150px;}
.mobile_menu>ul>li{border-bottom:1px solid #333;}
.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 30px;font-size:15px;font-weight:bold;color:#ddd;letter-spacing:-1px;background:url(../images/icon_plus.png) no-repeat 15px 18px; background-size:10px 10px;}
.mobile_menu>ul>li>a.opened{background:url(../images/icon_arrow_up.png) no-repeat 15px 18px; background-size:10px 10px;}
.mobile_menu>ul>li>a:hover{color:#fff;text-decoration:none;}
.mobile_menu>ul>li>a.selected{color:#d3dfff;}
.mobile_menu li .submenu{background-color:#333;display:none;}
.mobile_menu li ul{}
.mobile_menu li ul li{height:40px;border-bottom:1px solid #3f3f3f;}
.mobile_menu li ul li.last{border:none;}
.mobile_menu li ul li a{display:block;line-height:40px;font-size:13px;font-weight:bold;padding-left:30px;color:#ccc;}
.mobile_menu li ul li a:hover{color:#d3dfff;text-decoration:none;}
.mobile_menu li ul li a.selected{color:#d3dfff;font-weight:bold;}

.swipe { overflow: hidden; /*visibility: hidden;*/ position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap > div img {width: 100%;height: auto; }
.pagination { display: inline-block;  width: 100%; text-align: center; bottom:3%; z-index:9; position:absolute; }
.pagination a {display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 1em; height: 1em; border-radius: 0.75em; background-color: #fff; transition: background-color 0s ease; }
.pagination a.active, .pagination a:hover {background-color: #00babd; }

.society .swipe { overflow: hidden; /*visibility: hidden;*/ position: relative; }
.society .swipe-wrap { overflow: hidden; position: relative; }
.society .swipe-wrap > div { float: left; width: 100%; position: relative; }
.society .swipe-wrap > div img {width: 100%;height: auto; }
.society .pagination { display: inline-block;  width: 100%; text-align: center; bottom:3%; z-index:9; position:absolute; }
.society .pagination a {display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: 1em; height: 1em; border-radius: 0.75em; background-color: #fff; transition: background-color 0s ease; }
.society .pagination a.active, .pagination a:hover {background-color: #00babd; }




.main_article section {width:100%; margin:0; padding:0;}
.main_article section a {display:block;}
.main_article section .content {padding-top:11px;}

.main_board {}
.main_board h2 {font-size: 14px;font-weight: bold;}
.main_board .conBox {overflow: hidden;}
.main_board .conBox img {display: block;width: 50%;min-height:158px;}
.main_board .conBox .content {position: relative;width: 40%;padding:20px 5%;}
.main_board .conBox .content p.conTit {margin-bottom: 5px;font-size: 13px;font-weight: bold;line-height: 1.5em; }
.main_board .conBox .content p.conTxt {font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;word-wrap:break-word;margin-top:10px;line-height:17px;}
.main_board .content:after {content: "";position: absolute;top: 50%;margin-top: -16px;width: 0;height: 0;	pointer-events: none;border: 16px solid transparent;}
.news {background-color: #fff;}
.news .content h2 {color: #00babd;}
.news .content p.conTit {color: #535353;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.news .content p.conTxt {color: #535353;}
.news .content:after {right: 100%;width: 0;height: 0;border-right: 16px solid #FFF;}

.society {background-color: #1a3c96;}
.society .content h2 {color: #cfdcff;}
.society .content p.conTit {color: #ffffff;}
.society .content p.conTxt {color: #fff;}
.society .content:after {left: 100%;width: 0;height: 0;border-left: 16px solid #1a3c96;}
.society .conBox {position: relative;}

.banner {background-color: #272727;}

footer {padding:20px 5%; background:#fcfbfb;border-top: 1px solid #dadada;}
footer .copy_add {overflow: hidden; margin-bottom: 15px; text-align: center;}
footer .copy_add a {position: relative; display: inline-block;padding: 0 3%; font-size:1em; font-family:NanumBold; color: #787878;box-sizing: border-box;text-align: center;}
footer .copy_add a:after {position: absolute;right: 0;top: 10%;width: 1px;height: 80% ;background-color: #b8b8b8;content:""}
footer .copy_add .btn_app:after {width: 0;background-color: #fcfbfb;}
footer .txtBox {color: #797979;text-align: center;font-size: 0.8em;}
footer .txtBox p {line-height: 2.5em;}
footer .txtBox p em {font-size: 1.2em;}
footer .btn_app {background:#CCC; color:#fff; padding:15px; margin-top:15px; border-radius:3px;}

/* 타이틀 */
h3.con_tit {color:#131313; padding-top:15px; background:url(../images/common/title_icon.gif) no-repeat 0px 16px; padding-left:24px; margin-bottom:10px; font-size:16px; font-weight:600;letter-spacing:-0.5px;}

/* 서브페이지 */

.location{position:relative; height:35px;line-height:34px;margin-bottom:0;text-align:left; color:#696969;background:url(../images/sub_title_bg.gif) repeat-x left top; background-size:auto 35px;}
.location .location_text_position{position:absolute;left:0;top:0;width:100%;margin-left:0px}
.location .location_home{display:block;width:39px;height:35px;padding:0 0 0 0;background:url(../images/icon_home.gif) left top no-repeat;background-size:39px 35px;text-indent:-9999px;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;#color:#ffffff}	
.location .location_gt{display:inline-block;padding:0 15px 0 10px;background:url(../images/icon_bar.gif) no-repeat right top; background-size:auto 33px; font-size: 11px;color:#ffffff; opacity:0.6}
.location .current{color:#ffffff;font-weight:normal;opacity:1;;background:url();}
.m_home_area{display:block;width:39px;float: left;}
.m_1depth{}
.m_2depth{}

.content_area1{ padding:15px 0;}

#page_title{padding:15px 10px 5px 15px; border-bottom:1px dotted #ccc; /*text-align:center;*/}
#page_title h3{font-size:25px; letter-spacing:-0.5px;}
#page_title p{font-size:13px;line-height:33px; color:#777; letter-spacing:-0.7px;}

#contents{padding:20px 15px;}

/* 이미지 */
.images .map_img{text-align:center; padding:0 0}
.images .map_img img{width:100%}

/*인사말*/
#ceo		{margin:10px 2px; line-height:170%; text-align:justify; }
#ceo .point {font-weight:bold; font-size:15px; color:#535353; line-height:170%;}
#ceo p img	{width:238px !important; }

/* 회사연혁 */
#history .history_con {overflow:hidden;  padding-bottom:30px; margin-bottom:35px; border-bottom:1px solid #e6e6e6; p}
#history h4 {font-size:15px; letter-spacing:-0.05em; *letter-spacing:-0.07em; margin-top:25px;}
#history h4 span {color:#373737; font-size:22px; font-weight:700;}
.history_table {margin-top:5px;  }
.history_table th {padding:7px 0; font-size:14px; text-align:left; letter-spacing:-0.5px; *letter-spacing:-0.07em;}
.history_table th  span {color:#404040; font-size:14px;}
.history_table td {padding:7px 0px 5px 8px; background:url(../images/sub/bul_arrow.gif) left 15px no-repeat;}

/* ci */
#ci	.ci_con		{line-height:170%;}
#ci	.ci_con h3	{color:#131313; padding-top:15px; background:url(../images/common/title_icon.gif) no-repeat 0px 18px; padding-left:24px; margin-bottom:10px; font-size:16px; letter-spacing:-0.5px;margin-top:25px;}

/* 협력업체 */
#partner .partner_con h3 {color:#131313; padding-top:15px; background:url(../images/common/title_icon.gif) no-repeat 0px 15px; padding-left:24px; margin-bottom:10px; font-size:16px;  letter-spacing:-0.5px;}
#partner .partner_con h3 span {color:#6c6c6c; font-size:12px; font-weight:normal; letter-spacing:0.5px; margin-left:5px;}
#partner .partner_con ul {overflow:hidden; text-align:center;}
#partner .partner_con ul li {float:left; width:48%; margin-bottom:20px;}
#partner .partner_con ul li p {text-align:center; margin-top:3px;}
#partner .partner_con ul li.cw_r {float:right}

/* 제품소개 */
#product .product_con		  {line-height:170%;clear:both;}
#product .product_con h3	  {color:#131313; padding-top:15px; background:url(../images/common/title_icon.gif) no-repeat 0px 18px; padding-left:24px; margin-bottom:10px; font-size:16px; font-weight:600;letter-spacing:-0.5px;}
#product .product_con img	  {width:106% !important; max-width:none !important;}
#product .product_con p       {overflow:hidden;}
#product .product_con p.txt   {margin:10px 0; line-height:160%;}

/* 코일센터
#coilcenter .coil_con		{line-height:170%;}
#coilcenter .coil_con h3	{color:#131313; padding-top:15px; background:url(../images/common/title_icon.gif) no-repeat 0px 18px; padding-left:24px; margin-bottom:10px; font-size:16px; font-weight:600;letter-spacing:-0.5px;}
#coilcenter p img	{width:299px !important; height:405px ; text-align:center; } */
/* 코일센터 */
#contents .coil_con		{width:760px; line-height:180%;}
#contents .coil_con h3	{color:#131313; padding-top:15px; background:url(/images/common/title_icon.gif) no-repeat 0px 18px; padding-left:24px; margin-bottom:10px; font-size:16px; font-weight:600;letter-spacing:-0.5px;}
#contents_bg	{position: relative; width:760px; margin-left:20px; padding-top:10px; }
#contents_bg .coilcenter_txt	{ position: absolute; width:350px;top:40px; margin-left:37px; min-height:400px; text-align:justify; z-index:999; background-color:#fff;}
.coil_partner {float:left; width:100%;border:1px solid #d9d9d9; margin:0 20px 50px 0; height:360px; box-sizing:border-box;}
.coil_partner .photo	{ width:100%;}
.coil_partner .txt		{/*float:left; width:460px;*/ margin:18px; line-height:20px; font-size:12px;}


/* 표 */
.board_list1				{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:2px solid #363d4c}
.board_list1 thead th 		{padding:8px; background:#f9f9f9; color:#333; border-right:#ddd 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list1 thead th.no	{padding:8px; background:#f9f9f9; color:#333; border-right:#fff 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center; height:30px;}
.board_list1 tbody th.no	{padding:8px; margin:0; background:#f3f3f3; color:#e4007f;  font-weight:600; border-bottom:#ddd 1px solid;border-right:#ddd 1px solid; text-align:center; border-right:1px solid #ddd; border-top:2px solid #363d4c }
.board_list1 tbody td 		{color:#555; padding:8px 12px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#ddd 1px solid;}
.board_list1 tbody td.point	{color:#555; padding:8px 0 8px 20px; background:#f7f7f7; border-bottom:#ddd 1px solid; line-height:170%; border-right:#ddd 1px solid; font-weight:600}
.board_list1 tbody td.no	{color:#555; padding:8px 12px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#fff 1px solid;}

/* 글자간 여백 작음 */
.board_list2				{clear: both; border-collapse: collapse; width:100%; margin:0px;  border-top:2px solid #363d4c;  }
.board_list2 thead th 		{padding:6px; background:#f9f9f9; color:#333; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; font-weight:600; text-align:center;}
.board_list2 thead th.line	{padding:6px; background:#f9f9f9; color:#333; border-right:#ddd 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center;}
.board_list2 thead th.line_no{padding:6px; background:#f9f9f9; color:#333; border-right:#fff 1px solid; border-bottom:#363d4c 1px solid; font-weight:600; text-align:center;}
.board_list2 thead th.no	{padding:6px; background:#f9f9f9; color:#333; border-right:#fff 1px solid; border-bottom:#ddd 1px solid; font-weight:600; text-align:center;}
.board_list2 tbody td 		{color:#555; padding:6px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#ddd 1px solid; text-align:center;}
.board_list2 tbody td.left 	{color:#555; padding:6px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#ddd 1px solid; text-align:left;}
.board_list2 tbody td.no	{color:#555; padding:6px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#fff 1px solid; text-align:center;}
.board_list2 tbody td.no2	{color:#555; padding:6px; background:#fff; border-bottom:#ddd 1px solid; line-height:170%; border-right:#fff 1px solid; text-align:left;}


/* 가공공정도 tab */
.process_tab { width:100%; float:left; margin:0px 0px 10px; }
.process_tab li { float:left; border:1px solid #e3e3e3;   border-right:0; border-bottom:0; text-align:center; }
.process_tab li a { float:left; width:100%; padding:5px 0px; font-size:11px; color:#696969; background:#f5f5f5; border-bottom:1px solid #e3e3e3;font-weight:600;margin-right:25px;}
.process_tab li a:hover { padding-bottom:4px; color:#0c4da2; background:#fff; border-bottom:2px solid #183d96; }
.process_tab li a.on { padding-bottom:4px; color:#183d96; background:#fff; border-bottom:2px solid #0c4da2; font-weight:600;}
.process_tab li.last { border-right:1px solid #e3e3e3;}