@charset "utf-8";


a.down { position:relative; display:inline-block; border:1px solid #ccc; background:#fff; padding:10rem 65rem 10rem 30rem; border-radius:30rem; transition:all 0.5s; }
a.down::after { content:''; position:absolute; right:25rem; top:50%; width:20rem; height:20rem; background:url('/uni/125th/img/contents/down_icon.gif') no-repeat center; transform:var(--hcenter); }
a.down:hover { border:1px solid #333; }
/*테이블*/
.table { overflow-x:auto; margin:20rem 0; }
.table table { width:100%; border-top:2px solid #000; margin-left:-1px; }
.table thead th { background:#f9f9f9; padding:10rem; text-align:center; color:#000; }
.table tbody td { padding:10rem; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; font-size:17rem;  }
.table.taC {text-align:center;}


/*125주년 선언문*/
.declaration {position:relative; background:#000; padding:200rem 0; color:#fff; }
.declaration .img_bg { display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:100%; height:100vh; z-index:1; }
.declaration .img_bg img { width:80vw; height:80vh; object-fit:cover ; filter:brightness(0.3); }
.declaration .cont1, 
.declaration .cont2 { position:relative; z-index:2;}
.declaration .cont1 { margin-bottom:100rem; opacity:0; transition:0.5s; }
.declaration .cont1 dt { font-size:35rem; }
.declaration .cont1 dd { font-size:70rem; font-weight:600; line-height:1.3; margin-top:30rem; }
.declaration .cont2 div {font-weight:200; margin-top:50rem; font-size:20rem; opacity:0; transition:opacity 0.5s; }
.declaration .opacity {opacity:1 !important;}
@media all and (max-width:1023px){
    .declaration {padding:50rem 0;}
    .declaration .img_bg {width:100%; height:100%;}
    .declaration .img_bg img {width:100%; height:100%; }
    .declaration .cont1,
    .declaration .cont2 div { opacity:1; }
    .declaration .cont1 {margin-bottom:50rem; text-align:center;}
    .declaration .cont1 dt { font-size:25rem; }
    .declaration .cont1 dd { font-size:50rem; margin-top:20rem; }
    .declaration .cont2 div {margin-top:30rem;}
}
@media all and (max-width:480px){
    .declaration .cont1 dt { font-size:20rem; }
    .declaration .cont1 dd { font-size:40rem; }
}


/*준비위원회*/
.org {position:relative;}
.org::after {content:''; display:table; clear:both; }
.org .org_bg { position:absolute; right:-100rem; top:5%; transition:all 0.8s; z-index:-1; opacity:0.8; }
.org .org_bg.on { top:15%; opacity:0.2; filter:blur(4px);  }
.org > * div:not(.ul_wrap) { position:relative; display:flex; align-items:center; width:200rem; height:200rem; margin:0 auto; border-radius:50%; background:#fff; z-index:2; }
.org > * div:not(.ul_wrap)::before { content:''; position:absolute; left:0; top:0; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:50%; border:5px solid var(--pink); }
.org > * div dl {width:100%; text-align:center;}
.org > * div dl dt { color:var(--pink); font-weight:600; font-size:25rem; margin-bottom:5rem; }
.org > * div dl dd {line-height:1.3; }
.org .cont1 > div:first-of-type { position:relative; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.2);}
.org .cont1 > div:first-of-type::before {content:''; position:absolute; left:50%; top:30rem; width:70rem; height:50rem; transform:var(--wcenter); background:url('/uni/125th/img/contents/org_img.png') no-repeat center/100% auto; border:0; border-radius:0; }
.org .cont1 > div:first-of-type::after {content:''; position:absolute; left:50%; top:50%; width:120%; height:120%; transform:var(--center); border:1px solid var(--pink); border-radius:50%; opacity:0.3; }
.org .cont1 > div:first-of-type dl { padding-top:50rem; }
.org .cont1 > div:nth-of-type(2) { margin:0; background:#fff; }
.org .cont1 > div:nth-of-type(2) div::before { border:5px solid #ddd;}
.org .cont2 { clear:both;  }
.org .cont2 > li { float:left; width:calc((100% - 120rem)/4); margin-left:40rem; }
.org .cont2 > li:nth-of-type(1) {margin-left:0;}
.org .cont2 > li:nth-of-type(1) div::before {opacity:0.4;}
.org .cont2 > li:nth-of-type(2) div::before {opacity:0.6;}
.org .cont2 > li:nth-of-type(3) div::before {opacity:0.8;}
.org .cont2 > li:nth-of-type(4) div::before {opacity:1;}
.org .cont2 {padding-top:100rem; }
.org .cont2 div dl dt { font-size:20rem; }
.org .cont2 .ul_wrap { position:relative; display:flex; align-items:center; border-radius:10rem; padding:30rem; overflow:hidden; margin-top:30rem; min-height:200rem; } 
.org .cont2 .ul_wrap::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--pink); }
.org .cont2 > li:nth-of-type(1) .ul_wrap::before {opacity:0.3;}
.org .cont2 > li:nth-of-type(2) .ul_wrap::before {opacity:0.4;}
.org .cont2 > li:nth-of-type(3) .ul_wrap::before {opacity:0.5;}
.org .cont2 > li:nth-of-type(4) .ul_wrap::before {opacity:0.6;}
.org .cont2 .ul_wrap li { position:relative; padding:5rem 0 5rem 35rem; line-height:1.5; }
.org .cont2 .ul_wrap li span { position:absolute; left:0; top:4rem;; width:28rem; line-height:28rem; font-size:13rem; background:#333; color:#fff; text-align:center; border-radius:50%; }
/*조직도 선*/
.org .cont1, 
.org .cont2, 
.org .cont2 > li { position:relative; }
.org .cont1::before, 
.org .cont1::after, 
.org .cont2::before, 
.org .cont2::after, 
.org .cont2 > li::before { content:''; position:absolute; z-index:1; }
.org .cont1::before { left:50%; top:0; width:5px; height:calc(100% + 50rem); background:rgba(0,0,0,0.1); transform:var(--wcenter); }
.org .cont1::after { top:75%; left:0; width:50%; height:1px; border-top:1px dashed rgba(0,0,0,0.1); }
.org .cont2::before,
.org .cont2::after { left:50%; top:50rem; width:calc(75% + 30rem); height:50rem; border:5px solid rgba(0,0,0,0.1); border-bottom:0; border-radius:20rem 20rem 0 0; transform:var(--wcenter); }
.org .cont2::after { border-top:0; width:25%; border-radius:0; }
@media all and (max-width:1023px){
    .org .cont2 { padding-top:50rem; }
    .org .cont2 > li { width:47.5%; margin:50rem 0 0 5%; }
    .org .cont2 > li:nth-of-type(2n+1) { clear:both; margin:50rem 0 0; }
    .org .cont2 .ul_wrap {margin-top:10rem;}
    /*조직도 선*/
    .org .cont2::before { width:calc(50% + 30rem); }
    .org .cont2::after { display:none; }
}
@media all and (max-width:768px){
    .org .org_bg {display:none; }
    .org .cont2 .ul_wrap {padding:20rem;}
}
@media all and (max-width:480px){
    .org > * div:not(.ul_wrap) {width:160rem; height:160rem; } 
    .org .cont1 > div:first-of-type { width:200rem; height:200rem; }
}

/*역사*/
.history {display:flex; justify-content:space-between; }
.history .fixed { position:relative; width:calc(35% - 50rem); }
.history .fixed .year_txt { position:absolute; font-size:70rem; font-weight:800; color:#222; letter-spacing: -2px; height:120rem; overflow:hidden; }
.history .fixed .year_txt .year { height:120rem; transition:all 0.5s; }
.history .fixed .year_link {position:absolute; top:500rem;}
.history .fixed .photo { z-index:-1; }
.history .fixed .photo div { position:absolute; opacity:0; transition:all 0.5s; }
.history .fixed .photo div.on { opacity:1; }
.history .fixed .photo div img { width:100%; height:100%; object-fit:cover;}
.history .history_list {width:calc(65% - 50rem);}
.history .year_link div { position:relative; cursor:pointer;font-size:15rem; opacity:0.5; white-space:nowrap; transition:all 0.5s; }
.history .year_link div.on { opacity:1; font-size:18rem; font-weight:800; padding-left:13rem; }
.history .year_link div.on::before {content:''; position:absolute; left:0; top:12rem; width:7rem; height:7rem; background:var(--pink); border-radius:50%; }
.history .list_wrap { margin:100rem 0; }
.history .list_wrap:first-of-type {margin-top:0;}
.history .list_wrap li { position:relative; font-size:20rem; padding:15rem 15rem 15rem 200rem; border-bottom:1px solid #ededed; }
.history .list_wrap li strong { position:absolute; left:15rem; top:11rem; color:var(--blue); font-weight:700; font-size:25rem; }
@media all and (max-width:768px){
    .history .fixed { width:200rem; }
    .history .fixed .year_txt,
    .history .fixed .year_txt .year { font-size:40rem; height:65rem;}
    .history .history_list {width:calc(100% - 200rem);}
    .history .list_wrap li { font-size:18rem; padding:50rem 15rem 15rem; }
    .history .list_wrap li strong {font-size:20rem; }
}
@media all and (max-width:480px){
    .history .fixed { width:100rem; }
    .history .fixed .year_txt { display:none; }
    .history .fixed .year_link {top:0;}
    .history .year_link div.on {font-size:16rem;}
    .history .history_list {width:calc(100% - 100rem);}
    
}

/*125년 모습*/
.kmu_story::after { content:''; display:table; clear:both; }
.kmu_story_slide dt strong { font-size:80rem; font-weight:700; line-height:1.3; color:var(--blue); }
.kmu_story_slide dt span { display:block; font-size:40rem; font-style:italic; }
.kmu_story_slide dd { font-size:20rem; margin-top:20rem; color:var(--gray); }
.kmu_story_slide img { width:100%; border-radius:20rem; box-shadow:10rem 10rem 20rem rgba(0,0,0,0.2); }
.kmu_story_slide p { padding-top:30rem; text-align:center; }
@media all and (min-width:1024px){
    #go_back { position:absolute; left:30rem; top:30rem; opacity:0; transition:0.3s; z-index:20; padding:30rem 0 0 100rem; }
    #go_back::after {content:''; position:absolute; left:0; top:0; width:80rem; height:80rem; border:1px solid #ccc; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.1); background:#fff; border-radius:50%; z-index:1; }
    #go_back::before {content:''; position:absolute; left:36rem; top:30rem; width:15rem; height:15rem; border-top:4px solid #555; border-left:4px solid #555; transform:rotate(-45deg); z-index:2; }
    .kmu_story.fixed #go_back { position:fixed; opacity:1; }
    .kmu_story { position:relative; }
    .kmu_story.fixed::before {content:''; position:absolute; left:0; top:0; width:200rem; height:100%; background:linear-gradient(90deg, #fff 5%, transparent 100%); z-index:10; }
    .kmu_story_slide { display:flex; align-items:center; flex-wrap: nowrap; height:100vh; padding:0 200rem; }
    .kmu_story_slide > * { width:700rem; padding:0 40rem; }
    .kmu_story_slide dl { width:500rem ; }
    .kmu_story_slide div {margin-top:100rem;}
    .kmu_story_slide div:nth-of-type(2n) {margin-top:-100rem;}
}
@media all and (max-width:1023px){
    .kmu_story { width:auto !important; }
    #go_back { display:none; }
    .kmu_story_slide dl { text-align:center; padding:50rem 0; }
    .kmu_story_slide dt strong { font-size:70rem; }
    .kmu_story_slide div { float:left; width:50%; padding:0 20rem 50rem; }
    .kmu_story_slide div:nth-of-type(2n-1) { clear:both; }
}
@media all and (max-width:480px){
    .kmu_story_slide div { width:100%; padding:0 10rem 40rem; }
}

/*슬로건 및 엠블럼*/
.slogan_emblem dl { padding-right:300rem; }
.slogan_emblem dt { position:relative; font-size:50rem; }
.slogan_emblem dt img { position:absolute; width:400rem; left:300rem; top:-25rem; }
.slogan_emblem dd { font-size:20rem; color:var(--gray); }
.slogan_emblem .box { position:relative; display:flex; align-items:center; justify-content:center; border:7rem solid #eee; margin:50rem 0 30rem; padding:50rem; }
.slogan_emblem .box::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/uni/125th/img/contents/line_bg.gif'); z-index:-1; opacity:0.07; }
.slogan_emblem a.down { position:absolute; width:210rem; right:0; top:-110rem; }
.slogan_emblem .slogan {margin-top:100rem;}
.slogan_emblem .emblem .box img { max-width:300rem; margin:0 50rem; }
@media all and (max-width:768px){
    .slogan_emblem dl { text-align:center; padding-right:0; padding-bottom:80rem; }
    .slogan_emblem dt { font-size:35rem; }
    .slogan_emblem dt img { left:auto; right:0;}
    .slogan_emblem a.down { right:auto; left:50%; transform:var(--wcenter); }
    .slogan_emblem .emblem .box img { width:50%; margin:0 20rem;}
}

/*찾아오시는 길*/
.daum_map {width:100% !important; border:1px solid #ddd; }
.daum_map .wrap_map {height:400rem !important;}
.daum_map .hide, .daum_map .map_border  {display:none !important; }
.contact_us h4 { font-size:35rem; margin:50rem 0 20rem;}
.contact_us .subway { border:1px solid #ddd; }
.contact_us .subway p { background:rgba(0,0,0,0.5) url('/uni/125th/img/contents/mouse_icon.png') no-repeat 20rem center; color:#fff; font-size:15rem; padding:10rem 10rem 10rem 45rem; }
.contact_us .subway div { padding:50rem 30rem; }
.contact_us .subway .mobile {display:none;}
.contact_us a.down {display:block; width:260rem; margin:30rem auto 0;}
@media all and (max-width:1023px){
    .contact_us .subway .pc { display:none; }
    .contact_us .subway .mobile { display:block; }
    .contact_us .subway div { padding:30rem 10rem; }
}
@media all and (max-width:480px){
    .daum_map .wrap_map {height:250rem !important;}
}

/*기념사업*/
.project {display:flex; justify-content:space-between; min-height:400rem; }
.project .fixed { position:relative; width:42%; }
.project .fixed .photo { z-index:-1; }
.project .fixed .photo div { position:absolute; opacity:0; transition:all 0.3s; }
.project .fixed .photo div img { width:100%; height:100%; object-fit:cover; transition:all 0.5s;  }
.project .fixed .photo div.on { opacity:1; }
.project .fixed .photo div.on img { border-radius:40rem; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.2); }
.project .fixed .photo div p { font-size:15rem; color:var(--gray); margin-top:20rem; text-align:center; }
.project .list {width:52%;}
.project .list dl {margin:40rem 0; }
.project .list dl:first-of-type {margin-top:0; }
.project .list dt { font-size:22rem; font-weight:600; color:#000; margin-bottom:10rem; }
.project .list dt img {display:none;}
.project .list dt span { background: linear-gradient(rgba(220,104,103,0.4) 0 100%); background-position:0 calc(100% + 5px); background-size: 0 12rem; background-repeat: no-repeat; transition: background-size 0.3s; }
.project .list .on dt span { background-size:100% 14px; }
.project .list dd { position:relative; padding:3rem 0 3rem 13rem; }
.project .list dd::before {content:''; position:absolute; left:0; top:15rem; width:5rem; height:5rem; border-radius:50%; background:var(--blue); }
@media all and (max-width:600px){
    .project .fixed {display:none;}
    .project .list {width:100%;}
    .project .list dt img { display:block; border-radius:20rem; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.2); margin:0 auto 20rem; } 
}