@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: 'SamsungIFBold';
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: 'SamsungIFBold';
    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:SamsungIFBold, 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;}
#page_idg .cont_text{font-size:1.625em; line-height:1.2;}
#page_idg .main_title{font-family:SamsungIFBold, Arial, san-serif; font-size:4em; text-align:center;text-transform:uppercase}
#page_idg .sub_title{font-size:2.375em;}
#page_idg .txt_persent{font-size:4em;}
#page_idg .inner_box{display:block;width:100%;}
#page_idg .img_web{display:block;}
#page_idg .img_mobile{display:none;}

#page_idg .inner1{padding-bottom:8%; background:#f3f3f4 url(/es/b2b4/img/insight/2015/cons_item1_bg.jpg) no-repeat 0 bottom; background-size:100% auto; color:#535353;}
#page_idg .inner1 img{float:left; width:41.2%; max-width:540px;}
#page_idg .inner1 .cont_text{float:left; width:55%; padding:5% 0;}

#page_idg .inner2{padding-bottom:21%;background:#0c4da1 url(/es/b2b4/img/insight/2015/cons_item2_bg.jpg) no-repeat 0 bottom; background-size:100% auto;}
#page_idg .inner2 .main_title{padding:4% 0 5%; color:#fff;}
#page_idg .inner2 .block{display:block;text-align:left;}
#page_idg .inner2 .item1{width:100%; padding-bottom:5%; background:url(/es/b2b4/img/insight/2015/cons_item2_pic1.jpg) no-repeat; background-size:50% auto;}
#page_idg .inner2 .item1 ul{float:right; width:50%; padding-top:1%;}
#page_idg .inner2 .item1 li{width:100%; padding-bottom:3.4%;}
#page_idg .inner2 .item1 .txt_persent{float:left; padding:0 3% 0 0;}
#page_idg .inner2 .item1 .txt{float:left; font-size:1.625em; color:#fff;}
#page_idg .inner2 .item1 .circle{display:inline-block; width:26px; height:26px; border-radius:13px; vertical-align:middle; margin:-8px 15px 0 0;}
#page_idg .inner2 .item1 .list1 .circle{background-color:#ffd906;}
#page_idg .inner2 .item1 .list2 .circle{background-color:#35b7de;}
#page_idg .inner2 .item1 .list3 .circle{background-color:#e92c88;}
#page_idg .inner2 .item1 .list1 .txt_persent,
#page_idg .inner2 .item1 .list1 .color{color:#fff;}
#page_idg .inner2 .item1 .list1 .txt{padding-top:4.5%;}
#page_idg .inner2 .item1 .list2 .txt_persent,
#page_idg .inner2 .item1 .list2 .color{color:#fff;}
#page_idg .inner2 .item1 .list2 .txt{padding-top:4.5%;}
#page_idg .inner2 .item1 .list3 .txt_persent,
#page_idg .inner2 .item1 .list3 .color{color:#fff;}
#page_idg .inner2 .item1 .list3 .txt{padding-top:1.2%;}
#page_idg .inner2 .item2{width:100%;}
#page_idg .inner2 .item2 .box{float:left; width:50%; padding-bottom:5%; text-align:center;}
#page_idg .inner2 .item2 img{width:60%; max-width:393px;}
#page_idg .inner2 .item2 .cont_text{display:block; text-align:center; color:#fff;}
#page_idg .inner2 .item2 .txt{padding-top:2%;}
#page_idg .inner2 .item2 .color{text-align:center;}
#page_idg .inner2 .item2 .txt_persent{display:inline-block; color:#fff; border-bottom:12px solid #ffd906; margin-bottom:20px;}
#page_idg .inner2 .item2 .txt1 .txt_persent{border-color:#ffd906;}
#page_idg .inner2 .item2 .txt2 .txt_persent{border-color:#35b7de;}
#page_idg .inner2 .item2 .txt3 .txt_persent{border-color:#e92c88;}
/*#page_idg .inner2 .item2 .txt1 .color{font-family:SamsungIFBold, Arial, san-serif;}
#page_idg .inner2 .item2 .txt2 .color{font-family:SamsungIFBold, Arial, san-serif;}
#page_idg .inner2 .item2 .txt3 .color{font-family:SamsungIFBold, Arial, san-serif;}*/
#page_idg .inner2 .item2 .txt3 .txt_persent,
#page_idg .inner2 .item2 .txt3 .cont_text{color:#ffd906;}

