@media screen and (max-width:1280px){
	html, body {overflow-x:auto; min-width:100%;}
	.inner {padding:0 20px;}
	.header .logo {left:20px;}
	.header .langs {right:20px;}
	.header .gnb li {margin:0 10px;}
	.header .gnb li > a {padding:0 15px; font-size:16px;}
	.header .snb a {font-size:15px;}
/* main */
	.mvisual .slick-slide {height:586px;}
	.mvisual .img {min-width:1280px; width:1280px; margin-left:-640px;}
	.mvisual .txt .btn {margin-top:30px; height:40px; line-height:38px;}
	.mvisual .mv1 .txt {top:100px; margin-left:-5%; width:55%;}
	.mvisual .mv2 .txt {padding-top:50px;}
	.mvisual .mv2 .txt img {height:200px;}
	.mvisual .mv3 .txt {padding-top:50px;}
	.mvisual .mv3 .txt .t {height:80px;}
	.mvisual .mv3 .txt .i {height:300px;}
	.mcon01 .inner {padding-right:50%; background-size:50%; height:auto;}
	.mcon01 .tt {font-size:40px; line-height:44px;}
	.mcon02 td {height:500px;}
	.mcon03 .tt {padding-left:0; background-position:280px 0;}
	.mcon03 .link1,
	.mcon03 .link3 {left:auto; right:0; width:50%;}
	.mcon04 {padding:80px 20px 80px 260px;}
	.mcon04 .tt {top:80px; padding-left:20px;}
/* sub */
	.container {padding:30px 0 80px;}
	.container.inner {padding:30px 20px 80px;}

	.g01.s01 .txt_box .txt {padding:0 40px;}
	.history_wrap {padding-left:50%;}
	.history_wrap .txt {width:40%;}
	.g01.s03 li {width:32%; margin-left:2%;}
	.g01.s03 li:nth-child(3n-2) {margin-left:0; clear:both;}
	.g01.s04 .img_box dl {height:300px;}
	.g01.s04 .img_box dd .inbox {padding:0 30px;}
	.g01.s04 .icons li {width:30%; margin:0 2%;}
	.g01.s04 .icons li:first-child {margin-left:0;}
	.g01.s04 .icons li:last-child {margin-right:0;}
	.map_box {padding-left:50%; height:auto;}
	.map_box .img {width:48%;}
	.root_daum_roughmap {width:100% !important;}
	.root_daum_roughmap .wrap_map {height:400px !important;}
	.map_txt {text-align:left;}
	.map_txt dl {float:none; display:block; padding:20px 0 20px 64px;}
	.map_txt .a {float:none;}
	.map_txt .f {margin-left:0;}
	.gall_list ul li {width:32%; margin-left:2%;}
	.gall_list ul li .img {position:relative; height:auto; line-height:1; /* padding-top:100%; */ overflow:hidden;}
	/* .gall_list ul li .img img {position:absolute; top:0; left:0; width:100%; height:100%;} */
	.gall_list ul li:nth-child(4n-3) {margin-left:2%; clear:none;}
	.gall_list ul li:nth-child(3n-2) {margin-left:0; clear:both;}
	.gall_view {width:100%; padding:30px;}
	.gall_view .img {position:relative; width:30%; height:auto; padding-top:30%; line-height:1;}
	.gall_view .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
	.gall_view .txt {width:70%; padding-left:10px;}
	.gall_view .txt .tt {padding-top:10px;}
	.g02.s02 .tt {font-size:20px; line-height:34px;}
	.g02.s02 .img_box dl {height:400px;}
	.g02.s02 .img_box dd .inbox {font-size:18px; line-height:34px; padding:0 20px;}
	.g02.s02 .img_box dd .inbox strong {font-size:20px;}
	.g02.s02 .img_box dd .inbox br {display:none;}
	.g03.s02 .gall_list ul li {width:32%; margin-left:2%;}
	.g03.s02 .gall_list ul li:nth-child(4n-3) {margin-left:2%; clear:none;}
	.g03.s02 .gall_list ul li:nth-child(3n-2) {margin-left:0; clear:both;}
	.g03.s03 .gall_list2 ul li {width:32%; margin-left:2%;}
	.g03.s03 .gall_list2 ul li:nth-child(5n-4) {margin-left:2%; clear:none;}
	.g03.s03 .gall_list2 ul li:nth-child(3n-2) {margin-left:0; clear:both;}
	.g04 .contact th {width:160px;}
	.g04 .contact td .wset1 {width:160px;}
}

