@charset "euc-kr";
/*CSS Document*/
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../css/fonts/NanumGothic.eot'); 
  src: local('?'), url(../'css/fonts/NanumGothic.woff') format('woff'), url('../css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('../css/fonts/NanumGothicBold.eot');     
  src: local('?'), url('../css/fonts/NanumGothicBold.woff') format('woff'), url('../css/fonts/NanumGothicBold.ttf') format('truetype'); 
}

/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family:'³ª´®°íµñ', 'NanumGothic'; font-size:13px; color:#333333; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* ¾Ö´ÏÀ§Áî ¼Ö·ç¼ÇÀº middle */
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#e90000; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}








/* Çì´õ
------------------------------------------------------------------------------------------------------------*/
#Header{background:#fafafa;}
#Header .inner{position:relative; width:1000px; height:79px; margin:0 auto;}
#Header h1{position:absolute; left:0; top:18px;}

#Header .topmenu{position:absolute; right:0; top:22px;}
#Header .topmenu li{float:left; padding-left:20px; background:url(../img/header/l.gif) 10px 4px no-repeat;}
#Header .topmenu li.first{padding-left:0; background:none;}
#Header .topmenu li a{display:block; color:#605b5c; font-size:12px; font-weight:bold;}
#Header .topmenu li a:hover{text-decoration:none; color:#fff;}





/* ³×ºñ°ÔÀ̼Ç
------------------------------------------------------------------------------------------------------------*/
#Navi_wrap{background:#6d9319; border-top:1px solid #5e8212; z-index:99;}
#Navi_wrap .inner{width:1000px; height:40px; margin:0 auto;}

#Navi{width:1000px; height:40px; display:block; z-index:99;}
#Navi li{float:left; position:relative; border-right:1px solid #54790a; z-index:66;}
#Navi li.first{border-left:1px solid #54790a;}
#Navi li.first a{padding-left:3px;}
#Navi li a{display:block; width:141px; height:30px; padding:10px 0 0; text-align:center; color:#f6ffd1; font-weight:600; font-size:15px;}
#Navi li a:hover{}

#Navi li:hover, #Navi li.on{position:relative; z-index:77; background:#577614;}
#Navi li:hover a, #Navi li.on a{color:#fdf025; text-decoration:none;}

#Navi li:hover .category{display:block;}
#Navi li .category{position:absolute; left:0; top:40px; background:#577614; display:none; width:200px;}
#Navi li .category li{clear:both; border:0 none;}
#Navi li .category li a{display:block; height:24px; width:160px; padding:8px 20px 0; text-align:left; border-bottom:1px solid #46630f; border-top:1px solid #67841f; font-weight:normal; color:#f6ffd1; font-size:12px;}
#Navi li .category li a:hover{color:#fff; background:#4e6a12;}





/* ǪÅÍ
------------------------------------------------------------------------------------------------------------*/
#Sponsor{height:53px; background:url(../img/footer/spon_bg.gif) left top repeat-x; border-top:1px solid #d2d2d2; border-bottom:1px solid #c7c7c7;}
#Sponsor ul{width:1000px; margin:0 auto; overflow:hidden;}
#Sponsor ul li{float:left;}
#Sponsor ul li a, #Sponsor ul li img{display:block;}

#Footer{background:#ebebec; padding:35px 0 40px;}
#Footer .inner{width:1000px; margin:0 auto; background:url(../img/footer/logo.gif) right 0 no-repeat;}

#Footer .F_menu{overflow:hidden;}
#Footer .F_menu li{float:left; padding-left:23px; background:url(../img/footer/l.gif) 12px 0 no-repeat;}
#Footer .F_menu li.first{padding-left:0; background:none;}
#Footer .F_menu li a{display:block; font-weight:bold; color:#555; font-size:12px;}
#Footer .F_menu li a:hover{text-decoration:none; color:#000;}

#Footer .F_info{color:#787878; line-height:1.8; padding:10px 0 0; font-size:12px;}
#Footer .F_info span{display:inline-block; padding:0 7px; color:#bbbbbb;}
#Footer .F_info small{display:block; font-size:12px; color:#a7a7a7;}





