/******************************
* header bar
******************************/
/*
.loggedout_menubar_container{position:fixed;right:0;background-color: #57c6bd;width:100%;height:82px;}

.loggedout_menubar{position:relative;margin:0 auto;padding-top:15px;width:964px;height:67px}
*/
/*
.signupbar{position:relative}
.signupbar .signup_bar_container { background-color:#EDEFF4;border-bottom:1px solid #D8DFEA;}
.signup_bar_container .signup_box_clearfix { padding:14px 22px; width:920px;margin:0 auto;font-size:13px; }
.signup_box_content {font-size:13px;font-weight:bold;padding:5px 14px; }
.menu_login_container table{margin:10px 0 0 0;}
.menu_login_container table tr td{padding:0 0 0 10px;}
.menu_login_container .btn_login{background-color:#fef88e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#4ac6bc;height:16px;line-height:16px;text-align:center;padding:3px 10px;cursor:pointer}
.menu_login_container .login_form_label{font-size:11px;margin:0px;padding-top:4px;vertical-align:bottom;}
.menu_login_container .login_form_label a{font-weight:bold;color:white;text-decoration:none;}
.menu_login_container .login_form_label label{margin:0;padding:0;margin-left:5px;font-weight:bold;color:white;vertical-align:bottom;}
.bumper_padding_40{position:relative;width:980px;height:50px;margin:0 auto;z-index:0;}
.btn_text {cursor:pointer;}
#login_form .login_field {font-size:12px;width: 120px;padding:3px;border:0px solid black;top: 25px;clear: none;}
.signup_field_name {position:absolute;height: 22px;line-height:22px;width: 100px;text-align:right;left:0px;background-color: #FFFFFF;font-size: 9pt;font-weight:bold;color:gray;font-style: normal;}
.signup_field {position:absolute;height: 20px;width: 200px;background-color: #FFFFFF;font-size: 13px;font-style: normal;clear: none;float: none;left:120px;border:1px solid #AAAAAA;}
.input_field { position:relative;height: 20px;width: 240px;background-color: #FFFFFF;font-size: 13px;font-style: normal;clear: none;float: none;left:15px;top:60px;}
*/

/* landing main page */
#container.main{
  position:relative;
  width:100%;
  padding:0;
  margin:0 auto;
  z-index:0;
  padding-top:60px;
}
#container.main .main {
  position: relative;
  height: 800px;
  width: 100%;
  background: url(/img_src/main/p1_background.jpg) no-repeat center;
}

#container.main .content {
  width: 940px;
  height: 100%;
  margin:0 auto;
  position: relative;
}

#screen {
  width: 1600px; margin: 0 auto; display: none;
}

.main .main .content>.title {
  padding-top:80px;
  font-weight: bold;
  font-size: 60px;
  color: #fff;
  text-align: center;
}

.main .main .content .subtitle {
  font-size: 23px;
  color: #fff;
  width: 200px;
  margin: 20px auto 0 auto;
  text-align: left;
  cursor: pointer;
}

.main .main .content .subtitle .icon {
  float: left; display: inline-block; width: 50px; height: 50px; background: url('/img_src/web_ment_images.png') 0 -210px no-repeat; 
}
.main .main .content .subtitle:hover .icon {
  background-position: 0px -260px;
}
.main .main .content .subtitle div { margin-left: 60px; height: 50px; line-height: 50px; }

