@charset "utf-8";

/* page common */
.page_visual{
	overflow:hidden;
	width:100%;height:670px;
	position:relative;
	text-align:center;
}
.pn1{background:url(/image/img/sub_visual1.jpg) no-repeat center;}
.pn2{background:url(/image/img/sub_visual2.jpg) no-repeat center;}
.pn3{background:url(/image/img/sub_visual3.jpg) no-repeat center;}
.pn4{background:url(/image/img/sub_visual4.jpg) no-repeat center;}
.pn5{background:url(/image/img/sub_visual5.jpg) no-repeat center;}
.page_visual h2{font-size:50px;color:#fff;padding:305px 0 0;}
.page_visual p{font-size:18px;color:rgba(255,255,255,0.6);}
.page_visual p:before{
	display:block;
	content:"";
	width:70px;height:1px;
	background:#fff;
	margin:10px auto 15px;
}

.page_tabs{
	position:relative;z-index:100;
	max-width:1400px;
	width:100%;
	margin:-29px auto 0;
}
.page_tabs ul{display:table;width:100%;overflow:hidden;border-collapse:collapse;}
.page_tabs ul li{
	display:table-cell;
	height:58px;
	border:1px solid #ddd;
}
.page_tabs ul li a{
	display:block;
	width:100%;height:58px;
	text-align:center;line-height:58px;
	font-size:17px;color:#525252;
	background:#fff;
}
.page_tabs ul li.on{border:1px solid #cd161b;}
.page_tabs ul li.on a{	background:#cd161b;color:#fff;}

.page_tabs ul.m1 li{width:16.666%;}
.page_tabs ul.m2 li{width:11.111%;}
.page_tabs ul.m2 li a{font-family: 'Titillium Web';}
.page_tabs ul.m3 li{width:50%;}






/* m11 */
.m11{padding:120px 0 0;}
.m11 .section1{
	padding:70px 0 100px;
	background:url(/image/img/m11_section1_bg.jpg) no-repeat left 110px;
}
.m11 .section1 .textarea{	
	position:relative;z-index:100;
	margin:110px 0 0 50%;	
}
.m11 .section1 .textwrap{	
	position: relative;
    z-index: 100;
    width: 700px;
    height: 650px;
    padding: 25px 50px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    background: #f3f3f3;
}
.m11 .section1 .textarea .red{
	width:250px;height:250px;
	background:#cd161b;
	position:absolute;left:-10px;top:-10px;
}
.m11 .section1 .textwrap h4{font-size:36px;color:#111;line-height:140%;}
.m11 .section1 .textwrap h4 span{font-weight:500;}
.m11 .section1 .textwrap h4:after{
	display:block;
	content:"";
	width:100px;height:1px;
	background:#cd161b;
	margin:30px 0 55px;
}
.m11 .section1 .textwrap p{
	font-family:"Noto Sans KR";
	margin-bottom:30px;
	font-size:15px;color:#777;line-height:200%;
}


.m11 .section2{padding:0 0 120px;}
.m11 .section2 .page_title2{}
.m11 .section2 .page_title2:before{
	display:block;
	content:"";
	width:1px;height:40px;
	background:#cd161b;
	position:absolute;left:50%;top:100%;
	margin:15px 0 0;
}
.m11 .section2 .page_title2:after{
	display:block;
	content:"";
	width:1px;height:40px;
	background:#fff;
	position:absolute;left:50%;top:100%;z-index:10;
	margin:55px 0 0;
}
.m11 .section2 .toparea{
	height:317px;
	margin:55px 0 0;
	padding:115px 0 0;
	box-sizing:border-box;
	background:url(/image/img/m11_section2_bg1.jpg) no-repeat center;
	text-align:center;
}
.m11 .section2 .toparea ul{}
.m11 .section2 .toparea ul li{
	display:inline-block;
	position:relative;
	font-size:27px;color:#fff;
	padding:0 36px 0 34px;
	    margin-bottom: 15px;
}
.m11 .section2 .toparea ul li:after{
	display:block;
	content:"";
	width:4px;height:4px;
	background:#cd161b;
	position:absolute;right:0;top:50%;
	margin-top:-2px;
}
.m11 .section2 .toparea ul li:last-child{}
.m11 .section2 .toparea ul li:last-child:after{display:none;}
.m11 .section2 .toparea p{margin:25px;font-size:15px;color:#fff;}

.m11 .section2 .company_info1{padding:75px 0 95px;text-align:center;}
.m11 .section2 .company_info1 dl{
	display:inline-block;
	position:relative;
	width:310px;
	text-align:center;
	padding:60px 0 0;
}
.m11 .section2 .company_info1 dl:after{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#ddd;
	position:absolute;right:0;top:0;
}
.m11 .section2 .company_info1 dl:nth-child(1){background:url(/image/img/m11_section2_ico1.gif) no-repeat center top;}
.m11 .section2 .company_info1 dl:nth-child(2){background:url(/image/img/m11_section2_ico2.gif) no-repeat center top;}
.m11 .section2 .company_info1 dl:nth-child(3){background:url(/image/img/m11_section2_ico3.gif) no-repeat center top;}
.m11 .section2 .company_info1 dl:nth-child(4){background:url(/image/img/m11_section2_ico4.gif) no-repeat center top;}
.m11 .section2 .company_info1 dl:nth-child(4):after{display:none;}
.m11 .section2 .company_info1 dl dt{margin-bottom:5px;font-size:20px;color:#272727;}
.m11 .section2 .company_info1 dl dd{font-size:15px;color:#777;}

.m11 .section2 .company_info2{border-top:2px solid #777;}
.m11 .section2 .company_info2>div{overflow:hidden;padding:20px 0;border-bottom:1px solid #e6e6e6}
.m11 .section2 .company_info2>div .tit{
	float:left;
	box-sizing:border-box;
	position:relative;
	width:303px;
	padding:0 30px;
	font-size:20px;color:#000;
}
/*
.m11 .section2 .company_info2>div .tit:after{
	display:block;
	content:"";
	width:1px;height:20px;
	background:#e6e6e6;
	position:absolute;right:0;top:4px;
}
*/
.m11 .section2 .company_info2>div dl{
	overflow:hidden;
	float:left;
	position:relative;
	box-sizing:border-box;
	padding:3px 45px 0;
}
/*
.m11 .section2 .company_info2>div dl:after{
	display:block;
	content:"";
	width:1px;height:20px;
	background:#e6e6e6;
	position:absolute;right:0;top:4px;
}*/
.m11 .section2 .company_info2>div dl dt{
	float:left;
	font-size:15px;color:#272727;
	width:40px;
}
.m11 .section2 .company_info2>div dl dd{
	float:left;
	font-size:15px;color:#777;
}

.m11 .section2 .company_info2>div dl.bg1{background:url(/image/img/m11_section2_ico11.gif) no-repeat 20px center;}
.m11 .section2 .company_info2>div dl.bg2{background:url(/image/img/m11_section2_ico22.gif) no-repeat 20px center;}
.m11 .section2 .company_info2>div dl.bg3{background:url(/image/img/m11_section2_ico33.gif) no-repeat 16px center;}
.m11 .section2 .company_info2>div dl.bg3:after{display:none;}

.m11 .section3{
	height:960px;
	padding:110px 0 0;
	box-sizing:border-box;background:#f3f3f3;
}
.m11 .section3 .conwrap{position:relative;padding:55px 0 0;}
.m11 .section3 .conwrap .round{
	position:relative;
	width:575px;height:574px;
	margin:0 auto;
}
.m11 .section3 .conwrap .round .logo{
	position:absolute;left:50%;top:50%;
	margin:-70px 0 0 -58px;
}
.m11 .section3 .conwrap dl{position:absolute;}
.m11 .section3 .conwrap dl dt{margin-bottom:10px;font-size:21px;color:#000;font-weight:500;}
.m11 .section3 .conwrap dl dd{font-size:16px;color:#000;}

.m11 .section3 .conwrap dl:nth-child(1){right:50%;top:100px;margin:0 315px 0 0;text-align:right;}
.m11 .section3 .conwrap dl:nth-child(2){left:50%;top:100px;margin:0 0 0 315px;text-align:left;}
.m11 .section3 .conwrap dl:nth-child(3){right:50%;top:480px;margin:0 315px 0 0;text-align:right;}
.m11 .section3 .conwrap dl:nth-child(4){left:50%;top:480px;margin:0 0 0 315px;text-align:left;}


.m11 .section4{padding:115px 0 120px;}
.m11 .section4 ol{overflow:hidden;padding:50px 0 0;}
.m11 .section4 ol>li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:25%;height:556px;
	padding:110px 30px 0;
}
.m11 .section4 ol>li:nth-child(1){background:url(/image/img/m11_section4_bg1.jpg) no-repeat;}
.m11 .section4 ol>li:nth-child(2){background:url(/image/img/m11_section4_bg2.jpg) no-repeat;}
.m11 .section4 ol>li:nth-child(3){background:url(/image/img/m11_section4_bg3.jpg) no-repeat;}
.m11 .section4 ol>li:nth-child(4){background:url(/image/img/m11_section4_bg4.jpg) no-repeat;}

.m11 .section4 ol>li .num{
	width:60px;height:24px;
	text-align:left;
	box-sizing:border-box;
	padding:0 0 0 30px;
	background:#cd161b;
	line-height:24px;color:#fff;
	font-family: 'Titillium Web';font-size:16px;font-weight:600;
	position:absolute;left:0;top:48px;
}
.m11 .section4 ol>li h5{margin-bottom:15px;font-size:20px;color:#fff;}
.m11 .section4 ol>li ul{}
.m11 .section4 ol>li ul>li{
	position:relative;
	font-size:15px;color:#fff;
	padding-left:8px;
	line-height:170%;
}
.m11 .section4 ol>li ul>li:before{
	display:block;
	content:"";
	width:5px;height:1px;
	background:#fff;
	position:absolute;left:0;top:10px;
}


.m11 .section5{padding:115px 0 120px;background:#f3f3f3;}
.m11 .section5 .titbtm{padding:30px 0 50px;font-size:15px;color:#777;text-align:center;}
.m11 .section5 .strategy{
	padding:30px 0 0;
	position:relative;
}
.m11 .section5 .strategy .bg{
	width:100%;height:421px;
	background:url(/image/img/m11_section5_bg.gif) no-repeat center top;
	position:absolute;left:0;top:0;
}
.m11 .section5 .strategy h5{
	width:580px;height:125px;
	font-family: 'Titillium Web';
	font-size:28px;color:#fff;font-weight:600;
	background:#c91e23;
	text-align:center;line-height:125px;
	border-radius:80px;
	margin:0 auto;
	position:relative;z-index:10;
}
.m11 .section5 .strategy h5 span{border-bottom:1px solid #fff;}
.m11 .section5 .strategy h6{
	position:relative;z-index:10;
	margin:70px 0 60px;
	font-size:36px;color:#000;
	text-align:center;line-height:120%;font-weight:500;
}
.m11 .section5 .strategy>div{overflow:hidden;}
.m11 .section5 .strategy dl{
	position:relative;
	float:left;
	width:225px;height:225px;
	box-sizing:border-box;
	border:2px solid #ddd;
	background:#fff;
	text-align:center;
	border-radius:50%;
	padding:70px 0 0;
	margin-right:68px;
}
.m11 .section5 .strategy dl:last-child{margin-right:0;}
.m11 .section5 .strategy dl:after{
	display:block;
	content:"";
	width:30px;height:6px;
	background:url(/image/img/m11_section5_dot.png) no-repeat;
	position:absolute;left:100%;top:50%;
	margin-left:21px;
}
.m11 .section5 .strategy dl:last-child:after{display:none;}
.m11 .section5 .strategy dl dt{font-size:24px;color:#000;}
.m11 .section5 .strategy dl dd{display:table;width:100%;height:65px;font-size:15px;color:#777;text-align:center;}
.m11 .section5 .strategy dl dd span{display:table-cell;vertical-align:middle;}




/* m12 */
.m12{padding:120px 0 0;}
.m12 .history{position:relative;margin:60px auto 0;}
.m12 .history .boxwrap{overflow:hidden;position:relative;padding:260px 0 0;}
.m12 .history .boxwrap.bg1{background:url(/image/img/m12_boxwrap_bg1.jpg) no-repeat right 190px;}
.m12 .history .boxwrap.bg2{background:url(/image/img/m12_boxwrap_bg2.jpg) no-repeat left 190px;}

.m12 .history .boxwrap .txtbox{
    position: relative;
    margin-bottom: 0px;
    box-sizing: border-box;
    width: 700px;
    height: 850px;
    background: #f6f6f6;
    padding: 260px 0 0 110px;
}
.m12 .history .boxwrap .year{
	position:absolute;top:0;z-index:-1;
	font-family: 'Titillium Web';font-size:220px;font-weight:600;
	color:#f3f3f3;line-height:100%;
}
.m12 .history .boxwrap .titarea{
	box-sizing:border-box;
	width:310px;height:280px;
	border:8px solid #cd161b;
	position:absolute;top:-70px;
	padding:115px 30px 0;
}
.m12 .history .boxwrap .titarea p{font-size:17px;color:#5d5d5d;}
.m12 .history .boxwrap .titarea div{
	position:relative;
	font-size:36px;color:#000;font-weight:500;
}
.m12 .history .boxwrap .titarea div:before{
	display:block;
	content:"";
	width:25px;height:2px;
	background:#000;
	margin:25px 0 15px;
}
.m12 .history .boxwrap .conarea{}
.m12 .history .boxwrap .conarea dl{overflow: hidden;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: -10px;
    display: flex;}
.m12 .history .boxwrap .conarea dl:after{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#ddd;
	position:absolute;left:90px;top:10px;
}
.m12 .history .boxwrap .conarea dl:last-child:after{height:7%}
.m12 .history .boxwrap .conarea dl dt{
    float: left;
    position: relative;
    min-width: 96px !important;
    font-family: 'Titillium Web';
    font-size: 28px;
    color: #222;
    font-weight: 400;
    line-height: 100%;
}
.m12 .history .boxwrap .conarea dl dt:after{
	display:block;
	content:"";
	width:6px;height:6px;
	background:#929292;
	position:absolute;right:2px;top:10px;z-index:10;
}
.m12 .history .boxwrap .conarea dl dd{
	float:left;
	width:calc(100% -95px);
	padding:0 0 0 30px;
	box-sizing:border-box;
}
.m12 .history .boxwrap .conarea dl dd ul{}
.m12 .history .boxwrap .conarea dl dd ul li{}
.m12 .history .boxwrap .conarea dl dd ul li .month{
	float:left;
	width:25px;
	min-height: 27px;
	font-size:15px;color:#cd161b;line-height:180%;
}
.m12 .history .boxwrap .conarea dl dd ul li .con{
	float:left;
	width:calc(100% - 25px);
	font-size:15px;color:#757575;line-height:180%;
}


.m12 .history .boxwrap:nth-child(odd) .titarea{left:77px;}
.m12 .history .boxwrap:nth-child(odd) .year{right:0;}

.m12 .history .boxwrap:nth-child(even) .titarea{right:77px;}
.m12 .history .boxwrap:nth-child(even) .txtbox{
	float:right;
	background:#f6f6f6 url(/image/img/m12_bg2.gif) no-repeat center bottom;
}
.m12 .history .boxwrap:nth-child(even) .year{left:0;}





/* m13 */
.m13{padding:120px 0 0;}
.m13 .organization{margin-top:75px;padding:265px 0;background:#f3f3f3;}
.m13 .organization>div{
	min-height:720px;
	background:url(/image/img/m13_bg1.gif) no-repeat center;
}
.m13 .organization>div dl{
	position:absolute;
	padding-top:65px;
}
.m13 .organization>div dl dt{display:none;}
.m13 .organization>div dl dd.business{    font-size: 16px;color:#000;line-height:140%;margin-bottom:5px;}
.m13 .organization>div dl dd{font-size: 11px;color:#777;line-height:170%;}

.m13 .organization>div dl.bg1{
	text-align:center;
	background:url(/image/img/m13_ico1.gif) no-repeat center top;
	left:50%;top:-190px;
	transform:translate(-50%);
	max-width: 200px;
}
.m13 .organization>div dl.bg2{
	text-align:left;
	background:url(/image/img/m13_ico2.gif) no-repeat left top;
	right:0%;top:175px;
	transform:translate(-50%);
	max-width: 200px;
}
.m13 .organization>div dl.bg3{
	text-align:left;
	background:url(/image/img/m13_ico3.gif) no-repeat left top;
	right:-100px;top:610px;
	transform:translate(-50%);
	max-width: 200px;
}
.m13 .organization>div dl.bg4{
	text-align:right;
	background:url(/image/img/m13_ico4.gif) no-repeat right top;
	left:120px;top:610px;
	max-width: 200px;
}
.m13 .organization>div dl.bg5{
	text-align:right;
	background:url(/image/img/m13_ico5.gif) no-repeat right top;
	left:60px;top:175px;
	max-width: 200px;
}




/* m14 */
.m14{padding:120px 0 0;}
.m14 .factory{
	position:relative;
	padding:75px 0 145px;
}
.m14 .factory:after{
	display:block;
	content:"";
	width:100%;height:740px;
	background:#f3f3f3;
	position:absolute;left:0;bottom:0;
}
.m14 .factory .infowrap{
	width:700px;
	position:relative;z-index:10;
	box-sizing:border-box;
	    padding: 9px 105px 0;
}
.m14 .factory .infowrap.last{padding:120px 105px;}
.m14 .factory .infowrap .numarea{padding:0 0 8px;margin-bottom:45px;border-bottom:1px solid #ddd;}
.m14 .factory .infowrap .numarea span{
	display: block;
    width: 60px;
    height: 60px;
    padding: 0 0 0 0;
    background: #cd161b;
    text-align: right;
    font-family: 'Titillium Web';
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m14 .factory .infowrap .cate{font-family: 'Titillium Web';font-size:18px;color:#000}
.m14 .factory .infowrap .sbj{margin:5px 0 25px;font-size:36px;color:#333;line-height:120%;}
.m14 .factory .infowrap p{margin-bottom:25px;font-size:15px;color:#777;line-height:180%;}

.m14 .factory .posi_left{}
.m14 .factory .posi_right{margin-left:50%;}
.m14 .factory .img1{position:absolute;right:100%;top:0;z-index:10;}
.m14 .factory .img2{position:absolute;left:100%;bottom:0px;z-index:10;}





/* m15 */
.m15{padding:120px 0 0;}
.m15 .section1{padding:70px 0 120px 0;}
.m15 .certification ul{padding:50px 0 20px;overflow:hidden;}
.m15 .certification ul li{
	float:left;
	position:relative;
	width:32.666%;
	margin-right:1%;
	padding:60px 0;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#fff;
	text-align:center;
}
.m15 .certification ul li img{margin-left:10px}
.m15 .certification ul li:last-child{margin-right:0;}
.m15 .certification ul li .sbj{
	position:absolute;left:50%;bottom:-20px;
	width:240px;height:40px;
	margin:0 0 0 -120px;
	background:#cd161b;
	font-family: 'Titillium Web';font-size:22px;color:#fff;
	line-height:40px;
}
.m15 .section2{padding:120px 0 120px 0;background:#f6f6f6}






/* m16 */
.m16{padding:120px 0 0;}
.m16 .location_wrap{padding:120px 0;background:#f6f6f6;}
.m16 .location_wrap.hq{background:0;}
.m16 .location_wrap .maparea{box-shadow:5px 5px 20px 10px rgba(0,0,0,0.1);}
.m16 .location_wrap .location_info{position:relative;z-index:10;padding:0 100px;}
.m16 .location_wrap .location_info:after{display:block;content:"";clear:both;}
.m16 .location_wrap .location_info .titbox{
	float:left;
	width:325px;height:325px;
	box-sizing:border-box;
	background:#777;
	padding:50px 55px 0;
	margin:-115px 0 0;	
}
.m16 .location_wrap.hq .location_info .titbox{background:#cd161b;}
.m16 .location_wrap .location_info .titbox .cate{
	padding-top:80px;
	font-family: 'Titillium Web';font-size:18px;color:#fff;font-weight:600;
	background:url(/image/img/m16_ico2.png) no-repeat left top;
}
.m16 .location_wrap.hq .location_info .titbox .cate{
	background:url(/image/img/m16_ico1.png) no-repeat left top;
}
.m16 .location_wrap .location_info .titbox .tit{
	margin:40px 0 0;
	font-size:27px;font-weight:400;color:#fff;line-height:130%;
}

.m16 .location_wrap .location_info .info{
	float:left;
	padding:55px 0 0 160px;
}
.m16 .location_wrap .location_info .info dl{overflow:hidden;margin-bottom:10px;}
.m16 .location_wrap .location_info .info dl dt{
	float:left;
	width:90px;
	box-sizing:Border-box;
	padding-left:30px;
	font-size:15px;color:#222;
}
.m16 .location_wrap .location_info .info dl dd{
	float:left;
	width:calc(100% - 90px);
	font-size:15px;color:#777;
}
.m16 .location_wrap .location_info .info dl:nth-child(1){background:url(/image/img/m16_dl_bg1.png) no-repeat 2px 2px;}
.m16 .location_wrap .location_info .info dl:nth-child(2){background:url(/image/img/m16_dl_bg2.png) no-repeat left 2px;}
.m16 .location_wrap .location_info .info dl:nth-child(3){background:url(/image/img/m16_dl_bg3.png) no-repeat left 2px;}





/* m2 */
.m2{padding:120px 0;}

.m2 .cutter_list_ul{overflow:hidden;}
.m2 .cutter_list_ul li{
	float:left;
	position:relative;
	box-sizing:border-box;
	width:459px;height:250px;
	margin:0 11px 11px 0;
	border:1px solid #ddd;
}
.m2 .cutter_list_ul li:hover a:after{
	display:block;
	content:"";
	width:100%;height:100%;
	border:2px solid #cd161b;
	box-sizing:border-box;
	position:absolute;left:0;top:0;
}
.m2 .cutter_list_ul li:nth-child(3n){margin-right:0;}
.m2 .cutter_list_ul li .txtarea{
	position:absolute;left:0;top:0;
	padding:50px;
}
.m2 .cutter_list_ul li .txtarea .cate{
	margin-left:3px;
	font-family: 'Titillium Web';
	font-size:18px;color:#cd161b;
}
.m2 .cutter_list_ul li .txtarea .sbj{
	font-family: 'Titillium Web';
	font-size:36px;color:#272727;line-height:110%;
}
.m2 .cutter_list_ul li .txtarea .plus{display:block;position:relative;width:32px;height:32px;margin:25px 0 0;}
.m2 .cutter_list_ul li .txtarea .plus:before{
	display:block;
	content:"";
	width:100%;height:1px;
	background:#cd161b;
	position:absolute;left:0;top:50%;
}
.m2 .cutter_list_ul li .txtarea .plus:after{
	display:block;
	content:"";
	width:1px;height:100%;
	background:#cd161b;
	position:absolute;left:50%;top:0;
}



.cutter_links{height:44px;}
.cutter_links>ul{float:right;height:42px;}
.cutter_links>ul>li{}
.cutter_links>ul>li{
	float:left;
	position:relative;
	line-height:44px;
	padding-right:16px;margin-right:13px;
}
.cutter_links>ul>li:after{
	display:block;
	content:"";
	width:6px;height:9px;
	background:url(/image/img/m31_arr.gif) no-repeat;
	background-size:cover;
	position:absolute;right:0;top:50%;
	transform:translateY(-50%);
}
.cutter_links>ul>li:last-child{margin:0;padding:0;}
.cutter_links>ul>li:last-child:after{display:none;}
.cutter_links>ul>li:last-child{
	box-sizing:border-box;
	width:290px;height:44px;	
	padding:0 15px;
	border:1px solid #ddd;
	background:url(/image/img/m2_arr1.gif) no-repeat 95% center;
}
.cutter_links>ul>li>ul{
	display:none;
	position:absolute;left:-1px;top:100%;z-index:100;
	padding:0 15px;
	width:calc(100% + 2px);
	box-sizing:border-box;
	background:#fff;
	border:1px solid #ddd;
}



.m2 .titlebtm{margin-bottom:75px;}
.m2 .list_ul{
	overflow:hidden;
	border-top:2px solid #cd161b;
	padding:20px 0 0;
	margin:20px 0 0;
}
.m2 .list_ul li{
	float:left;
	width:342px;height:410px;
	position:relative;
	box-sizing:border-box;
	border:1px solid #ddd;
	margin:0 10px 10px 0;
}
.m2 .list_ul li:hover:after{
	display:block;content:"";
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	border:4px solid #cd161b;
	box-sizing:border-box;
}
.m2 .list_ul li:nth-child(4n){margin-right:0;}
.m2 .list_ul li .sbj{
	position:absolute;left:0;bottom:40px;
	font-family: 'Titillium Web';
	font-size:28px;color:#272727;
	width:100%;text-align:center;
}


.paging{width:100%;margin:60px 0 0;text-align:center;font-size:0;}
.paging a{
	display:inline-block;vertical-align:top;
	width:48px;height:48px;
	border:1px solid #ddd;
	margin-left:-1px;
	font-family: 'Titillium Web';font-size:18px;color:rgba(26,26,26,0.7);
	line-height:48px;
}
.paging strong{
	display:inline-block;vertical-align:top;
	width:48px;height:48px;
	border:1px solid #ddd;border-bottom:1px solid #cd161b;
	margin-left:-1px;
	font-family: 'Titillium Web';font-size:18px;color:#e00515;
	line-height:48px;
	box-shadow:0 -1px 0 #cd161b inset;
}







/* m31 */
.m31{padding:120px 0 0;}
.m31 .m31_section1{
	position:relative;
	height:475px;
	margin:75px 0 0;
	background:url(/image/img/m31_bg1.jpg) no-repeat center;
}
.m31 .m31_section1 .textarea{padding:70px 0 0;margin-top:200px;}
.m31 .m31_section1 .textarea h4{
	font-family: 'Titillium Web';
	font-size:40px;color:#111;line-height:120%;
}
.m31 .m31_section1 .textarea h4:after{
	display:block;
	content:"";
	width:100px;height:1px;
	background:#cd161b;
	margin:30px 0 50px;
}
.m31 .m31_section1 .textarea h4 span{font-weight:600;}
.m31 .m31_section1 .textarea p{font-size:15px;color:#777;line-height:180%;}
.m31 .m31_section1 .imgarea{
	position:relative;z-index:10;
	width:1070px;height:445px;
	position:absolute;right:0;top:-100px;
	background:url(/image/img/m31_img1.jpg) no-repeat;
}
.m31 .m31_section1 .redbox{
	position:absolute;left:50%;top:-110px;z-index:1;
	width:250px;height:250px;
	margin:0 0 0 -130px;
	background:#cd161b;	
}
.m31 .m31_section1 .imgarea .borderline{
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	border:1px solid rgba(255,255,255,0.4);
	margin:10px auto;
	box-sizing:border-box;
}

.m31 .m31_section2{padding:40px 0 120px 0;}
.m31 .m31_section2 tabl e{}
.m31 .m31_section2 table td{
	padding:50px 0;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.m31 .m31_section2 table td.ico{width:190px;}
.m31 .m31_section2 table td.sbj{width:200px;font-size:20px;padding:50px 20px;color:#272727;text-align:left;}
.m31 .m31_section2 table td.txt{font-size:15px;padding:50px 20px;color:#777;text-align:left;}


.m31 .m31_section3{background:#f3f3f3;padding:120px 0;}
.m31 .m31_section3 .tit_btm{
	font-size:15px;color:#777;
	text-align:center;
	padding:35px 0 0;
}
.m31 .m31_section3 h4{margin:65px 0 0;font-size:33px;color:#000;text-align:center;font-weight:500;}
.m31 .m31_section3 h4 span{color:#cd161b}
.m31 .m31_section3 .mission{
	position:relative;
	width:832px;height:705px;
	margin:35px auto 0;
}
.m31 .m31_section3 .mission .bg1{
	position:relative;
	position:absolute;right:50%;bottom:88px;
	width:653px;height:558px;
	margin-right:-327px;
}
.m31 .m31_section3 .mission .titarea{
	position:relative;
	width:423px;height:499px;
	position:absolute;left:50%;top:0;z-index:100;
	margin:0 0 0 -212px;
}
.m31 .m31_section3 .mission .titarea .bg2{
	width:423px;height:499px;
	background:url(/image/img/m31_section3_bg2.gif) no-repeat;
	position:absolute;left:0;top:0;
}
.m31 .m31_section3 .mission .titarea h5{
	width:365px;height:365px;
	margin:107px auto 0;
	box-sizing:border-box;
	border:1px solid #cd161b;
	border-radius:50%;	
	text-align:center;
	background:#fff;
	font-size:29px;color:#000;line-height:140%;font-weight:500;
	    padding: 33px 0 0 0;
	position:relative;z-index:10;;
}

.m31 .m31_section3 .mission ul{overflow:hidden;}
.m31 .m31_section3 .mission ul li{
    width: 156px;
    height: 156px;
    text-align: center;
    line-height: 28px;
    padding-top: 59px;
    box-sizing: border-box;
    border: 6px solid #dcdcdc;
    font-size: 20px;
    color: #272727;
    border-radius: 50%;
    position: absolute;
    z-index: 100;
}
.m31 .m31_section3 .mission ul li:nth-child(1){left:50%;top:50%;margin:-140px 0 0 250px;}
.m31 .m31_section3 .mission ul li:nth-child(2){left:50%;top:50%;margin:90px 0 0 160px;}
.m31 .m31_section3 .mission ul li:nth-child(3){left:50%;top:50%;margin:185px 0 0 -75px;}
.m31 .m31_section3 .mission ul li:nth-child(4){left:50%;top:50%;margin:90px 0 0 -315px;}
.m31 .m31_section3 .mission ul li:nth-child(5){left:50%;top:50%;margin:-140px 0 0 -410px;}




/* m32 */
.m32{padding:120px 0;}
.m32 table{width:100%;margin:70px 0 0;border-top:2px solid #cd161b;}
.m32 table th{
	position:relative;
	height:70px;
	border-bottom:1px solid #ddd;
	font-size:20px;color:#333;text-align:center;
	background:#f5f5f5;
}
.m32 table th:after{
	display:block;
	content:"";
	width:1px;height:20px;
	position:absolute;right:0;top:50%;
	margin-top:-10px;
	background:#ccc;
}
.m32 table th:last-child:after{display:none;}
.m32 table td{
	padding:20px 40px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:17px;color:#777;
	text-align:right;
}
.m32 table td:last-child{border-right:0;}
.m32 table td.tl{text-align:left;}





/* m41 */
.m41{padding:149px 0 0;}
.m41 .section1{padding:70px 0 120px;}
.m41 .section1 ul{overflow:hidden;}
.m41 .section1 ul li{
	float:left;
	width:272px;height:442px;
	box-sizing:border-box;
	border:1px solid #ddd;
	text-align:center;
	margin:0 10px 0 0;
	padding:25px 40px;
}
.m41 .section1 ul li:last-child{margin-right:0;}
.m41 .section1 ul li .step{
	display:inline-block;
	border-bottom:1px solid #c91e23;
	font-size:15px;color:#c91e23;
}
.m41 .section1 ul li .ico{margin:45px 0 25px;height:70px;}
.m41 .section1 ul li .sbj{
	display:table;
	position:relative;
	width:100%;height:60px;
	margin-bottom:20px;
	font-size:20px;color:#000;
	text-align:center;
}
.m41 .section1 ul li .sbj:after{
	display:block;
	content:"";
	width:11px;height:14px;
	background:url(/image/img/m31_arr.gif) no-repeat;
	position:absolute;right:-20px;top:50%;
	margin:-7px 0 0 0;
}
.m41 .section1 ul li:last-child .sbj:after{display:none;}
.m41 .section1 ul li p{
	font-family:"Noto Sans KR";
	font-size:15px;color:#777;
	line-height:180%;
}

.m41 .section2{padding:120px 0;background:#f3f3f3;}
.m41 .section2 .contact_table{width:100%;padding:50px 0 0;}
.m41 .section2 .contact_table>div{
	overflow:hidden;
	border:1px solid #ddd;
	padding:15px 0;
	margin-bottom:15px;
	background:#fff;
}
.m41 .section2 .contact_table>div.text{
	margin-bottom:0;
	border-bottom:0;
}
.m41 .section2 .contact_table>div.text~div{border-top:0;}
.m41 .section2 .contact_table .tit{
	float:left;
	box-sizing:border-box;
	width:140px;
	padding:0 0 0 20px;
	font-size:15px;color:#777;
}
.m41 .section2 .contact_table .tit .req{
	display:inline-block;
	color:rgba(205,22,27,0.7);
}
.m41 .section2 .contact_table .input{
	float:left;
	width:calc(100% - 140px);	
}	
.m41 .section2 .contact_table .input .ipt{
	width:100%;
	border:0;outline:0;
}
.m41 .section2 .contact_table .input textarea{
	width:100%;height:280px;
	border:0;outline:0;
	resize:none;
}
.m41 .section2 .send{padding:35px 0;text-align:center;}
.m41 .section2 .send a{
	display:inline-block;
	width:298px;height:57px;
	text-align:center;line-height:57px;
	background:#cd161b;
	font-size:17px;color:#fff;
}
.captcha_wrap{overflow:hidden;margin:20px 0 0;}
.captcha_wrap .tit{
	float:left;
	box-sizing:border-box;
	width:110px;
	padding:0 0 0 20px;
	font-size:15px;color:#777;
}
.captcha_wrap .input{
	float:left;
	width:calc(100% - 110px);	
}
.captcha_wrap .tit .req{
	display:inline-block;
	color:rgba(205,22,27,0.7);
}



.agree_wrap{}
.agree_wrap textarea{
	border:1px solid #ddd;
	background:#fff;
	box-sizing:border-box;
	padding:30px 20px;
	width:100%;height:215px;
	font-size:15px;color:#888;
	resize:none;
}
.agree_wrap .agree_chk{margin:10px 0 0;}
.agree_wrap .agree_chk input{width:18px;height:18px;}
.agree_wrap .agree_chk label{display:inline-block;margin:0 0 0 10px;font-size:15px;color:#888;}








/* 서브 모션 */
.m11 .section1{transform:translateX(-100px);}
.m11 .section1.in-view{
	transform:translateX(0px);
	transition:all 1s;
}
.m11 .section1 .textarea{
	opacity:0;
	transform:translateX(-100px);
}
.m11 .section1.in-view .textarea{
	opacity:1;
	transform:translateX(0);
	transition:all 0.6s ease-out 0.4s;
}
.m11 .section2 .toparea{transform:translateY(100px);opacity:0;}
.m11 .section2.in-view .toparea{transform:translateY(0px);opacity:1;transition:all 0.6s ease-out}
.m11 .section2 .company_info1{transform:translateY(100px);opacity:0;}
.m11 .section2 .company_info1.in-view{transform:translateY(0px);opacity:1;transition:all 0.6s ease-out}
.m11 .section2 .company_info2{transform:translateY(100px);opacity:0;}
.m11 .section2 .company_info2.in-view{transform:translateY(0px);opacity:1;transition:all 0.6s ease-out}
.m11 .section3 .round {perspective:800px;}
.m11 .section3 .round .roundimg{transform:translateZ(-500px) rotate(-180deg);opacity:0;}
.m11 .section3 .in-view .round .roundimg{transform:translateZ(0px) rotate(0deg);opacity:1;transition:all 1.2s}
.m11 .section3 .conwrap dl{opacity:0;}
.m11 .section3 .conwrap dl:nth-child(1){transform:translateX(60px)}
.m11 .section3 .conwrap dl:nth-child(2){transform:translateX(-60px)}
.m11 .section3 .conwrap dl:nth-child(3){transform:translateX(60px)}
.m11 .section3 .conwrap dl:nth-child(4){transform:translateX(-60px)}

.m11 .section3 .in-view dl:nth-child(1){opacity:1;transform:translateX(0px);transition:all 0.6s 1s}
.m11 .section3 .in-view dl:nth-child(2){opacity:1;transform:translateX(0px);transition:all 0.6s 1s}
.m11 .section3 .in-view dl:nth-child(3){opacity:1;transform:translateX(0px);transition:all 0.6s 1s}
.m11 .section3 .in-view dl:nth-child(4){opacity:1;transform:translateX(0px);transition:all 0.6s 1s}

.m11 .section4 ol>li{
	opacity:0;
	transform:translateY(100px);
} 
.m11 .section4.in-view ol>li:nth-child(1){opacity:1;transform:translateY(0px);transition:all 0.6s 0.2s ease-out}
.m11 .section4.in-view ol>li:nth-child(2){opacity:1;transform:translateY(0px);transition:all 0.6s 0.4s ease-out}
.m11 .section4.in-view ol>li:nth-child(3){opacity:1;transform:translateY(0px);transition:all 0.6s 0.6s ease-out}
.m11 .section4.in-view ol>li:nth-child(4){opacity:1;transform:translateY(0px);transition:all 0.6s 0.8s ease-out}

.m11 .section5{}
.m11 .section5 .strategy .bg{opacity:0;top:150px;}
.m11 .section5 .strategy dl{
	opacity:0;
	transform:rotate(45deg);
}

.m11 .section5 .in-view .strategy .bg{opacity:1;top:0;transition:all 0.8s ease-out 0.8s}
.m11 .section5 .in-view .strategy dl:nth-child(1){opacity:1;transform:rotate(0);transition:all 0.6s 0.4s;}
.m11 .section5 .in-view .strategy dl:nth-child(2){opacity:1;transform:rotate(0);transition:all 0.6s 0.5s;}
.m11 .section5 .in-view .strategy dl:nth-child(3){opacity:1;transform:rotate(0);transition:all 0.6s 0.6s;}
.m11 .section5 .in-view .strategy dl:nth-child(4){opacity:1;transform:rotate(0);transition:all 0.6s 0.7s;}
.m11 .section5 .in-view .strategy dl:nth-child(5){opacity:1;transform:rotate(0);transition:all 0.6s 0.8s;}




.m12{}
.m12 .history .boxwrap:nth-child(odd) .year{opacity:0;right:-100px;}
.m12 .history .boxwrap.in-view:nth-child(odd) .year{opacity:1;right:0;transition:all 1s ease-out;}
.m12 .history .boxwrap:nth-child(even) .year{opacity:0;left:-100px;}
.m12 .history .boxwrap.in-view:nth-child(even) .year{opacity:1;left:0;transition:all 1s ease-out;}

.m12 .history .boxwrap:nth-child(odd) .titarea{opacity:0;left:177px;top:-170px;}
.m12 .history .boxwrap.in-view:nth-child(odd) .titarea{opacity:1;left:77px;top:-70px;transition:all 0.8s ease-out;}
.m12 .history .boxwrap:nth-child(even) .titarea{opacity:0;right:177px;top:-170px;}
.m12 .history .boxwrap.in-view:nth-child(even) .titarea{opacity:1;right:77px;top:-70px;transition:all 0.8s ease-out;}

.m12 .history .boxwrap .conarea{opacity:0;transform:translateX(60px);}
.m12 .history .boxwrap.in-view .conarea{opacity:1;transform:translateX(0);transition:all 0.8s ease-out 0.4s;}




.m13{}
.m13 dl{opacity:0;}
.m13 .organization>div dl.bg1{top:-90px}
.m13 .organization>div dl.bg2{right:90px}
.m13 .organization>div dl.bg3{right:00px;top:510px;}
.m13 .organization>div dl.bg4{left:220px;top:510px;}
.m13 .organization>div dl.bg5{left:160px}

.m13 .organization>div.in-view dl.bg1{opacity:1;top:-190px;transition:all 0.6s ease-out;       top: -228px;}
.m13 .organization>div.in-view dl.bg2{opacity:1;right:0px;transition:all 0.6s ease-out 0.2s;   }
.m13 .organization>div.in-view dl.bg3{opacity:1;right:0;top:610px;transition:all 0.6s ease-out 0.4s;    }
.m13 .organization>div.in-view dl.bg4{opacity:1;left:120px;top:610px;transition:all 0.6s ease-out 0.4s;    }
.m13 .organization>div.in-view dl.bg5{opacity:1;left:60px;transition:all 0.6s ease-out 0.2s;   }




.m14 .factory .img1{position:absolute;right:200%;top:0;z-index:10;opacity:0;}
.m14 .factory .img2{position:absolute;left:100%;bottom:-200%;z-index:10;opacity:0;}

.m14 .factory .in-view .img1{position:absolute;right:100%;top:0;z-index:10;opacity:1;transition:all 1.2s;}
.m14 .factory .in-view .img2{position:absolute;left:100%;bottom:0px;z-index:10;opacity:1;transition:all 1.2s;}


.m31 {overflow:hidden;}
.m31 .m31_section1{}
.m31 .m31_section1 .redbox{opacity:0;left:100%;}
.m31 .m31_section1 .imgarea{opacity:0;right:-50%;}
.m31 .m31_section1 h4{transform:translateY(40px);opacity:0;}
.m31 .m31_section1 P{transform:translateY(40px);opacity:0;}

.m31 .m31_section1.in-view .redbox{opacity:1;left:50%;transition:all 1s 0.1s;}
.m31 .m31_section1.in-view .imgarea{opacity:1;right:0;transition:all 1s;}
.m31 .m31_section1.in-view h4{transform:translateY(0);opacity:1;transition:all 1s;}
.m31 .m31_section1.in-view P{transform:translateY(0);opacity:1;transition:all 1s 0.2s;}

.m31 .m31_section2 table tr{opacity:0;transform:translateY(60px);}
.m31 .m31_section2.in-view table tr:nth-child(1){opacity:1;transform:translateY(0px);transition:all 1s;}
.m31 .m31_section2.in-view table tr:nth-child(2){opacity:1;transform:translateY(0px);transition:all 1s 0.2s;}
.m31 .m31_section2.in-view table tr:nth-child(3){opacity:1;transform:translateY(0px);transition:all 1s 0.4s;}
.m31 .m31_section2.in-view table tr:nth-child(4){opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}

.m51 {
    padding: 120px 0;
}
.m51 ul.down_box{
	margin-top: 80px;
}
.m51 .down_box li{
	width: 307px;
	float: left;
	margin-right: 57px;
	margin-bottom: 60px;
}
.m51 .down_box li:nth-child(4n){
	margin-right: 0px;
}
.m51 .down_box li .down_main_img{
	width: 307px;
	height: 437px;
	padding: 8px;
	box-sizing: border-box;
	position: relative;
	
	
	
}
.m51 .down_box .down_main_img:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background: rgba(0, 0, 0, 0);
    transition:all .4s;
	
}
.m51 .down_box li:hover .down_main_img:before {
	box-sizing:border-box;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:3.5px solid #cd161b;
    background: rgba(0, 0, 0, 0.4);
}

.m51 .down_box li .down_main_img .border{
	width:95%;
	height:97%;
	position:absolute;
	display:inline-block;
	top:50%;
	right:50%;
	 transform: translate(50%,-50%); 
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.8); 
	z-index: 1;
}
.m51 .down_box li .pdf_ul{
	opacity: 0;
	transition: all .4s;
	margin-top:160px;
	position:relative;
	z-index:9999;
	display: block;
	text-align: center;
}
.m51 .down_box li:hover .pdf_ul{
	opacity: 100;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li:first-child{
	margin-right: 10px;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li{
	cursor: pointer;
	vertical-align:top;
	width:100px;
	height:100px;
	display: inline-block;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li .down_img{
	margin-top: 20px;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li p{
	margin-top:5px;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li{
	position:relative;
}

/* .m51 .down_box li .down_main_img .pdf_ul .pdf_li:hover:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border: 1.5px solid red;
} */

 .m51 .down_box li .down_main_img .pdf_ul .pdf_li p {
	color:#fff;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li.pdf_open{
	
	background: #777777;
}
.m51 .down_box li .down_main_img .pdf_ul .pdf_li.pdf_down{
	background: #cd161b;
	
}
.m51 .down_box li>p{
	text-align: center;
	cursor: default;
}
.m51 .down_box li>p.date{
	font-size: 16px; 
	margin-top: 12px;
	
}
.m51 .down_box li:hover p.sub_title{

	color:#cd161b;

}
.m51 .down_box li>p.sub_title{
	font-size: 22px;
	color:#000;
	margin-top: 6px;
}