@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;font-size: 15px;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;font-size: 15px;}
.table1 tbody td{  }
.table1 .inp{width: 100%;border: 1px solid #ddd;height: 35px;display: inline-block;vertical-align: top;}
.table1 .inp.w33p{width: 30%;}
.table1 .inp.w50p{width: 50%;}
.table1 .inp-pass{display: inline-block;vertical-align: top;margin-left: 10px;letter-spacing: 3px;font-size: 25px;color: #000;font-style: normal;line-height: 50px;}
.table1 .tbl-sment{display: block;margin: 4px 0;font-size: 13px;letter-spacing: -1px;color: #666;line-height: 18px;}

.tbl-chk{margin-bottom: 20px;}
.tbl-chk .scroll{height: 80px;border: 1px solid #ddd;background: #f7f7f7;padding: 10px;font-size: 12px;line-height: 16px;color: #666;white-space: pre-line;overflow-y: scroll;}
.tbl-chk label{display: block;margin-top: 5px;font-size: 12px;letter-spacing: -1px;}
.tbl-chk label input{display: inline-block;vertical-align: middle;}

/* Tab */
.tab1{ margin-bottom: 40px;text-align: center; }
.tab1 > li{display: inline-block;background: #f7f7f7;margin: 0 1px;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 60px;border: 1px solid #f7f7f7;font-size: 16px;color: #000;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap2{text-align: center;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }
.bbtn1{ display: inline-block;background: #07b5f0;border: 1px solid #07b5f0;color: #fff !important;height: 55px;line-height: 55px;padding: 0 50px;font-size: 18px;border-radius: 55px;}
.bbtn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 55px;line-height: 55px;padding: 0 50px;font-size: 18px;border-radius: 55px;}

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

/* etc */
.fontlist{margin: -10px;}
.fontlist > li{position: relative;display: inline-block;margin: 10px;vertical-align: top;width: 310px;}
.fontlist > li .tmb{position: relative;padding-bottom: 80.64%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.fontlist > li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-sizing: border-box;transition: all 0.3s;border: 0 solid #00a0d6;}
.fontlist > li .link:hover{border-width: 7px;}
.fontlist.len6{margin: -7px;}
.fontlist.len6 > li{width: 205px;margin: 7px;}

/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 90;background: #fff;}
#header .inner{position: relative;height: 95px;}
#header .logo{position: absolute;top: 0;left: 60px;width: 136px;height: 100%;background: url('/images/layout/logo.jpg') no-repeat center center;background-size: contain;text-indent: -999em;z-index: 2;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.05);}

#gnb{position: relative;text-align: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;padding: 0 25px;}
#gnb > li > a{position: relative;display: block;line-height: 95px;font-size: 19px;color: #333333;text-decoration: none;letter-spacing: -1px;font-weight: 300;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#gnb > li > a:hover{color: #333333;}
#gnb > li.active > a{color: #333333;}
#gnb > li.active > a:after{content: '';display: block;position: absolute;bottom: 30px;left: 0;width: 100%;height: 2px;background: #333333;}

#tnb{position: absolute;top: 0;right: 60px;}
#tnb > li{display: inline-block;margin-left: 30px;box-sizing: border-box;}
#tnb > li a{font-size: 15px;color: #666666;text-decoration: none;line-height: 95px;display: block;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#tnb > li a:hover{color: #00a0d6;}
#tnb > li img{display: inline-block;vertical-align: middle;margin-right: 10px;}

#mo-tnb{padding: 0 15px;}
#mo-tnb > li{display: inline-block;margin-right: 10px;}
#mo-tnb > li > a{line-height: 50px;color: #fff;font-size: 12px;}

#slide-btn{position: absolute;top: 50px;right: 0;display: none;}
#slide-btn a{display: block;width: 29px;height: 21px;background: url('/images/layout/slide-btn.png');text-indent: -999em;}

#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{font-size: 14px;line-height: 22px;color: #aaaaaa;font-style: normal;padding-left: 200px;background: url('/images/layout/flogo.jpg') no-repeat 0 center;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 13px;color: #999999;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

/* for mobile */
#slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
#slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#slide-menu .tit{height: 50px;position: relative;background: #088ac8;}
#slide-menu.on{right: 0;}

#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
#gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}

#ftqk{background: #f5f5f5;}
#ftqk ul{width: 1300px;position: relative;margin: 0 auto;}
#ftqk ul li{position: relative;vertical-align: top;display: inline-block;width: 25%;height: 220px;box-sizing: border-box;padding-top: 40px;}
#ftqk ul li:nth-child(odd){background: #ededed;}
#ftqk ul li:last-child{background: #e5e5e5;}
#ftqk ul li img{display: block;margin: 0 auto;margin-bottom: 15px;}
#ftqk ul li strong{display: block;text-align: center;margin-bottom: 5px;font-size: 20px;color: #333333;font-weight: 300;letter-spacing: -1px;}
#ftqk ul li em{font-style: normal;display: block;text-align: center;font-size: 11px;color: #999999;}
#ftqk ul li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}


/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }

#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .bx-pager{position: absolute;bottom: 60px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .bx-pager-item{display: inline-block;margin: 0 2px;}
#main .visual .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/vis-bull.png');text-indent: -999em;}
#main .visual .bx-pager-item a.active{background-image: url('/images/main/vis-bull-on.png');}

#main .tadak{padding: 85px 0;}
#main .tadak h4{text-align: center;margin-bottom: 25px;}
#main .tadak .cont{display: block;margin: 0 auto;}

#main .plan-box{zoom: 1;background: #f7f7f7;}
#main .plan-box:after{display: block;content: '';clear: both;}
#main .plan-box > *{float: left;width: 50%;}
#main .plan-box dt{overflow: hidden;}
#main .plan-box dd{padding: 90px;padding-bottom: 0;box-sizing: border-box;}
#main .plan-box .tit{display: block;margin-bottom: 20px;}
#main .plan-box .tit img{width: auto;height: 34px;}
#main .plan-box p{display: block;font-size: 17px;line-height: 26px;color: #666666;margin-bottom: 20px;}
#main .plan-box .txt{display: block;margin-bottom: 20px;}
#main .plan-box .more{margin-top: 20px;display: inline-block;width: 140px;line-height: 40px;text-align: center;background: #636363;font-size: 16px;color: #fff;text-decoration: none;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .plan-box .more:hover{background: #00a0d6;}
#main .plan-box.lef > *{float: right;}
#main .plan-box.lef dd{text-align: right;}
#main .plan-box.rig dd{text-align: left;}

#main .font-wrap{padding: 110px 0 0 0;margin-bottom: 100px;}
#main .font-wrap .inner{width: 1300px;position: relative;margin: 0 auto;padding-bottom: 115px;}
#main .font-wrap h4{display: block;text-align: center;margin-bottom: 60px;font-size: 40px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#main .font-wrap .bn{margin: -10px;}
#main .font-wrap .bn li{position: relative;margin: 10px;display: inline-block;}
#main .font-wrap .bn li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .font-wrap .more{position: absolute;bottom: 0;left: 50%;width: 90px;padding-top: 50px;margin-left: -45px;text-align: center;font-size: 15px;color: #333333;font-weight: 300;text-decoration: none;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .font-wrap .more:before{content: '';display: block;position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 40px;background: #000000;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .font-wrap .more:hover{color: #00a0d6;}
#main .font-wrap .more:hover:before{background: #00a0d6;}

#main .planbox2{zoom: 1;width: 1300px;position: relative;margin: 0 auto;margin-bottom: 50px;}
#main .planbox2:after{display: block;content: '';clear: both;}
#main .planbox2 > *{float: left;box-sizing: border-box;width: 50%;}
#main .planbox2 dd{background: #f7f7f7;padding-left: 90px;}
#main .planbox2 dd:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 340px;}
#main .planbox2 dd .in{display: inline-block;vertical-align: middle;}
#main .planbox2 dd h4{font-size: 35px;color: #333333;margin-bottom: 20px;font-weight: 600;}
#main .planbox2 dd p{font-size: 17px;line-height: 28px;color: #666666;letter-spacing: -1px;}
#main .planbox2 dd .more{display: block;margin-top: 30px;width: 140px;line-height: 40px;text-align: center;background: #888888;font-weight: 300;color: #fff;text-decoration: none;}
#main .planbox2 dd .more:hover{background: #333333;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}

#main .newfont{padding: 85px 0;}
#main .newfont h4{text-align: center;margin-bottom: 25px;}
#main .newfont .cont{display: block;margin: 0 auto;}
#main .newfont .rollWrap{width: 1300px;position: relative;margin: 0 auto;margin-top: 50px;}
#main .newfont .roll{margin: -10px;}
#main .newfont .roll li{display: inline-block;vertical-align: top;margin: 10px;width: calc(50% - 20px);}
#main .newfont .roll li img{width: 100%;height: auto;}
#main .newfont .bx-pager{margin-top: 40px;text-align: center;}
#main .newfont .bx-pager-item{display: inline-block;margin: 0 2px;}
#main .newfont .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/vis-bull.png');text-indent: -999em;}
#main .newfont .bx-pager-item a.active{background-image: url('/images/main/vis-bull-on.png');}


/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;padding: 80px 0; }

#sub #content > *{}
#sub #subCont{}

#sub .w1300{width: 1300px;position: relative;margin: 0 auto;}

#sub .sub-tit{display: block;margin-bottom: 15px;font-size: 25px;font-weight: 300;color: #333;}
#sub .sub-tit2{display: block;text-align: center;margin-bottom: 60px;font-size: 40px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#sub .sub-txt{display: block;margin-bottom: 20px;font-size: 17px;line-height: 26px;color: #666666;letter-spacing: -1px;}

#sub .sub-vis{position: relative;height: 150px;overflow: hidden;text-align: center;background: url('/images/layout/sub-vis.jpg') no-repeat center center;background-size: cover;text-align: center;}
#sub .sub-vis:before{content: '';width: 0;height: 150px;display: inline-block;vertical-align: middle;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;}
#sub .sub-vis h2 em{display: block;text-align: center;font-style: normal;font-size: 16px;color: #dddddd;font-weight: normal;margin-top: 10px;}

#itv{zoom: 1;margin-bottom: 90px;}
#itv:after{display: block;content: '';clear: both;}
#itv > *{float: left;}
#itv .lef{width: 620px;}
#itv .lef .plan{position: relative;background: #00a0d6;height: 560px;white-space: nowrap;margin-bottom: 10px;}
#itv .lef .plan:before{content: '';display: inline-block;width: 0;height: 380px;vertical-align: middle;}
#itv .lef .plan .in{display: inline-block;vertical-align: middle;text-align: center;width: 100%;white-space: normal;}
#itv .lef .plan .in > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#itv .lef .plan ul{text-align: center;margin-top: 20px;line-height: 22px;}
#itv .lef .plan ul li{position: relative;display: inline-block;padding: 0 12px;line-height: 15px;color: #d9eaef;letter-spacing: -1px;}
#itv .lef .plan ul li:before{content: '';display: block;position: absolute;top: 50%;margin-top: -6px;left: 0;width: 1px;height: 12px;background: #c8d4f1;}
#itv .lef .plan ul li.no-mar:before{display: none;}
#itv .lef .plan ul li:first-child:before{display: none;}
#itv .lef .infotxt{border: 1px solid #ddd;padding: 20px;}
#itv .lef .infotxt li{position: relative;padding: 3px 0;font-size: 14px;line-height: 22px;color: #666666;}
#itv .rig{width: 610px;margin-left: 70px;}
#itv .rig .plan-tit{display: block;padding-bottom: 15px;border-bottom: 2px solid #333;font-size: 32px;color: #333333;font-weight: 300;letter-spacing: -1px;}
#itv .rig .infotxt{padding: 20px 10px;border-bottom: 1px solid #ddd;}
#itv .rig .infotxt li{position: relative;padding: 3px 0;font-size: 14px;line-height: 22px;color: #666666;}
/* #itv .rig .infotxt li:before{content: '';display: block;position: absolute;top: 12px;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #666666;} */
#itv .rig .opt{padding: 15px 0;border-bottom: 1px solid #ddd;}
#itv .rig .opt .lab{position: relative;display: block;margin-bottom: 10px;padding: 20px 30px 20px 75px;background: #f8f8f8 url('/images/sub/itv-opt-bull.jpg') no-repeat 35px 20px;box-sizing: border-box;}
#itv .rig .opt .lab:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #ddd;}
#itv .rig .opt .lab p{display: block;font-size: 17px;color: #333333;}
#itv .rig .opt .lab em{display: block;font-size: 14px;color: #888888;font-style: normal;margin-top: 3px;}
#itv .rig .opt .lab .tot{position: absolute;top: 25px;right: 30px;font-size: 17px;color: #555555;}
#itv .rig .opt .lab .tot strong{font-size: 24px;color: #333333;font-weight: 600;}
#itv .rig .opt .lab input{display: none;}
#itv .rig .opt .lab.on{background-color: #fff;background-image: url('/images/sub/itv-opt-bull-on.jpg');}
#itv .rig .opt .lab.on:before{border: 2px solid #00a0d6;}
#itv .rig .opt2{border-bottom: 1px solid #ddd;padding: 20px 0;}
#itv .rig .opt2 li{position: relative;padding: 2px 0;padding-left: 110px;min-height: 35px;}
#itv .rig .opt2 li strong{position: absolute;top: 0;left: 5px;line-height: 35px;font-size: 14px;color: #777777;font-weight: 300;}
#itv .rig .count{position: relative;width: 110px;height: 35px;padding: 0 35px;box-sizing: border-box;}
#itv .rig .count button{position: absolute;top: 0;display: block;width: 35px;height: 35px;text-indent: -999em;border: none;box-sizing: border-box;border: 1px solid #ddd;}
#itv .rig .count button.minus{background: url('/images/sub/itv-opt-minus.jpg') no-repeat center center;background-size: contain;left: 0;}
#itv .rig .count button.plus{background: url('/images/sub/itv-opt-plus.jpg') no-repeat center center;background-size: contain;right: 0;}
#itv .rig .count .inp{border: none;height: 35px;line-height: 35px;width: 100%;padding: 0;text-align: center;box-sizing: border-box;border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#itv .rig .slt{border: 1px solid #ddd;width: 100%;box-sizing: border-box;padding-left: 10px;height: 35px;font-size: 13px;color: #999999;}
#itv .rig .total{margin-top: 30px;text-align: right;}
#itv .rig .total p{font-size: 15px;color: #666666;line-height: 26px;}
#itv .rig .total p strong{display: inline-block;vertical-align: middle;font-size: 26px;color: #333333;font-weight: 600;margin: -3px 0 0 15px;}
#itv .rig .btnWrap{margin-top: 20px;position: relative;}
#itv .rig .btnWrap .cart{position: absolute;top: 0;left: 0;width: 81px;height: 65px;border: none;border-radius: 5px;background: #3e64b3 url('/images/sub/itv-cart.jpg') no-repeat center center;text-indent: -999em;}
#itv .rig .btnWrap .buy{width: 100%;height: 65px;line-height: 65px;border-radius: 5px;background: #444444;text-align: center;font-size: 19px;color: #fff;border: none;}

.it-tab{margin: 80px 0 30px 0;background: #f2f2f2;border-bottom: 1px solid #555555;}
.it-tab li{display: inline-block;vertical-align: top;width: 25%;position: relative;}
.it-tab li:before{content: '';display: block;position: absolute;top: 50%;left: -1px;width: 1px;height: 18px;margin-top: -9px;background: #bbbbbb;}
.it-tab li:first-child:before{display: none;}
.it-tab li.active{z-index: 2;}
.it-tab li.active:before{display: none;}
.it-tab li a{display: block;line-height: 45px;text-align: center;font-size: 16px;color: #555555;letter-spacing: -1px;text-decoration: none;}
.it-tab li.active a{background: #555555;color: #fff;}

.itv-fontlist{position: relative;padding-bottom: 100px;margin-top: 50px;}
.itv-fontlist h4{font-size: 30px;text-align: center;letter-spacing: -1px;font-weight: 300;color: #333333;}
.itv-fontlist h4 em{font-style: normal;display: block;text-align: center;font-size: 17px;color: #666666;letter-spacing: -1px;font-weight: normal;}
.itv-fontlist .more{position: absolute;bottom: 0;left: 50%;width: 90px;padding-top: 50px;margin-left: -45px;text-align: center;font-size: 15px;color: #333333;font-weight: 300;text-decoration: none;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.itv-fontlist .more:before{content: '';display: block;position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 40px;background: #000000;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.itv-fontlist .more:hover{color: #00a0d6;}
.itv-fontlist .more:hover:before{background: #00a0d6;}

.font-det{margin: -10px;margin-top: 40px;}
.font-det li{position: relative;margin: 10px;border: 1px solid #ddd;border-top: 2px solid #333;width: 640px;box-sizing: border-box;height: 175px;display: inline-block;vertical-align: top;padding: 35px 20px 0 200px;}
.font-det li .ico{position: absolute;top: 35px;left: 40px;text-align: center;}
.font-det li .ico strong{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 5px;letter-spacing: -1px;}
.font-det li .d-tit{display: block;font-size: 15px;line-height: 18px;color: #333333;letter-spacing: -1px;font-weight: 300;}
.font-det li .d-txt{display: block;font-size: 13px;line-height: 22px;color: #777777;margin-top: 5px;}

.fonts-list .bn{margin: -10px;}
.fonts-list .bn li{position: relative;margin: 10px;display: inline-block;}
.fonts-list .bn li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.fonts-list .more{position: absolute;bottom: 0;left: 50%;width: 90px;padding-top: 50px;margin-left: -45px;text-align: center;font-size: 15px;color: #333333;font-weight: 300;text-decoration: none;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.fonts-list .more:before{content: '';display: block;position: absolute;top: 0;left: 50%;margin-left: -1px;width: 2px;height: 40px;background: #000000;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.fonts-list .more:hover{color: #00a0d6;}
.fonts-list .more:hover:before{background: #00a0d6;}

.policybox{white-space: pre-wrap;width: 1200px;position: relative;margin: 0 auto;}

.his-wrap .top{margin-bottom:60px;}
.his-wrap .top:after{content:'';display:block;clear:both;}
.his-wrap .top > div{float:left;width:50%;height:250px;box-sizing:border-box;}
.his-wrap .top .left{padding:75px 60px 75px 60px;background:url(/images/sub/history-bg1.jpg);}
.his-wrap .top .left h3{margin-bottom:10px;font-size:26px;color:#ffffff;}
.his-wrap .top .left h4{font-weight:normal;font-size:16px;color:#ffffff;}
.his-wrap .top .right{background:url(/images/sub/history-bg2.jpg);}
.his-wrap dl{position:relative;padding-left:170px;padding-bottom:40px;min-height:50px;}
.his-wrap dl.last{padding-bottom:0px;}
.his-wrap dt{position:absolute;left:0;top:-10px;font-weight:bold;font-size:38px;color:#222222;}
.his-wrap dd{position:relative;padding-left:118px;font-size:16px;line-height:37px;}
.his-wrap dd strong{position:absolute;left:0;top:0;padding-left:35px;font-size:18px;color:#000;}
.his-wrap dl:before{content:'';position:absolute;left:165px;top:13px;width:10px;height:10px;background:#999;z-index:1;border-radius: 50%;}
.his-wrap dl:after{content:'';position:absolute;left:170px;top:10px;width:1px;height:100%;background:#ddd;}
.his-wrap dl.last:after{display:none;}
.his-wrap .tab{margin-bottom: 40px;text-align: center;}
.his-wrap .tab li{display: inline-block;margin-right: 5px;}
.his-wrap .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.his-wrap .tab li.active a{background: #fff;border: 1px solid #333;}

.planbox{margin: 40px 0;}
.planbox dd{position: relative;padding: 50px 0;background: #3b3b3b;}
.planbox dd > img{display: block;margin: 0 auto;height: 43px;margin-bottom: 15px;}
.planbox dd .person{display: block;text-align: center;font-size: 17px;color: #fff;font-weight: 300;letter-spacing: -1px;}
.planbox dd ul{text-align: center;margin-top: 20px;line-height: 22px;}
.planbox dd ul li{position: relative;display: inline-block;padding: 0 12px;line-height: 15px;color: #cccccc;letter-spacing: -1px;}
.planbox dd ul li:before{content: '';display: block;position: absolute;top: 50%;margin-top: -6px;left: 0;width: 1px;height: 12px;background: #cccccc;}
.planbox dd ul li.no-mar:before{display: none;}
.planbox dd ul li:first-child:before{display: none;}
.planbox dd .link{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.planbox dd .link:after{background: url('/images/sub/cont-more.png') no-repeat center center;background-size: contain;border: 1px solid rgba(256,256,256,0.3);border-width: 1px 0 0 1px;content: '';display: block;width: 50px;height: 50px;bottom: 0;right: 0;position: absolute;}
.planbox dt{text-align: center;background: #f7f7f7;padding: 20px;}
.planbox dt .prc{display: inline-block;margin: 0 15px;}
.planbox dt .prc em{display: inline-block;vertical-align: middle;margin-right: 10px;width: 50px;line-height: 26px;text-align: center;border: 2px solid #666666;border-radius: 26px;box-sizing: border-box;font-size: 13px;color: #333333;font-style: normal;font-weight: 600;}
.planbox dt .prc p{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;font-weight: 300;}

.planlist{margin: -10px;}
.planlist > li{position: relative;display: inline-block;vertical-align: top;margin: 10px;width: 310px;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.planlist > li:hover{transform: scale(1.03);}
.planlist .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.planlist .plan{position: relative;background: #3f61b2;white-space: nowrap;}
.planlist .plan:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 280px;position: relative;}
.planlist .plan .in{display: inline-block;vertical-align: middle;text-align: center;width: 100%;}
.planlist .plan .in > img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.planlist .plan .person{display: block;text-align: center;font-size: 17px;color: #fff;font-weight: 300;margin-bottom: 20px;}
.planlist .plan em{display: block;font-style: normal;text-align: center;font-size: 15px;line-height: 22px;color: #dfe5ed;letter-spacing: -1px;}
.planlist .plan:after{content: '';display: block;position: absolute;bottom: 0;right: 0;width: 50px;height: 50px;text-indent: -999em;background: url('/images/sub/cont-more.png') no-repeat center center;background-size: contain;border: 1px solid rgba(256,256,256,0.3);border-width: 1px 0 0 1px;}
.planlist .info{background: #f7f7f7;padding: 0 30px;position: relative;line-height: 65px;height: 65px;position: relative;}
.planlist .info .prc{display: block;position: relative;}
.planlist .info .prc em{position: absolute;top: 15px;left: 0;display: block;width: 50px;line-height: 26px;text-align: center;border: 2px solid #333;border-radius: 26px;box-sizing: border-box;font-size: 13px;color: #333;font-style: normal;font-weight: 600;}
.planlist .info .prc p{position: absolute;top: 0;right: 0;line-height: 65px;font-size: 16px;color: #333333;font-weight: 300;}

.planlist > li.embed .plan{background: #3e2d86;}

/* .inst-vis{height: 530px;background: url('/images/sub/inst-vis-bg.jpg') no-repeat center center;background-size: cover;margin-top: -230px;box-sizing: border-box;padding-top: 120px;} */
.inst-vis{height: 530px;background: #333333;background-size: cover;margin-top: -230px;box-sizing: border-box;padding-top: 120px;}
.inst-vis h2{text-align: center;margin-bottom: 65px;}
.inst-vis .btn{text-align: center;}
.inst-vis .btn a{display: inline-block;margin: 0 15px;}
.inst-vis em{font-style: normal;display: block;text-align: center;margin-top: 50px;font-size: 14px;line-height: 22px;color: #cccccc;}

.inst-step{background: url('/images/sub/inst-bg1.jpg') no-repeat center center;background-size: cover;padding: 80px 0;}
.inst-step h4{text-align: center;margin-bottom: 70px;}
.inst-step ul{text-align: center;}
.inst-step ul li{position: relative;display: inline-block;margin-left: 110px;}
.inst-step ul li:before{content: '';display: block;position: absolute;top: 50%;left: -100px;background: url('/images/sub/inst-step-spr.png');width: 73px;height: 20px;margin-top: -10px;}
.inst-step ul li:first-child{margin-left: 0;}
.inst-step ul li:first-child:before{display: none;}
.inst-step ul li p{text-align: center;display: block;font-size: 17px;color: #333333;letter-spacing: -1px;font-weight: 300;margin-top: 10px;}
.inst-step ul li em{font-style: normal;display: block;text-align: center;font-size: 14px;color: #777777;letter-spacing: -1px;margin-top: 5px;}
.inst-step .view-vod{display: block;margin: 0 auto;margin-top: 50px;width: 340px;line-height: 50px;text-align: center;border-radius: 4px;font-size: 17px;color: #666666;letter-spacing: -1px;font-weight: 300;text-decoration: none;border: 2px solid #666666;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.inst-step .view-vod:hover{background: #666666;color: #fff;}

.inst-info{padding: 80px 0;}
.inst-info h4{text-align: center;margin-bottom: 100px;}
.inst-info h4 em{font-style: normal;display: block;text-align: center;margin-top: 15px;font-size: 17px;color: #666666;letter-spacing: -1px;font-weight: normal;}
.inst-info .box{width: 950px;position: relative;margin: 0 auto;box-sizing: border-box;padding-left: 500px;min-height: 450px;}
.inst-info .box .tmb{position: absolute;top: -85px;left: 0;}
.inst-info .box ul li{position: relative;margin-bottom: 50px;padding-left: 65px;}
.inst-info .box ul li .no{position: absolute;top: -8px;left: 0;width: 40px;height: 46px;line-height: 46px;text-align: center;background: url('/images/sub/inst-bull-bg.jpg') no-repeat center center;background-size: contain;font-size: 16px;color: #333;font-weight: 600;}
.inst-info .box .b-tit{display: block;font-size: 20px;color: #333333;letter-spacing: -1px;font-weight: 300;}
.inst-info .box .b-txt{display: block;font-size: 15px;line-height: 23px;color: #777777;letter-spacing: -1px;}
.inst-info .box .buy-btn{display: block;margin-top: 50px;width: 340px;line-height: 50px;text-align: center;border-radius: 4px;font-size: 17px;color: #666666;letter-spacing: -1px;font-weight: 300;text-decoration: none;border: 2px solid #666666;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.inst-info .box .buy-btn:hover{background: #666666;color: #fff;}

.coupon-vis{height: 530px;background: url('/images/sub/inst-vis-bg.jpg') no-repeat center center;background-size: cover;margin-top: -230px;margin-bottom: -80px;box-sizing: border-box;padding-top: 160px;}
.coupon-vis h2{text-align: center;margin-bottom: 65px;}
.coupon-vis form{text-align: center;}
.coupon-vis form fieldset{font-family: empty;font-size: 0;}
.coupon-vis form .inp{width: 130px;height: 48px;line-height: 48px;padding: 0 15px;border: 3px solid #fff;border-radius: 48px;box-sizing: border-box;background: none;color: #fff;vertical-align: middle;font-size: 25px;text-align: center;}
.coupon-vis form .mar{margin: 0 5px;display: inline-block;vertical-align: middle;width: 10px;height: 2px;background: #fff;}
.coupon-vis form .sbm{width: 130px;height: 48px;line-height: 48px;text-align: center;border-radius: 48px;border: none;background: #07b5f0;font-size: 18px;color: #fff;margin-left: 10px;letter-spacing: -1px;}

.buyfns-vis{height: 530px;background: url('/images/sub/inst-vis-bg.jpg') no-repeat center center / cover;margin-top: -230px;margin-bottom: -80px;box-sizing: border-box;padding-top: 160px;}
.buyfns-vis h2{text-align: center;margin-bottom: 10px;color: #fff;letter-spacing: -2px;font-size: 40px;font-weight: normal;}
.buyfns-vis h3{display: block;font-size: 25px;text-align: center;color: #fff;}

.join-vis{height: 530px;background: url('/images/sub/inst-vis-bg.jpg') no-repeat center center / cover;margin-top: -230px;margin-bottom: -80px;box-sizing: border-box;padding-top: 200px;width: 2000px;position: relative;left: 50%;margin-left: -1000px;}
.join-vis h2{text-align: center;}


























/*  */