@charset "utf-8";
@import url('reset.css');
@import url('common.css');

body, html { min-width:1200px }
.container { width : 1000px; margin : 0 auto }


#contentWrap { padding : 50px 0 0 0; min-width : 1000px; height : 100%; box-sizing : border-box }

header { position : fixed; top : 0; left : 0; width : 100%; background : rgba(0, 0, 0, 0.7); z-index :9 }
header .logo { position : absolute; top : 5px; left : 0 }
header nav { float : right; margin-right : 80px  }
header nav > ul > li { position : relative; display : inline-block }
header nav > ul > li a { display : block; color : #c0c0c0; font-size : 17px; padding : 15px 30px }
header nav > ul ul { display : none; position : absolute; top : 50px; left : 0; width : 100%; background : #fff; border : 1px solid #dbdbdb; border-top:0px none; padding : 10px 0; z-index : 99 }
header nav > ul ul li a { color : #7d7d7d; font-size : 15px; padding : 6px 10px 6px 20px }
header .langVer { position : absolute; top : 16px; right : 0 }
header .langVer a + a { margin : 0 0 0 8px }
header .productDropWrap { display : none; position : absolute; top : 50px; left : 0; width : 100%; background : #fff; border-bottom : 1px solid #e8e8e9; padding : 45px 0; z-index : 99 }
header .productDropWrap .container h1 { text-align : center; font-weight : 300 }
header .productDropWrap .container ul { margin : 20px 0 }
header .productDropWrap .container ul li { float : left; width : 16.5%; overflow:hidden; }
header .productDropWrap .container ul li a { position : relative; display : block; margin : 0 10px; width : 100%; height : 145px; line-height : 145px; overflow : hidden }
header .productDropWrap .container ul li a img { display : block; width : 100%; height : 100%; transform : scale(1); transition : transform 1s ease }
header .productDropWrap .container ul li a span { position : absolute; top : 0; left : 0; display : block; width : 100%; height : 145px; line-height : 145px; color : #fff; text-align : center; font-size : 20px    }
header .productDropWrap .container ul li a:hover img { transform : scale(1.15) }

/* 제품소개 하위메뉴 Ver2
2018-06-20
jaeran*/
header .productDropWrap_Ver2 { display : none; position : absolute; top : 50px; left : 0; width : 100%; background : #fff; border-bottom : 1px solid #e8e8e9; padding : 45px 0; z-index : 99 }
header .productDropWrap_Ver2 .container h1 { text-align:left; color:#009ecb; font-size:21px; padding-left:15px }
header .productDropWrap_Ver2 .container > ul { border-top:1px solid #cacaca; margin-top:16px }
header .productDropWrap_Ver2 .container > ul > li { padding:18px 0; border-bottom:1px solid #cacaca; transition:all .3s ease }
header .productDropWrap_Ver2 .container > ul > li:hover { background:#f6f6f6 }
header .productDropWrap_Ver2 .container li strong { display:inline-block; width:100px; color:#000; font-size:16px; padding-left:15px }
header .productDropWrap_Ver2 .container li strong a { color:#000 }
header .productDropWrap_Ver2 .container li ul { display:inline-block; border-left:1px solid #cacaca }
header .productDropWrap_Ver2 .container li li { display:inline-block; margin-left:30px; font-size:15px }
header .productDropWrap_Ver2 .container li li a { color:#000 }
header .productDropWrap_Ver2 .container li a { display:block }
header .productDropWrap_Ver2 .container li a:hover { color:#009ecb }

/* 제품 상세페이지 페이지 네비게이션 
2018-06-20
jaeran*/
.pageNavigation { position:fixed; top:50px; left:0; right:-15px; background:#17c6bf; color:#fff }
.pageNavigation h1 { font-size:26px; font-weight:600; line-height:50px; height:50px }
.pageNavigation .pnbMenu { position:absolute; top:0; right:0 }
.pnbMenu > ul > li { display:inline-block; min-width:100px; line-height:50px; position:relative; margin-left:15px; padding-right:40px }
.pnbMenu > ul > li:after { content:">"; position:absolute; top:0; right:0; font-family:dotum; font-size:12px }
.pnbMenu > ul > li:last-child:after { content:"" }
.pnbMenu > ul > li > a { display:block; line-height:50px; color:#fff; font-size:15px }
.pnbMenu > ul > li > a:after { content:"▼"; font-size:5px; position:absolute; top:0; right:20px }
.pnbMenu li li { line-height:22px }
.pnbMenu li li a { display:block; border-bottom:1px solid #d6d6d6; padding:7px 10px 7px 15px; transition:all .3s ease }
.pnbMenu li li a:hover { background:#17c6bf; color:#fff; padding-left:20px }
.pnbMenu li li:last-child a { border:0px none }
.pnbMenu li ul { display:none }
.pnbMenu li:hover ul { display:block; background:#fff; margin:0 -15px; border:1px solid #17c6bf; border-top:0px none }
.pnbMenu > ul > li:first-child { min-width:50px }
.pnbMenu > ul > li:first-child a:after { content:"" }

/* 
#mainSlide { width : 100%; height : 100% }
#mainSlide .slider { position:relative; width:100%; height:100%; overflow:hidden } 
#mainSlide .slider ul { position:absolute; left:0; width:200%; height : 100% } 
#mainSlide .slider ul li { width:50%; height:100%; float:left; } 
#mainSlide .slider ul li:nth-child(1) { background : url('../img/main/mainslide01.jpg') no-repeat center center / cover } 
#mainSlide .slider ul li:nth-child(2) { background : url('../img/main/mainslide02.jpg') no-repeat center center / cover } 
#mainSlide .slider ul li .innerWrap { display : table; width : 100%; height : 100%; table-layout : fixed }
#mainSlide .slider ul li .innerWrap .cell { display : table-cell; vertical-align : middle; text-align : center }
#mainSlide .slider ul li .innerWrap .cell img { display : block; max-width : 100%; margin : 0 auto }
#mainSlide .slider .prev, .slider .next { position : absolute; top:50%; width : 30px; height : 70px; margin-top : -70px } 
#mainSlide .slider .prev { background : url('../img/main/mainslidePrev.png') no-repeat center center; left:10px } 
#mainSlide .slider .next { background : url('../img/main/mainslideNext.png') no-repeat center center; right:10px } 
#mainSlide .slider .slideBtn { position : absolute; bottom : 20px; left : 0; width : 100%; text-align : center }
#mainSlide .slider .slideBtn button { width : 16px; height : 16px; border-radius : 100%; background : #fff; text-indent : -9999px; margin : 0 5px; border : 2px solid transparent }
#mainSlide .slider .slideBtn button.active { width : 34px; height : 16px; border : 2px solid #0fc5f9; background : transparent; border-radius : 5px  }
*/

#mainSlide { width : 100%; height : 900px }
#mainSlide .slider { position:relative; width:100%; height:100%; overflow:hidden } 
#mainSlide .slider ul { position:relative; height : 100% } 
#mainSlide .slider ul li { position : absolute; top : 0; left : 0; width : 100%; height:100%; display : none; cursor:pointer } 


/*
#mainSlide .slider ul li:nth-child(1) { background : #f8f8f8 url('../img/content/productBg01.jpg') no-repeat center center / cover; display : block } 
#mainSlide .slider ul li:nth-child(2) { background : #f8f8f8 url('../img/content/productBg02.jpg') no-repeat bottom center / cover } 
#mainSlide .slider ul li:nth-child(3) { background : #f8f8f8 url('../img/content/productBg03.png') no-repeat bottom center } 
#mainSlide .slider ul li:nth-child(4) { background : #f8f8f8 url('../img/content/productBg04.png') no-repeat center center } 
#mainSlide .slider ul li:nth-child(5) { background : #f8f8f8 url('../img/content/productBg05.jpg') no-repeat bottom center / contain } 
#mainSlide .slider ul li:nth-child(6) { background : #f8f8f8 url('../img/content/hipseat_bg.jpg') no-repeat center center / contain } 
*/
#mainSlide .slider ul li:nth-child(1) { display:block }
#mainSlide .slider ul li { background-size:cover ! important; background-repeat:no-repeat ! important }
#mainSlide .slider ul li h2 { line-height:60px; text-shadow:1px 1px 1px rgba(255,255,255,1) }
#mainSlide .slider ul li p { line-height:30px; text-shadow:1px 1px 1px rgba(255,255,255,1)  }



#mainSlide .slider ul li .innerWrap { display : table; width : 100%; height : 100%; table-layout : fixed }
#mainSlide .slider ul li .innerWrap .cell { display : table-cell; vertical-align : middle; text-align : center }
/*#mainSlide .slider ul li .innerWrap .cell img { display : block; max-width : 100%; margin : 0 auto }*/
#mainSlide .slider .prev, .slider .next { position : absolute; top:50%; width : 100px; height : 100px; margin-top : -70px; transition:all .3s ease } 
#mainSlide .slider .prev { background : url('../img/main/mainslidePrev.png') no-repeat center center; left:20px } 
#mainSlide .slider .next { background : url('../img/main/mainslideNext.png') no-repeat center center; right:20px } 
#mainSlide .slider .prev:hover { left:0; background-color:rgba(255,255,255,.5) }
#mainSlide .slider .next:hover { right:0; background-color:rgba(255,255,255,.5) }
#mainSlide .slider .slideBtn { position : absolute; bottom : 40px; left : 0; width : 100%; text-align : center }
#mainSlide .slider .slideBtn button { width : 20px; height : 20px; border-radius : 100%; background : #666;  text-indent : -9999px; margin : 0 3px; transition:all .3s ease; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3) }
#mainSlide .slider .slideBtn button.tab-active { width : 50px; height : 20px; background : #0fc5f9; border-radius : 50px  }

#mainSlide .slider ul li .innerWrap .cell h2 { font-size:40px; color:#333; letter-spacing:-3px }
#mainSlide .slider ul li .innerWrap .cell p { margin-top:40px; font-size:20px }

/*
#mainSlide .slider ul li:nth-child(1) .innerWrap .cell {  }
#mainSlide .slider ul li:nth-child(2) .innerWrap .cell { vertical-align:top; padding-top:140px }
#mainSlide .slider ul li:nth-child(3) .innerWrap .cell { vertical-align:top; padding-top:200px }
#mainSlide .slider ul li:nth-child(4) .innerWrap .cell {  }
#mainSlide .slider ul li:nth-child(5) .innerWrap .cell {  }
*/

.mainBannerWrap { overflow : hidden; height:360px }
.mainBannerWrap .container1200 { max-width:1920px; margin:0 auto; padding:40px 0  }
.mainBannerWrap .mainBannerInner { overflow : visible }
.mainBannerWrap .mainBannerInner .innerWrap { float : left; width : 25% }
.mainBannerWrap .mainBannerInner .innerWrap > div { margin : 10px; position : relative; height:250px; border:1px solid #eaeaea; cursor : pointer; transition:all .5s ease }
.mainBannerWrap .mainBannerInner .innerWrap > div:after { content : url('../img/main/ic-plus.png'); position : absolute; top : 0; right : 0 }
.mainBannerWrap .mainBannerInner .innerWrap > div:hover { border-color:#ccc; height:300px; margin-top:-15px }


.mainBanner01 { background : #f2f2f2 }
.mainBanner01 .slider { position:relative; width:100%; height : 100%; overflow:hidden } 
.mainBanner01 .slider ul { position:absolute; left:0; width:200%; height : 100% } 
.mainBanner01 .slider ul li { width:50%; height:100%; float:left } 
.mainBanner01 .slider ul li .txtWrap { padding : 50px }
.mainBanner01 .slider ul li span { display : block; width : 70px; height : 21px; line-height : 21px; background : #0fc5f9; color : #fff; font-size : 16px; text-align : center; margin : 0 auto }
.mainBanner01 .slider ul li h2 { font-size : 20px; color : #494949; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; margin : 30px 0 15px 0 }
.mainBanner01 .slider ul li p { font-size : 16px; color : #868686; text-overflow : ellipsis; overflow : hidden; white-space : nowrap;  }

.mainBanner01 .slider .prev, .mainBanner01 .slider .next { position : absolute; top:56%; width : 15px; height : 37px; margin-top : -37px } 
.mainBanner01 .slider .prev { background : url('../img/main/mdArrowPrev.png') no-repeat center center; left:10px } 
.mainBanner01 .slider .next { background : url('../img/main/mdArrowNext.png') no-repeat center center; right:10px } 
.mainBanner01 > a { position : absolute; top : 0; right : 0; width : 50px; height : 50px; z-index : 999 }



.mainBanner02 { background : url('../img/main/mbbanner02.png') no-repeat center center / cover }
.mainBanner03 { background : #f2f2f2 url('../img/main/mbbanner03.png') no-repeat bottom center }
.mainBannerWrap .mainBannerInner .innerWrap .inner h2 { font-size : 32px; color : #494949; text-align : center; padding : 40px 0 5px 0 }
.mainBannerWrap .mainBannerInner .innerWrap .inner p { text-align : center; font-size : 16px; color : #868686; line-height : 150% }

.mainBanner04 { background : url('../img/main/mbbanner04.png') no-repeat right top / cover }


.shopGoBg { display : table; width : 100%; table-layout : fixed; background : url('../img/main/shopGobg.jpg') no-repeat center center / cover; height : 215px }
.shopGoBg .cell { display : table-cell; vertical-align : middle; text-align : center; color : rgba(255, 255, 255, 0.6); font-size : 30px; font-weight : 100 }
.shopGoBg .cell a { display : block; margin : 20px auto 0 }

footer .container { font-size : 13px; color : #838383; line-height : 180%; padding : 15px 0; background : url('../img/common/logoBtm.png') no-repeat right center }
footer .container > span { display : inline-block; width : 15px; text-align : center }

.topBtnWrap { display : none; position : fixed; left : 0; width : 100%; bottom : 90px }
.topBtnWrap .inner { position : relative; width : 1000px; margin : 0 auto }
.topBtnWrap .inner .topBtn { position : absolute; right : -100px; width : 80px; height : 80px; line-height : 80px; border-radius : 100%; background : #71daf9; text-align : center; color : #fff; font-size : 16px }


#productVs { height : 900px }
#productVs .container { display : table; width : 100%; min-width : 1000px; height : 100%; margin : 0 auto; table-layout : fixed }
#productVs .container .inner { display : table-cell; vertical-align : middle; text-align : center }
#productVs .container .inner > img { display : block; margin : 0 auto }
#productVs .container .inner dfn { display : inline-block; padding : 5px 15px; font-size : 20px; color : #fff; background : #565656; font-style : normal; margin : 20px 0 }
#productVs .container .inner h2 { position : relative; font-size : 40px; color : #2b2b2b; line-height:60px; text-shadow:1px 1px 1px rgba(255,255,255,1)  }
#productVs .container .inner h2 b { font-weight : 500 }
#productVs.product02 .container { height : 58% }
#productVs.product02 .inner h2 { font-size : 60px; line-height : 60px; margin : 0 0 40px 0 }
#productVs.product02 .inner h2 span { display : block; font-size : 40px }
#productVs.product03 .container { height : 60% }
#productVs.product03 .inner h2:after { content : url('../img/content/product03Icon.png'); position : absolute; top : 0; left : 50%; margin-left : 250px   }
#productVs.product05 .container { height : 100% }
#productVs .container .inner p { font-size : 20px; color : #585858; line-height : 170%; margin : 30px 0 40px 0; text-shadow:1px 1px 1px rgba(255,255,255,1)   }
#productVs .container .inner button { width : 200px; height : 55px; line-height : 55px; font-size : 16px; color : #565656 }
#productVs .container .inner button img { margin-right:10px }
#productVs .container .inner button + button { margin : 0 0 0 10px }
#productVs.product01 { background : #f8f8f8 url('../img/content/productBg01.jpg') no-repeat center center / cover }
#productVs.product02 { background : #f8f8f8 url('../img/content/productBg02.jpg') no-repeat bottom center / cover }
#productVs.product03 { background : #f8f8f8 url('../img/content/productBg03.png') no-repeat bottom center }
#productVs.product04 { background : #f8f8f8 url('../img/content/productBg04.png') no-repeat center center }
#productVs.product05 { background : #f8f8f8 url('../img/content/productBg05.jpg') no-repeat bottom center / contain }
#productVs.product06 { background : #f8f8f8 url('../img/content/hipseat_bg.jpg') no-repeat center center / contain }

.productDetail { padding : 55px 0; text-align:center ! important; line-height:0px }
.productDetail > table { margin:0 auto }
/*.productDetail img { display : block; width : 100%; max-width : 100%; height : auto !important }*/



#customerVs { height : 530px; background : url('../img/content/customerVg01.jpg') no-repeat center center / cover }
#customerVs .container { display : table; width : 100%; min-width : 1000px; height : 100%; margin : 0 auto; table-layout : fixed }
#customerVs .container .inner { display : table-cell; vertical-align : middle; text-align : center }
#customerVs h2 { font-size : 40px; text-shadow : 1px 1px 5px #fff }
#customerVs ins { display : block; font-size : 16px; color : #808080; text-shadow : 1px 1px 2px #fff; font-style : normal; text-decoration : none; margin : 20px 0 50px 0 }
#customerVs span { display : block; font-size : 18px; color : #373737; font-weight : bold; text-shadow : 1px 1px 2px #fff }
#customerVs input { display : block; width : 630px; height : 60px; line-height : 50px; margin : 20px auto; box-sizing : border-box; padding : 5px 5px 5px 60px; background : #fff url('../img/content/inputSearch.png') no-repeat left 20px center; border : none; font-size : 18px }

.customerWrap { margin : 50px -10px; overflow : hidden }
.customerWrap li { float : left; width : 33.3%; margin : 80px 0 }
.customerWrap li .inner { margin : 0 10px; text-align : center; cursor : pointer }
.customerWrap li .inner .CSimg { display : table; width : 152px; margin : 0 auto; table-layout : fixed; height : 152px }
.customerWrap li .inner .CSimg p { position : relative; display : table-cell; vertical-align : middle }
.customerWrap li .inner .CSimg p span { position : absolute; top : 0; left : 0; display : block; margin : 0 auto; width : 150px; height : 150px; line-height : 150px; border : 1px solid #f0f0f0; border-radius : 100%; background : #fff; transition : all .3s ease }
.customerWrap li .inner:hover .CSimg p span { background : #9fe6fb; border : 1px solid #9fe6fb }
.customerWrap li .inner .CSimg p span.on { opacity : 0 }
.customerWrap li .inner .CSimg p span.off { opacity : 1 }

.customerWrap li .inner:hover .CSimg p span.on { opacity : 1 }
.customerWrap li .inner:hover .CSimg p span.off { opacity : 0 }
.customerWrap li .inner h2 { font-size : 28px ; font-weight : 500; margin : 30px 0 5px 0 }
.customerWrap li .inner dfn { display : block; font-style : normal; color : #868686; font-size : 16px }

.lockpage { padding : 200px 0; text-align : center }
.lockpage h2 { font-size : 30px; color : #35393d; margin : 20px 0 35px  }
.lockpage p { font-size : 16px; color : #9c9b9b; line-height : 180% }
.lockpage input { display : block; margin : 20px auto; width : 310px; height : 55px; line-height : 40px; box-sizing : border-box; padding : 5px; text-align : center; font-size : 16px; color : #9c9b9b; border : 2px solid #d4d4d4  }
.lockpage .btnWrap button { padding : 8px 30px; font-size : 16px  }
.lockpage .btnWrap button + button { margin : 0 0 0 5px }


.customerTop { background : #f6f6f6 }
.customerTop .csTop { position : relative; border-bottom : 1px solid #d8d8d8 }
.customerTop .csTop > ul {  }
.customerTop .csTop > ul:after { content : ''; display : block; clear : both }
.customerTop .csTop > ul > li { float : left; position : relative }
.customerTop .csTop > ul > li a { position : relative; display : block; font-size : 16px; color : #35393d; padding : 15px 30px }
.customerTop .csTop > ul > li:first-child > a { padding : 15px 60px 15px 0 }
.customerTop .csTop > ul > li:first-child > a:before { content : ''; width : 0; height : 0; border : 5px solid transparent; border-top : 5px solid #878787; position : absolute; top : 25px; right : 20px }
.customerTop .csTop > ul > li:first-child > a:after { content : url('../img/content/csArrow.png'); position : absolute; top : 15px; right : -10px }
.customerTop .csTop > ul > li div { display : none; position : absolute; top : 54px; left : 0; border : 1px solid #dbdbdb; background : #fff; width : 100% }
.customerTop .csTop > ul > li > div a { display : block; font-size : 15px; color : #7c7c7c; padding : 4px 10px }
.customerTop .csTop > ul > li > div a:hover { background : #7c7c7c; color : #fff }
.customerTop .csBtm { padding : 60px 0; text-align : center }
.customerTop .csBtm2 { padding : 100px 0 }
.customerTop .csBtm h2 { font-size : 24px }
.customerTop .csBtm p { font-size : 16px; color : #9c9b9b }
.customerTop .csBtm input { display : block; width : 630px; height : 60px; line-height : 50px; border : 2px solid #c3c3c3; font-size : 18px; color : #8f8f8f; padding : 5px 5px 5px 60px; background : #fff url('../img/content/inputSearch.png') no-repeat left 15px center; box-sizing : border-box; margin : 20px auto 0 }
.customerTop .csBtm .linkWrap a { display : inline-block; margin : 0 15px; padding : 10px 0; color : #888; border-bottom : 1px solid transparent  }
.customerTop .csBtm .linkWrap a:hover { color : #35393d; border-bottom : 1px solid #35393d }


.bbsList { margin : -30px auto 0 }
.bbsList dl { display : table; width : 100%; table-layout : fixed }
.bbsList dl dt, .bbsList dl dd { display : table-cell; vertical-align : top; padding : 30px 10px; border-bottom : 1px solid #ebebeb }
.bbsList dl dt { width : 35px; padding : 30px 0  }
.bbsList dl dt span { display : block; border-radius : 100%; width : 32px; height : 32px; line-height : 28px; background : #d8d8d8; text-align : center; color : #fff; font-size : 19px }
.bbsList dl dt span.active { font-size : 13px; background : #71daf9; line-height : 32px }
.bbsList dl dd a { display : block; font-size : 20px; color : #35393d; white-space : nowrap; text-overflow : ellipsis; overflow : hidden  }
.bbsList dl dd ul { margin : 5px 0 0 0 }
.bbsList dl dd ul li { display : inline-block; margin : 0 20px 0 0; color : #9c9b9b }

.bbsList table { width : 100%; table-layout : fixed }
.bbsList table thead th { border-bottom : 1px solid #919191; padding : 10px }
.bbsList table thead th:nth-child(2) { text-align : left }
.bbsList table tbody td { border-bottom : 1px solid #ebebeb; padding : 15px }
.bbsList table th, .bbsList table td { text-align : center; font-size : 15px; letter-spacing : 0 }
.bbsList table td { color : #9c9b9b }
.bbsList table td a { position : relative; display : block; text-align : left; font-size : 20px; color : #35393d; text-overflow : ellipsis; overflow : hidden; white-space: nowrap }
.bbsList table td a.reply { padding : 0 0 0 55px }
.bbsList table td a.reply span { position : absolute; top : 0; left : 0; font-size : 16px; color : #8e8e8e; padding : 0 0 0 20px  }
.bbsList table td a.reply:before { content : ''; width : 13px; height : 13px; border-left : 1px solid #919191; border-bottom : 1px solid #919191; position : absolute; top : 0; left : 0 }
.bbsList table td > span.active { display : block; width : 32px; height : 32px; line-height : 32px; text-align : center; color : #fff; background : #71daf9; font-size : 13px; margin : 0 auto; border-radius : 100% }







.pageNavi { text-align : center; margin : 40px 0 }
.pageNavi a { display : inline-block; padding : 5px 15px; border : 1px solid #dedede; font-size : 16px }
.pageNavi a:hover, .pageNavi a.active { border : 1px solid #000 }
.pageNavi a.prev { border : none; background : url('../img/common/navPrev.png') no-repeat left center; padding : 0 20px }
.pageNavi a.next { border : none; background : url('../img/common/navNext.png') no-repeat right center; padding : 0 20px }

.paddingSub { padding : 50px 0 }

.bbsView .bbsViewHead { background : #f8f8f8 }
.bbsView .bbsViewHead > li { position:relative; border : 1px solid #dfdfdf; padding : 15px; margin-top : -1px  }
.bbsView .bbsViewHead > li:nth-child(1) { font-size : 17px; font-weight : 500 }
.bbsView .bbsViewHead > li span { display : inline-block; margin : 0 20px 0 0; color : #9c9b9b }
.bbsView .bbsViewHead > li .bbsFile p { background : url('../img/common/ic-file.png') no-repeat left top; color : #434343; font-weight : 500; padding : 0 0 20px 30px  }
.bbsView .bbsViewHead > li .bbsFile a { display : inline-block; background : #fff; border : 1px solid #dbdbdb; padding : 5px 10px }
.bbsView .bbsViewHead > li .bbsFile a:hover { border : 1px solid #8b8b8b }
.bbsView .bbsViewHead .socialShare { position : absolute; top : 9px; right : 9px }
.bbsView .bbsViewHead .socialShare > a { display : block; background : #fff; color : #9c9b9b; padding : 5px 15px; border : 1px solid #dbdbdb }
.bbsView .bbsViewHead .socialShare .innerSlide { display : none; position : absolute; top : 31px; right : 0; background : #fff; z-index : 9; width : 120px; border : 1px solid #dbdbdb; padding : 5px 0  }
.bbsView .bbsViewHead .socialShare .innerSlide a { display : block; padding : 4px 10px }
.bbsView .bbsViewBody { padding : 40px; border : 1px solid #dfdfdf; margin-top : -1px; font-size : 16px; color : #949494; line-height : 180%; color : #949494; word-break : keep-all }
.bbsView .bbsViewBody .replyTxt { margin : 100px 0 0 0 }
.bbsView .bbsViewBody .replyTxt h2 { font-size : 16px; color : #393939; font-weight : 500; letter-spacing : 0 }
.bbsButton button:hover { background : #71daf9; border : 1px solid #71daf9; color : #fff }

.bbsWrite table { width : 100%; table-layout : fixed; border : 1px solid #d6d6d6 }
.bbsWrite table th, .bbsWrite table td { border-bottom : 1px solid #d6d6d6; padding : 10px 15px; font-size : 15px; color : #4a4949; box-sizing : border-box }
.bbsWrite table th { font-weight : 500 }
.bbsWrite table td input { display : block; width : 100%; height : 35px; line-height : 35px; border : 1px solid #d9d9d9 }
.bbsWrite table td .telWrap { height : 35px; line-height : 35px }
.bbsWrite table td .telWrap input { display : inline-block; width : 90px }
.bbsWrite table td .lockTxt { height : 40px; line-height : 40px }
.bbsWrite table td .lockTxt i { font-size : 30px; color : #67a35b; text-transform : uppercase; font-weight : 500 }
.bbsWrite table td .lockTxt input { display : inline-block !important; width : 225px; margin : 0 20px }
.bbsWrite .smartEdit { border-left : 1px solid #d6d6d6; border-right : 1px solid #d6d6d6 }
.bbsWrite table td .lockTxt span { position : relative; top : -6px  }
.file-input-div { height : 35px; line-height : 35px; margin-bottom:2px; }
.file-input-div input { display : inline-block !important; width : 90px !important; font-size : 15px; font-weight :500 }
.file-input-div input[type="file"] { display : inline-block !important; width : 50% !important; font-size : 15px; font-weight :500 }
.file-plus, .file-minus { display : inline-block; border : 1px solid #ccc; background : #f9f9f9; font-size : 15px; margin : 0 0 0 3px }
.file-plus { padding : 0 6px }
.file-minus { padding : 0 7px }
.fileNameWrap { margin : 20px 0 0 0 }
.fileNameWrap span { position : relative; display : inline-block; padding : 0 40px 0 0; margin : 0 20px 0 0 }
.fileNameWrap span:after { content : 'x'; position : absolute; top : 0; right : 0; width : 21px; height : 21px; line-height : 18px; background : #dcdcdc; color : #828282; text-align : center }