/* BASIC css start */
.header_bg_com {display:none;}
#mfooter {margin-top:0px !important;}
/* 상단 카테고리 */
#header { margin:0px;padding:0px;position:relative;}
#mheader {display: flex; justify-content: space-between; align-items: center; height:100%; width:100%;}
#mheader div.top_logo {display:block; margin-left:24px;}
#mheader div.top_logo a {display:none; color:#fff; font-size:18px; font-weight:700; line-height: 32px; letter-spacing:0.16em; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader div.top_logo a.logo_white {display:block; }
#mheader div.top_menu {display: flex; align-items: center; margin:0 24px 0 0;}
#mheader div.top_menu img {height:24px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader div.top_menu .msearch {position:relative; margin-right:24px;}
#mheader div.top_menu .mcate_bt {position:relative;}
#mheader div.top_menu .msearch img:last-child {position:absolute; left:0; opacity:0; visibility:hidden;}
#mheader div.top_menu .mcate_bt img:last-child {position:absolute; left:0; opacity:0; visibility:hidden;}

/* 상단 카테고리(고정) */
div#comment_top {position:absolute; top:0px;  margin:0 auto; padding:0px; height:80px;border-bottom:none; width:100%;background: transparent ; z-index:1000; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
div#comment_top.fixed {position: fixed; top:0px; background-color:rgba(255,255,255); border-bottom:1px solid #e8e8e8; box-sizing:border-box; z-index:1000; height:80px;}
div#comment_top.fixed #mheader {height:100%; }
#comment_top.fixed #mheader .top_logo a {color:#1a1a1a;}
#comment_top.fixed div.top_logo a.logo_white {display:none;}
#comment_top.fixed div.top_logo a.logo_black {display:block;}
#comment_top.fixed div.top_menu .msearch img:first-child {opacity:0; visibility:hidden;}
#comment_top.fixed div.top_menu .mcate_bt img:first-child {opacity:0; visibility:hidden;}
#comment_top.fixed div.top_menu .msearch img:last-child {opacity:1; visibility:visible;}
#comment_top.fixed div.top_menu .mcate_bt img:last-child {opacity:1; visibility:visible;}

