@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}
.content-margin {margin-bottom:clamp(40px, calc(150/ var(--inner) * 100vw ),150px);}
.content-padding {padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0;}
.pb160 {padding-bottom:clamp(40px, calc(160/ var(--inner) * 100vw ),160px);}

.doc-tit {position:relative; padding-left:1.36em; margin-bottom:var(--size30); font-size:var(--font-size-22); font-weight:600; line-height:1.3; color:#242424;}
.doc-tit:before {content:''; position:absolute; left:0; top:0.2em; width:0.91em; height:0.91em; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}

.doc-cnt {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.doc-cnt:last-child {margin-bottom:0 !important;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.page-menu {margin-bottom:var(--size60);}
.page-menu ul {display:flex; justify-content:center;}
.page-menu ul li {width:50%; max-width:200px; padding:0 var(--size10);}
.page-menu ul li a {display:flex; align-items:center; justify-content:center; padding:0.8em; height:100%; border:1px solid #454545; border-radius:100vh; font-size:var(--font-size-20); font-weight:600; line-height:1;}
.page-menu ul li.active a {background:#0baf4d; border-color:#0baf4d; color:#fff;}

/* 설립목적 */
.purpose .img {margin-bottom:var(--size40);}
.purpose .txt {font-size:var(--font-size-20); font-weight:500; line-height:1.6; text-align:center;}

/* 인사말 */
.greeting {display:flex; align-items:center; gap:var(--size100);}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%; background:url('/images/sub/greeting-bg.jpg') no-repeat 50% 50%;}
.greeting .cnt .tit {margin-bottom:var(--size50); font-size:clamp(16px, calc(24/ var(--inner) * 100vw ),24px); font-weight:500; line-height:1.6; color:#242424;}
.greeting .cnt .tit strong {font-weight:600; font-size:1.3em;}
.greeting .cnt .txt {margin-bottom:var(--size35); font-size:var(--font-size-18); line-height:1.6; color:#454545;}
.greeting .cnt .txt:last-child {margin-bottom:0;}

.greeting .image {text-align:center;}
.greeting figure>img {border-radius:var(--size40); box-shadow:8px 8px 16px rgba(0,0,0,0.08);}
.greeting figcaption {margin-top:var(--size30); font-size:var(--font-size-18); font-weight:500; color:#242424;}
.greeting figcaption img {display:inline-block; margin-left:1em; vertical-align:middle;}

/* 조직도 */
.org-table table {border-top:2px solid #242424; line-height:1.4; text-align:center;}
.org-table th {background:#f8f8f8; border:1px solid #ddd; padding:10px; height:60px; font-size:var(--font-size-20); font-weight:600; color:#242424;}
.org-table td {border:1px solid #ddd; padding:10px; height:60px; color:#454545;}
.org-table td.subject {padding-left:20px; text-align:left;}
.org-table td a {display:block;}

.org-table tr th:first-child,
.org-table tr td:first-child {border-left:0;}
.org-table tr th:last-child,
.org-table tr td:last-child {border-right:0;}

/* 임원소개 */
.executives-table table {border-top:2px solid #242424;}
.executives-table th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; padding:10px; height:70px; font-size:var(--font-size-20); font-weight:600; color:#242424;}
.executives-table td {border-bottom:1px solid #ddd; padding:10px; padding-left:var(--size30); height:70px; font-size:var(--font-size-18); line-height:1.9; color:#454545;}

/* 사업내용 */
.business .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size15));}
.business .item {width:50%; padding:var(--size15);}

.business .in {display:flex; align-items:center; gap:var(--size20); height:100%; padding:var(--size20); border-radius:100vh; background:#f0eff4;}
.business .num {display:flex; align-items:center; justify-content:center; width:2.27em; height:2.27em; background:#262262; border-radius:100%; font-size:var(--font-size-22); font-weight:600; color:#fff; text-align:center;}
.business .txt {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-18); font-weight:500; line-height:1.5; color:#242424;}
.business .item:nth-child(4n - 1) .in {background:#eef9f2;}
.business .item:nth-child(4n - 1) .num {background:#0baf4d;}
.business .item:nth-child(2n) .in {background:#eef9f2;}
.business .item:nth-child(2n) .num {background:#0baf4d;}

.business .item:nth-child(4n) .in {background:#f0eff4;}
.business .item:nth-child(4n) .num {background:#262262;}

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important; height:clamp(260px, calc(500/ var(--inner) * 100vw ),500px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(260px, calc(500/ var(--inner) * 100vw ),500px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"사단법인 대한곡물협회"; font-size:12px; line-height:15px;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#262262; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#0baf4d;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}



@media (max-width: 1024px) {
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}