.main .main .content .join_wrap {
  width: 220px;
  padding: 20px;
  background: rgba(256, 256, 256, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#70ffffff', endColorstr='#70ffffff'); /* IE */
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
  margin: 60px auto 0 auto;
  font-size: 12px;
  color: #8f9aa7
}

.main .main .content .join_wrap .row {
  width: 100%;
  height: 40px;
  margin-top:10px;
}

.main .main .content .join_wrap .row:first-child {
  margin:0;
}

.main .main .content .join_wrap .title {
  font-size: 12px;
  color: #8f9aa7;
  text-align: center;
}
.main .main .content .join_wrap input[type="text"],
.main .main .content .join_wrap input[type="password"] {
  border:1px solid #cbcbcb;
  width:200px;
  height:30px;
  line-height: 30px \9;
  padding: 4px 9px;
  background: #fff;
  -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
  font-size:14px;
}

.main.main .content .join_wrap .btn_join {
  height: 40px;
  width: 100%;
  padding: 0;
}

.main .main .content .app_wrap {
  position:absolute;
  width: 260px;
  left: 340px; 
  bottom: 40px;
}

.main .main .content .app_wrap .app_download_link {
  width: 260px;
  height: 40px;
  margin:0 auto 20px auto;
}
.main .main .content .app_wrap .app_download_link .android {
  float: left;
  background: url("/img_src/main/landing_page_app.png") no-repeat;
  background-position: 0px 0px;
  width: 120px;
  height: 40px;
  margin-right: 20px;
}
.main .main .content .app_wrap .app_download_link .ios {
  float: left;
  background: url("/img_src/main/landing_page_app.png") no-repeat;
  background-position: 0px -40px;
  width: 120px;
  height: 40px;
}
.main .main .content .app_wrap .app_download_link.ko .android {
  background-position: -120px 0px;
}
.main .main .content .app_wrap .app_download_link.ko .ios {
  background-position: -120px -40px;
}

.main .main .content .app_wrap .app_download_link.ja .android {
  background-position: -240px 0px;
}
.main .main .content .app_wrap .app_download_link.ja .ios {
  background-position: -240px -40px;
}

.main .main .content .app_wrap .desc {
  font-size: 12px;
  color: #8f9aa7;
  text-align: center;
}

#container.main .intro {
  height: 600px;
  background:#fff;
}


.main .intro .content>.title {
  margin-top:60px;
  font-size: 21px;
  color: #0abcad;
  font-weight: bold;
  text-align: center;
}
.main .intro .content>.desc {
  margin-top:100px;
  font-size: 16px;
  color: #8f9aa7;
  text-align: center;
}
.main .intro .content>.signiture {
  margin-top:60px;
  font-size: 16px;
  color: #8f9aa7;
  font-weight: bold;
  text-align: center;
}
#container.main .func_intro {
  height: 1000px;
  background: #83e3c5;
}

.main .func_intro .content .bjqs-markers-wrap {
  position: absolute;
  top: 60px;
  margin: 0;
}
.main .func_intro .content .bjqs-markers {
  margin: 0;
}

.main .func_intro .content .bjqs-markers li {
  border:0;
  -ms-filter:Alpha(Opacity=20);filter:Alpha(Opacity=20);-moz-opacity:0.2; -khtml-opacity:0.2;opacity:0.2;
  margin-left:20px;
}

.main .func_intro .content .bjqs-markers li a {
  padding: 5px;
  width: 210px;
  height: 30px;
  line-height: 30px;
  color: #000;
  border: 0;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.main .func_intro .content .bjqs-markers li:first-child {
  margin:0;
}
.main .func_intro .content .bjqs-markers li:hover {
  -ms-filter:Alpha(Opacity=40);filter:Alpha(Opacity=40);-moz-opacity:0.4; -khtml-opacity:0.4;opacity:0.4;
}

.main .func_intro .content .bjqs-markers li.active-marker {
  -ms-filter:Alpha(Opacity=100);filter:Alpha(Opacity=100);-moz-opacity:1.0; -khtml-opacity:1.0;opacity:1.0;  
}
.main .func_intro .content .bjqs-markers li.active-marker a {
  -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
  background: #fff;
  color: #357D86;
}

.main .func_intro .content .bjqs {
  position:absolute;
  top: 150px;
} 

#container.main .testimonials {
  height: 800px;
  background: url("/img_src/ct_bg.png") repeat;
}

.main .testimonials .content>.title {
  position: absolute;
  width: 100%;
  top: 60px;
  font-weight:bold;
  color: #e85d7b;
  font-size: 21px;
  line-height: 20px;
  text-align: center;
}
.main .testimonials .content>.title .icon_heart {
  width: 20px;
  height: 20px;
  background: url("/img_src/main/landing_page_icons.png") no-repeat;
  background-position: -80px -40px;
  display: inline-block;
}

