@charset "utf-8";

.m_content {position: relative;}
.m_content .wrap_container{display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}

/* 공통타이틀 */

.m_tit {position: relative; padding: 0 10px;}
.m_tit h3{font-family: var(--Paperlogy_font);font-weight: 600; font-size: 140%; position: relative;}
.m_tit h3 span{ font-weight: 700; color: var(--default_color);}
.m_tit p{ position: relative;color: #777; word-break: keep-all; font-size: 90%; display: block; font-weight: 400; padding-top: 10px;   font-size: 100%;}

.m_tit.tac {font-size: 130%; margin-bottom: 25px; display:block; margin: 0 auto; }
.m_tit.tac h3 {font-weight: 500; }
.m_tit.tac h3, .m_tit.tac p{text-align: center;}
.m_tit.tac p{font-size: 80%; font-weight:400;}


@media only screen and (max-width:600px){
.m_tit h3{ font-size: 120%; letter-spacing: -0.07em;}


}

.m_visual {position: relative;  padding: 70px 0 110px 0;  background-color: #e3f1ff; overflow: hidden;}
.m_visual::before {content: ''; background: url(/_hadlawmaker/images/main/patten_bg02.png) center center no-repeat;  position: absolute; width: 436px; height: 480px; right: -150px; top: -40px;}

.m_profile_wrap {display: flex; width: 100%; justify-content: space-between; }
.m_profile_wrap .profile_photo {flex: 0 1 430px; }
.m_profile_wrap .profile_photo .photo_img {display: flex;align-items: flex-end;height: 100%;border-radius: 40px 40px 0 0 ;box-shadow: 0 0 15px rgba(0,0,0,0.1);background: linear-gradient(-180deg, #fff, #fff);overflow: hidden;}
.m_profile_wrap .profile_photo .photo_img  img{width: 100%;}
.m_profile_wrap .profile_right {position: relative; flex:0 1 calc(100% - 460px); }

.m_profile_wrap .profile_con {position: relative;  border-radius: 20px; height: 100%; padding: 10px 0px 20px 80px; overflow: hidden;}
/*

.profile_con::after {content: ''; background: url(/_hadlawmaker/images/main/patten_bg01.png) center center no-repeat;  position: absolute; width: 262px; height: 260px; left: -160px; bottom: -100px;}
*/
.profile_con > * {position: relative; z-index: 1;}

.profile_con h3{display: block; font-family: var(--Paperlogy_font); padding-top: 20px; padding-left: 20px;}
.profile_con h3 > span{ display: block; font-size: 140%;  font-weight: 600; padding-left: 5px; padding-bottom: 10px;}
.profile_con h3 > strong{ display: block;  font-size: 350%; font-weight: 700; color: var(--default_color);}
.profile_con h3 > strong > span{ font-size: 70%;  color: #222;}

.profile_con .profile_list {display: block; padding: 30px 0; font-size: 140%; font-family: var(--Paperlogy_font); }
.profile_con .profile_list .dot_list li{padding:15px 5px 15px 35px; font-weight: 600; margin-bottom: 0;}
.profile_con .profile_list .dot_list li::before {top:30px; left: 20px;}
.profile_con .profile_list .dot_list li + li {border-top: 1px solid rgba(0, 0, 0, 0.07);}
.profile_con .profile_list .profile_box li {display: flex;}
.profile_con .profile_list .profile_box li > strong {flex: 0 1 150px; min-width: 100px; color: #777; letter-spacing: 0.08em;}
.profile_con .profile_list .profile_box li > span em{ font-weight: 400; font-size: 80%;}

.profile_more {display: inline-block; font-size: 80%; background-color: #eff1f5; padding: 5px 20px; border-radius: 20px; font-weight: 500; transition: all 0.3s;}
.profile_more i{display: inline-block; padding-left: 5px; line-height: 20px; border-radius: 50%; font-size: 15px; text-align: center; }
.profile_more:hover {background-color: #333; color: #fff;}

@media only screen and (max-width: 1300px) {
.profile_list .row .col-md-6 {}
.profile_list .row > div:nth-child(2) {display: none;}

}

@media only screen and (max-width: 1200px) {
.m_profile_wrap .profile_photo {flex: 0 1 300px; }
.m_profile_wrap .profile_right {position: relative; flex:0 1 calc(100% - 330px);}
.m_profile_wrap .profile_con {padding: 0px 40px 0px 40px;}
.profile_con h3 > strong{ font-size: 250%; }
.profile_con h3 > span {font-size: 110%;}
.profile_con .profile_list {padding: 10px 0; font-size: 110%;}
.profile_con .profile_list li {line-height: 80%;}
.profile_con .profile_list .dot_list li::before {top:20px; }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 750px) {
.m_visual { padding: 50px 0 40px 0; }
.m_visual .wrap_container {margin: 0; padding: 0;}
.m_visual::before {   height: 900px;}
.m_profile_wrap { flex-wrap: wrap; justify-content: center;}
.m_profile_wrap .profile_photo {flex: 0 1 80%; position: relative; z-index: 1;}
.m_profile_wrap .profile_photo .photo_img {border-radius: 40px 40px;}
.m_profile_wrap .profile_right {position: relative; flex:0 1 100%; width: 100%; margin-top: 0px;}
.m_profile_wrap .profile_con {padding: 40px 40px 20px 40px; border-radius: 0;}
.profile_list .tar {text-align: center;}
}
@media only screen and (max-width: 550px) {
.m_profile_wrap .profile_photo {flex: 0 1 92%; }
.profile_con .profile_list .profile_box li > strong {flex: 0 1 70px; min-width: 70px; }
.m_visual { padding: 20px 0 10px 0; }
}
@media only screen and (max-width: 450px) {
.m_profile_wrap .profile_con {padding: 10px 10px; border-radius: 0;}
.profile_con .profile_list { font-size: 95%;}
}


/* 아이콘 바로가기 */

.lawmaker_goto { position: relative; padding: 5% 3%; margin-top: -130px;}
.lawmaker_goto::before {content: ''; background: linear-gradient(90deg, #902f70, #155bd0); position: absolute; top:0; bottom: 0; left: -150px; right: -150px; border-radius: 150px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);}
.lawmaker_goto::after {content: ''; position: absolute; right: -150px; bottom: 0; top:0; width: 500px;  background-image: url(/_hadassem/images/main/m_patten02.png); background-size: 100% auto; background-position: 200px 40px; background-repeat: no-repeat; border-radius: 0 150px 150px 0; overflow: hidden;  mix-blend-mode: screen;}
.lawmaker_goto > .row {align-items: center;}

.lawmaker_goto .m_tit {color: #fff;  font-family: var(--Paperlogy_font); position: relative;  z-index: 2}
.lawmaker_goto .m_tit h3 {font-size: 200%; }
.lawmaker_goto .m_tit h3 strong{ font-size: 150%; position: relative; margin-right: 15px; }
.lawmaker_goto .m_tit h3 strong span {position: relative; color: #fff;}
.lawmaker_goto .m_tit h3 strong::before{content: ''; position: absolute; left:-15px; right: -15px; height: 40px; bottom: -10px; border-radius: 20px; background-color: #4a1a3a;}
.lawmaker_goto .m_tit p {color: rgba(255,255,255,0.8); font-size: 130%; padding-top: 20px;}


.main_goto {display: block; width: 100%; position: relative; z-index: 2}
.main_goto ul {display:flex; justify-content:space-between; margin: 0 auto; width: 90%; flex-wrap: wrap;}
.main_goto ul li {  flex: 1 0 auto;}
.main_goto ul li a {display: block; text-align: center; font-family: var(--Paperlogy_font);}
.main_goto ul li a span{display: block; font-weight: 500; padding:5px 0; font-size: 125%; transition: all 0.9s; line-height: 50px; color: #fff; letter-spacing: 0.03em;}
.main_goto ul li a img{  transition: all 0.6s; margin:0 10px; }
.main_goto ul li a:hover img{  animation: icon_motion 1s cubic-bezier(0.36,0.07,0.19,0.97) both;}

@-webkit-keyframes icon_motion {
    0% { transform:rotateY(0deg); }
    100% { transform: rotateY(360deg);  }
  }
@media only screen and (max-width: 1200px) {
    .lawmaker_goto .m_tit h3 {font-size: 150%; }
    .main_goto ul li a span{font-size: 110%; line-height: 30px; margin-bottom: 15px;}
}
@media only screen and (max-width: 991px) {
    .lawmaker_goto {padding:50px 20px 30px 20px}
    .lawmaker_goto .m_tit {text-align: center; margin-bottom: 20px;}
    .main_goto ul { width:100%; }
.lawmaker_goto .m_tit h3 strong::before{ height: 20px; bottom: -2px;}
.lawmaker_goto .m_tit p {padding-top: 5px;}
}
@media only screen and (max-width: 750px) {
.lawmaker_goto {overflow: hidden; margin: 0 -15px;}
.lawmaker_goto {  margin-top: 0px;}
.lawmaker_goto::after {background-size: 50% auto; background-position: right top; bottom: 0; top:-100px}

}
@media only screen and (max-width: 550px) {
    .main_goto {margin-top: 20px;}
    .main_goto ul li {  flex:0 1 50%; }
    .main_goto ul li a span{font-size: 110%; line-height: 30px; margin-bottom: 15px;}

}
@media only screen and (max-width: 450px) {
}




/* 포토갤러리 영역 */
.m_gallery {position: relative; overflow: hidden; }
.m_gallery::before {content: ''; background: url(/_hadassem/images/main/m_patten01.png) center center no-repeat;  position: absolute; width: 681px; height: 637px; left: -250px; bottom: -150px; transform: rotate(-45deg);}

.m_gallery .wrap_container {position: relative; z-index: 2;}

.m_gallery .m_tit p { margin-bottom: 30px;}
.m_gallery .m_tit::before {content: ''; position: absolute; left: -30px; top: -40px; width: 120px; height: 120px; background-image: url(/_hadassem/images/main/m_patten02.png); background-size: 100% auto;}

.gallery_slider {width: 100%; position: relative;}
.gallery_slider .nav {position: inherit; justify-content: center;}
.gallery_slider .nav button {background-color: #333;}
.gallery_slider .nav button::before {color: #fff;}
.gallery_slider .nav .prev, .gallery_slider .nav .next{  position:absolute;  top:-220px; margin: 0;}
.gallery_slider .nav .prev {left:-25px}
.gallery_slider .nav .next {right: -25px;}
.gallery_slider .nav_more {box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1);}


.gallery_slider .slider {margin:0 -15px; }
.gallery_slider .slider .cell {display: block; padding:15px 15px}
.gallery_slider .slider .item {display: block; background-color: #fff; border-radius: 25px; overflow: hidden; padding: 15px; transition: all 0.3s; border: 1px solid rgba(0, 0, 0, 0.2);}
.gallery_slider .slider .item:hover, .gallery_slider .slider .item:focus {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); transform: translate(0px, -10px);}
.gallery_slider .slider .item:hover *, .gallery_slider .slider .item:focus * {}
.gallery_slider .slider .item img {width: 100%; border-radius: 25px;}
.gallery_slider .slider .item .txt {display: block; padding:20px 20px; text-align: center;}
.gallery_slider .slider .item  strong{ line-height: 30px;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-weight: 500; font-size: 105%; letter-spacing: -0.05em; font-family: var(--scdream_font); font-family: 'Paperlogy';  }
.gallery_slider .slider .item  span {font-size: 100%;  color:rgba(0,0,0,0.5); font-weight: 400; }

@media only screen and (max-width:991px){
.m_gallery { padding: 60px 0; }
.m_gallery .m_tit p { margin-bottom: 10px;}
}
@media only screen and (max-width:500px){
.m_gallery .m_tit {font-size: 115%;}
.gallery_slider .slider .cell { padding:15px}
.gallery_slider .slider .item {padding: 10px;}
.gallery_slider .nav .prev {left:-10px}
.gallery_slider .nav .next {right: -10px;}
}