@charset 'utf-8'; @import url('./font/nanumS.css');    .blind_txt{text-indent: -9999em; width: 1px; height: 1px; position: absolute; top: -99999em; overflow: hidden; line-height: 0;} /*  *관리자 헤드 */ /* GMB */ .ad_gnb{text-align: center;} .ad_top{background: #292c34; font-family: 'Nanum Square', sans-serif; font-weight:400; letter-spacing: -.25px; font-size: 16px; color: #1f1f1f; } .ad_top .col-xs-12{position: static;} .gnb_dep01{display: inline-block; position: relative; z-index: 2;} .ad_gnb .gnb_dep01 > li{display: inline-block; padding: 0 27px; position: relative;} .ad_gnb .gnb_dep01 > li > a{padding: 23px 0; display: block; color: #999; transition: all 0.4s;} .ad_gnb .gnb_dep01 > li > a:hover, .ad_gnb .gnb_dep01 > li > a.active, .ad_gnb .gnb_dep01 > li > a:focus{color: #fff;} .ad_gnb .gnb_dep02{position: absolute; left: 0; top: 100%; z-index: 2; padding: 28px 0; width: 100%;} .ad_gnb .gnb_dep02 > li{display: block; padding: 0 27px;} .ad_gnb .gnb_dep02 > li > a{display: block; padding: 12px 0; text-align: left; color: #999; font-size: 14px; transition: all 0.4s;} .ad_gnb .gnb_dep02 > li > a.active, .ad_gnb .gnb_dep02 > li > a:hover, .ad_gnb .gnb_dep02 > li > a:focus{color: #fff;} .gnb_border{position: absolute; left: 0; bottom: 0; background: #c13130; height: 4px; z-index: 1;} .menuOnBg{position: absolute; left: 0; top: 100%; background: #292c34; width: 100%; height: 100px; z-index: 1; } .menuOnBg:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #3a3d44;} .ad_gnb .gnb_dep02 , .menuOnBg{overflow: hidden;visibility: hidden;} .mobile_btn{width: 65px; height: 67px; position: absolute; right: 0; top: 0; padding: 25px 20px; z-index: 3; display: none; } .mobile_btn.active div{transition: transform 0.2s; } .mobile_btn.active div{transform: rotate(45deg); position: absolute; margin-top: 5px;} .mobile_btn.active div + div{display: none;} .mobile_btn.active div + div + div{transform: rotate(-45deg); display: block;} .mobile_btn div{width: 24px; height: 2px; background: #fff; float: right; transition: all 0.2s;} .mobile_btn div + div{margin: 7px 0; width: 18px;} .mobile_btn div + div + div{margin: 0; width: 24px;} .mobile_btn:active div + div{width: 24px;} .menuOnBgMob{position: fixed; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); display: none; opacity: 0; transition: all 2.2s;} /* 로고 */ .ad_logo{width: 131px; height: 40px; text-indent: -9999em; margin: 10px 0 0; background: url(/common/plugin/syworks.design.library/center/images/admin/common/logo.png) no-repeat left center; position: absolute; left: 40px; top: 50%; margin-top: -20px;} .ad_logo a{display: block; height: 100%;} .ad_info{position: absolute; right: 40px; top: 50%; margin-top: -8px;} .ad_info li{display: inline-block; color: #999999; margin: 0 10px;} .ad_info li.last{margin-right: 0;} .ad_info li a{font-size: 12px; color: inherit;} .ad_info li a b{color: #fff; font-weight: 400;} .ad_info li i{margin-right: 8px;} .ad_info li i, .ad_info li a{vertical-align: middle;} .adInfoAppend .ad_info{display: none;} /* 좌측메뉴 */ .ad_top{position: relative; z-index: 3;} .tp .ad_top{display: none;} /* 퀵메뉴 */ .quick_menu{position: absolute; right: -0%; top: 200px; z-index: 2; font-family: 'Nanum Square', sans-serif; border: 1px solid #f1f1f1; display: none;} .quick_tit, .quick_ul{width: 200px; } .quick_ul{padding: 17px 0; background: #fbfbfb;} .quick_ul a{font-size: 14px; color: #666; display: block; padding: 9px 30px;} .quick_tit{background: #f1f1f1 no-repeat 157px center url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_close.png); color: #1f1f1f; padding: 18px 30px; display: block; font-size: 14px;} .quick_ul li a{background: no-repeat 157px center;} .quick_ul .ini01 a{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_url_o.png);} .quick_ul .ini02 a{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_prev_o.png);} .quick_ul .ini03 a{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_hist_o.png);} .quick_ul .ini04 a{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_cont_o.png);} .quick_ul .ini05 a{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_page_o.png);} .quick_ul li a:hover, .quick_ul li a.active{color: #0088cc;} .quick_ul .ini01 a:hover, .quick_ul .ini01 a.active{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_url.png);} .quick_ul .ini02 a:hover, .quick_ul .ini01 a.active{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_prev.png);} .quick_ul .ini03 a:hover, .quick_ul .ini01 a.active{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_hist.png);} .quick_ul .ini04 a:hover, .quick_ul .ini01 a.active{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_cont.png);} .quick_ul .ini05 a:hover, .quick_ul .ini01 a.active{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/quick_ico_page.png);} .quick_menu.closeQuick .quick_tit, .quick_menu.closeQuick .quick_ul{text-indent: -999em;} .quick_menu.closeQuick .quick_ul li a, .quick_menu.closeQuick .quick_tit{background-position: center center;}  /** lp 스타일 정의 */ .lp .ad_gnb .gnb_dep01 > li, .tp .ad_gnb .gnb_dep01 > li{padding: 0 41px;} .lp .ad_gnb .gnb_dep01 > li.padLg, .tp .ad_gnb .gnb_dep01 > li.padLg{padding-right: 80px;} .lp .ad_gnb .gnb_dep01 > li > a, .tp .ad_gnb .gnb_dep01 > li > a{width:100%;} .lp .ad_gnb .gnb_dep02 > li > a, .tp .ad_gnb .gnb_dep02 > li > a{text-align: left; white-space: nowrap;} .lp .gnb_border, .tp .gnb_border{background: #0088cc;} .lp .ad_gnb .gnb_dep02 > li, .tp .ad_gnb .gnb_dep02 > li{padding-left: 41px;}     @media only screen and (max-width: 800px){  body.tp.menuOn{overflow: visible; overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 1;}  body.tp.menuOn .menuOnBgMob{display: block; opacity: 1;}  .tp .gnb_border{display: none;}  .tp .ad_logo{left: 20px;}  .tp .ad_info{display: none;}  .tp .ad_info_append .ad_info{display: block; position: static; margin-top: 65px;}  .tp .ad_info_append .ad_info li{display: block; margin: 0; }  .tp .ad_info_append .ad_info li a{display: block; text-align: left; padding: 15px 0; margin-left: 60px; border-bottom: 1px solid #363840;}  .tp .ad_info_append .ad_info li.last a{border-bottom: none;}  .tp .mobile_btn{display: block; z-index: 3;}  .tp .menuOnBg{display: none;}  .tp .ad_top{height: 67px; }  .tp .ad_gnb .gnb_dep01{position: absolute; right: -100%; background: #292c34; top: 0; padding-top: 66px; overflow-y: auto; z-index: 3;}  .tp .ad_gnb .gnb_dep01 > li{display: block; padding: 0; min-width: 280px; }  .tp .ad_gnb .gnb_dep01 > li > a{padding: 25px 0; text-align: left; border-bottom: 1px solid #363840; margin-left: 60px; }  .tp .ad_gnb .gnb_dep01 > li > a.active span{position: relative;}  .tp .ad_gnb .gnb_dep01 > li > a.active span:after{content: ''; position: absolute; left: 0; bottom: -25px;; width: 100%; height: 4px; background: #c13130;}  .tp .ad_gnb .gnb_dep01 > li:first-child > a{padding-top: 0;}  .tp .ad_gnb .gnb_dep01 > li.last-child > a{border-bottom: none;}  .tp .ad_gnb .gnb_dep02{height: auto !important; position: static; background: #24262b; margin-top: -1px; display: none; visibility: visible;}  .tp .ad_gnb .gnb_dep02 > li{padding: 0; padding-left: 60px; }  .tp .ad_gnb .gnb_dep02 > li > a{text-align: left;}  .quick_menu{display: none !important;}  .tp .ad_gnb .gnb_dep01 > li + li + li{padding-right: 0;}  }