.main .testimonials .content .wall {
  position:absolute;
  top:160px;

}

.main .testimonials .content .wall .row {
}
.main .testimonials .content .wall .row .board {
  float:left;
  width: 180px;
  height: 180px;
  padding: 20px;
  margin: 0 0 20px 20px;
  background: #f2f2f2;
}
.main .testimonials .content .wall .row .board:first-child {
  margin-left:0;
}
.main .testimonials .content .wall .row .board .comment {
  font-size: 14px;
  color: #0abcad;
  line-height: 18px;
}
.main .testimonials .content .wall .row .board .signiture {
  margin-top: 20px;
  font-size:13px;
  color: #8f9aa7
}
.main .testimonials .content>.footer {
  position: absolute;
  width: 940px;
  bottom: 40px;
  font-size: 13px;
  color: #8f9aa7;
  font-family: "helvetica neue", helvetica, arial, meiryo, Dotum sans-serif;
}

.main .footer dl {
  float: left;
  width: 800px;
}
.main .footer dl dt {
  float: left;
  width: 200px;
  margin-top: 10px;
  height:16px;
}
.main .footer dl dt a {
  color: #8f9aa7;
}
.main .footer dl dt a:hover {
  text-decoration: underline;
}
.main .footer address {
  font-family: verdana;
  letter-spacing: 0;
  font-size: 11px;
  float: right;
  margin-top: 20px;
}

#HeaderDiv{
	position:relative;
	/*float:left;*/
	/*width:100%;*/
	width:1024px;
	height:90px;
	margin:0 auto 0 auto;
	padding:0;
}

#HeaderDiv img{
	margin-top: 25px; 
	margin-left: 30px;
}

#ImgDiv{
	position:relative;
	float:left;
	width:100%;
	height:300px;
	margin:0;
	padding:0;
}

#MainWrapDiv{
	position:relative;
	float:left;
	height:200px;
	width:100%;
	margin:0;
	margin-top:70px;
	padding:0;
}

#MainDiv{
	position:relative;
	/*float:left;*/
	height:150px;
	width:1032px;
	_width:1100px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#MainDiv img{
	float:left;
}

.BarDiv{
	position:relative;
	width:1px;
	height:100%;
	float:left;
	background:#53AEA5;
}

#MainDiv #JoinDiv{
	position:relative;
	width:300px;
	margin:0px;
	float:left;
}

#BtnDiv{
	position:relative;
	height:79px;
	width:79px;
	margin:0 auto;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	text-align:center;
	background-image:url("/img_src/join_button.png");
	background-repeat:no-repeat;
}

#DescBtnDiv{
	position:relative;
	top:10px;
	font-size:11pt;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	background:none;
	border:0;
	width:60px;
	height:60px;
}

#AppDiv{
	position:relative;
	float:left;
	width:300px;
	margin:0px;
}

#LoginDiv {
   position:relative;
	float:left;
   height:150px;
   width:430px;
   padding:0;
}

#MainDiv .DescMain{
	clear:both;
	width:100%;
	position:relative;
	color:#fff;
	margin-top:10px;
	text-align:center;
	font-weight:600;
}

.MainClass{
   position:relative;
/*   float:left;*/
   height:100%;
   width:200px;
   margin:0 auto;
   _margin: 0;
}


.LoginEtcClass { position:relative; float:left; width:150px; margin:0 0 0 30px; padding:0;}

.LoginInputClass{
	position:relative;
	width:260px;
	height:25px;
	line-height:25px\9;
	font-size:15px;
	margin:0 30px 10px 30px;	
	border: 0px solid black;
}

.LoginBtnClass{
	font-size:13px;
	font-weight:bold;
	color:#2F7770;
	position:relative;
	float:left;
	width:70px;
	height:50px;
	background:#FFF988;
	border-radius: 4px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;	
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
	margin:0 0 0 65px;
	cursor:pointer;
	border:0px;
}

.LoginCheckClass{
	position:relative;
	float:left;
	width:20px;
}

