@charset "utf-8";

/*댓글기능*/
/*comment*/
#comment{width: 100%; height: 500px; overflow-y:hidden;position: relative; padding:0; margin:0;}

#comment #comment_header{position:sticky; top: 0;display:flex; justify-content: space-between; width: 100%; border-bottom:1px solid #f5f5f5; padding:15px; box-sizing: border-box; background: #fff; margin:0 auto;  height: 54px; line-height: 54px; align-items: center; z-index: 1999; }
#comment #comment_header a {text-decoration: none; display: block; width: 24px; height: 24px; line-height: 24px;}
#comment #comment_header span{font-weight: 500; font-size: 16px;}
#comment_conts{padding:0 0 15px; }
#comment_conts form{display: flex; flex-direction: column;}
#comment_conts label{font-weight: normal; font-size: 14px; margin-bottom:10px !important;}
#comment_conts form textarea{ height: 40px; padding: 10px; resize: none; overflow:auto; border:1px solid #bbbbbb; border-radius: 4px; box-sizing: border-box;}
#comment_conts form textarea::-webkit-scrollbar{display: none;}
#comment_conts form textarea::placeholder{font-size: 15px; color:#acacac;}
#comment_conts form textarea:focus{height: 80px !important; transition:all 0.3s ease-in-out !important; overflow:auto;}

#comment_conts #cc_btns{display: none;}
#comment_conts .cc_btns{ width: 100%; justify-content: flex-end; margin-top: 10px;}
#comment_conts .cc_btns button{width: 60px; height: 34px; border:none; border-radius: 5px; background: #d9d9d9; font-size: 14px;}
#comment_conts .cc_btns button:last-child{margin-left: 10px; background-color: #152e5f; color:#fff; border:none;}

/*comment_cont2*/
.tabmenu-wrap {padding: 0;}
.tabmenu-wrap .tab-nav {display: flex;width: 100%; justify-content: flex-end; padding:0 ; box-sizing: border-box;}

