/*---sub page css---*/
/*---sub page css---*/
/*---sub page css---*/

/*---common---*/
.sub_section{padding: 80px 0 96px 0;}

.k_sub_tit{margin-bottom: 5%;}

/*---sub visual---*/
#sub_visual{height: 400px;position: relative;}
#sub_visual figure{display: block;width: 100%;height: 100%;}

.sv_img_01{background-image: url(../img/sub_visual/sv_01.jpg);}
.sv_img_02{background-image: url(../img/sub_visual/sv_02.jpg);}
.sv_img_03{background-image: url(../img/sub_visual/sv_03.jpg);}
.sv_img_04{background-image: url(../img/sub_visual/sv_04.jpg);}
.sv_img_05{background-image: url(../img/sub_visual/sv_05.jpg);}
.sv_img_00{background-image: url(../img/sub_visual/sv_00.jpg);}

.sv_tit{position: absolute;top: 52.5%;left: 50%;transform: translate(-50%,-50%);width: 92%;color: #FFF;line-height: 145%;}

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

    #sub_visual{height: 350px;}
}

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

    .sub_section{padding: 63px 0 78px 0;}
}

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

    .sub_section{padding: 46px 0 60px 0;}

    .k_sub_tit{margin-bottom: 30px;}

    #sub_visual{height: 232px;}

    .sv_tit{word-break: keep-all;}
}

/*---sub navi---*/
#sub_navi_wrap{height: 79px;border-bottom: 1px solid #e5e5e5;}

.sub_navi>ul>li{display: none;}
.sub_navi>ul>li>a{display: none;}
.sub_navi>ul>li>ul{text-align: center;}
.sub_navi>ul>li>ul>li{display: inline-block;}
.sub_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;line-height: 78px;font-size: 1.13rem;font-weight: bold;letter-spacing: 0.03em;padding: 0 25px;}

#sub_navi_01>ul>li.k_menu_1{display: block;}
#sub_navi_02>ul>li.k_menu_2{display: block;}
#sub_navi_03>ul>li.k_menu_3{display: block;}
#sub_navi_04>ul>li.k_menu_4{display: block;}

/*mobile*/
#sub_nav_mo{display: none;}

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

    #sub_navi_wrap{height: 70px;}

    .sub_navi>ul>li>ul>li>a{line-height: 69px;}
}

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

    #sub_navi_wrap{height: 65px;}

    .sub_navi>ul>li>ul>li>a{line-height: 64px;}
}

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

    #sub_navi_wrap{height: 51px;}

    #sub_nav_mo{display: flex;}
    #sub_nav_mo>a{width: 50px;height: 50px;background-image: url(../img/icon/sn_home.png);background-size: 12px;}

    .sn_mo{}
    .sn_mo>a{display: block;/* width: 100%; */line-height: 50px;font-size: 11px;font-weight: 500;padding: 0 6px;position: relative;}
    .sn_mo>a::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1px;height: 11px;background-color: #aaa;}
    .sn_mo>a>i{position: absolute;top: 50%;transform: translateY(-50%);right: -2px;font-size: 18px;}
    .sn_up{display: none;}
    .sn_mo>a.active>i.sn_down{display: none;}
    .sn_mo>a.active>i.sn_up{display: block;}

    .sn_mo>ul>li>a, .sn_mo2>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 12px;font-weight: 500;padding: 4.5px 10px;}

    .sn_mo1>ul, .sn_mo2>ul{background-color: #FFF;border-left: 1px solid #eee;border-top: 1px solid #eee;position: relative;z-index: 1;padding-bottom: 8px;display: none;
        box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -webkit-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -moz-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -o-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -ms-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
    }
    .sn_mo1>ul>li>ul, .sn_mo2>ul>li>a, .sn_mo2>ul>li>ul{display: none;}
	
	#sub_nav_01>ul>li.k_menu_1>ul{display: block;}
	#sub_nav_02>ul>li.k_menu_2>ul{display: block;}
	#sub_nav_03>ul>li.k_menu_3>ul{display: block;}
    #sub_nav_04>ul>li.k_menu_4>ul{display: block;}
    /*.sn_mo2>ul>li.sub_open>ul{display: block;}*/

    .sub_navi_pc{display: none;}
}

