@charset "euc-kr";
/* CSS Document */
/*
.main_login01 {
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid #3399CC;
	height: 20px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.main_login01 a:link {
	color: #369;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.main_login01 a:visited {
	color: #003366;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.main_login01 a:hover {
	color: #336699;
	text-decoration: underline;
	text-transform: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	font-variant: normal;
}
.main_login01 a:active {
	color: #FF9900;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.main_login02 {
	color: #595959;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
	
}
.main_login02 a:link {
	color: #369;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}
.main_login02 a:visited {
	color: #003366;
	text-decoration: none;
	font-family: "±¼¸²";
	font-size: 11px;
}
.main_login02 a:hover {
	color: #336699;
	text-decoration: underline;
	text-transform: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
	
}
.main_login02 a:active {
	color: #FF9900;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}

.main_notice01 {
	color: #FF6600;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
	word-spacing: 50em;
}

.textfield_03 {
	height:20px;
	padding:3px 2px 0 2px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}

.main_notice01 a:link {
	color: #369;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}
.main_notice01 a:visited {
	color: #003366;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}
.main_notice01 a:hover {
	color: #336699;
	text-decoration: underline;
	text-transform: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
	
}
.main_notice01 a:active {
	color: #FF9900;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;

}

.main_logout01 {
	color: #595959;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;
	vertical-align: 10%;
}
.main_llogout01 a:link {
	color: #369;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;
	vertical-align: 10%;
}
.main_logout01 a:visited {
	color: #003366;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;
}
.main_logout01 a:hover {
	color: #336699;
	text-decoration: underline;
	text-transform: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;	
}
.main_logout01 a:active {
	color: #FF9900;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;
}

.main_logout02 {
	color: #FF6600;
	font-family: "¸¼Àº°íµñ";
	font-size: 12px;
	vertical-align: 10%;
	font-weight: bold;
	text-decoration: underline;
}

.main_notice01 a:link {
	color: #369;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}
.main_notice01 a:visited {
	color: #003366;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}
.main_notice01 a:hover {
	color: #336699;
	text-decoration: underline;
	text-transform: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
	
}
.main_notice01 a:active {
	color: #FF9900;
	text-decoration: none;
	font-family: "¸¼Àº°íµñ";
	font-size: 11px;
}

#apDiv1 {
	position:absolute;
	left:463px;
	top:248px;
	width:77px;
	height:171px;
	z-index:1;
}
#amp {
	position:absolute;
	left:556px;
	top:93px;
	width:557px;
	height:14px;
	z-index:1;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	left:1226px;
	top:86px;
	width:112px;
	height:38px;
	z-index:1;
}
#apDiv3 {
	position:absolute;
	left:-83px;
	top:84px;
	width:497px;
	height:32px;
	z-index:1;
}
#apDiv {
	position:absolute;
	left:-83px;
	top:84px;
	width:497px;
	height:32px;
	z-index:1;
}
#apDiv4 {
	position:absolute;
	left:-83px;
	top:84px;
	width:497px;
	height:32px;
	z-index:1;
}

.balloonstyle {
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	width: 200px;
        /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
        filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135, Strength=5);
}
#arrowhead {
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}



/*±³ÀçÁ¤º¸*/
#book_wrap{
	width:660px;	
	border:5px solid #0068b1;
}
.h1{
	background:url(/images/license_center/bg_bookline.gif) repeat-x;
	height:39px;
	padding:12px 0 0 30px;
}


#book_area1{
	width:600px;
	margin:30px auto;
}

#book_area2{
	width:600px;
	margin:30px auto;
}
#book_area3{
	width:600px;
	margin:30px auto;
}

#book_list{
}

.h2{
	background:url(/images/license_center/bu1.gif) no-repeat 0 1px;
	padding:0 0 4px 17px;
	font-size:15px;
	font-family:nanumgothic;
	font-weight:bold;
	color:#0068b1;
}
#bookinfo{
	border:5px solid #ccc;
}

.bbs_book{
	border:1px solid #dadada;
	padding:20px;
}
.bbs_book th{
	background:url(/images/license_center/bu2.gif) no-repeat 0px 7px;
	padding:0 0 0px 8px ;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#0068b1;
	line-height:21px;
}
.bbs_book td{
	text-align:left;
	font-size:13px;
}

.book_list_date{
	font-size:12px;
}


hr {visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; clear: both;}
.ui-hidden {display: block; visibility: hidden; width: 0; height: 0; _display: none;}
.ui-button {display: inline-block; _display: block; _float: left;}

th {text-align: center;}

