@charset "UTF-8";

/* common reset */
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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,

article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}/*2017.05.15 : font:inherit;font-size:100%; 삭제*/
input,textarea,select, pre{font-size:1em;font-family:"NanumGothic", "나눔고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;vertical-align:baseline;vertical-align:middle}
input,button{border:0}
i,cite,em,var,address,dfn{font:inherit}/* 추가-이탤릭 폰트 방지 2017.05.31 */
input,select{font-size:12px}

/* font */
@font-face{
	font-family:"NanumGothic";
	font-weight:400;
	font-style:normal;
	src:url("/_res/portal_ru/etc/NanumGothic-Regular.eot");
	src:url("/_res/portal_ru/etc/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
		url("/_res/portal_ru/etc/NanumGothic-Regular.woff2") format('woff2'),
		url("/_res/portal_ru/etc/NanumGothic-Regular.woff") format('woff');
}

@font-face{
	font-family:"NanumGothic";
	font-weight:700;
	font-style:normal;
	src:url("/_res/portal_ru/etc/NanumGothic-Bold.eot");
	src:url("/_res/portal_ru/etc/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
		url("/_res/portal_ru/etc/NanumGothic-Bold.woff2") format('woff2'),
		url("/_res/portal_ru/etc/NanumGothic-Bold.woff") format('woff');
}
body{font-family:"NanumGothic", "나눔고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;font-size:14px;font-weight:400;color:#444}
a,a:link,a:visited,a:hover,a:active{color:#444;text-decoration:none}
html, body{-webkit-text-size-adjust:100%;}

/* page 100% 2017.06.30 */
#container{min-height:100%;/*margin:-143px 0 -144px*/}
#container > .wrapper{padding:0}
#container > .wrapper:after{display:block;clear:both;content:''}

iframe {
	display: block;       /* iframes are inline by default */
	border: none;         /* Reset default border */
    /*height: 100vh;*/        /* Viewport-relative units */
	width: 100%;
	background: #fff;
}

/* 로그인 정보 2017.05.24 추가 */
iframe.per_info_layer{display:inline-block;width:45px;height:20px;padding:0 3px;margin-top:-17px;vertical-align:bottom;font-size:12px}

/* hidden type */
.hide,legend{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-999px}
.caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-999px}

/* form type */
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{cursor:pointer}
select,input[type="text"],input[type="password"]{height:26px;padding:0 5px;border:1px solid #aaa}
select{padding-right:0}
textarea{background:#fff;border:1px solid #aaa;width:100%;height:75px;padding:0 5px}

/* skip_menu */
#skip_menu{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999}
#skip_menu a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;text-align:center}
#skip_menu a:focus{top:0px;height:30px;line-height:2.1;z-index:9999}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}
body{line-height:1.2}
ol,ul,dl,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/* body */
html,body{width:100%}
body{background-color:rgb(255, 255, 255)}
* {box-sizing:border-box}

.skip{position:relative;display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus{z-index:999;position:absolute; width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Dotum; line-height:1; text-decoration:none !important;text-align:center;}

.disNone10{position:absolute;top:0;left:-9999px;}
.btn_move, .btn_move input{display:inline-block;vertical-align:middle;}
.btn_move input{padding:0 5px;height:34px;line-height:34px;color:#fff;border-radius:5px;background-color:#555;}

.stit_txt{padding-top:5px;font-size:12px;}

/* wrapper */
#wrap{position:relative;width:100%;height:100%}
#wrap .spr_common,#wrap .spr_common:before,#wrap .spr_common:after{background:url('/_res/portal_ru/img/common/spr_common.png') no-repeat 0 0}
#wrap .spr_common2,#wrap .spr_common2:before,#wrap .spr_common2:after{background:url('/_res/portal_ru/img/common/spr_common.png') no-repeat 0 0}

.wrapper{/*position:relative;*/width:1000px;margin:0 auto}/*2016.06.14*/
/* 201805.28 삭제 .wrapper:after{display:block;content:"";visibility:hidden;clear:both}*/

/* person info - layer = 2017.05.24 추가 */
/*
.per_info{display:none;z-index:999;position:absolute;top:30px;left:-30px;box-sizing:border-box;padding-top:21px;width:230px;text-align:left;background:url('/_res/portal_ru/img/main/login_top.png') no-repeat center 0}
*/
.per_info{display:none;z-index:999;position:absolute;top:30px;left:-80px;box-sizing:border-box;padding-top:21px;width:300px;text-align:left;background:url('/_res/portal_ru/img/main/login_top.png') no-repeat center 0}
.per_info .close{position:absolute;top:35px;right:10px;}
.per_info > div{border:1px solid #aaa;border-top:none;background:url('/_res/portal_ru/img/mypage_new_01.jpg') no-repeat center 0;}
.per_info > div p{display:table;padding:10px 35px 5px 10px;vertical-align:middle;}
.per_info > div p em{display:table-cell;padding-right:10px;vertical-align:middle;}
.per_info > div p strong{color:#00529f;font-weight:600}
.per_info > div p span{display:table-cell;vertical-align:middle;}
.per_info > div p span a{white-space:nowrap;}
/*
.per_info > div ul{padding:4px 10px 10px 10px;margin-top: 5px;}
.per_info > div ul, #header_top #util .per_info > div ul li{float:none}
.per_info > div ul li{padding-left:19px;line-height:1.5em}
*/
/* 20200630 - 출석체크 삭제 관련 수정 */
.per_info > div ul{padding:4px 1px 8px 10px; margin-left:23px; margin-top: 5px;}
.per_info > div ul, #header_top #util .per_info > div ul li{float:none}
.per_info > div ul li{padding-left:13px;line-height:1.5em}

/*소속 단체 iframe mother 관련 css*/
.per_group{padding:10px;border-top:1px solid #d4d4d4}
.per_group iframe{height:30px}

/*버튼*/
a.btn_grey{display:inline-block;padding:3px 8px 3px 5px;text-align:center;border:1px solid #aaa;background-color:#f2f2f2}
a.btn_grey2{display:inline-block;padding:4px 10px 6px 8px;vertical-align:middle;text-align:center;color:#fff;background-color:#555}
a.btn_grey3{display:inline-block;padding:4px 10px 6px 8px;vertical-align:middle;text-align:center;color:#fff;background-color:#555;width: 150px;}
/* //person info - layer  = 2017.05.24 추가 */

/* container */
#container{position:relative;padding-top:20px;width:100%;border-top:1px solid #e4e4e4;margin-top:-1px;margin-bottom: 120px;}/*20221117수정*/


/* 모바일 Top - 2017.06.16 */
/*.topBtnM{display:none;font-size:0;line-height:0}*/
.topBtnM{display:inline-block;position:fixed;z-index:999;right:20px;bottom:60px;width:50px;height:50px;background:url('/_res/portal_ru/img/common/top.png') no-repeat;font-size:0}

/* === 모바일 및 테블릿 === */
@media screen and (min-width:801px) {
	#wrap{position:relative;width:100%; min-width:1000px;height:100%}
}
@media screen and (max-width:800px) {
    #wrap .tbl_view_cnt table{max-width:100% !important;}
    #wrap{position:relative;width:100%}
    .wrapper{position:relative;width:95% !important;margin:0 auto}
  
	/* container moblie */
	#container{position:relative;width:100%; margin-top:0}

	/* 모바일 Top */
	.topBtnM{display:inline-block;position:fixed;z-index:999;right:20px;bottom:60px;width:50px;height:50px;background:url('/_res/portal_ru/img/common/top.png') no-repeat;font-size:0}
}