.LoginLabelClass { position:relative; float:left; margin-top:5px; color:#fff; *width:150px;}

.LoginLabelClass a:link{color:#fff;}
.LoginLabelClass a:visited{color:#fff;}
.LoginLabelClass a:hover{color:#fff;}
.LoginLabelClass a:active{color:#fff;}

#AndroidDiv{
	position:relative;
	float:left;
	background-image:url("/img_src/main/android1.png");
	background-repeat:no-repeat;
	width:60px;
	height:90px;
	margin:10px 0 0 25px;
	cursor:pointer;
}

#AndroidDiv:hover { 
	background-image:url("/img_src/main/android2.png"); 
}

#AppstoreDiv{
	position:relative;
	float:left;
	background-image:url("/img_src/main/appstore1.png");
	background-repeat:no-repeat;
	width:60px;
	margin:10px 0 0 30px;
        height:90px;
	cursor:pointer;
}

#AppstoreDiv:hover {
        background-image:url("/img_src/main/appstore2.png");
}


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; }
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

#main_slider ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;position:absolute;  display:block;  text-align:center;  bottom:250px;}
#main_slider ol.bjqs-markers li{float:left; margin:0 3px;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner {
  height:300px;
  width:700px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:20px #fff solid;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

#main_slider ul.bjqs-controls li a{
  display:block;
  position:absolute;  
  color:#fd0100;
  width:32px;
	height:72px;
}
#main_slider a.bjqs-prev{
	background:url("/img_src/but_prev.png") no-repeat ;
  left:0;
}

#main_slider a.bjqs-next{
	background:url("/img_src/but_next.png") no-repeat ;
  right:0;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

.bjqs-markers-wrap
{
	position:relative;
	margin:0 auto;	
}

#main_slider ol.bjqs-markers li a{
  display:block;
  width: 23px;
  height: 25px;
  overflow:hidden;
  text-indent:-9999px;
  background:url("/img_src/main_slider_controlnav.png") -23px 0px no-repeat ;
}

#main_slider ol.bjqs-markers li.active-marker a{
   background:url("/img_src//main_slider_controlnav.png") 0px 0px no-repeat ;
}

#main_slider ol.bjqs-markers li a:hover {
   background:url("/img_src/main_slider_controlnav.png") -46px 0px no-repeat;}

#main_slider .bjqs
{
	margin:0 auto;	
}

#main_slider
{
	position:relative;
	background-color:#4D4D4D;
	width:100%;
	height:300px;
}

.playvideo_large {width:92px;height:92px;background:url("/img_src/playvideo_large.png") no-repeat center center;cursor:pointer;margin:auto auto;}
.playvideo_large:hover { background-image:url("/img_src/playvideo_large_h.png");}
.playvideo_large:active {background-image:url("/img_src/playvideo_large_c.png");}


#JoinFormDiv {
	position:absolute;
	top:150px;
	left:50%;
	width:550px;
	height:400px;
	margin-left:-275px;
	z-index:10001;
}

#JoinFormDiv .inputArea{
	position:relative;
	width: 200px;
	margin:0 auto 10px auto;
}

#JoinFormDiv .joinField{
	position:relative;
	height: 40px;
	width: 200px;
	background-color: #FFFFFF;
	font-size: 13px;
	font-style: normal;
	clear: none;
	float: none;
	border:1px solid #AAAAAA;
	-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}

#JoinFormInputDiv{
	position:relative;
	float:left;
	width:330px;
	height:400px;
	margin:0 0 0 0;
	padding:50px 0 0 0;
	background-color:#1F354F;
        border-radius: 20px 0px 0px 20px;
        -moz-border-radius: 20px 0px 0px 20px;
        -webkit-border-radius: 20px 0px 0px 20px;
}

.descArea{
	position:relative;
        width: 200px;
	height: 40px;
        margin:0 auto 10px auto;
	color:#fff;
}

