@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background:url(../images/body_bg.jpg) repeat-x left -24px;
	background-color:#fff;
}
table, td, p, div, span, font, h1, h2, h3, h4, input, select, textarea {
	font-family:"돋움";
	font-size:12px;
	color:#33;
	text-align:middle;
	line-height:1.3;
	letter-spacing:-0.05em;
}
.eng {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0em;
}
img {
	border:0;
}
a {
	outline:none;
	selector-dummy : expression(this.hideFocus=true);
	text-decoration:none;
	color:#333;
}
a, area {
blr:expression(this.onFocus=this.blur());
}
:focus {
	-moz-outline-style: none;
}
a:hover {
	text-decoration:underline;
	color:#75b100;
}
#wrapper {
	width:100%;
	position:relative;
}
/*-------------------------------------------------header---------------------------------------------------------------*/
#header {
	width:990px;
	margin:0 auto;
	height:109px;
}
#header #logo {
	position:relative;
	top:69px;
	width:340px;
	text-indent:-5000px;
}
#header #logo a {
	display:block;
	background:url(../images/logo.gif) no-repeat left top;
	height:37px;
}
#header #mainNav {
	position:relative;
	top:38px;
	float:right;
	height:9px;
	width:505px;
	list-style:none;
}
#header #mainNav li {
	float:left;
	padding:0 15px 0 0;
	display:block;
}
#header #mainNav li a {
	text-indent:-5000px;
	display:block;
	float:left;
	height:11px;
	
}
#header #mainNav .home a {
	background:url(../images/home_mn.gif) no-repeat left top;
	width:61px;
}
#header #mainNav .home a:hover, #home #mainNav .home a {
	background:url(../images/home_mn_o.gif) no-repeat left top;

}
#header #mainNav .about a {
	background:url(../images/about_mn.gif) no-repeat left top;
	width:69px;
}
#header #mainNav .about a:hover, #about #mainNav .about a {
	background:url(../images/about_mn_o.gif) no-repeat left top;
	width:69px;

}
#header #mainNav .application a {
	background:url(../images/application_mn.gif) no-repeat left top;
	width:114px;
}
#header #mainNav .application a:hover, #application #mainNav .application a {
	background:url(../images/application_mn_o.gif) no-repeat left top;
	width:114px;
}
#header #mainNav .contact a {
	background:url(../images/contact_mn.gif) no-repeat left top;
	width:87px;
}
#header #mainNav .contact a:hover, #contact #mainNav .contact a {
	background:url(../images/contact_mn_o.gif) no-repeat left top;
	width:87px;
}
#header #mainNav .news a {
	background:url(../images/news_mn.gif) no-repeat left top;
	width:60px;
}
#header #mainNav .news a:hover, #news #mainNav .news a {
	background:url(../images/news_mn_o.gif) no-repeat left top;
	width:60px;
}
#header #mainNav .blog {
	padding-right:0;
}
#header #mainNav .blog a {
	background:url(../images/blog_mn.gif) no-repeat left top;
	width:37px;
	display:block;
}

#header #mainNav .blog a:hover, #blog #mainNav .blog a{
	background:url(../images/blog_mn_o.gif) no-repeat left top;
	width:37px;
}

