/* FONTS : Custom Samsung font. */
@font-face {font-family:"SamsungSSBd";src:url(../font/SamsungSharpSans-Bold.woff) format("woff"),url(../font/SamsungSharpSans-Bold.eot) format("truetype"),url(../font/SamsungSharpSans-Bold.svg#SamsungSharpSans-Bold) format("svg");font-weight:normal;font-style:normal }
@font-face {font-family:"SamsungSSRg";src:url(../font/SamsungSharpSans-Regular.woff) format("woff"),url(../font/SamsungSharpSans-Regular.eot) format("truetype"),url(../font/SamsungSharpSans-Regular.svg#SamsungSharpSans-Regular) format("svg");font-weight:normal;font-style:normal }
@font-face {font-family:"SamsungSSMd";src:url(../font/SamsungSharpSans-Medium.woff) format("woff"),url(../font/SamsungSharpSans-Medium.eot) format("truetype"),url(../font/SamsungSharpSans-Medium.svg#SamsungSharpSans-Medium) format("svg");font-weight:normal;font-style:normal }

body.ie8 #content {min-width: 1280px; }
#content .key-visual { width: 100%; position: relative; }
#content .key-visual .model-info { position: absolute; top: 20px; left: 30px; }
#content .key-visual .model-info h1 { font-size: 38px; font-weight:800; color: #fff; text-shadow: 2px 2px 5px #000; }

/* youTube */
.youtube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.youtube-container iframe,.youtube-container object,.youtube-container embed	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* youTube */

/*.header-main { width: 100%;	height: 96px;	z-index: 1000; padding-bottom: 5px; }.header-main { width: 100%;	height: 96px;	background-color: #F1F1F1;	z-index: 1000; padding-bottom: 5px; }*/
/*.header { position: fixed; left: 0; top: 0; width: 100%; height: 96px; padding-bottom: 5px; border-bottom: #CFCFCF 1px solid; box-shadow: 0px 4px 8px rgba(0, 0, 0, .1); z-index: 1000;	opacity: 1.0; }.header { position: fixed; left: 0; top: 0; width: 100%; height: 96px; padding-bottom: 5px; background-color: #F1F1F1; border-bottom: #CFCFCF 1px solid; box-shadow: 0px 4px 8px rgba(0, 0, 0, .1); z-index: 1000;	opacity: 1.0; }*/

.on-border { border-bottom: 5px solid #CFCFCF; }
.on-over { opacity: 0.7; }


.sel-type-01 { position: relative; padding: 100px 0 0 30px; z-index:999; }

.com-radio {width:65px; height:56px; background-image:url('../image/btn_color_off.png'); background-repeat:no-repeat; overflow:hidden; text-indent:-99999px;}
.com-radio.on,
.com-radio:hover{background-image:url('../image/btn_color_on.png'); transition:all .5s ease;  -webkit-transition:all .4s ease; -o-transition:all .5s ease; -moz-transition:all .5s ease;}

.com-radio.black{background-position:0px 0px;}
.com-radio.white{background-position:-65px 0px;}
.com-radio.gold{background-position:-140px 0px;}

#content .key-visual .model-info .model-colors {
	margin-left: 5px;
    padding-top: 20px;
}
#content .key-visual .model-info .model-colors li.black {
	background: #000000;
}
#content .key-visual .model-info .model-colors li.gold {
	background: #e1dec4;
}

#content .key-visual .model-info .model-colors li {
	float: left;
	margin-right: 8px;
	background: #fff;
}
#content .key-visual .model-info .model-colors li a {
	display: block;
	text-indent: -9999em;
	height: 33px;
	width: 33px;
	overflow: hidden;
	border: 1px solid #939393;
}

#content .key-visual .model-info .model-colors li a.color-black {
	border: 1px solid #ffffff;
}
#content .key-visual .model-info .model-colors li a.color-gold {
	border: 1px solid #ffffff;
}