/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¿µ¿ª
------------------------------------------------------------------------------------------------------------*/
#M_vis{background:#f4f0ed; text-align:center;}

#M_container{width:1000px; margin:20px auto 40px; overflow:hidden;}

/* ¸ÞÀÎ ´Þ·Â*/
#M_container .M_cal{float:left; width:210px; height:180px; padding:9px; background:#f5f5f3; border:1px solid #d0d0d0; overflow:hidden;}
#M_container .M_cal .month{position:relative; font-size:15px; color:#3b3b3b; text-align:center; font-weight:600;margin:0 0 8px 0;}
#M_container .M_cal .month a.btn_l{position:absolute; left:10px; top:5px;}
#M_container .M_cal .month a.btn_r{position:absolute; right:10px; top:5px;}

#M_container .M_cal .calendar{}
#M_container .M_cal .calendar table{border-spacing:1px; background:#e4e4e4;}
#M_container .M_cal .calendar table td{background:#fff; font-size:12px;}
#M_container .M_cal .calendar table td a{display:block;}
#M_container .M_cal .calendar table thead{}
#M_container .M_cal .calendar table thead td{height:25px; text-align:center; font-size:12px; color:#333;}
#M_container .M_cal .calendar table tbody{}
#M_container .M_cal .calendar table tbody td{height:25px; padding:0 3px 0 0; text-align:right; font-size:12px; color:#333;}
#M_container .M_cal .calendar table .sat{background:#f4faff; color:#0000ff;}
#M_container .M_cal .calendar table .sun{background:#fff5f4; color:#ff0000;}
#M_container .M_cal .calendar table .on{background:#acacd7; color:#000; font-weight:bold;}


/* °¡¿îµ¥ ·Ñ¸µ¹è³Ê ¿µ¿ª */
#M_container .M_slide{float:left; width:500px; height:200px; margin:0 0 0 20px;}
#M_container .M_slide #rollBanner {width:500px; height:200px;}
#M_container .M_slide #rollBanner #cnt {position:relative; overflow:hidden; width:500px; height:200px;}
#M_container .M_slide #rollBanner #cnt ul li {float:left; width:500px;}
#M_container .M_slide #rollBanner #cnt ul li a {display:block; width:100%; height:100%;}
#M_container .M_slide #rollBanner #cnt ul li img {width:100%; height:auto;}

#M_container .M_slide #rollBanner #cnt .location {position:absolute; top:10px; right:8px; z-index:10;}
#M_container .M_slide #rollBanner #cnt .location a {display:inline-block; width:12px; height:12px; margin:0 2px; background:url(../img/main/off.png) left top no-repeat;; font-size: 0;}
#M_container .M_slide #rollBanner #cnt .location a.on {background-image:url(../img/main/on.png);}


/* ¿ìÃø Äü¸µÅ© ¾ÆÀÌÄÜ ¹è³Ê */
#M_container .M_quick{float:left; width:230px; height:200px; margin:0 0 0 20px;}
#M_container .M_quick ul{overflow:hidden;}
#M_container .M_quick ul li{float:left;}


/* Çà»çÀÏÁ¤ */
#M_container .M_event{float:left; position:relative; width:208px; height:188px; padding:0 10px; margin:20px 0 0 0; background:url(../img/main/notice_bg.gif) left top repeat-x;; border:1px solid #d0d0d0;}
#M_container .M_event p.tit{font-weight:600; color:#5b5b5b; font-size:13px; padding:8px 0 0; height:35px; letter-spacing:-0.05em;}
#M_container .M_event a.more{position:absolute; right:11px; top:14px;}
#M_container .M_event td{font-size:12px;}


/* °øÁö»çÇ× */
#M_container .M_notice{float:left; position:relative; width:470px; height:150px; padding:40px 15px 0; margin:20px 0 0 20px; overflow:hidden;}
#M_container .M_notice a.more{position:absolute; right:0; top:7px;}

