@charset "utf-8";

@media (max-width: 1300px) {
	.fs-unit-container {margin-left:8%;}
}

@media only screen and (max-width: 1260px){
	.sp-panel-section .badge {right:10px; top:375px;}
}

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

	.container {width:100%; padding:0 10px;}

	input[type=checkbox] {-webkit-border-radius:4px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=checkbox]:checked {background:#fff url(../images/bbs/element_check.png) no-repeat 50% 50%; background-size:10px 10px;}
	input[type=radio] {-webkit-border-radius:10px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=radio]:checked {background:#fff url(../images/bbs/element_radio.png) no-repeat 50% 50%; background-size:9px 9px;}
	input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:0 3px 0 0 !important; outline:0;}

	/* header */
	#main #wrapper {padding-top:90px;}
	#header .logo {left:10px;}
	#header .logo img {height:60px;}
	.global {height:35px;}
	.global ul {margin:10px 0 0;}
	.gnb {margin-right: 0;}
	.gnb>ul>li>a {padding:15px 0; height: 55px;}

	/* sub page */	
	#sub #container {width:auto; margin:130px 10px 80px;}

	/* footer */
	#footer .container {padding:0 25px;}

	/* shop */
	.order-info-title h3 {font-size:16px;}
	.order-info-table #order_phone1,.order-info-table #order_phone2,.order-info-table #order_phone3,.order-info-table #order_mobile1,.order-info-table #order_mobile2,.order-info-table #order_mobile3,
	.order-info-table #ship_phone1,.order-info-table #ship_phone2,.order-info-table #ship_phone3,.order-info-table #ship_mobile1,.order-info-table #ship_mobile2,.order-info-table #ship_mobile3{width:30%;}


}