/*---borad css---*/
/*list*/
.ne_bo_ul{margin-bottom: 18px;}
.ne_bo_ul li{float: left;width: calc( ( 100% - 78px ) / 3 );margin-right: 39px;margin-bottom: 74px;position: relative;}
.ne_bo_ul li:nth-child(3n){margin-right: 0;}
.ne_bo_ul li:nth-child(3n+1){clear: both;}

.ne_bo_ul li .chk{position: absolute;top: 10px;left: 15px;z-index: 1;}

.ne_bo_img{overflow: hidden;}
.ne_bo_img img{display: block;margin: 0 auto;transition: transform .5s;}

.ne_bo_txt{margin-top: 17px;}
.ne_bo_cate{color: #666;}
.ne_bo_tit{margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#ne_bo_list .link_a{display: block;margin: 0 auto;}

/*motion*/
.ne_bo_ul li:hover .ne_bo_img img{transform: scale(1.05);}

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

    .ne_bo_img img{width: 100%;}
}

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

    .ne_bo_ul li{width: calc( ( 100% - 50px ) / 3 );margin-right: 25px;margin-bottom: 60px;}
    .ne_bo_ul li:nth-child(3n){margin-right: 0;}
    .ne_bo_ul li:nth-child(3n+1){clear: both;}
}

@media screen and (max-width: 720px){
    
    .ne_bo_ul{margin-bottom: 58px;}
    .ne_bo_ul li{float: none;display: block;width: 100%;margin-right: 0;margin-bottom: 46px;}

    .ne_bo_txt{margin-top: 16px;}
    .ne_bo_cate{font-size: 13px;}
    .ne_bo_tit{font-size: 15px;margin-top: 6px;}
}

/*view*/
.bo_view .k_sub_tit{margin-bottom: 45px;}

