@charset "utf-8";
/* CSS Document for about*/
@font-face {
    font-family: gothicb;
    src: url(../font/gothic/GOTHICB.TTF);
}
.border-none{border: none;}
.mt-45{margin-top: 45px;}
.text-24{font-size: 24px;}
.text-30{font-size: 30px;}
.leading-1.1{line-height: 1.1;}
.leading-52{line-height: 52px;}

.professional-main{padding-bottom: 90px;position: relative;}
.professional-main::before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: -90px;background: url(../images/professional/pic-bg-main.png) no-repeat left top;}
.prof-title{width:186px;height:186px;margin: 58px auto;border-radius:50%;padding: 19px;border:dashed 2px #1f61af;}
.prof-line{position: absolute;height: calc(100% - 186px);top: 186px;left: 50%;transform: translateX(-50%);border-left: solid 1px #1f61af;}
.prof-line::after{content:"";position:absolute;width:10px;height:10px;bottom:0px;left:50%;transform:translateX(-50%);background-color:#1f61af;border-radius:50%;}
.prof-title .title-bg{height: 100%;padding: 29px 42px;background: url(../images/professional/pic-bg-title.png)}
.prof-left,.prof-right{padding-top: 62px;width: 50%;}
.prof-left{position:relative;border-right: solid 1px #1f61af;}
.prof-left::before{content:"";display:block;position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border-radius:50%;background-color:#1f61af;}
.department{padding:36px 50px 45px 44px;min-height:204px;border-top:solid 1px #1f61af;}
.intro-icon{position:relative;}
.intro-icon.intro-icon:nth-child(n+1)::before{content:"";display:block;position:absolute;right:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background-color:#1f61af;transform: translateX(0.5px);}
.intro-icon[data-col="1"]::before{left:-5px;transform: translateX(-0.5px);}
.department[data-col="1"]{display: flex;}
.department[data-col="1"] .title{width: 36.33587%;text-align: left;}
.department .part-link{padding-right: 43px;width: fit-content;background: url(../images/professional/icon-r-arrow-blue.png) no-repeat right center;}
.prof-left .part-list{width: calc(100% - 150px);margin-top: -8px}
.prof-left .title{width:150px; color: #1f61af;}
.prof-right .part-list{width: calc(100% - 237px);margin-top: -8px}
.prof-right .title{width: 237px; color: #1f61af;}

.theme-red .department,.theme-red .prof-title{border-color: #9a0813;}
.theme-red .prof-line{border-color: #9a0813;}
.prof-line::after{background-color:#9a0813;}
.theme-red .prof .title,.theme-red .department .part-link:hover{color:#9a0813;}
.theme-red .prof .intro-icon::before{background-color: #9a0813;}
.theme-red .department .part-link{background-image: url(../images/professional/icon-r-arrow-red.png);}
.theme-red .prof-title .title-bg{background-image: url(../images/professional/pic-bg-title-red.png);}

/* pc md*/
@media screen and (max-width:1400px) {

}
/*pc sm*/
@media screen and (max-width: 1280px) {
    .prof-left,.prof-right{padding-top: 62px;width: 100%;}
    .intro-icon::before,.prof-right::before{content: none;}
    .prof-right{padding-top: 0;border: none;}
    .prof-right .title{float: right;text-align: right;}
}

/*pad md*/
@media screen and (max-width: 991px){
    .department{padding: 30px 0;}
    .department .title{width: 100%;text-align: center;margin-bottom: 10px;float: none;}
    .department .part-list{width: 100%;float: none;text-align: center;}
    .professional-main{padding-bottom: 10px;}
    .mt-45{margin-top: 0;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
 
}

/*phone xs*/
@media screen and (max-width: 638px) {

}

/*phone mini*/
@media screen and (max-width: 375px) {
    
}