@charset "utf-8";
/* CSS Document */

* { word-break:keep-all; }
p, ul { margin:0; padding:0; }
p { font-size:16px; clear:both; }
.row .col-md-9,
.row .col-md-8,
.row .col-md-7,
.row .col-md-6,
.row .col-md-5,
.row .col-md-4,
.row .col-md-3  {padding-right:0; padding-left:0;}

/* blog */
.blog_list, .blog_view { /* padding-bottom:100px; */ }
.blog_footer { text-align:center; font-size:14px; padding-top:2rem; }
.blog_footer .page-link { color:#666; }
.blog_footer .btn { background-color:#666; border-color:#666; color:#fff; }
.blog_footer .btn:hover { background-color:#333; border-color:#333; }

.blog_paging { display:inline-block; }
.blog_paging .page-item.active .page-link { background-color:#f9f9f9 !important; color:#007bff !important; }


/* blog_list , blog_view */
.wrap { width:100%; background-color:#fff; color:#666; font-size:16px; font-family:'klavika_regular','NanumBarunGothic'; line-height:26px; letter-spacing:-0.3px; }
.wrap .row {margin-right: 0;margin-left: 0;align-items: center !important;}
.wrap .row p {padding-right: 0;
    padding-left:0;}
	.wrap .row p img {width:100%}

.blog-detail-top { color: #fff; text-align:center; background-size:cover; background-position:50% 50%;  width:100%; padding:7rem 0; display:table; }
.blog-detail-top .inner { display:table-cell; vertical-align:middle; }
.blog-detail-top .inner .Left { float:inherit; }

.bottom { background-size:cover; background-position:50% 50%; }
.bg_gray { width:100%; background-color:#f0f0f1; padding:60px 0; }
.inner-845, .inner { width:860px; margin:0 auto; }
.p-relative { position:relative; }
.p-right {position:absolute;right:0; top:0; width:426px}

.date {	font-size:14px; margin:-90px 0 90px; }
.date-line { padding:0 15px; font-size:9px; color:#fff; }

.title-l { font-size:48px; }
.title-line { background:#fff; width:40px; height:2px; margin:30px auto; }
.title-s { font-size:22px; }

.txt-26 { font-size:28px; color:#333; font-weight:600; line-height:34px; padding-bottom:10px; }
.txt-22 { font-size:22px; color:#333; padding-bottom:10px; }
.txt-19 {font-size:19px !important; font-weight:500 }
.txt-16 {font-size:16px !important; }

.plum { color:#9e4758; }
.green { color:#72a018; }
.blue { color:#3a7ebe; }
.black { color:#000; }
.orange { color:#f86c48; }
.pink { color:#ff5f85; }
.txt-underline { text-decoration:underline; text-underline-offset: 4px; }

.tip { color:#808080; font-size:12px; line-height:20px; position:absolute; left:720px; top:0; }
.tip:before { display:block; content:""; width:30px; height:2px; background-color:#2186de; margin-bottom:10px; }

.bottom-p { height:30px; }

.gap10 { height:10px; }
.gap30 { height:30px; }
.gap40 { height:40px; }
.gap50 { height:50px; }
.gap60 { height:60px; }

.Left { float:left; }
.Right { float:right; }


.blog_detail-nav { background-color:#f5f5f5; border-top:#dbdbdb 1px solid; }
.blog_detail-nav .inner { border-left:#dbdbdb 1px solid; padding:0; }
.blog_detail-nav ul li { float:left; height:120px; border-right:#dbdbdb 1px solid; width:33.2333%; text-align:center; display:table; }
.blog_detail-nav ul li a { color:rgba(0,0,0,0.6); font-size:14px; font-weight:bold; padding-top:50px; width:90px; display:table-cell; vertical-align:middle;
                                       background-repeat:no-repeat; background-position:10px 0px; text-align:center; }
.blog_detail-nav ul li a:hover { color:rgba(0,0,0,1); }
.blog_detail-nav .prev { background:url(../images/prev_arrow.png) no-repeat center 25px; }
.blog_detail-nav .list { background:url(../images/list.png) no-repeat center 25px; }
.blog_detail-nav .next { background:url(../images/next_arrow.png) no-repeat center 25px; }
.blog_detail-nav .disabled { cursor:not-allowed !important; opacity: 0.2 !important; }


@media (max-width:768px) {
	
	.blog_list_top { padding:30px 0 20px; }
	.blog_list_top h2 { font-size:24px; }
	
	.blog_view img { width:100%;  height:auto;}

	.wrap .row p {padding-right: 0 !important; padding-left:0 !important;}
	
	.blog-detail-top { padding:2rem 0; }
	.date, .tip { display:none; }
	.inner-845, .inner { width:100%; padding:0 20px; }
	.bg_gray { padding:30px 0; }
	.gap60 { height:30px; }
	
	.title-line { margin:10px auto; }
	.title-l { font-size:24px; }
	.title-s { font-size:16px; }
	
	.txt-26, .txt-22 { font-size:20px; line-height:inherit; }
	.txt-26 {font-weight:600; }
	.bottom { height:200px !important; }
		
}

@media (max-width:500px) {
	.row * {padding-left: 0 !important; padding-top: 0 !important;}
	
	.blog_list_top h2 { font-size:20px; }
	.title-l { font-size:20px; }
	.title-s { font-size:14px; }
	.txt-26, .txt-22 { font-size:16px; line-height:20px; }
	p { font-size:12px; }
    

    .p-relative { position:relative; }
    .p-right {position:relative;right:inherit; top:inherit; width:100%}
		
}

@media (max-width:375px) {

	.inner-845, .inner { padding:0 1rem; }
	.Left, .Right { clear:both !important; }
	
}