@charset "utf-8";

/* header */
#header.main{background:#2897e5; transition:all 0.5s;}
#header.main h1 a{background:url(/young/usr/images/main/logo.png) no-repeat;}

/* 1500 이상 web */
@media all and (min-width:1500px){
    #header.main h1{left:0;}
    #header.main.menu_open{background:#fff;}
    #header.main.menu_open h1 a{background:url(/young/usr/images/common/logo.png) no-repeat;}

    .main #gnb>ul>li>a{color:#fff;}
    .main .top_navi>li>a{color:#fff; border:1px solid #69b6ed;}
    .main.menu_open #gnb>ul>li>a{color:#222}
    .main.menu_open .top_navi>li>a{color:#777; border:1px solid #ddd;}

    #header.main .top_navi{right:0;}
    .main .top_navi>li>button{border:1px solid #69b6ed; background:url(/young/usr/images/main/icon_search.png) no-repeat center;}
    .main.menu_open .top_navi>li>button{border:1px solid #ddd; background:url(/young/usr/images/common/icon_search.png) no-repeat center;}
}
/* t & m 공통*/
@media all and (max-width:1499px){
    #header.main .all_menu:before,
    #header.main .all_menu:after,
    #header.main .all_menu button:before{background:#fff;}

    #header.main .t_btn_search>button{background:url(/young/usr/images/main/icon_search.png) no-repeat;}
}
/* m */
@media all and (max-width:767px){
    #header.main h1 a{background-size:70%;}
    
    #header.main .t_btn_search>button{height:19px;background-size:100%;}
    }

.slide_wrap:after{clear: both; display: block; content: ""}
.slide_wrap{display:block; clear: both}

/* visual */
.visual{background:#2897e5; position:relative; overflow:hidden;}
.visual .info_txt{position: absolute;top: 20px; left: 0; padding: 15px 25px; background: #fff; border-radius: 30px; font-weight: 600; color: #444;z-index:100}
.visual_slide{overflow:hidden; position:relative;}
.visual_slide .slide_wrap{width:30000px;}
.visual_slide .slide_wrap .item{float:left; width:100vw;}

.visual_slide .item>div{padding:50px 20px 0 20px; color:#fff; height:480px}
.visual_slide .item h3{color:#fffc03; font-size:16px; margin-bottom:15px;}
.visual_slide .item .tit{font-size:24px; letter-spacing:-1px;}
.visual_slide .item .tit strong{font-weight:600;}
.visual_slide .item .tit_b{font-size:28px; font-weight:600; line-height:1.2;}
.visual_slide .item .tit_b strong{font-weight:900;}
.visual_slide .item ul{border-left:1px solid #53acea; position:relative; margin-top:20px; padding:15px 15px;}
.visual_slide .item ul:before,
.visual_slide .item ul:after{content:""; display:block; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:-3px;}
.visual_slide .item ul:before{top:0;}
.visual_slide .item ul:after{bottom:0;}
.visual_slide .item li{font-size:16px; margin-top:15px;}
.visual_slide .item li:first-child{margin-top:0}
.visual_slide .item dt{font-size:12px; font-weight:600; line-height:1; opacity:0.8; margin-bottom:5px;}
.visual_slide .item dd{display:block; font-weight:100; line-height:1.2; font-size:14px; max-width:250px;}
.visual_slide .item li:first-child dd{text-overflow: ellipsis; word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3em; height:2.7em;}
.visual_slide .item dd br{display:none;}

.visual_slide .visual01{background:url(/young/usr/images/main/visual.jpg) no-repeat center bottom; background-size:contain;}
.visual_slide .visual02{background:url(/young/usr/images/main/visual02.jpg) no-repeat center bottom; background-size:contain;}
.visual_slide .visual03{background:url(/young/usr/images/main/visual03.jpg) no-repeat center bottom; background-size:contain;}
.visual_slide .visual04{background:url(/young/usr/images/main/visual04.jpg) no-repeat center bottom; background-size:contain;}
.visual_slide .visual05{background:url(/upload_data/board_data/BBS_0000015/174840987845603.jpg) no-repeat center bottom; background-size:contain;}

.visual_slide .slide_nav{position:absolute; bottom:70px; left:20px;}
.visual_slide .slide_nav ul:after{display:block; clear:both; content:"";}
.visual_slide .slide_nav li{float:left;}
.visual_slide .slide_nav button{display:block; float:left; width:12px; height:12px; border-radius:50%; background:#a6ebff; line-height:5000; overflow:hidden; margin-right:10px;}
.visual_slide .slide_nav .slick-active button{width:20px; height:20px; border:4px solid #fff; background:#2897e5; margin-top:-4px}

.visual_slide .basic_btn {background: #fff;display: inline-block;padding: 15px 30px;color: #000;border-radius: 50px;text-align: center;font-size: 20px;}
/* info */
.infozon_slide{overflow:hidden; position:relative; height:160vw; padding:0 10px 0 50px; margin-top:-10px;}
.infozon_slide:before{content:""; display:block; width:1px; height:100%; position:absolute; top:10px; left:27px; background:#fff; opacity:0.4;}
.infozon_slide:after{content:""; display:block; width:100%; height:112px; background:url(/young/usr/images/main/bg_info.png) repeat-x; position:absolute; bottom:0; left:0; z-index:9999;}

.infozon_slide .slide_wrap{height:30000px;}
.infozon_slide .slide_wrap .item{float:left;}

.infozon_slide .info{padding:10px;}
.infozon_slide .info img{border-radius:30px; width:100%; overflow:hidden; box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}

.infozon_slide .slide_control{background:#fff; position:absolute; top:10px; left:10px; width:31px; border-radius:20px;}
.infozon_slide .slide_control button{display:block; width:13px; height:8px; line-height:5000; overflow:hidden; margin:15px auto;}
.infozon_slide .btn_prev{background:url(/young/usr/images/main/arr_t.png) no-repeat center;}
.infozon_slide .btn_play{background:url(/young/usr/images/main/btn_play.png) no-repeat center;}
.infozon_slide .btn_stop{background:url(/young/usr/images/main/btn_stop.png) no-repeat center;}
.infozon_slide .btn_next{background:url(/young/usr/images/main/arr_b.png) no-repeat center;}

@media all and (max-width:768px){
	.visual .info_txt{top:0; padding: 5px 15px;}
}
@media all and (min-width:768px){
    .visual_slide{width:calc(100% - 280px);}
    .visual_slide .slide_wrap .item{width:calc(100vw - 280px);}
    
    .visual_slide .item>div{padding:70px 30px 170px 30px; height:560px}
    .visual_slide .item h3{font-size:18px;}
    .visual_slide .item .tit{font-size:28px;}
    .visual_slide .item .tit_b{font-size:38px; margin-bottom:30px;}
    .visual_slide .item ul{padding:20px 25px;}
    .visual_slide .item li{margin-top:25px}
    .visual_slide .item dt{font-size:14px; margin-bottom:10px}
    .visual_slide .item dd{font-size:15px;}

    .visual_slide .slide_nav{bottom:90px; left:30px;}

    .infozon_slide{width:330px; height:514px; position:absolute; top:70px; right:0;}
}
@media all and (min-width:1500px){
    .cont_wrap{width:1500px; margin:auto; position:relative;}

    .visual_slide .slide_wrap .item{width:1500px;}

    .visual_slide .item>div{padding:180px 0 270px 0; height:890px}
    .visual_slide .item h3{font-size:30px; margin-bottom:20px}
    .visual_slide .item .tit{font-size:50px;}
    .visual_slide .item .tit_b{font-size:70px; margin-bottom:60px; letter-spacing:-3px}
    .visual_slide .item ul{padding-left:30px; margin-left:3px}
    .visual_slide .item dl{position:relative; padding-left:90px;}
    .visual_slide .item dt{font-size:15px; position:absolute; left:0; top:5px}
    .visual_slide .item dd{font-size:18px; max-width:450px;}
.visual_slide .visual05 .tit_b{font-size: 65px;}
    .visual_slide .visual01{background-size:auto; background-position:150px bottom;}
	.visual_slide .visual02,
	.visual_slide .visual03,
	.visual_slide .visual04,
	.visual_slide .visual05{background-size:auto; background-position:0 bottom;}

    .visual_slide .slide_nav{bottom:180px; left:0;}
    .visual_slide .slide_nav button{width:14px; height:14px; margin-right:20px}
    .visual_slide .slide_nav .slick-active button{width:20px; height:20px; margin-top:-3px}

    .infozon_slide .slide_control{width:35px; padding:5px 0;}
    .infozon_slide{width:430px; height:854px; right:0; padding:0 70px 0 10px}
    .infozon_slide:before{left:auto; right:17px;}
    .infozon_slide .slide_control{left:auto; right:0;}
}

/* business */
.business h2{line-height:1.2; font-size:28px; padding:40px 20px 30px 20px;}
.business h2 span{display:block; font-size:16px; opacity:0.1;}

.business_tab{margin-bottom:30px; padding:0 20px;}
.business_tab ul{position:relative; margin-bottom:20px;}
.business_tab li.on:before{content:""; display:block; width:100%; height:4px; position:absolute; bottom:0; left:0; z-index:-1}
.business_tab li{float:left; width:25%; text-align:center; border:1px solid #ddd; border-bottom:0; border-left:0; height:50px; margin-bottom:4px;}
.business_tab li:first-child{border-left:1px solid #ddd;}
.business_tab li.on{background:#fff; margin-bottom:0; height:55px; border:4px solid #e94e3a; border-bottom:0 !important; font-weight:900}
.business_tab li button{display:block; width:100%; height:100%;}
.business_tab li:nth-child(2).on{border:4px solid #a5e93a;}
.business_tab li:nth-child(3).on{border:4px solid #3abae9;}
.business_tab li:nth-child(4).on{border:4px solid #f68517;}

.business .select_wrap select{width:33%; float:left; margin-right:2%;}
.business .select_wrap select option{width:100%; display:block; background:#fafafa; border:0;}
.business .select_wrap button{width:30%; float:left; display:block; color:#fff; background:#18bded; height:40px; border-radius:5px;}
.business .select_wrap .business_num{display:none;}

.business_slide{overflow:hidden; padding:5px 20px;}
.business_slide .slide_wrap{width:30000px;}
.business_slide .slide_wrap .item{float:left; width:calc(100vw - 40px); margin-right:30px;}

.business_slide img{width:100%; position:relative; z-index:-1; margin-bottom:20px}
.business_slide a{position:relative; display:block;}
.business_slide a>strong{display:block; width:100px; height:50px; color:#fff; position:absolute; top:-5px; left:-5px; text-align:center; line-height:3.5;}
.business_slide a>strong:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0.6; z-index:-1}
.business_slide a>strong.mark01:before{background:#1877ed;}
.business_slide a>strong.mark02:before{background:#3ed02f;}
.business_slide a>strong.mark03:before{background:#c06fe5;}
.business_slide dl{border-left:1px solid #f4f4f4; padding:10px 0 10px 20px; position:relative; margin-left:3px}
.business_slide dl:before{content:""; display:block; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; top:0; left:-3px;}
.business_slide dt{font-weight:900; font-size:20px; line-height:1.4; margin-bottom:15px;}
.business_slide dt strong{display:block; font-size:15px; font-weight:900}
.business_slide dt + dd{font-size:14px; color:#444; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom:10px;}
.business_slide dt + dd + dd{background:#fafafa; padding:10px 25px; font-size:13px; position:relative; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.business_slide dt + dd + dd:before{content:""; display:none; background:#aaa; width:3px; height:3px; border-radius:50%; position:absolute; top:0; bottom:0; margin:auto; left:15px;}
.business_slide dt + dd + dd strong{color:#aaa;}
.business_slide dt + dd + dd span{color:#aaa; display:inline-block; padding:0 10px;}
.business_slide dd:last-child{display:block;width:80px;height:30px;border-radius:30px;position:absolute;top:0;right:0;border:1px solid #ddd;text-align:center;line-height:2;font-size:14px;font-weight:900;padding: 0;}
.business_slide dd:last-child.mark_proceeding{background:#18bded; border:1px solid #18bded; color:#fff;}
.business_slide dd:last-child.mark_always{background:#e3412c; border:1px solid #e3412c; color:#fff;}
.business_slide dd:last-child.mark_end{background:#777; border:1px solid #777; color:#fff;}

.business_slide .slide_control{text-align:center; margin-top:15px;}
.business_slide .slide_control ul{display:inline-block;}
.business_slide .slide_control ul:after{display:block; content:""; clear:both;}
.business_slide .slide_control li{display:inline-block; margin-right:10px;}
.business_slide .slide_control li:last-child{margin-right:0;}
.business_slide .slide_control button{display:inline-block; width:12px; height:12px; border-radius:50%; background:#f4f4f4; line-height:5000; overflow:hidden; vertical-align:middle;}
.business_slide .slide_control .slick-active button{width:20px; height:20px; border:4px solid #3fcdf6; background:#fff;}
.business_slide .slide_control .btn_prev,
.business_slide .slide_control .btn_next{background:url(/young/usr/images/main/arr_l.png) no-repeat center; line-height:5000; overflow:hidden; height:13px; width:20px; margin-right:10px;}
.business_slide .slide_control .btn_next{transform:rotate(180deg); margin-left:10px; margin-right:0;}

.business_tab li:first-child.on:before,
.business_slide dl.list_participation:before{background:#e94e3a}
.business_tab li:nth-child(2).on:before,
.business_slide dl.list_work:before{background:#98d81c}
.business_tab li:nth-child(3).on:before,
.business_slide dl.list_dwelling:before{background:#3abae9}
.business_tab li:nth-child(4).on:before,
.business_slide dl.list_welfare:before{background:#f68517}

.business_slide .list_participation dt strong{color:#e94e3a;}
.business_slide .list_work dt strong{color:#98d81c;}
.business_slide .list_dwelling dt strong{color:#3abae9;}
.business_slide .list_welfare dt strong{color:#f68517;}
@media all and (min-width:768px){
    .business h2{font-size:32px; padding:60px 30px 50px 30px;}

    .business_tab{padding:0 30px; margin-bottom:40px;}
    .business_tab li button{padding:5px 0 5px 29px; font-size:16px;}
    .business_tab li:first-child button{background:url(/young/usr/images/main/icon_people_off.png) no-repeat; background-position:51px 10px}
    .business_tab li:first-child.on button{background:url(/young/usr/images/main/icon_people.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(2) button{background:url(/young/usr/images/main/icon_note_off.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(2).on button{background:url(/young/usr/images/main/icon_note.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(3) button{background:url(/young/usr/images/main/icon_home_off.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(3).on button{background:url(/young/usr/images/main/icon_home.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(4) button{background:url(/young/usr/images/main/icon_idea_off.png) no-repeat; background-position:51px 10px}
    .business_tab li:nth-child(4).on button{background:url(/young/usr/images/main/icon_idea.png) no-repeat; background-position:51px 10px}
    
    .business_slide{padding:5px 30px;}
    .business_slide .slide_wrap .item{width:calc(50vw - 50px); margin-right:40px}
    
    .business_slide .slide_control{margin-top:30px;}
}
@keyframes bgTBmove {
    0% {background-size:48% 32px}
    50% {background-size:48% 28px}
    to {background-size:48% 28px}
}
@media all and (min-width:1500px){
    .business{width:1500px; margin:auto;}
    .business h2{padding:120px 0 60px 0; font-size:45px;}
    .business h2 span{font-size:20px;}

    .business_tab{padding:0; position:relative;}
    .business_tab li{width:228px; height:74px; margin-right:15px; border:1px solid #ddd; border-bottom:0;}
    .business_tab li button{font-size:22px;}
    .business_tab li:first-child button,
    .business_tab li:first-child.on button{background-position:62px 22px}
    .business_tab li:nth-child(2) button,
    .business_tab li:nth-child(2).on button{background-position:60px 21px}
    .business_tab li:nth-child(3) button,
    .business_tab li:nth-child(3).on button{background-position:70px 21px}
    .business_tab li:nth-child(4) button,
    .business_tab li:nth-child(4).on button{background-position:70px 19px}
    .business_tab li.on{height:78px;}

    .business .select_wrap{position:absolute; top:0; right:0; background:#f4f4f4; width:35%; padding:17px 20px;}
    .business .select_wrap select{width:35%;}
    .business .select_wrap button{position:absolute; bottom:0; right:0; width:23%; height:114px; border-radius:0; background:#18bded url(/young/usr/images/main/icon_search.png) no-repeat 48% 32px; padding:40px 0 0 0; font-size:18px; }
	    .business .select_wrap .business_num{display:block; position:absolute; top:-80px; right:-40px; background:url(/young/usr/images/main/business_num.png) no-repeat; width:70px; height:70px; font-size:16px; text-align:center; line-height:3.5; color:#18bded; font-weight:900; letter-spacing:1px;}
    .business .select_wrap .business_num strong{font-size:20px; font-weight:900; letter-spacing:0;}

    .business_slide{padding:5px 5px; margin-left:-5px}
    .business_slide .slide_wrap .item{width:460px; margin-right:60px}

    .business_slide img{margin-bottom:40px;}
    .business_slide dl{padding-left:35px;}
    .business_slide dt{font-size:28px; margin-bottom:20px}
    .business_slide dt strong{font-size:18px;}
    .business_slide dt + dd{font-size:16px; margin-bottom:15px;}
    .business_slide dt + dd + dd{font-size:15px; padding:12px 40px; line-height:1.5}
    .business_slide dt + dd + dd:before{width:5px; height:5px; left:25px; bottom:3px}

    .business_slide .slide_control{margin-top:60px;}
	.business_slide .slide_control li{margin-right:20px;}
    .business_slide .slide_control button{width:15px; height:15px;}
    .business_slide .slide_control .slick-active button{border:5px solid #3fcdf6; width:22px; height:22px;}
	.business_slide .slide_control .btn_prev{margin-right:15px;}
	.business_slide .slide_control .btn_next{margin-left:15px;}

    .business_slide .item a>strong{width:112px; height:65px; font-size:18px;}
}

/* sns */
.sns{margin:40px 20px; position:relative;}
.sns h2{line-height:1.2; font-size:28px; margin-bottom:10px;}
.sns h2 span{display:block; font-size:16px; opacity:0.1;}
.sns h2 + p{margin-bottom:30px;}
.sns h2 + p a,
.sns i{display:inline-block; width:45px; height:45px; border-radius:50%; background:#ddd; line-height:5000; overflow:hidden;}
.sns .blog{background:#39b54a url(/young/usr/images/main/icon_b.png) no-repeat center;}
.sns .facebook{background:#283891 url(/young/usr/images/main/icon_f.png) no-repeat center;}
.sns .youtube{background:#f12a2a url(/young/usr/images/main/icon_youtube.png) no-repeat center;}
.sns .insta{background:#8916f5 url(/young/usr/images/main/icon_insta.png) no-repeat center;}
.sns .sigor{background:#4ab35a url(/young/usr/images/main/icon_sigor.png) no-repeat center;}

.sns_slide{overflow:hidden;}
.sns_slide .slide_wrap{width:30000px;}
.sns_slide .slide_wrap .item{float:left; width:calc(100vw - 40px); margin-right:30px; position:relative;}


.sns_slide .item .sns_img{overflow:hidden; position:relative; background:#ddd}
.sns_slide .item .sns_img img{width:100%; margin:auto;}
.sns_slide .item i{position:absolute; top:20px; right:20px;}
.sns_mark span{position:absolute; top:28px; left:0; display:block; color:#fff; padding:0 10px 5px 20px; font-weight:100; opacity:0.5; letter-spacing:1px;}
.sns_mark span:before{content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; bottom:0; left:0; opacity:0.5;}
.sns_mark span:after{content:""; display:block; width:5px; height:5px; background:#fff; position:absolute; bottom:-2px; right:0; border-radius:50%;}
.sns_tit{position:absolute; bottom:0; left:0; width:100%; padding:10vh 20px 25px 20px}
.sns_tit:before{content:""; display:block; width:100%; position:absolute; left:0; bottom:0; background:url(/young/usr/images/main/bg_sns.png) repeat-x 0; background-size:contain; height:100%; color:#fff;}
.sns_tit span{color:#fff; font-size:14px; font-weight:100; position:relative; z-index:1; line-height:3}
.sns_tit strong{color:#fff; display:block; font-size:20px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; position:relative; z-index:1; font-weight:100}
.sns_sum{width:32px; height:32px; overflow:hidden; border-radius:50%; margin-right:5px; vertical-align:middle; margin-top:-5px}

.sns_slide .item ul{position:absolute; top:20px; right:20px;}
.sns_slide .item ul i{position:relative;top:auto; right:auto;}

.sns_slide .slide_nav{text-align:center; margin-top:20px;}
.sns_slide .slide_nav li{display:inline-block; margin-right:10px;}
.sns_slide .slide_nav li:last-child{margin-right:0;}
.sns_slide .slide_nav button{display:inline-block; width:12px; height:12px; border-radius:50%; background:#f4f4f4; line-height:5000; overflow:hidden; vertical-align:middle;}
.sns_slide .slide_nav .slick-active button{width:20px; height:20px; border:4px solid #39b54a; background:#fff;}
@media all and (min-width:768px){
    .sns{margin:60px 30px;}
    .sns h2{font-size:32px; margin-bottom:30px;}
    .sns h2 + p{position:absolute; top:15px; right:0;}

    .sns_slide .slide_wrap .item{width:calc(33.3vw - 46px); margin-right:40px}
   
    .sns_slide .slide_nav{margin-top:30px;}
}
@media all and (min-width:1500px){
    .sns{margin:100px auto; width:1500px;}
    .sns h2{font-size:45px; margin-bottom:60px;}
    .sns h2 span{font-size:20px;}
    .sns h2 + p{top:25px;}
    .sns h2 + p a{margin-left:10px;}

    .sns_slide .slide_wrap .item{width:345px}

    .sns_slide .item i{top:40px; right:30px;}
    .sns_mark span{top:45px; padding-left:40px;}
    .sns_tit{padding:10vh 40px 60px 40px}
    .sns_tit span{font-size:15px;}
    .sns_tit strong{font-size:22px;}

    .sns_slide .slide_nav{margin-top:60px;}
	.sns_slide .slide_nav li{margin-right:20px;}
    .sns_slide .slide_nav button{width:15px; height:15px;}
    .sns_slide .slide_nav .slick-active button{border:5px solid #39b54a; width:22px; height:22px;}
}

/* news */
.news{background:#f4f4f4; padding:40px 20px;}
.news:after{content:""; display:block; clear:both;}
.news h2{font-size:26px; font-weight:300; margin-bottom:15px;}
.news h2 span{display:block; color:#3fcdf6; font-weight:300; font-size:14px;}
.news h2 strong{font-weight:900;}

.projects{margin-bottom:40px; position:relative;}

.project_slide{position:relative; padding:0 40px; overflow:hidden;}
.project_slide .slide_wrap{width:30000px;}
.project_slide .slide_wrap .item{float:left; width:calc(100vw - 120px); margin-right:80px; position:relative;}

.project_list{background:#fff; padding:20px 20px;}
.project_list>p{display:none;}
.project_list dt strong{border:1px solid #ddd; display:inline-block; padding:6px 12px; border-radius:30px; font-size:12px; line-height:1; margin-bottom:5px;}
.project_list .tit_gochang{color:#3c84de; border:1px solid #3c84de;}
.project_list .tit_jb{color:#95da10; border:1px solid #95da10;}
.project_list .tit_center{color:#ff8416; border:1px solid #ff8416;}
.project_list dt span{display:block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-size:17px; border-bottom:1px solid #ddd; font-weight:600; padding-bottom:10px; margin-bottom:10px;}
.project_list dd{display:block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; height:1.2em; font-size:14px;}

.project_slide .slide_control button{display:block; position:absolute; top:0; bottom:0; margin:auto; width:30px; height:30px; line-height:5000; overflow:hidden;}
.project_slide .slide_control .btn_prev{background:url(/young/usr/images/main/btn_prev.png) no-repeat; background-size:100%; left:0}
.project_slide .slide_control .btn_next{background:url(/young/usr/images/main/btn_next.png) no-repeat; background-size:100%; right:0}

.projects .btn_more a{display:inline-block; position:absolute; top:28px; right:0; padding:3px 12px; background:#444; color:#fff; border-radius:30px;}

.notice{position:relative;}
.notice ul{position:relative;}
.notice ul:before{content:""; display:block; width:100%; height:1px; background:#e9e9e9; position:absolute; top:38px; left:0;}
.notice li{position:relative; margin-top:30px;}
.notice li:first-child{margin-top:0;}
.notice p{text-align:center; font-size:13px; width:40px; line-height:1.3; color:#aaa; margin-bottom:25px;}
.notice p strong{display:block; width:40px; height:40px; border-radius:50%; color:#fff; background:#3fcdf6; line-height:3; position:relative; z-index:1}
.notice li:nth-child(2) p strong{background:#ccc}
.notice dt{font-size:17px; font-weight:900; display:block; text-overflow:ellipsis; word-break: break-word; overflow: hidden; -webkit-display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em; margin-bottom:15px;}
.notice dd{font-size:13px; display:block; text-overflow:ellipsis; word-break: break-word; overflow: hidden; -webkit-display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; height:2.8em; color:#444; opacity:0.5; font-weight:100}
.notice li:nth-child(2){display:none;}
.notice li:nth-child(2) dt{opacity:0.7}
.notice li:nth-child(2) dt,
.notice li:nth-child(2) dd{display:block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; height:1.2em}
.notice .btn_plus{background:url(/young/usr/images/main/btn_plus.png) no-repeat; background-size:100%; line-height:5000; overflow:hidden; width:35px; height:35px; position:absolute; top:98px; right:0;}
.notice .btn_plus a{display:block;}
@media all and (min-width:768px){
    .news{padding:60px 30px;}
    .news h2{font-size:28px;}

    .projects{width:53%; float:left; margin-bottom:0;}
    .project_slide{padding:0 50px;}
    .project_slide .slide_wrap .item{width:calc(53vw - 135px)}
    .project_slide .slide_control button{width:40px; height:40px}

    .project_list{padding:40px 30px 40px 150px; position:relative;}
    .project_list>p{display:block; position:absolute; top:40px; left:30px;}
    .project_list>p:before{content:""; display:block; width:45px; height:45px; border-radius:50%; position:absolute; left:0; top:-10px; z-index:1; opacity:0.8}
    .project_list i{width:100px; height:100px; overflow:hidden; line-height:5000; display:block;}
    .project_list>p span{z-index:5; color:#fff; display:block; text-align:center; width:45px; line-height:3.2; position:absolute; top:-10px; left:0;}
    .project_list .participation:before{background:#e94e3a;}
    .project_list .participation i{background:url(/young/usr/images/main/icon_participation.png) no-repeat; background-size:100%;}
    .project_list .work:before{background:#98d81c;}
    .project_list .work i{background:url(/young/usr/images/main/icon_work.png) no-repeat; background-size:100%;}
    .project_list .dwelling:before{background:#3abae9;}
    .project_list .dwelling i{background:url(/young/usr/images/main/icon_dwelling.png) no-repeat; background-size:100%;}
    .project_list .welfare:before{background:#e9743a;}
    .project_list .welfare i{background:url(/young/usr/images/main/icon_welfare.png) no-repeat; background-size:100%;}

    .notice{width:41%; float:right;}
}
@media all and (min-width:1500px){
    .news{padding:100px 0;}
    .news h2{font-size:40px; margin-bottom:40px;}
    .news h2 span{font-size:20px;}

    .projects{width:47%; float:left; margin-bottom:0;}
    .project_slide{padding:0 70px;}
    .project_slide .slide_wrap .item{width:565px;}
    .project_slide .slide_control button{width:40px; height:40px}

    .project_list{padding:50px 50px 60px 210px;}
    .project_list>p{top:65px; left:50px;}
    .project_list>p:before{width:54px; height:54px;}
    .project_list>p span{width:54px; line-height:3.4}
    .project_list i{width:128px; height:128px;}
    .project_list dt strong{font-size:16px; padding:8px 18px; margin-bottom:10px;}
    .project_list dt span{font-size:26px; margin-bottom:25px; padding-bottom:15px;}

    .project_slide .slide_control button{width:45px; height:45px;}

    .notice{width:47%}
    .notice li{float:left; width:46%;}
    .notice li:nth-child(2){display:block; float:right; margin-top:0;}
    .notice p{margin-bottom:40px;}
    .notice p strong{font-size:18px; line-height:2.3}
    .notice dt{font-size:22px; margin-bottom:20px;}
    .notice dd{font-size:15px;}
    .notice li:nth-child(2) dt{font-size:18px;}
    .notice li:nth-child(2) dd{font-size:15px;}
    .notice .btn_plus{top:150px; width:41px; height:41px;}
    .projects .btn_more a{top:48px;}
}