@charset "utf-8";

@media (max-width: 1600px){
	.sitelogo {left:40px;}
	.language {right:100px;}
	.btn-m-menu {right:40px;}

	.mobile-navigation .close {right:40px;}

	.main-home .slick-prev {left:40px;}
	.main-home .slick-next {right:40px;}

	#footer {padding-left:40px; padding-right:40px;}
}

@media (max-width: 1380px){
	#gnb > ul > li {margin:0 -10px;}
	#gnb > ul > li > a {padding:0 55px;}

	.pro-tit {font-size:40px;}
	.pro-sub-tit {font-size:25px;}

	.product-wrap .txt {font-size:18px;}
}

@media (max-width: 1280px){
	#gnb > ul > li > a {font-size:19px;}
	#gnb .submenu ul {padding:95px 0 15px 0;}
	#gnb .submenu ul li a {padding:6px 5px; font-size:16px;}

	.language a {font-size:16px;}

	.mobile-navigation .nav-menu:before {left:300px;}
	.mobile-navigation .nav-menu>ul>li {margin-bottom:43px;}
	.mobile-navigation .nav-menu>ul>li>a {max-width:270px; padding:0 0 0 30px; font-size:28px;}
	.mobile-navigation .nav-menu>ul>li>a:before {font-size:16px;}
	.mobile-navigation .nav-menu .submenu {left:270px; padding-left:75px;}
	.mobile-navigation .nav-menu .submenu:before {margin-left:-45px;}
	.mobile-navigation .nav-menu .submenu ul {margin-left:-70px;}
	.mobile-navigation .nav-menu .submenu ul li {margin-left:70px;}
	.mobile-navigation .nav-menu .submenu ul li a {font-size:19px;}
	.mobile-navigation .nav-menu .active .submenu:before {width:90px;}

	.main-home .caption h2 {font-size:50px;}
	.main-home .caption p {font-size:20px;}
	.main-home .slick-arrow {width:54px; height:54px;}

	.main-products .cnt ul li .in {top:50px; left:50px; right:50px; bottom:50px;}

	.main-network {padding-left:32%; padding-top:60px;}
	.main-network .cnt {width:32%}
	.main-network .cnt .in {padding:60px 40px;}
	.main-network .cnt p {font-size:18px;}

	#footer {padding:30px 40px; font-size:15px;}
	.foot-info {margin-left:150px;}

	.sub-visual {height:400px;}

	.business {font-size:19px;}
	.business .nav {left:40px;}
	.business .caption {right:0; padding:0 40px;}
	.business .caption .title {font-size:39px;}
	.business .caption .subtitle {font-size:24px;}

	.pro-tit {font-size:40px;}
	.pro-sub-tit {font-size:23px;}

	.product-heading {padding:35px 40px;}

	.product-box {padding:40px;}

	.product-wrap {padding-left:400px;}
	.product-wrap .cnt {width:480px; padding:35px 40px;}
	.product-wrap .pro-tit {margin-bottom:13px;}
	.product-wrap .txt {bottom:35px; left:40px; right:40px; font-size:17px;}
	.product-wrap .img {text-align:right;}

	.pro-characteristics .cnt ul {margin:-38px -38px;}
	.pro-characteristics .cnt ul li {padding:38px 38px;}
}

