@charset "utf-8";

@import url(nanumbarungothic.css); /* 폰트 */

* {font-family:'돋움',Dotum,Helvetica,AppleGothic,Sans-serif;margin:0;padding:0; font-weight:400}
body {color:#666;font-size:12px;line-height:18px;font-family:Dotum,'돋움',Tahoma,Sans-serif; font-weight:400; overflow-x:hidden; overflow-y:auto;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;font-family:Dotum,'돋움',Tahoma,Sans-serif; font-weight:400}
hr {display:none}
ul, ol, li {list-style-type:none}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:12px}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
div, p, span, li, table td {word-break:break-all}

img{border:0 none}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
strong{ font-weight:700}

a{color:#666;text-decoration:none}

.loading{
    background:url(../img/common/loading.gif) no-repeat center center;
    position: relative;
}
.flexslider.loading .slides{
	opacity:0;filter: alpha(opacity=0);
}
.mainflexslider.loading .flex-viewport{
	opacity:0;filter: alpha(opacity=0);
}
/* form */
input[type=text], input[type=password]{height:22px;padding:0 0 0 5px;color:#666;border:1px solid #dbdbdb;font-family:Dotum,'돋움',Tahoma,Sans-serif; font-weight:400}
select{height:24px;color:#666;border:1px solid #dbdbdb;font-family:Dotum,'돋움',Tahoma,Sans-serif;font-weight:400}
select option{padding:3px 8px;line-height:24px !important}
textarea{padding:10px;color:#666;font:12px/1.5;border:1px solid #dbdbdb;font-family:Dotum,'돋움',Tahoma,Sans-serif;font-weight:400}

a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }


/* important css */
.clear{*height:1%}
.clear:after{content:".";height:0;visibility:hidden;display:block;clear:both}
* html .clear{height:1%}
.cboth{clear:both}
.cboth:after{content:"";clear:both;display:block}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.boxWrap:after{content:".";height:0;visibility:hidden;display:block;clear:both}

.hidden{position:absolute;visibility:hidden;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hidden{*height:1%}

.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}

.txtRed{color:#da2931 !important;}
.txtRed2{font-size:19px;color:#d70241 !important;vertical-align:-14%;}
.txtPink{color:#c58296 !important;}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb20{margin-bottom:20px !important}
.mb40{ margin-bottom:40px !important}
.ml10{margin-left:10px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.mt100{margin-top:100px !important;}
.ml22{margin-left:22px !important}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.pb40{padding-bottom:40px !important;}

.loading{
    background:url(../img/common/loading.gif) no-repeat center center;
    position: relative;
}
.flexslider.loading .flex-viewport{
	opacity:0;
}

/* select */
span.customSelect{width:130px;padding:5px 9px;background:#fff url(../img/common/bg_select.gif) 90% 12px no-repeat;border:1px solid #dbdbdb;color:#333;}
.customSelect.customSelectHover{border-color:#dbdbdb;background-color:#fff;}
.customSelect.customSelectFocus{}
.customSelect.customSelectOpen{}
.customSelect.customSelectChanged{
	-webkit-animation: changed 0.5s;
	-moz-animation: changed 0.5s;
	-ms-animation: changed 0.5s;
	animation: changed 0.5s;
}

/* layout */
/*메인 탑 배너*/
#top_banner{position:relative;width:100%; text-align:center; background:url(../images/evt_img/top_banner_bg.jpg); height:80px;}
.over{display:none}
#top_banner_over{width:100%; position:absolute; top:0; z-index:200; text-align:center; background:url(../images/evt_img/top_banner_over_bg.jpg)}
#top_banner_over .close{margin-bottom:-24px;}
#top_brand{position:relative; width:100%;  display:inline-block; border-bottom:#d0d0d0 solid 1px; }
#top_brand .top_tab{position:relative; margin:21px auto 0;}
#top_brand .top_tab ul li{float:left; margin:0 1px -1px 0;}

.wrapper{width:100%;}
.contentWrap {position:relative; width:1000px; margin:0 auto; }

#topMenu{height:36px;}
#topMenu .contentWrap .topLmenu{ padding-top:7px; font-size:11px; line-height:30px;}
#topMenu .contentWrap .topRmenu{ position:absolute;  right:0; top:10px; letter-spacing:-1px; font-size:11px;}
#topMenu ul li{float:left}
#topMenu span {font-size:11px; color:#d3d3d3; padding:0 8px;}
.topLmenu ul li a{display:block; padding:0 7px 0 0;}
.topLmenu ul li:first-child a{ border-left:none}
.topRmenu ul li a{display:block; padding:0;}
.topRmenu ul li:first-child a{ border-left:none}
.t1 a {color:#016cba; font-weight:bold}

.gnb .menuOpen {width:140px;height: 45px;float:left;}
.gnb .menuOpen a {display:block;height: 45px;font-size: 0;line-height: 0;}

/*total menu*/
#totalMenu {position: absolute;top:50px;left:9px;width:980px;height_bk:120px; border: #009ddf 1px solid;z-index: 200;background:#fff;}
#totalMenu .tInner {width:980px; margin: 0 auto}
#totalMenu .depth2>li {float: left;width:325px;height_bk: 120px;margin-left: 1px;position: relative;}
#totalMenu .depth2>li:first-child{}
#totalMenu .depth2>li+li+li+li+li+li{}
#totalMenu .depth2>li>a {display:block;font-size: 13px;font-weight: bold;color: #202020;height: 39px;line-height: 39px;border-bottom:#dadada 1px solid;text-align: center;background: #f3f3f3}
#totalMenu .depth2 li p.mBanner {position: absolute;left: 15px;bottom: 20px;z-index: 300}
#totalMenu .depth3 {padding:12px 0 20px 20px}
#totalMenu .depth3 dt {line-height: 20px;margin-right:15px; display:inline-block;}
#totalMenu .depth3 dt:first-child {margin-top: 0}
#totalMenu .depth3 dd, #totalMenu .depth3 li {line-height: 20px}
#totalMenu .depth3 dt a {font-size: 12px;font-weight: bold;color: #202020;}

#top_area .contentWrap{text-align:center; padding:15px 0 0 0;}

#top_area .contentWrap .logo_area {float:left; display:inline-block; vertical-align:middle; margin-right:25px;}
#top_area .contentWrap .search_area {display:inline-block; vertical-align:middle;}
#top_area .contentWrap .search_area .searchA {border:#009ddf solid 3px; border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;}
#top_area .contentWrap .search_area .searchA .btnTopSearch {width:40px; height:30px; background:#009ddf; border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0 8px 8px 0;}
#top_area .contentWrap .search_area .searchA select{border:0px}
#top_area .contentWrap .search_area .searchA input{border:0px; height:30px; width:260px; line-height:20px; border-radius:16px 0 0 16px;-moz-border-radius:16px 0 0 16px;-webkit-border-radius:16px 0 0 16px;}
#top_area .contentWrap .right_area {float:right;}
#top_area .contentWrap .right_area .arrowbtn {position:absolute; right:0px; top:60px;}

#top_gnb_area{position:relative; width:1000px; margin:0 auto; padding: 0 0 5px 0; background:#009ddf; border-radius:18px 18px 0 0; -moz-border-radius:18px 18px 0 0; -webkit-border-radius:18px 18px 0 0;}
#top_gnb_area .gnb{position:relative; width:500px; height:50px;}
#top_gnb_area .gnb .gnbB{ font-size:13px}
#top_gnb_area .gnb>ul>li{float:left; height:50px; font-size:11px; font-weight:700; border-right:1px solid #1aa7e2;}
#top_gnb_area .gnb>ul>li .ar{ position:absolute; top:0; left:50%; display:none}
#top_gnb_area .gnb>ul>li a{position:relative; display:block; padding:16px 20px; color:#444444; font-weight:700}
#top_gnb_area .gnb_right {position:absolute; top:16px; right:30px;}

#top_gnb_area .gnb>ul>li>ul{ position:absolute; top:40px; left:0 ; display:none}
#top_gnb_area .gnb>ul>li>ul li{ float:left }
#top_gnb_area .gnb>ul>li>ul li a{ float:left ; font-weight:400}
#top_gnb_area .subArea{background:#f9f9f9; height:35px; margin-bottom:22px}

#top_gnb_area .mainVisual {width:1000px; margin:0 auto; text-align:center;}

#cateArea {clear:both; width:1000px; margin:0 auto; padding:0 ;height:90px; background:url(../images/common/bg_mainbt.jpg) no-repeat;}
#cateArea .cateArea_left {width:50%; float:left;}
#cateArea .cateArea_left ul {padding:20px 0 0 140px; margin:0;}
#cateArea .cateArea_left li {float:left; padding-right:5px;}
#cateArea .cateArea_right {width:50%; float:right;}
#cateArea .cateArea_right ul {padding:20px 0 0 160px; margin:0;}
#cateArea .cateArea_right li {float:left; padding-right:5px;}

#mainBnArea {clear:both; width:1000px; margin:0 auto; padding:20px 0;}
#mainBnArea ul {width:1000px; padding:0; margin:0}
#mainBnArea li {float:left; padding-right:10px;}
#mainBnArea li.last {float:right; padding-right:0px;}



#productArea {clear:both; width:1000px; margin:0 auto; padding-top:10px;}
#productArea .title {padding:0; margin:0; height:50px;}

#productArea .p1 {clear:both; width_bk:996px;  margin:0; min-height:690px; border-right:2px solid #006bcf; border-left:2px solid #006bcf; border-bottom:2px solid #006bcf; border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; }
#productArea .p1 ul {width:992px; margin:0 auto;  padding:5px 5px 5px 10px;}
#productArea .p1 li {float:left; margin:0; padding:4px; border-right_bk:1px solid #f3f3f3; text-align:center;}
#productArea .p1 li.last {border-right:0px solid #f3f3f3;}

#productArea .p2 {clear:both; width_bk:996px;  margin:0; min-height:690px; border-right:2px solid #3da527; border-left:2px solid #3da527; border-bottom:2px solid #3da527; border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px;}
#productArea .p2 ul {width:992px; margin:0 auto; padding:5px 5px 5px 10px;}
#productArea .p2 li {float:left; margin:0; padding:4px; border-right-bk:1px solid #f3f3f3; text-align:center;}
#productArea .p2 li.last {border-right:0px solid #f3f3f3;}

#productArea .p3 {clear:both; width_bk:996px;  margin:0; min-height:690px; border-right:2px solid #1aafe4; border-left:2px solid #1aafe4; border-bottom:2px solid #1aafe4; border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px;}
#productArea .p3 ul {width:992px; margin:0 auto; padding:5px 5px 5px 10px;}
#productArea .p3 li {float:left; margin:0; padding:4px; border-right-bk:1px solid #f3f3f3; text-align:center;}
#productArea .p3 li.last {border-right:0px solid #f3f3f3;}






#csArea {clear:both; width:1000px; margin:0 auto; padding-top:20px;}
#csArea ul {width:100%; margin:0; padding:0;}
#csArea li {float:left; padding:0 0 20px 0;}
.cstitle {height:50px; padding:0; margin:0;}
.boardArea {height:146px; border-right:1px solid #dbdde0; border-bottom:2px solid #5c6372; background:#fbfbfb;}
.board {padding:20px	 15px; line-height:20px;}

#quickArea {position:absolute; right:-110px; top:120px; z-index:10;}
#quickArea .quicktop {width:98px; min-height:278px; border:1px solid #464e5e; background:#5a6273; border-radius:18px 18px 0 0; -moz-border-radius:18px 18px 0 0; -webkit-border-radius:18px 18px 0 0;}
#quickArea .quickbt {width:98px; min-height:100px; border:1px solid #dddddd; border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px;}
#quickArea .quicktop ul {}
#quickArea .quicktop li {width:100%; border-bottom:1px solid #515867; color:#fff; font-size:11px; letter-spacing:-1px;}
.quick {text-align:center; padding:10px 0; font-weight:bold;}
.quick1 {text-align:center; padding:10px 0; font-size:11px; color:#333;  letter-spacing:-1px;}
.quick1 p {font-weight:bold;}


/*visualArea*/
/*slider*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px; text-align: center;}

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,
.isotope .isotope-item {-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;}
	

#visualArea {position: relative;top:0;width:1000px; height:336px; margin:0 auto 0; overflow: hidden;}
#visualArea .item {width: 100%; background:none;  }
#visualArea .item.second {background:none;}
#visualArea .item.third {background:none;}

#visualArea .owl-controls {position: relative;top: 0;width:100%;margin: 0 auto;}
#visualArea .owl-pagination {position: absolute; left: 50%; top:-25px; }
#visualArea .owl-page {float: left;margin-left: 11px;}
#visualArea .owl-page span {display:block; width: 12px;height: 12px;font-size:0;line-height:0; background:url(../images/main/dot_off.png) no-repeat; background-size:12px}
#visualArea .owl-page:first-child {margin-left: 0}
#visualArea .owl-page.active span {background: url(../images/main/dot_on.png) no-repeat; background-size:12px}
#visualArea .owl-buttons {display: none}
/*visualArea*/

#footer{clear:both; width:1000px; border-top:1px solid #e4e4e4; margin:0 auto;}
#footer .contentWrap {width:1000px; padding-bottom:20px;}
#footer .footerMenu{position:relative; height:35px; margin-bottom:22px; background:#f8f8f8; padding:20px 0 0 30px;}
#footer .footerMenu li{position:relative;display:inline-block; padding:0 11px 0 13px; font-family:'Nanum Barun Gothic Bold'; font-size:11px;}
#footer .footerMenu li a{color:#444; font-weight:700}
#footer .footerMenu li:after{content:'';position:absolute;left:0;top:1px;display:block;height:11px;border-left:1px solid #ccc;}
#footer .footerMenu li:first-child:after{border-left:none; }
#footer .footerMenu li:first-child{padding:0 11px 0 0;}
#footer .footer-right {position:absolute; top:20px; right:20px}
#footer .mkArea{position:absolute; right:0 ; top:70px}
#footer .btLogo{position:absolute; left:0 ; top:80px}
#footer .copyrightTxt{padding-left:240px;}
#footer .copyrightTxt span{position:relative; display:inline-block; padding:0 10px 0 0; color:#8e8e8e; font-size:12px}
#footer .copyrightTxt span:after{content:'';position:absolute;right:0;top:3px;display:block;height:11px;}
#footer .copyrightTxt span:first-child{padding:0 10px 0 0;}
#footer .copy{ font-size:12px; color:#8e8e8e; margin:0 0 0 240px;}

/* button */
/* button */
.btnCenter{ text-align:center; padding:28px 0 5px 0}
.btnCenter a{margin:0 2px;}
.btnRight{ text-align:right; }
.btnRight a{margin:0 0 0 3px;}

.btnBig{height:40px; padding:10px 20px;line-height:40px;font-size:16px; background:#dd282f; color:#fff; font-weight:700}
.btnBig:hover{text-decoration:none;}

.btnBigLine{height:38px; padding:10px 20px;line-height:40px;font-size:16px; background:#fff; border:#dd282f solid 1px; color:#dd282f; font-weight:700}
.btnBigLine.gray{ color:#666666; border:#666666 solid 1px;}



.btnBig.gray{ background:#6d6d6d; border-bottom:6px solid #575757; }
.btnSm{display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#fff;text-align:center;background:#178858;text-decoration:none;}
.btnSm.red{ background:#ec2524;} 
.btnSm.gray{ background:#6d6d6d;}

.btnSm:hover{text-decoration:none;}
.btnMd{height:20px; padding:1px 10px ;line-height:20px;font-size:11px; border:#da2931 solid 1px; background:#FFFFFF; color:#da2931; font-weight:700; vertical-align:middle; display:inline-block}
.btnMd.gray{ background:#6d6d6d;  }

.btnMd:hover{text-decoration:none;}
.btnGray{display:inline-block;height:19px;padding:0 6px;background:#999;line-height:20px;font-size:11px;color:#fff;text-align:center;}

.btnRed{display:inline-block;height:19px;padding:0 6px;background:#da2931;line-height:20px;font-size:11px;color:#fff;text-align:center;}



/* table */
.tblV, .tblH{width:100%;}
.tblV{border-top:2px solid #da2931;border-bottom:1px solid #c8c8c8;}
.tblV thead th{padding:9px 0 9px 0;border-bottom:1px solid #d6d6d6;background:#fcfcfd;text-align:center; font-weight:700}
.tblV tbody tr td{padding:10px 0 10px 0;border-top:1px solid #f3f3f3;text-align:center;color:#848484; font-weight:400}
.tblV tbody tr td strong{color:#000000; font-weight:700}
.tblV tbody tr td.t_left{padding:10px 0 10px 15px;}
.tblV tbody tr td.imgWrap{padding:10px 0 10px 15px;text-align:left;}
.tblV tbody tr td.imgWrap img{width:55px;height:55px;border:1px solid #666;vertical-align:middle;}
.tblV tbody tr td .amtBox{width:44px;margin:0 auto;}
.tblV tbody tr td .amtBox input[type=text]{float:left;width:20px;height:22px;line-height:22px;border:1px solid #ccc;}
.tblV tbody tr td .amtBox a{display:block;}
.tblV tbody tr td .amtBox .remove{margin-top:5px;}
.tblV tbody tr:first-child td{border-top:none;}
.tblV tbody tr td.bdlLine{border-left:1px solid #e5e5e5;}
.tblV tbody tr td.noContent{text-align:center;}
.tblV tfoot tr td{padding:20px 0 20px 65px;background:#f9f9f9;border-top:1px solid #c8c8c8;border-bottom:1px solid #8c8c8c;}
.tblV tfoot tr td strong{display:inline-block;margin-right:50px; font-weight:700; color:#000}
.tblV tfoot tr td.total{padding-right:25px;text-align:right;}
.tblV tfoot tr td.total strong{width:124px;margin:0;color:#0695ab;font-weight:700;}


.tblV tfoot tr.type2 td{padding:20px;}
.tblV tfoot tr td strong.t_bold{display:block;padding-left:8px;background:url(../img/sub/bul_square.gif) 0 6px no-repeat;}
.tblV tfoot tr td .list{display:block;padding-left:8px;background:url(../img/sub/bul_square.gif) 0 6px no-repeat;}
.tblV tbody tr td.sTotal{padding:10px 10px 10px 0; text-align:right}
.tblV tbody tr td.sTotal .totalT{width:150px; text-align:right; color:#666666;display:inline-block}
.tblV tbody tr td.sTotal .totalP{width:140px; margin-right:25px; text-align:right; font-weight:700; color:#000000; display:inline-block}
.tblV tbody tr td.rLine{border-right:1px solid #f3f3f3;}

.tblV.total{ margin:25px 0}
.tblV.total tbody td{padding:10px 0 10px 20px; background:#f9f9f9; text-align:left; vertical-align:top; color:#000}
.tblV.total tbody td strong{margin-right:25px;}
.tblV.total tbody tr td.total2{padding-right:25px;text-align:right;}
.tblV.total tbody tr td.total2 div{margin:3px 0}
.tblV.total tbody tr td.total2 strong{display:inline-block; width:80px;margin:0;color:#da2931;font-weight:700;}

.tblH{border-top:2px solid #da2931;}
.tblH tr th{padding:10px 0 10px 20px;background:#fcfcfb;border-right:1px solid #dedede;border-bottom:1px solid #dedede;text-align:left;}
.tblH tr td{padding:10px 0 10px 10px;border-bottom:1px solid #dedede;}
.tblH tr td.t_left{padding-left:14px}
.tblH tr td input[type=text]{vertical-align:top;}
.tblH tr td .postFind input[type=text]{margin-top:5px;}
.tblH tr td .txt input[type=checkbox]{vertical-align:-18%;}
.tblH tr td .tit{display:block;margin-bottom:10px;}
.tblH .txt{display:inline-block;margin-left:10px;font-size:11px;color:#939393;letter-spacing:-1px;}
.tblH .tit{ font-weight:700; color:#000000}
.tblH strong{ font-weight:700; color:#000000}
.tblH .bg{background:#fdfdfd;}
.tblH.type2 tr td{padding-left:25px;}

.tblWrite{border-top:2px solid #000;border-bottom:1px solid #ddd;color:#222;}
.tblWrite dl{overflow:hidden;width:100%;}
.tblWrite dl dt{float:left;width:10%;height:18px;padding:10px 0;border-bottom:1px solid #ddd;color:#222;}
.tblWrite dl dd{float:left;width:90%;height:18px;padding:10px 0;border-bottom:1px solid #ddd;color:#222;}
.tblWrite dl dt.write{width:10%;}
.tblWrite dl dd.write{width:50%;}
.tblWrite dt.date,
.tblWrite dt.search{width:5% !important;}
.tblWrite dd.date,
.tblWrite dd.search{width:15% !important;}
.tblWrite div.content{min-height:400px;}
.tblWrite .type2 dt{width:10%;}
.tblWrite .type2 dd{width:50%;}
.tblWrite .type2 dt.num{width:5%;}
.tblWrite .type2 dd.num{width:35%;}


.tblForm{width:100%;color:#777;}
.tblForm tbody tr th{color:#222;text-align:left;}
.tblForm.type2 tbody tr th{padding-top:20px;vertical-align:top;}
.tblForm tbody tr th,
.tblForm tbody tr td{padding:10px 0;}
.tblForm tbody tr td .postFind input[type=text]{margin-top:5px;}
.tblForm tbody tr td img{vertical-align:middle;}
.tblForm input[type=text].type2{background:#f4f4f4;border:none;}
.tblForm .txt{display:inline-block;margin-top:10px;color:#777;line-height:20px;}
.tblForm .txt.type2{display:block;}
.tblForm .labelBox label{display:block;margin-bottom:5px;}
.tblForm .labelBox label span{display:inline-block;width:52px;}

/* paging */
.paging{position:relative;padding-top:30px; text-align:center;}
.paging.bdNone{padding-top:0;border:none;}
.paging img{vertical-align:middle;}
.paging a{display:inline-block;height:16px;margin:0 2px;padding:0 5px;line-height:16px;background:#fff;font-family:verdana;font-size:11px;color:#6c6c6c;font-weight:bold;vertical-align:middle;}
.paging a.on{border:1px solid #da2931;color:#da2931;}
.paging .firstBtn{height:16px;padding:0 7px 0 0;background:none;border:none;border-right:1px solid #e0e0e0;font-family:'Nanum Barun Gothic';font-weight:normal;}
.paging .prevBtn{height:16px;margin-right:5px;padding:0 7px 0 0;background:none;border:none;border-right:1px solid #e0e0e0;font-family:'Nanum Barun Gothic';font-weight:normal;}
.paging .nextBtn{height:16px;margin-left:5px;padding:0 0 0 7px;background:none;border:none;border-left:1px solid #e0e0e0;font-family:'Nanum Barun Gothic';font-weight:normal;}
.paging .lastBtn{height:16px;padding:0 0 0 7px;background:none;border:none;border-left:1px solid #e0e0e0;font-family:'Nanum Barun Gothic';font-weight:normal;}
.paging .right{position:absolute;right:5px;top:22px;}

/*aside*/
.aside{position:absolute;right:-110px;top:0;width:100px;text-align:center;border-left:#d3d3d3 solid 1px;  border-bottom:#d3d3d3 solid 1px;}
.aside ul li{ border-top:#d3d3d3 solid 1px; border-right:#d3d3d3 solid 1px; }
.aside .banner{border-top:#d3d3d3 solid 1px; border-right:#d3d3d3 solid 1px; }
.aside ul li a{display:block; padding:3px 0; color:#444444; font-weight:400}

/* common */
.subTit{background:url(../img/main/bg_tit_line.gif) 0 7px repeat-x;text-align:center;}
.tbltop{position:relative;margin:20px 0 10px;}
.tbltop .right{position:absolute;right:0;top:0;color:#333;}
.starBox,
.starBox span{display:inline-block;height:14px;background:transparent url(../img/sub/img_stars.jpg) no-repeat;overflow:hidden;}
.starBox{width:71px;vertical-align:middle;text-align:left;}
.starBox span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px;}


/*제품리스트*/
.productList .itemList:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.productList .itemList li{ float:left; padding:20px 4px 0px 4px; border-right:#f2f2f2 solid 1px;border-bottom:#f2f2f2 solid 1px;}
.productList .itemList{border-left:#f2f2f2 solid 1px; border-top:#f2f2f2 solid 1px; display:inline-block}
.productList .itemList li span{ display:block; text-align:center;}
.productList .itemList li span.tit{color:#666666; margin-top:13px; line-height:18px; font-weight:blod; font-size:13px; color:#000000;}
.productList .itemList li span.explain_2 {width:200px; height:32px; overflow:hidden; color:#666666;}
.productList .itemList li span.priceArea{margin-top:6px }
.productList .itemList li span.orgPrice{color:#666666; text-decoration:line-through; display:inline-block; }
.productList .itemList li span.price{color:#444444; font-size:14px; font-weight:700;  display:inline-block; margin-left:5px }
.productList .itemList li span.salePer{ color:#db2930; margin:6px 0 15px 0}