@charset "utf-8";


@media (max-width: 1530px) {
	
	/* header */
	#gnb {margin-left:100px;}

	.scroll-top {bottom:50px; right:15px; width:50px; height:50px;}
	
	
}

@media (max-width: 1430px) {
	
	/* header */
	#gnb {margin-left:100px;}
	#gnb ul > li {font-size:18px; padding:0 30px;}
	
	.slider-youtube {padding:0 40px;}
	.slider-youtube .slick-prev {left:15px;}
	.slider-youtube .slick-next {right:15px;}


	
	
	
}
	
/* 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 */
	#header {height:80px;}
	#header .sitelogo {top:20px;}
	#header .sitelogo a {width:160px; background-size:160px;}

	.global {top:25px; right:60px;}

	#gnb {display:none;}

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

	/* main */
	.main-visual .title {font-size:35px;}
	.main-visual p {font-size:25px; margin-bottom:30px;}
	.main-visual .more {padding:0 25px;border-radius:50px; font-size:16px; line-height:50px;}
	.main-visual .bx-wrapper .bx-pager {bottom:40px;}

	.main-title h2 {font-size:50px; padding-bottom:25px; margin-bottom:25px;}
	.main-title h2:after {width:70px; height:3px;}
	.main-title .cnt {font-size:20px; margin-bottom:20px;}
	.main-title p {font-size:18px;}
	.main-title .more {margin-top:30px; padding:0 35px; border-radius:50px; font-size:17px; line-height:50px;}

	#section2 .main-title h2:after {margin-left:-35px;}

	.main-support .col {padding:0 15px;}
	.main-support .icon {width:150px; height:150px; background-size:150px; margin:0 auto 15px;}



	/* sub page */
	.sub-visual {height:420px;}
	.sub-visual .content .tit {font-size:40px;}
	.sub-visual .content p {font-size:20px;}

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

	.lnb {margin-top:-55px;}
	.lnb ul li {font-size:17px; line-height:55px;}
	
	

	/* board */
	
	.btn-pack.submit {height:50px; line-height:48px}
	.btn-pack.cancel {height:50px; line-height:48px}

	/* footer */
	#footer {padding:40px 0; font-size:15px;}
	#footer .bar {padding:0 10px;}

	.foot-logo {top:20px;}
	.foot-logo img {height:35px;}
	.foot-info {margin-left:180px;}
	.foot-info .menu a {padding-right:20px;}

	.scroll-top {bottom:100px; width:40px; height:40px; background-size:16px;}

	.product-list ul {margin:0 -10px;}
	.product-list ul li {padding:0 10px; margin-bottom:30px;}

	.pop-detail {padding:40px;}
	.pop-detail .close {width:40px; height:40px;}



	
	/* contents */
	.catalog-cnt {padding:50px; height:480px; margin-bottom:50px;}
	.catalog-cnt .photo {bottom:-40px; left:50px; width:340px;}
	.catalog-cnt .info {margin-left:400px;}
	.catalog-cnt .info .logo {margin-bottom:20px;}
	.catalog-cnt .info .logo img {height:40px}
	.catalog-cnt .info .tit {font-size:26px}
	.catalog-cnt .info p {font-size:22px;margin-bottom:30px;}
	.catalog-cnt .info .btn {border-radius:10px; padding:0 20px;}
	.catalog-cnt .info .btn:before {width:26px; height:50px;}
	.catalog-cnt .info .btn .link {font-size:16px; line-height:50px;}





}

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

	
	
	.mobile-navigation {padding:20px 0; width:360px;}
	.mobile-navigation .logo {padding-left:15px;}
	.mobile-navigation .logo img {height:30px;}
	.mobile-navigation .nav-menu>ul>li { margin-bottom:0;}
	.mobile-navigation .nav-menu>ul>li>a {padding:7px 15px;}
	.mobile-navigation .nav-menu>ul>li>a:after {opacity:1;}
	.mobile-navigation .nav-menu .submenu {display:none; padding:10px 15px;}
	.mobile-navigation .nav-menu .submenu>ul>li {float:none; width:100%;}
	.mobile-navigation .nav-menu .submenu>ul>li:nth-child(2n+1) {clear:none;}

	html.menu-opened .btn-m-menu {top:20px; right:15px;}


	/* main */
	.main-visual .title {font-size:30px;}
	.main-visual p {font-size:20px; margin-bottom:25px;}
	.main-visual .more {padding:0 25px;border-radius:50px; font-size:16px; line-height:50px;}
	.main-visual .bx-wrapper .bx-pager {bottom:30px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:30px;}

	.main-title h2 {font-size:40px; padding-bottom:20px; margin-bottom:20px;}
	.main-title h2:after {width:60px;}
	.main-title .cnt {font-size:18px; margin-bottom:15px;}
	.main-title p {font-size:17px;}
	.main-title .more {margin-top:25px; padding:0 30px; border-radius:50px; font-size:16px; line-height:50px;}

	#section2 .main-title h2:after {margin-left:-30px;}

	.main-support .col {padding:0 10px;}
	.main-support .icon {width:130px; height:130px; background-size:130px; margin:0 auto 15px;}
	.main-support .tit {font-size:22px; padding-bottom:25px; margin-bottom:25px;}
	.main-support .tit:after {margin-left:-20px;width:40px;}
	.main-support .cnt {font-size:16px;}
	.main-support .cnt br {display:none;}
	
	/* sub */
	.sub-visual {height:320px;}
	.sub-visual .content .tit {font-size:30px;}
	.sub-visual .content p {font-size:18px;}

	.lnb {margin-top:-50px;}
	.lnb ul {display:flex;}
	.lnb ul li {width:33.3333% !important;font-size:16px; line-height:50px;}	
	
	.sub-title {margin:40px 0;}
	.sub-title h2 {font-size:30px;}

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

	.lnb-menu {margin-bottom:40px;}
	.lnb-menu ul li {width:160px;}
	.lnb-menu ul li a {font-size:17px; line-height:50px;}
	

	/* footer */
	#main #footer {height:270px;}
	#footer {padding:30px 0; font-size:15px; text-align:center;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block;}
	#footer .br .bar {display:none;}

	.foot-logo {position:static; top:0; left:0; margin-bottom:20px;}
	.foot-logo img {height:35px;}
	.foot-info {margin-left:0;}
	.foot-info .menu a {padding:0 7px;}

	.scroll-top {bottom:100px; width:40px; height:40px; background-size:16px;}
	
	

	/* contents */	
	.greeting .img {margin-bottom:30px;}
	.greeting .head {font-size:22px;  margin-bottom:30px;}
	.greeting .cnt {font-size:16px; margin-bottom:15px;}

	.history .row {padding-bottom:40px;}
	.history .photo {padding-right:40px;}
	.history .col .cnt {padding-bottom:25px;  padding-left:40px;}
	.history .col .year {left:40px; font-size:25px ; margin-bottom:20px;}
	.history .col ul {padding-left:80px;}
	.history .col ul li {font-size:16px;  margin-bottom:15px;}
	.history .col ul li:last-child {margin-bottom:0;}
	.history .row.type2:before {margin-right:-5px;}
	.history .row.type2 .photo {padding-left:40px;}
	.history .row.type2 .col {padding-right:40px;}
	.history .row.type2 .col ul {padding-right:80px;}
	.history .row.type2 .col ul li {padding-left:30px;}

	.cert-list ul {margin:0 -7px;}
	.cert-list ul li {width:33.3333%; padding:0 7px; margin-bottom:30px;}
	.cert-list ul li:nth-child(5n+1) {clear:none}
	.cert-list ul li:nth-child(3n+1) {clear:left}

	.root_daum_roughmap_landing {height:380px !important}
	.root_daum_roughmap_landing .wrap_map {height:380px !important}

	.product-cnt .cnt {margin-bottom:40px;}
	.product-cnt .cnt ol li {font-size:16px;}
	.product-cnt .row {margin-bottom:25px;}
	.product-cnt .row .photo {width:350px;}
	.product-cnt .row .info .box {padding:30px 0 0 30px;}
	.product-cnt .row .info .tit {font-size:20px;}
	.product-cnt .row .info p {font-size:16px; margin-bottom:20px;}
	.product-cnt .row .info ul li {font-size:15px; margin-bottom:7px;}
	.product-cnt .row .info ul li:after {top:9px;  width:4px; height:4px;}

	.pop-detail {padding:30px;}

	.catalog-cnt {padding:50px; height:430px; margin-bottom:50px;}
	.catalog-cnt .photo {bottom:-40px; left:30px; width:300px;}
	.catalog-cnt .info {margin-left:330px;}
	.catalog-cnt .info .logo {margin-bottom:20px;}
	.catalog-cnt .info .logo img {height:40px}
	.catalog-cnt .info .tit {font-size:22px}
	.catalog-cnt .info p {font-size:18px;margin-bottom:25px;}
	.catalog-cnt .info .btn {border-radius:5px; padding:0 20px;}
	.catalog-cnt .info .btn:before {width:20px; background-size:20px;}
	.catalog-cnt .info .btn .link {font-size:16px; line-height:50px;}


	

	

		

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

