@charset "utf-8";
#data_control { margin:8.5rem 0px 40px; border-top:2px solid #484848; border-bottom:2px solid #484848; } 
#data_control .control .tit { font-size:1.6rem; font-weight:500 } 
#data_control .control { } 
#data_control .control>article { position:relative; padding:15px 20px; overflow:hidden; } 
#data_control .control p.tit { font-weight:bold; color:#4a5a67; } 
#data_control .control ul.con { overflow:hidden; } 
#data_control .control ul.con li { display:inline-block; } 
#data_control .control .manager { background:#f5f5f5; } 
#data_control .control .manager ul.con li { position:relative; padding-left:12px; margin-right:25px } 
#data_control .control .manager ul.con li:before { content:""; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:#484848; } 
#data_control .control .manager ul.con li span.q { } 
#data_control .control .satisfy { padding:35px 20px; } 
#data_control .control .satisfy ul.con li { margin-right:15px; } 
#data_control .control .satisfy ul.con li input { vertical-align:middle; margin-top:-2px } 
#data_control .control .satisfy ul.con li label { display:inline-block; min-height:26px; line-height:26px; padding-left:30px; } 
#data_control .control .satisfy ul.con li.satisfy01 label { background:url(/open_content/share/images/inc/ic_satisfy01.gif) no-repeat left center; } 
#data_control .control .satisfy ul.con li.satisfy02 label { background:url(/open_content/share/images/inc/ic_satisfy02.gif) no-repeat left center; } 
#data_control .control .satisfy ul.con li.satisfy03 label { background:url(/open_content/share/images/inc/ic_satisfy03.gif) no-repeat left center; } 
#data_control .control .satisfy ul.con li.satisfy04 label { background:url(/open_content/share/images/inc/ic_satisfy04.gif) no-repeat left center; } 
#data_control .control .satisfy ul.con li.satisfy05 label { background:url(/open_content/share/images/inc/ic_satisfy05.gif) no-repeat left center; } 
#data_control .control .satisfy p.data_btn { position:absolute; right:20px; top:50%; transform:translateY(-50%); } 
#data_control .control .satisfy p.data_btn .data_btnlink { display:inline-block; vertical-align:top; text-align:center; width:100px; height:4rem; line-height:3.9rem; color:#fff; border:0; border-radius:3px; } 
#data_control .control .satisfy p.data_btn .data_btnlink-blue { background:#324bc6; } 
#data_control .control .satisfy p.data_btn .data_btnlink-gray { background:#484848; } 
#data_control .info { margin-top:5px; padding:30px 20px; border-top:1px solid #484848; } 
#data_control .info .qrcode { position:relative; overflow:hidden; } 
#data_control .info .qrcode li img { vertical-align:middle; } 
#data_control .info .qrcode li.qr { float:left; } 
#data_control .info .qrcode li.qr img { width:100%; max-width:100px; } 
#data_control .info .qrcode li.txt { float:left; margin-left:30px; margin-top:5px; } 
#data_control .info .qrcode li.open { position:absolute; right:0; top:50%; transform:translateY(-50%); } 
#data_control .control .reply { border-top:1px dotted #ccc; } 
#data_control .control .reply p.tit input[type=button] { padding:2px 7px; cursor:pointer; vertical-align:middle; } 
#data_control .control .reply div.con { padding-right:72px; } 
#data_control .control .reply div.con textarea { padding:5px 1%; width:98%; height:50px; border:1px solid #ccc; } 
#data_control .control .reply p.reply_btn { position:absolute; bottom:10px; right:20px; } 
#data_control .control .reply p.reply_btn input { height:62px; width:62px; font-weight:bold; cursor:pointer; } 