.to_list{position: absolute;top: 0;right: 0;z-index: 100;}
.to_list a{display: block;width: 22px;height: 18px;position: relative;}
.to_list a span{position: absolute;top: 7.5px;left: 0;width: 100%;height: 3px;border-radius: 3px;background-color: #000;transition: transform .3s;}
.to_list a span:nth-child(1){transform: translateY(-8px);}
.to_list a span:nth-child(3){transform: translateY(8px);}

.to_list a:hover span{transform: translateY(0);}

.bo_info{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.bo_info div{margin: 0 28px;}
.bo_info b, .bo_info span{display: inline-block;}
.bo_info b{font-weight: 500;margin-right: 8px;}
.bo_info span{font-weight: 400;}

/*임시*/
.ne_bo_content{text-align: center;margin-top: 46px;margin-bottom: 54px;}
.ne_bo_content p{line-height: 190%;}

.test_img img{display: block;margin: 0 auto;}
.test_img_01{margin-top: 93px;margin-bottom: 101px;}

/*mobile*/
.bo_view_btn{display: none;}

@media screen and (max-width: 1480px){
    
    .test_img img{width: 100%;}
}

@media screen and (max-width: 960px){
    
    .bo_info div{margin: 0 20px;}
}

@media screen and (max-width: 720px){
    
    .bo_view{padding-bottom: 40px;padding-top: 33px;}

    .bo_view .k_sub_tit{font-size: 22px;text-align: left;word-break: keep-all;line-height: 145%;margin-bottom: 10px;}

    .bo_info{display: block;flex: none;}
    .bo_info div{margin: 0;padding: 4px 0;}
    .bo_info b, .bo_info span{font-size: 12px;}
    .bo_info b{width: 50px;}

    .to_list{display: none;}

    /*임시*/
    .ne_bo_content{margin-top: 18px;margin-bottom: 39px;}
    .ne_bo_content p{line-height: 165%;text-align: left;}
    .ne_bo_content p br{display: none;}

    .test_img_01{margin-top: 87px;margin-bottom: 51px;}

    /*mobile*/
    .bo_view_btn{display: block;margin: 0 auto;}
}

/*---board common btn---*/
#ne_btn_wrap .ne_btn_box{border: 1px solid #222 !important;border-color: #222 !important;padding: 10px 20px;font-size: 14px;font-weight: 500;vertical-align: baseline;display: inline-block;}
#ne_btn_wrap .ne_btn_box .ne_btn{display: inline-block;vertical-align: baseline;}

#ne_btn_wrap .ne_btn_box2{border: 1px solid #222 !important;border-color: #222 !important;background: #222;color: #FFF;}

@media screen and (max-width: 1080px){
    
	#ne_btn_wrap .ne_btn_box{padding: 8px 15px;}

    #ne_btn_wrap{margin-bottom: 25px;}
}

@media screen and (max-width: 500px){
    
	#ne_btn_wrap .ne_btn_box{padding: 5px 10px;font-size: 12px;}
}

/* je_Add CSS */
.sub_section{position: relative;}
.je_bg{background: url("../img/sub_visual/greetings_bg.png") center right no-repeat;background-size: cover;width: 100%;height: 100vh;position: absolute;bottom: 0;right: 0;z-index: -1;opacity: .2;}
.je_section{font-family: "Pretendard Variable", "Pretendard", "Noto Sans KR", sans-serif;text-align: center;}
.je_intro{margin: 0 auto 5% auto;}
.je_intro_label{display: inline-block;padding: 10px 22px;border-radius: 999px;background-color: #0033A0;color: #FFF;font-size: 0.95rem;font-weight: 600;letter-spacing: 0.08em;}
.je_intro_lead{margin-top: 5%;font-size: 1.5rem;font-weight: 500;line-height: 1.7;color: #0e1a2b;}
.je_texts{max-width: 960px;margin: 0 auto 56px auto;color: #222;width: 95%;}
.je_texts h3{font-weight: 700;font-size: 2rem;line-height: 1.5;letter-spacing: -0.02em;text-align: left;}
.je_texts p{text-align: left;margin-top: 3.5%;font-size: 18px;line-height: 1.8;font-weight: 400;}
.je_values{display: grid;grid-template-columns: repeat(3,1fr);gap: 36px;max-width: 960px;margin: 0 auto 56px auto;padding: 0;list-style: none;}
.je_value{background-color: rgba(0,51,160,0.06);border-top: 4px solid #C8102E;border-radius: 18px;padding: 32px 28px 36px 28px;box-shadow: 0 18px 40px rgba(17,37,64,0.08);}
.je_value h4{font-size: 1.3rem;font-weight: 600;margin-bottom: 16px;color: #0e1a2b;}
.je_value p{font-size: 1rem;line-height: 1.7;color: #4a4f59;}
.je_signature p{font-size: 1.25rem;line-height: 1.9;color: #1d1d1f;font-weight: 600;}
.je_signature strong{display: inline-block;margin-top: 12px;font-size: 1.25rem;color: #0033A0;}
.je_visual {margin-top: 5%;}
.je_visual img {max-width: 80%;height: auto;}

@media screen and (max-width: 1080px){
	.je_values{gap: 24px;}
}


@media screen and (max-width: 768px){
	.je_bg{width: 100%;}
	.je_intro_lead{font-size: 1.5rem;}
	.je_texts h3{font-size: 1.75rem;}
	.je_texts p{font-size: 1.25rem;}
	.je_values{grid-template-columns: 1fr;gap: 18px;}
	.je_value{padding: 28px 24px;}
	.je_signature p{/* font-size: 1.75rem; */}
}

@media screen and (max-width: 480px){	
	.je_intro_label{font-size: 0.85rem;padding: 8px 18px;}
	.je_intro_lead{font-size: 1.33333rem;}
	.je_texts h3{font-size: 1.5rem;}
}

/* Anchor offset for technology detail sections */
.tech_overview,
.tech_network_strategy,
.tech_ipt,
.tech_maintenance,
.tech_service {
	scroll-margin-top: -120px;
}

@media (max-width: 768px) {
	.tech_overview,
	.tech_network_strategy,
	.tech_ipt,
	.tech_maintenance,
	.tech_service {
		scroll-margin-top: -90px;
	}
}