@media (max-width: 1240px){
	#gnb > ul > li {margin:0 -5px;}
	#gnb > ul > li > a {font-size:18px; padding:0 40px;}
	#gnb .submenu ul {padding:95px 0 15px 0;}
	#gnb .submenu ul li a {padding:6px 5px; font-size:16px;}
}

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

	/* header */
	.container {padding-left:30px; padding-right:30px;}

	#wrapper {padding-top:70px;}	

	#header {height:70px;}

	#gnb > ul > li > a {padding:0 38px; font-size:17px; line-height:70px;}
	#gnb .submenu ul {padding:75px 0 15px 0;}
	#gnb .submenu ul li a {padding:4px 5px; font-size:14px;}

	.sitelogo {left:30px; top:15px;}
	.sitelogo img {height:40px;}

	.language {right:77px; margin-top:-14px;}
	.language a {font-size:14px; line-height:28px; padding:0 13px;}

	.btn-m-menu {right:30px; width:30px; height:30px; margin-top:-15px;}
	.btn-m-menu span {top:3px;}
	.btn-m-menu span:before {left:12px; top:10px;}
	.btn-m-menu span:after {top:22px}
	
	/* main */
	.main-home .item {height:calc(100vh - 70px);}
	.main-home .caption {padding:0 120px;}
	.main-home .caption h2 {font-size:45px;}
	.main-home .caption p {font-size:18px;}
	.main-home .slick-arrow {width:50px; height:50px; background-size:10px auto; margin-top:-20px;}
	.main-home .slick-prev {left:30px;}
	.main-home .slick-next {right:30px;}

	.m-head {margin-bottom:30px;}
	.m-head h2 {font-size:30px;}

	.main-about .cnt h2 {font-size:18px; padding-left:55px; margin-bottom:15px;}
	.main-about .cnt h2:before {top:10px; width:40px;}
	.main-about .cnt p {font-size:16px;}
	.main-about .cnt .subtit {font-size:24px; margin-bottom:30px;}
	.main-about .more {font-size:16px;}

	.main-business .cnt ul {margin:0 -10px;}
	.main-business .cnt ul li {padding:0 10px;}
	.main-business .cnt ul li p {font-size:15px;}

	.main-products .cnt ul {margin:-12px;}
	.main-products .cnt ul li {padding:12px;}
	.main-products .cnt ul li .in {top:35px; left:35px; right:35px; bottom:35px;}
	.main-products .cnt ul li h3 {font-size:33px;}
	.main-products .cnt ul li p {font-size:18px;}

	.main-links {padding:80px 0;}
	.main-links ul li a {padding:20px;}
	.main-links ul li img {width:70px;}
	.main-links ul li h3 {font-size:26px;}
	.main-links ul li p {font-size:16px;}

	.main-network {padding-top:50px;}
	.main-network .cnt .in {padding:50px 30px;}
	.main-network .cnt p {font-size:17px;}
	.main-network .map {padding:35px 20px;}

	/* footer */
	#footer {font-size:14px; padding:30px;}
	.foot-logo img {height:40px;}
	.foot-info {margin-left:120px; margin-right:40px;}
	.foot-info span {margin-right:16px;}

	.scroll-top {width:48px; bottom:20px; right:20px;}

	/* sub */
	.sub-visual {height:330px;}
	.sub-visual h2 {font-size:48px;}
	.sub-visual.has-lnb {padding-bottom:60px;}

	.lnb-wrap {margin-top:-60px; font-size:17px; line-height:60px;}

	.real-cont {padding-top:55px; padding-bottom:70px;}

	/* content */
	.sub-tab ul {margin:-1px;}
	.sub-tab ul li {padding:1px;}
	.sub-tab ul li a {padding:0 20px; font-size:17px; line-height:42px;}

	.doc-tit {font-size:30px;}

	.about {font-size:16px;}
	.about .tit {font-size:22px;}

	.philosophy {font-size:20px;}
	.philosophy .in {padding:40px;}

	.media-card .group .cnt {font-size:16px; padding-top:50px;}
	.media-card .group .cnt:before {top:28px; width:180px; height:2px;}
	.media-card .group.odd .cnt {padding-left:35px;}
	.media-card .group.odd .cnt:before {left:-70px;}
	.media-card .group.even .cnt:before {right:-70px;}

	.business {font-size:16px;}
	.business .nav {width:130px;}
	.business .nav ul li {font-size:18px; margin-bottom:30px;}
	.business .item {height:calc(100vh - 70px);}
	.business .caption .title {font-size:35px;}
	.business .caption .subtitle {font-size:20px;}

	.pro-tit {font-size:36px;}
	.pro-sub-tit {font-size:20px;}

	.product-heading {padding:27px 30px;}

	.product-wrap {padding-left:380px;}
	.product-wrap .cnt {width:400px; padding:27px 30px;}
	.product-wrap .txt {position:static; font-size:16px; margin-top:20px;}

	.product-wrap2 {font-size:16px;}
	.product-wrap2 .cnt {width:50%; padding:27px 30px;}
	.product-wrap2 h3 {font-size:20px;}

	.product-box {padding:30px;}

	.functions {font-size:16px;}
	.functions .col img {height:65px;}
	.functions .col.img img {height:auto;}

	.pro-cert .img {width:120px;}
	.pro-cert .img img {width:80px;}
	.pro-cert .cnt {font-size:16px;}
	.pro-cert .img3 {width:160px;}
	.pro-cert .tt2 {font-size:20px;}
	.pro-cert .row {padding-right:30px;}
	.pro-cert .col {float:none; margin-top:15px; padding-right:0; width:auto;}
	.pro-cert .col:first-child {margin-top:0;}

	.pro-cnt {font-size:16px;}
	.pro-cnt .img {width:200px;}

	.pro-cnt2 {font-size:16px;}
	.pro-cnt2 .cnt {display:block; width:auto; padding:27px 30px; margin-bottom:10px;}
	.pro-cnt2 .img {display:block; width:auto; padding:0 30px; text-align:center;}

	.pro-cnt3 {font-size:16px;}
	.pro-cnt3 .cnt {padding-left:30px;}
	.pro-cnt3 h3 {font-size:20px;}
	.pro-cnt3 .warning {font-size:14px;}
	.pro-cnt3 table {font-size:15px;}
	.pro-cnt3 table th, .pro-cnt3 table td {height:40px; padding:7px 4px;}

	.pro-characteristics h3 {font-size:20px;}
	.pro-characteristics .cnt {font-size:15px;}
	.pro-characteristics .cnt ul {margin:-25px -25px;}
	.pro-characteristics .cnt ul li {padding:25px 25px;}
	.pro-characteristics .cnt ul li .circle:after {background-size:70%;}

	.pro-comparison h3 {font-size:20px;}
	.pro-comparison table {font-size:15px;}
	.pro-comparison table th, .pro-comparison table td {height:40px; padding:7px 4px;}
	.pro-comparison p {font-size:15px;}

	.contact {padding:60px 0; font-size:16px;}
	.contact h2 {font-size:26px;}

	.red-ginseng {padding:34px;}
	.red-ginseng .img {width:320px;}
	.red-ginseng .cnt {padding-left:30px;}
	.red-ginseng h3 {font-size:32px}
	.red-ginseng h3 small {font-size:14px;}
	.red-ginseng p {font-size:16px;}
	.red-ginseng .tt {font-size:20px;}

	.pro-wrap {padding:30px 0;}
	
	.no-list {margin-left:50px;}
	.no-list .big {font-size:64px;}
	.no-list ul li {font-size:17px;}

	.pro-cert3 {padding:50px 30px;}
	.pro-cert3 li {padding:0 10px;}

	.pro-wrap.ty3 {padding:30px 0;}
	.pro-wrap.ty3 li {width:auto;}

	.pro-cert4 {margin:30px 0;}

	.pu-box {padding:50px 0;}
	.pu-box .doc-cnt p {font-size:17px;}

	/* board */
	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {padding:0 10px;}

	.news-list > ul > li {padding:30px 0; font-size:15px;}
	.news-list .thumb {width:250px;}
	.news-list .tit {font-size:22px;}
	.news-list .txt {margin-bottom:25px;}
} 

