@charset "utf-8";
/*-------------------------------------------------
Content Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2013. 07. 03.
Last update : 2013. 07. 03.
-------------------------------------------------*/

@import url(/common/css/mobile/mobileGeneral.css);
@import url(/common/css/mobile/mobileLayout.css);
/*@import url(/common/css/mobile/bbs.css);*/

/* content */
#mobileContent {position: relative; margin: 0 auto;}

/* 서브비주얼 */
.sVisual {width: 100%; height: 120px; margin: 0 auto; overflow: hidden;}
.sVisual_01 {background: #fff url(/images/mobile/visual/visual01.gif) no-repeat right top;}
.sVisual_02 {background: #fff url(/images/mobile/visual/visual02.gif) no-repeat right top;}
.sVisual_03 {background: #fff url(/images/mobile/visual/visual03.gif) no-repeat right top;}
.sVisual_04 {background: #fff url(/images/mobile/visual/visual04.gif) no-repeat right top;}
.sVisual_05 {background: #fff url(/images/mobile/visual/visual05.gif) no-repeat right top;}
.sVisual_06 {background: #fff url(/images/mobile/visual/visual06.gif) no-repeat right top;}
.sVisual_07 {background: #fff url(/images/mobile/visual/visual03.gif) no-repeat right top;}

.sVisual h1 {margin-top: 38px; margin-left: 25px; font-size: 0;}
.sVisual .location {margin-top: 10px; margin-left: 25px;}
.sVisual .location .home {padding-left: 18px; background: url(/images/mobile/common/icon_home.gif) no-repeat left 2px; color: #7d7d7d;}
.sVisual .location .current {color: #252525;}

.detailContent {margin: 0 auto; padding: 20px;}

/* title STYLE */
.depth3_title,
.depth3_title02 {margin-bottom: 20px; padding-top: 17px; font-size: 1em; color:#000; line-height:100%; background:url(/images/mobile/common/bullet_title_h3.gif) no-repeat 0 0;}
.depth3_title .eng_txt {display: block; margin-top: 3px; font-size: 0.75em; font-weight: normal;}
.depth3_title02 {margin-top: 40px;}

.depth4_title,
.depth4_title01,
.depth4_title02 {margin-bottom: 8px; color: #252525; font-weight: bold;}
.depth4_title01 {margin-bottom: 13px;}
.depth4_title02 {margin-top: 25px;}

.depth4_title03 {font-weight:bold; color:#2687db;}
.mb20 {margin-bottom:20px;}

.color_title,
.color_title02 {margin-bottom: 2px; color: #1898d7;}
.color_title02 {margin-top: 14px;}

/* 분석지원장비 */
.about_service {overflow: hidden;}
.about_service_img {float: left; display: inline-block; width: 160px; height: 140px; background: url(/images/mobile/sub/service_img.gif) no-repeat 10px 10px;}

/* 대형연구장비 photo */
.slide_photo {width: 100%; margin-top: 20px; font-size: 0; overflow: hidden;}
.slide_photo .img_view {position: relative; text-align: center;}
.slide_photo .img_view img {max-width: 100%; border: 1px solid #e3e4e5;}

/* 연구개발 */
.research_field_info {min-height: 160px; padding: 10px 0 0 214px; background: url(/images/mobile/sub/research_field.gif) no-repeat 0 0;}
.research_field_info02 {min-height: 160px; /*in-width: 280px; padding: 1px 220px 0 0; margin-bottom: 20px; background: url(/images/mobile/sub/research_field02.gif) no-repeat right 0;*/}/* background-size: 30% 30%;*/
.research_field_info02 .img_title {margin-bottom: 15px;}
.research_field_info02 .part {margin-top: 10px; padding-left: 23px; background: url(/images/mobile/sub/img_part.gif) no-repeat 0 top; color: #f06667;}

/* 장비개발 */
.zone {display: inline-block; padding-left: 14px; background: url(/images/mobile/common/icon_target.gif) no-repeat 0 0; font-weight: normal;}

/* 연구조직 */
.about_us {overflow: hidden;}
.about_us_img {float: left; display: inline-block; width: 120px; height: 57px; background: url(/images/mobile/sub/about_us.gif) no-repeat 10px 10px;}

.nfec_info {margin-bottom: 30px; overflow: hidden;}
.nfec_info .float_left {float: left; width: 380px;}
.nfec_info .float_right {float: right; width: 220px; text-align: right;}
.nfec_info .display_block {margin-top: 18px;}

/* 인사말 */
.greeting {position: relative; /*min-width: 280px; padding-right: 290px; background: url(/images/mobile/sub/sub0601_person.jpg) no-repeat right 100px; letter-spacing: -0.05em; line-height: 160%;*/}
.greeting p {margin-top: 20px; color: #636363; word-break: keep-all;}
.greeting p:first-child {margin-top: 0;}

/* 역대기관장 2018-07-06 추가 */
.chiefs{}
.chiefs,.chiefs *{box-sizing:border-box}
.chiefs ul{margin:-10px -20px 0}
.chiefs ul:after{clear:both;display:block;content:""}
.chiefs li{float:left;width:33.333%;padding:20px 10px;text-align:center}
.chiefs li img{display:block;margin:0 auto 10px}
.chiefs li strong{display:block;font-weight:500;font-size:1.200em;line-height:1.3333em;color:#000;letter-spacing:-0.02778em}
.chiefs li strong > em{font-style:normal;line-height:1.3333em;color:#fc6f4e}
.chiefs li .date{display:block;font-size:0.933em;line-height:1.7142em;color:#6d6d6d;letter-spacing:-0.03571em}
@media all and (max-width: 413px){
	.chiefs li{width:50%}
}

/* 찾아오시는길 */
.tabMenu_area {width: 100%;	background: url(/images/mobile/common/tabMenu_bottom_bg.gif) repeat-x left bottom;	overflow: hidden;}/*margin-bottom: 35px;*/
.tab_menu {width: 600px; min-height: 26px; margin-bottom: 35px;	background: url(/images/mobile/common/tabMenu_bottom_bg.gif) repeat-x left bottom;	overflow: hidden;}/*	background: url(/images/mobile/common/tabMenu_right_bg.gif) repeat-y right top;*/
.tab_menu li {float: left; width: 150px; min-height: 26px; background: #e5e9f0; content: '';}
.tab_menu li a {display: block;	height: 26px; padding: 7px 0 3px; font-weight: bold; color: #636363; border-right: solid 1px #c5cddc; border-bottom: solid 1px #c4cddc; text-align: center;	}
.tab_menu li.on {background: #478ecc; letter-spacing: -0.1em; font-weight: bold;}
.tab_menu li.on a {color: #fff !important;	 border-right: none;}

.mapList {width: 100%; border-top: 1px solid #d1d1d1; color: #000;}
.mapList dt {clear: both; padding: 15px 0; font-weight: bold; background: #eaeaea; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.mapList dt span.placeName {float: left; display: block; width: 160px; padding: 10px 20px;}
.mapList dt span.phone {float: right; display: block; width: 155px; padding: 10px 0 10px 45px; color: #717171; background: url(/images/mobile/common/icon_tel.png) no-repeat left top;}
.mapList dt span.fax {float: right; display: block; width: 155px; padding: 10px 0 10px 45px; color: #717171; background: url(/images/mobile/common/icon_fax.png) no-repeat left top;}
.mapList dd {clear: both; padding: 15px 20px; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.mapList dd .address {float: left; width: 475px;}
.mapList dd .tit {float: left; padding-left: 15px; width: 55px; font-weight: bold; background: url(/images/mobile/common/icon_target.gif) no-repeat left top;}
.mapList dd .txt {float: right; width: 405px; color: #717171;}
.mapList dd .btnMap {float: right; width: 85px; text-align: right;}

.map_view {width: 100%; margin-bottom: 40px; text-align: center;}
.map_view iframe {margin: 0 auto; width: 300px; height: 195px;}

/* 게시판 */
#content_detail {clear: both;}
.news_subject {margin-bottom: 35px; padding: 20px 0; border-top: solid 2px #9a98a5; border-bottom: solid 1px #9a98a5;}
.news_subject > .tit_subject {margin-bottom: 13px; color: #000; letter-spacing: -0.1em; font-weight: bold;}
.newsBody {margin-bottom: 35px;}
.listview {margin-bottom: 20px;}

/* 그라데이션 list */
.tstyle_gradient {
	clear: both;
	width: 100%;
	}
.tstyle_gradient th {
	padding: 9px 0 7px;
	background:#ebebeb url(/images/kor/common/table_bar.gif) repeat-x 0 0;
	border-bottom: solid 1px #b7b8c0;
	border-left:  solid 1px #dbdce0;
	color: #252525;
	font-weight: normal;
	}
.tstyle_gradient tbody th {
	background: none;
	border-bottom-color: #dbdce0;
	}
.tstyle_gradient td {
	padding: 10px 10px;
	border-left: solid 1px #dbdce0;
	border-bottom: solid 1px #dbdce0;
	text-align: center;
	}
.tstyle_list td:first-child,
.tstyle_list th:first-child,
.tstyle_gradient th:first-child,
.tstyle_gradient td:first-child {
	border-left: none;
	}

.tstyle_gradient .txt_left,
.tstyle_gradient tbody.txt_left td,
.tstyle_list tbody.txt_left td,
.tstyle_list td.txt_left {
	text-align: left;
	}
.tstyle_gradient .txt_center,
.tstyle_list .txt_center	 {
	text-align: center !important;
	}

.tstyle_list th.rline {
	border-right: solid 1px #dbdce0;
	}
.tstyle_list td.line,
.tstyle_gradient td.line {
	border-left: solid 1px #dbdce0;
	}


/* 공통 요소 추가 */
.arrow_list {overflow: hidden;}
p.arrow_list,
.list-arr li,
.arrow_list li {padding-left: 7px; background: url(/images/mobile/common/gray_arrow.gif) no-repeat 0 5px;}
.arrow_list li > span {display: block; margin-top: 5px;}
.arrow_list li:first-child > span {margin-top: 0;}
.arrow_list li .research_product_long {margin: 3px 0 0 -7px;}

.point_text01 {font-weight: bold; color: #2666ad;}

/* 화살표 목록 */
.focus_list {}
.focus_list li {margin-top: 4px; padding-left: 15px; background: url(/images/mobile/common/icon_target.gif) no-repeat 0 1px;}
.focus_list li.txt_tel {background: none;}
.focus_list li > span {color: #252525; letter-spacing: -0.1em;}
.focus_list li.txt_tel span {margin-right: 3px;}

/*jquery 모바일로 틀어지는 부분 수정*/
* {text-shadow: none;}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {font-family: Dotum, Gulim, AppleGothic, sans-serif;}
.ui-btn-inner {font-size: 12px;}
.ui-btn-up-c {font-weight: normal;}

@media all and (max-width: 600px){
	/* 서브비주얼 */
	.sVisual {width: 100%; height: 60px; margin: 0 auto; overflow: hidden; background-size: contain;}

	.sVisual h1 {margin-top: 19px; margin-left: 20px; font-size: 0;}
	.sVisual h1 img {width: 50%;}
	.sVisual .location {margin-top: 5px; margin-left: 20px;}

	/* 분석지원장비 */
	.about_service img {width: 50%;}
	.about_service_img {width: 80px; height: 65px; background: url(/images/mobile/sub/service_img.gif) no-repeat left top; background-size: contain;}

	/* 찾아오시는길 */
	.tab_menu {width: 100%;}
	.tab_menu li {width: 50%;}

	.mapList dd .address {width: 175px;}
	.mapList dd .txt {width: 105px;}
	/*.map_view iframe {width: 300px; height: 195px;}*/
}

/*연구분야 사진*/
.research_product {
	margin-top: -5px;
	overflow: hidden;
	}
.research_product_long {
	position: relative;
	margin-top: 15px;
	}
.research_product li {
	position: relative;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	}
.research_product_long img,
.research_product_long2 img,
.research_product li img {
	display: block;
	}
.research_product_long > span,
.research_product_long2 > span,
.research_product li > span {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 99.9%;
	padding: 7px 0;
	background: #737373;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	z-index: 100;
	}
.research_product li > span.long {
	height: 54px;
	}
.research_product li > span.long02 {
	height: 36px;
	}
.research_product li .long_spacing {
	letter-spacing: -0.1em;
	}
.mb30 {margin-bottom:30px;}

/* 170714 조윤서 수정 */
/*연구조직 및 분야 > 바이오융합분석 > 연구분야 소개*/
.about_bio{margin-top:40px;}
.about_bio:after{content:"";display:block;clear:both;}
.about_bio li{float:left;margin:0 7px 7px 0;width:47%;}
/*.about_bio li:nth-child(3n+0){margin-right:0;}*/
.about_bio li a{display:block;}

/*연구분야 테이블*/
.tbl_bio{clear:both;width:100%;border-top:solid 3px #73abe6;border-bottom:solid 3px #73abe6;color:#545454;margin:30px 0;}
.tbl_bio th{border-bottom:solid 1px #dbdce0;text-align:center;padding:0;}
.tbl_bio th .glade{background:#3f83cf;color:#fff;padding:2px 0;border-radius:15px;font-weight:400;font-size:0.95em;width:65px;display:inline-block;}
.tbl_bio td{padding:7px 13px;border-bottom:solid 1px #dbdce0;text-align:center;}
.tbl_bio td ul{text-align:left;border-left:1px solid #dcdcdc;padding:0 0 0 15px;}
.tbl_bio td ul li{position:relative;padding:0 0 0 10px;word-break: keep-all;}
.tbl_bio td ul li:after{content:"";position:absolute;width:4px;height:2px;background:#545454;top:10px;left:0;}
.tbl_bio tbody th,
.tbl_bio .name{color:#000;font-weight:500;padding:15px 0;}
.tbl_bio span.icon_email{padding-left:20px;background:url(/images/kor/common/icon_email.gif) no-repeat 0 5px;display:inline-block;height:20px;}
.tbl_bio a.icon_email{padding-left:20px;background: url(/images/kor/common/icon_email.gif) no-repeat 0 0;vertical-align:middle;}

.research_descBox{
	word-break: keep-all;
	background:url(/images/kor/common/about_bio_bg.gif) repeat;
	padding:24px 17px;
	font-weight:500;
	color:#1b1b1b;
	/* text-align: justify; */
	}
.research_descBox:after{content:"";display:block;clear:both;}
.research_descBox span{color:#0281CA;}

.equip_more{position:absolute;right:0;top:0;}

/*연구지원 > 선도연구장비*/
.lead:after{content:"";display:block;clear:both;}
.lead li{float:left;margin:0 30px 30px 0;}
.lead li:nth-child(even){margin-right:0;}
.lead li a{display:block;}

/*포토뉴스*/
.publicity_list{margin-bottom:20px;}
.publicity_list:after{content:"";display:block;clear:both;}
.publicity_list li{float:left;width:48%;}
.publicity_list li:nth-child(even){float:right;}
.publicity_list li span{display:block;}
.box_photo{position:relative;}
.box_photo .btn_prev{position:absolute;left:0;top:50%;margin-top:-20px;}
.box_photo .btn_next{position:absolute;right:0;top:50%;margin-top:-20px;}


/* 견학신청 확인 */
.visit_check {
	position: relative;
	margin: auto;
	padding: 30px 0 30px 10%;
	border: 3px solid #478ecc;
	border-radius:10px;
	}
.visit_check p {
	height: 28px;
	margin-bottom: 3px;
	}
.visit_check label {
	display: block;
	float: left;
	width: 46px;
	margin-top: 3px;
	line-height: 1.5;
	}
.visit_check p input[type="text"] {
	float: left;
	width: 120px;
	padding: 4px 3px 3px;
	background: #f7f7f7;
	}
.visit_check .btn_search {
	position: absolute;
	top: 30px;
	right: 50%;
	margin-right: -129px;
	}

@media all and (max-width: 320px){
	.visit_check {padding:30px 0 30px 3%;}
}

/*.listview {clear:both;}
.listview li {border-bottom:1px solid #dcdbdb;border-top:1px solid #dcdbdb;margin:4px 0;line-height:140%;background:url(/images/mobile/common/bg_list.gif) repeat-x left bottom;}
.listview li a {display:block;padding:10px 20px 8px 15px;background: url(/images/mobile/common/arrow.gif) no-repeat right 50%;color:#000}
.listview .subject {display:block; font-size:15px; color:#000; font-weight:bold;}
.listview .date {color:#7e7d78; font-size:11px;}
.listview li .ui-icon{background: url(/images/mobile/common/arrow.gif) no-repeat right 50%;}*/

/* 동영상 */
.movie_area,
.photo_area {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: solid 1px #dbdce0;
	overflow: hidden;
	}
.movie_area .movie_play {
	float: left;
	width: 400px;
	height: 260px;
	margin-right: 34px;
	background: #f4f4f4 url(/images/kor/common/movie_bg.png) no-repeat 50% center;
	}
.movie_area .movie_txt {
	float: right;
	width: 306px;
	margin-top: 5px;
	overflow: hidden;
	}
.movie_area .date {
	/*margin: -18px 0 8px;*/
	padding-bottom: 5px;
	text-align: right;
	}
.movie_area .play_caption {
	width: 301px;
	height: 168px;
	margin-bottom: 20px;
	padding-right: 5px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	line-height: 1.65;
	overflow-y: scroll;
	}
.movie_area .txt_download {
	margin-bottom: 5px;
	letter-spacing: -0.1em;
	color: #252525;
	}
.movie_area .txt_download a {
	display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    border: solid 1px #ddd;
	}
.movie_area .txt_download span {
	padding-right: 15px;
	background: url(/images/kor/common/icon_down.gif) no-repeat right 3px;
	color: #1898d7;
	}
.movie_area .btn_download a {
	float: left;
	margin-left: 3px;
	}
.movie_area .btn_download a:first-child {
	margin-left: 0;
	}

	
/*기념관 180614 추가*/
/*20, 30년사*/
.memorial_wrap{position:relative;max-width:315px;padding:20px 30px;margin:0 auto 20px;border-bottom:2px solid #89a6c5;background:url(/images/kor/sub05/memorial_bg_mobile.jpg) no-repeat;background-size:375px auto}
.memorial_wrap > h2{width:140px;font-weight:500 !important;font-size:2.143em !important;line-height:1.2222em;color:#fff;letter-spacing:-0.04444em;text-align:center}
.memorial_wrap > h2 .small{display:block;font-weight:400 !important;font-size:0.400em;line-height:1.5882em}
.memorial_wrap .h2_desc{display:none;padding-right:85px;font-style:italic;font-size:0.933em;line-height:1.4285em;color:#4f4f4f;opacity:0.3;filter:alpha(opacity=30);text-transform:uppercase;text-align:right}
.memorial_wrap .memorial_lst{margin-top:60px}
.memorial_wrap .memorial_lst:after{clear:both;display:block;content:""}
.memorial_wrap .memorial_lst li{float:left;width:312px}
.memorial_wrap .memorial_lst li + li{margin-top:30px}
.memorial_wrap .memorial_lst a{display:block;text-align:center;text-decoration:none}
.memorial_wrap .memorial_lst img{min-height:180px;border-radius:12px}
.memorial_wrap .memorial_lst strong{display:block;margin-top:10px;font-weight:400;font-size:1.067em;line-height:1.5625em;color:#4f4f4f;letter-spacing:-0.03125em}
.movie_area.memorial{border-bottom:0 none;padding-bottom:0;margin-bottom:0}
.movie_area.memorial .movie_play{display:block;float:none;width:auto;max-width:375px;margin:0 auto;background:transparent}
.movie_area.memorial .movie_play > video{width:100% !important}
.movie_area.memorial .movie_txt{display:block;float:none;width:auto;max-width:375px;margin:20px auto 0}
.movie_area.memorial .play_caption{width:auto;max-width:375px;padding-right:0;}
@media all and (max-width: 480px){
	.memorial_wrap .memorial_lst{margin-top:68px}
}
@media all and (max-width: 413px){
	.memorial_wrap > h2{width:115px}
	.memorial_wrap .memorial_lst{margin-top:50px}
	.memorial_wrap{max-width:266px;padding:20px 27px;background-size:320px auto}
	.memorial_wrap .memorial_lst li{width:266px}
	.memorial_wrap .memorial_lst img{min-height:153px}
	.memorial_wrap .memorial_lst li + li{margin-top:22px}
	.movie_area.memorial .movie_play{max-width:320px}
	.movie_area.memorial .movie_txt{max-width:320px}
	.movie_area.memorial .play_caption{max-width:320px}
}
/*화보집*/
#artbook{display:block;position:relative;width:328px;height:219px;padding:50px 23px 111px 19px;margin:0 auto 30px;background:url(/images/kor/sub05/artbook_bg_mobie.jpg) no-repeat;background-size:auto 100%;font-size:1em !important;text-shadow:none;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;z-index:90;zoom:1}
#artbook > strong{position:absolute;top:20px;left:0;width:100%;font-weight:400;font-size:1.071em;line-height:1.3333em;color:#fff;letter-spacing:-0.03333em;text-align:center}
#artbook > strong > em{font-style:normal;line-height:1.3333em;color:#f9a726}
#artbook .ws_images{position:relative;width:100%;height:219px;border-radius:5px;overflow:hidden;vertical-align:top}
#artbook .ws_images ul{position:relative;height:100%;margin:0;padding:0;border-spacing:0;overflow:visible;list-style:none}
#artbook .ws_images ul:after{clear:both;display:block;content:""}
#artbook .ws_images ul li{position:relative;float:left;width:1%;height:100%;padding:0 !important;margin:0 !important;border-radius:5px;overflow:hidden}
#artbook .ws_images ul a{display:block;width:100%;height:219px}
/*
#artbook .ws_images .ws_list img,#artbook .ws_images > div > img{width:100%;height:219px;border-radius:5px}
#artbook .ws_images .ws_cover{border-radius:5px}
#artbook a{border:none;text-decoration:none;outline:none}
#artbook .ws_effect{position:static;width:100% !important;height:219px !important;overflow:hidden;border-radius:5px}
#artbook a.ws_next,#artbook a.ws_prev{position:absolute;left:-110px;width:49px;height:24px;background-image:url(/images/kor/sub05/artbook_arrow.png);z-index:60}
#artbook a.ws_next{top:-38px;background-position:0 0}
#artbook a.ws_prev{bottom:-9px;background-position:0 -24px}
#artbook .ws_playpause{display:none;position:absolute;top:50%;left:50%;width:2.4em;height:3.2em;margin-top:-1.6em;margin-left:-1.2em;background-size:100%;z-index:59}
#artbook .ws_pause{background-image:url(/images/kor/sub05/artbook_pause.png)}
#artbook .ws_play{background-image:url(/images/kor/sub05/artbook_play.png)}
#artbook .ws_pause:hover,#artbook .ws_play:hover{background-position:100% 100% !important}
*/
#artbook .ws_thumbs{position:absolute;bottom:27px;left:0;width:100%;height:64px;padding:0;text-align:left;overflow:auto;z-index:60}
/*#artbook .ws_thumbs .bx-wrapper{max-width:100% !important;margin:0 !important}*/
#artbook .ws_thumbs_lst{position:relative}
#artbook .ws_thumbs_lst:after{clear:both;display:block;content:""}
#artbook .ws_thumbs_lst > a{float:left;position:relative;overflow:hidden;width:82px;height:62px;padding:0;margin:0 10px 0 0;border:1px solid #d6d6d6;border-radius:5px;background:#d6d6d6}
#artbook .ws_thumbs_lst > a.pager-active{border-color:#fff;background:#fff}
#artbook .ws_thumbs_lst img{width:82px;height:62px}
#artbook .ws_thumbs .bx-prev,#artbook .ws_thumbs .bx-next{position:absolute;top:6px;width:24px;height:49px}
#artbook .ws_thumbs .icon{display:block;width:100%;height:100%;background:url(/images/kor/sub05/artbook_arrow_mobile.png) no-repeat;font-size:0;line-height:0}
#artbook .ws_thumbs .bx-prev{left:15px}
#artbook .ws_thumbs .bx-prev > .icon{background-position:0 0}
#artbook .ws_thumbs .bx-next{right:15px}
#artbook .ws_thumbs .bx-next > .icon{background-position:-24px 0}
@media all and (max-width:439px){
	/*
	#artbook{width:257px;height:171px;padding:39px 18px 87px 15px}
	* html #artbook{width:257px}
	#artbook > strong{top:15px;font-size:0.857em;line-height:1.5em}
	#artbook > strong > em{line-height:1.5em}
	#artbook .ws_images{height:171px}
	#artbook .ws_images ul a{height:171px}
	#artbook .ws_images .ws_list img,#artbook .ws_images > div > img{height:171px}
	#artbook .ws_effect{height:171px !important}
	#artbook .ws_thumbs{bottom:21px;left:34px;width:calc(100% - 68px);height:48px}
	#artbook .ws_thumbs a{width:66px;height:48px}
	#artbook .ws_thumbs img{width:66px;height:48px}*/
}
@media all and (max-width:375px){
	#artbook{margin-left:-18px}
}
@media all and (max-width:360px){
	#artbook{margin-left:-25px}
}