/*
A:link {COLOR: #737373; FONT-FAMILY: "±¼¸²", "arial", "helvetica"; FONT-SIZE: 9pt; TEXT-DECORATION: none; line-height: 130%}
A:active {COLOR: #737373; FONT-FAMILY: "±¼¸²",  "arial", "helvetica"; FONT-SIZE: 9pt; TEXT-DECORATION: underline; line-height: 130%}
A:visited {COLOR: #737373; FONT-FAMILY: "±¼¸²", "arial", "helvetica"; FONT-SIZE: 9pt; TEXT-DECORATION: none; line-height: 130%}
A:hover {COLOR: #000000; FONT-FAMILY: "±¼¸²",  "arial", "helvetica"; FONT-SIZE: 9pt; line-height: 130%; text-decoration: none}
*/

td {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 9pt; color: #666666; text-decoration: none; line-height: 160%}
td.bat {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 9pt; color: #666666; text-decoration: none; line-height: 160%}
td.bat1 {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 10pt; color: #666666; text-decoration: none; line-height: 180%}
td.bat2 {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 9pt; color: #666666; text-decoration: none; line-height: 140%}
td.bat3 {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 9pt; color: #666666; text-decoration: none; line-height: 200%}
td.bat4 {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 8pt; color: #666666; text-decoration: none; line-height: 200%}
td.bat5 {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 10pt; color: #000000; text-decoration: none; line-height: 160%;
font-weight: bold;}
p {font-family: "±¼¸²", "µ¸¿ò", "Arial", "Times New Roman"; font-size: 9pt; color: #666666; text-decoration: none;margin-top:2px;margin-bottom:2px;}
body { margin : 0 0 0 0 }
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	font-family: "µ¸¿ò",;

}


body {
	margin-top: 0px;

	scrollbar-face-color:#DDDDDD;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-darkshadow-color: #F5F5F5;
	scrollbar-track-color: #F0F0F0;
	scrollbar-arrow-color: #FFFFFF;
}


.lh130 {
	line-height: 130%;
}
.lh120 {
	line-height: 120%;
}
.lh155 {
	line-height: 155%;
}
.lh160 {
	line-height: 160%;
}
.lh175 {
	line-height: 175%;
}
.lh185 {
	line-height: 185%;
}
.lh200 {
	line-height: 200%;
}
.lh220 {
	line-height: 220%;
}
.lh170 {
	line-height: 170%;
}
.lh145 {
	line-height: 145%;
}
input,select,textarea {
	border: 1px solid #6699CC;
	font-size: 12px;
	color: #666666;

}


.ver10 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}
.ver11 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}
.ver12 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
.ver13 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
}
.ver14 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
}
.ver16 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
}
.ver17 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 17px;
}
.ver18 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
}
.ver19 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 19px;
}
.ver20 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 20px;
}
.dot11 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 11px;
}
.dot12 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	color: #666666;
}


.dot12_w {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	color: #FFFFFF;
}


.dot12_01w {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	color: #CC9900;
}


.dot13 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 13px;
	color: #FF0000;
}
.dot14 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 14px;
}
.dot15 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 15px;
	color: #FFFFFF;
}
.dot16 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 16px;
	color: #FF0000;
}
.dot17 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 17px;
}
.dot18 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 18px;
}
.dot19 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 19px;
}
.dot20 {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 20px;
}
.none {
	text-decoration: none;
	border: none;
}
.thline {
	text-decoration: line-through;
}
a.dot11white:link {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	color: #FFFFFF;
}
a.dot11white:visited {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	color: #FFFFFF;
}
a.dot11white:hover {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;

}
a.dot11white:active {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}

a.dot15white:link {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 15px;
	color: #FFFFFF;
}
a.dot15white:visited {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 15px;
	color: #FFFFFF;
}
a.dot15white:hover {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 15px;
	text-decoration: underline;
	color: #FFFFFF;

}
a.dot15white:active {
	font-family: "µ¸¿ò", "±¼¸²";
	font-size: 15px;
	text-decoration: underline;
	color: #FFFFFF;
}

.grayform {
	border: 1px solid #A4A4A4;

}


.numinput
{ 
	BACKGROUND-COLOR: #d9e4f9;
	font : bold; 
	font-size: 9pt;
	text-align : right; 
	color : Blue;
	border:1 solid #808080
}


.forms_h {
	height: 20px;
	border: 1px solid #A4A4A4;
}


.forms_h_01 {

	border: 1px solid #A4A4A4;

}

.forms_join {
    width: 130px;
	border: 1px solid #A4A4A4;
}

.forms_join_02 {
    width: 50px;
	border: 1px solid #A4A4A4;
}

