@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

#header{border-bottom:1px solid #e8e8e8;}
#footer .partner{display:none;}

/* lnb */
.lnb_wrap{display:flex; margin:auto; padding-top:calc(var(--header-height) + 70rem); justify-content:space-between; align-items:flex-end; max-width:1720rem; width:calc(var(--inr-width) * 100%);}
.lnb_wrap h2{font-size:55rem; color:#000;}
.lnb_wrap .lnb{text-align:center; margin-bottom:15rem; font-size:18rem; font-weight:500; color:#aaa; z-index:5; overflow: auto clip; white-space:nowrap;}
.lnb_wrap .lnb ul{display:table; table-layout:auto; overflow-y: hidden;}
.lnb_wrap .lnb li{display:table-cell;}
.lnb_wrap .lnb li+li{padding-left:40rem;}
.lnb_wrap .lnb a{position:relative; transition:0.2s ease;}
.lnb_wrap .lnb a.on{color:var(--primary); font-weight:bold;}
/* sub visual */
.subVisual{overflow:hidden; margin:40rem auto 0; position:relative; height:450rem; border-radius:30rem;}
.subVisual::before{ content: ''; position:absolute; width:100%; height:100%;}
.subVisual.about::before{ background:url('/images/content/sub_visual1.jpg')no-repeat 50%/cover;}
.subVisual.member::before{ background:url('/images/content/sub_visual2.jpg')no-repeat 50%/cover; }
.subVisual.business::before{ background:url('/images/content/sub_visual3.jpg')no-repeat 50%/cover; }
.subVisual.board::before{ background:url('/images/content/sub_visual4.jpg')no-repeat 50%/cover; }
.subVisual.common::before{ background:url('/images/content/sub_visual1.jpg')no-repeat 50%/cover; }
.subVisual.membership::before{ background:url('/images/content/sub_visual1.jpg')no-repeat 50%/cover; }
@media(prefers-reduced-motion:no-preference){
	.subVisual::before{ animation: subVisual_bg 1.8s both; }
	@keyframes subVisual_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.subVisual .inr > *{ opacity: 0; animation: subVisualText .6s .2s both; }
	.subVisual .inr > *:nth-child(2){ animation-delay: .4s; }
	@keyframes subVisualText {
		0%{ transform: translateY(40rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
}
@media(hover:hover){
    .lnb_wrap .lnb a:hover{color:var(--primary);}
}
@media(max-width:767px){
    .lnb_wrap{display:block; padding-top:calc(var(--header-height) + 40rem);}
    .lnb_wrap h2{font-size:42rem;}
    .lnb_wrap .lnb{margin-bottom:0; margin-top:12rem;}
    .lnb_wrap .lnb li+li{padding-left:30rem;}
    .subVisual{margin-top:25rem; height:220rem; border-radius:20rem;}
}


/* common content */
#content{min-height:300px; padding:100rem 0; overflow:hidden;}
.sub_title{margin-bottom:100rem;}
.sub_title h2{text-align:center; font-size:35rem; color:#000;}
h2.tit_st01{position:relative; margin-bottom:25rem; padding-left:35rem; font-size:var(--fs28); color:#111;}
h2.tit_st01:before{content:''; display:block; position:absolute; top:10rem; left:0; width:22rem; height:22rem; background:url(../images/content/tit_bullets.svg)no-repeat center/contain;}

.common_table{ border-top: 2px solid #222; text-align: center; }
.common_table :is(th, td){ padding: 14rem 1em 12rem; border: 1rem solid #e5e5e5; }
.common_table col:is(:nth-of-type(1), :nth-of-type(2)){ width: 18.33333333%; }
.common_table :is(th, td):first-child{ border-left: 0; }
.common_table :is(th, td):last-child{ border-right: 0; }
.common_table :is(thead, tfoot){ background: #f6f7f9; font-size: 17rem; font-weight: 500; }

.mt100{margin-top:100rem;}
@media(max-width:1279px){
    #content{padding:80rem 0;}
    .sub_title{margin-bottom:80rem;}
    h2.tit_st01{padding-left:30rem;}
    h2.tit_st01:before{top:8rem; width:20rem; height:20rem;}
    .mt100{margin-top:80rem;}
}
@media(max-width:767px){
    #content{padding:60rem 0;}
    .sub_title{margin-bottom:60rem;}
    h2.tit_st01{margin-bottom:20rem;}
    .mt100{margin-top:65rem;}
}


/* 협회소개 > 인사말 */
.greeting{display:flex; justify-content:center;}
.greetingCeo{position:relative; padding:40rem; margin-right:60rem; width:400rem; border-radius:20rem; background:#f8f8f8; overflow:hidden;}
.greetingCeo:before{content:''; display:block; position:absolute; bottom:-40%; right:-25%; width:400rem; height:400rem; border-radius:50%; background:var(--primary); opacity:0.1;}
.greetingCeo h2{font-size:25rem; color:#444; font-weight:normal;}
.greetingCeo h2 img{display:block; margin-bottom:15rem; width:55rem;}
.greetingCeo h2 b{font-weight:bold; color:#111;}
.greetingCeo h2 br.m_br{display:none;}
.greetingCeo > img{display:block; position:absolute; bottom:0; right:-5%; width:280rem;}
.greetingTxt{padding:20rem 0;}
.greetingTxt h2{margin-bottom:20rem; font-size:25rem; font-weight:normal; color:var(--primary);}
.greetingTxt h2 b{font-weight:bold !important;}
.greetingTxt p{font-size:18rem; color:#444;}
.greetingTxt p+p{margin-top:15rem;}
@media(max-width:1279px){
    .greetingCeo{margin-right:0; padding:30rem 20rem; width:30%;}
    .greetingTxt p > br{display:none;}
    .greetingTxt{padding:20rem 0 20rem 40rem; width:70%;}
}
@media(max-width:767px){
    .greeting{display:block;}
    .greetingCeo{width:100%; height:240rem;}
    .greetingCeo:before{bottom:-80%; right:-25%; width:350rem; height:350rem;}
    .greetingCeo h2 br.m_br{display:block;}
    .greetingCeo > img{width:210rem;}
    .greetingTxt{padding:0; margin-top:30rem; width:100%;}
    .greetingTxt h2{font-size:22rem;}
}


/* 협회소개 > 비전 및 목표 */
.vmg .m_br{display:none;}
.vmg_tit{margin-bottom:40rem; text-align:center;}
.vmg_tit em{display:block; font-size:18rem; font-weight:bold; color:var(--primary);}
.vmg_tit h2{font-size:35rem; color:#000; font-weight:bold;}
.vmg_txt{text-align:center;}
.vmg_txt p{font-size:18rem; color:#444;}
.vmg_txt h3{font-size:25rem; font-weight:normal;}
.vmg_txt h3 b{font-weight:bold; color:var(--secondary);}
.vmg_mt5{margin-top:5rem;}
.vmgMission{padding:100rem 0; background:url(../images/content/vmg_mission_bg.jpg)no-repeat center/cover;}
.vmgGoals01_ul li{display:flex; margin:auto; padding:20rem 30rem; border-radius:15rem; border:1px solid #ddd; max-width:1000rem; width:100%;}
.vmgGoals01_ul li+li{margin-top:10rem;}
.vmgGoals01_ul li em{display:block; width:50rem; font-size:25rem; color:var(--primary); font-weight:bold;}
.vmgGoals01_ul li p{margin-top:5rem; width:calc(100% - 50rem); font-size:18rem; color:#444;}
.vmgGoals01_ul li p b{font-weight:bold; color:#111;}
.vmgGoals02{display:flex; align-items:center; height:420rem; background:url(../images/content/vmg_goals02_bg.jpg)no-repeat center/cover; background-attachment:fixed;}
.vmgGoals02 p{font-size:22rem; color:#fff; text-align:center;}
.vmgGoals02 h2{font-size:30rem; font-weight:normal; color:#fff; text-align:center;}
.vmgGoals02 h2 b{font-weight:bold;}
.vmgGoals03_ul{display:flex; flex-wrap:wrap; margin-left:-40rem;}
.vmgGoals03_ul li{padding-left:40rem; width:calc(100% / 3);}
.vmgGoals03_ul li:nth-child(n+4){margin-top:40rem;}
.vmgGoals03_ul li div{padding:40rem; width:100%; height:100%; border:1px solid #ddd; text-align:center; border-radius:20rem;}
.vmgGoals03_ul span{display:block; margin:0 auto 25rem; padding:30rem; width:120rem; height:120rem; border-radius:50%; background:#f6f3f7;}
.vmgGoals03_ul img{display:block; width:100%; height:100%; object-fit:contain;}
.vmgGoals03_ul p{font-size:18rem; color:#222;}
@media(max-width:1279px){
    .vmg_tit{margin-bottom:30rem;}
    .vmgMission{padding:80rem 0;}
    .vmgGoals01_ul li{padding:20rem;}
    .vmgGoals02{height:350rem; background-attachment:unset; background-position:50% 20%;}
    .vmgGoals03_ul{margin-left:-20rem;}
    .vmgGoals03_ul li{padding-left:20rem;}
    .vmgGoals03_ul li:nth-child(n+4){margin-top:20rem;}
    .vmgGoals03_ul li div{padding:30rem 20rem;}
    .vmgGoals03_ul span{margin-bottom:20rem; padding:25rem; width:100rem; height:100rem;}
    .vmgGoals03_ul p > br{display:none;}
}
@media(max-width:767px){
    .vmg .m_br{display:block;}
    .vmg .p_br{display:none;}
    .vmg_tit{margin-bottom:20rem;}
    .vmg_tit h2{font-size:30rem;}
    .vmg_txt h3{font-size:22rem;}
    .vmgMission{padding:60rem 0;}
    .vmgGoals01_ul li em{width:45rem; font-size:22rem;}
    .vmgGoals01_ul li p{margin-top:2rem; width:calc(100% - 45rem);}
    .vmgGoals02 p{font-size:20rem;}
    .vmgGoals02 h2{font-size:25rem;}
    .vmgGoals03_ul{display:block; margin-left:0;}
    .vmgGoals03_ul li{padding-left:0; width:100%;}
    .vmgGoals03_ul li:nth-child(n+2){margin-top:15rem;}
    .vmgGoals03_ul li div{display:flex; align-items:center; text-align:left;}
    .vmgGoals03_ul span{margin-bottom:0; padding:20rem; width:90rem; height:90rem;}
    .vmgGoals03_ul p{padding-left:20rem; width:calc(100% - 90rem);}
}


/* 협회소개 > 연혁 */
.history{position:relative;}
.historyBox{position:relative; padding-top:60rem; width:50%; box-sizing:border-box;}
.historyBox:nth-child(1){padding-top:0;}
.historyBox:nth-child(1):after{content:''; display:block; position:absolute; top:0; left:-5rem; width:10rem; height:15rem; background:#fff; z-index:-1;}
.historyBox:before{content:''; display:block; position:absolute; top:0; width:1px; height:100%; background:var(--primary); z-index:-2;}
.historyBox h2{position:relative; margin-bottom:25rem; font-size:30rem; color:var(--primary);}
.historyBox h2:before{content:''; display:block; position:absolute; top:11rem; width:22rem; height:22rem; border-radius:50%; background:#fff; border:1px solid var(--primary);}
.historyBox h2:after{content:''; display:block; position:absolute; top:17rem; width:11rem; height:11rem; border-radius:50%; background:var(--primary);}
.historyBox ul li{position:relative; color:#444; font-size:18rem; width:100%; box-sizing:border-box;}
.historyBox ul li+li{margin-top:15rem;}
.historyBox ul li b{position:absolute; top:0; color:#111;}
.historyBox.r{margin-left:auto; margin-right:0; padding-left:60rem;}
.historyBox.r:before{left:0;}
.historyBox.r h2:before{left:-71rem;}
.historyBox.r h2:after{left:-65rem;}
.historyBox.r ul li{padding-left:50rem;}
.historyBox.r ul li b{left:0;}
.historyBox.l{margin-left:0; margin-right:auto; padding-right:60rem; text-align:end;}
.historyBox.l:before{right:-1rem;}
.historyBox.l h2:before{right:-71rem;}
.historyBox.l h2:after{right:-66rem;}
.historyBox.l ul li{padding-right:50rem;}
.historyBox.l ul li b{right:0;}
@media(max-width:1279px){
    .historyBox h2{margin-bottom:20rem; font-size:25rem;}
    .historyBox h2:before{top:10rem; width:18rem; height:18rem;}
    .historyBox h2:after{top:15rem; width:9rem; height:9rem;}
    .historyBox ul li{font-size:18rem;}
    .historyBox ul li+li{margin-top:10rem;}
    .historyBox.r{padding-left:35rem;}
    .historyBox.r h2:before{left:-43rem;}
    .historyBox.r h2:after{left:-39rem;}
    .historyBox.r ul li{padding-left:40rem;}
    .historyBox.l{padding-right:35rem;}
    .historyBox.l h2:before{right:-45rem;}
    .historyBox.l h2:after{right:-40rem;}
}
@media(max-width:767px){
    .historyBox{padding-top:30rem; padding-left:25rem !important; width:100%;}
    .historyBox:before{right:auto !important; left:0 !important;}
    .historyBox h2{margin-bottom:10rem;}
    .historyBox h2:before{top:11rem; left:-33rem !important; right:auto !important; width:16rem; height:16rem;}
    .historyBox h2:after{top:15rem; left:-29rem !important; right:auto !important; width:8rem; height:8rem;}
    .historyBox.l{text-align:left; padding-right:0;}
    .historyBox ul li{padding-left:35rem !important; padding-right:0 !important;}
    .historyBox.l ul li b{right:auto; left:0;}
}


/* 협회소개 > 연락처 및 오시는길 */
.contactBox{}
.contactBox_info{display:flex; margin-bottom:40rem; padding-top:25rem; width:100%; border-top:2rem solid #888;}
.contactBox_info h2{font-size:30rem; width:210rem; color:#000;}
.contactBox_info__div{display:flex; margin-top:10rem; width:calc(100% - 210rem); font-size:18rem; color:#444;}
.contactBox_info__div a{display:block; position:relative; padding-left:25rem;}
.contactBox_info__div a+a{margin-left:80rem;}
.contactBox_info__tel{font-weight:700; color:#111;}
.contactBox_info__img{display:block; position:absolute; left:0; top:3rem; width:15rem;}
.contactBox_map{overflow:hidden; width:100%; height:500rem; border-radius:30rem;}
.root_daum_roughmap_landing{width:100% !important;}
.root_daum_roughmap .wrap_map{height:500rem !important;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .map_border{display:none !important;}
.contactBox_way{display:flex; margin-top:20rem; padding:50rem 0; border-radius:30rem; background:#f8f8f8;}
.contactBox_way__div{display:flex; padding:0 40rem; width:50%;}
.contactBox_way > div+div{border-left:1px dashed #ccc;}
.contactBox_way__icon{display:flex; justify-content:center; align-items:center; width:100rem; height:100rem; border-radius:15rem;}
.contactBox_way__img{display:block; width:40rem;}
.contactBox_way__txt{padding-left:25rem; width:calc(100% - 100rem);}
.contactBox_way__h3{margin-bottom:12rem; font-size:20rem; color:#111; font-weight:bold;}
.contactBox_way__ul li{position:relative; padding-left:20rem; font-size:18rem; color:#444;}
.contactBox_way__ul li+li{margin-top:6rem;}
.contactBox_way__ul li em{display:block; position:absolute; left:0; top:0;}
.contactBox_way__ul li b{font-weight:600}
@media(max-width:1279px){
    .contactBox_info{display:block; padding-top:20rem; margin-bottom:30rem;}
    .contactBox_info h2{width:100%;}
    .contactBox_info__div{margin-top:20rem; width:100%;}
    .contactBox_info__div a+a{margin-left:40rem;}
    .contactBox_map{height:350rem;}
    .contactBox_way{display:block; padding:40rem 20rem;}
    .contactBox_way__div{padding:0; width:100%;}
    .contactBox_way > div+div{margin-top:25rem; padding-top:25rem; border-left:0; border-top:1px dashed #ccc;}
    .contactBox_way__icon{width:80rem; height:80rem;}
    .contactBox_way__img{width:35rem;}
    .contactBox_way__txt{padding-left:20rem; width:calc(100% - 80rem);}
}
@media(max-width:767px){
    .contactBox_info h2{font-size:25rem;}
    .contactBox_info__div{display:block;}
    .contactBox_info__div a+a{margin-left:0; margin-top:15rem;}
    .contactBox_map{border-radius:20rem; height:300rem;}
    .root_daum_roughmap .wrap_btn_zoom{margin-top:35rem !important;}
    .contactBox_way{margin-top:15rem; padding:30rem 20rem; border-radius:20rem;}
    .contactBox_way__icon{width:60rem; height:60rem; border-radius:10rem;}
    .contactBox_way__img{width:28rem;}
    .contactBox_way__txt{padding-left:15rem; width:calc(100% - 60rem);}
}


/* 회원안내 > 회원가입안내 */
.joinClass_ul{display:flex; gap:40rem;}
.joinClass_ul li{width:calc(100% / 3); padding:40rem; border:1px solid #ddd; text-align:center; border-radius:20rem;}
.joinClass_ul span{display:inline-flex; align-items:center; padding:12rem 30rem; line-height:1; border-radius:30rem; font-size:var(--fs22); color:#fff; font-weight:600;}
.joinClass_ul li:nth-child(1) span{background:#333;}
.joinClass_ul li:nth-child(2) span{background:var(--secondary);}
.joinClass_ul li:nth-child(3) span{background:var(--primary);}
.joinClass_ul span img{display:block; margin-right:8rem; width:17rem;}
.joinClass_ul p{margin-top:20rem; padding-top:20rem; border-top:1px dashed #ddd; font-size:18rem; color:#444;}
.joinDues_table th, .joinDues_table td{padding:20rem 15rem !important; font-size:18rem !important;}
.joinDues_table th{background:#f6f3f7 !important;}
.joinDues_table td{color:#444 !important;}
.joinDues_table td:nth-child(2){text-align:left !important;}
.joinDues_ul li{position:relative; padding-left:22rem; font-size:18rem; color:#444;}
.joinDues_ul li em{display:block; position:absolute; top:0; left:0;}
.joinDues_ul li+li{margin-top:6rem;}
.joinDocs ul {overflow:hidden;}
.joinDocs ul li {float:left; width:25%;}

@media(max-width:1279px){
    .joinClass_ul{gap:20rem;}
    .joinClass_ul li{padding:30rem 20rem;}
    .joinClass_ul p > br{display:none;}
    .joinDues_table th, .joinDues_table td{padding:15rem 15rem !important;}
}
@media(max-width:767px){
    .joinClass_ul{display:block;}
    .joinClass_ul li{display:flex; align-items:center; padding:10rem; width:100%;}
    .joinClass_ul li+li{margin-top:15rem;}
    .joinClass_ul li span{flex-direction:column; justify-content:center; width:90rem; height:90rem; border-radius:10rem;}
    .joinClass_ul span img{margin-right:0; margin-bottom:10rem; width:25rem;}
    .joinClass_ul li p{margin-top:0rem; padding:10rem 5rem 10rem 15rem; border-top:none; text-align:left;}
	.joinDocs ul {overflow:hidden;}
	.joinDocs ul li {float:none; width:auto;}
}


/* 회원안내 > 회원혜택 */
.benefits1{padding:40rem; border-radius:20rem; background:#f8f8f8; font-size:18rem; color:#444;}
.benefits2_ul{display:flex; flex-wrap:wrap; gap:20rem;}
.benefits2_ul li{display:flex; padding:20rem 30rem; width:calc(50% - 10rem); border-radius:15rem; border:1px solid #ddd;}
.benefits2_ul li em{display:block; width:50rem; font-size:25rem; color:var(--primary); font-weight:bold;}
.benefits2_ul li p{margin-top:5rem; width:calc(100% - 50rem); font-size:18rem; color:#444;}
@media(max-width:1279px){
    .benefits1{padding:30rem 20rem;}
    .benefits1 > br{display:none;}
    .benefits2_ul li{padding:20rem;}
}
@media(max-width:767px){
    .benefits2_ul{display:block;}
    .benefits2_ul li{width:100%;}
    .benefits2_ul li+li{margin-top:15rem;}
    .benefits2_ul li em{width:45rem; font-size:22rem;}
    .benefits2_ul li p{margin-top:2rem; width:calc(100% - 45rem);}
}


/* 주요사업 > 정책/제도 */
.policyUl{display:flex; flex-wrap:wrap; gap:40rem;}
.policyUl li{padding:40rem; width:calc(100% / 2 - 20rem); border:1px solid #ddd; border-radius:20rem;}
.policyUl em{display:block; margin-bottom:8rem; font-size:18rem; font-weight:900; color:var(--primary);}
.policyUl h3{font-size:25rem; color:#111; padding-bottom:15rem; margin-bottom:15rem; border-bottom:1px dashed #ddd;}
.policyUl div{display:flex; font-size:18rem; color:#444;}
.policyUl div span{display:block; font-weight:600; color:#111; width:90rem; height:35rem;}
.policyUl div p{width:calc(100% - 90rem);}
@media(max-width:1279px){
    .policyUl{gap:20rem;}
    .policyUl li{padding:30rem 20rem; width:calc(100% / 2 - 10rem);}
    .policyUl h3{font-size:22rem;}
}
@media(max-width:767px){
    .policyUl{display:block;}
    .policyUl li{width:100%;}
    .policyUl li+li{margin-top:20rem;}
    .policyUl h3{font-size:20rem;}
}


/* 주요사업 > 전시회 */
.exhCont{display:flex;}
.exhCont_img{width:50%; overflow:hidden; border-radius:20rem;}
.exhCont_img img{display:block; width:100%; height:100%; object-fit:cover;}
.exhCont_txt{display:flex; flex-direction:column; justify-content:flex-end; padding:40rem 0; width:50%;}
.exhCont_txt h2{margin-bottom:30rem; font-size:var(--fs30); color:#000;}
.exhCont_txt ul{}
.exhCont_txt ul li{display:flex; padding:15rem 0; font-size:18rem; border-bottom:1px dashed #ddd;}
/*.exhCont_txt ul li+li{margin-top:15rem; padding-top:15rem;}*/
.exhCont_txt ul li em{display:block; width:90rem; height:35rem; line-height:35rem; color:#111; font-weight:700; text-align:center; border-radius:5rem; border:1px solid #333;}
.exhCont_txt ul li p{margin-top:5rem; padding-left:20rem; width:calc(100% - 90rem); color:#444;}
.exhibition > div:nth-child(odd) .exhCont_txt{padding-left:60rem;}
.exhibition > div:nth-child(even){flex-direction:row-reverse;}
.exhibition > div:nth-child(even) .exhCont_txt{padding-right:60rem;}
@media(max-width:1279px){
    .exhCont_txt{padding:20rem 0;}
    .exhCont_txt h2{margin-bottom:20rem;}
    .exhibition > div:nth-child(odd) .exhCont_txt{padding-left:40rem;}
    .exhibition > div:nth-child(even) .exhCont_txt{padding-right:40rem;}
}
@media(max-width:767px){
    .exhCont{display:block;}
    .exhCont_img{width:100%;}
    .exhCont_txt{margin-top:25rem; padding:0; width:100%;}
    .exhCont_txt h2{margin-bottom:10rem;}
    .exhCont_txt ul li p{padding-left:15rem;}
    .exhibition > div:nth-child(odd) .exhCont_txt{padding-left:0;}
    .exhibition > div:nth-child(even) .exhCont_txt{padding-right:0;}
}