@charset "UTF-8";
.mg-wrap {min-height: 100%; background: #fff url(/images/ko/img-guide/bg-guide-body.png) 0 0 repeat-y; position: relative; padding-bottom:30px; box-sizing: border-box;}
.mg-content {box-sizing: border-box; padding-left: 190px;}
.mg-left {float: left; width:190px; margin-left: -190px;box-sizing: border-box;}
.mg-right {float: left; width: 100%; padding-bottom: 20px}
.mg-foot {position: absolute; bottom:0; width:100%; height: 30px; background: #ddd;}

/* TOP+GNB */
.mg-top {padding-left: 190px; position: relative; z-index: 10;}
.mg-top h1, .mg-top nav {float: left;}
.mg-top h1 {width:190px; margin-left: -190px; background: #002b56; height: 45px; padding: 9px 0 0 13px; box-sizing: border-box;}
.mg-top nav {width: 100%;}
.mg-gnb {position: relative;}
.mg-gnb .main > li {float: left; height: 45px; width:14.27%; background: #7ebd2a;  padding-left: 4%; box-sizing: border-box;}
.mg-gnb .main > li > a {display: block; height: 45px; line-height: 45px;color: #fff; font-size: 16px; font-weight: bold;}
.mg-gnb .main > li > a:hover, .mg-gnb .main > li > a.active {color:#fff150;}
.mg-top .sub {position: absolute; left:0; top:45px; width:100%; background: #f8f8f8 url(/images/ko/img-guide/bg-gnb-sub.png) 27% bottom no-repeat; border-top: 2px solid #494949; border-bottom: 2px solid #494949; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); display: none}
.mg-sub-container {padding: 20px 0 20px 190px;}
.mg-sub-container > .banners {float: left; width:170px; margin-left: -170px}
.mg-sub-container > .menus {float: left; width: 100%;}
.mg-sub-container > .menus > ul {float: left; width:14.27%; padding-left: 3.8%; box-sizing: border-box;}
.mg-sub-container > .menus > ul > li {padding-bottom: 5px}
.mg-sub-container > .menus > ul a {padding: 4px 6px; font-size: 12px; letter-spacing: -0.5px}
.mg-sub-container > .menus > ul a:hover, .mg-sub-container > .menus > ul a.active {background: #0091dc; color:#fff;}

/* LEFT */
.mg-left > h3 {padding: 35px 0 10px 20px; font-size: 18px; line-height: 1; border-bottom: 2px solid #494949;}
.mg-lnb-menu > li {height: 34px; line-height: 34px; border-bottom: 1px solid #ddd;}
.mg-lnb-menu > li > a {padding-left: 20px; display: block;}
.mg-lnb-menu > li > a:hover, .mg-lnb-menu > li > a.active {color: #0091dc}

/* CONTENT */
.mg-cnt {padding:20px 40px;}
.top-dir {height: 40px; line-height: 40px; text-align: right; font-size: 12px}
.top-dir > span {color: #000}
.mg-top-img {border: 1px solid #ddd;}
.mg-cnt-block  h4 {font-size: 18px; line-height: 1; margin-bottom: 20px}
.mg-cnt-block  h5 {line-height: 1; margin-bottom: 10px; font-size: 15px; color: #333;}
table.mg-tb1 th,  table.mg-tb1 td {border: 1px solid #ddd; text-align: left}
table.mg-tb1 th {background: #f8f8f8; padding-left: 20px; padding-right: 20px}
table.mg-tb1 td {padding-left: 10px; padding-right: 10px}
table.mg-tb1 thead th {border-bottom: 0; text-align: center;}
table.mg-tb1.tb-center td {text-align: center}


/* FOOT */
.mg-foot {line-height: 30px; font-size: 11px; text-align: center;}