@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* ==========================================================================
   거산전자 그누보드5 테마 - 기본 스타일
   원본(www.geosan.co.kr)의 reset_1.2 / notosans / common / index / sub /
   bestproduct CSS 를 수치 변경 없이 합쳐서 이식한 파일입니다.
   ========================================================================== */

/* ---------- 원본 reset_1.2.css (이식) ---------- */
html,body{height:100%}body{margin:0;padding:0;font:normal 16px sans-serif;color:#444;-webkit-text-size-adjust:none;-ms-interpolation-mode:bicubic}body,h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,input,textarea,button{font-family:'Malgun Gothic',sans-serif}img,video,audio,object,embed,iframe{max-width:100%}img{border:0;-ms-interpolation-mode:bicubic;image-rendering:-webkit-optimize-contrast}table{border-collapse:collapse;border-spacing:0}th,td{padding:0}figure,form{margin:0}a{color:#333;text-decoration:none}article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}input[type=text],input[type=password],textarea{font-size:13px}input{-webkit-border-radius:0;-webkit-appearance:none}input[type=checkbox]{-webkit-appearance:checkbox}input[type=radio]{-webkit-appearance:radio}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}

/* ---------- 원본 notosans.css (이식, 웹폰트는 ../fonts 로 로컬화) ---------- */
@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansKR-Light-Hestia.woff") format("woff"),
		 url("../fonts/NotoSansKR-Light-Hestia.otf") format("opentype");
}
@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansKR-Regular-Hestia.woff") format("woff"),
		 url("../fonts/NotoSansKR-Regular-Hestia.otf") format("opentype");
}
body,h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,input,textarea,button{font-family: "Noto Sans","Nanum Gothic","Malgun Gothic",sans-serif;}

/* 초기화 (원본 common.css) */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:12px;font-family:'Noto Sans KR', sans-serif !important; letter-spacing:-0.7px; background:#3d3c4c;color:#999;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 그누보드 기본 유틸 */
.sound_only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;display:block}

/* 그눈보드5 기본 헤더/푸터·래퍼는 사용하지 않음 (원본 레이아웃 유지) */
#hd, #hd_wrapper, #tnb, #ft, #ft_wr { display: none !important; }
#wrapper, #container_wr, #container {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: 0 !important;
	background: transparent !important;
	min-height: 0 !important;
}

/* ---------- 헤더 ---------- */
.header-ct{
	width:100%;
	min-width:1005px;
	height:70px;
	display:block;
	position: relative;
	background-color: #fff;
}

.top-ct{
	position: absolute;
	width:100%;
	text-align:center;
}

.top-left-ct{
	display:inline-block;
	position: absolute;
	right:0;
	text-align: right;
	margin-top:30px;
	margin-right:20px;
}

.top-left-ct a{
	padding-left:28px;
}

.cf:after{
	clear:both;
	content:'';
	display: block;
}

/* ---------- LNB (서브 좌측 메뉴) ---------- */
.lnb-ct{
	display:block;
	position: relative;
	width:192px;
	height:239px;
	background-color: #2a2b38;
}

.lnb-ct .lnb{
	position: absolute;
	margin:25px 22px 25px 22px;
	width:147px;
	height:190px;
}

.lnb-ct .lnb .lnb-title{
	position: relative;
	font-size:11.1pt;
	height:34px;
	color: #f88f22;
	display:inline-block;
}

.lnb-title2{
	position: relative;
	display:inline-block;
	color: #8c5731;
	font-size : 5.77pt;
}

.lnb-ct .lnb .lnb-line{
	height:1px;
	border-top:2px solid #484954;
	width:100%;
	line-height: 0.5em;
}

.lnb-ct .lnb div:nth-child(4){
	margin-top:14px;
}

.lnb-text a{
	color:#fff;
}

/* ---------- GNB ---------- */
#menubg {width:100%; min-width:1005px; height:240px; background:rgba(0,0,0,0.65); position:absolute; left:0; top:120px; z-index:99;}

#menuwrap {clear:both; width:100%; min-width:1005px; border-top:1px solid #e5e5e5; height:50px; background:#fff;}
#menuwrap > .menubox {width:745px; margin:0 auto; margin-top:13px;}
#menuwrap > .menubox ul {overflow:hidden;}
#menuwrap > .menubox ul li.menu {float:left; width:120px; height:37px; margin-top:-1px; font-family:'Noto Sans KR'; font-size:18px; padding:0 2px; text-align:center; box-sizing:border-box; background:url('../img/line01.gif') left center no-repeat; cursor:pointer; color:#3d3c4c; font-weight:400; }
#menuwrap > .menubox ul li.menu:first-child { background:none; }
#menuwrap > .menubox ul li.menu:hover {color:#2944ff;}
#menuwrap > .menubox ul li.menu a {color:#fff;}
#menuwrap > .menubox ul li.menu ul.sub {font-size:14px; position:absolute; z-index:1000001; width:120px; height:240px; margin-left:-1px; top:120px; background:none; display:none; padding:10px 0; box-sizing:border-box;}
#menuwrap > .menubox ul li.menu ul.sub li {padding:8px 0;}
#menuwrap > .menubox ul li.menu ul.sub li:hover a {color:#fc9023;}

