/*怨쇱젙?섏씠吏� ?�*/
.subcontent{}
.subcontent .subcourse-title{padding-bottom: 5px; font-size: 32px; text-align: center;}
.subcontent .subcourse strong{font-weight: 700;}

.sub-title{text-align: center; padding-top: 60px;}
.sub-title strong{padding: 0 30px; margin-bottom: 10px; font-size: 22px; font-weight: 500; color: #333333; background: url('/images/common/title_design.svg') 0 50% no-repeat, url('/images/common/title_design.svg') 100% 50% no-repeat; background-size: 12px 18px;}
.sub-title span{display: block; margin-top: 10px; margin-bottom: 50px; font-size: 15px;}

#subVisual{padding: 60px 0;}
#subVisual .lecture-title{text-align: center; margin-bottom: 30px;}
#subVisual .lecture-title .category-en{height: 35px; position: relative; top: -7px; margin-right: 10px; display: inline-block; padding: 0 10px 0 35px; background: rgba(36,54,162,0.7); line-height: 35px; font-size: 13px; color: #fff;}
#subVisual .lecture-title .category-en:before{width: 35px; height: 35px; display: inline-block; content: ''; position: absolute; left: 0; top: 0; background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#subVisual .lecture-title .course-name{display: inline-block; font-size: 35px; color: #fff; font-weight: 500;}
#subVisual .lecture-title .architecture:before{background-image: url('/images/common/ico_construct_w.svg');}
#subVisual .lecture-title .certificate:before{background-image: url('/images/common/ico_license_w.svg');}
#subVisual .lecture-title .education:before{background-image: url('/images/common/ico_editorial_w.svg');}
#subVisual .lecture-title .visa:before{background-image: url('/images/common/ico_editorial_w.svg');}
#subVisual .lecture-info{width: 980px;}
#subVisual .lecture-info .img-box{width: 480px; float: left; background: #fff;}
#subVisual .lecture-info .img-box .class-thumb-box{width: 295px; height: 275px; overflow: hidden; float: left; border: 5px solid #fff; border-right: 0px;}
#subVisual .lecture-info .img-box .class-thumb-box img{width: 100%; display: block;}
#subVisual .lecture-info .img-box dl{width: 180px; float: right;}
#subVisual .lecture-info .img-box dl dt{height: 80px; border-bottom: 1px solid #e8e8e8; line-height: 1.2;}
#subVisual .lecture-info .img-box dl dt span{margin-left: 20px; margin-top: 20px; display: inline-block; font-weight: 500;}
#subVisual .lecture-info .img-box dl dt strong{margin-left: 20px; font-size: 20px; color: #3a4fc9; font-weight: 700; display: block; font-family: 'Roboto', sans-serif;}
#subVisual .lecture-info .img-box dl dd{height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8;}
#subVisual .lecture-info .img-box dl dd a{width: 100%; height: 100%; display: block; text-indent: 60px; background-repeat: no-repeat; background-position: 20px 50%; background-size: 21px;}
#subVisual .lecture-info .img-box dl dd:nth-of-type(1) a{background-image: url('/images/common/menu_ico01.svg');}
#subVisual .lecture-info .img-box dl dd:nth-of-type(2) a{background-image: url('/images/common/menu_ico02.svg');}
#subVisual .lecture-info .img-box dl dd:nth-of-type(3) a{background-image: url('/images/common/menu_ico03.svg');}
#subVisual .lecture-info .img-box dl dd:nth-of-type(4) a{background-image: url('/images/common/menu_ico06.svg');}
#subVisual .lecture-info .info-text{width: 480px; float: right;}
#subVisual .lecture-info .info-text ul{display: table; border-top: 2px solid rgba(255,255,255,0.4);}
#subVisual .lecture-info .info-text ul li{color: #fff; display: table-row;}
#subVisual .lecture-info .info-text ul li strong{width: 80px; height: 50px; font-weight: 500; vertical-align: middle; display: table-cell; border-bottom: 1px solid rgba(255,255,255,0.4);}
#subVisual .lecture-info .info-text ul li span{display: table-cell; height: 50px; vertical-align: middle; border-bottom: 1px solid rgba(255,255,255,0.4);}
#subVisual .lecture-info .info-text ul li:first-of-type strong{height: 78px;}
#subVisual .lecture-info .info-text ul li:first-of-type span{height: 78px;}

#introduce{background: url('/images/sub/class_bg.png') 0 0 repeat-x;}
#introduce h3.title{margin-bottom: 20px;}
#introduce .introduce-content{padding-top: 70px; text-align: center;}
#introduce .introduce-content p{line-height: 1.5; color: #555;}
#introduce .introduce-content > .inner{width: 980px;}
#introduce .introduce-content{}
#introduce .introduce-content > p{}
#introduce .introduce-content > p .bold{color: #24214c; font-weight: 500;}
#introduce .introduce-content .graphic-box{margin-top: 55px;}
#introduce .introduce-content .graphic-box img{max-width: 100%;}
#introduce .introduce-content .kr-title{display: block; margin-bottom: 15px; color: #4f61ce; font-size: 20px; font-weight:400;}
#introduce .introduce-content .kr-title b{font-weight: 600;}
#introduce .introduce-content .class-info{width: 780px; display: table; margin: 50px auto 80px;  border-top: 1px solid #e8e8e8;}
#introduce .introduce-content .class-info li{display: table-row; text-align: left;}
#introduce .introduce-content .class-info li strong{width: 100px; display: table-cell; border-bottom: 1px solid #e8e8e8; font-weight: 500; padding: 15px 0;  vertical-align: middle;}
#introduce .introduce-content .class-info li span{display: table-cell; border-bottom: 1px solid #e8e8e8; padding: 15px 0; vertical-align: middle;}
#introduce .introduce-content .class-img-box{margin-bottom: 100px;}

#introduce .table-area{width: 780px; margin: auto; text-align: left;}
#introduce .table-area dl{}
#introduce .table-area dt{padding-bottom:5px; margin-top: 40px; color: #5466cf; font-weight: 600; border-bottom: 1px solid #5466cf;}
#introduce .table-area dd{color: #555;}
#introduce .table-area dd h4{margin: 20px 0 5px; font-weight: 500; color: #333;}
#introduce .table-area dd > b{display: block; margin: 20px 0 5px;}
#introduce .table-area dd p{}
#introduce .table-area dd p.detail{margin-top: 20px;}
#introduce .table-area dd p.detail strong{color: #5466cf; margin-right: 10px;}
#introduce .table-area dd p.detail a{color: #5466cf; border-bottom: 1px solid #5466cf;}
#introduce .table-area dd p.detail strong:after{width: 2px; height: 12px; background: #5466cf; margin-left: 10px; content: ''; display: inline-block;}
#introduce .table-area dd table{}
#introduce .table-area dd table thead{}
#introduce .table-area dd table thead tr{}
#introduce .table-area dd table thead tr th{height: 50px; vertical-align: middle; background: #f6f7fd;  border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: left; text-indent: 20px;}
#introduce .table-area dd table thead tr th:last-of-type{border-left: 1px solid #e8e8e8; text-align: center; text-indent: 0;}
#introduce .table-area dd table tbody{}
#introduce .table-area dd table tbody tr{}
#introduce .table-area dd table tbody tr td{height: 40px; vertical-align: middle; border-bottom: 1px solid #e8e8e8; text-align: left; text-indent: 20px;}
#introduce .table-area dd table tbody tr:nth-of-type(1) td:last-of-type{border-left: 1px solid #e8e8e8; text-align: center; text-indent: 0;}
#introduce .table-area dd table tbody tr td strong{margin-right: 10px; font-weight: 500; color: #ccc;}


#introduce .table-area.class17{}
#introduce .table-area.class17 dd{}
#introduce .table-area.class17 dd ul{margin-top: 10px;}
#introduce .table-area.class17 dd ul li{margin: 5px;}
#introduce .table-area.class17 dd ul li:before{width: 3px; height: 3px; background: #5466cf; position: relative; top: -2px; display: inline-block; margin-right: 3px; border-radius: 3px; clear: both; content: '';}
#introduce .table-area.class17 dd table{}
#introduce .table-area.class17 dd table thead{}
#introduce .table-area.class17 dd table thead tr{}
#introduce .table-area.class17 dd table thead tr th{text-align: center; text-indent: 0;}
#introduce .table-area.class17 dd table thead tr th:first-of-type{border-right: 1px solid #e8e8e8;}
#introduce .table-area.class17 dd table tbody tr td{text-align: center; text-indent: 0;}
#introduce .table-area.class17 dd table tbody tr td:first-of-type{border-right: 1px solid #e8e8e8;}
#introduce .table-area.class17 dd table.class17-1 tbody tr:first-of-type td:last-of-type{padding-left: 20px; padding-right: 20px; text-align: left;}
#introduce .table-area.class17 dd table.class17-2 tbody tr:nth-of-type(2) td:nth-of-type(1){border-right: 0px;}
#introduce .table-area.class17 dd table.class17-2 tbody tr:nth-of-type(3) td:nth-of-type(3){border-left: 1px solid #e8e8e8;}
#introduce .table-area.class17 dd table.class18 tbody tr td:first-of-type{text-align: left;}

#introduce .table-area.class17 dd ul.process{margin-top: 30px;}
#introduce .table-area.class17 dd ul.process li{float: left; width: 20%; margin: 0;}
#introduce .table-area.class17 dd ul.process li:before{display: none;}
#introduce .table-area.class17 dd ul.process li img{display: block; margin: auto;}
#introduce .table-area.class17 dd ul.process li strong{display: block; font-weight: 600; margin-top: 10px; text-align: center;}
#introduce .table-area.class17 dd ul.process li span{display: block; text-align: center;}

#introduce .notice-box{width: 780px; margin: 50px auto; padding: 20px 0; background: #fcf5f5 url('/images/sub/warniing_ico.png') 20px 50% no-repeat; text-align: left;}
#introduce .notice-box.bd-li:after{border-color: #f1cccc;}
#introduce .notice-box h4{margin-left: 80px; margin-bottom: 5px; color: #df7070; font-weight: 600;}
#introduce .notice-box p{margin-left: 80px; color: #555;}

#introduce .online-btn{text-align: center; margin-bottom: 80px;}
#introduce .online-btn .call-inner{width: 320px; position: relative; margin: auto; text-align: left; color: #262161; padding: 5px 0 5px 60px; line-height: 1.2; background: url('/images/sub/call_btn_ico.png') 0 50% no-repeat; background-size: 50px;}
#introduce .online-btn .call-inner span{display: block; font-size: 16px;}
#introduce .online-btn .call-inner strong{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.5px;}
#introduce .online-btn .call-inner .btn{position: absolute; right: 0; top: 5px; background-color: #262161; color: #fff;}
#introduce #support .support-process{padding-top: 60px;}


@media screen and (max-width: 1280px) {
#subVisual .lecture-info{width: 95%;}
#subVisual .lecture-info .img-box{width: 48%;}
#subVisual .lecture-info .img-box .class-thumb-box img{border: 10px solid #fff;}
#subVisual .lecture-info .img-box .class-thumb-box{width: 50%; border: 0;}
#subVisual .lecture-info .img-box dl{width: 50%;}
#subVisual .lecture-info .info-text{width: 48%;}
}

@media screen and (max-width: 980px) {
#subVisual .lecture-info .img-box .class-thumb-box img{height: 100%; width: auto;}
#introduce .introduce-content .class-info{width:90%; margin-bottom: 50px;}
#introduce .introduce-content .class-img-box{margin-bottom: 50px;}
#introduce .introduce-content .class-img-box img{width: 90%;}
#introduce .table-area{width: 95%;}
#introduce .notice-box{width: 95%;}
}
@media screen and (max-width: 768px) {
.subcontent .subcourse-title{font-size: 18px;}
#subVisual{padding: 0; background-position: 90% 50%; background-repeat: no-repeat; background-size:cover;}
#subVisual .lecture-summery{width: 90%; display: block; word-break:keep-all; margin: auto; color: #fff; text-align: center; margin-bottom: 40px;}
#subVisual .lecture-title{top: 0px; padding-top:50px; margin-bottom: 10px;}
#subVisual .lecture-title .category-en{font-size: 12px;}
#subVisual .lecture-title .course-name{width: 90%; margin: auto; margin-top: 10px; font-size: 20px; display: block; }
#subVisual .lecture-title .course-summary{padding-bottom: 0;}
#subVisual .lecture-title .course-summary strong{border-top: 0; padding-top: 0; margin-top: 15px; font-size: 14px;}
#subVisual .lecture-title .course-summary span{width: 95%; margin: 8px auto; font-size: 12px;}
#subVisual .lecture-title .course-summary span br{display: none;}
#subVisual .lecture-info{width: 95%; padding: 0 2.5% 60px; position: relative; background: rgba(45,44,58,0.8); border-top: 0;}
#subVisual .lecture-info ul li{width: 100%; height: auto; text-align: left; line-height: 1.8; 	}
#subVisual .lecture-info ul li span:after{display: none;}
#subVisual .lecture-info .img-box{width: 100%; position: absolute; bottom: 0; left: 0;}
#subVisual .lecture-info .img-box .class-thumb-box{display: none;}
#subVisual .lecture-info .img-box dl{width: 100%; padding: 10px 0;}
#subVisual .lecture-info .img-box dl dt{width: 40%; height: 50px; text-indent: 35px; float: left; border-bottom: 0; position: relative; background: url('/images/common/li_ico_tel_g.png') 15px 50% no-repeat; background-size:30px auto;}
#subVisual .lecture-info .img-box dl dt:after{width: 1px; height: 50px; position: absolute; right: 15px; top: 0px; display: inline-block; content: ''; background: #e8e8e8;}
#subVisual .lecture-info .img-box dl dt span{margin-top: 5px; text-indent: 0;}
#subVisual .lecture-info .img-box dl dt strong{font-size: 18px; margin-top: 5px;}
#subVisual .lecture-info .img-box dl dd{width: 20%; height: 50px; line-height: 50px; float: left; border-bottom: 0;}
#subVisual .lecture-info .img-box dl dd:last-of-type{display: none;}
#subVisual .lecture-info .img-box dl dd a{text-indent: 30px; background-position: 0 50%;}
#subVisual .lecture-info .info-text{width: 100%;}
#subVisual .lecture-info .info-text ul{display: block; border-top: 0; padding: 10px 0 15px;}
#subVisual .lecture-info .info-text ul li{display: inline-block; margin-bottom: 3px;}
#subVisual .lecture-info .info-text ul li:last-of-type{padding-bottom: 0;}
#subVisual .lecture-info .info-text ul li:first-of-type{display: none;}
#subVisual .lecture-info .info-text ul li strong{width: 60px; height: auto; display: inline-block; border-bottom: 0;}
#subVisual .lecture-info .info-text ul li span{height: auto; display: inline-block; border-bottom: 0;}

#introduce{background: #fff; border-top: 1px solid #e8e8e8;}
#introduce .introduce-content{width: 95%; margin: auto; padding-top: 40px;}
#introduce .introduce-content .graphic-box{margin-top: 30px;}
#introduce .introduce-content .graphic-box img{width: 70%;}
#introduce .introduce-content .graphic-box.safe img{width: 100%;}	
#introduce .introduce-content .graphic-box:nth-of-type(2) img{width: 100%;}	
#introduce .introduce-content .class-info{width:100%;}
#introduce .introduce-content .class-img-box img{width: 100%;}
#introduce .table-area{width: 100%;}
#introduce .notice-box{width: 100%;}
#introduce #support{width: 105%; padding-bottom: 20px; margin-left: -2.5%;}
#introduce #support .support-process{padding-top: 30px;}

.sub-title{padding-top: 30px;}
.sub-title span{width: 100%; margin-bottom: 15px; font-size: 14px;}
.sub-title strong{padding: 0 15px; font-size: 16px; background-size: 8px auto;}
}
@media screen and (max-width: 600px) {
#subVisual .lecture-info .img-box dl dt{width: 48%;}
#subVisual .lecture-info .img-box dl dd{width: 17.333%;}
#subVisual .lecture-info .img-box dl dd a{text-indent: 0; background-position: 50% 0%; text-align: center; padding-top: 15px;}
}
@media screen and (max-width: 500px) {
.sub-title span br{display: none;}
#introduce .introduce-content .graphic-box img{width: 80%;}
#introduce .table-area.class17 dd ul.process li img{width: 80%;}
}
@media screen and (max-width: 480px) {
#subVisual .lecture-summery{word-break:break-all;}
#subVisual .lecture-info .img-box dl dt{width: 44%;}
#subVisual .lecture-info .img-box dl dd{width: 18.666%;}
#subVisual .lecture-info .img-box dl dt{text-indent: 0; background: none;}
#introduce .introduce-content .graphic-box img{width: 90%;}	
#introduce .notice-box{margin: 30px 0 15px;}
}
@media screen and (max-width: 420px) {
#subVisual .lecture-info .img-box dl dt span{margin-left: 10px;}
#subVisual .lecture-info .img-box dl dt strong{margin-left: 10px;}
#introduce .online-btn .call-inner{background: none; padding-left: 0; text-align: center;}
#introduce .online-btn .call-inner span{display: inline-block; margin-right: 5px;}
#introduce .online-btn .call-inner .btn{width: 100%; position: relative; right: 0; top: 0; margin-top: 20px;}
}
@media screen and (max-width: 380px) {
#subVisual .lecture-info .img-box dl dt{width: 38%;}
#subVisual .lecture-info .img-box dl dt:after{right: 0;}
#subVisual .lecture-info .img-box dl dd{width: 20.666%; font-size: 13px; letter-spacing: -1px;}
#subVisual .lecture-info .img-box dl dt strong{font-size: 15px; margin-top: 5px;}

#introduce .introduce-content .graphic-box img{width: 100%;}
}

#btnBar{border-bottom: 1px solid #dcdcdc;}
#btnBar .inner{}
#btnBar .inner .main-campus{width: 450px;}
#btnBar .inner .main-campus .campus-call{width: 319px;}
#btnBar .inner .main-campus .campus-call li{}
#btnBar .inner .main-campus .campus-call li.on{padding: 0; margin: 10px 0; background-position: 230px 50%;}
#btnBar .inner .main-campus .main-location{height: 49px; margin: 10px 0; border-left: 1px solid #edeff6; border-right: 1px solid #edeff6; line-height: 49px;}
#btnBar .inner .counsel-btn{width: 730px; float: right;}
#btnBar .inner .counsel-btn.col03 li{width: 33.333%; background-position:55px 50%;}
#btnBar .inner .counsel-btn.col04 li{width: 25%;}
#btnBar .inner .counsel-btn li{width: 25%; float: left; background-position:30px 50%; background-repeat: no-repeat; background-size: 30px; opacity: 0.7;}
#btnBar .inner .counsel-btn li.online{background-image: url('/images/common/ico_online_g.png');}
#btnBar .inner .counsel-btn li.kakao{background-image: url('/images/common/ico_kakao_g.png');}
#btnBar .inner .counsel-btn li.timetable{background-image: url('/images/common/ico_time_g.png');}
#btnBar .inner .counsel-btn li.money{background-image: url('/images/common/ico_money_g.png');}
#btnBar .inner .counsel-btn li:last-child a{border-right: 0;}
#btnBar .inner .counsel-btn li a{height: 49px; display: block; margin: 10px 0; border-right: 1px solid #edeff6; text-align: center; text-indent: 20px; line-height: 49px; color: #333;}

@media screen and (max-width: 768px) {
#btnBar .inner .main-campus{width: 50%;}
#btnBar .inner .main-campus .campus-call{width: 100%;}
#btnBar .inner .main-campus .campus-call li:first-child{display: block;}
#btnBar .inner .main-campus .campus-call li{display: none;}
#btnBar .inner .counsel-btn{width: 50%;}
#btnBar .inner .main-campus .main-location{display: none;}
#btnBar .inner .counsel-btn li.timetable{display: none;}
#btnBar .inner .counsel-btn.col03 li{width: 33.333%; background-position: 50% 8px;}
#btnBar .inner .counsel-btn.col03 li.timetable{display: block;}
#btnBar .inner .counsel-btn.col04 li{width: 33.333%;}
#btnBar .inner .counsel-btn li{width: 33.333%; background-position: 50% 8px; background-size:20px;}
#btnBar .inner .counsel-btn li a{padding-top: 35px; height: auto; padding-bottom: 8px; border-right: 0; margin: 0; text-indent: 0; text-align: center; font-size: 12px; line-height: 1.2;}

}

#introduce .introduce-content .big-kr-title{display: inline-block; float: left; font-size: 30px; text-align: left; line-height: 1.3; color: #7a91e6;}
#introduce .introduce-content .big-kr-title strong{font-weight: 700; color: #fff;}
#introduce .introduce-content .big-kr-title span{display: block; margin-top: 10px; font-size: 15px; line-height: 1.4; color:#fff;}
#introduce .introduce-content .point{width: 720px; float: right;}
#introduce .introduce-content .point li{width: 200px; height: 200px; float: left; border: 3px solid #7a91e6; border-radius: 200px; margin-right: 20px; box-shadow: 10px 10px 0 rgba(0,0,0,0.2); color: #ffffff;}
#introduce .introduce-content .point li:last-child{margin-right: 0;}
#introduce .introduce-content .point li strong{display: block; margin-bottom: 8px; font-size: 20px; font-weight: 600;}
#introduce .introduce-content .point li:before{content:'01'; height: 33px; display: inline-block; font-size: 26px; font-weight: 700; font-family: 'Roboto', Sans-serif; border-bottom: 2px solid #fff; margin:20px 0 15px;}
#introduce .introduce-content .point li:nth-of-type(2):before{content:'02';}
#introduce .introduce-content .point li:nth-of-type(3):before{content:'03';}
#introduce .introduce-content .point li span{}
#introduce .introduce-content p{}
#introduce .introduce-content .img-box{text-align: center;}
#introduce .introduce-content .img-box img{width: 100%; display: block;}
#introduce .introduce-content .img-and-text{}
#introduce .introduce-content .img-and-text .img-box{width: 480px; float: left; background: #333333;}
#introduce .introduce-content .img-and-text:nth-of-type(2){margin-top: 60px;}
#introduce .introduce-content .img-and-text:nth-of-type(2) .img-box{float: right;}
#introduce .introduce-content .img-and-text .img-box img{}
#introduce .introduce-content .img-and-text .text-box{width: 460px; float: right;}
#introduce .introduce-content .img-and-text:nth-of-type(2) .text-box{float: left;}
#introduce .introduce-content .img-and-text .text-box h4{padding-top: 20px; margin-bottom: 20px; font-size: 35px; text-align: left; line-height: 1.3;}
#introduce .introduce-content .img-and-text:nth-of-type(2) .text-box h4{font-size: 18px; letter-spacing: 2px; color: #00a8ff;}
#introduce .introduce-content .img-and-text:nth-of-type(2) .text-box h4:before{width: 40px; height: 4px; display: block; background: #00a8ff; margin-bottom: 50px; content: '';}
#introduce .introduce-content .img-and-text:nth-of-type(2) .text-box h4 strong{display: block; margin-top: 5px; font-size: 35px; color: #333;}
#introduce .introduce-content .img-and-text .text-box h4 strong{font-weight: 700;}
#introduce .introduce-content .img-and-text .text-box p{text-align: left; line-height: 1.7;}
#introduce .introduce-content .img-and-text .text-box ul{text-align: left;	}
#introduce .introduce-content .img-and-text .text-box ul li{color: #666; margin-bottom: 5px;}
#introduce .introduce-content .img-and-text .text-box ul li:before{display: inline-block; height: 3px; width: 10px; background: #ccc; content: ''; position: relative; top: -6px; margin-right: 10px; transform:rotate(-45deg);}
#introduce .introduce-content .deco-vertical{width: 1px; height: 60px; display: block; margin:40px auto; background: #ccc;}
#introduce .introduce-content .en-c-title{display: block; font-size: 13px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #00a8fd;}
#introduce .introduce-content .diagram{margin: 10px auto 0;}
#introduce .introduce-content .diagram li{width: 180px; float: left; position: relative; margin-right: 20px; margin-bottom: 35px; text-align: left;}
#introduce .introduce-content .diagram li:after{width: 20px; height: 1px; position: absolute; top: 20px; right: -20px; display: block; background: #dcdcdc; content: '';}
#introduce .introduce-content .diagram li:nth-of-type(5n+5){margin-right: 0;}
#introduce .introduce-content .diagram li:nth-of-type(5n+5):after{display: none;}
#introduce .introduce-content .diagram li strong{height: 38px; display: block; margin-bottom: 10px; background: #e9e9ea; border: 1px solid #dcdcdc; text-align: center; font-weight: 500; line-height: 38px; color: #636473;}
#introduce .introduce-content .diagram li span{}


#introduce .introduce-content01{position: relative; padding: 70px 0; border-bottom: 1px solid #ccc;}
#introduce .introduce-content01:after{width: 165px; height: 3px; position: absolute; left: 50%; bottom: -2px; display: inline-block;  margin-left: -82px; background: #333; content: '';}
#introduce .introduce-content01 img.grapic-img01{}
#introduce .introduce-content02{padding-top: 90px; padding-bottom: 90px;}
#introduce .introduce-content02-2{padding-top: 0px; padding-bottom: 90px;}
#introduce .introduce-content03{padding: 40px 0; background: #2d2c41 url(/images/sub/class_point_bg.png) 0 0 repeat;}

@media screen and (max-width: 768px) {
#introduce .introduce-content .class-title{font-size: 20px; padding-bottom: 5px;}
#introduce .introduce-content .kr-title{font-size: 16px; margin-top: 10px; border-bottom: 1px solid #4f61ce; display: inline-block;}
#introduce .introduce-content p br{display: none;}
#introduce .introduce-content01{width: 95%; padding: 20px 0 30px; margin: auto;}
#introduce .introduce-content02{width: 95%; padding: 20px 0 30px; margin: auto;}
#introduce .introduce-content > .inner{width: 100%;}
#introduce .introduce-content .img-and-text .img-box{width: 100%;}
#introduce .introduce-content .img-box{margin: 15px 0;}
#introduce .introduce-content .img-box img{width: 100% !important; height: auto !important;}
#introduce .introduce-content .img-and-text .text-box{width: 100%;}
#introduce .introduce-content .img-and-text .text-box h4{font-size: 18px; padding-top: 0; margin-bottom: 10px;}
#introduce .introduce-content .img-and-text .text-box h4 br:nth-of-type(1){display: none;}
#introduce .introduce-content .diagram li{width: 49%; margin-right: 2%;}
#introduce .introduce-content .diagram li:nth-of-type(5n+5){margin-right: 2%;}
#introduce .introduce-content .diagram li:nth-of-type(2n+2){margin-right: 0;}
#introduce .introduce-content .diagram li:nth-of-type(5n+5):after{display: block;}
#introduce .introduce-content .diagram li:nth-of-type(2n+2):after{display:none;}

#introduce .introduce-content03{width: 100%;}
#introduce .introduce-content > .inner{width: 95%; margin: auto;}
#introduce .introduce-content .big-kr-title{width: 100%; padding-top: 0; font-size: 18px; text-align: center; color: #fff;}
#introduce .introduce-content .big-kr-title strong{color:#8ba4ff;}
#introduce .introduce-content .big-kr-title span{margin-top: 5px; margin-bottom: 20px;}
#introduce .introduce-content .big-kr-title br{display: none;}
#introduce .introduce-content .point{width: 100%; margin-top: 15px;}
#introduce .introduce-content .point li{width: 100%; height: auto; position: relative; padding-top: 15px; padding-bottom: 15px; margin-bottom: 10px; background: rgba(4,4,10,0.3); border: none; border-radius:0; box-shadow:none; text-align: left;}
#introduce .introduce-content .point li:before{width: 35px; height: 35px; position: absolute; top: -3px; left: 15px; display: block; border: 2px solid #fff; font-size: 15px; font-weight: 700; text-align: center; color: #fff; line-height: 35px; content: '';}
#introduce .introduce-content .point li:nth-of-type(1):before{content: '01';}
#introduce .introduce-content .point li:nth-of-type(2):before{content: '02';}
#introduce .introduce-content .point li:nth-of-type(3):before{content: '03';}
#introduce .introduce-content .point li:after{display: none;}
#introduce .introduce-content .point li strong{font-size: 16px; margin-bottom: 3px; margin-left: 70px;}
#introduce .introduce-content .point li strong br{display: none;}
#introduce .introduce-content .point li span{margin-left: 70px;}
#introduce .introduce-content .point li span br{display: none;}
}
@media screen and (max-width: 360px) {
#introduce .introduce-content .point li:before{display: none;}
#introduce .introduce-content .point li strong{margin-left: 15px;}
#introduce .introduce-content .point li span{margin-left: 15px;}
}

#subCrriculum{padding: 60px 0 80px; background: #f5f5f5;}
#subCrriculum .inner{}
#subCrriculum .inner .curri-process{padding: 30px 0; border: 5px solid #e8e8e8; background: #fff; margin-bottom: 30px;}
#subCrriculum .inner .curri-process ul{width: 90%; margin: auto;}
#subCrriculum .inner .curri-process ul.col04 li{width: 25%;}
#subCrriculum .inner .curri-process ul.col05 li{width: 20%;}
#subCrriculum .inner .curri-process ul.col06 li{width: 16.666%;}
#subCrriculum .inner .curri-process ul.col07 li{width: 14.285%;}
#subCrriculum .inner .curri-process ul.col08 li{width: 12.5%;}
#subCrriculum .inner .curri-process ul li{text-align: center; float: left; font-weight: 500; color: #555;}
#subCrriculum .inner .curri-process ul li:before{width: 30px; height: 30px; display: block; margin: auto; margin-bottom: 10px; content: '01'; background: #bec7d4; border: 5px solid #d4d9e1; text-align: center; line-height: 30px; color: #fff; font-weight: 700; font-size: 16px;}
#subCrriculum .inner .curri-process ul li:nth-of-type(1):before{background: #5668d1; border-color: #6a7ce5;}
#subCrriculum .inner .curri-process ul li:nth-of-type(2):before{content: '02';}
#subCrriculum .inner .curri-process ul li:nth-of-type(3):before{content: '03';}
#subCrriculum .inner .curri-process ul li:nth-of-type(4):before{content: '04';}
#subCrriculum .inner .curri-process ul li:nth-of-type(5):before{content: '05';}
#subCrriculum .inner .curri-process ul li:nth-of-type(6):before{content: '06';}
#subCrriculum .inner .curri-process ul li:nth-of-type(7):before{content: '07';}
#subCrriculum .inner .curri-process ul li:nth-of-type(8):before{content: '08';}

#subCrriculum .inner > p{padding-bottom: 30px; text-align: center;}
#subCrriculum .inner table{}
#subCrriculum .inner table thead{}
#subCrriculum .inner table thead tr{}
#subCrriculum .inner table thead tr th{width: 20%; border-top: 3px solid #1488ff; font-size: 0; text-indent: -9999px;}
#subCrriculum .inner table thead tr th:last-child{width: 98%; border-top: 3px solid #333; float: right;}
#subCrriculum .inner table tbody{}
#subCrriculum .inner table tbody tr{}
#subCrriculum .inner table tbody tr th{width: 20%; border-bottom: 1px solid #aaa; text-align: left;}
#subCrriculum .inner table tbody tr td{width: 98%; border-bottom: 1px solid #aaa; float: right;}
#subCrriculum .inner table tbody tr td ul{}
#subCrriculum .inner table tbody tr td ul li{padding: 15px 0; border-bottom: 1px solid #dcdcdc;}
#subCrriculum .inner table tbody tr td ul li:last-child{border-bottom: none;}

@media screen and (max-width: 768px) {
#subCrriculum{padding: 40px 0 20px; background: #f5f5f5;}
#subCrriculum .inner .curri-process{display: none;}
#subCrriculum .inner > p{padding-bottom: 15px;}
#subCrriculum .inner table thead tr th{width: 40%;}
#subCrriculum .inner table tbody tr th{width: 40%;}
}
#subPhotofolio{padding-top: 60px; padding-bottom: 90px; background: #f5f5f5; border-bottom: 1px solid #dcdcdc;}
#subPhotofolio > .inner{height: auto; position: relative;}
#subPhotofolio > .inner > p{padding-bottom: 30px; text-align: center;}
#subPhotofolio > .inner > ul.inner{}
#subPhotofolio > .inner > ul.inner li{width: 550px; position: relative; float: left; padding: 15px; margin-right: 20px; margin-bottom: 20px; background: #fff; box-shadow: 2px 2px 10px #dcdcdc;}
#subPhotofolio > .inner > ul.inner li:nth-of-type(2n+2){margin-right: 0;}
#subPhotofolio > .inner > ul.inner li .portfolio-thumbnail{height:300px; margin-bottom: 15px; background: #000000; overflow: hidden;}
#subPhotofolio > .inner > ul.inner li .portfolio-thumbnail img{height: 100%; display: block; margin-left: -85px;}
#subPhotofolio > .inner > ul.inner li .portfolio-student{font-weight: 700;}
#subPhotofolio > .inner > ul.inner li span{color: #666;}
#subPhotofolio > .inner > ul.inner li .category-kr{display: block; color: #666;}
#subPhotofolio > .inner > ul.inner li .concept{position: absolute; bottom: 15px; right: 15px; text-align: right;}
#subPhotofolio > .inner > ul.inner li .concept .portfolio-tool{margin-right: 0; opacity: 0.5;}
#subPhotofolio > .inner > ul.inner li .concept .color{}
#subPhotofolio > .inner > ul.inner li .concept .color .portfolio-color{}
#subPhotofolio > .inner .more-box{position: absolute; top: 0; right: 0;}

#studentReview{padding-top: 60px; padding-bottom: 90px; background: #f5f5f5;}
#studentReview .paging-inner{position: relative; text-align: center; height: 250px; margin-top: -230px;}
#studentReview .paging-inner .swiper-button-prev{left: -100px;}
#studentReview .paging-inner .swiper-button-next{right: -100px;}
#studentReview .review{height: auto; position: relative;}
#studentReview .review > p{padding-bottom: 30px; text-align: center;}
#studentReview .review ul{padding-bottom: 20px;}
#studentReview .review ul li{width: 220px; height: 145px; margin-right: 20px; float: left; background: #fff; box-shadow: 8px 8px 0px rgb(0, 0, 0, 0.1); box-sizing:border-box; position: relative; left: -8px;}
#studentReview .review ul li:last-of-type{margin-right: 0;}
#studentReview .more-box{position: absolute; top: 0; right: 0;}
#studentReview .swiper-pagination{display: inline-block;  bottom: 0px;}
#studentReview .swiper-pagination span{height: 8px; margin-right: 5px; border: 2px solid #fff; background: none; transition: 0.5s ease-in-out;}
#studentReview .swiper-pagination span.swiper-pagination-bullet-active{width: 20px; background: #3a4fc9; border: 2px solid #3a4fc9; border-radius: 8px;}
#studentReview .swiper-button-prev{width: 70px; height: 70px; left: 0px; border-radius: 35px; background-color:rgba(0,0,0,0.1); background-image: url('/images/common/big_arrow_prev_b.png'); background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#studentReview .swiper-button-next{width: 70px; height: 70px; right: 0px; border-radius: 35px; background-color:rgba(0,0,0,0.1); background-image: url('/images/common/big_arrow_next_b.png'); background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#studentReview .swiper-button-prev:after{display: none;}
#studentReview .swiper-button-next:after{display: none;}

@media screen and (max-width: 768px) {
#subPhotofolio{padding: 20px 0 50px;}
#subPhotofolio > .inner{width: 100%;}
#subPhotofolio > .inner > p{padding-bottom: 15px;}
#subPhotofolio > .inner > ul.inner li{width: 100%; margin-right: 0; box-sizing:border-box; padding: 10px;}
#subPhotofolio > .inner > ul.inner li .portfolio-thumbnail{height: auto;}
#subPhotofolio > .inner > ul.inner li .portfolio-thumbnail img{width: 100%; margin-left: 0;}
#subPhotofolio > .inner > ul.inner li .concept .portfolio-tool{font-size: 11px;}
#subPhotofolio > .inner .more-box{bottom: -30px; top: auto; right: 50%; margin-right: -41px;}
#studentReview{padding: 20px 0 50px; background: #f5f5f5;}
#studentReview .review > p{padding-bottom: 15px;}
#studentReview .review ul li{width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; background: #fff;}
#studentReview .review ul li p{padding-bottom: 0; min-height: 39px;}
#studentReview .more-box{bottom: -30px; top: auto; right: 50%; margin-right: -41px;}
}

#subTuition{background: #f3f3f5; padding: 60px 0 80px;}
#subTuition .inner{}
#subTuition .inner h3.title{text-align: left; display: inline-block;}
#subTuition .inner h3.title span{background: none; padding-right: 0; margin-right: 15px;}
#subTuition .inner > p{display: inline-block; position: relative; top: -3px;}
#subTuition .inner form{}
#subTuition .inner form ul{width: 540px; padding: 10px 10px 10px 20px; background: #fff; float: left;}
#subTuition .inner form ul li{position: relative; z-index: 10;}
#subTuition .inner form ul li label{display: inline-block; width: 84px;}
#subTuition .inner form .content{width: 540px; height: 212px; padding: 20px; background: #fff; float: right;}
#subTuition .inner form .content textarea{width: 100%; height: 180px; margin: 10px 0 0; position: relative; z-index: 10;}
form .agreebox{display: block; clear: both; padding-top: 30px;}
form .agreebox label a{color: #3a4fc9;}

#helfDesk .helfdesk .inner form table{border-top: 1px solid #ccc;}
.helfdesk .inner{}
.helfdesk .inner .title h3{padding-top: 70px; font-size: 30px; font-weight: 700; text-align: center; letter-spacing:0px;}
.helfdesk .inner .title p{text-align: center; color: #666;}
.helfdesk .inner form{}
.helfdesk .inner form table{margin-top: 40px;}
.helfdesk .inner form table tbody{}
.helfdesk .inner form table tbody tr{}
.helfdesk .inner form table tbody tr th{width: 15%; height: 60px; padding-left: 20px; border-bottom: 1px solid rgba(0,0,0,0.2); text-align: left;}
.helfdesk .inner form table tbody tr:first-of-type th{border-top: 2px solid #1488ff;}
.helfdesk .inner form table tbody tr:first-of-type td{border-top: 2px solid #333;}
.helfdesk .inner form table tbody tr:last-of-type td{height: 100px;}
.helfdesk .inner form table tbody tr th span{color: #1488ff; min-height: 60px;}
.helfdesk .inner form table tbody tr td{width: 98%; height: 60px; float: right; border-bottom: 1px solid rgba(0,0,0,0.2);}
.helfdesk .inner form table tbody tr td em{display: none;}
.helfdesk td.classname p{color: #1488ff; padding-left: 15px;}

.helfdesk .inner form table tbody tr td dl{}
.helfdesk .inner form table tbody tr td dl dt{width: 100%; background: rgba(0,0,0,0.05); background-size:cover; height: 50px; line-height: 50px; color: #333; font-size: 16px; font-weight: 500; border-bottom: 1px solid #dcdcdc;}
.helfdesk .inner form table tbody tr td dl dd{}
.helfdesk .inner form table tbody tr td dl dd ul{}
.helfdesk .inner form table tbody tr td dl dd ul li{width: 24.5%; float: left; position: relative; height: 50px; line-height: 50px; }
.helfdesk .inner form table tbody tr td dl dd ul li input[type="checkbox"]{}
.helfdesk input[type="checkbox"]+label{}
.helfdesk .inner form table tbody tr td dl dd ul li input[type="checkbox"]+label{display: block; width: 100%; height: 100%; line-height: 50px; position: absolute; top: 0;left: 0; text-indent: 40px;}
.helfdesk .inner .full-btn-c{width: 280px; height: 40px; display: block; margin: auto; margin-top: 30px; background: #3a4fc9; color: #ffffff; text-align: center; line-height: 40px;}
.helfdesk span.additions{font-size: 13px; color: #888; display: block; margin-top: 10px; margin-bottom:40px;}


form table tbody tr td textarea{width: 95%; height: 80px;}
.privacy h5{margin-top: 20px; font-size: 18px; font-weight: 500;}
.privacy h5 strong{color: #1488ff;}
.privacy textarea{width: 100%; height: 100px; margin: 0; margin-top: 10px;}
.agreebox{display: block; text-align: center;}

@media screen and (max-width: 1410px) {
#subTuition .inner form ul{width: 45%; padding: 15px 2%;}
#subTuition .inner form ul li label{display: block; width: 100%; }
#subTuition .inner form ul li select{width: 96%; margin: 8px 0; padding: 0 2%; min-width: 0;} 
#subTuition .inner form ul li input{width: 96%; margin: 8px 0; padding: 0 2%; min-width: 0;} 
#subTuition .inner form .content{width: 45%; padding: 15px 2% 22px; height: auto;}
#subTuition .inner form .content textarea{height: 280px;}
}
@media screen and (max-width: 768px) {
#subTuition{padding: 40px 0;}
#subTuition .inner h3.title{width: 100%; text-align: center;}
#subTuition .inner h3.title span{padding-right: 15px; background: url('/images/common/title_design.svg') 100% 47% no-repeat; background-size:8px auto;}
#subTuition .inner > p{display: block; text-align: center; margin-bottom: 20px;}
#subTuition .inner form ul{width: 96%; padding-bottom: 0;}
#subTuition .inner form ul.bd-li:after{border-bottom: 0;}
#subTuition .inner form ul li select{width: 100%;}
#subTuition .inner form ul li input{width: 100%;}
#subTuition .inner form .content{width: 96%;}
#subTuition .inner form .content.bd-li:after{border-top: 0;}
#subTuition .inner form .content textarea{height: 150px;}

.helfdesk .inner .title h3{padding-top: 20px; font-size: 20px;}
.helfdesk .inner form table{margin-top: 20px;}
.helfdesk .inner form table tbody tr th{width: 25%; padding-left: 0;}
.privacy h5{font-size: 14px;}
}

#subTitle{padding: 120px 0; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
#subTitle h2{text-align: center; font-size: 28px; font-weight: 600; color: #ffffff;}
#subTitle h2 strong{margin-right: 10px; font-size: 30px; text-transform: uppercase; letter-spacing: 5px; font-weight: 300;}
#subTitle p{text-align: center; margin-top: 10px; font-size: 18px; color: #ffffff; font-weight: 300;}

#subMenuBar{border-bottom: 1px solid #e8e8e8;}
#subMenuBar ul{margin: auto; text-align: center;}
#subMenuBar ul li{display: inline-block; margin-right: 60px;}
#subMenuBar ul li:last-child{margin-right: 0;}
#subMenuBar ul li a{height: 49px; position: relative; text-align: center; line-height: 49px;}
#subMenuBar ul li:last-of-type a:after{display: none;}
#subMenuBar ul li.on a{color: #3a4fc9;}
#subMenuBar ul li.on:after{width: 100%; height: 2px; position: relative; bottom: -1px; display: block; content: ''; clear: both; background: #3a4fc9;}


@media screen and (max-width: 768px) {
#subTitle{height: auto; padding: 50px 0; background-position: 70% 0;}
#subTitle h2{font-size: 16px; text-align: center;}
#subTitle h2 strong{font-size: 17px; letter-spacing: 1px;}
#subTitle p{font-size: 14px; margin-top:5px; text-align: center;}
#subMenuBar ul li{margin-right: 20px;}
#subMenuBar ul li a{height: 39px; line-height: 39px;}
}

@media screen and (max-width: 480px) {
#subMenuBar{overflow-y: hidden; overflow-x: scroll; width: 95%; padding:0 2.5%;}
#subMenuBar ul.submenuw01{width: 300px;}
#subMenuBar ul.submenuw02{width: 370px;}
#subMenuBar ul.submenuw03{width: 450px;}
#subMenuBar ul.submenuw04{width: 455px;}
}


.counsel-table{border-top: 1px solid #3a4fc9; position: relative;}
.counsel-table:after{width: 210px; height: 26px; position: absolute; top: -13px; right: 0; display: block; content: ''; background: #fff url('/images/sub/icon_bg.png') 100% 0 no-repeat; background-size: 193px auto;}
.counsel-table table{}
.counsel-table table input[type=radio]{margin-top: 22px;}
.counsel-table table input[type=radio]:nth-of-type(2){margin-left:15px;}
.counsel-table table tr{}
.counsel-table table tr th{width: 15%; height: 60px; border-bottom: 1px solid #e8e8e8; text-align: left;}
.counsel-table table tr th span{margin-left: 10px; color: #3a4fc9;}
.counsel-table table tr td{width: 100%; height: 60px; float: right; border-bottom: 1px solid #e8e8e8;}
/*
.counsel-table h5{margin-top: 20px; padding-left: 20px; font-size: 15px; font-weight: 500;}
*/
.counsel-table .full-btn-c{width: 280px; display: block; height: 50px; margin: auto; margin-top: 30px; background: #1488ff; color: #ffffff; text-align: center; line-height: 50px;}
.counsel-table .content-box{}
.counsel-table .content-box label{display: block; padding-top: 20px; font-weight: 600;}
.counsel-table .content-box textarea{margin: 8px 0; width: 100%; height: 150px;}

.counsel-table-end{padding: 60px 0; text-align: center; border-bottom: 1px solid #e8e8e8;}
.counsel-table-end h3{font-size: 25px; color: #3a4fc9; font-weight: 600;}
.counsel-table-end p{margin-top: 12px; font-size: 18px; color: #555555;}
.counsel-table-end p span{display: block; margin-top: 15px; margin-bottom:40px; font-size: 15px; color: #909090;}
.counsel-table-end p span strong{font-weight: 700; color: #24214c; padding-left: 16px; background:  url('/images/common/small_ico06.svg') 0 50% no-repeat; background-size: 13px;}
.counsel-table-end a.full-btn.full-btn-c.home-btn{background: #3a4fc9 url('/images/common/small_ico01_w.svg') 90px 50% no-repeat; background-size: 13px; text-indent: 20px;}

@media screen and (max-width: 768px) {
.counsel-table{margin-top: 30px;}
.counsel-table:after{width: 160px; height: 20px; top: -20px; background-size: auto 20px;}
}

.table-board-header{padding-bottom: 15px; margin-top: -20px;}
.table-board-header span strong{font-weight: 600; color: #24214c;}
.table-board-bottom{padding-top: 40px; text-align: center;}
.table-board-bottom .search{display: inline-block; position: relative;}
.table-board-bottom .search .search-type{width: 120px; min-width: 120px; float: left; margin: 0; border: 0px; border-bottom: 2px solid #aaaaaa; padding-left: 5px;}
.table-board-bottom .search .search-text{width: 240px; float: left; margin: 0 0 0 10px;}
.table-board-bottom .search .search-text input{width: 235px; min-width: 235px; margin: 0; border: 0px; border-bottom: 2px solid #aaaaaa; padding-right: 0; padding-left: 5px;}
.table-board-bottom .search .full-btn-g{width: 42px; height: 42px; position: absolute; right: 0; top: 0; z-index: 10; border: 0; cursor: pointer; font-size: 0; text-indent: -9999px; background: url('/images/common/search_ico.png') 50% 50% no-repeat; background-size: 20px;}

.table-board{}
.table-board thead{}
.table-board thead tr{}
.table-board thead tr th{height: 9px; line-height: 49px; border-top: 2px solid #24214c; border-bottom: 1px solid #dcdcdc; text-align: center;}
.table-board thead tr th:nth-of-type(1){width: 10%;}
.table-board thead tr th:nth-of-type(2){width: 80%; text-align: left;}
.table-board thead tr th:nth-of-type(3){width: 10%;}
.table-board tbody{}
.table-board tbody tr{}
.table-board tbody tr td{height: 59px; border-bottom: 1px solid #dcdcdc; line-height: 15px; text-align: center;}
.table-board tbody tr td strong{color: #3a4fc9;}
.table-board tbody tr:hover td{background: #f5f5f5;}
.table-board tbody tr td:nth-of-type(1){width: 10%; color: #888;}
.table-board tbody tr td:nth-of-type(2){width: 80%; text-align: left;}
.table-board tbody tr td:nth-of-type(3){width: 10%; color: #888;}
.table-board tbody tr td:hover{}

.table-board-job{}
.table-board-job thead{}
.table-board-job thead tr{}
.table-board-job thead tr th{}
.table-board-job thead tr th:nth-of-type(1){width: 10%;}
.table-board-job thead tr th:nth-of-type(2){width: 15%; text-align: center;}
.table-board-job thead tr th:nth-of-type(3){width: 65%; text-align: left;}
.table-board-job thead tr th:nth-of-type(4){width: 10%;}
.table-board-job tbody{}
.table-board-job tbody tr{}
.table-board-job tbody tr td{line-height: 1.5;}
.table-board-job tbody tr td strong{display: block; color: #333;}
.table-board-job tbody tr td span{color: #888; font-size: 14px;}
.table-board-job tbody tr td span:after{width: 1px; height: 12px; position: relative; top: 1px; left: 0; margin: 0 10px; display: inline-block; background: #dcdcdc; content: '';}
.table-board-job tbody tr td span:last-of-type::after{display: none;}
.table-board-job tbody tr td:nth-of-type(1){width: 10%;}
.table-board-job tbody tr td:nth-of-type(2){width: 15%; text-align: center;}
.table-board-job tbody tr td:nth-of-type(3){width: 65%; text-align: left;}
.table-board-job tbody tr td:nth-of-type(4){width: 10%; font-size: 14px; color: #888;}

.table-img-board{}


@media screen and (max-width: 980px) {
.table-board-job thead tr th{line-height: 1.5; padding: 10px 0;}
}
@media screen and (max-width: 768px) {
.table-board-header{margin-top: 0;}
.table-board-header span{margin-bottom: 10px;}
.table-board-bottom .search{width: 100%;}
.table-board-bottom .search .search-type{min-width: 0; width: 25%; margin-right: 2%; background: #fff url('/images/common/s_arrow_b_g.png') 90% 50% no-repeat; background-size: 12px auto;}
.table-board-bottom .search .search-text{width: 73%; margin: 0;}
.table-board-bottom .search .search-text input{min-width: 0; width: 100%;}
.table-board-bottom .search .full-btn-g{width: 15%; height: 40px; background: url('/images/common/search_ico.png') 100% 50% no-repeat; background-size: 20px;}
.table-board thead tr th{line-height: 1.2; height: auto; font-size: 13px; font-weight: 500;}
.table-board thead{display: none;}
.table-board{border-top: 2px solid #333; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px;}
.table-board tbody tr td{height: auto; display: block; border-bottom: 0;}
.table-board tbody tr td a{width: 100%; display: block;} 
.table-board tbody tr td:nth-of-type(1){display: none;}
.table-board tbody tr td:nth-of-type(2){width: 100%; padding-top: 15px; margin-top: 15px; border-top: 1px solid #dcdcdc;}
.table-board tbody tr:first-child td:nth-of-type(2){border-top: 0; margin-top: 0;}
.table-board tbody tr td:nth-of-type(3){display: inline;}
.table-board tbody tr td:nth-of-type(4){display: inline;}
.table-board tbody tr td:nth-of-type(3):before{width: 20px; height: 20px; display: inline-block; background: url('/images/common/ico_time_light_g.png') 0 50% no-repeat; background-size: 15px; margin-right: 3px; content: ''; position: relative; top:5px;}
.table-board tbody tr td:nth-of-type(4):before{width: 20px; height: 20px; display: inline-block; background: url('/images/common/ico_eyes.png') 0 50% no-repeat; background-size: 15px; margin-left: 5px; margin-right: 3px; content: ''; position: relative; top:5px;}

.table-board-job{border-top: 2px solid #333; border-bottom: 0;}
.table-board-job thead{display: none;}
.table-board-job tbody tr td{display: block; height: auto; border-bottom: 0; text-align: left;}
.table-board-job tbody tr td:nth-of-type(1){width: 100%; display: block; padding-top: 15px;}
.table-board-job tbody tr td:nth-of-type(2){width: 100%; text-align: left; padding-top: 0; border-top: 0; margin-top: 0;}
.table-board-job tbody tr td:nth-of-type(3){width: 100%; display: block;}
.table-board-job tbody tr td:nth-of-type(3):before{display: none;}
.table-board-job tbody tr td:nth-of-type(4){width: 100%; display: block; color: #1488ff; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;}
.table-board-job tbody tr td:nth-of-type(4):before{display: none;}
.table-board-job tbody tr td:nth-of-type(4) br{display: none;}
.table-board-job tbody tr td strong{font-size: 16px; font-weight: 500;}

/*
.counsel-table h5{padding-left: 0; font-size: 14px;}
*/
.counsel-table table tr th{width: 25%; padding-left: 0; font-size: 13px;}
.counsel-table table tr th span{margin-left: 5px;}
.counsel-table table tr td em{display: none;}

}
@media screen and (max-width: 480px) {
.counsel-table table tr th{display: block; border-bottom: 0; height: auto; padding-top: 10px;}
.counsel-table table tr td{display: block;}
.counsel-table table tr td input{margin: 8px 0; padding: 0 2%; width: 100%;}
.counsel-table table tr td select{margin: 8px 0; padding: 0 2%; width: 100%;}

}

#subGovernment{padding:70px 0; background: url('/images/sub/sub_support_system_bg.png') 0 0 no-repeat; background-size: cover;}
#subGovernment .inner{}
#subGovernment .inner a{}
#subGovernment .inner a .pcview{}

@media screen and (max-width: 1540px) {
#subGovernment{width: 100%;}
#subGovernment .inner a img{width: 100%;}
}
@media screen and (max-width: 768px) {
#subGovernment{padding: 40px 0;}
#subGovernment .inner a .mobview{display: block; width: 80%; margin: auto;}
#subGovernment .inner a .mobview img{display: block;}

}
@media screen and (max-width: 500px) {
#subGovernment .inner a .mobview{width: 100%;}

}


.dim{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 1000;}
.dim .agree-popup{width: 400px; height: 500px; position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -200px; background: #fff; border-radius:15px;}
.dim .agree-popup .text-box{width: 90%; margin: 20px auto; position: relative;}
.dim .agree-popup .text-box strong{display: block; height:35px; line-height: 35px; padding-bottom: 15px; font-weight: 600; border-bottom: 1px solid #dcdcdc; font-size: 18px;}
.dim .agree-popup .text-box p{margin-top: 10px; height: 400px; overflow-y: scroll;}
.dim .agree-popup .text-box a{width: 30px; height: 30px; border: 2px solid #e8e8e8; display: inline-block; position: absolute; right: 0; top: 0; background: url('/images/common/close_g.png') 50% 50% no-repeat; background-size:25px; font-weight: 600; color: #aaa; font-size: 0; text-indent: -9999px;}


@media screen and (max-width: 768px) {
.dim .agree-popup .text-box strong{font-size: 16px; line-height: 25px; height: 25px; padding-bottom: 10px;}
.dim .agree-popup .text-box a{width: 25px; height: 25px; background-size:20px; top: -5px;}
}
@media screen and (max-width: 450px) {
.dim .agree-popup{width: 90%; height: 400px; left: 5%; margin-left: 0; margin-top: -200px;}
.dim .agree-popup .text-box p{height: 300px;}
}