/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url(/font/Poppins-Light.woff);
  src: url(/font/Poppins-Light.woff) format('woff'),
       url(/font/Poppins-Light.otf) format('opentype'),
       url(/font/Poppins-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(/font/Poppins-Regular.woff);
  src: url(/font/Poppins-Regular.woff) format('woff'),
       url(/font/Poppins-Regular.otf) format('opentype'),
       url(/font/Poppins-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url(/font/Poppins-Medium.woff);
  src: url(/font/Poppins-Medium.woff) format('woff'),
       url(/font/Poppins-Medium.otf) format('opentype'),
       url(/font/Poppins-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url(/font/Poppins-SemiBold.woff);
  src: url(/font/Poppins-SemiBold.woff) format('woff'),
       url(/font/Poppins-SemiBold.otf) format('opentype'),
       url(/font/Poppins-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(/font/Poppins-Bold.woff);
  src: url(/font/Poppins-Bold.woff) format('woff'),
       url(/font/Poppins-Bold.otf) format('opentype'),
       url(/font/Poppins-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url(/font/Poppins-Black.woff);
  src: url(/font/Poppins-Black.woff) format('woff'),
       url(/font/Poppins-Black.otf) format('opentype'),
       url(/font/Poppins-Black.ttf) format('truetype');
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Noto Sans KR'; color:#222222;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{width:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;}
.login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; }
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;}
.font_color{color:#1a386a; font-weight:bold;}

/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}

.pc_img{display:block;}
.tab_img{display:none;}
.mob_img{display:none;}
.pc{display:block;}
.tab{display:none;}
.mob{display:none;}

/* main */
#wrap { overflow:hidden; position:relative; width:100%; margin:0 auto; min-width: 1200px;}
.inner{width: 1200px; margin: 0 auto; max-width: 100%; }

/* Header */
#header { position:relative;}
#header .inner { display:flex; justify-content:space-between; align-items:center; height:100px;}
#header h1 { display:flex; align-items:center;}
#header h1 a { display:block;}
#header h1 a img {}
#header .gnb_bg{ display:none; position:absolute; left:0; right:0; top:100px; z-index:1000; height:326px; background:url(/images/main/menu_bg_pc.jpg) right center no-repeat; background-size:cover; border-top:1px solid #ddd;	
box-shadow:0 17px 16px 0 rgba(0,0,0,.06);}
#header .gnb { display:flex; align-items:center; position:absolute; left:52.5%; top:0; z-index:1100; transform:translateX(-50%); width:720px; height:100px;}
#header .gnb > li { position:relative; padding:0 25px; height:100%;}
#header .gnb > li > a { display:flex; justify-content:center; align-items:center; height:100%; font-size:17px; color:#222;}
#header .gnb .sub_menu { display:none; position:absolute; left:50%; top:100px; transform:translateX(-50%); width:100%;}
#header .gnb .sub_menu::before { opacity:0; content:''; position:absolute; left:50%; top:-2px; transform:translateX(-50%); width:0; height:3px; background:#f3991d; transition: all .3s;}
#header .gnb .sub_menu li { text-align:center;}
#header .gnb .sub_menu li ~ li { margin-top:6px;}
#header .gnb .sub_menu li:first-child { padding-top:22px;}
#header .gnb .sub_menu li:last-child { padding-bottom:22px;}
#header .gnb .sub_menu li a { font-size:15px; color:#666; line-height:28px;}
#header .header_right { display:flex; align-items:center; position:relative; left:15px;}
#header .lang_wrap { display:flex; }
#header .lang_wrap li { position:relative; padding:0 15px 5px 15px; line-height:1;}
#header .lang_wrap li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#eee;}
#header .lang_wrap li::after { display:none; content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:21px; height:3px; background:#f3991d;}
#header .lang_wrap li a { font-size:17px; color:rgba(34,34,34,.5); font-family: 'Poppins'; font-weight:600;}
#header .lang_wrap li.on a { color:rgba(34,34,34,1);}
#header .lang_wrap li.on::after { display:block;}
#header .header_right .nav_btn { display:none;}
#header .gnb .sub_menu li:hover a { color:#f3991d;}
#header .gnb > li:hover .sub_menu::before { opacity:1; width:64px;}

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

#visual_wrap{position: relative;line-height: 1;overflow: hidden;height: 950px;background:#111;}
.video_container{position: relative;width: 100%;height: 100%;overflow: hidden;}
.video_container video{width: 100%;height: 100%;object-fit:cover;}
/* #visual_wrap .video_wrap { overflow:hidden; position:relative; width:100%; height:980px;}
#visual_wrap .video_wrap video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} */
#visual_wrap .video_wrap { overflow:hidden; position:relative; width:100%;height: 1200px;width:1920px;margin:0 auto;}
#visual_wrap .video_wrap .video { position:absolute;width:100%; height:100%; }
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .text_box{position: absolute;/* animation:ani04 ease 1s forwards;opacity: 0;animation-delay: .5s; */top: 44.5%;left: 50%;transform:translate(-50% , -50% ); text-shadow: 2px 2px 5px #222;}
#visual_wrap ul li .text_box em{display:block; font-size:54px; color:#FD8204; font-weight:600; margin-bottom:35px; animation:ani03 ease 1s forwards; filter: drop-shadow(4px 5px 4px #222);}
#visual_wrap ul li .text_box .visual_logo_wrap{margin-bottom:35px; animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box .visual_logo_wrap img{}
#visual_wrap ul li .text_box strong{display: block;font-size: 55px;	color: #fff;font-weight: 700;line-height: 70px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box strong b{display: block;}
#visual_wrap ul li .text_box p{font-size: 20px;color: #fff;font-weight: 300;line-height: 30px;transform:translateY(0px);opacity: 1;animation:ani03 ease 1s forwards; -webkit-animation-delay: .3s; }
#visual_wrap ul li .text_box p.p01 {font-size:25px;}
#visual_wrap ul li .text_box p span{display: block;}
#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:21%; font-size: 45px;color: #fff;font-weight: 700;line-height: 70px;margin-bottom: 20px;animation:ani03 ease 1s forwards;}
#visual_wrap ul li .text_box .a_box{margin-top: 100px;}
#visual_wrap ul li .text_box .a_box a{display: block;width: 200px;height: 60px;font-size:22px;/* color: #FD8204; */ background:#FD8204; color:#fff; text-align: center;line-height: 58px;}

#visual_wrap ul li .text_box .visual_logo_wrap img {filter: drop-shadow(4px 5px 4px #000);}
#visual_wrap ul li .text_box .visual_logo_wrap img.techl_main_logo{filter: drop-shadow(4px 5px 4px #fff);}

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

#visual_wrap ul li .img_box p{animation:ani02 linear 5s forwards;animation-delay: .5s;}

#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:30px; color:#FD8204; width:330px; height:80px; background:#fff;line-height:80px; text-align:center; font-weight:700;  text-shadow: none; opacity:.8;}
.flowplayer .fp-controls{display: none;}
#visual_wrap .visual_items{}
#visual_wrap .swiper-pagination{position: absolute;bottom: 150px;left: 50%;z-index: 5000;width: 1400px;display: flex;transform:translateX(-50%);font-family: 'Pretendard-Regular';}
#visual_wrap .swiper-pagination span{position: relative;display: block;width: 11.111%;border-radius:0;background: rgba(255,255,255,.3);margin: 0;height: 4px;opacity: 1;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: -35px;color: #fff;font-size: 26px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(2):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 25px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(2) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(3):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 25px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(3) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(4):after{content:'IT';position: absolute;width: 100px;text-align: center;top: -36px;color: #fff;font-size: 25px;left: -50%;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(5):after{content:'전장';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 25px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(6):after{content:'장비&소재';position: absolute;width: 105px;text-align: center;top: -35px;color: #fff;font-size: 25px;left: 100%;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active:nth-child(6) +  span:after{opacity: 0;}
#visual_wrap .swiper-pagination span:nth-child(7):after{content:'장비&소재';position: absolute;width: 105px;text-align: center;top: -35px;color: #fff;font-size: 25px;left: 0%;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(8):after{content:'문화';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 25px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span:nth-child(9):after{content:'사회공헌';position: absolute;width: 100px;text-align: center;top: -35px;color: #fff;font-size: 25px;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: 24px;color: #FD8204;z-index: 5200;}
#visual_wrap .swiper-pagination span em{position: relative;display: block;width: 100%;height: 4px;background:rgba(255,255,255,.3);margin-bottom: 25px;}
#visual_wrap .swiper-pagination span em:after{content:'';position: absolute;width: 0;height: 4px;top: 0px;left: 0;background: #fff;}
#visual_wrap .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active em:after{animation:ani01 linear 29s forwards;}
#visual_wrap .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(4).swiper-pagination-bullet-active em:after{animation:ani01 linear 11s forwards;}
#visual_wrap .swiper-pagination span:nth-child(5).swiper-pagination-bullet-active em:after{animation:ani01 linear 5s forwards;}
#visual_wrap .swiper-pagination span:nth-child(6).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(7).swiper-pagination-bullet-active em:after{animation:ani01 linear 9s forwards;}
#visual_wrap .swiper-pagination span:nth-child(8).swiper-pagination-bullet-active em:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination span:nth-child(9).swiper-pagination-bullet-active em:after{animation:ani01 linear 5s forwards;}
#visual_wrap .swiper-pagination span.active span:after{animation:ani01 linear 10s forwards;}
#visual_wrap .swiper-pagination p{font-size: 18px;color: #fff;text-align: center;}
#visual_wrap .swiper-pagination a.active p{color: #FD8204;}

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

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


/* Footer */
#footer { padding:30px 0; background:#222; line-height:1;}
#footer .inner { position:relative;}
#footer .footer_link { display:flex;}
#footer .footer_link li {position:relative; padding:0 15px 0 16px;}
#footer .footer_link li:first-child { padding-left:0;	}
#footer .footer_link li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:14px; background:rgba(255,255,255,.3);}
#footer .footer_link li a { font-size:15px; color:#fff; line-height:1;}
#footer address { margin-top:22px; font-size:15px; color:#bbb;}
#footer address .copy { margin-top:12px;}
#footer .footer_logo { position:absolute; right:0; top:50%; transform:translateY(-50%);}

/* === SUB === */

#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { font-size:50px; font-weight:700;}
#sub_visual_wrap .txt_wrap .sub_list { display:inline-flex; align-items:center; margin-top:40px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative; padding:0 10px; font-size:17px;}
#sub_visual_wrap .txt_wrap .sub_list li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; background:rgba(255,255,255,.5); border-radius:50%;}

/* tab_menu */
.tab_menu {display: block; width:100%; border-bottom: 1px solid #ddd;}
.tab_menu .inner{position:relative; display: flex; font-size: 0; height: 100%; }
.tab_menu a.home{display: block; width: 70px; background: url(/images/sub/tab_ico_home_pc.png)center no-repeat #f3991d;}
.tab_menu .menu {display: flex; width:calc(100% - 70px);}
.tab_menu .menu > li {position:relative; display: flex; min-width:264px; border-right:1px solid #ddd; background:url(/images/sub/tab_arrow_down_pc.png) center right 20px no-repeat;}
.tab_menu .menu > li.on {background:url(/images/sub/tab_arrow_up_pc.png) center right 20px no-repeat;}
.tab_menu .menu > li > a {display:block; width:100%; height:100%; font-size: 17px; color:#222; padding:20px 55px 20px 22px; line-height:28px;}
.tab_menu .menu > li ul {display:none; position:absolute; padding:15px 0; width:100%; top:100%; left:-1px; box-sizing:content-box;background-color:#f7f7f7; border:1px solid #ddd; z-index:100;}
.tab_menu .menu > li ul li ~ li {margin-top: 10px;}
.tab_menu .menu > li ul li a {display:block; font-size:16px; color:#222; line-height:28px; padding:0 22px;}
.tab_menu .menu > li ul li.on > a {color:#f3991d;}

.depth03_wrap{display: none;}

#sub_contents { padding:80px 0 100px; min-height:500px;}
#sub_contents .contop { margin-bottom:40px; line-height:1; text-align:center;}
#sub_contents .contop h3 { font-size:40px; color:#222;}

/* sub0101 */
.sub0101 {}
.sub0101 .txt_title { position:relative; text-align:center;}
.sub0101 .txt_title p { display:inline-block; position:relative; z-index:1; font-size:18px; color:#222;}
.sub0101 .txt_title p::before { content:''; position:absolute; left:-100px; top:50%; transform:translateY(-50%); z-index:-1; width:66px; height:53px; background:url(/images/sub/sub_ico_quote01_pc.png) center no-repeat;}
.sub0101 .txt_title p::after { content:''; position:absolute; right:-100px; top:50%; transform:translateY(-50%); z-index:-1; width:66px; height:53px; background:url(/images/sub/sub_ico_quote02_pc.png) center no-repeat;}
.sub0101 .txt_title span { font-size:28px;}
.sub0101 .txt_title span b { color:#f3991d; font-weight:500;}
.sub0101 .txt_box { margin-top:4px; text-align:center;}
.sub0101 .txt_box p { margin-top:24px; font-size:15px; color:#222; line-height:30px;}
.sub0101 .txt_box p span { font-weight:700;}
.sub0101 .txt_box strong { display:block; margin:32px 0 40px; font-size:18px; color:#222; font-weight:500;}
/*sub0102*/
.sub0102{word-break:keep-all;}
.sub0102 .img_wrap{width:100%;}
.sub0102 .img_wrap img{width:100%;}
.sub0102 .text_wrap{padding:0 50px}
.sub0102 .text_wrap em{margin:50px 0 35px;line-height:1;color:#f3991d;font-weight:700;font-size:40px;display:block;; }
.sub0102 .text_wrap ul{display:flex;}
.sub0102 .text_wrap ul li{width:525px;margin-right:50px;}
.sub0102 .text_wrap ul li p{color:#222;font-size:15px;margin-top:10px;}
.sub0102 .text_wrap ul li p:nth-child(1){margin-top:0;}
.sub0102 .text_wrap ul li span{color:#f3991d;}


/* sub0103 common */
.sub03_tit{position: relative; font-size: 30px; font-weight: 500; line-height: 1; color:#222; padding-left: 24px; margin-bottom: 55px;}
.sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub03_tit_icon.jpg')top center no-repeat; width: 3px; height: 29px;}


/* sub0103 */
.sub0103 em.vision_tit {display: block;text-align: center;font-size: 25px;font-weight: 500;color: #222;line-height: 1;}
.sub0103 em.vision_tit span{color: #f39801;}
.vision_wrap {position: relative;}
.vision_wrap .top{width: 500px; height: 400px; text-align: center; position: absolute; top: 0px; left: 50%; transform:translateX(-50%); background: url(/images/sub/sub0603_1_icon04_pc.png)center top no-repeat; }
.vision_wrap .top .top_inner{margin-top: 130px;}
.vision_wrap .top .top_inner em{    position: relative;    display: block;    text-align: center;    font-size: 25px;    font-weight: 500;    color: #f39801;    line-height: 1;    padding-bottom: 12px;}
.vision_wrap .top .top_inner em:before{    content: '';    position: absolute;    left: 0;    right: 0;    bottom: -2px;    width: 30px;    height: 2px;    background-color: #f39801;    margin: 0 auto;}
.vision_wrap .top .top_inner p{margin-top: 20px;}
.vision_wrap .diagram{position: relative; height: 660px; }
.vision_wrap .diagram li {position: absolute; }
.vision_wrap .diagram li:first-child{top: 60px; left: 0; }
.vision_wrap .diagram li:nth-child(2){bottom:0; left: 50%; transform:translateX(-50%);}
.vision_wrap .diagram li:nth-child(3){top: 60px; right: 0; }
.vision_wrap .diagram li em {display: block;text-align: center;font-size: 25px;line-height: 1;margin-top: 20px;color: #222;}
.vision_wrap .diagram li img {display: block;width: 70px;height: 60px;margin: 0 auto;}
.vision_wrap .diagram li p {    font-size: 15px;    line-height: 27px;    color: #222;    margin-top: 20px;    text-align: center;}
.vision_wrap .diagram li span{    display: block;    text-align: center;    line-height: 1;    color: #f39801;    font-size: 15px;    margin-top: 10px;}

/* sub0103_2 */
.sub0103_2 .txt_area {padding: 37px 0; text-align: center;}
.sub0103_2 ul {   display: flex;}
.sub0103_2 ul li {    width: 380px;    margin-right: 29px;    border: 1px solid #ddd;    border-top: 2px solid #f39801;}
.sub0103_2 ul li:last-child {    margin-right: 0;}
.sub0103_2 .txt_area em {    display: block;    text-align: center;    line-height: 1;   font-size: 25px;    font-weight: 500;    color: #222;    margin-top: 20px;}
.sub0103_2 .txt_area p{    font-size: 15px;    line-height: 27px;    color: #222;    margin-top: 15px;}


/* sub0103_3 */
.privacy_g { border: 1px dashed #ddd; padding: 35px 40px 40px; margin-bottom: 40px; background: #f9f9f9;}
.privacy_g .privacy_top {    display: flex;       align-items: center;}
/*.privacy_g .privacy_top .img_wrap {width: 240px;text-align: center;}
.privacy_g .privacy_top .img_wrap img{width: 100%;}
.privacy_g .privacy_top .privacy_txt{margin-left: 40px;}*/
.privacy_g .privacy_top .privacy_txt p { font-size: 15px; font-weight: 400; line-height: 27px; color: #222222;}
.privacy_g .privacy_top .privacy_txt strong { display: block; font-size: 25px; font-weight: 700; line-height: 1; color: #222222; margin-bottom: 23px;}
.quality_g{    position: relative;    border: 1px dashed #ddd;    padding-top: 50px;    text-align: center;    background: #f9f9f9;}
.sub0103_3_wrap .sub03_tit{position: relative; font-size: 30px; font-weight: 500; line-height: 1; color:#222; padding-left: 24px; margin-bottom: 55px;}
.sub0103_3_wrap .sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub03_tit_icon.jpg')top center no-repeat; width: 3px; height: 29px;}

.sub0103_3_wrap .quality_wrap{}
.sub0103_3_wrap .quality_wrap .quality_tit{margin-bottom: 37px;}
.sub0103_3_wrap .quality_wrap .quality_tit strong{display: block; font-size: 30px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 30px;}
.sub0103_3_wrap .quality_wrap .quality_tit p{font-size: 15px; font-weight: 400; line-height: 1; color:#222;}

.sub0103_3_wrap .quality_wrap .quality_top{margin-bottom: 50px;}
.sub0103_3_wrap .quality_wrap .quality_top ul{border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.sub0103_3_wrap .quality_wrap .quality_top ul li{border-bottom: 1px dashed #ddd; font-size: 0; padding: 35px 0 35px 40px;}
.sub0103_3_wrap .quality_wrap .quality_top ul li:nth-child(2n){background: #f9f9f9;}
.sub0103_3_wrap .quality_wrap .quality_top ul li:last-child{border-bottom: 0 none;}
.sub0103_3_wrap .quality_wrap .quality_top ul li em{display: inline-block; width: 40px; height: 40px; font-size: 20px; font-weight: 500; line-height: 40px; color:#fff; background: #f39801; text-align: center; margin-right: 60px; vertical-align: middle;}
.sub0103_3_wrap .quality_wrap .quality_top ul li > div{position: relative; padding-left: 95px; display: inline-block;}
.sub0103_3_wrap .quality_wrap .quality_top ul li > div .img_wrap{position: absolute; top: 50%; left: 0; transform: translate(0,-50%); display: inline-block;}
.sub0103_3_wrap .quality_wrap .quality_top ul li > div .img_wrap img{}
.sub0103_3_wrap .quality_wrap .quality_top ul li div p{display: inline-block; vertical-align: middle;}
.sub0103_3_wrap .quality_wrap .quality_top ul li div p strong{display: block; font-size: 20px; font-weight: 500; line-height: 1; color:#f39801; margin-bottom: 20px;}
.sub0103_3_wrap .quality_wrap .quality_top ul li div p span{display: block; font-size: 15px; font-weight: 400; line-height: 1; color:#222222;}

.sub0103_3_wrap .quality_wrap .quality_mid{margin-bottom: 52px;}
.sub0103_3_wrap .quality_wrap .quality_mid .img_wrap{text-align: center; margin-bottom: 92px;}
.sub0103_3_wrap .quality_wrap .quality_mid .img_wrap img{width: auto; margin:0 auto;}

.sub0103_3_wrap .quality_wrap .quality_mid .quality_g{position: relative; border: 1px dashed #ddd; padding-top: 50px;  text-align: center; background: #f9f9f9;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g:before{content :''; position: absolute; top: -80px; left: 50%; transform: translate(-50%,0); background: url('/images/sub/tab_con03_arrow.jpg')top center no-repeat; width: 95px; height: 65px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g p{font-size: 25px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 45px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g p span{color:#f39801;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul{display: inline-block;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li{float: left; width: 210px; margin-right: 110px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li:last-child{margin-right: 0;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li div{display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #ddd; border-radius: 100px; width: 210px; height: 210px; background: #fff;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li div img{width: auto; margin:0 auto;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li div span{display: block; font-size: 20px; font-weight: 500; line-height: 27px; color:#f39801; margin-top: 24px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li strong{display: block; font-size: 20px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 20px; margin-top: 30px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li ul{padding-left: 36px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li ul li{text-align: left; position: relative; padding-left: 14px; font-size: 15px; font-weight: 400; line-height: 1; color:#555555; margin-bottom: 14px;}
.sub0103_3_wrap .quality_wrap .quality_mid .quality_g ul > li ul li:before{content: ''; position: absolute; top: 5px; left: -5px; width: 4px; height: 4px; border-radius: 100px; background: #f39801;}

.sub0103_3_wrap .quality_wrap .quality_bot .img_wrap{text-align: center;}
.sub0103_3_wrap .quality_wrap .quality_bot .img_wrap img {width: auto; margin:0 auto;}


/* sub0103_4 */
.sub0103_4 .tab_con04 .con01 em{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#222;}
.sub0103_4 .tab_con04 .con01 p{font-size: 15px; color:#222; margin-top: 25px;}
.sub0103_4 .tab_con04 .con02{margin-top: 35px;}
h5.sub06_tit{position: relative; display: block; padding-left: 25px; font-size: 28px; font-weight: 700; color:#222; }
h5.sub06_tit:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 3px; height: 29px; background:url(/images/sub/sub0603_4_tit_deco.png)center no-repeat;}
.sub0103_4 .tab_con04 .con02_wrap{/*display: flex; justify-content:space-between;*/ margin-top: 40px;}
/*.sub0103_4 .tab_con04 .con02_wrap .left{position: relative; width: 375px; height:455px; background-color:#dddddd;}*/
.sub0103_4 .tab_con04 .con02_wrap .right{width: 100%;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li{display: flex; align-items:center; height:125px; border-bottom: 1px dashed #ddd; padding-left: 40px;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li:first-child{border-top: 1px dashed #ddd;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li:nth-child(even){background-color:#f9f9f9;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li span{display: block; width: 40px; height: 40px; margin-right: 60px;line-height: 40px; font-size: 20px; font-weight: 500; color:#fff; background-color:#f39801; text-align: center;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li .icon{margin-right: 43px;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li .txt em{display: block; line-height: 1; font-size: 20px; font-weight: 500; color:#f39801;}
.sub0103_4 .tab_con04 .con02_wrap .right ul li .txt p{font-size: 15px; color:#222; line-height: 1; margin-top: 18px;}

.sub0603_4_tit{position:relative;display:block;}
.sub0103_4 .tab_con04 .con01 em{position:relative;display:inline-block;}
.sub0103_4 .tab_con04 .con01 em:after{position:absolute;content:"";display:inline-block;width:3px; height:29px;background-color: #273e82;top:3px;margin: 0 20px;}
.sub0103_4 .tab_con04 .con01 p {position:absolute;display:inline-block;margin-left:40px; font-size: 18px;color: #222; margin-top: 0px;top:3px;}


/* sub0103_5 */
.sub0103_5_wrap{}
.sub0103_5_wrap .sub03_tit{position: relative; font-size: 30px; font-weight: 500; line-height: 1; color:#222; padding-left: 24px; margin-bottom: 55px;}
.sub0103_5_wrap .sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub03_tit_icon.jpg')top center no-repeat; width: 3px; height: 29px;}

.sub0103_5_wrap .ethics_wrap{}
.sub0103_5_wrap .ethics_wrap .ethics_tit{margin-bottom: 40px;}
.sub0103_5_wrap .ethics_wrap .ethics_tit strong{display: block; font-size: 30px; font-weight: 700; line-height:1; color:#222222; margin-bottom: 30px;}
.sub0103_5_wrap .ethics_wrap .ethics_tit p{font-size: 15px; font-weight: 400; line-height: 1; color:#222222 ;}

.sub0103_5_wrap .ethics_wrap .ethics_top{margin-bottom: 50px;}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g{}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g .img_wrap{float: left; width: 304px;}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g .img_wrap img{}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g .txt_wrap{float: left; width: 895px;}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g .txt_wrap p{font-size: 15px; font-weight: 400; line-height: 27px; color:#222222; margin-bottom: 5px;}
.sub0103_5_wrap .ethics_wrap .ethics_top .ethics_top_g .txt_wrap p span{font-size: 15px; font-weight: 500; line-height: 27px; color:#f39801;}

.sub0103_5_wrap .ethics_wrap .ethics_mid{margin-bottom: 50px;}
.sub0103_5_wrap .ethics_wrap .ethics_mid img{}

.sub0103_5_wrap .ethics_wrap .ethics_bot{}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g{border: 1px solid #ddd; padding: 30px 33px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g p{font-size: 15px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 20px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list{}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list > li{position: relative; padding-left: 14px; font-size: 15px; font-weight: 400; line-height: 1; color:#222222; margin-bottom: 16px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list > li:before{content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 5px; height: 5px; background: #f39801; border-radius: 100px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list > li ul{padding-top: 10px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list > li ul li{font-size: 15px; font-weight: 400; line-height: 1; color:#555555; margin-bottom: 10px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g span{display: block; padding-left: 14px; font-size: 15px; font-weight: 400; line-height: 1; color: #222; margin-bottom: 23px;}
.sub0103_5_wrap .ethics_wrap .ethics_bot .ethics_bot_g strong{display: block; font-size: 15px; font-weight: 500; line-height: 1; color:#f39801;}

.sub0103_5_wrap .ethics_wrap > .snedM{display: block; margin: 0 auto; width: 180px; height: 60px; text-align: center; background: #f39801; margin-top: 40px;}
.sub0103_5_wrap .ethics_wrap > .snedM span{font-size: 20px; font-weight: 500; line-height: 60px; color:#fff;}


/* sub0103_6 */
.sub0103_6{}
.sub0103_6 .privacy_wrap{}
.privacy_g{border: 1px dashed #ddd; padding: 35px 40px 40px; margin-bottom: 40px; background: #f9f9f9;}
.privacy_g .privacy_top{display: flex;  justify-content: center;  align-items: center;}
/*.privacy_g .privacy_top .img_wrap{width: 240px; text-align: center;}*/

.privacy_g .privacy_top .privacy_txt{position:relative;width: 100%;}
.privacy_g .privacy_top .privacy_txt .txt_pos{/* position:absolute; top:50%;transform:translateY(-50%);*/}
.privacy_g .privacy_top .privacy_txt strong{display: block; font-size: 25px; font-weight: 700; line-height: 1; color:#222222; margin-bottom: 23px;}
.privacy_g .privacy_top .privacy_txt em{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#f39801; margin-bottom: 20px;}
.privacy_g .privacy_top .privacy_txt p{font-size: 15px; font-weight: 400; line-height: 27px; color:#222222;}

.sub0103_6 .privacy_wrap .privacy_g .privacy_bot{text-align: center; padding-top: 40px; border-top: 1px solid #ddd;margin-top:40px;}
.sub0103_6 .privacy_wrap .privacy_g .privacy_bot p{font-size: 15px; font-weight: 400; line-height: 1; color:#222;;}
.sub0103_6 .privacy_wrap .privacy_g .privacy_bot p span{font-weight: 500; color:#f39801;}

.sub0103_6 .privacy_wrap .policy_g{}
.sub0103_6 .privacy_wrap .policy_g .sub03_tit{position: relative; font-size: 30px; font-weight: 500; line-height: 1; color:#222; padding-left: 24px; margin-bottom: 55px;}
.sub0103_6 .privacy_wrap .policy_g .sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub03_tit_icon.jpg')top center no-repeat; width: 3px; height: 29px;}

.sub0103_6 .privacy_wrap .policy_g ul{}
.sub0103_6 .privacy_wrap .policy_g ul li{position: relative; padding-left: 190px; height: 150px; margin-bottom: 30px; padding-top: 25px;}
.sub0103_6 .privacy_wrap .policy_g ul li:last-child{margin-bottom: 0;}
.sub0103_6 .privacy_wrap .policy_g ul li .img_wrap{position: absolute; top: 0; left: 0;}
.sub0103_6 .privacy_wrap .policy_g ul li .img_wrap img{width: auto; margin: 0 auto; }
.sub0103_6 .privacy_wrap .policy_g ul li .policy_txt{}
.sub0103_6 .privacy_wrap .policy_g ul li .policy_txt strong{display: block; position: relative; font-size: 20px; font-weight: 500; line-height: 1; color:#222; margin-bottom:  42px;}
.sub0103_6 .privacy_wrap .policy_g ul li .policy_txt strong:after{content: ''; position: absolute; bottom: -20px; left: 0; width: 40px; height: 2px; background: #dddddd;}
.sub0103_6 .privacy_wrap .policy_g ul li .policy_txt p{font-size: 15px; font-weight: 400; line-height: 27px; color:#555555;}


/* sub0104 */
.history .ht_line_mob{display: none;}
.history {position:relative; width:100%; background:url(/images/sub/history_bg.jpg) repeat-y center 0;overflow:hidden}
.history_box {overflow:hidden; margin-top: 0px; padding:30px 0;}
.history div.ht_tlt {position:relative; float:left; font-size:50px;font-weight:600;color:#000000;width:500px;text-align:right;}
.history div.ht_tlt .ht_s {padding:30px 0;margin-top:-18px;margin-bottom:40px}
.history div.ht_tlt .ht_s span.ht_icon_pc{position:absolute;top:40px; right:-113px;display:block;width:31px;height:25px;background:url(/images/sub/history_icon.png) no-repeat right top;}
.history dl.ht_t {position:relative;float:right;width:500px;padding-top:32px;line-height:1.8em;}
.history dl.ht_t dt {padding-right:15px; margin-top:7px;font-size:18px; font-weight: bold; color: #000000;}
.history dl.ht_t dd {margin-top:7px; font-size:16px;}
.history div.ht_tlt2 {position:relative;float:right;font-size:50px;font-weight:600;color:#000;width:500px;text-align:left;}
.history div.ht_tlt2 .ht_s {min-height:50px;margin-top:10px;margin-bottom:40px}
.history div.ht_tlt2 .ht_s span.ht_icon_pc{position:absolute;top:40px;left: -113px;display:block;width:31px;height:25px;background:url(/images/sub/history_icon2.png) no-repeat right top;}
.history dl.ht_t2 {position:relative; width:500px;padding-top:32px;line-height:1.8em;text-align:right;}
.history dl.ht_t2 dt {padding-left:23px; margin-top:7px;font-size: 18px; font-weight: bold; color: #000000;}
.history dl.ht_t2 dd {margin-top:7px; font-size:16px;}



/* sub0105 */
.sub0105 .con1{margin-bottom:30px; }
.sub0105 .map_area{position: relative; width: 100%; height: 450px}
.sub0105 .map_area iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub0105 ul{margin-top: 30px;}
.sub0105 ul li{position: relative; padding-left: 170px;font-size: 20px; font-weight: 500; color:#222; line-height: 20px;}
.sub0105 ul li span{position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 500;padding-left: 50px;}
.sub0105 ul li span:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;width: 28px; height: 30px; background:url(/images/sub/sub0608_icon01_pc.png)center no-repeat; background-size:100% 100%;}
.sub0105 .con2{margin-top:80px;}

.sub0105 .con2{margin-top:80px;}
.sub0105 .con2 ul{display:flex;align-items:center; margin-top:30px;}
.sub0105 .con2 ul li{padding:15px 15px 15px 0;width:285px; margin-right:20px;border:1px solid #ddd;}
.sub0105 .con2 ul li:last-child{padding-right:0;}
.sub0105 .con2 ul li img{width:280px; }

.tab_wrap{display:none;}


/* sub0107 */
.sub0107{}
.sub0107 img{width:100%;}
.sub0107 p{margin-top:30px;color:#222;font-size:15px;}
.sub0107 .link_wrap{margin:40px auto 0;background:#f3991d;width:180px;height:60px;}
.sub0107 .link_wrap a{display:block;font-size:20px;font-weight:500;text-align:center;line-height:60px;color:#fff;}
/* sub0108 */
.sub0108_wrap .map_area{position: relative; width: 100%; height: 450px}
.sub0108_wrap .map_area iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub0108_wrap ul{margin-top: 30px;}
.sub0108_wrap ul li{position: relative; padding-left: 170px; font-size: 15px; color:#222; line-height: 20px; margin-top: 30px;}
.sub0108_wrap ul li:first-child{ font-size: 20px; font-weight: 500; margin-top: 0;}
.sub0108_wrap ul li span{position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 500;padding-left: 50px;}
.sub0108_wrap ul li span:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;}
.sub0108_wrap ul li:nth-child(1) span:before{width: 28px; height: 30px; background:url(/images/sub/sub0608_icon01_pc.png)center no-repeat; background-size:100% 100%;}
.sub0108_wrap ul li:nth-child(2) span:before{width: 30px; height: 25px; background:url(/images/sub/sub0608_icon02_pc.png)center no-repeat; background-size:100% 100%;}
.sub0108_wrap ul li:nth-child(3) span:before{width: 30px; height: 31px; background:url(/images/sub/sub0608_icon03_pc.png)center no-repeat; background-size:100% 100%;}

/* sub0201 */
.sub0201 > div{margin-bottom:55px;}
.sub0201 > div:last-child{margin-bottom:0;}
.sub0201 .con01{display:flex; justify-content:space-between; align-items:center; }
.sub0201 .txt_wrap{width:450px; font-size:15px;}
.sub0201 .img_wrap{width:700px;}
.sub0201 strong{font-size:20px; color:#f3991d;}
.sub0201 .con02 ul{display:flex; justify-content:space-between; align-items:center;}
.sub0201 .con02 ul li{width:350px; height:200px; text-align:center; border:1px solid #ddd; border-top:3px solid #f3991d; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:15px;}
.sub0201 .con02 ul li span{font-weight:500; color:#f3991d;}
.sub0201 .con03 ul li:first-child{border-top:1px dashed #ddd;}
.sub0201 .con03 ul li{font-size:15px; border-bottom:1px dashed #ddd; padding:15px 0 15px 20px;}
.sub0201 .con03 ul li:nth-child(2n){background: #f9f9f9;}
.sub0201 .con03 ul li em{display: inline-block; width: 40px; height: 40px; font-size: 20px; font-weight: 500; line-height: 40px; color:#fff; background: #f39801; text-align: center; margin-right: 30px; vertical-align: middle;}
.sub0201 .con03 ul li  p{display: inline-block; vertical-align: middle;}

/* sub0202 */
.sub0202 ul{display:flex; justify-content:space-between; align-items:center; margin-bottom:50px;}
.sub0202 u:last-child{margin-bottom:0;}
.sub0202 ul li{width:250px; height:300px; border:1px solid #ddd; border-top:3px solid #f3991d; font-size:16px;}
.sub0202 ul li p{display:flex; flex-direction:column; justify-content:center; align-items:center; height:60px; font-weight:500px;}
.sub0202_mob{display:none;}

/* sub0203 */
.sub0203{}
.sub0203 ul{display:flex;flex-wrap:wrap;}
.sub0203 ul li{margin-top:20px;margin-right:20px;width:285px;}
.sub0203 ul li:nth-child(4n){margin-right:0;}
.sub0203 ul:nth-child(1) li{margin-top:0;}
.sub0203 ul li img{width:100%;border:1px solid #ddd;}
.sub0203 ul li p{margin-top:15px;color:#222;font-size:15px;text-align:center;}

/* sub0301 */
.sub0301{display:flex; justify-content:space-between; align-items:center;}
.sub0301 .sub_tbl01{width:495px;}
.sub0301 .sub_tbl02{width:660px;}
.sub0301 table tr:first-child th{font-size:16px; font-weight:500; background:#f5f5f5; border-bottom:3px solid #f3991d; }
.sub0301 table tr{height:65px; font-size:15px; border-bottom:1px solid #ddd;}
.sub0301 table tr:last-child{height:auto;}
.sub0301 table tr td{text-align:center;}
.sub0301 table tr td .img_wrap{width:80%; margin:10%;}

/* sub0502 */
.sub0502_wrap .tab_wrap .tab_top{font-size: 0; border: 1px solid #ddd; margin-bottom: 50px;}
.sub0502_wrap .tab_wrap .tab_top h3{position: relative; display: block; display:inline-block; width: 33.33%; height: 60px; transition:0.3s; text-align:center; line-height: 60px; font-size: 18px; color:#222; font-weight: 500;}
.sub0502_wrap .tab_wrap .tab_top h3:after{content:''; position: absolute; right:  0; width: 1px; height: 22px; background-color:#ddd; top: 0; bottom: 0; margin: auto 0;}
.sub0502_wrap .tab_wrap .tab_top h3:last-child:after{display:none;}
.sub0502_wrap .tab_wrap .tab_top h3:hover{background-color:#273e82; color:#fff; cursor:pointer;}
.sub0502_wrap .tab_wrap .tab_top h3.on{background-color:#273e82; color:#fff;}
.sub0502_wrap .tab_wrap .tab_top_mob{display: none; }

.sub0502_wrap .sec01{background:url("/images/sub/sub0401_bg.jpg")no-repeat center bottom;text-align:center;padding-bottom:60px;}
.sub0502_wrap .sec01 h5{position:relative;display:block;width:61.8%;font-size:30px;font-weight:600;text-align:center;color:#222;margin:0 auto;padding-bottom:20px;}
.sub0502_wrap .sec01 h5:after{position:absolute;content:"";display:block;width:150px;height:2px;background:#f39801;left:50%;transform:translateX(-50%);bottom:0;}
.sub0502_wrap .sec01 h5 em{font-size:30px;font-weight:600;color:#f39801;}
.sub0502_wrap .sec01 .inner>span{display:inline-block;width:535px;margin-top:20px; font-size: 15px;}
.sub0502_wrap .sec01 .round_wrap{height: 200px;}
.sub0502_wrap .sec01 .round_wrap ul{position: relative; width: 64.5%; margin: 0 auto; margin-top:60px;height: 100%;}
.sub0502_wrap .sec01 .round_wrap ul:before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; border-bottom: 1px dashed #222;}
.sub0502_wrap .sec01 .round_wrap ul li{display:table;}
.sub0502_wrap .sec01 .round_wrap ul li div{display:table-cell;vertical-align:middle;}
.sub0502_wrap .sec01 .round_wrap ul .left_circle{position: absolute; left:0; width: 200px; height: 200px;background:#fff;border-radius:50%;border:1px solid #ddd;}
.sub0502_wrap .sec01 .round_wrap ul .mid_circle{position: absolute; left: 50%; transform: translateX(-50%); width: 200px; height: 200px;background:#fff;border-radius:50%;border:1px solid #ddd;}
.sub0502_wrap .sec01 .round_wrap ul .right_circle{position: absolute; right:0;width: 200px; height: 200px;background:#fff;border-radius:50%;border:1px solid #ddd;}
.sub0502_wrap .sec01 .round_wrap ul div span{display:block;text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.sub0502_wrap .sec02{background:#f5f5f5;}
.sub0502_wrap .sec02 ul{display:flex;}
.sub0502_wrap .sec02 ul li{padding:60px 20px;border-right:1px solid #ddd; font-size: 14px;}
.sub0502_wrap .sec02 ul li:first-child{border-left:1px solid #ddd;}
.sub0502_wrap .sec02 ul li h6{font-size:25px;color:#222;font-weight:600;margin-bottom:30px;}
.sub0502_wrap .sec02 ul li h6 em{font-size:25px;color:#f39801;font-weight:600;}

.sub0502_wrap .con01{display: flex; padding: 0 30px 0 45px; background-color:#f5f5f5; height: 220px;}
.sub0502_wrap .con01 .left{width: 152px; height: 152px; border-radius: 50%; box-shadow: rgba(0,0,0,0.1)8px 0 8px; align-self: center;}
.sub0502_wrap .con01 .left img{width: 100%; height: 100%;}
.sub0502_wrap .con01 .right{width: calc(100% - 152px); padding-left: 40px; align-self: center;}
.sub0502_wrap .con01 .right em{position: relative; display: block; line-height: 1; font-size: 30px; color:#222; font-weight: 700; padding-bottom: 14px; border-bottom:1px solid #ddd;}
.sub0502_wrap .con01 .right em:before{content:''; position: absolute; left: 0; bottom: 0; width:110px; height: 3px; background-color:#df0615; }
.sub0502_wrap .con01 .right p{font-size: 15px; color:#222; line-height: 27px; margin-top: 20px;}
.sub0502_wrap .con02{margin-top: 40px;}
.sub0502_wrap .con02 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0502_wrap .con02 p{font-size: 15px; color:#222; line-height:27px; margin-top: 15px;}
.sub0502_wrap .con02 p span{color:#273e82;}
.sub0502_wrap .con02 ul{margin-top: 35px; font-size: 0}
.sub0502_wrap .con02 ul li{position: relative; display: inline-block; width: 132px; height: 132px; margin-right: 46px; border-radius: 50%; box-shadow: rgba(0,0,0,0.1)5px 10px 5px; background:url(/images/sub/sub0402_circle02_pc.png)center no-repeat; background-size:100% 100%;}
.sub0502_wrap .con02 ul li:last-child{margin-right: 0;}
.sub0502_wrap .con02 ul li:before{content:''; position: absolute; left: -30px; top:0; bottom: 0; margin: auto 0; width: 17px; height:28px; background:url(/images/sub/sub0402_arrow_pc.png)center no-repeat; background-size:100% 100%;	}
.sub0502_wrap .con02 ul li:first-child:before{display: none;}
.sub0502_wrap .con02 ul li span{display: block; text-align: center; line-height: 132px; font-size: 20px;font-weight: 500; color:#222; }
.sub0502_wrap .con03{margin-top: 60px;}
.sub0502_wrap .con03 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0502_wrap .con03 em span{font-size: 18px; color:#555}
.sub0502_wrap .con03 .pc_table{display: table; width:100%; margin-top: 20px;}
.sub0502_wrap .con03 .pc_table colgroup col{width: 260px;}
.sub0502_wrap .con03 .pc_table colgroup col:first-child{width: 180px}
.sub0502_wrap .con03 .pc_table th{position: relative; background-color:#f5f5f5; border: 1px solid #ddd; height: 60px; text-align: center; font-size: 15px; color:#222; font-weight: 500;}
.sub0502_wrap .con03 .pc_table th:after{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color:#df0615;}
.sub0502_wrap .con03 .pc_table td{border: 1px solid #ddd; font-size: 15px; color:#555; text-align: center; vertical-align: middle; height: 60px }
.sub0502_wrap .con03 .pc_table td.first{color:#222; font-weight: 500; background-color:#fcfcfc;}
.sub0502_wrap .con03 .mob_table{display: none;}
.sub0502_wrap .con03 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0502_wrap .con04{margin-top: 60px;}
.sub0502_wrap .con04 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0502_wrap .con04 ul{margin-top: 15px;}
.sub0502_wrap .con04 ul li{position: relative; padding-left: 15px; font-size: 15px; color:#222; margin-top: 10px;}
.sub0502_wrap .con04 ul li:first-child{margin-top: 0;}
.sub0502_wrap .con04 ul li:before{content:''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color:#df0615;}


/* sub0503 */
.sub0503_wrap{}
.sub0503_wrap .sub0503_tit{text-align: center; margin-bottom: 50px;}
.sub0503_wrap .sub0503_tit img{}
.sub0503_wrap .sub0503_tit p{font-size: 30px; font-weight: 500; line-height: 47px; color:#222222; margin-top: 10px;}
.sub0503_wrap .sub0503_tit p span{position: relative; color:#f39801; font-weight: 700; z-index: 1; display: inline-block;}
.sub0503_wrap .sub0503_tit p span:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; background: #fcd9da; z-index: -1;}
.sub0503_wrap .sub0503_tit p i.pc{display: block;}
.sub0503_wrap .sub0503_tit p i.tab{display: none;}
.sub0503_wrap .sub0503_tit p i.mob{display: none;}

.sub0503_wrap .sub0503_list{}
.sub0503_wrap .sub0503_list li{float: left; width: 276px; height: 304px; text-align: center; margin-right: 32px; border: 1px solid #ddd; padding-top:26px;  margin-bottom: 30px; box-shadow: 7px 0 5px rgba(0,0,0,0.05); word-break:keep-all;}
.sub0503_wrap .sub0503_list li:nth-child(4n){margin-right: 0;}
.sub0503_wrap .sub0503_list li img{margin-bottom: 20px;}
.sub0503_wrap .sub0503_list li strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 44px;}
.sub0503_wrap .sub0503_list li:nth-child(8) strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 34px;}
.sub0503_wrap .sub0503_list li:nth-child(9) strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 34px;}
.sub0503_wrap .sub0503_list li strong span{margin-top: 10px; display: block; font-size: 13px; font-weight: 400; line-height: 1; color:#777777;}
.sub0503_wrap .sub0503_list li p{font-size: 15px; font-weight: 400; line-height: 27px; color:#222222;}

/* sub0603 */
.sub0603_wrap{}
.sub0603_wrap .sub0603_tit{text-align: center; margin-bottom: 40px;}
.sub0603_wrap .sub0603_tit p{font-size: 30px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 20px;}
.sub0603_wrap .sub0603_tit p span{font-size: 30px ;font-weight: 700; line-height: 1; color:#f39801;}
.sub0603_wrap .sub0603_tit em{display: block; font-size: 15px; font-weight: 400; line-height: 1; color:#555555;}

.sub0603_wrap .sub0603_sec01{text-align: center; margin-bottom: 40px;}
.sub0603_wrap .sub0603_sec01 img{margin: 0 auto;}
.sub0603_wrap .sub0603_sec01 ul{width: 790px; margin: 20px auto 0;}
.sub0603_wrap .sub0603_sec01 ul li{float: left; width: 130px; height: 40px; font-size: 18px; font-weight: 500; line-height: 40px; color:#555555; border-radius: 100px; background: #efefef; margin-right: 35px;}
.sub0603_wrap .sub0603_sec01 ul li:last-child{margin-right: 0;}
.sub0603_wrap .sub0603_sec01_mob{display: none;}

.sub0603_wrap table{display: table-cell; width: 100%; border-top: 2px solid #f39801;}
.sub0603_wrap table tr{border-bottom: 1px solid #dddddd;}
.sub0603_wrap table th{font-size: 20px; font-weight: 500; line-height: 1; color:#222; text-align: left; vertical-align: top; padding-top: 43px;}
.sub0603_wrap table td{padding: 40px 0; font-size: 15px; font-weight: 400; line-height: 27px; color:#555555;}
.sub0603_wrap table td span{display: inline-block; margin-right: 40px; width: 85px;}
.sub0603_wrap table td strong{display: inline-block; margin: 0 16px; color:#999999;}
.sub0603_wrap colgroup col:first-child{width: 186px;}
.sub0603_wrap colgroup col{width: 1013px;}
.sub0603_wrap a.download_btn{    display: block;    margin: 30px auto;    width: 150px;    height: 50px;    line-height: 50px;    text-align: center;    color: #fff;    font-weight: 500;    background: #F49801;}


/*sub0604*/
.e_book_wrap {overflow:hidden;	}
.e_book_wrap li{width:32%; margin-right:2%; float:left;margin-top:40px;}
.e_book_wrap li:nth-child(-n+3){margin-top:0;}
.e_book_wrap li:nth-child(3n){margin-right:0;}

.e_book_img{position:relative; width:100%; height:0; padding-bottom:137%;  border:1px solid #ddd;}
.e_book_img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:auto; height:auto;}

.e_book_btn {width:100%; margin:0 auto;}
.e_book_btn a {display:block;  width:100%; height:50px; background:#ca0464; text-align:center; line-height:50px; color:#fff; font-size:15px; font-weight:500;}
.e_book_btn span {margin-left:10px; }
.e_book_btn span img {padding:9px 0;}