@charset "utf-8";
h2{font-family:'nsr','Malgun Gothic';}

/* 공통 메인 컨텐츠 */
.float{float:left;}
@media(max-width:640px) {
    .float{float:none;}
}

#mcontainer{position:relative;background:url('/images/alumni/main/main_visual.jpg') no-repeat center top;}
#mcontainer .layout{max-width:1200px;}
.sns_link{position:absolute;left:0;top:520px;z-index:3;}
.sns_link i{display:inline-block;width:34px;height:34px;background:url('/images/alumni/main/ir_sns.png') no-repeat 0 0;margin-right:6px;vertical-align:middle;}
.sns_link a{width:200px;display:block;color:#fff;font-size:13px;padding:6px 4px;}
.sns_link .link1{border-bottom:1px solid #5a5967;}
.sns_link .link2 i{background-position:0 100%;}

.cnt_box{position:relative;width:936px;padding:67px 0 0 408px;box-sizing:border-box;}
.cnt_box:after{content: '';display:block;clear:both;}
.cnt_box .notice_box{position:relative;width:528px;height:280px;background:#fff;padding:35px 33px 0 35px;box-sizing:border-box;}
.notice_box{float:left;}
.notice_box h2 {float:left;}
.notice_box h2 a{display:inline-block;color:#333;font-size:18px;font-weight:normal;padding:12px 0 0;}
.notice_box .list{display:none;width:100%;position:absolute;left:0;top:97px;}
.notice_box .list li {position:relative;padding:0 0 8px;overflow:hidden;padding:0 33px 0 35px;box-sizing:border-box;line-height:20px;}
.notice_box .list li:first-child a {background: url('/images/alumni/main/board_icon.gif') no-repeat left 1px;}
.notice_box .list li a {position:relative;display:inline-block; padding:0 0 0 22px;font-size:14px; width:70%; color:#666; text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.notice_box .list li a .text:before {content: ''; display: block; position: absolute; top: 13px; left:5px; margin-top: -3px; width: 3px; height: 3px;background-color: #b3b3b3;}
.notice_box .list li:first-child .text:before {width:0;height:0;}
.notice_box .list li .date {float:right;font-size:12px;color:#666;}
.notice_box .list li a:after{content:"";display:block;clear:both}
.notice_box .more {position:absolute; top:-57px; right:35px;}
.notice_box .more a {width:29px; height:29px; display:inline-block;font-size:0;background:url('/images/alumni/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}
.notice_box > ul > li:first-child h2:after {content: ''; display:inline-block;  width: 4px; height: 4px;margin:-1px 18px 0;vertical-align:middle;border-radius:100%;background-color: #959595;}
.notice_box .ov .list{display:block;}
.notice_box h2 .t{border-top:2px solid #fff;}
.notice_box .ov h2 .t{border-top:2px solid #df301d;font-weight:bold;}

.cnt_box .box1{float:left;width:264px;}
.link_box1{width:100%;background:#403f51;}
.link_box1 a{display:block;font-size:16px;color:#fff;height:141px;line-height:141px;padding:0 0 0 60px;}
.link_box1 a:before{content: '';display:inline-block;width:22px; height:35px;margin:-1px 18px 0 0;vertical-align:middle;background:url('/images/alumni/main/icon.png') no-repeat 0 0;}

.link_box2{width:100%;background:#545b75;}
.link_box2 a{display:block;font-size:16px;color:#fff;height:141px;line-height:141px;padding:0 0 0 60px;}
.link_box2 a:before{content: '';display:inline-block;width:32px; height:28px;margin:-1px 13px 0 0;vertical-align:middle;background:url('/images/alumni/main/icon.png') no-repeat -100px 0;}

.link_box3{position:relative;float:left;width:264px;background:#ed392a;}
.link_box3 a{display:block;font-size:15px;color:#fad1cf;height:282px;padding:36px 0 0 37px;}
.link_box3 a strong{display:block;margin-bottom:10px;font-size:18px;color:#fff;}
.link_box3 a:before{content: '';position:absolute;right:41px;bottom:41px;width:80px;height:80px;background:url('/images/alumni/main/icon.png') no-repeat -200px 0;}

.link_box4{position:absolute;right:-264px;top:67px;width:264px;height:282px;background:#8c8c81 url('/images/alumni/main/content_bg1.jpg') no-repeat 100% 0;}
.link_box4 a{display:block;font-size:18px;color:#fff;height:282px;padding:35px 0 0 34px;}
.link_box4 a strong{display:block;margin-bottom:8px;font-weight:normal;font-size:36px;line-height:1;font-family:sans-serif;letter-spacing:-2px;}

.link_box5{position:absolute;right:-264px;bottom:0;width:264px;height:282px;padding:0;background:#727681 url('/images/alumni/main/content_bg2.jpg') no-repeat 100% 120%;}
.link_box5 .group{height:141px;}
.link_box5 .group:after{content: '';display:block;clear:both;}
.link_box5 .group .item{width:100%;height:100%;}
.link_box5 .group .item a{display:block;width:100%;height:100%;line-height:141px;padding:0 0 0 60px;font-size:16px;color:#fff;}
.link_box5 .group:first-child .item{float:left;width:50%}
.link_box5 .group:first-child .item a{padding-left:0; text-align:center}
.link_box5 .group .item.item1 a{background-color:#a7a000}
.link_box5 .group .item.item2 a{background-color:#8a9a9a}
.link_box5 .group .item.last a:before{content: '';display:inline-block;width:29px; height:31px;margin:-8px 13px 0 0;vertical-align:middle;background:url('/images/alumni/main/icon.png') no-repeat 0 -160px;}


.album_list{position:relative;padding:123px 0 60px;overflow:hidden;}
.album_list h2{text-align:center;line-height:1;font-size:26px;color:#333;}

.album_list ul{overflow:hidden;padding-top:38px;}
.album_list li{margin-right:33px;width:275px;float:left;}
.album_list li:last-child{margin-right:0;}
.album_list li .img{display:block;width:100%; box-sizing:border-box;}
.album_list li a{display:block;width:275px;box-sizing:border-box;text-align:center;}
.album_list li .tit{display:block;padding:22px 5px 5px;height:48px;width:100%;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;border:1px solid #d7d7d7;border-width:0 1px 0;font-size:15px;color:#333;}
.album_list li .date{display:block;padding:0 10px;height:40px;width:100%;border:1px solid #d7d7d7;border-width:0 1px 1px;font-size:13px;color:#959595}
.album_list .more{position:absolute;right:0;top:134px;width:42px;height:18px;background:url('/images/alumni/main/more_icon2.gif') no-repeat 0 0;font-size:0;}
.album_list .more a{display:block;width:42px;height:18px;}



@media(max-width:1100px){
    #mcontainer .layout{max-width:100%;padding:0 25px;}
    .cnt_box{padding:40px 0 0 290px;width: 744px;}
    .cnt_box .notice_box{width: 454px;height: 260px;}
    .cnt_box .box1{width:227px;}
    .link_box1 a{padding:0 0 0 49px;height: 130px;line-height: 130px}
    .link_box2 a{padding:0 0 0 49px;height: 130px;line-height: 130px}
    .link_box3{width:227px;height: 260px;}
    .link_box4{width:227px;right:-227px;height: 260px;top: 40px;}
    .link_box5{width:227px;right:-227px;height: 260px;}
    .link_box5 h2{margin-bottom:80px;}
    #mcontainer{background-size:142%;}
    .sns_link{top:450px;left:3%;}

    .album_list{padding:50px 0 20px;}
    .album_list .more{top:62px;right:2%;}
    .album_list li{width:48%;margin-right:4%;margin-bottom:20px;}
    .album_list li a{width:100%;}
    .album_list li .img{overflow:hidden;}
    .album_list li img{width:100%;}
    .album_list li:nth-child(2){margin-right:0;}
    .album_list li:nth-child(4){margin-right:0;}
}
@media(max-width:1000px){
    #mcontainer{background:url('/images/alumni/main/main_visual_2.jpg') no-repeat 0 0;background-size:100% auto;}
    .sns_link{left:auto;top:130px;right:25px;}
    .cnt_box{padding:322px 0 0;width:100%;}
    .cnt_box .notice_box{width:100%;height: 280px;}
    .cnt_box .box1{width:50%;}
    .link_box1 a{padding:0 0 0 96px;}
    .link_box2 a{padding:0 0 0 96px;}
    .link_box3{width:50%;}
    .link_box4{float:left;width:50%;position:relative;right:auto;top:auto;background:#8c8c81 url('/images/alumni/main/content_bg1_2.jpg') no-repeat 100% 0;}
    .link_box5{float:left;width:50%;position:relative;right:auto;bottom:auto;}

    .album_list{padding:50px 0 20px;}
    .album_list .more{top:62px;}
    .album_list li{width:48%;margin-right:4%;margin-bottom:20px;}
    .album_list li a{width:100%;}
    .album_list li .img{overflow:hidden;}
    .album_list li img{width:100%;}
    .album_list li:nth-child(2){margin-right:0;}
    .album_list li:nth-child(4){margin-right:0;}
}
@media(max-width:768px){
    .cnt_box{padding:298px 0 0;}
}
@media(max-width:400px){
    #mcontainer{background:url('/images/alumni/main/main_visual_3.jpg') no-repeat 0 0;background-size:100% auto;}
    .sns_link{position:relative;right:auto;top:auto;padding:280px 0 0;text-align:center;width:100%;}
    .sns_link a{display:inline-block;width:34px;height:34px;overflow:hidden;font-size:0;padding:0;}
    .sns_link i{margin:0;}
    .cnt_box{padding:60px 0 0;}
    .cnt_box .notice_box{padding:35px 20px 0 20px;height: 270px;}
    .notice_box h2 a{font-size:16px;}
    .notice_box .list{top: 90px;}
    .notice_box .list li{padding:0 20px}
    .notice_box .list li a{padding-right:0;}
    .notice_box .list li a .date{display:none;}
    .notice_box .more{right:23px;}
    .cnt_box .box1{width:100%;}
    .link_box1{float:left;width:50%;}
    .link_box1 a, .link_box2 a{padding:0;height:69px;line-height:69px;text-align:center;}
    .link_box1 a::before, .link_box2 a::before{display:none;}
    .link_box3{width:100%;}
    .link_box3 a{height:130px;padding:38px 0 0 25px;}
    .link_box3 a:before{bottom:50%;margin-bottom:-48px;right:26px;background-size:450px 450px;background-position:-130px 0;}
    .link_box4{width:100%;height:130px;background:#8c8c81 url('/images/alumni/main/content_bg1_3.jpg') no-repeat 100% 0;background-size:100%;}
    .link_box4 a{height:130px;padding:30px 0 0 25px;}
    .link_box5{width:100%;/*padding:30px 25px 0;height:130px;*/overflow:hidden;background:#727681 url('/images/alumni/main/content_bg2_3.jpg') no-repeat 100% 100%;}
    .link_box5 h2{margin:0;float:left;}
    .link_box5 ul{float:right;}
    .album_list{padding:27px 0 25px;}
    .album_list .more{top:32px;}
    .album_list li{margin-bottom:10px;}
    .album_list li .img{height:99px;}
    .album_list li .tit{font-size:13px;padding:12px 5px 2px;height:30px;}
    .album_list li .date{height:30px;}
}