@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
#header{position: relative; z-index: 5000;height: 60px;}
#header .inner{display: flex; justify-content:space-between; align-items:center; height: 100%;}
#header h1 a{display: block;background: url(/images/main/main_logo_mob.png)center no-repeat; background-size: cover; width: 55px; height: 30px;}
/* #header .lang_box{display: flex;gap:22px;align-items:center;}
#header .lang_box .a_box{display: flex;gap:19px;}
#header .lang_box .a_box a{position: relative;font-size: 12px;color: #666;}
#header .lang_box .a_box a:nth-child(1):after{content:'';position: absolute;right: -10px;top: 4px;width: 1px;height: 10px;background: #dfdfdf;} */
#header .lang_box .btn_box{width: 21px;height: 16px;}
#header .lang_box .btn_box .tab_btn{display: block;width: 21px;height: 16px;background:url(/images/main/ham_mob.png)center no-repeat;background-size:cover ;}
#header .lang_box .btn_box .tab_btn.on{display: block;width: 21px;height: 21px;background:url(/images/main/x_btn_mob.png)center no-repeat;background-size:16px 16px ;}
#header .lang_box .btn_box .pc_btn{display: none;}

#header .lang_box{position: relative;margin-right: 0px;}
#header .lang_box a{position: relative;font-size: 13px;color: #222;margin-right: 30px;}
#header .lang_box a:after{content:'';position: absolute;right: -14px;top: 8px;width: 7px;height: 4px;background:url(/images/main/lan_mob.png)center no-repeat;background-size:cover ;}
#header .lang_box a.off:after{transform:rotate(180deg);}
#header .lang_box .a_box{display: none;position: absolute;z-index: 6000;top: 30px;left: -25px;padding-top: 7px;width: 80px;height: auto;border: 2px solid #fff;border-radius: 5px;}
#header .lang_box .a_box a:after{display: none;}
#header .lang_box .a_box a{display: block;margin-bottom: 10px;text-align: center;}
#header .lang_box .a_box a:last-child{margin-bottom: 0;}