#M_container .M_notice .notice_tab{position:absolute; left:0; top:0; width:500px; height:34px; border-bottom:2px solid #555; overflow:hidden;}
#M_container .M_notice .notice_tab li{float:left; margin-right:4px;}
#M_container .M_notice .notice_tab li a{display:block; width:123px; height:24px; padding:10px 0 0; font-size:13px; font-weight:600; color:#5d5c5c; letter-spacing:-0.05em; text-align:center; background:url(../img/main/notice_off.gif) top center no-repeat;}
#M_container .M_notice .notice_tab li a:hover{text-decoration:none; color:#000;}
#M_container .M_notice .notice_tab li a.on{background-image:url(../img/main/notice_on.gif); color:#fff;}
#M_container .M_notice td{font-size:12px;}


/* Çмú´ëȸ °¶·¯¸® */
#M_container .M_gallery{float:left; position:relative; width:230px; height:190px; margin:20px 0 0 20px;}
#M_container .M_gallery p.tit{height:26px; padding:8px 0 0; border-bottom:2px solid #555555; font-weight:600; font-size:14px; letter-spacing:-0.05em; margin-bottom:4px;}
#M_container .M_gallery a.more{position:absolute; right:0; top:7px;}
#M_container .M_gallery td{font-size:12px;}
#M_container .M_gallery td a{color:#666;}
#M_container .M_gallery td a:hover{text-decoration:none; color:#e90000;}
#M_container .M_gallery td a:hover b{color:#e90000;}
#M_container .M_gallery td a b{display:block; color:#333; padding-bottom:5px;}





/* ¼­ºê ·¹À̾ƿô
------------------------------------------------------------------------------------------------------------*/
#S_container{width:1000px; margin:30px auto 50px; overflow:hidden;}
#S_container #Left_area{float:left; width:175px;}
#S_container #Content_area{float:right; width:770px;}

/* ¼­ºê ÁÂÃø */
#Left_area h2{height:56px; text-align:center; background:#577614;}
#Left_area h2 div{display:table-cell; width:175px; height:56px; vertical-align:middle; color:#fff; font-weight:600; font-size:18px;}
#Left_area .lnb{}
#Left_area .lnb li{}
#Left_area .lnb li a{display:block; border-bottom:1px solid #dedede; height:32px; padding:15px 0 0 10px; color:#666; font-size:13px;}
#Left_area .lnb li a:hover{color:#000; text-decoration:none;}
#Left_area .lnb li a.on{color:#f55747;}

/* ÆäÀÌÁö ŸÀÌƲ */
#Pagetit{height:54px; border-bottom:2px solid #555; overflow:hidden; margin-bottom:20px;}
#Pagetit h2{float:left; margin:5px 0 0; color:#333; font-size:30px; font-weight:600;}
#Pagetit ul{float:right; overflow:hidden; margin-top:20px; padding-left:10px; background:url(../img/sub/home.gif) left 3px no-repeat;}
#Pagetit ul li{float:left; color:#666; padding-left:23px; background:url(../img/sub/arrow.gif) 11px 5px no-repeat; font-size:12px;}

#Contents{min-height:350px; line-height:1.7;}




/* ¼­ºê ÄÁÅÙÃ÷
------------------------------------------------------------------------------------------------------------*/

