

.main_banner {transition:1s; width: 100%; height: 750px; overflow: hidden; position: relative;}
.panel {background: rgb(238, 238, 238); width: 200%; height: 750px; overflow: hidden; margin-left: 0px;}
.panel > li {width: 50%; height: 750px; color: rgb(79, 69, 137); float: left; position: relative;}
.panel > li#s1 {background: url("../img/main_banner1_bg.jpg") no-repeat bottom / cover;}
.panel > li#s2 {background: url("../img/main_banner2_bg.jpg") no-repeat bottom / cover;}
#s2 {display: none;}
#s3 {display: none;}
#s4 {	display: none;}

.panel .phone_wrap {background: url("") no-repeat top; width: 705px; height: 636px; right: 5%; bottom: 5px; position: absolute;}
.panel .data_wrap {background: url("") no-repeat top; width: 610px; height: 420px; right: 10%; bottom: 25%; position: absolute;}

.panel ul.detail_view {margin: 200px auto 0px; width: 1000px;}
.panel ul.detail_view > li {width: 100%;}
.panel ul.detail_view .logo_tg {background: url("../img/logo_tg.png") no-repeat 0px 0px / 458px; width: 458px; height: 61px; text-indent: -999999px; overflow: hidden; margin-bottom: 4px; display: inline-block;}
.panel ul.detail_view > li.txt1 {transition:0.5s; height: 80px; line-height: 65px; letter-spacing: -0.5px; overflow: hidden; font-family: "Roboto", sans-serif; font-size: 70px; font-weight: 100;}
.panel ul.detail_view > li.txt1 .ko_txt {font-family: "Nanum Gothic","나눔고딕", "Dotum"; font-size: 53px; font-style: normal;}
.panel ul.detail_view > li.txt2 {height: 30px; line-height: 24px; letter-spacing: -0.8px; font-size: 19px; font-weight: 400;}
.panel ul.detail_view > li.txt3 {transition:0.5s; height: 80px; line-height: 34px; letter-spacing: -0.5px; overflow: hidden; font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 100;}
.panel ul.detail_view > li.txt4 {transition:0.5s; height: 80px; line-height: 34px; letter-spacing: -0.5px; overflow: hidden; font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 100;color: #ffb355;}
.panel ul.detail_view > li.ty.txt1 {color: #ffb355;); letter-spacing: -3px; font-size: 50px; font-weight: bold;}
.panel ul.detail_view > li.ty.txt2 {color: rgb(255, 255, 255);}
.panel ul.detail_view > li .btn_scroll_down {margin: 170px auto 0px; width: 62px; height: 100px; font-size: 11px; display: block; z-index: 100;}
.panel ul.detail_view > li a.btn_scroll_down img {margin: 0px auto; width: 62px; height: 86px;}
.panel ul.detail_view > li a.btn_link {background: rgb(0, 172, 241); border-radius: 10px; border: 3px solid rgb(255, 255, 255); border-image: none; width: 150px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 18px; font-weight: 800; display: inline-block; opacity: 0.6;}
.panel ul.detail_view > li a.btn_link:hover {	opacity: 1;}
.panel ul.detail_view > li.txt1 span {font-weight: 800; display: block;}
.panel ul.detail_view > li.ty.txt1 span {font-size: 70px; font-weight: normal;}
.panel ul.detail_view > li.txt2 span {display: block;}
.panel ul.detail_view > li.txt3 span {display: block;}
.panel ul.detail_view > li.txt4 span {display: block;}
.prev {background: url("../img/pictogram_s.png") no-repeat 0px 0px / 375px auto; top: 50%; width: 41px; height: 64px; display: block; position: absolute; opacity: 0.8;}
.next {background: url("../img/pictogram_s.png") no-repeat 0px 0px / 375px auto; top: 50%; width: 41px; height: 64px; display: block; position: absolute; opacity: 0.8;}
.prev {background-position: -225px -150px; left: 10px; top: 50%; display: none;}
.next {background-position: -300px -150px; top: 50%; right: 10px; display: none;}


.navi {right: 20px; bottom: 20px; position: absolute; z-index: 10;}
.navi li {float: left;}
.navi li a {background: rgb(255, 255, 255); width: 100px; height: 10px; margin-right: 5px; display: block;}
.navi li a.on {	background: #ee771f;}


.mk {left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 100;}

.ht_total_no {background: rgb(79, 69, 137); width: 100%; height: 70px; overflow: hidden;}
.ht_total_no::after {clear: both; display: block; content: "";}
.ht_total_no > ul > li {width: 33.33%; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 800; float: left;}
.ht_total_no > ul > li span {padding: 0px 10px; font-family: "Nanum Gothic","나눔고딕"; font-size: 16px; font-weight: 400; vertical-align: middle; display: inline-block;}
.ht_total_no > ul > li.bg {	background: rgb(65, 45, 103);}
.ht_total_no > ul > li > p {	display: inline-block;}


.ht_list {width: 100%; height: 100%; min-width: 1240px;}
.ht_list::after {clear: both; display: block; content: "";}
#sec4 .btn_next_section {background: url("../img/ico_arrow_main.png") no-repeat 0px 0px; transition:0.3s; left: 50%; width: 90px; height: 57px; bottom: 120px; text-indent: -99999px; display: block; position: absolute; opacity: 0.5;}
#sec4 .btn_next_section:hover {bottom: 105px; opacity: 1;}

#sec1 {transition:1s; height: 980px; overflow: hidden; position: relative;}
#sec2 {transition:1s; height: 980px; overflow: hidden; position: relative;}
#sec3 {transition:1s; height: 980px; overflow: hidden; position: relative;}
#sec4 {transition:1s; height: 980px; overflow: hidden; position: relative;}
#sec1::after {clear: both; display: block; content: "";}
#sec2::after {clear: both; display: block; content: "";}
#sec3::after {clear: both; display: block; content: "";}
#sec4::after {clear: both; display: block; content: "";}
#sec1 > ul {margin: 0px auto; width: 1240px;}
#sec2 > ul {margin: 0px auto; width: 1240px;}
#sec3 > ul {margin: 0px auto; width: 1240px;}
#sec4 > ul {margin: 0px auto; width: 1240px;}
#sec1 > ul > span {z-index: 1;}
#sec2 > ul > span {z-index: 1;}
#sec3 > ul > span {z-index: 1;}
#sec4 > ul > span {z-index: 1;}
#sec1 {background: #ee771f;}
#sec2 {background: url("../img/white_paperboard_2x.png") 0px 0px / 256px auto;}
#sec3 {background: rgb(75, 193, 221);}
#sec4 {background: rgb(24, 41, 69);}
#sec2 .txt_box {float: right;}
#sec4 .txt_box {float: right;}

.bg_network1 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network2 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network3 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network4 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network5 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network6 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network7 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network8 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}
.bg_network9 {position: absolute; z-index: 1; opacity: 0.8; background-size: 100% auto;}

.bg_network1 {background: url("../img/img_network1.png") no-repeat 0px 0px; left: 45%; top: 350%; width: 291px; height: 305px; margin-left: -150px;}
.bg_network2 {background: url("../img/img_network2.png") no-repeat 0px 0px; top: 10%; width: 721px; height: 769px; right: -20%; margin-left: -360px;}
.bg_network3 {background: url("../img/img_network3.png") no-repeat 0px 0px; left: 0%; top: 5%; width: 534px; height: 527px; margin-left: -267px;}
.bg_network4 {background: url("../img/img_network4.png") no-repeat 0px 0px; width: 906px; height: 894px; right: -20%; bottom: -15%; margin-left: -453px;}
.bg_network5 {background: url("../img/img_network5.png") no-repeat 0px 0px; left: -5%; top: 0%; width: 814px; height: 767px; margin-left: -407px;}
.bg_network6 {background: url("../img/img_network6.png") no-repeat 0px 0px; left: 20%; width: 432px; height: 407px; bottom: 0%; margin-left: -216px;}
.bg_network7 {background: url("../img/img_network7.png") no-repeat 0px 0px; left: 2%; top: 5%; width: 482px; height: 490px; margin-left: -241px; opacity: 0.4;}
.ty.bg_network7 {left: 15%; top: 70%; opacity: 0.2;}
.bg_network8 {background: url("../img/img_network8.png") no-repeat 0px 0px; top: 15%; width: 716px; height: 727px; right: -20%; margin-left: -241px;}
.bg_network9 {background: url("../img/img_network7.png") no-repeat 0px 0px; left: 2%; top: 65%; width: 482px; height: 490px; margin-left: 0px; opacity: 0.4;}


.txt_box {	width: 55%;}
.img_box {width: 45%;}
.txt_box {transition:1s; height: 100%; float: left; position: relative; z-index: 10;}
.img_box {transition:1s; height: 100%; float: left; position: relative; z-index: 10;}
.txt_box .txt_wrap {color: rgb(255, 255, 255); padding-left: 30px; margin-top: 400px; position: relative; z-index: 10; min-height: 180px;}
.txt_box .ty.txt_wrap {color: rgb(0, 0, 0);}

#sec1 .txt_box em {}
#sec1 .txt_box p {}
#sec3 .txt_box em {}
#sec3 .txt_box p {}
#sec2 .txt_box em {}
#sec2 .txt_box p {}
#sec4 .txt_box em {}
#sec4 .txt_box p {}
.txt_box em {}
.txt_box p {}


.on.txt_box em {
	margin-left: 0px;
}
.on.txt_box p {
	margin-left: 0px;
}
.txt_box em {
	font-family: "Monoton"; font-size: 150px; font-style: normal; margin-top: -75px; margin-right: 10px; margin-bottom: 100px; float: left;
}
.txt_box p.tit {
	font-size: 43px; font-weight: 800; margin-bottom: 10px;
}
.txt_box span {
	display: block;
}
.txt_box a.btn_next_sec {
	z-index: 10;
}
.txt_wrap > p {
	font-size: 20px;
}
.txt_box .btn_next_sec {
	transition:1s;
}
.txt_box .btn_next_sec {
	background: url("../img/ico_next.png") no-repeat 0px 5px / 155px auto; left: -9999px; top: 500px; width: 200px; height: 50px; color: rgb(255, 255, 255); font-family: "Roboto", sans-serif; font-size: 25px; font-weight: 100; margin-left: 106px; display: block; position: absolute;
}
.on.txt_box .btn_next_sec {
	left: 0px; display: none;
}
.txt_box .ty.btn_next_sec {
	background: url("../img/ico_next.png") no-repeat 0px -45px / 155px auto; color: rgb(0, 0, 0);
}
#sec2 .txt_box .btn_next_sec {
	margin-left: 128px; z-index: 10;
}
#sec3 .txt_box .btn_next_sec {
	margin-left: 128px; z-index: 10;
}
.img_box {
	position: relative;
}


