@import url('sub.css'); 


.basic_cont {overflow:visible;}

.dots {font-size: 0.888rem; font-weight: 400; line-height: 175%; letter-spacing: -0.64px; padding-left:11px; box-sizing:border-box; position:relative; }
.dots::before {content:''; width: 4px; height: 4px; border-radius:100%; background:#aaa; position:absolute; top:12px; left:0;}
.dots+.dots {margin:1px 0 0;}






.talk_all_wrap {font-size:0; }
.talk_all_wrap .talk_left {width:400px; display:inline-block; vertical-align:top; position:sticky; top:50px; transition:all 0.4s ease;}
.header.fixed+.mo_menu+.subtop_bg+.container .contents_in .talk_all_wrap .talk_left {top:170px; transition:all 0.4s ease;}
.talk_left .border-box {border-radius: 30px; border: 2px solid rgba(119,119,119,0.4); box-sizing:Border-box; padding:30px; margin:0 0 10px;}
.talk_left .border-box .fs22 {color: var(--main); font-size: 1.222rem; font-weight: 600; line-height:154.545%; letter-spacing: -0.88px;}
.talk_left .border-box .fs22 i {width: 32px; height: 32px; line-height:32px; display:inline-block; vertical-align:middle; margin-right:8px; border-radius:100%; background:var(--main); text-align:center; font-size:1rem; font-weight:600; color:var(--white); font-style:normal;}
.talk_left .border-box h4 {font-size: 1rem; font-weight: 400; line-height: 155.556%; letter-spacing: -0.72px; color:var(--black); margin:13px 0 10px;}
.line-box {font-size: 0.888rem; font-weight: 400; line-height:175%; letter-spacing: -0.64px; padding-top:12px; margin-top:12px; border-top:1px solid var(--border);}


.talk_all_wrap .talk_right {width:calc(100% - 400px); display:inline-block; vertical-align:top; padding-left:60px; box-sizing:border-box;}

.comments {border:0 !important; background:var(--white); padding:20px !important;}
.comments_body_list {margin:43px 0 0; }
.comments_body_list .comments_body {background:var(--white); border-radius: 10px; padding:20px; box-sizing:border-box;}
.comments_body_list .comments_body+.comments_body {margin:2px 0 0;}
.comments_body {border-top:0 !important;}
.comments_body dl dt svg {width:45px; height:auto;}
.comments_body .file {margin:8px 0 0 !important;}
.comments_body .cont a {display:block;}


.view_wrap  .comments_body_list {margin:0 !important;}
.comments_wrap {padding:20px !important; margin:5px 0 0 !important;}
.comments_wrap .comments {border:1px solid var(--border) !important; padding:10px !important;}
.comments_wrap .comments_body {border-bottom:1px dashed var(--border); padding:20px 0;}
.comments_wrap .comments.modi_ver {background:var(--white); margin-top:-2px;}

.admin_wrap .talk_right {width:100%; padding-left:0;}
.admin_wrap .comments_body_list .comments_body {background:var(--grayBg);}
.admin_wrap .comments_wrap {background:var(--grayBg); max-width:100%;}






/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


.talk_all_wrap .talk_left {width:300px;}
.header.fixed+.mo_menu+.subtop_bg+.container .contents_in .talk_all_wrap .talk_left {top:170px;}
.talk_all_wrap .talk_right {width:calc(100% - 300px); padding-left:30px;}



}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.dots::before {top:10px;}

.talk_all_wrap .talk_left {width:100%; position:relative; top:0;}
.header.fixed+.mo_menu+.subtop_bg+.container .contents_in .talk_all_wrap .talk_left {top:0;}
.talk_all_wrap .talk_right {width:100%; padding-left:0;}

.bbs_search dl {max-width:100% !important;}
.comments_body_list {margin:25px 0 0;}

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

.dots::before {top:8px;}

.talk_left .border-box {border-radius:15px; padding:15px;}
.talk_left .border-box .fs22 i {width:24px; height:24px; line-height:24px;}

.comments {padding:10px !important;}
.comments_body_list {margin:15px 0 0;}
.comments_body_list .comments_body {padding:10px;}




}