@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 국문  CSS
 * date : 2020-11-24
******************************************************** */

/* ******************  Layout.css ********************** */
 #topMenu01 .side-menu-inner ul li {max-width:390px;}

/*  html[lang="en"] #header .logo a {width: 74rem;} */
html[lang="en"] #header .logo a {width: 31.6rem; height: 7rem;}

/* ******************  Main.css ********************** */
html[lang="en"] .member-count-list .top-list {align-items: flex-start;}
html[lang="en"] .main-program-con .main-program-list .list-item a .tit {text-align:center;}
html[lang="en"] .member-count-list .top-list .list-item {display:flex; flex-direction:column;}
html[lang="en"] .member-count-list .top-list .list-item:nth-of-type(1) {width: 17.5%;}
html[lang="en"] .member-count-list .top-list .list-item:nth-of-type(2) {width: 16%;}
html[lang="en"] .member-count-list .top-list .list-item:nth-of-type(4) {width: 26.5%;}
html[lang="en"] .member-count-list .top-list .list-item .num {height: 4.1rem;}
html[lang="en"] .member-count-list .top-list .list-item .txt {height: calc(100% - 4.1rem);}
html[lang="en"] .member-count-list .top-list .list-item .txt:before {left: 0;}
html[lang="en"] .member-count-list .top-list .list-item:nth-child(1) .txt:before {left: 1rem;}
html[lang="en"] .member-count-list .top-list .list-item:nth-child(3) .txt:before {left: -0.3rem;}
html[lang="en"] .member-count-list .top-list .list-item:nth-child(4) .txt:before {left: 0.4rem;}
html[lang="en"] .member-count-list .top-list .list-item:nth-child(5) .txt:before {left: 0.8rem;}

/* ******************  Content.css ********************** */
/* -------- Company :: CEO인사말 -------- */
@media all and (max-width:800px){
	/* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
}

/* vision */
html[lang="en"] .sub-heading-tit {font-size: 3rem; letter-spacing: -0.9px; font-weight: 600; line-height: 1.3em;}
html[lang="en"] .sub-heading-txt {line-height:1.5em;}

/* MI & Symbol */
html[lang="en"] .mi-page .cm-mi-txt {line-height:1.4}
html[lang="en"] .mi-page .cm-mi-txt b {margin-bottom: 1.5rem;}

/* location */
html[lang="en"] .loca-tit-box .loca-tit {font-size:3.3rem;}
html[lang="en"] .loca-bottom-con {margin-top: 10rem;}
html[lang="en"] .main-map-wrapper {position: relative; height: 540px; max-width: 1420px; margin: 0 auto;}
html[lang="en"] .main-map-wrapper iframe {width: 100%; height: 100%;}


@media all and (max-width:1480px){
	html[lang="en"] .main-map-wrapper {
		max-width:none; padding:0 var(--area-padding);
	}
}

@media all and (max-width:1280px){
	html[lang="en"] .loca-content-box {flex-wrap:wrap;}
	html[lang="en"] .loca-img-box {width: 100%;}
	html[lang="en"] .loca-txt-box {width: 100%; padding: 0; margin-top: 6rem;}
	html[lang="en"] .loca-bottom-con {margin-top: 5rem;}
}	

@media all and (max-width:640px){
	html[lang="en"] .loca-txt-box .tit {flex-wrap:wrap; padding-bottom:1rem;}
	html[lang="en"] .loca-txt-box .tit .name:after {display:none;}
	html[lang="en"] .loca-txt-box .tit > em {padding-top: 1.5rem;}
}	



/*
@media all and (max-width:800px){
	html[lang="en"] .loca-page .map-script-wrapper{
		margin: 2rem var(--area-padding) 0;
		height: 35rem;
	}
} */

/* -------- 회원 :: 회원자격 및 선출절차 -------- */
html[lang="en"] .procedure-list .procedure-item .right-box dl dt {width: 12rem;}
html[lang="en"] .procedure-list .procedure-item .right-box dl dd {width: calc(100% - 12rem);}
html[lang="en"] .procedure-list .procedure-item .left-box .txt {text-align:center;}

/* 회원검색 */
html[lang="en"] .search-select-list {margin-top: -0.8rem; justify-content: center;}
html[lang="en"] .search-select-list .list-item {width:calc((100% - 2.4rem) / 4); margin-top: 0.8rem; margin-right: 0.8rem;}
html[lang="en"] .search-select-list .list-item:nth-of-type(4n), html[lang="en"] .search-select-list .list-item:last-of-type {margin-right: 0;}
html[lang="en"] .search-select-list .list-item:nth-of-type(5), 
html[lang="en"] .search-select-list .list-item:nth-of-type(6), 
html[lang="en"] .search-select-list .list-item:nth-of-type(7) {width: calc((100% - 1.6rem) / 3);}
html[lang="en"] .member-search-list .list-item .txt .company {font-weight: 700; color: #5b5b5b; display: block;}
html[lang="en"] .member-view-con .img-box .name-box .name {font-size:2.5rem;}
html[lang="en"] .member-view-con .info-box .info-list dl dt {width: 20rem;}

@media all and (max-width:800px){
	html[lang="en"] .search-select-list {justify-content:flex-start;}
	html[lang="en"] .search-select-list .list-item {width: calc((100% - 0.8rem) / 2);}
	html[lang="en"] .search-select-list .list-item:nth-of-type(even) {margin-right: 0;}
	html[lang="en"] .search-select-list .list-item:nth-of-type(5), 
	html[lang="en"] .search-select-list .list-item:nth-of-type(6), 
	html[lang="en"] .search-select-list .list-item:nth-of-type(7) {width: calc((100% - 0.8rem) / 2);}
	html[lang="en"] .member-view-con .info-box .info-list dl dt {width: 100%;}
}

/* 회원 */
html[lang="en"] .sub-tab-list-style02 ul li {width: 15.385%;}
html[lang="en"] .sub-tab-list-style02 ul li.type06 {width: 23.075%;}
html[lang="en"] .business-page .cm-btn-controls a {padding: 0 2rem;}
html[lang="en"] .tit-link span {text-align: left;}

@media all and (max-width:800px){
	html[lang="en"] .member-search-con .sub-tab-list-style02 ul li {width: 50%;}
}

/* contact information */
.loca-tit-box {display: block;}

/* program */
html[lang="en"] #topMenu01 .side-menu-inner ul.sub-menu-business li:last-of-type > a > span {padding: 0 22px;}