@charset "utf-8";

/* 메인이미지 */
#sub_bg { width:100%; height:100%; background-color:#eeeeee;; border-bottom:2px solid #0e2958; }
#sub_bg .sub { width:1000px; margin:0 auto;}

/* 서브페이지 컨텐츠 */
#sub_content { width:1000px; margin:0 auto;}


/* 본문 오른쪽 영역*/
.content_right {width:780px; float:left; padding-top:30px; margin-left:20px; }
.right_title { width:780px; height:30px; float:left;  color:#666666; font-size:13px; text-align:right; border-bottom:1px solid #eeeeee; margin-bottom:10px;}
.right_title > span { color:#0096db; text-decoration:underline;font-weight:bold;}
.right_body { width:760px; 	padding:20px 10px 20px 10px; float:left; position:relative; }
.document_title {font-size:14px; font-weight:bold; color:#166bab; display:block; margin:15px 0px;}

/* lnb 메뉴 영역*/
#lnb_manu { width:198px; float:left; border-style:none solid solid solid; border-width:1px; border-color:#c9c9c9; margin-bottom:250px; margin-top:20px; border-top:1px solid #c9c9c9;}
#lnb_manu .lnb_title {width:200px; height:48px; padding-top:33px; font-size:24px; font-weight:bold; color:#3484df; text-align:center; display:block; border-bottom:1px solid #c9c9c9;}
.lnb_bg li a {height: 24px; text-decoration: none; font-weight: normal; }
.lnb_bg li a:link, .lnb_bg li a:visited { height:29px; color: #666666; display: block; background:url(../images/sub/sub_menu.gif); background-repeat: no-repeat; padding-left:10px; padding-top:7px; border-bottom:1px solid #c9c9c9;}
.lnb_bg li a:hover { height:29px; font-weight:bold; color: #ffffff; background: url(../images/sub/sub_menu.gif) 0 -36px; background-repeat: no-repeat; padding-left:10px; padding-top:7px; border-bottom:1px solid #c9c9c9; }

/* 탭메뉴 스크립트 스타일 */
ul.tabs {margin: 0;padding: 0;float: left;list-style: none; width:100%; font-size:13px;}
ul.tabs li {float: left;text-align:center;cursor: pointer; width:120px;height: 31px;padding-top:5px;letter-spacing:-0.06em;line-height:31px;border: 1px solid #eee; border-left: none; font-weight: bold; background: #fafafa; overflow: hidden; position: relative;}
ul.tabs li.active, ul.tabs li:after{ background: #0059a9;color:#fff;}
.tab_container { width:100%; clear: both; float:left; background: #FFFFFF;}
.tab_content { font-size: 14px; margin-top:10px;}
.tab_container .tab_content ul { width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li {  padding:5px; list-style:none}
 #container { width: 760px; margin: 0 auto;}
 #container h3{font-size:28px;color:#1998d8;font-weight:bold}
 #container .history_title{width:250px;background:#fff;border:0}

 /*  연혁 */
#conference { padding:15px; }
#conference > #conference_title { margin-top:30px; height:35px; text-align:left; font-size:24px; font-weight:bold; border-bottom:1px solid #dddddd;}
ul#conference_text { margin-top:15px; margin-bottom:60px; }
ul#conference_text > li { line-height:30px; height:30px; }
ul#conference_text > li span.text_left { font-weight:bold; width:130px; margin-right:10px; display:inline-block; color:#0059a9; float:left; }
ul#conference_text > li span.text_right {display:inline-block; width:580px; float:right; }

.conference_table { border:1px solid #dddddd; }
.conference_table th { border:1px solid #dddddd; }
.conference_table tr { border:1px solid #dddddd; }
.conference_table td { border:1px solid #dddddd; }

/* 연혁페이지 */
.n_t { width:700px; height:75px; }
.n_t >span { display:inline-block; padding:15px; border:2px solid #33abe2; text-align:center; font-size:15px; font-weight:bold; margin-right:8px; cursor:pointer;}

/* 회칙 */
.document_ul { margin-left:10px; }
.document_ul li { line-height:28px; padding:0px 0px; }
.document_ul li > span { font-weight:bold;}

/* 발자취 */
.history_title { display:block; border-bottom:1px solid #dddddd; padding:10px 0px; margin-bottom:20px; margin-top:20px; font-size:24px; color:#166bab; }
ul.history li { display:block; line-height:24px; padding:5px 0px;}
ul.history li > span { font-weight:bold; margin-right:20px; }

/* 테이블 */
.td_bottom { border-bottom: #cccccc 1px solid; padding-left:6px; }
.td_bottom_r { border-bottom: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-left:6px; }
.td_top {BORDER-top: #cccccc 2px solid; BORDER-BOTTOM: #cccccc 1px solid; PADDING-LEFT: 6px; background-color:#f5f5f5; }
a{color:#666666; text-decoration:none;}
.txtarea {border:#c8c8c8 1px solid; font-family:verdana; background-color:#F0FBFF; }
.input_login {BORDER: #cccccc 1px solid; COLOR: #666666; background-color: #efefef; vertical-align:middle; line-height:20px; margin:0px 15px 0px 2px;}
.input_class {BORDER: #cccccc 1px solid; COLOR: #666666; background-color: #efefef; vertical-align:middle; line-height:20px; margin:0px 15px 0px 2px;}


/* 회원가입 */
.sub_con li {display: inline;}
.title_f_t {float: left;width: 140px;font-size: 13px;color: #333333;padding-top: 8px;padding-right:10px;text-align: left;letter-spacing: -1px;}
.input_text_li input {background-color: #f9f9f9;border-top: 1px solid #c6c6c6;border-left: 1px solid #c6c6c6;border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;height: 20px;color: #adadad;font-size: 13px;line-height: 20px;padding-left: 10px;}
.title_f_t_red {font-size: 12px;color: red;padding-top: 8px;padding-left: 10px;text-align: left;}
.title_f_t_r {font-size: 12px;color: #8e8e8e;padding-top: 8px;padding-left: 10px;text-align: left;}
.join {padding: 0px;margin: 0px;width: 715px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;line-height: 20px;text-align: left;display: inline-block;border-bottom: 1px solid #e3e3e3;}

.r_body {width:750px;}
.body1 img{ padding-right:50px; margin-bottom:30px;}
.m_padding {padding-left:10px;padding-bottom:5px; padding-top:5px;}
.m_title { background-color:#d7dee1; padding-top:5px; padding-bottom:5px;}
.tt {width:700px; position:relative;}
.tt .title_left {width:750px;}

/* 회원가입안내 */
.join_down { margin:20px 10px 40px 10px; padding:10px;}
.join_down > span { width:200px; height:30px; border:1px solid #dddddd; display:block; text-align:center; line-height:30px; margin:0 auto; }
.join_down > span > a { display:block; }

/* 로그인 */
#login_box {width:655px; height:229px; margin:30px 0px 30px 35px; background:url('../images/sub/mem_join_boxbg.gif') no-repeat; border:0;}
#login_box ul {margin:0px; padding:95px 50px 0px 0px;}
#login_box li {text-align:right; }
#login_box .login_text { margin-right:3px; }

/* 관리자 페이지 */
.admin_ul { padding:0px;margin:20px 20px;}
.admin_ul li {float:left; width:150px;margin:5px; padding:0px 0px 0px 20px; background-color:#fff;}
.admin_ul li p {width:100%px;border:1px solid #ccc;margin:0px;margin-top:-1px;padding-top:5px;padding-bottom:5px;}
.admin_ul li p a { padding:0px 0px 0px 5px; color:#666;}
.admin_title {text-align:center; background-color:#f5f5f5;}
.admin_title a span{color:#4280ff; font-weight:bold;}

/*논문투고 리스트 탭메뉴*/
#list_set {position:relative; width:700px; margin:0 auto; padding-left:30px;}
#tab_box {float:left; width:700px; height:26px; border-bottom: #0096db 1px solid; margin:0 auto; padding:0px;}
.tab_menu {float:left; width:128px; height:26px; margin:0px; padding-top:1px;}
#list_table {float:left; width:700px; margin:0px; padding:0px; }

/*갤러리 게시판*/
.photo-list{margin-left: -35px;}
.photo-list > li {margin-left: 33px; float: left; position: relative; width: 230px; margin-bottom: 30px;}
.photo-list > li .img {position: relative; height: 180px; line-height: 160px;  box-sizing: border-box; border: 1px solid #eee; text-align: center; padding:0; }
.photo-list > li .img img {vertical-align: middle; max-height: 178px; width: auto; }
.photo-list > li .dim-over {position: absolute; width: 100%; height: 180px; background: rgba(0,0,0, 0.35); top:0; left:0; display: none}
.photo-list > li .dim-over span {position: absolute; top:50%; left:50%; font-size: 40px; color: #fff; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: rgba(0,0,0, 0.65); border-radius: 30px}
.photo-list > li >a:hover .dim-over {display: block;}
.photo-list .tit input[type=checkbox], .photo-list .tit h5 {display: inline-block; vertical-align: middle;}
.photo-list .tit h5{height: 20px; line-height: 20px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 190px;margin:10px 0 10px 0;}
.photo-list > li .over-ut {position: absolute; top:10px; right: 10px; width: 40%; height: 60px; text-align: right}
.photo-list > li .over-ut>a {padding-left: 0.5em; position: relative;}
.photo-list > li .over-ut>a:hover .tooltip {display: block;}
.p-date {margin:0;}
.text-center {text-align: center !important;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block; width: 0; height: 0; content: ''; clear: both;}