/*-------------------------------------------------content---------------------------------------------------------------*/
.current {
	font-size:11px;
	float:right;
	width:250px;
	text-align:right;
	padding:15px 25px 0 0;
}
#content {
	width:990px;
	margin:0 auto;
	height:620px;
}
#content #maingraphic {
	position:relative;
	top:0;
	background:url(../images/main_bg.jpg) no-repeat left top;
	height:566px;
}
#content #maingraphic #all_gal {
	position:relative;
	top:171px;
	left:12px;
	margin:0 auto;
	width:600px;
	height:240px;
}
#content #maingraphic #family {
	background:url(../images/main_family.png) no-repeat center top;
	position:absolute;
	height:200px;
	width:800px;
	bottom:-5px;
}
#content #cont_btm {
	z-index:1000000;
	position:relative;
	height:60px;
}
#content #cont_btm #whatnew {
	float:left;
	width:530px;
	height:60px;
}
*:first-child+html #content #cont_btm #whatnew #news_board {
	margin-top:-45px;
}
#content #cont_btm #whatnew #news_board {
	padding:0;
	margin:0;
	float:right;
	width:350px;
	height:60px;
	position:relative;
	top:-5px;
	left:-80px;
}
#content #cont_btm #pdf_download {
	display:block;
	background:url(../images/pdf_download_btn.gif) no-repeat right bottom;
	float:right;
	width:235px;
	height:46px;
}
#content #cont_btm #pdf_download a {
	background:url(../images/pdf_download_btn.gif) no-repeat right bottom;
	float:right;
	width:235px;
	height:46px;
	display:block;
}
/*-------------------------------------------------about us---------------------------------------------------------------*/
#content_about {
	width:990px;
	margin:0 auto;
	/* height:570px;*/
}
#content_about #maingraphic {
	position:relative;
	top:0;
	background:url(../images/about_bg.jpg) no-repeat left top;
	height:566px;
}
#content_about #maingraphic #about_cont {
	background:url(../images/about_cont.png) no-repeat 50px 65px;
	width:990px;
	height:570px;
}
#content_about #maingraphic #about_history {
	background:url(../images/about_history.png) no-repeat 50px 65px;
	width:990px;
	height:570px;
}
#about_mn {
	top:45px;
	left:255px;
	list-style:none;
	position:relative;
	float:right;
	width:100px;
	z-index:100000;
}
#about_mn li {
	float:left;
}
#about_mn li a {
	float:left;
}
#about_mn #mn_about_about {
	background:url(../images/mn_about_about.png) no-repeat left top;
	display:block;
	width:55px;
	height:45px;
}
#about_mn #mn_about_about a {
	background:url(../images/mn_about_about.png) no-repeat left top;
	display:block;
	width:55px;
	height:45px;
}
#about_mn #mn_about_history {
	background:url(../images/mn_about_history.png) no-repeat left top;
	display:block;
	width:45px;
	height:45px;
}
#about_mn #mn_about_history a {
	background:url(../images/mn_about_history.png) no-repeat left top;
	display:block;
	width:45px;
	height:45px;
}
/*-------------------------------------------------application---------------------------------------------------------------*/

/*Application common*/

#content_app {
	width:990px;
	margin:0 auto;
	position:relative;
}
#content_app #maingraphic {
	background:url(../images/application_bg.jpg) left top;
	position:relative;
	display:inline-block;
	top:0;
	padding-bottom:30px;
	min-height:540px;
}
#app_title {
	float:left;
	width:360px;
	background:url(../images/application_title.png) no-repeat left top;
	height:55px;
	position:relative;        
	top:50px;
	left:60px;
}
#app_mn {
	top:5px;
	left:-10px;
	list-style:none;
	position:relative;
	float:right;
	width:500px;
	z-index:100000;
}
#app_mn li {
	float:left;
	height:45px;
}
#app_mn li a {
	float:left;
}
#app_mn li a:hover {
	background-position:right;
}
#app_mn #mn_app01 a {
	background:url(../images/app_mn_01.png) no-repeat left top;
	display:block;
	width:70px;
	height:45px;
}
#app_mn #mn_app01 a:hover {
	background-position:right;
}
.mn_app01 #app_mn #mn_app01 a, .mn_app02 #app_mn #mn_app02 a, .mn_app03 #app_mn #mn_app03 a, .mn_app04 #app_mn #mn_app04 a, .mn_app05 #app_mn #mn_app05 a, .mn_app05 #app_mn #mn_app05 a,  .mn_app05 #app_mn #mn_app05 a, .mn_app06 #app_mn #mn_app06 a {
	background-position:right;
}
#app_mn #mn_app02 a {
	background:url(../images/app_mn_02.png) no-repeat left top;
	display:block;
	width:86px;
	height:45px;
}
#app_mn #mn_app02 a:hover {
	background-position:right;
}
#app_mn #mn_app03 a {
	background:url(../images/app_mn_03.png) no-repeat left top;
	display:block;
	width:95px;
	height:45px;
}
#app_mn #mn_app03 a:hover {
	background-position:right;
}
#app_mn #mn_app04 a {
	background:url(../images/app_mn_04.png) no-repeat left top;
	display:block;
	width:106px;
	height:45px;
}
#app_mn #mn_app04 a:hover {
	background-position:right;
}
#app_mn #mn_app05 a {
	background:url(../images/app_mn_05.png) no-repeat left top;
	display:block;
	width:71px;
	height:45px;
}
#app_mn #mn_app05 a:hover {
	background-position:right;
}
#app_mn #mn_app06 a {
	background:url(../images/app_mn_06.png) no-repeat left top;
	display:block;
	width:53px;
	height:45px;
}
#app_mn #mn_app06 a:hover {
	background-position:right;
}
#game_app {
	clear:both;
	position:relative;
	top:45px;
	left:60px;
	width:90%;
}
#content_app iframe {
	border:0;
	background-color:transparent;
}
.all_latest {
	height:85px;
}
.all_latest img{
	vertical-align:middle;
	float:left;
	padding:0 0 0 10px;
}

