@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1799px) {
	#i_choose{ margin-top: 100px; }
	.i_choose_img{ top: -100px; }
	.i_choose_txt{ float: none; width: calc(100% - 0px); padding-top: 200px; }

	.ul_lead{ float: none; margin-left: 260px;}

	.func_img{ max-width: 30%; }

	.support li{ padding: 9px 20px; font-size: .875em;}

	#abt_service .h2_dot{ margin-bottom: 200px; }
	.abt_service_img{ top: 250px; }
	.abt_service_txt{ float: right; margin-left: 0px; padding-top: 200px; }
	.abt_service_wrap .line{ height: 628px; top: -236px;}
}

@media all and (max-width: 1399px) {
	.bnr.t2 .bnr_txt{ padding: 20px 20px;}

	.login_wrap button{ padding: 10px 20px; font-size: 1.3125em; }
}

@media all and (max-width: 1299px) {
	.i_feat{ margin-top: -100px; }
	.i_feat_wrap{ padding: 35px 55px; }
	.i_feat_img{ width: 100px; height: 100px; }
	.i_feat_txt p{ font-size: 1.5em; display: block; }
	.i_feat_txt span{ font-size: 1.125em; display: block; }
	.i_feat_txt button{ margin-top: 15px; padding: 12px 24px 15px 24px; font-size: 1.125em; }

	.cover_l, .cover_r{ width: 100px;}

	.news_list_container{ white-space: nowrap; overflow-x: auto; }
	.news_list_wrap{ width: 390px; }
	.news_list_txt h3, .news_list_txt p{ white-space: normal; }
}

