/*
    Style.css for Tistory by Readiz
    Based on Tistory default theme.
*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,fieldset,img,dl,ul,ol,menu,li {
	margin:0;
	padding:0;
	border:0;
	line-height:1.5;
	font-family:Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}
body {
  background-color: #fff;
  padding-top:50px;
}
a {text-decoration:none; }
hr {display:none; }


/* 태그 */
#taglog ul, #tagbox ul {
	text-align:justify;
}
#tagbox li,
#taglog li {
  display:inline;
}
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#searchList li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
	list-style-type:none;
}
/* 포스트 본문 마크업 */
.article dt {
	padding-top:5px;
	text-decoration:underline;
}
.article dd {
	padding-left:25px;
	padding-bottom:5px;
}
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
	clear:both;
}
/* 블로그 레이아웃 */
#sidebar {
	overflow:hidden;
}
/* 블로그 설명 */
#blogDesc {
  padding: 8px !important;
  font-size: 12px;
}
/* 태그로그 */
#taglog ul {margin:16px 20px 30px 20px; }
#taglog li {line-height:30px; vertical-align:middle; }
#taglog li .cloud1 {
	background-color:#777;
	color:#fff;
	font-size:32px;
}
#taglog li .cloud2 {
	background-color:#ddd;
	color:#8A8A8A;
	font-weight:bold;
	font-size:25px;
}
#taglog li .cloud3 {
	color:#333333;
	font-size:20px;
}
#taglog li .cloud4 {
	color:#5C5C5C;
	font-size:15px;
}
#taglog li .cloud5 {
	color:#A1A1A1;
	font-size:12px;
}
.article {
	color:#000;
	font-size:/*@post-body-font-size*/12px/*@*/;
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}
.article p {margin:1em 0;}

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
	padding-left:18px;
	text-decoration:underline;
}
.moreless_fold { /* 열기 */
	background:url(images/iconMore.gif) no-repeat left top;
}
.moreless_top { /* 닫기 위 */
	background:url(images/iconLess.gif) no-repeat left top;
}
.moreless_bottom { /* 닫기 아래 */
	padding-right:18px;
	background:url(images/iconLess.gif) no-repeat right top;
	text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px; }

/* 페이지 */
#paging {margin:19px 0 13px 0; text-align:center; }
.numbox a span {padding:0px 5px 0px 3px; }
#paging a, #paging span {color:#5C5C5C; font:12px verdana;}
#paging span.selected { /* 현재 페이지 */
	background-color:#8A8A8A;
	color:#fff;
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
	display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none; }
#prevPage, .no-more-prev {
	padding-right:6px;
	background-repeat:no-repeat;
	background-position: left 4px;
}
#nextPage, .no-more-next {
	padding-left:6px;
	background-repeat:no-repeat;
	background-position: right 4px;
}
#prevPage {background-image:url(images/ico_prev.gif); }
#nextPage {background-image:url(images/ico_next.gif); }
.no-more-prev {background-image:url(images/ico_prev_no.gif) !important; }/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next_no.gif) !important; }/* 비활성next버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
.module_plugin, .module_widget { padding-bottom: 9px; } /* 플러그인, 위젯이 사이드바에 사용될 경우 */

/*카테고리*/
.c_cnt { /* 카테고리 옆 개수 */
  display: inline-block;
  min-width: 10px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 1;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color:#c0392b;
  margin-top: -3px;
  border-radius: 10px;
  float:right;
}
/* 인용문 */
.article blockquote {
	margin:5px;
	padding-left:16px;
	background:url(images/iconBlockquote.gif) no-repeat;
}

/* 이미지 */
.imageblock { /* 그림 1개 배치 */
	margin:5px 0;
}
.dual { /* 그림 2개 배치 */
	margin-bottom:5px;
}
.triple { /* 그림 3개 배치 */
	margin-bottom:5px;
}
.cap1 { /* 이미지 아래 캡션 스타일 */
	padding:4px 0;
	color:#999;
	text-align:center;
}
/* 댓글 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_admin {}
.rp_secret { /* 비밀글 */}
/* 방명록 */
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_admin {}
.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */}
/* 키워드 */
.key1 {
	border-bottom:1px dotted #ccc;
	cursor: pointer;
}

