@charset "euc-kr";
@media all and (max-width:360px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:22px; 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 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; }
	#ndstmap { display:none; }
	#top { position:fixed; top:0; background:#EEE; }
	#top .logo { position:fixed; top:22px; padding-left:5%; }
	#top .secMenu { display:none; }
	#gnbWrap { display:none; }
	#gnb { display:none; }
	#mainVis { position:absolute; top:90px; height:375px; }
	#mainVis .main_txt { top:30px; left:5%; max-width:320px; }
	#mainVis .main_txt .m_tmt { font-size:14px; }
	#mainVis .main_txt .m_tst { font-size:26px; line-height:1.2; padding:10px 0 5px; }
	#mainVis .main_txt .m_txt { font-size:12px; }
	#mainVis #ndmov { top:193px; }
	#mainVis #pbtnArea { top:175px; left:45%; }
	#mainVis #pbtnArea .play_btn { width:38px; height:38px; line-height:38px; font-size:12px; }
	#mainCont { margin-top:465px; }
	.noticeCon { padding:0 15px; }
    #notice h3 { display:none; }
    #notice .noticeRolling { float:none; width:100%; max-width:100%; height:19px; padding-top:0; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#contArea { margin:20px 0 0; padding:15px 0 0; width:100%; }
	#elemArea li { padding-right:0; }
	#elem { width:330px; margin:0 auto; }
	.sec_title { font-size:20px; }
	.sec_stitle { font-size:13px; margin:-5px auto 15px; }
	#elem.elem_1 { height:380px; }
	#elem.elem_2 { height:380px; }
	#elem.elem_3 { height:380px; }
	#elem .titleArea { padding:15px 0; }
	#elem .titleArea .title_1 { font-size:18px; }
	#elem .titleArea .title_2 { font-size:13px; }
	#elem .on_txtArea { padding:30px 20px 0 20px; }
	#elem .on_txtArea .on_txt { padding:20px 0; margin:20px 0; font-size:12px; }
	#elem .on_txtArea .picto { margin-left:-15px; }
	#elem .on_txtArea:hover .picto,
	#elem .on_txtArea:focus .picto { bottom:80px; }
	#elem .on_txtArea .picto a { width:30px; height:30px; line-height:30px; font-size:22px; }
	.banArea { margin:30px auto 0; }
	.main_title { font-size:20px; }
	.banner .arrow { display:none; }
	#galleryWrap { margin:30px auto 0; }
	#galleryWrap #toggle { height:60px; }
	#galleryWrap #toggle.on:after { width:63%; }
	#galleryWrap #toggle h2.shopOutput { line-height:60px; padding-left:22px; font-size:15px; }
	#galleryWrap #toggle h2.shopOutput.on { padding-left:30px; }
	#galleryWrap #toggle .hidden { width:auto; font-size:13px; padding:30px 5px 10px; }
	#galleryWrap #toggle #btn-toggle { width:60px; height:60px; }
	#galleryWrap #toggle #btn-toggle .toggle-line { width:22px; height:2px; margin-left:-11px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:23px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:30px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:37px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:30px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:30px; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output .board_output_gallery_subject { font-size:10px; padding-top:3px; }
	.mainHis { max-width:330px; margin:40px auto 0; padding:20px 0 40px; }
	.mainHis .imgArea { float:none; margin:0 auto; width:auto; height:481px; padding:30px 0 0 50px; }
	.mainHis .hisArea { float:none; margin:0 auto; width:100%; }
	.mainHis .hisArea p.hisTitle { margin-top:20px; font-size:22px; text-align:center; }
	.mainHis .hisArea p { margin-bottom:15px; line-height:1.7; }
	.mainHis .hisArea .hisBtnArea a { margin:20px auto 0; }
	#mapArea { height:auto; margin:30px 0 0; }
	#mapArea .nodemap { height:300px; }
	.map_cont { position:static; left:auto; top:auto; }
	.map_cont .guideWrap { width:100%; padding:0; }	
	.map_cont .guide { position:relative; padding:30px 30px 40px; }
	.map_cont .guide .guide_mt { font-size:26px; }
	.map_cont .guide .guide_st { font-size:15px; margin-bottom:15px; }
	.map_cont .guide .guide_info .info_t { font-size:15px; font-weight:700; margin-bottom:5px; }
	.map_cont .guide .guide_info li,
	.map_cont .guide .guide_info li.picto { font-size:13px; line-height:1.5; }
	.map_cont .guide .guide_info li.picto i { font-size:12px !important; }
	.map_cont .guide .guideCont .guide_info { width:100%; }
	.map_cont .guide .guideCont .guide_info.addr { margin-bottom:15px; padding-bottom:15px; }
	#gallery { display:none; }
	#gallery_mob { max-width:1954px; margin:0 auto; }
	.gallSlide_mob { width:1954px; height:auto; }
	.gallSlide_mob.wide li { width:304px; height:auto; }
	.gallSlide_mob ul.mov_mob li.mm { width:100px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0; padding:0 0; }
	#contents { margin:40px auto; }
	.scate { display:none; }
	.work #choice { width:306px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:first-child { padding-left:0px; }
	.work #choice li a { font-size:13px; }
	.container { width:320px; margin:0 auto 10px; }
	h3.main_t { margin:40px 2% 0 2%; font-size:26px; }
	span.st { padding:0 2% 0 2%; }
	.subVisImg { position:absolute; top:80px; height:280px; }
	.subImg_1 { background-position:60% 100%; }
	.txt_1 { font-size:36px; margin-bottom:0; }
	.txt_2 { font-size:13px; line-height:1.4; padding:0 10px; }
	#lnb { margin-top:360px; }
	.con1_Img { margin:0 auto 20px; }
	.con1_Img:after { height:40px; margin:30px auto; }
	.con1_2Txt { max-width:100%; font-size:13px; line-height:1.5; width:auto; padding:0 10px; }
	.signArea { width:200px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; text-align:left; padding-left:6%; }
	dl#history dd strong { max-width:40px; padding:0 10px 0 6%; }
	dl#history dd ul li { width:100%; font-size:13px; }
	#roadmap { margin-top:0; }
	#roadmap .item { font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	.comm_t { margin:25px auto; font-size:12px; line-height:17px; }
	.comm_t .comm_Txt { margin:0 auto 5px; font-size:16px; font-weight:700; }
	.tabPart ul.tab_list li a { padding:15px 0; font-size:13px; }
	.tabPart ul.tab_list li.on { background:none; }
	.tabCon { margin-top:15px; }
	.tabCon h4 a { padding:14px 0 14px 3%; font-size:12px; }
	.Inner_2 { padding:4% 5% 6%; }
	#instagram { width:100%; max-width:340px; margin:0 auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	footer { display:block; padding:20px 0 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:20px 0; }
	.comInfo { padding:0 6% 0 6%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:25px 12% 0 6%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { margin-top:28px; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(1),
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	ul.bot_menu li:nth-child(4) { padding-top:4px; }
	.footCont .familySite { display:none; }
	.copy { margin:20px auto 0; font-size:12px; padding:30px 0 40px; }
	#topIco { height:0; }
}
@media all and (min-width:361px) and (max-width:600px) {	
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:22px; 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 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; }
	#ndstmap { display:none; }
	#top { position:fixed; top:0; background:#EEE; }
	#top .logo { position:fixed; top:22px; padding-left:5%; }
	#top .secMenu { display:none; }
	#gnbWrap { display:none; }
	#gnb { display:none; }
	#mainVis { position:absolute; top:90px; height:375px; }
	#mainVis .main_txt { top:30px; left:5%; max-width:320px; }
	#mainVis .main_txt .m_tmt { font-size:14px; }
	#mainVis .main_txt .m_tst { font-size:26px; line-height:1.2; padding:10px 0 5px; }
	#mainVis .main_txt .m_txt { font-size:12px; }
	#mainVis #ndmov { top:193px; }
	#mainVis #pbtnArea { top:175px; left:45%; }
	#mainVis #pbtnArea .play_btn { width:38px; height:38px; line-height:38px; font-size:12px; }
	#mainCont { margin-top:465px; }
	.noticeCon { padding:0 15px; }
    #notice h3 { display:none; }
    #notice .noticeRolling { float:none; width:100%; max-width:100%; height:19px; padding-top:0; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#contArea { margin:20px 0 0; padding:15px 0 0; width:100%; }
	#elemArea li { padding-right:0; }
	#elem { width:330px; margin:0 auto; }
	.sec_title { font-size:20px; }
	.sec_stitle { font-size:13px; margin:-5px auto 15px; }
	#elem.elem_1 { height:380px; }
	#elem.elem_2 { height:380px; }
	#elem.elem_3 { height:380px; }
	#elem .titleArea { padding:15px 0; }
	#elem .titleArea .title_1 { font-size:18px; }
	#elem .titleArea .title_2 { font-size:13px; }
	#elem .on_txtArea { padding:30px 20px 0 20px; }
	#elem .on_txtArea .on_txt { padding:20px 0; margin:20px 0; font-size:12px; }
	#elem .on_txtArea .picto { margin-left:-15px; }
	#elem .on_txtArea:hover .picto,
	#elem .on_txtArea:focus .picto { bottom:80px; }
	#elem .on_txtArea .picto a { width:30px; height:30px; line-height:30px; font-size:22px; }
	.banArea { margin:30px auto 0; }
	.main_title { font-size:20px; }
	.banner .arrow { display:none; }
	#galleryWrap { margin:30px auto 0; }
	#galleryWrap #toggle { height:60px; }
	#galleryWrap #toggle.on:after { width:63%; }
	#galleryWrap #toggle h2.shopOutput { line-height:60px; padding-left:22px; font-size:15px; }
	#galleryWrap #toggle h2.shopOutput.on { padding-left:30px; }
	#galleryWrap #toggle .hidden { width:auto; font-size:13px; padding:30px 5px 10px; }
	#galleryWrap #toggle #btn-toggle { width:60px; height:60px; }
	#galleryWrap #toggle #btn-toggle .toggle-line { width:22px; height:2px; margin-left:-11px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:23px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:30px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:37px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:30px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:30px; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output .board_output_gallery_subject { font-size:10px; padding-top:3px; }
	.mainHis { max-width:330px; margin:40px auto 0; padding:20px 0 40px; }
	.mainHis .imgArea { float:none; margin:0 auto; width:auto; height:481px; padding:30px 0 0 50px; }
	.mainHis .hisArea { float:none; margin:0 auto; width:100%; }
	.mainHis .hisArea p.hisTitle { margin-top:20px; font-size:22px; text-align:center; }
	.mainHis .hisArea p { margin-bottom:15px; line-height:1.7; }
	.mainHis .hisArea .hisBtnArea a { margin:20px auto 0; }
	#mapArea { height:auto; margin:30px 0 0; }
	#mapArea .nodemap { height:300px; }
	.map_cont { position:static; left:auto; top:auto; }
	.map_cont .guideWrap { width:100%; padding:0; }	
	.map_cont .guide { position:relative; padding:30px 30px 40px; }
	.map_cont .guide .guide_mt { font-size:26px; }
	.map_cont .guide .guide_st { font-size:15px; margin-bottom:15px; }
	.map_cont .guide .guide_info .info_t { font-size:15px; font-weight:700; margin-bottom:5px; }
	.map_cont .guide .guide_info li,
	.map_cont .guide .guide_info li.picto { font-size:13px; line-height:1.5; }
	.map_cont .guide .guide_info li.picto i { font-size:12px !important; }
	.map_cont .guide .guideCont .guide_info { width:100%; }
	.map_cont .guide .guideCont .guide_info.addr { margin-bottom:15px; padding-bottom:15px; }
	#gallery { display:none; }
	#gallery_mob { max-width:1954px; margin:0 auto; }
	.gallSlide_mob { width:1954px; height:auto; }
	.gallSlide_mob.wide li { width:304px; height:auto; }
	.gallSlide_mob ul.mov_mob li.mm { width:100px; }
	.nodepop { display:none; }
	#subContents { margin-bottom:0; padding:0 0; }
	#contents { margin:40px auto; }
	.scate { display:none; }
	.work #choice { width:306px; height:20px; }
	.work #choice li { padding-right:15px; }
	.work #choice li:first-child { padding-left:0px; }
	.work #choice li a { font-size:13px; }
	.container { width:340px; margin:0 auto 10px; }
	h3.main_t { margin:40px 2% 0 2%; font-size:26px; }
	span.st { padding:0 2% 0 2%; }
	.subVisImg { position:absolute; top:80px; height:280px; }
	.subImg_1 { background-position:60% 100%; }
	.txt_1 { font-size:36px; margin-bottom:0; }
	.txt_2 { font-size:13px; line-height:1.4; padding:0 10px; }
	#lnb { margin-top:360px; }
	.con1_Img { margin:0 auto 20px; }
	.con1_Img:after { height:40px; margin:30px auto; }
	.con1_2Txt { max-width:100%; font-size:13px; line-height:1.5; width:auto; padding:0 10px; }
	.signArea { width:200px; }	
	.ceo { margin-top:30px; }
	.sign { margin:0 0 10px 20px; }
	dl#history { background:none; }
	dl#history dd { padding:22px 0; line-height:30px; }
	dl#history dd em { float:none; text-align:left; padding-left:6%; }
	dl#history dd strong { max-width:40px; padding:0 10px 0 6%; }
	dl#history dd ul li { width:100%; font-size:13px; }
	#roadmap { margin-top:0; }
	#roadmap .item { font-size:13px; }
	#roadmap .tt1_con { padding:12px 0; }
	#roadmap .tt2_con { padding:12px 0 12px 10px; font-size:13px; }
	.comm_t { margin:25px auto; font-size:12px; line-height:17px; }
	.comm_t .comm_Txt { margin:0 auto 5px; font-size:16px; font-weight:700; }
	.tabPart ul.tab_list li a { padding:15px 0; font-size:13px; }
	.tabPart ul.tab_list li.on { background:none; }
	.tabCon { margin-top:15px; }
	.tabCon h4 a { padding:14px 0 14px 3%; font-size:12px; }
	.Inner_2 { padding:4% 5% 6%; }
	#instagram { width:100%; max-width:340px; margin:0 auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 1px !important; }
	.gallery_title { font-size:12px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	footer { display:block; padding:20px 0 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:20px 0; }
	.comInfo { padding:0 6% 0 6%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:25px 12% 0 6%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { margin-top:28px; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(1),
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	ul.bot_menu li:nth-child(4) { padding-top:4px; }
	.footCont .familySite { display:none; }
	.copy { margin:20px auto 0; font-size:12px; padding:30px 0 40px; }
	#topIco { height:0; }
}
@media all and (min-width:601px) and (max-width:767px) {
	.mbWrap { display:block; }
	.openBtn { position:fixed; top:22px; 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 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; }
	#ndstmap { display:none; }	
	#top { position:fixed; top:0; background:#EEE; }
	#top .logo { position:fixed; top:22px; padding-left:5%; }
	#top .secMenu { display:none; }
	#gnbWrap { display:none; }
	#gnb { display:none; }
	#mainVis { position:absolute; top:90px; height:650px; }
	#mainVis .main_txt { top:35px; left:7%; max-width:520px; }
	#mainVis .main_txt .m_tmt { font-size:16px; }
	#mainVis .main_txt .m_tst { font-size:38px; }
	#mainVis .main_txt .m_txt { font-size:13px; }
	#mainVis #ndmov { top:200px; }
	#mainVis #pbtnArea { top:180px; left:50%; }
	#mainVis #pbtnArea .play_btn { width:42px; height:42px; line-height:42px; font-size:12px; }
	.nodepop { display:none; }
	#mainCont { margin-top:650px; }
	.noticeCon { padding:0 15px; }
    #notice { padding:14px 0; }
	#notice h3 { background-position:right 6px; }
	#notice h3 a { font-size:15px; }
	#notice h3 i { top:1px; }
	#notice .noticeRolling { float:right; width:81%; height:19px; }
    #notice .noticeLatest { table-layout:fixed; }
    #notice .noticeLatest td[nowrap] { width:70%; }
    #notice .noticeLatest td[align='center'] { width:30%; }
    #notice .noticeLatest td a { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	#contArea { padding:30px 0 0; width:100%; }
	#elemArea li { padding-right:0; }
	#elem { width:520px; margin:0 auto; }
	.sec_title { font-size:24px; }
	.sec_stitle { font-size:15px; margin:-5px auto 15px; }
	#elem.elem_1 { height:440px; }
	#elem.elem_2 { height:440px; }
	#elem.elem_3 { height:440px; }
	#elem .titleArea { padding:15px 0; }
	#elem .titleArea .title_1 { font-size:22px; }
	#elem .titleArea .title_2 { font-size:15px; }
	#elem .on_txtArea { padding:40px 20px 0 20px; }
	#elem .on_txtArea .on_title_1 { font-size:22px; }
	#elem .on_txtArea .on_title_2 { font-size:15px; }
	#elem .on_txtArea .on_txt { padding:20px 0; margin:20px 0; font-size:15px; }
	#elem .on_txtArea:hover .picto,
	#elem .on_txtArea:focus .picto { bottom:90px; }
	.banner .arrow { display:none; }
	#galleryWrap { margin:10px auto 0; }
	#galleryWrap #toggle { height:60px; }
	#galleryWrap #toggle.on:after { width:43%; }
	#galleryWrap #toggle h2.shopOutput { line-height:60px; padding-left:22px; font-size:16px; }
	#galleryWrap #toggle h2.shopOutput.on { padding-left:34px; }
	#galleryWrap #toggle .hidden { width:auto; font-size:13px; padding:30px 10px 20px; }
	#galleryWrap #toggle #btn-toggle { width:60px; height:60px; }
	#galleryWrap #toggle #btn-toggle .toggle-line { width:22px; height:2px; margin-left:-11px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:23px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:30px; }
	#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:37px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:30px; }
	#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:30px; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:before,#galloutWrap .board_output td.board_output_gallery_img>a:focus:before { opacity:0; }
	#galloutWrap .board_output td.board_output_gallery_img:hover>a:after,#galloutWrap .board_output td.board_output_gallery_img>a:focus:after { opacity:0; }
	#galloutWrap .board_output .board_output_gallery_subject { font-size:11px; padding-top:4px; }	
	.mainHis { margin:40px auto 0; padding:25px 0 55px; }
	.mainHis .imgArea { width:222px; padding:30px 0 0 50px; }
	.mainHis .hisArea { width:calc(100% - 270px); padding:0 15px 0 0; }
	.mainHis .hisArea p { margin-bottom:15px; line-height:1.65; }
	.mainHis .hisArea .hisBtnArea a { margin:20px auto 0; }
	#mapArea { height:auto; margin:20px 0 0; }
	#mapArea .nodemap { height:330px; }
	.map_cont { position:static; left:auto; top:auto; }
	.map_cont .guideWrap { width:100%; padding:0; }	
	.map_cont .guide { position:relative; padding:40px; }
	.map_cont .guide .guide_mt { font-size:26px; }
	.map_cont .guide .guide_st { font-size:18px; margin-bottom:15px; }
	.guideCont:before { content:""; display:table; }
	.guideCont:after { content:""; display:table; clear:both; }
	.guideCont .guide_info { float:left; width:50%; }
	.map_cont .guide .guide_info.addr { border-bottom:none; padding-bottom:0; margin-bottom:0; }
	.map_cont .guide .guide_info li, 
	.map_cont .guide .guide_info li.picto { font-size:13px; line-height:1.6; }
	.viewBtn a { width:140px; font-size:13px; }
	#gallery { display:none; }
	#gallery_mob { max-width:1954px; margin:0 auto; }
	.gallSlide_mob { width:1954px; height:auto; }
	.gallSlide_mob.wide li { width:304px; height:auto; }
	.gallSlide_mob ul.mov_mob li.mm { width:100px; }
	#subContents { margin-bottom:0; padding:0 0; }
	.subVisImg { position:absolute; top:80px; height:350px; }
	.txt_1 { font-size:42px; margin-bottom:0; }
	.txt_2 { font-size:14px; padding:0 10px; }
	#lnb { margin-top:430px; }
	#subContInner { margin-bottom:0; }
	#contents { margin:50px auto; width:100%; }
	.work { max-width:610px; margin:0 auto; }
	.work #choice { width:326px; height:50px; }
	.work #choice li { padding-right:20px; }
	.work #choice li a { font-size:13px; padding-top:11px; }
	.work #choice li:last-child { padding-right:0; }
	.container { width:594px; margin:0 auto; }
	.portfolio-thumbs { margin:0 auto; }
	h3.main_t { margin:40px 0 0 3%; }
	span.st { padding:5px 0 0 3%; }
	.con1_Img { margin:0 auto 20px; }
	.con1_2Txt { font-size:15px; max-width:100%; width:auto; padding:0 10px; }
	.ceo { margin-top:35px; }
	dl#history { background:none; }
	dl#history dd em { max-width:130px; }
	dl#history dd strong{ max-width:50px; }
	dl#history dd ul li { max-width:auto; }
	.tabPart ul.tab_list li a { padding:15px 0; font-size:13px; }
	.tabPart ul.tab_list li.on { background:none; }
	.tabCon { margin-top:15px; }
	.tabCon h4 a { padding:18px 0 18px 3%; font-size:13px; }
	.Inner_2 { padding:4% 5% 6%; }
	#instagram { width:100%; max-width:620px; margin:0 auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 2px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	footer { display:block; padding:35px 0 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:25px 0; }
	.comInfo { padding:0 2% 0 3%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:0 4% 0 3%; }
	.csInfo p { font-size:12px; }
	ul.bot_menu { margin-top:0; }
	ul.bot_menu li a { font-size:12px; }
	ul.bot_menu li:nth-child(1),
	ul.bot_menu li:nth-child(2),
	ul.bot_menu li:nth-child(3) { display:none; }
	ul.bot_menu li:nth-child(4) { padding-top:0; }
	.footCont .familySite { display:none; }
	.copy { margin:20px auto 0; font-size:13px; padding:30px 0 40px; }
	#topIco { height:0; }
}
@media all and (min-width:768px) and (max-width:1024px) {
	#topNotice { display:none; }
	#top .logo { padding-left:4%; }
	#top .secMenu { right:4%; }
	#gnb > ul { max-width:588px; }
	#gnb > ul > li > a { padding:31px 27px; }
	#mainVis { position:relative; height:670px; }
	#mainVis .main_txt { top:505px; left:13%; max-width:576px; }
	#mainVis #pbtnArea { top:426px; left:50%; }
	#mainCont { margin-top:0; }
	.noticeCon { padding:0 15px; }
	#notice .noticeLatest { table-layout:fixed; width:100%; }
	.contWrap { width:750px; }
	#elemArea li { float:left; }
	#elemArea li { width:33.33333333%; }
	.banner .arrow { display:none; }
	#galleryWrap { margin:10px auto 0; }
	#galleryWrap #toggle.on:after { width:45%; }
	#galleryWrap #toggle h2.shopOutput { padding-left:34px; }
	#galleryWrap #toggle h2.shopOutput.on { padding-left:64px; }
	#galleryWrap #toggle .hidden { width:auto; font-size:13px; padding:40px 8px 20px 12px; }
	.mainHis { margin:40px auto 0; padding:25px 0 55px; }
	.mainHis .imgArea { width:320px; padding:30px 0 379px 50px; }
	.mainHis .hisArea { width:calc(100% - 365px); padding:0 15px 0 0; }
	.mainHis .hisArea p { margin-bottom:15px; }
	#mapArea { height:auto; margin:0 auto 5px; }
	#mapArea .nodemap { height:350px; }
	.map_cont { position:static; left:auto; top:auto; }
	.map_cont .guideWrap { width:100%; padding:0; }	
	.map_cont .guide { position:relative; padding:40px; }
	.map_cont .guide .guide_mt { font-size:30px; }
	.map_cont .guide .guide_st { font-size:18px; margin-bottom:15px; }
	.guideCont:before { content:""; display:table; }
	.guideCont:after { content:""; display:table; clear:both; }
	.guideCont .guide_info { float:left; width:50%; }
	.map_cont .guide .guide_info.addr { border-bottom:none; padding-bottom:0; margin-bottom:0; }
	.map_cont .guide .guide_info .info_t { font-size:20px; margin-bottom:5px; }
	.map_cont .guide .guide_info li, 
	.map_cont .guide .guide_info li.picto { font-size:15px; line-height:1.6; }
	.viewBtn a { width:150px; font-size:14px; }
	#gallery { display:none; }
	#gallery_mob { position:relative; max-width:1954px; margin:0 auto; }
	.gallSlide_mob { width:1954px; height:auto; }
	.gallSlide_mob.wide li { width:304px; height:auto; }
	.gallSlide_mob ul.mov_mob li.mm { width:100px; }
	.nodepop { top:169px; }
	#subContents { margin-bottom:0; padding:0 0; }
	.subVisImg { position:absolute; top:80px; height:500px; }
	.txt_1 { font-size:42px; }
	.txt_2 { font-size:16px; }
	#lnb { margin-top:450px; }
	#contents { margin:80px 0; }
	h3.main_t { margin:61px 2% 0 2%; }
	span.st { padding:6px 2% 0 2%; }
	.con1_Img { margin:0 auto 20px; }
	.tabPart ul.tab_list li.on { background-position:75% center; }
	.Inner_2 { padding:4% 5% 6%; font-size:15px; }
	#instagram { width:100%; max-width:770px; margin:0 auto; }
	.bbsnewf5 td[valign='bottom'] { padding:0 3px !important; }
	.con1, .con1_2Txt, .con2, .con3, .con4, .con5, .con6, .comm_con { width:auto; padding:0 10px; }
	.work { max-width:820px; margin:0 auto; }
	.work #choice { max-width:396px; height:50px; }
	.work #choice li { padding-right:23px; }
	.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; }
	dl#sitemap dd em { max-width:130px; padding-right:30px; }
	dl#sitemap dd ul li:first-child { padding-left:10px; }
	footer { display:block; padding:30px 0 0; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:30px 0; }
	.comInfo { padding:0 4% 0 4%; }
	.comInfo p { font-size:12px; }
	.csInfo { padding:0 8% 0 3%; }
	.csInfo p { font-size:12px; }
	.footCont .familySite { display:none; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1025px) and (max-width:1430px) {
	.sitemapArea { margin:80px auto 0; }
	#ndstmap .qmenu-btn-cls { top:80px; }
	#notice .noticeLatest { table-layout:fixed; width:100%; }
	.contWrap { width:1200px; }
	#elemArea li { float:left; }
	#elemArea li { width:33.33333333%; }
	.banner .arrow { display:none; }
	.guideWrap { width:1000px; }
	.guide_pos { margin-left:58%; }
	#gallery_mob { display:none; }
	.work #choice { max-width:405px; height:50px; margin:0 auto; }
	.footWrap { max-width:100%; margin:0 auto; }
	.footCont { padding:20px 0; }
	.comInfo { padding:0 4% 0 4%; }
	.csInfo { padding:0 8% 0 4%; }
	.footCont .familySite { right:4%; }
	#quickBtn { height:0; }
	#topIco { height:0; }
}
@media all and (min-width:1431px) {
	#notice .noticeLatest { table-layout:fixed; width:100%; }
	.contWrap { width:1200px; }
	#elemArea li { float:left; }
	#elemArea li { width:33.33333333%; }
	.guideWrap { width:1000px; }
	.guide_pos { margin-left:58%; }		
	#gallery_mob { display:none; }
	#quickBtn { height:0; }
}