/* 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: '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:keep-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:15px; line-height:1.7; font-family: 'Noto Sans KR'; color:#7d7d7d;} 
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;}

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

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

#header{width: 100%; height: 89px; border-bottom: 1px solid #ddd;}
#header .inner{height: 100%; position: relative;}
#header .inner .logo{position: absolute; top: 13px; left: 0;}

#header .inner .kor{position: absolute; top: 30px; right: 0; width: 100px; height: 30px; border: 1px solid #ddd; border-radius: 100px; z-index: 1000; background: #fff;}
#header .inner .kor.on{position: absolute; top: 30px; right: 0; width: 100px; height: 85px; border: 1px solid #ddd; border-radius: 20px; background: #fff;}
#header .inner .kor > li{position: relative;}
#header .inner .kor > li a{position: relative; display: block; font-size: 15px; font-weight: 500; line-height: 28px; color:#f39801; text-align: center;}
#header .inner .kor > li a:after{content: ''; position: absolute; top: 50%; left: 6px; transform: translate(0,-50%); background: url('/images/main/lang_icon.png')top center no-repeat; width: 20px; height: 20px;}
#header .inner .kor > li a:before{content: ''; position: absolute; top: 50%; right: 7px; transform: translate(0,-50%); background: url('/images/main/lang_arrow_icon.png')top center no-repeat; width: 10px; height: 6px;}
#header .inner .kor ul{visibility: hidden; overflow: hidden; opacity: 0; transition: all 0.1s;}
#header .inner .kor.on ul{visibility: visible; overflow: visible; opacity: 1;}
#header .inner .kor ul li{}
#header .inner .kor ul li a{display:block; font-size: 15px; font-weight: 500; line-height: 28px; color:#f39801; text-align: center;}


#header .inner .gnb{position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 780px; z-index: 1000;}
#header .inner .gnb > li{position: relative; float: left; padding: 37px 17px 30px; margin-right: 22px; line-height: 88px; height: 88px;}
#header .inner .gnb > li:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 0; height: 2px; background: #f39801; transition: all 0.3s;}
#header .inner .gnb > li:hover:after{content: ''; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%,0); width: 100%; height: 2px; background: #f39801;}
#header .inner .gnb > li:last-child{margin-right: 0;}
#header .inner .gnb > li > a{display: block; font-size: 18px; font-weight: 500; line-height: 1; color:#222222;}
#header .inner .gnb > li > ul{visibility: hidden; overflow: hidden; opacity: 0; position: absolute; top:  89px; left: 0; width: 600px; transition: all 0.3s;}
#header .inner .gnb > li:hover > ul{visibility: visible; overflow: visible; opacity: 1; position: absolute; top:  89px; left: 0; width: 600px;}
#header .inner .gnb > li > ul li{float: left; padding-right: 18px; height: 50px; vertical-align: middle;}
#header .inner .gnb > li > ul li a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#fff;}
#header .inner .gnb > li > ul li:hover a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#f39801;}
#header .inner .gnb > li > ul li.on a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#f39801;}
#header .inner .gnb > li.last > ul{left: -220px;}

.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;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: 110px;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{height: 157px; background: #363636; padding-top: 12px; padding-bottom: 47px;border-top:1px solid #555;}
#footer .inner{position: relative;}
#footer .privacy_wrap{padding-bottom:10px;border-bottom:1px solid #555;margin-bottom:20px;}
#footer .privacy{}
#footer .privacy li{position: relative; float: left; margin-right: 23px;line-height:27px;}
#footer .privacy li:after{content: ''; position: absolute; top: 8px; right: -12px; width: 1px; height: 15px; background: #fff;}
#footer .privacy li:last-child:after{content : ''; display: none;}
#footer .privacy .layer_btn a{font-size: 13px; font-weight: 400; line-height: 1; color:#fff;}

#footer .f_btn_privacy{display:inline-block;height:30px;line-height:27px;background:#e7e8ec;padding:0 14px;border-radius:30px;}
#footer .privacy .f_btn_privacy a{font-size:13px;color:#555;line-height:1;}

#footer .inner .address{font-size: 13px; font-weight: 400; line-height: 1; color:#fff; margin-bottom: 20px;}
#footer .inner .copy{font-size: 13px; font-weight: 400; line-height: 1; color:#bbbbbb;}
#footer .inner .f_logo{position: absolute; bottom: 0; right: 0;}

.main_layer_wrap{position:fixed;display:none;background:rgba(0,0,0,0.5);left:0;top:0;width:100%;height:100%;z-index:10000;}
.main_layer_wrap .layer{position:relative;width:100%;height:100%;}
.main_layer_wrap .layer_position{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:60%;height:80%;}
.main_layer_wrap .layer_con{position:relative;width:100%;height:auto;background:#fff;}
.main_layer_wrap .layer_con span{position:absolute;left:50px;}
.main_layer_wrap .layer_close{position:absolute;width:23px;height:23px;right:-40px;top:-40px;color:#fff;}

.main_layer_wrap .main_pop_tbl01{border:1px solid #ddd;text-align:center;}
.main_layer_wrap .main_pop_tbl01 th{background:#f5f5f5;border-bottom:2px solid #5d84cb;border-right:1px solid #ddd;padding:20px;}
.main_layer_wrap .main_pop_tbl01 th:last-child{border-right:0;}
.main_layer_wrap .main_pop_tbl01 td{padding:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.main_layer_wrap .main_pop_tbl01 td:last-child{border-right:0;}

.main_layer_wrap .main_pop_tbl02{display:none;}


/* ----------------------- sub --------------------------- */


#sub_header{width: 100%; height: 89px; border-bottom: 1px solid #ddd; box-shadow: 5px 5px 25px rgba(0,0,0,0.8); z-index: 1000;}
#sub_header .inner{height: 100%; position: relative;}
#sub_header .inner .logo{position: absolute; top: 13px; left: 0;}

/* #sub_header .inner .kor{position: absolute; top: 46px; right: 0; width: 100px; height: 30px; border: 1px solid #ddd; border-radius: 100px;}
#sub_header .inner .kor > a{position: relative; display: block; font-size: 15px; font-weight: 500; line-height: 28px; color:#f39801; text-align: center;}
#sub_header .inner .kor > a:after{content: ''; position: absolute; top: 50%; left: 6px; transform: translate(0,-50%); background: url('/images/main/lang_icon.png')top center no-repeat; width: 20px; height: 20px;}
#sub_header .inner .kor > a:before{content: ''; position: absolute; top: 50%; right: 7px; transform: translate(0,-50%); background: url('/images/main/lang_arrow_icon.png')top center no-repeat; width: 10px; height: 6px;}
#sub_header .inner .kor ul{display: none;}
#sub_header .inner .kor ul li{}
#sub_header .inner .kor ul li a{display:block ;} */