/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -350px;
  /* Pad bottom by footer height */
  padding: 0 0 350px;
}


/* addBy Readiz */
#tt-body-page #navbar-page,#tt-body-guestbook #navbar-guestbook,#tt-body-tag #navbar-tag,#tt-body-media #navbar-media,#tt-body-location #navbar-location,#tt-body-keylog #navbar-keylog{
	background-color:#fff;
  border-color: #fff;
  border-width: 2px;
}
#tt-body-page #navbar-page a,#tt-body-guestbook #navbar-guestbook a,#tt-body-tag #navbar-tag a,#tt-body-media #navbar-media a,#tt-body-location #navbar-location a,#tt-body-keylog #navbar-keylog a{
	color:#000;
}
#search_fix button {
  width: 100%;
	height: 34px;
}
#search_fix .input-group {
  width: 100%;
}
#search_fix .input-group-btn {
  width: auto;
}
.nav > li > div > button#search-button {
  width: 20%;
}
ul#navbar-title-dropdown {
  left: auto;
}
div#side-tags {
  padding: 10px !important;
}
div#side-tags>ul {
  text-align: justify;
  margin: auto;
}
div#side-tags>ul>li {
  display: inline;
}
div#side-tags>ul>li>a.cloud5 {   }
div#side-tags>ul>li>a.cloud4 {  font-size: 1.1em; background-color: #eee; }
div#side-tags>ul>li>a.cloud3 {  font-size: 1.2em; background-color: #eee; }
div#side-tags>ul>li>a.cloud2 {  font-size: 1.3em; background-color: #ddd; }
div#side-tags>ul>li>a.cloud1 {  font-size: 1.4em; background-color: #ddd; }
li.list-group-item {
  padding: 0px 10px;
}
h3.title a {
  color: #fff;
}
h3.title {
	color: #fff;
	line-height:32px;
	font-size: 20px;
	font-weight: bold;
	border-radius:3px;
	padding-top: 3px;
        padding-bottom: 1.5px;
	padding-left: 10px;
	margin-bottom: 2px;
  margin-top: 5px;
	background: #aeb1b1;
}
#sidebar .panel-heading{margin: 0; font-size:16px;padding:5px 10px;font-weight:700;font-family:Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}}
#sidebar .panel-heading a{color:#333}
#sidebar .panel-heading small{font-size:12px;float:right;margin-top:2px}
#sidebar .panel-heading small a{color:#999}
#sidebar .list-group-item.active, #sidebar .list-group-item.active:hover, #sidebar .list-group-item.active:focus,
#sidebar .list-group-item:hover, #sidebar .list-group-item:focus{background-color:#3598ce; border-color:#888}
#sidebar .list-group-item:hover>a{text-decoration:none;color:#fff}
#sidebar .list-group-item.active>a{font-weight:700}
#sidebar .list-group-item:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
#sidebar .panel .list-group-flush .list-group-item{padding:5px 10px}
#sidebar .list-group .list-group{margin-top:5px}
#sidebar .list-group .list-group:last-child{margin-bottom:-5px}
#sidebar span.name { color:#aaa; }
#sidebar div.panel-body { padding: 3px; }
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span {color:#333; font:13px/16px Arial, "돋움", Dotum, AppleGothic, sans-serif; }
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:18px; }

/* category */
#sidebar .category .panel-body {padding:0}
#sidebar .category .panel-heading {border-bottom: none;}
#sidebar .category.panel li{border-top: 1px solid #ddd;}
#sidebar .category.panel ul{list-style:none;margin:0;padding:0;}
#sidebar .category li{
	padding: 0;
}
#sidebar .category ul li a{
	display: block;
	padding: 5px 13px 5px 10px;
}
#sidebar .category .panel-body>ul>li>a,
#sidebar .category .panel-body>ul>li>ul>li>a{
	font-weight:bold;
}
#sidebar .category .panel-body>ul>li>a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
}
#sidebar .category .panel-body>ul>li>ul>li>a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 8px;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
}
#sidebar .category .panel-body>ul>li>ul>li>ul>li>a:before {
  padding-left: 20px;
  content: "";
}
#content { padding: 0 15px; }
.imageblock , .imageblock span, .imageblock span img {max-width:100% !important; }
.imageblock span {display:block !important; }
.imageblock img { height: auto !important; }

