@charset "utf-8";
@import "/sites/sookmyungkr/style/css/board.css";
@import "/sites/sookmyungkr/style/css/contents.css";

a.focus,
button.focus,
input.focus   {
    position: relative;
  outline:1px;
}

a.focus::before,
button.focus::before,
input.focus::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid red;
    border-radius: 3px;
}

/*홍보sns*/
  .pr_section_03 {
	  padding-bottom: 10px;
  }
  .link_wrap ul {
	  width: 101%;
	  overflow: hidden;
	  position: relative;
  }
  .link_wrap ul li {
	  float: left;
	  width: 19%;
	  margin-right: 1%;
	  margin-top: 1% !important;
	  text-align: center;
	  display: table;
  }
  .link_wrap ul li a {
	  display: table-cell;
	  vertical-align: middle;
	  height: 55px;
	  color: #2e2e2e;
	  font-size: 16px;
	  border: 1px solid #ccc;
  }
/* 동영상 */
#menu912_obj19529{
	width:100%;
	height:100%;
	background-color:#E4ECF7;
	
}
.recentVideo{
    overflow: hidden;
    max-width: 1220px;
    padding: 30px 0 60px;
  	margin:auto;
	background: url(../../images/main/video_bg.gif) no-repeat top center;
}
.recentVideo h2{ 
	font-size: 28px;
    padding-bottom: 5px;
    background: url(../../images/main/section_video_bar.gif) 3px bottom no-repeat;
    margin-bottom: 35px;
    font-weight: normal;
    line-height: normal;
}
/*  ------------------------------------------------------------------------------------------------------ resize  */
@media screen and (max-width:1150px) {
	/* ======================================== BOARD */
	.paging ul li {
		margin: 0 !important;
	}
}

@media screen and (max-width:1080px) {
	/* ======================================== */
	.vision_wrap dl dd ul li p {
		padding: 10px 5px;
	}
}

@media screen and (max-width:1024px) {
	#pr_section_01 #pr_section_01_tab a {
		margin: 5px 0;
	}
}

@media screen and (max-width:960px) {
	/* ======================================== */
	.college_wrap li {
		width: 33.3%;
	}
	.president_intro_wrap li {
		width: 24.8%;
		margin-bottom: 1px;
	}
	/*캠퍼스맵*/
	#campus_area .campus_list > ul {
		overflow: hidden;
	}
	#campus_area .campus_list > ul > li {
		padding-top: 55px;
	}
	#campus_area .campus_list > ul > li span.list_title {
		position: absolute;
		top: 0;
		width: 33.3%;
		cursor: pointer;
		color: #666;
	}
	#campus_area .campus_list > ul > li.on span.list_title {
		color: #000;
	}
	#campus_area .campus_list > ul > li span.list_title.tab1 {
		left: 0;
		background: url("../../images/sub/contents/campus_list_bar.png") right bottom no-repeat;
	}
	#campus_area .campus_list > ul > li span.list_title.tab2 {
		left: 33.3%;
		background: url("../../images/sub/contents/campus_list_bar.png") right bottom no-repeat;
	}
	#campus_area .campus_list > ul > li span.list_title.tab3 {
		right: 0;
	}
	#campus_area .campus_list > ul > li .campus_list_wrap {
		display: none;
		background: none;
	}
	#campus_area .campus_list > ul > li .campus_list_wrap ol {
		width: 50%;
	}
	#campus_area .campus_list > ul > li.on .campus_list_wrap {
		display: block;
	}
	.campus_map_wrap {
		overflow-x: auto;
	}
	/*홍보메인*/
	#pr_section_01 {
		background: none;
		background-color: #2060aa;
	}
}
@media screen and (max-width : 960px) and (min-width : 731px) {
	/*홍보메인*/
	#pr_section_01 .wrap {
		padding-top: 30px;
	}
	#pr_section_01 .title {
		position: relative;
		top: auto;
		left: auto;
		border-bottom: 0;
		border-right: 2px solid #FFF;
		text-align: left;
		padding: 0 10px 0 0;
		width: 140px;
		margin-left: 20px;
		display: inline-block;
	}
	#pr_section_01 .bx-wrapper {
		margin-left: 0;
		padding-top: 20px;
	}
	#pr_section_01 #pr_section_01_tab {
		top: 37px;
		left: 200px;
	}
	#pr_section_01 #pr_section_01_tab ul {
		overflow: hidden;
	}
	#pr_section_01 #pr_section_01_tab ul li {
		float: left;
		margin-right: 20px;
	}
	#pr_section_01 .bx-controls .bx-controls-direction {
		left: auto;
		right: 0;
		top: 25px;
		bottom: auto;
	}
	#pr_section_01 .bx-controls .bx-controls-direction a {
		display: inline-block;
	}
	#pr_section_01 .bx-controls .bx-controls-direction a {
		background-position: 1px top;
	}
	#pr_section_02 .wrap {
		padding-bottom: 0;
		overflow: visible;
		position: relative;
	}
	#pr_section_02 .wrap .left {
		width: 63%;
		float: none;
	}
	#pr_section_02 .wrap .left .pr_board {
		padding: 23px 20px;
	}
	#pr_section_02 .wrap .right {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99;
		width: 33.3%;
		float: none;
	}
	#pr_section_02 .wrap .right .pr_box_01,
	#pr_section_02 .wrap .right .pr_box_02 {
		clear: both;
		width: 100%;
		min-height: auto;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_movie {
		position: relative;
		height: 260px;
		overflow: hidden;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_movie img {
		position: absolute;
		top: 0;
		left: -50%;
	}
    .pr_section_03 {
	}
	.link_wrap ul li {
		width: 32%;
	}
	.link_wrap ul li a {
		height: 45px;
	}
}

