@charset 'utf-8';
#attach_files{}
#attach_files > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#attach_files > li{padding:10px 0; border-top:1px solid #cbcbcb}
#attach_files > li:first-child{border-top:0}
#attach_files .type{width:80%; float:left; line-height:40px}
#attach_files ul.file-menu {float:left; width: calc(100% - 80%); text-align:right;}
#attach_files  img{vertical-align:middle; display:inline-block; line-height:23px;}


/*Greetings from the President*/
.content-introduction-greeting > ul.tab-menu > li{width:50%;}
.content-introduction-greeting .tab-container{margin-top:30px;}
.content-introduction-greeting .img-intro .m-greeting-img{display:none;} /*모바일 이미지 hidden*/
.content-introduction-greeting .img-intro{width:100%; min-height:494px; position:relative; font-size: 0}
.content-introduction-greeting .img-intro .greeting-img{position:absolute; top:0; left:0; width:100%;}
.content-introduction-greeting .img-intro .greeting-text .text1{width:75%; color:#2f3135; font-size:24px; line-height:32px;}
.content-introduction-greeting .img-intro .greeting-text > strong {display:block; margin-bottom:38px;font-weight:700; font-style:normal; font-size:50px; color:#fff; line-height:45px}
.content-introduction-greeting .img-intro .greeting-text .sign{margin-top:30px;}
.content-introduction-greeting .img-intro .greeting-text .sign > p{display:inline-block; margin-right:15px; color:#1e2125; font-size:21px;}
.content-introduction-greeting .img-intro .greeting-text .sign > p > span{font-weight:600}
.content-introduction-greeting .img-intro .greeting-text .sign > img{display:inline-block; vertical-align:top;}
.content-introduction-greeting .text-intro{margin-top:52px;}
.content-introduction-greeting .text-intro > strong{display:block; margin-bottom:40px; font-size:32px; color:#033b8c; font-style:normal; font-weight:700;}
.content-introduction-greeting .text-intro > p{line-height:28px;}
.profile-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.profile-cont > .img {float:left; width:262px; margin-right:45px;}
.profile-cont > .profile-text {float:left; width: calc(100% - 307px)}
.profile-position{font-size:32px; color: #555; margin:10px 0 33px 0}
.profile-cont > .profile-text strong.name{font-size:48px; color:#033b8c; font-style:normal; font-weight:400; line-height:48px;}
.profile-cont > .profile-text .info-text{}
.profile-cont > .profile-text .info-text .tit-depth4{margin-bottom:20px; font-style:normal; font-weight:600;}
.profile-cont > .profile-text .info-text .next-depth4{margin-top:40px;}
.profile-cont > .profile-text .info-text ul.profile-list{}
.profile-cont > .profile-text .info-text ul.profile-list.top li{line-height:30px; font-size:15px}
.profile-cont > .profile-text .info-text ul.profile-list.top li:last-child{margin-bottom:35px}
.profile-cont > .profile-text .info-text ul.profile-list li{line-height:32px;}
.profile-cont > .profile-text .info-text ul.profile-list li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.profile-cont > .profile-text .info-text ul.profile-list li > strong{float:left; width:175px; color:#033b8c; font-weight:600; font-style:normal; }
.profile-cont > .profile-text .info-text ul.profile-list li > span{float:left; width: calc(96% - 175px); padding-left:3%; font-size:16px; border-left:2px solid #033b8c;}
.profile-cont  .m-img{display:none;}
.sign-area{text-align: right; margin-top:45px}
.sign-area span{display: block; margin-top:20px}

/*Education Keywords*/
#content .content-introduction-educationKeyword{max-width:100%; padding:0; margin:0}
#content .content-introduction-educationKeyword .keywords-cont{max-width:1165px; padding:0 17.5px; margin:80px auto 0 auto;}
.keywords-cont{}
.keywords-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.keywords-cont .keywords-l{float:left; width:48%; margin-right:4%;}
.keywords-cont .keywords-r{float:left; width:48%;}
.keywords-cont .keywords-list > li{margin-bottom:50px;}
.keywords-cont .keywords-list > li > h3.tit-depth3{margin-bottom:25px;}
.keywords-cont .keywords-list > li > p{margin-bottom:28px; font-size:21px; line-height:26px;}
.keywords-cont .keywords-list > li > ul.list > li{font-size:16px; padding-left:15px; line-height:24px; margin-bottom:5px;}
.keywords-cont .keywords-list{}
.keyword-img img{width:100%; display:block;}
.keyword-img .m-keyword-img{display:none;}

/*Promotion Video*/
.video-cont{height:479px;width: calc(100% - 314px); float:left;}
.promotion-cont > ul.tab-menu > li{width:50%;}
.promotion-cont .tab-container{margin-top:30px;}
.promotion-cont .tab-container .tab-cont:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.promotion-cont .video-l{float:left; width: calc(100% - 314px); }

.promotion-cont .video-text{clear:both; padding-top:58px;}
.promotion-cont .video-text > strong{display:block; margin:40px 0 20px 0; font-size:21px; color:#333333; font-style:normal; font-weight:600;}
.promotion-cont .video-text > p{line-height:28px; font-size:18px}

.promotion-cont .video-r{float:left; width:292px; margin-left:22px;}
.promotion-cont .video-r ul.thumbnail-list{}
.promotion-cont .video-r ul.thumbnail-list li{padding:25px 0; border-top:1px solid #dddddd;}
.promotion-cont .video-r ul.thumbnail-list li:first-child{border-top:0; padding-top:0}
.promotion-cont .video-r ul.thumbnail-list li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail{float:left; width:140px; margin-right:20px; position:relative;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text{padding-top:3px}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text strong{font-size:24px; color:#033b8c; font-style:normal; font-weight:700;display:inline-block; }
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text p{margin-left:18px; padding-left:40px; font-size:18px; color:#444444; font-weight:600;
background:url(../../images/introduction/ico_download.gif) no-repeat left center; background-size:30px 21px; display:inline}
.promotion-cont .video-r ul.thumbnail-list li:nth-child(2) .thumbnail-text p{margin-left:22px;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail img{position:relative;}
.promotion-cont .video-r ul.thumbnail-list li.on .thumbnail-on{width:140px; height:79px; box-sizing:border-box; border:2px solid #f3953e; position:absolute; top:0; left:0;
background:url(../../images/introduction/bg_thumbnail_on.png) repeat left center; z-index:1; opacity:0}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text p.type{margin-left:5px}

/*contact-cont*/
.contact-cont{}
.contact-cont .contact-table{width:100%; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:40px 0}
.contact-cont .contact-table li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.contact-cont .contact-table li strong{padding:10px 2% 10px 3%; font-size:24px; color:#222222; font-weight:600; font-style:normal; text-align:left; width:20%; float:left;}
.contact-cont .contact-table li div.contact-r{padding:10px 0; width: calc(100% - 25%);  float:right;}
.contact-cont .contact-table li div.contact-r input{width:90%; background:#f6f6f6; border:1px solid #cccccc; padding:11px 20px;}
.contact-cont .contact-table li div.contact-r input.first{/*margin-bottom:20px*/}
.contact-cont .contact-table li div.contact-r select{display:none;}
.contact-cont .contact-table li .search-t{padding:10px 0; float:left; width: calc(96% - 25%)}
.contact-cont .contact-table li textarea {width:96%; background:#f6f6f6; border:1px solid #cccccc; margin-top:10px;}
.contact-cont .contact-table li div.contact-r.search-t > span{display:inline-block; margin-left:20px;}
.contact-cont .contact-table li div.contact-r .number{vertical-align:middle; margin-bottom:20px;}
.contact-cont .contact-table li div.contact-r .number img{vertical-align:middle;}
.contact-cont .contact-table li div.contact-r .number a.refresh{display:inline-block; margin:0 15px;}
.contact-cont .contact-table li div.contact-r input.number-info{width:30%}

.message-container{}
.message-container .message-cont{border-top:1px solid #333; border-bottom:1px solid #333;}
.message-container .message-cont .inner-message{width:55%; margin:0 auto; padding:60px 0 60px 130px; background:url(../../images/introduction/ico_message.gif) no-repeat left center;}
.message-container .message-cont .inner-message strong{font-size:50px; color:#033b8c; font-weight:700; font-style:normal;}
.message-container .message-cont .inner-message p{margin-top:20px; font-size:26px; color:#333333; font-weight:600; font-style:normal;}
.message-container .btn-back{display:block; width:70px; margin:20px auto}

/*facts*/
.content-introduction-facts{max-width:100% !important; padding:0 !important; margin:0 !important; background:url(../../images/introduction/bg_facts.png) no-repeat center bottom; background-size:100%;}
.content-introduction-facts .facts-area{max-width:1165px; padding:50px 17.5px 0 17.5px; margin:0 auto;}
.content-introduction-facts .facts-area .facts-list{}
.content-introduction-facts .facts-area .facts-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-introduction-facts .facts-area .facts-list > li{width:33.3%; float:left; min-height:400px; border-bottom:1px solid #819dc5}
.content-introduction-facts .facts-area .facts-list > li.border{border-bottom:0}
.content-introduction-facts .facts-area .facts-list li .info{padding:50px 0 30px 0; text-align:center;}
.content-introduction-facts .facts-area .facts-list li .text{margin-top:20px;}
.content-introduction-facts .facts-area .facts-list li .text > strong{display:block; margin-bottom:5px; color:#033b8c; font-size:60px; font-weight:700;}
.content-introduction-facts .facts-area .facts-list li .text > p{font-size:28px; line-height:28px;  font-weight:600;}
.content-introduction-facts .facts-area .facts-list li .text > p span{display:block; font-size:18px; line-height:30px;  font-weight:400;}

.content-introduction-facts .facts-area .facts-list li .text ul > li{margin-bottom:7px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-introduction-facts .facts-area .facts-list li .text ul > li strong{float:left; width:25%; color:#033b8c; font-size:60px; font-weight:700; line-height:36px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li p{float:left; width:65%; font-size:22px; line-height:26px;  font-weight:600; text-align:left; vertical-align:bottom;}

@media all and (min-width:1200px){
.content-introduction-greeting .img-intro .greeting-text{width:70%; position:absolute; top:100px; right:260px; z-index:1}


}
@media all and (min-width:992px) and (max-width:1199px) {
/*Greetings from the President*/
.content-introduction-greeting .img-intro{width:100%; min-height:494px; min-height:41.2vw; position:relative; }
.content-introduction-greeting .img-intro .greeting-text{width:70%; position:absolute; top:20%; right:25%; z-index:1}
.content-introduction-greeting .img-intro .greeting-text > strong {font-size:50px; line-height:43px;}
.content-introduction-greeting .img-intro .greeting-text .text1{width:82%; color:#2f3135; font-size:22px; line-height:30px;}
.content-introduction-greeting .img-intro .greeting-text .sign > img{width:30%}
.profile-cont > .profile-text .info-text ul.profile-list li{line-height:34px;}
.profile-cont > .profile-text .info-text ul.profile-list li > strong{font-size:17px; }
.profile-cont > .profile-text .info-text ul.profile-list li > span{font-size:15px;}

/*Education Keywords*/
.keywords-cont .keywords-list > li > h3.tit-depth3{font-size:30px;}
.keywords-cont .keywords-list > li > p{margin-bottom:28px; font-size:21px; line-height:26px;}

/*Promotion Video*/
.promotion-cont .video-l .video-cont{height:479px; height:40vw;}

/*contact-cont*/
.message-container .message-cont .inner-message strong{font-size:40px;}
.message-container .message-cont .inner-message p{font-size:20px;}

/*facts*/
.content-introduction-facts .facts-area .facts-list li .text > strong{display:block; margin-bottom:5px; color:#033b8c; font-size:55px; font-weight:700;}
.content-introduction-facts .facts-area .facts-list li .text > p{font-size:24px; line-height:30px;  font-weight:600;}
.content-introduction-facts .facts-area .facts-list li .text > p span{display:block; font-size:18px; line-height:26px;  font-weight:400;}

.content-introduction-facts .facts-area .facts-list li .text ul > li strong{float:left; width:25%; color:#033b8c; font-size:55px; font-weight:700; line-height:36px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li p{float:left; width:65%; font-size:19px; line-height:26px;  font-weight:600; text-align:left; vertical-align:bottom;}

}

@media all and (min-width:768px) and (max-width:991px) {
/*Greetings from the President*/
#content .content.content-introduction-greeting{padding:0; }
.content-introduction-greeting .tab-container{margin-top:0; margin-bottom:50px}
.content-introduction-greeting .img-intro .m-greeting-img{display:none;} /*모바일 이미지 hidden*/
.content-introduction-greeting .img-intro{width:100%; min-height:auto; position:relative; font-size: 0}
.content-introduction-greeting .img-intro .greeting-img{position:relative; }
.content-introduction-greeting .img-intro .greeting-text{margin:50px 0; width:auto; padding:0 30px; z-index:1}
.content-introduction-greeting .img-intro .greeting-text .text1{width:100%; color:#2f3135; font-size:22px; line-height:29px;}
.content-introduction-greeting .img-intro .greeting-text > strong {color:#033b8c;}
.content-introduction-greeting .img-intro .greeting-text .sign{position:absolute; top:60px; left:60px; text-align:right;}
.content-introduction-greeting .text-intro{margin:0; padding:0 30px;}
.content-introduction-greeting .text-intro > strong{display:block; padding-top:50px; margin-bottom:40px; font-size:40px; color:#033b8c; font-style:normal; font-weight:700}
.content-introduction-greeting .text-intro > p{font-size:32px; line-height:45px;}
.content-introduction-greeting .img-intro .greeting-text .sign > p{display:inline-block; margin-right:15px; color:#1e2125; font-size:42px; font-size:4.1vw; text-align:right;}
.content-introduction-greeting .img-intro .greeting-text .sign > img{display:block; width:80%; margin-top:7px;}
.content-introduction-greeting .img-intro .greeting-text .sign > p > span{font-weight:400;}
.profile-cont > .profile-text .info-text .tit-depth4{font-size:40px; margin-bottom:0}
.profile-cont > .img{display:none;}
.profile-cont > .profile-text strong.name{font-size:50px}
.profile-cont > .profile-text .profile-position{font-size:30px}
.profile-cont .m-img{display:block; position:relative;}
.profile-cont .m-img img{width:100%; position:relative;}
.profile-cont .m-img .m-name{position:absolute; top:220px; left:40px; font-size:65px; color:#033b8c; }
.profile-cont > .profile-text{width:100%; margin-top:55px;}
.profile-cont > .profile-text .info-text{margin:0; padding:0 30px;}
.profile-cont > .profile-text .info-text ul.profile-list li > strong{float:none; width:100%; display:block; font-size:28px; line-height:60px}
.profile-cont > .profile-text .info-text ul.profile-list li > span{float:none; width:100%; padding-left:0; font-size:28px; border:0}
.profile-cont > .profile-text .info-text ul.profile-list.top li{font-size:28px; line-height:50px}
.profile-cont > .profile-text .info-text ul.profile-list{margin-top:20px}
.profile-cont > .profile-text strong.name{font-weight: bold; font-size:48px}
.profile-cont > .profile-text .profile-position{font-weight: bold; font-size: 40px; margin: 15px 0 33px 0}
/*Education Keywords*/
#content .content-introduction-educationKeyword .keywords-cont{max-width:1165px; padding:60px 30px 0 30px; margin:0; border-top:2px solid #333;}
.keywords-cont .keywords-l{float:none; width:100%; margin:0}
.keywords-cont .keywords-r{float:none; width:100%; margin:0}
.keywords-cont .keywords-list > li > ul.list > li{font-size:22px; line-height:38px;}
.keyword-img img{width:100%; display:none;}
.keyword-img .m-keyword-img{display:block;}
.keywords-cont .keywords-list > li > p{margin-bottom:28px; font-size:26px; line-height:32px;}

/*Promotion Video*/
.content-introduction-promotion{width:100% !important; padding:0 !important; margin:0 !important}
.promotion-cont .tab-container{padding:30px; margin-top:0}
.promotion-cont .video-l{float:none; width:100%; }
.promotion-cont .video-cont{height:400px; width:100%; float:none}
.promotion-cont .video-text{padding:30px 0}
.promotion-cont .video-text > strong{display:block;font-size:32px;}
.promotion-cont .video-text > p{line-height:36px; font-size:24px}
.promotion-cont .video-r{float:none; width:100%; margin-left:0; margin-top:60px;}
.promotion-cont .video-r ul.thumbnail-list{}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail{float:left; width:235px; margin-right:40px; position:relative;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text{float:left; width: calc(100% - 275px); padding-top:10px}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text strong{font-size:32px;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text p{padding-left:60px; font-size:26px; background:url(../../images/introduction/ico_download.gif) no-repeat left center; background-size:40px 28px;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail img{position:relative; width:100%; display:inline-block;}
.promotion-cont .video-r ul.thumbnail-list li.on .thumbnail-on{width:235px; height:133px; box-sizing:border-box; border:2px solid #f3953e; position:absolute; top:0; left:0;
background:url(../../images/introduction/bg_thumbnail_on.png) repeat left center; z-index:1; opacity:0}

/*contact-cont*/
#content .content-introduction-contact{width:100%; max-width:100%; padding:0 0 30px 0;}
.contact-cont{}
.contact-cont .contact-table{width:auto; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:40px 30px}
.contact-cont .contact-table li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.contact-cont .contact-table > li {padding:10px 0}
.contact-cont .contact-table li > strong{padding:0 2% 0 0; font-size:28px; color:#222222; font-weight:600; font-style:normal; text-align:left; width:30%; float:left;}
.contact-cont .contact-table li div.contact-r{padding:0; width: calc(100% - 32%);  float:right;}
.contact-cont .contact-table li div.contact-r input{width:90%; background:#f6f6f6; border:1px solid #cccccc; padding:15px 20px;}
.contact-cont .contact-table li div.contact-r input.first{/*margin-bottom:20px*/}
.contact-cont .contact-table li div.contact-r select{display:none;}
.contact-cont .contact-table li textarea {width:100%; background:#f6f6f6; border:1px solid #cccccc;}
.contact-cont .contact-table li div.contact-r.search-t > span{display:inline-block; margin-left:20px; font-size:25px;}
.contact-cont .contact-table li div.contact-r .number{vertical-align:middle; margin-bottom:20px;}
.contact-cont .contact-table li div.contact-r .number img{vertical-align:middle;}
.contact-cont .contact-table li div.contact-r .number a.refresh{display:inline-block; margin:0 15px;}
.contact-cont .contact-table li div.contact-r .number {font-size:28px;}
.contact-cont .contact-table li div.contact-r input.number-info{width:30%}
.contact-cont .contact-table li.last {margin-top:20px}
.contact-cont .contact-table li.last > strong{float:none; width:100%; padding:0}
.contact-cont .contact-table li.last > .contact-r{float:none; width:100%}
.contact-cont .contact-table li.last > .contact-r .number span{display:block; margin-top:15px;}
.contact-cont .contact-table li.last > strong > span.p-br{display:inline}
.contact-cont .contact-table li .search-t > span{display:block; font-size:25px; margin:10px 0;}
#content .content-introduction-contact .btn-right{text-align:center;}

.contact-cont .contact-table li .search-t{width: calc(96% - 32%)}
#attach_files span.file-name{font-size:22px; line-height:40px;}
#attach_files span.date{font-size:22px; line-height:40px;}
#attach_files ul.file-menu {display:inline-block; font-size:22px; float:right;}

.message-container{}
.message-container .message-cont{border-top:1px solid #333; border-bottom:1px solid #333; padding:60px 0 60px 0; }
.message-container .message-cont .inner-message{width:100%; padding:140px 0 0 0; margin:0 auto; background:url(../../images/introduction/ico_message.gif) no-repeat top center; text-align:center;}
.message-container .message-cont .inner-message strong{font-size:50px; color:#033b8c; font-weight:700; font-style:normal;}
.message-container .message-cont .inner-message p{margin-top:20px; font-size:26px; color:#333333; font-weight:600; font-style:normal;}
.message-container .btn-back{display:inline-block; width:auto; margin:20px auto}

/*facts*/
.content-introduction-facts{max-width:100% !important; padding:0 !important; margin:0 !important; background:none; background-size:100%;}
.content-introduction-facts .facts-area{border-top:2px solid #acacac; max-width:1165px; padding:0 30px; margin:0 auto;}
.content-introduction-facts .facts-area .facts-list > li{width:50%; float:left; min-height:350px; border-bottom:1px solid #819dc5}
.content-introduction-facts .facts-area .facts-list > li.border{border-bottom:1px solid #819dc5}
.content-introduction-facts .facts-area .facts-list > li:last-child{border-bottom:0}
.content-introduction-facts .facts-area .facts-list li .info{padding:40px 0 10px 0; text-align:center;}
.content-introduction-facts .facts-area .facts-list li .text{margin-top:20px;}
.content-introduction-facts .facts-area .facts-list li .text > strong{display:block; margin-bottom:5px; color:#033b8c; font-size:55px; font-weight:700;}
.content-introduction-facts .facts-area .facts-list li .text > p{font-size:26px; line-height:26px;  font-weight:600;}
.content-introduction-facts .facts-area .facts-list li .text > p span{display:block; font-size:18px; line-height:30px;  font-weight:400;}

.content-introduction-facts .facts-area .facts-list li .text ul > li{margin-bottom:7px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-introduction-facts .facts-area .facts-list li .text ul > li strong{float:left; width:25%; color:#033b8c; font-size:55px; font-weight:700; line-height:36px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li p{float:left; width:65%; font-size:20px; line-height:26px;  font-weight:600; text-align:left; vertical-align:bottom;}

/*announcements*/
.content-introduction-announcements{padding:0 0 30px 0 !important; }
.content-introduction-announcements{}

}

@media all and (max-width:767px){
/*Greetings from the President*/
#content .content.content-introduction-greeting{padding:0}
.content-introduction-greeting .tab-container{margin-top:0; margin-bottom:30px;}
.content-introduction-greeting .img-intro .m-greeting-img{width:100%; display:block;}
.content-introduction-greeting .img-intro .greeting-img{display:none;} /*pc 이미지 hidden*/
.content-introduction-greeting .img-intro{width:100%; min-height:auto; position:relative; }
.content-introduction-greeting .img-intro .greeting-img{position:relative; }
.content-introduction-greeting .img-intro .greeting-text{margin:25px 0; width:auto; padding:0 15px; z-index:1}
.content-introduction-greeting .img-intro .greeting-text .text1{width:100%; color:#2f3135; font-size:19px; line-height:24px;}
.content-introduction-greeting .img-intro .greeting-text > strong {color:#033b8c; font-size:27px; line-height:27px; margin-bottom: 19px;}
.content-introduction-greeting .img-intro .greeting-text .sign{width:40%;position:absolute; bottom:220px; top:18vw; left:0; text-align:right;}
.content-introduction-greeting .text-intro{margin:0; padding:0 15px; }
.content-introduction-greeting .text-intro > strong{display:block; padding-top:20px; margin-bottom:16px; font-size:19px;  font-style:normal; font-weight:700}
.content-introduction-greeting .text-intro > p{line-height:21px;font-size:16px;}
.content-introduction-greeting .img-intro .greeting-text .sign > p{display:inline-block; margin-right:15px; color:#1e2125; font-size:42px; font-size:5vw; text-align:right;}
.content-introduction-greeting .img-intro .greeting-text .sign > img{display:inline-block; width:80%; margin-top:7px; text-align:right;}
.content-introduction-greeting .img-intro .greeting-text .sign > p > span{font-weight:400;}
.profile-cont > .profile-text .info-text .tit-depth4{font-size:20px; margin-bottom:15px}
.profile-cont > .img{display:none;}
.profile-cont > .profile-text strong.name{font-size:24px; font-weight: bold}
.profile-cont > .profile-text .profile-position{font-size:20px; font-weight: bold; margin: 0 0 16px 0}
.profile-cont .m-img{display:block; position:relative;}
.profile-cont .m-img img{width:100%; position:relative;}
.profile-cont .m-img .m-name{position:absolute; top:220px; top:26vw; left:40px; left:4.1vw; font-size:80px; font-size:10.5vw; color:#033b8c; }
.profile-cont > .profile-text{width:100%; margin-top:25px;}
.profile-cont > .profile-text .info-text{margin:0; padding:0 15px;}
.profile-cont > .profile-text .info-text ul.profile-list li > strong{float:none; width:100%; display:block; font-size:16px; line-height:23px}
.profile-cont > .profile-text .info-text ul.profile-list li > span{float:none; width:100%; padding-left:0; font-size:16px; border:0}
.profile-cont > .profile-text .info-text ul.profile-list li{line-height:26px; margin-bottom:10px;}
.sign-area span{margin-top:10px}
.sign-area span img{width:39.11vw}

/*Education Keywords*/
#content .content-introduction-educationKeyword .keywords-cont{max-width:1165px; padding:30px 15px 0 15px; margin:0; border-top:2px solid #333;}
.keywords-cont .keywords-l{float:none; width:100%; margin:0}
.keywords-cont .keywords-r{float:none; width:100%; margin:0}
.keywords-cont .keywords-list > li > ul.list > li{font-size:16px; line-height:24px;}
.keyword-img img{width:100%; display:none;}
.keyword-img .m-keyword-img{display:block;}
.keywords-cont .keywords-list > li{margin-bottom:25px;}
.keywords-cont .keywords-list > li > p{margin-bottom:14px; font-size:16px; line-height:24px;}
.keywords-cont .keywords-list > li > h3.tit-depth3{margin-bottom:12px;}

/*Promotion Video*/
.content-introduction-promotion{width:100% !important; padding:0 !important; margin:0 !important}
.promotion-cont .tab-container{padding:15px; margin-top:0}
.promotion-cont .video-text{margin-top:25px; padding-top:0; margin-bottom:25px;}
.promotion-cont .video-text > strong{margin:20px 0 10px 0; display:block;font-size:20px;}
.promotion-cont .video-r ul.thumbnail-list li{padding:12px 0;}
.promotion-cont .video-l{float:none; width:100%; }
.promotion-cont .video-cont{height:400px; height:52vw; width:100%; float:none}
.promotion-cont .video-text > p{line-height:20px; font-size:16px;}
.promotion-cont .video-r{float:none; width:100%; margin-left:0; margin-top:30px;}
.promotion-cont .video-r ul.thumbnail-list{}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail{ margin-right:20px; position:relative;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text{ padding-top:5px}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text strong{font-size:18px;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail-text p{padding-left:30px; margin-left:10px; font-size:16px; background:url(../../images/introduction/ico_download.gif) no-repeat left center;
background-size:20px 14px;}
.promotion-cont .video-r ul.thumbnail-list li:nth-child(2) .thumbnail-text p{margin-left:2
px;}
.promotion-cont .video-r ul.thumbnail-list li .thumbnail img{position:relative; width:100%; display:inline-block;}
.promotion-cont .video-r ul.thumbnail-list li.on .thumbnail-on{width:117px; height:66px; box-sizing:border-box; border:2px solid #f3953e; position:absolute; top:0; left:0;
background:url(../../images/introduction/bg_thumbnail_on.png) repeat left center; z-index:1; opacity:0}

/*contact-cont*/
#content .content-introduction-contact{width:100%; max-width:100%; padding:0 0 30px 0;}
.contact-cont{}
.contact-cont .contact-table{width:auto; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:20px 15px;}
.contact-cont .contact-table > li{padding:1.5vw 0}
.contact-cont .contact-table > li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.contact-cont .contact-table > li strong{padding:0 20px 0 0; padding:0 2.5vw 0 0; font-size:38px; font-size:4.9vw; color:#222222; font-weight:600; font-style:normal; text-align:left;
width:29%; float:left;}
.contact-cont .contact-table li div.contact-r{padding:0; width: calc(100% - 32%);  float:right;}
.contact-cont .contact-table li div.contact-r input{width:90%; background:#f6f6f6; border:1px solid #cccccc;padding:25px 20px; padding:3.2vw 2.5vw}
.contact-cont .contact-table li div.contact-r input.first{margin-bottom:20px;margin-bottom:2.5vw;}
.contact-cont .contact-table li div.contact-r select{display:none;}
.contact-cont .contact-table li textarea {width:100%; background:#f6f6f6; border:1px solid #cccccc;}
.contact-cont .contact-table li div.contact-r.search-t > span{display:inline-block; font-size:3.5vw; margin-left:0; margin-top:10px; margin-top:1.2vw;}
.contact-cont .contact-table li div.contact-r .number{vertical-align:middle; margin-bottom:2.5vw;}
.contact-cont .contact-table li div.contact-r .number img{vertical-align:middle;}
.contact-cont .contact-table li div.contact-r .number a.refresh{display:inline-block; margin:0 15px;  margin:0 1.9vw;}
.contact-cont .contact-table li div.contact-r .number {font-size:28px;}
.contact-cont .contact-table li div.contact-r input.number-info{width:30%}
.contact-cont .contact-table li.last {margin-top:15px}
.contact-cont .contact-table li.last > strong{float:none; width:100%; padding:0}
.contact-cont .contact-table li.last > .contact-r{float:none; width:100%}
.contact-cont .contact-table li.last > .contact-r .number span{display:block;font-size:3.5vw; margin-top:10px; margin-top:1.2vw;}
.contact-cont .contact-table li.last > strong > span.p-br{display:inline}
.contact-cont .contact-table li .search-t > span{display:block; font-size:3.5vw; margin:1.2vw 0;}
#content .content-introduction-contact .btn-right{text-align:center;}

.message-container{}
.message-container .message-cont{border-top:1px solid #333; border-bottom:1px solid #333; padding:30px 0 30px 0; }
.message-container .message-cont .inner-message{width:100%; padding:70px 0 0 0; margin:0 auto; background:url(../../images/introduction/ico_message.gif) no-repeat top center; text-align:center; background-size:52px 51px;}
.message-container .message-cont .inner-message strong{font-size:25px; color:#033b8c; font-weight:700; font-style:normal;}
.message-container .message-cont .inner-message p{margin-top:10px; font-size:14px; color:#333333; font-weight:600; font-style:normal;}
.message-container .btn-back{display:inline-block; width:auto; margin:20px auto}

.contact-cont .contact-table li .search-t{width: calc(96% - 32%)}
#attach_files > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
#attach_files span.file-name{font-size:16px; line-height:21px;}
#attach_files span.date{font-size:16px; line-height:21px;}
#attach_files ul.file-menu li img{width:100%}
#attach_files .type{width:80%; float:left; line-height:21px}
#attach_files ul.file-menu {float:left; width: calc(100% - 80%);}
/*facts*/
.content-introduction-facts .facts-area .facts-list > li.border{border-bottom:1px solid #819dc5}
.content-introduction-facts{max-width:100% !important; padding:0 !important; margin:0 !important; background:none; background-size:100%;}
.content-introduction-facts .facts-area{border-top:2px solid #acacac; max-width:1165px; padding:0 15px; margin:0 auto;}
.content-introduction-facts .facts-area .facts-list > li{width:100%; float:none; min-height:auto; border-bottom:1px solid #819dc5}
.content-introduction-facts .facts-area .facts-list > li:last-child{border-bottom:0}
.content-introduction-facts .facts-area .facts-list li .info{padding:20px 0 20px 0; text-align:center;}
.content-introduction-facts .facts-area .facts-list li .text{margin-top:20px;}
.content-introduction-facts .facts-area .facts-list li .text > strong{display:block; margin-bottom:5px; color:#033b8c; font-size:30px; font-weight:700;}
.content-introduction-facts .facts-area .facts-list li .text > p{font-size:18px; line-height:26px;  font-weight:600;}
.content-introduction-facts .facts-area .facts-list li .text > p span{display:block; font-size:18px; line-height:30px;  font-weight:400;}
.content-introduction-facts .facts-area .facts-list li .text ul {width:100%; margin:0 auto;}
.content-introduction-facts .facts-area .facts-list li .text ul > li{margin-bottom:7px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.content-introduction-facts .facts-area .facts-list li .text ul > li strong{float:none; width:auto; color:#033b8c; font-size:30px; font-weight:700; line-height:36px;}
.content-introduction-facts .facts-area .facts-list li .text ul > li p{float:none;  width:auto; font-size:17px; line-height:26px;  font-weight:600; text-align:center; vertical-align:bottom;}

/*announcements*/
.content-introduction-announcements{padding:0 0 30px 0 !important; }
.content-introduction-announcements{}
}