@charset "UTF-8";

	/* vision */

	.vision_part1 { margin-top:50px; position:relative; }
	.vision_part1:after { clear:both; content:""; display:block; }

	.vision_part1_pic { position:relative; }
	.vision_part1_pic:after { clear:both; content:""; display:block; }
	.vision_part1_pic figure { float:left; overflow:hidden; }
	.vision_part1_txt { box-sizing:border-box; -webkit-box-sizing:border-box; float:right; padding-top:135px; }
	.vision_part1_txt strong { border-bottom:1px solid #006aab; color:#006aab; font-size:34px; font-weight:normal; line-height:44px; }
	.vision_part1_txt strong:before { content:"'"; margin-left:-7px; }
	.vision_part1_txt strong:after { content:"'"; margin-right:-7px; }
	.vision_part1_txt p { color:#8f8f8f; font-size:18px; line-height:28px; margin-top:65px; }

	.color_wave_motto_wrap.vision { height:289px; margin-top:50px; position:relative; }
	.color_wave_motto_wrap.vision div.color_wave_motto { background:#101d27; height:218px; left:0; position:relative; top:0; width:503px; z-index:1; }
	.color_wave_motto_wrap.vision div.color_wave_motto i.color_motto_mask { background:url("../img/about/motto_mask.png") no-repeat; background-size:100% auto; height:218px; position:absolute; width:503px; }

	.about_deco_txt { background:url("../img/about/txt_aboutus.png") no-repeat; background-size:100% auto; height:103px; position:absolute; right:0; top:186px; width:678px; z-index:2; }

	.vision_fixed_img { background:url("../img/about/vision_pic02.jpg") center center fixed no-repeat; background-size:100% auto; height:300px; position:relative; width:100%; z-index:4; }

	.vision_part2 { margin-top:-75px; position:relative; }
	.vision_part2:after { clear:both; content:""; display:block; }

	.vision_part2_txt1 { float:left; }
	.vis_blue_ttl { color:#006aab; display:block; font-size:34px; font-weight:normal; padding-bottom:30px; }
	.vis_blue_uline { background:#006aab; display:block; height:2px; width:70px; }
	.vis_sub_ttl { color:#121212; display:block; font-size:18px; font-weight:normal; line-height:1.6; margin-top:30px; padding-left:5px; }
	.vis_sub_ttl:before { content:"'"; margin-left:-5px; }
	.vis_sub_ttl:after { content:"'"; margin-right:-9px; }

	.vis_sub_txt { color:#777; font-size:14px; line-height:1.6; margin-top:55px; }

	.vision_part2_img_wrap { height:740px; position:absolute; right:-356px; top:0; width:663px; }
	.vision_part2_img_wrap:after { clear:both; content:""; display:block; }
	.vision_part2_img_wrap img { position:absolute; }
	.vision_part2_img_wrap img.vision_part2_img1 { right:0; top:0; z-index:2; }
	.vision_part2_img_wrap img.vision_part2_img2 { bottom:0; left:0; z-index:1; }

	.ceo_sign {float:left; height:30px; margin-top:60px; position:relative; width:157px; }
	.ceo_sign p { bottom:0; color:#8f8f8f; font-size:13px; left:0; position:absolute; }
	.ceo_sign strong { background:url("../img/about/ceo_sign.png") no-repeat; display:block; height:30px; overflow:hidden; position:absolute; right:0; text-indent:-20000px; top:0; width:73px; }

	/* vision end */

	/* value */

	.color_wave_motto_wrap.value { height:291px; margin-top:50px; position:relative; }
	.color_wave_motto_wrap.value div.color_wave_motto { background:#101d27; height:219px; left:0; position:relative; top:0; width:583px; z-index:1; }
	.color_wave_motto_wrap.value div.color_wave_motto i.color_motto_mask { background:url("../img/about/value_mask.png") no-repeat; background-size:100% auto; height:219px; position:absolute; width:583px; }

	.value_fixed_img { background:url("../img/about/value_pic02.jpg") center center fixed no-repeat; background-size:100% auto; height:300px; position:relative; width:100%; z-index:4; }

	.value_elem_wrap { margin-top:60px; width:981px; }
	.value_elem_wrap ul:after { clear:both; content:""; display:block; }
	.value_elem_wrap ul li { float:left; width:286px; }
	.value_elem_wrap ul li div.value_elem_num_wrap { border-left:1px solid #e5e5e5; box-sizing:border-box; -webkit-box-sizing:border-box; height:156px; padding-left:20px; position:relative; }
	.value_elem_wrap ul li div.value_elem_num_wrap.num1 { background:url("../img/about/value_num1.png") 20px top no-repeat; }
	.value_elem_wrap ul li div.value_elem_num_wrap.num2 { background:url("../img/about/value_num2.png") 20px top no-repeat; }
	.value_elem_wrap ul li div.value_elem_num_wrap.num3 { background:url("../img/about/value_num3.png") 20px top no-repeat; }
	.value_elem_wrap ul li div.value_elem_num_wrap strong { bottom:0; font-size:20px; line-height:1.4; position:absolute; }

	.value_elem_wrap ul li div.value_elem_cont { padding:40px 10px 0 20px; }
	.value_elem_wrap ul li div.value_elem_cont p { color:#777; font-size:14px; line-height:1.8; }

	.value_fixed_bg { background:url("../img/about/value_pic03.jpg") center center fixed no-repeat; background-size:100% auto; height:853px; position:relative; width:100%; z-index:4; }
	.value_fixed_cont { left:100px; position:relative; top:100px; }

	.value_white_ttl { color:#fff; display:block; font-size:34px; font-weight:normal; padding-bottom:30px; }
	.value_white_uline { background:#fff; display:block; height:2px; width:70px; }

	.value_elem_img_wrap { background:url("../img/about/value_element.png") no-repeat; height:420px; left:290px; margin-top:28px; position:relative; width:490px; }
	.value_elem_img_wrap p { border-top:1px solid #fff; color:#fff; font-size:14px; line-height:1.6; padding-top:12px; position:absolute; text-align:left; }
	.value_elem_img_wrap p.value_elem_skill { left:-181px; top:97px; width:180px; }
	.value_elem_img_wrap p.value_elem_motiv { left:-181px; top:333px; width:180px; }
	.value_elem_img_wrap p.value_elem_prom { left:489px; padding-left:12px; top:210px; width:180px; }

	.wproc_img_wrap { background:url("../img/about/wproc_bg.png") center bottom no-repeat; height:593px; margin-top:40px; position:relative; width:860px; }

	.black_circle_wrap { height:120px; left:0; position:absolute; top:173px; width:860px; }
	.black_circle_wrap ul:after { clear:both; content:""; display:block; }
	.black_circle_wrap ul { margin-left:-28px; }
	.black_circle_wrap ul li { display:table; float:left; height:120px; margin-left:28px; width:120px; }
	.black_circle_wrap ul li p { color:#fff; display:table-cell; font-size:16px; font-weight:bold; height:100%; letter-spacing:0; text-align:center; vertical-align:middle; width:100%; }

	.white_circle_wrap { bottom:0; display:table; height:120px; left:445px; position:absolute; width:120px; }
	.white_circle_wrap p { color:#777; display:table-cell; font-size:16px; font-weight:bold; height:100%; letter-spacing:0; text-align:center; vertical-align:middle; width:100%; }

	.wproc_img_wrap div.proc_txt { border-left:1px solid #006aab; padding-bottom:30px; position:absolute; }
	.wproc_img_wrap div.proc_txt strong { background:url("../img/about/value_ttl_disc.png") left center no-repeat; bottom:-1px; color:#121212; font-size:18px; left:-7px; padding-left:25px; position:absolute; }
	.wproc_img_wrap div.proc_txt ul { padding-left:17px; position:relative; top:-9px; }
	.wproc_img_wrap div.proc_txt ul li { color:#777; font-size:14px; line-height:1.6; padding-right:30px; }
	.wproc_img_wrap div.proc_txt ul li:first-child { background:url("../img/about/blue_dash.gif") left 9px no-repeat; margin-left:-17px; padding-left:17px; }

	.proc_txt.proc01_txt { left:6px; top:26px; }
	.proc_txt.proc02_txt { left:303px; top:4px; }
	.proc_txt.proc03_txt { left:600px; top:26px; }

	.wproc_img_wrap div.proc_txt.type2 { padding-bottom:0; padding-top:20px; }
	.wproc_img_wrap div.proc_txt.type2 strong { bottom:auto; top:-2px; }
	.wproc_img_wrap div.proc_txt.type2 ul { padding-left:17px; position:relative; top:12px; }
	.wproc_img_wrap div.proc_txt.type2 ul li:first-child { background:none; }
	.wproc_img_wrap div.proc_txt.type2 ul li:last-child { background:url("../img/about/blue_dash.gif") left 9px no-repeat; margin-left:-17px; padding-left:17px; }

	.proc_txt.type2.proc04_txt { left:147px; top:318px; }
	.proc_txt.type2.proc05_txt { bottom:8px; left:147px; }
	.proc_txt.type2.proc06_txt { left:452px; top:318px; }
	.proc_txt.type2.proc07_txt { left:auto; right:0; top:318px; }

	/* trend mobile */
	.trend_mob_txt { background:url("../img/about/txt_wrap.png") no-repeat; background-size:100% auto; float:right; height:392px; margin-top:77px; padding-top:55px; text-align:left; width:380px; }
	.trend_mob_txt strong { border-bottom:2px solid #006aab; color:#006aab; font-size:34px; font-weight:normal; letter-spacing:-3px; line-height:44px; }
	.trend_mob_txt strong span { font-size:24px; }
	.trend_mob_txt p { color:#8f8f8f; font-size:18px; letter-spacing:-1px; line-height:26px; margin-top:18px; }

	.trend_cont_wrap { box-sizing:border-box; -webkit-box-sizing:border-box; height:auto; max-width:990px; padding:20px 0 60px 130px; position:relative; width:100%; }

	.mob_rate_img { background:url("../img/about/mob_rate_img.png") no-repeat; background-size:100% auto; height:317px; margin-top:60px; position:relative; width:847px; }
	.mob_rate_img p { bottom:7px; color:#000; font-size:14px; position:absolute; right:5px; }

	.mob_trend_txt_wrap { padding:67px 0 0 60px; }
	.mob_trend_txt_wrap p { color:#666; font-size:14px; line-height:1.8; }

	.mob_trend_slide_wrap { padding:115px 0 100px 60px; overflow:hidden; position:relative; }
	.mob_trend_slide_ttl { border-bottom:1px solid #e8e8e8; color:#006aab; display:block; font-size:36px; font-weight:normal; padding-bottom:10px; }

	.mob_trend_slide { margin-top:70px; overflow:hidden; position:relative; }
	.mob_trend_slide .swiper-slide { width:auto; }

	/* application */
	.app_fixed_img { background:url("../img/about/app_pic02.jpg") center center fixed no-repeat; background-size:100% auto; height:300px; position:relative; width:100%; z-index:4; }

	.mgine_differ_wrap { margin-top:62px; padding:110px 0 180px; position:relative; }
	.mgine_differ_wrap img { position:relative; width:100%; z-index:5; }

	.mgine_differ { border-left:1px solid #e6e6e6; padding-left:35px; position:absolute; z-index:7; }
	.mgine_differ strong { color:#006aab; display:block; font-size:22px; line-height:25px; position:relative; }
	.mgine_differ strong:before { content:""; display:block; height:25px; left:-36px; position:absolute; top:0; width:25px; }
	.mgine_differ p { color:#8f8f8f; font-size:16px; line-height:24px; margin-top:20px; white-space:nowrap; }

	.mgine_differ.first { left:96px; padding-bottom:55px; top:63px; }
	.mgine_differ.first strong:before { background:url("../img/about/blue_bullet01.jpg") left top / 100% auto no-repeat; }
	.mgine_differ.second { left:607px; padding-bottom:120px; top:0; }
	.mgine_differ.second strong:before { background:url("../img/about/blue_bullet02.jpg") left top / 100% auto no-repeat; }
	.mgine_differ.third { bottom:30px; left:96px; padding-top:55px; top:auto; }
	.mgine_differ.third strong:before { background:url("../img/about/blue_bullet03.jpg") left top / 100% auto no-repeat; }
	.mgine_differ.forth { bottom:0; left:607px; padding-top:77px; top:auto; }
	.mgine_differ.forth strong:before { background:url("../img/about/blue_bullet04.jpg") left top / 100% auto no-repeat; }

	.app_cont_wrap { box-sizing:border-box; -webkit-box-sizing:border-box; height:auto; max-width:1272px; padding:110px 0 130px 130px; position:relative; width:100%; }

	.app_cont_each { padding-bottom:130px; position:relative; }
	.app_cont_txtwrap:after { clear:both; content:""; display:block; }

	.app_proc_wrap { margin-top:90px; }
	.app_proc_wrap ul { margin:-50px 0 0 -60px; }
	.app_proc_wrap ul:after { clear:both; content:""; display:block; }
	.app_proc_wrap ul li { float:left; height:300px; margin:50px 0 0 60px; position:relative; width:320px; }
	.app_proc_wrap ul li.uiux { height:340px; }
	.app_proc_wrap ul li figure { height:200px; position:relative; width:320px; }
	.app_proc_wrap ul li figure img { width:100%; }
	.app_proc_wrap ul li figure i { display:block; height:30px; left:0; position:absolute; top:0; width:30px; z-index:2; }
	.app_proc_wrap ul li.app_proc01 figure i { background:url("../img/about/bl_bullet01.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc02 figure i { background:url("../img/about/bl_bullet02.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc03 figure i { background:url("../img/about/bl_bullet03.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc04 figure i { background:url("../img/about/bl_bullet04.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc05 figure i { background:url("../img/about/bl_bullet05.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc06 figure i { background:url("../img/about/bl_bullet06.jpg") no-repeat; }
	.app_proc_wrap ul li.app_proc01:after,
	.app_proc_wrap ul li.app_proc02:after,
	.app_proc_wrap ul li.app_proc04:after,
	.app_proc_wrap ul li.app_proc05:after,
	.app_proc_wrap ul li.app_proc07:after,
	.app_proc_wrap ul li.app_proc08:after { background:url("../img/about/app_arrow.png") center / 100% auto no-repeat; content:""; display:block; height:22px; position:absolute; right:-40px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:13px; }
	.app_proc_wrap ul li figure p { color:#fff; font-size:24px; font-weight:500; left:50%; position:absolute; text-align:center; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width:100%; z-index:3; }

	.app_proc_txt { background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; box-sizing:border-box; height:100px; position:relative; width:320px; }
	.app_proc_txt.uiux { height:140px; }
	.app_proc_txt p { color:#8f8f8f; font-size:16px; left:50%; line-height:24px; position:absolute; text-align:center; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); white-space:nowrap; }

	.app_proc_slide_wrap { display:none; margin-top:90px; overflow:hidden; }
	.app_proc_slide figure { position:relative; }
	.app_proc_slide figure img { width:100%; }
	.app_proc_slide figure i { display:block; height:30px; left:0; position:absolute; top:0; width:30px; z-index:2; }
	.app_proc_slide01 figure i { background:url("../img/about/bl_bullet01.jpg") no-repeat; }
	.app_proc_slide02 figure i { background:url("../img/about/bl_bullet02.jpg") no-repeat; }
	.app_proc_slide03 figure i { background:url("../img/about/bl_bullet03.jpg") no-repeat; }
	.app_proc_slide04 figure i { background:url("../img/about/bl_bullet04.jpg") no-repeat; }
	.app_proc_slide05 figure i { background:url("../img/about/bl_bullet05.jpg") no-repeat; }
	.app_proc_slide06 figure i { background:url("../img/about/bl_bullet06.jpg") no-repeat; }
	.app_proc_slide07 figure i { background:url("../img/about/bl_bullet07.jpg") no-repeat; }
	.app_proc_slide08 figure i { background:url("../img/about/bl_bullet08.jpg") no-repeat; }
	.app_proc_slide09 figure i { background:url("../img/about/bl_bullet09.jpg") no-repeat; }
	.app_proc_slide figure p { color:#fff; font-size:24px; font-weight:500; left:50%; position:absolute; text-align:center; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:3; }

	.app_proc_slide_txt { background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; box-sizing:border-box; padding-bottom:30%; position:relative; width:100%; }
	.app_proc_slide_txt p { color:#8f8f8f; font-size:16px; left:50%; line-height:24px; position:absolute; text-align:center; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); white-space:nowrap; }

	.btn_app_request { height:60px; margin-top:85px; text-align:center; }
	.btn_app_request p { background:#121212; display:inline-block; height:60px; width:300px; }
	.btn_app_request p a { color:#fff; display:block; font-size:20px; font-weight:500; height:100%; line-height:60px; text-align:center; width:100%; }

	/* ui ux */
	.uiux_fixed_img { background:url("../img/about/uiux_pic02.jpg") center center fixed no-repeat; background-size:100% auto; height:300px; position:relative; width:100%; z-index:4; }

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

	.vision_part2_img_wrap { right:-256px; }

}

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

	.vision_part1_pic figure { height:520px; }

	.vision_part2_img_wrap { height:683px; right:0; width:390px; }
	.vision_part2_img_wrap img.vision_part2_img1 { width:420px; }
	.vision_part2_img_wrap img.vision_part2_img2 { width:256px; }

	/* application */
	.app_cont_wrap { max-width:1060px; padding:150px 0 130px 80px; }
	.mgine_differ.first { left:10%; padding-bottom:35px; top:33px; }
	.mgine_differ.second { left:55%; padding-bottom:90px; }
	.mgine_differ.third { left:8%; }
	.mgine_differ.forth { left:56%; }
	.mgine_differ strong { font-size:20px; }
	.mgine_differ p { font-size:14px; }

	.app_proc_wrap ul { margin:-50px 0 0 -50px; }
	.app_proc_wrap ul li { height:243px; margin:50px 0 0 50px; width:260px; }
	.app_proc_wrap ul li.app_proc01:after,
	.app_proc_wrap ul li.app_proc02:after,
	.app_proc_wrap ul li.app_proc04:after,
	.app_proc_wrap ul li.app_proc05:after { right:-32px; }
	.app_proc_wrap ul li figure { height:163px; width:260px; }
	.app_proc_wrap ul li figure p { font-size:22px; }
	.app_proc_txt { height:80px; width:260px; }
	.app_proc_txt p { font-size:14px; line-height:22px; }

}

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

	.vision_part1_txt { padding-top:95px; }
	.vision_part1_txt p { font-size:16px; line-height:24px; margin-top:35px; }

	.vis_blue_ttl { font-size:28px; padding-bottom:20px; }

	.vis_sub_ttl { font-size:16px; }

	.value_white_ttl { font-size:28px; }

	.value_fixed_cont { left:60px; }
	.value_elem_img_wrap { left:200px; }

	.value_elem_wrap { width:100%; }
	.value_elem_wrap ul li { width:33.3%; }
	.value_elem_wrap ul li div.value_elem_cont p { font-size:13px; }

	.trend_mob_txt p { font-size:16px; line-height:24px; }

	/* application */
	.app_cont_wrap { padding:100px 0 60px 60px; }

}

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

	.vision_part1_pic figure { height:0; padding-bottom:54%; width:45%; }

	.vision_part1_txt { width:50% }
	.vision_part1_txt strong { font-size:28px; line-height:40px; }

	.color_wave_motto_wrap.vision { height:256px; width:100%; }
	.color_wave_motto_wrap.vision div.color_wave_motto,
	.color_wave_motto_wrap.vision div.color_wave_motto i.color_motto_mask { height:195px; width:450px; }

	.color_wave_motto_wrap.value div.color_wave_motto,
	.color_wave_motto_wrap.value div.color_wave_motto i.color_motto_mask { height:200px; width:533px; }

	.about_deco_txt { height:82px; top:176px; width:528px; }

	.vis_blue_ttl { font-size:28px; padding-bottom:20px; }

	.vis_sub_ttl { font-size:16px; margin-top:20px; }

	.vision_part2_txt1 { float:none; }

	.vision_part2_img_wrap,
	.vision_part2_img_wrap img.vision_part2_img1,
	.vision_part2_img_wrap img.vision_part2_img2 { height:auto; position:static; }

	.vision_part2_img_wrap { margin-left:-4%; margin-top:30px; width:107%; }
	.vision_part2_img_wrap img.vision_part2_img1 { float:right; width:54%; }
	.vision_part2_img_wrap img.vision_part2_img2 { float:left; width:44%; }

	.value_fixed_cont,
	.vision_part2_txt1.mt100 { display:none; }

	.trend_cont_wrap { padding:20px 0 60px 30px; width:93%; }

	.trend_mob_txt { height:316px; margin-right:9%; margin-top:57px; padding-top:45px; width:350px; }
	.trend_mob_txt strong { font-size:28px; line-height:40px; }
	.trend_mob_txt p { font-size:14px; }

	.mob_rate_img { background:url("../img/about/mob_rate_mobimg.png") no-repeat; background-size:100% auto; height:0; margin:60px 0 0 -30px; padding-bottom:53%; position:relative; width:100%; }
	.mob_rate_img p { bottom:3%; right:10%; }

	.mob_trend_txt_wrap { padding:47px 10px 0 30px; }

	.mob_trend_slide_wrap { padding:75px 0 80px 30px; }

	.mob_trend_slide_ttl { font-size:28px; }

	.mob_trend_slide .swiper-slide img { width:180px; }

	/* application */
	.app_cont_wrap { padding:100px 50px 60px 30px; width:93%; }

	.app_cont_each { padding-bottom:80px; }

	.mgine_differ_wrap { margin-top:30px; padding:0; }
	.mgine_differ { border-left:none; position:relative; }
	.mgine_differ.first,
	.mgine_differ.second,
	.mgine_differ.third,
	.mgine_differ.forth { bottom:auto; left:0; margin-top:30px; padding-bottom:0; padding-right:30px; padding-top:0; top:auto; }

	.mgine_differ p { white-space:initial; }
	.mgine_differ p br { display:none; }

	.app_proc_wrap { margin-top:40px; }
	.app_proc_wrap ul { margin:-50px 0 0 -5%; }
	.app_proc_wrap ul li { height:auto; margin:50px 0 0 5%; width:43%; }
	.app_proc_wrap ul li figure { height:auto; width:100%; }

	.app_proc_txt { height:auto; padding:50px; width:100%; }

	.app_proc_wrap ul li.app_proc01:after,
	.app_proc_wrap ul li.app_proc03:after,
	.app_proc_wrap ul li.app_proc05:after,
	.app_proc_wrap ul li.app_proc07:after { background:url("../img/about/app_arrow.png") center / 100% auto no-repeat; content:""; display:block; height:22px; position:absolute; right:-8%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:13px; }
	.app_proc_wrap ul li.app_proc02:after,
	.app_proc_wrap ul li.app_proc04:after,
	.app_proc_wrap ul li.app_proc06:after,
	.app_proc_wrap ul li.app_proc08:after { background:none; }

	.btn_app_request { margin-top:65px; }
	.btn_app_request p { width:92%; }
	.btn_app_request p a { font-size:16px; }

}

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

	.trend_mob_txt { height:284px; margin-right:0; margin-top:17px; padding-top:35px; width:310px; }
	.trend_mob_txt p { line-height:20px; }

	.sub_top_deco { height:0; padding-bottom:90%; width:70%; }

}

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

	.vision_part1_txt { float:none; padding-top:0; width:100%; }
	.vision_part1_txt p { margin-top:30px; }

	.vision_part1_pic figure { margin-left:-4%; margin-top:30px; padding-bottom:124%; width:107%; }
	.vision_part1_pic figure img { width:100%; }

	.color_wave_motto_wrap.vision div.color_wave_motto,
	.color_wave_motto_wrap.vision div.color_wave_motto i.color_motto_mask { height:164px; width:380px; }

	.color_wave_motto_wrap.value div.color_wave_motto,
	.color_wave_motto_wrap.value div.color_wave_motto i.color_motto_mask { height:158px; width:423px; }

	.about_deco_txt { height:70px; top:146px; width:458px; }

	.vis_sub_txt { margin-top:35px; }

	.value_fixed_img { background:url("../img/about/value_pic02.jpg") center center no-repeat; background-size:100% auto; height:249px; }
	.value_fixed_bg { background:url("../img/about/value_pic03.jpg") center center no-repeat; background-size:100% auto; height:249px; }

	.trend_mob_txt { float:none; }

	/* application */
	.app_fixed_img { background:url("../img/about/app_pic02.jpg") center center no-repeat; background-size:100% auto; height:249px; }

	.app_cont_wrap { padding:100px 3% 60px 3%; }

	.app_proc_wrap { display:none; }
	.app_proc_slide_wrap { display:block; margin-top:40px; }

	/* ui ux */
	.uiux_fixed_img { background:url("../img/about/uiux_pic02.jpg") center center no-repeat; background-size:100% auto; height:249px; }

}

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

	.vision_part1_txt strong { font-size:24px; line-height:36px; }

	.color_wave_motto_wrap.vision { height:126px; }
	.color_wave_motto_wrap.vision div.color_wave_motto,
	.color_wave_motto_wrap.vision div.color_wave_motto i.color_motto_mask { height:104px; width:240px; }

	.color_wave_motto_wrap.value { height:150px; }

	.color_wave_motto_wrap.value div.color_wave_motto,
	.color_wave_motto_wrap.value div.color_wave_motto i.color_motto_mask { height:91px; width:243px; }

	.about_deco_txt { height:40px; top:95px; width:258px; }

	.value_elem_wrap ul li { margin-bottom:50px; width:100%; }
	.value_elem_wrap ul li:last-child { margin-bottom:0; }

	.vision_fixed_img { background:url("../img/about/vision_pic02.jpg") center center no-repeat; background-size:100% auto; height:249px; }

	.vision_part1 { margin-top:30px; }

	.vis_blue_ttl { font-size:20px; padding-bottom:15px; }
	.vision_part2 { margin-top:-45px; }

	.vis_sub_ttl { font-size:14px; }
	.vis_sub_txt { font-size:12px; }

	.vision_part2_txt1.mt100 { margin-top:50px; }

	.trend_mob_txt { height:254px; padding-top:45px; width:290px; }
	.trend_mob_txt strong { border-bottom:1px solid #006aab; font-size:20px; letter-spacing:-2px; line-height:30px; }
	.trend_mob_txt strong span { font-size:14px; }

	.trend_cont_wrap { padding:20px 0 60px 3%; }

	.mob_rate_img { margin:30px 0 0 -15px; }

	.mob_trend_txt_wrap { padding:47px 10px 0 3%; }

	.mob_trend_slide_wrap { padding:75px 0 80px 3%; }
	.mob_trend_slide_ttl { font-size:20px; }

	.mob_trend_txt_wrap p { font-size:12px; }

	/* application */
	.app_proc_slide figure p { font-size:18px; }
	.app_proc_slide_txt p { font-size:14px; line-height:18px; }

}

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

	.trend_mob_txt { height:244px; padding-top:35px; width:270px; }

}

	/* value end */