@charset "utf-8";

/* 서브페이지 */
#subContainer {position:relative; width:100%; }
#subContainer .subVisual{width:100%; height:400px; position:relative; display:table;}
#subContainer .subVisual .visualTxt {max-width:1200px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding-top:80px;}
#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:1.1em;  line-height:1.6em; word-break:keep-all;}
#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:3.5em;  font-weight:900;}
#subContainer .subVisual .visualTxt p.img img{height:100%}

#subContainer .subVisual.sub01 {width:100%; position:relative; background:#666 url('../images/sub/sub_img01.jpg') no-repeat center center; background-size:cover; display:table;}
#subContainer .subVisual.sub02 {width:100%; position:relative; background:#666 url('../images/sub/sub_img02.jpg') no-repeat center center; background-size:cover; display:table;}
#subContainer .subVisual.sub03 {width:100%; position:relative; background:#666 url('../images/sub/sub_img03.jpg') no-repeat center center; background-size:cover; display:table;}
#subContainer .subVisual.sub04 {width:100%; position:relative; background:#666 url('../images/sub/sub_img04.jpg') no-repeat center center; background-size:cover; display:table;}

.content {min-height:450px;}

.swipeImg {width:100%;}
.swipeImg2 {max-width:100%;}


/* Util - name fixed */
#lnb { position:relative; height:57px; box-sizing:border-box; }
#lnb .lnbIn { position:absolute; left:0; top:-28px; z-index:10; width:100%; height:57px; box-sizing:border-box; }
#lnb .lnbIn:after {content:""; display:block; clear:both}
#lnb .lnbIn ul {background-color:#aa0413; height:57px;  box-shadow:1px 10px 10px rgba(0, 0, 0, 0.1);}
#lnb .lnbIn ul li {float:left; width:280px; display:block;  border-right:1px solid rgba(256, 256, 256, 0.2); }
#lnb .lnbIn ul li.home {width:70px; border-right:0px solid #d9d9d9; background-color:#1f0101; }
#lnb .lnbIn ul li.home i {color:#fff;}
#lnb .lnbIn ul li a {display:block;  line-height:57px;   padding:0 15px;  font-size:16px; color:#fff; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../images/icon/down_arrow_btn.png') no-repeat 90% 50%;  background-size:auto 7px;}
#lnb .lnbIn ul li.home a { display:block; text-align:center;  background:none; }
#lnb .lnbIn ul li a:hover {color:#fff151; text-decoration:none; overflow:hidden; }
#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
#lnb .lnbIn ul li ul {overflow:hidden; max-height:0;  height:auto; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
#lnb .lnbIn ul li:hover ul { max-height:500px;}
#lnb .lnbIn ul li ul li {float:left; text-align:left; width:100%;}
#lnb .lnbIn ul li ul li:first-child {padding-top:10px;  float:left; width:100%; }
#lnb .lnbIn ul li ul li:last-child {padding-bottom:10px; }
#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#fff; font-size:15px; line-height:20px; padding:5px 15px; border-top:0px;background:none; box-sizing:border-box; background-color:#aa0413;  border-left:0px solid #e0e0e0; }
#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#fff151; text-decoration:none; box-shadow:none !important; background-color:#aa0413;}

/* 국문 제품소개 제품 일부분 가림 */
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(14) {display:none;}
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(15) {display:none;}
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(16) {display:none;}
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(17) {display:none;}
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(18) {display:none;}
.korean #lnb .lnbIn ul li:nth-child(3) ul li:nth-child(19) {display:none;}