#sub_header .inner .kor{position: absolute; top: 30px; right: 0; width: 100px; height: 30px; border: 1px solid #ddd; border-radius: 100px; z-index: 1000; background: #fff;}
#sub_header .inner .kor.on{position: absolute; top: 30px; right: 0; width: 100px; height: 85px; border: 1px solid #ddd; border-radius: 20px; background: #fff;}
#sub_header .inner .kor > li{position: relative;}
#sub_header .inner .kor > li a{position: relative; display: block; font-size: 15px; font-weight: 500; line-height: 28px; color:#f39801; text-align: center;}
#sub_header .inner .kor > li a:after{content: ''; position: absolute; top: 50%; left: 6px; transform: translate(0,-50%); background: url('/images/main/lang_icon.png')top center no-repeat; width: 20px; height: 20px;}
#sub_header .inner .kor > li a:before{content: ''; position: absolute; top: 50%; right: 7px; transform: translate(0,-50%); background: url('/images/main/lang_arrow_icon.png')top center no-repeat; width: 10px; height: 6px;}
#sub_header .inner .kor ul{visibility: hidden; overflow: hidden; opacity: 0; transition: all 0.1s;}
#sub_header .inner .kor.on ul{visibility: visible; overflow: visible; opacity: 1;}
#sub_header .inner .kor ul li{}
#sub_header .inner .kor ul li a{display:block; font-size: 15px; font-weight: 500; line-height: 28px; color:#f39801; text-align: center;}


#sub_header .inner .gnb{position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 780px; z-index: 1000;}
#sub_header .inner .gnb > li{position: relative; float: left; padding: 37px 17px 30px; margin-right: 22px; line-height: 88px; height: 88px;}
#sub_header .inner .gnb > li:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 0; height: 2px; background: #f39801; transition: all 0.3s;}
#sub_header .inner .gnb > li:hover:after{content: ''; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%,0); width: 100%; height: 2px; background: #f39801;}
#sub_header .inner .gnb > li:last-child{margin-right: 0;}
#sub_header .inner .gnb > li > a{display: block; font-size: 18px; font-weight: 500; line-height: 1; color:#222222;}
#sub_header .inner .gnb > li > ul{visibility: hidden; overflow: hidden; opacity: 0; position: absolute; top:  89px; left: 0; width: 600px; transition: all 0.3s;}
#sub_header .inner .gnb > li:hover > ul{visibility: visible; overflow: visible; opacity: 1; position: absolute; top:  89px; left: 0; width: 600px;}
#sub_header .inner .gnb > li > ul li{float: left; padding-right: 18px; height: 50px; vertical-align: middle;}
#sub_header .inner .gnb > li > ul li a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#fff;}
#sub_header .inner .gnb.gnb_pro > li > ul li a{color:#222;}
#sub_header .inner .gnb > li > ul li:hover a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#f39801;}
#sub_header .inner .gnb > li > ul li.on a{display: block; font-size: 15px; font-weight: 400; line-height: 50px; color:#f39801;}
#sub_header .inner .gnb > li.last > ul{left: -116px;}


