@charset "utf-8";

/**폰트**/
@font-face{font-family:'Paper Thin';font-style:normal;src:url(/sites/50th/font/Paperlogy-1Thin.woff) format("woff")}
@font-face{font-family:'Paper ExtraLight';font-style:normal;src:url(/sites/50th/font/Paperlogy-2ExtraLight.woff) format("woff")}
@font-face{font-family:'Paper Light';font-style:normal;src:url(/sites/50th/font/Paperlogy-3Light.woff) format("woff")}
@font-face{font-family:'Paper Regular';font-style:normal;src:url(/sites/50th/font/Paperlogy-4Regular.woff) format("woff")}
@font-face{font-family:'Paper Medium';font-style:normal;src:url(/sites/50th/font/Paperlogy-5Medium.woff) format("woff")}
@font-face{font-family:'Paper SemiBold';font-style:normal;src:url(/sites/50th/font/Paperlogy-6SemiBold.woff) format("woff")}
@font-face{font-family:'Paper Bold';font-style:normal;src:url(/sites/50th/font/Paperlogy-7Bold.woff) format("woff")}
@font-face{font-family:'Paper ExtraBold';font-style:normal;src:url(/sites/50th/font/Paperlogy-8ExtraBold.woff) format("woff")}
@font-face{font-family:'Paper Black';font-style:normal;src:url(/sites/50th/font/Paperlogy-9Black.woff) format("woff")}

@font-face{font-family:'Noto Bold';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Bold.woff) format("woff")}