#page_idg .inner3 .main_title{padding:4% 0 5%; color:#333333;}
#page_idg .inner3 .item{float:left;width:50%; padding-bottom:5%;}
#page_idg .inner3 .item img{width:100%;}
#page_idg .inner3 .item .txt_persent{color:#0c4da1;}
#page_idg .inner3 .item.left .txt{padding:2% 10% 0 7.6%;}
#page_idg .inner3 .item.right .txt{padding:2% 7.6% 0 2%;}

#page_idg .inner4{background-color:#0c4da1;}
#page_idg .inner4 .txt{text-align:left;}
#page_idg .inner4 .main_title{padding:4% 0 4% 3.8%; color:#fff; text-align:left;}
#page_idg .inner4 .sub_title{display:block; color:#ffd906; }
#page_idg .inner4 .item1{width:100%; padding-bottom:3%;}
#page_idg .inner4 .item1 img{float:right; width:40%; padding-right:6%;}
#page_idg .inner4 .item1 .txt{float:left; width:50%; padding:5% 8% 0 3.8%; box-sizing:border-box; color:#fff;}
#page_idg .inner4 .item1 .txt_persent{color:#fff;}
#page_idg .inner4 .item2{padding:0 0 3%;}
#page_idg .inner4 .item2 .sub_title,
#page_idg .inner4 .item3 .sub_title{padding:3% 3.8%;}
#page_idg .inner4 .item2 .box{float:left; width:50%; padding-top:3%; padding-left:4%; box-sizing:border-box;}
#page_idg .inner4 .item2 .box img{float:left; width:30.5%; max-width:200px;}
#page_idg .inner4 .item2 .box .txt{float:left; width:55%; padding-left:8%; color:#fff;}
#page_idg .inner4 .item2 .box.left .txt_persent{color:#fff;}
#page_idg .inner4 .item2 .box.right .txt_persent{color:#fff;}
#page_idg .inner4 .item3{padding-bottom:5%;}
#page_idg .inner4 .item3 img{float:left; width:50%;}
#page_idg .inner4 .item3 .txt{float:left; width:50%; padding:0 3.8%; box-sizing:border-box; color:#fff;}
#page_idg .inner4 .item3 .txt_persent{color:#fff;}

#page_idg .inner5{padding:0;}
#page_idg .inner5 .txt{text-align:left;}
#page_idg .inner5 .main_title{padding:2.5% 0 2%;}
#page_idg .inner5 .sub_title{font-size:2.125em; color:#0c4da1; text-align:center;}
#page_idg .inner5 .item1{padding-top:5%;}
#page_idg .inner5 .item1 img{width:100%;}
#page_idg .inner5 .item2{padding:2% 0 5%;}
#page_idg .inner5 .item2 img{float:right; width:45%; padding-right:3.8%; max-width:590px;}
#page_idg .inner5 .item2 .txt{float:left; width:50%; padding:5% 9% 0 3.8%; box-sizing:border-box; }
#page_idg .inner5 .item2 .cont_text{color:#535353;}
#page_idg .inner5 .item2 .txt_persent{display:block; padding:3% 0 1%; color:#0c4da1;}
#page_idg .inner5 .item2 .txt_sub{color:#0c4da1;font-size:1.625em;}
#page_idg .inner5 .item3 img{float:left; width:40%; padding:0 5%; max-width:524px;}
#page_idg .inner5 .item3 .txt{float:left; width:50%; padding:5% 3.8% 0 2%; box-sizing:border-box;}
#page_idg .inner5 .item3 .txt_persent{color:#582b87;}
#page_idg .inner5 .item3 .cont_text{color:#535353;}