.hexagon {background: url("../img/hexagon.png") no-repeat; width: 110px; height: 95px; overflow: hidden; display: block;}
.hexagon span {display: inline-block; position: absolute;}


.ico1 {
	margin: 20% 0px 0px 25%;
}
.ico2 {
	margin: 20% 0px 0px 25%;
}
.ico3 {
	margin: 20% 0px 0px 25%;
}
.ico4 {
	margin: 20% 0px 0px 25%;
}
.ico5 {
	margin: 20% 0px 0px 25%;
}
.ico6 {
	margin: 20% 0px 0px 25%;
}
.ico7 {
	margin: 20% 0px 0px 25%;
}
.ico8 {
	margin: 20% 0px 0px 25%;
}
.ico9 {
	margin: 20% 0px 0px 25%;
}
.ico10 {
	margin: 20% 0px 0px 25%;
}
.ico1 {
	margin: 14% 0px 0px 32%;
}
.ico6 {
	margin: 20% 0px 0px 31%;
}
.ico10 {
	margin: 20% 0px 0px 31%;
}
.ico11 {
	margin: 15% 0px 0px 30%;
}
.ico12 {
	margin: 22% 0px 0px 23%;
}
.step1 {
	z-index: 11;
}
.step2 {
	z-index: 11;
}
.step3 {
	z-index: 11;
}
.step4 {
	z-index: 11;
}
.step2 {background: url("../img/simbol2.png") no-repeat; left: 50px; top: 80px; width: 500px; height: 500px; position: absolute;}
.step2 .ico_dmp {	margin: 100px 0px 10px;}
.step2 ul  {width:100%;margin:0px auto;margin-top:15%;}
.step2 ul li {width:48%;float:left;height:60%;font-size: 16px;color:#FFFFFF;}
.step2 ul li {color: rgb(255, 255, 255); line-height: 28px; font-size: 16px;color:#FFFFFF;}
.step3 {
	background: url("../img/simbol3.png") no-repeat; left: -100px; top: 50px; width: 650px; height: 650px; position: absolute;
}
.step3 ul li {
	line-height: 0;
}
.step4 {background: url("../img/simbol.png") no-repeat 0px 0px; left: 10px; top: 90px; width: 500px; height: 500px; position: absolute;}
.step4 .ico_tg {margin: 0px;}

.bg1.hexagon {
	background-position: 0px 0px;
}
.bg2.hexagon {
	background-position: 0px -100px;
}
.bg3.hexagon {
	background-position: 0px -200px;
}
.bg4.hexagon {
	background-position: 0px -300px;
}
.bg5.hexagon {
	background-position: 0px -400px;
}
.bg6.hexagon {
	background-position: 0px -500px;
}
.bg7.hexagon {
	background-position: 0px -600px;
}
.hexagon_wrap1 {
	transition:1s; margin-top: 180px; position: relative;
}
.hexagon_wrap2 {
	transition:1s; margin-top: 180px; position: relative;
}
.hexagon_wrap3 {
	transition:1s; margin-top: 180px; position: relative;
}
.hexagon_wrap4 {
	transition:1s; margin-top: 180px; position: relative;
}
.hexagon_wrap1 {
	
}
.hexagon_wrap3 {
	
}
.hexagon_wrap2 {
	
}
.hexagon_wrap4 {
	
}
.img_box .hexagon_wrap1 {
	left: 3999px;
}
.img_box .hexagon_wrap3 {
	left: 3999px;
}
.img_box .hexagon_wrap2 {
	left: -3999px;
}
.img_box .hexagon_wrap4 {
	left: -3999px;
}
.on.img_box .hexagon_wrap1 {
	left: 0px;
}
.on.img_box .hexagon_wrap2 {
	left: 0px;
}
.on.img_box .hexagon_wrap3 {
	left: 0px;
}
.on.img_box .hexagon_wrap4 {
	left: 0px;
}
.hexagon_wrap1 {
	width: 542px; height: 594px;
}
.hexagon_wrap2 {
	width: 717px; height: 548px;
}
.hexagon_wrap3 {
	width: 542px; height: 594px;
}
.hexagon_wrap4 {
	width: 542px; height: 594px;
}
.hexagon_wrap1 {
	
}
.hexagon_wrap3 {
	
}
.hexagon_wrap2 {
	
}
.hexagon_wrap4 {
	
}
.default > span {
	transition:1s; transform: rotateY(0deg);
}
.default:hover > span {
	transform: rotateY(180deg);
}
.default:hover > span:nth-child(1) {
	transition:0.1s;
}
.default:hover > span:nth-child(2) {
	transition:0.3s;
}
.default:hover > span:nth-child(3) {
	transition:0.5s;
}
.default:hover > span:nth-child(4) {
	transition:0.7s;
}
.default:hover > span:nth-child(5) {
	transition:0.9s;
}
.default:hover > span:nth-child(6) {
	transition:1.1s;
}
.default:hover > span:nth-child(7) {
	transition:1.3s;
}
.default:hover > span:nth-child(8) {
	transition:1.5s;
}
.default:hover > span:nth-child(9) {
	transition:1.7s;
}
.default:hover > span:nth-child(10) {
	transition:1.9s;
}
.default:hover > span:nth-child(11) {
	transition:2.1s;
}
.default:hover > span:nth-child(12) {
	transition:2.3s;
}
.default:hover > span:nth-child(13) {
	transition:2.5s;
}
.default:hover > span:nth-child(14) {
	transition:2.7s;
}
.default:hover > span:nth-child(15) {
	transition:2.9s;
}
.default:hover > span:nth-child(16) {
	transition:3.1s;
}
.default:hover > span:nth-child(17) {
	transition:3.3s;
}
.default:hover > span:nth-child(18) {
	transition:3.5s;
}
.default:hover > span:nth-child(19) {
	transition:3.7s;
}
.default:hover > span:nth-child(20) {
	transition:3.9s;
}
.default:hover > span:nth-child(21) {
	transition:4.1s;
}
.default:hover > span:nth-child(22) {
	transition:4.3s;
}
.default:hover > span:nth-child(23) {
	transition:4.5s;
}
.default:hover > span:nth-child(24) {
	transition:4.7s;
}
.default:hover > span:nth-child(25) {
	transition:4.9s;
}
.default:hover > span:nth-child(26) {
	transition:5.1s;
}
.default:hover > span:nth-child(27) {
	transition:5.3s;
}
.default:hover > span:nth-child(28) {
	transition:5.5s;
}
.default .posi1.hexagon {display: block;}
.default .posi2.hexagon {display: block;}
.default .posi3.hexagon {display: block;}
.default .posi4.hexagon {display: block;}
.default .posi5.hexagon {display: block;}
.default .posi6.hexagon {display: block;}
.default .posi7.hexagon {display: block;}
.default .posi8.hexagon {display: block;}
.default .posi9.hexagon {display: block;}
.default .posi10.hexagon {display: block;}
.default .posi11.hexagon {	display: block;}
.default .posi12.hexagon {display: block;}
.default .posi13.hexagon {	display: block;}
.default .posi14.hexagon {display: block;}
.default .posi15.hexagon {	display: block;}
.default .posi16.hexagon {	display: block;}
.default .posi17.hexagon {	display: block;}
.default .posi18.hexagon {	display: block;}
.default .posi19.hexagon {	display: block;}
.default .posi20.hexagon {	display: block;}
.default .posi21.hexagon {	display: block;}
.default .posi22.hexagon {	display: block;}
.default .posi23.hexagon {	display: block;}
.default .posi24.hexagon {	display: block;}
.default .posi25.hexagon {	display: block;}
.default .posi26.hexagon {	display: block;}
.default .posi27.hexagon {	display: block;}
.default .posi28.hexagon {	display: block;}

.hexagon_wrap3 > span {	transition:1s; transform: rotateY(0deg);}
.hexagon_wrap4 > span {	transition:1s; transform: rotateY(0deg);}
.hexagon_wrap3:hover > span {transform: rotateY(180deg);}
.hexagon_wrap4:hover > span {transform: rotateY(180deg);}
.hexagon_wrap3:hover > span:nth-child(1) {transition:0.1s;}
.hexagon_wrap4:hover > span:nth-child(1) {transition:0.1s;}
.hexagon_wrap3:hover > span:nth-child(2) {transition:0.3s;}
.hexagon_wrap4:hover > span:nth-child(2) {transition:0.3s;}
.hexagon_wrap3:hover > span:nth-child(3) {transition:0.5s;}
.hexagon_wrap4:hover > span:nth-child(3) {transition:0.5s;}
.hexagon_wrap3:hover > span:nth-child(4) {transition:0.7s;}
.hexagon_wrap4:hover > span:nth-child(4) {transition:0.7s;}
.hexagon_wrap3:hover > span:nth-child(5) {transition:0.9s;}
.hexagon_wrap4:hover > span:nth-child(5) {transition:0.9s;}
.hexagon_wrap3:hover > span:nth-child(6) {transition:1.1s;}
.hexagon_wrap4:hover > span:nth-child(6) {transition:1.1s;}
.hexagon_wrap3:hover > span:nth-child(7) {transition:1.3s;}
.hexagon_wrap4:hover > span:nth-child(7) {transition:1.3s;}
.hexagon_wrap3:hover > span:nth-child(8) {transition:1.5s;}
.hexagon_wrap4:hover > span:nth-child(8) {transition:1.5s;}
.hexagon_wrap3:hover > span:nth-child(9) {transition:1.7s;}
.hexagon_wrap4:hover > span:nth-child(9) {transition:1.7s;}
.hexagon_wrap3:hover > span:nth-child(10) {transition:1.9s;}
.hexagon_wrap4:hover > span:nth-child(10) {transition:1.9s;}
.hexagon_wrap3:hover > span:nth-child(11) {transition:2.1s;}
.hexagon_wrap4:hover > span:nth-child(11) {transition:2.1s;}
.hexagon_wrap3:hover > span:nth-child(12) {transition:2.3s;}
.hexagon_wrap4:hover > span:nth-child(12) {transition:2.3s;}
.hexagon_wrap3:hover > span:nth-child(13) {transition:2.5s;}
.hexagon_wrap4:hover > span:nth-child(13) {transition:2.5s;}
.hexagon_wrap3:hover > span:nth-child(14) {transition:2.7s;}
.hexagon_wrap4:hover > span:nth-child(14) {transition:2.7s;}
.hexagon_wrap3:hover > span:nth-child(15) {transition:2.9s;}
.hexagon_wrap4:hover > span:nth-child(15) {transition:2.9s;}
.hexagon_wrap3:hover > span:nth-child(16) {transition:3.1s;}
.hexagon_wrap4:hover > span:nth-child(16) {transition:3.1s;}
.hexagon_wrap3:hover > span:nth-child(17) {transition:3.3s;}
.hexagon_wrap4:hover > span:nth-child(17) {transition:3.3s;}
.hexagon_wrap3:hover > span:nth-child(18) {transition:3.5s;}
.hexagon_wrap4:hover > span:nth-child(18) {transition:3.5s;}
.hexagon_wrap3:hover > span:nth-child(19) {transition:3.7s;}
.hexagon_wrap4:hover > span:nth-child(19) {transition:3.7s;}
.hexagon_wrap3:hover > span:nth-child(20) {transition:3.9s;}
.hexagon_wrap4:hover > span:nth-child(20) {transition:3.9s;}
.hexagon_wrap3:hover > span:nth-child(21) {transition:4.1s;}
.hexagon_wrap4:hover > span:nth-child(21) {transition:4.1s;}
.hexagon_wrap3:hover > span:nth-child(22) {transition:4.3s;}
.hexagon_wrap4:hover > span:nth-child(22) {transition:4.3s;}
.hexagon_wrap3:hover > span:nth-child(23) {transition:4.5s;}
.hexagon_wrap4:hover > span:nth-child(23) {transition:4.5s;}
.hexagon_wrap3:hover > span:nth-child(24) {transition:4.7s;}
.hexagon_wrap4:hover > span:nth-child(24) {transition:4.7s;}
.hexagon_wrap3:hover > span:nth-child(25) {transition:4.9s;}
.hexagon_wrap4:hover > span:nth-child(25) {transition:4.9s;}
.hexagon_wrap3:hover > span:nth-child(26) {transition:5.1s;}
.hexagon_wrap4:hover > span:nth-child(26) {transition:5.1s;}
.hexagon_wrap3:hover > span:nth-child(27) {transition:5.3s;}
.hexagon_wrap4:hover > span:nth-child(27) {transition:5.3s;}
.hexagon_wrap3:hover > span:nth-child(28) {transition:5.5s;}
.hexagon_wrap3:hover > span:nth-child(28) {transition:5.5s;}

.posi1.hexagon {left: 0px; top: 150px; position: absolute;}
.posi2.hexagon {left: 90px; top: 100px; position: absolute;}
.posi3.hexagon {left: 179px; top: 48px; position: absolute;}
.posi4.hexagon {	left: 268px; top: -3px; position: absolute;}
.posi5.hexagon {left: -2px; top: 253px; position: absolute;}
.posi6.hexagon {left: 89px; top: 202px; position: absolute;}
.posi7.hexagon {left: 179px; top: 150px; position: absolute;}
.posi8.hexagon {left: 269px; top: 99px; position: absolute;}
.posi9.hexagon {left: 358px; top: 47px; position: absolute;}
.posi10.hexagon {left: 88px; top: 305px; position: absolute;}
.posi11.hexagon {left: 178px; top: 254px; position: absolute;}
.posi12.hexagon {left: 268px; top: 203px; position: absolute;}
.posi13.hexagon {	left: 358px; top: 151px; position: absolute;}
.posi14.hexagon {	left: 88px; top: 408px; position: absolute;}
.posi15.hexagon {	left: 179px; top: 357px; position: absolute;}
.posi16.hexagon {	left: 269px; top: 306px; position: absolute;}
.posi17.hexagon {	left: 359px; top: 254px; position: absolute;}
.posi18.hexagon {	left: 448px; top: 202px; position: absolute;}
.posi19.hexagon {	left: 178px; top: 460px; position: absolute;}
.posi20.hexagon {	left: 270px; top: 409px; position: absolute;}
.posi21.hexagon {	left: 360px; top: 358px; position: absolute;}
.posi22.hexagon {	left: 268px; top: 512px; position: absolute;}
.posi23.hexagon {	left: 449px; top: 305px; position: absolute;}
.posi24.hexagon {	left: 359px; top: 461px; position: absolute;}
.posi25.hexagon {	left: 449px; top: 512px; position: absolute;}
.posi26.hexagon {	left: 539px; top: 461px; position: absolute;}
.posi27.hexagon {	left: 538px; top: 358px; position: absolute;}
.posi28.hexagon {	left: 628px; top: 409px; display: none; position: absolute;}

#navi {	top: 50%; right: 0px; margin-top: -140px; display: none; position: fixed; z-index: 11;}
#navi li a {background: rgb(255, 255, 255); transition:0.5s; width: 70px; height: 50px; text-align: center; line-height: 50px; font-family: "Monoton"; font-size: 30px; margin-bottom: 0px; display: block;}
#navi li a.on {background: rgb(0, 0, 0); height: 80px; color: rgb(255, 255, 255); line-height: 80px; font-size: 45px;}


.mo {
	display: none;
}
.targeting_list {
	overflow: hidden; font-size: 35px;
}
.targeting_list .tg_tit span {
	text-align: center; display: block;
}
.targeting_list .tg_tit {padding: 100px 10px 80px; text-align: center; font-size: 35px;}
.targeting_list .tg_tit .cate {text-align: center; font-size: 20px;}

.targeting_list .tg_tit em {
	font-family: "Roboto", sans-serif; font-style: normal; font-weight: 800;
}
.targeting_list ul {
	width: 100%;
}
.targeting_list ul {
	color: rgb(255, 255, 255); letter-spacing: -0.5px; overflow: hidden; font-size: 15px; float: left;
}
.targeting_list li {
	color: rgb(255, 255, 255); letter-spacing: -0.5px; overflow: hidden; font-size: 15px; float: left;
}
.targeting_list li a {
	color: rgb(255, 255, 255); display: inline-block;
}
.targeting_list li a.tg_list_btn {
	padding: 10px 20px; border-radius: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-top: 10px; display: inline-block;
}
.targeting_list .tg_txt1 .tg_list_btn:hover {
	background: #c07518;
}
.targeting_list .tg_txt2 .tg_list_btn:hover {
	background: rgb(191, 13, 30);
}
.targeting_list .tg_txt3 .tg_list_btn:hover {
	background: #227887;
}
.targeting_list h3 {
	line-height: 40px; font-family: "Roboto", sans-serif; font-size: 40px; margin-bottom: 10px;
}
.targeting_list h3 i {
	font-style: normal; display: none;
}
.targeting_list li:hover h3 i {
	
}
.tg_list1 {
	background: #e68a19; transition:1s; width: 100%;
}
.tg_list2 {
	transition:1s; width: 50%;
}
.tg_list3 {
	transition:1s; width: 50%;
}
.tg_list2 {
	background: rgb(230, 39, 57);
}
.tg_list3 {
	background: #4e9ca9;
}
.tg_txt1:hover span {
	z-index: 10;
}
.tg_txt1:hover h2 {
	z-index: 10;
}
.tg_txt1:hover p {
	z-index: 10;
}
.tg_txt2:hover span {
	z-index: 10;
}
.tg_txt2:hover h2 {
	z-index: 10;
}
.tg_txt2:hover p {
	z-index: 10;
}
.tg_txt3:hover span {
	z-index: 10;
}
.tg_txt3:hover h2 {
	z-index: 10;
}
.tg_txt3:hover p {
	z-index: 10;
}
.targeting_list .mo {
	line-height: 393px;
}
.tg_img1 {
	height: 393px; display: block;
}
.tg_img2 {
	height: 393px; display: block;
}
.tg_img3 {
	height: 393px; display: block;
}
.tg_txt1 {
	height: 393px; display: block;
}
.tg_txt2 {
	height: 393px; display: block;
}
.tg_txt3 {
	height: 393px; display: block;
}
.tg_txt1 {
	position: relative;
}
.tg_txt2 {
	position: relative;
}
.tg_txt3 {
	position: relative;
}
.tg_img1 {
	width: 47%; padding-left: 3%; float: left;
}
.tg_txt1 {
	width: 47%; padding-left: 3%; float: left;
}
.tg_img2 {
	width: 47%; padding-left: 3%;
}
.tg_txt2 {
	width: 47%; padding-left: 3%;
}
.tg_img3 {
	width: 47%; padding-left: 3%;
}
.tg_txt3 {
	width: 47%; padding-left: 3%;
}
.tg_txt1 p span {
	display: block;
}
.tg_txt2 p span {
	display: block;
}
.tg_txt3 p span {
	display: block;
}
.tg_img1 .ico_rt {
	vertical-align: middle;
}
.tg_img2 .ico_ut {
	vertical-align: middle;
}
.tg_img3 .ico_ct {
	vertical-align: middle;
}
.tg_txt1 .ico_rt {
	margin-top: 90px;
}
.tg_txt2 .ico_ut {
	margin-top: 90px;
}
.tg_txt3 .ico_ct {
	margin-top: 90px;
}
.tg_img1 {
	float: left;
}
.tg_img2 {
	float: left;
}
.tg_txt1 {
	float: left;
}
.tg_txt2 {
	float: left;
}
.tg_txt3 {
	float: left;
}
.tg_img3 {
	float: right;
}
.tg_img1 {
	background: url("../img/img_rt.jpg") no-repeat top / cover;
}
.tg_img2 {
	background: url("../img/img_ut.jpg") no-repeat center / cover;
}
.tg_img3 {
	background: url("../img/img_ct.jpg") no-repeat center / cover;
}
.tg_txt1 {
	
}
.targeting_ci {
	overflow: hidden;
}
.targeting_ci em {
	font-family: "Roboto", sans-serif; font-style: normal; font-weight: 800;
}
.targeting_ci > p {
	padding: 80px 10px 70px; text-align: center; font-size: 35px;
}
.targeting_ci > p > span {
	display: block;
}
.case_study_wrap {	margin: 0px auto; width: 100%;}
.case_study {	overflow: hidden; margin-left: -5px;}
.case_study > ul {	width: 250%; height: 110px; overflow: hidden; margin-left: -269px;}
.case_study > ul {	padding: 0px;}
.case_study > ul > li > span {
	background: url("../img/brand_test.png") no-repeat 0px 0px / 100% auto; margin: 0px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 270px; height: 110px; text-indent: -99999px; display: block;
}
.case_study > ul > li {
	padding: 0px 4px 20px;
}
.case_study > ul > li > a {
	
}
.case_study ul {
	text-align: center; float: left;
}
.case_study li {
	text-align: center; float: left;
}
.case_study li img {
	border: 1px solid rgb(223, 223, 223); border-image: none;
}
@media screen and (max-width:1024px) and (min-width:769px)
{
.main_banner {
	height: 550px;
}
.panel ul.detail_view li.txt1 {
	height: 140px; line-height: 60px; font-size: 60px; margin-top: 60px;
}
.panel ul.detail_view li.txt2 {
	height: 190px;
}
.panel ul.detail_view li.txt1 span {
	font-size: 77px;
}
.panel ul.detail_view > li.txt1 .ko_txt {
	font-size: 50px;
}
.panel ul.detail_view li.ty.txt1 {
	line-height: 58px; font-size: 40px;
}
.panel ul.detail_view li.ty.txt2 {
	height: 65px; line-height: 20px; font-size: 18px;
}
.panel ul.detail_view li.ty.txt1 span {
	font-size: 65px;
}
.panel ul.detail_view li .btn_scroll_down {
	display: none;
}
.panel ul.detail_view > li a.btn_link {
	margin-top: 10px; margin-bottom: 60px;
}
.panel ul.detail_view .logo_tg {
	margin: 3px auto 0px;
}
.panel .phone_wrap {
	left: 50%; width: 300px; height: 380px; bottom: -120px; margin-left: -150px; position: absolute; background-size: 300px auto;
}
.panel .data_wrap {
	width: 350px; height: 241px; right: 50%; bottom: 10px; margin-right: -175px; position: absolute; background-size: 350px;
}
.panel li#s1 {
	background-size: 1450px auto;
}
.panel li#s2 {
	background-size: 1450px auto;
}
.panel {
	height: 550px;
}
.panel > li {
	height: 550px;
}
.panel ul.detail_view {
	width: 100%; text-align: center; margin-top: 100px;
}
.ht_total_no {
	height: auto;
}
.ht_total_no > ul > li {
	padding: 10px 0px; line-height: 45px; font-size: 45px;
}
.ht_total_no > ul > li span {
	padding: 0px 10px; line-height: 20px; font-size: 17px; display: block;
}
.panel ul.detail_view li .btn_scroll_down {
	height: 100px; margin-top: 0px;
}
.ht_list {
	width: 100%; height: 100%; min-width: 100%;
}
#sec1 {
	height: auto;
}
#sec2 {
	height: auto;
}
#sec3 {
	height: auto;
}
#sec4 {
	height: auto;
}
#sec1 > ul {
	width: 100%;
}
#sec2 > ul {
	width: 100%;
}
#sec3 > ul {
	width: 100%;
}
#sec4 > ul {
	width: 100%;
}
#sec4 .btn_next_section {
	display: none;
}
.txt_box {
	width: 100%; overflow: hidden; float: inherit;
}
.img_box {
	width: 100%; overflow: hidden; float: inherit;
}
.txt_box .txt_wrap {
	margin-top: 80px; min-height: 100px;
}
.txt_box .btn_next_sec {
	top: 240px; margin-top: 20px;
}