/***{font-family:'Paper Light';}**/
.sub .objHeading_h2{font-family:'Paper Bold';}
.sub .objHeading_h3{font-family:'Paper SemiBold';}
.sub .table_1 thead th{background:#f5f7f8;color:#333333;font-family: 'Paper Bold';font-weight:normal;font-size: 18px;}
.sub .table_1 tbody th{font-family:'Paper Regular';font-size: 16px;color: #333;font-weight: normal;}
.sub .table_1 tbody td{font-family:'Paper Regular';font-size: 16px;color: #666;font-weight: normal;}
.sub ._objHtml p{font-family:'Paper Regular';color:#555;font-size:18px;}

/**공통 header**/
body .gotoSitemap{background:url('../../images/sitemap-icon.png') no-repeat center;width: 22px;}
body .gnb{position:initial;width: 22px;height: 85px;/* text-indent: -9999px; */background: url('../../images/lg-btn.png') no-repeat center;}
body .gnb .sign::after{display:none;}
body .gotoSeoil{margin-left:0;font-family:'Paper Light';}
body .gnb .sign{height:100%;}
body .gnb .sign a{color:#fff;font-size: 14px;display: block;text-indent: -9999px;width: 22px;height: 85px;}
body .gotoAdmission{font-family:'Paper Light';}
body .gnb .sign::after{background:#fff;}
body .head_logo a span::before{background:#fff;height: 15px;top: 6px;}
body .head_logo a img.logo_w{display:block;}
body .head_logo a img.logo_c{display:none;}

@media all and (min-width:1281px){
  body header{max-width:1600px;margin:0 auto;left:50%;transform:translate(-50%, 0);background:none;}
  body header .container{background:none;border-top: 1px solid rgba(255,255,255,0.3);}

  body .head_logo{padding-left:0;}
  body .head_navi{width: calc(100% - 585px);}
  body .openFullPopup{right:0;}
  body .openFullPopup span{color:#fff;font-size: 14px;font-family: 'Paper Light';}
  body .menuUItop .a_1{color:#fff;font-family:'Paper Medium';letter-spacing:1px;}
  body .head_logo a span{color:#fff;padding-left: 12px;margin: 0 0 0 40px;}  
  body .menuUItop .div_2::before{display:none;}
  body .navGab{display:none;}
  body .menuUItop .li_1{position:relative;}
  body .menuUItop .li_2{width:100%;margin: 0;text-align: center;margin-bottom: 10px;}
  body .menuUItop .a_2{text-align:center;border-bottom:0;font-size:18px;color:#cde2f0;font-family: 'Paper Regular';display: inline-block;}
  body .menuUItop .a_2:before{width:0;top: 85%;height: 1px;background:#fff;}
  body .menuUItop .a_2:hover{color:#fff;}
  body .menuUItop .a_2:hover:before{width:100%;background:#fff;}
  body .menuUItop .li_2:hover .a_2,
  body .menuUItop .a_2._active{border-color:#fff;color:#fff;}
  body .menuUItop .a_1::before{display:none;}
  body .menuUItop .div_2{padding: 0;padding-top:30px;}

  body.navOn .menuUItop .div_2{display:block;}
  body.navOn .menuUItop .a_1{color:#333;}
  body.navOn .head_logo a span{color:#333;}  
  body.navOn .head_logo a span::before{background:#333;}
  body.navOn .head_logo a img.logo_w{display:none;}
  body.navOn .head_logo a img.logo_c{display:block;}
  body.navOn .openFullPopup span{color:#333;}

  body.navOn .gnb{background:url('../../images/lg-btn-on.png') no-repeat center;}
  body.navOn .gotoSitemap{background:url('../../images/sitemap-icon-on.png') no-repeat center;}

  body .openFullPopup .fPopLength{background:#7fbe25;}
  body.navOn:before{content:'';width:100%;height:120px;background:#fff;position:absolute;left:0;top:0;z-index: 2;}
  body.navOn header .container{border-top:1px solid #efefef;}

  .nav-logo{padding: 50px 40px;display: flex;align-items: flex-end;flex-wrap:wrap;bottom:0;content:"";position:fixed;left: 0;top:120px;width:100%;height: 280px;/**background: linear-gradient(82deg, rgba(5, 155, 220, 1) 0%, rgba(1, 64, 153, 1) 50%);**/z-index: 2;flex-direction: column-reverse;display:none;background-image:url('../../images/seoil-logo-mark.png'), url('../../images/gnb-bg.jpg');background-position:150px 50px, 0 0;background-repeat:no-repeat, repeat;background-size: auto, cover;}

  .nav-logo::before{content:"";display:block;width:100%;height:40px;background:url(/sites/style_guide/images/common/mNav_bg_3.png) no-repeat left center;background-size:150px;}
  .nav-logo::after{content:"서일에서 내일을 밝혀라!";font-size:15px;color:#FFF;font-family:'Paper Regular';display:block;width:100%;}
  body.navOn .nav-logo{display:flex;}
}

/*스크롤시*/
@media all and (min-width:1281px){
  body.fix header{background:#fff;}
  body.fix header .container{margin-top:-34px;background:#fff;max-width:1600px;margin-left:auto;margin-right:auto;border-top:0;position: initial;}
  body.fix header{max-width:100%;}
  body.fix .menuUItop .a_1{color:#333;}
  body.fix .head_logo a span{color:#333;}  
  body.fix .gotoSeoil,
  body.fix .gotoAdmission,
  body.fix .openFullPopup{opacity:0;}
  body.fix .head_logo a span::before{background:#333;}
  body.fix .head_logo a img.logo_w{display:none;}
  body.fix .head_logo a img.logo_c{display:block;}
  body.fix.navOn .nav-logo{top:85px;}
  body.fix .gnb{background:url('../../images/lg-btn-on.png') no-repeat center;}
  body.fix .gotoSitemap{background:url('../../images/sitemap-icon-on.png') no-repeat center;}
}

@media all and (max-width:1600px){
  body header{max-width:96%;margin:0 auto;}
  body.fix header .container{max-width:96%;}  
}

@media all and (max-width:1280px){
  body header{max-width:100%;}
  body.fix header .container{max-width:100%;}  
  body .head_logo a img.logo_w{display:none !important;}
  body .head_logo a img.logo_c{display:block !important;}
}

body.subType_2 .wrap_page_func{width:100%;margin-left:0;left:0;bottom: -1px;background: rgba(255,255,255,0.85);z-index: 1;}
body.subType_2 .wrap_page_func .container{width:1600px;margin:0 auto;}
body.subType_2 .sub_navi > ul > li.home a{width:65px;height:65px;background:url('../../images/sub-nav-home-icon.png') no-repeat center;}
body.subType_2 .sub_navi > ul > li > button{height:65px;font-size: 20px;color: #000;font-family: 'Paper Regular';min-width: 295px;padding: 0 25px;}
body.subType_2 .sub_navi > ul > li > button:hover{font-family:'Paper Bold';}
body.subType_2 .sub_navi > ul > li:after{content:'';width:1px;height:30px;background:#d1c9c5;position:absolute;right:0;}
body.subType_2 .sub_navi > ul > li > button::after{width:28px;height:28px;background:url('../../images/sub-nav-arr-icon.png') no-repeat center;}
body.subType_2 .sub_navi > ul > li:last-child > button::after{display:block;}

body.subType_2.sub .wrap_contents{padding-top:440px;}
body.sub .wrap_sub{height:440px;}
body.sub .wrap_contents .inner{padding:60px 0 100px;}
body .page_title{display:flex;justify-content: space-between;position:relative;margin-bottom: 70px;align-items: center;}
body .page_title h1{font-family:'Paper Bold';font-size:45px;color:#2b2b2b;background:#fff;padding-right:35px;}
body .page_title::before{content:'';width:100%;height:1px;background:#d2d2d2;position:absolute;left:0;top:22px;animation-name:becomeLong;animation-delay:.5s;animation-duration:1.5s;animation-fill-mode:both;}
body .page_title h1::after{display:none;}
body .sub_util{background:#fff;z-index:1;padding-left:35px;}
body .sub_util > ul{gap:10px;}
body .sub_util .sub_print{background:url('../../images/sub-util-icon3.png') no-repeat center;}
body .sub_util .sub_favo{background:url('../../images/sub-util-icon1.png') no-repeat center;}
body .sub_util .sub_share{background:url('../../images/sub-util-icon2.png') no-repeat center;}

body .wrap_sub_visual .visual_intro strong{font-family:'Paper Bold';font-size:45px;}
body .wrap_sub_visual .visual_intro span{margin-left:20px;line-height: 1.8;padding-top: 5px;}
body .wrap_sub_visual .visual_intro span::before{font-family:'Paper Regular';font-size:15px;padding-bottom: 3px;}
body .wrap_sub_visual .visual_intro span::after{font-family:'Paper Regular';font-size:15px;}
body .sub_navi > ul > li ul{bottom: unset;max-height:190px;top: 65px;}
body .sub_navi > ul > li ul li a{padding:12px 15px;}

@keyframes becomeLong{
  0%{width:0;}
  100%{width:100%;}
}

body .box_sub_favo{right:0;left:unset;bottom: unset;}
body .box_sub_share{right:0;left:unset;bottom: unset;}
body .box_sub_share ul{padding:0 50px 0 15px;}
body .box_sub_share .close{left:unset;right:0;}

@media all and (max-width:1280px){
  body .wrap_sub_visual .visual_intro strong{font-size:35px;}
  body.subType_2 .sub_navi > ul > li.home a{width:55px;height:55px;}
  body.subType_2 .sub_navi > ul > li > button{font-size:18px;min-width: 220px;height: 55px;}
  body.subType_2 .sub_navi > ul > li:after{display:block;}
  body .page_title h1{font-size:35px;}
  body .sub_navi > ul > li ul{top:55px;}
}

@media all and (max-width:767px){
  body.subType_2.sub .wrap_contents{padding-top:300px;}
  body.subType_2 .sub_navi > ul > li:after{top:15px;}
  body.sub .wrap_sub{height:300px;}
  body .page_title h1{font-size: 24px;}
  body .wrap_sub_visual .visual_intro strong{font-size:25px;}
  body .wrap_sub_visual .visual_intro span{margin-left:0;}
  body .wrap_sub_visual .visual_intro span::before{line-height:1.4;}
  body .wrap_sub_visual .visual_intro span::after{display:none;}
  body .wrap_sub_visual .visual_intro{width:100%;padding:0 20px;}
  body.sub .wrap_contents .inner{max-width:100%;padding: 35px 20px 100px;}
  body .page_title{margin-bottom:35px;}
  body .page_title::before{top: 19px;}
  body.subType_2 .sub_navi > ul > li.home a{background-size:22px;}
  body.subType_2 .sub_navi > ul > li > button::after{width:20px;height:20px;background-size:contain;margin-right: 0;}
  body .sub_util{padding-left:10px;}

  body .sub_util .sub_share{width:35px;height:35px;background-size: 20px;}
  body .box_sub_share{top:50px;}
}

body footer{background:#222930;}
body footer .container{max-width:1600px;margin:0 auto;}
body footer .fnb{padding:30px 0;}
body footer .fnb a{font-size:16px;font-family:'Paper Light';margin:0 15px;}
body footer .fnb li::after{display:none;}
body footer .foot_info address strong,
body footer .foot_info address,
body footer .foot_info address span{font-size: 15px;font-family:'Paper Regular';color:#fff;}
body footer .foot_info p{margin-top:10px;color:#616e7a;font-family:'Paper SemiBold';font-size:14px;letter-spacing:0.5px;}
body footer .foot_info p span{color:#616e7a;font-family:'Paper SemiBold';font-size:14px;}
body footer .fnb a.a_1,
body footer .fnb a:hover{color:#faba01;}
body footer .foot_sns{top:27px;}
body footer .wrap{padding:55px 0 60px;}
body footer .wrap::before{background:url('../../images/footer-logo.png') no-repeat left center;width:172px;height:53px;}
body footer .foot_link{bottom:70px;}
body footer .foot_link .openLinkList{font-size:16px;font-family:'Paper Light';border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;padding:15px 12px;}
body footer .foot_link .item{width:48%;}
body footer .foot_link .openLinkList::after{background:url('../../images/footer-arr.png') no-repeat center;}
body footer .foot_link .openLinkList.active,
body footer .foot_link .openLinkList:hover{color:#fff;}
body footer .foot_link .openLinkList.active::after,
body footer .foot_link .openLinkList:hover::after{background:url(../../images/footer-arr.png) center;transform:rotate(180deg);}

@media all and (max-width:1280px){
  body footer{padding:0 40px;}
  body footer .foot_link{position:absolute;bottom: 145px;width: 520px;right: 0;}
  body footer .wrap{padding-top:100px;padding-bottom: 0;}
  body footer .foot_sns{padding-left:0;top: unset;bottom: 150px;}
}

@media all and (max-width:767px){
  body footer{padding:0 20px;}
  body footer .fnb ul{justify-content:center;}
  body footer .wrap{padding: 15px 0 40px;flex-direction: column-reverse;}
  body footer .foot_sns{position: absolute;bottom: 180px;justify-content: center;padding-top: 0;}
  body footer .foot_link{/* position:relative; */width: 100%;padding: 0 20px;bottom: 235px;}
  body footer .foot_info address{padding-bottom: 150px;text-align: center;}
  body footer .foot_info address strong{display:inline-block;margin-right:5px;}
  body footer .foot_link .openLinkList{font-size:14px;padding-bottom:12px;}
  body footer .foot_info p{font-size:13px;}
  body footer .foot_info p span{display:inline-block;font-size: 13px;}
  body footer .fnb li{margin:3px 0;}
  body footer .fnb a{font-size:15px;}
}


/***fnct**/
@media all and (max-width:767px) {
  .board-album .list-album{padding:0;display: grid;grid-template-columns: 1fr 1fr;gap: 10px;padding:10px 0;}
  .board-album .box{padding:0;}
  .board-album.horizon3 .thumb,
  .board-album.horizon4 .thumb{height:120px;}
  .board-album .list-album > li:hover .info{display:none;}
}

.main_visual_logo{position: absolute; left: 50%; top: 190px; transform: translateX(-50%);}