.P-scontent {
  position: relative;
  width: 100%;
  margin: 0 auto 5%;
  background: url("../images/main/sub_top01.png") no-repeat center top;
  background-size: inherit;
  background-attachment: fixed;
  padding: 4% 0;
}

/*header*/
.sub_tab_wrap_pc{width: 100%;position: relative;border-bottom: 1px solid #ccc;}
.sub_tabbox_pc{width: 100%;max-width: 1280px;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.sub_tab_wrap_pc .r_tab{text-align: center;float: left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: break-word;}
.sub_tab_wrap_pc.active .r_tab{padding: 20px 0;}

.sub_tab_wrap_m{display:none;}
.sub_tabbox_m{width: 100%;max-width: 1280px;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 60px;}
.sub_tab_wrap_m .r_tab2{text-align: center;float: left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: break-word;}
.sub_tab_wrap_m .active .r_tab{padding: 20px 0;}  



.sub_tab_wrap{width: 100%;position: relative;border-bottom: 1px solid #ccc;}
.sub_tabbox{width: 100%;max-width: 1280px;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.sub_tab_wrap .r_tab{text-align: center;float: left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: break-word;}
.sub_tab_wrap.active .r_tab{padding: 20px 0;}
.r_tab.on{background:#029147;color: #fff;font-weight: 600;transition-duration: .2s;text-align: center;}
.r_tab2.on{background:#062f6e;color: #fff;}
.r_tab{color: #000;font-size: 18px;display: block;transition-duration: .2s;width: 100%;padding: 20px 5%;line-height: 1.3;word-break: keep-all;cursor: pointer;}

.tab_box{max-width: 1280px;margin: auto;margin-top: 70px;}
.tab_boxIn{width: 100%;margin: 0 auto;height: 100%;text-align:center;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-flow : row wrap;}
.s_tab {float: left;text-align: center;font-size: 20px;font-weight: 400;transition: all 0.3s ease;border-radius: 3px;background: #fff;margin: 0 15px;}
.s_tab:hover{transform:translateY(-5px);}
.s_tab:hover a, .s_tab.on:hover a{color: #000;font-weight: 600;}
.tab_boxIn:after{content:""; display:block; clear:both;}
.s_tab a{color: #888;font-weight: 300;display: block;padding: 5px 0px;line-height: 1.4;}
.s_tab.on{width: auto;z-index: 1;font-size: 17px;}
.s_tab.on a{font-size: 20px;color: #000;border-bottom: 4px solid #bf9e74;font-weight: 600;}


.top_bg1{width: 100%;height: 500px;overflow: hidden;background: url(/images/sub/sub_top01.png)center no-repeat;background-size: cover;display: flex;align-items: center;}
.top_bg2{width: 100%;height: 500px;overflow: hidden;background: url(/images/sub/sub_top02.png)top no-repeat;background-size: cover;display: flex;align-items: center;}
.top_bg3{width: 100%;height: 500px;overflow: hidden;background: url(/images/sub/sub_top03.png)top no-repeat;background-size: cover;display: flex;align-items: center;}
.top_bg4{width: 100%;height: 500px;overflow: hidden;background: url(/images/sub/sub_top04.png)center no-repeat;background-size: cover;display: flex;align-items: center;}
.top_bg5{width: 100%;height: 500px;overflow: hidden;background: url(/images/sub/sub_top05.png)center no-repeat;background-size: cover;display: flex;align-items: center;}

.top-menu-title{width: 100%;max-width: 1280px;margin: auto;position: relative;letter-spacing: 1px;text-align: center; top:10%;}
.top_tit{ font-family: 'NanumSquareNeo'; width:100%;color: #fff;letter-spacing: -1px;font-size: 45px;font-weight: 900;text-align: center;word-break: keep-all; line-height:2;}
.top_tit span{font-size:20px; font-weight:normal;}	
.top_txt{width:100%;text-align: center;font-size: 22px;font-weight: 300;word-break: keep-all;color: #fff;opacity:0.7;padding:0 20px;}
.sub_wrap {
  width:100%;
  max-width:1250px;

  margin:0 auto;

}
/*header 끝*/

/* sub_top img */
/*.sub_timg02 {
background: url("../images/main/sub_top02.png") no-repeat center top;
background-size: inherit;
background-attachment: fixed;
padding: 4% 0;
}
.sub_timg03 {
background: url("../images/main/sub_top03.png") no-repeat center top;
background-size: inherit;
background-attachment: fixed;
padding: 4% 0;
}
.sub_timg04 {
background: url("../images/main/sub_top04.png") no-repeat center top;
background-size: inherit;
background-attachment: fixed;
padding: 4% 0;
}
.sub_timg05 {
background: url("../images/main/sub_top05.png") no-repeat center top;
background-size: inherit;
background-attachment: fixed;
padding: 4% 0;
}

.top-menu-title p {
margin: 3% 0;
font-family: 'GmarketSansmedium';
font-weight: 500;
font-size:36px;
color: #fff;
text-align: center;
line-height: 40px;
}
.top-menu-title span {
font-family: 'Noto Sans KR';
font-size: 24px;
font-weight:300;
color: #fff;
margin: 0;
}
.tab_box {
position: absolute;

width:100%;
line-height:70px;
margin: 0 auto;
background: #294b99;
/*opacity:.9;*/
border-right: 1px solid #fff;
font-size: 1.1rem;
margin-top:4%;
}
/*.tab_box2 {
position: absolute;

width:100%;
line-height:70px;
margin: 0 auto;
background: #294b99;
opacity:.9;
border-right: 1px solid #fff;
font-size: 1.1rem;
margin-top:4%;
}
.tab_boxIn {
width: 1200px;
margin: 0 auto;
height: 100%;
text-align:center;
}
.s_tab {
display: table-cell;
text-align: center;
padding:1% 0%;
font-size: 18px;
font-weight: 400;
transition:all 0.3s ease;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.s_tab:first-child {padding-left:0;}
.s_tab:last-child {padding-right:0; border-right:none;}
.s_tab a {color:#fff;}
.s_tab.on {width: 90%; z-index: 1;background:#001546;opacity:0.9;}
.s_tab.on a {font-size:18px; font-weight:600; color:#fff;}
*/

.Top_tit {width: 95%;margin: 0 auto;font-size: 18px; line-height: 24px;font-weight:400; color:#828282; word-break:keep-all;}
.Top_tit strong {font-size: 34px; font-weight:300; color:#0067ad; line-height: 42px;}
.Top_tit strong span {color:#828282;}
.Top_tit p {display:inline-block; font-size: 34px; font-weight:300; color:#828282;}
.Bottom_con {margin:4% 0;}
.Bottom_con p {color:#00406d; font-size:10px; margin:30px 0 50px;}
.Bottom_con img {}
.Bottom_con img.BcImg {width:280px;display:block;margin:5% auto;}

.sub_history {margin-top: 16px;width: 30%;float: left;position: relative;display: flex;}
.sub_history h1 {font-size:35px; font-weight:800; line-height: 50px;text-align: left;}
.sub_history h1 small {font-size: 30px;line-height: 1.5em;letter-spacing: -0.25px;color: #1b355a;font-weight: 600;text-align: left;}
.Bottom_txt {float:right;width: 70%;margin: 0px auto;font-size:18px; line-height:32px; font-weight:400; color:#333; word-break:keep-all;}
.Bottom_txt h1 {font-size:38px; font-weight:800; line-height: 60px;width: 20%;}
.Bottom_txt span {color:#062f6e;font-size:30px;}
.Bottom_txt .line{border-top: 1px solid #b6b4b4;padding-bottom: 40px;}
.Bottom_txt div {font-size:18px;}
.Bottom_txt > div img {position: absolute;left: 0;transform: translateY(45%);}
.tit_sub {text-align: left;width:70%;margin:0 auto;font-size:20px; font-weight:300; line-height: 50px;color:#062f6e;}

.tit_sub small {padding-right: 10px;width:60%;margin:0 auto;font-size:20px; font-weight:500; line-height: 38px;color:#7c7c7c;}
.tit_sub2 {width:60%;margin:0 auto 2% auto;font-size:30px; font-weight:800; line-height: 38px;color:#062f6e;}
.sub_wrap embed {height:600px;}
.tit_sub {margin-top: -8%;padding-left: 5%;margin-bottom:5%;}
.process {
  position:relative;
  display: inline-block;
  width: 30%;
  /*height:340px;*/
  margin:15px 10px 0;
  padding: 3% 0;
  word-break: keep-all;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.process h6 {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  font-size:16px;
  font-weight:400;
  color:#828282;
}
.Bottom_txt > div:after {content:""; display:block; clear:both;}
.Bottom_txt:last-child {margin-bottom:9%;}
.companyTable {width:50%; margin:15px auto 0;}
.companyTable th, .companyTable td {width:50%; text-align:center;}
.companyTable th {
  border-right: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  font-weight: normal;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  padding:18px 0;
}
.oder_img {padding:4% 0;}
.companyTable td {font-size: 16px; color: #333;}
.companyTable tr {border-bottom: 1px solid #efefef;}
.companyTable tr:first-child {border-top:  1px solid #efefef;}
.sub_wrap img.yearImg, .sub_wrap img.teamImg {margin:0 auto;}

.locationTable {width:80%; margin:30px auto 0;}
.locationTable th {
  width:20%;
  border-right: 1px solid #dfdfdf;
  background-color: #f8f8f8;
  font-weight: normal;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  text-align:center;
  padding:22px 0;
}

.greeting{display:flex; width:100%; justify-content:space-between;}
.left_img{width:350px;}
.left_img img{width:100%;}
.right_text{width:60%;}
.right_text p{font-size:18px; word-break:keep-all;}
.right_text b{color:#029147;}
.sign{padding-top:70px; display:inline-block;}

/*조직도*/
.org_img{width:100%; text-align:center;}
.org_img img{width:100%;}
.org_chart{margin-top:80px;}
.org_chart ul{display:flex; justify-content:space-around; }
.org_chart ul li{width:25%; border-top:2px solid #ccc; margin:0 10px;}
.org_chart p{font-size:20px; font-weight:600; line-height:2; margin-top:5px;}
.org_chart p span{font-size:18px;}

/*연혁*/
/*sub_01 History*/   
.Bottom_con > div img {position: absolute;left: 50%;transform: translateX(-50%);}
.Bottom_con > .z_left h2 {float: left;text-align: right;}
.Bottom_con > .z_left p {float: left;margin-right: 10%;text-align: right;}
.Bottom_con > .z_right h2 {float: right;text-align: left;}
.Bottom_con > .z_right p {float: right;margin-left: 10%;text-align: left;}
.Bottom_con > .z_right .z_img{width: 40%; height:350px;}
.line {width: 1px;height: 1270px; background: #ccc; position: absolute;left: 50%;transform: translateX(-50%);}
.Bottom_con > .z-scroll{margin-bottom: 30px; float: left;width: 100%;color: #3a3a3a;}
.Bottom_con > .z-scroll h2{width: 46%;margin-bottom: 20px;font-size: 30px;line-height:1;font-weight: 600;}
.Bottom_con > .z-scroll p{width: 46%;font-size: 16px;color: #5f5f5d;word-break: keep-all;font-weight: 400;letter-spacing: 0.5px;line-height: 2;}
.Bottom_con > .z-scroll p span{margin-right:20px;font-size: 24px;line-height: 1.4;color: #ccc;font-weight: 500; display:inline-block; margin-bottom:10px;}

.z-scroll {
  opacity: 0;
  transform: translateY(80px);
  transition: transform 1.0s, opacity 1.0s;
}
.z-scroll.up-on {
  opacity: 1;
  transform: translateY(0px);
  transition: transform 1.0s, opacity 1.0s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .z-scroll {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1.0s, opacity 1.0s;
  }
  .z-scroll.up-on {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 1.0s, opacity 1.0s;
  }
}
/*sub_01 History end*/  


/*sub_01 오시는 길*/
/*.map{width: 100%;height: 650px;overflow: hidden;background: url(/images/sub/map.png)center no-repeat;background-size: cover;}*/
.sub_box_wrap{width: 100%;max-width: 1300px; margin: auto;padding: 0 3%;}
.location_wrap{width: 100%;float: left;}
.map{width: 100%; padding:5px 5px 40px 5px;border:1px solid #eee;}
.location_txt{width: 90%;margin: -120px 5% 0;float: left;background: #000;padding: 60px;z-index: 5;position: relative;}
.location_txt>div{text-align: center;font-size: 22px;word-break: keep-all; color:#fff;}
.location_txt>div span{width: 18px;display: inline-block;margin-right: 10px;}
.location_txt>div span img{margin-bottom: 5px;}
.location_txt ul{margin-top: 50px;}
.location_txt .top{border-bottom:1px solid #777; margin-bottom:10px; padding-bottom:5px;}
.location_txt .bottom{font-size:20px !important; color:#ccc;}
.location_txt .bottom b{color:#fff;}
/*sub_01 end*/



/*sub_02 사업소개 */
.sub02_img {
    width: 100%;
    height: 350px;
    background: url(/images/sub/sub02_1.png)no-repeat center center;
  background-size: cover;
}
.top_info {text-align:center;}
.top_info dl{
display: inline-block;
    max-width: 1000px;
    width:100%;
    margin-top: -100px;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
  	word-break:keep-all;
}

.top_info dl dt{font-size:28px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:10px;}
.top_info dl dd{font-size:18px; padding-top:15px;}

.home{padding-top:15px;}
.home a{color:#06AF58;  font-weight:700; font-size:18px;}
.home:before{
content: "";
  display: inline-block;
  background-image: url( /images/sub/ic_home.svg );
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}

.sub_content{display:flex; margin:130px 0;}
.con_left{width:25%;}
.con_left .tit{font-size:24px; font-weight:bold; border-left:5px solid #06AF58; padding-left:10px; display: initial;}
.con_right{width:75%;}
.con_right p{font-size:18px; word-break:keep-all;}
.con_right .s1{width:5px; height:5px; background:#333; margin-right:10px; display:inline-block;}

.con_right table{width:100%; }
.con_right .right_table1 tr{border-bottom:1px solid #eee;}
.con_right .right_table1 tr:first-child{border-top:2px solid #ccc;}
.con_right .right_table1 tr:last-child{border:none;}
.con_right .right_table1 th{font-size:18px; font-weight:600; line-height:1.9; width:25%; padding:20px 0; text-align:center;}
.con_right .right_table1 td{font-size:18px; line-height:1.5; padding:15px 10px;}
.con_right .right_table1 .store{background:#F5F5F5; text-align:center; margin:5px 0; display:block; border-radius:5px; padding:15px 10px;}
.employee{display:flex; justify-content:space-between; margin:50px 0;}
.employee li{text-align:center; width:25%; border:1px solid #06AF58; padding:50px 0; border-radius:10px; margin-right:15px;}
.employee li:first-child{background:#06AF58;}
.employee li:last-child{margin-right:0;}
.employee li:first-child p{color:#fff;}
.employee p{font-size:20px; font-weight:600;}
.employee span{font-size:18px; font-weight:normal;}

.con_right .history_item{position:relative; overflow:hidden; margin-top:20px;}
.history_list{border-top:2px solid #ccc;}
.history_year{position:absolute; left:0; top:14px; width:120px; color:#06AF58; font-weight:900;}
.history_con{padding-left:120px; margin-bottom:15px;}
.history_con p{position:relative; padding:10px 0; padding-left:100px; border-bottom:1px solid #eee;}
.history_con .month{position: absolute; top: 10px; left: 10px;}
.history_year strong{font-size:26px;}
.history_con p span{position:relative;}
.history_con p span:after{position: absolute;
    top: 10px;
    left: -10px;
    width: 3px;
    height: 3px;
    background: #0055a5;
    content: '';}
.history_item:last-child p{border:none;}



/* branch */
.branch_wrap {width:100%;display:block;margin: 7% 0; float: left;}
.branch_tit {width:40%;float:left;text-align:left;font-size:26px;left:0;padding-left:50px;}
.branch_list {width:60%;float:left;}

.location_list {width:100%;display:block;}
.location_list table {width:100%;border-top:1px solid #ccc;}
.location_list th {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:18px 25px;text-align:center;font-size:16px;}
.location_list td {border-bottom:1px solid #ccc;font-size:16px;text-align:left;padding:18px;}

.locationTable td {font-size: 16px; line-height:20px; color: #333; text-align:left; padding-left:2%;}
.locationTable tr {border-bottom: 1px solid #efefef;}
.locationTable tr:first-child {border-top: 2px solid #ccc;}
.locationTable td b {width: 120px; display: inline-block;}
.locationTable td span {font-size:12px; color:#ccc;}
.Products {width:100%; max-width:90%; margin: 0 auto; text-align: center;margin-top: 5%;}


.P-contents {max-width:1200px; margin:4% auto 2%;}
.P-con-in {position:relative; margin-bottom:1%;}
.P-con-in div.p_img {width:45%;float:left;}
.P-con-in div.p_opt {width:20%;float:left;text-align:left;margin-left: 6%;}
.P-con-in div.p_opt h1 {font-size:38px;font-weight:600;line-height:40px;color:#062f6e}

.P-con-in div.p_opt4 {width:54%;float:left;text-align:left;}
.P-con-in div.p_opt4 h1 {font-size:38px;font-weight:600;line-height:40px;color:#062f6e}
.P-con-in div.p_opt4 h1 em {display:block;font-size:28px;font-style:normal;color: #a5a5a5;}

.P-con-in div.p_opt3 {width:54%;float:left;margin-top:2%;text-align:left;}
.P-con-in div.p_opt3 h1 {font-size:18px;font-weight:300;line-height:24px;color:#666}

.P-con-in div.p_img.p_img_wid3 {width:58% !important}
.P-con-in div.p_opt.p_opt_wid3 {width:42% !important;padding-left:3%;}

.P-con-in div.p_opt2 {width:54%;float:left;text-align:left;margin-top:5%;}
.P-con-in div.p_opt2 h1 {font-size:28px;font-weight:500;line-height:40px;color:#000;margin-bottom: 15px;border-left: 4px solid #444;
  padding-left: 15px;}

.P-con-in div.p_opt h1 em {display:block;font-size:28px;font-style:normal;color: #a5a5a5;}
.P-con-in div.p_opt span {display:block;margin-top:2%;color:#666;padding-left:10px;}

.P-contents:after {content:""; display:block; clear:both;}
.p_list {width:100%;margin-top:3%;display:inline-block;}
.p_list li {float:left;border:1px solid #bbb;border-radius:100px;text-align:center;padding:10px 15px;margin:5px 5px;line-height:18px;}
ul.second li {}
ul.second li:nth-child(2n) {margin-right:0 !important;}

.P-footer {margin-top: 8%;}

.products_in, .sub_02_con {max-width:1200px;margin: 0 auto;}
.products_explain {padding: 50px 95px; border: 6px solid #f4f4f4;}
.products_explain li {font-size: 18px; text-align:left; border-bottom:1px solid #e8e8e8; padding:18px 0;}
.products_explain li > div {font-size: 18px; font-weight:300; width: calc(100% - 120px); float: right;}
.products_explain li > span {width:120px; float:left; font-weight: 400; color: #222;}
.products_explain li:last-child {border-bottom:none;}
.products_explain li:after, .sub_02_con:after {content:""; display:block; clear:both;}
.products_table {width:55%; float:left; margin:30px 1% 10px 0; border-top:2px solid #000;}
.products_table tr {border-bottom:1px solid #ccc;}
.products_table th {width:20%; background:#f0f2f4; font-size:14px; text-align:center; line-height:2; padding:12px 0;}
.products_table td {font-size:14px; padding:12px 0;}
.tableDown {width:44%; float:left; margin:0px auto 30px; padding:38px 10px 30px 30px; text-align:left;}
.tableDown b {font-size:16px; font-weight:600; color:#000;}
.tableDown > div {font-size:16px; font-weight:400;}
.tableDown > div > small {color:#65abff;}
.counselor {max-width:1200px; margin:0 auto 60px; background:#f0f2f4; padding:55px 30px 50px;}
.counselor > h4 {font-size: 20px; font-weight: 600; color: #2a78d8;}
.counselor > div {margin:0 0 20px;font-size: 20px; font-weight: 400; color: #000;}
.counselor > h1 {display:block; font-size: 32px; font-weight: 600; line-height: 1.4;}
.counselor > h1 > small {display:block; margin:10px auto 4px; width:110px; line-height:30px; border-radius:30px; background:#2a78d8; font-size:14px; color:#fff;}
.counselor > p {margin-top:20px; font-size:14px; line-height:2; color:#929292;}
.sub_02_con > div {width:49%; float:left; text-align:left; padding:50px 30px; border-bottom:1px solid #e8e8e8;}
.sub_02_con > div > p {font-size:20px; color:#000; font-weight:600;}
.sub_02_con > div > div {font-size:16px; font-weight:400; line-height: 1.6; word-break:keep-all;}
.sub_02_con > div > table {width:100%; margin-top:10px;}
.sub_02_con > div > table tr {border-bottom: 1px solid #0067ad;}
.sub_02_con > div > table th, .sub_02_con > div > table td {font-size:14px; text-align:center; font-weight:600; padding:14px 0;}
.sub_02_con > div > table th {background:#0067ad; color:#fff; font-weight:400;}
.sub_02_con > div > table td {font-weight:400;}
.sub_02_con > div > table td.im {background:#f0f9ff;}
.sub_02_con > div small.s_blue {color:#0067ad; line-height:1.8;}
.sub_02_con > div:nth-child(1), .sub_02_con > div:nth-child(4), .sub_02_con > div:nth-child(6) {margin-right:1%;}
.sub_02_con > div:first-child, .sub_02_con > div:nth-child(2), .sub_02_con > div:nth-child(4), .sub_02_con > div:nth-child(5) {height:190px;}
.sub_02_con > div:nth-child(4), .sub_02_con > div:nth-child(5) {height:320px;}
.sub_02_con > div:nth-child(3) {width:100%; float:none; display: flow-root;}
.sub_02_con > div:nth-child(3) > div {width:50%; float:left;}
.sub_02_con > div:nth-child(3) > table {width:49%; margin-left:1%;}
.sub_02_con > div:nth-child(3) > small {float: right; margin-right:1%;}
.sub_02_con > div:last-child {border-bottom:none;}
.noti {max-width:1200px; margin:0 auto 4%; border: 1px solid #e8e8e8; padding: 49px 49px 44px 49px; text-align:left;}
.noti > div {font-size:20px; font-weight:400; margin-bottom:14px;}
.noti > p {font-size:14px; font-weight:300; line-height:2.2;}
.pro2 {width:100%;}


/*조직도 */

.sub_tit{width:100%;position:relative;margin:10% 0 5% 0;}
.sub_tit h1{width: 100%;font-size: 40px;line-height: 1.2;font-weight: 600; text-align: left;word-break: keep-all;letter-spacing: 0;position: relative;}
.sub_tit h1 span{position: relative;display: inline-block;vertical-align: top;float: left;border:5px solid #90b44a; margin-right:10px; border-radius:50%;}
.sub_tit h1 small{margin-left: 10px;font-size:55%;color:#000;}
.sub_tit span{position:absolute;float: right;top:10px;right:0;text-align: right; font-size: 14px; font-weight: 300;letter-spacing: 0.5px;}
.sub_tit span .sub_page{width: 70%; float: right;text-align: right; font-size: 15px; font-weight: 300;letter-spacing: 0.5px;}
.sub_tit span b{color: #029147;}

.blank{width: 100%; height: 50px;float: left;}
.blank2{width: 100%; height: 70px;float: left;}
.blank3{width: 100%; height: 30px;float: left;}
.blank4{width: 100%; height: 100px;float: left;}
/*생산설비 */
.production_img_wrap{width: 100%;float: left;margin-top: 5%;margin-left: 5%;}
.production_img_wrap li{width: 40%;float: left;margin: 0 1.666% 30px;}
.production_img_wrap li div{width: 100%;height: 350px;background: #000;border: 1px solid #ccc;}
.production_img_wrap li span{text-align: center;width: 100%;float: left;font-size: 19px;line-height: 1.4;margin-top: 20px;}

.production_img_wrap2{width: 100%;float: left;margin-top: 2%;margin-left: 5%;}
.production_img_wrap2 li{width: 83.6%;float: left;margin: 0 1.7% 30px;}
.production_img_wrap2 li div{width: 100%;height: 350px;background: #000;}
.production_img_wrap2 li span{text-align: center;width: 100%;float: left;font-size: 19px;line-height: 1.4;margin-top: 20px;}
.con_full_img{border: 1px solid #ccc;width: 100%; height: 350px;float: left;margin-bottom: 30px;}
.scroll_tit{display: none;font-size: 16px;margin-bottom: 10px;color: #454545;}
.sub2_table{width: 100%;float: left;border-top: 1px solid #ccc;white-space: nowrap;}
.sub2_table tr{width: 100%;}
.sub2_table th{width: 30%; font-size: 18px;font-weight: 500;font-family: 'Noto Sans KR';color: #000;background: #efefef; line-height: 1.4;border-bottom: 1px solid #ccc;padding: 15px;text-align: center;word-break: keep-all;}
.sub2_table td{border-right: 1px solid #ccc;font-size: 16px;font-weight: 400;font-family: 'Noto Sans KR';color: #282828;text-align: center;border-bottom: 1px solid #ccc;line-height: 1.4;padding: 15px;word-break: keep-all;background: #fff;}
.sub2_table td span{font-size: 15px; color: #ccc;}

/* 매장안내 */
.location_wrap {margin-top:20px;}
.sub_txt3 .location_wrap{width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #000;
  display: flex;
  flex-direction: row;
  align-items: center;}
.sub_txt3 .location_tit{
  width: 40%;
  float: left;
  padding: 50px;
  background: #f9f9f9;
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;
  text-align: left;
  letter-spacing: -1px;
  word-break: keep-all;
}
.sub_txt3 .location_tit .tt{
  color: #000;
  text-align: left;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
}
.sub_txt3 .location_tit .line{
  width: 30px;
  height: 2px;
  float: left;
  background: #009cff;
  font-size: 18px;
  text-align: left;
  display: inline-block;
  font-weight: 400;
}
.sub_txt3 .location_txt{width: 60%; float: left;padding: 0px 50px;text-align:left;}
.sub_txt3 .location_txt li{font-size: 18px;font-weight: 300;padding: 5px 0;word-break: keep-all;}
.sub_txt3 .location_txt li b{margin: 0 10px;font-size: 18px;}




/*상담사 소개 css*/
.con_list {width:100%; padding-top:50px;margin: 0 auto;}
.con_list > li {width:33.33%; height: 296px; float:left; border-bottom: 1px solid #e6e6e6; padding:50px 1% 50px 1%;}
.con_list:after {content:""; display:block; clear:both;}
.con_list .left {width:150px; float:left; border: 1px solid #e8e8e8;}
.con_list .right {width:calc(100% - 150px); float:left; text-align:left; padding:13px;}
.con_list .right > h1 {font-size: 22px; font-weight:400; color: #282828; padding-bottom:5px;}
.con_list .right > h1 > span {font-size:14px; color:#848484; font-weight:400; padding-bottom:10px}
.con_list .right > h6 {display:block; margin-top: 3px; width:150px; line-height:35px; text-align:center; background:#062142; font-family:'Roboto', sans-serif; font-size:14px; color:#fff; border-radius:30px;}
.con_list .right > h6 small {color:rgba(255, 255, 255, 0.85)}
.con_list .right > div {font-size:15px; line-height:1.8; padding-top:15px; font-weight: 400;}
.con_list .right > div b {font-size:18px; font-weight:500; color:#2e84ec;}
/*상담사 소개 css*/

/*디지비론 업무 프로세스 이격*/
@media all and (max-width:1350px){
  .process {width:32%;}
}

/*태블릿 [ ~ 1200px 적용] */
@media all and (max-width:1200px){
   .sub_wrap2{margin:0 4%;}
  .products_in, .sub_02_con, .counselor, .noti {max-width:100%;}
  .P-scontent {padding: 10% 0; background-attachment:inherit;}
  .tab_box {height:56px; line-height:56px;margin-top: 5%;}
  .tab_boxIn {width:100%;}
  .s_tab {padding:0;}
  .process {width:38%; padding: 3%;}
  .companyTable, .locationTable {width: 80%;}
  .sub_wrap img.yearImg, .sub_wrap img.teamImg {width:80%;}
  .P-icon  img {width:120px !important;}
  .products_table {width:55%;}
  .tableDown {width:44%;}
  .con_list > li {width:50%;}
  .sub_wrap embed {width:90%;margin:auto;height:500px;}
  .sub_wrap {width:90%;margin:auto; margin-bottom:15%;}
  .location_in li {width:100%;float:none;}
  .P-con-in div.p_img {width:100%;}
  .P-con-in div.p_img img {width:540px;margin:0 auto;}
  .P-con-in div.p_opt {width: 30%;float:left;margin-top:7%;}
  .P-con-in div.p_img.p_img_wid3 {width:100% !important;}
  .P-con-in div.p_opt.p_opt_wid3 {width:100% !important;padding-left:0 !important;}
  .sub_history {width: 100%;}
  .Bottom_txt {width: 100%;margin-top:5%;float:left;}

}

/* 상품 상세페이지 이격 */
@media all and (max-width:980px){
 
  .sub_content {margin:100px 0;}
  .greeting{flex-wrap:wrap;}
  .right_text{width:100%; margin-top:50px;}
  .P-contents {margin: 4% auto 0%;}
  .products_explain {padding:5% 7%;}
  .products_table, .tableDown, .sub_02_con > div, .sub_02_con > div:nth-child(3) > div, .sub_02_con > div:nth-child(3) > table {width:100%; float:none;}
  .tableDown {padding:10px 10px 30px 20px;}/*10px 10px 30px 30px;*/
  .sub_02_con > div {padding:5% 7%;}
  .sub_02_con > div:first-child, .sub_02_con > div:nth-child(2), .sub_02_con > div:nth-child(4), .sub_02_con > div:nth-child(5), .sub_02_con > div:nth-child(6), .sub_02_con > div:nth-child(7) {height:auto;}
  .sub_02_con > div:nth-child(1), .sub_02_con > div:nth-child(4), .sub_02_con > div:nth-child(6) {margin-right:0;}
  .noti {margin-bottom:14%;}
}

/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .location_txt .bottom{font-size:16px !important;}

  .location_txt{padding:30px;}
  .location_txt>div{font-size:17px;}
   .con_wrap ul li{padding: 35px 30px;margin: 25px; width: 40%;}
  .sub_tit{padding:20px 0;}
  .employee{flex-wrap:wrap; justify-content:center;}
  .employee li:first-child{width:100%;}
  .employee li{width:23%; margin:10px 5px; padding:30px 0;}
  
  .con_right .right_table1 td{padding:10px; font-size:16px;}
  .con_right .right_table1 .store {text-align:left;}
  .con_right .right_table1 th{text-align:left; padding:10px; line-height:1.7;}
  .top_info dl{padding:30px 0; text-align:left;}
  .sub_content{flex-wrap:wrap;}
  .con_left{width:100%; margin-bottom:15px;}
  .con_right{width:100%;}
  .Bottom_con p{margin:0 0 30px;}
    .Bottom_con > .z-scroll h2{font-size: 28px;width: 100%; line-height:1.5;}
  .Bottom_con > .z-scroll p{width: 100%;}
  .Bottom_con > .z-scroll p span{font-size: 20px;}
  .Bottom_con > .z-scroll{margin-bottom: 30px;  padding: 0 10px;}
  .Bottom_con > div img, .line, .Bottom_con > .z_right .z_img{display: none;}
  .z-scroll h2{border-bottom:2px solid #ccc;}
  .org_chart ul{flex-wrap:wrap;}
  .org_chart ul li{width:45%; padding-bottom:30px;}
  .Top_tit {font-size: 16px; line-height: 24px;}
  .Top_tit p, .Top_tit strong {font-size:30px;}
  .Top_tit span {display:block;font-size: 16px; line-height: 18px; font-weight: 400;color: #828282; word-break: keep-all;}
  .Bottom_txt {font-size:18px; line-height:28px;}
  .Bottom_txt h1 {font-size: 28px;width: 100%;text-align: left;}
  .Bottom_txt span {font-size: 24px;}
  .sub_history h1 {font-size:28px; font-weight:800; line-height: 34px;text-align: left;}
  .sub_history h1 small {font-size: 20px;line-height: 1.5em;letter-spacing: -0.25px;color: #1b355a;font-weight: 600;text-align: left;}
  .tit_sub {margin-top: 0%;padding-left: 0%;margin-bottom: 0%;}
  .BcImg {width:200%; margin-left:-10%;}
  .process {width: 80%;}
  .process_in {width:50%; height: 270px;  }
  .process_in > div {transform: translateY(50%); height: 115px;}
  .Bottom_txt div {margin-top:1%;}
  .sub_wrap img.yearImg, .sub_wrap img.teamImg {width:90%; margin:0 auto;}
  .P-con-in {/*width:80%;*/ margin:0 auto 3%; float:none;}
  .P-con-in.second, .P-con-in.fourth {margin-left:0; margin: 0 auto 3%;}
  .P-icon img {width: 130px !important;}
  .P-scontent {padding: 14% 0;background-size:cover !important;}
  .sub_wrap embed {width:90%;margin:auto;height:300px;}
  .P-con-in div.p_img img {width:400px;margin:0 auto;}
  .P-con-in div.p_opt h1 {font-size:28px;line-height:28px;}
  .P-con-in div.p_opt {width: 100%;float:left;margin-top:7%;text-align: center;
    margin-left: 0%;}
  .P-con-in div.p_opt h1 em {font-size:18px;}
  .P-con-in div.p_opt3 {width:100%;float:left;margin-top:2%;text-align:center;}
  .P-con-in div.p_opt3 h1 {font-size:16px;font-weight:300;line-height:24px;color:#666}
  .tab_box {height:56px; line-height:56px;margin-top: 6%;}
  .sub_tit h1{width: 100%;font-size: 28px;}
  .sub_tit span {
  
    float: left;
    text-align: left;
  
    font-size:12px;
    position: static;
    line-height:2;
  }
  .P-con-in div.p_opt4 h1 {font-size:32px;font-weight:600;line-height:40px;color:#062f6e}
  .P-con-in div.p_opt4 h1 em {display:block;font-size:20px;font-style:normal;color: #a5a5a5;}
  .P-con-in div.p_opt2 h1 {font-size:24px;font-weight:500;line-height:40px;color:#000;margin-bottom: 15px;border-left: 4px solid #444;padding-left: 15px;}

  .sub_tab_wrap_m{display:block;width: 100%;position: relative;border-bottom: 1px solid #ccc;text-align: center;}

  /* 모바일 [ ~ 640px 적용] */
  @media all and (max-width:640px){
    .location_txt {padding:20px;  margin: -100px 5% 0; }
    .location_txt>div{font-size:16px;}
     .history_con p span{font-size:16px;}
    .top_bg1, .top_bg2, .top_bg3{height:300px;}
    .history_con{padding-left:90px;}
    .history_year strong{font-size:24px;}
    .con_right .right_table1 .cur_tit{width:20%!important; padding:10px 0!important;}
    .sub_content{margin:80px 0;} 
    .left_img {width:250px;}
    .P-con-in {width: 100%;}
    .companyTable th, .companyTable td, .locationTable th, .locationTable td {font-size:15px; padding: 2% 0 2% 2%; word-break: keep-all;}
    .locationTable td b {display: block;}
    .sub_02_con > div {padding:30px 5%;}
    .counselor {padding:55px 5% 50px;}
    .noti {padding:5%;}
    .tableDown {padding: 10px 10px 30px 0;}
    .products_table th {line-height:1.4; width: 25%;}
    .products_table th span {display:block;}
    .s_tab {line-height: 1.2;font-size: 16px;}
    .s_tab.on a {font-size:16px; font-weight:600; color:#fff;}
    .s_tab > a span {display:block;}
    .con_list > li {width:100%; height:352px;}
    .con_list .left {width: 200px;}
    .con_list .right {width: calc(100% - 200px); padding: 30px 0 0 30px;}
    .sub_txt3 .location_tit {display:none;}
    .sub_txt3 .location_txt {width:100%;padding:10px}
    .branch_tit {display:none;}
    .branch_list {width:100%;}
    .top_tit {
      font-size: 30px;padding: 35px;}

    .tit_sub {text-align: left;width:60%;margin:0 auto;font-size:16px; font-weight:300; line-height: 50px;color:#062f6e;}
    .tit_sub small {padding-right: 10px;width:60%;margin:0 auto;font-size:16px; font-weight:500; line-height: 38px;color:#7c7c7c;}
    .production_img_wrap li{width: 90%;float: left;margin: 0 1.666% 30px;}
    .production_img_wrap2 li{width: 90%;float: left;margin: 0 1.7% 30px;}
    .r_tab{color: #000;font-size: 16px;display: block;transition-duration: .2s;width: 100%;padding: 20px 5%;line-height: 1.3;word-break: keep-all;cursor: pointer;}
  }
 /* 모바일 [ ~ 500px 적용] */
  @media all and (max-width:500px){
   .employee li{width:45%;}
  }
  
  /* 모바일 [ ~ 480px 적용] */
  @media all and (max-width:480px){
  
    .con_right .right_table1 td{font-size:16px;}
    .top_info dl dt{font-size:26px;}
    .con_left .tit{font-size:20px;}
    .con_right .right_table1 th{font-size:16px;  width:30%;}
    .con_right .right_table1 td{font-size:16px;}
   
    .org_chart {margin-top:50px;}
    .org_chart ul li{width:100%;}
    .top-menu-title p {
      margin:6% 0;
      font-size: 36px;
      line-height: 40px;
    }
    .top-menu-title span {
      font-size: 24px;
    }
    
    .main_table {
      width: 90%;
      margin: 0 auto;
      margin: 8% auto 10%;
      border-bottom: 1px solid #ccc;
    }
    .process {
      width: 90%;
      margin: 0 auto 5%;
      display: flex;
      flex-direction: column;
      justify-content: inherit;
      align-items: inherit;
    }
    .process_in {
      width: 70%;

      margin: 0 auto;
    }
    .process_in > div {
      transform: translateY(50%);
      height: 136px;
    }
    .companyTable {width:90%;}
    .companyTable th {padding:20px 0;}
    .P-con-in ul {margin: 20px 0 0 0px;}
    .P-icon img {width: 100px !important;}
    .con_list .left {width: 150px;}
    .con_list .right {width: calc(100% - 150px); padding:15px 0 0 30px;}
    .con_list .right > h1 {font-size: 20px;}
    .con_list .right > h1 > span {font-size: 13px; margin-left:6px;}
    .con_list .right > h6 {font-size:13px; width:140px;}
    .con_list .right > div {padding-top:3px; font-size: 14px;}
    .con_list .right > div b {font-size: 17px;}
    .con_list > li {height: 296px;}
    .P-con-in div.p_img img {width:100%;margin:0 auto;}
   


    /* 모바일 [ ~ 390px 적용] */
    @media all and (max-width:390px){
      .history_con {padding-left:80px;}
      .history_con p{padding-left:80px;}
      .process h6 {font-size:15px;}
      .Bottom_txt div {margin-top: 5%;}
      .con_list .left {width: 130px;}
      .con_list .right {width: calc(100% - 130px); padding: 10px 0 0 10px;}
    }