/* Written By MJS */

html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


html,body{min-width:1100px;}


/* ³ª´®°íµñ ÆùÆ® Àû¿ë */
@font-face{
font-family:ng;
src:url(./font/NanumGothic.eot);
src:local(¡Ø), url(./font/NanumGothic.woff) format(¡®woff¡¯)}

*{font-family:NanumGothic,'³ª´®°íµñ',ng,sans-serif}





/*=================================== »ó´Ü ===================================*/
/* ·Î°í */
.logo{float:left;width:390px;height:70px;}


/* ¸Þ´º */
.menu{position:absolute;right:0;top:10px;z-index:1000;}
.menu > ul{float:left;}

/* ´ë¸Þ´º */
.menu > ul > li{float:left;height:22px;padding-left:66px;}
.menu > ul > li:first-child{border-left:none;padding-left:0;}
.menu > ul > li > a{float:left;display:block;padding-bottom:54px;}

/* ¸¶¿ì½º hover ½Ã ³ª¿À´Â Á߸޴º Ʋ */
.menu > ul > li > ul{display:none;}
.menu > ul > li:hover ul{position:absolute;left:0;top:40px;width:180px;display:block;z-index:1000;}

/* Á߸޴º ¸¶¿ì½º off */
.menu > ul > li:hover ul.m001{left:-40px;background:#ffa800;}
.menu > ul > li:hover ul.m002{left:100px;background:#52c32f;}
.menu > ul > li:hover ul.m003{left:268px;background:#ff678b;}
.menu > ul > li:hover ul.m004{left:440px;background:#a351dd;}
.menu > ul > li:hover ul.m005{left:590px;;background:#3babf9;}

/* Á߸޴º ¸¶¿ì½º hover */
.menu > ul > li:hover ul.m001 a:hover{background:#ff7800;}
.menu > ul > li:hover ul.m002 a:hover{background:#299906;}
.menu > ul > li:hover ul.m003 a:hover{background:#ea3560;}
.menu > ul > li:hover ul.m004 a:hover{background:#852cc3;}
.menu > ul > li:hover ul.m005 a:hover{background:#127dc8;}

/* Á߸޴º °¢°¢ È¿°ú */
.menu li li{display:inline-block;float:left;width:100%;background:none;text-align:center;}
.menu li li a{float:left;display:block;width:100%;font-weight:bold;font-size:14px;color:#fff;padding:10px 0;cursor:pointer;}
.menu li li a:hover{color:#fff;font-weight:bold;}





/*=================================== ¸ÞÀÎ ===================================*/
/* ¸ÞÀÎ ºñÁÖ¾ó */
#slide{position:relative;float:left;width:100%;height:400px;overflow:hidden;}
#wrapper{position:absolute;top:0;left:0;width:100%;height:400px;background:#e0e0e0;overflow:hidden;}
#slideshow{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
#slides{position:relative;width:2000px;height:400px;}
#slides li{float:left;}


/* °øÁö»çÇ×,°¡Á¤Åë½Å¹®,ÀÚÀ¯°Ô½ÃÆÇ */
#tab{position:relative;float:left;width:489px;height:248px;border:5px solid #ff7f00;}
ul.tabs{float:left;width:489px;}
ul.tabs li{float:left;height:50px;}
ul.tabs li a{display:block;width:163px;height:60px;line-height:60px;font-size:20px;font-weight:600;text-align:center;color:#fff;background:#ff7f00;letter-spacing:-1px;}
ul.tabs li.active .tab01,ul.tabs li.active a:hover.tab01{color:#000;background:#fff;}
ul.tabs li.active .tab02,ul.tabs li.active a:hover.tab02{color:#000;background:#fff;}
ul.tabs li.active .tab03,ul.tabs li.active a:hover.tab03{color:#000;background:#fff;}
.tab_container{float:left;width:489px;height:auto;}
.tab_content{padding:25px 20px;}

/* ±Û¸ñ·Ï */
 ul.board{float:left;width:100%;}
 ul.board li{float:left;padding-left:12px;background:url(../img/bullet.png) no-repeat 0 50%;}
 ul.board li a{float:left;display:inline-block;width:320px;line-height:32px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden;}
 ul.board li a:hover{color:#000;}
 ul.board li span.date{float:left;width:80px;padding-left:30px;line-height:26px;font-size:14px;vertical-align:middle;color:#898989;}


/* ¸ÞÀΠŸÀÌƲ */
.m_title{float:left;width:100%;height:26px;line-height:26px;font-size:24px;font-weight:600;color:#000;letter-spacing:-1px;}


/* ¹è³Ê3Á¾ */
#banner{position:relative;float:left;width:291px;margin:0 20px;border:5px solid #fa8994;}
#banner a{position:relative;float:left;width:211px;height:82px;line-height:80px;font-size:18px;font-weight:600;color:#000;border-top:1px solid #ccc;padding-left:80px;}
#banner a.bn_bg01{background:url(../img/bn_bg01.png) no-repeat 20px 20px;}
#banner a.bn_bg02{background:url(../img/bn_bg02.png) no-repeat 20px 20px;}
#banner a.bn_bg03{background:url(../img/bn_bg03.png) no-repeat 20px 20px;}
#banner a:first-child{border:none;}
#banner a span{position:absolute;right:20px;top:33px;width:9px;height:17px;background:url(../img/arrow.png) no-repeat;}


/* »ó´ã¹®ÀÇÀüÈ­ */
#customer{position:relative;float:left;width:200px;padding:25px;border:5px solid #6ad32a;}
.cs_num{float:left;width:100%;height:36px;line-height:36px;font-size:34px;font-weight:bold;letter-spacing:-3px;margin:10px 0;color:#3b7d00;}
.cs_txt{float:left;width:100%;font-size:11px;line-height:16px;color:#000;text-align:left;}
.cs_txt2{float:left;width:100%;font-size:11px;color:#555;text-align:left;}
.cs_title{float:left;width:100%;font-size:16px;font-weight:600;color:#000;text-align:left;margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
.cs_bank{float:left;width:148px;height:20px;line-height:20px;font-size:18px;font-weight:bold;color:#1b7fc1;letter-spacing:-1px;margin:6px 0;padding-left:58px;background:url(../img/bank_nh.gif) no-repeat;}




/* »ý»ýÇöÀ彺ÄÉÄ¡ */
#gallery{position:relative;float:left;width:1040px;padding:25px;border:5px solid #68cbf5;}
#gallery ul{float:left;width:1050px;margin-left:-5px;margin-top:20px;}
#gallery ul li{float:left;width:165px;margin:0 5px;}
#gallery ul li p{float:left;width:100%;font-size:14px;font-weight:600;color:#000;text-align:center;margin-top:10px;}
.m_more{position:absolute;top:34px;right:25px;font-size:14px;font-weight:600;color:#777;}/* ´õº¸±â */





/*=================================== ÇÏ´Ü ===================================*/
/* À¯°ü±â°ü */
#rolling{position:relative;width:1100px;height:40px;margin:0 auto;}
#rolling a{display:block;padding:0 5px;}


/* ÇÏ´Ü ·Î°í */
.f_logo{float:left;width:290px;padding-top:16px;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.4;}


/* ÇÏ´Ü ¸Þ´º, Ä«ÇǶóÀÌÆ® */
.f_right{float:left;width:810px;}
.f_mn{float:left;width:100%;margin-bottom:10px;}
.f_mn a{float:left;margin-right:4px;font-size:14px;font-weight:600;color:#000;}

.copy{float:left;width:100%;color:#666;line-height:18px;font-weight:400;}





/*=================================== ¼­ºê ===================================*/
/* ¼­ºêºñÁÖ¾ó */
#sub_visual{position:relative;float:left;width:100%;height:200px;overflow:hidden;z-index:-9999;}
.s_visual{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}


/* ÁÂÃø ¸Þ´º */
.left{position:relative;float:left;width:198px;}
/* ÁÂÃø ŸÀÌƲ */
.left_title{float:left;width:100%;font-size:28px;color:#f77101;font-weight:600;padding:50px 20px 20px 20px;text-align:left;}
/* ÁÂÃø ¸Þ´º ¸®½ºÆ® */
.left_mn_w{float:left;width:158px;padding:0 20px;}
ul.left_mn{float:left;width:100%;}
ul.left_mn li{float:left;width:100%;height:34px;line-height:34px;}
ul.left_mn li a{float:left;display:block;font-size:16px;font-weight:600;color:#555;}
ul.left_mn li a:hover,ul.left_mn li a.on{color:#1e904c;text-decoration:underline;}


/* ÁÂÃø °í°´¼¾ÅÍ */
.left_cs{float:left;width:168px;padding:15px;background:#f3f7f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:80px;}
.left_cs_title{float:left;width:100%;font-size:16px;font-weight:600;color:#000;}
.left_cs_num{float:left;width:100%;height:30px;line-height:30px;font-size:28px;font-weight:bold;letter-spacing:-2px;margin:10px 0;color:#3b7d00;}
.left_cs_txt{float:left;width:100%;font-size:11px;line-height:16px;color:#000;text-align:left;}
.left_cs_txt2{float:left;width:100%;font-size:11px;color:#555;text-align:center;}
.left_cs_title2{float:left;width:100%;font-size:12px;font-weight:600;color:#000;text-align:left;margin-top:8px;padding-top:8px;border-top:1px solid #ccc;}
.left_cs_bank{float:left;width:151px;height:17px;line-height:12px;font-size:15px;font-weight:bold;color:#1b7fc1;letter-spacing:-1px;margin:10px 0 4px 0;padding-left:47px;background:url(../img/bank_nh2.gif) no-repeat;}


/* ÁÂÃø ¹è³Ê3Á¾ */
.left_bn{position:relative;float:left;width:198px;}
.left_bn a{position:relative;float:left;width:130px;height:50px;line-height:50px;font-size:14px;font-weight:600;color:#000;padding:0 15px 0 54px;border-bottom:1px solid #ccc;}
.left_bn a.bn2_bg01{background:url(../img/bn2_bg01.png) no-repeat 15px 10px;}
.left_bn a.bn2_bg02{background:url(../img/bn2_bg02.png) no-repeat 15px 10px;}
.left_bn a.bn2_bg03{background:url(../img/bn2_bg03.png) no-repeat 15px 12px;}
.left_bn a:hover{text-decoration:underline;}
.left_bn a span{position:absolute;right:15px;top:19px;width:9px;height:17px;background:url(../img/arrow2.png) no-repeat;}


/* ¼­ºêÄÁÅÙÃ÷ Ʋ */
.sub_content{float:left;width:840px;min-height:860px;padding-bottom:60px;}
.page_title{float:left;width:100%;padding:30px 0 20px 0;font-size:24px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;margin-bottom:38px;}/* ÆäÀÌÁö ŸÀÌƲ */


/* ¼­ºê ³×ºñ°ÔÀÌ¼Ç */
.navi{position:absolute;right:30px;top:40px;font-size:13px;}
.navi a{font-size:13px;letter-spacing:1px;}
.page{float:left;width:100%;}
.page h4 {margin-bottom:14px; padding-left:22px; color:#323232; font-size:20px; background:url(../img/h4_ico.png) 0 3px no-repeat;}
.page h5 {margin-bottom:14px; color:#40acea; font-size:16px;}
.page p {margin-bottom:30px; font-size:14px; line-height:160%;}
.page ul {margin-bottom:30px; font-size:14px; line-height:160%;}





/* Å×ÀÌºí °øÅë ¼Ó¼º */
.tbl{float:left;width:100%;border-top:3px solid #789bdd;}
.tbl table{float:left;width:100%;}
.tbl table caption{display:none;}
.tbl table th{font-size:16px;font-weight:600;background:#f6f9ff;}
.tbl table td{font-size:14px;}
.tbl table th,.tbl table td{padding:15px;border-left:1px solid #d6e1f5;border-bottom:1px solid #d6e1f5;}
.tbl table th:first-child,.tbl table td:first-child{border-left:none;}


/* »ó´Ü Áß¿ä ¸àÆ® */
.ment{float:left;width:840px;background:url(../img/pattern.png) repeat}
.ment_w{float:left;width:790px;line-height:30px;font-size:19px;font-weight:600;background:#fff9fc;color:#333;padding:20px;margin:5px;}


/* Àλ縻 */
#greeting{float:left;width:100%;min-height:750px;background:url(../img/greeting.png) no-repeat;}
.gree_title{float:left;width:100%;font-size:32px;line-height:40px;font-weight:600;letter-spacing:-2px;margin-bottom:36px;color:#1d8e49;}
.gree_txt{float:left;width:100%;font-size:16px;line-height:22px;text-align:justify;letter-spacing:-0.1px;font-weight:600;color:#555;}
.gree_end{float:right;width:100%;text-align:right;font-size:20px;line-height:26px;font-weight:600;color:#333;margin-top:40px;}


/* ±â°ü¿¬Çõ */
#history{float:left;width:100%;}
#history ul{float:left;width:100%;}
#history ul li{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
#history ul li b{float:left;line-height:34px;font-size:32px;font-weight:600;letter-spacing:-2px;color:#f06333;margin-bottom:15px;padding-left:28px;background:url(../img/bullet_01.png) no-repeat 0 8px;}
#history ul li span{float:left;width:100%;font-size:16px;padding-left:12px;margin-left:15px;background:url(../img/bullet_02.png) no-repeat 0 50%;}


/* ã¾Æ¿À½Ã´Â±æ */
.bus_icon{float:left;display:block;width:100%;height:18px;line-height:18px;font-size:14px;padding-left:32px;margin-right:26px;margin:5px 0;background:url(../img/bus_icon.png) no-repeat 0 0;}
.bus_icon span.bus_stop{background-position:0px 0px;}
.bus_icon span.bus_blue{background-position:0px -18px;}
.bus_icon span.bus_green{background-position:0px -36px;}
.bus_icon span.bus_town{background-position:0px -54px;}


/* ¼¾ÅÍÀÌ¿ë¾È³» */
.guide{float:left;width:780px;padding:30px;background:#f5fcff;}
ul.sub_list{float:left;width:100%;}
ul.sub_list li{float:left;width:100%;line-height:26px;line-height:26px;font-size:16px;font-weight:600;color:#333;margin-bottom:20px;}
ul.sub_list li b{float:left;height:36px;line-height:26px;font-size:16px;font-weight:bold;color:#fff;padding:0 6px;margin-right:8px;margin-bottom:20px;background:#2caeea;}


/* ÇÁ·Î±×·¥È°µ¿ */
.program{float:left;width:750px;padding:30px;background:#f5fcff;}
ul.sub_list2{float:left;width:100%;}
ul.sub_list2 li{float:left;width:100%;line-height:26px;line-height:26px;font-size:16px;font-weight:600;color:#333;margin-bottom:20px;}
ul.sub_list2 li b{float:left;height:36px;line-height:26px;font-size:16px;font-weight:bold;color:#fff;padding:0 6px;margin-right:8px;margin-bottom:20px;background:#FF678B;}


/* ÈÄ¿ø½Åû¾È³» */
.support{float:left;width:100%;font-size:18px;line-height:34px;color:#000;margin-bottom:60px;}
.support .page_bank{float:left;width:840px;height:70px;line-height:70px;text-align:center;font-size:24px;font-weight:bold;color:#fff;background:#ea7fb1;margin-bottom:20px;}

/* ´Ù¿î·Îµå¹öÆ° */
.page_btn{position:relative;float:left;width:281px;height:51px;background:#fff;margin:0 280px;text-align:center;}
.page_btn:hover{background:#fff2f8;}
.page_btn a{float:left;width:250px;height:50px;line-height:50px;font-size:18px;font-weight:600;color:#000;padding-left:30px;border:1px solid #000;background:url(../img/download.png) no-repeat 30px 16px;}
.page_btn a:hover{border:1px solid #d61d73;color:#d61d73;background:url(../img/download_hover.png) no-repeat 30px 16px;}


/* ±âŸ */
.doc .n_pdd {margin-bottom:0;}
.inbox {margin-bottom:30px; padding:29px; border:1px solid #dedede;}
.inbox2 {margin-bottom:30px; padding:29px; border:1px solid #becada; background:#eef0f6;}


/* ¸®½ºÆ® */
ul.uls {}
ul.uls li {padding-left:12px; background:url(../img/uls_bu.gif) 0 10px no-repeat;}
ol.ols {margin-bottom:30px; margin-left:16px; padding-left:5px; list-style:outside;}
ol.ols li {list-style-type:decimal;}
ol.ols li ol li {list-style-type:disc;}


/* ¸ÞÀÎÈ­¸é ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.maintlt{width:1050px;position:absolute;top:0;left:50%;margin:150px 0 0 -550px;z-index:99999;text-align:center;
font-size:40px;font-weight:bold;color:#33ccff;
text-shadow: 2px 2px 5px #0A7D84;

}
.maintlt ul{width:1050px; list-tyle:none;}
.maintlt li{display:block;width:100%;text-align:center;}

/* ¼­ºêÈ­¸é ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.subtlt{width:800px;position:absolute;top:0;left:50%;margin:60px 0 0 -400px;z-index:99999;text-align:center;
font-size:30px;font-weight:bold;color:#33ccff;
text-shadow: 2px 2px 5px #0A7D84;

}
.subtlt ul{width:800px; list-tyle:none;}
.subtlt li{display:block;width:100%;text-align:center;}