/*-------------------------------------------------Contact--------------------------------------------------------------*/
#contact_title {
	background:url(../images/contact_title.png) no-repeat left top;
	float:left;
	width:360px;
	height:55px;
	position:relative;
	top:60px;
	left:70px;
}
#content_contact {
	width:990px;
	margin:0 auto;
	height:570px;
}
#content_contact #maingraphic {
	background:url(../images/map_bg.jpg) no-repeat left top;
	height:566px;
	position:relative;
	top:0;
}
#contact_form {
	clear:both;
	position:relative;
	top:205px;
	left:596px;
	background:url(../images/form_bg.jpg) no-repeat left top;
	width:310px;
	height:245px;
	padding:11px 20px 20px 60px;
}
#contact_form input {
	border:solid 1px #e2dfdb;
	margin-bottom:5px;
	height:17px;
	width:225px;
}
#contact_form textarea {
	width:225px;
	height:70px;
	border:solid 1px #e2dfdb;
}
/*-------------------------------------------------News--------------------------------------------------------------*/
#news_title {
	background:url(../images/news_title.png) no-repeat left top;
	float:left;
	width:360px;
	height:55px;
	position:relative;
	top:60px;
	left:70px;
}
#content_news {
	clear:both;
	width:990px;
	margin:0 auto;
	position:relative;
}
#content_news #maingraphic {
	text-align:center;
	margin:0 auto;
	background:url(../images/news_bg.jpg) left top;
	position:relative;
	display:inline-block;
	top:0;
	padding-bottom:20px;
	min-height:550px;
}
#news_content {
	clear:both;
	position:relative;
	display:inline-block;
	top:70px;
	margin:0 auto;
	width:850px;
	background-color:#fff;
}
#news_content iframe {
	padding:30px 0 30px 0;
	margin:0 auto;
	border:0;
	background-color:transparent;
}
/*-------------------------------------------------footer---------------------------------------------------------------*/
#footer {
	clear:both;
	position:relative;
	width:990px;
	margin:0 auto;
	height:70px;
	text-align:left;
}
#footer #frame {
	position:relative;
	top:15px;
	height:32px;
	border-top:1px solid #f6f4f0;
	border-bottom:3px solid #f6f4f0;
}
#footer #frame #logo_foot a {
	float:left;
	height:32px;
	width:77px;
	display:block;
	background:url(../images/foot_logo.gif) no-repeat left 2px;
}
#footer #frame #copyright {
	background:url(../images/foot_copyright.gif) no-repeat right;
	height:32px;
	width:156px; /*130*/
	float:right;
}

/* ywlee_20151003 */
#footer #frame #term_n_condition_en a {
	background:url(../images/term_n_condition_en.jpg) no-repeat right;
	height:32px;
	width:105px;
	float:right;
}
#footer #frame #term_n_condition_kr a {
	background:url(../images/term_n_condition_kr.jpg) no-repeat right;
	height:32px;
	width:66px;
	float:right;
}
/* ywlee_20170303 */
#footer #frame #personal_info_policy_en a {
	background:url(../images/personal_info_policy_en.jpg) no-repeat right;
	height:32px;
	width:158px;
	float:right;
}
#footer #frame #personal_info_policy_kr a {
	background:url(../images/personal_info_policy_kr.jpg) no-repeat right;
	height:32px;
	width:94px;
	float:right;
}