@charset "utf-8";

/* layout */
body{}
.wrap{width:100%;min-width:1200px;}
.ct-box{position:relative;width:1200px;margin:0 auto;}
.footer-wp{height:58px;width:100%;min-width:1200px;background-color:#f6f5ef}

.foot{position:relative;height: 58px;width:1200px;}
.foot-logo{margin-top: 15px;display:inline-block;width:110px;height: 39px;background:url('../../image/img-logo-footer.png') no-repeat 0 0;background-size:110px;}
.foot-txt{display: inline-block;width:850px;margin-left:30px;vertical-align: top;padding-top: 22px;}
.foot-txt > strong{color:#666}
.foot-txt > address{position:relative; display:inline-block;color:#999}
.foot-txt > p{position:relative;display:inline-block;padding-left:10px;margin-left:10px;color:#999}
.foot-txt > p:after{content:"";position:absolute;left:0;top:3px;height:12px;width:1px;background-color:#999}

.foot-sns{position:absolute;top:33px;right:3px;display:inline-block;}
.foot-sns li{display:inline-block;font-size:0;width:32px;height:32px;margin-left:6px;}
.foot-sns a{display:inline-block;width:32px;height:32px;background-image:url('../../image/btn-sns-foot.png');background-repeat:no-repeat;background-position:0 0}
.foot-sns .icn2{background-position:-36px 0}
.foot-sns .icn3{background-position:-74px 0}
.foot-sns .icn4{background-position:-112px 0}

/* content */
/*로그인*/
.login{}
.login-wp{position:absolute;top:0;bottom:60px;left:0;right:0;background:url('../../image/bg-login.png') no-repeat 50% 50%;background-size:cover;}
.login-cell{display:table;width:100%;height:100%;}
.login-ct{display:table-cell;vertical-align:middle;text-align:center;}
.login-ct .logo{height:120px;background:url('../../image/img-logo.png') no-repeat 50% 0;background-size:120px auto;}
.login-ct .logo a{display:inline-block;width:119px;height:107px;text-align:center;}
.login-ct .stit{margin-top:10px;font-size:44px;color:#fff;text-align:center;}
.login-ct .btit{display:block;font-size:71px;color:#fff;text-align:center;}
.login-ct .btit>span{color:#ffab28}
.login-ct .chck1 label{color:#fff;}
.login-wp + .footer-wp{position:absolute;bottom:10px;left:0;right:0;}

.login-inp{width:682px;height:425px;margin:0 auto;margin-top:30px;padding:40px 170px 0;color:#fff;background-color:rgba(255,255,255,0.25);border-radius:30px;}
.login-inp .inp1{width:100%;height:50px;margin:0;margin-top:10px;border:none;padding-left:15px;}
.login-inp .btnTy2{width:100%;height:50px;padding:12px 20px;margin:0;margin-top:10px;;color:#333}
.login-inp .tit{color:#fff;font-size:50px;padding-bottom:10px;}
.login-inp .colum{text-align:left;margin:15px 0;}
.login-inp .idpw{border-top:1px solid #c3c2c0;padding:20px 0; }
.login-inp .idpw a{position:relative;display:inline-block;padding:0 10px; }
.login-inp .idpw a:last-child:after{content:"";position:absolute;top:3px;left:0;width:2px;height:11px;background-color:#fff; }

/* 로그인 인증페이지 */
.crtf-header{height:480px;padding-top:40px;;background-color:#899fa9;text-align:center;}
.crtf-header > *{padding-top:28px;color:#fff;line-height:1}
.crtf-header .logo{height:107px;padding-top:0;background:url('../../image/img-logo.png') no-repeat 50% 0;background-size:119px auto;}
.crtf-header .logo a{display:inline-block;width:119px;height:107px;text-align:center;}
.crtf-header .tit{font-size:40px;color:#fff;font-weight:normal}
.crtf-header .stit{font-size:25px;}

.crtf-cotant{margin-top:-195px;}
.ct-box:after{content:"";display:block;clear:both;}

.crtf-ct{min-height:625px;}
.crtf-box-wp{display:table;width:1020px;min-height:320px;margin:0 auto;background-color:#fff;border:1px solid #899fa9;}
.crtf-box{display:table-cell;vertical-align:middle;text-align:center;}

.crtf-box .tit{display:block;font-size:20px;color:#333}
.crtf-box .tit + .txt{margin-top:10px;}
.crtf-box .tit + .btn-wp{margin-top:60px;}
.crtf-box .txt{font-size:16px;color:#999}

.crtf-tbl{width:600px;margin:0 auto;padding:30px 0 30px;}
.crtf-tbl table{width:100%}
.crtf-tbl th{font-size:16px;font-weight:600;color:#333}
.crtf-tbl td, .crtf-tbl th{padding:10px 0;height:70px;border-top:1px solid #dadce0;text-align:left;}
.crtf-tbl tr:first-child td, .crtf-tbl tr:first-child th{border-top:none;}
.crtf-tbl .inp1{border:none;height:50px;width:100%;font-size:16px;}
.crtf-tbl .btnTy5{margin:0;}
.crtf-tbl .info{padding:10px 0; font-size:15px;color:#999;line-height:1.8}
.crtf-tbl .colum li>span{font-size:16px;padding-left:20px;font-size:16px;color:#333}

.info{font-size:15px;color:#999;line-height:1.8}
.info-txt{color:#b2b2b2}
.info-txt > li{padding:3px 0;}

/* 메인 */
.main-header{height:580px;padding-top:35px;;background:url('../../image/bg-main.png') no-repeat 50% 0;}
.main-header .logo{height:112px;background:url('../../image/img-logo.png') no-repeat 50% 0;}
.main-header .logo > a{display:inline-block;width:1242021-03-29px;height:112px;text-align:center;}

.slogan{margin-top:30px;text-align:center;;}
.slogan > ul{display:inline-block;font-size:0;border:1px solid #fff;padding:10px 0;;}
.slogan li{display:inline-block;width:70px;height:70px;font-size:30px;color:#ffc974;border:1px solid #fff;border-left:0;vertical-align:top; }
.slogan .txt{display:inline-block;height:70px;width:70px;line-height:70px;text-align:center;}
.slogan li:last-child{border-right:0;}
.slogan .sign{display:inline-block;line-height:95px;text-align:left;padding-left:5px;}

.slogan-dic{margin-top:20px;;font-size:30px;line-height:48px;color:#fff;text-align:center;}

.mune{font-size:0;margin-top:20px;}
.mune li{position:relative; width:240px;height:180px;display:inline-block;z-index:2}
.mune li:after{content:'';position:absolute;top:45px;left:0;width:1px;height:60px;background-color:#899fa9;z-index:4}
.mune li:first-child:after{content:none;}
.mune li:hover:after{content:none;}
.mune li:hover + li{z-index:1}
.mune a{position:absolute;left:0;top:5px;display:inline-block;width:240px;height:140px;padding:10px 0;text-align:center;background-color:#fff;z-index:3;transition:background-color 0.5s;}

.mune a:hover{top:0;width:242px;height:150px;background-color:#ffab28;z-index:100;box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);}
.mune i{display:inline-block;width:93px;height:90px;background:url('../../image/icn-main-menu.png');background-repeat:no-repeat;}
.mune .icn1{background-position:0 0}
.mune .icn3{background-position:0 -90px}
.mune .icn2{background-position:0 -180px}
.mune .icn4{background-position:0 -270px}
.mune .icn5{background-position:0 -360px}

.mune a:hover .icn1{background-position:-93px 0}
.mune a:hover .icn3{background-position:-93px -90px}
.mune a:hover .icn2{background-position:-93px -180px}
.mune a:hover .icn4{background-position:-93px -270px}
.mune a:hover .icn5{background-position:-93px -360px}

.mune .txt{display:block;font-size:20px;line-height:30px }
.mune a:hover .txt{font-size:22px;font-weight:600;color:#32465a}

.main-ct{padding:30px 0 30px;}
.main-notice{position:relative; float:left;width:690px;}
.main-notice h2{height:26px;border-left:3px solid #ffab28;padding-left:13px;color:#333}
.main-notice .more{position:absolute;top:0;right:0;width:26px;height:26px;border:1px solid #ffab28;}
.main-notice .more:before{content:"+";display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;color:#ffab28;font-size:20px;font-weight:600;}
.main-noti{margin-top:10px;}
.main-noti li{border-bottom:1px solid #dedede;overflow:hidden;}
.main-noti a{height:40px;line-height:40px;overflow:hidden;}
.main-noti a > *{line-height:45px;font-size:15px;}
.main-noti .txt{float:left;width:550px;}
.main-noti .txt>strong{padding-right:5px;color:#333}
.main-noti .day{float:right;color:#999}

.main-info{float:right;width:480px;height:263px;padding:30px 50px;background-color:#32465a;}
.main-info .txt{padding-top:94px;font-size:20px;color:#fff;line-height:30px;background:url('../../image/bg-hi.png') no-repeat 55% 0;text-align:center;vertical-align:top;}
.main-info .btnTy2{font-weight:600;}
.main-info .login{position:relative;display:inline-block;color:#fff;margin-left:5px;font-size:16px;line-height:28px;vertical-align:top;}
.main-info .login:after{content:"";position:absolute;bottom:2px;left:0;right:0;width:105%;height:1px;background-color:#fff; }

/* sub page*/
.sub-header{position:fixed;top:0;left:0;right:0;width:100%;height:90px;padding:10px 0;background-color:#fff;z-index:50;border-bottom:1px solid #ccc;}
.sub-header .logo{float:left;}
.sub-header .logo > a{display:inline-block;width:77px;height:70px;background:url('../../image/img-logo.png') no-repeat 0 0;background-size:77px auto;}
.sub-menu{float:left;margin-left:20px}
.sub-menu > li{position:relative; display:inline-block;padding:5px 5px;font-size:0;}
.sub-menu > li > a{position:relative; display:inline-block;font-size:20px;padding:20px;}
.sub-depth{position:absolute;left:0;top:50px;display:none;width:200px}
.sub-depth > li{position:relative;display:inline-block; }
.sub-depth > li > a{position:relative;display:inline-block;font-size:14px;padding:5px 7px;margin-right:20px;color:#999}
.sub-depth > li > a:after{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#999;border-radius:3px}

.sub-menu > li.on > a, 
.sub-menu > li:hover > a{ font-weight:bold;color:#333;}
.sub-menu > li.on > a:before, 
.sub-menu > li:hover > a:before{content:""; position:absolute;bottom:20px;left:20px;right:20px;height: 6px;background-color: #ffab28;z-index:-1}
.sub-menu > li.on .sub-depth, 
.sub-menu > li:hover .sub-depth{display:block;}
.sub-depth > li.on > a, .sub-depth > li:hover > a{font-weight:bold;color:#333}

.utill-menu{position:absolute;top:27px;right:0;padding:0 5px;background-color:#eaebec;border-radius:24px;overflow:hidden;}
.utill-menu > li{display:inline-block;font-size:0;}
.utill-menu a, 
.utill-menu strong{display:inline-block;font-size:13px;line-height:24px;padding:0 5px;}

/* 서브페이지 비쥬얼 */
.sub-visual{height:224px;padding-top:90px;background-repeat:no-repeat;background-position:50% 100%}
.sub-visual.noti{background-image:url('../../image/sub-visual1.png')}
.sub-visual.contract{background-image:url('../../image/sub-visual2.png')}
.sub-visual.product{background-image:url('../../image/sub-visual3.png')}
.sub-visual.sale{background-image:url('../../image/sub-visual4.png')}
.sub-visual.royalty{background-image:url('../../image/sub-visual5.png')}
.sub-visual.tax{background-image:url('../../image/sub-visual6.png')}
.sub-visual.mypage{background-image:url('../../image/sub-visual7.png')}
.sub-visual.inquire{background-image:url('../../image/sub-visual8.png')}
.sub-visual.faq{background-image:url('../../image/sub-visual9.png')}

.sub-tit-wp{position:relative;height:55px;background-color:#fff;}
.sub-tit-wp.sticky{position:fixed;top:90px;left:0;right:0;width:100%;background-color:#fff;z-index:50;}
.location{position:absolute;top:10px;right:0}
.location>li{position:relative; display:inline-block;padding:0 13px;color:#999 }
.location>li:before{content:">";position:absolute;left:-5px;top:2px;font-family:돋움;font-weight:bold;font-size:11px;}
.location>li:first-child:before{content:none;}

.sub-tit{clear:both;height:55px;border-bottom:1px solid #dbdbdb;}
.sub-tit span{position:relative;display:inline-block; line-height:54px;font-size:22px;color:#333;font-weight:600;}
.sub-tit span:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#333;}
.sub-tit .stxt{font-size:15px;color:#999;font-weight:400;padding-left:12px;}
.sub-tit .stxt:after{content:none;}

.sub-cont{padding:20px 0 30px;min-height:630px;}
.sub-tit2{color:#333;font-size:18px;margin-top:30px;line-height:1;font-weight:600;}
.sub-cont .sub-tit2:first-child{margin-top:0;}

.sort{overflow:hidden;font-size:0;}
.sort .radi2:last-child label{border-right-color:#dfdfdf}
.sort .radi2 label{min-width:120px;color:#333;border:1px solid #dfdfdf;border-right-color:#fff;background-color:#fff;}
.sort .radi2:first-child label{margin-left:0;}
.sort .radi2:first-child input:checked ~ label{border:2px solid #333;}
.sort .radi2 input:checked ~ label{border:2px solid #333;line-height:30px;color:#333;font-weight:600;background-color:#fff}
.sort .radi2 input:checked ~ label + .sort .radi2 label{border-left:1px solid #333;}
.seach-item .wd2{width:820px;}
.seach-item .wd1{width:648px;}

.paging{clear:both;margin-top:10px;text-align:center;font-size:0;}
.paging.up{margin-top:-35px;}
.paging > a{position:relative;display:inline-block;width:32px;height:42px;line-height:40px;margin:0 4px;font-size:16px;vertical-align:top;}
.paging > a.on{color:#ffab28;text-decoration: underline;}
.paging .pre, .paging .next{border:1px solid #d6d6d6;width:42px;}
.paging .pre:after,.paging .next:after{position:absolute;left:0;top:0;width:40px;height:40px;margin:auto;font-family: 돋움;font-weight: bold;font-size: 12px;}
.paging .pre:after{content:"<";text-indent:-4px;}
.paging .first:after{content:"<<";}
.paging .next:after{content:">";text-indent:4px}
.paging .last:after{content:">>";}

.tbl-wp{clear:both;margin-top:15px;border-bottom:1px solid #333;}
.tbl-wp2{clear:both;margin-top:15px;padding:10px 40px 30px;background-color:#f7f7f7}
[class^="tbl"]{width:100%;}
[class^="tbl"] .txL{text-align:left;}
[class^="tbl"] .link{}
[class^="tbl"] .mail{position:relative;display:inline-block;font-weight:600; }
[class^="tbl"] .mail:after{content:"";position:absolute; bottom:-2px;left:0;right:0;height:1px;background-color:#333;}

table [class^="btnTy"]{min-width:120px;height:40px;padding:10px 20px;font-size:16px;}

.tbl1 th,.tbl1 td{height:40px;padding:10px;text-align:center;font-size:16px;}
.tbl1 th{background-color:#555;color:#fff;}
.tbl1 td{font-size:14px;border-bottom:1px solid #ececec;}

.tbl2 th, .tbl2 td{height:40px;padding:5px 10px;text-align:center;font-size:16px;border-top:1px solid #ececec;border-left:1px solid #ececec;}
.tbl2.tiny th, .tbl2.tiny td {padding:10px 2px;}

.tbl2 th{background-color:#555;color:#fff;}
.tbl2 th:first-child, .tbl2 td:first-child{border-left:none;}
.tbl2 tbody tr:first-child td, .tbl2 tbody tr:first-child th{border-top:none;}

tr.total{background-color:#ffac2b}
tr.total td{border-top:1px solid #333;color:#333;font-weight:bold;}
thead.thin th{height:30px;}

.tbl-sort{position:relative;padding-right:20px;cursor:pointer;}
.tbl-sort:after{content:"▼";position:absolute;top:6px;right:0;font-size:8px;}

.tbl3 th,.tbl3 td{height:50px;padding:10px;text-align:center;font-size:16px;text-align:left;border-bottom:1px solid #dfdfdf;}
.tbl3 th{color:#333;font-weight:600;}
.tbl3 [class^="btnTy"]{min-width:160px;height:50px;padding:10px 20px;font-size:16px;}

.tbl4 th, .tbl4 td{height:40px;padding:10px;text-align:center;font-size:16px;border-top:1px solid #ececec;border-left:1px solid #ececec;background-color:#fcf5e9;}
.tbl4 th{background-color:#999;color:#fff;}


/* 공지사항 */
.noti-tit{cursor:pointer;}
.noti-tit .icn-arr{padding-right:30px;background:url('../../image/btn-toggle.png') no-repeat 100% -18px;}
.noti-tit.open .icn-arr{background-position:100% 2px}
.noti-detail{display:none;}
.noti-detail.active{display:table-row;}
.noti-detail td{background-color:#f5f5f5}
.noti-detail .txt{padding:10px 0;}


/* 계약사항 */
.seach-box{position:relative;padding:10px 25px;background-color:#f7f7f7}
.seach-item{display:table;padding:5px 15px;}
.seach-item > *{display:table-cell;height:;vertical-align:middle;}
.seach-item dd > * {vertical-align:top}
.seach-item dd .btnTy4{min-width:100px;font-size:16px;}
.seach-item dt{width:110px;font-size:16px;color:#333;font-weight:600;}
.btn-fix{position:absolute;top:50%;right:25px;transform:translateY(-50%);}

/* 검색 조건 */
.seach-box .btn-wp{position:absolute;top:50%;right:30px;margin-top:-25px;}
.seach-count{margin-top:20px;color:#333;font-size:18px;}

.collps-tit{cursor:pointer;}
.collps-tit .icn-arr{padding-right:30px;background:url('../../image/btn-toggle.png') no-repeat 100% -16px;}
.collps-tit.open .icn-arr{background-position:100% 3px}
.collps-detail{display:none;}
.collps-detail > td{padding:0;background-color:#fcf5e9}
.tiny .collps-detail > td{padding:0;}
.collps-detail.active{display:table-row;}

.astk{font-size:16px;color:#ffab28;}

/* 달력 */
.date-wp{display:inline-block;min-width:200px;height:35px;padding-right:20px;border:1px solid #d6d6d6;vertical-align:top;box-sizing:border-box;background-color:#fff;}
.date-wp .hype{display:inline-block;line-height:35px;padding-left:10px;text-align:center;}
.date-wp{vertical-align:top;}
.date-wp>input{margin-top:0;width:110px;height:33px;padding-right:0;margin:0;border:none;}
.date-wp> input[readonly] {background-color:#fff;}
.date-wp>button{display:none;margin-top:14px;width:22px;height:22px;font-size:0;/*background:url('../../image/btn-calendar.png') no-repeat 50% 50%;*/}

/* datepicker-calendar */
.ui-state-default{border-color:#fff;background-color:#fff;}
.ui-widget-header{border:none;background-color:#fff;border-radius:0}

.ui-datepicker-calendar tr th:first-child  span,
.ui-datepicker-calendar .date-sunday span{color:#ffab28;}
.ui-datepicker-calendar tr .date-saturday >*{color:#666;}
.ui-datepicker td span, .ui-datepicker td a{padding:5px}
.ui-datepicker td .ui-datepicker-today>*{background-color:#dbdbdb;}
.ui-state-active, .ui-widget-content .ui-state-active{border-color:#bd151c;background:#ffab28;color: #333;}
.ui-datepicker table{color:#666}
.ui-datepicker thead{background-color:#fdf5ea;border-top:1px solid #d6d6d6;}
.ui-datepicker td span, .ui-datepicker td a{padding:7px 0 8px;text-align:center;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none;width:30px;height:30px;}
.ui-datepicker-today .ui-state-default.ui-state-highlight{border:1px solid #b1b1b1;background-color:#fff;color:#666;}
.ui-widget-content .ui-state-highlight{border:1px solid #f13046;background-color:#f13046;color:#fff;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:70px;margin:0 5px;padding-left:10px;}
.ui-datepicker-year, .ui-datepicker-month{height:28px;margin-right:5px;font-size:16px;color:#666;/*border:1px solid #d6d6d6;background:url('../image/bg-select.png') no-repeat 120% 50%;background-size:25px;*/}
.ui-datepicker select.ui-datepicker-month{width:60px}
.ui-datepicker-month{padding-left:5px}
.ui-widget.ui-widget-content{right:10px;border:2px solid #ffab28;box-shadow: -1px 1px 10px 0 rgba(0, 0, 0, 0.2)}
.ui-datepicker .ui-datepicker-title{line-height:30px;font-size:14px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:2px;width:28px;height:28px;background:url('../../image/btn-calendar2.png') no-repeat 0 0}
.ui-datepicker .ui-datepicker-next{background-position:0 -28px;}
.ui-datepicker .ui-datepicker-prev.ui-state-hover{border:none;left:2px;}
.ui-datepicker .ui-datepicker-next.ui-state-hover{border:none;right:2px;}

/* */
.file-btn-wp{position:relative; }
.file-btn{position:absolute; top:0;right:8px;width:160px;}
.file-btn label{cursor:pointer;}
.file-btn label > span{line-height:26px}
.file-btn input[type="file"]{position:absolute; top:0;left:0;clip:rect(0,0,0,0); border: 0;}

.file-txt{padding:10px 20px;border:1px solid #d6d6d6;background-color:#fff;}
.file-txt > ul{min-height:50px}
.file-txt li{padding:5px 0;color:#b2b2b2;font-size:16px;}
.file-del{margin-left:10px;cursor:pointer;}

.inp-byte{margin-top:5px;padding-right:5px;color:#999;text-align:right;font-size:14px;}

.borad-detail{border-top:1px solid #333;border-bottom:1px solid #333;}
.borad-tit{font-size:18px;color:#333;background-color:#f7f7f7;border-bottom:1px solid #ececec;}
.borad-tit li{height:40px;padding:20px 30px;}
.borad-tit li.day{width:190px;color:#999;font-size:16px;text-align:right;}
.borad-txt{position:relative;padding:20px 60px;line-height:1.5;font-size:16px;}
.borad-txt.bor{border-top:1px solid #333;}
.inquire-btn{position:absolute;top:30px;right:40px;}

.inquire-info{margin-right:100px;}
.inquire-info > li{padding-top:10px;}
.inquire-info > li:first-child{padding-top:0;}

.inquire-txt > li{padding:35px 0;}
.inquire-txt > li:first-child{padding-top:0;border-bottom:1px solid #ececec;}
.inquire-txt > li:last-child{padding-bottom:0;}
.inquire-txt .tit{color:#333;position:relative;display:inline-block; padding-right:15px;}
.inquire-txt .tit:after{content:"";position:absolute;top:35%;right:0;border:3px solid transparent;border-left-color:#333;}
.inquire-txt .txt{line-height:1.5;margin-top:15px;}
.icon-box{display:inline-block;height:30px;margin:0 8px;padding:5px 20px;font-size:16px;min-width:100px;color:#333;border:1px solid #333;;text-align:center;}

.borad-paging{border-bottom:1px solid #333;font-weight:16px;}
.borad-paging > li{padding:20px 30px;font-size:16px;color:#999;border-bottom:1px solid #ececec;}
.borad-paging [class^="icn"]{padding:0 35px;background:url('../../image/icn-arr.png') no-repeat 0 0}
.borad-paging .icn2{background-position:0 -18px}
.borad-paging .ellips{width:830px}
.borad-paging .day{width:160px;text-align:right;}

.error-page{padding-top:120px;height:calc(100% - 100px)}
.error-txt{display:table;height:400px;width:100%;text-align:center;font-size:20px;}
.error-txt > div{display:table-cell;vertical-align:middle;text-align:center;color:#000;font-size:20px;}
.error-icn:before{content:"!";width:28px;height:28px;line-height:28px;display:inline-block;font-size:15px;background-color:#ffab28;color:#fff;font-weight:bold;margin-right:15px;border-radius:50%}

/* window popup */
.winpop-wrap h1{line-height:40px;}
.winpop-header{height:70px;padding: 12px 20px;background-color:#ffab28;}
.winpop-header > h1{font-size:24px;color:#333;line-height:42px;font-weight:500;letter-spacing:-1px;vertical-align:middle;}
.winpop-header > button, .winpop-header > a{position:absolute;right:0;top:0;padding:0;width:70px;height:70px;background:url('../../image/btn-pop-close.png') no-repeat 50% 50%;}

.winpop-btn-wp{padding:10px 0 30px;text-align:center;overflow:hidden}
.winpop-btn-wp > button{min-width:120px;}

.winpop-content{padding-bottom:20px}
.winpop-ct{padding:20px 20px 30px;}
.winpop-ct > .tit{font-size:18px;margin-bottom:10px;color:#333}
.winpop-ct > .txt > p{line-height:1.5;font-size:16px;}

.winpop-ct .tbl-wp2{padding:0px}

/* tabs */
.tabs-wp{}
.tabs-item{display:none;}
.tabs>li:only-child.active{color:#111;}

.tabs{position:relative;display:table;width:100%;overflow:hidden;}
.tabs li{display:table-cell;height:50px;width:50%;padding:20px 0;margin-left:-1px;text-align:center;border:1px solid #d7d7d7;border-left:none;font-size:16px;cursor:pointer;z-index:1;box-sizing:bodr-box;}
.tabs>li{color:#999;}
.tabs>li:first-child{margin-left:0;border-left:1px solid #d7d7d7;}
.tabs>li i{display:inline-block;width:60px;height:40px;background:url('../image/icn-tabs.png') no-repeat;}
.tabs>li span{display:block;}
.tabs>li.active{color:#fff;background-color:#333}

.hoverTxt:hover .ellips{text-overflow:initial;overflow:visible;white-space:normal;}


/* loading */
.loading{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.3);z-index:101;}
.loading-box{position:absolute;left:50%;top:50%;width:86px;height:86px;margin-top:-42.5px;margin-left:-42.5px;background:url('../../image/loading.gif') no-repeat 0 0 / 100%;border-radius:50%;}


.icn-arr2{padding:0 15px;background:url('../../image/btn-toggle.png') no-repeat 50% -18px}