@charset "utf-8";

@media (max-width: 1600px) {

	/* header */
	#allmenu .logos {width:320px; margin-right:60px;}
	#allmenu .logos img {height:80px}
	#allmenu .menus>ul {margin:0 -18px -40px;}
	#allmenu .menus>ul>li {padding:0 18px; margin-bottom:40px;}
	#allmenu .menus>ul>li>a {font-size:28px;}

	/* main */
	.main-visual .slick-prev {left:130px;}
	.main-visual .slick-next {left:250px;}
	.main-visual .controler {left:30px;}
	.main-visual .slick-counter {left:166px;}
	

	/* full calendar */
	.calendar-btn {top:5%; width:20px; transform:translateY(0); background-size:contain}
	.calendar-btn.prev {left:10px;}
	.calendar-btn.next {right:10px;}
	
	
}

@media (max-width: 1280px) {

	
	/* header */
	.gnb > ul {margin:0 -20px;}
	.gnb > ul > li {padding:0 20px;}

	#allmenu .logos {width:250px; margin-right:30px;}
	#allmenu .logos img {height:60px}
	
	/* main */
	.slider_item {height:700px;}

	.main-product {padding:120px 0 160px; height:750px;}
	.main-product h2 {font-size:3.4rem; top:0;}
	.main-product .group .menu {width:260px; padding-top:160px;}
	.main-product .group .menu ul li {margin-bottom:12px;}
	.main-product .group .menu ul li a {font-size:1.2rem;}
	.main-product .group .menu ul li a span:after {right:-2rem; width:.5rem; height:.5rem;}
	.main-product .info {padding-right:50px; padding-top:140px;}
	.main-product .info h3 {font-size:2.4rem; margin-bottom:20px;}
	.main-product .info .cnt {font-size:1.1rem; margin-bottom:40px;}
	.main-product .btns {width:160px; padding:.4rem 1.2rem 1rem;}
	.main-product .slide-prev,
	.main-product .slide-next {width:60px; height:40px;} 
	.main-product .btns .bar {height:14px;}
	.main-product .btns .line {bottom:20px;}
	.main-product .tit {padding:0 3.2rem .3rem 1.2rem; font-size:1.2rem;}
	.main-product .slides-numbers {bottom:1.6rem; right:1.2rem; font-size:1.2rem;}

	.main-schedule {padding:140px 0 100px;}
	.main-schedule .komax {font-size:20rem;}
	.main-schedule h2 {font-size:2.2rem; margin-bottom:26px;}
	.main-schedule .more {top:25px;font-size:.9rem; padding-right:36px;}
	.main-schedule .more:after {width:20px;}
	.main-schedule .calendar-list {width:45%; padding-right:10px;} 
	.main-schedule .calendar-list .calendar {width:71%;}
	.main-schedule .calendar-list .calendar .head {height:80px;}
	.main-schedule .calendar-list .calendar .head span {font-size:1.5rem; margin:0 40px;}
	.main-schedule .calendar-list .calendar .body {padding:0 30px;}
	.main-schedule .calendar-list .calendar .body table {font-size:1rem;}
	.main-schedule .calendar-list .calendar .body table thead th {padding-bottom:10px;}
	.main-schedule .calendar-list .calendar .body table tbody td {height:52px;}
	.main-schedule .calendar-list .calendar .body table tbody td .day {width:30px; height:30px; font-size:.9rem;}
	.main-schedule .calendar-list .ex-list {width:29%;} 
	.main-schedule .calendar-list .ex-list .title {padding:15px;}
	.main-schedule .calendar-list .ex-list .title h3 {font-size:1.4rem;}
	.main-schedule .calendar-list .ex-list .body {padding:20px 15px;}
	.main-schedule .calendar-list .ex-list .box-scroll {height:290px;}
	.main-schedule .calendar-list .ex-list dl {margin-bottom:20px;}
	.main-schedule .calendar-list .ex-list dl dt {font-size:1.1rem;}
	.main-schedule .calendar-list .ex-list dl dd {font-size:1rem;}
	.main-schedule .an-record {width:55%;}
	.main-schedule .an-record ul {margin:0 -5px;}
	.main-schedule .an-record ul li {padding:0 5px;}
	.main-schedule .an-record ul li .tit-box {padding:16px 20px;}
	.main-schedule .an-record ul li .tit {font-size:1.2rem;}
	


	/* layout */
	#lnb {margin-bottom:50px;}
	#lnb .home {line-height:62px; padding:0 25px; font-size:18px; margin-right:8px;}
	.lnb {padding:10px;border-radius:6rem}
	.lnb ul {display:flex;}
	.lnb ul li {width:auto; padding:0;}
	.lnb ul li a {padding:0 30px; font-size:18px;  line-height:42px;}

	.lnb-menu {margin-bottom:50px;}
	.lnb-menu ul li a {font-size:16px; height:60px;}
		

	/* content */
	/* company */
	.about-content .group .photo {margin-right:50px;}
	.about-content .group:nth-child(even) .photo {margin-left:80px;}

	/* board */
	.product-menu-list ul li .tit {padding:0 30px; font-size:2.4rem;}
	.product-menu-list ul li .hover .content {padding:30px;}
	.product-menu-list ul li .hover .content .tit {margin-bottom:30px;}
	.product-menu-list ul li .hover .content .cnt {font-size:16px;}
	.product-menu-list ul li .hover .content .more {bottom:30px; left:30px;}
	.product-menu-list.maketing ul li {width:50%;}

	.product-head {margin-bottom:60px;display:block;}
	.product-head h2 {width:100%; font-size:40px; margin-bottom:20px;}
	.product-head .btns {padding-left:0; width:100%;}

	.product-slider-content .group .nav-thumb {width:100px; margin-right:20px;}
	.product-slider-content .group .nav-thumb .product-nav {padding:60px 0;}

	.download-list .slick-prev {left:10px;}
	.download-list .slick-next {right:10px;}
			
	
}

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

	/* header */
	#header .contain {height:80px;}
	.sitelogo {left:16px;}
	.sitelogo img {height:24px}

	html.header-fixed #header .contain {height:70px;}
	html.header-fixed .sitelogo img {height:22px}

	.gnb {display:none;}
	
	.all-btn-menu {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

	#allmenu {display:none;}

	

	/* main */
	.slider_item {height:600px;}
	.slider_item__inner .slider_item__inner__txtbox h2 {font-size:70px;}
	.slider_item__inner .slider_item__inner__txtbox p {font-size:18px;}

	.main_visual .controler-wrap {bottom:100px}
	.main_visual .controler {width:50px; height:50px; margin-right:20px;}
	.main_visual .controler .slick-playback {width:50px; height:50px;}
	.main_visual .controler .slick-playback:after {background-size:10px;}
	.main_visual .controler .slider-progress:after {width:50px; height:50px; border-width:3px;}
	.main_visual .controler .slick-progress circle {r:23 !important; cx:25 !important; cy:25 !important; stroke-width: 3;}
	.main_visual .slick-counter {line-height:50px;}
	.main_visual .slick-arrow {height:50px;}

	.main-visual .item {height:750px;}
	.main-visual .content .tit {font-size:70px; margin-bottom:25px;}
	.main-visual .content p {font-size:20px;}
	.main-visual .slick-arrow {bottom:150px; height:50px;}
	.main-visual .controler {margin-right:30px;}
	.main-visual .controler .slider-play {display:none}
	.main-visual .controler .slider-pause,
	.main-visual .controler .slider-play {width:50px; height:50px; background-size:12px;}
	.main-visual .controler .slider-pause:after,
	.main-visual .controler .slider-play:after {border-width:3px;}
	.main-visual .controler .slider-pause:before,
	.main-visual .controler .slider-play:before {border-width:3px;}
	.main-visual .slick-counter {line-height:50px;}
	.main-visual .slick-counter .bar {padding:0 5px;}

	.main-product {padding:80px 0 100px; height:800px; background-size:40rem}
	.main-product h2 {position:static; margin-bottom:2rem;font-size:2.2rem; }
	.main-product .group {display:block;}
	.main-product .group .menu {width:100%; padding-top:0; margin-bottom:2rem;}
	.main-product .group .menu ul {display:flex; margin:0 -40px;}
	.main-product .group .menu ul li {margin-bottom:0; padding:0 40px;}
	.main-product .group .menu ul li a {font-size:1.2rem;}
	.main-product .group .contents {width:100%}

	.main-schedule {padding:100px 0 80px;}
	.main-schedule .komax {font-size:15rem;}
	.main-schedule .contain {display:block;}
	.main-schedule h2 {font-size:1.8rem; margin-bottom:20px;}
	.main-schedule .calendar-list {width:100%; padding-right:0; margin-bottom:4rem;} 
	.main-schedule .an-record {width:100%;}

	/* layout */
	.contain {padding-left:16px; padding-right:16px;}
	#contArea {padding-left:16px; padding-right:16px;}

	.real-cont {min-height:400px; padding-bottom:100px;}

	.sub-visual {height:380px; margin-bottom:50px;}
	.sub-visual .title h2 {font-size:50px;}

	#lnb {margin-bottom:40px;}
	#lnb .home {margin-right:0; margin-bottom:10px; line-height:50px; font-size:16px;}
	.lnb {padding:10px; display:block; border-radius:6rem}
	.lnb ul li a {padding:0 25px; font-size:16px;  line-height:40px;}

	body.dep1-products-type--fc #lnb .product-home,
	body.dep1-maketing-field--fc #lnb .marketing-home {display:block;}

	.lnb-menu {margin-bottom:40px;}
	.lnb-menu ul li a {font-size:15px; height:55px; padding:0 10px;}


	/* footer */
	#footer {padding-top:60px; font-size:1rem;}
	.foot-txt {font-size:30px; margin-bottom:25px;}
	.foot-info {padding-bottom:40px;}

	.foot-copy {padding:25px 0;}

	.foot-menu {right:16px;}
	.foot-menu a {width:50px; height:50px;}
	
	
	
	/* content */
	/* company */
	.about-content {margin-bottom:100px;}
	.about-content .group {margin-bottom:100px;}
	.about-content .group .photo {width:400px; margin-right:30px;}
	.about-content .group .info h3 {font-size:40px; margin-bottom:30px;}
	.about-content .group .info .cnt {font-size:16px;margin-bottom:25px;}
	.about-content .group:nth-child(even) .photo {margin-left:30px;}

	.location-title {height:300px; margin-bottom:100px; }
	.location-title h2 {font-size:40px;}

	.location-map {margin-bottom:25px; }
	.location-map iframe {height:320px !important;}
	.location-info .group {display:block; padding-bottom:20px; margin-bottom:20px;}
	.location-info .group .col {width:100%; padding:0; font-size:18px; margin-bottom:20px;}
	.location-info .group .col:last-child {margin-bottom:0;}
	.location-info .group .col h3 {margin-right:30px; font-size:18px; padding-left:26px;}
	.location-info .group .col h3:before {width:20px; height:20px;}
	.location-info .group .bar {margin:0 15px;}

	.history dl {padding-bottom:80px;}
	.history dl:after {left:130px;}
	.history dl:last-child:after {height:14%}
	.history dl dt {width:130px; font-size:35px;}
	.history dl dt:after {top:22px; right:-4px; width:8px; height:8px;}
	.history dl dd {padding-left:50px;}
	.history dl dd .pic {margin-bottom:25px;}
	.history dl dd ul {padding-left:15px;}
	.history dl dd ul li {margin-bottom:10px;}
	.history dl dd ul li .month {width:50px; font-size:25px;}
	.history dl dd ul li .cnt {font-size:16px; padding-top:.4em;}
	

	/* board */
	.input {height:44px; padding:4px 15px; font-size:15px;}

	.board-search {margin-bottom:10px;}
	.board-search .total {font-size:14px;}
	.board-search .search {max-width:250px;}
	.board-search .search input.input {width:100%; padding-right:50px;}
	.board-search .search .bt-search {width:44px; height:44px;}

	.board-total {font-size:18px; margin-bottom:20px;}

	.board-list table thead th {padding:16px 5px;}
	.board-list table tbody td {padding:16px 10px;}

	.board-view .head {padding:36px 0}
	.board-view .head h3 {font-size:22px; margin-bottom:15px;}
	.board-view .body {padding:40px 20px;}
	.board-view .file {padding:12px 0;}
	
	.cert-list {padding-top:30px;}
	.cert-list ul {margin:0 -10px;}
	.cert-list ul li {width:33.333333%; padding:0 10px; margin-bottom:30px;}
	.cert-list ul li .photo {padding:20px;}
	.cert-list ul li .tit {margin-top:15px; font-size:18px;}
	
	.product-menu-list ul {margin:0 -6px -12px;}
	.product-menu-list ul li {width:50%; padding:0 6px; margin-bottom:12px}
	.product-menu-list ul li .tit {padding:0 25px; font-size:2rem;}
	.product-menu-list ul li .hover .content {padding:25px;}
	.product-menu-list ul li .hover .content .tit {margin-bottom:25px;}
	.product-menu-list ul li .hover .content .cnt {font-size:1em;}
	.product-menu-list ul li .hover .content .more {bottom:25px; left:25px;}

	.product-list {padding-top:30px;}
	.product-list ul {margin:0 -6px;}
	.product-list ul li {width:33.333333%; padding:0 6px; margin-bottom:40px;}
	.product-list ul li .tit {margin-top:15px; font-size:18px;}

	
	.product-head {margin-bottom:50px;}
	.product-head h2 {font-size:30px; margin-bottom:15px;}
	.product-head .btns ul li a {font-size:18px; padding:0 25px; height:54px;}
	.product-head .btns ul li a:after {right:25px;}

	.product-slider-content {margin-bottom:50px;}
	.product-slider-content .flex-row {display:block; margin:0;}
	.product-slider-content .flex-col {padding:0; width:100%; margin-bottom:20px;}
	.product-slider-content .flex-col:last-child {margin-bottom:0;}
	.product-slider-content .group {align-items:center;}
	.product-slider-content .group .nav-thumb {margin-right:15px;}
	.product-slider-content .group .nav-thumb .product-nav {padding:50px 0;}
	.product-slider-content .group .nav-thumb .slick-slide {margin-bottom:6px;}
	.product-slider-content .group .nav-thumb .slick-arrow {height:40px; background-size:30px;}

	.one-page #video {padding:60px 0;}

	.lnb-tab.fixed {top:70px;}
	.lnb-tab .contain {padding-left:0; padding-right:0;}

	.one-page #spec, #video {margin-bottom:80px;}
	.product-detail {margin-bottom:70px;}

	.product-title {font-size:26px;}
	.product-spec-cnt {margin-bottom:70px;}
	.product-spec-cnt dl {font-size:16px; margin-bottom:10px;}
	.product-spec-cnt dl dt {width:160px;}
	.product-spec-cnt dl dt:before {top:5px; width:5px; height:5px;}

	.product-table table thead th {padding:16px 12px}
	.product-table table tbody td {padding:16px 12px;}

	.video-list .group-col {margin-bottom:15px;}


	.download-list .tit {padding-top:25px; margin-bottom:20px; font-size:18px}
	.download-list .btns {padding:0 25px; font-size:15px; height:54px;}
	.download-list .btns:before {width:22px; margin-right:10px;}
	.download-list .slick-list {margin-left:-30px;}
	.download-list .slick-slide {margin-left:30px;}
	.download-list .slick-arrow {width:20px; background-size:contain;}
	.download-list.list {padding-top:30px;}
	.download-list.list ul{margin-left:-30px;}
	.download-list.list ul li {width:33.333333%; margin-bottom:30px; padding-left:30px;}

	.news-list {padding-top:30px;}
	.news-list ul li {padding-bottom:25px; margin-bottom:25px;}
	.news-list ul li .photo {width:240px; margin-right:40px;}
	.news-list ul li .photo .thumb {border-radius:10px;}
	.news-list ul li dl {padding-top:20px;}
	.news-list ul li dl dt {font-size:22px; margin-bottom:20px;}
	.news-list ul li .date {width:120px; padding-top:25px;}

	.gallery-list {padding-top:30px;}
	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {width:33.333333%; padding:0 10px; margin-bottom:50px;}
	.gallery-list ul li .tit {margin-top:15px; font-size:18px;}


	.mailform-info {width:300px; margin-right:1rem;}
	.form-title {font-size:30px; margin-bottom:30px; padding-bottom:30px;}
	.form-title:after {width:120px;}

	.form-group .group {margin-bottom:40px;}
	.form-group .group h4 {font-size:16px; padding-left:60px; margin-bottom:20px;}
	.form-group .group h4:before {top:-15px; width:42px; height:42px;}
	.form-group .group .info {padding-left:0;}
	.form-group .group .info dl {margin-bottom:10px;}
	.form-group .group .info dl dt {font-size:18px;}
	.form-group .group .info dl dd {font-size:24px;}

	.mailform-box {border-radius:1.2rem; padding:2rem 1rem;}
	.mailform table tbody th {padding:10px 10px;}
	.mailform table tbody td {padding:10px 10px;}
	.mailform .code-group .reset {font-size:.8em;}
	.mailform .code-group .reset:before {width:10px; margin-right:5px;}

	
	.btn-pack.medium {height:44px;padding:0 16px;line-height:42px;font-size:16px;}
	.btn-pack.large {min-width:160px; height:52px;padding:0 25px;line-height:50px;font-size:16px;}
	.btn-pack.xlarge {min-width:140px; height:56px;padding:0 25px;line-height:54px;font-size:18px;}
	.btn-pack.xxlarge {min-width:200px; height:60px;padding:0 25px;line-height:58px;font-size:20px;}
	.btn-pack.icon-list:before {width:26px;}

	/* full calendar */
	.fc-toolbar-title {margin-bottom:30px !important; font-size:2.2rem !important;}
	.fc .fc-button {padding:.4rem 1.2rem !important; font-size:1.1rem !important}

	

	
} 

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

	/* main */
	

	
} 

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

	
	/* header */
	
	
	/* main */
	.slider_item {height:550px;}
	.slider_item__inner .slider_item__inner__txtbox h2 {font-size:40px;}
	.slider_item__inner .slider_item__inner__txtbox p {font-size:16px;}

	.main_visual .controler-wrap {bottom:50px}


	.main-visual .item {height:500px;}
	.main-visual .item .visual-img {background-position:60% 50%;}
	.main-visual .content .tit {font-size:40px; margin-bottom:15px;}
	.main-visual .content p {font-size:16px;}
	.main-visual .content br {display:none;}
	.main-visual .slick-arrow {height:40px;}
	.main-visual .controler-wrap {bottom:40px}
	.main-visual .controler {margin-right:20px;}
	.main-visual .controler .slider-play {display:none}
	.main-visual .controler .slider-pause,
	.main-visual .controler .slider-play {width:40px; height:40px; background-size:10px;}
	.main-visual .controler .slider-pause:after,
	.main-visual .controler .slider-play:after {border-width:2px;}
	.main-visual .controler .slider-pause:before,
	.main-visual .controler .slider-play:before {border-width:2px;}
	.main-visual .slick-counter {line-height:40px;}
	.main-visual .slick-counter .bar {padding:0 5px;}
	
	.scroll {
	bottom:30px; 
	right:16px; 
	 }

	@keyframes mainScroll {from{bottom:30px;}to{bottom:35px;}}

	
	.main-product {padding:50px 0 60px; height:auto; background-size:30rem}
	.main-product h2 {margin-bottom:2rem;font-size:2rem; }
	.main-product .group .menu ul {margin:0 -20px;}
	.main-product .group .menu ul li {padding:0 20px;}
	.main-product .group .menu ul li a {font-size:1.1rem;}
	.main-product .group .menu ul li a span:after {right:-1rem; width:.4rem; height:.4rem;}
	.main-product .row {flex-wrap:wrap;}
	.main-product .info {padding-right:0; width:100%; order:2; padding-top:0;}
	.main-product .info h3 {font-size:1.8rem; margin-bottom:20px;}
	.main-product .info .cnt {font-size:1rem; margin-bottom:1.3rem; height:auto; -webkit-line-clamp:inherit; }
	.main-product .info .more a {width:140px; height:44px; padding:0 16px; font-size:15px; line-height:42px;}
	.main-product .info .more a:after {width:16px;}
	.main-product .photo {width:100%; order:1; margin-bottom:2rem;}
	.main-product .btns {width:90px; padding:.4rem 0 1.4rem;}
	.main-product .slide-prev,
	.main-product .slide-next {width:40px;}
	.main-product .btns .bar {height:14px;}
	.main-product .btns .line {bottom:13px; width:100%; left:0; margin-left:0;}
	.main-product .tit {padding:0 1.2rem .3rem 1.2rem; font-size:1rem;}
	.main-product .slides-numbers {bottom:auto; top:1rem; right:1.2rem; font-size:1.2rem;}


	.main-schedule {padding:100px 0 80px;}
	.main-schedule .komax {font-size:7rem;}
	.main-schedule .contain {display:block;}
	.main-schedule h2 {font-size:1.4rem; margin-bottom:10px;}
	.main-schedule .more {top:10px;font-size:.8rem; line-height:1.3em; padding-right:32px;}
	.main-schedule .more:after {width:16px;}
	.main-schedule .calendar-list {width:100%; padding-right:0; margin-bottom:3rem;} 
	.main-schedule .calendar-list .group {flex-wrap:wrap;}
	.main-schedule .calendar-list .calendar {width:100%; order:2;}
	.main-schedule .calendar-list .calendar .head {height:60px;}
	.main-schedule .calendar-list .calendar .head span {font-size:1.2rem; margin:0 30px;}
	.main-schedule .calendar-list .calendar .head .btn {height:20px;}
	.main-schedule .calendar-list .calendar .body {padding:0 20px;}
	.main-schedule .calendar-list .calendar .body table thead th {padding-bottom:10px;}
	.main-schedule .calendar-list .calendar .body table tbody td {height:44px;}
	.main-schedule .calendar-list .calendar .body table tbody td .day {width:30px; height:30px; font-size:.9rem;}
	.main-schedule .calendar-list .ex-list {width:100%; order:1;} 
	.main-schedule .calendar-list .ex-list .title {padding:15px;}
	.main-schedule .calendar-list .ex-list .title h3 {font-size:1.2rem;}
	.main-schedule .calendar-list .ex-list .body {padding:15px;}
	.main-schedule .calendar-list .ex-list .box-scroll {display:flex; flex-wrap:wrap;height:120px;}
	.main-schedule .calendar-list .ex-list dl {width:50%;margin-bottom:10px;}
	.main-schedule .calendar-list .ex-list dl dd {font-size:.9rem;}
	.main-schedule .an-record {width:100%;}
	.main-schedule .an-record ul li .tit-box {padding:10px;}
	.main-schedule .an-record ul li .tit {font-size:1rem;}
	
	
	/* layout */	
	.real-cont {min-height:300px; padding-bottom:60px;}
	
	.sub-visual {height:220px; margin-bottom:40px;}
	.sub-visual .title h2 {font-size:40px;}


	/* footer */
	#footer {padding-top:40px; text-align:center; font-size:.9rem;}
	#footer address {text-align:left;}
	#footer address > div:first-child {text-indent:-4.2rem; padding-left:4.2rem;}
	.foot-txt {font-size:30px; margin-bottom:20px;}
	.foot-logo img {height:20px;}
	.foot-info {padding-bottom:20px;}
	.foot-info .bar {padding:0; font-size:0; line-height:0; display:block;}

	.foot-copy {padding:25px 0; text-align:center;}

	.foot-menu {right:0; position:static; text-align:center; margin-bottom:20px;}
	.foot-menu a {width:40px; height:40px; margin:0 2px;}
	


	.fancybox-close {
		top: -10px !important;
		right: -10px !important;
		width: 30px !important;
		height: 30px !important;
		background-size:10px !important;
	}
	
	

	/* content */
	/* company */
	.about-content {margin-bottom:60px;}
	.about-content .group {display:block; margin-bottom:60px;}
	.about-content .group .photo {width:100%; margin-right:0; margin-bottom:20px;}
	.about-content .group .photo img {width:100%}
	.about-content .group .info {width:100%}
	.about-content .group .info h3 {font-size:30px; margin-bottom:25px;}
	.about-content .group .info .cnt {font-size:15px;margin-bottom:20px;}
	.about-content .group:nth-child(even) .photo {margin-left:0;}

	.location-title {height:240px; margin-bottom:60px; }
	.location-title h2 {font-size:30px;}

	.location-map {margin-bottom:20px; }
	.location-map iframe {height:250px !important;}
	.location-info .group {border-bottom:0; padding-bottom:0;}
	.location-info .group .col {display:block; font-size:16px; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
	.location-info .group .col h3 {width:100%; margin-right:0; font-size:18px; padding-left:26px; margin-bottom:10px;}
	.location-info .group .col h3:before {top:3px;}
	.location-info .group .bar {margin:0; height:0; display:block;}
	.location-info .group .info {padding-left:26px;}

	.history dl {display:block; padding-bottom:50px;}
	.history dl:after {left:3px; top:12px;}
	.history dl dt {width:100%; font-size:25px; margin-bottom:20px; padding-left:20px;}
	.history dl dt:after {right:auto; left:0; top:12px; width:6px; height:6px;}
	.history dl dd {padding-left:20px; width:100%;}
	.history dl dd .pic {margin-bottom:15px;}
	.history dl dd ul {padding-left:10px;}
	.history dl dd ul li {margin-bottom:10px;}
	.history dl dd ul li .month {width:50px; font-size:22px;}
	.history dl dd ul li .cnt {font-size:15px; padding-top:.4em;}


	/* board */
	.input {height:40px; padding:4px 12px; font-size:1em}

	.board-search {margin-bottom:10px;}
	.board-search .total {font-size:13px;}
	.board-search .search input.input {padding-right:40px;}
	.board-search .search .bt-search {width:40px; height:40px;}
	
	.board-list table colgroup col {width:100% !important}
	.board-list table thead {display:none;}
	.board-list table thead th {padding:16px 5px;}
	.board-list table tbody tr {border-bottom:1px solid #ddd;}
	.board-list table tbody td {display:block; width:100%; text-align:left; padding:5px 10px 12px; border-bottom:0;}
	.board-list table tbody td:first-child {display:none}
	.board-list table tbody td.subject {padding:12px 10px 0;}
	.board-list table tbody td.date,
	.board-list table tbody td.hit {display:inline-block; width:auto;}

	.board-view .head {padding:24px 0}
	.board-view .head h3 {font-size:18px; margin-bottom:10px;}
	.board-view .body {padding:20px 15px;}
	.board-view .file {padding:10px 0;}
	.board-view .file ul li .tit {width:60px;}

	.board-prev-next dl {padding:14px;}
	.board-prev-next dl dt {padding-left:20px;width:70px;}
	.board-prev-next dl dt:after {width:8px; height:8px;}

	
	.cert-list {padding-top:25px;}
	.cert-list ul {margin:0 -5px;}
	.cert-list ul li {width:50%; padding:0 5px; margin-bottom:25px; font-size:16px;}
	.cert-list ul li .photo {padding:15px;}
	.cert-list ul li .tit {font-size:16px;}

	.pop-cert {border-radius:10px; padding:20px 20px 30px; }
	.pop-cert h1 {font-size:20px;margin-bottom:20px;}
	.pop-cert .close {top:-15px;right:-15px;width:30px;height:30px; background-size:10px;}

	
	.product-menu-list ul {margin:0 -4px -8px;}
	.product-menu-list ul li {width:100%; padding:0 4px; margin-bottom:8px}
	.product-menu-list ul li .tit {padding:0 20px; font-size:2rem;}
	.product-menu-list ul li .hover .content {padding:20px;}
	.product-menu-list ul li .hover .content .tit {margin-bottom:20px;}
	.product-menu-list ul li .hover .content .cnt {font-size:1em;}
	.product-menu-list ul li .hover .content .more {bottom:20px; left:20px;}
	.product-menu-list.maketing ul li {width:100%;}

	.product-list {padding-top:25px;}
	.product-list ul li {width:50%; margin-bottom:30px;}
	.product-list ul li .tit {margin-top:11px; font-size:16px;}

	.product-head {margin-bottom:30px;}
	.product-head h2 {font-size:25px;}
	.product-head .btns ul li a {font-size:16px; padding:0 20px; height:50px;}
	.product-head .btns ul li a:after {right:20px;}
	.product-head .btns ul li.list {width:60px;}

	.product-slider-content {margin-bottom:40px;}
	.product-slider-content .group {flex-wrap:wrap;}
	.product-slider-content .group .nav-thumb {width:100%; order:2; margin-right:0;}
	.product-slider-content .group .nav-thumb .product-nav {padding:0 40px;}
	.product-slider-content .group .nav-thumb .slick-slide {margin-bottom:0; padding:0 5px;}
	.product-slider-content .group .nav-thumb .slick-arrow {width:30px; top:50%; margin-top:-25px; height:50px; left:auto; background-size:10px;}
	.product-slider-content .group .nav-thumb .slick-prev {left:0; background-image:url('/html/_skin/public_html/images/product/slide_prev.png');}
	.product-slider-content .group .nav-thumb .slick-next {bottom:auto; right:0; background-image:url('/html/_skin/public_html/images/product/slide_next.png');}
	.product-slider-content .group .photo {width:100%; order:1; margin-bottom:10px;}

	.one-page #video {padding:40px 0;}

	.lnb-swiper-menu ul li {flex:none; width:auto;}
	.lnb-swiper-menu ul li a {padding:0 30px;}
	
	.one-page #spec, #video {margin-bottom:60px;}
	.product-detail {margin-bottom:60px;}

	.product-title {font-size:22px;}
	.product-spec-cnt {margin-bottom:50px;}
	.product-spec-cnt dl {display:block; font-size:15px; margin-bottom:10px;}
	.product-spec-cnt dl dt {width:100%; margin-bottom:5px;}
	.product-spec-cnt dl dt:before {top:5px; width:5px; height:5px;}
	.product-spec-cnt dl dd {width:100%; padding-left:15px;}

	.product-table table thead th {padding:12px 6px}
	.product-table table tbody td {padding:12px 6px;}

	.download-list .tit {padding-top:20px; margin-bottom:15px; font-size:16px}
	.download-list .btns {padding:0 15px; font-size:14px; height:44px;}
	.download-list .btns:before {width:18px}
	.download-list .slick-list {margin-left:-12px;}
	.download-list .slick-slide {margin-left:12px;}
	.download-list .slick-arrow {width:16px;}
	.download-list.list {padding-top:25px;}
	.download-list.list ul{margin-left:-12px;}
	.download-list.list ul li {width:50%; margin-bottom:25px; padding-left:12px;}


	.news-list {padding-top:25px;}
	.news-list ul li {padding-bottom:20px; margin-bottom:20px;}
	.news-list ul li a {flex-wrap:wrap;}
	.news-list ul li .photo {width:100%; margin-right:0; margin-bottom:10px;}
	.news-list ul li .photo .thumb {border-radius:6px;}
	.news-list ul li dl {padding-top:0; width:100%}
	.news-list ul li dl dt {font-size:18px; margin-bottom:5px;}
	.news-list ul li dl dd {height:calc(1.56em * 1 * 2); -webkit-line-clamp:2;}
	.news-list ul li .date {width:100%;  padding-top:5px;}

	.gallery-list {padding-top:25px;}
	.gallery-list ul {margin:0 -5px;}
	.gallery-list ul li {width:50%; padding:0 5px; margin-bottom:30px;}
	.gallery-list ul li .tit {margin-top:12px; font-size:16px;}

	
	.mailform-group {display:block;}
	.mailform-info {width:100%; margin-right:0; margin-bottom:20px;}
	.form-title {font-size:25px; margin-bottom:25px; padding-bottom:25px;}
	.form-title:after {width:100px;}
	.form-title br {display:none;}

	.form-group .group {margin-bottom:30px;}
	.form-group .group h4 {font-size:15px; padding-left:50px; margin-bottom:20px;}
	.form-group .group h4:before {top:-8px; width:36px; height:36px;}
	.form-group .group .info dl {display:flex;}
	.form-group .group .info dl dt {font-size:16px; width:100px;}
	.form-group .group .info dl dd {font-size:20px; }
	
	.mailform-box {width:100%; padding:.5rem .5rem 1.5rem;}
	.mailform table {padding-top:0; }
	.mailform table colgroup col {width:100% !important;}
	.mailform table tbody {padding:10px 0; display:block;}
	.mailform table tbody tr {display:block;}
	.mailform table tbody th {display:block; width:100%; padding:6px 10px 0;}
	.mailform table tbody td {display:block; width:100%; padding:6px 10px;}
	.mailform table th:first-child {padding-left:10px;}
	.mailform br {display:none;}
	.mailform .checkbox-text {margin-top:10px;}
	.mailform .code-group .reset {width:22px;  height:22px; font-size:0; line-height:0; padding:0;}
	.mailform .code-group .reset:before {height:22px; width:12px; margin-right:0;}
	.mailform + .buttons {margin-top:30px;}

	
	.buttons {margin:25px 0;}
	.btn-pack.medium {height:40px;padding:0 12px;line-height:38px;font-size:15px;}
	.btn-pack.large {min-width:100px; height:46px;padding:0 15px;line-height:44px;font-size:15px;}
	.btn-pack.xlarge {min-width:120px; height:50px;padding:0 15px;line-height:48px;font-size:16px;}
	.btn-pack.xxlarge {min-width:140px; height:54px;padding:0 15px;line-height:52px;font-size:18px;}
	.btn-pack.icon-list:before {width:22px;}

	
	/* 페이지목록 */
	.paginate {margin-top:30px;}
	.paginate a,  
	.paginate strong{width:36px;height:36px;font-size:14px;line-height:36px;}  
		
	/* full calendar */
	.fc-toolbar-title {margin-bottom:20px !important; font-size:1.6rem !important;}
	.fc .fc-button {padding:.3rem 1rem !important; font-size:1rem !important}

	.calendar-btn {top:6%; width:15px;}
	
	.fc .fc-daygrid-day-number {padding:.2rem !important;}
	.fc table {font-size:.8rem !important}
	

} 

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

}