.hexagon_wrap1 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap2 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap3 {margin: 30px auto 0px; width: 650px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap4 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap1 {height: 630px;}
.hexagon_wrap2 {height: 630px;}
.hexagon_wrap3 {height: 650px;}
.hexagon_wrap4 {height: 630px;}
.hexagon_wrap2 {width: 740px;}
.posi26.hexagon {display: none;}
.posi27.hexagon {	display: none;}
.posi28.hexagon {	display: none;}
.posi29.hexagon {	display: none;}


.targeting_list .mo {	line-height: 293px;}
.tg_img1 {
	height: 293px;
}
.tg_img2 {
	height: 293px;
}
.tg_img3 {
	height: 293px;
}
.tg_txt1 {
	height: 293px;
}
.tg_txt2 {
	height: 293px;
}
.tg_txt3 {
	height: 293px;
}
.tg_list2 {
	width: 100% !important;
}
.tg_list3 {
	width: 100% !important;
}
.tg_img2 {
	float: right;
}
.tg_img3 {
	float: left;
}
.targeting_list {
	font-size: 27px;
}
.targeting_list ul {
	font-size: 14px;
}
.targeting_list li {
	font-size: 14px;
}
.targeting_list h3 {
	margin: 7px 0px; line-height: 30px; font-size: 30px;
}
.targeting_list .tg_tit {
	padding: 30px 10px; font-size: 27px;
}
.targeting_list li a {
	
}
.tg_txt1 .ico_rt {
	margin-top: 15%;
}
.tg_txt2 .ico_ut {
	margin-top: 18%;
}
.tg_txt3 .ico_ct {
	margin-top: 18%;
}
.tg_txt2 p {

}
.tg_txt3 p {

}
.tg_txt1 p span {
	
}
.tg_txt2 p span {
	
}
.tg_txt3 p span {
	
}
#navi {
	right: -100px;
}
.targeting_ci > p {
	padding: 30px 10px 10px; font-size: 24px;
}
.case_study_wrap {
	width: 80%; overflow: hidden; margin-bottom: -20px;
}
.case_study > ul {
	height: 60px; margin-left: -138px;
}
.case_study > ul > li > span {
	
}
.case_study {
	margin: 0px auto; padding: 0px 0px 0px; width: 500px;
}
.case_study > ul > li {
	padding-bottom: 5px;
}
.case_study > ul > li img {
	width: 130px;
}
}
@media screen and (max-width:768px) and (min-width:640px)
{
.main_banner {
	height: 550px;
}
.panel ul.detail_view li.txt1 {
	height: 140px; line-height: 60px; font-size: 60px; margin-top: 50px;
}
.panel ul.detail_view li.txt1 span {
	font-size: 77px;
}
.panel ul.detail_view > li.txt1 .ko_txt {
	font-size: 52px;
}
.panel ul.detail_view li.txt2 {
	height: 150px; line-height: 30px; font-size: 22px;
}
.panel ul.detail_view li.ty.txt1 {
	line-height: 55px; font-size: 40px;
}
.panel ul.detail_view li.ty.txt2 {
	height: 65px; line-height: 26px; font-size: 20px; margin-top: 2px;
}
.panel ul.detail_view li.ty.txt1 span {
	font-size: 55px;
}
.panel ul.detail_view > li a.btn_link {
	margin-bottom: 55px;
}
.panel ul.detail_view .logo_tg {
	margin: 5px auto 0px; width: 420px; height: 56px; background-size: 420px;
}
.panel .phone_wrap .phone {
	transition:1s;
}
.panel .data_wrap .data {
	transition:1s;
}
.panel .phone_wrap {
	left: 50%; width: 156px; height: 232px; bottom: -10px; margin-left: -80px; position: absolute; background-size: 156px auto;
}
.panel .data_wrap {
	width: 305px; height: 210px; right: 50%; bottom: 20px; margin-right: -152px; position: absolute; background-size: 305px;
}
.panel li#s1 {
	background-size: 1450px auto;
}
.panel li#s2 {
	background-size: 1450px auto;
}
.panel {
	height: 550px;
}
.panel > li {
	height: 550px;
}
.panel ul.detail_view li .btn_scroll_down {
	display: none;
}
.panel ul.detail_view {
	width: 100%; text-align: center; margin-top: 100px;
}
.ht_total_no {
	height: auto;
}
.ht_total_no > ul > li {
	padding: 10px 0px; line-height: 45px; font-size: 45px;
}
.ht_total_no > ul > li span {
	padding: 0px 10px; line-height: 20px; font-size: 17px; display: block;
}
.panel ul.detail_view li .btn_scroll_down {
	height: 100px; margin-top: 0px;
}
.ht_list {
	width: 100%; height: 100%; min-width: 100%;
}
#sec1 {
	height: auto;
}
#sec2 {
	height: auto;
}
#sec3 {
	height: auto;
}
#sec4 {
	height: auto;
}
#sec1 > ul {
	width: 100%;
}
#sec2 > ul {
	width: 100%;
}
#sec3 > ul {
	width: 100%;
}
#sec4 > ul {
	width: 100%;
}
#sec4 .btn_next_section {
	display: none;
}
.txt_box em {
	font-size: 100px; margin-top: -40px; margin-bottom: 40px;
}
.txt_box p.tit {
	font-size: 33px;
}
.txt_wrap > p {
	font-size: 16px;
}
.txt_box {
	width: 100%; overflow: hidden; float: inherit;
}
.img_box {
	width: 100%; overflow: hidden; float: inherit;
}
.txt_box .txt_wrap {
	margin-top: 80px; min-height: 100px;
}
.txt_box .btn_next_sec {
	top: 240px; margin-top: 20px;
}


