@charset "utf-8";

/*메인영역*/
.main_wrap {width:1120px; overflow:hidden; margin:0px auto;}
.main_wrap_e {width:100%; overflow:hidden; margin:0px auto;}
.left_area {width:176px; float:left;}
.left_area ul li {width:176px; margin-bottom:-5px;}
.left_area ul li.money {width:176px; border:1px solid #d1d1d1; height:201px; margin-top:0px;}
.m_visual_area {width:400px; float:left;}
.board_wrap { margin:0px; padding:0px; width:300px; float:left; overflow:hidden;}
.board_area {width:300px; overflow:hidden; margin:0px auto; }
.board_area dl {width:262px; height:20px; margin-left:18px; border-bottom:1px solid #ddd;}
.board_area dt {width:109px; float:left;}
.board_area dd {width:11px; float:right;}
.board_area dl.board_text {text-align:left; border-bottom:0px; padding-top:20px;}
.board_area dl.board_text dt.text {float:left; text-align:left; width:191px; font-size:12px; background:url('../sp_images/mastart/board_icon.jpg') no-repeat left center; padding-left:5px; color:#444; margin-top:10px;}
.board_area dl.board_text dt.text a {color:#444;}
.board_area dl.board_text dd.text {float:right; width:58px; font-size:11px; color:#888; margin-top:10px;}
.result_area {width:300px;  overflow:hidden; margin:0px auto; padding-top:10px; }
.result_area dl {width:262px; height:20px; margin-left:18px;}
.result_area dt {width:109px; float:left; font-size:14px; font-weight:600; color:#ae213e; text-align:left;}
.result_area dd {width:11px; float:right;}
.result_img_wrap {width:300px; overflow:hidden; margin:0px auto; }
.result_img_wrap dl.result_img_area {width:125px; height:142px; float:left; border:0px; padding-top:20px; padding-bottom:27px;}
.result_img_wrap dl.result_img_area dt.img {width:123px; height:93px; border:1px solid #ddd; }
.result_img_wrap dl.result_img_area dd.text {width:123px; margin-top:10px;}
.result_img_wrap dl.result_img_area dd.text a {color:#444;}

.notice_wrap {width:300px; height:161px; overflow:hidden; margin:0px auto; padding-bottom:20px; }
.notice_area_wrap {width:300px; overflow:hidden; margin:0px auto; padding-bottom:10px; }
.notice_area {width:262px; height:20px; margin-left:18px; border-bottom:1px solid #ddd; }
.notice_area .m_tab_title {width:215px; float:left;}
.notice_area .m_tab_title ul li {float:left; width:93px;}
.notice_area p {float:right; widht:11px;}
.board_text {width:262px; border-bottom:0px; padding-top:20px; margin-left:18px;}
.board_text dt.text {float:left; text-overflow:ellipsis; overflow:hidden; width:191px; font-size:12px; background:url('../sp_images/mastart/board_icon.jpg') no-repeat left center; padding-left:5px; color:#444; margin-top:10px;}
.board_text dd.text {float:right; width:58px; font-size:11px; color:#888; margin-top:10px;}
.board_text dt.text a {color:#444;}
.right_area {width:240px; float:left; }
.right_area ul li {width:240px; }
html>body .right_area ul li {width:240px; margin-bottom:-4px; }

.mon_table td {margin:0px auto; text-align:center;}
.mon_table td.title {background-color:#444444; padding:11px 0px 11px 0px; color:#fff; font-weight:bold; font-size:14px; border-top:4px solid #b3233f;}




/*서브비주얼영역*/
.sub_visual_area {width:100%; margin:0px auto; position:relative; background:url('../sp_images/sp_include/visual_bg.jpg') no-repeat center; margin-top:-16px; *z-index:-1;}
.sub_visual_img {width:1120px; height:160px; margin:0px auto; text-align:center;}

/*sub영역*/
.sub_wrap {width:100%; z-index:-20;}
.sub_area {width:1120px; overflow:hidden; margin:0px auto; padding-top:20px; white-space:nowrap}
.sub_con_area {width:900px; float:right; }
.sub_content {width:900px; margin:0px auto; overflow:hidden; padding-top:45px;}
.sub_content1 {width:1000px; margin:0px auto; overflow:hidden; padding-top:30px;}
.sub_content2 { max-width:1515px; margin:0px auto; overflow:hidden; padding:30px;}

/*투자정보*/
.invest_box {width:850px; backgroun-color:#ddd;}
.invest_box td {text-align:center; margin:0px auto;}

/*sub_title_area*/
.sub_title_area {width:900px; margin:0px auto; overflow:hidden; border-bottom:1px solid #e4e4e4; padding-bottom:20px;}
.sub_title_area ul{float:left; text-align:left; padding:26px 0px 0px 0px;}
.sub_title_area ul.nav{ float:right; text-align:right; padding-top:80px;}
.sub_title_area ul.nav li {float:left; font-family:'Dotum'; color:#888;}
.sub_title_area ul.nav li.first {float:left; background:url('../sp_images/sp_include/nav_home.jpg') no-repeat left center; padding-left:14px;}
.sub_title_area ul li.s_slogan {padding:10px 0px 10px 10px;}

/*lnb*/
.lnb {width:180px; float:left;}
.lnb div.slnb {width:180px; margin:0px auto; padding:10px 0px 20px 0px; background-color:#f9f9f9; border-left:1px solid #e3e3e5; border-right:1px solid #e3e3e5; border-bottom:1px solid #e3e3e5;}
.lnb div.slnb ul li { height:20px; border:0px; padding:5px 25px; margin:0px;  color:#6f707b; cursor:pointer; content:none;}
.lnb div.slnb ul li.on { height:20px; border:0px; padding:5px 25px; margin:0px;  color:#ad1a1a; font-weight:bold; cursor:pointer; background:none;}
.lnb div.lnb_title {margin:0px; padding:0px;}
.lnb div.lnb_menu {
	position:relative;
	width:180px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
}
.lnb ul {
	padding:0;
	margin:0;
}
.lnb ul li {		
	text-align:left;
	padding:10px 0px 10px 20px;
	content: ">";
	cursor:pointer;
	border-bottom:1px solid #ddd;
	font-size:13px;

}
.lnb ul li:before {		
	content: ">";
	padding-right:8px;
}
.lnb ul li.on {		
	padding:10px 0px 10px 20px;
	color:#fff;
	content: ">";
	font-weight:bold;
	background:url('../sp_images/sp_include/lm_menu_on.jpg') no-repeat left center;
	/*background-image:linear-gradient(-90deg, #0046ce, #0046cd);*/
	cursor:pointer;
	font-size:13px;
}

.banner_area {width:180px; padding-top:45px;}

/*Footer*/
.foot_menu_area {width:100%; position:relative; margin:0px auto; background-color:#404040; border-top:1px solid #000; margin-top:70px;}
.foot_m {width:1120px; margin:0px auto; overflow:hidden; color:#fff; padding:0px 0px;}
.foot_m p {float:left;}
.foot_m ul{float:left; padding:15px 0px 7px 39px;}
.foot_m ul li{float:left; color:#ffffff;}
.foot_m ul li.f_site{float:right;}
.family {position:absolute; top:-3px; left:50%; margin-left:375px;}

.styled-select3 select {
   background: transparent;
   width: 220px;
   padding: 5px;
   font-size: 13px;
   font-weight:700;  
   line-height: 30px;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;

   }
.styled-select3 {
   width: 178px;
   height: 30px;
   line-height: 30px;
   margin-top:8px;
   overflow: hidden;
   background: url(../sp_images/sp_include/select_arrow.jpg) no-repeat right #fff;
   border: 1px solid #ddd;
   float:right;
   }

#f_sel {width: 170px; height: 25px; position: absolute; z-index:1; text-align:left;}
#f_sel ul {list-style: none; margin: 0px; padding: 0px;}

#f_title {width: 170px; height: 25px; position: absolute; background:#f3f3f3; border: 1px solid rgb(204, 204, 204); background:url(../sp_images/sp_include/select_bg.jpg) right top no-repeat; }
#f_title li {width: 170px; height: 25px; line-height: 25px; cursor: pointer; font-size:12px; padding-left:10px;}

#f_group { width: 170px; height: 55px; overflow: hidden; background:#FFFFFF; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; display: none; font-size:12px;}
#f_group li {width: 170px; height: 25px; line-height: 25px; cursor: pointer; font-size:12px;  padding-left:10px;}
.groupLine {border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid;}

.copyright_area{width:100%;  margin:0px auto; padding:24px 0px; z-index:-1;}
.copyright {width:1120px; overflow:hidden; margin:0px auto; z-index:-1;}
.copyright p.text{float:left; text-align:left; line-height:16pt; font-family:'Dotum'; color:#555555; padding-left:39px;}
.copyright p.logo{float:left; width:181px; z-index:-99999;}

.copyright_area_e{width:100%;  margin:0px auto; padding:0; z-index:-1;}

#quick ul{width:66px; height:231px;}
#quick ul li {		
	width:66px; height:65px;
	cursor:pointer;
	background-color:#423a38;

}
#quick ul li.on {		
	width:66px; height:65px;
	background-color:#892942;
	cursor:pointer;
}


/*인사말*/
.big_txt{font-size:24px; color:#1a4eb1; letter-spacing:-1px;}
.red_bold{font-size:13px; color:#b4324d; font-weight:bold;}
.greeting_area {width:900px; margin:0px auto; overflow:hidden;}
.greeting_tab_area {width:900px; margin:0px auto; overflow:hidden;}
.tab_title ul li{float:left; width:300px; margin-bottom:30px;}
.greeting_con01 {width:900px; margin:0px auto; overflow:hidden; margin-top:40px; background:url(../sp_images/01_sub/4p_bg01.jpg) no-repeat top right; text-align:left; line-height:180%; letter-spacing:-0.5px; color:#333;}
.greeting_con01 p{margin-bottom:30px;}
.greeting_con02 {width:900px; margin:0px auto; overflow:hidden; margin-top:40px; background:url(../sp_images/01_sub/4p_bg02.jpg) no-repeat top right; text-align:left; line-height:180%; letter-spacing:-0.5px; color:#333;}
.greeting_con02 p{margin-bottom:30px;}



/*지도*/
.map_bg{background:url(../sp_images/01_sub/map_bg.jpg) no-repeat top left; width:865px; height:515px; padding:18px 17px 17px 18px;}
.dot_line{background:url(../sp_images/sp_include/dot_line.jpg) no-repeat top left; width:900px; height:80px;}

/*홍보센터*/
.mov_area {width:900px; margin:0px auto; oveflow:hidden; }
.movie {width:900px; margin:0px auto; overflow:hidden; padding-bottom:25px;}
.movie dl dt{float:left; width:300px;}
.movie dl dd{float:right; width:562px; text-align:left; }
.movie dl dd dl dt.title {background-color:#07468d; font-weight:600; color:#FFFFFF; font-size:15px; padding:10px 0px 10px 20px; clear:both;}
.movie dl dd dl dd {line-height:16pt; color:#666;}
.movie dl dd dl dd.mov_info {padding-top:15px;}
.movie dl dd dl dd textarea.textarea {width:400px; height:170px; border:4px solid #ddd; margin-top:20px; line-height:16pt;}
.movie dl dd dl dt.icon {clear:both;}
.movie dl dd dl dd.print_info {font-size:15px; font-weight:600; padding-top:15px;}
.movie dl dd dl dd.print_info2 {padding-top:26px; line-height:18pt;}

.movie2 {width:900px; margin:0px auto; overflow:hidden; padding-bottom:25px;}
.movie2 dl dt{float:left; width:442px; }
.movie2 dl dd{float:right; width:420px; text-align:left; }
.movie2 dl dd dl dt.title {background-color:#07468d; font-weight:600; color:#FFFFFF; font-size:15px; padding:10px 0px 10px 20px; clear:both;}
.movie2 dl dd dl dd {line-height:16pt; color:#666;}
.movie2 dl dd dl dd.mov_info {padding-top:15px;}
.movie2 dl dd dl dd textarea.textarea {width:400px; height:170px; border:4px solid #ddd; margin-top:20px; line-height:16pt;}
.movie2 dl dd dl dt.icon {clear:both;}
.movie2 dl dd dl dd.print_info {font-size:15px; font-weight:600; padding-top:15px;}
.movie2 dl dd dl dd.print_info2 {padding-top:26px; line-height:18pt;}

.movie_thumb {width:898px; height:150px; border:1px solid #ddd; padding:10px 0px; overflow:hidden;clear:both;}
.movie_thumb ul {padding-left:12px;}
.movie_thumb li {float:left; margin-right:35px;}
.movie_thumb li.arr_l {margin-right:38px; margin-top:35px;}
.movie_thumb li.arr_r {margin-right:0px; margin-left:3px; margin-top:35px;}

.movie_thumb2 {width:898px; height:110px; border:1px solid #ddd; padding:10px 0px; overflow:hidden;clear:both;}
.movie_thumb2 ul {padding-left:12px;}
.movie_thumb2 li {float:left; margin-right:35px;}
.movie_thumb2 li.arr_l {margin-right:38px; margin-top:35px;}
.movie_thumb2 li.arr_r {margin-right:0px; margin-left:3px; margin-top:35px;}


/*제품정보*/
.product_area { width:900px; margin:0px auto; overflow:hidden;white-space:normal }
.product_tab_area {width:900px; margin:0px auto; overflow:hidden;}
.product_tab_area div {float:left;}
.product_tab_area div p {float:left;}
.tab_title ul li{float:left; width:300px; margin-bottom:30px;}
.table_title p{float:left; width:436px;}
.table_table {float:left; width:436px;}
.img_table div{float:right; width:435px; text-align:right; padding-left:25px;}
.top_table {width:900px; margin:0px auto; overflow:hidden;}

/* 제품정보_20160729 이미지를 텍스트로 수정 */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" );

.product_area h4{ margin-bottom:20px;padding-bottom:20px;background:url(../sp_images/02_sub/h_bt_line.gif) 0 bottom no-repeat;font-family:'나눔고딕','Nanum Gothic';font-size:22px;font-weight:bold;color:#333; }
.product_area .product_tit { margin-bottom:5px;width:100%;font-family:'나눔고딕','Nanum Gothic';font-size:19px;font-weight:bold;color:#666; }
.product_area .product_tit strong{ color:#9b0f2b; }
.product_area .product_txt { width:100%;font-family:'나눔고딕','Nanum Gothic';font-size:15px;line-height:22px; }
.product_area .product_txt span { color:#ae213e; }
.product_area .left_contents { float:left;margin-right:20px;width:445px; } 
/* .product_area .tab2_contents { width:100%;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #ccd4df; } */




/*희망봉사단*/
.service_area {width:900px; margin:0px auto; overflow:hidden;}
.service_con {width:900px; margin:0px auto; overflow:hidden; text-align:left; line-height:180%; letter-spacing:-0.5px;}
.service_con p{margin-bottom:40px;}
.service_pic_bg{background:url(../sp_images/04_sub/pic_bg.jpg) no-repeat top left; padding:15px; width:304px; height:166px; float:left;}
.service_con_txt{float:left; width:526px; text-align:left; line-height:180%; margin-left:40px;}
.service_con_txt .service_sub_title{color:#333; font-size:15px; letter-spacing:-1px; font-weight:bold; padding-bottom:5px;}
.service_con_txt .service_title{color:#1a4eb1; font-size:22px; letter-spacing:-2px; font-weight:bold;}

/*사이트맵*/
.page_sitemap{ overflow:hidden; margin: 0 0 0 -20px}
.page_sitemap li{ float:left; width:260px; margin:0px 0 40px 40px;padding:20px 0 0 0; line-height:21px; text-align:center; font-size:18px; color:#ae213e; font-weight:600;  position:relative; background:#f9f9f9}
.page_sitemap li .line{ display:block; height:2px; position:absolute; z-index:2; top:0}
.page_sitemap li .line.st1{width:30%;background:#d94d69; left:0;}
.page_sitemap li .line.st2{width:70%;background:#aaaaaa; right:0;}
.page_sitemap li ul{ margin:20px 0 0 0 ; border-top:1px solid #ccc}
.page_sitemap li ul li{ margin:0; border:none; padding:0 5px; text-align:left; border-bottom:1px dashed #aaaaaa; font-size:13px; font-weight:600; list-style:disc inside; background:#fff; }
.page_sitemap li ul li:hover{ background:#ffe8ed;}
.page_sitemap li ul li a{ display:inline-block; width:85%; height:auto;  padding:8px 0; color:#444;}
.page_sitemap li ul li a:hover{color:#ae213e; font-weight:600;}

/*board*/
.board_title_area {width:900px; margin:0px auto; overflow:hidden; background-color:#535353; padding:11px 0px;}
.board_title_area ul li {float:left; color:#fff; font-weight:bold; font-family:'Dotum'; font-size:12px; border-right:1px solid #7a7a7a;}
.board_list_area {width:900px; margin:0px auto; overflow:hidden;}
.board_list_area ul.first {border-bottom:1px solid #e7e7e7; height:25px; padding-top:13px;}
.board_list_area ul.end {border-bottom:1px solid #e7e7e7; height:25px; padding-top:13px; background-color:#fafafa;}
.board_list_area li {float:left; font-family:'Dotum'; font-size:12px;}
.board_list_area li a {color:#666;}

/*생산공장*/
.factory_table {width:900px; border:1px solid #eaeae; margin-top:15px;}
.factory_table th {background-color:#06458c; padding:10px 0px 10px 0px; color:#fff;}
.factory_table td.first {background-color:#e5f2ff; color:#444; font-weight:bold; font-size:13px; text-align:center; padding-left:0px;}
.factory_table td {color:#666; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:9px 0px 9px 0px; font-size:13px; text-align:center;}

.factory_table2 {width:900px; border:1px solid #eaeae;}
.factory_table2 th {background-color:#666; padding:10px 0px 10px 0px; color:#fff;}
.factory_table2 td.first {background-color:#e5f2ff; color:#444; font-weight:bold; font-size:13px; text-align:center; padding-left:0px;}
.factory_table2 td {color:#666; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:9px 0px 9px 0px; font-size:13px; text-align:center;}

.sub_content h3.tit{margin-bottom:30px;}
.factory_txt_box{margin-top:42px;font-size:14px;line-height:26px;}
.factory_txt_box p.txt_b{margin:10px 0;font-size:16px;color:#ae213e;font-weight:bold;}
.factory_txt_box p.txt01{font-size:13px;}
.factory_txt_box p.txt02{margin-top:20px;color:#ae213e; font-size:13px;}
.factory_ta01 tr td{vertical-align:top; font-size:13px;}
.factory_ta01 tr td dl dt{background:#07468d;color:#fff;line-height:54px;font-size:13px;font-weight:bold;padding-left:20px;margin-bottom:30px;}
.factory_ta01 tr td dl dd{line-height:20px;margin-top:10px;margin-left:110px;position:relative;}
.factory_ta01 tr td dl dd strong{display:block;position:absolute;left:0;top:0;margin-left:-110px;font-size:#444444;font-size:13px;}



/* inc */
.mg_top50{margin-top:50px;}