#sub_content{min-height: 500px; padding-bottom: 80px;}
.sub_visual{position: relative; z-index: -1;}
.sub_visual p.tit{position: absolute; top: 43%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; font-size: 35px; font-weight: 700; line-height: 1; color:#fff;}
.sub_visual .location_wrap{position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.sub_visual .location_wrap .location{text-align: center; font-size: 0;}
.sub_visual .location_wrap .location li{position: relative; font-size: 15px; font-weight: 400; line-height: 1; color:#fff; margin-right: 40px; display: inline-block;}
.sub_visual .location_wrap .location li:after{content: ''; position: absolute; top: 0;right: -25px; background: url('/images/sub/location_arrow.png')top center no-repeat; width: 8px; height: 13px;}
.sub_visual .location_wrap .location li:last-child{margin-right: 0;}
.sub_visual .location_wrap .location li:last-child:after{content: ''; display: none;}
.sub_visual .location_wrap .location li.home span{position: relative;}
.sub_visual .location_wrap .location li.home span:before{content: ''; position: absolute; top: 4px; left: -26px; background: url('/images/sub/home_icon.png')top center no-repeat; width: 19px; height: 15px;}


#sub_content{}
#sub_content .contop{/*margin-top: 47px; margin-bottom: 23px;*/margin:60px 80px;}
#sub_content .contop p.tit{font-size: 35px; font-weight: 700; line-height: 1; color:#222222; text-align: center;}




/* sub_mob_tabmenu */
.sub_menu{border:1px solid #ddd; height:61px;}
.tab_menu {display: block; position:relative; width:100%; height:60px; background:#fff; padding-left: 60px; border-bottom: 1px solid #ddd; font-family: 'Noto Sans KR';}
.tab_menu .tab_home {position:absolute; top: 0; left: 0; transform: translate(0,0); width: 60px; height: 100%; background:#f39801;}
.tab_menu .tab_home a {position: relative; display: block; width: 100%; height: 100%;}
.tab_menu .tab_home a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 33px; height: 30px;}
.tab_menu .menu {width:100%;}
.tab_menu .menu > li {position:relative; float:left; width: 282px; height: 60px; border-left:1px solid #ddd; border-bottom: 1px solid #ddd; background:#fff url('/images/sub/sub_down_btn.png') 95% center no-repeat; background-size:15px 9px;}
.tab_menu .menu > li:last-child {width: 282px; border-right: 1px solid #ddd;}
.tab_menu .menu > li > a {display:block; width:100%; height:100%; line-height:57px; padding-left:30px; font-size:15px; color:#222222;} 
.tab_menu .menu > li.on {background:#fff url('/images/sub/sub_down_btn_on.png') 95% center no-repeat; border-left:1px solid #dddddd; background-size:15px 9px;}
.tab_menu .menu > li.on a {color:#222222;}
.tab_menu .menu > li ul {display:none; position:absolute; top:58px; left:-1px; box-sizing:content-box; width:calc(100% + 1px ); padding:20px 0 20px; background:#fff; z-index: 10; border: 1px solid #dddddd;}
.tab_menu .menu > li ul li a {display:block; line-height:40px; padding-left:31px; font-size:15px; color:#666666;}
.tab_menu .menu > li.on ul li a {display:block; line-height:40px; padding-left:31px; font-size:15px; color:#666666;}


#sub_footer{height: 157px; background: #333333; padding-top: 18px; padding-bottom: 47px;}
#sub_footer .inner{position: relative;}
#sub_footer .privacy_wrap{padding-bottom: 10px;border-bottom:1px solid #555;margin-bottom:20px;}}
#sub_footer .privacy{}
#sub_footer .privacy li{position: relative; float: left; margin-right: 23px;line-height:27px;}
#sub_footer .privacy li:after{content: ''; position: absolute; top: 8px; right: -12px; width: 1px; height: 15px; background: #fff;}
#sub_footer .privacy li:last-child:after{content : ''; display: none;}
#sub_footer .privacy .layer_btn a{font-size: 13px; font-weight: 400; line-height: 1; color:#fff;}
#sub_footer .f_btn_privacy{display:inline-block;height:30px;line-height:27px;background:#e7e8ec;padding:0 14px;border-radius:30px;}
#sub_footer .privacy .f_btn_privacy a{font-size:13px;color:#555;line-height:1;}

#sub_footer .inner .address{font-size: 13px; font-weight: 400; line-height: 1; color:#fff; margin-bottom: 20px;}
#sub_footer .inner .copy{font-size: 13px; font-weight: 400; line-height: 1; color:#bbbbbb;}
#sub_footer .inner .f_logo{position: absolute; bottom: 0; right: 0;}


/* sub0601 */
	#sub0601_wrap{}
	#sub0601_wrap .sub0601_tit{position: relative; margin-bottom: 50px; text-align: center;}
	#sub0601_wrap .sub0601_tit:before{content: ''; position: absolute; top: 10px; left: 160px; background: url('/images/sub/sub0601_tit_left.png')top center no-repeat; width: 65px; height: 53px;}
	#sub0601_wrap .sub0601_tit:after{content: ''; position: absolute; top: 10px; right: 160px; background: url('/images/sub/sub0601_tit_right.png')top center no-repeat; width: 65px; height: 53px;}
	#sub0601_wrap .sub0601_tit p.tit{font-size: 24px; font-weight: 500; line-height: 40px; color:#222222;}
	#sub0601_wrap .sub0601_tit p.tit i{display: none;}
	#sub0601_wrap .sub0601_tit p.tit span{font-size: 25px; font-weight: 500; line-height: 37px; color:#f39801;}

	#sub0601_wrap .txt_wrap{margin-bottom: 42px; text-align: center;}
	#sub0601_wrap .txt_wrap p.con{font-size: 18px; font-weight: 400; line-height: 30px; color:#222222; margin-bottom: 14px;}
	#sub0601_wrap .txt_wrap p.con:last-child{margin-bottom: 0;}
	#sub0601_wrap .txt_wrap p.con i{display: block;}

	#sub0601_wrap .img_g{margin-bottom: 46px;}
	#sub0601_wrap .img_g .img_wrap{}
	#sub0601_wrap .img_g .img_wrap img{width: 100%; height: 203px;}

	#sub0601_wrap .txt_bot{text-align: center;}
	#sub0601_wrap .txt_bot p.con{font-size: 18px; font-weight: 400; line-height: 30px; color:#222222; margin-bottom: 37px;}
	#sub0601_wrap .txt_bot p.sign{}
	#sub0601_wrap .txt_bot p.sign span{font-size: 20px; font-weight: 600; line-height: 1; color:#222222; margin-right: 6px;}
	#sub0601_wrap .txt_bot p.sign img{width: 64px; height: 32px; vertical-align: text-bottom;}

/*sub0101*/
.sub0101_list_wrap ul li{display:flex;}
.sub0101_list_wrap ul li>div{margin-bottom:30px;}
.sub0101_list_wrap ul li .img{position: relative;width: 60%;height:auto;padding-bottom: 35.06%;background:#ddd;overflow:hidden;}
.sub0101_list_wrap ul li .img img{position: absolute;left: 50%; top: 50%;  transform: translate(-50%, -50%);height: 100%; }

.sub0101_list_wrap ul li .text_wrap{position:relative;width:40%;padding:50px 30px;}
.sub0101_list_wrap ul li .text_wrap h5{font-size:25px;font-weight:600;color:#273e82;width:100%; /* overflow:hidden;text-overflow:ellipsis; white-space:nowrap; */}
.sub0101_list_wrap ul li .text_wrap p{font-size:15px;color:#555;margin-top:10px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-wrap:break-word;  line-height: 1.2em; height: 3.6em;}
.sub0101_list_wrap ul li .text_wrap .view_btn{position:absolute;display:block;width:100px;height:40px;line-height:40px;border:1px solid #ddd;text-align:center;color:#222;bottom:50px;}

.sub0101_list_wrap ul li .text_wrap:hover{background:#273e82;}/*#f39801*/
.sub0101_list_wrap ul li .text_wrap:hover h5{color:#fff;}
.sub0101_list_wrap ul li .text_wrap:hover p{color:#fff;}
.sub0101_list_wrap ul li .text_wrap:hover .view_btn{border:none;background:#fff;color:#222;}


/*sub0101_view*/
.sub01_view_wrap .top{/* display:flex; */}
.sub01_view_wrap .top>div{float:left;}
.sub01_view_wrap .top .sub01_view_slide{position: relative; width: 50%;}
.sub01_view_wrap .top .sub01_view_slide .img_slide{}
.sub01_view_wrap .top .sub01_view_slide .img_slide .img{position: relative; width: 100%; height; 0; padding-bottom: 70%; overflow: hidden;}
.sub01_view_wrap .top .sub01_view_slide .img_slide .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}

.sub01_view_wrap .top .text_wrap{position:relative;width:50%;padding-left:30px;}
.sub01_view_wrap .top .text_wrap h5{font-size:30px;font-weight:600;color:#222;}
.sub01_view_wrap .top .text_wrap ul h6{position:relative;font-size:18px;color:#f39801;margin-top:10px;border-bottom:1px solid #ddd;padding:3px 0px;margin-bottom:15px;}
.sub01_view_wrap .top .text_wrap ul h6:after{position:absolute;content:"";display:block;width:160px;height:2px;background:#f39801;bottom:-2px;}
.sub01_view_wrap .top .text_wrap ul li{position:relative;margin-top:5px;padding-left:12px;color:#555;}
.sub01_view_wrap .top .text_wrap ul li:before{position:absolute;content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#f39801;top:10px;left:0px;}

.sub01_view_wrap .sec01{margin-top:30px;}
.sub01_view_wrap .sec01 table{width:100%;border:1px solid #ddd;}
.sub01_view_wrap .sec01 table th{position:relative;background:#f5f5f5;padding:5px 0;color:#222;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.sub01_view_wrap .sec01 table th:after{position:absolute;content:"";display:block;width:50px;height:2px;background:#f39801;bottom:-2px;left:50%; transform: translateX(-50%);}
.sub01_view_wrap .sec01 table td{padding:8px 14px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

.button_wrap{display:inline-block;text-align:center;width:100%;margin-top:30px;}
.button_wrap a{display:inline-block;width:90px;height:40px;line-height:40px;}
.button_wrap a.btn01{background:#999;color:#fff;margin-right:10px;}
.button_wrap a.btn02{background:#f39801;color:#fff;}

.sub01_view_slide .slick-dots{position: absolute; bottom: -20px; left: 50%; transform: trasnlatae(-50%,0); font-size: 0;}
.sub01_view_slide .slick-dots li{display: inline-block; margin: 0 4px; border: 0 none; padding: 0;}
.sub01_view_slide .slick-dots li button{width: 8px; height: 8px; background: #ddd; border-radius: 100px; text-indent: -9999px; transition: all .3s; outline: 0;}
.sub01_view_slide .slick-dots li.slick-active button{width: 8px; height; 8px; background: #000; border-radius: 100px; text-indent: -9999px;}

/*aub0201*/
.sub0201_wrap .sec1 .top{position:relative;width:100%;height:250px;background:url("/images/sub/sub0201_img01.jpg")no-repeat center right;background-size:cover;padding:20px;margin-bottom:40px;}
.sub0201_wrap .sec1 .top .line{border:1px solid #fff;width:100%;height:100%;padding:20px;display:table;}
.sub0201_wrap .sec1 h5{font-size:30px;font-weight:500;color:#fff;display:table-cell;vertical-align:middle;}
.sub0201_wrap .sec1 h5 em{;font-weight:600;color:#f39801;}
.sub0201_wrap h6{font-size:24px;font-weight:600;color:#222;}
.sub0201_wrap h6 span{font-size:18px;font-weight:500;}
.sub0201_wrap .sec1 p{margin-top:20px;color:#555;font-size:18px;}

.sub0201_wrap .sec2{margin-top:80px;}
.sub0201_wrap .sec2>ul{display:flex;/* flex-wrap:wrap; */}
.sub0201_wrap .sec2>ul>li{width:23%;margin-right:2.5%;text-align:center;padding:20px;border:1px solid #ddd;}
.sub0201_wrap .sec2>ul>li:last-child{margin-right:0%;}
.sub0201_wrap .sec2>ul>li img{margin-bottom:30px;}
.sub0201_wrap .sec2 .txt_wrap>ul {/* background:#f5f5f5; */}
.sub0201_wrap .sec2 .txt_wrap>ul h6{display:inline-block;font-size:20px;margin-bottom:20px;border-bottom:2px solid #f39801;}
.sub0201_wrap .sec2 .txt_wrap>ul>li{position:relative;text-align:left;color:#222;font-weight:500;padding-left:16px;font-size:18px;font-weight:500;margin-bottom:20px;}
.sub0201_wrap .sec2 .txt_wrap>ul>li:last-child{margin-bottom:0px;}
.sub0201_wrap .sec2 .txt_wrap>ul>li:before{position:absolute;content:"";display:inline-block;width:5px; height:5px;border-radius:50%;background:#f39801;top:10px;left:0;}
.sub0201_wrap .sec2 .txt_wrap>ul>li>ul>li{position:relative;color:#777;padding:5px 0;font-size:18px;font-weight:400;padding-left:10px;}
.sub0201_wrap .sec2 .txt_wrap>ul>li>ul>li:before{position:absolute;content:"-";display:inline-block;width:3px;height:auto;left:0;}

.sub0201_wrap .sec3{margin-top:80px;color:#555;}
.sub0201_wrap .sec3 ul{margin-top:30px;}
.sub0201_wrap .sec3 ul li{float:left;width:31.6%;margin-right:2.5%;border:1px solid #ddd;box-shadow:5px 5px 5px 5px rgba(0,0,0,0.1);}
.sub0201_wrap .sec3 ul li img{width:100%;}
.sub0201_wrap .sec3 ul li:nth-child(3n){margin-right:0%;}
.sub0201_wrap .sec3 ul li:nth-child(n+4):nth-child(-n+6) {margin-top:30px;}
.sub0201_wrap .sec3 p{font-size:18px;}


/*aub0202*/
.sub0202_wrap .con01{padding-bottom: 35px;}
.sub0202_wrap .con01 .inner > em{position: relative; display: block; font-size: 30px; line-height: 1; font-weight: 700; color:#222; padding-top: 70px; text-align: center;}
.sub0202_wrap .con01 .inner > em:before{content:''; position: absolute; left: 50%; top: 0; width: 1px; height: 50px; background-color:#ddd;}
.sub0202_wrap .con01 .slider_wrap{position: relative; margin-top: 55px;}
.sub0202_wrap .con01 ul{position: relative; padding: 0 38px;}
.sub0202_wrap .con01 ul:before{content:''; position: absolute; width: calc(100% - 78px); height: 1px; background-color:#ddd;left: 38px; top: 19px;}
.sub0202_wrap .con01 ul li{position: relative; margin: 0; text-align: center; font-size: 30px; color:#999; line-height: 1; padding-top: 45px; font-weight: 700;}
.sub0202_wrap .con01 ul li:before{content:''; position: absolute; left: 0; right: 0; top: 13px; width: 14px; height: 14px; margin: 0 auto; background-color:#999; border-radius:50%;}
.sub0202_wrap .con01 ul li.slick-center{color:#222; }
.sub0202_wrap .con01 ul li.slick-center:before{background-color:#f39801;}
.sub0202_wrap .con01 .slick-list{padding: 0 !important;}
.sub0202_wrap .con01 .slick-prev{position: absolute; left: 0; top: 0; text-indent:-999em; width: 39px; height: 39px; background:url(/images/sub/sub0202_prev_pc.png)center no-repeat;}
.sub0202_wrap .con01 .slick-next{position: absolute; right: 0; top: 0; text-indent:-999em; width: 39px; height: 39px; background:url(/images/sub/sub0202_next_pc.png)center no-repeat;}
.sub0202_wrap .con01 .slick-prev:hover{background:url(/images/sub/sub0202_prev_on_pc.png)center no-repeat;}
.sub0202_wrap .con01 .slick-next:hover{background:url(/images/sub/sub0202_next_on_pc.png)center no-repeat;}
.sub0202_wrap .con02{padding: 75px 0 80px; background-color:#f5f5f5;}
.sub0202_wrap .con02 .inner{display: flex;}
.sub0202_wrap .con02 .left_mob{display: none; }
.sub0202_wrap .con02 .left{width: 227px; margin-right: 50px;}
.sub0202_wrap .con02 .left .slick-list{padding: 0 !important;}
.sub0202_wrap .con02 .left .slick-track{width: 100% !important; transform: translate3d(0px, 0px, 0px) !important;}
.sub0202_wrap .con02 .left .custom_pager li{width: 100% !important; height: 50px; border-radius: 25px; padding-left: 28px; font-size: 25px; line-height: 50px; color:#999; margin-top: 15px; font-weight: 700;}
.sub0202_wrap .con02 .left .custom_pager li:first-child{margin-top: 0;}
.sub0202_wrap .con02 .left .custom_pager li.slick-center{background:url(/images/sub/sub0202_arrow_pc.png)center right 20px no-repeat #222; color:#fff;}
.sub0202_wrap .con02 .right{width: 925px; padding-top: 15px;}
.sub0202_wrap .con02 .right ul li p{position: relative; font-size: 18px; color:#555; padding-left: 174px; margin-top: 10px;}
.sub0202_wrap .con02 .right ul li p:first-child{margin-top: 0;}
.sub0202_wrap .con02 .right ul li p span{position: absolute; left: 0; top: 0; }



/*sub0401*/
.sub0401_wrap .sec01{background:url("/images/sub/sub0401_bg.jpg")no-repeat center bottom;text-align:center;padding-bottom:60px;}
.sub0401_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;}
.sub0401_wrap .sec01 h5:after{position:absolute;content:"";display:block;width:150px;height:2px;background:#f39801;left:50%;transform:translateX(-50%);bottom:0;}
.sub0401_wrap .sec01 h5 em{font-size:30px;font-weight:600;color:#f39801;}
.sub0401_wrap .sec01 .inner>span{display:inline-block;width:535px;margin-top:20px;font-size:18px;}

.sub0401_wrap .sec01 .round_wrap{height: 200px;}
.sub0401_wrap .sec01 .round_wrap ul{position: relative; width: 64.5%; margin: 0 auto; margin-top:60px;height: 100%;}
.sub0401_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;}
.sub0401_wrap .sec01 .round_wrap ul li{display:table;}
.sub0401_wrap .sec01 .round_wrap ul li div{display:table-cell;vertical-align:middle;}
.sub0401_wrap .sec01 .round_wrap ul .left_circle{position: absolute; left:0; width: 200px; height: 200px;background:#fff;border-radius:50%;border:1px solid #ddd;}
.sub0401_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;}
.sub0401_wrap .sec01 .round_wrap ul .right_circle{position: absolute; right:0;width: 200px; height: 200px;background:#fff;border-radius:50%;border:1px solid #ddd;}
.sub0401_wrap .sec01 .round_wrap ul div span{display:block;text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.sub0401_wrap .sec01 .round_wrap ul div img {padding-bottom:20px;}

.sub0401_wrap .sec02{background:#f5f5f5;}
.sub0401_wrap .sec02 ul{display:flex;}
.sub0401_wrap .sec02 ul li{padding:60px 20px;border-right:1px solid #ddd;width: 100%;}
.sub0401_wrap .sec02 ul li:first-child{border-left:1px solid #ddd;}
.sub0401_wrap .sec02 ul li h6{font-size:25px;color:#222;font-weight:600;margin-bottom:30px;}
.sub0401_wrap .sec02 ul li h6 em{font-size:25px;color:#f39801;font-weight:600;}
.sub0401_wrap .sec02 ul li span{font-size:18px;}


/* sub0401_02 */

.sub0401_wrap .tab_wrap .tab_top{font-size: 0; border: 1px solid #ddd; margin-bottom: 50px;}
.sub0401_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;}
.sub0401_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;}
.sub0401_wrap .tab_wrap .tab_top h3:last-child:after{display:none;}
.sub0401_wrap .tab_wrap .tab_top h3:hover{background-color:#273e82; color:#fff;}
.sub0401_wrap .tab_wrap .tab_top h3.on{background-color:#273e82; color:#fff;}
.sub0401_wrap .tab_wrap .tab_top_mob{display: none; }

.sub0401_wrap .con01{display: flex; padding: 0 30px 0 45px; background-color:#f5f5f5; height: 220px;}
.sub0401_wrap .con01 .left{width: 152px; height: 152px; border-radius: 50%; box-shadow: rgba(0,0,0,0.1)8px 0 8px; align-self: center;}
.sub0401_wrap .con01 .left img{width: 100%; height: 100%;}
.sub0401_wrap .con01 .right{width: calc(100% - 152px); padding-left: 40px; align-self: center;}
.sub0401_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;}
.sub0401_wrap .con01 .right em:before{content:''; position: absolute; left: 0; bottom: 0; width:110px; height: 3px; background-color:#f39801; }
.sub0401_wrap .con01 .right p{font-size: 15px; color:#222; line-height: 27px; margin-top: 20px;}
.sub0401_wrap .con02{margin-top: 40px;}
.sub0401_wrap .con02 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0401_wrap .con02 p{font-size: 15px; color:#222; line-height:27px; margin-top: 15px;}
.sub0401_wrap .con02 p span{color:#273e82;}
.sub0401_wrap .con02 ul{margin-top: 35px; font-size: 0}
.sub0401_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%;}
.sub0401_wrap .con02 ul li:last-child{margin-right: 0;}
.sub0401_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%;	}
.sub0401_wrap .con02 ul li:first-child:before{display: none;}
.sub0401_wrap .con02 ul li span{display: block; text-align: center; line-height: 132px; font-size: 20px;font-weight: 500; color:#222; }
.sub0401_wrap .con03{margin-top: 60px;}
.sub0401_wrap .con03 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0401_wrap .con03 em span{font-size: 18px; color:#555}
.sub0401_wrap .con03 .pc_table{display: table; width:100%; margin-top: 20px;}
.sub0401_wrap .con03 .pc_table colgroup col{width: 260px;}
.sub0401_wrap .con03 .pc_table colgroup col:first-child{width: 180px}
.sub0401_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;}
.sub0401_wrap .con03 .pc_table th:after{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color:#f39801;}
.sub0401_wrap .con03 .pc_table td{border: 1px solid #ddd; font-size: 15px; color:#555; text-align: center; vertical-align: middle; height: 60px }
.sub0401_wrap .con03 .pc_table td.first{color:#222; font-weight: 500; background-color:#fcfcfc;}
.sub0401_wrap .con03 .mob_table{display: none;}
.sub0401_wrap .con04{margin-top: 60px;}
.sub0401_wrap .con04 em{display: block; font-size: 20px; color:#222; line-height: 1; font-weight: 700;}
.sub0401_wrap .con04 ul{margin-top: 15px;}
.sub0401_wrap .con04 ul li{position: relative; padding-left: 15px; font-size: 15px; color:#222; margin-top: 10px;}
.sub0401_wrap .con04 ul li:first-child{margin-top: 0;}
.sub0401_wrap .con04 ul li:before{content:''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color:#f39801;}

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

#sub0403_wrap .sub0403_list{display: flex;flex-wrap: wrap;gap: 20px;width: 100%;}
#sub0403_wrap .sub0403_list li{width: calc((100% - 80px) / 4); text-align: center; border: 1px solid #ddd; padding: 25px 10px; box-shadow: 7px 0 5px rgba(0,0,0,0.05);}
#sub0403_wrap .sub0403_list li:nth-child(4n){margin-right: 0;}
#sub0403_wrap .sub0403_list li img{margin-bottom: 20px;}
#sub0403_wrap .sub0403_list li strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 30px;}
#sub0403_wrap .sub0403_list li:nth-child(8) strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 34px;}
#sub0403_wrap .sub0403_list li:nth-child(9) strong{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 34px;}
#sub0403_wrap .sub0403_list li strong span{margin-top: 10px; display: block; font-size: 14px; font-weight: 400; line-height: 1; color:#777777;}
#sub0403_wrap .sub0403_list li p{font-size: 17px; font-weight: 400; line-height: 30px; color:#222222;}


/* sub0203 */
#sub0203_wrap .section01 .txtinfo .txtlist{padding-top: 40px; border-top: 3px solid #f39801; border-bottom: 1px solid #dddddd;}
#sub0203_wrap .section01 .txtinfo .txtlist li{position: relative; padding-left: 150px; font-size: 17px; font-weight: 400; line-height: 1; color: #222222; margin-bottom: 40px;}
#sub0203_wrap .section01 .txtinfo .txtlist li span{position: absolute; top: 0; left :0; font-weight: 500;}

#sub0203_wrap .select_box{display: block; width: 100%; text-align: right; margin-bottom: 30px;}
#sub0203_wrap .select_box select{width: 400px; height: 50px; border: 1px solid #000000; padding: 0 10px; appearance:none; background: url('/images/sub/down.png')no-repeat right 9px center;background-size:25px;}
#sub0203_wrap .section02{border-top: 3px solid #f39801;}
#sub0203_wrap .section02 table{width: 100%; text-align: center;}
#sub0203_wrap .section02 table thead{border-bottom: 1px solid #dddddd;}
#sub0203_wrap .section02 table thead th{padding: 25px 0; font-size: 17px; font-weight: 500; line-height: 1; color: #222222; background: #fff; border-right: 0 none;}
#sub0203_wrap .section02 table tbody tr{border-bottom: 1px solid #dddddd;}
#sub0203_wrap .section02 table tbody tr td{padding: 26px 10px; font-size: 17px; font-weight: 300; line-height: 40px; color:#222222; border-right: 1px solid #dddddd; word-break: keep-all;}
#sub0203_wrap .section02 table tbody tr td.red{color: #ed1c24;}
#sub0203_wrap .section02 table tbody tr td:last-child{border: 0 none; font-weight: 400;}
#sub0203_wrap .section03{display: none;}


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

#sub0503_wrap .sub0503_sec01{text-align: center; margin-bottom: 40px;}
#sub0503_wrap .sub0503_sec01 img{margin: 0 auto;}
#sub0503_wrap .sub0503_sec01 ul{width: 790px; margin: 20px auto 0;}
#sub0503_wrap .sub0503_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;}
#sub0503_wrap .sub0503_sec01 ul li:last-child{margin-right: 0;}

#sub0503_wrap .sub0503_sec01_mob{display: none;}

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

/* sub0603 */
.sub0603_wrap .tab_wrap .tab_top{font-size: 0; border: 1px solid #ddd; margin-bottom: 50px;}
.sub0603_wrap .tab_wrap .tab_top h3{position: relative; display: block; display:inline-block; width: 16.66%; height: 60px; transition:0.3s; text-align:center; line-height: 60px; font-size: 18px; color:#222; font-weight: 500; cursor: pointer;}
.sub0603_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;}
.sub0603_wrap .tab_wrap .tab_top h3:last-child:after{display:none;}
.sub0603_wrap .tab_wrap .tab_top h3:hover{background-color:#273e82; color:#fff;}
/*추가*/
.sub0603_wrap .tab_wrap .tab_top h3 a{display: block;color:#000; transition: all 0.3s;}
.sub0603_wrap .tab_wrap .tab_top h3 a:hover{background-color:#273e82; color:#fff;}
/**/
.sub0603_wrap .tab_wrap .tab_top h3.on{background-color:#273e82; color:#fff;}
.sub0603_wrap .tab_wrap .tab_top_mob{display: none; }
.sub0603_wrap span.sub03_tit_sub{font-size:15px;color:#555;font-weight:400;display:block;margin-bottom:10px;}

/*추가*/
.quality_wrap .img{display:inline-block;width:300px;height:420px;overflow:hidden;border:1px solid #ddd;margin-top:20px;margin-right:10px;}
.quality_wrap .img img{width:100%;}

/* sub0605 */
.sub0605_wrap ul li{position: relative; display: flex; padding: 20px; border-bottom: 1px dotted #ddd;}
.sub0605_wrap ul li:first-child{border-top: 1px dotted #ddd;}
.sub0605_wrap ul li:nth-child(even){background-color:#f9f9f9;}
.sub0605_wrap ul li .left{width: 28.44%; align-self: center;}
.sub0605_wrap ul li .left .img_area{position: relative; width: 100%; padding-bottom: 58.48%;}
.sub0605_wrap ul li .left .img_area img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%;}
.sub0605_wrap ul li .right{width: calc(100% - 28.44%); padding-left: 30px; align-self: center; }
.sub0605_wrap ul li .right em{position: relative; display: block; padding-left: 23px; font-size: 28px; line-height: 29px; font-weight: 500; color:#222; margin-bottom: 27px;}
.sub0605_wrap ul li .right em:before{content:''; position: absolute; left: 0; top: 0; width: 3px; height: 29px; background:url(/images/sub/sub0605_deco.png)center no-repeat;}
.sub0605_wrap ul li .right p{position: relative; font-size: 15px; line-height: 27px; padding-left: 133px; min-height: 27px; color:#555; margin-top: 14px;}
.sub0605_wrap ul li .right p span{position: absolute; left: 0; top: 0; font-size:15px; font-weight: 500; color:#222; }
.sub0605_wrap ul li .right p span i{display: inline-block; width: 55px;}
.sub0605_wrap ul li .right p span b{display: inline-block; width: 10px;}
.sub0605_wrap ul li .right a{position: absolute; display: block; right: 20px; bottom: 20px; width: 130px; height: 40px; border: 1px solid #ddd; line-height: 38px; padding-left: 15px;font-size: 13px; color:#555; background:url(/images/sub/sub0605_arrow.png)center right 10px no-repeat #fff; background-size: 10px 18px;}


/* sub0608 */
.sub0608_wrap .tab_wrap .tab_top{font-size: 0; border: 1px solid #ddd; margin-bottom: 50px;}
.sub0608_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;}
.sub0608_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;}
.sub0608_wrap .tab_wrap .tab_top h3:last-child:after{display:none;}
.sub0608_wrap .tab_wrap .tab_top h3:hover{background-color:#273e82; color:#fff;}
.sub0608_wrap .tab_wrap .tab_top h3.on{background-color:#273e82; color:#fff;}
.sub0608_wrap .tab_wrap .tab_top_mob{display: none; }
.sub0608_wrap .tab_con .map_area{position: relative; width: 100%; height: 450px}
.sub0608_wrap .tab_con .map_area iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub0608_wrap .tab_con ul{margin-top: 30px;}
.sub0608_wrap .tab_con ul li{position: relative; padding-left: 170px; font-size: 15px; color:#222; line-height: 20px; margin-top: 30px;}
.sub0608_wrap .tab_con ul li:first-child{ font-size: 20px; font-weight: 500; margin-top: 0;}
.sub0608_wrap .tab_con ul li span{position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 500;padding-left: 50px;}
.sub0608_wrap .tab_con ul li span:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0;}
.sub0608_wrap .tab_con 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%;}
.sub0608_wrap .tab_con 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%;}
.sub0608_wrap .tab_con 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%;}

.sub0603_wrap .tab_con01 em.vision_tit{display: block; text-align:center; font-size: 28px; font-weight: 600; color:#222; line-height: 1;}
.sub0603_wrap .tab_con01 em.vision_tit span{color:#f39801; }
.sub0603_wrap .tab_con01 .vision_wrap{position: relative; width: 400px; height: 700px; margin: 0 auto; margin-top: 20px;}
.sub0603_wrap .tab_con01 .vision_wrap .top{text-align:center; width: 100%; height: 100%; background:url(/images/sub/sub0603_1_icon04_pc.png)center top no-repeat; padding-top:130px;}
.sub0603_wrap .tab_con01 .vision_wrap .top em{position: relative; display: block; text-align: center; font-size: 25px; font-weight: 600; color:#f39801; line-height: 1; padding-bottom: 12px;}
.sub0603_wrap .tab_con01 .vision_wrap .top em:before{content:''; position: absolute; left: 0; right:0; bottom: -2px; width: 30px; height: 2px; background-color:#f39801; margin: 0 auto;}
.sub0603_wrap .tab_con01 .vision_wrap .top p{text-align: center; font-size: 17px; color:#222; line-height: 30px; margin-top: 15px;}
.sub0603_wrap .tab_con01 .vision_wrap ul li{position: absolute; }
.sub0603_wrap .tab_con01 .vision_wrap ul li:nth-child(1){left: -390px; top: 60px;}
.sub0603_wrap .tab_con01 .vision_wrap ul li:nth-child(2){left: 60px; top: 450px;}
.sub0603_wrap .tab_con01 .vision_wrap ul li:nth-child(3){right: -390px; top: 60px;}
.sub0603_wrap .tab_con01 .vision_wrap ul li img{display: block; width: 70px; height: 60px; margin: 0 auto;}
.sub0603_wrap .tab_con01 .vision_wrap ul li em{display: block; text-align: center; font-size: 25px; line-height: 1; margin-top: 20px; color:#222;font-weight: 600;}
.sub0603_wrap .tab_con01 .vision_wrap ul li p{font-size: 18px; line-height: 30px; color:#222; margin-top: 20px; text-align: center;}
.sub0603_wrap .tab_con01 .vision_wrap ul li span{display: block; text-align: center; line-height: 1; color:#f39801; font-size: 17px; margin-top: 10px;}


.sub0603_wrap .tab_con02 ul{display: flex;}
.sub0603_wrap .tab_con02 ul li {width: 100%; margin-right: 29px; border: 1px solid #ddd; border-top:2px solid #f39801;}
.sub0603_wrap .tab_con02 ul li:last-child{margin-right: 0;}
.sub0603_wrap .tab_con02 .txt_area{ padding: 37px 0; text-align: center; background:url(/images/sub/sub0603_2_bg_pc.jpg)right bottom no-repeat;}
.sub0603_wrap .tab_con02 .txt_area em{display: block; text-align: center; line-height: 1; font-size: 25px; font-weight: 500; color:#222; margin-top: 20px;}
.sub0603_wrap .tab_con02 .txt_area p{font-size: 18px; line-height: 30px; color:#222;margin-top: 15px; }

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

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

.sub0603_wrap .tab_con03 .quality_wrap .quality_top{margin-bottom: 50px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul{border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li{border-bottom: 1px dashed #ddd; font-size: 0; padding: 35px 0 35px 40px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li:nth-child(2n){background: #f9f9f9;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li:last-child{border-bottom: 0 none;}
.sub0603_wrap .tab_con03 .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;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li > div{position: relative; padding-left: 95px; display: inline-block;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li > div .img_wrap{position: absolute; top: 50%; left: 0; transform: translate(0,-50%); display: inline-block;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li > div .img_wrap img{}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li div p{display: inline-block; vertical-align: middle;}
.sub0603_wrap .tab_con03 .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;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_top ul li div p span{display: block; font-size: 18px; font-weight: 400; line-height: 1; color:#222222;}

.sub0603_wrap .tab_con03 .quality_wrap .quality_mid{margin-bottom: 52px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .img_wrap{text-align: center; margin-bottom: 92px;width: 100%;display: flex;align-items:center;justify-content: center;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .img_wrap img{text-align: center;}

.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g{position: relative; border: 1px dashed #ddd; padding-top: 50px;  text-align: center; background: #f9f9f9;}
.sub0603_wrap .tab_con03 .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;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g p{font-size: 25px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 45px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g p span{color:#f39801;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul{display: inline-block;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li{float: left; width: 210px; margin-right: 110px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li:last-child{margin-right: 0;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li div{ vertical-align: middle; text-align: center; border: 1px solid #ddd; border-radius: 100px; width: 210px; height: 210px; background: #fff;display: flex;align-items:center;justify-content: center;flex-direction: column;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li div img{}
.sub0603_wrap .tab_con03 .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;}
.sub0603_wrap .tab_con03 .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;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li ul{padding-left: 36px;}
.sub0603_wrap .tab_con03 .quality_wrap .quality_mid .quality_g ul > li ul li{text-align: left; position: relative; padding-left: 14px; font-size: 18px; font-weight: 400; line-height: 1; color:#555555; margin-bottom: 14px;}
.sub0603_wrap .tab_con03 .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;}

.sub0603_wrap .tab_con03 .quality_wrap .quality_bot .img_wrap{text-align: center;display: flex;justify-content: center;}












.sub0603_wrap .tab_con04 .con01 em{display: block; line-height: 1; font-size: 30px; font-weight: 700; color:#222;}
.sub0603_wrap .tab_con04 .con01 p{font-size: 15px; color:#222; margin-top: 25px;}
.sub0603_wrap .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/sub0605_deco.png')center no-repeat;}
.sub0603_wrap .tab_con04 .con02_wrap{display: flex; justify-content:space-between; margin-top: 40px;}
.sub0603_wrap .tab_con04 .con02_wrap .left{position: relative; width: 375px; height:455px; background-color:#dddddd;}
.sub0603_wrap .tab_con04 .con02_wrap .right{width: 727px;}
.sub0603_wrap .tab_con04 .con02_wrap .right ul li{display: flex; align-items:center; height:125px; border-bottom: 1px dashed #ddd; padding-left: 40px;}
.sub0603_wrap .tab_con04 .con02_wrap .right ul li:first-child{border-top: 1px dashed #ddd;}
.sub0603_wrap .tab_con04 .con02_wrap .right ul li:nth-child(even){background-color:#f9f9f9;}
.sub0603_wrap .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;}
.sub0603_wrap .tab_con04 .con02_wrap .right ul li .icon{margin-right: 43px;}
.sub0603_wrap .tab_con04 .con02_wrap .right ul li .txt em{display: block; line-height: 1; font-size: 20px; font-weight: 500; color:#f39801;}
.sub0603_wrap .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;}
.sub0603_wrap .tab_con04 .con01 em{position:relative;display:inline-block;}
.sub0603_wrap .tab_con04 .con01 em:after{position:absolute;content:"";display:inline-block;width:3px; height:29px;background-color: #273e82;top:3px;margin: 0 20px;}
.sub0603_wrap .tab_con04 .con01 p {position:absolute;display:inline-block;margin-left:40px; font-size: 18px;color: #222; margin-top: 0px;top:3px;}
/*******************추가**********************/
/* tab_con05 */
.sub0603_wrap .tab_con05{}
.sub0603_wrap .tab_con05 .sub03_tit{position: relative; font-size: 30px; font-weight: 600; line-height: 1; color:#222; padding-left: 24px; margin-bottom: 55px;}
.sub0603_wrap .tab_con05 .sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub0605_deco.png')top center no-repeat; width: 3px; height: 29px;}

.sub0603_wrap .tab_con05 .ethics_wrap{}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_tit{margin-bottom: 80px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_tit strong{display: block; font-size: 30px; font-weight: 700; line-height:1; color:#222222; margin-bottom: 30px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_tit p{font-size: 18px; font-weight: 400; line-height: 1; color:#222222 ;}

.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top{margin-bottom: 80px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g{width: 100%;display: flex;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g .img_wrap{width: 30%;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g .img_wrap img{}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g .txt_wrap{width: 70%;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g .txt_wrap p{font-size: 18px; font-weight: 400; line-height: 30px; color:#222222; margin-bottom: 5px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_top .ethics_top_g .txt_wrap p span{font-size: 18px; font-weight: 600; line-height: 30px; color:#f39801;}

.sub0603_wrap .tab_con05 .ethics_wrap .ethics_mid{margin-bottom: 80px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_mid img{}

.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot{}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot .ethics_bot_g{border: 1px solid #ddd; padding: 30px 33px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot .ethics_bot_g p{font-size: 15px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 20px;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list{}
.sub0603_wrap .tab_con05 .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;}
.sub0603_wrap .tab_con05 .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;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot .ethics_bot_g .ethics_list > li ul{padding-top: 10px;}
.sub0603_wrap .tab_con05 .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;}
.sub0603_wrap .tab_con05 .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;}
.sub0603_wrap .tab_con05 .ethics_wrap .ethics_bot .ethics_bot_g strong{display: block; font-size: 15px; font-weight: 500; line-height: 1; color:#f39801;}

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

/* tab_con06 */

.sub0603_wrap .tab_con06{}
.sub0603_wrap .tab_con06 .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: 878px;padding-left:40px;}
.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;}

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

.sub0603_wrap .tab_con06 .privacy_wrap .policy_g{}
.sub0603_wrap .tab_con06 .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;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g .sub03_tit:before{content: ''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub0605_deco.png')top center no-repeat; width: 3px; height: 29px;}

.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul{}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li{position: relative; padding-left: 190px; height: 150px; margin-bottom: 30px; padding-top: 25px;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li:last-child{margin-bottom: 0;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li .img_wrap{position: absolute; top: 0; left: 0;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li .img_wrap img{}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li .policy_txt{}
.sub0603_wrap .tab_con06 .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;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li .policy_txt strong:after{content: ''; position: absolute; bottom: -20px; left: 0; width: 40px; height: 2px; background: #dddddd;}
.sub0603_wrap .tab_con06 .privacy_wrap .policy_g ul li .policy_txt p{font-size: 18px; font-weight: 400; line-height: 30px; color:#555555;}




/* 페이징 */
.paging_wrap{width:360px; margin:60px auto 0;}
.paging_wrap li{border:1px solid #ddd; line-height:27px; width:30px; height:30px; text-align:center; float:left; margin:0 5px;}
.paging_wrap li a{display:block; width:100%; height:100%; color:#999999; font-size:13px;}
.paging_wrap li.on{border:none; background-color:#ca0464; line-height:29px;}
.paging_wrap li.on a{color:#ffffff;}
.paging_btn{padding-top:8px;}

/* 글쓰기 가이드 */
.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{height:auto;}
.e_book_img img{width:100%}
.e_book_img{position:relative; width:100%; height:0; padding-bottom:137%;  border:1px solid #ddd;}
.e_book_img span {display:block; width:100%; height:100%;}
.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;}