@charset 'utf-8';

/*=============== info ======================================*/

.bl_book .tab a.btn_upload_bak {
	background-color: #37ab4b;
	color: #fff;
}

.bl_book .tab a.btn_upload_bak:hover {
	background-color: #f37527;
}

.bl_book .tab a.btn_make:hover {
	background-color: #f37527;
}

.info_content.bl_info .intro_2 {
	background-image: url(/img/assets/nblog/info_2.jpg);
}

.info_content.bl_info .content > .bl_con {
	text-align: left;
	padding-left: 700px;
}

.info_content.bl_info .content > .bl_con > h2 {
	font-family: 'KingSejongInstitute', sans-serif;
}

.info_content.bl_info .content > .bl_con > p.bl_font {
	font-family: 'KingSejongInstitute', sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 28px;
}

.info_content.bl_info .content > .bl_con > p.bl_font_m {
	font-family: 'KingSejongInstitute', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #555;
	line-height: 30px;
}

.info_content.bl_info .content > .bl_con > p.bl_font_b {
	font-family: 'KingSejongInstitute', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #555;
	line-height: 32px;
}

.info_content.bl_info .quote-block {
	background: #d8f3dc;
	border-left: 4px solid #2d6a4f;
	border-radius: 0 12px 12px 0;
	padding: 24px 28px 24px 60px;
	margin: 32px 0;
	font-family: 'Noto Serif KR', serif;
	font-size: 16px;
	color: #1B4332;
	line-height: 1.7;
	font-weight: 400;
	word-break: keep-all;
}

.bl_info .intro_guide {
	height: 100%;
}

.steps-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	margin-top: 16px;
}

.step-card {
	background: #fafaf8;
	border: 1px solid #e0e8e2;
	border-radius: 20px;
	padding: 42px 24px;
	text-align: center;
	position: relative;
	transition: box-shadow 0.2s, transform 0.2s;
}

.step-card:hover { box-shadow: #fafaf8; transform: translateY(-4px); }
.step-num {
	width: 44px; height: 44px;
	background: #2d6a4f;
	color: #fff;
	border-radius: 50%;
	font-family: 'Noto Serif KR', serif;
	font-size: 18px;
	font-weight: 600;
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 20px;
}
.step-icon {
	font-size: 32px;
	margin-bottom: 12px;
	line-height: 1;
}
.step-card h3 {
	font-size: 18px;
	font-weight: 700;
	color: #1A1A1A;
	margin-bottom: 8px;
}
.step-card p {
	font-size: 15px;
	color: #888;
	line-height: 1.7;
	word-break: keep-all;
}
.step-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #52B788;
	font-size: 22px;
	padding-top: 16px;
}

.bl_info .bl_guide_link {
	display: flex;
	padding: 40px 50px;
	justify-content: center;
	gap: 50px;
}

.bl_info .bl_guide_link > a {
	width: 180px;
	padding: 10px 15px;
	border: 1px solid #e0e8e2;
	border-radius: 30px;
	background-color: #2d6a4f;
	font-family: 'KingSejongInstitute', sans-serif;
	font-weight: 600;
	color: #fff;
}

.bl_info .intro_3 {
	background-image: url(/img/assets/nblog/info_3.jpg);
}

.bl_info .intro_3 h2,
.bl_info .intro_3 p {
	position: unset;
}

.bl_info .intro_4 {
	background-image: url(/img/assets/nblog/info_4.jpg);
}

.bl_info .intro_5 {
	background-image: url(/img/assets/nblog/info_5.jpg);
}

.bl_info .intro_5 h2,
.bl_info .intro_5 .content > .bl_con > p.bl_font {
	position: unset;
	color: #fff;
}

.bl_info .intro_6 {
	background-image: url(/img/assets/nblog/info_6.jpg);
}

.bl_info .intro_6 > .content > .bl_con {
	text-align: left;
	padding-left: 50px;
}

.bl_info .intro_6 h2,
.bl_info .intro_6 p {
	position: unset;
	color: #333;
}

.bl_info .intro_cover {
	background-image: url(/img/assets/nblog/info_7.jpg);
	height: 1200px;
	text-align: center;
	font-family: 'KingSejongInstitute', sans-serif;
}

