@charset "utf-8";
/*
 파일명:			  default.css
 작성자:			  dm-p
 최초작성일:   2014.1.14
 @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 */
 @import url("common.css?version=1.6");

/*@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 src: url('../fonts/selecto/NanumBarunGothic.eot');
 src: url('../fonts/NanumBarunGothic.eot#iefix') format('embedded-opentype'),
 url('../fonts/NanumBarunGothic.woff') format('woff'),
 url('../fonts/NanumBarunGothic.ttf') format('truetype');
}*/
body,p,ul,ol,li,dl,dt,dd,form,table,th,td,fieldset,input,textarea,select,button,h1,h2,h3,h4,h5,h6,pre{margin:0;padding:0;-webkit-text-size-adjust:none}
html{overflow-y:scroll}
/*body{ font-family:'나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; font-size:13px;font-weight:400;color:#666;-webkit-text-size-adjust:none; background-color: #000;}*/
body{ font-family:'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; font-size:13px;font-weight:400;color:#666;-webkit-text-size-adjust:none; background-color: #fff;}
ul,li,ol,li,dl,dd,dt{list-style:none}
header,footer,nav,aside,section,article{display:block; padding: 0; margin: 0;}
table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
fieldset,img{border:0}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important; max-width:100%; height: auto; }
hr{display:none}
/* form */
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
input,select,textarea{vertical-align:middle}
/* link */
a{text-decoration:none;}
a:link{color:#666;transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease;}
a:visited{color:#666}
a:hover{color:#333}
a:active{color:#666}
/* Button */
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;*display: inline;*zoom: 1}
button::-moz-focus-inner{border:0}
/*bpopup*/
#bpopup_main1{  position: absolute; left: 0; top: 0; z-index: 9999; opacity: 1; display: block;  }
#bpopup_main1 .button.b-close{ width: 30px; height:23px; padding-top: 7px;  background-color:#000; position: absolute; right: 0; top: -30px; z-index: 10; color: #fff; text-align: center; font-size: 16px; line-height: 17px; font-weight: bold;  border-radius: 15px;  cursor: pointer; }
.movBox{ width: 100%; height: 0; padding-bottom: 59.71896955503513%; position: relative; left: 0; top: 0;  }
.movBox iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
/*모바일에서 띄기 */
em.enter{display:block; font-style:normal;}

.p-r {position:relative; }

/*btn */
button.send {display:inline-block;padding:0px 54px 0px 13px;  height:35px;color:#fff; background:#ffc000 url(/images/bg/bg_btn_arr.png) 70px center no-repeat; font-size:14px; line-height:35px;vertical-align:middle;}

#toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; opacity: 0.5; -ms-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -moz-opacity: 0.5; text-indent:-999px; background:url(../images/bg/ui.totop.png) no-repeat left top; }
#toTopHover { background:url(../images/bg/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

.d-ib{ display: inline-block; *display: inline; *zoom: 1; }

/*  폼스타일 */
.normal_text {height:30px; border:1px solid #e0e0e0;background:#fff;}
.normal_area {border:1px solid #e0e0e0; background:#fff; width:100%;}

/* 넘버 리스트 -타이틀 */

.num_tit_list {padding-left:8.21428571429%; padding-right:8.21428571429%;/* 70px */ margin-bottom:45px;}
.num_tit_list dl.first{border-top:0px;}
.num_tit_list dl {/* w700 */ padding-bottom:7px; padding-top:12px;  padding-left:10.85714285714%;/* 76px */ font-family:Gulim; border-top:1px solid #f3f3f3;}
.num_tit_list dl dt {float:left; font-size:14px; color:#24282b; font-weight:bold;}
.num_tit_list dl dt span {color:#a2a2a2; margin-right:5px; font-weight:bold;}
.num_tit_list dl dd:first-child {margin-bottom:100px;}
.num_tit_list dl dd {margin-left:21.12%; margin-bottom:5px; font-size:13px; color:#666;}

/* 서클 리스트 - 타이틀 */
.lst_circle.tit {  }
.lst_circle.tit li span {color:#666; font-weight:bold; font-size:14px; float:left; display:block; width:25%;}
.lst_circle.tit li em {font-style:normal; display:block; margin-left:25%;}
/* 서클 리스트 - 라인 */
.lst_circle.line li {border-bottom:1px dashed #ddd; line-height:18px; padding-top:10px; padding-bottom:10px; background-position:0 13px; margin-bottom:0;}
/* 서클 리스트 - 넘버 */
.lst_circle li span.num {float:left;  width:auto;}
.lst_circle li span.num2 {margin-left:25%;width:auto;}
.lst_circle li em.num_txt {margin-left:29%;}

/*사진 밑에 설명 */

p.app {color:#0071a9; font-size:16px; text-align:center; margin-top:15px; font-weight:bold;}
p.app.gray {color:#5d5d5d;}

/* 리스트 - 나열 아래로 */
.lst_arr > li {padding-top: 40px; margin-top: 20px; background: url(/images/product/ico_arr_bot.jpg) center top no-repeat;}
.lst_arr > li > span{ display: block; background-color: #dce8f1; padding: 10px;  color: #528ebb; font-size: 14px;  text-align: center;  }
.lst_arr > li:first-child{ padding-top: 0; margin-top: 0; background: none;}

.lst_star > ul > li{  font-size: 14px; line-height: 24px; background: url(../images/bg/bg_star.gif) 4px 10px no-repeat; padding-left: 15px; }
.lst_star.blue ul > li{ background-image: url(../images/bg/bg_star2.gif); }
.lst_star ul > li strong{ color: #0071a9;}

.lst_thumb2 > ul > li{ display: inline-block; *display: inline; *zoom: 1; /*width: 370px;*/ width:44.04761904761905%; margin-bottom: 20px; background-color: #f8f8f8;  border: 1px solid #e1e1e1; text-align: center; vertical-align: top; }
.lst_thumb2 > ul > li  .h{ margin-bottom: 10px; font-size: 16px;  }
.lst_thumb2 > ul > li.rgh{margin-left: 9.952381%;}
/*w370px*/
.lst_thumb2 > ul > li .inner{ padding: 6.756756756756757%; }

.lst_circle2 > ul > li{ float: left; width: 40%; min-height: 230px;  font-size: 14px; line-height: 24px; }
.lst_circle2 > ul > li.r_line{ padding-left: 5%; margin-left: 4%; border-left: 1px dotted #a6a6a6; position: relative; }
.lst_circle2 > ul > li.r_line:after{ display: block; position: absolute; left: -15px; top: 50%; width: 29px; height: 29px; content: ""; background: url(../images/bg/bg_circle2.gif) 0 0 no-repeat; }
.lst_circle2 > ul > li .photo{ margin-top: 15px;  display: inline-block; *display: inline; *zoom: 1;border: 1px solid #dedede; padding: 5px; }

/*option - 아래로 정렬*/
.lst_circle2.fl-n > ul > li{ float: left; width: 100%; min-height: inherit;  font-size: 14px; line-height: 24px;  text-align: center;  }
.lst_circle2.fl-n > ul > li h3{text-align: center; }
.lst_circle2.fl-n > ul > li.r_line{ padding-left: 0; margin-left: 0; padding-top: 30px; margin-top: 20px; border-top: 1px dotted #a6a6a6; border-left: 0px; }
.lst_circle2.fl-n > ul > li.r_line:after{ position: absolute; left: 50%; top: -15px;  background: url(../images/bg/bg_circle2_bot.gif) 0 0 no-repeat; }
.lst_circle2.fl-n > ul > li .photo{ margin-top: 15px;  display: inline-block; *display: inline; *zoom: 1;border: 1px solid #dedede; padding: 5px; }

/* 일반 박스 */
.normal_box {background:#f5f5f5; padding:20px 4.7619047619%; font-family:Gulim; margin-bottom:50px;}
.normal_box h4 { color:#7b7b7b; margin-bottom:12px;}
.normal_box h4 sup {color:#0071a9;}
.normal_box p {line-height:22px; color:#7b7b7b; font-size:14px;}
.txt_area{ font-size: 14px; line-height: 24px;  }
.txt_area > p{margin-bottom: 30px;  }
/*Space*/
.space_area{ *zoom:1; margin-bottom: 40px;  }
.space_area:after{clear: both;display: block;content:""; visibility: hidden; overflow: hidden;}
.space_area.line{  padding-bottom: 40px; border-style: dotted; border-width: 0 0 1px; border-color: #ccc; }
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
/*//Space*/

/*font*/
.fc_blue{ color: #0071a9;}
.fc_green{color: #008a79 !important;}
.fwb{ font-weight: bold; }
.letter1{ letter-spacing:-1px; }
/*//font*/


/*title*/
.tit_type1{ font-size: 18px; line-height: 20px; margin-bottom: 15px;  color: #24282b; text-align: left; }
.tit_type2{ font-size: 18px; line-height: 20px; margin-bottom: 15px;  color: #0071a9; text-align: left; }
/*//title*/

/*list*/

.lst_circle{  }
.lst_circle li{ font-size: 13px; margin-bottom: 5px; padding-left: 20px; padding-bottom: 2px; background-repeat: no-repeat; background-position: 0 1px; background-image: url(../images/product/ico_circle.gif);   text-align: left; }

.lst_thumb{ *zoom:1; margin-bottom: 40px; padding-bottom: 40px; border-style: dotted; border-width: 0 0 1px; border-color: #ccc; }
.lst_thumb:after{clear: both;display: block;content:""; visibility: hidden; overflow: hidden;}
.lst_thumb .thumb,.lst_thumb .cont{ float: left;  }

.lst_cont > ul{ *zoom:1; }
.lst_cont > ul:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }
.lst_cont > ul > li{ float: left;   }
.lst_cont > ul > li span{ display: inline-block; 		*display: inline; 		*zoom: 1; border: 1px solid #dfdfdf; }
.lst_cont > ul > li img{max-width: 100%;}
/*option*/
.lst_cont.arr > ul > li{  background: url(../images/product/ico_arr_rgh.jpg) right 50% no-repeat; }
/*//list*/


/*box*/
.box_blue{background-color: #7fb8d4; color: #fff; padding: 10px 20px; text-align: center; margin-bottom: 30px; }
/*//box*/


/*     table type      */
/*common*/
.tabletype .exp{ position: absolute; right: 0; top: -30px; color: #2aac48; font-weight: bold; }
.tabletype{  position: relative; border-width:2px 0 1px; border-color: #0071a9; border-style: solid; font-size: 12px ;  line-height: 18px; color: #666; }
.tabletype table{width: 100%; text-align: center; font-size: 14px;}
.tabletype.mmp {border-color:#24282b #fff #ddd #fff; border-width:2px 0 1px 0;}
/*thead*/
.tabletype table thead{}
.tabletype table thead th{ padding: 8px 0; border-style: solid; border-width: 0px 1px 1px; border-color: #d3d3d3; background-color: #f9f9f9; font-weight: bold; color: #24282b; font-size: 14px; text-align: center;  }
/*tbody*/
.tabletype table tbody{}
.tabletype table tbody > tr > th,.tabletype table > tbody > tr > td{ padding: 8px 10px;  border-style: solid; border-width: 1px 1px 0 ; border-color: #e0e0e0; vertical-align: middle; }
.tabletype.p5 table tbody > tr > th,.tabletype.p5 table > tbody > tr > td{ padding: 4px 5px;}

/*option*/
/*option - col */
col.th1{ width:170px; *width: 150px;  }
col.no{ width: 60px; *width: 40px;}
col.date{ width: 90px; *width: 70px; }

col.time{ width: 126px; *width: 106px;}

/*option - type1 : 바깥 좌우 구분선 제거 스타일 */
.tabletype.type1 > table > thead > tr > th{ border-width:0 0 1px; }
.tabletype.type1 > table > tbody > tr > th{ border-width:1px 1px 0 0; }
.tabletype.type1 > table > tbody > tr > td{ border-width:1px 0 0 1px; }
.tabletype.type1 > table > tbody > tr > td:first-child{ border-width:1px 0 0; }
/*option - type1_2 : 안쪽 좌우 구분선 제거 스타일 */
.tabletype.type1_2 > table > thead > tr > th {border-width:0px 0 0 0;}
.tabletype.type1_2 > table > tbody > tr > th {border-width:1px 0 0 0;}
.tabletype.type1_2 > table > tbody > tr > td {border-width:1px 0 0 0;}


/*option - form : 폼스타일 */
.tabletype.form input[type="radio"]{vertical-align:-2px; *vertical-align:middle;}
.tabletype.form select{ height: 28px; line-height: 28px; *height: auto; line-height: inherit; }
.tabletype.form thead > tr > th{ border-width:1px 0 1px 1px; }
.tabletype.form thead > tr > th.first{ border-width:1px 0 1px 0px; }
.tabletype.form tbody > tr > th,.tabletype.form tbody > tr > td{ padding: 10px 20px; }
.tabletype.form tbody > tr > th{background-color: #f7f7f7; color: #666666; text-align: left; vertical-align: middle; font-weight: 700; color: 666px;}
.tabletype.form tbody > tr > th:first-child{ border-width: 1px 1px 0     0; }
.tabletype.form tbody > tr > td{ border-width:1px 0  0 1px; text-align: left; vertical-align: middle;  }
/*option - col */
.tabletype.form col.th1{ width:170px; *width: 130px;  }
/*option - 필드간격 */
.tabletype.form .space{ margin-left: 20px; }
/* option - 필수표기 */
/*sup.required{ color: #f5921d; visibility: hidden; height: 0; width: 0; display: inline-block; *display: inline; *zoom: 1;}*/
p.required{color: #f5921d; margin-bottom: 5px; text-align: right;}
.tabletype.form tbody > tr > th.required{ padding: 10px 15px 10px 8px; }
.tabletype.form tbody > tr > th.required span.ico{ display: block; padding-left:12px; background-image: url(../images/bg/bg_required.gif); background-repeat: no-repeat; background-position: 2px 5px; }
/* option - 주소필드 */
.tabletype.form .mt{ margin-top: 5px; }
.tabletype.form .mt input[type="text"]{margin-top: 5px;}
/* option - 정렬 */
.tabletype table tbody.t-c th,.tabletype table tbody.t-c td{ text-align: center;}
.tabletype .t-l{ text-align: left !important; }
.tabletype tbody.td_t-l tr td {text-align:left !important;}
.tabletype tbody.th_t-l tr th {text-align:left !important;}
.tabletype tbody tr.td_t-c td {text-align:center !important; }

/* option - 타입2 */
.tabletype.type2{border-color: #24282b;}
.tabletype.type2 thead th{ text-align: center; color: #24282b; font-size: 14px; font-weight: bold; background-color: #f9f9f9; }
.tabletype.type2 thead th.ta-l{ text-align: left; }
.tabletype.type2 table tbody > tr > th,.tabletype.type2 table > tbody > tr > td{ padding: 12px 10px;  font-size: 14px; color: #666; text-align: left; }

/*option - 페이지 */

.tabletype tbody.mmp tr td:first-child {color:#008a79;}


#wrap{ background-color: #fff;min-width: 1140px;}
/* common */
#header ,
#qmenu ,
#new_qmenu .innerBox ,
#productMenu .inner,
#latestTrend .inner,
.container-main,
#sitemap .inner,
#footer .inner,
.container_sub
{ position: relative; max-width:1140px;min-width:1140px; margin:0 auto;}

/*header*/
#header{ min-height:86px; margin: 0 auto;  padding-top: 1px; }
#header h1{margin-top: 21px; }

#header .utility_wrap .list ul li a {
    height: 24px;
    padding: 0 11px 0 10px;
    background: url(../images/gnb/bg_gnbline.gif) right 50% no-repeat
}
#header .utility_wrap .list{ margin-right: 10px; }
#header .utility_wrap .list ul li{ font-size: 0; line-height: 0; }
#header .utility_wrap .language{ float: left;	background: url(../images/header/bg_language_lft.gif) left top no-repeat; font-size: 0; line-height: 0; position: relative;}
#header .utility_wrap .language .on{ display: block; width: 36px; height: 28px; background: url(../images/header/bg_language_on.png) left top no-repeat; position: absolute; left: 0; top: 0; z-index:0; }
#header .utility_wrap .language .inner{ background: url(../images/header/bg_language_rgh.gif) right top no-repeat; border: none;}
#header .utility_wrap .language .inner:after{ clear: both; display: block; content:""; visibility:hidden; height: 0;  }
#header .utility_wrap .language ul{ position: relative; z-index:10; }
#header .utility_wrap .language ul li{display: inline-block; 	*display: inline; 	*zoom: 1; }
#header .utility_wrap .language ul li a{display: block; padding: 8px 0 0 0; 	width: 36px; height: 21px; text-align: center; 	text-align: center;}

/*gnb*/
.btn_gnb{ display: none; }
#header #gnb-wrap{ position: absolute; left: 28.57894736842105%; top: 37px; z-index: 100;  display:block; }
#header #gnb-wrap .list{  }
#header #gnb-wrap .list > li{ float: left; margin-right: 48px;}
#header #gnb-wrap .list > li > a{ font-size: 16px; line-height: 18px; color: #222; font-weight: bold;}
#header #gnb-wrap .list > li.on > a{  color: #008a79; }
#header #gnb-wrap .list > li:last-child {margin-right: 0px;}
#header #gnb-wrap .depth2{ position: absolute; left: -68%; left: 0; top: 51px; z-index:10; width: 1140px;min-width: 1140px; display: none; overflow: hidden;}
#header #gnb-wrap .depth2 .headline{ position: absolute; right: -100px; top: -160px;}
#header #gnb-wrap .depth2>ul{ position: relative; left: 0; top: -160px; z-index:1; *zoom:1; width: 100%; }
#header #gnb-wrap .depth2>ul:after{clear: both; display: block; height: 0; visibility:hidden; content:""; }
#header #gnb-wrap .depth2>ul>li{float: left; width: 16%; border-left: 1px solid #ddd; padding: 0 1%;box-sizing: border-box;}
#header #gnb-wrap .depth2>ul>li>a{ display: inline-block; *display: inline; *zoom: 1;padding: 4px 0; font-weight: bold; color: #222;}
#header #gnb-wrap .depth2>ul>li.on>a{ color: #008a79; }
#header #gnb-wrap .depth2>ul.companyGng>li{width: 16.66%; }
header #gnb-wrap .cont,header #gnb-wrap .depth3{height: 135px; line-height: 18px; color: #666;  background-position: right bottom; background-repeat: no-repeat; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease;}
header #gnb-wrap .cont p{ font-size: 11px; line-height: 13px; }
header #gnb-wrap .cont a.more{ display: inline-block; *display: inline; *zoom: 1;color: #222; margin-top: 10px; background: url(../images/gnb/btn_more.gif) right 2px no-repeat; padding-right: 20px; font-weight: bold; }
header #gnb-wrap .cont .space{ display: block; }
#header #gnb-wrap .depth2>ul.type6>li {width: 14.5%;}
#header #gnb-wrap .m1 .s1 .cont{ background-image: url(../images/gnb/bg_gnbs11_off.gif);  }
#header #gnb-wrap .m1 .s2 .cont{ background-image: url(../images/gnb/bg_gnbs12_off.gif);  }
#header #gnb-wrap .m1 .s3 .cont{ background-image: url(../images/gnb/bg_gnbs13_off.gif);  }
#header #gnb-wrap .m1 .s4 .cont{ background-image: url(../images/gnb/bg_gnbs14_off.gif);  }
#header #gnb-wrap .m1 .s5 .cont{ background-image: url(../images/gnb/bg_gnbs15_off.gif);  }
#header #gnb-wrap .m1 .s6 .cont{ background-image: url(../images/gnb/bg_gnbs16_off.gif);  }
#header #gnb-wrap .m1 .s1.on .cont{ background-image: url(../images/gnb/bg_gnbs11_on.gif); }
#header #gnb-wrap .m1 .s2.on .cont{ background-image: url(../images/gnb/bg_gnbs12_on.gif); }
#header #gnb-wrap .m1 .s3.on .cont{ background-image: url(../images/gnb/bg_gnbs13_on.gif); }
#header #gnb-wrap .m1 .s4.on .cont{ background-image: url(../images/gnb/bg_gnbs14_on.gif); }
#header #gnb-wrap .m1 .s5.on .cont{ background-image: url(../images/gnb/bg_gnbs15_on.gif); }
#header #gnb-wrap .m1 .s6.on .cont{ background-image: url(../images/gnb/bg_gnbs16_on.gif); }


/* 2019-02-25 수정 */
#header #gnb-wrap .m2 .s1 .cont{ background-image: url(../images/gnb/bg_gnbs21_off.gif);  }
#header #gnb-wrap .m2 .s2 .cont{ background-image: url(../images/gnb/bg_gnbs22_off.gif);  }
#header #gnb-wrap .m2 .s3 .cont{ background-image: url(../images/gnb/bg_gnbs23_off.gif);  }
#header #gnb-wrap .m2 .s4 .cont{ background-image: url(../images/gnb/bg_gnbs24_off.gif);  }
#header #gnb-wrap .m2 .s5 .cont{ background-image: url(../images/gnb/bg_gnbs25_off.gif);  }
#header #gnb-wrap .m2 .s1.on .cont{ background-image: url(../images/gnb/bg_gnbs21_on.gif); }
#header #gnb-wrap .m2 .s2.on .cont{ background-image: url(../images/gnb/bg_gnbs22_on.gif); }
#header #gnb-wrap .m2 .s3.on .cont{ background-image: url(../images/gnb/bg_gnbs23_on.gif); }
#header #gnb-wrap .m2 .s4.on .cont{ background-image: url(../images/gnb/bg_gnbs24_on.gif); }
#header #gnb-wrap .m2 .s5.on .cont{ background-image: url(../images/gnb/bg_gnbs25_on.gif); }


/* #header #gnb-wrap .m2 .depth3 li{ margin-bottom: 0px;}
#header #gnb-wrap .m2 a{ display: block; padding-bottom: 11px !important; }
#header #gnb-wrap .m2 .depth3 a{ background: right 2px no-repeat; padding-right: 18px; font-weight: bold; }
#header #gnb-wrap .m2 .depth3 a:hover{ color: #222;  background: url(../images/gnb/btn_more.gif) right 2px no-repeat; }
#header #gnb-wrap .m2 .s1 .depth3{ background-image: url(../images/gnb/bg_gnbs21_off.gif);  }
#header #gnb-wrap .m2 .s2 .depth3{ background-image: url(../images/gnb/bg_gnbs22_off.gif);  }
#header #gnb-wrap .m2 .s3 .depth3{ background-image: url(../images/gnb/bg_gnbs23_off.gif);  }
#header #gnb-wrap .m2 .s4 .depth3{ background-image: url(../images/gnb/bg_gnbs24_off.gif);  }
#header #gnb-wrap .m2 .s1.on .depth3{ background-image: url(../images/gnb/bg_gnbs21_on.gif); }
#header #gnb-wrap .m2 .s2.on .depth3{ background-image: url(../images/gnb/bg_gnbs22_on.gif); }
#header #gnb-wrap .m2 .s3.on .depth3{ background-image: url(../images/gnb/bg_gnbs23_on.gif); }
#header #gnb-wrap .m2 .s4.on .depth3{ background-image: url(../images/gnb/bg_gnbs24_on.gif); } */


/*
dmp 140317


#header #gnb-wrap .m2  .depth2>ul{ background: url(../images/gnb/bg_gnbline2.gif) 0 0 repeat-x; *zoom:1;}
#header #gnb-wrap .m2  .depth2>ul:after{ clear: both; display: block; height: 0; visibility:hidden; content:""; }
#header #gnb-wrap .m2  .depth2>ul>li{ border: 0; text-align: center; }
#header #gnb-wrap .m2  .depth2>ul>li>a{ display: block; color: #fff; margin-bottom: 10px; line-height: 24px; background: url(../images/gnb/bg_gnbline3.gif) 0 10px no-repeat;}
#header #gnb-wrap .m2  .depth2>ul>li:first-child>a{ background: none; }
#header #gnb-wrap .m2  .depth3 li{ margin-bottom: 7px; }

*/

#header #gnb-wrap .m3 .s1 .cont{ background-image: url(../images/gnb/bg_gnbs15_off.gif);  }
#header #gnb-wrap .m3 .s2 .cont{ background-image: url(../images/gnb/bg_gnbs32_off.gif);  }
#header #gnb-wrap .m3 .s3 .cont{ background-image: url(../images/gnb/bg_gnbs31_off.gif);  }
#header #gnb-wrap .m3 .s4 .cont{ background-image: url(../images/gnb/bg_gnbs33_off.gif);  }
#header #gnb-wrap .m3 .s5 .cont{ background-image: url(../images/gnb/bg_gnbs34_off.gif);  }
#header #gnb-wrap .m3 .s6 .cont{ background-image: url(../images/gnb/bg_gnbs35_off.gif);  }

#header #gnb-wrap .m3 .s1.on .cont{ background-image: url(../images/gnb/bg_gnbs15_on.gif);  }
#header #gnb-wrap .m3 .s2.on .cont{ background-image: url(../images/gnb/bg_gnbs32_on.gif);  }
#header #gnb-wrap .m3 .s3.on .cont{ background-image: url(../images/gnb/bg_gnbs31_on.gif);  }
#header #gnb-wrap .m3 .s4.on .cont{ background-image: url(../images/gnb/bg_gnbs33_on.gif);  }
#header #gnb-wrap .m3 .s5.on .cont{ background-image: url(../images/gnb/bg_gnbs34_on.gif);  }
#header #gnb-wrap .m3 .s6.on .cont{ background-image: url(../images/gnb/bg_gnbs35_on.gif);  }

#header #gnb-wrap .m4 .s1 .cont{ background-image: url(../images/gnb/bg_gnbs41_off.gif);  }
#header #gnb-wrap .m4 .s2 .cont{ background-image: url(../images/gnb/bg_gnbs42_off.gif);  }
#header #gnb-wrap .m4 .s3 .cont{ background-image: url(../images/gnb/bg_gnbs43_off.gif);  }
#header #gnb-wrap .m4 .s1.on .cont{ background-image: url(../images/gnb/bg_gnbs41_on.gif);  }
#header #gnb-wrap .m4 .s2.on .cont{ background-image: url(../images/gnb/bg_gnbs42_on.gif);  }
#header #gnb-wrap .m4 .s3.on .cont{ background-image: url(../images/gnb/bg_gnbs43_on.gif);  }

#header #gnb-wrap .m5 .s1 .cont{ background-image: url(../images/gnb/bg_gnbs51_off.gif);  }
#header #gnb-wrap .m5 .s2 .cont{ background-image: url(../images/gnb/bg_gnbs34_off.gif);  }
#header #gnb-wrap .m5 .s3 .cont{ background-image: url(../images/gnb/bg_gnbs35_off.gif);  }
#header #gnb-wrap .m5 .s1.on .cont{ background-image: url(../images/gnb/bg_gnbs51_on.gif);  }
#header #gnb-wrap .m5 .s2.on .cont{ background-image: url(../images/gnb/bg_gnbs34_on.gif);  }
#header #gnb-wrap .m5 .s3.on .cont{ background-image: url(../images/gnb/bg_gnbs35_on.gif);  }


.gnb-bar{ width: 100%; height: 0;min-width: 1140px; position: absolute; left: 0; top: 86px; z-index:10; background-color: #fff; }
.gnb-bar .bg{ display: block; width: 100%; height: 4px; position: absolute; left: 0; bottom: -5px; background: url(../images/gnb/bg_gnbbar.png) 0 0 repeat-x; font-size: 0; line-height: 0;  }

#gnb-wrap2{
	display: none;
		border-top: 3px solid #0c5199;
		position: absolute; left: 0; top: -1000px;
		width: 100%;
		z-index: 1000;
		background-color: #fff;
	}

#gnb-wrap2 .top{ background-color: #252525; *zoom:1; color: #727271; padding: 10px;  }
#gnb-wrap2 .top:after{ clear: both; display: block; height: 0; visibility:hidden; content:""; }
#gnb-wrap2 .top .close{ width: 72px; height: 25px;  vertical-align:middle; }
#gnb-wrap2 .top .location span{ color: #fff;}
#gnb-wrap2 .headline,#gnb-wrap2 .cont{ display: none; }
#gnb-wrap2 .list a{display: block; }
#gnb-wrap2 .list>li>a{ font-weight: bold; font-size: 16px; padding: 13px 15px; border-bottom: 1px solid #d9d9d9; background-color: #f9f9f9; }

#gnb-wrap2 .depth2{ display: none; }
#gnb-wrap2 .depth2>ul>li>a{ padding: 6px 15px; border-style: solid; border-width:1px 0; border-color: #fff #fff #d9d9d9; background-color: #e9e9e9; color: #434343; font-weight: bold;  }
#gnb-wrap2 .depth3{display: none; }
#gnb-wrap2 .depth3>ul>li>a{ background: url(../images/gnb/bg_dot2.gif) 18px 15px no-repeat; padding: 6px 24px; border-style: solid; border-width:0 0 1px; border-color: #fff #fff #d9d9d9;  color: #666666;  }

#gnb-wrap2 .list>li>a:hover,#gnb-wrap2 .list>li>a.on{  color: #008a79 !important;}
#gnb-wrap2 .depth2>ul>li>a:hover ,#gnb-wrap2 .depth2>ul>li>a.on{  color: #71a140 !important;}
#gnb-wrap2 .depth3>ul>li>a:hover ,#gnb-wrap2 .depth3>ul>li>a.on{  color: #000 !important;}


.swiper-container{ max-width:1560px;  margin: 0 auto 45px auto;  overflow: hidden; position: relative; text-align: center; }
.swiper-container .prev,.swiper-container .next{ position: absolute; top: 40%; width: 3.846153846153846%; height: auto; z-index: 120;  min-width: 30px; opacity: 0; }
.swiper-container .prev{left:5%; }
.swiper-container .next{right:5%; }
.swiper-container .swiper-wrapper article.on{
	z-index:10;
}
.swiper-container .swiper-wrapper article{
    min-width: 1140px;
	max-width: 1560px; width: 100%;
	position: absolute; left: 0; top: 0; z-index:1;
	/*width: 1560px;
	margin-left:-780px;*/
	overflow: hidden;
	display: none;
	font-size: 1em;

 }
 .swiper-container .swiper-wrapper article .inner{
		position: relative;
  }

.swiper-container .swiper-wrapper article img{ max-width: 100%; height: auto;  }
.swiper-container .swiper-wrapper .headline{
	position: absolute; z-index: 10; font-size: 3.2em; color: #fff;
	text-align: left; overflow:hidden;
}
.swiper-container .swiper-wrapper .headline p img{
		max-width: 100%;
}

.swiper-container .swiper-wrapper .space{ display: block; }
.swiper-container .swiper-wrapper .headline .link{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative; left: 0; bottom: 0;
	padding:3% 5%;  z-index:10;  color: #fff;
	background-image:url(tng.png);
	font-size: 12px;
	line-height: 16px;
	border: 2px solid #ccc;
	/*background-color:rgba(0, 0, 0, .4); */
	/*background: transparent\9;*/
	 /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);*/
	/* background-color:rgba(184, 184, 184, .7);
	border: 1px solid rgb(255, 255, 255);
	    border: 1px solid rgba(255, 255, 255, .7);
	    -webkit-background-clip: padding-box; <!-- for Safari -->
	    background-clip: padding-box; <!-- for IE9+, Firefox 4+, Opera, Chrome -->
	     background: transparent\9;
	     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2b8b8b8,endColorstr=#b2b8b8b8);
	    zoom: 1; */
 }

 .swiper-container .swiper-wrapper .headline .link:hover{
 	border: 2px solid #018b7b;
 	color: #2ac4ea;
 /*	background-color:rgba(1, 139, 123, .4);
	background: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66018b7b,endColorstr=#66018b7b);*/
 }


.swiper-container .s1 .headline{
	/*width: 535px;*/
	width: 100%;
   /* width: 34.29487179487179%;*/
	top: 42.858974%;
	left: 46.24359%;

  }

 .swiper-container .s2 .headline{
 	/*width: 558px;*/
 	width: 35.76923076923077%;
 	top: 30.85897435897436%;
	left: 47.24358974358974%;

  }

  .swiper-container .s3 .headline{
  	/*width: 453px;*/
  	width: 29.03846153846154%;
  	top: 30.85897435897436%;
	left: 9.24358974358974%;

  }

 .swiper-container .s4 .headline{
 	/*width: 466px;*/
  	width: 29.87179487179487%;
 	top: 30.85897435897436%;
	left: 44.24358974358974%;

  }

    .swiper-container .s5 .headline{
   	/*width: 466px;*/
  	width: 29.87179487179487%;
   top: 30.85897435897436%;
	left: 54.24358974358974%;

  }



/*qmenu*/
#qmenu{	margin: 50px auto 42px; }
#qmenu article{ width: 32.45614035087719%; cursor: pointer; background-color: #fff; }
#qmenu article.on h1{ color: #008a79; }
#qmenu article h1{ margin-bottom: 10px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; color: #222; font-weight: normal; }
#qmenu article p.pc{ display: block;   height: auto !important; height: 60px;}
#qmenu article p.mo{ display: none; }
#qmenu article p{ margin-bottom: 15px; }

#qmenu article h1 span{ padding-top: 6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
#qmenu article h1 .before{
	background-image: url('../images/common/ico.png');
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 7px;
 }
 #qmenu article.on .before{ transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#qmenu article.l1 h1 .before{ width:26px; 	height: 30px; background-position: -291px -82px;  }
#qmenu article.l2 h1 .before{ width: 21px; height: 30px; background-position: -329px -82px; }
#qmenu article.l3 h1 .before{ width:25px; 	height: 30px; background-position: -363px -79px; }
#qmenu article.l1.on h1 .before{  background-position: -291px -120px;  }
#qmenu article.l2.on h1 .before{  background-position: -329px -120px; }
#qmenu article.l3.on h1 .before{  background-position: -363px -117px; }
#qmenu article p{ margin-bottom: 15px; }
#qmenu article  a.more{ color: #37a5c5; font-family: Verdana, Geneva, sans-serif; font-style: italic; font-weight: bold; font-size: 12px; }
#qmenu .space{ display: block; }
#qmenu article{text-align: center;}
#qmenu article .inner {display:inline-block; text-align:left;}

/* new qmenu*/
#new_qmenu{ /*margin: 50px auto 42px;*/    background-color: #f9f9f9;    border-style: solid;    border-width: 1px 0;    border-color: #e1e1e1;    padding: 40px 0 47px;}
#new_qmenu article{ width: 32.45614035087719%; cursor: pointer; }
#new_qmenu article.on h1{ color: #008a79; }
#new_qmenu article h1{ margin-bottom: 10px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; color: #222; font-weight: normal; }
#new_qmenu article p.pc{ display: block;   height: auto !important; height: 60px;}
#new_qmenu article p.mo{ display: none; }
#new_qmenu article p{ margin-bottom: 15px; }

#new_qmenu article h1 span{ padding-top: 6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
#new_qmenu article h1 .before{
    background-image: url('../images/common/ico.png');
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 7px;
 }
 #new_qmenu article.on .before{ transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
#new_qmenu article.l1 h1 .before{ width:26px;   height: 30px; background-position: -291px -82px;  }
#new_qmenu article.l2 h1 .before{ width: 21px; height: 30px; background-position: -329px -82px; }
#new_qmenu article.l3 h1 .before{ width:25px;   height: 30px; background-position: -363px -79px; }
#new_qmenu article.l1.on h1 .before{  background-position: -291px -120px;  }
#new_qmenu article.l2.on h1 .before{  background-position: -329px -120px; }
#new_qmenu article.l3.on h1 .before{  background-position: -363px -117px; }
#new_qmenu article p{ margin-bottom: 15px; }
#new_qmenu article  a.more{ color: #37a5c5; font-family: Verdana, Geneva, sans-serif; font-style: italic; font-weight: bold; font-size: 12px; }
#new_qmenu .space{ display: block; }
#new_qmenu article{text-align: center;}
#new_qmenu article .inner {display:inline-block; text-align:left;}


/*productMenu*/
#productMenu{  background-color: #f9f9f9; border-style: solid; border-width:1px 0; border-color: #e1e1e1; padding: 40px 0 47px; }
#productMenu .inner{ margin: 0 auto; text-align: center; }
#productMenu article{
	text-align: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
    margin:0 auto;
	/*margin:0 1%  2%;*/
	/*width: 32.89789473684211%; */
	/*width: 46%;*/
    width:100%;
	border: 1px solid #ccc;
	background-color: #fff;
}
#productMenu .image{float:left;}
#productMenu .cont{margin: 0 0 0 580px; padding:0 0;/* padding: 12px 16px; */}
#productMenu h2{ font-size: 16px; color: #666;  margin-top: 10px; border-bottom: 1px dotted #ddd;padding:10px;}
#productMenu .cont ul>li{ /*float: left;*/ background: url(../images/main/bg_promenu.gif) left center no-repeat; padding:10px; font-size: 12px; }
#productMenu .cont ul>li:first-child{ /*background: none; */}
#productMenu .cont ul:after{ clear: both; display: block;  content:""; height: 0; visibility:hidden; }
#productMenu a:hover{color: #008a79; text-decoration: underline;}
h2.mentMain{max-width:1140px; margin: 0 auto 30px;   padding: 3.385964912280702% 0 3.385964912280702%;  text-align: center; background: url(../images/main/bg_ment_line.gif) center bottom no-repeat; font-size: 24px; font-weight: 400;}

/*latest trend*/
#latestTrend{  /*background-color: #f9f9f9; border-style: solid; border-width:1px 0; border-color: #e1e1e1; */border-top: 1px solid #e1e1e1;padding: 40px 0 47px; }
#latestTrend .inner{ margin: 0 auto; text-align: center; }
#latestTrend article{
    text-align: left;
    display: flex;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    margin:0 auto;
    width:100%;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px #e0e0e0;
    -moz-box-shadow: 0 2px 2px #e0e0e0;
    box-shadow: 0 2px 2px #e0e0e0;
}
#latestTrend .image{flex-grow: 1;width:50%;}
#latestTrend .cont{margin: 0; padding:0 0;flex-grow: 1;width:50%;}
#latestTrend h2{ display:flex;justify-content:space-between;align-items:center;border-bottom: 1px dotted #ddd;padding:15px 20px 15px 10px;}
#latestTrend h2 .latestTrendTitle {font-size: 16px; color: #000;flex-grow:1;}
#latestTrend h2 a {font-size: 12px; color: #666;flex-grow:0;flex-shrink:0;font-weight: normal;color: #37a5c5;
    font-family: Verdana, Geneva, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;}
#latestTrend ul.latestBox {margin:10px;}
#latestTrend ul.latestBox li {background: url(../images/main/bg_promenu.gif) left center no-repeat; padding:10px; font-size: 12px;}
#latestTrend ul.latestBox li a {display:flex;justify-content:flex-start;align-items:center;gap:10px;}
#latestTrend ul.latestBox li a .latestTitle {flex-grow:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#latestTrend ul.latestBox li a .latestDate {flex-grow:0;flex-shrink:0;}
#latestTrend .cont ul>li{ /*float: left;*/  }
#latestTrend a:hover{color: #008a79;}

/*container-main*/
.container-main{  margin: 0 auto;}
.container-main .company-info{
	 /*390*/
	width: 32.45614035087719%;
	padding:0.8771929824561404%;
	background-color: #50606c;
}


.container-main .company-info h2 span{ 	display: block; line-height: 0; font-size: 0; margin-bottom: 28px; }
.container-main .company-info h2 span:first-child{ margin-bottom: 8px; }
.container-main .company-info .date{ background-color: #90a5af; width: 50px; height: 43px;  padding-top: 7px; float: left; color: #fff; text-align: center;  }
.container-main .company-info  h3 a{color: #5bb6e7; font-weight: normal; }
.container-main .company-info  a{ color: #a0d0da;}
.container-main .company-info .cont{ margin-left: 73px;  font-size: 12px; min-height: 60px; margin-bottom: 12px; }
.container-main .pr-movie{
	/*380*/
	width: 33.33333333333333%;
	position: relative;
	background: url(/images/main/img_movice.jpg) center top no-repeat;
	-webkit-background-size: cover;	 background-size: cover;
	/* IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/img_movice.jpg', sizingMethod='scale');
	/* IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main/img_movice.jpg', sizingMethod='scale')";
}
.container-main .pr-movie a{
	background: url(../images/common/ico.png) no-repeat -15px -78px;
	width: 74px;
	height: 74px;
	position: absolute; left: 50%; top:50%; margin:-37px 0 0 -37px;
	text-indent:-1000px; overflow: hidden;
}

.container-main .pr-movie h2{
	position: absolute; left: 0; bottom: 0; width: 90%; padding:20px 5%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff; font-weight: normal;
	background: rgba(0, 0, 0, 0.6);
	 /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.container-main .brochure{
	/*300*/
	width: 26.31578947368421%;
}
.container-main .brochure img{width: 100%;}
.container-main .brochure a{ display: block; margin-bottom: 20px;}
.container-main .brochure a.last{ margin-bottom: 0; }
.mentMain2{ text-align: center; max-width:1140px; padding:3.491228070175439% 0 4.649122807017544% ; margin: 0 auto; font-size: 14px; font-weight: normal; color: #434343; font-size: 16px;    }
.mentMain2 span.br{ display: block; }
.mentMain2 p:first-child{ margin-bottom: 3.140350877192982%; }
.mentMain2 strong{ font-weight:normal; }
.mentMain2 .mentBox{display:inline-block; *display:inline; *zoom:1; font-size:18px; color: #1d439c;border:1px #1d439c solid; padding:6px 20px 10px; }



/*sitemap,footer*/
#footer,#sitemap{background-color: #97cb63/*#008000*/; }
#sitemap {border-top: 1px solid #8bbb5b;}
#sitemap .inner,#footer .inner{ margin: 0 auto; }
/*sitemap*/
#sitemap .inner{ padding:2.280701754385965% 0 2.894736842105263%;	 }
#sitemap dl{ padding: 13px 22px; border-right: 1px solid #8bbb5b; text-align: left; }
#sitemap dt{ color:#fff; font-weight: bold; font-size: 14px; margin-bottom: 16px; text-shadow: 0 1px 2px rgba(0,0,0,.3);}
#sitemap  li{ margin-bottom: 3px; }
#sitemap a{ color: #fff; font-size: 13px; line-height:20px; text-shadow: 0 1px 2px rgba(0,0,0,.3);}
#sitemap dl:first-child{border-left: 1px solid #8bbb5b;}
#sitemap .inner dl .depth2 ul li{margin-left: 1px;  }
#sitemap .inner dl .depth2 a{display: block; font-size: 13px; border: 1px solid #444; line-height: 18px; padding:6px 7px;  }
#sitemap .inner dl .depth2 a:hover{ background-color: #2d2d2d; color: #ccc;}

#sitemap a:hover{ color: #fff;  }
/*footer*/

#footer{ border-top: 1px solid #8bbb5b; padding: 10px 0 10px;  font-size: 12px;}
#footer .copyright {color:#fff; text-shadow: 0 1px 2px rgba(0,0,0,.3);}
#footer address{ margin-bottom: 3px; }
#footer .catalog a{ border-radius:4px;background:rgba(0,0,0,.4);height: 14px; padding: 8px 12px; position: relative; vertical-align: top; display: none; font-size: 12px; line-height: 14px;}
#footer .catalog a img{ height: 14px; }
#footer .catalog a.ca{ width: 101px;  font-size: 0; line-height: 0;  display: inline-block; *display: inline; *zoom: 1;  }
#footer .catalog a.ca:after{ width: 11px; height: 16px; display: inline-block; *display: inline; *zoom: 1;
	background: url(../images/common/ico.png) -123px -30px no-repeat; position: absolute; right: 15px; top: 6px; content:"";  }
#footer strong {margin-left:20px;}

/*sub layout*/
#visual_sub{ background-position: top center; background-repeat: no-repeat; height: 200px; overflow: hidden; margin-bottom:42px; position: relative;}
#visual_sub.s1{ background-image: url(../images/visual/bg_svisual1.jpg); }
#visual_sub.s2{ background-image: url(../images/visual/bg_svisual2.jpg); }
#visual_sub.s3{ background-image: url(../images/visual/bg_svisual3_1.jpg); }
#visual_sub.s4{ background-image: url(../images/visual/bg_svisual4.jpg); }
#visual_sub.s5{ background-image: url(../images/visual/bg_svisual5.jpg); }
#visual_sub .inner{ max-width:1140px;min-width:1140px;  height: 100%;  margin:0 auto; position: relative;  }
#visual_sub .img{ position: absolute; right: 10%; z-index: 1;	 display: inline-block; text-align: right; }
#visual_sub.s1 .img{ bottom: -250%; }
#visual_sub.s2 .img{ bottom: -250%; }
#visual_sub.s3 .img{ bottom: -250%; }
#visual_sub.s4 .img{ bottom: -250%; }
#visual_sub.s5 .img{ bottom: -150%; }
#visual_sub p{position: absolute; top:-50%; left:5%; z-index: 10; font-size: 3em; line-height: 1.15em; color: #fff;
	text-align: left; overflow:hidden;}
.container_sub{ margin: 0 auto;  *zoom:1;}
.container_sub:after{ clear: both; display: block; height: 0; visibility: hidden; content:""; }

#side{width: 200px; margin-right: 30px;}
#side h1{ padding-bottom: 16px; font-size: 20px; font-weight: normal; color: #343434; border-bottom: 2px solid #000; }
#side h1 span{ display: block; font-size: 11px; margin-top: 2px;  color: #bfbfbf;}
#side .snb>ul>li{  font-size: 14px; color: #363636; padding: 10px 0; border-bottom: 1px solid #e2e2e2; padding-left: 19px; position: relative; }
#side .snb>ul>li .cont{ display: none; }
#side .snb>ul>li>a{ color: #363636;  display: block;  }
#side .snb>ul>li>a:hover{ color: #0071a9;  }
#side .snb>ul>li.on>a{ color: #0071a9; font-weight: bold;}
#side .snb>ul>li.on span.ico{ width: 7px; height: 10px; background: url(../images/common/ico.png) no-repeat -148px -36px; position: absolute; right: 5%; top: 15px;}
#article{max-width: 840px; width: 73.68421052631579%; min-height: 500px; height: auto !important; height: 500px;
	padding-bottom: 80px;}
	#side .snb>ul>li .depth3{ background-color: #f2f2f2; margin: 0 7% 0 0; padding: 10px; margin-top: 10px; font-size: 12px; line-height: 22px;}
	#side .snb>ul>li .depth3 .on a{ color: #0071a9; }
#article .locationPage{ position: relative; margin-bottom: 40px;}
#article .locationPage a.home{ display: inline-block; *display: inline; *zoom: 1;width: 10px; height: 10px; background: url(../images/common/ico.png) -163px -36px no-repeat; overflow: hidden; margin-right: 3px; }
#article .locationPage a.home span{ visibility: hidden; vertical-align: top; }
#article .locationPage h1{ color: #222; font-size: 28px; font-weight: normal; }
#article .locationPage h1 em {font-size:16px;color:#898989;font-style:normal;}
#article .locationPage p{ position: absolute; right: 0; top: 0;}
#article .locationPage p span,#article .locationPage p strong{ vertical-align: top; display: inline-block; *display: inline;*zoom: 1; padding-left: 10px; background: url(../images/common/bg_location.gif) left 6.5px no-repeat; font-weight: normal;}
#article .locationPage p em {font-style:normal;}

 /*company*/
.slogan{  background-position: right bottom; background-repeat: no-repeat; }
.company1{ height: 162px; padding-top: 18px; padding-right: 205px; background-image: url(../images/company/bg_slogan1.jpg); }



/* 탭 */
.tabs {background:url(/images/common/bg_tab_line.gif) repeat-x left bottom; margin-bottom:65px; *zoom:1;}
.tabs:after {content:""; display:block; clear:both; height: 0; visibility: hidden;}
.tabs a{display:block;float:left; padding: 12px 20px; color:#333;text-align:center;font-size:14px; border-style: solid; border-width:2px 1px 1px; border-color: #24282b #24282b #fff ; border-width:1px 1px 1px; border-color: #bfc7d0 #bfc7d0 #fff; font-weight: bold;}
.tabs a.active{border-width:2px 1px 2px; border-color: #24282b #24282b #fff;}
.swiper-wrapper{/* height: 520px; overflow: hidden;*/ text-align: left; }
.swiper-slide{  text-align: left;background:#fff;}
.swiper-container{  overflow: hidden; }
.content-slide{text-align: left;}

.tab_type2{ height: 28px; margin-bottom: 35px; text-align: center; background: #fff url(../images/product/bg_tab.jpg) center bottom no-repeat; }
.tab_type2 > ul{position:relative;   left:50%;  float:left;}
.tab_type2 > ul > li{ float: left; position:relative; left: -50%; position: relative;  }

.tab_type3{ border-bottom: 1px solid #ccc; text-align: center; margin-bottom: 40px; }
.tab_type3 > ul > li{width: 16.66666%;  display: inline-block; *display: inline; *zoom: 1; margin-left: -6px; margin-bottom: -1px; background-color: #fff; position: relative;  }
.tab_type3 > ul > li a{ display: block; width: 100%;/*width:140px;*/  padding: 8px 0; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #333; border-style: solid; border-width:1px; border-color: #ccc;  }
.tab_type3 > ul > li.on a{ border-color: #0071a9; color: #fff;  background-color: #0071a9; }
.tab_type3 > ul > li.on:after{ width: 10px; height: 10px; position: absolute; left: 50%; bottom:-10px; background:url(../images/product/bg_tab_on.gif) center top no-repeat; content: ""; margin-left: -5px; }

/* option */
.tab_type3.n3 > ul > li {width:22%;}
.tab_type3.mmp > ul > li.s2 {width:32%;}
/* 연혁 */
.history_box{ margin-bottom: 60px; *zoom:1;}
.history_box:after{content:""; display:block; clear:both; height: 0; visibility: hidden;}
.history_box .history_year{ float: left; }
.history_box .history_month{ margin-left: 90px;  }
.history_box .history_month li{ margin-bottom: 10px; }
.history_box .history_month li:after{content:""; display:block; clear:both; height: 0; visibility: hidden; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0;}
.history_box .history_month strong {display: block; font-size: 12px; color: #008a79; float: left; }
.history_box .history_month span{ display: block; margin-left: 30px;  color:#545454;}

/*상품*/
.productSlide{ margin-bottom: 60px; }

/*주요산업 */
/* common */
.product_section{ margin-bottom: 80px; }
.product_section img{max-width: 100%;}

/* 주요산업 header */
#product_area{ border-top: 5px solid #333; }
#product_area header.top{ margin-bottom: 60px;  border-style: solid; border-width: 0 1px 1px; border-color: #333 #ccc #ccc;  }
#product_area header.top .inner{ padding: 40px; *zoom:1; position: relative; }
#product_area header.top .inner:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }
#product_area header.top .inner .tit {margin-bottom:30px; border-bottom:1px dotted #ddd; padding-bottom:20px;}
#product_area header.top .inner .tit h1 {color:#0071a9; font-size:32px; }
#product_area header.top .inner .tit p{color:#006699; font-size:14px; }

#product_area header.top .cont{  /*width: 335px;*/ width: 44.88095238095238%; float: left; }
#product_area header.top .cont h1{padding-bottom: 28px; border-style: dotted; border-width: 0 0 1px; border-color: #ccc; font-family: Verdana, Geneva, sans-serif;  font-size: 36px; font-weight: normal;  line-height: 49px; color: #0071a9;   }
#product_area header.top .cont h1 span { color:#636363; font-size:24px; }
#product_area header.top .cont h1.small {line-height:30px;}
#product_area header.top .cont h1.small span { color:#636363; font-size:24px; }
#product_area header.top .cont p{ margin-top: 28px; margin-bottom: 66px; font-size: 14px; line-height: 22px;		   }


#product_area header.top .lst_product{ float: right; width: 45.23809523809524%; }
#product_area header.top .lst_product .lst{ width: 375px;/*w250*/ position: absolute; /*right: 420px;*/ left: 30px; bottom: 42px; }
#product_area header.top .lst_product .lst > ul{ float: left; }
#product_area header.top .lst_product .lst > ul > li{ width: 50px; float: left; margin-left: 10px; border: 1px solid #cdcdcd; position: relative; }
#product_area header.top .lst_product .lst > ul > li button{ width: 50px; }
#product_area header.top .lst_product .lst > ul > li button img{ max-width:100%; height: auto; }
#product_area header.top .lst_product .img{ float: right;  }

/*pfc - Features*/
.lst_thumb.features .thumb{ width: 41.42857142857143%;  margin-right: 5.952380952380952%;  }
.lst_thumb.features .cont{/* width: 424px;*/ width: 50.47619047619048%;    }

/*pfc - CVD COATING*/
.lst_cont.cvd{margin-bottom: 50px;}
.lst_cont.cvd > ul > li.s1{ /*margin-left: 15px;*/ /*width: 491px;*/ width: 58.45238095238095%;  padding-right:7%;  }
.lst_cont.cvd > ul > li.s2{ /*margin-left: 15px;*/ /*width: 269px;*/ width: 32.02380952380952%; background: none; }
.lst_cont.cvd2{margin-bottom: 50px; padding-bottom: 50px; border-style: dotted; border-width: 0 0 1px; border-color: #ccc; }
.lst_cont.cvd2 > ul > li.s1{ /*margin-left: 15px;*/ /*width: 491px;*/ width: 40%;  padding-right:7%; margin-right: 5%; font-size: 13px; line-height: 24px; }
.lst_cont.cvd2 > ul > li.s2{ /*margin-left: 15px;*/ /*width: 269px;*/ width: 48%; background: none; }
/*//pfc - CVD COATING*/

/*pfc - process*/
/*w780*/
.lst_cont.process1{margin-bottom: 5%; }
.lst_cont.process1 > ul > li.s1{ /*margin-left: 15px;*/ /*width: 395px;*/ width: 50.64102564102564%;  padding-right:7%; margin-right: 5%; font-size: 13px; line-height: 24px; }
.lst_cont.process1 > ul > li.s2{ /*margin-left: 15px;*/ /*width: 287px;*/ width: 36.79487179487179%; background: none; }
.lst_cont.process1 > ul > li.s2 p{ margin-top: 8%; font-size: 14px; text-align: center; color: #000; font-weight: bold; }
/*w837 h446*/
.product_zoom{ position: relative; border: 3px solid #ccc; text-align: center; }
.product_zoom.pfc a.process1{ /*width: 65px;*/ width: 7.765830346475508%; display: block; position: absolute; left: 43.20908004778973%; top: 49.10313901345291%; }
.product_zoom .popup{ display: none; width: 91%; min-height:76%;  position: absolute; left: 50%; top: 4%; margin-left: -48%;  border: 2px solid #0071a9; padding: 4% 2% 3%; z-index: 3; background-color: #fff; }
.product_zoom .popup p.last{ margin-bottom: 40px;}
.product_zoom .popup .close{ position: absolute; right: 0; bottom: 0; }
/*//pfc - process*/

/*pfc- applications*/
.lst_cont.applications > ul{margin-left: -1.785714285714286%;  }
.lst_cont.applications > ul > li{ /*margin-left: 15px;*/ width: 31.404762%; margin-left: 1.785714285714286%; }
/*//pfc- applications*/


/*AR Coating top : w840*/
#product_area .top .cont.arcoating{  width: 49.880952%;  }
#product_area .top .cont.arcoating h1{font-size: 38px;}

/*AR Coating tab1 : w840*/
.ar_tab1_lft{ float: left; width: 47.61904761904762%; }
.ar_tab1_rgh{ float: right; width: 38.45238095238095%; /* margin-right: 69px; */  margin-right: 8.214285714285714%; text-align: right;}
.ar_tab12_lft{float: left; width: 47.61904761904762%;}
.ar_tab12_rgh{float: right; width: 34.16666666666667%; margin-right: 8.214285714285714%;}
.ar_tab12_rgh .lst_arr{ margin-top: 20px; }
/*AR Coating tab2 : w840*/
.lst_cont.solar .s1{ width: 43.3%; padding-right: 7%;margin-right: 5%; }
.lst_cont.solar .s2{ width: 43.3%; }

/* 태양광 충전시스템 헤더  w:758 */
#product_area header.top.solar3 .cont{/*width: 333px;*/ width: 43.93139841688654%;}
#product_area header.top.solar3 .cont h1{/*width: 333px;*/font-size: 32px; line-height: 40px; }
#product_area header.top.solar3 .lst_product{width: 50.13192612137203%;}
#product_area header.top.solar3 .lst_product .img{ margin-bottom: 20px; }

.lst_cont.solar2_products >ul{margin-left: -1.666666666666667%;}
.lst_cont.solar2_products >ul >li{width: 32.02380952380952%; margin-left: 1.266667%; }
.lst_cont.solar2_products >ul >li .img{margin-bottom: 20px; display: inline-block; *display: inline; *zoom: 1; border: 1px solid #dedede; }

.lst_thumb.Composition .thumb{ width: 47.61904761904762%; margin-right: 4.761904761904762%;  }

.lst_thumb.Scheme .thumb{ width: 47.61904761904762%; margin-right: 4.761904761904762%;  }
.lst_thumb.Scheme .cont{ width: 47.61904761904762%;}

.lst_thumb2.type2 > ul > li{ width:47.44761904761905%; margin-bottom: 20px; background-color: #fff;  }
.lst_thumb2.type2 > ul > li  .h{ margin-bottom: 15px; font-size: 16px;  }
.lst_thumb2.type2 > ul > li.rgh{margin-left: 1.952381%;}
/*w370px*/
.lst_thumb2.type2 > ul > li .inner{ font-size: 13px; line-height: 18px; min-height: 180px; padding: 2.756756756756757%; text-align: left; }

/* 친환경부문 헤더  w:758 */
#product_area header.top.solar2 .cont{/*width: 333px;*/ width: 43.93139841688654%;}
#product_area header.top.solar2 .cont h1{/*width: 333px;*/font-size: 32px; line-height: 40px; }
#product_area header.top.solar2 .lst_product{width: 50.13192612137203%;}
/*주요산업*/

/*회사소개*/
.ceo_box {/* background:url(/images/company/img_ceo.jpg) no-repeat;  *//*padding-left:330px; */ font-weight:normal;position:relative;}
.ceo_box .img {position:absolute;left:0;}
.ceo_box strong{display:block; font-size:18px; margin-bottom:25px; color:#003f5e; }
.ceo_box p {color:#666; font-size:13px; margin-bottom:25px;}
.ceo_box p.sign {text-align:right;}
.ceo_box dl {font-family:Gulim; margin-bottom:25px;}
.ceo_box dl dt {margin-bottom:10px;}
.ceo_box dl dd {font-weight:bold; }

.big_cert {margin-bottom:45px;display:none;}
.big_cert:first-child {display:block;}
.big_cert div.right {width:420px; float:right;}
.big_cert div.left {float:left;}
.big_cert div.left img {border:1px solid #000; max-width:334px !important;}
.big_cert dl {font-family:Gulim;}
.big_cert dl dt {color:#000;font-size:18px; border-bottom:1px dashed #cccccc; padding-bottom:20px; font-weight:bold;margin-bottom:10px;}
.big_cert dl dd {border-bottom:1px dashed #cccccc; padding:10px 0;}
.big_cert dl dd:after {display:block; clear:both; content:"";}
.big_cert dl dd span {color:#666;font-size:14px; float:left; display:block;}
.big_cert dl dd em {margin-left:95px; color:#000; display:block; font-style:normal;}
.big_cert dl dd em strong {color:#0071a9; font-weight:bold; }
.small_cert {}
.small_cert ul {margin-left:-4.2%;}
.small_cert ul:after {display:block; clear:both; content:"";}
.small_cert ul li{float:left; margin-left:4.76%; margin-bottom:25px;position:relative;}
.small_cert ul li span {position:absolute; border:1px solid #040404; width:100%; height:100%; left:-1px; top:-1px;}
.small_cert ul li.on span { border:3px solid #0071a9; left:-3px; top:-3px;}
.small_cert ul li a img {  max-width:100%;}
.big_cert2 {margin-bottom:45px;float:left; display:none;}
.big_cert2 img {max-width:334px !important;border:1px solid #000;}
.big_cert2:first-child { display:block;}
.small_cert2 {float:right; width:380px;}
.small_cert2 ul li img {max-width:100%; }
.small_cert2 ul {margin-left:-5%; padding-top:3px;}
.small_cert2 ul:after {display:block; clear:both; content:"";}
.small_cert2 ul li {margin-left:6%; margin-bottom:27px;float:left;height:132px; position:relative;}
.small_cert2 ul li span{position:absolute; border:1px solid #040404; width:100%; height:100%; left:-1px; top:-1px;}
.small_cert2 ul li.on span{border:3px solid #0071a9; left:-3px; top:-3px;}

/* 공통 표 */
.com_skin {width:100%; margin-bottom:40px;}
.com_skin tr th,.com_skin tr td {border:1px solid #ccd1ca; text-align:center; font-family:Gulim; }
.com_skin thead tr {}
.com_skin thead tr th {background:#e2f0d9; color:#01897f; font-size:13px; padding:15px 0; }
.com_skin tbody tr {}
.com_skin tbody.p0 tr td {padding:0;}
.com_skin tbody tr td { padding:8px 0;}
.com_skin tbody tr td.model {position:relative; color:#0070a8;cursor: pointer;}
.com_skin tbody tr td.model:hover {background:#f4f4f4;}
.com_skin tbody tr td.model .pop_img {width:254px; height:228px;background:#fff;position:absolute; border:1px solid #737373; top:50%; left:-256px;margin-top:-114px; z-index:10;display:none;}
.com_skin tbody tr td.model .pop_img:after {content:'';position:absolute;border-left:6px solid #737373;border-top:6px solid transparent;border-bottom:6px solid  transparent;top:50%;margin-top:-4px;right:-6px;}

/*찾아오시는 길 */
.location_area{padding-top:330px;}
.location_area.seoul {background:url(/images/company/bg_t1_location1.jpg) no-repeat;  }
.location_area h4 {font-size:18px; color:#24282b; margin-bottom:14px;}
.location_area .left {float:left; width:55.11%;}
.location_area .right {float:right; width:40.47%;}
.location_area ul {font-family:Gulim;}
.location_area ul li {margin-bottom:12px; line-height:20px;}
.location_area ul li span {color:#999; font-size:13px; float:left; display:block; }
.location_area ul li em {display:block; margin-left:26.470588%;font-style:normal;}
.location_area ul li em strong {color:#0071a9;}
.location_area.chung {background:url(/images/company/bg_t2_location1.jpg) no-repeat;}
.location_area dl {margin-bottom:20px;}
.location_area dl dt {background:url(/images/company/bu_lo_arr.gif) 0 2px no-repeat; margin-bottom:10px; padding-left:19px; font-weight:bold; padding-bottom:3px;}
.location_area dl dd {padding-left:19px; line-height:18px;}
.location_area.gunpo {background:url(/images/company/new_location_gunpo.jpg) no-repeat;padding-top:515px;}
.location_area.cheonan {background:url(/images/company/bg_t_location_cheonan.jpg) no-repeat;padding-top:420px;}
.location_area.doksan {background:url(/images/company/bg_t3_location1.jpg) no-repeat;}
.location_area.china {background:url(/images/company/new_bg_t4_location1.jpg) no-repeat;padding-top:616px;}
.location_area.poland {background:url(/images/company/new_location_poland.jpg) no-repeat;padding-top:650px;}
.location_area.usa {background:url(/images/company/bg_location_usa.jpg) no-repeat;padding-top:540px;}
.location_area.ns {background:url(/images/company/bg_location_usa_ns.png) no-repeat;padding-top:420px;}
.location_area.indonesia {background:url(/images/company/location_indonesia.jpg) no-repeat;padding-top:500px;}
.location_area.poland .clearfix .left img {max-width:220px!important;}

/*채용정보 */

.talent_box {margin-bottom:50px;}
.talent_box .left {float:left; width:32.14%; }
.talent_box .right {float:right; width:50%;}
.talent_box ul {}
.talent_box ul li {margin-bottom:30px;}
.talent_box ul li strong {display:block; font-size:16px; color:#008a79;}
.order_box {border-bottom:1px solid #e1e1e1;padding-bottom:60px; margin-bottom:40px;}
.order_box:after {display:block; clear:both; content:"";}
.order_box dl.first {padding-left:0;}
.order_box dl {float:left; padding-left:8.45%; background:url(/images/recruit/bu_tal_right.jpg) 15px 80px no-repeat; width:27.52%;}
.order_box dl dt {margin-bottom:15px;}
.order_box dl dd {font-family:Gulim; line-height:18px;}
.welfare_box {}
.welfare_box:after {display:block; clear:both; content:"";}
.welfare_box dl {float:left; padding-top:270px; width:49%;}
.welfare_box dl.dl1 {background:url(/images/recruit/bg_tal1.jpg) center 0 no-repeat;  text-align:center; border-right:1px dashed #a1a1a1;}
.welfare_box dl.dl2 {background:url(/images/recruit/bg_tal2.jpg) center 0 no-repeat;}
.welfare_box dl dt {color:#008a79; font-size:20px; margin-bottom:20px; text-align:center;}
.welfare_box dl dd {text-align:center;}
.welfare_box dl dd:after {display:block; clear:both; content:"";}
.welfare_box dl dd .inner {display:inline-block;}
.welfare_box dl dd ul:first-child {margin-left:0;}
.welfare_box dl dd ul {float:left; text-align:left; margin-left:10px;}
.welfare_box dl dd ul li {}

/* 채용지원 */

.recruit_box {background:url(/images/recruit/bg_recruit.jpg) right 0 no-repeat; border-bottom:1px solid #e1e1e1; padding-bottom:30px;margin-bottom:25px; padding-right:150px;}
.recruit_box p.slogan {font-size:42px; color:#23282b; margin-bottom:70px;}
.recruit_box p.slogan strong {color:#00897a;}
.recruit_box2 {}
.recruit_box2 .file_box {background:#f8f8f8; border:1px solid #dfdfdf; padding:20px 2.38%;}
.recruit_box2 p {margin-bottom:20px;}
.recruit_box2 .upload {position:relative;vertical-align:middle;}
.recruit_box2 .upload input.fakeFileTxt {height:34px; border:1px solid #d1d1d1; width:50%; }
.recruit_box2 input.input_m { position: absolute;width:82px; left:50%; top: 0px;opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; height:34px; cursor:pointer;}
.recruit_box2 .upload span.search {display:inline-block; padding:0px 13px 0px 13px; height:35px; color:#fff; background:#9d9d9d; vertical-align:-1px; font-size:14px;line-height:35px;vertical-align:middle;}



/* 채용 문의 */

.recruit_box.infor {border-bottom:0;margin-bottom:0;}
.recruit_contact {background:url(../images/recruit/bg_support.gif) no-repeat; min-height:73px; padding-left:79px; margin-bottom:15px;}
.recruit_contact dl {}
.recruit_contact dl dt {color:#222; font-size:15px; font-weight:bold; margin-bottom:13px;}
.recruit_contact dl dd {}
.recruit_contact dl dd span {display:inline-block; width:40px; font-size:14px;}
.recruit_contact dl dd span.tel {letter-spacing:9px; margin-bottom:3px;}
.sup_p {font-size:15px;margin-bottom:15px;}
.formail_box {background:#f8f8f8; border:1px solid #e0e0e0; padding:30px 3.21428571429%;}
.formail_box ul {margin-bottom:20px;}
.formail_box ul li {margin-bottom:13px;}
.formail_box ul li span {display:block; float:left;}
.formail_box ul li span.vtop {vertical-align:top;}
.formail_box ul li span em {color:#fd7900; vertical-align:-2px;}
.formail_box ul li p {margin-left:100px;}
.formail_box ul li p input.name {width:305px}
.formail_box ul li p input.email {width:140px}
.formail_box ul li p input.tel {width:90px;}

/*홍보동영상 */

.col_box {width:85.71428571429%; /* w720 */ margin:0 auto;}
.col_box p {color:#0071a9; font-size:18px; margin-bottom:10px;}

/* 내부정보관리 규정*/
.rule_box {padding:0;margin:0;}
.rule_box .left {float:left; width:32.14%; }
.rule_box .right {float:right; width:50%;}
.rule_box > div {line-height: 1.8;word-break: keep-all;}
.rule_box div > strong {color:#000;}
.rule_box ul {}
.rule_box ul > li {margin-bottom:10px;line-height: 1.6;word-break: keep-all;position: relative;padding-left:18px;}
.rule_box ul > li > span {position: absolute;left:0;top:0;line-height: 1.4;}
.rule_box ul > li > strong {display:block; font-size:16px; color:#000;}
.rule_box ol > li {line-height: 1.6;word-break: keep-all;position: relative;padding-left:18px;}
.rule_box ol > li > span {position: absolute;left:0;top:2px;line-height: 1.4;}

/* CONTACT US */
.contList {margin-left:8px;margin-right:8px;}
.contList li {float:left;width:33.3%;padding:8px;box-sizing: border-box;}
.contList li dl {border:4px solid #f5f1eb;padding-bottom:40px;min-height: 210px;box-sizing: border-box;}
.contList li dl dt {font-weight: 600;color:#000;padding:15px 10px;border-bottom:1px solid #000;background:#fff;font-size:14px;}
.contList li dl dd {color:#000;padding:10px;}
.contList:after {content:'';display:block;clear:both;}

/*keyword_box */
.keyword_box {background:#f2f2f2; padding:10px; margin-bottom:20px}
.keyword_box .inner {/*w820*/ border:1px solid #dbdbdb; background:#fff; padding:15px 15px 15px 0;}
.keyword_box .inner:after {display:block; clear:both; content:"";}
.keyword_box .inner .img {width:17.80487804878%;/*w147px*/  text-align:center; border-right:1px solid #e2e2e2; margin-right:3.53658536585%; padding:10px 0; min-width:147px; float:left;}
.keyword_box .inner .img .key_img {margin-bottom:10px;}
.keyword_box .inner .img .key_txt {font-size:15px; font-weight:bold;}
.keyword_box .inner .txt {/* w620 */margin-left:170px; text-align:left;}
.keyword_box .inner .txt p.input {}
.keyword_box .inner .txt p.input input {background:#f2f2f2; border:1px solid #bfbfbf; width:82.25806451613%; /* w510 */ height:28px; margin-right:7px;}
.keyword_box .inner .txt p.input button {background:#f2f2f2; border:1px solid #bfbfbf; color:#666; height:30px; width:9.35483870968%; vertical-align:middle; font-weight:bold; font-size:14px; min-width:57px;}
.keyword_box .inner .txt .key_txt  {margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}

./*페이지 넘버 */
.pagenum {text-align:center; margin-top:30px;}
.pagenum .inner {display:inline-block;}
.pagenum .inner button {}
.pagenum .inner button.first,.pagenum .inner button.next {margin-right:4px;}
.pagenum .inner span {display:inline-block; }
.pagenum .inner span em {font-style:normal; display:inline-block; width:15px; cursor:pointer;}
.pagenum .inner span em.on {color:#ed6637; font-weight:bold; cursor:pointer;}

/* 게시판 버튼 */

.common_btn { margin-bottom:20px;}
.common_btn a.bbs_btn {padding:6px 15px; border:1px solid #cacaca; display:inline-block; *zoom:1; *display:inline;     font-family:'Gulim'; font-size:12px; color:#888;font-weight:bold;}
.common_btn a.bbs_btn:hover {border:1px solid #016fc4; color:#67a0ff;}
.common_btn:after {display:block; clear:both; content:"";}
.common_btn .admin {float:left;}
.common_btn .user {float:right;}


.mg_list {margin-bottom:30px;}
.mg_list :after {display:block; clear:both; content:"";}
.mg_list li {width:16%; text-align:center;float:left;}



/* mmp */
.mo {display:none;}



@media all and (max-width:1160px) {
	/* common */
	/*#header ,
	#qmenu ,
	#productMenu .inner,
	.container-main,
	#footer .inner,
	.container_sub{ padding: 0 1%;}
	#header #gnb-wrap .depth2{ }
	#header #gnb-wrap .depth2 .cont p .space{ display: inline; }*/

	/* 주요산업 */
	/*#product_area header.top .inner{ padding: 30px; }
	#product_area header.top .cont{width: inherit; float: none; }
	#product_area header.top .cont p{  margin-bottom: 30px; }
	#product_area header.top .lst_product{ float: none; width: inherit; }
	#product_area header.top .lst_product .img{ float: none;  width: inherit; text-align: center;}
	#product_area header.top .lst_product .lst{ width: inherit; margin-top: 10px; position: static; right:none; bottom: 0; }
	#product_area header.top .lst_product .lst > ul{ float: none; text-align: center;  }
	#product_area header.top .lst_product .lst > ul > li{float: none; display: inline-block; *display: inline; *zoom: 1; margin: 0 2px;  }*/
	/*AR Coating top : w825*/
	/*#product_area .top .cont.arcoating{  width: inherit;  }
	#product_area header.top.solar2 .cont{ width: inherit;}
	#product_area header.top.solar2 .lst_product{width: inherit;}*/

	/*특허/인증 */
	/*.big_cert div.right {float:none; width:100%;}
	.big_cert div.left {text-align:center;float:none; margin-bottom:30px; }
	.big_cert2 {float:none; display:none; text-align:center; margin-bottom:30px;}
	.small_cert2 {float:none; width:100%;}
    .contList li {float:left;width:33.3%;padding:8px;box-sizing: border-box;}*/

	/*채용정보 */
    /*.welfare_box {}
    .welfare_box:after {display:block; clear:both; content:"";}
    .welfare_box dl { width:100%;}
    .welfare_box dl.dl1 { border:0;margin-bottom:40px;}*/

	/* 태양광 충전시스템 헤더  w:758 */
	/*#product_area header.top.solar3 .cont{width: inherit;}
	#product_area header.top.solar3 .lst_product{width: inherit;}
	.lst_cont.solar2_products >ul{margin-left:0;}
	.lst_cont.solar2_products >ul >li{width: 90%; margin-left:0;  text-align: center; margin-bottom: 20px;}
	.lst_cont.solar2_products >ul >li h4{text-align: center;}*/



}/*1160px*/

@media all and (max-width:970px) {
    /*.contList li {float:left;width:50%;padding:8px;box-sizing: border-box;}
	#header {min-height: 70px;}
	.gnb-bar{ top: 70px; }
	#header h1{margin-top: 11px; }
	#header .utility_wrap{ margin-top: 5px; }
	#header #gnb-wrap .depth2{  left: -40%; }
	header #gnb-wrap .cont{height: 75px; }
	#header #gnb-wrap .depth2 .cont p,#header #gnb-wrap .depth2 .cont .more{ display: none; }
	#header #gnb-wrap .depth2 .headline img{ height: 110px; }
	#qmenu .space{ display: inline; }
	.swiper-container .swiper-wrapper article{
		position: absolute; left: 50%; top: 0;
		width: 1000px;
		margin-left:-500px;
		font-size: 0.9em;
	 }

	 #visual_sub{ height: 180px; }
	 #visual_sub .img{ right: 0;  }
	 #visual_sub .img img{ max-width: 80%;}
 	#visual_sub p{ font-size: 2.6em;}*/

	/* 탭메뉴 */
	/*.tab_type3.n3 > ul > li {width:50%;}
	.tab_type3.n3 > ul > li.s3 {width:100%;}*/

	/*CEO 인사말*/
	/*.ceo_box {padding-top:20px; padding-left:0; }
	.ceo_box .img {top:0; left:50%; margin-left:-145px;}
	.ceo_box strong{display:block; font-size:18px; margin-bottom:25px; color:#003f5e; }
	.ceo_box p {color:#666; font-size:13px; margin-bottom:25px;font-family:Gulim;}
	.ceo_box dl {font-family:Gulim; margin-bottom:25px;}
	.ceo_box dl dt {margin-bottom:10px;}
	.ceo_box dl dd {font-weight:bold; }
	.ceo_box p.sign {text-align:center;}*/

	/*사업장 소개 */
    /*.location h4 {font-size:18px; color:#24282b; margin-bottom:30px;}
    .location .left {float:none; text-align:center; width:100%; margin-bottom:20px;}
    .location .right {float:none; width:100%; text-align:center;}
    .location ul {font-family:Gulim;}
    .location ul li {margin-bottom:12px; line-height:20px;}
    .location ul li span {color:#999; font-size:13px; float:none; display:inline; margin-right:10px;}
    .location ul li em {display:inline; margin-left:3px;font-style:normal;}
    .location ul li em strong {color:#0071a9;}
    .location dl {margin-bottom:20px;}
    .location dl dt {background:url(/images/company/bu_lo_arr.gif) 0 2px no-repeat; margin-bottom:10px; padding-left:19px; font-weight:bold; padding-bottom:3px; display:inline-block;}
    .location dl dd {padding-left:19px; line-height:18px;}*/

/*채용정보 */

/*.talent_box {margin-bottom:50px;}
.talent_box .left {float:none;  width:100%; text-align:center;}
.talent_box .right {float:none; width:100%; text-align:center;}
.talent_box ul li strong {margin-bottom:10px;}
.order_box dl {padding-bottom:40px; background:url(/images/recruit/bu_tal_up.jpg) center bottom no-repeat; width:100%; text-align:center; padding-left:0; margin-bottom:30px;}
.order_box dl.last {padding-bottom:0; margin-bottom:0; background:none;}
.order_box dl dt {margin-bottom:15px;}
.order_box dl dd {font-family:Gulim; line-height:18px;}*/

/*w688 : 주요산업 탭*/
/*.tab_type3.n5 .s1,.tab_type3.n5 .s2{ width: 40.69767441860465%;  }
.tab_type3.n5 .s3,.tab_type3.n5 .s4,.tab_type3.n5 .s5{ width: 27.18023255813953%;  }
.tab_type3.n2 > ul > li { width: 40.69767441860465%;  }
.tab_type3.mmp > ul > li {width:49%;}
.tab_type3.mmp > ul > li.s2 {width:49%;}
.tab_type3.mmp > ul > li.s3 {width:98%;}*/


/*AR Coating tab1 : w688*/
/*.ar_tab1_lft{ float: none; width: inherit; }
.ar_tab1_rgh{ float: none; width:inherit;  margin-right:0; text-align: center; margin-bottom: 20px; }
.ar_tab12_lft{float: none; width: inherit;  text-align: center;}
.ar_tab12_rgh{float: none; width: inherit; margin-right: 0;}
.ar_tab12_rgh .lst_arr{ margin-top: 20px; }
.lst_thumb2.type2 > ul > li{ width:100%; }
.lst_thumb2.type2 > ul > li  .h{ margin-bottom: 15px; font-size: 16px;  }
.lst_thumb2.type2 > ul > li.rgh{margin-left: 0;}*/

/*w370px*/
/*.lst_thumb2.type2 > ul > li .inner{ font-size: 13px; line-height: 18px; min-height: 180px; padding: 2.756756756756757%; text-align: left; }*/



/*인재채용 배경 */

/*.recruit_box {background:none; padding-right:0;}*/

/* 넘버 리스트 -타이틀 */
/*.num_tit_list dl dt {float:none; font-size:14px; color:#24282b; font-weight:bold; margin-bottom:20px;}
.num_tit_list dl dd {margin-left:0%; margin-bottom:5px; font-size:13px; color:#666;}*/

/*kewrod box */
/*.keyword_box .inner {border:1px solid #dbdbdb; background:#fff; padding:15px 15px 15px 15px;}
.keyword_box .inner:after {display:block; clear:both; content:"";}
.keyword_box .inner .img {width:100%;text-align:center; border:0; margin-right:3.53658536585%; padding:0 0 10px 0; min-width:147px; float:none;}
.keyword_box .inner .img .key_img {margin-bottom:10px; display:none;}
.keyword_box .inner .img .key_txt {font-size:15px; font-weight:bold;}
.keyword_box .inner .txt {margin-left:0px; text-align:left;}
.keyword_box .inner .txt p.input {text-align:center;}
.keyword_box .inner .txt p.input input {background:#f2f2f2; border:1px solid #bfbfbf; width:82.25806451613%; height:28px; margin-right:7px;}
.keyword_box .inner .txt p.input button {background:#f2f2f2; border:1px solid #bfbfbf; color:#666; height:30px; width:9.35483870968%; vertical-align:middle; font-weight:bold; font-size:14px; min-width:57px;}
.keyword_box .inner .txt .key_txt  {margin-top:15px; padding-top:15px; border-top:1px solid #ddd; text-align:center;}*/

/*채용문의 */
/*	.recruit_box p.slogan {font-size:30px;}
	.mg_list li {width:33%; text-align:center;float:left;}*/
}/*970px*/

@media all and (max-width:768px) {
    /*.contList li {float:left;width:100%;padding:8px;box-sizing: border-box;}
	#visual_sub{display: none;}
	.container_sub{margin-top:5%;}
	#header #gnb-wrap .depth2 .headline img{ height: 100px; }
	.product_section{ margin-bottom: 6%; }
	#article{min-height:inherit; height: inherit !important;	padding-bottom: 3%;}
	#article .locationPage{ margin-bottom: 4%;}
	.swiper-container .swiper-wrapper article{
		position: absolute; left: 50%; top: 0;
		width: 800px;
		margin-left:-400px;
	 	font-size: 0.8em;
	 }*/


	  /*.swiper-container .s2 .headline{
	  }*/
	/* .swiper-container .s1 .link{
		top:52.85897435897436%;
	 }


	.swiper-container .s2 .link{
		left: 40.24358974358974%;
		top: 57.85897435897436%;
	 }*/
	 /*문단 없애기 */
	/* em.enter {display:inline; font-style:normal;}
	 #productMenu{ padding: 2% 0; }
	#productMenu .cont{ padding: 6px 10px;}
	#productMenu .cont ul{}
    #productMenu .cont ul>li {background:none;}
    .lst_thumb.features .cont {}*/

	/* 탭 */
	/*.tabs {margin-bottom:4%; *zoom:1;}*/

	/*qmenu*/
	/*#qmenu{	margin: 30px auto 22px; }
	.pc {display:none;}
	.mo {display:block;}
	#qmenu article p.pc,#qmenu article .more{ display: none; }
	#qmenu article p.mo{ display: block; }
	#qmenu article p{ margin-bottom: 15px; text-align: center; }

	#qmenu .space{ display: block; }
	#qmenu article h1{text-align: center;}
	#qmenu article h1 span{ padding-top: 6px; display: block; *display: block;}

	 #qmenu article.l1 h1 .before{ width: 36px; height: 36px; background-position: -434px -77px;  }
	 #qmenu article.l2 h1 .before{ width:30px; height: 36px; background-position: -486px -77px; }
	 #qmenu article.l3 h1 .before{ width:35px; height: 36px; background-position: -532px -74px; }
	 #qmenu article.l1.on h1 .before{ background-position: -434px -119px; }
	 #qmenu article.l2.on h1 .before{ background-position: -486px -119px;}
	 #qmenu article.l3.on h1 .before{ background-position: -532px -116px; }
	 #qmenu article p{ margin-bottom: 25px; }
	#productMenu h2{ font-size: 14px; text-align: center; color: #666;  margin-bottom: 5px; }
	 .container-main .company-info{
		width: 96%;
		margin-bottom: 10px;
		padding:2%;
		background-color: #50606c;
	}
	.container-main .pr-movie{ width: 48%; }
	.container-main .brochure{ width: 48%; text-align: right;}
	.container-main .brochure .last{ margin-bottom: 0; }

	.mentMain2{ margin:0 auto 2%; padding:6.491228070175439% 3.649122807017544%; text-align: justify;     -moz-text-align-last: left;text-align-last: left;}
	.mentMain2 span.br{ display: inline; }

	#sitemap{ display: none; }

	#footer strong{ float: left;  }
	#footer .copyright{ margin-left: 70px; padding-top: 0; color:#fff;}
	#footer .catalog { text-align: right; padding-top: 20px; }
	#footer .catalog a{text-align: left; color: #fff; }*/

	/*flexible*/
	/*.container-main{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-o-falign-items: stretch;
		align-items: stretch;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack:justify;
		-ms-flex-direction :row;
		-ms-flex-wrap:wrap;
	}

	#footer .copyright {
   display: block;
	padding-top: 2px;
	}

.lst_box2  .Half{ margin-bottom: 4%; border: 0 !important; }
.lst_box2  .app{margin-top: 1%;}*/

/*연혁*/
/*.company1{ height: inherit; margin-bottom:6%; padding-top: 0; padding-right: 20%; background: none; }
*/
/*찾아오시는 길 */
/*.location_area .left {float:none; width:inherit;}
.location_area .right {float:none; width:inherit; margin-bottom: 2%; }
.location_area .right ul{ margin-bottom: 2%; border-bottom: 1px solid #ddd; }*/


/*주요산업 순서 리스트 변환 */
/*.lst_cont.arr > ul > li{  background: url(../images/product/ico_arr_bot.jpg) center 100% no-repeat; float: none; width:inherit; text-align: center; padding-bottom: 15%; }
.lst_cont.arr > ul > li.s1,.lst_cont.arr > ul > li.s2,.lst_cont.arr > ul > li.s1,.lst_cont.arr > ul > li.s3{width:  inherit;  padding-right: 0; margin-bottom: 3%; }*/

/*//주요산업 순서 리스트 변환 */

/*태양광 조성사업*/
/*.lst_circle2 > ul > li{ float: left; width: 100%; min-height: inherit;  font-size: 14px; line-height: 24px;  text-align: center;  }
.lst_circle2 > ul > li h3{text-align: center; }
.lst_circle2 > ul > li.r_line{ padding-left: 0; margin-left: 0; padding-top: 30px; margin-top: 20px; border-top: 1px dotted #a6a6a6; border-left: 0px; }
.lst_circle2 > ul > li.r_line:after{ position: absolute; left: 50%; top: -15px;  background: url(../images/bg/bg_circle2_bot.gif) 0 0 no-repeat; }
.lst_circle2 > ul > li .photo{ margin-top: 15px;  display: inline-block; *display: inline; *zoom: 1;border: 1px solid #dedede; padding: 5px; }

.lst_thumb2 > ul{ text-align: center; }
.lst_thumb2 > ul > li{  width:82.04761904761905%;  }
.lst_thumb2 > ul > li.rgh{ margin-left: 0; }*/
/*//태양광 조성사업*/

/*.lst_thumb.Composition .thumb{ float: none; width: inherit; text-align: center; margin-right: 0; display: block;  }
.lst_thumb.Composition .cont{ float: none; text-align: center; }
.lst_thumb.Composition .cont h2{ text-align: center;}
.lst_thumb.Scheme .thumb{ float: none; width: inherit; text-align: center; margin-right: 0; display: block;  }
.lst_thumb.Scheme .cont{ width:inherit;float: none; text-align: center; margin-top: 10px; }
.lst_thumb.Scheme .cont h2{ text-align: center;}*/
/* sitemap */
	/*#sitemap .inner, #footer .inner{
		display: block;
	}*/

	/*홍보동영상 */
/*.col_box p { font-size:14px; margin-bottom:2%; text-align: center;}*/


	/*좌우분할 해제 */

	/*.f-r {float:none;}
	.f-l {float:none;}
	.Half {width:100%;}
	.Half img{width: 100%;}*/
}/*768px*/


@media all and (max-width:700px) {
	/*#gnb-wrap2{display: block;}
	.btn_gnb{ display: block; margin-top: 0; }
	#header h1 img,.btn_gnb img{ height: 36px; }
	#header .utility_wrap{ display: none; }
	#header #gnb-wrap{ display: none; }

	.swiper-container .swiper-wrapper article{
		position: absolute; left: 50%; top: 0;
		width: 700px;
		margin-left:-350px;
		font-size: 0.7em;
	 }
	#footer .catalog a{ display: inline-block; *display: inline; *zoom: 1; margin-bottom: 10px;}
	#side{ display: none; }
	#article{width:100%; }*/

	/*flexible*/
	/*#header{
		-ms-flex-align:end;
	}

	 #visual_sub{ height: 160px; display:none;}
	 #visual_sub .img{ right: 2%;  }
	 #visual_sub .img img{ max-width: 70%;}
 	#visual_sub p{ left: 2%; font-size: 2em;}

	.lst_circle.line li  {background-position:0 10px;}*/
}/*700px*/




@media all and (max-width:540px) {
/*.swiper-container{  margin: 0 auto ;  }
.swiper-container .swiper-wrapper article{
		position: absolute; left: 50%; top: 0;
		width: 600px;
		margin-left:-300px;
		font-size: 0.6em;
	 }
	 #article .locationPage>p{ display: none; }
	 .swiper-container .s1 .headline{
		left: 27.24359%;
        top:64.858974%;
	  }
      .swiper-container .s1 .headline p img{
        max-width:60%;
      }
	  .swiper-container .s2 .headline{
		left: 24.24358974358974%;
	  }
	  .swiper-container .s3 .headline{
		left: 20.24358974358974%;
	  }

.swiper-container .swiper-wrapper .headline .link{ 	display: none;}
#productMenu article{
	width: auto;
	margin-bottom: 20px;`
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
}
#productMenu .image {
    float:none;
}
#productMenu .cont {margin:0;}*/
/* btn */
 /*button.send {display:inline-block;padding:0px 10px 0px 10px;  color:#fff; background-color:#ffc000;background-image:none; font-size:14px; line-height:35px; height:35px;vertical-align:middle;}
 h2.mentMain{ margin: 0 auto 3%;   padding: 3.385964912280702% 0 5.385964912280702%;  text-align: center;  font-size: 18px;}
  h2.mentMain span.space{ display: block; }
	#productMenu h2{ font-size: 15px; text-align: center; color: #1e1e1e;  margin-bottom: 5px; } .
	.container-main .company-info{
		width: 98%;
		margin-bottom: 10px;
		padding:2%;
		background-color: #50606c;
	}
	.container-main .pr-movie{ width: 100%; max-height: 291px; height: auto; height: 291px; margin-bottom: 10px; }
	.container-main .brochure{ width: 100%;  text-align: center; }

	#footer .catalog{ text-align: center;}
	#footer .catalog a.ca{ width: 100px; }
	#footer strong{ padding-top: 10px; }*/


	/*flexible*/

	/*productMenu*/
	/*#productMenu .inner{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-o-jalign-items: center;
		align-items: center;
		-ms-flex-direction :row;
		-ms-flex-wrap:wrap;
		-ms-flex-pack:center;
		}
		#qmenu{
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: center;
			-moz-justify-content: center;
			-o-justify-content: center;
			justify-content: center;
			-ms-flex-direction :center;
			-ms-flex-wrap:wrap;
			-ms-flex-pack:center;

		}
		#qmenu article{
			width: 100%;
		}
		#qmenu article .space{
			display: inline;
		}

		.tab_type2 > ul > li > img{ max-width: 100% }*/

		/*주요산업*/
		/*주요산업 해더*/
		/*#product_area header.top .cont h1{padding-bottom: 18px;font-size: 32px;  line-height: 43px; }
		#product_area header.top .cont p{ margin-top: 18px; margin-bottom: 40px;}*/

		/*w395*/
		/*주요산업 탭 변환 */
		/*.tab_type3.n5 .s1,.tab_type3.n5 .s2,.tab_type3.n5 .s3,.tab_type3.n5 .s4,.tab_type3.n5 .s5,.tab_type3.n5 .s6{ width: 47%;}
        */
		/*.tab_type3.n5 .s5{ width: 93.2%; }*/
		/*주요산업 features 리스트 변환*/
		/*.lst_thumb.features .thumb{ width: inherit; text-align: center;  margin-right: 0; float: none; margin-bottom: 20px;  }
		.lst_thumb.features .cont{width: 100%;box-sizing:border-box;padding:0 2%;    }*/
		/*//주요산업*/

		/*채용지원 */
		/*.recruit_box2 .upload span.search {display:inline-block; padding:0px 10px 0px 10px; color:#fff; background:#9d9d9d; vertical-align:-1px;font-size:14px; line-height:35px; height:35px;vertical-align:middle;}*/

		/* 채용 문의 */

		/*.formail_box ul li span {display:block; float:none; margin-bottom:10px;}
		.formail_box ul li p {margin-left:0px;}*/

		/*탭스타일 */
		/*.tab_type3.mmp > ul > li {width:100%;}
        .tab_type3.mmp > ul > li.s2 {width:100%;}
        .tab_type3.mmp > ul > li.s3 {width:100%;}*/

/*keyword_box */

/*.keyword_box .inner .txt p.input input {background:#f2f2f2; border:1px solid #bfbfbf; width:72.25806451613%;height:28px; margin-right:7px;}
.keyword_box .inner .txt p.input button {background:#f2f2f2; border:1px solid #bfbfbf; color:#666; height:30px; width:9.35483870968%; vertical-align:middle; font-weight:bold; font-size:14px; min-width:57px;}*/

/*채용문의 */
/*	.recruit_box p.slogan {font-size:23px;}

	.mg_list li {width:48%; text-align:center;float:left;}*/
}/*540px*/

@media all and (max-width:420px) {
	/*#footer strong{ padding-top: 15px; }
	#visual_sub{ height: 120px;}
	#visual_sub .img{ right: 2%;  }
	 #visual_sub .img img{ max-width: 60%;}
 	#visual_sub p{ left: 2%; font-size: 1.5em;}*/

	/* 채용 문의 */
	 	/*.formail_box ul li p input.name {width:285px}
		.formail_box ul li p input.email {width:130px}
		.formail_box ul li p input.tel {width:83px;}*/
}

@media all and (max-width:350px) {
	/*.swiper-container .swiper-wrapper article{
		font-size: 0.45em;
	 }
	 .swiper-container .s1 .headline{}
      .swiper-container .s1 .headline p img{
        max-width:65%;
      }
	  .swiper-container .s2 .headline{
		left: 27.24358974358974%;
	  }
	  .swiper-container .s3 .headline{
		left: 28.24358974358974%;
	  }
	  .swiper-container .s4 .headline{
		left: 36.24358974358974%;
	  }*/


}/*350*/