@media screen and (max-width:840px) {
	/* ======================================== BOARD */
	.bod_btnWrap {
		text-align: center;
		margin-top: 25px;
	}
	.bod_btnWrap .bod_left,
	.bod_btnWrap .bod_right {
		margin-top: 0;
		float: none;
		display: inline-block;
	}
	.paging span.btnFirst {
		padding-right: 5px;
		margin-right: 0;
	}
	.paging span.btnEnd {
		margin-left: 0;
		padding-left: 5px;
	}
	/* ======================================== */
	.vision_wrap dl dd ul li {
		width: 24.8%;
		margin-bottom: 1px;
	}
	.history_wrap > ul > li > button {
		background: url("../../images/sub/contents/histroy_timeline_mOut.png") 55px center no-repeat;
		text-align: left;
		padding: 10px 150px 10px 90px;
		border-bottom: 1px solid #dedede;
		height: auto;
	}
	.history_wrap > ul > li.on > button {
		background: url("../../images/sub/contents/histroy_timeline_mOn.png") 55px center no-repeat;
		background-color: #00bece;
		color: #FFF;
	}
	.history_wrap > ul > li > button.t01 {
		width: 100%;
	}
	.history_wrap > ul > li > button.t02 {
		left: 0;
		top: 42px;
		width: 100%;
	}
	.history_wrap > ul > li > button.t03 {
		left: 0;
		top: 84px;
		width: 100%;
	}
	.history_wrap > ul > li > button.t04 {
		left: 0;
		top: 126px;
		width: 100%;
	}
	.history_wrap > ul > li > button.t05 {
		left: 0;
		top: 168px;
		width: 100%;
	}
	.history_wrap > ul > li > button span {
		position: absolute;
		top: 10px;
		right: 20px;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
		width: 120px;
	}
	.history_wrap ul li .history_contents {
		padding-top: 250px;
	}
	.song_wrap .notice {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:730px) {
	#masterTab .tab_k2wiz_GNB li a.new_window {
		background-position: 80% center;
	}
	/* ======================================== */
	.greeting_wrap .greeting_img img.pc_img {
		display: none;
	}
	.greeting_wrap .greeting_img img.mobile_img {
		display: block;
	}
	.greeting_wrap .greeting_img {
		margin-bottom: 20px;
	}
	.greeting_wrap .greeting_img,
	.greeting_wrap .greeting_contents {
		float: none;
		width: 100%;
	}
	.greeting_wrap .greeting_img .history {
		right: 10px;
		bottom: -60px;
	}
	.greeting_wrap .greeting_contents .greeting_title {
		margin-right: 210px;
	}
	.greeting_wrap .greeting_contents .greeting_title .gT02 {
		margin-right: -80px;
	}
	.edu_goal .edu_college,
	.edu_goal .edu_graduate {
		float: none;
		width: 100%;
	}
	.edu_goal .edu_college h5 {
		position: relative;
		bottom: auto;
		left: auto;
	}
	.edu_goal h5,
	.edu_goal .goal_contents {
		display: table-cell;
		vertical-align: top;
	}
	.edu_goal h5 {
		width: 150px;
	}
	.edu_goal .edu_graduate h5 {
		text-align: left;
	}
	.edu_goal .edu_college .goal_contents {
		margin-left: 0;
		border-right: 0;
		padding-bottom: 40px;
	}
	.edu_goal .edu_college .goal_contents_2 {
		
	}
	.edu_goal .edu_graduate .goal_contents {
		border-left: 1px solid #FFF;
		border-top: 0;
	}
	.charter_text .text, 
	.charter_text .intro_text {
		display: block;
	}
	.charter_text .text {
		margin-top: 62%;
		padding: 0;
		position: relative;
		z-index: 4;
	}
	.charter_text .intro_text {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		background: none;
	}
	.charter_text .intro_text .img {
		float: left;
		margin-right: 10px;
		max-width: 313px;
		width: 52%;
	}
	.charter_text .intro_text .img img {
		width: 100%;
		max-height: 400px;
	}
	.charter_text .intro_text p {
		text-align: left;
	}
	.symbolic_icon_list ul li {
		float: none;
		width: 93%;
	}
	.song_wrap .lyric .song_1,
	.song_wrap .lyric .song_2 {
		float: none;
		width: 100%;
		border : 0;
	}
	.song_wrap .buttonArea .alignL {
		text-align: center;
	}
	.song_wrap .button_down,
	.song_wrap .button_down:nth-child(3) {
		display: inline-block;
		float: none;
		width: 50%;
		margin: 0 0 5px 0;
	}
	.viewer_down ul li .vd_text {
		padding: 15px 20px;
	}
	.viewer_down ul li:first-child .vd_text dl {
		background: none;
		padding: 0;
	}
	.viewer_down ul li .vd_text a.button_down {
		position: relative;
		top: auto;
		right: auto;
		clear: both;
		margin-top: 10px;
	}
	.intro_box ul li {
		width: 100%;
	}
	.intro_box ul li dl dt {
		padding: 0 130px 15px 0;
	}
	.event_list ul li,
	.event_list.tab .notice_board_list > ul li {
		padding: 20px 20px 20px 30px;
	}
	.event_list ul li a {
		background: none;
	}
	.event_list ul li span {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		margin-top: 10px;
	}
	.edu_paideia .edu_paideia_wrap {
		background: url("../../images/sub/contents/edu_paideia_img_1_m.jpg") left top no-repeat;
	}
	/* 홍보메인 */
	#pr_section_01 .pr_section_01_bg {
		background-position: -530px -40px;
	}
	#pr_section_01 .bx-wrapper {
		margin-left: 0;
	}
	#pr_section_01 .bx-wrapper .bx-viewport > ul > li > ul > li {
		width: 50%;
	}
	#pr_section_01 .bx-wrapper .bx-viewport > ul > li > ul > li:first-child {
		margin-left: 50%;
	}
	#pr_section_01 .bx-controls .bx-controls-direction {
		bottom: auto;
		top: 28%;
		left: 38%;
	}
	#pr_section_02 .wrap .left,
	#pr_section_02 .wrap .right {
		width: 100%;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_title {
		right: auto;
		left: 0;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_movie {
		height: 70px;
	background: url("../../images/sub/contents/08_main/pr_movie_bg.png") left top repeat;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_movie img {
		display: none;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_movie a {
		left: auto;
		right: 0;
		top: 10px;
	}
	#pr_section_02 .wrap .right .pr_box_03 .pr_btn {
		display: none;
	}
    .link_wrap ul li {
		width: 49%;
	}
  .vision_wrap .vs05 ul > li {
	width: 50%;
  }
  .vision_wrap .vs05 ul > li.first {
	height: 300px;
  }
  .vision_wrap .vs05 .vs_detail {
	margin-left: 0;
  }
  .vision_wrap .vs05 ul > li p {
	padding: 20px 10px 0 10px;
  }
  .vision_wrap .vs05 ul > li p.title {
	padding: 10px 0 0 0;
  }
	/* ======================================== BOARD */
	#board_list table col.w8per {
		width: 15%;
	}
	#board_list .list table td .title {
		float: none;
		clear: both;
		width: 90%;
	}
	#board_list .list table td .name {
		float: none;
		clear: both;
		margin-top: 10px;
	}
	#board_list .photo_list ul li {
		width: 33.3%;
	}
}

