@charset "utf-8";



/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:absolute; left:0; top:10px;;}
.company_intro .photo_box img {vertical-align:top; width:100%; border-radius:30px; }

.company_intro .txt_area {margin-left:380px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}
.company_intro .sign_name {margin-top:30px; color:#000; font-size:16px; border-bottom:1px #ddd solid; padding-bottom:50px;}



/*비젼 미션*/

/*타이틀*/
.company_01_wrap .company_01_title {text-align:center;}
.company_01_wrap .company_01_title .box {display:inline-block; width:268px; height:68px; border:1px #dddddd solid; line-height:64px; position:relative;}
.company_01_wrap .company_01_title .t1 {display:inline-block; width:260px; height:60px; border:1px #dddddd solid; line-height:60px; vertical-align:middle;  font-size:24px; font-weight:bold; color:#0073bc;}
.company_01_wrap .company_01_title .line {position:absolute; left:0px; top:-34px; text-align:center; width:100%;}
.company_01_wrap .company_01_title .line strong { width:50px; height:3px; background:#0073bc; display:inline-block; } 


.company_01_wrap .company_01_title.title02 {margin-top:50px;}
.company_01_wrap .company_01_title.title02 .t1 {color:#5ca157;}
.company_01_wrap .company_01_title.title02 .line strong { background:#5ca157;} 





/*내용*/
.company_01_wrap .text_wrap {text-align:center; margin-top:40px;}
.company_01_wrap .text_wrap .text1 { position:relative; display:inline-block; }
.company_01_wrap .text_wrap .t1 { position:relative; z-index:1;  background:#0073bc; width:860px; height:70px; line-height:70px; color:#fff; font-size:18px; box-shadow: 10px 10px #005890;}
.company_01_wrap .text_wrap .t1 strong {font-size:22px;}


.company_01_wrap .text_wrap.text1_etc .t1 {background:#5ca157; box-shadow: 10px 10px #41733e;}


/*정보*/
 .company_01_wrap .info_box {margin-top:70px;border:3px #dddddd solid;;  text-align:center; padding:25px; position:relative;}
 .company_01_wrap .info_box .photo img {vertical-align:middle; max-width:100%;}
 .company_01_wrap .info_box .text { padding:15px; border-radius:58px; background:#f9f9f9; border:1px #ddd solid; font-size:16px; color:#444444; font-weight:bold; margin-top:30px;}
 .company_01_wrap .info_box .text strong {font-size:20px;}
 .company_01_wrap .info_box .text .t1{color:#df5a6a; }
 .company_01_wrap .info_box .text .t2{color:#8c6479; }
 .company_01_wrap .info_box .text .t3{color:#6b778c; }
 .company_01_wrap .info_box .arrow {position:absolute; width:100%; left:0px; text-align:center;}
 .company_01_wrap .info_box .arrow.arrow_top {top:-50px;}
 .company_01_wrap .info_box .arrow.arrow_top span{display:inline-block; width:20px; height:53px; background:url(../images/contents/company/info_box_arrow01.png) center top no-repeat}
 .company_01_wrap .info_box .arrow.arrow_bottom {bottom:-55px;}
 .company_01_wrap .info_box .arrow.arrow_bottom span{display:inline-block;  width:13px; height:51px; background:url(../images/contents/company/info_box_arrow02.png) center top no-repeat}



/*핵심 가치 및 전략*/
.company_02_wrap .company_02_title{text-align:center; }
.company_02_wrap .company_02_title span {display:inline-block; border-top:2px #065077 solid; border-bottom:1px #0978b3 solid; padding:15px 0px; font-sizE:22px; font-weight:bold; color:#0978b3; width:200px;}
.company_02_wrap .company_02_title span strong {color:#065077;}
.company_02_wrap .text_global {font-size:30px; color:#444444; text-align:center; margin-top:50px;}
.company_02_wrap .text_global strong{color:#1f9ab9;}


.company_02_wrap .company_02_01 {margin-top:40px; text-align:center; position:relative; padding-bottom:60px; margin-bottom:60px; border-bottom:1px #ddd solid;}
.company_02_wrap .company_02_01 .photo{text-align:center; }
.company_02_wrap .company_02_01 .photo img {vertical-align:middle;}
.company_02_wrap .company_02_01 .col {width:350px; position:relative; text-align:center;}
.company_02_wrap .company_02_01 .col .title{display:inline-block; margin:0 35px; padding:20px 0px; width:255px;  border-radius:80px;  border:8px #fff solid; font-size:20px;  color:#fff; position:relative; z-index:1;}
.company_02_wrap .company_02_01 .col .title dt{font-weight:bold; }
.company_02_wrap .company_02_01 .col .box {background:#f4f4f4; height:140px; position:relative; top:-80px; z-index:0;}
.company_02_wrap .company_02_01 .col .box .text{padding-top:95px; font-size:16px;}
.company_02_wrap .company_02_01 .col .box .text span {display:inline-block; width:3px; height:3px; background:url(../images/contents/company/company_02_wrap_dot.jpg) left top no-repeat; vertical-align:middle; margin-right:5px;}

.company_02_wrap .company_02_01 .col.left {position:absolute; left:0px; top:100px;}
.company_02_wrap .company_02_01 .col.right  {position:absolute; right:0px; top:100px;}
.company_02_wrap .company_02_01 .col.bottom {display:inline-block;  }

.company_02_wrap .company_02_01 .col.left .title{background:#2080ba;}
.company_02_wrap .company_02_01 .col.right .title{background:#1f9ab9;}
.company_02_wrap .company_02_01 .col.bottom .title{background:#279ca3;}



.company_02_wrap .company_02_02 {margin-top:60px;  text-align:center;}
.company_02_wrap .company_02_02 li{display:inline-block;; width:335px;}
.company_02_wrap .company_02_02 li .box {text-align:center; border:5px solid; padding:30px 0px;}
.company_02_wrap .company_02_02 li .box .icon {height:90px; line-height:90px;}
.company_02_wrap .company_02_02 li .box .icon img {vertical-align:middle;}
.company_02_wrap .company_02_02 li.m2 {margin:0 30px;}
.company_02_wrap .company_02_02 li .box dl {margin-top:30px;}
.company_02_wrap .company_02_02 li .box dl dt{font-size:22px;}
.company_02_wrap .company_02_02 li .box dl dd{margin-top:10px; font-size:16px; color:#666;}

.company_02_wrap .company_02_02 li.m1 .box {border-color:#9e7dbd}
.company_02_wrap .company_02_02 li.m1 .box dl dt {color:#9e7dbd;}

.company_02_wrap .company_02_02 li.m2 .box {border-color:#f5911b}
.company_02_wrap .company_02_02 li.m2 .box dl dt {color:#f5911b;}

.company_02_wrap .company_02_02 li.m3 .box {border-color:#3e90bb}
.company_02_wrap .company_02_02 li.m3 .box dl dt {color:#3e90bb;}
.company_02_wrap .company_02_02 li:hover .box {background:#f8f8f8;}


/*이노백의 미래*/
.company_03_wrap .box {position:relative; }
.company_03_wrap .box_01 {position:relative; border:1px #ddd solid;margin-top:80px; border-radius:30px; box-shadow: 5px 5px #eeeeee; }
.company_03_wrap .box .dot {position:absolute;  top:-13px; width:20px; background:#fff;  }
.company_03_wrap .box .dot.l_dot {left:90px; }
.company_03_wrap .box .dot.r_dot {right:90px; text-align:right; }
.company_03_wrap .box .dot span {display:inline-block;  background:#ffba00; width:10px; height:10px; border-radius:10px; }
.company_03_wrap .box .dot.r_dot span{text-align:right;}


.company_03_wrap .box .title {text-align:center; color:#fff; border-radius:80px; background:url(../images/contents/company/company_03_title_dot.jpg);  font-size:24px; padding:25px 0px; margin:0 110px; position:relative; top:-40px;}
.company_03_wrap .box .text {padding:10px 30px 60px;  text-align:center;}
.company_03_wrap .box .text h4 {display:inline-block; margin-top:30px; border-bottom:1px #ddd dashed; padding-bottom:10px;}


.company_03_wrap .box_01 .info{text-align:center;}



/*조직도*/
.company_04 {overflow:hidden; text-align:center; background:url(../images/contents/company/company_04_line_new.png) center 90px no-repeat;}
.company_04 .col {overflow:hidden;}
.company_04 .t1{display:inline-block; padding:30px 0px; width:250px;  ; overflow:hidden; color:#2352a0; border:3px #2352a0 solid; font-size:20px; font-weight:bold;}


.company_04 .col2 .t1{background:#17788a; border-color:#0d4954; font-size:17px;}
.company_04 .col5{margin-top:90px; font-size:0px; text-align:center;}
.company_04 .col5 .box {display:inline-block; width:230px; vertical-align:top;  border-top:0px; margin:0 0px; overflow:hidden;}
.company_04 .col5 .box.col_etc {width:230px; text-align:center; float:left;  margin-left:120px;}
.company_04 .col5 .box.col_etc_right{float:right;  margin-left:0px; margin-right:120px;}
.company_04 .col5 .box dl {border-bottom:1px#f8f8f8 solid; margin:0 10px; }
.company_04 .col5 .box dl dt {background:#616161; color:#fff; line-height:60px; font-size:18px;}
.company_04 .col5 .box dl dd {border:4px #ddd solid;  border-top:0px;  background:#fff; padding:10px 10px 10px 20px; text-align:left; height:160px;}

.company_04 .col5 .box dl.m1 dt{background-color:#1aa3c3;}
.company_04 .col5 .box dl.m2 dt{background-color:#229ed2;}
.company_04 .col5 .box dl.m3 dt{background-color:#435da8;}

.company_04 .col5 .box dl.m1 dd{border-color:#1aa3c3;}
.company_04 .col5 .box dl.m2 dd{border-color:#229ed2;}
.company_04 .col5 .box dl.m3 dd{border-color:#435da8;}



/*
.company_08 {border:1px #ddd solid;}
.company_08 .col_box{display:table; width:100%; }
.company_08 .col_box .col {display:table-cell; vertical-align:middle; padding:30px;}
.company_08 .col_box .col.icon {border-right:1px #ddd solid;}
.company_08 .col_box .col.text {font-size:16px;}
.company_08 .col_box .col.text strong{color:#000; font-size:30px; background: linear-gradient(to right, #0141b8, #28b801);    color: transparent;    -webkit-background-clip: text;}
.company_08 .col_box .col.text span {font-size:18px; display:inline-block; padding:0 10px;}
*/

.company_08_common_box {display:table; width:100%;table-layout:fixed; }
.company_08_common_box .col {display:table-cell; vertical-align:middle; }
.company_08_common_box .col.text {font-size:16px;  font-size:16px; padding:30px 30px;  vertical-align:bottom; text-align:center;}
.company_08_common_box .col.text strong{color:#000; font-size:18px; background: linear-gradient(to right, #0141b8, #28b801);    color: transparent;    -webkit-background-clip: text;}
.company_08_common_box .col.text span {font-size:18px; display:inline-block; padding:0 10px;}
.company_08_common_box .col.text .photo  {margin-bottom:10px;}
.company_08_common_box .col.text .text_info  {text-align:center;}


.company_08_etc {padding-left:170px;}
.company_08_etc ul {margin-top:30px;}
.company_08_etc ul li {font-size:20px; margin:13px 0px; position:relative; padding-left:70px; line-height:20px; margin:20px 0px;} 
.company_08_etc ul li span.t1 {position:absolute; left:0px; top:0px; width:50px; line-height:50px; heighT:50px;   text-align:center;  background:#888; color:#fff;  border-radius:30px;}
.company_08_etc ul li span.t2 {display:inline-block;  color:#0b419b;  font-size:24px; line-height:30px; font-weight:bold;}
.company_08_etc ul li div {font-size:16px;  line-height:16px; color:#000l}






/*제품소개*/

.product_01 {overflow:hidden; margin-top:60px;}
.product_01 .col {float:left;}
.product_01 .col_box {display:table; width:100%;}
.product_01 .col_box .list {display:table-cell; vertical-align:middle;}
.product_01 .col_box .list.t1,
.product_01 .col_box .list.t2 {width:200px; height:200px;  vertical-align:middle; border-radius:250px; border:10px solid; text-align:center; font-sizE:16px;}
.product_01 .col_box .list.jump {font-size:40px;}

.product_01 .col_box .list.t1 {border-color:#4bacc6; color:#4bacc6;}
.product_01 .col_box .list.t2 {border-color:#96ba60; color:#96ba60;}

.product_01 .col.right {float:right; width:550px; padding-top:30px;}
.product_01 .col.right .right_box {overflow:hidden; position:relative; padding-left:90px; min-height:200px;}
.product_01 .col.right .right_box .photo {position:absolute; left:0px; top:0px;}
.product_01 .col.right .right_box dl {padding-top:40px;}
.product_01 .col.right .right_box dl dt {font-size:24px; margin-bottom:15px; color:#e46c0a; letter-spacing:-1px;}
.product_01 .col.right .right_box dl dd {font-size:14px; margin-bottom:5px; line-height:20px; color:#777; background:url(../images/sub/dt_dot.jpg) 5px 9px no-repeat; padding-left:15px;}  
.product_01 .col.right .right_box dl dd span {color:#e46c0a;}


.product_01_01 {margin-top:20px; background:#f2f2f2; padding:30px; overflow:hidden;}
.product_01_01 .col {float:left; width:50%;}
.product_01_01 .title {font-size:20px; color:#000;}
.product_01_01 .title span{color:#e46c0a;}
.product_01_01 ul {margin-top:15px;}
.product_01_01 ul li {position:relative; padding-left:90px; min-height:28px; margin:5px 0px; color:#000;}
.product_01_01 ul li .s_title {position:absolute; left:0px; top:0px; line-height:28px; width:100px;   color:#999;}
.product_01_01 .photo {margin-top:15px;}



.product_02_01 {margin-top:20px; background:#f2f2f2; padding:30px; overflow:hidden;}
.product_02_01 .col {float:left; }
.product_02_01 .col dl {margin-left:40px; padding-top:15px;}
.product_02_01 .col dl dt {font-size:24px; margin-bottom:15px; color:#e46c0a; letter-spacing:-1px;}
.product_02_01 .col dl dd {font-size:14px; margin-bottom:5px; line-height:20px; color:#777; background:url(../images/sub/dt_dot.jpg) 5px 9px no-repeat; padding-left:15px;}  
.product_02_01 .col dl dd span {color:#e46c0a;}
.product_02_01 .col img  {vertical-align:middle;}




.product_03 {overflow:hidden; margin-top:60px;}
.product_03 .col {float:left;}
.product_03 .col_box {display:table; width:100%;}
.product_03 .col_box .list {display:table-cell; vertical-align:middle;}
.product_03 .col_box .list.t1,
.product_03 .col_box .list.t2 {width:300px; height:300px;  vertical-align:middle; border-radius:250px; border:10px solid; text-align:center; font-sizE:16px;}

.product_03 .col_box .list dl {padding-top:0px;}
.product_03 .col_box .list dl dt {font-size:24px; margin-bottom:15px; color:#e46c0a; letter-spacing:-1px;}
.product_03 .col_box .list dl dd {font-size:13px; margin-bottom:5px; line-height:20px; color:#777; padding-left:15px;}  

.product_03 .col_box .list.t1 dl dt {color:#4bacc6;}
.product_03 .col_box .list.t2 dl dt {color:#96ba60;}
.product_03 .col_box .list.jump {font-size:40px;}

.product_03 .col_box .list.t1 {border-color:#4bacc6; color:#4bacc6;}
.product_03 .col_box .list.t2 {border-color:#96ba60; color:#96ba60;}

.product_03 .col.right {float:right;  padding-top:30px;}
.product_03 .col.right .right_box .photo {text-align:center;}
.product_03 .col.right .right_box .name {font-size:24px; margin-bottom:15px; color:#e46c0a; letter-spacing:-1px;}


.product_03_01 {margin-top:20px; background:#f2f2f2; padding:30px; overflow:hidden; text-align:center; }
.product_03_01 .title {font-size:20px; color:#e46c0a; }
.product_03_01 .photo {padding-top:15px;}
.product_03_01 .photo img {vertical-align:middle; max-width:100%;}






.product_04_top{background:url(../images/contents/product/product_04_01_top.png?11) center top no-repeat; padding:0px 50px 60px;   color:#fff;  background-size:100%;}
.product_04_top .logo{padding:60px 0px;}
.product_04_top .t1{font-size:22px;}
.product_04_top .t2{font-size:40px; padding:30px 0px 0px; line-height:40px;}
.product_04_top .t3{font-size:40px; padding:10px 0px; line-height:40px;}
.product_04_top .t4{font-size:16px; padding-top:20px;}

.product_04_info {background:#b87442; padding:50px; color:#fff; }
.product_04_info ul li {position:relative; font-size:16px;padding-left:120px; margin:10px 0px;}
.product_04_info ul li .s_title{position:absolute;left:0px; top:0px; }


.product_04_col_box {display:table; width:100%; table-layout:fixed;  margin:40px 0px;}
.product_04_col_box .col {display:table-cell; vertical-align:middle;  border:1px #ddd solid; padding: 30px;     box-shadow: 3px 3px 15px rgb(0 0 0 / 20%); text-align:center;}
.product_04_col_box .col.first td{background:#f4feff; color:#000;}


.product_04_col_box .col table {border-top:1px solid #1f7f85; width:100%; font-size:14px; border-spacing:0; margin-top:10px;}
.product_04_col_box .col table th {background:#35bac5; color:#fff;   font-size:18px; padding:15px; border-right:1px solid #dadde2; border-bottom:1px solid #1f7f85; }
.product_04_col_box .col table td {color:#999; padding:15px;  vertical-align:middle; letter-spacing:0; border-right:1px solid #dadde2; border-bottom:1px solid #dadde2;  text-align:center;}
.product_04_col_box .col table .center {text-align:center;}
.product_04_col_box .col table .left {text-align:left;}
.product_04_col_box .col table tr th:last-child {border-right:0px;}
.product_04_col_box .col table tr td:last-child {border-right:0px;}



.product_04_02 {margin-top:10px; position:relative;}
.product_04_02 .etc{position:absolute; right:0; top:0px;}
.product_04_02 .etc .col_line{display:inline-block; color:#34bac5;}
.product_04_02 .etc .col_line span {display:inline-block; width:40px; height:10px; background:#34bac5; vertical-align:middle;}
.product_04_02 .etc .col_line.gray  {color:#9fa1a0; margin-left:20px;}
.product_04_02 .etc .col_line.gray span {background:#9fa1a0; }
.product_04_02 {margin-top:10px;}
.product_04_02_box {display:table; width:100%; table-layout:fixed;}
.product_04_02_box .col {display:table-cell; vertical-align:top; padding:10px;}
.product_04_02_box .col img {vertical-align:middle; width:100%;}






/*최종목표*/
.technic_05_01 {overflow:hidden;}
.technic_05_01 li{float:left; margin-right:20px; width:204px; text-align:center;}
.technic_05_01 li.m5 {margin-right:0px;}
.technic_05_01 li .box {border:3px red solid; border-radius:10px; overflow:hidden;}
.technic_05_01 li .box dt {padding:25px 0px; color:#fff; font-size:20px; margin-bottom:25px;}
.technic_05_01 li .box dd {font-size:15px;}
.technic_05_01 li .box dd.last {font-size:18px;margin-bottom:25px;}


.technic_05_01 li.m1 .box {border-color:#4f81bd;}
.technic_05_01 li.m1 .box dt {background:#4f81bd;}

.technic_05_01 li.m2 .box {border-color:#acc777;}
.technic_05_01 li.m2 .box dt {background:#acc777;}

.technic_05_01 li.m3 .box {border-color:#9f8ab8;}
.technic_05_01 li.m3 .box dt {background:#9f8ab8;}

.technic_05_01 li.m4 .box {border-color:#70bdd2;}
.technic_05_01 li.m4 .box dt {background:#70bdd2;}

.technic_05_01 li.m5 .box {border-color:#f8a968;}
.technic_05_01 li.m5 .box dt {background:#f8a968;}






.product_common_product_info .col_box {display:table; width:100%; table-layout:fixed;}
.product_common_product_info .col_box .col {display:table-cell; }
.product_common_product_info .col_box .col.pic {vertical-align:middle; border:1px #ddd solid; text-align:center;  border-radius:20px;}
.product_common_product_info .col_box .col.pic.pic04 {width:60%;}
.product_common_product_info .col_box .col.pic .p_logo  {padding:50px 0px;}
.product_common_product_info .col_box .col.pic .p_help  {font-size:13px; color:#777;margin:20px 0px;}
.product_common_product_info .col_box .col.pic .p_help span {display:inline-block; background:#000; color:#fff; padding:0 10px; line-height:30px; border-radius:5px;}
.product_common_product_info .col_box .col.pic .p_help span.usa {background:#35bac5;}
.product_common_product_info .col_box .col.pic .p_help span.etc {background:#0d3374;}

.product_common_product_info .col_box .col.pic .p_help_etc  {font-size:13px; color:#777;margin:20px 0px;}
.product_common_product_info .col_box .col.pic .p_help_etc span {display:inline-block; background:#4c7183; color:#fff; padding:0 10px; line-height:30px; border-radius:5px;}
.product_common_product_info .col_box .col.pic .p_help_etc span.black {background:#000;}




.product_common_product_info .col_box .col.pic img {vertical-align:middle; max-width:100%;}
.product_common_product_info .col_box .col.info {vertical-align:top; padding-left:60px;}
.product_common_product_info .col_box .col.info .info_subject {font-size:40px; color:#4c7183; font-weight:bold; margin-top:20px; margin-bottom:30px;border-bottom:1px #ededed solid; padding-bottom:30px;}
.product_common_product_info .col_box .col.info .info_subject.product_04 {color:#35bac5;}
.product_common_product_info .col_box .col.info .info_subject.product_06 {color:#eb7b00;}
.product_common_product_info .col_box .col.info .info_subject.product_07 {color:#25a5af;}
.product_common_product_info .col_box .col.info .info_subject.product_08 {color:#d44554;}
.product_common_product_info .col_box .col.info .list_col{margin-bottom:30px;}
.product_common_product_info .col_box .col.info .list_col .s_title {font-size:20px; font-weight:bold; color:#000;}
.product_common_product_info .col_box .col.info .list_col .s_text {font-size:16px; color:#000; margin-top:10px;}
.product_common_product_info .col_box .col.info .list_col .s_text ul {padding-left:5px; }
.product_common_product_info .col_box .col.info .list_col .s_text ul li {background:url(../images/sub/dt_dot.png) left 10px no-repeat; padding-left:15px;}
.product_common_product_info .col_box .col.info .list_col .s_text ul li span{font-style: italic;}


.product_c_name_info {margin-top:120px;  position:relative; border-top:1px #ddd solid;  padding-top:60px}
.product_c_name_info .col_box{display:table; width:100%;}
.product_c_name_info .col_box .col {display:table-cell;vertical-align:middle;}
.product_c_name_info .col_box .col.title {font-size:80px;line-height:80px; color:#000; font-weight:bold; width:520px;}


.product_c_name_info .col_box .col.info .t1 {font-size:16px; color:#000; }
.product_c_name_info .col_box .col.info .t1 ul {padding-left:5px; }
.product_c_name_info .col_box .col.info .t1 ul li {background:url(../images/sub/dt_dot.png) left 10px no-repeat; padding-left:15px;}

.product_c_name_info .col_box .col.info .t1 ul li .etc_text {font-weight:bold; }

.product_c_name_info .sub_title {margin-top:60px; font-size:20px; color:#000; font-weight:bold;}
.product_c_name_info table {border-top:2px solid #444; width:100%; font-size:16px; border-spacing:0; margin-top:20px;}
.product_c_name_info table th {background:#f6f7f9; color:#333;  padding:15px; border-right:1px solid #dadde2; border-bottom:1px solid #dadde2; font-size:18px;}
.product_c_name_info table td {color:#666; padding:15px; ; letter-spacing:0; border-right:1px solid #dadde2; border-bottom:1px solid #dadde2; text-align:left;}
.product_c_name_info table .center {text-align:center;}
.product_c_name_info table .left {text-align:left;}
.product_c_name_info table td.bg {background:#f9f9f9; font-weight:bold;}


.product_c_name_info table tr th:last-child {border-right:0px;}
.product_c_name_info table tr td:last-child {border-right:0px;}






.technic_05_02 {margin-top:30px; display:table; width:100%;  }
.technic_05_02 .col {display:table-cell; background:#f2f2f2; padding:15px; vertical-align:middle;}
.technic_05_02 .col.left {text-align:center;}
.technic_05_02 .col.left .photo {margin:10px 0px;}
.technic_05_02 .col.left img {vertical-align:middle; max-width:100%;}

.technic_05_02 .col.right {background:#32697f; color:#fff; padding:0px;; width:369px; vertical-align:top;}
.technic_05_02 .col.right .photo {text-align:center; }
.technic_05_02 .col.right ul {padding:30px;}
.technic_05_02 .col.right ul li{font-size:14px;}
.technic_05_02 .col.right ul li span{text-decoration:underline; font-weight:bold;}

/*.technic_01 {overflow:hidden;}
.technic_01 .info_photo {float:right; padding-top:120px;}
.technic_01 .info_photo img  {max-width:100%; vertical-align:middle;}
.technic_01 .col {margin-right:600px;}
.technic_01 .col ul li{position:relative; overflow:hidden; margin:15px 0px; border-bottom:1px #ddd solid; padding:15px 0px;}
.technic_01 .col ul li .photo{float:left;}
.technic_01 .col ul li .text{margin-left:150px; }
.technic_01 .col ul li .text dl{clear:none}
.technic_01 .col ul li .text dl dt{font-weight:bold;}



.technic_01 {overflow:hidden; background:url(../images/contents/technic/technic_01_bg.png) center 200px no-repeat; padding-top:280px;}
.technic_01 .info_photo {float:right; padding-top:120px; display:none;}
.technic_01 .info_photo img  {max-width:100%; vertical-align:middle;}

.technic_01 .col {height:600px;}
.technic_01 .col ul {position:relative;}
.technic_01 .col ul li{position:absolute; }
.technic_01 .col ul li .photo{float:left; }
.technic_01 .col ul li .text dl{clear:none; padding-left:70px;}
.technic_01 .col ul li .text dl dt{font-weight:bold; border-bottom:1px #ddd solid;font-size:20px; padding-bottom:20px;}


.technic_01 .col ul li.m1 {left:450px; top:450px;}
.technic_01 .col ul li.m3 {left:450px; top:-260px;}
.technic_01 .col ul li.m2 {right:80px; top:-0px;}
.technic_01 .col ul li.m4 {left:30px; top:-0px;}
*/

.technic_01_title_box {border:4px #ddd solid; padding:16px 0px; background:url(../images/contents/technic/technic_01_title_bg_dot.png); margin:0 225px; border-radius:70px; text-align:center; }
.technic_01_title_box .col {display:inline-block; width:340px; text-align:center; font-size:30px; font-weight:bold;line-height:75px; margin:18px 0px; color:#fff; background:#22639f;  border-radius:70px;}
.technic_01_title_box .col.t2 {background:#18b760;}

.technic_01_dot_wrap {text-align:center; position:relative; background:url(../images/contents/technic/technic_01_dot_wrap_line.jpg) center 15px repeat-y; }
.technic_01_dot {position:relative; display:inline-block; width:10px; height:10px; border-radius:10px; background:#ff8a00;}

.technic_01_dot_wrap.dot01 {height:50px;}
.technic_01_dot_wrap.dot01 .technic_01_dot {top:-15px; }

.technic_01_info_box {background:url(../images/contents/technic/technic_01_network.png) center top no-repeat; text-align:center; font-size:0px;}
.technic_01_info_box .col{display:inline-block; width:250px; height:420px;  border-radius:50px;  margin:145px 16px 0px; background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden;}
.technic_01_info_box .col.m1{margin-left:0px; background-image:url(../images/contents/technic/technic_01_info_box_m1.png);}
.technic_01_info_box .col.m2{background-image:url(../images/contents/technic/technic_01_info_box_m2.png);}
.technic_01_info_box .col.m3{background-image:url(../images/contents/technic/technic_01_info_box_m3.png);}
.technic_01_info_box .col.m4{margin-right:0px; background-image:url(../images/contents/technic/technic_01_info_box_m4.png);}

.technic_01_info_box .col .gray_box {background:rgba(0,0,0,0.4); position:absolute; left:0px; bottom:0px; width:100%;  height:240px;}
.technic_01_info_box .col:hover .gray_box {background:rgba(0,0,0,0.8);}
.technic_01_info_box .col dl{color:#fff;  text-align:left; padding:40px 30px 40px; 40px;}
.technic_01_info_box .col dl dt{color:#fff; font-size:30px; font-weight:bold; margin-bottom:37px;}
.technic_01_info_box .col dl dd{background:url(../images/contents/technic/technic_01_info_box_dot.png) left 50% no-repeat; padding-left:14px; font-size:16px;}



.technic_02_top { padding:120px 30px;  padding-left:420px; position:relative;   background:url(../images/contents/technic/technic_02_bg.png?2019) 30px 50% no-repeat;; }
.technic_02_top .title {font-size:23px; font-weight:bold; color:#338cca;  margin-bottom:20px;}
.technic_02_top .info { font-size:15px; }
.technic_02_top .info_strong { font-size:18px; }


.technic_02 {margin-top:20px;}
.technic_02 ul{overflow:hidden;  text-align:center; font-size:0px;}
.technic_02 ul li {display:inline-block;  width:281px; height:281px; border-radius:281px; border:3px #DDD solid; border-right-color:#3586da; vertical-align:middle; color:#fff; position:relative; z-index:0;}

.technic_02 ul li.m2 {border-right-color:#f08a1d}
.technic_02 ul li.m3 {border-right-color:#e23b7e}
.technic_02 ul li.m4 {border-right-color:#559a43}
.technic_02 ul li.m5 {border-right-color:#1b858f}


.technic_02 ul li.center {margin:0 25px;}

.technic_02 ul li .box { text-align:center; padding-top:100px;}
.technic_02 ul li .box dl dt {font-size:25px;color:#3586da}
/*.technic_02 ul li .box dl dd {font-size:20px;color:#666; padding-top:10px; }*/
.technic_02 ul li .box .info {font-size:14px; line-height:16px; margin-top:30px; color:#888; margin:20px;  border-top:1px #fafafa solid;  padding:20px;}




/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 




table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}




/*이노백의 미래*/

.company_03_process {overflow:hidden;margin-top:50px;   display:table; width:100%; table-layout:fixed;}
.company_03_process li{display:table-cell;}
.company_03_process li.arrow {width:30px; text-align:center; vertical-align:middle;}
.company_03_process li .box {border:1px #ddd solid; border-bottom:5px #0b419b solid;  padding:20px; background:#fff; border-radius:10px; border-bottom}
.company_03_process li .box .icon {height:80px; line-height:80px; text-align:center; }
.company_03_process li .box .icon img {vertical-align:middle;}
.company_03_process li dl dt{font-size:20px; color:#000; line-height:22px; margin:10px 0px; border-bottom:1px #ededed solid; padding-bottom:10px; margin-bottom:15px; text-align:center;}
.company_03_process li dl dt .list { margin-top:10px;}
.company_03_process li dl dt .list div{font-size:12px; color:#000; line-height:18px;}
.company_03_process li .text{ background:#f2f2f2; padding:15px 10px; line-height:18px; font-size:14px; letter-spacing:-1px; margin:15px 0px 0px; color:#000; text-align:center;}

.company_03_process li.arrow .arrow_left {display:block; }
.company_03_process li.arrow .arrow_left .cycle {display:inline-block; width:10px; height:10px; border-radius:10px; background:#0b419b; vertical-align:middle; }
.company_03_process li.arrow .arrow_left .line {display:inline-block; width:7px; height:1px; background:#666; vertical-align:middle;}
.company_03_process li.arrow .arrow_down {display:none;}





.new_technic_01 .first_box {display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
.new_technic_01 .first_box .col {display:table-cell; vertical-align:top; background:#}
.new_technic_01 .first_box .col.title {vertical-align:middle; width:150px; background:#22639f; color:#fff; border-radius:20px; text-align:center; font-size:20px; font-weight:bold; }
.new_technic_01 .first_box.hu .col.title {background:#18b760; }
.new_technic_01 .first_box .col.info_box {padding-left:60px;}
.new_technic_01 .first_box .col .list {position:relative; margin:15px 0px 15px 30px;; min-height:170px; border-bottom:1px #ddd dashed; padding:20px 0px;  }
.new_technic_01 .first_box .col .list .pic{position:absolute; left:20px; top:30px; width:200px;}
.new_technic_01 .first_box .col .list .pic .pic_text{text-align:center; font-size:16px; background:#22639f; color:#fff; line-height:40px; border-radius:40px; margin-top:10px;}
.new_technic_01 .first_box .col .list .pic img  {vertical-align:top;  width:100%; border-radius:20px;}
.new_technic_01 .first_box .col .list .text{padding-left:300px;}
.new_technic_01 .first_box .col .list .text.etc ul.cStyle{overflow:hidden;}
.new_technic_01 .first_box .col .list .text.etc ul.cStyle li {float:left !important; width:45% !important;}
.new_technic_01 .first_box.hu .col .list .pic .pic_text{; background:#18b760; }

@media all and (max-width:1024px) {


/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative;text-align:center; right:0; top:0px;;}
.company_intro .txt_area {margin:0px; margin-top:60px; }







.company_01 ul.col_mat{}
.company_01 li.col{float:none; width:auto; margin-bottom:30px; padding-bottom:60px;}
.company_01 li.col.right{float:none;}


.company_01 li.col .text_box { padding:30px; min-height:100% !important;;  }

.company_03 {background-size:300px; background-position:center 30px; padding-top:290px;}


/*조직도*/
.company_04 .col5 .box { width:98%;margin:0px 0px 20px 0px !important;}
.company_04 .col5 .box.center {margin:0px;}




.company_02_wrap .company_02_02 li {margin:0px 0px 15px !important;}


.technic_01 .info_photo {float:none; padding-top:30px;}
.technic_01 .col {margin-right:0px;}
.technic_01 .col ul li .text{margin-left:100px; }



.technic_02 {background:none;}








/*내용*/

.company_01_wrap .text_wrap .t1 {width:auto; height:auto; line-height:20px; padding:15px; color:#fff; font-size:15px; box-shadow: 10px 10px #005890;}
.company_01_wrap .text_wrap .t1 strong {font-size:22px;}





/*핵심 가치 및 전략*/
.company_02_wrap .text_global {font-size:22px}


.company_02_wrap .company_02_01 .col {width:auto; position:relative; text-align:center;}
.company_02_wrap .company_02_01 .photo img {max-width:100%; vertical-align:middle;}

.company_02_wrap .company_02_01 .col {position:relative !important; left:0px; top:0px !important;  }


.company_03_wrap .box .dot.r_dot {right:20px;}
.company_03_wrap .box .dot.l_dot {left:20px;}
.company_03_wrap .box .title {margin:0px 50px; font-size:16px;}
.company_03_wrap .box .text h4 {font-size:13px;}


/*조직도*/
.company_04 {overflow:hidden; text-align:center; background:url(../images/contents/company/company_04_line.png) center 90px no-repeat;}
.company_04 .col5 .box { width:280px;  margin:0px;}
.company_04 .col5 {margin-top:20px;}



.company_08_common_box {display:block; width:auto;}
.company_08_common_box .col {display:block; vertical-align:middle; }
.company_08_etc {padding-left:0px; margin-top:20px;}
.company_08_common_box .photo img {max-width:100%;}




.product_01 .col {float:none;}
.product_01 .col_box .list{width:150px; height:150px; border-radius:150px; font-sizE:14px;}
.product_01 .col_box .list.jump {font-size:40px; text-align:center;}


.product_01 .col.right {float:none; width:auto; border:1px #ddd solid; margin-top:15px; padding:15px; }
.product_01 .col.right .right_box {padding:0px;}
.product_01 .col.right .right_box .photo {left:0px; top:0px;  position:relative; text-align:center;}




.product_02_01 {padding:20px;}
.product_02_01 .col {float:none; }
.product_02_01 .col img {width:100%; vertical-align:middle;}
.product_02_01 .col dl {margin-left:0px; padding-top:15px;}



.product_03 .col {float:none;}
.product_03 .col_box {display:block;}
.product_03 .col_box .list {width:auto !important; height:auto !important;  border-radius:auto !important; font-sizE:14px;}

.product_03 .col.right {float:none;  padding-top:30px;}
.product_03 .col.right .right_box .photo {text-align:center; border:1px #ddd solid;}



.product_04_top{background:url(../images/contents/product/product_04_01_top.png?1) center top no-repeat; padding:0px 30px 60px; background-size:cover;}
.product_04_top .logo  {padding-bottom:20px;}
.product_04_top .logo img {width:120px;}
.product_04_top .t1{font-size:16px;}
.product_04_top .t2{font-size:22px; padding:20px 0px 0px; line-height:25px;}
.product_04_top .t3{font-size:22px; padding:5px 0px; line-height:25px;}
.product_04_top .t4{font-size:13px; padding-top:10px;}

.product_04_info { padding:20px; }
.product_04_info ul li {font-size:14px;padding-left:80px; margin:5px 0px; line-height:18px;}


.product_04_col_box {display:block; }
.product_04_col_box .col {display:block; vertical-align:top; padding:30px; text-align:center;}
.product_04_col_box .col img {vertical-align:middle; max-width:100%;}




.product_04_02 {margin-top:10px;}
.product_04_02_box {display:block; width:100%; table-layout:fixed; padding-top:30px;}
.product_04_02_box .col {display:block; vertical-align:top; padding:10px; border:1px #ddd solid; padding:10px;  margin-bottom:10px;}

p.cStyle4 {text-align:center; border:1px #ddd solid; padding:10px;}
p.cStyle4 img{max-width:100%;}



.technic_01_title_box { background:url(../images/contents/technic/technic_01_title_bg_dot.png); margin:0px;  }
.technic_01_title_box .col { width:200px; font-size:20px;}


.technic_01_info_box {background:none;}
.technic_01_info_box .col{width:250px;   margin:0px;}





.technic_02_top { padding:20px 0px;  padding-left:0px;  background:url(../images/contents/technic/technic_02_bg.png?2019) center top no-repeat;;  background-size:200px;}
.technic_02_top .title {margin-top:180px; font-size:20px;}


.technic_02 ul li {width:98%; margin:0 auto; height:100%; border-radius:0px; margin-bottom:15px !important;;}
.technic_02 ul li.center {margin:0px;}
.technic_02 ul li .box { padding-top:60px;}







/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}



table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}



.company_03_process {;margin-top:50px;   display:block;}
.company_03_process li{display:block; margin:10px;}
.company_03_process li.arrow {width:auto; display:none;}
.company_03_process li .text {min-height:auto;}






.product_common_product_info .col_box {display:block; }
.product_common_product_info .col_box .col {display:block; }
.product_common_product_info .col_box .col.pic {padding:20px;  border-radius:20px;}
.product_common_product_info .col_box .col.pic.pic04 {width:auto;}
.product_common_product_info .col_box .col.pic .p_logo  {padding:30px 0px;}


.product_common_product_info .col_box .col.info {margin-top:30px; padding-left:0px;}
.product_common_product_info .col_box .col.info .info_subject {font-size:30px;  margin-bottom:20px;  padding-bottom:20px;}

.product_common_product_info .col_box .col.info .list_col{margin-bottom:20px;}
.product_common_product_info .col_box .col.info .list_col .s_title {font-size:18px;}
.product_common_product_info .col_box .col.info .list_col .s_text {font-size:15px;}
.product_common_product_info .col_box .col.info .list_col .s_text ul li { padding-left:10px;}


.product_c_name_info {margin-top:60px;   padding-top:60px}
.product_c_name_info .col_box{display:block;}
.product_c_name_info .col_box .col {display:block;vertical-align:middle;}
.product_c_name_info .col_box .col.title {font-size:40px;line-height:40px;  width:auto;}
.product_c_name_info .col_box .col.info {padding:20px; background:#f8f8f8; margin-top:20px; border-radius:20px;}


.product_c_name_info .col_box .col.info .t1 ul li { padding-left:10px;}
.product_c_name_info .sub_title {margin-top:60px; font-size:18px; }
.product_c_name_info table {border-top:2px solid #444; width:100%; font-size:14px; border-spacing:0; margin-top:20px;}
.product_c_name_info table th {padding:5px;  font-size:14px; }
.product_c_name_info table td {padding:5px; vertical-align:top; line-height:20px;}
.product_c_name_info table .center {text-align:center;}
.product_c_name_info table .left {text-align:left;}
.product_c_name_info table td.bg {background:#f9f9f9; font-weight:bold;}


.product_c_name_info table tr th:last-child {border-right:0px;}
.product_c_name_info table tr td:last-child {border-right:0px;}



.new_technic_01 .first_box {display:block; margin-bottom:30px;}
.new_technic_01 .first_box .col {display:block;  }
.new_technic_01 .first_box .col.title {width:auto; padding:15px 0px; }

.new_technic_01 .first_box .col.info_box {padding-left:0px;}
.new_technic_01 .first_box .col .list {position:relative; margin:0px; margin-bottom:15px;; min-height:auto;   }
.new_technic_01 .first_box .col .list .pic{position:relative; left:0px; top:0px; width:auto;}
.new_technic_01 .first_box .col .list .pic img  {vertical-align:top;  width:100%; border-radius:20px;}
.new_technic_01 .first_box .col .list .text{padding-left:0px; margin-top:15px;}

.new_technic_01 .first_box .col .list .text.etc ul.cStyle{overflow:hidden;}
.new_technic_01 .first_box .col .list .text.etc ul.cStyle li {float:none !important; width:auto !important;}






}