#contents { font-family:'Spoqa'; margin-bottom: 8rem; } 
#contents h3 { font-size:3rem; font-weight:700; font-family:'SCDream'; } 
#con_tit { display: flex; gap: 1rem; position: relative; padding-top: 4.5rem; padding-bottom: 2rem; border-bottom: 1px solid #DDDDDD; flex-direction: row; align-items: center; justify-content: space-between; } 
#con_tit .location-right {padding-right: 10rem;}
#location * { display:unset; box-shadow:unset; overflow:unset } 
#location>ol>li { display:inline-block; vertical-align:middle; color:#737373; font-size:1.4rem } 
#location>ol>li:first-child { position:relative; top:-1px; width:22px; height:22px; font-size:0px; background:url(/open_content/member/images/sub/ic_home.svg) no-repeat center / cover; } 
#location>ol>li+li { position:relative; padding-left:2.5em; } 
#location>ol>li+li:before { content:''; position:absolute; left:1.5rem; top:.8rem; width:.45rem; height:.45rem; border:1px solid #ccc; border-width:1px 1px 0px 0px; transform:rotate(45deg) } 
#contentShare { display:flex; position:absolute; right:0px; top:61.5%; margin-top:-1.8rem; font-size:0px; } 
#contentShare>li { position: relative; margin-left:.4rem; } 
#contentShare>li a { display:block; font-size:0px; width:3.6rem; height:3.6rem; background:#fff url(/open_content/council/img/sub/ic_shareSns.png) no-repeat left top / 200%; border-radius:1rem; border:1px solid #E6E6E6; overflow:hidden; text-indent:-5000px; } 
#contentShare>li:last-child>a { background-position-x:right } 
#contentShare div { display:none; } 
#contentShare ul { display:flex; gap:2px; --bgy:-3.4rem; position:absolute; right:calc(100% + 4px); top:0px; } 
#contentShare ul>li>a { background-color:#333; border:1px solid rgba(0,0,0,.2) } 
#contentShare ul>li.sns00>a { background-color:#666; background-position-y:var(--bgy) } 
#contentShare ul>li.sns01>a { background-color:#4868AC; background-position-y:calc(var(--bgy) * 2) } 
#contentShare ul>li.sns02>a { background-color:#1DA1F3; background-position-y:calc(var(--bgy) * 3) } 
#contentShare ul>li.sns03>a { background-color:#6859F7; background-position-y:calc(var(--bgy) * 4) } 
#contentShare ul>li.sns03_2>a { background-color:#644a3e; background-position-y:calc(var(--bgy) * 5) } 
#contentShare ul>li.sns04>a { background-color:#59C843; background-position-y:calc(var(--bgy) * 6) } 
#contentShare .sns_close { position:absolute; left:0px; top:0px; background:#333; border-color:#333 } 
#contentShare .sns_close:after,
#contentShare .sns_close:before { display: block; content:''; position:absolute; top:50%; left:21%; width:60%; height:1px; background:#fff; transform:rotate(45deg) } 
#contentShare .sns_close:before { transform:rotate(-45deg) } 

#sub-visual { display: flex; align-items: center; justify-content: center; flex-direction: column; height: auto; padding: 6rem 0;} 
#democratic #sub-visual { background: url(/open_content/member/images/sub/democratic-sub-visual-bgL.png) no-repeat top left -10rem / 65.7rem, url(/open_content/member/images/sub/democratic-sub-visual-bgR.png) no-repeat right bottom / 76.4em, linear-gradient(125deg, rgba(121, 231, 255, 0.30) 40%, rgba(31, 49, 217, 0.30) 90%); } 
#liberty #sub-visual {background: url(/open_content/member/images/sub/liberty-sub-visual-bgL.png) no-repeat top left -10rem / 65.7rem, url(/open_content/member/images/sub/liberty-sub-visual-bgR.png) no-repeat right bottom / 76.4em, linear-gradient(125deg, rgba(255, 140, 140, 0.20) 40%, rgba(217, 137, 255, 0.20) 90%);} 

#nogroup #sub-visual {background: url(/open_content/member/images/sub/nogroup-sub-visual-bgL.png) no-repeat top left -10rem / 65.7rem, url(/open_content/member/images/sub/nogroup-sub-visual-bgR.png) no-repeat right bottom / 76.4em, linear-gradient(125deg, rgba(125, 125, 125, 0.20) 40%, rgba(249, 249, 249, 0.20) 90%);} 

#sub-visual .s-slogan {text-align: center; font-size: 1.8rem; font-weight: 500; } 
#sub-visual .txt { text-align: center; font-size: 2.8rem; font-weight: 500; } 
#sub-visual .txt span.c-point { font-weight: 600; } 
#democratic #sub-visual .txt span.c-point { background: var(--graB); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
#liberty #sub-visual .txt span.c-point { background: var(--graR); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
#nogroup #sub-visual .txt span.c-point { background: #767676; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#tmenu {display: flex; justify-content: center; margin-top: 3rem;}
#tmenu .sub-menu {display: flex; gap: 0.6rem;}
#tmenu .sub-menu li {padding: 1.4rem 7rem; border-radius: 1rem;}
#democratic #tmenu .sub-menu li {background: #BBC7F3;}
#liberty #tmenu .sub-menu li {background: #ebcee8;}
#nogroup #tmenu .sub-menu li {background: #ddd;}
#tmenu .sub-menu li>a {display: inline-block; color: #8C69E8; font-size: 1.8rem; font-weight: 500;}
#democratic #tmenu .sub-menu>li.select, #liberty #tmenu .sub-menu>li.select, #nogroup #tmenu .sub-menu>li.select {background: #fff;}
#tmenu .sub-menu>li.select>a,  
#tmenu .sub-menu>li.select>a * {color: #8151E5;}


