@charset "utf-8";
/**애니메이션 콘트롤**/
.introduction_wrap .introduction_bg .text_wrap .text_inner,
.introduction_wrap .introduction_bg .text_wrap img,
.center_wrap,
.introduction_wrap .text {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
.webtong_gallery02 .card_wrap a,
.webtong_gallery02 .card_wrap a span img,
.webtong_gallery02 .card_wrap,
.company_Information ul li a span img,
.sub_nav,
.banner_wrap .banner_inner p a img,
.vod_wrap ul li a span img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}


/**background animation**/
.ani_bg_wrap {width: 100%;margin: 0 auto;position: absolute;z-index: 0;top: 0;height: auto;position: relative;transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s}
.ani_bg_wrap em {position: fixed;display: inline-block;z-index: -1;left: 50%}
.ani_bg_wrap em.bg01 {top: 47%;margin-left: 562px;width: 200px;height: 200px;border-radius: 100%;border: 39px solid rgba(224, 224, 224, 0.25)}
.ani_bg_wrap em.bg02 {top: 73%;margin-left: 788px;width: 50px;height: 50px;border-radius: 100%;border: 14px solid rgba(255, 61, 0, 0.2)}
.ani_bg_wrap em.bg03 {top: 63%;margin-left: -300px;width: 80px;height: 80px;border-radius: 100%;background: rgba(242, 251, 225, 0.72)}
.ani_bg_wrap em.bg04 {top: 63%;margin-left: -632px;width: 100px;height: 100px;border-radius: 100%;background: rgba(0, 159, 255, 0.18)}
.ani_bg_wrap em.bg05 {top: 63%;margin-left: -653px;width: 40px;height: 40px;border-radius: 100%;border: 11px solid rgba(255, 239, 178, 0.48)}
.ani_bg_wrap em.bg06 {top: 63%;margin-left: 662px;width: 180px;height: 180px;background: url(/usr/images/irenk/main/main_bg.png) no-repeat 0}