/*calendar*/
#sidebar .tt-calendar * {
  text-align: center;
  font-size: 12px;
}
#sidebar .prev-month {
	margin-left: 10px;
	float: left;
	font-weight: bold;
}
#sidebar .next-month {
	margin-right: 10px;
	float: right;
	font-weight: bold;
}
a.cal_click {
display:block;
color:#fff;
font-weight:bold;
background-color: #3da8e3;
padding: 2px 9px 2px;
}
.cal_day4 {
color: white;
font-weight: bold;
width:10px !important;
background-color: #B94A48;
}

/* Search Result */
#searchList { margin-bottom:15px; }
#searchList ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee; }
#searchList h3.title { font-size:20px; margin-left:0; }

#guestWrite,
.commentWrite {
	padding: 10px;
	margin-bottom: 5px;
	border-bottom:1px solid #eee; 
}
.commentList {
  border-top:1px solid #eee;
  padding-top:10px;
}

#guestWrite .row>div,
.commentWrite .row>div {
	margin-bottom: 10px;
}
#guestList .pull-left img,
.commentList .pull-left img {
  width:50px;height:50px;margin-bottom:5px;background-color:#fff;padding:4px;line-height:1.4;border:1px solid #ddd;border-radius:4px;
}

#guestList .media,
.commentList .media {
  margin-bottom: 10px;
}
#guestList .media:hover>.media-body>.comment-action,
.commentList .media:hover>.media-body>.comment-action{opacity:1}
#guestList .comment-action,
.commentList .comment-action {
	opacity:0;
	clear: both;
	text-align: right;
}
#guestList .media-body,
.commentList .media-body {
	padding: 10px;
}
#guestList .pull-left,
.commentList .pull-left {
  display: block;
  width:90px;
  text-align:center;
  border-right:1px solid #efefef;
  padding:0 5px 5px;
  position:relative;
}
#guestList .pull-left .time,
.commentList .pull-left .time {
  font-size: 0.8em
}
#guestList .pull-left i,
.commentList .pull-left i{
	position: absolute;
	top: 25%;
	left: 0;
	color: #ddd;
	font-size: 1.5em;
}
#guestList .reply,
.commentList .reply {
	padding-left: 20px;
	background-color: #fafafa;
}

.author {margin-bottom: 5px; color:#9F9F9F; font:14px Arial, "돋움", Dotum, AppleGothic, sans-serif; text-align:right; }
.author .text {font:12px tahoma; }
.nav>li>a {
  padding-left:10px;
  padding-right:10px;
}
#footer {
  color:#fff;
  min-height: 350px;
  padding-bottom:30px;
  padding-top:10px;
  background-color:#333;
}
#footer .media {
  margin-top:10px;
}
#footer .media>.pull-left {
  margin-right:20px;
}
#footer .media-body {
  font-size:0.9em;
}
#footer a {
  color: #ccc;
}
#footer hr {
  display: block;
  color: #fff;
}

.article-attr-wrap {
  margin-bottom: 10px;
  text-align: right;
}

/* Tistory Fix (Allows responsive theme) */
.tistorytoolbar {
  display: none !important;
}
.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.article iframe {
  max-width: 100% !important;
}
.imageblock { max-width:100%; } 
.tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 { max-width: 100% !important; }
.tt-span-1 { width: 6% !important; }
.tt-span-2 { width: 14% !important; }
.tt-span-3 { width: 22% !important; }
.tt-span-4 { width: 31% !important; }
.tt-span-5 { width: 39% !important; }
.tt-span-6 { width: 48% !important; }
.tt-span-7 { width: 53% !important; }
.tt-span-8 { width: 59% !important; }
.tt-span-9 { width: 72% !important; }
.tt-span-10 { width: 80% !important; }
.tt-span-11 { width: 88% !important; }
.tt-span-12 { width: 100% !important; }
@media screen and (max-width: 992px) {
  .tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 { width:100% !important; }
}

