@charset "utf-8";

@media (max-width: 1530px) {
	
	.news-group-slider .slick-list {margin-left:-20px;}
	.news-group-slider .slick-slide {margin-left:20px;}
	.board-slider {padding:0 70px;}
	.board-slider .slick-prev {left:0;}
	.board-slider .slick-next {right:0;}

	.movie-slider {padding:0 70px;}
	.movie-slider .slick-list {margin-left:-20px;}
	.movie-slider .slick-slide {margin-left:20px;}
	.movie-slider .slick-arrow {}
	.movie-slider .slick-prev {left:0;}
	.movie-slider .slick-next {right:0;}
}

@media (max-width: 1230px) {

	/* main */
	

	/* layout */
	.sub-visual {height:500px;}
	.sub-visual .tit {font-size:50px;}

	/* doc */
	.history .img img {height:300px;}

}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}	

	/* layout */
	.btn-m-menu {display:block;}
	#ws-header {height:80px;}
	#ws-header .contain {height:80px;}
	#ws-gnb {display:none;}

	.util {right:60px;}


	/* main */
	.scroll {
		bottom:30px; 
		padding-top:40px;
		letter-spacing:.1em;
		font-size:12px;
	}
	@-moz-keyframes bounce2{from{bottom:20px;}to{bottom:30px;}}
	@-webkit-keyframes bounce2{from{bottom:20px;}to{bottom:30px;}}
	@-o-keyframes bounce2{from{bottom:20px;}to{bottom:30px;}}
	@keyframes bounce2{from{bottom:20px;}to{bottom:30px;}}

	
	.main-section1 .title {font-size:25px; margin-bottom:15px;}
	.main-section1 .logo {margin-bottom:80px;}
	.main-section1 ul {margin-left:-20px;}
	.main-section1 ul li {width:20%; margin-left:20px;}
	.main-section1 ul li .icon {width:100px; height:100px; margin:0 auto 12px;}
	.main-section1 ul li .tit {font-size:18px;}

	#fp-nav.left {left:15px !important;}


	.main-title {top:25%;}
	.main-title h2 {font-size:40px; margin-bottom:20px;}
	.main-title p {font-size:18px;}
	.vitzro-nav {top:40%;}
	.vitzro-nav ul {margin-left:-20px;}
	.vitzro-nav ul li {width:110px; height:110px; font-size:18px; margin-left:20px;}
	.vitzro-nav ul li.active {width:140px; height:140px; font-size:18px;}

	.vitzro-content .content {bottom:20%;}
	.vitzro-content .txt {padding:30px 0; font-size:18px;}
	.vitzro-content .more a {padding:0 25px;}

	.vitzro-slide .content {top:20%;}
	.vitzro-slide .content .logo {margin-bottom:30px;}
	.vitzro-slide .content .logo img {height:30px}
	.vitzro-slide .content .title {font-size:40px; margin-bottom:20px;}
	.vitzro-slide .content p {font-size:18px;}
	.vitzro-slide .content p strong {font-size:25px;}
	.vitzro-slide .more {bottom:20%;}
	.vitzro-slide .more a {padding:0 25px; font-size:15px; line-height:40px;border-radius:40px;}
	.vitzro-slide .slick-dots {bottom:30%; margin-left:-20px; margin-bottom:-20px;}
	.vitzro-slide .slick-dots li {padding-left:20px; margin-bottom:20px;}
	.vitzro-slide .slick-dots li  button {width:100px; height:100px; font-size:17px;}
	

	#section4.fp-section,
	#section4 .fp-slide,
	#section4 .fp-tableCell{
		height: auto !important;
		padding:10% 0 30px;
	}

	#section4 .bg .pic {height:250px;}
	.main-pr {padding-top:10%;}
	.main-pr .row {margin-left:-15px;}
	.main-pr .col {padding-left:15px;}
	.main-pr .content {bottom:30px; left:30px;}
	.main-pr .content .title {font-size:25px; margin-bottom:12px;}
	.main-pr .content p {font-size:17px;}
	.main-pr .content .more {margin-top:30px;}




	/* layout */
	.sub-visual {height:400px;}
	.sub-visual .tit {font-size:40px;}
	.sub-visual p {font-size:17px;}

	.sub-title {margin:50px 0 40px;}
	.sub-title h2 {font-size:30px; padding-bottom:25px;}
	.sub-title h2:after {width:50px; margin-left:-25px;}
	

	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}

		
	.files-upload-text .upfiles-alt {font-size:14px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}
	
	.news-head {margin-bottom:40px;}
	.news-head .photo {width:50%}
	.news-head .info {width:50%; padding:30px 25px;}
	.news-head .info .title {font-size:22px ; margin-bottom:12px;}
	.news-head .info .cnt {font-size:15px; margin-bottom:12px; height:calc(1.6em * 1 * 2); -webkit-line-clamp:2;}
	.news-head .info .date {font-size:15px;}
	.news-head .info .more {position:static; bottom:0; left:0; padding-top:15px;}
	.news-head .info .more a {padding:0 18px; font-size:15px; line-height:40px;}
	.news-head .info .more a:after {margin-left:12px; margin-top:15px; padding: 4px;}

	.news-group-slider {margin-bottom:40px;}
	.news-group-slider .slick-list {margin-left:-15px;}
	.news-group-slider .slick-slide {margin-left:15px;}
	.news-group-slider .item a {padding:20px;}
	.news-group-slider .item .title {font-size:18px ;margin-bottom:15px;}
	.news-group-slider .item .cnt {font-size:15px; margin-bottom:30px; height:calc(1.6em * 1 * 2); -webkit-line-clamp:2;}
	.news-group-slider .item .date {font-size:15px;}

	.board-slider {padding:0 61px;}
	.board-slider .slick-arrow {width:40px; height:40px; margin-top:-20px; background-size:10px;}

	.movie-title {font-size:20px; margin-bottom:12px;}

	.movie-slider {margin-bottom:40px; padding:0 61px;}
	.movie-slider .slick-list {margin-left:-15px;}
	.movie-slider .slick-slide {margin-left:15px;}
	.movie-slider .tit {font-size:17px;}
	.movie-slider .date {font-size:15px;}

	.bro-head {margin-bottom:40px;}
	.bro-head .photo {flex:1 1 400px; max-width:400px;}
	.bro-head .info {padding:30px 25px;}
	.bro-head .info .title {font-size:22px ;margin-bottom:12px;}
	.bro-head .info .cnt {font-size:15px; margin-bottom:12px; height:calc(1.6em * 1 * 2); -webkit-line-clamp:2;}
	.bro-head .info .date {font-size:15px; margin-bottom:12px;}
	.bro-head .info .btn-download {position:static; bottom:0; left:0;}


	.status-list .table {margin-bottom:30px;}
	.status-list .table table {}
	.status-list .table table thead th {height:60px; font-size:20px;}
	.status-list .table table tbody th {height:55px; padding-left:15px; font-size:14px;}
	.status-list .table table tbody td {padding:12px 15px; font-size:15px;}
	.status-list .table table tbody td:first-child {font-size:16px;}
	.status-list .table table tbody td .stock-tt {font-size:15px;}
	.status-list .table table tbody td .price strong {padding-left:25px; font-size:50px;}

	.status-list .btn-zone ul li {margin:0 5px; }
	.status-list .btn-zone ul li a {width:200px;}
		

	/* doc */
	.history .title {margin-bottom:30px;}
	.history .title img {height:30px}
	.history .col {padding:18px 0;}
	.history .year {width:80px; border-radius:5px; font-size:18px; line-height:35px;}
	.history .group {margin-left:80px; margin-bottom:15px;}
	.history .group .company {flex:1 1 140px; max-width:140px; margin:0 40px;}
	.history .group .info ul li {font-size:16px;}
	.history .img img {height:250px;}
	

	.management-cnt .row {margin-left:-15px;}
	.management-cnt .col {padding-left:15px;}
	.management-cnt .col .pic {margin-bottom:12px;}
	.management-cnt .col .tit {font-size:20px;}
	.management-cnt .col .cnt {font-size:15px;}
	.management-cnt .col .cnt strong {font-size:17px;}
	.doc-mb {margin-bottom:60px;}

	.management-cert ul {margin-left:-10px; margin-bottom:-10px;}
	.management-cert ul li {width:25%; padding-left:10px; margin-bottom:10px;}
	.management-cert .tit {font-size:15px;}


	.ci-box {margin:0 auto 30px; padding:100px 20%;}

	.ci-title {font-size:18px; padding-bottom:12px; margin-bottom:12px;}
	.ci-cnt {margin-bottom:30px;}
	.ci-cnt .row {margin-left:-20px;}
	.ci-cnt .col {width:calc(33.33333% - 20px); margin-left:20px; padding:20px 15px; font-size:16px ;}

	.ci-download a {font-size:16px; line-height:50px; width:220px; height:50px;}
	.ci-download a:after {width:19px; height:50px; margin-left:12px;}

	.vitzro-cnt .logo {margin-bottom:30px;}
	.vitzro-cnt .logo img {height:38px}
	.vitzro-cnt .head {font-size:18px; margin-bottom:25px;}
	.vitzro-cnt .point {margin-left:-10px; margin-bottom:25px}
	.vitzro-cnt .point .col {width:7px;height:7px; margin-left:10px;}
	.vitzro-cnt .img {margin-bottom:30px;}
	.vitzro-cnt .cnt {margin-bottom:20px;}

	.recruit-cnt {margin-bottom:40px;}
	.recruit-cnt .row {margin-left:-20px;}
	.recruit-cnt .col {padding-left:20px;}
	.recruit-cnt .col .pic {margin-bottom:20px;}
	.recruit-cnt .tit {font-size:20px;}
	.recruit-cnt p {font-size:17px }

	.recruit-btn {padding:0 30px;}

	.doc-tit {font-size:22px; margin-bottom:12px;}
	.human-cnt {margin-bottom:40px;}
	.human-cnt .row {margin-left:-20px;}
	.human-cnt .col {padding-left:20px;}
	.human-cnt .box {padding:20px 15px;}
	.human-cnt .icon {margin-bottom:15px;}
	.human-cnt .tit {font-size:17px; margin-bottom:5px;}
	.human-cnt ul li {font-size:15px;}

	.welfare-cnt {padding:30px 0; margin-bottom:40px;}
	.welfare-cnt .row {margin-bottom:-30px; margin-left:-10px;}
	.welfare-cnt .col {padding-left:10px; margin-bottom:30px;}
	.welfare-cnt .col .icon {width:120px; height:120px; margin:0 auto 12px;}
	.welfare-cnt .tit {font-size:15px;}

	.ethics-check .box {padding-left: 30px; margin-bottom: 50px;}




} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* footer */
	#ws-footer {text-align:center; font-size:14px; padding:40px 0;}
	#ws-footer .bar {padding:0 10px;}

	.foot-family {position:relative; text-align:left; right:0; margin:15px auto 0;}
	.foot-family .tit {font-size:14px;} 

	

	/* board */
	.news-head .row {display:block}
	.news-head .photo {width:100%}
	.news-head .info {width:100%; border-left:0; border-top:1px solid #ddd;}
	.board-slider {padding:0 60px;}

	.movie-slider {padding:0 60px;}
	
	.bro-head .row {display:block}
	.bro-head .photo {flex:1 1 auto; max-width:100%;}
	.bro-head .info {width:100%; border-left:0;  border-top:1px solid #ddd;}

	.human-cnt.type2 .box {min-height:350px;}

	/* doc */
	.ethics-check .box .img {margin-right: 30px;}
	.ethics-check .box .txt {font-size: 15px;}
	.check-inner .check {width:200px; padding:0 10px;}
	
} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	#ws-header {height:60px;}
	#ws-header .contain {height:60px;}
	.sitelogo {margin-top:-8.5px;}
	.sitelogo a {width:100px; height:17px;}

	.btn-m-menu {top:20px;}

	/* main */
	#section1 {padding:90px 0 50px;}
	#section1.fp-section,
	#section1 .fp-slide,
	#section1 .fp-tableCell{
		height: auto !important;
	}

	.mv-video {display:block;}
	
	.main-section1 .title {font-size:20px; margin-bottom:10px;}
	.main-section1 .logo {margin-bottom:30px;}
	.main-section1 .logo img {height:24px;}
	.main-section1 ul {flex-wrap:wrap; justify-content:center; margin-left:-7px; margin-bottom:15px;}
	.main-section1 ul li {width:100px; margin-left:7px; margin-bottom:15px;}
	.main-section1 ul li .icon {width:80px; height:80px; margin:0 auto 10px;}
	.main-section1 ul li .tit {font-size:16px;}

	.scroll {display:none}

	#section2.fp-section,
	#section2 .fp-slide,
	#section2 .fp-tableCell{
		height: 850px !important;
	}

	.main-company {height:850px;}
	.main-title {top:10%;}
	.main-title h2 {font-size:30px; margin-bottom:15px;}
	.main-title p {font-size:15px;}
	.main-title .br {display:block;}
	.vitzro-nav {top:35%; padding:0 15px;}
	.vitzro-nav ul {margin-left:-10px; flex-wrap:wrap; margin-bottom:-15px;}
	.vitzro-nav ul li {width:80px; height:80px; font-size:15px; margin-left:10px; margin-bottom:15px;}

	.vitzro-nav2 {padding:0 60px;}
	.vitzro-nav .sec2-tabs {position: relative; height: 240px; width:240px; margin:30px auto 0;}
	.vitzro-nav .sec2-tabs li {position:absolute; margin-left:0; margin-bottom:0;}
	.vitzro-nav .sec2-tabs li:nth-child(1) {top:0; left:50%; transform:translateX(-50%);}
	.vitzro-nav .sec2-tabs li:nth-child(2) {top:50%; transform:translateY(-50%); left:0;}
	.vitzro-nav .sec2-tabs li:nth-child(3) {top:50%; transform:translateY(-50%); right:0;}
	.vitzro-nav .sec2-tabs li:nth-child(4) {bottom:0; left:50%; transform:translateX(-50%);}
	.vitzro-nav ul li.active {width:100px; height:100px; font-size:15px;}
	.vitzro-nav ul .br {display:block;}

	.vitzro-content .content {bottom:auto; top:60%; padding:0 10%;}
	.vitzro-content .txt {padding:20px 0; font-size:16px;}
	.vitzro-content .more a {padding:0 20px; font-size:15px; line-height:35px; border-radius:35px;}
	.vitzro-content .more a:after {height:35px;}
	.vitzro-content br {display:none;}
	
	#section3.fp-section,
	#section3 .fp-slide,
	#section3 .fp-tableCell{
		height: auto !important;
	}
	
	.star {background-size:contain;}
	.vitzro-slide .pic {height:80vh;} 
	.vitzro-slide .content {top:10%;}
	.vitzro-slide .content .logo {margin-bottom:15px;}
	.vitzro-slide .content .logo img {height:24px}
	.vitzro-slide .content .title {font-size:25px; margin-bottom:15px;}
	.vitzro-slide .content p {font-size:15px;}
	.vitzro-slide .content p strong {font-size:16px;}
	.vitzro-slide .more {bottom:7%;}
	.vitzro-slide .more a {padding:0 20px; font-size:15px; line-height:35px;border-radius:35px;}
	.vitzro-slide .more a:after {height:35px;}
	.vitzro-slide .slick-dots {bottom:20%; margin-left:-10px; margin-bottom:-15px;}
	.vitzro-slide .slick-dots li {padding-left:10px; margin-bottom:15px;}
	.vitzro-slide .slick-dots li  button {width:90px; height:90px; font-size:15px;}
	.vitzro-slide .br {display:block;}

	.vitzro-slide .slick-dots {width:300px; height:300px; margin:0 40px;}
	.vitzro-slide .slick-dots li {position:absolute; top:30px; padding-left:0;}
	.vitzro-slide .slick-dots li:nth-child(2) {top:30px; left:50%; transform:translateX(-50%);}
	.vitzro-slide .slick-dots li:nth-child(3) {top:70px; left:20px;}
	.vitzro-slide .slick-dots li:nth-child(4) {top:70px; right:20px;}
	.vitzro-slide .slick-dots li:nth-child(5) {top:160px; left:5px;}
	.vitzro-slide .slick-dots li:nth-child(6) {top:160px; right:5px;}
	.vitzro-slide .slick-dots li:nth-child(7) {top:240px; left:55px;}
	.vitzro-slide .slick-dots li:nth-child(8) {top:240px; right:55px;}
	
	#section4 .fp-tableCell{
		height: auto !important;
		padding:7% 0 30px;
	}

	#section4 .bg .pic {height:200px;}
	.main-pr {padding-top:10%;}
	.main-pr .row {display:block; margin-left:0;}
	.main-pr .col {width:100%;padding-left:0; margin-bottom:10px;}
	.main-pr .col:last-child {margin-bottom:0;}
	.main-pr .pic {padding-bottom:30%;}
	.main-pr .content {bottom:20px; left:20px;}
	.main-pr .content .title {font-size:22px; margin-bottom:8px;}
	.main-pr .content p {font-size:15px;}
	.main-pr .content .more {margin-top:0; position: absolute; bottom:5px; right:50px;}

	
	/* layout */	
	.sub-visual {height:300px;}
	.sub-visual .tit {font-size:30px;}
	.sub-visual p {font-size:15px;}
	
	.mobile-navigation {width:200px;}
	.mobile-navigation .nav-menu>ul>li>a {font-size:16px;}
	.mobile-navigation .nav-menu .submenu>ul>li>a {font-size:14px;}
	#ws-content {padding:16px;}
	
	.ws-real-cont {padding-bottom:40px;}

	#ws-footer {padding:30px 0;}
	#ws-footer .bar {padding:0; display:block;}


	#lnb {margin-top:-45px;}
	.lnb ul.wid33 li {width:33.3333% !important;}
	.lnb ul.wid50 li {width:50% !important;}
	.lnb ul.wid50 li a {padding:0;}
	.lnb ul li {width:auto !important}
	.lnb ul li a {font-size:15px; line-height:45px; padding:0 30px;} 

	.lnb-menu {margin-bottom:30px;}
	.lnb-menu ul li {}
	.lnb-menu ul li a {font-size:15px; line-height:40px;}

	.sub-title {margin:30px 0 30px;}
	.sub-title h2 {font-size:25px; padding-bottom:15px;}
	.sub-title h2:after {width:40px; margin-left:-20px;}

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-image:url("../images/bbs/select_x2.png"); background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.radiobox input:checked + label:before {background-image:url("../images/bbs/radiobox_x2.png"); background-size:8px auto;}
	.checkbox input:checked + label:before {background-image:url("../images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.board-search {margin-bottom:10px;}
	.board-search .total-page {float:none; font-size:13px;}
	.board-search .search {float:none; text-align:center;}
	.board-search .search input.input {width:calc(100% - 85px)}

	.board-list {display:none;}
	.board-list-m {display:block;}


	
	
	.calendar-head {margin-bottom:15px;}
	.calendar-head h3 {font-size:20px; margin:0 17px;}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;}
	.calendar-head .cal-prev {background-image:url("../images/bbs/cal_prev_x2.png");}
	.calendar-head .cal-next {background-image:url("../images/bbs/cal_next_x2.png");}
	.calendar table th {padding:6px 4px; font-size:14px;}
	.calendar table td {height:60px; padding:5px 4px; font-size:12px;}
	.calendar ul li {padding-left:0; margin-bottom:6px;}
	.calendar ul li:before {display:none;}
	.calendar .cal-date {font-size:10px; margin-bottom:8px;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}
	
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form table tbody {display:block;}
	.board-form table tr {display:block; padding:12px 0;}
	.board-form table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-form table td {display:block; border:0; padding:0;}
	.board-form + .buttons {margin-top:30px;}

	.form-agree {margin:30px 0 30px;}
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.buttons {margin:15px 0;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:50px; padding:0 22px; font-size:16px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}

	.paginate {margin-top:20px;}
	.paginate a,  
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}  
	.paginate a.direction {margin:0; background-size:11px;}
	.paginate a.direction.first {background-image:url("../images/bbs/btn_first_x2.png");}
	.paginate a.direction.prev {background-image:url("../images/bbs/btn_prev_x2.png"); margin-right:14px;}
	.paginate a.direction.next {background-image:url("../images/bbs/btn_next_x2.png"); margin-left:14px;}
	.paginate a.direction.last {background-image:url("../images/bbs/btn_last_x2.png");}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("../images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;}


	.news-head {margin-bottom:30px;}
	.news-head .info {padding:25px 15px;}
	.news-head .info .title {font-size:18px ; margin-bottom:10px;}
	.news-head .info .cnt {margin-bottom:10px;}
	.news-head .info .date {font-size:14px;}
	.news-head .info .more {padding-top:10px;}
	.news-head .info .more a {padding:0 15px; font-size:14px; line-height:36px;}
	.news-head .info .more a:after {margin-left:18px; margin-top:14px; padding: 3px;}

	.news-group-slider {margin-bottom:30px;}
	.news-group-slider .slick-list {margin-left:-10px;}
	.news-group-slider .slick-slide {margin-left:10px;}
	.news-group-slider .item a {padding:20px;}
	.news-group-slider .item .title {font-size:18px ;margin-bottom:12px;}
	.news-group-slider .item .cnt {font-size:15px; margin-bottom:15px;}
	.news-group-slider .item .date {font-size:15px;}

	.board-slider {padding:0 45px;}
	.board-slider .slick-arrow {width:36px; height:36px; margin-top:-18px; background-size:7px;}

	.movie-title {font-size:18px; margin-bottom:10px;}

	.movie-slider {margin-bottom:30px; padding:0 45px;}
	.movie-slider .slick-list {margin-left:-10px;}
	.movie-slider .slick-slide {margin-left:10px;}
	.movie-slider .tit {font-size:16px;}
	.movie-slider .date {font-size:14px;}
	.movie-slider .slick-arrow {width:36px; height:36px; margin-top:-18px; background-size:7px;}

	.btn-download {padding:0 15px; font-size:14px; line-height:36px;}
	.btn-download:after {margin-left:18px; margin-top:14px; padding: 3px;}

	.bro-head {margin-bottom:30px;}
	.bro-head .info {padding:25px 15px;}
	.bro-head .info .title {font-size:18px ;margin-bottom:10px;}
	.bro-head .info .cnt {font-size:14px; margin-bottom:10px;}
	.bro-head .info .date {font-size:14px; margin-bottom:10px;}

	.status-list .table {margin-bottom:20px;  width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.status-list .table table {width:700px;}
	.status-list .table table thead th {height:50px; font-size:18px;}
	.status-list .table table tbody th {height:45px; padding-left:15px; font-size:14px;}
	.status-list .table table tbody td {padding:12px 7px; font-size:14px;}
	.status-list .table table tbody td:first-child {font-size:15px;}
	.status-list .table table tbody td .stock-tt {font-size:14px;}
	.status-list .table table tbody td .price strong {padding-left:20px; font-size:40px;}

	.status-list .btn-zone ul li {margin:0 2px; }
	.status-list .btn-zone ul li a {width:150px;}

	.scroll-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.scroll-wrap .iframe-wrap {width:737px}


	


	/* doc */
	.history .title {margin-bottom:20px;}
	.history .title img {height:24px}
	.history .col {padding:15px 0;}
	.history .year {float:none; width:80px; font-size:16px; line-height:30px; margin-bottom:10px;}
	.history .group {margin-left:0; margin-bottom:15px;}
	.history .group .company {flex:1 1 140px; max-width:140px; margin:0;}
	.history .group .info {padding-left:10px;}
	.history .group .info ul li {font-size:15px;}
	.history .img img {height:200px;}

	.management-cnt .row {display:block; margin-left:0; margin-bottom:-10px;}
	.management-cnt .col {width:100%; padding-left:0; margin-bottom:10px;}
	.management-cnt .col .pic {margin-bottom:10px;}
	.management-cnt .col .tit {font-size:18px;}
	.management-cnt .col .cnt {font-size:14px;}
	.management-cnt .col .cnt strong {font-size:16px;}
	.doc-mb {margin-bottom:60px;}

	.management-cert ul {margin-left:-7px;}
	.management-cert ul li {width:50%; padding-left:7px;}
	.management-cert .tit {font-size:14px;}

	.ci-box {margin:0 auto 25px; border-width:1px; padding:40px 20%;}

	.ci-title {font-size:18px; padding-bottom:10px; margin-bottom:10px;}
	.ci-cnt {margin-bottom:25px;}
	.ci-cnt ul li {font-size:15px ;}
	.ci-cnt .row {margin-left:-7px;}
	.ci-cnt .col {width:calc(33.33333% - 7px); margin-left:7px; padding:15px 15px; font-size:15px ;}

	.ci-download a {font-size:15px; line-height:45px; width:200px; height:45px;}
	.ci-download a:after {width:19px; height:45px; margin-left:12px;}

	
	.vitzro-cnt {font-size:15px;}
	.vitzro-cnt .logo {margin-bottom:25px;}
	.vitzro-cnt .logo img {height:25px}
	.vitzro-cnt .head {font-size:16px; margin-bottom:20px;}
	.vitzro-cnt .point {margin-left:-7px; margin-bottom:20px}
	.vitzro-cnt .point .col {width:5px;height:5px; margin-left:7px;}
	.vitzro-cnt .img {margin-bottom:25px;}
	.vitzro-cnt .cnt {margin-bottom:15px;}
	.vitzro-cnt .cnt br {display:none}
	.vitzro-cnt p br {display:none}
	.vitzro-cnt .more {font-size:15px; line-height:40px;}

	.recruit-cnt {margin-bottom:30px;}
	.recruit-cnt .row {display:block; margin-left:0; margin-bottom:-15px;}
	.recruit-cnt .col {padding-left:0; width:100%; margin-bottom:15px;}
	.recruit-cnt .col .pic {margin-bottom:15px;}
	.recruit-cnt .tit {font-size:18px; margin-bottom:5px;}
	.recruit-cnt p {font-size:15px }

	.recruit-btn {font-size:15px; line-height:45px; padding:0 20px;}
	
	.doc-tit {font-size:20px; margin-bottom:10px;}
	.human-cnt {margin-bottom:30px;}
	.human-cnt .row {display:block; margin-left:0; margin-bottom:-15px;}
	.human-cnt .col {width:100%; padding-left:0; margin-bottom:15px;}
	.human-cnt .box {padding:25px 15px;}
	.human-cnt .icon {margin-bottom:10px;}
	.human-cnt .tit {font-size:16px;}
	.human-cnt ul li {font-size:14px;}
	.human-cnt.type2 .box {min-height:auto;}

	.welfare-cnt {padding:20px 0; margin-bottom:30px;}
	.welfare-cnt .row {margin-bottom:-20px; margin-left:-5px;}
	.welfare-cnt .col {width:50%; padding-left:5px; margin-bottom:20px;}
	.welfare-cnt .col .icon {width:100px; height:100px; margin:0 auto 10px;}
	.welfare-cnt .tit {font-size:14px;}

	.ethics-table table th {font-size:13px;}
	.ethics-table table td {font-size:13px; padding:10px 20px;}
	
	.tip-off-top {display:block; padding:15px 20px;}
	.tip-off-top .col-l {padding:0; font-size:18px;}
	.tip-off .tit {font-size:16px;}
	.tip-off .board-form table td {height:auto;}
	
	.buttons.type2 {margin:40px 0 0;}

	.wid1 {max-width:100%;}
	
	.check-inner {display:block;}
	.ethics-check .box {display:block; padding:0 15px; margin-bottom:30px;}
	.ethics-check .box .img {text-align: center; margin-right:0; margin-bottom:20px;}
	.ethics-check .box .txt {line-height:1.7em;}
	.check-inner .check {width:100%; margin-bottom:10px;}
	.check-inner .check .input {max-width:100%;}
	.check-inner .check:last-child {max-width:100%; margin:0 auto; text-align: center; width:100%;}

	
	

} 

/* Landscape phones and down */
@media (max-width: 380px) {

	.main-company {height:100vh;}

	.vitzro-nav {top:40%;}
	.vitzro-content .content {top:65%;}


	.ci-cnt .row {display:block; margin-left:0; margin-bottom:-5px;}
	.ci-cnt .col {width:100%; margin-left:0; margin-bottom:5px;}



	.main-company {height:75vh;}
	.vitzro-nav {top:40%;}
	.vitzro-nav ul li {width:90px; height:90px;}
	.vitzro-nav ul li.active {width:110px; height:110px}

	.vitzro-content .content {top:63%; padding:0 5%;}
	
		
	.vitzro-slide .pic {height:100vh;} 
	.vitzro-slide .content {top:8%;}
	.vitzro-slide .content .logo {margin-bottom:15px;}
	.vitzro-slide .content .logo img {height:20px}
	.vitzro-slide .content .title {font-size:22px; margin-bottom:10px;}
	.vitzro-slide .content p {font-size:15px;}
	.vitzro-slide .content p strong {font-size:18px;}
	.vitzro-slide .more {bottom:10%;}
	.vitzro-slide .slick-dots {bottom:20%;}

}