@charset "utf-8";
/* CSS Document */

/** NotoSans Font 설정 200511 LimSH **//* newStyle1 */
@font-face {
font-family: 'NotoSansL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../webfont/NotoSans-Light.eot);
src: url(../webfont/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Light.woff2) format('woff2'),
url(../webfont/NotoSans-Light.woff) format('woff');
}
@font-face {
font-family: 'NotoSansR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../webfont/NotoSans-Regular.eot);
src: url(../webfont/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Regular.woff2) format('woff2'),
url(../webfont/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoSansB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../webfont/NotoSans-Bold.eot);
src: url(../webfont/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Bold.woff2) format('woff2'),
url(../webfont/NotoSans-Bold.woff) format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
a { text-decoration:none; color: #555;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#wrap {width:100%;min-width:1200px; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background:#fff;}


#top_wrap {height:74px; background:#fff; clear:both;}
#top_wrap .top_con_wrap {position:relative; width:1200px; height:100%; margin:0 auto;}

/*gnb영역*/
#Integration_remote_area_wrap {height: 32px;}
#Integration_remote_area_wrap .Integration_remote_wrap {position: relative; width: 1200px; margin: 0 auto; padding: 0; height: 31px; z-index: 99;}
.Integration_remote_con_wrap {position: absolute; top: 37px; right: 0px; width: 926px; height: 16px; text-align: right; font-family: 'NotoSansL', sans-serif;}
.Integration_remote_con_wrap .remote_devide {margin: 0 17px; vertical-align: middle;}

/*로고영역*/
#Integration_top_wrap {
    height: 96px;/* 74px; */
    background: #fff;
    clear: both;
}/* newStyle1 */

#Integration_top_wrap .Integration_top_con_wrap {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    z-index: 9;
}

.Integration_top_con_wrap .Integration_logo {
    float: /*right*/ left;
    margin-top: 23px/* 22px */;
}/* newStyle1 */

