@charset "utf-8";

img, fieldset{border:none;}

/* input placeholder style */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#369; text-decoration:none;}

/* font */
body{color:#222; font-size:12px; font-weight:normal; font-family:'Dotum', '돋움', sans-serif; letter-spacing:-0.5px;}
/* input, select, textarea{color:#222; background:#fff; font-family:'Dotum', '돋움', sans-serif; border-radius:0;} */
input[type="text"],select{height:29px; line-height:29px; border:1px solid #c8c8ca;}
input[type="text"],textarea{
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
border:1px solid #c8c8ca;
}
/* skip */
.skip, legend, caption,hidden{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

#wrap{position:absolute; top:0; left:0; width:100%;}
#header{position:fixed; top:0; left:0; float:left; width:100%; height:38px; padding:7px 0 0 0; z-index:2;
	background: #2e4f7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #2e4f7d 0%, #2a4770 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2e4f7d 0%,#2a4770 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2e4f7d 0%,#2a4770 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4f7d', endColorstr='#2a4770',GradientType=0 ); /* IE6-9 */
}

.btn{display:block; width:28px; height:29px; line-height:40px; border:1px solid #617fa9; border-radius:5px; text-align:center;
	color: #f4f5f7 !important; font-weight: bold; font-family: "arial";
	background: #375d91; /* Old browsers */
	background: -moz-linear-gradient(top,  #375d91 1%, #2f507e 31%, #203756 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #375d91 1%,#2f507e 31%,#203756 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #375d91 1%,#2f507e 31%,#203756 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375d91', endColorstr='#203756',GradientType=0 ); /* IE6-9 */
}
.btn,
.logo,
.group{float:left;}
.logo{padding:2px 0 0 0;}

.btn:active {opacity:0.5;}
/* .btn:hover,
.btn:active,
.btn:focus{background:#2b4973; opacity:0.5;} */

.btn.list{
	border-color:#486794;
	background: #19427e; /* Old browsers */
	background: -moz-linear-gradient(top,  #19427e 0%, #173d75 42%, #102a50 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #19427e 0%,#173d75 42%,#102a50 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #19427e 0%,#173d75 42%,#102a50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19427e', endColorstr='#102a50',GradientType=0 ); /* IE6-9 */
}
/* .btn.list:hover,
.btn.list:focus, */
.btn.list:active,
.btn.list.on{box-shadow:inset 1px 1px 1px #000; background:#15386b; border-color:#3e5978; opacity:1;}

.btn.close{float:right;
	margin: 3px 5px 0 0;
	border-color:#46a4c5;
	background: #1489b3; /* Old browsers */
	background: -moz-linear-gradient(top,  #1489b3 0%, #127ba6 40%, #0c5482 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1489b3 0%,#127ba6 40%,#0c5482 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1489b3 0%,#127ba6 40%,#0c5482 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1489b3', endColorstr='#0c5482',GradientType=0 ); /* IE6-9 */
}

.btn{margin:0 5px 0 0;}
.btn.list{margin:3px 12px 0 6px;}

/* .group1{padding:0 0 0 4%;} */
/* .group2{position:absolute; top:7px; left:50%; margin:0 0 0 -126px;} */
.group2{position:absolute; top: 3px; left: 39%; margin: 0px 0 0 -74px;}
.group3{position:absolute; top: 3px; /* right:5px; */ padding:0;}

.select_area{position:relative; float:left; margin:0 5px 0 0;}
.select_area .select{display:none; position:absolute; top:28px; left:0; width:100px; padding:0 5px 7px 5px; background:#dfe5ed; border-radius:0 0 5px 5px;}
.select_area .select.on{display:block;}
.select_area .select a{display:block; padding:1px 0 2px; text-decoration:none;}
.select_area .select a:hover,
.select_area .select a:active,
.select_area .select a:focus{background:#fff;}
.select_area .btn_select{display:block; width:103px; height:31px; padding:0 0 0 7px; line-height:31px; border-radius:5px; color:#2d4d78; /* background:#dfe5ed url(/doc/img/bg_arrow.png) no-repeat 90% 50%; */}

.search_area{display:none; position:fixed; top:45px; right:180px; padding:8px 6px; border-radius:0 0 10px 10px; color:#fff; background:#113361;}
.search_area.on{display:block;}
.search_area input,
.search_area label,
.search_area span,
.search_area .input{float:left;}
.search_area input[type="text"]{padding:0 0 0 1em; border-radius:5px 0 0 5px; background:#dfe5ed;}
.search_area .checkbox{float:left; padding:9px 0 0 10px;}
.search_area .checkbox label{padding:0 12px 0 5px;}
.search_area .btn_search{margin:0 5px 0 -5px; opacity:1;}
.search_area span{display:none; padding:0 0.5em; height:31px; line-height:31px; color:#2d4d78; border-radius:5px; background:#dfe5ed;}

.sns_area{display:none; position:fixed; top:45px; right:35px; padding:8px 5px 8px 10px; border-radius:0 0 10px 10px; color:#fff; background:#113361; z-index:999;}
.sns_area.on{display:block;}

#container{position:absolute; top:45px; left:0; width:100%;}

.s_view{display:none; position:fixed; top:45px; left:0; width:245px; box-shadow:inset 0 10px 10px #515b69;}
.s_view.on{display:block;}
.s_view .bg{position:absolute; top:0; left:0; width:245px; height:1500px; background:#4b5664; opacity:0.9; z-index:1;}
.s_view .detail{position:relative; z-index:2;}
.s_view .btns {overflow:hidden; width:60px; margin:9px auto;}
.s_view .btns .btn{margin:0;}
.s_view .s_img{position:fixed; top:90px; left:0; overflow-y:auto; height:100%;}
.s_view .s_img .viewer{display:none; width:245px; padding:0 0 90px 0; text-align:center;}
.s_view .s_img .viewer.on{display:block;}
.s_view .s_img .txt {width:225px; padding:10px; text-align:left;}
.s_view .s_img .txt p{padding-bottom:0.3em;}
.s_view .s_img .txt a{color:#fff;}
.s_view .s_img .img a{display:inline-block; margin:0 0 7px 0; padding:5px; border-radius:5px; opacity:0.8;}
.s_view .s_img .img a.on,
.s_view .s_img .img a:hover,
.s_view .s_img .img a:active,
.s_view .s_img .img a:focus{background:#3a4352; opacity:1;}

.b_view{position:relative; overflow-y:auto; padding:12px 0 0 0; margin:0 0 0 245px; background:#cad0d8; box-shadow:inset 0 10px 10px #aaa;}
.b_view .viewer{width:100%; text-align:center;}
.b_view a{display:block; width:816px; margin:0 auto; padding:0 0 30px 0;}

/* .btn_menu {
	background: url(../pdfjs/images/custom/btn_menu.png) no-repeat 50%;
} */

.btn_menu,
.menu_area{display:none;}

.btn_menu > img {
    margin: 5px 5px 0 3px;
}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

/* common */
mT1 {margin-top: 1px;}
mT2 {margin-top: 2px;}
mT3 {margin-top: 3px;}
mT4 {margin-top: 4px;}
mT5 {margin-top: 5px;}

/* media query */
@media all and (min-width:1095px){
	#secondaryToolbarToggle {display:none;}
}

@media all and (max-width: 1120px){
	.b_view{margin:0;}
	.group3 #presentationMode {display:none;}
}

@media all and (max-width:1095px){
	img{max-width:100%;}
	.b_view .viewer a{width:98%;}
	/* #secondaryToolbarToggle {display:none;} */
	.group3 #snsBtn {
		display:none;
	}

	#toolbarViewerMiddle { left: 45%; }

	.btn_menu{/* position:absolute; */ top:3px; /* right:35px; */}

	.btn_menu,
	.menu_area{display:block;}

	.menu_area{position:fixed; top:45px; right:35px; padding:5px 0 0 0; background:url(/doc/img/bg_menu.png) no-repeat 90% 0;}
	.menu_area .menu{width:160px; padding:10px; background:#2e4f7c; border-radius:10px; border:1px solid #0d2b55;}
	.menu_area .menu > div > a{display:block; height:30px; line-height:30px; color:#fff; border-top:1px solid #5a7498;}
	.menu_area .menu > .menu1 > a:first-child{border:none;}
	.menu_area a span{display:inline-block; padding:0 0 0 5px;}
}

@media all and (max-width:965px){
	#toolbarViewerMiddle { left: 50%; }

	.group3 #print,
	.group3 #download,
	.group3 #toolBarDocumentProperties,
	.group3 #spreadNoneBtn,
	.group3 #spreadOddBtn,
	.group3 #scrollVerticalBtn,
	.group3 #scrollHorizontalBtn {
		display:none;
	}
}

@media all and (max-width:935px){

	.group1,
	.menu2,
	.menu3,
	.menu4{display:none;}

	.btn_menu{/* position:absolute; */ top:3px; /* right:35px; */}

	.group3{right:0px;}

	.menu_area{position:fixed; top:45px; right:35px; padding:5px 0 0 0; background:url(/doc/img/bg_menu.png) no-repeat 90% 0;}
	.menu_area .menu{width:160px; padding:10px; background:#2e4f7c; border-radius:10px; border:1px solid #0d2b55;}
	.menu_area .menu > div > a{display:block; height:30px; line-height:30px; color:#fff; border-top:1px solid #5a7498;}
	.menu_area .menu > .menu1 > a:first-child{border:none;}
	.menu_area a span{display:inline-block; padding:0 0 0 5px;}

	.search_area{right:auto; left:0; width:96%; padding:8px 2%; z-index:3;}

	#secondaryToolbarToggle {display:block;}

}

@media all and (max-width:745px){
	/* .group3{display:none;} */
	.group3 #presentationMode,
	.group3 #print,
	.group3 #download,
	.group3 #toolBarDocumentProperties,
	.group3 #snsBtn,
	.group3 #spreadNoneBtn,
	.group3 #spreadOddBtn,
	.group3 #scrollVerticalBtn,
	.group3 #scrollHorizontalBtn {
		display:none;
	}
	.menu2{display:block;}
}

@media all and (max-width:655px){
	.rotate{display:none;}
	.group2{margin:0 0 0 -92px;}
	.menu3{display:block;}
}

@media all and (max-width:525px){
	.select_area{display:none;}
	.group2{left:auto; right:70px; margin:0;}

	.menu4{display:block;}
	#scaleSelectContainer{display:none !important;border:1px solid red;}
}

@media all and (max-width:455px){
	.search_area .checkbox{padding:0 0 10px 0.5em;}
	#toolbarViewerMiddle { margin: 0;}
}