@charset "utf-8";

/* 공지사항 */
.list_style_0_con{}
.list_style_0_con .list_style_0{border-left:1px solid rgba(255,255,255,0.2);}
/*.list_style_0_con .list_style_0 > a{display: block; padding-left: 30px; padding-right: 30px;}*/
.main_visual_wrap .list_style_0_con .list_style_0 > a{display: block; padding-left: 10px; padding-right: 10px;}
.main_visual_wrap .list_style_0_con .list_style_0:first-child{border-left:none;}
.main_visual_wrap .list_style_0_con .list_style_0:first-child > a{padding-left: 0;}
.main_visual_wrap .list_style_0_con .list_style_0:last-child > a{padding-right: 0;}
.list_style_0_con .list_style_0 .title{font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.025em; font-weight: 400; color:#fff; margin-top: -4px; margin-bottom: 15px;
    word-break: keep-all; max-width: 350px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;
    transition: all 0.2s; height: 48px;}
.list_style_0_con .list_style_0 .date{font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; letter-spacing: 0em; font-weight: 100; color:#fff; }

.notice_title_con{padding-right: 0px; text-align: center; margin-bottom: 30px; font-size: 0;}
.notice_title_con .notice_title{display: inline-block; vertical-align: middle; float:none;
    font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; letter-spacing: -0.045em; font-weight: 500; color:#fff; margin-right: 15px; word-break: keep-all;}
.notice_title_con .more_btn_con{text-align: center; display: inline-block; vertical-align: middle; float: none;}

.more_btn_con{}
.more_btn_con .more_btn{font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; letter-spacing: 0; font-weight: 300; color:#fff; transition: all 0.2s ease-in-out;
    background-image: url('../img/more_btn_arrow.png'); background-position: right center; background-repeat: no-repeat; padding-right: 12px;}
.more_btn_con.black .more_btn{color: #4b4b4b; background-image: url('../img/more_btn_arrow_black.png'); transition: all 0.2s ease-in-out;}

/* section */
.section{padding-bottom: 70px;}
.section .section_title{font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.065em; font-weight: 500; color:#4b4b4b; margin-bottom: 37px;}
.section .section_title.white{color:#fff;}
.section .section_desc{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.025em; font-weight: 300; color:#4b4b4b;}

/* 가치나눔경영 */
.section.business{margin-top:-100px; padding-bottom: 45px;}
.section.business .section_title{margin-bottom: 15px;}
.list_style_1_con{}
.list_style_1_con .list_style_1{text-align: center;}
.list_style_1_con .list_style_1:nth-child(1),.list_style_1_con .list_style_1:nth-child(2){margin-bottom: 60px;}
.list_style_1_con .list_style_1 .img{margin-bottom: 38px;}
.list_style_1_con .list_style_1 .title{font-size: 20px; font-size: 2.0rem; line-height: 26px; line-height: 2.6rem; letter-spacing: -0.045em; font-weight: 500; color: #4b4b4b; margin-bottom: 10px;}
.list_style_1_con .list_style_1 .desc{font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.025em; font-weight: 300; color: #a4a4a0; word-break: keep-all; height: 48px;}

/* intro */
.section.intro{z-index: 1; top:70px; padding-bottom: 0;}
.intro_bg{position:absolute; z-index: -1; top:0; left:0; width:100%; height: 100%; background-color: #f28d2c;}
.intro_con{overflow: hidden; padding-top: 60px; padding-bottom: 60px;}
.intro_con .title{font-size: 38px; font-size: 3.8rem; line-height: 40px; line-height: 4.0rem; font-weight: 600; text-align: center; color: #fff;}
.intro_con .sub_title{text-align:center; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.045em; font-weight: 500; color: #fff; margin-bottom: 14px;}
.intro_con .desc{text-align:center; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.025em; font-weight: 300; color: #fff; margin-bottom: 28px;}
.intro_con .more_btn{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem;}
.intro_con .more_btn_con{text-align: center;}
/* 추진사업 */
.section.propel{padding-top:350px; background-image: url('../img/main_bg_img_000_m.jpg'); background-repeat: no-repeat; background-position: top -48px left -30px;}

.card_style_0_con{padding-bottom: 50px;}
.card_style_0_con .card_style_0_list{padding-left:21px;}
.card_style_0_con .card_style_0_inner{max-width: 450px; margin-left:auto; margin-right:auto; float:none; overflow: hidden; cursor: pointer;}
.card_style_0_con.type_2 .card_style_0_inner{max-width: none;}



.card_style_0_con .title_box{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.045em; color:#fff; font-weight:500;
    padding-right:25px; padding-left:25px; background-color: rgba(0, 0, 0, 0.2); box-sizing: border-box; padding-top:17px; padding-bottom:17px; border-left:1px solid rgba(255,255,255,0.2);}
.swiper-slide-active .title_box{border-left:none;}
.card_style_0_con .img_box{height:200px; background-image: url('../img/propel_list_img_000.jpg'); background-repeat: no-repeat; background-position: center center; background-size: scale; background-size: cover;}
.card_style_0_con .text_box{padding-top:35px; padding-bottom:35px; padding-right:40px; padding-left:44px; border:1px solid #eee; border-top:none; box-sizing: border-box; background-color:#fff; transition: all .3s ease-out;}
.card_style_0_con .category{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.025em; color:#f28d2c; font-weight:500; overflow: hidden; margin-bottom: 6px;}
.card_style_0_con .title{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.065em; color:#4b4b4b; font-weight:400; margin-bottom:11px;
text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.card_style_0_con .desc{font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.025em; color:#4b4b4b; font-weight:300;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all; height:50px; margin-bottom: 27px;}
.card_style_0_con .small_desc{overflow: hidden; font-size: 0; line-height: 0;}
.card_style_0_con .date{float: left; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight: 300; padding-right:10px; position: relative;}
.card_style_0_con .button{float:right; margin-top: 4px;}
.card_style_0_con .swiper-pagination{bottom:0 !important; margin-left: 11px;}
.card_style_0_con .swiper-pagination-bullet{background-color: #f28d2c; opacity: 0.25;}
.card_style_0_con .swiper-pagination-bullet-active{opacity: 1;}


/* 찾아오시는길 */
.section.direction{padding-bottom: 0;}
.section.direction .section_title{text-align:center; margin-bottom: 18px;}
.section.direction .more_btn_con{text-align: center;}

.direction_list_con{text-align: center;}
.direction_list_con .direction_list{margin-bottom: 30px;}
.direction_list_con .direction_list:last-child{margin-bottom: 0px;}
.direction_list_con .direction_list .title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.025em; font-weight: 500; color: #4b4b4b; margin-bottom: 4px;}
.direction_list_con .direction_list .desc{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.025em; font-weight: 300; color: #4b4b4b;}

.map_con{position:relative; top:0; right:0; width:100%; height: 513px; background-image: url('../img/map.jpg'); background-size: cover; background-position: center;}

@media all and (min-width:480px){

}

@media all and (min-width:768px){
    .card_style_0_con .card_style_0_inner{max-width: 375px;}
    .section{padding-bottom: 90px;}
    .section.intro{top:120px;}
    .list_style_1_con .list_style_1:nth-child(1),.list_style_1_con .list_style_1:nth-child(2){margin-bottom: 0px;}

    .section.direction{height: 513px;}
    .map_con{position:absolute; width:50%;}

    .section.direction .section_title{text-align:left; margin-bottom: 24px;}
    .section.direction .more_btn_con{text-align: left;}
    .direction_list_con{text-align: left;}
    .direction_list_con .direction_list .title{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; margin-bottom: 7px;}
    .intro_con .title{text-align: right;}
    .intro_con .sub_title{text-align: left;}
    .intro_con .desc{text-align: left;}
    .intro_con .more_btn_con{text-align: left;}

    .notice_title_con{padding-right: 30px; text-align: left; margin-bottom: 0;}
    .notice_title_con .notice_title{display: block; float:left; margin-right: 20px;  margin-top:-3px; }
    .notice_title_con .more_btn_con{float:left; display: block; text-align: left;}
    .main_visual_wrap .list_style_0_con .list_style_0 > a{display: block; padding-left: 30px; padding-right: 30px;}
    .section.propel{padding-top:397px; background-image: url('../img/main_bg_img_000.jpg'); background-position: center top;}

}

@media all and (min-width: 992px){
    .intro_bg{width:calc(50% + (600px / 3) - 22px);}
    .map_con{width:calc(50% + (600px / 3) - 22px);}
    .notice_title_con:before{content: ''; position: absolute; top: 0; right: 30px; height: 55px; border-right: 1px solid rgba(255,255,255,0.2);}
    .list_style_0_con .list_style_0 .title{ -webkit-line-clamp: 1; height: 24px;}
    .list_style_0_con .list_style_0:hover .title{color: #f28d2c;}
    .card_style_0_list:hover .text_box{ background-color: #fbfbfb; border-color: #fbfbfb;}
}

@media all and (min-width:1199px){
    .more_btn_con .more_btn:hover{background-image: url("../img/more_btn_arrow_hover.png"); color:#f28d2c;}
    .more_btn_con.black .more_btn:hover{background-image: url("../img/more_btn_arrow_black_hover.png");}
    .more_btn_con.white .more_btn:hover{color:#fff; background-image: url(../img/more_btn_arrow.png);}
}