@media screen and (max-width:767px){
	.inner {padding:0 10px;}
	.mo_br {display:block;}

	.header {height:52px; border-bottom-width:2px;}
	.header .logo {left:10px; height:50px; line-height:50px;}
	.header .logo img {height:30px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px; border-left:#e5e5e5 1px solid; z-index:2;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#1f7228; margin-left:-10px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-7px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:5px;}
	.header.on .btn_menu {border-left:0;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .langs {top:0; right:50px; width:50px; height:50px; border:0; border-left:#e5e5e5 1px solid;}
	.header .langs a {background:none; padding:0; font-size:0; width:100%; height:50px;}
	.header .langs a em {display:block; font-size:13px; color:#1f7228; font-weight:700; line-height:50px; text-align:center;}
	.header .langs a i {display:none;}
	.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; padding-left:40%; z-index:1; transition:.2s linear;}
	.header .gnb:hover:before {display:none;}
	.header.on .gnb {right:0;}
	.header .gnb .black {left:-100%; opacity:0; display:block; transition:.2s linear;}
	.header.on .gnb .black {left:0; opacity:1;}
	.header .gnb:hover .black {display:block;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:50px;}
	.header .gnb li {display:block; width:100%; margin:0; border-bottom:#ddd 1px solid;}
	.header .gnb li:first-child {border-top:#ddd 1px solid;}
	.header .gnb li .pc_vw {display:none;}
	.header .gnb li .mo_vw {position:relative; display:block !important; font-size:12px; color:#222; font-weight:500; line-height:30px; text-align:left; padding:0 10px;}
	.header .gnb li .mo_vw i {position:absolute; top:0; right:10px; width:10px; height:100%;}
	.header .gnb li .mo_vw i:before,
	.header .gnb li .mo_vw i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:1px; background:#23742b; transition:.2s linear;}
	.header .gnb li .mo_vw i:before {transform:rotate(45deg); margin-left:-5px;}
	.header .gnb li .mo_vw i:after {transform:rotate(-45deg); margin-left:-1px;}
	.header .snb {position:relative; top:0; height:auto; background:#fefbee !important;}
	.header .snb {padding:0;}
	.header .snb a {font-size:11px; color:#666; line-height:26px; border-bottom:#ddd 1px solid; text-align:left; padding:0 10px;}
	.header .gnb li:hover .snb a {color:#666;}
	.header .snb a:last-child {border-bottom:0;}
	.header .gnb:hover .snb {display:none;}
	.header .gnb li.on .snb {display:block;}
	.header .gnb li.on .mo_vw,
	.header .gnb li.open .mo_vw {background:#23742b; color:#fff;}
	.header .gnb li.on .mo_vw i:before,
	.header .gnb li.open .mo_vw i:before,
	.header .gnb li.on .mo_vw i:after,
	.header .gnb li.open .mo_vw i:after {background:#fff;}
	.header .gnb li.on .mo_vw i:before,
	.header .gnb li.open .mo_vw i:before {transform:rotate(-45deg);}
	.header .gnb li.on .mo_vw i:after,
	.header .gnb li.open .mo_vw i:after {transform:rotate(45deg);}
	.header .gnb li.on.open .mo_vw {background:#fff; color:#222;}
	.header .gnb li.on.open .mo_vw i:before,
	.header .gnb li.on.open .mo_vw i:after {background:#23742b;}
	.header .gnb li.on.open .mo_vw i:before {transform:rotate(45deg);}
	.header .gnb li.on.open .mo_vw i:after {transform:rotate(-45deg);}

	.footer .links li {margin-right:20px;}
	.footer .links li a {font-size:10px; line-height:30px;}
	.footer .links li.adm {display:none;}
	.footer .links li.cataloge {display:none;}
	.footer .address {padding:10px 10px 25px; font-size:10px; line-height:14px; overflow:hidden;}
	.footer .address strong {font-size:10px;}
	.footer .address .copy {font-size:10px; line-height:14px; margin-bottom:20px;}
	.footer .address em {padding:0 5px;}
	.footer .family {position:relative; top:0; display:inline-block; width:110px; height:20px; margin-right:8px;}
	.footer .family dt {font-size:10px; line-height:18px;}
	.footer .family dt i {right:10px; line-height:18px;}
	.footer .cataloge.mo_vw {display:inline-block !important; position:relative; background:url('/images/icon_cataloge.png') no-repeat rgba(255,255,255,.1) 10px 50% / 12px; padding:0 10px 0 25px; width:120px; font-size:10px; color:#fff; line-height:20px;}
	.footer .cataloge.mo_vw i {position:absolute; top:0; right:10px; line-height:18px; font-size:10px; color:rgba(255,255,255,.5);}

	.mvisual {margin-top:52px;}
	.mvisual .pc_vw {display:none;}
	.mvisual .mo_vw {display:block !important;}
	.mvisual .slick-slide {height:auto;}
	.mvisual .img {position:relative; left:0; width:100%; min-width:100%; margin-left:0;}
	.mvisual .txt {position:absolute; top:0; left:0;}
	.mvisual .txt .btn {position:absolute; top:0; left:0; width:100%; height:100%; border:0; font-size:0; z-index:1;}
	.mvisual .mv1 .txt {display:table; left:0; top:0; margin-left:0; width:100%; height:100%; padding-left:40%;}
	.mvisual .mv1 .txt .inbox {display:table-cell; vertical-align:middle;}
	.mvisual .mv1 .txt strong {font-size:13px; line-height:20px; margin:5px 0 10px; padding-bottom:10px;}
	.mvisual .mv1 .txt strong:after {width:50px; margin-left:-25px;}
	.mvisual .mv1 .txt p {font-size:10px; line-height:14px;}
	.mvisual .mv2 .txt img {height:110px;}
	.mvisual .mv2 .txt p {font-size:10px; line-height:14px;}
	.mvisual .mv2 .txt .noto_s {font-size:12px;}
	.mvisual .mv3 .txt {padding-top:20px;}
	.mvisual .mv3 .txt .t {height:32px;}
	.mvisual .mv3 .txt p {font-size:10px; line-height:14px; margin-bottom:10px;}
	.mvisual .mv3 .txt .i {height:auto; padding:0 20px;}
	.mvisual .slick-dots {bottom:10px;}
	.mvisual .slick-dots li {margin:0 4px;}
	.mvisual .slick-dots li button {width:8px; height:8px; border-radius:4px;}
	.mvisual .slick-dots li.slick-active button {width:22px;}

	.mcon01 {padding:25px 0;}
	.mcon01 .inner {padding:0 10px 200px; background-position:bottom center; background-size:auto 180px;}
	.mcon01 em {font-size:11px; line-height:16px; margin-bottom:10px;}
	.mcon01 .tt {font-size:15px; line-height:20px;}
	.mcon01 p {font-size:10px; line-height:14px;}
	.mcon02 tr,
	.mcon02 td {display:block; width:100%; height:auto;}
	.mcon02 td {padding:40px 0 30px;}
	.mcon02 td .tt {font-size:13px; line-height:20px; margin-bottom:5px;}
	.mcon02 td p {font-size:10px; line-height:14px;}
	.mcon02 td a {margin-top:20px; font-size:10px; line-height:20px; height:22px; width:60px;}
	.mcon03 {padding:20px 0; background:#f7f7f7;}
	.mcon03 .inner {height:auto; padding-top:0;}
	.mcon03 .tt {font-size:15px; text-align:center; padding-bottom:35px; background-position:center bottom; background-size:auto 30px; margin-bottom:20px;}
	.mcon03 .tt strong {display:inline-block; padding-left:0;}
	.mcon03 a {position:relative; width:100% !important; height:140px !important; top:0 !important; left:0 !important; background-size:cover !important; margin-bottom:10px;}
	.mcon03 a .txt {width:60%; height:auto; font-size:10px; line-height:14px; padding:15px;}
	.mcon03 a .txt strong {font-size:13px; line-height:20px; margin-top:5px; margin-bottom:0;}
	.mcon03 a .txt i {position:absolute; top:50%; right:20px; width:30px; height:6px; margin-top:-3px; background-size:contain;}
	.mcon03 .link1 {background:url('/images/img_mc03_01_m.jpg');}
	.mcon03 .link2 {background:url('/images/img_mc03_02_m.jpg');}
	.mcon03 .link3 {background:url('/images/img_mc03_03_m.jpg'); margin-bottom:0;}
	.mcon04 {padding:20px 10px;}
	.mcon04 .tt {position:relative; top:0; padding-left:0; font-size:13px; line-height:20px; margin-bottom:10px;}
	.mcon04 .tt br {display:none;}
	.mcon04 .tt a {position:absolute; top:0; right:0; font-size:10px; line-height:20px; margin-top:0;}
	.mcon04 ul {min-height:auto;}
	.mcon04 li a {font-size:10px; line-height:30px; padding:0 60px 0 10px;}
	.mcon04 li a p {font-size:10px; width:60px; line-height:30px;}
	.mcon04 li.empty_li {font-size:11px;}

	.svisual {margin-top:52px; text-align:center;}
	.svisual .inbox {height:auto; padding:30px 0;}
	.svisual strong {font-size:20px; line-height:25px;}
	.svisual p {font-size:10px; line-height:14px; margin-top:10px;}

	.aside {position:relative; z-index:20;}
	.aside .inner {position:relative; padding:0 0 0 30px; height:30px;}
	.aside .home,
	.aside dl.g,
	.aside dl.s dt {display:block;}
	.aside .home {position:absolute; top:0; left:0; width:30px !important; height:30px; line-height:30px; text-align:center; font-size:0;}
	.aside .home img {height:10px;}
	.aside dl {position:relative; float:left; width:50%;}
	.aside dt {position:relative; font-size:12px; color:#333; font-weight:500; line-height:30px; height:30px; padding:0 15px; border-left:#ddd 1px solid; cursor:pointer; overflow:hidden;}
	.aside dt i {position:absolute; top:0; right:10px; width:10px; height:100%;}
	.aside dt i:before,
	.aside dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:1px; background:#23742b; transition:.2s linear;}
	.aside dt i:before {transform:rotate(45deg); margin-left:-5px;}
	.aside dt i:after {transform:rotate(-45deg); margin-left:-1px;}
	.aside .on dt i:before {transform:rotate(-45deg);}
	.aside .on dt i:after {transform:rotate(45deg);}
	.aside dd {position:absolute; top:30px; left:0; width:100%; height:auto; background:#fff; border:#ddd 1px solid; display:none;}
	.aside dd a {display:block; font-size:11px; color:#666; line-height:30px; padding:0 10px; width:100% !important; text-align:left;}
	.aside a:before {display:none;}

	.container {padding:20px 0 60px;}
	.container.inner {padding:20px 10px 60px;}
	.container .title {position:relative; font-size:20px; line-height:20px; padding-bottom:15px; text-align:center; margin-bottom:20px;}
	.container .title i {position:absolute; bottom:0; left:50%; width:20px; height:2px; background:#23742b; margin-left:-10px;}
	.container .title i:before {display:none;}
	.stit {font-size:15px; line-height:20px; padding-left:30px; margin:30px 0 10px;}
	.stit:before {top:9px; width:20px; height:2px;}
	.container p {font-size:10px; line-height:14px;}

	.g01.s01 .txt_box > div {display:block; width:100%; height:auto;}
	.g01.s01 .txt_box .txt {padding:25px;}
	.g01.s01 .txt_box .txt em {font-size:10px; line-height:14px; margin-bottom:10px;}
	.g01.s01 .txt_box .txt .tt {font-size:15px; line-height:20px;}
	.g01.s01 .txt_box .img {height:170px;}
	.g01.s01 p.tar {margin-top:20px;}

	.history_wrap {padding-left:0;}
	.history_wrap .txt {position:relative; width:100%; margin-bottom:40px;}
	.history_wrap .txt .tt {font-size:13px; line-height:20px; margin-bottom:5px;}
	.history_wrap .txt .tt br {display:none;}
	.history_wrap .txt p {padding-bottom:15px; margin-bottom:15px;}
	.history_wrap .txt p:after {width:20px; height:2px;}
	.history_wrap .txt .img img {display:block; width:90%; box-shadow:#f7f7f7 10px 20px 0; margin:0 auto;}
	.history:before {left:11px;}
	.history dt {font-size:20px; line-height:20px; margin-bottom:10px;}
	.history dt:before {width:20px; height:20px; left:-30px;}
	.history dt:after {width:10px; height:10px; top:5px; left:-25px;}
	.history dd {padding-bottom:15px; margin-bottom:15px;}
	.history dd p {font-size:11px; line-height:20px; padding-left:20px;}

	.g01.s03 .txt {margin-bottom:20px;}
	.g01.s03 .txt em {font-size:12px; line-height:20px; padding:5px 30px;}
	.g01.s03 .txt em:before,
	.g01.s03 .txt em:after {width:16px; border-width:4px;}
	.g01.s03 .txt em:before {border-left-width:6px;}
	.g01.s03 .txt em:after {border-right-width:6px;}
	.g01.s03 ul {margin:30px 0;}
	.g01.s03 li .tt {font-size:14px; line-height:40px;}

	.g01.s04 .img_box dl {height:170px;}
	.g01.s04 .img_box dd:after {width:30px; height:30px; background-size:cover;}
	.g01.s04 .img_box dd .inbox {padding:0 10px;}
	.g01.s04 .img_box dd .tt {font-size:12px; line-height:20px;}
	.g01.s04 .img_box dd .tt br {display:none;}
	.g01.s04 .img_box dd p {margin-top:5px;}
	.g01.s04 .tac {margin-top:20px;}
	.g01.s04 .icons li {position:relative; display:block; width:100%; padding-left:100px; margin-left:0; min-height:80px; margin-bottom:20px;}
	.g01.s04 .icons li:before {display:none;}
	.g01.s04 .icons li .tt {position:absolute; top:0; left:0;}
	.g01.s04 .icons li .tt img {height:80px;}
	.g01.s04 .icons li dt {font-size:12px; line-height:30px;}
	.g01.s04 .icons li dd .inbox {height:auto; font-size:11px; line-height:18px; padding:10px; text-align:left;}
	.g01.s04 .icons li dd .inbox br {display:none;}

	.map_box {padding-left:0;}
	.map_box .img {position:relative; width:100%; margin-bottom:20px;}
	.map_box .txt .tt {font-size:15px; line-height:20px;}
	.map_box .contact em,
	.map_box .contact .tel {font-size:15px; line-height:20px;}
	.map_box .contact {margin-top:20px; padding-top:20px;}
	.map_box .contact .btn {font-size:15px; line-height:40px; height:40px; width:50%; margin-top:10px;}

	.root_daum_roughmap .wrap_map {height:240px !important;}
	.map_txt {padding-left:0;}
	.map_txt .tt {position:relative; width:100%; font-size:15px; line-height:20px; border-right:0; border-bottom:#ddd 2px solid;}
	.map_txt dl {padding:10px 0 10px 64px;}
	.map_txt dt {font-size:15px;}
	.map_txt dd {font-size:14px;}

	.tabs li a {font-size:12px; line-height:20px;}
	.board_top {margin-bottom:10px;}
	.board_top .total {font-size:12px; line-height:30px; width:100%;}
	.board_top .search_wrap {width:100%; font-size:0;}
	.board_top .search_wrap .text,
	.board_top .search_wrap .btn {height:30px; line-height:28px; font-size:12px;}
	.board_top .search_wrap select.text {width:23%;}
	.board_top .search_wrap input.text {width:50%; margin:0 1%;}
	.board_top .search_wrap .btn {width:25%;}

	.gall_list ul li p {font-size:11px; line-height:20px; height:20px;}
	.gall_view {padding:10px;}
	.gall_view .img {float:none; width:100%; padding-top:0; margin-bottom:20px;}
	.gall_view .img img {position:relative;}
	.gall_view .txt {width:100%; padding-left:0;}
	.gall_view .txt .tt {font-size:13px; line-height:20px; padding:10px 0;}
	.gall_view .txt th,
	.gall_view .txt td {font-size:12px; line-height:20px; padding:10px 0;}
	.gall_view .txt th {width:80px;}
	
	.board_bottom .paging {margin-top:30px;}
	.board_bottom .paging a {width:28px; height:28px; line-height:26px; font-size:12px; margin:0 1px;}
	.board_bottom .paging .arrow img {height:12px;}
	.board_bottom .paging .nums {margin:0 3px;}

	.g02.s02 .tt {font-size:13px; line-height:20px; margin-bottom:20px;}
	.g02.s02 .img_box dl {height:240px; margin-bottom:10px;}
	.g02.s02 .img_box dt {background-position:70% 50%;}
	.g02.s02 .img_box .img {height:150px;}
	.g02.s02 .img_box .img dt {background-position:50% 50%;}
	.g02.s02 .img_box dd .inbox {font-size:12px; line-height:20px; padding:0 10px;}
	.g02.s02 .img_box dd .inbox strong {font-size:13px;}
	.g02.s02 .img_box dd:after {width:30px; height:30px; background-size:cover;}

	.board_list .pc_vw {display:none;}
	.board_list colgroup.mo_vw {display:table-column-group !important;}
	.board_list th,
	.board_list td {font-size:12px; height:30px;}
	.board_in thead th {font-size:14px; line-height:20px; padding:10px 0;}
	.board_in thead td.file {padding-left:60px;}
	.board_in thead td.file dt,
	.board_in thead td.file dd {font-size:12px; line-height:30px;}
	.board_in thead td.file dt {width:60px;}
	.board_in thead td.info {}
	.board_in thead td span {font-size:11px; line-height:20px; padding:0 10px;}
	.board_in tbody td {font-size:12px; line-height:20px; padding:20px 0;}
	.board_bottom .btns .btn {width:60px; height:30px; line-height:28px; font-size:11px; margin-bottom:5px;}
	.board_bottom .btns .fl,
	.board_bottom .btns .fr {width:50%;}
	.board_bottom .btns .fr {text-align:right;}
	.board_bottom .btns .fl .btn {margin-right:5px;}
	.board_bottom .btns .fr .btn {margin-left:5px;}

	.g03.s02 .gall_list ul li .img {height:auto;}
	.g03.s02 .gall_list ul li em {font-size:11px; line-height:14px;}
	.g03.s03 .gall_list2 ul {margin-top:-30px;}
	.g03.s03 .gall_list2 ul li {margin-top:30px;}
	.g03.s03 .gall_list2 ul li .img {height:auto; line-height:1;}
	.g03.s03 .gall_list2 ul li p {font-size:12px; line-height:20px; height:20px;}

	.g04 .contact th,
	.g04 .contact td {font-size:12px; padding:5px;}
	.g04 .contact th {width:80px;}
	select.text {padding-left:5px;}
	.g04 .contact td .text {font-size:12px; padding:0 5px;}
	.g04 .contact td .wset1,
	.g04 .contact td .wset2 {width:100%;}
	.g04 .contact td.over_h .wset1 {width:30%;}
	.g04 .contact td span.w {width:9%; font-size:12px;}
	.g04 .contact td.over_h select.text {margin-left:1%;}
	.g04 .contact .yak {padding:10px; margin-bottom:20px;}
	.g04 .contact .yak .tt {font-size:15px; line-height:20px; margin-bottom:10px;}
	.g04 .contact .yak p {font-size:12px; line-height:20px;}
	.g04 .contact .btn {font-size:13px; line-height:40px; height:40px; width:120px;}

	.yaks {padding:10px; font-size:12px; line-height:20px;}
	
	.container .flipbook-viewport {height:74vw;}
	.container .flipbook-viewport .container {width:100%; top:0; left:0;}
	.container .flipbook-viewport .flipbook {width:100% !important; height:70vw !important; left:0; top:0;}
	.container .flipbook-viewport .page-wrapper {width:50% !important; height:70vw !important;}
	.container .flipbook-viewport .page-wrapper > div:nth-child(1) {width:85vw !important; height:85vw !important;}
	.container .flipbook .page {width:47vw !important; height:70vw !important;}
}

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