/* portrait tablet to Landscape phone */
@media (max-width: 768px) {

	body#sub {background:none;}	

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}



	/* header  */
	#main #wrapper {padding-top:55px;}
	#menu {display:block;}
	#header {height:55px;}
	#header .container {height:55px;}
	#header .logo {top:6px;}
	#header .logo img {height:40px;}
	#header .global,
	#header .gnb {display:none;}
	#header .btn-menu {display:block;}


	/* main */
	.video-section blockquote {font-size:34px; line-height:46px; font-weight:400;}

	.call-us-section a {font-size:43px; line-height:52px;}

	.sp-panel-section {height:400px;}
	.sp-panel-section .badge img {display:none;}
	.sp-panel-section .panel-text {top:25px;}
	.sp-panel-section .panel-text .headline {font-size:60px;}
	.sp-panel-section .panel-text li {font-size:25px; line-height:50px;}
	.sp-panel-section .invest-in-future {display:none;}
	.fs-unit-container {top:20px; left:0;}
	.fs-unit-container img {max-height:360px;}

	.fp-products-panel:nth-child(3n+1) {clear:none;}
	.fp-products-panel:nth-child(2n+1) {clear:left;}
	.fp-products-panel {margin-right:2%; width:48%;}
	

	/* sub */
	#sub #container {width:100%; margin:55px 0 0; border-bottom:0;}
	#sub #container h2 {font-size:1.5em;}
	#sub #container h3 {font-size:1em;}
	#sub #container img {max-width:100%;}

	.sc-header .point  {float:none;}
	.sc-header .point h1 {float:none; font-size:18px; margin-top:0;}
	.sc-header .breadcrumbs {display:none;}

	.product-search {width:100%; margin-right:0; clear:both;}
	.product-search .btn-pack {display:none;}
	#prod-search {display:block; margin-right:3.57866426%; width:100%;}

	.extended-title, nav.product-menu {display:none;}

	.content-main .inner-container {float:none; display:block; margin:0; width:100%; position:relative; padding:15px;}
	.content-main .article {float:none; display:block; margin:0; border:0; width:100%; padding:0;}
	.content-main .menu {display:none;}
	.nav-tab li a {border-radius:0;}


	/* shop */
	.ps-inner-cont .controls {margin-top:35px;}
	.ps-desktop-menu {margin-top:0; right:25px;}
	ul.sub-cats li .sub-cat-tag {display:block;}
	.sub-category-help {display:none;}
	.content-container img {max-width:100%;}
	.ps-left {float:none; width:100%; margin:0;}
	.prodimage {float:none; margin-right:0; width: 100%;}

	.accessories-container {float:left; display:block; margin-right:3.57866426%; width:48.21066787%;}
	.accessories-container:nth-child(2n+1) {clear:left;}
	.accessories-container:nth-child(2n) {margin-right:0;}

	.certificates-container, .manuals-container {float:left; display:block; margin-right:3.57866426%; width:48.21066787%;}
	.certificates-container:nth-child(2n+1), .manuals-container:nth-child(2n+1) {clear:left;}
	.certificates-container:nth-child(2n), .manuals-container:nth-child(2n) {margin-right:0;}

	.product-detail-title {margin-bottom:30px;}
	.product-detail-title h1 {min-width:360px; padding:14px 25px; border-radius:12px; font-size:22px;}

	.order-info {padding:0 0 10px; font-size:11px;}

	.order-desc {background:none; padding:0; line-height:1.3em;}

	.order-info-table tbody th {padding:10px 3px 10px 10px; width:29% !important;}
	.order-info-table tbody td {padding:10px 3px 10px 10px;}
	.order-info-table
	.order-info-table #order_phone1,.order-info-table #order_phone2,.order-info-table #order_phone3,.order-info-table #order_mobile1,.order-info-table #order_mobile2,.order-info-table #order_mobile3,
	.order-info-table #ship_phone1,.order-info-table #ship_phone2,.order-info-table #ship_phone3,.order-info-table #ship_mobile1,.order-info-table #ship_mobile2,.order-info-table #ship_mobile3{width:50px;}
	.order-info-table #bank_type{width:100%;}
	.order-info-table #dtd_number_query {width:70% !important;}

	.order-info-group {float:none !important; width:100%; margin:0 0 30px;}

	.order-list {border-bottom:1px solid #e9e9e9;}
	.order-list ul {margin:0 !important; padding:0; list-style:none;}
	.order-list .head {background:#f3f3f3; padding:8px; color:#999; font-size:13px; line-height:18px; border-bottom:1px solid #d8dfe5;}
	.order-list .head span {color:#555;}
	.order-list .body {*zoom:1; padding:10px 10px 10px 90px; border-bottom:1px solid #d8dfe5;}
	.order-list .body:after {content:" "; display:block; clear:both;}
	.order-list .body .thumb {float:left; margin:3px 0 0 -80px; width:60px;}
	.order-list .body .thumb img {width:100%;}
	.order-list .body dt {margin-bottom:5px; color:#000; font-size:14px; font-weight:700; line-height:18px;}
	.order-list .body dt a {display:inline-block; color:#000;}
	.order-list .body dd {color:#999; font-size:12px; line-height:18px;}
	.order-list .body .etc {color:#000;}
	.order-list .body .price {color:#f06122;}
	.order-list .body .state {color:#4d6ccd;}
	.order-list .body .btn {text-align:right; padding:8px 0 0 0;}
	.order-list .none {text-align:center; padding:25px 0; font-size:12px; color:#999;}

	
	.shop-table {display:none;}
	.m-shop-table ul {margin:0; padding:0; list-style:none;}
	.m-shop-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #d8dfe5;}
	.m-shop-table table th {padding:6px 10px; text-align:left; border-bottom:1px solid #d8dfe5; background:#f3f3f3;}
	.m-shop-table table td {padding:10px 10px; border-bottom:1px solid #d8dfe5; vertical-align:top; text-align:center;}
	.m-shop-table .prod-info {margin:0 0 10px;}
	.m-shop-table .prod-info .tit {color:#000; line-height:1.3em;}
	.m-shop-table .prod-info .tit a {color:#000;}
	.m-shop-table .prod-info .opt {font-size:12px; color:#999;}
	.m-shop-table .item-wrap {margin:0 0 10px !important;}
	.m-shop-table .item-wrap li .item {color:#999;}
	.m-shop-table .item-wrap li .tot {color:#f06122;}
	.m-shop-table .item-wrap li .state {color:#4d6ccd;}

	.total-price {text-align:center; padding:10px;}
	.total-price .tot {display:block;}

	.buttons.has-naverpay .fl {float:none; width:100%; margin:0 0 10px;}
	.buttons.has-naverpay .fr {float:none; width:100%; text-align:center;}
	.buttons.has-naverpay .fr .btn-pack {width:32%;}

	.shop-account {position:fixed; bottom:0; left:0; width:100%; z-index:101;}
	.shop-account .ctr {position:relative; text-align:center;}
	.shop-account .ctr a {display:inline-block; width:62px; height:20px; background:url('../images/shop/account_open.png') 0 0 no-repeat; background-size:100% 100%; color:#566a79; text-align:center;}
	.shop-account .ctr a i {vertical-align:middle; font-size:18px;}
	.shop-account .cnt-wrap {padding:5px 10px 0; background:#fff; border-top:1px solid #566a79; margin-top:-1px;}
	.shop-account .cnt {display:none; padding:15px 0 15px;}
	.shop-account .cnt .form-group {margin-bottom:5px;}
	.shop-account .cnt .form-group label {color:#556b79; margin-right:5px;}
	.shop-account .cnt .form-group .form-control {width:100%; height:32px; color:#777; padding:6px 5px;}
	.shop-account .cnt .total {text-align:right; color:#777; font-size:12px;}
	.shop-account .cnt .total strong {font-size:16px; color:#ff0000;}
	.shop-account .info-btn {*zoom:1; position:relative; padding:5px 3px 5px; background:#fff;}
	.shop-account .info-btn:after {content:" ";display:block;clear:both;}
	.shop-account .info-btn > div {float:left; display:table; height:38px; padding:0 2px;}
	.shop-account .info-btn a {position:relative; display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:#566a79; font-size:15px; font-weight:700;}
	.shop-account .info-btn .btn-cart {width:50%;}
	.shop-account .info-btn .btn-cart a {background:#e7e7e7; border:1px solid #ddd;}
	.shop-account .info-btn .btn-buy {width:50%;}
	.shop-account .info-btn .btn-buy a { background:#566a79; border:1px solid #566a79; color:#fff;}
	.shop-account .info-btn .btn-wish {width:16%; border-left:1px solid #403021;}
	.shop-account .info-btn .solidout {width:100%; background:#686868; color:#bbb; text-align:center; font-size:14px; font-weight:700; line-height:36px;}

	/* board */
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}

	.board-list {display:none;}
	.m-board-list {border-top:1px solid #efefef;}
	.m-board-list ul {margin:0; padding:0;}
	.m-board-list li {list-style:none; border-bottom:1px solid #efefef;}
	.m-board-list li a {display:block; padding:10px 5px;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:10px; 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 .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-weight:700;padding:0 4px;border-radius:2px;}
	.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;}
	.m-board-list .ico {display:inline-block;overflow:hidden;vertical-align:middle;font-size:0;line-height:200px !important;}
	.m-board-list .ico.ico-question {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_q.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .ico.ico-answer {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_a.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .qna-state {display:inline-block;zoom:1;*display:inline;width:47px;height:16px;margin:-2px 6px 0 0;border:1px solid #afb5c1;background:#fff;text-align:center;letter-spacing:-1px;font-family:Dotum;font-size:11px;line-height:16px;color:#677791;;vertical-align:middle;}

	.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;}
	.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:10px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0;}

	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}

	/* contents */
	.certificates-container {width:33.33333333%;}

}

/* Portrait phones and down */
@media (max-width: 480px) {	
	.services-section {background:#fff; border-top:none;}
	.services-section .container {margin:0; padding-top:25px;}
	.services-section .col {float:none; padding:0 0 40px; width:100%;}
	.services-section .col:nth-child(1) .icons img {width:58px; height:58px;}
	.services-section .text-panel {margin:0;}

	.video-section h2 {font-size:25px;}
	.video-section blockquote {font-size:20px; line-height:26px;}
	.video-section blockquote .attribution {font-size:10px;}
	.presentation-button {padding:10px 30px; line-height:20px; font-size:14px;}

	.call-us-section {padding:50px 0;}
	.call-us-section strong {font-size:16px;}
	.call-us-section a {font-size:30px; line-height:36px;}

	.sp-panel-section {padding:0 0 30px 0;height:auto; background-size:cover;}
	.sp-panel-section .panel-text {clear:both; left:0; max-width:100%; text-align:center;}
	.fs-unit-container {position:relative; margin-left:auto !important; margin-right:auto; text-align:center; float:none;}

	#fp-products-container h2 {font-size:5.5vw;}
	.fp-products-panel {margin-right:0; width:100%;}

	#footer .container {padding:0 10px;}
	.footer-links, .affiliations {display:none;}
	.foot-info {text-align:center;}
	
	.sc-header .content-header .icon img {height:40px; width:40px;}
	.sc-header .vertical-centre {height:40px;}
	.nav-tab li {float:left; display:block; width:50%;}

	.content-header-scrolled .point {padding-left:10px; float:left; top:20px; width:initial; position:relative;}

	.terms {margin:0;}
	.terms-container {width:100%; margin:0; padding:0;}

	.cert-box {margin:0 -10px;}
	.certificates-container {width:50%; padding:10px;}

	.contact-form {margin-left:10px; margin-right:10px;}

	.form-group dt,.form-group dd {float:none; width:100%;}

	.login h2 {margin:0 0 20px;}

	.product-selector {margin-top:0;}
	.product-selector .ps-index-copy {margin-top:20px; float:none; width:100%;}	
	.product-selector .ps-index-image {display:none;}
	.ps-main-menu-list .ps-main-menu {font-size:1em;}

	.ps-inner-cont {position:relative; margin:-15px -15px 0;}
	.view-selector {display:none;}
	.ps-inner-cont .controls {margin-top:0;}
	.ps-desktop-menu {width:100%; left:0;}
	.ps-desktop-menu .ps-desktop-filters {margin-left:0 !important;}
	.ps-desktop-menu .ps-desktop-filters li {min-width:100%;}
	.ps-desktop-menu .ps-desktop-filters i {color:#333;}
	.ps-desktop-menu .cat-header {background-color:initial; border: 0; color:initial;}
	ul.sub-cats {margin:55px 10px 20px;}
	ul.sub-cats li {float:left; display: block; margin-right:7.42297176%; width:19.43277118%;}
	ul.sub-cats li .sub-cat-tag {display:block;}
	ul.sub-cats li:nth-child(4) {margin-right:0;}

	.ps-product-container:hover {box-shadow:none}
	.ps-product-container {float:none; display:block; margin-right:0; width:100%;}

	.product-show-segment.parent {margin-top:0;}
	.offset:before {height:0; margin-top:0;}
	.tab-content h3 {font-size:15px !important; margin-bottom:30px;}
	.ps-boxcontents, .ps-applications, .ps-measures, .ps-calculates, .ps-fuel-types {float:left; display:block; margin-right:7.42297176%; width:100%;}

	.shop-control-info .row {margin:0 0 10px;}
	.shop-control-info .col {float:none; width:100%; padding:10px 0;}

	.shop-control-info.fixed {position:fixed; bottom:0; left:0; width:100%; margin:0; padding:10px 0 0; background:#eee; box-shadow:0 1px #fff inset; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transform:translate(0,0); z-index:100;}
	.shop-control-info.fixed .toggle-layer {display:block;}
	.shop-control-info.fixed .content {padding:0 15px;}
	.shop-control-info.fixed dl {line-height:40px;}
	.shop-control-info.fixed .col:nth-child(2n) {padding-bottom:0 !important;}
	.shop-control-info.fixed .btn-set {font-size:1em; line-height:32px;}
	.shop-control-info.fixed.closed .toggle-layer {background-position:0 0;}
	.shop-control-info.fixed.closed .content {display:none;}

	select#bank_type{width:100% !important;}

	.product-detail-title {margin-bottom:20px;}
	.product-detail-title h1 {min-width:160px; padding:10px 18px; border-radius:10px; font-size:18px;}

	.product-summary {margin:0;}
	.product-summary .left {padding:0 0 20px 15px;}
	.product-summary .right {padding:0 0 20px;}
	.product-summary .right .shortdesc {display:none;}

	.product-thumbnails {float:right; width:85px; margin-right:15px;}
	.product-thumbnails .thumbnail {float:none; width:85px; margin-bottom:5px;}
	.product-thumbnails .thumbnail img {max-height:85px;}

	.shortdesc {clear:both; width:100%; display:block;}
	
}