﻿/* Global Style */
*{margin:0; padding:0;}
html,body{width:100%; font-family:Arial;	color:#000; font-size:12px;text-align:center; margin:0 auto; background:url(../images/content-bg.jpg) left top repeat-x; }
form{width:100%;}
div,th,td,ol,ul,li,a,strong,input,select,textarea,p{font-family:Arial;	font-size:12px; color:#000; line-height:1.3em;}
ol,ul{list-style:none;}
br{clear:both}
a{color:#d7d9cd;	text-decoration:none;}
img{border:0;}
table{border-collapse:collapse;}

/* Default Align */
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.fl{float:left;}
.fr{float:right}
.clear{clear:both;}
.largerFont{font-size: 120%}

/* Lay out */
#wrap_all{width:830px; background:url(../images/content-bg.jpg) left top repeat-x; margin:0 auto;text-align:left;}
#wrap_all #wrap_cont{width:1024px; margin:0 128px;}
.upbg{background-position:0px -600px !important;}

/* Header */
#header{clear:both;margin:0 auto;text-align:left}
#header #new_ci{width:100%; height:86px; display:table; overflow:hidden;}
#header #new_ci h1{float:left; margin:40px 0 0;}
#header #new_ci h2{float:right; margin:40px 0 0;}

#header img{margin:0;padding:0;clear:both;float:left}
#header #nav img{margin:0;padding:0}
#header #nav ul{margin:0;padding:0;float:left;}
#header #nav li{margin:0;padding:0;float:left;}
#header #nav li a > img{border:0}

/* Header > Navi */
#header #topNavi{width:1024px; height:32px; background:url(./img/bg_navi.png) left top no-repeat; display:table; overflow:hidden; clear:both;}
#header #topNavi li{float:left; margin-bottom:-30px;}
#header #topNavi li a{display:block; height:30px; margin-top:1px; overflow:hidden; position:relative;}
#header #topNavi li a img{margin-bottom:-30px;}
#header #topNavi li a img.on{margin:-30px 0 0; !important;}
#header #topNavi li.top01{width:97px; margin-left:231px;display:inline; }
#header #topNavi li.top02{width:122px; margin-left:62px;}
#header #topNavi li.top03{width:101px; margin-left:58px;}
#header #topNavi li.top04{width:70px; margin-left:55px;}

/* Contents */
#contents{width:100%;padding-top:6px;clear:both;text-align:left;}

/* index contents */
#index_contents{height:560px;width:830px;text-align:left;}
/* Contents > Main Visual */
#main_visual{width:980px; height:480px; margin:1px 22px 0; overflow:hidden;}

/* Contents > Spec Visual */
#spec_imgview{width:980px; display:table; padding:50px 0 0;}
#spec_imgview div.spec_img{float:left; width:224px; padding-left:306px;}
#spec_imgview div.spec_mes{float:right; width:450px;}
#spec_imgview div.spec_mes h3{margin-top:33px;}
#spec_imgview div.spec_mes ul{margin-top:25px;}
#spec_imgview div.spec_mes ul li{background:url(./img/bul_01.gif) 11px 5px no-repeat; padding-left:25px; color:#FFF; font-size:13px; line-height:1.2em; margin-bottom:8px; font-size:15px;}
#spec_imgview div.spec_mes div{margin-top:25px;}
#visual_button{width:1280px; height:67px; background:url(./img/bg_vbtn.jpg) 0px 0px no-repeat; margin:0 -128px 0; overflow:hidden; position:relative; clear:both;}
#visual_button ul{display:table; margin:9px 0 0 414px;}
#visual_button ul li{float:left; padding:0 23px}

/* Contents > Spec Contents */
.speclist{
	margin:20px;
	margin-top:0;
	top:20px;
	width:789px;height:466px;	
	overflow:hidden;	
	position:relative;
	background:url(../images/spec_background.jpg);
}
.specPic{float:left;text-align:left;width:170px;margin-left:95px;_margin-left:48px;margin-right:60px;margin-top:50px;}
.specPic div{height:327px;}
.specPic ul{list-style:none;}
.specPic ul li{float:left;padding-right:13px;}
.specDetails{font-size:13px;font-weight:bold; }
#specTitle_container{height:380px;overflow:hidden;}
.specMoveUp{margin: 5px 0 15px 0;text-align:center}
.specMoveDown{margin: 15px 0 10px 0;text-align:center;}
.specDetails li{color:#000;font-size:12px;font-weight:normal;list-style:inside url(../images/dot.gif);line-height:125%;padding-left:17px;text-indent:-17px}
.specDetails .specRemark{font-size:12px;font-weight:normal !important}
.specDetails table.specRemark tbody tr td:first-child {width:20px;}
.specDetails table.specRemark tbody tr td:first-child+td {width:410px;}
.specDetails table tbody tr td:first-child, col.title { vertical-align:top;padding-right:5px;width:90px} /* first column */
.specDetails table tbody tr td:first-child+td { vertical-align:top; width:300px;}  /* second column */
.specDetails table tbody tr td.Connectivity{width:430px}
.Connectivity table td:first-child{width:130px}
tr.noBorder td{border:none !important}
.page{float:right;font-weight:normal;padding-right:10px}
.specDetails table.list td{
	border-bottom:1px solid #000;
	padding-bottom:2px}
.specDetails table.list td td{border-bottom:none}
.morelist li{list-style:none;list-style-image:none;padding-left:55px}



.specRemark td{vertical-align:top}
.sup{font-size:8px}

/* Contents > Feature Contents */
#feature_contents{background: url(../images/feature-content-bg.jpg) no-repeat;height:508px;width:830px;text-align:left;}
.feature_left{float:left;padding-left:21px;padding-top:21px;}
.feature_right{background:url(../images/feature-right-gallery-bg.jpg) bottom no-repeat;float:left;height:466px;padding-top:21px;width:199px;}
.feature_moveup{height:52px;padding:0px;}
.feature_moveup img {padding-top:16px;padding-left:84px;}
.feature_movedown{	height:61px; }
.feature_movedown img {padding-left:84px;padding-top:21px}
#gallery{height:353px;text-align:center;overflow:hidden}
#gallery ul li{margin:0;padding:0;padding-bottom:18px}

.remark{font-size:11px;font-family:Helvetica, Verdana, Arial, sans-serif;font-weight:bold;color:#333333}

#feature_contents h3.text01{font-size:28px; font-weight:bold; padding:0 3px; line-height:1.2em; word-spacing:-0.1em; color:#e8dbd0;}
#feature_contents h3.text02{font-size:20px; font-weight:bold; padding:0 3px; line-height:1.2em; word-spacing:-0.1em; color:#e8dbd0;}
#feature_contents h4{font-size:13px; font-weight:bold; word-spacing:-0.1em; padding:17px 0 11px; color:#000;}
#feature_contents p{padding:0 2px;}
#feature_contents .feature_split{width:100%; display:table;}
#feature_contents .feature_split .feature_cl{float:left; width:553px;}
#feature_contents .feature_split .feature_cr{float:right; width:328px;}
#feature_contents .feature_c01{height:50px; overflow:hidden;}
#feature_contents .feature_c02{height:517px; overflow:hidden; background:url(./img/bg_feature02.png) left top no-repeat; margin-top:46px;}
#feature_contents .feature_c03{height:402px; overflow:hidden; background:url(./img/bg_feature03.png) left top no-repeat;}
#feature_contents .feature_c04{height:165px; overflow:hidden;}
#feature_contents .feature_c05{height:304px; overflow:hidden; background:url(./img/bg_feature05.png) left top no-repeat;}
#feature_contents .feature_c06{height:330px; overflow:hidden; background:url(./img/bg_feature06.png) left top no-repeat;}
#feature_contents .feature_c07{height:274px; overflow:hidden; background:url(./img/bg_feature07.png) left top no-repeat;}
#feature_contents .feature_c08{height:386px; overflow:hidden; background:url(./img/bg_feature08.png) left top no-repeat;}
#feature_contents .feature_c09{height:604px; overflow:hidden; background:url(./img/bg_feature09.png) left top no-repeat;}
#feature_contents .feature_c10{height:386px; overflow:hidden; background:url(./img/bg_feature10.png) left top no-repeat;}
#feature_contents .feature_c11{width:279px; height:150px; float:left; overflow:hidden; background:url(./img/bg_feature11.jpg) left top no-repeat; padding-left:151px; color:#333333;}
#feature_contents .feature_c12{width:281px; height:150px; float:right; overflow:hidden; background:url(./img/bg_feature12.jpg) left top no-repeat; padding-left:151px; color:#333333;}

/* Movie */
#movie_contents{background: url(../images/movie-content-bg.jpg) no-repeat; width:704px; height:428px; padding:80px 0px 0px 126px; text-align:left;}

/* Contents > Privacy */
#pri_contents{width:633px; margin:0 132px 0 134px; padding:27px 50px 0 75px;}

/* Contents > Trademark */
#tra_contents{width:568px; margin:0 132px 0 134px; padding:27px 90px 0 100px;}

/* Contents > Privacy & Trademark Common CSS */
#pri_contents h3,#tra_contents h3{color:#e4e7d9; font-size:35px; line-height:1em; margin:0 0 39px;}
#pri_contents div,#tra_contents div{color:#FFF; margin-top:28px;}
#pri_contents div h4,#tra_contents div h4{color:#dcdec6; font-size:14px; line-height:1em; margin:0 0 14px;}
#pri_contents div p,#tra_contents div p{color:#FFF; font-size:11px; line-height:1.3em;}
#pri_contents div p.each,#tra_contents div p.each{margin-top:12px;}

/* Footer */

#footer{width:100%; background:url(./img/footer_bg.jpg) left top no-repeat;overflow:hidden; margin:0 0 0 0;}
#footer a{position:relative;}
#footer ul.share{float:right; margin-top:0px}
#footer ul.share li{float:left; font-size:10px; margin-left:10px;}
#footer ul.share li a{color:#fffbe1; font-size:10px;}
#footer ul.share li img{vertical-align:middle; margin-right:4px;}
#footer ul.share li.tit{color:#a2a2a2; font-size:10px;}
#footer div.copy{float:left;padding:0 0 0 0}
/*#footer div.copy ul{width:100%; }*/
#footer div.copy ul li{float:left; padding-top:0px;}
#footer div.copy ul li.c01{padding-top:0px;}

.footer_ref{text-align:right;padding-right:0px;font-size:10px;color:#333333}

.png24{background:none; tmp:expression(setPng24(this));}
.nbfooter{background-position:0px -1px !important; margin-top:0px !important; padding-top:9px !important; height:53px !important;}/* Footer 의 선을 감출경우 class 선언 */
#photoViewerContainer{position:absolute; left:0px; top:0px; width:1px; height:1px;}