/* ´ã´çÀÚ ¹Ú½º */
.staff{border:4px solid #efefef; padding:10px 20px; line-height:2;}
.staff li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; color:#666;}
.staff li b{color:#333; font-weight:600;}
.staff li span{display:inline-block; padding:0 10px; color:#ddd;}


/* ¿¬Çõ */
.dep_slnb{overflow:hidden; border-bottom:2px solid #555; margin-bottom:20px;}
.dep_slnb li{float:left; margin-right:4px;}
.dep_slnb li a{display:block; height:28px; padding:5px 15px 0; font-weight:600; color:#666; font-size:13px; border-width:1px 1px 0 1px; border-style:solid; border-color:#cfd2d9; background:url(../img/sub/tab_off.gif) left bottom repeat-x; text-align:center; min-width:100px;}
.dep_slnb li.on a{background-image:url(../img/sub/tab_on.gif); color:#fff; border-color:#555;}



/* ¹öÆ°
------------------------------------------------------------------------------------------------------------*/
.btn_gray{display:inline-block; background:url(../img/sub/btn_gray50.gif) left bottom repeat-x; color:#fff!important; text-align:center; border:1px solid #777; border-radius:3px;}
.btn_gray:hover{text-decoration:none; background:#666;}
.btn_gray.h37{height:30px; padding:5px 50px 0; font-weight:600; font-size:14px;}






/* °øÅë
------------------------------------------------------------------------------------------------------------*/
h3{background:url(../img/sub/h3.gif) left 7px no-repeat; padding-left:17px; font-weight:600; color:#000; font-size:15px;}

/* À̹ÌÁö ·Ñ¿À¹ö Å׵θ® */
.imgborder{padding:2px; border:1px solid #cccccc;}
.imgborder:hover{border-color:#ff7171;}

/* ȸ»ö ¹Ú½º */
.graybox{background:#f7f7f7; border:1px solid #ddd; padding:10px 20px;}/* ȸ»ö¹è°æ_Å׵θ® */
.graybox2{border:4px solid #efefef; padding:10px 20px;}/* ȸ»ö µÎ²¨¿î Å׵θ® */


/* ¼­ºê ÅÇ*/
.sub_tab{overflow:hidden; border-bottom:2px solid #555; margin-bottom:20px;}
.sub_tab li{float:left; margin-right:4px;}
.sub_tab li a{display:block; height:28px; padding:5px 15px 0; font-weight:600; color:#666; font-size:13px; border-width:1px 1px 0 1px; border-style:solid; border-color:#cfd2d9; background:url(../img/sub/tab_off.gif) left bottom repeat-x; text-align:center; min-width:100px;}
.sub_tab li a.on{background-image:url(../img/sub/tab_on.gif); color:#fff; border-color:#555;}

/* ¼­ºê ÅÇ 2 */
.sub_tab2{overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.sub_tab2 li{float:left; width:20%;}
.sub_tab2 li a{display:block; padding:5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.sub_tab2 li a:hover{background:#EBEBEC; text-decoration:none;}

.sub_tab2.col4 li{width:30%;}

/* ¼ýÀÚ ¸®½ºÆ® */
.number{margin-left:20px; text-align:left;}
.number li{list-style:decimal; margin-bottom:20px;}
.number.small li{margin-bottom:10px;}

/* µµÆ® ¸®½ºÆ® */
.list_basic{}
.list_basic li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; margin-bottom:20px;}
.list_basic.small li{margin-bottom:10px;}


/* ÆùÆ® »ö»ó */
font.red{color:#f55747;}


.summary{font-size:12px; color:#666;}


/* Å×ÀÌºí ±âº» °¡·ÎÇü */
.table_basic{border-top:1px solid #ccc;}
.table_basic th, .table_basic td{border-bottom:1px solid #ccc;}
.table_basic th{background:#f9f9f9;}
.table_basic th.lt{border-left:1px solid #ccc;}
.table_basic td{padding:5px 10px; border-left:1px solid #ccc;}
.table_basic td.gray{color:#999;}

.table_basic thead{background:#eee;}
.table_basic thead th, .table_basic thead td{text-align:center; font-weight:bold;}
.table_basic thead th{background:none;}

.table_basic.center td{text-align:center;}
.table_basic input {
    background: #f7f7f7;
    border: 1px solid #ccc;
    height: 19px;
	margin:3px;
}

h3.tit{background:url(<?=$skin_dir?>/image/h3.gif) left 3px no-repeat; padding-left:18px; line-height:1.2; font-size:17px; font-weight:700;}
.top15{margin-top:15px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}

.sympo_inputtable{border-top:2px solid #999999;}
.sympo_inputtable th, .sympo_inputtable td{padding:8px 10px; text-align:left; font-weight:normal; border-bottom:1px solid #dddddd;}
.sympo_inputtable th{background:#EEEFF1; color:#444444;}
.sympo_inputtable td{}
.sympo_inputtable .input{padding:2px; line-height:1.2;}

.select{width:150px; height:20px;}
.file{width:400px;}

.plusicon_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.plusicon_btn:hover{background:#e83421; text-decoration:none;}

.download_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.download_btn:hover{background:#e83421; text-decoration:none;}

#bold {font-weight: bold;}
#redbold {color: #900;}

.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}