.hexagon_wrap1 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap2 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap3 {margin: 30px auto 0px; width: 650px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap4 {margin: 30px auto 0px; width: 560px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap1 {height: 630px;}
.hexagon_wrap2 {height: 630px;}
.hexagon_wrap3 {height: 650px;}
.hexagon_wrap4 {height: 630px;}
.hexagon_wrap2 {width: 740px;}
.posi26.hexagon {	display: none;}
.posi27.hexagon {	display: none;}
.posi28.hexagon {	display: none;}
.posi29.hexagon {	display: none;}


.mo {display: block;}
.targeting_list {
	text-align: center;
}
.tg_list2 {
	width: 100% !important;
}
.tg_list3 {
	width: 100% !important;
}
.tg_txt1 .ico_rt {
	display: none !important;
}
.tg_txt2 .ico_ut {
	display: none !important;
}
.tg_txt3 .ico_ct {
	display: none !important;
}
.tg_txt1 p {
	display: none !important;
}
.tg_txt2 p {
	display: none !important;
}
.tg_txt3 p {
	display: none !important;
}
.tg_img2 {
	float: right;
}
.tg_img3 {
	float: left;
}
.tg_img1 {
	width: 50%; padding-left: 0%;
}
.tg_txt1 {
	width: 50%; padding-left: 0%;
}
.tg_img2 {
	width: 50%; padding-left: 0%;
}
.tg_txt2 {
	width: 50%; padding-left: 0%;
}
.tg_img3 {
	width: 50%; padding-left: 0%;
}
.tg_txt3 {
	width: 50%; padding-left: 0%;
}
.targeting_list .mo {
	line-height: 193px;
}
.tg_img1 {
	height: 193px;
}
.tg_img2 {
	height: 193px;
}
.tg_img3 {
	height: 193px;
}
.tg_txt1 {
	height: 193px;
}
.tg_txt2 {
	height: 193px;
}
.tg_txt3 {
	height: 193px;
}
.targeting_list {
	font-size: 27px;
}
.targeting_list ul {
	font-size: 14px;
}
.targeting_list li {
	font-size: 14px;
}
.targeting_list h3 {
	margin: 57px 0px 7px; font-size: 30px;
}
.targeting_list .tg_tit {
	padding: 30px 10px; font-size: 27px;
}
.targeting_list li a {
	
}
.targeting_list li a.tg_list_btn {
	padding: 10px 20px; margin-top: 0px;
}
.tg_txt1 .ico_rt {
	margin-top: 20%;
}
.tg_txt2 .ico_ut {
	margin-top: 25%;
}
.tg_txt3 .ico_ct {
	margin-top: 25%;
}
.tg_txt2 p {
	display: inline;
}
.tg_txt3 p {
	display: inline;
}
.tg_txt1 p span {
	display: inline;
}
.tg_txt2 p span {
	display: inline;
}
.tg_txt3 p span {
	display: inline;
}
#navi {
	right: -100px;
}
.targeting_ci > p {
	padding: 30px 10px 10px; font-size: 24px;
}
.case_study_wrap {
	width: 100%; overflow: hidden;
}
.case_study > ul {
	height: 60px; margin-left: -138px;
}
.case_study > ul > li > span {
	
}
.case_study {
	margin: 0px auto; padding: 0px 0px 40px; width: 558px;
}
.case_study > ul > li {
	padding-bottom: 5px;
}
.case_study > ul > li img {
	width: 130px;
}
}
@media screen and (max-width:639px)
{
.main_banner {
	height: 450px;
}
.panel .phone_wrap {
	left: 50%; width: 156px; height: 196px; bottom: 20px; margin-left: -80px; position: absolute; background-size: 156px auto;
}
.panel .data_wrap {
	width: 300px; height: 201px; right: 50%; bottom: 20px; margin-right: -150px; position: absolute; background-size: 300px;
}
.panel li#s1 {
	background-size: 1200px auto;
}
.panel li#s2 {
	background-size: 1200px auto;
}
.panel {
	height: 450px;
}
.panel > li {
	height: 450px;
}
.panel ul.detail_view {
	width: 100%; text-align: center; margin-top: 90px;
}
.panel ul.detail_view li.txt1 {height: 50px; line-height: 40px; letter-spacing: -0.5px; font-size: 40px;}
.panel ul.detail_view li.txt3 {height: 50px; line-height: 24px; letter-spacing: -0.5px; font-size: 20px;}
.panel ul.detail_view li.txt4 {height: 50px; line-height: 24px; letter-spacing: -0.5px; font-size: 20px;}
.panel ul.detail_view li.txt2 {height: 100px; line-height: 16px; letter-spacing: -0.8px; font-size: 16px;}

