@charset "utf-8";

/*
================================================================================
메인콘텐츠
================================================================================
*/
/* 상단 이미지 및 버튼 */
.mcon_top{height:400px;background:url('/new_img/council/council_mem/main_bg.jpg') no-repeat center top}
.mem_intro{position:relative;margin:0 auto;padding:140px 0 0 145px;width:855px;height:200px}
.mem_intro p{margin:30px 0;font-size:17px}
.mem_intro .btn_intro{display:inline-block}
.mem_intro .btn_intro a{display:block;padding:0 20px;width:230px;font-size:12px;color:#fff;line-height:33px;background:url('/new_img/council/council_mem/btn_intro_bg.png') no-repeat}
.mem_intro .mem_photo{position:absolute;bottom:30px;right:140px;z-index:5}
.mem_intro .visu_btn{position:absolute;bottom:0;left:515px;z-index:10}
.mem_intro .visu_btn li{float:left;margin-right:15px;width:356px;background:url('/new_img/council/council_mem/pro_bg.png') no-repeat;}
.mem_intro .visu_btn li a{display:block;padding-left:55px;font-size:15px;color:#fff;font-weight:bold;line-height:41px}
.mem_intro .visu_btn li:first-child{background:url('/new_img/council/council_mem/sns_bg.png') no-repeat;}


.mem_intro .visu_btn2{position:absolute;bottom:0;left:145px;z-index:10}
.mem_intro .visu_btn2 li{float:left;margin-right:15px;}
.mem_intro .visu_btn2 li.profile{float:left;margin-right:15px;width:356px;background:url('/new_img/council/council_mem/pro_bg.png') no-repeat}
.mem_intro .visu_btn2 li a{display:block;padding-left:55px;font-size:15px;color:#fff;font-weight:bold;line-height:41px}
.mem_intro .visu_btn2 li.sns1{background:url('/new_img/council/council_mem/sns_bg.png') no-repeat}
.mem_intro .visu_btn2 li.sns2{width:170px; float:left;  background:url('/new_img/council/council_mem/sns_bg_01.png') no-repeat}
.mem_intro .visu_btn2 li.sns3{width:170px; float:left;  background:url('/new_img/council/council_mem/sns_bg_02.png') no-repeat}

/* 퀵링크 */
.mcon_center{background:#fff;border-bottom:1px solid #dfdfdf}
.mcon_center ul{margin:0 auto;padding:40px 0;width:1000px;overflow:hidden}
.mcon_center ul li{float:left;width:25%;font-size:13px;line-height:18px;background:url('/new_img/council/council_mem/icon.gif') no-repeat;}
.mcon_center ul li a{display:block;padding-left:70px;color:#555;text-decoration:none}
.mcon_center ul li .tit{display:block;margin-bottom:10px;font-size:16px;color:#333;font-weight:bold;letter-spacing:-1px}
.mcon_center ul li .tit span{padding-right:15px;font-size:18px;color:#177263;background:url('/new_img/council/council_mem/quick_arrow.gif') no-repeat right center}
.mcon_center ul li.ic01{background-position: 0 0;}
.mcon_center ul li.ic02{background-position: 10px -100px;}
.mcon_center ul li.ic03{background-position:20px -200px}
.mcon_center ul li.ic04{background-position:10px -300px}

/* 겔러리 */
.mcon_bottom{background:#eee;}
.mcon_bottom .mphoto_gallery{position:relative;margin:0 auto;padding:40px 0;width:1000px}
.mcon_bottom .mphoto_gallery h2{margin:0 auto 30px auto;padding-left:35px;max-width:100px;font-size:18px;color:#333;background:url('/new_img/council/council_mem/ic_gallery.png') no-repeat left center;background-size:25px}
.mcon_bottom .mphoto_gallery .before{position:absolute;top:170px;left:-40px}
.mcon_bottom .mphoto_gallery .next{position:absolute;top:170px;right: -40px;}
.mcon_bottom .mphoto_gallery .gallery_slide{width:1000px;height:260px;overflow:hidden}
.mcon_bottom .mphoto_gallery .gallery_slide li{float:left;margin-right:50px;width:300px;text-align:center}
.mcon_bottom .mphoto_gallery .gallery_slide li a{display:block;text-decoration:none}
.mcon_bottom .mphoto_gallery .gallery_slide li .tit{display:block;margin:10px 0 5px 0;font-size:15px;color:#333;font-weight:bold}
.mcon_bottom .mphoto_gallery .gallery_slide li .data{display:block;font-size:13px;color:#888}
.mcon_bottom .mphoto_gallery .btn_more{position:absolute;top:40px;right:0}


/* 하단배너 */
.mbanner_con{padding:20px 0;border-top:1px solid #d4d4d4;}
.mbanner_con .banner_box{position:relative;margin:0 auto;padding-left:190px;width:810px;}
.mbanner_con h2{position:absolute;top:13px;left:0;font-size:16px;color:#333}
.mbanner_con .slider_banner{width:760px;height:50px;overflow:hidden;}
.mbanner_con .slider_banner .caroufredsel_wrapper{width:760px !important;height:50px !important}
.mbanner_con .slider_banner ul{position:relative !important;width:4000px !important;height:50px;}
.mbanner_con .slider_banner li{float:left;margin-right:40px}
.mbanner_con .before{position:absolute;top:10px;left:110px}
.mbanner_con .next{position:absolute;top:10px;right:0}
.mbanner_con .control{position:absolute;top:10px;left: 75px;}
.mbanner_con .control span{display:inline-block}
.mbanner_con .control .bann_total{display:block}
.mbanner_con .control .btn{display:inline-block}


/*
================================================================================
서브콘텐츠
================================================================================
*/

.intro_txt{position:relative;padding-left:290px; min-height:500px}
.intro_txt .photo{position:absolute;top:0;left:0;}
.intro_txt p img{margin-bottom:5px}

.profile_infor {margin-top:10px}
.profile_infor li{position:relative;float:none;margin:0;padding:0 0 0 100px;min-height:25px;background:url('/new_img/board/bbs_dot.png') no-repeat 0 3px;border-bottom:0}
.profile_infor .name{position:absolute;top:0;left:20px;width:65px;color:#0e51b8;font-weight:bold;background:url('/new_img/board/kan.gif') no-repeat right center}

.profile_list{padding:30px 40px;background:#f1f5fc;border:1px solid #dadee6}
.profile_list dt{margin-bottom:20px;padding:0 0 5px 20px;color:#0e51b8;font-weight:bold;background:url('/new_img/board/bbs_dot.png') no-repeat left 4px;border-bottom:1px solid #dadee6}


/*
================================================================================
반응형 콘텐츠
================================================================================
*/

@media all and (max-width: 1024px){
    .mcon_top{height:auto;background-size:cover;}
    .mem_intro{width:100%;position:relative;box-sizing:border-box;height:100%;padding:0;text-align:center;padding:30px 20px;}
    .mem_intro p{text-align:center;}
    .mem_intro .btn_intro{text-align:left;margin-bottom:20px;}
    .mem_intro .btn_intro a{padding-right:0;}
    .mem_intro .mem_photo{top:0;right:0;position:relative;}
    .mem_intro .visu_btn{position:relative;left:0;bottom:0;overflow:hidden;display:inline-block;margin-top:20px;width:50%;min-width:280px;}    

	.mem_intro .visu_btn li{width:100%;box-sizing:border-box;margin:0;background:#3477B0;position:relative;box-sizing:border-box;}
	.mem_intro .visu_btn li a{padding:0 20px;}
	.mem_intro .visu_btn li:first-child{margin-bottom:10px;background:#47AED3}
	.mem_intro .visu_btn li::before{content:"";display:inline-block;position:absolute;width:20px;height:19px;background:url('/new_img/council/council_mem/m_intro_ic02.jpg') no-repeat;left:20px;top:12px;}
	.mem_intro .visu_btn li::after{content:"";display:inline-block;position:absolute;width:7px;height:9px;background:url('/new_img/council/council_mem/m_intro_arrow.png') no-repeat;right:20px;top:16px}
	.mem_intro .visu_btn li:first-child::before{content:"";display:inline-block;position:absolute;width:19px;height:18px;background:url('/new_img/council/council_mem/m_intro_ic01.jpg') no-repeat;left:20px;top:12px;}

    .mcon_center ul{width:100%}
    .mcon_center ul li{width:50%;box-sizing:border-box;padding-left:30px;}
    .mcon_center ul li:nth-child(1),.mcon_center ul li:nth-child(2){margin-bottom:20px}
    .mcon_center ul li.ic01{background-position:20px 0;}
    .mcon_center ul li.ic03{background-position:30px -200px;}

    .mcon_bottom .mphoto_gallery{width:100%;box-sizing:border-box;padding:40px;}
    .mcon_bottom .mphoto_gallery .btn_more{right:20px;}
    .mcon_bottom .mphoto_gallery .gallery_slide{width:100%;}
    .mcon_bottom .mphoto_gallery .before{left:10px;}
    .mcon_bottom .mphoto_gallery .next{right:10px;}
	
	.mbanner_con .slider_banner{width: 100%;}
    .mbanner_con .banner_box{width:100%;box-sizing:border-box;padding-right:50px;padding-left: 165px}
    .mbanner_con h2{left:20px;}
    .mbanner_con .before{left:120px;}
    .mbanner_con .next{right:10px;}
    .mbanner_con .control{left:85px;}

}


@media all and (max-width: 640px){
	.intro_txt{padding: 0;text-align: center;}
	.intro_txt .photo{position: relative;display: inline-block;margin-bottom: 25px}
	.intro_txt p{text-align: left;}

	.mcon_center ul li{width:100%;margin-bottom:20px;}
	.mcon_center ul li.ic02{background-position:25px -100px}
	.mcon_center ul li.ic04{background-position:25px -300px}

	.mcon_bottom .mphoto_gallery .btn_more{top: 20px;right: 20px;}
	.mcon_bottom .mphoto_gallery{padding: 20px 40px;}
	.mcon_bottom .mphoto_gallery .gallery_slide li{width: 230px;margin-right: 20px;}
	
	.mbanner_con .banner_box{padding-right: 40px;padding-left: 145px}
	.mbanner_con h2{left: 10px;}
	.mbanner_con .before{left:110px;}
	.mbanner_con .next{right: 0;}
	.mbanner_con .control{left:75px;}

}