.s_contents{margin: 60px 0; min-height: 800px;}
.pg_name{font-size: 30px; color: #444m; font-weight: 400; margin-top: 56px; margin-bottom: 35px;}
.title1{font-size: 17px;color: #000; font-weight: 600;}
.title2{font-size: 22px;color: #333; font-weight: 500;}
.title3{font-size: 17px;color: #666; font-weight: 400; padding-left: 13px; position: relative;}
.title3:after{position: absolute; width: 3px;height: 3px; top: 10px; left: 0; background-color: #999; content: "";}

.fc_red{color: #ff0000;}
.mt5{margin-top: 5px;}

/* lst_tabST1 */
.lst_tabST1 {border-top: 2px solid #999; border-bottom: 1px solid #999;}
.lst_tabST1 ul{margin: 20px  72px; border-right: 1px solid #ccc;}
.lst_tabST1 ul:after{display: block;clear: both;content: "";}
.lst_tabST1 ul li{float: left; width: 18%; position: relative; text-align: center;}
.lst_tabST1 ul li.pd4{float: left; width: 25%; position: relative; text-align: center;}
.lst_tabST1 ul li:after{position: absolute; width: 1px; height: 20px; top: 0; left: 0; background-color: #ccc; content: "";}
.lst_tabST1 ul li a{font-size: 14px; font-weight: 600;}
.lst_tabST1 ul li.on a,.lst_tabST1 ul li a:hover{color: #e6030f; }
.lst_tabST1.n2 ul{margin: 20px 250px;}
.lst_tabST1.n3 ul{margin: 20px 190px;}
.lst_tabST1.n4 ul{margin: 20px 100px;}
.lst_tabST1.n6 ul{margin:20px 80px;}
.lst_tabST1.n2 ul li {width: 50%;}
.lst_tabST1.n3 ul li {width: 33.3%;}
.lst_tabST1.n4 ul li {width: 25%;}
.lst_tabST1.n6 ul li {width: 16.6%;}


/* lst_tabST2 */
.lst_tabST2{margin-top: 30px; margin-bottom: 40px;}
.lst_tabST2.n2 ul li{width: 50%;}
.lst_tabST2.n3 ul li{width: 33.3%;}
.lst_tabST2 ul{border-left: 1px solid #989898;}
.lst_tabST2 ul:after{display: block;clear: both;content: "";}
.lst_tabST2 ul li{float: left; width: 25%; position: relative; text-align: center; border-top: 1px solid #b4b4b4; border-right: 1px solid #989898; border-bottom: 1px solid #6d6d6d; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lst_tabST2 ul li a{display: block; font-size: 14px; font-weight: 600; color: #5e5d5d; background-color: #cacaca; line-height: 19px;padding: 8px 0;}
.lst_tabST2 ul li.single a{display: block; font-size: 14px; font-weight: 600; color: #5e5d5d; background-color: #cacaca; line-height: 38px;padding: 8px 0;}
.lst_tabST2 ul li.on a,.lst_tabST2 ul li a:hover{color: #fff ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6d6d+1,7c7c7c+51,6d6d6d+54,6d6d6d+54,6d6d6d+100 */
background: #6d6d6d; /* Old browsers */
background: -moz-linear-gradient(top,  #6d6d6d 1%, #7c7c7c 51%, #6d6d6d 54%, #6d6d6d 54%, #6d6d6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d6d6d 1%,#7c7c7c 51%,#6d6d6d 54%,#6d6d6d 54%,#6d6d6d 100%); /* Chrome10-25,Safari5.1-6 */
background: -linear-gradient(to bottom,  #6d6d6d 1%,#7c7c7c 51%,#6d6d6d 54%,#6d6d6d 54%,#6d6d6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background:#c60008;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
}

/* lst_tabST3 */

.lst_tabST3{}
.lst_tabST3 ul{}
.lst_tabST3 ul:after {content:''; display:block; clear:both;}
.lst_tabST3 ul li{float:left; text-align: left; position: relative;}
.lst_tabST3 ul li:after{position: absolute; width: 1px;height: 11px; background-color: #9d9c97 ;top: 0; left: 0;content: "";}
.lst_tabST3 ul li:first-child:after{display: none;}
.lst_tabST3 ul li:first-child a{padding-left: 0;}
.lst_tabST3 ul li a{display:block; padding-left: 20px; padding-right: 20px; color:#868686; font-size:14px;  line-height:13px; height:15px;font-weight: 600; }
.lst_tabST3 ul li.on a{color:#ff0101; }


.software_update .tab_cont{margin-top: 25px; }
.software_update .tab_cont .cont{display: none;}
.software_update .tab_cont .cont.on{display: block;}

/* lst_ST1 */

.lst_ST1{margin-top: 30px;}
.lst_ST1 ul li {margin-top: 35px;}
.lst_ST1 ul li:first-child{margin-top: 0;}
.lst_ST1 ul li strong{font-size: 15px; font-weight: 500;color: #252424; position: relative; padding-left: 15px; }
.lst_ST1 ul li strong:first-child{margin-top:0;}
.lst_ST1 ul li strong:after{position: absolute; width: 7px;height: 7px; background-color: #b6b6b6; top: 7px; left: 0; content: "";}
.lst_ST1 ul li p{margin-top: 5px; font-size: 13px;}


/* tableST1 */

.tableST1{ border-top:3px solid #e6030f; overflow: hidden;border-bottom:2px solid #6c6c6c;}
.tableST1 > table{ width:100%; border-top:0; margin:0; margin-left: -1px;}
.tableST1 > table tbody th,.tableST1 > table tbody td{ padding:7px;border-bottom: 1px solid #dbdbdb; border-left: 1px solid #a5a5a5;}
.tableST1 > table tbody th{ padding-left: 20px; color: #29292a; text-align: left;background-color: #f4f4f4;font-size: 13px; font-weight: 500;}
.tableST1 > table tbody td{ color:#5d5d5e; padding-left: 20px;  text-align: left;}
.tableST1 > table tbody td.bg{background-color: #ececec;}
.tableST1 > table tbody th.bg_white{background-color: #fff; }
.tableST1 > table tbody td.bd_l_none{border-left: none; }
.tableST1 > table tbody td.pd_none{padding: 0 !important; }

/* tableST2  - 게시판 리스트 */

.tableST2{ border-top:2px solid #333; overflow: hidden; margin-top: 20px;}
.tableST2 > table{ width:100%; border-top:0; margin:0; margin-left: -1px;}
.tableST2 > table thead th,.tableST2 > table tbody th,.tableST2 > table tbody td{ padding:10px ; border-bottom: 1px solid #e8e8e8;  text-align:center; }
.tableST2 > table thead th{  background:#f8f8f8; color:#FFFFFF; font-weight: 500;  font-size: 14px; background:#000000;}
.tableST2 > table tbody th{ font-size: 14px; color: #222; font-weight: bold; text-align: left; padding-left: 40px;border-right: 1px solid #e8e8e8;}
.tableST2 > table tbody td{ color:#555; }
.tableST2 > table tbody td.tit{text-align: left; padding-left: 20px;}
.tableST2 > table tbody td.point{color: #333; font-weight:500;}

/* tableST3 */

.tableST3{ border-top:3px solid #363131; overflow: hidden;border-bottom:2px solid #6c6c6c;}
.tableST3 > table{ width:100%; border-top:0; margin:0; margin-left: -1px;margin-top: -1px;}
.tableST3 > table tbody th,.tableST3 > table tbody td{ padding:7px 0;border-bottom: 1px solid #dbdbdb; border-left: 1px solid #cdcdcd;}
.tableST3 > table tbody th{ padding-left: 20px; color: #29292a; text-align: left;background-color: #f4f4f4;font-size: 13px; font-weight: 500;}
.tableST3 > table thead th{ padding-left: 20px; color: #29292a;  padding:13px 0;border-bottom: 1px solid #dbdbdb;  background-color: #e1e1e1;font-size: 13px; font-weight: 500;}
.tableST3 > table tbody td{ color:#29292a; padding-left: 20px;  text-align: left; }
.tableST3 > table tbody th.bg_white{background-color: #fff;}

/* tableST4 */

.tableST4{ border-top:2px solid #333; overflow: hidden; margin-top: 20px;}
.tableST4 > table{ width:100%; border-top:0; margin:0; margin-left: -1px;}
.tableST4 > table thead th,.tableST4 > table tbody th,.tableST4 > table tbody td{ padding:10px ; border-bottom: 1px solid #e8e8e8;}
.tableST4 > table thead th{  background:#f8f8f8; color:#555; font-weight: 500;  font-size: 14px;}
.tableST4 > table tbody th{ font-size: 14px; color: #222; font-weight: 500; text-align: left; padding-left: 40px;border-right: 1px solid #e8e8e8;}
.tableST4 > table tbody td{ color:#555; }
.tableST4 > table tbody td.tit{text-align: left; padding-left: 20px;}
.tableST4 > table tbody td.point{color: #333; font-weight:500;}
.tableST4 > table tbody td.bg{background-color: #f9f9f9;}
.tableST4 > table tbody td.fwb{font-size: 14px; color: #222; font-weight: 500; }
.tableST4 > table tbody td.bdr{border-right: 1px solid #e8e8e8; }


/* tableST5 */

.tableST5{ border-top:1px solid #d8d8d8; overflow: hidden;   border-right: 1px solid #d8d8d8;}
.tableST5 > table{ width:100%; border-top:0; margin:0;}
.tableST5 > table thead th,.tableST5 > table tbody th,.tableST5 > table tbody td{ padding:5px 10px ;border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.tableST5 > table thead th{  background:#f8f8f8; padding:7px 10px ; color:#353535; font-size: 15px; font-weight: 400; border-bottom:2px solid #d8d8d8;}
.tableST5 > table tbody th{ font-size: 15px; color: #353535; font-weight: 400;text-align: center; border-right: 1px solid #d8d8d8; background-color: #fafafa; }
.tableST5 > table tbody td{ color:#696969; }

/* tableST7 */

.tableST7{ border-top:3px solid #363131; overflow: hidden;border-bottom:2px solid #6c6c6c;}
.tableST7 > table{ width:100%; border-top:0; margin:0; margin-left: -1px;}
.tableST7 > table tbody th,.tableST7 > table tbody td{ padding:7px;border-bottom: 1px solid #dbdbdb; border-left: 1px solid #a5a5a5;}
.tableST7 > table tbody th{ padding-left: 20px; color: #29292a; text-align: left;background-color: #f4f4f4;font-size: 13px; font-weight: 500;}
.tableST7 > table tbody td{ color:#5d5d5e; padding-left: 20px;  text-align: left;}
.tableST7 > table tbody td.bg{background-color: #ececec;}
.tableST7 > table tbody th.bg_white{background-color: #fff; }
.tableST7 > table tbody td.bd_l_none{border-left: none; }
.tableST7 > table tbody td.pd_none{padding: 0 !important; }

/* g-point table */
.gPointTable table {width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #333333}
.gPointTable th {background:#f5f5f5; font-size:17px; color:#000; line-height:49px; padding-left:35px; font-weight:700; text-align:left; border-bottom:1px solid #e8e8e8;}
.gPointTable th span {color:#e6030f;}
.gPointTable td {background:url('/eng/images/sub/gscan-point.png') 52px center no-repeat; font-size:20px; color:#000; line-height:23px; padding:13px 0 13px 95px; font-weight:700; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}



.buyExt1 {padding:26px 0;}
.buyExt1 .title1 {margin-bottom:10px;}
.compul{color:#fe3333;}
.buyExt2 .title {color:#fe3333; font-size:17px; font-weight:700; margin-bottom:10px;}
.buyExt2 .line-box {border:1px solid #bfbfbf; padding:23px; }
.buyExt2 .line-box li {color:#696969; line-height:19px; font-size:13px; padding-left:15px; background:url('/eng/images/sub/su-bullet.png') 0 5px no-repeat; margin-bottom:15px;}
.buyExt2 .line-box li span {color:#5c5c5c;}

.info-box {margin-bottom:20px;}
.info-box .clearfix {*zoom:1;}
.info-box .clearfix:after {content:''; display:block; clear:both;}
.info-box .fl {float:left;}
.info-box .w100 {width:100%;}
.info-box .w50 {width:50%;}
.info-box .w25 {width:25%;}
.info-box .box-column {padding:20px 12px; margin:0 -1px -1px 0; border:1px solid #cdcdcd; box-sizing:border-box;}
.info-box .box-column.loc {padding:30px 0 30px 50px; margin:0 -1px -1px 0; border:1px solid #cdcdcd; box-sizing:border-box;}
.info-box .box-column .tit {font-size:20px; line-height:20px; height:30px; font-weight:700; color:#222;}
.info-box .box-column .cnt {color:#888; font-size:13px; line-height:20px;}
.info-box .box-column .cnt span {color:#fe0000; font-weight:700;}

.map-info h3 {padding-top:20px; font-size:30px; height:50px; background:url('/eng/images/sub/hq-title-bullet.png') center 100% no-repeat; margin-bottom:50px; text-align:center; color:#000;}


#proSection1 .lst_feature ul:after{display: block;clear: both;content: "";}
#proSection1 .lst_feature ul{margin-left: -10px; margin-top: -10px;}
#proSection1 .lst_feature ul li{width: 545px; float: left; margin-left: 10px; margin-top: 10px;}
#proSection1 .lst_feature ul li .box{border: 1px solid #d8d8d8;  height: 128px; padding: 25px 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#proSection1.gscan .lst_feature ul li .box{height: 182px;}
#proSection1 .lst_feature ul li .box:after{display: block;clear: both;content: "";}
#proSection1 .lst_feature ul li .ico{float: left; width: 50px; margin-right: 18px;}
#proSection1 .lst_feature ul li .textBox{float: left; width: 403px;}
#proSection1 .lst_feature ul li .textBox dt{color: #282828; font-size: 15px; font-weight: bold; margin:0 0 10px 40px;}
#proSection1 .lst_feature ul li .textBox dd{color: #696969; font-size: 13px; margin:0 0 0 40px;}

#proSection1 .lst_feature2{margin-top: 30px;}
#proSection1 .lst_feature2 ul li {margin-top: 20px;}
#proSection1 .lst_feature2 ul li:first-child{margin-top: 0;}
#proSection1 .lst_feature2 ul li .ti{color: #282828; font-size: 17px; font-weight: bold;padding-top:10px; margin-bottom:  5px;position: relative;}
#proSection1 .lst_feature2 ul li .ti:after{position: absolute; width: 93px; height: 2px; background-color: #e6030f; top: 0; left: 0;content: "";}
#proSection1 .lst_feature2 ul li .ti_dt{height: 55px;color: #696969; font-size: 14px; line-height: 18px; }


#proSection2{margin-bottom: 145px;}
#proSection2 .mt_no{margin-top: 0;}
#proSection2 .article{margin-top: 50px;}
#proSection2 .title2{margin-bottom: 30px;}
#proSection2 .title3{margin-bottom: 15px;}

#proSection3 .lst_dia_fun ul:after{display: block;clear: both;content: "";}
#proSection3 .lst_dia_fun > ul > li{margin-top: 60px;}
#proSection3 .lst_dia_fun ul li.f-l{float: left; width: 528px; }
#proSection3 .lst_dia_fun ul li.f-r{float: right; width: 528px;}
#proSection3 .lst_dia_fun ul li .ti{color: #222; font-size: 17px; font-weight: bold;padding-top: 20px; margin-bottom: 15px;position: relative;}
#proSection3 .lst_dia_fun ul li .ti:after{position: absolute; width: 93px; height: 2px; background-color: #e6030f; top: 0; left: 0;content: "";}
#proSection3 .lst_dia_fun ul li .ti_dt{height: 75px;color: #696969; font-size: 13px; line-height: 18px; margin-bottom: 30px;}
#proSection3.gscan .lst_dia_fun ul li .ti_dt{height: 125px;}
#proSection3.gscanTab .lst_dia_fun ul li .ti_dt{height: 36px;}
#proSection3 .lst_dia_fun ul li .lst_img ul:after{display: block;clear: both;content: "";}
#proSection3 .lst_dia_fun ul li .lst_img ul li{float: left; width: 528px; margin-left: 44px;}
#proSection3 .lst_dia_fun ul li .lst_img ul li:first-child{margin-left: 0;}
#proSection3 .lst_dia_fun ul li .lst_img ul li:first-child{margin-left: 0;}


#proSection4 .lst_dia_fun ul:after{display: block;clear: both;content: "";}
#proSection4 .lst_dia_fun > ul > li{margin-top: 60px;}
#proSection4 .lst_dia_fun ul li.f-l{float: left; width: 528px; }
#proSection4 .lst_dia_fun ul li.f-r{float: right; width: 528px;}
#proSection4 .lst_dia_fun ul li .ti{color: #222; font-size: 17px; font-weight: bold;padding-top: 20px; margin-bottom: 15px;position: relative;}
#proSection4 .lst_dia_fun ul li .ti:after{position: absolute; width: 93px; height: 2px; background-color: #e6030f; top: 0; left: 0;content: "";}
#proSection4 .lst_dia_fun ul li .ti_dt{height: 55px;color: #696969; font-size: 13px; line-height: 18px; margin-bottom: 30px;}
#proSection4 .lst_dia_fun ul li .lst_img ul:after{display: block;clear: both;content: "";}
#proSection4 .lst_dia_fun ul li .lst_img ul li{float: left; width: 528px; margin-left: 44px;     margin-top: 30px;}
#proSection4 .lst_dia_fun ul li .lst_img ul li strong{color: #504e4e; font-size: 17px; max-height: 10px; font-weight: 400;}
#proSection4 .lst_dia_fun ul li .lst_img ul li img{margin-top: 15px;}
#proSection4 .lst_dia_fun ul li .lst_img ul{margin-left: -44px; margin-top: -30px;}

#proSection5 .compArea{margin-bottom: 100px;}
#proSection5 .compArea header {margin-bottom: 30px;}
#proSection5 .compArea header strong{display: block; font-size: 17px; font-weight: bold; color: #282828; margin-bottom: 10px;}
#proSection5 .compArea header p{display: block; font-size: 14px;  color: #696969; }
#proSection5 .lst_comp{overflow: hidden;}
#proSection5 .lst_comp ul:after{display: block;clear: both;content: "";}
#proSection5 .lst_comp ul{margin-left: -18px; margin-top: -20px;}
#proSection5 .lst_comp ul li{width: 260px;  margin-top: 20px; margin-left: 18px;float: left; text-align: center; }
#proSection5 .lst_comp ul li button{width: 100%;padding: 10px 0; display: block; font-size: 14px; font-weight: bold; border: 1px solid #e2e2e2;}
#proSection5 .lst_comp ul li button:hover{border-color: #ff0000;}

#proSection6 .compArea{margin-bottom: 100px;}
#proSection6 .compArea header {margin-bottom: 30px;}
#proSection6 .compArea header strong{display: block; font-size: 17px; font-weight: bold; color: #282828; margin-bottom: 10px;}
#proSection6 .compArea header p{display: block; font-size: 14px;  color: #696969; }
#proSection6 .lst_comp{overflow: hidden;}
#proSection6 .lst_comp ul:after{display: block;clear: both;content: "";}
#proSection6 .lst_comp ul{margin-left: -18px; margin-top: -20px;}
#proSection6 .lst_comp ul li{width: 260px;  margin-top: 20px; margin-left: 18px;float: left; text-align: center; }
#proSection6 .lst_comp ul li button{width: 100%;padding: 10px 0; display: block; font-size: 14px; font-weight: bold; border: 1px solid #e2e2e2;}
#proSection6 .lst_comp ul li button:hover{border-color: #c60008; background: #c60008; color: #ffffff; }

.layerPop {width:615px; height: 291px; padding: 34px 15px 13px 8px; background: url(../images/product/windowpop_bg.png) left top no-repeat; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.layerPop {display:none; position:absolute; left:0; top:0; text-align: center;  }
.layerPop .popup_box {background-color: #fff; border: 1px solid #a1a1a2; padding: 25px 7px 7px;  -webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius:3px ;}
.layerPop .popup_box .title {font-size: 17px; color: #282828; font-weight: bold;     margin-bottom: 16px;}
.layerPop .popup_box .des {font-size: 17px; color: #fff; font-weight: bold; background-color: #6d6d6d; line-height: 32px; -webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius:3px ;}
.layerPop .popup_box .desBox{background-color: #f0f0f0; height: 128px; margin-top: 7px; padding: 25px 15px; -webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius:3px ; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left;     overflow-y: auto;}
.layerPop .btn_close {position: absolute; top: 10px;right:20px;}
.layerPop .popup_box .inner:after{display: block;clear: both;content: "";}
.desbigBox{width: 400px; float: left;}
.popup_img{width: 170px; height: 167px; float: right; padding: 7px; -webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius:3px ; border: 1px solid #ccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.popup_img img{max-width: 100%;}


input.wp100{width: 100%;	}
input.wp90{width: 90%;	}
input.wp80{width: 80%;	}
input.wp50{width: 50%;	}
input.wp40{width: 40%;	}
input.wp20{width: 20%;	}
input.wp15{width: 15%;	}
input.wp10{width: 10%;	}
input.inputST1{width: 440px; height: 23px;border: 1px solid #b4b1b1;}
input.inputST2{height: 28px;border: 1px solid #d3d3d3; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

p.mt5{margin-top: 5px;}
.textarea{padding: 10px;resize:none; border: 1px solid #d3d3d3; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.textarea.wp100{width: 100%;}
.textarea.h200{height: 200px;}


select.wp100{width: 100%;	}
select.wp50{width: 50%;	}
select.wp20{width: 20%;	}
select.wp30{width: 30%;	}
select.wp15{width: 15%;	}
select.wp10{width: 10%;	}
.selectST1{height: 28px;border: 1px solid #d3d3d3; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.radio_space{margin-right: 10px;}

/*page nate*/
.page_paginate{text-align:center; margin-top:20px;}
.page_paginate > .bbs_now_page{padding:5px 7px; background-color:#fff; color:#9c3232; }
.page_paginate > .bbs_now_page span{border-bottom: 1px solid #c41411;}
.page_paginate > .bbs_page{padding:5px 7px; background-color:#ffffff; color:#b5b4b4;}


/* 상품 리스트 */
span.h100{ display: inline-block;height: 100%;vertical-align: middle;}
#goods_top{position: relative;}
#goods_top:after{display: block;clear: both;content: "";}
#goods_top .imgArea{float: left; width: 380px;height: 280px; text-align: center; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#goods_top .imgArea .lst_pro,#goods_top .imgArea .lst_pro ul,#goods_top .imgArea .lst_pro ul li,#goods_top .bx-wrapper,#goods_top .bx-viewport{height: 100%;}
#goods_top .imgArea .lst_pro ul li strong{display: block;height: 100%;}
#goods_top .imgArea .lst_pro ul li strong img{max-width: 100%;}
#goods_top .contArea{float: left; margin-left: 60px;}
#goods_top .contArea .pro_op{display: block; color: #050505; font-size: 25px;  font-weight: 300;}
#goods_top .contArea .pro_ti{display: block; color: #050505; font-size: 36px; margin-bottom: 15px; font-weight: 400;}
#goods_top .contArea .dt_txt{font-size: 15px; color: #5c5c5c; line-height: 23px; font-weight: 100;}
#goods_top .bx-pager{display: none;}
#goods_top .bx-controls-direction{position: absolute; left: 40%; bottom: 0; width: 97px; height: 44px; }
#goods_top .bx-controls-direction a{height: 100%; display: block;width: 50%; text-align: center; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#goods_top .bx-controls-direction a:hover{border-color: #333;}
#goods_top .bx-controls-direction .bx-prev {border-right: 0;display: inline-block;text-indent: -9999px;background: url(../images/main/btn_prev.png) center center no-repeat;position: absolute;left: 0;}
#goods_top .bx-controls-direction .bx-prev:hover{border-right:1px solid #333;}
#goods_top .bx-controls-direction .bx-next{border-left: 1px solid #ddd; display: inline-block;text-indent: -9999px;background: url(../images/main/btn_next.png) center center no-repeat;position: absolute;right: 0;}
#goods_cont .lst_tabST1{margin: 38px 0;}
#goods_cont .tab_cont .cont{display: none;}
#goods_cont .tab_cont .cont.on{display: block;}
.goods_cont3 .lst_tabST1 ul li{width:33.3333%;}


/* 마이페이지 : Status */

#userinfo_area{border: 1px solid #cecece;margin-top: 14px; padding: 8px 0;}
#userinfo_area:after{display: block;clear: both;content: "";}
#userinfo_area .userInfo{width: 50%; float: left; padding:10px 20px;border-right: 1px solid #cecece; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#userinfo_area .userInfo ul li {margin-top: 15px;}
#userinfo_area .userInfo ul li:first-child{margin-top: 0;}
#userinfo_area .userInfo ul li strong{color: #242525; font-weight: 600; font-size: 17px;}
#userinfo_area .userInfo ul li span{color: #868688; font-size: 14px;}
#userinfo_area .userGrade{width: 50%; float: left; text-align: center; }
#userinfo_area .userGrade .inner:after{display: block;clear: both;content: "";}
#userinfo_area .userGrade .inner{display: inline-block; margin-top: 13px;}
#userinfo_area .userGrade .img{float: left; margin-right: 20px;}
#userinfo_area .userGrade .grade{float: left; padding-top: 29px; color: #4e4e4e; font-size: 17px; font-weight: 400;}

/* 등급별 색상 */
strong.basic{color: #705105;}
strong.gold{color: #cca115;}
strong.silver{color: #bcbdbf;}

.product_status .grade{color: #242525; font-size: 14px; margin-bottom: 20px;}
.product_status .grade strong{font-size: 16px;}

.product_status .boxProinfo{margin: 25px 0;}
.buy_ext{width: 95px;height: 21px;margin-left: 100px; line-height: 21px;-webkit-border-radius: 3px;-moz-border-radius:3px ;border-radius:3px ;color: #fff;font-size: 12px; font-weight: 400; background-color: #666;}
.lst_sta ul li{font-size: 14px; color: #5b5b5b; position: relative; padding-left: 20px; margin-top: 10px;}
.lst_sta ul li:first-child{margin-top:0;}
.lst_sta ul li:after{position: absolute; width: 7px;height: 7px; background-color: #b6b6b6; top: 7px; left: 0; content: "";}
.lst_sta .tableST6 {width:360px;}

.fc_blue{color: #0012ff;}
.artiBox{border-top: 1px solid #c2c2c2; margin-top: 30px;}
.artiBox .tit{background-color: #f4f4f4; border-top: 1px solid #c2c2c2;border-bottom: 1px solid #ebebea; padding: 10px; font-size: 17px; color: #282828; font-weight: 600;}
.artiBox .arti{padding: 10px;}
.artiBox .arti p{}
.artiBox .arti .video{text-align: center;margin: 20px 0;}
.artiBox .arti .video p{font-weight: 500; font-size: 14px; margin-bottom: 5px;}


/* g_point */

#g_point .gPoint .save_point{font-size: 15px; color: #4c4c4f;}
#g_point .gPoint .save_point strong{color: #ff0101;}
#g_point .gPoint .gPoint_arti{margin-top: 40px;}


.what_is{border: 1px solid #ccc; padding: 20px 15px; margin-top: 80px;}
.what_is p.ti{display: inline-block;font-size: 15px; color: #757474; border-bottom: 1px solid #757474; margin-bottom: 15px;}
.what_is p.cont{margin:5px 0 5px; font-size: 13px; color: #1b1b1b; }
.what_is p.cont2{font-size:14px; display: inline-block; color: #0000ff; border-bottom: 1px solid #0000ff; margin-top: 5px;}


/* History */

#history .tab_cont .cont{display: none;}
#history .tab_cont .cont.on{display: block;}


/* partner */
.btn_regen{width: 123px; height: 28px; text-align: center; color: #5b5b5d; font-size: 13px; border: 1px solid #bab7b7;}


/* Network */
#network {text-align:center;}
#network .mapImg {position: relative; margin-bottom: 50px;}
#network .mapImg .simple {position: relative; }
#network .mapImg ul {position: absolute; top:0; left:0;width: 100%;}
#network .mapImg ul li {position: absolute; top:0; left:0;width: 100%;z-index:10;overflow: hidden;}
#network .area_map{margin-bottom:30px; margin-top: 50px;}
#network .swype_text{display: none; }

.nationTB{}
.nationTB table{width: 100%; border-top: 1px solid #7e7979;}
.nationTB table thead tr th{border-bottom: 2px solid #1b1b1b; font-size: 17px; font-weight: 500; color: #353535; padding: 12px 0; text-align: center;}
.nationTB table tbody tr td{width: 33.33%;border-bottom: 1px solid #cacacb; font-size: 13px; color: #868686; padding: 12px 0; font-weight: 300;  text-align: left;}
.nationTB table tbody tr td .nation_name a {color:#000;}
.flagimg{margin-right: 32px; display: inline-block;}

#nationtLayer.layerPop{background: #fff; width:500px; height: auto;padding: 40px 20px;}
.tableST6{}
.tableST6 table{width: 100%; border-top: 2px solid #333;}
.tableST6 table thead tr th{border-bottom: 2px solid #1b1b1b; font-size: 17px; font-weight: 500; color: #353535; padding: 10px 0; text-align: center;}
.tableST6 table tbody tr td{border-bottom: 1px solid #cacacb; font-size: 13px; color: #868686; padding: 10px 0; font-weight: 300;  text-align: left; padding-left: 20px;}
.tableST6 table tbody tr th{border-bottom: 1px solid #cacacb; font-weight:500;	 color: #5c5c5c; text-align: left; border-right: 1px solid #cacacb; padding-left: 20px;}


/* RECRUIT */

#recruit{}
#recruit .info_txt{ font-size: 12px; line-height: 18px; }
#recruit .info_txt .fc_red{color: #ff0101;}
#recruit .info_txt .ta-u{text-decoration: underline;}
.textareaST1{border: 0; height: 100%; line-height: 18px; resize:none; padding: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea.wp100{width: 100%;}
.agreeBox{margin-top: 30px;}
.agreeBox .tit{font-size: 16px; color: #626262; margin-bottom: 20px; font-weight: bold;}
.agreeBox .tbox{border: 1px solid #ccc;  height: 200px; margin:0 0 5px;}
.agreeCheck{margin-top: 10px;}
.fc_black{color: #000;}

.recruitBox{ padding-top: 30px; margin-top: 30px;border-top: 1px solid #ddd;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.btn_addr{ background-color: #f4f4f4; width: 80px; height: 28px; border: 1px solid #ddd;}
.btn_add{color: #fff	; width: 74px; height: 23px; background-color: #333;}

.lst_option {margin: 10px 0;}
.lst_option ul li{margin-top: 10px;}
.lst_option ul li:first-child{margin-top: 0;}

.inner_tb table{width: 100%;}
.inner_tb table > tbody >  tr > th{border-left: 0;}

/* 로그인 */

.after_login{ border-top: 2px solid #414141;  border-bottom: 1px solid #414141;}
.after_login .tit{font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #000000; border-bottom: 1px solid #ccc; padding: 10px;}
.login_info:after{display: block;clear: both;content: "";}
.login_info{padding: 10px 0;}
.login_info .myGrade{float: left;}
.login_info .myinfo{float: left; width: 235px;margin-left: 10px; position: relative;}
.login_info .myinfo:after{display:block; clear:both; content:"";}
.login_info .myinfo ul li{margin-top: 7px;}
.login_info .myinfo ul li:first-child{margin-top: 0;}
.login_info .myinfo ul li:after{display: block;clear: both;content: "";}
.login_info .myinfo ul li strong{float: left; color: #333;}
.login_info .myinfo ul li p{float: left; color: #555; margin-left: 5px;}
.login_info .myinfo .btn_area{margin-top: 10px; }
.login_info .myinfo .btn_area button{border: 1px solid #999; width: 70px; padding:4px 0;}
.login_info .myinfo .btn_area.mid button{width: 120px;}
.login_info .myinfo .btn_area.f-r.mid{position: absolute; right:-74px; bottom:0;}
/* Certification 클릭시 팝업 */
.certification{padding: 40px;}
.certification ul{margin-bottom: 35px;}
.certification ul li{line-height: 2em;}
.certification .input{margin-bottom: 30px;text-align: center;}


/* confirm */
.aferConfirmArea { border-top: 2px solid #414141;  border-bottom: 1px solid #414141;}
.aferConfirmArea .tit{font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #000000; border-bottom: 1px solid #ccc; padding: 10px;}
.aferConfirmArea:after{display: block;clear: both;content: "";}
.aferConfirm input{width: 244px;height: 34px; padding: 0 10px;border: 1px solid #cfcfcf; -webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius:5px ; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.aferConfirm .textConfirm{display: inline-block; color: #696969;font-size: 13px; text-align:left; margin:10px 0; padding-left:10px;}
.aferConfirmArea .aferConfirm .btn_area{margin: 10px auto; text-align:center}
.aferConfirmArea .aferConfirm button{border: 1px solid #999; width: 70px; padding:4px 0; text-align:center}



/*feedback*/
.feedbackTitle {font-size: 30px; color: #444; margin: 40px 0 42px 0;  text-align: center;}
.feedbackArea {width:100%;}
.feedbackArea:after {display: block;clear: both;content: "";}
.feedbackArea .logData {width:317px; float:left; text-align:left; border:1px solid #d8d8d8; padding:20px; margin-right:11px; }
.feedbackArea .logData .logDataTitle {font-weight:bold; font-size:15px; line-height:23px; color:#121212; padding-bottom:25px;}
.feedbackArea .logData .logDataText1  {font-weight:bold; font-size:15px; line-height:23px; color:#575757; padding-bottom:20px; }
.feedbackArea .logData .logDataText2 {font-weight:400; font-size:13px; padding-bottom:25px;}
.feedbackArea .logData .logFileArea {}
.feedbackArea .logData .logFileArea1 .logFileText1, .feedbackArea .logData .logFileArea2 .logFileText1 {font-weight:bold; font-size:15px; line-height:23px; color:#575757; padding-bottom:8px; }
.feedbackArea .logData .logFileArea1 .logFileText2, .feedbackArea .logData .logFileArea2 .logFileText2 {font-weight:400; font-size:13px; color:#575757;}
.feedbackArea .logData .logFileArea2 {padding:4px 0 25px;}
.feedbackArea .captureData {width:327px; float:left; text-align:left; border:1px solid #d8d8d8; padding:15px;}
.feedbackArea .captureData .captureDataTitle {font-weight:bold; font-size:15px; line-height:23px; color:#121212; padding:0  0 20px 5px;}
.feedbackArea .logData{min-height: 260px}
.feedbackArea .captureData{min-height: 270px}
.feedFormTitle {font-weight:bold; font-size:15px; color:#121212;  margin:40px 0 20px; }
.asteriskText { font-weight:bold; color:#fe0000;}

/* 마이페이지 등급 */
#userinfo_area {border: 1px solid #cecece;margin-top: 14px; padding: 8px 0;}
#userinfo_area:after{display: block;clear: both;content: "";}
#userinfo_area .userGradeArea { width:49%; height:auto; min-height:180px;  float: left; margin:0 auto ; text-align: center; border-right: 1px solid #cecece;  vertical-align:middle;}
#userinfo_area .userGradeArea .gradeInfoArea { position: relative; width:80%; text-align:center;   }
#userinfo_area .userGradeArea .userGradeInfo {position: absolute; left:100px; top:40px; width:100%; text-align:center; margin:0 auto ;vertical-align:middle;}
#userinfo_area .userGradeArea .userGradeInfo .userGradeInner {float: left; width: 100px; display: inline-block; margin-top: 13px;  vertical-align:middle;}
#userinfo_area .userGradeArea .userGradeInfo .userGradeInner:after {display: block;clear: both;content: "";}
#userinfo_area .userGradeArea .userGradeInfo .userGradeInner .userGradImg {width: 100px; height:100px;  }
#userinfo_area .userGradeArea .userGradeInfo ul.userInfoText { width: 70%;float: left; text-align:left; padding:10px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;   vertical-align:middle;}
#userinfo_area .userGradeArea .userGradeInfo ul.userInfoText li {margin-top: 15px;}
#userinfo_area .userGradeArea .userGradeInfo ul.userInfoText li:first-child{margin-top: 0;}
#userinfo_area .userGradeArea .userGradeInfo ul.userInfoText li strong{color: #242525; font-weight: 600; font-size: 17px;}
#userinfo_area .userGradeArea .userGradeInfo ul.userInfoText li span{color: #868688; font-size: 14px;}
#userinfo_area .userGradeRink {width:49%; float: left; text-align: left;}
#userinfo_area .userGradeRink .userRinkInner {width:100%; margin:15px 40px; }
#userinfo_area .userGradeRink .userRinkInner .rankTitle {font-weight:bold; font-size: 15px; margin-bottom:15px; }
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea {width:480px; border-top:1px solid #cccccc; }
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel li {width:480px;  border-bottom:1px solid #cccccc; height:40px;}
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel {float:left; width:100%; height:40px; line-height:40px; vertical-align: middle;display:inline-block;}
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel li {width:480px;display:inline-block; }
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel li:after {display: block;clear: both;content: "";}
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel li.gradeImg { width:80px; text-align:left; padding-left:10px;}
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel li.gradeId { width:290px;text-align:center;  }
#userinfo_area .userGradeRink .userRinkInner .rankLevelArea ol.rankLevel ul.rankGradeLevel li.gradeNum { width:80px; text-align:right; padding-right:10px;}

/* login ok*/
#loginOkArea{border: 1px solid #cecece;margin-top: 14px; padding: 8px 0; text-align:center;}
#loginOkArea:after{display: block;clear: both;content: "";}
#loginOkArea .loginOkImage {margin:100px 0 60px}
#loginOkArea .loginOkEmail {font-weight:bold;}
#loginOkArea .btn_area{margin:40px 0 100px}
#loginOkArea .btn_area button{color:#fff; background-color:#282828; width: 121px; height:29px; }

/* what is*/
.what_is .cont {margin:3px 0 8px; }
.what_is .cont li {padding:0 5px; font-size: 13px; color: #1b1b1b; }


#regist .lst_dia_fun ul:after{display: block;clear: both;content: "";}
#regist .lst_dia_fun > ul > li{margin-top:20px;;}
#regist .lst_dia_fun ul li.f-l{float: left; width: 528px;  display: inline-block;}
#regist .lst_dia_fun ul li.f-r2 {float: right; width: 528px;  display: inline-block;}
#regist .lst_dia_fun ul li .ti{color: #222; font-size: 17px; font-weight: bold;margin-bottom: 10px;position: relative;}
#regist .lst_dia_fun ul li .ti:after{position: absolute; width: 93px; height: 2px; top: 0; left: 0;content: "";}
#regist .lst_dia_fun ul li .ti_dt{height: 55px;color: #696969; font-size: 13px; line-height: 18px;}
#regist .lst_dia_fun ul li .lst_img ul:after{display: block;clear: both;content: "";}
#regist .lst_dia_fun ul li .lst_img ul li{float: left; width: 528px; margin-left: 44px;     margin-top: 10px;}
#regist .lst_dia_fun ul li .lst_img ul li strong{color: #504e4e; font-size: 17px; max-height: 10px; font-weight: 400;}
#regist .lst_dia_fun ul li .lst_img ul li img{ /*margin-top: 15px;*/}
#regist .lst_dia_fun ul li .lst_img ul{margin-left: -44px; margin-top: -30px;}

table .input_a { font-family: 'Arial','Dotum'; }

.mapArea{}
.mapArea:after{display: block;clear: both;content: "";}
.mapArea .img{float: right;}

#pop_layer{position: fixed;left: 50%;top:50%;z-index: 100;margin: -160px 0 0 -160px}
#pop_layer li{float: left;}