@charset "utf-8";

@media (max-width: 1600px) {

	/* header */
	#gnb > ul > li {padding:0 30px;}
	
}

@media (max-width: 1500px) {

	/* header */
	#gnb {padding-right:130px; padding-left:300px;}
	#gnb > ul {margin:0;}
	#gnb > ul > li {font-size:20px;}
	

	/* main */
	#home #mainSlide .item .txtCon h2 {font-size:50px;}
	#home #mainSlide .item .txtCon p {font-size:18px;}

	
	
	
}

@media (max-width: 1200px) {

	/* header */
	.sitelogo {width:230px; margin-top:-23px;}

	#gnb > ul > li {font-size:18px;}

	/* main */
	
	.main-about .txtCon p {font-size:18px;}
	.section .title h2 {font-size:35px;}

	#section2 ul li h3 {font-size:20px;}
	#section2 ul li .btn {line-height:45px; padding:0 15px;}
	
	#section3 .row {margin:0 -5px;}
	#section3 .row .col {padding:0 5px;}
	#section3 .row .col .notice {padding:40px; min-height:314px;}
	#section3 .row .col .notice h3 {font-size:20px;}
	#section3 .row .col .notice ul {margin:-5px 0;}
	#section3 .row .col .notice ul li {padding:5px 0;}
	#section3 .row .col .notice .more {top:40px; right:40px;}
	#section3 .row .col .links {margin:-5px;}
	#section3 .row .col .links li {padding:5px;}
	#section3 .row .col .links li p br {display:none;}
	#section3 .row .col .links li h3 {font-size:18px;}

	/* sub */
	.drow.row-4 {margin:-20px;}
	.drow .col {padding:20px;}

	
	
	
}