@media screen and (max-width:640px) {
	/* ======================================== */
	.president_intro_wrap li {
		width: 33.3%;
	}
	.vision_wrap dl dd ul li {
		width: 33%;
	}
	.vision_wrap dl dd ul li p {
		word-break: normal;
	}
	.college_wrap li {
		width: 50%;
	}
	.college_detail .college_infoWrap .college_info_data .college_slogan,
	.college_detail .college_infoWrap .college_info .title {
		font-size: 18px;
	}
	.college_detail .college_infoWrap .college_info_data .college_slogan span {
		font-size: 15px;
	}
	.college_detail .college_text {
		padding: 20px;
	}
	.college_detail .college_infoWrap .college_info_data {
		min-height: 183px;
	}
	.grid_wrap .grid_left,
	.grid_wrap .grid_right,
	.grid_wrap .grid_ea3 {
		float: none;
		clear: both;
		width: 100%;
	}
	.grid_wrap .grid_ea3 .grid_box {
		margin-right: 0;
	}
	.grid_wrap .grid_box .grid_img ul li {
		width: 100%;
		margin: 10px 0;
	}
	.list_type01 .thumb,
	.list_type01 .info_contents {
		float: none;
		width: 100%;
	}
	.list_type01 .thumb {
		margin-bottom: 10px;
	}
	.smu_org .org_group.line_0  {
		background: url("../../images/sub/contents/org_line_bg.png") center top repeat-y;
		padding-bottom: 20px;
	}
	.smu_org .org_group.line_1 {
		background-position: center 4px;
	}
	.smu_org .org_group.line_2 {
		background-position: 0.6% top;
		background-repeat: repeat-y;
		background-size: 1px;
	}
	.smu_org .org_group.line_1 > ul {
		background: url("../../images/sub/contents/org_bg_mobile.png") left bottom no-repeat;
		background-size: 50%;
		padding-top: 0;
	}
	.smu_org .org_group.line_1 > ul > li:nth-child(2) > .line_group {
		background: url("../../images/sub/contents/org_line_bg.png") center top repeat-y;
	}
	.smu_org .org_group.line_2 > ul > li {
		float: none;
		width: 96.4%;
		padding-left: 1.6%;
		padding-top: 0;
		background-position: left 53px;
	}
	.smu_org .org_group.line_2 > ul > li > .line_group {
		padding-left: 20px;
	}
	.smu_org .org_group.line_2 > ul > li > div.line_group:first-child {
		background-position: left 57px;
		background-repeat: repeat-x;
	}
	.map_notice .map_view {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 10px;
	}
	.map_notice .map_view .map_view_btn {
		display: inline-block;
	}
	#schedule_wrap ul li dl dt {
		display: block;
		border-bottom: 1px solid #cfcfd1;
		text-align: center;
		width: 100%;
		padding: 20px 0;
	}
	#schedule_wrap ul li dl dd .month {
		width: 80px;
	}
	.campus_tour_search {
		padding-right: 130px;
	}
	.campus_tour_search .campus_btn {
		position: relative;
		clear: both;
		float: right;
		right: auto;
		top: auto;
		margin: 10px -120px 0 0;
	}
	.campus_tour_search .campus_btn.search_btn {
		position: absolute;
		top: 20px;
		right: 10px;
		float: none;
		clear: none;
		margin: 0;
	}
	#campus_area .campus_search_list, 
	#campus_area .campus_search_detail {
		padding: 3%;
		width: 94%;
	}
	#campus_area .campus_search_detail .search_detail_select {
		width: 100%;
		margin-bottom: 20px;
	}
	#campus_area .campus_search_detail .search_detail_list {
		clear: both;
		width: 49%;
	}
	#campus_area .campus_search_detail .campus_thumb {
		width: 49%;
	}
	#campus_area .campus_search_detail .search_detail_select .campus_btn span {
		width: 80%;
	}
	#movie_wrap .movie_play_area .movie_play {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#movie_wrap .movie_play_area .movie_caption {
		float: none;
		width: 100%;
	}
	#campus_search .search_detail .search_div.tel_link {
		margin-right: 0;
	}
	#campus_search .search_detail a.btn {
		position: relative;
		top: auto;
		right: auto;
		display: inline-block;
		margin-top: 5px;
	}
	.campus_tel_search .tel_list > ul {
		width: 100%;
	}
	.campus_tel_search .tel_list > ul > li {
		float: none;
		clear: both;
		width: 100%;
		margin-right: 0;
	}

	/* ======================================== BOARD */
	/* ==========썸네일게시판 모바일
  #board_list .photo_big_list > ul > li {
		text-align: center;
	}
	#board_list .photo_big_list .thumb,
	#board_list.sns_wrap .photo_big_list .thumb {
		float: none;
		margin: 0 auto 30px auto;
		width: 100%;
	}
	#board_list .photo_big_list dl,
	#board_list.sns_wrap .photo_big_list > ul > li .text {
		margin-left: 0;
		padding-bottom: 25px;
	}
	#board_list .photo_big_list dl dt {
		background-position: center bottom;
	}
	#board_list .photo_big_list > ul > li > ul{
		position: relative;
		bottom: auto;
		left: auto;
		display: inline-block;
	}
	#board_list.sns_wrap .photo_big_list > ul > li > ul {
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
		display: block;
	}
	#board_list.sns_wrap .photo_big_list > ul > li a.btn {
		left: 0;
	}
	#board_list .photo_big_list.listType01 ul.type01,
	#board_list .photo_big_list.listType01 ul.type02 {
		text-align: left;
	}*/
	#board_view .preview .thumb {
		float: none;
		width: 100%;
		margin: 10px auto;
	}
	#board_view .preview p {
		margin-left: 0;
	}
	.recentVideo{
		background:none;
	}
}

