@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@700&display=swap');

/* 서브페이지 기본 세팅 s */
.contents * { line-height: 140%; }

ol.basic { margin-top: 20px; }
ol.basic > li { list-style-type: decimal; margin-left:17px;  border-bottom: 1px dashed #ddd;  padding: 7px 0 7px 10px; }
ol.basic > li > ul { margin-top: 5px; color:#000; margin-bottom: 5px; }
ol.basic > li > ul li {  padding: 0 0 0 10px; }
.finish { margin-top: 70px; margin-bottom: 120px; }


ul.basic { margin-top: 15px; font-family: 'Noto Sans KR', sans-serif; }
ul.basic li{ padding-left: 10px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all;}
ul.basic li:last-child {margin-bottom: 0;}
ul.basic li:before {width: 2px; height: 2px; position: absolute; background-color: #333; content: ""; top: 12px; left: 0;}



select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer;}

table.basic thead th { background-color: #ececec; }
table.basic tbody th { background-color: #f6f6f6; }
table.basic tbody th.th { background-color: #ececec; }
table.basic tbody td.th { background-color: #f6f6f6; }

/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 40px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch {display:none; background:url("/resources/img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_wrapper .touch.active {display: block;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}
.flicking {min-width: 900px /* !important */;}
.line_dot { border-bottom: 1px dotted #ddd; display: block; margin: 20px 0 10px;}
.c_box { word-break: keep-all; margin-top:20px; width:100%; height: 100%; padding:20px 30px; box-sizing: border-box; border:3px solid #ddd; position: relative;} 


/* print_youtube 기본설정값  */
.prt_video_wrap { display: block; width: 100%; height: 100%; }
.prt_video { position: relative; width: 100%; height: auto; padding-bottom: 56.75%; overflow: hidden; }
.prt_video .print_youtube { position: absolute; width: 100%; height: 100%; }
.prt_video .print_youtube img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); cursor: pointer; }
.prt_video .prt_video_view { display: none; position: absolute;  width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.prt_video .prt_video_view iframe {width: 100%; height: 100%; }
.prt_video .prt_btn_play { position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); background: url('/resources/img/main/prt_btn_play.png') no-repeat center/cover; cursor: pointer; z-index: 2;}
.prt_video:hover .prt_btn_play { background: url('/resources/img/main/prt_btn_play_hover.png') no-repeat center/cover; }


/*라디오*/
/* input[type=radio] { -webkit-appearance: none;-webkit-border-radius: 0; }
input[type=radio] + label { -webkit-appearance: none; -moz-appearance: none; display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url('/resources/img/sub/rd_off.png') no-repeat left 20%/18px 18px; margin-right: 10px; }
input[type=radio]:checked + label { -webkit-appearance: none; -moz-appearance: none; background-image: url("/resources/img/sub/rd.png"); } */

/*체크박스*/
input[type=checkbox] { -webkit-appearance: none;-webkit-border-radius: 0; }
input[type=checkbox] + label { -webkit-appearance: none; -moz-appearance: none; display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/chk_off.jpg") left/18px no-repeat; }
input[type=checkbox]:checked + label { -webkit-appearance: none; -moz-appearance: none; background-image: url("/resources/img/sub/chk.png"); }

table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
/* 서브페이지 기본 세팅 e */



/* 서브페이지 - 서브 비주얼*/
#container.sub { overflow: hidden; position: relative; }

.sub_vis { width: 100%; height: 620px; position: relative; }
.sub_vis01 { background: url("/resources/img/sub/sub_vis_1.jpg")no-repeat center/cover; }
.sub_vis02 { background: url("/resources/img/sub/sub_vis_2.jpg")no-repeat center/cover; }
.sub_vis03 { background: url("/resources/img/sub/sub_vis_3.jpg")no-repeat center/cover; }
.sub_vis04 { background: url("/resources/img/sub/sub_vis_4.jpg")no-repeat center/cover; }

.sub_vis h2 { width: 100%; max-width: 1300px; color: #fff; position: absolute; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: left; }
.sub_vis h2 .en_tit { font-size: 42px; font-weight: 600; font-family: 'S-Core Dream', sans-serif; }
.sub_vis h2 .tit { display: none; }

.sub_vis.sub_vis05 { height: 320px; background: url("/resources/img/sub/sub_vis_5.jpg")no-repeat center/cover; }
.sub_vis.sub_vis05 h2 { text-align: center; top: 60%; }

/* lnb */
.lnb { width: 100%; max-width: 1300px; height: 60px; position: absolute; top: 560px; left: 50%; transform: translateX(-50%); z-index: 10; font-family: 'S-Core Dream', sans-serif; font-size: 16px; box-sizing: border-box;  }
.lnb::before { content: ''; width: 75%; height: 60px; border-radius: 0 20px 0 0; background-color: #fff; position: absolute; top: 0; left: -50%; z-index: -1; }
.lnb::after { display: block; content: ""; clear: both; height: 0; }
.lnb > div { float: left; }

.lnb .home { width: 60px; height: 60px; background: url('/resources/img/sub/sub_ico_lnb_home.png')no-repeat center center/24px 21px; position: relative; }
.lnb .home::after { content: ''; width: 8px; height: 16px; background: url('/resources/img/sub/sub_ico_lnb_arr.png')no-repeat center center/contain; position: absolute; top: 23px; right: -8px; z-index: 1; }
.lnb .home a { display: inline-block; width: 100%; height: 100%; text-indent: -9999px; }

.lnb .depth1_name { min-width: 150px; padding: 0 34px; height: auto; display: inline-block; box-sizing: border-box; position: relative; }
.lnb .depth1_name::after { content: ''; width: 8px; height: 16px; background: url('/resources/img/sub/sub_ico_lnb_arr.png')no-repeat center center/contain; position: absolute; top: 23px; right: -8px; z-index: 1; }
.lnb .depth1_name span { display: block; width: 100%; height: 100%; color: #333; font-size: 16px; font-weight: 400; line-height: 60px; text-align: center; box-sizing: border-box; }

.lnb .lnb_menu { width: fit-content; display: inline-block; box-sizing: border-box; position: relative; }
.lnb .lnb_menu .lnb_title { display: block; min-width: 140px; font-size: 16px; font-weight: 400; color: #333; line-height: 60px; padding: 0 65px 0 35px; cursor: pointer; background-color: #fff; border-radius: 0 20px 0 0; }

.lnb .lnb_menu ul { display: none; width: 90%; box-sizing: border-box; border-radius: 0 0 10px 10px; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background-color: #f5f5f5; padding: 10px 0; }
.lnb .lnb_menu li { padding: 0 20px; }
.lnb .lnb_menu li a { display: block; width: 100%; font-size: 15px; font-weight: 400; color: #333; transition: .3s ease; box-sizing: border-box; padding: 15px 0 10px; margin-bottom: 5px; position: relative; }
.lnb .lnb_menu li a::after { content: ''; width: 0; height: 1px; background-color: #bbb; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease; }
.lnb .lnb_menu li a:hover::after, 
.lnb .lnb_menu li.on a::after { width: 100%; }

.lnb .lnb_menu .more_btn { width: 7px; height: 14px; background: url('/resources/img/sub/sub_ico_lnb_arr.png')no-repeat left top /contain; position: absolute; top: 50%; right: 20px; text-indent: -99999px; transform: translateY(-50%) rotate(90deg); transform-origin: center; cursor: pointer; transition: all .3s ease-in-out; }
.lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-90deg); }


/*contents s*/
/* 서브 공통 */
.contents { padding: 180px 0;  min-height: 268px; }
.sub-tit-wrap { margin-bottom: 60px; }
h3 { word-break: keep-all; font-family: 'S-Core Dream', sans-serif; font-size: 26px; font-weight: 600; position: relative; text-align: center; }
h3 .tit-gray { color: #6d6d6d; }
h4 { word-break: keep-all; font-family: 'S-Core Dream', sans-serif; font-size: 24px; font-weight: 500; padding-left: 30px; position: relative; }
h4::before { content: ''; width: 18px; height: 18px; background-color: #00AB4E; position: absolute; top: 9px; left: 0; }

.contents.mem-conts,
.contents.mem-news { padding: 120px 0; }


/* 인사말 */
.intro-box { width: 100%; height: 580px; background: url('/resources/img/sub/sub_greet_bg.jpg') no-repeat center center/cover; position: relative; }
.intro-box .intro-tit { width: 320px; font-size: 32px; font-weight: 600; color: #fff; background-color: #00AB4E55; padding: 50px; position: absolute; top: 50px; left: 50px; }

.grt-txt-wrap { width: 100%; height: 360px; padding: 50px; margin: 0 auto; position: relative; box-sizing: border-box; }
.grt-txt-wrap .grt-txt-box { width: 100%; height: auto; padding: 40px; background-color: #fff; position: relative; top: -250px; left: 0; box-sizing: border-box; }
.grt-txt-wrap .grt-txt-box p { width: 100%; font-size: 18px; font-weight: 400; color: #333; line-height: 150%; margin-bottom: 25px; }

.sign-wrap { float: right; margin-right: 50px; }
.sign-wrap .logo-box { width: 60px; float: left; margin-right: 10px; }
.sign-wrap .logo-box img { width: 100%; height: 36px; object-fit: contain; }
.sign-wrap .name-box {  float: left; font-family: 'Gowun Batang', serif; font-size: 32px; letter-spacing: 12px; margin-top: -7px; }
.sign-wrap .name-box .off-tit {  font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 3px; margin-right: 15px; vertical-align: baseline; }


/* 설립목적 및 연혁 */
.est-purp-wrap { padding-bottom: 120px; }

.est-purp-box { margin-top: 30px; }
.est-purp-box > ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.est-purp-box > ul > li { width: 23%; }
    .purp-box { width: 100%; height: 200px; border-radius: 20px; border: 1px solid #00AB4E; position: relative; padding-bottom: 30px; overflow: hidden; box-sizing: border-box; }
    .purp-box .purp-tit .purp-num { font-size: 36px; font-weight: 700; color: #00AB4E; float: left; padding: 20px 0 0 20px; }
    .purp-box .purp-tit .putp-ico { width: 120px; float: right; padding: 12px 12px 0 0; opacity: 0.2; }
    .purp-box .purp-txt { font-size: 20px; color: #333; font-weight: 600; padding: 0 20px; position: absolute; bottom: 30px; left: 5px; }
 
.his-box-wrap { width: 100%; margin-top: 30px; }
.history-box { width: 100%; }
    .history-box .his-year { width: 30%; height: auto; float: left; padding: 40px 0 0 40px; position: relative; font-size: 36px; font-weight: 700; color: #00AB4E; box-sizing: border-box; }
    .history-box .his-year::before { content: ''; width: 16px; height: 16px; border-radius: 50%; background-color: #00AB4E55; position: absolute; top: 60px; left: 10px; }
    .history-box .his-year::after { content: ''; width: 50%; height: 1px; background-color: #00AB4E55; position: absolute; top: 65px; right: -30px; }
    .history-box .his-year .his-dot { display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #005c2a; position: absolute; top: 54px; right: -11%; z-index: 10; }
    .history-box .his-year .his-dot::after { content: ''; width: 40px; height: 40px; border-radius: 50%; background-color: #005c2a30; position: absolute; top: -8px; left: -8px; z-index: 0; }

    .history-box .his-cont-wrap { width: 66%; height: max-content; margin-left: 2%; float: left; border-left: 2px solid #005c2a; box-sizing: border-box; padding: 40px 0 40px 20px; }
    .history-box .his-cont-wrap p { display: flex; font-size: 20px; color: #333; font-weight: 500; padding: 10px 0 10px 30px; }
    .history-box .his-cont-wrap p .his-date { display: block; min-width: 130px; color: #6d6d6d; margin-right: 10px; }
    .history-box .his-cont-wrap p .his-txt { display: block; }

    .sub-ex { font-size: 15px; font-weight: 400; }
    .hd-date { text-indent: -9999px; color: transparent; }

/* 사업소개 */

.intro-wrap > ul > li { width: 49%; float: left; }
.intro-wrap > ul > li.int-even { float: right; }
    .intro-cont-box { width: 100%; height: auto; padding: 30px 30px 30px 50px; box-sizing: border-box; position: relative; border-radius: 30px; border: 1px solid #00AB4E75; margin-bottom: 50px; }
    .intro-cont-box .intro-num { padding: 10px 25px; border-radius: 30px 0 30px 0; font-size: 18px; font-weight: 700; background-color: #00AB4E; color: #fff; position: absolute; top: -22px; left: -1px; }
    .intro-cont-box .it-ico { width: 100%; }
    .intro-cont-box .it-ico .int-ico-box { width: 50px; height: 50px; float: left; margin-right: 30px; }
    .intro-cont-box .it-ico .ico-txt { font-size: 16px; font-weight: 500; float: left; line-height: 50px; }
    .intro-cont-box .it-ico .ico-txt span { display: inline-block; margin-right: 4px; }



/* 임원진명단 */
.officer-wrap > .inner > div { margin-bottom: 80px; }
.officer-wrap > .inner > div.adman-wrap { margin-bottom: 0; }

.man-box { width: 100%; margin-top: 30px; }
.man-box table th, .man-box table td { }
.man-box table th p { padding: 18px; border-radius: 20px 20px 0 0; background-color: #eaf3ef; color: #333; font-size: 20px; letter-spacing: 3px; }
.man-box table td p { padding: 25px; font-size: 20px; color: #333; font-weight: 500; text-align: center; margin-bottom: 20px; border-radius: 0 0 20px 20px; box-shadow: 8px 13px 25px rgba(140, 140, 140, 0.1); box-sizing: border-box; }
.chman-wrap .man-box table td p,
.ptman-wrap .man-box table:nth-child(1) td p,
.ptman-wrap .man-box table:nth-child(2) td p { height: auto; min-height: 250px; }

.ofc-grt { display: inline-block; font-size: 13px; padding: 3px 5px; border: #00AB4E solid 1px; border-radius: 6px; color: #00AB4E; font-weight: 100; margin-left: 7px; vertical-align: bottom; cursor: pointer; }
    .ofc-grt-ico  { display: none; }
    .man-box table td p .ofc-photo { display: block; width: 100%; height: 160px; margin-bottom: 10px; }
    .man-box table td p .ofc-photo img { width: 120px; height: 160px; object-fit: contain; }

.man-box table td.pdL0 { padding-left: 0; }
.man-box table td.pdL0 p { border-radius: 0 0 20px 0; }
.man-box table td.pdR0 { padding-right: 0; }
.man-box table td.pdR0 p { border-radius: 0 0 0 20px; }
.man-box table td.pdL0.pdR0 p { border-radius: 0 0 0 0; }

.man-box table.adman1 { width: 40%; float: left; }
.man-box table.adman2 { width: 60%; float: right; }

.officer-greeting.on { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); z-index: 100; }
.officer-greeting .greeting-wrap { width: 100%; max-width: 1024px; height: 80%; max-height: 710px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 50px; overflow-y: auto; box-sizing: border-box; display: none; }
.officer-greeting .greeting-wrap .left-box { width: 20%; float: left; }
    .greeting-wrap .left-box .ofc-photo { width: 100%; }
    .greeting-wrap .left-box .ofc-photo img { width: 100%; height: 240px; object-fit: contain; }
    .greeting-wrap .left-box .ofc-name { font-size: 20px; font-weight: 400; padding: 12px 0 2px 25px; position: relative; }
    .greeting-wrap .left-box .ofc-name::after { content: ''; width: 12px; height: 48px; background-color: #00AB4E; position: absolute; top: 16px; left: 0; }
    .greeting-wrap .left-box .ofc-name-loc { padding-left: 25px; }

.officer-greeting .greeting-wrap .right-box { width: 80%; float: right; padding-left: 30px; box-sizing: border-box; }
    .greeting-wrap .right-box .grt-box p { font-size: 17px; margin-bottom: 15px; }
    .greeting-wrap .right-box .grt-box p:nth-child(1) { font-weight: 400; }
    .greeting-wrap .right-box .ofc-grade { font-size: 20px; font-weight: 400; text-align: right; padding-top: 10px; }
    .greeting-wrap .right-box .ofc-grade .ofc-sign { margin-left: 12px; }

.cls-btn { text-align: center; margin-top: 30px; }
.cls-btn button { padding: 10px 70px; background-color: #333; color: #fff; }

.officer-greeting.on .greeting-wrap { display: block; }


/* 정관 */
.articles-wrap { border-top: 1px solid #ddd; padding-top: 30px; }
.acticle { margin-bottom: 30px; }
.acticle .acticle-num { font-family: 'S-Core Dream', sans-serif; font-size: 24px; font-weight: 700; }

.atc-box { margin-bottom: 10px; }
.atc-box .atc-tit { font-size: 18px; font-weight: 700; padding: 10px 0 0 15px; }
.atc-box .atc-sub p { font-weight: 400; padding: 3px 7px 3px 22px; word-break: keep-all; }
.atc-box .atc-sub.sub-numring p { padding: 3px 7px 3px 40px; text-indent: -18px; }
.atc-box .sub-list { padding: 0 10px 0 40px; margin-bottom: 5px; }
.atc-box .sub-list > ul > li > p { font-weight: 400; line-height: 160%; padding-left: 14px; text-indent: -15px; word-break: keep-all; }
.atc-box .sub-list > ul > li > p span { margin-right: 3px; }

.act-add > ul > li p { font-weight: 400; line-height: 160%; padding-left: 35px; text-indent: -15px; word-break: keep-all; }


/* 오시는길  */
.map-wrap { padding-bottom: 100px; }
.map-box { width: 100%; height: auto; overflow: hidden; } 

.sub-map { width: 100%; height: 470px; }
.sub-map .dg-btn-wrap { position: absolute; top: 0; right: 0; z-index: 100; }
.sub-map .dg-btn-wrap .dg-btn { display: none; width: 100px; border-radius: 10px; padding: 5px 10px; background-color: #00AB4E; font-size: 13px; font-weight: 400; color: #fff; position: absolute; top: 0; right: 0; border: 0; cursor: pointer; }
.sub-map .dg-btn-wrap .dg-btn.on { display: block; }
.sub-map .dg-btn-wrap .dg-btn span { display: block; width: 20px; height: 20px; padding-top: 5px; background: url('/resources/img/common/ico-disdraggable.png') no-repeat center center/contain; margin: 0 auto; }
.sub-map .dg-btn-wrap .dg-btn span.bg-ico-on { background-image: url('/resources/img/common/ico-draggable.png'); }
.sub-map .kko-map { width: 100%; height: 470px; }

.adr-box { width: 55%; max-width: 670px; background-color: #fff; padding: 50px 30px; box-sizing: border-box; border-radius: 0 50px 0 0px; box-shadow: 8px 13px 25px rgba(140, 140, 140, 0.1); position: absolute; bottom: 10px; left: 0; z-index: 10; }
.adr-box > p { font-size: 20px; font-weight: 600; margin-bottom: 20px; } 
.adr-box .ct-info > p { font-weight: 400; padding: 6px 0 6px 20px; position: relative; }
.adr-box .ct-info > p::before { content: ''; width: 14px; height: 19px; position: absolute; left: 0; }
.adr-box .ct-info > p.adr::before { background: url('/resources/img/main/ico_main_loca.png') no-repeat left top / contain; top: 8px; }
.adr-box .ct-info > p.tel::before { background: url('/resources/img/main/ico_main_tel.png') no-repeat left top / contain; top: 12px; }

.map-ico-wrap { float: right; display: flex; padding-top: 25px; }
.map-ico-wrap .map-btn.nav-map { margin-right: 40px; }
.map-ico-wrap .map-btn a::after { display: block; content: ""; clear: both; height: 0; }
.map-ico-wrap .map-btn .ico-box { width: 42px; height: 42px; border-radius: 12px; position: relative; float: left; }
.map-ico-wrap .map-btn .ico-box.naver-map { background-color: #00C046; }
.map-ico-wrap .map-btn .ico-box.kakao-map { background-color: #FEE102; }
.map-ico-wrap .map-btn .ico-box img { width: 18px; height: 25px; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.map-ico-wrap .map-btn a > p { float: left; font-weight: 500; letter-spacing: -0.5px; line-height: 42px; margin: 0 5px; }

/* 농안법 */
.act-table table th:nth-child(1) { width: 60%; padding-right: 3px; }
.act-table table th:nth-child(2) { width: 40%; }
.act-table table th p { background-color: #00ab4e07; color: #00AB4E; padding: 15px 0; border-bottom: 2px solid #00ab4e; text-align: center; font-size: 18px; margin-bottom: 3px; }
.act-table table td { border-bottom: 1px solid #eee; text-align: center; padding: 20px 0; font-size: 16px; font-weight: 400; }
.act-table table tbody tr:nth-child(1) td { border-top: 1px solid #00ab4e50; }
.act-table table tbody tr:last-child td { border-bottom: 1px solid #ddd; }
.act-table table td a { font-size: 15px; padding: 5px 42px 5px 22px; border: 1px solid #ddd; border-radius: 20px; position: relative; }
.act-table table td a::after { content: ''; width: 14px; height: 14px; background: url('/resources/img/sub/ico_new.png') no-repeat center center /contain; position: absolute; top: 7px; right: 22px; }
.act-table table tbody tr:hover td { background-color: #fafafa; }
.act-table table td a:hover { text-decoration: none; background-color: #fff; }


/* 연합회 건의사항 */
.sug-cont .basic_form { border: 0; }
.sug-cont .basic_form .form_item { border-bottom: 0; }
.sug-cont .basic_form .form_item .form_title { padding: 12px 20px 12px 7px; font-size: 18px; font-weight: 400; background: transparent; color: #333; border-right: 0; border-bottom: 1px solid rgba(255,255,255, 0.3); text-align: right; }
.sug-cont .basic_form .form_item .form_title span { position: relative; padding-right: 15px; }
.sug-cont .basic_form .form_item .form_title.must-in span::after { content: '*'; width: 15px; height: 15px; color: #e03a3a; font-size: 18px; font-weight: 500; position: absolute; top: 0; right: 0; }
.sug-cont .basic_form input, .basic_form input[type="text"], .basic_form input[type="password"], .basic_form textarea { background: #fff; padding: 10px 5px; }

.sug-cont .basic_form .agree_box { width: 100%; height: 200px; overflow-y: auto; border: 1px solid #ddd; padding: 15px; box-sizing: border-box; font-size: 15px; line-height: 120%; }
.sug-cont .basic_form .agree_chk { font-size: 16px; font-weight: 500; padding: 7px 0; }
.sug-cont .capt_img { vertical-align: top; background-color: #cc0204; padding: 5px 2px; }
.sug-cont .basic_form input.capt_btn { background: url('/resources/img/common/reset_ico.png')no-repeat center/20px; border: 0; }

.sug-cont .agrtxt-wrap br { display: none; }
.sug-cont .agrtxt-wrap .atc-tit { position: relative; padding: 5px 0 5px 20px; font-size: 15px; font-weight: 400; }
.sug-cont .agrtxt-wrap .atc-tit::before { content: ''; width: 11px; height: 11px; background-color: #00AB4E75; position: absolute; top: 10px; left: 0; }
.sug-cont .agrtxt-wrap .atc-txt { padding: 5px 0 10px 26px; font-size: 14px; }
.sug-cont .agrtxt-wrap ul li > ul { margin-bottom: 10px; }
.sug-cont .agrtxt-wrap ul li > ul li { padding: 0 0 3px 35px; position: relative; font-size: 14px; word-break: keep-all; }
.sug-cont .agrtxt-wrap ul li > ul li::before { content: ''; width: 5px; height: 5px; border: 1px solid #00AB4E75; border-radius: 50%; position: absolute; top: 7px; left: 20px; }
.sug-cont .write_btn { border: 1px solid #333; color: #333; }
.sug-cont .write_btn:hover { background-color: #00AB4E; border: 1px solid #00AB4E; color: #fff; font-weight: 500; }


/* 회원탈퇴후 */
.contents.withdrawal { padding: 100px 0 150px; background-color: #f5f5f5; }
.withdrawal-wrap { width: 100%; max-width: 520px; min-height: 240px; margin: 0 auto; padding: 30px; box-shadow: 8px 13px 25px rgba(140, 140, 140, 0.1); box-sizing: border-box; text-align: center; border-radius: 20px; background-color: #fff; }
.withdr-box { border: 3px solid #00AB4E; padding: 30px;  border-radius: 10px; }
.withdr-box p { font-size: 18px; font-weight: 300; padding-top: 5px; }
.withdr-box p.withdr-comp { padding-top: 10px; font-size: 24px; font-weight: 500; color: #333; }

.withdrawal-wrap button { padding: 12px 40px; background-color: #333; color: #fff; font-size: 16px; margin-top: 30px; }

/* 등급표준화 게시판 */
.contents.decla { padding: 180px 0 0; }
.contents.mem-grd { padding: 60px 0 120px; } 

.list-box-top { padding: 40px; border: 1px solid #ddd; }
.list-box-top h3 { margin-bottom: 30px; }
.list-box-top h3 > span { margin-left: 7px; }

.grade-app .grade-cont:nth-child(1) { margin-bottom: 20px; }
.grade-app .grade-tit { font-size: 20px; font-weight: 500; padding: 10px 0 10px 25px; position: relative; }
.grade-app .grade-tit::after { content: ''; width: 16px; height: 16px; background-color: #00AB4E; position: absolute; top: 17px; left: 0; }

.grade-app .head-txt { font-size: 18px; font-weight: 400; padding: 12px 0; position: relative; }
.grade-app .head-txt.head-txt-sep { text-align: center; }
.grade-app .grade-cont .std-txt { padding-left: 25px; position: relative; }
.grade-app .grade-cont .std-txt::before { content: ''; width: 7px; height: 1px; background-color: #666; position: absolute; top: 12px; left: 10px; }

.grade-cont-ref .grade-ref-txt { padding-left: 20px; position: relative; }
.grade-cont-ref .grade-ref-txt::before { content: ''; width: 10px; height: 10px; background-color: #999; position: absolute; top: 6px; left: 0px; }
.grade-cont-ref .grade-date { text-align: center; padding: 5px 0 9px 0; margin-top: 15px; }
.grade-cont-ref .grade-ofc { text-align: center; padding-left: 0; font-size: 18px; font-weight: 500; }

.grade-box { display: flex; }
.grade-box > p { display: inline-block; width: 95%; padding: 7px 0; font-weight: 400; }
.grade-box > p.box-num { width: 5%; max-width: 30px; font-weight: 500; text-align: right; padding-right: 10px; box-sizing: border-box; }

.grade-down > a { display: block; width: 30%; padding: 12px 20px; background-color: #005c2a; text-align: center; margin: 30px auto 0; color: #fff; font-weight: 500; border-radius: 30px; box-sizing: border-box; }
 
.board-box-top { margin-bottom: 60px; }


/*contents e*/






@media screen and (max-width:1500px){
}
@media screen and (max-width:1300px){
    .intro-cont-box { padding: 30px; }
    .intro-cont-box .it-ico .ico-txt { width: calc(100% - 80px); line-height: 120%; }
}


@media screen and (max-width:1200px){
    .lnb::before { width: 100%; }
    .contents { padding: 120px 0; }
    .mem-loca th.non_mobile, .mem-loca td.non_mobile { display: table-cell; }

    .grade-down > a { width: 50%; }
}
@media screen and (max-width:1024px){
    /* 설립목적 및 연혁 */
    .est-purp-box > ul { flex-wrap: wrap; }
    .est-purp-box > ul > li { width: 48%; }
    .purp-box { margin-bottom: 20px; }

    /* 임원진명단 */
    .ptman-wrap .man-box table td p { height: 60px; }
    .ptman-wrap .man-box table:last-child td p { height: auto; }

    .ofc-grt { width: 60%; margin-top: 6px; margin-left: 0; }
    .officer-greeting .greeting-wrap { height: auto; max-height: none; }

    /* 오시는길 */
    .map-wrap { padding-bottom: 0; margin-top: 30px; }
    .adr-box { width: 65%; bottom: 0; }
    .adr-box .ct-info > p { padding: 6px 0 6px 60px; text-indent: -40px; }
    .map-ico-wrap { display: block; }
    .map-ico-wrap .map-btn.nav-map { margin-right: 0; margin-bottom: 20px; }

    /* 연합회 건의사항 */
    .sug-cont .basic_form .form_item .form_title { text-align: left; padding: 17px 0 7px 7px; }
    .sug-cont .agrtxt-wrap ul li > ul li.txt-int { padding: 0 0 3px 95px; text-indent: -61px; }
}
@media screen and (max-width:880px){
    .intro-wrap > ul > li { width: 100%; float: unset; }
    .intro-wrap > ul > li.int-even { float: unset; }
    .intro-cont-box .it-ico .ico-txt { line-height: 50px; }

    /* 임원진명단 */
    .man-box table td p .ofc-photo img { width: 100%; }
}
@media screen and (max-width:840px){
    .sub-tit-wrap { margin-bottom: 40px; }

    /* 지회주소 */
    .mem-loca th.non_mobile, .mem-loca td.non_mobile { display: none; } 
    .mem-loca table.board_list { border-top: 0; }
    .mem-loca .board_list td { border-bottom: 1px solid #00AB4E75; border-right: 1px solid #00AB4E75; font-size: 15px; padding: 12px 10px; }
    
    .mem-loca .board_list td.ft-Lf { float: left; }
    .mem-loca .board_list td.ft-Rg { float: right; }
    .mem-loca .board_list td.mb50 { display: inline-block; width: 50%; box-sizing: border-box; }
    .mem-loca .board_list td.mb100 { display: block; width: 100%; text-align: center !important; box-sizing: border-box; border-left: 1px solid #00AB4E75; margin-bottom: 20px; }
    .mem-loca .board_list td.bdTop { border-top: 2px solid #00AB4E; }
    .mem-loca .board_list td.mbBg { background-color: #00AB4E; border-right: 1px solid #00AB4E; color: #fff; font-weight: 500; }

    .mem-loca .board_list td.mem-name { height: 96px; line-height: 72px; font-size: 16px; font-weight: 500; border-left: 1px solid #00AB4E75; }
    .mem-loca .board_list td.mem-tel,
    .mem-loca .board_list td.mem-fax { font-size: 14px; height: 48px; line-height: 24px; position: relative; }
    .mem-loca .board_list td.mem-tel span,
    .mem-loca .board_list td.mem-fax span { padding-left: 25px; position: relative; }
    .mem-loca .board_list td.mem-tel span::after { content: ''; display: block; width: 13px; height: 13px; background: url('/resources/img/main/ico_main_tel.png')no-repeat center center/contain; position: absolute; top: 4px; left: 2px; }
    .mem-loca .board_list td.mem-fax span::after { content: ''; display: block; width: 14px; height: 14px; background: url('/resources/img/sub/ico_sub_fax.png') no-repeat center center/contain; position: absolute; top: 3px; left: 1px; }
}
@media screen and (max-width:768px){
    .contents { padding: 80px 0; }
    .sub_vis { height: 410px; }
    .sub_vis h2 { top: 48%; text-align: center; }
    .sub_vis h2 .en_tit { font-size: 28px; }

    .lnb { width: 90%; top: 360px; height: 50px; }
    .lnb::before { height: 50px; }
    .lnb .home { display: none; }
    .lnb .depth1_name {display: none; }
    .lnb .lnb_menu { width: 100%; }
    .lnb .lnb_menu .lnb_title { height: 50px; }

    h3, .h3 { font-size: 22px; }
    h4, .h4 { font-size: 20px; }
    h4::before { top: 6px; }

    /* 인사말 */
    .intro-box { height: 480px; margin-top: 30px; }
    .intro-box .intro-tit { font-size: 24px; line-height: 160%; padding: 40px; width: 290px; top: 30px; left: 30px; }

    .grt-txt-wrap { padding: 30px; }
    .grt-txt-wrap .grt-txt-box { padding: 25px; }
    .grt-txt-wrap .grt-txt-box p { font-size: 16px; line-height: 160%; margin-bottom: 20px; }

    .sign-wrap { margin-right: 30px; }
    .sign-wrap .logo-box { width: 45px; }
    .sign-wrap .name-box { font-size: 24px; margin-top: 0; }

    /* 설립목적 및 연혁 */
    
    .history-box .his-year { width: 25%; padding: 30px 0 0 35px; font-size: 28px; }
    .history-box .his-year::before { top: 43px; }
    .history-box .his-year::after { display: none; }
    .history-box .his-year .his-dot { top: 39px; right: -27px; }
    .history-box .his-cont-wrap { width: 72%; padding: 30px 0 30px 20px; }
    .history-box .his-cont-wrap p { font-size: 18px; padding: 7px 0 7px 30px; }
    .history-box .his-cont-wrap p .his-date { min-width: 100px; }
    .sub-ex { display: block; font-size: 13px; }

    /* 임원진명단 */
    .man-box table th p { font-size: 18px; letter-spacing: 1px; }
    .chman-wrap .man-box table td p, .ptman-wrap .man-box table:nth-child(1) td p, .ptman-wrap .man-box table:nth-child(2) td p { min-height: unset; }
    .man-box table td p .ofc-photo { height: 130px; }
    .man-box table td p .ofc-photo img { height: 130px; }
    .man-box table.adman1, .man-box table.adman2 { width: 100%; float: unset; }

    /* 신고게시판 & 등급표준화검사 */
    .grade-down > a { width: 100%; }
}



@media screen and (max-width:600px){
    .sub-tit-wrap { margin-bottom: 30px; }
    .low-tit-wrap { padding-left: 10px; }
    h4::before { top: 5px; }
    
    /* 인사말 */
    .intro-box { height: 420px; padding-top: 20px; box-sizing: border-box; }
    .intro-box .intro-tit { width: 90%; font-size: 20px; padding: 25px; position: static; margin: 0 auto; box-sizing: border-box; text-align: center; }

    .grt-txt-wrap { width: 90%; margin: 0 auto; padding: 0; }
    .grt-txt-wrap .grt-txt-box { padding: 20px; }

    .sign-wrap { margin-right: 20px; }

    /* 설립목적 및 연혁 */
    .est-purp-wrap { padding-bottom: 80px; }
    .est-purp-box > ul { flex-direction: column; justify-content: flex-start; }
    .est-purp-box > ul > li { width: 100%; }
    .purp-box { height: 160px; }
    .purp-box .purp-tit .purp-num { font-size: 24px; }
    .purp-box .purp-tit .putp-ico { width: 100px; }
    .purp-box .purp-txt { font-size: 18px; top: unset; bottom: 20px; } 

    .history-box .his-year { width: calc(100% - 15px); padding: 0 0 0 20px; font-size: 24px; margin-left: 15px; border-left: 2px solid #005c2a; }
    .history-box .his-year::before { background-color: #00AB4E; top: 10px; left: -8px; }
    .history-box .his-year .his-dot { display: none; }
    .history-box .his-cont-wrap { width: calc(100% - 15px); margin-left: 15px; padding: 15px 0 35px 0; }
    .history-box:last-child .his-cont-wrap { padding: 15px 0 0 0; }
    .history-box .his-cont-wrap p { font-size: 16px; padding: 3px 0 3px 20px; }
    .history-box .his-cont-wrap p .his-date { min-width: 85px; }

    /* 사업소개 */
    .intro-cont-box { padding: 30px 20px; min-height: 164px; margin-bottom: 30px; }
    .intro-cont-box .intro-num { padding: 7px 25px; top: -15px; }
    .intro-cont-box .it-ico .int-ico-box { width: 50px; height: 50px; float: unset; margin: 0 auto; }
    .intro-cont-box .it-ico .ico-txt { width: 100%; line-height: 140%; float: unset; font-size: 15px; text-align: center; margin-top: 10px; }
    .intro-cont-box .it-ico .ico-txt span { display: block; margin-right: 0; }

    /* 임원진명단 */
    .officer-wrap > .inner > div { margin-bottom: 40px; }
    .man-box table th p { padding: 12px 5px; font-size: 15px; border-radius: 0; letter-spacing: -0.5px; font-weight: 500; }
    .man-box table td p { padding: 15px 5px; font-size: 14px; border-radius: 0; }
    .ptman-wrap .man-box table td p { height: 50px; }
    .ptman-wrap .man-box table:last-child td p { height: auto; }

    .man-box table td.pdL0 p { border-radius: 0; }
    .man-box table td.pdR0 p { border-radius: 0; }
    
    .man-box table td p .ofc-photo { display: none; }

    .officer-greeting .greeting-wrap { width: 100%; height: 100%; overflow-y: auto;padding: 30px; top: 0; left: 0; transform: translate(0, 0); }
    .officer-greeting .greeting-wrap .left-box { width: 100%; float: unset; }
    .greeting-wrap .left-box .photo-box::after { clear: both; content: ''; display: block; height: 0; }
    .greeting-wrap .left-box .ofc-photo { width: fit-content; float: left; }
    .greeting-wrap .left-box .ofc-photo img { width: 120px; height: 160px; object-fit: cover; margin-right: 20px; } 
    .greeting-wrap .left-box .ofc-name { width: 45%; float: left; box-sizing: border-box; padding: 0 0 0 25px; margin-top: 109px; }
    .greeting-wrap .left-box .ofc-name::after { top: 3px; }
    .greeting-wrap .left-box .ofc-name-loc { float: left; width: 45%; box-sizing: border-box; } 

    .greeting-wrap .greeting-box.non-photo .left-box .ofc-name { width: 100%; margin-top: 0; }

    .officer-greeting .greeting-wrap .right-box { width: 100%; float: unset; padding-left: 0; padding-top: 20px; }
    .greeting-wrap .right-box .grt-box p { font-size: 14px; }
    .greeting-wrap .right-box .ofc-grade { font-size: 16px; }
    .ofc-grt { font-size: 11px; padding: 2px 5px; line-height: 110%; }

    .cls-btn { margin-top: 30px; }
    .cls-btn button { font-size: 14px; }


    /* 정관 */
    .acticle .acticle-num { font-size: 20px; }
    .atc-box .atc-tit { font-size: 17px; }
    .atc-box .atc-sub p { font-size: 15px; }
    .atc-box .sub-list > ul > li > p { font-size: 15px; }

    /* 오시는 길 */
    .adr-box { width: 100%; bottom: unset; top: 350px; padding: 35px 25px; }
    .adr-box .ct-info > p { font-size: 15px; }
    .adr-box .ct-info > p.adr::before { top: 7px; }
    .adr-box .ct-info > p.tel::before { top: 11px; }
    .map-ico-wrap { display: flex; width: 100%; padding-top: 120px; justify-content: space-evenly; }
    .map-ico-wrap .map-btn.nav-map { margin-right: 5px; }
    .map-ico-wrap .map-btn .ico-box { width: 36px; height: 36px; border-radius: 10px; margin: 0 2px 0 0; }
    .map-ico-wrap .map-btn .ico-box img { width: 16px; height: 22px; }
    .map-ico-wrap .map-btn a > p { font-size: 15px; line-height: 36px; }

    /* 농안법*/
    .act-table table th p { font-size: 17px; }
    .act-table table td span { display: block; font-size: 14px; }
    .act-table table td a { font-size: 13px; padding: 5px 37px 5px 17px; }
    .act-table table td a::after { top: 6px; right: 17px; }

     
    /* 지회회원 */
    .member-list .board_list td { font-size: 14px; }
    .member-list td.call-num > a { text-indent: -9999px; color: transparent; position: relative; } 
    .member-list td.call-num > a::after { content: ''; width: 15px; height: 20px; background: url('/resources/img/main/ico_main_tel.png') no-repeat left center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    /* 연합회 건의사항 */
    .sug-cont .basic_form .form_item .form_title { padding: 17px 0 0 7px; font-size: 17px; font-weight: 500; }
    .sug-cont .basic_form .form_item .form_desc { padding: 5px; }
    .sug-cont .basic_form .agree_chk input[type=checkbox] + label { font-size: 15px; font-weight: 400; }

    .sug-cont .capt_img { padding: 7px 2px; }
    .sug-cont .write_btn { width: 100%; }

    /* 신고게시판&등급표준화 */
    .list-box-top { padding: 20px 15px; }
    .grade-app .head-txt { font-size: 16px; } 
    .grade-app .grade-tit { font-size: 17px; }
    .grade-app .grade-tit::after { width: 14px; height: 14px; top: 15px; }
    .grade-app .grade-cont .std-txt,
    .grade-cont-ref .grade-ref-txt { font-size: 15px; }
    .grade-cont-ref .grade-ofc { font-size: 16px; }

    .grade-box > p { font-size: 15px; }


}