@charset "utf-8";

#news-view { width:100%; }
#news-view .inner > div { float:left; display:block; }
#news-view .inner .news-container{ width:80%; padding-right:20px; }
#news-view .inner .news-container h5{font-size:1.5em; font-weight:500; color:#222; line-height:1.2em;}
#news-view .inner .news-container h4{font-size:1.2em; color:#222; line-height:1.3em; margin-top:20px; font-weight:300; padding-bottom:15px; border-bottom: 1px solid rgba(0,0,0,.1);}
#news-view .inner .news-container .news-info{position:relative; margin-bottom:35px;}
#news-view .inner .news-container .news-info p{font-size:0.9em; color:#222; margin:25px 0 0 0;}
#news-view .inner .news-container .news-info p > i { display:inline-block; background:#dfdfdf; border-radius:50%; margin-right:7px; width:30px; height:30px; vertical-align:middle; }
#news-view .inner .news-container .news-info span{font-size:0.8em; color:#999;}

#news-view .inner .news-container .news-info ul.sns{position:absolute; right:20px; top:0;}
#news-view .inner .news-container .news-info ul.sns li{position:relative; float:left; width:30px; height:30px; margin-left:5px;}
#news-view .inner .news-container .news-info ul.sns a{display:inline-block; width:30px; height:30px;}
#news-view .inner .news-container .news-info ul.sns a[data-sec="트위터"]{background:url(/assets/img/board/btn_twitter.png) no-repeat center center;}
#news-view .inner .news-container .news-info ul.sns a[data-sec="페이스북"]{background:url(/assets/img/board/btn_facebook.png) no-repeat center center;}
#news-view .inner .news-container .news-info ul.sns a[data-sec="이메일"]{background:url(/assets/img/board/btn_mail.png) no-repeat center center;}

#news-view .inner .news-container .news-con{font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; line-height:1.7;}
#news-view .inner .news-container .news-con p.con,
#news-view .inner .news-container .news-con p.con img{max-width:100%; display:block; }
#news-view .inner .news-container .news-con p.con {max-width:100%; display:block; max-width:600px; margin: 0 auto; }
#news-view .inner .news-container .news-con p.con sub{display:block; font-size:0.8em; color:#999999; padding:10px 0;}

/*기자사진 이미지 추가*/
.profile_box{position:relative; overflow:hidden; padding-top:0.6%; margin: 25px 0 0 0;}
#news-view .inner .news-container .news-info .profile{float:left;}
#news-view .inner .news-container .news-info .profile_box strong{float: left; font-size: 1.2em;  color: #222; font-weight:500; line-height: 50px;}
#news-view .inner .news-container .news-info .profile img{display:block; background:#dfdfdf; border-radius:50%; margin-right:7px; width:50px; height:50px; vertical-align:middle; }
#news-view .inner .news-container .news-con figcaption {text-align:left; margin-top:5px}

@media (max-width:640px){
	#news-view .inner .news-container { padding-right:0; }
	#news-view .inner .news-container .news-con p.con,
	#news-view .inner .news-container .news-con div{font-size:1.0em;}/*폰트사이즈변경됨*/
}

#news-view .inner .news-more { width:20%; }
#news-view .inner .news-more h6{border-bottom:2px solid #e0e0e0; font-size:1.2em; font-weight:500; color:#222; padding-bottom:15px;}
#news-view .inner .news-more li.item a {position:relative; display:block; padding:5px 0; height:80px;}
#news-view .inner .news-more li.item span {text-align:center;}
#news-view .inner .news-more li.item a::before{position:absolute; box-sizing:border-box; display:inline-block; content:''; width:120px; height:80px; border:1px solid #eee; background:url(/assets/img/common/no_image.png) no-repeat center center; background-size:50%; left:0; top:0;}
#news-view .inner .news-more li.item a i.thumb{position:absolute; left:0; top:0; display:inline-block; width:120px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#news-view .inner .news-more li.item a b{display:block; box-sizinb:border-box; padding-left:140px; font-size:0.9em; line-height:1.4em; height:4.2em; color:#222; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}

#news-view .inner .pedien-theme-right {width:20%;}

#comments { }
#comments .news-view-btn{width:100%; text-align:center; margin:50px 0;}
#comments .news-view-btn .inner{border-top:1px solid #e0e0e0; padding-top:50px;}
#comments .news-view-btn .inner button.btn-comments{display:inline-block; width:300px; height:50px; line-height:50px; color:#fff; font-weight:500; text-align:center; background:#3e78c8; border-radius:5px;}
#comments .news-view-btn .inner button span { text-indent:-99999px; text-align:left; display:inline; width:1px; height:1px; overflow:hidden;  }
#comments .news-view-btn .inner button.likeit_1 { width:150px; height:50px; border:1px solid rgba(0,0,0,.1); border-radius:5px; font-size:1.1em; position:relative; }
#comments .news-view-btn .inner button.likeit_1::before { content:''; width:34px; height:34px; vertical-align:middle; margin-right:10px; background:url(/images/A/common/likeit_1.png) no-repeat 50% 50%/100%; display:inline-block; }
#comments .news-view-btn .inner button.likeit_1.active { background:#ee7e7a; color:#fff; }
#comments .news-view-btn .inner button.likeit_1.active::before { background:url(/images/A/common/likeit_1_on.png) no-repeat 50% 50%/100%; }
#comments .news-view-btn .inner button.likeit_2 { width:150px; height:50px; border:1px solid rgba(0,0,0,.1); border-radius:5px; font-size:1.1em; position:relative; }
#comments .news-view-btn .inner button.likeit_2::before { content:''; width:34px; height:34px; vertical-align:middle; margin-right:10px; background:url(/images/A/common/likeit_2.png) no-repeat 50% 50%/100%; display:inline-block; }
#comments .news-view-btn .inner button.likeit_2.active { background:#888a; color:#fff; }
#comments .news-view-btn .inner button.likeit_2.active::before { background:url(/images/A/common/likeit_2_on.png) no-repeat 50% 50%/100%; }

#comments .news-view-btn .inner2{padding-top:50px;}
#comments .news-view-btn .inner2 button.btn-comments{display:inline-block; width:300px; height:50px; line-height:50px; color:#fff; font-weight:500; text-align:center; background:#3e78c8; border-radius:5px;}

#comments .all-comments{}
#comments .all-comments h5{font-size:1.2em; font-weight:500; color:#222; line-height:1.2em; border-bottom:1px solid #e0e0e0; padding-bottom:10px;}
#comments .all-comments p.con{padding:20px 0;}
#comments .all-comments p.con textarea{width:100%; max-width:100%; min-width:100%; min-height:100px; box-sizing:border-box; border:2px solid #d0d0d0; padding:10px; border-radius:5px;}

#comments .all-comments li.item{position:relative; border-bottom:1px solid #e0e0e0;}
#comments .all-comments li.item::before{position:absolute; box-sizing:border-box; display:inline-block; content:''; width:50px; height:50px; background:url(/assets/img/common/no_image.png) no-repeat center center; background-size:50%; left:0; top:20px; border:1px solid #eee;}
#comments .all-comments li.item i.thumb{position:absolute; top:20px; left:0; display:inline-block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#comments .all-comments li.item .comments-list{display:block; box-sizing:border-box; padding:20px 0 0 65px;}
#comments .all-comments li.item .comments-list b.name{font-size:1em; font-weight:500; display:inline-block;}
#comments .all-comments li.item .comments-list span.date{display:inline-block; padding:0 15px; font-size:0.8em; color:#999999;}
#comments .all-comments li.item .comments-list p.con{font-size:0.9em; line-height:1.4em; color:#999;}
#comments .all-comments .btn-group{width:100%; text-align:center; margin:50px 0;}
#comments .all-comments .btn-group button.btn-more{display:inline-block; width:300px; height:50px; line-height:50px; color:#fff; font-weight:500; text-align:center; background:#777777; border-radius:5px;}

@media (max-width:960px){
	#news-view .inner > .news-container .news-info ul.sns{position:relative; height:30px; margin:15px 0 20px 15px;}

	#news-view .inner > div {float:none; clear:both;}
	#news-view .inner .pedien-theme-right { width:100%; }
	#news-view .inner .news-container{width:100%;}
	#news-view .inner .news-more{width:100%;}

	#news-view .inner .news-more{padding-left:0;}

	#comments .news-view-btn .inner button.likeit_1, #comments .news-view-btn .inner button.likeit_2 { width:42%; }
}
@media (max-width:640px){
	#news-view .inner .news-container .news-con figcaption{font-size:3px;}

}