#ttCanvas, .tt-span-12 {
  width: 100% !important;
}
div#ttCanvas div.tt-panel {
  padding-top: 0 !important;
}
#ttCanvas li {
  padding-bottom: 0px !important;
}
.fix-img-tt {
  padding: 10px !important;
  max-width: 95% !important;
  margin: auto !important;
}
#ttCanvas .col-sm-4 img {
  margin: auto;
  width:90%;
}
.tt-wrap-post-thumb{
  text-align:center;
}
.fix-bottom-margin {
	margin-bottom: 25px !important;
}
#ttCanvas h3.title {
	font-size: 20px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#main {
  margin-top: 10px;
}
div.another_category{
	margin-top: 20px;
	padding: 15px 20px;
	border: 1px solid #DDD;
	background-color: #f7f7f7;
}
div.another_category h4{
	padding-bottom:0 !important;
	border:none !important;
	font-size: 14px !important;
	color: #313131 !important;
}
div.another_category h4:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 2em;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f115";
}
div.another_category h4 a{
	color: #313131 !important;
}
div.another_category table th a{
	padding-left:12px;
	color: #2e5d7f !important;
}
div.another_category table th a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
}
div.another_category table th a.current{
	border-bottom:none !important;
	font-weight:normal !important;
}
div.another_category table th a.current:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0a4";
}
div.another_category table td{
	display: none;
}
body {
  background-color:#f3f3f3;
}
#content {
  background-color:#ffffff;
  border-radius: 1em;
  padding-top:10px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
#sidebar, #content {
  margin-top:5px;
}
#sidebar .counter .count {
  font-size:1.3em;
}
#sidebar .counter, #sidebar .archive{
  padding: 0;
  text-align:center;
}
#sidebar .archive .col-xs-4 {
  padding: 0;
}
#sidebar .archive p {
  margin:0;
  font-size:0.8em;
}

#searchList .thumb img {
  margin-top: -5px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  float:left;
  border-radius: 0.5em;
}
#searchList li {
  clear: both;
}
#recentPost .thumb img {
  width: 40px;
  height: 40px;
  margin-left: -5px;
  margin-right: 15px;
  float:left;
  border-radius: 0.5em;
}
#recentPost li {
  clear: both;
  min-height:52px;
}
#recentPost span.name>span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 1;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #c0392b;
  border-radius: 10px;
  padding-left:11px;
}
#recentPost span.name>span:empty {
  display:none;
}

@media screen and (min-width: 1400px) {
  #outer_btn_left {
    display: inline-block !important;
    visibility: visible !important;
    position:fixed;
    top:60%;
    left:0.5%;
  }
  #outer_btn_right {
    display: inline-block !important;
    visibility: visible !important;
    position:fixed;
    margin-right:100px;
    top:60%;
    right:0.5%;
  }
  #outer_btn_left .no-more-prev {
    display:none !important;
  }
  #outer_btn_right .no-more-next {
    display:none !important;
  }
  #outer_btn_left a, #outer_btn_right a {
    color: #333;
  }
  #outer_btn_left a, #outer_btn_right a {
    width: 100px;
    border: 2px solid #f7f7f7;
    background: #f7f7f7;
    text-align: center;
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 20px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    padding: 15px;
  }
  #outer_btn_left a:hover, #outer_btn_right a:hover {
  	background: #b3b3b3;
  	border: 2px solid #b3b3b3;
  }
}

#toTop {
  z-index:1030;
	width: 100px;
	border: 2px solid #f7f7f7;
	background: #f7f7f7;
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #333;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 20px;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	padding: 5px;
}
#toTop:hover {
	background: #b3b3b3;
	border: 2px solid #b3b3b3;
}
.navbar {
  opacity: 0.9;	
 }