.bl_info .intro_cover > .content p.bl_font {
	font-family: 'KingSejongInstitute', sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 28px;
}

.info_blogbook .bl_size {
	/*background-image: url(/img/assets/nblog/info_8.jpg);*/
	background: #f8fbf2;
	text-align: left;
	font-family: 'KingSejongInstitute', sans-serif;
	height: 600px;
}

.info_blogbook .bl_size .bl_size_text {
	text-align: left;
	padding-top: 50px;
	padding-left: 50px;
	width: 600px;
	float: left;
}

.info_blogbook .bl_size .bl_size_text > p {
	font-size: 18px;
	color: #333;
	line-height: 28px;
}

.info_blogbook .bl_size .bl_size_img {
	width: 550px;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	float: right;
}

.info_blogbook .bl_size .bl_size_img .basic,
.info_blogbook .bl_size .bl_size_img .big {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.info_blogbook .bl_size .bl_size_img .basic > img {
	width: 80%;
}

.info_blogbook .price .content > div {
	float: unset;
	margin-top: 0;
}

.info_blogbook .price .section-center h2 {
	font-family: 'Noto Serif KR', serif;
}

.info_blogbook .price .section-center > p.bl_font {
	font-family: 'Noto Serif KR', sans-serif;
	font-size: 18px;
	color: #444;
	line-height: 28px;
	font-weight: 300;
}

.info_blogbook .price .price-section {
	background: #FAFAF8;
	border-radius: 20px;
	border: 1px solid #E0E8E2;
	overflow: hidden;
	margin-top: 16px;
  }

.price-header {
    background: #1B4332;
    color: #fff;
    padding: 20px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
  }
.price-header h3 { font-size: 16px; font-weight: 500; }

.price-header span { font-size: 13px; opacity: 0.7; }

table.price-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin-top: 0px;
}

 table.price-table th {
	background: #F0F4F1;
	padding: 12px 16px;
	text-align: center;
	font-weight: 700;
	color: #1B4332;
	border-bottom: 1px solid #E0E8E2;
	font-size: 13px;
}

table.price-table td {
	padding: 14px 16px;
	text-align: center;
	border-bottom: 1px solid #E0E8E2;
	color: #444;
	font-weight: 500;
}
table.price-table td:first-child {
	font-weight: 700;
	color: #1A1A1A;
	text-align: left;
	padding-left: 24px;
}