/* ---------- 레이아웃 ---------- */
#main { width:100%; }
#main .inner { width:1005px; margin:0 auto; }

#footer { clear:both; width:100%; padding-top:30px; }
#footer .inner { width:1005px; margin:0 auto; }
#footer .inner .cont { width:915px; margin:0 auto; border-top:1px solid #4b4b5b; text-align:left; }
#footer .inner .cont img:nth-child(1) { padding-right:10px; }

/* ---------- 메인(index) ---------- */
#owl1 { width:1005px; margin:0 auto; }
/* Owl JS 로드 전·실패 시에도 1장은 보이게 (미초기화 .owl-carousel 은 display:none) */
#owl1.owl-carousel:not(.owl-loaded) { display:block; }
#owl1.owl-carousel:not(.owl-loaded) .item:not(:first-child) { display:none; }
#owl1 .item img { display:block; width:100%; height:auto; vertical-align:top; }
#owl1 .owl-dots { text-align:left; margin-top:-10px; }

.carousel_btn_wrap { width:1005px; margin:0 auto; position:relative; }
.carousel_btn_wrap .carousel_btn { position:absolute; right:10px; top:-20px; z-index:999999; }
.carousel_btn_wrap .carousel_btn a { cursor:pointer; }

.latest_wrap { width:915px; margin:0 auto; padding:13px 13px 3px; background-color:#464451; border-radius:10px; overflow:hidden; }
.latest_wrap::after { content:''; display:block; clear:both; }
.latest_wrap .latest_L { float:left; width:235px; margin-right:15px; margin-bottom:55px; }
.latest_wrap .latest_L .bar img,
.latest_wrap .latest_R .bar img { display:block; width:100%; height:auto; }
.latest_wrap .latest_L .content { color:#fff; }
.latest_wrap .latest_R { float:left; width:638px; }
.latest_wrap .latest_R .content { color:#fff; }
.latest_wrap .search { clear:both; float:left; width:234px; margin-right:13px; background:url('../img/bg_search.jpg') no-repeat; background-position:left top; }
.latest_wrap .search .stx { color:#e05a11; height:20px; background-color:#25252e; border:1px solid #575764; margin:20px 3px 20px 12px; }
.latest_wrap .search .sch_btn { margin:20px 0 20px 0; }
.latest_wrap .catalog { float:left; width:244px; margin-right:13px; }
.latest_wrap .banners { float:left; }
.latest_wrap ul.sch_box li { float:left; }

/* ---------- 서브 ---------- */
#sub { width:100%; min-width:1005px; }
#sub .inner { width:915px; margin:0 auto; }
#sub .inner .left { float:left; width:182px; margin-right:24px; }
#sub .inner .right { float:left; width:708px; padding:20px; background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
/* LNB 가 없는 페이지(로그인/회원가입/검색 등)는 본문을 전체 폭으로 */
#sub .inner.no-lnb .right { float:none; width:915px; }
#sub .inner:after { content:''; display:block; clear:both; }
/* 이미지 타이틀이 없는 서브 페이지(제품소개 등)의 텍스트 타이틀 - 원본은 "Matrix<br><br>" */
#sub .geosan-sub-title { margin-bottom:18px; line-height:18px; color:#999; }

/* ---------- 베스트 상품 (원본 bestproduct.css) ---------- */
.best-product{ display:block; width:636px; height:131px; position: relative; }
.best-product ul{ content:""; clear:both; list-style: none; padding-left: 0 !important; }
.best-product li:nth-child(1){ float:left; width:113px; height:97px; margin-left:70px; }
.best-product li.first .contants-bg{ width:113px; height:82px; background-color: #585866; background-size:113px 82px; border-radius:10px; }
.best-product li .contants-bg img{ width:113px; height:82px; }
.best-product li.first .best-subject{ padding:0; text-align:center; color:#9392a2; }
.best-product li:nth-child(2),
.best-product li:nth-child(3),
.best-product li:nth-child(4),
.best-product li:nth-child(5){ float:left; width:113px; height:82px; background-color: #585866 !important; background-size:113px 82px; margin-left: 15px; border-radius:10px; }