@charset "utf-8";

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

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Nanum Gothic','나눔고딕','NanumGothic','돋움',Dotum,helvetica,sans-serif;font-size:13px;letter-spacing:-0.2px;line-height:1.6em;color:#555;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
li img, dd img {vertical-align:top;}
*html body img {margin:none; padding:none;} /*for IE 6*/

a{
	color:#555;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}

table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
table {table-layout:fixed; word-wrap:break-word;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}


/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
.pointer {cursor:pointer;}
.input {height:26px; padding:0 5px; font-size:13px; line-height:24px; border:1px solid #ddd; -webkit-appearance:none; -webkit-border-radius:0}
.textarea {padding:5px; font-size:13px; line-height:24px; border:1px solid #ddd; resize:none; overflow:auto; -webkit-appearance:none; -webkit-border-radius:0}
.select {height:26px; padding:0 0 0 5px; font-size:13px; border:1px solid #ddd; -webkit-appearance:none; -webkit-border-radius:0}

.form-control {height:22px; padding:1px 3px; border:1px solid #555; line-height:18px; font-size:13px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:middle;}
textarea.form-control {height:auto;overflow:auto;}
input[type="file"].form-control {border:0;padding:0;}
.form-control.input-lg {height:30px; padding:4px 4px; line-height:20px; font-size:14px;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}

.fl {float:left;}
.fr {float:right;}

.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

/* header */
#header {padding-top:7px; background:url("../images/top_bg.gif") 0 0 repeat-x; background-size:100% 24px;}
#header .logo {text-align:center;}
#header .logo img {width:120px;}
#header .gnb {padding:10px 15px;}
#header .gnb ul {margin:0 -5px;}
#header .gnb ul:after {content:" "; display:block; clear:both;}
#header .gnb li {float:left; width:33.33333333%; padding:5px;}
#header .gnb li a {display:block; padding:5px 4px; font-size:13px; line-height:1.2em; font-weight:700; color:#222; text-align:center; background:#fff; border-radius:4px; border:1px solid #5f5f5f; box-shadow:2px 2px 2px rgba(0,0,0,.25);}
#header .gnb li.active a {color:#12529b; border-color:#12529b;}
.top-search {padding:8px; text-align:center; background:#014783;}
.top-search label {margin-right:4px; font-family:"Roboto",sans-serif; font-size:12px; font-weight:700; color:#f2f2f2}
.top-search .form-input {width:66%; height:24px; padding:1px 3px; border:0; background:#ebebeb; color:#222;}
.top-search .form-btn {height:24px;}

/* sub */
.lnb {position:relative; background:#fff; border-top:4px solid #4890e4; border-bottom:1px solid #4890e4; z-index:10;}
.lnb p {position:relative; padding:0 27px; font-size:14px; line-height:35px; color:#333;}
.lnb p i {position:absolute; top:5px; right:15px; font-size:1.6em;}
.lnb ul {display:none; position:absolute; top:36px; left:0; width:100%; background:#12529b;}
.lnb ul li {border-bottom:1px solid #a5cefd;}
.lnb ul li a {display:block; padding:10px 15px; color:#a5cefd; font-size:13px; line-height:16px;}
.lnb ul li.active a {color:#fff;}
.lnb.active ul {display:block;}

.sub-title {padding:10px 15px; border-bottom:1px solid #c4c7cd;}
.sub-title h2 {padding-left:12px; color:#111; font-size:16px; line-height:1.2em; letter-spacing:-.03em; background:url("../images/bullet.gif") 0 50% no-repeat; background-size:5px auto;}
.real-cont {padding:20px 15px;}

/* footer */
#footer {width:100%; text-align:center; padding:12px 0; background:#515254;}
#footer .foot_links {width:100%; padding:0 0 10px 0;}
#footer .foot_links li {display:inline;}
#footer .foot_links li a {
	display:inline-block; 
	padding:2px 10px;
	color:#dcdcdc; 
	font-size:0.90em;
	text-align:center;
	background:#5c5d60;
	border-radius:0.4em;
	border:1px solid #414042;
}
#footer .address {color:#c5c5c5; font-style:normal; font-size:0.75em; line-height:1.5em;}
#footer .address .bar {color:#888; margin:0 2px;}

/* content */
.history p {margin-bottom:20px;}
.history .tabs {margin:0 -2px 20px}
.history .tabs:after {content:" "; display:block; clear:both;}
.history .tabs li {float:left; width:20%; padding:0 2px;}

/* 버튼 */
.buttons {*zoom:1; margin:15px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen input[type=submit],.buttons .cen input[type=cancel],.buttons .cen button {*margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;color:#767676;letter-spacing:-1px;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;
	border:1px solid #e4e7e9; border-bottom-color:#bbbfc8; outline:0; border-radius:3px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:0px 1px 1px #f0f0f0;
	background:#ffffff;	
	background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:linear-gradient(top, #ffffff 0%, #f8f8f9 100%);

}
.btn-pack.focus {
	color:#fff;	
	border:1px solid #4d90ff; border-bottom-color:#2d75ec;
	background:#4d90ff;
	background:-webkit-linear-gradient(top, #4d90ff 0%, #2d75ec 100%);
	background:-moz-linear-gradient(top, #4d90ff 0%, #2d75ec 100%);
	background:-ms-linear-gradient(top, #4d90ff 0%, #2d75ec 100%);
	background:-o-linear-gradient(top, #4d90ff 0%, #2d75ec 100%);
	background:linear-gradient(top, #4d90ff 0%, #2d75ec 100%);
}
.btn-pack.dark {
	color:#fff;	
	border:1px solid #676767; border-bottom-color:#4c4c4c;
	background:#7d7d7d;
	background:-webkit-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-moz-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-ms-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-o-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
}
.btn-pack.medium {height:26px;padding:0 13px;line-height:24px;font-size:12px;font-weight:700;}
.btn-pack.large {height:32px;padding:0 18px;line-height:30px;font-size:14px;font-weight:700;}
.btn-pack.xlarge {height:38px;padding:0 23px;line-height:36px;font-size:16px;font-weight:700;}
.btn-pack.small {height:21px;padding:0 10px;line-height:19px;font-size:11px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:141px;height:39px;text-align:center;color:#fff;font-size:13px;font-weight:700;background:#0095da;border:3px solid #46c5ff;border-radius:0;box-shadow:none;}

.btn-set {display:inline-block;width:120px;height:34px;line-height:34px;font-size:14px;font-weight:700;color:#fff;border:0;vertical-align:middle;text-align:center;}
.btn-set.btn1 {background:#337ef4}
.btn-set.btn2 {background:#797979}

/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:25px;height:25px;border:1px solid #ccc;margin:0;padding:0;font-weight:300;font-size:13px;line-height:25px;letter-spacing:-1px;color:#777;text-decoration:none;vertical-align:middle;border-radius:2px;}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#f26522;border:1px solid #f26522;}  
.paginate a.direction{padding:0; background-image:url('../images/bbs/paginate.gif'); background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-position:0 50%;}
.paginate a.direction.prev {background-position:-25px 50%;margin-right:10px;}
.paginate a.direction.next {background-position:-50px 50%;margin-left:10px;}
.paginate a.direction.last {background-position:-75px 50%;}
.paginate a.direction.disabled {cursor:not-allowed;opacity:.4;filter:alpha(opacity=40);}
.paginate a.direction.disabled:hover,
.paginate a.direction.disabled:active,  
.paginate a.direction.disabled:focus{background-color:#fff;}

/* 문의 */
.mailform-top {margin:0 0 12px; padding:0 0 0 50px; background:url('../images/icon_inquiry.png') 0 0 no-repeat; background-size:40px auto;}
.mailform-top dt {margin-bottom:4px; color:#222; font-size:12px; font-weight:700; line-height:16px;}
.mailform-top dd {font-size:11px; line-height:14px;}
.mailform {margin:0 -15px;}
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.mailform table tbody th {padding:6px 5px 6px 15px; height:26px; font-weight:400; color:#222; border-bottom:1px solid #ccc; text-align:left; white-space:nowrap;}
.mailform table tbody td {padding:6px 15px 6px 5px; border-bottom:1px solid #ccc;}
.mailform table tbody tr.bg th,
.mailform table tbody tr.bg td {background:#f7f7f7;}
.mailform img {vertical-align:middle;}
.form-agree {position:relative; margin:25px 0 30px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:11px;}
.form-agree dt {font-size:14px; font-weight:700; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0;}
.form-agree .scroll_box {height:80px; border:1px solid #d8d8d8; font-size:11px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}

/* 제품 */
.product-search {position:relative; width:200px; margin:0 auto 15px;}
.product-search .sch-btn {position:absolute; top:0; left:0; width:35px; height:30px; background:#46bffd; color:#fff; border:0; border-radius:20px 0 0 20px;}
.product-search .sch-input {width:100%; height:30px; padding:0 10px 0 40px; font-size:13px; line-height:28px; box-shadow:inset 3px 3px 3px rgba(0,0,0,.1); border:1px solid #c4c7cd; outline:0; border-radius:20px;}

.product-paginate {padding:13px 0; margin:0 -15px; background:#f6f6f6;text-align:center;line-height:normal;}
.product-paginate a,  
.product-paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;margin:0 6px;padding:0;font-size:14px;line-height:22px;color:#444;text-decoration:none;vertical-align:middle;} 
.product-paginate img {vertical-align:middle;width:22px;}
.product-paginate strong{color:#3282dd;} 
.product-paginate .first {margin:0 2px 0 0;}
.product-paginate .prev {margin:0 10px 0 0;}
.product-paginate .next {margin:0 0 0 10px;}
.product-paginate .last {margin:0 0 0 2px;}

.product-cate {position:relative; margin:10px -15px; padding:13px 15px; background:#f0f9fd; border-top:1px solid #b8d2de; border-bottom:1px solid #b8d2de;}
.product-cate ul {overflow:hidden;}
.product-cate ul li {padding:2px 0;}
.product-cate ul li a {display:block; padding:0 0 0 8px; font-size:13px; line-height:20px; background:url("/images/bbs/arrow_off.png") 0 7px no-repeat; text-decoration:none;}
.product-cate ul li.active a {color:#124e94; font-weight:700; background-image:url("/images/bbs/arrow_on.png");}
.product-cate .more {display:none; position:absolute; bottom:2px; right:12px; background:transparent; border:0; color:#b8d2de; font-size:2.0em; outline:none;}

.product-list {padding:13px 0 10px; margin:0 -15px;}
.product-list > ul > li {margin-top:20px; position:relative;}
.product-list > ul > li:first-child {margin-top:0;}
.product-list .box {border-top:1px solid #c4c7cd; border-bottom:1px solid #c4c7cd;}
.product-list .summary {padding:10px;}
.product-list .summary:after {content:" "; display:block; clear:both;}
.product-list .img {float:left; width:110px;}
.product-list .img img {max-width:110px;}
.product-list .info {margin-left:125px; padding-top:10px; display:block;}
.product-list .tit {color:#111; font-size:14px; line-height:1.3em;}
.product-list .tag {font-size:14px; font-weight:700; line-height:1.3em;}
.product-list .bt {margin-top:10px;}
.product-list .bt img {width:80px;}
.product-list .cont {padding:13px 15px; background:#f9f9f9;}
.product-list .cont .spec {margin-bottom:9px; width:91px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:13px; font-weight:700; background:#46c0ff; border-radius:20px; box-shadow:1px 1px 0 #959595;}
.product-list .cont .txt {position:relative; height:80px; overflow:auto;}
.product-list .cont .txt {padding:0 10px; font-size:12px; line-height:19px;}
.product-list .none {text-align:center; padding:50px 0; color:#999;}

.product-summary {margin-bottom:30px;}
.product-summary .photo {line-height:0;}
.product-summary .photo .origin {text-align:center;}
.product-summary .photo .origin img {width:auto !important; height:auto !important; max-width:300px; max-height:180px;}
.product-summary .photo .thumb {height:58px; margin-top:10px; overflow:hidden;}
.product-summary .photo .thumb li {float:left; display:table; width:25%; height:56px; border:1px solid #e5e5e5; margin-right:-1px;}
.product-summary .photo .thumb li a {display:table-cell; padding:2px; width:100%; height:52px; text-align:center; vertical-align:middle;}
.product-summary .photo .thumb li a img {width:auto !important; height:auto !important; max-width:70px; max-height:52px;}
.product-summary .info {padding:20px 0 0;}
.product-summary .info .title {color:#219bf1; font-size:17px; line-height:1.2em;}
.product-summary .info .description {padding:12px 0 20px; border-bottom:1px solid #cfcfcf; color:#444; font-size:12px; line-height:18px;}
.product-summary .info .btn {padding:20px 0 0; text-align:center;}
.product-summary .info .btn a {display:inline-block; width:45%; max-width:180px; padding:8px 5px; color:#fff; font-size:14px; font-weight:700; line-height:1.2em; border-radius:3px; border:1px solid #7283a1; background:#7283a1; box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}
.product-summary .info .btn a i {margin-left:10px;}
.product-summary .info .btn .download {background:#0d83ff; border-color:#0d83ff;}
.product-summary .info .btn .manual {background:#07beff; border-color:#07beff;}

.product-tabs {margin:0 0 5px;}
.product-tabs ul:after {content:" "; display:block; clear:both;}
.product-tabs ul li {float:left; display:table; width:33.33333333%; height:38px; border:1px solid #cfcfcf; border-left:0; background:url("/images/sub/tab_bg.gif") 0 0 repeat-x; background-size:100% 110%;}
.product-tabs ul li:first-child {border-left:1px solid #cfcfcf}
.product-tabs ul li a {display:table-cell; width:100%; height:100%; padding:2px; text-align:center; text-decoration:none; vertical-align:middle; color:#777; font-size:12px; line-height:14px;}
.product-tabs ul li.active {border-bottom-color:#fff; background:#fff;}
.product-tabs ul li.active a {color:#000;}

.prodcut-detail {padding:13px 15px; color:#444; font-size:12px; line-height:18px; background:#f9f9f9; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.prodcut-detail table {background:#fff; width:100% !important; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:18px;}
.prodcut-detail th {padding:8px 8px; color:#111; background:#eee; border:1px solid #666;}
.prodcut-detail td {padding:8px 8px; border:1px solid #666;}
.prodcut-detail ul li {position:relative; padding-left:12px;}
.prodcut-detail ul li:after {content:" "; position:absolute; top:8px; left:0; width:4px; height:4px; background:#444; border-radius:50%;}