@charset("utf-8");
/*
.global_header{display:none !important;}
.footer-navi{display:none !important;}
.footer{display:none !important;}
*/

.feature .top {height: auto !important; overflow: hidden !important;}
.feature .logo {padding-top: 0 !important;}
.feature .logo > a {color: #fff; text-decoration: none !important; background: #141414; /*border-top: 1px solid #141414; border-bottom: 1px solid #141414;*/}
.feature .logo > a:focus, .feature .logo > a:hover {color: #00a8e0;}
.feature .logo > a img {height: auto !important;}
.feature .logo {width: 100% !important; height: auto !important; /*padding: 0 5% !important;*/ opacity: 1; fliter: alpha(opacity=100);}
.feature .logo > a {display: block; padding: 20px 5% 6px !important;}
.feature .logo > a img {margin: 22px 0 16px !important;}

.top-navi {position: relative !important; height: auto !important; background: rgba(0, 0, 0, 0.7) !important;}
.top-navi li {}
.top-navi li:hover {background: #3476B1 !important;}
.top-navi li.active {background: #3476B1 !important;}
.top-navi li a:focus {background: #fff !important;}
.top-navi li a {padding: 0.5em !important;}
.top-navi li:hover a {color: #fff !important;}
.top-navi li.active a {color: #fff !important;}
.top-navi li.active a:focus {color: #3476B1 !important;}

.hp .feature {margin: 0 !important;}
.hp .feature .content {left: 0 !important; bottom: 0 !important; background: none !important; cursor: default !important;}
.hp .feature .content .title h3 {cursor: text !important; text-shadow: 2px 2px 2px #000 !important;}

#content .container {position: relative; width: 100% !important;}

.thumb4 {position: absolute; bottom: 6%; left: 0; width: 80% !important; margin: 0 10% !important; overflow: hidden;}
.thumb4 li {float: left; width: 23%; margin: 0 2.66% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
.thumb4 li.last {margin: 0;}
.thumb4 li img {width: 100%;} 



/* Smartphones (Mobile Portrait) ----------- */
@media only screen and (max-width : 479px) {
	.feature .logo {height: auto !important; padding-bottom: 0 !important;}
	.feature .logo > a {font-size: 16px; padding: 20px 0 6px !important;}

	.hp .feature .content {width: 90% !important; padding-bottom: 0 !important;}
	.hp .feature .content .title h3 {font-size: 36px !important; line-height: 100% !important;}
	.top-navi li {width: 49%; border-bottom: 1px solid #444 !important;}
	.top-navi li:nth-child(odd) {border-right: 1px solid #444 !important;}
	.top-navi li a {font-size: 12px !important;}

	#content .container .text {padding: 50px 3% 30px; background: #0B0F18; color: #fff; font-size: 22px; line-height: 130%;}
	#content .container .text2 {/*padding: 30px 3% 50px;*/ background: #0B0F18; color: #fff; font-size: 9px; line-height: 130%;}
	#content .container .text.tablet, #content .container .text2.tablet {display: block;}
	#content .container .text.desktop, #content .container .text2.desktop {display: none;}
	.gtMag p, .ss_samsung p {margin-bottom: 0 !important;}

	.thumb4 {bottom: 1%;}
	.thumb4 li {font-size: 13px;}
	

	/*.feature .logo {border: 1px solid pink;}*/					/* 삭제 */
}
 
/* Smartphones (Mobile Landsacpe) ----------- */
@media only screen and (min-width : 480px) and (max-width : 767px) {
	.feature .logo {height: auto !important; padding-bottom: 0 !important;}
	.feature .logo > a {font-size: 20px; padding: 20px 0 6px !important;}

	.hp .feature .content {width: 80% !important; padding: 0 0 30px 30px !important;}
	.hp .feature .content .title h3 {font-size: 50px !important; line-height: 100% !important;}
	.top-navi li a {font-size: 13px !important;}

	#content .container .text {padding: 50px 3% 30px; background: #0B0F18; color: #fff; font-size: 22px; line-height: 130%;}
	#content .container .text2 {/*padding: 30px 3% 50px;*/ background: #0B0F18; color: #fff; font-size: 9px; line-height: 130%;}
	#content .container .text.tablet, #content .container .text2.tablet {display: block;}
	#content .container .text.desktop, #content .container .text2.desktop {display: none;}
	.gtMag p, .ss_samsung p {margin-bottom: 0 !important;}

	.thumb4 {bottom: 5%;}
	.thumb4 li {font-size: 13px;}
	
	
	/*.feature .logo {border: 1px solid lime;}*/				/* 삭제 */
}
 
/* Smartphones (Tablet Portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	.feature .logo {height: auto !important; padding-bottom: 0 !important;}
	.feature .logo > a {font-size: 30px;}

	.top-navi {width: 90% !important; padding: 0 5% !important;}
	.top-navi li {width: 25%;}
	.top-navi li a {font-size: 15px !important;}

	.hp .feature .content {width: 80% !important; padding: 0 0 30px 30px !important;}
	.hp .feature .content .title h3 {font-size: 60px !important; line-height: 100% !important;}

	#content .container .text {padding: 60px 3% 25px; background: #0B0F18; color: #fff; font-size: 28px; line-height: 130%;}
	#content .container .text2 {/*padding: 25px 3% 60px;*/ background: #0B0F18; color: #fff; font-size: 9px; line-height: 130%;}
	#content .container .text.tablet, #content .container .text2.tablet {display: block;}
	#content .container .text.desktop, #content .container .text2.desktop {display: none;}
	.gtMag p, .ss_samsung p {margin-bottom: 0 !important;}

	.thumb4 {bottom: 5%;}
	.thumb4 li {font-size: 16px;}

	/*.feature .logo {border: 1px solid yellow;}*/					/* 삭제 */
}

/* Tablet (Tablet Landsacpe) ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
	.feature .logo {height: auto !important;}
	.feature .logo > a {font-size: 34px;}
	/*.feature .logo > a img {margin: 22px 0 16px !important;}*/

	.top-navi {width: 90% !important; padding: 0 5% !important;}
	.top-navi li {width: 25%;}

	.hp .feature .content {width: 80% !important; padding: 0 0 30px 30px !important;}
	.hp .feature .content .title h3 {font-size: 50px !important; line-height: 100% !important;}

	#content .container .text {position: absolute; left: 70px; top: 70px; color: #fff; font-size: 18px; line-height: 150%;}
	#content .container .text2 {position: absolute; left: 70px; bottom: 40px; width: 50%; color: #fff; font-size: 9px; line-height: 150%;}
	#content .container .text2.sub3 {width: auto;}
	#content .container .text2.sub4 {bottom: 24%; width: auto;}
	#content .container .text.tablet, #content .container .text2.tablet {display: none;}
	#content .container .text.desktop, #content .container .text2.desktop {display: block;}

	.thumb4 li {font-size: 20px;}

	/*.feature .logo {border: 1px solid orange;}*/					/* 삭제 */
}
 
/* PC ----------- */
@media only screen and (min-width : 1281px) {
	.feature .logo {height: auto !important;}
	.feature .logo > a {font-size: 34px;}
	/*.feature .logo > a img {margin: 22px 0 16px !important;}*/

	.top-navi {width: 90% !important; padding: 0 5% !important;}
	.top-navi li {width: 25%;}

	.hp .feature .content {width: 80% !important; padding: 0 0 30px 30px !important;}
	.hp .feature .content .title h3 {font-size: 50px !important; line-height: 100% !important;}

	#content .container .text {position: absolute; left: 120px; top: 70px; color: #fff; font-size: 18px; line-height: 150%;}
	#content .container .text2 {position: absolute; left: 120px; bottom: 40px; width: 55%; color: #fff; font-size: 9px; line-height: 150%;}
	#content .container .text2.sub3 {width: auto;}
	#content .container .text2.sub4 {bottom: 380px; width: auto;}
	#content .container .text.tablet, #content .container .text2.tablet {display: none;}
	#content .container .text.desktop, #content .container .text2.desktop {display: block;}

	.thumb4 li {font-size: 20px;}

	
	/*.feature .logo {border: 1px solid red;}*/				/* 삭제 */
}