@font-face {font-family:'NanumGothic'; font-style:normal; font-weight:400; src:local('※'), url('../fonts/NanumGothicBold.woff')}
@font-face {font-family:'NanumBarunGothic'; font-style:normal; font-weight:400; src:local('※'), url('../fonts/NanumBarunGothic.woff')}
@font-face {font-family:'NanumBarunGothic'; font-style:normal; font-weight:700; src:local('※'), url('../fonts/NanumBarunGothicBold.woff')}

html	{width:100%; height:100%; }
body	{margin:0; padding:0; overflow:hidden; font-family:'NanumBarunGothic'; font-weight:400; width:100%; height:100%; }

* {margin:0; padding:0; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'NanumGothic'; }

dl, dt, dd, ul, ol, li {list-style:none; }
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%; padding:0; margin:0; }
fieldset	{border:none; }
hr, caption {display:none; }
strong		{font-weight:normal; }
em			{font-style:normal; }
legend		{position:absolute ; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-9999px; }


img								{vertical-align:middle; height:auto}
input, textarea, select, table	{display:inline-block; vertical-align:middle; }

/* ------------------------------------------------------------------------------------------------------------- */

input, textarea, select{
	 font-size:14px; line-height:22px; border:0}

input:focus, textarea:focus, select:focus	{}

.dim { display:none; position:absolute; top:0px; right:0px; width:100%; height:100%; background: RGBA(0,0,0,0.7);};