table.price-table tr:last-child td { border-bottom: none; }
table.price-table tr:hover td { background: #F0FAF2; }

.price-notes {
	padding: 20px 24px;
	border-top: 1px solid #E0E8E2;
	text-align: left;
}

.price-note { font-size: 14px; color: #888; margin-bottom: 6px; padding-left: 14px; position: relative; }
.price-note::before { content: '·'; position: absolute; left: 4px; }

table.bulk-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin-top: 20px;
	border: 1px solid #E0E8E2;
	border-radius: 12px;
	overflow: hidden;
}

table.bulk-table th {
	background: #D8F3DC;
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 700;
	color: #1B4332;
	border-bottom: 1px solid #E0E8E2;
	text-align: center;
}

table.bulk-table td {
	padding: 13px 20px;
	text-align: center;
	color: #444;
	border-bottom: 1px solid #E0E8E2;
}

table.bulk-table tr:last-child td { border-bottom: none; }

.highlight-discount {
	font-weight: 700;
	color:  #2D6A4F;
	font-size: 16px;
}

.info_blogbook .ending {
	background-image: url(/img/assets/nblog/info_9.jpg);
	color: #fff;
}

.info_blogbook .ending h2 {
	font-family: 'KingSejongInstitute', sans-serif;
}

.info_blogbook .ending p {
	font-family: 'KingSejongInstitute', sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
}

/*----------------------------------------------------------*/

blockquote, figure {margin:0; padding:0}

[data-color='green'] {background-color:#37ab4b}
[data-color='red'] {background-color:#c75255}
[data-color='orange'] {background-color:#e87048}
[data-color='yellow'] {background-color:#fdc53a}
[data-color='yellow_green'] {background-color:#abd18b}
[data-color='blue'] {background-color:#85a8ae}
[data-color='lavender'] {background-color:#b7a9ca}
[data-color='indie_pink'] {background-color:#d19c98}
[data-color='brown'] {background-color:#b6916b}
[data-color='black'] {background-color:#000}
[data-color='white'] {background-color:#fff}



/*=========== select ================*/

.select .select_date {height:calc(100% - 95px); overflow:hidden auto} 
.select .select_date li.group_sub {width:calc(100% - 30px); padding-left:30px; position:relative}
.select .select_date li.group_sub:before {content:'\2514\000a'; position:absolute; left:0; top:9px}

.select_list {width:calc(100% - 20px); height:calc(100% - 30px); padding:15px; margin-left:-10px; overflow:hidden auto}
.select_list dd {width:calc(33.33% - 10px); height:200px; margin:10px 0 0 10px; background-color:#fff; border:1px solid #ddd; float:left; margin-left:10px; box-sizing:border-box}
.select_list dd:last-child {border-bottom:1px solid #ddd}
.select_list dd:hover {background-color:#fafbfd}
.select_list dd.on {border-color:#1fbbbb}
.select_list dd .top {height:50px}
.select_list dd .top label {float:left}
.select_list dd .post_date {color:#808080; display:inline-block; margin:13px 0 0 5px}
.select_list dd button {float:right; font-size:12px; padding:4px 10px 5px; margin:10px 10px 0 0; border:1px solid #c5cdd7; box-shadow:0 1px 1px 0 rgb(0 0 0 / 8%)}
.select_list dd button:hover {box-shadow:0px 2px 3px 0px rgb(0 0 0 / 12%); border-color:#a4adba}
.select_list dd .post_tit {width:calc(100% - 30px); height:40px; font-size:14px; color:#525252; padding:0px 15px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; text-overflow:ellipsis}

.select_list dd .post_img {width:calc(100% - 35px); padding:10px 20px 0; margin-left:-5px; display:inline-block}
.select_list dd .post_img > div { height:85px; background:center / cover no-repeat #f2f2f2; border:1px solid #ddd; box-sizing:border-box}
.select_list dd .post_img .w50{width:calc(50% - 5px); margin-left:5px; position:relative; float:left}
.select_list dd .post_img .img_more:before{content:'\002b'; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; text-align:center; line-height:85px; font-size:20px}


/*=========== cover =================================*/
.book_size {
    position: relative;
}

.big_chu {
	width: 30px;
	position: absolute;
	top: 40px;
	right: -5px;
}

.cover_img {position:relative; overflow:hidden; margin:0 auto; cursor:pointer}
.move_img {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#efefef}
.move_img:before {content:'\c0ac\c9c4\0020\c120\d0dd'; width:100%; text-align:center; display:block; color:#999}
.move_img.on:before {display:none}
.move_img > img {position:absolute; left:0; top:0}

.cover.basic_layout > aside > h4 {margin:0}
.cover .st_term input {cursor:pointer}
.cover .select_date > li:not(:first-child) {width:calc(100% - 30px); padding:5px 0 5px 30px}
.select_cover > li {width:calc(33.33% - 5px);}
.select_cover .mouse_over:before {text-align:center; font-size:15px; line-height:40px}
.select_cover [data-cover='wide'] .mouse_over:before{content:'\0057\0069\0064\0065'}
.select_cover [data-cover='square'] .mouse_over:before{content:'\0053\0071\0075\0061\0072\0065'}
.select_cover [data-cover='modern'] .mouse_over:before{content:'\004d\006f\0064\0065\0072\006e'}
.select_cover [data-cover='story'] .mouse_over:before{content:'\0053\0074\006f\0072\0079'}
.select_cover [data-cover='white'] .mouse_over:before{content:'\0057\0068\0069\0074\0065'}
.select_cover [data-cover='FT'] .mouse_over:before{content:'Full_t'}
.select_cover [data-cover='FM'] .mouse_over:before{content:'Full_m'}
.select_cover [data-cover='FB'] .mouse_over:before{content:'Full_b'}
.select_cover [data-cover='FL'] .mouse_over:before{content:'Full_l'}


.cover article {overflow-x:hidden}
.cover .cover_wrap {width:465px; height:530px; margin:30px auto}
.cover .cover_bg {height:100%; box-shadow:0 2px 8px rgb(0 0 0 / 50%); position:relative}
.cover .front,
.cover .back {width:400px; float:right}
.cover .back .b_logo {width:43px; position:absolute; left:calc(50% - 21px); top:236px}
.cover .side {width:50px; float:left}
.cover .side > * {height:50px; transform:rotate(90deg); position:absolute}
.cover .side:not([data-color='white']) > * {color:#fff}
.cover .side[data-color='white'] > * {color:#3b3b3b}
.cover .side .sub_tit {width:300px; top:150px; left:-140px; font-family:'ArialUnicodeMs-kopub'; font-weight:bold}
.cover .side .sub_date {width:150px; transform:scale(0.9) rotate(90deg); bottom:50px; left:-59px}
.cover .side .sub_date span {font-size:10px; padding:0 5px; position:relative; font-family:'ArialUnicodeMs-kopub'; font-weight:bold}
.cover .side .sub_date .fr_start:after {content:'\002d'; position:absolute; right:-3px; top:1px}


.cover .back {display:none}


.cover .front input {border:none; padding:0} 
.cover .front input.on {border:1px solid #ddd; background:rgba(255,255,255,0.4)}
.cover .front > div:not(.cover_img) {position:absolute}
.cover .fr_date {position:absolute}
/*.cover .fr_date:before {content:''; position:absolute; background:#00ff00; width:4px; height:4px; border-radius:50%; left:-10px}*/
.cover .fr_date li {float:left; text-align:center; padding:0}
.cover .fr_date li:not(:nth-child(2)) {width:48%; position:relative}
.cover .fr_date li:nth-child(2) {width:4%}
.cover .fr_date li span {display:block; cursor:pointer}
.cover .fr_date .date {position:absolute; left:0; top:0; background-color:transparent; color:transparent; width:100%; z-index:1}



/*.cover .front .tit:before {content:''; position:absolute; background:#00ff00; width:4px; height:4px; border-radius:50%; left:-10px}*/
.cover .front .tit input {width:100%}

.cover .front .t_logo {background:center / contain no-repeat}
.cover .front[data-cover='story'] .t_logo,
.cover .front[data-cover='white'] .t_logo {display:none}
.cover .front .blog_name {font-size:10px; display:none}
.cover .front .blog_name:after{content:'\b2d8\c758\0020\d2f0\c2a4\d1a0\b9ac'}



.cover .front:not([data-cover='WH']) *:not(input.date) {color:#fff}
.cover .front[data-cover='wide'] .cover_img {width:100%; height:257px; margin-top:210px}
.cover .front[data-cover='wide'] .move_img:before {line-height:257px}
.cover .front[data-cover='wide'] .tit {top:85px; width:90%; left:5%; font-family:'NanumSquare'; font-weight:800}
.cover .front[data-cover='wide'] .tit:before {left:0}
.cover .front[data-cover='wide'] .tit input {text-align:center; font-family:'NanumSquare'; font-weight:800; font-size:18px}
.cover .front[data-cover='wide'] .fr_date {width:30%; top:114px; left:calc(50% - 15%); text-align:center}
.cover .front[data-cover='wide'] .fr_date * {text-align:center; font-size:10%; font-family:'ArialUnicodeMs-kopub'; font-weight:300}
.cover .front[data-cover='wide'] .fr_date input {cursor:pointer}
.cover .front[data-cover='wide'] .t_logo {width:75px; left:calc(50% - 40px); height:15px; bottom:22px; background-image:url('/img/assets/nblog/logo_txt.png')}


.cover .front[data-cover='square'] .t_logo {width:65px; height:52px; right:45px; top:65px; background-image:url('/img/assets/nblog/logo.png')}
.cover .front[data-cover='square'] .fr_date {width:300px; left:178px; top:325px; transform:rotate(90deg)}
.cover .front[data-cover='square'] .fr_date * {font-size:30px; font-family:'Bebas Neue'}
.cover .front[data-cover='square'] .blog_name {left:29px; top:210px; font-family:'ArialUnicodeMs-kopub'; font-weight:300; transform:scale(0.8); display:block}
.cover .front[data-cover='square'] .tit {left:39px; top:222px; width:250px}
.cover .front[data-cover='square'] .tit input {font-family:'ArialUnicodeMs-kopub'; font-size:12px; font-weight:bold}
.cover .front[data-cover='square'] .cover_img {width:225px; height:225px; margin:260px 0 0 39px}
.cover .front[data-cover='square'] .move_img:before {line-height:225px}


.cover .front[data-cover='modern'] .blog_name {padding-left:40px; top:44px; display:block}
.cover .front[data-cover='modern'] .blog_name:before {content:''; width:29px; height:7px; border-radius:0 15px 15px 0; background-color:#fff; position:absolute; left:0; top:4px}
.cover .front[data-cover='modern'] .tit{left:42px; top:59px; width:240px; font-family:'ArialUnicodeMs-kopub'; font-weight:bold}
.cover .front[data-cover='modern'] .tit input {font-family:'ArialUnicodeMs-kopub'; font-weight:bold}
.cover .front[data-cover='modern'] .t_logo {width:38px; height:20px; right:38px; top:58px; background-image:url('/img/assets/nblog/logo.png')}
.cover .front[data-cover='modern'] .fr_date {width:270px; font-weight:bold; top:52%; right:-40px; transform:rotate(-90deg); text-align:left}
.cover .front[data-cover='modern'] .fr_date:after {content:'\004c\004f\0047\0020\004f\0046'; position:absolute; font-size:64px; font-weight:bold; left:0px; top:-65px; font-family:'Bebas Neue'; letter-spacing:2px}
.cover .front[data-cover='modern'] .fr_date li {font-weight:bold; font-size:64px; font-family:'Bebas Neue'; letter-spacing:2px}
.cover .front[data-cover='modern'] .fr_date li * {text-align:left; width:100%; font-weight:bold; font-size:64px; font-family:'Bebas Neue'; letter-spacing:2px}
.cover .front[data-cover='modern'] .fr_date li:not(:nth-child(2)){width:96%}


.cover .front[data-cover='story'] .cover_img {width:247px; height:330px; margin:70px auto}
.cover .front[data-cover='story'] .move_img:before {line-height:330px}
.cover .front[data-cover='story'] .tit {bottom:60px; left:15%; width:70%}
.cover .front[data-cover='story'] .tit input {text-align:center; font-family:'NanumSquare'; font-weight:800}
.cover .front[data-cover='story'] .tit:after {content:''; width:19px; height:1px; background-color:#fff; display:block; margin:10px auto}
.cover .front[data-cover='story'] .fr_date {bottom:34px; left:calc(50% - 60px); width:120px}
.cover .front[data-cover='story'] .fr_date * {font-size:10px; font-family:'NanumSquare'; font-weight:600}


.cover .side[data-color='white'] .sub_tit{font-family:'KoPub Batang'}
.cover .front[data-cover='white'] .fr_date {width:110px; left:calc(50% - 55px); top:75px; font-family:'NanumSquare'; font-weight:200}
.cover .front[data-cover='white'] .fr_date li:nth-child(2),
.cover .front[data-cover='white'] .fr_date span {font-size:10px; transform:scale(0.9); color:#58585a}
.cover .front[data-cover='white'] .tit {top:110px; width:80%; left:10%; color:#3b3b3b}
.cover .front[data-cover='white'] .tit input {font-family:'MapoGoldenPier'; color:#3b3b3b; text-align:center; font-size:15px}
.cover .front[data-cover='white'] .tit:after {content:''; width:19px; height:1px; background-color:#3b3b3b; display:block; margin:35px auto 0}
.cover .front[data-cover='white'] .cover_img {width:342px; height:270px; margin:230px auto}
.cover .front[data-cover='white'] .move_img:before {line-height:270px}


.cover .front[data-cover='FT'] .cover_img {width: 400px; height: 530px; overflow: hidden; z-index: 1;}
.cover .front[data-cover='FT'] .move_img:before {line-height: 530px}
.cover .front[data-cover='FT'] .tit {
	background-image: url(/img/assets/nblog/cover_full_title_bg.png); 	
	background-size: cover; background-position: center; 
	position: absolute; width: 300px; height: 77px; top: 27px; left: calc(50% - 147px); z-index: 2;
	font-family:'NanumSquare'; font-weight:800; 
}
.cover .front[data-cover='FT'] .tit:before {left:0}
.cover .front[data-cover='FT'] .tit input {
	text-align:center; font-family:'NanumSquare'; font-weight:800; font-size:18px; 
	padding-top: 23px; color: #333;
}
.cover .front[data-cover='FT'] .fr_date {display: none;}
.cover .front[data-cover='FT'] .t_logo {
	background-image:url('/img/assets/nblog/logo50.png');
	width:28px; height: 26px; left:calc(50% - 9px); bottom: 24px; z-index: 2;
}


.cover .front[data-cover='FM'] .cover_img {width: 400px; height: 530px; overflow: hidden; z-index: 1;}
.cover .front[data-cover='FM'] .move_img:before {line-height: 530px}
.cover .front[data-cover='FM'] .tit {
	background-image: url(/img/assets/nblog/cover_full_title_bg.png); 	
	background-size: cover; background-position: center; 
	position: absolute; width: 300px; height: 77px; top: 120px; left: calc(50% - 147px); z-index: 2;
	font-family:'NanumSquare'; font-weight:800; 
}
.cover .front[data-cover='FM'] .tit:before {left:0}
.cover .front[data-cover='FM'] .tit input {
	text-align:center; font-family:'NanumSquare'; font-weight:800; font-size:18px; 
	padding-top: 23px; color: #333;
}
.cover .front[data-cover='FM'] .fr_date {display: none;}
.cover .front[data-cover='FM'] .t_logo {
	background-image:url('/img/assets/nblog/logo50.png');
	width:28px; height: 26px; right: 34px; bottom: 24px; z-index: 2;
}


.cover .front[data-cover='FB'] .cover_img {width: 400px; height: 530px; overflow: hidden; z-index: 1;}
.cover .front[data-cover='FB'] .move_img:before {line-height: 530px}
.cover .front[data-cover='FB'] .tit {
	background-image: url(/img/assets/nblog/cover_full_title_bg.png); 	
	background-size: cover; background-position: center; 
	position: absolute; width: 300px; height: 77px; bottom: 27px; left: calc(50% - 147px); z-index: 2;
	font-family:'NanumSquare'; font-weight:800; 
}
.cover .front[data-cover='FB'] .tit:before {left:0}
.cover .front[data-cover='FB'] .tit input {
	text-align:center; font-family:'NanumSquare'; font-weight:800; font-size:18px; 
	padding-top: 23px; color: #333;
}
.cover .front[data-cover='FB'] .fr_date {display: none;}
.cover .front[data-cover='FB'] .t_logo {
	background-image:url('/img/assets/nblog/logo50.png');
	width:28px; height: 26px; right: 34px; top: 24px; z-index: 2;
}


.cover .front[data-cover='FL'] .cover_img {width: 400px; height: 530px; overflow: hidden; z-index: 1;}
.cover .front[data-cover='FL'] .move_img:before {line-height: 530px}
.cover .front[data-cover='FL'] .tit {
	background-image: url(/img/assets/nblog/cover_full_title_bg.png); 	
	background-size: cover; background-position: center; 
	position: absolute; width: 300px; height: 77px; bottom: 140px; left: 20px; z-index: 2;
	font-family:'NanumSquare'; font-weight:800; 
}
.cover .front[data-cover='FL'] .tit:before {left:0}
.cover .front[data-cover='FL'] .tit input {
	text-align:center; font-family:'NanumSquare'; font-weight:800; font-size:18px; 
	padding-top: 23px; color: #333;
}
.cover .front[data-cover='FL'] .fr_date {display: none;}
.cover .front[data-cover='FL'] .t_logo {
	background-image:url('/img/assets/nblog/logo50.png');
	width:28px; height: 26px; right: 34px; bottom: 24px; z-index: 2;
}


.cover .cover_img:hover {outline:2px solid #00ff00}
.cover .cover_color button.on:before {color:#fff}
.cover .view_cover {bottom:0}
.cover .view_cover > a {position:absolute; width:60px; font-size:14px; text-align:center; transform:rotate(-45deg); left:-15px; bottom:-25px}


.preview .flipbook {width:460px; height:612px}


.pop_change_cover .btn_album {border:1px solid #ddd; font-size:13px; padding:3px 10px; margin:0 5px}
.pop_change_cover .cover_img {border:1px solid #ddd; width:320px}
.pop_change_cover [data-cover='wide'] {height:206px}
.pop_change_cover [data-cover='wide'] .move_img:before {line-height:206px}
.pop_change_cover [data-cover='square'] {height:320px}
.pop_change_cover [data-cover='square'] .move_img:before {line-height:320px}
.pop_change_cover [data-cover='story'] {height:428px}
.pop_change_cover [data-cover='story'] .move_img:before {line-height:428px}
.pop_change_cover [data-cover='white'] {height:253px}
.pop_change_cover [data-cover='white'] .move_img:before {line-height:253px}
.pop_change_cover [data-cover='FT'],
.pop_change_cover [data-cover='FM'],
.pop_change_cover [data-cover='FB'],
.pop_change_cover [data-cover='FL'] {height:424px}
.pop_change_cover [data-cover='FT'] .move_img:before,
.pop_change_cover [data-cover='FM'] .move_img:before,
.pop_change_cover [data-cover='FB'] .move_img:before,
.pop_change_cover [data-cover='FL'] .move_img:before {line-height:424px}
.pop_change_cover .album_list li {line-height:125px}



.pop_detail .pop_top {height:auto; min-height:45px;}
.pop_detail .pop_top label {display:inline-block; width:auto; line-height:30px}
.pop_detail .pop_top .pop_tit {line-height:30px; float:revert; text-align:left; font-size:15px; color:#515457}
.pop_detail .pop_top .pop_date {line-height:32px; float:right; font-weight:normal}
.pop_detail .pop_body {height:58vh; border-top:1px solid #ddd; overflow-x:hidden}
.pop_detail .pop_body p:not(.cont_caption) {line-height:1.88; font-size:15px; color:#59595b}
.pop_detail .edit_details  .pop_bottom > * {margin-top:3px}
.pop_detail .pop_bottom a {float:left}
.pop_detail .pop_bottom button {float:right}



.pop_blog .pop_wrap {padding:0}
.pop_blog .pop_body {background-color:#f5f5f5; border-width:1px 0; border-style:solid; border-color:#ddd; max-height:450px; overflow-y:auto}
.pop_blog .pop_body li {padding:10px 0 0}
.pop_blog .pop_body li:not(:last-child) {border-bottom:1px solid #ddd}
.pop_blog .pop_body label {float:right; padding-top:15px}
.pop_blog .pop_body .blog_info {width:calc(100% - 40px); display:inline-block}
.pop_blog .pop_body .blog_info > * {float:left}
.pop_blog .pop_body .blog_img {width:50px; height:50px; border-radius:50%}
.pop_blog .pop_body .blog_tit {width:calc(100% - 80px); padding:0 10px; line-height:50px; font-size:15px; text-align:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pop_blog .pop_bottom button {padding:0 30px}



.pop_prolog .img {margin:10px 15px}

.pop_post aside {width:100%; height:calc(100% - 80px); padding-right:10px}
.pop_post .select_date {margin:20px 0}
.pop_post .select_list dd {width:100%; border:1px solid #ddd; margin-left:0; padding:0}
.pop_post .select_list dd:not(:first-child) {margin-top:15px}
.pop_post .select_list dd button {padding:0; border:none; box-shadow:none; color:#808080}
.pop_post .select_list dd .post_date {margin-left:5px}
.pop_post .select_list dd .post_tit{}
.pop_post .select_list dd.on {border-color:#1fbbbb}
.pop_post .select_list dd.on button {color:#1fbbbb}
.pop_post .right .pop_top {padding:5px 10px}
.pop_post .right .pop_top label {width:calc(100% - 140px); text-align:left; font-size:14px}
.pop_post .right .pop_top label .fas {text-align:center; margin-right:10px}
.pop_post .right .pop_top label .fas:before {color:transparent}
.pop_post .right .pop_top input:checked + label .fas:before{color:#fff}

.pop_post .right .pop_tit {padding-top:10px}
.pop_post .right .pop_content {height:calc(100% - 115px); overflow:hidden auto}


.edit_details p[data-ke-size='size16'] {font-size:16px; line-height:1.8}
.edit_details .cont_text {margin-top:15px; font-size:14px; line-height:1.7}
.edit_details .cont_img {margin:10px 10px 10px 0}
.edit_details .cont_img img {width:auto; max-width:100%}
.edit_details .cont_caption {color:#797e82; font-size:13px; padding:5px 0}
.edit_details .cont_move {position:relative; width:510px; height:350px; background:center / cover no-repeat; margin:15px auto 0}
.edit_details .cont_move:before {content:''; position:absolute; width:calc(100% - 15px); height:calc(100% - 15px)}
.edit_details .cont_move.play:before {background:right bottom / 10% url('/img/assets/nblog/ico_play.png') no-repeat}
.edit_details .cont_move.youtube:before {background:right bottom / 20% url('/img/assets/nblog/ico_youtube.png') no-repeat}
.edit_details .indent {font-weight:bold}
.edit_details .line {margin:15px auto; width:70px; height:6px; background:center / contain url('/img/assets/nblog/ico_line.png') no-repeat}
.edit_details .list li {color:#25408f; font-weight:lighter}
.edit_details .list li:before{content:'\00b7'; padding-right:5px}

.edit_details .quote {display:inline-block; width:100%; text-align:center; color:#797e82; font-family:'KoPub Batang'}
.edit_details .quote:before,
.edit_details .quote:after {content:''; display:block; width:20px; height:15px; background:center / contain no-repeat; margin:10px auto}
.edit_details .quote:before {background-image:url('/img/assets/nblog/ico_quote_before.png')}
.edit_details .quote:after {background-image:url('/img/assets/nblog/ico_quote_after.png')}

.edit_details .figure {margin:0 auto 15px}
.edit_details iframe {width:100%}
.edit_details dt {font-size:13px; font-weight:bold}
.edit_details dt .ico {float:left}
.edit_details .link {width:calc(100% - 12px); height:120px; border:1px solid #ddd; margin:15px 10px 0 0; overflow:hidden}
.edit_details .link > * {float:left;}
.edit_details .link dt {width:120px; height:120px; border-right:1px solid #ddd; background:center / cover #efefef; text-align:center}
.edit_details .link dt:before {content:'\006e\006f\002d\0069\006d\0061\0067\0065'; line-height:120px; color:#ppp; font-weight:bold}
.edit_details .link dt.on:before {display:none}
.edit_details .link dd {width:calc(100% - 161px); height:100px; padding:10px 20px}
.edit_details .link dd strong {display:block; padding:20px 0 0}
.edit_details .link dd p {font-size:15px; height:25px; overflow:hidden; padding:5px 0; text-overflow:ellipsis; white-space:nowrap; color:#909090}
.edit_details .fold {width:calc(100% - 20px); padding:10px; margin-top:15px; font-size:14px; color:}
.edit_details .tag {padding:10px} 
.edit_details .tag .ico {width:13px; height:auto; margin:3px 5px 0 -3px}
.edit_details .tag dd{width:auto; display:inline-block; color:#4c5d95; font-size:14px}
.edit_details .tag dd:not(:last-child):after {content:','}
.edit_details .cmt {width:calc(100% - 30px); padding:10px; margin-right:10px; border-width:1px 0 0 0; border-style:solid; border-color:#d8d9da}
.edit_details .cmt .ico {width:20px; height:20px; margin:0 5px 0 -5px}
.edit_details .cmt dd {padding:10px 0}
.edit_details .cmt dd.cmt_sub {padding-left:20px; position:relative}
.edit_details .cmt dd.cmt_sub:before {content:''; position:absolute; left:5px; top:5px}
.edit_details .cmt dd:not(:first-child, .cmt_sub) {border-top:1px solid #d8d9da}
.edit_details .cmt .cmt_name {color:#5b5a5b; padding-right:3px; font-weight:600}
.edit_details .cmt .cmt_date{color:#797e82; font-size:12px; padding-left:11px; position:relative}
.edit_details .cmt .cmt_date:before {position:absolute; left:0; top:0px; content:'\007c'; color:#5b5a5b}
.edit_details .cmt p {font-size:14px; color:#848588}



.pop_edit_cover .right .cover_wrap {margin-top:120px}

.pop_thumbnail li {height:104px}
.pop_thumbnail li a {height:82px}