@charset "utf-8";

/* common */
html,body {width:100%;height:100%;font-family:"맑은 고딕", Malgun Gothic, Arial, sans-serif;font-size:12px;color:#333;letter-spacing:-.25px;overflow:auto;position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,menu {margin:0; padding:0; line-height:1.2;}
table {border:0; border-collapse:collapse; border-spacing:0; font-size:12px;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
strong {font-weight:bold;}
li {list-style:none;}
input,textarea,select {font-family:"맑은 고딕", Malgun Gothic, Arial, sans-serif; vertical-align:middle; outline-style:none; font-size:12px;letter-spacing:-.25px;}
header,section,article,aside,nav,footer {display:block;}
/* hr,caption,legend {display:none;} */
hr,caption {display:none;}
button {cursor:pointer;}

input[type*="text"] {box-sizing:border-box; height:23px; line-height:17px; padding:0px 4px 2px 4px; color:#333; border:1px solid #b7b7b7;}
input[type*="text"]:disabled {background:#f3f3f3; color:#333;}
input[type*="number"] {box-sizing:border-box; height:23px; line-height:17px; padding:0px 4px 2px 4px; color:#333; border:1px solid #b7b7b7;}
input[type*="number"]:disabled {background:#f3f3f3; color:#333;}
input[type*="password"] {box-sizing:border-box; height:23px; line-height:17px; padding:0px 4px 2px 4px; color:#333; border:1px solid #b7b7b7;}
input[type*="password"]:disabled {background:#f3f3f3; color:#333;}
input[type*="button"] {cursor:pointer; border:0px;}
input[type*="checkbox"] {cursor:pointer; height:12px; margin-top:-2px;}
input[type*="radio"] {cursor:pointer; height:12px; margin-top:-2px;}

textarea {box-sizing:border-box; width:100%; padding:5px; border:1px solid #b7b7b7; overflow:auto; line-height:1.5; resize:none; color:#333;}
/* textarea:disabled {background:#efefef; color:#b6b6b6;} */
textarea:disabled {background:#f8f8f8 !important; color:#5f5f5f !important;}

select {height:23px; line-height:18px; padding:0 0 0 2px; color:#333; border:1px solid #b7b7b7; background:#fff;}
select[disabled] {background:#efefef;}

iframe {width:100%; height:100%; border:0px;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	input[type*="text"] {padding:0px 4px 2px 4px;}
	input[type*="number"] {padding:0px 4px 2px 4px;}
	input[type*="password"] {padding:0px 4px 2px 4px;}
	input[type*="checkbox"] {cursor:pointer; height:11px; margin-top:-3px;}
	input[type*="radio"] {}
	select {padding:0 0 0 2px;}
}

a {text-decoration:none; color:#333; outline:none;}
a:link {color:#333; text-decoration:none;}
a:visted {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}

:focus {outline:none;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

/* Login */
body.filmBg {background:url("../images/bg_login.png") no-repeat center center; /*min-width:940px; min-height:480px;*/}
@media screen and (min-width:1921px){
	body.filmBg {background-size:100%;}
}
/* body.filmBg #mesLoginWrapper {position:absolute; left:50%; top:50%; margin:-222px 0 0 -450px; width:920px; height:444px;} */
body.filmBg #mesLoginWrapper {position:absolute; left:37%; top:50%; margin:-222px 0 0 0px; width:464px; height:444px;}
body.filmBg #mesLoginWrapper #mesLoginTopBg {position:absolute; left:0; top:0; width:490px; height:443px; background:url("../images/bg_login_form.png") no-repeat 0 0;}
/* body.filmBg #mesLoginWrapper #mesLogin {width:450px; height:355px; position:absolute; right:0; top:27px; border-radius:0 10px 10px 0; background:#fff; box-shadow:0px 0px 50px 0px rgba(0,0,0,0.3)} */
body.filmBg #mesLoginWrapper #mesLogin {width:450px; height:355px; position:absolute; right:0; top:27px; border-radius:10px 10px 10px 10px; background:#fff; box-shadow:0px 0px 50px 0px rgba(0,0,0,0.3)}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap {/*height:100%;*/ padding:37px 40px 40px 40px; box-sizing:border-box;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box {}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box h1 {height:24px; position:relative; text-align:center;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box h1 img {position:relative; padding:0 15px; background:#fff;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box h1:before {position:absolute; left:0; top:14px; width:100%; height:1px; background:#d4d8da; content:'';}

body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap {position:relative;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap h2 {font-weight:bold; padding:31px 0 8px 0;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap select {width:100%; margin-bottom:10px;}

body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area {margin-top:5px; position:relative;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area label {display:none !important;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area input {width:100%; height:36px;}
body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area input.in_idOn {text-transform: uppercase;}

body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .stay_sign {margin-top:10px;}

body.filmBg #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box #loginsubmit {display:block; overflow:hidden; margin-top:22px; height:36px; line-height:35px; border-radius:3px; background:#003775; font-size:15px; text-align:center; color:#fff;}

body.filmBg #copyrightArea {position:absolute; bottom:20px; width:100%; text-align:center; color:#4f4842;}

.btnplant
 {
       display: inline-block;
       width: 100%;
       height:45px;
       white-space: normal;
       --word-wrap: break-word;
       padding: 12px 20px;
       margin-top: 5px;       
       background-color: #57a2d2;
       border: 2px solid #56a9de;
       border-radius: 5px;
       text-align: center;
       --outline: none;
       font-size: 18px;
       color: #ffffff;
       font-weight: bold;
       cursor: pointer;
 }
 
 
 /*hy_login 210506*/
 /********** 210430_new common **********/

/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-300italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-900italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../fonts/merriweather/merriweather-v22-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/merriweather/merriweather-v22-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-kr/noto-sans-kr-v13-korean-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/montserrat/montserrat-v15-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/montserrat/montserrat-v15-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}





/*theme type01-pc*/
body {
	/* `21.12.27 */
	font-family: Noto Sans KR,Noto Sans CJK KR,Noto Sans;
	color: #000;
	font-size: 15px;
}

/* `21.12.27 */
body.filmBg,input, textarea, select {font-family: Noto Sans KR,Noto Sans CJK KR,Noto Sans;}
div#body_wrap {display: flex;justify-content: center;width: 100%;height: 100%;min-height:750px;position: relative;flex-direction: column;align-items: center;background: url(../images/login_bg.png) no-repeat left bottom;background-size:cover;}
div#body_wrap #mesLoginWrapper {width: 1100px;height: 565px;background: #fff;position: relative;left: initial;top: initial;margin: 0;display: flex;border-radius: 5px;box-shadow: 0px 0px 50px 0px rgb(25 53 116 / 30%);}
div#body_wrap .login_inner{padding:30px;width:100%;}
div#body_wrap .login_inner.flex {display: flex;justify-content: center;flex-direction: row;}
div#body_wrap .login_inner .imgbox{background:url(../images/login_img.png) no-repeat;width:567px;height:505px;}
div#body_wrap .login_inner .imgbox .hy_logo{background:url(../images/login_logo.png) no-repeat left top;width:304px;height:26px;margin:30px 0 0 30px;}

div#body_wrap #mesLoginWrapper #mesLogin {box-shadow: none;position: relative;top: initial;width: 420px;border-radius: initial;width: calc(100% - 597px);margin-left: 30px;}
/* `21.12.27 */
div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title {font-size: 26px;text-align: center; margin-top: 50px;font-weight: 500;color: #0498dc;font-family: Noto Sans KR,Noto Sans CJK KR,Noto Sans;letter-spacing:-1px;}
div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title em{margin: 30px 0 10px;font-size: 18px;line-height: 140%;color: #333333;display:block;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap{padding:0;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box{height:auto !important;margin:5% 0;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area {margin-bottom: 15px;margin-top: 0;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area label.userLabel{width:19px;height:20px;display:inline-block !important;background: url(../images/login_icon01.png) no-repeat;position:absolute;left:10px;top:50%;z-index:999;transform:translateY(-50%);}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area label.pwdLabel{width:19px;height:20px;display:inline-block !important;background: url(../images/login_icon02.png) no-repeat;position:absolute;left:10px;top:50%;z-index:999;transform:translateY(-50%);}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area input {border: 1px solid #c0c5c9;height: 50px;line-height: 50px;border-radius: 5px;padding-left:40px;position:relative;font-size:14px;}



div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box #loginsubmit {border-radius:5px;height: 50px;line-height: 50px;width: 100%;background: #0498dc;font-size: 18px;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box #loginsubmit:hover{background:#1082b7;}

div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .stay_sign label {font-size: 14px;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap{margin-top:30px;float:right;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap p.language_txt {display: inline-block;display: block;float: left;line-height: 30px;margin-right: 10px;font-size: 14px;color: #505050;}
/* `21.12.27 */
/*  GLOBAL_SI(P-DX), IAY, 2024-06-13, 로그인 select박스 css 수정 (max-width : 130px -> 250px) */
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap select {max-width: 250px; display: inline-block;float: left;display: block;height: 30px;line-height: 30px;border-radius: 5px;width: 130px;background: #f3f6f9;border-color: #c0c5c9;font-size: 14px;cursor: pointer;font-family: Noto Sans KR,Noto Sans CJK KR,Noto Sans;}

span.form-ck {position: relative;display: inline-block;}
span.form-ck input {width: 16px;height: 16px;opacity: 0;position: absolute;left: 0;top: 0;margin: 0;z-index: 2;cursor: pointer;}

span.form-ck label {padding-left: 23px;cursor: pointer;box-sizing: border-box;position: relative;display: block; font-size: 14px;}
span.form-ck label:before {content: '';border: 1px solid #c0c5c9;position: absolute;left: 0;width: 16px;height: 16px;box-sizing: border-box;top: 0;cursor: pointer;z-index: 1;}
span.form-ck input:checked ~ label:before {background: #0498dc;border-color: #0498dc;}
span.form-ck label:after {content: '';width: 7px;height: 5px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;position: absolute;top: 3px;left: 3px;transform: rotate(135deg);z-index: 9;}

p.copyright{color:#fff;}

/*botgroup_wrap - 210618*/
div#body_wrap #mesLoginWrapper #mesLogin{height:100%;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box{margin:3% 0;}
.botgroup_wrap {width: 100%;text-align: center;position: absolute;bottom: 0;right: 0;}
.botgroup_wrap .app_wrap {display: inline-block;float: right;}
.botgroup_wrap .app_wrap a.link_app {display: block;line-height: 24px;height: 24px;background: #250088;color: #fff;padding: 3px 25px 3px 15px;border-radius: 2px;position: relative;}
.botgroup_wrap .app_wrap a.link_app:after {content: '';position: absolute;right: 12px;width: 8px;height: 8px;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;display: inline-block;transform: rotate(45deg);z-index: 997;top: 10px;}

div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap{margin-top:0;float:left;}
div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap select {margin-bottom: 0;}




/*select plant*/
#selectPlant{border-radius: 5px;box-shadow: 0px 0px 50px 0px rgb(25 53 116 / 30%);width:1215px !important;height:496px !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);max-width:100% !important;max-height:100% !important;box-sizing:border-box;}
#selectPlant .jqx-window-header{padding:7px !important;width:auto !important;}
#selectPlant div#selectPlantContent {padding: 30px;height: 407px !important;border: 0 !important;font-family:'Montserrat','Noto Sans KR', sans-serif;box-sizing:initial;margin:0 !important;width:1155px !important;}

#selectPlant div#selectPlantContent button {position:relative;margin: 0 15px 15px 0;width: 180px;height: 196px;box-sizing: border-box;padding: 0;display: block;float: left;font-family:'Montserrat','Noto Sans KR', sans-serif;background:#fff;border:1px solid #d7d7d7;color:#333;font-size:16px;transition:0.5s;}
#selectPlant div#selectPlantContent button:hover{box-shadow:0px 0px 8px 0px rgb(25 53 116 / 20%);}
#selectPlant div#selectPlantContent button:nth-child(6),div#selectPlantContent button:nth-child(12) {margin-right: 0 !important;}
#selectPlant div#selectPlantContent button:nth-child(7),div#selectPlantContent button:nth-child(8),div#selectPlantContent button:nth-child(9),div#selectPlantContent button:nth-child(10),div#selectPlantContent button:nth-child(11),div#selectPlantContent button:nth-child(12) {margin-bottom: 0 !important;}
#selectPlant div#selectPlantContent button:before{content:'';width:56px;height:56px;display:block;background:url(../images/select_icoimg.png) no-repeat;margin:20px auto;}
#selectPlant div#selectPlantContent button:nth-child(1):before{background-position:0 0;}
#selectPlant div#selectPlantContent button:nth-child(1):hover:before{background-position:-58px 0px;}
#selectPlant div#selectPlantContent button:nth-child(2):before{background-position:0 -56px;}
#selectPlant div#selectPlantContent button:nth-child(2):hover:before{background-position:-58px -56px;}
#selectPlant div#selectPlantContent button:nth-child(3):before{background-position:0 -112px;}
#selectPlant div#selectPlantContent button:nth-child(3):hover:before{background-position:-58px -112px;}
#selectPlant div#selectPlantContent button:nth-child(4):before{background-position:0 -168px;}
#selectPlant div#selectPlantContent button:nth-child(4):hover:before{background-position:-58px -168px;}
#selectPlant div#selectPlantContent button:nth-child(5):before{background-position:0 -224px;}
#selectPlant div#selectPlantContent button:nth-child(5):hover:before{background-position:-58px -224px;}
#selectPlant div#selectPlantContent button:nth-child(6):before{background-position:0 -280px;}
#selectPlant div#selectPlantContent button:nth-child(6):hover:before{background-position:-58px -280px;}
#selectPlant div#selectPlantContent button:nth-child(7):before{background-position:0 -336px;}
#selectPlant div#selectPlantContent button:nth-child(7):hover:before{background-position:-58px -336px;}
#selectPlant div#selectPlantContent button:nth-child(8):before{background-position:0 -392px;}
#selectPlant div#selectPlantContent button:nth-child(8):hover:before{background-position:-58px -392px;}
#selectPlant div#selectPlantContent button:nth-child(9):before{background-position:0 -448px;}
#selectPlant div#selectPlantContent button:nth-child(9):hover:before{background-position:-58px -448px;}
#selectPlant div#selectPlantContent button:nth-child(10):before{background-position:0 -504px;}
#selectPlant div#selectPlantContent button:nth-child(10):hover:before{background-position:-58px -504px;}
#selectPlant div#selectPlantContent button:nth-child(11):before{background-position:0 -560px;}
#selectPlant div#selectPlantContent button:nth-child(11):hover:before{background-position:-58px -560px;}
#selectPlant div#selectPlantContent button:nth-child(12):before{background-position:0 -616px;}
#selectPlant div#selectPlantContent button:nth-child(12):hover:before{background-position:-58px -616px;}

#selectPlant div#selectPlantContent button p.txt {font-weight: 500;font-size: 16px;display: inline-block;}
#selectPlant div#selectPlantContent button p.txt:after {content: '';width: 100%;height: 10px;background: rgb(65 113 189 / 20%);padding: 0px 6px;position: absolute;left: -5px;bottom: 0;/* border-radius: 5px; */}
#selectPlant div#selectPlantContent button a.more {font-weight: 600;font-size: 14px;display: block;margin-top: 17px;position: relative;height: 30px;line-height: 30px;width: 110px;margin: 17px auto 0;}
#selectPlant div#selectPlantContent button a.more:before {content: '';width: 30px;height: 30px;position: absolute;left: 0;top: 0;background: #d2d2d2;border-radius: 5px;transition: 0.5s;}
#selectPlant div#selectPlantContent button a.more:after {content: '';width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;position: absolute;top: 10px;left: 8px;transform: rotate(45deg);z-index: 9;transition: 0.5s;}
#selectPlant div#selectPlantContent button a.more span {display: block;position: relative;;padding-left: 10px;color:rgb(51 51 51 / 70%);}


#selectPlant div#selectPlantContent button:hover a.more:before {background: #0498dc;width: 100%;}
#selectPlant div#selectPlantContent button:hover a.more:after {left: 13px;}
#selectPlant div#selectPlantContent button:hover a.more span {color: #fff;}
#selectPlant div#selectPlantContent button:hover a.more span:after {content: '';width: 14px;height: 2px;background: #fff;position: absolute;left: 8px;top: 50%;margin-top: -1px;}

input::placeholder{color:#999999;}

/*responsive styles - 210525 */
/* Tablets (portrait)세로 -------------------- */
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1318px) 
	and (orientation : portrait)
	{
		div#body_wrap{min-height:1175px;}
		div#body_wrap #mesLoginWrapper{width:95%;height:80%;}
		div#body_wrap .login_inner.flex{flex-direction:column;justify-content: flex-start;}
		div#body_wrap .login_inner .imgbox{width:100%;background-size:cover;height:40%;background-position: left bottom;min-height:200px;}
	    div#body_wrap #mesLoginWrapper #mesLogin{width:100%;margin-left:0;height:60%;}
	    div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title{font-size:24px;}
	    div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title em{margin:25px 0 10px; font-size:16px;}
	    div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box{margin:0;}
	    div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .stay_sign label{font-size:1.3em;}
	    div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area input{height:60px;line-height:60px;font-size:1.4em;}
		div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box #loginsubmit{margin-top:3%;height:60px;line-height:60px;font-size:1.6em;}
	
		/*selectplant*/
		#selectPlant{width:95% !important;height:auto !important;}
		#selectPlant .jqx-resize{height:auto !important;width:100% !important;}
		#selectPlant .jqx-window-header{width:auto !important;}
		#selectPlant div#selectPlantContent{padding:0px 10px 10px 0;width:calc(100% - 10px) !important;height:calc(100% - 10px) !important;}
		#selectPlant div#selectPlantContent button{margin:10px 0 0 10px;width:calc(33.3% - 10px);height:135px;display:flex;flex-direction:column;text-align:center;justify-content:flex-start;}
		#selectPlant div#selectPlantContent button p.txt{margin:0 auto;}
	}


/* Tablets (landscape) 가로 ------------------- */
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1318px) 
	and (orientation : landscape)
	{   
		div#body_wrap{min-height:575px;}
		div#body_wrap #mesLoginWrapper {width:85%;height:80%;background: #fff;position: relative;left: initial;top: initial;margin: 0;display: flex;border-radius: 5px;box-shadow: 0px 0px 50px 0px rgb(25 53 116 / 30%);}
		div#body_wrap .login_inner{padding:20px;width:100%;}
		div#body_wrap .login_inner .imgbox{width:50%;height:auto;background-position:center top;background-size:cover;}
		div#body_wrap .login_inner .imgbox .hy_logo{background-size:65%;margin:20px 0 0 20px;}
		div#body_wrap #mesLoginWrapper #mesLogin{width:50%;height:100%;}
		div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title{margin-top:40px;font-size: 24px;}
		div#body_wrap #mesLoginWrapper #mesLogin h2.sys_title em{margin:25px 0 10px;font-size: 16px;}
		div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box{margin:0;}
		div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .login_Typing_area input{height:45px;line-height:45px ;}
		div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box #loginsubmit{height:45px;line-height:45px;}
	/*	div#body_wrap #mesLoginWrapper #mesLogin .loginWrap #login_area_height_box .language_wrap{margin-top:20px;}*/
		p.copyright{font-size:10px;}
		

			
		/*selectplant*/
		#selectPlant{width:90% !important;height:auto !important;}
		#selectPlant .jqx-resize{height:auto !important;width:auto !important;}
		#selectPlant .jqx-window-header{width:auto !important;}
		#selectPlant div#selectPlantContent{padding:0px 10px 10px 0;width:calc(100% - 10px) !important;height:calc(100% - 10px) !important;}
		#selectPlant div#selectPlantContent button{margin:10px 0 0 10px;width:calc(25% - 10px);height:125px;display:flex;flex-direction:column;text-align:center;justify-content:flex-start;}
		#selectPlant div#selectPlantContent button:before{margin:15px auto;}
		#selectPlant div#selectPlantContent button p.txt{margin:0 auto;}
	}


/* Smartphones (portrait) ---------------- */

@media only screen 

and (max-width : 320px)

{

/* Add Your CSS Styling Here */

}