@charset "utf-8";
/* Common CSS */
/* Web Publish Team Woo Seok, Shin 20121214 */
/* CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
/* CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc */
/* CSS 속성 선언순서 : display, overflow, float, position, z-index, width & height, margin & padding, background, border, font, align, etc */

body.sub {background-color:#E4E4E4;}

/* Skip Menu 영역 */
#skipMenu {display:none; overflow:hidden; position:absolute; left:0; top:0; z-index:500; width:100%; height:0px;}
#skipMenu .row {min-width:320px; margin:0 auto;}

/* 전체메뉴영역 */
#allMenu {display:none;}

/* Wrapper */
#wrapper {width:100%; min-width:320px; height:100%; /*padding:30px 0 60px 0;*/ box-sizing:border-box; -moz-box-sizing:border-box; background:url('/Edisen_Intra/images/main/bg_wrapper.gif') left bottom repeat-x; background-color:#0443a2;}

/* Header 영역 */
#header_wrap {position:absolute; left:0px; top:0px; z-index:20; width:100%; min-width:320px; box-shadow:0px 3px 5px 0px #122954; background-color:#fff;}

#gnb_wrap {	
	width:100%; 
	min-width:320px; 
	height:30px; 
	border-bottom:1px solid #ddd;	
	background-image:-webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#eeeeee)); /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top, #F7F7F7, #eeeeee); /* Chrome 10+, Saf5.1+ */
	background-image:   -moz-linear-gradient(top, #F7F7F7, #eeeeee); /* FF3.6 */
	background-image:    -ms-linear-gradient(top, #F7F7F7, #eeeeee); /* IE10 */
	background-image:     -o-linear-gradient(top, #F7F7F7, #eeeeee); /* Opera 11.10+ */
	background-image:        linear-gradient(top, #F7F7F7, #eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F7F7', endColorStr='#eeeeee'); /* IE7, IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#eeeeee')"; /* IE8 */
	background-color:#eeeeee;
	*zoom:1;
}
#gnb_wrap:after {content:""; display:block; clear:both;}
#gnb_wrap .directMenu {display:inline; float:left; width:240px; margin-right:20px;}
.directMenu .siteMenu {position:relative; width:200px; height:20px; margin:4px auto; padding-right:20px; border:1px solid #ccc; border-radius:4px;}
.directMenu .siteMenu .curSiteSel a {display:block; font-size:11px; line-height:20px; border-radius:4px;} 
.directMenu .siteMenu .curSiteSel a.curSite {width:178px; padding:0 10px 0 10px; background-color:#fff;}
.directMenu .siteMenu a.arrow {overflow:hidden; position:absolute; top:0px; right:0px; width:20px; height:20px; background:url('/Edisen_Intra/images/common/ui/ui_icon_button_black.png') -307px 2px no-repeat;}
.directMenu .siteMenu a.arrow span {position:absolute; left:-9999px;}
.directMenu .siteMenu ul.siteList {position:absolute; display:none; left:-1px; top:21px; width:220px; padding-bottom:5px; border:1px solid #ddd; background-color:#fff;}
.directMenu .siteMenu ul.siteList li {padding:6px 10px 2px 10px;}

ul.gnb {float:right; padding-right:5px;}
ul.gnb li {float:left; margin:4px 5px 0 0;}
ul.gnb li.time {margin:5px 20px 0 0; font-size:11px; line-height:17px; padding:2px 0 0 22px; background:url('/Edisen_Intra/images/common/ico_clock.png') left 2px no-repeat;}
ul.gnb li a {overflow:hidden; width:20px; height:20px; border:1px solid #ccc; border-radius:4px;}
ul.gnb li a:hover {background-color:#fff !important;}
ul.gnb li a.home {background:url('/Edisen_Intra/images/common/ui/ui_icon_button_black.png') -526px -108px no-repeat;}


/* Container 영역 */
#container {position:relative; width:100%; min-width:320px; height:100%; min-height:590px; *zoom:1; padding:30px 0 50px 0; box-sizing:border-box; -moz-box-sizing:border-box; background:url('/Edisen_Intra/images/main/bg_container.jpg') center bottom no-repeat;}
#container:after {content:""; display:block; clear:both;}

/* Contents 영역 */
#content {position:absolute; left:0px; top:50%; width:100%; min-height:1px; text-align:center;}

#login_wrap {width:320px; margin:0 auto; margin-top:-240px;}
#login_wrap h1 {margin-bottom:20px; text-align:center;}
.box_login {width:300px; margin:0 auto; background-color:#fff; box-shadow:0px 3px 5px 0px #3e75a5; text-align:left;}
.box_login_header {height:40px; text-align:center; background-color:#122954;}
.box_login_header h2 {display:inline; padding:5px 0 5px 25px; font-family:"NanumGothicBold"; font-size:14px; line-height:40px; color:#fcd000; background:url('/Edisen_Intra/images/main/ico_login_tit.png') left 3px no-repeat;}
.box_login_body {padding:20px;}
.box_login_body li {margin-bottom:5px;}
.box_login_body input {width:100% !important; height:30px !important;}
.box_login_body input[placeholder] {color:#999;}
.box_login_body .btn.login {width:100% !important; height:40px !important; margin-top:5px; border-radius:4px; font-size:14px; line-height:40px; text-align:center;}
.box_login_footer {padding:20px; background-color:#f8f8f8;} 
.box_login_footer li {margin-bottom:5px; padding-left:8px; font-size:11px; line-height:15px; background:url('/Edisen_Intra/images/common/ui/bu_blue_loginGuide.gif') left 4px no-repeat;}
.box_login_footer li.last {margin-bottom:0px;}

p.adminTxt {font-family:"Arial"; font-size:20px; color:#fff; text-align:center; margin-top:30px;}



/* Footer 영역 */
#footer_wrap {position:absolute; left:0px; bottom:0px; z-index:10; width:100%; min-width:320px; height:50px; margin-top:-50px; background-color:#373737; box-shadow:0px -3px 5px 0px #3e75a5;}
#footer {position:relative; overflow:hidden; min-width:300px; margin:0 auto; padding:20px 10px 0px 10px; color:#999; text-align:center;}
/*
@media all and (max-width:480px) {
	#footer address {font-size:11px;}
}
*/

.back-to-top {
	display:none;
	position: fixed;
	right:10px;
	bottom:10px;
	z-index:200;
	width:50px; 
	height:40px; 
}
.back-to-top.show {display:block;}
.back-to-top a {overflow:hidden; width:50px; height:40px; background:url('/Edisen_Intra/images/common/back-to-top.png') left top no-repeat;}

/* Layer Popup */
#lp_wrapper {display:none; min-width:300px;}
.lp_header {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#5483c7), to(#4369b9)); /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top, #5483c7, #4369b9); /* Chrome 10+, Saf5.1+ */
	background-image:   -moz-linear-gradient(top, #5483c7, #4369b9); /* FF3.6 */
	background-image:    -ms-linear-gradient(top, #5483c7, #4369b9); /* IE10 */
	background-image:     -o-linear-gradient(top, #5483c7, #4369b9); /* Opera 11.10+ */
	background-image:        linear-gradient(top, #5483c7, #4369b9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#5483c7', endColorStr='#4369b9'); /* IE7, IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#5483c7', endColorstr='#4369b9')"; /* IE8 */
	background-color:#4369b9;	
}
.lp_header h1 {padding-left:20px; font-family:"NanumGothicBold"; font-size:14px; line-height:40px; color:#fff;}
.lp_body {position:relative; padding:20px;}

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #ccc; background:#fff;}
        #cboxTitle{display:none !important; position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url('/Edisen_Intra/images/common/colorbox/loading.gif') no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/Edisen_Intra/images/common/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/Edisen_Intra/images/common/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        /*#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/Edisen_Intra/images/common/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}*/
		#cboxClose{position:absolute; top:15px; right:15px; width:16px; height:16px; background:url('/Edisen_Intra/images/common/ui/ui_icon_button_white.png') -177px -132px no-repeat; text-indent:-9999px;}
        /*#cboxClose:hover{background-position:bottom center;}*/

/*
@media all and (max-width:767px) {
	#header_wrap {position:fixed; height:auto; background-color:#ff6600;}	
	#gnb_wrap .directMenu {display:none;}	
}

@media all and (max-width:1200px) {
	#wrapper {min-width:320px;}
	#header_wrap {min-width:320px;}
	#container {min-width:320px;}
}
*/