/* gnb */
.gnb{display: none;gap:60px;}
.gnb li a{font-size: 18px;color: #222;height: 100%;line-height: 100px;font-weight: 500;}

/* all_menu */
.gnb_wrap { display:none; position:absolute; left:0; right:0; top:100px; background:#fff; border-top:1px solid #ddd;z-index: 3000;}
.all_menu { display:flex; line-height:1; height:415px;}
.all_menu > li { flex:1;border-right:1px solid #ddd;padding-top: 30px;padding-left: 25px;}
.all_menu li p{margin-bottom: 22px;}
.all_menu li p a{font-size: 20px;font-weight: 500;color: #222;}
.all_menu > li:first-child { border-left:1px solid #ddd;}
.all_menu > li:hover,
.all_menu > li.on{ background:#f5f5f5;}
.all_menu .all_sub_menu {}
.all_menu .all_sub_menu li ~ li { margin-top:22px;}
.all_menu .all_sub_menu li a { font-size:16px; color:#222;}
.all_menu .all_sub_menu li:hover a,
.all_menu .all_sub_menu li.on a { color:#555; font-weight:500;}

/* nav */
.navigation{position:absolute;top: 60px;z-index:5500;width:50%;background-color:#fff;height:100%;display:none;right: 0px;height:100vh;}
.navigation.on{display:block;}
.navigation h3{height:53px;width:100%;border-bottom: 1px solid #ddd;}
.navigation h3 a:after{content:''; display: block;border:2px solid #888; border-radius:50%;width: 7px; height: 7px;}
.navigation h3.active a:after{content:''; display: block;border:2px solid #94c11f; border-radius:50%;width: 7px; height: 7px;}
.navigation h3.on a:after{content:''; display: block;border:2px solid #94c11f; border-radius:50%;width: 7px; height: 7px;}
.navigation h3:nth-child(12) a{border-bottom: 1px solid #ddd;}
.navigation a{position: relative;height:52px;width:100%;background-color:#fff;display: flex;align-items: center;padding: 0 20px;color:#222;font-size:13px;font-weight:400;}
.navigation a:after{content:"";position: absolute;top: 49%;transform: translateY(-50%);right: 10px;width: 13px;height: 7.5px;background:url(/images/main/tab_ico04_tab.png)center no-repeat;background-size:cover ;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation ul{display: block; padding:12px 0;background:#f9f9f9;border-bottom: 1px solid #ddd;}
.navigation ul li a{display:flex;height:30px;width:100%;color:#444;font-size:13px;border:none;background:#f9f9f9;font-weight: 400;line-height: 15px;}
.navigation ul li a:after{display: none;}

.gnb{display: none;}

.pt_img{display: none;}
#visual_wrap{position: relative;line-height: 1;height: 680px;background:#000;}
#visual_wrap .video_wrap { overflow:hidden; position:relative; width:100%; height:680px;}
/* #visual_wrap .video_wrap video { position:absolute; left:0; top:0; width:100%; height:740px; object-fit:cover;} */
#visual_wrap .video_wrap { overflow:hidden; position:relative; width:480px;}
/* #visual_wrap .video_wrap iframe{ position:absolute;width:100%; height:100%;} */
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .text_box{position: absolute;top: 38%;left: 50%;transform:translate(-50% , -50% );text-shadow: 1px 1px 2px #555;}
#visual_wrap ul li .text_box em{display:block; font-size:25px; color:#FD8204; font-weight:600; margin-bottom:25px; animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box .visu_wrap_all{display:flex; justify-content: space-between;/*  flex-direction: row-reverse;  */gap:0; padding:20px;  flex-wrap: wrap;}
#visual_wrap ul li .text_box strong{display: block;font-size: 25px;color: #fff;font-weight: 700;line-height: 42px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box strong b{display: none;}
#visual_wrap ul li .text_box strong span{display: block;}
#visual_wrap ul li .text_box p{font-size: 12px;color: #fff;font-weight: 300;line-height: 20px;animation:ani03 ease 1s forwards; -webkit-animation-delay: .3s; }
#visual_wrap ul li .text_box p.p01 {font-size:16px;}
#visual_wrap ul li .text_box p span{display: none;}
#visual_wrap ul li .text_box div.visual_txt_list{display:flex;flex-wrap: wrap; justify-content: space-between;text-align: center;}
#visual_wrap ul li .text_box div.visual_txt_list p{width:24%; font-size: 12px;color: #fff;font-weight: 700;line-height: 20px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .img_box p{animation:ani02 linear 5s forwards;animation-delay: .5s;}
#visual_wrap ul li .img_box img{width: 100%;animation:ani02 linear 5s forwards;animation-delay: .5s;}
#visual_wrap ul li .text_box .a_box{margin-top: 20px;animation:ani03 ease 1s forwards; -webkit-animation-delay: .5s;/* opacity: 0;  */}
#visual_wrap ul li .text_box .a_box a{display: block;width: 120px;height: 40px;font-size: 13px; background: #FD8204; color:#fff; text-align: center;line-height: 39px;}
#visual_wrap ul li .text_box .visu_wrap_all .visu_left_wrap{width:100%; order:0;}
#visual_wrap ul li .text_box .visu_wrap_all .visu_right_wrap{order:-1; display: flex;  justify-content: flex-end; width: 100%; margin-bottom:25px; margin-top:0; margin-right:0; opacity: 0.7;}
#visual_wrap ul li .text_box .visu_wrap_all .visu_right_wrap p{font-size:13px; color:#FD8204; border:3px solid #FD8204; width:150px; height:30px; background:#fff;line-height:30px; text-align:center; font-weight:normal; text-shadow: none;}

#visual_wrap ul li.dkt .text_box strong{font-size:25px;}
#visual_wrap ul li.dkt .text_box .a_box{margin-top:20px;}

#visual_wrap ul li .visu_right_wrap{position: absolute;top: 0px;right: 0;z-index: 2000;}
#visual_wrap ul li .visu_right_wrap p{font-size:13px; color:#FD8204; width:150px; height:30px; background:#fff;line-height:30px; text-align:center; font-weight:normal; text-shadow: none; opacity:.8;}

#visual_wrap .visual_items{position: absolute;bottom: 60px;left: 0;z-index: 5000;width: 100%;}
#visual_wrap .swiper-pagination{display: flex;flex-wrap:wrap;gap:70px 0;bottom: 40px;}
#visual_wrap .swiper-pagination span{position: relative;top: -10px;display: block;width: 33.333%;height: 2px; text-shadow: 2px 2px 5px #222;}
#visual_wrap .swiper-pagination span:nth-child(1):after{content:'BH그룹';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(1):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(2):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 150%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2) +  a:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(3):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 49.6%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3) +  a:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(4):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -101px;color: #fff;font-size: 14px;left: 249.7%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(4):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(5):after{content:'전장';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(5):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(6):after{content:'장비&소재';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 50%;transform:translateX(-50%);opacity: 0;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6) +  a:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(7):after{content:'장비&소재';position: absolute;width: 100px;text-align: center;top: -101px;color: #fff;font-size: 14px;left: 249.7%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(7):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(8):after{content:'문화';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(8):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(9):after{content:'사회공헌';position: absolute;width: 100px;text-align: center;top: -30px;color: #fff;font-size: 14px;left: 50%;transform:translateX(-50%);opacity: .9;z-index: 5100;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(9):after{opacity: 1;font-size: 14px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span em{position: relative;display: block;width: 100%;height: 2px;background:rgba(255,255,255,.3);margin-bottom: 14px;}
#visual_wrap .swiper-pagination span em:after{content:'';position: absolute;width: 0;height: 2px;top: 0px;left: 0;background: #fff;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active span:after{animation:ani01 linear 5s forwards;}
#visual_wrap .swiper-pagination p{font-size: 12px;color: #fff;text-align: center;}

#visual_wrap .swiper-pagination span:before{width: 100%;}
#visual_wrap .swiper-pagination span:nth-child(1):before{content:'BH그룹';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(2):before{content:'BH';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(3):before{content:'DKT';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(4):before{content:'TechL';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(5):before{content:'BH EVS';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(6):before{content:'BH ST';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(7):before{content:'BH Semicon';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(8):before{content:'베하필하모닉';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span:nth-child(9):before{content:'나눔과 기부';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);font-size: 12px;color: #fff;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:before{color: #FD8204;}


@keyframes ani01 {
	0%{width: 0;}
	100%{width: 100%;}
}


#footer{top: -10px;line-height: 1;padding: 20px 0 20px;background: #363636;}
#footer .inner{display: flex;justify-content: space-between;align-items:center;flex-direction: column-reverse;}
#footer .text_box p{font-size: 12px;color: #bbb;font-weight: 300;line-height: 24px;text-align: center;}
#footer .text_box p em{display: block;}
#footer .text_box p:last-child{margin-bottom: 0;}
#footer .logo_box{margin-bottom: 10px;}
#footer .logo_box img{width: 54px;}

/* =======sub=========================================================================== */
#sub_contents{padding: 40px 0 40px;}
.contop h3{font-size: 20px; color: #222; font-weight: 500;text-align: center;padding-bottom: 35px;}

#sub_visual_wrap{position: relative;line-height: 1;}
#sub_visual_wrap .txt_box{display: none;width: 100%;position: absolute;top: 50%;transform:translateY(-50%);}
#sub_visual_wrap .txt_box strong{display: block;font-size: 30px;font-weight: 500;color: #fff;text-align: center;margin-bottom: 35px;}
#sub_visual_wrap .txt_box p{font-size: 35px;color: #fff;font-weight: 500;text-align: center;}
#sub_visual_wrap .sub_txt_wrap{position: absolute;top: 50%;transform:translateY(-50%);display: block;;width: 100%;line-height: 1;}
#sub_visual_wrap .sub_txt_wrap h2{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 20px;text-align: center;}
#sub_visual_wrap .sub_txt_wrap ul{display: flex;gap:20px;justify-content: center;}
#sub_visual_wrap .sub_txt_wrap ul li{position: relative;font-size: 12px;color: #fff;} 
#sub_visual_wrap .sub_txt_wrap ul li:after{content:'';position: absolute;right: -15px;top: 50%; transform:translateY(-50%);width: 4px;height: 8px;background:url(/images/sub/sub_nav_mob.png)center no-repeat;background-size:cover ;}
#sub_visual_wrap .sub_txt_wrap ul li:last-child:after{display: none;}

/* tab_menu */
.tab_menu {position: relative;display: block; width:100%; height:46px;background: linear-gradient(to right, #1428a0 30%, #FFF 70%);border-bottom: 1px solid #ddd;}
.tab_menu .inner{position:relative; display: flex; height:45px;background:#fff;width: 100%; padding: 0;}
.tab_menu .on .arrow02{background: url(/images/sub/sub_ico05_pc.png)center no-repeat;}
.tab_menu .home{display: none;width: 60px; height: 45px; background: url(/images/sub/home_pc.png)center no-repeat #1428a0;}
.tab_menu .menu {display: flex;width: 100%; height:100%;}
.tab_menu .menu > li{position:relative; flex: 1;min-width:auto; height:100%; background:url("/images/sub/tab_bt_mob.png") center right 10px no-repeat; background-size:13px auto;}
.tab_menu .menu > li.on {background:url("/images/sub/tab_top_mob.png") center right 10px no-repeat; background-size:13px auto;}
.tab_menu .menu > li > a {display:flex; align-items:center;padding: 0 40px 0 10px; width:100%; height:100%; font-size: 13px; color:#222; font-weight: 500; text-indent:0;border-right:1px solid #ddd ;line-height: 17px;}
.tab_menu .menu > li ul {display:none; position:absolute;width:100%; top:100%; left:0; background-color:#fff;z-index:100;border: 1px solid #ddd;padding: 20px 0;}
.tab_menu .menu > li ul li{margin-bottom: 18px;}
.tab_menu .menu > li ul li:last-child{margin-bottom: 0px;}
.tab_menu .menu > li ul li a {display:block;height: auto;font-size:13px; color:#222; line-height:12px; font-weight: 500;padding:0 10px;}

/* depth02_box */
.depth02_box {margin-bottom:50px;}
.depth02_box .depth02 {display:flex;flex-wrap:wrap;}
.depth02_box .depth02 > h3 {width:50%;height:45px;background:#fafafa;border:1px solid #c1c1c1;}
.depth02_box .depth02 > h3.on {background:#2b6dcd;border:none;}
.depth02_box .depth02 > h3 > a {width:100%;height:45px;display:flex;justify-content:center;align-items:center;}
.depth02_box .depth02 > h3 > a > span {color:#555;font-size:12px;font-weight:600}
.depth02_box .depth02 > h3.on > a > span {color:#fff;}

/* sub_tab_menu */
.sub_tab_menu {margin-bottom:50px;}
.sub_tab_menu .menu02 > li > ul {display:flex;flex-wrap:wrap;}
.sub_tab_menu .menu02 > li > ul > li {width:50%;height:45px;background:#fafafa;border:1px solid #c1c1c1;}
.sub_tab_menu .menu02 > li > ul > li.on {background:#2b6dcd;border:none;}
.sub_tab_menu .menu02 > li > ul > li > a {width:100%;height:45px;display:flex;justify-content:center;align-items:center;}
.sub_tab_menu .menu02 > li > ul > li > a > span {color:#555;font-size:12px;font-weight:600;}
.sub_tab_menu .menu02 > li > ul > li.on > a > span {color:#fff;}

/* depth03_pc */
.depth03_pc{display: none;}

/* depth03_tab */
.depth03_tab{display: block;}
.depth03_tab ul li.depth03_tab_menu{position: relative;width: 100%; height: 45px; border:1px solid #ddd;margin-top: 25px; background: url(/images/sub/dep03_bt_tab.png)center right 10px no-repeat; background-size: 9px 7px;}
.depth03_tab ul li.depth03_tab_menu.on{background: url(/images/sub/dep03_top_tab.png)center right 20px no-repeat; background-size: 9px 7px;}
.depth03_tab ul li.depth03_tab_menu a{display: block;text-align: center; font-size: 13px; color: #222; line-height: 43px;}
.depth03_tab ul li.depth03_tab_menu ul{display: none;position: absolute;background: #fff; width: 100%;top: 45px; border:1px solid #ddd; border-top: none;padding: 10px 0px;}
.depth03_tab ul li.depth03_tab_menu ul a{line-height: 33px;}

/* 공통 */
h5.h5_tit	{font-size: 16px; color: #222; font-weight: 700; position: relative; padding-left: 25px; margin-bottom: 15px;}
h5.h5_tit:before	{position: absolute; content: ''; width: 15px; height: 22px; background: url(/images/sub/h5_tit.png); background-repeat: no-repeat; background-size:  15px 22px; top: 2px; left: 0;}

h5.h5_tit02 {font-size: 15px; color: #222; font-weight: 700; position: relative; padding-left: 30px; margin-bottom: 30px;}
h5.h5_tit02:before {position: absolute; content: ''; width: 20px; height: 20px; background: url(/images/sub/h5_tit02.png); background-repeat: no-repeat; background-size: 20px; left: 0; 
top: 2px;}

h4.h4_tit01 {font-size: 16px; color: #222; font-weight: 700; position: relative; padding-right: 15px; margin-bottom: 15px;}
h4.h4_tit01:after {position: absolute; content: ''; width: 80%; height: 2px; background: #ddd; top: 50%; transform: translateY(-50%); right: 0;}


/* sub0101 */
.sub0101_wrap .con {margin-top:40px;}
.sub0101_wrap .con01 .txt_wrap > p {font-size:13px;color:#222;font-weight:700;}
.sub0101_wrap .con01 .txt_wrap > p:nth-child(2) {font-size:18px;}
.sub0101_wrap .con01 .txt_wrap > p .color_g {color:#94c11f;}
.sub0101_wrap .con01 .txt_wrap > p .color_b {color:#2b6dcd;}
.sub0101_wrap .con .ul_box {padding:10px;background:#fafafa;}
.sub0101_wrap .con .ul_box > li {position:relative;padding-left:15px;font-size:13px;color:#222;}
.sub0101_wrap .con .ul_box > li:before {position:absolute;content:'';left:0;top:12px;width:5px;height:1px;background:#222;}
.sub0101_wrap .con .ul_box > li.li_n {padding-left:0;}
.sub0101_wrap .con .ul_box > li.li_n:before {content:none;}
.sub0101_wrap p.slide_txt{font-size: 15px; margin: 20px;}
.sub0101_wrap .con01 .txt_wrap p{font-size: 13px; color: #222; text-align: center;font-weight: 500;}
.sub0101_wrap .con01 .icon_wrap{gap: 10px;margin-top: 20px;}
.sub0101_wrap .con01 .icon_wrap .icon{width: 100px;height: 100px;padding-top: 14px;}
.sub0101_wrap .con01 .icon_wrap .icon:nth-child(1) img{width: 59%;}
.sub0101_wrap .con01 .icon_wrap .icon:nth-child(2) img{width: 80%;}
.sub0101_wrap .con01 .icon_wrap .icon:nth-child(2){padding-top: 24px;}
.sub0101_wrap .con01 .icon_wrap .icon:nth-child(3){padding-top: 20px;}
.sub0101_wrap .con01 .icon_wrap .icon span{font-size: 12px;margin-top: 7px;}
.sub0101_wrap .con01 .icon_wrap .icon img{width: 65%;}
.sub0101_wrap .con02 .slick-slide{transform: scale(0.5);}
.sub0101_wrap .con_new {padding-top: 195px;position: relative;}
.sub0101_wrap .con_new .slick-track{padding-bottom: 50px; padding-top: 50px;}
.sub0101_wrap .con_new .slick-dots{position: absolute;top: -150px;display: flex; gap:11.66px; justify-content: space-between;}
.sub0101_wrap .slick-dots li:nth-child(5){border:none}
.sub0101_wrap .slick-dots li{border-left:none;width: calc((100% -  35px) / 4) ;}
.sub0101_wrap .slick-dots{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 15px 0;}
.sub0101_wrap .slick-dots li:nth-child(1) button{display: block; background: url(/images/sub/sub0101_icon04.png)center no-repeat;width: 80px; height: 80px; background-size:80px; text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(1)::after{content:'Mobile'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;}
.sub0101_wrap .slick-dots li:nth-child(2) button{display: block; background: url(/images/sub/sub0101_icon12.png)center no-repeat;width: 80px; height: 80px; background-size:80px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(2)::after{content:'Watch'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;}
/* .sub0101_wrap .slick-dots li:nth-child(3) button{display: block; background: url(/images/sub/sub0101_icon06.png)center no-repeat;width: 47px; height: 47px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(3)::after{content:'TV'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 3px;text-align: center;}
.sub0101_wrap .slick-dots li:nth-child(4) button{display: block; background: url(/images/sub/sub0101_icon07.png)center no-repeat;width: 46px; height: 41px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(4)::after{content:'게임기'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 7px;text-align: center;} */
.sub0101_wrap .slick-dots li:nth-child(3) button{display: block; background: url(/images/sub/sub0101_icon08.png)center no-repeat;width: 80px; height: 80px; background-size:80px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(3)::after{content:'차량용 디스플레이'; display: block; font-size: 12px; color: #222; font-weight: 700;width: 80px;margin: 20px auto 0;text-align: center;}
.sub0101_wrap .slick-dots li:nth-child(4) button{display: block; background: url(/images/sub/sub0101_icon09.png)center no-repeat;width: 80px; height: 80px; background-size:80px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(4)::after{content:'VR / AR'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;}
/* .sub0101_wrap .slick-dots li:nth-child(7) button{display: block; background: url(/images/sub/sub0101_icon10.png)center no-repeat;width: 38px; height: 38px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(7)::after{content:'자동차용 스마트폰 무선충전기'; display: block; font-size: 12px; color: #222; font-weight: 700;width: 100px;margin: 25px auto 0;text-align: center;}
.sub0101_wrap .slick-dots li:nth-child(8) button{display: block; background: url(/images/sub/sub0101_icon11.png)center no-repeat;width: 38px; height: 45px;text-indent:-9999px;margin: 0 auto;background-size: cover;}
.sub0101_wrap .slick-dots li:nth-child(8)::after{content:'전기차 배터리'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 17px;text-align: center;} */
.sub0101_wrap .slick-prev{position: absolute;top: 50%;transform: translateX(-50%);z-index: 100;background: url(/images/sub/sub0101_prev.png)center no-repeat; width: 20px; height: 41px; background-size: cover;text-indent:-9999px;}
.sub0101_wrap .slick-next{position: absolute;top: 50%;right: -20px;transform: translateX(-50%);z-index: 100;background: url(/images/sub/sub0101_next.png)center no-repeat; width: 20px; height: 41px; background-size: cover;text-indent:-9999px;}

.sub0101_wrap .con {margin-top:40px;}
.sub0101_wrap .con01 .txt_wrap > p {font-size:13px;color:#222;font-weight:700;}
.sub0101_wrap .con01 .txt_wrap > p:nth-child(2) {font-size:18px;}
.sub0101_wrap .con01 .txt_wrap > p .color_g {color:#94c11f;}
.sub0101_wrap .con01 .txt_wrap > p .color_b {color:#2b6dcd;}
.sub0101_wrap .con .ul_box {padding:15px;background:#fafafa;}
.sub0101_wrap .con .ul_box > li {position:relative;padding-left:15px;font-size:12px;color:#222;}
.sub0101_wrap .con .ul_box > li:before {position:absolute;content:'';left:0;top:12px;width:5px;height:1px;background:#222;}
.sub0101_wrap .con .ul_box > li.li_n {padding-left:0;}
.sub0101_wrap .con .ul_box > li.li_n:before {content:none;}

/* sub0102 */
.sub0102_wrap .slick-dots{display: flex; justify-content:center; gap:15px;flex-wrap:wrap;}
.sub0102_wrap .con02 .slick-track{padding-bottom: 30px;}
.sub0102_wrap .con02 .con02_slide .slide01 .img_wrap{position:relative; width:100%; /* padding-bottom:175%; */padding-bottom:67%;}
.sub0102_wrap .con02 .con02_slide .slide01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide02 .img_wrap{position:relative; width:100%; padding-bottom:62.5%;}
.sub0102_wrap .con02 .con02_slide .slide02 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide03 .img_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.sub0102_wrap .con02 .con02_slide .slide03 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide04 .img_wrap{position:relative; width:100%; padding-bottom:50%;}
.sub0102_wrap .con02 .con02_slide .slide04 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide05 .img_wrap{position:relative; width:100%; padding-bottom:55.55%;}
.sub0102_wrap .con02 .con02_slide .slide05 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide06 .img_wrap{position:relative; width:100%; padding-bottom:42.857%;}
.sub0102_wrap .con02 .con02_slide .slide06 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide07 .img_wrap{position:relative; width:100%; padding-bottom:62.5%;}
.sub0102_wrap .con02 .con02_slide .slide07 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0102_wrap .con02 .con02_slide .slide08 .img_wrap{position:relative; width:100%; /* padding-bottom:116.98%; */padding-bottom:70.98%;}
.sub0102_wrap .con02 .con02_slide .slide08 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

.sub0102_wrap .slick-dots{position: absolute;width:100%;top: -240px;/* display: flex; */justify-content: center;gap: 20px;}
.sub0102_wrap .slick-dots li{border-left:none;width: calc((100% - 40px) / 3);}
/* .sub0101_wrap .slick-dots:hover li::after{color: #fd8204;} */
.sub0102_wrap .slick-dots li:first-child{border:none}
.sub0102_wrap .slick-dots li:nth-child(1) button{display: block; background: url(/images/sub/sub0102_ico01.png)center no-repeat;margin: 0 auto;width:80px;height:80px;background-size:80px;}
.sub0102_wrap .slick-dots li:nth-child(1)::after{content:'PCM'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;transition:.3s;}
.sub0102_wrap .slick-dots li:nth-child(1):hover::after{color: #2b6dcd; }
.sub0102_wrap .slick-dots li:nth-child(2) button{display: block; background: url(/images/sub/sub0102_ico02.png)center no-repeat;width:80px;height:80px;background-size:80px;margin: 0 auto;}
.sub0102_wrap .slick-dots li:nth-child(2)::after{content:'SM'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;transition:.3s;}
.sub0102_wrap .slick-dots li:nth-child(2):hover::after{color: #94c11f; }
.sub0102_wrap .slick-dots li:nth-child(3) button{display: block; background: url(/images/sub/sub0102_ico03.png)center no-repeat;width:80px;height:80px;background-size:80px;margin: 0 auto;}
.sub0102_wrap .slick-dots li:nth-child(3)::after{content:'BMS'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;transition:.3s;}
.sub0102_wrap .slick-dots li:nth-child(3):hover::after{color: #2b6dcd; }
.sub0102_wrap .slick-dots li:nth-child(4) button{display: block; background: url(/images/sub/sub0102_ico04.png)center no-repeat;width:80px;height:80px;background-size:80px;margin: 0 auto;}
.sub0102_wrap .slick-dots li:nth-child(4)::after{content:'Pack'; display: block; font-size: 12px; color: #222; font-weight: 700;margin-top: 20px;text-align: center;transition:.3s;}
.sub0102_wrap .slick-dots li:nth-child(4):hover::after{color: #94c11f; }
.sub0102_wrap .slick-dots li:nth-child(5) button{display: block; background: url(/images/sub/sub0102_ico05.png)center no-repeat;width:80px;height:80px;background-size:80px;margin: 0 auto;}
.sub0102_wrap .slick-dots li:nth-child(5)::after{content:'EV Charging Station'; display: block; font-size: 12px; color: #222; font-weight: 700;width: auto;margin: 20px auto 0;text-align: 
center;transition:.3s;}
.sub0102_wrap .slick-dots li:nth-child(5):hover::after{color: #2b6dcd; }

/* .sub0102_wrap .con03 .ul_box{margin-bottom: 20px;padding: 10px;}
.sub0102_wrap .con03 .ul_box > li{padding-bottom: 10px;font-size: 13px;}
.sub0102_wrap .con03 .ul_box > li p{font-size: 14px;}
.sub0102_wrap .con03 .ul_box > li:last-child{padding-bottom: 0px;} */

.sub0102_wrap .con03 .ul_box {padding:10px;background:#fafafa;margin-bottom: 20px;}
.sub0102_wrap .con03 .ul_box > li {position:relative;padding-left:10px;font-size:13px;color:#222;padding-bottom: 10px;}
.sub0102_wrap .con03 .ul_box > li:before {position:absolute;content:'';left:0;top:6px;width:5px;height:1px;background:#222;}
.sub0102_wrap .con03 .ul_box > li:last-child{padding-bottom: 0px;}
.sub0102_wrap .con03 .ul_box > li.li_n {padding-left:0;}
.sub0102_wrap .con03 .ul_box > li.li_n:before {content:none;}
.sub0102_wrap .con03 .ul_box > li p{color: #222;font-weight: 700;padding-bottom: 5px;font-size: 12px;}

/* sub0103 */
.sub0103_wrap .con {margin-top:40px;}
.sub0103_wrap .con:first-child {margin-top:0;}
.sub0103_wrap .con .tit_wrap {text-align:center;}
.sub0103_wrap .con .tit_wrap > p {font-size:13px;color:#222;font-weight:700;}
.sub0103_wrap .con .tit_wrap > p:nth-child(2) {font-size:18px;}
.sub0103_wrap .con .tit_wrap > p .color_g {color:#94c11f;}
.sub0103_wrap .con .tit_wrap > p .color_b {color:#2b6dcd;}
.sub0103_wrap .con .con_wrap {text-align:center;}
.sub0103_wrap .con .img_wrap > img {border:1px solid #ddd;}
.sub0103_wrap .con .img_wrap02 {margin-top:15px;}
.sub0103_wrap .con .img_wrap02 > img {width:100%;}
.sub0103_wrap .con .con_wrap .p_name {font-size:15px;color:#222;font-weight:600;margin-top:10px;}
.sub0103_wrap .con .ul_box {padding:15px;background:#fafafa;}
.sub0103_wrap .con .ul_box > li {position:relative;padding-left:10px;font-size:12px;color:#222;}
.sub0103_wrap .con .ul_box > li:before {position:absolute;content:'';left:0;top:8px;width:4px;height:1px;background:#222;}
.sub0103_wrap .con .ul_box > li.li_n {padding-left:0;}
.sub0103_wrap .con .ul_box > li.li_n:before {content:none;}

/* sub0104 */
.sub0104_wrap .con {margin-top:40px;}
.sub0104_wrap .con:first-child {margin-top:0;}
.sub0104_wrap .con .con_wrap {margin-top:20px;}
.sub0104_wrap .con .tit_wrap {text-align:center;}
.sub0104_wrap .con .tit_wrap > p {font-size:13px;color:#222;font-weight:700;}
.sub0104_wrap .con .tit_wrap > p:nth-child(2) {font-size:18px;}
.sub0104_wrap .con .tit_wrap > p .color_g {color:#94c11f;}
.sub0104_wrap .con .tit_wrap > p .color_b {color:#2b6dcd;}
.sub0104_wrap .con .ul_box {padding:15px;background:#fafafa;}
.sub0104_wrap .con .ul_box > li {position:relative;padding-left:10px;font-size:12px;color:#222;}
.sub0104_wrap .con .ul_box > li:before {position:absolute;content:'';left:0;top:8px;width:4px;height:1px;background:#222;}
.sub0104_wrap .con .ul_box > li.li_n {padding-left:0;}
.sub0104_wrap .con .ul_box > li.li_n:before {content:none;}
.sub0104_wrap .con .ul_box > li.li01 {font-size:13px;font-weight:500;margin-top:15px;}
.sub0104_wrap .con .ul_box > li.li01:first-child {margin-top:0;}
.sub0104_wrap .con .ul_box > li.li02 {margin-left:10px;}

.sub0104_wrap .con .click_all {margin-bottom:40px;}
.sub0104_wrap .con .click_all .click_btn {display:flex;gap:10px;}
.sub0104_wrap .con .click_all .click_btn > li {width:100%;text-align:center;opacity: 100%;filter: grayscale(1);}
.sub0104_wrap .con .click_all .click_btn > li > .img_wrap {position:relative;padding-bottom:69.638%;border:1px solid #ddd;}
.sub0104_wrap .con .click_all .click_btn > li > .img_wrap > img {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;height:auto;max-width:100%;max-height:100%;}
.sub0104_wrap .con .click_all .click_btn > li > .img_wrap > img.on_img {display:none;}
.sub0104_wrap .con .click_all .click_btn > li > .img_wrap > img.off_img {display:block;}
.sub0104_wrap .con .click_all .click_btn > li .p_name {font-size:15px;color:#222;font-weight:600;margin-top:10px;}
.sub0104_wrap .con .click_all .click_btn > li.on {opacity: 100%;filter: grayscale(0);}
.sub0104_wrap .con .click_all .click_btn > li.on .img_wrap {border:2px solid #2b6dcd;}
.sub0104_wrap .con .click_all .click_btn > li.on .img_wrap > img.on_img {display:block;}
.sub0104_wrap .con .click_all .click_btn > li.on .img_wrap > img.off_img {display:none;}
.sub0104_wrap .con .click_all .click_btn > li.on .p_name {color:#2b6dcd;}

/* sub0201 */
.sub0201_wrap {}
.sub0201_wrap .txt_wrap {margin-bottom: 30px; text-align: center;}
.sub0201_wrap .txt_wrap p.tit01 {font-size: 14px; color: #222; font-weight: 600; margin-bottom: 10px;}
.sub0201_wrap .txt_wrap p.tit01 span.color {color: #94c11f; font-weight: 700;}
.sub0201_wrap .txt_wrap strong.tit02 {font-size: 20px; color: #222; line-height: 1.3;}
.sub0201_wrap .txt_wrap strong.tit02 span.color02 {color: #2b6dcd;}
.sub0201_wrap .txt_wrap p.tit03 {font-size: 12px; color: #222; line-height: 1.5; margin-top: 10px;}
.sub0201_wrap .img_wrap {display: block; margin-bottom: 30px;}
.sub0201_wrap .img_wrap .img {width: 100%; margin-bottom: 10px;}
.sub0201_wrap .img_wrap .img:last-child {margin-bottom: 0;}
.sub0201_wrap .img_wrap .img img {border-radius: 0 20px 0 20px;}
.sub0201_wrap .tbl_wrap {}
.sub0201_wrap .tbl_wrap table.tbl0201 {border-top: 2px solid #222; width: 100%;}
.sub0201_wrap .tbl_wrap table.tbl0201 tr th {padding: 10px 0 10px 10px; font-size: 13px; color: #222; font-weight: 700; border-bottom: 1px solid #ddd; text-align: left;}
.sub0201_wrap .tbl_wrap table.tbl0201 tr td {padding: 10px 20px; font-size: 12px; color: #222; border-bottom: 1px solid #ddd;}

/* sub0202 */
.sub0202_wrap {}
.sub0202_wrap .con1 .img_wrap {width: 100%; margin-bottom: 20px;}
.sub0202_wrap .con1 .img_wrap img {}
.sub0202_wrap .con1 .txt_wrap {width: 100%;}
.sub0202_wrap .con1 .txt_wrap strong.hi {display: block; font-size: 24px; color: #222; margin-bottom: 10px;}
.sub0202_wrap .con1 .txt_wrap p.p_con {font-size: 12px; color: #222; margin-bottom: 10px;}
.sub0202_wrap .con1 .txt_wrap p.p_con:last-child {margin-bottom: 0;}
.sub0202_wrap .con1 .txt_wrap .name {margin-top: 30px; text-align: right;}
.sub0202_wrap .con1 .txt_wrap .name p.ceo {font-size: 13px; color: #222; display: inline-block;}
.sub0202_wrap .con1 .txt_wrap .name p.ceo02 {font-size: 15px; color: #222; font-weight: 700; display: inline-block; margin-left: 10px;}

/* sub0203 */
.sub0203_wrap strong.tit {font-size: 20px; color: #222; display: block; text-align: center; margin-bottom: 20px;}
.sub0203_wrap strong.tit span.color {color: #2b6dcd;}
.sub0203_wrap .txt_box {border-radius: 10px; background: #f7f7f7; padding: 20px; text-align: center; margin-bottom: 30px;}
.sub0203_wrap .txt_box span.tit {font-size: 16px; color: #2b6dcd; font-weight: 700;}
.sub0203_wrap .txt_box p.p_con {font-size: 12px; color: #222; margin-top: 5px;}
.sub0203_wrap .con1 {}
.sub0203_wrap .con1 .bd_con {display: flex; flex-wrap: wrap; align-items:center; flex-direction: column; gap: 2%; margin-bottom: 30px;}
.sub0203_wrap .con1 .bd_con:last-child {margin-bottom: 0;}
.sub0203_wrap .con1 .bd_con .circle {width: 220px; height: 220px; background: rgba(148, 193, 31, 0.4); border-radius: 50%; position: relative; z-index: -1;}
.sub0203_wrap .con1 .bd_con .circle:after {width: 10px; height: 10px; border-radius: 50%; background: #2b6dcd; position: absolute; content: ''; top: 94%; left: 50%; transform: translate(-50%, -50%);}
.sub0203_wrap .con1 .bd_con .circle .icon {padding: 70px;}
.sub0203_wrap .con1 .bd_con .circle .icon:after {width: 190px; height: 190px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); position: absolute; content:''; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0;}
.sub0203_wrap .con1 .bd_con .circle .icon img {z-index: 1; position: relative;}
.sub0203_wrap .con1 .bd_con .bd_box {background: #fff; border-radius: 10px; border: 1px dashed #ddd; padding: 20px; position: relative; width: 100%; min-height: auto; 
margin-top: 20px; text-align: center;}
.sub0203_wrap .con1 .bd_con:last-child .bd_box {min-height: auto;}
.sub0203_wrap .con1 .bd_con .bd_box:before {width: 1px; height: 24px; border: 1px dashed #ddd; position: absolute; content: ''; top: -13%; left: 50%; transform: translate(-50%, -50%);}
.sub0203_wrap .con1 .bd_con .bd_box:after {display: none;}
.sub0203_wrap .con1 .bd_con .bd_box span.bd_tit {font-size: 16px; color: #2b6dcd; font-weight: 700;}
.sub0203_wrap .con1 .bd_con .bd_box p.bd_con01 {font-size: 12px; color: #222; font-weight: 500; margin-top: 5px;}
.sub0203_wrap .con1 .bd_con .bd_box p.bd_point {font-size: 12px; color: #2b6dcd; font-weight: 700; margin-top: 5px;}

/* sub0203_2 */
.sub0203_2_wrap .img_wrap img {width: 80%; margin: 0 auto;}
.sub0203_2_wrap .txt_wrap {display: block; margin-top: 30px;}
.sub0203_2_wrap .txt_wrap .txt_box {background: #fff; padding: 20px; border-radius: 10px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); margin-bottom: 10px;}
.sub0203_2_wrap .txt_wrap .txt_box:last-child {margin-bottom: 0;}
.sub0203_2_wrap .txt_wrap .txt_box strong.tit {font-size: 15px; color: #fd8204;}
.sub0203_2_wrap .txt_wrap .txt_box:nth-child(2) strong.tit {color: #94c11f;}
.sub0203_2_wrap .txt_wrap .txt_box:nth-child(3) strong.tit {color: #2b6dcd;}
.sub0203_2_wrap .txt_wrap .txt_box p.p_con {font-size: 12px; color: #222; font-weight: 500; margin-top: 5px;}

/* sub0203_3 */
.sub0203_3_wrap .con1 {margin-bottom: 30px;}
.sub0203_3_wrap .con1:last-child {margin-bottom: 0;}
.sub0203_3_wrap .con1 p.p_con {font-size: 12px; color: #555; }
.sub0203_3_wrap .con1 strong.point {display: block; text-align: center; font-size: 20px; color: #2b6dcd;}
.sub0203_3_wrap .con1 .img_wrap {margin-top: 20px;}
.sub0203_3_wrap .con1 .img_wrap img {margin: 0 auto;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box {padding: 20px; background: #fff; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 10px;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box:last-child {margin-bottom: 0;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box strong.tit {font-size: 15px; color: #2b6dcd; font-weight: 700;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box:nth-child(2) strong.tit {color: #94c11f;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box:nth-child(3) strong.tit {color: #fd8204;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box p.sub_tit {font-size: 13px; color: #222; font-weight: 600;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box ul.dot_li {margin-top: 15px;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box ul.dot_li li {font-size: 12px; color: #555; position: relative; padding-left: 15px; margin-bottom: 5px;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box ul.dot_li li:last-child {margin-bottom: 0;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box ul.dot_li li:before {position: absolute; content: ''; width: 4px; height: 4px; background: #2b6dcd; border-radius: 50%; top: 7px; left:0;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box:nth-child(2) ul.dot_li li:before {background: #94c11f;}
.sub0203_3_wrap .con1 .txt_wrap .txt_box:nth-child(3) ul.dot_li li:before {background: #fd8204;}

/* sub0203_4 */
.sub0203_4_wrap i {display: none;}
.sub0203_4_wrap .con1 {margin-bottom: 30px;} 
.sub0203_4_wrap .con1 .txt_box {padding: 20px; background: rgba(43, 109, 205, 0.05); border-radius: 10px;} 
.sub0203_4_wrap .con1 .txt_box p.p_box {font-size: 12px; color: #222; font-weight: 500;} 
.sub0203_4_wrap .con1 .arrow {margin: 20px auto; text-align:center;} 
.sub0203_4_wrap .con1 .arrow img {width: 7%;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl {width: 100%; border-top: 1px solid #2b6dcd;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th {padding: 15px; border-bottom: 1px dashed #ddd;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon {display: flex; flex-wrap: wrap; gap: 13px;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li {width: 48%; display: flex; flex-direction: column; align-items: center;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li .icon_img {width: 150px; height: 150px; border-radius: 50%; background: #fff; border: 5px solid rgba(148, 193, 31, 0.3); display: flex; justify-content: center; align-items: center;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li:nth-child(odd) .icon_img {border: 10px solid rgba(148, 193, 31, 0.3);} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li:nth-child(even)  .icon_img {border: 10px solid rgba(43, 109, 205, 0.3);} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li:nth-child(n+4) .icon_img {margin-top: 0;}
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li .icon_img img {width: 50%;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li .icon_txt {margin-top: 10px;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th.icon_list ul.icon li .icon_txt > p {font-size: 12px; color: #222; font-weight: 500;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th span.num {display: block; font-size: 16px; color: #2b6dcd; font-weight: 700; position: relative; padding-right: 5px;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr th span.num:after {position: absolute; content: ''; width: 3px; height: 3px; background: #94c11f; top: 17px; right: 0; border-radius: 50%;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr td {padding: 15px 5px; border-bottom: 1px dashed #ddd; font-size: 12px; color: #222; font-weight: 500;} 
.sub0203_4_wrap .con1 .list_wrap table.list_tbl tr:nth-child(5) td {border-top: 1px dashed #ddd;} 

.sub0203_4_wrap .con2 .target_wrap ul.target_li {display: block;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li {padding: 25px; background: #f7f7f7 url(/images/sub/sub0203_4_back_icon01.png); background-repeat: no-repeat; background-position: 90% 70%; background-size: 12%; border-radius: 10px; width: 100%; margin-bottom: 20px;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li:last-child {margin-bottom: 0;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li:nth-child(2) {background: #f7f7f7 url(/images/sub/sub0203_4_back_icon02.png); background-repeat: no-repeat; background-position: 90% 70%; background-size: 15%; }
.sub0203_4_wrap .con2 .target_wrap ul.target_li li:nth-child(3) {background: #f7f7f7 url(/images/sub/sub0203_4_back_icon03.png); background-repeat: no-repeat; background-position: 90% 70%; background-size: 15%;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li p.p_t{font-size: 14px;	color: #222; font-weight: 600;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li span.s_t{font-size: 40px; font-weight: 700; color: #2b6dcd; display: block;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li .i_t {margin-top: 10px; margin-left: 60%;}
.sub0203_4_wrap .con2 .target_wrap ul.target_li li .i_t img {width: 40%;}

/* sub0203_5 */
.sub0203_5_wrap .con1 h4.h4_tit01:after {width: 70%;}
.sub0203_5_wrap .con2 h4.h4_tit01:after {width: 25%;}
.sub0203_5_wrap .con1 {margin-bottom: 30px;}
.sub0203_5_wrap .con1 .txt_wrap {padding: 20px; background: rgba(43,109,205,0.05); border-radius: 10px;}
.sub0203_5_wrap .con1 .txt_wrap p.p_con {font-size: 12px; color: #222; font-weight: 500; margin-bottom: 10px;}
.sub0203_5_wrap .con1 .txt_wrap p.p_con:last-child {margin-bottom: 0;}
.sub0203_5_wrap .con1 .txt_wrap p.p_con span.color {color: #2b6dcd;}
.sub0203_5_wrap .con1 .txt_wrap p.p_con span.color02 {color: #f08013;}
.sub0203_5_wrap .con2 .txt_wrap {padding: 20px; border: 1px solid #ddd; background: #fafafa; border-radius: 0;}
.sub0203_5_wrap .con2 .txt_wrap p.p_con {font-size: 12px; margin-bottom: 10px;}
.sub0203_5_wrap .con2 .txt_wrap p.p_color {font-size: 12px; color: #2b6dcd; }
.sub0203_5_wrap .con2 .txt_wrap ul.list01 {margin-bottom: 10px;}
.sub0203_5_wrap .con2 .txt_wrap ul.list01 > li {font-size: 12px;position: relative; padding-left: 10px; margin-bottom: 5px;}
.sub0203_5_wrap .con2 .txt_wrap ul.list01 > li:before {position: absolute; content:''; width: 4px; height: 4px; background: #2b6dcd; top: 5px; left: 0;}
.sub0203_5_wrap .con2 .txt_wrap ul.list01 li ul.list01_2 {}
.sub0203_5_wrap .con2 .txt_wrap ul.list01 li ul.list01_2 li {font-size: 12px;}
.sub0203_5_wrap .con2 .btn_wrap {margin-top: 20px;}
.sub0203_5_wrap .con2 .btn_wrap a.btn {display: block; margin: 0 auto; background: #2b6dcd; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 600; width: 180px; height: 45px; 
line-height: 45px; text-align: center;}

/* sub0204 */
.tab_btn {margin:0 auto; display: flex; justify-content:center; margin-bottom:40px; width:100%;}
.tab_btn a {width: 33.3333%; height: auto; padding: 5px 0; font-size: 13px; font-weight: 500; color: #777; border: 1px solid #ddd; display: flex; align-items: center; justify-content:center; flex-direction:column;}
.tab_btn a:hover {color: #fff; background: #94c11f; border: 1px solid #94c11f;}
.tab_btn a.on {color: #fff; background: #94c11f; border: 1px solid #94c11f;}
.sub0204_wrap {position:relative; word-break:keep-all;}
.sub0204_wrap:before {position:absolute; content:"";left:40px; z-index:-1; width:1px; height:100%; background: #ddd;}
.sub0204_wrap .tit {font-size: 13px; font-weight: 500; color: #fff; text-align: center; width:80px; height:80px; background: linear-gradient(to top, #373ca0, #448bcd); border-radius:50%; margin: 0 ; display: flex;align-items: center; justify-content:center; flex-direction:column; line-height: 1.5;}
.sub0204_wrap .tit span {display:block; font-size: 12px;}
.sub0204_wrap .history_con ul li.right {margin: 30px 0 0 auto; padding-left: 80px; position: relative; width:100%;}
.sub0204_wrap .history_con ul li.right:before {position:absolute; content:"";width:16px; height:16px; background: url(/images/sub/sub0204_tit.png)no-repeat; left:32px; top:39px;background-size: cover;}
.sub0204_wrap .history_con ul li.right strong {font-size: 22px; font-weight: 600; color:  #94c11f;}
.sub0204_wrap .history_con ul li.right ul.list01 {}
.sub0204_wrap .history_con ul li.right ul.list01 li {position:relative; padding-left:15px; color: #222; font-size: 14px;}
.sub0204_wrap .history_con ul li.right ul.list01 li.month {position:relative; padding-left:46px; color: #222; font-size: 14px;}
.sub0204_wrap .history_con ul li.right ul.list01 li.month span {font-weight: 600; margin-right:20px; position:absolute; left:13px;}
.sub0204_wrap .history_con ul li.right ul.list01 li:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:  #94c11f; left:0; top:11px;}
.sub0204_wrap .history_con ul li.right ul.list01 li:first-child:after {position:absolute; content:""; width:32px; height:1px; background: #ddd; left:-32px; top:12px;}
.sub0204_wrap .history_con ul li.left {margin: 30px 0 0 auto; padding-left: 80px; position: relative; width:100%; text-align:left; padding-right:0;}
.sub0204_wrap .history_con ul li.left:before {position:absolute; content:"";width:16px; height:16px; background: url(/images/sub/sub0204_tit.png)no-repeat; left:32px; top:39px;background-size: cover;}
.sub0204_wrap .history_con ul li.left strong {font-size: 22px; font-weight: 600; color:  #94c11f;}
.sub0204_wrap .history_con ul li.left ul.list01 {}
.sub0204_wrap .history_con ul li.left ul.list01 li {position:relative; padding-left:15px; color: #222; font-size: 14px;  padding-right:0;}
.sub0204_wrap .history_con ul li.left ul.list01 li.month {position:relative; padding-left:46px; color: #222; font-size: 14px; padding-right:0;}
.sub0204_wrap .history_con ul li.left ul.list01 li.month span {font-weight: 600; margin-right:20px; position:absolute; left:-6px; top:0; right:0;}
.sub0204_wrap .history_con ul li.left ul.list01 li:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:  #94c11f; left:0; top:11px;}
.sub0204_wrap .history_con ul li.left ul.list01 li:first-child:after {position:absolute; content:""; width:32px; height:1px; background: #ddd; left:-32px; top:12px;}
.sub0204_wrap .history_con ul li.left:after {display: none;}
.sub0204_wrap .tit02 {margin:0; margin-top:60px;}

/* sub0206 */
.sub0206_wrap {word-break:keep-all;}
.sub0206_wrap span.c_blue {color: #2b6dcd; font-weight: 600;}
.sub0206_wrap span.c_green {color:#94c11f; font-weight:600;}
.sub0206_wrap strong.tit {font-size:32px; text-align:center; color: #222;display: block; margin-bottom:40px;}
.sub0206_wrap .con {margin-top: 30px; display: block;}
.sub0206_wrap .con:first-child {margin-top:0;}
.sub0206_wrap .con .left {width: 100%; margin-bottom:15px;}
.sub0206_wrap .con .left span.span_top {color: #999; font-size: 12px;}
.sub0206_wrap .con .left strong {font-size: 22px; color:#222;display: block;}
.sub0206_wrap .con .right .img_wrap img {width:100%;}
.sub0206_wrap .con .right p {margin-top: 10px; color: #666; font-size: 12px;}
.sub0206_wrap .con .right p b {color: #222;}

/* sub0207 */
.sub0207_wrap {}
.sub0207_wrap p.p_pg_top {font-size:18px; font-weight:700; color: #222; text-align:center;margin-bottom:25px;}
.sub0207_wrap span.color_g {color: #94c11f;}
.sub0207_wrap span.color_b {color: #2b6dcd;}
.sub0207_wrap .con01 {margin-bottom:60px;}
.sub0207_wrap .con01:last-child {margin-bottom:0;}
.sub0207_wrap .con01 .con_all{}
.sub0207_wrap .con01 .con_all .con_ea{margin-bottom:50px; display:block; align-items: center; background:#f8f8f8; border-radius: 30px}
.sub0207_wrap .con01 .con_all .con_ea:last-child{margin-bottom:0;}
.sub0207_wrap .con01 .con_all .con_ea .img_wrap img {width:100%; border-radius: 30px;}
.sub0207_wrap .con01 .con_all .con_ea .txt_wrap{padding:20px;}
div.pg_go_btn_wrap{margin-bottom:30px; display:flex; align-items: center; justify-content: space-between;}
div.pg_go_btn_wrap .home_pg_go a{display:inline-block; width:140px; height:30px; background:rgba(148,193,31,0.1); border:1px solid #94c11f; font-size:12px; color:#94c11f; text-align:center; line-height:30px; font-weight:600;}
.sub0207_wrap .con01 .con_all .con_ea .txt_wrap img {width:120px;}
.sub0207_wrap .con02 .con_all .con_ea .txt_wrap img {width:auto; height:18px;}
.sub0207_wrap .con03 .con_all .con_ea .txt_wrap img {width:auto; height:18px;}
.sub0207_wrap .con01 .con_all .con_ea .txt_wrap p{margin-bottom:15px; font-size:12px; color:#222; word-break:keep-all;}
.sub0207_wrap .con01 .con_all .con_ea .txt_wrap p:last-child{margin-bottom:0;}

/* sub0208 */
.sub0208_wrap .con {margin-top:40px;}
.sub0208_wrap .con:first-child {margin-top:0;}
.sub0208_wrap .con .txt_wrap {text-align:center;}
.sub0208_wrap .con .txt_wrap > p {font-size:12px;color:#222;font-weight:500;margin-top:10px;}
.sub0208_wrap .con .txt_wrap .p02 {font-size:20px;font-weight:700;}
.sub0208_wrap .con .txt_wrap > p .color_g {color:#94c11f;}
.sub0208_wrap .con .txt_wrap > p .color_b {color:#2b6dcd;}
.sub0208_wrap .con .bg_box {position:relative;width:100%;height:80px;background:#fafafa;border-radius:60px;display:flex;justify-content:center;align-items:center;}
.sub0208_wrap .con .bg_box:before {position:absolute;left:5px;top:5px;content:'';width:calc(100% - 10px);height:70px;border-radius:55px;border:1px solid #94c11f;}
.sub0208_wrap .con .bg_box > img {width:70px;}
.sub0208_wrap .con .logo_wrap {display:flex;flex-direction: column;gap:20px;margin-top:40px;}
.sub0208_wrap .con .logo_wrap .logo_box {position:relative;width:100%;border:1px solid #c1c1c1;padding:15px;}
.sub0208_wrap .con .logo_wrap .logo_box .logo_tit {position:absolute;left:-1px;top:-10px;width:70%;background:#2b6dcd;height:50px;border-radius:0 0 20px 0;display:flex;justify-content:center;align-items:center;}
.sub0208_wrap .con .logo_wrap .logo_box:nth-child(even) .logo_tit {background:#94c11f;}
.sub0208_wrap .con .logo_wrap .logo_box .logo_tit > p {font-size:12px;color:#fff;}
.sub0208_wrap .con .logo_wrap .logo_box .logo_tit:before {position:absolute;left:5px;top:5px;content:'';width:calc(100% - 10px);height:40px;border:1px solid rgba(255,255,255,0.5);border-radius:0 0 20px 0;}
.sub0208_wrap .con .logo_wrap .logo_box .ul_box {display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;}
.sub0208_wrap .con .logo_wrap .logo_box .ul_box > li {width:48%;}
.sub0208_wrap .con .logo_wrap .logo_box .ul_box > li > img {border:1px solid #eee;width: 100%;}

/* sub0209 */
.sub0209_wrap {}
.sub0209_wrap .con01 img {border: 1px solid #ddd; width:100%;}
.sub0209_wrap .con02 {margin-top:30px;}
.sub0209_wrap .con02 ul {display: flex;gap:0;flex-wrap: wrap;flex-direction:column;}
.sub0209_wrap .con02 ul li {width: 100%; margin-bottom: 20px;}
.sub0209_wrap .con02 ul li:last-child {margin-bottom:0; margin-top:0;}
.sub0209_wrap .con02 ul li strong {font-size:16px; font-weight: 600; color: #fff; background: #2b6dcd; height:auto; line-height:1.6; padding: 8px 0; text-align:center; width:100%; display: block; border-radius: 20px 0 20px 0; margin-bottom:15px;}
.sub0209_wrap .con02 ul li .con {display: flex; gap:3%;}
.sub0209_wrap .con02 ul li .con img {border: 1px solid #ddd; width:100%;}
.sub0209_wrap .con02 ul li .con table {width:100%;}
.sub0209_wrap .con02 ul li .con table tr th {font-size:13px; color: #222; padding: 10px 0; border-bottom: 1px dashed #ddd; padding: 8px 10px;}
.sub0209_wrap .con02 ul li .con table tr:last-child th {border-bottom: 0;}
.sub0209_wrap .con02 ul li .con table tr td {font-size:12px; color: #222; border-bottom: 1px dashed #ddd; padding: 8px 10px;}
.sub0209_wrap .con02 ul li .con table tr:last-child td {border-bottom: 0;}

/* sub0301 */
.sub0301_wrap {}
.sub0301_wrap h4.h4_tit {font-size:16px; color: #222; font-weight:700; position:relative; margin-bottom:25px;}
.sub0301_wrap h4.h4_tit:after {position:absolute; content:""; height:2px; width:26%; background: #ddd; top:50%; transform:translateY(-50%); right:0;}
.sub0301_wrap .con01 {display: flex; flex-direction:column; gap:20px;}
.sub0301_wrap .con01 .txt_wrap {display: block; }
.sub0301_wrap .con01 .txt_box {border: 1px solid #fd8204; border-radius: 10px; padding:20px; margin-bottom:10px;}
.sub0301_wrap .con01 .txt_box:last-child {margin-bottom:0;}
.sub0301_wrap .con01 .txt_box p {color: #555; line-height:1.6; position:relative; padding-left:10px;}
.sub0301_wrap .con01 .txt_box p:before {position:absolute; content:""; width:3px ;height:3px; border-radius:50%; transform:translateY(-50%); top:50%; left:0; background: #fd8204;}
.sub0301_wrap .con01 .txt_box:nth-child(2) {border: 1px solid #2b6dcd;}
.sub0301_wrap .con01 .txt_box:nth-child(2) p:before {background: #2b6dcd;}
.sub0301_wrap .con01 .txt_box:nth-child(3) {border: 1px solid #94c11f;}
.sub0301_wrap .con01 .txt_box:nth-child(3) p:before {background: #94c11f;}
.sub0301_wrap .con01 .left img{width:100%;}
.sub0301_wrap .con01 .right {width:100%;}
.sub0301_wrap .con01 .right .con {border: 1px solid #ddd; margin-bottom:20px;}
.sub0301_wrap .con01 .right .con:last-child {margin-bottom:0;}
.sub0301_wrap .con01 .right .con .tit_wrap {display: flex; width:100%;}
.sub0301_wrap .con01 .right .con .tit_wrap b {font-size: 16px; font-weight:600; color: #fff; background: #fd8204; height:30px; line-height:30px; padding: 0 15px; display: block; width:52px;}
.sub0301_wrap .con01 .right .con .tit_wrap p {font-size: 16px; font-weight:600; color: #222; background: rgba(253,130,4,0.1);; height:30px; line-height:30px; padding: 0 15px; display: block; width:calc(100% - 52px);}
.sub0301_wrap .con01 .right .con:nth-child(2) .tit_wrap b {background: #2b6dcd;}
.sub0301_wrap .con01 .right .con:nth-child(2) .tit_wrap p {background: rgba(43,109,205,0.1);}
.sub0301_wrap .con01 .right .con:nth-child(3) .tit_wrap b {background: #94c11f;}
.sub0301_wrap .con01 .right .con:nth-child(3) .tit_wrap p {background: rgba(148,193,31,0.1);}
.sub0301_wrap .con01 .right .con .img_wrap {display: flex; padding: 15px; gap:15px; flex-direction: column;}
.sub0301_wrap .con01 .right .con .img_wrap .box {width: 100%;}
.sub0301_wrap .con01 .right .con .img_wrap .box img {border: 1px solid #ddd; width:100%;}
.sub0301_wrap .con01 .right .con .img_wrap .box p {font-size:12px; color: #222; text-align:center;  margin-top:5px; margin-bottom:-5px;}

/* sub0302 */
.sub0302_wrap {word-break: keep-all;}
.sub0302_wrap .table_scroll {width:100%; over-flow:auto; overflow-x:scroll;}
.sub0302_wrap table.tbl01 {width:100%; border-top: 2px solid #2b6dcd; white-space: nowrap; border-collapse: collapse; white-space: nowrap;}
.sub0302_wrap table.tbl01 tr th {padding: 10px 0 ; font-size: 12px; color: #222; background: #e9f0fa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sub0302_wrap table.tbl01 tr th:last-child {border-right:0;}
.sub0302_wrap table.tbl01 tr td {text-align:center; font-size: 12px; color: #666; padding: 8px 6px ; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub0302_wrap table.tbl01 tr td:last-child {border-right: 0;}
.sub0302_wrap table.tbl01 tr td.border {border-right: 1px solid #ddd;}
.sub0302_wrap table.tbl01 ul.list01 li {text-align:left; position:relative; padding-left: 10px;}
.sub0302_wrap table.tbl01 ul.list01 li:before {position:absolute; content:""; width:3px; height:3px; border-radius:50% ;background: #94c11f;top:11px; left:0;}
.sub0302_wrap table.tbl01 tr .td01 {font-weight:600; background: #f4f9e8; color: #222;}
.sub0302_wrap table.tbl01 .img_wrap {display:flex; justify-content:center;}
.sub0302_wrap table.tbl01 .img_wrap .img01 {width:auto;} 
.sub0302_wrap table.tbl01 .img_wrap .img02 {width: auto;} 
.sub0302_wrap table.tbl01 .img_wrap .img03 {width:auto;} 
.sub0302_wrap table.tbl01 .img_wrap01 {display: flex; gap: 14px; justify-content:center;}
.sub0302_wrap table.tbl01 .con {margin-bottom:10px;}
.sub0302_wrap table.tbl01 .con:last-child {margin-bottom:0;}
.sub0302_wrap table.tbl01 .txt_wrap {display: flex; gap: 0; justify-content:center; margin-top:6px; flex-direction: column;align-items:center;}
.sub0302_wrap table.tbl01 .txt_wrap p {font-size: 12px; position:relative; padding-left: 10px;}
.sub0302_wrap table.tbl01 .txt_wrap p:before {position:absolute; content:""; width:3px; height:3px; border-radius:50% ;background: #94c11f;top:50%; transform: translateY(-50%); left:0;}

/* sub0303 */
.sub0303_wrap {word-break: keep-all;}
.sub0303_wrap {display: flex; gap: 15px; flex-direction: column;}
.sub0303_wrap .left {width: 100%;}
.sub0303_wrap .left .con01 {border: 1px solid #ddd; border-radius: 10px; padding:15px; margin-bottom:10px; text-align:center;}
.sub0303_wrap .left .con01 img {width:100%;}
.sub0303_wrap .left .con02 {display: flex; flex-direction:column;gap: 24px; justify-content: center; margin-bottom:20px;}
.sub0303_wrap .left .con02 li {display: flex; flex-direction:column; align-items:center;}
.sub0303_wrap .left .con02 li strong {font-size: 14px; color: #222; line-height: 1.3;}
.sub0303_wrap .left .con03 {background:rgba(43,109,205,0.05); padding: 20px; border-radius:10px; position:relative;}
.sub0303_wrap .left .con03:after {position:absolute; content:""; background: url(/images/sub/sub0303_bg01.png)no-repeat; bottom:10px; right:10px; width:60px; height:66px;}
.sub0303_wrap .left .con03 p {font-size: 12px; font-weight:600; color:#222;}
.sub0303_wrap .left .con03 p b {display:block;}
.sub0303_wrap .right .con04 {display:flex; flex-direction:column;gap:15px;margin-bottom:15px;}
.sub0303_wrap .right .con04 > div {background: rgba(43,109,205,0.05); padding: 15px; border-radius:10px; width: 100%;}
.sub0303_wrap .right .con04 > div strong {font-size: 12px; color: #222; font-weight:600;}
.sub0303_wrap .right .con04 > div p {font-size: 12px; color: #222; position:relative; padding-left:11px;}
.sub0303_wrap .right .con04 > div p:before {position:absolute; width:3px; height:1px; content:""; background: #222; top:7px; left:0;}
.sub0303_wrap .right .con04 > div .img_wrap {margin-top:15px; display: flex; gap:3%;}
.sub0303_wrap .right .con04 > div .img_wrap img {width: 48.5%;}
.sub0303_wrap .right .img_wrap02 {display: flex; justify-content: center; margin-bottom: 15px;}
.sub0303_wrap .right .tit_wrap {padding: 15px 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 10px; text-align:center; margin-bottom:30px;}
.sub0303_wrap .right .tit_wrap strong {font-size:14px; color: #222; font-weight:600;}
.sub0303_wrap .right .tit_wrap strong b {display: block;}
.sub0303_wrap .right .img_wrap03 {display:flex; background: #f8f8f8;padding: 15px; border-radius:10px; gap:15px; justify-content: center;flex-direction:column;} 

/* sub0304 */
.sub0304_wrap .mob_tbl {display: table;} 
.sub0304_wrap .pc_tbl {display: none;}
.sub0304_wrap table.tbl01 {width: 100%; margin-bottom:15px;}
.sub0304_wrap table.tbl01 tr th {border-top: 2px solid #94c11f; border-left: 1px solid #ddd; padding: 5px; font-size: 13px; color: #222; font-weight: 700; background: rgba(148,193,31,0.1); }
.sub0304_wrap table.tbl01 tr th:first-child {border-left: 0;}
.sub0304_wrap table.tbl01 tr td {text-align: center; padding: 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 12px; color: #555; font-weight: 500;}
.sub0304_wrap table.tbl01 tr td:first-child {border-left: 0;}
.sub0304_wrap table.tbl01 tr td {padding: 5px;}
.sub0304_wrap table.tbl01 tr td br {display: none;}
.sub0304_wrap table.tbl01 img {border:1px solid #ddd; width:100%;}

/* sub0401 */
.sub0401_wrap .con01 .img_wrap {display: flex; align-items:center; justify-content:center; margin-bottom:20px;}
.sub0401_wrap .con01 .img_wrap img {border: 1px solid #ddd; width:100%;}
.sub0401_wrap .patent_p02{text-align:right; font-size:12px; margin-bottom:10px;}
.sub0401_wrap table.tbl01{border-top:2px solid #94c11f; width:100%;}
.sub0401_wrap table.tbl01 th{padding:10px; font-size:13px; color:#222; background:rgba(148,193,31,0.1); border-bottom:1px solid #ddd;}
.sub0401_wrap table.tbl01 td{padding:10px; font-size:12px; color:#222; text-align:center; border-bottom:1px solid #ddd;}
.sub0401_wrap .tbl01 .p_color01 td{color:#fff; background:#b4cfa8;}
.sub0401_wrap .tbl01 .p_color02 td{color:#fff; background:#70ad47;}
.sub0401_wrap .tbl01 .p_color03 td{color:#fff; background:#5b8e39;}
.sub0401_wrap .tbl01 .p_color04 td{color:#222; background:#f7f7f7;}
.sub0401_wrap .con02 {margin-top:30px;}

/* sub0401_2 */
.sub0401_2_wrap .table_wrap {width:100%; overflow:auto;}
.sub0401_2_wrap .tbl01 {white-space: nowrap;}
.sub0401_2_wrap table.tbl01{border-top:2px solid #94c11f; width:100%;}
.sub0401_2_wrap table.tbl01 th{padding:10px; font-size:13px; color:#222; background:rgba(148,193,31,0.1); border-bottom:1px solid #ddd;}
.sub0401_2_wrap table.tbl01 td{padding:10px; font-size:12px; color:#222; text-align:center; border-bottom:1px solid #ddd;}
.sub0401_2_wrap .page_wrap{text-align:center; box-sizing:border-box; margin-top: 40px;}
.sub0401_2_wrap ul.page{display: flex; justify-content: center; font-size:0; }
.sub0401_2_wrap ul.page li{display:block; margin:0 2px; width:30px; height:30px;  border:1px solid #ddd; vertical-align:middle; }
.sub0401_2_wrap ul.page li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;  font-size:13px; color:#555555; line-height:28px; font-weight: 700;}
.sub0401_2_wrap ul.page li a img{display: block; }
.sub0401_2_wrap ul.page li.on{background:#94c11f;  border:1px solid #94c11f; }
.sub0401_2_wrap ul.page li.on a{color:#ffffff; font-weight: 700;}

/* sub0401_3 */
.sub0401_3_wrap table.tbl01 th {border-right: 1px solid #ddd;}
.sub0401_3_wrap table.tbl01 td {border-right: 1px solid #ddd;}
.sub0401_3_wrap table.tbl01 td:last-child {border-right: 0;}

/* sub0404 */
.sub0404_wrap table {width: 100%;}
.sub0404_wrap table.tbl_02 tr th {border-top: 2px solid #94c11f; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;padding: 5px; font-size: 13px; color: #222; font-weight: 700; background: rgba(148,193,31,0.1);}
.sub0404_wrap table.tbl_02 tr th:first-child {border-left: 0;}
.sub0404_wrap table.tbl_02 tr th.th02 {border-top: 1px solid #ddd;}
.sub0404_wrap table.tbl_02 tr td {text-align: center; padding: 8px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 12px; color: #555; font-weight: 500;}
.sub0404_wrap table.tbl_02 tr:first-child td:first-child {border-left: 0;}

/* sub0502 */
.sub0502_wrap { word-break: keep-all;}
.sub0502_wrap strong.tit {font-size:16px; font-weight:600; color: #222; margin-bottom:20px; padding-bottom:10px;text-align:center; display: block; position:relative;}
.sub0502_wrap strong.tit:after {position:absolute; content:"";width: 20px; height:2px; background: #94c11f; bottom:0; left:50%; transform:translateX(-50%);}
.sub0502_wrap .tab_top {display: flex; justify-content:center;margin-bottom: 30px;flex-wrap:wrap;}
.sub0502_wrap .tab_top li {width: 25%; display:flex; flex-direction: column; align-items:center; cursor:pointer; }
.sub0502_wrap .tab_top li:nth-child(n+5) {margin-top:20px;}
.sub0502_wrap .tab_top li .img_wrap img {width:72px;}
.sub0502_wrap .tab_top li .img_wrap img.off {display:block;}
.sub0502_wrap .tab_top li .img_wrap img.on {display:none;}
.sub0502_wrap .tab_top li:hover .img_wrap img.off {display:none;}
.sub0502_wrap .tab_top li:hover .img_wrap img.on {display:block;}
.sub0502_wrap .tab_top li.on .img_wrap img.on {display:block;}
.sub0502_wrap .tab_top li.on .img_wrap img.off {display:none;}
.sub0502_wrap .tab_top li strong {font-size:14px; color: #222; margin-top:20px;}
.sub0502_wrap .con01 h4.h4_tit01:after {width: 83%;}
.sub0502_wrap .con01 .txt_wrap {padding:20px; background: #fafafa;}
.sub0502_wrap .con01 .txt_wrap .box {margin-bottom: 15px;}
.sub0502_wrap .con01 .txt_wrap .box:last-child {margin-bottom: 0;}
.sub0502_wrap .con01 .txt_wrap strong {font-size:14px; color: #222; margin-bottom:5px;display: block;}
.sub0502_wrap .con01 .txt_wrap p {font-size: 12px; color: #666; margin-left:10px; position:relative; padding-left: 10px; line-height:2.0;}
.sub0502_wrap .con01 .txt_wrap p:before {position:absolute; content:"";width:4px; height:1px; background: #666; left:0; top: 11px;}
.sub0502_wrap .con01 .txt_wrap b {font-size: 12px; color: #222; line-height:2.0;}
.sub0502_wrap .con02 h4.h4_tit01:after {width: 78%;}
.sub0502_wrap .con02 h5.tit01 {margin-top:30px;}
.sub0502_wrap .con03 h4.h4_tit01:after {width: 80%;}
.sub0502_wrap .con03 .txt_wrap b {margin-bottom:15px; display:block;}
.sub0502_wrap .con04 h4.h4_tit01:after {width: 82%;}
.sub0502_wrap .con06 h4.h4_tit01:after {width: 78%;}

/* sub0503 */
.sub0503_wrap {word-break:keep-all;}
.sub0503_wrap span.color_b {color:#2b6dcd;}
.sub0503_wrap span.color_g {color:#94c11f;}
.sub0503_wrap .tit_wrap {text-align:center;}
.sub0503_wrap .tit_wrap span.tit {font-size:14px; font-weight:600; color:#222; margin-bottom:10px;}
.sub0503_wrap .tit_wrap strong {font-size:20px; font-weight:600; display: block; color:#222;}
.sub0503_wrap .con01 {margin-top:30px; text-align:center; justify-content: center;display: flex; flex-direction:column;}
.sub0503_wrap .con01 .img_wrap img {width:100%;}
.sub0503_wrap .con01 .txt_wrap {display: block; margin-top:30px;}
.sub0503_wrap .con01 .txt_wrap .box {margin-bottom:10px; text-align:left; padding: 20px; background: #fafafa; border:1px solid #ddd; border-radius:10px;}
.sub0503_wrap .con01 .txt_wrap .box:last-child {margin-bottom:0;}
.sub0503_wrap .con01 .txt_wrap .box strong {font-size:15px; color: #2b6dcd; margin-bottom:5px; display: block;}
.sub0503_wrap .con01 .txt_wrap .box:nth-child(2) strong {color: #fd8204; }
.sub0503_wrap .con01 .txt_wrap .box:nth-child(3) strong {color: #94c11f; }
.sub0503_wrap .con01 .txt_wrap .box p {font-size: 12px; color: #222;}

/* sub0504 */
.sub0504_wrap {}
.sub0504_wrap span.color_b {color:#2b6dcd;}
.sub0504_wrap span.color_g {color:#94c11f;}
.sub0504_wrap > strong {font-size: 20px; color: #222; text-align:center; margin-bottom:20px; display:block;}
.sub0504_wrap .con01 {margin-bottom:40px;}
.sub0504_wrap .con01 .top_box {display: flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.sub0504_wrap .con01 .box {display: flex; flex-direction:column; width:33.333%; align-items:center;}
.sub0504_wrap .con01 .box:nth-child(4) {margin-top:25px;}
.sub0504_wrap .con01 .box:nth-child(5) {margin-top:25px;}
.sub0504_wrap .con01 .box img {box-shadow:4px 4px 7px rgba(0,0,0,.1); border-radius:50%; width:60px;}
.sub0504_wrap .con01 .box strong {margin-top:20px; font-size: 14px; color: #222;}
.sub0504_wrap .con02 .bot_box {display:flex;  flex-direction:column;gap:10px; margin-bottom:10px;}
.sub0504_wrap .con02 .bot_box:last-chdil {margin-bottom:0;}
.sub0504_wrap .con02 .bot_box .box01 {padding:10px; background: #f8f8f8; border-radius: 80px; display: flex; align-items: center; width:100%;}
.sub0504_wrap .con02 .bot_box .box01  img {border: 1px solid #ddd; border-radius:50%; width:72px;}
.sub0504_wrap .con02 .bot_box .box01 .txt_wrap {margin-left:20px;}
.sub0504_wrap .con02 .bot_box .box01 .txt_wrap strong {font-size:14px; color: #222; margin-bottom:5px; display: block;}
.sub0504_wrap .con02 .bot_box .box01 .txt_wrap p {font-size:13px; color: #666;}
}