@charset "utf-8";

@media all and (max-width:1500px) {
	#wrapper {padding-top:100px;}
	#gnb > ul > li {margin-left:35px;}
	#gnb > ul > li > a {line-height:100px;}
	#gnb .submenu ul li a {padding:10px 0;font-size:15px;}
	.header-fixed #gnb > ul > li > a {line-height:90px;}
	.header-fixed .util {top:8px;}
	.util {top:14px;}
	.util .head-search {margin-bottom:8px;}

	#footer .foot-links ul > li {margin-left:30px;}
}

@media all and (max-width:1370px) {
	#gnb {text-align:left; padding-top:40px; margin-right:0; margin-left:250px;}
	#gnb > ul > li > a {line-height:60px;}
	#gnb .submenu ul li a {padding:5px 0; font-size:14px;}
	#gnb .submenu ul li a:after {bottom:2px;}
	.header-fixed #gnb > ul > li > a {line-height:60px;}
	.header-fixed .util {top:8px;}
	.util {top:8px;}
	.util .head-search {float:left; margin-bottom:0;}
	.util .head-tel {float:left; margin-left:10px; margin-top:5px;}
}

@media all and (max-width:1180px) {
	#wrapper {padding-top:78px;}
	.sitelogo {position:static; margin-top:0; text-align:center; padding:15px 0;}
	.sitelogo img {height:48px;}
	#gnb {display:none}
	.util {display:none}	
	.btn-menu {display:block;}
	.btn-search {display:block;}
	.mobile-navigation {display:block;}

	.link-section .over .tit {font-size:30px;}

	.portfolio-section {padding:50px 0;}
	.portfolio-section .head .tit {font-size:25px;}
	.portfolio-section .con {margin:0 -10px;}
	.portfolio-section .slider li {padding:0 10px;}

	.sub #container {padding-top:40px;}

	.product-list ul {margin:-15px -10px;}
	.product-list ul li {font-size:15px; padding:15px 10px;}
	.product-list ul li .thumb {margin-bottom:10px;}
	.product-list ul li.active .thumb:after {border-width:3px;}

	.product-list2 ul {margin:-10px -10px;}
	.product-list2 ul li {font-size:15px; padding:10px 10px;}
	.product-list2 ul li.active .thumb:after {border-width:3px;}

	.product-detail .thumbs ul li.active a:after {border-width:2px;}
	.product-detail .close {top:10px; right:0; background:#373737}

	.sound-banner {height:auto;}
	.sound-banner .inner {position:static; margin-left:0; width:100%; height:auto;}
}

@media all and (max-width:1024px) {
	.link-section .over .tit {font-size:25px;}

	.about {padding:0;}
	.about .cell.cnt {padding-left:30px; padding-right:0;}
	.about .livetech {padding:0 0 15px;}
	.about .livetech img {height:50px;}
	.about .txt {font-size:15px; line-height:1.6em; min-height:auto;}
	.about .info table th span {font-size:15px}
	.about .info table td {font-size:15px; line-height:1.6em;}

	#footer {text-align:center; padding:25px 0;}
	#footer .foot-links ul {display:inline-block; vertical-align:top}
	#footer .foot-links ul > li {padding:3px 0; margin:0 15px;}
	#footer .foot-links ul > li > a {font-size:15px;}
	#footer address {margin-right:0;}
	#footer .foot-info span {margin:0 5px;}
	#footer .foot-logo {position:static; margin-top:20px;}
	#footer .foot-logo img {height:40px;}
	
}

@media all and (max-width:800px) {
	.sub #container {padding-top:30px;}
	.real-cont {padding-bottom:50px;}

	.sub-title {margin-bottom:20px;}
	.sub-title h2 {font-size:20px;}

	.link-section .over {background: rgba(0, 0, 0, .3); opacity:1;}
	.link-section .over .tit {font-size:16px;}
	.link-section .over .tit u {border-bottom-width:1px; padding-bottom:2px;}

	.portfolio-section {padding:40px 0 50px;}
	.portfolio-section .head {margin-bottom:20px;}
	.portfolio-section .head .tit {font-size:20px;}
	.portfolio-section .con {margin:0 -5px;}
	.portfolio-section .slider li {padding:0 5px;}
	.portfolio-section .slick-dots {margin-top:20px;}

	.product-list ul {margin:-14px -5px;}
	.product-list ul li {width:33.33333333%; font-size:14px; padding:14px 5px;}
	.product-list ul li:nth-child(4n+1) {clear:none;}
	.product-list ul li:nth-child(3n+1) {clear:left;}
	.product-list ul li .thumb {margin-bottom:8px;}
	.product-list ul li.active .thumb:after {border-width:3px;}

	.product-list2 ul {margin:-10px -10px;}
	.product-list2 ul li {width:33.33333333%; font-size:14px; padding:5px;}
	.product-list2 ul li:nth-child(4n+1) {clear:none;}
	.product-list2 ul li:nth-child(3n+1) {clear:left;}
	.product-list2 ul li.active .thumb:after {border-width:3px;}

	.product-detail .thumbs ul {margin:0 -3px;}
	.product-detail .thumbs ul li {padding:0 3px 6px;}
	.product-detail .info {padding:0;}
	.product-detail h3 {font-size:20px;}
	.product-detail p {font-size:14px;}

	.about .cell {display:block; width:100%;}
	.about .cell.cnt {padding-left:0; margin-top:30px;}
	.root_daum_roughmap .wrap_map {height:300px !important;}

	.board-search .search .select {min-width:90px;}
	.board-search .search .input {width:140px;}


}

@media all and (max-width:600px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.input,.select,.textarea {font-size:14px;}
	.only-mobile {display:block;}

	#wrapper {padding-top:62px;}
	.contain {padding-left:15px; padding-right:15px;}

	.sitelogo {padding:10px 0;}
	.sitelogo img {height:42px;}

	.btn-search {left:15px;}
	.btn-menu {right:15px;}
	.m-search {padding:15px 60px 15px 15px;}
	.m-search .input {height:35px; font-size:14px; line-height:20px; padding:4px 60px 4px 15px;}
	.m-search .close {right:15px;}

	.mobile-navigation {top:62px; width:100%; height:auto; transition:none;}

	/* main */
	.link-section {overflow:hidden;}
	.link-section .inner {margin:0 -1px; padding:1px 0;}
	.link-section .item {float:left; width:100%; padding:1px;}
	.link-section .item img {width:100%;}
	.link-section .item.w50 {width:50%;}
	.link-section .pc-link {display:none;}

	.portfolio-section {padding:40px 0;}
	.portfolio-section .head {margin-bottom:12px;}
	.portfolio-section .head .tit {font-size:18px;}
	.portfolio-section .con {margin:0 -3px;}
	.portfolio-section .slider li {padding:3px;}
	.portfolio-section .slick-dots li button {width:10px; height:10px;}

	/* footer */
	#footer {padding:15px 0;}
	#footer .foot-links ul {width:100%; border:1px solid #747474;}
	#footer .foot-links ul li {float:left; margin:0 0 -1px; padding:0; width:50%; border-bottom:1px solid #747474; border-right:1px solid #747474;}
	#footer .foot-links ul li:nth-child(2n) {border-right:0}
	#footer .foot-links ul li a {display:block; font-size:13px; line-height:25px;}
	#footer .foot-info {line-height:1.5em;}

	/* sub */
	.sub #container {padding-top:20px;}
	#contArea {padding-left:15px; padding-right:15px;}
	.real-cont {padding-bottom:30px; min-height:200px;}

	/* board */
	.result-top {font-size:14px; padding:0; margin-bottom:15px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {min-width:auto; width:80px;}
	.board-search .search .input {width:calc(100% - 150px);}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.board-view {margin:0 -18px;}
	.board-view .head .tit {font-size:15px; padding:10px 18px;}
	.board-view .head .info {font-size:12px; padding:8px 18px;}
	.board-view .head .files {padding:10px 18px 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 18px 25px;}

	.board-write {margin:0 -18px;}
	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:6px; 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;}

	.prev_next {margin:0 -18px;}
	.prev_next dt {width:73px; padding:8px 0 8px 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 {margin:12px 0;}
	.paginate a, .paginate strong {line-height:32px; font-size:14px;}
	.paginate a.direction {width:28px; height:32px;}
	.paginate a.direction.prev {margin-right:10px;}
	.paginate a.direction.next {margin-left:10px;}

	.mailform {margin:0 -15px;}
	.mailform .form-tit {margin:0 15px 8px; font-size:15px; line-height:1.4em; color:#555;}
	.mailform table {margin-bottom:25px;}
	.mailform table tbody th,
	.mailform table tbody td {font-size:14px; padding:7px 15px;}
	.mailform .files_table {border-top:0; margin-bottom:0;}
	.mailform .files_table td {padding:2px 0; border-bottom:0;}
	.mailform .files_table .input {width:calc(100% - 100px) !important;}
	#kcaptcha_image {width:auto; height:40px;}

	.form-agree {margin-top:15px; margin-bottom:15px;}
	.form-agree dd {font-size:13px;}
	.form-agree .scroll-box {height:70px; font-size:12px; line-height:17px; padding:8px;}
	.form-agree .btn {display:none;}

	.buttons {margin:12px 0;}

	.btn-pack.medium {padding:0 9px;}
	.btn-pack.large {height:38px; line-height:36px; font-size:15px; padding:0 18px;}
	.btn-pack.xlarge {height:42px; line-height:40px; font-size:16px; padding:0 22px;}
}

@media all and (max-width:480px) {
	.product-list ul {margin:-10px -4px;}
	.product-list ul li {width:50%; padding:10px 4px;}
	.product-list ul li:nth-child(3n+1) {clear:none;}
	.product-list ul li:nth-child(2n+1) {clear:left;}
	.product-list ul li a {text-decoration:none !important;}

	.product-list2 ul {margin:-4px;}
	.product-list2 ul li {width:50%; padding:4px;}
	.product-list2 ul li:nth-child(3n+1) {clear:none;}
	.product-list2 ul li:nth-child(2n+1) {clear:left;}
	.product-list2 ul li a {text-decoration:none !important;}

	.product-detail .arrow {top:-6px; margin-left:3px; border-width:6px;}
	.product-detail .close {width:26px; height:26px;}
	.product-detail .wrap {padding:15px 0; min-height:430px;}
	.product-detail .row {margin:0;}
	.product-detail .row .col {float:none; width:100%; padding:0;}
	.product-detail .origin {margin-bottom:4px;}
	.product-detail .thumbs ul li {padding:0 2px 4px;}
}