@media screen and (max-width:560px) {
	#board_list .photo_list ul li {
		width: 50%;
	}
	/* ======================================== */
	.greeting_wrap .greeting_contents .greeting_title {
		margin: 60px 0 20px 0;
	}
	.greeting_wrap .greeting_contents .greeting_title .gT02 {
		text-align: left;
		margin-right: 0;
	}
	.greeting_wrap .greeting_contents .greeting_title .gT03 {
		margin-left: 0;
	}
	.history_wrap > ul > li > button {
		padding: 10px 140px 10px 30px;
		background-position: 10px center;
	}
	.history_wrap > ul > li.on > button {
		background-position: 10px center;
	}
	.history_wrap > ul > li > button span {
		right: 10px;
	}
	.history_wrap ul li .history_contents {
		padding: 250px 15px 0 15px;
	}
	#campus_search .search_detail .search_div {
		padding-right: 26%;
	}
	#campus_search .search_detail .search_div .search_btn {
		width: 25%;
	}
	#campus_search .search_detail .keyboard {
		border: 0;
		border-left: 1px solid #c1c1c2;
	}
	#campus_search .search_detail .keyboard ul {
		background: none;
	}
	#campus_search .search_detail .keyboard ul li {
		width: 7.1%;
	}
	#campus_search .search_detail .keyboard ul.word_ko li button {
		border-bottom: 1px solid #c1c1c1;
		border-top: 1px solid #c1c1c1;
	}
	#campus_search .search_detail .keyboard ul.word_eng li button {
		border-top: 0;
	}
	#campus_search .search_detail .keyboard ul.word_eng li:last-child button {
		border-right: 1px solid #c1c1c1;
	}
	/* 홍보메인 */
	#pr_section_01 .wrap {
		padding-top: 30px;
	}
	#pr_section_01 .title {
		position: relative;
		top: auto;
		left: auto;
		border-bottom: 0;
		border-right: 2px solid #FFF;
		text-align: left;
		padding: 0 10px 0 0;
		width: 140px;
		margin-left: 20px;
		display: inline-block;
	}
	#pr_section_01 #pr_section_01_tab {
		top: 29px;
		left: 200px;
	}
	#pr_section_01 #pr_section_01_tab ul {
		overflow: hidden;
	}
	#pr_section_01 #pr_section_01_tab ul li {
		float: left;
		margin-right: 20px;
	}
	#pr_section_01 #pr_section_01_tab a {
		margin: 1px 0;
	}
	#pr_section_01 .bx-wrapper {
		padding-top: 30px;
	}
	#pr_section_01 .bx-controls .bx-controls-direction {
		top: auto;
		left: auto;
		right: 0;
		bottom: 20px;
	}
	#pr_section_02 .wrap .right .pr_box_01,
	#pr_section_02 .wrap .right .pr_box_02 {
		width: 100%;
	}
	#pr_section_01 .bx-wrapper .bx-viewport > ul > li > ul > li:first-child {
		margin-left: 0;
	}
}