.tabmenu-wrap .tab-nav .nav a {transition: 0.4s;position: relative;display: block;font-size: 14px;font-weight: normal;color: #000000;text-align: center;text-decoration: none; ;padding: 10px 0;}
.tabmenu-wrap .tab-nav .nav a:last-child{margin-left: 5px;}
.tabmenu-wrap .tab-nav .nav a:after {content: "";transition: 0.4s;width: 0px;}
.tabmenu-wrap .tab-nav .nav.on a {color: #3e81da; font-weight: 500;}

.tabmenu-wrap .tab-con {border-top:1px solid #f5f5f5;}
.tabmenu-wrap .tab-con .con-box {display: none;}

.tabmenu-wrap .tab-con .con-box  > ul {list-style: none; }
.tabmenu-wrap .tab-con .con-box  > ul > li {border-bottom:1px solid #f5f5f5; padding: 10px 0 0; }

.tabmenu-wrap .tab-con .con-box  > ul > li .cb_tit{display: flex; justify-content: space-between; margin: 10px 0; padding:0 10px;}
.tabmenu-wrap .tab-con .con-box  > ul > li .cb_tit span{font-weight: bold;}
.tabmenu-wrap .tab-con .con-box  > ul > li .cb_tit span img{width:20px ; margin-bottom: 0;}
.tabmenu-wrap .tab-con .con-box  > ul > li .cb_tit a{text-decoration: none; color:#808080; font-weight: normal; font-size: 14px;}

.tabmenu-wrap .tab-con .con-box  > ul > li p{margin-bottom: 10px; padding:0 10px; font-size: 14px ; font-weight: normal; line-height: 20px;}
.tabmenu-wrap .tab-con .con-box  > ul > li p.tlp,
.tabmenu-wrap .tab-con .toggle-list > ul > li > ul.tli,
.tabmenu-wrap .tab-con .toggle-list2 > ul > li > ul.tli,
.tabmenu-wrap .tab-con .toggle-list3 > ul > li > ul.tli,
.tabmenu-wrap .tab-con .toggle-list4 > ul > li > ul.tli{
    padding: 0 38px !important;
}
.tabmenu-wrap .tab-con .con-box  > ul > li p .cb_time{color:#acacac; display: block;margin-top: 10px; font-size: .9em;}    

.tabmenu-wrap .tab-con .con-box  > ul li ul{list-style: none;}
.tabmenu-wrap .tab-con .con-box  > ul > li ul.cb_icon {display: flex; justify-content: flex-start; padding:0 10px; margin-bottom:20px !important; align-items: center;}
.tabmenu-wrap .tab-con .con-box  > ul > li ul.cb_icon li:hover svg #ic_comment,.tabmenu-wrap .tab-con .con-box  > ul > li ul.cb_icon li:hover svg #ic_thumbs{fill:#3e81da;}

/*modal*/
.modal{background: rgba(54,54,54,.6);}
#normalModal .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal .modal-content{width: 250px; margin:0 auto;}
#normalModal .modal-body{padding:38px 0 20px;}
#normalModal .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal button.btn-primary{background: #152e5f; border:none;}

#normalModal2 .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal2 .modal-content{width: 250px; margin:0 auto;}
#normalModal2 .modal-body{padding:38px 0 20px;}
#normalModal2 .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal2 .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal2 button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal2 button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal2 button.btn-primary{background: #152e5f; border:none;}

#normalModal3 .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal3 .modal-content{width: 250px; margin:0 auto;}
#normalModal3 .modal-body{padding:38px 0 20px;}
#normalModal3 .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal3 .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal3 button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal3 button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal3 button.btn-primary{background: #152e5f; border:none;}

#normalModal4 .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal4 .modal-content{width: 250px; margin:0 auto;}
#normalModal4 .modal-body{padding:38px 0 20px;}
#normalModal4 .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal4 .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal4 button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal4 button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal4 button.btn-primary{background: #152e5f; border:none;}

#normalModal5 .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal5 .modal-content{width: 250px; margin:0 auto;}
#normalModal5 .modal-body{padding:38px 0 20px;}
#normalModal5 .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal5 .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal5 button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal5 button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal5 button.btn-primary{background: #152e5f; border:none;}

#normalModal6 .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal6 .modal-content{width: 250px; margin:0 auto;}
#normalModal6 .modal-body{padding:38px 0 20px;}
#normalModal6 .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal6 .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal6 button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal6 button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal6 button.btn-primary{background: #152e5f; border:none;}


#normalModal_sub .modal-dialog{top:50%; transform: translateY(-50%);}
#normalModal_sub .modal-content{width: 250px; margin:0 auto;}
#normalModal_sub .modal-body{padding:38px 0 20px;}
#normalModal_sub .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#normalModal_sub .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#normalModal_sub button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#normalModal_sub button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#normalModal_sub button.btn-primary{background: #152e5f; border:none;}

#reportModal .modal-dialog{top:50%; transform: translateY(-50%);}
#reportModal .modal-content{width: 250px; margin:0 auto;}
#reportModal .modal-body{padding:38px 0 20px;}
#reportModal .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#reportModal .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#reportModal button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#reportModal button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#reportModal button.btn-primary{background: #152e5f; border:none;}

#reportModal_sub .modal-dialog{top:50%; transform: translateY(-50%);}
#reportModal_sub .modal-content{width: 250px; margin:0 auto;}
#reportModal_sub .modal-body{padding:38px 0 20px;}
#reportModal_sub .modal-body p{text-align: center; margin:0; font-size: 14px; font-weight: normal; color:#333;}
#reportModal_sub .modal-footer{margin-top: 0;text-align:center; border-top:none; padding:0 0 20px; display: flex; justify-content: center;}

#reportModal_sub button{width: 102px; height: 38px; line-height: 38px; box-sizing: border-box; border-radius: 4px; margin-bottom: 20px !important;}
#reportModal_sub button.btn-default{background: #d9d9d9; border:none; margin-right: 10px !important;}
#reportModal_sub button.btn-primary{background: #152e5f; border:none;}


#replyModal .modal-dialog{top:50%; transform: translateY(-50%);}
#replyModal .modal-content{width: 330px; margin:0 auto;}
#replyModal .modal-header{border-bottom:none; padding:20px 15px; }
#replyModal .modal-header h4{font-weight: normal; font-size: 18px; color:#333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#replyModal .modal-body{padding:0 15px;}
#replyModal textarea{resize: none; width: 100%; padding:15px; border:1px solid #bbb; border-radius: 4px; color:#acacac; font-weight: normal; font-size: 14px; overflow-y:scroll !important;} 
#replyModal textarea::-webkit-scrollbar{display: block !important;}
#replyModal .modal-footer{border-top: none; display: flex; justify-content: flex-end; margin:34px 15px 20px;}
#replyModal button{width: 70px; height: 34px; line-height: 34px; border-radius: 4px;  font-size: 14px;}
#replyModal button.btn-default{background: #d9d9d9;border:none;}
#replyModal button.btn-primary{background: #152e5f; border:none; margin-left:10px !important }

#autoModal .modal-dialog{top:50%; transform: translateY(-50%);}
#autoModal .modal-content{width: 330px; margin:0 auto;}
#autoModal .modal-header{border-bottom:none; padding:20px 15px 10px; }
#autoModal .modal-header h4{font-weight: normal; font-size: 18px; color:#333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; font-weight: bold; margin-bottom: 0px;}
#autoModal .modal-body{padding:0 15px;}
#autoModal .modal-body .am_img{display: flex; justify-content: space-between;  height: 40px; margin-bottom: 10px;}

#autoModal .modal-body .am_img img.am_img_test{width: 200px; height: 40px; object-fit: cover;}
#autoModal .modal-body .am_img a img{width: 40px; height: 40px;}
#autoModal .modal-body input{width: 100%; border:1px solid #a6a6a6; height: 40px; padding:0 10px;}

#autoModal .modal-footer{border-top: none; display: flex; justify-content: flex-end; margin:10px 15px 20px; font-weight: normal;}







#replyModal2 .modal-dialog{top:50%; transform: translateY(-50%);}
#replyModal2 .modal-content{width: 330px; margin:0 auto;}
#replyModal2 .modal-header{border-bottom:none; padding:20px 15px; }
#replyModal2 .modal-header h4{font-weight: normal; font-size: 18px; color:#333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#replyModal2 .modal-body{padding:0 15px;}
#replyModal2 textarea{resize: none; width: 100%; padding:15px; border:1px solid #bbb; border-radius: 4px; color:#acacac; font-weight: normal; font-size: 14px; overflow-y:scroll !important;} 
#replyModal2 textarea::-webkit-scrollbar{display: block !important;}
#replyModal2 .modal-footer{border-top: none; display: flex; justify-content: flex-end; margin:34px 15px 20px;}
#replyModal2 button{width: 70px; height: 34px; line-height: 34px; border-radius: 4px;  font-size: 14px;}
#replyModal2 button.btn-default{background: #d9d9d9;border:none;}
#replyModal2 button.btn-primary{background: #152e5f; border:none; margin-left:10px !important }

#okModal .modal-dialog{top:50%; transform: translateY(-50%);}
#okModal .modal-content{width: 250px; margin:0 auto;}
#okModal .modal-body{padding:38px 0 20px;}
#okModal .modal-body p{text-align: center; margin:0; font-weight: normal; font-size: 14px;}
#okModal button{color:#fff; width: 70px; height: 34px;line-height: 34px; font-size: 14px; border-radius: 4px; background: #152e5f;  margin:0 auto !important; }
#okModal .modal-footer{margin: 0 auto 20px; text-align:center; border-top:none; }

#okModal2 .modal-dialog{top:50%; transform: translateY(-50%);}
#okModal2 .modal-content{width: 250px; margin:0 auto;}
#okModal2 .modal-body{padding:38px 0 20px;}
#okModal2 .modal-body p{text-align: center; margin:0; font-weight: normal; font-size: 14px;}
#okModal2 button{color:#fff; width: 70px; height: 34px;line-height: 34px; font-size: 14px; border-radius: 4px; background: #152e5f;  margin:0 auto !important; }
#okModal2 .modal-footer{margin: 0 auto 20px; text-align:center; border-top:none; }
/*modal 끝*/


.toggle-box {    text-align: center;    line-height: 30px;    margin-top: 30px;  }
.toggle-buttom,.toggle-buttom2,.toggle-buttom3,.toggle-buttom4,.toggle-buttom5,.toggle-buttom6{font-size: 14px; font-weight: normal;cursor: pointer; align-items: center; display: flex; justify-content: center; border-left:1px solid #fff;}
.toggle-buttom:hover,.toggle-buttom2:hover,.toggle-buttom3:hover,.toggle-buttom4:hover, .toggle-buttom5:hover,.toggle-buttom6:hover{color:#3e81da;}
.toggle-list,.toggle-list2,.toggle-list3,.toggle-list4,.toggle-list5,.toggle-list6{display: none; background-color: #f5f5f5; padding:15px 0 0;}

.toggle-list-li,
.toggle-list-li2{display: none; }

.tabmenu-wrap .tab-con .con-box > ul .toggle-list-li:last-child ul.cb_icon,.tabmenu-wrap .tab-con .con-box > ul .toggle-list-li2:last-child ul.cb_icon{margin-bottom: 0;}
#loadMore, #loadMore2 { cursor: pointer;   display: block;    margin:0 auto;    width:100%;    padding: 10px;    text-align: center;    background-color: #fff;    color: #000;    font-size: 14px;    font-weight: normal;}
#loadMore:link, #loadMore2:link{text-decoration: none;}
#loadMore img, #loadMore2 img{width: 24px; height: 24px; margin-bottom: 0;}
.re_btn_conts{display: flex;width: 100%; justify-content: center; border-top:1px solid #fff;}
.re_btn_conts a{font-size: 14px; width: 100%;    text-align: center; background-color:  #f5f5f5; color:#000;height: 42px;line-height: 42px; font-weight: bold;}
.re_btn_conts a:hover{text-decoration: none; color:#000;}
 

/*좋아요 체크박스*/
.ic_t{margin-right: 10px; display: flex; align-items: center;}
.ic_t .styled-checkbox { position: absolute; opacity: 0;  margin: 0 0;  }
.ic_t .styled-checkbox + label {    padding-left: 20px;
    position: relative;    cursor: pointer;      font-weight: normal;   margin-bottom: 0;  color:#000; top: -2px; font-size: 14px; }
.ic_t .styled-checkbox + label:before {content: ""; display: inline-block; vertical-align: text-top; top:4px; width: 20px; height: 20px;    background: url('../images/icon/check-off.svg') no-repeat 0 0px / contain;  }
.ic_t .styled-checkbox:checked + label{    color: #3e81da;    padding-left: 20px;}
.ic_t .styled-checkbox:checked + label:before {background: url('../images/icon/check-on.svg') no-repeat 0 0px / contain;}

.ic_t .styled-checkbox:disabled + label:before {box-shadow: none;
    background: #ddd;  }
.ic_t .styled-checkbox:checked + label:after { content: "";
    position: absolute;    left: 5px;    top: 9px;    width: 2px;    height: 2px;    transform: rotate(45deg); }

#hz{resize:none; border-radius:4px ;}

.tabmenu-wrap .tab-con .con-box > ul > li .cb_tit span{font-size: 14px; color:#333;}


/*20230403 스타일추가*/
.fix_logo ul {	list-style: none; display:flex;flex-direction: row; align-items: center;}
.fix_logo li {	overflow: hidden;	display: block; font-size: 14px; cursor: pointer;	}
input[type=checkbox],input[type=radio] {opacity: 0;	position: absolute;	z-index: 12;	width: 18px;	height: 18px;}
.fix_logo li:last-child{margin-left: 10px;}
.fix_logo li img{width: 18px; height: 18px; margin-bottom: 4px; margin-right: 2px;}

input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {	outline: none !important;}

input[type=checkbox]+.lbl,
input[type=radio]+.lbl {	position: relative;	z-index: 11;	display: inline-block;	margin: 0;	line-height: 20px;	min-height: 14px;	min-width: 14px;font-weight: normal;}

input[type=checkbox]+.lbl.padding-8::before,
input[type=radio]+.lbl.padding-8::before,
input[type=checkbox]:checked+.lbl.padding-8::before,
input[type=radio]:checked+.lbl.padding-8::before {	margin-right: 4px;}

input[type=checkbox]+.lbl::before,
input[type=radio]+.lbl::before {content: "";background: url(../images/icon/check-off.svg) no-repeat;	display: inline-block;	text-align: center;	vertical-align: middle;	height: 18px;	line-height: 18px;	min-width: 18px;	margin-right: 1px;	margin-top: -5px;}

input[type=checkbox]+.lbl{color:#000; font-size: 14px;}
input[type=checkbox]:checked+.lbl{color:#3e81da; font-size: 14px;}

input[type=checkbox]:checked+.lbl::before,
input[type=radio]:checked+.lbl::before {	display: inline-block;	content: "";	background: url(../images/icon/check-on.svg) no-repeat;
	text-align: center;	vertical-align: middle;	height: 18px;	line-height: 18px;	min-width:18px;	margin-right: 1px;	margin-top: -5px;}

.v3d_reply iframe{width: 100%; margin-top: 20px; height: 100vh;}
.v3d_reply iframe::-webkit-scrollbar{display: none;}

label{margin-bottom: 0 !important;}
ul{margin-bottom: 0 !important;}
.artpCon summary{line-height: 1.5em;}
.readmore {margin-bottom: 15px;}


.v3d_search{display: flex;	align-items: center; padding: 0 20px; max-width: 450px;  background: rgba(203, 203, 203, 0.2);  border-radius: 50px; margin:0px 15px 0; }
.v3d_search input{position:relative; border:none; font-size: 15px;}
.v3d_search input::after{content:''; background: url(../images/icon/u_search.png)no-repeat; position:absolute; left: 0; z-index: 100; display: block; width: 16px; height: 16px;}
.v3d_search input::placeholder{font-size: 15px;color:#acacac;}
.v3d_search img{width: 22px; height: 22px;}


.v3d_slide_video{width: 100%;  overflow: hidden; position:relative;}
.wrap_thumb_layout { position: absolute; top: 0; left: 0;  z-index: 2;  margin-left: 0;}
.swiper-container {	width: 100%;height: 100%;/* margin: 20px auto; */}
.wrap_thumb_layout .swiper-container {	margin: 0 auto;}

.swiper-slide-container { text-align: center;    font-size: 18px;   background: #fff;    height:100%;    max-width: 500vw;    margin:auto;    display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;   -webkit-align-items: center;    align-items: center; cursor:pointer;}

#fl_reply_cont{display: none; position:absolute; top:270px; background: #fff; width: 100%;  height: 100%;overflow-y:hidden; z-index:50;}


#v3d2_conts{padding:15px; width: 100%; margin-top: 140px;}
#v3d2_conts ul li{width: 100%;display: flex; justify-content: flex-start;}
#v3d2_conts ul li img{width: 140px; height: 90px; margin-right: 10px;}
#v3d2_conts ul li div{font-size: 15px;color:#252525; font-weight: normal;}
#v3d2_conts ul li div p{text-decoration: none; line-height: 1.3em;}
#v3d2_conts ul li div p.blue{margin-top: 12px;}
hr.line3{border:1px solid rgba(203, 203, 203, 0.2); margin:20px auto;display: block; width: 100%;}

#frc_cont{overflow-y:scroll; z-index:2000;top:0;}
#frc_cont::-webkit-scrollbar{display:none;}
.ic_t label{padding:4px 0 0;}
.tabmenu-wrap .tab-con .con-box > ul > li .cb_tit div b{
	font-size: 11px; 
    display: inline-block;
    top: -2px;
    position: relative;
	color:#cecece;
}
/*댓글기능 끝*/