@media all and (max-width: 1199px) {
	.bnr{ height: auto !important;}
	.bnr .container{ flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.bnr_txt{ width: 100%; padding: 30px; order: 2; }
	.bnr_txt h3{ font-size: 2.5em; }
	.bnr_txt p{ font-size: 1.25em; }
	.bnr_img{ width: 100%; text-align: center; order: 1; }
	.bnr#index .bnr_img img{ width: 70%; height: auto; }

	.i_our_service_img{ width: 100%; top: -60px; }
	.i_our_service_img img{ width: 100%; max-width: 400px !important; }
	.i_our_service_txt{ max-width: 748px; margin: 0 auto; padding-top: 320px; }

	.i_service_wrap{ margin-top: 120px; }

	footer .row > div:last-child{ padding-top: 50px; }

	#pdt_adv .box{ margin: 10px 0; }
	.pdt_adv_wrap{ min-height: auto;}
	.pdt_adv_wrap h3{ padding-top: 30px; padding-left: 0; background-position: right top !important; }
	.pdt_adv_wrap p{ text-align: justify; }

	.h2_dot.t2 h2 span{ display: none; }

	.pdt_support_wrap{ min-height: auto;}

	.pdt_jumps table{ width: 1199px; }

	.sol_group_wrap{ padding: 40px 40px 40px 40px;}
	.sol_group_wrap p{ margin-top: 20px; font-size: 1.25em; }
}

@media all and (max-width: 991px) {
	.i_feat_wrap{ padding: 20px 30px; }
	.i_feat_img{ width: 70px; height: 70px; }
	.i_feat_txt p{ font-size: 1.325em; display: block; }
	.i_feat_txt span{ font-size: 1em; display: block; }
	.i_feat_txt button{ margin-top: 15px; padding: 10px 18px 13px 18px; font-size: 1em; }

	.i_adv_wrap{ padding: 20px 20px;}
	.i_adv_01{ padding-top: 60px; background-image: url('../../img/ico-i_adv_01.png'), url('../../img/ico-i_adv_01_bg.png'); background-position: right 10px top 10px, left -20px bottom -20px; background-size: 60px auto, 60px auto; background-repeat: no-repeat; }
	.i_adv_02{ padding-top: 60px; background-image: url('../../img/ico-i_adv_02.png'); background-position: right 10px top 10px; background-size: 60px auto; background-repeat: no-repeat; }
	.i_adv_03{ background-image: url('../../img/ico-i_adv_03_bg.png'); background-position: left -20px bottom -20px; background-size: 60px auto; background-repeat: no-repeat; }
	.i_adv_04{ padding-top: 60px; background-image: url('../../img/ico-i_adv_04.png'); background-position: right 10px top 10px; background-size: 60px auto; background-repeat: no-repeat; }
	.i_adv_05{ padding-top: 60px; background-image: url('../../img/ico-i_adv_05.png'); background-position: right 10px top 10px; background-size: 60px auto; background-repeat: no-repeat; }
	.i_adv_06{ background-image: url('../../img/ico-i_adv_06_bg.png'); background-position: left -20px bottom -20px; background-size: 60px auto; background-repeat: no-repeat; }
	.i_adv_txt p{ font-size: 2em; }
	.i_adv_txt span{ font-size: 1.125em; }

	.i_choose_img{ margin-right: 50px;}
	.i_choose_txt{ margin-left: 40px; }
	.i_choose_02, .i_choose_04, .i_choose_06{ margin-left: 170px; }
	.i_choose_txt .i_choose_line{ height: 1px; background: #1863ff; position: absolute; top: 48px; left: -45px; }
	.i_choose_txt .row > div:nth-child(1) .i_choose_line, .i_choose_txt .row > div:nth-child(3) .i_choose_line, .i_choose_txt .row > div:nth-child(5) .i_choose_line{ width: 70px; }
	.i_choose_txt .row > div:nth-child(2) .i_choose_line, .i_choose_txt .row > div:nth-child(4) .i_choose_line, .i_choose_txt .row > div:nth-child(6) .i_choose_line{ width: 235px; }

	.ul_lead{ margin-left: 80px;}

	#i_func .container-fluid:nth-child(2) .func_txt, #i_func .container-fluid:nth-child(4) .func_txt{ text-align: left; }
	#i_func .container-fluid:nth-child(1), #i_func .container-fluid:nth-child(3){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 300px !important; }
	#i_func .container-fluid:nth-child(2), #i_func .container-fluid:nth-child(4){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 300px !important; }
	.func_wrap{ flex-wrap: wrap; justify-content: center; }
	.func_txt, .func_img{ width: 100%; }
	.func_txt{ order: 2; }
	.func_txt span{ max-width: 470px; margin: 0 auto; display: block; }
	.func_txt i{ margin-bottom: 15px; padding: 5px 25px; font-size: 1em; }
	.func_txt h3{ margin-bottom: 20px; font-size: 2em; line-height: 1.25em; }
	.func_txt p{ font-size: 1em; text-align: justify; }
	.func_txt p br{ display: none; }
	.func_txt button{ margin-top: 30px; padding: 15px 55px; font-size: 1em; }
	.func_img{ max-width: 100%; margin-bottom: 40px; order: 1; text-align: center !important; }
	.func_img img{ width: auto !important; max-height: 300px !important; }

	#abt_cus .box{ padding: 30px 30px; }
	.abt_cus_wrap img{ width: 66px; }
	.abt_cus_wrap p{ margin-top: 10px; font-size: 1em; }

	.abt_service_img{ margin-right: 50px; top: 150px; }
	.abt_service_txt{ float: none; padding-top: 200px; }
	.abt_service_wrap{ width: 100%; padding: 60px 0px;}
	.abt_service_wrap .line{ display: none;}

	.pdt_load_lst{ margin: 0 0 0 25px; padding: 10px 0; }
	.pdt_load_lst li{ font-size: 1.5em; }

	#sol_adv.t2 .sol_adv_wrap{ padding: 40px 40px 40px 40px; background-position: center top 40px !important; }
	#sol_adv.t2 .sol_adv_wrap h3{ margin-top: 100px; line-height: 1em; text-align: center; }
}

@media all and (max-width: 768px) {
	#pdt_strategy img{ display: none; }
	.pdt_strategy{ display: block; }

	#pdt_waf img{ display: none; }
	.pdt_waf{ display: block; }

	#sol_01 img{ display: none; }
	.sol_edge_point{ display: block; }
	.sol_edge_point li{ text-align: center;}

	#pdt_02_img{ overflow-x: auto;}
	#pdt_02_img img{ max-width: 1000px !important; }

	#sol_02_img{ overflow-x: auto;}
	#sol_02_img img{ max-width: 600px !important; }

	#sol_03_img{ overflow-x: auto;}
	#sol_03_img img{ max-width: 600px !important; }

	#sol_05 .sol_img_dk{ display: none; }
	#sol_05 .sol_img_mb{ display: block; }

	#sol_06 .sol_img_dk{ display: none; }
	#sol_06 .sol_img_mb{ display: block; }
}

@media all and (max-width: 767px) {
	.i_feat_wrap{ padding: 35px 55px; }
	.i_feat_img{ width: 100px; height: 100px; }
	.i_feat_txt p{ font-size: 1.5em; display: block; }
	.i_feat_txt span{ font-size: 1.125em; display: block; }
	.i_feat_txt button{ margin-top: 15px; padding: 12px 24px 15px 24px; font-size: 1.125em; }

	.h2_dot h2{ font-size: 2em; }
	.h2_dot span{ font-size: 1.25em; }

	#i_partner h2{ margin-bottom: 20px; font-size: 2.25em; }
	#i_partner h3{ margin-bottom: 30px; font-size: 2em; }

	.cover_l, .cover_r{ display: none;}

	#cdn table{ width: 767px; }
	#cdn .ps span{ font-size: 1em; }
	#cdn .ps ul li{ float: none; width: 100% !important; }
	#cdn .ps ul li:nth-child(1){ font-size: 1.25em; }
	#cdn .ps ul li:nth-child(2){ font-size: 1em; }
	#cdn .ps ul li:nth-child(2) p{ padding-left: 30px; background: url('../../img/ico-checked.png') left top 3px no-repeat; background-size: 20px auto; display: inline-block; }

	#pdt_load .row div:first-child{ text-align: center; }

	.pdt_load_lst{ margin: 30px 20px 0 40px; padding: 0 0 30px 0; }
	.pdt_load_lst li{ font-size: 1.5em; }

	#sol_adv.t2 .sol_adv_wrap h3{ font-size: 1.5em;}
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	section{ padding: 50px 0; }

	.float_wrap{ width: 34px; right: 10px; }
	.float a{ width: 34px; height: 34px;}

	.bnr_txt{ padding: 20px 10px;}
	.bnr_txt h3{ font-size: 1.5em !important; }
	.bnr_txt p{ font-size: 1em !important; }

	.i_feat{ margin-top: -50px; }
	.i_feat_wrap{ padding: 20px 30px; }
	.i_feat_img{ width: 70px; height: 70px; }
	.i_feat_txt p{ font-size: 1.325em; display: block; }
	.i_feat_txt span{ font-size: 1em; display: block; }
	.i_feat_txt button{ margin-top: 15px; padding: 10px 18px 13px 18px; font-size: 1em; }

	.h2_dot h2{ margin-bottom: 15px; font-size: 1.75em; }
	.h2_dot h2 i:nth-child(1){ width: 20px; height: 10px; background: url('../../img/ico-h2_dot_l.png') center center no-repeat; background-size: cover; top: 12px; left: -30px; }
	.h2_dot h2 i:nth-child(3){ width: 20px; height: 10px; background: url('../../img/ico-h2_dot_r.png') center center no-repeat; background-size: cover; top: 12px; right: -30px; }
	.h2_dot span{ font-size: 1.125em; }

	.i_adv_txt p{ font-size: 1.5em; }
	.i_adv_txt span{ font-size: 1em; }
	.i_adv_img img{ width: 90px; }

	.i_our_service_txt h3{ font-size: 2.5em; }
	.i_our_service_txt p{ font-size: 1.25em; line-height: 1.5em; }

	.i_service_wrap{ margin-top: 70px; }
	.i_service{ padding: 100px 40px 30px 40px;}
	.i_service h3{ font-size: 1.5em; }
	.i_service p{ font-size: 1.25em; }
	.i_service_img{ top: -50px; }
	.i_service_img img{ max-width: 150px !important; }

	.i_choose_txt{ margin-left: 20px; padding-top: 20vw; }
	.i_choose_02, .i_choose_04, .i_choose_06{ margin-left: 20px; }
	.i_choose_txt .i_choose_line{ height: 1px; background: #1863ff; position: absolute; top: 32px; left: -45px; }
	.i_choose_txt .row > div:nth-child(1) .i_choose_line, .i_choose_txt .row > div:nth-child(3) .i_choose_line, .i_choose_txt .row > div:nth-child(5) .i_choose_line{ width: 68px; }
	.i_choose_txt .row > div:nth-child(2) .i_choose_line, .i_choose_txt .row > div:nth-child(4) .i_choose_line, .i_choose_txt .row > div:nth-child(6) .i_choose_line{ width: 85px; }
	.i_choose_wrap{ margin-top: 10px; margin-bottom: 10px; padding: 0 0 0 40px; background-size: 30px auto;}
	.i_choose_wrap h3{ margin-bottom: 5px; font-size: 1.25em; }
	.i_choose_wrap p{ font-size: 1em; }

	#i_news .nav-tabs .nav-link{ padding: 10px 10px; font-size: 1em;}
	#i_news .tab-content{ padding: 10px 10px; }
	.news_wrap{ margin: 10px 0; }
	.news_wrap .news_img{ margin-bottom: 15px;}
	.news_wrap h3{ margin-bottom: 15px; font-size: 1.5em; }
	.news_wrap p{ font-size: 1em; }

	.ul_lead{ width: calc(272px * 4); margin-left: 15px;}
	.lead_wrap{ width: 260px; padding: 20px;}
	.lead_txt{ padding: 0 0px; }
	.lead_txt h3{ font-size: 1.5em; }
	.lead_txt p{ font-size: 1em; }

	#i_func .container-fluid:nth-child(1){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 300px; }
	#i_func .container-fluid:nth-child(2){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 300px; }
	#i_func .container-fluid:nth-child(3){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 300px; }
	#i_func .container-fluid:nth-child(4){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 300px; }

	.func_txt h3{ margin-bottom: 10px; font-size: 1.25em; }

	#i_stat h2{ margin-bottom: 20px; font-size: 2.25em; }
	#i_stat h3{ margin-bottom: 60px; font-size: 2em; }
	#i_stat img{ margin-bottom: 70px; }

	#i_partner h2{ margin-bottom: 20px; font-size: 1.5em; }
	#i_partner h2 span{ margin-top: 10px; font-size: .2em; }
	#i_partner h3{ margin-bottom: 20px; font-size: 1.325em; }

	footer{ padding: 30px 0; }
	footer i{ font-size: 2.25em; }
	footer .row{ margin-top: 30px; }
	footer .row > div:last-child p{ margin-top: 10px; font-size: 1.25em; }
	footer b{ font-size: 1.5em; }
	footer p{ margin: 20px 0; }
	footer span{ font-size: 1.5em; line-height: 1.5em; }

	.social{ margin: 30px 0 0 0;}
	.social li{ margin-left: 15px; }
	.social a{ width: 30px; height: 30px; margin: 8px 0; display: block; }

	.pdt_adv_wrap{ min-height: auto !important; padding: 20px 30px;}
	.pdt_adv_wrap h3{ margin-bottom: 10px; padding: 30px 10px 9px 0px; font-size: 1.5em; background-size: 40px auto !important;}
	.pdt_adv_wrap p{ font-size: 1em; }

	.pdt_see_wrap{ padding: 20px 30px;}
	.pdt_see_wrap{ background-position: right 20px top 12px !important; background-size: 40px auto !important; }
	.pdt_see_wrap h3{ margin-bottom: 20px; font-size: 1.5em;}
	.pdt_see_wrap p{ width: 100%; font-size: 1em;}

	#pdt_ang p{ font-size: 1em; }

	.pdt_support_wrap{ padding: 20px 20px;}
	.pdt_support_wrap h3{ margin-bottom: 10px; padding: 10px 10px 14px 58px; font-size: 1.5em; background-size: 40px auto !important; background-position: left top 15px !important; }

	#pdt_load .row{ margin-top: 30px; }
	.pdt_load_lst li{ font-size: 1.25em; }

	.pdt_strategy li{ height: 160px; margin-bottom: 30px; }
	.pdt_strategy li:last-child{ margin-bottom: 0px; }
	.pdt_strategy li i{ width: 26px; height: 66px; bottom: 0px; left: 18px; }
	.pdt_strategy h3{ padding: 12px 0 12px 80px; font-size: 1.25em; background-size: 60px auto !important; }
	.pdt_strategy h3 span{ font-size: 12px; }
	.pdt_strategy p{ margin-top: -5px; padding-left: 80px; font-size: 1em; }

	.pdt_waf li{ margin-bottom: 50px; }
	.pdt_waf h3{ padding: 13px 0 27px 80px; font-size: 1.25em; background-size: 60px auto !important; }
	.pdt_waf p{ margin-top: -20px; padding-left: 80px; font-size: 1em; }
	.pdt_waf li i{ width: 26px; height: 46px; bottom: -33px; left: 18px; }

	.pdt_jumps h3{ margin-bottom: 20px; font-size: 1.5em; }
	.pdt_jumps p{ font-size: 1.25em; }

	#sol_01{ margin: -50px 0 50px 0; text-align: center; }
	.sol_adv_wrap{ padding: 110px 30px 30px 30px; background-size: 60px auto !important;}
	.sol_adv_wrap h3{ font-size: 1.375em; }
	.sol_adv_wrap p{ font-size: 1em; }

	.sol_edge_point{ margin-bottom: 100px; }
	.sol_edge_point h3{ padding: 23px 0 37px 80px; font-size: 1.5em; background-size: 60px auto !important; }
	.sol_edge_point button{ margin: -20px 0 0 80px; padding: 10px 50px 10px 50px; font-size: 1em; }
	.sol_edge_point li i{ width: 26px; height: 66px; bottom: -63px; left: 18px; }

	.sol_group_wrap{ padding: 20px 10px;}
	.sol_group_wrap img{ width: 70px; }
	.sol_group_wrap p{ margin-top: 10px; font-size: 1.25em; }
	.sol_group_wrap span{ margin-top: 10px; font-size: 1em; }

	#sol_adv.t2 .sol_adv_wrap{ padding: 30px; background-position: center top 30px !important; }
	#sol_adv.t2 .sol_adv_wrap h3{ margin-top: 80px; font-size: 1.25em; }

	.cont_wrap h3{ margin-top: 20px; font-size: 1.5em; }
	.cont_wrap p{ margin-top: 20px; font-size: 1em; }

	.partner_scrolling{ margin: 30px 0 0 0;}

	#cdn .tab-content{ margin-top: 30px; padding: 0 0px;}
	#cdn .nav-link{ margin: 0 5px; padding: 8px 40px; font-size: 1.25em;}
	#cdn table thead{ font-size: 1.25em; }
	#cdn table th, #cdn table td{ padding: 10px; }
	#cdn table tbody td{ font-size: 1em;}
	#cdn .accordion .btn-link{ padding: 8px 20px; font-size: .65em;}

	.abt_cus_wrap img{ width: 50px; }
	.abt_cus_wrap p{ font-size: .813em; }

	#abt_service .h2_dot{ margin-bottom: 150px; }
	.abt_service_img{ top: 150px; }
	.abt_service_txt{ padding-top: 140px; }
	.abt_service_wrap{ width: 100%; padding: 60px 0px;}
	.abt_service_wrap img{ width: 100px; }
	.abt_service_wrap p{ margin-top: 20px; font-size: 1em; }
	.abt_service_wrap .line{ display: none;}

	.news_list_wrap{ width: 250px; }
	.news_list_txt h3{ font-size: 1.5em;}
	.news_list_txt p{ height: 64px; font-size: 1em; }
	.news_list_info p{ font-size: 1em; }

	.bnr.t2 .bnr_txt button{ font-size: 1.25em; }

	.login_wrap{ padding: 80px 40px;}
	.login_wrap h2{ font-size: 2em;}
	.login_wrap span{ margin-top: 10px; font-size: .875em;}
	.login_wrap form{ margin-top: 20px; }
	.login_wrap .ctr_check{ font-size: .813em; }
	.login_wrap button{ margin-top: 20px; font-size: 1.25em; }
	.login .modal-body{ padding: 50px 50px;}
	.login img{ width: 120px; height: auto; }
	.login p{ margin-top: 30px; font-size: 1.5em;}
	.login button{ margin-top: 30px; font-size: 1.25em;}
}

@media all and (max-width: 480px) {
	.i_feat_wrap{ padding: 15px 25px; }
	.i_feat_img{ width: 60px; height: 60px; }
	.i_feat_txt p{ font-size: 1.25em; display: block; }
	.i_feat_txt span{ font-size: 1em; display: block; }
	.i_feat_txt button{ margin-top: 10px; padding: 8px 16px 11px 16px; font-size: 1em; }

	.h2_dot h2{ margin-bottom: 10px; font-size: 1.25em; }
	.h2_dot h2 i:nth-child(1){ width: 15px; height: 7px; background: url('../../img/ico-h2_dot_l.png') center center no-repeat; background-size: cover; top: 8px; left: -25px; }
	.h2_dot h2 i:nth-child(3){ width: 15px; height: 7px; background: url('../../img/ico-h2_dot_r.png') center center no-repeat; background-size: cover; top: 8px; right: -25px; }
	.h2_dot span{ font-size: .875em; }

	.i_our_service_img img{ max-width: 300px !important; }
	.i_our_service_txt{ padding-top: 220px; }

	.i_choose_txt{ margin-left: 10px; padding-top: 15vw; }

	#i_news .nav-tabs .nav-link{ padding: 10px 8px; font-size: .875em;}

	#i_func .container-fluid{ margin: 80px 0; }
	#i_func .i_func_wrap .container-fluid:nth-child(1){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 220px !important; }
	#i_func .i_func_wrap .container-fluid:nth-child(2){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 220px !important; }
	#i_func .i_func_wrap .container-fluid:nth-child(3){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 220px !important; }
	#i_func .i_func_wrap .container-fluid:nth-child(4){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 220px !important; }

	#i_stat h2{ margin-bottom: 15px; font-size: 2em; }
	#i_stat h3{ margin-bottom: 30px; font-size: 1.5em; }
	#i_stat img{ margin-bottom: 40px; }

	#abt_service .h2_dot{ margin-bottom: 130px; }
	.abt_service_img{ top: 130px; }
	.abt_service_txt{ padding-top: 100px; }
	.abt_service_wrap{ padding: 40px 0px;}

	.login_wrap{ padding: 50px 30px;}

	#sol_adv.t2 .sol_adv_wrap{ padding: 20px 10px; background-position: center top 20px !important; }
	#sol_adv.t2 .sol_adv_wrap h3{ margin-top: 75px; font-size: 1em; }
}

@media all and (max-width: 375px) {
	.i_choose_txt{ padding-top: 5vw; }

	#i_func .i_func_wrap .container-fluid:nth-child(1){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 250px; }
	#i_func .i_func_wrap .container-fluid:nth-child(2){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 250px; }
	#i_func .i_func_wrap .container-fluid:nth-child(3){ background: url('../../img/bg-i_func_01.png') right top no-repeat; background-size: auto 200px; }
	#i_func .i_func_wrap .container-fluid:nth-child(4){ background: url('../../img/bg-i_func_02.png') left top no-repeat; background-size: auto 200px; }

	#abt_service .h2_dot{ margin-bottom: 130px; }
	.abt_service_img{ top: 130px; }
	.abt_service_txt{ padding-top: 80px; }
	.abt_service_wrap{ padding: 30px 0px;}
}

@media all and (max-width: 374px) {
}