@media (max-width: 830px) {
	
	/* main */
	

	/* sub */
	

	/* content */
	.history:before {left:10px;margin-left:0;}
	.history .row {padding-bottom:30px;}
	.history .row:before {display:none;}
	.history .photo {float:none; width:100%; text-align:left; padding-left:30px;padding-right:0; padding-top:0; margin-bottom:15px;}
	.history .col {position:relative; float:none; width:100%;}
	.history .col:before {content:"";position:absolute; top:12px; left:6px; width:8px; height:8px; background:#2486c2;border-radius:50%;}
	.history .col .cnt {position:relative; padding-bottom:30px; padding-left:30px;}
	.history .col .cnt:last-child {padding-bottom:0;}
	.history .col .year {position:static; left:0; font-size:20px; margin-bottom:5px;}
	.history .col ul {padding-left:0; padding-top:0;}
	.history .col ul li {font-size:15px; margin-bottom:5px;}
	.history .row.type2 .photo {float:none; padding-left:30px;}
	.history .row.type2 .col {float:none; padding-right:0; text-align:left; padding-left:0;}
	.history .row.type2 .col .year {left:auto; right:0;}
	.history .row.type2 .col ul {padding-left:0; padding-right:0;}
	.history .row.type2 .col ul li {padding-left:0;}

	.product-cnt .row .photo {width:300px;}


	.catalog-cnt {padding:20px; height:auto; margin-bottom:0}
	.catalog-cnt .photo {position:static; bottom:0; left:0; width:250px; margin:0 auto 20px;}
	.catalog-cnt .info {margin-left:0; text-align:center;}
	.catalog-cnt .info .logo {margin-bottom:15px;}
	.catalog-cnt .info .logo img {height:35px}
	.catalog-cnt .info .tit {font-size:20px}
	.catalog-cnt .info p {font-size:16px;margin-bottom:15px;}
	.catalog-cnt .info .btn {display:block; border-radius:5px; padding:0 15px; font-size:16px; line-height:50px; margin-bottom:5px;}
	.catalog-cnt .info .btn:after {left:15px; width:20px; background-size:20px;}
	


}

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

	/* 공통 */
	th.only-desktop-tablet {display:none;}
	td.only-desktop-tablet {display:none;}
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.only-desktop-tablet {display:none;}
	tr.only-mobile {display:table-row;}



	/* header  */
	#header {height:60px;}
	#header .sitelogo {top:12px;}
	#header .sitelogo a {width:140px; background-size:140px;}

	.global {top:16px;}


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

	/* main */
	.main-visual li {height:56.26vh}
	.main-visual .title {font-size:22px;}
	.main-visual p {font-size:16px; margin-bottom:20px;}
	.main-visual .more {padding:0 20px;border-radius:45px; font-size:15px; line-height:45px;}
	.main-visual .bx-wrapper .bx-pager {bottom:20px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:25px;}
	

	#section0.fp-section,
	#section0 .fp-slide,
	#section0 .fp-tableCell{
		height: auto !important;
	}

	#section1.fp-section,
	#section1 .fp-slide,
	#section1 .fp-tableCell{
		height: auto !important;
	}

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

	#section3.fp-section,
	#section3 .fp-slide,
	#section3 .fp-tableCell{
		height: auto !important;
	}

	.main-title {padding:80px 0;}
	.main-title h2 {font-size:30px; padding-bottom:15px; margin-bottom:15px;}
	.main-title h2:after {width:50px;}
	.main-title .cnt {font-size:17px; margin-bottom:10px;}
	.main-title  br {display:none}
	.main-title p {font-size:15px;}
	.main-title .more {margin-top:20px; padding:0 25px; border-radius:45px; font-size:15px; line-height:45px;}

	#section2 .main-title h2:after {margin-left:-25px;}
	
	.main-support {padding:50px 0;}
	.main-support .col {display:block; width:100%; padding:0; margin-bottom:20px;}
	.main-support .col:last-child {margin-bottom:0;}
	.main-support .icon {width:120px; height:120px; background-size:120px; margin:0 auto 15px;}
	.main-support .tit {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
	.main-support .tit:after {margin-left:-20px;width:40px;}
	.main-support .cnt {font-size:15px;}
	.main-support .cnt br {display:none;}

	/* sub */
	.sub-visual {height:270px;}
	.sub-visual .content .tit {font-size:25px;}
	.sub-visual .content p {font-size:17px;}

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

	.lnb ul li {width:50% !important;font-size:15px;}
	
	.lnb-menu {margin-bottom:30px;}
	.lnb-menu ul li {width:150px;}
	.lnb-menu ul li a {font-size:15px; line-height:50px;}

	
	.sub-title {margin:30px 0;}
	.sub-title h2 {font-size:25px;}
	

	/* footer */
	#main .scroll-top {display:inline !important}
	#main #footer {height:auto;}
	#footer {padding:25px 0; font-size:14px;}

	.foot-logo {margin-bottom:15px;}
	.foot-logo img {height:30px;}

	.scroll-top {bottom:160px; width:40px; height:40px; background-size:16px;}

	
	/* board */
	.board-search .select {width:70px; height:40px; line-height:40px;}
	.board-search .input {width:calc(100% - 170px);  height:40px; line-height:40px; padding-left:15px;}
	.board-search button {padding:0 10px;height:40px; line-height:40px;}


	.board-list {display:none;}
	.m-board-list {display:block; border-top:1px solid #ddd;}
	.m-board-list li {border-bottom:1px solid #ddd;}
	.m-board-list li a {display:block; padding:10px 15px;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:14px; line-height:1.3em;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li.none {padding:40px 0; text-align:center; font-size:12px; color:#777;}
	.m-board-list .qna-cnt {background:#f8f8f8;padding:0;color:#656565;}
	.m-board-list .bbs-question{position:relative;padding:10px 5px 10px 27px;text-align:left;}
	.m-board-list .bbs-question a {padding:0;}
	.m-board-list .bbs-question .txt {color:#555;}
	.m-board-list .bbs-answer{position:relative;width:100%;margin:0 auto;padding:10px 5px 10px 27px;text-align:left;border-top:1px dotted #c0c0c0;}
	.m-board-list .bbs-answer a {padding:0;}
	.m-board-list .bbs-answer .txt {color:#555;}

	.board-write {border-top:0;}
	.board-write .group {padding-left:68px;}
	.board-write .title {left:0; width:65px;}
	.board-write #title {display:block; width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write #etc_3 {width:100%;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}

	.board-view .head .tit {padding:10px 5px; font-size:16px;}
	.board-view .head .info {padding:10px 5px;}
	.board-view .head .files {padding:10px 5px 0;}
	.board-view .head .files .fileLayer {right:5px;}
	.board-view .body {padding:10px 0 20px;}

	.prev_next dl {padding:6px 0 6px 68px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0; padding:0 15px;}
	

	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}

	
	.product-list ul {margin:0 -5px;}
	.product-list ul li {width:50%; padding:0 5px; margin-bottom:25px;}
	.product-list ul li:nth-child(3n+1) {clear:none}
	.product-list ul li:nth-child(2n+1) {clear:left}
	.product-list ul li .tit {font-size:15px;}

	.pop-detail {padding:10px;}
	.pop-detail .cnt {font-size:15px;}
	.pop-detail .close {width:20px; height:20px; background-size:12px;}

	.slider-youtube {padding:0 30px;}
	.slider-youtube .item {padding:0 10px;}
	.slider-youtube .slick-arrow {width:20px; background-size:20px;}
	.slider-youtube .slick-prev {left:0;}
	.slider-youtube .slick-next {right:0;}

	.mailform table {font-size:16px;}
	.mailform table tbody tr {display:block;}
	.mailform table tbody th {display:block; padding:7px 10px 0; border-bottom:0;}
	.mailform table tbody td {display:block; padding:7px 10px; border-bottom:1px solid #ddd;}
	.mailform .bar {padding:0 5px;}


	.form-agree dt {font-size:14px; }
	.form-agree .btn {top:0; font-size:14px;}
	.form-agree .btn span {display:none;}
	.form-agree .scroll-box {height:100px; font-size:15px;}

	
	
	

	/* contents */
	body,input,textarea,select,button,table{font-size:15px;}

	.greeting .img {margin-bottom:20px;}
	.greeting .head {font-size:18px;  margin-bottom:20px;}
	.greeting .cnt {font-size:15px; margin-bottom:15px;}
	.greeting .sain {font-size:16px; padding-right:0; padding-bottom:40px; padding-top:10px; background-size:140px; background-position:100% 100%;}

	.cert-list ul {margin:0 -5px;}
	.cert-list ul li {width:50%; padding:0 5px; margin-bottom:25px;}
	.cert-list ul li:nth-child(3n+1) {clear:none}
	.cert-list ul li:nth-child(2n+1) {clear:left}
	.cert-list .tit {font-size:15px;}

	.root_daum_roughmap_landing {height:250px !important}
	.root_daum_roughmap_landing .wrap_map {height:250px !important}

	.map-info .row {padding:10px 0;}
	.map-info .row .title {display:block; width:100%;}
	.map-info .row .title .tit {font-size:15px;} 
	.map-info .row .info {display:block; font-size:15px ; padding-left:10px;}
	.map-info .bar {padding:0 5px;}

	.product-cnt .cnt {margin-bottom:20px;}
	.product-cnt .cnt ol li {font-size:15px;}
	.product-cnt .row {margin-bottom:20px;}
	.product-cnt .row .photo {display:block; width:100%;}
	.product-cnt .row .info {display:block;}
	.product-cnt .row .info .box {padding:20px;}
	.product-cnt .row .info .tit {font-size:18px;}
	.product-cnt .row .info p {font-size:15px; margin-bottom:15px;}
	.product-cnt .row .info ul li {font-size:15px; margin-bottom:5px;}
	.product-cnt .row .info ul li:after {top:9px;  width:4px; height:4px;}

	.catalog-cnt .photo {width:100%}
	.catalog-cnt .info .tit {font-size:18px}
	.catalog-cnt .info p {font-size:15px;}
	.catalog-cnt .info .btn {font-size:15px; margin-bottom:5px;}
	.catalog-cnt .info .btn:after {left:15px;height:45px; width:20px; background-size:45px;}
	.catalog-cnt .info .btn .link {height:45px;}




	

}

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

	#header .sitelogo {top:15px;}
	#header .sitelogo a {width:120px; background-size:120px;}

	/* main */
	


	/* sub */
	.lnb {margin-top:-45px;}
	.lnb ul li {line-height:45px;}

	.lnb-menu {margin-bottom:25px;}
	.lnb-menu ul li {width:130px; margin:0 2px;}
	.lnb-menu ul li a {line-height:45px;}



	.sub-title {margin:25px 0;}
	.sub-title h2 {font-size:20px;}
	
	/* content */
	
}