@charset "utf-8";

 .more {position: absolute; right:31px; top:25px; display:block; width:31px; height:31px; border-radius:50%; font-size:0; text-indent:-999px; background:url(../../images/member/main/ico_more.png) no-repeat;}
.more:hover,
.more:focus,
.more:active{background-position:0 100%;}

/* 메인비주얼 */
#visual {position:relative; box-sizing:border-box; background:url(../../images/member/main/bg.jpg) no-repeat 50% 100%;}
#visual .inner{z-index:1; overflow:hidden; height:525px; padding:74px 124px 0 60px;}
#visual .inner:after{z-index:-1; content:''; display:block; position: absolute; bottom:0; right:333px; width:304px; height:243px; background: url(../../images/member/main/bg_pic.png) no-repeat;}
#visual .en{opacity:0.4; position: absolute; right:50%; bottom:0; margin:0 -630px 0 0; color:#fff; font-size:12px; font-weight:100; letter-spacing:2px; transform:rotate(90deg); transform-origin:100% 100%;}
#visual .en:after{opacity:0.6; content:''; display:inline-block; width:30px; height:1px; margin:0 0 0 15px; vertical-align:middle; background:#fff;}

#visual .pic {position:relative; float:right; width:322px; padding:12px 0 0 0;}
#visual .pic img {width:100%; border-radius:40px 100px 40px 40px; box-shadow:2px 4px 24px rgba(0,0,0,0.08);}
#visual .txt1{float:left; width:calc(100% - 360px); line-height:160%; font-size:30px; color:#666; font-weight:500; letter-spacing:-2px;}
#visual .slogan{padding:0 0 16px; line-height:110%;}
#visual .name {z-index:1; position:relative; display:inline-block; padding:0 63px 0 0; color: #333; font-size:38px; text-shadow:0 0 5px rgba(51,51,51,0.1); }
#visual .name:after{z-index:-1; content:''; display:block; position: absolute; top:-12px; right:0; width:73px; height:52px; background:url(../../images/member/main/ico_quot.png) no-repeat 100% 0;}
#visual .name strong{font-size:47px; font-weight:600; color: #f3ac00;}
#visual .txt2{float:left; padding:70px 0 0 39px; font-size:18px;}
#visual .dot{padding:0 0 10px 11px;}
#visual .dot li {display: flex; padding:0 0 16px 32px; color:#fff; text-shadow:0 0 5px rgba(51,51,51,0.3);}
#visual .dot li:before {top:2px; left:0; width:18px; height:17px; background:url(../../images/member/main/ico_chk.png) no-repeat;}
#visual .dot li em{width:158px; font-weight:500;}
#visual .dot li em.ls2 {letter-spacing:15px;}
#visual .dot li .colon {position:absolute; top:-1px; left:67px;}

#visual .quick a {position:relative; float:left; width:204px; height:51px; line-height:51px; margin:0 12px 0 0; font-size:20px; text-align:center; color:#fff; border-radius:15px; background:#467846; text-decoration:none; transition:0.25s ease-in-out;}
#visual .quick a:before{content:''; display: inline-block; vertical-align:middle; width:32px; height:20px; margin:-3px 0 0 0; background:url(../../images/member/main/ico_greeting.png) no-repeat; transition:0.25s ease-in-out;}
#visual .quick a:last-child:before{height:23px; background-image: url(../../images/member/main/ico_profile.png);}
#visual .quick a:hover{background:#365936;}

