@charset "utf-8";


@media (max-width: 1730px) {
	
	/* header */

	/* main */
	.section4 .newsSlider {padding:0 75px;}
	.section4 .slick-prev {left:15px;}
	.section4 .slick-next {right:15px;}

	.scroll-top {right:15px;}

	/* board */
	.product-detail .photo {width:1000px;}
	.product-detail .info {padding:0 50px;}
	

	
	
}

@media (max-width: 1530px) {

	/* board */
	.product-detail .photo {width:800px;}
	.product-detail .info {padding:0 40px;}
	.product-detail .title {font-size:35px;}
	.product-detail .tit {font-size:20px; margin-bottom:40px;}
	.product-detail .size {padding:35px 10px; margin-bottom:40px;}
	.product-detail .size dl {font-size:17px;}
	.product-detail .size dl dt {width:70px;}
	.product-detail .cnt {font-size:16px;}
}

@media (max-width: 1330px) {

	/* main */
	.section2 .col:nth-child(3) .content {padding-right:50px;}
	.section2 .content {padding-left:50px;}
	.section2 .content .title {font-size:30px;margin-bottom:25px;}
	.section2 .content .tit {font-size:20px; margin-bottom:15px;}
	.section2 .content .cnt {font-size:16px;}
	.section2 .content .cnt br {display:none}

	.main-visual .video {height:calc(80vh - 100px);}

	

	
	
	
/* 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 */
	#wrapper {padding-top:80px;}
	#header {height:80px;}
	#header .sitelogo {top:17px;}
	#header .sitelogo img {height:45px;}

	#gnb ul > li {font-size:18px; line-height:80px; padding-left:60px;}

	#gnb .submenu {top:80px;}

	#gnb .m2 .submenu {left:-10px;}
	#gnb .m3 .submenu {left:20px;}

	/* main */
	.main-visual .video {height:calc(70vh - 80px);}
	.section1 {height:600px;}
	.section1 .content .title {font-size:35px; margin-bottom:35px;}
	.section1 .content .cnt {margin-bottom:100px;}

	.section4 .slick-slider {margin:0 -5px;}
	.section4 .item {padding:0 5px;}
	
	

	/* sub page */
	
	.real-cont {padding-bottom:80px;}
	
	.sub-visual.type2 {height:700px;}
	.sub-title {margin:60px 0 35px;}
	
	/* footer */
	#footer {padding-bottom:25px;}
	#footer .bar {padding:0 5px;}

	.foot-link {margin-bottom:20px;}
	.foot-link a {font-size:15px; line-height:50px; padding-right:20px;}
	.foot-link a:before {height:50px;}

	.foot-info {font-size:13px;}
	.foot-info .tit {font-size:15px;}

	.scroll-top {bottom:120px; font-size:14px;}

	/* board */
	.product-detail {margin:0 auto 80px;}
	.product-detail .photo {width:700px;}
	.product-detail .info {padding:0 20px;}
	.product-detail .title {font-size:30px;}
	.product-detail .tit {font-size:20px; margin-bottom:30px;}
	.product-detail .size {padding:30px 10px; margin-bottom:30px;}
	.product-detail .size dl {font-size:16px;}
	.product-detail .size dl dt {width:70px;}
	.product-detail .cnt {font-size:16px;}

	

	
	/* contents */
	.about-opt {margin-bottom:60px; padding-top:60px;}
	.about-opt .title {font-size:26px; margin-bottom:30px;}
	.about-opt ul {margin-left:-20px; margin-bottom:-20px;}
	.about-opt ul li {width:calc(33.3333333% - 20px); margin-left:20px; margin-bottom:20px;border-radius:10px; }
	.about-opt dl {padding:15px;}
	.about-opt dl dt {font-size:22px;;}
	.about-opt dl dd:before {top:9px;}
	.about-opt dl dd {font-size:16px;}
	
	.map-wrap {margin-left:-20px;}
	.map-wrap .col {width:calc(50% - 20px); margin-left:20px;}
	.root_daum_roughmap {height:450px !important }
	.root_daum_roughmap .wrap_map {height:450px !important}
	
	.map-info {font-size:15px; margin-bottom:40px;}


	/* board */
	


}

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

	/* header */
	#gnb {display:none;}
	.btn-m-menu {display:block;}


	/* main */
	.main-visual .video {height:calc(60vh - 80px);}
	.section1 {height:500px;}
	.section1 .content .title {font-size:30px; margin-bottom:25px;}
	.section1 .content .tit {font-size:20px; margin-bottom:10px;}
	.section1 .content .cnt {font-size:17px;margin-bottom:60px;}
	.section1 .content .more a {padding:0 35px; font-size:18px; border-radius:40px; line-height:38px;}

	.section2 .col:nth-child(3) .content {padding:0 30px;}
	.section2 .content {padding:0 30px;}
	.section2 .content .title {font-size:25px;margin-bottom:20px;}
	.section2 .content .tit {font-size:18px; margin-bottom:10px;}
	.section2 .content .cnt {font-size:16px;}

	.section3 {padding:60px 0;}
	.section3 .tit {font-size:30px; margin-bottom:30px;} 
	.section3 .img {margin-bottom:30px;}

	.section4 {padding:60px 0;}
	.section4 .title {font-size:30px; margin-bottom:30px;}
	.section4 .newsSlider {padding:0 55px;}
	.section4 .info {padding:20px;}
	.section4 .info .tit {font-size:17px; margin-bottom:10px;}
	.section4 .info .cnt {font-size:16px;}
	.section4 .slick-arrow {width:40px; height:40px; margin-top:-20px; background-size:12px;}
	.section4 .slick-prev {left:10px;}
	.section4 .slick-next {right:10px;}
	.section4 .more {padding-top:30px;}
	
	
	/* sub */
	.sub-title {margin:40px 0 30px;}
	.sub-title h2 {font-size:30px;}

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

	.sub-visual {height:300px}

	.sub-visual.type2 {height:500px;}


	

	/* footer */
	#footer {padding-bottom:20px; text-align:center;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block;}
	#footer .br .bar {display:none; padding:0;}

	.foot-link {margin-bottom:20px;}
	.foot-link a {font-size:14px; line-height:40px; padding:0 10px;}
	.foot-link a:before {height:40px;}

	.scroll-top {bottom:260px;}


	/* contents */
	.about-cnt .row {margin-bottom:40px;}
	.about-cnt .row.type2 {margin-bottom:70px;}
	.about-cnt .row.type3 {margin-bottom:20px;}
	.about-cnt .title {font-size:20px; margin-bottom:15px;}
	.about-cnt .title .big {font-size:40px;}
	.about-cnt .title .sm {font-size:35px;}
	.about-cnt .cnt {font-size:16px;}
	.about-cnt .logo-cnt {font-size:18px;}
	.about-cnt .logo-cnt .logo {margin-bottom:25px;}
	.about-cnt .logo-cnt .text {margin-bottom:25px;}
	.about-cnt .logo-cnt ul {margin-left:-4px;}
	.about-cnt .logo-cnt ul li {margin-left:4px;}
	.about-cnt .icon-title {font-size:17px;}
	.about-cnt .icon-title strong {font-size:20px;}

	.about-opt {margin-bottom:40px; padding-top:40px;}
	.about-opt .title {font-size:20px; margin-bottom:25px;}
	.about-opt ul {margin-left:-10px; margin-bottom:-10px;}
	.about-opt ul li {width:calc(50% - 10px); margin-left:10px; margin-bottom:10px;}
	.about-opt dl {padding:15px;}
	.about-opt dl dt {font-size:20px;}
	.about-opt dl dd:before {top:9px;}
	.about-opt dl dd {font-size:15px;}

	.cert-list ul li {width:33.3333%;}

	.cert-box {padding:40px 25px;}
	.cert-box .logo {margin-bottom:20px;}
	.cert-box .logo .img {padding:0 15px;}
	.cert-box .logo .img img {height:64px;}
	.cert-box h2 {font-size:20px; margin-bottom:30px;}
	.cert-box dl {margin-bottom:25px; font-size:16px;}
	.cert-box .table {margin-bottom:40px;}
	.cert-box .table table {font-size:15px;}
	.cert-box .table table thead th {padding:12px 10px;}
	.cert-box .table table tbody td {padding:12px 10px;}
	.cert-box .table.type2 {margin-bottom:20px;}
	.cert-box .tit {font-size:18px;}

	.cert-opt {margin-bottom:40px;}
	.cert-opt .row {margin-left:-30px;}
	.cert-opt .col {width:calc(33.333333% - 30px); margin-left:30px;}
	.cert-opt .col .p-tit {font-size:16px;}
	
	.map-wrap {margin-left:-10px;}
	.map-wrap .col {width:calc(50% - 10px); margin-left:10px;}

	.root_daum_roughmap {height:350px !important }
	.root_daum_roughmap .wrap_map {height:350px !important}
	.map-info {padding:20px; margin-bottom:40px; text-align:left;}
	.map-info .bar {padding:0; display:block;}

	.contact-tit {font-size:20px;}

		
	/* board */
	.prodct-list ul li {width:100%;} 
	.prodct-list ul li:nth-child(3),
	.prodct-list ul li:nth-child(4),
	.prodct-list ul li:nth-child(7),
	.prodct-list ul li:nth-child(8),
	.prodct-list ul li:nth-child(11),
	.prodct-list ul li:nth-child(12),
	.prodct-list ul li:nth-child(15),
	.prodct-list ul li:nth-child(16),
	.prodct-list ul li:nth-child(19),
	.prodct-list ul li:nth-child(20),
	.prodct-list ul li:nth-child(23) {direction:ltr;}
	.prodct-list ul li:nth-child(odd) {direction:rtl;}
	.prodct-list .row .col {width:50%;}
	.prodct-list .tit {font-size:22px; margin-bottom:20px;}
	.prodct-list .more {padding:0 30px; border-radius:5px; font-size:16px; line-height:35px;}

		
	.product-detail {margin:0 auto 60px;}
	.product-detail .photo {width:100%; display:block;}
	.product-detail .info {display:block; padding:30px 20px;}
	.product-detail .title {font-size:25px;}
	.product-detail .tit {font-size:18px; margin-bottom:20px;}
	.product-detail .size {padding:20px 10px; margin-bottom:20px;}
	.product-detail .cnt {font-size:15px;}

	.news-list ul {margin-left:-10px;}
	.news-list ul li {width:calc(33.3333% - 10px); margin-left:10px; margin-bottom:10px;} 
	.news-list .tit {font-size:17px;}
	.news-list .cnt {font-size:15px;}
	.news-list .date {font-size:15px}
	
	
}

