/************************************* sub common *************************************/ 
.sub_visual{width: 100%;height: 400px;display: flex;justify-content: center;align-items: center;text-align: center; background-repeat:no-repeat;background-size:cover;background-position:center center;}
.visual01{background-image:url(../images/sub_visual01.jpg);}
.visual02{background-image:url(../images/sub_visual02.jpg);}
.visual03{background-image:url(../images/sub_visual03.jpg);}
.visual04{background-image:url(../images/sub_visual04.jpg);}
.visual05{background-image:url(../images/sub_visual05.jpg);}
.visual06{background-image:url(../images/sub_visual06.jpg);}
.sub_title h2{color: #fff;font-size: 60px;}
.sub_position{display: flex;justify-content: center;margin-top: 2rem; padding:0 20px;}
.sub_position p{ font-size:16px;position:relative; }
.sub_position p:not(:last-child){margin-right:30px;}
.sub_position p:not(:last-child):after{content:'';width:6px;height:10px;background:url('/images/arr-right.png');position:absolute;right:-18px;top:50%; margin-top:-5px;}
 
.sub_position p a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;   } 
.sub_position p.on_sub{padding:7px 15px;border-radius:50px;background-color: #e11c2e;font-weight:600;font-size:15px;} 
.sub_contents{ }
.sub_cont_tit{ padding:100px 0 50px;}
.sub_cont_tit h3{display:inline-block;padding:10px 10px 0 0;font-size:40px;color:#000;/*background:url('../images/tit_symbol.png') no-repeat right top;*/ margin:0 0 10px; }
.sub_cont_tit h4{display:block;padding:10px 10px 0 0;font-size:20px;color:#000;/*background:url('../images/tit_symbol.png') no-repeat right top;*/ margin:0 0 10px; }
.sub_cont_tit p{font-size:18px;}
.sub_desc > .cont_tit:first-child{margin-top:0;}
.cont_tit{text-align:center;margin:80px auto 50px;}
.cont_tit h3{margin:0 0 20px;font-size:30px;}
.cont_tit h4{margin:0 0 20px;font-size:24px; font-weight:600}
.cont_tit p{margin:0 0 20px;font-size:16px;}
.cont_tit ul li{position:relative; padding-left:15px; margin:5px 0; text-align:left;}
.cont_tit ul li::after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}


.sub_tabs{ }
.sub_tabs ul{ display:flex; }
.sub_tabs ul li{min-width:11.5%;display:inline-block; margin-right:1%;}
.sub_tabs ul li a{display:block;padding:10px;border:1px solid #ddd;border-radius:50px;text-align:center;font-size:16px;}
.sub_tabs ul li.on a{background:#e11c2e;border-color:#e11c2e;color:#fff;}
.sub_contents{ padding-bottom:100px;}
.cont_img{text-align:center; margin:30px 0;}
.cont_img_bg{border:1px solid #ddd; border-radius:20px; padding:50px; text-align:center;}
.cont_img_bg p{margin:20px 0 0;} 


.mo_img{display:none}
.pc_img{ margin:0 auto; display:block;}
 

/************************************* board *************************************/ 
/* table */
table{border-collapse: collapse;}
.gb_table{width:100%; }
.gb_table th{background:#4d8c97; color:#fff; padding:15px 10px;}
.gb_table td{border-bottom:1px solid #666;padding:15px 10px;text-align:center; } 
 
/* view */
.board_view{border-top:2px solid #000; margin-top:100px;}
.board_view .board_top{border-bottom:1px solid #ddd;   display:flex; justify-content: center; flex-wrap:wrap;}
.board_view .board_top .file{width:100%; border-top:1px solid #ddd; padding:20px; margin-top:20px;}
.board_view .board_top p:nth-child(1){margin-right:30px;}
.board_view .board_top strong{margin-right:10px;}
.board_view .view_cont{border-bottom:1px solid #ddd; padding:50px 20px;}
.board_view .prev_list{border-bottom:1px solid #ddd; padding:20px;}
.board_view .next_list{border-bottom:1px solid #ddd; padding:20px;}

/* button */
.board_btn{text-align:center; margin:40px 0;}
.board_btn a{display:inline-block; height:60px; line-height:60px; width:47%; margin:0 1%; font-weight:600; max-width:200px; background:#fff; border:1px solid #ddd; }
.board_btn a:last-child{background:#e11c2e; border-color:#e11c2e; color:#fff; }

/* paging */
.paging{text-align:Center;margin:50px 0 0;}
.paging a{display:inline-block;margin:3px;border:1px solid #ddd;width:30px;height:30px; line-height:30px;font-size:14px;}
.paging a.on{background:#e71e28;color:#fff;	border-color:#e71e28;}
.paging a.prev,
.paging a.next{border:none;}
 

/************************************* support *************************************/ 
.support textarea{border:1px solid #ddd; padding:20px; border-radius:4px; width:100%; min-height:200px;} 
.support .contact_form dl{border-top:1px solid #ddd; padding:20px 0 20px 20px; display:flex; flex-wrap:wrap;}
.support .contact_form dl dt{width:200px; font-weight:600; font-size:18px; margin-top:10px;}
.support .contact_form dl dd{width:calc(100% - 200px);}
.support .contact_form input{border:1px solid #ddd; padding:10px; border-radius:4px;} 
.concact_privacy{margin:20px 0;}
.support .check_box{margin:20px 0; }
.support .check_box input{width: 19px;height: 19px; margin-right: 10px;position: relative;margin-top: -2px;  cursor:pointer;} 


 
/************************************* vision *************************************/ 
.vision .vision_tit p{ text-align: center; font-size: 50px; font-weight: 700; line-height:1.2;}
.vision .vision_tit p span{ color: #e71e28;}
.vision .vision_bg{ height: 400px; background: url(.././images/company/vision_bg01.png)no-repeat; margin-top: 80px;} 
.vision .vision_cont{ display: flex; justify-content: space-around; align-items: flex-start;  border-radius: 15px; margin-top: -100px; background: #fff; padding:100px 0;}
.vision .vision_cont > div{ width: 50%;  padding:0 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.vision .vision_cont > div:last-child{border-left:1px solid #ddd;}
.vision .vision_cont > div h3{ font-size: 26px;}
.vision .vision_cont > div img{ margin-top: 30px;}
.vision .vision_cont > div p{ line-height: 1.6; margin-top: 40px; color: #666; font-weight: 500;} 


/************************************* location *************************************/
.location.sub_contents{padding-bottom:0;}
.location .address ul{ display: flex; justify-content: space-between;}
.location .address ul li{ display: flex; align-items: flex-start;}
.location .address ul li .img_box{ display: flex; align-items: flex-end; margin-right: 20px;}
.location .address ul li .txt_box h4{ font-size: 16px; color: #aaaaaa; margin-bottom: 10px; font-weight:500}
.location .address ul li .txt_box strong{ font-size: 24px; font-weight:600}
.location .maps{ height: 500px; background: url(../images/company/map.png) no-repeat center center; margin-top: 100px;}


/************************************* greeting *************************************/
.greeting.sub_contents{padding-bottom:0;}
.greeting .grt_cont{ display: flex;  flex-wrap:wrap; background: url(../images/company/greeting_bg02.png)no-repeat;background-position: right top;}  
.greeting .grt_cont .greeting_bg{width:45%; background: url(../images/company/greeting_bg.png) no-repeat center center / cover;}
.greeting .grt_txt{width: 55%; max-width:700px; padding:50px 0 150px 100px;}
.greeting .grt_txt h2{ font-size: 70px; text-align: left; line-height:1;}
.greeting .grt_txt h2 span{ color: #E71C24;} 
.greeting .grt_txt h2 b{display:block; margin-left:110px; font-size:.5em;}
.greeting .grt_txt p{ color: #666; text-align: left; line-height: 2;margin-top: 45px;   } 
.greeting .grt_txt strong{ display:block; font-size: 20px; font-weight: 800; margin-top: 45px;position: relative;}
.greeting .grt_txt strong .sign{width: 200px;height: 128px;display: inline-block;position: absolute;top: -35px;}

/************************************* awards *************************************/
.awards .cont_tit{text-align:left;}
.awards .awards_cont ul{display: flex;flex-wrap: wrap; justify-content:start;}
.awards .awards_cont ul li{width:23.5%; margin-right:2%; margin-bottom:2%; text-align:center;}
.awards .awards_cont ul li img{border:1px solid #666;}
.awards .awards_cont ul li:nth-child(4n){margin-right:0;}
.awards .awards_cont ul li p{margin:20px 0; font-size:16px; }
.awards .awards_cont ul li b{color:#e11c2e;}



/************************************* value *************************************/
.value .value_cont h3{font-size:24px; margin-top:50px;} 
.value .value_cont ul li{display:inline-block; padding: 15px 30px;border:1px solid #ddd;border-radius: 50px;margin-right: 10px;margin-top: 20px;}

/************************************* features *************************************/
.features .feature_cont ul{  margin:50px 0;}
.features .feature_cont ul li{  margin:1% 0; border:1px solid #666; padding:30px;}
.features .feature_cont ul li h4{font-size:20px; margin:0 0 20px;}
.features .feature_cont ul li h4 strong{color:#e11c2e; display:block;}
.features .feature_bg{width:100%; height:400px; background:url('../images/company/feature_bg.jpg') no-repeat center center / cover;}
.features .dot_list{}
.features .dot_list p{position:relative; padding-left:15px; margin:5px 0; text-align:left;}
.features .dot_list p::after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}


/************************************* customer_value *************************************/
.customer_value .custv_cont{}
.customer_value .custv_cont ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.customer_value .custv_cont ul li{width:49%; margin-bottom:2%; background:#f8f8f8; padding:50px; font-size:18px; display:flex; align-items:center;}
.customer_value .custv_cont ul li p{margin-left:7%; font-weight:600;max-width:300px;}
.customer_value .custv_bg{width:100%; height:400px; background:url('../images/company/custv_bg.jpg') no-repeat center center / cover;}


/************************************* history *************************************/
.history .history_tit span{color: #e71c24;}
.history .history_tit .list01 {display:flex; flex-wrap:wrap; justify-content:center; }
.history .history_tit .list01 li{display:inline-block; width:200px;  text-align:center; margin:0 3% 70px;}
#.history .history_tit .list01 li a{width:160px; height:160px; border-radius:50%; color:#fff;  background:#2e75b6;  font-size:20px; display:flex; justify-content:center; align-items:center; margin:0 auto 20px;}
.history .history_tit .list01 li a{font-size: 30px; font-weight: 700;color: #000; display:flex; justify-content:center; align-items:center; margin:0 auto 20px;}
.history .history_cont{display: flex; flex-wrap:wrap;justify-content: space-between;margin-top: 1.5rem; overflow:hidden;}
.history .history_cont h2{font-size: 100px; color: #000; line-height:1;  }
.history .history_cont div{  width:50%;}
.history .history_cont div ul{ padding-left:25%;}
.history .history_cont div ul strong{display:block;font-size: 32px;font-weight: 700; color: #000;}
.history .history_cont div ul{margin-bottom: 100px;position: relative;}
.history .history_cont div ul::before{content: ''; background: url(../images/tit_symbol.png) no-repeat;width: 18px;height: 18px; display: inline-block;position: absolute;left:-9px;top: 15px;}
.history .history_cont div ul::after{content: '';width: 1px; height: calc(100% + 100px);background:#ddd;position: absolute;left:0;top: 32px;z-index: -1;}
.history .history_cont div ul:last-child::after{height: 400px;}
.history .history_cont div ul li{font-size: 16px; margin:10px 0;  position:relative; padding-left:15px; margin:5px 0; text-align:left; color:#666;}
.history .history_cont div ul li::before{content:''; width:4px; height:4px; background:#aaa; border-radius:50%; position:absolute; left:0; top:8px;} 


@media screen and (min-width:769px){
	.history .history_cont:nth-child(2n+1){ flex-direction: row-reverse;}  
	.history .history_cont:nth-child(2n+1) div ul{ padding-left:0; padding-right:25%;  text-align:right;}
	.history .history_cont:nth-child(2n+1) div ul li{text-align:right; padding-left:0; padding-right:15px;}
	.history .history_cont:nth-child(2n+1) div ul li::before{left:auto; right:0;}
	.history .history_cont:nth-child(2n+1) div ul::before{left:auto; right:-9px;}
	.history .history_cont:nth-child(2n+1) div ul::after{left:auto; right:-1px;}
}




/************************************* product *************************************/
.product .prd_solution{border:1px solid #ddd; padding:100px 50px ; border-radius:20px;}
.product .prd_solution .list01 {display:flex; flex-wrap:wrap; justify-content:center; }
.product .prd_solution .list01 li{display:inline-block; width:160px;  text-align:center; margin:0 3% 70px;}
.product .prd_solution .list01 li h4{width:160px; height:160px; border-radius:50%; color:#fff;  background:#2e75b6;  font-size:20px; display:flex; justify-content:center; align-items:center; margin:0 auto 20px;}
.product .prd_solution .list02 li{padding:15px; font-size:20px; font-weight:bold; margin:20px auto 0;  border-radius:10px; text-align:center; max-width:900px; background:#a5a5a5; color:#fff;} 
.product .prd_solution .list02 li:nth-child(1){background:#c55a11}
.product .prd_solution .list02 li:nth-child(2){background:#4d8c97}
.product .prd_solution .list02 li:nth-child(3){background:#a5a5a5}
.product .prd_solution .list03{display:flex; flex-wrap:wrap; justify-content:center;  background:#fff; padding:20px; border-radius:10px; max-width:900px;  margin:0 auto 50px; }
.product .prd_solution .list03 li{display:inline-block; width:20%;  text-align:center;  border-right:1px solid #ddd;}
.product .prd_solution .list03 li:last-child{border-right:0;} 
.product .prd_charact{border-top:2px solid #000; padding:50px 0;}
.product .prd_charact dl{display:flex; flex-wrap:wrap; margin:0 0 50px;}
.product .prd_charact dl:last-child{margin:0;}
.product .prd_charact dl dt{width:200px; font-size:24px; font-weight:bold}
.product .prd_charact dl dd{width:calc(100% - 200px);}
.product .prd_charact dl dd ul li{position:relative; padding-left:15px; margin:5px 0;}
.product .prd_charact dl dd ul li:after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}
.product .prd_charact_sub dl{display:flex; flex-wrap:wrap; margin:0 0 50px;}
.product .prd_charact_sub dl:last-child{margin:0;}
.product .prd_charact_sub dl dt{width:300px; font-size:18px; font-weight:bold}
.product .prd_charact_sub dl dd{width:calc(100% - 300px);}
.product .prd_charact_sub dl dd ul li{position:relative; padding-left:15px; margin:5px 0;}
.product .prd_charact_sub dl dd ul li:after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}



/************************************* service *************************************/
.service .consult_cont p{margin:10px 0;}
.service .consult_cont ul{display:flex; justify-content:space-between; }
.service .cont_img{background:#f8f8f8; padding:40px;}
.service .consult_cont ul li{width:24%;  padding-bottom:30px;  border:1px solid #666; }
.service .consult_cont ul li h3{ background:#c55a11; color:#fff; padding:10px; height:80px; display:flex; justify-content:center; align-items:center; text-align:center;} 
.service .consult_cont ul li div{padding: 20px; border-top:0; }
.service .consult_cont ul li h4{  padding:10px; font-weight:600; }
.service .consult_cont ul li p{padding-left:12px; margin:7px 0; position:relative; font-size:14px}
.service .consult_cont ul li p:after{content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:8px;}  
.service .edu_cont ul{display:flex; justify-content:space-between; max-width:960px; margin:0 auto;}
.service .edu_cont ul li{  width:200px; height:200px; margin:5px; border-radius:50%; background:#2e75b6; text-align:center; padding:20px;}
.service .edu_cont ul li h4{margin:40px 0 10px; font-size:18px; color:#fff;}
.en .service .edu_cont ul li h4{margin:20px 0 10px;}
.en .service .edu_cont ul li p{font-size:14px;}
.service .edu_cont ul li p{ color:#fff;}
.service .edu_ex{display:flex; flex-wrap:wrap; justify-content:space-between;}
.service .edu_ex table{width:49%; }
.service .edu_ex table th{border:1px solid #fff; background:#4d8c97; color:#fff; padding:20px 10px; }
.service .edu_ex table td{border:1px solid #666; padding:20px; line-height:1.8; }
.service .edu_ex table ul li{ padding-left:12px;  position:relative;  }
.service .edu_ex table ul li:after{content:''; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:8px;} 
.service .build_oim{background:#f8f8f8; padding:1px 50px 50px; border-radius:20px;}
.service .build_oim h5{font-size:20px; color:#e11c2e;}
.service .build_oim ul{display:flex; flex-wrap:wrap; align-items:center;  background:#fff; border-radius:10px; margin:20px 0;}
.service .build_oim ul li{width:33.33%; padding:50px; position:relative;}
.service .build_oim ul li:not(:last-child)::after{content:'>'; position:absolute; right:-15px; top:50%; width:30px; height:30px; border-radius:50%; background:#e11c2e; color:#fff; text-align:center; margin-top:-15px; font-family: 'SUIT'; line-height:30px;} 
.service .build_list{border-top:2px solid #333;}
.service .build_list li{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ddd; padding:30px 0;} 
.service .build_list li img{max-width:400px; margin:0 auto;}
.service .build_list li p{ padding:50px; width:calc(100% - 400px);}
.service .gb_table tr td{padding:30px;}
.service .gb_table tr td:nth-child(1){font-weight:600;}
.service .gb_table tr td:nth-child(2){text-align:left;  }
.service .gb_table a{color:#aaa; text-decoration:underline;}




/************************************* regtech *************************************/
.regtech .reg_about{border:1px solid #ddd; padding:80px; border-radius:20px;}
.regtech .reg_about ul{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:900px; margin:0 auto 50px;}
.regtech .reg_about ul li{width:200px; height:200px; border-radius:30%; margin:5px; background:#e11c2e; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:600; padding:20px; font-size:18px; }
.regtech .reg_about p{position:relative; padding-left:15px; margin:5px 0;  max-width:900px; margin:0 auto;font-weight:600; font-size:20px; }
.regtech .reg_about p:after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}    
.regtech .def_cont{background:#4d8c97; color:#fff; padding:1px 80px 30px; border-radius:20px;}
.regtech .def_cont .cont_tit ul li::after{ background:#fff; }
.regtech .str_cont{display:flex; flex-wrap:wrap; justify-content:space-between;}
.regtech .str_cont dl{width:49%; margin:0 0 30px; display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #666; border-radius:10px; overflow:hidden;}
.regtech .str_cont dl dt{background:#4d8c97; color:#fff; width:200px; padding:  10px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:18px; font-weight:600}
.regtech .str_cont dl dd{ width:calc(100% - 200px); padding:50px 30px;} 
.regtech .promo_cont{display:flex; flex-wrap:wrap; justify-content:space-between;}
.regtech .promo_cont dl{width:49%; margin:0 0 30px; display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #666; border-radius:10px; overflow:hidden;}
.regtech .promo_cont dl dt{background:#4d8c97; color:#fff; width:200px; padding:  10px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:18px; font-weight:600}
.regtech .promo_cont dl dd{ width:calc(100% - 200px); padding:50px 30px;} 
.regtech .promo_keyword{text-align:center; max-width:900px; margin:0 auto;}
.regtech .promo_keyword p{display:inline-block; padding:10px 30px; background:#fff; border:1px solid #ddd; margin:10px; border-radius:10px; }
.regtech .reg_sol_cont{ }
.regtech .reg_sol_cont dl{display:flex; flex-wrap:wrap; }
.regtech .reg_sol_cont dl dt{width:300px; padding:30px; background:#4d8c97; color:#fff; font-weight:600; font-size:18px; border-bottom:1px solid #fff;}
.regtech .reg_sol_cont dl:first-child dd{border-top:1px solid #666;}
.regtech .reg_sol_cont dl dd{width:calc(100% - 300px); padding:30px;  border-bottom:1px solid #666; border-right:1px solid #666; }
.regtech .reg_sol_cont ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:80px;}
.regtech .reg_sol_cont ul li{width:22%; margin:20px 0; text-align:center;}
.regtech .reg_sol_cont ul li p{font-size:18px; font-weight:600; min-height:70px; }



/************************************* customer *************************************/
.customer .partner_logo h4{font-size:30px; margin:0 0 20px;}
.customer .partner_logo ul {margin:0 0 40px;}
.customer .partner_logo ul li{border:1px solid #ddd; display:inline-block; margin:0 10px 15px 0; width:100%; max-width: 18.9%; text-align: center; padding:10px 0;} 
.customer .big_cont{display:flex; flex-wrap:wrap; justify-content:space-between;}
.customer .big_cont > div{width:48%;}
.customer .big_cont > div h4{font-size:24px; margin: 20px 0;}
.customer .ntb_cont ul li{overflow:hidden; margin-bottom:50px;}
.customer .ntb_cont ul li img{float:left; }
.customer .ntb_cont ul li p{float:left; width:49%; padding: 50px;}
.customer .ntb_cont ul li p strong{font-size:22px; margin-bottom:20px; display:block; }
.customer .ntb_cont ul li p strong span{color:#e11c2e; display:block;  }
.customer .ntb_cont ul li:nth-child(2) img{float:right}
.customer .forter_cont ul{display:flex; justify-content:space-between;}
.customer .forter_cont ul li{text-align:center;  width:23%;  padding:40px 20px; background:#e5e5e5; border:2px solid #e11c2e; border-radius:20px;} 
.customer .forter_cont ul li strong{display:block; font-size:24px; margin:10px 0; color:#e11c2e;}
.customer .forter_office{border-top:2px solid #000;  padding:30px 0 0;}
.customer .forter_office dl{display:flex; flex-wrap:wrap; padding:20px 0;}
.customer .forter_office dl dt{width:300px; font-size:20px; font-weight:600; padding-top:5px;}
.customer .forter_office dl dd{width:calc(100% - 300px);}
.customer .forter_office dl dd p{position:relative; padding-left:15px; margin:5px 0; text-align:left;}
.customer .forter_office dl dd p::after{content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; left:0; top:8px;}
.customer .forter_core{background:#4d8c97; color:#fff; padding:40px 80px 80px; border-radius:20px;}
.customer .forter_core h5{font-size:18px; margin:40px 0 20px; }
.customer .forter_core p{text-indent:-15px; padding-left:15px; margin:5px 0;}
.customer .partners_cont ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.customer .partners_cont ul li{width:23%;   border:1px solid #ddd; margin:0 10px 15px 0; text-align:center; padding:10px 0 40px;}
.customer .partners_cont ul li p{padding:0 20px; }


.customer .reftv_wordc{background:#4d8c97; color:#fff; padding: 80px; border-radius:20px;}
.customer .reftv_wordc h5{font-size:18px; margin:40px 0 20px; }
.customer .reftv_wordc p{ padding-left:15px; margin:5px 0; position:relative; } 
.customer .reftv_wordc p:after{content:''; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; left:0; top:8px;}   




 /************************************* responsive *************************************/
 @media screen and (max-width:768px){ 
	.mo_img{display:block; margin:0 auto;}
	.pc_img{display:none} 

 	.sub_visual{height:240px;}
	.sub_position{margin-top:10px;} 
    .sub_cont_tit h3{font-size:28px; line-height:1.3; } 
    .sub_cont_tit h4{font-size:22px; line-height:1.3; } 
    .sub_cont_tit p{margin-top:10px;}
    .cont_tit{margin: 50px auto 30px;}
	.cont_tit p{font-size:14px;}
	.cont_tit h3{font-size:20px; } 
    .sub_title h2{font-size: 36px;}
    .sub_cont_tit p {font-size: 15px;}
    .sub_cont_tit{padding: 50px 0 20px;text-align: center;}
	.sub_position p{font-size:11px;  }
	.sub_position p.on_sub{font-size:11px;}
    .sub_tabs ul{flex-wrap: wrap;  justify-content: center; }
    .sub_tabs ul li{margin-bottom: 5px; }
	.sub_tabs ul li a{font-size:14px; padding:5px 10px;}
	.sub_contents{padding-bottom:50px;}
	.cont_img_bg{padding:20px;}



	/* vision */ 
    .vision .vision_tit p{font-size: 24px;}
    .vision .vision_cont{align-items: center;padding: 50px 0;flex-direction: column;}
    .vision .vision_cont > div{width: 100%;}
    .vision .vision_cont > div:last-child{border-left: 0;border-top: 1px solid #ddd;margin-top: 50px;padding-top: 50px;}

	/* value */ 
    .value .value_cont h3{font-size: 18px; margin-top:30px;}
    .value .value_cont ul li{padding: 7px 14px; margin-top:10px; margin-right:5px;}

    /* location */ 
    .location .address ul{flex-direction: column;}
    .location .address ul li{margin-bottom: 30px;}
    .location .address ul li .txt_box strong{font-size: 18px;}
	.location .address ul li .img_box img{width:30px;}
	.location .address ul li .txt_box h4{font-size:14px;}
	.location .maps{margin-top:30px; height:300px;}

    /* history */ 
	.history .history_cont{margin-top:30px;} 
    .history .history_tit p{font-size: 20px;}
    .history .history_cont h2{font-size: 30px; width:100%;}
    .history .history_cont div{ padding-left:20%;width:100%;}
	.history .history_cont div ul strong{font-size:20px;  margin-top:20px;}
    .history .history_cont div ul li{font-size: 14px;}
	.history .history_cont div ul{margin-bottom:50px; }
	.history .history_cont div ul::before{top:7px;}
	.history .history_cont div ul::after{top:21px; height: calc(100% + 40px);}
	.history .history_cont div ul:last-child::after{display:none;}

    /* greeting */ 
    .greeting .grt_cont{flex-direction: column; background:None;}
    .greeting .grt_cont .greeting_bg{width: 100%;height: 200px;margin: 0 auto;}
    .greeting .grt_txt{width: 100%;padding:50px 30px; }
    .greeting .grt_txt h2{font-size: 38px;}
    .greeting .grt_txt p{  margin-top:20px;}
	.greeting .grt_txt h2 b{margin-left:50px;}
	.greeting .grt_txt strong{font-size:16px; margin-top:20px;} 

	
    /* vision */ 
	.vision .vision_bg{margin-top:40px; height:200px;}
	.vision .vision_cont > div h3{font-size:20px;}
	.vision .vision_cont > div p{margin-top:20px;}

    /* features */ 
	.features .feature_cont ul{margin:30px 0;}
    .features .feature_bg{height: 200px;}
	.features .feature_cont ul li h4{font-size:18px;}
    .features .feature_cont ul li{padding:20px; width:100%;}

    /* customer_value */ 
    .customer_value .custv_bg{height: 200px;}
    .cont_tit h4{font-size: 18px;}
    .customer_value .custv_cont ul li{width: 100%; padding:20px;}
	.customer_value .custv_cont ul li p{font-size:16px;}
	.customer_value .custv_cont ul li img{width:60px;}

    /* awards */ 
    .awards .awards_cont ul li p{font-size: 16px; margin-top:10px;}
    .awards .awards_cont ul li{width: 49%;} 
	.awards .awards_cont ul li:nth-child(2n){margin-right:0;}

    /* contact */ 
	.support .contact_form dl{padding:15px 0 15px 15px;}
    .support .contact_form dl dt{width: 100px; font-size:16px}
	.support .contact_form dl dd{width:calc(100% - 100px);}
	.support .contact_form input{width:100%;}
    
        
    /* customer */ 
    .customer .partner_logo h4{font-size: 20px; margin:0 0 10px}
	.customer .partner_logo ul{margin:0 0 20px}
    .customer .big_cont{flex-direction: column;}
    .customer .big_cont > div{width: 100%;margin-bottom:40px;}
	.customer .ntb_cont ul li{margin-bottom:20px}
    .customer .ntb_cont ul li p{width: 100%; padding:30px 20px;}
	.customer .ntb_cont ul li p strong{font-size:18px; margin-bottom:10px;}
    .customer .forter_cont ul{flex-direction: column;}
	.customer .big_cont > div h4{font-size:20px; margin:20px 0 10px;}
    .customer .forter_cont ul li{width: 100%;margin-bottom: 10px; padding:20px 20px 30px;}
    .customer .forter_cont ul li img{width:80px;}
	.customer .forter_cont ul li strong{font-size:20px;}
	.customer .forter_office{padding:20px 0}
    .customer .forter_office dl{flex-direction: column; padding:10px; }
	.customer .forter_office dl dt{font-size:18px;  margin-bottom:10px;}
    .customer .forter_office dl dd{width: 100%;}
    .customer .forter_core{padding: 20px 30px 40px;}
	.customer .forter_core p{text-indent:-10px; padding-left:10px;}
	.customer .forter_core h5{margin:20px 0 10px;}
    .customer .reftv_wordc{padding: 20px;}
    .customer .partners_cont ul{flex-direction: column;}
    .customer .partners_cont ul li{width: 100%;margin-bottom: 20px;}  

	/* product */  
	.product .prd_charact{padding:30px 10px;}
	.product .prd_charact dl{margin:0 0 20px;}
    .product .prd_charact dl dt{width: 100%; font-size:18px}
    .product .prd_charact dl dd{width: 100%;}
	.product .prd_charact dl dd ul li{font-size:14px;}
	.product .prd_solution{padding:  20px;} 
	.product .prd_solution .list01 li{width:100%; display:flex; align-items:center; justify-content:start; margin:0 0 10px;}
	.product .prd_solution .list01 li h4{width:100px; height:100px; font-size:14px; margin:0;}
	.product .prd_solution .list01 li p{width:calc(100% - 100px); text-align:left; padding:0 20px; font-size:14px;}
	.product .prd_solution .list02 li{font-size:14px; padding:10px;}

	/* regtech */  
    .regtech .reg_about{padding: 20px;}
    .regtech .reg_about ul li{width: 100%;height: auto; border-radius:50px; padding: 15px;}
    .regtech .def_cont{padding:1px 20px 20px;} 
    .regtech .promo_cont ul{flex-direction: row;}
    .regtech .promo_cont ul li{width: 100%; padding:30px;}
	.regtech .promo_cont ul li h4{font-size:18px; margin-bottom:10px;}
	.regtech .reg_sol_cont dl{padding:10px 0;}
    .regtech .reg_sol_cont dl dd{width: 100%;padding: 5px; border-left:1px solid #666}
    .regtech .reg_sol_cont dl dt{padding: 10px 15px; width:100%;}
    .regtech .reg_sol_cont ul{flex-direction: column; margin-top:30px;}
    .regtech .reg_sol_cont ul li{width: 100%;}
    .regtech .str_cont{flex-direction: column;}
    .regtech .str_cont dl{width: 100%; margin:0 0 20px;}
    .regtech .str_cont dl dt{width: 100%; font-size:16px;}
    .regtech .str_cont dl dd{width: 100%; padding:20px;} 
	.regtech .reg_about ul{justify-content:center;}
	.regtech .reg_about ul li{font-size:16px;}
	.regtech .promo_keyword p{margin:5px; font-size:14px; padding:5px 10px;}


	.service .consult_cont ul li{margin-bottom:20px;}
	.service .consult_cont ul li h3{padding:10px; font-size:16px; height:60px;}
	.service .consult_cont ul li h4{margin-top:10px; }
	.service .consult_cont p{font-size:14px;} 
	.service .build_list li img{max-width: 100%;}
	.service .build_list li p{padding: 10px;width: 100%;}
	.service .build_oim{padding: 1px 20px 20px;}
	.service .build_oim h5{font-size:18px; text-align:center;}
	.service .build_oim ul{flex-direction: column;}
	.service .build_oim ul li{width: 100%; padding:30px; text-align:center;}
	.service .build_oim ul li:not(:last-child)::after{right: 55%;left: 45%;top:100%;;transform: rotate(90deg);}
	.service .consult_cont ul{flex-wrap: wrap;}
	.service .consult_cont ul li{width: 100%;}
	.service .edu_cont ul{flex-wrap: wrap; justify-content:center;}
	.service .edu_cont ul li{width: 100%;height: auto; border-radius:100px; }
	.service .edu_cont ul li h4{margin: 0 0 5px; font-size:16px;}
	.en .service .edu_cont ul li h4{margin: 0 0 5px; }
	.service .edu_cont ul li p{font-size:14px;}
	.service .edu_ex table{width: 100%; margin-bottom:20px;}
	.service .edu_ex table th{padding:10px;}
	.service .edu_ex table td{padding: 10px;}
	.service .cont_img{padding:10px;}


	.sub_desc{overflow-x:auto;}
	.service .gb_table tr td {padding: 20px 5px; font-size: 14px;width: 20%;}
	.gb_table th{font-size: 14px;padding: 10px 5px;}
	.service .gb_table tr td:nth-child(2){width: 60%;} 
	.dn{display:none;}
	.paging{margin:30px 0 0;}
	.board_btn{margin:30px 0;}
	.board_btn a{height:45px; line-height:45px;}
 
	.customer .partner_logo ul{  display: flex;  flex-wrap: wrap;}
	.customer .partner_logo ul li{width:48%; max-width:none; margin-right:4%;}
	.customer .partner_logo ul li:nth-child(2n){margin-right:0;}
	
	
} 


/* faq */ 
	.writing_btn{position:absolute; right:10;  }
	.writing_btn a{color:#fff !important; font-weight:600; height:38px !important; line-height:38px !important; border:1px solid #fff; background: #4d8c97;}
	.b02{display:inline-block; width:105px; text-align:center; background:#e65f44; height:40px; line-height:40px; color:#fff; font-weight:600; border:none; cursor:pointer; vertical-align: top;}

/* faq pw */ 
	.pw_box{position:absolute; left:50%; top:200px; margin-left:-183px; width:367px; border:1px solid #e5e5e5; display:none; z-index:200;}
	.pw_tit{position:relative; padding:14px 16px; background:#4d8c97;}
	.pw_tit h3{color:#fff; font-weight:600;}
	.close_btn{position:absolute; right:18px; top:16px;}
	.input_box{padding:19px 24px; background:#fff;}
	.pw_box input[type="password"]{width:223px; height:35px; line-height:35px; border:1px solid #d1d1d1;}
	
	.pw_box2{position:absolute; left:50%; top:200px; margin-left:-183px; width:367px; border:1px solid #e5e5e5; display:none; z-index:200;}
	.pw_box2 input[type="password"]{width:223px; height:35px; line-height:35px; border:1px solid #d1d1d1;}
	
	.b01{display:inline-block; width:105px; text-align:center; background:#605b5a; height:40px; line-height:40px; color:#fff; font-weight:600;}
	.b03{margin-left:9px; padding:0 20px; height:37px; line-height:37px; background:#363636; color:#fff; text-align:center; font-weight:600; border:none; cursor:pointer;}
	.mask{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; display:none; z-index:100;}
	
	.writing_tbl{border-top:3px solid #de4729;}
	.writing_tbl th{padding:14px; text-align:left; background:#f7f7f7; color:#343434; font-weight:600; border-bottom:1px solid #ccc;}
	.writing_tbl td{padding:14px; border-bottom:1px solid #ccc;}
	.writing_tbl td input[type="text"]{width:100%; height:33px; line-height:33px; border:1px solid #e5e5e5;}
	.writing_tbl td input[type="password"]{height:33px; line-height:33px; border:1px solid #e5e5e5;}
	.writing_tbl td textarea{width:100%; min-height:200px; border:1px solid #e5e5e5;}
	
	.filetype01{position: relative; padding:10px 9px 0 9px !important; border-bottom:none !important;}
	.filetype .file-text {width:50% !important; display: inline-block; background:#fff; z-index: 10;}
	.filetype .file-select {position: absolute;top:0px; left:0; width:73px; height:33px; }
	.filetype .file-select .input-file {width:80px; filter: alpha(opacity=0);opacity: 0; height:33px; cursor:pointer;}
	.filetype .file-text + .file-btn {position:relative; display: inline-block; background:#dcdcdc; height: 33px;line-height: 33px;padding: 0 9px; color:#777; font-size:15px; border:1px solid #ccc; cursor: pointer;*margin-left: 4px; vertical-align: middle; border-left:none;}