.news-contents{height:150px; margin:20px;}
.news-contents li{float:left; width:calc(50% - 5px); height:inherit;}
.news-contents li:nth-child(2n + 2){margin-left:10px;}
.news-contents li.thumb{background:url(/images/A/common/no_image.png) no-repeat center center; background-size:50%;}
.news-contents li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.news-contents li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:4.5em; background:#fff; left:0; bottom:0;}
.news-contents li.thumb a b{position:absolute; left:0; bottom:1em; display:block; width:100%; color:#222; font-size:1em;
    letter-spacing: -1px;
    font-weight: bold;
    font-family: 'Malgun Gothic'; line-height:1.5em; height:3em; max-height:3em; z-index:2; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

.top-news { position:relative; background:#f8f8f8; border:1px solid #eee; height:45px; line-height:45px; display:inline-block; width:100%; margin-bottom:25px;}
.top-news h6.tit { position:absolute; width:126px; left:6px; top:6px; height:30px; padding:0 15px; line-height:30px; font-size:0.9em; font-weight:500; background:#111; color:#fff; border-radius:3px;}
.top-news h6 b{color:#ffe92e;}
.top-news ul { margin-left:150px;}
.top-news ul li { position:relative; padding:0 15px; }
.top-news ul li::before{position:absolute; display:inline-block; content:''; width:3px; height:3px; left:0; top:50%; margin:-1.5px 0 0 0; background:#aaa;}
.top-news ul li a { display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color:#222; }



/** list **/
.sub-title{margin-bottom:35px;}
.sub-title h3{font-size:2.8em; line-height:1em; color:#222; font-weight:500;}
.sub-title h4.etc_tit{font-size:2.8em; line-height:1em; color:#222; font-weight:500; text-align:center}
.sub-title .etc_con_area {padding:35px 15px}
.sub-title .etc_con_area img{max-width:100%;}

#news-area01{width:100%; height:500px;}
#news-area01 ul{height:inherit;}
#news-area01 .inner > li{float:left; height:inherit;}
#news-area01 .inner > li:nth-child(1){width:70%;}
#news-area01 .inner > li:nth-child(2){width:30%;}

#news-area01 li.thumb{background:url(/assets/img/common/no_image.png) no-repeat center center; background-size:50%;}
#news-area01 li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#news-area01 li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:100%; background:url(/images/A/common/thumb_bg.png) repeat-x left bottom; left:0; bottom:0;}
#news-area01 li.thumb a b{position:absolute; left:0; bottom:55px; display:block; width:100%; padding:0 20px; box-sizing:border-box; color:#fff; font-size:1.8em; line-height:1.3em; z-index:2;}
#news-area01 li.thumb a i{position:absolute; left:0; bottom:30px; font-size:0.8em; display:block; width:100%; padding:0 20px; box-sizing:border-box; color:rgba(255,255,255,0.7); z-index:2;}

#news-area01 li.top-stories{padding-left:20px; box-sizing:border-box;}
#news-area01 li.top-stories h6{font-weight:500; font-size:1.4em; color:#222; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
#news-area01 li.top-stories ul{}
#news-area01 li.top-stories ul li{width:100%; height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
#news-area01 li.top-stories ul li a{display:block; width:100%; height:50px; line-height:50px; color:#333333; font-family: 'Malgun Gothic'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media (max-width:960px){
	#news-area01 .inner > li:nth-child(1){width:50%;}
	#news-area01 .inner > li:nth-child(2){width:50%;}
}
@media (max-width:640px){
	#news-area01{ height:auto;}
	#news-area01 .inner > li{float:none; clear:both;}
	#news-area01 .inner > li:nth-child(1){width:100%; height:500px;}
	#news-area01 .inner > li:nth-child(2){width:100%; display:inline-block;}

	#news-area01 li.top-stories{padding-left:0;}
}

#news-area03{width:100%; margin-top:35px;}
#news-area03 h5{font-size:1.4em; line-height:1.4em; height:1.4em; font-weight:500; color:#222; margin-bottom:10px;}
#news-area03 ul{height:250px; margin-bottom:25px;}
#news-area03 .inner > li{float:left; width:calc(100% / 5 - 50px); height:inherit;  margin-right:0px;margin-left: 62.5px;}
/*#news-area03 .inner > li:last-child{margin-right:0; float:right;}*/
#news-area03 .inner > li:first-child{margin-left:0;}
#news-area03 li.thumb{background:#fafafa url(/assets/img/common/no_image.png) no-repeat center 25px; background-size:50%;}
#news-area03 li.thumb a{position:relative; display:inline-block; width:100%; height:inherit; background-repeat:no-repeat; background-position:center top; background-size:cover;}
#news-area03 li.thumb a::after{position:absolute; display:inline-block; content:''; width:100%; height:6em; background:#fff; left:0; bottom:0;}
#news-area03 li.thumb a b{position:absolute; left:0; bottom:2em; display:block !important;; width:100%; color:#222; font-family: 'Malgun Gothic'; font-size:0.9em; line-height:1.5em; height:3em; max-height:3em; z-index:2; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
#news-area03 li.thumb:last-child{margin-right:0;}

@media (max-width:960px){
	#news-area03 .inner > li{float:left; width:calc(100% / 5 - 20px); height:inherit;  margin-right:25px;}
}

@media (max-width:640px){
	#news-area03 .inner > li{float:left; width:calc(100% / 2 - 5px); height:inherit; margin-right:5px;}
	#news-area03 .inner > li:nth-child(2n + 2){float:right; margin-right:0;}
	#news-area03 .inner > li:last-child{display:none;}
}


#news-area07{width:100%; display:inline-block;}
#news-area07 h5{font-size:1.4em; line-height:1.4em; height:1.4em; font-weight:500; color:#222; margin-bottom:10px;}
#news-area07 .inner > ul{position:relative; float:left; display:inline-block; box-sizing:border-box;}
#news-area07 .inner > ul:nth-child(1){width:80%; padding-right:20px;}
#news-area07 .inner > ul:nth-child(2){width:20%;}

#news-area07 ul.more-news li.item{position:relative; width:100%; box-sizing:border-box; padding:25px 0; border-bottom:1px solid #e0e0e0;}
#news-area07 ul.more-news li.item:first-child{border-top:2px solid #d0d0d0;}
#news-area07 ul.more-news li.item h5{font-size:15px; font-weight:500; color:#0077e5; padding:15px 0; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
#news-area07 ul.more-news li.item a{position:relative; display:inline-block; width:100%; height:100%;}
#news-area07 ul.more-news li.item a b{display:inline-block; width:100%; height:2.6em; box-sizing:border-box; padding-right:300px; font-size:1.2em; color:#333; font-family: 'Malgun Gothic'; line-height:1.3em; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
#news-area07 ul.more-news li.item a span{display:inline-block; width:100%; box-sizing:border-box; padding:0 300px 0 0; font-size:1.0em; line-height:1.6em; height:3em; font-family: 'Malgun Gothic'; color:#333; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
#news-area07 ul.more-news li.item a i.time{ color:#999999; font-size:0.8em; font-weight:400; padding-top:12px; display:block; }
#news-area07 ul.more-news li.item a .hashtag { font-size:0.8em; padding-top:17px; }
#news-area07 ul.more-news li.item a .hashtag em { padding:3px 7px; border:1px solid #dfdfdf; background:#f9f9f9; }
#news-area07 ul.more-news li.item a .hashtag em + em { margin-left:3px; }
#news-area07 ul.more-news li.item a .hashtag em::before { content:'#'; display:inline-block; vertical-align:top; margin-right:3px; }
#news-area07 ul.more-news li.item i.thumb{position:absolute; top:50%; right:0; transform:translate(0, -50%); display:inline-block; width:250px; height:130px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#news-area07 ul.more-news li.item a::before{position:absolute; display:inline-block; content:''; top:50%; right:0; transform:translate(0, -50%); width:250px; height:130px; background:url(/assets/img/common/no_image.png) no-repeat center center; background-size:50%; border:1px solid #eee; box-sizing:border-box;}

.inner .list_none {position: relative; float: left; width:100%; border-top: 2px solid #d0d0d0;border-bottom: 1px solid #e0e0e0; padding: 25px 25px 25px 0; box-sizing: border-box; text-align:center;}

@media (max-width:960px){
	#news-area07 .inner > ul{float:none; clear:both;}
	#news-area07 .inner > ul:nth-child(1){width:100%; padding-right:0;}
	#news-area07 .inner > ul:nth-child(2){width:100%;}
}

/**********************************************************************
* Descript : 회원가입 팝업 스타일 시작
***********************************************************************/
/*.sign-in{display:none; position:absolute; top:0; left:50%; transform: translate(-50%, 0); max-width:480px; width:100%; margin:50px auto 0 auto; padding:50px; background:#fff; z-index:12; text-align:center; }*/
.sign-in{max-width:480px; width:100%; margin:0 auto; padding:50px; background:#fff; text-align:center; }

.sign-in .inner{position:relative;}

.sign-in button.sign-close{position:absolute; right:-30px; top:-30px;}

.sign-in h5{}

.sign-in p.cap{padding:35px 0; font-size:1em; color:#333;}
.sign-in p.warning{clear:both; color:#ca3f3f; font-weight:500; padding:7px 0 10px 0; font-size:0.8em;}

.sign-in ul{}
.sign-in ul li{position:relative; display:inline-block; width:100%; margin-bottom:5px; text-align:left;}
.sign-in ul li p.cap{padding:25px 0 10px 0; font-size:1em; color:#333;}
.sign-in ul li label.none{display:none;}
.sign-in ul li input[type="text"],
.sign-in ul li input[type="password"],
.sign-in ul li input[type="email"]{width:100%; height:50px; line-height:50px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; padding:0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.sign-in ul li input[type="text"]:focus,
.sign-in ul li input[type="password"]:focus,
.sign-in ul li input[type="email"]:focus{border:1px solid #333;}

.sign-in ul li input[type="text"].warning,
.sign-in ul li input[type="password"].warning,
.sign-in ul li input[type="email"].warning,
.sign-in ul li select.warning{border:2px solid #ca3f3f;}

.sign-in ul li input[type="text"]{}
.sign-in ul li input[type="password"]{}
.sign-in ul li input[type="email"]{}

.sign-in ul li input[type="radio"]{display:none;}
.sign-in ul li label{position:relative; float:left; width:50%; box-sizing:border-box; height:50px; line-height:50px; cursor:pointer;}
.sign-in ul li label::before{display:inline-block; content:""; width:100%; height:inherit; line-height:inherit; text-align:center; box-sizing: border-box; background:#efefef; border:1px solid #d0d0d0; cursor:pointer; color:#222;}
.sign-in ul li label[data-sec="male"]::before{content:"남자"; border-radius:5px 0 0 5px; border-right:0;}
.sign-in ul li label[data-sec="female"]::before{content:"여자"; color:#222; border-radius:0 5px 5px 0;}
.sign-in ul li input[type="radio"]:checked + label:before{background:#fff; color:#3e78c8; font-weight:500;}


.sign-in ul li select{float:left; width:32%; height:50px; line-height:50px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; padding:0 15px; background:url(/assets/img/common/btn_down02.png) no-repeat 90% center;}
.sign-in ul li select[data-sec="day"]{margin:0 2%;}
.sign-in ul li button.submit{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#777777; color:#fff; font-weight:500; border-radius:5px; margin-top:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sign-in ul li button.submit:hover{background:#3e78c8;}

@media (max-width:640px){
	.sign-in{width:60%;}
}
/**********************************************************************/

/**********************************************************************
* Descript : 로그인 폼 스타일
***********************************************************************/
/*.login-form{display:none; position:absolute; top:0; left:50%; transform: translate(-50%, 0); max-width:480px; width:100%; margin:50px auto 0 auto; padding:50px; background:#fff; z-index:12; text-align:center; }*/
.login-form{max-width:480px; width:100%; margin:0 auto; padding:50px; background:#fff; text-align:center; }

.login-form .inner{position:relative;}

.login-form button.login-close{position:absolute; right:-30px; top:-30px;}

.login-form h5{padding-bottom:50px;}

.login-form p.cap{padding:35px 0; font-size:1em; color:#333;}
.login-form p.warning{clear:both; color:#ca3f3f; font-weight:500; padding:7px 0 10px 0; font-size:0.8em;}

.login-form ul{}
.login-form ul li{position:relative; display:inline-block; width:100%; margin-bottom:5px; text-align:left;}
.login-form ul li p.cap{padding:25px 0 10px 0; font-size:1em; color:#333;}
.login-form ul li p.forgot-account{text-align:center; padding:10px 0; font-size:0.9em; color:#222;}
.login-form ul li p.forgot-account button{font-weight:500; color:#3e78c8;}
.login-form ul li label.none{display:none;}
.login-form ul li input[type="text"],
.login-form ul li input[type="password"],
.login-form ul li input[type="email"]{width:100%; height:50px; line-height:50px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; padding:0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.login-form ul li input[type="text"]:focus,
.login-form ul li input[type="password"]:focus,
.login-form ul li input[type="email"]:focus{border:1px solid #333;}

.login-form ul li input[type="text"].warning,
.login-form ul li input[type="password"].warning,
.login-form ul li input[type="email"].warning,
.login-form ul li select.warning{border:2px solid #ca3f3f;}

.login-form ul li button.login{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#3e78c8; color:#fff; font-weight:500; border-radius:5px; margin-top:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.login-form ul li button.submit{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#777777; color:#fff; font-weight:500; border-radius:5px; margin-top:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.login-form ul li button.login1{float:left;width: 49%;background: #00c300 url(/images/B/common/ico_login1.png?v=1) no-repeat 7px 8px;margin-top: 8px; margin-right: 2%;}
.login-form ul li button.login2{float:left;width: 49%;background: #ffe600 url(/images/B/common/ico_login2.png?v=1) no-repeat 15px 8px;margin-top: 8px;color: #232323;padding-left: 25px;}
.login-form ul li button.login3{float:left;width: 49%;background: #597cc6 url(/images/B/common/ico_login3.png?v=1) no-repeat 10px 8px;margin-top: 8px;margin-right: 2%;padding-left: 15px;}
.login-form ul li button.login4{float:left;width: 49%;background: #db4639 url(/images/B/common/ico_login4.png?v=1) no-repeat 10px 8px;margin-top: 8px;padding-left: 15px;}

.bottom_inner {position: relative;max-width:1420px; height: 50px;margin: 0 auto 20px;overflow: hidden;}
.bottom_inner strong {display:block; position: absolute;cursor:pointer;}
.bottom_inner strong.prev_btn{top: 14px;left:0;}
.bottom_inner strong.next_btn{top: 14px;right:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.bottom_inner .family_site {margin: 0 auto;height: 50px;width:1335px;}
.bottom_inner .family_site span {display:inline-block;margin: 10px 8px;}
.bottom_inner .family_site span img{ width:auto; height:40px;}

@media (max-width:640px){
	.login-form{width:60%;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 계정찾기 폼 스타일
***********************************************************************/
/*.find-account-form{display:none; position:absolute; top:0; left:50%; transform: translate(-50%, 0); max-width:480px; width:100%; margin:50px auto 0 auto; padding:50px; background:#fff; z-index:12; text-align:center; }*/
.find-account-form{max-width:480px; width:100%; margin:0 auto; padding:50px; background:#fff; text-align:center; }

.find-account-form .inner{position:relative;}

.find-account-form button.find-account-close{position:absolute; right:-30px; top:-30px;}

.find-account-form h5{padding-bottom:50px;}

.find-account-form p.cap{padding:35px 0; font-size:1em; color:#333;}
.find-account-form p.warning{clear:both; color:#ca3f3f; font-weight:500; padding:7px 0 10px 0; font-size:0.8em;}

.find-account-form ul{}
.find-account-form ul li{position:relative; display:inline-block; width:100%; margin-bottom:5px; text-align:left;}
.find-account-form ul li p.cap{padding:25px 0 10px 0; font-size:1em; color:#333;}
.find-account-form ul li p.forgot-account{text-align:center; padding:10px 0; font-size:0.9em; color:#222;}
.find-account-form ul li p.forgot-account a{font-weight:500; color:#3e78c8;}
.find-account-form ul li label.none{display:none;}
.find-account-form ul li input[type="text"],
.find-account-form ul li input[type="password"],
.find-account-form ul li input[type="email"]{width:100%; height:50px; line-height:50px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; padding:0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.find-account-form ul li input[type="text"]:focus,
.find-account-form ul li input[type="password"]:focus,
.find-account-form ul li input[type="email"]:focus{border:1px solid #333;}

.find-account-form ul li input[type="text"].warning,
.find-account-form ul li input[type="password"].warning,
.find-account-form ul li input[type="email"].warning,
.find-account-form ul li select.warning{border:2px solid #ca3f3f;}

.find-account-form ul li button.login{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#3e78c8; color:#fff; font-weight:500; border-radius:5px; margin-top:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.find-account-form ul li button.submit{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#777777; color:#fff; font-weight:500; border-radius:5px; margin-top:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

@media (max-width:640px){
	.find-account-form{width:60%;}
}
/**********************************************************************/



/**********************************************************************
* Descript : 검색 폼 스타일
***********************************************************************/
/*.search-form{display:none; position:absolute; top:0; left:50%; transform: translate(-50%, 0); max-width:480px; width:100%; margin:50px auto 0 auto; padding:50px; background:#fff; z-index:12; text-align:center; }*/
.search-form{max-width:480px; width:100%; margin:0 auto; padding:50px; background:#fff; text-align:center; }

.search-form .inner{position:relative;}

.search-form button.search-form-close{position:absolute; right:-30px; top:-30px;}

.search-form h5{padding-bottom:50px;}

.search-form p.cap{padding-bottom:10px;; font-size:1em; color:#333;}

.search-form ul{}
.search-form ul li{position:relative; display:inline-block; width:100%; margin-bottom:5px; text-align:left;}
.search-form ul li p.cap{padding:25px 0 10px 0; font-size:1em; color:#333;}
.search-form ul li label.none{display:none;}
.search-form ul li input[type="text"],
.search-form ul li input[type="password"],
.search-form ul li input[type="email"]{width:100%; height:50px; line-height:50px; border:1px solid #d0d0d0; border-radius:5px; box-sizing:border-box; padding:0 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.search-form ul li input[type="text"]:focus,
.search-form ul li input[type="password"]:focus,
.search-form ul li input[type="email"]:focus{border:1px solid #333;}

.search-form ul li input[type="text"].warning,
.search-form ul li input[type="password"].warning,
.search-form ul li input[type="email"].warning,
.search-form ul li select.warning{border:2px solid #ca3f3f;}

.search-form ul li button.btn-search{display:block; width:100%; text-align:center; height:50px; line-height:50px; background:#3e78c8; color:#fff; font-weight:500; border-radius:5px; margin-top:10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

@media (max-width:640px){
	.search-form{width:60%;}
}
/**********************************************************************/


/**********************************************************************
* Descript : 페이징 스타일
***********************************************************************/
#shop-list-pagenation{width:100%;}
#shop-list-pagenation{width:100%; max-width:1200px; margin:30px auto 100px auto; text-align:center;}
#shop-list-pagenation a{position:relative; display:inline-block; width:35px; height:35px; line-height:35px; border:1px solid #ddd; font-size:1em; color:#333; margin:0 2px; box-sizing:border-box;}
#shop-list-pagenation a:hover{text-decoration:underline;}
#shop-list-pagenation a.on{background:#172b4d; border:1px solid #172b4d; color:#fff; font-weight:500;}

svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/**********************************************************************/


/* 글쓰기 */
#inquire{position:relative; max-width:1250px; margin:0 auto; box-sizing:border-box;}
#inquire .board-cousel-form{width:100%;}
#inquire .board-cousel-form input[type="text"],
#inquire .board-cousel-form input[type="password"],
#inquire .board-cousel-form select{min-width:100%; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
#inquire .board-cousel-form select{background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
#inquire .board-cousel-form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
#inquire .board-cousel-form input[data-name="제목"]{width:100%;}
#inquire .board-cousel-form input[data-name="연락처"]{width:100px;}
#inquire .board-cousel-form .default{width:200px;}
#inquire .board-cousel-form .req{color:#E32F66;margin-right:5px;font-size:15px;font-weight:bold;}

#inquire .board-cousel-form tbody{border-top:2px solid #858585;}
#inquire .board-cousel-form tbody th{width:200px; text-align:center; font-size:15px; font-weight:500; color:#222; padding:20px 0; background:#f3f3f3; border-bottom:1px solid #cfd1d4;}
#inquire .board-cousel-form tbody td{padding:10px 20px; text-align:left; border-bottom:1px solid #cfd1d4;}
#inquire .board-cousel-form tbody td .addFile > input,
#inquire .board-cousel-form tbody td .addFile > label{display:none;}

#inquire .private-agree{}
#inquire .private-agree .textarea{text-align:left;width:100%; max-width:100%; min-width:100%; min-height:200px; background:#fafafa; box-sizing:border-box; padding:25px; color:#222; font-size:13px; line-height:23px; margin:15px 0;}


/* 체크박스 및 라디오버튼 */

#inquire ::after,
#inquire ::before{position:absolute;}


#inquire .private-agree{text-align:right;}
#inquire .private-agree input[type="checkbox"]{display:none;}
#inquire .private-agree input[type="checkbox"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#inquire .private-agree input[type="checkbox"] + label::before{content:""; display:inline-block; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; box-sizing: border-box;}
#inquire .private-agree input[type="checkbox"]:checked + label::after{content:""; display:inline-block; width:15px; height:15px; left:4px; top:4px; background:#0091d5}

#inquire .private-agree input[type="radio"]{display:none;}
#inquire .private-agree input[type="radio"] + label{font-size:14px; position:relative; padding-left:30px; cursor:pointer; height:23px; line-height:23px;}
#inquire .private-agree input[type="radio"] + label::before{content:""; display:inline-block; left:0; top:0; border:1px solid #ddd; width:23px; height:23px; border-radius:23px; box-sizing: border-box;}
#inquire .private-agree input[type="radio"]:checked + label::after{content:""; display:inline-block; width:15px; height:15px; border-radius:15px; left:4px; top:4px; background:#0091d5}



/* 정기후원신청 */
.sponsor_step .inner { display:flex; overflow:hidden; }
.sponsor_step li { width:50%; text-align:center; line-height:60px; position:relative; }
.sponsor_step li { position:relative; background:#f1f1f1; }
.sponsor_step li:nth-child(1)::after { content:''; display:block; width:60px; height:60px; background:#f1f1f1; z-index:1; border-width:0 1px 1px 0; transform:rotate(-45deg); position:absolute; top:-1px; right:-18px; }
.sponsor_step li.active { background:#3e78c8; color:#fff;  }
.sponsor_step li.active::after { background:#3e78c8; }

/* 후원신청하기 */
.sponsor_sum_list ul{border-bottom:1px dashed #ddd;margin:0 28px;}
.sponsor_apply_wrapper .btns_wrapper{margin-top:40px;}
.sponsor_apply_wrapper .btns_wrapper.more{margin-top:30px;margin-bottom:33px;}
.sponsor_apply_wrapper .input_form dt{width:160px; color:#191919; font-size:16px}
.sponsor_apply_wrapper .input_form dt span{color:#888888;font-size:15px;line-height:23px;font-weight:100;margin-top:6px;display:inline-block;}
.apply_sec{margin-top:50px;}
.apply_sec .title{text-align:left;margin-bottom:18px;font-weight:600;}
.apply_sec .title h3{font-size:22px;color:#191919;display:inline-block;}
.apply_sec .title p{font-size:17px;color:#666666;}
.apply_sec .title span{display:inline-block; font-size:14px; color:#888; padding-left:10px;}
.apply_sec .title h3 + span {padding-top:5px;}
.apply_sec .input_form{ margin-bottom:0; overflow:visible; border-top:2px solid #cfd1d4; }
.apply_sec .input_form .form_radio{width:160px;}
.apply_sec .input_form dd.wide_radio .form_radio{width:32%;}
.apply_sec .input_form dd.wide_radio .form_radio .tooltip em {margin-top:3px}
.apply_sec .input_form dd.wide_radio .form_radio{display:inline-block;margin-top:0; padding:10px 0}
.apply_sec dl { display:flex; font-size:14px; line-height:1.5; border-bottom:1px solid #cfd1d4; }
.apply_sec dl dt { width:15%; padding:10px 30px; background:#f3f3f3; box-sizing:border-box; color:#222; font-size:15px; font-weight:500; }
.apply_sec dl dd { width:85%; padding:10px 30px; box-sizing:border-box; }

.spon_btnbx { text-align:center; margin-top:20px; }
.spon_btnbx .spon_btn1 { display:inline-block; width:150px; line-height:50px; background:#3e78c8; color:#fff; border-radius:5px; font-weight:500; }
.spon_btnbx .spon_btn2 { display:inline-block; width:150px; line-height:50px; background:#777; color:#fff; border-radius:5px; font-weight:500; }
.spon_btnbx .spon_btn1:hover, .spon_btnbx .spon_btn2:hover { text-decoration:none; }

.input_form input[type="text"],
.input_form input[type="password"],
.input_form select{min-width:100%; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #cacaca; padding:0 5px;}
.input_form input[type="text"]{margin-right: 5px;}
.input_form select{background:url(/assets/img/common/theme/btn_down.png) no-repeat 90% center;}
.input_form textarea{width:100%; max-width:100%; min-width:100%; height:150px; bbox-sizing:border-box; padding:5px; border:1px solid #cacaca; color:#222; font-size:12px; line-height:20px;}
.input_form input[data-name="제목"]{width:100%;}
.input_form input[data-name="연락처"]{width:100px;}

.input_form span { display:inline-flex; }
.input_form input + span { padding-left:5px; }
.input_form span.s_size1 { width:30%; }
.input_form span.s_size2 { width:13%; }
.input_form span.s_size3 { width:10%; }

@media all and ( max-width:850px ) {
    .apply_sec dl { display:table; width:100%; }
	.apply_sec dl dt {width:120px; padding:0 15px; display:table-cell; }
    .apply_sec dl dd {width:calc(100% - 1020px); display:table-cell; }
	.input_form span { padding-top:3px; padding-bottom:3px; }
    .input_form span.s_size1 { width:70%; }
    .input_form span.s_size2 { width:84%; }
    .input_form span.s_size3 { width:48%; }
	.apply_sec .input_form .form_radio { display:block; }
}

/* 기사본문 - 저작권자 */
.view-copyright {margin:1rem 0;font-size:.9rem;text-align:left;color:rgba(0,0,0,.75);letter-spacing:-0.05em}
.view-copyright::after {content:'';display:table;clear:both}


/* 상단옵션 */
.info-options { position:absolute; top:0; right:0; color:#222; }
.info-options li {float:left;margin-left:.3rem}
.info-options li:first-child {margin-left:0}
.info-options .options-btn {display:block;width:36px;height:36px;font-size:1rem;border:1px solid #bbb;border-radius:50%;cursor:pointer; position:relative;}
.info-options .options-btn:hover { background:#f9f9f9; }
.info-options .options-btn i { width:50%; height:50%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.info-options .options-btn .optionsbtn_1 { background:url(/images/A/common/optionsbtn_1.png) no-repeat 50% 50%/100%; }
.info-options .options-btn .optionsbtn_2 { background:url(/images/A/common/optionsbtn_2.png) no-repeat 50% 50%/100%; }
.info-options .options-btn .optionsbtn_3 { background:url(/images/A/common/optionsbtn_3.png) no-repeat 50% 50%/100%; }
.info-options .options-btn .optionsbtn_4 { background:url(/images/A/common/optionsbtn_4.png) no-repeat 50% 50%/100%; }
@media screen and (max-width: 39.9375em) {
	.row .info-options {float:none;margin-left:auto;margin-right:auto}
	.row .info-options {display:inline-block;margin-top:.75rem}
}

/* 상단옵션 - 글씨크기 */
.info-options .fonts-option {position:relative}
.info-options .fonts-option .options-btn.active {color:#fefefe;background:rgba(0,0,0,.7)}
.info-options .fonts-option-panel {display:block;position:absolute;z-index:999;width:200px;padding:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;right:0;top:calc(100% + 10px)}
.info-options .fonts-option-panel::before {z-index:1;right:8px;border-width:6px;border-bottom-color:rgba(0,0,0,.15);}
.info-options .fonts-option-panel::after {z-index:2;right:9px;border-width:5px;border-bottom-color:#fff; }
.info-options .fonts-option-panel li {display:block;padding:0;margin:2px 0;}
.info-options .fonts-option-panel li::after {content:'';display:table;clear:both}
.info-options .fonts-option-panel li input[type="radio"],.info-options .fonts-option-panel li input[type="checkbox"] {display:none}
.info-options .fonts-option-panel li input[type="radio"] + label,.info-options .fonts-option-panel li input[type="checkbox"] + label {display:block;margin:0 0 .75rem;line-height:1;letter-spacing:-0.05em;cursor:pointer}
.info-options .fonts-option-panel li:nth-child(1) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(1) input[type="checkbox"] + label {font-size:.9rem}
.info-options .fonts-option-panel li:nth-child(2) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(2) input[type="checkbox"] + label {font-size:1rem}
.info-options .fonts-option-panel li:nth-child(3) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(3) input[type="checkbox"] + label {font-size:1.063rem}
.info-options .fonts-option-panel li:nth-child(4) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(4) input[type="checkbox"] + label {font-size:1.125rem}
.info-options .fonts-option-panel li:nth-child(5) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(5) input[type="checkbox"] + label {font-size:1.188rem}
.info-options .fonts-option-panel li:nth-child(6) input[type="radio"] + label,.info-options .fonts-option-panel li:nth-child(6) input[type="checkbox"] + label {font-size:1.250rem}
.info-options .fonts-option-panel li:last-child input[type="radio"] + label,.info-options .fonts-option-panel li:last-child input[type="checkbox"] + label {margin-bottom:0}
.info-options .fonts-option-panel input[type="radio"] + label::before,.info-options .fonts-option-panel input[type="checkbox"] + label::before
{content:'';display:inline-block;float:left;width:13px;height:13px;margin-top:.15rem;margin-right:.25rem;font-family:'Stroke 7';font-size:.8rem;font-weight:400;font-style:normal;line-height:13px;vertical-align:bottom;text-align:center;background-color:#fff;color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:50%}
.info-options .fonts-option-panel input[type="radio"]:checked + label::before,.info-options .fonts-option-panel input[type="checkbox"]:checked + label::before
{content:'\f00c';background-color:#e6336e; font-family:'FontAwesome'; font-size:0.5em; }
@media screen and (max-width: 39.9375em) {
	.row .info-options .fonts-option-panel,
	.row .info-options .fonts-option-panel::before,.row .info-options .fonts-option-panel::after {left:50%;right:inherit;transform:translateX(-50%)}
}

/* 상단옵션 - sns */
.article-sns-group {letter-spacing:-0.05em}
.article-sns-group::after {content:'';display:table;clear:both}
.article-sns-group .sns-btns {float:left;width:calc(20% - 10px);margin:0 5px;padding:.625rem 0;font-size:.75rem;text-align:center;color:rgba(0,0,0,.8);cursor:pointer;transition:all .15s ease;-moz-transition:all .15s ease;-webkit-transition:all .15s ease;-o-transition:all .15s ease}
.article-sns-group .sns-btns:hover {color:#fefefe;background-color:rgba(0,0,0,.5)}
.article-sns-group .sns-btns:nth-child(5n + 1) {clear:both}
.article-sns-group .sns-btns .sns-btn-icons {margin-bottom:.5rem;padding:.625rem 0;font-size:1.25rem;color:#fff;background-color:rgba(0,0,0,.2)}
.article-sns-group .sns-btns .sns-btn-icons i { display:inline-block; width:30px; height:30px; margin:0 auto; }
.article-sns-group .sns-btns .sns-btn-icons.facebook {background-color:#3a5795}
.article-sns-group .sns-btns .sns-btn-icons.twitter {background-color:#0084b4}
.article-sns-group .sns-btns .sns-btn-icons.google {background-color:#db4a39}
.article-sns-group .sns-btns .sns-btn-icons.story {background-color:#ffdc00}
.article-sns-group .sns-btns .sns-btn-icons.talk {background-color:#ffdc00;color:#3b1e1e}
.article-sns-group .sns-btns .sns-btn-icons.band {background-color:#44d592}
.article-sns-group .sns-btns .sns-btn-icons.blog {background-color:#2db400}
.article-sns-group .sns-btns .sns-btn-icons.post {background-color:#2db400}
.article-sns-group .sns-btns .sns-btn-icons.pholar {background-color:#6f6cf7}
.article-sns-group .sns-btns .sns-btn-icons.cyworld {background-color:#ff6500}
.article-sns-group .sns-btns .sns-btn-icons.vingle {background-color:#ee0000}
.article-sns-group .sns-btns .sns-btn-icons.pinterest {background-color:#bd081b}
.article-sns-group .sns-btns .sns-btn-icons i.icon-facebook { background:url(/images/A/common/sns1.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-twitter { background:url(/images/A/common/sns2.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-story { background:url(/images/A/common/sns3.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-google { background:url(/images/A/common/sns4.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-band { background:url(/images/A/common/sns5.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-blog { background:url(/images/A/common/sns6.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-pholar { background:url(/images/A/common/sns7.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-pinterest { background:url(/images/A/common/sns8.png) no-repeat 50% 50%/90%; }
.article-sns-group .sns-btns .sns-btn-icons i.icon-http { background:url(/images/A/common/sns9.png) no-repeat 50% 50%/90%; }
@media screen and (max-width: 39.9375em) {
	.row .article-sns-group .sns-btns {width:(25% - 1px)}
	.row .article-sns-group .sns-btns:nth-child(4n) {width:25%}
	.row .article-sns-group .sns-btns:nth-child(4n + 1) {clear:both}
	.row .article-sns-group .sns-btns:nth-child(5n) {width:(25% - 1px)}
	.row .article-sns-group .sns-btns:nth-child(5n + 1) {clear:none}
}

/* 상단옵션 - 번역 */
.article-lang {letter-spacing:-0.05em}
.article-lang::after {content:'';display:table;clear:both}
.article-lang .lang-btns {float:left;width:calc(20% - 10px);margin:0 5px;padding:.625rem 0;font-size:.75rem;text-align:center;color:#666;cursor:pointer;transition:all .15s ease;-moz-transition:all .15s ease;-webkit-transition:all .15s ease;-o-transition:all .15s ease}
.article-lang .lang-btns:hover { color:#232323;}
.article-lang .lang-btns:nth-child(5n + 1) {clear:both}
.article-lang .lang-btns::before {content:'';display:block;width:50px;height:33px;margin-left:auto;margin-right:auto;margin-bottom:.5rem;background:url(/image/lang-mark.png) no-repeat;background-size:50px auto}
.article-lang .lang-btns.ko::before {background-position:0 0}
.article-lang .lang-btns.en::before {background-position:0 -40px}
.article-lang .lang-btns.jp::before {background-position:0 -80px}
.article-lang .lang-btns.cn::before {background-position:0 -120px}
.article-lang .lang-btns.fr::before {background-position:0 -160px}
.article-lang .lang-btns.es::before {background-position:0 -200px}
.article-lang .lang-btns.ru::before {background-position:0 -240px}
.article-lang .lang-btns.id::before {background-position:0 -280px}

/* 구글 번역 버튼 및 요소 때문에 추가 */
#google_translate_element,.goog-te-banner-frame {display:none !important}


/************************************* 기사댓글 *************************************/
.article-reply::after,.reply-header::after,.reply-container::after {content:'';display:table;clear:both}
.reply-header { margin-bottom:.8rem; padding-top:.8rem; border-top:1px solid rgba(0,0,0,.1); }
.reply-header .text-muted { color:#818a91!important; }
.article-write-box {float:left;width:100%;margin-top:5px}
.article-write-box .reply-login button { width:24px; height:24px; border-radius:50%; background-color:#555; font-size:.75em; color:#fff; cursor:pointer }
.article-reply  .reply-name input, .article-reply  .reply-name button {margin-bottom:0}
@media screen and (max-width:39.9375em) {
	.row .article-write-box .reply-name {float:left !important;width:100%;margin-top:5px}
	.row .article-write-box .reply-name .reply-write-password {float:right}
}
.article-write-box section textarea {min-height:65px;border:1px solid rgba(0,0,0,.15);box-shadow:0;font-size:.813rem}
.article-write-box section textarea::placeholder {color:#999}
.article-write-box footer .reply-textnum {font-size:.75rem}

.reply-content .reply-category > button {float:left;margin-left:.76rem;color:#818a91}
.reply-content .reply-category > button:first-child {margin-left:0}
.reply-content .reply-category > button > .fa.fa-check {display:none}
.reply-content .reply-category > button.active {font-weight:500;color:#2b425b}
.reply-content .reply-category > button.active > .fa.fa-check {display:inline-block}


.cmt-more {width:100%;padding:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.1)}

/* 기사댓글 - 버튼 */
.reply-trick {display:block;width:100%;margin-bottom:2rem;padding:.9375rem .9375rem 1.5rem; font-size:.9rem; letter-spacing:-0.05em; color:#888; background:#fff; border:1px solid rgba(0,0,0,.12); border-bottom-color:rgba(0,0,0,.25); text-align:left; cursor:pointer }

/* 기사댓글 로그인 */
.reply-login {padding-left:2.5rem;padding-right:2.5rem}
.reply-login .button {position:relative;text-align:left}
.reply-login .button::before {content:'\e684';position:absolute;z-index:1;font-family:'Stroke 7';font-size:2rem;font-weight:400;line-height:1em;text-transform:none;vertical-align:top;text-align:center;right:.3em;top:50%;transform:translateY(-50%)}
.reply-login .button.user-bg::before {content:''}
.reply-login .button [class*="icon-"], .reply-login .button .login-logo {margin-right:1.125rem}
.reply-login .button .login-logo {float:left;display:block;overflow:hidden;width:1.28571429em;height:27px;background:url('/image/logo/csslogo.png') center no-repeat;background-size:1.5rem auto}
.reply-login .button .icon-facebook {color:#425f9c}
.reply-login .button .icon-twitter {color:#1da1f2}
.reply-login .button .icon-naver {color:#2db400}
.reply-login .button .icon-talk {color:#3b1e1e}

/* 기사댓글폼 */
.reply-comment {margin-bottom:2rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-bottom-color:rgba(0,0,0,.25)}
.reply-comment .cmt-header {padding:.5rem .625rem}
.reply-comment .cmt-header::after {content:'';display:table;clear:both}
.reply-comment .cmt-header .logbox {float:left}
.reply-comment .cmt-header .logbox .logbox-btn {float:left;min-width:2rem;height:2rem;color:rgba(0,0,0,.35);border:1px solid transparent;cursor:pointer}
.reply-comment .cmt-header .logbox .logbox-btn:hover,.reply-comment .cmt-header .logbox .logbox-btn:active,.reply-comment .cmt-header .logbox .logbox-btn:focus {border-color:rgba(0,0,0,.1);background-color:#f4f4f4}
.reply-comment .cmt-header .logbox .logbox-btn .login-logo {display:block;overflow:hidden;width:2rem;height:2rem;background:url('/image/logo/csslogo.png') center no-repeat;background-size:1.5rem auto;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.reply-comment .cmt-header .logbox .logbox-btn.active .login-logo { -webkit-filter:grayscale(0%); filter:grayscale(0%); background:#f9f9f9; }
.reply-comment .cmt-header .logbox .logbox-btn.active .icon-facebook {color:#425f9c}
.reply-comment .cmt-header .logbox .logbox-btn.active .icon-twitter {color:#1da1f2}
.reply-comment .cmt-header .logbox .logbox-btn.active .icon-naver {color:#2db400}
.reply-comment .cmt-header .logbox .logbox-btn.active .icon-talk {color:#3b1e1e}

/* 회원인경우 */
.reply-comment .cmt-header .login-member {float:right;padding:.55rem 0;font-size:.8rem;letter-spacing:-0.05em;line-height:1em;color:rgba(0,0,0,.55)}

/* 댓글입력 */
.reply-comment .cmt-container {padding-left:.625rem;padding-right:.625rem}
.reply-comment .cmt-container::after {content:'';display:table;clear:both}
.reply-comment .cmt-container textarea {font-size:.9rem;line-height:1.4em;letter-spacing:-0.05em;border-color:rgba(0,0,0,.1);box-shadow:none}
.reply-comment .cmt-container textarea:focus {border-color:rgba(0,0,0,.3)}
.reply-comment .cmt-container .reply-content {overflow-y:hidden}

/* 등록버튼 */
.reply-comment .cmt-footer {border-top:1px solid rgba(0,0,0,.05)}
.reply-comment .cmt-footer::after {content:'';display:table;clear:both}
.reply-comment .cmt-footer .button {float:right;margin-bottom:-1px;margin-right:-1px;background:#314b76; text-align:center; color:#fff; padding:.85em 1em; color:#fff; }
.reply-comment .cmt-footer .reply-textnum {font-size:.75rem; float:left;margin:10px }


/* 기사댓글리스트 */
.reply-list::after,.reply-list .header::after,.reply-list .container::after {content:'';display:table;clear:both}
.reply-list .header {padding-bottom:1.125rem;margin-bottom:1.125rem;border-bottom:1px solid rgba(0,0,0,.1)}
.reply-list .header .list-category a {float:left;margin-right:.75rem;font-size:.9rem;line-height:1em;letter-spacing:-0.075em;color:rgba(0,0,0,.65);cursor:pointer}
.reply-list .header .list-category a:last-child {margin-right:0}
.reply-list .header .list-category a [class*="s7-"] {display:none}
.reply-list .header .list-category a.active {font-weight:500;color:rgba(0,0,0,.9)}
.reply-list .header .list-category a.active [class*="s7-"] {display:inline-block}
@media screen and (max-width:39.9375em) {
	.row .reply-list .header .list-category a {font-size:1.063rem}
}

/* 기사댓글리스트 상단 */
.reply-list .container .list-comments::after {content:'';display:table;clear:both}
.reply-list .container .list-comments .comments-header {padding:.625rem 0;line-height:1em}
.reply-list .container .list-comments .comments-header::after {content:'';display:table;clear:both}
.reply-list .container .list-comments .comments-user {float:left;padding-top:.3rem;line-height:1em}
.reply-list .container .list-comments .comments-user strong {margin-right:.25rem;font-size:.75rem;letter-spacing:-0.05em}
.reply-list .container .list-comments .comments-user small {font-size:.7rem;color:#999}
.reply-list .container .list-comments .comments-more {float:right;position:relative}
.reply-list .container .list-comments .comments-more .comments-more-btn {width:30px;height:30px;font-size:.9rem;color:#ccc;cursor:pointer}
.reply-list .container .list-comments .comments-more .comments-more-option {display:none;position:absolute;z-index:2;width:105px;padding:0 .625rem;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.15rem;right:0;top:100%}
.reply-list .container .list-comments .comments-more .comments-more-option::before,.reply-list .container .list-comments .comments-more .comments-more-option::after {content:'';position:absolute;bottom:100%;border-style:solid;border-color:transparent}
.reply-list .container .list-comments .comments-more .comments-more-option::before {z-index:1;border-width:5px;right:9px;border-bottom-color:rgba(0,0,0,.2)}
.reply-list .container .list-comments .comments-more .comments-more-option::after {z-index:2;border-width:4px;right:10px;border-bottom-color:#fff}
.reply-list .container .list-comments .comments-more .comments-more-option li {display:block;font-size:.8rem;line-height:1em;letter-spacing:-0.05em}
.reply-list .container .list-comments .comments-more .comments-more-option li a {display:block;padding:.625rem 0;color:#555;border-top:1px dotted rgba(0,0,0,.12)}
.reply-list .container .list-comments .comments-more .comments-more-option li:first-child a {border-top:none}
@media screen and (max-width:39.9375em) {
	.row .reply-list .container .list-comments .comments-user strong {font-size:1rem}
	.row .reply-list .container .list-comments .comments-user small {font-size:.8rem}
}

/* 기사댓글리스트 내용 */
.reply-list .container .comments-content {margin-bottom:1.25rem;font-size:.8rem;line-height:1.35em;letter-spacing:-0.05em;color:#333}
.reply-list .container .comments-content::after {content:'';display:table;clear:both}
.reply-list .container .comments-footer::after {content:'';display:table;clear:both}
.reply-list .container .comments-footer .comments-reply {float:left;padding:.45rem 0;font-size:.75rem;line-height:1em;letter-spacing:-0.05em;color:#555;cursor:pointer}
.reply-list .container .comments-footer .comments-vote {float:right}
.reply-list .container .comments-footer .comments-vote .vote-btn {margin-right:.25rem;font-size:.8rem;line-height:1em;color:#555;cursor:pointer}
.reply-list .container .comments-footer .comments-vote .vote-btn:last-child {margin-right:0}
@media screen and (max-width:39.9375em) {
	.row .reply-list .container .comments-content {font-size:1rem;line-height:1.55em}
}

/* 대댓글 */
.reply-list .sub-reply-wrap {display:none;margin-top:1rem;padding:.9375rem;background-color:#f9f9f9;border-top:1px solid rgba(0,0,0,.05)}
.reply-list .sub-reply-wrap .reply-container,.reply-list .sub-reply-wrap .list-comments {position:relative;padding-left:1.5rem}
.reply-list .sub-reply-wrap .reply-container::before,.reply-list .sub-reply-wrap .list-comments::before {content:'';position:absolute;width:8px;height:8px;border-left:2px solid rgba(0,0,0,.25);border-bottom:2px solid rgba(0,0,0,.25);left:0;top:0}
.reply-list .sub-reply-wrap .reply-container .reply-comment {margin-bottom:1rem}
.reply-list .sub-reply-wrap .list-comments::before {top:1.125rem}
.reply-list .sub-reply-wrap .reply-trick {margin-top:1rem;margin-bottom:0}

/* 댓글하단 */
.article-reply .reply-footer {margin-top:1.25rem}

/* aside */
.user-aside {display:table-cell;width:320px;padding-left:20px;vertical-align:top}
@media screen and (max-width: 39.9375em) {
	.row .user-aside {display:block;float:none;width:auto;margin-left:auto;margin-right:auto;padding-left:0rem}
	.row .user-aside::after {content:'';display:table;clear:both}
}

/** view 하단 게시판 추가 **/
.list_part2 { width:100%; margin-top:25px; }
.list_part2::after { content:''; display:block; clear:both; }
.list_part2 li { width:calc(100% / 2 - 1.5%); float:left; box-sizing:border-box; }
.list_part2 li + li { margin-left:3%; }
.list_part2 li div.imgbx { width:100%; height:180px; background-size:cover; background-position:50% 50%; }
.list_part2 li a strong { display:block; line-height:1.5; margin-bottom:6px; padding-top:10px; font-weight:500; font-size:1.2em; }
.list_part2 li a span { font-size:0.9em; padding-top:7px; display:block; }

.list_part3 { width:100%; margin-top:40px; }
.list_part3::after { content:''; display:block; clear:both; }
.list_part3 li { width:calc(100% / 3 - 2%); float:left; box-sizing:border-box; }
.list_part3 li + li { margin-left:3%; }
.list_part3 li div.imgbx { width:100%; height:180px; background-size:cover; background-position:50% 50%; }
.list_part3 li a strong { display:block; line-height:1.5; margin-bottom:6px; padding-top:10px; font-weight:500; font-size:1.2em; }
.list_part3 li a span { font-size:0.9em; padding-top:7px; display:block; }
@media screen and (max-width: 39.9375em) {
	.list_part2 li a strong, .list_part3 li a strong { display:block; line-height:1.5; margin-bottom:5px; padding-top:10px; font-weight:500; font-size:1.0em; }
	.list_part2 li a span, .list_part3 li a span { font-size:0.8em; line-height:1.4; }
	.list_part3 { margin-bottom:40px; }
	.list_part2, .list_part3 { margin-left:0;}

}

/* note : 모달커스텀 */
.reveal {background-color:#fff;border:none;border-radius:.25rem;text-align:left}
.reveal.gray {position:relative; background:#f4f4f4}
.reveal-header {position:relative;overflow:hidden;padding:2.5rem 0 1.063rem;text-align:center}
.reveal-header::before {content:'';position:absolute;z-index:1;width:44px;border-bottom:1px solid #dddee1;left:50%;bottom:0;transform:translateX(-50%)}
.reveal-header::after {content:'';display:table;clear:both}
.reveal-title {font-size:1.3rem;font-weight:400;letter-spacing:-0.1em;color:#232323}
.reveal-container {padding:1.5rem 0 1.5rem;letter-spacing:-0.05em}
.reveal-container::after {content:'';display:table;clear:both}
.reveal-msg {margin-bottom:1.5rem;font-size:1.5rem;font-weight:300;line-height:1.4em;letter-spacing:-0.1em;color:rgba(0,0,0,.85);text-align:center}
.reveal-contents {padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.25rem}
.reveal-contents::after {content:'';display:table;clear:both}
.reveal-contents > table th,.reveal-contents > table td {font-size:.8rem}
.reveal-footer {padding:1.5rem 0;letter-spacing:-0.05em}
.reveal-footer::after {content:'';display:table;clear:both}
.reveal-footer.inner-button {padding-left:.9375rem;padding-right:.9375rem}
@media screen and (max-width: 39.9375em) {
	.reveal-footer {border-radius:0}
	.reveal-footer.inner-button {padding-left:0;padding-right:0}
}
.edit-modal .reveal-contents {width:calc(100% - 1px)}
.edit-modal .reveal-contents > table thead th,.edit-modal .reveal-contents > table thead td,
.edit-modal .reveal-contents > table tbody th,.edit-modal .reveal-contents > table tbody td {font-size:.8rem}
.edit-modal .reveal-footer {padding-bottom:0}
.close-button {display: block;position: absolute;width:25px;top: 10px;right: 10px;height:25px;z-index: 50;background:url(/images/A/common/close02.png) no-repeat 50% 50%;}


/*댓글리스트 2020-08-19*/
.conmment_wrap{position: relative;margin: 0;padding: 1% 0 3%;}
.conmment_text{position: relative;/*border-bottom: 1px solid #ddd;*/padding-bottom: 10px;margin-top: 10px;}
.conmment_text .user_name, .reply_wrap .re_user_name, .box_reply .box_user_name{font-weight: bold;color: #0060a9;display: inline-block;font-size:14px;}
.reply_wrap .re_user_name{color:#000;}
.conmment_text .user_contents{}
.conmment_bwrap{position: absolute;top:40px;right: 0;}
.conmment_bwrap .conmment_btn, .conmment_bwrap .conmment_btn_delete{display: block;font-size: 12px;text-align: center;float: left;padding: 0.4em 1em;border:1px solid #ddd;border-radius: 5px;
margin-left:0.2em;}
.conmment_bwrap .btn1{color:#000;}
.reply_wrap{margin:15px 0 0;padding: 22px 20px 14px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #d4d4d4;background-color: #f9f9f9;position: relative;z-index: 1;}
.box_reply{background: #fff;
    padding-top: 10px;
    margin-top: 14px;
    border: 1px solid #ddd;
    padding-left: 10px;padding-right: 10px;}
.box_reply .box_user_name{color: #222;}
.box_reply .box_rewrite{padding-top:0.8em;}
.box_reply .box_rewrite .reply-content{overflow-y: scroll;}
.box_reply .box_rewrite textarea{font-size: .9rem;line-height: 1.4em;letter-spacing: -0.05em;border-color: rgba(0,0,0,.1);box-shadow: none;}

.user_infobase .user_date, .re_user_infobase .re_user_date{display:block;color: #999;font-size:12px;}
.re_box{position:relative;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top:10px;}

/* 대댓글등록버튼 */
.box_reply .cmt-footer {padding-bottom: 0.5em;}
.box_reply .cmt-footer::after {content:'';display:table;clear:both}
.box_reply .cmt-footer .button {float:right;margin-bottom:-1px;margin-right:-1px;background:#314b76; text-align:center; color:#fff; padding:.85em 1em; color:#fff;    margin-left: 5px; }
.box_reply .cmt-footer .button:last-child{background:#afafaf}
.box_reply .cmt-footer .reply-textnum {font-size:.75rem; float:left;margin:10px }

/*게시판 메뉴  css*/
.board_inner {position: relative; max-width: 1420px; min-height: 450px;  margin:50px auto;  box-sizing: border-box;}
.list_search {position:relative; color:#666; background:#f8f8f8; padding:10px; overflow:hidden; border:1px solid #dfdfdf;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;behavior: url('/css_new/PIE.htc'); margin-bottom:10px; text-align:center;}
.list_search * {vertical-align:middle;}
.list_search .select {height:27px; padding:3px;}
.list_search .input {background-color:#fff; border:1px #aaa solid; line-height:23px; width:20%; height:23px;}

table.tbl_list2 {border-collapse:collapse; border-spacing:0; font-size:12px; width:100%; border-top:2px solid #545a5f; color:#888; font-family: 'Nanum Gothic';}
table.tbl_list2 thead th {color:#666; text-align:center; font-weight:bold; padding:10px 0; border-bottom:1px solid #c3c3c3; background:#f4f4f4; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe),to(#f4f4f4)); background-image:-moz-linear-gradient(top, #fefefe, #f4f4f4);}
table.tbl_list2 tbody th {border-bottom:1px solid #e5e5e5;}
table.tbl_list2 tbody td {text-align:center; border-bottom:1px solid #e5e5e5; padding:10px 0; }
table.tbl_list2 tbody td.txt_left {text-align:left}
table.tbl_list2 * {vertical-align:middle}
table.tbl_list2 tbody .notice {background-color:#fffef0; font-weight:bold;}
table.tbl_list2 tbody .notice a {color:#000;}
table.tbl_list2 tbody .notice a:hover {color:#96368f;}

.btn_comm {}
.btn_comm .btn_left {float:left}
.btn_comm .btn_right {float:right}

.col-9 {max-width:1420px; margin:50px auto 50px; overflow:hidden;}

/* bbs 글쓰기 */
table.bbs_write {border-collapse:collapse; border-spacing:0; font-size:12px; width:100%; border-top:2px solid #545a5f; color:#666; background:#fff; margin-bottom:20px; text-align:left;font-family: 'Nanum Gothic';}
table.bbs_write thead th {color:#333; font-weight:bold; padding:6px 10px; border-bottom:1px solid #c3c3c3; background:#e8e8e8; border-left:1px solid #c3c3c3;}
table.bbs_write thead th:first-child {border-left:none}
table.bbs_write thead td {color:#666; padding:4px 10px; border-bottom:1px solid #c3c3c3; background:#f7f8fb; border-left:1px solid #c3c3c3;}
table.bbs_write thead td:first-child {border-left:none}
/*table.bbs_write tbody th {border-bottom:1px solid #e5e5e5; color:#666; padding:6px 10px; background-color:#f9f9f9; border-left:1px solid #e5e5e5;}*/
table.bbs_write tbody th {
    font-size: 14px;
    color: #232323;
    text-align: center;
    padding: 12px 12px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f7f7f7;
    font-weight: 700;}
table.bbs_write tbody th:first-child {border-left:none}
table.bbs_write tbody td {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:6px 10px;}
table.bbs_write tbody td:first-child {border-left:none}
table.bbs_write tbody input.input {height:22px; padding:0 5px;line-height:22px;font-size:12px; background:#fefefe; border:1px solid #d2d2d2; color:#777; margin-right:5px;}
table.bbs_write tbody select {height:24px; padding:0 5px;line-height:24px;font-size:12px; background:#fefefe; border:1px solid #d2d2d2; color:#777; margin-right:5px;}
table.bbs_write tbody textarea {width:600px; height:150px; padding:10px; overflow:auto;-webkit-appearance:none;-webkit-border-radius:0; resize:none; border:1px solid #d2d2d2; font-size:12px; background:#fefefe;}

/* bbs 뷰 */
.bbs_view {position:relative; width:100%; border-top:2px solid #666666; border-bottom:1px solid #c3c3c3; margin-bottom:20px; clear:both;}
.bbs_view .title {width:100%;padding:9px 0 10px;font-weight:bold;font-size:16px;border-bottom:1px solid #C3C3C3;text-align:left; background:#FAFAFA; color:#333;}
.bbs_view .title span {margin:0 10px}
.bbs_view .boardInfo {width:100%;}
.bbs_view .boardInfo ul {overflow:hidden;border-bottom:1px solid #c3c3c3;/*height:24px;*/padding: 8px 10px 8px 10px;}
.bbs_view .boardInfo li {float:left;margin-right:20px;line-height: 24px;}
.bbs_view .boardInfo li.date {float:right; margin-right:0;}
.bbs_view .boardContent {width:100%;padding:20px 0 40px;line-height:18px;text-align:left;min-height:300px}
.bbs_view .boardContent img {max-width:100%;}

/* bbs 비밀번호 */
.bbs_pw {position:relative; width:400px; margin:0 auto; padding:20px 50px; border:3px solid #ddd;}
.bbs_pw .bg_pw {float:left;}
.bbs_pw .info_pw {float:right; margin-bottom:10px; color:#666;}
.bbs_pw .info_pw p {margin-bottom:4px;}
.bbs_pw .info_pw .input {color:#333333; font-size:11px; background-color:#fafafa; border:1px #d2c8d1 solid; line-height:20px; height:20px; width:300px;}
.bbs_pw .btn_area {clear:both; position:relative; line-height:0; text-align:center;}


/*2020.09.21에 추가된 css*/
.news-con .max-width-700 {max-width:600px;}
.news-con .max-width-700 img {width:100%;}

@media screen and (max-width:1419px) {
	.board_inner {max-width:100%;  margin:2.5%}
	.col-9 {max-width:100%; margin:20px;}
}

@media screen and (min-width:851px) and (max-width:1055px){
	#header #gnb ul li.gnb > a {padding: 0 12px;}
}

@media screen and (max-width:768px){
	.board_inner .bbs_col1, .board_inner .bbs_col3 {display:none}
}

@media screen and (max-width:640px){
	.board_inner {min-height:300px}
}

@media screen and (max-width:400px){
	.btn_comm {text-align:center}
	.btn_comm a {display:inline-block; margin:5px 0;}
}