/* 서브페이지 헤더 */
#sub{word-break: keep-all;}
#sub_visual{width: 100%; height: 477px; position: relative; top: 0; overflow: visible;}
#sub_visual .sub_visual_bg{height: 100%;}
#sub_visual .sub_nav_home{width: 24px; height: 19px;}
.container{height: calc(100% + 4rem);}
.sub_nav{margin-bottom: 4rem;}
.sub_title{line-height: 6rem;}
.sub_nav p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: #fff;
}
.sub_nav .dot {
    margin: 8px 20px;
}
.selectBox1 {
    position: relative;
}
.selectBox1 .label {
    padding-right: 2.5rem;
    border: none;
    text-align: left;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.5rem;
    background: url(/images/ico_sub_nav_arr.png) 100% no-repeat;
    background-size: 12px;
    background-position-y: 0.5rem;
    cursor: pointer;
    color: #fff;
}
.selectBox1 .label.main {
    background: url(/images/ico_sub_nav_arr.png) 100% no-repeat;
    background-size: 12px;
    background-position-y: 0.5rem;
}

.selectBox1 .optionList {
    position: absolute;
    display: none;
    width: 16rem;
    margin-top: 15px;
    margin-left: -10px;
    padding: 20px 20px;
    border: 1px solid #104899;
    border-radius: 10px;
    /* box-shadow: 5px 5px 0 #e8e8e8; */
    background: #ffffff;
    overflow: hidden;
    transition: all 0.3s;
    z-index: 20;
}
.selectBox1 .optionList.on {
    display: block;
}
.label:active + .optionList {
    display: block;
}
.selectBox1 .optionItem {
    border: none;
    background-color: #ffffff;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin: 7px 0;
    cursor: pointer;
    color: #000;
    text-align: left;
}
.selectBox1 .optionItem:hover {
    color: #104899;
}

/* 서브페이지 타이틀 배경 */
#sub .board_list_title{border-bottom: 1px solid #cecece; padding: 10rem 0 5rem 0;}
#sub .board_list_title div{margin-top: 7rem; width: 60%;}
#sub .board_list_warp .con_box{margin: 7rem 0;}
#sub .board_list_warp .con_box .content_txt{margin-bottom: 6.5rem;}
#sub .board_list_warp .con_box .content_txt .content_txt_tit{font-size: 2.8rem; margin-bottom: 1.5rem;}

