@charset "utf-8";

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

@media (max-width: 1630px) {

	.quick {right:5px;}

}

@media (max-width: 1330px) {

	
	
	
}
	
/* Landscape tablet to portrait tablet */
@media (max-width: 1230px) {
	/* 공통 */
	.only-desktop {display:block;}
	.only-tablet {display:none;}
	.only-mobile {display:none;}
	.only-desktop-tablet {display:block;}


	/* header */
	#gnb > ul > li {padding-left:60px;}
	#gnb > ul > li > a {font-size:18px;}


	/* main */
	.main-visual .item {height:600px;}
	.main-visual .cnt h2 {font-size:40px; margin-bottom:20px;}
	.main-visual .cnt h2 img {height:60px}
	.main-visual .cnt h3 {font-size:25px; margin-bottom:25px;}
	.main-visual .cnt p {font-size:22px; margin-bottom:30px;}
	.main-visual .cnt p span {font-size:22px;}

	/* sub */
	.real-cont {padding-bottom:80px;}

	/* contents */

	.doc-cnt {padding-top:55px;}
	.doc-cnt.b-line {padding-bottom:55px;}

	.package-cnt .title {flex:1 1 250px; max-width:250px;}
	.package-cnt .title .slogon {font-size:15px;}
	.package-cnt .title h3 {font-size:26px;}
	.package-cnt .info .group .col {padding-top:15px;}
	.package-cnt .info .group .col:after {left:-20px;margin-top:-20px; width:40px; height:40px;}
	.package-cnt .info .group .icon {margin-bottom:30px;}
	.package-cnt .info .group .text {font-size:18px;}
	.package-cnt.type2 {padding:55px 0;}
	.package-cnt.type2 .type-group {margin-left:-20px;}
	.package-cnt.type2 .type-group .type-col {width:calc(33.33333% - 20px); margin-left:20px;}
	.package-cnt.type2 .type-group .type-col .tt {font-size:16px}
	.package-cnt.type2 .type-group.type1 .type-col {width:calc(25% - 20px)}

	.solution-cnt {margin-left:-20px;}
	.solution-cnt .item {width:calc(33.33333% - 20px); margin-left:20px;}

	
	/* footer */
	.foot-inquiry {padding:20px 0;}
	.foot-inquiry .row {justify-content:flex-start; flex-wrap:wrap;}
	.foot-inquiry .tit {width:100%; font-size:20px; padding-left:40px; padding-right:0; margin-bottom:15px;}
	.foot-inquiry .tit:before {width:30px; height:30px; background-size:contain}
	.foot-inquiry .input-group {margin-left:-10px;}
	.foot-inquiry .input-group .in-col {width:calc(33.333333% - 10px); margin-left:10px;}
	.foot-inquiry .input {width:200px; height:50px; padding-left:15px; font-size:16px; line-height:50px;}
	.foot-inquiry .check {padding-left:15px;}
	.foot-inquiry .btn {padding-left:15px;}
	.foot-inquiry .btn .submit {padding:0 22px; font-size:16px; line-height:50px;}
	
	.quick {top:235px;}
	.quick .box {width:auto; padding:20px 15px;border-radius:15px;}
	.quick .box dl dt {font-size:17px;}
	.quick .box dl dd {font-size:22px;}
	.quick .box dl dd:before {content:""; display:inline-block;vertical-align:middle; top:-.10em; position:relative; width:26px; height:26px; border-radius:50%; background:#fff url('../images/common/icon_tel.png') 50% 50%  no-repeat; margin-right:5px;}
	.quick-fixed .quick {top:210px;}

	.scroll-top {width:30px; height:30px; margin:10px auto 0; font-size:12px; line-height:30px;}



	
}

@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.only-desktop-tablet {display:block;}

	

	/* header */
	#header {height:80px;}
	#header .sitelogo {top:22px;}

	#gnb {display:none;}

	.btn-m-menu {display:block;}

	/* main */
	.main-visual .item {height:500px;}
	.main-visual .cnt h2 {font-size:30px; margin-bottom:15px;}
	.main-visual .cnt h2 img {height:50px}
	.main-visual .cnt h3 {font-size:22px; margin-bottom:20px;}
	.main-visual .cnt p {font-size:18px; margin-bottom:25px;}
	.main-visual .cnt p span {font-size:20px;}
	.main-visual .cnt a {padding:10px 0; width:160px; font-size:17px;}
	.main-visual .slick-dots {bottom:25px;}

	.main-consulting {padding:30px 0;}
	.main-consulting .items .item .tit-zone .tit h2 {font-size:20px;}
	.main-consulting .items .item .tit-zone .tit p {margin-bottom:15px;}
	.main-consulting .items .item .tit-zone .tit h3 {font-size:30px; margin-bottom:20px;}
	.main-consulting .items .item .tit-zone .txt dl {margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .txt dl dd {padding-left:28px; margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .txt dl dd:before {width:20px; height:20px; background-size:contain}
	.main-consulting .items .item .box .tit h2 {font-size:15px; line-height:60px; padding-left:15px;}
	.main-consulting .items .item .box .tit .more {right:15px; width:30px; height:30px;}

	.main-link {padding:40px 0;}
	.main-link ul {margin-left:-10px;}
	.main-link ul li {width:calc(33.333333% - 10px);margin-left:10px}
	.main-link ul li .img p {font-size:17px; right:15px;}
	.main-link ul li .img.top p {top:20px;}
	.main-link ul li .img.bottom p {bottom:20px;}
	.main-link ul li .img.bottom.ver2 p {bottom:25px;}
	.main-link ul li .img p a {font-size:18px;}



	/* footer */
	.foot-inquiry .row {justify-content:flex-start; flex-wrap:wrap;}
	.foot-inquiry .tit {width:100%; font-size:18px; padding-left:40px; padding-right:0; margin-bottom:15px;}
	.foot-inquiry .tit:before {width:30px; height:30px; background-size:contain}
	.foot-inquiry .group {width:100%; margin-bottom:10px;}
	.foot-inquiry .input-group {margin-left:-10px;}
	.foot-inquiry .input-group .in-col {width:calc(33.333333% - 10px); margin-left:10px;}
	.foot-inquiry .input {width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px;}
	.foot-inquiry .check {padding-left:0; }
	.foot-inquiry .btn {padding-left:15px;}

	#footer {padding:25px 0; text-align:center}
	#footer .row {flex-wrap:wrap;}
	#footer .row .foot-logo {width:100%; margin-bottom:10px;}
	#footer .row .foot-info {width:100%; padding-left:0; padding-right:0;}
	#footer .row .foot-info ul {margin-bottom:10px;}
	#footer .row .foot-info ul li {padding:0 10px;}
	#footer .row .foot-info ul li:after {height:12px; top:50%; margin-top:-6px;}
	#footer .row .foot-info address {margin-bottom:10px;}
	#footer .row .foot-info address span {margin-right:15px;}
	#footer .foot-img {width:100%; margin-top:10px;}

	
	/* sub */
	.real-cont {padding-bottom:50px;}
	.quick  {display:none;}

	 #lnb.lnb-fixed {top:80px;}

	.lnb ul li {font-size:16px; line-height:50px;}
		

	/* contents */
	.doc-cnt {padding-top:45px;}
	.doc-cnt.b-line {padding-bottom:45px;}

	.package-cnt .title {flex:1 1 200px; max-width:200px;}
	.package-cnt .title .slogon {font-size:15px;}
	.package-cnt .title h3 {font-size:22px;}
	.package-cnt .info .group .col {padding-top:10px;}
	.package-cnt .info .group .col:after {left:-15px;margin-top:-15px; width:30px; height:30px;}
	.package-cnt .info .group .icon {margin-bottom:20px;}
	.package-cnt .info .group .icon img {height:80px;}
	.package-cnt .info .group .text {font-size:16px;}
	.package-cnt.type2 {padding:45px 0;}
	.package-cnt.type2 .type-group {margin-left:-15px;}
	.package-cnt.type2 .type-group .type-col {width:calc(33.33333% - 15px); margin-left:15px;}
	.package-cnt.type2 .type-group .type-col .tt {font-size:16px}
	.package-cnt.type2 .type-group.type1 .type-col {width:calc(25% - 15px)}

		
	.table-text .tit {font-size:20px;}
	.table-text .cnt {font-size:15px;}

	.table01 table thead th {padding:10px 10px; font-size:16px;}
	.table01 table tbody td {padding:10px 10px; font-size:15px;}
	.table01 .t-tit {font-size:18px; margin-top:20px;}

	.solution-cnt {margin-left:-10px;}
	.solution-cnt .item {width:calc(33.33333% - 10px); margin-left:10px;}
	.solution-cnt .photo .tt {font-size:17px;}
	.solution-cnt .box {padding:20px 15px;}
	.solution-cnt .box dl {margin-bottom:15px;}
	.solution-cnt .box dl dt {font-size:14px; line-height:25px; width:auto;}

	.customer-box {padding:70px 30px;}
	.customer-box .head {font-size:25px; margin-bottom:40px;}
	.customer-box .head strong {font-size:30px;}
	.customer-box .row {margin-left:-20px;}
	.customer-box .row .col {width:calc(33.3333% - 20px); margin-left:20px; padding:30px 15px; border-radius:10px;}
	.customer-box .row .tit {font-size:25px; margin-bottom:12px;}
	.customer-box .row .cnt {font-size:20px; margin-bottom:15px;}
	.customer-tel {padding:15px 20px; font-size:20px;}
	.customer-tel strong {font-size:25px;}

	/* board */
	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {width:33.33333%; padding:0 10px; margin-bottom:30px;}


		
	
}

@media (max-width: 900px) {
	
	/* main */
	.main-consulting {padding:30px 0;}
	.main-consulting .items {flex-wrap:wrap;}
	.main-consulting .items .item {width:33.33333%}
	.main-consulting .items .item:nth-child(1) {width:100%; padding:15px;}
	.main-consulting .items .item .tit-zone .tit h2 {font-size:20px;}
	.main-consulting .items .item .tit-zone .tit p {margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .tit h3 {font-size:25px; margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .txt dl {margin-bottom:5px;}
	.main-consulting .items .item .tit-zone .txt dl dd {margin-left:20px;}


	.sub-visual {padding:60px 0;}
	.sub-visual .title {font-size:40px;}
	.sub-visual p {font-size:18px;margin-bottom:15px;}
	.sub-visual .count-row .tit {font-size:18px;padding:0 10px;}
	.sub-visual .counter .digit {width:80px;height:80px; font-size:70px; line-height:80px;}
	.sub-visual .counter .separator {font-size:70px;}
	.counter-holder span {line-height: 80px;}
	.sub-visual .count-row .box {width:80px;height:80px; font-size:60px; line-height:80px;}
	.sub-visual .count-row .point {font-size:60px; bottom:-20px; margin:0 7px;}
	.sub-visual .row {flex-wrap:wrap; margin-left:-40px; margin-top:50px;}
	.sub-visual .row .col {margin-left:40px;}

	
	

}

/* Landscape phone */
@media (max-width: 640px) {
	

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.only-desktop-tablet {display:none;}



	/* header  */
	#header {height:60px;}
	#header .sitelogo {top:12px;}
	/*#header .sitelogo img {height:35px;}*/
	#header .sitelogo img {height:60px;}

	.btn-m-menu {top:10px;}
	
	/* main */
	.main-visual .item {height:50vh;}
	.main-visual .cnt {padding:0;}
	.main-visual .cnt h2 {font-size:25px; margin-bottom:10px;}
	.main-visual .cnt h2 img {height:40px}
	.main-visual .cnt h3 {font-size:18px; margin-bottom:10px;}
	.main-visual .cnt p {font-size:15px; margin-bottom:15px;}
	.main-visual .cnt p span {font-size:16px;}
	.main-visual .cnt a {padding:10px 0; width:140px; font-size:15px;}
	.main-visual .slick-dots {bottom:20px;}

	.main-consulting {padding:25px 0;}
	.main-consulting .items .item {width:100%}
	.main-consulting .items .item:nth-child(1) {padding:15px;}
	.main-consulting .items .item .tit-zone .tit h2 {font-size:18px;}
	.main-consulting .items .item .tit-zone .tit p {margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .tit h3 {font-size:22px; margin-bottom:10px;}
	.main-consulting .items .item .tit-zone .txt dl {margin-bottom:5px;}
	.main-consulting .items .item .tit-zone .txt dl dd {padding-left:28px; margin-bottom:10px; margin-left:0;}
	.main-consulting .items .item .tit-zone .txt dl dd:before {width:20px; height:20px;}
	.main-consulting .items .item .box .tit h2 {font-size:15px; line-height:60px; padding-left:15px;}
	.main-consulting .items .item .box .tit .more {right:15px; width:26px; height:26px;}

	.main-link {padding:30px 0;}
	.main-link ul {margin-left:0;}
	.main-link ul li {width:100%;margin-left:0; margin-bottom:10px;} 
	.main-link ul li:last-child {margin-bottom:0;}
	.main-link ul li .img p {font-size:16px; right:15px;}
	.main-link ul li .img.top p {top:20px;}
	.main-link ul li .img.bottom p {bottom:20px;}
	.main-link ul li .img.bottom.ver2 p {bottom:25px;}
	.main-link ul li .img p a {font-size:18px;}
	
	

	/* sub */
	#container {padding-top:30px;}

	.sub-visual {padding:50px 0;}
	.sub-visual .title {font-size:30px;}
	.sub-visual p {font-size:16px;margin-bottom:10px;}
	.sub-visual .count-row {flex-wrap:wrap;}
	.sub-visual .count-row .tit {width:100%; font-size:16px;padding:0; margin-bottom:5px;}
	.sub-visual .count-row .tit br {display:none;}
	.sub-visual .count-row .tit:last-child {width:auto; padding-left:5px;}
	.sub-visual .count-row .box {width:40px;height:40px; font-size:30px; line-height:45px; margin:0 2px;}
	.sub-visual .count-row .point {font-size:20px; bottom:-5px; margin:0 3px;}
	.sub-visual .counter .digit {width:40px;height:40px; font-size:30px; line-height:40px; margin:0 2px;}
	.sub-visual .counter .separator {font-size:30px; bottom:-10px; margin:0 2px;}
	.counter-holder span {line-height: 40px;}
	.sub-visual .row {margin-left:0; display:block; justify-content:normal; margin-top:30px;}
	.sub-visual .row .col {margin-left:0; margin-bottom:20px; text-align:left;}
	.sub-visual .row .col:last-child {margin-bottom:0;}
	.sub-visual .row .col:nth-child(2) {text-align:right;}
	

	.real-cont {padding-bottom:40px;}

	#lnb.lnb-fixed {top:60px;}

	.lnb ul li {font-size:15px; width:auto !important;}
	.lnb ul li a {padding:0 20px;}

	/* footer */
	#footer {padding:20px 0 80px;}
	.foot-inquiry .tit {width:100%; font-size:16px; padding-left:35px; padding-right:0; margin-bottom:15px;}
	.foot-inquiry .tit:before {width:25px; height:25px;}
	.foot-inquiry .group {width:100%;   margin-bottom:10px;}
	.foot-inquiry .input-group {margin-left:0; flex-wrap:wrap;}
	.foot-inquiry .input-group .in-col {width:100%; margin-left:0; margin-bottom:10px;}
	.foot-inquiry .input-group .in-col:last=child {margin-bottom:0;}
	.foot-inquiry .input {height:40px; padding-left:15px; font-size:15px; line-height:40px;}
	.foot-inquiry .btn {padding-left:0; width:100%; margin-top:10px;}
	.foot-inquiry .btn .submit {padding:0;  width:100%;font-size:15px; line-height:40px;}


	.quick {display:block; position:fixed; top:auto; bottom:0;right:0; width:100%;}
	.quick .box {width:auto; padding:10px;border-radius:10px 10px 0 0;}
	.quick .box dl dt {font-size:15px;}
	.quick .box dl dd {font-size:18px;}
	.quick-fixed .quick {top:auto; bottom:0}

	.scroll-top {display:none !important;}

	

	/* contents */
	body,input,textarea,select,button,table{font-size:.9em;}

	.doc-cnt {padding-top:30px;}
	.doc-cnt.b-line {padding-bottom:30px;}

	.package-cnt .title {flex:1 1 auto; max-width:100%; margin-bottom:10px;}
	.package-cnt .title h3 {font-size:20px;}
	.package-cnt .info {width:100%;}
	.package-cnt .info .group .col {padding-top:10px;}
	.package-cnt .info .group .col:after {left:-10px;margin-top:-10px; width:20px; height:20px;}
	.package-cnt .info .group .icon {margin-bottom:15px;}
	.package-cnt .info .group .icon img {height:50px;}
	.package-cnt .info .group .text {font-size:1em;}
	.package-cnt.type2 {padding:30px 0;}
	.package-cnt.type2 .type-group {margin-left:-7px;}
	.package-cnt.type2 .type-group .type-col {width:calc(33.33333% - 7px); margin-left:7px;}
	.package-cnt.type2 .type-group .type-col .tt {font-size:15px}
	.package-cnt.type2 .type-group.type1 {margin-bottom:-7px;}
	.package-cnt.type2 .type-group.type1 .type-col {width:calc(50% - 7px); margin-bottom:7px;}

		
	.table-text .tit {font-size:20px;}
	.table-text .cnt {font-size:15px;}

	.table01 table thead th {padding:5px 10px; font-size:1em;}
	.table01 table tbody td {padding:5px 10px; font-size:.9em;}
	.table01 .t-tit {font-size:15px; margin-top:15px;}

	.solution-cnt {margin-left:0; flex-wrap:wrap; margin-bottom:-15px;}
	.solution-cnt .item {width:100%; margin-left:0; margin-bottom:15px;}
	.solution-cnt .photo .tt {font-size:16px;}
	.solution-cnt .box {padding:20px 15px;}
	.solution-cnt .box dl {margin-bottom:15px;}
	.solution-cnt .box dl dt {font-size:14px; line-height:25px; width:auto;}
	.solution-cnt .box dl dd {font-size:15px; min-height:auto}

	.table-sale {padding-right:0;}

	.customer-box {padding:40px 15px;}
	.customer-box .head {font-size:20px; margin-bottom:10px;}
	.customer-box .head strong {font-size:25px;}
	.customer-box .row {margin-left:0;}
	.customer-box .row .col {width:100%; margin-left:0; padding:20px 15px; margin-bottom:10px;}
	.customer-box .row .col:last-child {margin-bottom:0;}
	.customer-box .row .tit {font-size:20px; margin-bottom:10px;}
	.customer-box .row .cnt {font-size:16px; margin-bottom:10px;}
	.customer-tel {padding:15px 20px; font-size:16px;}
	.customer-tel strong {font-size:20px;}


	/* board */
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:center;}
	.board-search .search input.input {width:calc(100% - 100px);}

	.paginate {margin-top:30px;}
	.paginate a,  
	.paginate strong{width:30px;height:30px;font-size:14px;line-height:30px;} 

	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:25px;}


}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	.mobile-navigation {width:100%}

	.main-visual .slick-arrow {width:30px; height:30px;}
	.main-visual .content .tit {font-size:20px;}
	.main-visual .content p {font-size:16px;}
	.main-visual .content .more {margin-top:20px;}
	.main-visual .content .more a {padding:0 15px; font-size:15px; line-height:35px;border-radius:35px;}


	

	
	
	
} 

@media (max-width: 400px) {
	.section3 .list .grid {width:100%;}
}