@charset "utf-8";

@media (max-width: 1280px) {
	#gnb > ul > li {margin-left:80px;}
} 

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}	

	#wrapper {padding-top:80px;}

	/* header */
	.sitelogo {margin-top:-21px;}
	.sitelogo img {height:42px;}

	#gnb > ul > li {margin-left:65px;}
	#gnb > ul > li > a {font-size:18px; line-height:80px;}

	/* main */
	.main-home {height:calc(100vh - 80px);}
	.main-home .item {height:calc(100vh - 80px);}
	.main-home .caption h2 {font-size:48px;}
	.main-home .caption p {font-size:22px;}
	.main-home .slick-dots {bottom:100px;}
	.main-home .slick-dots li {margin:0 6px;}
	.main-home .slick-dots li button {width:12px; height:12px;}
	.main-home .slick-arrow {margin-top:-30px; width:60px; height:60px; background-size:auto 80%;}
	.main-home .scroll {bottom:35px;}

	.main-inquiry {padding:60px 0;}
	.main-inquiry .head {margin-bottom:30px;}
	.main-inquiry .head h2 {font-size:28px; margin-bottom:13px;}
	.main-inquiry .head p {font-size:15px;}
	.main-inquiry .form .row {margin:0 -10px 20px;}
	.main-inquiry .form .row .col {padding:0 10px;}
	.main-inquiry .form .box label {padding-left:15px; width:85px;}
	.main-inquiry .form .input {font-size:14px;}

	.main-bnr {padding:60px 0;}
	.main-bnr .row {margin:0 -15px;}
	.main-bnr .row .col {padding:0 15px;}
	.main-bnr .bnr {height:220px; padding:30px;}
	.main-bnr .bnr h2 {font-size:25px;}
	.main-bnr .bnr .more {left:30px; bottom:30px;}

	/* sub */
	.lnb ul li a {font-size:16px;}

	.nav-fixed .one-page-nav {top:80px;}

	/* content */
	.greetings .img .txt {left:50px; width:300px;}

	/* board */
	.mailform .row {margin:0 -10px 20px;}
	.mailform .row .col {padding:0 10px;}
	.mailform .box label {padding-left:15px; width:85px;}
	.mailform .input {font-size:14px;}

	.product-list ul li h3 {font-size:18px;}

	.product-view .photo {padding-right:15px;}
	.product-view .photo .img {height:407px;}
	.product-view .cnt {padding-left:15px;}
	.product-view .cnt table {font-size:16px;}
	.product-view .cnt table tbody th {height:44px;}


} 

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

	#wrapper {padding-top:70px;}

	/* header */
	#header .contain {height:70px;}
	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

	/* main */
	.main-home {height:540px;}
	.main-home .item {height:540px;}
	.main-home .caption h2 {font-size:43px;}
	.main-home .caption p {font-size:20px;}

	.main-inquiry .form .row {margin:0;}
	.main-inquiry .form .row .col {float:none; width:auto; padding:0; margin-bottom:15px;}


	/* sub */
	.sub-visual {height:260px;}

	.nav-fixed .one-page-nav {top:70px;}
	
	/* content */
	.location-info .row {display:block; border-bottom:0;}
	.location-info .col {display:block; border-bottom:1px solid #ddd;}

	/* board */
	.mailform .row {margin:0;}
	.mailform .row .col {float:none; width:auto; padding:0; margin-bottom:15px;}

	.product-list ul li {width:50%;}
	.product-list ul li:nth-child(3n+1) {clear:none;}
	.product-list ul li:nth-child(2n+1) {clear:left;}
	
} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {padding-left:15px; padding-right:15px;}

	#wrapper {padding-top:55px;}

	/* header */
	#header .contain {height:55px;}

	.sitelogo {margin-top:-16px; left:15px;}
	.sitelogo img {height:32px;}

	.btn-m-menu {right:13px; width:26px; height:26px;}
	.btn-m-menu span {left:2px; right:2px; height:2px;}
	.btn-m-menu span:before {top:-7px; height:2px;}
	.btn-m-menu span:after {bottom:-7px; height:2px;}

	/* main */
	.main-home {height:225px;}
	.main-home .item {height:225px;}
	.main-home .caption {width:90%}
	.main-home .caption h2 {font-size:26px;}
	.main-home .caption p {font-size:14px;}
	.main-home .scroll {display:none;}
	.main-home .slick-arrow {display:none !important;}
	.main-home .slick-dots {bottom:13px;}

	.main-inquiry {padding:15px 0;}
	.main-inquiry .head {margin-bottom:13px;}
	.main-inquiry .head h2 {font-size:22px; margin-bottom:11px;}
	.main-inquiry .head p {font-size:12px;}
	.main-inquiry .form .row .col {margin-bottom:10px;}
	.main-inquiry .form .box label {padding-left:10px; width:65px;}
	.main-inquiry .form .input {height:40px;}
	.main-inquiry .check {font-size:14px;}
	.main-inquiry .submit {display:inline-block; width:166px; height:36px; font-size:16px; line-height:34px;}

	.main-bnr {padding:10px 0;}
	.main-bnr .row {margin:0;}
	.main-bnr .row .col {float:none; width:auto; padding:5px 0;}
	.main-bnr .bnr {height:160px; padding:25px;}
	.main-bnr .bnr h2 {font-size:22px;}
	.main-bnr .bnr .more {left:25px; bottom:25px; padding:0 15px; line-height:30px; font-size:12px;}

	/* footer */
	#footer {padding:30px 0; font-size:12px;}
	.foot-info span {margin:0 4px;}
	
	/* sub */
	.sub-visual {height:150px;}
	.sub-visual h2 {font-size:28px;}
	.sub-visual p {font-size:14px;}

	/* .lnb ul {table-layout:inherit;} */
	.lnb ul li a {padding:0 10px; font-size:14px; line-height:40px;}

	.nav-fixed #container {padding-top:40px;}
	.nav-fixed .one-page-nav {top:55px;}

	#contArea {padding-left:15px; padding-right:15px;}

	.sub-title {padding:30px 0 20px; margin-bottom:30px;}
	.sub-title h2 {font-size:22px;}

	.real-cont {padding-bottom:70px; min-height:250px;}	
	
	/* content */
	.greetings {font-size:15px;}
	.greetings .img {margin:0 -15px 30px; overflow:hidden;}
	.greetings .img > img {width:140%; max-width:140%;}
	.greetings .img .txt {top:-10px; left:20px; width:200px;}
	.greetings h2 {font-size:16px;}
	.greetings h3 {font-size:18px;}
	.greetings .sign {font-size:17px;}

	.root_daum_roughmap .wrap_map {height:250px !important;}

	.location-info dl {padding:12px 0 12px 5px;}
	.location-info dd {padding-left:15px;}
	
	/* 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 {float:none; margin-top:0; margin-bottom:10px;}
	.board-search .search {float:none;}
	.board-search .select {width:90px;}
	.board-search .input {width:calc(100% - 180px);}
	.board-search .btn-pack {height:32px; line-height:30px;}

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

	.board-view {margin:0 -15px;}
	.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 25px; padding:8px 15px; border-bottom:1px solid #ddd;}
	.board-write .group {padding:10px 0; border-top:0; line-height:1.5em; font-size:14px;}
	.board-write .group.content {padding-top:0;}
	.board-write .title {position:static; margin-bottom:7px; display:block; width:auto;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important}
	.board-write input#user_name {width:100% !important;}
	.board-write input#title {width:100% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:14px; line-height:30px; padding:0 10px;} 
	.btn-pack.large {height:36px; line-height:34px; padding:0 18px;}
	.btn-pack.submit {height:40px; min-width:150px; line-height:38px; margin:3px 3px !important;}

	.btn-submit {width:180px; height:46px; font-size:16px; line-height:46px;}

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

	.mailform .row .col {margin-bottom:10px;}
	.mailform .box label {padding-left:10px; width:65px;}
	.mailform .input {height:40px;}
	.mailform .check {font-size:14px;}

	.product-list {margin-bottom:30px;}
	.product-list ul {margin:0;}
	.product-list ul li {float:none; width:auto; padding:0; margin-bottom:20px;}

	.product-view {padding:15px;}
	.product-view .photo {float:none; width:auto; padding-right:0; margin-bottom:10px;}
	.product-view .photo .img {height:auto; padding-bottom:85%;}
	.product-view .cnt {float:none; width:auto; padding-left:0;}
	.product-view .cnt table {font-size:14px;}
	.product-view .cnt table tbody th {padding:6px; height:auto;}
	.product-view .cnt table tbody td {padding:6px;}
	.product-view .btn {margin-top:15px;}



} 

/* Landscape phones and down */
@media (max-width: 320px) {

}