@charset "UTF-8";

/* 추가 페이지 공통 */
.page_tit {margin-bottom:20px;padding-left:22px;font-size:24px;line-height:1;font-weight:700;background-image:url(/new2025/images/icon/ic_leaf.png);background-repeat:no-repeat;background-position:left center}
.page_tit.no_icon {padding-left:0;background-image:none}
.page_gap {margin-bottom:40px}
.page_gap:last-child {margin-bottom:0}

.guide_box {margin-bottom:40px;padding:35px 40px;border:1px solid #e1e1e1;background-image:url(/new2025/images/icon/ic_guide.png);background-repeat:no-repeat;background-position:left 40px center;position:relative}
.guide_box .list_txt_group {margin-left:104px}
.guide_box .list_txt_group .list_txt {margin-bottom:10px;font-size:1em;font-weight:500;color:#212121}
.guide_box .list_txt_group .list_txt .icon {}
.guide_box .btn_default {width:200px;font-size:1.1em;position:absolute;right:35px;top:50%;transform:translateY(-50%)}
.guide_box .btn_default .icon {}

/* 콘텐츠 없을 때 */
#empty_row::before {display:none !important}
.no_contents {padding:30px 10px;text-align:center;background-color:transparent}
.no_contents .icon_box {width:80px;height:80px;margin:0 auto 15px auto;color:#6d6d6d;border-radius:100%;background-color:#f5f5f5}
.no_contents .icon_box .icon {display:inline-block;font-size:48px;line-height:103px}
.no_contents .title {margin-bottom:8px;font-size:18px;font-weight:700}
.no_contents .title:last-child {margin-bottom:0}
.no_contents .text {font-size:1rem !important}

/* 커뮤니티 목록 */
.syn_box {display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:12px 12px 12px 24px;border:1px solid #e1e1e1;position:relative}
.syn_box .synthesis {}
.syn_box .synthesis .num {color:var(--colorMain);font-weight:700}
.syn_box .user_info {display:flex;align-items:center;column-gap:40px} 
.syn_box .user_info .info_list {display:inline-flex;align-items:center;column-gap:30px}
.syn_box .user_info .dl {display:flex;align-items:center}
.syn_box .user_info .dl .dt {color:#212121;font-weight:700;position:relative}
.syn_box .user_info .dl .dt:not(.noline) {margin-right:12px;padding-right:12px;}
.syn_box .user_info .dl .dt:not(.noline)::after {display:block;width:1px;height:16px;content:"";background-color:#e1e1e1;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.syn_box .user_info .dl .dd {}
.syn_box .user_info .dl input[type="checkbox"] {width:17px;height:17px;margin:0 3px 0 0;cursor:pointer;appearance:auto;vertical-align:middle}
.syn_box .user_info .btn_default {min-width:100px}
.com_table_cont .table_box .board_write tbody tr td #vote_zone .chk_list {display:flex;align-items:center}
.com_table_cont .table_box .board_write tbody tr td #vote_zone .chk_list label {line-height:1}
.com_table_cont .table_box .board_write tbody tr td #vote_zone .radio_list label {line-height:1}
.com_table_cont .table_box .board_write tbody tr td #vote_zone .radio_list .radio_inp {margin:0}
.end_date_box {display:flex;column-gap:10px}
#limit_zone input {margin-bottom:5px}
#limit_zone input:last-child {margin-bottom:0}

/* 커뮤니티 해시태그 */
.hash_inp {}
.hash_inp input {max-width:320px}
.hash_inp .btn_default {height:2.667rem;vertical-align:top}
.hash_inp .btn_default .icon {}
.hash_inp .text {display:inline-block;margin-left:10px;vertical-align:middle}
.hash_list {margin-top:5px}
.hash_list .hash_list {margin-top:12px}
.hash_list .hash_list.s2 {margin:0 0 12px 0}
.hash_list .hash_tag {display:inline-block;margin-right:5px;color:var(--colorMain);line-height:1.4;border:1px solid var(--colorMain);border-radius:28px}
.hash_list .hash_tag:last-child {margin-right:0}
.hash_list .hash_tag .tag_txt {display:inline-block;margin:0;padding:2px 0 2px 8px;color:inherit;font-weight:500}
.hash_list .hash_tag .btn_delete {padding-right:8px;color:inherit;vertical-align:middle}
.hash_list.s2 {margin:0 0 15px 0}
.hash_list.s2 .hash_tag .tag_txt {padding-right:8px}

/* 커뮤니티 > 상세페이지 내 이미지 슬라이드 */
.detail_img_slider {position:relative}
.detail_img_slider .slide_wrap {height:314px}
.detail_img_slider .slide_inner {height:100%}
.detail_img_slider .slick-list {height:100%}
.detail_img_slider .slick-track {height:100%;transition:0 !important}
.detail_img_slider .slide_box {display:flex;align-items:center;margin:0 20px;width:300px;transition:opacity 0.4s ease}/*width:160px;*/
.detail_img_slider .slide_box .img_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:100%;position:relative;opacity:0.8}
.detail_img_slider .slide_box .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;border-radius:16px;box-shadow:0 1px 8px rgba(0, 0, 0, 0.24);position:absolute;left:0;top:0;overflow:hidden}
.detail_img_slider .slide_box .img img {}/*height:100%;max-height:inherit*/
/* .detail_img_slider .slide_box.slick-current {margin:0 190px;transform:scale(1.8375)}scale(1.7818) */
/* .detail_img_slider .slide_box.slick-current .img_box {opacity:1} */
.detail_img_slider .slide_box.slick-current {}/*scale(1.7818)*/
.detail_img_slider .slide_box.slick-current .img_box {opacity:1}
.detail_img_slider .ctrl {}
/* .detail_img_slider .ctrl .arrow {display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#fff;border:1px solid #e1e1e1;border-radius:100%;position:absolute;top:calc(50% - 8px);transform:translateY(-50%)} */
/* .detail_img_slider .ctrl .arrow .icon {font-size:30px;color:green} */
/* .detail_img_slider .ctrl .arrow.prev {left:405px} */
/* .detail_img_slider .ctrl .arrow.prev .icon {transform:translateX(-2px)} */
/* .detail_img_slider .ctrl .arrow.next {right:405px} */
/* .detail_img_slider .ctrl .arrow.next .icon {transform:translateX(2px)} */
.detail_img_slider .ctrl .arrow {display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#fff;border:1px solid #e1e1e1;border-radius:100%;position:absolute;top:calc(50% - 8px);transform:translateY(-50%)}
.detail_img_slider .ctrl .arrow .icon {font-size:30px;color:green}
.detail_img_slider .ctrl .arrow.prev {left:0}
.detail_img_slider .ctrl .arrow.prev .icon {transform:translateX(-2px)}
.detail_img_slider .ctrl .arrow.next {right:0}
.detail_img_slider .ctrl .arrow.next .icon {transform:translateX(2px)}
.detail_img_slider .count {margin-top:18px;text-align:center}
.detail_img_slider .count .now {color:var(--colorMain)}

/* 커뮤니티 > 상세페이지 내 투표 */
.vote_obj {width:800px;margin:0 auto;padding:40px;border:1px solid #e1e1e1;background-color:#fff}
.vote_obj .vote_typo {margin-bottom:20px;padding-left:18px;border-left:6px solid var(--colorMain)}
.vote_obj .vote_tit {margin-bottom:10px;font-weight:700;font-size:28px;line-height:1.4}
.vote_obj .vote_info {}
.vote_obj .vote_info .dl {display:inline-block;margin-right:35px;vertical-align:top}
.vote_obj .vote_info .dl:last-child {margin-right:0}
.vote_obj .vote_info .dt {display:inline-block;margin-right:7px;padding-right:11px;color:#212121;font-weight:500;position:relative}
.vote_obj .vote_info .dt::after {width:1px;height:15px;content:"";background-color:#e1e1e1;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.vote_obj .vote_info .dd {display:inline-block;color:#616161}
.vote_obj .active_box {border-top:2px solid #BDBDBD;border-bottom:2px solid #BDBDBD}
.vote_obj .active_list li {display:block;width:100%;padding:9px 20px;border-bottom:1px solid #e1e1e1;position:relative}
.vote_obj .active_list li:last-child {border-bottom:0}
.vote_obj .active_list li input[type="radio"], 
.vote_obj .active_list li .vchkbox {width:24px;height:24px;margin:0;position:relative;left:auto;top:auto}
.vote_obj .active_list li .vchkbox i {font-size:inherit}
.vote_obj .active_list li .text {display:inline-block;width:calc(100% - 34px);transform:translateY(-1px)}
.vote_obj .active_list .flex_label {display:flex;column-gap:10px;color:#212121;font-weight:500;font-size:18px;line-height:1.5}
.vote_obj .active_list li .flex_label {padding-left:0;}
.vote_obj .chk_list {}
.vote_obj .chk_list .inner {}
.vote_obj .chk_list li .chk_each {}
.vote_obj .chk_list li input {height:auto;opacity:0}
.vote_obj .radio_area {display:block;margin-left:0;padding-left:0}
.vote_obj .radio_area .inner {}
.vote_obj .radio_area li {}
.vote_obj .radio_area li input {}
.vote_obj .radio_area li label {}
.vote_obj .radio_area .radio_inp:checked:before {width:14px;height:14px}
.vote_obj .vote_result {padding:12px 0}
.vote_obj .vote_result .inner {}
.vote_obj .result_bar {height:51px;margin-bottom:10px;border:1px solid #e1e1e1;border-radius:5px;overflow:hidden;position:relative}
.vote_obj .result_bar:last-child {margin-bottom:0}
.vote_obj .result_bar .text {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:calc(100% - 120px);font-weight:500;overflow:hidden;position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:2}
.vote_obj .result_bar .result {max-width:100px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:2}
.vote_obj .result_bar .result .percent {color:var(--colorMain);font-weight:500}
.vote_obj .result_bar .result .count {color:var(--colorMain);font-weight:500}
.vote_obj .result_bar .bg {height:100%;background-color:#eee;position:absolute;left:0;top:0;z-index:1}
.vote_obj .result_bar.current {}
.vote_obj .result_bar.current .text {font-weight:700}
.vote_obj .result_bar.current .bg {background-color:#9DDBB0}
.vote_obj .btn_default.enter {width:100%;margin-top:22px}

/* 사용자명 클릭 시 메뉴 */
.btn_name_menu {position:relative}
.btn_name_menu.current {color:var(--colorMain);font-weight:500}					
.name_menu_list {display:none;width:110px;padding:0 15px;background-color:#fff;border:1px solid #e1e1e1;box-shadow:0 0 12px rgba(0, 0, 0, 0.12);position:absolute;left:0;top:30px;z-index:1}
.name_menu_list .menu_txt {border-bottom:1px solid #e1e1e1}
.name_menu_list .menu_txt:last-child {border-bottom:0}
.name_menu_list .menu_txt .btn {display:block;width:100%;padding:12px 0;font-size:15px;line-height:1;color:#212121}
.name_menu_list .menu_txt .btn:hover, 
.name_menu_list .menu_txt .btn:focus {color:var(--colorMain);text-decoration:underline;font-weight:500}

/* 사진편집, 사진검증 */
.flex_grid {display:flex;column-gap:80px;align-items:flex-start}
.flex_grid .grid {flex:1}
.flex_grid .photo_upload {padding:80px;background-color:#FAFAFA}
.flex_grid .photo_upload button {transition:0.2s}
.flex_grid .photo_upload .page_tit {font-size:40px;font-weight:700;color:#212121;text-align:center} 
.flex_grid .photo_upload .drag_box {width:297px;height:386px;margin:20px auto;text-align:center;background-color:#fff;border:12px solid #eee;border-radius:8px;position:relative}
.flex_grid .photo_upload .drag_box.ok {border-color:#0062E5}
.flex_grid .photo_upload .drag_box.non {border-color:#DA120D}
.flex_grid .photo_upload .drag_box .img {position:relative;z-index:1}
.flex_grid .photo_upload .upload_txt {display:block;width:100%;padding:0 45px;text-align:center;position:absolute;left:50%;bottom:68px;transform:translateX(-50%)}
.flex_grid .photo_upload .btn_upload {width:80px;height:80px;font-size:75px;color:#bdbdbd;position:absolute;left:50%;top:calc(50% - 40px);transform:translate(-50%, -50%)}
.flex_grid .photo_upload .btn_upload .icon {}
.flex_grid .photo_upload .btn_delete {width:40px;height:40px;font-size:25px;position:absolute;right:10px;top:10px;z-index:2}
.flex_grid .photo_upload .btn_delete:hover .icon, 
.flex_grid .photo_upload .btn_delete:focus .icon {animation:deleteIconRotate 0.3s 1 forwards}
.flex_grid .photo_upload .btn_change {width:calc(100% + 24px);height:56px;font-size:20px;text-align:center;line-height:56px;color:#fff;border-radius:0 0 8px 8px;background-color:rgba(0,0,0,0.5);position:absolute;left:-12px;bottom:-12px;z-index:2}
.flex_grid .photo_upload .btn_change:hover,
.flex_grid .photo_upload .btn_change:focus {background-color:rgba(0,0,0,0.8)}
.flex_grid .photo_upload .state {width:130px;margin:0 auto;line-height:44px;color:#fff;font-size:20px;text-align:center;background-color:#0062E5;border-radius:44px}
.flex_grid .photo_upload .state.non {background-color:#DA120D}
.flex_grid .photo_upload .state .icon {vertical-align:middle}
.flex_grid .photo_upload .list_txt_group {margin-top:50px}
.flex_grid .photo_upload .list_txt_group .list_txt {}
.flex_grid .photo_upload .guide_line {width:420px;height:525px;margin:40px auto 0 auto;scrollbar-width:none;overflow:auto}
.flex_grid .photo_upload .canvas {}
.flex_grid .info_toggle {}
.flex_grid .info_toggle .tog_list {}
.flex_grid .info_toggle .tog_li {}
.flex_grid .info_toggle .tog_li .btn {display:block;width:100%;padding:15px 24px;color:#212121;text-align:left;border:1px solid #e1e1e1;border-bottom:0;background-color:#fff;position:relative}
.flex_grid .info_toggle .tog_li:last-child .btn {border-bottom:1px solid #e1e1e1}
.flex_grid .info_toggle .tog_li .icon {color:#9E9E9E;position:absolute;right:24px;top:50%;transform:translateY(-50%)}
.flex_grid .info_toggle .tog_li .tog_tit {display:inline-block;max-width:calc(100% - 30px);line-height:1.4;font-size:24px;font-weight:700;position:relative;transition:0.2s}
.flex_grid .info_toggle .tog_li .tog_tit::before {width:0;height:3px;content:"";background-color:var(--colorMain);position:absolute;left:0;bottom:0;transition:width 0.2s}
.flex_grid .info_toggle .tog_li .desc_box {display:none;padding:24px;background-color:#FAFAFA;border:1px solid #e1e1e1;border-bottom:0}
.flex_grid .info_toggle .tog_li:last-child .desc_box {border-bottom:1px solid #e1e1e1;border-top:0}
.flex_grid .info_toggle .tog_li .list_txt_group {}
.flex_grid .info_toggle .tog_li .list_txt_group .list_txt {font-size:1em;color:#212121}
.flex_grid .info_toggle .tog_li:not(.current):hover .tog_tit, 
.flex_grid .info_toggle .tog_li:not(.current):focus .tog_tit {color:var(--colorMain)}
.flex_grid .info_toggle .tog_li:not(.current):hover .tog_tit::before, .flex_grid .info_toggle .tog_li:not(.current):focus .tog_tit::before {width:100%}
.flex_grid .info_toggle .tog_li.current {}
.flex_grid .info_toggle .tog_li.current .btn {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.flex_grid .info_toggle .tog_li.current .icon {animation:togIconRotate 0.4s 1 forwards;color:inherit}
.flex_grid .info_toggle .tog_li.current .desc_box {}
.flex_grid .info_step {}
.flex_grid .info_step .step_box {display:block;height:auto}
.flex_grid .info_step .step_tit {padding:20px 24px;line-height:1.4;font-size:24px;font-weight:700;color:#fff;background-color:var(--colorMain)}
.flex_grid .info_step .step_ol {background-color:#fafafa;border:1px solid #e1e1e1;border-top:0;overflow:hidden}
.flex_grid .info_step .step_li {padding:24px;border-bottom:1px solid #e1e1e1}
.flex_grid .info_step .step_li:last-child {border-bottom:0}
.flex_grid .info_step .step_li .list_txt_group {}
.flex_grid .info_step .step_li .list_txt_group .list_txt {display:flex;column-gap:5px;margin-bottom:22px;font-size:1em;color:#212121}
.flex_grid .info_step .step_li .list_txt_group .num {}
.flex_grid .info_step .step_li .list_txt_group .text {}
.flex_grid .info_step .step_li .list_txt_group .s_txt {display:block;color:#616161}
.flex_grid .info_step .step_li .li_tit {margin-bottom:20px;font-size:20px;color:#212121;font-weight:700;line-height:1.5}
.flex_grid .info_step .step_li .btn_default {display:block;width:100%}
.flex_grid .info_step .step_li .btn_default .icon {;margin-right:0;vertical-align:middle;trnasform:translateY(-1px)}
.flex_grid .info_step .step_li .btn_list_box {display:flex;column-gap:8px}
.flex_grid .info_step .step_li .btn_list_box .li {flex:1}
.flex_grid .info_step .step_li .file_upload {display:flex;column-gap:8px;margin-bottom:12px}
.flex_grid .info_step .step_li .file_upload input {width:calc(100% - 128px);cursor:pointer}
.flex_grid .info_step .step_li .file_upload .btn_default {width:120px}

@keyframes deleteIconRotate{
	100% {transform:rotate(180deg)}
}
@keyframes togIconRotate{
	100% {transform:translateY(-50%) rotate(180deg)}
}



/* 다크모드 */
.gray .guide_box .list_txt_group .list_txt {color:#fff}
.gray .syn_box .user_info .dl .dt {color:#fff}
.gray .flex_grid .photo_upload {background-color:#000}
.gray .flex_grid .info_toggle .tog_li .btn {color:#fff;background-color:#000;border-color:rgba(255,255,255,0.2)}
.gray .flex_grid .info_toggle .tog_li.current .btn {background-color:var(--colorMainHover);border-color:var(--colorMainHover)}
.gray .flex_grid .info_toggle .tog_li .desc_box {background-color:inherit;border-color:rgba(255,255,255,0.2)}
.gray .flex_grid .info_toggle .tog_li .list_txt_group .list_txt {color:#fff}
.gray .flex_grid .info_step .step_tit {background-color:var(--colorMainHover)}
.gray .flex_grid .info_step .step_ol {background-color:inherit;border-color:rgba(255,255,255,0.2)}
.gray .flex_grid .info_step .step_li {border-color:rgba(255,255,255,0.2)}
.gray .flex_grid .info_step .step_li .li_tit {color:#fff}
.gray .flex_grid .info_step .step_li .list_txt_group .list_txt {color:#fff}
.gray .flex_grid .info_step .step_li .list_txt_group .s_txt {color:rgba(255,255,255,0.7)}