@media screen and (max-width:460px) {
	.college_wrap li .college_list h5 {
		font-size: 19px;
	}
	.smu_org {
		background: url("../../images/sub/contents/org_line_bg.png") center top no-repeat;
		background-size: 1px 93px;
	}
	.smu_org .org_group.line_1 {
		background-position: 0.6% top;
		background-repeat: repeat-y;
		background-size: 1px;
	}
	.smu_org .org_group.line_0 {
		background: url("../../images/sub/contents/org_line_bg.png") left bottom no-repeat;
		background-size: 50% 1px;
		padding-bottom: 20px;
	}
	.smu_org .org_group.line_1 > ul > li {
		float: none;
		width: 96.4%;
		padding-left: 1.6%;
		padding-top: 0;
		background-position : left 53px;
	}
	.smu_org .org_group.line_1 > ul > li > .line_group {
		padding-left: 20px;
	}
	.smu_org .org_group.line_1 > ul {
		background: none;
		padding-top: 0;
	}
	.smu_org .org_group.line_1 > ul > li > div.line_group:first-child {
		background-position: left 57px;
		background-repeat: repeat-x;
	}

	#board_view .write dl dd .file_search {
		margin-left: 0;
		margin-top: 10px;
	}
	input.w10per,
	input.w20per,
	input.w25per,
	input.w30per,
	input.w40per,
	input.w50per,
	input.w60per,
	input.w70per,
	input.w80per,
	input.w90per,
	input.w98per,
	input.w100per {
		width: auto;
	}
} 
	/* 최근주요행사,학사일정,배너 */

