@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('common.css');
@import url('main.css');
@import url('sub.css');body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans KR', sans-serif; font-size:13px;}
body,th,td,textarea{ line-height:14px;}
body{}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:13px;color:#787878;text-decoration:none;}
a:visited{font-size:13px;color:#787878;text-decoration:none;}
a:hover{font-size:13px;color:#787878;text-decoration:underline;}


body{
background-image:url(/base/img/main_img/index_02.jpg);background-repeat: repeat-x;
}

/* ¹è³Ê»çÀÌÁî¿Í À§Ä¡ */
#s_banner_wrap {width:100%; min-width:1024px; margin:0 auto; z-index: -999;}
#s_banner_wrap1 {width:1024px; min-width:1024px; margin:0 auto; z-index: -999;}
#banner_01{width:1024px;}
#banner_02{width:1024px;}



.snb a:link{font-size:14px;color:#787878;text-decoration:none; font-weight:bold;}
.snb a:visited{font-size:14px;color:#787878;text-decoration:none; font-weight:bold;}
.snb a:hover{font-size:14px;color:#bc2f57;text-decoration:none; font-weight:bold;}


/* »ç¿ëÀÚ ÆäÀÌ¡ - À§Ä¡¿Í ¸ð¾çÀ» ÀÚÀ¯·Ó°Ô º¯Çü */
#bx-pager1 {position: absolute; bottom:10px; }
#bx-pager1 a{float:left; margin:0 5px;display: block; width:20px; height:30px; font-size:12px; line-height:18px; text-align:center; background:#999;  color:#333 }
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000;  color: #CCC;}
/* »ç¿ëÀÚ ÆäÀÌ¡ - ¿¢Æ¼ºê»óÅ¿¡ ´ëÇÑ ¼Ó¼º°ª ÁöÁ¤ */
#bx-pager1 a.active{ background: #000; color: #CCC; }


ul,li { list-style:none; }
a { text-decoration:none; color:#000; }
.tab { border:1px solid #ddd; border-left:none; background:#fff; overflow:hidden; }
.tab li { float:left; width:20%; border-left:1px solid #ddd; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; padding:20px; cursor:pointer; }
.tab li.on { background-color:#428dd3; color:#fff; }
.tab_con { clear:both; margin-top:5px; border:1px solid #ddd; }
.tab_con div { display:none; height:610px; background:#fff; line-height:130px; text-align:center; }


/* »ó´ã¹®ÀÇ ***************************************************************************************************************************************************/
.online {width:100%;}
.online > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
.online text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.online text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}

@media screen and (max-width:1280px){
.online > div {width:100%;}
}
@media screen and (max-width:1008px){
.online > div {width:720px; padding:0px 0 70px 0;}
}
@media screen and (max-width:640px){
.online > div {width:450px; padding:0px 0 60px 0;}
}

@media screen and (max-width:460px){
.online > div {width:300px; padding:0px 0 50px 0; }
.online text01 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
.online text02 {width:100%;float:left; font-family:Noto Sans KR, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}

#mbg{background:#e8ecef;}
.msot{width:1024px; margin:0 auto;}

#content{width:100%;}
.cont{width:1024px; margin:0 auto;}
.cont li{float:left;}
.cont1{width:1024px; margin:0 auto;}
.cont2{width:1024px; margin:0 auto; margin-top:30px;}
.cont2 li{float:left;}

#foot{width:100%; display: inline-block; background-image:url(/base/img/main_img/index_51.jpg);background-repeat: repeat-x;}
.foot{width:1024px; margin:0 auto;}