.descArea a:link{color:#83E3C5;}
.descArea a:visited{color:#83E3C5;}
.descArea a:hover{color:#83E3C5;}
.descArea a:active{color:#83E3C5;}

.btnClass{
	position:relative;
	width:60px;
	height:40px;
	float:right;
	background-color:#FFF988;
	margin:0;
	padding:0;
	color:#83E3C5;
	cursor:pointer;
	line-height:40px;
	text-align:center;
	-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}

.msgArea{
        position:relative;
        width: 200px;
	height: 46px;
        margin:6px auto 10px auto;
	padding:0;
        color:#fff;
}


#JoinFormMsgDiv{
	position:relative;
	float:left;
	width:220px;
	height:400px;
	margin:0 0 0 0;
	padding:50px 0 0 0;
	background-color:#0F1A27;
	border-radius: 0px 20px 20px 0px;
        -moz-border-radius: 0px 20px 20px 0px;
        -webkit-border-radius: 0px 20px 20px 0px;
}

/*
#left_div{position:relative;float:left;width:640px;min-height: 480px;margin-top:20px;}

#right_div{position:relative;float:left;width:340px;min-height: 500px;}
#right_div a{color:#058d82;text-decoration:none;}
#right_div a:hover{text-decoration:underline;}
#right_div a:visited{color:#058d82;}
#right_div ul{padding:0px;margin:0px;text-decoration:none;list-style:none;}
.btn_div{min-width:40px;padding:7px 10px;text-align:center;background:#058d82;border:0px solid black;color:white;font-size:12px;cursor:pointer;}
.msg_email{position:absolute;left:120px;top:230px;width:210px;font-size:11px;color:#acacac;}
#msg_div{position:absolute;width:210px;height:11px;line-height:11px;left:120px;top:250px;text-align:left;font-size:11px;}
#message{float:left;width:250px;height:22px;line-height:20px;text-align:left;font-size:8pt;color:blue}
#div_table{position:relative;left:60px;top:60px;width:260px;min-height:200px;}
.row{float:left;width:250px;height:60px;}
.col_radio_box{float:left;width:20px;height:60px;}
.col_thumb{float:left;top:0px;width:60px;height:60px;}
.col_userinfo{float:left;top:0px;width:160px;height:60px;line-height:60px;}
*/
.main #footer{clear:left;width:100%;}
.main #footer{margin:0 auto;padding-top:20px;width:980px;font-size:12px;}
.main #footer p{text-align:center;color:#383D41;padding-bottom:10px;}
.main #footer a{color:#383D41;text-decoration:none;}
.main #footer a:visited {color:#383D41;}
.main #footer span{color: #383D41;}
.main #footer #language{position:relative;float:left;}
.main #footer #about{position:relative;float:right;}
.main #footer table {padding-bottom:10px;margin:0;}
.main #footer table td {padding:0px 5px;}

.classting_color1{color:#058d82;}
.classting_color2{color:#169689;}
.classting_gray{color:#CDCDCD;}

#container_login{position:relative;width:640px;min-height:400px;padding-top:40px;margin:0 auto 0 auto;z-index:0; overflow:hidden;}
#login_div{position:relative;float:left;width:640px;min-height: 200px;margin-top:120px;margin-left:140px;}
.main_login_container{}
.main_login_container table{margin:10px 0 0 0;}
.main_login_container table tr td{padding:0 0 0 10px;}
.main_login_container .btn_login{background-color:#fef88e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#4ac6bc;height:16px;line-height:16px;text-align:center;padding:3px 10px;cursor:pointer}
.main_login_container .login_form_label{font-size:11px;margin:0px;padding-top:4px;vertical-align:bottom;}
.main_login_container .login_form_label a{font-weight:bold;color:#666;text-decoration:none;}
.main_login_container .login_form_label label{margin:0;padding:0;margin-left:5px;font-weight:bold;color:#666;vertical-align:bottom;}

/*background*/
.joinBG {
        display:none;
        position:fixed; _position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index:10000;
        overflow: hidden;
}


.bg {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:#000000;
        /*background*/
        z-index:1;
        -ms-filter:Alpha(Opacity=50);filter:Alpha(Opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;
}
/*background*/

.modal-policy .title{font-size:18pt;font-weight:bold;}
.modal-policy .desc{font-size:13pt;margin:20px 0;}
.modal-policy .browser{width:100%;margin:40px 0 0 0;}
.modal-policy .browser li{width:200px; float:left; cursor:pointer}
.modal-policy .browser li div{text-align:center;}