/* 서브 공통  */
.subWrap {position:relative; padding:60px 0;}
.subWrap h2 {position:relative; font-weight:900; font-size:3em; line-height:1.5em; color:#222; overflow:hidden;padding-top:15px;}
.subWrap h2 span.title_bar span {display:none !important; background-color:Red;}
.subWrap h2 span.title_bar {position:Relative; display:inline-block; }
.subWrap h2 span.title_bar:before {
    content: "";
    display: inline-block;
    width: 10px;
    height:40px;
	transform:rotate(40deg);
	background-color:#c90000;
	position:Absolute;
	top:-22px; 
	left:-15px;
	overflow:hidden;
}
.subWrap h2 span.title_bar:after {
    content: "";
    display: inline-block;
    width: 30px;
    height:10px;
	background-color:#fff;
	position:Absolute;
	top:10px; 
	left:-30px;
}

.subWrap h3 {font-weight:900; font-size:2em; color:#222;  line-height:1.3em;}
.subWrap h2.title {font-weight:900; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:15px; border-bottom:1px solid #ededed;  margin-bottom:20px;}
.subWrap h2.title.noline {font-weight:900; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:10px; border-bottom:0px solid #ededed;  margin-bottom:0px;}
.subWrap h3.title {font-weight:900; font-size:1.3em; color:#222; line-height:1.5em;}
.subWrap h3.title:before {display:block; background-color:#d0170e; content:"";  width:25px; height:3px;  margin-bottom:15px; }
.subWrap h4.title {font-weight:900; font-size:1.1em; color:#222;}

.sub-category-menu li {position:relative; display:inline-block; padding:0 15px; vertical-align:top}
.sub-category-menu li:last-child:after {display:none;}
.sub-category-menu li.curent:after {display:none;}
.sub-category-menu li:after {position:absolute; right:-4px; content:">"; font-size:13px;} 

/* Box Design */
.con_box01 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:25px 3%; color:#666; line-height:1.6em; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:keep-all; background-color:#fff; }
.con_box02 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fafafa; }
.con_box03 { position:relative; width:93%;border:1px solid #b7c4d8; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #d8dde1; word-break:break-all; background-color:#fff; }
.con_box04  { position:relative; width:93%;  margin-top:20px; margin-bottom:10px; padding:35px 3% ; font-weight:normal;  word-break:keep-all; background-color:#f7f7f9; }

ul.con_ul01 { position:relative; }
ul.con_ul01 li { padding:3px 0px 3px 17px;color:#444; line-height:24px; font-weight:normal; letter-spacing:-0.01em; word-break:break-all; background:url("../images/icon/icon_ul03.gif") no-repeat 5px 15px; }
ul.con_ul02 { position:relative; }
ul.con_ul02 li { padding:3px 0px 3px 17px;  color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.01em; word-break:break-all; background:url("../images/icon/icon_ul02.gif") no-repeat 10px 13px; }

ul.con_ul01_2 { position:relative; }
ul.con_ul01_2 li { padding:0 0 0 13px !important;  background:url("../images/icon/icon_ul03.gif") no-repeat 5px 10px; }


/* tableType */
.table-responsive {min-height: .01%;overflow-x: auto;  overflow-x: scroll;}

.tableType1{border-top:2px solid #000; width:100%}
.tableType1 table{width:100%}
.tableType1 table thead{background:#f7f8fa;}
.tableType1 table thead th{padding:13px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:1rem; color:#000; text-align:center;}
.tableType1 table thead th:first-child{border-left:0;}
.tableType1 table tbody th{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:8px 10px; font-size:1rem; color:#000;  word-break:keep-all}
.tableType1 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:8px 10px; font-size:1rem; line-height:30px; color:#555;  word-break:keep-all;  min-width:80px;}
.tableType1 table tbody td.text-center{text-align:center; padding:18px 0;}
.tableType1 table tbody td:first-child{border-left:0; }
.tableType1 table tbody th:first-child{border-left:0;}

.tableType2{border-top:2px solid #000}
.tableType2 .line{display:table; width:100%; border-bottom:1px solid #d9d9d9}
.tableType2 .line > div{display:table-cell; vertical-align:middle; padding:25px 20px; box-sizing:border-box; font-size:16px; line-height:26px}
.tableType2 .line .tit{display:table-cell; width:150px; color:#000;  background:#f7f8fa}
.tableType2 .line > div:nth-child(4){width:440px}
.tableType2 .line > div .addFile {position:relative}
.tableType2 .line > div .addFile input[type="file"]{position:absolute; top:0; left:0; width:395px; opacity:0;}
.tableType2 .line > div .addFile input[type="text"]{width:280px}
.tableType2 .line > div .addFile .find{display:inline-block; vertical-align:top; width:110px; height:52px; line-height:52px; box-sizing:border-box; color:#fff; background:#888; text-align:center; margin-left:4px;}
.tableType2 .line > div.fileList{padding:20px}
.tableType2 .line > div.fileList a{display:inline-block; margin-right:10px; padding:8px 53px 8px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:url('../images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa}

.tableType3{border-top:2px solid #000; letter-spacing:-1px}
.tableType3 table thead th{padding:13px 0; border-bottom:1px solid #000;  font-size:1rem; color:#000; text-align:center; }
.tableType3 table thead th:first-child{border-left:0;}
.tableType3 table th{padding:13px 10px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#000; background:#f7f8fa; vertical-align:middle;  word-break:keep-all}
.tableType3 table td {padding:8px 10px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#555; vertical-align:middle; word-break:keep-all}
.tableType3 table td.vtop {vertical-align:top; }

.tableType4 table tbody{border-top:1px solid #dcdcdc;}
.tableType4 table tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f7f8fa; padding:20px 50px;  color:#000; font-size:16px; line-height:24px;}
.tableType4 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; padding:10px 18px;   line-height:18px; text-align:center;}
.tableType4 table tbody th:first-child{border-left:0;}
.tableType4 table tbody td:first-child{border-left:0;}

.tableType5{border-top:2px solid #000; letter-spacing:-1px}
.tableType5 table{table-layout:fixed; width:100%;}
.tableType5 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#000; background:#f7f8fa; vertical-align:middle;  text-align:center; word-break:break-all}
.tableType5 table td{padding:18px 10.5% 18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#555; vertical-align:middle; word-break:keep-all; text-align:right;}
.tableType5 table thead th:first-child{border-right:1px solid #d9d9d9;}
.tableType5 table tbody tr.bold{font-weight:700}
.tableType5 table tbody tr.bold th{font-weight:700}
.tableType5 table tbody th{text-align:center; background:none; color:#555;  text-align:left; border-right:1px solid #d9d9d9;}

.swiperArea .mCSB_container {width:100% !important;}

/*category_tab_area */
.category_tab_area > ul > li.active {display:block; background-color:#fff; }
.category_tab_area > ul > li.active .category_title {display:none;}
.category_tab_area > ul > li {display:none; }

.category_mobile_area { position:relative;  box-sizing:border-box; }
.category_mobile_area .area { position:relative; left:0; top:0; z-index:5; width:100%; height:40px; box-sizing:border-box; margin-bottom:30px;}
.category_mobile_area .area:after {content:""; display:block; clear:both}
.category_mobile_area .area ul {background-color:#323232; height:40px;  box-shadow:1px 10px 10px rgba(0, 0, 0, 0.1); }
.category_mobile_area .area ul li {display:none;  }
.category_mobile_area .area ul li.active {width:100%; display:block;  }
.category_mobile_area .area ul li.active ul li  {display:block;  background-color:#6e6e6e;}
.category_mobile_area .area ul li.active .category_title {display:block;  line-height:40px;   padding:0 15px;  font-size:14px; color:#fff; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../images/icon/down_arrow_btn.png') no-repeat 95% 50%;  background-size:auto 7px;}
.category_mobile_area .area ul li.active .category_title:hover {color:#fff151; text-decoration:none; overflow:hidden; }
.category_mobile_area .area ul li.active ul.cate-sub-menu li a {display:block; width:100%; color:#fff; font-size:13px; line-height:20px; padding:5px 15px; border-top:0px;background:none; box-sizing:border-box; }
.category_mobile_area .area ul li.active ul.cate-sub-menu li a:hover	{ color:#fff151; text-decoration:none; box-shadow:none !important;}
.category_mobile_area .area ul li.active ul li:first-child {padding-top:10px;  float:none; width:100%;}
.category_mobile_area .area ul li.active ul li:last-child {padding-bottom:10px; }


/* tabMenu*/
#tabMenu { list-style:none;  text-align:Center; }
#tabMenu li {float:none;  display:inline-block; width:auto; height:50px; line-height:50px;  margin-top:5px; margin-right:0px;}
#tabMenu li.on a {  background:#c71515; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li a {display:block; border:1px #bdbdbd solid; background:#fff;   color:#999; font-size:14px;  padding:0 15px;}
#tabMenu li a:hover {  background:#c71515; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li.active a {  background:#c71515; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li a.on {  background:#c71515; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li a:hover.on {  background:#98160f; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li.active a:hover {  background:#98160f; color:#fff;  border:1px solid #b50606; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
#tabMenu li:last-child {margin-bottom:40px;}


/* product board  title */
.korean .product_list #product_list_title {min-height:50px; }
.product_list #product_list_title {border:1px solid #ededed; width:100%; display:block; padding:35px; margin-bottom:30px;   box-sizing:border-box;  background-color: #f9f9f9; min-height:80px;}
.product_list #product_list_title h1  {font-size:28px; margin-bottom:20px; font-weight:300; letter-spacing:-0.01em; line-height:1.2em; }
.product_list #product_list_title h1 span {color:#ca0202;}
ul.default li { padding:3px 0px 3px 17px;font-size:15px; color:#444; line-height:24px; font-weight:normal; letter-spacing:-0.01em; word-break:break-all; background:url("../images/icon/icon_ul03.gif") no-repeat 5px 15px; word-break:keep-all;}

.product_list  ul.default {display:none;}


.product_list #product_list_title.p_gr_title1{background: url(../images/sub/p_gr_title1.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title2{background: url(../images/sub/p_gr_title2.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title3{background: url(../images/sub/p_gr_title3.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title4{background: url(../images/sub/p_gr_title4.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title5{background: url(../images/sub/p_gr_title5.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title6{background: url(../images/sub/p_gr_title6.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title7{background: url(../images/sub/p_gr_title7.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title8{background: url(../images/sub/p_gr_title8.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title9{background: url(../images/sub/p_gr_title9.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title10{background: url(../images/sub/p_gr_title10.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title11{background: url(../images/sub/p_gr_title11.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title12{background: url(../images/sub/p_gr_title12.png)  no-repeat 50% 0; background-size:cover;}

.product_list #product_list_title.p_gr_title34{background: url(../images/sub/p_gr_title1.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title35{background: url(../images/sub/p_gr_title1.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title36{background: url(../images/sub/p_gr_title4.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title37{background: url(../images/sub/p_gr_title1.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title38{background: url(../images/sub/p_gr_title10.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title39{background: url(../images/sub/p_gr_title10.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title41{background: url(../images/sub/p_gr_title2.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title44{background: url(../images/sub/p_gr_title11.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title105{background: url(../images/sub/p_gr_title1.png)  no-repeat 50% 0; background-size:cover;}
.product_list #product_list_title.p_gr_title43{background: url(../images/sub/p_gr_title7.png)  no-repeat 50% 0; background-size:cover;}


/* Ceo greeting */
.ceo_greeting {background:url("../images/sub/ceo.png") no-repeat 20px 20px; }
.ceo_greeting .text {margin-left:310px; padding-left:50px; border-left:1px solid #ededed; }
.ceo_greeting .text .txt02 {margin:50px 0 30px 0; font-size:2em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}
.sign img { max-width:400px;}


/* history */	
.his_title {font-size:1.1em; line-height:1.4em; padding:0 30px 40px 30px; margin-bottom:40px;  border-bottom:1px dashed #ededed;}
.his_title div {font-size:1.5em; line-height:1.4em; color:#c90000;}

.history_area   {position:Relative; padding-bottom:20px;}
.history_area:after {position:absolute; content:""; left:50%; bottom:0; width:10px; height:10px; margin-left:-5px; background-color:#c90000;  border-radius:50%; z-index:20;  }
.history_area .hisory_centry  {position:Relative; }
.history_area .hisory_centry h1 {position:Relative;  margin: 0 auto; display:block; width:150px; height:150px; line-height:150px; text-align:Center;background-color:#c90000; border:15px solid #f5f5f5; border-radius:50%; color:#fff;font-weight:900; font-size:1.8em; z-index:100;}
.history_area .hisory_centry p {font-size:1.5em; margin:0 0px 20px 0px;;  line-height:1.5em; background-color:#f2f2f2;  padding:15px 70px;}
.history_area .hisory_centry:before {position:absolute; content:""; display:block; width:1px; height:100%; left:50%; top:0px;background-color:#e7e7e7; z-index:10; }
.history_area .hisory_centry ul {margin:30px 0;}
.history_area .hisory_centry ul li {float:left; width:50%; margin-right:50%; text-align:Right;}
.history_area .hisory_centry ul li:nth-child(2n) {float:left; width:50%; margin-left:50%; text-align:left;}
.history_area .hisory_centry ul li span {position:relative; padding:15px 70px; font-weight:700; font-size:1.6em; color:#c90000; display:block;}
.history_area .hisory_centry ul li span:before {position:absolute; top:50%; right:0px; content:""; display:block; width:50px; height:1px; background-color:#e7e7e7}
.history_area .hisory_centry ul li:nth-child(2n) span:before {left:0px; right:auto;}

.history_area .hisory_centry ul li dl  {padding:10px 70px 10px 0px;}
.history_area .hisory_centry ul li:nth-child(2n) dl  {padding:10px 0px 10px 70px;}
.history_area .hisory_centry ul li dl dt {float:right; color:#222; font-weight:700; font-size:1.1em;}
.history_area .hisory_centry ul li dl dd {margin-right:70px;}
.history_area .hisory_centry ul li:nth-child(2n) dl dt {float:left; }
.history_area .hisory_centry ul li:nth-child(2n) dl dd {margin-right:0px; margin-left:70px;}


/*ci_paragraph */
.ci_paragraph_top{ border: 1px solid #ddd;  background-color: #fafafa; padding:50px 5%; text-align:Center;}
.ci_paragraph_top .text h3 {margin:50px 0 30px 0; }
.ci_paragraph {margin-top:30px;}

.ci_paragraph li {margin-top:80px; }
.ci_paragraph li .img {position:Relative; float:left; width:60%; height:440px; }
.ci_paragraph li:nth-child(2n) .img {float:right;}
.ci_paragraph li .img:before {content:""; display:Block; position:absolute; right:-50px; top:100px; width:70px; height:1px; background-color:#222; }
.ci_paragraph li:nth-child(2n) .img:before { left:-50px; right:auto;  }
.ci_paragraph li .img.ci01  {background:url("../images/sub/ci01.png") no-repeat 50% 30%; background-size:cover; }
.ci_paragraph li .img.ci02  {background:url("../images/sub/ci02.png") no-repeat 50% 30%; background-size:cover; }
.ci_paragraph li .img.ci03  {background:url("../images/sub/ci03.png") no-repeat 50% 80%; background-size:cover; }
.ci_paragraph li .text {width:30%; float:right;  padding:70px 5% 0 5%;}
.ci_paragraph li .text h3 {font-size:24px; line-height:1.3em; margin-bottom:30px;  }


/* 경영방침 인재상 */
.c_policy {position:relative;  border-top:1px solid #d1d1d1; padding-top:40px;}
.c_policy h3 {line-height:1.4em; font-size:22px; font-family: 'NotoKrR';}
.c_policy .img {margin:250px 0 20px 0 ;}
.c_policy .img  img {height:50px;}

.c_policy ul.graph_circle {position:relative; height:560px; margin-top:-300px; }
.c_policy ul li {position:absolute; width:162px; float:none; margin-top:0px; }
.c_policy ul:before  {content:""; display:Block; position:absolute; left:12.5%; top:81px; width:75%; height:363px;  border-radius:50%; border:1px solid #ddd;}
.c_policy ul li div.blcok_table {width:150px; height:150px; margin:0 auto; background-color:#b41504; border-radius:50%;  display:table; border:6px solid #fff; box-shadow: 0 0px 1px 2px rgba(180,21,4,.9); }

.c_policy ul li:nth-child(1) {left:0px; top:180px;} 
.c_policy ul li:nth-child(2) {left:50%; margin-left:-81px; } 
.c_policy ul li:nth-child(3) {right:0px; top:180px;}  
.c_policy ul li:nth-child(4) {left:50%; margin-left:-81px; top:360px;}   

.c_policy ul li div.table_cell {position:relative; display:table-cell; vertical-align:middle; color:#fff;}
.c_policy ul li div.table_cell:before {content:""; display:Block; position:absolute; left:50%; top:-55px; width:0px; height:48px; background-color:#d1d1d1; }
.c_policy ul li div.table_cell h3 {color:#fff; font-weight:700; font-size:20px;}

.vision {position:relative; margin-top:50px; }
.vision .vision_title {float:left; width:380px; height:200px; background:url("../images/sub/vision.png") no-repeat 20px 50%; font-size:0px; text-indent:-9999em; }
.vision .text {margin-left:420px; padding:50px 0 50px 50px;  border-left:1px solid #ededed; }
.vision .text h4 { font-size:1.5em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}

.vision_part02 { background:#fff url('../images/sub/vision_img.jpg') no-repeat center center; background-size:cover; padding:60px 40px; border-radius:0 0 100px 0; text-align:Center;}
.vision_part02 li {position:relative; display:inline-block; width:140px; height:40px; padding:60px 10px; border-radius:50%;  background-color:rgba(0, 0, 0, 0.5); vertical-align:top; color:#fff; text-align:Center; margin:-10px -10px; }
.vision_part02 li.height_double {padding-top:40px !important; height:60px;}

/* 경영방침 인재상 
.c_policy {border-top:1px solid #d1d1d1; padding-top:50px;}
.c_policy h3 {line-height:1.4em; font-size:22px; font-family: 'NotoKrR';}
.c_policy .img {margin:25px 0;}
.c_policy .img  img {height:50px;}
.c_policy ul {position:relative; }
.c_policy ul li {width:25%; float:left; margin-top:50px;}
.c_policy ul:before  {content:""; display:Block; position:absolute; left:12.5%; top:0px; width:75%; height:1px; background-color:#d1d1d1; }
.c_policy ul li div.blcok_table {width:150px; height:150px; margin:0 auto; background-color:#b41504; border-radius:50%;  display:table; border:6px solid #fff; box-shadow: 0 0px 1px 2px rgba(180,21,4,.9); }
.c_policy ul li div.table_cell {position:relative; display:table-cell; vertical-align:middle; color:#fff;}
.c_policy ul li div.table_cell:before {content:""; display:Block; position:absolute; left:50%; top:-55px; width:1px; height:48px; background-color:#d1d1d1; }
.c_policy ul li div.table_cell h3 {color:#fff; font-weight:700; font-size:20px;}

.vision {position:relative; margin-top:50px; }
.vision .vision_title {float:left; width:380px; height:200px; background:url("../images/sub/vision.png") no-repeat 20px 50%; font-size:0px; text-indent:-9999em; }
.vision .text {margin-left:420px; padding:50px 0 50px 50px;  border-left:1px solid #ededed; }
.vision .text h4 { font-size:1.5em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}

.vision_part02 { background:#fff url('../images/sub/vision_img.jpg') no-repeat center center; background-size:cover; padding:60px 40px; border-radius:0 0 100px 0; text-align:Center;}
.vision_part02 li {position:relative; display:inline-block; width:140px; height:40px; padding:60px 10px; border-radius:50%;  background-color:rgba(0, 0, 0, 0.5); vertical-align:top; color:#fff; text-align:Center; margin:-10px -10px; }

*/
/*map */
.map h3 {float:left; width:30%; margin-top:30px; }
.map .map_text {float:left; width:70%;  margin-top:30px;}
.map .map_text p {margin-bottom:20px;}
.map .map_text ul li {line-height:30px; margin-bottom:20px; display:inline-block; width:30%; min-width:240px;}
.map .map_text ul li span {width:30px; height:30px; line-height:30px; text-align:Center; border-radius:50%; color:#fff; font-weight:700; display:inline-block; } 
.map .map_text ul li span.icn_t {background-color:#319630} 
.map .map_text ul li span.icn_f {background-color:#309689} 
.map .map_text ul li span.icn_e {background-color:#967d30} 


/*flag  */
.flag li  {float:left; border:1px solid #ededed;  background-color:#f9f9f9;width:calc(10% - 9px);  margin-right:10px; display:block; padding:15px 0; margin-bottom:10px;   box-sizing:border-box; text-align:Center;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
.flag li:hover  { border:1px solid #222;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s; color:#c80b0b; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); }
.flag li:nth-child(10n) {margin-right:0px;}
.flag li img {max-width:80%; height:50px; box-shadow: 5px 5px 15px -5px rgba(0,0,0,.3); }
.flag li p {margin-top:10px; font-size:13px; height:20px; line-height:15px;}



@media all and (max-width:1220px){
	/* 서브 공통  */
	.subWrap {position:relative; padding:80px 2%;}
	
	#subContainer {position:relative; width:100%}
	#subContainer .subVisual{width:100%; height:400px; position:relative; background:#666 url('../images/sub/sub_img01.jpg') no-repeat center center; background-size:cover; display:table;}
	#subContainer .subVisual .visualTxt {max-width:1200px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding-top:60px;}
	#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:1.1em;  line-height:1.6em; word-break:keep-all;}
	#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:2.8em; }
	#subContainer .subVisual .visualTxt p.img img{height:100%}


	/* history */
	.history_area   {position:Relative; padding-bottom:20px;}
	.history_area:after {position:absolute; content:""; left:50%; bottom:0; width:10px; height:10px; margin-left:-5px; background-color:#c90000;  border-radius:50%; z-index:20;  }
	.history_area .hisory_centry  {position:Relative; }
	.history_area .hisory_centry h1 {position:Relative;  margin: 0 auto; display:block; width:150px; height:150px; line-height:150px; text-align:Center;background-color:#c90000; border:15px solid #f5f5f5; border-radius:50%; color:#fff;font-weight:900; font-size:1.8em; z-index:100;}
	.history_area .hisory_centry p {font-size:1.5em; margin:0 0px 30px 0px;;  line-height:1.5em; background-color:#f2f2f2;  padding:15px 50px;}
	.history_area .hisory_centry:before {position:absolute; content:""; display:block; width:1px; height:100%; left:50%; top:0px;background-color:#e7e7e7; z-index:10; }
	.history_area .hisory_centry ul {margin:30px 0;}
	.history_area .hisory_centry ul li {float:left; width:50%; margin-right:50%; text-align:Right;}
	.history_area .hisory_centry ul li:nth-child(2n) {float:left; width:50%; margin-left:50%; text-align:left;}
	.history_area .hisory_centry ul li span {position:relative; padding:15px 50px; font-weight:700; font-size:1.6em; color:#c90000; }
	.history_area .hisory_centry ul li span:before {position:absolute; top:50%; right:0px; content:""; display:block; width:40px; height:1px; background-color:#e7e7e7}
	.history_area .hisory_centry ul li:nth-child(2n) span:before {left:0px; right:auto;}

	.history_area .hisory_centry ul li dl  {padding:0 50px 15px 0px;}
	.history_area .hisory_centry ul li:nth-child(2n) dl  {padding:0 0px 15px 50px;}
	.history_area .hisory_centry ul li dl dt {float:none; color:#222; font-weight:700; font-size:1.1em; text-align:right;}
	.history_area .hisory_centry ul li dl dd {margin-right:0px;}
	.history_area .hisory_centry ul li:nth-child(2n) dl dt {float:none;  text-align:left;}
	.history_area .hisory_centry ul li:nth-child(2n) dl dd {margin-right:0px; margin-left:0px;}


	/*ci_paragraph */
	.ci_paragraph_top{ border: 1px solid #ddd;  background-color: #fafafa; padding:50px 5%; text-align:Center;}
	.ci_paragraph_top .text h3 {margin:50px 0 30px 0; }
	.ci_paragraph {margin-top:30px;}

	.ci_paragraph li {margin-top:60px; }
	.ci_paragraph li .img {position:Relative; float:left; width:50%; height:340px; }
	.ci_paragraph li:nth-child(2n) .img {float:right; }
	.ci_paragraph li .img:before {content:""; display:Block; position:absolute; right:-40px; top:100px; width:70px; height:1px; background-color:#222; }
	.ci_paragraph li:nth-child(2n) .img:before { left:-40px; right:auto;  }
	.ci_paragraph li .img.ci01  {background:url("../images/sub/ci01.png") no-repeat 50% 30%; background-size:cover; }
	.ci_paragraph li .img.ci02  {background:url("../images/sub/ci02.png") no-repeat 50% 30%; background-size:cover; }
	.ci_paragraph li .img.ci03  {background:url("../images/sub/ci03.png") no-repeat 50% 80%; background-size:cover; }
	.ci_paragraph li .text {width:calc(50% - 100px); float:right;  padding:70px 50px 0 50px; }
	.ci_paragraph li .text h3 {font-size:24px; line-height:1.3em; margin-bottom:30px;  }


	/*flag  */
	.flag li  {float:left; border:1px solid #ededed; width:calc(20% - 8px);  margin-right:10px; display:block; padding:15px 0; margin-bottom:10px;   box-sizing:border-box; text-align:Center;}
	.flag li:nth-child(5n) {margin-right:0px;}
	.flag li img {max-width:100%; height:50px;}

	}






@media all and (max-width:980px){

	.subWrap h2 {position:relative; font-weight:900; font-size:2em; line-height:1.5em; color:#222; overflow:hidden;padding-top:5px;}
	.subWrap h2 span.title_bar {position:Relative; }
	.subWrap h2 span.title_bar:before {
		content: "";
		display: inline-block;
		width: 6px;
		height:30px;
		transform:rotate(40deg);
		background-color:#c90000;
		position:Absolute;
		top:-12px; 
		left:-15px;
		overflow:hidden;
	}

	.subWrap h2 span.title_bar:after {
		content: "";
		display: inline-block;
		width: 30px;
		height:10px;
		background-color:#fff;
		position:Absolute;
		top:13px; 
		left:-30px;
	}


	/* 경영방침 인재상 */
	.c_policy {position:relative;  border-top:1px solid #d1d1d1; padding-top:40px;}
	.c_policy h3 {line-height:1.4em; font-size:22px; font-family: 'NotoKrR';}
	.c_policy .img {}
	.c_policy .img  img {height:50px;}
	.c_policy h4 {width:50%; margin:0 auto;}

	.c_policy ul.graph_circle {position:relative; height:580px; margin-top: -330px;}
	.c_policy ul li {position:absolute; width:162px; float:none; margin-top:0px; }
	.c_policy ul:before  {content:""; display:Block; position:absolute; left:12.5%; top:81px; width:75%; height:393px; border-radius:50%; border:1px solid #ddd;}
	.c_policy ul li div.blcok_table {width:150px; height:150px; margin:0 auto; background-color:#b41504; border-radius:50%;  display:table; border:6px solid #fff; box-shadow: 0 0px 1px 2px rgba(180,21,4,.9); }

	.c_policy ul li:nth-child(1) {left:0px; top:200px;} 
	.c_policy ul li:nth-child(2) {left:50%; margin-left:-81px; } 
	.c_policy ul li:nth-child(3) {right:0px; top:200px;}  
	.c_policy ul li:nth-child(4) {left:50%; margin-left:-81px; top:400px;}   

	.c_policy ul li div.table_cell {position:relative; display:table-cell; vertical-align:middle; color:#fff;}
	.c_policy ul li div.table_cell:before {content:""; display:Block; position:absolute; left:50%; top:-55px; width:0px; height:48px; background-color:#d1d1d1; }
	.c_policy ul li div.table_cell h3 {color:#fff; font-weight:700; font-size:20px;}

	.vision {position:relative; margin-top:20px; }
	.vision .vision_title {float:right; width:220px; height:120px; background:url("../images/sub/vision.png") no-repeat 100% 10px; background-size: auto  100px;  font-size:0px; text-indent:-9999em; }
	.vision .text {margin-left:0px; padding:20px 0 50px 0px;  border-left:0px solid #ededed; }
	.vision .text h4 { font-size:1.5em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}

	.vision_part02 { background:#fff url('../images/sub/vision_img.jpg') no-repeat center center; background-size:cover; padding:40px; border-radius:0 0 100px 0; text-align:Center;}
	.vision_part02 li {position:relative; display:inline-block; width:140px; height:40px; padding:60px 10px;  margin:-15px -15px; }

}


@media all and (max-width:768px){

	/* Util - name fixed */
	#lnb { position:relative; height:45px; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #d9d9d9;}
	#lnb .lnbIn { position:absolute; left:0; top:0; z-index:10; width:100%; height:45px; box-sizing:border-box;}
	#lnb .lnbIn:after {content:""; display:block; clear:both}
	#lnb .lnbIn ul {background-color:#aa0413; height:45px;  box-shadow:1px 10px 10px rgba(0, 0, 0, 0.1);}
	#lnb .lnbIn ul li {float:left; width:calc(50% - 1px); display:block;  }
	#lnb .lnbIn ul li.home {display:none;}
	#lnb .lnbIn ul li a {display:block;  line-height:45px;  padding:0 15px;  font-size:14px;}


	/* tabMenu*/
	#tabMenu { list-style:none;  text-align:Center;}
	#tabMenu li {float:left;  display:inline-block; width:50%; height:42px; line-height:42px; margin-top:-1px; margin-right:-1px;}
	#tabMenu li a {display:block; border:1px #bdbdbd solid; background:#fff;   color:#999;  }
	#tabMenu li a.on {  background:#c71515; color:#fff;  border:1px solid #b50606; }


	/* 서브 공통  */
	.subWrap {position:relative; padding:50px 2%;}
	.subWrap h2 {font-weight:900; font-size:24px; line-height:1.3em;color:#222; padding:5px 35px;}
	.subWrap h3 {font-weight:900; font-size:1.5em; color:#222;}

	.tableType3{border-top:2px solid #000; letter-spacing:-0.01em}
	.tableType3 colgroup {display:none;}
	.tableType3 table th {padding:12px 5px; border-bottom:1px solid #dcdcdc; font-size:14px;  line-height:1.4em; color:#000; background:#f7f8fa; vertical-align:middle; display:block; width:100%; }
	.tableType3 table td {padding:12px 5px; border-bottom:1px solid #dcdcdc; font-size:14px; line-height:1.4em; color:#555; vertical-align:middle; word-break:keep-all; display:block;}


	/* Ceo greeting */
	.ceo_greeting {background:url("../images/sub/ceo.png") no-repeat 100% 0 ;  background-size:auto 120px;}
	.ceo_greeting .text {margin-left:0px; padding-left:0px;  border-left:0px solid #ededed; }
	.ceo_greeting .text .txt01 {padding-top:20px; padding-right:200px; }
	.ceo_greeting .text .txt02 {margin:0px 0 30px 0; font-size:2em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}
	.sign img { max-width:290px;}


	/* history */
	.his_title {font-size:1.1em; line-height:1.4em; padding:0 20px 20px 20px; margin-bottom:20px;  border-bottom:1px dashed #ededed;}
	.his_title div {font-size:1.5em; line-height:1.4em; color:#c90000;}

	.history_area   {position:Relative; padding-bottom:20px;}
	.history_area:after {position:absolute; content:""; left:60px; bottom:0; width:10px; height:10px; margin-left:-5px; background-color:#c90000;  border-radius:50%; z-index:20;  }
	.history_area .hisory_centry  {position:Relative; }
	.history_area .hisory_centry h1 {position:Relative;  margin: 0; display:block; width:100px; height:100px; line-height:100px; text-align:Center;background-color:#c90000; border:10px solid #f5f5f5; border-radius:50%; color:#fff;font-weight:900; font-size:1.6em; z-index:100;}
	.history_area .hisory_centry p {font-size:1.2em; margin:10px 0px 10px 60px;;  line-height:1.5em; background-color:#f2f2f2;  padding:15px 30px;}
	.history_area .hisory_centry:before {position:absolute; content:""; display:block; width:1px; height:100%; left:60px; top:0px;background-color:#e7e7e7; z-index:10; }

	.history_area .hisory_centry ul {margin:0;}
	.history_area .hisory_centry ul li {float:none; width:100%; margin-right:0%; text-align:left;}
	.history_area .hisory_centry ul li:nth-child(2n) {float:none; width:100%; margin-left:0; text-align:left;}
	.history_area .hisory_centry ul li span {position:relative; padding:15px 0 15px 100px; font-weight:700; font-size:1.6em; color:#c90000;}
	.history_area .hisory_centry ul li span:before {position:absolute; top:50%; left:60px; right:auto; content:""; display:block; width:20px; height:1px; }
	.history_area .hisory_centry ul li:nth-child(2n) span:before {left:60px; right:auto;}

	.history_area .hisory_centry ul li dl  {padding:0 0px 15px 100px;}
	.history_area .hisory_centry ul li:nth-child(2n) dl  {padding:0 0px 15px 100px;}
	.history_area .hisory_centry ul li dl dt {float:none; color:#222; font-weight:700; font-size:1.1em; text-align:left;}
	.history_area .hisory_centry ul li dl dd {margin-right:0px;}
	.history_area .hisory_centry ul li:nth-child(2n) dl dt {float:none;  text-align:left;}
	.history_area .hisory_centry ul li:nth-child(2n) dl dd {margin-right:0px; margin-left:0px;}


	/*ci_paragraph */
	.ci_paragraph_top{ border: 1px solid #ddd;  background-color: #fafafa; padding:40px 5% 30px 5%; text-align:Center;}
	.ci_paragraph_top .text h3 {margin:30px 0 20px 0; }
	.ci_paragraph {margin-top:30px;}
	.ci_paragraph li {margin-top:40px; }
	.ci_paragraph li .img {position:Relative; float:none; width:100%; height:280px; }
	.ci_paragraph li:nth-child(2n) .img {float:none; }
	.ci_paragraph li .img:before {content:""; display:Block; position:absolute; left:20px; right:auto; top:auto; bottom:-30px; width:1px; height:50px; background-color:#222; }
	.ci_paragraph li:nth-child(2n) .img:before { left:20px; right:auto;  }
	.ci_paragraph li .img.ci01  {background:url("../images/sub/ci01.png") no-repeat 50% 30%; background-size:cover; }
	.ci_paragraph li .img.ci02  {background:url("../images/sub/ci02.png") no-repeat 50% 30%; background-size:cover; }
	.ci_paragraph li .img.ci03  {background:url("../images/sub/ci03.png") no-repeat 50% 80%; background-size:cover; }
	.ci_paragraph li .text {width:calc(100% - 50px); float:none;  padding:40px 0px 0 30px; }
	.ci_paragraph li .text h3 {font-size:18px; line-height:1.3em; margin-bottom:10px;  }



	/* 경영방침 인재상 */
	.c_policy {position:relative;  border-top:1px solid #d1d1d1; padding-top:40px;}
	.c_policy h3 {line-height:1.3em; font-size:20px; font-family: 'NotoKrR';}
	.c_policy .img {margin:200px 0 20px 0;}
	.c_policy .img  img {height:20px;}
	.c_policy h4 {width: 40%; margin: 0 auto;}

	.c_policy ul.graph_circle {position:relative; height:450px; margin-top: -280px;}
	.c_policy ul li {position:absolute; width:108px; float:none; margin-top:20px; }
	.c_policy ul:before  {content:""; display:Block; position:absolute; left:12.5%; top:81px; width:75%; height:303px;  border-radius:50%; border:1px solid #ddd;}
	.c_policy ul li div.blcok_table {width:100px; height:100px; margin:0 auto; background-color:#b41504; border-radius:50%;  display:table; border:4px solid #fff; box-shadow: 0 0px 1px 2px rgba(180,21,4,.9); }

	.c_policy ul li:nth-child(1) {left:0px; top:150px;} 
	.c_policy ul li:nth-child(2) {left:50%; margin-left:-54px; } 
	.c_policy ul li:nth-child(3) {right:0px; top:150px;}  
	.c_policy ul li:nth-child(4) {left:50%; margin-left:-54px; top:300px;}   

	.c_policy ul li div.table_cell {position:relative; display:table-cell; vertical-align:middle; color:#fff;}
	.c_policy ul li div.table_cell:before {content:""; display:Block; position:absolute; left:50%; top:-55px; width:0px; height:48px; background-color:#d1d1d1; }
	.c_policy ul li div.table_cell h3 {color:#fff; font-weight:700; font-size:14px;}

	.vision {position:relative; margin-top:20px; }
	.vision .vision_title {float:right; width:220px; height:120px; background:url("../images/sub/vision.png") no-repeat 100% 10px; background-size: auto  100px;  font-size:0px; text-indent:-9999em; }
	.vision .text {margin-left:0px; padding:20px 0 50px 0px;  border-left:0px solid #ededed; }
	.vision .text h4 { font-size:1.5em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}

	.vision_part02 { background:#fff url('../images/sub/vision_img.jpg') no-repeat center center; background-size:cover; padding:40px; border-radius:0 0 100px 0; text-align:Center;}
	.vision_part02 li {position:relative; display:inline-block; width:140px; height:40px; padding:50px 0px; margin:-15px -15px; }
	.vision_part02 li.height_double {padding-top:40px !important; height:50px;}


	/*map */
	.map h3 {float:left; width:100%; margin-top:30px; }
	.map .map_text {float:left; width:70%;  margin-top:10px;}
	.map .map_text p {margin-bottom:10px;}
	.map .map_text ul li {line-height:30px; margin-bottom:10px; display:inline-block; width:100%; min-width:240px;}
	.map .map_text ul li span {width:30px; height:30px; line-height:30px; text-align:Center; border-radius:50%; color:#fff; font-weight:700; display:inline-block; } 
	.map .map_text ul li span.icn_t {background-color:#319630} 
	.map .map_text ul li span.icn_f {background-color:#309689} 
	.map .map_text ul li span.icn_e {background-color:#967d30} 


	/*flag  */
	.flag li  {float:left; border:1px solid #ededed; width:calc(50% - 5px);  margin-right:10px; display:block; padding:15px 0; margin-bottom:10px;   box-sizing:border-box; text-align:Center;}
	.flag li:nth-child(2n) {margin-right:0px;}
	.flag li:nth-child(5n) {margin-right:10px;}
	.flag li:nth-child(10n) {margin-right:0px;}
	.flag li img {max-width:100%; height:50px;}


	/* product board  title */
	.product_list #product_list_title {border:1px solid #ededed; width:100%; display:block; padding:20px; margin-bottom:30px;   box-sizing:border-box;  background-color: #f9f9f9;}
	.product_list #product_list_title h1  {font-size:20px; margin-bottom:10px; font-weight:300; letter-spacing:-0.01em; line-height:1.4em; }
	.product_list #product_list_title h1 span {color:#ca0202;}
	ul.default li { padding:3px 0px 3px 17px;font-size:14px; color:#444; line-height:1.4em; font-weight:normal; letter-spacing:-0.5px;  background:url("../images/icon/icon_ul03.gif") no-repeat 5px 15px; text-shadow:1px 1px 1px #fff;} 

}





@media all and (max-width:640px){

	#subContainer {position:relative; width:100%}
	#subContainer .subVisual{width:100%; height:300px; position:relative; background:#666 url('../images/sub/sub_img01.jpg') no-repeat center center; background-size:cover; display:table;}
	#subContainer .subVisual .visualTxt {max-width:1200px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding:40px 5% 0 5%;}
	#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:0.9em;  line-height:1.3em; word-break:keep-all;}
	#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:2.4em; }
	#subContainer .subVisual .visualTxt p.img img{height:100%}
	
	/* tabMenu*/
	#tabMenu { list-style:none;  text-align:Center;}
	#tabMenu li {float:left;  display:inline-block; width:100%; height:42px; line-height:42px; margin-top:-1px; margin-right:-1px;}
	#tabMenu li a {display:block; border:1px #bdbdbd solid; background:#fff;   color:#999;  }
	#tabMenu li a.on {  background:#c71515; color:#fff;  border:1px solid #b50606; }


}






@media all and (max-width:480px){

	/* Ceo greeting */
	.ceo_greeting {background:url("../images/sub/ceo.png") no-repeat 100% 0 ;  background-size:auto 80px; padding-top:70px; }
	.ceo_greeting .text {margin-left:0px; padding-left:0px;  border-left:0px solid #ededed; }
	.ceo_greeting .text .txt01 {padding-right:0px;  }
	.ceo_greeting .text .txt02 {margin:20px 0 0px 0; font-size:2em; color:#222; font-weight:700; line-height:1.3em; word-break:keep-all;}
	.sign img { max-width:290px;}

	/* Util - name fixed */
	#lnb { position:relative; height:70px; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #d9d9d9; width:96%; margin:-35px 2% 0 2%;}
	#lnb .lnbIn { position:absolute; left:0; top:0; z-index:10; width:100%; height:70px; box-sizing:border-box;}
	#lnb .lnbIn:after {content:""; display:block; clear:both}
	#lnb .lnbIn ul {background-color:#aa0413; height:70px;  box-shadow:1px 10px 10px rgba(0, 0, 0, 0.1);}
	#lnb .lnbIn ul li {float:left; width:calc(100% - 0px); display:block; background-color:#aa0413;  border-bottom:1px solid rgba(256, 256, 256, 0.3); }
	#lnb .lnbIn ul li.home {display:none;}
	#lnb .lnbIn ul li a {display:block;  line-height:35px;  padding:0 15px;  font-size:14px;}
	#lnb .lnbIn div ul {background-color:#662127; }
	#lnb .lnbIn ul li div ul li {border-bottom:0px; background-color:#662127; }
	#lnb .lnbIn ul li.sub-menu ul li a {background-color:#662127; }

}