#content .key-visual .model-info .model-colors li.on {
	box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.5);
}
#content .key-visual .model-info .model-colors li.on a.color-black {
	border: 3px solid #2898ff;
	height: 29px;
	width: 29px;
}
#content .key-visual .model-info .model-colors li.on a.color-gold {
	border: 3px solid #2898ff;
	height: 29px;
	width: 29px;
}

.feature-inner-new {max-width: 100% !important; padding: 0 !important;}
.sec-title {max-width: 1366px !important; margin: 0 auto !important;}
#content .gview-section { position: relative; font-family:"SamsungSSMd";}
#content .gview-section p {	margin: 0; }

#content .feature-menu { clear: both; width: 100%; overflow: hidden; }
#content .feature-menu div { float: left; width:25%; text-align: center; }
#content .feature-menu .menu-title { position: absolute; padding-top: 5%; font-size: 30px; color: #fff; z-index:9999; }
#content .feature-menu img:hover { opacity: 0.7; }
#content .feature-menu .menu-title { cursor:pointer; text-shadow: 2px 2px 5px #000; }

#content .gview-section .feature-title { padding-bottom: 20px; font-family:"SamsungSSBd"; }
#content .gview-section .feature-spec, #content .gview-section .feature-spec span { font-size: 50px; font-weight:400; color: #515151; line-height: 1em; }
#content .gview-section .feature-title, #content .gview-section .feature-title span { font-size: 50px; font-weight:800; line-height: 1em; }
#content .gview-section .feature-desc, #content .gview-section .feature-desc span { font-size: 20px; line-height: 1.2em; }
#content .gview-section .feature-inner { width: 80%; text-align: center; margin: 0 auto; padding-top: 10%; padding-bottom: 4%; }

#content .section-01 .feature-inner { position: absolute; left: 18%; top: 6%; width: 64%; padding: 0;}/*#content .section-01 .feature-inner { position: absolute; left: 25%; top: 6%; width: 50%; padding: 0; }*/
#content .section-01 .feature-inner .feature-title { font-size: 95px; }

#content .section-02 .feature-inner { position: absolute; left: 20%; top: 7%; width: 60%; padding: 0; color:#fff; }
#content .section-02 .feature-inner .feature-title { font-size: 30px; }

#content .section-03 .feature-inner { position: absolute; top: 7%; width: 100%; padding: 0; }/*#content .section-03 .feature-inner { position: absolute; left: 23%; top: 7%; width: 54%; padding: 0; }*/
#content .section-03 .feature-inner .feature-title { font-size: 95px; }

	.disclaimer_mainWrap { background: rgba(255,255,255,.8); width: 60%; padding-left: 20%; }

#content .section-04 .feature-inner { position: absolute; left: 18%; top: 2%; width: 64%; padding: 0; }
#content .section-04 .feature-inner .feature-title { font-size: 95px; }

#content .section-05 .feature-inner { position: absolute; top: 7%; width: 100%; padding: 0; }/*#content .section-05 .feature-inner { position: absolute; left: 30%; top: 7%; width: 40%; padding: 0; }*/
#content .section-05 .feature-inner .feature-title { font-size: 95px; }
#content .section-05 .feature-div { position: relative; width: 50%; float: left; }

#content .section-06 .feature-inner { position: absolute; top: 37%; width: 100%; padding: 0; }/*#content .section-06 .feature-inner { position: absolute; left: 25%; top: 37%; width: 50%; padding: 0; }*/
#content .section-06 .feature-inner .feature-title { font-size: 95px; }

#content .section-07 .feature-inner { position: absolute; left: 25%; top: 78%; width: 50%; padding: 0; color: #fff; }
#content .section-07 .feature-inner .feature-title { font-size: 30px; }

#content .section-08 .feature-inner { position: absolute; left: 20%; top: 6%; width: 60%; padding: 0; }
#content .section-08 .feature-inner .feature-title { font-size: 95px; }

