@charset "utf-8";
/* html5 호환 설정*/
ul, body, h4, h3, h2, h1 {margin:0;padding:0;}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;font-size:100%;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}

a {margin:0;padding:0;border:0;font-size:100%;}
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}

body {/*font-family:'Malgun Gothic','맑은 고딕',Nanum Gothic,'나눔 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;font-size:81.3%; 13px / 0.813em */color:#555;line-height:1;}
select,input,button,textarea,button{font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔고딕',Dotum,Verdana;}
address {font-style:normal;display:inline;}
i{font-style:normal;}

/* 글자 속성 */
a, a:link {color:#555;text-decoration:none;}
a:visited, a.visited, a.visited:visited {color:inherit;text-decoration:none;}
a:hover, a.visited:hover, a:active {color:inherit;text-decoration:none;}
a:focus {text-decoration:none;}

/* LIST 요소 기본 */
ul li {list-style:none;}

input::-ms-clear {display: none;}
input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'], 
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;/*background:#fff;*/height:1.5em;line-height:1.3em;/*padding:0.30em 5px 0.4em 5px; vertical-align:middle; */margin:1px;}
input.readonly {background-color:#f7f7f7 !important;}
input.disabled {background-color:#ededed;}

textarea {border:1px solid #ddd;width: 100%;}

/* 이미지 요소 기본 */
img {border:0px;vertical-align:middle;} 

/* ime-mode */
.imeOff {ime-mode:disabled;}

/* 기본 스타일 정의 */
/* 플로팅 */
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

/*공백 */
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}

/*정렬*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}

/*마진*/
.mg10t {margin-top:10px;}

/*가로 크기*/
.w500 {width:500px;}
.w400 {width:400px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:30px;}


/* .ml-btn ===========================================================================================================================================  */
.ml-btn{position: relative;display: inline-block;font-size: 1.000em;font-weight: 500;letter-spacing: -1px;border: 0; padding: 8px 23px 10px 19px; margin: 5px 0;transition:all .3s ease;}
.ml-btn>i{position: relative;top: 0px;left:0px;padding: 0;margin: 0 3px 0 0; transition:all .3s ease;}
.ml-btn:hover>i{position: relative;top: 0px;left:-5px;padding: 0;margin: 0 3px 0 0; transition:all .3s ease;}
.ml-btn:hover{position: relative;display: inline-block;font-weight: 500;letter-spacing: -1px;border: 0;margin: 5px 0; border-radius:30px;transition:all .3s ease;}

.mlb-n01 {color: #fff;background: #333;border: 1px solid #333333;}
.mlb-n02 {color: #333;background: #f3f3f3; border: 1px solid #c5c5c5;}
.mlb-n03 {color: #fff;background: #183282;border: 1px solid #183282; }
.mlb-n04 {color: #fff;background: #3d5663;}
.mlb-sc  {color: #fff;background: #4f9800;border: 1px solid #4f9800;}
.mlb-if  {color: #fff !important;background: #1a5987;border: 1px solid #1a5987;}
.mlb-wg  {color: #fff;background: #e48000;border: 1px solid #e48000;}
.mlb-dr  {color: #fff;background: #9e0000;border: 1px solid #9e0000;}
.mlb-link{color: #333;background: transparent;border: 1px solid transparent;}
.mlb-linkB{color: #333;background: #f3f3f3;padding: 2px 39px 3px 24px;border: 1px solid #c7c7c7;vertical-align: top;}
.mlb-linkB:before{content: "";position: absolute;display: block;top: 50%;right: 12px;width: 0;height: 6px;margin-top: -8px;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: #ef402a transparent transparent transparent;transition:all .3s ease;}
.mlb-linkBs{color: #333;padding: 2px 45px 4px 19px;background: #f3f3f3;border: 1px solid #c7c7c7;}
.mlb-linkBs:before{content: "";position: absolute;display: block;top: 50%;right: 10px;width: 0;height: 6px;margin-top: -8px;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: #ef402a transparent transparent transparent;transition:all .3s ease;}
.mlb-dwnld{color: #333;padding: 2px 45px 3px 19px;background: transparent;border: 1px solid #c7c7c7;}
.mlb-dwnld:before{content: "";position: absolute;display: block;top: 12px;right: 14px;width: 0;height: 0px;margin: 0;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: transparent #ef402a transparent transparent;transition:all .3s ease;}

.zind99 { z-index:999 }

.mlb-d1{ background: #fff;border: 1px solid #a20b0b;color: #b92525;}
.mlb-d2{color: #00387d;background: #fff;border: 1px solid #1153a7;}
.mlb-d1:hover { color: #fff; background: #b92525;} 
.mlb-d2:hover { color: #fff; background: #00387d;}



.mlb-n01:hover {color: #fff;background: #000;border: 1px solid #000;}
.mlb-n02:hover {color: #333;background: #cacaca; border: 1px solid #cacaca;}
.mlb-n03:hover {color: #fff;background: #0c1a44;border: 1px solid #0c1a44; }
.mlb-n04:hover {color: #fff;background: #202d33;}
.mlb-sc:hover  {color: #fff;background: #2c4e07;border: 1px solid #2c4e07;}
.mlb-if:hover  {color: #fff;background: #1a5987;border: 1px solid #1a5987;}
.mlb-wg:hover  {color: #fff;background: #77490d;border: 1px solid #77490d;}
.mlb-dr:hover  {color: #fff;background: #4a0b0b;border: 1px solid #4a0b0b;}
.mlb-link:hover{color: #333;background: transparent;border: 1px solid transparent;}
.mlb-linkB:hover{color: #333;padding:  2px 39px 3px 24px;background: #efefef;border: 1px solid #c7c7c7;}
.mlb-linkB:hover:before{content: "";position: absolute;display: block;top: 50%;right: 8px;width: 0;height: 6px;margin-top: -8px;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: #ef402a transparent transparent transparent;transition:all .3s ease;}
.mlb-linkBs:hover{color: #333;padding: 2px 45px 4px 19px;background: #efefef;border: 1px solid #c7c7c7;}
.mlb-linkBs:hover:before{content: "";position: absolute;display: block;top: 50%;right: 8px;width: 0;height: 6px;margin-top: -8px;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: #ef402a transparent transparent transparent;transition:all .3s ease;}
.mlb-dwnld:hover{color: #333;padding: 2px 45px 3px 19px;background: transparent;border: 1px solid #c7c7c7;}
.mlb-dwnld:hover:before{content: "";position: absolute;display: block;top: 15px;right: 14px;width: 0;height: 0px;margin: 0;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-90deg);border-color: transparent #ef402a transparent transparent;transition:all .3s ease;}
.mlb-DocView:hover{color: #333;padding: 2px 45px 3px 19px;background: transparent;border: 1px solid #c7c7c7;}
.mlb-DocView:hover:before{content: "";position: absolute;display: block;top: 7px;right: 8px;width: 0;height: 0px;margin: 0;padding: 0;border-style: solid;border-width: 8px;transform: rotate(-180deg);border-color: transparent #ef402a transparent transparent;transition:all .3s ease;}
.docm-file{position: relative;display: block;padding: 5px 0;margin: 0 0 10px 0;border: 1px #ddd;border-width: 0 0 1px 0;border-style: dashed;}


/* 스타일가이드 span */
.mlb-sp{padding: 0;margin: 0;color: #524571;}
.mlb-sp00{padding: 0;margin: 0;text-decoration: underline;}
.mlb-sp01{padding: 0;margin: 0;}
.mlb-sp02{padding: 0;margin: 0;}
.mlb-sp03{padding: 0;margin: 0;}
.mlb-sp04{padding: 0;margin: 0;}
.mlb-sp05{padding: 0;margin: 0;}
.mlb-sp06{padding: 0;margin: 0;}
.mlb-sp07{padding: 0;margin: 0;}
.mlb-sp08{padding: 0;margin: 0;}