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

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

.k_sub_tit{margin-bottom: 86px;}

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

.sv_img_01{background-image: url(/img/sub_visual/o_sv_01.jpg);}
.sv_img_02{background-image: url(/img/sub_visual/o_sv_02.jpg);}
.sv_img_03{background-image: url(/img/sub_visual/o_sv_03.jpg);}
.sv_img_04{background-image: url(/img/sub_visual/o_sv_04.jpg);}
.sv_img_05{background-image: url(/img/sub_visual/o_sv_04.jpg);}
.sv_img_00{background-image: url(/img/sub_visual/sv_00.jpg);}

.sv_tit{position: absolute;top: 50%;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: 65px;}

    #sub_visual{height: 232px;}

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

/*---sub navi---*/
#sub_navi_wrap{display:none; 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: 720px){

    #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: 13px;}

    .sn_mo{width: 102px;}
    .sn_mo>a{display: block;width: 100%;line-height: 50px;font-size: 12px;font-weight: 500;padding: 0 12px;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: 8px;font-size: 16px;}
    .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 */
.je_section{
	display: flex;
    align-items: center;
	justify-content: center;
}

.je_section .je_texts{
	margin-left: 80px;
}

.je_section .je_texts h3{
	font-size: 1.8rem; font-weight: 700;
}
.je_section .je_texts h6{
	font-size: 2rem; font-weight: 500;
}

.je_section .je_texts p{
	font-size: 1.1rem;
	margin-top: 40px;
}

@media screen and (max-width: 1023px){
	.je_section{
		display: block;
	}
	.je_section .je_img img{
		display: block;
		margin: 0 auto;
	}
	.je_section .je_texts{
		margin-left: 0;
		text-align: center;
		margin-top: 40px;
	}
}

@media screen and (max-width: 420px){
	.je_section .je_img img{
		width: 80%;
	}
	.je_section .je_texts{
		letter-spacing: -0.05em;
	}
	.je_section .je_texts h6{
		font-size: 1.8rem;
	}

	.je_section .je_texts p{
		font-size: 1rem;
		margin-top: 20px;
	}
}