@charset "utf-8";

/*reset + font-face
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, caption, form, fieldset, legend, input {margin:0;padding:0} img, fieldset {border:0} ul, ol, li{list-style-type:none;} li img{vertical-align:top;}
@font-face {
font-family: 'SamsungIFBd';
src: url('../../font/SamsungIF_Bd.eot');
src: url('../../font/SamsungIF_Bd.eot?#iefix') format('embedded-opentype'),
	 url('../../font/SamsungIF_Bd.woff') format('woff'),
	 url('../../font/SamsungIF_Bd.ttf') format('truetype'),
	 url('../../font/SamsungIF_Bd.svg#SamsungIF_Bd') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'SamsungIFRg';
    src: url('../../font/SamsungIF_Rg.eot');
    src: url('../../font/SamsungIF_Rg.eot?#iefix') format('embedded-opentype'),
         url('../../font/SamsungIF_Rg.woff') format('woff'),
         url('../../font/SamsungIF_Rg.ttf') format('truetype'),
         url('../../font/SamsungIF_Rg.svg#SamsungIF_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SamsungIFBlk';
    src: url('../../font/SamsungIF_Blk.eot');
    src: url('../../font/SamsungIF_Blk.eot?#iefix') format('embedded-opentype'),
         url('../../font/SamsungIF_Blk.woff') format('woff'),
         url('../../font/SamsungIF_Blk.ttf') format('truetype'),
         url('../../font/SamsungIF_Blk.svg#SamsungIF_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*float Clear*/
#page_idg .clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#page_idg .clearfix{display:block;}

#page_idg body,
#page_idg li,
#page_idg p,
#page_idg a{font-family:SamsungIFRg, Arial, san-serif; line-height:1;text-align:left;}
#page_idg h1,
#page_idg h2,
#page_idg h3,
#page_idg h4,
#page_idg h5,
#page_idg strong{font-family:SamsungIFBd, Arial, san-serif; line-height:1.1; font-weight:normal;text-align:left;}

#page_idg{max-width:1310px; margin:40px auto 0; font-size:16px;overflow-x:hidden;background:url(/es/b2b4/img/insight/2015/mbp_item2_bg.jpg) repeat-y;background-size:100% auto;}
#page_idg .cont_text{font-size:1.625em; line-height:1.2;}
#page_idg .cont_text sup{font-size:0.5em;}
#page_idg .main_title{font-family:SamsungIFBlk, Arial, san-serif; font-size:4em;padding:0 3.8% 5% 3.8%;text-align:left;color:#333;}
#page_idg .sub_title{font-size:2.375em;}
#page_idg .txt_persent{font-size:4em;}
#page_idg .inner_box{display:block;width:100%;padding:3% 0;}
#page_idg .img_web{display:block;}
#page_idg .img_mobile{display:none;}

#page_idg .inner1{padding-bottom:0;background:#004297; color:#fff;}
#page_idg .inner1 img{float:left; width:41.2%; max-width:540px;}
#page_idg .inner1 .cont_text{float:left; width:55%; padding:5% 0 0;}
#page_idg .inner1 strong{display:block;padding-bottom:10px;font-size:1.1em;}

#page_idg .inner2 .left{float:left;width:50%;text-align:center;}
#page_idg .inner2 .left img{width:90%;max-width:589px;}
#page_idg .inner2 .right{float:left;width:50%;}
#page_idg .inner2 .right img{float:left;width:16.4%;max-width:108px;padding:2% 3% 0 2%;}
#page_idg .inner2 .right .txt{float:left; width:70%;}
#page_idg .inner2 .right li{padding-bottom:8%; color:#53565a;}
#page_idg .inner2 .list1 li:nth-child(2){padding-bottom:4%;}
#page_idg .inner2 .list1 .txt_persent{color:#0c4da1;}

#page_idg .inner2 .list2 .color1 .txt_persent{color:#004297;}
#page_idg .inner2 .list2 .color2 .txt_persent{color:#582b87;}
#page_idg .inner2 .list2 .color3 .txt_persent{color:#8d0045;}
#page_idg .inner2 .list2 .color{color:#004297;}

#page_idg .inner3{background-color:#e4e4e4;}
#page_idg .inner3 .item{float:left; width:20%; padding:0 2%;text-align:center;}
#page_idg .inner3 .item.item1{padding-left:4%;}
#page_idg .inner3 .item img{width:100%;max-width:246px;}
#page_idg .inner3 .item .cont_text{text-align:center;color:#53565a;}
#page_idg .inner3 .item.item1 .txt_persent{color:#004297;}
#page_idg .inner3 .item.item2 .txt_persent{color:#582b87;}
#page_idg .inner3 .item.item3 .txt_persent{color:#900046;}
#page_idg .inner3 .item.item4 .txt_persent{color:#7b3300;}

#page_idg .inner5{background-color:#dad9d7;}
#page_idg .inner5 .main_title span{display:block;color:#094699;}
#page_idg .inner5 .right{float:right;width:50%;text-align:center;}
#page_idg .inner5 .right img{width:90%;max-width:589px;}
#page_idg .inner5 .left{float:left;width:50%;padding-left:3.8%;box-sizing:border-box;}
#page_idg .inner5 .left .txt_persent{float:left;width:24%;}
#page_idg .inner5 .left .txt{float:left;width:70%; padding:2.5% 0;}
#page_idg .inner5 .left .cont_text{padding-top:3%;color:#53565a}
#page_idg .inner5 .left .progress{display:block; width:100%;height:40px;background:url(/es/b2b4/img/insight/2015/mbp_item5_pic2.jpg) repeat-y;background-size:100% auto;}
#page_idg .inner5 .left .bar{height:100%;}
#page_idg .inner5 .left .bar.per90{display:block;width:80%;}
#page_idg .inner5 .left .bar.per69{display:block;width:60%;}
#page_idg .inner5 .left .bar.per36{display:block;width:30%;}
#page_idg .inner5 .left .item{padding-bottom:5%;}
#page_idg .inner5 .left .item.item1 .txt_persent{color:#582b87;}
#page_idg .inner5 .left .item.item1 .bar{background-color:#582b87;}
#page_idg .inner5 .left .item.item2 .txt_persent{color:#8d0045;}
#page_idg .inner5 .left .item.item2 .bar{background-color:#8d0045;}
#page_idg .inner5 .left .item.item3 .txt_persent{color:#004297;}
#page_idg .inner5 .left .item.item3 .bar{background-color:#004297;}

