@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.png'); 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:#E35828; }
	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; }
	header { width:100%; }
	#top .logo { top:35px; left:5%; }
	#top .secMenu { display:none; }
	.gnbWrap { display:none; }
	#mainTopCont { max-width:594px; }
	#mainVis { margin:0 auto; width:100%; height:100%; }
	a.slidesjs-previous { left:144px; }
	a.slidesjs-next { left:180px; }
	#rightArea { float:none; width:100%; max-width:100%; }
	#notice { float:none; max-width:300px; margin:0 auto; }
	#notice h3.notit { top:30px; left:9px; }
	#notice .noticeCon { margin:60px 0 10px 0; max-width:300px; line-height:1.5; }
	#notice p.more { top:30px; left:125px; }
	#prodBtn { width:100%; max-width:160px; height:244px; margin-left:20px; }
	#prodBtn a.prod_pc { display:none; }
	#prodBtn a.prod_mob { width:160px; }
	#prodBtn a.prod_mob img { margin-left:-26px; }
	#afterBtn a { max-width:160px; height:244px; background:url('../images/after_btn_160.gif') left top no-repeat; }
	#afterBtn a:hover,
	#afterBtn a:focus { background:url('../images/after_btn_160.gif') right top no-repeat; }
	#mainCont { 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; }
	.bt { margin-top:0; }
	.bt2 a { margin-top:155px; 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 { margin:0 0 0 8px; }
	.csNum { padding:8px 0; }
	.cs_s { padding:10px 0 8px 70px; }
	#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; }
	.mt { margin-top:0; }
	.mt2 a { margin-top:155px; padding-bottom:3px; }
	.nodepop { display:none; }
	#subVisimg .visImg img { width:676px; height:110px; margin-left:-150px; }
	.scate { display:none; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; }
	h3.maint { margin:40px 0 0 2%; font-size:26px; }
	span.st { padding:0 0 0 2%; }
	.con1Txt { max-width:100%; font-size:15px; }
	.bar { margin:30px auto 20px; }
	.con1_2Txt { max-width:100%; width:auto; padding:0 10px; font-size:13px; }
	.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; }
	footer { width:100%; border-top:0; background:#F6F6F6; }
	#footArea p.copy { display:none; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { padding:0 6%; line-height:17px; }
	#footArea p.copy_mob strong { padding-bottom:2px; }
	#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.png'); 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:#E35828; }
	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; }
	header { width:100%; }
	#top .logo { top:35px; left:5%; }
	#top .secMenu { display:none; }
	.gnbWrap { display:none; }
	#mainTopCont { max-width:594px; }
	#mainVis { margin:0 auto; width:100%; height:100%; }
	a.slidesjs-previous { left:144px; }
	a.slidesjs-next { left:180px; }
	#rightArea { float:none; width:100%; max-width:100%; }
	#notice { float:none; max-width:300px; margin:0 auto; }
	#notice h3.notit { top:30px; left:9px; }
	#notice .noticeCon { margin:60px 0 10px 0; max-width:300px; line-height:1.5; }
	#notice p.more { top:30px; left:125px; }
	#prodBtn { width:100%; max-width:160px; height:244px; margin-left:20px; }
	#prodBtn a.prod_pc { display:none; }
	#prodBtn a.prod_mob { width:160px; }
	#prodBtn a.prod_mob img { margin-left:-26px; }
	#afterBtn a { max-width:160px; height:244px; background:url('../images/after_btn_160.gif') left top no-repeat; }
	#afterBtn a:hover,
	#afterBtn a:focus { background:url('../images/after_btn_160.gif') right top no-repeat; }
	#mainCont { max-width:320px; margin:0 auto; }
	#storyArea { float:none; max-width:318px; 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; }
	.bt { margin-top:0; }
	.bt2 a { margin-top:155px; padding-bottom:3px; }
	#csArea { max-width:318px; border-left:1px solid #E2E2E2; }
	#cs { border-top:1px solid #E2E2E2; max-width:318px; height:auto; padding:30px 0; background-position:center 26px; }
	.cst { margin:0 0 0 8px; }
	.csNum { padding:8px 0; }
	.cs_s { padding:10px 0 8px 70px; }
	#maUpArea { max-width:318px; 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; }
	.mt { margin-top:0; }
	.mt2 a { margin-top:155px; padding-bottom:3px; }
	.nodepop { display:none; }
	#subVisimg .visImg img { width:676px; height:110px; margin-left:-150px; }
	.scate { display:none; }
	#subContents { margin-bottom:0; }
	#contents { margin:40px auto; }
	h3.maint { margin:40px 0 0 2%; font-size:26px; }
	span.st { padding:0 0 0 2%; }
	.con1Txt { max-width:100%; font-size:15px; }
	.bar { margin:30px auto 20px; }
	.con1_2Txt { max-width:100%; width:auto; padding:0 10px; font-size:13px; }
	.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; }
	footer { width:100%; border-top:0; background:#F6F6F6; }
	#footArea p.copy { display:none; }
	#footArea p.botMenu { display:none; }
	#footArea p.copy_mob { padding:0 6%; line-height:17px; }
	#footArea p.copy_mob strong { padding-bottom:2px; }
	#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:37px; right:4%; z-index:999; }
	.openBtn a { display:block; width:38px; height:38px; background:url('../images/list.png'); 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:#E35828; }
	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; }
	header { width:100%; }
	#top .logo { left:4%; }
	#top .secMenu { display:none; }
	.gnbWrap { display:none; }
	#mainTopCont { max-width:594px; }
	#rightArea { float:none; width:100%; max-width:594px; margin:0 auto; }
	#notice { float:none; margin:0 auto; width:100%; max-width:420px; }
	#notice h3.notit { top:35px; left:50px; }
	#notice .noticeCon { margin:64px 0 30px 40px; max-width:420px; line-height:18px; }
	#notice p.more { top:34px; left:160px; }	
	#prodBtn  a.prod_pc { display:none; }	
	#afterBtn a { float:right; width:100%; max-width:390px; height:244px; background:url('../images/after_btn_390.gif') left top no-repeat; }
	#afterBtn a:hover,
	#afterBtn a:focus { background:url('../images/after_btn_390.gif') right top no-repeat; }
	#mainCont { max-width:594px; margin:0 auto; }
	#storyArea { width:296px; }
	#story { margin:0 auto; width:296px; border-top:0; }
	#csArea { width:297px; border-right:none; }
	#cs { margin:0 auto; width:297px; border-top:0; background-position:45px 0; }
	.cst { margin:40px 0 0 15px; padding:5px 0 0 0; }
	.csNum { padding:6px 0 8px 0; }
	.cs_s { padding:6px 0 8px 54px; }
	#cs a.map { width:105px; margin:10px 0 0 48px; background-position:142px center; }
	#maUpArea { display:none; }
	.nodepop { display:none; }
	#subVisimg .visImg img { width:924px; height:150px; margin-left:-155px; }
	#subContents { margin-bottom:0; }
	#contents { margin:50px auto; }
	h3.maint { margin:40px 0 0 3%; }
	span.st { padding:0 0 0 3%; }
	.con1_2Txt { font-size:14px; max-width:100%; width:auto; padding:0 10px; }
	.ceo { margin-top:35px; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	#footArea p.copy { padding:0 3%; line-height:17px; }
	#footArea p.copy strong { padding-bottom:2px; }
	#footArea p.copy strong.over { background:none; }
	#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 h1.logo { left:5%; }
	#top .secMenu { right:5%; }
	.gnb .gnbList { max-width:658px; }
	.sMenu .sm_1 li:first-child { padding-left:31px; }
	.sMenu .sm_2 li:first-child { padding-left:53px; }
	.sMenu .sm_3 li:first-child { padding-left:46px; }
	.sMenu .sm_4 li:first-child { padding-left:226px; }
	.sMenu .sm_5 li:first-child { padding-left:327px; }
	#mainTopCont { max-width:100%; }
	#mainVis { float:none; margin:0 auto; }
	#rightArea { float:none; width:100%; max-width:100%; }
	#notice { width:394px; }
	#notice .noticeCon { margin:90px 0 49px 45px; max-width:100%; height:auto; }
	#prodBtn a.prod_pc { display:none; }
	#prodBtn a.prod_mob { display:block; }
	#mainCont { margin:50px auto 0; max-width:100%; width:auto; }
	#storyArea { width:248px; }
	#story { margin:0 auto; width:248px; height:auto; padding:40px 0 60px; background-position:center 80px; }
	.bt { margin-top:0; }
	.bt2 a { margin-top:155px; padding-bottom:3px; }
	#csArea { width:302px; }
	#cs { margin:0 auto; width:302px; height:auto; padding:40px 0 60px; background-position:center 38px; }
	.cst { margin:2px 0 0 8px; }
	.csNum { padding:9px 0; }
	.cs_s { padding:12px 0 8px 60px; }
	#maUpArea { width:248px; }
	#maUp { margin:0 auto; width:248px; height:auto; padding:40px 0 60px; background-position:center 80px; }
	.mt { margin-top:0; }
	.mt2 a { margin-top:155px; padding-bottom:3px; }
	#contents { margin:80px 0; }
	h3.maint { margin:60px 0 0 2%; }
	span.st { padding:6px 0 0 2%; }
	.con1_2Txt { max-width:100%; width:auto; padding:0 10px; }
	.con2, .con3, .con4, .con5,	.con6 { width:auto; padding:0 10px; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	#footArea p.copy { padding:0 1%; }
	#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) {
	.gnb .gnbList { max-width:658px; }
	.sMenu .sm_1 li:first-child { padding-left:31px; }
	.sMenu .sm_2 li:first-child { padding-left:53px; }
	.sMenu .sm_3 li:first-child { padding-left:46px; }
	.sMenu .sm_4 li:first-child { padding-left:226px; }
	.sMenu .sm_5 li:first-child { padding-left:327px; }
	#prodBtn a.prod_pc { display:none; }
	#prodBtn a.prod_mob { display:block; }
	#footArea p.botMenu span.privacy { padding-left:27px; }
	#footArea p.copy_mob { display:none; }
	#topIco { height:0; }
	#quickBtn { height:0; }
}
@media all and (min-width:1431px) {
	#footArea p.copy_mob { display:none; }
	#quickBtn { height:0; }
}