/* ======================================================================= */
/* desktop */
.b-bottom{border-bottom:1px solid #e7e7e6}
.about-blue{color:#007cc0}
.ir_elec{text-indent: -9999em;height:0;width:0;margin:0;padding:0;line-height: 0}

/*vision2020*/
 .skybox{position:absolute;top:28px;right:0;padding: 210px 54px;background:url("../img/ssung_elec/vision/bg_transky.png") repeat 0 0;color:#fff}
.overtxt{padding:82px 54px}
.overtxt2{padding:146px 54px}
.skybox h3{font-size: 3.5em}
.vision .sub_cols .con_txt_box{padding:20px 20px}
.vision .sub_cols .con_txt_box{padding:20px 20px}
.vision .sub_cols .con_txt_box h4{margin-bottom:20px}
.vision .con_txt_box img{width:100%;vertical-align: top}
.vision .sub_cols  .con_txt_box .d_vision{display:block}	
.vision .sub_cols  .con_txt_box .m_vision{display:none}

/* careers */
.careers ol{padding-left:20px;margin-left: 20px}
.careers ol li > ul{margin-left:0px !important}
.careers ol>li{margin-bottom:10px;list-style:decimal}
.careers ol li ul li{list-style:square}
.careers .headline{margin:0 0 10px 0;font-weight:bold}
.careers h5{font-size:1.1em !important;padding-bottom:10px;font-weight:bold}
.careers .dl_group{overflow:hidden;border-bottom:1px solid #ccc;background: #f6f6f6}
.careers .dl_group dl{clear:both;border-top:1px solid #ccc}
.careers .dl_group dl span{display:block;padding-left:20px;padding-top: 10px;padding-bottom: 10px}
.careers .dl_group dl dt{float: left;width: 40%;margin:0;font-size: 100%}
.careers .dl_group dl dd{float: left;width: 60%}
.careers .dl_group dl dd span{border-left: 1px solid #cccccc;background:#fff}
.careers .interns{overflow:hidden;/*margin-bottom:60px;*/}
.careers .interns .person{float:left;position:relative;width:35%;margin:0 20px 20px 0}
.careers .interns .person img{width:100%}
.careers .interns .person dl{position:absolute;bottom:0.5em;width:100%;color:#fff}
.careers .interns .person dl dt{margin-bottom:5px;padding:0 10px}
.careers .interns .person dl dd{padding:0 10px}

/* excutives */
.excutives_visual{overflow:hidden; border-bottom:1px solid #ededed}
.excutives_visual .pic{ float:right; height:300px; margin-bottom:0}
.excutives_visual .pic img{height:100%}
.executives_list{overflow:hidden; padding-top:1em; padding-bottom:1em;padding-right:40%; position:relative; min-height:385px}
.executives_list.first{ position:relative;margin-top:0}
.executives_list .tit{ margin-bottom:0.3em}
.executives_list .pic{ position:absolute; bottom:0; right:0; margin-bottom:0;width:30%}
.executives_list .pic img{width:100%}
.executives_list .txt{ padding:0 20px}
.executives_list ul li{ margin:0.5em 0 0 0}
.execu{ margin-top:0px; font-size:36px}

/* Sustainability Report */
.company_r_style{background:#f1f1f1;margin-top:10px;padding:20px !important; color:#0057a4}
.company_r_style p{margin-bottom:0.5em}

/* what we care about */
.select_nation{ position:relative;}
.select_nation .select{width:145px;}

/* partners */
.partners_box{ position:relative;}
.partners .con_txt_box{overflow: hidden}
.partners .philosophy{ position:absolute; top:20px; left:20px; padding-right:400px;}
.partners .philosophy_img{width:365px; float:right;}

.partners .emblem{ position:absolute; top:20px; right:20px; padding-left:400px;}
.partners .emblem_img{float:left;width:365px;}

/* infographic */
.infographic {display:none;}
.infographic img{width:100%; margin-top:19px}

/* ukkinitiatives */
.halfbox {overflow:hidden;position:relative;width:100%}
.halfbox h5{font-size: 1.1em !important;margin-bottom: 10px}
.halfbox img{float:left;width:50%}
.halfbox div{float:left;width:50%}
.halfbox div a{margin-bottom:1em}
.halfbox div a span{font-size: 12px;vertical-align: middle}
.halfbox div p,
.halfbox div h5,
.halfbox div a{padding: 0 20px}

.video_title h3,
.video_title p{display:none}
 
 /* edu gallery */
.ss_samsung .ss-carousel.edu_gallery .next,
.ss_samsung .ss-carousel.edu_gallery .prev{top:270px !important}
.ss_samsung .ss-carousel.edu_gallery .pag{top:70%; bottom:inherit}
.edu_gallery .ss-carousel .pag li{float:left !important}
.ss_samsung .v-height [class*='hero'] {background-position: 74% 100%}

.question .tit{ font-size:24px;}

@media (min-width: 50.063em){
	.ss_samsung .v-height [class*='hero'] {background-position: 75% 50%}
}

@media (min-width: 40em){
	.ss_samsung .v-height [class*='hero'] {background-position: 74% 80%}
}


/* ======================================================================= */
/* tablet */
@media screen and (max-width:1280px){
	/* navi */
	.about_nav{ /* display:none; */}

	/*vision2020*/
	.skybox{top:105px;padding:130px 23px;background:url("../img/ssung_elec/vision/bg_transky.png") repeat 0 0;color:#fff}
	.overtxt{top:50px;padding:62px 23px}
	.overtxt2{top:50px;padding:124px 23px}
	.skybox h3{font-size: 3.5em}	


	/* businessArea */
	.businessArea .txt_01 p{width:95%}
	.execu{ margin-top:0; height:auto; font-size:32px}
	
	/* infographic */
	.infographic {display:none; margin-top:0px}
	
	
.question .tit{ font-size:22px;}
}

@media screen and (max-width:1024px){	

	/* careers */
	.careers .interns .person{float:left;width:35%;margin-right:20px;margin-bottom:0px}
	.careers .interns .person img{width:100%}
	.careers .interns .person dl{bottom:0.5em;width:100%;color:#fff}
	
	/* vision2020*/	
	.vision .sub_cols  .con_txt_box .d_vision{display:block}	
	.vision .sub_cols  .con_txt_box .m_vision{display:none}	
	
	/* ukkinitiatives */
	.halfbox img{float:left;width:50%;margin-bottom:0px}
	.halfbox div{float:left;width:50%}
}


/* ======================================================================= */
/* mobile */
@media screen and (max-width:768px){
	
	/*vision2020*/
	.skybox{top:25px;padding: 83px 15px}
	.overtxt{top:16px;padding:28px 23px}
	.overtxt2{top:16px;padding:60px 23px}
	.skybox h3{font-size: 2em}	
	
	/*vision2020*/	
	.vision .sub_cols  .con_txt_box .d_vision{display:none}	
	.vision .sub_cols  .con_txt_box .m_vision{display:block}	
	
	/* careers */
	.careers .interns .person{float:none;width:100%;margin-right:20px;margin-bottom:20px}
	.careers .interns .person img{width:35%}
	.careers .interns .person dl{bottom:0;width:67%;padding-left:35%;color:#000}
	
	/* partners */
	.partners .philosophy{float:left;width:50%}
	.partners .philosophy_img{width:50%}
	.partners .emblem{float:right;width:67%;padding-left:3%}
	.partners .emblem_img{float:left;width:30%}
	
	/* ukkinitiatives */
	.halfbox img{float:none;width:100%;margin-bottom:20px}
	.halfbox div{float:none;width:100%}
	
	/* excutives */
	.excutives_visual .pic{ float:none; height:200px; margin-bottom:1em; text-align:center}
	.excutives_visual .pic img{height:100%}
	.excutives_visual .con_txt_box .tit{ text-align:center}
	.executives_list{padding-right:0;padding-bottom:0;min-height:1px}
	.executives_list .pic{position:relative;float:right;width:50%;padding-top:.5em}
	.executives_list .txt{padding-left:20px}	
	.execu{font-size:26px}
	
	/* careers */
	.careers ol{margin-left:10px}
	.careers ol ul{padding-left:10px}

	.ss_samsung .v-height{height: 500px !important}
	.ss_samsung .hero.v-height [class*='hero'] {height: 500px !important}
	
	/* what we care about */
	.select_nation{ position:relative}
	.select_nation .select{position:static; width:100%; top:0; right:0}
	
	
.question .tit{ font-size:18px; font-weight:bold}
}

@media screen and (max-width:640px){
	/* partners */
	.partners .emblem{float:none;width:100%;margin:0;padding:0; position:static}
	.partners .philosophy{float:none;width:100%; position:static}
	.partners .philosophy_img{width:100%}
	.partners .emblem_img{width:100%}
	
	/* .edu_gallery */
	.ss_samsung .ss-carousel.edu_gallery .pag{width:100%; margin:0;}
	.ss_samsung .ss-carousel.edu_gallery .pag .auto-rotate{ display:block; margin:0; position:absolute; top:3px; left:10%; z-index:11}
	.ss_samsung .ss-carousel.edu_gallery .pag .dots{margin:0; display:block; padding-left:13%;padding-right:5%; position:relative; z-index:10}
	.ss_samsung .ss-carousel.edu_gallery .pag ul{ overflow:hidden; width:100%; box-sizing:border-box; }
	.ss_samsung .ss-carousel.edu_gallery .pag ul li{ float:left; width:16px; height:16px; display:block !important; margin-right:0; margin-left:0.5em;}
	.ss_samsung .ss-carousel.edu_gallery .pag{top:55%; bottom:inherit}
}

@media screen and (max-width:480px){	

}

@media screen and (max-width:480px){	
	/* excutives */
	.executives_list .pic{width:80%}
	
	/* careers */
	.careers .interns .person{float:left;width:100%}
	.careers .interns .person img{width:100%}
	.careers .interns .person dl{bottom:0.5em;width:100%;padding-left:0;color:#fff}
	
}