h4, .bl01 { position: relative; margin-top: 4rem; padding-bottom: 3rem; padding-left: 3rem; font-size: 2.5rem; font-weight: 700; } 
h4::before, h4::after { content: ''; position: absolute; width: 1.4rem; height: 2.5rem; transform: rotate(30deg); border-radius: 5rem; } 
h4::before { left: 0; top: 0; background: var(--color02) } 
h4::after { left: 0.2rem; top: 1.35rem; background: #A469EF; } 

.profile { display: flex; justify-content: space-between; padding-top: 4rem; } 
.profile .imgbox { position: relative; padding-left: 11rem; } 
.profile .imgbox::before { display: block; content:''; position:absolute; top:-0.4rem; left:0; width:42rem; height:46rem; border-radius: 15rem 1rem 1rem 1rem; z-index: -1; } 
#democratic .profile .imgbox::before { background:url(/open_content/member/images/sub/democratic-profile-bg.png) no-repeat left 2.6rem top / 30rem, linear-gradient(125deg, rgba(121, 231, 255, 0.15) 40%, rgba(31, 49, 217, 0.15) 90%); } 
#liberty .profile .imgbox::before { background:url(/open_content/member/images/sub/liberty-profile-bg.png) no-repeat left 2.6rem top / 30rem, linear-gradient(125deg, rgba(255, 212, 230, 0.50) 40%, rgba(255, 237, 210, 0.50) 90%); } 
#nogroup .profile .imgbox::before { background:url(/open_content/member/images/sub/nogroup-profile-bg.png) no-repeat left 2.6rem top / 30rem, linear-gradient(125deg, rgba(220, 220, 220, 0.50) 40%, rgba(249, 249, 249, 0.50) 90%); } 
.profile .imgbox::after { display: block; content:''; position:absolute; bottom:2rem; left:2rem; width: 1.9rem; height: 27.7rem; } 
#democratic .profile .imgbox::after { background: url(/open_content/member/images/main/democratic-visual-slogan.png) no-repeat center / 100%; } 
#liberty .profile .imgbox::after { background: url(/open_content/member/images/main/liberty-visual-slogan.png) no-repeat center / 100%; } 
#nogroup .profile .imgbox::after { background: url(/open_content/member/images/main/nogroup-visual-slogan.png) no-repeat center / 100%; } 
.profile .imgbox img { filter: drop-shadow(0 2px 2rem #aeaeae); } 
.profile .profile-con { width: 56%; } 
.profile .profile-con .slogan { position: relative; padding-bottom: 5.6rem; font-size: 3rem; font-weight: 500; font-family:'SCDream'; letter-spacing: -0.2rem; } 
.profile .profile-con .slogan::after { display: block; content:''; position:absolute; bottom:0rem; left:0; width:5rem; height:0.6rem; } 
#democratic .profile .profile-con .slogan::after { background: var(--graB); } 
#liberty .profile .profile-con .slogan::after { background: var(--graR); } 
#nogroup .profile .profile-con .slogan::after { background: #ddd; } 

.profile .profile-con .slogan span.name { font-size: 3.5rem; font-weight: 600; } 
.profile .profile-con .txt { position: relative; display: flex; flex-wrap: wrap; margin-top: 7rem; } 
.profile .profile-con .txt::before { display: block; content:''; position:absolute; bottom:6.5rem; right:0; width: 39.5rem; height: 39.5rem; background: url(/open_content/member/images/sub/profile-bg.png) no-repeat center / 100%; } 
.profile .profile-con .txt dl { display: flex; align-items: flex-start; gap: 2rem; position: relative; width: 40%; padding-left: 4.2rem; margin-bottom: 2.2rem; } 
.profile .profile-con .txt dl:nth-child(even) { margin-left: 5rem; } 
.profile .profile-con .txt dl::before, .profile .profile-con .txt dl::after { display: block; content:''; position:absolute; top:0rem; left:0; width:3.4rem; height:3.4rem; border-radius: 1.2rem; } 
.profile .profile-con .txt dl::after { background: url(/open_content/member/images/sub/profile-ic.svg) no-repeat center; background-size: 27.2rem; background-position: 0 0; } 
.profile .profile-con .txt dl:nth-of-type(1)::after { background-position: 0 0; } 
.profile .profile-con .txt dl:nth-of-type(2)::after { background-position: -3.4rem 0; } 
.profile .profile-con .txt dl:nth-of-type(3)::after { background-position: -6.8rem 0; } 
.profile .profile-con .txt dl:nth-of-type(4)::after { background-position: -10.2rem 0; } 
.profile .profile-con .txt dl:nth-of-type(5)::after { background-position: -13.6rem 0; } 
.profile .profile-con .txt dl:nth-of-type(6)::after { background-position: -17rem 0; } 
.profile .profile-con .txt dl:nth-of-type(7)::after { background-position: -20.4rem 0; } 

#democratic .profile .profile-con .txt dl::before { background: #E8F2F6; } 
#liberty .profile .profile-con .txt dl::before { background: #FFF3F6; } 
#nogroup .profile .profile-con .txt dl::before { background: #F3F3F3; } 
.profile .profile-con .txt dl dt { width: 5.6rem; text-align:justify; text-align-last: justify; font-size: 2rem; font-weight: 700; flex: 0 0 auto;} 
.profile .profile-con .txt dl dd { padding-top: 0.2rem; font-size: 1.8rem; } 

.history {padding: 4rem;  border-radius: 2rem;} 
.history p {font-size: 1.6rem; line-height: 180%;}
#democratic .history { background: #F3F7FF; } 
#liberty .history { background: #fff8fb; } 
#nogroup .history { background: #f9f9f9; } 

/* .history li { display: flex; align-items: center; width: 49.5%; padding: 1.5rem 2rem; border-radius: 1rem; margin-bottom: 1.2rem; } 
#democratic .history li { background: #F3F7FF; } 
#liberty .history li { background: #FFF3F8; } 
.history li>span { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; font-weight: 700; background: #fff; border-radius: 1rem; margin-right: 1.5rem; } 
#democratic li span.now { color: var(--point); } 
#liberty li span.now { color: var(--point02); }  */

footer { border-top: 1px solid #E3E3E3; } 



/*******************************************************/

@media screen and (max-width:1025px) {
 .profile { gap: 2rem; } 
 .profile .profile-con .txt { flex-direction: column; } 
 .profile .profile-con .txt dl:nth-child(even) { margin-left: 0; } 
 .profile .profile-con .txt dl { width: 100%; } 
 .profile .imgbox::after {display: none;} 
 }

@media screen and (max-width:800px) {
  #con_tit {flex-direction: column; align-items: flex-start;}
  #contentShare {top: 46%;}
 #sub-visual .s-slogan { font-size: 1.4rem; } 
 #sub-visual .txt { font-size: 2rem; } 
 .history li { width: 100%; } 
 .profile { flex-direction: column; align-items: center; padding-top: 1rem; } 
 .profile .imgbox::before { width: 100%; height: 85%; } 
 #democratic .profile .imgbox::before { background: url(/open_content/member/images/sub/democratic-profile-bg.png) no-repeat right 3rem bottom / 30rem, linear-gradient(125deg, rgba(121, 231, 255, 0.15) 40%, rgba(31, 49, 217, 0.15) 90%); } 
 #liberty .profile .imgbox::before { background:url(/open_content/member/images/sub/liberty-profile-bg.png) no-repeat left 3rem bottom / 30rem, linear-gradient(125deg, rgba(255, 212, 230, 0.50) 40%, rgba(255, 237, 210, 0.50) 90%); } 
 .profile .imgbox { text-align: center; width: 100%; padding-left: 0; } 
 .profile .imgbox::after { display: none; } 
 .profile .imgbox img { width: 60%; } 
 .profile .profile-con { width: 100%; } 
 .profile .profile-con .slogan { text-align: center; margin-top: 3rem; padding-bottom: 4rem; } 
 .profile .profile-con .slogan::after { left: calc(50% - 2.5rem); } 
 .profile .profile-con .txt { margin-top: 4rem; align-items: center; } 
 .profile .profile-con .txt::before { bottom: 3rem; right: -20%; } 
 .profile .profile-con .txt dl { width: 80%; } 
 #tmenu .sub-menu li {padding: 1.4rem 4rem;}
 
 }

 @media screen and (max-width:480px) {
  #tmenu .sub-menu li {padding: 1.4rem 3.2rem;}
  #tmenu .sub-menu li>a {font-size: 1.4rem;}
 .profile .profile-con .slogan span.name { display: block; } 
 #democratic .profile .imgbox::before { background: url(/open_content/member/images/sub/democratic-profile-bg.png) no-repeat right 3rem bottom -10rem / 30rem, linear-gradient(125deg, rgba(121, 231, 255, 0.15) 40%, rgba(31, 49, 217, 0.15) 90%); } 
 #liberty .profile .imgbox::before { background:url(/open_content/member/images/sub/liberty-profile-bg.png) no-repeat right 3rem bottom -10rem / 30rem, linear-gradient(125deg, rgba(255, 212, 230, 0.50) 40%, rgba(255, 237, 210, 0.50) 90%); } 
 }