@charset "utf-8";

* {margin:0; padding:0;}
body, select, input, textarea {font-size:12px; color:#333; font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;}
img {border:0;}

.input_white {border:1px solid #bfbfbf;}
.input_gray {border:1px solid #bfbfbf; background-color:#F5F5F5;}

.btn_normal {margin:0 5px; padding:5px 10px; cursor:pointer;}

a {text-decoration:none;}
a:link, a:visited {color:#333;}
a:hover	{color:#327EDA;}

.directBtn {position:absolute; top:-1000px;}

/* 상단 로고, 탑메뉴 */
#topArea {width:100%; height:106px;}
#topArea .topBox {margin:0 auto; width:980px; height:71px;}
#topArea .topBox .logoBox {float:left; margin-top:7px; margin-left:55px; width:70px; height:57px;}
#topArea .topBox .topMenuBox {float:right; position:relative; width:600px;}
#topArea .topBox .topMenuBox .contact_main {position:relative; top:10px; left:200px; width:50px;}
#topArea .topBox .topMenuBox .contact_sub {position:relative; top:10px; left:375px; width:50px;}
#topArea .topBox .topMenuBox ul.topMenu {position:absolute; top:0; right:0; margin-top:10px; height:20px; list-style:none; overflow:hidden;}
#topArea .topBox .topMenuBox ul.topMenu li {float:left; padding-left:22px; padding-right:12px;}
#topArea .topBox .topMenuBox ul.topMenu li.bar {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.qbat-jun.pb.xe%2Svzntrf%2SgbcZrah_one.tvs) no-repeat 5px 3px;}
#topArea .topBox .topMenuBox ul.topMenu li a {font-size:11px;}
#topArea .topBox .topMenuBox ul.topMenu li a.customer {font-size:15px;}
#topArea .topBox .topMenuBox ul.topMenu li a.eng {color:#e85100;}

#topArea .topBox .topMenuBox .pSearch {position:absolute; top:37px; right:18px; width:20px; height:20px;}
#topArea .topBox .topMenuBox .pSearch i {font-size:20px;}

/* 검색창 */
#topArea .searchAreaBack {position:absolute; top:111px; right:0; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:.4;filter:alpha(opacity=40); z-index:100; display:none;}
#topArea .searchAreaWin {position:absolute; top:111px; left:0; width:100%; height:250px; border-bottom:1px solid #d7d7d7; box-shadow:0 5px 10px #838383; z-index:101; display:none;
background: rgb(234,234,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(234,234,234) 0%, rgb(238,238,238) 26%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(234,234,234) 0%,rgb(238,238,238) 26%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(234,234,234) 0%,rgb(238,238,238) 26%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#topArea .searchAreaWin .searchBox {margin:0 auto; width:980px;}
#topArea .searchAreaWin .searchBox fieldset {position:relative; margin:120px auto 0; width:505px; text-align:center; border:0;}
#topArea .searchAreaWin .searchBox fieldset legend {position:absolute; top:-50px; left:10px;}
#topArea .searchAreaWin .searchBox fieldset legend a {margin-right:5px; padding:4px 14px; border-radius:16px; color:#fff; background-color:#afafaf;}
#topArea .searchAreaWin .searchBox fieldset legend a:hover {background-color:#eb9547;}
#topArea .searchAreaWin .searchBox fieldset legend a.on {background-color:#eb9547;}

#topArea .searchAreaWin .searchBox fieldset .inputBox {position:relative; padding:0 40px 10px 8px; border-bottom:2px solid #222; z-index:103;}
#topArea .searchAreaWin .searchBox fieldset .inputBox input {width:455px; height:39px; font-size:30px; line-height:30px; border:0; background:none;}
#topArea .searchAreaWin .searchBox fieldset .inputBox a {position:absolute; top:-2px; right:0; width:40px; height:40px; font-size:30px;}
#topArea .searchAreaWin .searchBox fieldset .inputBox a i {line-height:40px; vertical-align:bottom;}

/* 상단 제품검색 suggest */
#topArea .searchAreaWin .searchBox #h_suggestArea {position:absolute; top:51px; left:1px; z-index:102;}
#topArea .searchAreaWin .searchBox #h_suggestArea ul {width:501px; padding:8px 0; background:#fff; border:1px solid #D2D2D2; border-top:0; list-style:none;}
#topArea .searchAreaWin .searchBox #h_suggestArea ul li {padding:3px 10px; text-align:left; border-bottom:1px solid #eee; background:#fff;}
#topArea .searchAreaWin .searchBox #h_suggestArea ul li:last-child {border-bottom:0;}
#topArea .searchAreaWin .searchBox #h_suggestArea ul li.on {background:#ecfbf0;}
#topArea .searchAreaWin .searchBox #h_suggestArea ul li:hover {background:#ecfbf0; color:#4AA986; cursor:pointer;}
#topArea .searchAreaWin .searchBox #h_suggestArea p {padding:3px; text-align:center; background:#c8c8c8; color:#fff; cursor:pointer;}

/* 메인메뉴 */
#topArea .menuBox {position:relative; height:40px; z-index:99; background:#1e6aaf;}

#topArea .menuBox .gnbArea {position:absolute; top:0; left:0; width:100%; overflow:hidden; z-index:99;}
#topArea .menuBox .gnbArea .gnbBox {position:relative; width:980px; margin:0 auto; z-index:99;}
#topArea .menuBox .gnbArea .gnbBox .gnb {position:absolute; top:0; left:0; overflow:hidden; z-index:99;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul {width:100%; list-style:none; overflow:hidden;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li {float:left; width:140px; height:343px; text-align:center;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li a {display:block;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li .mMenu {height:40px;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li .mMenu a {line-height:40px; color:#fff; font-size:14px; font-weight:bold;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li.on .mMenu a {color:#e4edfa;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li .sMenu {height:303px;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li.on .sMenu {background:#fff;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li .sMenu a {line-height:28px; font-size:13px;}
#topArea .menuBox .gnbArea .gnbBox .gnb ul li .sMenu a:hover {background:#f9935b; color:#fff;}

#topArea .menuBox .gnbArea .gnbBack {position:absolute; top:40px; left:0; width:100%; height:303px; background-color:rgba(238, 238, 238, 0.95); border-bottom:2px solid #d14917; z-index:98;}

/* 하단 */
#footerArea {width:100%; border-top:1px solid #DCDCDC; border-bottom:5px solid #C4C4C4;}

#footerArea .logo {width:980px; height:60px; margin:10px auto 0; text-align:center; overflow:hidden}
#footerArea .logo table {width:100%; border:0; border-collapse:collapse;}
#footerArea .logo ul {margin:5px auto 0; list-style:none; overflow:hidden}
#footerArea .logo ul li {float:left; margin:5px;}
#footerArea .logo ul li.bar span {width:5px; background:#eee;}

#footerArea .copyRight {background:#eaeaea; border-top:1px solid #DCDCDC;}
#footerArea .copyRight .copyBox {position:relative; width:980px; height:80px; margin:0 auto; padding:20px 0; font-size:11px; color:#838383; overflow:hidden;}
#footerArea .copyRight .copyBox .dwLogo {position:absolute; top:40px; left:20px;}
#footerArea .copyRight .copyBox .dwInfo {position:absolute; top:38px; left:200px; line-height:16px;}
#footerArea .copyRight .copyBox .dwEtc {position:absolute; top:38px; right:0; line-height:16px; text-align:right;}
#footerArea .copyRight .copyBox .dwEtc a {margin:0 5px;}
#footerArea .copyRight .copyBox .dwEtc .eng {font-size:9px; color:#b0b0b0}

#mobileVersion {display:none; width:800px; margin:100px auto; text-align:center;}
#mobileVersion a {padding:30px 100px; font-size:40px; background:#f5f5f5; border:1px solid #bebebe;}

/* 큰 사진 보기 */
#mainArea #popLayer {padding:10px; width:0; height:0; background:#efefef; border:5px solid #d9d9d9; cursor:pointer; box-shadow: 0 0 15px 0 #000; z-index:1;}
#mainArea #popLayer .p_caption {margin-top:10px; font-size:13px; line-height:22px; color:#36A529;}

a.enlarge {position:relative;}
a.enlarge i {position:absolute; bottom:6px; right:4px; color:#f1f1f1; font-size:11px; opacity:0.7; filter:alpha(opacity=70);}
a.enlarge:hover i {opacity:0.9; filter:alpha(opacity=90);}