.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

/* 폰트 컬러 */
.fc_black {color:#000;}
.fc_gray {color:#999;}
.fc_red {color:#dc3030;}
.fc_notice {color:#dc3030; font-weight:600;}
.fc_cate_title {color:#a6805b; font-weight:600;}

/* 서브 비주얼 공통 */
#sub_visual {height:580px; background-size:cover;}
#sub_visual .title {color:#fff; text-align:center; text-shadow:0 0 10px rgba(0,0,0,.4); padding-top:200px;}
#sub_visual .title h2 {font-size:4.8rem;}
#sub_visual .title ul {display:flex; justify-content:center; margin-top:10px;}
#sub_visual .title ul li {position:relative; font-size:1.6rem;}
#sub_visual .title ul li + li {margin-left:20px;}
#sub_visual .title ul li + li:before {content:''; position:absolute; top:0; bottom:0; left:-13px; margin:auto; width:6px; height:9px; background:url(/resource/www/images/sub/ic_flow.png) center no-repeat;}

/* 서브 비주얼 배경 이미지 */
.news_bg {height:580px; background:url(/resource/www/images/sub/sub3_bg.png) center no-repeat; background-size:cover;}
.business_bg {height:580px; background:url(/resource/www/images/sub/sub_business_bg2.png) center no-repeat; background-size:cover;}

/* 서브 페이지 공통 */
#sub_content {margin-top:-200px; padding-bottom:130px;}
#sub_content .sub_content_inner {display:flex; width:100%; max-width:1600px; margin:0 auto; background:#fff;}
#sub_content .sub_lnb_wrap {width:320px;}
#sub_content .sub_lnb_wrap div {display:table; width:100%; height:200px;}
#sub_content .sub_lnb_wrap h3 {display:table-cell;vertical-align:middle; text-align:center; font-size:3.6rem; color:#fff; background:#202752;}
#sub_content .sub_lnb_wrap > ul {padding:44px 0; border:1px solid #e4e4e4;}
#sub_content .sub_lnb_wrap > ul > li + li {margin-top:25px;}
#sub_content .sub_lnb_wrap > ul > li > a {display:block; font-size:2.2rem; color:#666; padding:0 40px;}
#sub_content .sub_lnb_wrap > ul > li.on > a {color:#202752; font-weight:600; background:url(/resource/www/images/sub/ic_lnb_arrow.png) 85% center no-repeat; transition:.3s;}
#sub_content .sub_lnb_wrap > ul > li:hover > a {color:#202752; font-weight:600; background:url(/resource/www/images/sub/ic_lnb_arrow.png) 85% center no-repeat;}
#sub_content .sub_lnb_wrap > ul > li.on:hover > a {background-position:90% center;}
#sub_content .sub_lnb_wrap > ul > li > ul {padding:30px 0;}
#sub_content .sub_lnb_wrap > ul > li > ul li + li {margin-top:15px;}
#sub_content .sub_lnb_wrap > ul > li > ul li a {position:relative; display:block; font-size:2rem; color:#666; padding:0 55px; }
#sub_content .sub_lnb_wrap > ul > li > ul li a:before {content:''; position:absolute; top:0; left:40px; bottom:0; margin:auto; width:4px; height:4px; background:#666; border-radius:50%;}
#sub_content .sub_lnb_wrap > ul > li > ul li:hover a,
#sub_content .sub_lnb_wrap > ul > li > ul li.on a {font-weight:600;}

/* 서브 페이지 목록형 공통*/
.flex_box {display:flex; flex-wrap:wrap; width:100%;}
.sub_page {width:100%;}
.sub_content_wrap {width:calc(100% - 320px); padding:50px 40px;}
.sub_content_wrap .top_wrap {display:flex; width:100%; align-items:center;}
.sub_content_wrap .top_wrap.flex_end {justify-content:flex-end;}
.sub_content_wrap .top_wrap.flex_sbt {justify-content:space-between;}
.sub_content_wrap .category_box select {display:inline-block; width:250px; height:58px; padding:16px 106px 16px 20px; font-size:1.8rem; background:url(/resource/www/images/sub/ic_polygon.png) right 20px center no-repeat;}


.sub_content_wrap .search_box {display:flex;}
.sub_content_wrap .search_box select {display:inline-block; width:155px; height:58px; padding:16px 20px; font-size:1.8rem; background:url(/resource/www/images/sub/ic_polygon.png) 85% center no-repeat;}
.sub_content_wrap .search_box input {display:inline-block; width:300px; height:58px; padding:0 15px; font-size:1.8rem; margin-left:-1px;}
.sub_content_wrap .search_box button {display:inline-block; width:115px; height:58px; padding:0 22px 0 49px; font-size:2rem; color:#fff; margin-left:10px; background:#202752 url(/resource/www/images/sub/ic_search.png) 24% center no-repeat;}

.sub_content_wrap .list_wrap {margin-top:36px; font-size:1.8rem; border-top:2px solid #000;}
.sub_content_wrap .list_wrap .th,
.sub_content_wrap .list_wrap .td {display:flex; width:100%; align-items:center;}
.sub_content_wrap .list_wrap .th div,
.sub_content_wrap .list_wrap .td div {padding:32px 10px 32px 10px; text-align:center;}
.sub_content_wrap .list_wrap .td div {color:#999;}
.sub_content_wrap .list_wrap .th div:nth-child(1), 
.sub_content_wrap .list_wrap .td div:nth-child(1) {width:10%;}
.sub_content_wrap .list_wrap .th div:nth-child(2), 
.sub_content_wrap .list_wrap .td div:nth-child(2) {width:40%;}
.sub_content_wrap .list_wrap .th div:nth-child(3),
.sub_content_wrap .list_wrap .td div:nth-child(3) {width:20%;}
.sub_content_wrap .list_wrap .th div:nth-child(4),
.sub_content_wrap .list_wrap .td div:nth-child(4) {width:20%;}
.sub_content_wrap .list_wrap .th div:nth-child(5),
.sub_content_wrap .list_wrap .td div:nth-child(5) {width:10%;}
.sub_content_wrap .list_wrap .td strong {display:flex; text-align:left; line-height:1; align-items:center; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub_content_wrap .list_wrap .td strong span {position:relative; display:inline-block; min-width:100px; margin-right:20px;}
.sub_content_wrap .list_wrap .th {border-bottom:1px solid #ddd; font-weight:600;}
.sub_content_wrap .list_wrap .td {border-bottom:1px solid #ddd;}
.sub_content_wrap .list_wrap .td.no_data div {text-align:center; color:#666}

#sub_content .pager_wrap {margin-top:54px; width:100%;}
#sub_content .pager_wrap ul {display:flex; width:100%; justify-content:center; align-items:center;}
#sub_content .pager_wrap ul li + li {margin-left:23px;}
#sub_content .pager_wrap ul li.on a {width:35px; height:35px; border-radius:50%; background:#a6805b; color:#fff;}
#sub_content .pager_wrap ul li a {display:flex; align-items:center; justify-content:center; font-size:1.8rem;}
#sub_content .pager_wrap ul li a img {vertical-align:middle;}


/* 서브 페이지 상세보기 공통 */
.sub_content_wrap .detail_wrap table thead {border-top:2px solid #000;}
.sub_content_wrap .detail_wrap table thead tr th strong {display:block; width:100%; font-size:2.4rem;}
.sub_content_wrap .detail_wrap th {padding:32px 40px; text-align:left;}
.sub_content_wrap .detail_wrap td {padding:32px 0;}
.sub_content_wrap .detail_wrap td > p {padding:0 40px;}
.sub_content_wrap .detail_wrap th ul {display:flex; margin-top:15px;}
.sub_content_wrap .detail_wrap th ul li {color:#999; font-size:1.7rem; font-weight:500;}
.sub_content_wrap .detail_wrap th ul li + li {margin-left:50px;}
.sub_content_wrap .detail_wrap th ul li span {color:#000;}
.sub_content_wrap .detail_wrap table tbody {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:40px 0;}
.sub_content_wrap .detail_wrap table tbody p {line-height:1.8; color:#333;}

/* select & input */
#sub_content p {line-height:1.6; color:#333;}
#sub_content input {border:1px solid #dcdcdc; outline:transparent;}
#sub_content input:focus {border:2px solid #a6805b;}  
#sub_content textarea {width:100%; border:1px solid #ddd; outline:transparent; padding:10px; font-size:1.8rem; color:#333;}
#sub_content textarea:focus {border:2px solid #a6805b; padding:10px;}  
#sub_content select {border:1px solid #dcdcdc; outline:transparent;}
#sub_content select:focus {border:2px solid #a6805b;}

.select_st {min-width:140px; height:50px; padding:0 20px; background:#fff url(/resource/www/images/sub/ic_polygon.png) right 20px center no-repeat; outline:1px solid #ddd;} 
.select_st.long {min-width:340px;}
.select_st:disabled {background-color: #f5f6fa;}
.select_st option:disabled {display: none;}
.select_st1 {padding:10px 68px 10px 14px; border:1px solid #ddd; font-size:2.5rem; background:url(/resource/www/images/sub/ic_polygon.png) 90% center no-repeat;}

.input_text {color: #000; border:1px solid #ddd; height:50px; font-size:1.8rem; font-weight: normal;}
.input_text::placeholder {color: #999;}
.input_text:disabled {background-color: #f5f6fa;}
.input_wrap.line_s1 input {outline:none; border:none;}
.input_wrap.line_s1 {border:1px solid #ddd;}
.input_wrap.line_s1.on {border:2px solid #a6805b;}

/* 버튼 공통 */
.btn_wrap {width:100%; margin-top:40px;}
.btn_wrap.flex_sbtw div:nth-child(2) button + button {margin-left:10px;}
.btn_wrap.flex_center button + button {margin-left:10px;}
.btn_wrap button {display:inline-block; padding:13px 30px 14px; font-size:1.8rem; font-weight:500;}
.btn_wrap button span {margin-left:7px;}

.btn_largest {margin-top:40px; width:100%; height:50px; padding:0 30px; font-size:1.8rem; font-weight:500;}
.btn_large {min-width: 142px; height:50px; padding:0 30px; font-size:1.8rem; font-weight:500;}
.btn_st1 {background-color: #202752; color:#fff;}
.btn_st2 {background-color: #a6805b; color: #fff;}
.btn_st3 {background-color: #51535e; color: #fff;}
.btn_st4 {background-color: #fff; color: #202752; border:1px solid #202752;}
.btn_normal {height:40px; padding: 0 23px; border:1px solid #dddfe9; background-color:#fff; font-size: 1.5rem; font-weight: 500; color: #51535e;}
.btn_list {background:#51535e; color:#fff;}
.btn_search {display:inline-block; height:40px; line-height:40px; padding:0 16px 0 36px; outline:1px solid #dddfe9; background:#fff url(/resource/www/images/sub/filesearch_g.png) left 13px center no-repeat; border-radius:0; font-size: 1.6rem; font-weight: 500; color: #51535e; cursor:pointer; white-space:nowrap;}
.btn_search.st2 {display:inline-block; height:40px; line-height:40px; padding:0 16px 0 36px; outline:1px solid #51535e; background:#51535e url(/resource/www/images/sub/filesearch.png) left 13px center no-repeat; border-radius:0; font-size: 1.6rem; font-weight: 500; color: #fff; cursor:pointer; white-space:nowrap;}
.btn_delect {display:inline-block; padding:5px 25px 4px 9px; outline:1px solid #dddfe9; background:#fff url(/resource/www/images/sub/delete.png) 85% center no-repeat; border-radius:0; font-size: 1.5rem; font-weight: 500; color: #51535e; white-space:nowrap;}
.btn_edit {display:inline-block; padding:12px 20px 12px 40px; background:#fff url(/resource/www/images/sub/ic_edit.png) left 20px center no-repeat; border:1px solid #dddfe9; font-size:1.6rem; color:#51535e; font-weight:500; white-space:nowrap;}
.btn_status {display:inline-block; padding:6px 16px; border-radius:50px; white-space:nowrap;}
.btn_status.nsa {background:#ffffff; color:#000;}
.btn_status.end {background:#a6805b; color:#fff;}
.btn_status.cfm {background:#202752; color:#fff;}
.btn_status.pre {background:#a7a8ad; color:#fff;}

a.btn_download {display:inline-block; font-size:16px; padding:7px 28px 7px 10px; background:#fff url(/resource/www/images/sub/ic_download.png) 88% center no-repeat; border:1px solid #dddfe9; color:#51535e; font-weight:500; white-space:nowrap;}

.btn_view.on {opacity:.4;}
.btn_view {opacity:1; transition:.2;}
.ic_lock {margin-right:8px;}

/* 레이아웃 */
.flex_sbtw {display:flex; width:100%; justify-content:space-between; align-items:baseline;}
.flex_end {display:flex; width:100%; justify-content:flex-end; align-items:baseline;}
.flex_center {display:flex; width:100%; justify-content:center;}

@media screen and (max-width:1100px) {

    .sub_content_wrap .top_wrap {flex-wrap:wrap;}
    #sub_visual {height:300px;}
    #sub_visual.news_bg {height:300px;}
    #sub_visual .title {padding-top:155px;}
    #sub_content {margin-top:0;}
    .sub_lnb_wrap {display:none;}

    #sub_content {padding-bottom:65px;}
    .sub_content_wrap {width:100%; padding:40px 4%;}
    .sub_content_wrap .search_box {width:100%;}
    .sub_content_wrap .search_box select {width:21%; padding:14px 17px;}
    .sub_content_wrap .search_box input {width:calc(79% - 125px);}
    .sub_content_wrap .list_wrap .th {display:none;}
    .sub_content_wrap .list_wrap .td {flex-wrap:wrap; padding:29px 20px;}
    .sub_content_wrap .list_wrap .th div, .sub_content_wrap .list_wrap .td div {padding:0;}
    /* .sub_content_wrap .list_wrap .td div:first-child {display:none;} */
    .sub_content_wrap .list_wrap .td div:nth-child(2) {width:100%; margin-bottom:10px;}
    .sub_content_wrap .list_wrap .th div:nth-child(3), .sub_content_wrap .list_wrap .td div:nth-child(3) {width:auto;}
    .sub_content_wrap .list_wrap .th div:nth-child(4), .sub_content_wrap .list_wrap .td div:nth-child(4) {width:auto;}
    .sub_content_wrap .list_wrap .th div:nth-child(5), .sub_content_wrap .list_wrap .td div:nth-child(5) {width:auto;}
    .sub_content_wrap .list_wrap .td div + div + div + div {position:relative; margin-left:30px;}
    .sub_content_wrap .list_wrap .td div + div + div + div:before {content:''; position:absolute; top:50%; left:-16px; transform:translateY(-50%); width:1px; height:14px; background:#ddd;}
    .sub_content_wrap .detail_wrap th ul li {position:relative;}
    .sub_content_wrap .detail_wrap th ul li + li {margin-left:30px;}
    .sub_content_wrap .detail_wrap th ul li + li:before {content:''; position:absolute; top:50%; left:-16px; transform:translateY(-50%); width:1px; height:14px; background:#ddd;}
    .sub_content_wrap .detail_wrap th ul li em {display:none;}
    .sub_content_wrap .detail_wrap th ul li span {color:#999;}
    .sub_content_wrap .detail_wrap td > p {padding:0 20px;}

    a.btn_download i {display:none;}
    a.btn_download {width:11px; height:11px; padding:11px; background-position:center; border-radius:4px;}
    .btn_delect i {display:none;}
    .btn_delect {background-position:center; padding:12px;}
}

.list_faq_detail_page table th > em {display:block; margin-bottom:4px;}
.list_faq_detail_page table th > em.fc_cate_title {color:#a6805b;}
.list_faq_detail_page table th > em.fc_notice {color:#dc3030;}

/*list_qna_page*/
.list_qna_page .list_wrap .td strong span em {display:inline-block; margin-right:18px; font-size:1.6rem; color:#a6805b;}

@media screen and (max-width:1370px) {
    .list_qna_page .top_wrap {flex-wrap:wrap;}
    .list_qna_page .top_wrap .category {width:100%;}

    .list_qna_page .top_wrap .search_box {margin-top:30px;}
    .list_qna_page .list_wrap .td strong span em {display:block; margin-bottom:5px;}
    .list_qna_page .list_wrap .td strong span img {top:auto; transform:translateY(3px);}
    .sub_content_wrap .detail_wrap th ul {margin-top:10px;}
}

/*list_event_detail_edit_page*/
.edit_form_box.s1 > .row .form_input {width:calc(100% - 233px);}
.edit_form_box.s1 > .row .form_input input {width:100%; height:50px;}
.list_event_detail_edit_page .edit_form_box.s1 {position:relative;}
.list_event_detail_edit_page .checkbox_wrap {top:-34px; right:0; left:auto;}
 
/*list_qna_detail_page*/
.list_qna_detail_page .answer {margin-top:40px; display:flex; align-items:baseline; width:100%; padding:34px 73px 43px 40px; border:1px solid #ddd;}
.list_qna_detail_page .answer span {color:#a6805b; font-weight:500; margin-right:36px; white-space:nowrap;}
.list_qna_detail_page .detail_wrap th > em {display:inline-block; font-size:2.1rem; color:#a6805b; margin-right:30px;}
.list_qna_detail_page .detail_wrap th {display:flex; flex-wrap:wrap; align-items:baseline;}
.list_qna_detail_page .detail_wrap th strong {display:block;}

/*detail_edit*/
.file_upload.s1 {display:flex; width:100%; align-content:flex-start; align-items:flex-start;}
.file_upload.s1 p {margin-right:10px; width:calc(100% - 300px); background:#fff; font-size:1.7rem; color:#999; padding:8px 16px; border:1px solid #dddfe9;}
.file_upload.s1 label {cursor:pointer;}

.edit_form_box.s1 .row {padding:20px 40px;}
.edit_form_box.s1 .row .form_title {width:150px;}
.edit_form_box.s1 .row .form_input {width:calc(100% - 150px);}
.edit_form_box.s1 .attachment_list_wrap {width:calc(100% - 150px);}

@media screen and (max-width:1100px) {
    .edit_form_box.s1 .row {flex-wrap:wrap; padding:20px;}
    .edit_form_box.s1 .row.wd100 .form_title {width:100%; margin-bottom:10px;}
    .edit_form_box.s1 .row.wd100 .form_input {width:100%;}
    .edit_form_box.s1 .file_upload.s1 p {margin-right:10px; width:calc(100% - 100px);}
    .edit_form_box.s1 .row .form_title {width:110px;}
    .edit_form_box.s1 .row .form_input {width:calc(100% - 110px);}
    .edit_form_box.s1 .attachment_list_wrap {width:100%;}
    .edit_form_box.s1 .row .form_title em {padding:0;}

    .sub_content_wrap .detail_wrap th {padding:20px}
    .sub_content_wrap .detail_wrap table tbody > p {padding:0 20px}
}


/* 실적관리 > 3. 조합비 및 입회비 결과보고 */
.cell_s1 {color:#202752 !important; background:#F7F7F7 !important;}
.cell_s2 {color:#fff !important; background:#51535e !important;} 
.cell_s3 {color:#fff !important; background:#23242a !important;}
.cell_s4 {color:#202752 !important; background:#f7f7f7 !important;}
.cell_s5 {color:#202752 !important; background:#FFFEF8 !important;}
.cell_s6 {color:#222 !important; background:#F5F6FA !important;}
.cell_s7 {color:#23242a !important; background:#202752;}

.performance_report_page h4 {display:flex; align-items:center; justify-content:center; font-size:2.8rem; text-align:center; color:#202752;}
.performance_report_page h4 select {margin-right:10px; color:#202752; font-weight:500; font-size:2.8rem; padding:0 50px 0 20px;}
.performance_report_page h4 select + select {margin-left:10px;}
.performance_report_page .btn_wrap {margin-top:60px;}

.performance_report_table {margin-top:40px; table-layout:fixed;}
.performance_report_table table {width:100%; border-top:2px solid #000;}
.performance_report_table table tr {border-bottom:1px solid #ddd;}
.performance_report_table table tbody tr.cumulative {border:2px solid #202752; cursor:pointer;}
.performance_report_table table tbody tr.cumulative .yyyy {font-size:1.5rem; letter-spacing:-1px;}
.performance_report_table table tr:first-child th:first-child {border:none;}
.performance_report_table table th,
.performance_report_table table td + td {border-left:1px solid #ddd;}
.performance_report_table table th,
.performance_report_table table td {padding:8px 2px; font-size:1.5rem; text-align:center;}
.performance_report_table table td input {padding:3px 0; color:#000;}
.performance_report_table table tbody tr td:first-child {font-weight:600; text-align:center; color:#000;}
.performance_report_table table tbody tr td span {display:block; font-weight:300; color:#999;}
.performance_report_page .performance_report_table input {font-size:13px; width:70px;}
.performance_report_table table td.nf {
	border-left:1px solid #ddd;
	font-weight:400 !important;
}

/* 실적관리 > 4. 조합비 및 입회비 관리 */
.performance_report_table2 {border-top:1px solid #ddd; margin-top:40px;}
.performance_report_table2 li {display:flex; width:100%; align-items:center; font-size:1.8rem; border-bottom:1px solid #ddd;}
.performance_report_table2 li:first-child {padding:32px 35px;}
.performance_report_table2 li:nth-child(2) {padding:20px 35px;}
.performance_report_table2 li strong {width:130px; color:#202752;}
.performance_report_table2 li div {width:calc(100% - 130px);}
.performance_report_table2 li div textarea {width:100%; border:1px solid #ddd; padding:16px 21px;}
.performance_report_table.s2 .btn_save {width:100%; text-align:center; color:#fff; padding-top:24px; background:url(/resource/www/images/sub/ic_floppy_disk.png) center top no-repeat; background-size:16px 17px;}
.performance_report_table.s2 tbody tr td input {width:100%;}
.performance_report_table.s2 tbody tr td:nth-child(1) {width:50px;}
.performance_report_table.s2 tbody tr td:nth-child(2) {width:60px;}
.performance_report_table.s2 tbody tr td:nth-child(3) {width:100px;}
.performance_report_table.s2 tbody tr td:nth-child(4) {width:130px;}
.performance_report_table.s2 tbody tr td:nth-child(5) {width:130px;}
.performance_report_table.s2 tbody tr td:nth-child(6) {width:130px;}
.performance_report_table.s2 tbody tr td:nth-child(7) {width:140px;}
.performance_report_table.s2 tbody tr td:nth-child(8) {width:55px;}
.performance_report_table.s2 tbody tr td:nth-child(9) {width:100px;}
.performance_report_table.s2 tbody tr td:nth-child(10) {width:100px;}
.performance_report_table.s2 tbody tr td:nth-child(11) {width:130px;}
.performance_report_table.s2 tbody tr td:nth-child(12) {width:45px;}
.performance_report_table.s2 tbody .flex_input input:nth-child(1) {width:40%;}
.performance_report_table.s2 tbody .flex_input input:nth-child(2) {width:55%;}

/* 회장 인사말 */
.introduce_page strong {font-size:2.8rem; color:#202752;}
.introduce_page .pg1 {margin-top:37px;}
.introduce_page .pg2 {margin-top:43px;}
.introduce_page p {color:#333; line-height:1.6;}
.introduce_page .handshake {margin-top:35px;}
.introduce_page .sign_wrap {display:flex; justify-content:flex-end; align-items:flex-end; margin-top:50px; font-size:1.8rem;}

/* 조직도 */
/* 231011 수정 */
.organization_page .list li {display:flex; align-items:flex-start;}
.organization_page .list li + li {margin-top:50px;}
.organization_page .list li strong {width:165px; font-size:2.4rem; color:#000;}
.organization_page .list li p {width:calc(100% - 165px); color:#333;}

.checkbox_wrap {padding-left:25px;}
.checkbox_wrap input {position:absolute; width:0 !important; height:0 !important; z-index:-1; opacity:0;}
.checkbox_wrap label {position:absolute; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; border:2px solid #222; cursor:pointer;}
.checkbox_wrap input:checked ~ label {background: #fff url(../images/sub/ic_checked.png) center no-repeat; background-size:cover; border:2px solid #a6805b;}
.checkbox_wrap span {font-size:18px; color:#222;}

.chart {position: relative; overflow-x: scroll; margin-top:60px; border:1px solid #eee; text-align:center; padding:55px 0;}
.chart h4 {font-size:3.2rem; color:#202752; margin-bottom:30px;}
.chart > ul > li { font-size:2.4rem;}
.chart .box.s1 {margin-top:40px; display:inline-block; width:551px; padding:20px 0; background:#202752; color:#fff;}
.chart .department {display:flex; justify-content:center; align-items:flex-start; align-content:flex-start; position: relative;}
.chart .department > div.line2::before {content: ''; display:inline-block; width:1px; height:320px; background-color: #202752; position: absolute;}
.chart .department > div.line2 > div {margin-top:30px; background-color: #fff;}
.chart .union .box.s4 {border:none; padding:0;}
.chart .union .box-wrap {padding:20px 0; border:1px solid #51535e; background-color:#fff;}
.chart .box {position:relative; display:block; padding:16px 5px; font-size:2.2rem; text-align:center;}
.chart .box.s2 {border:1px solid #202752; color:#202752;}
.chart .box.s3 {background:#a6805b; color:#fff;}
.chart .box.s4 {border:1px solid #333; color:#333; font-size:1.8rem;}
.chart .box.s6 {background:#fff; color:#a6805b; border:1px solid #a6805b;}
.chart a.box.s5 {font-size:1.8rem; color:#fff; background:#51535e url(../images/sub/ic_flow.png) 85% center no-repeat; padding:13px 30px; text-align:left;}
.checkbox_wrap {position:absolute; top:13px; left:355px;}

.organiz-wrap .normal-list {position:relative; display:inline-flex; align-items:center; justify-content:center; border:1px solid #202752; background-color:#fff; height:64px; color:#202752; width:157px; font-size: 2.2rem; font-weight:500; z-index: 1;}
.organiz-wrap .union {position: absolute; top:126px; right:20px; width: 157px;}
.organiz-wrap {width:100%; min-width:900px;}
.organiz-wrap2 .depth1 > em,
.organiz-wrap .depth1 > em {position:relative; display:inline-flex; align-items:center; justify-content:center; background-color:#202752; color:#fff; width:100%; max-width:512px; margin:0 auto; height:64px; z-index: 1;}
.organiz-wrap .depth1 { position: relative;}
.organiz-wrap .depth1::after {content:''; background-color: #202752; width:1px; height:100%; position: absolute; left:50%; top:0; transform:translateX(-50%);}
.organiz-wrap .depth1 > ul.depth2.left {position: absolute; top: 124px; left: -40px;}
.organiz-wrap .depth1 > ul.depth2.left > li {width:157px;}
.organiz-wrap .depth1 > ul.depth2.left::after {content:''; background-color: #202752; width:217px; height:1px; position: absolute; left:80px; top:-32px; }
.organiz-wrap .depth1 > ul.depth2.left::before {content:''; background-color: #202752; width:1px; height:217px; position: absolute; left:80px; top:-32px;}

.organiz-wrap .depth1 > ul.depth2.right {display:flex; flex-direction: column; justify-content:center; gap:30px; margin-top:60px;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 {position:relative; display:flex; width:100%; justify-content:center; gap:30px; margin-top:100px;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3::before {content:''; background-color: #202752; width:654px; height:1px; position: absolute; left:50%; transform:translateX(-50%); margin-left:47px; top:-50px;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 li + li {margin:0;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(1)::before {content:''; position:absolute; top:-50px; left:50%; transform:translateX(-50%); width:1px; height:129px; background: #202752;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(3)::before {content:''; position:absolute; top:-50px; left:50%; transform:translateX(-50%); width:1px; height:50px; background: #202752;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(4)::before {content:''; position:absolute; top:-50px; left:50%; transform:translateX(-50%); width:1px; height:50px; background: #202752;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li {position:relative; display:inline-block;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(1) span:first {position:relative;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(1) span:first::after {content:''; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); width:100%; height:1px; background: #202752;}

.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4.left li::before {content:''; position:absolute; top:-16px; left:50%; transform:translateX(-50%); width:1px; height:16px; background: #202752;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4 {margin-top:30px;} 
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4.left {position:relative; display: flex; justify-content:center; gap:30px;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4.left::before {content:''; position:absolute; top:-16px; left:50%; transform:translateX(-50%); width:187px; height:1px; background: #202752;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4.left > li {position: relative;}
.organiz-wrap .depth1 > ul.depth2.right > li ul.depth4.left > li:nth-child(2)::after {display: none;}

.organiz-wrap2 {width:100%; min-width:1166px;}
.organiz-wrap2 .normal-list {position:relative; display:inline-flex; align-items:center; justify-content:center; height:40px; border:1px solid #202752; background-color:#fff; color:#202752; width:74px; font-size: 1.4rem; font-weight:500; z-index: 1;}
.organiz-wrap2 .depth2 {position:relative; display: flex; gap:10px; justify-content: center; padding:60px 0 30px;}
.organiz-wrap2 .depth2::before {content:''; background-color: #202752; width:1px; height:30px; position: absolute; left:50%; top:0; transform:translateX(-50%);}
.organiz-wrap2 .depth2::after {content:''; background-color: #202752; width:1092px; height:1px; position: absolute; left:50%; top:30px; transform:translateX(-50%);}
.organiz-wrap2 .depth2 > li {position: relative;}
.organiz-wrap2 .depth2 > li::before {content:''; position:absolute; top:-30px; left:0; right:0; margin:auto; width:1px; height:30px; background:#202752;}
.organiz-wrap2 .depth3 {position:relative; display: flex; flex-direction: column; gap:10px; padding-top:20px; padding-left:10px;}
.organiz-wrap2 .depth3::before {content:''; position:absolute; top:0; left:0; width:1px; height:calc(100% - 20px); background:#a6805b;}
.organiz-wrap2 .depth3 > li { position:relative; display:inline-flex; align-items:center; justify-content:center; width:64px; height:40px; background:#fff; color:#a6805b; border:1px solid #a6805b; font-size: 1.4rem; font-weight:500; z-index: 1;}
.organiz-wrap2 .depth3 > li::before {content:''; position:absolute; top:0; bottom:0; left:-11px; margin:auto; width:10px; height:1px; background:#a6805b;}

@media screen and (max-width:1500px) {
    .chart {padding:40px 10px;}

    .organization_page .list li {flex-direction: column;}
    .organization_page .list li p {margin-top:5px; width:100%;}

    .organiz-wrap .union {top:249px; left:20px;}
    .organiz-wrap .normal-list {height:55px;}
    .organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 {gap:10px;}
    .organiz-wrap .depth1 > ul.depth2.right > li ul.depth3::before {width:596px}
    .organiz-wrap .depth1 > ul.depth2.right > li ul.depth3 > li:nth-child(1)::before {height:120px;}
    
    .organiz-wrap .depth1 > em,
    .organiz-wrap2 .depth1 > em {height:55px;}
    .organiz-wrap2 .depth2::after {left:38px; transform:translateX(0);}
}
/* //231011 수정 */


/* ///조직도변경 2022-07-18 */


/* 실적관리 > 2. 신규등록 */
.store_add_page .local_union_name .input_wrap span {display:inline-block; margin-right:20px; font-size:18px;}
.store_add_page .input_wrap.date_input span {font-size:18px; color:#ddd;}
.store_add_page .input_wrap.date_input .input_text::placeholder {text-align:center;}
.store_add_page .input_wrap.date_input .input_text {width:180px; text-align:center;}
.store_add_page .list_wrap {margin-top:0;}
.store_add_page .list_wrap .th div {color:#202752;}
.store_add_page .list_wrap .td.no_data div {width:100%;}


/* 실적관리 > 2. 상세 */
.store_add_edit .list_wrap .td strong img {margin-left:8px;}
.store_add_edit .list_wrap .td div:nth-child(2) {width:20%; color:#000 !important;}
.store_add_edit .list_wrap .td div:nth-child(3) {color:#000 !important;}
.edit_form_wrap {position:relative;}
.add_btn {display:inline-block; position:absolute; top:0; right:0; height:60px; padding:0 25px; background:#202752; color:#fff; font-size:1.6rem;}
.add_btn i {position:relative; display:inline-block; margin-right:10px; color:#202752; z-index:1; font-weight:600;}
.add_btn i:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:1px; width:14px; height:14px; border-radius:50%; background:#fff; z-index:-1;}


/* 첨부파일 */
.attachment_list {background:#f5f6fa; padding:20px; font-size:1.7rem; color:#333;}
.attachment_list .input_file_search_box input {display:inline-block; height:40px; background:#fff; outline:1px solid #dddfe9; width:calc(100% - 130px); font-size:1.7rem; padding:6px 10px 6px; font-size:1.7rem;}
.attachment_list li + li {margin-top:15px;}
.attachment_list li {display:flex; align-items:baseline;}
.attachment_list li.attachment1 {justify-content:space-between;}
.attachment_list li.attachment2 {align-content:stretch;}
.attachment_list li.attachment2 span {margin-right:10px; display:block; font-weight:600; line-height:1.6;}
.attachment_list li em {display:inline-block; padding-left:20px; margin-right:5px; background:url(/resource/www/images/sub/ic_file.png) left 4px no-repeat; white-space:nowrap;}
.ic_file {display:inline-block; vertical-align:middle;}
.tips {margin-top:15px; color:#dc3030; font-size:1.6rem;}
.tips.st2 {margin-top:5px; padding-left:20px; background:url(/resource/www/images/sub/ic-notice.png) left center no-repeat;} 

.attachment_list.st2 {background:transparent; padding:0; width:100%;}
.attachment_list.st2 li:nth-child(2) {align-items:center;} 
.attachment_list.st2 .input_file_search_box input {width:300px; margin:0 10px 0 0; border:none; outline:none; color:#333;}
.attachment_list.st3 li:nth-child(1) div + div {display:flex; align-items:center; margin-left:15px;}

@media screen and (max-width:768px) {
    .attachment_list li.attachment2 span {margin-top:3px;}
    .attachment_list li.attachment2 span {width:calc(100% - 36px);}
    .attachment_list li {flex-wrap:wrap; align-items:center;}
    .attachment_list em {display:block; width:100%;}
}

/* 조합정보수정 */
.edit_form_box > .row .form_input.jurisdiction .row2 + .row2 {margin-top:10px;}
.ic_plus:before {content:'+'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-1px; font-size:14px; color:#51535e;}
.ic_plus {display:inline-block; position:relative; width:14px; height:14px; border-radius:50%; background:#fff; vertical-align:middle; margin-right:2px;}

.edit_form_box.st_flexible > .row .form_title {width:180px;}
.edit_form_box.st_flexible > .row .form_input.pw_input {display:flex; margin:0 -10px;}
.edit_form_box.st_flexible > .row .form_input .input_wrap.pw_input {padding:0 10px;}
.edit_form_box.st_flexible .btn_delect.st2 {padding:5px 37px 4px 19px; background-position:right 18px center;}
.edit_form_box.st_flexible > .row .form_input.jurisdiction .row2 {display:flex;}
.edit_form_box.st_flexible > .row .form_input.email_input .email_box {display:flex; align-items:center;}
.edit_form_box.st_flexible > .row .form_input.email_input .email_box input {width:calc(52% - 40px);}
.edit_form_box.st_flexible > .row .form_input.email_input .email_box select {width:calc(50% - 10px);}
.edit_form_box.st_flexible > .row .form_input.email_input .email_box span {display:block; width:40px; font-size:1.8rem; text-align:center;}
.edit_form_box.st_flexible > .row .form_input .input_wrap.pw_input.show .pw_view {opacity:1;}
.edit_form_box.st_flexible > .row .form_input .input_wrap.pw_input .pw_view {opacity:.3;}


@media screen and (max-width:1400px) {
    .edit_form_box.st_flexible > .row {flex-wrap:wrap; padding:20px 15px;}
    .edit_form_box.st_flexible > .row .form_title {width:155px; text-align:left;}
    .edit_form_box.st_flexible > .row .form_title span {left:-14px;}
    .edit_form_box.st_flexible > .row .form_title em {display:block; margin-bottom:8px; padding-left:0;}
    .edit_form_box.st_flexible > .row .form_title.wd100 {width:100%;}
    .edit_form_box.st_flexible > .row .form_input.pw_input {flex-wrap:wrap; margin:0;}
    .edit_form_box.st_flexible > .row .form_input .pw_input input.input_text {width:100%;}
    .edit_form_box.st_flexible > .row .form_input.pw_input > div {width:100%;}
    .edit_form_box.st_flexible > .row .form_input.pw_input > div + div {margin-top:10px;}
    .edit_form_box.st_flexible > .row .form_input.email_input input {width:45%;}
    .edit_form_box.st_flexible > .row .form_input.email_input .select_st {width:48%;}
    .edit_form_box.st_flexible > .row .form_input {width:100%;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box {width:100%; padding-bottom:165px;}
    .edit_form_box.st_flexible > .row .form_input .input_wrap.pw_input {width:100%; padding:0;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 > label {width:130px;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 > em {width:130px;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 .tel_wrap  {width:calc(100% - 130px);}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .img {top:85px; left:114px; right:auto;}
    .edit_form_box.st_flexible > .row .form_input.jurisdiction {width:100%;}
    .edit_form_box.st_flexible > .row .form_input .attachment_list_wrap {width:calc(100% - 130px);}
    .secret .form_title {padding:20px 0;}
    .secret .checkbox_wrap {top:auto !important; transform:0 !important;}
}

@media screen and (max-width:768px) {
    .edit_form_box.st_flexible .btn_delect.st2 {background-position:center !important; padding:0 27px;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 {flex-wrap:wrap;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 > label {width:100%;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 em {display:block; width:100%; margin-bottom:8px;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 input {width:50%;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .row2 .tel_wrap {width:auto;}
    .edit_form_box.st_flexible > .row .form_input .attachment_list_wrap {width:100%;}
    .attachment_list.st3 li:nth-child(1) div + div {margin-left:0; margin-top:5px; width:100%;}
    .edit_form_box.st_flexible > .row .form_input.union_president_input_box .img {top:155px; left:0;}
    .select_st {min-width:100px;}
    .edit_form_box > .row .form_input.jurisdiction div.row2 input[type="text"] {width:calc(100% -64px) !important;}

}


/* 비밀글 */
.secret {position:relative;}
.secret .checkbox_wrap {position:absolute; top:50%; transform:translateY(-50%);}
.secret .checkbox_wrap input {position:absolute; width:0 !important; height:0 !important; z-index:-1; opacity:0;}
.secret .checkbox_wrap label {position:absolute; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; border:2px solid #222; cursor:pointer; margin-top:-1px;}
.secret .checkbox_wrap input:checked ~ label {background: #fff url(/resource/www/images/sub/ic_checked.png) center no-repeat; background-size:cover; border:2px solid #a6805b;}
.secret .checkbox_wrap span {font-size:18px; color:#222; padding-left:27px;}
.secret .form_input input {width:240px !important;}


/* 영업정지현황 모달 */
.modal {display:none; overflow:hidden; position:fixed; top:0; left:0; z-index:99; width:100%; height:100vh; padding:2.5rem 2.969vw; background-color:rgba(0,0,0,.5); box-sizing:border-box;}
.modal.on { display:block;}
.modal_inner {position:relative; overflow-y:auto; width:550px; background-color: #fff; box-shadow: rgba(0,0,0,.1) .5rem .5rem .5rem; box-sizing: border-box;}
.modal_close {display: block; margin-left: auto;}
.modal .title {display:flex; justify-content:space-between; padding:20px 30px; background:#51535e; color:#fff;}
.modal .title strong {font-size:24px; font-weight:500;}
.modal .title button {font-size:18px;}
.modal .title button img {margin:-4px 6px 0 0;}
.modal .table .tr {display:flex; align-items:center; justify-content:space-between; padding:15px 30px;}
.modal .table .tr:nth-child(odd) {background:#f5f6fa;}
.modal .table .th {font-size:18px; color:#202752; font-weight:600;}
.modal .table .td {width:calc(100% - 110px);}
.modal .table textarea {width:100%; border:none; outline:1px solid #ddd; padding:10px;}
.modal .btn_wrap {display:flex; margin:40px 0;}
.modal .input_wrap {width:320px;}
.modal .input_wrap.date_input {background:#fff;}
.modal .input_wrap.date_input .input_text {width:30% !important; text-align:center;}
.modal .input_wrap.date_input span {font-size:18px; color:18px; color:#999;}
.modal .input_box {display:flex; align-items:center;}
.modal .input_box + .input_box {margin-top:13px;}
.modal .input_box > span {display:inline-block; font-size:18px; color:#000; margin-left:10px;}


/* 연혁 페이지 */
.history_page .list {display:flex;}
.history_page .list .year {width:180px; border-top:2px solid #000;}
.history_page .list .year div {font-size:5.2rem; color:#202752; text-align:center; font-weight:200; padding:25px 0 30px 0;}
.history_page .list .content {width:calc(100% - 180px); border-bottom:1px solid #eee;}
.history_page .list .content > div {display:flex; border-top:1px solid #eee; padding:30px 20px;}
.history_page .list .content .date {width:120px; font-size:1.8rem; color:#a6805b; font-weight:600;}
.history_page .list .content .txt {width:calc(100% - 120px);}
.history_page .list .content .txt strong {display:block; color:#333; font-size:1.8rem;}
.history_page .list .content .txt ul {margin-top:6px;}
.history_page .list .content .txt ul li {position:relative; padding-left:10px; font-size:1.6rem;}
.history_page .list .content .txt ul li:before {content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#333; border-radius:50%;}

@media screen and (max-width:768px) {
    .history_page .list {display:flex; flex-wrap:wrap;}
    .history_page .list .year {width:100%;}
    .history_page .list .year div {padding:15px 0;}
    .history_page .list .content {width:100%;}
}

.edit_info_detail_page .row2.st1 {position:relative;}
.edit_info_detail_page .row2.st1 .form-control {border:none !important;}
.edit_info_detail_page .attachment_list_wrap .checkbox_wrap {top:8px; left:600px;}

@media screen and (max-width:1399px) {
    .edit_info_detail_page .attachment_list_wrap .checkbox_wrap {left:550px;}

}
@media screen and (max-width:768px) {
    .edit_info_detail_page .attachment_list_wrap .checkbox_wrap {top:84px; left:260px;}

}


/* 주요사업안내 */
.title_type {font-size:2.8rem; color:#202752; font-weight:500;}
.title_type1 {display:block; font-size:2.4rem; color:#000; font-weight:500; margin-bottom:15px;}
.title_type2 {position:relative; padding-left:12px; font-size:1.8rem; color:#333; font-weight:500;}
.title_type2:before {content:''; position:absolute; top:10px; left:0; display:inline-block; width:4px; height:4px; border-radius:50%; background:#333;}

.paragraph + .paragraph {margin-top:58px;}
.purpose_page .list {padding:45px 35px; background:#f5f6fa;}
.purpose_page .list li {position:relative; padding-left:12px; font-size:1.8rem; color:#333;}
.purpose_page .list li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#333; border-radius:50%;}
.purpose_page .list li + li {margin-top:7px;}


/* 주요사업안내 */
.task_page .list {display:flex;}
.task_page .list li {width:25%;}
.task_page .list li + li {margin-left:-1px;}
.task_page .list li a {display:block; padding:15px 0; text-align:center; font-size:2.2rem; color:#51535e; border:1px solid #51535e;}
.task_page .list li.on a {background:#51535e; color:#fff;}
.task_page .fc_strong {color:#a6805b; font-weight:600; font-size:1.8rem;}

.youth_protection_act {border-top:2px solid #000; font-size:1.8rem; text-align:center;}
.youth_protection_act .thead {background:#f7f7f7;}
.youth_protection_act .thead .tr {display:flex;}
.youth_protection_act .thead .th {padding:30px 0; color:#202752; font-weight:600;}
.youth_protection_act .thead .th:nth-child(1) {width:200px;}
.youth_protection_act .thead .th:nth-child(2) {width:calc(100% - 200px);}

.youth_protection_act .tbody .tr {display:flex; border-bottom:1px solid #eee;}
.youth_protection_act .tbody .th {width:200px; padding:30px 0; color:#202752; font-weight:600;}
.youth_protection_act .tbody .td {width:calc(100% - 200px); padding:20px 15px; text-align:left;}

.list_type1 li {position:relative; padding-left:20px;}
.list_type1 li i {position:absolute; top:1px; left:0;}

@media screen and (max-width:768px) {
    .purpose_page .list {padding:30px 35px;}

    .paragraph + .paragraph {margin-top:40px;}
    .task_page .list {flex-wrap:wrap;}
    .task_page .list li {width:50%;}
    .task_page .list li + li {margin-left:0;}
    .task_page .list li + li + li {margin-top:-1px;}
    .task_page .list li:nth-child(even) {margin-left:-1px;}
    .youth_protection_act .thead {display:none;}
    .youth_protection_act .tbody .tr {flex-wrap:wrap;}
    .youth_protection_act .tbody .th {width:100%; padding:20px 0 0; text-align:left;}
    .youth_protection_act .tbody .td {width:100%; text-align:left; padding:20px 0;}


}


/* 반응형 미지원 알림 페이지 */
.alert_page {padding:150px 0 200px 0; text-align:center;}
.alert_page span {display:inline-block;}
.alert_page strong {margin-top:40px; display:block; font-size:3.1rem; color:#202752; font-weight:600;}
.alert_page p {margin-top:7px; font-size:3rem; line-height:1.5;}

/* 에러 알림 페이지 */
.error_page {position:relative; width:100%; height:100vh;}
.error_page > div {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.error_page p {margin-top:30px; font-size:2.8rem; color:#000; line-height:1.4;}
.error_page p strong {font-weight:600;}
.error_page .btn_wrap {margin-top:50px;}
.error_page .btn_wrap a {display:inline-block; padding:20px 35px; font-size:2.2rem;}
.error_page .btn_wrap a.btn_main {background:#202752; color:#fff;}
.error_page .btn_wrap a.btn_previous {color:#202752; border:1px solid #202752; margin-left:20px;}

@media screen and (max-width:1370px) {
    .error_page .btn_wrap a {padding:15px 30px;}
    .error_page .btn_wrap a.btn_previous {margin-left:12px;}
}

/* 카테고리 공지형 게시판 */
@media screen and (max-width:1100px) {
.sub_content_wrap .category_box {width:100%; margin-bottom:10px;}
.sub_content_wrap .category_box select {width:100%;}
.sub_content_wrap .list_wrap .th div:nth-child(1), .sub_content_wrap .list_wrap .td div:nth-child(1) {display:none;}
}