.forms_join_03 {
    width: 300px;
	border: 1px solid #A4A4A4;
}

.forms_join_04 {
    width: 58px;
	border: 1px solid #A4A4A4;
}
.forms_join_05 {
	border: 1px solid #A4A4A4;
}

.agree_form {
	height: 160px;
	width: 700px;
    border: 1px solid #cccccc;
}
.dot12_bookshop {
	color: #0066CC;
}
.dot12_ebook {
	color: #9A9A9A;
}
.forms_guest_01 {
	border: 0px 0;
}
.forms_br_01 {
	border: 1px 1 #CCCCCC;
}

.forms_purple
{ 
	BACKGROUND-COLOR: #F8F2FF;
	border:1 solid #A294B4;
	height: 16px;
}

.titlecell, .titlecell td{background-color:#B9B9B9;color:#FFFFFF;font-weight: bold;}
.footer {FONT-FAMILY:"verdana, ±¼¸², Gurim"; COLOR:#5E5E5E; FONT-SIZE:7pt; LINE-HEIGHT:130%;}


.box {
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size: 11px;
	color: #666666;
	font-family: "±¼¸²";
}

.box2 {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-size: 11px;
	color: #666666;
	font-family: "±¼¸²";
}

.Teduri {
	border: 1 solid #CCCCCC;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

header {
  width: 1000px;
  margin: 0 auto;
  font-family: 'Noto Sans KR', sans-serif;
}

header h1 {
  display: inline-block;
}

header nav {
  display: inline-block;
  float: right;
}

header nav .top_nav {
  text-align: right;
  padding: 5px 0;
}

header nav .top_nav a {
  font-size: 12px;
}

header nav .top_nav .top_nav_line {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #000;
  display: inline-block;
}

header nav::after {
  content: '';
  clear: both;
}

header nav ul {
  margin-top: 17px;
}

header nav ul li {
  display: inline-block;
  position: relative;
}

header nav ul li a {
  font-size: 17px;
  font-weight: 700;
  padding: 30px 40px;
}

header nav ul li ol {
  display: none;
  position: absolute;
  width: 500px;
  background-color: #2f2756;
  top: 55px;
  font-size: 0;
  margin-left: 35px;
  z-index: 10;
}

header nav ol li {
  display: inline-block;
  font-size: 0;
  margin-left: 10px;
}

header nav ul li ol li a {
  font-size: 13px;
  font-weight: 500;
  padding: 3px;
  color: #fff;
}

header nav ul li ol li a:hover {
  color: yellow;
}

.nav_arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #2f2756;
  border-left: 10px solid transparent;
  top: -10px;
  margin-left: 20px;
  
}

.nav_innner {
  width: 270px;
}

.nav02_inner {
  width: 190px
}

.nav03_inner {
  width: 185px
}

.nav04_inner {
  width: 200px
}

.nav05_inner {
  margin-left: -180px;
  width: 280px;
}

.nav05_inner .nav_arrow {
  right: 0;
  margin-right: 20px
}

.main_banner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.main_banner a {
  content: '';
  width: 38px;
  height: 26px;
/*  background-color: #000;*/
  position: absolute;
  border: 2px solid rgba(0,0,0,0)
}

.main_banner a:hover {
  border: 2px solid yellow;
}

.england {
  top: 114px;
  left: 38px;
}

.swice {
  top: 145px;
  left: 72px;
}

.germany {
  top: 113px;
  left: 99px;
}

.india {
  top: 229px;
  left: 327px;
}

.china {
  top: 225px;
  left: 418px;
}

.taiwan {
  top: 240px;
  left: 466px;
}

.korea {
  top: 185px;
  left: 489px;
}

.japan {
  top: 184px;
  left: 534px;
}

.usa {
  top: 181px;
  left: 770px;
}

.banner_hover_bg {
  background-color: #ece5cf;
}

.banner_hover {
  width: 1155px;
  height: 153px;
  margin: 0 auto;
  font-size: 0;
}

.banner_hover div {
  width: 65px;
  height: 65px;
  border: 2px solid #ece5cf;
  display: inline-block;
  margin-right: 8px;
  margin-top: 5px;
}

.banner_hover div img {
  width: 65px;
}

.banner_hover div:nth-child(15n){
  margin-right: 0;
}

.banner_hover div:hover {
  border: 2px solid red;
}

.banner_hover div.on {
  border: 2px solid red;
}

.side_nav {
  font-family: 'Noto Sans KR', sans-serif;
  width: 223px;
  height: 204px;
  margin-top: 30px;
}

.side_nav a {
  font-size: 17px;
  width: 223px;
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #000;
  font-weight: 700;
}

.side_nav a:hover {
  background-color: green;
  color: yellow;
}