/* 서브 페이지 01 스타일 */
.sub_title_t01 {font-size:28px; font-weight:700; color:#1a1a1a; line-height:32px; text-align:center;}
.sub_title_t02 {font-size:16px; font-weight:400; color:#6a6a6a; line-height:24px; padding-top:8px; text-align:center;}

.sub01_sec00 {text-align:center; margin-top:50px;}
.sub01_sec00 img {width: 95%;}

/* 회사소개 영역01 */
.sub01_sec01 {margin:56px 0;}
.sub01_sec01 .sub_title_t01 {font-size:28px; font-weight:700; color:#1a1a1a; line-height:32px; text-align:center;}
.sub01_sec01 .sub_title_t02 {font-size:16px; color:#6a6a6a; line-height:24px; padding-top:8px; text-align:center;}
.sub01_sec01 .inner {display: flex; flex-wrap: wrap;justify-content: space-between; position:relative; width:92%; margin:40px auto 0px; text-align:center;}
.sub01_sec01 .inner .sub01_cate01.sub01_cir {background:#E8F3FA; color:#71A6CD;}
.sub01_sec01 .inner .sub01_cate02.sub01_cir {background:#F0EFEB; color:#88BEBC;}
.sub01_sec01 .inner .sub01_cate03.sub01_cir {background:#FDEFF0; color:#DE99B3;}
.sub01_sec01 .inner .sub01_cate04.sub01_cir {background:#FCF3EC; color:#D1B6A6;}
.sub01_sec01 .inner .sub01_cir {display: flex; align-items: center; justify-content: center;width: 100%;height: 180px; margin: 0 0 16px;}
.sub01_sec01 .inner .sub01_txt {width:90%;}
.sub01_sec01 .inner .sub01_txt .sub01_t00 {margin:0 0 16px; font-size:24px; font-weight:700; line-height: 24px;}
.sub01_sec01 .inner .sub01_txt .sub01_t01 {margin:0 0 8px; font-size:14px; font-weight:400; line-height: 20px;}
.sub01_sec01 .inner .sub01_txt .sub01_t02 {font-size:14px; color:#6a6a6a !important;font-weight:400; line-height: 20px;}


/* 카운트 */
.sub01_sec03 {margin-bottom:56px;}
.sub01_sec03 .inner {width:100%; margin:0px;}
.sub01_sec03 .inner ul {font-size:0;}
.sub01_sec03 .inner ul li {display:inline-block; width:calc(100% / 2); box-sizing:border-box;}
.sub01_sec03 .inner ul li:nth-child(1) {border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.sub01_sec03 .inner ul li:nth-child(2) {border-bottom:1px solid #e8e8e8;}
.sub01_sec03 .inner ul li:nth-child(3) {border-right:1px solid #e8e8e8;}
.sub01_sec03 .inner ul .pro_info_area {padding:56px 0; position:relative; text-align:center;}
.sub01_sec03 .inner ul .pro_info_area .pro_name {padding:0 0 8px; font-size:16px; color:#6a6a6a; line-height: 24px;}
.sub01_sec03 .inner ul .pro_info_area .pro_numb {padding:0 0 8px; font-size:48px; font-weight:900; color:#1a1a1a; line-height: 56px;}

.sub01_sec03 .inner ul .pro_info_area .pro_txt {font-size:14px; font-weight:400; color:#6a6a6a; line-height: 20px;}



/* 비디오배너 */
.section06 {margin-bottom:56px;}
.section06 .sub_title_t01 {width:100%;height:46px;font-size:16px;font-weight:400;line-height:46px;background-color:#696969;color:#fff;text-align:center;}
.section06 .inner {display: flex;flex-wrap: wrap;align-items: center;}
.section06 .video {position:relative; width:100%; height:360px;}
.section06 .video .thumbnail{position: relative;width: 100%;height:100%;}
.section06 .video .thumbnail:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);opacity:0; transition:0.3s;}
.section06 .video.on .thumbnail:before{opacity:1; transition:0.5s 0.4s;}
.section06 .video .thumbnail span{width: 100%;height: 100%;display: block;}
.section06 .video .btn_g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display:block; cursor: pointer;}
.section06 .video .btn_g button {display:block; overflow:inherit; border: 0; background:transparent;}
.section06 .video .btn_g button img {display:block;}

.section06 .right_txt {display: flex; align-items: center; width:100%; height:100%; background:#F6F6F6;}
.section06 .right_txt .wrap_t {width:90%; margin:0 auto; padding:48px 0 64px;text-align:center;    word-break: keep-all;}
.section06 .right_txt .wrap_t .t01 {font-size:28px; font-weight:700; line-height:36px; color:#1a1a1a;text-align:center;}
.section06 .right_txt .wrap_t .t02 {margin:16px 0 0; font-size:14px; line-height:20px; color:#6a6a6a;}
.section06 .right_txt .wrap_t .t03 {display:inline-flex; align-items: center; margin:48px 0 0; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.section06 .right_txt .wrap_t .t03 img {width:18px; margin-left:18px;}


/* video popup */
#bg {position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display:none;z-index:2001;}
#video-popup {display:none;position:fixed;top:50%;left:50%;max-width: 1400px;width: 93%;z-index:20000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#video-popup .inner {position:relative;width: 100%;height: 0;padding-top: 56%;}
#video-popup .close {display:block; width:100%; height:100%; z-index:-1; background:transparent; border:none;}
#video-popup iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#video-popup .popup-close {position: absolute;right: 0;top: -50px; z-index:-1; cursor: pointer;width: 35px;height: 35px;}
#video-popup .popup-close:before,
#video-popup .popup-close:after {display:block;content:"";position: absolute;top: 17px; right:0px; z-index:-1; width: 30px; height: 2px; background: #fff;transform: rotate(45deg);}
#video-popup .popup-close:after {transform: rotate(-45deg);}
/* popup */
#layer-popup {display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#layer-popup .popup-close {position:relative; text-align:right; cursor:pointer; z-index:1000; top:60px; right:30px;}
#layer-popup .inner {width:1200px; margin:0 auto; height:695px;  padding:100px 75px; background:#fff; box-sizing: border-box;}
#layer-popup .inner h1 {text-align:left;font-size:30px;font-weight:500;color:#362e2b;line-height:28px}
#layer-popup .inner pre {width:100%; margin:0 auto; height:432px;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;border-top:1px solid #cfcdcd;border-bottom:1px solid #cfcdcd;background:#f5f5f5;font-family:'Josefin Sans', 'Pretendard', sans-serif;font-size:17px;color:#362e2b;padding:50px 30px;margin-top:28px}
#layer-popup .sub_tit {font-weight:500;font-size:20px}
#layer-popup .inner pre table td,#text-popup .inner pre table th {border:1px solid #000;padding:2px}
#layer-popup.find .inner {width:650px;height:468px;padding:184px 0 0;background:#fff url(../img/page/find_idpw_popup.jpg) no-repeat center top}
#layer-popup.find .inner .pop_title {text-align:center; font-size:26px;font-weight:500;color:#362e2b}
/* 중간배너 */
.sub01_sec02 {margin-bottom:160px;padding:160px 0; background-color:#F5F5F5;position: relative;}
.sub01_sec02 .sub_title_t01 {width:100%;height:56px;font-size:24px;font-weight:700;line-height:56px;background-color:#000;color:#fff;text-align:center;position:absolute;top:0;}

.sub01_sec02 .inner {position:relative; width:92%; max-width:1500px; margin:0 auto;} 
.sub01_sec02 .sec02_txt {display:flex; align-items: center; justify-content:center;text-align:center;}
.sub01_sec02 .sec02_txt .sec02_t_box {margin-right:80px;}
.sub01_sec02 .sec02_txt .sub01_t01 {margin:0 0 32px; font-size: 48px; font-weight: 700; color: #1A1A1A; line-height: 56px;letter-spacing:-0.05em;}
.sub01_sec02 .sec02_txt .sub01_t02 {font-size:20px; color: #6a6a6a; line-height: 32px;font-weight: 400;}



.sub01_sec04 { background:#fff;}
.sub01_sec04 .sub_title_t02 {font-size:14px;font-weight:400;color:#6a6a6a;line-height: 20px;}

.sub01_sec04 .inner {width:100%;}
.sub01_sec04 .inner .sec04_ban {width:100%; font-size:0;}
.sub01_sec04 .inner .sec04_ban.right {text-align:right;}
.sub01_sec04 .inner .sec04_ban > img {width:calc(100% - 32px);}
.sub01_sec04 .inner .sec04_ban .sec02_t_box {text-align:left;margin-bottom:80px;}
.sub01_sec04 .inner .sec04_ban.right .sec02_t_box {text-align:right;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t {margin:40px 48px 0 32px;}
.sub01_sec04 .inner .sec04_ban.right .sec02_t_box .wrap_sub_t {margin:40px 32px 0 48px;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t div {text-align:left;}
.sub01_sec04 .inner .sec04_ban.right .sec02_t_box .wrap_sub_t div {text-align:right;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t .sub01_t01 {line-height: 32px;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t .sub01_t02 {padding:16px 0 0;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t .sub01_t03 {display:inline-flex; align-items: center; margin:40px 0 0; font-size:16px; font-weight:500; color:#1a1a1a; line-height: 24px;}
.sub01_sec04 .inner .sec04_ban.right .sec02_t_box .wrap_sub_t .sub01_t03 {justify-content: flex-end;}
.sub01_sec04 .inner .sec04_ban .sec02_t_box .wrap_sub_t .sub01_t03 img {margin-left:16px;}


/* 영상 반응형 크기 조절 */
#vimeoWrap{ position: relative;height: 0;overflow: hidden;margin: 0;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
  }
#vimeoWrap iframe, #vimeoWrap object, #vimeoWrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* BASIC css end */