#viewPort{margin-left:300px;height:100%;position:relative}#viewPort #header{position:fixed;width:300px;height:100%;left:0;top:0;transition:width .2s ease-in-out}#viewPort #header .aside .hgroup>h1{padding:85px 0;text-align:center;float:none}#viewPort #header .aside .hgroup>h1 img{max-width:100%}#viewPort #header .aside .hgroup>h1.mLogo{display:none}#viewPort #header .aside .hgroup>h1.pLogo{display:block}#viewPort #header .aside .hgroup>h1.pLogo span{display:block;position:absolute;width:26px;height:26px;top:30px;right:30px}#viewPort #header .aside .hgroup>h1.pLogo span a.state_off{display:none}#viewPort #header .aside .hgroup>h1.pLogo span img{display:block}#viewPort #header .aside .gnb{position:relative;max-width:100%;border:0}#viewPort #header .aside .gnb ul.dep1>li{float:none;width:100%;height:auto;border-bottom:1px solid #ddd}#viewPort #header .aside .gnb ul.dep1>li>a{padding:15px 0 15px 70px;position:relative;text-align:left;border:0;font-size:24px;letter-spacing:-3px}#viewPort #header .aside .gnb ul.dep1>li>a:before{display:block}#viewPort #header .aside .gnb ul.dep1>li>a span{width:auto;display:inline}#viewPort #header .aside .gnb ul.dep1>li>a img{display:block;position:absolute;top:50%;left:15px;margin:-20px 0 0 0;width:40px;height:40px}#viewPort #header .aside .gnb ul.dep1>li>div{position:relative;width:100%;left:0;margin:0}#viewPort #header .aside .gnb ul.dep1>li ul.dep2{background:#fff}#viewPort #header .aside .gnb ul.dep1>li ul.dep2 li a{text-align:left;border:0;color:#999;padding:6px 0 6px 70px}#viewPort #header .aside .gnb ul.dep1>li ul.dep2 li:hover a{background:transparent;color:#000}#viewPort .btnUser{display:block;top:30px}#viewPort .btnUser a:hover{background:#fff;color:#252525}#viewPort #container.main .contents .img-txt{padding:0;position:fixed;top:30%;right:130px}#viewPort #container.main .contents .img-txt img{max-height:246px}#viewPort .main .contents .con-inner .live_button .live_button_s{width:110px;height:110px;background:#fff;opacity:.9;border-radius:60px 60px;text-align:center}#viewPort .main .contents .con-inner .live_button .live_button_s a{line-height:7;text-align:center;color:#0462b9;font-weight:bold}#viewPort .main .contents .con-inner .live_button{padding:0;position:fixed;right:366px;margin-top:20px;display:block}#viewPort #container.main .contents .img-txt .live_button{display:block}#viewPort #container.sub .contents .con-inner{padding:150px 0}#viewPort #container.sub .contents .con-inner .sub-title h3 span img{width:38px}#viewPort #container.sub .contents .con-inner .album-bbs{max-width:930px}#viewPort #container.sub .contents .con-inner .album-bbs2{max-width:930px}#viewPort #container.sub .contents .con-inner .album-bbs2>div .lst-photo{margin:0 -5px;padding:10px 0}#viewPort #container.sub .contents .con-inner .album-bbs2>div .lst-photo li{width:25%}#viewPort #container.sub .contents .con-inner .album-bbs2>div .lst-photo li>a{margin:10px}#viewPort #container.sub .contents .con-inner .brand{max-width:930px}#viewPort #container.sub .contents .con-inner .brand .brand-image{width:60%;float:left}#viewPort #container.sub .contents .con-inner .brand .brand-image>div{padding:4em 0}#viewPort #container.sub .contents .con-inner .brand .brand-image>div li{padding:1em 4em}#viewPort #container.sub .contents .con-inner .brand .brand-image>div li img{max-width:100%}#viewPort #container.sub .contents .con-inner .brand .brand-reg{width:35%;float:right;padding:4em 0}#viewPort #container.sub .contents .con-inner .brand .brand-reg>div{padding:2em 1em}#viewPort #container.sub .contents .con-inner .brand .brand-traffic{padding:20px 30px 0}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dt{width:100%}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dt .map{height:495px;padding:30px 20px 0}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dd{width:60%}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dd>div{padding:45px 0 0 30px}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dd>div h6{font-size:26px}#viewPort #container.sub .contents .con-inner .brand .brand-traffic .traffic-body dd>div li{margin-top:45px;font-weight:bold;line-height:1.6em;font-size:18px}#viewPort #container.sub .contents .con-inner .sideLayout{width:550px}#viewPort #container.sub .contents .con-inner .sideLayout:before{width:550px;position:fixed}#viewPort #container.sub .contents .con-inner .sideLayout .side-info{padding:180px 30px 0;margin:0;max-height:none}#viewPort #container.sub .contents .con-inner .sideLayout .side-info>div.c-body img{max-width:100%}#viewPort #container.sub .contents .con-inner .preview{max-width:930px}#viewPort #container.sub .contents .con-inner .preview .preview-sector .sector-list ul li{width:100px;margin-left:10px}#viewPort #container.sub .contents .con-inner .preview .preview-sector .sector-list ul li:first-child{margin-left:0}#viewPort #container.sub .contents .con-inner .reservation,#viewPort #container.sub .contents .con-inner .reser_tab{max-width:930px}#viewPort #container.sub .contents .con-inner .sub06 .bdWrap .bdBody ul.lst-photo>li{width:23%}#viewPort #container.sub .contents .con-inner .sub06 .bdWrap .bdBody ul.lst-photo>li:hover>a{box-shadow:none;border-color:#252525}#viewPort #footer{position:fixed;background-color:transparent;background-image:none;max-width:700px;left:300px;bottom:0}#viewPort #footer .inner p{font-size:12px}#viewPort.sideOff{margin-left:70px}#viewPort.sideOff #header{width:70px;overflow:auto}#viewPort.sideOff #header .hgroup>h1{text-align:center}#viewPort.sideOff #header .hgroup>h1.pLogo img{max-width:60px}#viewPort.sideOff #header .hgroup>h1.pLogo span{top:30px;right:23px;width:24px;height:24px}#viewPort.sideOff #header .hgroup>h1.pLogo span a.state_off{display:block}#viewPort.sideOff #header .hgroup>h1.pLogo span a.state_open{display:none}#viewPort.sideOff #header .hgroup>h1.pLogo span img{max-width:100%}#viewPort.sideOff #header .gnb ul.dep1>li>a:before{display:none}#viewPort.sideOff #header .gnb ul.dep1>li>a span{display:block;width:0;overflow:hidden;text-indent:-9999px}#viewPort.sideOff #header .gnb ul.dep1>li.active>a{background:#fff}#viewPort.sideOff #header .gnb ul.dep1>li ul.dep2{display:none}#viewPort.sideOff #footer{left:70px}#viewPort.sub #footer{position:fixed;background:transparent}.bgDirectionNavigation{bottom:15px;right:30px}.bgDirectionNavigation strong{font-size:50px}.otherSub{max-width:930px}