@charset "utf-8";



/*visual*/
.visual									{ position:relative; width:100%; height:449px; overflow:hidden}
.visual .text							{ position:absolute; text-align:center; white-space:nowrap; top:46%; left:50%; z-index:19; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.visual .text h2						{ margin:0; color: #fff; font-size:55px; font-weight:bold; font-family:'NanumSquare'; line-height: 1;}
.visual .text p							{ margin: 0; margin-top: 12px; color: #fff; font-size:17.5px; line-height:1.4; }
.visual .text p.bt						{ font-weight: 900; display: inline-block; margin: 0; margin-bottom: 15px; padding: 7px 35px; border-top: 1px solid rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.7);color: #fff; font-size:15.5px; letter-spacing:-0.02em; line-height:1.4;}
.visual .text p:nth-child(4){ display: none;}

@media (max-width: 767px) {
.visual							{ height:363px}
.visual .text					{ padding: 0; padding-top: 80px; background: rgba(0,0,0,.2); left: 0;  right: 0;  top: 0;  bottom: 0; transform:none; border-radius:0;}
.visual .text h2				{ margin-bottom: 20px; font-size: 25px;}
.visual .text p					{margin: 0; font-size: 14.5px; letter-spacing: -0.07em; margin-bottom: 30px;}
.visual .text p	.bt				{ font-size: 14.5px; letter-spacing: -0.07em; margin-bottom: 30px;}
.theme-default .nivo-controlNav	{ left: 52% !important;}

}



/*제품소개*/

section.product .pdtIntro					{ text-align: center;}
section.product .pdtIntro .title				{ margin-top: 64px;}
section.product .pdtIntro .title h2			{ margin-top: 0; margin-bottom: 20px; color: #000; font-family:'NanumBarunGothic'; font-size: 32px; font-weight: 200; letter-spacing: 0em;}
section.product .pdtIntro .title p			{ margin-bottom: 39px; font-family:'NanumGothic'; font-size: 15px; letter-spacing: -0.01em;}

section.product .pdtIntro .pdt_wrap ul li				{ display: inline-block; position: relative; width: 32.33%; margin-bottom: 13px; background:url("/img/main/pdtBg.png") no-repeat 0 0;}
section.product .pdtIntro .pdt_wrap ul li .thumb		{ float: left; display: block; height: 188px; }
section.product .pdtIntro .pdt_wrap ul li .desc		{ float: left; padding: 20px 35px; text-align: left;}
section.product .pdtIntro .pdt_wrap ul li .desc h4	{ margin:0; margin-bottom: 7px; font-size: 15px; font-weight: 800; letter-spacing: -0.01em; }
section.product .pdtIntro .pdt_wrap ul li .desc p	{ margin:0; color: rgba(102,102,102,.5); font-size: 12px; font-weight: 200; letter-spacing: -0.01em; }
section.product .pdtIntro .pdt_wrap ul li .desc a	{ position: absolute; right: 45px; bottom:18px;}

/*회사소개*/

section.company .cpintro						{ text-align: center;}
section.company .cpintro .title				{ margin-top: 64px;}
section.company .cpintro .title h2			{ margin-top: 0; margin-bottom: 20px; color: #000; font-family:'NanumBarunGothic'; font-size: 32px; font-weight: 200; letter-spacing: -0.05em;}
section.company .cpintro .title p				{ margin-bottom: 39px; font-family:'NanumGothic'; font-size: 15px; letter-spacing: -0.05em;}

section.company .cparea .area01 ul li								{ width: 50%; height:350px; float: left; text-align: center; box-sizing:border-box}
section.company .cparea .area01 ul li.banner a						{ display:block; height:295px; padding-top:55px;}
section.company .cparea .area01 ul li.banner ul li.banner01			{ float: left; width: 50%; padding: 0 1.5%; background-color: #323c44;}
section.company .cparea .area01 ul li.banner ul li.banner01 h3		{ margin: 0; padding-top: 36px; font-size: 27px; font-family: 'NanumBarunGothic'; letter-spacing: -0.05em; color: #fff;  background: url('/img/main/cpline01.png') no-repeat center top;}
section.company .cparea .area01 ul li.banner ul li.banner01 p		{ margin-bottom: 9px; font-size: 16px; font-family: 'NanumBarunGothic'; color: rgba(255,255,255,.5); line-height: 1.3;}
section.company .cparea .area01 ul li.banner ul li.banner02			{ float: left; width: 50%; padding: 0 1.5%; background-color: #0688ed;}
section.company .cparea .area01 ul li.banner ul li.banner02 h3		{ margin: 0; padding-top: 36px; font-size: 27px; font-family: 'NanumBarunGothic'; letter-spacing: -0.05em; color: #fff;  background: url('/img/main/cpline02.png') no-repeat center top;}
section.company .cparea .area01 ul li.banner ul li.banner02 p		{ margin-bottom: 30px; font-size: 16px; font-family: 'NanumBarunGothic'; letter-spacing: -0.05em; color: rgba(255,255,255,.7); line-height: 1.3;}
section.company .cparea .area02 section.notice						{ float: left; padding: 53px 61px 60px 60px; width: 50%; background-color: #f4f6f8; box-sizing:border-box; zoom:1}
section.company .cparea .area02 section.notice:after				{ clear:both; display: block; visibility:hidden; content:"";}	
section.company .cparea .area02 section.notice h2						{ display: inline-block; margin: 0; padding-top: 6px; font-size: 27px; font-family: 'NanumSquare'; font-weight: 800; color: #323c44;}
section.company .cparea .area02 section.notice .mainBoard .text>a		{ float: right; font-size: 44px; font-family: 'NanumSquare'; font-weight: 100; color: #444;}
section.company .cparea .area02 section.notice .mainBoard .text			{ padding-bottom: 13px; border-bottom: 1px solid #ddd;}
section.company .cparea .area02 section.notice .mainBoard ul				{ position: relative; margin-top: 20px;}
section.company .cparea .area02 section.notice .mainBoard ul li a		{ font-size: 15px; letter-spacing: -0.05em; color: #333; line-height: 1.8;}
section.company .cparea .area02 section.notice .mainBoard ul li img		{ display: none;}
section.company .cparea .area02 section.notice .mainBoard ul li span	{ position: absolute; right: 0; font-size: 14px; letter-spacing: -0.05em; color: rgba(0,0,0,.5); line-height: 1.8;}
section.company .cparea .area02 .gallery						{ position:relative; float:left;width:600px; height:319px; margin:0; overflow:hidden; }
section.company .cparea .area02 .gallery .m_gallery				{ position:relative; overflow:hidden; }
section.company .cparea .area02 .gallery .m_gallery ul			{ zoom:1;}
section.company .cparea .area02 .gallery .m_gallery ul:after	{ clear:both; display: block; visibility:hidden; content:"";}
section.company .cparea .area02 .gallery .m_gallery ul li		{ float:left; width:600px; }
section.company .cparea .area02 .gallery .m_gallery ul li img	{ width:600px; height:319px;}
section.company .cparea .area02 .gallery .btnLeft				{ position:absolute; top: 125px; left: 45px; }
section.company .cparea .area02 .gallery .btnRight				{ position:absolute; top: 125px; right: 45px;}
section.company .cparea .area02 .gallery p.more					{ position:absolute; z-index:10000; right:40px; bottom:13px;}
section.company .cparea .area02 .gallery p a					{ font-size:15px; color: #fff;}
section.company .cparea .area02 .gallery p.latest_subject		{ position:absolute; bottom:0; width:520px; margin:0; padding:25px 40px; color:#fff; font-size:17px; font-weight:700; background:rgba(50,60,68,.5) }







/*mobile main*/

/*제품소개*/

@media (max-width: 1170px) {

section.product .pdtIntro .pdt_wrap ul li				{ background: url(/img/main/pdtBg2.png) no-repeat 0 0;}
section.product .pdtIntro .pdt_wrap ul li .thumb		{ width: 326px; height: 159px; overflow: hidden;}
section.product .pdtIntro .pdt_wrap ul li .desc		{ padding: 14px 27px;}
section.product .pdtIntro .pdt_wrap ul li .desc a	{ bottom: 15px;}

}

@media (max-width: 1070px) {

section.product .pdtIntro .title					{ margin-top: 24px;}
section.product .pdtIntro .title p				{ margin-bottom: 20px;}
section.product .pdtIntro .pdt_wrap ul li	{ width: 38%; margin-right: 50px; overflow: hidden; vertical-align:top; background: none !important; border: 1px solid #ddd; box-sizing: border-box;}
section.product .pdtIntro .pdt_wrap ul li:nth-child(2n+0)		{ margin-right: 0;}
section.product .pdtIntro .pdt_wrap ul li .desc a				{ right: 15px !important; bottom: 15px !important;}
section.product .pdtIntro .pdt_wrap ul li .thumb				{ width: 100%;}

}

@media (max-width: 767px) {
section.product .pdtIntro .title h2{ font-size: 26px; margin-bottom: 0;}
section.product .pdtIntro .pdt_wrap ul li .thumb		{ width: 100%;}
section.product .pdtIntro .pdt_wrap ul li .thumb img	{ width: 100%;}
section.product .pdtIntro .pdt_wrap ul li				{ width: 100%; float: none;  text-align: center; margin: 0 auto; margin-bottom: 15px;}
section.product .pdtIntro .pdt_wrap ul li .desc		{ padding: 14px 27px;}

}

/*회사소개*/

@media (max-width: 1170px) {
section.company .cparea .area01 ul li.video,
section.company .cparea .area01 ul li.video iframe,
section.company .cparea .area01 ul li.banner,						
section.company .cparea .area01 ul li.banner ul li h3				{ width:100%; word-break:break-word; padding-bottom: 10px;}
section.company .cparea .area01 ul li.banner ul li.banner01 p		{ font-size: 14.5px;}

}


@media (max-width: 767px) {
section.company .cpintro .title								{ margin-top: 24px;}
section.company .cpintro .title p							{ margin-top: 8px; margin-bottom: 20px;}
}

@media (max-width: 450px) {
section.company .cparea .area01 ul li.banner			{ height:auto }
section.company .cparea .area01 ul li.banner ul li		{ float:none !important; width:100% !important; height:auto;}
section.company .cparea .area01 ul li.banner ul li a	{ height:270px; padding-top:40px; }
section.company .cparea .area01 ul li.banner ul li p	{ font-size: 16.5px;}

section.company .cpintro .title h2							{ font-size: 26px; margin-bottom: 0;}
}