@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;}

}