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

/* ******************  Layout.css ********************** */
html[lang="en"]{
	
	* {letter-spacing:0 !important;}
}

/* ******************  Main.css ********************** */

html[lang="en"] .cm-word-split-JS.splitting .word {line-height:1.31; margin-top: -0.5rem;}

html[lang="en"] .main-visual-txt-box {margin-top: 10rem;}
html[lang="en"] .main-visual-txt-box .main-visual-txt2 {font-size:4rem;}

@media all and (max-width:800px){
	html[lang="en"] .main-visual-txt-box .main-visual-txt2 {font-size:3.2rem;}
}

@media all and (max-width:640px){
	html[lang="en"] .main-visual-txt-box .main-visual-txt2 {font-size:2.8rem;}
}

@media all and (max-width:480px){
	html[lang="en"] .main-visual-txt-box {margin-top: 6rem;}
	html[lang="en"] .main-visual-txt-box .main-visual-txt2 {font-size:2.2rem;}
}

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

}
/* -------- Company :: 오시는길 -------- */
.loca-info-box .inner-info-box dd .email-box p{ width:15rem}

/* mypage */

html[lang="en"] .mp-list-head .mp-head-item {
	font-size:1.3rem;
}

html[lang="en"] .mypage-con .state-list li span {
	font-size:1.3rem;
}

html[lang="en"] .mypage-con .state-list li{
	padding: 0 1rem; width: auto; min-width: 11rem; box-sizing: border-box;
}

html[lang="en"] .item-state-list li {
	padding: 2.125rem 1rem;
}

html[lang="en"] #topMenu01 .side-menu-inner ul li > a:after {
	right: 2rem;
}
html[lang="en"] #topMenu01 .side-menu-inner ul li > a > span {
	padding: 0 2rem 0 3rem;
}

html[lang="en"] .manager-box .tit-box {padding-right: 5rem; position: relative; top: -0.5rem;}
html[lang="en"] .manager-box .info-box dl dt {width: 8rem;}
html[lang="en"] .manager-box .info-box dl dd {width: calc(100% - 8rem);}
html[lang="en"] .manager-box .tit-box p {line-height:1.25}

@media all and (max-width:1280px){
	html[lang="en"] .manager-box .info-box dl:nth-of-type(odd) {width: 35%; margin-right: 5%;}
	.manager-box .info-box dl {width: 60%;}
}

/* 회원가입 02 */
html[lang="en"] .cm-form-list li .tit {width: 20rem;}
html[lang="en"] .cm-form-list li .form {width: calc(100% - 20rem);}
html[lang="en"] .join-step02-list .cm-basic-btn02 {width: auto; padding: 0 1rem;}
html[lang="en"] .cm-join-form .cm-form-list li .info-txt {left: 6rem;}



@media all and (max-width:1280px){
	html[lang="en"] .cm-join-form .title {width: 20rem;}
	html[lang="en"] .cm-join-form .cm-form-list {width: calc(100% - 20rem);}
	html[lang="en"] .cm-form-list li .tit {width: 17rem;}
	html[lang="en"] .cm-form-list li .form {width:calc(100% - 17rem);}
	html[lang="en"] .join-page.join-step02 .cm-input-btn-box {max-width:46.5rem !important;}
	html[lang="en"] .join-page.join-step02 .inflow-select {max-width:32rem;}
	html[lang="en"] .cm-join-form .cm-form-list li .info-txt {left: 3rem;}
	
}

@media all and (max-width:800px){
	html[lang="en"] .cm-form-list li .tit {width: 100%;}
	html[lang="en"] .cm-form-list li .form {width: 100%;}
	html[lang="en"] .cm-join-form .title {width: 100%;}
	html[lang="en"] .cm-join-form .cm-form-list {width: 100%;}
	html[lang="en"] .join-page.join-step02 .cm-input-btn-box {flex-wrap:wrap; max-width: initial !important;}
	html[lang="en"] .join-step02-list .cm-input-btn-box .cm-custom-input {width: 100%;}
	html[lang="en"] .join-step02-list .cm-basic-btn02 {margin-left: 0 !important; margin-top: 1rem; width: 100%;}
	html[lang="en"] .join-page.join-step02 .email-input-group {max-width:initial;}
	html[lang="en"] .join-page.join-step02 .email-input-group input {max-width:initial !important;}
	html[lang="en"] .join-page.join-step02 .inflow-select {max-width:initial;}
	html[lang="en"] .cm-join-form .cm-form-list li .info-txt {left: 0;}
}

@media all and (max-width:640px){
	html[lang="en"] .join-page.join01 .join-process-bar-con > ol {padding-bottom:2rem;}
	html[lang="en"] .join-process-bar-con > ol {display:flex; flex-direction:column; align-items:center;}
	html[lang="en"] .join-process-bar-con > ol > li {margin: 2rem 0;}
	html[lang="en"] .join-process-bar-con > ol > li:before {left: 50%; top: -3rem; transform: translateY(0) translateX(-50%) rotate(90deg);}
	html[lang="en"]	.join-process-bar-con > ol > li dl dd {text-align:center;}
	html[lang="en"] .join-process-bar-con > ol > li:nth-of-type(3):before {top: -3rem;}
	html[lang="en"] .join-con-top .cm-form-info-txt {padding-top: 0;}
	
}