@charset 'utf-8';
/* Copyright 2009 Designfever. All Rights Reserved.
   The following software licensing rules apply:
/* $Id: common.css,v 1.1 2009/05/12 $ */

/* ***************  global *************** */
html { height:100%; background:#000 url('../img/bg_main_x.jpg') 0 0 repeat-x; margin-top:0; padding:0; filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body { height:100%; margin:0; padding:0px;position:relative;  background:url('../img/bg_main_x.jpg') 50% 0 no-repeat; font-size:12px; font-family:Arial, sans-serif; color:#000; line-height:14px; }

/*
	px to % conversions
	-------------------
	px	|	%
	-------------------
	9	|	70
	10	|	77
	11	|	85
	12	|	93
	13	|	100
	14	|	108
	15	|	116
	16	|	123.1
	17	|	131
	18	|	138.5
	19	|	146.5
	20	|	153.9
	21	|	161.6
	22	|	167
	23	|	174
	24	|	182
	25	|	189
	26	|	197
	27	|	204
	28	|	212
	29	|	219
	30	|	227
	31	|	234
	32	|	242
*/

#cont_wrap .cont {
scrollbar-face-color:#FFFFFF; 
scrollbar-shadow-color:#D1D1D1; 
scrollbar-highlight-color:#ECECEC; 
scrollbar-3dlight-color:#FFFFFF; 
scrollbar-darkshadow-color:#F6F6F6; 
scrollbar-track-color:#F2F2F2; 
scrollbar-arrow-color:#A9A9A9; 
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }/*  ie-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;}/* ie-mac */
.none {display:none;}
.floatl {float:left;} 
.floatr {float:right;}
.pos_r{position:relative}
.pos_a{position:absolute}

/* *********** other ********** */
.effect {background-color:#000; filter:Alpha(opacity=35); opacity:0.3; -moz-opacity:0.3;}
.pngfilter {height:26px; background:url(pngfile)  0 0 repeat-x; * background:url(pngfile) 0 0 repeat-x; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='pngfile');}
.iepng {behavior:url('../css/iepngfix.htc');}  /* after 1*1px blank image    if(typeof blankImg == 'undefined') var blankImg = 'blank.gif image url'; */


/* image */
img {border:0; vertical-align:top}

/* define */
dl, dt, dd {margin:0px; padding:0px;} 

/* sentence */
p {margin:0px; padding:0px}

/* list */
ul, ol {list-style-type:none; margin:0px; padding:0px; font-size:12px;}

/* area */
hr {display:none;}


