/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font: inherit;}
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;}
input{vertical-align:middle;}
ol, ul, li{list-style: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: inherit; text-decoration:none;}
a:visited{color: inherit; text-decoration:none;}
a:hover{color: inherit; text-decoration:none;}
a:active{color: inherit; text-decoration:none;} */



/* 메인 컨텐츠 영역
------------------------------------------------------------------------------------------------------------*/
#M_vis{background:#ececec; text-align:center;}

#M_container{width:1280px; 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 .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;}





/* 서브 레이아웃
------------------------------------------------------------------------------------------------------------*/

/* 서브 좌측 */
#Left_area h2{height:56px; text-align:center; background:#e83421;}
#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;}






/* 버튼
------------------------------------------------------------------------------------------------------------*/
.btn_gray{display:inline-block; background: url(../img/sub/btn_gray50.gif) left bottom repeat-x; color: #fff; 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;}






/* 공통
------------------------------------------------------------------------------------------------------------*/

/* 이미지 롤오버 테두리 */
.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;}/* 회색 두꺼운 테두리 */



/* 서브 탭 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:25%;}

/* 숫자 리스트 */
.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;}


/* 테이블 기본 가로형 */

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;}


.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;}

.bbs_basic_list{}
.bbs_basic_list caption{color:#5e5e5e; line-height:1.6; padding-bottom:5px;}
.bbs_basic_list thead{}
.bbs_basic_list thead td{text-align:center; background:#6f7684; color:#ffffff; font-weight:bold; font-size:12px; height:30px;}
.bbs_basic_list tbody{}
.bbs_basic_list tbody td{border-bottom:1px solid #e7e7e7; text-align:center; color:#5e5e5e; min-height:26px; padding:3px 0;}
.bbs_basic_list tbody td.subject{text-align:left;}
.bbs_basic_list tbody td.subject a{color:#5e5e5e;}
.bbs_basic_list tbody td.subject a:hover{color:#000000;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.bbs_basic_list tbody td{height:26px;}
}