﻿@charset "utf-8";
@import url('https://font.imbc.com/noto/noto.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
/* ???? */
html {height:100%;overflow-y:scroll}
body {height:100%;margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}
button{border: none;background: none;cursor: pointer;outline: none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}


html { scrollbar-arrow-color: #3a55c5;
scrollbar-Track-Color: #000;
scrollbar-base-color: #000;
scrollbar-Face-Color: #3a55c5;
scrollbar-3dLight-Color: #3a55c5;
scrollbar-DarkShadow-Color: #3a55c5;
scrollbar-Highlight-Color: #3a55c5;
scrollbar-Shadow-Color: #3a55c5}
/* Chrome, Safari */
::-webkit-scrollbar {width: 6px;height:6px; }
/* ::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block; width: 6px; background: #000;} */
::-webkit-scrollbar-track { background:#000; }
::-webkit-scrollbar-thumb { background: #3a55c5;  }
::-webkit-scrollbar-button{ width:0;height:0; }


.placeholdersjs { color: #aaa !important; }
/* 공통 */
.blind{overflow: hidden;position: absolute;left: -9999px !important;top: -9999px !important;}
.inner {height:100%;position:relative;width:1218px;margin:0 auto;}
.box_title_wrap{height:33%;}
.con_title{width:1214px;padding-right:5px;margin:0 auto;text-align:center;}
.con_title .top_txt{padding:73px 0 65px;opacity:0.5;}
table {border-collapse: separate;border-spacing: 0;table-layout: fixed;}
caption, legend {display:none;width:0;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.data_txt{padding-bottom:12px;color:#929292;font-size:14px;font-family: 'notokr-light';line-height:1;vertical-align: top;text-align: right;}
.data_txt .data_num{padding-right:7px;}
.fluc{display: inline-block;line-height: 1;}
.fluc .ui_fluc.up{color:#f01f1f}
.fluc .ui_fluc.none{color:#000}

.fluc .ui_fluc{position:relative;padding:0 26px 0 0;}
.fluc .ui_fluc.dn:before{content:'';position:absolute;top:50%;right:0;width:15px;height:13px;margin-top:-6px;background:url(https://corp.imbc.com/img/images/fluc_bg.png)no-repeat 0 0;}
.fluc .ui_fluc.up:before{content:'';position:absolute;top:50%;right:0;width:15px;height:13px;margin-top:-6px;background:url(https://corp.imbc.com/img/images/fluc_bg.png)no-repeat 0 -44px;}
.fluc .ui_fluc.none:before {content: '';position: absolute;top: 50%;right: 0;width: 13px;height: 3px;margin-top: -1px;background: #000;}
#myVideo{position: absolute;left: 50%;top: 0;min-width: 100%;min-height: 100%;width: auto;height: auto; }
#myVideo{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;object-fit: cover;}
/* 로고 */
#logo_wrap{padding:0 10px;position:fixed;top:60px;left:50%;margin-left:-608px;z-index:30;}
#logo_wrap a{display: block;line-height:1;font-size:0;}

/* 백그라운드 관련 */
/* 백그라운드 공통 */
.bg_group{position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;}
.bg_group .bg_top{height:50%;width:100%;margin-bottom:-0.1px;box-sizing:border-box;}
.bg_group .bg_bottom{height:50%;width:100%;background:rgba(0,0,0,0.6);box-sizing:border-box;}
.in_bg_division{height:100%;}
.line_bg:after{content:'';display:block;clear:both;}
.line_bg{height:100%;}
.line_bg li{float:left;width:25%;height:100%;border-right:1px solid;border-color:rgba(225,225,225,0.1);box-sizing:border-box;}
.line_bg li:first-child{border-left:1px solid;border-color:rgba(225,225,225,0.1)}
.line_bg2{height:100%;}
.line_bg2:after{content:'';display:block;clear:both;}
.line_bg2 li{float:left;width:25%;height:100%;}
.line_bg2 li:first-child .division_top{border-left:1px solid;border-color:rgba(225,225,225,0.1)}
.line_bg2 li:first-child .division_bottom{border-left:1px solid;border-color:rgba(225,225,225,0.1)}
.line_bg3{height:100%;}
.line_bg3:after{content:'';display:block;clear:both;}
.line_bg3 li{float:left;width:25%;height:100%;background:rgba(0,0,0,0.6);box-sizing:border-box;}
.division_top{height:65%;border-right:1px solid;border-color:rgba(225,225,225,0.1);box-sizing:border-box;}
.division_bottom{height:35%;background:rgba(0,0,0,0.6);border-right:1px solid;border-color:rgba(225,225,225,0.1);box-sizing:border-box;}
.division_bottom .divisi_inbg{width:100%;height:100%;box-sizing:border-box;}
.division_bottom .divisi_inbg_01{float:left;width:174px;height:100%;}
.division_bottom .divisi_inbg_02{float:left;width:128px;height:100%;}
.bg_x{background:url(https://corp.imbc.com/img/images/bg/sn.png)repeat-y;}

/* business */
.business .bg_group .bg_top{border-bottom:1px solid;border-color:rgba(225,225,225,0.1);}
.business .bg_group .bg_top .line_bg li:nth-child(3),.business .bg_group .bg_top .line_bg li:nth-child(4){background:url(https://corp.imbc.com/img/images/bg/bs_bg_t.png)repeat center center;}

/* ir */
/* .ir .bg_group .bg_top{border-bottom:1px solid;border-color:rgba(21,22,30,1.2);} */
.ir .bg_group .bg_bottom{border-top:1px solid;border-color:rgba(21,22,30,1.2);}
/* careers */
.carieers .bg_group .bg_top{margin-bottom:0;border-bottom:1px solid;border-color:rgba(75,80,81,0.9);}
.carieers .bg_group .bg_top .line_bg li{background:url(https://corp.imbc.com/img/images/bg/on_bg.png)repeat-y center center;}
.carieers .bg_group .bg_top .line_bg li:first-child{background:none;}
/* .carieers .bg_group .bg_bottom{background:url(https://corp.imbc.com/img/images/bg/on_bg.png)repeat center center;} */

/* aboutus */
.aboutus{overflow: hidden;}
.ab_bg{width:100%;height:100%;background:url(https://corp.imbc.com/img/images/bg/ab_bg.png)no-repeat center center;background-size:cover;position: absolute;top:0;left:0;right:0;bottom:0;z-index:10;}
.aboutus .fp-tableCell{position:relative;}
.aboutus .box_tit{padding-bottom:93px;}
.aboutus .con_title{position:absolute;z-index:15;}
.aboutus .scroll_box{z-index:35}
/* .aboutus .con_box{position:relative;padding:0 18.3% 0 26.8%;} */
.aboutus .con_box{width:1218px;position:relative;margin:0 auto;padding-left:305px;z-index:15;}
.info_txt{position:relative;padding:30px 100px 30px 0;box-sizing:border-box;z-index:10;overflow-x:hidden;}
.info_txt ul{border-right:1px solid #242e66;border-bottom:1px solid #242e66;}
.info_txt ul li{padding:10px 85px 0 0px;color:#cfcfcf;font-size:18px;font-family:'notokr-light';line-height:1.778em;word-break:keep-all;letter-spacing:-0.5px;}
.info_txt ul li:first-child{padding:0 85px 0 0px;}
.info_txt ul li:last-child{padding:10px 85px 50px 0px;}
.info_txt ul li a.lnk{color:#b350d4}
.info_txt .ci_view{position:absolute;bottom:12px;right:30px;width:140px;background:#4969f0;color:#fff;font-size:22px;font-family:'notokr-bold';text-align:center;letter-spacing:-0.5px;line-height:42px;}
.scroll_box{position:absolute;bottom:30px;left:50%;margin-left:-24px;}

/* business */
.business{background:url(https://corp.imbc.com/img/images/bg/r_bs_bg02.png)no-repeat center center;background-size:cover;}
.business .box_title_wrap{height:28%;}
.business .con_title .box_tit{padding-right:3px;}
.business .list_box{position:absolute;left:50%;margin-left:-304px;}
.business .list_box ul{display:inline-block;}
.business .list_box ul li{position:relative;width:258px;float:left;padding:0 23px;box-sizing:content-box;}
.business .list_box ul li a{display:block;}
.business .list_box ul li a .con_list_inbox{}
.business .list_box .lst_01,.business .list_box .lst_03{top:15%;opacity:0;}
.business .list_box .lst_02{top:0px;opacity:0;}

.con_list_inbox .pd_mov{margin-top:50px;transition: all 1s;opacity: 1;}
.con_list_inbox .wrap_img{position:relative;width:258px;height:337px;padding:157px 0;font-size:22px;font-family:'Roboto', sans-serif;font-weight:bold;line-height:1;color:#fff;text-indent:-9999px;
-webkit-transition-property: background;-webkit-transition-duration: 0.8s;-webkit-transition-delay: 0s;-webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);transition-property: background;transition-duration: 0.8s;transition-delay: 0s;transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
.con_list_inbox .wrap_img .dark_bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}

.con_list_inbox .wrap_img.dtb{background:url(https://corp.imbc.com/img/images/dist_bg.png)no-repeat center center;}
.con_list_inbox .wrap_img.prd{background:url(https://corp.imbc.com/img/images/prd_bg.png)no-repeat center center;}
.con_list_inbox .wrap_img.adv{background:url(https://corp.imbc.com/img/images/adv_bg.png)no-repeat center center;}
.con_list_inbox  .txt_mov{padding-top:28px;transition: all 1s;}
.con_list_inbox .line_dc{position:relative;padding-top:10px;}
.con_list_inbox .line_dc::after{content:'';position:absolute;bottom:0;left:50%;width:22px;height:4px;margin-left:-11px;background:#fff;}
.con_list_inbox .inbox_title{padding-top:30px;color:#fff;font-size:44px;font-family:'notokr-light';letter-spacing:-3.2px;line-height:1;text-align:center;}


.list_box ul .lst_01:hover .con_list_inbox .wrap_img.dtb{background:url(https://corp.imbc.com/img/images/dist_hover.png)no-repeat center center;
  -webkit-transition-property: background;
      -webkit-transition-duration: 0.8s;
      -webkit-transition-delay: 0s;
      -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
      transition-property: background;
      transition-duration: 0.8s;
      transition-delay: 0s;
      transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}

.list_box ul .lst_02:hover .con_list_inbox .wrap_img.prd{background:url(https://corp.imbc.com/img/images/prd_hover.png)no-repeat center center;
  -webkit-transition-property: background;
      -webkit-transition-duration: 0.8s;
      -webkit-transition-delay: 0s;
      -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
      transition-property: background;
      transition-duration: 0.8s;
      transition-delay: 0s;
      transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}
.list_box ul .lst_03:hover .con_list_inbox .wrap_img.adv{background:url(https://corp.imbc.com/img/images/adv_hover.png)no-repeat center center;
  -webkit-transition-property: background;
      -webkit-transition-duration: 0.8s;
      -webkit-transition-delay: 0s;
      -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
      transition-property: background;
      transition-duration: 0.8s;
      transition-delay: 0s;
      transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);}

/* ir */
.ir{background:url(https://corp.imbc.com/img/images/bg/r_ir_bg03.png)no-repeat center center;background-size:cover;}
.ir .con_title{padding-right:1px;}

.data_box{margin:0 auto;}
.data_box:after{content:'';display:block;clear:both;}
.data_box .data_grap{width:338px;position:relative;margin:0 auto;text-align:center}
.data_box .data_grap .data_01{position:relative;}
.graph_price{position:absolute;top:50%;margin-top:-26px;padding:0 20px;}
.graph_price > span{display:block;color:#fff;font-family:'notokr-bold';font-size:18px;text-align:center;}
.data_box .data_grap .data_02{position:absolute;top:-7px;right:-1px;}
.data_box .data_grap .data_02 .graph_price{left:50%;}
.data_txt{padding-bottom:12px;color:#929292;font-size:14px;font-family: 'notokr-light';line-height:1;vertical-align: top;text-align: right;}
.data_txt .data_num{padding-right:7px;}
.data_box .data_table{width:584px;margin:40px auto 0}
.data_table .table_wrap table{width:100%;}
.data_table .table_wrap table thead tr th{height:57px;border-top:3px solid #fff;border-bottom:1px solid #444444;color:#fff;font-size:18px;font-family:'notokr-bold';line-height:57px;letter-spacing:-0.5px;}
.data_table .table_wrap table tbody tr td{color:#fff;font-size:18px;font-family: 'notokr-light';line-height:44px;text-align:center;letter-spacing:-0.5px;border-left:1px solid #444444}
.data_table .table_wrap table tbody tr:first-child td{padding-top:10px;}
.data_table .table_wrap table tbody tr:last-child td{padding-bottom:10px;border-bottom:1px solid #444444; }
.data_table .table_wrap table tbody tr td:first-child{border-left:none}
.pop_iframe{width:100%;height:calc(100% - 40px);background-color:#fff;padding:18px 10px;box-sizing:border-box;}
.pop_iframe .iframe_box{width:100%;height:100%;overflow:auto;}
.pop_iframe .iframe_box::-webkit-scrollbar-track{background-color:#d2d2d2}
.pop_iframe .iframe_box iframe{width:714px;height:888px;}
.ir .inner_top{height:100%;position:relative;width:1218px;margin:0 auto;}
.ir_list_box{width:1218px;height:67%;margin:0 auto;}
.ir_list_box ul:after{content:'';display:block;clear:both;}
.ir_list_box ul{height:100%;}
.ir_list_box ul li{height:100%;float:left;width:25%;opacity:0;}
.ir_list_box ul li .hv_bgon{position:relative;height:calc(85% - 204px);}
.ir_list_box ul li .hv_bgon a{display:block;height:100%;}
.ir_list_box ul li .hv_bgon .icon_hvbox{position:absolute;top:30px;left:30px;width:63px;height:63px;background:url(https://corp.imbc.com/img/ir_hv2_icon.png)no-repeat;background-position:-94px -1px;text-indent:-9999px;z-index:10;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.ir_list_box ul li.ir_list2 .hv_bgon .icon_hvbox{background-position:-282px  -1px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.ir_list_box ul li.ir_list3 .hv_bgon .icon_hvbox{background-position:-470px  0;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.ir_list_box ul li .img_hvon{visibility:hidden;height:100%;border-right:1px solid;border-color:rgba(225,225,225,0.01);overflow:hidden;opacity:0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.ir_list_box ul li .img_hvon img{width:100%;height:100%;}
.ir_list_title{position:relative;height:25.4%;padding:80px 0 0 0;font-size:56px;font-family:'notokr-light';line-height:1;transition: all 0.8s;-webkit-transition: all 0.8s;}
.ir_list_title a{display:block;color:#fff;position:relative;bottom:0;display:block;padding:18px 0 0 30px;line-height:1;letter-spacing:-1.2px;}
.ir_list_title a:after{content:'';position:absolute;top:0;left:30px;width:22px;height:4px;background:#fff;}

/* carieers */
.carieers{background:url(https://corp.imbc.com/img/images/bg/r2_cr_bg04.png)no-repeat center center;background-size:cover;}
/* .careers .fp-tableCell{position:relative;width:1218px;margin:0 auto;background:url(https://corp.imbc.com/img/images/ab_inner2.png)repeat-y center center;} */
.carieers .inner_top{height:100%;position:relative;width:1218px;margin:0 auto;}
.careers_list_box{width:1218px;height:67%;margin:0 auto;}
.careers_list_box ul:after{content:'';display:block;clear:both;}
.careers_list_box ul{height:100%;}
.careers_list_box ul li{height:100%;float:left;width:25%;opacity:0;}
.careers_list_box ul li .hv_bgon{position:relative;height:85%;padding-bottom:204px;}
.careers_list_box ul li .hv_bgon a{display:block;height:100%;}
.careers_list_box ul li .hv_bgon .icon_hvbox{position:absolute;top:30px;left:30px;width:63px;height:63px;background:url(https://corp.imbc.com/img/images/careers_hv2_icon.png)no-repeat;background-position:-94px -1px;text-indent:-9999px;z-index:10;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.careers_list_box ul li.Pers_system .hv_bgon .icon_hvbox{background-position:-282px  -1px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.careers_list_box ul li.hire .hv_bgon .icon_hvbox{background-position:-470px  0;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.careers_list_box ul li .img_hvon{visibility:hidden;height:100%;border-right:1px solid;border-color:rgba(225,225,225,0.01);overflow:hidden;opacity:0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.careers_list_box ul li .img_hvon img{width:100%;height:100%;}
.careers_list_title{position:relative;height:25.4%;padding:80px 0 0 0;font-size:56px;font-family:'notokr-light';line-height:1;transition: all 0.8s;-webkit-transition: all 0.8s;}
.careers_list_title a{display:block;color:#fff;position:relative;bottom:0;display:block;padding:18px 0 0 30px;line-height:1;letter-spacing:-1.2px;}
.careers_list_title a:after{content:'';position:absolute;top:0;left:30px;width:22px;height:4px;background:#fff;}

/* footer  시작 */
.footer{background: url(https://corp.imbc.com/img/images/footer_bg.png)no-repeat center center;position:absolute;width:100%;bottom:0;left:0;z-index:40;}
.ft_wrap{width:1218px;margin:0 auto;}
.ft_wrap .ft_top:after{content:'';display:block;clear:both;}
.ft_wrap .ft_top > *{float:left;}
.ft_wrap .ft_top .flogo{padding:52px 0 58px 65px;width:305px;text-align:center;}
.ft_wrap .ft_top .com_info{padding:39px 0 39px 18px;width:608px;color:#7f7f7f;font-size:12px;}
.ft_wrap .ft_top .com_info ul li{position:relative;display:inline-block;padding:0 12px;color:#909090;font-family:'notokr-light';line-height:30px;letter-spacing:-0.5px}
.ft_wrap .ft_top .com_info ul li:after{content:'';position:absolute;top:50%;right:-3px;width:2px;height:10px;margin-top:-4px;background:#fff;opacity:0.15; }
.ft_wrap .ft_top .com_info ul li:nth-child(2n):after{content:none;}
.ft_wrap .ft_top .com_info ul li a{color:#909090;}
.ft_wrap .ft_top  .snsbtn_group{width:305px;padding:47px 0;text-align:center;line-height:1;}
.ft_wrap .ft_top  .snsbtn_group ul{display:inline-block;}
.ft_wrap .ft_top  .snsbtn_group ul:after{content:'';display:block;clear:both;}
.ft_wrap .ft_top  .snsbtn_group ul li{float:left;padding:0 10px;box-sizing:content-box;}
.ft_wrap .ft_top  .snsbtn_group ul li a{display:block;width:44px;height:44px;}
.ft_wrap .ft_top  .snsbtn_group ul li.twit{background:url(https://corp.imbc.com/img/images/sns_bt.png)no-repeat 10px 0;}
.ft_wrap .ft_top  .snsbtn_group ul li.face{background:url(https://corp.imbc.com/img/images/sns_bt.png)no-repeat -54px 0;}
.ft_wrap .ft_top  .snsbtn_group ul li.inst{background:url(https://corp.imbc.com/img/images/sns_bt.png)no-repeat -118px 0;}
.cp_box{height:60px;line-height:60px;}
.cp_box .copy{width:1140px;margin:0 auto;text-align:center;}
.cp_box .copy p{font-size:12px;color:#757575;}

/* 페이지효과 */
/* aboutus */
.aboutus .inner .con_title .top_txt{padding:162px 0 65px;opacity: 0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.aboutus.active .inner .con_title .top_txt{padding:73px 0 65px;opacity: 0.5;transition: all 1.4s;-webkit-transition: all 1.4s;}
.aboutus .inner .con_box{top:125px;opacity: 0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.aboutus.active .inner .con_box{top:0;opacity: 1;transition: all 1.4s;-webkit-transition: all 1.4s;}

/* business */
.business .inner .con_title .top_txt{padding:140px 0 65px;opacity: 0;transition: all 1s;-webkit-transition: all 1.4s;}
.business.active .inner .con_title .top_txt{padding:73px 0 65px;opacity: 0.5;transition: all 1s;-webkit-transition: all 1.4s;}
.business .inner .list_box ul li a:hover .pd_mov{margin-top:30px;transition:all .4s ease-out;}
.business .inner .list_box ul li a:hover .txt_mov{padding-top:24px;transition:padding .6s ease-out;}


/* ir */
.ir .inner .con_title .top_txt{padding:162px 0 65px;opacity: 0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.ir.active .inner .con_title .top_txt{padding:73px 0 65px;opacity: 0.5;transition: all 1.4s;-webkit-transition: all 1.4s;}
/* .ir .inner .data_box{position:relative;top:130px;opacity: 0;transition: all 1.4s;-webkit-transition: all 1.4s;}
.ir.active .inner .data_box{top:0;opacity: 1;transition: all 1.4s;-webkit-transition: all 1.4s;} */
.ir_list_box ul li:hover .ir_list_title{padding:60px 0 0 0;transition: all 0.8s;-webkit-transition: all 0.8s;}
.ir_list_box ul li:hover .img_hvon{visibility:visible;opacity:1;transition: all 1.4s;-webkit-transition: all 1.4s;}
.ir_list_box ul li:hover .hv_bgon .icon_hvbox{background-position:0 -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.ir_list_box ul li.ir_list2:hover .hv_bgon .icon_hvbox{background-position:-188px -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.ir_list_box ul li.ir_list3:hover .hv_bgon .icon_hvbox{background-position:-376px -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}

/* carieers */
.carieers .con_title .top_txt{padding:162px 0 65px;opacity: 0;transition: all 2s;-webkit-transition: all 2s;}
.carieers.active .con_title .top_txt{padding:73px 0 65px;opacity: 0.5;transition: all 2s;-webkit-transition: all 2s;}
.careers_list_box ul li:hover .careers_list_title{padding:60px 0 0 0;transition: all 0.8s;-webkit-transition: all 0.8s;}
.careers_list_box ul li:hover .img_hvon{visibility:visible;opacity:1;transition: all 1.4s;-webkit-transition: all 1.4s;}
.careers_list_box ul li:hover .hv_bgon .icon_hvbox{background-position:0 -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.careers_list_box ul li.Pers_system:hover .hv_bgon .icon_hvbox{background-position:-188px -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.careers_list_box ul li.hire:hover .hv_bgon .icon_hvbox{background-position:-376px -100px;transition:all .4s cubic-bezier(0.420, 0.000, 0.580, 1.000);}


/*  팝업  */
#popup_container,
#popup_container3 {visibility:hidden;position: fixed;top: 0;left: 0;width: 100%;min-width: 320px;height: 100%;z-index: 30;}
#popup_container.active,
#popup_container3.active{visibility:visible;}
/* .popup_item {display: none;position:absolute;top: 0;left: 0;min-width:1218px;padding-left:304px;padding-bottom:139px;height:100%;} */
.popup_item {visibility:hidden;transform:scale(.3);transition: all .25s;transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);opacity:0;position:absolute;top:0;left:50%;margin-top:0;margin-left:-609px;min-width:1218px;padding-left:304px;padding-bottom:139px;height:100%;}
.popup_item.active{visibility:visible;opacity:1;transform:scale(1);transform-origin:center center;transition: all .25s;transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);top:0;left: 50%;margin-top:0;margin-left: -609px;}
.aboutus .info_txt{height:461px;}
.pop_box_inner{position: relative;width:913px;height:100%;min-height:400px;padding:66px 120px 0 60px;-webkit-box-sizing: border-box;box-sizing: border-box;background:#000;z-index: 10;overflow: scroll;overflow-x:hidden;}
.pop_box{padding:70px 55px 0 0;position: relative;height:100%;border-top:1px solid #1d2a60;border-right:1px solid #1d2a60;}
.pop_box .pop_heder{display:inline-block;position:absolute;top:-19px;left:0;padding-right:24px;background:#000;color:#4969f0;font-size:24px;font-family:'notokr-bold';letter-spacing:-2px;}
.pop_close_btn{position:absolute;right:45px;bottom:60px;width:30px;height:30px;}
.pop_close_btn .ui_btn{width:30px;height:30px;background:url(https://corp.imbc.com/img/images/close_btn.png)no-repeat 0 0;text-indent:-9999px;}
.pop_table_box table{width:100%;}
.pop_table_box table thead tr th{height:45px;color:#fff;border-top:3px solid #fff;border-bottom:1px solid #444444;font-size:16px;font-family:'notokr-bold';letter-spacing:-0.5px;line-height:45px;}
.pop_table_box table tbody tr td{padding:15px 0 15px 30px;border-right:1px solid #444;border-bottom:1px solid #444444;color:#cfcfcf;font-size:16px;font-family:'notokr-light';line-height:24px;}
.pop_table_box table tbody tr td:first-child{padding:0;text-align:center;}
.pop_table_box table tbody tr td:last-child{border-right:none;}
.blue_col{color:#4969f0 !important;}
/*
#inPopup_container{display:none;position:fixed;top:0;left:0;width:100%;min-width:320px;height:100%;z-index:30;}
.popup_item2, .popup_item3{display:none;padding-left:174px;position:absolute;top:0;left:0;min-width:1218px;min-height:530px;;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;overflow-y: auto;z-index: 30;}
.popup_item2 .pop_box_inner2,.popup_item3 .pop_box_inner3{position: relative;width:1044px;height:530px;padding:60px 115px 0 35px;background: #000;} */

#popup_container2,#inPopup_container{visibility:hidden;position:fixed;top:0;left:0;width:100%;min-width:320px;height:100%;z-index:30;}
#popup_container2.active,#inPopup_container.active{visibility:visible;}
.popup_item2,.popup_item3 {visibility:hidden;transform:scale(.3);transition: all .25s;transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);opacity:0;padding-left:174px;position:absolute;top: 50%;left: 50%;margin-top: -195px;margin-left: -609px;min-width:1218px;min-height:530px;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;overflow-y: auto;z-index: 30;}
.popup_item2.active,.popup_item3.active{visibility:visible;opacity:1;transform:scale(1);transform-origin:center center;transition: all .25s;transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);top: 50%;left: 50%;margin-top: -350px;margin-left: -609px;}
.popup_item2 .pop_box_inner2,.popup_item3 .pop_box_inner3{position: relative;width:1044px;height: 666px;padding:60px 115px 0 35px;background: #000;}

.pop_business{position:relative;height:100%;border-right:1px solid #1d2a60;}
.pop_business:after{content:'';position:absolute;top:-3px;right:-10px;width:20px;height:20px;background:#000;}
.pop_row{height:100%;position:relative;}
.pop_row:after{content:'';display:block;clear:both;}
.pop_row .pop_col{float:left;}
.txt_info_box{color:#cfcfcf;font-size: 17px;font-family:'notokr-light';line-height: 31px;letter-spacing:-0.7px;word-break:keep-all;}
.txt_info_box > p {padding-top:20px;}
.txt_info_box > p .c_7b94ff {font-family: 'notokr-medium'; color: #7b94ff;}

.ui_paginate{padding:30px 0;text-align:center;line-height:1;vertical-align:top;}
.ui_paginate > *{display:inline-block;line-height:1;vertical-align:top;}
.prev_wrap{margin-right:30px;}
.next_wrap{margin-left:30px;}
.arrow_btn{display:inline-block;width:24px;height:24px;background:url(https://corp.imbc.com/img/images/page.png)no-repeat;background-position:0 0;}
.arrow_btn.prev{background-position:-29px 0;}
.arrow_btn.next{background-position:-58px 0;}
.arrow_btn.next_more{background-position:-87px 0;}

.pg_number > *{display:inline-block;font-family:'notokr-light';padding:4px 2px 5px;vertical-align: top;}
.pg_number a{position:relative;color:#848484;font-size:14px;font-family:'noto-regular';}
.pg_number a:after{content:'';display:none;position:absolute;bottom:2px;left:50%;width:8px;height:1px;margin-left:-4px;background:#4969f0;}
.pg_number a.active{color:#4969f0;font-family: 'noto-bold';}
.pg_number a.active:after{display:inline-block;}
#inPopup_container.active{visibility:visible}
#inPopup_container.active .bg{display:block;width:100%;height:100%;background-color: rgba(0,0,0,0.8);zoom: 1;}
.popup_item3 .pop_box_inner3{background:none;padding:0;}
.pop_close_btn2{position:absolute;right:4px;bottom:10px;width:120px;height:120px;background:#181818;}
.pop_close_btn2 .ui_btn{width:120px;height:120px;background:url(https://corp.imbc.com/img/images/close_btn2.png)no-repeat center center;text-indent:-9999px;}

/* 성과관리시스템  */
.pop_row_box .pop_col_box .box_title{padding:12px 0;background:#4969f0;color:#fff;font-size:20px;font-family:'notokr-bold';letter-spacing:-0.75px;text-align:center;line-height:1;}
.pop_row_box .pop_col_box{padding-bottom:40px;}
.pop_row_box .pop_col_box .box_info{margin-top:5px;padding:18px 25px;color:#fff;background:#141414;font-size:16px;line-height:34px;letter-spacing:-0.8px;}
.pop_row_box .pop_col_box .box_info ul li{display: flex;position:relative;padding-left:12px;color:#fff;font-size:16px;font-family:'notokr-light';line-height:34px;}
.pop_row_box .pop_col_box .box_info ul.dot_white li:after{content:'';width:4px;height:4px;position:absolute;top:50%;left:0;margin-top:-2px;border-radius:100%;background:#fff;}
.pop_row_box .pop_col_box .box_info ul.dot_blue li:after{content:'';width:4px;height:4px;position:absolute;top: 16px;left:0;margin-top:-2px;border-radius:100%;background:#829aff;}
.pop_row_box .pop_col_box .box_info ul.dot_blue li span:first-child{display:inline-block;min-width: 124px;color:#829aff;font-family: 'notokr-bold';}

/* 채용공고 */
/* list */
/* .popcr_list_box{display:none;} */
.pop_table_box.list{height:501px;overflow-x: hidden;}
.pop_table_box.list table tbody td{padding:10px 0;text-align:center;}
.pop_table_box.list table tbody td{font-family:'noto-regular';}
.pop_table_box.list table tbody th{padding:10px 5px 10px 15px;border-right: 1px solid #444;border-bottom: 1px solid #444444;color: #cfcfcf;font-size: 16px;font-family: 'notokr-light';text-align:left;line-height: 24px;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;}
.pop_table_box.list table tbody th a{color:#829aff;}
/* view */
.popcr_view_box{font-family: 'notokr-light';font-size:16px;letter-spacing:-0.5px;display:none}
.view_header{border-top:3px solid #fff;}
.view_title{border-bottom: 1px solid #444444;display:flex;}
.view_title > *, .bo_v_date > *, .bo_v_views > * ,.nb_prv a > *, .nb_next a > *{float:left;padding:15px;line-height:1.4;}
.view_title:after,.bo_v_date:after,.bo_v_views:after,.bo_v_info:after,.nb_prv a:after,.nb_next a:after{content:'';display:block;clear:both;}
.view_title .bo_v_tit02{width:587px;}
.bo_v_tit01{position:relative;width:90px;color:#fff;font-family:'notokr-bold';}
.bo_v_tit02{color:#829aff}
.bo_v_tit03, .bo_v_tit03 a{color:#cfcfcf;}
.bo_v_info,.nb_prv,.nb_next{border-bottom: 1px solid #444444;}
.bo_v_date{float:left;}
.bo_v_date .bo_v_tit01:after,.bo_v_views .bo_v_tit01:after{content:'';position:absolute;top:50%;right:10px;width:1px;height:14px;margin-top:-6px;background:#444;}
.bo_v_date .bo_v_tit03{font-family:'noto-regular';}
.bo_v_views{float:right;}
.view_content{padding:20px 10px;height:310px;border-bottom: 1px solid #444444;color:#cfcfcf;font-family: 'notokr-light';font-size:16px;letter-spacing:-0.5px;line-height:34px;overflow: hidden;overflow-y: auto;}
.nb_prv a , .nb_next a{display:block;}
.nb_prv .bo_v_tit01,.nb_next .bo_v_tit01,.nb_prv .bo_v_tit03,.nb_next .bo_v_tit03{color:#848484;}
.list_back_btn{padding:40px 0;text-align:center;}
.list_back_btn .list_btn{display:inline-block;width:110px;height:45px;line-height:45px;background:#4969f0;color:#fff;text-align:center;font-weight: bold;}


/* 내부정보관리규정 */
.internal_box{height:100%;padding-bottom:55px;}
.internal_box .internal_date{padding-bottom:10px;color:#929292;font-size:14px;font-family: 'notokr-light';text-align:right;}
.internal_box .internal_info{height:95%;padding:20px 50px 20px 20px;background:#141414;color:#cfcfcf;;font-size:14px;font-family: 'notokr-light';overflow: hidden;overflow-y: auto;line-height:28px;letter-spacing:-0.25px}
b.center{display:block;text-align:center;}
.txt_in{padding:5px 0 5px 14px;display:block;font-style: normal;}

/* 콘텐츠유통 */
.distri .pop_row .pop_col.lf{width:200px;height:100%;}
.distri .pop_row .pop_col.rg{width:693px;height:100%;padding:20px 40px 0 20px;}
.pop_title{position:relative;color:#4969f0;font-size:24px;font-family:'notokr-bold';letter-spacing:-0.75px;text-align:center;overflow:hidden;}
.pop_title span{position:relative;padding:0 30px;background:#000;z-index:10;}
.pop_title:after{content:'';position:absolute;width:50%;height:1px;left:50%;top:50%;background:#1d2a60;z-index:0;}
.distri .pop_row{height:90%;}
.distri .pop_row .pop_col.lf .img_box{height:100%;background:url(https://corp.imbc.com/img/images/ct_distri_bg.png)no-repeat 0 80px; }


/* 콘텐츠생산 */
.product .pop_title{text-align:left;}
.product .pop_title:after{width:80%;left:40%;}
.product .pop_title span{padding:0 30px 0 0;font-family: 'notokr-bold';}
.product .pop_row .pop_col.lf{width:270px;height:100%;}
.product .pop_row .pop_col.rg{width:623px;height:100%;padding:0 0 0 35px;}
.poster_box{padding-top:7px}
.poster_box:after{content:'';display:block;clear:both;}
.poster_box li{float:left;padding:1px 1px;width:134px;height:176px;}
.product .txt_info_box{padding:10px 40px 0 0;}
.heyo_btn{padding-top:55px;}
.heyo_btn a{display:inline-block;width:175px;height:58px;background:#4969f0;line-height:58px;text-align:center;}

/* 광고 */
.adv .pop_title{text-align:left;}
.adv .pop_title:after{width:80%;left:40%;}
.adv .pop_title span{padding:0 30px 0 0;}
.adv .pop_row .pop_col.lf{width:270px;height:100%;}
.adv .pop_row .pop_col.rg{width:623px;height:100%;padding:0 0 0 35px;overflow-y: auto;}
.adv .txt_info_box{padding:10px 40px 0 0;}
.app_box{padding-top:5px;}
.app_box li{margin-top:2px;padding:20px 15px;background:#141414;}
.app_box li:nth-child(2) .down_btn{padding-top:4px;}
.app_box li:nth-child(2) .txt_01{margin-top: -2px;}
.app_box li:nth-child(1) .app_wrap .app_info, .app_box li:nth-child(3) .app_wrap .app_info{padding:12px 0 12px 12px;}
.app_wrap{position:relative;}
.app_wrap:after{content:'';display:block;clear:both;}
.app_wrap > *{float:left;}
.app_icon{width:76px;}
.app_icon a{display:block;}
.app_info{width:164px;padding:8px 0 8px 12px;}
.app_info .txt_01{color:#fff;font-size:15px;font-family:'Roboto', sans-serif;font-weight:500;}
.app_info .txt_02{color:#bdbdbd;font-size:12px;font-family: 'Roboto Condensed', sans-serif;line-height:18px;letter-spacing: -0.5px;}
.app_info .txt_02 a{display:inline-block;color:#bdbdbd;}
.down_btn{padding-top:12px;}
.down_btn a{display:inline-block;width:88px;height:20px;background:#4969f0 url(https://corp.imbc.com/img/images/dn_btn.png)no-repeat right 10px center;text-indent:-9999px;}
.play_btn{position:absolute;top:50%;right:3px;width:43px;height:43px;margin-top: -19px;background:url(https://corp.imbc.com/img/images/paly_btn.png)no-repeat;text-indent:-9999px;}

/* BUSINESS > 광고 영역 수정 추가 */
#popup_advertising.popup_item2 .ad_block{margin-bottom:20px;font-family: 'notokr-regular';}
#popup_advertising.popup_item2 .ad_block h4{
    font-family: 'notokr-regular';
}
#popup_advertising.popup_item2 .ad_block .dot_list li{line-height: 32px;padding-left: 13px;position:relative}
#popup_advertising.popup_item2 .ad_block .dot_list li:after{position:absolute;left: 0px;top: 13px;width: 6px;height: 6px;background:#c2c2c2;content:'';}

#popup_advertising.popup_item2 .pop_box_inner2 .adv .txt_info_box {overflow-y: scroll;padding-bottom: 30px;height: 100%;}
#popup_advertising.popup_item2 .contact a{color:#4969f0;text-decoration: underline;}
/* ir > 공시자료 */
#popup_ir_list2 .pop_box_inner{padding:66px 106px 0 60px}
#popup_ir_list2 .pop_box{padding:70px 0px 0 0}

/* ir > 공고 */
#popup_ir_list3 .popcr_view_box{height:calc(100% - 40px);overflow:hidden}
#popup_ir_list3 .bo_v_tit01{width:100px}
#popup_ir_list3 .view_content{background-color:#fff;padding:20px;height:calc(100% - 206px);margin-top:30px;box-sizing:border-box;color:#000;border-bottom:none;}
#popup_ir_list3 .view_img {padding:0 20px;height:100%;overflow-y:auto}
#popup_ir_list3 .view_img::-webkit-scrollbar-track{background-color:#d2d2d2}
#popup_ir_list3 .view_content img{display:block;width:100% !important; height: auto !important}
#popup_ir_list3 .list_back_btn{padding:20px 0}

/* 미디어쿼리  */
@media (max-width:640px) {
  .inner{width: 100%}
  .aboutus .con_box{width: 100%;padding-left:4%}
  #fp-nav.left{left: 5%;margin-left:0}
  #logo_wrap{left: 5%;margin-left:0}
}

/* 번역 */
.ft_top{position:relative;}
#google_translate_element{position:absolute;left:0;top:0;display:flex;align-items:center;bottom:0;}

.translated-ltr .con_list_inbox .inbox_title{font-size:38px;}
.translated-ltr #popup_advertising .txt_info_box > p{padding-top:15px;}
.translated-ltr #popup_advertising .txt_info_box{line-height:25px;font-size:15px;}
.translated-ltr .play_btn{top: 75%;width: 30px;height: 30px;background-size:100%;}
.translated-ltr .down_btn a{width:auto;min-width:88px;padding:0 5px;}
.translated-ltr .pop_table_box table tbody tr td{padding: 10px 0 10px 30px;font-size: 14px;line-height: 20px;}
.translated-ltr .pop_row_box .pop_col_box .box_info ul li{font-size:14px;line-height:2}
.translated-ltr .pop_table_box.list table tbody td{padding:10px 0}
.translated-ltr .bo_v_tit01{min-width:90px;width:auto;}
.translated-ltr .bo_v_date .bo_v_tit01:after{right:-2px;}
.translated-ltr #popup_ir_list3 .bo_v_tit01{width:auto;min-width:100px;}
.translated-ltr .bo_v_tit03{max-width:500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.translated-ltr .ft_wrap .ft_top .com_info{padding-bottom:60px}
.translated-ltr .ft_wrap .ft_top .com_info ul {display:flex;flex-wrap:wrap;}
.translated-ltr .ft_wrap .ft_top .com_info ul li{margin-top:9px;line-height:1.4;max-width:382px;flex:0 0 auto;}
.translated-ltr .ft_wrap .ft_top .com_info ul li:after{top:8px}

.translated-ltr[lang=en] .info_txt ul li{font-size:17px;line-height:1.7em;}
.translated-ltr[lang=en] .ir_list_title{font-size:44px;padding-top:50px;}
.translated-ltr[lang=en] .ir_list_box ul li:hover .ir_list_title{padding-top:30px;}
.translated-ltr[lang=en] .data_table .table_wrap table tbody tr td{line-height:1.3}
.translated-ltr[lang=en] .careers_list_title{font-size:44px;padding-top:45px}
.translated-ltr[lang=en] .careers_list_box ul li:hover .careers_list_title{padding-top:20px;}

.translated-ltr[lang=ja] .info_txt ul li{font-size:16px;line-height:1.45em;}
.translated-ltr[lang=ja] .ft_wrap .ft_top .com_info ul li:nth-child(2){min-width:100%;}