@charset "utf-8";

/* comm */
.nolist {text-align:center;line-height:46px}
.num, .date, .views, .won, .hit, time{font-family:Verdana;font-size:11px;color:#777}
.new {display:inline-block; margin-left:3px;width:15px; height:14px; vertical-align:middle; text-indent:-99999px;background:url('./board/ico_new.gif') no-repeat}
.must {display:inline-block;width:5px;height:5px;margin:0 3px; vertical-align:middle;font-size:0;text-indent:-99999px;background:url('./board/bu_must.gif') no-repeat}
.icon_notice {padding-left:20px;background:url('./board/ico_notice.png') no-repeat 0 50%;font-family:"NanumGothic" !important}
.ellipsis {display:inline-block;overflow: hidden;width:auto;max-width:90% !important;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis}
.scroll{overflow:scroll;overflow-x:hidden}
.border {border: 1px solid #ccc}

/* search : 오른쪽정렬 */
.board_header {position: relative;overflow:hidden; margin:0 0 10px 0;font-size:13px}
.board_header form {float: right}
.board_header select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('./board/select_arrow.gif') no-repeat 94% 50% }
.board_header select::-ms-expand {display: none}
.board_header select {display: inline-block;height:34px;padding:0 20px 0 5px;margin-right:2px;background: url('./board/select_arrow.gif') no-repeat 94% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.board_header .keyword {display:inline-block;width:160px;height:30px;margin-right:2px}
.board_header .btn_search {width:65px;height:32px; color: #fff;font-size: 14px; font-weight:700; font-family:'NanumMyeongjo'; cursor: pointer;background:#000;border:1px solid #000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior: url("PIE.htc")}
.board_header .btn_search:hover,.board_header .btn_search:focus {background:#00a296}

/* total */
.total_articles {float:left;font-size:13px; width:100%}
.total_articles em {color:#EA5A2A; font-weight:700}

/* .board : list */
.board_list {width:100%;table-layout:fixed;border-top: 1px solid #837266; font-size:14px}
.board_list thead th {padding:12px 0;border-bottom:1px solid #c9c9c9;background:#fff url('./board/bar.gif') no-repeat left 50%}
.board_list thead th.first {border-bottom:1px solid #000; background-image:none}
.board_list thead th.last {border-bottom: 1px  solid #000}
.board_list tbody tr:hover,.board_list tbody tr:focus {background:#f4f8fc}
.board_list tbody td {padding:10px 6px;border-bottom: 1px solid #d3d3d3;text-align:center;font-size:13px}
.board_list tbody td.title {text-align:left;padding-left:10px;font-size:14px}
.board_list tbody td.title .icon_file {display:inline-block;margin-left:5px;width:12px; height:12px; text-indent:-99999px; vertical-align:middle;background:url('./board/ico_clip.png') no-repeat}
.board_list tbody td ul {overflow: hidden;margin: 0}
.board_list tbody td ul li {text-indent:8px;background: url('./board/dot.gif') no-repeat  left 8px; line-height: 1.5;overflow: hidden;width:auto;max-width:90% !important;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis }
.board_list tbody tr:last-child td {border-bottom: 1px solid #615e5d}
.board_list .d_btn {margin:0}

/* board : view_table */
.board_view_table {width:100%;table-layout:fixed;border-top: 1px solid #d3d3d3;font-size:14px}
.board_view_table thead th {padding:15px 0;background: url('./board/pattern.gif');border-bottom:1px solid #d3d3d3;color:#333; font-size:18px; font-weight:400}
.board_view_table thead th:first-child {}
.board_view_table tbody th {padding:10px 0;border-bottom: 1px solid #d3d3d3;background:#F4F4F4;color:#666;line-height:1.6;vertical-align:top}
.board_view_table tbody td {padding:10px 10px;border-bottom: 1px solid #d3d3d3;border-left: 1px solid #DEDEDE;line-height:1.6;vertical-align:top}
.board_view_table tbody td:first-child {border-left: none}
.board_view_table tbody td.date {font-size:14px}
.board_view_table tbody td table{width:100%;border-bottom: 1px solid #c3c3c3}
.board_view_table tbody td table thead th {background:#EAEAEA;padding:4px}
.board_view_table tbody td table td:first-child{border-left: none}
.board_view_table .data_text {padding:20px 20px;color:#666; line-height:1.6;white-space:normal;word-break:break-all}
.board_view_table .data_text img {display:block;max-width:90%; margin:10px auto}
.board_view_table .data_text p {margin-bottom:0 !important }
.board_view_table a.file {display:inline-block; padding-left:18px; color:#666;  background:url('./board/ico_clip.png') no-repeat  left 3px}
.board_view_table .d_btn {margin:0}

/* 첨부파일 */
.board_view .fieldbox {padding:10px 20px; border-top:1px solid #d7d7d7;border-bottom:1px solid #d3d3d3}
.board_view .fieldbox dl {overflow:hidden; color:#666; line-height:1.5 }
.board_view .fieldbox dt {float:left; padding:0 10px 0 0; margin:0 13px 0 0; font-weight:700; background:url('./board/bar.gif') right center no-repeat }
.board_view .fieldbox dd {float:left}
.board_view .fieldbox dd a {display:inline-block; padding-left:18px; color:#666; background:url('./board/ico_clip.png') no-repeat  left 4px}

/* wrap_reply */
.wrap_reply {overflow: hidden; margin: 30px 0 30px;font-size:14px}
.wrap_reply .reply_enter {padding: 15px 25px 20px 25px; border: solid #cac6c6; border-width: 1px; background: #f9f9f9}
.wrap_reply .reply_enter > span:first-child {display:inline-block; margin-bottom:5px}
.wrap_reply .reply_enter span.enter_text {margin-left: 10px; padding-left: 10px; border-left: 1px solid #999; font-size:12px}
.wrap_reply .reply_enter span.enter_text em {color: #f0752c; font-style:400; font-size:12px}
.wrap_reply .reply_enter > div {position: relative;overflow: hidden; margin-top: 5px}
.wrap_reply .reply_enter > div .reply {float:left; width:86%;margin-right:10px; height:40px;padding:10px;border: 1px solid #bdbdbd; background: #fff; color: #a9a9a9}
.wrap_reply .reply_enter > div .btn_reg {position: absolute; top:0; right:0;margin:0;width:100px;text-align:center;padding:10px 0;line-height:38px;height:38px;font-size:16px; color: #fff;background:#000;border:1px solid #000}
.wrap_reply .reply_enter > div .btn_reg:hover, .wrap_reply .reply_enter > div .btn_reg:focus {background:#00a296}
.wrap_reply .reply_list {margin-top: 10px}
.wrap_reply .reply_list .reply_total {padding: 11px 0;color:#666; font-weight:700}
.wrap_reply .reply_list .reply_total em {color: #f0752c; font-style:400}
.wrap_reply .reply_list ul {border: solid #ababab; border-width: 2px 0 1px}
.wrap_reply .reply_list ul li {position: relative; padding: 10px 0; border-top: 1px solid #d6d6d6}
.wrap_reply .reply_list ul li:hover,.wrap_reply .reply_list ul li:focus{background: #fafafa}
.wrap_reply .reply_list ul li div:first-child {margin-bottom: 8px; color: #777}
.wrap_reply .reply_list ul li div span.name {margin-right: 10px; padding-right: 10px; border-right: 1px solid #999; font-weight:700}
.wrap_reply .reply_list ul li .reply_view {width: 90%}
.wrap_reply .reply_list ul li .reply_delete {position: absolute; top: 50%; right: 20px; margin-top: -13px}

/* board : write */
.board_write {width:100%;table-layout:fixed;border-top:2px solid #2c2c2c;border-bottom: 1px solid #d3d3d3;font-size:14px}
.board_write th {text-align:right; padding:5px 20px 5px 0;border-top: 1px solid #ddd;background:#f5f5f5; vertical-align:top}
.board_write td {padding:5px 0 5px 10px;border-top: 1px solid #ddd;vertical-align:top}
.board_write tr:first-child th { }
.board_write tr:first-child td { }
.board_write td label {vertical-align:middle}
.board_write .textarea {width:97%; height:130px; overflow-x:hidden;padding:20px 1%; line-height:1.8}
.board_write .d_btn {margin:0}
.board_write .btn_file{display:inline-block;cursor: pointer}
.board_write .clause_check{margin:5px 0 0 0}
.board_write .clause_check input{margin-right:5px}
.board_write .clause_check label{font-size:13px; color:#777777}

/* .board : list down */
.board_list_down {width:100%;table-layout:fixed;border-top: 1px solid #837266; font-size:14px}
.board_list_down thead th {padding:12px 0;border-bottom:1px solid #c9c9c9;background:#fff url('./board/bar.gif') no-repeat left 50%}
.board_list_down thead th.first {border-bottom:1px solid #000; background:none}
.board_list_down thead th.last {border-bottom: 1px  solid #000}
.board_list_down tbody tr:hover,.board_list tbody tr:focus {background:#f4f8fc}
.board_list_down tbody td {padding:10px 6px;border-bottom: 1px solid #d3d3d3;text-align:center;font-size:13px}
.board_list_down tbody td.title {text-align:left;padding-left:10px;font-size:14px}
.board_list_down .d_btn {margin:0}

/* 공지사항 */
.press_list {overflow: hidden;width:100%;border-bottom: 1px solid #d3d3d3;font-size:14px}
.press_list li {float:left; width:33.33333%;height:100%}
.press_list li:after {content: ''; display: table; clear: both}
.press_list li a {display:block; overflow:hidden;position:relative; margin:18px;background:#fff; border: solid;border-width:2px 1px 1px 1px; border-color: #000 #ccc #ccc #ccc }
.press_list dl {padding:20px 25px 20px 25px}
.press_list .img {overflow:hidden; width:100%; height:160px;white-space:nowrap;text-align:center}
.press_list .img img {width:100%}
.press_list .title {overflow:hidden;height:48px;margin-bottom:10px;color:#333; font-size:18px; line-height:1.4}
.press_list .title span{display:block; margin-bottom:3px; font-size:15px; color:#00a296}
.press_list .text {overflow:hidden;height:55px;font-size:14px; line-height:1.4; color:#666;margin-bottom:10px}
.press_list .line {padding-top:10px;border-top: 1px #dedede dotted}
.press_list .date ,.press_list .views {color: #777;font-size: 13px;font-family: 'georgia'; font-style: italic}
.press_list.date {margin-right:20px}
.press_list a:hover, .press_list a:focus {text-decoration:none}
.press_list a:hover .title, .press_list a:focus .title{text-decoration:underline}

/* 포토갤러리 */
.box_list {overflow: hidden;width:100%;margin:10px 0 0 0}
.box_list li {float:left; width:33.33333%}
.box_list li:after {content: ''; display: table; clear: both}
.box_list li a {display:block; overflow:hidden;position:relative;max-height:420px;margin:18px;background:#fff;border: solid;border-width:1px 1px 1px 1px;border-color: #ccc #ccc #ccc #ccc }
.box_list li.photo a {background:#f4f4f4}
.box_list li a > dl {padding:20px 25px 20px 25px}
.box_list .img  {overflow:hidden; width:100%;height:160px; vertical-align:top}
.box_list .img img {width:100%}
.box_list .title {overflow:hidden;height:74px; margin-bottom:5px;color:#333; font-size:18px; line-height:1.4}
.box_list .title span{display:block; margin-bottom:3px; font-size:15px; color:#00a296}
.box_list .text {overflow:hidden;height:62px; margin-bottom:10px;font-size:13px; line-height:1.6}
.box_list .date {color: #777;font-size: 13px;font-family: 'georgia'; font-style: italic;padding-top: 10px;border-top: 1px solid #dedede}
.box_list .date .icon_file {float:right;display:inline-block;width:12px; height:12px; text-indent:-99999px; vertical-align:middle;background:url('./board/icon_file.gif') no-repeat}
.box_list a:hover, .box_list a:focus {text-decoration:none}
.box_list a:hover .title, .box_list a:focus .title{text-decoration:underline}

/* Location Info */
.way .map {overflow: hidden;text-align:center;margin:0 auto;border:1px solid #ccc}

/* 교수소개 */
.pro_list{position:relative;padding:20px 10px;border-bottom:1px dashed #ddd}
.pro_list:after {content:" ";display:block;visibility:hidden;clear:both}
.pro_list .pro_img{float:left;overflow: hidden;position:relative;display:block;width:116px;height:140px;margin-right:3%;border:1px solid #ccc;background:#e7e7e8 url('./board/professor_img.png') no-repeat 50% 50%}
.pro_list .pro_img img{width:116px; height:140px}
.pro_list .pro_info {float:left;display:block;position:relative;width:84%;z-index:1}
.pro_list .pro_info h4 {display:block;margin:0}
.pro_list .pro_info h4 a {letter-spacing:-0.5px;text-align:left;font-weight:400;line-height:24px;letter-spacing:0;word-break:keep-all;word-wrap:break-word}
.pro_list .pro_info h4 .tit_division {display:inline-block;margin-left:0;width:20%;color:#555;border-bottom:1px solid #b2b2b2; padding-bottom:10px; font-size:18px; font-weight:100}
.pro_list .pro_info h4 .tit_name {display:inline-block;margin-left:3%;width:76%;color:#222;font-weight:600;border-bottom:1px solid #000; padding-bottom:10px; font-size:18px; font-weight:600}
.pro_list .pro_info ul {margin-top:10px}
.pro_list .pro_info ul li {position:relative;display:block;padding:0 0 0 24%;color:#666;font-size:14px;line-height:30px;vertical-align:middle}
.pro_list .pro_info ul li:after {content:" ";display:block;visibility:hidden;clear:both}
.pro_list .pro_info ul li b {display:block;position:absolute;top:0;left:0;width:20%;color:#999;font-weight:600;font-family: 'NanumMyeongjo'}
.pro_list .pro_info ul li span {display:inline-block;font-size:14px}

.professor_box {position:relative}
.professor_box .close {position:absolute;top:20px; right:20px; width:30px;height:30px; text-indent:-9999px; background:url('./board/menu_close.png') no-repeat 0 0}
.top_professor {padding:30px}
.top_professor:after {content: " "; display: block; visibility: hidden; clear: both}
.top_professor .img_pro {float:left;overflow: hidden;width:200px;height:248px;border:1px solid #ccc;margin-right:1%;background:#e7e7e8 url('./board/professor_img.png') no-repeat 50% 50%}
.top_professor .img_pro img {width:200px; height:248px}
.top_professor .pro_info {float:right;width:65%}
.top_professor .pro_info .pro_tit h4 {margin:0;padding:0 0 15px 0;border-bottom:1px solid #b2b2b2}
.top_professor .pro_info .pro_tit h4 .pro_name {color:#333;font-size:25px;font-weight:700;letter-spacing:0;word-break:keep-all;word-wrap:break-word}
.top_professor .pro_info .pro_tit .pro_dir{display: block; color: #767676;height:30px;line-height:29px;font-size:16px;font-weight:400;letter-spacing:0px;font-family: 'NanumMyeongjo'}
.top_professor .pro_info ul {margin-top:20px}
.top_professor .pro_info ul li {display:block;color:#666;font-size:14px;line-height:2.6}
.top_professor .pro_info ul li em {display:inline-block;width:20%;color:#999;font-weight:600;font-family: 'NanumMyeongjo'}

.professor_box .list_box {padding: 30px; border-top: 1px dashed #bcbdc0;background: #fafafa}
.professor_box .list_box  h5 {color: #0c4da2; font-size: 16px; font-weight:400;margin:0 0 0 30px; padding: 0 0 0 18px; background: url('./board/list_bul.png') no-repeat -4px 5px}
.professor_box .list_box:first-child {border-top: none}
.professor_box .list_box ul {margin:20px 0 0 30px}
.professor_box .list_box li {padding-left:18px; background: url('./board/dot.gif') no-repeat 0 50%;font-size:14px;line-height:1.8;margin:15px}

/* 교과과정 */
.faq_list {overflow: hidden }
.faq_list dt {position: relative;margin-top: 10px; border: 1px solid #ccc; padding: 0 18px;font-weight: 600; line-height: 1.2;cursor: pointer; }
.faq_list dt:after {display: block; clear: both; content: "."; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden }
.faq_list dt p {padding: 10px 20px;margin:0;color: #464b55;background: url(/images/www/sub/ico_file_etc.gif) no-repeat 0 12px }
.faq_list dt .ico {position: absolute; top: 16px; right: 19px; display: inline-block; width: 10px; height: 8px; background: url('./board/ico_arrow.gif') no-repeat 0 2px; font-size: 0 }
.faq_list dt.on { border: 1px solid #000; border-bottom: 0 }
.faq_list dt.on p {color: #006cb8;border-bottom: 1px solid #ccc }
.faq_list dt.on .ico {background-position: 0 -6px }
.faq_list dd {padding: 15px 30px 20px 30px; border: 1px solid #000;border-top:none }
.faq_list dd li {position: relative; padding:0 0 0 23px;color: #464b55;line-height:34px;word-break: keep-all;word-break: break-word;background: url('./board/hwp.png') no-repeat 0 10px}
.faq_list dd li .d_btn {position: absolute; top:-3px; right: 20px}
.faq_list dt:hover {border: 1px solid #000}
.faq_list dt:hover p {color: #006cb8}
.faq_list dt.on:hover {border-bottom:none}

/* 교과과정_new */
.faq_list {overflow: hidden }
.faq_list .list_tit {position: relative;margin-top: 10px; border: 1px solid #ccc; padding: 0 18px;font-weight: 600; line-height: 1.2;cursor: pointer; }
.faq_list .list_tit:after {display: block; clear: both; content: "."; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden }
.faq_list .list_tit p {padding: 10px 20px;margin:0;color: #464b55;background: url(/images/www/sub/ico_file_etc.gif) no-repeat 0 12px }
.faq_list .list_tit .ico {position: absolute; top: 16px; right: 19px; display: inline-block; width: 10px; height: 8px; background: url('./board/ico_arrow.gif') no-repeat 0 2px; font-size: 0 }
.faq_list .list_tit.on { border: 1px solid #000; border-bottom: 0 }
.faq_list .list_tit.on p {color: #006cb8;border-bottom: 1px solid #ccc }
.faq_list .list_tit.on .ico {background-position: 0 -6px }
.faq_list .list_txt {padding: 15px 30px 20px 30px; border: 1px solid #000;border-top:none }
.faq_list .list_txt li {position: relative; padding:0 0 0 23px;color: #464b55;line-height:34px;word-break: keep-all;word-break: break-word;background: url('./board/hwp.png') no-repeat 0 10px}
.faq_list .list_txt li .d_btn {position: absolute; top:-3px; right: 20px}
.faq_list .list_tit:hover {border: 1px solid #000}
.faq_list .list_tit:hover p {color: #006cb8}
.faq_list .list_tit.on:hover {border-bottom:none}

/* FAQ */
.faqList2 {overflow: hidden; margin-top:-20px; margin-bottom:20px;border-bottom: 1px solid #999;font-size:14px}
.faqList2:after {content: ''; display: table; clear: both}
.faqList2 li {border-top: 1px solid #d9d9d9; clear: both}
.faqList2 li:after {content: ''; display: table; clear: both}
.faqList2 li:first-child {border-top:none}
.faqList2 li .q {position:relative;margin-bottom:0}
.faqList2 li .q a {display: block; padding: 12px 15px;font-size: 16px; line-height:22px; letter-spacing: -1px}
.faqLis2t li .q.on a {color:#333 }
.faqList2 li .a {padding: 21px 30px 21px 40px;color: #666; border-top: 1px solid #d9d9d9 }
.faqList2 li .ico {position:absolute;top:18px;right:19px;display:inline-block;width:10px;height:8px;font-size:0;background:url('./board/ico_arrow.gif') no-repeat 0 2px}
.faqList2 li .on .ico {background-position:0 -6px}
.faqList2 li.noData {padding: 40px 0; color: #444; text-align: center }

/* 대학원 */
.curriculum .p-line {margin-bottom:20px}
.curriculum .box_guide {position:relative;overflow:hidden; min-height:50px;margin-bottom:30px;padding:20px 30px 15px 30px;background:#fff;border:1px solid #ccc; border-radius:5px;background: url('./board/bg_telephone.png') no-repeat 40px 50%}
.curriculum .box_guide dt {margin: 0 0 10px 100px;color:#333;font-size:18px; font-weight: 600}
.curriculum .box_guide dd, .box_guide li {margin: 0 0 5px 100px;padding: 0 0 0 12px; background: url('./board/dot.gif') no-repeat left 10px;font-size:14px; line-height: 1.5}
.curriculum .box_guide .btn_home {position:absolute;top:38px;right:30px}

/* 학생회 */
.student_council {overflow: hidden}
.student_org_top {overflow:hidden;width:440px;margin:0 auto 30px auto}
.student_org {overflow:hidden;width:880px;margin:0 auto 30px auto}
.student_list {float:left;overflow:hidden;width:198px; min-height:270px;margin:10px 10px;border: 1px solid #d7d7d7; text-align:center;background:url('./board/bg_box.gif') repeat-x 0 bottom}
.student_list:after {content: ''; display: table; clear: both}
.student_list dt.title {overflow:hidden;height:2.6em;line-height:2.6em; color:#222;font-size:1.1em;font-weight:600;border-bottom: 1px solid #d7d7d7;background:#e7e7e8 url('./board/bg_box.gif') repeat-x 0 bottom}
.student_list dt.thumb {overflow:hidden;width:110px;height:133px;border:1px solid #d7d7d7;margin:15px auto 10px auto;background:#e7e7e8 url('./board/no_user.png') no-repeat 50% 50% }
.student_list dt.thumb img {width:110px;height:133px}
.student_list dd {color:#666;font-size:1em;line-height:1.4em;text-align:center}
.student_list dd span.tit {display:inline-block;width:38px;vertical-align:top;text-align:left;background: url('./board/bar.gif') no-repeat 90% 50%}
.student_list dd span.detail {display:inline-block;text-align:left;white-space:normal;word-break:break-all}
.student_group { background:url('../images/board/music_student_group.gif') center 282px no-repeat; }
.student_org_top.music_org_top {width:220px;margin-bottom:0px;}
.student_org.music_org {padding-top:30px;}
.student_org.music_org .student_list {width:137px; margin:10px 7px 10px 6px;padding-bottom:5px;}
.student_org.music_org .student_list:first-child {width:253px;}
.student_org.music_org .student_list:first-child > dd{ float:left; padding-left:10px;}
.student_org.music_org .student_list > dd { padding-top:12px;}
.student_org.music_org .student_list dd dt {font-weight:bold;color:#333;}
.student_org.music_org .student_list dd dt.thumb { margin-top:8px; }
.student_org.music_org .student_list dt.thumb,
.student_org.music_org .student_list dt.thumb img {/* width:100px; height:121px;*/ }




/* 학생회실 정보 */
.student_info {overflow:hidden; min-height:50px;margin-bottom: 20px;padding:20px 30px 1px 30px;border:1px solid #ccc; border-radius:5px; text-align:center;background:url('./board/pattern.gif')}
.student_info:after{content:'';clear:both;display:block;height:0}
.student_info dt {display:block;color: #333;font-size:24px;font-weight:600;font-family:'NanumMyeongjo'}
.student_info dd {display:inline-block;margin-top:10px;font-size:16px;color: #888;font-family: 'georgia'; font-style: italic}
.student_info dd span {color: #000;font-size:20px; margin-right:20px}

/* 동아리 */
.student_circles {overflow: hidden;font-size:14px}
.student_circles dl:first-child {border-top:none}
.student_circles dl {overflow:hidden;position:relative;border-top: 1px dashed #ccc;padding:20px 0}
.student_circles dl:after {content: ''; display: table; clear: both}
.student_circles dl dt.img {float:left;overflow:hidden}
.student_circles dl dt.img img {width:240px;height:160px;padding:4px;border:1px solid #ccc}
.student_circles dl dd {margin-left:280px}
.student_circles dl dd.title {color:#222; font-size:22px; margin-bottom:15px}
.student_circles dl dd.text {font-size:14px;line-height:1.8; text-align:justify}
.student_circles .thumblist {overflow:hidden;margin-top:10px}
.student_circles .thumblist li {float:left;width:20%}
.student_circles .thumblist img {width:98%;margin-bottom:5px}

/* 역대 회장단 */
.president_org {overflow:hidden;width:100%}
.president_list {float:left;overflow:hidden;width:44%;margin:0 1% 20px 1%;padding:10px;border: 1px solid #d7d7d7; text-align:center;background:url('./board/bg_box.gif') repeat-x 0 bottom}
.president_list:after {content: ''; display: table; clear: both}
.president_list dt {float:left;overflow:hidden;width:110px;height:120px;border:1px solid #d7d7d7;background:#e7e7e8 url('./board/no_user.png') no-repeat 50% 50% }
.president_list dt img {width:110px;height:120px}
.president_list dd {margin-left:120px;font-size:1em;line-height:2em}
.president_list dd span.tit {display:inline-block;width:66px;text-align:left;background: url('./board/bar.gif') no-repeat 95% 50%}
.president_list dd span.detail {display:inline-block;width:120px;text-align:left;color:#666;white-space:normal;word-break:break-all}

/* 평의회 */
.council_org {overflow:hidden;width:100%}
.council_list {float:left;overflow:hidden;width:44%;margin:0 1% 20px 1%;padding:10px;border: 1px solid #d7d7d7; text-align:center;background:url('./board/bg_box.gif') repeat-x 0 bottom}
.council_list:after {content: ''; display: table; clear: both}
.council_list dt {float:left;overflow:hidden;width:110px;height:120px;border:1px solid #d7d7d7;background:#e7e7e8 url('./board/no_user.png') no-repeat 50% 50% }
.council_list dt img {width:110px;height:120px}
.council_list dd {margin-left:120px;font-size:13px; margin:8px 0;vertical-align:top}
.council_list dd span.tit {display:inline-block;width:50px;text-align:left;background: url('./board/bar.gif') no-repeat 95% 50%}
.council_list dd span.detail {display:inline-block;width:140px;text-align:left;color:#666;white-space:normal;word-break:break-all}

/* button */
.btnarea {overflow:hidden;position: relative;width:100%;margin:30px 0;height:50px}
.btn_fl {position:absolute; left:0; top:0}
.btn_fr {position:absolute; right:0; top:0}
.btn_tc {text-align:center}

/* pagenate */
.pagenate {display: block; width:60%;margin:0.4em auto;line-height:22px;font-family:tahoma; color: #575757;font-size:12px;font-weight:700;text-align: center}
.pagenate a, .pagenate strong {overflow: hidden; display: inline-block;z-index: 1;padding:0 5px;vertical-align:middle;border:1px solid #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior: url("PIE.htc")}
.pagenate strong {color: #DF4F17}
.pagenate a:hover,.pagenate a:focus {text-decoration: none;border:1px solid #000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior: url("PIE.htc")}
.pagenate span a {overflow: hidden;display: inline-block;z-index: 2;width:24px;height:22px;padding:0;text-indent:100%;vertical-align:middle;border:1px solid #ccc}
.pagenate span.first {background: url('./board/btn_bbs_first.gif') no-repeat 50% 100%}
.pagenate span.prev {background: url('./board/btn_bbs_prev.gif') no-repeat 50% 100%}
.pagenate span.next {background: url('./board/btn_bbs_next.gif') no-repeat 50% 100%}
.pagenate span.last {background: url('./board/btn_bbs_last.gif') no-repeat 50% 100%}

/* d_btn */
.d_btn {position: relative; overflow: visible; display: inline-block; padding: 0 0.8em;margin: 0.4em 0.15em;color: #333;font-size:13px;line-height:26px;height:26px;background:#fff; border: 1px solid #9a9a9a;vertical-align: middle;white-space: nowrap; cursor: pointer;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;behavior: url( "PIE.htc")}
.d_btn:hover, .d_btn:active, .d_btn:focus, .d_btn:hover, input.d_btn:hover, button:hover .d_btn  {text-decoration: none; border-color: #000}
.d_btn input {border:none;background-color: #fff;margin: 0;padding: 0 0.15em;color: #333;font-size:13px;line-height:26px;font-family:"NanumGothic"}
.d_btn::-moz-focus-inner{padding:0 !important;border:0 !important}
button span {margin: 0;padding:0;font-family:"NanumGothic"}
.black {padding: 0 1.2em;font-size:16px;line-height:35px;height:35px;color: #fff;background:#000;border:1px solid #000}
.black:hover, .black:focus{background:#00a296}
.white {padding: 0 1.2em;font-size:16px;line-height:35px;height:35px}
.white.icon::before {top: 9px;}

/* button icons */
.icon:before {content: ""; position:relative; top:5px; float:left; width:16px; height:16px; margin-right:5px}
.write:before {background:url('./btn_icon/write.png') no-repeat}
.save:before{background:url('./btn_icon/save.png') no-repeat}
.edit:before {background:url('./btn_icon/edit.png') no-repeat}
.delete:before {background:url('./btn_icon/delete.png') no-repeat}
.cancel:before {background:url('./btn_icon/cancel.png') no-repeat}
.reply:before {background:url('./btn_icon/reply.png') no-repeat}
.list:before{background:url('./btn_icon/list.png') no-repeat}
.search:before{background:url('./btn_icon/search.png') no-repeat}
.down:before{background:url('./btn_icon/download.png') no-repeat}
.home:before{background:url('./btn_icon/home.png') no-repeat}
.print2:before{background:url('./btn_icon/ico_print.gif') no-repeat}

/* Password Layer */
.popup_layer {display:none;position:absolute; left:0; top:0; background:url('/planweb/images/board/layer_bg.gif') no-repeat; width:275px;height:147px;padding:10px 0 0 24px; z-index:30}
.popup_layer p {margin:0 0 20px 0; color:#fff; font-weight:bold}
.popup_layer p.close {position:absolute; left:260px; top:10px}
.popup_layer p.que {position:absolute; left:38px; top:210px; line-height:1.5em}
.popup_layer dl {clear:both; margin:0 0 10px 0; overflow:hidden}
.popup_layer dt {float:left; width:60px; padding:0 10px 0 0; text-align:right}
.popup_layer dd {float:left; margin:0; vertical-align:middle}
.popup_layer ul {border-top:1px solid #b5c7db; width:250px; margin:0; padding:10px 0 0 0; text-align:center}
.popup_layer ul li {display:inline}
.popup_layer ul li input[type=image] {width:35px; height:23px}

/* 학사일정 */
.search_wrap {position: relative;overflow:hidden; margin:0 0 10px 0;font-size:13px}
.search_wrap select { float: left;display: inline-block;height: 32px;margin-right: 5px}
.search_wrap .d_btn {float:right;margin-top:-20px}

.calender_list { overflow: hidden; height: auto; margin: 10px 0; padding: 20px; position: relative; border: 1px solid #ddd; background-color: #FFF }
.calender_list h3 { font-size: 14px; letter-spacing: -1px; text-align: center; color: #3366CC; margin-bottom:5px}
.calender_list .calender_box { float: left; padding: 10px; border: 2px solid #e5ebf2; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px; background: url("/planweb/images/board/bg_box.gif") repeat scroll transparent 0 bottom }
.calender_box .calender { float: left; margin-top: 5px;border: none !important; width: 200px; }
.calender_box .calender th, .calender_list .calender_box .calender td { border: 1px solid #FFF }
.calender_box .calender th { background-color: #F7F7F7; line-height: 28px; font-size: 12px }
.calender_box .calender td { font-size: 10px; font-family: tahoma; text-align: center; margin: 4px; padding: 5px }
.calender_box .calender td.em { background-color: #269384; color: #fff; font-weight: bold }
.calender_list .list { overflow: hidden; width: 72%; position: relative; float: left }
.calender_list .list ul { padding-left: 30px }
.calender_list .list li { line-height: 30px; border-bottom: 1px dotted #dfdfdf; font-size: 14px; color: #555 }
.calender_list .list li span.date { font-weight: bold; width: 110px; display: block; float: left; line-height: 30px; color: #61839E; letter-spacing: -0.03em; padding-left: 10px }
.calender_list .list .nodata { border-bottom: none; font-size: 13px; color: #61839E; font-weight: bold; text-align: center; line-height: 160px; background: url(/images/www/sub/comm/icon_nodata.png) no-repeat 17% 50% }
.calender_top { overflow: hidden; width: 100%; height: auto }
.calender_top .title { width: 97%; height: 80px; text-align: center; margin-bottom: 40px; background: #fff; position: relative; border: 1px solid #dfdfdf }
.calender_top .title h2 { font-size: 17px; letter-spacing: -1px; font-weight: bold; line-height: 80px }
.calender_top .title a.prev_list, .calender_top .title a.next_list { position: absolute; top: 18px; display: block; width: 40px; height: 30px; background: #6C79B5; padding-top: 10px; font-weight: bold; font-size: 15px; color: #fff }
.calender_top .title a:hover.prev_list, .calender_top .title a:hover.next_list { background-color: #000 }
.calender_top .title .prev_list { left: 15px }
.calender_top .title .next_list { right: 15px }
.calender_top .title span { overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 0; line-height: 0 }

/* 일정 (calender) */
.list_calender { overflow: hidden; position: relative; margin-top: 10px }
.list_calender table { width: 100%; border-collapse: collapse; border-top: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 11px; color: #555 }
.list_calender th { padding: 9px 0 8px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: url('/planweb/images/board/calender_thbg.gif') repeat-x 0 0 }
.list_calender td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: top }
.list_calender td.on { background-color: #f8f8f8 }
.list_calender td a { text-decoration: none }
.list_calender td .daily_list { padding: 8px; min-height: 60px }
.list_calender td .daily_list ul { margin: 3px 0 0 }
.list_calender td .daily_list li { font-weight: bold; line-height: 1.5; padding: 0 0 3px 7px; background: url('/planweb/images/board/calendar_bu1.gif') no-repeat 0 7px }
.list_calender td .daily_list li a:hover { text-decoration: underline }
.list_calender td .daily_con { padding: 8px; height: 10px }
.list_calender td .daily_con span { display: block }
.list_calender td .daily_con span.date { font-weight: bold; letter-spacing: -1px; margin-bottom: 3px }
.list_calender td .daily_con a:hover, .list_calender td .daily_con a:active, .list_calender td .daily_con a:focus { text-decoration: underline }
.list_calender td.sun span.date { color: #da271b }
.list_calender td.sat span.date { color: #11a4cf }
.list_calender td .daily_con span.txt { font-weight: normal; font-size: 11px }
.list_calender .month_sec { position: relative; width: 220px; margin: 0 auto; text-align: center }
.list_calender .month_sec p { text-align: center; padding-bottom: 0; margin: 0; font-size: 33px; color: #212121}
.list_calender .month_sec p strong { font-size: 36px }
.list_calender .month_sec span.prev_arrow { position: absolute; top: 19px; left: 0 }
.list_calender .month_sec span.next_arrow { position: absolute; top: 19px; right: 0 }
.list_calender .search_box { overflow: hidden; margin-bottom: 5px }
.list_calender .search_box form { float: left }
.descript1 { margin: 0; padding: 5px 0 5px 10px; font-size: 0.92em; color: #2875c9; line-height: 1.4; background: url('/planweb/images/board/blt_culture_calender.gif') no-repeat 0 10px }
/* popup (calender) */
.list_calender .calender_pop { position: absolute; top: 50%; left: 20%; z-index: 900; width: 420px; overflow: hidden; background-color: #fff; border: 1px solid #ddd; display: none }
.calender_pop a:hover, .calender_pop a:focus, .calender_pop a:active { outline: 1px solid #F00 }
.list_calender .calender_pop .poptit { background-color: #464748; height: 14px; padding: 18px 20px 18px }
.list_calender .calender_pop .sch_closebtn { position: absolute; top: 20px; right: 20px; display: block }
.list_calender .calender_pop .pop_con { padding: 20px }
.list_calender .calender_pop .pop_con div.poptxt { padding: 20px; background-color: #f8f8f8; border: 1px solid #ddd; line-height: 15px; color: #7c7c7c }

/* planweb 달력 */
.schedule_form {text-align:center}
.schedule_table {width:99.9%;clear:both;margin:10px 0}
.schedule_table th {background:#5b5b5b;padding:10px 0 8px 0;vertical-align:middle;color:#fff;border-bottom:3px solid #e1e1e1;border-right:1px solid #777}
.schedule_table td {width:85px;height:85px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:10px;white-space:normal;word-break:break-all; vertical-align:top}
.schedule_table td.sun {background:#faf1f5;border-left:1px solid #e1e1e1}
.schedule_table td.sun  a{color:red}
.schedule_table td.sat a {color:#3b5999}
.schedule_table td a {font-weight:bold}
.schedule_table td ul {margin:5px 0 0 0}
.schedule_table td ul li {line-height:1.4em;font-size:0.95em}

.schedule_t02 {width:100%;clear:both;margin:10px 0}
.schedule_t02 th {background:#ed087f;padding:10px 0 8px 0;vertical-align:middle;color:#fff;border-bottom:3px solid #e1e1e1}
.schedule_t02 td {width:85px;height:85px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:10px}
.schedule_t02 td.sun {background:#fefafb;border-left:1px solid #e1e1e1}
.schedule_t02 td.sun a {color:red}
.schedule_t02 td.sat a {color:#3b5999}
.schedule_t02 td a {font-weight:bold}
.schedule_t02 td ul {margin:5px 0 0 0}
.schedule_t02 td ul li {line-height:1.4em;font-size:0.95em}

.date_f {overflow:hidden}
.date_f ul {margin:0 auto;width:270px;overflow:hidden}
.date_f ul li {float:left;margin:0 10px 0 0}
.date_f ul li.date {font-size:2.8em;font-weight:bold;width:150px;text-align:center}
.date_f ul li.las t{margin:0}

/* write_box */
.write_box {display:table;width:100%;border-top:2px solid #151515;margin-bottom:30px}
.write_list {display:table-row;font-size:1.1em}
.write_list::after {display:block;clear:both;content:''}
.write_list dt {display:table-cell;width:20%;padding:18px 5px 10px 5px;text-align:center;font-weight:600;vertical-align:top;border-bottom:1px solid #ccc;background:#f3f3f3;box-sizing:border-box}
.write_list dt .btn_tc {text-align:center;margin-top:5px}
.write_list dd {display:table-cell;width:80%;padding:10px;border-bottom:1px solid #ccc;box-sizing:border-box}
.write_list .right_box {overflow:hidden;position:relative;width:100%;margin-bottom:5px}
.write_list .right_box .slist {float:left;display:table;width:85%;padding-bottom:5px;border:1px solid #ccc;margin-bottom:5px}
.write_list .right_box .slist li {display:table-row}
.write_list .right_box .slist li strong {display:table-cell;width:20%;padding:13px 5px 0 5px;text-align:center;font-weight:600;vertical-align:top;background:#f8f8f8}
.write_list .right_box .slist li .right {display:table-cell;width:80%;padding:5px 5px 0 5px}
.write_list .right_box .btn_fr {width:14%;position:absolute;bottom:5px;right:0}