/*------------------------------------------------------------------------------ * Base * CSS : base.css * Date : 2016.11.04 updated ------------------------------------------------------------------------------*/ #wrap {position:relative; width:auto; height:auto; margin:0px auto 0px auto; padding:0;} @media all and (min-width:768px) { #wrap {position:relative; width:100%; height:auto; margin:0px auto 0px auto; padding:0;} } /*------------------------------------------------------------------------------ * Header ------------------------------------------------------------------------------*/ #Nav {z-index:999999; position:fixed; width:100%; height:auto; top:0px; margin:0 auto;} .navArea {z-index:9999; position:fixed; width:100%; margin:0 auto;} .navHome {display:none; position:absolute; width:30px; height:30px; left:5px; top:10px; margin:0; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat; text-indent:-9999px;} .navArea .logo {z-index:9999; position:relative; top:20px; left:20px;} .navArea .logo .logo_main {display:none; position:absolute; width:182px; height:50px; margin:30px 0 0 0; padding:0px 0px 0px 0px; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat\9; text-indent:-9999px; vertical-align:middle; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .logo_mobile {z-index:9999; display:block; position:absolute; top:18px; left:20px; width:180px; height:24px; margin:0 0 0 0px; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat;background-size:100%; text-indent:-9999px;} .sitemapAreaTop {display:none;} .sitemapArea {display:none; z-index:9999; position:absolute; width:100%; top:-400px; left:0px; height:300px; margin:0px auto; padding:11px 0 0 0; background:#FFFFFF; background:rgba(255,255,255,0.95); border-bottom:#00559a 0px solid; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} /* 230622 기존 메뉴 전환 해상도 768px → 1200px 수정 (메뉴 추가로 레이아웃 맞추기 위해)*/ /* 240305 기존 메뉴 전환 해상도 1200px → 1280px 수정 (로고 수정으로 레이아웃 맞추기 위해)*/ @media all and (min-width:1280px) { #Nav {position:relative; width:100%; height:100px; margin:0 auto;} .navHome {display:none;} .navArea {position:relative; width:100%; height:100px; margin:0 auto;} .navArea .logo {z-index:9999; position:relative; top:auto; left:auto; width:100%; margin:0 auto;} .navArea .logo .logo_main {z-index:9999; display:block; position:absolute; top:34px; left:40px; width:240px; height:30px; margin:0px; padding:0px; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat;background-size: 100%; text-indent:-9999px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .logo_mobile {display:none;} .sitemapAreaTop {clear:both; display:block; z-index:9998; position:absolute; top:0px; left:0px; width:100%; height:100px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#FFFFFF; background:rgba(255,255,255,1); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .sitemapAreaTop:after {clear:both; content:''; display:block;} .sitemapAreaTop .sitemapAreaTopInner {position:relative; /* width:640px; */ width:800px; margin:0 auto;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain {z-index:9998; position:absolute; top:20px; left:50px; /* width:640px; */ width:800px; margin:0px auto 0 auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain:after {clear:both; content:''; display:block;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain li {float:left; width:160px; margin:0px auto;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain li > a {position:relative; display:inline-block; margin:0 20px px 0px; padding:15px 0px 25px 1px; z-index:2; overflow:hidden; background:none; color:#000000; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain li > a:hover {color:#D03849;} .sitemapAreaTop .sitemapAreaTopInner ul.navMain li > a > span {display: block; font-size: 12px; color: #555;} .sitemapArea {display:block; z-index:9997; position:absolute; left:0px; right:0px; width:100%; height:330px; margin:0px auto; padding:11px 0 0 0; background:#000000; background:rgba(0,0,0,0.6); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .sitemapArea .sitemapAreaInner {position:relative; /* width:640px; */ width:800px; margin:0 auto;} .sitemapArea .sitemapAreaInner .allnav {float:right; position:absolute; top:100px; left:50px; right:0px; /* width:640px; */ width:800px; margin:0px auto;} .sitemapArea .sitemapAreaInner .allnav li {position:relative; list-style:none; float:left; display:block; width:160px; font-size:100%; position:relative; overflow:hidden;} .sitemapArea .sitemapAreaInner .allnav li > .navline01 {width:85px;margin:0 0 15px 0; border-bottom:#333333 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > .navline02 {width:33px;margin:0 0 15px 0; border-bottom:#333333 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > .navline03 {width:65px;margin:0 0 15px 0; border-bottom:#333333 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > .navline04 {width:65px;margin:0 0 15px 0; border-bottom:#333333 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > .navline05 {width:65px; margin: 0 0 15px 0; border-bottom: #333333 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > a {position:relative; display:block; width:auto; margin:0 20px 5px 0px; padding:10px 10px 15px 1px; z-index:2; overflow:hidden; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; background:none;} .sitemapArea .sitemapAreaInner .allnav li > a:hover {color:#D03849;} .sitemapArea .sitemapAreaInner .allnav li > a {border-bottom:#00559a 1px solid;} .sitemapArea .sitemapAreaInner .allnav li > ul > li > a {border-bottom:#00559a 0px solid;} .sitemapArea .sitemapAreaInner .allnav li ul {width:100%; padding:0px 0px 0px 0px; background:rgba(0,0,0,0);} .sitemapArea .sitemapAreaInner .allnav li ul li {font-size:100%; position:relative; overflow:hidden;} .sitemapArea .sitemapAreaInner .allnav li ul.flexnav-show li {overflow:visible;} .sitemapArea .sitemapAreaInner .allnav li ul li a {display:block; margin:0 0 0 0; padding:5px 0px 5px 3px; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:300;} .sitemapArea .sitemapAreaInner .allnav li ul {padding:0px 0px 0px 0px;} .sitemapArea .sitemapAreaInner .allnav li ul li ul li a {color:#FFFFFF; padding:3px 0px 3px 3px; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400;} .sitemapArea .sitemapAreaInner .allnav li.btnClose {display:none; position:absolute; top:180px; right:75px; width:40px; height:40px; margin:0px; padding:0px; background:rgba(0,0,0,0.65) url('/ko/common/img/common/common.png') -400px -2px no-repeat; text-align:center; cursor:pointer; text-indent:-9999px;} /* 아트원 메뉴 hover 수정 */ .allnav li.navlineArt {display: none !important} .allnav li.navlineArt.nav_on {display:block !important;} } /* Nav Styles */ .flexnav {z-index:999999; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; -webkit-transform-style: preserve-3d; overflow:hidden; margin:0 auto; width:100%; max-height:0;} .flexnav.opacity {opacity:0;} .flexnav.flexnav-show {max-height:2000px; opacity:1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;} .flexnav.one-page {position:fixed; top:50px; right:5%; max-width:200px;} .flexnav li {width:100%; font-size:100%; position:relative; background:rgba(255,255,255,1); overflow:hidden;} .flexnav li a {position:relative; display:block; margin:0 20px 0 20px; padding:15px 0px 15px 0px; z-index:2; overflow:hidden; color:#000000; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:600; background:transparent; border-bottom:1px solid rgba(0,0,0,0.05);} .flexnav li a:hover {background:transparent; color:#D03849;} .flexnav li a > span {display: block; font-size: 12px; color: #555;} .flexnav li a > span.artmark {display: inline-block; font-size: 13px;} .flexnav li a:hover > span.artmark { color:#D03849;} .flexnav li ul {width:100%; padding:0px 0px 0px 0px; background:none;} .flexnav li ul li {font-size:100%; position:relative; overflow:hidden;} .flexnav li ul.flexnav-show li {overflow:visible;} .flexnav li ul li a {display:block; padding:12px 0px 12px 10px; background:transparent; color:#000000; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400;} .flexnav li ul li a:hover {background:transparent; color:#D03849;} .flexnav ul li ul {padding:0px 0px 0px 0px;} .flexnav ul li ul li a {padding:10px 0px 10px 30px; font-family:'Noto Sans KR', sans-serif;} .flexnav ul li ul li ul li a {color:#3c465f; font-family:'Noto Sans KR', sans-serif; padding:10px 0px 10px 20px;} .flexnav .touch-button {position:absolute; z-index:999999; top:0; right:0px; width:40px; height:50px; display:inline-block; background:none; text-align:center;} .flexnav .touch-button:hover {cursor:pointer;} .flexnav .touch-button .navicon {position:relative; top:15px; right:5px; font-family:sans-serif; font-size:10px; font-style:normal; color:#CCCCCC;} .menu-button {z-index:999; display:block; position:relative; top:0px; width:100%; height:60px; margin:0; padding:0px; background:rgba(255,255,255,1); color:#000000; cursor:pointer; border-bottom:1px solid rgba(255, 255, 255, 0.1);} .menu-button > a {z-index:999; display:block;} .menu-button.one-page {position:fixed; top:0; right:5%; padding-right:45px;} .menu-button .touch-button {display:block; position:absolute; z-index:999999; top:0; right:0; width:50px; height:50px; display:inline-block; text-align:center; background:url('/ko/common/img/common/nav_menu.png') 15px 24px no-repeat;} .menu-button .touch-button .navicon {display:none; font-family:'Noto Sans KR', sans-serif; font-size:12px !important; position:relative; top:1em; color:#FFFFFF !important;} .menu-button-pc {display:none;} @media all and (min-width:1200px) { body.one-page {padding-top:70px;} #Nav {z-index:9998; position:fixed; width:100%; height:auto; top:0px; margin:0 auto; z-index:9999; border:none;} .navHome {display:none;} .logo_mobile {z-index:9999; display:none; position:relative;} .flexnav {display:none; overflow:visible;} .flexnav.opacity {opacity:1;} .flexnav.one-page {top:0; right:auto; max-width:800px;} .menu-button {display:none;} .menu-button-pc {z-index:99999; display:inline-block; position:absolute; top:25px; right:20px; width:50px; height:50px; margin:0; padding:0px; background:url('/ko/common/img/common/nav_menu.png') 18px 20px no-repeat; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .sitemapArea .sitemapAreaInner .allnav li ul li a > span.artmark {padding:1px 3px 3px;} } /*------------------------------------------------------------------------------ * Footer ------------------------------------------------------------------------------*/ /* Footer > 대관신청바로가기 */ .content_btm_rent {display:none; position:relative; width:100%; height:720px; background:#000000 url('/ko/common/img/bg/bg_content_bottom_rent.jpg') center bottom no-repeat; text-align:center;} .content_btm_rent > h2 {display:block; margin:0px auto 0 auto; padding-top:100px; color:#CCCCCC; font-size:48px; font-weight:100; letter-spacing:-3px;} .content_btm_rent > .h2_desc {display:inline-block; margin:0px auto 0 auto; padding-bottom:30px; color:#CCCCCC; font-size:18px;} .content_btm_rent ul {list-style:none; width:960px; margin:0px auto 0 auto;} .content_btm_rent ul li {float:left; position:relative; width:300px; height:400px; margin:10px 30px 0 0; border:0px solid #222222; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_rent ul li:last-child {margin:10px 0px 0 0;} .content_btm_rent ul li:hover {margin-top:0px; border:0px solid #555555;} .content_btm_rent ul li a {display:block; width:100%; height:100%; margin:0px; padding:0px;} .content_btm_rent ul li a.stage01 {background:url('/ko/common/img/bg/bg_stage_link_01.jpg') center center no-repeat;} .content_btm_rent ul li a.stage02 {background:url('/ko/common/img/bg/bg_stage_link_02.jpg') center center no-repeat;} .content_btm_rent ul li a.stage03 {background:url('/ko/common/img/bg/bg_stage_link_03.jpg') center center no-repeat;} .content_btm_rent ul li a .link_seat {display:block; position:absolute; top:0px; left:auto; right:auto; width:100%; margin:0px auto 0 auto; padding:0px 0 0 0; color:rgba(255,255,255,0.2); font-size:132px; font-weight:700; letter-spacing:-5px; text-align:center;} .content_btm_rent ul li a .link_no {display:block; margin:0px auto 0 auto; padding:180px 0 0 0; color:#FFFFFF; font-size:28px; font-weight:100;} .content_btm_rent ul li a .link_desc {display:block; margin:0px auto; padding:20px 20px 0 20px; color:#FFFFFF; font-size:18px; font-weight:100;} .content_btm_rent ul li a .link_desc > span {white-space:nowrap;} .content_btm_rent ul li a .link {display:inline-block; margin:20px auto 0 auto; padding:10px 15px; border:1px solid #999999; color:#AAAAAA; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_rent ul li:hover > a > .link {background:rgba(0,0,0,0.8); border:1px solid #000000; color:#EBEBEB; font-size:14px; font-weight:400;} /* Footer > 예스24라이브홀 바로가기 */ .content_btm_link {display:block; position:relative; width:100%; height:400px; background:#110b29 url('/ko/common/img/bg/bg_content_bottom_link_ylh.jpg') center bottom no-repeat; text-align:center;} .content_btm_link > h2 {display:block; margin:0px auto 0 auto; padding-top:100px; color:#FFFFFF; font-size:40px; font-weight:100; letter-spacing:-3px; line-height:100%;} .content_btm_link > h2 strong {color:#ec056b; font-size:40px; font-weight:700; letter-spacing:-3px; line-height:100%;} .content_btm_link > h2 > span {white-space:nowrap;} .content_btm_link > .h2_desc {display:inline-block; margin:20px auto 0 auto; padding-bottom:20px; color:#FFFFFF; font-size:18px;} .content_btm_link > a.link {display:inline-block; margin:20px auto 0 auto; padding:10px 15px; border:1px solid #DDDDDD; color:#DDDDDD; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_link > a.link:hover {background:rgba(17,11,41,0.8); border:1px solid #000000; color:#EBEBEB; font-size:14px; font-weight:400;} /* Footer Nav */ #footerNav {z-index:9997; clear:both; display:block; position:relative; width:100%; height:auto; margin:0px 0 0 0; padding:0px 0 0px 0; background:#EBEBEB;} #footerNav > ul {width:100%; margin:0 auto 0px auto; padding:20px 0 10px 0; border-top:#6b7488 0px solid;} #footerNav > ul > li {width:auto; padding:0px 20px 0px 20px;} #footerNav > ul > li > a {display:inline-block; width:100%; margin:0; padding:10px 0px 10px 0px; color:#666666; font-family:'Noto Sans KR', sans-serif; border-top:#DDDDDD 1px solid;} #footerNav > ul > li > a.sub {display:inline-block; width:100%; margin:0; padding:10px 0px 10px 0px; color:#00559a; font-family:'Noto Sans KR', sans-serif; border-bottom:#EBEBEB 0px solid;} #footerNav > ul > li > a:hover {color:#D03849;} #footerNav > ul > li > a.f_nav_home {display:inline-block; width:100%; margin:0; padding:0px 0px 10px 0px; border-top:#EBEBEB 0px solid; color:#666666; font-family:'Noto Sans KR', sans-serif; text-align:left;} #footerNav > ul > li > a.f_nav_home:hover {color:#D03849;} #footerNav > ul > li > a.f_nav_top {display:inline-block; width:100%; margin:0; padding:20px 0px 0px 0px; border-bottom:#EBEBEB 0px solid; font-family:'Noto Sans KR', sans-serif; text-align:right;} #footerNav > ul > li > a.f_nav_top:hover {color:#D03849;} #footerNav > ul > li > ul {width:auto; margin:0 auto 0px auto; padding:0px 0 10px 0; border-bottom:#EBEBEB 0px solid;} #footerNav > ul > li > ul > li {width:auto; padding:0px 20px 0px 0px;} #footerNav > ul > li > ul > li > a {display:inline-block; width:100%; margin:0; padding:5px 0px 5px 11px; font-family:'Noto Sans KR', sans-serif; border-bottom:#EBEBEB 0px solid;} #footerNav > ul > li > ul > li > a:hover {color:#D03849;} /* Footer */ #footer {z-index:9997; position:relative; width:100%; height:auto; margin:0px 0 0 0; padding:0px 0 0px 0; background:#FFFFFF;} #footer .sitemap {display:none;} #footer .footerTop {display:block; position:relative; width:auto; height:auto; margin:0px 0px 0 0px; padding:10px 20px 10px 20px; background:#7f7f7f; text-align:right;} #footer .footerTop a.goTop {display:inline-block; width:auto; height:auto; margin:0px 0px 0 0px; padding:0px 0px 0px 0px; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; text-indent:0px;} #footer .footerTop a.goTop:hover {color:#D03849;} #footer .footerMid {z-index:9997; clear:both; position:relative; width:auto; height:auto; margin:0px 0px 0 0px; padding:10px 0 0 0;} #footer .footerMid .footerSectionMid {position:relative; width:auto; margin:0 20px 0 20px; padding:20px 0 0px 0; border:none;} #footer .footerMid .footerSectionMid .logo_footer {position:relative; width:180px; height:20px; top:auto; left:0px; margin:0px 0 0 0; padding:0px 0 0 0; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat; background-size:100%; text-indent:-9999em;} #footer .footerMid .footerSectionMid ul.linkLegislation {display:block; position:relative; top:auto; right:auto; width:auto; margin:10px 0 20px 0;} #footer .footerMid .footerSectionMid ul.linkLegislation li {float:none; margin:0 0 5px 0px;} #footer .footerMid .footerSectionMid ul.linkLegislation li a {margin:0 0 0px 0px; color:#999999; font-size:11px;} #footer .footerMid .footerSectionMid ul.linkLegislation li a:hover {color:#D03849;} #footer .footerMid .footerSectionMid ul.linkLegislation li > .bar {display:none;} #footer .footerMid .footerSectionMid .linkSNS {display: none; z-index:998; position:absolute; top:21px; left:120px; margin:0px 0 10px 0;} #footer .footerMid .footerSectionMid .linkSNS li {float:left; margin:0 5px 0 0;} #footer .footerMid .footerSectionMid .linkSNS li .fb {display:inline-block; width:20px; height:20px; background:url('/ko/common/img/common/sns_fb.png') 0px 0px no-repeat; background-size:100%; -webkit-border-radius:5px; -moz-border-radius:5px; ms-border-radius:5px; border-radius:5px; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .insta {display:inline-block; width:20px; height:20px; background:url('/ko/common/img/common/sns_insta.png') 0px 0px no-repeat; background-size:100%; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .instaTag {display:inline-block; width:auto; height:20px; margin:-2px 0 0 5px; padding:0px 10px 0px 10px; border:1px solid #AAAAAA; border-radius:4px; font-size:11px; font-weight:400; line-height:20px; cursor:pointer;} #footer .footerMid .footerSectionMid .linkSNS li .twt {display:inline-block; width:20px; height:20px; background:url('/ko/common/img/common/sns_twt.png') 0px 0px no-repeat; background-size:100%; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .youtube {display:inline-block; width:20px; height:20px; background:url('/ko/common/img/common/sns_youtube.png') 0px 0px no-repeat; background-size:100%; cursor:pointer; text-indent:-9999px;} #footer .footerBtm {z-index:9997; clear:both; position:relative; width:auto; height:auto; margin:20px 0px 0 0px; padding:0px;} #footer .footerBtm .footerSectionBtm {position:relative; width:auto; margin:0px 0px 0 0px;} #footer .footerBtm .footerSectionBtm .address {position:relative; top:auto; left:auto; font-family:'Noto Sans KR', sans-serif; font-size:11px; font-weight:400; color:#999999; margin:0px 20px 0 20px; text-shadow:none; line-height:170%;} #footer .footerBtm .footerSectionBtm .address > p {width:auto; margin:0 0px 0px 0px;} #footer .footerBtm .footerSectionBtm .address > p > span {display:block; margin:0 10px 0 0; white-space:nowrap;} #footer .footerBtm .footerSectionBtm .address > p > span.width100p {display:inline-block; width:100%; margin:0px; text-indent:0; white-space:normal;} #footer .footerBtm .footerSectionBtm .address > p > span.bar {display:none; margin:0 10px 0 10px; text-indent:0;} #footer .footerBtm .footerSectionBtm .address > p > span > a.locationBtn {display:inline-block; border:#BBBBBB 1px solid; padding:3px 5px 1px 5px; margin:0px 0px 5px 5px; color:#999999; font-size:11px; line-height:100%;} #footer .footerBtm .footerSectionBtm .address > p > span > a.locationBtn:hover {border:#EE4C00 1px solid; color:#EE4C00;} #footer .footerBtm .footerSectionBtm .copyright {clear:both; width:auto; margin:15px 20px 0px 20px; padding:15px 0 20px 0px; border-top:#EBEBEB 1px solid; font-family:'Arial','Tahoma',San Serif; font-size:11px; font-weight:100; color:#999999; text-align:left; text-shadow:none; line-height:15px;} #footer .footerBtm .footerSectionBtm .copyright a {color:#999999;} #footer .footerBtm .footerSectionBtm .copyright a:hover {color:#D03849;} #footer .footerBtm .footerSectionBtm .linkFamily {display:block; position:absolute; bottom:70px; right:15px; width:110px; height:30px; margin:0; border:#c0c0c2 1px solid;} #footer .footerBtm .footerSectionBtm .linkFamily > a {display:block; width:110px; height:30px; margin:0; background:url('/ko/common/img/common/footer_familysite.png') 11px 11px no-repeat; text-indent:-9999px;} /* family */ #linkFamilyOn {display:none; z-index:999999; position:absolute; bottom:100px; right:15px; width:110px; background:#FFFFFF; background:rgba(255,255,255,0.95); border-top:#c0c0c2 1px solid; border-right:#c0c0c2 1px solid; border-bottom:#FFFFFF 1px solid; border-left:#c0c0c2 1px solid; border-radius:0px;} #linkFamilyOn li {float:none; padding:5px 0 !important; margin-left:0px; font-size:11px; font-weight:400;} #linkFamilyOn li a {color:#999999;} #linkFamilyOn li a:hover, #family li a:active, #family li a:focus {color:#D03849;} #linkFamilyOn ul {padding:10px 10px 0px 10px;} @media all and (min-width:768px) { /* Footer > 대관신청바로가기 */ .content_btm_rent {display:block; position:relative; width:100%; height:720px; background:#000000 url('/ko/common/img/bg/bg_content_bottom_rent.jpg') center bottom no-repeat; text-align:center;} .content_btm_rent > h2 {display:block; margin:0px auto 0 auto; padding-top:100px; color:#CCCCCC; font-size:48px; font-weight:100; letter-spacing:-3px;} .content_btm_rent > .h2_desc {display:inline-block; margin:0px auto 0 auto; padding-bottom:30px; color:#CCCCCC; font-size:18px;} .content_btm_rent ul {display: flex; justify-content: center; align-items: center; width:100%; /*width:960px;*/ margin:0px auto 0 auto; list-style:none;} .content_btm_rent ul li {float:left; position:relative; width:300px; height:400px; margin:10px 30px 0 0; border:0px solid #222222; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_rent ul li:last-child {margin:10px 0px 0 0;} .content_btm_rent ul li:hover {margin-top:0px; border:0px solid #555555;} .content_btm_rent ul li a {display:block; width:100%; height:100%; margin:0px; padding:0px;} .content_btm_rent ul li a.stage01 {background:url('/ko/common/img/bg/bg_stage_link_01.jpg') center center no-repeat;} .content_btm_rent ul li a.stage02 {background:url('/ko/common/img/bg/bg_stage_link_02.jpg') center center no-repeat;} .content_btm_rent ul li a.stage03 {background:url('/ko/common/img/bg/bg_stage_link_03.jpg') center center no-repeat;} .content_btm_rent ul li a .link_seat {display:block; position:absolute; top:0px; left:auto; right:auto; width:100%; margin:0px auto 0 auto; padding:0px 0 0 0; color:rgba(255,255,255,0.2); font-size:132px; font-weight:700; letter-spacing:-5px; text-align:center;} .content_btm_rent ul li a .link_no {display:block; margin:0px auto 0 auto; padding:180px 0 0 0; color:#FFFFFF; font-size:28px; font-weight:100;} .content_btm_rent ul li a .link_desc {display:block; margin:0px auto; padding:20px 20px 0 20px; color:#FFFFFF; font-size:15px; font-weight:100;} .content_btm_rent ul li a .link_desc > span {display:block; white-space:nowrap;} .content_btm_rent ul li a .link {display:inline-block; margin:20px auto 0 auto; padding:10px 15px; border:1px solid #999999; color:#AAAAAA; font-size:14px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_rent ul li:hover > a > .link {background:rgba(17,11,41,0.8); border:1px solid #000000; color:#EBEBEB; font-size:14px; font-weight:400;} /* Footer > 예스24라이브홀 바로가기 */ .content_btm_link {display:block; position:relative; width:100%; height:400px; background:#110b29 url('/ko/common/img/bg/bg_content_bottom_link_ylh.jpg') center center no-repeat; text-align:center;} .content_btm_link > h2 {display:block; margin:0px auto 0 auto; padding-top:100px; color:#FFFFFF; font-size:48px; font-weight:100; letter-spacing:-3px; line-height:100%;} .content_btm_link > h2 strong {color:#ec056b; font-size:48px; font-weight:700; letter-spacing:-3px; line-height:100%;} .content_btm_link > .h2_desc {display:inline-block; margin:20px auto 0 auto; padding-bottom:20px; color:#FFFFFF; font-size:18px;} .content_btm_link > a.link {display:block; width:240px; margin:20px auto 0 auto; padding:10px 15px; border:1px solid #DDDDDD; color:#DDDDDD; font-size:18px; font-weight:400; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .content_btm_link > a.link:hover {background:rgba(0,0,0,0.8); border:1px solid #000000; color:#FFFFFF; font-size:18px; font-weight:400;} #footerNav {display:none;} #footer {z-index:9997; position:relative; width:100%; height:auto; margin:0px 0 0 0; padding:0px;} #footer .sitemap {display:block; z-index:9990; position:absolute; top:0px; width:100%; margin:0 auto; background:#121212; background:rgba(51,51,51,0.92);} #footer .sitemap > .areaTitle {position:relative; width:auto; margin:0 auto; padding:10px 0 0px 0;} #footer .sitemap > .areaTitle > a {position:absolute; top:-40px; right:40px; display:inline-block; margin:0px 0 0 0; padding:12px 30px 10px 30px; color:#CCCCCC; font-family:'Roboto Condensed','Noto Sans KR', sans-serif; font-size:12px; font-weight:700; background:#121212; background:rgba(51,51,51,0.92);} #footer .sitemap > .areaTitle > a:hover {color:#D03849;} #footer .sitemap > .sitemapDetail {width:960px; margin:0 auto; padding:30px 0 30px 0;} #footer .sitemap > .sitemapDetail > li {float:left; width:150px;} #footer .sitemap > .sitemapDetail > li.title {float:left; width:90px; text-align:right;} #footer .sitemap > .sitemapDetail > li > a {display:inline-block; margin:0 0 10px 29px; color:#CCCCCC; font-size:12px; font-weight:700;} #footer .sitemap > .sitemapDetail > li > a:hover {color:#D03849;} #footer .sitemap > .sitemapDetail > li > ul > li {width:100%; margin:0px 0 10px 29px;} #footer .sitemap > .sitemapDetail > li > ul > li > a {color:#EBEBEB; font-size:12px; font-weight:400;} #footer .sitemap > .sitemapDetail > li > ul > li > a:hover {color:#D03849;} #footer .footerTop {display:none; position:relative; width:auto; height:auto; margin:0px; padding:0px; background:#0d0d0d; text-align:right;} #footer .footerTop a.goTop {position:fixed; right:20px; bottom:75px; display:inline-block; width:50px; height:50px; margin:0px 0px 0 0px; padding:0px 0px 0px 0px; background:#333333; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; text-indent:-9999em !important;} #footer .footerTop a.goTop:hover {color:#D03849;} #footer .footerMid {z-index:9997; position:relative; width:100%; height:110px; margin:0px auto 0px auto; padding:0px 0 0 0; background:#FFFFFF;} #footer .footerMid .footerSectionMid {position:relative; width:100%; height:110px; margin:0px auto 0px auto; padding:0px; border:none;} #footer .footerMid .footerSectionMid .logo_footer {position:absolute; width:200px; height:52px; top:46px; left:40px; margin:0px 0 0 0; padding:0px 0 0 0; background:url('/ko/common/img/common/logo_main_240305.svg') 0px 0px no-repeat; text-indent:-9999px;} #footer .footerMid .footerSectionMid ul.linkLegislation {display:block; position:absolute; top:50px; right:40px; width:auto; margin:0px;} #footer .footerMid .footerSectionMid ul.linkLegislation li {float:left; color:#DDDDDD;} #footer .footerMid .footerSectionMid ul.linkLegislation li a {margin:0 10px 0 0px; color:#818286;} #footer .footerMid .footerSectionMid ul.linkLegislation li a:hover {color:#D03849;} #footer .footerMid .footerSectionMid ul.linkLegislation li > .bar {display:inline-block;} #footer .footerMid .footerSectionMid .linkSNS {display: none; position:absolute; top:45px; /*left:242px;*/ left:210px; margin:0 0 0 0px;} #footer .footerMid .footerSectionMid .linkSNS li {float:left; margin:0 0 0 10px;} #footer .footerMid .footerSectionMid .linkSNS li .fb {display:inline-block; width:30px; height:30px; background:url('/ko/common/img/common/sns_fb.png') 0px 0px no-repeat; background-size:30px; -webkit-border-radius:5px; -moz-border-radius:5px; ms-border-radius:5px; border-radius:5px; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .insta {display:inline-block; width:30px; height:30px; background:url('/ko/common/img/common/sns_insta.png') 0px 0px no-repeat; background-size:30px; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .instaTag {display:inline-block; width:auto; height:20px; margin:3px 0 0 5px; padding:1px 10px 1px 10px; border:1px solid #AAAAAA; border-radius:4px; font-size:12px; font-weight:400; line-height:20px; cursor:pointer;} #footer .footerMid .footerSectionMid .linkSNS li .twt {display:inline-block; width:30px; height:30px; background:url('/ko/common/img/common/sns_twt.png') 0px 0px no-repeat; background-size:30px; cursor:pointer; text-indent:-9999px;} #footer .footerMid .footerSectionMid .linkSNS li .youtube {display:inline-block; width:30px; height:30px; background:url('/ko/common/img/common/sns_youtube.png') 0px 0px no-repeat; background-size:30px; cursor:pointer; text-indent:-9999px;} #footer .footerBtm {z-index:9997; position:relative; width:100%; height:100px; margin:0px auto 0px auto; padding:0px; background:#FFFFFF; border-top:1px solid #CCCCCC;} #footer .footerBtm .footerSectionBtm {position:relative; width:auto; margin:0 auto;} #footer .footerBtm .footerSectionBtm .address {position:absolute; top:25px; left:40px; font-size:12px; font-weight:400; color:#818286; margin:0px; text-shadow:none; line-height:170%;} #footer .footerBtm .footerSectionBtm .address > p {width:100%;} #footer .footerBtm .footerSectionBtm .address > p > span {display:inline-block; margin:0 0px 0 0; white-space:nowrap;} #footer .footerBtm .footerSectionBtm .address > p > span.width100p {display:inline-block; width:auto; margin:0px; text-indent:0;} #footer .footerBtm .footerSectionBtm .address > p > span.bar {display:inline-block; color:#DDDDDD; margin:0 8px 0 7px; text-indent:0;} #footer .footerBtm .footerSectionBtm .address > p > .locationBtn {display:inline-block; border:#CCCCCC 1px solid; padding:2px 5px 2px 5px; margin:0px 0px 0px 5px; font-size:11px;} #footer .footerBtm .footerSectionBtm .address > p > .locationBtn:hover {border:#EE4C00 1px solid; color:#EE4C00;} #footer .footerBtm .footerSectionBtm .copyright {width:auto; margin:0px 0px 0px 40px; padding:70px 0 0 2px; background:none; border:none; font-family:'Arial','Tahoma',San Serif; font-size:11px; font-weight:100; color:#818286; text-align:left; text-shadow:none; line-height:15px;} #footer .footerBtm .footerSectionBtm .copyright a {color:#818286;} #footer .footerBtm .footerSectionBtm .copyright a:hover {color:#D03849;} #footer .footerBtm .footerSectionBtm .linkFamily {display:block; position:absolute; bottom:16px; right:40px; width:110px; height:30px; margin:0; border:#c0c0c2 1px solid;} #footer .footerBtm .footerSectionBtm .linkFamily > a {display:block; width:110px; height:30px; margin:0; background:url('/ko/common/img/common/footer_familysite.png') 11px 11px no-repeat; text-indent:-9999px;} #footer .footerBtm .footerSectionBtm .linkFamilyOn ul li {width:auto; margin:0px; padding:5px;} /* family */ #linkFamilyOn {display:none; z-index:999999; position:absolute; bottom:46px; right:40px; width:110px; background:#FFFFFF; border-top:#c0c0c2 1px solid; border-right:#c0c0c2 1px solid; border-bottom:#FFFFFF 1px solid; border-left:#c0c0c2 1px solid; border-radius:0px;} #linkFamilyOn li {float:none; padding:5px 0 !important; margin-left:7px; font-size:11px; font-weight:400;} #linkFamilyOn li a {color:#999999;} #linkFamilyOn li a:hover, #family li a:active, #family li a:focus {color:#D03849;} #linkFamilyOn ul {padding:10px 10px 20px 10px;} } /* 공지사항 팝업창 */ #pop_Notice { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.7); /* Black w/ opacity */ } /* Modal Content/Box */ #pop_Notice .modal-content {position:absolute; top:50%; left:0%; background:#FFFFFF; transform:translate(0%, -50%); margin:20px; padding:10px 10px 10px 10px;} #pop_Notice .modal-content .pop_title {margin:0 0 10px 0; padding:0px 0 0px 0; background:url('/ko/common/img/common/logo_main_240305.svg') right top no-repeat; background-size:80px; font-size:14px; font-weight:700;} #pop_Notice .modal-content .pop_content {} #pop_Notice .modal-content .pop_content img {width:100%; max-width:100%;} #pop_Notice .modal-content .btn_close_notice_popup {display:block; position:absolute; bottom:-55px; right:0px; width:auto; height:40px; padding:0;} #pop_Notice .modal-content .btn_close_notice_popup > span {margin:0 20px 0 0; color:#CCCCCC; font-weight:400;} @media all and (min-width:768px) { #pop_Notice { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.7); /* Black w/ opacity */ } /* Modal Content/Box */ #pop_Notice .modal-content {position:absolute; top:50%; left:50%; background:#FFFFFF; transform:translate(-50%, -50%); margin:0px; padding:20px;} #pop_Notice .modal-content .pop_title {margin:0 0 0px 0; padding:5px 0 20px 0; background:url('/ko/common/img/common/logo_main_240305.svg') right top no-repeat; background-size:120px; font-size:14px; font-weight:700;} #pop_Notice .modal-content .pop_content {} #pop_Notice .modal-content .pop_content img {width:100%; max-width:600px;} #pop_Notice .modal-content .btn_close_notice_popup {display:block; position:absolute; bottom:-55px; right:0px; width:auto; height:40px; padding:0;} #pop_Notice .modal-content .btn_close_notice_popup > span {margin:0 20px 0 0; color:#CCCCCC; font-weight:400;} } /* Footer > Top */ #sideAreaTop {display:none; z-index:9999; position:absolute; position:fixed; width:40px; height:40px; bottom:0px; right:0px; margin:0px; padding:0px; background:transparent;} #sideAreaTop a.BtnTop {display:none; position:absolute; bottom:0px; left:0px; width:40px; height:40px; margin:0 0 0 0px; background:url('/ko/common/img/common/common.png') -960px -100px; text-indent:-9999em; cursor:pointer;} #sideAreaTop a.BtnTop:hover {background:url('/ko/common/img/common/common.png') -960px -150px; text-indent:-9999em; cursor:pointer;} @media all and (min-width:768px) { #sideAreaTop {display:block;} #sideAreaTop a.BtnTop {display:block; } } /* Footer > Quicklink */ #sideQuicklink {display:none; z-index:9999; position:absolute; position:fixed; width:80px; top:200px; right:10px; margin:0px; padding:0px; background:transparent;} #sideQuicklink a.BtnGoShow {display:none; position:relative; width:80px; height:25px; margin:0 0 10px 0px; padding:55px 0 0 0; color:#999999; text-align:center; cursor:pointer; background:#333333; background:rgba(255,255,255,0.1) url('/ko/common/img/ico/ico_quickmenu.png') 0px 5px no-repeat;-webkit-transition-property: background-color, color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; -ms-transition-property: background-color, color; -ms-transition-duration: .5s; -ms-transition-timing-function: ease-out; transition-property: background-color, color; transition-duration: .5s; transition-timing-function: ease-out;} #sideQuicklink a.BtnGoShow:hover {color:#EBEBEB; background:#333333; background:rgba(211,54,74,0.75) url('/ko/common/img/ico/ico_quickmenu.png') -80px 5px no-repeat;} #sideQuicklink a.BtnGoSeatingplan {display:none; position:relative; width:80px; height:25px; margin:0 0 10px 0px; padding:55px 0 0 0; color:#999999; text-align:center; cursor:pointer; background:#333333; background:rgba(255,255,255,0.1) url('/ko/common/img/ico/ico_quickmenu.png') 0px -85px no-repeat; -webkit-transition-property: background-color, color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; -ms-transition-property: background-color, color; -ms-transition-duration: .5s; -ms-transition-timing-function: ease-out; transition-property: background-color, color; transition-duration: .5s; transition-timing-function: ease-out;} #sideQuicklink a.BtnGoSeatingplan:hover {color:#EBEBEB; background:#333333; background:rgba(211,54,74,0.75) url('/ko/common/img/ico/ico_quickmenu.png') -80px -85px no-repeat;} #sideQuicklink a.BtnGoRent {display:none; position:relative; width:80px; height:25px; margin:0 0 10px 0px; padding:55px 0 0 0; color:#999999; text-align:center; cursor:pointer; background:#333333; background:rgba(255,255,255,0.1) url('/ko/common/img/ico/ico_quickmenu.png') 0px -165px no-repeat;-webkit-transition-property: background-color, color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background-color, color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; -ms-transition-property: background-color, color; -ms-transition-duration: .5s; -ms-transition-timing-function: ease-out; transition-property: background-color, color; transition-duration: .5s; transition-timing-function: ease-out;} #sideQuicklink a.BtnGoRent:hover {color:#EBEBEB; background:#333333; background:rgba(211,54,74,0.75) url('/ko/common/img/ico/ico_quickmenu.png') -80px -165px no-repeat;} @media all and (min-width:768px) { #sideQuicklink {display:block;} #sideQuicklink a.BtnGoShow {display:block; } #sideQuicklink a.BtnGoRent {display:block; } #sideQuicklink a.BtnGoSeatingplan {display:block; } } /*------------------------------------------------------------------------------ * Default ------------------------------------------------------------------------------*/ /* 영역별 설정 */ .stShowsTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stCSTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stConcertHallTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stBiTitle {color:#333 !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stRentTitle {color:#FFFFFF !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stRentFeeTitle {color:#666666 !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stFAQTitle {color:#FFFFFF !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stDownloadTitle {color:#FFFFFF !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stSeatingTitle {padding:0px 0 20px 0 !important; color:#FFFFFF !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} .stStageViewTitle {padding:40px 0 40px 0 !important; color:#FFFFFF !important; font-size:28px !important; border-color:#FFFFFF !important; left:0px;} @media all and (min-width:768px) { .stShowsTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stCSTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stConcertHallTitle {color:#FFFFFF !important; border-color:#FFFFFF !important; left:0px;} .stBiTitle {color:#333 !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stRentTitle {color:#FFFFFF !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stRentFeeTitle {color:#666666 !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stFAQTitle {color:#FFFFFF !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stDownloadTitle {color:#FFFFFF !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stSeatingTitle {padding:0px 0 20px 0 !important; color:#FFFFFF !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} .stStageViewTitle {padding:100px 0 40px 0 !important; color:#FFFFFF !important; font-size:40px !important; border-color:#FFFFFF !important; left:0px;} } /*------------------------------------------------------------------------------ * Subpage Container Layout ------------------------------------------------------------------------------*/ /* Subpage */ .cont01 {background:#000000 url('/ko/common/img/bg/bg_sub_0100.jpg') center -200px no-repeat !important;} .cont02 {background:#7f7f7f url('/ko/common/img/bg/bg_content_wave.png') center 480px repeat-y !important;} .cont03 {background:#7f7f7f /*url('/ko/common/img/bg/bg_sub_03.jpg') center top no-repeat*/ !important;} .cont03_app {background:#7f7f7f url('/ko/common/img/bg/bg_content_wave.png') center 600px no-repeat !important;} .cont04 {background:#EBEBEB /*url('/ko/common/img/bg/bg_sub_04.jpg') center top no-repeat*/ !important;} .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -265px no-repeat !important; background-size:490% !important;} .contStage01 {background:#000000 url('/ko/common/img/bg/bg_sub_0101.jpg') center -200px no-repeat !important;} .contStage02 {background:#000000 url('/ko/common/img/bg/bg_sub_0102.jpg') center -200px no-repeat !important;} .contStage03 {background:#000000 url('/ko/common/img/bg/bg_sub_0103.jpg') center -200px no-repeat !important;} .viewMobile {display:block;} .viewWeb {display:none;} @media all and (min-width:360px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -270px no-repeat !important; background-size:450% !important;} .viewMobile {display:block;} .viewWeb {display:none;} .addressArea {clear:both; position:relative; width:auto; margin:200px auto 10px auto; padding:40px 0px 20px 0px; border-top:#333333 0px solid;} } @media all and (min-width:375px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -350px no-repeat !important; background-size:490% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:400px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -375px no-repeat !important; background-size:460% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:450px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -420px no-repeat !important; background-size:450% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:480px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -380px no-repeat !important; background-size:400% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:500px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -360px no-repeat !important; background-size:350% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:568px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -350px no-repeat !important; background-size:320% !important;} .viewMobile {display:block;} .viewWeb {display:none;} } @media all and (min-width:640px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -385px no-repeat !important; background-size:300% !important;} .viewMobile {display:none;} .viewWeb {display:block;} } @media all and (min-width:667px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -370px no-repeat !important; background-size:280% !important;} .viewMobile {display:none;} .viewWeb {display:block;} } @media all and (min-width:736px) { .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -390px no-repeat !important; background-size:265% !important;} .viewMobile {display:none;} .viewWeb {display:block;} } @media all and (min-width:768px) { .cont01 {background:#000000 url('/ko/common/img/bg/bg_sub_0100.jpg') center -200px no-repeat !important;} .cont02 {background:#7f7f7f url('/ko/common/img/bg/bg_content_wave.png') center 540px repeat-y !important;} .cont03 {background:#7f7f7f /*url('/ko/common/img/bg/bg_sub_03.jpg') center top no-repeat*/ !important;} .cont03_app {background:#7f7f7f url('/ko/common/img/bg/bg_content_wave.png') center 600px no-repeat !important;} .cont04 {background:#EBEBEB /*url('/ko/common/img/bg/bg_sub_04.jpg') center top no-repeat*/ !important;} .contLocation {background:#1e1e1e url('/ko/common/img/bg/bg_locationmap_240829.png') center -360px no-repeat !important;} .contStage01 {background:#000000 url('/ko/common/img/bg/bg_sub_0101.jpg') center -200px no-repeat !important;} .contStage02 {background:#000000 url('/ko/common/img/bg/bg_sub_0102.jpg') center -200px no-repeat !important;} .contStage03 {background:#000000 url('/ko/common/img/bg/bg_sub_0103.jpg') center -200px no-repeat !important;} .areaAbout_sample {background:#EBEBEB;} .viewMobile {display:none;} .viewWeb {display:block;} } /* Content */ #container {position:relative; width:100%; height:100%; margin:60px auto 0px auto; padding:0px 0 0 0;} #container .titleArea {position:relative; width:100%; max-width:100%; height:130px; margin:0 auto; padding:0px;} #container .is_stage {/*background:#000000 url('/ko/common/img/bg/bg_title_performance.jpg') center -40px no-repeat;*/} #container .is_show {height:200px; background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0 no-repeat;} #container .is_rent {background:#000000 url('/ko/common/img/bg/bg_title_stage.jpg') center -80px no-repeat;} #container .is_guide {height:200px; background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0px no-repeat;} #container .is_guideDetail {background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0px no-repeat;} #container .is_notice {height:200px; background:#000000 url('/ko/common/img/bg/bg_title_notice.jpg') center 0px no-repeat;} #container .is_faq {height:200px; background:#000000 url('/ko/common/img/bg/bg_title_faq.jpg') center 0px no-repeat;} #container .titleArea > .descArea {position:relative; width:100%; height:40px; margin:40px auto 0 auto; padding:0px;} #container .contentArea {position:relative; width:100%; max-width:100%; height:100%; margin:0 auto; padding:0px 0 0 0;} #container .contentArea .content {float:none; position:relative; width:100%; max-width:100%; height:auto; margin:0px 0px 0px 0px; padding:0px 0 0 0;} #container .contentArea .content .contentBox {position:relative; width:auto; margin:0px 0 0px 0px; padding:20px 0px 20px 0px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent;} #container .contentArea .content .contentBox h2 {display:inline-block; margin:0px 20px 0px 20px; padding:0px 0 10px 0; border-bottom:0px solid #333333; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:600; line-height:150%; letter-spacing:-0.025em; text-align:left;} #container .contentArea .content .contentBox h2.noline {width:auto; margin:0px 20px 0px 20px; padding:0px 0 0px 0; border-bottom:0px solid #CCCCCC; text-align:center;} #container .contentArea .content .contentBox h2.nolineTop40px {width:auto; margin:40px 20px 0px 20px; padding:0px 0 0px 0; border-bottom:0px solid #CCCCCC; text-align:center;} #container .contentArea .content .contentBox h2.center {width:100%; margin:0px 0px 0px 0px; padding:0px 0 0px 0; border-bottom:0px solid #FFFFFF; text-align:center;} #container .contentArea .content .contentBox .desc {clear:both; position:relative; width:auto; margin:0px 20px 0px 20px; padding:0px 0 0 1px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:180%; background:transparent;} #container .contentArea .content .contentBox .descStage {clear:both; position:relative; width:auto; margin:0px 20px 0px 20px; padding:0px 0 0 0px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent; text-align:center;} #container .contentArea .content .contentBox .descStage > span {display:inline;} #container .contentArea .content .contentBox .desc > img {width:100%; max-width:100%;} #container .contentArea .content .contentBox .descImg {clear:both; position:relative; width:auto; margin:0px 20px 0px 20px; padding:0px 0 0 1px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:180%; background:transparent;} #container .contentArea .content .contentBox .descImg > .roomWeb {display:none;} #container .contentArea .content .contentBox .descImg > .roomWeb > img {width:100%; max-width:100%;} #container .contentArea .content .contentBox .descImg > .roomMobile {display:block;} #container .contentArea .content .contentBox .descImg > .roomMobile > img {width:100%; max-width:100%;} #container .contentArea .content .contentBox .descQNA {clear:both; position:relative; width:auto; margin:0px auto 20px auto; padding:0px 0 0 0px; text-align:center; border-bottom:0px solid #333333;} #container .contentArea .content .contentBox .descQNA .title {display:inline-block; margin:0px 20px 0 0; padding:5px 20px 5px 20px; color:#EBEBEB; font-size:15px; font-weight:700; border:1px solid #CCCCCC; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager {display:inline-block; margin:20px 0px 0 0; color:#EBEBEB; font-size:15px; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager > span {display:block; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager > span.bar {display:none; padding:0 10px 0 10px; color:#EBEBEB;} #container .contentArea .content .contentBox .descQNA .descManager > span a {color:#EBEBEB;} .contentTitle {position:relative; width:auto; margin:0px auto 0px auto; padding:30px 0 0 0;} .contentTitle .pageTitleKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 0px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:32px; font-weight:200; letter-spacing:-0.06em; text-align:center;} .contentTitle .pageDescKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 10px 0px; border-bottom:#FFFFFF 0px solid; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-align:center;} .contentTitle .conTitleKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 20px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:24px; font-weight:500; letter-spacing:-0.06em; text-align:center;} .contentTitle .conDescKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 10px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; letter-spacing:-0.04em; text-align:center;} .contentTitle > .btnMore {position:absolute; display:inline-block; top:10px; right:-40px;} .contentTitle > .btnMore > a {display:inline-block; padding:6px 10px 4px 10px; border:1px solid #666666;} .contentTitle > .btnMore > a:hover {border:1px solid #EBEBEB;} .contentDesc {position:relative; width:auto; margin:10px 20px 20px 20px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; line-height:180%;} #container .contentAreaFull {position:relative; width:100%; max-width:100%; height:100%; margin:0 auto; padding:0px 0 0 0;} #container .contentAreaFull .contentFull {position:relative; width:100%; max-width:100%; height:auto; margin:0px 0px 0px 0px; padding:0px 0 0 0;} #container .contentAreaFull .contentFull .contentBoxFull {position:relative; width:auto; margin:10px 0 10px 0px; padding:20px 0px 20px 0px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent;} .contentTitleFull {z-index:900; position:relative; width:auto; margin:80px auto 0px auto; padding:0;} .contentTitleFull:after {clear:both; content:''; display:block;} .contentTitleFull .cTitleKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 10px 40px; background:url('/ko/common/img/common/common.png') 20px -393px no-repeat; border-bottom:#FFFFFF 0px solid; color:#ff6a2f; font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:400; letter-spacing:-0.06em; text-align:left;} .contentTitleFull > .btnMore {position:absolute; display:inline-block; top:10px; right:-40px;} .contentTitleFull > .btnMore > a {display:inline-block; padding:6px 10px 4px 10px; border:1px solid #666666;} .contentTitleFull > .btnMore > a:hover {border:1px solid #EBEBEB;} .contentDescFull {position:relative; width:auto; margin:10px auto 20px auto; padding:0 20px 0 20px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; line-height:180%;} @media all and (min-width:768px) { #container {position:relative; width:100%; height:100%; margin:0px auto 0px auto; padding:0px 0 0 0; background:#7f7f7f;} #container .titleArea {position:relative; width:100%; max-width:100%; height:400px; margin:0 auto; padding:0px;} #container .is_stage {/*background:#000000 url('/ko/common/img/bg/bg_title_performance.jpg') center -40px no-repeat;*/} #container .is_show {background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0 no-repeat;} #container .is_rent {background:#000000 url('/ko/common/img/bg/bg_title_stage.jpg') center -80px no-repeat;} #container .is_guide {background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0px no-repeat;} #container .is_guideDetail {background:#000000 url('/ko/common/img/bg/bg_title_02.jpg') center 0px no-repeat;} #container .is_notice {background:#000000 url('/ko/common/img/bg/bg_title_notice.jpg') center 0px no-repeat;} #container .is_faq {background:#000000 url('/ko/common/img/bg/bg_title_faq.jpg') center 0px no-repeat;} #container .titleArea > .descArea {position:relative; width:960px; height:40px; margin:40px auto 0 auto; padding:0px;} #container .contentArea {position:relative; width:960px; max-width:960px; height:100%; margin:0 auto; padding:80px 0 80px 0;} #container .contentArea .content {float:none; position:relative; width:100%; max-width:960px; height:auto; margin:0px auto 0px auto; padding:0px;} #container .contentArea .content .contentBox {position:relative; width:auto; margin:0px 0 0px 0px; padding:0px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent;} #container .contentArea .content .contentBox h2 {display:inline-block; margin:40px 0 0px 0px; padding:0px 0px 0px 0px; border-bottom:0px solid #CCCCCC; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:24px; font-weight:400; line-height:180%; text-align:left;} #container .contentArea .content .contentBox h2.noline {margin:40px 0 10px 0px; border-bottom:0px solid #CCCCCC; color:#999999; text-align:left;} #container .contentArea .content .contentBox h2.nolineTop40px {margin:40px 0 10px 0px; border-bottom:0px solid #CCCCCC; text-align:left;} #container .contentArea .content .contentBox h2.center {width:100%; margin:40px auto 10px auto; border-bottom:0px solid #CCCCCC; text-align:center;} #container .contentArea .content .contentBox .desc {position:relative; width:auto; margin:0px 0 0px 0px; padding:0px 0 0 1px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent; text-align: center;} #container .contentArea .content .contentBox .descStage {position:relative; width:auto; margin:-100px 0 0px 0px; padding:0px 0 0 1px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; line-height:180%; background:transparent; text-align:center;} #container .contentArea .content .contentBox .descStage > span {display:block;} #container .contentArea .content .contentBox .tblDesc {margin:20px 0 10px 0px; border-bottom:0px solid #CCCCCC; color:#999999; text-align:left;} #container .contentArea .content .contentBox .descImg {position:relative; width:auto; margin:0px 0 0px 0px; padding:60px 0 0 1px; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent;} #container .contentArea .content .contentBox .descImg > .roomWeb {display:block;} #container .contentArea .content .contentBox .descImg > .roomWeb > img {width:100%; max-width:100%;} #container .contentArea .content .contentBox .descImg > .roomMobile {display:none;} #container .contentArea .content .contentBox .descImg > .roomMobile > img {width:100%; max-width:100%;} #container .contentArea .content .contentBox .descQNA {clear:both; position:relative; width:100%; margin:0px auto 40px auto; padding:20px 0 0 0px; text-align:center; border-bottom:0px solid #333333;} #container .contentArea .content .contentBox .descQNA .title {display:inline-block; margin:0px 20px 0 0; padding:5px 20px 5px 20px; color:#EBEBEB; font-size:15px; font-weight:700; border:1px solid #CCCCCC; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager {display:inline-block; margin:10px 0px 0 0; color:#EBEBEB; font-size:15px; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager > span {display:inline-block; white-space:nowrap;} #container .contentArea .content .contentBox .descQNA .descManager > span.bar {display:inline-block; padding:0 10px 0 10px; color:#EBEBEB;} #container .contentArea .content .contentBox .descQNA .descManager > span a {color:#EBEBEB;} .contentTitle {position:relative; width:400px; margin:0px auto 0px auto; padding:0px 0 0 0;} .contentTitle .pageTitleKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:180px 0 10px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:52px; font-weight:200; letter-spacing:-0.06em; text-align:center;} .contentTitle .pageDescKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 10px 0px; border-bottom:#FFFFFF 0px solid; color:#AAAAAA; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-align:center;} .contentTitle .conTitleKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 52px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:52px; font-weight:500; letter-spacing:-0.0em; text-align:center;white-space:nowrap;} .contentTitle .conDescKo {z-index:999; display:block; position:relative; margin:0px auto 0px auto !important; padding:0px 0 10px 0px; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:500; letter-spacing:-0.04em; text-align:center;} .contentTitle > .btnMore {position:absolute; display:inline-block; top:10px; right:-40px;} .contentTitle > .btnMore > a {display:inline-block; padding:6px 10px 4px 10px; border:1px solid #666666;} .contentTitle > .btnMore > a:hover {border:1px solid #EBEBEB;} .contentDesc {position:relative; width:auto; margin:70px 0px 20px 0px; color:#EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; line-height:150%;} #container .contentAreaFull {position:relative; width:100%; height:auto; margin:0 auto; padding:0px;} #container .contentAreaFull .contentFull {position:relative; width:100%; height:auto; margin:0px 0px 0px 0px; padding:0px 0 0px 0;} #container .contentAreaFull .contentFull .contentBoxFull {position:relative; width:auto; margin:0px 0 20px 0px; padding:0px; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:180%; background:transparent;} .contentTitleFull {z-index:900; position:relative; width:960px; margin:0px auto 0px auto; padding:0;} .contentTitleFull:after {clear:both; content:''; display:block;} .contentTitleFull .cTitleKo {z-index:999; display:block; position:relative; margin:0px auto 20px auto !important; padding:0px 0 10px 35px; background:url('/ko/common/img/common/common.png') 0px -290px no-repeat; border-bottom:#FFFFFF 0px solid; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:32px; font-weight:400; letter-spacing:-0.06em; text-align:left;} .contentTitleFull > .btnMore {position:absolute; display:inline-block; top:10px; right:-40px;} .contentTitleFull > .btnMore > a {display:inline-block; padding:6px 10px 4px 10px; border:1px solid #666666;} .contentTitleFull > .btnMore > a:hover {border:1px solid #EBEBEB;} .contentDescFull {position:relative; width:960px; margin:0px auto 0px auto; color:#FFFFFF; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; line-height:150%;} } /* 개인정보취급방침 */ span.push00 {margin:0 0 0 0px;} span.push01 {display:block; margin:0 0 0 15px;} .spaceArea {clear:both; height:80px;} .ui-datepicker {z-index:9999 !important;} /*------------------------------------------------------------------------------ * Tab Setting ------------------------------------------------------------------------------*/ .btnFAQ_more {z-index:990; position:relative; display:block; width:140px; height:18px; margin:-1px auto 0 auto; padding:15px 10px 15px 10px; color:#CCCCCC !important; font-size:14px; background-color:#7f7f7f; border-top:1px solid #7f7f7f; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; text-align:center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .btnFAQ_more:hover {height:18px; margin:-1px auto 0 auto; padding:25px 10px 15px 10px; color:#d3364a;} /*------------------------------------------------------------------------------ * Table Setting ------------------------------------------------------------------------------*/ table{ empty-cells: show; /*깨짐방지*/ collapse:collapse; } legend, caption, summary{ font-size: 0; height: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; top: 0; visibility: hidden; width: 0; } img{vertical-align:middle;} /* Table > Search */ .tblSearchArea {float:right; width:auto; height:30px; margin:-50px 0 0 0; padding:10px 0 0 0; text-align:right;} .tblSearchArea input {height:22px; *vertical-align:0px;} .tblSearchArea select {width:60px; height:24px; *vertical-align:0px;} .btnSearch { border:none; background: #999999; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family:'Noto Sans KR', sans-serif; color:#FFFFFF !important; font-size: 12px; padding: 5px 15px 6px 15px; text-decoration: none; } .btnSearch:hover { background: #CCCCCC; text-decoration: none; color:#000000 !important; } /* Table > View */ .tblView {position:relative; width:auto; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; border-top:#CCCCCC 1px solid;} .tblView table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif; border-bottom:0px solid #CCCCCC;} .tblView table tr th, .tblView table tr td {text-align:left;} .tblView table thead th {padding:0px 12px 15px 0px; border-bottom:#CCCCCC 1px solid; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:700; color:#333333;} .tblView table thead td {padding:10px 0; border-top:1px solid #CCCCCC; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:700;} .tblView table tbody th {padding:10px 0 10px 0px; border-top:1px solid #CCCCCC; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left; color:#898989; } .tblView table tbody td {padding:10px 0px 10px 0px; border-top:1px solid #CCCCCC; text-align:left; } .tblView table tbody td .featuredImg {margin:0px; padding:0px 0px 0px 0px; text-align:center; line-height:160%; background:#000000; overflow:hidden;} .tblView table tbody td .featuredImg img {width:100%; max-width:100%;} .tblView table tbody td .content {margin:0px; padding:0px 0px 0px 0px; text-align:left; line-height:160%; overflow:hidden;} .tblView table tbody td .content img {max-width:100%;} .tblView table thead th.txtLeft {text-align:left;} .tblView table thead th.txtCenter {text-align:center;} .tblView table thead th.txtRight {text-align:right;} .tblView table tbody th.txtLeft {text-align:left;} .tblView table tbody th.txtCenter {text-align:center;} .tblView table tbody th.txtRight {text-align:right;} .tblView table tbody td.txtLeft {text-align:left;} .tblView table tbody td.txtCenter {text-align:center;} .tblView table tbody td.txtRight {text-align:right;} @media all and (min-width:768px) { .tblView {position:relative; width:auto; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; border-top:#CCCCCC 1px solid;} .tblView table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif; border-bottom:0px solid #CCCCCC;} .tblView table tr th, .tblView table tr td {text-align:left;} .tblView table thead th {padding:0px 12px 15px 10px; border-bottom:#CCCCCC 0px solid; font-family:'Noto Sans KR', sans-serif; font-size:21px; font-weight:700; color:#333333;} .tblView table thead td {padding:10px 0; border-top:1px solid #CCCCCC; font-family:'Noto Sans KR', sans-serif; font-size:14px; font-weight:700;} .tblView table tbody th {padding:10px 0 10px 0px; border-top:1px solid #CCCCCC; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left; color:#898989; } .tblView table tbody td {padding:10px 0px 10px 10px; border-top:1px solid #CCCCCC; text-align:left;} .tblView table tbody td.desc {padding:0px 0 20px 10px; color:#333333; font-size:11px; border-top:#CCCCCC 0px solid;} .tblView table tbody td .featuredImg {margin:0px; padding:0px 0px 0px 0px; text-align:center; line-height:160%; background:#000000; overflow:hidden;} .tblView table tbody td .featuredImg img {width:100%; max-width:100%;} .tblView table tbody td .content {margin:0px; padding:0px 0px 0px 0px; font-size:14px; text-align:left; line-height:160%; overflow:hidden;} .tblView table tbody td .content img {max-width:100%;} .tblView table thead th.txtLeft {text-align:left;} .tblView table thead th.txtCenter {text-align:center;} .tblView table thead th.txtRight {text-align:right;} .tblView table tbody th.txtLeft {text-align:left;} .tblView table tbody th.txtCenter {text-align:center;} .tblView table tbody th.txtRight {text-align:right;} .tblView table tbody td.txtLeft {text-align:left;} .tblView table tbody td.txtCenter {text-align:center;} .tblView table tbody td.txtRight {text-align:right;} } /* Table > Prev, Next */ .tblPrevNext {position:relative; width:auto; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; border-top:1px solid #CCCCCC;} .tblPrevNext table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif;} .tblPrevNext table th {width:40px; padding:20px 0 20px 0px; border-bottom:1px solid #333333; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left !important; color:#999999;} .tblPrevNext table td {padding:20px 0px 20px 10px; border-bottom:1px solid #333333; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left;} .tblPrevNext table td a {color:#CCCCCC; font-family:'Noto Sans KR', sans-serif; font-weight:400;} .tblPrevNext table td a:hover {color:#d3364a;} @media all and (min-width:768px) { .tblPrevNext {position:relative; width:auto; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; border-top:1px solid #CCCCCC;} .tblPrevNext table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif;} .tblPrevNext table th {width:70px; padding:20px 0 20px 10px; border-bottom:1px solid #333333; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left !important; color:#999999;} .tblPrevNext table td {padding:20px 0px 20px 10px; border-bottom:1px solid #333333; font-family:'Noto Sans KR', sans-serif; font-weight:400; text-align:left;} .tblPrevNext table td a {color:#CCCCCC; font-family:'Noto Sans KR', sans-serif; font-weight:400;} .tblPrevNext table td a:hover {color:#d3364a;} } /* Table > Under Button Area */ .tblBtnArea {float:right; margin:5px 0px 30px 0;} @media all and (min-width:768px) { .tblBtnArea {float:right; margin:5px 0px 30px 0;} } /* Table > 레이어팝업 */ .tblPopup {position:relative; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid;} .tblPopup table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif; border-bottom:0px solid #CCCCCC;} .tblPopup table thead th {padding:10px 0px 10px 0px; border-bottom:#EBEBEB 1px solid; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} .tblPopup table thead td {padding:10px 0px 10px 0px; border-bottom:#EBEBEB 1px solid; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} .tblPopup table tbody th {padding:10px 0px 10px 0px; border-top:1px solid #EBEBEB; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:11px; font-weight:400; line-height:140%;} .tblPopup table tbody td {padding:10px 0px 10px 0px; border-top:1px solid #EBEBEB; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:11px; font-weight:400; line-height:140%;} @media all and (min-width:768px) { .tblPopup {position:relative; width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid;} .tblPopup table {width:100%; margin:0 0 0px 0; border-collapse:collapse; border-spacing:0; font-family:'Noto Sans KR', sans-serif; border-bottom:0px solid #CCCCCC;} .tblPopup table thead th {padding:10px 20px 10px 10px; border-bottom:#EBEBEB 0px solid; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} .tblPopup table thead td {padding:10px 20px 10px 10px; border-bottom:#EBEBEB 0px solid; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} .tblPopup table tbody th {padding:10px 20px 10px 10px; border-top:1px solid #EBEBEB; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} .tblPopup table tbody td {padding:10px 20px 10px 10px; border-top:1px solid #EBEBEB; color:#666666; font-family:'Noto Sans KR', sans-serif; font-size:12px; font-weight:400; line-height:140%;} } /* Table > Pagination */ .paginationArea {clear:both; position:relative; width:auto; margin:0px auto 100px auto; padding:0px 0 0 0; text-align:center;} .paginationArea a {display:inline-block; width:auto; height:30px; margin:0px 0px 10px 0px; padding:0px 12px 0px 12px; background:#FFFFFF; background:rgba(255,255,255,0.1); color:#CCCCCC; font-family:'Noto Sans KR', sans-serif; line-height:30px; moz-border-radius:3px; border-radius:3px; cursor:pointer;} .paginationArea a:hover {background:rgba(0,0,0,0.3); color:#FFFFFF;} .paginationArea a.first {margin:0px 0px 0 0px;} .paginationArea a.first:hover {background:rgba(255,255,255,0.15); color:#FFFFFF;} .paginationArea a.prev {margin:0px 0px 0 5px;} .paginationArea a.prev:hover {background:rgba(255,255,255,0.15); color:#FFFFFF;} .paginationArea a.current {margin:0px 0px 0 5px; background:rgba(0,0,0,0.5); color:#EBEBEB;} .paginationArea a.current:hover {background:rgba(0,0,0,0.5); color:#FFFFFF;} .paginationArea a.next {margin:0px 0px 0 5px;} .paginationArea a.next:hover {background:rgba(255,255,255,0.15); color:#FFFFFF;} .paginationArea a.last {margin:0px 0px 0 5px;} .paginationArea a.last:hover {background:rgba(255,255,255,0.15); color:#FFFFFF;} /*------------------------------------------------------------------------------ * Responsive Media Query ------------------------------------------------------------------------------*/ @media all and (min-width:768px) { } /*------------------------------------------------------------------------------ * Form Setting ------------------------------------------------------------------------------*/ input[type="text"],input[type="password"],form select{border: 1px solid #EBEBEB; font-family:'Noto Sans KR', sans-serif; font-size:12px; line-height:1; padding:0px 4px 0px 4px; height:24px; line-height:24px;} form img,form input,form select {vertical-align: middle; font-family:'Noto Sans KR', sans-serif;} input, label{vertical-align:middle;} input[type=checkbox], input[type=radio] {vertical-align:-6px; border:none;} input[type=text].list_search {z-index:9999;} textarea {width:99%; height:80px; margin:5px 0 0 0; padding:5px 5px 0 5px; background:#FFFFFF; border:#EBEBEB 1px solid; line-height:1.2;} button,label {cursor:pointer;_cursor /**/:hand;} button * {position:relative;} /*------------------------------------------------------------------------------ * Container Layout Fix ------------------------------------------------------------------------------*/ .clearfix {zoom:1;} /* ie6, ie7 */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-table;} /* Mac IE Hack \*/ * html .clearfix {height:1%} .clearfix {display:block;} /*\ Mac IE Hack */ /*------------------------------------------------------------------------------ * Stock Setting ------------------------------------------------------------------------------*/ .jred {color:#CC0000 !important;} .jredtop {color:#CC0000 !important;} .jblue {color:#00559a !important;} .jbluebottom {color:#00559a !important;} .jgray {color:#666666 !important;} .jnone {color:#777777 !important;} .jsame {color:#666666 !important;} /*------------------------------------------------------------------------------ * Align Setting ------------------------------------------------------------------------------*/ .txttop {text-align:top} .txtright {text-align:right} .txtbottom {text-align:bottom} .txtleft {text-align:left} .txtcenter {text-align:center} .floattop {float:top} .floatright {float:right} .floatbotttom {float:bottom} .floatleft {float:left} /*------------------------------------------------------------------------------ * Padding Setting ------------------------------------------------------------------------------*/ .p0{padding:0px !important; } .p1{padding:1px !important; } .p2{padding:2px !important; } .p3{padding:3px !important; } .p4{padding:4px !important; } .p5{padding:5px !important; } .p6{padding:6px !important; } .p7{padding:7px !important; } .p8{padding:8px !important; } .p9{padding:9px !important; } .p10{padding:10px !important; } .p11{padding:11px !important; } .p12{padding:12px !important; } .p13{padding:13px !important; } .p14{padding:14px !important; } .p15{padding:15px !important; } .p16{padding:16px !important; } .p17{padding:17px !important; } .p18{padding:18px !important; } .p19{padding:19px !important; } .p20{padding:20px !important; } .p21{padding:21px !important; } .p22{padding:22px !important; } .p23{padding:23px !important; } .p24{padding:24px !important; } .p25{padding:25px !important; } .p26{padding:26px !important; } .p27{padding:27px !important; } .p28{padding:28px !important; } .p29{padding:29px !important; } .p30{padding:30px !important; } .p31{padding:31px !important; } .p32{padding:32px !important; } .p33{padding:33px !important; } .p34{padding:34px !important; } .p35{padding:35px !important; } .p36{padding:36px !important; } .p37{padding:37px !important; } .p38{padding:38px !important; } .p39{padding:39px !important; } .p40{padding:40px !important; } .p41{padding:41px !important; } .p42{padding:42px !important; } .p43{padding:43px !important; } .p44{padding:44px !important; } .p45{padding:45px !important; } .p46{padding:46px !important; } .p47{padding:47px !important; } .p48{padding:48px !important; } .p49{padding:49px !important; } .p50{padding:50px !important; } .pt0{padding-top:0px !important; } .pt1{padding-top:1px !important; } .pt2{padding-top:2px !important; } .pt3{padding-top:3px !important; } .pt4{padding-top:4px !important; } .pt5{padding-top:5px !important; } .pt6{padding-top:6px !important; } .pt7{padding-top:7px !important; } .pt8{padding-top:8px !important; } .pt9{padding-top:9px !important; } .pt10{padding-top:10px !important; } .pt11{padding-top:11px !important; } .pt12{padding-top:12px !important; } .pt13{padding-top:13px !important; } .pt14{padding-top:14px !important; } .pt15{padding-top:15px !important; } .pt16{padding-top:16px !important; } .pt17{padding-top:17px !important; } .pt18{padding-top:18px !important; } .pt19{padding-top:19px !important; } .pt20{padding-top:20px !important; } .pt21{padding-top:21px !important; } .pt22{padding-top:22px !important; } .pt23{padding-top:23px !important; } .pt24{padding-top:24px !important; } .pt25{padding-top:25px !important; } .pt26{padding-top:26px !important; } .pt27{padding-top:27px !important; } .pt28{padding-top:28px !important; } .pt29{padding-top:29px !important; } .pt30{padding-top:30px !important; } .pt31{padding-top:31px !important; } .pt32{padding-top:32px !important; } .pt33{padding-top:33px !important; } .pt34{padding-top:34px !important; } .pt35{padding-top:35px !important; } .pt36{padding-top:36px !important; } .pt37{padding-top:37px !important; } .pt38{padding-top:38px !important; } .pt39{padding-top:39px !important; } .pt40{padding-top:40px !important; } .pt41{padding-top:41px !important; } .pt42{padding-top:42px !important; } .pt43{padding-top:43px !important; } .pt44{padding-top:44px !important; } .pt45{padding-top:45px !important; } .pt46{padding-top:46px !important; } .pt47{padding-top:47px !important; } .pt48{padding-top:48px !important; } .pt49{padding-top:49px !important; } .pt50{padding-top:50px !important; } .pr0{padding-right:0px !important; } .pr1{padding-right:1px !important; } .pr2{padding-right:2px !important; } .pr3{padding-right:3px !important; } .pr4{padding-right:4px !important; } .pr5{padding-right:5px !important; } .pr6{padding-right:6px !important; } .pr7{padding-right:7px !important; } .pr8{padding-right:8px !important; } .pr9{padding-right:9px !important; } .pr10{padding-right:10px !important; } .pr11{padding-right:11px !important; } .pr12{padding-right:12px !important; } .pr13{padding-right:13px !important; } .pr14{padding-right:14px !important; } .pr15{padding-right:15px !important; } .pr16{padding-right:16px !important; } .pr17{padding-right:17px !important; } .pr18{padding-right:18px !important; } .pr19{padding-right:19px !important; } .pr20{padding-right:20px !important; } .pr21{padding-right:21px !important; } .pr22{padding-right:22px !important; } .pr23{padding-right:23px !important; } .pr24{padding-right:24px !important; } .pr25{padding-right:25px !important; } .pr26{padding-right:26px !important; } .pr27{padding-right:27px !important; } .pr28{padding-right:28px !important; } .pr29{padding-right:29px !important; } .pr30{padding-right:30px !important; } .pr31{padding-right:31px !important; } .pr32{padding-right:32px !important; } .pr33{padding-right:33px !important; } .pr34{padding-right:34px !important; } .pr35{padding-right:35px !important; } .pr36{padding-right:36px !important; } .pr37{padding-right:37px !important; } .pr38{padding-right:38px !important; } .pr39{padding-right:39px !important; } .pr40{padding-right:40px !important; } .pr41{padding-right:41px !important; } .pr42{padding-right:42px !important; } .pr43{padding-right:43px !important; } .pr44{padding-right:44px !important; } .pr45{padding-right:45px !important; } .pr46{padding-right:46px !important; } .pr47{padding-right:47px !important; } .pr48{padding-right:48px !important; } .pr49{padding-right:49px !important; } .pr50{padding-right:50px !important; } .pb0{padding-bottom:0px !important; } .pb1{padding-bottom:1px !important; } .pb2{padding-bottom:2px !important; } .pb3{padding-bottom:3px !important; } .pb4{padding-bottom:4px !important; } .pb5{padding-bottom:5px !important; } .pb6{padding-bottom:6px !important; } .pb7{padding-bottom:7px !important; } .pb8{padding-bottom:8px !important; } .pb9{padding-bottom:9px !important; } .pb10{padding-bottom:10px !important; } .pb11{padding-bottom:11px !important; } .pb12{padding-bottom:12px !important; } .pb13{padding-bottom:13px !important; } .pb14{padding-bottom:14px !important; } .pb15{padding-bottom:15px !important; } .pb16{padding-bottom:16px !important; } .pb17{padding-bottom:17px !important; } .pb18{padding-bottom:18px !important; } .pb19{padding-bottom:19px !important; } .pb20{padding-bottom:20px !important; } .pb21{padding-bottom:21px !important; } .pb22{padding-bottom:22px !important; } .pb23{padding-bottom:23px !important; } .pb24{padding-bottom:24px !important; } .pb25{padding-bottom:25px !important; } .pb26{padding-bottom:26px !important; } .pb27{padding-bottom:27px !important; } .pb28{padding-bottom:28px !important; } .pb29{padding-bottom:29px !important; } .pb30{padding-bottom:30px !important; } .pb31{padding-bottom:31px !important; } .pb32{padding-bottom:32px !important; } .pb33{padding-bottom:33px !important; } .pb34{padding-bottom:34px !important; } .pb35{padding-bottom:35px !important; } .pb36{padding-bottom:36px !important; } .pb37{padding-bottom:37px !important; } .pb38{padding-bottom:38px !important; } .pb39{padding-bottom:39px !important; } .pb40{padding-bottom:40px !important; } .pb41{padding-bottom:41px !important; } .pb42{padding-bottom:42px !important; } .pb43{padding-bottom:43px !important; } .pb44{padding-bottom:44px !important; } .pb45{padding-bottom:45px !important; } .pb46{padding-bottom:46px !important; } .pb47{padding-bottom:47px !important; } .pb48{padding-bottom:48px !important; } .pb49{padding-bottom:49px !important; } .pb50{padding-bottom:50px !important; } .pl0{padding-left:0px !important; } .pl1{padding-left:1px !important; } .pl2{padding-left:2px !important; } .pl3{padding-left:3px !important; } .pl4{padding-left:4px !important; } .pl5{padding-left:5px !important; } .pl6{padding-left:6px !important; } .pl7{padding-left:7px !important; } .pl8{padding-left:8px !important; } .pl9{padding-left:9px !important; } .pl10{padding-left:10px !important; } .pl11{padding-left:11px !important; } .pl12{padding-left:12px !important; } .pl13{padding-left:13px !important; } .pl14{padding-left:14px !important; } .pl15{padding-left:15px !important; } .pl16{padding-left:16px !important; } .pl17{padding-left:17px !important; } .pl18{padding-left:18px !important; } .pl19{padding-left:19px !important; } .pl20{padding-left:20px !important; } .pl21{padding-left:21px !important; } .pl22{padding-left:22px !important; } .pl23{padding-left:23px !important; } .pl24{padding-left:24px !important; } .pl25{padding-left:25px !important; } .pl26{padding-left:26px !important; } .pl27{padding-left:27px !important; } .pl28{padding-left:28px !important; } .pl29{padding-left:29px !important; } .pl30{padding-left:30px !important; } .pl31{padding-left:31px !important; } .pl32{padding-left:32px !important; } .pl33{padding-left:33px !important; } .pl34{padding-left:34px !important; } .pl35{padding-left:35px !important; } .pl36{padding-left:36px !important; } .pl37{padding-left:37px !important; } .pl38{padding-left:38px !important; } .pl39{padding-left:39px !important; } .pl40{padding-left:40px !important; } .pl41{padding-left:41px !important; } .pl42{padding-left:42px !important; } .pl43{padding-left:43px !important; } .pl44{padding-left:44px !important; } .pl45{padding-left:45px !important; } .pl46{padding-left:46px !important; } .pl47{padding-left:47px !important; } .pl48{padding-left:48px !important; } .pl49{padding-left:49px !important; } .pl50{padding-left:50px !important; } .pl110{padding-left:110px !important; } /*------------------------------------------------------------------------------ * Margin Setting ------------------------------------------------------------------------------*/ .m0{margin:0px !important;} .m1{margin:1px !important;} .m2{margin:2px !important;} .m3{margin:3px !important;} .m4{margin:4px !important;} .m5{margin:5px !important;} .m6{margin:6px !important;} .m7{margin:7px !important;} .m8{margin:8px !important;} .m9{margin:9px !important;} .m10{margin:10px !important;} .m11{margin:11px !important;} .m12{margin:12px !important;} .m13{margin:13px !important;} .m14{margin:14px !important;} .m15{margin:15px !important;} .m16{margin:16px !important;} .m17{margin:17px !important;} .m18{margin:18px !important;} .m19{margin:19px !important;} .m20{margin:20px !important;} .m21{margin:21px !important;} .m22{margin:22px !important;} .m23{margin:23px !important;} .m24{margin:24px !important;} .m25{margin:25px !important;} .m26{margin:26px !important;} .m27{margin:27px !important;} .m28{margin:28px !important;} .m29{margin:29px !important;} .m30{margin:30px !important;} .m31{margin:31px !important;} .m32{margin:32px !important;} .m33{margin:33px !important;} .m34{margin:34px !important;} .m35{margin:35px !important;} .m36{margin:36px !important;} .m37{margin:37px !important;} .m38{margin:38px !important;} .m39{margin:39px !important;} .m40{margin:40px !important;} .m41{margin:41px !important;} .m42{margin:42px !important;} .m43{margin:43px !important;} .m44{margin:44px !important;} .m45{margin:45px !important;} .m46{margin:46px !important;} .m47{margin:47px !important;} .m48{margin:48px !important;} .m49{margin:49px !important;} .m50{margin:50px !important;} .mt0{margin-top:0px !important;} .mt1{margin-top:1px !important;} .mt2{margin-top:2px !important;} .mt3{margin-top:3px !important;} .mt4{margin-top:4px !important;} .mt5{margin-top:5px !important;} .mt6{margin-top:6px !important;} .mt7{margin-top:7px !important;} .mt8{margin-top:8px !important;} .mt9{margin-top:9px !important;} .mt10{margin-top:10px !important;} .mt11{margin-top:11px !important;} .mt12{margin-top:12px !important;} .mt13{margin-top:13px !important;} .mt14{margin-top:14px !important;} .mt15{margin-top:15px !important;} .mt16{margin-top:16px !important;} .mt17{margin-top:17px !important;} .mt18{margin-top:18px !important;} .mt19{margin-top:19px !important;} .mt20{margin-top:20px !important;} .mt21{margin-top:21px !important;} .mt22{margin-top:22px !important;} .mt23{margin-top:23px !important;} .mt24{margin-top:24px !important;} .mt25{margin-top:25px !important;} .mt26{margin-top:26px !important;} .mt27{margin-top:27px !important;} .mt28{margin-top:28px !important;} .mt29{margin-top:29px !important;} .mt30{margin-top:30px !important;} .mt31{margin-top:31px !important;} .mt32{margin-top:32px !important;} .mt33{margin-top:33px !important;} .mt34{margin-top:34px !important;} .mt35{margin-top:35px !important;} .mt36{margin-top:36px !important;} .mt37{margin-top:37px !important;} .mt38{margin-top:38px !important;} .mt39{margin-top:39px !important;} .mt40{margin-top:40px !important;} .mt41{margin-top:41px !important;} .mt42{margin-top:42px !important;} .mt43{margin-top:43px !important;} .mt44{margin-top:44px !important;} .mt45{margin-top:45px !important;} .mt46{margin-top:46px !important;} .mt47{margin-top:47px !important;} .mt48{margin-top:48px !important;} .mt49{margin-top:49px !important;} .mt50{margin-top:46px !important;} .mt60{margin-top:60px !important;} .mt70{margin-top:70px !important;} .mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;} .mt100{margin-top:100px !important;} .mt20m{margin-top:-20px !important;} .mr0{margin-right:0px !important;} .mr1{margin-right:1px !important;} .mr2{margin-right:2px !important;} .mr3{margin-right:3px !important;} .mr4{margin-right:4px !important;} .mr5{margin-right:5px !important;} .mr6{margin-right:6px !important;} .mr7{margin-right:7px !important;} .mr8{margin-right:8px !important;} .mr9{margin-right:9px !important;} .mr10{margin-right:10px !important;} .mr11{margin-right:11px !important;} .mr12{margin-right:12px !important;} .mr13{margin-right:13px !important;} .mr14{margin-right:14px !important;} .mr15{margin-right:15px !important;} .mr16{margin-right:16px !important;} .mr17{margin-right:17px !important;} .mr18{margin-right:18px !important;} .mr19{margin-right:19px !important;} .mr20{margin-right:20px !important;} .mr21{margin-right:21px !important;} .mr22{margin-right:22px !important;} .mr23{margin-right:23px !important;} .mr24{margin-right:24px !important;} .mr25{margin-right:25px !important;} .mr26{margin-right:26px !important;} .mr27{margin-right:27px !important;} .mr28{margin-right:28px !important;} .mr29{margin-right:29px !important;} .mr30{margin-right:30px !important;} .mr31{margin-right:31px !important;} .mr32{margin-right:32px !important;} .mr33{margin-right:33px !important;} .mr34{margin-right:34px !important;} .mr35{margin-right:35px !important;} .mr36{margin-right:36px !important;} .mr37{margin-right:37px !important;} .mr38{margin-right:38px !important;} .mr39{margin-right:39px !important;} .mr40{margin-right:40px !important;} .mr41{margin-right:41px !important;} .mr42{margin-right:42px !important;} .mr43{margin-right:43px !important;} .mr44{margin-right:44px !important;} .mr45{margin-right:45px !important;} .mr46{margin-right:46px !important;} .mr47{margin-right:47px !important;} .mr48{margin-right:48px !important;} .mr49{margin-right:49px !important;} .mr50{margin-right:50px !important;} .mb0{margin-bottom:0px !important;} .mb1{margin-bottom:1px !important;} .mb2{margin-bottom:2px !important;} .mb3{margin-bottom:3px !important;} .mb4{margin-bottom:4px !important;} .mb5{margin-bottom:5px !important;} .mb6{margin-bottom:6px !important;} .mb7{margin-bottom:7px !important;} .mb8{margin-bottom:8px !important;} .mb9{margin-bottom:9px !important;} .mb10{margin-bottom:10px !important;} .mb11{margin-bottom:11px !important;} .mb12{margin-bottom:12px !important;} .mb13{margin-bottom:13px !important;} .mb14{margin-bottom:14px !important;} .mb15{margin-bottom:15px !important;} .mb16{margin-bottom:16px !important;} .mb17{margin-bottom:17px !important;} .mb18{margin-bottom:18px !important;} .mb19{margin-bottom:19px !important;} .mb20{margin-bottom:20px !important;} .mb21{margin-bottom:21px !important;} .mb22{margin-bottom:22px !important;} .mb23{margin-bottom:23px !important;} .mb24{margin-bottom:24px !important;} .mb25{margin-bottom:25px !important;} .mb26{margin-bottom:26px !important;} .mb27{margin-bottom:27px !important;} .mb28{margin-bottom:28px !important;} .mb29{margin-bottom:29px !important;} .mb30{margin-bottom:30px !important;} .mb31{margin-bottom:31px !important;} .mb32{margin-bottom:32px !important;} .mb33{margin-bottom:33px !important;} .mb34{margin-bottom:34px !important;} .mb35{margin-bottom:35px !important;} .mb36{margin-bottom:36px !important;} .mb37{margin-bottom:37px !important;} .mb38{margin-bottom:38px !important;} .mb39{margin-bottom:39px !important;} .mb40{margin-bottom:40px !important;} .mb41{margin-bottom:41px !important;} .mb42{margin-bottom:42px !important;} .mb43{margin-bottom:43px !important;} .mb44{margin-bottom:44px !important;} .mb45{margin-bottom:45px !important;} .mb46{margin-bottom:46px !important;} .mb47{margin-bottom:47px !important;} .mb48{margin-bottom:48px !important;} .mb49{margin-bottom:49px !important;} .mb50{margin-bottom:50px !important;} .ml0{margin-left:0px !important;} .ml1{margin-left:1px !important;} .ml2{margin-left:2px !important;} .ml3{margin-left:3px !important;} .ml4{margin-left:4px !important;} .ml5{margin-left:5px !important;} .ml6{margin-left:6px !important;} .ml7{margin-left:7px !important;} .ml8{margin-left:8px !important;} .ml9{margin-left:9px !important;} .ml10{margin-left:10px !important;} .ml11{margin-left:11px !important;} .ml12{margin-left:12px !important;} .ml13{margin-left:13px !important;} .ml14{margin-left:14px !important;} .ml15{margin-left:15px !important;} .ml16{margin-left:16px !important;} .ml17{margin-left:17px !important;} .ml18{margin-left:18px !important;} .ml19{margin-left:19px !important;} .ml20{margin-left:20px !important;} .ml21{margin-left:21px !important;} .ml22{margin-left:22px !important;} .ml23{margin-left:23px !important;} .ml24{margin-left:24px !important;} .ml25{margin-left:25px !important;} .ml26{margin-left:26px !important;} .ml27{margin-left:27px !important;} .ml28{margin-left:28px !important;} .ml29{margin-left:29px !important;} .ml30{margin-left:30px !important;} .ml31{margin-left:31px !important;} .ml32{margin-left:32px !important;} .ml33{margin-left:33px !important;} .ml34{margin-left:34px !important;} .ml35{margin-left:35px !important;} .ml36{margin-left:36px !important;} .ml37{margin-left:37px !important;} .ml38{margin-left:38px !important;} .ml39{margin-left:39px !important;} .ml40{margin-left:40px !important;} .ml41{margin-left:41px !important;} .ml42{margin-left:42px !important;} .ml43{margin-left:43px !important;} .ml44{margin-left:44px !important;} .ml45{margin-left:45px !important;} .ml46{margin-left:46px !important;} .ml47{margin-left:47px !important;} .ml48{margin-left:48px !important;} .ml49{margin-left:49px !important;} .ml50{margin-left:50px !important;} .ml100{margin-left:100px !important;} .ml120{margin-left:120px;} /*------------------------------------------------------------------------------ * Underline Setting ------------------------------------------------------------------------------*/ .un {text-decoration:underline;} /*------------------------------------------------------------------------------ * Width Setting ------------------------------------------------------------------------------*/ .w10p {width:10% !important;} .w20p {width:20% !important;} .w25p {width:25% !important;} .w27p {width:27% !important;} .w30p {width:30% !important;} .w40p {width:40% !important;} .w50p {width:50% !important;} .w60p {width:60% !important;} .w66p {width:66% !important;} .w70p {width:70% !important;} .w75p {width:75% !important;} .w80p {width:80% !important;} .w90p {width:90% !important;} .w100p {width:100% !important;} .w10 {width:10px !important;} .w20 {width:20px !important;} .w30 {width:30px !important;} .w40 {width:40px !important;} .w50 {width:50px !important;} .w60 {width:60px !important;} .w70 {width:70px !important;} .w80 {width:80px !important;} .w90 {width:90px !important;} .w100 {width:100px !important;} .w150 {width:150px;} .w170 {width:170px;} .w200 {width:200px !important;} .w250 {width:250px !important;} .w300 {width:300px !important;} /*------------------------------------------------------------------------------ * Link Setting ------------------------------------------------------------------------------*/ .cursor {cursor:pointer!important;display:inline-block; } /* Animation Block */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /*animation element*/ .animation-element { z-index:999; position: relative; width: 100%; margin:0; } /*bounce up animation for the subject*/ .bounce-up .subject { opacity: 0; -moz-transition: all 1000ms ease-out; -webkit-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; -moz-transform: translate3d(0px, 50px, 0px); -webkit-transform: translate3d(0px, 50px, 0px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate3d(0px, 50px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view .subject { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*bounce up animation for the subject*/ .bounce-up .subject_main { opacity: 0; -moz-transition: all 1000ms ease-out; -webkit-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; -moz-transform: translate3d(0px, 150px, 0px); -webkit-transform: translate3d(0px, 150px, 0px); -o-transform: translate(0px, 150px); -ms-transform: translate(0px, 150px); transform: translate3d(0px, 150px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view .subject_main { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*bounce up animation for the subject*/ .bounce-up .subject_sub { opacity: 0; -moz-transition: all 1000ms ease-out; -webkit-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; -moz-transform: translate3d(0px, 50px, 0px); -webkit-transform: translate3d(0px, 50px, 0px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate3d(0px, 50px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view .subject_sub { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*bounce up animation for the subject*/ .bounce-up .subject_quick { opacity: 0; -moz-transition: all 1500ms ease-out; -webkit-transition: all 1500ms ease-out; -o-transition: all 1500ms ease-out; transition: all 1500ms ease-out; -moz-transform: translate3d(0px, 250px, 0px); -webkit-transform: translate3d(0px, 250px, 0px); -o-transform: translate(0px, 250px); -ms-transform: translate(0px, 250px); transform: translate3d(0px, 250px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .bounce-up.in-view .subject_quick { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*media queries for small devices*/ @media screen and (max-width: 678px) { .animation-element { width: 100%; margin: 0px 0px 0px 0px; } } /*------------------------------------------------------------------------------ * Responsive Media Query ------------------------------------------------------------------------------*/ .oldie body.one-page {padding-top:70px;} .oldie #Nav {height:75px;} .oldie .flexnav {overflow:visible;} .oldie .flexnav.one-page {top:0; right:auto; max-width:1080px;} .oldie .flexnav .navLinkRecruitMob {display:none;} .oldie .flexnav li {position:relative; list-style:none; float:left; display:block; background-color:#000000; width:120px; overflow:visible;} .oldie .flexnav li:hover > ul {display:block; width:100%; overflow:visible;} .oldie .flexnav li:hover > ul li {width:100%; float:none;} .oldie .flexnav li a {border-left:0px solid #acaca1; border-bottom:none; overflow:visible;} .oldie .flexnav li > ul {background:#000000; position:absolute; top:auto; left:0; display:none; z-index:1; overflow:visible;} .oldie .flexnav li ul li ul {top:0;} .oldie .flexnav li ul li a {border-bottom:none;} .oldie .flexnav li ul.open {display:block; width:100%; overflow:visible;} .oldie .flexnav li ul.open li { width:100%;} .oldie .flexnav li ul.open ul.open { margin-left:100%; top:0; display:block; width:100%; overflow:visible;} .oldie .flexnav ul li:hover ul {margin-left:100%; top:0;} .oldie .menu-button {display:none;} .oldie.ie7 .flexnav li {width:120px;}