@import url("common.css");
/*font-set*/
@charset "utf-8";
/*--------------------------------------------------------*/
/*--- intro ---*/
/*--------------------------------------------------------*/
.intro-wrap {min-width:1200px;background: url(../images/intro_bg.jpg) no-repeat 50% 50%;background-size: cover;}
.intro_area {max-width:1920px; margin:0 auto; position:relative;text-align:center;}
.intro_area .intro_left {float:left; width:50%; box-sizing:border-box; height:1020px; background:url(../images/intro_img1.png) no-repeat center bottom;}
.intro_area .intro_right {float:left; width:50%; box-sizing:border-box; height:1020px; background:url(../images/intro_img2.png) no-repeat center bottom;}
.intro_area:after {clear:both; display:block; content:"";}
.intro_area .line {position:absolute; left:50%; top:0; width:0; height:1020px; border-left:1px solid #ccc;}
.intro_area .intro_icon {position:absolute; left:50%; top:448px; margin-left:-92px;}
.intro_area .logo_img {padding-top:61px; margin-bottom:56px;}
.intro_area .txt1 {font-size:50px; color:#806f68; font-weight:300; letter-spacing:-3px;}
.intro_area .txt1 b {font-weight:600; color:#806f68;}
.intro_area .txt2 {font-size:18px; line-height:25px; color:#333; font-weight:300; padding-top:20px; margin-bottom:30px;}
.intro_area .btn_h {display:inline-block; vertical-align:top; width:200px; height:40px; background:#666; line-height:38px; font-size:16px; color:#fff;}
.intro_area .btn_h:hover {opacity:.8;}
.intro-wrap .footer {text-align:center; height:59px; line-height:57px; border-top:1px solid #e5e5e5; background:#fff; font-size:14px; color:#333;}
/*--------------------------------------------------------*/
/*--- layout ---*/
/*--------------------------------------------------------*/
.wrap {min-width:1000px; margin:0 auto; position:relative; padding-top:80px;}
.wrap.on {padding-top:122px;}
.top_area {position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:110;}
.top_menu {position:relative; width: 1000px; margin: 0 auto;}
.top_menu .logo {position:absolute; left:0; top:0;}
.top_menu .m {padding-left:189px; box-sizing:border-box;}
.top_menu .m ul {}
.top_menu .m ul li {position:relative; display:inline-block; vertical-align:top; height:79px;}
.top_menu .m ul li a.depth1 {display:block; padding:0 33px; height:12px; font-size:13px; color:#333; font-family: 'Roboto';border-right:1px solid #cfcfcf; border-left:1px solid #b4b4b4; margin-top:33px;}
.top_menu .m ul li span {position:absolute; left:50%; bottom:-2px; width:100px; height:3px; background:#666; margin-left:-50px; display:none;z-index: 10;}
.top_menu .m ul li.on span, .top_menu .m ul li:hover span {display:block;}
.top_menu .m ul li:first-child a.depth1 {border-left:0;}
.top_menu .m ul li:last-child a.depth1 {border-right:0;}
.top_menu .m ul li .sub_m {position:absolute; left:0; top:80px; width:100%; text-align:center; background:#fff; box-sizing:border-box; height:0; overflow:hidden; padding:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_menu .m ul li:hover .sub_m {height:auto; padding:0 10px; padding-top:15px; padding-bottom:20px;}
.top_menu .m ul li .sub_m a {display:block; height:40px; line-height:40px; font-size:13px; color:#333;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_menu .m ul li .sub_m a:hover {background:#999; color:#fff;}
.top_menu .sns {position:absolute; right:19px; top:22px;}
.top_menu .sns a {display:inline-block; vertical-align:top; margin-left:4px; height:34px; overflow:hidden;}
.top_menu .sns a:hover img {}
/*--------------------------------------------------------*/
/*--- main ---*/
/*--------------------------------------------------------*/
.main_visual {opacity: 0;width: 1000px; margin: 0 auto;}
.main_visual .bx-wrapper {width:1920px; margin:0 auto; position:relative;}
.main_visual .bx-prev {position:absolute; left:20px;; top:50%; background:url(../images/prev.png) no-repeat; text-indent:-9999px; width:39px; height:96px; display:block; margin-top:-48px;}
.main_visual .bx-prev:hover {background:url(../images/prev2.png) no-repeat;}
.main_visual .bx-next {position:absolute; right:20px;; top:50%; background:url(../images/next.png) no-repeat; text-indent:-9999px; width:39px; height:96px; display:block; margin-top:-48px;}
.main_visual .bx-next:hover {background:url(../images/next2.png) no-repeat;}
.main_visual .bx-pager {position:absolute; left:0; bottom:25px; width:100%; text-align:center; display:none;}
.main_visual .bx-pager .bx-pager-item {display:inline-block; vertical-align:top; margin:0 6px;}
.main_visual .bx-pager .bx-pager-item a {display:block; background:#fff; opacity:.5; filter:alphd(opacity=50); width:12px; height:12px; border-radius:12px; text-indent:-9999px;}
.main_visual .bx-pager .bx-pager-item a.active {opacity:1; filter:alphd(opacity=100);}
.main_visual .bx-wrapper ul li {position:relative;height:auto;}
#visual { position: relative; width: 1000px; margin: 0 auto;height: 667px; overflow: hidden; }
#visual .imgs { position: relative; }
#visual .imgs li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 667px; overflow: hidden; }
#visual .imgs li.img1 { background: url(/publishing/pc/images/main_visual01.jpg) no-repeat top center; }
#visual .imgs li.img2 { background: url(/publishing/pc/images/main_visual02.jpg) no-repeat top center; }
#visual .imgs li.img3 { background: url(/publishing/pc/images/main_visual03.jpg) no-repeat top center; }
#visual .imgs li.img4 { background: url(/publishing/pc/images/main_visual04.jpg) no-repeat top center; }
#visual .imgs li.img5 { background: url(/publishing/pc/images/main_visual05.jpg) no-repeat top center; }
#visual .imgs li.img6 { background: url(/publishing/pc/images/main_visual06.jpg) no-repeat top center; }
#visual .imgs li.img7 { background: url(/publishing/pc/images/main_visual07.jpg) no-repeat top center; }
#visual .imgs li.img8 { background: url(/publishing/pc/images/main_visual08.jpg) no-repeat top center; }
#visual .imgs li.img9 { background: url(/publishing/pc/images/main_visual09.jpg) no-repeat top center; }
#visual .imgs li.img10 { background: url(/publishing/pc/images/main_visual10.jpg) no-repeat top center; }
#visual .imgs li.img11 { background: url(/publishing/pc/images/main_visual11.jpg) no-repeat top center; }
#visual .imgs li.img12 { background: url(/publishing/pc/images/main_visual12.jpg) no-repeat top center; }
#visual .imgs li.img13 { background: url(/publishing/pc/images/main_visual13.jpg) no-repeat top center; }
#visual .imgs li.img14 { background: url(/publishing/pc/images/main_visual14.jpg) no-repeat top center; }
#visual .imgs li.img15 { background: url(/publishing/pc/images/main_visual15.jpg) no-repeat top center; }
#visual .imgs li.img16 { background: url(/publishing/pc/images/main_visual16.jpg) no-repeat top center; }
#visual .imgs li.img17 { background: url(/publishing/pc/images/main_visual17.jpg) no-repeat top center; }
#visual .imgs li.img18 { background: url(/publishing/pc/images/main_visual18.jpg) no-repeat top center; }
#visual .imgs li.img19 { background: url(/publishing/pc/images/main_visual19.jpg) no-repeat top center; }
#visual .imgs li.img20 { background: url(/publishing/pc/images/main_visual20.jpg) no-repeat top center; }
#visual .imgs li.img21 { background: url(/publishing/pc/images/main_visual21.jpg) no-repeat top center; }
#visual .imgs li.img22 { background: url(/publishing/pc/images/main_visual22.jpg) no-repeat top center; }
#visual .imgs li.img23 { background: url(/publishing/pc/images/main_visual23.jpg) no-repeat top center; }
#visual .imgs li.img24 { background: url(/publishing/pc/images/main_visual24.jpg) no-repeat top center; }
#visual .imgs li.img25 { background: url(/publishing/pc/images/main_visual25.jpg) no-repeat top center; }
#visual .imgs li.img26 { background: url(/publishing/pc/images/main_visual26.jpg) no-repeat top center; }
#visual .imgs li.img27 { background: url(/publishing/pc/images/main_visual27.jpg) no-repeat top center; }
#visual .imgs li.img28 { background: url(/publishing/pc/images/main_visual28.jpg) no-repeat top center; }
#visual .paging {display:none; position: absolute; bottom: 18px; left: 0; width: 100%; text-align: center; }
#visual .paging li { display: inline-block; margin: 0 3px; width: 11px; height: 11px; text-indent: -9999px; cursor: pointer; background: url(http://www.lindengrove.co.kr//images/main/bullet.png) no-repeat; }
#visual .paging li.on { background-position: 0 -20px; }
#visual .other {display:none;}
#visual .other p { position: absolute; top: 194px; left: 50%; }
#visual .other .prev { margin-left: -590px; }
#visual .other .next { margin-left: 546px; }
#visual .other a { display: block; width: 52px; height: 52px; text-indent: -9999px; background: url(http://www.lindengrove.co.kr//images/main/btn_prev.png); }
#visual .other .next a { background: url(http://www.lindengrove.co.kr//images/main/btn_next.png) no-repeat; }
#visual .other a:hover { background-position: 0 -60px; }
.scr {margin-bottom:90px; margin-top:30px; text-align:center;}
.scr p {text-transform:uppercase; font-size:14px; color:#999;font-family:'Roboto',sans-serif; margin-bottom:8px;}
.main_txt1 {text-transform:uppercase; text-align:center; font-family: 'Roboto'; font-size:55px; font-weight:100; padding-bottom:69px; background:#f8f8f8; padding-top:100px;}
.main_txt1 a {display:inline-block; vertical-align:top; height:60px; overflow:hidden;}
.main_txt1 a:hover img {margin-top:-60px;}
.main_txt1 b {font-weight:600;}
.main_txt1 p {font-family:'Noto Sans KR'; font-size:19px; font-weight:300; padding-top:7px; margin-bottom:27px;}
.pop1 {width:960px; height:540px; position:fixed; left:50%; top:50%; margin-left:-480px; margin-top:-270px; z-index:200; display:none;}
.black {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.pop1 iframe {position:relative;}
.main_box1 {position:relative; height:510px; max-width:1920px; margin:0 auto; overflow:hidden; background:#f8f8f8;}
.main_box1 .area {height:401px; background:url(../images/gallery_bg.png) no-repeat center top; position:relative;box-sizing:border-box; padding-top:53px;}
.main_box1 .area .more {display:block; width:75px; height:75px; border-radius:75px; background:#ccc; text-align:center; line-height:75px; font-size:14px; color:#fff;font-family: 'Roboto'; position:absolute; left:50%; bottom:-32px;margin-left: 328px;}
.main_box1 .area .more:hover {background:#333;}
.main_box1 .banner {position:relative;width:100%;height:274px;overflow:hidden;}
.main_box1 .banner .aligncenter {position:relative;width:2440px;;height:274px;overflow:hidden; margin:0 auto}
.main_box1 .banner button {position:absolute;top:16px;display:inline}
.main_box1 .banner button.btn_baner_01{left:0px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_02{right:15px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_03{right:15px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_04{right:0px;width:15px;height:21px}
.main_box1 .banner .overhidden {position:absolute;width:100%;left:0;top:0;height:323px;overflow:hidden}
.main_box1 .banner .overhidden .caroufredsel_wrapper {width:100% !important;}
.main_box1 .banner ul {position:absolute;top:0px;left:0px;height:40px;overflow-y:hidden;text-align: center !important;width: 100% !important;}
.main_box1 .banner ul li {height:258px;width:304px;margin:0 16px !important;border:1px solid #e5e5e5; box-sizing:border-box; background:#fff; text-align:center;display: inline-block; vertical-align: top;}
.main_box1 .banner ul li .img {width:302px;height:193px; border-bottom:1px solid #e5e5e5; position:relative;}
.main_box1 .banner ul li .img a {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5); opacity:0; filter:alpha(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_box1 .banner ul li:hover .img a {opacity:1; filter:alpha(opacity=100);}
.main_box1 .banner ul li .img a img {vertical-align:top; top: 50%;position: relative;margin-top: -30px;}
.main_box1 .banner ul li span {display:block; height:62px; line-height:62px; font-size:14px; font-family: 'Roboto';}
.main_box2 {height:276px; box-sizing:border-box; text-align:center; position:relative;}
.main_box2 p {font-size:20px; line-height:30px; color:#fff; margin-bottom:16px;}
.main_box2 span {display:block; font-size:47px; color:#fff; font-family: 'Roboto'; letter-spacing:12px; margin-bottom:25px;line-height: 35px;}
.main_box2 a {display:inline-block; vertical-align:top; box-sizing:border-box; width:136px; height:36px; line-height:36px; border:1px solid #e5e5e5; background:rgba(0,0,0,.2); font-size:13px; color:#fff; font-family: 'Roboto';
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_box2 a:hover {background:#fff; border:1px solid #e5e5e5; color:#333;}
.bg1 {
background-image:url(../images/main_box2_bg.jpg);
background-repeat: repeat;
height:276px;
width:100%;
top: 0;
left: 0;
position: absolute;
z-index:5;
}
.bg2 {padding-top:48px;
background-repeat: repeat;
height:276px; box-sizing:border-box;
width:100%;
top: 0;
left: 0;
position: absolute;
z-index:10;
}
.insta_area {width:1000px; margin:0 auto; text-align:center; padding-top:51px; padding-bottom:72px;}
.insta_area .list {margin-top:-1px; margin-left:-1px; padding-top:35px;}
.insta_area .list li {display:inline-block; vertical-align:top; margin-top:1px; margin-left:1px; position:relative; width:166px; height:166px; overflow:hidden; background-size:cover !important;}
.insta_area .list li img {width:auto; height:100%;}
.insta_area .list li a {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5); opacity:0; filter:alpha(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.insta_area .list li a img {margin-top:57px; vertical-align:top; width:60px; height:auto;}
.insta_area .list li:hover a {opacity:1; filter:alpha(opacity=100);}
.bottom_m {margin:auto; width:100%; height:159px; line-height:20px;border-top:1px solid #e5e5e5; border-bottom:0px solid #e5e5e5;}
.bottom_m .area {width:1000px; margin:0 auto; position:relative; font-size:8px; color:#ccc;font-family: 'Roboto';}
.bottom_m .area .m a {display:inline-block; vertical-align:top; height:59px; line-height:59px; color:#333; margin:0 22px; cursor:pointer;text-transform:uppercase;font-size:13px;}
.bottom_m .area .f_top {position:absolute; right:0px; top:0; width:60px;}
.bottom_m .area .f_top .f_top_t {position:relative; top:20px; left:30px;}
.bottom_m .area .f {position:absolute; right:20px; top:0; width:140px;}
.bottom_m .area .f .f_area {position:relative;}
.bottom_m .area .f .f_area strong {position:absolute; bottom:58px; left:21px; width:100px; height:3px; background:#666; display:none;}
.bottom_m .area .f .f_area.on strong {display:block;}
.bottom_m .area .f .f_area ul {width:140px; position:absolute; left:0; bottom:59px; border:1px solid #e5e5e5; border-bottom:0; padding:0; background:#fff; box-sizing:border-box; height:0; overflow:hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bottom_m .area .f .f_area.on ul {height:auto;padding:2px 9px 5px 9px;bottom:60px;}
.bottom_m .area .f .f_area ul li {box-sizing:border-box; text-align:center;}
.bottom_m .area .f .f_area ul li a {display:block; height:40px; line-height:40px; font-size:14px;font-family: 'Roboto';
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bottom_m .area .f .f_area ul li a:hover {background:#999; color:#fff;}
.bottom_m .area .f .t {display:block; cursor:pointer; width:140px; text-align:center; height:59px; line-height:59px; font-size:13px; font-family: 'Roboto';}
.footer {width:1000px; margin:0 auto; position:relative; box-sizing:border-box; padding-left:0px; padding-top:20px;padding-bottom:33px;}
.footer img {position:absolute; top:42px; left:35px;}
.footer p {font-size:12px; line-height:20px; margin-bottom:11px;font-family:'Nanum Gothic';}
.footer span {display:block; font-size:11px; color:#999;font-family:'Nanum Gothic';}
/*--------------------------------------------------------*/
/*--- sub ---*/
/*--------------------------------------------------------*/
.sub_contents {width:1000px; margin:0 auto; padding-bottom:100px;}
.sub_contentss {width:1000px; margin:0 auto; margin-top:-70px;}
.sub_visual {height:161px; background:#2b2b2b; color:#2b2b2b; no-repeat center top; text-align:center; box-sizing:border-box; padding-top:0px;border-top: 1px solid #e5e5e5;}
.sub_visual p {text-transform:uppercase; font-size:52px; margin-bottom:14px;font-family: 'Roboto'; letter-spacing:13px;line-height: 38px;}
.sub_visual span {display:block; font-size:16px;}
.sub_top_menu {text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:40px; line-height:40px;}
.sub_top_menu .m {width:1000px; margin:0 auto;font-size:13px; color:#ccc;}
.sub_top_menu a {display:inline-block; vertical-align:top; color:#333; height:30px; line-height:30px; padding:0 20px; margin:0 22px; margin-top:5px; cursor:pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.s ease;
}
.sub_top_menu a:hover, .sub_top_menu a.active {background:#f8f8f8;}
.wrap.on .sub_top_menu {position:fixed; left:0; top:80px; width:100%; background:#fff; z-index:100;}
.paging{text-align:center}
.paging a{display:inline-block;padding:0 5px;margin:0 5px;font-size:14px;line-height:28px;position:relative}
.paging a.on:before{content:"";display:block;height:1px;background:#949494;position:absolute;left:4px;right:4px;bottom:-1px}
.paging .prev{margin:0 10px 0 0;padding:0}
.paging .next{margin:0 0 0 10px;padding:0}
.paging .first,
.paging .end{margin:0;padding:0}
.bg-box{border:1px solid #e5e5e5;background:#f8f8f8}
.form-search{margin-top:57px;text-align:center;padding:20px 0}
.form-search .select{width:140px}
.form-search .select,
.form-search .inp-txt,
.form-search .btn{margin:0 1px}
.select {height: 40px;border: 1px solid #e5e5e5;vertical-align: middle;padding: 0 10px;outline: none;font-size: 15px;}
.inp-txt {height: 40px;border: 1px solid #e5e5e5;padding: 10px;line-height: 18px;font-size: 15px;color: #666;}
.btn.btn-lg2 {background: #666;border-color: #666;}
.btn.btn-sm {width: 140px;height: 40px;line-height: 38px;font-size: 15px;}
.form-search .select, .form-search .inp-txt, .form-search .btn {margin: 0 1px;}
.form-search .select, .form-search .inp-txt, .form-search .btn {margin: 0 1px;}
/* btn */
.btn {display:inline-block;width:140px;height:40px;line-height:38px;font-size:13px;color:#fff;text-align:center;cursor:pointer;vertical-align:middle}
.btn.btn-xsm{width:70px;height:30px;line-height:28px;font-size:13px}
.btn.btn-sm{width:140px;height:40px;line-height:38px;font-size:13px}
.btn.btn-lg{width: 140px;height: 40px;line-height: 38px;font-size: 13px;background: #666;border-color: #666;}
.btn.btn-default{border:1px solid #666;background:#666}
.btn.btn-lighter{border:1px solid #999;background:#999}
.btn.btn-line{border:1px solid #e5e5e5;color:#666}
.btn.btn-success{border:1px solid #689658;background:#689658}
.btn.btn-cancel{width: 140px;height: 40px;line-height: 38px;font-size: 13px;border:1px solid #e5e5e5; color:#333;}
.gall_list {margin-left:-30px; margin-top:-32px; padding-top:50px;}
.gall_list li {float:left; box-sizing:border-box; width:310px; height: 220px; border:1px solid #fff;background:#f8f8f8; text-align:center; margin-left:30px; margin-top:32px;}
.gall_list li .img {position:relative; height:180px; overflow:hidden;}
.gall_list li .img a {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; filter:alphd(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gall_list li:hover .img a {opacity:1; filter:alphd(opacity=100);}
.gall_list li .img a img {vertical-align:top; top: 50%;position: relative;margin-top: -30px;}
.gall_list li p {line-height:38px; font-size:13px; font-family: 'Roboto';}
.gall_list:after {clear:both; display:block; content:"";}
.gall_tit {text-align:center; border:1px solid #e5e5e5;height:78px; line-height:78px; font-size:28px; margin-top:120px;}
.gall_tit2 {text-align:center; border:0px solid #e5e5e5;height:78px; line-height:78px; font-size:18px; margin-top:0px;}
.gall_view {text-align:center; padding-top:100px; padding-bottom:160px; border-bottom:1px solid #e5e5e5;}
.gall_view .img {margin-bottom:128px;}
.btn_area1 {text-align:center; padding-top:34px; margin-bottom:128px;}
.btn_area1 a {}
.btn1 {width:140px; height:45px; line-height:45px; background:#666; font-size:16px; color:#fff; display:inline-block; vertical-align:top; text-align:center;}
.sub_tit {font-size:32px; text-align:center; margin-bottom:50px;padding-top:100px; position:relative; border-bottom:2px solid #000; padding-bottom:20px;}
.sub_tit span {display:block; width:252px; height:5px; margin:0 auto; background:url(../images/tit_img.jpg) no-repeat; position:absolute; left:50%; bottom:0; margin-left:-126px;}
.p_slide {position:relative; margin-bottom:75px;}
.p_slide .bx-controls-direction {display:none;}
.p_slide .bx-pager {position:absolute; left:0; bottom:19px; text-align:center; width:100%;}
.p_slide .bx-pager .bx-pager-item {display:inline-block; vertical-align:top; margin:0 6px;}
.p_slide .bx-pager .bx-pager-item a {width:12px; height:12px; border-radius:12px; display:block; overflow:hidden; text-indent:-9999px; background:rgba(255,255,255,.5);}
.p_slide .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,1);}
.sub_tit2 {font-size:24px; margin-bottom:27px;}
.table1 {border-top:2px solid #ccc;}
.table1 thead th {height:49px; vertical-align:middle; text-align:center; background:#f7f7f7; border-bottom:1px solid #e5e5e5; font-size:13px; font-weight:400;border-left:1px solid #e5e5e5;}
.table1 thead th:first-child {border-left:0;}
.table1 tbody th, .table1 tbody td {vertical-align:middle; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; line-height:23px; font-size:13px; font-weight:300;}
.table1 tbody td input[type=checkbox] {width:20px; height:20px;}
.table1 tbody th {text-align:left; padding:17px 20px;}
.table1 tbody td {text-align:center;}
.table1 tbody tr td:first-child {border-left:0;}
.table1 tbody th b {font-size:16px; font-weight:400;}
.mab100 {margin-bottom:100px;}
.mab90 {margin-bottom:90px;}
.sub_txt1 {text-align:center; padding-top:15px; font-size:13px; line-height:21px;}
.img_box1 {text-align:center; position:relative;}
.sub_txt2 {text-align:center; font-size:16px; line-height:29px; margin-bottom:26px;}
.mab23 {margin-bottom:23px;}
.btn_area2 {text-align:center;}
.btn2 {width:209px; height:48px; line-height:48px; background:#666; font-size:16px; color:#fff; display:inline-block; vertical-align:top; text-align:center;}
.sub_box1 li {float:left; width:484px; box-sizing:border-box;}
.sub_box1 li:first-child {margin-right:32px;}
.sub_box1:after {clear:both; display:block; content:"";}
.table2 {border-top:2px solid #ccc;}
.table2 thead th {text-align:center; vertical-align:middle; height:49px;background:#f7f7f7; border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:600;}
.table2 tbody td {text-align:center; vertical-align:middle; height:40px;border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:300;}
.table2 thead th:first-child, .table2 tbody td:first-child {border-right:1px solid #e5e5e5;}
.mab68 {margin-bottom:68px;}
.sub_txt3 {text-align:center; font-size:14px; line-height:26px; font-weight:300;}
.sub_txt3 p {font-size:20px; line-height:36px; margin-bottom:42px;}
.sub_txt3 b {font-size:18px; line-height:26px; font-weight:500;}
.sub_txt4 {text-align:center; font-size:20px; padding-top:32px;}
.list-table {padding-top:50px;}
.list-table table{width:100%;border-collapse:collapse;border-top:2px solid #ccc;font-size:16px; box-sizing:border-box;}
.list-table th{height:30px;background:#f7f7f7;font-weight:normal;border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle;font-size: 13px;}
.list-table td{box-sizing:border-box;text-align:center;padding:5px 0;line-height:20px;border-bottom:1px solid #e5e5e5; vertical-align:middle;font-size: 13px;}
.list-table td.left{text-align:left}
.list-table td span.s1 {display:inline-block; width:80px; height:30px; line-height:30px; background:#999; font-size:13px; color:#fff; font-weight:300;}
.list-table td span.s2 {display:inline-block; width:80px; height:30px; line-height:30px; background:#6699cc; font-size:13px; color:#fff; font-weight:300;}
.list-table td span.s3 {color:#ff6600; font-weight:300; margin-left:5px;}
span.icon {display:inline-block; padding-left:7px;vertical-align: top; margin-top: 4px;}
span.icon img.ico1 {margin-right:9px;}
span.icon img.ico2 {margin-right:5px;}
span.icon img.ico3 {margin-right:8px;}
.bo_btn1 {text-align:right; padding-top:17px;}
.bo_btn1 a.btn1 {display:inline-block; vertical-align:top; width:140px; height:45px; text-align:center; line-height:45px; background:#666; font-size:15px; color:#fff;}
.form-view{padding-top:120px;}
.form-view .tit-area{border-top:2px solid #ccc;background:#f7f7f7;padding:17px 380px 17px 24px;line-height:28px;text-align:left;position:relative}
.form-view .tit{font-size:22px;color:#333;font-weight:normal}
.form-view .date{font-size:16px;color:#666;position:absolute;right:24px;top:50%;margin-top:-14px}
.form-view .date .bar{margin:0 12px}
.form-view .cont{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:16px;font-weight:300;line-height:26px;padding:60px 20px 90px 20px}
.form-view .img{margin-bottom:33px}
.form-comment{border:1px solid #e5e5e5;margin-top:26px;padding:24px 39px 50px 39px}
.form-comment .tit{display:inline-block;padding:0 6px;font-size:18px;color:#333;line-height:30px;font-weight:normal}
.form-comment .num{font-size:14px;line-height:30px; color:#666;}
.form-comment .form{margin-top:10px;padding-right:150px;position:relative}
.form-comment .form textarea.inp-txt{width:100%;height:140px}
.form-comment .form .btn{width:140px;height:140px;line-height:140px;position:absolute;right:0;top:0; color:#333; border:1px solid #e5e5e5; box-sizing:border-box; font-size:18px; font-weight:400;}
.form-comment .list{border-top:1px solid #e5e5e5;margin-top:43px}
.form-comment .list li{border-bottom:1px solid #e5e5e5;position:relative}
.form-comment .list .top{border-bottom:1px solid #e5e5e5;line-height:41px;position:relative}
.form-comment .list .name{display:inline-block;padding:0 6px;font-size:16px}
.form-comment .list .date{font-size:14px;color:#999}
.form-comment .list .util{font-size:16px;line-height:41px;position:absolute;right:0;top:0}
.form-comment .list .util a{padding:0 3px;margin:0 5px}
.form-comment .list .util a:hover{text-decoration:underline}
.form-comment .list .cont{min-height:75px;padding:9px 6px;font-size:16px;line-height:26px;position:relative}
.btn-list{padding:20px 12px 20px 12px;overflow:hidden}
.btn-list .left{float:left}
.btn-list .right{float:right}
.btn-list .btn{float:left}
.btn-list .left .btn{margin-right:5px}
.btn-list .right .btn{margin-left:5px}
.form-table table{width:100%;border-collapse:collapse;border-top:2px solid #ccc;font-size:13px}
.form-table th{background:#f8f8f8;font-weight:normal;border-bottom:1px solid #e5e5e5;text-align: center; vertical-align: middle; height:59px;}
.form-table td{padding: 12px 14px;border-bottom: 1px solid #e5e5e5;text-align: left;vertical-align: middle;}
.form-table td.txt {vertical-align:top; height:162px;}
.form-table .inp-txt{width:100%}
.form-table .wid-240p{width:240px}
.form-table .wid-300p{width:300px}
.form-table .wid-120p{width:120px}
.form-table .wid-80p{width:80px}
.form-table .sb{margin:0 10px}
.form-table textarea.inp-txt{height:330px}
.form-table .btn-file{box-sizing:border-box;border:1px solid #e5e5e5;color:#666;margin-left:6px}
.hidden {overflow: hidden;position: absolute;width: 1px;height: 1px;}
.cluse-wrap .tit{padding:24px 4px 10px 4px;font-size:22px;line-height:22px;font-weight:normal}
.cluse-wrap .cluse{height:1125px;border:1px solid #e5e5e5;overflow-y:auto;font-size:13px;line-height:20px;padding:26px 20px; font-weight:400;}
.cluse-wrap .cluse.join{height:400px}
.cluse-agree{text-align:right;padding:18px 9px 46px 9px}
.cluse-agree label{font-size:13px;font-weight:300}
.cluse-wrap.form{padding-top:21px}
.cluse-wrap.form .cluse{height:200px}
.cluse-agree.form{padding-bottom:30px}
.sub_txt5 {text-align:right; font-size:13px; padding-top:19px;}
.checkbox{width:20px;height:20px;border:1px solid #e5e5e5;background:#fff;margin-right:4px; margin-left:17px;}
.inp-txt{height:40px;border:1px solid #e5e5e5;padding:10px;line-height:18px;font-size:13px;color:#666}
textarea.inp-txt{resize:none}
.select{height:40px;border:1px solid #e5e5e5;vertical-align:middle;padding:0 10px;outline:none;font-size:13px;}
.form-table td label {color: #666;font-weight: 300; font-size:13px;}
.mar13 {margin-right:13px;}
.form-table td span.t1 {display:inline-block; padding-left:11px; padding-right:20px; font-size:16px; color:#666; line-height:40px;}
.btn-set{margin:40px 0 70px 0;text-align:center}
.btn-set .btn{margin:0 4px}
.pw_tit {text-align:center; font-size:28px; padding-top:120px; margin-bottom:27px;}
.pw_box {text-align:center; background:#f8f8f8; box-sizing:border-box; border:1px solid #e5e5e5; width:800px; height:136px; margin:0 auto; padding-top:34px;}
.pw_box p {font-size:14px; font-weight:400; margin-bottom:13px;}
.pw_box input[type=text] {width:200px; height:40px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; padding-left:10px;font-size:13px; color:#999; font-weight:300;}
.pw_box input[type=password] {width:200px; height:40px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; padding-left:10px;font-size:13px; color:#999; font-weight:300;}
.sub_txt6 {text-align:center; padding-top:40px; font-size:14px; line-height:20px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.sub_txt7 {font-size: 24px; margin-bottom: 27px; padding-top:43px; padding-bottom:16px; border-bottom:2px solid #ccc;}
.sub_txt8 {font-size:18px; line-height:52px;}
.borT1 {border-top:1px solid #e5e5e5 !important;}
.mab46 {margin-bottom:46px;}
.h136 {height:136px !important;}
.pop_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:200;display:none;}
#studioArea .studioItem {margin-top:120px;}
#studioArea .studioItem:first-child {margin-top:0;}
.sub_con2 {background:#f8f8f8; padding-bottom:80px;}
.sub_con2 .con {width:1000px; margin:0 auto;}
.sub_tit3 {text-align:center; font-size:22px; line-height:30px; margin-bottom:23px;}
.sub_box2 {background:#f8f8f8; padding-bottom:75px;}
.sub_box2 .con {width:1000px; margin:0 auto;}