@charset "utf-8";
/* CSS Document */
body { margin:0 auto; padding:0; background:#f5f5f5;font-size : 12px; font-family:"돋움", "Trebuchet MS", Arial, Helvetica, sans-serif; color : #444444;letter-spacing:-1px; }
html { padding:0; margin:0;}
.clr {clear:both;}
img {border:0;}

/* text */
.txt_small {font-size : 0.9em; }
.txt_big01 {font-size : 1.1em; }
.txt_big02 {font-size : 1.3em; }

a:active {color:#444444;text-decoration:none}
a:visited {color:#444444;text-decoration:none}
a:link {color:#444444;text-decoration:none}
a:hover {color:#3e78df;text-decoration:underline;}

.blue_txt {color:#0494b8;}
.blue_txt a:active{color:#0494b8;}
.blue_txt a:visited{color:#0494b8;}
.blue_txt a:link {color:#0494b8;}
.blue_txt a:hover{color:#0494b8; text-decoration:underline;}

.orange_txt{color:#ce5a01}
.nav_txt{color:#333}

/* form */
textarea, select {
	font:normal 10px Arial; background: #ededed;
    scrollbar-face-color:#D3D3D3; scrollbar-highlight-color: #D3D3D3; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #999999; 
	scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F2F2F2; scrollbar-arrow-color: #666666; border:solid #3b3d3a 1px; }

input.text{width:136px; background-color:#FFFFFF; border:1px solid #eec19e;height:18px;color:#666;font-size:10px;padding:5px 0 0 4px;}
input.login{width:112px; background-color:#FFFFFF; border:none;height:18px;padding:5px 0 0 4px;color:#949393;margin:0 5px 10px 0;font-size:10px;}

/* alignment */
.float_right{float:right}
.float_left{float:left}
.container_rel{position:relative;}

/* boxes*/
.box01{border:3px #d5d3d3 solid; width:100px;padding:5px;text-align:center;margin-bottom:10px;height:100px}
.box02{border:1px #fff solid; margin:20px auto;background-color:#CCC}
.box03{border:1px #EAEAEA solid; width:468px;margin:0px 100px;padding:20px;}
.box04{border:0px #ccc solid; margin:20px;background-color:#EDEDED;padding:20px}
.box05{border:1px #ccc solid; margin:20px;padding:20px}
.box06{border:4px #eaeaea solid;margin:20px;padding:20px;}
.box07{border:4px #eaeaea solid;margin:30px;padding:20px;text-align:center;float:left;width:250px;}
.box07 img{margin-bottom:10px;}

.box08{background-color:#f4f4f4;}
.box09{background-color:#ccc;}
.box10{border-bottom:1px dotted #ccc;margin:10px;padding:20px 0}

.line01{border-top:1px solid #eaeaea;height:5px;margin:10px 0;display:block}


/******************************************************************************/
/*	construction                                                              */
/******************************************************************************/
#wrapper{position:relative;margin:0 auto;padding:0 10px;background-color:#ffffff;width:960px;}

/* header */
#header { position:relative;margin:0; height:110px;width:960px; padding-top:10px;}
#logo {width:198px; float:left; text-align:center;margin:20px 12px 0 0;}
#top_right {float:left;text-align:right;margin-top:0px;width:750px; }

#topmenu {font-size:10px;float:left;width:564px;word-spacing:3px;text-align:right;margin-top:3px;}
#topmenu a {color:#032840;}
#topmenu a:active {color:#032840;}
#topmenu a:visited{color:#032840;}
#topmenu a:link {color:#032840;}
#topmenu a:hover {color:#057ac5;text-decoration:none;}

#search_box {float:right;text-align:right;margin-left:18px;margin-top:-6px;}

#main_container{position:relative;background-color:#ffffff;width:960px}/*b7b7b9*/
#left_container{float:left;width:198px;margin-right:12px;}
#middle_container_main{float:left;width:520px;}
#right_container_main{float:left; width:230px;}
#right_container_main ul{padding:0 10px 10px 20px;margin-top:0px;list-style-image: url(/html/images/bullet02.gif);list-style-position:outside;line-height:20px;}
#full_container{float:left;width:750px;}
#board_container{position:relative;width:750px;}
#middle_container{float:left;width:635px;}
#right_container{float:left; width:115px;}


/* left section */
#login_box {position:relative;background-color:#f2f2f2;height:71px;padding:20px 10px;}
.left_photo {position:relative;background-color:#efeeeb;text-align:center;margin-top:12px;margin-bottom:12px;}
.left_link{position:relative;margin-top:12px;}
.left_link .linkmenu{background-color:#f5f4ef;padding:8px 14px;}
.left_link .bar{margin:5px 0;}
.left_board {border-top:1px solid #d3d3d3;padding-top:7px;}
.left_board .title{margin-bottom:5px;}

#leftmenu {position:relative;margin-bottom:12px;}
#leftmenu .menutext{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:10px 0 20px 30px;}
#leftmenu .space_top{background-color:#f3f3f3;height:20px;}
#leftmenu .menutext .left_mainmenu{border-bottom:1px solid #ececec;padding:5px 0}
#leftmenu .menutext .left_mainmenu img{margin-right:4px;}
#leftmenu .menutext .submenu{margin-left:15px;margin-top:2px;line-height:18px;}


.leftmenu a{font-size : 9pt; font-family : arial, helvetica, verdana; color : #1D2A36; text-decoration : none;font-weight:bold;}
.leftmenu a:visited {font-size : 9pt; font-family : arial, helvetica, verdana; color : #1D2A36; text-decoration : none;}
.leftmenu a:link {font-size : 9pt; font-family : arial, helvetica, verdana; color : #1D2A36;text-decoration : none;}
.leftmenu a:hover {font-size : 9pt; font-family : arial, helvetica, verdana; color : #999999;  text-decoration : none;}
.leftmenu a:active {font-size : 9pt; font-family : arial, helvetica, verdana; color : #999999; text-decoration : none;}

/* right section  */
.box_topright{position:relative;background-color:#f5f5f5;height:164px;}
.right_board {border:1px #d5d3d3 solid; width:200px;margin-top:12px;padding:15px 15px 4px 15px;}
.right_board .title{border-bottom:1px solid #e2e2dc;}
.right_board .text{line-height:22px;margin:10px 0;}

.box_book {position:relative;border-left:1px solid #e7e7e7;text-align:center;width:114px;margin-left:0px;padding-left:0;margin-top:20px;} 
.box_book img{margin:10px;}

/*  middle   */
.middle_board{border:1px #d5d3d3 solid; width:508px;margin-top:12px;margin-right:12px;}
.middle_board .title{background-color:#004253;margin:0;padding:0 0 0 20px;height:39px;}
.middle_board .title img{margin-right:21px;}
.middle_board .title01{background-color:#006300;margin:0;padding:0 0 0 20px;height:39px;}
.middle_board .title01 img{margin-right:25px;}
.middle_board .title02{background-color:#00696d;margin:0;padding:0 0 0 20px;height:39px;}
.middle_board .title02 img{margin-right:31px;}
.middle_board .text{margin:8px 25px 0px 25px;border-bottom:1px solid #f0f0ed;padding-bottom:6px;}
.middle_board .text .bullet{margin:5px 10px;}
.middle_board .text .date{color:#999;font-size:11px;float:right;letter-spacing:0px;}
.middle_board .text .photo{margin-right:30px;border:2px solid #ccc;margin-bottom:2px;}
.middle_board .text .long{ }

/*  */
.readmore {margin:5px 0;}
.text_nav {position:relative;text-align:right;height:20px;color:#8b8b8b;width:750px;font-size:11px;margin-top:8px;}
.content {margin-top:20px;}
.content .subtitle{margin:20px 20px 20px 25px;font-size:14px;font-weight:bold;}
.content .subtitle_detail{margin:20px 20px 20px 25px;font-size:14px;font-weight:bold; border-bottom:1px solid #dbdbdb;padding-bottom:4px;}
.content .subtitle .bullet{margin-right:5px;}
.content .list {border-bottom:1px dotted #cccccc;padding-bottom: 15px;margin:15px 20px 0 40px;}
.content .list .bullet{margin-right:5px;}
.content .text{margin:0 20px 20px 20px;line-height:20px;text-align:justify;}
.content .btn{text-align:center;width:100%;margin-top:20px;}
.content .list h3{border-bottom:0px dotted #cccccc;padding-bottom:6px;}

.product-list .infoContainer {position:relative;margin:5px 0;}
.pagelist { width:500px;float:right;text-align:right;margin:5px 0 10px 0;}
.navigation {float:left;margin-top:3px;}
.sitemap_outerbox{float:left;width:100px;margin:0 12px;}
.sitemap_submenu{margin-left:10px;margin-bottom:10px;}

/* Membership Form */
.form{
	background:#f1f1f1; width:470px; margin:0 auto; padding-left:50px; padding-top:20px;
}
.form fieldset{border:0px; padding:0px; margin:0px;}
.form p.contact { font-size: 12px; margin:0px 0px 10px 0;line-height: 14px; font-family:Arial, Helvetica;}

.form input[type="text"] { width: 400px; }
.form input[type="email"] { width: 400px; }
.form input[type="password"] { width: 400px; }
.form input.birthday{width:60px;}
.form input.birthyear{width:120px;}
.form label { color: #000; font-weight:bold;font-size: 12px;font-family:Arial, Helvetica; }
.form label.month {width: 135px;}
.form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
.form input:focus, textarea:focus { border: 1px solid #ff5400; background-color: rgba(255, 255, 255, 1); }
.form .select-style {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 0px solid #FFF;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;}
.form .gender {
  width:410px;
  }
.form input.buttom{ background: #4b8df9; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
.form input.buttom:hover	{ background-color: #2a78f6; }


/* footer */

#footer_board {position:relative;background-color:#eae8e2;padding:30px 20px;width:940px;margin:10px -10px 0 -10px;}
#footer_board .footermenu{position:relative;margin-bottom:15px;}
#footer_board .footermenu .bar{margin:0 20px;}

/* main navigation */
#mainmenu { position:relative;background-color:#014fa4;height:65px;z-index:100;margin-top:10px;
z-index:100;}
	
#menu {margin:0; padding:0; float:left;z-index:100;}
#menu  li	{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	display: inline;
	text-align:center;
	float: left;
	width:125px;
	text-align:right;
	}

#menu  .submenu
{
display:none;
position:absolute;
left:0px;
top:65px;
background-color:#013b7a;
opacity:1.0;
filter:alpha(opacity=100);
z-index:100;
text-align:left;
line-height:15px;
padding:14px 0px 10px 0px;
height:260px;
font-weight:normal;
letter-spacing:0px;
color:#ffffff;
}

#menu:hover .submenu{display:block;width:750px;z-index:100;}
#menu li:hover {background-color:#013b7a;text-decoration:none;}

#menu .submenu .submenu_detail{
	float:left;
	width:124px;
	margin-right:0px;	
	z-index:100;
	height:260px;
	border-right:1px solid #6887a9;
	
}

#menu .submenu .submenu_detail li{width:120px;color:#ffffff;text-transform:uppercase;list-style-image: url(/html/images/bullet01.gif);list-style-position:outside;z-index:100;}
#menu .submenu .submenu_detail ul li:hover {color:#3e78df;text-decoration:none;}
#menu .submenu .submenu_detail ul a{color:#ffffff;text-decoration:none}
#menu .submenu .submenu_detail ul a:hover {color:#3e78df;text-decoration:none;}
#menu .submenu .submenu_detail ul{list-style-position:outside;padding:0;margin:0;text-align:right;list-style-image: url(/html/images/bullet01.gif);}