.nav_bookmark{display:none; position:absolute; top:0px; right:0px; width:270px; z-index:100; background:url('../img/navi/nav_con_bg.png'); height:100%; }
.nav_bookmark .nav_title		{width:250px; height:40px; background:url('../img/navi/nav_title_bg.png'); float:right; }
.nav_bookmark .nav_title .nav_bookmark_img{width:20px; height:25px; background:url('../img/navi/nav_bookmark.png') no-repeat; display:inline-block; vertical-align:bottom; margin:8px 0 0 10px; }
.nav_bookmark .nav_title h2		{font-family:'NanumBarunGothic'; font-weight:400; color:#fff; display:inline-block; font-size:18px; line-height:25px; }
.nav_bookmark .nav_title .bookmark_plus{width:25px; height:25px; background:url('../img/navi/nav_bookmark_plus.png') no-repeat; display:inline-block; cursor:pointer; margin-top:5px; vertical-align:bottom; }
.nav_bookmark .nav_title .nav_close{display:inline-block; float:right; cursor:pointer; width:60px; height:40px; background:url('../img/navi/nav_close.png') no-repeat; }
.nav_bookmark .bookmark_contents{width:250px; float:right; }
.nav_bookmark .bookmark_contents ul{}
.nav_bookmark .bookmark_contents ul li{padding:10px; border-bottom:1px solid #ccc; font-size:13px; cursor:pointer; }
.nav_bookmark .bookmark_contents ul li:hover{background-color:#789bdd; color:#fff; }
.nav_bookmark .bookmark_contents ul li .btnBookmarkDel{width:25px; height:25px; background:url('../img/navi/nav_bookmark_out.png') no-repeat; float:right; cursor:pointer; }

.nav_list{display:none; position:absolute; top:0px; right:0px; width:270px; height:100%; z-index:100; background:url('../img/navi/nav_con_bg.png'); }
.nav_list .nav_title{width:250px; height:40px; background:url('../img/navi/nav_title_bg.png'); float:right; }
.nav_list .nav_title .nav_list_img{width:20px; height:20px; background:url('../img/navi/nav_list.png') no-repeat; display:inline-block; vertical-align:bottom; margin:12px 0 0 10px; }
.nav_list .nav_title h2			{font-family:'NanumBarunGothic'; font-weight:400; color:#fff; display:inline-block; font-size:18px; line-height:25px; }
.nav_list .nav_title .nav_close{display:inline-block; float:right; cursor:pointer; cursor:pointer; width:60px; height:40px; background:url('../img/navi/nav_close.png') no-repeat; }
.nav_list .list_contents{width:250px; float:right; }
.nav_list .list_contents ul{}
.nav_list .list_contents ul li{padding:10px; border-bottom:1px solid #ccc; font-size:13px; cursor:pointer; }
.nav_list .list_contents ul li:hover{background-color:#789bdd; color:#fff; }

.contents_thumbnails{display:none; position:absolute; bottom:0px; width:100%; height:170px; z-index:1; }
.contents_thumbnails .thumbnail_handle	{width:100%; height:20px; background:rgba(94,138,221, 0.9); text-align:center; cursor:pointer; line-height:18px; }
.contents_thumbnails .thumbnail_list	{display:inline-block; width:100%; height:140px; background-color:#fff; padding:10px; }

.contents_thumbnails .thumbnail_list li		{position:relative; display:inline-block; width:100px; height:120px; margin:0px 5px; }
.contents_thumbnails .thumbnail_list li img	{display:inline-block; width:100px; height:120px; cursor:pointer; }
.contents_thumbnails .thumbnail_list li p{position:absolute; bottom:0px; left:0px; width:100px; height:20px; background:rgba(94,138,221, 0.9); font-size:13px; line-height:20px; text-align:center; color:#fff; }

.top_menu{position:absolute; top:0px; left:0px; width:100%; height:60px; background-color:#ffffff; z-index:10; }
.top_menu .logo{display:inline-block; width:95px; height:40px; margin-left:10px; }
.top_menu .menu_icon{display:inline-block; margin:0px; padding:0px; height:10px; height:60px; }

/* 상단 네비게이션 버튼 */
.top_menu .menu_icon > button	{position:relative; margin:0px; padding:0px; display:inline-block; }
.top_menu .logo					{width:95px; height:60px; background:url('../img/navi/logo.png') 0px 10px no-repeat; cursor:pointer; }
.top_menu .topBtnList			{width:60px; height:60px; background:url('../img/navi/topbtn_list.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnList:hover		{width:60px; height:60px; background:url('../img/navi/topbtn_list_on.png') center center no-repeat; }
.top_menu .topBtnThumbnail		{width:60px; height:60px; background:url('../img/navi/topbtn_thumbnail.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnThumbnail:hover{width:60px; height:60px; background:url('../img/navi/topbtn_thumbnail_on.png') center center no-repeat; }
.top_menu .topBtnOne			{width:60px; height:60px; background:url('../img/navi/topbtn_one.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnOne:hover		{width:60px; height:60px; background:url('../img/navi/topbtn_one_on.png') center center no-repeat; }
.top_menu .topBtnTwo			{width:60px; height:60px; background:url('../img/navi/topbtn_two.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnTwo:hover		{width:60px; height:60px; background:url('../img/navi/topbtn_two_on.png') center center no-repeat; }
.top_menu .topBtnHighlight		{width:60px; height:60px; background:url('../img/navi/topbtn_highlight.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnHighlight:hover{width:60px; height:60px; background:url('../img/navi/topbtn_highlight_on.png') center center no-repeat; }
.top_menu .topBtnReference		{width:60px; height:60px; background:url('../img/navi/topbtn_reference.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnReference:hover{width:60px; height:60px; background:url('../img/navi/topbtn_reference_on.png') center center no-repeat; }
.top_menu .topBtnBookmark		{width:60px; height:60px; background:url('../img/navi/topbtn_bookmark.png') center center no-repeat; cursor:pointer; }
.top_menu .topBtnBookmark:hover	{width:60px; height:60px; background:url('../img/navi/topbtn_bookmark_on.png') center center no-repeat; }

.top_menu_handle{position:absolute; bottom:-20px; margin-top:-6px; width:100%; height:20px; background:url('../img/navi/menu_handle_top.png') center center no-repeat rgba(94,138,221, 0.9); text-align:center; cursor:pointer; line-height:18px; }
.top_menu_handle.off{background:url('../img/navi/menu_handle_bottom.png') center center no-repeat rgba(94,138,221, 0.9); }

.contents{position:relative; display:inline-block; width:100%; height:100%; }

/* 팝업 콘텐츠 레이어 */
.contents .popupLayer{display:none; position:absolute; top:50%; left:50%; width:1060px; height:730px; margin-top:-365px; margin-left:-530px; border:5px solid #4c7ed9; border-radius:30px; z-index:1; background-color:#eff0f2; box-shadow:1px 1px 10px; padding:10px}
.contents .popupLayerToc{display:none; position:absolute; top:50%; left:50%; width:1177px; height:880px; margin-top:-440px; margin-left:-589px; z-index:1; }

/* 페이지 이동 네비게이션 */
.contents .page_btn			{}
.contents .page_btn .prev	{position:absolute; top:50%; left:50px; margin-top:-20px; width:40px; height:40px; background:url('../img/navi/prev.png') no-repeat; cursor:pointer; }
.contents .page_btn .next	{position:absolute; top:50%; right:50px; margin-top:-20px; width:40px; height:40px; background:url('../img/navi/next.png') no-repeat; cursor:pointer; }
.contents .page_btn .prev:hover	{background:url('../img/navi/prev_on.png') no-repeat; }
.contents .page_btn .next:hover	{background:url('../img/navi/next_on.png') no-repeat; }

.footer{width:100%; position:absolute; bottom:0px; }
.bottom_menu_handle{width:100%; height:20px; background:url('../img/navi/menu_handle_bottom.png') center center no-repeat rgba(94,138,221, 0.9); text-align:center; cursor:pointer; line-height:18px; }
.bottom_menu_handle.off{ background:url('../img/navi/menu_handle_top.png') center center no-repeat rgba(94,138,221, 0.9); }
.footer .bottom_menu{width:100%; height:60px; background-color:#fff; }
.footer .bottom_menu .search{display:inline-block; line-height:60px; position:relative; }
.footer .bottom_menu .search input{background-color:#e6e6e6; width:210px; height:30px; border:1px solid #eeeeee; border-radius:5px; margin-left:10px; padding-left:5px; padding-bottom:3px; }
.footer .bottom_menu .search .search_btn{position:absolute; bottom:17px; right:5px; cursor:pointer; }

.footer .bottom_menu .right{float:right; margin-right:20px; }
.footer .bottom_menu .right .pageControls{width:240px; float:left; border-right:2px solid #8b8b8b; margin-top:15px; padding-right:20px; }
.footer .bottom_menu .right .pageControls .pageControls_txt{float:left; font-weight:600; color:#ffffff; font-size:14px; width:70px; height:30px; background:#4c7dd9; border-radius:24px;
															-moz-border-radius:24px; -webkit-border-radius:24px; text-align:center; line-height:26px; margin-right:15px; }
.footer .bottom_menu .right .pageControls .pageControls_img{display:inline-block; margin-top:10px;}
.footer .bottom_menu .right .pageControls .pageControls_img .control_box{float:right; width:130px; height:10px; background-color:#e6e6e6; border-radius:5px; position:relative; }
.footer .bottom_menu .right .pageControls .pageControls_img .control_box .control_box_active{width:0px; height:10px; background-color:#4c7dd9; border-radius:5px; }
.footer .bottom_menu .right .pageControls .pageControls_img .control_box .pageControls_btn{display:inline-block; position:absolute; top:-5px; left:0px; width:32px; height:35px; background:url('../img/navi/pageControls_btn.png') no-repeat; cursor:pointer; }

/* 하단 줌 버튼 */
.footer .bottom_menu .right .page_zoom{display:inline-block; margin:15px 0 0 15px; }
.footer .bottom_menu .right .page_zoom > button{display:inline-block; margin-left:5px; cursor:pointer; }
.footer .bottom_menu .right .page_zoom .btncut			{width:33px; height:33px; background:url('../img/navi/topbtn_cut.png') no-repeat; }
.footer .bottom_menu .right .page_zoom .btncut:hover	{background:url('../img/navi/topbtn_cut_on.png') no-repeat; }
.footer .bottom_menu .right .page_zoom .btnzoom			{width:33px; height:33px; background:url('../img/navi/topbtn_zoom.png') no-repeat; }
.footer .bottom_menu .right .page_zoom .btnzoom:hover	{background:url('../img/navi/topbtn_zoom_on.png') no-repeat; }