/* form */
form {margin:0; padding:0;}
form label, label {height:19px; color:#5E5E5E; cursor:default; font-size:12px;}
select {font-size:12px; vertical-align:middle; height:20px; letter-spacing:0px}
legend {display:none;}
fieldset {margin:0; padding:0; border:none;}
checkbox {width:13px; height:13px;}
input, textarea {vertical-align:middle; font-size:12px; color:#777777; line-height:14px;}

.inputform {border:1px solid; border-color:#C9C9C9 #FFFFFF #FFFFFF #C9C9C9; height:16px; margin:0px; background-color:#F5F5F5; padding-top:4px; padding-left:2px; font-size:12px; font-family:dotum}
.inputformwhite {border:1px solid #CFCFCF; height:16px; margin:0px; background-color:#FFFFFF; font-size:11px; font-family:dotum; padding-top:4px}

/* align */
.inline {display:inline;}

.textl {text-align:left;}
.textc {text-align:center; margin:0 auto;}
.textr {text-align:right;}

.verm {vertical-align:middle;}

/* padding */
.pdnone {padding:0 !important;}
.pdtop3 {padding-top:3px !important;}
.pdtop5 {padding-top:5px !important;}
.pdtop8 {padding-top:8px !important;}

/* table */ 
table {margin:0px; padding:0px;}
td {margin:0px; padding:0px; font-size:12px;  color:#777777;}
.notable{border-collapse:collapse; margin:0px; padding:0px; border-spacing:0px; border:0px solid; background:url('../img/bg_main.jpg') 50% 0 no-repeat;}

/* subject */
h1,h2, h3, h4, h5 {margin:0; padding:0; line-height:14px; font-size:12px;}


/* ALL */
#wrap { width:100%;}
.wrapfeature {background:url('../img/bg_main.jpg') 50% 0 no-repeat;}
/*#feature { width:100%; background:url('../img/bg_main_feature.jpg') 50% 0 no-repeat; }
#feature2 { width:100%; background:url('../img/bg_main.jpg') 50% 0 no-repeat; position:relative;}*/

/* Header 20110420 */
#header{width:100%; height:41px; background: url('../img/menu_bg.gif') 0 0 repeat-x; position:relative;} /*20110420 */
#header  h1{ width:140px; position:absolute; top:10px; left:15px; z-index:999999}
#header .menu{width:722px;  padding:0 140px 0 160px; background: url('../img/menu_bg.gif') 0 0 repeat-x; margin:0 auto;} 
/*#header .menu{padding:0  297px;   *padding:0 140px 0 160px;  margin:0 auto; background: url('../img/menu_bg.gif') 0 0 repeat-x;}*/
#header .menu ul{width:722px;  margin:0 auto;  height:41px}
#header .menu li{ float:left; font-size:0;}
#header .icon{width:282px;  text-align:right;position:absolute; top:0; right:30px;}

/* Contents */
.feature_con_all{width:920px; background:url('../img/feature_con_bg.jpg') 0 0 no-repeat;  margin:0 auto;}
.feature_con{width:671px;padding:165px 0 180px 0;  margin:0 auto; }
.feature_con .text span.m_txt{float:left; padding:60px 0 140px 65px;} 
.feature_con .movie_play{margin-top:37px;}
.feature_con .movie_play h2{padding-bottom:15px;}
.feature_con .movie_play ul{width:671px;}
.feature_con .movie_play li{float:left; padding-right:1px; font-size:0}
.feature_con .movie_play li.last{padding-right:0}

.feature_movies{width:853px; padding:80px 0;  margin:0 auto;}/* 20110502*/
.feature_movies .tit{height:50px;}
.feature_movies .tit h2{float:left;}
.feature_movies .tit span{float:right;}

.feature_text{width:960px; padding:80px 0 140px 0;  margin:0 auto;} /* 20110412*/
.feature_text h2{padding-bottom:70px;}
.feature_text .top{position:relative; margin-bottom:100px;}
.feature_text .top dl{width:450px; margin-left:50px;}
.feature_text .top dt{color:#fff; font-weight:bold; padding-bottom:15px;}
.feature_text .top dt .amoled{position:absolute; top:-12px; left:155px;}
.feature_text .top dd{ color:#c3deff; line-height:14px; padding-bottom:35px;}
.feature_text .top dd span{margin-top:7px; display:block; font-size:10px; color:#697495; }
.feature_text .top span.txt{width:450px; margin-left:50px; display:block; font-size:10px; color:#5a5c62}

.endarea {width:960px;}
.feature_text .end_text{margin:0; padding-top:5px; line-height:14px;color:#4e4e53; font-size:11px; float:left;} /* 20110412*/
.feature_text .end_text img{margin-right:4px; padding-top:3px} /* 20110412*/
.feature_text .end_right_text{margin:0; padding-top:5px; line-height:14px;color:#0069e8; text-decoration:underline; font-size:11px; float:right;}
.feature_text .end_right_text a {color:#0069e8;}
.feature_text .end_right_text img{margin-right:4px; padding-top:3px} 

.feature_text .top span.phone_img{position:absolute; right:-15px; top:25px;}

.feature_text .note{background:#fff; font-size:#000; margin-bottom:10px;}
.feature_text .note .feature_biz {margin-right:23px; float:left;}
.feature_text .note .feature_biz2 { float:left; padding-top:16px;}
.feature_text .con{width:860px; padding-top:50px;  margin:0 auto;}
.feature_text .con h3{padding-bottom:20px;}
.feature_text .con p{padding-bottom:40px;}
.feature_text .con p.pb0{padding-bottom:0}
.feature_text .con li{float:left; width:430px; padding-bottom:50px;}
.feature_text .con li.w{ width:860px;}
.feature_text .con li.w2{ width:860px; padding:0;} /* 20110331 */
.feature_text .con li.w dt{ width:860px;}
.feature_text .con li.w dd{ width:860px;}
.feature_text .con dt{font-weight:bold; padding-bottom:14px; }
.feature_text .con dd{width:400px;}
.feature_text .con .img_style1{position:absolute; top:-130px; right:70px;}
.feature_text .con .img_c{width:100%; text-align:center}
.feature_text .con .img_r{width:100%; text-align:right}
.feature_text .con ul.business li {width:286px;}
.feature_text .con ul.business dt {width:250px;}
.feature_text .con ul.business dd {width:250px; height:230px;}
.feature_text .con ul dl.enter_f{position:absolute; bottom:40px; left:0; width:620px;} /* 20110331 */
.feature_text .con ul dl.enter_f dt{width:620px;} /* 20110331 */
.feature_text .con ul dl.enter_f dd{width:620px;} /* 20110331 */


.feature_movies .play_con{float:left; width:853px;}
.feature_movies .play_list{float:left; width:146px; height:511px; background:url('../img/bg_movies.jpg') 0 0 no-repeat; }
.feature_movies .play_list h3{padding:15px 0; width:110px; margin:0 auto;}
.feature_movies .play_list ul{width:110px; margin:0 auto;}
.feature_movies .play_list li{font-size:0; margin-bottom:9px;}

.specification {width:734px;  padding:80px 0 100px 0;  margin:0 auto; position:relative}
.specification h2{padding-bottom:40px;}
.specification .list{float:left; width:258px;}
.specification .list span{display:block; padding-top:15px;font-size:11px; color:#5a5c62}
.specification .list_last{float:left; width:218px;}
.specification .phone{text-align:center; width:352px; height:472px; padding:40px 0 0 40px; position:absolute; right:-174px; top:300px; background:url('../img/sun.png') 0 0 no-repeat;  _behavior:url('css/iepngfix.htc');} /* 20110331*/
.specification .end_text{margin-top:25px; line-height:14px; padding:0; color:#4e4e53; font-size:11px;} /* 20110412*/
.specification .end_text img{margin-right:4px; padding-top:3px} /* 20110412*/

.specification .list dl{background:url('../img/sun2.gif') 0 bottom no-repeat; }
.specification dt{width:218px; padding:12px 0 8px 0; color:#fff; font-weight:bold; background:url('../img/sun.png') 0 0 no-repeat; _behavior:url('css/iepngfix.htc');}
.specification dd{color:#c3deff; line-height:14px; padding-bottom:12px; }

/* accessories 추가 */
.accessories {width:565px;  padding:80px 0 100px 0;  margin:0 auto; position:relative}
.accessories h2{padding-bottom:40px;}
.accessories .accelist  {width: 600px;}
.accessories .accelist h3 {clear:both; margin-bottom:10px;}
.accessories .accelist .acce1 {margin-bottom:70px; display:block;}
.accessories .accelist .acce1 li {float:left; padding-right:20px;}

.accessories .accelist .acce2 {margin-bottom:20px; display:block;}
.accessories .accelist .acce2 li {float:left; padding: 0 20px 20px 0;}
.accessories .end_text{margin-top:15px; line-height:14px; padding:0; color:#4e4e53; font-size:11px;} /* 20110412*/

.photos {width:1024px; height:768px;  margin:0 auto; position:relative;}
.photos .photos_f{width:1024px; height:768px;position:absolute; left:0; right:0;  z-index:9;}
.photos .phototop {
	width:768px;
	position:absolute;
	top:80px;
	left:129px;
	z-index:99999
}
.photos .phototop h2 {float:left;}
.photos .phototop ul {float:right; padding-left:20px !important;}
.photos .phototop ul li{float:left;}
.photobottom1 {position:absolute; top:644px; left:433px; width:161px; z-index:9999999999;}
.photobottom2 {margin:0 auto; width:161px; z-index:9999999999; margin-top:50px;}

.photos .downimage {width:766px; margin:0 auto; padding-top:140px;}
.photos .downimage ul li {float:left; padding-right:20px;}

#photo2 ul li p {padding:15px 0 0 103px !important;}

.videos{width:640px; padding:80px 0 50px 0;  margin:0 auto;}
.videos h2{padding-bottom:30px; float:left;}
.videos .videotab {float:right;}
.videos .videotab li {float:left;}
.videos .btns img{float:right; margin-top:5px;}
.videos .video_list{padding-top:10px;}
.videos .video_list span{float:left; padding-top:15px; font-size:0;}
.videos .video_list li.on img{width:84px; height:54px; border:3px solid #0758d1; filter:Alpha(Opacity=100); opacity:1; -moz-opacity:1;}
.videos .video_list li a img{width:90px; height:60px; filter:Alpha(Opacity=30); opacity:0.3; -moz-opacity:0.3;}
.videos .video_list li a:hover img{width:84px; height:54px; border:3px solid #0758d1; filter:Alpha(Opacity=100); opacity:1; -moz-opacity:1;}

.videos .video_list #video_list1{margin:0 auto; width:364px;}
.videos .video_list #video_list2{margin:0 auto; width:455px;}
.videos .video_list li{padding-left:1px; float:left; font-size:0}

.download{width:345px; padding:130px 0 30px 0; margin:0 auto;}
.download h2{padding-bottom:30px;}
.download .btns{padding-top:40px; text-align:center}
.download .btns span{margin-right:35px; font-size:0;}

/* Share : 20110329 */
.share{position:absolute; width:650px; left:15px; bottom:15px;}
.share .btns span{display:block; padding-bottom:4px;}
.share .btns a {margin-right:3px; font-size:0;} 
.share .like { margin-top:10px;}


/* Copy : 20110329 */
.copy{position:absolute; width:368px;text-align:right; height:26px; right:15px; bottom:17px; }
/*.copy .btn{margin-bottom:10px; text-align:right;}  */
.copy a{margin-left:5px; font-size:0;}

.sharevideo {float:right; margin-top:5px;}
.videosumnail {width:364px; margin:0 auto; clear:both;}
.videosumnail li {float:left; padding-right:1px;}

#movie_list .btns img {float:right; margin-top:5px;}