@charset "utf-8";

#wrap { position:relative; display:block; width:100%;}
#header { position:relative; display:block; width:100%; text-align:center; box-sizing:border-box; z-index:1001;}
#container { position:relative; display:block; width:100%; text-align:center; box-sizing:border-box; z-index:999;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#footer { position:relative; display:block; width:100%; text-align:center; box-sizing:border-box; z-index:1000;}

/* 헤더 상단메뉴 */
#header .head { background:#fff;}
#header .head .logo { position:absolute; display:inline-block; left:2%; top:50%; transform:translateY(-50%); z-index: 10;}
#header .head .gnb { position:relative; display:inline-block; width:100%; padding:7px 0 8px 228px; z-index:2;}
#header .head .gnb .gnb_list { position:relative; display:block;}
#header .head .gnb .gnb_list>li { position:relative; display:block; float:left; width:20%;/*width:20%;*/}
#header .head .gnb .gnb_list>li:after { content:""; position:absolute; display:block; right:0;top:50%; transform:translateY(-50%); width:1px;height:11px; background:#ddd;}
#header .head .gnb .gnb_list>li:last-child:after { display:none;}
#header .head .gnb .gnb_list>li>a { position:relative; display:block; padding:22px 0; font-family:"Noto Sans KR"; font-size:16px; line-height:25px; color:rgba(0,0,0,0.9);}
#header .head .gnb .gnb_list>li>a:after { content:"";position:absolute; left:50%; bottom:-13px; display:inline-block; width:0%;height:3px; background:#3a7ab7; opacity:0; transform:translateX(-50%); transition:all 0.6s;}
#header .head .gnb .gnb_list>li.on>a:after { width:100%; opacity:1; transition:all 0.6s;}


