@charset "utf-8";

/**.sub_pb {padding-bottom: 60px;}**/
.sub_pb {padding-bottom: 0px;}

.sub_top_visual {width: 100%; position: relative; z-index: 5 ; }
/**.sub_top_visual .img{padding-top:min(35%, 350px) ; position: relative; overflow: hidden}**/
.sub_top_visual .sub_menu{padding-top:min(35%, 92px) ; position: relative; overflow: hidden}
.sub_top_visual .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; height: 101%; display: block; transition: transform 2000ms ease-in-out;will-change: transform;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.sub_top_visual .in2 {position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; display: flex; align-items: center}
.sub_top_visual .text_box {width: 100%; }
.sub_top_visual .text_box .tit{color: #fff; font-size: 42px; font-weight: 700;}
.sub_top_visual .text_box .txt {color: #fff; font-size: 16px; margin-top: 10px; opacity: 0.7; font-weight: 300}




.sub_top_visual.on .img img {transform: scale(1.0,1.0) rotate(0.002deg);}

.sub05_1 .in2,
.sub05_2_view .in2,
.sub05_2_write .in2 {width: 1240px; padding-bottom: 90px;}

.page_tit_box{margin-top: 24px;}
.page_tit_box .tit {font-size:32px; font-weight:600; color:#222; padding-bottom:20px  }
.page_tit_box .text_box {display: flex; justify-content: space-between; align-items: flex-end}
.page_tit_box .txt {font-size: var(--page_txt); font-weight: var(--page_txt_weight); margin-top: var(--page_txt_mt)}
.page_tit_box .ess_txt {font-size: 17px;}
.page_tit_box .ess_txt span {color: #1947ba; font-weight: 700}

.sub05 .form_wrap {margin-top: 80px;}


.sub05_1  .form_wrap .sub_btn_box {justify-content: space-between}
.form_wrap .sub_btn_box .btn .txt {position: absolute; right: 0; bottom: -10px; transform: translateY(100%); line-height: 1.5; white-space: nowrap; color: #888; font-size: 16px;}
.sub05_2 .form_wrap .sub_btn_box { justify-content: center}



.prod{width:100%; position: relative;}

.prodimg{padding:40px 0; text-align: center; width:100%, }


/******************************
sub nav

********************************/
.sub_top_visual .sub_nav {position: absolute; bottom: 30px;  display: flex; align-items: center; font-size: 16px; color: #fff; right:10px}
.sub_top_visual .sub_nav .select_box {display: flex; align-items: center}
.sub_top_visual .sub_nav .select_box:before {content: ""; width: 1px; height: 15px; background-color: #fff; opacity: 0.3; margin: 0 30px; display: block}
.sub_top_visual .sub_nav .select_box .nice-select{background-color: transparent; border: none; color: #fff; line-height: 1.5; height: auto; font-size: 16px;padding: 0; width: 185px}
.sub_top_visual .sub_nav .select_box .nice-select:after{border-bottom: 1px solid #fff;border-right: 1px solid #fff; width: 7px; height: 7px;right: 5px; margin-top: -6px}
.sub_top_visual .sub_nav .select_box .nice-select .list {background-color: #1428a0;border-radius: 10px; margin-top: 10px; padding: 10px 0; color: rgba(255,255,255,0.5);box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.sub_top_visual .sub_nav .select_box .nice-select .list li {background-color: transparent}
.sub_top_visual .sub_nav .select_box .nice-select .current {display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 85%}
.sub_top_visual .sub_nav .nice-select .option:hover,
.sub_top_visual .sub_nav .nice-select .option.focus,
.sub_top_visual .sub_nav .nice-select .option.selected.focus{background-color: transparent;color: #fff;font-weight: 500;}









/************************
설치사례
************************/

.prod .list{position: relative; max-width: 1240px; width: 100%;margin: 0;}
.card_list {display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: clamp(24px, 6.667vw * 0.4, 35px);}
.board_contet {margin-top: 15px;}
.card_list {display: grid;grid-template-columns: repeat(9, 1fr);grid-gap: clamp(24px, 6.667vw * 0.4, 35px);}
.card_list .item {grid-column: auto/span 3;}
.card_list .card {display: block; background: #fff; height: 100%; border: 1px solid #dedede;position: relative;box-shadow: 5px 9px 19.6px 0.4px rgba(0,0,0,0);}
.card_list .card_thumb {aspect-ratio: 1 / 0.615;}
.el_img {position: relative;overflow: hidden;}
.el_img img, .el_img .img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.card_list.news_list .card_cont {height: clamp(165px, 45.833vw * 0.6, 200px);}
.card_cont {padding-top: 28px;padding-bottom: 30px;}
.card_list .card_cont {
    padding: clamp(24px, 6.667vw * 0.6, 30px) clamp(18px, 5vw * 0.6, 30px) clamp(27px, 7.5vw * 0.6, 38px);
    height: clamp(140px, 38.889vw * 0.6, 174px);
    display: flex;
    flex-direction: column;
    border-top: 1px solid #dedede;
}

.card_list .card_cont .origin {line-height: 1;display: block;letter-spacing: -0.025em;margin-bottom:16px; font-size:16px}
.card_list .card_cont .tit {font-size:22px;line-height: 1.545;letter-spacing: -0.025em;font-weight: 600px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: -0.3em 0;word-break: normal;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.card_list .card_cont .date {line-height: 1;display: block;color: #4c4c4c;margin: -0.15em 0;margin-top: auto;}

.card_list .card:hover {box-shadow:  5px 9px 19.6px 0.4px rgba(0,0,0,.26);}
.card_list .card:hover::after {opacity: 1;}
.card_list .card::after {content: "";display: block;position: absolute;left: -1px;top: -1px;right: -1px;bottom: -1px;border: 6px solid #068080;opacity: 0;pointer-events: none; transition: opacity .3s ease;}


.prod_lf {width: 70%;display: inline-block;}
.prod_rf {width: 28%;display: inline-block;vertical-align: top;padding: 0 30px;text-align: center;}
.prod_rf li {width: 48%;display: inline-block;padding: 3px 10px 30px;}
.prod_rf img {width: 220px;height: 100px;padding: 2px;border: 1px solid #ddd;cursor: pointer;}


.prod_txt_area {width: 100%;border-top: 2px solid #333;margin-top: 30px;padding: 10px 30px;}
.prod_txt_area li{display:inline-block; line-height: 160%; padding-bottom: 10px; font-size: 12px; width:100% }
.prod_txt_area li span{ vertical-align: top; line-height: 22px; font-size: 12px; font-weight: normal;}
.prod_w10{width:10%; font-size:14px; display: inline-block;}
.prod_w90{width:89%; font-size:14px; display: inline-block;}

.btm_btns {margin-top: 30px;text-align: center;}
.btm_btns .sort_l {float: left;}
.btm_btns .sort_r {float: right;}

.btn_ty {display: inline-block;min-width: 100px;padding: 8px 0;background: #666;border: none;font-size: 15px;color: #fff;text-align: center;line-height: 30px;cursor: pointer;box-sizing: border-box;transition: backgro}
.btn_ty:hover, .btn_ty:focus {background: #000;}





/*************************************************
공지사항
**************************************************/

.subtit {font-weight: 500;font-size: 1.0625rem;color: #666;padding-bottom: 10px;}
.subtit .num {color: #283c75;}


.table_board{table-layout: fixed;width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;word-break: break-all}
.table_board thead th {color: #333;font-weight: 500; font-size:14px; font-weight: 600; color:#333; background-color:#fafafa}
.table_board td,.table_board th {vertical-align: middle}
.table_board th {padding: 13px 2px;position: relative;color: #000;font-weight: 700}
.table_board th:first-child:before {display: none}
.table_board td {padding: 15px 5px;border-top: 1px solid #ddd;text-align: center ; font-size:13px; color:#666}
.table_board td > a {cursor: pointer}
.table_board td:hover > a {text-decoration: underline}

/*
.table_board tbody tr:hover {background-color: #f9f9f9;}
*/

.text_left{text-align: left !important ;font-size: 1.0rem;font-weight: 500;color: #111; }

.bd_search {background: #f2f2f2;padding: 10px 0;margin-top: 30px !important; text-align: center; font-size:14px}

.bd_search .select_ty {height: 40px;border: 0; font-size: 13px;color: #333;padding-left: 5px; }
.bd_search .input_ty {
    height: 40px;
    font-size: 13px;
    color: #666;
    border: 0;
    padding-left: 10px;
    margin-left: 10px;
    max-width: 385px;
    min-width: 230px;
    width: 50%;
}
.bd_search .btn_search {
    width: 75px;
    height: 40px;
    color: #fff;
    background: #333;
    border: 0;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    cursor: pointer;
}
.table_board > tbody > tr > td:nth-child(2) > .viewBtn{
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.notic > header {display: block;margin: 0;padding: 15px 10px;background: #f9f9f9;border: 1px solid #ddd;border-left: 0;border-right: 0;overflow: hidden; margin-top:10px}
.notic > header > h1 {padding: 0 !important;font-size: 0.85em;font-weight: 600; color:#333}
.notic > info{border-bottom: 1px solid #ddd;overflow: hidden;}
.notic_list{width:100%; padding:10px; border-bottom:1px solid #ddd; overflow: hidden}
.notic_list ul {display: block;list-style: none;margin: 0;padding: 0;overflow: hidden; font-size:13px ; color:#333}
.notic_list li {display: block;list-style: none;float: left;margin: 0 20px 0 0;padding: 0;overflow: hidden;}
.notic_list li:nth-last-child(1) {float: right;margin: 0;}

.notic_file{width:100%; padding:10px; border-bottom:1px solid #ddd; overflow: hidden; font-size:13px}

.notic_file li{display:inline-block}
.notic_flie li>strong>a{display:inline-block; padding-left:10px}

.sp_bl{padding-left:20px}

.notic_view{margin-bottom: 20px;width: 100%; padding:10px; font-size: 13px;line-height: 1.7em;word-break: break-all;overflow: hidden; color:#666;min-height: 264px;}

.num{color:#1527ab; font-weight:600 }

/********************************************
제품문의
********************************************/
.fpro_part1{width:100%; border-top: 1px solid #000; margin-top:10px; padding:30px 0 }
.fpro_part1 > ul {border-bottom: 1px solid #ddd; padding: 25px 0; display: flex; flex-wrap: wrap;gap: 0 28px;}
.fpro_part1 li{padding: 10px 0;display:inline-flex; width:100%}
.fpro_part1 > ul > li.w50 {width: calc(49% - 5px);}
.fpro_part1  > ul > li > strong {width: 120px; font-size: 18px; color: #222; font-weight: 500; display: inline-block; padding-top: 10px;}
.fpro_part1 > ul > li > strong span.star{color: #ff1010;font-size: 18px;font-weight: 500;}
.fpro_part1 > ul > li > .input-cont {width: calc(100% - 140px);}

.fpro_part1 > ul > li .stxt {font-size: 16px;  color: #111; font-weight: 400; width: 15px; display: inline-block; text-align: center;}


.fpro_part1 > ul > li input[type="text"], .fpro_part1 > ul > li input[type="password"] {
    height: 45px;
    padding: 0 20px;
    width: 100%;
    font-size: 18px;
    color: #111;
    font-weight: 400;
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.fpro_part1 > ul > li > .r-cont {width: calc(100% - 120px);}
.fpro_part1 > ul > li select.sel01 {width: calc(33.33% - 24px);margin-left: 20px;}
.fpro_part1 > ul > li select {
    width: 400px; height: 45px; padding: 0 20px; font-size: 14px; color: #111; font-weight: 400; border: 1px solid #ddd;
    outline: none;  -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; background: url(/res/site/img/icon_select_down.png) right center no-repeat;
}



.fpro_part1 > ul > li input.ip02 {width: calc(33.33% - 24px);}
.pr_list {display: flex;flex-wrap: wrap; padding-top: 8px;padding-bottom: 40px;}
.pr_list li {display:inline-block; width:20%}
.b-cont{width: calc(100% - 120px);}


.fpro_part1 .pr_list .ch {margin-top: 0;}
.fpro_part1 > ul > li .pr_list label {font-size: 18px;color: #666;font-weight: 300; cursor: pointer;}
.fpro_part1 .ch input[type="checkbox"], .fpro_part1 .ch input[type="radio"] {opacity: 0;height: auto;line-height: auto;}
.fpro_part1 > ul > li .pr_list input {margin: -2px 8px 0 0;}
.fpro_part1 .ch input[type="checkbox"] + span, .fpro_part1 .ch input[type="radio"] + span {position: relative;padding: 0 0 0 24px;font-weight: 300;font-size: 18px;line-height: 1.4 !important;display: inline-block;color: #555;}
.fpro_part1 .ch input[type="checkbox"] + span:after, .fpro_part1 .ch input[type="radio"] + span:after {content: '';display: block;margin: 3px 0 0 0;width: 20px;height: 20px;vertical-align: middle;background: none;border: 1px solid #ddd;border-radius: 3px;position: absolute;left: -12px;top: -1px;}
.fpro_part1 .ch input[type="checkbox"]:checked + span:after, .fpro_part1 .ch input[type="radio"]:checked + span:after {background: #004ea2 url(/res/site/img/icon_check.png) no-repeat center center;border: 1px solid #004ea2;}


.pr_text{width:100%; height:240px; line-height: 1.6; padding: 20px 20px; font-size: 16px; color: #111; font-weight: 400; border: 1px solid #ddd; outline: none; background: #fff;border-radius: 5px;}

.pro_submit {margin-top: 65px;text-align: center;}

.pro_submit button {margin: 0 auto; justify-content: center; align-items: center; display: flex; position: relative; text-align: center; border: none; outline: none; background-color: #004ea2; width: 200px;height: 50px;color: #fff;font-size: 18px;font-weight: 700;}
.pro_submit button:hover {background-color:#333}


/****************************************
e-브로셔
*****************************************/

.bro_list {display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: clamp(24px, 6.667vw * 0.4, 35px);}
.bro_list .item {grid-column: auto/span 4;}
.bro_list .card {display: block; background: #fff; height: 100%; border: 1px solid #dedede;position: relative;box-shadow: 5px 9px 19.6px 0.4px rgba(0,0,0,0);}
.bro_list .card_thumb {aspect-ratio: 1 / 1.25;}

.bro_cont{padding-top:20px}

.bro_cont span{width:100%; display:block; border:1px solid #ddd; padding:10px 6px; text-align:center; background:#004ea2; color:#fff; margin-top:10px; font-size:14px; font-weight: 600}
.bro_cont span i{font-size:18px; margin-left:10px}
.is-download {width: 1.6rem;height: 1.6rem;background-image: url(/res/site/img/ico_download.svg);background-size: 1.6rem auto;}
/*브로셔 제목 내용이 영역 벗어나면 말줄임 */
.bro_cont .title{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}



/***************************************
협력사
****************************************/

.wrap {width:100%;height: 100%; padding:0; margin:0}
.wrap > .footer > .in > .left_box .text > .fixed-menu, .wrap2 + .footer > .in > .left_box > .text > .fixed-menu { display: none; }
.main.wrap > .footer > .in > .left_box > .text > .fixed-menu { display: block; }

.header{height: 80px; border-bottom:1px solid #ddd }
.header_inner {position: relative;width: 98%;height: 60px;margin: 0 auto;}
.header_inner h1 {top: 12px;height: 80px;background: url(/res/site/img/logo_b.png) no-repeat 0 16px; text-indent: -9999px; width:200px; display:inline-block; }
.tit1{position: absolute; font-size:26px; top:28px; color:#333; font-weight:600; display:inline-block; }
 
.container_i {width: 100%;min-height: 720px;background: #fff; position: relative; margin-top:70px}
.inner {width: 100%;max-width: 1000px;margin: 0 auto; padding: 20px 20px 20px 20px;}
.inner h2 {margin-bottom: 20px;color: #262629;font-size: 40px;line-height: 40px;font-weight: 600;letter-spacing: -2px;}


.login-wrap{width:430px; margin:0 auto; text-align:center; }
.login-wrap form{display:flex; flex-wrap:wrap; justify-content:center; }
.login-wrap ul{width:100%; margin-bottom:10px;}
.login-wrap li{display:flex; align-items:center; position:relative;}
.login-wrap li:not(.inputWrap),
.login-wrap li .item{border:1px solid #d7d7d7;}
.login-wrap li:not(:last-child){margin-bottom:10px;}
.login-wrap li input[type="text"],.login-wrap li input[type="number"],
.login-wrap li input[type="password"]{width:100%; height:50px; padding:0 20px; border:0;}

.login-wrap li.inputWrap{flex-wrap:wrap;}
.login-wrap li.inputWrap p{width:100%;}
.login-wrap li.inputWrap .item{width:100%; position:relative; display:flex; align-items:center;}

.login-wrap li:not(.inputWrap)::before,
.login-wrap li.inputWrap .item::before{content:''; display:block; width:58px; height:18px; border-right:1px solid #cdcdcd; background-position:center center; background-repeat:no-repeat;}
.login-wrap li.id::before{background-image:url('/res/site/img/ico_id.png');}
.login-wrap li.password::before,
.login-wrap li.confirm .item::before{background-image:url('/res/site/img/ico_password.png');}
.login-wrap li.email::before{background-image:url('../img/ico_email_03.png');}
.login-wrap li.name::before{background-image:url('../img/ico_name.png');}
.login-wrap li.phone .item::before{background-image:url('../img/ico_phone.png');}

.login-wrap li .item button{position:absolute; right:10px; top:50%; transform:translateY(-50%);}

input[type="text"], input[type="id"], input[type="password"], input[type="number"], input[type="email"] {
  border: 1px solid #e6e6e6; background: #fff; height: 32px;  padding: 0 10px; font-size: 12px;}
.join-t{width:12%}
.join-t1{width:38%}

.login-btn{display:flex; justify-content:center; align-items:center; width:100%; height:50px; border-radius:2px; background-color:#093886; font-size:20px; font-weight:600; color:#fff; line-height:1;}
.login-btn:hover{color:#fff;}

.login-wrap a{display:flex; justify-content:center; align-items:center; width:100%; height:50px;  border-radius:2px; background-color:#093886; font-size:20px; font-weight:600; color:#fff; }

.int_con{width: 100%;min-height: 720px;  background: #fff; position: relative; margin-top:140px}
.int_inner{width:1360px; margin:0 auto}
.logout{float:right; margin-top:30px; color:#000; font-size:14px; font-weight:600 }

.int_inner h1{font-size:20px; margin-bottom:10px}
.int_inner p{font-size:14px}

.int_box{display: flex;padding: 30px 40px;margin: 0 0 30px 0;border: none;background-color: #F6F7FB;border-radius: 0;}
.int_box::before {flex-shrink: 0;content: "";width: 8.4em;height: 8.4em;margin-right: 4em;font-size: 10px;background: #FFFFFF; background-image: url(/res/site/img/notice_icon.png);background-repeat: no-repeat; border-radius: 50%;box-shadow: 0 0 1.6em #D9E3F7;background-position: 50% 44%;}

.int_box .in{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;width: 100%;}
.inbox{display: flex;flex-direction: column;justify-content: center;width: 100%;}
.intxt{display: block;line-height: 1.2;font-weight: 600;font-size: 20px;color: #111;}



.board_search{display: flex;align-items: flex-end;margin-bottom: 2em;font-size: 0.666em;}
.board_search .views {margin-left: auto;}
.board_search .views [data-skin="select"] {position: relative;float: left;display: inline-block;margin-right: 0.5em;vertical-align: middle;}

.board_search .views [data-skin="select"] {position: relative; float: left; display: inline-block; margin-right: 0.5em; vertical-align: middle;}
.board_search .views [data-skin="select"] select {width: 6.5em;height: 2.666em;padding: 0 2.2em 0 1em;font-size: 1.5em;border: 1px solid #ddd;color: #222;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-position: right center; background-image: url(/res/site/img/select.svg);background-repeat: no-repeat; vertical-align: top}

.board_search .views .input_btn {display: inline-block;vertical-align: middle;}
.board_search .views .input_btn [data-skin="input"] {float: left;}
.board_search .views .input_btn [data-skin="input"] input {width: 14em;height: 2.666em;padding: 0 1em;font-size: 1.5em;border: 1px solid #ddd;}
.board_search .views .input_btn [data-skin="btn"] {float: left;display: flex;align-items: center;justify-content: center;position: relative;width: 4.733em;height: 2.666em;padding: 0 0.5em;margin: 2px 0 2px 0.3em;text-align: center;font-size: 1.5em;line-height: 2.3529em;color: #fff;background-color: #636B7E;-webkit-border-radius: 0.3em;border-radius: 0.3em;margin-top:-1px;}
.board_search .views .input_btn [data-skin="btn"]>span {position: relative;font-size: 1em;}
.board_search .views .input_btn:after {content: "";display: block;clear: both;}


.table-container {position: relative;overflow: hidden;border-top: 2px solid #595959;border-bottom: 1px solid #AAAAAA;width: 100%;}
.table-container table {table-layout: fixed;width: calc(100% + 2px);margin-left: -1px;width: 100%;}
.table-container table thead tr th {border-bottom: 1px solid #AAA;}
.table-container table tr {position: relative;}
.table-container table tr[onclick] {cursor: pointer;transition: background 0.35s;}
.table-container table tr[onclick]:hover {background: #EAF2FF;}
.table-container table tr th {color: #222;background: #F7F7F7;font-weight: 700;letter-spacing: -0.03em;}
.table-container table tr th,.table-container table tr td {padding: 0.8rem;text-align: center;position: relative;word-break: keep-all;border-bottom: 1px solid #E5E5E5;}
.table-container table tr td{font-size:14px}
.table-container table tr td input{width: 100%; height: 3.34em; border-color: #ddd; -webkit-border-radius: 0.266em;border-radius: 0.266em; font-size:14px}

.table-container table tr td  textarea {
    width: 100%;
    height: 20em;
    -webkit-border-radius: 0.266em; padding:10px; font-size:14px;
    border-radius: 0.266em;}

.text-left{text-align: left !important;}
.ta_bg1{background: #f8f8f8}

.btn_right{text-align: right;  margin-top:20px; }

.int_btn{display: inline-flex;align-items: center;justify-content: center;height: 4.2em;margin: 1px 0;vertical-align: middle;font-size: 0.666em;border: 1px solid #1768C7;color: #fff;background-color: #1768C7;-webkit-transition: border-color 0.2s linear, background-color 0.2s linear;transition: border-color 0.2s linear, background-color 0.2s linear; border-radius:6px }
.int_btn:hover{border-color: #041530;background-color: #041530; }

.int_btn span {overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;line-height: 1;padding: 0 1.6em;text-align: center;font-size: 1.5em;}
 
.mt-50{margin-top:50px}


.btnbox {margin-top: 30px;text-align: center;}

.btnbox button {text-align: center;font-size: 16px;width: 160px;padding: 13px 0;margin: 0 10px;border-radius: 4px;}
.btn-confirm, .btn-search {background: #164bad;color: #fff;}
.btn-list {border: 1px solid #555;}
.btnbox button:hover {
    background-color: #0b2d7b;
    color: #fff;
    /* border: 1px solid #06377b; */
    transition: all .25s ease;
}

/*************************************
page num
*************************************/

.pagination {
    display:flex; 
    align-items:center; 
    padding: 40px 0; 
    justify-content: center;
  }
  .pagination a {
   display:inline-block; 
   font-size:12px; 
   margin:0 2px; 
   width:38px; height:38px; 
   text-align:center; 
   padding-top:12px; 
   border:1px solid #ebebeb;  
  }
  .pagination a:hover, .pagination a.choice {
   background:#292e42; 
   color:#f3f3f3; 
  }
  .pagination a.pprev, .pagination a.prev, .pagination a.nnext, .pagination a.next   {
   vertical-align:middle;
   background:url("/res/site/img/btn-pagination.png") no-repeat; 
   font-size:0 ; 
   text-indent:-5000px;
  }
  .pagination a.pprev {
  background-position: 6px 5px; 
  }
  .pagination a.pprev:hover {
  background-position: 6px -22px; 
  }
  .pagination a.prev {
  background-position: -26px 5px; 
  }
  .pagination a.prev:hover {
  background-position: -26px -22px; 
  }
  .pagination a.next {
  background-position: 6px -81px 
  }
  .pagination a.next:hover {
  background-position:6px -54px; 
  }
  .pagination a.nnext {
  background-position:-26px -81px; 
  }
  .pagination a.nnext:hover {
  background-position:-26px -54px; 
  }
  
  
  
  
  /************************************
  esii 안전알리미
  ************************************/
  .prod_tit_box{width:100%; margin: 0 auto;}
  .tit1.line {position: relative;min-height: 76px;margin-bottom: 56px;font-size: 38px;line-height: 56px;font-weight: 700;text-align: center; width:100%; color:#11a295}
  .tit1.line::before {content: '';position: absolute;display: block;left: 50%;bottom: 0;width: 56px;height: 4px;background-color: #222;transform: translateX(-50%);}
  
  .prod_tit{text-align: center}
  .prod_tit_b{text-align: center; font-size:20px; font-weight: 600}
  .round-wrap {width: 100%;padding: 20px 40px;margin: 20px 0 24px; /**background-color: #F7F8F8;**/ border-radius: 56px;text-align: center;    border: 1px solid #ddd;}
  
  
  .com-process1 li {width: 32.3%;display: inline-block;text-align: center;padding-top: 10px;padding-right: 30px;position: relative;background: url(/res/site/img/icon_right_arrow.png) no-repeat 366px 134px;}
  .com-process1 li:last-child{background:none} 
  .com-process1 li span {display: block;margin: 0 auto;padding-top: 20px; border-radius: 38px;}
  .com-process1 li span img{border-radius: 30px}
  .com-process1 li p {letter-spacing:0; display: block;font-size: 16px;font-weight: 700;text-align: center;margin-top: 10px;}
  
  .mt20{margin-top:20px}
  
  .ptb20{padding-top:20px; padding-bottom:50px}
  
  .round-wrap2 {width: 100%;padding: 20px 40px;margin: 20px 0 24px;background-color: #1f1f89;border-radius: 60px;text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
  .fea_txt1{font-size:24px; color:#fff; font-weight: 600}
  .fea_txt2{font-size:40px; color:#ffe400; font-weight: 600}
  
  .feature_part1{width:90%; margin:0 auto; position: relative;}
  .feature_part1 li{display:inline-block; padding-right:20px}
  .feature_part1 li:first-child{background:url("/res/site/img/fea_icon1.png") no-repeat 150px 1px; background-size:25% }
  .feature_part1 li:last-child{backgorund:none}
  
  .feature_part2{width:90%; margin:0 auto; position: relative;}
  .feature_part2 li{display:inline-block; padding-right:20px}
  .feature_part2 li:first-child{background:url("/res/site/img/fea_icon2.png") no-repeat 150px 1px; background-size:25% }
  .feature_part2 li:last-child{backgorund:none}
  
  .feature_part3{width:90%; margin:0 auto; position: relative;}
  .feature_part3 li{display:inline-block; padding-right:20px}
  .feature_part3 li:first-child{background:url("/res/site/img/fea_icon3.png") no-repeat 150px 1px; background-size:25% }
  .feature_part3 li:last-child{backgorund:none}
  
  .feature_part4{width:90%; margin:0 auto; position: relative;}
  .feature_part4 li{display:inline-block; padding-right:20px}
  .feature_part4 li:first-child{background:url("/res/site/img/fea_icon4.png") no-repeat 150px 1px; background-size:25% }
  .feature_part4 li:last-child{backgorund:none}
  
  .feature_part5{width:90%; margin:0 auto; position: relative;}
  .feature_part5 li{display:inline-block; padding-right:20px}
  .feature_part5 li:first-child{background:url("/res/site/img/fea_icon5.png") no-repeat 150px 1px; background-size:25% }
  .feature_part5 li:last-child{backgorund:none}
  
  
  .feature_part6{width:90%; margin:0 auto; position: relative;}
  .feature_part6 li{display:inline-block; padding-right:20px}
  .feature_part6 li:first-child{background:url("/res/site/img/fea_icon6.png") no-repeat 150px 1px; background-size:25%  }
  .feature_part6 li:last-child{backgorund:none}
  
  
  .feature_part7{width:90%; margin:0 auto; position: relative;}
  .feature_part7 li{display:inline-block; padding-right:20px}
  .feature_part7 li:first-child{background:url("/res/site/img/fea_icon7.png") no-repeat 150px 1px;background-size:25%  }
  .feature_part7 li:last-child{backgorund:none}
  
  
    
  
  
  .w26{width:26%}
  
  .r_box{padding:0px 14px 7px; background-color:#ff7e49;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;;border-radius: 8px; font-size:60px; font-weight: 600; color:#fff}
  
  .rtxt1{font-size:35px; color:#1A399E; font-weight: 600 ; padding-bottom:10px}
  .rtxt2{font-size:17px; color:#333; font-weight: 400; letter-spacing: 0;}
  .v-b{vertical-align: bottom;}
  
.fea-list-table{position:relative;width:100%}
.fea-list-table th,
.fea-list-table td{vertical-align:middle}
.fea-list-table thead tr{border-top:2px solid #222;border-bottom:1px solid #222}
.fea-list-table thead th{height:62px;font-size:16px;font-weight:600; text-align: center;padding:0 15px}
.fea-list-table tbody tr{border-bottom:1px solid #e5e5e5}
.fea-list-table tbody td{height:65px;font-size:16px;text-align:center;padding:10px 15px}

.fea_bg1{background:#effdff; color:#0c707d; padding:0 24px}
.fea_bg2{background:#1f8fb1; color:#fff}
.col-b{color:#f9f115 !important; font-weight: 600}  
  

.spec_box{width:100%; border-top:2px solid #0c707d; border-bottom:1px solid #0c707d;  position: relative;}
.spec_box1{width:100%; border-bottom:1px solid #0c707d;  position: relative;}


.spec_box_lf{width:49%; margin:0 auto;  display: inline-block; padding:30px 40px 0px ; vertical-align: top}
.spec_box_rf{width:49%; margin:0 auto; display: inline-block;padding:30px 0px 0px 8px; vertical-align: top}
  
.spec_box_lf h4.dot{display:inline-block; font-size:22px; line-height:32px; position: relative; padding-left:20px; font-weight:500 }
.spec_box_lf h4.dot:before {content: '';position: absolute;top: 13px;left:0;width: 12px;height: 12px;background: #0c707d;border-radius: 50%;}

.spec_box_rf span.round{
    border-radius: 6px;
    color: #11a295 !important;
    padding: 4px 8px;
    font-weight: 600;
}

.spec_box_rf ul{margin:10px 0; position: relative;}

.spec_box_rf li{
    display: block;
    padding-left: 20px;
    font-size: 22px !important;
    line-height: 32px;
    letter-spacing: 0 !important;
    margin-top: 5px;
}
.spec_box_rf li:last-child {padding-bottom:20px}

.spec_box_rf li p{position: relative; padding-left:18px}
.spec_box_rf li p:before {content: '';position: absolute;top:12px;left:0;width: 8px;height: 8px;background: #0c707d;border-radius: 50%;}

.pd50{padding:45px 40px}
.text-center{text-align: center}