@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



* {padding:0; margin:0; font-family: 'GmarketSansMedium'; font-size:11px; color:#555; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:default; line-height:15px; letter-spacing:0px;}
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#555;}
img{vertical-align: bottom;}
a, a:link, a:visited, a:active{color: #555; text-decoration: none;}
::-webkit-scrollbar {width:0px; height:0px; background:#00000000;}
::-webkit-scrollbar-thumb {width:0px;}
html{overflow-x: hidden;}
.clear{clear: both;}
.bold{font-weight:bold;}
.bottom{border-bottom:0 !important;}



/*========== layout ==========*/
#container{position:relative; margin: 190px auto; background:#fff;}

#rside{float: left; width:30%; height:100%;}
.profile{width:100%; height:calc(100% - 107px);}
.intro .title{padding:10px; font-weight:bold;}
.intro .txt{padding:10px;}
.toggle .menu{float: left; position:relative; width:calc(50% - 0.5px);}
.toggle .cate{float: left; position:relative; width:calc(50% + 0.5px);}
.toggle .menu .menutt, .toggle .cate .catett{padding:10px;}

.menu_list{display: none; position:absolute; bottom:-1px; left:calc(200% + 3px); width:120px; background:#fff; z-index:999;}
.menu_list a{display: inline-block; width:100%; padding:10px;}
.menu_list > li{display: inline-block; width:100%;}
.menu_list > li:last-child{border:0 !important;}
.menu_list .search input{padding:10px;}

.toggle .cate .link_tit{display: none;}
.category_list{display: none; position:absolute; bottom:-1px; left:100%; width:120px; background:#fff; z-index:999;}
.category_list a{display: inline-block; padding:10px; width:100%;}
.category_list > li{display: inline-block; width:100%;}
.category_list > li:last-child{border-bottom:0 !important;}
.sub_category_list{display: none;}

.menu_list a:hover, .category_list a:hover{font-weight:bold;}

#content{float: right; width:70%; height:100%; overflow-y:auto;}
.paging{position:absolute; top:100%; right:0; margin-top:10px; background:#fff; font-size:0;}
.paging a{display: inline-block; padding:10px; text-align:center; font-size:11px;}
.paging a:last-child{border-right:0 !important;}



/*========== list ==========*/
.list_w:after{display: block; clear: both; content: '';}

#list_n{position:relative; width:100%;}
#list_n .thumb_i{display: none;}
#list_n .list_c{float: left; width:50%; height:196px;}
#list_n .list_t .icon{float: left; width:35px; padding:10px 0; text-align:center;}
#list_n .list_t .icon i{line-height:15px;}
#list_n .list_t .title{float: left; width:calc(100% - 35px); padding:10px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#list_n .list_t .date{float: left; width:calc(100% - 35px); padding:10px;}
#list_n .sum{padding:10px; width:100%; height:calc(100% - 72px);}
#list_n .sum span{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-align:justify;}

#list_g{position:relative; width:100%;}
#list_g .list_c{float: left; width:50%; height:195.5px;}
#list_g .list_c:nth-child(odd){width:calc(50% + 0.5px);}
#list_g .list_c:nth-child(even){width:calc(50% - 0.5px);}
#list_g .thumb_i{padding: 9px;}
#list_g .thumb_i img{width:100%;}
#list_g .list_t{padding: 9.5px;}
#list_g .list_t .title{font-weight:bold; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#list_g .sum{display: none;}



/*========== article ==========*/
.entry .article .title_wrap .title{float: left; padding:10px; font-weight:bold; }
.entry .article .title_wrap .date{float: right; padding:10px;}
.entry .article .ny{padding:10px; text-align:justify; }
.entry .article .detail .left .action_trail{display: inline-block; padding:10px;}
.entry .article .detail .left .tag_trail{display: inline-block; margin-left:-4px; padding:10px;}
.entry .article .detail .left .tag_trail a:before{content:'#';}
.entry .article .detail .admin{font-size:0;}
.entry .article .detail .admin a{display:inline-block; padding:10px; font-size:11px;}
.entry .article iframe{width:100%; border:0 !important;}

/*image*/
figure{margin:0;}
figure.imageblock{display: block !important;}
figure.imageblock.alignCenter{margin-bottom:0;}
figure.imagegridblock{margin:0;}
figure.imagegridblock .image-container > span{margin:0 !important; width:50% !important;}/*When the image is two in a row, half and half with no space*/

/*quote*/
blockquote[data-ke-style='style2'], blockquote[data-ke-style='style3']{font-size:11px; background:none; padding:10px; margin:2.5px 0; color:#555; line-height:15px;}
blockquote[data-ke-style='style3']{background:#eeeeee55;}

blockquote.tx-quote-tistory{padding:10px; margin:2.5px 0;}
blockquote.tx-quote-tistory p{font-size:11px; line-height:15px; color:#555;}

/*moreless*/
div[data-ke-type='moreLess'] .btn-toggle-moreless{color:#555; font-size:11px; line-height:15px; font-family:'Noto Sans'; font-weight:bold; cursor:default;}
div[data-ke-type='moreLess'] .btn-toggle-moreless:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px;}/*folder icon*/
div[data-ke-type='moreLess'].open .moreless-content{margin:5px 0; padding:10px;}/*content area*/

.btn_more, .btn_less{height:auto; margin:0; font-size:11px; color:#555; text-align:initial; font-weight:bold;}
.moreless_content .btn_less:last-child{display: none;}
.btn_less:before, .btn_more:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px; padding:0; line-height:15px; vertical-align:initial;}/*folder icon*/
.moreless_content {display:block; width:100%; padding:10px !important; margin:5px 0 !important;}/*content area*/

/*download button*/
figure.fileblock{margin:0; width:auto; height:auto; border:0; border-radius:0;}
figure.fileblock a{height:auto;}
figure.fileblock a::after{display: none;}
figure.fileblock .name{max-width:100%; height:auto; font-weight:bold;}

span.imageblock > a{font-weight:bold;}
span.imageblock > a > img{display: none;}

/*video - 16:9 Optimization*/
figure[data-ke-type="video"]{position: relative; width: 100%;	padding-bottom: 56.25%;}
figure[data-ke-type="video"] iframe{position: absolute; left:0; width: 100%; height: 100%;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%; border:0 !important;}

/*line*/
hr[data-ke-style='style5']{margin:15px 0; height:auto; background:none; background-size:auto; cursor:default !important;}

/*postbtn*/
.container_postbtn{display: none; margin-top:15px;}
.container_postbtn, .container_postbtn .postbtn_ccl, .container_postbtn .btn_post{height:auto !important; padding:0 !important;}
.container_postbtn .postbtn_like{padding: 0 !important; border-radius:0 !important; border:0 !important;}
.container_postbtn .btn_post .txt_like, .container_postbtn .wrap_btn_etc{display: none !important; }
.container_postbtn .btn_post .ico_like{margin:1px 0 0 !important;}
.container_postbtn .postbtn_like .wrap_btn{padding-right:5px;}



/*========== protect ==========*/
.protect .title_wrap .title{float: left; padding:10px; font-weight:bold;}
.protect .title_wrap .date{float: right; padding:10px;}
.article_p .ment{padding:10px; }
.article_p .pwinput{float: left; padding:10px;}
.article_p .submit{float: right; padding:10px; padding:10px; font-weight:bold; width:82.5px;}



/*========== taglog ==========*/
.taglog{font-size:0;}
.taglog a{float: left; width:calc(100% / 5); padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.taglog a:nth-child(5n){border-right:0 !important;}
.taglog a:hover{font-weight:bold;}
.taglog a:before{content:'#';}



/*========== notice ==========*/
.n_entry .title_wrap{padding:10px; font-weight:bold;}
.n_entry .article{padding:10px; text-align:justify;}



/*========== comment ==========*/
/*.comment_o{display: none;}*/
.comment .rp_wrap{padding:10px;}
.comment #rrp{padding:10px; margin:10px 0 0 10px;}
.comment .name{font-weight:bold;}
.comment .desc{margin-top:3px; text-align:justify;}
.comment .redel{float: right;}
.comment .redel a{font-size:10px;}

.comment .input{width:100%; font-size:0;}
.comment .input input{float: left; width:50%; font-size:11px; line-height:15px; padding:10px;}
.comment .gtop{height:71px;}
.comment .gtop textarea{float: left; width:calc(100% - 82.5px); height:100%; padding:10px; resize:none;}
.comment .cksd{float: left; width:82.5px; height:100%; font-size:0; text-align:center;}
.comment .check{display: inline-block; width:100%; height:50%; padding:10px;}
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{content: '공개'; color:#555; font-size:11px;}
.comment .check input[type="checkbox"]:checked+label:before{content: '비밀';  font-weight:bold; }
.comment .submit{display: inline-block; width:100%; height:50%; padding:10px;}
.comment .submit input[type="submit"]{font-size:11px; color:#555; font-weight:bold; background:#00000000;}



/*========== cover ==========*/
.cover_wrap .title_wrap{padding:10px; font-weight: bold;}

.cover_notice .txt{padding:10px; text-align:justify;}
.cover_notice .n-img{padding:10px;}
.cover_notice .n-img img{width:100%;}

.cover_list .in:after{display: block;  clear: both;  content: '';}
.cover_list .link{float: left; padding:10px;}
.cover_list .link .list_t{width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.cover_list .link:nth-child(odd){width:calc((100% / 2) + 0.5px);}
.cover_list .link:nth-child(even){width:calc((100% / 2) - 0.5px);}

.cover_gallery .in{position:relative;}
.cover_gallery .in:after{display: block;  clear: both;  content: '';}
.cover_gallery .list_c{float: left; }
.cover_gallery .list_c:nth-child(3n+1){width:calc((100% / 3) + 0.52px);}
.cover_gallery .list_c:nth-child(3n+2){width:calc((100% / 3) + 0.52px);}
.cover_gallery .list_c:nth-child(3n){width:calc((100% / 3) - 1.03px); border-right:0 !important;}
.cover_gallery .thumb_i{padding:10px;}
.cover_gallery .thumb_i img{width: 100%;}
.cover_gallery .list_t{width:100%; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cover_gallery .list_t span{width:100%;}



/*=====copyright=====*/
.yunicorn a{position:fixed; left: 13px; bottom: 10px; font-family:'Noto Sans'; font-size: 10px; font-weight:bold; letter-spacing:1px;} /* 수정 및 삭제 금지 */
/*=====copyright=====*/



@media (max-width:767px){
	#container{width:90% !important; margin:5%; height:auto !important; border:0 !important;}
	#rside{float: none; width:100%; height:auto; margin-bottom:20px;}
	#content{float: none; width:100%; height:auto;}
	.profile{height:200px;}
	.menu_list{bottom:inherit; top:100%; left:-1px; width:calc(100% + 2px); }
	.category_list{bottom:inherit; top:100%;  left:-0.5px; width:calc(100% + 1.5px);}
	.paging{position:relative; float:right; margin-bottom:50px;}

	#list_g, #list_n{width:100%; height:auto;}
	#list_g .list_c{position:relative; height:auto; }
	#list_g .list_c:nth-child(odd){width:calc(50% + 0.5px);}
	#list_g .list_c:nth-child(even){width:calc(50% - 0.5px);}
	#list_g .list_t{height:auto;}
	#list_g .thumb_i{height: auto; padding:10px;}
	#list_n .list_c{width:100% !important; height:auto !important; border-right:0 !important;}
	#list_n .list_c:nth-last-child(-n + 2){border-bottom:1px solid #aaa !important;}
	#list_n .sum{height:auto !important;}
	#list_n .sum span{-webkit-line-clamp: 3;}
	#list_g:before, #list_g:after, #list_n:before, #list_n:after{display: none; border:0 !important;}

	.cover_gallery .list_c:nth-child(3n+1){width:calc((100% / 3) + 0.3px);}
	.cover_gallery .list_c:nth-child(3n+2){width:calc((100% / 3) + 0.3px);}
	.cover_gallery .list_c:nth-child(3n){width:calc((100% / 3) - 0.6px); border-right:0 !important;}
}