@charset "utf-8";
@import url("mobile_font.css");
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px; font-size:15px; -webkit-text-size-adjust: 100%;}
body {margin:0 auto;padding:0;background:#fff; font-family:'Montserrat', 'Pretendard'; word-break:keep-all; letter-spacing:-1px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Montserrat', 'Pretendard'; letter-spacing:-1px;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em; font-family:'Montserrat', 'Pretendard'; letter-spacing:-1px;}
textarea {border-radius:0;-webkit-appearance:none;}
select {margin:0;background:none; font-family:'Montserrat', 'Pretendard'; letter-spacing:-1px;}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
u {text-underline-position:under;}
input:focus, textarea:focus, select:focus{outline:1.5px solid #000;}

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.inner{padding: 4rem 1.667rem 7.667rem;}
.inner.active{padding-top:11.667rem;}
.vote_inner{padding: 4rem 0;background-color:#f2f5fa; min-height:100vh; overflow:auto;}

/*loading*/
.loading {position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.6); z-index:4;}
.loading img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.2); width:5.333rem; animation: loading 4.5s infinite; opacity:0;}
.loading img.loading_icon2 {animation-delay:1.5s;}
.loading img.loading_icon3 {animation-delay:3s;}


@keyframes loading {
    0%{
        left:calc(50% - 1rem);
		opacity:0;
		transform:translate(-50%, -50%) scale(0.2);
    }
    33%{
	    left:50%;
		opacity:1;
		transform:translate(-50%, -50%) scale(1);
		z-index:1;
    }
	66%{
		left:calc(50% + 1rem);
		opacity:0;	
		transform:translate(-50%, -50%) scale(0.2);
		z-index:0;
	}
	100%{
		left:calc(50% + 1rem);
		opacity:0;
	}
} 


