@charset "euc-kr";


/* CSS Document */
*{margin: 0; padding:0; box-sizing: border-box;}
ul {margin-bottom: 0px;}
li {list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;}
a {text-decoration: none; cursor: pointer; color: unset;}
a:hover{text-decoration: none; color: unset;}
html {font-size: 16px; scroll-behavior: smooth;}
body {font-family: 'Noto Sans KR', sans-serif; border: 0; padding: 0px; width: 100%; position: relative; z-index: 1;}

.pagination {}
.pagination a{padding:10px 20px;}
.pagination .page_on {padding:10px 20px; font-weight: bold;}

.graph_wrap {margin-bottom: 20px; border-bottom: 1px solid #000000; padding-bottom: 20px;}
.graph_wrap::after {content: ""; display: block;clear: both;}
.line_chart {float:left;}
.graph_result {float:left; width:290px; padding:30px; height: 400px; background-color: #f4f4f4; margin-left: 10px}
.graph_box {width:100%;}
.graph_label {font-size: 14px; margin-bottom: 10px;}
.graph_input {display:flex;}
.graph_input input {width:100px; margin-right:5px;}
.graph_value {width:100%; font-size:20px; margin-top:10px;}
.font_bold{font-weight: 600;}
.wrap{width:1200px; height: auto; margin: 0 auto;}
.wrap2{width:1082px; height: auto; margin: 0 auto; margin-top: 150px; margin-bottom: 150px;}
.wrap3{width:1082px; height: auto; margin: 0 auto; margin-top: 150px; margin-bottom: 90px;}
.wrap4{width:1082px; height: auto; margin: 0 auto; margin-top: 90px; margin-bottom: 150px;}
.bg_gray{background-color: #f5f5f5;}
.blue{color: #00369f!important; fill:#00369f!important;}
.skyblue{color:#01befe!important; fill:#01befe!important;}
.turquoise{color:#16f2dc!important; fill:#16f2dc!important;}
.white{color:#ffffff!important; fill:#ffffff!important;}

/* Page */

.menu_all{width: 100%; margin: 0 auto; height: 120px; display: inline-block; padding: 34px 80px; position:fixed; top:0; left:0; z-index: 20;}
.menu_test:hover{background-color:#011230;}
.menu_all:hover{background-color:#011230;}
.menu_test{width: 100%; margin: 0 auto; height: 120px; display: inline-block; padding: 34px 80px; position:fixed; top:0; left:0; z-index: 20;}
.menu_test:hover{background-color:#011230;}
.menu_hover{width: 100%; display: none; padding: 0px 80px 0px; position: fixed; top: 0; left: 0; z-index: 30; margin-top: 110px; background-color: rgb(11 34 76 / 100%);}
.menu_all:hover .menu_hover{color: #ffffff; display: block;}
.menu_test:hover .menu_hover{color: #ffffff; display: block;}
.hover_wrap{width: fit-content; display: block; float: right; margin-right: 238px;}
.hover_box1{width: 90px; padding: 10px 10px 30px; display: inline-block; float: right;}
.hover_box2{width: 184px; padding: 10px 10px 30px;  display: inline-block; float: right;}
.hover_box3{width: 152px; padding: 10px 10px 30px; display: inline-block; float: right;}
.hover_box4{width: 150px; padding: 10px 10px 30px; display: inline-block; float: right;}
.hover_box5{width: 227px; padding: 10px 10px 30px; display: inline-block; float: right;}
.hover_box6{width: 140px; padding: 10px 10px 30px; display: inline-block; float: right;}
.hover_text1{width: fit-content; display: block; text-align: center; color: #dce3e7; cursor: pointer; margin: 0 auto; padding: 5px 0px;}
.hover_text1:hover{color:#01befe; transition: 0.3s;}


.roll{transition:all 0.5s; text-align:center; background-color:#011230;}


.menu_box_01 {width: fit-content; height: auto; float: left;}
.menu_box_02 {width: fit-content; height: auto; float: right; display: inline-block;}
.menu_box_03 {width: 100%; height: auto; padding: 34px 80px; margin: 0 auto; display: block;}  
.mainmenu_box{list-style: none; float: left; width: fit-content; margin: 10px 0px; color: #ffffff;}
.menu_box_02_sub {width: fit-content; height: 25px; display: inline-block; margin-left: 40px; margin-top: 3px;}
.menu_title{width: fit-content; font-size: 20px; display: inline-block; margin-left: 36px;}  
.menu_title.community {width: fit-content; font-size: 20px; display: inline-block; margin-left: 54px; margin-right: 9px;}  
.menu_title:hover{color: #42a6eb; transition: 0.5s;}      


.submenu_box{list-style: none; float: right; width: 226px; padding-top: 10px;}
.submenu_box li{float:right; margin-left: 20px;}		
.submenu_btn_01{color: #999999; font-size: 15px;}
.submenu_btn_01:hover{color: #dfdfdf; transition: 0.5s;}
.submenu_btn_02{color: #a5bee9; font-size: 15px;}
.submenu_btn_02:hover{color: #c8d9f8; transition: 0.5s;}

.sidemenu{width: 300px; position: absolute; box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0px 15px 15px 0px; padding: 15px; z-index: 0; background-color: #ffffff; margin-top: 0px;}
.sidemenu_box{width: 100%;}
.sidemenu_on{display: none;}
.sm_radio{display: none;}
.smshow{display: block!important; z-index: 10; margin-top: 300px;}
.smhide{display: none!important;}
.sidemenu_sub2_1{display: none;}
.sidemenu_sub2_2{display: none;}
.sidemenu_sub2_3{display: none;}
.sidemenu_sub2_4{display: none;}
.sidemenu_sub2_5{display: none;}
.sidemenu_off{width: 100%; text-align: center; font-weight: 500; color: #162965; height: 64px; padding: 17px 0px; border-radius: 10px; margin-bottom: 0px; cursor: pointer;}
.sidemenu_off:hover{background-color: #e3e8f1; transition: 0.5s;}
.sidemenu_off img{width: 30px; margin-top: -5px;}
.sm1w_img{display: none;}
.sm2w_img{display: none;}
.sm3w_img{display: none;}
.sm4w_img{display: none;}
.sm5w_img{display: none;}
.sidemenu_text3{display: inline-block; font-size: 20px;}
.sidemenu_sub2_1{width: 100%; background-color: #f5f7fa; color: #162965; font-size: 18px; text-align: center;  font-weight: 500; padding: 20px 0px 10px; border-radius: 0px 0px 10px 10px; margin-top: -10px;}
.sidemenu_sub2_2{width: 100%; background-color: #f5f7fa; color: #162965; font-size: 18px; text-align: center;  font-weight: 500; padding: 20px 0px 10px; border-radius: 0px 0px 10px 10px; margin-top: -10px;}
.sidemenu_sub2_3{width: 100%; background-color: #f5f7fa; color: #162965; font-size: 18px; text-align: center;  font-weight: 500; padding: 20px 0px 10px; border-radius: 0px 0px 10px 10px; margin-top: -10px;}
.sidemenu_sub2_4{width: 100%; background-color: #f5f7fa; color: #162965; font-size: 18px; text-align: center;  font-weight: 500; padding: 20px 0px 10px; border-radius: 0px 0px 10px 10px; margin-top: -10px;}
.sidemenu_sub2_5{width: 100%; background-color: #f5f7fa; color: #162965; font-size: 18px; text-align: center;  font-weight: 500; padding: 20px 0px 10px; border-radius: 0px 0px 10px 10px; margin-top: -10px;}

.sidemenu_text2{padding: 10px 0px; cursor: pointer;}
.sidemenu_text2:hover{color: #346edc; transition: 0.3s;}

input[id="sm1"]:checked ~ .sidemenu_off{width: 100%; color: #ffffff; background-color: #162965; text-align: center;}
input[id="sm1"]:checked ~ .sidemenu_sub2_1{display: block;} 
input[id="sm1"]:checked ~ .sidemenu_off .sm1_img{display: none!important;}
input[id="sm1"]:checked ~ .sidemenu_off .sm1w_img{display: inline-block!important;}

input[id="sm2"]:checked ~ .sidemenu_off{width: 100%; color: #ffffff; background-color: #162965;}
input[id="sm2"]:checked ~ .sidemenu_sub2_2{display: block;} 
input[id="sm2"]:checked ~ .sidemenu_off .sm2_img{display: none!important;}
input[id="sm2"]:checked ~ .sidemenu_off .sm2w_img{display: inline-block!important;}

input[id="sm3"]:checked ~ .sidemenu_off{width: 100%; color: #ffffff; background-color: #162965;}
input[id="sm3"]:checked ~ .sidemenu_sub2_3{display: block;} 
input[id="sm3"]:checked ~ .sidemenu_off .sm3_img{display: none!important;}
input[id="sm3"]:checked ~ .sidemenu_off .sm3w_img{display: inline-block!important;}

input[id="sm4"]:checked ~ .sidemenu_off{width: 100%; color: #ffffff; background-color: #162965;}
input[id="sm4"]:checked ~ .sidemenu_sub2_4{display: block;} 
input[id="sm4"]:checked ~ .sidemenu_off .sm4_img{display: none!important;}
input[id="sm4"]:checked ~ .sidemenu_off .sm4w_img{display: inline-block!important;}

input[id="sm5"]:checked ~ .sidemenu_off{width: 100%; color: #ffffff; background-color: #162965;}
input[id="sm5"]:checked ~ .sidemenu_sub2_5{display: block;} 
input[id="sm5"]:checked ~ .sidemenu_off .sm5_img{display: none!important;}
input[id="sm5"]:checked ~ .sidemenu_off .sm5w_img{display: inline-block!important;}


.logo_box{width: 430px; height: auto; text-align: left; float: left; margin-top: -7px;}
.main_top_all{width: 100%;  padding: 0px 0px 0px;  display: block;  margin: 0 auto;  height: 550px;  background-image: url(https://www.k-virtualengineering.com/base/images/bg.jpg);  background-position: top center; background-repeat: no-repeat; background-size: cover;     z-index: 11; position: relative;}
.main_img_wrap{width: 1200px;  margin: 0 auto;  height: auto;  padding-top: 140px; display: block;}	
.main_box_01{width: 660px;  padding: 105px 50px; display: inline-block; float: left; align-items: center; height: 360px;}
.main_title_01{width: 100%; margin: 0 auto; padding: 0px; font-size: 21px; font-weight: 500; color: #fff; padding-bottom: 15px;}		
.main_title_02{width: 100%; margin: 0 auto; padding: 0px; font-size: 40px; font-weight: 500; color: #fff; line-height: 1.3;}
.main_br_m{display: none;}
.main_br{display: block;}
.main_box_02{width: 540px; display: inline-block; float: right; background-color: none; height: 360px;}
/* Slideshow container */
.slideshow-container {max-width: 1440px; position: relative; margin: auto; margin-top: 0px;}
.mySlideDiv{width: 540px; height: 360px; cursor: pointer;}  
.mySlideDiv .active {display: block;}
.mySlideDiv img{width: 100%; height: auto; position: absolute;  z-index: 0;}
/* Next & previous buttons */
.prev{cursor: pointer; position: absolute; bottom: 10px; width: auto; padding: 8px 16px; margin-top: -22px; margin-left: 40%; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 50px;}
.next{cursor: pointer; position: absolute; bottom: 10px; width: auto; padding: 8px 16px; margin-top: -22px; margin-right: 40%; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 50px;}
/* Position the "next button" to the right */
.next {right: 0;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {color: white; background-color: rgba(255, 255, 255, 0.5);}  
.main_box_02_text1{font-size: 34px; font-weight: 600; color: #000;}
.main_box_02_text2{font-size: 20px; font-weight: 400; color: #000;}
.main_box_03{width: 100%; display: block;}

.main_body_01{ width: 100%; height: 238px; display: block; margin: 0 auto; background-color: #ebebeb; padding: 45px 0px;}
.main_submenu1{width: 50%; float: left; display: inline-block;}
.main_submenu2{width: 24.5%; height: 150px; margin-left: 0.5%; float: left; display: inline-block; background-color: #42a6eb; cursor: pointer;}
.main_submenu2:hover{background-color: #3a9cdd; transition: 0.5s;}
.main_submenu3{width: 24.5%; height: 150px; margin-left: 0.5%; float: left; display: inline-block; background-color: #8848d0; cursor: pointer;}
.main_submenu3:hover{background-color: #7d3fc4; transition: 0.5s;}
      
.submenu1_box{color: #192f71; font-size: 18px; font-weight: 500; border-right:1px solid #b6b6b6; width: 25%; float: left; cursor: pointer; text-align: center; line-height: 1.2; padding: 0px; height: 150px; display: grid;
 position: relative;}
.px-1 {height: 70px; display: grid; align-items: center;}
.submenu1_box img {margin-top: 0px; width: 100%; display: block; position: absolute; bottom: 0px;}
.submenu1_box.noborder{border-right:none;} 
.main_submenu2 img{float: right; margin-top: -40px; margin-right: 30px;}
.submenu3_text{width: 100%; height: auto;color: #fff; font-size: 22px; padding: 20px; float: left;}
.main_submenu3 img{float: right; margin-top: -40px; margin-right: 30px;}
.main_body_02{padding-top: 80px; width: 100%; height: auto; display: inline-block;} 
.main_contents1_1{width:32%; margin-right: 20px; float: left; display: inline-block;}
.main_contents1_2{width: 32%; margin-right: 20px; float: left; display: inline-block;}
.main_contents1_2:last-child{width: 32%; margin-right: 0px; float: left; display: inline-block;}

.main_contents1_text1{width: 100%; height: auto; font-size: 28px; font-weight: 500; color: #494949; padding: 0px 20px 10px; border-bottom: 1px solid #000000;}
.main_contents1_text2{color: #323b56; font-size: 18px; float: right; margin-top: 13px; cursor: pointer;}
.main_contents1_notice{width: 100%; height: 62px; overflow: hidden; padding: 19px 15px; border-bottom: 1px solid #e8e8e8; cursor: pointer;}
.main_contents1_notice:hover {background-color: #f6faff; transition: 0.5s;}
.main_contents1_cir{width: 5px; height: 5px; background-color: #e60012; border-radius: 5px; float: left; display: inline-block; margin-top: 10px; margin-right: 10px;}
.main_contents1_title{width: 235px; font-size: 18px; height: 25px; overflow: hidden; color: #353535; float: left; display: inline-block;}
.main_contents1_date{width: 100px; font-size: 17px; height: 25px; float: right; display: inline-block; color: #666666;}

.main_dash_wrap {background: rgb(11,33,74); background: linear-gradient(90deg, rgb(8 28 69) 0%, rgba(12,34,75,1) 50%, rgb(3 20 45) 100%); padding-bottom: 50px;}
.main_dash {width: 1200px; margin: 0 auto; background-color:#ffffff; overflow: hidden;}
.main_dash_left {float: left; width:50%; border-right: 1px solid #333333; padding:0px 15px;}
.main_dash_right {float: left; width:50%; padding:0px 15px;}
.main_dash_title {font-size:16px; font-weight: bold; text-align: center; padding:10px;}
.main_dash_cont {display: flex;} 
.main_dash_item {width: 25%; text-align: center;}
.main_dash_item_graph {padding: 0px 40px 0px 40px;}
.main_dash_item_num {font-size: 38px; font-weight: 600;} 
.main_dash_item_title {color:#999999; font-size:14px; padding:0 0 10px 0;}

.main_body_03{margin-top: 50px; margin-bottom: 90px; width: 100%; height: auto; display: inline-block;} 
.main_contents2_1{width: 700px; margin-right: 20px; float: left; display: inline-block;}
.main_contents2_2{width: 700px; margin-left: 20px; float: left; display: inline-block;}
.main_contents2_text1{width: 100%; height: auto; font-size: 28px; font-weight: 500; color: #494949; padding: 0px 20px 10px;}
.main_contents2_slide{width: 700px; height: 240px; overflow: hidden; border: 10px solid #eaeaea;}
.main_body_04{display: flex; margin: 0 auto;} 
.main_best_wrap{width: 1200px; height: auto; margin: 0 auto; margin-top: 70px; margin-bottom: 70px;}
.main_best_box1{width: 420px; height: 420px; display: inline-block; float: left; background-color: #283593; padding: 50px 0px;}
.main_best_box2{width: 780px; height: 420px; display: inline-block; float: left;}
.best_text{color: #ffffff; font-size: 26px; font-weight: 600; margin-bottom: 30px; padding: 0px 50px}
.best_radio{display: none;}  
.best_subtext1 {color: #dcedff; font-size: 16px; width: 100%; display: block; padding-bottom: 15px; border-bottom: 1px solid #6996cd;}
.best_subtext2{color: #dcedff; font-size: 16px; width: 100%; display: block; padding-bottom: 15px; border-bottom: 1px solid #6996cd;}
.best_subtext3{color: #dcedff; font-size: 16px; width: 100%; display: block; padding-bottom: 15px; border-bottom: 1px solid #6996cd;}
.best_title1{width: 100%; color: #ffffff; font-size: 20px; height: 85px; padding: 15px 50px; margin-bottom: 0px; cursor: pointer; transition: 0.5s;}
.best_title1:hover{background-color: #3946a3;}
.best_title1:hover > .best_subtext1{border-bottom: none;}
.best_title2{width: 100%; color: #ffffff; font-size: 20px; height: 85px; padding: 15px 50px; margin-bottom: 0px; cursor: pointer; transition: 0.5s;}
.best_title2:hover{background-color: #3946a3;}
.best_title2:hover > .best_subtext2{border-bottom: none;}
.best_title3{width: 100%; color: #ffffff; font-size: 20px; height: 85px; padding: 15px 50px; margin-bottom: 0px; cursor: pointer; transition: 0.5s;}
.best_title3:hover{background-color: #3946a3;}
.best_title3:hover > .best_subtext3{border-bottom: none;}

.best_photo_box1{position: absolute; margin-left:420px; margin-top:-374px; width: 780px; height: 420px; background-image: url(https://www.k-virtualengineering.com/base/images/best1.jpg); display: block;}
.best_photo_box2{position: absolute; margin-left:420px; margin-top:-374px; width: 780px; height: 420px; background-image: url(https://www.k-virtualengineering.com/base/images/best2.jpg); display: none;}
.best_photo_box3{position: absolute; margin-left:420px; margin-top:-374px; width: 780px; height: 420px; background-image: url(https://www.k-virtualengineering.com/base/images/best3.jpg); display: none;}

input[id="best1"]:checked ~ .best_title1{color: #283593; background-color: #edf3fb;}
input[id="best1"]:checked ~ .best_title1 span{color:#545fac; border-bottom: none;} 
input[id="best1"]:checked ~ .best_photo_box1{display: block !important;}
input[id="best1"]:checked ~ .best_photo_box2{display: none !important;}
input[id="best1"]:checked ~ .best_photo_box3{display: none !important;}

input[id="best2"]:checked ~ .best_title2{color: #283593; background-color: #edf3fb;}
input[id="best2"]:checked ~ .best_title2 span{color:#545fac; border-bottom: none;}
input[id="best2"]:checked ~ .best_photo_box1{display: none !important;}
input[id="best2"]:checked ~ .best_photo_box2{display: block !important;}
input[id="best2"]:checked ~ .best_photo_box3{display: none !important;}

input[id="best3"]:checked ~ .best_title3{color: #283593; background-color: #edf3fb;}
input[id="best3"]:checked ~ .best_title3 span{color:#545fac;  border-bottom: none;}
input[id="best3"]:checked ~ .best_photo_box1{display: none !important;}
input[id="best3"]:checked ~ .best_photo_box2{display: none !important;}
input[id="best3"]:checked ~ .best_photo_box3{display: block !important;}

.sub_top_all{width: 100%; padding: 0px 0px 0px;  display: block; margin: 0 auto; height: 500px; background-position: top center; background-repeat: no-repeat;  background-size: cover; position: relative;}
.sub_top_all.apply{background-image: url(https://www.k-virtualengineering.com/base/images/bg_sub03.jpg);}
.sub_top_wrap{width: 1440px;  margin: 0 auto;   height: auto;  padding-top: 230px; display: grid; align-items: center;}	
.sub_title_01{width: 100%;  font-size: 50px; font-weight: 500;  text-align: center; color: #fff;}		
.sub_box_01{width: 100%; background-color: rgba(0, 0, 0, 0.5); height: 90px; position: absolute; bottom: 0; color: #fff; z-index: 5;}
.sub_menu_show{width: 360px; height: 90px; margin: 0 auto; display: block; cursor: pointer;}
.sub_menu_title1 img{width: 20px; margin-left: 8px; margin-bottom: 4px;}
.sub_menu_title1{width:100%; height: 90px; font-size: 26px; text-align: center; padding: 26px 20px;}
.sub_menu_title1:hover{background-color: rgba(10, 22, 59, 1); transition: 0.5s;}
.sub_menu_hide{width: 360px; height: 90px; margin: 0 auto; display: none; cursor: pointer;}
.sub_menu_title2{width:100%; height: 90px; font-size: 26px; text-align: center; padding: 26px 20px; background-color: rgba(10, 22, 59, 1);}
.sub_menu_title2 img{width: 20px; margin-left: 8px; margin-bottom: 4px;}
.sub_box_contents{width: 360px; height: auto; background-color: rgba(30, 43, 84, 1);}
.sub_box_contents div{height: 70px; padding: 20px; text-align: center; font-size: 22px; color: #dfe1e7;}
.sub_box_contents div:hover{color: #ffffff; background-color: rgba(13, 28, 73, 1);}
.sub_box_contents hr{border-color: #6a78a2; width: 330px;  margin: 0 auto;}



.contents{width: 100%; display: inline-block;}
.contents_top{font-size:42px; font-weight: 600; color:#000000;}
.contents_title{width: 100%; margin-top: 70px; position: relative; display: inline-block;}
.contents_title2{width: 100%; display: block; color: #0d2b8a; font-size: 30px; font-weight: 600; margin-bottom: 30px;}
.contents_text1{color: #162965; font-size: 28px; background-color: #ffffff; padding-right: 20px; position: absolute; display: inline-block; bottom: 2px; z-index: 1; font-weight: 500;}
.contents_text1 span{width: 6px; height: 28px; background-color: #162965; margin-right: 10px; margin-bottom: -4px; display: inline-block;}
.contents_title hr{width: 100%; border-color: #162965; position: absolute; bottom: 4px;}
.contents_subbox{width: 100%; height: auto; font-size: 18px; color: #353535; margin: 25px 0px;}
.contents_text2{width: 100%; display: block;}

.platform_box1{width: 100%; display: inline-block; height: auto;}
.platform_box1 img{width: 39%; margin-right: 4%; float: left;}
.platform_text0{width: 57%; float: left; font-size: 18px; color: #181717; padding-top: 18px; line-height: 1.8;}
.platform_box2{width: 100%; height: auto; padding: 50px 50px 40px; background-color: #f6faff; margin-top: 45px; margin-bottom: 10px; display: inline-block;}
.platform_text1{width: fit-content; height: auto; font-weight: 600; color: #003c86; font-size: 27px; padding: 12px 35px; border-radius: 50px; border: 4px solid #336edb; background-color: #ffffff; margin: 0 auto; display: block; margin-bottom: 30px}
.platform_text1 br{display: none;}
.platform_box2_sub1{width: 30%; display: inline-block; float: left;}
.platform_box2_sub2{width: 30%; margin: 0px 5%; display: inline-block; float: left;}
.platform_box2_img1{width: 120px; border-radius: 100px; overflow: hidden; background-color: #01befe; margin: 0 auto; margin-bottom: 12px}
.platform_box2_img1 img{width: 100%; padding: 20px;}
.platform_box2_img2{width: 120px; border-radius: 100px; overflow: hidden; background-color: #00369f; margin: 0 auto; margin-bottom: 12px}
.platform_box2_img2 img{width: 100%; padding: 20px;}
.platform_text2{width: 100%; display: block; color: #00369f; font-weight: 500; font-size: 20px; text-align: center; margin-bottom: 5px}
.platform_text3{width: 100%; display: block; color: #434343; font-weight: 400; font-size: 16px; text-align: center; margin-bottom: 5px}
.platform_box3{width: 100%; display: inline-block;}
.platform_box3_sub1{width: 18%; margin-right: 2.5%; float: left;}
.platform_box3_sub2{width: 18%; float: left;}
.platform_text4{width: 100%; display: grid; text-align: center; background-color: #336edb; color: #ffffff; align-items: center; height: 50px;}
.platform_text5{width: 100%; height: 146px; display: block; color: #454545; background-color: #f5f7f9; font-size: 16px; padding: 12px 17px; line-height: 1.8;}

.organ_map{display:block;}
.organ_map_m{display: none;}
.organ_field{display:block;}
.organ_field_m{display: none;}
.organ_box1{margin-top: 30px;}
.organ_text1{color: #126bd8; font-size: 22px; font-weight: 600; display: block; width: 100%; margin-bottom: 10px;}
.organ_text2{font-size: 18px; color: #353535; line-height: 1.8;}
.organ_text3{display: block; text-align: center; margin-top: 10px; font-size: 18px; font-weight: 500; color: #373737;}
.organ_list{width: 100%; display: inline-block;}
.organ_sub{width: 20%; padding: 0px 30px; margin-bottom: 50px; float: left;}
.organ_img{width: 100%; border-radius: 100px; overflow: hidden;}
.organ_subbox1{width: 100%; display: inline-block;}
.organ_target{width: 50%; display: inline-block; float: left; padding: 30px;}
.organ_target img{width: 300px; display: block; margin: 0 auto;}
.organ_text4{color: #353535; font-size: 19px; display: block; width: 100%; margin-top: 10px; text-align: center;}
.organ_text5{color: #001c53; font-size: 20px; display: block; width: 100%; margin-top: 10px; text-align: center; font-weight: 500;}
.organ_subbox2_1{width: 25%; display: inline-block; float: left; padding-right: 2px;}
.organ_subbox2_2{width: 25%; display: inline-block; float: left; padding: 0px 2px;}
.organ_subbox2_3{width: 25%; display: inline-block; float: left; padding: 0px 2px;}
.organ_subbox2_4{width: 25%; display: inline-block; float: left; padding-left: 2px;}
.organ_subbox3{width: 100%; height: 260px; background-color: #e8f0f1; padding: 30px; display: grid;} 
.organ_subbox3 img{width: 150px; display: block; margin: 0 auto;}

.ci_box1{width: 100%; height: 360px; background-image: url(https://www.k-virtualengineering.com/base/images/ci_bg.jpg);}
.ci_logos{width: 80%; margin: 0 auto; display: block; padding: 50px 0px;}
.ci_box2{width: 50%; margin: 0 auto; margin-top: 30px;}
.ci_color1{width: 100%; height: 70px; background-color: #00369f; margin-bottom: 15px;}
.ci_color2{width: 100%; height: 70px; background-color: #01befe; margin-bottom: 15px;}
.ci_color3{width: 100%; height: 70px; background-color: #16f2dc; margin-bottom: 15px;}
.ci_box3_sub1{width: 30%; float: left;}
.ci_box3_sub2{width: 30%; margin: 0px 5%; float: left;}
.ci_box3{width: 100%; display: inline-block; margin-top: 30px;}
.ci_text3{width: 100%; display: block; font-size: 22px; font-weight: 600;  margin-bottom: 5px;}
.ci_text4{width: 100%; display: block; color: #353535; font-size: 19px; line-height: 1.8;}
.ci_text5{font-weight: 600; width: 75px; display: inline-block;}
.ci_btn_wrap{display: block; width: fit-content; margin: 0 auto; height: 60px; margin-top: 30px;
 margin-bottom: 30px;}
.ci_btn{width: 300px; display: inline-grid; height: 60px; align-items: center; background-color: #283593; color: #ffffff; float: left; text-align: center; margin: 0px 30px; font-size: 22px; cursor: pointer;}
.ci_btn:hover{background-color: #1f2870; color: #ffffff; transition: 0.5s;}

.loc_map{width: 100%; height: 300px; display: block;}
.loc_box{width: 100%; background-color: #f6faff; height: 70px; display: inline-flex; align-items: center; padding: 0px 30px;}
.loc_text1{width: fit-content; margin-right: 25px; display: inline-block;}
.loc_icon1{width: 17px; margin-right: 5px; margin-top: -3px; height: auto;}
.loc_icon2{width: 20px; height: auto; margin-top: -4px; margin-right: 5px;}

.inform_img1{width: 100%; height: auto; display: block; margin-top: 20px;}
.inform_img2{} 
.inform_text1{color: #353535; font-size: 18px;}
.inform_text2{font-size: 22px; font-weight: 600; color: #00369f;}
.inform_text3{font-size: 17px; font-weight: 500; display: block;}
.inform_btn_wrap{width: 100%; margin: 50px 0px 20px; display: block;}
.inform_btn_on{width: 50%; border: 2px solid #00369f; background-color: #00369f; height: 96px; display: inline-grid; text-align: center; align-items: center; float: left; cursor: pointer;}
.inform_btn_off{width: 50%; border: 2px solid #00369f; height: 96px; display: inline-grid; text-align: center; align-items: center;  cursor: pointer; float: left; cursor: pointer;}
.inform_btn_off:hover{background-color: #00369f; color:#ffffff!important; transition: 0.5s;}
.inform_btn_off:hover .inform_text2{color:#ffffff!important; transition: 0.5s;}
.inform_table_wrap{display: flex; margin-bottom: 2px;}
.inform_table1{width: 170px; background-color: #336edb; color: #ffffff; align-items: center; display: grid; text-align: center; padding: 15px 0px; border-right: 2px solid #ffffff; font-weight: 500;}
.inform_table2{width: 908px; background-color: #f5f7f9; text-align: left; color: #353535; font-size: 17px; padding: 15px 15px; line-height: 1.8; display: grid; align-items: center;}
.inform_arrow{width: 22px; margin: 0 auto;}
.inform_arrow_m{display: none;}
.inform_ex_wrap{width: 100%; height: auto; padding: 20px; border: 1px solid #bfcbd9; display: flex;}
.inform_ex_box1{width: 240px; height: auto; display: grid; align-items: center; float: left; padding-right: 10px;}
.inform_ex_box2{width: 240px; height: auto; display: inline-block; align-items: center; float: left; background-color: #f2f7fa;}
.inform_ex_arrow{width: 40px; height: auto; display: grid; align-items: center; float: left;}
.inform_text4{width: 110px; height: 40px; background-color: #00369f; color: #ffffff; font-size: 18px; font-weight: 500; text-align: center; display: grid; align-items: center; border-radius: 20px; margin: 0 auto; margin-bottom: 10px;}
.inform_text5{width: 100%; font-weight: 600; color: #000000; font-size: 20px; padding: 0px 10px; text-align: center;}
.inform_text6_1{width: 100%; height: 50px; display: grid; align-items: center; text-align: center; background-color: #06377a; color: #ffffff; font-size: 20px; font-weight: 500;}
.inform_text6_2{width: 100%; height: 50px; display: grid; align-items: center; text-align: center; background-color: #1a7dd0; color: #ffffff; font-size: 20px; font-weight: 500;}
.inform_text6_3{width: 100%; height: 50px; display: grid; align-items: center; text-align: center; background-color: #00a1a9; color: #ffffff; font-size: 20px; font-weight: 500;}
.inform_text7{background-color: #f2f7fa; width: 100%; height: auto; display: grid; align-items: center; text-align: left; font-size: 16px; font-weight: 400; padding: 0px 20px 12px;}
.inform_text7sub{margin-top: 12px; display: block;}

.dash_all{width: 100%; display: inline-block; margin: 50px 0px 20px;}
.dash1{width: 50%; padding-right: 1px; display: inline-block; float: left;}
.dash_box1_1{width: 100%; height: 80px; border-top: 5px solid #1a7dd0; background-color: #ebf3f9; color: #1a7dd0; font-size: 22px; font-weight: 600; text-align: center; display: grid; align-items: center;}
.dash_box1_2{width: 100%; background-color: #f2f7fa; padding: 20px; height: auto; display: inline-block;}
.dash2{width: 50%; padding-left: 1px; display: inline-block; float: left;}
.dash_box2_1{width: 100%; height: 80px; border-top: 5px solid #00a1a9; background-color: #eaf4f7; color: #00a1a9; font-size: 22px; font-weight: 600; text-align: center; display: grid; align-items: center;}
.dash_box2_2{width: 100%; background-color: #f2f8fa; padding: 20px; height: auto; display: inline-block;}
.dash_sub{width: 25%; display: inline-block; float: left; text-align: center;}
.dash_num{display:block; color: #242424; font-size: 30px; font-weight: 600;}
.dash_text1{display: block; font-size: 18px; font-weight: 500; color: #757d8d;}
.dash_text2{display: block; font-size: 18px; font-weight: 500; color: #466fbe;}
.dash_text3{display: block; font-size: 18px; font-weight: 500; color: #223965;}
.dash_text4{display: block; font-size: 18px; font-weight: 500; color: #0c1b48;}

.contents_form_wrap{width: 100%; height: auto; display: inline-block; margin-top: 20px;}
.contents_subbox hr{border-color: #c8c8c8; margin: 30px 0px 0px; display: block; float: left; width: 100%;}
.contents_form1{width: 50%; padding-right: 20px; display: inline-block; float: left; margin-top: 15px;}
.contents_form1 span{margin-bottom: 10px; display: block; color: #000000; font-size: 20px; font-weight: 500;}
.contents_form2{width: 50%; padding-left: 20px; display: inline-block; float: left; margin-top: 15px;} 
.contents_form2 span{margin-bottom: 10px; display: block; color: #000000; font-size: 20px; font-weight: 500;}
.contents_form3{width: 100%; display: inline-block; float: left; margin-top: 15px;} 
.contents_form3 span{margin-bottom: 10px; display: block; color: #000000; font-size: 20px; font-weight: 500;}
.form_box {display: block; width: 100%; height: 46px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form_box:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057;}
.form_box:focus { color: #495057; background-color: #fff; border: 0px;border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.form_box::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.form_box::-moz-placeholder {color: #6c757d; opacity: 1;}
.form_box:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form_box::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form_box::placeholder {color: #6c757d; opacity: 1;}
.form_box.cell1 {width: 30%; display: inline-block; float: left;}
.form_box.cell2 {width: 32%; display: inline-block; float: left;}
.form_box.cell3 {width: 32%; display: inline-block; float: left;}
.cellphone_form{width: 100%; height: auto; display: inline-block;}
.cellphone_form input::-webkit-outer-spin-button,
.cellphone_form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.cellphone_form input[type='number'] {-moz-appearance: textfield;}
.cellphone_form span{width: 3%; float: left; text-align: center; margin-top: 8px; font-weight: 400;}

.contents_btn{width: 290px; height: 60px; background-color: #283593; color: #ffffff; font-size:22px; margin: 0 auto; text-align: center; padding: 12px 20px; cursor: pointer; margin-top: 40px; margin-bottom: 30px;}
.contents_btn:hover{background-color: #222d83; transition: 0.5s;}
.contents_btn img{width: 12px;  display: inline-block; margin-left: 15px; margin-bottom: 3px;}

.apply_list{width: 100%; height: auto; border-top: 1px solid #dedede;}
.apply_list_top{width: 100%; height: 62px; display: inline-block; padding: 16px 0px; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3;}
.apply_list_bottom{width: 100%; height: 62px; display: inline-block; padding: 16px 0px; border-bottom: 1px solid #dedede;}
.apply_list_text1{width: 17%; display: inline-block; height: auto; float: left; font-size: 19px; color: #353535; text-align: center; font-weight: 500;}
.apply_list_text2{width: 17%; display: inline-block; height: auto; float: left; font-size: 17px; color: #6d6d6d; text-align: center;}
.apply_list_text2.before{color: #424f6c; font-weight: 500;}
.apply_list_text2.after{color: #3655d5; font-weight: 500;}
.apply_list_btn{width: 15%; display: inline-block; height: auto; padding-right: 50px;}
.apply_detail_btn{width: 104px; height: 34px; background-color: #3655d5; color: #ffffff; font-size: 15px; padding: 6px 0px; float: right; text-align: center; cursor: pointer; margin-top: -2px;}
.apply_detail_btn:hover{background-color: #2f4bb9; transition: 0.5s;}
.apply_ok_text1{width: 100%; height: auto; display: block; font-size: 40px; font-weight: 600; text-align: center; margin-top: -70px;}
.apply_ok_text2{width: 100%; height: auto; font-size: 22px; color: #353535; margin-top: 30px; text-align: center; display: block; line-height: 1.8; padding-bottom: 10px;}
.btn_apply_list{width: 180px; height: 50px; background-color: #3655d5; color: #ffffff; font-size: 20px; padding: 10px 0px; float: right; text-align: center; cursor: pointer; font-weight: 400; margin-top: 10px;}
.btn_apply_list:hover{background-color: #2f4bb9; transition: 0.5s;}

.contents_file{height: 48px; color: #6a7592; background-color: #f6faff; padding: 10px 12px; font-size: 16px; cursor: pointer;}
.contents_file_btn{cursor: pointer; width:100%;}
.contents_file_btn::file-selector-button { width: 120px; height: 30px; background: #fff; color: #3a4460; border: 1px solid #6a7592; border-radius: 4px; cursor: pointer; font-size: 16px; margin-right: 10px;}
.contents_file_btn::file-selector-button:hover { background-color: #4f6191; color: #fff;}
.list_all{margin: 10px 0px 20px;}
.list_wrap{width: 100%; display: inline-block; margin: 0 auto; height: auto; margin-top: 10px; margin-bottom: -10px;}
.list_box1{width: 20%; height: 46px; float: left; text-align: left; padding: 10px 30px; background-color: #dfe4ef; color: #00173d; font-size: 17px; font-weight: 500;}
.list_box2{width: 80%; height: 46px; float: right; text-align: left; padding: 10px 20px; background-color: #f2f4f8; color: #595959; font-size: 16px;}
.list_box1_2{width: 100%; text-align: left; padding: 10px 30px; background-color: #dfe4ef; color: #00173d; font-size: 17px; font-weight: 500;}	
.list_box2_2{width: 100%; text-align: left; padding: 20px 30px 10px; background-color: #f2f4f8; height: auto; display: inline-block;}
.list_box3_1{width: 49%; display: inline-block; margin-right: 1%; float: left; padding-bottom: 15px;}
.list_box3_2{width: 49%; display: inline-block; margin-left: 1%; float: right; padding-bottom: 15px;}
.list_box3_3{width: 100%; display: inline-block; padding-bottom: 15px;}
.list_text1_1{color: #d72323; font-size: 16px; display: block;} 
.list_text1_2{color: #566a95; font-size: 16px; display: none;} 
.list_text1_3{color: #3655d5; font-size: 16px; display: none;} 
.list_text3{width: 130px; display: inline-block; color: #000000; font-weight: 500; float: left;}
.list_text4{width: 320px; display: inline-block; color: #595959; float: right;}
.list_text5{width: 842px; display: inline-block; color: #595959; float: right;}
.list_btn{width: 290px; height: 60px; background-color: #283593; color: #ffffff; font-size:22px; margin: 0 auto; text-align: center; padding: 14px 20px; cursor: pointer; margin-bottom: 0px;}
.list_btn:hover{background-color: #222d83; transition: 0.5s;}
.list_btn img{width: 12px;  display: inline-block; margin-left: 15px; margin-bottom: 3px;}
.btn_l{margin: 0px; margin: 0px 15px;}
.btn_r{margin: 0px; margin: 0px 15px; background-color: #222222;}
.btn_r:hover{background-color: #000000;}
.btn_wrap_box{width: fit-content; display: flex; margin: 0 auto; margin-top: 50px;}
.icon_download{width: 19px!important;}
.icon_check{width: 19px!important;}
.list_support{color: #3a3a3a; font-size: 16px; text-align: left; padding: 20px 30px; background-color: #f5f5f5; margin-top: 20px;}





.login_all {width: 100%; height: calc(100vh - 70px); background-image: url(https://www.k-virtualengineering.com/base/images/bg_login.jpg); background-position: left; background-repeat: no-repeat; background-size: cover;}
.login_wrap_box {width: 1200px; margin: 0 auto; height: auto; padding-top: 280px;}

.login_box{width: 350px; margin: 0 auto;}
.login_box_id{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color: #a09d9a; padding: 0px 15px; display: flex; align-items: center; margin-bottom: 20px;}
.login_box_id:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(122, 218, 355, 0.5);}
.login_box_pw{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color: #a09d9a; padding: 0px 15px; display: flex; align-items: center; margin-bottom: 30px;}
.login_box_pw:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(122, 218, 355, 0.5);}
.login_box_btn{width: 100%; background-color: #089ad3; height: 64px; color: #fff; font-size: 20px; display: grid; align-items: center; text-align: center; margin: 0 auto; cursor: pointer;}
.login_box_btn:hover{background-color: #0789bd; transition: 0.5s;}
.login_box_add{width: 100%; font-size: 18px; color: #fff; text-align: center; padding: 30px 0px 0px;}
.login_register a{margin-left: 10px; margin-right: 10px;}
.login_title {color:#ffffff; text-align: center; font-size: 20px; padding-bottom: 20px;}
.login_box_footer {padding:10px 0 0 5px; text-align: right;}
.login_box_footer a{color:#ffffff; text-decoration: underline;}
.login_box_result {background-color: #ffffff; padding:20px 10px; color:#4c83ff; font-size: 16px; font-weight: bold; text-align: center; margin-top:20px; border: 4px solid #4c83ff;}

.login_phone {overflow: hidden; padding-bottom:10px;}
.login_stitle {color:#ffffff; padding-bottom:10px;}


.search_wrap{width: 100%;  display: inline-block; margin-top: 40px;}
.search_input{width: 22%; float: left; background-color: #f6faff; height: 50px; border: 2px solid #f6faff; color: #6a7592; margin-right: 10px; padding: 10px; border-radius: 0px!important;}  
.search_input:focus{transition:0.5s; outline: none; border-color: #a9c4e6;}  
.search_input:hover{transition:0.5s; border-color: #a9c4e6;} 
.search_input_btn {width: 8%; height: 50px; background-color: #454545; float: right; text-align: center; padding: 12px 0px; cursor: pointer;}
.search_input_btn:hover{background-color: #202020; transition:0.5s; }
.search_icon {width: 24px; margin: 0 auto; fill: #fff;}


.join_all {width: 100%; height: auto; background-image: url(https://www.k-virtualengineering.com/base/images/bg_login.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; padding: 0px 0px 80px 0px;}
.join_wrap {width: 1200px; margin: 0 auto; height: auto; padding: 80px 60px; background-color: #fff; border-radius: 10px; display: block; margin-top: 50px;}
.join_text_01 {width: 100%; font-size: 15px; text-align: right; color: #3a72d1; display: block; padding: 30px 0px 0px; margin-bottom: -30px;}
.join_input_wrap {width: 100%; height: auto; display: inline-block; padding: 10px 0px}
.join_agree_wrap {background-color: #f0f0f0; border-radius: 5px; padding: 25px; font-size: 14px; color: #535353;}
.join_agree_check {width: 100%; padding: 10px 10px 40px;}
.join_btn {width: 290px; height: 60px; background-color: #283593; color: #ffffff; font-size: 22px; margin: 0 auto; text-align: center; padding: 12px 20px; cursor: pointer; border-radius: 0px;}
.join_btn:hover{background-color: #222d83; transition: 0.5s;}

.join_form_01 {width: 100%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center;} 
.join_title {width: 100%; font-size: 36px; font-weight: 600; text-align: center; display: block;}
.join_subtitle {width: 100%; color: #04287e; font-size: 24px; display: block; padding-bottom: 20px; font-weight: 500;}  
.join_text_01 {width: 100%; font-size: 15px; text-align: right; color: #3a72d1; display: block; padding: 30px 0px 0px; margin-bottom: -30px;}
.join_input_box_01 {width: 49%; float: left; display: block;}
.join_input_box_02 {width: 49%; float: right; display: block;}
.join_input_box_03 {width: 100%; float: none; display: block;}
.join_form_title {width: 100%; font-size: 18px; color: #000000; display: block; padding-bottom: 10px; font-weight: 500; height: 40px;}
.join_form_01 {display: block;width: 100%; height: 46px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.join_form_01:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.join_form_01:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.join_form_01::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_01::-moz-placeholder {color: #6c757d; opacity: 1;}
.join_form_01:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_01::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_01::placeholder {color: #6c757d; opacity: 1;}
.join_form_02 {display: inline-block; width: 26%; height: 46px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer;}
.join_form_02:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057;}
.join_form_02:focus { color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.join_form_02::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_02::-moz-placeholder {color: #6c757d; opacity: 1;}.join_form_02:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_02::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_02::placeholder {color: #6c757d; opacity: 1;}
.join_form_03 {display: inline-block; width: 33%; height: 46px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; cursor: pointer; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.join_form_03:-moz-focusring {color: transparent;
 text-shadow: 0 0 0 #495057;}
.join_form_03:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.join_form_03::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_03::-moz-placeholder {color: #6c757d; opacity: 1;}
.join_form_03:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_03::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_03::placeholder {color: #6c757d; opacity: 1;}
.join_form_03::-webkit-outer-spin-button,
.join_form_03::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.join_form_03[type='number'] {-moz-appearance: textfield;}
.join_form_04 {display: inline-block;width: 78%; height: 46px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; float: left;}
.join_form_04:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.join_form_04:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.join_form_04::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_04::-moz-placeholder {color: #6c757d; opacity: 1;}
.join_form_04:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_04::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.join_form_04::placeholder {color: #6c757d; opacity: 1;}
.phone_blank {width: 4%; text-align: center; float: left; padding: 12px 0px;}
.join_form_text1{display: inline-block; float: left;}
.join_email_sbtn{width: 90px; height: 34px; margin-left: 2%; background-color: #3655d5; border: 2px solid #3655d5; padding: 3px 10px; border-radius: 7px; display: inline-block; text-align: center; color: #ffffff; font-size: 16px; font-weight: 400; cursor: pointer; margin-top: -3px; float: left;}
.join_email_sbtn:hover{background-color: #2a42a3;}
.join_email_sbtn_ok{width: 90px; height: 34px; margin-left: 2%; background-color: #a9acbb; border: 2px solid #a9acbb; padding: 3px 10px; border-radius: 7px; display: inline-block; text-align: center; color: #ffffff; font-size: 16px; font-weight: 400; cursor: pointer; margin-top: -3px; float: left; display: none;}
.join_email_btn{width: 20%; height: 46px; margin-left: 2%; background-color: #3655d5; border: 2px solid #3655d5; padding:9px 10px; display: inline-block; text-align: center; color: #ffffff; font-size: 17px; cursor: pointer; float: left;}
.join_email_btn:hover{background-color: #2a42a3;}
.join_email_btn_ok{width: 20%; height: 50px; background-color: #a9acbb; border: 2px solid #a9acbb; padding: 11px 10px; display: inline-block text-align: center; color: #ffffff; font-size: 17px; cursor: pointer; float: left; display: none;}
.join_company_text1{color: #3655d5; font-size: 18px; font-weight: 500; width: 100%; display: block;}
.join_company_text2{width: fit-content; height: 24px; display: inline-block; font-size: 17px; padding: 0px 0px 0px 8px; border-left: 4px solid #3655d5; margin: 15px 30px 10px 0px; float: left; color: #2e3467;}
.join_company_text3{width: fit-content; height: 24px; display: inline-block; font-size: 17px; padding: 0px 0px 0px 8px; border-left: 4px solid #3655d5; margin: 15px 30px 10px 0px; float: left; color: #2e3467;}
.join_company_checkbox{width: 70%; height: auto; display: inline-block; float: left; margin-top: 15px;}
.company_checkbox{width: fit-content; display: inline-block; float: left; margin-right: 30px;}
.phone_input_box{width: 100%; display: block; float: left; cursor: pointer;}
.survey_all {width: 100%; height: auto; background-image: url(https://www.k-virtualengineering.com/base/images/bg_login.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; padding: 0px 0px 80px 0px;}
.survey_wrap {width: 1200px; margin: 0 auto; height: auto; padding: 80px 60px; background-color: #fff; border-radius: 10px; margin-top: 50px; display: grid;}
.survey_title {width: 100%; font-size: 36px; font-weight: 600; text-align: center; display: block;}
.survey_subtitle {width: 100%; color: #04287e; font-size: 24px; display: block; padding-bottom: 20px; font-weight: 500;}  
.survey_text1 {width: 100%; font-size: 15px; text-align: right; color: #3a72d1; display: block; margin: 30px 0px 10px; float: right;}
.survey_qa{width: 100%; display: block; height: auto; margin-top: 20px; float: left;}
.survey_text2 {color: #3655d5; font-size: 18px; font-weight: 500; width: 100%; display: block;}
.survey_text3 {width: fit-content; display: inline-block; float: left;}
.survey_checkbox {width: 100%; height: auto; display: inline-block; float: left; margin-top: 20px;}
.survey_a {width: fit-content; display: inline-block; float: left; margin-right: 50px;}
.survey_a100 {width: 100%; display: inline-block; float: left; margin-right: 50px; height: 50px;}
.hr_survey {border: 1px solid #f0f0f0; margin: 30px 0px 10px; display: block; float: left; width: 100%;}
.survey_input{display: inline-block; width: 200px; height: 40px; margin: -6px 10px 0px 10px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; float: left;}
.survey_input:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.survey_input:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.survey_input::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input::-moz-placeholder {color: #6c757d; opacity: 1;}
.survey_input:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input::placeholder {color: #6c757d; opacity: 1;}
.survey_input::-webkit-outer-spin-button,
.survey_input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.survey_input[type='number'] {-moz-appearance: textfield;}

.survey_score{display: inline-block; width: 120px; height: 40px; margin: -6px 10px 0px 10px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; float: right; font-size: 16px; color: #535353;}
.survey_score:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.survey_score:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.survey_score::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.survey_score::-moz-placeholder {color: #6c757d; opacity: 1;}
.survey_score:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_score::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_score::placeholder {color: #6c757d; opacity: 1;}
.survey_score::-webkit-outer-spin-button,
.survey_score::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.surbery_subtext{width: fit-content; font-size: 15px; text-align: left; color: #616161; display: block; margin-left: 10px;}
.score_info{color: #42a6eb; font-weight: 500; float: right; margin-right: 30px;}
/* .survey_section{color: #ffffff; background-color: #3655d5; width: fit-content; padding: 5px 20px; font-size: 14px; font-weight: 400; border-radius: 100px; margin-top: 20px;} */
.survey_section{color: #3655d5; background-color: #ffffff; width: fit-content; padding: 5px 20px; font-size: 14px; font-weight: bold; border-radius: 100px; margin-top: 20px; border: 2px solid #3655d5;}

.answer_info1{float: right; width: 94px; text-align: center; margin: 0px 23px; font-weight: 500; text-align: center; color: #42a6eb; padding: 3px 10px; border-radius: 8px; background-color: #e2f3ff;}
.answer_info2{float: right; width: 94px; font-weight: 500; text-align: center; color: #42a6eb; padding: 3px 10px; border-radius: 8px; background-color: #e2f3ff;}

.survey_input100{display: inline-block; width: 100%; height: 40px; margin: -6px 0px 0px 0px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; float: left;}
.survey_input100:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.survey_input100:focus {color: #495057; background-color: #fff; border: 0px; border-color: #c8d4e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.survey_input100::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input100::-moz-placeholder {color: #6c757d; opacity: 1;}
.survey_input100:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input100::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.survey_input100::placeholder {color: #6c757d; opacity: 1;}
.survey_sum {font-size: 24px; font-weight: bold; text-align: right; padding: 10px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-top: 20px;}
.survey_guide {display:inline-block; margin-top:10px; font-size:18px; font-weight: bold; color:#ffffff!important; background-color: #3655d5; padding: 15px; border-radius: 5px;}
.survey_btn {width: 290px; height: 60px; background-color: #283593; color: #ffffff; font-size: 22px; margin: 0 auto; text-align: center; padding: 12px 20px; cursor: pointer; border-radius: 0px; margin-top: 20px;}
.survey_btn:hover{background-color: #222d83; transition: 0.5s;}

.result_table{width: 100%; height: auto; border: 1px solid #3655d5; border-radius: 10px; overflow: hidden; margin: 30px 0px;}
.result_name1{display: inline-block; float: left; width: 60%; text-align: center; background-color: #3655d5; color: #ffffff; padding: 10px; font-size: 18px; border-right: 1px solid #ffffff; }
.result_score1{display: inline-block; float: left; width: 40%; text-align: center; background-color: #3655d5; color: #ffffff; padding: 10px; font-size: 18px;}
.result_box1{width: 100%; display: inline-flex; border-top: 1px solid #6b6e70;}
.result_name2{display: inline-block; float: left; width: 60%; text-align: center; color: #04287e; font-size: 17px; padding: 10px; border-right: 1px solid #3655d5; font-weight: 500;}
.result_score2{display: inline-block; float: left; width: 40%; text-align: center; color: #494949; font-size: 17px; padding: 10px;}
.result_btn_survey{width: fit-content; font-weight: 500; text-align: center; color: #434e64; padding: 3px 16px; border-radius: 20px; background-color: #dde8ee; margin: 0 auto; cursor: pointer;}
.result_btn_survey:hover{background-color: rgb(205, 217, 224); transition: 0.5s;}
.result_btn_survey img{width: 9px; margin-bottom: 3px;}
.result_text0{display: inline-block; float: left; width: 60%; text-align: center; color: #000000; background-color: rgb(235 235 235); font-size: 17px; padding: 10px; border-right: 1px solid #3655d5; font-weight: 500;}
.result_text1{display: inline-block; float: left; width: 60%; text-align: center; color: #000000; background-color: rgb(218 218 218); font-size: 17px; padding: 10px; border-right: 1px solid #3655d5; font-weight: 500;}
.result_text2{display: inline-block; float: left; width: 40%; text-align: center; color: #494949; font-size: 17px; padding: 10px;}
.result_text3{display: inline-grid; align-items: center; float: left; width: 60%; text-align: center; color: #000000; background-color: rgb(198 198 198); font-size: 17px; padding: 10px; border-right: 1px solid #3655d5; font-weight: 500;}
.result_text4{width: 100%; font-size: 15px; text-align: left; color: #3a72d1; display: block; margin: 0px 0px 20px;}
.result_box2{width: 100%; display: inline-flex; border-top: 2px solid #3655d5;}
.result_box3{display: block; margin: 30px 0px 0px;}
.result_infobox{float: left; margin-right: 30px;}
.result_info1{width: 94px; font-weight: 500; text-align: center; color: #ffffff; padding: 3px 10px; border-radius: 8px;
 background-color: #42a6eb;}
.result_info2{}
.result_able{width: 100%; color: #42a6eb; display: block; font-weight: 500;}
.result_disable{width: 100%; color: #e43737; display: block; font-weight: 500;}

.notice_text1{font-size: 16px; color: #393939; text-align: left; font-weight: 500; display: block; margin-bottom: 10px;}
.notice_top{width: 100%; background-color: #126bd8; height: 50px; color: #ffffff; font-size: 16px; text-align: center; padding: 13px 10px;}
.notice_top_num{width: 12%; display: inline-block; float: left; overflow: hidden;}
.notice_top_title{width: 68%; display: inline-block; float: left; overflow: hidden; padding: 0px 10px;}
.notice_top_date{width: 20%; display: inline-block; float: left; overflow: hidden;}
.notice_list{width: 100%; background-color: #f8f8f8; height: 50px; color: #464646; font-size: 16px; text-align: center; padding: 13px 10px; margin-top: 5px; cursor: pointer;}
.notice_list:hover{background-color: #e5e9ef; transition: 0.5s;}
.notice_list_num{width: 12%; display: inline-block; float: left; overflow: hidden;}
.notice_list_title{width: 68%; display: inline-block; float: left; overflow: hidden; padding: 0px 10px; text-align: left;}
.notice_list_date{width: 20%; display: inline-block; float: left; overflow: hidden;}
.notice_box1{width: 100%; background-color: #e5e9ef; height: auto; color: #030303; font-size: 18px; font-weight: 500; text-align: left; padding: 20px 40px;}
.notice_box2{width: 100%; height: auto; text-align: left; padding: 40px; display: block; float: left;}
.notice_text_view1{font-size: 15px; color: #566882; font-weight: 500; display: inline-block; float: left; margin-right: 20px;}
.notice_text_view2{font-size: 15px; color: #818890; font-weight: 400;}
.notice_text_date1{font-size: 15px; color: #566882; font-weight: 500; display: inline-block; float: left; margin-right: 20px;}
.notice_text_date2{font-size: 15px; color: #818890; font-weight: 400;} 
.notice_text_contents{width: 100%; font-size: 16px; color: #464646; margin-top: 40px; display: block; float: left;}
.notice_download{width: 100%; background-color: #f5f7fa; height: 50px; color: #126bd8; font-size: 16px; font-weight: 500; text-align: left; overflow: hidden; padding: 13px 40px; cursor: pointer; margin-top: 10px; display: inline-block;}
.notice_download:hover{background-color: #ebf1f8; transition: 0.5s;}



.faq_btn {width: 290px; height: 60px; background-color: #283593; color: #ffffff; font-size: 22px; margin: 0 auto; text-align: center; padding: 12px 20px; cursor: pointer; border-radius: 0px; margin-top: 50px;}
.faq_btn:hover{background-color: #222d83; transition: 0.5s;}
.faq_btn img{width: 12px;  display: inline-block; margin-left: 15px; margin-bottom: 3px;}
.faq_text1{font-size: 16px; color: #393939; text-align: left; font-weight: 500; display: block; margin-bottom: 10px;}
.faq_top{width: 100%; background-color: #126bd8; height: 50px; color: #ffffff; font-size: 16px; text-align: center; padding: 13px 10px;}
.faq_top_num{width: 12%; display: inline-block; float: left; overflow: hidden;}
.faq_top_title{width: 68%; display: inline-block; float: left; overflow: hidden; padding: 0px 10px;}
.faq_top_date{width: 20%; display: inline-block; float: left; overflow: hidden;}
.faq_list{width: 100%; background-color: #f8f8f8; height: 50px; color: #464646; font-size: 16px; text-align: center; padding: 13px 10px; margin-top: 5px; cursor: pointer;}
.faq_list:hover{background-color: #e5e9ef; transition: 0.5s;}
.faq_list_num{width: 12%; display: inline-block; float: left; overflow: hidden;}
.faq_list_title{width: 68%; display: inline-block; float: left; overflow: hidden; padding: 0px 10px; text-align: left;}
.faq_list_date{width: 20%; display: inline-block; float: left; overflow: hidden;}
.faq_box1{width: 100%; background-color: #e5e9ef; height: auto; color: #030303; font-size: 18px; font-weight: 500; text-align: left; padding: 20px 40px;}
.faq_box2{width: 100%; height: auto; text-align: left; padding: 40px; display: block; float: left;}
.faq_text_view1{font-size: 15px; color: #566882; font-weight: 500; display: inline-block; float: left; margin-right: 20px;}
.faq_text_view2{font-size: 15px; color: #818890; font-weight: 400;}
.faq_text_date1{font-size: 15px; color: #566882; font-weight: 500; display: inline-block; float: left; margin-right: 20px;}
.faq_text_date2{font-size: 15px; color: #818890; font-weight: 400;} 
.faq_text_contents{width: 100%; font-size: 16px; color: #464646; margin-top: 40px; display: block; float: left;}
.faq_download{width: 100%; background-color: #f5f7fa; height: 50px; color: #126bd8; font-size: 16px; font-weight: 500; text-align: left; overflow: hidden; padding: 13px 40px; cursor: pointer; margin-top: 10px; display: inline-block;}
.faq_download:hover{background-color: #ebf1f8; transition: 0.5s;}
.redstar {display:inline-block !important; color:#ff2222 !important;}
.table_con_text_70 {height: 25px;}
.notice_table_cat {font-size: 17px; border-radius: 0px; height: 50px;}
.notice_table_con_02 {font-size: 16px; border-radius: 0px; height: 50px;}
.notice_view_num {font-size: 16px; margin-right: 20px;}
.notice_view_date {font-size: 16px;}
.notice_view_inform {margin-bottom: 5px;}
.notice_view_text_01 {margin-right: 10px;}
.notice_view_text_02 {font-size: 20px; border-radius: 0px;}
.notice_view_text_03 {font-size: 17px; min-height: 200px}
.notice_view_listbtn {border-radius: 0px!important;}

.swlist_wrap {padding-top:30px;}
.swlist_item {border:1px solid #eaeaea; padding:20px; margin-bottom: 10px;}
.swlist_title {font-size:20px; font-weight: bold;}
.swlist_desc {padding:10px 20px 30px 0px;}
.btn_sw {padding:5px 10px; background-color: #000; color:#ffffff; display: inline-block;}
.btn_sw:hover {color:#ffffff;}
.modal-sw-cont {}

.swModal .modal-content {border:4px solid #003c86;}
.swModal .modal-xl {max-width: 1082px;}
.swModal .modal-footer {justify-content:flex-start;}

.swver {padding: 1rem; border-top: 1px solid #eaeaea;}
.swveritem {display:flex; padding: 5px 10px; cursor: pointer; list-style: disc; list-style-position: inside; font-size: 14px; color: #666666; border:1px solid #eaeaea; margin-bottom:5px;}
.swveritem.head {font-weight: bold; text-align: center; cursor:default;}
.swveritem div {padding:5px 20px 5px 10px; width: 30%;}
.swveritem div+div {border-left:1px solid #eaeaea; width: 70%;}

.tab_swdb {display: flex; margin-top:30px; margin-bottom: 20px;}
.tab_swdb_bt1 {cursor: pointer; width:50%; background-color: #00369f; color:#ffffff; font-size: 22px; padding:20px 10px; text-align: center;}
.tab_swdb_bt1:hover {background-color: #3a9cdd; color:#ffffff; }
.tab_swdb_bt2 {width:50%; border-top:2px solid #00369f; border-right:2px solid #00369f; border-left:2px solid #00369f; color:#00369f; font-size: 22px; padding:20px 10px; text-align: center;}

.tab_swdb_bt3 {cursor: pointer; width:25%; background-color: #00369f; color:#ffffff; font-size: 22px; padding:20px 10px; text-align: center;}
.tab_swdb_bt3:hover {background-color: #3a9cdd; color:#ffffff; }
.tab_swdb_bt4 {width:25%; border-top:2px solid #00369f; border-right:2px solid #00369f; border-left:2px solid #00369f; color:#00369f; font-size: 22px; padding:20px 10px; text-align: center;}

.db_cont {margin-top:20px; margin-bottom:30px; overflow: hidden;}
.db_title {font-size:24px; font-weight:600; margin-top:10px; margin-bottom:10px;}
.db_desc_1 {margin-bottom:20px;}
.db_desc_2 {margin-bottom:20px;}
.db_desc_2 ol li {list-style-type: decimal; margin-left: 30px;}
.db_desc_3 {color: #ff0000;}

.footer_all2{width: 100%; background-color: #696969; height: auto; display: block; }
.footer_all{width: 100%; background-color: #696969; height: auto; display: block;} 
.footer_wrap{width: 1200px; margin: 0 auto; height: 70px; display: block; padding: 25px 0px;}
.footer_box_01{font-size: 13px; color: #ffffff; float: left;}

.sample{width: 100%; height: auto;}
.m_sample{display: none;}
	


/*m_menu*/	
.m{display: none;}
.m_nav_menu{display: none;}
	
/* IE10+ */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {	 
}

@media(max-width:1780px) {
/* .wrap{width: 100%; padding:0px 50px;}   */
/* .main_best_wrap {width: 100%; padding: 0px 50px;} */
.menu_all{width: 100%; padding: 35px 50px; display: inline-block;  margin: 0 auto; height: 110px; align-items: center;}
.logo_01_box{width: 284px;}
.logo_box {width: 350px; margin-top: -11px}  
.hover_wrap{margin-right: 168px;}
.hover_box2 {width: 86px;}
.hover_box2 {width: 130px;}
.hover_box3 {width: 148px; padding: 10px 0px 30px;}
.hover_box4 {width: 98px; padding: 10px 0px 30px}
.hover_box5 {width: 244px;}

.main_box_01 {width: 50%; padding: 105px 0px 0px;}
.menu_box_02 {width: fit-content; height: auto; float: right; display: inline-block; margin-left: 10px; margin-top: 6px;}  
.menu_title {width: fit-content; font-size: 17px; display: inline-block; margin-left: 24px;}
/* .main_img_wrap {width: 100%;} */
/* .main_top_all {width: 100%; padding: 0px 50px; height: calc(100vh - 220px);} */
.mainmenu_box {list-style: none; float: left; width: fit-content; margin: 0px;}
.menu_box_02_sub {margin-top: 0px; margin-left: 3px;}
.submenu_box {padding-top: 3px;}
.submenu1_box {font-size: 18px;}
.submenu1_box img {margin-top: 15px; width: 100%;}
.main_submenu2 img {margin-top: -17px; margin-right: 20px; width: 70px;}
.main_submenu3 img {margin-top: -17px; margin-right: 20px; width: 80px;}

.main_contents1_1 {width: 32%; padding-right: 20px; margin-right: 0px;}
.main_contents1_2 {width: 32%; padding-left: 20px; margin-left: 0px;}
.main_contents1_date{display: none;}

.main_contents2_1 {width: 50%; padding-right: 20px; margin-right: 0px;}
.main_contents2_2 {width: 50%; padding-left: 20px; margin-left: 0px;}
.main_contents1_title {width: 93%;}
.main_contents2_slide {width: 100%; height: auto;}
/* .main_best_box1 {width: 40%;}
.best_photo_box1 {display: block !important; margin-left: 33.5%; width: 60%;}
.best_photo_box2 {display: block !important; margin-left: 33.5%; width: 60%;}
.best_photo_box3 {display: block !important; margin-left: 33.5%; width: 60%;} */

.sub_top_wrap{width: 100%;}
.footer_wrap{width: 100%; padding: 26px 50px;}
}



/* Tab */
@media(max-width:1440px) {

.wrap{width: 100%; padding:0px 50px;}   
.main_img_wrap {width: 100%;} 

.sidemenu{display: none!important;}
.smshow{display: none!important;}
.wrap {padding: 0px 4%;}
.wrap2 {width: 100%; padding: 0px 4%;}
.wrap3 {width: 100%; padding: 0px 4%;}
.wrap4 {width: 100%; padding: 0px 4%;}
.login_wrap_box {width: 100%;}
.menu_all {width: 100%; padding: 30px 4%; display: inline-block; margin: 0 auto; height: 94px;}
/*menu - mobile-> display: none;*/	
.header_box_00{display: none;}
.header_box_02{display: none;}	
.main_header_box_00{display: none;}
.main_header_box_02{display: none;}
.menu_box_01{display: none;}
.menu_box_02{display: none;}   
.m_nav_menu{display: none;}
.menu_hover{display: none!important;}
/*m_menu*/	
.m{display: block;}
.m_nav{width: 100%; display: inline-block;}
.m_nav_menu img{position: fixed; z-index: 31; right: 4%; top: 30px; width: 40px; cursor: pointer;} 
.menu_btn{width: 30px; float: right; cursor: pointer;}
.m_menu_box{width: 100%; height: 100vh; position: fixed; background-color: #3972d1; text-align: center; padding: 60px 30px; margin: auto; z-index: 30; top: 0px; left: 0px; box-shadow: 0 1rem 1rem rgb(0 0 0 / 20%);}
.m_menu_box1{width: 100%; display: inline-block; padding: 25px 0px; font-size: 22px; font-weight: 400; color: #ffffff;}
.m_menu_box3_1{font-size: 18px; color: #dbeeff; padding: 10px 0px; margin-top: 15px;}
.m_menu_box3_2{font-size: 18px; color: #dbeeff; padding: 10px 0px;}

.m_menu{width: 20%; display:block; float: right; text-align: right;}
.m_menu_icon{width:30px; height:30px; fill:#ffffff;}
.m_menu_txt{padding: 30px 0px;}
.m_menu_txt{display:block; color:#fff; fill:#fff;}
	
.main_top_all {height: 700px;}
.main_box_01 {width: 100%; text-align: center; height: auto;}

.main_body_01 {width: 100%; height: auto; display: inline-block;}
.main_submenu1 {width: 100%; margin-bottom: 30px;}	
.main_submenu2 {width: 49.5%;}
.main_submenu3 {width: 49.5%;}
.submenu1_box img {width: 200px;}

.main_box_02 {width: 100%; display: inline-block; float: none; background-color: none; height: 360px; margin-bottom: 100px; display: none;}
.main_contents1_1 {width: 100%; padding-right: 0px; margin-bottom: 50px;}
.main_contents1_2 {width: 100%; padding-left: 0px; margin-bottom: 50px;}
.main_contents1_2:last-child {width: 100%; padding-left: 0px; margin-bottom: 100px;}
.main_body_04 {display: none;}

.ci_box1 {width: 100%; height: auto;}
.dash_num {font-size: 28px;}

.organ_text5 {font-size: 18px;}

.survey_wrap {width: 90%;}

.main_dash {width: 90%;}
}

@media(max-width:1080px) {
.main_dash_wrap {display: none;}

.platform_box3_sub1 {width: 100%; margin-right: 0%; float: left; margin-bottom: 20px;}  
.platform_box3_sub2 {width: 100%; margin-right: 0%; float: left; margin-bottom: 20px;} 
.platform_text5 {width: 100%; height: auto;}
.organ_subbox2_1{width: 50%; padding-right: 2px; padding-bottom: 4px;}
.organ_subbox2_2{width: 50%; padding-left: 2px; padding-bottom: 4px;}
.organ_subbox2_3{width: 50%; padding-right: 2px;}
.organ_subbox2_4{width: 50%; padding-left: 2px;}

.survey_text3 {width: 100%; margin-bottom: 10px;}
.survey_score{float: left; margin: 0px 10px 0px 10px;}
.survey_a100 {height: auto; margin-bottom: 20px;}
.score_info {float: left; margin: 7px 0px 0px 10px;}
.answer_info1{display: none;}
.answer_info2{display: none;}
}

@media(max-width:900px) {
.m_sample{display: block;}
.sample{display: none;}
.main_body_01{padding:0px;}
.main_body_01 .wrap{padding:0px;}
.main_submenu2 {width: 50%; margin-left: 0px;}
.main_submenu3 {width: 50%; margin-left: 0px;}
.main_top_all {height: 500px; background-position: center left;}
.main_box_01 {padding-top: 50px;}
.main_title_01 {font-size: 18px;}
.main_title_02 {font-size: 30px;}
.sub_title_01 {font-size: 30px;}
.sub_title_01 {font-size: 30px;}

.sub_box_01 {height: 80px;}
.sub_menu_show {width: 360px; height: 80px;}
.sub_menu_title1 {height: 80px; font-size: 22px;}
.sub_menu_hide {width: 360px; height: 80px;}
.sub_menu_title2 {height: 80px; font-size: 22px;}
.sub_box_contents div {font-size: 20px;}
.submenu1_box {border-right: 0px solid #b6b6b6; width: 100%;}
.submenu1_box br{display: none;}
.main_submenu1 {display: none;}
.main_contents1_date {display: none;}
.submenu1_box img {width: 200px; display: block; margin: 0 auto;}
.main_body_02 {padding-top: 50px;}
.main_contents1_title {width: 100%; font-size: 16px; margin-left: -15px; padding-left: 15px;}

.list_box1 {width: 100%; padding: 10px 20px;}
.list_box2 {width: 100%; padding: 10px 20px;}
.list_box1_2 {width: 100%; padding: 10px 20px;}
.list_box2_2 {width: 100%; padding: 10px 20px;}
.list_box3_1 {width: 100%; margin-right: 0px;}
.list_box3_2 {width: 100%; margin-right: 0px;}
.list_text3 {width: 100%;}
.list_text4 {width: 100%;}

.search_input {width: 100%; margin-bottom: 12px;}
.search_input_btn {width: 100%;}

.notice_list {height: auto; display: inline-flex; align-items: center;}
.notice_box1 {font-size: 16px; padding: 15px 20px;}
.notice_box2 {padding: 20px;}
.notice_text_contents {font-size: 15px;}
.notice_download {padding: 13px 20px;}

.faq_list {height: auto; display: inline-flex; align-items: center;}
.faq_box1 {font-size: 16px; padding: 15px 20px;}
.faq_box2 {padding: 20px;}
.faq_text_contents {font-size: 15px;}
.faq_download {padding: 13px 20px;}

.footer_wrap {height: auto; display: block;}
.footer_box_01 {width: 100%; float: none; margin: 0 auto; text-align: center; height: auto; display: block; margin-bottom: 0px;}	
.footer_box_02 {width: 70%; float: none; margin: 0 auto; text-align: center; display: flex; align-items: center;}

.contents_top {display: none;}
.contents_title hr {display: none;}
.contents_text1 {padding-right: 0px; position: unset; display: block; bottom: 2px; font-weight: 600; width: 100%; margin: 0 auto;}
.platform_text1 br{display: block;}
.contents_text1 span{display: none;}
.platform_box1 img {padding-top: 18px;}
.platform_text0 {font-size: 17px; padding-top: 0px;}
.platform_box2_sub1 {width: 100%; display: block; float: unset;}
.platform_box2_sub2 {width: 100%; display: block; float: unset; margin: 20px 0px;}
.contents_title {margin-top: 30px;}
.contents_text1 {font-size: 35px;}
.platform_text1 {font-size: 20px; padding: 10px 22px; text-align: center;}
.contents_box{width: 100%; display: inline-block;}
.organ_list {width: 100%; display: contents;}
.organ_sub {width: 50%; padding: 30px 30px; margin-bottom: 0px;}
.organ_img {width: 50%; border-radius: 300px; margin: 0 auto;}
.organ_text2 {font-size: 17px;}
.organ_map{display: none;}
.organ_map_m{display: block;}
.organ_field{display: none;}
.organ_field_m{display: block;}
.organ_target {width: 100%;}



.dash1 {width: 100%; padding-right: 1px;}
.dash2 {width: 100%; padding-left: 1px;}
.inform_table1 {width: 30%;}
.inform_table2 {width: 70%;}
.inform_ex_wrap {display: inline-block; padding: 30px 20px;}
.inform_ex_box1 {width: 100%; height: auto; display: block; float: unset; padding-right: 0px; text-align: center; margin-bottom: 5px;}
.inform_text5 {display: block;}
.inform_text5 br{display: none;}
.inform_ex_box2 {width: 100%; margin-top: 10px;}
.inform_ex_arrow {width: 100%;}
.inform_arrow{display: none;}
.inform_arrow_m{display: block; width: 26px; margin: 0 auto; margin-top: 10px;}
.notice_table_con_02 {font-size: 16px;}
.ci_btn_wrap {display: block; width: 300px; margin: 0 auto; height: auto; margin-top: 30px;}
.ci_btn {width: 100%; margin: 0px; margin-bottom: 10px;}
.ci_box3_sub1 {width: 100%; float: unset;}
.ci_box3_sub2 {width: 100%; float: unset; margin: 0px; margin: 30px 0px;}
.ci_text2 {font-size: 17px;}
}	



/* Mobile Wide*/
@media(max-width:740px) {	
.wrap {padding: 0px 2%;}
.wrap2 {margin-top: 30px; margin-bottom: 100px;}
.wrap3 {width: 100%; padding: 0px 4%; margin-top:30px;}
.wrap4 {width: 100%; padding: 0px 4%;}
.login_wrap_box {width: 100%;}

.apply_list {width: 100%; height: auto; border-top: 1px solid #dedede;}
.apply_list_bottom {width: 100%; height: auto; display: inline-grid; position: relative; padding: 15px;}
.apply_list_btn {width: 100%; display: inline-block; height: auto; padding-right: 0px; position: absolute; right: 15px; top: 15px;}
.apply_list_text2 {width: 100%; text-align: left;}
.contents_form1{width: 100%; padding-right: 0px;}
.contents_form2 {width: 100%; padding-left: 0px;}
.text-right {text-align: right!important; margin-bottom: -25px!important; font-size: 16px!important;}
.platform_text1 {font-size: 24px; padding: 10px 22px; text-align: center; border-radius: 200px; line-height: 1.2;}
.ci_text2 br {display: none;}
.table_cat_text_10 {display: none;}
.table_cat_text_70 {width: 70%;}
.table_cat_text_20 {display: none;}

.table_con_text_10 {display: none;}
.table_con_text_70 {width: 70%;}
.table_con_text_20 {width: 20%; text-align: right;}

.notice_table_con_02 .table_con_text_40 {width: 70%;}



.result_infobox {float: left; margin-right: 30px; width: 100%; display: block; margin-top: 12px;}
}

/* Mobile */
@media(max-width:540px) {	
.main_br{display: none;}
.main_br_m{display: block;}
.platform_box1 img {width: 100%;}
.organ_sub {width: 100%;}
.organ_img {width: 150px; border-radius: 300px; margin: 0 auto;}
.apply_list_text2 {width: 100%; text-align: left;}
.inform_btn_on {width: 100%; height: 70px;}
.inform_btn_off {width: 100%; height: 70px;}
.inform_text3 {display: unset;}
.organ_subbox2_1{width: 100%; padding-right: 0px; padding-bottom: 4px;}
.organ_subbox2_2{width: 100%; padding: 0px; padding-bottom: 4px;}
.organ_subbox2_3{width: 100%; padding: 0px; padding-bottom: 4px;}
.organ_subbox2_4{width: 100%; padding-left: 0px;}
.logo_box {width: 280px; margin-top: -4px;}
.platform_text0 {width: 100%;}
.platform_box1 img {width: 80%; margin: 0 auto; float: unset; display: block; margin-bottom: 30px;}
.platform_text1 {font-size: 24px; padding: 0px; text-align: center; border-radius: 0px; border: 0px solid; line-height: 1.2; background-color: unset;}
.loc_box {width: 100%; height: auto; display: inline-block; padding:15px 20px;}
.loc_text1 {width: 100%; margin-right: 0px; display: block; line-height: 2;}
.main_submenu2 {width: 100%; height: 100px; display: inline-block; padding: 33px 4%;}
.main_submenu3 {width: 100%; height: 100px; display: inline-block; padding: 33px 4%;}
.submenu3_text {width: fit-content; height: auto; color: #fff; font-size: 22px; padding: 0px; float: left;}
.main_submenu2 img {margin-top: -5px; margin-right: 0px; width: 50px;}
.main_submenu3 img {margin-top: -4px; margin-right: 2px; width: 55px;}
.result_btn_survey{padding: 3px 14px; font-size: 16px;}
.result_btn_survey img{width: 7px;}

}


/* Galaxy Fold */
@media(max-width:370px) {
.menu_all {height: 70px;}
	
}