@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
*/
html, body{height:100%; margin:0px; padding:0px;}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
img,input,select,textarea,button {vertical-align:middle;}
hr, input::-ms-clear {display:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5; font-family:/*'Noto Sans KR',*/ 'Nanum Gothic', 'Nanum Barun Gothic', '돋움', dotum, sans-serif; color:#333;} /* color값은 디자인가이드에 맞게사용 */
.os_mac body,.os_mac th,.os_mac td,.os_mac input,.os_mac select,.os_mac textarea,.os_mac button {font-family:apple SD gothic neo,'돋움',dotum,sans-serif;}
a {color:inherit; text-decoration:none; outline:none;}
/*a:active, a:hover {text-decoration:underline;}*/
a:active {background-color:transparent; ;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal; ;}
html, body {height:100%; margin:0px; padding:0px;} 
table,th,td {border-collapse:collapse; padding:0; border-spacing:0;}

textarea {width:98%; min-height:50px; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#f8f8f8; font-size:12px; padding:0 5px; letter-spacing:0px; margin:2px;}
input[type="button"], input[type="submit"], input[type="reset"] {height:26px; line-height:20px; border:1px solid #2c3447; background:#3e455b; color:#FFF; border-radius:3px; padding:0 5px; cursor:pointer;}
input[type="button"].searchBtn, input[type="submit"].searchBtn, input[type="reset"].searchBtn {height:35px; line-height:35px; min-width:100px; border:1px solid #2c3447; background:#3e455b; color:#FFF; border-radius:3px; padding:0 5px; font-size:16px; cursor:pointer;}
input[type="button"].bigbutton, input[type="submit"].bigbutton {min-width:80px; height:26px; font-size:16px;}
input[type="button"].redbtn, input[type="submit"].redbtn {min-width:80px; height:26px; background:#FF0000; border:1px solid #ab0404;}
input[type="text"] {}
input[type="text"], input[type="password"], input[type="number"] {height:22px; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#f8f8f8; font-size:12px; padding:0 5px; letter-spacing:0px; margin:2px;}
input[type="file"] {height:26px; margin:2px;}
select {height:24px; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#f8f8f8; font-size:12px; margin:2px;}

.radio {text-align:left; vertical-align:middle; margin-right:5px;}
.radio input[type="radio"]{display:none;}
.radio input[type="radio"] + label{display:inline-block; height:20px; line-height:20px; background:url("/images/icon/radio_off.png") left center no-repeat; cursor:pointer; padding-left:22px;}
.radio input[type="radio"]:checked + label {background:url("/images/icon/radio_on.png") left center no-repeat;}

.checkbox {text-align:left; vertical-align:middle;}
.checkbox input[type="checkbox"]{display:none;}
.checkbox input[type="checkbox"] + label{display:inline-block; height:20px; line-height:20px; background:url("/images/icon/checkbox_off.png") left center no-repeat; cursor:pointer; padding-left:22px;}
.checkbox input[type="checkbox"]:checked + label {background:url("/images/icon/checkbox_on.png") left center no-repeat;}

.area {width:1100px; margin:auto;}
.clear {clear:both;}
.bold {font-weight:600;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.btnarea {margin:20px 0;}
.pageBottom {height:50px;}

.fbrown {color:#84400f;}
.fred {color:#FF0000;}
.fskyblue {color:#067cea;}
.fblack {color:#000;}
.forange {color:#f94515;}

h3.Title {font-size:20px; color:#000;}
h3.Title .smallfont {font-size:14px;}

h3.pageTitle {background:url('/images/icon/icon_pageTitle.jpg') 0px 8px no-repeat; padding:5px 0 5px 40px; font-size:16px; color:#000;}

.Table_height {width:100%;}
.Table_height th {border-bottom:1px solid #d1d1d1; padding:5px;}
.Table_height td {border-bottom:1px solid #d1d1d1; padding:5px;}
.Table_height td.tleft {text-align:left;}
.Table_height td.tcenter {text-align:center;}
.Table_height td.tright {text-align:right;}

.Table_width {width:100%;}
.Table_width th {border:1px solid #d1d1d1; padding:5px; background:#eee;}
.Table_width th:first-child,
.Table_width td:first-child {border-left:0px;}
.Table_width th:last-child,
.Table_width td:last-child {border-right:0px;}
.Table_width td {border:1px solid #d1d1d1; padding:5px;}
.Table_width td.tleft {text-align:left;}
.Table_width td.tcenter {text-align:center;}
.Table_width td.tright {text-align:right;}

.Newlist li .text_overflow_hidden {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; width:230px; display:inline-block;}

.disc li {list-style-type:disc; margin-left:20px; font-size:14px; font-weight:600;}

#wrap {width:100%; height:100%;}
#header {height:99px; position:relative; z-index:10000; border-bottom:1px solid #d1d1d1;}
#header #header-area {height:99px; margin:0 auto;}
#header #header-area .Logo {float:left; width:200px; height:35px; margin-top:32px;}
#header #header-area .MenuZone {float:left; width:900px; height:99px;}
#header #header-area .MenuZone .TNB {float:right; padding:0 5px;}
#header #header-area .MenuZone .TNB .Search_top {float:right; margin:3px;}
#header #header-area .MenuZone .TNB .Menu {float:right; margin-left:10px; background:#0168b7; height:35px; border-radius:0 0 5px 5px; padding:0 20px;}
#header #header-area .MenuZone .TNB .Menu ul {float:right;}
#header #header-area .MenuZone .TNB .Menu ul li {float:left; height:35px; line-height:35px;}
#header #header-area .MenuZone .TNB .Menu ul li a {color:#FFF;}
#header #header-area .MenuZone .TNB .Menu ul li:after {display:inline-block; vertical-align:top; width:1px; height:10px; background:#FFF; margin:13px 10px 0 10px; content:' ';}
#header #header-area .MenuZone .TNB .Menu ul li:last-child:after {display:none;}

#header #header-area .MenuZone .GNB {float:right; margin-top:20px;}
#header #header-area .MenuZone .GNB ul {}
#header #header-area .MenuZone .GNB ul li {float:left; width:140px; font-size:16px;}
#header #header-area .MenuZone .GNB ul li:hover {font-weight:600;}

#header #header-area .MenuZone .bg_sub {position:absolute; top:99px; left:0px; height:0px; border-bottom:1px solid #d1d1d1; background:#FFF; width:100%; overflow:hidden;}
#header #header-area .MenuZone .bg_sub .menugred {float:right;}
#header #header-area .MenuZone .bg_sub .menugred > li {float:left; width:140px;}
#header #header-area .MenuZone .bg_sub .menugred > li .submenu li {padding:5px 0;}
#header #header-area .MenuZone .bg_sub .menugred > li .submenu li:hover {font-weight:600;}

#container {min-height:100%; margin-top:-100px; margin-bottom:-100px; position:relative;} 
#container #container-area {padding-top:100px; padding-bottom:100px; margin:auto;}
#container #container-area .Content-Area {float:left; width:899px; border-left:1px solid #d1d1d1; min-height:790px;}
/* 메인영역 */
#container #container-area .visual {width:100%; position:relative; overflow:hidden;}
#container #container-area .visual #slider {position:relative; left:0; top:0; width:100%; height:735px; overflow:hidden;}
#container #container-area .visual #slides a.slidesjs-previous,
#container #container-area .visual #slides a.slidesjs-next{display:inline-block; z-index:100; overflow:hidden; position:absolute; bottom:50%; width:30px; height:57px; vertical-align:bottom; font-size:0px;}
#container #container-area .visual #slides a.slidesjs-previous{left:20px; width:30px; height:57px; margin:0 10px 0 0; background-position:0 0; background:url('/images/icon/btn_left.png') 0 0 no-repeat;}
#container #container-area .visual #slides a.slidesjs-previous:hover{background:url('/images/icon/btn_left.png') 0 0 no-repeat;}
#container #container-area .visual #slides a.slidesjs-next{right:20px; width:30px; height:57px; background-position:-20px 0; background:url('/images/icon/btn_right.png') 0 0 no-repeat;}
#container #container-area .visual #slides a.slidesjs-next:hover{background:url('/images/icon/btn_right.png') 0 0 no-repeat;}
#container #container-area .visual #slides ul.slidesjs-pagination{z-index:100; position:absolute; bottom:10px; left:900px; display:none;}


#container #container-area .Product {margin-top:20px;}
#container #container-area .Product ul {margin-top:20px;}
#container #container-area .Product ul li {float:left; width:20%;}
#container #container-area .Product ul li .picture {margin:10px; height:150px; line-height:150px; text-align:center; border:1px solid #d1d1d1; border-radius:10px; box-shadow:1px 3px 3px #ddd;}

#container #container-area .NewBoard {margin-top:20px; margin-bottom:50px;}
#container #container-area .NewBoard .Notice {float:left; width:381px; height:277px;}
#container #container-area .NewBoard .Press {float:left; width:381px; height:277px;}
#container #container-area .NewBoard .SNS {float:right; width:338px;}
#container #container-area .NewBoard .Customer {float:left; width:741px; height:78px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:10px;}

#container #container-area .NewBoard .picture {width:320px; height:160px; line-height:160px; border:1px solid #d1d1d1; border-radius:10px; text-align:center; margin:10px;}
#container #container-area .NewBoard .Newlist {margin:10px;}
#container #container-area .NewBoard .Newlist li {font-size:14px; width:320px; padding:5px 0; border-bottom:1px dashed #d1d1d1;}
#container #container-area .NewBoard .Newlist li .subject {}
#container #container-area .NewBoard .Newlist li .dates {float:right;}

/* 서브영역 */
#container #container-area .Left-Area {float:left; width:200px;}
#container #container-area .Left-Area .LNB_TITLE {width:200px; height:100px; line-height:100px; text-align:center; border-bottom:1px solid #d1d1d1; font-size:20px; font-weight:600;}
#container #container-area .Left-Area .LNB {margin:20px 0;}
#container #container-area .Left-Area .LNB > li > a {padding:10px; display:block; width:180px; font-size:14px;}
#container #container-area .Left-Area .LNB > li.active > a,
#container #container-area .Left-Area .LNB > li:hover > a {color:#067cea; font-weight:600; text-decoration:underline;}
#container #container-area .Left-Area .LNB > li .LNB_Sub {margin-bottom:10px;}
#container #container-area .Left-Area .LNB > li .LNB_Sub li a {padding:5px 20px; display:block;}
#container #container-area .Left-Area .LNB > li .LNB_Sub li.active a,
#container #container-area .Left-Area .LNB > li .LNB_Sub li:hover a {color:#067cea; font-weight:600; text-decoration:underline;}

#container #container-area .Left-Area .LNB2 {margin:20px 0;}
#container #container-area .Left-Area .LNB2 > li > a {padding:5px 10px; display:block; width:180px; font-size:14px;}
#container #container-area .Left-Area .LNB2 > li.active > a,
#container #container-area .Left-Area .LNB2 > li:hover > a {color:#067cea; font-weight:600; text-decoration:underline;}
#container #container-area .Left-Area .LNB2 > li .LNB_Sub {margin-bottom:10px;}
#container #container-area .Left-Area .LNB2 > li .LNB_Sub li a {padding:5px 20px; display:block;}
#container #container-area .Left-Area .LNB2 > li .LNB_Sub li.active a,
#container #container-area .Left-Area .LNB2 > li .LNB_Sub li:hover a {color:#067cea; font-weight:600; text-decoration:underline;}

#container #container-area .Left-Area .estimate_banner {padding:20px 0; font-size:16px; font-weight:600;}

#container #container-area .Left-Area .customer_banner {padding:20px; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}
#container #container-area .Left-Area .customer_banner .forange {color:#f94515; font-weight:600;}
#container #container-area .Left-Area .customer_banner h3 {font-size:25px;}
#container #container-area .Left-Area .customer_banner h4 {font-size:20px;}

#container #container-area .Content-Area .navi {margin:50px 0 20px 50px; border-bottom:1px solid #d1d1d1; height:30px;}
#container #container-area .Content-Area .navi h3.naviTitle {float:left; font-size:20px; margin-left:10px;}
#container #container-area .Content-Area .navi ul.navicate {float:right; margin-top:10px; margin-right:10px;}
#container #container-area .Content-Area .navi ul.navicate li {float:left;}
#container #container-area .Content-Area .navi ul.navicate li:after {display:inline-block; vertical-align:top; width:1px; height:10px; background:#FFF; margin:0px 10px 0px 5px; content:'>';}
#container #container-area .Content-Area .navi ul.navicate li:last-child:after {display:none;}

#container #container-area .Content-Area .subContent {margin:20px 0 20px 50px;}
#container #container-area .Content-Area .subContent img {max-width:849px;}
#container #container-area .Content-Area .About .left {float:left; margin-top:20px;}
#container #container-area .Content-Area .About .left .sign {padding:7px 0; border-bottom:1px solid #bdbdbd; color:#919191; font-size:14px; line-height:16px; letter-spacing:-0.5px; text-indent:-2px;}
#container #container-area .Content-Area .About .left .sign .big {color:#696969; font-size:26px; line-height:26px; font-weight:bold; letter-spacing:-0.3px;}

#container #container-area .Content-Area .About .LeftZone {width:150px; float:left;}
#container #container-area .Content-Area .About .LeftZone .fontA {font-size:18px;}
#container #container-area .Content-Area .About .LeftZone .fontB {font-size:15px;}

#container #container-area .Content-Area .About .HistoryZone {float:left; width:599px; margin-left:80px;}
#container #container-area .Content-Area .About .HistoryZone .HistoryBox {padding-bottom:20px; border-left:1px solid #d1d1d1;}
#container #container-area .Content-Area .About .HistoryZone .HistoryBox h3 {float:left; width:60px; font-size:18px; color:#034ea2; background:url("/images/icon/icon_history.png")left center no-repeat; padding-left:20px; font-weight:600; margin-left:-9px;}
#container #container-area .Content-Area .About .HistoryZone .HistoryBox ul {float:left; width:520px;}
#container #container-area .Content-Area .About .HistoryZone .HistoryBox ul li {padding:3px 0; color:#545454; font-size:14px;}
#container #container-area .Content-Area .About .HistoryZone .HistoryBox .month {margin-right:10px; color:#818181;}
#container #container-area .Content-Area .About .HistoryZone .number li {position:relative; z-index:0; margin:5px 0;}
#container #container-area .Content-Area .About .HistoryZone .number li .bgNum {width:35px; height:20px; position:absolute; left:-50px; z-index:-1; display:block; background:#486390; text-align:right; color:#fff; padding:0 5px;}
#container #container-area .Content-Area .About .HistoryZone .BrandCont {margin-top:50px;}

#container #container-area .Content-Area .About .headerCopy {font-size:22px; margin-bottom:30px;}
#container #container-area .Content-Area .About .signitureBox {border:1px solid #d1d1d1; padding:50px; text-align:center;}
#container #container-area .Content-Area .About .signitureBox img {max-width:100%;}
#container #container-area .Content-Area .About .signitureTable {width:100%; margin-top:30px;}
#container #container-area .Content-Area .About .signitureTable th {font-size:22px; border-right:1px solid #d1d1d1; text-align:left; width:200px; font-weight:normal;}
#container #container-area .Content-Area .About .signitureTable th p {color:#486390;}
#container #container-area .Content-Area .About .signitureTable td {font-size:15px; padding-left:20px;}

#container #container-area .Content-Area .About .map-area {margin:20px 0 50px;}
#container #container-area .Content-Area .About .map-area iframe {border:1px solid #ddd;}
#container #container-area .Content-Area .About .box_addr {margin-bottom:70px; padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; font-size:14px; text-align:center; }

#container #container-area .Content-Area .ProductInfo .top10 {margin-bottom:10px;}
#container #container-area .Content-Area .ProductInfo .top10list {}
#container #container-area .Content-Area .ProductInfo .top10list li {float:left; width:20%; height:250px;}
#container #container-area .Content-Area .ProductInfo .top10list li .productInfotop10 {margin:5px; padding:10px; height:230px; border:1px solid #d1d1d1; overflow:hidden; text-overflow:ellipsis;}
#container #container-area .Content-Area .ProductInfo .top10list li .productInfotop10 .product_img {}
#container #container-area .Content-Area .ProductInfo .top10list li .productInfotop10 .modelname {font-weight:600; color:#000; }
#container #container-area .Content-Area .ProductInfo .top10list li .productInfotop10 .projector_model {overflow:hidden;}

#container #container-area .Content-Area .ProductInfo .BrandList {margin-bottom:20px;}
#container #container-area .Content-Area .ProductInfo .BrandList li {float:left; width:149.8px; padding:5px 10px;}
#container #container-area .Content-Area .ProductInfo .BrandList li.active {background:#eee; font-weight:600; color:#000;}

#container #container-area .Content-Area .Cleaning .depth {margin-bottom:20px; border-top:1px solid #e9e7e8; padding-top:20px;}
#container #container-area .Content-Area .Cleaning .depth .lefttext {float:left; width:148px; font-size:16px;}
#container #container-area .Content-Area .Cleaning .depth .righttext {float:left; width:700px; border-left:1px solid #d1d1d1;}
#container #container-area .Content-Area .Cleaning .depth .righttext .numberList {}
#container #container-area .Content-Area .Cleaning .depth .righttext .numberList li {padding:10px 0; font-size:14px;}
#container #container-area .Content-Area .Cleaning .depth .righttext .numberList li .Number {background:#486390; text-align:right; width:40px; height:40px; float:left; color:#FFF; padding:5px; font-size:14px; font-weight:600; margin-right:5px; margin-left:10px;}
#container #container-area .Content-Area .Cleaning .depth .righttext .texts {padding:0 10px;}

/* Footer */
#footer {height:99px; border-top:1px solid #d1d1d1; position:relative; clear:both; background:#f1f0f0;}
#footer #footer-area {padding:22px 0;}