header.hpro{border-top:4px solid #006cb8;border-bottom:0;}

#gnb-pro{text-align:right;width:calc(100% - 30rem);position:absolute; top:4.2rem; right:0;}
#gnb-pro li{display:inline-block; margin-left:9%;font-size:1.6rem; font-weight:bold;}
#gnb-pro li a{color:#333;}


#gnb-pro li#mobile-nav{display:none;}
#gnb-pro li#mobile-nav a{padding:0;}
#gnb-pro li#mobile-nav a img{width:4.5rem;}

#mobile-gnb.pro .m-gnb-top{height:8rem;}
#mobile-gnb.pro .m_accor{width:100%;}

.visual-pro{position:relative;overflow:hidden;/*height:440px;*/aspect-ratio: 80 / 18;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
.visual-pro .mainSliderPro{height:100%;}
.visual-pro .mainSliderPro .slick-slide{height:100%;}
/*.visual-pro .mainSliderPro .slick-slide a{display:block; height:100%;}*/

.visual-pro .txt{padding:3%;box-sizing:border-box; width:900px;max-width:90%;background:rgba(0,0,0,0.5);display:inline-block; position:absolute; text-align:center;left:50%; top:50%;transform:translate(-50%, -50%);}
.visual-pro .txt h2{color:#fff;font-size:2.5rem;margin-bottom:0.6em;line-height:1.4;}
.visual-pro .txt p{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.4;}


.board-box{padding:6rem 0;}
.board-box section{display:inline-block;width:46%; margin:1.8%;vertical-align:top;}
.board-box section h2{position:relative;font-size:2.5rem;line-height:1.4;padding-bottom:0.3em;border-bottom:2px solid #333;}
.board-box section h2 a{display:inline-block; background:url(../images/icon-plus-b.png) no-repeat right center / 2.6rem;padding:1rem 3.4rem 1rem 0;position:absolute; right:0;top:50%; transform:translate(0, -50%);font-size:1.5rem; color:#bbb;}

.board-box .news ul{margin-top:2rem;}
.board-box .news ul li{position:relative;font-weight:300;color:#333;font-size:1.6rem;padding:0.6em 0;}
.board-box .news ul li span{position:absolute; right:0;}
.board-box .news ul li a{display:inline-block; width:calc(100% - 6em); white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.board-box .news ul li a:hover{font-weight:500;}

.board-box .gallery .subSliderPro{margin-top:2.5rem;padding:0 30px;position:relative;}
.board-box .gallery .subSliderPro .slick-slide{aspect-ratio: 10 / 9;width:230px;margin-right:15px;}
.board-box .gallery .subSliderPro .slick-slide a{display:block; height:100%;}
.board-box .gallery .subSliderPro .slick-prev{position:absolute; top:50%;margin-top:-11.5px;left:5px;border:0; background:url(../images/gal-pro-arrow-l.png) no-repeat 0 0 / contain;width:12px; height:23px; font-size:0;}
.board-box .gallery .subSliderPro .slick-next{position:absolute; top:50%;margin-top:-11.5px;right:5px;border:0; background:url(../images/gal-pro-arrow-r.png) no-repeat 0 0 / contain;width:12px; height:23px; font-size:0;}

footer.fpro{background:#333; padding:4rem 0;}
footer.fpro p{color:#adadad;font-size:1.8rem}
footer.fpro ul{position:absolute;right:0; top:50%;margin-top:-2.2rem;}
footer.fpro ul li{display:inline-block;margin-left:5px;}
footer.fpro ul li:nth-child(1) a{display:inline-block; margin:0.2em 0;border-radius:5px;padding:0.6em 0.9em;background:#006cb8; color:#fff;font-size:1.8rem;}
footer.fpro ul li:nth-child(2) a{display:inline-block; margin:0.2em 0;border-radius:5px;padding:0.6em 0.9em;background:#0d5385; color:#fff;font-size:1.8rem;}

.type-1 .visual-pro{aspect-ratio: 80 / 41;}
.type-1 .board-box{display:none;}
.type-2 .board-box section{margin-left:0; margin-right:0; width:100%;}

#sub-nav.pro{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:53px;margin-top:0;}
#sub-nav.pro div{height:100%;font-size:0;border-top:0;}
#sub-nav.pro div > *{display:inline-block;vertical-align:top;}
#sub-nav.pro div i{height:100%; width:53px; border-left:1px solid #ddd;background:#006cb8;}
#sub-nav.pro div i a{display:block; width:100%; height:100%;background:url(../images/icon-home-w.png) no-repeat center center / 20px;}
#sub-nav.pro div .subnav-dep1 ul,#sub-nav div .subnav-dep2 ul,#sub-nav div .subnav-dep3 ul{display:none;font-size:1.6rem;}
#sub-nav.pro div .subnav-dep1,#sub-nav div .subnav-dep2,#sub-nav div .subnav-dep3{border-left:0px solid #ddd;border-right:1px solid #ddd;height:100%;width:calc(50% - 28px);position:relative;}
#sub-nav.pro div .subnav-dep1 > a,#sub-nav div .subnav-dep2 > a,#sub-nav div .subnav-dep3 > a{display:block; line-height:53px; font-size:1.6rem; color:#333;padding-left:1rem; background:url(../images/icon-re2.png) no-repeat right 10px center;}
#sub-nav.pro div div ul{width:100%; padding:10px 0;position:absolute; z-index:10;left:-1px;top:54px;background:#fff;border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#sub-nav.pro div div ul li{padding:1rem 1.4rem;color:#555;font-size:1.6rem;}
#sub-nav.pro div div ul li a{display:block;}
#sub-nav.pro div div ul li a:hover{font-weight:bold;}
#sub-nav div.pro .subnav-dep2,#sub-nav div.pro .subnav-dep3{border-left:0;}

.tit_h3 {font-size: 2rem;margin-bottom:1em;margin-top:1em;color: #333;font-weight: bold;border-left:1px solid #333; display:block;width:auto;padding-left:0.8em;}
.line-pro{height:1px; background:#ddd;}
.sub-cont{padding:8rem 0;}
.sub-cont link{display:none;}
.sub-cont h2{font-size:5rem;line-height:1.4;margin-bottom:4rem;}
.sub-cont h2 span{font-size:2rem; display:inline-block;font-weight:300;}

.sub-cont .biographie_box{position:relative;margin-bottom:6rem;border-radius:2rem;border:4px solid #ebebeb;padding:4rem 2rem 6rem 0;padding-left:calc(8rem + 14%);font-size:1.8rem;font-weight:300;line-height:1.6;}
.sub-cont .biographie_box::after{content:'';display:inline-block; position:absolute;width:18rem; height:18rem;right:5rem; margin-bottom:-9rem;bottom:50%;background:url(../images/pro-bg2.png) no-repeat 0 0 / contain; z-index:-3;}
.sub-cont .biographie_box .tit{font-size:1.3em;}
.sub-cont .biographie_box dl:nth-of-type(1){margin-top:1.5rem;}
.sub-cont .biographie_box dl dt,.sub-cont .biographie_box dl dd{display:inline-block;word-break:break-all;}
.sub-cont .biographie_box dl dt{width:4em;}

.sub-cont .biographie_box dl.ico_bio01 dt{background:url(../images/ico_bio01.png) no-repeat top 0.4em left / 0.9em;padding-left:1.2em;}
.sub-cont .biographie_box dl.ico_bio02 dt{background:url(../images/ico_bio02.png) no-repeat top 0.4em left / 0.9em;padding-left:1.2em;}
.sub-cont .biographie_box dl.ico_bio03 dt{background:url(../images/ico_bio03.png) no-repeat top 0.4em left / 0.9em;padding-left:1.2em;}
.sub-cont .biographie_box dl.ico_bio04 dt{background:url(../images/ico_bio04.png) no-repeat top 0.4em left / 0.9em;padding-left:1.2em;}


/* ÄÁÅÙÃ÷ Å×À̺í01 */
.contents_table01 {width:100%;border-top:2px solid #333;word-break:break-all;}
.contents_table01 thead th {padding:1.5rem; background:#f7f7f7; font-size:1.6rem; color:#333; letter-spacing:-1px; border-bottom:1px solid #efefef;}
.contents_table01 tbody th:first-of-type {white-space: nowrap}
.contents_table01 tbody td {padding:1.5rem; text-align:center; font-size:1.5rem; font-weight:300;color:#444; border-bottom:1px solid #efefef; border-right:1px solid #efefef; line-height:1.3em}
.contents_table01 tbody td:first-of-type {white-space: normal}
.contents_table01 tbody td:last-of-type {border-right:0;}
.contents_table01 .tl {text-align:left;}

.sub_contents select{display:block;font-size:1.8rem;font-family:'Noto Sans Kr', san-serif;border-radius:0;margin-left:auto;margin-bottom:1rem;margin-top:-3rem}
.sub_contents p{font-size:1.5rem; font-weight:300;color:#444;line-height:1.8;}
.sub_contents img{max-width:100%; height: auto !important;text-align:center;}

/* »çÁø ¿µ¿ª */
.photo_box {display:block; text-align:center;width:inherit; margin-bottom:5rem; }
.photo_box img{display:inline-block;padding:10px;max-width:100%; height:auto !important;box-sizing:border-box;border:1px solid #ebebeb;}
.photo_box dl {padding:20px 0 10px;}
.photo_box dl dt {margin:0 0 10px 0; color:#000;}
.photo_box dl dd {font-size:1.4rem; line-height:1.4; color:#444;}

@media screen and (max-width: 1700px) {
.visual-pro .txt h2{font-size:2rem;}
.visual-pro .txt p{font-size:3rem;}
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1199px) {
html{font-size:9px;}
.wid{width:95%;}

#gnb-pro li{margin-left:7%;}

.visual-pro .txt h2{font-size:1.6rem;}
.visual-pro .txt p{font-size:2.6rem;}
}

@media screen and (max-width: 1023px) {
#gnb-pro{top:2.8rem;}
#gnb-pro li{display:none;}
#gnb-pro li#mobile-nav{display:inline-block;}

.board-box section{display:inline-block;width:100%;box-sizing:border-box;margin-left:0; margin-right:0;}
footer.fpro p{text-align:center;}
footer.fpro ul{position:static; text-align:center;margin-top:2rem;}

.visual-pro{aspect-ratio: 80 / 41;}
}

@media screen and (max-width: 767px) {
.sub-cont {padding: 6rem 0;}
}

@media screen and (max-width: 480px) {
html{font-size:8px;}
.sub-cont {padding: 4rem 0;}

.sub-cont .biographie_box{border:2px solid #ebebeb;padding:4rem 2rem 4rem 2rem;padding-top:calc(4rem + 150px);}
.sub-cont .biographie_box{background-position:top 2rem center !important;background-size:auto 150px !important;}
.sub-cont .biographie_box .tit{text-align:center;}
.sub-cont .biographie_box dl{display:inline-block;width:80%;padding-left:10%;}
.sub-cont .biographie_box dl dt{text-align:left;}
.sub-cont .biographie_box::after{display:none;}

.visual-pro .txt h2{font-size:1.2rem;}
.visual-pro .txt p{font-size:2rem;}
}