/* 헤더 네비메뉴 */
.allnav { position:absolute; left:0; top:85px; display:none; height:275px; width:100%; padding:20px 0 25px 0;/*  background:#fff; */ /* border-top:1px solid #e5e5e5; */ text-align:center; z-index:1000;}
.allnav>div { display:inline-block; width:17.2%; height:243px; vertical-align:top; box-sizing:border-box; border-right:1px solid #ddd;}
.allnav>div:first-child, .allnav>div:last-child { border-right:0;}
.allnav>div .nav_list { }
.allnav>div .nav_list li { margin-bottom: 10px;}
.allnav>div .nav_list li a { font-size:15px; color:#666; text-}
.allnav>div .nav_list li a:hover { font-size:15px; color:#3a7ab7;}
.nav_list { height:310px; border-right:1px solid #ddd;}

/* 헤더 모바일메뉴 */
/* .m_nav { position: fixed; left: 0; top: 77px; display:none; } */



/* 메인 컨테이너 스위퍼 */
.sw_main { width:100%; height:508px; }
.sw_main .swiper-slide { text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
.sw_main .swiper-slide img { display:block; width:100%; height:100%; object-fit:cover;}
.sw_main .sw-bg1 { content:""; width:100%; height:100%; background:url(../img/enh/main_slide3_bg.jpg) 50% no-repeat;}
.sw_main .sw-bg2 { content:""; width:100%; height:100%; background:url(../img/enh/main_slide_bg.png) 50% no-repeat;}
.sw_main .main_tit_box { background: url(../img/enh/bg_main_txt.png) no-repeat; width: 758px; height: 397px; padding-top: 110px;  margin: 55px auto 0;   }
.sw_main .main_tit { opacity:0; transition:2s; transition-delay:0.8s; font-weight:500; color:#fff; line-height:60px; letter-spacing:0.6px; margin-bottom:15px; text-shadow:4px 2px 3px rgb(0 0 0 / 35%); font-size: 42px; }
.sw_main .main_txt { opacity:0; transform:translateY(50px); transition:all 2s; transition-delay:1.5s; font-size:25px; font-weight:300; color:#fff; line-height:45px; letter-spacing:-1px; margin-bottom:15px; text-shadow:3px 2px 1px rgb(0 0 0 / 35%);}
.sw_main .swiper-slide-active .main_tit { opacity:1;}
.sw_main .swiper-slide-active .main_txt { opacity:1; transform:translateY(0)}
.main_visual .sw_main_pg { position:absolute; bottom:10px !important; border-radius:20px; z-index:1;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.main_visual .sw_main_pg .swiper-pagination-bullet { display:inline-block; bottom:40px;  width:7px; height:7px; margin:11px 8px !important; border:4px solid rgba(0, 0, 0, 0.01); box-sizing:border-box; border-radius:50%; background:#fff; overflow:hidden; text-indent:-10000px;}
.main_visual .sw_main_pg .swiper-pagination-bullet-active { background:none; border:4px solid #fff; padding:3px; margin:8px 8px !important;}
.swiper-slide { flex-shrink:0; width: 100%; height:auto !important; position: relative; transition-property: transform;}
.main_tit_line { width: 40px; height: 5px; background-color: white; margin: 15px auto; display: block; opacity:0.5; transition:2s; transition-delay:0.8s; }

.main_btn_box { background: url(../img/enh/bg_btn_box01.jpg) 50% no-repeat cover; padding: 100px 0; width: 100%; overflow: hidden;    }
.main_btn_box .stit01 { width: 100%; text-align: center; color: #3a7ab7; font-size: 20px; font-weight: 500    }
.main_btn_box .stit02 { width: 100%; text-align: center; color: #000; font-size: 28px; font-weight: 500; padding-top: 10px;  }
.main_btn_box .btn_wrp { max-width: 1200px; margin-top: 25px auto; overflow: hidden }
.main_btn_box .btn_wrp .btnbox { width: 230px; height: 230px; background: white; }
.main_btn_box .btn_wrp .btnbox:hover { background: url(../img/enh/bg_icobox.png) 50 no-repeat cover  }


.main_notice_box { background: url(../img/enh/bg_btn_box01.jpg) 50% no-repeat cover; padding: 100px 0; width: 100%; overflow: hidden;    }
.main_notice_box .stit01 { width: 100%; text-align: center; color: #3a7ab7; font-size: 20px; font-weight: 500    }
.main_notice_box .stit02 { width: 100%; text-align: center; color: #000; font-size: 28px; font-weight: 500; padding-top: 10px;  }




/* 서브페이지 */
.subwide_box { position:relative; display:block; width:100%; height:100%; padding: 0 0 50px 0;}
.sub_inner_box { position:relative; display:block; margin:0 auto; width:1200px; padding:20px 0;}
.bg_txt_sub { content:""; /*background:url(../img/bg_txt_sub.png) no-repeat 50%; background-position:right bottom; background-size:60%;*/}

.sub_txt_1 { color:#333; font-size:20px; font-weight:400; font-family:'Noto Sans KR';}
.sub_txt_1_b { color:#333; font-size:20px; font-weight:500; font-family:'Noto Sans KR';}
.sub_txt_2 { color:#333; font-size:32px; font-weight:550;}
.sub_txt_2_plus { color:#333; font-size:32px; font-weight:550; padding:10px 0; line-height:1.6em; text-transform:capitalize;}
.sub_txt_3 { color:#333; font-size:40px; font-weight:600; font-family:'Noto Sans KR';}
.sub_txt_4 { color:#666; font-size:22px; font-weight:400; font-family:'Noto Sans KR';}
.sub_txt_5 { color:#5d5d5d; font-size:16px; font-weight:300; font-family:'Noto Sans KR';}
.sub_txt_5_plus { color:#5d5d5d; font-size:16px; font-weight:400; font-family:'Noto Sans KR'; text-align:left; line-height:28px; letter-spacing:0.5px;}
.sub_txt_6 { color:#333; font-size:22px; text-align:left; font-weight:550;}
.sub_txt_7 { color:#333; font-size:26px; text-align:left; font-weight:550;}
.sub_txt_8 { color:#333; font-size:16px; font-weight:500; font-family:'Noto Sans KR';}

.sub_box { position:relative; display:block; margin:50px auto;}
.sub_box_01 { opacity:0; content:""; background:url(../img/img_sub02.png) no-repeat 50%; width:100%; height:280px; box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%); background-size:cover;}

.market_list { position:relative; display:block; padding:50px 0 30px 0;}
.market_list .market_area { position:relative; display:block; float:left;}
.market_list .market_area .market_item { display:block; padding:20px 20px 50px 20px; border-right:1px solid #e5e5e5; box-sizing:content-box;}
.market_list .market_area:last-child .market_item { border-right:none;}
.market_list .market_area .market_item .img_market img { width:150px;}

.ceo_list { position:relative; display:block; padding:50px 0 100px 0;}
.ceo_list .ceo_area { position:relative; display:block; float:left;}
.ceo_list .ceo_area .img_ceo { padding:0 0px; border-radius:130px 0; overflow:hidden; background:#fff; box-shadow:1px 0px 15px 5px rgba(0,0,0,0.2);}
.ceo_list .ceo_area .img_ceo img {width: 100%;}
.ceo_list .ceo_area .ceo_item { display:block; padding:0 15px 0 60px; box-sizing:content-box;}
.sub_item_line { content:""; position:relative; display:block; width:140px; height:4px; background:#3a7ab7; margin-bottom:20px;}

.vis_wrap { position:relative; display:block; padding:50px 0 0 0;}
.bg_vis { content:""; position:absolute; display:block; top:0; width:100%; height:100%; background:url(../img/bg_vision.png) no-repeat 50%; background-position-y:top;}
.vis_wrap .vis_layer { margin:0 auto; display:inline-block; padding:45px 0;}
.vis_wrap .vis_layer .vis_list { position:relative; display:inline-block; height:190px; width:460px; padding:30px;text-align:left;  border-left:2px solid #3a7ab7; background-color:#ffffff; background-color:rgba( 255, 255, 255, 0.9 );}
.vis_wrap .vis_layer .vis_list > li { position:relative; font-size:16px; text-align:left; padding:3px 0 3px 10px;}
.vis_wrap .vis_layer:nth-child(3) .vis_list:first-child li { line-height:29px;}
.vis_wrap .vis_layer .vis_list > li:before { content:""; position:absolute; top:15px; display:inline-block; width:2px; height:2px; border-radius:50%; background:#333; margin-left:-8px;}
.vis_wrap .vis_layer .vis_list h2 { display:inline-block; padding:0 0 10px 0; color:#1d1d1b; text-align:left;}
.vis_wrap .vis_list + .vis_list { margin:0 0 0 45px}
/* .vis_wrap  .vis_layer:nth-child(2) .vis_list:nth-child(1) li:before { top:28%;} */
.dot_red:after { content:""; position:absolute; right:-8px; top:0; display:inline-block; width:5px; height:5px; border-radius:50%; margin:5px 0 0 3px;background:#3a7ab7;}
.vis_key_border { position:relative; display:block; margin:10px auto 0; width:70%; height:25px; border:2px solid#000; border-bottom:none;}
.vis_key_list { position:relative; display:inline-block; width:97%; padding:8px 0; margin:0 55px; text-align:center;}
.vis_key_list > li { position:relative; display:block; float:left; width:25%; margin:0 -10px;}
.vis_key_list > li > a { position:relative; display:block; margin-bottom:30px; color:#fff; font-size:18px; font-weight:500; padding:25px; cursor:default; background:rgba(186,12,47,0.8); border-radius:30px;}
.vis_key_box { position:relative; display:block; height:200px; margin:0 10px; padding:0px 30px 35px 30px; border-left:2px solid #000; text-align:left; word-break:break-word; white-space:normal;}
.vis_key_box > li { position:relative; padding:0 0 40px 0;}
.vis_key_list > li:last-child .vis_key_box { border-right:2px solid #000;}
.vis_key_box > li:before { content:""; position:absolute; top:12px; left:-10px; display:inline-block; width:2px; height:2px; border-radius:50%; background:#333;}
.vis_wrap .vis_layer:last-child { padding:50px 0;}

.his_list { position:relative; display:block; text-align:left; padding:0 0 40px 0px;}
.his_list > li { position:relative; display:block; float:left; width:16.6%;}
.his_list > li > a { }
.his_list_box { position:relative; display:block; border-top:1px solid #000; border-left:1px solid #e5e5e5;}
.his_list_box > li { display:block; padding:0 0 10px 0;}
.his_list_item { padding:10px 20px 10px 10px;}
.his_list_item p { position:relative; display:block;}
.his_list_item p:before { content:""; position:absolute; left:-13px; top:50%; transform:translateY(-50%); display:block; width:5px; height:5px; border-radius:50%; border:1px solid #000; background:#fff; }
.his_list_item .his_item_txt { height:90px; padding:5px 0;}

.loca_info { position:relative; display:block; width:537px; padding:70px 0 0 60px;}
.loca_info > li { position:relative; display:block; text-align:left; border-bottom: 1px solid #e5e5e5; padding:30px 0 10px 0;}
.loca_info > li > a { position:relative; display:inline-block; width:140px; font-size:16px; color:#777; padding:0 0 0 35px; cursor:default;}
.ico_add:before { content:""; position:absolute; left:0; top:14px; transform:translateY(-50%); display:inline-block; width:17px; height:17px; background:url(../img/ico/ico_address.png) no-repeat 50%;}
.ico_tel:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:17px; height:17px; background:url(../img/ico/ico_tel.png) no-repeat 50%;}
.ico_mail:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:17px; height:17px; background:url(../img/ico/ico_email.png) no-repeat 50%;}
.loca_txt { display:inline-block; font-weight:500; text-align:left;}
.map_wrap { position:relative; display:block; overflow:hidden;}
.map_wrap #map { position:relative; display:block; overflow:hidden; width:600px; height:476px;}
.map_wrap #map img { position:relative; display:block; width:100%;}

.part_list { position:relative; display:inline-block; margin:0 100px; width:80%;}
.part_list > li { position:relative; display:block; float:left; padding:10px; box-sizing:border-box;}
.part_list > li > .part_box { position:relative; display:block; float:left; padding:20px 25px; background:#fff; border:1px solid #f4f2f3; box-sizing:border-box;}
.part_list > li > .part_box img { width:100%;}
/* .part_list > li:nth-child(3n+1) { clear:both;} */
/* .part_box { position:relative; display:block; float:left; width:75%; padding:14px 50px 0 0; text-align:left; border-top:2px solid #f4f2f3;}
.part_box .part_list_tit { position:relative; display:inline-block;}
.part_box .part_list_tit:before { content:""; position:absolute; left:0; top:-16px; display:inline-block; width:55px; height:2px; background:#3a7ab7;}
.part_box span { font-size:16px; padding:0 10px;}
.part_box .part_list_txt { color:#777; font-size:16px; font-weight:400; padding:5px 0;} */

.prod_list { position:relative; display:inline-block; width:100%;}
.prod_list > li  { position:relative; display:block; float:left;}
.prod_info { padding:20px 0 20px 45px;}
.prod_img img { max-width:100%; height:auto;}
.prod_box { position:relative; display:block; float:left; width:100%; padding:14px 0 0 0; text-align:left;}
.prod_box .prod_list_tit { position:relative; display:block; padding:10px; border-bottom:2px solid #f4f2f3;}
.prod_box .prod_list_tit:before { content:""; position:absolute; left:0; top:53px; display:inline-block; width:55px; height:2px; background:#3a7ab7;}
.prod_box span { font-size:16px; padding:0 10px;}
.prod_box .prod_list_txt { color:#777; font-size:16px; font-weight:400; padding:5px; line-height:30px;}
/* .red_line .prod_list_tit { padding:0;} */
.red_line .prod_list_tit:before { content:""; position:absolute; left:0; top:0; display:inline-block; width:55px; height:2px; background:#3a7ab7;}
.img_padding { padding:90px 45px;}

#bo_w { text-align:left; padding:0 0 15px 0;}
#bo_w .sub_txt_8 { position:relative; display:block; padding:10px 0;} 
#bo_w .input_box { position:relative; display:block; padding:8px 8px 8px 15px; border:1px solid #f2f2f2; border-bottom:1px solid #d3d3d3; background:#fff; box-sizing:border-box; width:100%; vertical-align:middle; margin:0 0 8px 0;}
#bo_w .Required:after { content:""; position:relative; display:inline-block; width:15px; height:12px; background:url(../img/ico/ico_required.png) no-repeat 50%;}
#bo_w .input_checkbox { position:relative; display:inline-block; padding:8px 8px 8px 15px; border:1px solid #f2f2f2; background:#fff; box-sizing:border-box; width:100%; vertical-align:middle; margin:0 0 8px 0;}
#bo_w .input_checklist { padding:10px 0; width:50%; float:left;}
#bo_w .input_checkbox label { padding:0 8px;}
.btnarea { text-align: center; margin-top: 30px; font-size: 0;}
.btnarea button { display:inline-block; width:140px; padding:16px 0; margin-left:7px; background:#3a7ab7; font-size:16px; font-weight:400; color:#fff; line-height:100%; border:0; text-align:center; cursor:pointer;}
/* .btnarea .btn_admin:hover { border:2px solid #3a7ab7; background:#fff !important;} */

.view_list .input_checklist { height:43px;}
.view_list .input_checklist input { width:200px; padding:0}

.sub_box_03_1 { content:""; background:url(../img/img_sub03_1.png) no-repeat 50%; background-size:cover; width:100%; height:280px; box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%);}
.bg_gray { content:""; position:absolute; display:block; top:270px; width:100%; height:880px; background:#f9f9f9;}
.rd_wrap { position:relative; display:block;}
.rd_wrap .rd_area { position:relative; display:block;  margin:-20px -10px; padding:50px 0;}
.rd_area .rd_list { position:relative; display:block;}
.rd_area .rd_list .rd_box { position:relative; display:block; padding:85px 0px;}
.bg_rd_box { content:""; width:223px; height:223px; background:url('../img/ico/bg_or_rd.png') no-repeat 50%;}
.rd_area .rd_list h2 { position:relative; display:inline-block; padding:10px 18px; color:#fff; text-align:left;}
.rd_txt_box { position:relative; }
/* .rd_txt_box:before { content: ""; position: absolute; top: 15px; display: inline-block; width: 2px; height: 2px; border-radius: 50%; background: #333; margin-left: -8px;} */
.rd_area .rd_list:first-child { width:60%; margin: 0 auto;clear:both; display:block; padding: 35px 0 0 235px;}
.rd_area .rd_list:nth-child(2) { display:block; float:left; width:25%; padding:60px 0 0 50px;}
.rd_area .rd_list:nth-child(3) { display:block; float:right; width:26%; padding:60px 0 0 0;}
.rd_area .rd_list:last-child { width:79%; margin: 0 auto;clear:both; display:block; padding:0 0 0 370px;}
.rd_area .rd_list:first-child .rd_box { display:inline-block; }
.rd_area .rd_list:last-child .rd_box { display:block; float:left;}
.rd_area .rd_list:first-child .rd_txt_box { display:inline-block; padding:100px 0 0 25px;}
.rd_area .rd_list:last-child .rd_txt_box { display:inline-block; padding:100px 0 0 25px;}
.rd_area .rd_list:nth-child(2) .rd_txt_box { padding: 20px 0; white-space:nowrap; margin:0 0 0 -15px;}
.rd_area .rd_list:nth-child(3) .rd_txt_box { padding: 20px 0;}
.rd_area:after { content:""; position: absolute; left:50%; top:53%; transform:translate(-50%, -50%); /* margin:25px 0 0 -15px;  */width:794px; height:421px; background:url(../img/ico/bg_rd_logo.png) no-repeat 50%; z-index:-1;}

.rd_img { padding:50px 0 90px 0;}
.rd_img img { width:100%;}

.pipe_wrap { position:relative; display:block;}

/* 테이블 */
.tb_base { position:relative; margin:20px auto; width:82.5%;}
.tb_base thead th { padding:10px 0; background-color:#fff; line-height:14px; font-family:'Noto Sans KR'; font-size:13px; color:#222; text-align:left; font-weight:normal}
.tb_base tbody th { padding:13px 0; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background-color:#fff; line-height:14px; font-family:'Noto Sans KR'; font-size:13px; color:#444; text-align:center;}
.tb_base tbody td { border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; padding:10px 0 10px 5px; font-family:'Noto Sans KR'; font-size:12px; color:#666; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; text-align:center; line-height:20px; }
.table_txt { position:relative; display:block; float:left; color:#333; font-size:12px; font-weight:400; text-align:left; padding:0 0 0 8px;}
.t_line:after { content:""; position:relative; left:0; top:0px; display:block; height:2px; background:#333;}
.tb_base:nth-child(1) tbody tr:nth-child(even) td { background:#fbfbfb;}
.tb_base:nth-child(2) tbody tr:nth-child(odd) td { background:#fbfbfb;}

.t_line_439:after { width:439px;}
.t_line_414:after { width:414px;}
.t_line_347:after { width:347px;}
.t_line_312:after { width:312px;}
.t_line_270:after { width:270px;}
.t_line_217:after { width:217px;}
.t_line_205:after { width:205px;}
.t_line_190:after { width:190px;}
.t_line_180:after { width:180px;}
.t_line_170:after { width:170px;}
.t_line_165:after { width:165px;}
.t_line_150:after { width:150px;}
.t_line_136:after { width:136px;}
.t_line_120:after { width:120px;}
.t_line_106:after { width:106px;}
.t_line_87:after { width:87px;}
.t_red .table_txt { color:#3a7ab7 !important;}
.t_red .t_line:after { background:#3a7ab7 !important;}
.t_vs { visibility: hidden !important; }


/* 리서치테이블 */
.tb_research { position:relative; margin:20px auto 60px auto; width:82.5%;}
.tb_research thead th { padding:10px 5px; border:1px solid #d3d3d3; background-color:#fff; line-height:14px; font-family:'Noto Sans KR'; font-size:13px; color:#222; text-align:left; font-weight:normal}
.tb_research tbody th { padding:13px 0; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background-color:#fff; line-height:14px; font-family:'Noto Sans KR'; font-size:13px; color:#444; text-align:center;}
.tb_research tbody td { border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; padding:10px 0 10px 5px; font-family:'Noto Sans KR'; font-size:12px; color:#666; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; text-align:left; line-height:20px; }
.table_txt { position:relative; display:block; float:left; color:#333; font-size:12px; font-weight:400; text-align:left; padding:0 0 0 5px;}
.t_line:after { content:""; position:relative; left:0; top:0px; display:block; height:2px; background:#333;}
.tb_research thead th { background:#fbfbfb;}
.tb_research:nth-child(1) tbody tr:nth-child(even) th { background:#fbfbfb;}
.tb_research:nth-child(1) tbody tr:nth-child(even) td { background:#fbfbfb;}
.research .point { position:relative; display:inline-block; padding:15px 0;}
.research .point:before { content:""; position:absolute; left:-20px; top:50%; transform:translateY(-50%);display:inline-block; width:12px; height:12px; background:url(../img/ico/ico_point.png) no-repeat 50%;}

/* 하단 */
#footer { text-align:center; background:#1d1d1b; padding:25px 0;}
#footer .foot .f_logo { position:relative; display:block; padding:20px 0;}
#footer .foot p { font-size:15px; font-weight:400; color:#FFF; padding:5px 0;}



.dummy_gnb { position:absolute; top:89px; left:0; width:100%; background:#fff; height:360px; z-index:1; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:none; background: white url(../img/enh/bg_m_logo.png) right no-repeat  }


.main_btn_box {background: url(../img/enh/bg_main_btn.png) no-repeat ; width: 100%;  }
.main_btn_box .btn_wrp { max-width: 1260px; margin: 25px auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;  padding: 30px }
.main_btn_box .btn_wrp .btnbox { width: 227px; height: 227px; background: white; -webkit-box-shadow: 10px 10px 20px 9px rgba(242,242,242,1); -moz-box-shadow: 10px 10px 20px 9px rgba(242,242,242,1); box-shadow: 10px 10px 20px 9px rgba(242,242,242,1); border-radius: 15px; margin-bottom: 20px;  }
.main_btn_box .btn_wrp .btnbox:hover { background: url(../img/enh/bg_icobox.png) 50% no-repeat }
.main_btn_box .btn_wrp .btnbox a { display: block; width: 227px; height: 227px; padding: 40px 30px; position: relative; background-repeat: no-repeat; background-position-x: 80%; background-position-y: 80% }
.main_btn_box .btn_wrp .btnbox a h1 { color: #000; font-weight: 500; font-size: 24px; text-align: left  }
.main_btn_box .btn_wrp .btnbox a div { color: #808080; font-weight: 20px; text-align: left; margin-top: 10px; width: 100px   }
.main_btn_box .btn_wrp .btnbox a .ico_arr { padding-right: 35px; background: url(../img/enh/ico_icobox_arrow_b.png) 65% no-repeat   }
.main_btn_box .btn_wrp .btnbox a:hover h1 { color: white !important }
.main_btn_box .btn_wrp .btnbox a:hover div { color: white !important }
.main_btn_box .btn_wrp .btnbox a:hover .ico_arr { background: url(../img/enh/ico_icobox_arrow.png) 65% no-repeat }

.v01 { background: url(../img/enh/ico_v01.png)   }
.v01:hover { background: url(../img/enh/ico_v01_on.png)  }
.v02 { background: url(../img/enh/ico_v02.png)   }
.v02:hover { background: url(../img/enh/ico_v02_on.png)  }
.v03 { background: url(../img/enh/ico_v03.png)   }
.v03:hover { background: url(../img/enh/ico_v03_on.png)  }
.v04 { background: url(../img/enh/ico_v04.png)   }
.v04:hover { background: url(../img/enh/ico_v04_on.png)  }
.v05 { background: url(../img/enh/ico_v05.png)   }
.v05:hover { background: url(../img/enh/ico_v05_on.png)  }
.v06 { background: url(../img/enh/ico_v06.png)   }
.v06:hover { background: url(../img/enh/ico_v06_on.png)  }
.v07 { background: url(../img/enh/ico_v07.png)   }
.v07:hover { background: url(../img/enh/ico_v07_on.png)  }
.v08 { background: url(../img/enh/ico_v08.png)   }
.v08:hover { background: url(../img/enh/ico_v08_on.png)  }
.v09 { background: url(../img/enh/ico_v09.png)   }
.v09:hover { background: url(../img/enh/ico_v09_on.png)  }
.v10 { background: url(../img/enh/ico_v10.png)   }
.v10:hover { background: url(../img/enh/ico_v10_on.png)  }


.main_notice_box {background: url(../img/enh/bg_btn_box01.jpg) no-repeat; width: 100%;  }

.main_notice_box ul { width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px; margin: 0 auto;  }
.main_notice_box .nt_box > li { width: 385px; height: 410px; border-radius: 0 25px 0 25px; background: white; padding: 25px 25px;   }
.main_notice_box .nt_box > li .tit_more { position: relative; overflow: hidden }
.main_notice_box .nt_box > li .tit_more h1 { color: #3a7ab7; font-size: 24px; font-weight: 500;    }
.main_notice_box .nt_box > li .tit_more a { color: #3a7ab7; font-weight: 16px;  position: relative; top: -25px; right: -139px }
.main_notice_box .nt_box > li .txt_cont { font-size: 18px; color: 000; font-weight: 400 }
.main_notice_box .nt_box > li .txt_cont span { display: block;  font-size: 14px; text-align: left; padding: 15px;  margin-top: 15px; height: 190px; background: #f9f9f9 }
.main_notice_box .nt_box > li .date { text-align: center }
.main_notice_box .nt_box > li .date span { border:0; border-top: 2px solid #3a7ab7; color: #000; padding-top: 15px; position: relative; top: 15px  } 

.main_notice_box .rev_banner { margin-top: 35px }
.main_notice_box .rev_banner > li { border: 1px solid #ddd; background: white; padding: 20px; display: table; width: 22% }
.main_notice_box .rev_banner > li a { display: table-cell; vertical-align: middle }

.rev_banner { width: 100%;  }
@media screen and (max-width:630px) { 

.main_tit_box { width: 80% !important; height: 30%;  }
.sw_main .main_tit {  letter-spacing:0.6px; margin-bottom:15px; text-shadow:4px 2px 3px rgb(0 0 0 / 35%); font-size: 2rem; }
.stit02 { font-size: 1.2rem !important }

.main_btn_box .btn_wrp { max-width: 98%; margin: 10px auto;  padding: 10px }
.main_btn_box .btn_wrp .btnbox { width: 31%; height: 100px; background: white; -webkit-box-shadow: 5px 5px 10px 4px rgba(242,242,242,1); -moz-box-shadow: 10px 10px 20px 9px rgba(242,242,242,1); box-shadow: 5px 5px 10px 4px rgba(242,242,242,1); border-radius: 15px; margin-bottom: 20px;  }
.main_btn_box .btn_wrp .btnbox:hover { background: url(../img/enh/bg_icobox.png) 50% no-repeat }
.main_btn_box .btn_wrp .btnbox a { display: block; width: 100%; height: 100px; padding: 15px 5px 0;  background-position-x: center;  background-size: 35%  }
.main_btn_box .btn_wrp .btnbox a h1 { font-size: 1rem; text-align: center  }

.main_btn_box .btn_wrp .btnbox a div { display: none  }


}

@media screen and (max-width:630px) {
.main_notice_box {background: url(../img/enh/bg_btn_box01.jpg) no-repeat; width: 95%; background-size: cover  }
.main_notice_box ul { width: 98%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 10px 10px; margin: 0 auto;  }
.main_notice_box .nt_box > li { width: 100%; height: 410px; border-radius: 0 25px 0 25px; background: white; padding: 25px 25px; margin-bottom: 20px  }
.main_notice_box .nt_box > li .tit_more { position: relative; overflow: hidden }
.main_notice_box .nt_box > li .tit_more h1 { color: #3a7ab7; font-size: 24px; font-weight: 500;    }
.main_notice_box .nt_box > li .tit_more a { color: #3a7ab7;  position: relative; top: -25px; right: -100px }
.main_notice_box .nt_box > li .txt_cont { font-size: 18px; color: 000; font-weight: 400 }
.main_notice_box .nt_box > li .txt_cont span { display: block;  font-size: 14px; text-align: left; padding: 15px;  margin-top: 15px; height: 190px; background: #f9f9f9 }
.main_notice_box .nt_box > li .date { text-align: center }
.main_notice_box .nt_box > li .date span { border:0; border-top: 2px solid #3a7ab7; color: #000; padding-top: 15px; position: relative; top: 15px  } 

.main_notice_box .rev_banner { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_notice_box .rev_banner > li { border: 1px solid #ddd; background: white; padding: 20px; width: 50% !important; height: 80px  }
.main_notice_box .rev_banner > li a { display: block; width: 100%; display: table-cell; vertical-align: middle }
.main_notice_box .rev_banner > li a img { width: 100%; }
.main_notice_box .rev_banner > li:nth-child(3) a img  {  width: 70% !important;  }
.sub_inner_box img { width: 100% !important }

.ci_st:first-child  { width: 60%}
.ci_st:nth-child(2)  { width: 60%}
.ci_st:nth-child(3) { width: 100%}
.ci_st2 { width: 100%}

}