@charset "utf-8";

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

@media (max-width: 1700px){

	#header .contain {max-width:100%;}
	#gnb {margin-right:210px;}
	#gnb > ul > li {padding:0 40px;}
	.sitelogo {left:30px;}

}


@media (max-width: 1500px){
}

@media (max-width: 1300px){
	
	#gnb {margin-right:150px;}
	#gnb > ul > li {padding:0 30px;}
	#gnb > ul > li > a {font-size:17px;}
	.global {right:100px;}
	.btn-m-menu {right:30px;}
	.sitelogo {top:36px;}
	.sitelogo a img {height:30px;}
	
	/* sub */
	.partner ul li {height:auto;}
	
}

/* landscape tablet and desktop */
@media (max-width: 1200px){

	@-moz-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
	@-webkit-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
	@-o-keyframes bounce{from{bottom:20px;}to{bottom:30px;}}
	@keyframes bounce{from{bottom:20px;}to{bottom:30px;}}

	body, input, textarea, select, button, table {font-size:14px;}

	#contentArea {width:100%;}

	#gnb > ul > li {padding:0 20px;}
	
	/* main */
	#section2 .head {float:none; text-align:center; margin-bottom:30px;}
	#section2 .body {margin-left:0; margin-bottom:50px;}

	/* sub */


}

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
	#header {height:70px;}
	#gnb {display:none;}
	.sitelogo {position:static; display:block; padding:20px 15px;}
	.sitelogo a {display:inline-block;}
	.global {top:18px;}

	/* main */
	.fp-tableCell {padding:50px 0;}
	
	#section0 p {font-size:40px; line-height:50px;}
	#section0 h3 {font-size:50px; line-height:60px;}

	#section1 .body ul {margin:0 -5px;}
	#section1 .body ul li {padding:0 5px;}
	#section1 .body ul li .cnt h3 {font-size:18px; padding:20px 0;}

	#section2 {background:#fff;}

	/* footer */
	#footer .foot-row .footer-head {float:none; margin-bottom:20px;}
	#footer .foot-row .footer-body {margin-left:0;}
	#footer .foot-row .footer-body ul {text-align:left;}

	/* sub */
	.lnb ul {table-layout:unset;}	
	.lnb ul li a {white-space:nowrap; padding:0 12px;}

	.greetings .history ul li {width:50%;}

	.local .cert {padding:35px 35px 25px 35px;}

	.wrap_map {height:280px !important;}

	.drug .row .con {padding-left:0;}

	.therapy .con {padding-left:0;}

	.invest .box {padding:35px 40px;}
	
	.history ul li {height:auto;}
	.history ul li .name {display:block; margin-bottom:20px; width:100%;}
	.history ul li dl {display:block; padding-left:0;}

	.local ul li {height:auto;}
	.local ul li .name {display:block; margin-bottom:20px; width:100%;}
	.local ul li dl {display:block; padding-left:0;}

	/* board */
	.board-search .total-page {font-size:14px;}
	.board-search .select {width:90px;}
	.board-search .input {width:140px;}

	.board-list table thead th {height:40px; font-size:14px;}
	.board-list table tbody td {padding:9px 0; font-size:14px;}
	.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%;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:13px; padding-top:10px; padding-bottom:10px;}

	.board-write .group {font-size:15px;line-height:32px;}
	.board-write .title {font-size:15px;}


	.paginate {margin:15px 0;}
} 

@media (max-width: 900px) {

	.intro ul li .box {padding:15px;}

	.local .map h3 {font-size:32px; padding:20px 0;}
	.local .map .txt dl {padding:12px 0; font-size:16px;}


} 

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

} 