/*체크박스*/
.input_area {display:flex; gap:0.667rem; flex-direction:column;}
.check_style {position:relative;}
.input_check {position:absolute;top:0.133rem; left:0.067rem; width:1.333rem; height:1.333rem; opacity:0}
.label_check {position:relative; display:inline-block; padding-left:1.867rem; font-weight:400; line-height:1.5; cursor:pointer}
.label_check:before {content:"\f00c"; font-family: FontAwesome; font-size:0.8rem; color:transparent; display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0.133rem; width:1.333rem; height:1.333rem; background-color:#fff; border:1px solid #E0E1E5; border-radius:3px}
.input_check:checked + label{font-weight:500; color:#004998;}
.input_check:checked + label:before {border-color:#004998; background-color:#004998; color:#fff}

/*라디오버튼*/
.radio_style {position:relative;}
.input_radio { position:absolute; top:0.067rem; left:0.067rem; width:1.333rem; height:1.333rem; opacity:0}
.label_radio {position:relative; display:inline-block; padding-left:1.867rem; line-height:1.5; cursor:pointer; z-index:-1;}
.label_radio:before {content:"\f111"; font-family: FontAwesome; font-size:0.8rem; color:transparent; position:absolute; left:0; top:0.133rem; width:1.333rem; height:1.333rem; line-height:1.267rem; text-align:center; background-color:#fff; border:1px solid #E0E1E5; border-radius:50%}
.input_radio:checked + label {font-weight:500; color:#004998;}
.input_radio:checked + label:before {border-color:#004998; color:#004998;}

/*투표 체크박스, 라디오버튼*/
.vote_style {position:relative;}
.vote_style textarea::placeholder{color:#999;}
.input_vote { position:absolute; top:1.333rem; left:1.133rem; width:1.333rem; height:1.333rem; opacity:0}
.label_vote {position:relative; display:inline-block; width:100%; padding-left:2.867rem; line-height:4rem; border:1px solid #e2e2e2; border-radius:8px; cursor:pointer; font-size:1.067rem;}
.label_vote:before {content:"\f111"; font-family: FontAwesome; font-size:0.8rem; color:transparent; position:absolute; left:1rem; top:1.333rem; width:1.333rem; height:1.333rem; line-height:1.267rem; text-align:center;  background-color:#e9e9e9; border-radius:50%}
.input_vote:checked + label {font-weight:500; border:2px solid #004998; line-height:3.867rem;}
.input_vote:checked + label:before {background:url('/img/mobile/check_icon.png') no-repeat center; background-size: 0.6rem; background-color:#004998;}

/*메인 팝업 오늘하루 보지 않기 체크*/
.notoday {position:relative;}
.notoday textarea::placeholder{color:#999;}
.input_notoday {position:absolute; top:0; left:0; width:1.667rem; height:1.667rem; opacity:0}
.label_notoday {position:relative; display:inline-block; width:100%; line-height:1.667rem; padding-left:2.333rem; cursor:pointer; font-size:1.067rem;}
.label_notoday:before {content:''; position:absolute; left:0; top:0; width:1.667rem; height:1.667rem; text-align:center; border:1px solid #fff; border-radius:50%}
.input_notoday:checked + label:before {background:url('/img/mobile/check_icon.png') no-repeat center; background-size:12px; background-color:#004998; border:1px solid #004998;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:fixed; top:0; left:0; width:100%; z-index:2;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd.hd_nobg #hd_wrapper{background-color:transparent; border-bottom:1px solid rgba(255,255,255,0.2);}
#hd.hd_nobg #hd_wrapper h2,
#hd.hd_nobg #hd_wrapper .member_name {color:#fff;}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd_wrapper{position:relative; height:4rem; padding:0 1.667rem; background-color:#fff;}
.hd_border {border-bottom:1px solid #e7e7e7;}
#logo a {display:inline-block; line-height:4rem;}
#logo img {margin-bottom:0.4rem;width:6.667rem;}
.member_name {position:absolute; top:50%; right:60px; transform:translateY(-58%); font-size:15px; color:#333;}
.member_name span {margin-left:2px;font-size:15px; font-weight:400;}

.noti_area{position:absolute; top:50%; right:1.667rem; transform:translateY(-50%); border:none; background-color:transparent}
.noti_area img{width:1.467rem;}
.noti_area .noti_num{position:absolute; top:-0.333rem; right:-0.533rem; display:block; min-width:0.933rem; height:0.933rem; line-height:0.933rem; padding:0 0.133rem; border-radius:50%; text-align:center; font-size: 0.6rem; font-weight:600; background-color:#004998; color:#fff;}

#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em}
#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
box-shadow:0 0 5px rgba(55,55,5,0.4)}

#gnb_1dul {background:#fff}
#gnb_1dul a {display:block;color:#000}
.gnb_1dli {position:relative;line-height:40px}
.gnb_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
.gnb_1da {padding:5px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;}
.gnb_2dul {display:none;background:#fafafa}
.gnb_2da {padding-left:30px}
#gnb_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:12px 55px 12px 15px;background:#212020}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px}
#hd_sch #sch_stx {width:100%;height:38px;margin-left:40px;background:#464646;border:0;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:38px;border:0;border-radius:3px;cursor:pointer;color:#a6a5a5;background:#464646;font-size:1.25em}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:40px;width:40px;border:0;color:#fff;font-size:1.8em;background:none;letter-spacing:-0.1em}
#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;background:#efefef;text-align:center}
#user_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent}

#snb_cnt span {display:inline-block;float:right;padding:0 7px;height:18px;margin-top:3px;line-height:18px;font-size:12px;background:#da22f5;border-radius:20px;color:#fff}

#hd_nb {background:#fff;margin-top:10px;border-bottom:1px solid #e1e1e1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px}
#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac}
#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef}
#hd_nb .hd_nb2 {border-bottom:1px solid #efefef}
#hd_nb .hd_nb3 {border-right:1px solid #efefef}

/* 텍스트 크기 조절 */
#text_size {margin:10px 0;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select {background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px rgba(100,100,100,0.2);
box-shadow:0 0 5px rgba(100,100,100,0.2)}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {}
.index_cont{height:calc(100vh - 4rem); padding-top:4rem;}
/*메인 비쥬얼*/
.swiper.main-swiper {position:relative; width: 100%; height:19rem;}

.main-swiper .swiper-slide::after {content:''; position:absolute; top:55px; right:25px; width:182px; height:182px; border-radius:50%; z-index:-1;}
.main-swiper .visual_1::after {background-color:#6f3ef3;}
.main-swiper .visual_2::after {background-color:#ffd206;}
.main-swiper .visual_3::after {background-color:#52c7fd;}

.main-swiper .visual_txt {padding: 1.467rem 1.667rem 0;}
.main-swiper .visual_txt h2{font-size:2.267rem; font-weight:900;}
.main-swiper .visual_txt p{margin-top:1rem; line-height:1.4; color:#333; font-weight:500;}
.main-swiper .visual_txt a{margin-top:2rem;}

.main-swiper img{position:absolute;}
.main-swiper .main_visual1_1 {top:3.4rem; right:2.467rem; width:10.933rem;}
.main-swiper .main_visual1_2 {top:3.533rem; right:1.4rem; width:5.333rem; transform:scale(0); transition: 0.2s;}
.main-swiper .main_visual1_3 {top:8rem; right:5.133rem; width:5.333rem; transform:scale(0); transition: 0.2s;}
.main-swiper .main_visual2_1 {top:2.6rem; right:1rem; width:12.533rem;}
.main-swiper .main_visual2_2 {top:3.133rem; right:9.6rem; width:4.267rem; transform:scale(0); transition: 0.2s;}
.main-swiper .main_visual3_1 {top:3.667rem; right:1rem; width:9.8rem;}
.main-swiper .main_visual3_2 {top:10.8rem; right:8rem; width:4.667rem; transform:scale(0); transition: 0.2s;}
.main-swiper .main_visual3_3 {top:3.267rem; right:7.6rem; width:7.733rem; transform:scale(0); transition: 0.2s;}


.main-swiper .swiper-slide-active .main_visual1_2 {transition-delay:0.5s; transform:scale(1);}
.main-swiper .swiper-slide-active .main_visual1_3 {transition-delay:1.2s; transform:scale(1);}
.main-swiper .swiper-slide-active .main_visual2_2 {transition-delay:0.5s; transform:scale(1);}
.main-swiper .swiper-slide-active .main_visual3_2 {transition-delay:0.5s; transform:scale(1);}
.main-swiper .swiper-slide-active .main_visual3_3 {transition-delay:0.7s; transform:scale(1);}

.main-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {position:absolute; width:auto; top:16rem; left: 4.333rem; transform:translateX(-50%);}
.main-swiper .swiper-pagination-bullet {margin:0 0.333rem 0 0 !important; width:0.667rem; height:0.667rem; border-radius:50%; background-color:#ccc; opacity:1;}
.main-swiper .swiper-pagination-bullet-active {background-color:#004998;}

.main-swiper .swiper-button-next, .main-swiper .swiper-button-prev {position:absolute; left:0; top:17.467rem; display:block; width:0.6rem; height:1.333rem; text-indent:-9999px; border:none; border-radius:50%; background-color:transparent; background-size: 0.6rem; background-position: center center; background-repeat: no-repeat;}
.main-swiper .swiper-button-next {left: 7rem; background-image:url("../../../img/mobile/next_icon.png");}
.main-swiper .swiper-button-prev {left: 1.667rem; background-image:url("../../../img/mobile/prev_icon.png");}

.main-swiper .control {position:absolute; left:6rem; top:16.333rem; transform:translateX(50%); z-index:1;}
.main-swiper .control button {position:absolute; border:none; background-color:transparent;}
.main-swiper .control button.stop {width:0.6rem; height: 0.667rem; border-left:0.2rem solid #999; border-right:0.2rem solid #999;}
.main-swiper .control button.play {display:none; top:-0.067rem; left:0.067rem; width:0.8rem; height:0.667rem; border: 0.4rem solid transparent; border-left: 0.6rem solid #999;}

/*main_popup*/
.main_popup {display:none; position:fixed; top:0; left:0; bottom:0; right:0; justify-content:center; align-items:center; padding:2.333rem; background:rgba(0,0,0,0.5); z-index:3; overflow:auto;}
@media screen and (max-height: 550px) {
	.main_popup {
		align-items:baseline !important
	}
}
.main_popup .main_popup_wrap {padding: 0 1.333rem 1.333rem; border-radius:15px; background-color:#fff; overflow:hidden;}
.main_popup > div > img {width:100%;}
.main_popup_btns {margin-top:20px; display:flex; justify-content:space-between; padding: 0 20px;}
.main_popup_btns .main_popup_today {border:none; background-color:transparent; font-size:14px; color:#fff;}
.main_popup_btns .main_popup_today img {margin-right:8px; width:22px; vertical-align:middle;}
.main_popup_btns .main_popup_close {border:none; background-color:transparent; color:#fff;}
.main_popup_btns .main_popup_close img {width: 15px;}

.swiper.popup-swiper {width:100%; margin-bottom:20px;}
.popup-swiper .swiper-slide .popup_title h3 {display:block; width:100%; padding: 2rem 0;font-size:1.467rem; color:#004998; text-align:center;}
.popup-swiper .swiper-slide .popup_content { line-height:1.3; padding:1.333rem 0.333rem; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:1.067rem; font-weight:500;}
.popup-swiper .swiper-slide .popup_content strong {display:block; margin:0.667rem 0; line-height:1.5; padding:1.2rem; border-radius:0.533rem; background-color:#f3f6fd;}
.popup-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {position:static; margin-top:20px;}
.popup-swiper .swiper-pagination-bullet-active {background:#004998;}
.popup-swiper .swiper-pagination-bullet:only-child {display:inline-block !important;}

/*버튼*/
.btns.v1 {display:inline-block; padding:0.667rem 1.467rem; border-radius:2rem;color:#fff; background-color:#004998;}
.list_btn_area {display:flex; justify-content:center; gap:0.667rem; padding-top:2rem; width:100%; text-align:center;}
.list_btn {display:inline-block; width:9.333rem; line-height:3rem; border-radius:2rem; font-size:1.067rem; text-align:center; color:#fff; background-color:#004998;}
.write_btn{margin-bottom:2rem; display:inline-block; width:100%; line-height: 3rem; border:none; border-radius: 0.667rem; color:#fff; background-color:#004998; font-size:1.067rem; text-align:center;}
.phone_btn{margin-left:0.4rem; display:inline-block;width: 1.867rem;height:1.867rem; border-radius:50%; background:url('/img/mobile/phone_icon.svg') no-repeat center; background-size:1rem; background-color:#e8e7e7; vertical-align:middle;}
.num_btns {margin-top:1.333rem; display:flex; gap:0.667rem;}
.num_btns a,
.num_btns button {display:flex; align-items:center; justify-content:space-between; width:calc((100% - 0.667rem)/2); padding:0.8rem 1rem; border:1px solid #004998; border-radius:0.533rem; text-align:left;}
.num_btns .represent_num {background-color:#fff; color:#004998;}
.num_btns .cellphone_num {background-color:#004998; color:#fff;}
.num_btns  img {margin-top:-0.133rem; height:1.333rem;}

.ceo_info .num_btns{margin-top:1.667rem; padding-top:1rem; border-top:1px solid #d2d2d2;}

/*메인 배너*/
#container .banner_area {height:calc(100% - 19rem);}
#container .banner_area ul {display:flex; flex-direction:column; height:100%;}
#container .banner_area ul li {position:relative; height: calc((100%)/3);}
#container .banner_area ul li:first-child {background-color:#004b9e; border-radius:1rem 1rem 0 0;}
#container .banner_area ul li:nth-child(2) {background-color:#49b6c6;}
#container .banner_area ul li:nth-child(3) {background-color:#002c59;}
#container .banner_area ul li::after{content:""; position:absolute; top:50%; right:1.667rem; transform:translateY(-50%); width:1.067rem; height:1.667rem; background:url("/img/mobile/next_icon_white.png") no-repeat; background-size:contain;}
#container .banner_area ul li a {position:relative; z-index:1;}
#container .banner_area dl {display:flex; align-items:center; gap:1vh; height:100%; padding:0 1.667rem; color:#fff;}
#container .banner_area dl dt {width:4.667rem; text-align:center;}
#container .banner_area ul li:first-child dl dt img{width:38px;}
#container .banner_area ul li:nth-child(2) dl dt img{width:38px;}
#container .banner_area ul li:nth-child(3) dl dt img{width:40px;}
#container .banner_area dl dd h3{font-size:28px; font-weight:600;}
#container .banner_area dl dd p{margin-top:0.267rem; font-weight:300; font-size:1rem;}

#container:after {display:block;visibility:hidden;clear:both;content:""}
/* #container_title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:1.2rem; color:#333; text-align:center;} */
#container_title {position:absolute; top:50%; left:1.667rem; transform:translateY(-50%); font-size:1.2rem; color:#333; text-align:center;}
.top {position:relative}
.btn_top {display:flex; align-items:center; font-size:1.133rem}
.btn_top li {display:inline-block}
.list_01 .btn_top > li {padding:0; border:none;}
.btn_top a,.btn_top button,.btn_top .btn_submit {}
.btn_top .btn_cancel,.btn_top .btn_b01 {border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed {position:fixed;top:0;right:0;z-index:999}
.fixed.btn_bo_user {right:10px}
#container_title.fixed {width:100%}

/*높이 580 이하 디바이스*/
@media screen and (max-height: 580px) {
	.index_cont{overflow:auto;}
	#container .banner_area {height:20rem;}
	
	.main-swiper .swiper-slide::after {width:8.8rem; height:8.8rem;}

	.main-swiper .main_visual1_1 {top:3.4rem; right:2.2rem; width:8rem;}
	.main-swiper .main_visual1_2 {top:3.533rem; right:1.333rem; width:4rem;}
	.main-swiper .main_visual1_3 {top:6.733rem ; right:4.067rem; width:4rem;}
	.main-swiper .main_visual2_1 {top:2.6rem; right:1rem; width:9.333rem;}
	.main-swiper .main_visual2_2 {top:3.133rem; right:7.4rem; width:3.6rem;}
	.main-swiper .main_visual3_1 {top:4.467rem; right:1.4rem; width:6.4rem;}
	.main-swiper .main_visual3_2 {top:8.533rem; right:6.667rem; width:4.133rem;}
	.main-swiper .main_visual3_3 {top:3.2rem; right:6.067rem; width:5.933rem;}

	#container .banner_area dl {gap:0;}
	#container .banner_area ul li:first-child dl dt{margin-right:0.4rem;}
}

/* 하단 레이아웃 */
#ft {display:flex; position:fixed; bottom:0; left:0; width:100%; height:4rem; background-color:#fff; z-index:2;}
.ft_shadow { -webkit-box-shadow: 0 0 7px 5px rgba(204, 204, 204, 0.3); box-shadow: 0 0 7px 5px rgba(204, 204, 204, 0.3);}
#ft a {width:20%; padding: 0.6rem 0; text-align:center;display: flex; align-items: center; flex-direction: column; justify-content: space-between;}
#ft a h3 {margin-top:0.333rem; font-size:0.867rem; font-weight:400;}
#ft a.on h3{font-weight:700; height:1.067rem}
#ft a img {height:calc(100% - 1.4rem);}
#ft a:nth-child(2) img{margin-top:0.2rem; height:1.067rem;}
#ft a:nth-child(4) img{margin-top:0.067rem; margin-left:0.333rem; width:1.533rem;}
#ft a img:nth-of-type(2) {display:none;}
#ft a.on img:nth-of-type(1) {display:none;}
#ft a.on img:nth-of-type(2) {display:flex;}

#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {padding:10px;line-height:2em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child {border:0}
.ft_cnt {font-weight:normal;color:#e3e3e3;line-height:2em;text-align:center}
.ft_cnt h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01 {margin-top:10px}
#copymove td {background:#fff}
#copymove .win_btn {margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {display:flex; justify-content:center; gap:0.667rem; text-align:center;}
.btn_submit {display: inline-block; width: 100%; line-height: 3rem; border: 1px solid #004998; border-radius: 0.533rem; font-size: 1.2rem; font-weight:300; text-align: center; color: #fff; background-color: #004998;}
.btn_cancle {display: inline-block; width: 100%; line-height: 3rem; border: 1px solid #d2d2d2; border-radius: 0.533rem; font-size: 1.2rem; font-weight:500; text-align: center; color: #000; background-color:#fff;}

.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#fff;border:1px solid #3a8afd;color:#3a8afd;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/*top_btn*/
#top_btn {display:none; position:fixed;bottom:5.333rem;right:1rem; width:2.667rem; height:2.667rem; border:none; border-radius:1rem; background:#fff; box-shadow: 0 0 7px 5px rgba(204, 204, 204, 0.3); opacity:0.85; z-index:1;}
#top_btn img {width:0.933rem;}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#3a8afd;color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border:0;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;border:0;background:transparent;color:#bababa;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;color:#d13f4a;font-size:1.4em;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
.fix_btn {position:fixed;z-index:99;bottom:65px;right:15px;background:#3a8afd;width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
a.btn,.btn {line-height:35px;width:30px;height:35px;padding:0 5px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}


/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody {text-align:left}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01 ul {border-top:1px solid #888888;}
.list_01 li {border-bottom:0.067rem solid #d2d2d2;padding:1.333rem 0;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.all_chk {padding:1rem 0;display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e8eaee;background:#fff}

/* 기본폼 */
.form_01 .write_div {margin-bottom:10px;position:relative}
.form_01 li {margin:0 0 25px;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #d2d2d2; /* background:#efefef; */ vertical-align:middle; padding:0 1rem 0 3.667rem; border-radius:4.667rem;box-shadow:none}
.form_01 textarea, .frm_input::placeholder {/* color:#999; */}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:45px}
.full_input {width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:40px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;color:#3a8afd;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat  !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_expired {color:#999}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}

.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center}
.new_win .win_btn a {display:inline-block;height:45px;line-height:40px;font-weight:bold}
.new_win .cert_btn {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 4px;margin:0 2px}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;display:block;padding-top:2rem; text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#333;font-size:1rem;height:2rem;line-height:1.867rem;padding:0 0.333rem;min-width:2rem;text-decoration:none;border-radius:0.2rem;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../../img/mobile/start_page_icon.png') no-repeat center / 0.733rem;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../../img/mobile/prev_page_icon.png') no-repeat center / 0.467rem;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../../img/mobile/end_page_icon.png') no-repeat center / 0.733rem;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../../img/mobile/next_page_icon.png') no-repeat center / 0.467rem;padding:0;}

.pg_current {display:inline-block;background:#004998;border:1px solid #004998;color:#fff;font-weight:400;height:2rem;line-height:1.867rem;text-align:center;min-width:2rem;border-radius:50%;}

/*tab_type1 (조합건의사항>건의내역)*/
.tab_type1 {display:flex; gap:1rem; background-color:#fff; z-index:1;}
.tab_type1 a {display: block; padding:0 0.333rem; font-size:1.2rem; color:#999; letter-spacing:-1.5px;}
.tab_type1 li.on a {font-weight:700;border-bottom:0.133rem solid #000; color:#000;}

.tab_type1.active {position:fixed; top:4rem; left:0; right:0; gap:0;}
.tab_type1.active li {width:100%;}
.tab_type1.active li a {line-height:3.333rem; border-bottom: 1px solid #d2d2d2; text-align:center;}
.tab_type1.active li.on a {border-bottom:2px solid #000;}

/*tab_type1.v2 (조합알림)*/
.tab_type1.v2 {justify-content:space-between;}

/*tab_type2 (전자투표 > 진행중/종료된 투표)*/
.tab_type2 {display:flex; width:fit-content; ;margin-bottom:0.533rem; padding:0.267rem; border-radius:1.333rem; background-color:#dfdddd;}
.tab_type2 li{position:relative; border-radius:1.333rem;}
.tab_type2 li a {display:block; padding: 0.2rem 0.933rem 0.2rem; font-size:0.867rem; color:#666;}
.tab_type2 li.on a {font-weight:600; border-radius:0.667rem; color:#000; background-color:#fff;}

/*tab_type3 (전자투표 > 투표게시판 종류)*/
.tab_type3{display:flex; width:100%; padding:1.333rem 1.667rem 0;}
.tab_type3 li{position:relative;width:calc((100%)/3); background-color:#fff; text-align:center;}
.tab_type3 li:first-child{margin-right: -0.5px; border-radius:0.667rem 0 0 0.667rem;}
.tab_type3 li:last-child{margin-left: -0.5px; border-radius:0 0.667rem 0.667rem 0;}
.tab_type3 li.on{background-color:#2f3356;}
.tab_type3 li.on a {color:#fff; font-weight:700;}
.tab_type3 li:nth-child(n+2):before {content:''; position:absolute; top:1.4rem; bottom:1.4rem; left:0; width:0.067rem; background-color:#ddd}
.tab_type3 li.on::before,
.tab_type3 li.on + li::before {display:none}
.tab_type3 li a {display:block; padding:1.267rem 0; font-size:1.067rem;  color:#666; letter-spacing:-1px;}

.tab_type3.active{position:fixed; top:4rem; right:0; left:0; padding:0; z-index:1;}
.tab_type3.active li:first-child, .tab_type3.active li:last-child{border-radius:0}
.tab_type3.active li { border-bottom:1px solid #d2d2d2;}
.tab_type3.active li.on{background-color:#fff; border-bottom:2px solid #000;}
.tab_type3.active li.on a{color:#000;}
.tab_type3.active li:nth-child(n+2):before {content:''; position:absolute; top:1.4rem; bottom:1.4rem; left:0; width:0.067rem; background-color:#ddd}
.tab_type3.active li.on::before, .tab_type3.active li.on + li::before {display: block;}

/*tab_type4 (조합알림 > 글쓰기)*/
.write_tab {margin-top:2rem;}
.write_tab strong {margin-bottom:0.667rem; display:block; font-size:1.133rem; font-weight:bold;}
.tab_type4{display:flex; gap:0.4rem; width:100%;}
.tab_type4 li{width:calc((100% - 1.333rem)/4); border-radius:2rem; background-color:#f0f0f0; text-align:center;}
.tab_type4 li a {display:block; padding:0.8rem 0; font-size:1.133rem; color:#999; letter-spacing:-1.5px;}
.tab_type4 li.on {border:1px solid #004998; background-color:#f3f6fd;}
.tab_type4 li.on a {color:#000;}

/*dim*/
.dim {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); z-index:1;}

.file_pop {visibility:hidden; position:fixed; top:calc(100% - 4rem); left:50%; transform:translateX(-50%); width:100%; border-radius:1rem 1rem 0 0; overflow:hidden; z-index:2; background-color:#fff; transition: 0.3s;}
.file_pop.active {visibility:visible; transform: translateX(-50%) translateY(-100%);}
.file_pop .file_hd {display:flex; justify-content:space-between; align-items:center; gap:0.667rem; padding: 1.333rem 1.667rem; background-color:#fff; color:#000;}
.file_pop .file_hd h2 {font-size:1.133rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.close_btn{position:relative; width:1.333rem; height:1.333rem; background:transparent; border:none;}
.close_btn span {position: absolute; top:50%; left:50%; width: 1.467rem; height: 0.067rem; background-color: #000;}
.close_btn span:first-child {transform: translate(-50%, -50%) rotate(45deg);}
.close_btn span:nth-child(2) {transform: translate(-50%, -50%) rotate(-45deg);}
.file_pop .file_cont {padding:0 1.333rem 1.333rem;}
.file_pop .file_cont a {margin:0.667rem 0 0 0; display:flex; align-items:center; justify-content:space-between; height:6.333rem; padding-left:1.333rem; text-decoration:none; font-size:0.933rem; border:1px solid #d2d2d2; border-radius:0.667rem;}
.file_pop .file_cont a:nth-of-type(1) {margin-top:0;} 
.file_pop .file_cont a strong{width:70%;font-size:0.933rem; font-weight:400; word-break:break-all;}
.file_pop .file_cont a p {display:flex; justify-content:center; align-items:center; width:4rem; height:100%; background-color:#000; border-radius: 0 0.667rem 0.667rem 0;}
.file_pop .file_cont a p img {width:1.067rem;}
.file_pop .file_cont .file_close {margin-top:2.333rem; padding: 1rem 0; width:100%; border:none; border-radius:0.667rem; background-color:#004998; color:#fff; font-size:1.067rem;}

/*상단 sub_visual*/
.sub_visual {position:relative; padding:3.333rem 0;}
.sub_visual.v2 {padding:3.333rem 0 1.333rem;}
.sub_visual.v3 {padding:1rem 0 1.333rem;}
.sub_visual h3{font-size:1.933rem; font-weight:400;}
.sub_visual img {position:absolute;}
.customer_visual1 {top:1.933rem; right:0; width:7.467rem; animation: customer 1.5s infinite ease-in-out;}
.customer_visual2 {top:8.267rem; right:-1.067rem; width:10rem;}
@keyframes customer{
    0%,100%{
        top:1.933rem;
    }
    50%{
        top:1.267rem;
    }
} 

.qa_visual1 {top:3rem; right:0; width:9rem; animation: qa 1.5s infinite ease-in-out;}
.qa_visual2 {top:9.933rem; right:0; width:9rem;}
@keyframes qa {
    0%,100%{
        top:3rem;
    }
    50%{
        top:2.333rem;
    }
} 

.notice_visual1 {top:2.533rem; right:0.133rem; width:6rem; animation: notice 1.5s infinite ease-in-out;}
.notice_visual2 {top:8.933rem; right:0.333rem; width:7.467rem;}
@keyframes notice{
    0%,100%{
        top:2.533rem;
    }
    50%{
        top:1.867rem;
    }
} 

/*전자투표 vote_visual*/
.vote_visual img{position:absolute; left:50%; top:5.333rem; transform:translateX(-50%);}

.vote_visual .survey_visual1 {width:11.333rem; opacity:0; transition:2s; }
.vote_visual .survey_visual2 {width:6.667rem; top:4.533rem; left:calc(50% - 4.2rem);  opacity:0; transition:1.5s;}
.vote_visual .survey_visual1.active {opacity:1;}
.vote_visual .survey_visual2.active {opacity:1; transition-delay:0.7s;}

.vote_visual .chairman_visual1 {width:12rem; opacity:0; transition:2s;}
.vote_visual .chairman_visual2 {width:3.2rem; top:6.133rem; left:calc(50% + 4.4rem); opacity:0; transition:1.5s;}
.vote_visual .chairman_visual3 {width:1.8rem; top:11.067rem; left:calc(50% - 3.067rem); opacity:0; transition:1.5s;}
.vote_visual .chairman_visual1.active {opacity:1;}
.vote_visual .chairman_visual2.active {opacity:1; transition-delay: 0.7s;}
.vote_visual .chairman_visual3.active {opacity:1; transition-delay: 1s;}

.vote_visual .division_visual1 {width:11.333rem; opacity:0; transition:2s; }
.vote_visual .division_visual2 {width:3.333rem; top:11.2rem; left:calc(50% + 2.533rem);  opacity:0; transition:1.5s;}
.vote_visual .division_visual1.active {opacity:1;}
.vote_visual .division_visual2.active {opacity:1; transition-delay:0.7s;}

/*고객센터*/
.logout {padding-top:1rem; text-align:right;}
.logout button {display:inline-flex; align-items:center; gap:0.4rem; padding:7px 13px; border:1px solid #e2e2e2; border-radius:20px; font-size:14px; font-weight:700; background-color:transparent;}
.logout button img {width: 13px;}
.content_box:not(:first-child){margin-top:1.333rem;}
.content_box > h3 {margin-bottom:0.667rem; font-size:1.133rem; letter-spacing:-0.5px;}
/*cscenter_list*/
.cs_list li{padding:1.667rem 0;}
.cs_list li:not(:last-child){border-bottom:1px solid #d2d2d2;}
.cs_list dl{display:flex; gap:1rem;}
.cs_list dt {position:relative; width:3rem; height:3rem; line-height:3rem; text-align:center; border-radius:50%; background-color:#004998;}
.cs_list dt img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1rem;}
.cs_list li:first-child dt img {left:53%;}
.cs_list dd {display:flex; flex-direction:column; gap:0.533rem; padding-top:0.333rem;}
.cs_list dd h3{font-size:1.133rem; color:#004998; letter-spacing:-0.5px;}
.cs_list dd a.phonenum {display:flex; align-items:center; font-size:1.8rem; font-weight:600; letter-spacing:-0.3px;}
.cs_list dd a.direct {padding-top:0.333rem; color:#004998; text-decoration:underline; text-underline-position: under; letter-spacing:-0.5px;}
.cs_list dd a.direct i {margin:-0.133rem 0 0 0.467rem; font-size:1.333rem; vertical-align:middle;}
.cs_list dd p {line-height:1.4;font-size:1.067rem; letter-spacing:-1px;}
.cs_list dd span{color:#666; letter-spacing:-0.5px;}
/*accordion_list*/
.accordion_list {border-top:1px solid #000;}
.accordion_list .question {position:relative; display:flex; align-items:center; gap:0.667rem; width:100%; padding:1rem 0; border:none; border-bottom:1px solid #d2d2d2; font-size:1.133rem; color:#000; background-color:transparent;}
.accordion_list .question strong {font-weight:400; letter-spacing:-1px;}
.accordion_list .question > i {position:absolute; top:50%; right:0.333rem; transform:translateY(-50%); transition:all 0.3s; font-size:1.467rem;}
.accordion_list li.on .question span,
.accordion_list li.on .question strong {font-weight:700; color:#004998;}
.accordion_list li.on .question > i {transform:translateY(-50%) rotate(-180deg); color:#004998;}
.accordion_list .answer {display:none; line-height:1.4; padding: 1rem  0.733rem 2rem; border:none; background-color:#f2f4f6; letter-spacing:-1px;}
.accordion_list li.on .answer {border-bottom:1px solid #d2d2d2;}
.accordion_list .answer p {font-size:1.067rem; letter-spacing:-1px;}

/*회원검색*/
.lock {overflow:hidden;}

.branch_area{ position:sticky; top:4rem; left:0; width:100%; margin-bottom: 1rem; padding:1.667rem 1.667rem; background-color:#fff; z-index:1;}
.branch_area.scroll{position:fixed; padding:1.667rem;}
.branch_area.active{-webkit-box-shadow: 0 3px 7px 0 rgba(204, 204, 204, 0.3); box-shadow: 0 3px 7px 0 rgba(204, 204, 204, 0.3);}
.branch_area.on::after{content:''; position:absolute; top:0; bottom:0; right:4.667rem; z-index:1; width:1.333rem; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff));}
.tab-buttons{display:flex; flex-wrap:wrap; gap:0.667rem 0.533rem;}
.tab-buttons.active{flex-wrap:nowrap; width:calc(100% - 3.333rem);overflow-x:auto; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
.tab-buttons.active::-webkit-scrollbar {display:none;}
.tab-btn{font-size: 1.067rem; height:2.467rem; padding:0px 0.8rem; border:1px solid #d2d2d2; border-radius:20px; color:#000; background-color:#fff; white-space:nowrap; outline:none;}
.tab-btn.active {font-weight:700; border:1px solid #000; color:#fff; background-color:#000;}

.tab_toggle_btn{position:absolute; top:1.667rem; right:1.333rem; min-width:2.467rem; min-height:2.467rem; color:#000; border:1px solid #d2d2d2; border-radius:50%; background-color:#fff;}
.tab_toggle_btn::after {content:'\f107'; font-family:fontAwesome; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(180deg); transition:0.3s;}
.tab_toggle_btn.active::after {transform:translate(-50%, -50%) rotate(0deg);}
.branch_area.scroll .tab_toggle_btn {right:1.333rem;}

.search_area{background:#fff;position:relative; margin-bottom:2rem;}
.search_area div {width:calc(100% - 6.667rem);position:relative;}
.search_area legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
.search_area select {position:relative; width:6.667rem; height:3.333rem; padding: 0 0.667rem; border:none; border-radius: 0.533rem 0 0 0.533rem; font-size:1rem; color:#000; appearance: none; background:url('/img/mobile/down_icon.png') no-repeat right 0.733rem center; background-size: 0.667rem; background-color:#f5f5f5; outline-offset:-2px;}
.search_area .sch_input {width:100%;height:3.333rem; background-color:#f5f5f5; padding:0 2.667rem 0 0.667rem; border:none; border-radius:0 0.533rem 0.533rem 0; font-size:1rem; outline-offset:-2px;}
.search_area .sch_input::placeholder{color:#ccc;}
.search_area .sch_btn {height:3rem; position:absolute; top:50%; right:0; transform:translateY(-50%);border:0; width:2.667rem; background:none; font-size:1.133rem; color:#000;}
.search_area > form {display:flex; align-items:center; width:100%;}

.bo_list_option {display:flex; justify-content:space-between; align-items:center;}
.bo_list_option p {margin-bottom:0.667rem; display:flex; align-items:center; gap:0.333rem; color:#004998; font-weight:500;}
.bo_list_option p span {width:1.133rem; height:1.133rem; line-height:1.2rem; padding-right:0.067rem; border-radius:50%; font-size:0.733rem; font-weight:bold; text-align:center; color:#fff; background-color:#004998;}
#bo_list_total {font-size: 0.867rem; padding-bottom: 0.267rem; color: #8b8b8b; text-align: right;}

#memberList{display:flex; flex-direction:column; gap:1.333rem;}
.member_box {padding:0 1.2rem 1.333rem; border: 1px solid #d2d2d2; border-radius:10px;}
.member_box .member_pop_btn {position:relative; width:100%; padding:1.333rem 1rem 1.2rem 0; font-size:1.133rem; color:#000; border:none; font-weight:700; text-align:left; background-color:transparent; letter-spacing:-1px;}
.member_box .member_pop_btn::after{content:'\f105'; font-family:fontAwesome; position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:1.467rem; font-weight:400;}
.member_box .member_info {position:relative; display: flex; gap: 1rem; padding: 1.8rem 0 0; border-top:1px solid #d2d2d2;}
.member_box .member_info .member_photo {width: 4.667rem; height:4.667rem; border: 1px solid #d2d2d2; border-radius:50%; overflow:hidden; text-align:center;}
.member_box .member_info .member_photo.list::after {content:'\f00e'; font-family:fontAwesome; position:absolute; top:5.133rem; left:3.667rem; padding:0.267rem; background-color:#fff; border-radius:50%; font-size:0.933rem; color:#000;}
.member_box .member_info .member_photo img {max-width:100%; max-height:100%;}
.member_box .member_info ul {display:flex; flex-direction:column; gap:0.533rem; width:calc(100% - 5.667rem);}
.member_box .member_info dl {display:flex; align-items:baseline;}
.member_box .member_info dl dt {width:3.867rem; font-weight:700;}
.member_box .member_info dl dd {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 3.867rem); font-weight:400;}
.member_box .member_info dl dd.num {letter-spacing:0;}
.member_box .member_info dl dd span {font-size:0.867rem; font-weight:700; color:#999;}
/* .member_box dd a, .ceo_box dd a {margin-left:10px; display: inline-flex; align-items:center; justify-content:center; width: 24px; height:24px; line-height:28px; border:1px solid #004998; border-radius:50%; vertical-align:middle;} */

.member_box.v2 .member_info {align-items:center; padding:1.467rem 0 0;}
.member_box.v2 a {position:relative; width:100%;}
.member_box.v2 a span {position:absolute; top:-0.333rem; right:0; display:flex; justify-content:center; align-items:center; width:2rem; height:2rem; border-radius:50%; background-color:#004998;}
.member_box.v2 a span img {height:1.2rem;}

.more_wrap {margin-top:2rem; text-align:center;}
.load_more_btn {display:inline-flex; align-items:center; padding:0.667rem 1.333rem; border:1px solid #000; border-radius: 2rem; background-color:transparent; color:#000;}
.load_more_btn i {margin-right:0.667rem; font-size:1.333rem;}

/*회원 상세*/
#fullPopup {position:fixed; top:0; bottom:0; right:0; left:0; background-color:#f3f6fd; z-index:3; overflow:auto;}
.full_popup_content {padding:3rem 1.667rem 0;}
.full_popup_hd {position:fixed; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; height:3rem; padding:0 1.667rem; background-color:#fff; z-index:1;}
.full_popup_hd h2{font-size:1.133rem; font-weight:800;}
.popup_close_down {width:100%; line-height:3.467rem; border:none; font-size:1.067rem; color:#fff; background-color:#004998; z-index:1;}
.popup_close_up {border:none; background-color:transparent;}
.popup_close_up img {width:0.933rem;}

.ceo_box {position:relative; padding:1.667rem 1rem 2.667rem;}
.ceo_box .ceo_photo {margin:0 auto; display:block; width:6.667rem; height:6.667rem; border-radius:50%; overflow:hidden; text-align:center; border: 1px solid #d2d2d2;}
.ceo_box .ceo_photo::after {content:'\f00e'; font-family:fontAwesome; position:absolute; top:7.2rem; right:50%; transform:translateX(calc(50% + 3rem)); font-size:0.933rem; color:#000;}
.ceo_box .ceo_photo::after {content:'\f00e'; font-family:fontAwesome; position:absolute; top:6.4rem; right:50%; transform:translateX(calc(50% + 2.667rem)); font-size:0.933rem; color:#000; padding:0.4rem; border-radius:50%; background-color:#f3f6fd;}
.ceo_box .ceo_photo img {width:100%; height:100%; object-fit:cover;}
.ceo_box .ceo_name {display:flex; align-items:center; justify-content:center; gap:0.267rem; margin-top:0.667rem;}
.ceo_box .ceo_name strong {font-size:1.333rem; font-weight:500;}
.ceo_box .ceo_name span {padding:0.2rem 0.667rem; border-radius:20px; background-color:#ea635f; color:#fff; font-size:1rem; font-weight:600;}
.ceo_box .ceo_info{margin: 2.333rem 0 0;}
.ceo_box .ceo_info ul {display:flex; flex-direction:column; gap:0.533rem; padding:0 1.667rem;}
.ceo_box .ceo_info dl {display:flex; align-items:flex-start;}
.ceo_box .ceo_info dt {width: 4.333rem; font-weight:700;}
.ceo_box .ceo_info dd {display:flex; justify-content:space-between; align-items:center; width: calc(100% - 4.333rem);}
.ceo_box .ceo_info dd.num {letter-spacing:0;}

.full_popup_content .member_box{margin-bottom:1.333rem; background-color:#fff;}
.full_popup_content .member_box:nth-last-of-type(1){margin-bottom:2.333rem;}
.member_slide_btn {position:relative; width:100%; padding:1.067rem 0.8rem 0.933rem 0; font-size:1.133rem; color:#000; border:none; text-align:left;  background-color:transparent;}
.member_slide_btn::before{content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:0.8rem; height:0.2rem; background-color:#000;}
.member_slide_btn::after{content:''; position: absolute; top:50%; right:0.333rem; transform:translateY(-50%) rotate(-90deg); width:0.2rem; height:0.8rem; background-color:#000; transition:0.3s;}
.full_popup_content .member_box.active .member_slide_btn::after{transform:translateY(-50%) rotate(0);}
.full_popup_content .member_box.active {padding-bottom:0.133rem;}

.member_slide_btn strong {margin-right:0.667rem; padding:0.2rem 0.667rem; border-radius:20px; background-color:#ea635f; color:#fff; font-size:0.933rem; font-weight:600;}
.member_slide_btn span {margin-left:0.267rem; font-size:0.867rem; font-weight:700; color:#999;}
.member_info dd.email {letter-spacing:-1px;}

.company_map {position:relative; padding:2.467rem 1.667rem 3rem;}
.company_map::before {content:''; position:absolute; top:0; left:0; right:0; height:0.467rem; background-color:#e4e2e3;}
.company_map h3 {margin-bottom:0.667rem; font-size:1.133rem; font-weight:700;}
.company_map .map {margin-top:0; border-radius:0.667rem; overflow:hidden;}
.company_addr {margin-top:1rem; display:flex; align-items:flex-start; gap:0.8rem; padding:1.333rem; border-radius:10px; background-color:#e7edff;}
.company_addr img {width:1.067rem;}
.map_info {display:flex; justify-content:space-between; align-items: flex-start; gap:0.667rem; width:100%; line-height:1.4;}
.map_info button {min-width:2.667rem; border:none; border-radius:15px; padding:0.133rem 0; background-color:#aaa; color:#fff; font-size:0.867rem;}
.map{margin-top:3.333rem;}/*조합알림 상세보기 지도*/

/*새글 등록 알림*/
.alarm_pop{position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:3; display:none}
.alarm_hd {position:fixed; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; height:4rem; padding: 0 1.667rem; background-color:#fff; z-index:1;}
.alarm_hd h2 {font-size: 1.133rem; font-weight:800;}
.alarm_pop iframe{width:100%; height:100vh; border:0}

.alarm_tab_area {position:fixed; top:4rem; left:0; width:100vw; height:4rem; padding:1rem 1.667rem; z-index:1;}
.alarm_tab_area::after{content:''; position:absolute; top:0; bottom:0; right:1.667rem; z-index:1; width:1.333rem; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(233, 233, 233, 0)), color-stop(100%, #e9e9e9));}
.alarm_tab_area.on{background-color:#fff; -webkit-box-shadow: 0 3px 7px 0 rgba(204, 204, 204, 0.3); box-shadow: 0 3px 7px 0 rgba(204, 204, 204, 0.3);}
.alarm_tab_area.on::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff));}
.alarm_tab {display:flex; flex-wrap:nowrap; gap:0.333rem; width:100%; padding-right:1rem; overflow:auto;}
.alarm_tab::-webkit-scrollbar {display:none;}
.alarm_tab button {padding:0.333rem 0.8rem; border:1px solid #e2e2e2; border-radius: 20px; font-size:0.933rem; font-weight:600; color:#000; background-color:#fff; white-space:nowrap;}
.alarm_tab button.active {background-color:#000; color:#fff; font-weight:200;}

.alarm_desc {margin-top:4rem; border-radius:5px; color:#666; text-align:left; font-size:0.867rem;}
.alarm_desc span {margin-right:0.333rem; display:inline-block; width:1.133rem; height:1.133rem; line-height:1.2rem; padding-right:0.067rem; border:1px solid #999; border-radius: 50%; color:#999; font-size:0.733rem; font-weight: bold; text-align: center;}

.alarm_list {height:100vh;padding:4rem 1.667rem; background-color:#e9e9e9; overflow:auto;}
.alarm_list li {position:relative; margin-top:0.8rem; padding:1.333rem 2.333rem 1.333rem 3.333rem; border:1px solid #e2e2e2; border-radius:10px; background-color:#fff;}
.alarm_list li::before {content:''; position:absolute; top:1.133rem; left:1rem; width:1.8rem; height:1.8rem; border-radius:50%;}
.alarm_list li::after {content:''; position:absolute; top:1.2rem; left:2.733rem; width:0.267rem; height:0.267rem; border-radius:50%; background-color:red;}

.alarm_list li.date_title {margin-top:2.667rem; padding:0; border:none; background-color:transparent; font-size:1.067rem; font-weight:500;}
.alarm_list li.date_title::before{content:none;}
.alarm_list li.date_title::after{content:none;}
.alarm_list li:first-child {margin-top:1.2rem;}
.alarm_list li.read::after {content:none;}

.alarm_list li.official2_alert::before{background:url('/img/mobile/official2_alarm_icon.png') no-repeat center; background-size:0.733rem; background-color:#004998;}
.alarm_list li.news_alert::before{background:url('/img/mobile/news_alarm_icon.png') no-repeat center; background-size:0.733rem; background-color:#0099ff;}
.alarm_list li.condolence_alert::before{background:url('/img/mobile/event_alarm_icon.svg') no-repeat center; background-size:0.8rem; background-color:#8846ca;}
.alarm_list li.notice_alert::before{background:url('/img/mobile/notice_alarm_icon.svg') no-repeat center; background-size:0.867rem; background-color:#c946c7;}
.alarm_list li.qa_alert::before{background:url('/img/mobile/qa_alarm_icon.svg') no-repeat center; background-size:0.867rem; background-color:#4aa3ab;}

.alarm_preview span {font-size:0.933rem; font-weight:700; color:#888;}
.alarm_preview h3 {margin-top:0.8rem; font-size:1.067rem; font-weight:700; word-break:break-all;}

.alarm_list li .alarm_datetime {margin-top:0.8rem; font-size:0.867rem; color:#999;}

.alarm_list .alarm_del {position:absolute; top:1.133rem; right:1rem; color:#c7c9cb; border:none; background-color:transparent;}
.alarm_list .alarm_del img {width:1.067rem;}

.alert_pop {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.4); z-index:3;}
.alert_pop .alert_pop_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:16.667rem; padding:2.667rem 1.333rem 1.667rem; border-radius: 10px; background-color:#fff; text-align:center;}
.alert_pop strong {display:block; margin-bottom:0.667rem; font-size:1.133rem;}
.alert_pop p {margin-bottom:2.667rem; font-weight:500; color:#333;}

/*조합 건의사항*/
/*info_box*/
.info_box {margin:2.667rem 0 3rem;}
.info_box > strong {margin-bottom:1rem; display:flex; align-items:center; gap:0.333rem;}
.info_box > strong span {padding-right:0.067rem; width:1.2rem; height:1.2rem; line-height:1.133rem; color:#ccc; border:1px solid #ccc; border-radius:50%; font-size:0.8rem; text-align:center;}
.info_box > ul li {position:relative; padding-left:0.4rem; line-height:1.3; font-size:1rem; color:#666;}
.info_box > ul li:not(:first-child){margin-top:1rem;}
.info_box > ul li::before {content:''; position:absolute; top:0.533rem; left:0; width:0.133rem; height:0.133rem; background-color:#999; border-radius:50%;}
.info_box > ul li u {color:#000;}

/*게시판*/
/*게시물이 존재하지 않을 경우*/
.no_post {text-align:center; border-bottom:none !important;}
.no_post.v2 {padding-top: 4rem;}
.no_post.v3 {padding-top: 6.667rem;}
.no_post p {margin-top: 1.333rem; font-weight: 500;}
.no_post img {width:6.667rem;}
.no_post img.no_post2 {width: 6.133rem;}

/* 게시판 쓰기 */
.form_01 {margin-bottom:2.667rem;}

#bo_w {padding-top:3rem;}
#bo_w label {font-size:1.133rem; font-weight:bold;}
#bo_w label > img {margin-top:-0.667rem;}

#bo_w .frm_input,
#bo_w textarea {margin-top:0.667rem; padding:1.2rem; border-radius:10px;}
#bo_w textarea::placeholder{color:#999; font-size: 1.133rem;}

#bo_w .bo_w_flie {padding-top:3rem;}
#bo_w .bo_w_flie.active {padding-top:0;}
.bo_w_flie > p{margin-top:0.667rem; font-size:0.933rem; color:#999;}

#bo_w .email_area {margin-top:2.333rem;}
#bo_w .email_area label {font-size:1rem;;}
#bo_w .email_area .input_check:checked + label{color:#000;}
#bo_w .email_area .input_check:checked + label:before {content:''; background:url('/img/mobile/check_icon_bold.png') no-repeat center; background-size:0.667rem; background-color:#000;}
#bo_w .email_area strong {margin-bottom:0.533rem; display:block; font-size:1.133rem; color:#333;}
.email_cont {position:relative; margin-top:0.8rem; padding:1.2rem 0 0.8rem; border-top:1.5px solid #000; border-bottom:1px solid #d2d2d2;}
.email_cont p {margin-bottom:0.8rem;}
#bo_w .email_cont .frm_input {margin:0;}

/*링크연결*/
.link_area > p {margin:0.533rem 0 1rem; font-size:0.933rem; color:#666;}
.link_area .link_box:nth-of-type(2) {margin-top:1rem;}
.link_box {position:relative;}
.link_box button {position:absolute; top:0; right:0; border:none; background-color:#fff;}
.link_box button::before {content:''; position:absolute; top:50%; left:-1.067rem; transform:translateY(-50%); width:0.733rem; height:0.1rem; background-color:#666;}
.link_box .add_link::after {content:''; position:absolute; top:50%; left:-0.733rem; transform:translateY(-50%); width:0.1rem; height:0.733rem; background-color:#666;}
.link_box strong {margin-bottom:0.533rem; display:block; font-size:1.133rem; color:#333;}
.link_box input {width:100%; padding-left:0.533rem; line-height:2.667rem; border:1px solid #d2d2d2; border-radius: 5px;}
.link_box input::placeholder {color:#999;}
.link_box input:nth-of-type(1) {margin-bottom:0.533rem;}

/*view > link*/
#link_view {margin-top:2rem;}
#link_view h2 {color:#333;}
#link_view li {margin-top:0.533rem; line-height:1.4; padding:0.667rem 0.8rem; border:1px solid #d2d2d2; border-radius:8px;}
#link_view li:nth-child(2) {margin-top:0.8rem;}
#link_view li a	{display:flex; align-items:center; justify-content:space-between; gap:1.333rem;}
#link_view li a	p {width:calc(100% - 5.667rem); font-weight:500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break:break-all;}
#link_view li a	span {width:4.333rem; font-size:0.933rem; color:#666;}
#link_view li a	span img {margin-left:0.267rem; width: 1.067rem;}

/*파일첨부*/
.filebox {margin-top:2rem;}
.filebox strong {margin-bottom:0.533rem; display:block; font-size:1.133rem; color:#333;}
.filebox p {margin:0.533rem 0 1rem; font-size:0.933rem; color:#666;}

.select_file{top:0; width:100%; display:none;}
.select_file.active{position:relative; display:flex; gap:0.667rem;}

.view_file{margin-top:0.533rem; display:none;}
.view_file.active{display:block;}

.select_file input {width:calc(100% - 5.867rem); line-height:2.667rem; border-radius: 5px; background-color:#f0f0f0; color:#f0f0f0;}
.select_file input::file-selector-button{color:#f0f0f0; background-color:#f0f0f0; border:none;}
.select_file span.btn_file {margin-left:0.333rem;display:inline-block; border-radius:5px; width:5.333rem; line-height:2.667rem; color:#fff;font-size:1rem; font-weight:400;background:#000;text-align:center;vertical-align:middle;cursor:pointer}

.view_file input {width:calc(100% - 5.867rem); line-height:2.667rem; padding-left:0.533rem; border:1px solid #f0f0f0; border-radius: 5px; background-color:#fff;}
.view_file input::file-selector-button{display:none;}
.view_file .bf_file_del {margin-left:0.333rem;display:inline-block; border:none; border-radius:5px; width:5.333rem; line-height:2.667rem; color:#000;font-size:1rem; font-weight:400;background:#f0f0f0;text-align:center;vertical-align:middle;cursor:pointer}

/*view > file*/
#bo_v_file {margin-top:1.2rem;}
#bo_v_file h2 {font-size:1rem; font-weight:500; color:#333;}
#bo_v_file ul {margin-top:0.667rem;list-style:none}
#bo_v_file li {padding:0.667rem; background-color:#f5f5f5; border-radius:5px;}
#bo_v_file li:not(:first-child) {margin-top:0.667rem;}
#bo_v_file a {display:flex; align-items:center; gap:0.667rem; text-decoration:none; color:#666;}
#bo_v_file a strong {line-height:1.4; font-size:0.933rem; font-weight:400; word-break:break-all;}
#bo_v_file img {width:1.067rem;}

/*주소입력*/
.addressbox strong {margin-bottom:0.533rem; display:block; font-size:1.133rem; color:#333;}
.addressbox input[type=text] {margin-top:0.533rem; padding-left:0.533rem; width:100%; line-height:2.667rem; border:none; border-radius: 5px; border:1px solid #f0f0f0; background-color:#f0f0f0; color:#000; }

.addressbox input[type=text]:nth-of-type(1) {margin-top:0; width:calc(100% - 5.867rem);}
.addressbox input[type=text]:nth-of-type(5) {border:1px solid #d2d2d2; background-color:#fff;}
.addressbox input[type=text]:nth-of-type(5)::placeholder {color:#999;}
.addressbox input[type=button] {margin-left:0.333rem; display:inline-block; border:none; border-radius:5px; width:5.333rem; line-height:2.667rem; color:#fff; font-size:1rem; font-weight:400;background:#000;text-align:center;vertical-align:middle;}

/*전자투표*/
.vote_visual{position:relative; width:100%; height:25.467rem;}
.vote_visual .visual_cont {position:absolute; left:0; bottom:2.667rem; width:100%; text-align:center;}
.vote_visual p {margin-top:1rem; font-size:1.4rem; font-weight:300; color:#fff; letter-spacing:-1px;}
.vote_wrap{position:absolute; top:24.667rem; left:0; width:100%; padding:2rem 1.667rem 7.667rem; border-radius:1rem; background-color:#fff;}

.vote_list{border-top:1px solid #888888;}
.vote_list li {padding:2.667rem 0 1.667rem; border-bottom:1px solid #e7e7e7;}
.vote_list li .vote_cont {padding:1.333rem 1.2rem; border-radius:10px;}

.vote_info {display:block; width:100%; padding-bottom:1rem; border-bottom:1px solid #e7e7e7;}
.vote_info span {display:inline-block; margin-bottom:0.867rem; padding:0.267rem 0.8rem; border-radius:4px; color:#fff; font-size:0.8rem; font-weight:300;}
.vote_info span.end {background-color:#bbb;}
.vote_info .list_title {margin-bottom:0.867rem; font-size:1.133rem; letter-spacing:-1px; word-break:break-all; overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.vote_info p.bo_date {font-size:0.933rem; color:#999; letter-spacing:-0.5px; vertical-align:middle;}

.vote_button {padding-top:1rem;}
.vote_button a {display:block; width:100%; line-height:2.8rem; border-radius:8px; font-size:1.067rem; font-weight:500; text-align:center;}
.vote_button button {width:100%; height:2.8rem; border:1px solid #7433cc; border-radius:8px; font-weight:500;}
.vote_button .success {background-color:#fff;}
.vote_button .warning,
.vote_button .result {color:#fff;}