@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 400;
  src: url('/public/font/HGGGothicssi_60g.eot');
  src: url('/public/font/HGGGothicssi_60g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_60g.woff') format('woff');
} 
@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 600;
  src: url('/public/font/HGGGothicssi_80g.eot');
  src: url('/public/font/HGGGothicssi_80g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_80g.woff') format('woff');
}
@font-face {
  font-family: 'HGGGothic';
  font-style: normal;
  font-weight: 700;
  src: url('/public/font/HGGGothicssi_99g.eot');
  src: url('/public/font/HGGGothicssi_99g.eot?#iefix') format('embedded-opentype'),
       url('/public/font/HGGGothicssi_99g.woff') format('woff');
}



/*=============================================================
공통팝업
=============================================================*/
.layer-wrap{position:relative; background:#fff; border-radius:10px; /*box-shadow:2px 2px 10px #333;*/ margin:0 auto; width:840px;}
.layer-wrap.common{text-align:center;}
.layer-wrap.common .inner{padding:70px 55px;}
.layer-wrap.common .inner h3{font-size:43px; color:#444444; line-height:110%; padding-bottom:35px; border-bottom:3px solid #e6e6e6; }
.layer-wrap.common .inner h3.green{color:#00aa7d; border-bottom:none;}
.layer-wrap.common .inner .con{padding-top:40px;}
.layer-wrap.common .inner .icn{height:110px;}
.layer-wrap.common .inner .icn.alert{background:url('/public/img/front/sub/icn_alert.png') center top no-repeat;}
.layer-wrap.common .inner .txt-1{font-size:33px; color:#666666; line-height:150%;}
.layer-wrap.common .inner .txt-2{font-size:30px; color:#999999; line-height:150%;}
.layer-wrap.common .inner .txt-3{font-size:28px; color:#999999; line-height:150%;}
.layer-wrap.common .inner .txt-4{font-size:24px; color:#555; line-height:170%; letter-spacing:-1px;}
.layer-wrap.common .inner .green{color:#00aa7d;}
.layer-wrap.common .inner .red{color:#E66464;}
.layer-wrap.common .inner .con .box-1{border:3px solid #e6e6e6; padding:60px 20px;}
.layer-wrap.common .inner .con .box-1 .tit{font-size:35px; color:#666666; line-height:110%; font-weight:600; text-align:center;}
.layer-wrap.common .inner .con .box-1 .desc{font-size:31px; color:#999999; line-height:150%; text-align:center;}
.layer-wrap.common .inner .con .box-2{padding:60px 20px; background:#f3f3f3; text-align:center;}
.layer-wrap.common .inner .con .box-2 .desc{font-size:31px; color:#999999; line-height:150%; text-align:center;}
.layer-wrap.common .inner .con .box-2 .desc2{font-size:31px; color:#666666; line-height:150%;}

.layer-wrap.common{text-align:center;}
.layer-wrap.common .inner{padding:70px 55px;}
.layer-wrap.common .inner h3{font-size:43px; color:#444444; line-height:110%; padding-bottom:35px; border-bottom:3px solid #e6e6e6; }
.layer-wrap.common .inner .rule{padding-top:40px; text-align:left;}
.layer-wrap.common .inner .rule h4{font-size:26px; color:#444444; margin-bottom:25px;}
.layer-wrap.common .inner .rule > p{font-size:23px; color:#666666; line-height:150%; margin-bottom:20px;}
.layer-wrap.common .inner .rule span.b{font-weight:600;}

.layer-wrap.common .inner .desc{font-size:27px; color:#999999; line-height:150%; text-align:left; list-style-type: disc; padding-left:30px;}
.layer-wrap.common .inner .desc>li{list-style:inherit; margin-bottom:20px;}
.layer-wrap.common .inner .desc>li span{color:#00aa7d;}

.layer-wrap .info-box{position:relative; background:#fff; border-radius:20px; margin:0 auto; text-align:center;}
.layer-wrap .info-box .inner{padding:70px 40px;}
.layer-wrap .info-box h3{font-size:48px; color:#333; font-weight:600; line-height:110%; padding-bottom:50px; margin-bottom:50px; border-bottom:3px solid #e6e6e6;}
.layer-wrap .info-box p{font-size:36px; color:#666666; line-height:140%;}
.layer-wrap .info-box p span{color:#00aa73;}
.layer-wrap .info-box p strong{color:#00aa73; font-weight:600;}
.layer-wrap .info-box .d-box{background:#f2f2f2; padding:40px 50px 30px; border-radius:10px;}
.layer-wrap .info-box .desc{font-size:30px; color:#333; text-align:left; list-style-type: disc; padding-left:30px; }
.layer-wrap .info-box .desc>li{list-style:inherit; margin-bottom:10px; line-height:130%;}
.layer-wrap .info-box .desc>li:last-child{margin-bottom:0px;}
.layer-wrap .info-box .desc>li span{color:#00aa7d;}
.layer-wrap .info-box .ft-1{font-size:26px; color:#666666; line-height:140%;}

.layer-wrap a.com-btn{color:#fff;}
.layer-wrap a.com-btn.gray{background:#999;}
.layer-wrap a.com-btn.long{min-width:80px; height:auto; font-size:20px; line-height:20px; padding:8px 15px;}



.layer-wrap .ft-11{font-size:11px; line-height:130%;}
.layer-wrap .ft-12{font-size:12px; line-height:130%;}
.layer-wrap .ft-13{font-size:13px; line-height:130%;}
.layer-wrap .ft-14{font-size:14px; line-height:130%;}
.layer-wrap .ft-15{font-size:15px; line-height:130%;}
.layer-wrap .ft-16{font-size:16px; line-height:130%;}
.layer-wrap .ft-17{font-size:17px; line-height:130%;}
.layer-wrap .ft-18{font-size:18px; line-height:130%;}
.layer-wrap .ft-19{font-size:19px; line-height:130%;}
.layer-wrap .ft-20{font-size:20px; line-height:130%;}
.layer-wrap .ft-21{font-size:21px; line-height:130%;}
.layer-wrap .ft-22{font-size:22px; line-height:130%;}
.layer-wrap .ft-23{font-size:23px; line-height:130%;}
.layer-wrap .ft-24{font-size:24px; line-height:130%;}
.layer-wrap .ft-25{font-size:25px; line-height:130%;}
.layer-wrap .ft-26{font-size:26px; line-height:130%;}
.layer-wrap .ft-27{font-size:27px; line-height:130%;}
.layer-wrap .ft-28{font-size:28px; line-height:130%;}
.layer-wrap .ft-29{font-size:29px; line-height:130%;}
.layer-wrap .ft-30{font-size:30px; line-height:130%;}
.layer-wrap .ft-35{font-size:35px; line-height:130%;}
.layer-wrap .ft-40{font-size:40px; line-height:130%;}
.layer-wrap .ft-45{font-size:45px; line-height:130%;}
.layer-wrap .ft-50{font-size:50px; line-height:130%;}
.layer-wrap .ft-55{font-size:55px; line-height:130%;}
.layer-wrap .ft-60{font-size:60px; line-height:130%;}
.layer-wrap .ft-70{font-size:70px; line-height:130%;}
.layer-wrap .ft-80{font-size:80px; line-height:130%;}
.layer-wrap .ft-90{font-size:90px; line-height:130%;}

.layer-wrap .fw-300{font-weight:300;}
.layer-wrap .fw-400{font-weight:400;}
.layer-wrap .fw-600{font-weight:600;}
.layer-wrap .fw-800{font-weight:800;}

.layer-wrap .ul-t1 li{margin-bottom:10px;}
.layer-wrap .ul-t1 li:last-child{margin-bottom:0px;}

.layer-wrap .red{color:red;}

.layer-wrap .HGGGothic{font-family:'HGGGothic', sans-serif;}




/* 결제 폼 */
.settle-wrap table.view-tbl{border-bottom:2px solid #ccc;}
.settle-wrap table.view-tbl tbody td{text-align:left; height:36px;}
.settle-wrap table.list-tbl-3 tr.require-row th{background:#eee;}
.settle-wrap table.list-tbl-3.sub tbody td{text-align:left; height:20px;}
.settle-wrap table.list-tbl-3 a.blue{text-decoration:underline; color:#0000ff;}

.settle-wrap .pay-box-1{position:relative; display:inline-block; vertical-align:top; width:400px; border:1px solid #ccc; margin-top:10px; border-radius:5px; overflow:hidden;}
.settle-wrap .pay-box-1 .head{margin:0px; background:#f2f2f2; font-weight:bold; text-align:center; height:30px; line-height:30px; padding:0px 10px; border-bottom:1px solid #ccc;}
.settle-wrap .pay-box-1 .head.red{color:red;}
.settle-wrap .pay-box-1 ul.ul-com-list{width:92%; margin:0 auto;}
.settle-wrap .pay-box-1 ul.ul-com-list li{padding:10px 10px; font-size:12px; border-bottom:1px dotted #ccc; line-height:140%;}
.settle-wrap .pay-box-1 ul.ul-com-list li:last-child{border-bottom:none;}
.settle-wrap .pay-box-1 ul.ul-com-list li span{display:table-cell;}
.settle-wrap .pay-box-1 ul.ul-com-list li span.title{width:230px;}					
.settle-wrap .pay-box-1 ul.ul-com-list li span.amount{width:90px; text-align:right;}
.settle-wrap .pay-box-1 ul.ul-com-list li span.sum{font-weight:bold;}
.settle-wrap .pay-box-1 ul.ul-com-list li span.delete{width:20px; text-align:right;}
.settle-wrap .pay-box-1 ul.ul-com-list li span.delete img{width:9px}


.settle-wrap .pay-box-1 ul.ul-com-list li .pay-reply p{padding:6px 10px 6px 15px; background:url('/public/img/admin/common/ico_depth2.gif') 5px 12px no-repeat;}
.settle-wrap .pay-box-1 ul.ul-com-list li .pay-reply p span.title{width:230px;}					
.settle-wrap .pay-box-1 ul.ul-com-list li .pay-reply p:first-child{margin-top:5px;}


.settle-wrap .pay-box-1 ul.ul-com-list li.sum{font-weight:bold; color:#0000ff; font-size:14px;}
.settle-wrap .pay-box-1 ul.ul-com-list li.sum.red{color:red;}

.settle-wrap .pay-box-1 ul.ul-com-list li.mh-90{height:90px;}

.settle-wrap .pay-box-1 ul.info-list{width:92%; margin:0 auto; padding:8px 0px;}
.settle-wrap .pay-box-1 ul.info-list li{padding:6px 10px 6px 15px; background:url('/public/img/admin/common/ico_depth1_off.gif') 5px 12px no-repeat; font-size:12px; line-height:140%;}
.settle-wrap .pay-box-1 ul.info-list li.e-info{display:none;}

.settle-wrap .pay-box-1 table.list-tbl-3{border-left:1px solid #ddd;}
.settle-wrap .pay-box-1 table.list-tbl-3 thead th{text-align:center; font-size:12px;}
.settle-wrap .pay-box-1 table.list-tbl-3 tbody td{text-align:center; font-size:12px;}				

.settle-wrap .pay-form .tit-gv-1{margin:0px 0px 10px; font-size:13px}
/*
.pay-form .pay-tbl th{border-bottom:2px dashed #999;}
.pay-form .pay-tbl td{border-bottom:2px dashed #999;}
*/

.settle-wrap .tr-info{display:none;}
.settle-wrap .select-box select{min-width:400px;}

.settle-wrap .dl-list-01{padding-right:50px;}
.settle-wrap .dl-list-01 dt{display:inline-block; width:200px; font-size:15px; }
.settle-wrap .dl-list-01 dd{display:inline-block; width:160px; font-size:18px; font-weight:bold;}

#sale-info-wrap{position:relative;}
#sale-info-blind{display:none; position:absolute; z-index:2; width:100%; height:100%; background:#888; opacity:0.1;}


.settle-wrap .seat-form-wrap{border-bottom:0px;}





/* 회원가입 */
.new-join{position:relative; width:640px; margin:0px auto; padding:50px 20px; background:#f8faf8;}
.new-join .require{font-weight:600 !important; color:lightcoral !important;}

.new-join .join-wrap .authbox{display:none;}
.new-join .join-wrap .logo{height:80px;}
.new-join .join-wrap .join-input li .ex.authbox{display:none;}
.new-join .join-wrap .confirm-tab{background:none;}
.new-join .join-wrap .desc{font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:left;}

.new-join .join-wrap .gap50{height:50px;}
.new-join .join-wrap .mgt-8{margin-top:8px;}

.new-join .join-wrap .location{float:none; margin:0px;}
.new-join .join-wrap .location li{background:none; margin-right:0px; padding-right:0px;}
.new-join .join-wrap .confirm-tab li.active a{border-color:#00aa7d;}

.new-join .join-wrap .chk-input.active input[type="text"], 
.new-join .join-wrap .chk-input.active input[type="password"]{border-color:#999;}
.new-join .join-wrap .chk-sex input[type="radio"]:checked + label{border-color:#999;}
.new-join .join-wrap .select-box select, 
.new-join .join-wrap .select-box .sel{border-color:#999;}
.new-join .join-wrap h4.f20{font-size:20px; line-height:20px;}
.new-join .join-wrap h4.f20 span{font-size:20px; line-height:20px;}



.campus-list{position:relative; padding:10px 0px;}
.campus-list p{font-size:12px; font-weight:600; padding:10px 3% 10px 0px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.campus-list ul{display:table; width:100%;}
.campus-list ul>li{ float:left; width:17%; font-size:12px; padding:2px 3% 2px 0px;}





/* 2021.07.05 추가 */
.pop-design{position:relative; width:990px; margin:50px auto; background:#fff; padding:20px; border-radius:12px; box-shadow:0px 0px 20px #555;}
.pop-design h2{text-align:center; font-size:22px; font-weight:600; color:#00aa73; font-family:'HGGGothic'; margin-bottom:30px;}
.pop-design .b-desc{font-size:14px; font-weight:600; color:#333; line-height:160%; margin-bottom:20px;}

.pop-design .sec{position:relative; border:1px solid #00aa73; border-radius:12px; padding:20px; margin-bottom:20px;}
.pop-design .sec:last-child{margin-bottom:0px;}
.pop-design .sec h3{position:relative;text-align:left; font-size:18px; font-weight:600; line-height:30px; color:#00aa73; font-family:'HGGGothic'; margin:0px; cursor:pointer;}
.pop-design .sec h3 span.arrow{position:absolute; right:0px; top:0px; width:30px; height:30px; background:url('/public/img/common/ico/icn_arrow.png') center no-repeat; background-size:100% auto; transition:all .8s ease;  -webkit-transition:all .8s ease; -o-transition:all .8s ease; -moz-transition:all .8s ease;}
.pop-design .sec.on h3 span.arrow{transform: rotate(180deg);}
.pop-design .sec .cont{margin-top:30px;}


.pop-design .product-list{display:table; width:100%;}
.pop-design .product-list .product{position:relative; width:200px; float:left; padding:20px 18px; border-bottom:1px dashed #999;}
.pop-design .product-list .product .thumb{ height:270px; background:#eee url('') center no-repeat; background-size:cover; border:1px solid #ccc; text-align:center;}
.pop-design .product-list .product .tit{padding-top:5px; height:40px; font-size:14x; text-align:center; font-weight:600;}
.pop-design .product-list .product .download{padding-top:5px;}
.pop-design .product-list .product .download a{display:block; background:#333; color:#fff; border-radius:5px; padding:7px 10px; font-size:17px; font-weight:600; font-family:'HGGGothic'; text-align:center;}

.pop-design .product-list .product .thumb span{font-size:18px; font-weight:600; text-align:center; line-height:300px;}
.pop-design .product-list .product .thumb span.jpg,
.pop-design .product-list .product .thumb span.png,
.pop-design .product-list .product .thumb span.jpeg,
.pop-design .product-list .product .thumb span.gif{display:none;}


.pop-design .txt-1{font-size:13px;}


.pop-design .revision{display:table; width:100%;}
.pop-design .revision dt{display:table-cell; padding-left:18px; width:150px; font-weight:600; font-size:13px;}
.pop-design .revision dd{display:table-cell;}
.pop-design .revision dd a{display:inline-block; margin-left:10px; color:blue; }
.pop-design .history{display:none; position:relative; margin:5px 18px; border:1px solid #ccc; padding:8px 10px; border-radius:6px;}
.pop-design .history ul{}
.pop-design .history ul li{padding-left:20px; background:url('/public/img/front/2020/sub/ic_clock.png') left no-repeat; background-size:15px auto; margin-bottom:5px;}
.pop-design .history ul li a{font-size:13px; color:#555;}
.pop-design .history ul li:last-child{margin-bottom:0px;}


/* */
.t-check{display:inline-block; cursor:pointer;}
.t-check a{display:inline-block; min-width:70px; height:46px; line-height:46px; text-align:center; border-radius: 4px; border:1px solid #e6e6e6; background-color: #ffffff; color:#999999; margin-right:5px; margin-bottom:8px; font-size:14px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); padding:0px 10px;}
.t-check:last-child a{margin-right:0px;}
.t-check a.on,
.t-check a:hover,
.t-check a:focus{outline:none; border-color: #00aa73;}

.t-cal{position:relative;}
.t-cal input{width:100%; height:46px; line-height:46px; text-align:center; color:#666; border:1px solid #fff; font-size:14px; border-radius:4px;background-color: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.t-cal input:focus {outline:none; /*box-shadow: 0 0 5px 0 #00aa73;*/ border-color:#00aa73;}
.t-cal a.cal{position:absolute; z-index:2; right:24px; top:14px; width:18px; height:18px; background:url('/public/img/front/2020/sub/ic_calender.png') center no-repeat; background-size:100% auto; text-indent:-999999px; overflow:hidden;}
.t-cal input::placeholder{color:#999999;}

.t-inp{position:relative;}
.t-inp input{width:94%; padding:0 3%; height:46px; line-height:46px; text-align:left; color:#666; border:1px solid #fff; font-size:14px; border-radius:4px;background-color: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.t-inp input:focus {outline:none; /*box-shadow: 0 0 5px 0 #00aa73;*/ border-color:#00aa73;}
.t-inp a{position:absolute; z-index:2; right:24px; top:14px; font-size:12px; color:#19aa7d; text-decoration: underline;}
.t-inp input::placeholder{color:#999999;}
.t-inp textarea{width:94%; padding:15px 3%; height:245px; text-align:left; color:#666; border:1px solid #fff; font-size:14px; border-radius:4px;background-color: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.t-inp textarea:focus {outline:none; /*box-shadow: 0 0 5px 0 #00aa73;*/ border-color:#00aa73;}
.t-inp textarea::placeholder{color:#999999;}

.t-sel{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top;}
.t-sel:after{background:url('/public/img/front/2020/common/sb-arrow.png') no-repeat center center; position:absolute; width:20px; height:20px; right:10px; top:50%;margin-top:-10px; display:block; content:""; z-index:3}
.t-sel select{padding:0 10px;font-size:13px; border:1px solid #fff; height:46px;color:#666; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.t-sel select::-ms-expand{display:none;}
.t-sel.active select,.select-box.active a{/* border-color:#666; */}
.t-sel.selected select,.select-box.selected a{color:#666}
.t-sel select:disabled{background:#f4f4f4;}
.t-sel select:focus {outline:none; /*box-shadow: 0 0 5px 0 #00aa73;*/ border-color:#00aa73;}

.t-file{position:relative;}
.t-file input[type=text]{width:94%; padding:0 3%; height:46px; line-height:46px; text-align:left; color:#666; border:1px solid #fff; font-size:14px; border-radius:4px;background-color: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.t-file input:focus {outline:none; /*box-shadow: 0 0 5px 0 #00aa73;*/ border-color:#00aa73;}
.t-file input[type=file]{position: absolute; top:0px; left:0px;width:100%; height:100%; z-index:2; opacity: 0; cursor:pointer;}
.t-file:after{position:absolute; content:''; width:17px; height:14px; top:50%; margin-top:-7px; right:24px; background:url('/public/img/front/2020/common/ic_file.png') center no-repeat;}

@media only screen and (max-width:640px){
	.t-check a{font-size:13px; min-width:80px; height:40px; line-height:40px;}
}


.pop-design input::placeholder{color:#bbb; font-weight:400;}
.pop-design .upload-file{margin-top:10px; padding-left:18px; background:url('/public/img/common/ico/ico_file.gif') left no-repeat;}
.pop-design .upload-file a{color:#00aa73; font-size:13px;}


.pop-design .upload-box{position:relative; padding:20px; border:1px solid #bbb; border-radius:12px;}
.pop-design .upload-box dl{position:relative; font-size:14px; font-weight:600; margin-bottom:15px; padding-bottom:15px; border-bottom:2px dashed #ddd;}
.pop-design .upload-box dl dt{padding-left:0px; margin-bottom:15px;}
.pop-design .upload-box dl dd{}
.pop-design .upload-box dl:last-child{border-bottom:none; margin-bottom:0px; padding-bottom:0px;}

/*
.note-cmt-wrap{position:relative; background:#fff; padding:20px 20px; margin-top:5px; font-weight:normal; color:#333; border:1px solid #bbb; border-radius:12px;}
.note-cmt-wrap h4{font-size:12px; font-weight:bold; margin-bottom:5px; line-height:13px; margin-top:10px;}
.note-cmt-wrap .note-cmt-list{position:relative; border-top:1px solid #ccc; }
.note-cmt-wrap .note-cmt{position:relative; padding:10px 15px 10px 25px; font-size:12px; background:url('/public/img/common/ico/icon_comment.gif') 7px 10px no-repeat; border-bottom:1px dotted #ccc; background-size:12px auto;}	
.note-cmt-wrap .note-cmt .info{}
.note-cmt-wrap .note-cmt .info .writer{float:left;}
.note-cmt-wrap .note-cmt .info .writer .name{display:inline-block; padding-right:20px; font-weight:bold; color:#1592DC;}
.note-cmt-wrap .note-cmt .info .writer .date{display:inline-block; font-size:11px;}
.note-cmt-wrap .note-cmt .info .btns{float:right;}
.note-cmt-wrap .note-cmt .con{clear:both; padding-top:10px; font-size:12px;}

.note-cmt-wrap .note-cmt-form{display:table; width:100%; margin-top:10px;}
.note-cmt-wrap .note-cmt-form .inp{float:left; width:88%; }
.note-cmt-wrap .note-cmt-form .inp textarea{width:98%; border:1px solid #ccc; height:34px; padding:5px 1%; }
.note-cmt-wrap .note-cmt-form .btn{float:right; width:11%; text-align:right;}
.note-cmt-wrap .note-cmt-form .btn a{height:44px; line-height:44px;}
*/



.pop-design .btn-campus-status{display:inline-block; margin-left:10px; color:#00aa73; font-size:13px;}
.pop-design .ul-notice{padding:0px 0px 0px 10px;}
.pop-design .ul-notice li{padding-left:26px; font-weight:600; font-size:13px; background:url('/public/img/common/ico/icn_notice5.png') 0px 0px no-repeat; background-size:20px auto; padding-bottom:10px;}
.pop-design .ul-notice li:last-child{padding-bottom:0px;}
.pop-design .ul-notice li a{color:blue;}


.editor-contents{position:relative; font-size:13px;}
.editor-contents img{max-width:100%;}
.editor-contents div, 
.editor-contents p,
.editor-contents a{font-size:13px;}


.campus-status{position:relative; margin:10px 0px;}
.campus-status>ul{width:100%;}
.campus-status>ul>li{background:#f4f4f4; border:1px solid #ddd; padding:12px 10px; color:#333; margin-bottom:8px;}
.campus-status>ul>li a{color:#333;}

.campus-status>ul>li dl{display:table; width:100%;}
.campus-status>ul>li dl dt{display:table-cell; width:20%; font-weight:600; font-size:12px;}
.campus-status>ul>li dl dt a{display:inline-block; padding-right:20px;}
.campus-status>ul>li dl dt a.new{background:url('/public/img/common/ico/new.gif') right 2px no-repeat; background-size:12px;}
.campus-status>ul>li dl dd{display:table-cell; width:40%; font-weight:600; font-size:12px;}
.campus-status>ul>li dl dd:last-child{text-align:right;}
.campus-status>ul>li.ps-002 dl dd:last-child{color:#fd6b33;}
.campus-status>ul>li.ps-003 dl dd:last-child{color:#00aa73;}
.campus-status>ul>li dl dd .file{padding-left:18px; background:url('/public/img/common/ico/ico_file.gif') left 3px no-repeat;}


.reply-wrap{position:relative; margin:10px 0px; background:#f4f4f4; border:1px solid #ddd; padding:12px 10px; color:#333; margin-bottom:8px;}
.reply{position:relative; display:none; }
.reply ul.list{margin-left:25px; margin-top:10px; border-top:1px dotted #ccc;}
.reply ul.list li .reply-box{position:relative; padding:10px 15px 10px 25px; font-size:12px; border-bottom:1px dotted #ccc; background:url('/public/img/common/ico/icon_comment.gif') 7px 10px no-repeat; background-size:12px auto;}	
.reply ul.list li .reply-box .info{}
.reply ul.list li .reply-box .info .writer{float:left;}
.reply ul.list li .reply-box .info .writer .name{display:inline-block; padding-right:20px; font-weight:bold; color:#1592DC;}
.reply ul.list li .reply-box .info .writer .date{display:inline-block; font-size:11px;}
.reply ul.list li .reply-box .info .btns{float:right;}
.reply ul.list li .reply-box .con{clear:both; padding-top:10px; font-size:12px;}
.reply .reg-btn{text-align:right; padding-top:10px;}






.design-wrap{position:relative;}
.design-wrap .cate{clear:both; position:relative; margin-bottom:30px;}
.design-wrap .cate:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:none;}

.design-wrap .cate .box{position:relative; border:1px solid #00aa73; padding:25px 20px; border-radius:12px; /*height:50px; line-height:50px;*/ text-align:left; color:#333; }
.design-wrap .cate .box h3{font-size:21px; border-bottom:1px solid #00aa73;  padding:0px 0px 10px 10px; font-family:'HGGGothic'; font-weight:600; margin:0px 0px 15px 0px;}
.design-wrap .cate span.count{position:absolute; right:25px; top:18px; line-height:40px; color:#333; font-size:18px; font-weight:600; text-align:center;}

.design-wrap .cate .box .depth-2{padding-left:30px;}
.design-wrap .cate .box .depth-2 li{list-style:square; margin-bottom:10px;}
.design-wrap .cate .box .depth-2 li a{font-size:15px; color:#333; font-weight:600; line-height:20px; vertical-align:top;}
.design-wrap .cate .box .depth-2 li:last-child{margin-bottom:0px;}
.design-wrap .cate .box .depth-2 li span{font-family:'HGGGothic'; display:inline-block; width:18px; height:16px; line-height:16px; border-radius:5px; font-weight:600; text-align:center; font-size:13px;}
.design-wrap .cate .box .depth-2 li span.new{background:#13b27b; color:#fff;}
.design-wrap .cate .box .depth-2 li span.change{background:#c1e3d1; color:#13b27b;}
.design-wrap .cate .box .depth-2 li span.remove{background:#777; color:#fff;}


.design-wrap .cate .ul-notice{padding:0px 0px 10px 10px;}
.design-wrap .cate .ul-notice li{padding-left:30px; font-weight:600; font-size:12px; background:url('/public/img/common/ico/icn_notice5.png') 5px 0px no-repeat; background-size:20px auto; padding-bottom:10px; margin-bottom:5px; border-bottom:1px dotted #ccc;}
.design-wrap .cate .ul-notice li a{color:blue;}


.design-wrap .item-view{}
.design-wrap .item-view img{border:1px solid #ccc;}
.design-wrap .item-view p{margin-bottom:10px;}
.design-wrap .item-view p:last-child{margin-bottom:0px; font-weight:bold;}

.design-wrap .prog-status{font-size:15px; font-weight:600; color:blue;}
.design-wrap .prog-status.red{color:red;}
.design-wrap .return-reason{margin-top:10px; padding:20px 20px 20px 45px; background:#f4f4f4 url('/public/img/common/ico/icon_comment.gif') 20px 20px no-repeat; border:1px solid #ccc; border-radius:8px; }

.design-wrap .status-log{}
.design-wrap .status-log li{position:relative; margin-bottom:5px; padding:8px 15px; border:1px solid #ccc; border-radius:5px; background:#f6f6f6; line-height:24px; }
.design-wrap .status-log li span{display:inline-block; }
.design-wrap .status-log li span.status{font-weight:600; font-size:13px;}
/*.design-wrap .status-log li span.date{position:absolute; right:15px;}*/
.design-wrap .status-log li span.date{position:absolute; right:100px;}
.design-wrap .status-log li .reason{margin-top:0px; padding:10px 10px 10px 35px; background:#f4f4f4 url('/public/img/common/ico/icon_comment.gif') 10px 10px no-repeat; border-radius:8px;}

.design-wrap .f-list{padding-left:5px;}
.design-wrap .f-list>li{padding-left:0px; margin-bottom:3px;}
.design-wrap .f-list>li:first-child{margin-top:5px;}
.design-wrap .f-list>li:last-child{margin-bottom:0px;}
.design-wrap .f-list>li a.file{display:inline-block; padding-left:18px; background:url('/public/img/admin/common/ico_file.gif') 0px 5px no-repeat; line-height:18px;}
.design-wrap .f-list>li a.del{display:inline-block; margin-left:10px;}
.design-wrap .f-list>li a.del img{vertical-align:middle;}

.design-wrap table.view-tbl th{font-size:12px; padding:10px 10px;}
.design-wrap table.view-tbl td{font-size:12px; padding:10px 10px;}


.design-wrap .space-box{position:relative; border:1px solid #00aa73; padding:40px; border-radius:12px; margin-bottom:20px;}
.design-wrap .space-box:last-child{margin-bottom:0px;}
.design-wrap .space-box h4{margin:0px 0px 20px; border-bottom:1px solid #00aa73; font-size:22px; font-weight:600; color:#333; font-family:'HGGGothic'; padding-bottom:5px;}
.design-wrap .space-box .b-desc{font-size:14px; font-weight:600; color:#00aa73; line-height:160%;}
.design-wrap .space-box .product-list{display:table; width:100%; margin-top:30px;}
.design-wrap .space-box .product-list .product{position:relative; width:200px; float:left; margin:10px 18px;}
.design-wrap .space-box .product-list .product .thumb{ height:270px; background:#eee url('') center no-repeat; background-size:cover; border:1px solid #ccc;}
.design-wrap .space-box .product-list .product .tit{padding-top:5px; height:40px; font-size:14x; text-align:center; font-weight:600;}
.design-wrap .space-box .product-list .product a:link .tit{color:#000000;}
.design-wrap .space-box .product-list .product a:link {text-decoration:none; color:#000000;}
.design-wrap .space-box .product-list .product.new::after{content:'NEW'; position:absolute; width:80px; height:80px; border-radius:80px; background:blue; right:-15px; top:-15px; z-index:2; background:url('/public/img/admin/design/icn_new.png') center no-repeat; background-size:cover; font-weight:800; color:#fff; text-align:center; line-height:80px; font-size:20px;}
.design-wrap .space-box .product-list .product.change::after{content:'CHANGE'; position:absolute; width:80px; height:80px; border-radius:80px; background:orange; right:-15px; top:-15px; z-index:2; background:url('/public/img/admin/design/icn_change.png') center no-repeat; background-size:cover; font-weight:800; color:#13b27b; text-align:center; line-height:80px; font-size:19px; letter-spacing:-4px;}

.design-wrap .space-box .product-list .product.remove .thumb{opacity:0.3; border:1px dashed #000;}
.design-wrap .space-box .product-list .product.remove.t1::after{content:'REMOVE'; position:absolute; width:80px; height:80px; border-radius:80px; background:orange; right:-15px; top:-15px; z-index:2; background:url('/public/img/admin/design/icn_remove.png') center no-repeat; background-size:cover; font-weight:800; color:#fff; text-align:center; line-height:80px; font-size:19px; letter-spacing:-2px;}

.design-wrap .space-box .product-list .product span.order{position:absolute; left:5px; top:0px; font-size:20px; font-weight:600;}



a.btn-campus-status{display:inline-block; color:#00aa73 !important; font-size:12px; font-weight:bold;}



.com-cmt-wrap{position:relative; background:#f6f6f6; padding:30px; font-weight:normal; color:#333;}
.com-cmt-wrap h4{font-size:12px; font-weight:bold; margin-bottom:5px; line-height:13px; margin-top:10px;}
.com-cmt-wrap .com-cmt-list{position:relative; border-top:1px solid #ccc; }
.com-cmt-wrap .com-cmt{position:relative; padding:10px 15px 10px 25px; font-size:12px; background:url('/public/img/common/ico/icon_comment.gif') 7px 10px no-repeat; border-bottom:1px dotted #ccc; background-size:12px auto;}	
.com-cmt-wrap .com-cmt .info{}
.com-cmt-wrap .com-cmt .info .writer{float:left;}
.com-cmt-wrap .com-cmt .info .writer .name{display:inline-block; padding-right:20px; font-weight:bold; color:#1592DC;}
.com-cmt-wrap .com-cmt .info .writer .date{display:inline-block; font-size:11px;}
.com-cmt-wrap .com-cmt .info .btns{float:right;}
.com-cmt-wrap .com-cmt .con{clear:both; padding-top:10px; font-size:12px;}

.com-cmt-wrap .com-cmt-form{display:table; width:100%; margin-top:10px;}
.com-cmt-wrap .com-cmt-form .inp{float:left; width:90%; }
.com-cmt-wrap .com-cmt-form .inp textarea{width:98%; border:1px solid #ccc; height:34px; padding:5px 1%; }
.com-cmt-wrap .com-cmt-form .btn{float:right; width:9%; text-align:right;}
.com-cmt-wrap .com-cmt-form .btn a{height:44px; line-height:44px; width:90%;}

.download-image dl{padding:10px 0px; display:inline-block; width:190px; text-align:center;}
.download-image dl dt{height:240px; background:#eee url('') center no-repeat; background-size:cover; border:1px solid #ccc;}
.download-image dl dd{font-weight:600; padding-top:5px;}
.download-image dt span{font-size:18px; font-weight:600; text-align:center; line-height:200px;}
.download-image dt span.jpg,
.download-image dt span.png,
.download-image dt span.jpeg,
.download-image dt span.gif{display:none;}


.select-product{padding-top:10px;}
.select-product .item-box{display:inline-block; margin-bottom:15px;}
.select-product .img{width:190px; height:240px; background:#eee url('') center no-repeat; background-size:cover; border:1px solid #ccc;}
/*.select-product .title{font-weight:600; padding-top:5px; font-size:12px; text-align:center;}*/
.select-product .title{font-weight:600; padding-top:5px; font-size:12px; text-align:left;}


.list-thumb{position:relative; display:inline-block; width:100px; height:130px; background:#eee url('') center no-repeat; background-size:cover; border:1px solid #ccc;}
.list-thumb.new::after{content:'NEW'; text-align:center; font-size:18px; font-weight:600; line-height:130px; color:#999;}


.ul-list-01{}
.ul-list-01 li{padding:3px 0px;}

.hq-woker-email{position:relative; display:none; margin-top:10px; padding:10px; border:1px solid #ccc; border-radius:10px;}
.hq-woker-email h4{margin:0px; margin-bottom:10px; font-size:13px;}
.hq-woker-email .email-list{}
.hq-woker-email .email-list li{margin-bottom:5px;}
.hq-woker-email .email-list li:last-child{margin-bottom:0px;}


.new-pop-form .email-box .row{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ccc;}
.new-pop-form .email-box .row:first-child{padding-top:5px; border-top:1px dashed #ccc;}
.new-pop-form .email-box .row:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
.new-pop-form .email-box label{vertical-align:top;}
.new-pop-form .email-box span{display:inline-block; min-width:100px;}