/* nanum-gothic-regular - latin_korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('./nanum-gothic-v16-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('./nanum-gothic-v16-latin_korean-regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */
}

/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('./noto-sans-kr-v11-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('./noto-sans-kr-v11-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./noto-sans-kr-v11-latin_korean-100.woff2') format('woff2') /* Super Modern Browsers */      
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('./noto-sans-kr-v11-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('./noto-sans-kr-v11-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./noto-sans-kr-v11-latin_korean-300.woff2') format('woff2') /* Super Modern Browsers */            
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('./noto-sans-kr-v11-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('./noto-sans-kr-v11-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./noto-sans-kr-v11-latin_korean-regular.woff2') format('woff2') /* Super Modern Browsers */            
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('./noto-sans-kr-v11-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('./noto-sans-kr-v11-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./noto-sans-kr-v11-latin_korean-500.woff2') format('woff2') /* Super Modern Browsers */            
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('./noto-sans-kr-v11-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('./noto-sans-kr-v11-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./noto-sans-kr-v11-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
}

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/* 공통 */
body, td, select {
    font-size: 14px;
    font-family: 'Noto Sans KR', 'Nanum Gothic', 굴림, 돋움, Verdana, Arial, Tahoma;
    color: #555555;
    line-height: 16px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

form {
    margin: 0px;
}
a,img { selector-dummy : expression(this.hideFocus=true);} 
img {
    border: none;
    border: 0px;
}

label {
    cursor: pointer;
}

.hand {
    cursor: pointer;
}

.input {
    border: solid 1px #ccc;
    background-color: #fff;
    /*height:22px;*/
    font-size: 14px;
    color: #555;
}

.invalid-field {
	border:solid 1px red;
}

.loading {
    display: none;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-filter: alpha(opacity = 30);
    filter: alpha(opacity = 30);
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 999;
}

.loadingbar {
    display: none;
    top: 40%;
    z-index: 10000;
    position: absolute;
    left: 45%;
    text-align: center;
    padding: 20px;
    border: solid 3px #1071DE;
    background-color: #FFFFFF;
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: alpha(opacity = 100);
    filter: alpha(opacity = 100);
}


/* 링크 */
a:link {
    color: #444444;
    text-decoration: none;
    border: none;
}

a:visited {
    color: #444444;
    text-decoration: none;
}

a:active {
    color: #444444;
    text-decoration: none;
}

a:hover {
    color: #165279;
    text-decoration: none; /*position:relative; top:1; left:1;*/
}

a.mini:link {
    font: normal 11px Dotum;
    color: #444444;
    text-decoration: none;
}

a.mini:visited {
    font: normal 11px Dotum;
    color: #444444;
    text-decoration: none;
}

a.mini:active {
    font: normal 11px Dotum;
    color: #444444;
    text-decoration: none;
}

a.mini:hover {
    font: normal 11px Dotum;
    color: #0171BA;
    text-decoration: none;
}


li { list-style: none outside none; }
.outline {
    display: block;
    width:100%;
    clear: both; 
    margin: 0; 
    padding:0; 
    overflow: visible;
}
wrap {
    display: block;
    position:relative; 
    width:1200px; 
    margin:0 auto; 
    padding:0 0px; 
    clear: both;
}
/* header */
header {
    position: relative;
}
header .top {
    height:37px;
    border-bottom: 0px solid #e5e5e5;
    background: #424242;
}
header .top2 {
    height:40px;
    border-bottom: 0px solid #e5e5e5;
    background: #dde2e8;
}
header .jichung {
    display: block; 
    float: left;
    width:50%;
    height:37px;
    border-left: 0px solid #e5e5e5;
}
header .jichung2 {
    display: block; 
    float: left;
    width:50%;
    height:40px;
    border-left: 0px solid #e5e5e5;
}
header .jichung li {
    float: left;
    height:37px;
    line-height: 37px;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    padding:0 20px;
    border-right: 0px solid #e5e5e5;
}
header .jichung2 li {
    float: left;
    width:65px;
    height:30px;
    line-height: 26px;
    font-size: 14px;
    position: relative;
    font-weight: 300;
    padding:5px 5px 0 0;
    border-right: 0px solid #e5e5e5;
}
header .jichung li a {
    color: #cfcfcf;    
}

header .jichung2 li a {
    color: #fff;    
    width:65px;
    height:26px;
    border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; 
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;
    background: #539adc;
    text-align: center;
    display: inline-block;
    
}
header .jichung2 li:nth-child(2) a,
header .jichung2 li:nth-child(4) a,
header .jichung2 li:nth-child(6) a {
    background: #5ecedc;
}


header .jichung2 li a:hover {
    background: #696969;
}

header .jichung2 li.btn_edujob a {
    background: #f35856; width:270px; font-weight:500;    font-size: 15px; text-shadow: 1px 1px 3px #a91d1b;
}
header .jichung2 li.btn_edujob a:hover {
    background: #3273c0;  text-shadow: 1px 1px 3px #145096;
}

/*header .jichung li.division:after,
header .top_menu li.division:after {
    content: "";
    font-weight: 100;
    width: 30px;
    height:12px;
    border-right: 1px solid #636363;
    position: absolute;
    top: 13px;
    right: 0;
}*/
header .top_menu {
    display: block; 
    float: right;
    width:45%;
    border-right: 0px solid #e5e5e5;
}
header .top_menu li {
    float: right;
    line-height: 37px;
    font-size: 14px;
    color: #353639;
    font-weight: 400;
    padding:0 17px;    
    border-left: 0px solid #e5e5e5;
    height:37px;
    position: relative;
}
header .top_menu2 li {

    float: right;
    width:65px;
    height:30px;
    line-height: 26px;
    font-size: 13px;
    position: relative;
    font-weight: 400;
    padding:5px 5px 0 0;
    border-right: 1px solid #e5e5e5;
}

header .top_menu li a{
color: #cfcfcf;
}
header .top_menu2 li a{
    color: #333;    
    width:65px;
    height:26px;
    border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; 
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;
    background: #fafafa;
    text-align: center;
    display: inline-block;

}
header .top_menu2 li a:hover {
    background: #aaa;
    color: #fff;
}
header .top_menu>span{
    display: inline-block;
    height:37px;
    width:70px;
    text-align: right;
    width:240px;
    line-height: 37px;
    float: right;
    padding:0 10px 0 0;
    color: #555;
}
header .top_menu>span b {
    font-weight: 500;
    color: #222;
}

header .top_menu li.pay {
	width:130px;
}
header .top_menu li.pay a {
	width:130px;
	background: #F7D614;
	color:#333;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Noto Sans KR';
}

header .top_menu li.pay a:hover {
	background: #222;
	color:#F7D614;
    font-weight: 500;
}

header .outline.gnb{
    display: block;
    clear: both;
    height:71px;
    padding-top: 29px;
    overflow: hidden;
    position: absolute;
    top:37px;
    background: #fff;
    left:0;
    z-index: 100000;
    border: 0px solid red;
}

header .outline .logo {
    display: inline-block;
    float: left;
    width:320px;
    height:51px;
    padding: 0;
    margin: 0;
}
header .outline .menu {
    display: inline-block;
    float: right;
    width:835px;
    height:51px;
    
}
header .outline .menu>li {
    line-height: 51px;
    float: left;
    font-size: 21px;
    width:137px;
    letter-spacing: -0.5px;
    text-align: right;
    font-weight: 400;
    /*margin-right:52px;*/
}
header .outline .menu>li:last-child {
    margin-right:0px;
}
header .outline .menu>li a {
    color: #353535;
}
header .outline .menu>li a:hover {
    color:#ff6600;
}

header .outline .gnbs {
    float: right;
    width:811px;
    display: block;
    background: #fff;
    padding: 17px 0 5px 0;
    /*height: 197px;*/
}
header .outline .gnbs>li{
    float: left;
    text-align: left;
    width:110px;
    border: 0px solid red;
}
header .outline .gnbs p {
    display: block;
    padding: 0 0 0 0;
    margin: 0;
    width: 100%;
    text-align: left;
    height: 28px;
    font-size: 15px;
    line-height: 25px;
    /*font-family: 'Nanum Gothic';*/
    font-weight: 400;
    letter-spacing: -0.5px;
}
header .outline .gnbs p a {
    color:#666;
}
header .outline .gnbs p a:hover {
    color:#ff6600;
}

header .outline .gnbs li:nth-child(4) p:last-child  {
	line-height: 18px;
}




.subvis {
    display: block;
    background: url(../../img/vis_sub_bg.jpg) 50% top no-repeat #cad4da;
    height:243px;
    margin: 100px 0 0 0;
    
}

.sub_vis_001 {
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    animation-duration:0.5s; 
    animation-name:sub_vis_01;
    animation-direction:alternate; 
}
@keyframes sub_vis_01 {
	from{
        margin-top:-30px;
        opacity: 0;
	}to{
        margin-top:0px;
        opacity: 1;
	}
}

.sub_vis_002 {
    opacity: 0;
    position: absolute;
    top:0;
    left:570px;
    z-index: 3;
    animation-delay: 0.5s;
    animation-duration:0.5s; 
    animation-name:sub_vis_02;
    animation-direction:alternate; 
    animation-fill-mode: forwards;
}
@keyframes sub_vis_02 {
	from{
        margin-left:5px;
        opacity: 0;
	}to{
        margin-left:0px;
        opacity: 1;
	}
}
.sub_vis_003 {
    opacity: 0;
    position: absolute;
    top:82px;
    left:0;
    right:0;
    z-index: 4;
    width:530px;
    height:70px;
    border: 0px solid #333;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    /*font-size: 38px;
    color: #0b2f5a;
    line-height: 38px;
    font-weight: 600;*/
    animation-delay: 0.7s;
    animation-duration:0.9s; 
    animation-name:sub_vis_03;
    animation-direction:alternate; 
    animation-fill-mode: forwards;    
}
@keyframes sub_vis_03 {
	from{
        margin-top:0px;
        opacity: 0;
	}to{
        margin-top:0px;
        opacity: 1;
	}
}
.sub_vis_004 {
    opacity: 0;
    position: absolute;
    top:132px;
    left:0;
    right:0;
    z-index: 4;
    width:530px;
    height:70px;
    border: 0px solid #333;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    animation-delay: 0.8s;
    animation-duration:0.9s; 
    animation-name:sub_vis_04;
    animation-direction:alternate; 
    animation-fill-mode: forwards;    
}
@keyframes sub_vis_04 {
	from{
        margin-top:0px;
        opacity: 0;
	}to{
        margin-top:0px;
        opacity: 1;
	}
}


/* main */
section {
    display: block;
    width:100%;
    clear: both; 
    margin: 0; 
    padding: 0px 0 60px 0;
    min-height: 600px;
}
section .outline {
    position: relative;
    
}
section .main_vis {
    width:100%;
    height:330px;
    background: url(../../img/main_vis_02.jpg) 50% 0px no-repeat #dbe0e4;
    padding: 0px 0 0 0;
    margin: 0;
}

section .main_vis2 {
    width:100%;
    height:435px;
    background: #ccc;
    padding: 0px 0 0 0;
    margin: 0;
    display: block;
}

.vis1,
.vis2,
.vis3 { 
    display: block;
    position: absolute;
    width:100%;
    height:435px;
    text-align: center;    
    overflow: hidden;
    background: url(../../img/main_vis_001.jpg) 50% 0px no-repeat #8dc5dc;
}

.vis2 {
    background: url(../../img/main_vis_004.jpg) 50% 0px no-repeat #20110c;
}
.vis3 {
    background: url(../../img/main_vis_003.jpg) 50% 0px no-repeat #20110c;
}


.vis_t1 {
    position: absolute;
    top:65px; left:0;    padding: 0; margin: 0;
    font-size: 47px;  font-weight: 500; color:#c22416; 
    line-height:  47px; letter-spacing: -1px;
}
.vis_t2 {
    position: absolute;    padding: 0; margin: 0;
    top:143px; left:0;font-size: 80px;  font-weight: 500; color:#c22416; 
}
.vis_t3 {
    position: absolute;    padding: 0; margin: 0;
    top:195px; left:7px;font-size: 19px;  font-weight: 400; color:#444; 
    letter-spacing: -1px;
    /*font-family: 'Nanum Gothic';*/
}

.main_vis2 .vis_t1 {
    position: absolute;
    top:135px; left:0;    padding: 0; margin: 0;
    font-size: 47px;  font-weight: 400; color:#c22416; 
    line-height:  47px; letter-spacing: -1px;
    opacity: 0;
    animation-delay: 0.5s;
    animation-duration:0.7s; 
    animation-name:vis_t1;
    animation-direction:alternate; 
    animation-fill-mode: forwards;     
}
@keyframes vis_t1 {
	from{
        margin-left:10px;
        opacity: 0;
	}to{
        margin-top:0px;
        opacity: 1;
	}
}
.main_vis2 .vis_t2 {
    position: absolute;    padding: 0; margin: 0;
    top:108px; left:0;
    opacity: 0;
    animation-delay: 0.7s;
    animation-duration:0.7s; 
    animation-name:vis_t1;
    animation-direction:alternate; 
    animation-fill-mode: forwards;      
}
.main_vis2 .vis_t3 {
    position: absolute;    padding: 0; margin: 0;
    top:277px; left:0px;font-size: 19px;  font-weight: 400; color:#444; 
    letter-spacing: -1px;
    /*font-family: 'Nanum Gothic';*/
    opacity: 0;
    animation-delay: 1s;
    animation-duration:0.7s; 
    animation-name:vis_t1;
    animation-direction:alternate; 
    animation-fill-mode: forwards;      
}
.main_vis2 .vis_t4 {
    position: absolute;    padding: 0; margin: 0;
    top:336px; left:0px;font-size: 14px;  font-weight: 400; color:#fff; 
    letter-spacing: -1px;
    width:157px; height:34px; background: #c3281a; text-align: center; line-height: 33px;
    border-top-left-radius: 17px; -webkit-border-top-left-radius: 17px; -moz-border-top-left-radius: 17px; 
	border-top-right-radius: 17px; -webkit-border-top-right-radius: 17px; -moz-border-top-right-radius: 17px; 
	border-bottom-left-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-bottom-left-radius: 17px; 
	border-bottom-right-radius: 17px; -webkit-border-bottom-right-radius: 17px; -moz-border-bottom-right-radius: 17px;
}
.main_vis2 .vis_t4:hover {background: #ff7e00;}
.main_vis2 .vis_t4 a {color: #fff;}



.main_banners {
    padding: 10px 0 10px 0;
    background: #ecf2f5;
}
.main_banners02 {
    padding: 12px 0 7px 0;
    background: #e8ecf4;
}
.main_banners2 {
    padding: 0px 0 0px 0;
    background: #ededed;
	height:132px;
}
.main_banners2 div a {    display: inline-block; float:left;}

.main_cont_01,
.main_cont_02,
.main_cont_04 {
    padding: 120px 0 80px 0;
    background: #f7f9fa;
}
.main_cont_02 {
    background: #fff;
    padding: 120px 0 105px 0;    
}
.main_cont_04 {
    background: #f7f9fa;
}

.main_con_hds {
    display: block;
    position: relative;
    width:100%;
    height: 120px;
    text-align: center;
}

.main_con_hds p {
    font-weight: 400;
    font-size: 15px;
    color: #808080;
    padding: 0;
    margin: 0;    
}
.main_con_hds p.hd {
    color: #000;
    font-weight: 700;
    font-size: 47px;
    line-height: 47px;    
    padding: 0;    
    margin: 0 0 20px 0;
    font-family: 'Noto Sans KR';
}
.main_con_hds .hd:before{
    content: "";
    position: absolute;
    display: block;
    width: 64px;
    height: 1px;
    background: #000;
    top:-30px;
    left:568px;    
}

.conts_01,
.conts_02 {
    display: block;
    clear: both;
}
.conts_01 ul,
.conts_02 ul {
    padding: 0;
    margin: 0;
}
.conts_01 li,
.conts_02 li {
    float: left;
    vertical-align: top;
    border: 0px solid red;

}
.conts_01 li.li_left {
    width:760px;
    padding-top: 120px;
}
.conts_01 li.li_right {
    width:435px;
}

.conts_02 {
    margin-top: 50px;
}
.conts_02 li.li_left {
    width:840px;
}
.conts_02 li.li_right {
    width:360px;
    padding-top: 50px;
}


.map_stats_01 {
    width:100%;
    height:60px;
    line-height: 60px;
    font-size: 28px;
    font-weight: 700;
    color: #242424;
    display: block;
    border-bottom: 2px solid #000;
    margin-bottom: 25px;
}
.map_stats_02 {
    width:100%;
    height:153px;
    border: 0px solid #dadada;
}
.map_stats_02 dd {
    padding: 0;
    margin: 0;
    float: left;
}


.map_stats_03 {
    width:230px;
    height:153px;
    display: inline-block;
    border-right : 1px solid #dadada;
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 300;
}
.map_stats_04 {
    width:470px;
    height:153px;
    display: inline-block;
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 400;
    border: 0px solid #dadada;
    padding: 0 0 0 50px;
}
.map_stats_04 p {
    line-height: 18px;
    color: #333;
}
.map_stats_04 .jicung {
    width:133px;
    height:40px;
    margin-right: 18px;
    float: left;
    margin-bottom: 16px;
}
.map_stats_04 .jicung a  {
    display: block;
    width:133px;
    height:40px;
    font-size: 18px;
    border:1px solid #979797;
    line-height: 38px;
    text-align: center;
    border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; 
	border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; 
	border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-bottom-left-radius: 20px; 
	border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px;
    background: #f7f9fa;
}
.map_stats_04 .jicung a:hover {
    background: #9ba4b0;
    color: #fff;
    font-weight: 500;
    cursor:pointer;
    border:1px solid #9ba4b0;
}

.map_stats_02 span {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    font-family: 'Noto Sans KR';
}
.map_stats_02>li {
    float: left;
    border: 1px solid #333;
}

.maps {
    float: right;
    background: url(../../img/maps.gif) 0 0 no-repeat;
    width:377px;
    height:560px;
}
.maps img {
    display: none;
}


.mb_hd {
    color: #4b4b4b;
    font-size: 28px;
    display: block;
    width:100%;
    border-bottom: 2px solid #104f93;
    line-height: 28px;
    height:50px;
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.b_cont{
    display: block;
    width:100%;
    padding: 0px;
    border: 0px solid red;
    
}
.b_cont dd {
    display: block;
    width:100%;
    font-size: 17px;
    line-height: 59px;
    height: 59px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d6d6d6;
}
.b_cont dd a{
    padding-left: 10px;
    color: #494949;
    font-weight: 300;
}
.b_cont dd span{
    font-family: 'Nanum Gothic';
    font-size: 16px;
    font-weight: 200;
    color: #777;
    float: right;
    width:130px;
    text-align: center;
}

.main_cont_03 {
    padding: 100px 0 100px 0;
    background: #1d7abd;
    height:271px;
}
.main_cont_03 .banks li {
    float: left;
    height:213px;
    margin-right: 20px;
    background: #2886ca;
    width:247px;
}
.main_cont_03 .banks li:first-child{
    background: none;
    width:300px;
    height:270px;
}
.main_cont_03 .banks li:last-child{
    margin-right: 0px;
}
.banks_hd p {
    font-size: 41px;
	letter-spacing:0px;
	height:55px;
}
.banks_hd {
    padding-top: 30px;
    font-size: 33px;
    font-weight: 300;
    color: #fff;
    line-height: 50px;
    position: relative;
	letter-spacing:-0.5px;
}
.banks_hd:before {
    content: "";
    position: absolute;
    display: block;
    width: 64px;
    height: 1px;
    background: #fff;
    top:0px;
    left:0px; 
}

.banks_hd p {
    padding: 0; margin: 0;
    font-weight: 500;
}
.banks_cont {
    padding: 57px 0 0 33px;
}
.banks_011 {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    height: 39px;
}
.banks_012 {
    font-size: 18px;
    color: #d5edff;
    font-weight: 300;
    height: 32px;
}
.banks_013 {
    font-size: 23px;
    color: #fff;
    font-weight: 700;
    height: 38px;
}
.banks_014 {
    font-size: 17px;
    color: #d5edff;
    font-weight: 300;
    height: 25px;
}

.banks_032 {
    font-size: 18px;
    color: #d5edff;
    font-weight: 300;
    line-height: 20px;
    height: 55px;
}
.banks_033 {
    display: block;
    margin: 0;
    text-align: center;
    padding:0;
    font-size: 18px;
    color: #fff;    
    width:220px;
    height:66px;
    background: #ffc200;
    line-height: 64px;
    font-weight: 500;
    cursor: pointer;
}
.banks_033:hover {
    /*background: #004396;*/
    color: #000;;
	border-right:2px solid #115b91;
	border-bottom:2px solid #115b91;
}    



.main_cont_05 {
    padding: 100px 0 50px 0;
    height:223px;
}

.main_cont_06 {
    padding: 65px 0 60px 0;
    height:68px;
	background:#f3f3f3;
}

.banner_prv,
.banner_nxt {
position:absolute;
top:24px;
left:-30px;
z-index:10;
cursor:pointer;
}

.banner_nxt {
left:1215px;
}

.RollDiv{margin:0 auto; width:1200px; height:68px;border:0px solid red;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:68px;width:1500px}
.RollDiv > div > a{ float:left; display:block;}  
.RollDiv > div > a > img{ width:224px; height:68px;margin-right:20px;}



.mbanners li {
    float: left;
    width:300px;
}
.mbanners div {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #5b5b5b;
    
}
.mbanners div p {
    font-size: 21px;
    font-weight: 400;
    color: #494949;
    padding: 0; margin: 0 0 20px 0;
}

.banners {
    width:300px;
    height:111px;
    margin-bottom: 10px;
}
.banner1 .banners {
    background: url(../../img/mbanner.gif) 0 0 no-repeat;
}
.banner2 .banners {
    background: url(../../img/mbanner.gif) -300px 0 no-repeat;
}
.banner3 .banners {
    background: url(../../img/mbanner.gif) -600px 0 no-repeat;
}
.banner4 .banners {
    background: url(../../img/mbanner.gif) -900px 0 no-repeat;
}

.banner1.bannerson .banners{
    background: url(../../img/mbanner.gif) 0 -111px no-repeat;
}
.banner2.bannerson .banners{
    background: url(../../img/mbanner.gif) -300px -111px no-repeat;
}
.banner3.bannerson .banners{
    background: url(../../img/mbanner.gif) -600px -111px no-repeat;
}
.banner4.bannerson .banners {
    background: url(../../img/mbanner.gif) -900px -111px no-repeat;
}



.conts_04 {
    display: block;
    clear: both;
    width:100%;
    height:580px;
    background: #fff;
    margin: 20px 0 20px 0;
    padding: 70px 0;

}

.conts_04 li {
    text-align:center;float: left;
    vertical-align: top;
    border-right : 1px solid #dbdbdb;
    padding: 0px 0px;
    width:399px;
    height:270px;
    
}
.conts_04 li:nth-child(1),
.conts_04 li:nth-child(2),
.conts_04 li:nth-child(3){
	margin-bottom:50px;
}
.conts_04 li:nth-child(3),
.conts_04 li:last-child {
    border-right : 0px solid #dbdbdb;
}
.conts_04 li p {
    display: block;
    font-weight: 500px;
    font-size: 17px;
    color: #333;
    padding: 15px 0 10px 0;
    margin: 0;
    text-align: center;
}
.conts_04 li span {
    width:100%;
    display: block;
    font-size: 15px;
    color: #888;
    text-align: center;
    font-weight: 400;
}











.vis_nav {
    background: #2d2d2f;
    height:50px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width:100%;
    display: block; clear: both;
}
.vis_nav wrap {
    border-right: 1px solid #dbe0e4;
    height:50px;
}
.vis_nav li {
    border-left: 1px solid #dbe0e4;
    height:50px;
    width:299px;
    float: left;
    font-size: 16px;
    text-align: center;
    line-height: 47px;
    font-weight: 300;
}
.vis_nav li a {
    display: block;
    color: #fff;
    width:100%;
    height: 50px;
}
.vis_nav li a:hover {
    background: #f39600;
}


.main_cont .main_board {
    display: inline-block;
    width:595px;
    height:235px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 1px solid #d4d5d6;
    float: left;
    background: #fff;
    
}
.main_cal {
    float: right;
    display: inline-block;
    width:320px;
    height:300px;
    margin: 0 0px 0 0;
    border: 1px solid #d4d5d6;
    background: #fff;
}
.main_cont .main_bank {
    display: inline-block;
    width:288px;
    height:235px;
    border: 1px solid #d4d5d6;
    margin: 0; padding: 0;
    float: left;
    background: #fff;
}

.tabs {
    display: block;
    clear: both;
    width:100%;
    height: 44px;
    background: #e0e0e0;
    padding: 0; margin: 0;
}
.tabs li {
    float: left;
    line-height: 44px;
    font-size: 17px;
    padding: 0 20px;
    color: #555;
}
.tabs li.on {
    font-size: 18px;
    padding: 0 25px;
    background: #fff;
}
.tabs li.off a:hover {
    color:#ff6600;
}
.tabs p {
    padding: 0; margin: 0;
}

.cal_t01 {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding:30px 0 30px 0;
    font-size: 23px;
    color: #4fa4dc;
}
.main_cal_table th {
    margin: 0 auto;
    text-align: center;
    padding:0;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    height:30px;
    height:30px;
}
.main_cal_table td {
    width:40px;
    height:28px;
    border: 0px solid red;
    margin: 0 auto;
    text-align: center;
    padding:0;
    font-size: 13px;
    color: #7997a6;
}
.cal00 {
    text-decoration: underline;
}
.cal00,
.cal01 {
    border-top-left-radius: 13px; -webkit-border-top-left-radius: 13px; -moz-border-top-left-radius: 13px; 
	border-top-right-radius: 13px; -webkit-border-top-right-radius: 13px; -moz-border-top-right-radius: 13px; 
	border-bottom-left-radius: 13px; -webkit-border-bottom-left-radius: 13px; -moz-border-bottom-left-radius: 13px; 
	border-bottom-right-radius: 13px; -webkit-border-bottom-right-radius: 13px; -moz-border-bottom-right-radius: 13px;
    background: #f36700; color: #fff;
    width:26px; height:26px;
    margin: 0 auto; line-height: 25px;
}
.cal02 {
    text-decoration: underline;
    width:24px; height:24px;
    margin: 0 auto; line-height: 25px;
}
.cal03 {
    text-decoration: none;
    width:24px; height:24px;
    margin: 0 auto; line-height: 25px;
}
.cal00:hover,
.cal01:hover {
    font-size: 15px;
}
.cal02:hover,
.cal03:hover {
    color:#111;
    font-size: 15px;
}
.bank_t01 {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding:22px 0;
    font-size: 20px;
    color: #222;
}
.bank_t02 {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding:0;
    font-size: 20px;
    color: #4fa4dc;
    font-weight: 700;
}
.bank_t03 {
    font-weight: 400;
    font-size: 15px;
    color:#585858;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    padding:5px 0 0 00;    
}
.bank_t04 {
    display: block;
    margin: 18px auto 9px auto;
    text-align: center;
    padding:0;
    font-size: 19px;
    color: #fff;    
    width:250px;
    height:59px;
    background: #162982;
    line-height: 59px;
    font-weight: 300;
    cursor: pointer;
}
.bank_t04:hover {
    background: #f39600;
}
.bank_t05 {
    font-weight: 500;
    font-size: 13px;
    color:#585858;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    padding:0; 
    font-family: 'Nanum Gothic', 굴림;
    letter-spacing: -0.5px;
}


.main_job,
.main_gal {
    display: inline-block;
    width:595px;
    float: left;
    margin-top: 30px;
    margin-right: 10px;

}
.main_gal {
    width:590px;
    margin-right: 0px;
    padding-left: 5px;    
}
.main_job p,
.main_gal p{
    padding: 0; margin: 0;
    display: block;
    font-size: 20px; color: #505262;
    line-height: 20px;
    margin-bottom: 15px;
}
.main_job li {
    display: block;
    width:100%;
    font-size: 15px;
    line-height: 30px;
    height: 32px;
}
.main_job li a{
    color: #444;
    font-weight: 300;
}
.main_job li span{
    font-size: 15px;
    font-weight: 200;
    color: #848484;
    float: right;
    width:130px;
    text-align: center;
}
.main_gal li {
    display: inline-block;
    width:188px;
    font-size: 15px;
    line-height: 25px;
    float: left;
    margin-right: 12px;
}
.main_gal li:last-child {
    margin-right: 0px;
}
.main_gal p{
    margin-bottom: 22px;
}
.main_gal span a{
    font-weight: 300;
    color: #5b5b5b;
}

.main_cont {
    padding-top: 39px;
}

.m_banner_01,
.m_banner_02 {
    display: inline-block;
    width:595px;
    float: left;
    margin-top: 37px;
    margin-right: 10px;
    height: 144px;
    position: relative;
    background: url(../../img/m_banner_01.gif) 0 0 no-repeat;
    cursor: pointer;
}

.m_banner_02 {
    margin: 37px 0 0 0;
    background: url(../../img/m_banner_02.gif) 0 0 no-repeat;
}

.m_banner_01 .mb_t1,
.m_banner_02 .mb_t1 {
    padding: 0; margin: 0;
    color: #fff;
    line-height: 29px;
    font-size: 29px; letter-spacing: -0.5px;
    position: absolute;
    top:42px;
    left:198px; 
}
.m_banner_01 .mb_t2,
.m_banner_02 .mb_t2 {
    padding: 0; margin: 0;
    color: #fff;
    line-height: 18px;
    font-size: 18px; font-weight: 300;
    position: absolute;
    top:82px;
    left:200px; 
}

/* footer */

footer { 
    height: 128px;
    background: #2d2d2e;
    padding: 30px 0;
}
footer .bot_menu {
    display: block;
    height:38px;
    float: left;
    width:800px;
    margin: 5px 0 13px 0;
}
footer .bot_menu li {
    font-size: 18px;
    margin-right: 60px;
    float: left;
    line-height: 24px;
    position: relative;
}
footer .bot_menu li:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 15px;
    background: #545455;
    top:5px;
    right:-30px;
}
footer .bot_menu li:last-child:after {
    background: #2d2d2e;
}
footer .bot_menu li a {
    color: #dedede;    
}
footer .bot_menu li.private a{
    color: #f39600;    
}
footer .bot_select {
    display: block;
    height:37px;
    float: right;
    width:300px;
    position: relative;
    
}
footer .bot_text {
    display: block;
    clear: both;
    width:100%;
    text-align: left;
    line-height: 24px;
    color: #898989;
    font-size: 13px;

}
footer .bot_select li {
    display: block;
    float: right;
    padding:0 0 0 20px;
    text-align: left;
    width: 140px;
    height:37px;
    background: #1e1e1f;
    line-height: 36px;
    border: 0px solid red;
    font-size: 13px;
    font-weight: 500;
    position: relative;

}
footer .bot_select li a {
    color: #c1c1c1;    
}
footer .bot_select li:hover {
    background: #111;
}
footer .bot_select>li>a:after {
    content: "+";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top:0px;
    right:20px;
    font-size: 17px;
    font-weight: 100;
    font-family: 'Nanum Gothic';
}
footer .bot_select>li>a.on:after {
    content: "-";
    font-size: 25px;
    font-weight: 100;
    font-family: 'Nanum Gothic';
    
}
footer .bot_select li>.link_box {
    overflow-y: scroll;
    position: absolute;
    top: -186px;
    left:0;
    width: 178px;
    height: 184px;
    padding: 0px 0;
    border-bottom: 1px solid #777;
    background: #676b76;
    z-index: 1000;
}
footer .bot_select li>.link_box ul {
    padding: 0; margin: 0;
}
footer .bot_select li>.link_box ul>li {
    background: none;
    padding: 0 0 0 10px;
    height:25px;
    width:150px;
}
footer .bot_select li>.link_box ul>li>a {
    color:#fff;
    font-weight: 300;
    font-family: 'Nanum Gothic';
    font-size: 13px;
}
/* subs */

.top_navs {
    height:60px; background: #145096;
}
.top_nav {    
    display: block;
    height:60px;
    width:100%;
    border-left: 1px solid #376aa7;    
}
.top_nav li {
    border-right: 1px solid #376aa7;
    float: left; 
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.top_nav li.on {
    background: #fff;
    font-size: 18px;
}
.top_nav li.on a {
    color: #444;
    font-weight: 500;
}
.top_nav li a {
    color: #fff;
}
.top_nav li a:hover {
    text-decoration: underline;
}
.top_nav8 li {
    width:12.4%;
}

.top_nav4 li {
    width:24.9%;
}
.top_nav3 li {
    width:33.2%;
}
.top_nav7 li {
    width:13%;
}

.top_nav7 li:last-child {
    width:21.4%;
}

.top_nav6 li {
    width:16.555%;
}
.top_nav5 li {
    width:20%;
}

.nav_02,
.nav_01 {
    width:180px;
    padding:0;
}
.nav_02>a,
.nav_01>a {
    width:160px;
    height:46px;
    display: block;
    font-size: 14px;
    color: #eee;
    font-weight: 200;
    background:url('../../img/nav_ico.gif') right 0 no-repeat;
    padding: 0 0 0 20px;
    font-family: 'Nanum Gothic';
}
.nav_02>a.on,
.nav_01>a.on {
    background:url('../../img/nav_ico.gif') right -46px no-repeat;
}
.nav_02 .nav_sub_sel,
.nav_01 .nav_main_sel {
    position: absolute;
    top: 46px;
    left:0;
    width: 180px;
    padding: 0px 0;
    background: #2f3336;
    z-index: 100;
}
.nav_02 .nav_sub_sel ul,
.nav_01 .nav_main_sel ul {
    padding: 0; margin: 0;
}
.nav_02 .nav_sub_sel ul>li,
.nav_01 .nav_main_sel ul>li {
    background: none;
    line-height: 35px;
    height:35px;
    width:100%;
    border-top: 1px solid #5d6368;
}
.nav_02 .nav_sub_sel ul>li>a,
.nav_01 .nav_main_sel ul>li>a {
    color:#ccc;
    font-weight: 300;
    font-family: 'Nanum Gothic';
    font-size: 13px;
    padding: 0 0 0 20px;
    width:160px;
    height:35px;
    display: block;
}
.nav_02 .nav_sub_sel ul>li:hover a,
.nav_01 .nav_main_sel ul>li:hover a {
    color: #fff;
}
.nav_02 .nav_sub_sel ul>li:hover,
.nav_01 .nav_main_sel ul>li:hover {
    background: #4a4a4a;
    color: #fff;
}

.sub_title {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 0; margin: 0;
    position: relative;
    height:169px;    
}

.sub_title .hd {
    position: absolute;
    top:0; left:0; z-index: 10;
    height:169px;
    color: #2d2d2d;
    border-bottom: 1px solid #2e2e2e;
    font-size: 39px;
    line-height: 175px;
    font-weight: 500;
    width:auto;
    display: block;
}

.outline .sub_cont {
    display: block; 
    clear: both;
    margin-top: 70px;
}
.outline .greet li {
    float: left;
    width:300px;
    margin-right: 30px;
}
.outline .greet li:last-child {
    width:870px;
    margin-right: 0px;
}
.greet_t01 {
    font-size: 33px;
    color: 333;
    line-height: 45px;
    padding: 0; margin: 0;
}
.greet_t01 span {
    color: #ff8845;
}
.greet_t02 {
    padding: 0; margin: 35px 0 0 0;
    font-size: 17px;
    color: #4c4c4c;
    line-height: 30px;
    font-weight: 300;
    text-align: justify;
}
.greet_t03 {
    padding: 0; margin: 25px 0 0 0;
    font-size: 18px;
    color: #4c4c4c;
    line-height: 18px;
    font-weight: 300;    
}
.greet_t03 img {
    vertical-align:middle;
}

.subs_bottom {
    clear: both;
    height: 60px;
}

.chairman .grd,
.chairman .grd2 {
    display: inline-block;
    float: left;
    margin-right: 30px;
    width:585px;
    border-top: 2px solid #3f3833;
}
.chairman .grd2 {
    margin: 0;
}

.person {
    display: block;
    width:545px;
    padding:20px;
    border-bottom: 1px solid #444;
}
.person .photo {
    width:141px;
    margin-right: 55px;
    float: left;
}
.person .person_t {
    float: left;
    width:349px;
}
.person_t {
}
.person_t .chairman_t01 {
    font-size: 24px;
    color: #353535;
    padding:18px 0 10px 0; margin: 0;
}
.person_t .chairman_t02 {
    font-size: 26px;
    color: #34689d;    
    padding:10px 0; margin: 0;
}
.person_t .chairman_t03 {
    font-size: 18px;
    color: #555;
    font-weight: 400;
    /*font-family: 'Nanum Gothic';*/
    line-height: 18px;
}
.person_t span {
    font-size: 18px;
    color: #5ea8d7;
    padding: 15px 0 20px 0; margin: 0;
    font-weight: 400;    
}

.map .map_t01 {
    font-size: 16px;
    color: #444;
    font-family: 'Nanum Gothic';
    line-height: 25px;    

}
.history{
    position: relative;
    background: url('../../img/his_bg.gif') 0 0 repeat-y;
    min-height:2850px;
}
.history .his{
    position: absolute;
    width:547px;
    height:auto;
    padding: 0 70px 0 0;
}
.history .his ul {
    padding: 20px 0px 20px 25px;
    border: 1px solid #ccc;
}

.history .his._l{
    left:0;
	float:left;
}
.history .his._r{
	float:right;
    right:0;
    padding: 0  0 0 70px;
}

.history .his .hd{
    font-size: 33px;
    color: #5da2cd;
    line-height: 30px;
    padding:10px 0 20px 0; margin: 0;    
}
.history .his li {
    font-size: 15px;
    color: #555;
    font-family: 'Nanum Gothic';
    line-height: 22px;
    margin: 10px 0;
    display: block;
    
}
.history .his li span {
    display: inline-block;
    min-width:30px;
    font-weight: 600;
    vertical-align: top;
    
}
.history .his li p {
    display: inline-block;
    width:80%;
    padding: 0; margin: 0;
    margin-left: 10px;
}

.history .h2020{
    top:0px;
    background: url('../../img/his_r_bg.png') 10px 50px no-repeat;    
}


.history .h2019{
    top:30px;
    background: url('../../img/his_l_bg.png') 547px 150px no-repeat;    
}

.history .h2018{
    top:330px;
    background: url('../../img/his_r_bg.png') 10px 120px no-repeat;    
}
.history .h2017{
    top:630px;
    background: url('../../img/his_r_bg.png') 10px 120px no-repeat;    
}
.history .h2016{
    top:850px;
    background: url('../../img/his_l_bg.png') 547px 120px no-repeat;    
}
.history .h2015{
    top:1000px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}
.history .h2014{
    top:1180px;
    background: url('../../img/his_l_bg.png') 547px 75px no-repeat;    
}
.history .h2013{
    top:1280px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}
.history .h2012{
    top:1380px;
    background: url('../../img/his_l_bg.png') 547px 90px no-repeat;    
}
.history .h2010{
    top:1490px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}
.history .h2009{
    top:1560px;
    background: url('../../img/his_l_bg.png') 547px 100px no-repeat;    
}

.history .h2001{
    top:1710px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}

.history .h2000{
    top:1840px;
    background: url('../../img/his_l_bg.png') 547px 70px no-repeat;    
}

.history .h1998{
    top:1950px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}

.history .h1995{
    top:2070px;
    background: url('../../img/his_l_bg.png') 547px 70px no-repeat;    
}

.history .h1994{
    top:2170px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}
.history .h1993{
    top:2360px;
    background: url('../../img/his_l_bg.png') 547px 40px no-repeat;    
}
.history .h1990{
    top:2410px;
    background: url('../../img/his_r_bg.png') 10px 70px no-repeat;    
}
.history .h1989{
    top:2600px;
    background: url('../../img/his_l_bg.png') 547px 70px no-repeat;    
}

.purpose_t01 {
    font-size: 30px;
    color: #444;
    line-height: 45px;
    padding:0px 0 20px 0; margin: 0;   
}
.purpose_t02 {
    font-size: 16px;
    color: #444;
    line-height: 29px;
    font-family: 'Nanum Gothic';
    padding:10px 0 0px 0; margin: 0;   
}
.purpose_t02  strong {
    font-size: 20px;
    color: #333;
    display: block;
    line-height: 25px;
    font-family: 'Noto Sans KR';
    padding:0px 0 20px 0; margin: 0;   
    font-weight: 400;
}
.creed .creed_t01{
    font-size: 21px;
    color: #444;
    line-height: 29px;
    padding:0; margin: 0 0 50px 0 ;   
    letter-spacing: -0.5px;
    text-align: justify;
}

.article .hd {
    font-size: 27px;
    font-weight: 500;
    color: #444;
    font-family: 'Noto Sans KR';
    line-height: 29px;
    padding:0; margin: 0 0 30px 0 ;   
    text-align: center;
}
.article .hd2 {padding-top:30px;}
.article .part {
    line-height: 25px;
    padding:20px 0; margin: 0px 0 ;   
    text-align: left;
    clear: both;
    display: block;
    font-size: 16px;
    font-family: 'Nanum Gothic';
    color: #555;
}
.article strong {
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #444;    
    line-height: 29px;
    font-family: 'Noto Sans KR';
    padding:0; margin:0 0 10px 0 ;   
}
.article .part .dep_01 {
    display: block;
    line-height: 25px;
    text-align: left;
    clear: both;
    display: block;
    font-size: 16px;
    font-family: 'Nanum Gothic';
    color: #555;
    padding:10px 0 0 20px; 
    margin:0 0 0px 0 ;   
}
.article .part .dep_02 {
    padding-bottom:10px; 
}
.article .part .dep_03 {
    padding:0 0 0 20px; 
}

.article_bottom{
    text-align: right;
    display: block;
    line-height: 20px;
    clear: both;
    display: block;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    color: #555;
}

.organi_tab {
    display: block;
    width:100%;
    border-bottom: 1px solid #ccc;    
    height:51px;
}
.organi_tab li {
    float: left;
    width:195px;
    border: 1px solid #ccc;
    text-align: center;
    height:50px;
    line-height: 50px;
    font-size: 17px;
    margin-right: 3px;
    background: #f2f2f2;
}
.organi_tab2 li {

    width:13.85%;
}
.organi_tab li a{
    color: #666;
    width:100%;
    display: block;
    height: 100%;
}
.organi_tab li:last-child{
    margin-right: 0px;
}
.organi_tab li.on {
    background: #fff;
    border-bottom: 1px solid #fff;        
    font-size: 19px;    
}
.organi_tab li.on a{
    color: #111;
}

.branch .organi_tab{
    margin-bottom: 50px;
    
}

.branch_tab li {
    width:19.6%;
}

.member_tab{
    margin-top: 25px;
}
.member_tab li {
    float: left;
    width:166px;
    border: 1px solid #ccc;
    text-align: center;
    height:50px;
    line-height: 50px;
    font-size: 17px;
    margin-right: 3px;
    background: #f2f2f2;
}

.organi_cont {
    display: block;
    margin: 0;
    padding: 55px 0 0 0;
    
}

.organi_board {
    border-top: 2px solid #104f93;
}

.organi_board th {
    background: #f3f4f5;
    font-size: 15px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    border-bottom:solid 1px #ccc;        
}

.organi_board td.wall_right {
    height:48px;
    font-size: 15px;
    color:#444;
    font-family: 'Nanum Gothic';
    border-right: solid 1px #ddd;
    border-bottom:solid 1px #ddd;    
    text-align: center;

}
.organi_board td.text_a_left {
    text-align: left;
    padding: 0 0 0 15px;
}
.ing {
    height:100px;
    font-size: 16px;
    color:#444;
    font-family: 'Nanum Gothic';
    border-bottom:solid 1px #ddd;    
    text-align: center;    
    line-height: 100px;
}

.organi_board td.wall_right2 {
    border-bottom: solid 1px #ddd;
}

.organi_board td.wall_right3 {
    border-right: solid 0px #188e2a;
}
.organ td {
    line-height: 21px;
}

.buy .sub_t01,
.practice .sub_t01 {
    font-size: 20px;
    color: #444;
    line-height: 32px;
    padding:0; margin: 0 0 50px 0 ;   
    letter-spacing: -0.5px;
    text-align: justify;   
    font-weight: 400;
}
.buy .sub_t02,
.practice .sub_t02 {
    font-size: 23px;
}
.buy .sub_t03 {
    font-size: 17px;
    color: #444;
    line-height: 33px;
    font-family: 'Noto Sans KR';
    font-weight: 500;    
    font-family: 'Nanum Gothic';
    padding:0px 0 10px 0; margin: 0; 
    
    
}
.buy .sub_t03 span {
    color: #dc2b2b;
    font-weight: 600;    
}

.buy .sub_t04 {
    font-size: 17px;
    color: #444;
    line-height: 33px;
    font-family: 'Noto Sans KR';
    font-family: 'Nanum Gothic';
    padding:0px 0 10px 0; margin: 0; 
    font-weight: 500;
}

.outjob .sub_t02 {
    font-size: 19px;
    color: #444;
    display: block;
    line-height: 25px;
    /*font-family: 'Nanum Gothic';*/
    padding:0px 0 20px 0; margin: 0;   
    font-weight: 400;
}


.sub_t01 {
    font-size: 25px;
    color: #444;
    line-height: 32px;
    padding:0; margin: 0 0 50px 0 ;   
    letter-spacing: -0.5px;
    text-align: justify;   
    font-weight: 400;
}
.sub_t02 {
    font-size: 20px;
    color: #333;
    display: block;
    line-height: 25px;
    font-family: 'Noto Sans KR';
    padding:0px 0 20px 0; margin: 0;   
    font-weight: 400;
}
.sub_t022{
    padding-top: 20px;
}

.sub_t03 {
    font-size: 16px;
    color: #444;
    line-height: 29px;
    font-family: 'Nanum Gothic';
    padding:0px 0 10px 0; margin: 0; 
    font-weight: 500;
}

.sub_t03 span {
    color:#dc2b2b;
    font-weight: 500;
    text-decoration: underline;
}
.sub_t03 span.bold {
    color:#111;
    font-weight:400;
    font-family: 'Noto Sans KR';    
    text-decoration: none;
    font-size: 17px;
}

.search_field {
    width:90px;
    height:42px;
    padding:0 5px 0 15px;
    line-height: 42px;
    font-size: 14px;


}
.board_search .input {
    width:260px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;    
    border: 1px solid #999;
    background: #fff;
}
.board_search td.hd1 {
    line-height: 38px;
    font-size: 16px;    
    color: #336acd;
    font-weight: 500;
}
.board_search td.hd2 {
    line-height: 38px;
    font-size: 16px;    
    color: #444;
    font-weight: 500;    
}
.btn_search {
    display: block;
    width:60px;
    background: #104f93;
    height: 42px;
    color: #eee;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    
}

.board {
    border-top: 2px solid #104f93;
}

/* 게시판 */
.board .header_bg {
    background: #f3f4f5;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    border-bottom:solid 1px #ccc;     
}

.board .header {
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #244c83;
    
}

.board .list td {
    border-bottom: solid 1px #E5E5E5;
    height: 48px;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
    color: #666;    
}
.board .list td a{
    color: #555;
    font-size: 16px;
}



.board .list {
    text-align: center;
    padding-top: 5px;
}

.btn_ {
    display: inline-block;
    width:60px;
    background: #104f93;
    height: 40px;
    color: #eee;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding: 0 15px;
    margin-right: 5px;
}


.btn_01 {
    background: #f9f9f9;
    color: #444;
    border: 1px solid #ccc;
}
.btn_f {
    margin: 0;
}

.btn_cal {
    display: inline-block;
    width:30px;
    background: #6c6c6c;
    height: 20px;
    color: #eee;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
}

/*.board .btn_:hover {
    background: #0a1827;
}*/

/* 페이징 */
.page_num {
    padding: 40px 0px 10px 0;
}

.page_num a {
    padding: 0px 0px;
}
.page_num .page {
    display: inline-block;
    width:26px;
    height:26px;
    border: 1px solid #ddd;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}
.page_num .page a {
    display: block;
    width:100%;
    height: 100%;
}
.page_num .page.on {
    font-size: 14px;
    font-weight: 300;
    background: #103e93;
    border: 1px solid #103e93;
}
.page_num .on a {
    color:#fff;
}

.page_num img {
    vertical-align:bottom;
}


.board_write {
    border-top: 2px solid #104f93;
}

.board .title {
	color:#828282;
	font:bold 11px Dotum;
}
.board_write th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;    
    background: #f9f9f9;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;    
}
.board_write td {
    border-bottom: solid 1px #ddd;
    height: 50px;
    padding-left: 15px;
    font-family: 'Nanum Gothic';    
}

.board_write .input {
    font-family: 'Nanum Gothic';
    height: 30px;
    background: #fcfcfc;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border: solid 1px #B9B9B9;
}

.board_write label{
    margin-right: 10px;
}

.textarea {
    border: solid 1px #B9B9B9;
    background-color: #FFFFFF;
    font-size: 15px;
}

.b_title {
    height: 50px;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 18px;
    color: #111;       
    text-align: center;
    line-height: 50px;
}

.board_view td {
    border-bottom: solid 1px #ddd;
    height: 45px;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
}

.board_view .board_cont {
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.board_view .files {
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;    
}
.commone_cont td {
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;    
}
.board_comment_count {
	font:normal 14px;
}

.category {
	font:normal 12px Dotum;
	color:#828282;
}
.board_date {
	font-size:  13px ;
    font-family: 'Nanum Gothic';
	color:#828282;
}

.messege {
    display: block;
    width:450px;
    min-height:180px;
    background: #fff;
    text-align: center;
    padding: 60px 0 0 0;
    margin: 0 auto;
    border: 3px solid #dddddd;
}
.messege .messege_t01{
    font-weight: 500;
    font-size: 23px;
    line-height: 28px;     
    margin-bottom: 20px;
    color: #1e94d2;
}
.messege .messege_t02{
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;     
    margin-bottom: 30px;
    
}

.login_box {
    display: block;
    width:648px;
    height: 400px;
    margin: 0px auto 0 auto;
    border: 1px solid #ddd;
    
}

.login_box p {
    display: block;
    width:550px;
    margin: 50px auto 0 auto;
    font-size: 35px;
    color: #555;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd;    
}

.login_form {
    position: relative;
    width: 470px;
    margin: 50px auto 0 auto;
    padding: 0;
}
.login_form li {
    margin-bottom: 10px;
}
.login_form li label {
    display: inline-block;
    float: left;
    width: 85px;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    color: #444;
    font-weight: 600;
    margin: 0 0px 0 0;
    padding: 0;
    font-family: 'Nanum Gothic';
    
}
.input_ty {
    width: 270px;
    height: 48px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    font-weight: 100;
    vertical-align: top;
    transition: color 0.4s, border-color 0.4s;
    margin: 0 0px 0 0;
}


.login_form li.btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 106px;
}
.btn_b {
    display: inline-block;
    min-width: 180px;
    height: 48px;
    padding: 0 20px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 47px;
    text-align: center;
}
.btn_ty02 {
    background: #4097d6;
    border: 1px solid #00907f;
    color: #fff !important;
    transition: all 0.4s;
}

.login_form li.btn a.btn_b {
    width: 106px;
    min-width: inherit;
    height: 106px;
    font-weight: 600;
    line-height: 100px;
}


.login_btns {
    width: 470px;
    margin: 25px auto 0 auto;
}
.login_btns > ul {
    margin-left: 0px;
    padding: 0;
}
.login_btns li {
    position: relative;
    display: inline-block;
    padding-left: 90px;
    vertical-align: top; 
    text-align: left;
    width:100%;
}
.login_btns li a {color:#666;}


.find_idpw {
    display: block;
    width:100%;
}

.find_idpw li{
    float: left;
    width:595px;
    margin-right: 10px;
}

.find_idpw li:last-child {
    margin-right: 0px;
    
}

.find_idfw {
    border-top: 2px solid #104f93;
    border-bottom: 1px solid #ddd;    
}

.find_idfw th,
.find_idfw2 th {
    border-bottom: solid 0px #ddd;
    border-right: solid 1px #ddd;
    background: #f9f9f9;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 14px;    
    text-align: center;
    height: 35px;
}
.find_idpw_t01 {
    font-weight: 500;
    font-size: 20px;    
    height: 35px;
    color: #333;
    padding: 0;
    margin: 0 0 0px 0;
}
.find_idfw2 th {
    font-weight: 500;
    font-family: 'Noto Sans KR';
}
.find_idfw td{
    padding:0 0 0 15px;
}

.find_idfw2 {
    border-top: 0px solid #104f93;
    border-bottom: 1px solid #ddd;    
}



.join .sub_t01 {
    color: #1ea0bf;
    padding: 0;
    margin: 0 0 5px 0;
}
.join .sub_t02 {
    color: #444;
}

.mem_class {
    display: block;
    width:760px;
    height:240px;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 20px auto 0 auto;
}
.mem_class li {
    float: left;
    margin-left: 20px;
    width:370px;
    text-align: center;
    padding-top: 50px;
}
.mem_class li:last-child {
    margin-left: 0px;
}
.mem_class li img {
    display: block;
    margin: 0 auto;
}
.btn_mem_class {
    display: inline-block;
    width:260px;
    background: #104f93;
    height: 120px;
    color: #eee;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding: 20px 0 0 0px;
    margin-right: 5px;
    font-size: 19px;
}

.agree .dong {
    color: #444;
    line-height: 28px;
    text-align: right;
    margin-right: 5px;
    font-size: 15px;
}
.tcenter {
    display: block;
    width:100%;
    text-align: center;
    
}
.btn_02 {
    width:120px;
    margin: 10px auto 0 auto;
    display: block;
    font-size: 16px;
}

.join_form_t {
    border-top: 2px solid #104f93;
    border-bottom: 0px solid #ddd;    
}

.join_form_t th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background: #f9f9f9;
    /*font-family: 'Nanum Gothic';*/
    font-weight: 400;
    font-size: 15px;    
    text-align: center;
    height: 35px;
}
.join_form_t td {
    border-bottom: solid 1px #ddd;
    height: 50px;
    padding-left: 15px;
    font-family: 'Nanum Gothic';    
}
    
.join_form_t td .input {
    font-family: 'Nanum Gothic';
    height: 28px;
    background: #fcfcfc;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border: solid 1px #ccc;    
}

.join_form_t td textarea.input {
    margin: 10px 0;
}

.mbtn_ {
    display: inline-block;
    min-width:50px;
    background: #529fcc;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    padding: 0 15px;
    margin-right: 5px;
    font-size: 13px;

}

.mbtn_01 {
    background: #f9f9f9;
    color: #444;
    border: 1px solid #ccc;
}
.help {
    font: normal 13px;
    color: #888;
    margin-left: 10px;
}
.join_form_t td select {
    font-family: 'Nanum Gothic';
    height: 32px;
    background: #fcfcfc;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border: solid 1px #ccc;     
}

input.input_f {
    width:500px; height:32px;
}

.pw_modify {
    background: #fff;
    border: 1px solid #333;
}

.cal_hd {
    /*font-family: 'Nanum Gothic';*/
    height: 50px;
    background: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #444;
    vertical-align: top;
}
.cal_hd2 {
    border-bottom: solid 1px #ddd;
    background: #fafafa;
    /*font-family: 'Nanum Gothic';*/
    font-weight: 400;
    font-size: 17px;   
    height:60px;
}
.cal_hd3 {
    /*font-family: 'Nanum Gothic';*/
    font-weight: 400;
    font-size: 18px;   
    height:30px;
    margin-bottom: 10px;
}
.cal_hd4 {
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 15px;   
    min-height:30px;
    line-height: 28px;
}

.cal_form td {
    font-family: 'Nanum Gothic';
    font-size: 14px;   
}
.cal_form td textarea {
    border: 1px solid #bbb;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Nanum Gothic';
    padding: 0px;
    line-height: 28px;

}
.cal_form th {
    /*font-family: 'Nanum Gothic';*/
    font-size: 15px;   
    min-height:40px;
    line-height: 40px;
    background: #fafafa;
    font-weight: 400;
    line-height: 30px;

}
.cal_form input {
    height: 30px;
    padding: 0 0 0 4px;
    background: #fff;
    border: 1px solid #bbb;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    vertical-align: top;
    transition: color 0.4s, border-color 0.4s;
    margin: 0 0px 0 0;    
}
.cal_sub {
    display: block;
    width:350px;
    border: 1px solid #ddd;
    padding: 10px 0 20px 0;
    background: #fdfdfd;
}
.month_nxt,
.month_pre {
    display: inline-block;
    font-size: 9px;
    padding: 7px 0 0 0;
    margin: 0;
    /*border: 1px solid red;*/
    /*height:22px;*/
    vertical-align: top;
    
}
.month_nxt a,
.month_pre a{
    color:#aaa;
}
.month_y {
    font-size: 20px;
    color: #0b83d3;
    display: inline-block;
    line-height: 20px;
    padding: 0 15px; margin: 0;
    height:30px;
    line-height: 30px;
    /*border: 1px solid red;*/
    vertical-align: top;
    font-weight: 500;
}
.cal_t011 {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding:10px 0 0px 0;
    width:240px;
    
}

.dong2 * {
    font-size:15px;
    line-height:22px;
    color:#666;
    font-family:'Nanum Gothic';
    margin:0;padding:0
}

 .dong2 > h3 {
      padding: 10px 0;
      display: block;
      font-family:'Nanum Gothic';
      font-weight: 400;
      color: #222;
      font-size: 19px;
  }

h1.card_t01 {
      padding: 0px 0;
      display: block;
      font-weight: 400;
      color: #222;
      font-size: 29px;    
}

.card_t02 {
      padding: 0px 0;
      display: block;
      font-family:'Nanum Gothic';
      font-weight: 400;
      color: #222;
      font-size: 17px;    
}

.card_table {
    border-top: 2px solid #104f93;
    border-bottom: 0px solid #ddd;      
    width:100%;
}


.card_table th {
    background: #f3f4f5;
    font-size: 15px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    border-bottom:solid 1px #ccc;        
    border-right: solid 1px #ddd;    
}

.card_table td {
    height:48px;
    font-size: 15px;
    color:#444;
    font-family: 'Nanum Gothic';
    border-bottom:solid 1px #ddd;    
    text-align: left;
    padding-left: 20px;

}
.card_sel {
    font-family: 'Nanum Gothic';
    height: 33px;
    width:200px;
    background: #fafafa;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border: solid 1px #c0c0c0;      
}

.w100,.w200 {
    font-family: 'Nanum Gothic';
    height: 33px;
    width:200px;
    background: #fafafa;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    border: solid 1px #c0c0c0;      
}
.w200 {
    width:280px;
    
}
.btnset {
    text-align: center;
    margin: 30px 0 0 0;
}
.car_btn {
    width:90px;
    font-size: 15px;
}
.car_btn2 {
    border:0px solid #d1d1d1; 
    font-size: 15px;
    width:120px;
    background: #104f93;
    height: 48px;
    color: #eee;
    line-height: 40px;
    text-align: center;
    padding: 0 20px;
    }

.year_hd {
	height:70px;
	padding-left:5px;
    font-size: 20px;
	color:#222;
}
.year_hd select {
    font-size: 17px;
	width:150px;
}

.greet .grt_hd01{
    height:40px;
    font-size: 28px;
    color:#444;
    text-align: left;
	font-weight:500;
    padding: 0px 0 0 0px;
    border-top:0px dashed #d8d8d8; 
	margin-bottom:30px;
}
.greet .grt_hd02{
	height:60px;
    border-bottom:1px dashed #d8d8d8; 
	margin-bottom:60px;

}

#f_banner {
    display: block;
    position: absolute;

    top: 632px;
    left: 1250px;
    z-index: 1999;
}

.states1 {
 color:#DF4C4C;
}
.states2 {
 color:#222222;
}
.states3 {
 color:#056BC2;
}

.print_btn {
	border:0px; outline:0px;  height:30px; background:#66bb55;padding:0px 25px; color:#fff; font-family : 'Noto Sans KR';font-size:15px; line-height:25px; font-weight: 400;
    border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; 
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;
}
.print_btn:hover { cursor:pointer; background:#ff6600;}

.print2_btn {
	border:0px; outline:0px;  height:30px; background:#46abce;padding:0px 10px; color:#fff; font-family : 'Noto Sans KR';font-size:15px; line-height:25px; font-weight: 400;
    border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; 
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;
}
.print2_btn:hover { cursor:pointer; background:#2251af;}

.print_set {
	display:none;
	position:absolute;
	top:500px;
	left:calc(50% - 285px);
	z-index:1000;
	background:#fff;
	border:2px solid #333;
	padding:20px;

}
.print_set .btn {
	display:block;
	width:70px;
	height:30px;
	margin:10px auto 0 auto;
}

.top_nav.top_nav7 li:last-child a {
	letter-spacing:-1px;
}
.board_cont img{
	max-width:1160px;
}

.history_new .year_box {
        display: table;
        table-layout: fixed;
        width: 100%;
}
.history_new .year_box .year {
        width: 370px;
        font-family: 'Roboto', sans-serif;
        font-size: 47px;
        color: #222427;
        font-weight: 900;
        border-right: 1px solid #e8e8e8;
        position: relative;
		line-height:60px;
		text-align:center;
    }
.history_new .year_box .year div {
	position: relative;
}	
.history_new .year_box .year div::before {
        content: '';
        width: 19px;
        height: 19px;
        border: 1px solid #E05E5E;
        box-sizing: border-box;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-top: -10px;
        border-radius: 10px;
        background-color: #fff;
}
.history_new .year_box .year div::after {
        content: '';
        width: 7px;
        height: 7px;
        background-color: #E05E5E;
        position: absolute;
        right: -4px;
        top: 50%;
        margin-top: -4px;
        border-radius: 5px;
}
.history_new .year_box > div {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 50px;
    }
.history_new .year_list ul {
        padding-left: 90px;
        padding-top: 8px;
        position: relative;
    }
.history_new .year_list li {
        font-size: 17px;
        color: #666;
        letter-spacing: -0.025em;
        word-break: keep-all;
        text-indent: -9px;
        padding-left: 9px;
        margin-bottom: 13px;
	    font-weight: 400;		
    }
.history_new .year_list li span{
    width: 40px;
    font-weight: 600;
	margin-right:15px;
	display:inline-block;
	text-align:right;
}