/* Landscape phone */
@media (max-width: 767px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	body.sub #container.path-fixed {padding-top:0;}

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

	/* header */
	#header {height:65px;}
	.sitelogo {padding:20px 15px; line-height:0;}
	.sitelogo a img {height:25px;}
	.btn-m-menu {right:15px; width:35px; height:35px;}
	.global {right:65px; top:23px;}
	.global li a {width:23px; height:23px;}

	.mobile-navigation {width:100%; padding:0 15px;}
	.mobile-navigation .nav-menu {padding-top:65px;}
	.mobile-navigation .nav-menu>ul>li {padding:10px 0;}
	.mobile-navigation .nav-menu>ul>li>a {font-size:16px; background:url('../images/common/menu_arrow_off.png') 96% 50% no-repeat;}
	.mobile-navigation .nav-menu>ul>li.active>a {background:url('../images/common/menu_arrow_on.png') 96% 50% no-repeat;}
	.mobile-navigation .nav-menu .submenu > ul > li {font-size:15px; margin-bottom:5px;}
	.mobile-navigation .btn-m-close {top:19px; right:15px;}

	/* main */
	.scroll {width:20px; height:42px; margin-left:-10px;}
		
	#section0 .in {margin-top:50px;}
	#section0 .fp-tableCell {padding:0;}
	#section0 .only-mobile {line-height:0;}
	#section0 iframe {height:100vh;}
	#section0 .txt {height:160px; margin-top:0;}
	#section0 p {font-size:17px; line-height:30px;}
	#section0 h3 {font-size:23px; line-height:45px; margin-top:0;}
	.main-visual2 p {margin-bottom:0;}
	.main-visual2 .txt:before {content:" "; width:106px; height:28px; border:3px solid rgba(255,255,255,0.5); border-bottom:0;}
	.main-visual2 .txt:after {content:" "; width:106px; height:28px; border:3px solid rgba(255,255,255,0.5); border-top:0;}

	#section1 {padding-bottom:50px;}
	#section1 .head {margin-bottom:25px;}
	#section1 .head h2 {font-size:30px; line-height:1em; margin-bottom:13px;}
	#section1 .head h2 img {height:24px; margin-top:-4px;}
	#section1 .head p {font-size:15px;}
	#section1 .body ul {margin:0;}
	#section1 .body ul li {float:none; width:100%; padding:0; margin-bottom:10px;}
	#section1 .body ul li:last-child {margin-bottom:0;}
	#section1 .body ul li a img {width:100%;}
	#section1 .body ul li .cnt {height:auto;}
	#section1 .body ul li .cnt h3 {font-size:15px; padding:12px 0; top:-20px;}
	#section1 .body ul li .cnt p.txt {font-size:15px; padding:40px 0 50px;}
	#section1 .body ul li .cnt p.more {padding:6px 0 10px 0; font-size:14px;}
	#section1 .body ul li .cnt p.txt strong {position:relative;}
	
	#section2 .row {margin-top:0;}
	#section2 .fp-tableCell {padding-bottom:0;}
	#section2 .head {margin-bottom:25px;}
	#section2 .head h2 {font-size:30px; margin-bottom:10px;}
	#section2 .head p {font-size:15px;}
	#section2 .body ul li {float:none; width:100%; padding:0; margin-bottom:10px;}
	#section2 .body ul li:last-child {margin-bottom:0;}
	#section2 .body ul li a {padding:15px 15px; height:110px;}
	#section2 .body ul li a .icon-width {width:50px;}
	#section2 .body ul li a .icon {width:50px; height:50px;}
	#section2 .body ul li a .cnt {padding-left:15px;}
	#section2 .body ul li a .cnt h3 {font-size:18px; margin-bottom:5px;}
	#section2 .body ul li a .cnt p {font-size:15px;}
	#main #footer {position:static;}

	.tit-txt {width:100%; font-size:28px; right:auto; left:50%; transform:translateX(-50%); text-align: center; -webkit-text-stroke:1px rgba(255,255,255,.5);/*  bottom:auto; top:50%;   */}
	.tit-txt .t2 {padding-left:0;}

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

	.sub-visual {height:150px;}
	.sub-visual h2 {font-size:22px;}

	.lnb {font-size:15px; line-height:35px;}

	.sub-title {margin-top:25px; margin-bottom:20px; padding-bottom:12px;}
	.sub-title h2 {font-size:25px;}

	.greetings .cnt h3 {font-size:18px; margin-bottom:15px;}
	.greetings .cnt p {font-size:15px; line-height:1.4em; margin-bottom:15px;}
	
	.history .tit {padding-top:30px; margin-bottom:15px; font-size:20px;}
	.history ul li {padding:20px 15px;}
	.history ul li .name {padding:12px 0; margin-bottom:12px;}
	.history ul li .name h3 {font-size:18px;}
	.history ul li .name h3 span {font-size:14px;}
	.history ul li .name span {font-size:14px;}
	.history ul li dl dd {font-size:15px; margin-bottom:3px;}
	.history ul li dl dd:after {top:6px;}

	.local ul li {padding:20px 15px;}
	.local ul li .name {padding:12px 0; margin-bottom:12px;}
	.local ul li .name h3 {font-size:18px;}
	.local ul li dl dd {font-size:15px; margin-bottom:3px;}
	.local ul li dl dd:after {top:6px;}


	.intro h3 {font-size:18px; margin-bottom:20px;}
	.intro p.point {font-size:16px;}
	.intro p.point span {font-size:17px;}
	.intro p.txt {font-size:15px;}
	.intro ul {margin:0; margin-top:15px;}
	.intro ul li {width:100%; padding:0; margin-bottom:5px;}
	.intro ul li .box {height:105px;}
	.intro ul li .box .num {font-size:20px;}
	.intro ul li .box dl {margin-left:25px;}
	.intro ul li .box dl dt {font-size:17px; margin-bottom:6px;}
	.intro ul li .box dl dd {font-size:15px;}
	.intro p.txt.mb60 {margin-bottom:30px;}

	.partner ul li {padding:20px 15px;}
	.partner ul li .name {display:block; width:100%; padding:20px 0; margin-bottom:12px;}
	.partner ul li .name h3 {font-size:20px;}
	.partner ul li dl {padding-left:0;}
	.partner ul li dl dd {font-size:15px;}
	.partner ul li dl dd:after {top:7px;}
	
	.local .map {margin-bottom:40px;}
	.local .map h3 {font-size:20px; padding:12px 0;}
	.local .map .txt dl dd {float:none; font-size:15px;}

	.local .cert {padding:15px; margin:0 -15px;}
	.local .cert .row {margin:0;}
	.local .cert .row .cert-con {float:none; width:100%; padding:0; text-align:center; margin-bottom:15px;}
	.local .cert .row .tab {float:none; width:100%; padding:0;}
	.local .cert .row .tab ul {margin:0 -5px;}
	.local .cert .row .tab ul li {padding:0 5px; margin-bottom:10px;}
	.local .cert .row .tab ul li a .cnt .cell h3 {font-size:18px;}
	
	.location .box {margin-bottom:35px;}
	.location .box .img ul li {float:none; width:100%;}
	.location .box .txt {padding:12px 0;}
	.location .box .txt h3 {float:none; font-size:20px; margin-bottom:6px;}
	.location .box .txt dl {float:none;}
	.location .box .txt dl dd {float:none; padding:0; font-size:15px; margin-bottom:5px;}
	.location .box .txt dl dd:last-child {padding:0;}
	.wrap_map {height:250px !important;}

	.table-wrap {width:100%; overflow-x:scroll; overflow-y:hidden;}
	.table01 {width:700px;}
	.table01 tr td {padding:12px 5px;}
	
	.s-tit {background:url('../images/sub/s_tit.png') 0 7px no-repeat; background-size:12px 12px; margin-bottom:12px;}
	.s-tit h3 {font-size:20px; padding-left:18px;}
	.s-tit.borderno h3 {padding-bottom:0;}

	.drug .row .tit {font-size:17px; margin-bottom:12px;}
	.drug .row .one .box {margin:0;}
	.drug .row .one .box .img {float:none; width:100%; padding:0; margin-bottom:12px;}
	.drug .row .one .box .cnt {float:none; width:100%; padding:0;}
	.drug .row .one .box .cnt h4 {font-size:16px; margin-bottom:18px; line-height:1.4em;}
	.drug .row .one .box .cnt dl dd {font-size:15px; line-height:1.4em; margin-bottom:15px;}
	.drug .row .item {margin-bottom:15px;}
	.drug .row .two .cnt h4 {font-size:16px; margin-bottom:18px;}
	.drug .row .two .cnt dl dd {font-size:15px; line-height:1.4em; margin-bottom:15px;}
	.drug .group {padding:20px 0 30px 0;}
	
	.s-tit2 {background:url('../images/sub/s_tit2.png') 0 5px no-repeat; background-size:12px 12px;}
	.s-tit2 h3 {font-size:17px; padding-left:18px;}

	.drug .group .txt img {float:none; padding-left:0; margin-bottom:12px;}
	.drug .group .txt p {font-size:15px; line-height:1.4em; margin-bottom:14px;}
	.drug .group .cnt {float:none; width:100%; padding-right:0;}
	.drug .group .img {float:none; width:100%; padding-left:0; margin-top:12px;}
	.drug .group .cnt dl dd {padding-left:20px; font-size:16px; background: url('../images/sub/s_tit2.png') 0 5px no-repeat; background-size:12px 12px; margin-bottom:10px;}
	.drug .group .cnt dl dd.mt {margin-top:20px;}
	
	.drug2 .row {margin-bottom:25px;}
	.drug2 .con {padding-left:0;}
	.drug2 img {margin-bottom:20px;}
	.drug2 .ps-box {padding:20px 15px;}
	.drug2 .ps-box ul li {line-height:1.4em;}
	.drug2 .cnt.mb90 {margin-bottom:45px;}
	.drug2 .cnt h3 {font-size:17px; margin-bottom:15px;}
	.drug2 .cnt p {font-size:15px; line-height:1.4em; margin-bottom:15px;}

	.table02 tr th {font-size:15px; padding:10px 3px;}
	.table02.center tr td {padding:10px 8px;}
	.table02 tr td {padding:10px 0 10px 8px; font-size:15px; line-height:1.4em;}
	.table02 tr td dl dd span {font-size:13px;}
	.table02.center tr td.txt {padding:10px 0 10px 8px;}

	.down-list ul li {padding:12px 12px;}
	.down-list ul li p {font-size:16px; padding:6px 0;}
	.down-list ul li a {width:135px; font-size:15px; padding:7px 0 7px 12px; background: url('../images/sub/down.png') 90% 50% no-repeat; background-size:12px 12px;}
	
	.therapy .head {padding:20px 15px; margin-bottom:25px;}
	.therapy .head .txt {padding-left:0;}
	.therapy .head .txt h3 {font-size:18px;}
	.therapy .head .txt p {font-size:15px; line-height:1.4em; margin-bottom:15px;}
	.therapy .box {margin:0;}
	.therapy .box .img {float:none; width:100%; padding:0; margin-bottom:12px;}
	.therapy .box .cnt {float:none; width:100%; padding:0;}
	.therapy .box .cnt ul li {margin-bottom:16px;}
	.therapy .box .cnt ul li h3 {font-size:16px; margin-bottom:7px;}
	.therapy .box dl dt {font-size:15px;}
	.therapy .box dl dd {font-size:15px; line-height:1.5em;}
	.therapy .box dl dd:before {top:10px;}
	.therapy .box p {font-size:15px; line-height:1.4em; margin-bottom:12px;}
	.therapy .wrap ul li {margin-bottom:15px;}
	.therapy .wrap ul li h3 {font-size:16px;}
	.therapy .wrap ul li p {font-size:15px; line-height:1.4em;}
	
	.pro ul li {margin-bottom:25px;}
	.pro ul li .icon {float:none; margin:0 auto 12px;}
	.pro ul li .cnt {margin-left:0; width:100%; height:auto; padding:12px 0;}
	.pro ul li .cnt dl dd {font-size:15px; line-height:1.4em;}
	.pro ul li .cnt p {font-size:15px; line-height:1.4em;}

	.cert-ing .head h3 {font-size:25px;}
	.cert-ing .head h3 span {font-size:30px;}
	
	.sub-tab {margin-bottom:30px;}
	.sub-tab li a {font-size:16px; padding:7px 0;}

	.invest .box {margin:0 -15px; padding:30px 15px;}
	.invest .box p {font-size:16px; line-height:1.4em; margin-bottom:14px;}
	.invest .box p.sign {font-size:17px;}
	
	.faq {margin:0 -15px;}
	.faq .tit {background:none;}
	.faq li.active .tit {background:none;}
	.faq .tit a {padding:12px 40px 12px 12px;}
	.faq .tit .icon {right:12px;}
	.faq .tit a {line-height:1.3em;}

	.invest-inquiry {display:block;}
	.invest-inquiry .col {width:100%;}
	.invest-inquiry .col-l {padding:30px 0;}
	.invest-inquiry .col-l p {font-size:15px; line-height:1.5em;}
	.invest-inquiry .tit {font-size:18px;  margin-bottom:10px;}
	.invest-inquiry .col-r {padding:25px 0px 30px;}
	.invest-inquiry .mailform {margin:0;}
	.invest-inquiry table tbody th {padding-bottom:0 !important; padding-left:5px !important; height:auto !important;}
	.invest-inquiry .buttons {margin:10px auto 0;}
	.invest-inquiry .buttons .cen {text-align:center;}
	.invest-inquiry .btn-pack {width:100px; height:40px; line-height:38px;}
	.main-visual2 {
		position: relative;
		height:90vh;
		line-height:0;
		z-index: 1;
		overflow:hidden;
	}
	#myVideo2 {
		width:100%;
		height:90vh;
		position:absolute;
		top:0;
		object-fit:cover;
		left:0;
	}
	.main-visual2 .bg { 
		top:0;
		left:0;
		display:table;
		table-layout:fixed;
		width:100%;
		height:90vh;
		background-color:#fff;
		background-position:50% 50%;
		background-repeat:no-repeat;
		z-index:1;
	}
	#section0 {height:90vh !important;}
	#section0 .fp-tableCell {height:90vh !important;}
	
	/* footer */
	#footer {padding:25px 0;}
	#footer .foot-row .footer-head {margin-bottom:0;}
	#footer .foot-row .footer-head h2 {font-size:16px; margin-bottom:5px;}
	#footer .foot-row .footer-head p {font-size:13px; margin-bottom:5px;}
	#footer .foot-row .footer-head p br {display:none;}
	#footer .foot-row .footer-body {display:none;}

	#footer .m-scroll-top img {height:30px;}
	#footer .foot-row .footer-head p.copy a {display:block; margin-left:0;}


	.input {height:35px; padding:4px; font-size:14px; line-height:20px;}
	.select {height:35px; padding:4px; font-size:14px; line-height:20px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:left;}
	.board-search .select {width:80px;}
	.board-search .input {width:120px;}
	.board-search .btn-pack {padding:0 18px; font-size:13px; line-height:28px;}
	.board-search .search .btn-pack {height:30px; line-height:28px;}

	.board-list {display:none;}
	.board-list-m {display:block;}
	
	.gallery-list {padding-top:10px;}
	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:14px;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li dl {padding:10px;}
	.gallery-list ul li dt {height:36px; font-size:14px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {min-width:80px;}
	.board-search .search .input {width:calc(100% - 150px);}
	.board-search .search .btn {height:35px !important; line-height:32px;}
	
	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 15px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {margin:5px 0; word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:30px; font-size:13px; line-height:28px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:120px; height:40px; font-size:14px; line-height:36px;}

	.prev_next {margin:0 -15px; padding:0; font-size:13px;}
	.prev_next dt {width:63px; padding:0 0 0 15px; margin-right:0;}
	.prev_next dd {margin-left:80px; 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;}

	.mailform {margin:0 -15px;}
	.mailform table tbody th {height:40px; padding:5px 5px 5px 15px; font-size:13px;}
	.mailform table tbody td {padding:5px 15px 5px 5px; font-size:13px;}
	.form-agree {margin:20px 0 30px;}
	.form-agree .btn {display:none;}
	.form-agree dt {font-size:14px;}
	.form-agree dd {padding:4px 0 0 0; font-size:12px; line-height:16px;}
	.form-agree .scroll_box {height:60px; padding:5px; font-size:11px; line-height:14px;}
	#kcaptcha_image {width:90px !important; height:auto !important;}
	
} 

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