@charset "euc-kr";
@media all and (max-width:360px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn.fix { top:12px; }
	.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:99999; }
	.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:#DB4C00; }
	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; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }
	#visImg1 { max-width:1315px; height:400px; }
	#visImg1 li img { max-width:1315px; height:400px; margin-left:410px; }
	#visImg2 { max-width:1315px; height:400px; }
	#visImg2 li img { max-width:1315px; height:400px; margin-left:400px; }
	#visImg3 { max-width:1315px; height:400px; }
	#visImg3 li img { max-width:1315px; height:400px; margin-left:450px; }
	#mainCont { margin:0 auto; padding:30px 0 0; }
	#bizCon { max-width:100%; margin:0 auto 30px; }
	.bizT { width:100%; font-size:30px; padding:0 0 5px; }
	.bizSt { max-width:330px; line-height:19px; margin:0 auto; font-size:13px; }
	#divide { padding:20px 0 0; }
	ul.hori { width:100%; margin:0 auto; max-width:320px; }
	ul.hori li { margin-right:25px; }
	ul.hori li .card { width:58px; height:100px; }
	ul.hori li .card .front { background-color:transparent; padding:0; border:0; }
	ul.hori li .card .back { display:none; }
	#cntArea { padding:50px 0; }
	#cntArea ul#cntWrap { max-width:240px; margin:0 auto; }
	#cntArea ul#cntWrap li { max-width:240px; margin-top:40px; }
	#cntArea ul#cntWrap li:first-child { margin-top:0; }
	#cntArea ul#cntWrap li h3.tt { padding:0 0 10px; }
	#cntArea ul#cntWrap li .num { padding:10px 0; }
	#cntArea ul#cntWrap li p.des { padding:10px 0 0; }
	#mainContEx { max-width:310px; margin:0 auto; }
	#storyArea { float:none; max-width:308px; margin:0 auto; border-left:1px solid #E2E2E2; }
	#story { float:none; border-top:0; margin:0 auto; max-width:100%; height:auto; padding:30px 0; background-position:center 70px; }
	.bt2 a { padding-bottom:3px; }
	#csArea { max-width:308px; border-left:1px solid #E2E2E2; }
	#cs { border-top:1px solid #E2E2E2; max-width:308px; height:auto; padding:30px 0; background-position:center 26px; }
	.cst { padding:0 0 0 3px; }
	.csNum { margin:5px auto; }
	.cs_s { padding:18px 0 6px 54px; line-height:1.5; }
	#cs a.map { margin:10px auto 0; }
	#maUpArea { max-width:308px; margin:0 auto; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
	#maUp { float:none; border-top:1px solid #E2E2E2; margin:0 auto; max-width:100%; height:auto; padding:30px 0; background-position:center 70px; }
	.mt2 a { padding-bottom:3px; }	
	#nd-bdr { padding:0; }
	#nd-bdr .nd-bdr { display:none; }
	.nodepop { display:none; }
	#mainImgArea { height:auto; }
	.imageSrc { min-width:900px; height:auto; margin-left:-300px; }
	.txtImg { margin-top:80px; margin-left:-155px; }
	.txtImg img { max-width:310px; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; }
	.work #choice { width:296px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:last-child { padding-right:0; }
	.work #choice li a { font-size:13px; }
	.container { width:320px; margin:0 auto 10px; }
	h3.maint { margin:40px 0 0 2%; font-size:26px; }
	span.st { padding:0 0 0 2%; }
	.scate { display:none; }
	.con1Txt { max-width:100%; font-size:14px; width:auto; padding:0 10px; }
	.bar { margin:25px auto 10px; }
	.con1_2Txt { max-width:100%; font-size:12px; width:auto; padding:0 10px; line-height:1.5; }
	.signArea { width:180px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	#tickerArea { border-top:solid 1px #969696; }
	#tickerArea #ticker { display:none; }
	#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:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn.fix { top:12px; }
	.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:99999; }
	.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:#DB4C00; }
	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; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }
	#visImg1 { max-width:1315px; height:400px; }
	#visImg1 li img { max-width:1315px; height:400px; margin-left:410px; }
	#visImg2 { max-width:1315px; height:400px; }
	#visImg2 li img { max-width:1315px; height:400px; margin-left:400px; }
	#visImg3 { max-width:1315px; height:400px; }
	#visImg3 li img { max-width:1315px; height:400px; margin-left:450px; }
	#mainCont { margin:0 auto; padding:30px 0 0; }
	#bizCon { max-width:100%; margin:0 auto 30px; }
	.bizT { width:100%; font-size:30px; padding:0 0 5px; }
	.bizSt { max-width:330px; line-height:19px; margin:0 auto; font-size:13px; }
	#divide { padding:20px 0 0; }
	ul.hori { width:100%; margin:0 auto; max-width:320px; }
	ul.hori li { margin-right:25px; }
	ul.hori li .card { width:58px; height:100px; }
	ul.hori li .card .front { background-color:transparent; padding:0; border:0; }
	ul.hori li .card .back { display:none; }
	#cntArea { padding:50px 0; }
	#cntArea ul#cntWrap { max-width:240px; margin:0 auto; }
	#cntArea ul#cntWrap li { max-width:240px; margin-top:40px; }
	#cntArea ul#cntWrap li:first-child { margin-top:0; }
	#cntArea ul#cntWrap li h3.tt { padding:0 0 10px; }
	#cntArea ul#cntWrap li .num { padding:10px 0; }
	#cntArea ul#cntWrap li p.des { padding:10px 0 0; }
	#mainContEx { max-width:310px; margin:0 auto; }
	#storyArea { float:none; max-width:308px; margin:0 auto; border-left:1px solid #E2E2E2; }
	#story { float:none; border-top:0; margin:0 auto; max-width:100%; height:auto; padding:30px 0; background-position:center 70px; }
	.bt2 a { padding-bottom:3px; }
	#csArea { max-width:308px; border-left:1px solid #E2E2E2; }
	#cs { border-top:1px solid #E2E2E2; max-width:308px; height:auto; padding:30px 0; background-position:center 26px; }
	.cst { padding:0 0 0 3px; }
	.csNum { margin:5px auto; }
	.cs_s { padding:18px 0 6px 54px; line-height:1.5; }
	#cs a.map { margin:10px auto 0; }
	#maUpArea { max-width:308px; margin:0 auto; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
	#maUp { float:none; border-top:1px solid #E2E2E2; margin:0 auto; max-width:100%; height:auto; padding:30px 0; background-position:center 70px; }
	.mt2 a { padding-bottom:3px; }	
	#nd-bdr { padding:0; }
	#nd-bdr .nd-bdr { display:none; }
	.nodepop { display:none; }
	#mainImgArea { height:auto; }
	.imageSrc { min-width:900px; height:auto; margin-left:-300px; }
	.txtImg { margin-top:80px; margin-left:-155px; }
	.txtImg img { max-width:310px; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; }
	.work #choice { width:296px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:last-child { padding-right:0; }
	.work #choice li a { font-size:13px; }
	.container { width:320px; margin:0 auto 10px; }
	h3.maint { margin:40px 0 0 2%; font-size:26px; }
	span.st { padding:0 0 0 2%; }
	.scate { display:none; }
	.con1Txt { max-width:100%; font-size:14px; width:auto; padding:0 10px; }
	.bar { margin:25px auto 10px; }
	.con1_2Txt { max-width:100%; font-size:12px; width:auto; padding:0 10px; line-height:1.5; }
	.signArea { width:180px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	#tickerArea { border-top:solid 1px #969696; }
	#tickerArea #ticker { display:none; }
	#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:fixed; top:27px; right:5%; z-index:999; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
	.openBtn.fix { top:12px; }
	.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:99999; }
	.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:#DB4C00; }
	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; }
	#topNotice { display:none; }
	#gnbWrap .inner h1 { left:5%; }
	#gnb { display:none; }
	.scrollDown { display:none; }
	#visImg1 { max-width:1600px; height:530px; }
	#visImg1 li img { max-width:1600px; margin-left:320px; }
	#visImg2 { max-width:1600px; height:530px; }
	#visImg2 li img { max-width:1600px; margin-left:250px; }
	#visImg3 { max-width:1600px; height:530px; }
	#visImg3 li img { max-width:1600px; margin-left:280px; }
	#mainCont { margin:0 auto; padding:0 0 50px; }
	#bizCon { max-width:621px; margin:0 auto 60px; }
	.bizT { width:621px; }
	.bizSt { max-width:460px; line-height:21px; margin:0 auto; }
	#divide { padding:30px 0 0; }
	ul.hori { width:100%; margin:0 auto; max-width:599px; }
	ul.hori li { margin-right:13px; }
	ul.hori li .card { width:140px; height:140px; }
	#cntArea { padding:70px 0; }
	#cntArea ul#cntWrap { max-width:600px; margin:0 auto; }
	#cntArea ul#cntWrap li { max-width:150px; }
	#cntArea ul#cntWrap li h3.tt { font-size:15px; padding:0; }
	#cntArea ul#cntWrap li .num { font-size:36px; }
	#cntArea ul#cntWrap li p.des { font-size:12px; padding:0; }
	#mainContEx { width:auto; max-width:100%; padding:0; margin:50px auto; }
	#storyArea { width:212px; height:auto; }
	#story { width:212px; height:auto; }
	#story .picto { margin:25px auto 0; width:90px; height:90px; line-height:90px; }
	.bt { font-size:14px; }
	.bt2 a { font-size:14px; margin-top:20px; padding-bottom:3px; }
	.bt2s { line-height:1.4; font-size:10px; }
	#csArea { width:214px; }
	#cs { border-top:0; width:214px; background-position:center 0; background-size:180px auto; height:auto; }
	.cst { font-size:13px; margin:0; padding:2px 0 0 5px; }
	.csNum { font-size:26px; padding:0 0 8px 0; }
	.cs_s { padding:4px 0 8px 25px; line-height:1.45; font-size:12px; }
	#cs a.map { max-width:auto; margin:8px auto 0; padding:6px 28px; font-size:14px; }
	#maUpArea { width:212px; height:auto; }
	#maUp { width:212px; height:auto; }
	#maUp .picto { margin:25px auto 0; width:90px; height:90px; line-height:90px; }
	.mt { font-size:14px; }
	.mt2 a { font-size:14px; margin-top:20px; padding-bottom:3px; }
	.mt2s { line-height:1.4; font-size:10px; }
	#nd-bdr { padding:0; }
	#nd-bdr .nd-bdr { display:none; }
	.nodepop { display:none; }
	#mainImgArea { height:auto; }
	.imageSrc { min-width:1200px; height:auto; margin-left:-300px; }
	.txtImg { margin-top:60px; margin-left:-225px; }
	.txtImg img { max-width:450px; }
	#subContInner { margin-bottom:0; }
	#contents { margin:40px auto; }
	.work #choice { width:336px; height:50px; }
	.work #choice li:last-child { padding-right:0; }
	.work #choice li a { font-size:13px; }	
	.container { width:607px; margin:0 auto; }
	h3.maint { margin:40px 0 0 3%; }
	span.st { padding:5px 0 0 3%; }
	.con1Txt { font-size:18px; }
	.con1_2Txt { font-size:13px; max-width:100%; line-height:1.5; width:auto; padding:0 10px; }
	.ceo { margin-top:35px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	footer { margin-top:0; }
	#tickerArea #ticker { height:50px; }
	#tickerArea #ticker ul { max-width:468px; }
	#tickerArea #ticker ul li a { font-size:12px; line-height:50px; }
	#footArea p.copy { padding:0 4% 20px; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
}
@media all and (min-width:768px) and (max-width:1024px) {
	#gnbWrap .inner h1 { left:4%; }
	#gnb > ul { right:2%; }
	#gnb > ul > li > a { padding:32px 28px 30px; font-size:16px; }
	.scrollDown { bottom:110px; }
	#visImg1 { max-width:1600px; height:530px; }
	#visImg1 li img { max-width:1600px; margin-left:320px; }
	#visImg2 { max-width:1600px; height:530px; }
	#visImg2 li img { max-width:1600px; margin-left:250px; }
	#visImg3 { max-width:1600px; height:530px; }
	#visImg3 li img { max-width:1600px; margin-left:280px; }	
	#mainCont { margin:0 auto 40px; padding:0; }
	#bizCon { margin:0 auto 60px; }
	#divide { padding:30px 0 0; }
	#cntArea { padding:70px 0; }
	#cntArea ul#cntWrap li { max-width:200px; }
	#cntArea ul#cntWrap li h3.tt { font-size:18px; padding:0 0 15px; }
	#cntArea ul#cntWrap li .num { font-size:54px; padding:0; }
	#cntArea ul#cntWrap li p.des { padding:15px 0 0; font-size:14px; }
	#mainContEx { max-width:100%; margin:40px auto 0; }
	#storyArea { width:33.2%; padding:0; }
	#story { width:100%; background-position:center 40px; height:auto; }
	.bt { margin-top:0; }
	#csArea { width:34%; padding:0; }
	#cs { width:100%; background-position:center top; height:auto; }
	.cst { margin:0; padding:4px 0 0 8px; }
	.csNum { padding:0 0 10px 0; }
	.cs_s { padding:5px 0 8px 43px; }
	#cs a.map { margin:12px auto 9px; }
	#maUpArea { width:32.5%; padding:0; }
	#maUp { width:100%; background-position:center 40px; height:auto; }
	.mt { margin-top:0; }
	#nd-bdr { padding:30px 0; }
	#nd-bdr .nd-bdr { display:none; }
	#mainImgArea { height:auto; }
	.imageSrc { min-width:1920px; height:auto; margin-left:-600px; }
	.txtImg { margin:40px 0 0 -270px; }
	.txtImg img { max-width:540px; }
	#contents { margin:80px 0; }
	h3.maint { margin:61px 0 0 2%; }
	span.st { padding:6px 0 0 2%; }
	.work { max-width:820px; margin:0 auto; }
	.work #choice { max-width:370px; }
	.work #choice li { padding-right:20px; }
	.work #choice li a { font-size:16px; padding-top:11px; }
	.work #choice li:last-child { padding-right:0; }
	.container { width:750px; margin:0 auto; }
	.portfolio-thumbs { margin:0 auto; }
	.con1_2Txt { width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	#tickerArea #ticker ul { max-width:528px; }
	#footArea p.copy { padding:0 3% 30px; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1025px) and (max-width:1430px) {
	#gnbWrap .inner h1 { left:10%; }
	#gnb > ul { right:10%; }
	#nd-bdr .nd-bdr { display:none; }
	.imageSrc { min-width:1920px; margin-left:-400px; }
	.txtImg { margin-left:-350px; }
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1431px) {
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
}