@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
a,audio,canvas,label,progress,span,video{display:inline-block}
article,aside,audio,blockquote,body,button,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font-size:inherit;font-family:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-word !important}
body,html{text-rendering:optimizeLegibility}
img{border:none}
img{vertical-align:middle}
audio,img,video{max-width:100%;max-height:100%}
figcaption,figure{margin:0;padding:0}
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
mark{background-color:#ff0;color:#000}
small{font-size:90%}
sub,sup{position:relative;font-size:.9em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
del{text-decoration:line-through}
label.error {color: red; margin-left: 8px;}
a,span{display:inline-block;vertical-align:middle}
ol,ul,ul li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption{position:relative;width:1px;height:1px;margin:0;padding:0;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{position:absolute;width:1px;height:1px;margin:0;padding:0;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
/*hr{visibility:hidden;overflow:hidden;position:absolute;height:0;width:0;font-size:0}*/
template{display:none}


/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/
body{position:relative;font-size:12px;line-height:1.5;color:#505050;font-weight:400;font-family:'Roboto',"Droid Sans",BaseLine,"Apple SD Gothic Neo",AppleSDGothicNeo,Tahoma,Arial sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}


.wrapper {position:fixed;top:50%;left:50%;border:3px;z-index:1000000;}
.clearfix{display:block}
.clearfix:after{content:"";display:table;clear:both}
.clear{clear:both}
.hide{display:none}
.cursor{cursor:pointer}
.skip{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
input{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=file]{margin:6px 0 5px;border:none;vertical-align:middle;line-height:21px;height:22px;border-radius:0}
input[type=checkbox],input[type=radio]{width:13px;height:13px;border:1px solid #a6a6a6}
input[type=checkbox]{-webkit-border-radius:0;-moz-border-radius:0}
button{text-transform:none;vertical-align:middle}
[type=button],[type=reset],[type=submit],button{background-color:transparent;cursor:pointer;-webkit-border-radius:0;-webkit-appearance:none}
select{font-size:inherit;font-family:inherit;color:inherit;text-transform:none;vertical-align:middle}
textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;resize:none}
input[disabled=disabled]{background-color:#ebebeb;color:#959595}
select[disabled=disabled]{background-color:#ebebeb;color:transparent}
/*:after,:before{display:none;content:''}*/
*:before, *:after{display:none;content:''}


a:link{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:active{color:inherit;text-decoration:underline}
button, input {outline:0;}
.wrap{position:relative;width:1200px;margin:0 auto}
.header{position:relative;height:40px;box-shadow:0 1px 3px 1px rgba(0,0,0,.2);z-index:10}
.header.ex {background-color:#c93328}
.header a:hover{text-decoration:none}
@media all and (max-width:992px){
.header{height:50px}
}
@media all and (max-width:640px){
.wrap{padding:0 10px}
.header{height:50px}
}
.gnb{display:none;}
.gnb:before{display:block;position:absolute;top:0;right:0;width:calc((50vw - 600px) + 100px);height:27px;background-color:#26b95c}
.gnb .wrap{overflow:hidden}
.gnb__inner{display:inline-block;position:relative;height:27px;min-width:26%;padding-left:26px;margin-right:18px;}
.gnb__inner:before{position:absolute;top:0;right:-40px;display:block;width:calc(100% + 16px);height:27px;background-color:#26b95c;border-left:10px solid #f9eb06;-webkit-transform:skew(-30deg);transform:skew(-30deg)}
.gnb__link{display:inline-block;position:relative;padding:0 13px 0;color:#fff;line-height:27px;font-size:1em;text-decoration:none;vertical-align:top}
.gnb__link:link,.gnb__link:visited{color:#fff}
.gnb__link:hover{color:#f9eb06}
.gnb__link:not(:first-child):before{display:inline-block;position:absolute;left:0;top:10px;width:1px;height:8px;background-color:rgba(255,255,255,.5)}
.gnb button{display:inline-block;position:relative;font-size:0;vertical-align:top;line-height:27px}
.gnb button:after,.gnb button:before{display:inline-block;vertical-align:middle}
.gnb .user{display:inline-block;position:relative;margin-top:1px;margin-left:10px;margin-right:10px;font-size:12px;color:#f9eb06;font-weight:600;line-height:27px;vertical-align:middle}
.gnb .user span{margin-left:6px;vertical-align:middle}
.gnb .user:before{display:inline-block;vertical-align:middle;margin-top:-2px;background-image:url(../img/common.png);background-position:-230px 0;width:10px;height:11px}
.gnb .mail{position:relative;font-size:0;line-height:0;width:26px;height:12px;vertical-align:middle}
.gnb .mail:before{display:block;position:absolute;top:50%;left:0;vertical-align:middle;background-image:url(../img/common.png);background-position:-101px -193px;width:13px;height:10px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.gnb .mail:after{display:block;position:absolute;top:50%;right:0;margin-left:6px;vertical-align:middle;background-image:url(../img/common.png);background-position:-230px -64px;width:8px;height:4px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.gnb .mail-group{position:relative;display:inline-block;padding:5px 10px 4px;margin-right:-10px;vertical-align:top}
.gnb .mail-group.open{background-color:rgba(0,0,0,.15)}
.gnb .notification{position:relative;font-size:0;line-height:0;width:25px;height:12px;vertical-align:middle}
.gnb .notification:before{display:block;position:absolute;top:50%;left:0;vertical-align:middle;background-image:url(../img/common.png);background-position:-80px -193px;width:11px;height:12px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.gnb .notification:after{display:block;position:absolute;top:50%;right:0;vertical-align:middle;background-image:url(../img/common.png);background-position:-230px -64px;width:8px;height:4px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.gnb .notification__number{position:relative;display:inline-block;margin-right:2px;padding:1px 10px 0;background-color:#fff;border-radius:12px;color:#fd461c;font-size:11px;line-height:15px;vertical-align:middle}
.gnb .notification-group{display:inline-block;position:relative;padding:4px 12px 4px;vertical-align:top}
.gnb .notification-group.open{background-color:rgba(0,0,0,.15)}
@media all and (max-width:992px){
#topMenuWeb{display:none}
#topMenuApp{display:block}
.gnb{height:3px;font-size:0;line-height:0}
.gnb:before{display:none}
.gnb .wrap{margin:0;width:100vw}
.gnb:before{height:3px}
.gnb__inner{width:13.75%;height:3px;padding:0;margin:0;vertical-align:top}
.gnb a{display:none}
}
@media all and (min-width:993px){
#topMenuWeb{display:block}
#topMenuApp{display:none}
.mail__more{display:none;position:absolute;z-index:940;width:147px;top:-3px;right:210px}
.mail__more a{display:block;background-color:#66696e;border:1px solid #b6b6b6;color:#fff;font-size:13px;line-height:35px;text-align:center;text-decoration:none}
.mail__more a:after{display:inline-block;margin-left:15px;vertical-align:middle;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.mail__more.open{display:block}
.main .mail__more{right:239px}
.notification__wrap{display:none;position:absolute;z-index:930;width:315px;top:0;right:123px;background:#fff;border:1px solid #b6b6b6;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.notification__wrap.open{display:block}
.notification__item{display:block}
.notification__item a{display:block;padding:20px 20px 15px;text-decoration:none}
.notification__item span{display:block;color:#505050}
.notification__item .idf{color:#505050}
.notification__item .date{color:#8b8b8b;text-align:right}
.notification__item:not(:first-child){border-top:1px solid #e8e8e8}
.notification__item:nth-child(odd){background-color:#f6f6f6}
.notification__more{margin-left:-1px;margin-right:-1px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.notification__more a{display:block;background-color:#66696e;color:#fff;font-size:13px;line-height:28px;text-align:center;text-decoration:none}
.notification__more a:after{display:inline-block;margin-left:14px;vertical-align:middle;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.main .notification__wrap{right:154px}
}
.navigator{position:relative;height:40px;z-index:100;width:auto}
.logo{position:absolute;left:30px;top:5px;z-index:20;transition:.4s;}
.logo__link{background-image:url(../img/common.png);background-position:0 -59px;width:120px;height:35px}
.logo__link1{background:url(../img/common/logo_popup.png)no-repeat;width:150px;height:29px;display:inline-block;margin-top:2px}
@media all and (min-width:1200px){
.nav__button.nav__prev{display:none}
.nav__button.nav__next{display:none}
}
@media all and (max-width:992px){
.logo__link{background-image:url(../img/common.png);background-position:0 -59px;height:35px;margin-top:3px}
}
.nav-no-transition{-webkit-transition:none;transition:none}
@media all and (max-width:992px){
.main .nav__list{padding-left:0}
}
.nav{position:relative;width:calc(100% - 270px);}
.nav.logon{width:calc(100% - 270px);}
.nav .depth2,.nav .depth3{display:none}
.nav__wrap{position:relative;overflow-x:hidden;width:calc(100% - 50px);height:100%;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.ex .nav__wrap:after{display:block;position:absolute;width:210px;height:40px;left:0;top:0;background-color:#c93328;z-index:10}
.nav .nav__wrap::-webkit-scrollbar,.nav .nav__wrap::-webkit-scrollbar-thumb,.nav .nav__wrap::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav .nav__tab-body::-webkit-scrollbar,.nav .nav__tab-body::-webkit-scrollbar-thumb,.nav .nav__tab-body::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav .nav__contents::-webkit-scrollbar,.nav .nav__contents::-webkit-scrollbar-thumb,.nav .nav__contents::-webkit-scrollbar-track{display:none;background-color:transparent}
.nav__tab-body{position:relative;width:calc(100% - 80px);-ms-overflow-style:none;-webkit-overflow-scrolling:auto;overflow:-moz-scrollbars-none}
.nav__group{overflow-x:hidden;overflow-y:hidden;/* float:left; */position:relative;width:100%;height:100%;padding-right:100px;box-sizing:content-box;}
.nav__m-button{display:none}
.nav__contents{overflow-x:auto;float:left;position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}
.nav__list{float:left;height:100%;padding-left:210px;white-space:nowrap}
.nav__item{display:inline-block;position:relative;vertical-align:top;padding-top:6px}
.nav__link{padding:3px 8px;font-size:13px;color:rgba(255,255,255,.9);text-decoration:none;}
.nav__link:link,.nav__link:visited{color:rgba(255,255,255,.9)}
.nav__link:hover{color:#ffe602;text-decoration:none;transition:.8s;}
.nav__link.currentMenu{color:#ffe602;background-color:#ae1606;border-radius:5px;}
.nav .depth2{position:absolute;width:200px;left:50%;top:40px;border:1px solid #c5c8cd;background-color:#fff;z-index:500;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.nav .depth2:before{display:block;position:absolute;left:calc(50% - 5px);bottom:100%;width:0;height:0;border-left:5px solid transparent;border-right:7px solid transparent;border-bottom:5px solid #fff}
.nav .depth2>li>a{display:block;position:relative;margin:0 auto;padding:5px 10px 6px 24px;color:#727272;font-size:13px;white-space:normal;/* width:calc(100% - 166px) */}
.nav .depth2>li>a:before{display:block;position:absolute;left:30px;top:16px;vertical-align:middle;background:url(../img/common/right.svg);width:16px;height:16px}
.nav .depth2>li>a:hover{background-color:#baecb9;text-decoration:none}
.nav__button{position:absolute;top:5px;width:24px;height:26px}
.nav__button:before{display:inline-block;vertical-align:middle}
.nav__button.nav__prev{right:15px}
.nav__button.nav__prev:before{background-image:url(../img/common.png);background-position:-20px -193px;width:10px;height:15px}
.nav__button.nav__next{right:-5px}
.nav__button.nav__next:before{background-image:url(../img/common.png);background-position:-60px -193px;width:10px;height:15px}
.nav__button:hover.nav__prev:before{background-position:0 -193px}
.nav__button:hover.nav__next:before{background-position:-40px -193px}
.nav-m__header{display:none}
.nav__backdrop{display:none}
.nav .my-menu{display:none}
@media all and (max-width:1200px){
.nav__wrap{width:calc(100% - 70px)}
.nav__button{width:18px}
.nav__button.nav__prev{right:40px}
.nav__button.nav__next{right:20px}
}
@media all and (max-width:992px){
.nav__button{display:none!important}
.nav__m-button{display:block;position:absolute;width:50px;height:50px;top:0;right:0;background-color:#b02314;}
.nav__m-button .open{display:flex;flex-direction:column;height:50px;justify-content:center;align-items:center;cursor:pointer;}
.nav__m-button .open span{display:inline-block;width:24px;height:3px;margin-bottom:3px;border-radius:30px;background-color:#f2f0e4;}
.nav__m-button .open span:nth-child(1){background-color:#ff523f;}
.nav__m-button .open span:nth-child(2){background-color:#ffcd1e;}
.nav__m-button .open span:nth-child(3){background-color:#159d6b;margin-bottom:0}
.nav__wrap{overflow-y:auto;position:fixed;top:0;right:-150%;left:inherit;width:100%;height:100%;padding:0;z-index:900;white-space:normal}
.nav__wrap:after{display:none}
.nav__tab-body{width:auto;height:auto;margin-bottom:50px}
.nav__group{display:none;width:100%;padding:0;overflow:visible;box-sizing:border-box}
.nav__group.active{display:block}
.nav__backdrop{display:block;position:fixed;left:inherit;right:-110%;top:0;bottom:0;width:100vw;height:100vh;background:#3e4451;z-index:890}
.nav-m__header{display:block;position:relative;z-index:901;padding:15px 20px 15px;background:#c93328;}
.nav .user-group{margin:4px 0 4px;color:#fff;min-height:32px;}
.nav .user-group a.btnlogin, .nav .user-group a.btnlogout{display:inline-block;padding:0 20px;font-size:13px;line-height:30px;border:1px solid #e0786c}
.nav .user-group a.regis{display:inline-block;padding:0 20px;font-size:13px;line-height:30px;color:#ffcd1e}
.nav .user-group .regis:before{display:inline-block;background-image:url(../img/common/ico_account.png);width:20px;height:20px;vertical-align:middle;margin-right:8px;margin-top:-5px;}
.nav .user-group .logout:before{margin-top:-3px;background-image:url(../img/common.png);background-position:-65px -146px;width:12px;height:14px}
.nav .user-group .sitemap:before{background-image:url(../img/common.png);background-position:-108px -146px;width:12px;height:12px}
.nav .user-group .user{display:inline-block;padding:0 20px;font-size:13px;line-height:30px;color:#ffcd1e}
.nav .user-group .user:before{display:inline-block;background-image:url(../img/common/ico_account.png);width:20px;height:20px;vertical-align:middle;margin-right:8px;margin-top:-5px;}
.nav .my-menu{display:none;position:relative;/* width:calc(100% - 166px); */margin:0 auto}
.nav .my-menu__item{display:block;position:relative;/* background-color:#26b95c; */border-bottom:1px solid #353b4a}
.nav .my-menu__link{display:inline-block;width:calc(100% - 105px);padding:13px 0 12px 35px;font-size:16px;color:#fff;text-decoration:none;line-height:1.4em;margin:0 auto}
.nav .my-menu__edit{display:inline-block;position:relative;width:25px;height:24px;margin:0 6px 0 0;background-color:#065523;border:1px solid #63d28c;font-size:0;line-height:0}
.nav .my-menu__edit:before{display:block;position:absolute;top:50%;left:50%;vertical-align:middle;background-image:url(../img/common.png);background-position:-140px -104px;width:16px;height:16px;-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px)}
.nav .my-menu__delete{display:inline-block;position:relative;width:25px;height:24px;font-size:0;line-height:0}
.nav .my-menu__delete:before{display:block;position:absolute;top:50%;left:50%;vertical-align:middle;background-image:url(../img/common.png);background-position:-166px -104px;width:14px;height:16px;-webkit-transform:translate(-7px,-8px);transform:translate(-7px,-8px)}
.nav .my-menu.active{display:block}
.nav .massage-group{position:absolute;right:82px;top:27px;margin:0 0 4px}
.nav .massage-group>button{display:inline-block;position:relative;font-size:0}
.nav .massage-group>button:after,.nav .massage-group>button:before{display:inline-block;vertical-align:middle}
.nav .mail{display:inline-block;font-size:0;line-height:0}
.nav .mail:before{display:inline-block;vertical-align:middle;background-image:url(../img/common.png);background-position:-42px -104px;width:26px;height:20px}
.nav .mail:after{display:inline-block;margin-left:10px;vertical-align:middle;background-image:url(../img/common.png);background-position:-230px -50px;width:8px;height:4px}
.nav .mail-group{display:inline-block;margin-right:-4px;padding:6px 12px;vertical-align:middle}
.nav .mail-group.open{background-color:#000;border-top-left-radius:8px;border-top-right-radius:8px}
.nav .mail__more{display:none;position:absolute;z-index:940;width:185px;top:60px;right:169px}
.nav .mail__more a{display:block;background-color:#66696e;color:#fff;font-size:13px;line-height:35px;text-align:center;text-decoration:none}
.nav .mail__more a:after{display:inline-block;margin-left:15px;vertical-align:middle;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.nav .mail__more.open{display:block}
.nav .notification{font-size:0;line-height:0}
.nav .notification:before{display:inline-block;vertical-align:middle;background-image:url(../img/common.png);background-position:-33px -146px;width:22px;height:23px}
.nav .notification:after{display:inline-block;margin-left:8px;vertical-align:middle;background-image:url(../img/common.png);background-position:-230px -50px;width:8px;height:4px}
.nav .notification__number{display:inline-block;padding:1px 8px 0;background-color:#fff;border-radius:12px;color:#fd461c;font-size:14px;line-height:20px;vertical-align:middle}
.nav .notification-group{display:inline-block;width:92px;margin-top:2px;padding:6px 8px;vertical-align:middle}
.nav .notification-group.open{background-color:#000;border-top-left-radius:8px;border-top-right-radius:8px}
.nav .notification__wrap{display:none;position:absolute;z-index:930;width:315px;top:61px;right:63px;background:#fff}
.nav .notification__wrap.open{display:block}
.nav .notification__item{display:block}
.nav .notification__item a{display:block;padding:20px 20px 15px;text-decoration:none}
.nav .notification__item span{display:block;color:#505050}
.nav .notification__item .idf{color:#505050}
.nav .notification__item .date{color:#8b8b8b;text-align:right}
.nav .notification__item:not(:first-child){border-top:1px solid #e8e8e8}
.nav .notification__item:nth-child(odd){background-color:#f6f6f6}
.nav .notification__more a{display:block;background-color:#66696e;color:#fff;font-size:13px;line-height:28px;text-align:center;text-decoration:none}
.nav .notification__more a:after{display:inline-block;margin-left:14px;vertical-align:middle;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.nav .nav-close{display:block;position:absolute;top:25px;right:40px}
.nav .nav-close .close {color:#ffcd1e;position:absolute;margin-top:0;margin-left:0;width:22px;height:22px;}
.nav .nav-close .close:before {content:'';display:inline-block;position:absolute;top:10px;left:0px;width:22px;height:3px;border-radius:30px;background-color:currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav .nav-close .close:after {content:'';display:inline-block;position:absolute;top:10px;left:0px;width:22px;height:3px;border-radius:30px;background-color:currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.nav .depth2,.nav .depth3,.nav .depth4{display:none}
.nav__list{display:block;float:none;margin:0 auto;padding:0;white-space:normal}
.nav__item{display:block;position:relative;padding-top:0;border-bottom:1px solid #353b4a;background-color:#3e4451;}
.nav__item a{display:block;text-decoration:none;margin-top:0}
.nav__link{display:block;position:relative;margin:0 auto;padding:13px 35px 12px 35px;font-size:16px;color:#fff;text-decoration:none;line-height:1.4em}
.nav__link:link,.nav__link:visited{color:#fff}
.nav__link:after{display:block;position:absolute;right:7%;top:40%;background-image:url(../img/common_m.png);background-position:-123px -74px;width:9px;height:9px}
}
@media all and (max-width:992px) and (-webkit-min-device-pixel-ratio:2),all and (max-width:992px) and (min-resolution:192dpi){
.nav__link:after{background-image:url(../img/common_m@2x.png);background-size:135px 127px}
}
@media all and (max-width:992px){
.my-menu{width:80%}
.nav__group{width:80%;margin:0 auto}
}
@media all and (max-width:768px){
.my-menu{width:100%}
.nav__group{width:100%}
}
@media all and (max-width:992px){
.nav{width:100%;}
.nav__link.active::before{top:26px;left:17px;width:11px;height:1px;background:#fff}
.nav .depth2{position:relative;max-width:none;width:auto;left:inherit;top:inherit;border:none;background:#2f3542;-webkit-transform:translateX(0);transform:translateX(0);z-index:auto}
.nav .depth2:before{display:none}
.nav .depth2>li{position:relative;border-bottom:1px solid #384052}
.nav .depth2>li>a{padding:13px 35px 12px 50px;color:#cbcbcb;font-size:16px;line-height:1.4em}
.nav .depth2>li>a:before{display:none}
.nav .depth2>li>a:hover{background:0 0}
.nav .depth2>li>a:before{display:block;position:absolute;width:16px;height:16px}
}
@media all and (max-width:992px) and (-webkit-min-device-pixel-ratio:2),all and (max-width:992px) and (min-resolution:192dpi){
.nav .depth2>li>a:before{background:url(../img/common/right.svg);width:12px;height:12px;}
}
@media all and (max-width:992px){
.nav .depth2>li>a.active{color:#fff}
.nav .depth2>li>a.active:before{transform:rotate(90deg);}
}
@media all and (max-width:992px) and (-webkit-min-device-pixel-ratio:2),all and (max-width:992px) and (min-resolution:192dpi){
.nav .depth2>li>a.active:before{background:url(../img/common/right.svg);}
}
@media all and (max-width:992px){
.nav .depth3{border-top:1px solid #363636;border-bottom:1px solid #363636;background-color:#2f3542;}
.nav .depth3>li{position:relative}
.nav .depth3>li>a{padding:12px 30px 10px 50px;color:#cbcbcb;font-size:14px;line-height:1.3em;margin:0 auto;position:relative;}
.nav .depth3>li>a:before{display: inline-block;width: 6px;height: 6px;background-color: #b9b9b9;border-radius: 50%;margin-right: 9px;margin-left: -17px;}
.nav .depth3>li>a:after{display:block;position:absolute;top:9px;right:6%;background:url(../img/common/right.svg) no-repeat 0 0;width:16px;height:16px}
}
@media all and (max-width:992px){
.nav .depth3>li>a.active{color:#ffcc00}
.nav .depth3>li>a.active:before{background-color:#ffcc00;}
.nav .depth3>li>a.active:after{transform:rotate(90deg);}
}
@media all and (max-width:992px){
.nav .depth4>li{position:relative}
.nav .depth4>li>a{padding:5px 35px 5px 65px;color:#cbcbcb;font-size:14px;line-height:1.4em;margin:0 auto;position:relative;}
.nav .depth4>li>a:before{display:block;position:absolute;top:13px;left:50px;width:6px;height:2px;background-color:#c8c8c8}
}
@media all and (max-width:768px){
.nav .notification__wrap{right:63px}
.nav .mail__more{right:169px}
}
@media all and (max-width:576px){
.nav__m-button{display:block;position:absolute;top:0;right:0;width:50px;height:50px;}
.nav__m-button .open{height:50px;}
.nav .depth2>li>a:before{top:10px;left:30px;}
}
@media all and (max-width:576px){
.nav{width:100%;}
.nav-m__header{padding:7px 10px;}
.nav-m__header:after{bottom:-4px;width:40px;height:4px;border-left-width:50px}
.nav .user-group{margin:3px 0 6px;min-height:32px}
.nav .user-group span a{margin-left:-12px; border:0px}
.nav .user-group a{padding:0 8px;font-size:10px;line-height:19px}
.nav .user-group a:before{margin-top:-5px;margin-right:3px}
.nav .user-group .logout:before{background-image:url(../img/common_m.png);background-position:-104px -74px;width:9px;height:9px}
}
@media all and (max-width:576px){
.nav .user-group .sitemap{padding-right:4px}
.nav .user-group .sitemap:before{background-image:url(../img/common_m.png);background-position:-37px -101px;width:8px;height:7px}
.nav .user-group .nav-login:before{margin-top:-2px;background-image:url(../img/common_m.png);background-position:-19px -101px;width:8px;height:9px}
.nav .user-group .user{display:inline-block;margin-left:8px;padding:0;color:#ffcd1e;/* font-size:0; */line-height:0;border:none;vertical-align:middle}
.nav .my-menu__link{width:calc(100% - 80px);padding:8px 0 7px 35px;font-size:13px;}
.nav .my-menu__edit{width:16px;height:15px}
.nav .my-menu__edit:before{background-image:url(../img/common_m.png);background-position:-27px -74px;width:10px;height:10px;-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}
.nav .my-menu__delete{width:16px;height:15px}
.nav .my-menu__delete:before{background-image:url(../img/common_m.png);background-position:-47px -74px;width:9px;height:10px;-webkit-transform:translate(-4px,-5px);transform:translate(-4px,-5px)}
.nav .my-menu.open{display:block}
.nav .massage-group{right:39px;top:5px;margin:0 0 4px}
.nav .mail:before{background-image:url(../img/common_m.png);background-position:-33px -41px;width:21px;height:15px}
.nav .mail:after{margin-left:4px;background-image:url(../img/common_m.png);background-position:-91px -101px;width:7px;height:4px}
.nav .mail-group{margin-right:-1px;margin-top:2px;padding:7px 3px 7px 8px}
.nav .mail__more{display:none;width:125px;top:34px;right:116px}
.nav .mail__more a{font-size:13px;line-height:28px}
.nav .mail__more a:after{margin-left:5px;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.nav .mail__more.open{display:block}
.nav .notification{font-size:0;line-height:0}
.nav .notification:before{background-image:url(../img/common_m.png);background-position:0 -74px;width:17px;height:17px}
.nav .notification:after{margin-left:4px;background-image:url(../img/common_m.png);background-position:-91px -101px;width:7px;height:4px}
.nav .notification__number{padding:1px 8px 0;border-radius:8px;font-size:11px;line-height:16px}
.nav .notification-group{display:inline-block;width:77px;margin-top:2px;padding:5px 4px;vertical-align:middle}
.nav .notification-group.open{background-color:#000;border-top-left-radius:8px;border-top-right-radius:8px}
.nav .notification__wrap{display:none;position:absolute;width:230px;top:34px;right:30px}
.nav .notification__item a{padding:13px 13px 10px}
.nav .notification__item span{font-size:11px}
.nav .notification__more a{font-size:13px;line-height:28px}
.nav .notification__more a:after{margin-left:5px;background-image:url(../img/common_m.png);background-position:0 -120px;width:4px;height:7px}
.nav .nav-close{top:11px;right:10px}
.nav .nav-close .close{width:25px;height:23px;margin-left:-25px;margin-top:5px;}
.nav__list{margin:0 auto 22px}
.nav__link{padding:8px 35px 7px 35px;font-size:13px;color:#fff;text-decoration:none}
.nav__link:before{left:12px;top:13px;}
.nav__link.active:after{top:16px;width:10px;height:1px;background:#fff}
.nav .depth2>li>a{padding:8px 35px 7px 50px;color:#cbcbcb;font-size:13px;line-height:1.4em}
.nav .depth2>li>a:after{right:12px;top:15px;width:8px;height:4px}
.nav .depth2>li>a.active{color:#fff}
.nav .depth2>li>a.active:after{}
.nav .depth3>li>a{padding:9px 30px 8px 50px;font-size:13px;line-height:1.3em}
.nav .depth4>li{position:relative}
.nav .depth4>li>a{padding:5px 35px 5px 40px;font-size:12px;line-height:1.4em;width:calc(100% - 110px);}
.nav .depth4>li>a:before{top:13px;left:30px;}
}
.nav__tab{display:none}
@media all and (max-width:992px){
.nav__tab{display:block;width:50%;margin:40px auto 20px;background:#363a42;border-radius:100px;}
.nav__tab:after{display:table;clear:both}
.nav__tab-list{display:flex;justify-content:center;align-items:center;margin:0 25px}
.nav__tab-list li a::before{display:inline-block;opacity:.2;width:18px;height:18px;}
.nav__tab-list li.active a::before{display:inline-block;opacity:1;}
.nav__tab-list li:first-child a::before{background:url(../img/menu_task.svg)no-repeat 0 0;}
.nav__tab-list li:first-child a::after{display:inline-block;width:1px;height:15px;float:right;background-color:#73757b}
.nav__tab-list li:last-child a::before{background:url(../img/menu_my.svg)no-repeat 0 0;}
.nav__tab-list li:only-child a::before{background:url(../img/menu_task.svg)no-repeat 0 0;}
.nav__tab-list li:only-child a::after{display:inline-block;background:none;}
.nav__tab-item{flex-grow:1;}
.nav__tab-item.active .nav__tab-button{padding:15px 0;}
.nav__tab-item.active .nav__tab-button:after{}
.nav__tab-button{width:100%;color:#e1e1e1;text-align:center;font-size:0;font-weight:700}
.nav__tab-button:active,.nav__tab-button:link,.nav__tab-button:visited{color:#e1e1e1}
}
@media all and (max-width:640px){
.nav__tab{margin-top:24px}
}
.footer{overflow:hidden;position:absolute;bottom:0;right:0;padding:5px 12px}
.footer .wrap{text-align:center}
.footer__outro{font-size:11px;color:#808080;text-align:right}
.footer__outro div{display:inline-block;position:relative;z-index:10}
.footer__outro > span{display:block;padding-bottom:0;line-height:1.4em}
.footer__outro > span:last-child{font-size:10px}
.footer__outro > span a{padding:0 5px;vertical-align:top}

.custom{display:flex;position:absolute;top:0;right:0;height:40px;margin-right:15px;align-items:center;}
.custom__bar{flex-grow:1;display:flex;}
.custom__bar li{padding:0 4px;color:#fff;cursor:pointer;}
.custom__bar li a{ color: #fff; }
.custom__bar li.topClock{position: relative;line-height:20px;padding:0 8px 0 5px;background-color:#ae1606;border-radius:12px;}
.custom__bar li.topClock::after{display:inline-block;position:absolute;top:6px;right:42px;width:1px;height:9px;background-color:#ddd;}
.custom__bar li.topClock span{margin-left:18px;font-size:12px}
.custom__bar li.topClock span::after{display:inline-block;content:'reset';letter-spacing:.5px;font-size:12px;margin-left:10px;}
.custom__bar li.topquick{font-size:0}
.custom__bar li.topquick:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-top:2px;background:url(../img/common/quick.svg)no-repeat 0 0;}
.custom__bar li.topguide:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-top:2px;background:url(../img/common/guide.svg)no-repeat 0 0;}
.custom__bar li.toplaw:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-top:2px;background:url(../img/common/law.svg)no-repeat 0 0;}
.custom__bar li.toplogout{margin-top:1px;}
.custom__bar li.toplogout:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url(../img/common/logout.svg)no-repeat 0 0;}
.custom__bar li.topnoti{position:relative;line-height:20px;padding:0 7px;background-color:#AE1606;border-radius:12px;margin:0 3px;}
.custom__bar li.topnoti .noti{font-size:11px;color:#fff}
.custom__bar li.topnoti .noti::before{display:inline-block;background:url(../img/common/ico_noti.png)no-repeat 0 center;width:11px;height:14px;margin-right:3px;vertical-align:middle}
.custom__bar li.topnoti .noti span.noti__number{}
/* start */
.menu-nav {
  background: #3c3c3c;
  width: 0;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 40;
  right: 100%;
  overflow: hidden;
  opacity: 1;
  z-index: 1;
  transition: width 1.3s cubic-bezier(0, 0.74, 0.24, 1), left 1.3s cubic-bezier(0, 0.74, 0.24, 1);
  /* http://cubic-bezier.com/ ;] */
}
.menu-nav__list {
  list-style: none;
  padding: 5px;
  opacity: 0;
  padding-left: 45px;
  bottom: 0px;
  transition: opacity 0.2s ease-out 0s;
}
.menu-nav__item {
  display: inline-block;
  margin: 10px auto;
  padding-right: 30px;
  text-transform: uppercase;
}
.menu-nav__item a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
}
.menu-nav__item a::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  background: #ffffff;
  right: 0;
  transition: all 0.2s ease-in-out;
}
.menu-nav__item a:hover::after {
  width: 100%;
}
.menu-nav.is-active {
  width: 325px;
  opacity: 1;
  right: 0;
}
.menu-nav.is-active .menu-nav__list {
  opacity: 1;
  transition: opacity 1s ease-in-out 1s;
}
.menu-nav.is-active .menu-nav__item {
  padding-left: 0;
  transition: padding-left 0.6s cubic-bezier(0, 0.74, 0.24, 1) 1.2s;
}
/* end */

.ico_clock{color:#fff;position:absolute;margin-top:3px;width:12px;height:12px;border:solid 1px currentColor;border-radius:8px;}
.ico_clock:before{content:'';position:absolute;display:block;top:6px;left:5px;width:5px;height:1px;background-color:currentColor;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;}
.ico_clock:after{content:'';position:absolute;display:block;top:2px;left:5px;width:1px;height:5px;background-color:currentColor;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;}

.g-responsive{position:relative;width:100%;min-height:.01%;overflow-x:auto;overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.text_center{text-align:center}
.text_right{text-align:right}
.text_left{text-align:left}
.vertical_top{vertical-align:top}
.vertical_middle{vertical-align:middle}
.vertical_bottom{vertical-align:bottom}

/*.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;text-align:center}*/
/*.modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}*/

.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto}
.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.83)}
.modal__body{position:relative;display:inline-block;width:600px;margin:-1% auto 0;background:#fff;-webkit-box-shadow:0 0 24px rgba(0,0,0,.5);box-shadow:0 0 24px rgba(0,0,0,.5);-webkit-transform:translate(0,-150%);transform:translate(0,-150%);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;vertical-align:middle;text-align:left}
.modal__header{min-height:35px;margin:0;padding:0px 15px;background-color:#3d75b7}
.g-window__header{margin:0;padding:0 15px;height:35px;line-height:35px;background-color:#3d75b7}
.g-window__header h1.g-title{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px}
.g-window__header h1.g-title::before{display:inline-block;width:6px;height:15px;border-radius:25px;background-color:#ffd42a;margin-right:8px;vertical-align:middle}
.g-window__title,.modal .modalTitle,.modal__title{font-size:1.2em;color:#fff;line-height:35px;}
.modal_subTitle{font-size:1.5em;color:#000000;margin-top:0;margin-bottom:10px;margin-left:5px;}
.g-window__content,.modal__content{position:relative;margin:15px;/* overflow-y:auto; */height:70%}
.modal__content{overflow-y:auto}
.modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal__close{position:absolute;top:0;right:0;font-size:0;/* z-index:1060; */z-index:101;width:35px;height:35px;background-color:#1d5ba5}
.modal__close-button span{display:inline-block;width:35px;height:35px;background:url(../img/modal_close.png) no-repeat center center}
.modal.fade .modal__backdrop{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}
.modal.fade.active .modal__backdrop{opacity:.75;-webkit-transition:opacity 1s;transition:opacity 1s}
.modal.active .modal__body{-webkit-transform:translate(.8%,0);transform:translate(.8%,0)}
.modal .warning{text-align:center;color:#7c7c7c}
.modal .warning:before{display:block;height:40px;margin:15px 0 12px;background:url(../img/warning_icon.png) no-repeat center top}
.modal .modal__button-body{text-align:center}
.modal .modal__button-body .gray{display:inline-block;margin-top:20px;margin-bottom:15px;padding:0 25px;line-height:24px;background-color:#6a6d74;color:#fff;border:1px solid #45474d}
.modal__visual{position:relative;height:74px;margin-bottom:15px;background:url(../img/modal/visual_bg.gif)}
.modal__visual:before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat}
.modal__visual:after{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.modal__visual.type1:before{background-image:url(../img/modal.png);background-position:0 0}
.modal__visual.type1:after{right:23px;background-image:url(../img/modal.png);background-position:-67px -252px;width:49px;height:46px;-webkit-transform:translateY(-23px);transform:translateY(-23px)}
.modal__visual.type2:before{background-image:url(../img/modal.png);background-position:0 -84px}
.modal__visual.type2:after{right:30px;background-image:url(../img/modal.png);background-position:-126px -252px;width:46px;height:46px}
.modal__visual.type3:before{background-image:url(../img/modal.png);background-position:0 -168px}
.modal__visual.type3:after{right:25px;background-image:url(../img/modal.png);background-position:0 -252px;width:57px;height:46px}
@media all and (max-width:576px){
.modal__visual:after{display:none}
}
@media all and (max-width:576px){
.custom{display:none;}
}
@media all and (max-width:992px){
.custom{display:none;}
}
.g-window{position:relative;font-size:12px;line-height:1.7em;color:#505050;font-family:Roboto,"Droid Sans",BaseLine,"Apple SD Gothic Neo",AppleSDGothicNeo,Tahoma,Arial sans-serif;background-color:#fff;letter-spacing:0;text-align:left}
.g-window .main{position:relative;margin:0}
.pop_title{font-size:14px;font-weight:500;color:#fff;}
.pop_title::before{display:inline-block;width:4px;height:10px;border-radius:50px;background-color:#ffcd1e;margin-right:3px;vertical-align:middle}

/* new_modal login */
.log .modal__body{position:relative;display:inline-block;width:600px;margin:-1% auto 0;border:2px solid #c93328;background:#fff;-webkit-box-shadow:0 0 24px rgba(0,0,0,.5);box-shadow:0 0 24px rgba(0,0,0,.5);-webkit-transform:translate(0,-150%);transform:translate(0,-150%);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;vertical-align:middle;text-align:left}
.log .modal__body:after{display:none;}
.log .modal__header{margin:0;padding:10px 25px;background-color:#fff}
.log .modal .modalTitle, .log .modal__title{font-size:30px;color:#454545}
.log .modal__logtxt{margin-top:5px;color:#959595;font-size:14px;}
.log .modal__content{position:relative;padding:25px;/* overflow-y:auto; */height:70%}
.log .modal__content{overflow-y:auto}
.log .modal__close{display:flex;justify-content:center;align-items:center;position:absolute;width:40px;height:40px;background-color:#c93328;top:-2px;right:-2px;font-size:0;z-index:1060}
.log .modal__close-button{color:#ffcd1e;position:absolute;margin-top:0;margin-left:0;width:22px;height:22px;}
.log .modal__close-button:before{display:inline-block;position:absolute;top:10px;left:0px;width:22px;height:3px;border-radius:30px;background-color:currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.log .modal__close-button:after{display:inline-block;position:absolute;top:10px;left:0px;width:22px;height:3px;border-radius:30px;background-color:currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.log .modal__close-button span{display:none;}

.login .text_input{display:block;width:100%;height:35px;line-height:35px;background-color:#f8f8f8}
.login .text_input:not(:first-child){margin-top:10px}
.login input[type="text"], .login input[type="password"] {background-color:#fff!important;}
.login .submit{float:right;padding:8px 30px;letter-spacing:1px;border-radius:30px;background-color:#ffd336;color:#fff;font-size:14px;margin:20px 0;}
.login__link{position:relative;display:block;font-weight:600;margin-top:5px;color:#838383}
.login__link:first-child{margin-top:0;}
.login .login_info{display:block;clear:both;width:100%;border:1px solid #ddd;padding:30px;background:url(../img/common/login_bg.png)no-repeat right -40px bottom -35px;}
.login .login_info p{margin:15px 0 15px 0}
.number_info li{display:inline-block;line-height:20px;font-size:13px;margin-right:30px}
.number_info li.call:before{display:inline-block;width:21px;height:18px;vertical-align:middle;margin-right:8px;background:url(../img/common/phone.svg)no-repeat 0 0;opacity:.5;}
.number_info li.mail:before{display:inline-block;width:21px;height:18px;vertical-align:middle;margin-right:8px;background:url(../img/common/mail.svg)no-repeat 0 0;opacity:.5;}
@media all and (max-width:576px){
.log .modal__content{padding:10px}
.login .login_info{padding:15px;}
.number_info li{display:block;margin-right:0}
}
/* go_top */
.go_top {position:fixed; bottom:30px; right:10px; width:40px;height:40px;text-align:center;border-radius:40px;background-color:rgba(102,102,102,.7);z-index: 10;}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}

/***********************
DATA SORT TABLE CSS
************************/
/*table.dataSortTable thead .sorting, table.dataSortTable thead .sorting_asc,
table.dataSortTable thead .sorting_desc, table.dataSortTable thead .sorting_asc_disabled,
table.dataSortTable thead .sorting_desc_disabled {
cursor: pointer;
background-repeat: no-repeat;
background-position: center right
}
table.dataSortTable thead .sorting{background-image: url("../img/icon/sort_both.png")}
table.dataSortTable thead .sorting_asc{background-image: url("../img/icon/sort_asc.png")}
table.dataSortTable thead .sorting_desc {background-image: url("../img/icon/sort_desc.png")}
table.dataSortTable thead .sorting_asc_disabled {background-image: url("../img/icon/sort_asc_disabled.png")}
table.dataSortTable thead .sorting_desc_disabled {background-image: url("../img/icon/sort_desc_disabled.png")}*/

/* quick menu center layer*/
.quickLayer{position:absolute;display:table;top:5%;left:50%;width:300px;background:#fff;border-radius:10px;box-shadow:6px 6px 6px 0px rgba(0,0,0,.1)}
.modal_quick{position:relative;text-align:left;}
.modal_quick p.topquick{margin:0;padding:6px 15px;background-color:#3d75b7;border-radius:8px 8px 0 0;color:#fff;border:1px solid #3d75b7;border-bottom:0;font-size:13px;}
.modal_quick p.topquick::before{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url(../img/common/quick.svg)no-repeat 0 0;}
.modal_quick .quick_lst{position:relative;width:100%;border:4px solid #3d75b7;border-top:0;border-radius:0 0 5px 5px}
.modal_quick .quick_lst > li{display:flex;flex-direction:column;position:relative;line-height:13px;font-size:12px;color:#292929;}
.modal_quick .quick_lst > li:last-child{border-bottom:0;}
.modal_quick .quick_lst > li.on {background-color:#fffef9;}
.modal_quick .quick_lst > li > *[class^="quick_menu_"]{display:none;}
.modal_quick .quick_lst > li > *[class^="quick_menu_"] > li > a{display:block;padding:6px 15px 6px 30px;border-top:1px solid #ddd}
.modal_quick .quick_lst > li > a{display:block;padding:6px 25px 6px 15px;border-top:1px solid #ddd}
.modal_quick .quick_lst > li a:hover{text-decoration:none;background-color:#fffbea;}
.modal_quick .quick_lst > li > *[class^="quick_menu_"] > li > a::before{display:inline-block;vertical-align:middle;width:6px;height:2px;background-color:#93a7bf;margin-left:-13px;margin-right:5px;}
.modal_quick .quick_lst > li.off::after{display:inline-block;width:16px;height:16px;background:url("../img/common/right_gy.svg") no-repeat 0 0;position:absolute;right:5px;top:4px;}
.modal_quick .quick_lst > li.on::after{display:inline-block;width:16px;height:16px;background:url("../img/common/right_gy.svg") no-repeat 0 0;position:absolute;right:5px;top:4px;transform:rotate(90deg);}

/* alert message style */
.alert{position:relative;padding:15px;border:1px solid transparent;border-radius:5px;padding-right:4rem;box-shadow:6px 6px 6px 0px rgba(0,0,0,.2)}
.alert-heading, alert-body{color:inherit;margin-bottom:10px;}
.alert-heading{font-size:14px;font-weight:700;letter-spacing:1px}
.alert .close{position:absolute;top:0;right:0;padding:10px;color:inherit;}
.alert .close span{font-size:25px;font-weight:500;line-height:1;text-shadow:0 1px 0 #fff;opacity:0.5;}
.alert-error{color:#721c24;background-color:#f3c5c9;border-color:#f3c5c9;}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba;}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;}
.alert-confirm{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.alert-error .alert-heading::before{content:'Error';display:inline-block;}
.alert-warning .alert-heading::before{content:'Warning';display:inline-block;}
.alert-info .alert-heading::before{content:'Info';display:inline-block;}
.alert-confirm .alert-heading::before{content:'Confirm';display:inline-block;}

/***********************
Session Timer css
************************/
.gnb .topClock{display:inline-block;position:relative;margin-top:0px;margin-left:5px;margin-right:5px;color:white; padding-right: 0px; font-size:12px; font-weight:600; font-family:Roboto, 'Droid Sans'; cursor:pointer}
.gnb .topClock:before{display:inline-block;vertical-align:middle;margin-top:-4px;background-image:url(../img/icon_clock.png);margin-left:10px;margin-right:5px; background-position:-224px 0;width:16px;height:16px}

/*icums loading*/
.icums_loading{position:fixed;z-index:9999;margin:auto;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:url(../img/common/loading_bg.png)50% 50% no-repeat;}
.icums_loading::before{display:block;background-color:#ffffff;opacity:.4;width:100%;height:100%;}
.loader_wrap{position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;}
.loader{position:relative;width:80px;height:60px;border-radius:50%;display:inline-block;vertical-align:middle;}
.loader .dot{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loader .dot:nth-child(1){color:#c93328;left:8px;animation:icums-dot1 0.6s infinite;}
.loader .dot:nth-child(2){color:#f9d132;left:8px;animation:icums-dot2 0.6s infinite;}
.loader .dot:nth-child(3){color:#008666;left:32px;animation:icums-dot2 0.6s infinite;}
.loader .dot:nth-child(4){color:#3378c6;left:56px;animation:icums-dot3 0.6s infinite;}
@keyframes icums-dot1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes icums-dot3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes icums-dot2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/* support browser - ie */
.custom-table-wrap {width:100%;max-width:100%;height:100%;background-color:rgba(0, 0, 0, .6);position:absolute;z-index:5000;top:0px;left:0px;margin-bottom:0px;vertical-align:middle;text-align:center;}
.browser_box{display:inline-block;position:relative;height:auto;padding:40px 130px 20px;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);margin-top:60px}
.support_message{font-size:15px;font-weight:700;}
.support_browser{padding-top:25px}
.support_browser .title{font-size:15px;color:#808080;line-height:19px;padding-bottom:30px;}
.support_browser .title span{border-bottom:1px solid #c1c1c1;}
.support_browser a{position:relative;display:inline-block;min-width:150px;height:;padding:45px 0 20px 0;font-size:13px;font-weight:500;}
.support_browser a::before{position:absolute;top:0;left:50%;background:url(../img/common/browser.png)no-repeat;}
.support_browser a.chrome::before{display:inline-block;text-align:center;width:33px;height:33px;margin-left:-20px;background-position:0 0;}
.support_browser a.firefox::before{display:inline-block;text-align:center;width:37px;height:38px;margin-left:-20px;background-position:-44px 0;}
.support_browser a.edge::before{display:inline-block;text-align:center;width:34px;height:33px;margin-left:-20px;background-position:-89px 0;}
.support_browser a::after{display:inline-block;width:12px;height:12px;background:url(../img/common/ico_link.png)no-repeat 0 0;vertical-align:middle;margin-left:5px}
.browser_button {width:36px;height:35px;position:absolute;right:0;top:0;vertical-align:middle;font-size:0;background:#cc362c;}
.browser_button span.ico_close{width:18px;height:18px;}
.ico_close{background:url(../img/common/close.svg)no-repeat 0 0;}
.g-window__header .browser_button{background:#175298;}

/*test-server*/
.test-server{color:white;font-size:14px;font-weight:bold;text-align:center;background-color:#e8ae3c;padding:5px 15px;border-radius:15px;margin-top:20px;}

/*수정 20200918 Live Chat 위치 강제 조정*/
.psmtc_WFfI{bottom:10px!important;left:70px!important}

.ly_v2{position:absolute;z-index:10;top:74px;left:74%;display:block;zoom:1}.ly_v2 .ly_box{font-size:11px;line-height:14px;position:static;margin-top:8px;padding:9px 9px 6px;letter-spacing:-1px;color:#777;border:solid 1px #d8d1aa;background:#fffadc}
.text_uppercase {text-transform: uppercase;}
.text_lowercase {text-transform: lowercase;}



























/* Sub content */

@charset "UTF-8";
/* 비활성 버튼 */
.g-button.readonly,.g-button.disabled {border:1px solid #acacac;background:#c0c0c0;font-size:11px;padding:0 7px;color:#fff;height:25px;line-height:25px;cursor:default;}
.w-button.readonly,.w-button.disabled {border:1px solid #acacac;background:#c0c0c0;font-size:11px;padding:0 7px;color:#fff;height:25px;line-height:25px;cursor:default;}
.s-button.readonly,.s-button.disabled {border:1px solid #acacac;background:#c0c0c0;font-size:11px;padding:0 7px;color:#fff;height:25px;line-height:25px;cursor:default;}
button.disabled:hover{border: 1px solid #acacac;background: #c0c0c0;font-size: 11px;color: #fff;height: 25px;line-height: 25px;cursor: default;}
button.readonly:hover{border: 1px solid #acacac;background: #c0c0c0;font-size: 11px;color: #fff;height: 25px;line-height: 25px;cursor: default;}
.g-button{display:inline-block;position:relative;height:25px;padding:0 7px;margin:2px 0;border:0;min-width:66px;line-height:22px;text-align:center;font-weight:400;vertical-align:middle;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#6a6d74;color:#fff;border-radius:3px;border:1px solid #5b5f67}
.g-button:hover{background-color:#5e6067;border:1px solid #323337;color:#fff}
.g-button:active,.g-button:hover,.g-button:link,.g-button:visited{color:#fff;text-decoration:none}
.g-button:before{display:inline-block;position:absolute;top:50%;left:7px;-webkit-transform:translateY(-50%);transform:translateY(-50%);vertical-align:middle}
.g-button.register{min-width:72px;padding-left:22px}
.g-button.register:before{background-image:url(../img/sub_m.png);background-position:-45px -23px;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.register:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.modify{padding-left:23px}
.g-button.modify:before{background-image:url(../img/sub_m.png);background-position:0 -44px;width:12px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.modify:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.print{padding-left:21px}
.g-button.print:before{background-image:url(../img/sub_m.png);background-position:-87px -63px;width:10px;height:12px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.print:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.word{padding-left:23px}
.g-button.word:before{background-image:url(../img/sub_m.png);background-position:-22px -44px;width:12px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.word:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.excel{padding-left:23px}
.g-button.excel:before{background-image:url(../img/sub_m.png);background-position:0 -65px;width:12px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.excel:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.list{padding-left:23px}
.g-button.list:before{background-image:url(../img/sub_m.png);background-position:-44px -44px;width:12px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.list:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.save{padding-left:24px}
.g-button.save:before{background-image:url(../img/sub_m.png);background-position:0 0;width:13px;height:12px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.save:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.delete{padding-left:20px}
.g-button.delete:before{background-image:url(../img/sub_m.png);background-position:-108px -20px;width:9px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.delete:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.search{padding-left:22px}
.g-button.search:before{background-image:url(../img/sub_m.png);background-position:-87px -42px;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.search:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.new{padding-left:22px}
.g-button.new:before{background-image:url(../img/sub_m.png);background-position:-66px 0;width:11px;height:12px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.new:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.close{padding-left:20px}
.g-button.close:before{background-image:url(../img/sub_m.png);background-position:-108px -20px;width:9px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.close:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.reset{padding-left:22px}
.g-button.reset:before{background-image:url(../img/sub_m.png);background-position:-45px 0;width:11px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.reset:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.help{padding-left:23px}
.g-button.help:before{background-image:url(../img/sub_m.png);background-position:-22px -22px;width:12px;height:12px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.help:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.default{padding-left:23px}
.g-button.default:before{background-image:url(../img/sub_m.png);background-position:-58px -100px;width:14px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.default:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.audit{padding-left:23px}
.g-button.audit:before{background-image:url(../img/sub_m.png);background-position:-89px -100px;width:14px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .g-button.audit:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.submit{padding-left:23px}
.g-button.submit:before{background-image:url(../img/sub_m.png);background-position:0 -124px;width:15px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .g-button.submit:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.consolidated{padding-left:23px}
.g-button.consolidated:before{background-image:url(../img/sub_m.png);background-position:-41px -123px;width:13px;height:14px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .g-button.consolidated:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.unConsolidated{padding-left:23px}
.g-button.unConsolidated:before{background-image:url(../img/sub_m.png);background-position:-78px -123px;width:13px;height:14px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .g-button.unConsolidated:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.next{padding-left:23px}
.g-button.next:before{background-image:url(../img/sub_m.png);background-position:0 -139px;width:15px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .g-button.next:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}

/* 통관에서 next를 nextView로 추가요청 */
.g-button.nextView{padding-left:23px}
.g-button.nextView:before{background-image:url(../img/sub_m.png);background-position:0 -139px;width:15px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.nextView:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-button.back{padding-left:23px}
.g-button.back:before{background-image:url(../img/sub_m.png);background-position:-40px -139px;width:15px;height:13px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-button.back:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button{display:inline-block;position:relative;height:25px;padding:0 7px;margin:0;min-width:66px;line-height:22px;text-align:center;font-weight:400;vertical-align:middle;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fcfcfc;color:#505050;border:1px solid #cacaca}
.w-button:hover{background-color:#efefef;border:1px solid #b6b6b6;color:#505050}
.w-button:before{display:inline-block;position:absolute;top:50%;left:7px;vertical-align:middle}
.w-button.register{min-width:72px;padding-left:24px}
.w-button.register:before{background-image:url(../img/sub_m.png);background-position:-22px -65px;width:13px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.register:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.modify{padding-left:23px}
.w-button.modify:before{background-image:url(../img/sub_m.png);background-position:-45px -65px;width:12px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.modify:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.print{padding-left:22px}
.w-button.print:before{background-image:url(../img/sub_m.png);background-position:-87px -21px;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.print:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.word{padding-left:21px}
.w-button.word:before{background-image:url(../img/sub_m.png);background-position:-81px -86px;width:10px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.word:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.excel{padding-left:21px}
.w-button.excel:before{background-image:url(../img/sub_m.png);background-position:-67px -65px;width:10px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.excel:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.list{padding-left:21px}
.w-button.list:before{background-image:url(../img/sub_m.png);background-position:-21px -86px;width:10px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.list:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.save{padding-left:21px}
.w-button.save:before{background-image:url(../img/sub_m.png);background-position:-41px -86px;width:10px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.save:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.delete{padding-left:19px}
.w-button.delete:before{background-image:url(../img/sub_m.png);background-position:-108px -40px;width:8px;height:8px;-webkit-transform:translateY(-4px);transform:translateY(-4px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.delete:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.search{padding-left:22px}
.w-button.search:before{background-image:url(../img/sub_m.png);background-position:0 -86px;width:11px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.search:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.new{padding-left:22px}
.w-button.new:before{background-image:url(../img/sub_m.png);background-position:-61px -86px;width:10px;height:10px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.new:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.close{padding-left:19px}
.w-button.close:before{background-image:url(../img/sub_m.png);background-position:-108px -40px;width:8px;height:8px;-webkit-transform:translateY(-4px);transform:translateY(-4px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.close:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.reset{padding-left:22px}
.w-button.reset:before{background-image:url(../img/sub_m.png);background-position:-87px 0;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.reset:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.help{padding-left:23px}
.w-button.help:before{background-image:url(../img/sub_m.png);background-position:-66px -43px;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.help:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.default{padding-left:23px}
.w-button.default:before{background-image:url(../img/sub_m.png);background-position:-77px -101px;width:11px;height:11px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.w-button.default:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}

.w-button.audit{padding-left:23px}
.w-button.audit:before{background-image:url(../img/sub_m.png);background-position: -102px -99px;width: 13px;height: 11px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .w-button.audit:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.submit{padding-left:23px}
.w-button.submit:before{background-image:url(../img/sub_m.png);background-position:-21px -125px;width: 13px;height: 11px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .w-button.submit:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.consolidated{padding-left:23px}
.w-button.consolidated:before{background-image:url(../img/sub_m.png);background-position:-56px -124px;width: 13px;height: 12px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .w-button.consolidated:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.unConsolidated{padding-left:23px}
.w-button.unConsolidated:before{background-image:url(../img/sub_m.png);background-position:-96px -124px;width: 13px;height: 12px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .w-button.unConsolidated:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.next{padding-left:23px}
.w-button.next:before{background-image:url(../img/sub_m.png);background-position:-22px -143px;width: 13px;height: 11px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .w-button.next:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
/* 통관에서 next와 동일하게 추가요청 */
.w-button.nextView{padding-left:23px}
.w-button.nextView:before{background-image:url(../img/sub_m.png);background-position:-22px -143px;width: 13px;height: 11px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .w-button.nextView:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.w-button.back{padding-left:23px}
.w-button.back:before{background-image:url(../img/sub_m.png);background-position:-58px -143px;width: 13px;height: 11px;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
   .w-button.back:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.s-button{display:inline-block;position:relative;height:25px;padding:0 16px;margin:2px 0;line-height:22px;text-align:center;font-weight:400;vertical-align:middle;text-decoration:none;white-space:nowrap;-webkit-appearance:none;background-color:#f8f8f8;color:#505050;border:1px solid #e2e2e2}
.s-button:hover{background-color:#ebebeb;border:1px solid #cecece;color:#505050}
.s-button--short{padding:0 7px}
.s-button:before{display:inline-block;vertical-align:middle}
.s-button.calendar{padding:0 6px;font-size:0;background-color:#fff}
.s-button.calendar:before{background-image:url(../img/sub_m.png);background-position:-23px 0;width:12px;height:12px}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.s-button.calendar:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.s-button.search{padding:0 9px;font-size:0;background-color:#fff}
.s-button.search:before{background-image:url(../img/sub_m.png);background-position:-66px -22px;width:11px;height:11px}
.s-button.search.disabled{padding:0 9px;font-size:0;background-color:#f5f5f5}
.s-button.search.disabled:before{background-image:url(../img/sub_m.png);background-position:-75px -141px;width:11px;height:11px}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.s-button.search:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
.s-button.search.disabled:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
a.g-button,a.w-button{line-height:24px}
.g-button-group{margin-top:10px}
.g-button-group.right{text-align:right}
.g-button-group.center{text-align:center}
.g-button-group.left{text-align:left}
.help_group{margin-top:10px}
.w-button-group{margin-bottom:6px}
.w-button-group.right{text-align:right}
.w-button-group.center{text-align:center}
.w-button-group.left{text-align:left}
.text_input{display:inline-block;width:100%;margin:0;background-color:#fff;border:1px solid #e2e2e2;border-radius:0;-webkit-border-radius:0;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;height:25px;margin:2px 0;padding:0 8px;line-height:25px;-moz-appearance:none;appearance:none;-webkit-appearance:none}
.text_input::-webkit-input-placeholder{color:#505050;font-size:.85em}
.text_input:-ms-input-placeholder{color:#505050;font-size:.85em}
.text_input::placeholder{color:#505050;font-size:.85em}
.text_input:not([readonly]):focus{outline:0;border-color:#888;-webkit-box-shadow:0 0 6px rgba(0,0,0,.2);box-shadow:0 0 6px rgba(0,0,0,.2)}
.text_input[type=number]::-webkit-inner-spin-button,.text_input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.text_input.disabled,.text_input.readonly,.text_input[disabled],.text_input[readonly]{cursor:not-allowed;background:#f8f8f8;border-color:#ebebeb;opacity:1}
.text_input .disabled,.text_input[disabled]{color:#959595}
.text_input--auto{display:inline-block;width:auto}
.upperCase{text-transform:upperCase;}
@media all and (max-width:640px){
   .text_input--auto{/* width:100%; */}
}
.text_input.paging{display:inline-block;width:auto}
.text_input__addon{display:table-cell;width:1%}
.text_input__addon .s-button{padding-left:10px;padding-right:10px;border:solid #e2e2e2;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:0}
.text_input.search{max-width:130px}
@media all and (max-width:640px){
.text_input.search{max-width:inherit;width:100%}
}
select.text_input{padding:0 0 2px 8px;-webkit-padding-end:24px;-moz-padding-end:24px;line-height:25px;font-family:inherit;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 8px center;background-size:auto 6px;cursor:pointer;min-width:50px}
select.text_input::-ms-expand{opacity:0}
select.text_input:focus{outline:0;border-color:#888;-webkit-box-shadow:0 0 6px rgba(0,0,0,.2);box-shadow:0 0 6px rgba(0,0,0,.2)}
select.text_input.wsmall{min-width:50px}
.radio_input{display:inline-block;margin-right:20px}
.radio_input>input,.checkbox-item>label{vertical-align:middle}
.checkbox-item{display:inline-block;margin-right:20px}
textarea.text_input{line-height:22px;height:170px;padding:10px}
.text_input-group{position:relative;white-space:nowrap;display:inline-table;vertical-align:middle}
.text_input-group2>span{display: inline-block;width:270px;white-space:nowrap;vertical-align:middle;overflow:hidden; text-overflow:ellipsis;}
.text_input-group [type=number]::-webkit-inner-spin-button,.text_input-group [type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.text_input-group--calendar{max-width:200px}
.text_input-group--calendar .text_input{width:88px;padding:0 6px}
.text_input-group--search{max-width:110px}
.text_input-group--search .text_input{width:230px}
@media all and (max-width:576px){
.text_input-group--search{display:table;max-width:none;width:100%}
.text_input-group--search .text_input{width:100%}
.c-table__td .row .margin_l_5 .text_input{margin-left:-5px}
.c-table__td .margin_l_5 .text_input{margin-left:-5px}
}
.text_input-group__auto{width:auto}
@media all and (max-width:460px){
.text_input-group--calendar .text_input{width:80px}
}
.ui-datepicker-trigger{position:relative;width:12px;height:12px;border:1px solid #e2e2e2;border-left:none;padding:0;margin:0 0 0 -1px!important;max-width:25px;min-width:25px;min-height:25px;max-height:25px;background:url(../img/calendar@2x.png) no-repeat center center;background-size:12px 12px;cursor:pointer;vertical-align:middle}
.text_input__calendar{display:table-cell;width:1%;padding:0;vertical-align:middle}
.text_input__split{display:table-cell;width:1%;padding:0 0 0 2px;vertical-align:middle}
.text_input__split:before{content:"";display:inline-block;width:0}
.text_input__split:first-child{padding-left:0;margin-left:-2px}
.text_input__split-short{padding:0 2px}
.g-pagination{position:relative;display:block;margin:0 auto}
.g-pagination__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}
.g-pagination__wrap>.col{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.g-pagination__wrap>.col.left{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.g-pagination__wrap>.col.right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.g-pagination__info{display:inline-block;margin:2px 0;vertical-align:middle;line-height:25px}
.g-pagination__info em{display:inline-block;vertical-align:middle}
@media all and (max-width:460px){
.text_input__split{display:block;}
}
@media all and (max-width:768px){
   .g-pagination__wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-top:15px}
   .g-pagination__wrap.row{margin-right:-8px;margin-left:-8px}
   .g-pagination__wrap:after,.g-pagination__wrap:before{display:block;width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
   .g-pagination__wrap>.col{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:8px;padding-left:8px}
   .g-pagination__wrap>.col.left{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:10px}
   .g-pagination__wrap>.col.right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-top:10px}
}
.g-page{display:block;margin:0;text-align:center}
.g-page__link{display:table-cell;position:relative;width:26px;height:26px;margin-left:0;margin-right:0;text-align:center;font-size:.95em;color:#222;line-height:26px;letter-spacing:-2px;vertical-align:middle;background:#fff}
.g-page__link.active{color:#dc3e00;font-weight:600}
.g-page__link.active:after{content:"";position:absolute;left:50%;bottom:8px;-webkit-transform:translateX(-5px);transform:translateX(-5px);width:12px;height:1px;background:rgba(255,255,255,.8)}
.g-page__link.active:hover{background:#9b9b9b}
.g-page__link:hover{background:#f4f4f4}
.g-page__link-group{display:inline-block;vertical-align:top}
.g-page__control{display:inline-block;margin:0 3px;vertical-align:top}
.g-page__control a{display:inline-block;position:relative;border:solid 1px #dedede;-webkit-box-sizing:border-box;box-sizing:border-box}
.g-page__control a:before{display:block;position:absolute;top:50%;left:50%;vertical-align:middle}
.g-page__control .next,.g-page__control .next-end,.g-page__control .prev,.g-page__control .prev-end{font-size:0;line-height:0}
.g-page__control .prev:before{background-image:url(../img/sub_m.png);background-position:-108px -58px;width:4px;height:8px;-webkit-transform:translate(-2px,-4px);transform:translate(-2px,-4px)}

/* 페이징처리를위해 처리함 */
.g-page__control span{display:inline-block;position:relative;border:solid 1px #dedede;-webkit-box-sizing:border-box;box-sizing:border-box}
.g-page__control span:before{display:block;position:absolute;top:50%;left:50%;vertical-align:middle}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-page__control .prev:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-page__control .prev-end:before{background-image:url(../img/sub_m.png);background-position:-20px -106px;width:10px;height:8px;-webkit-transform:translate(-5px,-4px);transform:translate(-5px,-4px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-page__control .prev-end:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-page__control .next-end:before{background-image:url(../img/sub_m.png);background-position:0 -106px;width:10px;height:8px;-webkit-transform:translate(-5px,-4px);transform:translate(-5px,-4px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-page__control .next-end:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.g-page__control .next:before{background-image:url(../img/sub_m.png);background-position:-108px -76px;width:4px;height:8px;-webkit-transform:translate(-2px,-4px);transform:translate(-2px,-4px)}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.g-page__control .next:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
@media all and (max-width:640px){
.g-page{width:100%}
.g-page__link-group .hidden{display:none}
}
.g-tab{margin-bottom:10px}
.g-tab label{cursor:pointer}
.g-tab__nav{position:relative;display:block;margin:0;width:100%;border-bottom:1px solid #2ea579}
.g-tab__nav:after{content:"";display:table;clear:both}
.g-tab__nav-item{float:left;margin-left:2px;border-radius:10px 10px 0 0;border-top:1px solid #bcbfc4;border-right:1px solid #bcbfc4;border-left:1px solid #bcbfc4;background-color:#f4f5f9;height:100%}
.g-tab__nav-item:first-child{margin-left:0}
.g-tab__nav-item.readonly{background-color:#fafafa;border-color:#e0e0e0}
/* 2019. 09. 30 : color !important 추가 - 전체 a링크 컬러 변경에 따른 탭 색 변경 이유 */
.g-tab__nav-item.readonly .g-tab__nav-link{color:#999 !important}
/* 2019. 09. 30 : color !important 추가 - 전체 a링크 컬러 변경에 따른 탭 색 변경 이유 */
.g-tab__nav-item.tab_disabled{background-color:#fafafa;border-color:#e0e0e0;cursor: not-allowed;}
.g-tab__nav-item.tab_disabled .g-tab__nav-link{color:#999; pointer-events: none;}
.g-tab__nav-link{position:relative;display:block;padding:0 25px;color:#4d525a !important;text-decoration:none;text-align:center;line-height:32px;height:100%;vertical-align:middle}
.g-tab__nav-link:hover{text-decoration:none}
.g-tab__nav-link.pencil{position:relative;display:block;padding:0 29px; color:#4d525a !important;text-decoration:none;text-align:center;line-height:32px;height:100%;vertical-align:middle}
.g-tab__nav-link.pencil:before {display: block;position: absolute;left: 7px;top: 50%;background-image: url(../img/icon/pencil.png);background-position: 0 0px;width: 16px;height: 16px;-webkit-transform: translateY(-7px);transform: translateY(-7px);}
/* 2020. 02. 19 : Single Window Sub Tab을 위해 추가 */
.g-tab--gray{margin:0}
.g-tab--gray .g-tab__nav{border-bottom:none}
.g-tab--gray .g-tab__nav-item{border-color:#c5c5c5;background-color:#f8f8f8}
.g-tab--gray .g-tab__nav-link{color:#4d525a}
.g-tab--gray .g-tab__nav .active.g-tab__nav-item{border-color:#6a6d74;background:#6a6d74}
.g-tab--gray .g-tab__nav .active .g-tab__nav-link{color:#fff !important;}
.g-tab--gray .g-tab__nav .active .g-tab__nav-link:after{background-color:#6a6d74}
.g-tab--gray .g-tab__contents{border-top:1px solid #e2e2e2}

/* error bs 추가 */
.error-window{position:relative; width:100%; margin:0 auto;margin-top:0x;font-size:12px;line-height:1.7em;color:#505050;background-color:#fff;letter-spacing:0;border-top:3px solid #fd461c;text-align:left}
.error-window:after{display:block;position:absolute;right:2px;top:-3px;width:16%;height:3px;background-color:#26b95c;border-left:10px solid #f9eb06;-webkit-transform:skew(-27deg);transform:skew(-27deg);z-index:11}
.error-window:before{display:inline-block;position:absolute;right:0;top:-3px;width:10px;height:3px;background-color:#26b95c;z-index:15}
.error-window__content{padding:20px}

.join-window{position:relative; width:100%; margin:0 auto;margin-top:0x;font-size:12px;line-height:1.7em;color:#505050;background-color:#fff;letter-spacing:0;border-top:3px solid #fd461c;text-align:left}
.join-window:after{display:block;position:absolute;right:2px;top:-3px;width:16%;height:3px;background-color:#26b95c;border-left:10px solid #f9eb06;-webkit-transform:skew(-27deg);transform:skew(-27deg);z-index:11}
.join-window:before{display:inline-block;position:absolute;right:0;top:-3px;width:10px;height:3px;background-color:#26b95c;z-index:15}
.join-window__content{padding:20px}


@media all and (max-width:576px){
.g-tab__nav-link{padding:0 12.5px}
}
.g-tab__title{margin:10px 0 0;font-size:1.2em}
.g-tab__contents{margin-top:0;padding:8px 0}
.g-tab__body{/* visibility:hidden; */overflow:hidden;height:0}
.g-tab__body.active{height:auto;visibility:visible}
.g-tab .active.g-tab__nav-item{border-color:#2ea579;background:#4dc79a}
/* 2019. 09. 30 : color !important 추가 - 전체 a링크 컬러 변경에 따른 탭 색 변경 이유 */
.g-tab .active .g-tab__nav-link{color:#fff !important}
.g-tab .active .g-tab__nav-link:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#23ae56}
.g-tab.g-responsive{/* width:calc(100vw - 305px); */border-bottom:1px solid #23ae56}
.g-tab.g-responsive .g-tab__nav{border-bottom:none}
.g-tab.g-responsive .g-tab__nav-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto;white-space:nowrap;border:none}
.g-tab.g-responsive .g-tab__nav-item{float:none;display:inline-block}
.g-tab.g-responsive .g-tab__nav-item:first-child{margin-left:0}

@media all and (max-width:992px){
.g-tab.g-responsive{/* width:calc(100vw - 60px) */}
}
@media all and (max-width:768px){
.g-tab.g-responsive{/* width:calc(100vw - 40px) */}
}
@media all and (max-width:576px){
.g-tab.g-responsive{/* width:calc(100vw - 20px) */}
}
.g-table{position:relative;width:100%;border-collapse:collapse;border:1px solid #e5e5e5}
.g-table td,.g-table th{border:1px solid #e5e5e5}
.g-table th{padding:6px 8px;background:#f8f8f8;color:#2c2c2c;text-align:center;vertical-align:middle;word-break:keep-all;font-weight:600;}
.g-table th:first-child:before{display:none}
.g-table th .p-form__label:before{display:none}
.g-table tbody th{background:#fcfcfc}
.g-table caption+tbody th,.g-table colgroup+tbody th{background:#f8f8f8}
.g-table td{padding:6px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
.g-table td.p-table__subject{text-align:left}
.g-table td.p-table__subject>.p-icon{margin-left:0}
.g-table td img{margin:0 2px;vertical-align:middle}
.g-table td.g-subject a{display:inline;color:#568dc5}
.g-table td.g-table__content{padding-top:16px;padding-bottom:16px;word-break:break-all}
.g-table td .p-table__subject_text{font-size:1.12em;color:#222;vertical-align:middle}
.g-table__cheecked{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.1);box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.g-table--th-left th{position:static;text-align:left;padding-left:20px;padding-right:20px}
.g-table.required:not([:input]){color:#fd461c;font-weight:600;margin-left:3px}
.g-table th span.required{color:#fd461c;font-weight:600;margin-left:3px}
.table-responsive.active{position:relative;min-height:.01%;overflow-x:auto;overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.table-responsive.active.icon:after{content:"데이터 테이블 터치 슬라이드";position:absolute;left:50%;top:10px;width:60px;height:60px;margin-left:-30px;background:rgba(50,100,200,.4) url(/common../img/program/finger_gesture.svg) no-repeat center center;background-size:auto 44px;z-index:100;color:transparent;text-align:center;border-radius:50%;opacity:0}
.table-responsive.active.icon.bouncein:after{-webkit-animation:p-bounceIn .5s linear forwards;animation:p-bounceIn .5s linear forwards}
.table-responsive.active.icon.bounceout:after{-webkit-animation:p-bounceOut .5s linear forwards;animation:p-bounceOut .5s linear forwards}
.table-responsive.active .g-table.scroll{margin:0 0 0 -1px;border-right:none}
.table-responsive.active .g-table.scroll>tbody>tr>td,.table-responsive.active .g-table.scroll>tbody>tr>th,.table-responsive.active .g-table.scroll>tfoot>tr>td,.table-responsive.active .g-table.scroll>tfoot>tr>th,.table-responsive.active .g-table.scroll>thead>tr>td,.table-responsive.active .g-table.scroll>thead>tr>th{width:auto;clear:none}
.table-responsive.active .g-table.scroll tr th{white-space:nowrap}
.table-responsive.active .g-table.scroll tr td:first-child,.table-responsive.active .g-table.scroll tr th:first-child{border-left:none!important}
.table-responsive.active .g-table.scroll tr td:last-child,.table-responsive.active .g-table.scroll tr th:last-child{border-right:none!important}
.table-responsive.active>.table{margin:0}
.c-table{border-style:solid;border-color:#e5e5e5;border-width:1px 0 0 1px}
.c-table__td.c-subject{display:block!important}
.c-subject a{color:#568dc5}
.c-table.row{margin-left:0;margin-right:0}
.c-table.row .hide{display:none}/* 2019527 bs 추가 */ **
.c-table.row .row{-webkit-box-flex:1;-ms-flex:1;flex:1}
.c-table__th{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:left;padding:6px 8px;background:#f8f8f8;border-style:solid;border-color:#e5e5e5;border-width:0 1px 1px 0;color:#2c2c2c;text-align:left;font-weight:600;word-break:keep-all}
.c-table__th span{}
.c-table__td{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 8px;border-style:solid;border-color:#e5e5e5;border-width:0 1px 1px 0}
.c-table__th .required{color:#fd461c;font-weight:600;margin-left:3px}
.c-tab{border-style:solid;border-color:#fff;border-width:1px 0 0 1px}
.c-tab.row{margin-left:0;margin-right:0}
.c-tab.row .row{-webkit-box-flex:1;-ms-flex:1;flex:1}
/* datepicker option */
.c-table__td img.ui-datepicker-trigger {
    display: inline-block;
}
.c-table__td_l{padding:6px 8px;border-style:solid;border-color:#e5e5e5;border-width:0 1px 1px 0}

.up-m8{margin-right:-8px;margin-left:-8px!important}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; /* margin-right:-8px;margin-left:-8px */}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
/**/

/* error bs 추가 */
.error-window{position:relative; width:80%; margin:0 auto;margin-top:200px;font-size:12px;line-height:1.7em;color:#505050;background-color:#fff;letter-spacing:0;border-top:3px solid #fd461c;text-align:left}
.error-window__content{ padding:20px;border:1px solid #e3e3e3}

.join-window{position:relative; width:80%; margin:0 auto;margin-top:80px;font-size:12px;line-height:1.7em;color:#505050;background-color:#fff;letter-spacing:0;border-top:3px solid #fd461c;text-align:left}
.join-window__content{ padding:20px;border:1px solid #e3e3e3}

}
@media (min-width:960px){
.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}
.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}
.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}
.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}
.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}
.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}
.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-13{-webkit-box-flex:0;-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}
.col-xl-14{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-xl-15{-webkit-box-flex:0;-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}
.col-xl-16{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-xl-17{-webkit-box-flex:0;-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}
.col-xl-18{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-19{-webkit-box-flex:0;-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}
.col-xl-20{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-xl-21{-webkit-box-flex:0;-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}
.col-xl-22{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-xl-23{-webkit-box-flex:0;-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}
.col-xl-24{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.order-xl-last{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}
.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}
.order-xl-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
.order-xl-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}
.order-xl-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}
.order-xl-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}
.order-xl-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}
.order-xl-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}
.order-xl-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}
.order-xl-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}
.order-xl-21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}
.order-xl-22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}
.order-xl-23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}
.order-xl-24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:4.16667%}
.offset-xl-2{margin-left:8.33333%}
.offset-xl-3{margin-left:12.5%}
.offset-xl-4{margin-left:16.66667%}
.offset-xl-5{margin-left:20.83333%}
.offset-xl-6{margin-left:25%}
.offset-xl-7{margin-left:29.16667%}
.offset-xl-8{margin-left:33.33333%}
.offset-xl-9{margin-left:37.5%}
.offset-xl-10{margin-left:41.66667%}
.offset-xl-11{margin-left:45.83333%}
.offset-xl-12{margin-left:50%}
.offset-xl-13{margin-left:54.16667%}
.offset-xl-14{margin-left:58.33333%}
.offset-xl-15{margin-left:62.5%}
.offset-xl-16{margin-left:66.66667%}
.offset-xl-17{margin-left:70.83333%}
.offset-xl-18{margin-left:75%}
.offset-xl-19{margin-left:79.16667%}
.offset-xl-20{margin-left:83.33333%}
.offset-xl-21{margin-left:87.5%}
.offset-xl-22{margin-left:91.66667%}
.offset-xl-23{margin-left:95.83333%}

/* error bs 추가 */
.error-window{position:relative; width:50%; margin:0 auto;margin-top:200px;font-size:12px;line-height:1.7em;color:#505050;background-color:#fff;letter-spacing:0;border-top:3px solid #fd461c;text-align:left}
.error-window__content{ padding:20px;border:1px solid #e3e3e3}

}
[class*=col].left{text-align:left}
[class*=col].right{text-align:right}
[class*=col].center{text-align:center}
[class*=col].bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end}
.w1p{width:1%!important}
.w2p{width:2%!important}
.w3p{width:3%!important}
.w4p{width:4%!important}
.w5p{width:5%!important}
.w6p{width:6%!important}
.w7p{width:7%!important}
.w8p{width:8%!important}
.w9p{width:9%!important}
.w10p{width:10%!important}
.w11p{width:11%!important}
.w12p{width:12%!important}
.w13p{width:13%!important}
.w14p{width:14%!important}
.w15p{width:15%!important}
.w16p{width:16%!important}
.w17p{width:17%!important}
.w18p{width:18%!important}
.w19p{width:19%!important}
.w20p{width:20%!important}
.w21p{width:21%!important}
.w22p{width:22%!important}
.w23p{width:23%!important}
.w24p{width:24%!important}
.w25p{width:25%!important}
.w26p{width:26%!important}
.w27p{width:27%!important}
.w28p{width:28%!important}
.w29p{width:29%!important}
.w30p{width:30%!important}
.w31p{width:31%!important}
.w32p{width:32%!important}
.w33p{width:33%!important}
.w34p{width:34%!important}
.w35p{width:35%!important}
.w36p{width:36%!important}
.w37p{width:37%!important}
.w38p{width:38%!important}
.w39p{width:39%!important}
.w40p{width:40%!important}
.w41p{width:41%!important}
.w42p{width:42%!important}
.w43p{width:43%!important}
.w44p{width:44%!important}
.w45p{width:45%!important}
.w46p{width:46%!important}
.w47p{width:47%!important}
.w48p{width:48%!important}
.w49p{width:49%!important}
.w50p{width:50%!important}
.w51p{width:51%!important}
.w52p{width:52%!important}
.w53p{width:53%!important}
.w54p{width:54%!important}
.w55p{width:55%!important}
.w56p{width:56%!important}
.w57p{width:57%!important}
.w58p{width:58%!important}
.w59p{width:59%!important}
.w60p{width:60%!important}
.w61p{width:61%!important}
.w62p{width:62%!important}
.w63p{width:63%!important}
.w64p{width:64%!important}
.w65p{width:65%!important}
.w66p{width:66%!important}
.w67p{width:67%!important}
.w68p{width:68%!important}
.w69p{width:69%!important}
.w70p{width:70%!important}
.w71p{width:71%!important}
.w72p{width:72%!important}
.w73p{width:73%!important}
.w74p{width:74%!important}
.w75p{width:75%!important}
.w76p{width:76%!important}
.w77p{width:77%!important}
.w78p{width:78%!important}
.w79p{width:79%!important}
.w80p{width:80%!important}
.w81p{width:81%!important}
.w82p{width:82%!important}
.w83p{width:83%!important}
.w84p{width:84%!important}
.w85p{width:85%!important}
.w86p{width:86%!important}
.w87p{width:87%!important}
.w88p{width:88%!important}
.w89p{width:89%!important}
.w90p{width:90%!important}
.w91p{width:91%!important}
.w92p{width:92%!important}
.w93p{width:93%!important}
.w94p{width:94%!important}
.w95p{width:95%!important}
.w96p{width:96%!important}
.w97p{width:97%!important}
.w98p{width:98%!important}
.w99p{width:99%!important}
.w100p{width:100%!important}
.margin_t_0{margin-top:0!important}
.margin_t_5{margin-top:5px!important}
.margin_t_7{margin-top:7px!important}
.margin_t_10{margin-top:10px!important}
.margin_t_15{margin-top:15px!important}
.margin_t_20{margin-top:20px!important}
.margin_t_25{margin-top:25px!important}
.margin_t_30{margin-top:30px!important}
.margin_t_35{margin-top:35px!important}
.margin_t_40{margin-top:40px!important}
.margin_t_45{margin-top:45px!important}
.margin_t_50{margin-top:50px!important}
.margin_r_0{margin-right:0!important}
.margin_r_5{margin-right:5px!important}
.margin_r_10{margin-right:10px!important}
.margin_r_15{margin-right:15px!important}
.margin_r_20{margin-right:20px!important}
.margin_r_25{margin-right:25px!important}
.margin_r_30{margin-right:30px!important}
.margin_r_35{margin-right:35px!important}
.margin_r_40{margin-right:40px!important}
.margin_r_45{margin-right:45px!important}
.margin_r_50{margin-right:50px!important}
.margin_b_0{margin-bottom:0!important}
.margin_b_5{margin-bottom:5px!important}
.margin_b_10{margin-bottom:10px!important}
.margin_b_15{margin-bottom:15px!important}
.margin_b_20{margin-bottom:20px!important}
.margin_b_25{margin-bottom:25px!important}
.margin_b_30{margin-bottom:30px!important}
.margin_b_35{margin-bottom:35px!important}
.margin_b_40{margin-bottom:40px!important}
.margin_b_45{margin-bottom:45px!important}
.margin_b_50{margin-bottom:50px!important}
.margin_l_0{margin-left:0!important}
.margin_l_5{margin-left:5px!important}
.margin_l_10{margin-left:10px!important}
.margin_l_15{margin-left:15px!important}
.margin_l_20{margin-left:20px!important}
.margin_l_25{margin-left:25px!important}
.margin_l_30{margin-left:30px!important}
.margin_l_35{margin-left:35px!important}
.margin_l_40{margin-left:40px!important}
.margin_l_45{margin-left:45px!important}
.margin_l_50{margin-left:50px!important}
textarea.ht{line-height:22px;height:30px;!important}
textarea.ht_2{line-height:22px;height:60px;!important}
textarea.ht_3{line-height:22px;height:90px;!important}
textarea.ht_4{line-height:22px;height:120px;!important}
textarea.ht_5{line-height:22px;height:150px;!important}
textarea.ht_6{line-height:22px;height:180px;!important}
textarea.ht_7{line-height:22px;height:210px;!important}
textarea.ht_8{line-height:22px;height:240px;!important}
textarea.ht_9{line-height:22px;height:270px;!important}
textarea.ht_10{line-height:22px;height:300px;!important}
.ht_100{float:left;line-height:22px;height:100px;overflow-y:auto;display:table-cell;vertical-align:middle;-ms-flex-wrap:wrap;flex-wrap:wrap;!important}
.ht_200{float:left;line-height:22px;height:200px;overflow-y:auto;display:table-cell;vertical-align:middle;-ms-flex-wrap:wrap;flex-wrap:wrap;!important}
.ht_300{float:left;line-height:22px;height:300px;overflow-y:auto;display:table-cell;vertical-align:middle;-ms-flex-wrap:wrap;flex-wrap:wrap;!important}
.ht_400{float:left;line-height:22px;height:400px;overflow-y:auto;display:table-cell;vertical-align:middle;-ms-flex-wrap:wrap;flex-wrap:wrap;!important}
.ht_500{float:left;line-height:22px;height:500px;overflow-y:auto;display:table-cell;vertical-align:middle;-ms-flex-wrap:wrap;flex-wrap:wrap;!important}
.padding_5{padding:0 5px!important}
.em_primary{color:#543eae!important}
.em_red{color:#de0808!important}
.em_blue{color:#00a0e9!important}
.em_orange{color:#fd461c!important}
.em_green{color:#1aa24c!important}
.em_gray{color:#888!important}
.em_black{color:#121212!important}
.text_xsmall{font-size:11px!important}
.text_small{font-size:12px!important}
.text_middle{font-size:14px!important}
.text_large{font-size:15px!important}
.vertical_middle{vertical-align:middle}
.line{display:block;margin:10px 0;border-bottom:1px solid #ccc}
.dot{display:block;margin:10px 0;border-bottom:1px dotted #ccc}
.dash{display:block;margin:10px 0;border-bottom:1px dashed #ccc}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bbs__file{font-size:0;line-height:0}
.bbs__file:before{display:inline-block;background-image:url(../img/sub.png);background-position:-70px -43px;width:10px;height:10px}
.bbs__new{margin-left:3px;font-size:0;line-height:0}
.bbs__new:before{display:inline-block;background-image:url(../img/sub.png);background-position:0 -27px;width:11px;height:11px}
.bbs__consolidated{margin-left:3px;font-size:0;line-height:0}
.bbs__consolidated:before{display:inline-block;background-image:url(../img/sub.png);background-position:-18px -14px;width:9px;height:10px}
.bbs__unConsolidated{margin-left:3px;font-size:0;line-height:0}
.bbs__unConsolidated:before{display:inline-block;background-image:url(../img/sub.png);background-position:-32px -14px;width:10px;height:10px}
.bbs__newwindow{margin-left:3px;font-size:0;line-height:0}
.bbs__newwindow:before{display:inline-block;background-image:url(../img/sub.png);background-position:-49px -66px;width:11px;height:10px}
.bbs__subject{text-align:left;max-width:270px}
.bbs__subject a{display:inline-block;max-width:calc(100% - 13px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bbs__prev:after{display:inline-block;margin-left:14px;background-image:url(../img/sub.png);background-position:-33px -69px;width:8px;height:5px;vertical-align:middle}
.bbs__next:after{display:inline-block;margin-left:14px;background-image:url(../img/sub.png);background-position:-15px -69px;width:8px;height:5px;vertical-align:middle}
.sub .wrap{position:relative;width:auto;margin:0 30px 0 0}
.sub .gnb:before{width:100px}
.sub .gnb .wrap{margin-right:0}
@media all and (max-width:1200px){
.wrap{width:100%;padding:0 20px}
.sub .navigator.wrap{margin:0;padding:0 30px}
}
@media all and (max-width:768px){
.sub .navigator.wrap{padding:0 20px}
}
@media all and (max-width:576px){
.wrap{padding:0 10px}
.sub .navigator.wrap{padding:0 10px}
.logo{left:10px}
}
@media all and (max-width:992px){
.help_group{margin-top:8px}
.logo{left:10px}
}

/* .sub .footer{position:fixed;left:0;right:0;bottom:0;margin-top:0} */
@media all and (max-width:992px){
.sub .gnb .wrap{margin:0;width:100vw}
}
.container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 40px)}
.container.resize-content .side{display:none;min-width:0;-webkit-box-flex:.001;-ms-flex-positive:.001;flex-grow:.001;-ms-flex-preferred-size:0;flex-basis:0;-webkit-transform:translateX(-245px);transform:translateX(-245px)}
@media all and (max-width:768px){
.container{min-height:calc(100vh - 200px)}
.c-table__td .row .margin_l_5 .text_input{margin-left:-5px}
.c-table__td .margin_l_5 .text_input{margin-left:-5px;}
}
.side{display:block;opacity:1;position:relative;min-width:205px;max-width:205px;-ms-flex-preferred-size:205px;flex-basis:205px;background-color:#3e4451;min-height:calc(100vh - 75px);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.side a:hover{text-decoration:none}
@media all and (max-width:992px){
.side{display:none}
.c-table__td .row .margin_l_5 .text_input{margin-left:-5px}
.c-table__td .margin_l_5 .text_input{margin-left:-5px;}
}
.side-tab{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:0;margin:0 auto;background-color:#3e4451}
.side-tab__item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;/* line-height:40px; */background-color:#363a42;color:#5e6269;font-weight:600}
.side-tab__item:first-child{padding-left:15px;margin:13px 0 13px 30px;border-radius:20px 0 0 20px;}
.side-tab__item:before{display:inline-block;width:16px;height:16px;opacity:.2;-webkit-transition:all .3s ease;transition:all .3s ease;}
.side-tab__item:first-child:before{background:url(../img/menu_task.svg)no-repeat 0 0;}
.side-tab__item:last-child:before{background:url(../img/menu_my.svg)no-repeat 0 0;}
.side-tab__item.active:before{display:inline-block;opacity:1}
.side-tab__item:first-child:after{display:inline-block;width:1px;height:15px;float:right;background-color:#73757b;}
.side-tab__item:last-child{padding-right:15px;margin:13px 30px 13px 0;border-radius:0 20px 20px 0 }
.side-title {padding:5px 10px 5px 8px;color:#fff;font-size:13px;font-weight:400;line-height:20px;background:#242933;}
.side-title:before{display:inline-block;width:14px;height:14px;background:url("../img/common/bookmark.svg") no-repeat 0 0;margin-right:5px;vertical-align:middle}
.side-menu{display:none;min-height:460px}
.side-menu__item{position:relative;background-color:#3e4451;border-bottom:1px solid #363a42}
.side-menu__item a{display:block;padding:10px 10px 10px 28px;color:#99a0af}
.side-menu__item a:before{display:block;position:absolute;left:10px;top:12px;background-image:url(../img/sub.png);background-position:-49px 0;width:11px;height:11px}
.side-menu__item>a{color:#fff;font-weight:600}
.side-menu__item.active>a{background-color:#363a42;}
.side-menu__item.active>a:before{background-image:url(../img/sub.png);background-position:0 -48px;width:11px;height:11px}
.side-menu__depth2{display:none;background-color:#363a42;padding:0 0 10px 0}
.side-menu__depth2 li{position:relative}
.side-menu__depth2 li>a{display:block;padding:3px 10px 4px 35px;border:none}
.side-menu__depth2 li>a:before{display:block;left:18px;top:10px;background-image:none;background-color:#fff;width:6px;height:6px;border-radius:50px}
.side-menu__depth2 li.active>a:before{background-color:#ffcc00;}
.side-menu.active{display:block}
.side__my{display:none;background:linear-gradient(to right,#fff 244px,#e2e4e9 1px)}
.side__my__list{padding:10px 0;background-color:#343b49;color:#fff}
.side__my li>a{position:relative;display:inline-block;width:calc(100% - 70px);padding:6px 10px 6px 22px;border:none}
.side__my li>a:before{position:absolute;display:block;left:10px;top:12px;background-color: #b9b9b9;border-radius:50%;width:6px;height:6px}
.side__my li>a:hover{color:#fd461c}
.side__my li button{display:inline-block;position:relative;width:18px;height:17px;margin-top:7px;vertical-align:top} */
.side__my li button:before{display:block;position:absolute}
.side__my li .edit:before{left:3px;top:2px;background-image:url(../img/sub.png);background-position:-21px -48px;width:10px;height:10px}
.side__my li .delete:before{display:inline-block;background-image:url(../img/common/ico_fav.png);background-position:0 0;width:12px;height:12px;vertical-align:middle}
.side__my.active{display:block}
.sub-content__wrap{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;margin-bottom:50px;}
.sub-content__wrap .toparea{position:relative;min-height:37px;background-color:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.2)}
.sub-content__wrap .top-bar{position:relative;}
.sub-content__wrap .side-more{display:flex;}
.sub-content__wrap .side-more .fav{display:inline-block;position:relative;height:37px;background-color:transparent;}
.sub-content__wrap .side-more .fav, .sub-content__wrap .side-more .favoff{padding:0 0 0 10px;color:#454545;font-size:0;}
.sub-content__wrap .side-more .fav:before{display:inline-block;background-image:url(../img/common/ico_fav.png);background-position:0 0;width:12px;height:12px;vertical-align:middle}
.sub-content__wrap .side-more .favoff:before{display:inline-block;background-image:url(../img/common/ico_fav.png);background-position:-12px 0;width:12px;height:12px;vertical-align:middle}
@media all and (max-width:992px){
    .sub-content__wrap .side-more{border-bottom:1px solid #ddd;}
}
.sub-content__wrap .page-back{display:none}
.sub-content__wrap .path{position:absolute;right:30px;top:-27px;color:#777b81;font-size:11px}
.sub-content__wrap .path strong{display:inline-block;vertical-align:middle;color:#1e9449}
.sub-content__wrap .path span{display:inline-block;vertical-align:middle}
.sub-content__wrap .path .home:before{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:6px;background-image:url(../img/sub.png);background-position:-21px -27px;width:11px;height:11px}
@media all and (max-width:992px){
.sub-content__wrap .top-bar{height:auto}
.sub-content__wrap .page-back{display:block;z-index:1;position:absolute;right:30px;top:-32px;padding:0}
.sub-content__wrap .page-back a{position:relative;font-size:12px;padding:5px 0 5px 22px;vertical-align:middle}
.sub-content__wrap .page-back a:before{display:block;position:absolute;left:0;top:10px;background-image:url(../img/sub.png);background-position:-22px 0;width:17px;height:9px;vertical-align:middle}
.sub-content__wrap .path{position:relative;left:0;top:0;padding:11px 15px 9px}
.sub-content__wrap .path span{display:inline-block}
}
@media all and (max-width:768px){
.sub-content__wrap .path{padding-left:20px;padding-right:20px}
}
@media all and (max-width:576px){
.sub-content__wrap .page-back a{padding-left:16px}
.sub-content__wrap .page-back a:before{top:12px;background-image:url(../img/sub_m.png);background-position:-40px -106px;width:12px;height:5px}
}
@media all and (max-width:576px) and (-webkit-min-device-pixel-ratio:2),all and (max-width:640px) and (min-resolution:192dpi){
.sub-content__wrap .page-back a:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
@media all and (max-width:576px){
.sub-content__wrap .path{padding-left:10px;padding-right:10px}
.sub-content__wrap .path .home:before{margin-top:-2px;margin-right:6px;background-image:url(../img/sub_m.png);background-position:-108px 0;width:9px;height:10px}
}
@media all and (max-width:576px) and (-webkit-min-device-pixel-ratio:2),all and (max-width:640px) and (min-resolution:192dpi){
.sub-content__wrap .path .home:before{background-image:url(../img/sub_m@2x.png);background-size:117px 184px}
}
.sub-content{margin:20px 30px 10px}
/* start PTL : 20190925 SW팀 요청 css 추가*/
.sub-content a:link{color:inherit;text-decoration:none;color:#568dc5}
.sub-content a:visited{color:inherit;text-decoration:none}
.sub-content a:hover{text-decoration:underline;}
.sub-content a:active{color:inherit;text-decoration:underline}
/* end PTL*/
@media all and (max-width:768px){
.sub-content{margin:20px 10px 10px}
}
.content-title{font-size:1.34em;font-weight:600;color:#454545;line-height:37px;}
.content-title > a{position:absolute;right:5px}
@media all and (max-width:576px){
.content-title{font-size:1.2em;}
}
h3{position:relative;margin-top:0px;margin-bottom:3px;font-size:1.26em;color:#454545}
@media all and (max-width:768px){
h3{margin-top:0px}
}
@media all and (max-width:576px){
h3{font-size:1.25em}
}
.row h3{margin-top:0}
.errorType{position:relative;width:888px;min-height:405px;margin:140px auto 50px;padding:150px 50px 0 0;border:1px solid #e2e4e9;background:url(../img/error_bg.jpg) no-repeat -20px center;background-size:57% auto}
.errorType .message-group{margin-left:42%}
.errorType h2{font-size:30px;line-height:30px;color:#000}
.errorType .cause{font-size:16px;color:#373737}
.errorType .text{margin-top:15px;font-size:14px;line-height:16px;color:#5f5f5f}
@media all and (max-width:1200px){
.errorType{width:700px;background-position:-30px center}
.c-table__td .row .margin_l_5 .text_input{margin-left:-5px}
.c-table__td .margin_l_5 .text_input{margin-left:-5px;}
}
@media all and (max-width:992px){
.errorType{width:740px;background-position:-30px center}
}
@media all and (max-width:768px){
.errorType{width:100%;min-height:300px;padding-top:100px;background-position:-50px center}
.errorType .message-group{margin-left:37%}
}
@media all and (max-width:576px){
.errorType{width:calc(100% - (10px * 2));min-height:inherit;margin-top:15%;padding:25% 0 0;background-position:center top}
.errorType .message-group{margin:8%;text-align:center}
.errorType h2{font-size:26px;line-height:26px}
.errorType .cause{font-size:15px}
.errorType .text{font-size:13px}
}
.tree__wrap{position:relative;width:100%;padding:10px;overflow:auto}
.tree--bordered{border:1px solid #e2e2e2}
.tree__margin{display:none}
@media all and (max-width:768px){
.tree__margin{display:block;margin-bottom:20px}
}
.flag{display:inline-block}
.flag:before{display:inline-block;vertical-align:middle;margin-top:-1px;margin-right:1px}
.flag.ghs:before{background-image:url(../img/currency.png);background-position:0 0;width:18px;height:14px}
.flag.usd:before{background-image:url(../img/currency.png);background-position:-28px 0;width:18px;height:14px}
.flag.gbp:before{background-image:url(../img/currency.png);background-position:-56px 0;width:18px;height:14px}
.flag.eur:before{background-image:url(../img/currency.png);background-position:-84px 0;width:18px;height:14px}
.flag.cad:before{background-image:url(../img/currency.png);background-position:-112px 0;width:18px;height:14px}
.flag.jpy:before{background-image:url(../img/currency.png);background-position:-28px -24px;width:18px;height:14px}
.flag.sek:before{background-image:url(../img/currency.png);background-position:-56px -24px;width:18px;height:14px}
.flag.nok:before{background-image:url(../img/currency.png);background-position:-84px -24px;width:18px;height:14px}
.flag.dkk:before{background-image:url(../img/currency.png);background-position:-112px -24px;width:18px;height:14px}
.flag.aud:before{background-image:url(../img/currency.png);background-position:0 -48px;width:18px;height:14px}
.flag.inr:before{background-image:url(../img/currency.png);background-position:-28px -48px;width:18px;height:14px}
.flag.pkr:before{background-image:url(../img/currency.png);background-position:-56px -48px;width:18px;height:14px}
.flag.zmw:before{background-image:url(../img/currency.png);background-position:-84px -48px;width:18px;height:14px}
.flag.mwk:before{background-image:url(../img/currency.png);background-position:-112px -48px;width:18px;height:14px}
.flag.mzm:before{background-image:url(../img/currency.png);background-position:0px -72px;width:18px;height:14px}
.flag.kes:before{background-image:url(../img/currency.png);background-position:-28px -72px;width:18px;height:14px}
.flag.ugx:before{background-image:url(../img/currency.png);background-position:-56px -72px;width:18px;height:14px}
.flag.rwf:before{background-image:url(../img/currency.png);background-position:-84px -72px;width:18px;height:14px}
.flag.bif:before{background-image:url(../img/currency.png);background-position:-112px -72px;width:18px;height:14px}
.flag.zwd:before{background-image:url(../img/currency.png);background-position:0 -96px;width:18px;height:14px}
.flag.zar:before{background-image:url(../img/currency.png);background-position:-28px -96px;width:18px;height:14px}
.flag.aed:before{background-image:url(../img/currency.png);background-position:-56px -96px;width:18px;height:14px}
.flag.sgd:before{background-image:url(../img/currency.png);background-position:-84px -96px;width:18px;height:14px}
.flag.hkd:before{background-image:url(../img/currency.png);background-position:-112px -96px;width:18px;height:14px}
.flag.kwd:before{background-image:url(../img/currency.png);background-position:0 -120px;width:18px;height:14px}
.flag.bwp:before{background-image:url(../img/currency.png);background-position:-28px -120px;width:18px;height:14px}
.flag.cny:before{background-image:url(../img/currency.png);background-position:-56px -120px;width:18px;height:14px}
.flag.myr:before{background-image:url(../img/currency.png);background-position:-84px -120px;width:18px;height:14px}
.flag.krw:before{background-image:url(../img/currency.png);background-position:-112px -120px;width:18px;height:14px}
.flag.nzd:before{background-image:url(../img/currency.png);background-position:0 -144px;width:18px;height:14px}
.flag.sdu:before{background-image:url(../img/currency.png);background-position:-28px -144px;width:18px;height:14px}
.flag.gld:before{background-image:url(../img/currency.png);background-position:-56px -144px;width:18px;height:14px}
.flag.tzs:before{background-image:url(../img/currency.png);background-position:-84px -144px;width:18px;height:14px}
.flag.sar:before{background-image:url(../img/currency.png);background-position:-112px -144px;width:18px;height:14px}
.flag.ngn:before{background-image:url(../img/currency.png);background-position:0 -168px;width:18px;height:14px}
.flag.chf:before{background-image:url(../img/currency.png);background-position:-28px -168px;width:18px;height:14px}
.flag.xof:before{background-image:url(../img/currency.png);background-position:-56px -168px;width:18px;height:14px}

/* error bs 추가 */
.window-tit_error li{position:relative;margin-bottom:3px;padding-left:10px;font-size:1.1em;color:#000;}
.window-tit_error li:before{display:block;position:absolute;left:0;top:45%;width:4px;height:4px;background-color: #26b95c;}
/* main company layer css */
.companyLayer{position:absolute;display:table;top:10%;left:30%;width:600px;background:#fff;border: 1px solid #ddd;box-shadow:6px 6px 6px 0px rgba(0,0,0,.1)}
.layer_inner{display:table-cell;text-align:center;vertical-align:middle}
/* lnb */
#lnb {position:relative;width:205px;}
#lnb h1 {padding:5px 10px 5px 8px;color:#fff;font-size:13px;font-weight:400;line-height:20px;background:#242933;}
#lnb h1:before{display:inline-block;width:14px;height:14px;background:url("../img/common/bookmark.svg") no-repeat 0 0;margin-right:5px;vertical-align:middle}
#lnb > ul {}
#lnb > ul > li { border-bottom:1px solid #343b49;}
#lnb > ul > li > a {display: block;padding:10px 10px 10px 28px;font-size:13px;line-height:14px;letter-spacing:.2px;color: #fff;background:#3e4451}
#lnb > ul > li > a::before {display:inline-block;width:16px;height:16px;background:url("../img/common/right.svg") no-repeat 0 0;margin-right:2px;margin-left:-20px;vertical-align:middle}
#lnb > ul > li a::hover {color:#dadada;background-color:#303543;}
#lnb > ul > li.on > a {color:#fff; background:#343b49;}
#lnb > ul > li.on > a::before {display:inline-block;width:16px;height:16px;background:url("../img/common/right.svg") no-repeat 0 0;transform:rotate(90deg);}
#lnb > ul > li ul {display: none;}
#lnb > ul > li > ul > li > a {display:block;padding:5px 25px 5px 30px;color:#inherit;font-size:12px;background:#343b49}
#lnb > ul > li > ul > li > a::before{display:inline-block;width:6px;height:6px;background-color:#b9b9b9;border-radius:50%;margin-right:9px;margin-left:-17px;}
#lnb > ul > li > ul > li {position:relative;}
#lnb > ul > li > ul > li > a::after{display:inline-block;width:16px;height:16px;background:url("../img/common/right.svg") no-repeat 0 0;position:absolute;right:7px;top:6px;}
#lnb > ul > li > ul > li > a {color:#9198a6;background-color:#343b49;}
#lnb > ul > li > ul > li.on > a {color:#ffcc00;background:#343b49}
#lnb > ul > li > ul > li.on.noDepth > a {color:#ffcc00;background:#303543}
#lnb > ul > li > ul > li.on > a::before{background-color:#ffcc00;}
#lnb > ul > li > ul > li.on > a::after{transform:rotate(90deg)}
#lnb > ul > li > ul li ul {display:none;/* padding-bottom:8px; */background-color:#343b49;}
#lnb > ul > li > ul li li a {display:block;padding:5px 13px 5px 42px;color:#666;font-size:12px;background-color:#343b49;}
#lnb > ul > li > ul li li a::before{display:inline-block;width:6px;height:2px;background-color:#b9b9b9;margin-left:-13px;margin-right:5px;vertical-align:middle;}
#lnb > ul > li > ul > li.noDepth > a:after {display:none;}
#lnb > ul > li > ul > li.noDepth > a:hover {background-color:#303543;}
#lnb > ul > li > ul > li > ul > li.on.noDepth > a {color:#ffffff; background:#303543}
#lnb > ul > li > ul > li > ul > li.noDepth > a::after {display:none;}
#lnb > ul > li > ul > li > ul > li.noDepth > a{color:#9198a6}
#lnb > ul > li > ul > li > ul > li.noDepth > a:hover{background-color:#303543;}
#lnb > ul > li > ul > li > ul > li.noDepth .active a{color:#cccccc;background-color:#242933;font-weight:400}

/*leftmenu*/
.side-log{display:flex;flex-direction:column;position:relative;padding:20px 12px 10px;justify-content:center;align-items:center;background-color:#343b49;min-height:120px}
.login_area{flex-grow:1;}
.login_area li{font-size:11px;}
.login_area li:first-child{margin-left:0;margin-bottom:5px;}
.login_area li.pw{text-align:center}
.login_area li .btn_login{display:block;padding:0 35px;margin:0 auto;color:#fff;height:23px;line-height:150%;font-size:13px;font-weight:600;text-align:center;vertical-align:middle;border-radius:20px;transition:.25s;background-color:#d23d2d;}
.login_area li .login_pw{margin:2px 0 12px;color:#f0eee1;opacity:.8}
.login_area li .login_pw:hover{text-decoration:underline;}
.login_area li .login_account{color:#fd6664;}
.login_area li .login_account:hover{text-decoration:underline;transition:.25s}
.login_area li .login_account:after{content:'';/* display:inline-block; */width:20px;height:22px;vertical-align:text-bottom;margin-left:6px;background:url(../img/ico_account.png)no-repeat 0 0;}
.login_area li .login_account::before{content:'';display:inline-block;width:5px;height:5px;background-color:#fd6664;vertical-align:middle;margin-right:6px;border-radius:10px;}

/* loginarea */
.login_user{/* flex-grow:1; */}
.login_user li{text-align:center;color:#fff;font-size:11px;}
.login_user li + li {margin-top:7px;}
.login_user li.user_info{font-weight:600;}
.login_user li.user_info a.ico_pw{width:14px;height:16px;margin-left:6px;background:url(../img/ico_pw.png)no-repeat 0 0;font-size:0;}
.login_user li.user_agency{color:#969696;}
.login_user li.user_company{margin-top:15px;color:#ffd42a;}
.login_user li.user_company:before{content:'';display:inline-block;width:7px;height:7px;margin-right:4px;background-color:#ffd42a;border-radius:50%;}

.side-service{width:100%;text-align:center;margin-bottom:20px}
.side-service dt{font-size:0;margin:10px auto;width:30px;height:30px;background:#9ba0aa url(../img/ico_call.png)no-repeat center center;border-radius:50%;}
.side-service dd{color:#fff;}
.side-service dd.call{font-size:14px;letter-spacing:2px;}
.side-link{display:flex;position:relative;flex-direction:column;}
.side-link ul{padding:0 15px;}
.side-link ul li a{color:#c1c3c5;height:22px;margin-bottom:4px;}
.side-link ul li a:before{content:'';display:inline-block;width:22px;height:22px;background-color:transparent;margin-right:7px;vertical-align:middle;border-radius:5px;}
.side-link ul li a.training:before{background:#ff5050 url(../img/common/left_video.svg)no-repeat center center;background-size:16px;}
.side-link ul li a.lawinfo:before{background:#fedf73 url(../img/common/left_law.svg)no-repeat center center;background-size:16px;}
.side-link ul li a.cfafta:before{background:#fedf73 url(../img/common/cfafta.png)no-repeat center center;background-size:32px;}
.video h2.title, .info h2.title{font-size:13px;letter-spacing:2px;font-weight:600;color:#fff;margin:5px 15px 7px}
.video{border-bottom:1px solid #545b6a;padding-bottom:7px;}
.info{padding-bottom:7px;}

/* content + more 0911 */
.side-more > div{display:inline-block;height:37px;padding:0 15px;}
.side-more > div.side-tit{min-width:66px;border-left:1px solid #ddd;border-right:1px solid #ddd}
.side-close{display:flex;flex-direction:column;width:47px;height:37px;justify-content:center;align-items:center;cursor:pointer;}
.side-close span{display:inline-block;width:20px;height:3px;margin-bottom:3px;border-radius:30px;background-color:#f2f0e4;}
.side-close span:nth-child(1){background-color:#ff523f;}
.side-close span:nth-child(2){background-color:#ffcd1e;}
.side-close span:nth-child(3){background-color:#159d6b;margin-bottom:0;}
@media all and (max-width:576px){
.side-more > div{min-height:37px;height:auto;max-width:calc(100% - 49px);}
.side-more > div.side-tit{border-left:0}
}
@media all and (max-width:992px){
.side-close{display:none;}
}
@media all and (max-width:1200px){
.side-service{position:absolute;bottom:80px;}
}
/* banner */
.nbs-flexisel-container{/* display:none */}/*slide banner(family site)*/
.clearout {height:20px;clear:both;}
#flexiselBanner {/* display:none; */}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:9999px;height:48px;margin:0px;padding:0px;list-style-type:none;text-align:center;overflow:auto;}
.nbs-flexisel-inner{padding-left:50px;position:relative;overflow:hidden;float:left;width:100%;}
.nbs-flexisel-item{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;}
.nbs-flexisel-item img{max-width:100%;cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px;}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{position:absolute;cursor:pointer;z-index:4;background:#fff;color:#454545;width:40px;height:48px;top:0;line-height:48px;text-align:center;}
.nbs-flexisel-nav-left{left:0;border-right:1px dotted #ddd}
.nbs-flexisel-nav-left:before {display:inline-block;content:"<"}
.nbs-flexisel-nav-left.disabled{opacity: 0.4;}
.nbs-flexisel-nav-right{right:0;border-left:1px dotted #ddd}
.nbs-flexisel-nav-right:before {display:inline-block;content:">"}
.nbs-flexisel-nav-right.disabled{opacity:0.4;}
@media all and (max-width:576px){
.nbs-flexisel-inner{padding-left:0;}
}






















/* Add-css */

@charset "UTF-8";

.row h4 {margin-top: 0;}
h4{position:relative;margin-top:0px;margin-bottom:3px;padding-left: 12px;font-size:1.2em;color:#000;}
h4:before{display:block;position:absolute;left:0;top: 35%;width:6px;height:6px;background-color: #26b95c;}

@media all and (max-width:810px){
   h4{margin-top:0px}

}
@media all and (max-width:640px){
   h4{font-size:1em}
   h4{margin-top:0px}
}
a.table-toggle {display: inline-block;width: 23px;height: 23px;background-repeat: no-repeat;background-image: url('../img/icon_plus.png');}
a.table-toggle.on { display: inline-block;width: 23px;height: 23px;background-repeat: no-repeat;background-image: url('../img/icon_mius.png');  }


/* 외부 화물 box리스트 */
.list-view{position:relative;display:block;width:100%;margin:11px 0;padding:14px 18px;border-style:solid;border-color:#e3e3e3;border-width:1px;background-color:#fafcff;overflow:hidden}
.list-view ul,.list-view ul+div{display:inline-block;vertical-align:top}
.list-view ul li{display:inline-block;font-size:12px;font-weight:400;float:left;line-height:24px}
.list-view ul li label{color:#2c2c2c}
.list-view ul li span{color:#1c9348;margin:0 20px 0 5px}
.list-view ul{width:80%}.list-view ul+div{float:right;margin:0;width:140px}

@media (max-width:640px){
	.list-view ul+div{padding-top:10px;text-align:left!important}
	.list-view ul,.list-view ul+div{width:100%}
}

.gray-view-box{padding:12px 18px;border-style:solid;border-color:#e3e3e3;border-width:1px;overflow:hidden}
.gray-view-box li{position:relative;line-height:1.6em;color:#2c2c2c;word-break:keep-all}
.gray-view-box li:before{content:'';display:inline-block;position:absolute;top:8px;left:-7px;width:2px;height:2px;background-color:#fa1b04}

.summernote table {border:1px solid #e5e5e5}

/* 내/외부 화물 적하 컨테이너 목록 */
#containerList th,td {padding-left: 4px !important; padding-right: 4px !important;}

























@CHARSET "UTF-8";

/********** BUTTON AREA **********/
.button_area 	  {position:relative; width:100%;height:30px;margin:7px 0;}
.icon_button_area {position:relative; width:100%;height:20px;margin:7px 0;}
.button_area .button_left_area{position:absolute;color:#659e1f;margin-top:0px;}
.button_area .button_right_area{width:100%;text-align:right;}
.button_area .button_left_area input{margin-right:3px;margin-bottom:3px;position:relative;z-index:11;}
.button_area .button_right_area input{margin-left:3px;margin-bottom:3px;position:relative;z-index:10;}

/********** PAGING AREA **********/
.paging_area {clear:both;width:100%;}
.paging_area .paging_left{float:left;text-align:left;width:20%;}
.paging_area .paging_center{float:left;text-align:center;*width:58%;width:60%;}
.paging_area .paging_right{float:left;text-align:right;;width:20%;}
.paging_area .paging_left .page_count{margin-left:2px;margin-right:2px;color:#c93328;font-weight:bold;}
.paging_area .paging_right .page_count{margin-left:2px;margin-right:2px;color:#c93328;font-weight:bold;}

.paging_bottom {height:30px;text-align:center;font-size:12px;font-weight:bold;}
.paging_bottom .current_page{color:red;padding:3px;}

/***********************
add css
************************/
.h-table{
	position: absolute;
	width: 100%;
	overflow-x: auto;
}
.s-button{
	margin:0;
}
.text_input{
	margin:0;
}

h3{position:relative;margin-top:0px;margin-bottom:3px;padding-left:16px;font-size:1em;color:#000;}
h3:before{display:block;position:absolute;left:0;top:50%;background-image:url(../img/sub_m6.png);background-position:0 -22px;width:12px;height:12px;-webkit-transform:translateY(-7px);transform:translateY(-7px)}
.panel h3:before{top:50%!important;}
h3.free:before{content: ''!important; display: none;}
h4.free:before{content: ''!important; display: none;}

textarea {
    box-sizing: border-box;
    padding: 1px 0 0 8px;
    border: 1px solid #e2e2e2;
}
table.table-ellipsis{
	table-layout: fixed;
}
td.table-ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.span-textarea {
  overflow: auto;
  vertical-align: top !important;
  text-transform: none;
  color: inherit;
  font: inherit;
  outline: 0;
  margin: 0;
  white-space: pre-wrap !important;
  word-wrap: break-word;
}
select.label {
    padding: 0 0 2px 8px;
    border:0;
    font-weight:600;
    -webkit-padding-end: 24px;
    -moz-padding-end: 24px;
    line-height: 25px;
    font-family: inherit;
    background: #f8f8f8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 8px center;
    background-size: auto 6px;
    /cursor: pointer;
    min-width: 50px;
}
textarea.readonly {
    cursor: not-allowed;
    background: #f8f8f8;
    border-color: #ebebeb;
    opacity: 1;
}
select.readonly {
    cursor: not-allowed;
    background: #f8f8f8;
    border-color: #ebebeb;
    opacity: 1;
}
.cursor{
	cursor:pointer
}

input:disabled {
	cursor: not-allowed;
    background: #f8f8f8;
    border-color: #ebebeb;
    opacity: 1;
}

/***********************
file progressbar
************************/
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #5cb85c;
  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
  .transition(width .6s ease);
}

/***********************
messagePupup button position
************************/
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}
.ui-button-text{
	padding: inherit !important;
}

.ui-dialog-titlebar {
    margin: 0;
    background-color: #4d525a;
    font-size: 1.2em;
    color: #fff;
}

.ui-widget-header .ui-icon {
    display: inline-block;
    background: url(../img/btn_close.png) no-repeat center center;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 17px;
    top: 10px;
    width: 20px;
    margin: 0;
    padding: 0;
    height: 20px;
    font-size: 0 !important;
}

#messagePopup:before {
    content: '';
    display: block;
    height: 100%;
    width: 0;
    margin-left: -1em;
    vertical-align: middle;
}
.ui-dialog{box-shadow:6px 6px 6px 0px rgba(0,0,0,.1)}
/***********************
validate tooltip
************************/
.ui-tooltip {
	padding: 2px 4px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 1px #aaa;
	box-shadow: 0 0 1px #aaa;
}
.ui-state-error {
    border: 1px solid red !important;
    background: #fbf9ee url(../img/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x !important;
    color: #363636 !important;
    background: #fbeeee !important;
}

/***********************
summernote: richEditor
************************/
.note-editor {
    position: relative;
    width: 100%;
}
.note-modal-header {
    padding: 10px 20px 10px 20px !important;
    border: 0px solid #ededef !important;
    background-color: #4d525a !important;
}
button.snclose {
    padding: 15px 0 !important;
    color: #ffffff !important;
}
.note-modal-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.4;
    color: rgba(255,255,255,.8) !important;
    width: 200px;
}
.note-modal-body {
    position: relative;
    padding: 10px 30px !important;
}
.note-image-input {
	padding: 0px !important;
}
.note-modal-footer {
    height: 60px !important;
    padding: 10px;
    text-align: center;
}

/***********************
table
************************/
table.no-border td {
	border: 0;
}

table.no-border td, table.no-border th {
  border: none !important;
}

/** td 내에 테이블 삽입시 ì§€ì •. 바깥 borderê°€ 없는 테이블 */
table.inborder {
  padding: 0 !important;
  border-collapse: collapse;
  border-style: hidden;
}

table.inborder td, table.inborder th {
  border: 1px solid #e5e5e5;
}

/** 세로 border만 있는 테이블 */
table.inborder-vertical {
  border-collapse: collapse;
  border-style: hidden;
}

table.inborder-vertical td, table.inborder-vertical th {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/** 상단 borderê°€ 없는 테이블. 테이블에 테이블을 붙이는 경우 ì§€ì • */
table.top-no-border td, table.top-no-border th {
  border-top: 0 !important;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

/** td별 border를 ì—†ì• ëŠ” 경우 ì§€ì •. borderì‚­ì œì‹œì—ëŠ” 좌우 및 상하의 셀의 border를 함께 지워야 함 */
td.left-no {
  border-left: 0 !important;
}

td.right-no {
  border-right: 0 !important;
}

td.top-bottom-no {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

td.top-no {
  border-top: 0 !important;
}

td.bottom-no {
  border-bottom: 0 !important;
}

td.no-padding {
  padding: 0 !important;
}


.no-m-b{
	margin-bottom: 0!important;
}