@media (max-width: 940px) {	
	#gnb {display:none;}
}

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

	/* main */
	.main-home .item {height:0; padding-bottom:55%;}
	.main-home .slick-arrow {width:46px; height:46px;}
	.main-home .caption {padding:0 105px;}
	.main-home .caption h2 {font-size:40px;}
	.main-home .scroll {bottom:20px; font-size:13px; padding-bottom:30px; background-size:12px auto;}

	.main-about .more {bottom:-20px;}

	.main-business {padding:70px 0;}
	.main-business .cnt ul li h3 {font-size:20px}

	.main-products {padding:60px 0;}

	.main-links ul li p br {display:none;}

	/* footer */
	#footer {padding:25px 30px;}
	.foot-logo {margin-top:8px;}
	
	/* sub */
	.sub-visual {height:270px;}
	.sub-visual h2 {font-size:46px;}
	.sub-visual.has-lnb {padding-bottom:55px;}

	.lnb-wrap {margin-top:-55px; font-size:16px; line-height:55px;}

	/* content */
	.sub-tab ul li a {font-size:16px; line-height:40px; padding:0 18px;}

	.business .nav {top:55px; left:30px; margin-top:0; -ms-transform:none; -webkit-transform:none; transform:none;}
	.business .nav ul li {margin-bottom:20px;}
	.business .caption {top:auto; bottom:30%; margin-top:0;  -ms-transform:none; -webkit-transform:none; transform:none;}
	.business .caption .txt br {display:none;}

	.product-heading {padding:23px 23px;}

	.product-wrap {padding-left:0;}
	.product-wrap .cnt {position:static; width:auto; padding:23px 23px;}
	.product-wrap .txt {margin-top:30px;}
	.product-wrap .img img {width:100%;}

	.product-wrap2 .cnt {display:block; width:auto; padding:23px 23px;}
	.product-wrap2 .img {display:block; width:auto;}
	.product-wrap2 .img img {width:100%;}

	.product-box {padding:23px;}

	.functions {border-top:1px solid #ddd;}
	.functions .row {border-left:0; margin-bottom:0;}
	.functions .col {display:block; padding:30px 23px; border-right:0; border-bottom:1px solid #ddd;}
	.functions img.type2 {margin-top:0;}

	.pro-cert {padding:23px;}
	.pro-cert .img {width:100px;}
	.pro-cert .img img {width:70px;}
	.pro-cert .cnt {font-size:15px;}

	.pro-cnt3 .cnt.pdt {padding-top:0;}

	.pro-characteristics .cnt ul li {width:33.33333333%;}
	.pro-characteristics .cnt ul li .circle:before {border-width:5px;}
	.pro-characteristics .cnt ul li:nth-child(3) .circle:after {top:auto; bottom:-57px; right:50%; margin-right:-12px; margin-top:0; width:24px; height:57px; background-position:50% 0; background-image:url("../images/sub/pro_arr_2.png")}
	.pro-characteristics .cnt ul li:nth-child(4) {float:right;}
	.pro-characteristics .cnt ul li:nth-child(4) .circle:after {bottom:auto; right:auto; top:50%; margin-right:0; margin-top:-12px; left:-57px; width:57px; height:24px; background-position:100% 50%; background-image:url("../images/sub/pro_arr_3.png");}
	.pro-characteristics .cnt ul li:nth-child(6) .circle:after {left:auto; top:auto; bottom:-57px; right:50%; margin-right:-12px; margin-top:0; width:24px; height:57px; background-position:50% 0; background-image:url("../images/sub/pro_arr_2.png")}
	.pro-characteristics .cnt ul li:nth-child(7),
	.pro-characteristics .cnt ul li:nth-child(8) {float:left;}
	.pro-characteristics .cnt ul li:nth-child(7) .circle:after {left:auto; right:-57px; background-image:url("../images/sub/pro_arr_1.png"); background-position:0 50%;}

	.contact {padding:20px 0;}
	.contact .row {margin:0;}
	.contact .col {float:none; width:auto; padding:15px 0;}

	/* board */
	.board-list table tbody td.no {width:10%;}
	.board-list table tbody td.name {width:12%;}
	.board-list table tbody td.date {width:12%;}
	.board-list table tbody td.hit {width:9%;}

	.gallery-list ul li {width:33.33333333%; font-size:14px;}
	.gallery-list ul li:nth-child(4n+1) {clear:none;}
	.gallery-list ul li:nth-child(3n+1) {clear:left;}

	.news-list > ul > li {padding:25px 0;}
	.news-list .thumb {width:240px;}
	.news-list .cnt {padding-left:25px;}
	.news-list .tit {font-size:20px;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:14px;}

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

	.mailform table tbody th {width:120px; height:54px; padding:9px 15px;}
	.mailform table tbody td {padding:9px 15px 9px 0;}
	.mailform input#emailID,
	.mailform input#emailDomain,
	.mailform select#emailList {width:30% !important;}

	.agree-form .tt {font-size:16px;}
} 

/* 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;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#wrapper {padding-top:60px;}

	#header {height:60px;}

	.sitelogo {top:12px; left:15px;}
	.sitelogo img {height:36px}

	.language {right:60px;}

	.btn-m-menu {right:15px; width:28px; height:28px; margin-top:-14px;}
	.btn-m-menu span {top:3px;}
	.btn-m-menu span:before {left:10px; top:9px;}
	.btn-m-menu span:after {top:19px}

	.mobile-navigation {height:100%; overflow:auto; transition:.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
	.mobile-navigation .nav-menu {padding:80px 20px; height:100%;}
	.mobile-navigation .nav-menu:before {left:200px;}
	.mobile-navigation .nav-menu>ul>li {margin-bottom:38px;}
	.mobile-navigation .nav-menu>ul>li>a {max-width:180px; padding:0 0 0 23px; font-size:20px;}
	.mobile-navigation .nav-menu>ul>li>a:before {top:-3px; font-size:14px;}
	.mobile-navigation .nav-menu .submenu {left:180px; padding-left:30px;}
	.mobile-navigation .nav-menu .submenu:before {top:11px; margin-left:-20px;}
	.mobile-navigation .nav-menu .submenu ul {margin-left:0;}
	.mobile-navigation .nav-menu .submenu ul li {float:none; margin-left:0;}
	.mobile-navigation .nav-menu .submenu ul li a {font-size:16px;}
	.mobile-navigation .nav-menu .active .submenu:before {width:40px;}
	.mobile-navigation .close {top:15px; right:15px; width:28px; height:28px;}
	.mobile-navigation .close:before, .mobile-navigation .close:after {top:13px;}

	.menu-opened {overflow:hidden;}
	
	/* main */
	.main-home .item {padding-bottom:100%;}
	.main-home .slick-arrow {top:auto; margin-top:0; bottom:15px; width:38px; height:38px; background-size:8px auto;}
	.main-home .slick-prev {left:auto; right:58px;}
	.main-home .slick-next {right:15px;}
	.main-home .scroll {display:none;}
	.main-home .caption {padding:0 15px; text-align:center !important;}
	.main-home .caption h2 {font-size:30px;}
	.main-home .caption p {font-size:16px;}

	.m-head {margin-bottom:20px;}
	.m-head h2 {font-size:22px;}

	.main-about {padding:40px 5px;}
	.main-about .wrap {padding-left:0;}
	.main-about .cnt {position:static; width:auto; max-width:100%; margin-bottom:20px;}
	.main-about .cnt h2 {padding-left:0; padding-top:10px;}
	.main-about .cnt h2:before {top:0; width:30px;}
	.main-about .cnt .subtit {font-size:22px; margin-bottom:20px;}
	.main-about .img {margin:0 -20px; padding:15px 15px 0;}
	.main-about .more {position:static; text-align:center; margin-top:20px;}

	.main-business {padding:50px 0;}
	.main-business .cnt {padding:0 5px;}
	.main-business .cnt ul {margin:-15px -7px;}
	.main-business .cnt ul:after {content:""; display:block; clear:both;}
	.main-business .cnt ul li {width:50%; padding:15px 7px;}
	.main-business .cnt ul li:nth-child(2n+1) {clear:left;}
	.main-business .cnt ul li .thumb {margin-bottom:15px;}
	.main-business .cnt ul li h3 {font-size:18px;}
	.main-business .cnt ul li .bar {margin:12px auto; width:30px;}
	.main-business .cnt ul li p {font-size:14px;}

	.main-products {padding:50px 5px;}
	.main-products .cnt ul {margin:-10px 0;}
	.main-products .cnt ul li {float:none; width:auto; padding:10px 0;}
	.main-products .cnt ul li .in {top:25px; left:25px; right:25px; bottom:25px;}
	.main-products .cnt ul li h3 {font-size:22px; margin-top:0;}
	.main-products .cnt ul li p {font-size:14px;}

	.main-links {padding:30px 5px;}
	.main-links ul {display:block; border-top:1px solid #ddd; border-left:0;}
	.main-links ul li {display:block; border-bottom:1px solid #ddd; border-right:0;}
	.main-links ul li a {padding:25px 20px;}
	.main-links ul li img {width:50px;}
	.main-links ul li h3 {font-size:20px; margin-top:12px; margin-bottom:5px;}
	.main-links ul li p {font-size:15px;}

	.main-network {padding-top:0; padding-left:0;}
	.main-network .cnt {position:static; width:100%; text-align:left; background:#55207e;}
	.main-network .cnt .in {padding:40px 20px 0;}
	.main-network .cnt p {font-size:15px;}
	.main-network .map {padding:20px 5px 40px;}

	/* Γί°‘ */
	.doc-tit2 {font-size:18px; margin-top:30px;}
	
	.pro-wrap {display:block;}
	.pro-wrap.ty3 .img {text-align:left;}
	.pro-wrap .pw {font-size:15px; text-align:left;}
	.pro-wrap .pw1 {margin-left:0;}
	.pro-wrap .pw2 {margin-left:0;}
	.pro-wrap .pw3 {margin-left:0;}

	.pro-wrap li {width:100%; margin-bottom:15px; font-size:16px;}
	.pro-wrap li:last-child {margin-bottom:0;}

	.no-list .big {font-size:40px;}

	.no-list ul li {font-size:15px;}
	
	.pu-box {padding:30px 10px;}
	.pu-box p,
	.pu-box .doc-cnt p {font-size:15px;}

	.list1 {flex-wrap:wrap;}
	.list1 li {width:33.3333%;}

	.pro-wrap.ty4 li {display:block;}

	.pro-wrap.ty4 li .txt {font-size:16px; margin-left:0;}
	.pro-wrap.ty4 li p {font-size:16px; margin-top:20px;}

	.pro-cert2 {padding:30px 0; height:auto; display:block;}
	.pro-cert2 .img3 {text-align:center; margin-bottom:15px;}
	.pro-cert2 .img3 img {height:120px;}

	.no-list {margin-left:0;}
	
	.pro-cert3 {padding:30px 15px;}
	.pro-cert3 ul {flex-wrap:wrap;}
	.pro-cert3 ul li {width:50%;}
	.pro-cert3 ul li:nth-child(-n+2) {margin-bottom:20px;}
	
	/* footer */
	#footer {padding:25px 15px; text-align:center; font-size:13px;}
	.foot-logo {float:none; margin-top:0; margin-bottom:15px;}
	.foot-logo img {height:32px;}
	.foot-info {margin-left:0; margin-right:0;}
	.foot-info span {margin:0 8px;}

	.scroll-top {width:38px; height:38px; bottom:10px; right:10px;}
	.scroll-top.active {opacity:.8;}

	/* sub */
	.sub-visual {height:180px;}
	.sub-visual h2 {font-size:30px;}
	.sub-visual.has-lnb {padding-bottom:40px;}

	.lnb-wrap {line-height:40px; margin-top:-40px; font-size:15px; white-space:nowrap;}
	.lnb ul {table-layout:inherit; background:none;}
	.lnb ul li a {padding:0 15px}

	#contArea {padding-left:15px; padding-right:15px;}

	.real-cont {padding-top:30px; padding-bottom:50px; min-height:200px;}
	
	/* content */
	.sub-tab {margin:0 -15px 25px;}
	.sub-tab ul {display:flex; width:100%; padding:0 15px;}
	.sub-tab ul li {float:left; display:block; margin:0 23px 0 0; white-space:nowrap;}
	.sub-tab ul li a {padding:0; font-size:15px; line-height:36px;}
	.sub-tab ul li.active a {padding:0 17px;}

	.doc-tit {font-size:24px; margin-bottom:20px;}

	.about .tit {font-size:19px;}
	.about .tit br {display:none;}
	.about .bar {width:2px; height:30px; margin:20px auto;}

	.philosophy {display:block; width:auto; height:auto; margin:0 -15px; font-size:17px;}
	.philosophy .in {padding:55px 20px;}
	.philosophy .tit {font-size:24px;}

	.media-card .group .img {float:none !important; width:auto;}
	.media-card .group .cnt {float:none !important; width:auto; padding:15px 0 0 !important;}
	.media-card .group .cnt:before {display:none;}
	.media-card .group .cnt .doc-tit {font-size:20px;}

	.organization {font-size:15px;}
	.organization p {margin-bottom:25px;}

	.location-info {font-size:15px; margin-bottom:35px;}
	.location-info .tit {font-size:22px;}

	#map {height:270px !important;}

	.html-business #footer {position:static; background:#2f2f2f;}

	.business {font-size:15px;}
	.business .item {min-height:400px; height:calc(100vh - 60px);}
	.business .nav {top:30px; left:20px; width:110px;}
	.business .nav ul li {font-size:16px; margin-bottom:16px;}
	.business .caption {bottom:10%; left:5%; padding:0 20px;}
	.business .caption .title {font-size:33px;}
	.business .caption .subtitle {font-size:19px; margin-bottom:30px;}

	.pro-tit {font-size:26px;}
	.pro-tit br {display:none;}
	.pro-sub-tit {font-size:19px;}

	.product-heading {margin:0 -15px; padding:30px 20px;}
	.product-heading .pro-tit {float:none; margin-bottom:10px;}
	.product-heading .pro-sub-tit {float:none; text-align:left;}

	.product-box {padding:0; margin:0 -15px;}

	.product-wrap {margin:0 -15px;}
	.product-wrap .cnt {padding:30px 20px;}
	.product-wrap .txt {font-size:15px;}

	.product-wrap2 {display:block; width:auto; font-size:15px; margin:5px -15px 45px;}
	.product-wrap2 .cnt {padding:30px 20px;}
	.product-wrap2 h3 {font-size:19px; margin-bottom:8px;}

	.functions {margin:40px -15px 0; font-size:15px;}
	.functions .col {padding:25px 20px;}
	.functions .col img {height:50px;}
	.functions .col.img {padding:0 20px 25px 20px;}
	.functions h3 {margin:15px 0 8px;}
	.functions h3.tit {margin:40px 0 0 20px;}

	.pro-cert {display:block; width:auto; margin:40px -15px 0; padding:25px 20px;}
	.pro-cert .img {display:block; width:auto; margin-bottom:10px;}
	.pro-cert .img img {width:50px;}
	.pro-cert .cnt {display:block; font-size:15px;}
	.pro-cert .img2 {display:block; width:auto; margin-top:20px; padding-left:0; text-align:center;}
	.pro-cert .img2 img {height:27px;}
	.pro-cert .cnt {display:block; font-size:15px;}
	.pro-cert .tt:before {top:9px;}
	.pro-cert .txt {font-size:14px;}
	.pro-cert .tt2 {font-size:19px;}
	.pro-cert .img3 {display:block; margin-top:20px; width:auto; text-align:center;}
	.pro-cert .img3 img {width:160px;}
	.pro-cert .tt2 {font-size:19px}
	.pro-cert .row {padding-right:0;}

	.pro-cnt {font-size:15px; padding:0 5px; position:relative;}
	.pro-cnt h3 {margin-right:90px; font-size:19px; min-height:65px;}
	.pro-cnt .cnt {display:block;}
	.pro-cnt .img {position:absolute; top:-15px; right:0; display:block; width:78px;}

	.pro-cnt2 {display:block; width:auto; margin:0 -15px; padding:20px 20px 0; font-size:15px;}
	.pro-cnt2 h3 {font-size:19px;}
	.pro-cnt2 .cnt {padding:0; margin-bottom:20px;}
	.pro-cnt2 .img {padding:0;}

	.pro-cnt3 {display:block; width:auto; padding:30px 20px; font-size:15px;}
	.pro-cnt3 h3 {font-size:19px;}
	.pro-cnt3 table {font-size:14px;}
	.pro-cnt3 .img {display:block; width:auto; margin-bottom:20px; text-align:center;}
	.pro-cnt3 .img img {width:100%;}
	.pro-cnt3 .cnt {display:block; width:auto; padding-left:0;}
	.pro-cnt3.mg {margin-bottom:20px;}

	.pro-characteristics h3 {font-size:19px; margin-bottom:20px;}
	.pro-characteristics .cnt ul {margin:-18px 0;}
	.pro-characteristics .cnt ul li {float:none; width:100%; padding:18px 0;}
	.pro-characteristics .cnt ul li .circle {padding-bottom:auto; padding:15px 20px; border:2px solid #662c91; border-radius:20px;}
	.pro-characteristics .cnt ul li .circle .in {position:static;}
	.pro-characteristics .cnt ul li .circle .cell {padding:0;}
	.pro-characteristics .cnt ul li .circle:before {display:none;}
	.pro-characteristics .cnt ul li .circle:after {left:50% !important; right:auto !important; top:auto !important; bottom:-30px !important; margin:0 0 0 -15px !important; width:30px !important; height:30px !important; background-size:contain !important; background-position:50% 0 !important; background-image:url("../images/sub/pro_arr_2.png") !important;}

	.pro-comparison h3 {font-size:19px;}
	.pro-comparison table {width:640px; font-size:14px; margin-bottom:16px;}
	.pro-comparison p {font-size:14px;}
	.pro-comparison table th, .pro-comparison table td {height:38px; padding:6px 4px;}

	.contact {font-size:15px;}
	.contact .inner {padding-left:20px; padding-right:20px;}
	.contact h2 {font-size:22px; margin-bottom:7px;}

	.table-reponsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

	.red-ginseng {display:block; width:auto; margin:40px -15px 0; padding:25px 25px;}
	.red-ginseng .img {display:block; width:auto; margin-bottom:20px;}
	.red-ginseng .cnt {display:block; padding-left:0;}

	
	/* board  */
	.input {height:35px; padding:5px 10px; font-size:14px; line-height:20px;}
	.select {height:35px; padding:5px 10px; font-size:14px; line-height:20px;}
	.textarea {padding:5px 10px; font-size:14px; line-height:20px;}

	.board-search .search {float:none;}
	.board-search .search:after {content:""; display:block; clear:both;}
	.board-search .select {float:left; width:90px; height:38px; padding:5px;}
	.board-search .input {float:left; width:calc(100% - 93px); height:38px; padding:5px 40px 5px 8px; margin-left:3px;}

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

	.gallery-list {margin:0 -15px; padding:15px 15px 0;}
	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:25px;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .thumb {margin-bottom:8px;}

	.news-list {margin:0 -15px;}
	.news-list > ul > li {padding:20px 15px; font-size:14px;}
	.news-list .thumb {display:block; width:100%;}
	.news-list .cnt {display:block; padding-left:0; padding-top:15px;}
	.news-list .tit {font-size:19px;}

	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:18px; padding:12px 15px;}
	.board-view .head .info {font-size:12px; padding:10px 15px; line-height:1.3em;}
	.board-view .head .files {padding:10px 15px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}
	.board-view .body iframe {width:100% !important;}

	.board-write {margin:0 -15px 20px;}
	.board-write .group {padding:12px 15px; line-height:1.5em;}
	.board-write .title {display:block; position:static; width:auto; line-height:1.5em; margin-bottom:7px;}
	.board-write .group.content {padding:0; border-top:0;}
	.board-write .group.content + .group {border-top:0;}
	.board-write .files_table .input {width:calc(100% - 120px) !important;}
	.board-write .textarea {display:block; width:100% !important;}
	.board-write input[type=radio]+label {margin-right:6px;}
	.board-write input[type=radio]+label:last-child {margin-right:0;}
	.board-write input#title {width:100% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:35px; font-size:14px; line-height:33px; padding:0 10px;} 
	.btn-pack.large {height:38px; line-height:36px; padding:0 18px; font-size:15px;}
	.btn-pack.xlarge {height:45px; line-height:43px; font-size:17px; padding:0 30px;}

	.prev_next {margin:0 -15px; font-size:14px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:85px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 0 35px; background-size:45px; border:0;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}

	.contact-form .head h2 {font-size:24px;}
	.contact-form .head p {font-size:15px;}

	.agree-form .tt {padding:12px 4px; font-size:14px;}
	.agree-form .tt .icon {width:17px; height:17px; right:10px;}
	.agree-form .scroll-box {padding:7px; font-size:12px; line-height:1.5em;}
	.inquiry-form .group {border-bottom:0;}
	.inquiry-form .group .col {display:block; padding:15px 4px !important; border-bottom: 1px solid #c6c6c6;}
	.inquiry-form .input {height:36px; padding:4px 10px;}
	.inquiry-form .item {margin-right:20px; padding:3px 0;}
	.inquiry-form .item:last-child {margin-right:0;}
	.inquiry-form dl dt {display:block; width:auto; padding:0; margin-bottom:7px;}
	.inquiry-form dl dd {display:block; width:auto; padding:0;}
	.inquiry-form .check {font-size:14px; margin-bottom:25px;}
	
} 

/* Landscape phones and down */
@media (max-width: 320px) {
	.mobile-navigation .nav-menu {padding:70px 15px;}
	.mobile-navigation .nav-menu:before {left:170px;}
	.mobile-navigation .nav-menu>ul>li {margin-bottom:32px;}
	.mobile-navigation .nav-menu>ul>li>a {max-width:150px; padding:0 0 0 20px; font-size:19px;}
	.mobile-navigation .nav-menu>ul>li>a:before {top:-1px; font-size:12px;}
	.mobile-navigation .nav-menu .submenu {left:155px; padding-left:30px;}
	.mobile-navigation .nav-menu .submenu:before {top:11px; margin-left:-18px;}
	.mobile-navigation .nav-menu .submenu ul li {margin-bottom:12px;}
	.mobile-navigation .nav-menu .submenu ul li a {font-size:14px;}
	.mobile-navigation .nav-menu .active .submenu:before {width:36px;}

	.main-home .caption h2 {font-size:24px;}
}