@charset "utf-8";

/* content */
.main-home {padding:25px 0 15px; margin-bottom:45px; background:url("../images/site/main_home_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.main-home .title {margin-bottom:13px; color:#fff; text-align:center;}
.main-home .title h2 {font-size:20px; line-height:1.3em; margin-bottom:8px;}
.main-home .title h2 small {font-size:16px; font-weight:500; line-height:1.3em; display:inline-block; vertical-align:middle; margin:-.2em 0 0 0;}
.main-home .title h2 .bar {display:inline-block; margin:0 4px; width:1px; height:13px; background:#fff; opacity:.4; vertical-align:middle;}
.main-home .title p {font-size:15px; font-weight:500; line-height:1.5em;}
.main-home .wrap .left {padding:19px; margin-bottom:15px; background:url("../images/site/main_home_box.jpg") 50% 50% no-repeat; background-size:cover;}
.main-home .wrap .left .tit {color:#fff; margin-bottom:18px; font-size:13px; font-weight:300; line-height:1.5em; letter-spacing:-.03em;}
.main-home .wrap .left .tit strong {font-size:15px; font-weight:500; line-height:1.5em;}
.main-home .wrap .left .video {position:relative; padding-bottom:56.25%;}
.main-home .wrap .left .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-home .wrap .left .txt {margin:15px 0; text-align:center; color:#086573; font-size:14px; font-weight:500; line-height:1.6em; letter-spacing:-.03em;}
.main-home .wrap .left .txt big {font-size:15px; font-weight:500;}
.main-home .wrap .left .txt big strong {font-size:17px;}
.main-home .wrap .left .btn {text-align:center;}
.main-home .wrap .left .btn a {display:inline-block; text-align:center; padding:0 20px; color:#fff; font-size:14px; font-weight:500; line-height:38px; background:#8781bd; border-radius:30px;}
.main-home .wrap .right ul {display:flex; flex-wrap:wrap; margin-left:-15px;}
.main-home .wrap .right ul li {padding:0 0 10px 15px;}
.main-home .wrap .right ul li:last-child {padding-bottom:0;}
.main-home .wrap .right ul li a {display:block; height:100%; position:relative; background:#fff; text-decoration:none !important; transition:none;}
.main-home .wrap .right .bnr1 {width:50%;}
.main-home .wrap .right .bnr1 a {padding:10px 13px;}
.main-home .wrap .right .bnr1 .cate {width:58px; height:24px; font-size:14px; font-weight:500; line-height:24px; color:#fff; text-align:center; border-radius:15px; margin-bottom:5px; margin-left:-3px;}
.main-home .wrap .right .bnr1 .txt {color:#5c5c5c; font-size:13px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:3px;}
.main-home .wrap .right .bnr1 .tit {font-size:15px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; margin-bottom:10px;}
.main-home .wrap .right .bnr1 .more {text-align:right; background:url("../images/site/main_home_arr.png") 0 50% no-repeat; background-size:45px auto; color:#ccc; font-size:13px; font-weight:200; line-height:1.3em;}
.main-home .wrap .right .bnr1.type1 .cate {background:#8781bd;}
.main-home .wrap .right .bnr1.type1 .tit {color:#8781bd;}
.main-home .wrap .right .bnr1.type2 .cate {background:#1b4774;}
.main-home .wrap .right .bnr1.type2 .tit {color:#1b4774;}
.main-home .wrap .right .bnr1.type3 .cate {background:#458ccc;}
.main-home .wrap .right .bnr1.type3 .tit {color:#458ccc;}
.main-home .wrap .right .bnr1.type4 .cate {background:#8fad6f;}
.main-home .wrap .right .bnr1.type4 .tit {color:#8fad6f;}
.main-home .wrap .right .bnr1 a:hover .cate {background:#fff;}
.main-home .wrap .right .bnr1 a:hover .tit {color:#fff !important;}
.main-home .wrap .right .bnr1.type1 a:hover {background:#8781bd}
.main-home .wrap .right .bnr1.type1 a:hover .cate {color:#8781bd;}
.main-home .wrap .right .bnr1.type2 a:hover {background:#1b4774}
.main-home .wrap .right .bnr1.type2 a:hover .cate {color:#1b4774;}
.main-home .wrap .right .bnr1.type3 a:hover {background:#458ccc}
.main-home .wrap .right .bnr1.type3 a:hover .cate {color:#458ccc;}
.main-home .wrap .right .bnr1.type4 a:hover {background:#8fad6f}
.main-home .wrap .right .bnr1.type4 a:hover .cate {color:#8fad6f;}
.main-home .wrap .right .bnr2 {width:100%;}
.main-home .wrap .right .bnr2 a {height:36px; padding:0 15px; line-height:36px; font-size:14px; font-weight:500; letter-spacing:-.03em;}
.main-home .wrap .right .bnr2 a:after {content:""; position:absolute; top:50%; right:14px; margin-top:-8px; width:16px; height:16px; border-radius:100%; background-size:8px; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/site/main_home_plus.png");}
.main-home .wrap .right .bnr2.type1 a {color:#8ead6f;}
.main-home .wrap .right .bnr2.type1 a:after {background-color:#8ead6f}
.main-home .wrap .right .bnr2.type2 a {color:#448ccb;}
.main-home .wrap .right .bnr2.type2 a:after {background-color:#448ccb}

.main-visual {position:relative;}
.main-visual img {width:100%; vertical-align:top;}
.main-visual .ctr {position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-align:center; color:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden; z-index:50;}
.main-visual .ctr i {font-size:1.8em;}
.main-visual .ctr.prev {left:15px}
.main-visual .ctr.next {right:15px}
.main-visual .ctr.swiper-button-disabled {opacity:.5;}
.main-visual .ctr-wrap {position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:50;}
.main-visual .ctr-wrap .wrap {position:relative; display:inline-block; vertical-align:middle; height:30px; padding:0 30px 0 0; background:rgba(0,0,0,.4); border-radius:20px;}
.main-visual .page {display:inline-block; vertical-align:top; padding:8px 6px 0 12px;}
.main-visual .page .swiper-pagination-bullet {width:12px; height:12px; margin:0 2px; background:transparent; border:2px solid #fff; vertical-align:top; opacity:1;}
.main-visual .page .swiper-pagination-bullet-active {background:#fff;}
.main-visual .pause {position:absolute; top:0; right:0; width:30px; height:30px; color:#fff; background:rgba(0,0,0,.4); border-radius:20px; text-align:center; vertical-align:middle; overflow:hidden;}
.main-visual .pause span {display:inline-block; vertical-align:middle; width:7px; height:10px; margin-top:3px; border-left:2px solid #fff; border-right:2px solid #fff;}

.main-link {padding:18px 18px 40px;}
.main-link ul {border:1px solid #dbdbdb;}
.main-link ul:after {content:""; display:block; clear:both;}
.main-link ul li {float:left; display:table; width:50%; height:100px; background:#fff; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.main-link ul li:nth-child(1){border-top:0;border-left:0;}
.main-link ul li:nth-child(2){border-top:0;}
.main-link ul li:nth-child(3){border-left:0;}
.main-link ul li:nth-child(5){border-left:0;}
.main-link ul li a {display:table-cell; width:100%; height:100%; padding:11px; letter-spacing:-.03em; background:url("../images/site/angle_right2.png") 94% 14px no-repeat; background-size:8px; text-decoration:none;}
.main-link ul li h3 {color:#4b4b4b; font-size:14px; font-weight:500; line-height:1.3em; margin-bottom:10px; margin-right:12px;}
.main-link ul li p {color:#858585; font-size:12px; line-height:1.4em;}

.main-blog {padding:30px 18px; overflow:hidden;}
.main-blog .head h2 {margin-bottom:10px; color:#333; font-size:19px; font-weight:500; line-height:1.3em;}
.main-blog .head h2 span {color:#4cb427;}
.main-blog .body {margin:0 -19px;}
.main-blog .body .slider {height:75px; overflow:hidden; background:#f5f5f5;}
.main-blog .body .slider ul li {float:left; border-left:1px dotted #ddd;}
.main-blog .body .slider ul li a {display:table; width:100%; height:75px; color:#4b4b4b; padding:10px 13px 10px 18px; font-size:13px; font-weight:500; line-height:1.4em; letter-spacing:-.07em;}
.main-blog .body .slider ul li .ico {display:table-cell; width:38px; vertical-align:middle; padding-right:7px;}
.main-blog .body .slider ul li .txt {display:table-cell; vertical-align:middle;}
.main-blog .body .slider ul li .blog {color:#858585; font-size:12px;}

.main-homepage {padding:0 18px 18px;}
.main-homepage .head {margin-bottom:10px;}
.main-homepage .head h2 {margin-bottom:4px; color:#333; font-size:20px; font-weight:400; line-height:1.3em; letter-spacing:-.03em;}
.main-homepage .head h2 strong {font-weight:700;}
.main-homepage .head p {color:#848484; font-size:11px; line-height:1.3em;}
.main-homepage .tab {margin-right:-2px;}
.main-homepage .tab:after {content:""; display:block; clear:both;}
.main-homepage .tab li {float:left; position:relative; width:25%; margin-right:-1px; text-align:center; background:#f8f9f9; border:1px solid #dbdbdb; border-bottom:1px solid #f15a22; box-sizing:border-box;}
.main-homepage .tab li a {display:flex; align-items:center; justify-content:center; height:46px; text-decoration:none; color:#4b4b4b; font-size:14px; line-height:1.2em; }
.main-homepage .tab li.active {z-index:2; border:1px solid #f15a22; border-bottom:1px solid #fff; background:#fff;}
.main-homepage .tab li.active a {color:#f15a22;}
.main-homepage .content {position:relative; border:1px solid #f15a22; border-top:0; padding:8px 0; min-height:110px; overflow:hidden;}
.main-homepage .content ul {margin-right:-1px;}
.main-homepage .content ul:after {content:""; display:block; clear:both;}
.main-homepage .content ul li {float:left; width:33.33333333%; padding:10px 0; text-align:center;}
.main-homepage .content ul li:nth-child(3n+1) {clear:left;}
.main-homepage .content ul li a {display:block; border-right:1px solid #dbdbdb;}
.main-homepage .content ul li img {max-width:90px; margin:0 auto;}
.main-homepage .arrow-btn {position:absolute; top:50%; width:22px; height:22px; margin-top:-11px; background-position:50% 50%; background-size:auto 22px; background-repeat:no-repeat; z-index:50;}
.main-homepage .arrow-prev {left:3px; background-image:url("../images/site/slide_prev.png");}
.main-homepage .arrow-next {right:3px; background-image:url("../images/site/slide_next.png");}

.main-sites {padding:18px 0;}
.main-sites .head {padding:0 27px; margin-bottom:10px;}
.main-sites .head h2 {margin-bottom:4px; color:#333; font-size:20px; font-weight:400; line-height:1.3em; letter-spacing:-.03em;}
.main-sites .head h2 strong {font-weight:700;}
.main-sites .head p {color:#848484; font-size:11px; line-height:1.3em;}
.main-sites .body {padding:0 27px; position:relative;}
.main-sites .body ul li a {display:block; position:relative; text-decoration:none;}
.main-sites .body ul li .thumb {position:relative;}
.main-sites .body ul li dl {min-height:175px; padding:10px; border:1px solid #e4e4e4; border-top:0; background:#fff;}
.main-sites .body ul li dt {padding-bottom:3px; color:#333; font-size:14px; font-weight:500; line-height:1.3em;}
.main-sites .body ul li dt small {font-size:13px; letter-spacing:-.03em; vertical-align:top;}
.main-sites .body ul li dd {padding-top:8px; color:#686868; font-size:12px; line-height:16px; letter-spacing:-.03em;}
.main-sites .body ul li .soon {position:absolute; top:0; left:0; width:100%; height:100%; line-height:20px; text-align:center; color:#fff; font-size:13px; font-weight:500; background:rgba(0,0,0,0.7);}
.main-sites .body ul li .soon span {position:absolute; top:50%; left:0; margin-top:-10px; width:100%;}
.main-sites .arrow-btn {position:absolute; top:50%; width:22px; height:22px; margin-top:-11px; background-position:50% 50%; background-size:auto 22px; background-repeat:no-repeat; z-index:50;}
.main-sites .arrow-prev {left:2px; background-image:url("../images/site/slide_prev.png");}
.main-sites .arrow-next {right:2px; background-image:url("../images/site/slide_next.png");}
.main-sites.bg {background:#efefef;}
.main-sites.bg .body ul li dl {border:0;}

.main-rec {padding:18px;}
.main-rec .head {margin-bottom:10px;}
.main-rec .head h2 {margin-bottom:4px; color:#333; font-size:20px; font-weight:400; line-height:1.3em; letter-spacing:-.03em;}
.main-rec .head h2 strong {font-weight:700;}
.main-rec .head p {color:#848484; font-size:11px; line-height:1.3em;}
.main-rec .body {margin:0 -18px; overflow:hidden;}
.main-rec .body .swiper-container {padding:0 18px;}
.main-rec .body ul li {float:left; width:270px;}
.main-rec .body ul li a {display:block;}
.main-rec .body ul li dl {padding:12px 12px 17px; border:1px solid #e4e4e4; border-top:0; background:#fff;}
.main-rec .body ul li dt {margin-bottom:4px; color:#333; font-size:14px; font-weight:500; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-rec .body ul li dd {height:32px; overflow:hidden; color:#686868; font-size:12px; line-height:16px; letter-spacing:-.03em; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.main-review {padding:20px 18px; position:relative;}
.main-review h2 {padding-bottom:7px; color:#333; font-size:18px; font-weight:500; line-height:1.3em; border-bottom:2px solid #808080;}
.main-review ul li {padding:10px 0; color:#686868; font-size:12px; line-height:16px; letter-spacing:-.03em; word-break:break-all; border-bottom:1px solid #d1d1d1;}
.main-review ul li .tit {font-size:14px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-review ul li .tit a {color:#333;}
.main-review ul li .txt {padding:4px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-review ul li .date .bar {margin:0 10px; color:#ddd; font-size:12px; vertical-align:top;}
.main-review ul li img {vertical-align:middle;}
.main-review .more {position:absolute; top:22px; right:18px; padding-right:12px; color:#848484; font-size:11px; line-height:18px; background:url("../images/art/angle_right.png") 100% 50% no-repeat; background-size:6px;}

.main-posts {padding:5px 18px 25px; position:relative;}
.main-posts .tabs {margin-bottom:8px; border-bottom:1px solid #808080;}
.main-posts .tabs:after {content:" "; display:block; clear:both;}
.main-posts .tabs li {float:left; position:relative; margin-left:12px; padding-bottom:2px;}
.main-posts .tabs li a {color:#333; font-size:15px; font-weight:500; line-height:30px; letter-spacing:-.03em;}
.main-posts .tabs li:first-child {margin-left:0;}
.main-posts .tabs li.active a {color:#f15a22;}
.main-posts .tabs li.active:after {content:""; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:#f15a22;}
.main-posts .tab-content ul li {position:relative; height:24px; overflow:hidden; padding:0 60px 0 13px; color:#414141; font-size:13.5px; line-height:24px;}
.main-posts .tab-content ul li:after {content:""; position:absolute; top:7px; left:0; width:5px; height:5px; background:#b6b6b6; border-radius:50%;}
.main-posts .tab-content ul li a {color:#414141;}
.main-posts .tab-content ul li img {vertical-align:middle;}
.main-posts .tab-content ul li span {position:absolute; top:0; right:0; font-size:12px; color:#686868;}
.main-posts .more {position:absolute; top:12px; right:18px; padding-right:12px; color:#848484; font-size:11px; line-height:18px; background:url("../images/art/angle_right.png") 100% 50% no-repeat; background-size:6px;}

.main-consult {background:#1a1a1a; padding:40px 18px; overflow:hidden;}
.main-consult .wrap {position:relative;}
.main-consult .head {margin-bottom:40px; color:#fff}
.main-consult .head h2 {display:inline-block; vertical-align:top; position:relative; font-size:20px; line-height:1.3em; letter-spacing:-.05em;}
.main-consult .head h2:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:6px; background:#1cc9c3;}
.main-consult .head h2 span {position:relative; z-index:2;}
.main-consult .head p {font-size:14px; font-weight:500; line-height:1.3em; margin-top:6px;}
.main-consult .body {position:relative; margin:0 -18px;}
.main-consult .body ul li {padding:0 8px; width:210px !important; text-align:center; position:relative;}
/* .main-consult .body ul li:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0;} */
.main-consult .body ul li a {position:relative; display:block; background:#fff; box-sizing:border-box; text-decoration:none;}
.main-consult .body ul li .cnt {padding:12px 5px;}
.main-consult .body ul li h3 {overflow:hidden; height:1.4em; color:#383838; font-size:15px; font-weight:500; line-height:1.4em; margin-bottom:5px; letter-spacing:-.03em; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.main-consult .body ul li .detail {display:inline-block; transition:.2s; width:76px; height:24px; box-sizing:border-box; color:#686868; font-size:11px; font-weight:400; line-height:22px; letter-spacing:-.03em; border:1px solid #ddd; border-radius:20px;}
.main-consult .body ul li a:hover .detail {background:#ffcb05; color:#fff; border-color:#ffcb05;}
.main-consult .body ul li a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; transition:.2s;}
.main-consult .body .slick-current li:after {display:none;}
.main-consult .body .slick-current a:after {opacity:0;}
.main-consult .body .slick-current a:hover .detail {background:#ffcb05; color:#fff; border-color:#ffcb05;}
.main-consult .hot {position:absolute; top:-14px; left:50%; margin-left:-115px; width:40px; z-index:50;}
.main-consult .slick-arrow {position:absolute; top:50%; margin-top:-54px; width:38px; height:38px; outline:none; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; border:0; overflow:hidden; font-size:0; line-height:0; text-indent:-999em; z-index:20;}
.main-consult .slick-prev {left:12px; background-image:url("../images/main_v2/slide2_prev.png");}
.main-consult .slick-next {right:12px; background-image:url("../images/main_v2/slide2_next.png");}
.main-consult .more {position:absolute; top:3px; right:0; width:70px; height:30px; border:2px solid #fff; box-sizing:border-box; text-decoration:none; text-align:center; color:#fff; font-size:11px; font-weight:500; line-height:28px; border-radius:20px;}

/* .main-consult {padding:18px 0 22px; background:#efefef;}
.main-consult h2 {padding:0 27px; margin-bottom:10px; color:#333; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.main-consult h2 span {color:#1b92c3;}
.main-consult .body {padding:0 27px; position:relative;}
.main-consult .body ul li a {display:block; padding:17px 14px; background:#fff; border:1px solid #d9d9d9;}
.main-consult .body ul li .cnt {height:155px; margin-bottom:17px; padding-bottom:13px; border-bottom:1px solid #d9d9d9; overflow:hidden; text-overflow:ellipsis;}
.main-consult .body ul li h3 {color:#4b4b4b; font-size:15px; font-weight:500; line-height:1.4em; margin-bottom:8px;}
.main-consult .body ul li p {color:#606060; font-size:13px; font-weight:400; line-height:19px; word-break:break-all;}
.main-consult .body ul li .more {display:inline-block; color:#878686; font-size:12px; font-weight:400; line-height:18px; padding:0 20px 0 0; background:url("../images/main/arrow2.png") 100% 50% no-repeat; background-size:11px;}
.main-consult .prev,
.main-consult .next {position:absolute; top:50%; margin-top:-17px; width:34px; height:34px; opacity:.4; background-position:50% 50%; background-repeat:no-repeat; background-size:34px; z-index:50;}
.main-consult .prev {left:1px; background-image:url("../images/main/slide2_prev.png");}
.main-consult .next {right:1px; background-image:url("../images/main/slide2_next.png");} */

.p-uni-video .head {margin-bottom:12px;}
.p-uni-video .head h2 {color:#454545; font-size:18px; line-height:1.3em; letter-spacing:-.04em;}
.p-uni-video .head h2 span {color:#30b1f2; margin-left:4px;}
.p-uni-video .body {position:relative;}
.p-uni-video .body ul:after {content:""; display:block; clear:both;}
.p-uni-video .body ul li {float:left; width:auto; color:#686868; font-size:12px; line-height:1.5em; letter-spacing:-.04em; box-sizing:border-box;}
.p-uni-video .body ul li a {display:block;}
.p-uni-video .body ul li .thumb {margin-bottom:7px;}
.p-uni-video .body ul li .thumb img {width:100%;}
.p-uni-video .slide-btn {position:absolute; z-index:50; top:50%; opacity:.6; margin-top:-35px; width:34px; height:34px; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.p-uni-video .slide-btn.prev {left:-16px; background-image:url("../images/prepare/slide_prev.png")}
.p-uni-video .slide-btn.next {right:-16px; background-image:url("../images/prepare/slide_next.png")}

.p-bnr-list {overflow:hidden; padding:30px 0; border-top:5px solid #eee;}
.p-bnr-list h2 {margin-bottom:12px; color:#454545; font-size:18px; line-height:1.3em; letter-spacing:-.04em;}
.p-bnr-list h2 span {color:#30b1f2; margin-left:4px;}
.p-bnr-list ul {margin:-5px;}
.p-bnr-list ul:after {content:" "; display:block; clear:both;}
.p-bnr-list ul li {float:left; width:50%; padding:5px;}
.p-bnr-list ul li.wide {width:100%;}

.uni-info {position:relative; margin-bottom:45px;}
.uni-info h2 {color:#333; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; margin-bottom:15px;}
.uni-info h2 strong {color:#30b1f2;}
.uni-info .cnt {color:#606060; font-size:14px; line-height:1.6em; letter-spacing:-.03em;}
.uni-info .cnt ol li {position:relative; padding:0 0 23px 32px;}
.uni-info .cnt ol li:after {content:" "; position:absolute; top:0; left:9px; width:2px; height:100%; background:#333;}
.uni-info .cnt ol li:last-child {padding-bottom:0;}
.uni-info .cnt ol li:last-child::after {display:none;}
.uni-info .cnt h3 {color:#333; font-size:15px; font-weight:500; line-height:1.3em; margin-bottom:4px;}
.uni-info .cnt .point {color:#f15a22;}
.uni-info .cnt .num {position:absolute; top:-1px; left:0; width:20px; height:20px; color:#fff; text-align:center; background:#333; border-radius:50%; font-size:14px; font-weight:500; line-height:20px; z-index:2;}

.uni-video {padding:35px 0; background:#eef4f4;}
.uni-video .cnt {margin-bottom:20px;}
.uni-video .cnt .name {color:#383838; font-size:14px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; margin-bottom:5px;}
.uni-video .cnt h2 {display:inline-block;color:#383838; font-size:25px; line-height:1em; letter-spacing:-.03em; border-bottom:3px solid #ffd537; margin-bottom:15px;}
.uni-video .cnt .txt {color:#525151; font-size:14px; font-weight:400; line-height:1.5em; letter-spacing:-.03em;}
.uni-video .cnt .txt span {color:#30b1f2;}
.uni-video .video img {vertical-align:top;}
.uni-video .video a {display:block; position:relative;}
.uni-video .video a:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url('../images/bbs/play.png') 50% 50% no-repeat; background-size:50px auto;}

.uni-national {margin-bottom:45px;}
.uni-national .head {position:relative; margin-bottom:13px;}
.uni-national .head h2 {color:#333; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.uni-national .head h2 strong {color:#30b1f2;}
.uni-national .head p {margin-top:6px; color:#686868; font-size:13px; font-weight:400; line-height:1.3em;}

.uni-national .head2 {position:relative; margin-bottom:16px;}
.uni-national .head2 h2 {display:inline-block; position:relative; font-family:"NIXGONB-Vb",sans-serif; font-size:22px; color:#333; line-height:1.3em; letter-spacing:-.03em;}
.uni-national .head2 h2:before {content:""; position:absolute; bottom:0; left:0; right:0; height:12px; background:#c8f1f4;}
.uni-national .head2 h2 span {position:relative;}
.uni-national .head2 p {color:#333; font-size:14px; font-weight:400; line-height:1.556em; letter-spacing:-.03em; margin-top:7px;}
.uni-national .head2 .total {position:absolute; bottom:3px; right:0; color:#686868; font-size:16px; font-weight:300; line-height:1.3em;}

.uni-tab {margin:0 -18px 15px;}
.uni-tab ul {display:flex;}
.uni-tab ul li {flex:1; position:relative; text-align:center; border:1px solid #ddd; border-left:0;}
.uni-tab ul li:first-child {border-left:1px solid #ddd;}
.uni-tab ul li a {position:relative; display:block; color:#454545; font-size:15px; font-weight:500; line-height:40px; text-decoration:none;}
.uni-tab ul li.active {z-index:2;}
.uni-tab ul li.active a {color:#f15a22;}
.uni-tab ul li.active a:after {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #f15a22}
.uni-tab.type2 ul {flex-wrap:wrap;}
.uni-tab.type2 ul li {flex:1 0 auto; width:50%; margin-bottom:-1px;}
.uni-tab.type2 ul li:nth-child(3) {border-left:0;}
.uni-tab.type2 ul li:nth-child(2n) {border-right:0;}

.national-uni {background:#f4f4f4; padding:18px; margin:0 -18px 25px; font-size:14px; color:#555; line-height:1.6em; letter-spacing:-.03em;}
.national-uni .wrap .img {margin-bottom:18px;}
.national-uni .wrap .img img {width:100%;}
.national-uni .wrap img {vertical-align:top;}
.national-uni .wrap h3 {color:#383838; font-size:18px; font-weight:500; line-height:1.3em; margin-top:12px; margin-bottom:12px;}
.national-uni .wrap ul li {position:relative; padding-left:15px;}
.national-uni .wrap ul li:before {content:"▶"; color:#f15a22; font-size:9px; position:absolute; top:0; left:0;}
.national-uni .key-point {background:#fff; padding:20px; border-radius:5px; margin-top:18px;}
.national-uni .key-point .tt {margin-bottom:12px;}
.national-uni .key-point .tt img {vertical-align:top; width:140px;}
.national-uni .key-point .cnt ol li {padding-left:1.15em; text-indent:-1.15em;}

.national-cnt {font-size:14px; color:#555; line-height:1.6em; letter-spacing:-.03em;}
.national-cnt .tit {position:relative; padding-left:18px; margin-bottom:7px; color:#f15a22; font-size:15px; font-weight:500; line-height:1.35em;}
.national-cnt .tit:before {content:""; position:absolute; top:4px; left:0; width:12px; height:12px; border:3px solid #f15a22; border-radius:100%; box-sizing:border-box;}
.national-cnt .cnt {margin-left:18px; margin-bottom:35px;}
.national-cnt .cnt:last-child {margin-bottom:0;}
.national-cnt .cnt ul li {padding-left:.6em; text-indent:-.6em;}
.national-cnt .cnt.wide {margin-left:-18px; margin-right:-18px;}
.national-cnt table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:13px; line-height:1.6em; color:#5e5e5e;}
.national-cnt table th {padding:7px 10px; border:1px solid #ddd; border-left:0; background:#f3f2f2; font-weight:400;}
.national-cnt table td {padding:7px 10px; border:1px solid #ddd; border-right:0;}

.uni-national-video {margin-bottom:45px; position:relative;}
.uni-national-video h3 {display:inline-block; position:relative; vertical-align:top; padding:0 5px; font-family:'NIXGONB-Vb',sans-serif; font-weight:700; color:#333; font-size:22px; line-height:1.4em; margin-bottom:20px;}
.uni-national-video h3:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:12px; background:#eee;}
.uni-national-video h3 span {position:relative;}
.uni-national-video ul.slides {display:flex; margin:0 -5px;}
.uni-national-video ul.slides li {flex:1; padding:0 5px; text-align:center; font-size:13px; line-height:1.3em; color:#555;}
.uni-national-video ul.slides li a {display:block; text-decoration:none !important;}
.uni-national-video ul.slides li img {display:block; margin:0 auto 10px;}
.uni-national-video .slick-dots {position:absolute; top:18px; right:0; line-height:0;}
.uni-national-video .slick-dots li {display:inline-block; vertical-align:top; margin-left:4px;}
.uni-national-video .slick-dots li button {display:block; width:10px; height:10px; background:#c4c4c4; border:0; border-radius:100%; overflow:hidden; text-indent:-9999em;}
.uni-national-video .slick-dots li.slick-active button {background:#fbd055}

.uni-national-case {position:relative; margin-bottom:45px;}
.uni-national-case h3 {display:inline-block; position:relative; vertical-align:top; padding:0 5px; font-family:'NIXGONB-Vb',sans-serif; font-weight:700; color:#333; font-size:22px; line-height:1.4em; margin-bottom:20px;}
.uni-national-case h3:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:12px; background:#eee;}
.uni-national-case h3 span {position:relative;}
.uni-national-case ul {display:flex; flex-wrap:wrap; margin:-10px -8px;}
.uni-national-case ul li {width:50%; padding:10px 8px; text-align:center; font-size:13px; line-height:1.3em; color:#333; font-weight:500; letter-spacing:-.03em;}
.uni-national-case ul li img {display:block; margin:0 auto 6px; width:100%;}
.uni-national-case ul li p {padding:7px; border-radius:3px; border:1px solid #ddd; box-sizing:border-box;}
.uni-national-case .more {position:absolute; top:15px; right:0; color:#019fda; font-size:12px; line-height:1.3em; font-weight:500;}
.uni-national-case .more:after {content:""; display:inline-block; vertical-align:middle; margin:-.17em 0 0 4px; width:5px; height:5px; border-top:2px solid #019fda; border-right:2px solid #019fda; transform:rotate(45deg);}

.nui-bottom-bnr {margin:0 -18px;}
.nui-bottom-bnr img {width:100%;}

.p-uni-table .title {margin:0 18px;}
.p-uni-table h3 {font-size:15px; color:#333; font-weight:500; line-height:1.3em; margin-bottom:8px;}
.p-uni-table .table {border-top:2px solid #f15a22; margin-left:-18px; margin-right:-18px;}
.p-uni-table .table .heading {display:table; table-layout:fixed; width:100%; padding:30px 10px 10px; border-bottom:2px solid #777;}
.p-uni-table .table .heading .img {display:table-cell; width:22%; text-align:center; vertical-align:middle;}
.p-uni-table .table .heading .cnt {display:table-cell; vertical-align:middle; padding-left:15px;}
.p-uni-table .table .heading .cnt h3 {color:#333; font-size:14px; font-weight:500; line-height:1.4em; margin-bottom:5px;}
.p-uni-table .table .heading .cnt p {color:#5e5e5e; font-size:11px; font-weight:400; line-height:1.4em;}
.p-uni-table .table .heading .bt {display:inline-block; margin-top:10px; background:#5b5b5b; padding:0 10px; border-radius:5px; color:#fff; text-decoration: none !important; font-size:12px; font-weight:400; line-height:30px;}
.p-uni-table .table table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:16px; letter-spacing:-.05em; word-break:break-all;}
.p-uni-table .table table th {padding:4px; border:1px solid #ddd; border-top:0; color:#333; font-weight:500;}
.p-uni-table .table table td {padding:4px; border:1px solid #ddd; border-top:0; color:#5e5e5e; text-align:center; font-weight:400;}
.p-uni-table .table table td.img {padding-top:25px; padding-bottom:25px;}
.p-uni-table .table table td.img img {display:block; margin:0 auto 10px;}
.p-uni-table .table table td strong {font-weight:500;}
.p-uni-table .table table td ul {display:inline-block; text-align:left;}
.p-uni-table .table table tr th:first-child,
.p-uni-table .table table tr td:first-child {border-left:0;}
.p-uni-table .table table tr th:last-child,
.p-uni-table .table table tr td:last-child {border-right:0;}

.prepare-main-bnr {overflow:hidden;}
.prepare-main-bnr h2 {padding:0 18px; color:#fff; font-size:15px; font-weight:400; line-height:40px; letter-spacing:-.05em; background:#30b1f2}
.prepare-main-bnr h2 span {font-weight:700;}
.prepare-main-bnr .bx-wrapper .bx-pager {bottom:auto; top:-25px; left:auto; right:13px; text-align:right;}
.prepare-main-bnr .bx-wrapper .bx-pager.bx-default-pager a {background:none; width:10px; height:10px; border:2px solid #fff; box-sizing:border-box;}
.prepare-main-bnr .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}

/* 아트유학 */
.art-result .board-list {border-bottom:1px solid #c2c2c2;}
.art-result .board-list ul li {border-top:1px solid #c2c2c2;}

/* 대학원 */
.graduate-cnt {margin-bottom:45px;}
.graduate-cnt h2 {display:inline-block; position:relative; padding:0 5px; margin-bottom:10px; font-family:"NIXGONB-Vb",sans-serif; font-size:22px; color:#333; line-height:1.3em; letter-spacing:-.03em;}
.graduate-cnt h2:before {content:""; position:absolute; bottom:0; left:0; right:0; height:12px; background:#c8f1f4;}
.graduate-cnt h2 span {position:relative;}
.graduate-cnt .tt {color:#333; font-size:14px; line-height:1.3em; margin-bottom:10px;}
.graduate-cnt .video {position:relative; padding-bottom:56.25%;}
.graduate-cnt .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.graduate-cnt .blog ul li {margin-top:15px;}
.graduate-cnt .blog ul li img {width:100%;}

/* 가이드북 */
.guide-book {color:#5e5e5e; font-size:14px; line-height:1.688em; letter-spacing:-.03em;}
.guide-book .tit {position:relative; padding:3px 0 3px 40px; margin-left:-4px; margin-bottom:10px; color:#464646; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.guide-book .tit .num {position:absolute; top:0; left:0; width:30px; height:30px; text-align:center; color:#fff; font-size:16px; font-weight:700; line-height:28px; background:#ffcb05; border-radius:20px 0 20px 20px;}
.guide-book .cnt {margin-bottom:40px;}
.guide-book .cnt:last-child {margin-bottom:0;}
.guide-book .dl-type dl {margin-bottom:15px;}
.guide-book .dl-type dl:last-child {margin-bottom:0;}
.guide-book .dl-type dt {color:#f15a22; font-size:15px; font-weight:500;}
.guide-book .dl-type dd {padding-left:10px;}
.guide-book .fact {margin:20px 0 0 0; background:#f3f3f3; border:1px solid #d2d2d2; padding:12px 10px;}
.guide-book .fact dt {color:#464646; font-size:15px; font-weight:500; background:url("../images/site/dot2.png") 0 7px no-repeat; padding-left:17px;}
.guide-book .fact dd {padding-left:10px;}
.guide-book .bul {position:relative; padding-left:18px;}
.guide-book .bul:before {content:""; position:absolute; top:6px; left:0; width:12px; height:12px; border-radius:100%; border:3px solid #f15a22; box-sizing:border-box;}
.guide-book .bul strong {color:#f15a22; font-size:15px; font-weight:500;}
.guide-book .table table {width:100%; border-collapse:collapse; border-spacing:0px; color:#5e5e5e; font-size:14px; line-height:1.688em; letter-spacing:-.03em; margin-bottom:7px;}
.guide-book .table th {padding:7px; border:1px solid #ddd; font-weight:500; color:#464646; background:#f3f3f3;}
.guide-book .table td {padding:7px; border:1px solid #ddd;}
.guide-book .table thead td {text-align:center; font-weight:500; color:#464646;}
.guide-book .table tbody td {padding-left:10px;}
.guide-book .qa dt {position:relative; padding:10px 10px 10px 38px; border-top:1px solid #ddd; color:#f15a22; font-size:15px; font-weight:500;}
.guide-book .qa dd {position:relative; padding:10px 10px 10px 38px; border-top:1px solid #ddd; background:#f5f5f5;}
.guide-book .qa .q,
.guide-book .qa .a {position:absolute; top:11px; left:5px; width:22px; height:22px; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.guide-book .qa .q {background-image:url("../images/site/faq_q.png");}
.guide-book .qa .a {background-image:url("../images/site/faq_a.png");}