.panel ul.detail_view li.txt1 span {font-size: 40px;}
.panel ul.detail_view > li.txt1 .ko_txt {	line-height: 36px; font-size: 33px;}
.panel ul.detail_view li.ty.txt1 {line-height: 30px; font-size: 25px;}
.panel ul.detail_view li.ty.txt2 {height: 55px; line-height: 16px; font-size: 14px; margin-top: -2px;}
.panel ul.detail_view li.ty.txt1 span {font-size: 30px;}
.panel ul.detail_view li.ty.txt1 > .mo {display: block;}
.panel ul.detail_view li .btn_scroll_down {
	height: 100px; margin-top: 0px; display: none;
}
.panel ul.detail_view .logo_tg {
	margin: 2px auto 0px; width: 290px; height: 39px; background-size: 290px;
}
.navi li a {
	width: 20px; height: 5px;
}
.navi li a.on {
	width: 20px;
}
.ht_total_no {
	height: auto;
}
.ht_total_no > ul > li {
	padding: 10px 0px; line-height: 25px; font-size: 25px;
}
.ht_total_no > ul > li span {
	padding: 0px 10px; line-height: 14px; letter-spacing: -0.5px; font-size: 11px; display: block;
}
.ht_list {
	width: 100%; height: 100%; min-width: 100%;
}
#sec1 {
	height: auto;
}
#sec2 {
	height: auto;
}
#sec3 {
	height: auto;
}
#sec4 {
	height: auto;
}
#sec1 > ul {
	width: 100%;
}
#sec2 > ul {
	width: 100%;
}
#sec3 > ul {
	width: 100%;
}
#sec4 > ul {
	width: 100%;
}
#sec2 .txt_box {
	float: inherit;
}
#sec4 .btn_next_section {
	display: none;
}
.bg_network1 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network2 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network3 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network4 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network5 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network6 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network7 {
	opacity: 0.5; background-size: 70% auto;
}
.ty.bg_network7 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network8 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network9 {
	opacity: 0.5; background-size: 70% auto;
}
.bg_network1 {
	left: 80%; top: 80%; width: 300px; height: 300px; margin-left: -75px;
}
.bg_network2 {
	top: 40%; width: 360px; height: 384px; right: -50%; margin-left: -180px;
}
.bg_network3 {
	left: 0%; top: 60%; width: 267px; height: 269px; margin-left: -133px;
}
.bg_network4 {
	width: 453px; height: 447px; right: -20%; bottom: -20%; margin-left: -276px;
}
.bg_network5 {
	left: -5%; top: 50%; width: 407px; height: 383px; margin-left: -101px;
}
.bg_network6 {
	left: 80%; width: 216px; height: 203px; bottom: 0%; margin-left: -108px;
}
.bg_network7 {
	left: 12%; top: 45%; width: 241px; height: 245px; margin-left: -120px; opacity: 0.4;
}
.bg_network8 {
	top: 40%; width: 358px; height: 363px; right: -50%; margin-left: 0px;
}
.bg_network9 {
	left: 15%; top: 80%; width: 241px; height: 245px; margin-left: 0px; opacity: 0.2;
}
.img_box .hexagon_wrap1 {
	left: 0px;
}
.img_box .hexagon_wrap3 {
	left: 0px;
}
.img_box .hexagon_wrap2 {
	left: 0px;
}
.img_box .hexagon_wrap4 {
	left: 0px;
}
.txt_box {
	width: 100%; float: inherit;
}
.img_box {
	width: 100%; float: inherit;
}
.txt_box::after {
	clear: both; display: block; content: "";
}
.img_box::after {
	clear: both; display: block; content: "";
}
.txt_box {
	margin: 0px 3% 0px 5%; width: 92%;
}
.txt_box .txt_wrap {
	padding-left: 0px; margin-top: 80px; min-height: 100px;
}
.txt_box em {
	height: 100px; font-size: 83px; margin-top: -43px; margin-bottom: 0px;
}
.txt_box p.tit {
	line-height: 24px; font-size: 22px; margin-top: 20px; display: block;
}
.txt_box p.tit span {
	font-size: 22px; display: block;
}
.txt_wrap p {
	letter-spacing: -0.5px; font-size: 14px;
}
.txt_wrap p span {
	font-size: 14px; display: inline;
}
.txt_box .btn_next_sec {
	background: url("../img/ico_next.png") no-repeat 0px 5px / 155px auto; margin: 20px 0px 0px; top: 86px; width: 200px; height: 50px; color: rgb(255, 255, 255); padding-left: 10px; font-family: "Roboto", sans-serif; font-size: 25px; font-weight: 400; display: block; position: absolute;
}
#sec2 .txt_box .btn_next_sec {
	margin-left: 0px;
}
#sec3 .txt_box .btn_next_sec {
	margin-left: 0px;
}