/** tabbox **/
.dot-tabbox {height: 1%; position: relative;}
.dot-tabbox .ui-tab-menu {float: left; background-color: #000;}
.dot-tabbox .ui-tab-menu li {float: left; position: relative;overflow: hidden; left: -1px; z-index: 10;}
.dot-tabbox .ui-tab-menu li:first-child {left: 0;}
.dot-tabbox .ui-tab-menu li.ui-selected {z-index: 99;}
.dot-tabbox .ui-tab-menu-item a {display: block; position: relative;}
.dot-tabbox .ui-tab-content {clear: both; position: relative; z-index: 12; top: -1px; border:1px solid #000;}
.dot-tabbox .ui-tab-content-item {display: none;}
.dot-tabbox .ui-tab-content .ui-selected {display: block;}

/**main**/

.center_title {text-align: left;}
.ui-body,
.ui-footer {clear: both; width: 100%;}
.ui-section-left {width: 184px; float: left;}
.ui-section-center {width: 570px; float: left; margin: 0 26px;}
.ui-section-right {width: 184px; float: right;}

.ui-body {float: left; margin-bottom: 25px;}
.ui-footer, 
.ui-footer * {font-size: 11px; font-family:³ª´®°íµñ, nanumgothic, ±¼¸², Arial, sans-serif; color: #969696; line-height: 1.4em; text-align: center;}

#ui-baeron-header {background: transparent url(/_images/top_img.gif) no-repeat 100% 0; height: 129px; overflow: hidden; margin-bottom: 18px;}
#ui-baeron-header h1 {padding: 15px 0;}
#ui-baeron-header .ui-nav {background-color: #efefef; height: 54px; position: relative; overflow: hidden;}
#ui-baeron-header .ui-nav li {float: left;}
#ui-baeron-header .ui-nav-gnb {  height:1%; background-color: #57607c; width: 100%; height: 27px; }
#ui-baeron-header .ui-nav-gnb li.ui-menu-parent {line-height: 16px; height: 27px;}
#ui-baeron-header .ui-nav-gnb a {display: inline-block; overflow: hidden; height: 100%; text-decoration: none; color: #5f5f5f; font-size: 11px;}
#ui-baeron-header .ui-nav-gnb .ui-gnb-depth1 {background: #57607c url(/_images/menu.gif) no-repeat 0 0; height: 27px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-info {width: 160px; background-position-x: 0;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-tc {width: 160px; background-position-x: -160px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-application {width: 105px; background-position-x: -310px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-my {width: 115px; background-position-x: -415px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-pds {width: 105px; background-position-x: -540px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-help {width: 170px; background-position-x: -640px;}
#ui-baeron-header .ui-nav-gnb .ui-nav-gnb-pib {width: 175px; height: 27px; background: #ff7755 url(/_images/menu_certifi_guide.gif) no-repeat 50% 0;}

#ui-baeron-header .ui-nav-gnb .ui-menu-child {position: absolute; top: 32px; left: 0;}
#ui-baeron-header .ui-nav-gnb .ui-menu-child a {padding: 3px 6px;}
#ui-baeron-header .ui-nav-gnb .ui-menu-child .ui-current a {font-weight: bold; color: #000000;}
#ui-baeron-header .ui-nav-gnb .ui-selected .ui-gnb-depth1 {background-position-y: -27px;}


#ui-baeron-header .ui-nav-aside {position: absolute; top: 0; right: 0; clear: both; width: 177px; height: 54px;}
#ui-baeron-header .ui-nav-aside a {display: block; width: 177px; height: 27px; background: #ff7755 url(/_images/menu_certifi_guide.gif) no-repeat 50% 0;}
#ui-baeron-header .ui-nav-aside a.ui-nav-gnb-edu { background: #ff7755 url(/_images/topquick.gif) no-repeat 50% 0; }


/** ÇÏ´Ü ³×ºñ **/
.ui-footer .ui-nav {background-color: #efefef; height: 25px; position: relative; margin-bottom: 12px;}
.ui-footer .ui-nav ul {position: relative; float: left; height: 25px; left: 50%; margin-left: -252px;}
.ui-footer .ui-nav li {float: left;}
.ui-footer .ui-nav a {background: transparent url(/_images/foot.gif) no-repeat 0 -1px; height: 25px; display: block; float: left;}
.ui-footer .ui-nav a.ui-partnership {width: 70px;}
.ui-footer .ui-nav a.ui-term {width: 75px; background-position-x: -71px;}
.ui-footer .ui-nav a.ui-private-policy {width: 118px; background-position-x: -147px}
.ui-footer .ui-nav a.ui-refund-program {width: 75px; background-position-x: -266px}
.ui-footer .ui-nav a.ui-recruit {width: 75px; background-position-x: -342px;}
.ui-footer .ui-nav a.ui-about {width: 90px; background-position-x: -412px;}

/*============2013.11.26 ¼öÁ¤ ½ÃÀÛ============================*/
.ui-footer .ui-box {float: left; text-align: left;}
.ui-footer .ui-division-horiz {margin-left: 5px; margin-right: 3px;}
/*============2013.11.26 ¼öÁ¤ ³¡============================*/



/** LNB **/
 

/*.ui-menu-child {display: none;}*/

.ui-class-info {position: relative;}
.ui-class-info .ui-tab-menu {float: right;}
.ui-class-info .ui-tab-menu li {float: left; position: relative;overflow: hidden; left: 0; right: -1px; z-index: 10;}

.WA {display: inline-block;overflow: hidden;border: 0;position: absolute;margin: -1px;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);top: 0;left: 0;}