@media all and (max-width:1430px) {
	#visual {background-color: #ebf0db;}
	#visual .inner{height:auto; padding:74px 84px 38px 40px;}
	#visual .en{right:50px; margin:0;}
}
@media all and (max-width:1280px) {
	#visual .txt1{font-size:25px;}
	#visual .name{font-size:30px;}
	#visual .name strong{font-size:40px;}
}
@media all and (max-width:1024px) {
	#visual .inner{padding:25px 60px 30px 40px;}
	#visual .inner:after{right:0;}
	#visual .txt1{width:100%; padding:0 0 20px; box-sizing:border-box;}
	#visual .name{background-size:50px;}
	#visual .pic{float:left; max-width:250px;}
	#visual .pic img{border-radius:30px 60px 30px 30px;}

	#visual .txt2{padding:70px 0 0 5%; font-size:17px;}
	#visual .dot li em{width:100px;}
	#visual .quick a{width:150px; font-size:16px;}
}
@media all and (max-width:768px) {
	#visual{background-position:50% 75%;}
	#visual .inner{padding:22px 30px 30px 30px;}
	#visual .txt1{font-size:20px;}
	#visual .slogan{padding:0 0 10px;}
	#visual .name{padding:0 40px 0 0; font-size:25px;}
	#visual .name:after{width:45px; background-size:contain;}
	#visual .name strong{font-size:33px;}
	#visual .en{right:30px;}
	#visual .txt2{padding:40px 0 0 5%; font-size:16px;}
	#visual .pic{max-width:190px;}
	#visual .pic img{border-radius:20px 40px 20px 20px;}
	#visual .dot li{padding:0 0 10px 25px;}
	#visual .dot li em{width:70px;}
	#visual .quick a{width:120px; font-size:15px;}
}
@media all and (max-width:568px) {
	#visual{background-position:50% 100%;}
	#visual .inner{padding:22px 10px 30px;}
	#visual .pic{float:none; margin:0 auto;}
	#visual .txt1{padding:0 0 12px; text-align:center; font-size:17px;}
	#visual .slogan{padding:0 0 7px;}
	#visual .name{padding:0; font-size:21px;}
	#visual .name:after{display:none;}
	#visual .name strong{font-size:27px;}
	#visual .txt2{float:none; display: flex; align-items:center; flex-direction:column; padding:0;}
	#visual .dot{display: inline-block; padding: 20px 0 10px;}
}

/* link */
#link {padding:75px 78px 71px; box-sizing:border-box; font-size:18px;}
#link .list{float:left; width:24.296%; height:280px; padding:0 0 0 40px; box-sizing:border-box; border-radius:28px; background:#744244;}
#link .list:first-child{margin:0 44px 0 0; }
#link .list h4 {display: inline-block; margin:0 0 38px; padding:43px 0 14px; line-height:100%; font-size:26px; font-weight:500; color:#fff; border-bottom:2px solid #e9b000;}
#link .list li{line-height:100%; margin:0 0 25px 3px;}
#link .list a{position:relative; display:block; color:#fff; text-decoration:none;}
#link .list a:after{content:''; display:block; position: absolute; right:40px; top:50%; width:7px; height:12px; margin:-6px 0 0 0; transition:0.25s ease-in-out; background:url(../../images/member/main/ico_arrow.png) no-repeat;}
#link .list a:hover:after{right:35px;}

#link .bill{float:right; position:relative; width:43.362%; height:280px; padding:45px 15% 0 38px; box-sizing:border-box; border-radius:28px; box-shadow:0 0 6px rgba(44,44,44,0.12); background:#fcfcfc url(../../images/member/main/bg_bill.jpg) no-repeat right 70px bottom 33px;}
#link .bill h4{width:159px; height:48px; line-height:48px; margin:0 0 37px; padding:0 0 0 17px; font-size:18px; font-weight:400; color: #fff; box-sizing:border-box; box-shadow:0 10px 6px rgba(44,44,44,0.2); background:#744244 url(../../images/member/main/bg_tit.jpg) no-repeat 100% 0;}
#link .bill li {padding:0 0 10px 14px;}
#link .bill li:before {background:#c8c8c8;}
#link .bill li a {display:block; }
#link .bill .sbj{display:block; overflow:hidden; max-width:98%; text-overflow:ellipsis; white-space:nowrap; font-weight:400; color: #333;}
#link .bill .date{display:block; font-size:15px; font-weight:300; color: #707070;}
@media all and (max-width:1430px) {
	#link .bill{background-position:right 10% bottom 33px;}
}
@media all and (max-width:1024px) {
	#link{padding:50px 40px; font-size:17px;}
	#link .list{padding:0 0 0 4%;}
	#link .list:first-child{margin:0 25px 0 0;}
	#link .list h4{font-size:22px;}
	#link .list a:after{right:30px;}

	#link .bill{padding: 45px 100px 0 30px; background-size:95px; background-position: right 10px bottom 33px;}
}
@media all and (max-width:768px) {
	#link{padding:30px 15px; font-size:16px;}
	#link .list{width:48%; height:auto; padding:0 0 20px 30px;}
	#link .list:first-child{margin:0 4% 0 0;}
	#link .list h4{margin:0 0 20px; padding: 33px 0 12px;}
	#link .list li{margin:0 0 15px 0;}
	#link .bill{width:100%; height:auto; margin:30px 0 0 0; padding: 30px 100px 25px 30px;}
	#link .bill h4{margin:0 0 27px;}
}
@media all and (max-width:568px) {
	#link .list {padding: 0 0 20px 25px;}
	#link .list a:after{right:22px;}
	#link .list h4{font-size:20px;}
	#link .bill{padding:30px 100px 25px 25px;}
}

/* 갤러리 */
#gallery {position:relative; padding:32px 0 130px; background:url(../../images/member/main/bg_gallery.jpg) no-repeat top center;}
#gallery .tit {font-size:17px; color:#fff; text-align:center;}
#gallery .tit h4 {line-height:100%; font-size:30px;}
#gallery .tit h4 span {font-weight:400;}
#gallery .tit p {padding:11px 0 27px;}

#gallery .more{top:45px; right:59px;}
#gallery .more:hover,
#gallery .more:focus,
#gallery .more:active{background-position:0 0;}

#gallery .list_wrap {width:100%; max-width:1440px; margin:0 auto;}
#gallery .list_wrap:after {content:''; display:block; clear:both;}
#gallery .list_wrap .list {float:left;}
#gallery .list_wrap .list a {overflow:hidden; position:relative; display:block; margin:0 20px;}
#gallery .list_wrap .list a * {display:block;}
#gallery .list_wrap .list a .img {overflow:hidden; position:relative; padding-top:277px;}
#gallery .list_wrap .list a .img img {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s;}
#gallery .list_wrap .list a:hover .img img,
#gallery .list_wrap .list a:active .img img,
#gallery .list_wrap .list a:focus .img img {transform:scale(1.1);}

#gallery .list_wrap .list a .txt em {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 15px; line-height:110%; font-size:22px; font-weight:500;}
#gallery .list_wrap .list a .txt .date {position:relative; padding:0 0 0 20px;}
#gallery .list_wrap .list a .txt .date:before {content:''; position:absolute; top:4px; left:0; width:15px; height:15px; background:url(../../images/committee/main/ico_date.png) no-repeat center left;}

#gallery .btns {position:absolute; bottom:44px; left:50%; display: flex; justify-content:center; align-items:center; margin:0 0px 0 530px; width:171px; height:51px; box-sizing:border-box; border-radius:15px; background:#3a3a3a; box-shadow:0 3px 7px rgba(0,0,0,0.35);}
#gallery .btns button {display:block; width:32px; height:51px; font-size:0; text-indent:-999px; background:url(../../images/member/main/ico_ctrl.png) no-repeat 10px 15px;}
#gallery .btns .btn_stop {margin:0 17px; background-position:-40px 15px;}
#gallery .btns .btn_stop.on {background-position:-40px -25px;}
#gallery .btns .btn_next {background-position:-90px 15px;}

#gallery .slick-dots {position:absolute; bottom:-60px; left:20px; width:calc(100% - 240px); height:3px; background:#ddd;}
#gallery .slick-dots:after {content:''; display:block; clear:both;}
#gallery .slick-dots li {float:left; width:33.333%; height:100%; font-size:0  !important;}
#gallery .slick-dots li.slick-active {background:#000;}
#gallery .slick-dots button{font-size:0 !important;}
@media all and (max-width:1430px) {
    #gallery .btns {left:auto; right:20px; margin:0;}
}
@media all and (max-width:1024px) {    
   #gallery .tit h4{font-size:27px;}
    #gallery .list_wrap .list a .txt em {font-size:20px;}
    
    #gallery .slick-dots li {width:20%;}
}

@media all and (max-width:768px) {
	#gallery .tit h4{font-size:25px;}
    #gallery .tit {font-size:1em;}
    #gallery .list_wrap .list a {margin:0 10px;}
    #gallery .list_wrap .list a .txt em {font-size:18px;}
    #gallery .btns {right:10px;}
    
    #gallery .slick-dots {left:10px;}
}

@media all and (max-width:568px) {
    #gallery {padding:32px 0 80px; background-size:1422px;}
    #gallery .tit h4 {font-size:23px;}
    #gallery .tit p {padding:5px 0 20px; font-size:13px;}
    #gallery .list_wrap .list a {width:400px; margin:0 auto;}
    #gallery .list_wrap .list a .img {padding-top:234px;}
    #gallery .list_wrap .list a .txt em {margin:15px 0 10px; font-size:16px;}
    #gallery .list_wrap .list a .txt .date:before {top:1px;}
    #gallery .btns {bottom:30px; width:121px;}
	#gallery .btns .btn_stop{margin:0 5px;}
    #gallery .slick-dots {bottom:-25px; width:calc(100% - 160px);}
    #gallery .slick-dots li {width:11.11%;}
}
@media all and (max-width:430px) {
    #gallery .list_wrap .list a {width:320px;}
    #gallery .list_wrap .list a .img {padding-top:194px;}
}