.step2 {background: url("../img/simbol2.png") no-repeat 0% 0% / 300px auto; left: 30px; top: 0px; width: 300px; height: 300px; position: absolute;}
.step2 .ico_dmp {	margin: 40px 0px 5px;}
.step2 ul li {line-height: 15px; font-size: 20px;}
.step2 ul li {line-height: 16px; font-size: 14px;}
.step3 {background: url("../img/simbol3.png") no-repeat 0% 0% / 350px auto; left: 0px; top: 0px; width: 350px; height: 400px; position: absolute;}
.step4 {background: url("../img/simbol.png") no-repeat 0px 0px / 300px auto; left: 0px; top: 0px; width: 300px; height: 300px; position: absolute;}

.hexagon_wrap1::after {clear: both; display: block; content: "";}
.hexagon_wrap2::after {clear: both; display: block; content: "";}
.hexagon_wrap3::after {clear: both; display: block; content: "";}
.hexagon_wrap4::after {clear: both; display: block; content: "";}
.hexagon_wrap1 {margin: 30px auto 0px; width: 290px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap2 {margin: 30px auto 0px; width: 290px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap3 {margin: 10px auto 0px; width: 350px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap4 {margin: 30px auto 0px; width: 290px; overflow: hidden; padding-bottom: 20px;}
.hexagon_wrap1 {height: 320px;}
.hexagon_wrap2 {height: 320px;}
.hexagon_wrap3 {height: 350px;}
.hexagon_wrap4 {height: 320px;}
.hexagon_wrap2 {width: 370px;}
.hexagon {background: url("../img/hexagon.png") no-repeat 0% 0% / 55px auto; width: 55px; height: 47px;}

.bg2.hexagon {background-position: 0px -50px;}
.bg3.hexagon {background-position: 0px -100px;}
.bg4.hexagon {background-position: 0px -150px;}
.bg5.hexagon {	background-position: 0px -200px;}
.bg6.hexagon {	background-position: 0px -250px;}
.bg7.hexagon {	background-position: 0px -300px;}

.posi1.hexagon {left: 0px; top: 75px; position: absolute;}
.posi2.hexagon {left: 45px; top: 50px; position: absolute;}
.posi3.hexagon {left: 90px; top: 24px; position: absolute;}
.posi4.hexagon {left: 135px; top: -1px; position: absolute;}
.posi5.hexagon {left: 0px; top: 126px; position: absolute;}
.posi6.hexagon {left: 45px; top: 101px; position: absolute;}
.posi7.hexagon {left: 90px; top: 75px; position: absolute;}
.posi8.hexagon {left: 135px; top: 50px; position: absolute;}
.posi9.hexagon {left: 180px; top: 25px; position: absolute;}
.posi10.hexagon {	left: 45px; top: 153px; position: absolute;}
.posi11.hexagon {	left: 91px; top: 127px; position: absolute;}
.posi12.hexagon {	left: 136px; top: 101px; position: absolute;}
.posi13.hexagon {	left: 181px; top: 76px; position: absolute;}
.posi14.hexagon {	left: 44px; top: 204px; position: absolute;}
.posi15.hexagon {	left: 91px; top: 179px; position: absolute;}
.posi16.hexagon {	left: 137px; top: 153px; position: absolute;}
.posi17.hexagon {	left: 182px; top: 127px; position: absolute;}
.posi18.hexagon {	left: 227px; top: 100px; position: absolute;}
.posi19.hexagon {	left: 90px; top: 231px; position: absolute;}
.posi20.hexagon {	left: 137px; top: 205px; position: absolute;}
.posi21.hexagon {	left: 183px; top: 179px; position: absolute;}
.posi22.hexagon {	left: 136px; top: 257px; position: absolute;}
.posi23.hexagon {	left: 228px; top: 152px; position: absolute;}
.posi24.hexagon {	left: 183px; top: 230px; position: absolute;}
.posi25.hexagon {	left: 228px; top: 255px; position: absolute;}
.posi26.hexagon {	left: 272px; top: 230px; position: absolute;}
.posi27.hexagon {	left: 272px; top: 179px; position: absolute;}
.posi28.hexagon {	left: 314px; top: 204px; position: absolute;}
.posi26.hexagon {	display: none;}
.posi27.hexagon {	display: none;}
.posi28.hexagon {	display: none;}
.posi29.hexagon {	display: none;}


.mo {display: block;}
.targeting_list {
	font-size: 14px;
}
.targeting_list .tg_tit span {
	display: block;
}
.targeting_list .tg_tit {padding: 20px 10px; font-size: 16px;}
.targeting_list .tg_tit .cate{font-size: 14px;}

.targeting_list .tg_tit span {
	display: block;
}
.targeting_list li a {
	
}
.targeting_list li a.tg_list_btn {
	padding: 5px 15px; font-size: 13px; margin-top: 0px;
}
.targeting_list {
	text-align: center;
}
.targeting_list .mo {
	line-height: 153px;
}
.tg_list2 {
	width: 100% !important;
}
.tg_list3 {
	width: 100% !important;
}
.tg_img1 {
	width: 50%; padding-left: 0%;
}
.tg_txt1 {
	width: 50%; padding-left: 0%;
}
.tg_img2 {
	width: 50%; padding-left: 0%;
}
.tg_txt2 {
	width: 50%; padding-left: 0%;
}
.tg_img3 {
	width: 50%; padding-left: 0%;
}
.tg_txt3 {
	width: 50%; padding-left: 0%;
}
.tg_img2 {
	float: right;
}
.tg_img3 {
	float: left;
}
.tg_img1 {
	height: 153px;
}
.tg_img2 {
	height: 153px;
}
.tg_img3 {
	height: 153px;
}
.tg_txt1 {
	height: 153px;
}
.tg_txt2 {
	height: 153px;
}
.tg_txt3 {
	height: 153px;
}
.targeting_list h3 {
	line-height: 20px; font-size: 20px; margin-top: 50px;
}
.targeting_list h3 i {
	display: inline-block;
}
.targeting_list .tg_txt2 h3 {
	margin-top: 40px;
}
.targeting_list .tg_txt3 h3 {
	margin-top: 40px;
}
.targeting_list .tg_txt2 h3 span {
	display: block;
}
.targeting_list .tg_txt3 h3 span {
	display: block;
}
.tg_txt1 .ico_rt {
	display: none !important;
}
.tg_txt2 .ico_ut {
	display: none !important;
}
.tg_txt3 .ico_ct {
	display: none !important;
}
.tg_txt1 p {
	display: none;
}
.tg_txt2 p {
	display: none;
}
.tg_txt3 p {
	display: none;
}
#navi {
	right: -100px;
}
.targeting_ci > p {
	padding: 20px 10px; font-size: 14px;
}
.case_study_wrap {
	
}
.case_study {
	margin: 0px auto; padding: 0px 0px 20px; width: 418px;
}
.case_study > ul {
	height: 60px; margin-left: -138px;
}
.case_study > ul > li {
	padding-bottom: 5px;
}
.case_study > ul > li > span {
	display: block;
}
.case_study > ul > li img {
	width: 130px;
}
}