/* Media Query */
@media screen and (min-width: 1281px) {

}
@media screen and (min-width: 1024px) and (max-width: 1280px) {	
	#content .section-01 .feature-inner { top: 4%; left: 18%; width: 64%; }
	#content .section-01 .feature-inner .feature-title { font-size: 55px; }

	#content .section-02 .feature-inner { top: 4%;  }
	#content .section-02 .feature-inner .feature-title { font-size: 26px; }

	#content .section-03 .feature-inner .feature-title { font-size: 55px; }

	#content .section-04 .feature-inner .feature-title { font-size: 55px; }

	#content .section-05 .feature-inner .feature-title { font-size: 55px; }

	#content .section-06 .feature-inner { top: 35%;  }
	#content .section-06 .feature-inner .feature-title { font-size: 55px; }

	#content .section-07 .feature-inner { left: 20%; top: 76%; width: 60%;  }
	#content .section-07 .feature-inner .feature-title { font-size: 26px; }

	#content .section-08 .feature-inner .feature-title { font-size: 55px; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.img-small {margin-top: -10px;}
	#content .section-01 .feature-inner { top: 7%; left: 10%; width: 80%; }
	#content .section-01 .feature-inner .feature-title { font-size: 75px; }
	#content .section-01 .feature-desc { font-size: 23px; line-height: 1.2em; }

	#content .section-02 .feature-inner { top: 9%; left: 10%; width: 80%; }
	#content .section-02 .feature-inner .feature-title { font-size: 42px; }
	#content .section-02 .feature-desc { font-size: 26px; line-height: 1.2em; }

	#content .section-03 .feature-inner { top: 12%; left: 10%; width: 80%; }
	#content .section-03 .feature-inner .feature-title { font-size: 75px; }
	#content .section-03 .feature-desc { font-size: 23px; line-height: 1.2em; }

	.disclaimer_mainWrap { background: rgba(255,255,255,.8); width: 80%; left: 5%; bottom: 10px; padding-left: 5%;}
	.disclaimer_mainWrap .legal_text { font-size: 18px; }

	#content .section-04 .feature-inner { top: 9%; left: 10%; width: 80%; }
	#content .section-04 .feature-inner .feature-title { font-size: 75px; }
	#content .section-04 .feature-desc { font-size: 23px; line-height: 1.2em; }

	#content .section-05 .feature-inner { top: 6%; left: 10%; width: 80%; }
	#content .section-05 .feature-inner .feature-title { font-size: 75px; }
	#content .section-05 .feature-desc { font-size: 23px; line-height: 1.2em; }
	#content .section-05 .feature-div { position: relative; width: 100%; float: none; }

	#content .section-06 .feature-inner { top: 14%; left: 10%; width: 80%; }
	#content .section-06 .feature-inner .feature-title { font-size: 75px; }
	#content .section-06 .feature-desc { font-size: 23px; line-height: 1.2em; }

	#content .section-07 .feature-inner { top: 72%; left: 10%; width: 80%; }
	#content .section-07 .feature-inner .feature-title { font-size: 42px; }
	#content .section-07 .feature-desc { font-size: 23px; line-height: 1.2em; }

	#content .section-08 .feature-inner { top: 12%; left: 10%; width: 80%; }
	#content .section-08 .feature-inner .feature-title { font-size: 75px; }
	#content .section-08 .feature-desc { font-size: 23px; line-height: 1.2em; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.img-small {margin-top: -10px;}
	#content .section-01 .feature-inner { top: 7%; left: 10%; width: 80%; }
	#content .section-01 .feature-inner .feature-title { font-size: 45px; }
	#content .section-01 .feature-desc { font-size: 16px; line-height: 1.2em; }

	#content .section-02 .feature-inner { top: 9%; left: 10%; width: 80%; }
	#content .section-02 .feature-inner .feature-title { font-size: 28px; }
	#content .section-02 .feature-desc { font-size: 16px; line-height: 1.2em; }

	#content .section-03 .feature-inner { top: 12%; left: 10%; width: 80%; }
	#content .section-03 .feature-inner .feature-title { font-size: 45px; }
	#content .section-03 .feature-desc { font-size: 16px; line-height: 1.2em; }

	.disclaimer_mainWrap { background: rgba(255,255,255,.8); width: 80%; left: 10%; bottom: 0px; padding: 20px 0 0 10px; }
	.disclaimer_mainWrap .legal_text { font-size: 16px; }

	#content .section-04 .feature-inner { top: 10%; left: 10%; width: 80%; }
	#content .section-04 .feature-inner .feature-title { font-size: 45px; }
	#content .section-04 .feature-desc { font-size: 16px; line-height: 1.2em; }

	#content .section-05 .feature-inner { top: 6%; left: 10%; width: 80%; }
	#content .section-05 .feature-inner .feature-title { font-size: 45px; }
	#content .section-05 .feature-desc { font-size: 16px; line-height: 1.2em; }
	#content .section-05 .feature-div { position: relative; width: 100%; float: none; }

	#content .section-06 .feature-inner { top: 12%; left: 10%; width: 80%; }
	#content .section-06 .feature-inner .feature-title { font-size: 45px; }
	#content .section-06 .feature-desc { font-size: 16px; line-height: 1.2em; }

	#content .section-07 .feature-inner { top: 71%; left: 10%; width: 80%; }
	#content .section-07 .feature-inner .feature-title { font-size: 28px; }
	#content .section-07 .feature-desc { font-size: 16px; line-height: 1.2em; }

	#content .section-08 .feature-inner { top: 12%; left: 10%; width: 80%; }
	#content .section-08 .feature-inner .feature-title { font-size: 45px; }
	#content .section-08 .feature-desc { font-size: 16px; line-height: 1.2em; }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
	.img-small {margin-top: -10px;}
	#content .gview-section .feature-title { padding-bottom: 10px; }

	#content .section-01 .feature-inner { top: 3%; left: 5%; width: 90%; }
	#content .section-01 .feature-inner .feature-title { font-size: 28px; }
	#content .section-01 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-01 .pdp-feature-image { padding-top: 30px; }

	#content .section-02 .feature-inner { top: 3%; left: 5%; width: 90%; }
	#content .section-02 .feature-inner .feature-title { font-size: 22px; }
	#content .section-02 .feature-desc { font-size: 14px; line-height: 1.2em; }

	#content .section-03 .feature-inner { top: 5%; left: 5%; width: 90%; }
	#content .section-03 .feature-inner .feature-title { font-size: 28px; }
	#content .section-03 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-03 .pdp-feature-image { padding-top: 20px; }

	.disclaimer_mainWrap { background: rgba(255,255,255,.8); width: 80%; left: 10%; bottom: -20px; padding: 20px 0 0 10px; }
	.disclaimer_mainWrap .legal_text { font-size: 14px; }

	#content .section-04 .feature-inner { top: 9%; left: 5%; width: 90%; }
	#content .section-04 .feature-inner .feature-title { font-size: 28px; }
	#content .section-04 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-04 .pdp-feature-image { padding-top: 70px; }

	#content .section-05 .feature-inner { top: 6%; left: 5%; width: 90%; }
	#content .section-05 .feature-inner .feature-title { font-size: 28px; }
	#content .section-05 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-05 .feature-div { position: relative; width: 100%; float: none; }
	#content .section-05 .pdp-feature-top { padding-top: 30px; }

	#content .section-06 .feature-inner { top: 12%; left: 5%; width: 90%; }
	#content .section-06 .feature-inner .feature-title { font-size: 28px; }
	#content .section-06 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-06 .pdp-feature-image { padding-top: 50px; }

	#content .section-07 .feature-inner { top: 67%; left: 5%; width: 90%; }
	#content .section-07 .feature-inner .feature-title { font-size: 22px; }
	#content .section-07 .feature-desc { font-size: 13px; line-height: 1.2em; }

	#content .section-08 .feature-inner { top: 10%; left: 5%; width: 90%; }
	#content .section-08 .feature-inner .feature-title { font-size: 28px; }
	#content .section-08 .feature-desc { font-size: 15px; line-height: 1.2em; }
	#content .section-08 .pdp-feature-image { padding-top: 30px; }
}
/* Media Query */
