@charset "utf-8";
@import url('./font/exit_font.css?t=2024102400');

.overflow-hidden {overflow: hidden;}
.inner {width:100%; max-width: 1200px; margin:0 auto;}

/********* 헤더영역 *********/
#header-top {position: relative;z-index: 70;background-color:#EDF1F5;}
#header-top .toggle-head {padding: 0 2.4rem;}
#header-top .toggle-head .inner {position: relative; min-height: auto;padding: 0.267em 0; font-size:15px;}

#exit_header {position: sticky; top: 0; right: 0; left: 0; background: #fff; transition: all .4s; z-index: 999;} /* 접근성 수정 20250107  */
#exit_header.scroll {top:0;}
#wrap.scroll-down #exit_header {transform: translateY(-100%);}
#wrap.scroll-up #exit_header {transform: translateY(0);}

#exit_header #gnb.web_on #blind {display:block; height:210px}
#exit_header #gnb.web_on #nav > ul > li > ul {display:block; height:210px}
#exit_header #gnb.web_on #nav .sub-txt {display:block}

/*** gtop ***/
.gtop_box {background: #fff;}
.gtop_box > div > ul {display:flex;justify-content: flex-end; padding:8px;}
.gtop_box > div > ul li {position:relative;}
.gtop_box > div > ul li + li {margin-left:12px;}
.gtop_box > div > ul li + li::before {content:""; display:inline-block; vertical-align: middle; position:absolute; left:-6px; top:50%; width:1px; height:16px; background:#d8d8d8; font-size:0.9375em; transform: translateY(-50%);}
.gtop_box > div > ul a, .gtop_box > div > ul button {display:inline-block; vertical-align: middle; padding:4px 6px; border-radius: 4px; font-size:0.9375em; transition: all .3s;}
.gtop_box > div > ul a:hover, .gtop_box > div > ul button:hover {background-color:#EDF1F5;}
.gtop_box > div > ul button:hover, .gtop_box > div > ul button:focus {outline-offset: 3px; outline: 2px solid rgba(36, 107, 235, 0.8);}
.gtop_box > div > ul a[target=_blank]::after {content:""; display:inline-block; vertical-align: middle; width:16px; height:16px; margin-left:2px; background:#ddd;}

/*** thead ***/
.thead {position: relative; margin: 0 auto;}

/*** logo ***/
.thead .logo {padding-bottom:0.5em;}
.thead .logo a {display: block; width: 260px;}
.thead .logo a:hover {text-decoration: none;}
.thead .logo img {max-width:100%;}

.logo-title {width: 260px; padding-bottom: 1.1em;}
.logo-title a {display: block;text-decoration: none;padding:10px; font-weight: 700; font-size: 1.375em;}
.logo-title a:hover {text-decoration: none;}

/*** gnb box ***/
#gnb {position: absolute; top: 60px; left: -1000px; z-index: -1; width: 3000px; height: 340px; background: #fff; border-bottom: 1px solid #2167ad; display: none;}

.exit_gnb_box {width:100%;}

/* 1dep */
.exit_gnb_box .exit_gnb {display: flex; justify-content: flex-start; position:relative;}
.exit_gnb_box .exit_gnb::before, .exit_gnb_box .exit_gnb::after {content:""; display:block; position:absolute; left:50%; width:1000%; height:1px; background-color:#D8D8D8; transform: translateX(-50%);}
.exit_gnb_box .exit_gnb::before {top:0;}
.exit_gnb_box .exit_gnb::after {bottom:0;}
.exit_gnb_box .exit_gnb > li.active > a.gnb_title {color:#003675; border-bottom: 4px solid #003675;}
.exit_gnb_box .exit_gnb > li.active > a.gnb_title::after {transform: rotate(0.5turn);}
.exit_gnb_box .exit_gnb > li > a.gnb_title:hover {color:#003675; text-decoration: none;}
.exit_gnb_box .exit_gnb > li > a.gnb_title.on {color:#003675; border-bottom: 4px solid #003675;}
.exit_gnb_box .exit_gnb > li {}
.exit_gnb_box .exit_gnb > li:last-child {padding-right: 0;}
.exit_gnb_box .exit_gnb > li > a.gnb_title {position: relative; z-index: 1; display: flex; align-items: center; gap:8px; padding: 0 16px; line-height: 62px; font-weight: 700; font-size:1.1875em; text-align: center; color: #555;}
.exit_gnb_box .exit_gnb > li > a.gnb_title::after {content:""; display:inline-block; vertical-align: middle; width:20px; height:20px; background:url('/asset/images/layout/icon_down_arr.svg') no-repeat 50% 50% / cover;}

/* 2dep */
.exit_gnb_box .exit_gnb > li .lnb_list01 {display: none; position: absolute; top: 60px; left: 0; width: 100%; padding: 30px 0 50px; opacity: 0;}
.exit_gnb_box .exit_gnb > li .lnb_list01:after {content:""; position: absolute; top: 0; left: -1000px; z-index: -1; width: 6000px; height: 100%; background: #fff; box-shadow: 2px 2px 8px rgba(0,0,0,0.1);}
.exit_gnb_box .exit_gnb > li.active .lnb_list01 {display: block; height: auto !important; opacity: 1;}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li {display: inline-block; vertical-align: top; width:calc(17% + 5px); margin: 0 8px;}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li > a {display: block; padding:13px 10px; font-size:1.0625em; font-weight: 600; color: #1D1D1D; text-align: center; background: #EDF1F5; border: 2px solid #EDF1F5; border-radius: 6px; transition: all .3s;}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li > a:hover, .exit_gnb_box .exit_gnb > li .lnb_list01 > li > a:focus {text-decoration: none; border-color:#004480; background:#fff;}

/* 3dep */
.exit_gnb_box .exit_gnb > li .lnb_list01 > li .lnb_list02 {padding:16px 0;}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li .lnb_list02 > li + li {margin-top:8px;}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li .lnb_list02 > li a {position: relative; padding:8px 8px 8px 20px; font-weight: 400; color: #1D1D1D; font-size:1.0625em; line-height:1.5}
.exit_gnb_box .exit_gnb > li .lnb_list01 > li .lnb_list02 > li a:after {content:""; position: absolute; top: 16px; left: 8px; width: 4px; height: 4px; background: #2D2D2D; border-radius: 100%;}

.gnb-backdrop {position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 60; background-color: rgba(0, 0, 0, 0.5);}

/*** head_right ***/
.head_right {display: flex; align-items: center; position: absolute; top: 0; right: 0; width: 90px; height: 100%;}

/*** search_box ***/
.search_box {position: relative; z-index: 1; width: 210px;}
.search_box input {width: 100%; height: 35px; border: 0; border-radius: 50px;}
.search_box button {position: absolute; top: 50%; right: 12px; width: 14px; height: 14px; font-size: 0; background: url(/asset/images/layout/search-icon.png)center center no-repeat; transform: translate(0, -50%);}

/*** noti_btn 알림 리스트 ***/
.noti_box .noti_btn {display: inline-flex; align-items: center; gap:2px; position: relative; height:32px; margin-left:8px; padding:0 16px; border:1px solid #5E5E5E; border-radius: 44px; background:#fff; white-space: nowrap;}
.noti_box .noti_btn::after {content:""; display:inline-block; vertical-align: middle; width:16px; height:16px; background:url('/asset/images/layout/icon_hd_bell.svg') no-repeat 50% 50% / cover;}
/* .noti_box .noti_btn > span {position: absolute; top: -1px; right: -1px; width: 10px; height: 10px; line-height: 14px; font-size: 8px; color: #fff; text-align: center; background: rgba(207,0,1); border-radius: 100%;} */
.noti_box .noti_btn .new {position: absolute;top: -1px;right: -1px;flex-shrink: 0;width: 17px;height: 17px;margin: 3px 3px 0 0;background: url(/asset/images/common/new.png) center center no-repeat;vertical-align: top;}
.noti_box .noti_list {display: none; position: absolute; top: 40px; right: 0; z-index: 100; width: 250px; background: #fff; border-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,0.2); overflow: hidden;}
.noti_box .noti_list a.close-btn {display: block; position: absolute; cursor: pointer; top: 13px; right: 17px; width: 20px; height: 20px; background: url(/asset/images/layout/close20.png)center center no-repeat;} /* 접근성 수정 20250107  */
.noti_box .noti_list .ti {display: block; line-height: 20px; padding: 13px 17px; font-size: 17px; border-bottom: 1px solid #e5e5e5;}
.noti_box .noti_list .ti > span {display: inline-block; margin-left: 5px; color: #2167ad;}
.noti_box .noti_list .no-list {padding: 30px 0; font-size: 15px; color: #666; text-align: center;}
.noti_box .noti_list > .list {height: 245px; overflow-y: scroll;}
.noti_box .noti_list > .list > li {position: relative;}
.noti_box .noti_list > .list > li:nth-child(odd) a {background: #f9f9f9;}
.noti_box .noti_list > .list > li:last-child a {border-bottom: 0;}
.noti_box .noti_list > .list > li > a {display: block; padding: 15px 17px; border-bottom: 1px dashed #e5e5e5;}
.noti_box .noti_list > .list > li > a > strong {display: inline-block; padding: 3px 6px; line-height: 15px; font-weight: 500; font-size: 13px; color: #2167ad; border: 1px solid #2167ad; border-radius: 50px;}
.noti_box .noti_list > .list > li > a > em {display: block; margin-top: 5px; padding-left: 3px; font-weight: 600; font-size: 15px;}
.noti_box .noti_list > .list > li > a > span {display: block; line-height: 13px; margin-top: 5px;padding-left: 3px; font-size: 12px; color: #888;}
.noti_box .noti_list > .list > li > a.list-del {position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; padding: 0; font-size: 0; background: url(/asset/images/layout/close12.png)center center no-repeat; border: 0; transform: translate(0, -50%);}

/*** sitemap btn ***/
.sitemap_box .sitemap_btn {position: absolute; top: 21px; right: 0; display: block; width: 23px; height: 20px; font-size: 0;}
.sitemap_box .sitemap_btn:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff;} /* 위 */
.sitemap_box .sitemap_btn span:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 100%; height: 2px; background: #fff;} /* 중간 */
.sitemap_box .sitemap_btn span:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;} /* 아래 */

/*** sitemap ***/
.smo_box {position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; display: none;}
.smo_box .smo_inner {position: absolute; top: 0; right: -500px; width: 500px; height: 100%; padding: 50px; background: #fff; transition: all 0.5s;}
.smo_box .smo_inner.on {right: 0;}
.smo_box .sitemap_close {display: block; position: absolute; top: 50px; right: 50px; width: 25px; height: 25px; font-size: 0;}
.smo_box .sitemap_close:before {content:""; position: absolute; top: 11px; left: 0; width: 100%; height: 2px; background: #222; border-radius: 50px; transform: rotate(45deg);}
.smo_box .sitemap_close:after {content:""; position: absolute; top: 11px; left: 0; width: 100%; height: 2px; background: #222; border-radius: 50px; transform: rotate(-45deg);}

/*** mbtn_box ***/
.mbtn_box {display: none;}

/*** mgnb_box ***/
.mgnb_con {display: none;}

/*** mgtop_box ***/
.mgtop_box {position:absolute; right:0; top:0; color:#1D1D1D; font-size:1.0625em; font-weight:700; z-index: 10;}
.mgtop_box .mgtop {display:flex; justify-content: flex-end;}
.mgtop_box .mgtop > li {}
.mgtop_box .mgtop > li a, .mgtop_box .mgtop > li button {display:inline-flex; align-items: center; gap:8px; margin-left:8px; padding:8px 12px; border-radius: 4px; transition: all .3s;}
.mgtop_box .mgtop > li .gnb-time {display:inline-block; vertical-align: middle; color:#555; font-size:0.88235em; font-weight:400; line-height:40px;}
.mgtop_box .mgtop > li a::before, .mgtop_box .mgtop > li button::before {content:""; display:inline-block; vertical-align: middle; width:20px; height:20px; background-position:50% 50%; background-size:cover; background-repeat: no-repeat;}
.mgtop_box .mgtop > li .ico_login::before {background-image:url("/asset/images/layout/icon_hd_login.svg");}
.mgtop_box .mgtop > li .ico_logout::before {background-image:url("/asset/images/layout/icon_hd_logout.svg");}
.mgtop_box .mgtop > li .ico_join::before {background-image:url("/asset/images/layout/icon_hd_join.svg");}
.mgtop_box .mgtop > li .sot-btn::before {background-image:url("/asset/images/layout/icon_hd_time.svg");}
.mgtop_box .mgtop > li .ico_my::before {background-image:url("/asset/images/layout/icon_hd_my.svg");}
.mgtop_box .mgtop > li a:hover, .mgtop_box .mgtop > li button:hover {background:#EDF1F5;}

/*** exit_container ***/
/* #exit_container {padding-top: 174px;} */
#exit_container {padding-top: 0 !important;}

/*** snb_box > breadcrumbs ***/
.snb_box {padding: 13px 0; background: #f9f9f9; border-bottom: 1px solid #e5e5e5;}
.breadcrumbs_list {display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumbs_list li {position: relative; padding-right: 27px;}
.breadcrumbs_list li:last-child {padding-right: 0;}
.breadcrumbs_list li:last-child:after {display: none;}
.breadcrumbs_list li:after {content:""; position: absolute; top: 5px; right: 10px; width: 6px; height: 11px; background: url(/asset/images/layout/bread-arrow.png)center center no-repeat;}
.breadcrumbs_list li a {display: block; line-height: 22px; font-size: 0.938em; color: #666;}
.breadcrumbs_list li.home a {width: 15px; font-size: 0; background: url(/asset/images/layout/home-icon.png)center center no-repeat;}
.breadcrumbs_list li.active a {font-weight: 700; color: #333;}

/*** sub_content ***/
.sub_content_box {display: flex; min-height: calc(100vh - 310px); padding: 40px 0 70px;}

/*** side_box ***/
.side_box {flex-shrink: 0; width: 220px; margin-right: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.side_box .side_ti {display: flex; align-items: center; justify-content: center; height: 120px; text-align: center; background: url(/asset/images/layout/side-box-bg.png)center center no-repeat, linear-gradient(45deg, #1580d2 , #2167ad);}
.side_box .side_ti h3 {font-weight: 600; font-size: 1.500em; color: #fff;}
.side_menu {border: 1px solid #e5e5e5; border-bottom: 0;}
.side_menu > li > a.side_title {display: block; position: relative; line-height: 15px; padding: 15px 30px 15px 15px; font-size: 1.000em; color: #333; border-bottom: 1px solid #e5e5e5;}
.side_menu > li > a.side_title.site_link > span {display: inline-block; width: 10px; height: 12px; margin-left: 5px; background: url(/asset/images/layout/site_link.png)center center no-repeat;}
.side_menu > li.on > a.side_title {font-weight: 700; color: #1976c5; border-bottom: 2px solid #1976c5;}
.side_menu > li.more > a.side_title:after {content:""; position: absolute; top: 50%; right: 15px; width: 9px; height: 6px; background: url(/asset/images/layout/side-arrow.png)center center no-repeat; transform: translate(0, -50%);}
.side_menu > li.more.on > a.side_title:after {background: url(/asset/images/layout/side-arrow-on.png)center center no-repeat;}
    /* side_list01 */
    .side_menu > li.on .side_list01 {display: block;}
    .side_menu > li .side_list01 {display: none; padding: 15px 20px; background: #fafafa; border-bottom: 1px solid #e5e5e5;}
    .side_menu > li .side_list01 > li {margin-bottom: 3px;}
    .side_menu > li .side_list01 > li:last-child {margin-bottom: 0;}
    .side_menu > li .side_list01 > li > a {position: relative; padding-left: 11px; font-weight: 500; font-size: 0.938em; color: #777;}
    .side_menu > li .side_list01 > li > a:after {content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background: #666; border-radius: 100%;}

/*** exit_content ***/
.exit_content {width:calc(100% - 260px)}

/*** con_header ***/
.con_header h4 {display: block; width: 100%; line-height: 28px; padding: 10px 0 20px; font-weight: 700; font-size: 1.750em; border-bottom: 1px solid #e5e5e5;}

/*** con_body ***/
.con_body {padding-top: 30px;}

/** banner **/
.banner-con {border-top: 1px solid #eee;}
.banner {display: flex; padding: 14px 0;}
.banner li {display: flex; flex: 1; text-align: center;}
.banner li a {display: flex; align-items: center; justify-content: center;}

/*** exit_footer ***/
.exit_footer {border-top: 1px solid #D8D8D8; background-color:#f0f0f0;}
.foot-quick {border-bottom: 1px solid #D8D8D8;background-color:#fff;}
.foot-quick .inner {display: flex; flex-wrap:wrap;}
.foot-quick .inner > li {width:25%;}
.foot-quick .inner .link {display: inline-flex;align-items: center;justify-content: space-between;flex-direction: row;position:relative; width:100%; height: 54px;padding: 0 60px 0 24px;border-right: 1px solid #D8D8D8; background:#fff; font-size:1.0625em;}
.foot-quick .inner > li:first-child .link {border-left: 1px solid #D8D8D8;}
.foot-quick .inner .link::after {content: ""; display:block; position:absolute; right:24px; top:50%; width: 20px;height: 20px;background: url(/asset/images/layout/icon_plus.svg) no-repeat center; background-size: contain; transform: translateY(-50%); transition: all .5s;}
.foot-quick .inner .link:hover::after, .foot-quick .inner .link:focus::after {transform: translateY(-50%) rotate(0.5turn);}
.related {}
.related_detail{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1rem 0;overflow-y:auto;background:#EDF1F5;z-index:9999}
.related_detail.active{display:block;}
.related_detail .inner{position:relative;display:table;width:calc(100% - 6rem);height:100%;table-layout:fixed}
.related_detail .inner .item{display:table-cell;vertical-align:middle}
.related_detail .inner .item .item_box{position:relative}
.related_detail .title{display:block;margin-bottom:2.6rem;font-size:2.5rem;font-weight:700}
.related_detail .close{position:absolute;right:0;top:.6rem;width:2.4rem;height:2.4rem; opacity:1; transition:all .3s}
.related_detail .close:after {content:""; position: absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #222; transform: rotate(45deg);}
.related_detail .close:before {content:""; position: absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #222; transform: rotate(-45deg);}
.related_detail .close:hover,
.related_detail .close:focus{transform:rotate(180deg)}
.related_detail .list{display:flex;flex-wrap:wrap}
.related_detail .list > li{flex:0 0 calc(33.3% - 1.6rem);margin:.8rem 1.6rem 0 0;padding:1.2rem .8rem;line-height:2.4rem}
.related_detail .list > li > a{display:inline-block;position:relative;padding-left:1.3rem}
.related_detail .list > li > a:before{content:"･";position:absolute;left:0;top:.1rem}
.related .group.active .related_detail{display:block}
.foot_bottom {display:flex; align-items:center; flex-wrap:wrap; padding:16px 0 40px; border-top:1px solid #D8D8D8;}
.foot-menu {display: flex; padding: 15px 0; border-bottom: 1px solid #eee;}
.foot-menu li {position: relative; z-index: 1; margin-right: 24px; font-size: 1.0625em;}
.foot-menu li a {line-height:1.4}
.foot-menu li:first-child a {color: #003675; font-weight:700;}
.foot-text {display: flex; flex-wrap:wrap; position:relative; padding: 40px 0;}
.foot-text .foot-img {display: flex; align-items: center; width:100%; margin-bottom:40px;}
.foot-text .foot-img a:first-child {margin-right: 28px;}
.foot-text .foot-img img {min-width:149px;}
.foot-text .text {font-size:1.0625em; line-height:1.5; color: #1D1D1D;}
.foot-text .text .tel {display: flex;}
.foot-text .text .tel li {margin-top: 12px; font-weight:700;}
.foot-text .ri_text {display:flex; flex-direction: column; align-items: flex-start; gap:16px; position:absolute; right:0; bottom:48px; padding:0 100px 0 24px;}
.foot-text .ri_text a {display:inline-block; position:relative; padding-right:24px; color:#1D1D1D; font-size:1em; font-weight:700;}
.foot-text .ri_text a::after {content:""; display:inline-block; vertical-align: middle; position:absolute; right:0; top:2px; width:20px; height:20px; background:url('/asset/images/layout/icon_down_arr.svg') no-repeat 50% 50% / cover; transform: rotate(-90deg);}
.foot-mark-img {flex:1;}
.foot-mark-img .ico_foot_eprivacy {width:50px;}
.foot-mark-img .ico_foot_wamark {width:68px;}
.copyright {color:#555;}

/*** 탑버튼 ***/
#exit_footer .btn_top {display:inline-block;position:fixed;right:20px;bottom:20px;z-index:49;width:40px;height:40px;background:url(/asset/images/layout/top-btn.png) center center no-repeat #333;font-size:0;}

/* PC */
@media only screen and (max-width: 1200px) {
    /********* 헤더영역 *********/
    .gtop_box .nuri {padding:5px 30px;}
    .gtop_box .gtop {padding: 5px 30px;}

    .thead {padding: 10px 30px 0;}

    /* head_right */
    .head_right {right: 30px;}
    /* search_box */
    .search_box {width: 160px;}

    /********* 컨텐츠 영역 *********/
    /*** snb_box > breadcrumbs ***/
    .snb_box {padding: 13px 30px;}

    /*** sub_content ***/
    .sub_content_box {padding: 50px 30px 60px;}

    /** banner **/
    .banner-con {padding: 0 30px;}

    /*** exit_footer ***/
    .foot-menu {padding: 10px 0;}
    .foot-text, .foot_bottom {padding-left:30px; padding-right:30px;}
    .foot-text .foot-img a img {width: 100px;}
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
    /********* 헤더영역 *********/
    #exit_header {border-bottom:1px solid #c6c6c6;}
    #exit_header.scroll {box-shadow: 0 0 10px rgba(0,0,0,0.15);}

    /*** gtop_box ***/
    /* .gtop_box {display: none;} */

    /*** thead ***/

    /*** logo ***/
    .thead .logo {padding:0.5em 0;}
    .thead .logo a {max-width: 200px; color: #000;}
    .thead .logo a:hover {text-decoration: none;}
    /* .thead .logo a {width: 170px; background: url(/asset/images/layout/logo.png)center center no-repeat !important; background-size: contain !important;} */
    /* .logo-title {width:30%; color: #fff; text-align: center; line-height: 80px; font-weight: 600; font-size: 1.3em;}*/
    /* .logo-title a:hover {color: #fff;text-decoration: none;}*/

    /*** gnb_box ***/
    .exit_gnb_box {display: none;}

    /*** sitemap ***/
    .sitemap_box {display: none;}

    /*** noti_btn ***/
    .noti_btn {display: none;}

    /*** search_box ***/
    .search_box {position: absolute; top: 14px; right: 26px; width: auto;}
    .search_box input {display: none;}
    .search_box button {top: inherit; right: inherit; z-index: -10; width: 21px; height: 21px; background: url(/asset/images/layout/search-icon-b.png)center center no-repeat; background-size: 21px;}

    /*** noti_btn 알림 리스트 ***/
    .head_right .noti_list {display: none !important;}
    .m_noti_box {display: none; position: fixed; top: 0; right: -500px; z-index: 10 !important; width: 500px; height: 100%; background: #fff; z-index: 0; overflow-y: scroll;}
    .m_noti_box .m_noti_close {display: block; position: absolute; top: 12px; left: 15px; width: 8px; height: 15px; background: url(/asset/images/layout/close-arrow.png)center center no-repeat;}
    .m_noti_box .m_noti > a.close-btn {display: none;}
    .m_noti_box .m_noti .ti {display: block; padding: 10px 0; font-size: 1.000em; text-align: center; border-bottom: 1px solid #e5e5e5;}
    .m_noti_box .m_noti .ti > span {display: inline-block; margin-left: 3px; color: #2167ad;}
    .m_noti_box .m_noti ul.list > li {position: relative; border-bottom: 1px dashed #e5e5e5;}
    .m_noti_box .m_noti ul.list > li:nth-child(odd) {background: #f9f9f9;}
    .m_noti_box .m_noti ul.list > li > a {display: block; padding: 15px;}
    .m_noti_box .m_noti ul.list > li > a > strong {display: block; font-size: 0.867em; color: #2167ad;}
    .m_noti_box .m_noti ul.list > li > a > em {display: block; font-weight: 600; font-size: 1.067em;}
    .m_noti_box .m_noti ul.list > li > a > span {display: block; margin-top: 7px; font-size: 0.867em; color: #888;}
    .m_noti_box .m_noti ul.list > li > a.list-del {display: block; position: absolute; top: 50%; right: 15px; width: 12px; height: 12px; padding: 0; font-size: 0; background: url(/asset/images/layout/close12.png)center center no-repeat; transform: translate(0, -50%);}

    /*** mbtn_box ***/
    .mbtn_box {display: block; position: absolute; top: 28px; right: 0; width: 40px; height: 20px;}
    .mbtn_box .menu_open {display:block; padding:28px 4px 0; color: #1D1D1D; font-size: 1.0625em; font-weight: 700; text-align: center; word-break: keep-all;}
    .mbtn_box .menu_open:before {content: ""; position: absolute; top: 2px; left: 50%; width: 20px; height: 2px; background: #222; transform: translateX(-50%);} /* 위 */
    .mbtn_box .menu_open span:before {content: ""; position: absolute; top: 0; bottom: 0; left: 50%; margin: auto 0; width: 20px; height: 2px; background: #222; transform: translateX(-50%);} /* 중간 */
    .mbtn_box .menu_open span:after {content: ""; position: absolute; bottom: 2px; left: 50%; width: 20px; height: 2px; background: #222; transform: translateX(-50%);} /* 아래 */
    .mbtn_box .hid {width:1px; height:1px; opacity: 0; visibility: hidden;}

    /*** mgnb_box ***/
    .mgnb_con {position: fixed; top: 0; right: 0; z-index: 10; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); opacity: 0;}
    .mgnb_box {position: absolute; top: 0; right: -320px; z-index: 100; width: 500px; height: 100%; background: #fff;}
    .mgnb_box .mgnb_logo {position: relative; display: flex; align-items: center; height:64px; padding: 0 20px; border-bottom: 1px solid #e5e5e5;}
    .mgnb_box .mgnb_logo img {width: 170px;}
    .mgtop_box {top:0.5em;}
    .mgnb_box .mgtop_box {display:flex; align-items: center; top:14px; padding-top:0;}
    .mgtop_box .mgtop > li.cer-kei a, .mgtop_box .mgtop > li.cer-kei button {}
    .mgtop_box .mgtop > li.cer-kei a::before, .mgtop_box .mgtop > li.cer-kei button::before {display:none;}
    .noti_box .noti_btn {border:none;}

    .mgnb_box .mgnb_close {position: absolute; top: 22px; right: 20px; z-index: 10; width: 20px; height: 20px; background:#fff;}
    .mgnb_box .mgnb_close:after {content:""; position: absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #222; transform: rotate(45deg);}
    .mgnb_box .mgnb_close:before {content:""; position: absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #222; transform: rotate(-45deg);}

    .mgnb {position: relative; height: calc(100% - 58px);}
    .mgnb:before {content:""; position: absolute; top: 71px; left: 0; width: 170px; height: 100%; background: #f9f9f9;}
    .mgnb .exit_gnb {position: relative;}
    .mgnb .exit_gnb li a.gnb_title {display: inline-block; width: 170px; padding: 15px; font-weight: 400; font-size: 1.000em; color: #666; background: #f9f9f9; border-bottom: 1px dashed #e5e5e5;}
    .mgnb .exit_gnb li.on a.gnb_title {position: relative; font-weight: 600; color: #2167ad; background: #fff;}
    .mgnb .exit_gnb li.on a.gnb_title:before {content:""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #2167ad;}
    .mgnb .exit_gnb li .lnb_list01 {display: none; position: absolute; top: 0; right: 0; width: 330px; padding: 10px 30px;}
    .mgnb .exit_gnb li .lnb_list01 > li {padding: 12px 0; border-bottom: 1px solid #f1f1f1;}
    .mgnb .exit_gnb li .lnb_list01 > li:last-child {margin-bottom: 0;}
    .mgnb .exit_gnb li .lnb_list01 > li > a {display: block; position: relative;font-weight: 600; font-size: 1.000em; color: #555;}
    .mgnb .exit_gnb li .lnb_list01 > li .lnb_list02 {margin: 5px 0;}
    .mgnb .exit_gnb li .lnb_list01 > li .lnb_list02 > li > a {display: block; position: relative; padding: 4px 0; font-weight: 300; font-size: 0.933em; color: #666;}
    .mgnb .exit_gnb li .lnb_list01 > li .lnb_list02 > li:last-child > a {padding-bottom: 0}

    /*** mgtop_box ***/
    .gtop_box {display:none;}
    .mgtop_box {margin-right:70px; padding:10px 0 0}
    .mgtop_box .mgtop_box{margin-right:0; width:100%;}
    .mgtop_box .mgtop > li .gnb-time {display:none;}

    /*** m_noti_btn 알림 리스트 ***/
    .m_noti_box {display: none;}
    .mgtop .noti .m_noti_btn {display: block; position: relative; width: 19px; height: 40px; margin:0 19px; font-size: 0; background: url(/asset/images/layout/m-notice-icon.png)center center no-repeat;}
    .mgtop .noti .m_noti_btn > span {position: absolute; top: 2px; right: -9px; width: 15px; height: 15px; line-height: 14px; font-size: 8px; color: #fff; text-align: center; border: 1px solid #2167ad; background: rgba(207,0,1); border-radius: 100%;}

    /********* 컨텐츠 영역 *********/
    /*** snb_box > breadcrumbs ***/
    .snb_box {border-top: 1px dashed #e5e5e5;}

    /*** sub_content ***/
    .sub_content_box {padding: 30px 30px 40px;}

    /*** con_header ***/
    .con_header h4 {padding: 0 0 15px; font-size: 1.600em;}

    /*** side_box ***/
    .side_box {display: none;}

    /*** exit_container ***/
    #exit_container {padding-top: 129px;}
    .exit_content {width:100%;}
}

/* 모바일 */
@media only screen and (max-width: 820px) {
    .mgtop_box {padding-top:0;}
    .mgtop_box .mgtop > li a, .mgtop_box .mgtop > li button {flex-direction: column;}
    .mbtn_box {top:16px;}
    .mbtn_box .hid {width:auto; height:auto; opacity: 1; visibility: inherit;}
    .gnb-time span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}
    /* 접근성 수정 20250107  */
    .thead .logo a{max-width: 165px;}
    .mgtop_box .mgtop > li a, .mgtop_box .mgtop > li button {padding:8px; margin-left:4px;}
    .mgtop_box .mgtop > li .ico_mypage_exp {display:none;}

    .foot-mark-img .ico_foot_eprivacy {width:25px;}
    .foot-mark-img .ico_foot_wamark {width:34px;}
}
@media only screen and (max-width: 767px) {
    /*** mgnb_box ***/
    .mgtop li.noti a > span.num {margin: 3px 0 0 3px;}

    /*** sub_content ***/
    .sub_content_box {padding: 25px 30px 40px;}

    /*** con_header ***/
    .con_header h4 {padding: 0 0 10px; font-size: 1.333em;}
    .related_detail .list > li {flex:0 0 calc(50% - 1.6rem);}

    /** banner **/
    .banner li img {width: 85%;}

    /*** exit_footer ***/
    .foot-text {display: block; padding: 20px 30px;}
    .foot-text .text {margin: 20px 0 0 0;}
    .foot-text .ri_text {position:static; float: right; padding:0 0px 24px 20px;}
}
@media only screen and (max-width: 600px) {
    .head_right {right: 20px;}

    /********* 컨텐츠 영역 *********/
    /*** snb_box > breadcrumbs ***/
    .snb_box {padding: 9px 20px;}

    /*** sub_content ***/
    .sub_content_box {padding: 20px 20px 40px;}

    /** banner **/
    .banner-con {padding: 0 20px;}

    /*** exit_footer ***/
    .foot-quick .inner > li {width:50%;}
    .foot-quick .inner > li:nth-child(2) ~ li {border-top:1px solid #D8D8D8;}
}
@media only screen and (max-width: 520px) {
    /*** exit_footer ***/
    .foot-menu {flex-wrap: wrap; width:100%; border-bottom: 0;}
    .foot-menu li {flex: 1 1 40%; margin: 0 0 10px 0; text-align: center;}
    .foot-menu li + li {margin: 0;}
    .foot-menu li:after {display: none;}
    .foot-text .text .tel {display: block;}
    .foot-text .text .tel li {display: inline-block;}
    .foot-text .foot-img img {min-width: 120px;}
}
@media only screen and (max-width: 500px) {


    /*** mgnb_box ***/
    .mgnb_box {right: -320px; max-width: 320px; width: 100%;}

    /* .mgtop li.cer-kei {background: url(/asset/images/layout/mgtop-img-s.png)center center no-repeat;} */

    .mgnb:before {width: 35%}
    .mgnb .exit_gnb li a.gnb_title {width: 35%;}
    .mgnb .exit_gnb li .lnb_list01 {width: 65%; padding: 10px 20px;}

    .mgtop_box {padding-top:20px;}
    .mbtn_box {top:34px;}
    .mbtn_box .hid,
    .mgtop_box .mgtop > li .m_hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}

    /* m_noti_box */
    .m_noti_box {max-width: 320px; width: 100%;}

    .logo-title a {padding: 12px 0;font-size: 1.16em;}
    .mgtop_box{ margin-right: 62px; padding-top: 9px;}
    .mbtn_box{top: 24px;}
    .mbtn_box .menu_open:before, .mbtn_box .menu_open span:before, .mbtn_box .menu_open span:after {width: 16px;}
    .mbtn_box .menu_open:before {top:3px;}
    .mbtn_box .menu_open span:after {bottom: 3px;}
}
@media only screen and (max-width: 460px) {
    .banner {flex-wrap: wrap;}
    .banner li {flex: 1 1 30%; justify-content: center; margin-bottom: 18px;}
    .banner li + li + li + li {margin-bottom: 0;}

}


/* layer_popup */

.layer_popup{ border:1px solid #ccc; box-shadow: 2px 2px 2px 2px rgba(1,1,1,0.05); left:50%; overflow: hidden}
.layer_header{ width: calc(100% - 40px); margin: 0 auto; border-bottom:1px solid #eee; padding: 10px 0; font-size:15px; display: table; min-height: 60px; }
.layer_header .title{ display: table-cell; min-height: 60px; vertical-align: middle; line-height: 24px; font-weight: bold }
.layer_body{ min-height: 300px; padding: 20px; font-size:16px; line-height: 28px; }
.layer_body_img{ }
.layer_footer{ padding:10px 10px; background: #f8f9fd; color:#888; }
a.btn_closed{ position: relative; top: 6px; color:#888 !important;}
.icon-close{ position: absolute; top: 20px; right: 0px; }

@media screen and (max-width: 1300px){
    .layer_popup{left:15px; margin-left:0px !important;}
}
@media screen and (max-width: 640px){
    .layer_popup{ width:calc(100% - 30px) !important; margin-left:0px !important;}
    .layer_body_img img{ width: 100% }
    .safe-wrap .safe-box{ height: inherit; padding: 20px 0 20px 100px; background: url('/asset/images/layout/img-safe.png') no-repeat 20px; background-size: 60px; font-size:16px; line-height: 20px; font-weight: 500}
}




/* 에러페이지 */
.blackout { width: 578px; margin: 12% auto 0; padding: 210px 0 90px; background: url('/asset/images/layout/icon_error.png') no-repeat center 69px; text-align: center; }
.blackout > strong { color: #222222; font-size: 28px; }
.blackout > strong > em { font-style: normal; color: #3273dc; }
.blackout p { padding: 20px 0 0; color: #222222; font-size: 13px; line-height: 1.5; color: #666666; }
.c-point { color: #3273dc; }
.submitbtn .skinbtn { width: 130px; }
.skinbtn { display: inline-block; display: inline; zoom: 1; height: 40px; padding: 0 5px; text-align: center; vertical-align: top; box-sizing: border-box; cursor: pointer;
    font-size: 14px; border: 1px solid #B1B1B1; background: #FFFFFF; color: #777777; }

.btn-m2 { height: 44px; }

.submitbtn { margin: 30px 0 0; }

@media (max-width: 768px) {
    .blackout { width: auto; padding: 190px 0 90px; /*background-size: 97px 84px;*/ }
    .blackout > strong { font-size: 20px; }
    .blackout p { padding: 10px 0 0; font-size: 14px; line-height: 18px; letter-spacing: -0.05em; }
    .submitbtn { margin: 20px 0 0; }
}

.bbsb2{ border-bottom: 2px solid black; }


/* modal */
.modal {top: 20%;padding-right: 0 !important}
.modal-open .modal {overflow-x: hidden;overflow-y: inherit;}
.modal-content {border-radius: 0px;}
.modal-xl {width: 1200px;}
.modal-lg {width: 900px;}
.modal-lm {width: 640px;}
.modal-sm {width: 420px;}

.modal-footer {padding:15px 25px;}
.modal-header { background: #fff; color:#000; clear: both; overflow: hidden; border-bottom: 2px solid #888888; margin: 0 25px; padding:20px 0}
.modal-header .close{ margin-top: 5px; color:#000; background:url(../images/closed.png) no-repeat; width:24px; height: 24px; opacity: 0.9;overflow:hidden;line-height:9999px; }
.modal-header h4.modal-title { font-weight:600; color:#000; }

.modal-dialog {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
.modal-dialog h3 {font-weight: normal;color: #606060;text-align: center}
.modal-dialog .modal-body { padding: 15px 25px; overflow: auto; max-height: 600px;}

@media only screen and (max-width: 767px) {
    .modal {top:70px; }
    .modal-xl {width:90%;margin: 0 auto}
    .modal-lg {width: 90%;margin: 0 auto}
    .modal-lm {left:50%; margin-left: -320px}
    .modal-sm {left:50%; margin-left: -210px}
}

@media only screen and (max-width: 600px) {
    .modal-lm {width:90%;left:0;margin: 0px auto}
    .modal-sm {width:90%;left:0;margin: 0px auto}
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    /*top:1px*/
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    /*left:1px*/
}

.ui-datepicker .ui-datepicker-next-hover {
    /*right:1px*/
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    z-index:9999 !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog.no_closebtn .ui-dialog-titlebar-close {
    display:none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url("/asset/css/images/ui-icons_222222_256x240.png");
    background-position: -94px -127px;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float:inherit !important;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #f2f5f7;
    color: #362b36
}

.ui-widget-content a {
    color: #362b36
}

.ui-widget-header {
    border: 0px !important;
    border-bottom: 1px solid #ddd !important;
    background: #f3f3f3;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #aed0ea;
    background: #d7ebf9 url("images/ui-bg_glass_80_d7ebf9_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #2779aa
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #2779aa;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    /*border:1px solid #74b2e2;*/
    background: #e4f1fb url("images/ui-bg_glass_100_e4f1fb_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #0070a3
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
    color: #0070a3;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #2694e8;
    background: #3baae3 url("images/ui-bg_glass_50_3baae3_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #f9dd34;
    background: #ffef8f url("images/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #cd0a0a url("images/ui-bg_flat_15_cd0a0a_40x100.png") 50% 50% repeat-x;
    color: #fff
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_72a7cf_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_72a7cf_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_3d80b3_256x240.png")
}

/*.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_2694e8_256x240.png")}*/
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 6px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 6px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 6px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 6px
}

.ui-widget-overlay {
    background: #eee;
    opacity: .8;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    margin: -7px 0 0 -7px;
    padding: 7px;
    background: #000 url("images/ui-bg_highlight-hard_70_000000_1x100.png") 50% top repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}