.greetings .board_list_title{background: url(/images/section/Company_greetings_tit.jpg) no-repeat bottom; background-size: contain;}
.intro .board_list_title{background: url(/images/section/Company_intro_tit.jpg) no-repeat bottom; background-size: contain;}
.people .board_list_title{background: url(/images/section/Company_people_tit.jpg) no-repeat bottom; background-size: contain;}
.value .board_list_title{background: url(/images/section/Hr_value_tit.jpg) no-repeat bottom; background-size: contain;}
.benefits .board_list_title{background: url(/images/section/Hr_benefits_tit.jpg) no-repeat bottom; background-size: contain;}
.network .board_list_title{background: url(/images/section/Consulting_network_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}
.backup .board_list_title{background: url(/images/section/Consulting_backup_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}
.integrate .board_list_title{background: url(/images/section/Consulting_integrate_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}
.infra .board_list_title{background: url(/images/section/InfraSolution_infra_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}
.infra.redhat .board_list_title{background: url(/images/section/InfraSolution_Redhat_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}
.infra.hci .board_list_title{background: url(/images/section/InfraSolution_HCI_tit.jpg) no-repeat bottom; background-size: contain; background-position: right;}

/* Company */
/* intro 회사소개 페이지 */
.intro .board_list_warp .con_box{display: flex; justify-content: space-between;}
.intro .board_list_warp .con_box .intro_left{margin-right: 5rem;}
.intro .board_list_warp .con_box .intro_left img{width: 100%; min-height: 42.1rem; object-fit: cover;}
.intro .board_list_warp .con_box .intro_right{width: 71.6rem;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul{width: 100%; margin-top: 4.5rem;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul li{width: 100%; height: 10rem; display: flex; align-items: center; margin-bottom: 1.8rem;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul li:nth-child(1){background: url(/images/section/Company_intro_con01.png) no-repeat left;background-size: contain; background-color: #f8f8f8;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul li:nth-child(2){background: url(/images/section/Company_intro_con02.png) no-repeat left;background-size: contain; background-color: #f8f8f8;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul li:nth-child(3){background: url(/images/section/Company_intro_con03.png) no-repeat left;background-size: contain; background-color: #f8f8f8;}
.intro .board_list_warp .con_box .content_txt:nth-child(1) ul li p{padding-left: 11.5rem;}
.intro .board_list_warp .con_box .content_txt:nth-child(2) ul{width: 100%; display: flex; justify-content: space-between; align-content: flex-start; flex-wrap: wrap; overflow: auto;}
.intro .board_list_warp .con_box .content_txt:nth-child(2) ul li{width: 32.4rem; height: 13.4rem; display: flex; flex-direction: column; justify-content: center; border-top: 1px solid #cfcfcf; float: left;}
.intro .board_list_warp .con_box .content_txt:nth-child(2) ul li span.c_blue{font-size: 2.2rem; font-weight: 500; margin-bottom: 1rem;}
/* CI 페이지 */
.ci .board_list_warp .con_box{display: flex; justify-content: space-between; border-bottom: 1px solid #cecece;}
.ci .board_list_warp .con_box > div{width: 50%;}
.ci .board_list_warp .con_box .ci_left ul li{padding-right: 5rem;}
.ci .board_list_warp .con_box .ci_left ul li img{width: 100%; max-width: 44rem;object-fit: contain;}
.ci .board_list_warp .con_box .ci_left ul li:nth-child(1){margin-bottom: 5rem;}
.ci .board_list_warp .con_box .ci_left ul li:nth-child(2){margin-bottom: 2.5rem;}
.ci .board_list_warp .con_box .ci_left ul li:nth-child(3){width: 14.5rem; height: 4rem; background: url(/images/ico_download.png) no-repeat; background-position: 25% center; padding-right: 0rem; margin-bottom: 4rem;}
.ci .board_list_warp .con_box .ci_left ul li:nth-child(3) a{height: 4rem; display: flex; align-items: center; justify-content: center; margin-left: 2rem;font-weight: 500;}
.ci .board_list_warp .con_box .ci_right ul li{display: flex; align-items: center; margin-bottom: 4rem;}
.ci .board_list_warp .con_box .ci_right ul li p{width: calc(100% / 3 - 10px); text-align: center;}
.ci .board_list_warp .con_box .ci_right ul li div{width: calc(100% - 100% / 3 + 10px); height: 13.5rem; display: flex; align-items: center; justify-content: center; }
/* map 페이지 */
#daumRoughmapContainer1709959685648{width: 100% !important;}
.map .board_list_warp .con_box .map_con02{display: flex; justify-content: space-between;}
.map .board_list_warp .con_box .map_con02 > div{width: 50%; padding: 4.1rem 2.7rem;}
.map .board_list_warp .con_box .map_con02 > div ul li{margin-bottom: 1rem;}
.map .board_list_warp .con_box .map_con02 .map_right{display: flex; justify-content: flex-start;}
.map .board_list_warp .con_box .map_con02 .map_right div:first-child{width: 22%;text-align: center; font-weight: 500;}
.map .board_list_warp .con_box .map_con02 > div ul li span{width: 6.7rem; height: 2.9rem; display: inline-block; text-align: center; margin-right: 1rem; color: #fff;}
.map .board_list_warp .con_box .map_con02 > div ul li span.line9{background-color: #bb8336;}
.map .board_list_warp .con_box .map_con02 > div ul li span.line2{background-color: #00a84d;}
.map .board_list_warp .con_box .map_con02 > div ul li span.line7{background-color: #747f00;}
/* HR */
/* value 인재상 페이지 */
.value .board_list_warp .con_box{text-align: center;}
.value .board_list_warp .con_box img{max-width: 108.1rem;}
/* benefits 복리후생 페이지 */
.benefits .board_list_warp .con_box{margin-top: 0 !important;}
.benefits .board_list_warp .con_box .benefits_con{margin-top: 7rem;}
.benefits .board_list_warp .con_box ul{width: 100%; display: flex; justify-content: space-between; align-content: flex-start; flex-wrap: wrap; overflow: auto;}
.benefits .board_list_warp .con_box ul li{width: calc(100% / 2 - 0.5px); height: 10rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; border-top: 1px solid #cfcfcf; float: left; padding: 4rem 0rem;}
.benefits .board_list_warp .con_box ul li:nth-child(1){background: url(/images/section/Hr_benefits_con01.png) no-repeat left; background-size: inherit; background-position: 15%;}
.benefits .board_list_warp .con_box ul li:nth-child(2){background: url(/images/section/Hr_benefits_con02.png) no-repeat left; background-size: inherit; background-position: 15%;}
.benefits .board_list_warp .con_box ul li:nth-child(3){background: url(/images/section/Hr_benefits_con03.png) no-repeat left; background-size: inherit; background-position: 15%;}
.benefits .board_list_warp .con_box ul li:nth-child(4){background: url(/images/section/Hr_benefits_con04.png) no-repeat left; background-size: inherit; background-position: 15%;}
.benefits .board_list_warp .con_box ul li:nth-child(odd){border-right:1px solid #cfcfcf;}
.benefits .board_list_warp .con_box ul li:nth-child(3),.benefits .board_list_warp .con_box ul li:nth-child(4){border-bottom: 1px solid #cfcfcf;}
.benefits .board_list_warp .con_box ul li p{padding-left: 20rem;}
.benefits .board_list_warp .con_box ul li span.c_blue{font-size: 2.2rem; font-weight: 500; margin-bottom: 1rem; padding-left: 20rem;}
/* benefits 복리후생 페이지 */
.procedure .board_list_warp .con_box .procedure_con{margin-bottom: 6rem;}
.procedure .board_list_warp .con_box .procedure_con .title_bullet{display: flex; align-items: center; border-bottom: 1px solid #cfcfcf; padding-bottom: 1rem;}
.title_bullet::before {
    content: '';
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    background-image: url('/images/ico_sub_bullet.png');
    background-size: contain;
    margin-right: 1rem; 
}
.procedure .board_list_warp .con_box .procedure_con .procedure_img{padding: 7rem 0rem;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul{display: flex; justify-content: space-between; padding: 4rem 0rem; align-content: flex-start; flex-wrap: wrap; overflow: auto;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li{float:left;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li:nth-child(1){width: calc(25% - 2rem); padding-left: 3rem;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li:nth-child(2){width: calc(30% - 2rem);}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li:nth-child(3){width: calc(20% - 2rem);}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li:nth-child(4){width: calc(25% - 2rem);}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li p{margin-top: 1rem;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt02{padding: 4rem;}
.procedure .board_list_warp .con_box .procedure_con .procedure_txt02 p span{display: block; margin: 2rem 0;}

/* consulting */
/* infra_consulting 페이지 */
.infra_consulting #infra_consult{padding: 5rem 0 !important; border-bottom: 0;}
/* .infra_consulting #cloud{padding: 5rem 0 15rem 0 !important;} */
.infra_consulting .board_list_title{display: flex; justify-content: space-between;}
.infra_consulting .board_list_title div.infra_left,
.infra_consulting .board_list_title div.infra_right{margin-top: 0 !important;}
.infra_consulting .board_list_title div{margin-top: 7rem; width: 90% !important;}
.infra_consulting .board_list_title div img{width: 100%; object-fit: scale-down; object-position: bottom;}
.infra_consulting #cloud.board_list_title div{width: 100% !important;}
.infra_consulting #cloud div.infra_left_m{display: none;}
.infra_consulting #network{padding: 5rem 0 !important; border-bottom: 0;}
.infra_consulting #network_con{margin-top: -5rem; border-bottom: 1px solid #cecece;}
.infra_consulting #network_con .con_box{margin-bottom: 0rem;}

.minus{position: relative; padding-left: 15px;}
.minus::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

/* network 페이지 */
.board_list_warp .con_box .consult_con ul li{display: flex; padding: 4rem 0; text-align: center; border-bottom: 1px solid #cecece;}
.board_list_warp .con_box .consult_con ul li:last-child{border-bottom: 0;}
.board_list_warp .con_box .consult_con ul li .consult_tit{
    width: 23.5rem; 
    height: 12.3rem; 
    border: 6px solid transparent; /* 투명한 테두리로 설정 */
    border-image: linear-gradient(180deg, rgba(48,132,215,1) 0%, rgba(183,251,247,1) 100%);
    border-image-slice: 1; /* 그라디언트를 전체 테두리에 적용하도록 설정 */
    display: flex;
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
}
.board_list_warp .con_box .consult_con ul li .consult_sub{width: 75%; margin-left: 2rem; display: flex; align-items: center; text-align: left;}
/* integrate 페이지 */
.integrate .board_list_warp .integrate_con_bg{max-width: none !important; width: 100%; height: 47.9rem; background: url(/images/section/Consulting_integrate_bg.jpg) no-repeat center; background-size: cover;}
.integrate .board_list_warp .con_box > div{text-align: center;}
.integrate .board_list_warp .integrate_con_bg{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;}
.integrate .board_list_warp .con_box .integrate_tit::after{content: ""; display: block; width: 0.1rem; height: 5.3rem; background-color: #fff; margin: 0 auto;margin-top: 2rem; margin-bottom: 2rem;}
.integrate .board:last-child .board_list_warp .con_box p{border-bottom: 1px solid #cfcfcf; padding-bottom: 1rem;}
.integrate .board.inte_sec03 .board_list_warp .con_box{margin: 10rem 0rem;}
.integrate .board.inte_sec03 .board_list_warp .con_box .consult_con{margin-top: 5rem;}
.integrate .board_list_warp .con_box .consult_con table{border-collapse: collapse; width: 100%;}
.integrate .board_list_warp .con_box .consult_con table, 
.integrate .board_list_warp .con_box .consult_con th, 
.integrate .board_list_warp .con_box .consult_con td {
    border: 1px solid #cfcfcf;
}
.integrate .board_list_warp .con_box .consult_con th{
    background-color: #edf2f9; 
    padding: 1.5rem;
}
.integrate .board_list_warp .con_box .consult_con td{
    padding: 1.5rem;
}
.integrate .board_list_warp .con_box .consult_con td:last-child{text-align: left;}

/* infrasolution 페이지 */
/* infra 페이지 */
.infra .board_list_warp .con_box > p{border-bottom: 1px solid #cfcfcf; padding-bottom: 1rem;}
.infra .board_list_warp .con_box .consult_con ul li{border-bottom: 0; padding: 4rem 0 6rem 0;}
.infra .board_list_warp .con_box .consult_con ul li .consult_tit{
    width: 34rem;
    height: 13.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
}
.infra .board_list_warp .con_box .consult_con ul li .consult_tit img{width: 100%;}
.infra .board_list_warp .con_box .consult_con ul li .consult_sub{
    width: 65%;
    margin-left: 5rem;
    display: flex;
    align-items: center;
    text-align: left;
    align-content: normal;
    flex-wrap: wrap;
}
.infra .board_list_warp .con_box .consult_con ul li .consult_sub .btn{    
    width: 14.5rem;
    height: 4rem;
    padding-right: 0rem;
    margin-top: 2rem;
}
.infra .board_list_warp .con_box .consult_con ul li .consult_sub .btn a{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
    font-weight: 500;
    background: url(/images/ico_file.png) no-repeat;
    background-position: left;
}
/* redhat 페이지 */
.infra.redhat .board_list_warp .con_box .consult_con ul li .consult_tit{
    width: 34rem;
    height: 27.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
}
/* hci 페이지 */
.infra.hci .board_list_warp .con_box .consult_con ul li{padding: 5rem 0;}
.infra.hci .board_list_warp .con_box > img{margin-bottom: 6rem;}

/* list 리스트 페이지 */
.notice .board_list_title{padding: 10rem 0;}
.notice .board_list_warp{padding-bottom: 10rem;}
.notice .board_list_warp .list_top{align-items: flex-end; margin-bottom: 2rem;}
.notice .board_list_warp .search_area{position: relative;}
.notice .board_list_warp .search_area input{width: 27.3rem; height: 7rem; border: 1px solid #c3c3c3; padding: 0 7rem 0 3rem;
    font-size: 1.8rem;
    /* background: url(/images/ico_search.png) 90% center no-repeat; */
}
form[name="frmSearch"] input[name="serTxt"]::placeholder {
    font-size: 1.8rem;
    padding: 2rem 3rem;
    font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.1rem;
    color: #c3c3c3;
}
.board_list_warp .search_area a{
    width: 20%;
    display: flex;
    height: 7rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/images/ico_search.png) center no-repeat;
}
table.board_normal{text-align: center; border-top: 1px solid #000;}
table.board_normal tr{border-bottom: 1px solid #c3c3c3;}
table.board_normal tr:last-child{border-bottom: 1px solid #000;}
table.board_normal .board_point td{padding: 3rem 0;}

.board_point td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
table.board_normal tr td {
    border-right: hidden;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    padding: 30px 0px;
    vertical-align: middle;
}
table.board_normal .board_point td.f_mint{font-weight: 500;}
table.board_normal .board_point:hover td.f_mint{color:#104899;}
table.board_normal .board_point:hover td{background-color: #f9fbfc;}
/* table.board_normal .board_point td.new p{display: inline-block;}
table.board_normal .board_point td.new p::before{width: 1.7rem; height: 1.7rem; background: url(/images/ico_new.png) no-repeat center;}  */
table.board_normal .board_point .new p {
    display: inline-block;
}
table.board_normal .board_point .new p::after {
    content: '';
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    background: url(/images/ico_new.png) no-repeat bottom;
    margin-left: 1rem;
}

.pagination {
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
    text-align: center;
}
.pagination ul {
    display: inline-flex;
}
.pagination li a {
    float: left;
    color: #777777;
    border: 1px solid #cbcbcb;
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.pagination .btn_page{
    margin: 0 1rem;
}
.pagination .btn_page li a {
    border-right: none;
}
.pagination .btn_page li:last-child a {
    border-right: 1px solid #cbcbcb;
}
.pagination li a.on {
    color: #fff;
    border: 1px solid #104899;
    background-color: #014097;
}
.pagination .btn_prev01 {
    background: url(/images/ico_page_prev_more.png) no-repeat center center;
    border: 1px solid #cbcbcb;
}
.pagination .btn_prev02 {
    background: url(/images/ico_page_prev.png) no-repeat center center;
    margin-left: 0.3rem;
    border: 1px solid #cbcbcb;
}
.pagination .btn_next01 {
    background: url(/images/ico_page_next.png) no-repeat center center;
    margin-right: 0.3rem;
    border: 1px solid #cbcbcb;
}
.pagination .btn_next02 {
    background: url(/images/ico_page_next_more.png) no-repeat center center;
    border: 1px solid #cbcbcb;
}

/* view 뷰 페이지 */
.border_view {
    width: 100%;
    margin: 0 auto;
}
table.board_normal_view {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    table-layout: fixed;
}
table.board_normal_view tr {
    border-bottom: 1px solid #cfcfcf;
}
table.board_normal_view tr th {
    height: 8.5rem;
    box-sizing: border-box;
    padding: 2.5rem 0;
    text-align: center;
    text-wrap: wrap;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
    background: #fafafa;
    word-wrap: break-word;
    white-space: normal;
}
table.board_normal_view tr td {
    height: 8.5rem;
    box-sizing: border-box;
    padding: 2.6rem 0;
    border-bottom: 1px solid #cfcfcf;
    font-size: 1.8rem;
    word-wrap: break-word;
    white-space: normal;
}
table.board_normal_view tr td.board_info {
    padding-left: 3%;
    padding-right: 3%;
}
table.board_normal_view tr td.board_info span {
    margin-right: 6rem;
}
table.board_normal_view em {
    word-break: keep-all;
    text-wrap: nowrap;
    font-weight: 500;
}
table.board_normal_view em::after {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 1.7rem;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
    vertical-align: -0.2rem;
    background-color: #000;
}
table.board_normal_view tr td.board_info div.board_file a{margin-right: 2rem; color: #fa5353;}
table.board_normal_view tr td.board_content {
    padding: 4rem;
}
table.board_normal_view tr td.board_content p {
    width: 100%!important;
}
table.board_normal_view tr td.prenext {
    text-align: center;
    font-weight: 500;
    background: #f9f9f9;
    white-space: normal;
}
table.board_normal_view tr td.prenext img {
    margin-left: 1.1rem;
    margin-bottom: 0.5rem;
    vertical-align: middle;
}
table.board_normal_view tr td.prenext_text {
    padding-left: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.board_btn {
    display: flex;
    justify-content: right;
}
.board_btn a {
    float: right;
    width: 14.5rem;
    margin: 4rem 1.2rem 0 1.2rem;
    text-align: center;
    font-weight: 500;
    line-height: 60px;
    border: 2px solid #848484;
    border-radius: 5rem;
}
.board_btn a:hover{background-color: #104899; color: #fff; border-color: #104899;}

/* 1:1문의 qna 페이지 */
#qnaForm{padding: 0 0 4rem 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#qnaForm fieldset{border: 0;}
#qnaForm .input_tit{width: 100%; font-weight: 500; margin-left: 0.1rem;}
#qnaForm .qna_top ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
#qnaForm .qna_top ul li{width: calc(50% - 2rem); padding-top: 3rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
#qnaForm .qna_top ul li.frm .point{color: #fa5353; margin-left: 0.5rem;}
#qnaForm .qna_top ul li.frm .radio-group{width: 100%; height: 5rem; margin-top: 1.3rem; font-size: 1.8rem; display: flex; align-items: center;}
#qnaForm .qna_top ul li.frm .radio-group span{margin: 0 2rem 0 1rem; font-size: 1.6rem;}
.custom-radio {display: inline-block; width: 1.8rem; height: 1.8rem; background-color: #fff; border: 1px solid #d0d0d0; border-radius: 50%; position: relative; cursor: pointer; }
.custom-radio::after { content: "";width: 0.8rem; height: 0.8rem; background-color: #104899;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none;}
input[type="radio"]:checked + .custom-radio::after {display: block;}
#qnaForm .qna_top ul li.frm .input_basic{width: 100%; height: 5rem; margin-top: 13px; font-size: 18px; padding: 0 0.5rem 0 1.5rem; display: block; border: 1px solid #c5c5c5;}
#qnaForm .qna_top ul li.frm.qna_phone .input_basic{width: calc(30% - 1.7rem); display: inline-block;}
#qnaForm .qna_top ul li.frm.qna_phone span{font-size: 1.6rem; margin: 1rem 0.8rem 0;}
#qnaForm .qna_top ul li.frm.qna_email .input_basic{width: calc(30% - 11px); display: inline-block;}
#qnaForm .qna_top ul li.frm.qna_email .input_basic + span{font-size: 1.8rem; padding: 0 0.5rem; margin-top: 1.3rem;}
#qnaForm .qna_top ul li.frm.qna_email select {
    width: calc(33.3% - 2rem);
    max-width: 18.7rem;
    padding-left: 1.5rem;
    cursor: pointer;
    margin-top: 1.3rem;
    margin-left: 0.98rem;
    border: 1px solid #c5c5c5;
    height: 5.2rem;
    font-size: 1.8rem;
    appearance: none;
    background: url(/images/ico_select_arr_down.png) no-repeat 92% 50%/10px 6px;
    color: #000 !important;
}
#qna_email3{font-size: 1.6rem !important;}
input::placeholder {font-size: 1.6rem; color: #a1a1a1; margin-left: 0.5rem; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
#qnaForm .qna_top ul li.frm.qna_product #qna_product_box{width: 100%;    
    padding-left: 1.5rem;
    cursor: pointer;
    margin-top: 1.3rem;
    border: 1px solid #c5c5c5;
    height: 5rem;
    font-size: 1.6rem; 
    appearance: none;
    background: url(/images/ico_select_arr_down.png) no-repeat 97% 50%/10px 6px;
    color: #000 !important;
}
#qnaForm .qna_mid .frm{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding-top: 3rem;}
#qnaForm .qna_mid textarea#qna_info {
    width: 100%;
    height: 26.5rem;
    line-height: 2.6rem;
    padding: 1.5rem;
    border: 1px solid #c5c5c5;
    font-size: 1.6rem;
    margin-top: 1.3rem;
    resize: none;
    font-family: "Noto Sans KR", sans-serif;
    color: #a1a1a1;
    font-weight: 300;
}

#qnaForm .qna_agree .frm{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding-top: 3rem;}
#qnaForm .qna_agree .qna_agree_tit{width: 100%; font-weight: 500; display: inline-block; vertical-align: middle; font-size: 2.4rem;}
#qnaForm .qna_agree .qna_agree_tit::before{    
    content: '';
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    background: url(/images/ico_minus.png) no-repeat bottom;
    margin-right: 0.5rem;
    vertical-align: middle;
}
#qnaForm .qna_agree .frm div{width: 100%; height: 18.5rem; padding: 3rem 0 0 1.5rem; border: 1px solid #c5c5c5; background-color: #fafafa; font-size: 1.6rem; margin: 1.3rem 0;overflow-y: scroll;}
#qnaForm .qna_agree .frm .chk_btn label{font-size: 1.6rem; display: inline-block; margin-left: 0.5rem;}
#qnaForm .qna_agree .frm .chk_btn #idv_agree3{width: 1.8rem; height: 1.8rem; border: 1px solid #8c8c8c; border-radius: 1px; vertical-align: middle}

.submit_btn {
    display: flex;
    justify-content: center;
}
.submit_btn input {
    float: right;
    width: 14.5rem;
    margin: 4rem 1.2rem 0 1.2rem;
    text-align: center;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 6rem;
    border: 2px solid #848484;
    border-radius: 5rem;
    background-color: #fff;    
    color: #000 !important;
}
.submit_btn input:hover{background-color: #104899; color: #fff; border-color: #104899; cursor: pointer;}


@media screen and (max-width: 1280px){
    #sub .board {
        padding: 0 5rem;
    }
    .board_list_title{padding: 7rem 0;}
    .f_20px{font-size: 1.6rem;}
    .f_24px{font-size: 2rem;}
    .f_26px{font-size: 2.1rem;}
    .f_28px{font-size: 2.2rem;}
    .f_35px{font-size: 2.5rem; line-height: 3.8rem;}
    .f_48px{font-size: 3rem;}
    .f_60px{font-size: 4rem;}
    .f_72px{font-size: 5rem;}
    #sub_visual .sub_title.f_60px{font-size: 5rem;}

    /* view 페이지 1280px */
    table.board_normal_view tr th {
        height: 7rem;
        padding: 1.8rem 0;
        font-size: 2.2rem;
        line-height: 3.5rem;
    }
    table.board_normal_view tr td {
        height: 7rem;
        padding: 2rem 0;
        font-size: 1.8rem;
    }
    table.board_normal_view em::after {
        height: 1.5rem;
    }
    table.board_normal_view tr td.board_content img {
        width: 100%!important;
        height: auto!important;
    }
    table.board_normal_view tr td.prenext img {
        margin-left: 0.8rem;
        margin-top: 1.1rem;
    }
    .board_btn a {
        width: 12rem;
        margin: 3rem 1rem 0 1rem;
        line-height: 5rem;
    }

    /* qna 일대일 문의하기 페이지 1280px */
    #qnaForm .qna_top ul li.qna_phone, #qnaForm .qna_top ul li.qna_email{width: 100%; justify-content: space-between;}
    #qnaForm .qna_top ul li.frm.qna_phone .input_basic{width: 28%;}
    #qnaForm .qna_top ul li.frm.qna_email .input_basic{width: 25%;}
    #qnaForm .qna_top ul li.frm.qna_email select{width: 30%; max-width: none; margin-left: 0.5rem;}
    .submit_btn input{width: 12rem; margin: 3rem 1rem 0 1rem; line-height: 5rem;}

    /* integrate 통합유지보수 페이지 1280px */
    .integrate .board.inte_sec03{padding: 0 5rem;}

    /* 1280px infra_consulting 페이지 */
    .infra_consulting .board_list_title{display: block;}
    .infra_consulting #infra_consult{padding: 0rem 0 5rem 0 !important; border-bottom: 1px solid #cecece;}
    .infra_consulting #infra_consult div.infra_left{width: 100% !important;}
    .infra_consulting #infra_consult div.infra_left div.f_24px_sub{width: 100% !important;}
    .infra_consulting #infra_consult div.infra_right{width: 100% !important;}
    .infra_consulting #infra_consult div.infra_right img{object-fit: none; height: 30rem;}
    .infra_consulting #cloud{padding: 4rem 0 4rem 0 !important; margin-bottom: 4rem;}
    .infra_consulting #cloud div.infra_left{display: none;}
    .infra_consulting #cloud div.infra_left_m{display: block; margin-top: 0;}
    .infra_consulting #cloud div.infra_left_m img{object-fit: none; height: 35rem;}
    .infra_consulting #network div.infra_right{width: 100% !important;}
    .infra_consulting #network div.infra_right img{object-fit: none; height: 35rem;}

}
@media screen and (max-width: 1110px){
    /* 1110px 회사소개 페이지 */
    .intro .board_list_warp .con_box .content_txt:nth-child(2) ul li{width: 100%;}
}

@media screen and (max-width: 768px){
    /* 서브 헤더 및 네비 */
    #sub_visual{height: 26.8rem; overflow: visible;}
    .sub_nav {margin-bottom: 0.5rem; }
    .selectBox1 .label{font-size: 1.4rem;}
    .selectBox1 .optionList{width: 10rem; padding: 1rem;}
    .selectBox1 .optionItem{font-size: 1.4rem; line-height: 1.4rem; text-align: left;}

    /* 서브 타이틀 */
    #sub .board .board_list_title{padding: 4rem 0 22rem 0;}
    .sub_title{line-height: 3.5rem;}
    #sub .board_list_title div{margin-top: 3rem; width: 100%;}
    #sub .board_list_warp .con_box{margin: 4rem 0;}
    #sub .board_list_warp .con_box .content_txt{margin-bottom: 4rem;}
    #sub .board_list_warp .con_box .content_txt:last-child{margin-bottom: 0;}
    #sub .board_list_warp .con_box .content_txt .content_txt_tit{font-size: 2.2rem;}

    /* 모바일 서브 타이틀 배경 */
    .greetings .board_list_title{background: url(/images/section/Company_greetings_tit_m.png) no-repeat bottom; background-size: contain;}
    .intro .board_list_title{background: url(/images/section/Company_intro_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .people .board_list_title{background: url(/images/section/Company_people_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .value .board_list_title{background: url(/images/section/Hr_value_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .benefits .board_list_title{background: url(/images/section/Hr_benefits_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .network .board_list_title{background: url(/images/section/Consulting_network_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .backup .board_list_title{background: url(/images/section/Consulting_backup_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .integrate .board_list_title{background: url(/images/section/Consulting_integrate_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .infra_consulting .board_list_title{background: url(/images/section/Consulting_infra_tit_m.jpg) no-repeat bottom; background-size: auto; background-position: bottom;}
    .infra_consulting #cloud.board_list_title{background: url(/images/section/Consulting_cloud_tit_m.jpg) no-repeat bottom; background-size: auto; background-position: bottom;}
    .infra_consulting #network.board_list_title{background: url(/images/section/Consulting_network_tit_m.jpg) no-repeat bottom; background-size: auto; background-position: bottom;}
    .infra .board_list_title{background: url(/images/section/InfraSolution_infra_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .infra.redhat .board_list_title{background: url(/images/section/InfraSolution_Redhat_tit_m.jpg) no-repeat bottom; background-size: contain;}
    .infra.hci .board_list_title{background: url(/images/section/InfraSolution_HCI_tit_m.jpg) no-repeat bottom; background-size: contain;}

    /* 768px 인사말 페이지 */
    .greetings .board_list_warp .con_box span{font-size: 1.6rem;}
    /* 768px 회사소개 페이지 */
    .intro .board_list_warp .con_box .intro_left{display: none;}
    .intro .board_list_warp .con_box .content_txt:nth-child(1) ul{margin-top: 2rem;}
    .intro .board_list_warp .con_box .content_txt:nth-child(1) ul li {height: 5rem;}
    .intro .board_list_warp .con_box .content_txt:nth-child(2) ul li{height: 5rem; padding: 1rem 0;}
    .intro .board_list_warp .con_box .content_txt:nth-child(2) ul li span.c_blue{font-size: 1.6rem; margin-bottom: 0;}
    /* 768px CI 페이지 */
    .ci .board .board_list_title{padding: 4rem 0 !important;}
    .ci .board_list_warp .con_box{display: block;}
    .ci .board_list_warp .con_box > div{width: 100%;}
    .ci .board_list_warp .con_box .ci_left ul li{padding-right: 0;}
    .ci .board_list_warp .con_box .ci_right{margin-top: 4rem;}
    .ci .board_list_warp .con_box .ci_right ul li p{font-size: 1.4rem; font-weight: 500;}
    /* 768px map 페이지 */
    .map .board .board_list_title{padding: 4rem 0 !important;}
    .map .board_list_warp .con_box .map_con02{display: block;}
    .map .board_list_warp .con_box .map_con02 > div{width: 100%; padding: 4rem 0 0 0;}
    .map .board_list_warp .con_box .map_con02 .map_right div:first-child{text-align: left;}
    /* 768px benefits 페이지 */
    .benefits .board_list_warp .con_box .benefits_con{margin-top: 4rem;}
    .benefits .board_list_warp .con_box ul li{width: 100%; height: 5rem; }
    .benefits .board_list_warp .con_box ul li:nth-child(odd){border-right:0;}
    .benefits .board_list_warp .con_box ul li:nth-child(1){background-size: 6rem auto; background-position: 5%;}
    .benefits .board_list_warp .con_box ul li:nth-child(2){background-size: 6rem auto; background-position: 5%;}
    .benefits .board_list_warp .con_box ul li:nth-child(3){background-size: 6rem auto; background-position: 5%; border-bottom: 0;}
    .benefits .board_list_warp .con_box ul li:nth-child(4){background-position: 5%;}
    .benefits .board_list_warp .con_box ul li p{padding-left: 15rem;}
    .benefits .board_list_warp .con_box ul li span.c_blue{padding-left: 15rem; font-size: 1.8rem;}
    /* 768px procedure 페이지 */
    .procedure .board .board_list_title{padding: 4rem 0 !important;}
    .procedure .board_list_warp .con_box .procedure_con{margin-bottom: 2rem;}
    .procedure .board_list_warp .con_box .procedure_con .title_bullet{border-bottom: 0;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_img{display: none;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt{border: 0;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt ul{padding: 2rem 4rem 0 4rem;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li{width: 100% !important; margin-bottom: 2rem;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li:nth-child(1){padding-left: 0;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt ul li span{font-size: 1.6rem !important;}
    .procedure .board_list_warp .con_box .procedure_con .procedure_txt02{padding: 2rem 4rem;}
    /* 768px infra_consulting 페이지 */
    .infra_consulting #infra_consult div.infra_right{display: none;}
    .infra_consulting #cloud .infra_left{display: none;}
    .infra_consulting #infra_consult{padding: 0rem 0 20rem 0 !important;}
    .infra_consulting #cloud{padding: 4rem 0 20rem 0 !important;}
    .infra_consulting #cloud div.infra_left_m{display: none;}
    .infra_consulting #network{padding: 4rem 0 20rem 0 !important;}
    .infra_consulting #network div.infra_right{display: none;}
    .infra_consulting #network_con{margin-top: 0rem;  margin-bottom: 4rem;}
    /* 768px network 페이지 */
    .board_list_warp .con_box .consult_con ul li{padding: 3rem 0;}
    .board_list_warp .con_box .consult_con ul li .consult_tit{width: 10rem; height: 10rem;}
    /* 768px integrate 페이지 */
    .integrate .board_list_warp .integrate_con_bg{background-position: 20%;}
    .integrate .board_list_warp .con_box .integrate_sub{width: 90%;}
    /* 768px integrate 통합유지보수 페이지 */
    .integrate .board.inte_sec03{padding: 0 2rem;}
    .integrate .board.inte_sec03 .board_list_warp .con_box{margin: 4rem 1rem;}
    .integrate .board_list_warp .con_box .consult_con{overflow-x: scroll;}
    .integrate .board_list_warp .con_box .consult_con{margin: 2rem 0;}
    /* 768px infrasolution infra 인프라 페이지 */
    .infra .board_list_warp .con_box .consult_con ul li{
        display: flex;
        align-items: center;
        text-align: left;
        align-content: normal;
        flex-wrap: wrap;
    }
    /* .infra .board_list_warp .con_box .consult_con ul li .consult_sub{width: 100%; height: 15rem; margin-left: 0; position: relative;}
    .infra .board_list_warp .con_box .consult_con ul li .consult_sub .btn{position: absolute; right: 0; bottom: 0;} */
    .infra .board_list_warp .con_box .consult_con ul li .consult_sub{width: 100%; margin-left: 0; flex-direction: column;}
    .infra .board_list_warp .con_box .consult_con ul li .consult_sub .btn{margin-top: auto; text-align: right;}
    .infra .board_list_warp .con_box .consult_con ul li .consult_sub p{margin: 2rem 0;}
    /* 768px infrasolution redhat 페이지 */
    .infra.redhat .board_list_warp .con_box .consult_con ul li{padding: 4rem 0 2rem 0;}
    /* 768px infrasolution hci 페이지 */
    .infra.hci .board_list_warp .con_box .consult_con ul li{padding: 2rem 0;}
    .infra.hci .board_list_warp .con_box > img{margin-bottom: 4rem;}

    #sub .board {
        padding: 0 2rem;
    }
    .f_18px{font-size: 1.5rem;}
    .f_24px{font-size: 1.1rem;}
    .f_24px_sub{font-size: 1.5rem !important;}
    .f_26px{font-size: 1.3rem;}
    .f_35px{font-size: 1.8rem; line-height: 2.3rem;}
    .f_48px{font-size: 1.83rem;}
    .f_60px{font-size: 2.6rem;}
    .f_72px{font-size: 2.75rem;}
    #sub_visual .sub_title.f_60px{font-size: 3.6rem;}

    /* list 페이지 768px */
    .notice .board .board_list_title{padding: 4rem 0 !important;}
    .notice .board_list_warp .search_area input{font-size: 1.5rem;}

    /* view 페이지 768px */
    table.board_normal_view tr th {
        height: 5rem;
        padding: 1.2rem 0;
        font-size: 2rem;
        line-height: 2.7rem;
    }
    table.board_normal_view tr td {
        height: 5rem;
        padding: 1.5rem 0;
        font-size: 1.6rem;
    }
    table.board_normal_view tr td.board_info {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    table.board_normal_view em::after {
        height: 1.3rem;
        margin-left: 0.8rem;
        margin-right: 0.8rem;
    }
    table.board_normal_view tr td.board_content {
        padding: 2rem;
    }
    table.board_normal_view tr td.prenext img {
        margin-left: 0.8rem;
        margin-top: 0.7rem;
    }
    .board_btn a {
        border: 1px solid #888888;
        font-size: 1.4rem;
    }

    /* qna 일대일 문의하기 페이지 768px */
    #qnaForm .qna_top ul li{width: 100%; padding-top: 2rem;}
    #qnaForm .qna_top ul li.frm.qna_phone .input_basic{width: 22%;}
    #qnaForm .qna_agree .frm div{padding: 3rem 1.5rem; }
    #qnaForm .qna_agree .qna_agree_tit{font-size: 2rem;}
    .submit_btn input{border: 1px solid #888888; font-size: 1.4rem;}
}
@media screen and (max-width: 590px){
    /* list 페이지 590px */
    .board_list_warp .list_top{display: block !important;}
    .board_list_warp .list_top form{margin-top: 1rem;}
    .board_list_warp .search_area a{height: 5rem;}
    .notice .board_list_warp .search_area{text-align: right;}
    .notice .board_list_warp .search_area input {
        width: 85% !important;
        height: 5rem !important;
        padding: 0 5rem 0 1.5rem !important;
    }
}
@media screen and (max-width: 425px){

    /* 425px 서브 타이틀 */
    #sub .board .board_list_title{padding: 4rem 0 20rem 0;}

    /* list 페이지 425px */
    .notice .board_list_warp .search_area{text-align: left;}
    .notice .board_list_warp .search_area input {
        width: 80% !important;
        padding: 0 5rem 0 1.5rem !important;
    }
    .hide_mo p{display: none;}
    table.board_normal .board_point .date{padding-right: 4vw;}

    .pagination > ul > li:first-child{display: none;}
    .pagination > ul > li:last-child{display: none;}
    .pagination .btn_page li:nth-child(3){border-right: 1px solid #cbcbcb;}
    .pagination .btn_page li:nth-child(4){display: none;}
    .pagination .btn_page li:nth-child(5){display: none;}

    /* qna 일대일 문의하기 페이지 425px */
    #qnaForm .qna_top ul li{padding-top: 1.5rem;}
    #qnaForm .qna_top ul li.frm .input_basic{margin-top: 1rem; height: 4rem;}
    #qnaForm .qna_top ul li.frm.qna_phone #qna_phone1{width: 20%;}
    #qnaForm .qna_top ul li.frm.qna_email select{padding-left: 1rem; padding-right: 2rem; margin-left: 0; height: 4.2rem; margin-top: 1rem;}
    #qnaForm .qna_top ul li.frm.qna_email .input_basic{width: 23%;}

    /* 425px benefits 페이지 */
    .benefits .board_list_warp .con_box ul li:nth-child(4){background-position: 9%;}
    .benefits .board_list_warp .con_box ul li p{padding-left: 10rem;}
    .benefits .board_list_warp .con_box ul li span.c_blue{padding-left: 10rem;}

}

@media screen and (max-width: 375px){

    /* 375px 서브 타이틀 */
    #sub .board .board_list_title{padding: 4rem 0 18rem 0;}

    /* 375px integrate 통합유지보수 페이지 */
    .integrate .board_list_warp .con_box .consult_con table{width: 50rem; overflow-x: scroll;}
}