@media (max-width: 830px) {
	
	/* main */
	
	.section2 .col {width:100%;}
	.section2 .col:nth-child(2) .content {position:static; top:0; left:0; transform:translate(0,0); padding:30px;}
	.section2 .col:nth-child(3) .content {padding:0 30px;}
	

	/* sub */
	

	/* content */
	.about-cnt .logo-cnt ul {margin-left:0;}
	.about-cnt .logo-cnt ul li {width:50%; margin-left:0;}
	.about-cnt .logo-cnt ul li .pic {position:relative; height:0; padding-bottom:55%;}
	.about-cnt .logo-cnt ul li .pic img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%);}

	.map-wrap {margin-left:0;}
	.map-wrap .col {width:calc(100%); margin-left:0;}
	.map-info .tit {font-size:16px; margin-bottom:3px;}

	/* board */
	


}

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

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


	/* header  */
	#wrapper {padding-top:60px;}
	#header {height:60px;}
	#header .sitelogo {top:13px;}
	#header .sitelogo img {height:33px;}
	.btn-m-menu {top:15px;}
	
	
	/* main */
	.main-visual .video {height:calc(55vh - 60px);}
	.main-visual .video iframe,
	.main-visual .video video {object-position:50% 0;}


	.section1 {height:auto; display:block; padding:60px 0;}
	.section1 .content .title {font-size:25px; margin-bottom:15px;}
	.section1 .content .tit {font-size:18px; margin-bottom:10px;}
	.section1 .content .cnt {font-size:15px;margin-bottom:30px;}
	.section1 .content .more a {padding:0 30px; font-size:15px; border-radius:40px; line-height:38px;}

	.section2 .col:nth-child(2) .content {padding:50px 15px;}
	.section2 .col:nth-child(3) .content {padding:0 15px;}
	.section2 .content {padding:30px 15px;}
	.section2 .content .title {font-size:20px;margin-bottom:15px;}
	.section2 .content .tit {font-size:17px; margin-bottom:10px;}
	.section2 .content .cnt {font-size:15px;}

	.section3 {padding:40px 0;}
	.section3 .tit {font-size:20px; margin-bottom:25px; padding:0 10%;} 
	.section3 .img {margin-bottom:25px;}
	.section3 .more a {padding:0 15px; font-size:16px; border-radius:40px; line-height:38px;}
	
	.section4 {padding:40px 0;}
	.section4 .title {font-size:25px; margin-bottom:20px;}
	.section4 .newsSlider {padding:0 55px;}
	.section4 .info {padding:15px;}
	.section4 .info .tit {font-size:16px; margin-bottom:6px;}
	.section4 .info .cnt {font-size:15px;}
	.section4 .slick-arrow {width:40px; height:40px; margin-top:-20px; background-size:12px;}
	.section4 .slick-prev {left:10px;}
	.section4 .slick-next {right:10px;}
	.section4 .more {padding-top:25px;}
	.section4 .more a {padding:0 25px; font-size:15px; border-radius:40px; line-height:40px;}

	


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

	.sub-visual {height:220px}
	.sub-title {margin:25px 0 25px;}
	.sub-title h2 {font-size:25px;}

	.sub-visual.type2 {height:300px;}
	

	/* footer */
	#footer .br {display:block;}
	#footer .br .bar {padding:0;}


	/* contents */
	.about-cnt .row {margin-bottom:30px;}
	.about-cnt .row.type2 {margin-bottom:50px;}
	.about-cnt .row.type3 {margin-bottom:15px;}
	.about-cnt .row .star {height:35px;}
	.about-cnt .title {font-size:18px; margin-bottom:15px;}
	.about-cnt .title .big {font-size:30px;}
	.about-cnt .title .sm {font-size:25px;}
	.about-cnt .cnt {font-size:15px;}
	.about-cnt .logo-cnt {font-size:17px;}
	.about-cnt .logo-cnt .logo {margin-bottom:20px;}
	.about-cnt .logo-cnt .text {margin-bottom:20px;}
	.about-cnt .icon-title {font-size:15px;}
	.about-cnt .icon-title strong {font-size:18px;}
	.about-cnt .logo-cnt .logo img {height:30px;}
	.about-cnt .br {display:none;}
	.about-cnt .icon1 {height:80px;}
	.about-cnt .icon2 {height:80px;}
	.about-cnt .icon3 {height:100px;}
	.about-cnt .cont {font-size:16px; margin-bottom:20px;}
	.about-cnt .cont .bar {padding:0; display:block;}


	.about-opt {margin-bottom:30px; padding-top:30px;}
	.about-opt .title {font-size:18px; margin-bottom:20px;}
	.about-opt ul {margin-left:0;}
	.about-opt ul li {width:100%; margin-left:0;}
	.about-opt dl {padding:15px;}
	.about-opt dl dd:before {top:8px;}
	.about-opt dl dd {font-size:15px;}

	.cert-list ul li {width:50%;}

	.cert-box {padding:30px 20px;}
	.cert-box .logo {margin-bottom:15px;}
	.cert-box .logo .img {padding:0 15px;}
	.cert-box .logo .img img {height:44px;}
	.cert-box h2 {font-size:18px; margin-bottom:20px;}
	.cert-box dl {margin-bottom:20px; font-size:15px;}
	.cert-box .table {margin-bottom:25px; overflow:auto; -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch}
	.cert-box .table table {width:auto; font-size:.9em;}
	.cert-box .table table thead th {padding:10px 7px;}
	.cert-box .table table tbody td {padding:10px 7px;}
	.cert-box .table.type2 {margin-bottom:15px;}
	.cert-box .tit {font-size:16px;}

	.cert-opt {margin-bottom:30px;}
	.cert-opt .row {margin-left:0; margin-bottom:-10px;}
	.cert-opt .col {width:100%; margin-left:0; margin-bottom:10px;}
	.cert-opt .col .p-tit {font-size:15px;}

	.root_daum_roughmap {height:250px !important }
	.root_daum_roughmap .wrap_map {height:250px !important}
	.map-info {padding:15px; margin-bottom:30px;}

	.contact-tit {font-size:18px;}
	

	
	/* board */
	.board-search .total-page {display:none}
	.board-search .search {float:none; position:relative;}
	.board-search .search .select {min-width:70px;}
	.board-search .search .input {width:calc(100% - 170px);}
	.board-search .search .btn-pack {padding:0 10px;}


	.board-list {display:none;}
	.m-board-list {display:block; border-top:1px solid #242424;}
	.m-board-list li {border-bottom:1px solid #ddd;  padding:10px;}
	.m-board-list li a {display:block;}
	.m-board-list li .info {padding:2px 0 0 0; color:#777; font-size:.9em; 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 strong {font-weight:300; font-size:1em; color:#454545}
	.m-board-list .label-notice strong {color:#242424; font-weight:500;}
	.m-board-list .label {color:#eb1b22;font-weight:500;font-size:14px;line-height:20px; padding-right:5px;}
	.m-board-list .bar {padding:0 5px;}
	

	.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:100px; height:42px; line-height:40px; font-size:14px;}

	.paginate {margin:25px 0;}
	.paginate a,
	.paginate strong{width:30px;height:30px;font-size:13px;line-height:28px;}  

	

	/* 문의 */
	.mailform table {font-size:15px;}
	.mailform table tbody th {padding:10px 5px;}
	.mailform table tbody td {padding:10px 5px;}


	.form-agree {margin-top:25px;}
	.form-agree dt {font-size:15px;}
	.form-agree dd {padding:8px 0 0 0;}
	.form-agree .btn {top:5px; font-size:13px}
	.form-agree .btn span {display:none;}
	.form-agree .scroll-box {height:140px; font-size:14px;}

	.prodct-list ul li.rtl {direction:ltr;}
	.prodct-list ul li:nth-child(odd) {direction:rtl;}
	.prodct-list .row .col {width:50%;}
	.prodct-list .tit {font-size:18px; margin-bottom:15px;}
	.prodct-list .more {padding:0 20px; font-size:14px; line-height:30px;}

		
	.product-detail {margin:0 auto 40px;}
	.product-detail .info {padding:25px 15px;}
	.product-detail .title {font-size:20px;}
	.product-detail .tit {font-size:16px; margin-bottom:15px;}
	.product-detail .size {padding:20px 10px; margin-bottom:15px;}
	.product-detail .size dl {font-size:15px;}

	
	.news-list ul {margin-left:-5px;}
	.news-list ul li {width:calc(50% - 5px); margin-left:5px; margin-bottom:5px;} 
	.news-list .info {padding:15px;}
	.news-list .tit {font-size:16px;}
	.news-list .cnt {font-size:14px;}
	.news-list .date {font-size:14px}

	

	
	

}

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

	.section4 .newsSlider {padding:0 45px;}
	.section4 .slick-arrow {width:30px; height:30px; margin-top:-15px; background-size:10px;}

	/* board */
	


	/* sub */
	

	/* content */
	
} 

@media (max-width: 400px) {
	
	.prodct-list ul li.rtl {direction:ltr;}
	.prodct-list ul li:nth-child(odd) {direction:ltr;}
	.prodct-list .row .col {width:100%;}
	.prodct-list .row .col:nth-child(2) {padding:20px 15px;}
	.prodct-list .tit {margin-bottom:10px; height:auto;}
	.prodct-list .more {padding:0 15px;}

	.news-list ul {margin-left:0;}
	.news-list ul li {width:100%; margin-left:0;} 
}