.lnbMenuBt {height: 40px; color: #fff; font-size: 20px; line-height: 1.8; letter-spacing: -2px; background: #fff; float: right; margin: 28px -3px 0 0;/* margin: 30px -4px 0 0px; */}
.lnbMenuBt img {height:30px; vertical-align:middle; background-color: #1496ca;}
.lnbAllMnTxt {font-size: 12px; font-family: NotoSansL, sans-serif; display: block; letter-spacing: 0px; margin-top: 2px; margin-left: -7px;}
.lMBtImgSt {margin-top: 4px; -webkit-margin-before: 7px;}
.pjSystemName {float: left; margin-top: 40px; height: 31px; padding: 0 20px 0 13px; font-family: 'NotoSansB', sans-serif; font-size: 16px; color: #333; line-height: 17px; border-left: 1px solid #aaa; margin-left: 13px; letter-spacing: 2.8px;}
.lSfMgSystem {padding: 0 0 0 1px; font-family: 'NotoSansB', sans-serif; font-size: 10px; letter-spacing: -0.7px; display: block; line-height: 12px; color:#777}
.Integration_logo a {
    line-height: 0;
}


#contents_area_wrap {padding:30px 0; min-height:730px; background:#fff; clear:both;}
#login_contents_area_wrap {padding:/* 60px */0 0 /* 36px */0; /* border:1px solid #000; */ border-bottom:none; /* background:#7cbfde url(../images/background.jpg) no-repeat center top; */} /* newStyle1 */
.blind {text-indent:-1000px; overflow:hidden; font-size:0; visibility:hidden;}
/*.login_menu_wrap {width:1020px;  천생열 수정*/
/*.login_menu_wrap {width:800px; padding:34px 40px 0px 40px; height:566px; margin:0 auto; border:1px solid #fff; background-color:rgba(255,255,255,0.5); color:#fff; line-height:1.5;}*/
.login_menu_wrap {width: 1100px; padding: /* 34px */82px 40px 0px 40px; /* height: 566px; */ margin: 0 auto; border: 1px solid #fff; background-color: #fff /* rgba(255,255,255,0.5) */; color: #fff; line-height: 1.5;} /* newStyle1 */

/*** 로그인 이용안내 ***/ /* newStyle1 */
/* .useinfo_title {float:left; padding-right:18px; border-right:1px solid #8a8a8a;} */
.useinfo_title {display:table; width: 100%; margin-bottom:30px;}
.useinfoTitArea {display:table-cell; vertical-align:middle;}
.useinfoTit {display:inline-block; padding-right:18px; font-family: 'NotoSansR', sans-serif; font-size:36px;}
/* .useinfo_text {float:left; margin-left:15px; margin-bottom:25px; color:#555; line-height:1.4;} */
.useinfo_text {display:inline-block; margin-left:0; font-family: 'NotoSansL', sans-serif; font-size:14px; line-height:1.4;}
.login_inputbox_wrap {clear:both; /* padding:30px; */ border-top:1px solid #000; border-bottom:1px solid #ddd; background:#fff; overflow:hidden; }
.login_title {margin-bottom:30px;}
.select_lang {}



/*학생교직원폼*//* newStyle1 */
.login_form_wrap {/*padding:40px 20px 50px;*/}
.login_form_left_wrap, .login_form_right_wrap {position:relative; width:429px; padding: 44px 60px 40px;}
.login_form_left_wrap {float:left; border-right:1px dashed #ddd;}
.login_form_right_wrap {float:right;}
.login_form_left_title,.login_form_right_title {font-family: 'NotoSansR', sans-serif; font-size:24px; margin-bottom:30px;}
.login_form_text_title {font-family: 'NotoSansL', sans-serif; font-size:14px; margin-left:10px;}
.login_input_wrap {text-align:center;}
.login_id,.login_password {position:relative; font:bold 14px '돋움', dotum, Verdana, Geneva, sans-serif;}
.login_id {margin-bottom:10px;}
/* .login_id input,.login_password input {width:230px; padding:6px; border:1px solid #ddd; background:#fcfcfc;} */
.login_id input,.login_password input {width:312px; height:38px !important; padding-left:86px !important; border:1px solid #ddd; background:#fcfcfc; border-radius:3px; margin-top:0 !important; font-family: 'NotoSansL', sans-serif; font-size:14px; color:#000 !important;}
.login_id input:hover,.login_password input:hover {border:1px solid #000;}
.login_id input:focus,.login_password input:focus {border:2px solid #000; height:36px !important;}
.inpInTxt1 {position:absolute; font-family: 'NotoSansL', sans-serif; font-size:14px; color:#777; top: 10px; left:50%; margin-left:-184px;}
.btn_join {margin-left:5px;}
.login_btn_wrap {margin-top:10px; text-align:center;}
.btnLoginSt1 {font-family: 'NotoSansR', sans-serif; font-size:16px; padding:7px 20px; border-radius:3px; cursor: pointer;}
.btnLoginSt1_1 {font-family: 'NotoSansR', sans-serif; font-size:20px; padding:24px 20px; border-radius:3px; cursor: pointer;}
.btnBgColBrSt1 {background-color:#1e9d44; color:#fff; border:1px solid #1e9d44;}
.btnBgColBrSt1:hover {background-color:#27b150; color:#fff; border:1px solid #177935;}
.btnBgColBrSt2 {background-color:#143253; color:#fff; border:1px solid #143253;}
.btnBgColBrSt2:hover {background-color:#1c436d; color:#fff; border:1px solid #13273c;}
.btnBgColBrSt3 {background-color:#777777; color:#fff; border:1px solid #777777;}
.btnBgColBrSt3:hover {background-color:#888888; color:#fff; border:1px solid #666666;}
.btnSzSt1 {width:400px;}
.btnSzSt2 {width:190px;}
.btnSzSt3 {width:121px;}
.mL14 {margin-left:14px;}
.mT26 {margin-top:26px;}

/* .use_quest {margin-top:30px; font:bold 14px '돋움', dotum, Verdana, Geneva, sans-serif; color:#d0d0d0; clear:both;} */
.use_quest {clear:both; padding: 44px 60px 40px; overflow:auto;}
.use_quest span {float:left; height:14px; font-weight:normal; font-size:14px;}
/* .use_quest_title {color:#333; padding-right:12px; border-right:1px solid #8a8a8a; font-weight:bold; } */
.use_quest_title {float:none !important; color:#333; padding-right:12px; font-family: 'NotoSansL', sans-serif; font-size:20px !important; border-right: 1px dashed #ddd; width: 76px;}
.use_quest2 .use_quest_title {color:#e1e29f; padding:8px 0 10px 0; padding-right:12px; border-right:1px solid #8a8a8a }
.use_quest_con {float:none !important; display:inline-block; font-family: 'NotoSansL', sans-serif; font-size:14px; padding-left:12px; line-height: 1.4;}
.tblSt {display:table; width: 100%;}
.tblCellSt {display:table-cell; vertical-align:middle;}

/*로그인 큰 텍스트*//* newStyle1 */
.logTitle_Wrap {width:100%; background-color:#f0f0f0;}
.titleLoc1 {display:table; width:1104px; margin:0 auto;}
.loginTitle {display:table-cell; width:100%; height:110px; vertical-align: middle; font-family: NotoSansR, sans-serif; font-size: 44px;}

/*하단 footer*/
#footer {width:100%; clear:both;}/* newStyle1 */
#footer .copyright {width:1280px; height:128px; margin:48px auto 0; overflow:hidden;}/* newStyle1 */
#footer .copyright address {float:left; margin-top:32px; color: #fff; font-family: NotoSansL, sans-serif; font-size: 12px; font-style:normal; line-height:2}/* newStyle1 */
#footer .copyright div {float:right; /* margin-top:-1px; */}/* newStyle1 */
.footer_imgtech {/*border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-left: 5px; background-color: #fff; padding: 7px 13px 6px; */margin:32px 50px 0 0}/* newStyle1 */
.intvAdjSt1 {display:inline-block; line-height:1.4; color:#fff; font-family: NotoSansL, sans-serif; font-size: 12px; font-style:normal;}/* newStyle1 */
.ftWdSzBg1 {width:100%; background-color: #343434;}/* newStyle1 */ 
.footer_private {margin:33px 30px 0 0}/* newStyle1 */
/*
#footer {background-color:#fcfcfc; border-top:1px solid #e7e7e7; width:100%; height:130px; clear:both;}
#footer .copyright {width:1200px; margin:0 auto}
#footer .copyright address {float:left; margin-top:20px;}
#footer .copyright div {float:right; margin-top:-1px;}
.footer_imgtech {border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-left: 5px; background-color: #fff; padding: 7px 13px 6px}
*/
#footer_area_wrap {/*background-color:#fcfcfc;*/ border-top:2px solid #999; width:100%; height:130px; clear:both}
#footer_area_wrap .footer_wrap {position:relative; width:1200px; margin:0 auto; overflow:hidden }
#footer_area_wrap .footer_wrap address {float: left; margin-top: 29px}
#footer_area_wrap .footer_wrap div {float: right; margin-top: -1px}
/* .footer_imgtech {border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-left: 5px; background-color: #fff; padding: 7px 13px 8px} */
/*#footer_area_wrap .footer_private {position:absolute; top:-1px; right:0;}*/

.sp_id_find {color:blue; cursor:pointer; float:left; margin:5px 0 0 15px;}
.loginExTxtUl1 {list-style: disc; padding-left: 28px; margin:20px auto; font-family: 'NotoSansL', sans-serif; font-size:13px}
.loginExTxtUl1 li {padding:5px 20px 2px 0}
.loginExTxtUl1 li:last-child {padding-bottom:5px}

.imgDelBtnSt1 {display: inline-block; width: 10px; height: 10px; top: 8%; right: 0;  background: url(../images/btn_close1_bg1.png) no-repeat center center; background-size: contain; z-index: 1; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle; margin-top: -4px; margin-left: 3px; margin-right: 10px; cursor: pointer;}