/* Comment nickname multi-line bug Fix */
.media .pull-left ul>li>a { display:block; }
/* Adsense Fix */
.adsbygoogle {
  background: #FFF;
}
.trackback {
	background-color:#fafafa;
	border-radius: 10px;
	margin-top: 5px;
	padding: 10px;
}
.trackback p {
	margin: 0;
}
.trackback li {
	padding-top: 10px;
	border-top: 1px solid #eee;
}
.actionTrail {
  text-align: right;
}

/* 🔴 빨강 버튼 */
.custom-btn.red {
  display: inline-block;
  background-color: #f02800;
  color: #fff;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  text-align: center;
  white-space: nowrap;
}

/* 🔵 파랑 버튼 */
.custom-btn.blue {
  display: inline-block;
  background-color: #007ACC;
  color: #fff;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  text-align: center;
  white-space: nowrap;
}

/* 🟢 초록 버튼 */
.custom-btn.green {
  display: inline-block;
  background-color: #2ecc71;
  color: #fff;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  text-align: center;
  white-space: nowrap;
}

/* Hover 효과 */
.custom-btn.red:hover {
  background-color: #c91e00;
}
.custom-btn.blue:hover {
  background-color: #005ea6;
}
.custom-btn.green:hover {
  background-color: #27ae60;
}

.text-center {
  text-align: center;
}

.custom-btn {
  white-space: normal; /* 줄바꿈 허용 */
  word-break: keep-all;
}

/* ✅ 폰트 불러오기 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://cdn.jsdelivr.net/npm/pretendard@1.3.6/dist/web/static/pretendard.css');

/* ✅ 전체 기본 스타일 */
body {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  word-break: keep-all;
}

/* ✅ 제목 (H태그) */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  line-height: 1.5;
  margin: 1.2em 0 0.6em;
}

h2 {
  color: #007ACC;  /* 파랑 */
  font-size: 1.6em;
}

h3 {
  color: #2ecc71;  /* 초록 */
  font-size: 1.3em;
}

/* ✅ 버튼 스타일 */
.custom-btn {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 14px 30px;
  border-radius: 20px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin: 1em auto;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* 버튼 컬러별 */
.custom-btn.red { background-color: #f02800; }
.custom-btn.red:hover { background-color: #c91e00; }

.custom-btn.blue { background-color: #007ACC; }
.custom-btn.blue:hover { background-color: #005ea6; }

.custom-btn.green { background-color: #2ecc71; }
.custom-btn.green:hover { background-color: #27ae60; }

/* ✅ 버튼 중앙 정렬 */
.center-btn {
  display: flex;
  justify-content: center;
}

/* ✅ 반응형 레이아웃 */
@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }

  h2 {
    font-size: 1.3em;
  }

  h3 {
    font-size: 1.1em;
  }

  .custom-btn {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* 🔷 H2: 파란색 소제목 */
h2 {
  font-size: 22px;
  font-weight: bold;
  color: #005ea6;
  border-left: 5px solid #007ACC;
  padding-left: 10px;
  margin: 30px 0 15px;
}

/* 🟢 H3: 초록색 소제목 */
h3 {
  font-size: 18px;
  font-weight: bold;
  color: #27ae60;
  border-left: 4px solid #2ecc71;
  padding-left: 8px;
  margin: 25px 0 10px;
}

/* 📚 자동 목차 스타일 */
.toc-box {
  background-color: #f9f9f9;
  border-left: 5px solid #007acc;
  padding: 15px;
  margin-bottom: 30px;
  font-family: 'Pretendard', sans-serif;
  border-radius: 8px;
}
.toc-box h2 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #007acc;
}
.toc-box ul {
  list-style: none;
  padding-left: 0;
}
.toc-box ul li {
  margin: 6px 0;
}
.toc-box ul li a {
  color: #333;
  text-decoration: none;
}
.toc-box ul li a:hover {
  text-decoration: underline;
}