/*common*/
.flexBC{display:flex;justify-content:space-between;align-items:center}
.flexBC > *{flex:1}
.flexCC{display:flex;justify-content:center;align-items:center}

.displaynone{display:none !important}

/*그누보드*/
.body_board #container_title{display:none}




.body_gnu .s_visual,
.body_gnu .s_cate{display:none}
#bo_v_img a.view_image{display:inline-block}/*글보기 이미지클릭 영역조정*/

#bo_w .write_div,
#bo_w .bo_w_info .frm_input{margin:3px 0 !important}
#bo_w .bo_w_flie.write_div{margin:0px !important}
.btn_cke_sc{display:none !important}
#bo_v_info .profile_info{flex:1}

.wr_line{display:flex;align-items:center;gap:5px;margin:4px 0}
.wr_line .th{background:#ddd;width:110px;height:40px;line-height:40px;border:1px solid #ddd;padding:0 10px;border-radius:3px;white-space:nowrap}
.wr_line .td{flex:1}

.btn_bo_user li{width:auto}
#bo_w .btn_cancel{padding:0 10px}
a.btn{padding:0}
a.btn .fa-pencil,
a.btn .fa-reply,
a.btn .fa-list{display:inline-block;border:1px solid #ccc;line-height:30px;border-radius:5px;}
a.btn .fa-pencil:before{content:'Write';font-size:14px;padding:0 10px;font-weight:600}
a.btn .fa-list:before{content:'List';font-size:14px;padding:0 10px;font-weight:600}
a.btn .fa-reply:before{content:'Reply';font-size:14px;padding:0 10px;font-weight:600}
a.btn .fa-pencil:hover,
a.btn .fa-list:hover{border:1px solid #333}
.more_opt li{width:90px}

/*url link*/
#bo_v_link,
.bo_w_link {display:none !important}

.cm_wrap header{text-align:left !important}

#fregisterform .reg_mb_img_file{line-height:80px}
#fregisterform .reg_mb_img_file img{border-radius:50%;overflow:hidden}

/*리스트****************/
#bo_cate_ul{text-align:center}
.bo_cate_link{height:auto;line-height:unset}


/*게시판 보기페이지*************/
#bo_v_img{text-align:center}
#bo_v_info{border-top:1px solid #eee}
#bo_v_con{font-size:1rem;line-height:1.3}
#bo_v_img img,
#bo_v_con img{width:auto !important}
#bo_v_atc header{text-align:center;padding-bottom:20px}


/*pc*/
@media all and (min-width:1024px) {	 
	#header{right:-350px;transition:0.3s}
	#header.subOn{right:0}
	.header_toggle{display:block;position:absolute;left:-120px;top:35%;width:120px;height:50px;font-size:18px;color:#fff;text-align:center;letter-spacing:2px;line-height:45px;border-radius:10px 10px 0 0;
	background:rgba(0,0,0,0.8);transform:rotate(-90deg);transform-origin:right bottom;cursor:pointer}

	#container_title{font-size:40px;text-align:center;margin:50px 0 80px}

	.s_content{max-width:1100px;margin:0 auto;padding:0 0 100px}

    .s_visual{display:flex;justify-content:center;align-items:center;position:relative;height:350px;background:url('/images/sub/s04_visual.jpg') no-repeat center /cover}
    .s_visual .h2G{position:relative;color:#fff;text-align:center;}
    .s_visual .h2G .eng{display:block;font-size:40px;font-weight:900;text-transform:uppercase}
    .s_visual .h2G .kor{display:block;font-size:22px;font-weight:300;margin-top:10px;text-transform:uppercase}
    
    .s_visual.influencer,
	.s_visual.influencer_item,
	.s_visual.influencer_video{background:url('/images/sub/s01_visual.jpg') no-repeat center /cover}
	.s_visual.distributor{background:url('/images/sub/s02_visual.jpg') no-repeat center /cover}	
    .s_visual.storehouse{background:url('/images/sub/s03_visual.jpg') no-repeat center /cover}
    .s_visual.faq,
	.s_visual.event,
	.s_visual.news{background:url('/images/sub/s04_visual.jpg') no-repeat center /cover}
    .s_visual.whatis{background:url('/images/sub/s05_visual.jpg') no-repeat center /cover}
    .s_visual.attendance{background:url('/images/sub/s06_visual.jpg') no-repeat center /cover}
    
    .s_cate{border-bottom:1px solid #ddd}
    .s_cate ul{display:flex;justify-content:center;gap:10px}
    .s_cate ul li.on a{border-bottom:7px solid #2bc8b0;color:#2bc8b0;font-weight:600}
    .s_cate ul li a{display:block;line-height:80px;font-size:18px;padding:0 20px;white-space:nowrap}

	.s_menu{margin:50px 0}
	.s_menu ul{display:flex;justify-content:center;gap:5px;}
	.s_menu li{}
	.s_menu li a{display:block;line-height:60px;background:#dde7e9;text-align:center;font-size:18px;padding:0 80px;border-radius:60px}
	.s_menu li.on a,
	.s_menu li a:hover{background:var(--main-color2);color:#fff;font-weight:600}

    .s_tit{margin:50px 0;text-align:center}
    .s_tit .tit{font-size:36px;font-weight:900;text-transform:uppercase}
    .s_tit .add{font-size:20px;color:#aaa;margin:10px 0}
    .s_tit:after{content:'';display:block;width:200px;margin:35px auto;border:5px solid #dde7e9;height:20px;border-radius:12px}


	.guideG{text-align:center;max-width:810px;margin:0 auto}
	.guideG .tit{font-size:1.875rem;color:var(--main-color2);margin:100px 0}
	.guideG .img{margin:60px 0}
	.guideG p{margin:60px 0 80px;font-size:1.125rem}
	.guideG p i b{color:var(--main-color2)}


	.benefitG{}
	.benefitG .guide_con .tit{font-size:30px;font-weight:600;border-bottom:1px solid #eee;padding:20px 0;color:var(--main-color2)}
	.benefitG .guide_con .list {margin:30px 0;line-height:2}
	.benefitG .guide_con .list li{font-size:20px;font-weight:500;padding-left:30px;text-indent:-20px}
	.benefitG .guide_con .list li .num{display:inline-block;color:var(--main-color2);margin-right:15px}
	.benefitG .guide_con .list li b{color:var(--main-color2)}
	.benefitG .guide_con .list li .add{font-weight:300}

	.benefitG .button_con{text-align:center;margin:150px 0 50px}
	.benefitG .button_con a{display:inline-block;line-height:50px;padding:0 50px;font-size:20px;color:#fff;background:var(--main-color2)}

	/*이하 그누보드********************/




	select{height:40px;line-height:40px;padding:0 10px;border:1px solid #d0d3db;border-radius:3px}

}

    


/*mobile*/
@media all and (max-width:1023px) {   
	/*에디터반응형*/
	
	#bo_v_con .col-dz,
	#bo_v_con ._text_wrap,
	#bo_v_con .text-table{width:100% !important}




	#main{padding-top:60px}

	.s_content{max-width:1100px;margin:0 auto;padding:0 0 50px}
	
	
    .s_visual{display:flex;justify-content:center;align-items:center;position:relative;height:150px;background:url('/images/sub/s04_visual.jpg') no-repeat center /cover}
    .s_visual .h2G{position:relative;color:#fff;text-align:center;}
    .s_visual .h2G .eng{display:block;font-size:24px;font-weight:900;text-transform:uppercase}
    .s_visual .h2G .kor{display:block;font-size:14px;font-weight:300;margin-top:10px;text-transform:uppercase}
    
    .s_visual.influencer,
	.s_visual.influencer_item,
	.s_visual.influencer_video{background:url('/images/sub/s01_visual.jpg') no-repeat center /cover}
	.s_visual.distributor{background:url('/images/sub/s02_visual.jpg') no-repeat center /cover}	
    .s_visual.storehouse{background:url('/images/sub/s03_visual.jpg') no-repeat center /cover}
    .s_visual.faq,
	.s_visual.event,
	.s_visual.news{background:url('/images/sub/s04_visual.jpg') no-repeat center /cover}
    .s_visual.whatis{background:url('/images/sub/s05_visual.jpg') no-repeat center /cover}
    .s_visual.attendance{background:url('/images/sub/s06_visual.jpg') no-repeat center /cover}


	
    .s_cate{}    
	.s_cate .container{padding:0}
	.s_cate ul{display:flex;;gap:0;flex-wrap:wrap;width:calc(100% + 1px)}	
	.s_cate ul li{width:33.33%;border:1px solid #eee;margin-top:-1px;margin-left:-1px}
	.s_cate ul li a{display:block;line-height:30px;font-size:13px;text-align:center}
    .s_cate ul li.on a{background:var(--main-color2);color:#fff;font-weight:600}	


	.s_menu{margin:30px 0}
	.s_menu ul{display:flex;justify-content:center;gap:3px;}
	.s_menu li{}
	.s_menu li a{display:block;line-height:35px;background:#dde7e9;text-align:center;font-size:13px;padding:0 20px;border-radius:35px}
	.s_menu li.on a,
	.s_menu li a:hover{background:var(--main-color2);color:#fff;font-weight:600}


	.s_tit{margin:30px 0;text-align:center}
    .s_tit .tit{font-size:20px;font-weight:900;text-transform:uppercase}
    .s_tit .add{font-size:14px;color:#aaa;margin:10px 0}
    .s_tit:after{content:'';display:block;width:100px;margin:20px auto;border:3px solid #dde7e9;height:10px;border-radius:10px}


	.guideG{text-align:center}
	.guideG .tit{font-size:1.875rem;color:var(--main-color2);margin:50px 0}
	.guideG .img{margin:30px 0}
	.guideG p{margin:30px 0 40px;font-size:1rem}
	.guideG p i b{color:var(--main-color2)}



	.benefitG{}
	.benefitG .guide_con .tit{font-size:20px;font-weight:600;border-bottom:1px solid #eee;padding:10px 0;color:var(--main-color2)}
	.benefitG .guide_con .list {margin:20px 0;line-height:2}
	.benefitG .guide_con .list li{font-size:14px;font-weight:500;padding-left:20px;text-indent:-10px}
	.benefitG .guide_con .list li .num{display:inline-block;color:var(--main-color2);margin-right:5px}
	.benefitG .guide_con .list li b{color:var(--main-color2)}
	.benefitG .guide_con .list li .add{font-weight:300}

	.benefitG .button_con{text-align:center;margin:80px 0 30px}
	.benefitG .button_con a{display:inline-block;line-height:40px;padding:0 30px;font-size:14px;color:#fff;background:var(--main-color2)}


}