/* 아이패드 */
@media (max-width: 1024px) {

	/* header */
	#header {height:70px;}
	
	.sitelogo {width:200px; margin-top:-20px;}

	#gnb {display:none;}

	.top-language {right:80px;}
	
	.btn-m-menu {display: block;}
	.mobile-navigation {display: block;}

	/* main */
	#home #mainSlide .item .txtCon h2 {font-size:40px;}
	#home #mainSlide .item .txtCon p {font-size:18px; letter-spacing:.5em;}

	.section .title h2 {font-size:30px;}

	.main-about:after {height:400px;}
	.main-about .txtCon {padding-right:50px;}
	.main-about .txtCon br {display:none;}
	.main-about .txtCon p {font-size:16px;}
	
	#section2 ul {margin:-5px;}
	#section2 ul li {padding:5px;}

	#section3 .row .col.c-md-5 {width:400px;}
	#section3 .row .col.c-md-6 {width:calc(100% - 400px);}

	/* sub */

	/* footer */
	#footer .f-logo img {width:200px;}

	/* bbs  */
	.product-list ul li {width:25%;}
	.product-list ul li .tit {font-size:15px;}
	.product-image {width:350px;}
	.product-info .tit {font-size:25px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

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

	.view .btn-pack.medium {height: 40px;	padding: 0 16px;font-size: 15px;line-height: 38px;}


}

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

	.contain,
	#sub #container {padding-left:15px; padding-right:15px;}

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

	/* header */
	#header .language {right:10px;}

	.top-language {right:55px; margin-top:-13px;}
	.top-language a {width:42px; font-size:11px; line-height:24px;}

	.btn-m-menu {right:15px;}

	.sitelogo {width:170px; margin-top:-18px;}
	
	/* main */
	.section {height:auto !important;}
	.section .title {margin-bottom:15px;}
	.section .title h2 {font-size:20px;}
	.section .title p {font-size:14px; margin-top:10px;}

	.fp-tableCell {display:block !important;height:auto !important; }
	
	#home #mainSlide .item .txtCon {padding:0 15px;}
	#home #mainSlide .item .txtCon h2 {font-size:20px;}
	#home #mainSlide .item .txtCon p {font-size:14px;}

	.scroll-btn {display:none;}
	
	#section1 {padding:30px 0;}
	.main-about:after {top:0; height:300px;}
	.main-about .txtCon {float:none; width:100%; padding-right:0; padding-top:0}
	.main-about .txtCon p {font-size:15px;}
	.main-about .txtCon span {font-size:14px; margin-top:15px;}
	.main-about .txtCon .btn {margin-top:20px; font-size:13px;}
	.main-about .txtCon .btn:after {width: 57px;height: 23px;}
	.main-about .img {float:none; width:100%; margin-top:15px;}
	
	#section2 {padding:30px 0;}
	#section2 ul {margin:-3px;}
	#section2 ul li {width:50%; padding:3px;}
	#section2 ul li a {min-height:200px;}
	#section2 ul li h3 {font-size:16px;}
	#section2 ul li:hover h3 {padding-bottom:10px; margin-bottom:10px;}
	#section2 ul li .btn {line-height:30px;}
	#section2 ul li .btn:after {width: 38px;height: 9px;}
	
	#section3 {padding:30px 0;}
	#section3 .row {margin:-5px 0;}
	#section3 .row .col {float:none; padding:5px 0;}
	#section3 .row .col.c-md-5 {width:100%;}
	#section3 .row .col.c-md-6 {width:100%;}
	#section3 .row .col .notice {min-height:auto; padding:20px 15px;}
	#section3 .row .col .notice ul li {font-size:14px;}
	#section3 .row .col .notice .more {top:20px; right:15px;}
	#section3 .row .col .links {margin:-5px 0;}
	#section3 .row .col .links li {float:none; width:100%; padding:5px 0}
	#section3 .row .col .links li a {padding:0 20px; min-height:125px;}
	#section3 .row .col .links li h3 {font-size:16px;}

	/* footer */
	#footer .f-logo img {width:150px;}
	#footer h1 {font-size:14px;}
	#footer .foot-info .col {display:block; border-left:0; padding:10px 0;}
	#footer .foot-info .col .space-center {text-align:left !important;}
	
	/* sub */
	.real-cont {margin-bottom:50px;}
	
	.sub-visual {height:180px;}
	.sub-visual .tit h2 {font-size:20px;}
	
	.menu-wrap {border-bottom:0;}
	.menu-wrap .contain {padding:0;}
	.path-menu .home {display:none;}
	.path-menu .menu {min-width:100%;float:none; border-bottom:1px solid #dfdfdf;}
	.path-menu .menu.last:before {height:2px;}
	.path-menu a {font-size:13px; line-height:40px;}
	.path-menu .menu ul {top:41px;}
	
	.sub-title {margin:30px 0;}
	.sub-title h2 {font-size:20px;}
	
	.sub-banner {height:150px; padding:0 15px;}
	.sub-banner h3,
	.vision .sub-banner h3 {font-size:16px;}
	.vision .sub-banner strong {font-size:17px;}
	
	.greetings {margin-top:20px;}
	.greetings strong {font-size:16px;}
	.greetings p {font-size:14px; margin-top:15px;}
	.greetings p br {display:none;}
	
	.company-overview ul li {width:50%; padding:15px;}
	.company-overview ul li h3 {font-size:16px; margin-bottom:10px;}
	.company-overview ul li p {font-size:13px;}
	.company-overview ul li .ico img {width:50px; right:15px; bottom:15px;}
	.company-overview ul li .tt {display:block; float:none; width:100%;}
	.company-overview ul li .txt {float:none; width:100%;}
	
	.vision .title {margin-bottom:15px;}
	.vision .title h3 {font-size:16px; padding-right:20px;}
	.vision .group {margin-bottom:30px;}
	.vision ul {margin:-10px 0;}
	.vision ul:before {display:none;}
	.vision ul li {float:none; width:100%; padding:10px 0}
	.vision ul li:after {display:none;}

	.radioWrap {width:150px; height:150px;}
	.radioWrap .cell h3 {font-size:14px; margin-top:10px;}

	.network p {font-size:14px; margin-bottom:10px;}
	.network br {display:none;}

	.location-info ul li {float:none; width:100%;}
	.location-info ul li .tit {font-size:16px; padding:10px;}
	.location-info ul li .infoBox {min-height:auto; padding:15px 0;}
	.location-info ul li .infoBox p {font-size:14px; margin-top:10px;}
	
	.busines-intro {font-size:14px;}
	.busines-intro .group {margin-bottom:30px;}
	.busines-intro .group .img {float:none; width:100%;}
	.busines-intro .group .txt {float:none; width:100%; padding-left:0; margin-top:15px;}
	.busines-intro .group .txt p {margin-bottom:15px;}
	.busines-intro .group .txt p br {display:none;}

	.smTitle {margin-bottom:10px;}
	.smTitle h3 {font-size:16px;}
	.smTitle h3:before {width:20px; height:20px;}
	
	.drow.row-4 {margin:-5px;}
	.drow.row-5 {margin:-5px;}
	.drow .col {padding:5px;}
	.drow .col:nth-child(2n+1) {clear:left;}
	.drow.row-4 .col {width:50%;}
	.drow.row-5 .col {width:50%; padding:5px;}
	.drow.inline {margin:-5px;}
	.drow.inline .col {display:block; width:50%; float:left; padding:5px;}

	.stepCon .leftBox {float:none; width:100%; padding-top:0; text-align:center;}
	.stepCon .leftBox:after {display:none;}
	.stepCon .rightBox {float:none; width:100%; padding:20px 15px; margin-top:15px;}

	.topTxt br {display:none;}
	.topTxt {font-size:14px; margin-bottom:20px;}

	.hire table tbody th, .hire table tbody td {padding:10px; font-size:14px;}
	.hire .lastTxt {font-size:13px;}
	
	.conWrap:after {display:none;}
	.dtable {display:block; margin:-10px -5px; overflow:hidden;}
	.dtable .cell {display:block; float:left; width:50%; padding:10px 5px; }
	.dtable .cell:nth-child(2n+1) {clear:left;}
	.dtable .space {display:none; overflow:hidden;}
	.dtable p {font-size:14px; margin-top:5px;}

	.mailform .topTit {font-size:16px; margin-bottom:15px;}

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




}

@media (max-width: 720px) {

	/* board */

	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}
	
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px; height:32px !important;}
	.board-search .search .input {width:calc(100% - 80px); height:32px !important;}
	.board-search .search .btn {height:32px !important; line-height:30px; padding:0 10px; width:75px; text-align:center;}

	.board-list ul li {padding:15px 0;}
	.board-list ul li .subject a {font-size:14px; max-width:100%; }
	.board-list ul li .txt {padding:0 15px;}
	.board-list ul li .num {width:60px; font-size:13px;}
	.board-list ul li .more {display:none;}

	.gallery-list {margin:0 -15px; padding:15px 15px 0;}
	.gallery-list ul {margin:-5px;}
	.gallery-list ul li {width:50%; padding:5px;}
	.gallery-list ul li:nth-child(4n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}

	.board-view {margin:0 -15px;}
	.board-view.type2 {margin:0;}
	.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 {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;}
	.board-write .group {padding:5px 15px 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:14px; line-height:30px; padding:0 10px;} 
	.btn-pack.large {height:32px; font-size:14px; line-height:30px; padding:0 10px;} 
	.btn-pack.xlarge {height:45px; line-height:43px; font-size:17px; padding:0 30px;}
	.btn-pack.xlarge.wide {max-width:200px;}

	.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: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;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.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;}

	.form-agree .btn {display:none;}
	.form-agree dt {font-size:15px;}
	.form-agree dd {font-size:14px; color:#666;}
	.form-agree .scroll-box {padding:7px; font-size:12px; height:100px;}
	
	.mailform .input {height:30px; font-size:13px;}
	.mailform .textarea {height:120px !important;}	
	.mailform table tbody th,
	.mailform table tbody td {padding:5px 10px; height:auto; font-size:13px;}


	
}

@media (max-width: 640px) {
	 /* bbs */ 
	.gallery-list {padding-top:15px;}
	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:27px;}
	.gallery-list ul li .thumb {margin-bottom:10px;}
	.gallery-list ul li .tit {font-size:14px;}
	.gallery-list ul li .date {font-size:12px; margin-top:4px;}

	.product-list ul {margin:0 -7px;}
	.product-list ul li {width:50%; padding:0 7px; margin-bottom:27px;}
	.product-list ul li .thumb {margin-bottom:10px;}
	.product-list ul li .tit {font-size:14px;}
	.product-summary {display:block;}
	.product-image {width:100%; margin-bottom:20px;}
	.product-info {width:100%;}
	.product-info .tit {font-size:22px; padding-bottom:14px; margin-bottom:14px;}
	.product-detail {padding-bottom:25px; margin-bottom:25px;}
	.product-detail .tit {font-size:17px; padding-bottom:10px; margin-bottom:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.view .btn-pack.medium {
		height: 38px;
		padding: 0 14px;
		font-size: 14px;
		line-height: 36px;
	}

}