#_wrapArticle .section_03.board_banner01,
#_wrapArticle .section_03.board_banner02 {
	position: relative;
	min-height: 186px;
  	line-height: normal;
}
#_wrapArticle .section_03.board_banner01 .title,
#_wrapArticle .section_03.board_banner02 .title {
	font-size: 16px;
	color: #FFF;
	padding: 20px 0 7px 0;
	background: url("/sites/sookmyungkr/masterSkin/sookmyungkr_smuMain/images/main/section_03_bar.gif") left bottom no-repeat;
	margin: 0 30px 13px 30px;
	font-weight: normal;
    line-height: normal;
}
#_wrapArticle .section_03.board_banner01 .more,
#_wrapArticle .section_03.board_banner02 .more {
	position: absolute;
	top: 30px;
	right: 20px;
	background: url("/sites/sookmyungkr/masterSkin/sookmyungkr_smuMain/images/main/btn_more_W.png") left top no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
}
#_wrapArticle .section_03.board_banner01 ul li dl,
#_wrapArticle .section_03.board_banner02 ul li dl {
	color: #FFF;
	margin: 0 30px;
}
#_wrapArticle .section_03.board_banner01 ul li dl dt,
#_wrapArticle .section_03.board_banner02 ul li dl dt {
	font-size: 20px;
	line-height: 1.34;
	height: 53px;
	overflow: hidden;
	margin-bottom: 10px;
	word-break: keep-all;
}
#_wrapArticle .section_03.board_banner01 ul li dl dd,
#_wrapArticle .section_03.board_banner02 ul li dl dd {
	font-size: 12px;
}
#_wrapArticle .section_03.board_banner01 {
	background-color: #ac8e63;
}
#_wrapArticle .section_03.board_banner02 {
	background-color: #43939b;
}
#_wrapArticle .section_03.board_banner03 {
	position: relative;
}
#_wrapArticle .section_03.board_banner03 li {
	text-align: center;
}
#_wrapArticle .section_03.board_banner03 img {
	width: 100%;
	max-width: 640px;
	max-height: 186px;
	min-height: 186px;
}
#_wrapArticle .section_03 .bx-controls {
	position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 999;
}
#_wrapArticle .section_03 .bx-controls .bx-pager {
    overflow: hidden;
    margin-right: 17px;
}
#_wrapArticle .section_03 .bx-controls .bx-controls-auto a {
	left: auto;
	right: 0;
}
@media screen and (max-width: 960px) {
	#multipleContentsDiv_smuDemo_668 {
		max-width: 960px;
		width: 94%;
	}
}
@media screen and (max-width:1024px) {
  #_wrapArticle #mVisual li .text .wrap dl {
	height: auto;
  }
  #_wrapArticle #mVisual li .text .wrap dl dt {
	max-height: 75px;
  }
  #_wrapArticle #mVisual li .text .wrap dl dd {
	height: auto;
  }
}