#page_idg .inner6{background-color:#004297;color:#fff;}
#page_idg .inner6 h3{font-size:2.750em;padding:5% 0 4%;}
#page_idg .inner6 .txt{float:left;width:50%;padding-left:3.8%;box-sizing:border-box;}
#page_idg .inner6 img{float:right;width:40%;max-width:524%;padding:0 5%;}

#page_idg .inner7{color:#004297;padding:3% 3.8%;box-sizing:border-box;}
#page_idg .inner7 h3{font-size:2.750em;color:#004297;}
#page_idg .inner7 .cont_text{color:#53565a;}
#page_idg .inner7 .cont_text span{color:#004297;}

#page_idg .inner_source{padding:3% 3.8%;text-align:left;}
#page_idg .inner_source h3{font-size:1.875em;padding-bottom:5px;color:#444;}
#page_idg .inner_source a,
#page_idg .inner_source span{font-size:1.125em;text-decoration:none;color:#444;line-height:1.5;word-wrap: break-word;text-align:left;}
#page_idg .inner_source sup{display:inline-block;padding-right:3px;font-size:0.6em;}

#page_idg .source{padding:0 3.8% 3%;font-size:1.250em;color:#444;font-style:italic;text-align:right;}


@media (min-width:1310px){
	#page_idg{font-size:16px;}
}
@media (min-width:1109px) and (max-width:1309px){
	#page_idg{font-size:15px;}
}
@media (min-width:1109px) and (max-width:1209px){
	#page_idg{font-size:15px;}
	#page_idg .inner2 .item1 li{padding-bottom:2.2%;}
}
@media (min-width:1009px) and (max-width:1108px){
	#page_idg{font-size:15px;}
	#page_idg .inner1 .cont_text{padding:3% 0 0;}
	#page_idg .inner2 .item1 li{padding-bottom:1%;}
}
@media (min-width:909px) and (max-width:1008px){
	#page_idg{font-size:14px;}
	#page_idg .inner1 .cont_text{padding:3% 0 0;}
	#page_idg .inner2 .item1 li{padding-bottom:0%;}
}
@media (min-width:768px) and (max-width:908px){
	#page_idg{font-size:12px;}
	#page_idg .inner1 .cont_text{padding:3% 0 0;}
	#page_idg .inner2 .item1 li{padding-bottom:0.8%;}
}

@media (max-width:767px) {
	#page_idg{font-size:16px;margin:20px auto 0;}
	#page_idg .main_title{font-size:3.125em;text-align:center;}
	#page_idg .sub_title{font-size:1.875em;}
	#page_idg .txt_persent{font-size:2.750em;}
	#page_idg .img_web{display:none;}
	#page_idg .img_mobile{display:block;}
	#page_idg .inner_box{padding:5% 0;}

	#page_idg .inner1{padding-bottom:5%;}
	#page_idg .inner1 img{float:none; width:100%; max-width:660px; padding-bottom:5%; }
	#page_idg .inner1 .cont_text{float:none; width:100%; padding:0 3.8%; box-sizing:border-box;}

	#page_idg .inner2 .left{float:none;width:100%;text-align:center;}
	#page_idg .inner2 .right{float:none;width:100%;padding:0 3.8%;box-sizing:border-box;}
	#page_idg .inner2 .right img{width:20%;max-width:148px;}

	#page_idg .inner3 .item{float:left; width:40%; padding:0 4% 5%;}
	#page_idg .inner3 .item.item1,
	#page_idg .inner3 .item.item3{padding-left:6%;}

	#page_idg .inner5 .main_title{text-align:left;}
	#page_idg .inner5 .right{float:none;width:100%;}
	#page_idg .inner5 .left{float:none;width:100%;}
	#page_idg .inner5 .left .txt{padding:0.5% 0;}
	#page_idg .inner5 .left .txt_persent{width:20%;}

	#page_idg .inner6 h3,
	#page_idg .inner7 h3{font-size:1.875em;}
	#page_idg .inner6 h3{padding:5% 0 2%;}
	#page_idg .inner6 .txt{float:none;width:100%;padding:0 3.8%;}
	#page_idg .inner6 img{float:none;width:100%;}

	#page_idg .inner7{color:#53565a;padding:5% 3.8%;box-sizing:border-box;}
	#page_idg .inner7 h3{padding:2% 0;}

	#page_idg .source{font-size:1.5em;}

}
@media (min-width:481px) and (max-width:600px){
	#page_idg{font-size:14px;}
}
@media all and (max-width:480px) {
	#page_idg{font-size:8px;}
	#page_idg .sub_title{font-size:2.375em;}
	#page_idg .cont_text{font-size:2em;}
	#page_idg .inner6 h3,
	#page_idg .inner7 h3{font-size:2.750em;}

	#page_idg .inner2 .right img{padding: 1% 3% 0 2%;}
	#page_idg .inner5 .left .txt{padding-top:1%;}
	#page_idg .inner5 .left .progress{height:20px;}
}