#page_idg .inner6{padding-bottom:3%; background-color:#0c4da1; color:#fff;}
#page_idg .inner6 .title{padding:3% 3.8%;}
#page_idg .inner6 .main_title{text-align:left;}
#page_idg .inner6 .sub_title{padding:1% 0 0.5%; color:#ffd906;}
#page_idg .inner6 .cont_text{padding-right:15%;}
#page_idg .inner6 .item1{}
#page_idg .inner6 .item1 .img{float:right; width:42%; max-width:550px; padding-right:3.8%;}
#page_idg .inner6 .item1 .box{float:left; width:46.2%; padding-left:3.8%;}
#page_idg .inner6 .box_inner{}
#page_idg .inner6 .box_inner .sub_title{color:#ffd906;}
#page_idg .inner6 .box_inner img{float:left; width:8.6%;}
#page_idg .inner6 .box_inner.box1{padding:3% 0 6%;}
#page_idg .inner6 .box_inner.box1 img{padding-top:2%;}
#page_idg .inner6 .box_inner .txt{float:left; width:87%; padding-left:4%;}

#page_idg .line{display:block;width:92%;height:1px;margin:0 auto;background-color:#b3b3b4;}
#page_idg .source{padding:0 3.8% 3%;background-color:#0c4da1;font-size:1.250em;color:#fff;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 .car_inner1 .cont_text{padding:3% 0;}
	#page_idg .inner2 .item1 li{padding-bottom:1%;}
}
@media (min-width:909px) and (max-width:1008px){
	#page_idg{font-size:14px;}
	#page_idg .car_inner1 .cont_text{padding:3% 0;}
	#page_idg .inner2 .item1 li{padding-bottom:0%;}
}
@media (min-width:768px) and (max-width:908px){
	#page_idg{font-size:12px;}
	#page_idg .car_inner1 .cont_text{padding:3% 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;}
	#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 .inner1{padding-bottom:22%; background:#f3f3f4 url(/es/b2b4/img/insight/2015/cons_item1_bg_re.jpg) no-repeat 0 bottom; background-size:100% auto; color:#535353; text-align:center;}
	#page_idg .inner1 img{float:none; width:100%; max-width:660px; }
	#page_idg .inner1 .cont_text{float:none; width:100%; padding:0 3.8%; box-sizing:border-box;}

	#page_idg .inner2{padding-bottom:35%;background:#0c4da1 url(/es/b2b4/img/insight/2015/cons_item2_bg_re.jpg) no-repeat 0 bottom; background-size:100% auto;}
	#page_idg .inner2 .block{display:inline;}
	#page_idg .inner2 .item1{width:100%; padding-bottom:5%; background:url(/es/b2b4/img/insight/2015/cons_item2_pic1_re.jpg) no-repeat left 8%; background-size:50% auto;}
	#page_idg .inner2 .item1 ul{padding-top:0; padding-right:3.8%; box-sizing:border-box;}
	#page_idg .inner2 .item1 li{width:100%; padding-bottom:6%;}
	#page_idg .inner2 .item1 .list1 .txt,
	#page_idg .inner2 .item1 .list2 .txt,
	#page_idg .inner2 .item1 .list3 .txt{padding-top:0;}
	#page_idg .inner2 .item1 .circle{display:inline-block; width:24px; height:24px; border-radius:12px;}
	#page_idg .inner2 .item2{width:100%;}
	#page_idg .inner2 .item2 .box{float:none; width:100%; padding:2% 3.8%; box-sizing:border-box; text-align:left;}
	#page_idg .inner2 .item2 img{width:50%; max-width:330px;}
	#page_idg .inner2 .item2 .txt{width:50%; padding-top:10%;}
	#page_idg .inner2 .item2 .txt.txt3{padding-top:5%;}
	#page_idg .inner2 .item2 .cont_text{text-align:left; color:#fff;}
	#page_idg .inner2 .item2 .right img,
	#page_idg .inner2 .item2 .right .txt{float:right;}
	#page_idg .inner2 .item2 .left img,
	#page_idg .inner2 .item2 .left .txt{float:left; padding-left:2%; box-sizing:border-box;}
	#page_idg .inner2 .item2 .txt_persent{border-bottom:6px solid; margin-bottom:10px;}

	#page_idg .inner3 .main_title span{display:block;}
	#page_idg .inner3 .item{float:none;width:100%;}
	#page_idg .inner3 .item img{width:50%;}
	#page_idg .inner3 .item .txt{width:50%; box-sizing:border-box; }
	#page_idg .inner3 .item.left img,
	#page_idg .inner3 .item.left .txt{float:left;text-align:left;}
	#page_idg .inner3 .item.right img,
	#page_idg .inner3 .item.right .txt{float:right;text-align:left;}
	#page_idg .inner3 .item.left .txt{padding:3% 3.8% 0 10px;}
	#page_idg .inner3 .item.right .txt{padding:3% 10px 0 3.8%;}

	#page_idg .inner4 .item1{padding-bottom:6%;}
	#page_idg .inner4 .item1 .txt{padding:1% 0 0 3.8%;}
	#page_idg .inner4 .item1 img{padding-right:3.8%;}
	#page_idg .inner4 .item2{padding:0 0 5%;}
	#page_idg .inner4 .item2 .box{padding-left:0px;text-align:center;}
	#page_idg .inner4 .item2 .box img{float:none; width:50%; max-width:188px;}
	#page_idg .inner4 .item2 .box .txt{float:none; width:70%; margin:0 auto; padding:5% 0 0; color:#fff;text-align:center;}
	#page_idg .inner4 .item2 .txt .cont_text{text-align:center;}
	#page_idg .inner4 .item3 img{float:right; width:46.2%; padding-right:3.8%; padding-top:6%;}

	#page_idg .inner5 .main_title{padding:5% 0 2%;}
	#page_idg .inner5 .item2{padding:5% 0 8%;}
	#page_idg .inner5 .item2 .txt{padding:0% 0% 0 3.8%;}
	#page_idg .inner5 .item3 .txt{padding:1% 3.8% 0 2%;}

	#page_idg .inner6{padding-bottom:4%;}
	#page_idg .inner6 .cont_text{padding-right:0;}
	#page_idg .inner6 .item1{padding-top:5%; text-align:center;}
	#page_idg .inner6 .item1 .img{float:none; width:100%; max-width:550px; padding-right:0%;}
	#page_idg .inner6 .item1 .box{float:none; width:100%; padding-left:0%; padding-top:5%;}
	#page_idg .inner6 .box_inner{float:left;width:50%;}
	#page_idg .inner6 .box_inner .sub_title{text-align:center;}
	#page_idg .inner6 .box_inner img{float:none; width:100%; max-width:131px;}
	#page_idg .inner6 .box_inner.box1{padding:0;}
	#page_idg .inner6 .box_inner.box1 img{padding-top:0%;}
	#page_idg .inner6 .box_inner .txt{float:left; width:80%; padding-left:10%; padding-top:5%;}
	#page_idg .inner6 .box_inner .cont_text{text-align:center;}

	#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 .inner2 .item1 .circle{display:inline-block; width:12px; height:12px; border-radius:6px; margin:-5px 5px 0 0;}
	#page_idg .inner2 .item1 .txt{font-size:2em;}
	#page_idg .inner2 .item2 .txt,
	#page_idg .inner2 .item2 .txt.txt3{padding-top:0;}
	#page_idg .inner2 .item2 .txt_persent{border-bottom:3px solid; margin-bottom:10px;}
	#page_idg .inner3 .item.left .txt{padding-top:0;}
	#page_idg .inner6{padding-bottom:8%;}
}