/**메인비주얼**/
.webtong_visual {background: #fff url(/usr/images/irenk/main/bg.png) center;padding: 40px 0;margin-top: 70px}
.webtong_visual.action {margin-top: 132px}
.mine_map {max-width: 1200px;margin: 0 auto;padding:0 1.5%}
.mine_map .mine_list {float:left;width:40%;padding: 25px 0}
.mine_map .mine_list h2 {font-size: 52px;color: #292929;font-weight: 800;margin-bottom:10px}
.mine_map .mine_list h3 {display:none}
.mine_map .mine_list ul li {float: left;width: 33.33333%;padding: 3px}
.mine_map .mine_list ul li > a {display: block;text-align: center;background-color: #fff;border: 1px solid #d4dee8;padding: 11px 0;margin: 3px 0;border-radius: 24px;color: #063c6e;font-weight: 600}
.mine_map .mine_list ul li > a.on, .mine_list ul li > a:focus, .mine_list ul li > a:hover {border-color: #ec5390;color: #c72062;position: relative}
.mine_map .mine_list ul li:last-child {width:66.666666%}
.mine_map .mine_list ul li:last-child a {background-color:#c72062;color:#fff;border-color: #c72062}
.mine_map .mine_list ul li:last-child a span {}
.mine_map .mine_img {float:left;width:60%;text-align: right;position:relative}
.mine_map .mine_img .mine_inner {display: inline-block;position:relative;display:none}
.mine_map .mine_img .mine_inner.on {display:inline-block}
.mine_map .mine_img .mine_inner img {width:auto}
.mine_map .mine_img .mine_inner h3 {position: absolute;top: 20%;left: 0;display: inline-block;background-color: #fff;padding: 6px 20px;min-width: 150px;border: 2px solid #063c6e;border-radius: 23px;text-align: center}
.mine_map .mine_img .compass {width:116px;height:126px;display:inline-block;text-indent:-999em;position:absolute;bottom:0;right:0;background:url(/usr/images/irenk/main/compass.png) no-repeat;text-align: left} 

.aniopacity {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-name: aniopacity;animation-name: aniopacity;opacity: 1}

@keyframes aniopacity {
  0% {opacity:0;}
  100% {opacity:1}
}


/**메인 홍보영상, 공지사항, 이벤트 일정표**/
.main_bbs_wrap {padding:50px 0;background-color: #f2f5f9}
.notice_wrap {float: left;width: 60%;position: relative;padding-right: 50px;z-index:1}

/**배너존**/
.notice_wrap .video_view {position: relative;margin-top: 60px}
.notice_wrap .video_view .notice_new {background-color: #fff;text-align: center;border: 1px solid #dadada;padding: 7px;float: left;position: relative;width: 46%;display:block}
.notice_wrap .video_view .notice_new i {position: absolute;right: 50%;top: 50%;background: rgba(255, 255, 255, 0.83) url(/usr/images/irenk/main/video_i.png) no-repeat center;color: #fff;width: 52px;height: 52px;border-radius: 100%;text-indent: -999em;margin: -26px -26px 0 0}
.notice_wrap .video_view .notice_new .a_wrap {position: relative;margin-bottom: 10px}
.notice_wrap .video_view .notice_new a {display: block}
.notice_wrap .video_view .notice_new a span {display: block;position: relative;padding-top: 58%;overflow: hidden}
.notice_wrap .video_view .notice_new a span img {width: 100%;position: absolute;top: 0;transition: all 0.5s;left: 0}
.notice_wrap .video_view .notice_new a:hover span img, .notice_wrap .video_view .notice_new a:focus span img {transform: scale(1.2)}
.notice_wrap .video_view .notice_new h4 {font-size: 17px;margin: 18px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.notice_wrap .video_view .notice_new p {height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.notice_wrap .video_view .notice_new em {display: block;margin: 14px;font-weight: 200}
.notice_wrap .video_view ul {float: right;width: 54%;padding-left: 26px}
.notice_wrap .video_view ul li {margin-bottom: 16px;border-bottom: 1px solid #dadada;padding-bottom: 22px;border-style: dashed}
.notice_wrap .video_view ul li:last-child {border-bottom:0;margin-bottom: 0}
.notice_wrap .video_view ul li p {font-size: 14px;margin-bottom: 6px;letter-spacing: 0}
.notice_wrap .video_view ul li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-weight: 600;font-size: 16px}
.notice_wrap .notice_more {position: absolute;top: -57px;right: 0;text-indent: -999em;width: 22px;height: 22px;background: url(/usr/images/irenk/main/more.png) no-repeat}
.banner_wrap {position:relative}
.banner_wrap .notice_more {position: absolute;top: 3px;right: 15px;text-indent: -999em;width: 22px;height: 22px;background: url(/usr/images/irenk/main/more.png) no-repeat}

/**회사 소개 바로가기**/
.company_wrap02 {padding: 3% 0;background-color: #e9eff3}
.company_inner {max-width:1200px;margin:0 auto}
.company_inner h2 {font-size: 52px;text-align:center;margin-bottom: 50px;color: #292929}
.company_inner .col70 {float:left;width:70%;padding-right:40px}
/*.company_inner .col70_inner {margin-top: 60px}*/
.company_inner .col70 .col70_inner .col70_inner30 {float:left;width:40%}
.company_inner .col70 .col70_inner .col70_inner70 {float:left;width:60%}
.company_inner .col70 .col70_inner ul {float:none}
.company_inner .col70 .col70_inner ul li {float: none;position: relative;margin: 0 37px 5px 0;padding-bottom: 13px}
.company_inner .col70 .col70_inner ul li > span {position: absolute;top: 0;left: 0;display: inline-block;text-align: center;width: 32px;height: 32px;background-color: #48aeeb;line-height: 32px;color: #fff;border-radius: 100%}
.company_inner .col70 .col70_inner ul li div {margin-left: 40px;}
.company_inner .col70 .col70_inner ul li div strong {font-weight: 800;font-size: 15px;margin-bottom: 10px;display: block}
.company_inner .col70 .col70_inner ul li div p {border-bottom: 1px solid #b7c7d2;border-top: 1px solid #b7c7d2;margin-top: -1px;font-size: 14px ;}
.company_inner .col70 .col70_inner ul li div p span { display: inline-block;background-color: #e0e8ec;width: 116px;margin-right: 5px;padding: 7px 9px;text-align: right}
.company_inner .col70 .col70_inner ul li div p em.non, .table_type01 em.non {margin: 0 3px 0 0}
.company_inner .col70 .col70_inner ul li div p em.red, .table_type01 em.red {color:red;font-size: 10px;display: inline-block;margin: 0 3px 0 8px;vertical-align: 2px}
.company_inner .col70 .col70_inner ul li div p em.blue, .table_type01 em.blue {color:blue;font-size: 10px;display: inline-block;margin: 0 3px 0 8px;vertical-align: 2px}

.tab_01, .tab_02 {visibility: hidden;opacity: 0;height: 1px;overflow: hidden;margin-top: 0}
.tab_01.on, .tab_02.on {visibility: visible;opacity: 1;height: auto;margin-top: 60px}

.graph_wrap {display:block;background-color: #fff;position:relative}
.graph_wrap.padd {padding:10px}
.graph_wrap .data {position:absolute;bottom:5px;right:5px}
.graph_wrap img.auto {width: auto;margin: 0 auto;display: table;padding: 11px 0}
.graph_wrap table {width:100%;border-top: 2px solid;font-size: 13px}
.graph_wrap table th {padding: 3px 6px;border-bottom: 1px solid #b7c7d2;border-right: 1px solid #b7c7d2;}
.graph_wrap table td {text-align:center;padding:3px 6px;border-bottom: 1px solid #b7c7d2;border-right: 1px solid #b7c7d2}
.graph_wrap table td .tar {text-align:right}
.graph_wrap table td:last-child, .graph_wrap table th:last-child {border-right:0}

.company_inner .col30 {float:left;width:30%}
.company_inner div {}
.company_inner div h3 {float: left;line-height: 30px}
.company_inner div > ul {float: right}
.company_inner div > ul li {float: left}
.company_inner > div > ul li a {font-size: 14px;padding: 6px 22px;background-color: #9a9a9a;color: #fff;display: inline-block;min-width: 72px;text-align: center}
.company_inner > div > ul li a.on {background-color: #10223f}

/**메인 공지사항**/
.notice_wrap .notice_view {position: relative;margin-top: 60px}
.notice_wrap .notice_view ul li {margin-bottom: 14px;padding-bottom: 6px;border-bottom: 1px solid #dadada;border-style: dashed}
.notice_wrap .notice_view ul li:last-child {margin-bottom: 0}
.notice_wrap .notice_view ul li p {margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block}
.notice_wrap .notice_view ul li p span {background: url(/usr/images/irenk/common/file.png) no-repeat;text-indent: -99em;display: inline-block;width: 11px;height: 11px;vertical-align: -5px;margin-left: 8px}
.notice_wrap .notice_view ul li p em {display: inline-block;color: #fff;padding: 2px 18px;font-size: 14px;margin-right: 10px;background-color: #245094}
.notice_wrap .notice_view ul li p em.new {background-color: #d11e61}
.notice_wrap .notice_view ul li a {font-weight: 300;display: block}
.notice_wrap .notice_view ul li a strong {font-size: 17px}

.banner_wrap {float: right;width: 40%;position:relative}
.banner_wrap .banner_inner {position: relative;margin-top: 60px}
.banner_wrap .banner_inner p {margin-bottom: 4px} 
.banner_wrap .banner_inner p a {display: block;position: relative;overflow: hidden;padding-top: 71%}
.banner_wrap .banner_inner p a img {position: absolute;top: 0}
.banner_wrap .banner_inner p a:hover img, .banner_wrap .banner_inner p a:focus img {transform: scale(1.1)}
.banner_wrap .banner_inner .notice_more {position: absolute;top: -57px;right: 0;text-indent: -999em;width: 22px;height: 22px;background: url(/usr/images/irenk/main/more.png) no-repeat}


/**메인 홍보부분**/
.introduction_wrap {position: relative;z-index: 1}
.introduction_wrap .introduction_bg {max-width: 1900px;margin: 0 auto;background: #000 url(/usr/images/irenk/main/introduction_bg.png);color: #fff;padding: 1% 0 2%;background-position: bottom;background-size: cover;background-attachment: fixed;position:relative}
.center_wrap {display: table;margin: 0 auto;background-color: #fff;position: relative;top: 74px;box-shadow: 0 0 25px 12px rgba(0, 0, 0, 0.27);transform: translateY(100px);opacity: 0}
.center_wrap.ani_layer.action {transform: translateY(0);opacity: 1} 
.center_wrap ul {padding: 40px 20px 25px 20px}
.center_wrap ul li {float: left;width: 33.33333%;margin-bottom: 20px}
.center_wrap ul li a {display: block;text-align: center;color: #1b3a6a;padding: 5px 15px;border-right: 1px solid #e0e0e0}
.center_wrap ul li:nth-child(3n) a {border-right: 0}
.center_wrap ul li a img {width:auto;margin-bottom: 10px}
.center_wrap > .table_wrap  {display:table;width: 100%}
.center_wrap > .table_wrap > a {background-color: #000;width: 50%;text-align: center;padding: 20px 0;display:table-cell;font-size:1.4em}
.center_wrap > .table_wrap > a > em {font-family: "Montserrat";font-weight:600}

.main_wrap02 {background-color: #464d5d;color: #fff;padding: 40px 0}
.main_wrap02 .tab_table01 {max-width: 1200px;margin: 0 auto;position: relative}
.main_wrap02 .tab_table01:after {content: '';position: absolute;bottom: -172px;left: -149px;background: url(/usr/images/irenk/main/ani_logo.png) no-repeat;width: 350px;height: 399px;animation:sc03_up_down 2s linear 0s infinite}
.main_wrap02 .tab_table01 .tab_menu_m {position: absolute;top: 0;left: 37px;text-align: right}
.main_wrap02 .tab_table01 .tab_menu_m h2 {font-size: 52px;margin-bottom: 12px}
.main_wrap02 .tab_table01 .tab_menu_m ul {}
.main_wrap02 .tab_table01 .tab_menu_m ul li {float: left;width: 50%;text-align: center}
.main_wrap02 .tab_table01 .tab_menu_m ul li a {padding: 8px 0;background-color: #fff;display: block;color: #464d5d;font-size: 16px}
.main_wrap02 .tab_table01 .tab_menu_m ul li a.on {background-color: #48aeeb;color: #fff}
.main_wrap02 .tab_table01 .tab_menu_m > a {background: url(/usr/images/irenk/main/view.png) no-repeat right center;padding-right: 37px;display: inline-block;margin-top: 18px;font-size:13px}
.main_wrap02 .tab_table01 .inner_table {margin-left: 370px;display:none}
.main_wrap02 .tab_table01 .inner_table.on {display:block}
.main_wrap02 .tab_table01 .inner_table table {width:100%}
.main_wrap02 .tab_table01 .inner_table table thead {background-color: #48aeeb;border-bottom: 4px solid #3498d4;box-shadow: 0px 7px 0 0 rgba(0,0,0,0.2)}
.main_wrap02 .tab_table01 .inner_table table thead tr {}
.main_wrap02 .tab_table01 .inner_table table thead tr th {padding: 13px 0}
.main_wrap02 .tab_table01 .inner_table table tbody {}
.main_wrap02 .tab_table01 .inner_table table tr {border-bottom: 1px solid rgb(255,255,255,0.13);}
.main_wrap02 .tab_table01 .inner_table table tr td {text-align: center;padding: 10px 5px}
.main_wrap02 .tab_table01 .inner_table table tr td p {padding: 5px}
.main_wrap02 .tab_table01 .inner_table table tr td .tar {text-align: right}

@keyframes sc03_up_down {
  0%{bottom: -172px}
  50%{bottom: -150px}
  100%{bottom: -172px}
}
.sc_evt_on .sc03_up_down {animation:sc03_up_down 10s linear 0s infinite;}

.main_gallery {padding: 55px 0 75px;background: url(/usr/images/irenk/main/company_wrap03.png) no-repeat center}
.main_gallery .gallery {padding:10px 0 50px;max-width: 1200px;margin: 0 auto}
.main_gallery .gallery h2 {font-size:52px;text-align:center;color: #292929}
.gallery_inner {float: left;width: 50%;box-sizing: border-box;position: relative;}
.gallery_inner:nth-of-type(1) {padding-right: 20px}
.gallery_inner:nth-of-type(2) {padding-left: 20px}
.gallery_inner > .main_box {font-size: 16px;font-size: 16px;border: 1px solid #afafaf;border-top: 2px solid;padding: 20px}
.gallery_inner > .main_box p {line-height: 40px;border-bottom: 1px solid #ddd;position:relative;padding-left:7px}
.gallery_inner > .main_box p:before {content: '';position: absolute;left: 0;top: 17px;background-color: #c72062;width: 3px;height: 3px}
.gallery_inner > .main_box p:last-of-type {border-bottom: 0}
.gallery_inner > .main_box p > a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 93%}
.gallery_inner > .main_box img {width: auto;position: absolute;right: 0;top: 6px}
.event_wrap_in {position: relative;padding-bottom: 40px}
.gallery_inner .sub_tit {margin-top: 20px;font-size: 18px;margin-bottom: 9px}
.event_wrap_in {position: relative;padding-bottom: 40px}
.gallery_inner:nth-of-type(2) .top_menu1 {right: 0}
.top_menu1 {position: absolute;top: 23px;right: 20px}
.top_menu2 {position: absolute;top: 23px;right: 0}


.slider {max-width: 100%;margin: 0 auto 15px}
.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.slick-slide {float: left;height: 100%;min-height: 1px;transition: all 0.5s;padding: 35px}

.slick-center {opacity: 1;}
.slick-center .g_box_in .b_box_wrap {box-shadow: 0px 0px 20px 13px rgba(0, 0, 0, 0.1);border: 7px solid #063c6e}
.slick-center .g_box_in .b_box_wrap div {background-color: #fff}
.slick-center .g_box_in .b_box_wrap div strong {display: block;text-align: center}
.slick-center .g_box_in .b_box_wrap div a {background: #c72062;color: #fff}

.g_box_in .b_box_wrap {border: 7px solid transparent}
.g_box_in .b_box_wrap div {text-align:center;padding: 40px 11px}
.g_box_in .b_box_wrap div strong {    display: block;}
.g_box_in .b_box_wrap div em {height: 53px;overflow: hidden;text-overflow: ellipsis;display: inline-block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;line-height: 26px;font-size: 22px;text-align: center;margin: 30px 0}
.g_box_in .b_box_wrap div p {height: 59px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: 200;line-height: 19px;font-size: 15px}
.g_box_in .b_box_wrap div a {display: inline-block;margin-top: 49px;padding: 10px 30px;background: #dae0e6;color: #484848}
.g_box_in .text {padding: 20px}
.g_box_in .text strong {display: block;padding-bottom: 8px;font-size: 18px;color: #1b1b1b;font-weight: 600}
.g_box_in .text p {font-size: 14px;font-weight: 300;height: 44px;white-space: normal;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}

.slick-track:before, .slick-track:after {display: table;content: ''}
.slick-prev {margin-left:-50px}
.controller {text-align: center;margin-left: -71px;height: 44px;line-height: 44px;background-color:#30476c;border-radius: 23px;box-shadow: 0px 7px 10px 2px rgba(0, 0, 0, 0.39);color: #fff}
.controller span {margin-right: 13px;}
.controller button {width: 9px;height: 20px;display: inline-block;text-indent: -999em;background: url(/usr/images/irenk/common/controller.png) no-repeat -23px 3px;position: relative;right: -29px}
.controller button.play {background-position:-39px 3px}
.slick-prev, .slick-next {width: 9px;height: 40px;padding: 0;cursor: pointer;bottom: 0;text-indent: -999em;background: url(/usr/images/irenk/common/controller.png) no-repeat 1px 16px;z-index: 1}
.controller, .slick-next, .slick-prev {position: absolute;left: 50%}
.slick-next {margin-left: 24px;background-position: -11px 16px}

.vod_wrap {padding:0 1.5% 100px;position:relative}
.vod_wrap:before {content: '';position: absolute;left: 0;background-color: #313131;width: 43%;height: 354px;z-index: -1;top: 0;transform: translatey(-53px);-webkit-transform: translateY(-53px);-ms-transform: translateY(-53px)}
.vod_wrap h3 {max-width: 1200px;margin: 0 auto;color: #fff;font-size: 2em;padding-bottom: 22px;position: relative;}
.vod_wrap h3 .more_btn {background: url(/usr/images/irenk/main/view_.png) no-repeat right center;font-size: 15px;color: #afafaf;font-weight: 500;letter-spacing: 0;display: inline-block;padding-right: 35px;line-height: 43px;font-size:13px;position: absolute;right: 0;top: 0}
.vod_wrap ul {max-width: 1220px;margin: 0 auto}
.vod_wrap ul li {float:left;width:25%;padding: 0 10px}
.vod_wrap ul li a {display: block;background-color: #fff;border: 1px solid #e2dcdc;padding: 15px}
.vod_wrap ul li a span {position: relative;padding-top: 88%;overflow: hidden;display: block;margin-bottom: 14px}
.vod_wrap ul li a span img {position: absolute;top: 0}
.vod_wrap ul li a:hover span img {transform: scale(1.2)}
.vod_wrap ul li strong {display:block;font-size: 16px}
.vod_wrap ul li p {margin-top: 6px;font-weight: 200;height: 64px;overflow: hidden}

/**메인 스크롤 제이쿼리**/
.scroll-wrapper {overflow: hidden !important}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0}
.scroll-element {display: none}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default}
.scrollbar-macosx {display:block;height: 117px;overflow: auto}
.scrollbar-macosx > .scroll-element,.scrollbar-macosx > .scroll-element div {background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10}
.scrollbar-macosx > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%}
.scrollbar-macosx > .scroll-element .scroll-element_track {display: none}
.scrollbar-macosx > .scroll-element .scroll-bar {background-color: #7d8296;display: block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7}
.scrollbar-macosx > .scroll-element.scroll-x {bottom: 0px;height: 0px;left: 0;min-width: 100%;overflow: visible;width: 100%}
.scrollbar-macosx > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 0px;top: 0;width: 0px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 5px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/** footer Top, Bottom 스크롤 버튼 [S] **/
#scrollTopPc {	display:none; position:fixed; bottom:20px; right:70px; width: 45px; z-index:99; cursor:pointer; border-radius:100%; }
#scrollDownPc { display:none; position:fixed; bottom:20px; right:15px; width: 45px; z-index:99; cursor:pointer; border-radius:100%; }
/** footer Top, Bottom 스크롤 버튼 [E] **/

.list_wrap {background: #e4ebf2 url(/usr/images/irenk/main/company_wrap04.png) no-repeat center;padding: 70px 0}
.list_wrap .list_inner {margin: 0 auto;max-width: 1230px}
.list_wrap .list_inner .list_box {float: left;width: 33.33333%;padding: 0 10px;position: relative}
.list_wrap.w004 .list_inner .list_box {width: 25%}
.list_wrap .list_inner .list_box .more_btn {position: absolute;top: 5px;right: -3px;background: none;padding-right: 15px;font-size: 13px}
.list_wrap .list_inner .list_box h2 {margin-bottom: 15px;font-size: 19px}
.list_wrap .list_inner .list_box .box_line {background-color: #fff;border: 1px solid #ced7e0;padding: 20px 20px 10px 20px;min-height: 192px;font-size: 14px}
.list_wrap .list_inner .list_box .box_line h3 {font-size: 15px;margin-bottom: 3px}
.list_wrap .list_inner .list_box .box_line.lin ul {line-height: 30px}
.list_wrap .list_inner .list_box .box_line ul {margin-bottom: 10px}
.list_wrap .list_inner .list_box .box_line ul li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;position:relative;padding-left:9px}
.list_wrap .list_inner .list_box .box_line ul li a:before {content: '';position: absolute;background-color: #33496d;width: 5px;height: 2px;top:10px;left: 0}
.list_wrap.w004 .list_inner .list_box .box_line ul li a.li_btn {text-align: center;border: 1px solid #a1bedc;padding: 0px;border-radius: 18px;color: #3782d0}
.list_wrap.w004 .list_inner .list_box .box_line ul li a.li_btn:before {content: '';background:none}
.list_wrap .list_inner .list_box .box_line.lin ul li a:before {top: 13px}

/**서브 메뉴영역**/
.sub_nav {position: absolute;width: 100%;bottom: 0;background: rgba(0,0,0,0.5)}
.sub_nav.action {position: fixed;top: 61px;height: 60px;z-index:1;background-color: #15183a}
.sub_nav_wrap {max-width:1200px;margin:0 auto}
.sub_nav_wrap .home {float: left;background: url(/usr/images/irenk/common/sub_btn.png) no-repeat 20px 23px;height: 60px;text-indent: -999em;width: 50px;display: inline-block}
.sub_menu01 > li > ul {display:none;position: absolute;}
.sub_menu02 > li > ul {display:none;position: absolute;}
.sub_menu02 > li > a {border-right: 1px solid rgba(255, 255, 255, 0.15)}
.sub_menu03 > li > ul {display:none;position: absolute;}
.sub_menu03 > li > a {border-right: 1px solid rgba(255, 255, 255, 0.15)}
.sub_nav ul {float: left}
.sub_nav ul li {position: relative}
.sub_nav ul li a {position:relative}
.sub_nav ul li a:hover, .sub_nav ul li a:focus {color:#fff}
.sub_nav ul li a:hover:before, .sub_nav ul li a:focus:before {height:100%;opacity:1}
.sub_nav .w01 li {width: 100%;float: left}
.sub_nav .w02 li {width: 50%;float: left}
.sub_nav .w03 li {width: 33.33333%;float: left}
.sub_nav .w04 li {width: 25%;float: left}
.sub_nav_wrap > div > ul > li.on > a {background-position: right -13px}
.sub_nav_wrap > div > ul > li > a {display: block;padding: 20px 0;letter-spacing: -0.7px;position: relative;color: #fff;font-size: 14px;border-left: 1px solid rgba(255, 255, 255, 0.15);padding-left: 13px;width: 250px;text-align: left;background: url(/usr/images/irenk/common/sub_up_down.png) no-repeat right 23px}
.sub_nav_wrap > div > ul > li > ul {width: 100%;background-color: #3a4263;z-index: 2}
.sub_nav_wrap > div > ul > li > ul > li {}
.sub_nav_wrap > div > ul > li > ul > li a {color: #fff;padding: 10px 6px 10px 13px;display: block;font-size: 14px;border-bottom: 1px solid rgba(255, 255, 255, 0.13)}
.sub_nav_wrap > div > ul > li > ul > li:last-child a {border-bottom:0}
.contents {padding: 50px 0 100px; font-size:16px;width:100%}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents h2 {font-size: 2em;font-family: "NanumSquare";font-weight: 700;color: #333;clear: both;padding: 50px 0px 30px;letter-spacing: -0.7px}
.contents h3 {font-size: 1.5em;letter-spacing: -0.7px;color: #333;padding: 0 0 10px 12px;position:relative}
.contents h3:before {content: '';position: absolute;top: 10px;left: 0;background: url(/usr/images/irenk/common/tit_icon.png) no-repeat;width: 5px;height: 18px}
.contents h4 {font-size: 1.1em;letter-spacing: -0.7px;color: #333;padding: 40px 0 15px; margin-bottom: 10px;}
.contents h4.text {line-height: 36px;padding-top:20px}
.contents h4.first {padding: 0 0 20px}

.contents ul li.meterial_li_1 {float:left;}
.contents ul.meterial_ul li img {height: 250px; margin-right:5px;}
.contents ul li span.source {font-size:14px}

.contents h3+h4 {padding: 0 0 15px;}
.contents h3.first {padding-top: 0}

.img_wrap li {display: table-cell;padding-right: 20px;}
.img_wrap li div {text-align: center}
.img_wrap li div img {border: 1px solid #e0e0e0;padding: 10px;background-color: #f9f9f9;display: inline-block;margin-bottom: 10px}
.img_wrap li div img p {}
ul.img_wrap li {position: static;}

.tab_menu {margin-bottom:40px;position: relative}
.tab_menu .tab_title {padding: 0;display:none;font-size: 1em}
.tab_menu .tab_title:before {content:none}
.tab_menu ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;top: 42px;}
.tab_menu li { display:table-cell}
.tab_menu li a { display:block; position:relative; height:48px; border-top:1px solid #e7e7e7; border-bottom:1px solid #0e0e0e; line-height:47px; text-align:center; color:#090909;}
.tab_menu li a:hover { color:#de5263}
.tab_menu li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tab_menu li.on a { font-weight:bold; border-bottom-color:transparent; border-top:1px solid #0e0e0e;}
.tab_menu li.on a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#0e0e0e;}
.tab_menu li.on a:before {content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#0e0e0e;}

/************   table *********************/
.title01 {padding: 30px 0 10px}
.table_type01 {border-top: 2px solid #01385d;border-bottom:1px solid;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff;table-layout: fixed}
.table_type01 table td a {color: #003abd}
.table_type01.s_box {border: 1px solid #01385d}
.table_type01.s_box table td {border-top:0;background-color: #fff}
.table_type01.s_box table th {background-color: #f3f3f3}
.table_type01.s_box table td,.table_type01.s_box table th {padding:0}
.table_type01.s_box table td {border-bottom: 1px solid #e6e6e6}
.table_type01.s_box table tr:last-child td {border-bottom:0}
.table_type01.s_box table .inp {padding: 12px 8px}
.table_type01.s_box table .inpn {padding: 5px 8px}
.table_type01.s_box table .inin {background-color: #f3f3f3;vertical-align: -3px;display: inline-block;padding: 12px 35px;margin: 0 10px}
.table_type01.scroll {position:relative;max-height: 287px;overflow: hidden}
.table_type01.scroll.hnone {max-height: none}
.table_type02.scroll table {width: 100%;min-width: 840px}
.table_type01.scroll table {width: 100%;min-width: 640px}
.table_type01.scroll .scroll_img {position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(1, 50, 82, 0.84) url('/usr/images/irenk/common/scroll_img.png') no-repeat center/ 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;display:none}
.table_type01 table thead th {border-left: 1px solid #e6e6e6;background-color: #f9f9f9;padding: 10px;font-weight: 500;white-space: nowrap;color: #1b1b1b;border-bottom: 1px solid #e6e6e6}
.table_type01 table thead th:first-child,.table_type01 table td:first-child {border-left: 0}
.table_type01 table td[rowspan] {border-right: 1px solid #e6e6e6}
.table_type01 table thead tr:nth-child(2) th:first-child {border-left: 1px solid #e6e6e6}
.table_type01 table tbody th {background-color: #f9f9f9;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;padding: 12px}
.table_type01 table tbody tr:first-child th {border-top: 0}
.table_type01 table tbody tr th:last-child {border-right:0}
.table_type01 table td {border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;font-weight: 300}
.table_type01 table td input[type="radio"] {}
.table_type01 table tr.double td {border-top: 3px double #e6e6e6;border-bottom: 3px double #e6e6e6;}
.table_type01 table tr.bggray td {background-color: #f9f9f9}
.table_type01 table td {padding: 8px}
.table_type01 table td .sbj {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;text-align: left}
.table_type01 table td .sbj_wrap {position:relative}
.table_type01 table td .sbj_wrap .sbj {padding-left: 18px}
.table_type01 table td .new {position: absolute;left: 0;width: 12px;height: 11px;background: url(/usr/images/irenk/common/new.png) no-repeat;text-indent: -999em;top: 5px}
.table_type01 table td .td_row {}
.table_type01 table td .td_row li {padding: 5px;border-bottom: 1px solid #e6e6e6}
.table_type01 table td .td_row li:last-child {border-bottom: 0}
.table_type01 table td .bg {background-color: #ebf9fd}
.table_type01 table td .d-day {position: relative}
.table_type01 table td .d-day a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 86%;display: block}
.table_type01 table td .d-day a.file {position: absolute;top: 1px;right: 7px;display: inline-block;white-space: normal;width: auto}
.table_type01 table td .d-day a.file span {display: inline-block;vertical-align: top;width: 19px;height: 19px;background: url(/usr/images/common/ico_file02.gif) no-repeat 0 0;margin-left: 5px;text-indent: -999em}
.table_type01.tetop td {vertical-align: top}
.table_type01 table td .td_wrap em {color: #273ca5;font-weight: 600}
.table_type01 table td > ul {padding: 12px;text-align: left}
.table_type01 table td > ul.innone {padding: 0;text-align: left}
.table_type01 table td > ul.innone li {text-indent: 0;padding-left: 8px}
.table_type01 table td > ul li {text-indent: -7px;padding-left: 7px}
.table_type01 table td .td_wrap02 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap02 li {padding-left: 16px;font-weight: 200;position: relative;padding-bottom: 4px}
.table_type01 table td .td_wrap02 li:before {content: '';border: 1px solid #a7a7a7;display: inline-block;width: 9px;height: 9px;border-radius: 100%;left: 0;top: 6px;position: absolute}
.table_type01 table td .td_wrap03 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap03 li {padding-left: 10px;font-weight: 200;position: relative;text-indent: -10px}
.table_type01 table td .text_left {text-align: left}
.table_type01 table td .text_center {text-align: center}
.table_type01 table td .text_right {text-align: right}
.table_type01.text_center table td {text-align: center}
.table_type01 table td .td_text {padding: 30px;text-align: left}
.table_type01 input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.table_type01 table td .d-day em {right: 32px;top: 10px;padding: 0 6px;line-height: 20px;background-color: #cd212a;color: #fff;font-size: 12px;border-radius: 4px;height: 22px;width: 44px;text-align: center;position: absolute}
.table_type01 table td .d-day em.end {background-color: #afaeae}

.table_type01 input[type="text"].w100_150 {width: calc(100% - 150px)}
.table_type01 input[type="text"].w100_180 {width: calc(100% - 180px)}
.label_dot {display: inline-block;width: 11px;height: 11px;text-indent: -999em;background: url(/usr/images/common/label_dot.png) no-repeat 0 0;vertical-align: -7px;margin-right: 2px;text-align: left}
.btn_wrap {text-align: center;margin-top: 20px}
.btn_wrap .btn{display: inline-block;border: 1px solid #0e2b58;text-align: center;height: 36px;min-width: 105px;vertical-align: top;line-height: 34px;background-color: #0e2b58;color: #fff}
.v_none {display:none;}

.webtong_radio {position: relative;margin-right: 14px;padding-bottom: 6px;display: inline-block}
.webtong_radio label {margin-right: 14px}
.webtong_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_radio input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 19px; height: 19px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%}
.webtong_radio input[type="radio"] + label:active:before, .webtong_radio input[type="radio"]:checked + label:before {border-color: #adb8c0}
.webtong_radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 8px;left: 6px;width: 7px;height: 7px;background: #3b5998;border-radius: 100%}
.webtong_radio.long input[type="radio"] + label {padding-top: 5px;padding-left: 68px}
.webtong_radio.long input[type="radio"] + label:before {width: 61px;height: 30px;border-radius: 20px}
.webtong_radio.long input[type="radio"]:checked + label:after {top: 5px;left: 35px;width: 22px;height: 22px;background: #3b5998;border-radius: 100%}
.webtong_radio.long input[type="radio"] + label:after {content: '';position: absolute;top: 5px;left: 5px;width: 22px;height: 22px;background: #b9b9b9;border-radius: 100%;transition: all .6s ease}

/**검색**/
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #d8d8d8;height: 33px;padding: 0 40px 0 10px;background: url('/usr/images/common/ico_select.png') right center no-repeat #fff;font-size:14px;min-width: 138px}
.select-box {}
.select-box.pnone {text-align: right;margin-bottom: 10px}
.select-box.search{padding: 23px;border: 8px solid #d8e3fb;margin-bottom: 30px;text-align: center}
.select-box span {display:inline-block}
.select-box em {padding: 0 11px 0 3px}
.select-box select {height: 33px;width: 100%;font-size: 15px;font-weight: 600;letter-spacing: -0.6px}
.select-box input[type="text"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.select-box label {display: inline-block;border: 1px solid #0e2b58;text-align: center;height: 33px;min-width: 80px;vertical-align: top;line-height: 31px;background-color: #0e2b58;color: #fff}
.filled.basic {color: #fff;background-color: #0e2b58;border: 1px solid transparent}
.webtong-btn {display: inline-block;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;font-size: .9rem;line-height: 29px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer;font-weight: 300;min-width: 70px}
.webtong-btn.outline {border: 1px solid #0e2b58}

/**게시판보기**/
.text-bbsbox {font-size:15px}
.text-bbsbox dl {padding: 7px 15px;overflow: hidden;border-bottom: 1px solid #dedede}
.text-bbsbox dt {float: left;padding: 2px 18px;font-weight: 600;background-color: #ffffff;margin-right: 6px;border: 1px solid #d0d0d0;height: 28px}
.text-bbsbox dd {float: left;font-weight: 300;padding: 2px 20px 2px 1px;height: 28px}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 20px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.text-bbsbox .textview {padding:30px 20px}
.text-bbsbox .textview img {max-width:100%;width: auto}
.text-bbsbox .textview .list_wrap_box {border: 1px solid #dedede;padding: 10px;margin-top: 10px}
.text-bbsbox .textview .list_wrap_box li {}
.text-bbsbox .file {text-align: left;padding: 13px;border-bottom: 1px solid}
.text-bbsbox .file a {background: url(/usr/images/common/ico_file.png) no-repeat 3px 0px;display: inline-block;padding-left: 26px;margin-right: 15px;margin-bottom: 3px;font-size: 14px}
.text-bbsbox .file a.hwp {background-position:3px -29px}
.text-bbsbox .file a.zip {background-position:3px -58px}
.text-bbsbox .file a.xlx {background-position:3px -87px}
.text-bbsbox .file a.doc {background-position:3px -116px}
.text-bbsbox .file a.pdf {background-position:3px -146px}
.bbs_pre_next {padding: 15px 20px;overflow: hidden;border-bottom: 1px solid #dedede;background-color: #f7f7f8;border-top: 1px solid #dedede;margin-top: 75px;font-size:15px}
.bbs_pre_next dt {float: left;padding-right: 25px;font-weight: 600;clear: both}

/**서브 내용부분-인사말**/
.sub_contents_wrap {margin: 0 auto;position: relative;font-weight: 200;max-width:1200px}
.sub_title {max-width: 1200px;margin: 0 auto;padding: 100px 0;color: #fff;text-align: center}
.sub_title h2 {font-size: 40px}
.sub_title p {font-size: 18px}

/**서브 아이콘 부분**/
.icon_wrap li {float: left;width: 16.66666%;text-align: center;padding: 16px;margin-left: -1px}
.icon_wrap li p {border: 1px solid #dedede;padding: 30px 0;display:block}
.icon_wrap.bgcolor li p {background-color: #434444;border-color: #434444}
.icon_wrap li img {width:auto;max-width: none}

/**etc**/
.btn_basic {border: 1px solid rgba(255, 255, 255, 0.4);padding: 10px 55px;background-color: rgba(255, 255, 255, 0.15);border-radius: 21px;display: inline-block}
.btn_basic:hover, .btn_basic:focus {border: 1px solid rgb(167, 11, 76);background-color: rgb(190, 35, 100);color:#fff}
.color_red {color: red}
.view_bt {background: url(/usr/images/irenk/common/view.png) no-repeat 53px 5px;padding: 1px 18px 1px 10px;font-size: 12px;border: 1px solid #5b86ca;display: inline-block;width: 82px;border-radius: 15px;color: #315a9a;letter-spacing: 0}
.notice_wrap .notice_view ul li {animation:left_right 0.3s backwards}
.notice_wrap .video_view ul {animation:left_right 0.3s backwards}
.notice_wrap .video_view .notice_new {animation:bottom_top 0.3s backwards}
.l_none {letter-spacing:0}
.img_box {padding: 3%}
.inner_10 {text-indent: -17px;padding-left: 17px}
.inner_11 {margin-left: 13px}
.label01 {display: inline-block;vertical-align: -2px;margin-right: 6px}
.emphasis {text-align: center;padding: 20px;margin-top: 20px;font-size:25px}
.emphasis strong {color: #f00}
.blue {color: #0252d2}
.green {color: #00a724}

/**긴?검색**/
.easy_search {padding: 10px;border: 1px solid #e6e6e6;background-color: #fff}
.easy_search h5 {background-color: #33496d;font-size: 16px;padding: 10px;color: #fff}
.easy_search h5 p {float: right;font-size: 14px;font-weight: 200}
.easy_search h6 {background-color: #f3f3f3;font-size: 15px;text-align: center;padding: 8px}
.easy_search ul {padding: 10px 0}
.easy_search ul li {text-align: center;display: inline-block}
.easy_search ul li a {color: #505050;}
.easy_search ul li p strong {display: block;border: 1px solid #d6d6d6;padding: 5px 10px;width: 100px;text-align: center;color: #1b1b1b;margin-bottom: 5px}
.easy_search ul li p span {color: #1b1b1b}
.easy_search ul li p span em {display: block}
.easy_search ul li p span em a {color: #0010d2}
.easy_search p em {color: #0010d2}

/*paging*/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 35px;height: 35px;text-indent: -999em;border: 1px solid #e6e6e6;margin: 0 -3px;}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {background: #fff url('/usr/images/irenk/common/first_page.png') no-repeat center}
.webtong-paging .previous {background: #fff url('/usr/images/irenk/common/previous_page.png') no-repeat center}
.webtong-paging .next {background: #fff url('/usr/images/irenk/common/next_page.png') no-repeat center}
.webtong-paging .last {background: #fff url('/usr/images/irenk/common/last_page.png') no-repeat center}
.webtong-paging span em {display: inline-block;width: 35px;height: 35px;margin: 0 -2px;color: #ff1212;text-decoration: underline}
.webtong-paging span a {text-indent: 0;border: 0}
.webtong-paging span a.end {display:none}

/* 카드뉴스 */
.board_list1 {border-top:2px solid #434446; margin-bottom:30px}
.board_list1 {border-top:2px solid #434446; margin-bottom:30px}
.board_list1 .event {}
.board_list1 .event li .sm_img {float: left}
.board_list1 .event li .sm_img span {display: inline-block;position: relative;padding-top: 70%;overflow: hidden;width: 240px}
.board_list1 .event li .sm_img span img {position: absolute;top: 0;left: 0;height: 100%;width:100%}
.board_list1 .event li .summary {margin: 0 0 0 374px;position: relative;overflow: hidden;height: 149px}
.board_list1 .event li .summary .title {margin-bottom: 0;}
.board_list1 .event li .summary .con_txt {font-size: 15px;margin-top: 10px;font-weight: 300;color: #5d5d5d}
.board_list1 .event li .no {float:left; width:64px; text-align:center;line-height: 25px}
.board_list1 ul li .Institution_name {float: left;margin-right: 10px}
.board_list1 ul li .pointin {float: left;width: 39px;text-align: center;line-height: 25px}
.board_list1 ul li .pointin.up {background-color: #ff6700;color: #fff}
.board_list1 ul li .pointin.down {background-color: #245094;color: #fff}
.board_list1.point > ul > li > .summary {margin: 0px 0 0 116px}
.board_list1.point > ul > li > .summary.mr197 {margin: 0px 0 0 62px;clear: both}
.board_list1.point > ul > li > .summary .accumulate {position: absolute;top: 21%;right: 10px;font-size: 16px}
.board_list1 ul li {border-bottom:1px solid #d9dbde; width:100%; display:inline-block; position:relative; padding:15px 0 12px; letter-spacing:-0.025em; color:#666}
.board_list1 ul li .no {float:left; width:64px; text-align:center;line-height: 25px}
.board_list1 ul li.notice {background:#f2f4f6}
.board_list1 ul li.notice .no {background:url("/usr/images/common/ico_notice.png") no-repeat 12px 4px;display: block;height: 22px;padding-left: 27px}
.board_list1 ul li .summary {margin:0 0 0 75px;position: relative}
.board_list1 ul li .summary.pop {margin:0 0 0 80px}
.board_list1 ul li .summary .options {}
.board_list1 ul li .summary .options span {display:inline-block; background:url("/usr/images/common/bar_1x13_ccc.gif") no-repeat 0 50%; padding:0 9px 0 11px;font-size: 14px}
.board_list1 ul li .summary .options span:first-child {background:none; padding-left:0;}
.board_list1 ul li .summary .title {margin-bottom:5px}
.board_list1 ul li .summary .title .sbj	{display:inline; color:#333; font-size:16px;}
.board_list1 ul li .summary .title .sbj em {color:#245094;}
.board_list1 ul li .summary .title .file {display:inline-block; vertical-align:middle; width:17px; height:19px; background:url("/usr/images/common/ico_file02.gif") no-repeat 0 0; margin:0 0 7px 6px;}
.board_list1 ul li .summary .title .file span {display:block; width:0; height:0; overflow:hidden;}
.board_list1 ul li .summary .title .new	{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/common/ico_new.png") no-repeat 0 0; margin:0 0 4px 6px;}
.board_list1 ul li .summary .title .new span {display:block; width:0; height:0; overflow:hidden;}
.board_list1 ul li .summary .note {display: inline-block;position: absolute;top: 50%;right: 15px;background: #2f69c4 url('/usr/images/common/note.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.board_list1 ul li .summary .homepage {display: inline-block;position: absolute;top: 50%;right: 64px;background: #2f69c4 url('/usr/images/common/website.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}

/**그래프부분**/
.resizable-panels {text-align: center;border: 1px solid #e6e6e6;padding: 2%;background-color: #fff}
.resizable-panels p {margin-bottom:20px}
.resizable-panels p span {display: inline-block;width: 13px;height: 8px;vertical-align: 2px;margin: 0 5px}
.resizable-panels p span.red {background-color: rgba(235,56,56,0.8)}
.resizable-panels p span.blue {background-color: rgba(28,132,198,0.8)}
.resizable-panels p span.black {background-color: #000000}
.resizable-panels .flot-chart-content {height: 100%;width:100%}

.texxt_list01 {margin-left:3px}
.texxt_list01 li {position: relative;padding-left: 8px;margin-bottom: 4px;}
.texxt_list01 li em {font-weight: 600}
.texxt_list01 li em.col01 {display: inline-block;padding: 2px 10px;background-color: #d40000;color: #fff}
.texxt_list01 li em.col02 {display: inline-block;padding: 2px 10px;background-color: #0d9c00;color: #fff}
.texxt_list01 li em.col03 {display: inline-block;padding: 2px 10px;background-color: #0042af;color: #fff}
.texxt_list01 li:before {content: '';display: block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;top: 10px;left: 0}
.texxt_list01 li span {width: 179px;display: inline-block;font-weight: 500;color: #0c2188}
.texxt_list01 li ul {margin-top: 10px;margin-left: 3px}
.texxt_list01 li ul li:before {content: '';display: block;width: 4px;height: 1px;background-color: #666;border-radius: 100%;position: absolute;top: 9px;left: 0}
.flot-chart {display: block;height: 130px}
.ibox-content {margin-top: 36px;margin-bottom: 20px}
.ibox-content:first-of-type {margin-top: 0;margin-bottom: 10px}
.font8 {font-size:12px}
.su_box3, .su_box1 {width: 14px;height: 9px;display: inline-block;margin-right: 3px;background-color: #3994ce}
.su_box4 {width: 14px;height: 9px;display: inline-block;margin-right: 3px;background-color: #000}
.su_box2, .su_box {width: 14px;height: 9px;display: inline-block;margin-right: 3px;background-color: #ed5252}
.su_box5 {width: 14px;height: 9px;display: inline-block;margin-right: 3px;background-color: #ed5252}

/**사이트맵**/
.site_map a {color:#000}
.site_map > ul {margin: 0 -10px;font-size: 15px}
.site_map > ul > li {width: 20%;float: left; padding: 10px}
.site_map > ul > li > a {display: block;border: 1px solid #dedede;text-align: center;padding: 10px;margin-bottom: 10px;background-color: #063c6e;color: #fff;border-radius: 40px}
.site_map > ul > li > ul > li > ul {background-color: #f5f5f5;padding:3px 0}
.site_map ul li ul li {}
.site_map ul li ul li a {text-align: center;display:block;padding: 7px;margin-bottom: 7px}

.file_btn {top: 0;right: 0;cursor: pointer;position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0, 0, 0, 0)}
.btn-tbl.small {display: inline-block;line-height: 29px;border: 1px solid #666;vertical-align: middle;padding: 0 11px;background-color: #666;color: #fff}
.table_type01 input[type="text"].fileName {width: 200px;margin: 2px 0;height: 31px}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
.anifadeIn {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-name: fadeIn;animation-name: fadeIn}

/**pop_up***/
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 10;display: none}
.pop-wrap {border: 6px solid #284d9a;font-size: 14px;position: absolute;background-color: #fff;z-index: 11;top: 0;left: 50%;display:none}
.pop-wrap > .pop_wrap01 {padding: 0 10px}
.pop-wrap > .pop_wrap01 li {border-bottom: 1px dotted #284d9a;padding-bottom: 13px}
.pop-wrap > .pop_wrap01 li:last-child {border-bottom:0}
.pop-wrap > .pop_wrap01 li img {width:auto}
.pop-wrap > .pop_wrap01 li img.qr_code {max-width:100px}
.pop-wrap > .pop_wrap01 li strong {font-size: 18px;margin: 15px 0 8px;display: block;text-align: center}
.pop-wrap > .pop_wrap01 li p {text-align: center;margin:10px 0}
.pop-wrap > .pop_wrap01 li p.text_box {border: 1px solid #cbdde4;letter-spacing: 0;font-size: 13px;padding: 10px 0;font-weight: 400;background-color: #f2f7f9}
.pop-wrap > .pop_wrap01 li div.text_box input[type="text"] {width: 100%;border: 1px solid #cbdde4;background-color: #f2f7f9;padding: 10px 5px}
.pop-wrap > .pop_wrap01 li > p > a {display: inline-block;border: 1px solid #a7c3ef;padding: 3px 20px;font-size: 14px;font-weight: 300;color: #245094;border-radius: 14px;margin: 0 1px}
.pop-wrap > p {margin-bottom:20px}
.pop-wrap > p .btn_pop {display: inline-block;width: 137px;padding: 5px 0;background-color: #c71e61;margin: 0 2px;color: #fff;font-weight: 400}
.pop-wrap > p .btn_pop.pop-close {background-color: #585858}
.pop-close {background: #13306d url(/usr/images/irenk/common/family_close.png) no-repeat center;display: inline-block;width: 40px;height: 40px;position: absolute;top: 0;right: 0;text-indent: -999em}
.excel {cursor: pointer;}
.stackedbar-legend span {display: inline-block;width: 12px;height: 8px;margin: 0 5px 0 13px;vertical-align: 2px}
.list_text {}
.list_text h4 {padding:0;margin-bottom:-10px}
.bt_new {font-size: 16px;border: 1px solid #8ca5ca;padding: 4px 22px 5px;vertical-align: 0px;border-radius: 17px;margin-left: 10px;display:inline-block}
.text_new {font-size: 16px;color: #0d2d5c;display: inline-block;padding: 4px 37px 5px;border-radius: 16px;float: right;margin-right: 57px;margin-top: 7px}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
@keyframes left_right {
	0% {-webkit-transform: translateY(70px);-ms-transform: translateY(70px);transform:translateX(70px); opacity:0;}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0); opacity:1}
}
@keyframes bottom_top {
	0% {-webkit-transform: translatey(70px);-ms-transform: translatey(70px);transform:translatey(70px); opacity:0;}
	100% {-webkit-transform: translatey(0);-ms-transform: translatey(0);transform:translatey(0); opacity:1}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px)}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}
.s_wrap {position: relative;}
.s_wrap > .label01 {position: absolute;top: 11px;}
.select_list {margin-left: 57px;position: relative;}
.select_list > a {display: block;border: 1px solid #d8d8d8;padding: 5px 10px;background: url(/usr/images/common/ico_select.png) right center no-repeat #fff}
.select_list > ul {border: 1px solid #d8d8d8;padding: 11px;margin-top: -1px;position: absolute;width: 100%;background-color: #fff;height: 285px;overflow-y: auto;visibility: hidden;z-index: 1;top: 34px}

.webtong-tab-many ul li a:after,.webtong-tab-many li a,.webtong-tab-many button > span {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
.webtong-tab-many {position:relative;margin-bottom: 50px}
.webtong-tab-many button {display:none}
.webtong-tab-many ul {border: 1px solid;border-color:#c2cad6;border-bottom: 0;background: #f9fafc url(/usr/upload/ftp/bg.png) repeat-x bottom}
.webtong-tab-many ul:after {content:'';clear:both;display:block}
.webtong-tab-many ul li {width: 16.666666%;float: left}
.webtong-tab-many ul li a {display:block;text-align: center;padding: 8px;border-bottom: 1px solid #c2cad6;border-right: 1px solid #c2cad6;position:relative;white-space: nowrap;color: #666}
.webtong-tab-many ul li:hover a {color:#fff}
.webtong-tab-many ul li.on a {color:#fff}
.webtong-tab-many ul li a span {position: relative;z-index: 1}
.webtong-tab-many ul li a span > .new {font-style: normal;font-size: 13px;color: #ffffff;background-color: #ff5900;font-weight: bold;padding: 0px 5px;letter-spacing: 0;vertical-align: 1px;margin-left: 3px;border-radius: 3px}
.webtong-tab-many ul li a:before {background:#fff;content: '';position: absolute;z-index: -1;height: 100%;left: 0;top: 0;width: 100%}
.webtong-tab-many ul li a:after {background: #1b3a6a;content: '';position: absolute;height: 0;left: 50%;top: 50%;width: 0}
.webtong-tab-many ul li.on a:after, .webtong-tab-many ul li:hover a:after {height: 100%;left: 0;top: 0;width: 100%}
.webtong-tab-many ul li:nth-child(6n+6) a {border-right: 0px;}

.tip_wrap {margin-bottom: 40px;margin-top: 39px}
.tip_wrap dt {font-size: 19px;font-weight: 600;margin-bottom: 17px;border: 2px solid #97a5d2;padding: 10px 36px;border-radius: 26px}
.tip_wrap dd {text-indent: -2px;padding-left: 39px}
.tip_wrap dt span {position:relative;display: inline-block;margin-right: 25px;}
.tip_wrap dt span:after {position:absolute;content:'';background:url(/usr/upload/ftp/tip.png) no-repeat;width:15px;height:25px}

.link {color: #001fff;text-decoration: underline}
.link_center {display: table;margin: 0 auto;border: 2px solid #3c6892;font-size: 18px;font-weight: 500;padding: 10px 42px;border-radius: 26px}
.link_center span {background: url(/usr/upload/ftp/link_center.png) no-repeat right center;padding-right: 29px}

.logo_icon {position:relative;font-size: 27px;font-weight: 600;padding: 14px 76px 17px 0;margin-top: 22px;display: inline-block;}
.logo_icon img {position: absolute;animation: logo_icon 2s linear 0s infinite; top: -17px;right:0;}

/* 2025.04.17 유지보수 - 메인화면 북한지하자원 폰트 색 변경 */
#c_tab-1 table tbody tr th, #c_tab-1 table tbody tr td,  #c_tab-1 table thead tr th,
#c_tab-2 table tbody tr th, #c_tab-2 table tbody tr td,  #c_tab-2 table thead tr th{
		color:#fff;
		font-size: 14px;
		font-weight: 600;
}
@keyframes logo_icon {
  0%{top: -5px}
  50%{top: 5px}
  100%{top: -5px}
}

@media screen and (max-width: 1200px) {
	header {position: relative;height: 61px;top: 0px;}
	header > .navi > .nav_wrap > .m_menu {display:block}
	.utility_wrap .utility_wrap_inner {padding: 0 1.5%}
	.main_gallery {padding: 40px 1.5% 50px}
	.company_inner {padding: 0 1.5%} 
	.contents {padding:50px 1.5%}
	.main_wrap02 {padding: 40px 1.5%}
	.sub_title {padding:104px 1.5%}
	.visual_text_wrap {left: auto;margin-left: 0}
	.visual_text_wrap .visual_text {font-size: 40px;}
	.sub_nav ul li a {font-size: 13px}
	.notice_wrap .video_view ul li {padding-bottom: 4px}
	.min_bbs_wrap {padding: 30px 2%}
	.webtong_visual {margin-top:0}
	
}
@media screen and (max-width: 1135px) {
	.company_inner .col70 {width:100%;float:none;padding-right: 0}
	.company_inner .col30 {width:100%;float:none;margin-top: 30px}
	
}	
@media screen and (max-width: 1024px) {
	.mine_map .mine_list h2,.main_wrap02 .tab_table01 .tab_menu h2,.company_inner h2, .main_gallery .gallery h2,.main_wrap02 .tab_table01 .tab_menu_m h2 {font-size: 26px;margin-bottom: 20px}
	.main_wrap02 .tab_table01 .tab_menu {left:0}
	.main_wrap02 .tab_table01 .inner_table {margin-left: 0}
	.main_wrap02 .tab_table01:after {content:none}
	.sub_title h2 {font-size: 30px}
	.sub_title p {font-size: 15px}
	.sub_nav.action {height: 50px}
	.main_wrap02 .tab_table01 .tab_menu_m {position:relative;left:0}
	.main_wrap02 .tab_table01 .tab_menu_m h2 {text-align:center}
	.main_wrap02 .tab_table01 .tab_menu_m > a {position: absolute;top: 0;right: 0}
	.main_wrap02 .tab_table01 .tab_menu_m ul {margin-bottom:20px}
	.sub_nav_wrap .home {height: 50px;background-position:20px 17px}
	.sub_nav_wrap > div > ul > li > a {padding: 15px;background-position:right 18px}
	.sub_nav_wrap > div > ul > li.on > a {background-position: right -17px}
	.main_wrap {padding: 0 0 30px}
	.notice_wrap {width:100%;float:none;padding-right: 0}
	.notice_wrap .video_view, .notice_wrap .notice_view {margin-bottom: 5%}
	.banner_wrap {width:100%;margin-top: 20px}
	.banner_wrap h3 {top: 0;margin-top: 20px;font-size:22px} 
	.banner_wrap .notice_more {background-size: 69%;top: 22px}
	.center_wrap {top:auto}
	.center_wrap ul {padding: 10px 0 0}
	.center_wrap ul li a {margin: 25px 0 }
	.center_wrap {top:0;height:auto;width: 98%}
	.list_wrap .list_inner .list_box h2 {font-size:17px}
	.brnone {display:none}
	.list_wrap.w004 .list_inner .list_box {width:50%;margin-bottom: 20px}

}
@media screen and (max-width: 850px) {
	.webtong_visual {padding: 20px 1.5%;}
	.mine_map .mine_list {float:none;width:100%;padding: 0 0 25px}
	.mine_map .mine_list h2 {text-align:center}
	.mine_map .mine_img {float:none;width:100%;text-align:center}
	.vod_wrap ul li {width:50%;margin-bottom: 20px}
	.vod_wrap ul li strong {font-size: 15px}
	.vod_wrap ul li p {font-size: 14px}
	.vod_wrap:before {width:100%}
	.vod_wrap h3 .more_btn {background: url(/usr/images/irenk/main/view.png) no-repeat right center}
	.list_wrap .list_inner .list_box {width:100%;margin-bottom: 20px}
	.text_new {color: #fff;float: none;padding: 0;clear: both;display: block}
	.bt_new {color:#fff;margin-left: 0;margin-top: 10px}
	
	
}	
@media screen and (max-width: 800px) {
	.visual_text_wrap .visual_text {width: 100%;text-align: center;font-size:35px}
	.visual_text_wrap .visual_text a {padding: 9px 25px;font-size: 0.4em}
	.v_m {display:block}
	.v_pc {display:none}
	.main_wrap02 .tab_table01 .tab_menu {text-align: center;position: relative}
	.main_wrap02 .tab_table01 .inner_table {margin-left:0;margin-top:20px}
	.main_wrap02 .tab_table01 .tab_menu > a {position: absolute;top: 13px;right: 0;margin-top: 0}
	.company_inner .col70 .col70_inner .col70_inner30,.company_inner .col70 .col70_inner .col70_inner70 {float:none;width:100%}
	.tab_menu .tab_title {display: block;margin: 0}
	.tab_menu .tab_title a {border: 1px solid #a4a6bd;display: block;padding: 8px 13px;box-shadow: 0px 4px 0 rgba(0, 0, 0, 0.06);background: #ffffff url(/usr/images/irenk/common/sub_up_down_.png) no-repeat right 13px;color: #4c4c4c}
	.tab_menu ul {background-color: #f9f9f9;border: 1px solid #c7c7c7;position: absolute;display: none;z-index: 1;}
	.tab_menu li {display:block}
	.tab_menu li.on a, .tab_menu li:hover a, .tab_menu li a:focus {border-top: 0;background-color: #deecec;font-weight: 300}
	.tab_menu li a {border-bottom: 0;height: auto;line-height: 44px;text-align: left;padding: 0 22px}
	.tab_menu li.on a:before {content:none}
	.tab_menu li.on a:after {content:none}
	.tab_menu li a:after {content:none}
	.site_map > ul > li {width: 50%}
	.text-bbsbox dl {padding: 3px}
	.text-bbsbox dt {clear: both;margin-bottom: 5px;width: 95px}
	.gallery_inner {float: none;width: 100%}
	.top_menu1 {top: 9px}
	.top_menu2 {top: 9px}
	.gallery_inner:nth-of-type(1),	.gallery_inner:nth-of-type(2) {padding: 0}
	.top_menu1 {right: 0}
}
@media screen and (max-width: 640px) {
	.contents {font-size:14px}
	.br_block {display:block}
	.pc_map {display:none}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.sub_nav_wrap .home {display:none}
	.sub_nav_wrap > div > ul > li > a {width: 100%}
	.sub_nav ul {width:50%}
	.contents h2 {font-size: 1.7em}
	.contents h3 {font-size: 1.1em}
	.contents h3:before {top: 3px}
	.notice_wrap {padding-right:0}
	.notice_wrap .video_view ul li {padding-bottom: 5px}
	.notice_wrap .video_view .notice_new {float:none;width:100%;margin-bottom:20px}
	.notice_wrap .video_view ul {float:none;width:100%;padding-left: 0}
	.icon_wrap li {width:33.33333%;padding: 10px}
	.text_basic {font-size:15px}
	.slick-slide {padding:0}
	.controller,.slick-prev, .slick-next {display:none !important}
	.company_inner div h3 {margin-bottom:10px}
	.company_inner div h3, .company_inner div > ul {float:none}
	.company_inner .col70_inner {margin-top: 20px}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display: block}
	.table_type01 input[type="text"].w100_150,.table_type01 input[type="text"].w100_180 {width:100%;margin-bottom:3px}
	.vod_wrap {padding: 0 1.5% 30px}
	.list_wrap {padding: 30px 0}
	.list_wrap.w004 .list_inner .list_box {width:100%;margin-bottom: 20px}
	.webtong-tab-many ul li {width: 33.333333%}
	.webtong-tab-many ul li:nth-child(6n+6) a {border-right: 1px}
	.webtong-tab-many ul li:nth-child(3n+3) a {border-right: 0px}
	.logo_icon {font-size: 20px;}
}
@media screen and (max-width: 480px) {
	.mine_map .mine_list h3 {display:block}
	.mine_map .mine_list ul {margin-left: 2px}
	.mine_map .mine_list ul li {width:25%;padding: 0}
	.mine_map .mine_list ul li > a {margin: -1px 0;border-radius: 0;padding: 5px 0;font-size: 13px;margin-left: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	.mine_map .mine_list ul li:last-child {width:75%}
	.main_wrap02 .tab_table01 .inner_table table thead tr th {padding: 6px 0;}
	.main_wrap02 .tab_table01 .inner_table table tr td p {padding: 3px 2px;}
	table {font-size:13px}
	.mine_map .mine_list h2, .main_wrap02 .tab_table01 .tab_menu h2 {text-align:left;font-size:22px}
	.main_wrap02 .tab_table01 .tab_menu > a {font-size: 13px}
	.main_wrap02 .tab_table01 .tab_menu ul li a {font-size: 14px}
	address {font-size:13px}
}
@media screen and (max-width: 360px) {
	.center_wrap ul li a {margin: 10px 0}
	.vod_wrap ul li {width:100%}
}


@media print{
	#header, .sub_visual, .utility_wrap, footer, .btn_wrap {display:none}
	.contents {padding:0}
}