@charset "utf-8";
@import url('ptools.css');

html { 
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #D4D4D4;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #D4D4D4;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #A5A5A5;
overflow-x:hidden;
overflow-y:scroll;
min-height: 100%;
height: auto;
}


/* BODY Document  */
body {
	margin: 0;
	padding: 0;
	font-family: "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	}

body.email {
	font-family:"Trebuchet MS", sans-serif;
	font-size:14px;
	}

/* links */
a:link, a:visited {
	color: #02679A;
	text-decoration:none;

	}
a:hover {
	text-decoration:underline;
	color: #F27900;
	}

#ssl_beta_open {
			position: absolute;
			bottom: 0;
			right: 0;
			width:100px;
			height:120px;
			background-image: url(../img/com/beta_open.gif);
			margin:0; 
			padding:0; 
			}



/* default img */
a img,:link img,:visited img { border:none }
a:active, a:focus, input[type="image"] {outline: none;}
:focus {-moz-outline-style: none;}
img {color:#000; outline-color:#000; outline-width:thin; outline-style:none;}
img.thumb {padding:3px; border:1px solid #CCCCCC;  margin-right:3px;}
img.bd1 {border:1px solid #CCCCCC;}

/* default style */
h1, h2, h3, h4{ font-size:100%; margin:0; padding:0;}
hr { display:none; }
input					{border:0;}
p						{margin:0; padding:0;}

.fl						{float:left;}
.fr						{float:right;}
table					{border-collapse:collapse;}
ul, ol, dl, dd, dt		{list-style-type:none; margin:0; padding:0;}
li	{margin:0;}
dt {width:70px; float:left; text-align:left;}

.vat					{vertical-align:top;}
.vam					{vertical-align:middle;}
.vab					{vertical-align:bottom;}
.vabl					{vertical-align:baseline;}
.al						{text-align:left;}
.ac					{text-align:center;}
.ar					{text-align:right;}
.ls-1					{letter-spacing:-1px;}
.ls-2					{letter-spacing:-2px;}
.bold					{font-weight:bold;}
.auto					{overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.clear				{clear:both;}
.pr10					{padding-right:10px;}
.pl	10	 				{padding-left:10px;}
.pd20				{padding:20px 20px 10px 20px;}
.mt3					{margin-top:3px;}
.mt5					{margin-top:5px;}
.mt10				{margin-top:10px;}
.mt20				{margin-top:20px;}
.mt30				{margin-top:30px;}
.mb10				{margin-bottom:10px;}
.small				{font-size:11px;}
.f13					{font-size:13px; font-weight:bold;}
.f14					{font-size:14px; font-weight:bold;}

/* wrap */
.wrap { width:100%; text-align:center; margin:0; padding:0;
	background-color:#FFF;
	background-image: url(../img/com/bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
}


/* container */
.container { width:1024px; text-align:center; margin:0; padding:0; padding-bottom:5px;
	background-color:#FFF;
	background-image: url(../img/com/bg_header.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* header */
.header {width:960px; height:100px; vertical-align:top; margin:0; padding:0; text-align:left;}
	.logo {float:left; height:72px;}
		.spc_logo {margin:20px 0 0px 125px;}
	.gnbNav {float:right; text-align:right; padding-right:10px;}
		.gnb, a.gnb:link, a.gnb:hover, a.gnb:visited, a.gnb:active {color:#186395; font-size:12px; padding:0; margin:7px 0 10px 0;} 
		.gnb_my, a.gnb_my:link, a.gnb_my:hover, a.gnb_my:visited, a.gnb_my:active {color:#EC3808; font-size:12px; margin:5px 0 10px 0;}
		.search {clear:both;}
			.search_input {width:266px; height:18px; padding:2px; border:1px solid #BBBBBB; font-weight:bold; color:#F27900; font-size:14px; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";}

	.lnbNav {clear:both; width:800px; height:28px; background:url(../img/com/bg_lnb.gif) repeat-x top left; margin-left:130px;}
		.lnb_line {width:11px; height:28px; background:url(../img/com/lnb_line.gif) no-repeat top left;}

		#topNav { clear:both; }
		#topNav ul { margin: 0; padding:0; }
		#topNav li { float:left; color:#fff; font-size:13px; font-weight:bold; }
		#topNav li a { float:left; height:21px; padding-top:7px;  padding-left:20px; padding-right:20px; color:#fff; text-decoration:none; display: block; background:url(../img/com/bg_topmenu.gif) repeat-x top left;  text-align:center; font-size:12px; font-weight:bold; }
		#topNav li a:hover { background:url(../img/com/bg_topmenu_over.gif) repeat-x top left;}
		#topNav li a.on { background:url(../img/com/bg_topmenu_on.gif) repeat-x top left;}

		#topNav li.upload a { float:left; background:url(../img/com/bg_topmenu_upload.gif) no-repeat bottom right; padding-top:7px; height:21px; width:100px; color:#fff; padding-left:17px; padding-right:0px;  text-decoration:none; display: block; text-align:left; font-size:12px; font-weight:bold; }


/* body */
.body_full { clear:both; padding:0; margin-left:10px; margin-right:10px; text-align:left; margin-top:20px; height:100%;}
	.bg_photobook_ui01_left {background: url(../img/com/bg_photobook_ui01.gif) no-repeat top left;} 
	.bg_photobook_ui01_right {background: url(../img/com/bg_photobook_ui01.gif) no-repeat top right;} 
	.bg_photobook_ui01_left_btm {background: url(../img/com/bg_photobook_ui01.gif) no-repeat bottom left;} 
	.bg_photobook_ui01_right_btm {background: url(../img/com/bg_photobook_ui01.gif) no-repeat bottom right;} 

	.bg_ui_photobook_left {background: url(../img/ui/bg_ui_photobook.gif) no-repeat top left; height:920px;} 
	.bg_ui_photobook_right {background: url(../img/ui/bg_ui_photobook.gif) no-repeat top right; height:920px;} 



.body { clear:both; width:960px; padding:0; text-align:left; margin-top:20px; margin-left:32px; margin-right:32px;}
	.bookshelf {width:960px; height:440px;}
		#categoryNav { clear:both; }
		#categoryNav ul { margin: 0; padding:0; }
		#categoryNav li { float:left; color:#fff; font-size:14px; font-weight:bold; }
		#categoryNav li a { float:left; padding-left:10px; padding-right:10px; color:#BE885C; text-decoration:underline; display: block;  text-align:center; font-size:14px; font-weight:bold; font-family: "dotum", "돋움", "Trebuchet MS", sans-serif;}
		#categoryNav li a:hover {color:#E48F51; text-decoration:none; }
		#categoryNav li a.on { font-size:16px; font-weight:bold; color:#fff; text-decoration:none; margin-bottom:0;}
		#categoryNav li.more a {color:#fff; float:right; }

		.shelf_box {clear:both; margin-top:0px;}
		.shelf_box table, .shelf_box table td{width: auto; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px;	vertical-align: bottom; }	 
		.shelf_box table.wrapper {float: left; height: 170px; position: relative; border-collapse: collapse; /* new animation stuff */ opacity: 0.0; /*filter: alpha(opacity=000);*/}
		.shelf_box table.wrapper td {height: 170px; vertical-align: bottom; padding: 0px 7px 0px 0px;}

		.small_banner {clear:both; padding:0px 0 15px 0; margin:0;}
		.visual_banner {clear:both; padding:15px 0 15px 0; margin:0;} 

		.frame01_top {background: url(../img/com/frame01_top.gif) no-repeat top left; width:960px; height:30px;} 
		.frame01_bdy {background: url(../img/com/frame01_bdy.gif) repeat-y top left; width:890px; overflow:auto; padding:0px 35px;} 
		.frame01_btm {background: url(../img/com/frame01_btm.gif) no-repeat top left; width:960px; height:30px;} 
		.frame02_top {background: url(../img/com/frame02_top.gif) no-repeat top left; width:390px; height:20px;} 
		.frame02_bdy {background: url(../img/com/frame02_bdy.gif) repeat-y top left; width:350px; overflow:auto; padding:0px 20px 10px 20px;} 
		.frame02_btm {background: url(../img/com/frame02_btm.gif) no-repeat top left; width:390px; height:20px;} 
		.frame03_top {background: url(../img/com/frame03_top.gif) no-repeat top left; width:472px; height:20px;} 
		.frame03_bdy {background: url(../img/com/frame03_bdy.gif) repeat-y top left; width:432px; overflow:auto; padding:0px 20px 10px 20px;} 
		.frame03_btm {background: url(../img/com/frame03_btm.gif) no-repeat top left; width:472px; height:20px;} 

		.frame04_top {background: url(../img/com/frame04.gif) no-repeat top left; width:850px; overflow:auto; padding:20px 20px 0 20px;} 
		.frame04_btm {background: url(../img/com/frame04.gif) no-repeat bottom right; width:890px; height:20px;} 
		.frame05_top {background: url(../img/com/frame05.gif) no-repeat top left; width:850px; overflow:auto; padding:20px 20px 0 20px;} 
		.frame05_btm {background: url(../img/com/frame05.gif) no-repeat bottom right; width:890px; height:20px;} 
		.frame06_top {background: url(../img/com/frame06.gif) no-repeat top left; width:850px; overflow:auto; padding:20px 20px 0 20px;} 
		.frame06_btm {background: url(../img/com/frame06.gif) no-repeat bottom right; width:890px; height:20px;} 
		.frame07_top {background: url(../img/com/frame07.gif) no-repeat top left; width:850px; overflow:auto; padding:20px 20px 0 20px;} 
		.frame07_btm {background: url(../img/com/frame07.gif) no-repeat bottom right; width:890px; height:20px;} 

		
		.bg_sel_theme {background: url(../img/com/bg_sel_theme.gif) repeat-x top right;}
		.bg_tit {background: url(../img/com/bg_tit.gif) repeat-x bottom right; font-weight:bold; color:#fff; height:30px; padding-left:10px;}	
			ul.sel_theme li a {display: block; padding: 5px 10px; text-decoration:none; color:#333333;}
			ul.sel_theme li a:hover, ul.sel_theme li a.on { background-color:#FFD867; text-decoration:none;}

	.leftnav { background: url(../img/com/bg_sidemenu.png) no-repeat 0 0 ; float:left; width:180px; height:315px; margin:5px 0px 20px 0;} 
	.right {float:right; width:680px; padding:0 ; margin-top:13px; text-align:left; overflow:auto; overflow-y:hidden; overflow-x:hidden; padding-left:20px; padding-right:10px;text-align:left;}
		.boxline {border:1px solid #FFD258; padding:20px 20px; background-color:#FFFBE9;}
		.boxline02 {border:1px solid #CCCCCC; padding:20px 20px; background-color:#F6F6F6;}
			.bigtit {font-size:16px; font-weight:bold; font-family:'돋움', 'dotum'; letter-spacing:-1px;}
	.right a {text-decoration:none;}

		#localnav { width:140px; list-style:none; padding:0 0 0 0px; float: left;  margin-left: 18px; }
			#localnav ul.first { padding-top:15px; }
			#localnav ul { list-style:none; margin:0; }
			#localnav a, #localnav span, #localnav strong { display: block; color:#000; font: normal 121% Georgia, serif; padding: 6px 5px 5px 10px; font-family:'돋움', 'dotum'; font-size:12px; height:14px; }
			#localnav a:hover, #localnav a:focus { background: url(../img/com/bg_sidemenu_on03.png) no-repeat 0 0 ;  text-decoration: none;  }
			#localnav a.on, #localnav strong, #localnav span.on { background: url(../img/com/bg_sidemenu_on.png) no-repeat 0 0 ; color:#fff; font-weight:bold; }
			#localnav li { background: none; border-top:1px solid #CFE1E7; padding:5px 5px; }
			#localnav li.first, #localnav li:first-child { border-top:none; }





	.side { float:left; width:200px; padding:0; margin:0;}
		.side_top {background: url(../img/com/bg_left_top.gif) no-repeat top left; width:200px; height:22px; text-align:center; font-weight:bold; color:#fff; font-size:13px; padding-top:5px;}
		.side_bdy {background: url(../img/com/bg_left_bdy.gif) repeat-y top left; width:190px; height:30px; padding-left:10px; padding-top:7px;}
			.ico_store {background: url(../img/blt/ico_store.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_regal {background: url(../img/blt/ico_regal.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_business {background: url(../img/blt/ico_business.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_tax {background: url(../img/blt/ico_tax.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_finance {background: url(../img/blt/ico_finance.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_technology {background: url(../img/blt/ico_technology.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_real {background: url(../img/blt/ico_real.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_business {background: url(../img/blt/ico_business.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_computer {background: url(../img/blt/ico_computer.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_mobile {background: url(../img/blt/ico_mobile.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_manual {background: url(../img/blt/ico_manual.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_catalogue {background: url(../img/blt/ico_catalogue.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}

	#snb {float:left; width:185px; margin:0; padding:0;}
		#leftmenu_top {background:url(../img/com/leftmenu_top.gif) no-repeat top left; width:185px; height:50px;}
		#leftmenu_bdy {background:url(../img/com/leftmenu_bdy.gif) repeat-y top left; width:185px; }
		#leftmenu_btm {background:url(../img/com/leftmenu_btm.gif) no-repeat top left; width:185px; height:30px;}
			.leftmenu_tit {height:30px; border-bottom:1px solid #D7D7D7; padding-left:5px;}
			.leftmenu_tit a,  .leftmenu_tit a:hover {font-size:12px; color:#898989; 	font-weight:bold; color:#222222;}
			.leftmenu_sub {height:25px; padding-left:15px; font-size:12px; }
			.leftmenu_sub a {font-size:12px; color:#898989;}
			.leftmenu_sub a:hover {font-size:12px; color:#F55C00;}


		.left01 {float:left; width:180px; text-align:left;}
		.left02 {float:left; width:580px; text-align:left;}
		.left03 {float:right; text-align:center;}

		.side_btm {background: url(../img/com/bg_left_btm.gif) no-repeat top left; width:190px; height:33px; margin-bottom:10px; padding-left:10px; padding-top:8px;}
		.content {float:right; width:605px; padding:0; margin:0;}
		.content_top {background: url(../img/com/bg_content_top.gif) no-repeat top left; width:595px; height:27px; margin-top:10px; color:#005279; font-size:15px; padding-top:5px; padding-left:10px; font-weight:bold;}
		.content_bdy {background: url(../img/com/bg_content_bdy.gif) repeat-y top left; width:605px; padding:10px 10px; overflow:auto;}
		.content_btm {background: url(../img/com/bg_content_btm.gif) no-repeat top left; width:605px; height:8px;}
		
			.bg_docu01 {background: url(../img/com/bg_docu01.gif) no-repeat top left; width:62px; height:86px; padding:8px 20px; float:left;}
			.bg_docu02 {background: url(../img/com/bg_docu02.gif) no-repeat top left; width:62px; height:86px; padding:8px 20px; float:left;}
			.bg_docu03 {background: url(../img/com/bg_docu03.gif) no-repeat top left; width:150px; height:120px; padding:30px 0px; float:left;}
			.prev {width:40px; float:left; vertical-align:middle;}
			.next {width:40px; float:left; vertical-align:middle;}
			
			.bg_document {background: url(../img/com/bg_document.gif) no-repeat top left; width:115px; height:148px; padding:5px 0 0 5px; text-align:left;}
				.thumb_document {padding:0;}
				.ico_type {padding-top:1px;}
			.bg_document_grey {background: url(../img/com/bg_document_grey.gif) no-repeat top left; width:115px; height:148px; padding:5px 0 0 5px; text-align:left;}

			.bg_book {background: url(../img/com/bg_book.gif) no-repeat bottom right; width:10px; padding:0; text-align:right; vertical-align:bottom;}
			.bg_photobook {background: url(../img/com/bg_photobook.gif) no-repeat top right; width:8px; text-align:left;}


		.info {width:940px; padding:20px 10px;}
		.info .author {float:left;}
		.ipad {background:url(../img/com/bg_ipad.gif) no-repeat top left; width:960px; height:659px; text-align:center; padding-top:250px;}

	.content_l {width:660px; float:left; padding-top:20px; padding-bottom:20px;}
	.content_r {width:200px; float:right; padding-top:20px; padding-bottom:20px;}

/* view_document */
.view_document {width:960px; height:auto; }
	.view_document_btm {background: url(../img/com/view_document_btm.gif) no-repeat top left; width:650px; height:25px; padding-top:5px; padding-left:20px;}
	.view_app {width:67px; height:410px; background: url(../img/com/view_app.gif) no-repeat top right; float:left; margin-top:35px; text-align:center; padding-top:40px; margin-left:-67px;}
	.view_docu {float:left;  width:670px;}
	.view_right {width:270px; float:right;}


/* view_photobook */
.view_photobook {width:960px; height:auto; }
	.view_app {width:67px; height:410px; background: url(../img/com/view_app.gif) no-repeat top right; float:left; margin-top:35px; text-align:center; padding-top:40px; margin-left:-67px;}
	.view_photo {float:left;  width:960px;}
		.bg_photobook_top {background: url(../img/com/bg_photobook_top.gif) no-repeat top left; width:930px; height:28px; padding-top:7px; padding-right:10px; padding-left:20px; text-align:left;}
		.bg_photobook_btm {background: url(../img/com/bg_photobook_btm.gif) no-repeat top left; width:940px; height:25px; padding-top:5px; padding-left:20px;}


/* list document */
.list_docu {width:960px; height:auto;}
	.list {float:left; width:670px;}
	.list_right {float:right; width:270px;}
	.list_photobook {float:left; width:745px;}
	.list_photobook_right {float:right; width:195px;}


/* application */
.application { height:60px;}
	.application_left { height:60px; background: url(../img/com/bg_app.gif) no-repeat top left; float:left; padding-left:80px; padding-top:20px;}
	.application_right { width:10px; height:60px; background: url(../img/com/bg_app.gif) no-repeat bottom right; float:left; }


/* box */
.tbl01_left_top {width:10px; height:10px; background:url(../img/com/tbl01_left_top.gif) no-repeat; }
.tbl01_top_top {height:10px; background:url(../img/com/tbl01_top_top.gif) repeat-x top left; }
.tbl01_right_top {width:10px; height:10px; background:url(../img/com/tbl01_right_top.gif) no-repeat; }
.tbl01_left_bdy {width:10px; background:url(../img/com/tbl01_left_bdy.gif) repeat-y top left; }
.tbl01_right_bdy {width:10px; background:url(../img/com/tbl01_right_bdy.gif) repeat-y top left; }
.tbl01_bdy {background-color:#E8F3F1; padding:0px 5px; }
.tbl01_left_btm {width:10px; height:10px; background:url(../img/com/tbl01_left_btm.gif) no-repeat; }
.tbl01_btm_btm {height:10px; background:url(../img/com/tbl01_btm_btm.gif) repeat-x top left; }
.tbl01_right_btm {width:10px; height:10px; background:url(../img/com/tbl01_right_btm.gif) no-repeat; }
.tbl01_tit_left {width:10px; height:25px; background:url(../img/com/tbl01_tit_left.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #E8F3F1;}
.tbl01_tit_bdy {height:20px; background:url(../img/com/tbl01_tit_bdy.gif) repeat-x; padding:5px 5px 0 5px; font-weight:bold; margin-bottom:-1px; border-bottom:1px solid #E8F3F1;}
.tbl01_tit_right {width:10px; height:25px; background:url(../img/com/tbl01_tit_right.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #E8F3F1;}
.tbl01_tit_bg {height:25px; background:url(../img/com/tbl01_tit_bg.gif) no-repeat; }

.tbl02_left_top {width:10px; height:10px; background:url(../img/com/tbl02_left_top.gif) no-repeat; }
.tbl02_top_top {height:10px; background:url(../img/com/tbl02_top_top.gif) repeat-x top left; }
.tbl02_right_top {width:10px; height:10px; background:url(../img/com/tbl02_right_top.gif) no-repeat; }
.tbl02_left_bdy {width:10px; background:url(../img/com/tbl02_left_bdy.gif) repeat-y top left; }
.tbl02_right_bdy {width:10px; background:url(../img/com/tbl02_right_bdy.gif) repeat-y top left; }
.tbl02_bdy {background-color:#EEEEEE; padding:0px 5px; }
.tbl02_left_btm {width:10px; height:10px; background:url(../img/com/tbl02_left_btm.gif) no-repeat; }
.tbl02_btm_btm {height:10px; background:url(../img/com/tbl02_btm_btm.gif) repeat-x top left; }
.tbl02_right_btm {width:10px; height:10px; background:url(../img/com/tbl02_right_btm.gif) no-repeat; }
.tbl02_tit_left {width:10px; height:25px; background:url(../img/com/tbl02_tit_left.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #EEEEEE;}
.tbl02_tit_bdy {height:20px; background:url(../img/com/tbl02_tit_bdy.gif) repeat-x; padding:5px 5px 0 5px; font-weight:bold; margin-bottom:-1px; border-bottom:1px solid #EEEEEE;}
.tbl02_tit_right {width:10px; height:25px; background:url(../img/com/tbl02_tit_right.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #EEEEEE;}
.tbl02_tit_bg {height:25px; background:url(../img/com/tbl02_tit_bg.gif) no-repeat; }

.tbl03_left_top {width:10px; height:10px; background:url(../img/com/tbl03_left_top.gif) no-repeat; }
.tbl03_top_top {height:10px; background-color:#EEEEEE; }
.tbl03_right_top {width:10px; height:10px; background:url(../img/com/tbl03_right_top.gif) no-repeat; }
.tbl03_left_bdy {width:10px; background-color:#EEEEEE; }
.tbl03_right_bdy {width:10px; background-color:#EEEEEE; }
.tbl03_bdy {background-color:#EEEEEE; padding:10px 10px; }
.tbl03_left_btm {width:10px; height:10px; background:url(../img/com/tbl03_left_btm.gif) no-repeat; }
.tbl03_btm_btm {height:10px; background-color:#EEEEEE; }
.tbl03_right_btm {width:10px; height:10px; background:url(../img/com/tbl03_right_btm.gif) no-repeat; }


.tbl04_left_top {width:10px; height:10px; background:url(../img/com/tbl04_left_top.gif) no-repeat; }
.tbl04_top_top {height:10px; background:url(../img/com/tbl04_top_top.gif) repeat-x top left; }
.tbl04_right_top {width:10px; height:10px; background:url(../img/com/tbl04_right_top.gif) no-repeat; }
.tbl04_left_bdy {width:10px; background:url(../img/com/tbl04_left_bdy.gif) repeat-y top left; }
.tbl04_right_bdy {width:10px; background:url(../img/com/tbl04_right_bdy.gif) repeat-y top left; }
.tbl04_bdy {background-color:#D9DEE7; padding:0px 5px; }
.tbl04_left_btm {width:10px; height:10px; background:url(../img/com/tbl04_left_btm.gif) no-repeat; }
.tbl04_btm_btm {height:10px; background:url(../img/com/tbl04_btm_btm.gif) repeat-x top left; }
.tbl04_right_btm {width:10px; height:10px; background:url(../img/com/tbl04_right_btm.gif) no-repeat; }
.tbl04_tit_left {width:10px; height:25px; background:url(../img/com/tbl04_tit_left.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #D9DEE7;}
.tbl04_tit_bdy {height:20px; background:url(../img/com/tbl04_tit_bdy.gif) repeat-x; padding:5px 5px 0 5px; font-weight:bold; margin-bottom:-1px; border-bottom:1px solid #D9DEE7;}
.tbl04_tit_right {width:10px; height:25px; background:url(../img/com/tbl04_tit_right.gif) no-repeat; margin-bottom:-1px; border-bottom:1px solid #D9DEE7;}
.tbl04_tit_bg {height:25px; background:url(../img/com/tbl04_tit_bg.gif) no-repeat; }


		.cate_top {background: url(../img/com/bg_left_top.gif) no-repeat top left; width:250px; padding-left:20px; height:25px; text-align:left; color:#fff; padding-top:6px;}
		.cate_bdy {background: url(../img/com/bg_left_bdy.gif) repeat-y top left; width:260px; height:30px; padding-left:10px; padding-top:7px; text-align:left; font-size:12px;  font-family: "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;, sans-serif;}
			.ico_store {background: url(../img/blt/ico_store.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_regal {background: url(../img/blt/ico_regal.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_business {background: url(../img/blt/ico_business.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_tax {background: url(../img/blt/ico_tax.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_life {background: url(../img/blt/ico_life.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_edu {background: url(../img/blt/ico_edu.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_jop {background: url(../img/blt/ico_jop.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_sale {background: url(../img/blt/ico_sale.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_finance {background: url(../img/blt/ico_finance.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_technology {background: url(../img/blt/ico_technology.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_real {background: url(../img/blt/ico_real.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_business {background: url(../img/blt/ico_business.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_computer {background: url(../img/blt/ico_computer.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_mobile {background: url(../img/blt/ico_mobile.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_manual {background: url(../img/blt/ico_manual.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
			.ico_catalogue {background: url(../img/blt/ico_catalogue.png) no-repeat 0 60%; padding-left:30px; margin-left:5px; height:24px;}
		.cate_btm {background: url(../img/com/bg_left_btm.gif) no-repeat top left; width:260px; height:33px; margin-bottom:10px; padding-left:10px; padding-top:8px; text-align:left; font-size:12px;  font-family: "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;, sans-serif;}




/* tabstyle */
div.tab {clear:both; padding:0; height:30px; background:url(../img/com/bg_tab.gif) repeat-x top left; }
div.tab ul.tabstyle {clear:both; float:left; height:30px; padding-left:10px; font-size:12px; font-weight:bold;} 
div.tab ul.tabstyle li {float:left; display: block; background:url(../img/com/tab.gif) no-repeat top left; width:130px; height:22px; text-align:center; text-decoration:none; padding-top:8px; margin:0 0 0 3px; } 
div.tab ul.tabstyle li.selected {display: block; background:url(../img/com/tabon.gif) no-repeat top left; width:130px; height:22px; text-align:center; color:#EE5E07; padding-top:8px;}


/* footer */
.footer{clear:both; background: url(../img/com/bg_footer.gif) repeat-x top left; width:100%; margin-top:30px; height:190px; padding-top:0px; text-align:center; vertical-align:top; position: relative; bottom:0px;}
	.fwrap {width:940px;}
		ul.flist {padding:5px; text-align:left; font-family: "dotum", "돋움", "Trebuchet MS", sans-serif;}
		ul.flist li.title { font-size:13px; font-weight:bold; color:#005784; border-bottom:1px solid #C6C8C9; margin-bottom:5px; padding-bottom:5px; width:125px;}
		ul.flist li.blt01 {background: transparent url('../img/blt/blt01.gif') no-repeat 0 50%; padding-left:15px; color:#8C8D91;}
		ul.flist li.blt01 a { font-size:13px; color:#8C8D91;}
		.copyright {border:1px solid #D9DCDE; padding:5px 5px; width:300px; text-align:center; font-size:12px; font-family:  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }

/* full Screen mode */
.fullscreen {width:100%; padding:0; margin:0: text-align:center; vertical-align:top;}

/* Progree bar */
.progress {background: url(../img/com/progress.gif) no-repeat top left; width:500px; height:18px; text-align:left; font-size:11px; color:#fff;}
.progress_on {background: url(../img/com/progress_on.gif) no-repeat top left; width:500px; height:18px; text-align:center; font-size:11px; color:#fff;}
.progress_yellow {background: url(../img/com/progress_yellow.gif) no-repeat top left; width:500px; height:18px; text-align:center; font-size:11px; color:#fff;}
.progress_green {background: url(../img/com/progress_green.gif) no-repeat top left; width:500px; height:18px; text-align:center; font-size:11px; color:#fff;}

/* Input */
input.text {padding:2px; border:1px solid #BBBBBB; color:#333; font-size:12px; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";}
textarea{ padding:2px 2px 2px 4px; background-color:#ffffff; border:1px solid #BBBBBB; color:#333; font-size:12px; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";}
select  { color:#333; font-size:13px; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; background-color:#fff; border : 1px solid #D2D2D2; margin: 0; } 

.formRow {padding:0px; font-size:13px;}
.formField {padding:5px 5px;}
.formFieldUp {padding:5px 0px;}

.formRow label
{
	width:145px;
	display:block;
	float:left;
	text-align:right;
	padding:7px 5px 3px 0px;
}
.formRowUp label
{
	width:70px;
	display:block;
	text-align:left;
	font-weight:bold;
	padding:7px 5px 3px 0px;
}

/* font elements */
.toplink, a.toplink, a:hover.toplink { font-size: 13px; letter-spacing:-1px; color:#EF7902; }
.toplink02, a.toplink02, a:hover.toplink02 { font-size: 13px; letter-spacing:-1px; color:#3A81CE; }
.sidemenu, a.sidemenu, a.sidemenu:hover, a.sidemenu:visited, a.sidemenu:active  { font-size: 13px; color:#7D7E7E; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";}
a:hover.sidemenu { color:#F27900; }
.point, a.point:link, a.point:hover, a.point:visited, a.point:active {color:#B91E27; }
.blue, a.blue:link, a.blue:hover, a.blue:visited, a.blue:active {color:#0077AA; } 
.orange, a.orange:link, a.orange:hover, a.orange:visited, a.orange:active {color:#EE5E07; } 
.white, a.white:link, a.white:visited, a.white:active {color:#fff; } 
.grey, a.grey:link, a.grey:visited, a.grey:active {color:#999999; } 
.tit, a.tit:link, a.tit:hover, a.tit:visited, a.tit:active {font-size: 18px; color:#EB4D23; font-weight:bold; font-family: "dotum", "돋움", "Trebuchet MS", sans-serif; margin-bottom:10px; letter-spacing:-1px;} 
.titblack, a.titblack:link, a.titblack:hover, a.titblack:visited, a.titblack:active {width:960px; font-size: 18px; color:#333; font-weight:bold; font-family: "dotum", "돋움",  "Trebuchet MS", sans-serif; margin-bottom:10px; letter-spacing:-1px;} 
.titwhite, a.titwhite:link, a.titwhite:hover, a.titwhite:visited, a.titwhite:active {font-size: 18px; color:#fff; font-weight:bold; font-family: "dotum", "돋움",  "Trebuchet MS", sans-serif; margin-bottom:10px; letter-spacing:-1px;} 
.titborder {border-bottom:1px solid #E0E0E0; padding-bottom:5px; font-size: 16px; color:#555; font-weight:bold; font-family: "dotum", "돋움"; letter-spacing:-1px;}
.titborder02 {border-bottom:1px solid #E0E0E0; padding-bottom:5px;}

.titblue, a.titblue:link, a.titblue:hover, a.titblue:visited, a.titblue:active {font-size: 18px; color:#2E99D0; font-weight:bold; font-family: "dotum", "돋움", "Trebuchet MS", sans-serif; margin-top:5px; margin-bottom:10px; letter-spacing:-1px;} 
.subtit { font-size: 13px; color:#666; margin-bottom:10px; }
.f18 {font-size:18px; font-weight:bold;}
.f20 {font-size:20px; font-weight:bold;}
.dashed {border-bottom:1px dashed #AEAEAE; padding-bottom:5px;}

/* button  */
.btn_search {cursor:hand; height:24px; width:98px; text-align:center; color:#333; background: url(../img/btn/btn_search.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }
.btn_orange {cursor:hand; height:24px; width:98px; text-align:center; color:#fff; background: url(../img/btn/btn_orange.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }
.btn_orange02 {cursor:hand; height:24px; width:145px; text-align:center; color:#fff; background: url(../img/btn/btn_orange02.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }
.btn_orange03 {cursor:hand; height:24px; width:215px; text-align:center; color:#fff; background: url(../img/btn/btn_orange03.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }
.btn_grey {cursor:hand; height:24px; width:98px; text-align:center; color:#fff; background: url(../img/btn/btn_grey.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }
.btn_grey02 {cursor:hand; height:24px; width:145px; text-align:center; color:#fff; background: url(../img/btn/btn_grey02.gif) no-repeat top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold; }

.btn_orangesmall {cursor:hand; height:22px; text-align:center; color:#fff; background: url(../img/btn/bg_btn_orange.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:11px; font-weight:bold;  border:1px solid #E44F00; padding-left:5px; padding-right:5px;}
.btn_orangemiddle {cursor:hand; height:24px; text-align:center; color:#fff; background: url(../img/btn/btn_orangemiddle.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:12px; font-weight:bold;  border:1px solid #E44F00; padding-left:10px; padding-right:10px;}
.btn_orangebig {cursor:hand; height:30px; text-align:center; color:#fff; background: url(../img/btn/bg_btn_orangeb.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold;  border:1px solid #E44F00; padding-left:20px; padding-right:20px;}
.btn_greysmall {cursor:hand; height:22px; text-align:center; color:#fff; background: url(../img/btn/btn_greysmall.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:11px; font-weight:bold;  border:1px solid #3B3B3B; padding-left:5px; padding-right:5px;}
.btn_greymiddle {cursor:hand; height:24px; text-align:center; color:#fff; background: url(../img/btn/btn_greymiddle.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:12px; font-weight:bold;  border:1px solid #3B3B3B; padding-left:10px; padding-right:10px;}
.btn_greybig {cursor:hand; height:30px; text-align:center; color:#fff; background: url(../img/btn/btn_greyb.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:13px; font-weight:bold;  border:1px solid #3B3B3B; padding-left:20px; padding-right:20px;}

.btn_buy {clear:both; cursor:hand; height:45px; padding-left:50px; text-align:left; color:#fff; background: url(../img/btn/btn_buy.gif) no-repeat top left; font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:16px; font-weight:bold; border:1px solid #E44F00; }


.btn_photobook {cursor:hand; height:15px; width:122px; text-align:center; color:#fff; background: url(../img/btn/bg_btn_photobook.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:11px; padding-left:5px; padding-right:5px; text-align:center;}
.btn_photobook02 {cursor:hand; height:20px; width:115px; text-align:center; color:#fff; background: url(../img/btn/bg_btn_photobook02.gif) repeat-x top left; border:0px;  font-family:  "dotum", "돋움", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size:12px; padding-left:5px; padding-right:5px; text-align:center; color:#6A4102; font-weight:bold;}

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("../img/com/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
a.button, x:-moz-any-link { font:0/23px Sans-serif; padding:12px 0; top:1px;} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
a.button.large, x:-moz-any-link { font:0/29px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
a.button.xLarge, x:-moz-any-link { font:0/35px Sans-serif; padding:18px 0;} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}
a.button.small, x:-moz-any-link { font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */