@charset "utf-8"; 
.board_w { clear:both; position: relative;   width: 90%;   max-width: 1400px;   margin: 0 auto; padding-bottom:5em; top: 80px;}

/* colgroup width */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }

.tal {text-align:left !important; }

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; margin:20px 0px; clear:both;  border:1px solid #ededed; padding:25px; border-radius:10px;  box-sizing:border-box;  background-color:#fafafa; }
.board_top_w .text { font-size:14px; font-weight:500; color:#333; }
.board_top_w .text span { font-size:14px; font-weight:600; color:#c62f2f; }

.sb_search { position:absolute; top:20px; right:25px; width:80%; max-width:700px;  text-align:right;}
.sb_search select { width:100px; height:33px; line-height:33px; font-size:14px; vertical-align:middle; display:inline-block; margin-right:5px; }
.sb_search .sbs_ip { width:146px !important; height:33px; line-height:33px; font-size:14px; vertical-align:middle;display:inline-block; margin-right:5px; padding:0 5px; color:#333; border:1px solid #eee; background-color:#fff; }
.sb_search button.sbs_btn {  width:50px; height:33px; line-height:33px; display:inline-block;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#333333; }

.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:80px; height:35px; line-height:35px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#333333; }


/* Board **********************************************************************************************************************************************************************************************/
/* List */
.board_notice {border-top:2px solid #222; }
.board_notice colgroup,
.board_notice thead,
.board_notice.sb_list .sb_table td.board_m_hit   {display:none; }
.board_notice.sb_list .sb_table td:first-child {padding-top:15px;}
.board_notice.sb_list .sb_table td {display:block; width:92%; border-bottom:0px; text-align:left !important;  padding:3px 4%; height:auto; }
.board_notice.sb_list .sb_table td.board_m_title {font-size:1.3em; font-weight:500;  line-height:1.3em;   }
.board_notice.sb_list .sb_table td.board_m_num span {display:inline-block; width:30px; height:30px; line-height:30px; text-align:Center;  background-color:#d50855; color:#fff;}
.board_notice.sb_list .sb_table td.board_m_category {font-weight:400; padding-top:5px; padding-bottom:10px; font-size:1.1em; color:#d50855;}
.board_notice.sb_list .sb_table td.board_m_category span{border-bottom:2px solid #d50855; padding-bottom:2px;}
.board_notice.sb_list .sb_table td.board_m_name {font-weight:500;}
.board_notice.sb_list .sb_table td.board_m_date {border-bottom:1px solid #eee; padding-bottom:15px;}
.board_notice.sb_list .sb_table td.no_contents {text-align:Center !important; border-bottom:1px solid #eee; padding:50px 4%;}
/*
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
.sb_list .sb_table th { height:50px; line-height:50px; color:#333;  border-top:3px solid #333333; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:30px; padding:10px 5px; line-height:18px; border-bottom:1px solid #e0e0e0; color:#666; text-align:center; font-weight:400;    }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }*/



/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:30px; line-height:30px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:30px; line-height:30px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; font-weight:400; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:0px 5px 3px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; word-break:keep-all; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }
.sb_view .sv_table td.con h3 {margin-bottom:5px; font-weight:600; }
.sb_view .sv_table td.con p {margin-bottom:15px;}

.sb_view .sv_table td.con h2 {  padding-top: 20px;    padding-bottom: 5px;    font-size: 1.4em;	font-weight:600;    color: #333;    border-bottom: 3px solid #333;    margin-bottom: 30px;}

/* ����ȸ �̾߱� */ 
.board_story { width:99.5%; border-top:3px solid #333333; }
.board_story  .title { padding:30px; border-bottom:1px dashed #999; }
.board_story  .title div {font-weight:600; font-size:1.6em;  color:#222;}
.board_story  .title ul {padding-top:15px; font-size:0.9em;}
.board_story  .title ul li {displaY:inline-block;}
.board_story  .title ul li+li {padding-left:15px;}
.board_story  .story { padding:30px 2%; border-bottom:1px solid #e0e0e0;  }
.board_story  .story .upload_img {margin:20px 0 20px 0; text-align:Center; }
.board_story  .story  h2 {  padding-top: 20px;    padding-bottom: 5px;    font-size: 1.4em;	font-weight:600;    color: #333;    border-bottom: 3px solid #333;    margin-bottom: 20px;}
.board_story  .story  h3 {margin-bottom:5px; font-weight:600; }
.board_story  .story p {margin-bottom:15px;}
.board_story  .file {padding:15px; border-bottom:1px solid #e0e0e0;  }

.exhibition-card  {position:Relative; padding:30px;   background: #fafafa;   border: 1px solid #e0e0e0; border-radius:10px;  margin:20px 0;} 
.exhibition-card h3 { position:Relative; font-size:1.4em; line-height:1.4em;  color:#222; margin-left:15px;   font-weight:600; letter-spacing:-0.05em; margin-bottom:20px;  border-bottom: 1px dashed #e0e0e0; padding-bottom:10px; margin-bottom:10px;}
.exhibition-card h3:Before {position:Absolute; content:""; display:Block; left:-15px; top:-10px;  width:7px; height:13px; border-radius:10px 0px; background-color:#f20b68;  transform:rotate(-60deg); }
.exhibition-card .exhibition-poster {position:relative; float:left; width:30%; display:none;}
.exhibition-card .exhibition-info {position:relative; float:right; width:100%; }
.exhibition-card .exhibition-info li {padding:5px 0 0 20px;}
.exhibition-card .exhibition-info div img {width: 150px; margin:10px 0 0 20px; }




/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:30px; line-height:30px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:30px; line-height:30px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #333333; }
.sb_list ul.web_zine_w li { position:relative; width:100%; height:220px; padding:20px; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:225px; height:180px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:180px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:59%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:20px; color:#333; padding:15px 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:14px; color:#666; line-height:24px; font-weight:400;}
.sb_list ul.web_zine_w li dl dd.con a {display:block; font-size:16px; height:100%; word-break:keep-all; height:68px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #333333; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:100%; box-sizing:Border-box; }
.sb_gall .sp_table dl { position:relative; width:25%; padding:15px; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:220px; padding:2px; border:1px solid #e0e0e0; }
.sb_gall .sp_table dl dt a {display:block; height:100%;}
.sb_gall .sp_table dl dt img { width:100%; height:100%; }
.sb_gall .sp_table dl dd a{display:block; height:100%; word-break:keep-all; height:20px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; font-size:16px; text-align:center; color:#666; font-weight:bold;  }
.sb_gall .sp_table dl dd span { display:block; }

.sb_gall .sp_table {font-size:0px; padding:0 10px 0px 10px }
.sb_gall .sp_table li {width:Calc(25% - 30px); margin-right:40px; font-size:16px; display:inline-block;  margin-top:30px;   box-sizing:Border-box;   -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s; vertical-align:top; }
.sb_gall .sp_table li:hover {transform:translateY(-10px);  -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s;}
.sb_gall .sp_table li:nth-child(4n) {margin-right:0px;} 
.sb_gall .sp_table li .img {width:100%; height:250px; overflow:hidden; border:1px solid #dfdfdf; border-radius:50px 15px; line-height:0px; font-size:0px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); background:#fff url('../images/main/icn04_black.png') no-repeat center; background-size:80px auto;}
.sb_gall.longImg .sp_table li .img {height:400px; border-radius:30px 10px; display: flex;}
.sb_gall .sp_table li img {width:100%; margin: auto 0; transform: scale(1.05);}
.sb_gall .sp_table li .txt {padding:10px;  height:40px;     overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 1; /* ���μ� */   -webkit-box-orient: vertical;   word-wrap:break-word;     line-height: 40px; text-align:center;}
.sb_gall .sp_table li .txt  a {font-weight:600;   font-size:1.1em;}

/* teacher list */
.teacherImg {background-color:#fff; }
.teacher_list {font-size:0px; }
.teacher_list  li {width:Calc(25% - 21px); margin-right:28px;  margin-top:30px; font-size:16px; display:inline-block; box-sizing:Border-box; background-color:#fff;   padding:25px 15px; vertical-align:top; text-align:Center; border-bottom:2px solid #222; 
border:1px solid #dfdfdf; box-shadow:10px 10px 10px rgba(0,0,0,0.2); border-radius:10px;   -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s;}
.teacher_list  li:hover {transform:translateY(-10px);  -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; transition: all ease-in 0.3s;}
.teacher_list  li:nth-child(4n) {margin-right:0px;} 
.teacher_list  li .img,
.teacher_list  li .img img { width:144px; height:144px;  margin:0 auto;  background:#e6e6e6  url('../images/main/icn04_black.png')  no-repeat center; background-size:80px auto;  border-radius:10px;}
.teacher_list  li .txt { padding-top:10px;height:40px;  line-height: 40px;  font-weight:600;}

.teacher_view {border-top:3px solid #222; border-bottom:1px solid #222; padding:50px 3%; min-height:300px;}
.teacher_img {position:Absolute; border:1px solid #dfdfdf; box-shadow:10px 10px 10px rgba(0,0,0,0.2); border-radius:10px; padding:25px; text-align:Center;  }
.teacher_img img {border-radius:10px;  width:144px; height:144px;  }
.teacher_img .name {padding-top:20px; font-weight:400;  font-size:1.2em; opacity:0.5; }

.teacher_info {position:Relative; margin-left:250px; border-left:1px dashed #dfdfdf; padding-left:30px;}
.teacher_info  b,
.teacher_info  strong  { position:Relative; font-size:1.5em; line-height:1.4em;  color:#222; margin-left:0;   font-weight:600; letter-spacing:-0.05em;  margin-top:10px; display:block; }
.teacher_info  b:Before,
.teacher_info  strong:Before {position:Absolute; content:""; display:Block; left:-15px; top:-10px;  width:7px; height:13px; border-radius:10px 0px; background-color:#f20b68;  transform:rotate(-60deg); }
.teacher_info p { padding-left:20px;}

/* book_list */
.sb_gall .sp_table.book_list li {width:Calc(50% -  10px); margin-right:20px;  border-bottom:1px dashed #d3d3d3;  padding-bottom:30px;  }
.sb_gall .sp_table.book_list li:nth-child(2n) {margin-right:0px;}
.sb_gall .sp_table.book_list li  .img {width:200px; height:270px; float:left; }
.sb_gall .sp_table.book_list li .txt {position:relative; float:right; width:calc(100% - 240px); padding:10px;  min-height:270px;     overflow: visible;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 20; /* ���μ� */   -webkit-box-orient: vertical;   word-wrap:break-word;     line-height: 1.3em; text-align:left;}
.sb_gall .sp_table.book_list li .txt .memo {position:Absolute; bottom:0px; line-height:1.5em; }
.sb_gall .sp_table.book_list li .txt .memo .document_popup_menu {display:none;}


/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #333; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; display:block; background:url("/home/images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:24px; color:#a3432f; padding-left:40px; background:url("/home/images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* online_inquiry */
.inquiry_form {margin-top:2em; border-top:3px solid #222; }
.inquiry_form  li {position:relative; padding:1.5em 1em; border-bottom:1px dashed #ededed; }
.inquiry_form  li:after {content:""; display:block; clear:both; }
.inquiry_form  li h5 { font-weight:700; color:#222; font-size:1.3em;  float:left; width:250px;}
.inquiry_form  li div.form_list {float:right; width:calc(100% - 270px); }
.inquiry_form  li input,
.inquiry_form  li select {width:100%; height:50px; line-height:50px; padding:5px 20px; box-sizing:Border-box; border:1px solid #999; }
.inquiry_form  li textarea {width:100%; height:250px;  padding:15px 20px; box-sizing:Border-box; border:1px solid #999; }

.private_form {height:300px; overflow:auto; border:1px solid #ededed; padding:50px 20px 20px 20px; }

/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:35px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#333333; }
.sb_btn_w .sb_btn p.b_btn_on a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#333; }
.sb_btn_w .sb_btn p.b_btn_off a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
.sb_btn_w .sb_btn button.btn_gray,
.sb_btn_w .sb_btn button.btn_gray:visited { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#333; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
/*.sb_btn_w .sb_btn button.btn_gray:hover,
.sb_btn_w .sb_btn button.btn_gray:active { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#333; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.btn_gray:focus { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#333; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }*/


/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.sb_page a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:middle; }
.sb_page ol li { padding:0px 1px; }
.sb_page .no_off a { font-weight:bold; width:29px; /*height:34px;*/ font-size:13px; line-height:20px; color:#666; background:url("../images/board/no_bg.gif") no-repeat; }
.sb_page .no_on a { font-weight:bold; width:29px; /*height:34px; */font-size:13px; line-height:20px; color:#333333; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }
.m_sb_page { display:none; }

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:45%; height:26px; padding:15px 27%; border:1px solid #e4e4e4; background-color:#fafafa;}
.sc_search_w .sc_st .sbs_ip {width:78%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px;}
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#333333; font-weight:bold; }

.sc_search_w .search_list_w { position:relative; width:100%; }
.sc_search_w .search_list_w h4 { min-height:40px; line-height:40px; padding-left:36px; font-size:18px; color:#333; font-weight:bold; margin:30px 0 10px 0; background:url("../images/sub/icon02.gif") no-repeat left top; }

.sc_search_w .search_list_w .search_list {padding:15px 0 15px 15px; border-top:3px solid #333333; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list li { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list li a {display:block;}
.sc_search_w .search_list_w .search_list li span { color:#333333;}

.sc_search_w .search_list_w .search_list02 {padding:15px 0 15px 15px; border-top:3px solid #333333; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list02 dl { padding:10px 0; }
.sc_search_w .search_list_w .search_list02 dl dt { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list02 dl dt span { color:#333333;}
.sc_search_w .search_list_w .search_list02 dl dt span.date { color:#666; padding-left:10px;}
.sc_search_w .search_list_w .search_list02 dl dd { font-size:12px; color:#0a0817; padding:10px 0px 5px 15px; line-height:20px;}
.sc_search_w .search_list_w .search_list02 dl dd span { color:#333333;}


.sbcv_top  {font-size: 14px;   font-weight: 500;   color: #333; }
.sbcv_top  .commentListCount {font-weight: 600;   color: #c62f2f; }

.board-list-paging {text-align:Center; margin-top:20px;}
.board-list-paging li {display:inline-block; padding:2px 6px; }


/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* tablet device *******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/


@media screen and (max-width: 1400px){
	.board_w { clear:both; position: relative;   width: 92%;   max-width: 1400px;   margin: 0 auto;}
	

	/* Gallery */
	.sb_gall .sp_table {font-size:0px; padding:0 10px 0px 10px }
	.sb_gall .sp_table li {width:Calc(33.3% - 15px); margin-right:20px; font-size:16px; display:inline-block;  margin-top:30px;   }
	.sb_gall .sp_table li:nth-child(3n) {margin-right:0px;} 
	.sb_gall .sp_table li:nth-child(4n) {margin-right:20px;} 
	.sb_gall .sp_table li:nth-child(12n) {margin-right:0px;} 
	.sb_gall .sp_table li .img {width:100%; height:200px;  overflow:hidden;}
	
	/* teacher list */
	.teacher_list  li {width:Calc(33.3% - 20px); margin-right:30px;  margin-top:30px; }
	.teacher_list  li:nth-child(3n) {margin-right:0px;} 
	.teacher_list  li:nth-child(4n) {margin-right:30px;} 
	.teacher_list  li:nth-child(12n) {margin-right:0px;} 

}



@media screen and (max-width: 1200px){
/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%;  margin:20px 0px 20px 0px; clear:both; text-align:Center; padding:15px 0; }
.sb_search {position:relative;top:0;right: 0px;width:100%; max-width:100%;  margin-bottom:10px; text-align:Center;}
.sb_search select { width:20%; height:35px; line-height:35px; font-size:14px; vertical-align:middle;   }
.sb_search .sbs_ip {width: 24% !important;height:33px;line-height:33px;font-size:14px;vertical-align:middle; ;padding:0 1%;color:#333;border:1px solid #eee;background-color:#fff;}
.sb_search button.sbs_btn {  width:50px; height:33px; line-height:33px; display:inline-block;font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#333333; }
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:20%; height:35px; line-height:35px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#333333; }


}


@media screen and (max-width: 989px){

/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #333333; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:25px; padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #e0e0e0; color:#666; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:2px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #333333; }
.sb_list ul.web_zine_w li { position:relative; width:100%; height:220px; padding:2% 20px; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:31%; height:100%; min-height:150px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:150px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:59%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #333333; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:100%; }
.sb_gall .sp_table dl { position:relative; width:33.33%; padding:15px; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:150px; padding:2px; border:1px solid #e0e0e0; }
.sb_gall .sp_table dl dt img { width:100%; height:100%; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; font-size:15px; text-align:center; color:#666; font-weight:bold; }
.sb_gall .sp_table dl dd span { display:block; }
.sb_gall.longImg .sp_table li .img {height:300px;}

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #333; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { display:none; }
.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }
.m_sb_page ul li strong { color:#333333; }
.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

 }

@media screen and (max-width: 860px){
	/* book_list */
	.sb_gall .sp_table.book_list li {width:100%; margin-right:0px;   }
}

/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* mobile device ******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 768px){


/* Board Search **********************************************************************************************************************************************************************************************/
/*.board_top_w { position:relative; width:100%; height:60px; margin:15px 0px; clear:both; }
.board_top_w p.text { font-size:14px; line-height:18px; font-weight:bold; color:#333; text-align:right; }
.board_top_w p.text span { font-size:14px; font-weight:bold; color:#333333; }
.sb_search {position:absolute;top:30px;right: 50px;width:80%;}
.sb_search select { width:29%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
.sb_search .sbs_ip {width: 39%;height:28px;line-height:28px;font-size:14px;vertical-align:middle;float:left;margin-right:1%;padding:0 2%;color:#333;border:1px solid #eee;background-color:#fff;}
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:20%; height:30px; line-height:28px; float:left; font-size:14px; font-weight:bold; text-align:center; color:#fff; background-color:#333333; }

.sb_search2 { position:absolute; top:30px; right:80%; width:20%; }
.sb_search2 select { width:98%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }*/

/* Board ******************************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #333333; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { height:26px; padding:5px 10px; line-height:14px; font-size:12px; color:#8b8b8b; border-bottom:1px solid #e0e0e0; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#8b8b8b; font-weight:bold; }
.sb_list .sb_table td ul { width:60px; margin:0 auto; }
.sb_list .sb_table td ul.sort li { float:left; margin:2px 0px; }

/* ����� �Ϲ� �Խ��� */
.board_notice {border-top:2px solid #222; }
.board_notice colgroup,
.board_notice thead,
.board_notice.sb_list .sb_table td.board_m_hit   {display:none; }
.board_notice.sb_list .sb_table td:first-child {padding-top:15px;}
.board_notice.sb_list .sb_table td {display:block; width:92%; border-bottom:0px; text-align:left !important;  padding:3px 4%; height:auto; }
.board_notice.sb_list .sb_table td.board_m_title {font-size:1.3em; font-weight:500;  line-height:1.3em;   }
.board_notice.sb_list .sb_table td.board_m_num span {display:inline-block; width:30px; height:30px; line-height:30px; text-align:Center;  background-color:#d50855; color:#fff;}
.board_notice.sb_list .sb_table td.board_m_category {font-weight:400; padding-top:5px; padding-bottom:10px; font-size:1.1em; color:#d50855;}
.board_notice.sb_list .sb_table td.board_m_category span{border-bottom:2px solid #d50855; padding-bottom:2px;}
.board_notice.sb_list .sb_table td.board_m_name {font-weight:500;}
.board_notice.sb_list .sb_table td.board_m_date {border-bottom:1px solid #eee; padding-bottom:15px;}
.board_notice.sb_list .sb_table td.no_contents {text-align:Center !important; border-bottom:1px solid #eee; padding:50px 4%;}

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:2px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #333333; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #333333; }
.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:125px; height:100%; padding:3% 1%; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:25%; height:100%; min-height:95px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:95px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:20px; }
.sb_list ul.web_zine_w li dl dd.con a {height: 57px; font-size:14px;}

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #333333; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:100%; }
.sb_gall .sp_table dl { position:relative; width:50%; padding:10px 2%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:160px; padding:2px; border:1px solid #e0e0e0; }
.sb_gall .sp_table dl dt img { width:100%; height:100%; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; font-size:15px; text-align:center; color:#666; font-weight:bold; }
.sb_gall .sp_table dl dd span { display:block; }


.sb_gall .sp_table {font-size:0px; padding:0 10px 0px 10px }
.sb_gall .sp_table li {width:Calc(50% - 10px); margin-right:20px; font-size:14px; display:inline-block;  margin-top:30px;  }
.sb_gall .sp_table li:nth-child(2n) {margin-right:0px;} 
.sb_gall .sp_table li:nth-child(3n) {margin-right:20px;} 
.sb_gall .sp_table li:nth-child(4n) {margin-right:0px;} 
.sb_gall .sp_table li:nth-child(6n) {margin-right:0px;} 
.sb_gall .sp_table li:nth-child(12n) {margin-right:0px;} 

.sb_gall.longImg .sp_table li  {width:Calc(50% - 10px); margin-right:20px; font-size:14px; display:inline-block;  margin-top:30px;  }
.sb_gall.longImg .sp_table li:nth-child(2n) {margin-right:0px;} 
.sb_gall.longImg .sp_table li:nth-child(3n) {margin-right:20px;} 
.sb_gall.longImg .sp_table li:nth-child(4n) {margin-right:0px;} 
.sb_gall.longImg .sp_table li:nth-child(6n) {margin-right:0px;} 
.sb_gall.longImg .sp_table li:nth-child(12n) {margin-right:0px;} 
.sb_gall.longImg .sp_table li .img {width:100%; max-width:240px;  margin:0 auto;}


/* teacher list */
.teacher_list  li {width:Calc(50% - 10px); margin-right:20px;  margin-top:20px; }
.teacher_list  li:nth-child(2n) {margin-right:0px;} 
.teacher_list  li:nth-child(3n) {margin-right:20px;} 
.teacher_list  li:nth-child(4n) {margin-right:0px;} 
.teacher_list  li:nth-child(5n) {margin-right:20px;} 
.teacher_list  li:nth-child(6n) {margin-right:0px;} 
.teacher_list  li:nth-child(10n) {margin-right:0px;} 
.teacher_list  li:nth-child(15n) {margin-right:20px;} 

.teacher_img {position:relative; }
.teacher_img .name {padding-top:20px; font-weight:700;  font-size:1.2em;}
.teacher_info {position:Relative; margin-left:0; margin-top:20px; border-left:0 dashed #dfdfdf; padding-left:0;}

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #333; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { display:none; }
.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:12px; }
.m_sb_page ul li strong { color:#333333; }
.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:30px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#333333; }
.sb_btn_w .sb_btn p.b_btn_on a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#333; }
.sb_btn_w .sb_btn p.b_btn_off a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }

.sb_btn_w .sb_btn button.btn_gray {height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px;}

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:89%; height:26px; padding:15px 5%; border:1px solid #e4e4e4; background-color:#fafafa; }
.sc_search_w .sc_st label {width:23%; line-height:26px; font-size:12px; color:#333333; font-weight:bold; display:block; float:left;}
.sc_search_w .sc_st .sbs_ip {width:50%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px; background-color:#fff; }
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#333333; font-weight:bold; }


	.board_w .sb_form .sv_table colgroup {display:none;}
	.board_w .sb_form .sv_table tr th,
	.board_w .sb_form .sv_table tr td {display:block; width:100%; box-sizing:border-box; height:auto;  }
	.board_w .sb_form .sv_table .w90p, 
	.board_w .sb_form .sv_table .input_w95, 
	.board_w .sb_form .sv_table .input_w40 {width:100% !important; box-sizing:border-box; }

	
	/* online_inquiry */
	.inquiry_form {margin-top:2em; border-top:3px solid #222; }
	.inquiry_form  li {position:relative; padding:1em 1em; border-bottom:1px dashed #ededed; }
	.inquiry_form  li:after {content:""; display:block; clear:both; }
	.inquiry_form  li h5 { font-weight:700; color:#222; font-size:1.2em;  float:none; width:100%; display:none;}
	.inquiry_form  li div.form_list { float:none; width:100%; }
	.inquiry_form  li input,
	.inquiry_form  li select {width:100%; height:40px; line-height:40px; padding:5px 10px; box-sizing:Border-box; border:1px solid #999; }
	.inquiry_form  li textarea {width:100%; height:200px;  padding:10px; box-sizing:Border-box; border:1px solid #999; }

 }



 
@media screen and (max-width: 560px){
	/* book_list */
	.sb_gall .sp_table.book_list li {width:100%; margin-right:0px;   }
	.sb_gall .sp_table.book_list li  .img {width:200px; height:270px; float:none; display:Block; margin:0 auto 20px auto;  }
	.sb_gall .sp_table.book_list li .txt {position:relative; float:none; width:100%; padding:10px;  min-height:100px; height:auto;     overflow: visible;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 20; /* ���μ� */   -webkit-box-orient: vertical;   word-wrap:break-word;     line-height: 1.3em; text-align:left;}
	.sb_gall .sp_table.book_list li .txt .memo {position:relative; bottom:auto; line-height:1.5em;  margin-top:15px;}

	
	/* ������ */
	.sb_gall .sp_table {padding-top:20px; }
	.sb_gall .sp_table li {width:100%; margin-right:0px; font-size:14px; display:inline-block;  margin-top:0px;  }
	.sb_gall .sp_table li+li {border-top:1px solid #ededed;  padding-top:20px; }
	.sb_gall .sp_table li:nth-child(2n) {margin-right:0px;} 
	.sb_gall .sp_table li:nth-child(3n) {margin-right:0px;} 
	.sb_gall .sp_table li:nth-child(4n) {margin-right:0px;} 
	.sb_gall .sp_table li:nth-child(6n) {margin-right:0px;} 
	.sb_gall .sp_table li:nth-child(12n) {margin-right:0px;} 

	/* ����ȸ �̾߱� */
	.sb_gall.longImg .sp_table li  {width:100%; margin-right:0px; font-size:14px; display:inline-block;  margin-top:0px;  }
	.sb_gall.longImg .sp_table li:nth-child(2n) {margin-right:0px;} 
	.sb_gall.longImg .sp_table li:nth-child(3n) {margin-right:0px;} 
	.sb_gall.longImg .sp_table li:nth-child(4n) {margin-right:0px;} 
	.sb_gall.longImg .sp_table li:nth-child(6n) {margin-right:0px;} 
	.sb_gall.longImg .sp_table li:nth-child(12n) {margin-right:0px;} 
	.sb_gall.longImg .sp_table li .img{height: auto;}
	
	/* ����ȸ �̾߱� view */ 
	.exhibition-card  {position:Relative; padding:30px;   background: #fafafa;   border: 1px solid #e0e0e0; border-radius:10px; } 
	.exhibition-card h3 { position:Relative; font-size:1.5em; line-height:1.4em;  color:#222; margin-left:15px;   font-weight:600; letter-spacing:-0.05em; margin-bottom:20px;}
	.exhibition-card h3:Before {position:Absolute; content:""; display:Block; left:-15px; top:-10px;  width:7px; height:13px; border-radius:10px 0px; background-color:#f20b68;  transform:rotate(-60deg); }
	.exhibition-card .exhibition-poster {position:relative; float:none; width:100%; }
	.exhibition-card .exhibition-info {position:relative; float:none; width:100%; margin-top:10px;}
}


@media screen and (max-width: 460px){
	/* teacher list */
	.teacher_list  li {width:Calc(100% - 0px); margin-right:0px;  margin-top:20px; }
	.teacher_list  li:nth-child(2n) {margin-right:0px;} 
	.teacher_list  li:nth-child(3n) {margin-right:0px;} 
	.teacher_list  li:nth-child(4n) {margin-right:0px;} 
	.teacher_list  li:nth-child(5n) {margin-right:0px;} 
	.teacher_list  li:nth-child(6n) {margin-right:0px;} 
	.teacher_list  li:nth-child(10n) {margin-right:0px;} 
	.teacher_list  li:nth-child(15n) {margin-right:0px;} 
}