@charset "euc-kr";
@media all and (max-width:360px) {
	.mbWrap { display:block; }
	.openBtn { position:absolute; top:38px; right:5%; z-index:999; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:999999; }
	.mbSec { margin:0 auto; width:auto; height:66px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:30px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:#FE3C50; }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }	
	#topNotice { display:none; }
	#top .logo { left:5%; }
	#top .secMenu { display:none; }
	#gnbArea { display:none; }	
	.mainVisimg { width:100%; max-width:700px; height:143px; }
	.mainVisimg #imgArea { position:relative; top:0; width:100%; z-index:-9; }
	.mainVisimg #imgArea li { position:absolute; top:0; left:0; opacity:0; left:50%; max-width:1000px; margin-left:-200px; }
	.mainVisimg #imgArea li img { width:100%; height:auto; }
	.mainVisimg .imgbtnArea { margin:109px auto 0; width:100%; max-width:360px; }
	.mainVisimg .imgbtnArea ul li { width:33.1%; height:34px; border-left:1px solid #FFF; }
	.mainVisimg .imgbtnArea ul li a { height:34px; line-height:34px; }
	#mainCont { width:100%; margin:0 auto; background:#EEF0F2; }
	#notice { position:static; width:100%; max-width:340px; margin:0 auto; background:#EEF0F2; }
	#notice h3.notit { left:8%; }
	#notice .noticeCon { margin:75px 0 30px 7%;  }
	#notice p.more { left:40%; }
	#cs { float:none; margin:0 auto; }
	#quickBan { top:0; padding-top:0; height:124px; }
	a.slidesjs-previous { left:145px; }
	a.slidesjs-next { left:181px; }
	#quickBan .brand img,
	#quickBan .product img,
	#quickBan .ps img { width:100%; max-width:360px; height:auto; }	
	#allViewArea { display:none; }
	.nodepop { display:none; }
	#subVisimg .visImg div { max-width:1400px; height:150px; margin-left:-780px; }
	#subwrapInner { width:100%; }
	#subleftArea { float:none; width:170px; margin:-66px auto 0; }
	#subTitle { float:none; width:100%; max-width:180px; background:#FFF; margin:0 auto; }
	#subTitle h3.subT { padding-top:20px; font-size:20px; line-height:1; }
	#subTitle p.subSt { padding:0 0 15px 0; font-size:12px; }
	.subMenu { display:none; }
	#leftBan { display:none; }
	#subRightArea { float:none; margin:0 auto; width:100%; max-width:340px; border-left:none; }
	h3.maint { margin-top:90px;  }
	#onConsult { display:none; }
	#contents { margin:50px auto; }
	.con1 { margin-bottom:30px; }
	.con1Txt { max-width:340px; font-size:14px; }
	.con1Txt:after { width:50px; margin:30px auto; }
	.con1_2Txt { max-width:340px; font-size:13px; line-height:20px; }
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 45px; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	#allViewArea_sub { display:none; }
	footer { width:100%; border-top:2px solid #626262; }
	#footArea p.copy { display:none; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { padding:0 0 25px 7%; }
	#footArea p.copy_mob span.over { background:none; }
	#topIco { height:0; }
}
@media all and (min-width:361px) and (max-width:600px) {
	.mbWrap { display:block; }
	.openBtn { position:absolute; top:38px; right:5%; z-index:999; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:999999; }
	.mbSec { margin:0 auto; width:auto; height:66px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:30px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:#FE3C50; }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }	
	#topNotice { display:none; }
	#top .logo { left:5%; }
	#top .secMenu { display:none; }
	#gnbArea { display:none; }	
	.mainVisimg { width:100%; max-width:700px; height:143px; }
	.mainVisimg #imgArea { position:relative; top:0; width:100%; z-index:-9; }
	.mainVisimg #imgArea li { position:absolute; top:0; left:0; opacity:0; left:50%; max-width:1000px; margin-left:-200px; }
	.mainVisimg #imgArea li img { width:100%; height:auto; }
	.mainVisimg .imgbtnArea { margin:109px auto 0; width:100%; max-width:360px; }
	.mainVisimg .imgbtnArea ul li { width:33.1%; height:34px; border-left:1px solid #FFF; }
	.mainVisimg .imgbtnArea ul li a { height:34px; line-height:34px; }
	#mainCont { width:100%; margin:0 auto; background:#EEF0F2; }
	#notice { position:static; width:100%; max-width:340px; margin:0 auto; background:#EEF0F2; }
	#notice h3.notit { left:8%; }
	#notice .noticeCon { margin:75px 0 30px 7%;  }
	#notice p.more { left:40%; }
	#cs { float:none; margin:0 auto; }
	#quickBan { top:0; padding-top:0; height:124px; }
	a.slidesjs-previous { left:145px; }
	a.slidesjs-next { left:181px; }
	#quickBan .brand img,
	#quickBan .product img,
	#quickBan .ps img { width:100%; max-width:360px; height:auto; }	
	#allViewArea { display:none; }
	.nodepop { display:none; }
	#subVisimg .visImg div { max-width:1400px; height:150px; margin-left:-780px; }
	#subwrapInner { width:100%; }
	#subleftArea { float:none; width:170px; margin:-66px auto 0; }
	#subTitle { float:none; width:100%; max-width:180px; background:#FFF; margin:0 auto; }
	#subTitle h3.subT { padding-top:20px; font-size:20px; line-height:1; }
	#subTitle p.subSt { padding:0 0 15px 0; font-size:12px; }
	.subMenu { display:none; }
	#leftBan { display:none; }
	#subRightArea { float:none; margin:0 auto; width:100%; max-width:340px; border-left:none; }
	h3.maint { margin-top:90px;  }
	#onConsult { display:none; }
	#contents { margin:50px auto; }
	.con1 { margin-bottom:30px; }
	.con1Txt { max-width:340px; font-size:14px; }
	.con1Txt:after { width:50px; margin:30px auto; }
	.con1_2Txt { max-width:340px; font-size:13px; line-height:20px; }
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 45px; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	#allViewArea_sub { display:none; }
	footer { width:100%; border-top:2px solid #626262; }
	#footArea p.copy { display:none; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { padding:0 0 25px 7%; }
	#footArea p.copy_mob span.over { background:none; }
	#topIco { height:0; }
}
@media all and (min-width:601px) and (max-width:767px) {
	.mbWrap { display:block; }
	.openBtn { position:absolute; top:38px; right:5%; z-index:999; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.gif'); text-indent:-9999px; }
	.gnbBg_mb { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
	.menuWrap { position:fixed; top:0; right:-250px; height:100%; width:250px; background-color:#fff; padding:43px 40px; box-sizing:border-box; z-index:999999; }
	.mbSec { margin:0 auto; width:auto; height:66px; border-bottom:2px solid #222; }
	.mbSec li { float:left; padding-right:12%; }
	.mbSec li:first-child { padding-left:15%; }
	nav#mbMenu { width:170px; padding-top:30px; }
	nav#mbMenu > ul > li.mm { position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e2e2e2; }
	nav#mbMenu > ul > li.mm:first-child { border:0 }
	nav#mbMenu > ul > li.mm a { display:block; padding-left:30px; font-size:15px; font-weight:bold; color:#222; }
	nav#mbMenu > ul > li.mm a:hover { color:#FE3C50; }
	ul.sm { width:100%; display:none; border-top:1px solid #e2e2e2; padding:10px 0 14px 0; }
	ul.sm li { border:0; }
	ul.sm li a { display:block; padding:4px 34px 4px; }
	ul.sm li a:hover,
	ul.sm li a:focus { color:#111; font-weight:bold; background:url('../images/dot.png') 22px 10px no-repeat; }
	.arrow { display:block; position:absolute; right:20px; top:0; width:9px; height:5px; }
	.closeBtn { position:absolute; top:92px; right:234px; z-index:999; }
	.closeBtn a { display:block; width:33px; height:33px; background-image:url('../images/cls_Btn.png'); text-indent:-9999px; }
	#preload > .loadCon { top:30%; margin-left:-116px; }
	#topNotice { display:none; }
	#top .logo { left:5%; }
	#top .secMenu { display:none; }
	#gnbArea { display:none; }
	.mainVisimg { width:100%; max-width:1000px; height:260px; }
	.mainVisimg #imgArea { position:relative; top:0; width:100%; z-index:-9; }
	.mainVisimg #imgArea li { position:absolute; top:0; left:0; opacity:0; left:50%; max-width:1400px; margin-left:-400px; }
	.mainVisimg #imgArea li img { width:100%; height:auto; }
	.mainVisimg .imgbtnArea { margin:200px auto 0; width:100%; z-index:999; }
	.mainVisimg .imgbtnArea ul li { width:34%; height:36px; border-left:0; }
	.mainVisimg .imgbtnArea ul li:first-child,
	.mainVisimg .imgbtnArea ul li:last-child { width:33%; }
	.mainVisimg .imgbtnArea ul li a { height:36px; line-height:36px; }	
	#mainCont { width:100%; margin:15px auto 0; max-width:594px; }
	#notice { position:static; float:left; width:52%; height:247px; background:#EEF0F2; }
	#notice h3.notit { left:24px; }
	#notice .noticeCon { margin:75px 0 40px 15px; width:100%; max-width:300px; line-height:22px; }
	#notice p.more { left:39%; }
	#cs { float:right; }
	#quickBan { top:0; padding-top:0; height:206px; }
	a.slidesjs-previous { left:322px; }
	a.slidesjs-next { left:358px; }
	#quickBan .brand img,
	#quickBan .product img,
	#quickBan .ps img { width:594px; height:206px; }
	#allViewArea { margin-top:0; }
	.nodepop { display:none; }
	#subVisimg .visImg div { max-width:1400px; height:160px; margin-left:-780px; }
	#subwrapInner { width:100%; }
	#subleftArea { float:none; width:200px; margin:-68px auto 0; }
	#subTitle { float:none; width:100%; max-width:220px; background:#FFF; margin:0 auto; }
	#subTitle h3.subT { padding-top:20px; font-size:20px; line-height:1; }
	#subTitle p.subSt { padding:0 0 15px 0; font-size:12px; }
	.subMenu { display:none; }
	#leftBan { display:none; }
	#subRightArea { float:none; margin:0 auto; width:100%; max-width:610px; border-left:none; }
	h3.maint { margin-top:90px; }
	#onConsult { display:none; }
	#contents { margin:50px 0; }
	.con1_2Txt { font-size:14px; line-height:21px; }
	.ceo { margin-top:30px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	#footArea p.copy { padding:0 4% 20px; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
}
@media all and (min-width:768px) and (max-width:1024px) {
	#top .logo { padding-left:4%; }
	#top .secMenu { padding-right:4%; }
	.mainVisimg .imgbtnArea { margin:246px auto 0; }
	.mainVisimg #imgArea li,
	.mainVisimg #imgArea li:nth-child(2),
	.mainVisimg #imgArea li:nth-child(3) { left:80%; }
	#mainCont { max-width:716px; background:#EEF0F2; margin-bottom:-36px; }
	#notice { float:right; left:0; border-top:2px solid #E69689; }
	#subwrapInner { width:100%; }
	#subTitle { margin-left:30%; }
	#subTitle h3.subT { line-height:1; }
	.subMenu { display:none; }
	#leftBan { display:none; }
	#subRightArea { float:none; max-width:100%; margin:0 auto; border-left:none; }
	section#sub { float:none; width:100%; max-width:770px; margin:0 auto; }
	#contents { float:none; width:100%; max-width:770px; margin:0 auto; padding:70px 0; }
	.con1Txt { max-width:100%; }
	.con1_2Txt { max-width:100%; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	#footArea p.copy { padding:0 4% 30px; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
	#quickBtn { height:0; }
}
@media all and (min-width:1025px) and (max-width:1430px) {
	#mainCont { margin-bottom:-36px; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
	#quickBtn { height:0; }
}
@media all and (min-width:1431px) {
	#allViewArea { margin-top:-36px; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
}