@charset("utf-8");



.gtMag .title h1,.gtMag .title h2,.gtMag .title h3,.gtMag .top-nav li a,.gtMag .share p,.gtMag .open-link,.gtMag .date p,.gtMag .tags li,.gtMag .leftmenu li a,.gtMag a { font-family: 'SamsungIFBd'; }
.gtMag h1,.gtMag h2,.gtMag h3,.gtMag h4,.gtMag h5,.gtMag h6,.gtMag p,.gtMag .info p,.gtMag .ar .share p  { font-family: 'SamsungIFRg'; }

.footer-nav-wrap .col-wrap .col h3{ line-height:inherit;}
.footer-nav-wrap .col-wrap .col h3 a{ line-height:inherit;}

.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;}
.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; opacity: 1; fliter: alpha(opacity=100);}
.feature .logo > a {display: block; padding: 20px 5% 20px !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; font-size: 17px !important; font-family: 'SamsungIFBd';}

.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;}
.hp .feature .content .title.title_black h3 {color:#333 !important; cursor: text !important; text-shadow: 2px 2px 2px #fff !important;}

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

.font_bk{color: #000 !important;}
.tablet_discm{display:block; font-size:14px; line-height: 120%; padding-top: 5% !important;}
.font14{font-size: 14px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.font24{font-size: 24px !important;}

.bold{font-weight: bold !important;}
.block{display: block !important;}
.align_center{text-align: center !important;}

.relative{position: relative !important;}
.mgb2p{margin-bottom: 2% !important;}
.mgb4p{margin-bottom: 4% !important;}

.bg_color_style{background: #fbfcfc !important;}
.bg_color_style2{background: #fbfaf8 !important;}

.t_form {text-transform: uppercase !important;}
.t_form_none {text-transform: none !important;}

.font_samsung_black{font-family: 'SamsungIFBlk' !important;}
.font_samsung_bold{font-family: 'SamsungIFBd' !important;}
.font_samsung_regular{font-family: 'SamsungIFRg' !important;}

.line_h150p{line-height: 150% !important;}





/* Smartphones (Mobile Portrait) ----------- */
@media only screen and (max-width : 479px) {
	.tablet_none{display:none !important;}
	.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: #fff; color: #000; font-size: 22px; line-height: 130%;}

	#content .container .text.tablet.bg_blue_style01{background: #fcfdfd !important;}
	#content .container .text.tablet.bg_blue_style02{background: #f8faf6 !important;}

	#content .container .text2 {padding: 60px 3% 25px; background: #fff; color: #000; font-size: 28px; line-height: 130%;}

	#content .container .text3{position: absolute; bottom: 1%; left: 3%;}

	#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;}

	.sub_title{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.sub_title_main{display:block; font-size:48px; font-weight: bold; color:#333; line-height: 120%;}
	.sub_title_green{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.eco_thumb1_t {position: absolute; top:15%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb1_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb1_t li img {width: 100%;}

	.eco_thumb2_t {position: absolute; top:20%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb2_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb2_t li img {width: 100%;} 

	.eco_thumb3_t {position: absolute; top:10%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb3_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb3_t li img {width: 100%;}

	.eco_thumb4_t{position: absolute; top:20%; left: 5%; font-size: 12px; color:#666;}

	#content .container .text4 {padding: 60px 3% 25px; background: #fbfaf8; color: #000; font-size: 28px; line-height: 130%;}
	#content .container .text4 > p {color: #000; font-size: 28px; line-height: 130%; padding-bottom: 2%;}

	ul.sub03_2_img li:first-child{margin-bottom: 10%;}

	.sub04_1_img_discm{position: absolute; bottom:2%; left:3%; font-size: 14px; line-height: 100%;}

}
 
/* Smartphones (Mobile Landsacpe) ----------- */
@media only screen and (min-width : 480px) and (max-width : 767px) {
	.tablet_none{display:none !important;}
	.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;}
	.top-navi li:nth-child(odd){border-right: 1px solid #444 !important;}
	.top-navi li {width:49%; border-bottom: 1px solid #444 !important;}

	#content .container .text {padding: 50px 3% 30px; background: #fff; color: #000; font-size: 22px; line-height: 130%;}

	#content .container .text.tablet.bg_blue_style01{background: #fcfdfd !important;}
	#content .container .text.tablet.bg_blue_style02{background: #f8faf6 !important;}

	#content .container .text2 {padding: 60px 3% 25px; background: #fff; color: #000; font-size: 28px; line-height: 130%;}

	#content .container .text3{position: absolute; bottom: 3%; left: 3%;}

	#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;}

	.sub_title{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.sub_title_main{display:block; font-size:48px; font-weight: bold; color:#333; line-height: 120%;}
	.sub_title_green{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.eco_thumb1_t {position: absolute; top:15%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb1_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb1_t li img {width: 100%;} 

	.eco_thumb2_t {position: absolute; top:20%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb2_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb2_t li img {width: 100%;} 

	.eco_thumb3_t {position: absolute; top:10%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb3_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb3_t li img {width: 100%;} 

	.eco_thumb4_t{position: absolute; top:20%; left: 5%; font-size: 18px; color:#666;}

	#content .container .text4 {padding: 60px 3% 25px; background: #fbfaf8; color: #000; font-size: 28px; line-height: 130%;}
	#content .container .text4 > p {color: #000; font-size: 28px; line-height: 130%; padding-bottom: 2%;}

	ul.sub03_2_img li:first-child{margin-bottom: 10%;}

	.sub04_1_img_discm{position: absolute; bottom:5%; left:3%; font-size: 16px;}
}



/* Smartphones (Tablet Portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	.tablet_none{display:none !important;}
	.feature .logo {height: auto !important; padding-bottom: 0 !important;}
	.feature .logo > a {font-size: 30px;}

	.top-navi {width: 100% !important; padding: 0 0 !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: #fff; color: #000; font-size: 28px; line-height: 130%;}

	#content .container .text.tablet.bg_blue_style01{background: #fcfdfd !important;}
	#content .container .text.tablet.bg_blue_style02{background: #f8faf6 !important;}

	#content .container .text2 {padding: 60px 3% 25px; background: #fff; color: #000; font-size: 28px; line-height: 130%;}

	#content .container .text3{position: absolute; bottom: 3%; left: 3%;}

	#content .container .text4 {padding: 60px 3% 25px; background: #fbfaf8; color: #000; font-size: 28px; line-height: 130%;}
	#content .container .text4 > p {color: #000; font-size: 28px; line-height: 130%; padding-bottom: 2%;}

	ul.sub03_2_img li:first-child{margin-bottom: 10%;}

	#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;}

	.sub_title{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.sub_title_main{display:block; font-size:48px; font-weight: bold; color:#333; line-height: 120%;}
	.sub_title_green{display:block; font-size:38px; color:#2d7605; line-height: 120%;}

	.gt_desktop{display: none !important;}
	.gt_mobile{display: block !important;}
	
	.eco_thumb1_t {position: absolute; top:15%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb1_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb1_t li img {width: 100%;} 

	.eco_thumb2_t {position: absolute; top:20%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb2_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb2_t li img {width: 100%;} 

	.eco_thumb3_t {position: absolute; top:10%; left: 0; width: 100% !important; !important; overflow: hidden;}
	.eco_thumb3_t li {float: left; width: 50%; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb3_t li img {width: 100%;}  

	.eco_thumb4_t{position: absolute; top:20%; left: 5%; font-size: 24px; color:#666;}

	.sub04_1_img_discm{position: absolute; bottom:5%; left:3%; font-size: 16px;}
}

/* Tablet (Tablet Landsacpe) ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
	.desktop_none{display:none !important;}
	.feature .logo {height: auto !important;}
	.feature .logo > a {font-size: 29px;}

	.top-navi {width: 82% !important; padding: 0 9% !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; margin-left: 4%;}

	#content .container .text {position: absolute; left: 70px; top: 70px; color: #000; font-size: 18px; line-height: 150%;}
	#content .container .text.text1_1 {position: absolute; left: 25%; top: 70px; color: #000; font-size: 18px; line-height: 150%;}
	#content .container .text.text1_2 {position: absolute; left: 50%; top: 10%; color: #000; font-size: 18px; line-height: 120%; width:40%;}
	#content .container .text.text1_3 {position: absolute; left: 70px; top: 110px; color: #000; font-size: 18px; line-height: 120%;}
	#content .container .text.text1_4 {position: absolute; left: 70px; top: 110px; color: #000; font-size: 18px; line-height: 120%;}
	#content .container .text2 {position: absolute; bottom: 1%; right: 90px; width: 40%; color: #000; line-height: 150%;}

	#content .container .text2_1 {top: 195px !important;}

	#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;}

	#content .container .text3 {position: absolute; bottom: 50px; left: 70px; font-size:16px; color: #000; line-height: 150%;}

	.sub_title{display:block; font-size:28px; color:#2d7605; line-height: 120%;}

	.sub_title_main{display:block; font-size:44px; font-weight:bold; color:#333; line-height: 120%; letter-spacing: -1px;}
	.sub_title_green{display:block; font-size:32px; color:#2d7605; line-height: 110%;}
	.sub_title_green2{display:block; font-size:36px; color:#2d7605; line-height: 110%;}
	.sub_title_black{display:block; font-size:32px; color:#333; line-height: 110%;}

	.eco_thumb1 {position: absolute; top:36%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb1 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb1 li.last {margin: 0;}
	.eco_thumb1 li img {width: 100%;} 

	.eco_thumb2 {position: absolute; top:17%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb2 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb2 li.last {margin: 0;}
	.eco_thumb2 li img {width: 100%;} 

	.eco_thumb3 {position: absolute; top:17%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb3 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb3 li.last {margin: 0;}
	.eco_thumb3 li img {width: 100%;} 

	.eco_thumb4{position: absolute; left: 120px; top: 30px; color: #666; font-size: 16px; line-height: 150%;}

	.sub03_1_img{position: absolute; top: 100%; left: -3%; width: 44%;}
	.sub03_1_img_discm{font-size: 15px; color:#333; position: absolute; top:162%; left:0;}

	.sub04_1_img_discm{font-size: 16px; color:#666; position: absolute; top:330%; left:0;}

	ul.sub03_2_img li{width: 450px; display: inline-block; padding:320px 0 0 20px;}
	ul.sub03_2_img li:first-child{padding-left: 70px;}

	.sub03_bg{background: url('../discover/multimedia/admin/fishingtree/sub03_bg.png') repeat-y 0 0;}
	.text_indent{padding-left: 70px;}

	.thumb3 {position: absolute; top: 35%; left: 70px;}
	.step3 {position: absolute; top: 10%; left: 53%;}
} 
 
/* PC ----------- */
@media only screen and (min-width : 1281px) {
	.desktop_none{display:none !important;}
	.feature .logo {height: auto !important;}
	.feature .logo > a {font-size: 29px;}
	.feature .logo > a {display: block; padding: 20px 9% 20px !important;}

	.top-navi {width: 82% !important; padding: 0 9% !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; margin-left: 9%;}

	#content .container .text {position: absolute; left: 120px; top: 70px; color: #000; font-size: 18px; line-height: 150%;}
	#content .container .text.text1_1 {position: absolute; left: 25%; top: 70px; color: #000; font-size: 18px; line-height: 150%;}
	#content .container .text.text1_2 {position: absolute; left: 50%; top: 70px; color: #000; font-size: 18px; line-height: 120%; width:40%;}
	#content .container .text.text1_3 {position: absolute; left: 120px; top: 110px; color: #000; font-size: 18px; line-height: 120%;}
	#content .container .text.text1_4 {position: absolute; left: 120px; top: 110px; color: #000; font-size: 18px; line-height: 120%;}
	#content .container .text2 {position: absolute; bottom: 100px; right: 90px; width: 40%; color: #000; line-height: 150%;}
	#content .container .text2_1 {top: 195px !important;}

	#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;}

	#content .container .text3 {position: absolute; bottom: 50px; left: 120px; font-size:16px; color: #000; line-height: 150%;}

	.sub_title{display:block; font-size:28px; color:#2d7605; line-height: 120%;}

	.sub_title_main{display:block; font-size:44px; font-weight:bold; color:#333; line-height: 120%;}
	.sub_title_green{display:block; font-size:32px; color:#2d7605; line-height: 110%;}
	.sub_title_green2{display:block; font-size:36px; color:#2d7605; line-height: 110%;}
	.sub_title_black{display:block; font-size:32px; color:#333; line-height: 110%;}

	.eco_thumb1 {position: absolute; top:36%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb1 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb1 li.last {margin: 0;}
	.eco_thumb1 li img {width: 100%;} 

	.eco_thumb2 {position: absolute; top:17%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb2 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb2 li.last {margin: 0;}
	.eco_thumb2 li img {width: 100%;} 

	.eco_thumb3 {position: absolute; top:17%; left: 0; width: 81% !important; margin: 0 10% !important; overflow: hidden;}
	.eco_thumb3 li {float: left; width: 32%; margin: 0 2% 0 0; color: #fff; text-align: center; font-family: 'SamsungIFRg' !important;}
	.eco_thumb3 li.last {margin: 0;}
	.eco_thumb3 li img {width: 100%;} 

	.eco_thumb4{position: absolute; left: 120px; top: 30px; color: #666; font-size: 16px; line-height: 150%;}

	.sub03_1_img{position: absolute; top: 100%; left: -5%; width: 48%;}
	.sub03_1_img_discm{font-size: 15px; color:#333; position: absolute; top:170%; left:0;}

	.sub04_1_img_discm{font-size: 16px; color:#666; position: absolute; top:315%; left:0;}

	ul.sub03_2_img li{width: 460px; display: inline-block; padding:320px 0 0 35px;}
	ul.sub03_2_img li:first-child{padding-left: 120px;}

	.sub03_bg{background: url('../discover/multimedia/admin/fishingtree/sub03_bg.png') repeat-y 0 0;}
	.text_indent{padding-left: 120px;}

	.thumb3 {position: absolute; top: 40%; left: 10%;}
	.step3 {position: absolute; top: 10%; left: 53%;}
}