@charset "euc-kr"; @media all and (max-width:360px) { .mbWrap { display:block; } .openBtn { position:absolute; top:32px; 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:#FB4F2F; } 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; } #topIco { display:none; } #leftArea .logo { top:30px; left:4%; } .secMenu { display:none; } #gnbArea { display:none; } .mvisImg { display:none; } #mainCont { float:none; margin:0 auto; } #centConArea { width:100%; } #centCon { max-width:330px; } #centConUp { height:auto; } #noticeWrap ul li.noCont { height:100px; } #noticeWrap p.more { position:absolute; top:10px; right:0; } #noticeArea .noticeCon { margin:15px 0 0 15px; max-width:330px; } #noticeArea .noticeCon td[align='center'] { display:none; } #mtxtArea { float:left; width:100%; } p.mt_1 { padding-top:30px; } p.mt_1 img { width:100%; height:auto; max-width:260px; } p.mt_2 { padding-top:20px; font-size:14px; line-height:21px; } p.mt_3 { width:100%; max-width:330px; padding-top:20px; margin:0 auto; line-height:19px; font-size:12px; } #centConDn { width:100%; max-width:330px; margin:30px auto 0; } #icon_1 a { margin-left:84px; } #icon_2 { float:left; margin:-43px 0 0 0; } #icon_3 { float:right; margin:-43px 0 0 0; } #rightConArea { float:none; width:100%; max-width:282px; margin:0 auto; } #vertImgArea { margin-top:30px; height:532px; max-height:100%; border-left:0; } #vertImgArea .vertImg li.sushi a { background:url('../images/si_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.meat a { background:url('../images/mt_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.fruit a { background:url('../images/ft_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.bread a { background:url('../images/bd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.seafood a { background:url('../images/sfd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.salad a { background:url('../images/sd_icon.png') no-repeat 50% 50%; } #vertImgArea .btn { position:absolute; top:239px; margin-left:125px; width:38px; } #vertImgArea .btn a { display:block; } #vertImgArea .btn a.up { width:35px; height:28px; background:url('../images/up_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.up:hover { background-position:-35px 0; } #vertImgArea .btn a.dn { width:35px; height:27px; background:url('../images/dn_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.dn:hover { background-position:-35px 0; } #reservation { margin:40px 0 0 30px; } #reservation .goBtn { margin:10px 0 20px 0; } .nodepop { display:none; } .svisImg_1 { float:none; margin:0 0 0 115px; height:180px; background:url(../intro/images/svis_img_1.jpg) left -310px no-repeat; } .svisImg_2 { float:none; margin:0 0 0 115px; height:180px; background:url(../menu/images/svis_img_2.jpg) left -345px no-repeat; } .svisImg_3 { float:none; margin:0 0 0 115px; height:180px; background:url(../guide/images/svis_img_3.jpg) left -400px no-repeat; } .svisImg_4 { float:none; margin:0 0 0 115px; height:180px; background:url(../reservation/images/svis_img_4.jpg) left -152px no-repeat; } .svisImg_5 { float:none; margin:0 0 0 115px; height:180px; background:url(../community/images/svis_img_5.jpg) left -400px no-repeat; } .svisImg_6 { float:none; margin:0 0 0 115px; height:180px; background:url(../login/images/svis_img_6.jpg) left -550px no-repeat; } #subCont { float:none; margin:0 auto; max-width:100%; } #subContents { float:none; max-width:100%; margin:0 auto; } h3.maint { margin:40px 0 0 3%; } span.st { padding:5px 0 0 3%; } .contArea { float:none; margin:35px auto; width:auto; padding:0 10px; } .con_1Txt { margin:35px auto 0; font-size:14px; } .con_1_2Txt { margin:15px auto 0; max-width:100%; text-align:justify; font-size:12px; } .ceo { margin-top:35px; } .sign { margin-left:39px; } .bbsnewf5 td[valign='bottom'] { padding:0 1px !important; } .gallery_title { font-size:12px !important; } footer { margin-top:0; } #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:32px; 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:#FB4F2F; } 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; } #topIco { display:none; } #leftArea .logo { top:30px; left:4%; } .secMenu { display:none; } #gnbArea { display:none; } .mvisImg { display:none; } #mainCont { float:none; margin:0 auto; } #centConArea { width:100%; } #centCon { max-width:330px; } #centConUp { height:auto; } #noticeWrap ul li.noCont { height:100px; } #noticeWrap p.more { position:absolute; top:10px; right:0; } #noticeArea .noticeCon { margin:15px 0 0 15px; max-width:330px; } #noticeArea .noticeCon td[align='center'] { display:none; } #mtxtArea { float:left; width:100%; } p.mt_1 { padding-top:30px; } p.mt_1 img { width:100%; height:auto; max-width:260px; } p.mt_2 { padding-top:20px; font-size:14px; line-height:21px; } p.mt_3 { width:100%; max-width:330px; padding-top:20px; margin:0 auto; line-height:19px; font-size:12px; } #centConDn { width:100%; max-width:330px; margin:30px auto 0; } #icon_1 a { margin-left:84px; } #icon_2 { float:left; margin:-43px 0 0 0; } #icon_3 { float:right; margin:-43px 0 0 0; } #rightConArea { float:none; width:100%; max-width:282px; margin:0 auto; } #vertImgArea { margin-top:30px; height:532px; max-height:100%; border-left:0; } #vertImgArea .vertImg li.sushi a { background:url('../images/si_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.meat a { background:url('../images/mt_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.fruit a { background:url('../images/ft_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.bread a { background:url('../images/bd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.seafood a { background:url('../images/sfd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.salad a { background:url('../images/sd_icon.png') no-repeat 50% 50%; } #vertImgArea .btn { position:absolute; top:239px; margin-left:125px; width:38px; } #vertImgArea .btn a { display:block; } #vertImgArea .btn a.up { width:35px; height:28px; background:url('../images/up_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.up:hover { background-position:-35px 0; } #vertImgArea .btn a.dn { width:35px; height:27px; background:url('../images/dn_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.dn:hover { background-position:-35px 0; } #reservation { margin:40px 0 0 30px; } #reservation .goBtn { margin:10px 0 20px 0; } .nodepop { display:none; } .svisImg_1 { float:none; margin:0 0 0 115px; height:180px; background:url(../intro/images/svis_img_1.jpg) left -310px no-repeat; } .svisImg_2 { float:none; margin:0 0 0 115px; height:180px; background:url(../menu/images/svis_img_2.jpg) left -345px no-repeat; } .svisImg_3 { float:none; margin:0 0 0 115px; height:180px; background:url(../guide/images/svis_img_3.jpg) left -400px no-repeat; } .svisImg_4 { float:none; margin:0 0 0 115px; height:180px; background:url(../reservation/images/svis_img_4.jpg) left -152px no-repeat; } .svisImg_5 { float:none; margin:0 0 0 115px; height:180px; background:url(../community/images/svis_img_5.jpg) left -400px no-repeat; } .svisImg_6 { float:none; margin:0 0 0 115px; height:180px; background:url(../login/images/svis_img_6.jpg) left -550px no-repeat; } #subCont { float:none; margin:0 auto; max-width:100%; } #subContents { float:none; max-width:100%; margin:0 auto; } h3.maint { margin:40px 0 0 3%; } span.st { padding:5px 0 0 3%; } .contArea { float:none; margin:35px auto; width:auto; padding:0 10px; } .con_1Txt { margin:35px auto 0; font-size:14px; } .con_1_2Txt { margin:15px auto 0; max-width:100%; text-align:justify; font-size:12px; } .ceo { margin-top:35px; } .sign { margin-left:39px; } .bbsnewf5 td[valign='bottom'] { padding:0 1px !important; } .gallery_title { font-size:12px !important; } footer { margin-top:0; } #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:32px; 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:#FB4F2F; } 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; } #topIco { display:none; } #leftArea .logo { top:30px; left:4%; } .secMenu { display:none; } #gnbArea { display:none; } .mvisImg { display:none; } #mainCont { float:none; margin:0 auto; max-width:601px; } #centConArea { max-width:601px; } #centCon { max-width:538px; } #centConDn { margin:32px auto 0; } #rightConArea { float:none; width:100%; max-width:282px; margin:0 auto; } #vertImgArea { margin-top:30px; height:532px; max-height:100%; border-left:0; } #vertImgArea .vertImg li.sushi a { background:url('../images/si_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.meat a { background:url('../images/mt_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.fruit a { background:url('../images/ft_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.bread a { background:url('../images/bd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.seafood a { background:url('../images/sfd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.salad a { background:url('../images/sd_icon.png') no-repeat 50% 50%; } #vertImgArea .btn { position:absolute; top:239px; margin-left:125px; width:38px; } #vertImgArea .btn a { display:block; } #vertImgArea .btn a.up { width:35px; height:28px; background:url('../images/up_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.up:hover { background-position:-35px 0; } #vertImgArea .btn a.dn { width:35px; height:27px; background:url('../images/dn_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.dn:hover { background-position:-35px 0; } #reservation { margin:40px 0 0 30px; } #reservation .goBtn { margin:10px 0 20px 0; } .nodepop { display:none; } .svisImg_1 { float:none; margin:0 auto; height:230px; background:url(../intro/images/svis_img_1.jpg) left -310px no-repeat; } .svisImg_2 { float:none; margin:0 auto; height:230px; background:url(../menu/images/svis_img_2.jpg) left -345px no-repeat; } .svisImg_3 { float:none; margin:0 auto; height:230px; background:url(../guide/images/svis_img_3.jpg) left -400px no-repeat; } .svisImg_4 { float:none; margin:0 auto; height:230px; background:url(../reservation/images/svis_img_4.jpg) left -132px no-repeat; } .svisImg_5 { float:none; margin:0 auto; height:230px; background:url(../community/images/svis_img_5.jpg) left -400px no-repeat; } .svisImg_6 { float:none; margin:0 auto; height:230px; background:url(../login/images/svis_img_6.jpg) left -310px no-repeat; } #subCont { float:none; margin:0 auto; max-width:100%; } #subContents { float:none; max-width:100%; margin:0 auto; } h3.maint { margin:40px 0 0 3%; } span.st { padding:5px 0 0 3%; } .contArea { float:none; margin:45px auto; width:auto; padding:0 10px; } .con_1Txt { margin:35px auto 0; font-size:18px; } .con_1_2Txt { margin:15px auto 0; max-width:100%; text-align:justify; font-size:13px; } .ceo { margin-top:35px; } .sign { margin-left:39px; } .bbsnewf5 td[valign='bottom'] { padding:0 2px !important; } footer { margin-top:0; } #footArea p.copy { padding:0 4% 25px; } #footArea p.botMenu { display:none; } #footArea p.copy_mob { display:none; } #topIco { height:0; } } @media all and (min-width:768px) and (max-width:1024px) { .mbWrap { display:block; } .openBtn { position:absolute; top:38px; right:6%; 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:#FB4F2F; } 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; } #leftArea .logo { top:35px; left:6%; } .secMenu { display:none; } #gnbArea { display:none; } .mvisImg { display:none; } #mainCont { float:none; margin:0 auto; max-width:820px; } #centConArea { max-width:820px; } #centCon { max-width:620px; } p.mt_2 { font-size:22px; line-height:28px; } p.mt_3 { width:100%; font-size:15px; line-height:22px; } #centConDn { margin:30px auto 40px; width:508px; height:190px; overflow:hidden; } #icon_1 a { margin-left:0; background-position:right top; } #icon_2 { margin:0 0 0 10px; } #icon_2 a:before { content:''; display:block; width:162px; height:190px; background:url('../images/ico_2_on.png'); } #icon_3 { margin:0 0 0 10px; } #icon_3 a:before { content:''; display:block; width:162px; height:190px; background:url('../images/ico_3_on.png'); } #rightConArea { float:none; width:100%; max-width:282px; margin:0 auto; } #vertImgArea { margin-top:0; height:560px; max-height:100%; border-left:0; } #vertImgArea .vertImg li.sushi a { background:url('../images/si_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.meat a { background:url('../images/mt_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.fruit a { background:url('../images/ft_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.bread a { background:url('../images/bd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.seafood a { background:url('../images/sfd_icon.png') no-repeat 50% 50%; } #vertImgArea .vertImg li.salad a { background:url('../images/sd_icon.png') no-repeat 50% 50%; } #vertImgArea .btn { position:absolute; top:239px; margin-left:125px; width:38px; } #vertImgArea .btn a { display:block; } #vertImgArea .btn a.up { width:35px; height:28px; background:url('../images/up_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.up:hover { background-position:-35px 0; } #vertImgArea .btn a.dn { width:35px; height:27px; background:url('../images/dn_btn.png') left top no-repeat; text-indent:-9999px; } #vertImgArea .btn a.dn:hover { background-position:-35px 0; } #reservation { margin:40px 0 0 30px; } #reservation .goBtn { margin:10px 0 20px 0; } .svisImg_1 { float:none; margin:0 auto; height:230px; background:url(../intro/images/svis_img_1.jpg) left -310px no-repeat; } .svisImg_2 { float:none; margin:0 auto; height:230px; background:url(../menu/images/svis_img_2.jpg) left -345px no-repeat; } .svisImg_3 { float:none; margin:0 auto; height:230px; background:url(../guide/images/svis_img_3.jpg) left -400px no-repeat; } .svisImg_4 { float:none; margin:0 auto; height:230px; background:url(../reservation/images/svis_img_4.jpg) left -132px no-repeat; } .svisImg_5 { float:none; margin:0 auto; height:230px; background:url(../community/images/svis_img_5.jpg) left -400px no-repeat; } .svisImg_6 { float:none; margin:0 auto; height:230px; background:url(../login/images/svis_img_6.jpg) left -310px no-repeat; } #subCont { float:none; margin:0 auto; max-width:100%; } #subContents { float:none; max-width:100%; margin:0 auto; } h3.maint { margin:40px 0 0 2%; } span.st { padding:6px 0 0 2%; } .contArea { float:none; margin:45px auto; width:auto; padding:0 10px; } .con_1Txt { max-width:100%; margin:40px auto; } .con_1_2Txt { margin:15px auto 0; max-width:100%; } .ceo { margin-top:40px; } .sign { margin-left:39px; } .bbsnewf5 td[valign='bottom'] { padding:0 3px !important; } footer { margin-top:0; } #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) { .mbWrap { display:block; } .openBtn { position:absolute; top:-70px; right:66px;; 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:#FB4F2F; } 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; } #leftArea .logo { top:-70px; left:68px; } .secMenu { display:none; } #gnbArea { display:none; } #mainCont { float:none; margin:100px auto 0; } .mvisImg { height:900px; } #centConUp { margin:0 auto; } #vertImgArea { margin-top:0; height:900px; } #subCont { float:none; margin:100px auto 0; } h3.maint { margin-top:0; } #footArea { max-width:1145px; padding:0 0 20px; } #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; } }