


html, body { margin:0px;padding:0px; font-family:'Nanum Square', sans-serif;font-size:15px;color:#666666; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px; }

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.button_center {margin:2px;text-align:center;}
.button_right {margin:2px;text-align:right;}
.button_left {margin:2px;text-align:left;}

#vw_content img {max-width: 1100px;height:auto;}


/* È¿°ú ******************************/
.etcmenu a.etc_txt img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.etcmenu a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: .7;}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}



.Wid05 { width: 5%;}
.Wid15 { width: 15%;}
.Wid10 { width: 10%;}
.Wid20 { width: 20%;}
.Wid30 { width: 30%;}
.Wid40 { width: 40%;}
.Wid50 { width: 50%;}
.Wid80 { width: 80%;}
.Wid90 { width: 90%;}
.Wid98 { width: 98%;}



/* Å×ÀÌºí¸®½ºÆ® ******************************/
.table_css {color:#666666;}

.table_css .head_Gray_No{text-align:center;background-color:#efefef;}
.table_css .head_Gray_T{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;}
.table_css .head_Gray_L{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;}
.table_css .head_Gray_B{text-align:center;background-color:#efefef;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_R{text-align:center;background-color:#efefef;border-right:1px solid #bebebe;}

.table_css .head_Gray_LB{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_BR{text-align:center;background-color:#efefef;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_LR{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_TL{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .head_Gray_TB{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TR{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}

.table_css .head_Gray_LBR{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_TLB{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TBR{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TLBR{text-align:center;background-color:#efefef;border:1px solid #bebebe;}


.table_css .list_NO_left{text-align:left;padding:0 0 0 5px;}
.table_css .list_NO_center{text-align:center;}
.table_css .list_NO_right{text-align:right;padding:0 5px 0 0;}

.table_css .list_T_center{text-align:center;border-top:1px solid #bebebe;}
.table_css .list_L_center{text-align:center;border-left:1px solid #bebebe;}
.table_css .list_B_center{text-align:center;border-bottom:1px solid #bebebe;}
.table_css .list_R_center{text-align:center;border-right:1px solid #bebebe;}

.table_css .list_LB_center{text-align:center;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_BR_center{text-align:center;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_center{text-align:center;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_center{text-align:center;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_center{text-align:center;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_center{text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_center{text-align:center;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_center{text-align:center;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_center{text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_center{text-align:center;border:1px solid #bebebe;}

.table_css .list_T_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;}
.table_css .list_L_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;}
.table_css .list_B_left{padding:0 0 0 5px;text-align:left;border-bottom:1px solid #bebebe;}
.table_css .list_R_left{padding:0 0 0 5px;text-align:left;border-right:1px solid #bebebe;}

.table_css .list_LB_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_BR_left{padding:0 0 0 5px;text-align:left;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_left{padding:0 0 0 5px;text-align:left;border:1px solid #bebebe;}


.table_css .list_T_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;}
.table_css .list_L_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;}
.table_css .list_B_right{padding:0 5px 0 0;text-align:right;border-bottom:1px solid #bebebe;}
.table_css .list_R_right{padding:0 5px 0 0;text-align:right;border-right:1px solid #bebebe;}

.table_css .list_LB_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_BR_right{padding:0 5px 0 0;text-align:right;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_right{padding:0 5px 0 0;text-align:right;border:1px solid #bebebe;}

 


.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em;	top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content {	position: relative;	border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}


/* ¸ð¹ÙÀÏ */

	#sub {width:100%; text-align:center; *zoom:1;}
	#sub:after {content:""; display:block; clear:both;}

	#subTop {clear:both; width:100%; height:71px; border-bottom:solid 3px #2d516d; background-color:#e6e9ea;}
	#subTop .subTopNavi {width:1110px; margin:0 auto;}
	#subTop .subTopNavi .subCate {float:left;}
	#subTop .subTopNavi .subCate p {text-align:left; margin:0 auto; padding-top:30px; font-size:14px; color:#000;}
	#subTop .subTopNavi .subSearch {float:right; padding-top:19px;}
	#subTop .subTopNavi .subSearch p {float:left; padding-right:4px;}
	#subTop .subTopNavi .subSearch p select {width:200px; padding: .6em .5em; font-family:inherit; border:1px solid #FFF; }

	#sub .subTit {border-bottom:solid 1px #e1e1e1;}
	#sub .subTit h2 {width:1110px; margin:0 auto; font-size:32px; font-weight:900; color:#222; text-align:left; letter-spacing:-1px; padding:50px 0 30px 10px;}
	#sub .subTit h2 span {display:block; font-size:15px; font-weight:normal; padding-top:5px; color:#666; font-family: '¸¼Àº °íµñ', sans-serif;}

	#sub .mainIntroTab {padding:0; clear:both; width:1110px; margin:0 auto; padding-top:40px;}
	#sub .mainIntroTab:after {content:""; display:block; clear:both;}
	#sub .mainIntroTab li {list-style-type:none; float:left; text-align:center; width:19.9%; font-size:17px; font-weight:600;}
	#sub .mainIntroTab li.subTabEnd {border-right:solid 1px #e4e4e4;}
	#sub .mainIntroTab li.subTabFirst {float:left; background-color:#f9f9f9; }
	#sub .mainIntroTab li a.tab {display:block; color:#3b3b3b; border-top:solid 1px #e4e4e4; border-left:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; line-height:58px; font-weight:700; background-color:#f9f9f9; }
	#sub .mainIntroTab li a.selected {display:block; color:#363636; text-decosration:none; border:none; background-color:#303749; height:60px; color:#FFF; font-weight:900;}

	#sub #subPage {width:1110px; margin:0 auto; text-align:left;margin-bottom:50px;margin-top:5px;}

	#mainGoods {width:100%; text-align:center; background-color:#f2f2f2;}
	#mainGoods .mainGoodsNavi {width:1125px;  margin:0 auto; padding:30px 0 15px 0;}
	#mainGoods .mainGoodsNavi:after {content:""; display:block; clear:both;}

	#mainGoods p.mainGoodsTit {background:url(/images/bg/bg_tit_bar.gif) left top no-repeat; width:1110px; margin:0 auto; height:39px; padding-top:12px; margin-bottom:6px; text-align:center;}
	#mainGoods p.mainGoodsTit span {color:#FFF; font-size:25px; font-weight:800;}
	#mainGoods p.mainGoodsTit span a {color:#FFF; font-size:25px; font-weight:800;}

	#mainGoods .mainGoodsList {padding-top:10px;}
	#mainGoods .mainGoodsList li {float:left; border:solid 1px #ccc; width:358px; height:480px; border:solid 1px #d9d9d9; background-color:#FFF; margin:0 8px 15px 7px;}
	#mainGoods .mainGoodsList li p.mainGoodsImg {padding:18px 0 18px 0;}
	#mainGoods .mainGoodsList li p.mainGoodsImg img {width:100%;height:255px;}

	#mainGoods .mainGoodsList li .mainGoodsInfo {border-top:solid 1px #eaeaea; background-color:#f9f9f9; height:188px; text-align:left; position:relative;}
	#mainGoods .mainGoodsList li .mainGoodsInfo p.mainGoodsName {padding:30px 0 0 23px; font-size:18px; font-weight:700; color:#222; width:88%; line-height:23px;}
	#mainGoods .mainGoodsList li .mainGoodsInfo p.mainGoodsDetail {padding:30px 33px 0 33px; font-size:14px; line-height:20px;}
	#mainGoods .mainGoodsList li .mainGoodsInfo p.mainGoodsIcon {position:absolute; top:30px; right:25px;}


	#mainGoodsTab {padding:0; clear:both; width:1110px; margin:0 auto; padding-bottom:20px;}
	#mainGoodsTab ul:after {content:""; display:block; clear:both;}
	#mainGoodsTab li {list-style-type:none; float:left; text-align:center; width:19.94%; font-size:17px; font-weight:600;}
	#mainGoodsTab li.subTabEnd {border-right:solid 1px #a8a8a8;}
	#mainGoodsTab li.subTabFirst {float:left;}
	#mainGoodsTab li a.tab {display:block; color:#363636; border-top:solid 1px #a8a8a8;  border-left:solid 1px #a8a8a8; border-bottom:solid 1px #a8a8a8; line-height:56px; font-weight:600;}
	#mainGoodsTab li a.selected {display:block; color:#363636; text-decosration:none; border:none; background-color:#2c87c0; height:58px; color:#FFF; font-weight:600;}
	#mainGoodsTab p#mainGoodsTabBt {clear:both; background-color:#e9e9e9; height:4px;}

