@charset "UTF-8";#container #header-title,#gnb ul li{float:left}#footer,.index_wrap{background-color:#fff}.hd .sub-info abbr,.list_detail_wrap,.module-tag li a{text-decoration:none}.module-tag li a,.tag-list a{max-width:210px;vertical-align:top;overflow:hidden}#MF_Reference1 th a,a{text-decoration:none!important}.list_detail_wrap .post_title,.module-recents .tab-content ul li,.module-tag li a,.post-config #post-config-menu li,.tag-list a{white-space:nowrap;text-overflow:ellipsis}#MF_Reference1 th a:before,.area_btn_more_wrap .link_more:before,.fa,.far,.fas,.module-notice .all-view:before,.module-notice .notice-list:before,.module-recents .tab-content ul li:before,.reply_date>a:before{font-family:"Font Awesome 5 Free"}#tt-search .tt-search-inner input:focus,:focus{outline:0}body,html{font-family:sans-serif;scroll-behavior:smooth}i{margin:0 5px 0 0}.container_postbtn .btn_menu_toolbar.following .ico_check_type1{margin-top:16px}#comment-form .textboxs,#tt-body-archive .not-found .archive,#tt-body-category .not-found .category,#tt-body-tag .not-found .tag,.dropdown-content a,.h-entry .list_content .post-link,.module-category .sub_category_list li,.module-recents .tab-content>.active,.post-config #post-config-menu a,.secret-wrap input:checked~.checkmark:after,.show,.thumnail a,article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{color:#444}button,input{border:0;border-radius:0}.module-category .sub_category_list li:last-child,img{border:0}ol,ul{list-style:none}address,em{font-style:normal}a{cursor:pointer;color:#666;font-weight:400}blockquote{padding:5px 20px!important;margin:10px 0 20px!important;color:#999;font-size:.9em;border-left:4px solid #e1e4e5}blockquote footer{display:block;font-size:.85em;line-height:1.42857143;color:#b3b3b3}blockquote footer:before{content:'\2014 \00A0'}.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.index_wrap{position:relative;font-size:12px;line-height:14px;color:#242424;letter-spacing:-.2px;overflow:hidden}.list_content .thumbnail_post{float:left;height:150px;width:150px;margin:4px 30px 4px 0}.list_content .thumbnail_post img{box-shadow:0 0 3px rgba(0,0,0,.3);border:5px solid #fff}.thumnail img{width:120px;height:120px;box-shadow:0 0 3px gray}.post_category{margin-bottom:5px;color:#3180ca}.list_detail_wrap .post_title{margin-bottom:5px;display:block;max-width:728px;overflow:hidden;color:#333;font-weight:600;line-height:140%;font-size:17px}.list_detail_wrap .post_text{line-height:20px;font-size:13px;max-height:40px;overflow:hidden;margin-bottom:5px}.list_detail_wrap{margin-top:5px;font-size:12px;font-weight:500;color:#8c8c8c;overflow:hidden}.list_detail_wrap .post_category>a{color:#4f9ee3}.list_detail_wrap .post_line_bar{display:inline-block;width:1px;height:9px;margin:0 5px;background:#ccc}.list_content{position:relative;overflow:hidden}.list_content:hover .post_title{color:#3ea2ff;transition:.3s;text-decoration:underline}.list_content:hover .thumnail img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}#paging{margin:20px auto;text-align:center;font-size:15px;position:relative;z-index:0}#paging .pagination li{display:inline-block}#paging .pagination li a{position:relative;display:block;padding:.5rem .75rem;margin-left:-7px;line-height:1.25;color:#999;cursor:pointer;background-color:#fff;border:1px solid #dee2e6}#paging .pagination li a:hover{z-index:2;color:#0056b3;text-decoration:none;border-color:#ccc}#paging .pagination li .selected{color:#3ea2ff;font-weight:700}#paging .nextpage,#paging .prevpage{width:inherit!important}.module-tag li a{display:inline-block;height:24px;padding:0 4px;margin:0 1px;line-height:24px;color:#3e93dd}.module-tag li a:hover,.tag-list a:hover{background:#3ea2ff;border-color:#3ea2ff;color:#fff!important;transition:.5s}.module-title .fa-hashtag{margin-right:10px}.module-category .sub_category_list li a{color:#666!important;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s}.module-category .sub_category_list li:hover a{color:#fe7433!important}.module-category .sub_category_list li:first-child{margin-top:5px}.module-category .link_tit{font-weight:700;font-size:15px}.module-notice .all-view:before{content:"\f11e";font-weight:900;margin-right:10px;color:#3ea2ff}#sidebar .module{background:#fff;margin-bottom:10px;border:1px solid #dae1e6;border-radius:3px}#sidebar .module-content{padding:15px}#sidebar .module-tag .module-content{padding-top:0}#sidebar .side_ads{margin:15px 0;text-align:center}#sidebar .module .module-title{font-weight:700;font-size:13px!important;letter-spacing:-.3px;line-height:10px;padding:15px;background:#f7f9fa;border-bottom:1px solid #dae1e6}.module-notice .all-view{font-size:15px;font-weight:400;margin-bottom:13px;color:#666}.dropdown-content a:hover,.module-notice .all-view a{font-weight:700}.module-notice .notice-list:before{content:"\2022";content:-;font-weight:900;position:absolute;left:-15px;color:#666}.module-notice .notice-list{text-indent:15px;position:relative;font-size:13px;line-height:24px}#guestbook .guest-content abbr.timeago.dt-published.ie-dotum,.module-notice li,.visitor-row{font-size:13px}#tt-body-page #comment .control,.module-category .tt_category,.visitor,footer#footer{position:relative}.module-category .c_cnt{border-radius:5px;font-size:12px;color:#5885ce;float:right;text-indent:0;padding:0 6px;line-height:normal;margin-top:5px;background:#f9f9f9}.module-category .sub_category_list li:before{content:"-";font-weight:900;position:absolute;left:10px;color:#666;font-family:"Font Awesome 5 Free"}.module-category .category_list>li{position:relative;font-size:15px;line-height:30px;padding:5px 0;border-bottom:1px solid #efefef}.module-category .category_list>li:last-child,.popularPost ul li:last-child{border-bottom:none}.module-category .category_list>li a{display:block;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s}.module-category .category_list li ul a{margin-left:0;padding-left:24px}.module-category .category_list li:hover a{color:#1573ef}.module-category .sub_category_list>li{line-height:28px;font-size:14px;letter-spacing:-1px}#guest-list .guest-btn i,.module-recents{margin:0}.module-recents .module-content{margin-top:0;padding:0!important}.module-recents .tab-content .c_cnt,.module-recents .tab-content>.tab-pane{display:none}.module-recents .tab-content{position:relative;overflow:hidden;padding:15px}.module-recents #recent-tab{display:flex;display:-webkit-box;display:-ms-flexbox}.module-tag ul{margin-top:15px;margin-bottom:10px}.module-tag ul li{font-size:12px;display:inline-block;border-radius:20px;margin:-2px 0;line-height:22px}.module-tag{display:flex;flex-direction:column}.module-tag .btn-more{flex:none;clear:both;font-size:11px;align-self:flex-end;padding:2px 6px;background:#fbfbfb;color:#c1c1c1;border-radius:3px;font-family:doutm;margin:5px}.module-tag .btn-more:hover{background:#5eacf5}.ad-module{text-align:center;margin-left:-2px;margin-bottom:5px}.module-recents .nav-recent li{width:50%;text-align:center}.module-recents .nav-recent li a{display:block;line-height:45px;font-size:13px;font-weight:700;background:#f7f9fa;border-bottom:1px solid #dae1e6}.module-recents .nav-recent .active .btn-rpost{background:#fff;border-right:1px solid #dae1e6;border-bottom:none}.module-recents .nav-recent .active .btn-rcomment{background:#fff;border-left:1px solid #dae1e6;border-bottom:none}.module-recents .nav-recent>.active>a,.module-recents .nav-recent>.active>a:focus,.module-recents .nav-recent>.active>a:hover{color:#3ea2ff;cursor:default}.module-recents .tab-content ul li{font-size:15px;line-height:1.79em;position:relative;text-indent:5px;overflow:hidden}#tt-body-page #comment .cmt_dropdown li:hover a,.hd .sub-info .c_cnt,.module-recents .tab-content ul li:hover a,.tag-list li:hover a{color:#3ea2ff}.module-recents .tab-content ul li:before{content:"\f304";font-weight:900;position:absolute;left:-20px;top:1px;font-size:5px;color:#999}#wrap{width:100%;position:relative;padding-top:30px;min-height:100vh}#wrap #container{width:1070px;flex:1;margin:0 auto;min-height:100vh}#gnb{margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}#gnb::-webkit-scrollbar{display:none}#gnb ul li{padding:0 26px}#gnb ul li:hover{border-bottom:2px solid #000}header>.tt-search-inner{position:absolute;right:70px;top:20px;z-index:0}header>.tt-search-inner input{background:0 0!important;border-bottom:1px solid #fff;color:#fff!important;padding:10px;font-size:15px;width:280px;outline:0}#footer,.post-config ul li{text-align:center;font-size:12px}header>.tt-search-inner input::placeholder{color:#fff}header{z-index:0;position:relative}#container header{border-bottom:1px solid #ddd;padding-bottom:10px}#container #header{height:63px}#container #header-ico,#guestbook .timgago-wrap a[href*=abuseReport],.reply_content .control{float:right}#header_wrap #header_gnb #header-title{margin-left:20px;line-height:65px;position:relative;display:inline-block}#header_wrap #header_gnb #header-title a{font-size:20px;font-weight:700;color:#fff;display:inline-block;position:relative;z-index:999}#header_wrap{position:relative;width:100%;background:#4b5258;z-index:99;box-shadow:0 3px 10px -4px #999}#header_wrap #header_gnb{width:1220px;margin:0 auto;position:relative;z-index:0}#header_wrap #header_gnb #header-ico{position:absolute;right:15px;top:23px;z-index:0}#header_wrap #header_gnb #header-ico #topbtn{font-size:20px}.header-home{float:left;line-height:51px;margin-right:15px}.header-home:hover{color:#3f99fe}.res_tab{display:block;width:100%;height:36px;padding:6px 12px;font-size:14px;line-height:1.42857;color:#555;vertical-align:middle;border:1px solid #ccc;margin:0}.btn_topMenu{background:0 0;cursor:pointer;color:#fff}.btn_site{background:#0072ff;color:#fff!important;padding:12px;margin:10px;display:block}.btn_close{text-align:center;background:#408ae8;color:#fff;line-height:40px;cursor:pointer}#container nav{height:51px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}#container nav ul li{line-height:50px;display:inline-block}#container #main #content{flex:2.85;overflow:hidden;position:relative}#container #main #sidebar{flex:1;margin-left:15px;max-width:300px}#footer{width:100%;border-top:1px solid #dedede;color:#777;line-height:50px}footer#footer a:hover{color:#207bff}footer#footer span{position:absolute;left:10px}footer#footer span .naverbtn{background:#333;color:#fff;width:30px;height:30px;line-height:30px;display:inline-block;font-size:14px;margin-right:10px}footer#footer span .naverbtn:hover{background:#26cd26}.area_related_wrap .area_thumb,.thumnail{position:relative;display:block;float:left;overflow:hidden;margin-right:24px}.not-found{display:block;width:100%;margin-bottom:35px;text-align:left}.not-found li{position:relative;padding-left:10px;font-size:.9375em;line-height:2;color:#999}.not-found li:before{content:"";position:absolute;top:15px;left:0;width:2px;height:2px;background-color:#999}#tt-body-archive .not-found ul,#tt-body-category .not-found ul,#tt-body-page .notice .sub-info .meta-cate .txt,#tt-body-page.sidebar-mainon #container #main #sidebar,#tt-body-tag .not-found ul,.another_category.another_category_color_gray table th span,.category_list li a img,.container_postbtn .wrap_btn_etc,.header-blog-menu,.not-found .archive,.not-found .category,.not-found .tag,.post-config .btn-post-config,.rcomment .rcomment-meta,.reply_content .name img,.sidebar-off #container #main #sidebar{display:none}#tt-body-category .h-entry:after,#tt-body-index .h-entry:after{display:block;border-bottom:1px solid #dae1e6;width:100%;content:"";margin-top:4px}#tt-body-category .index_s_list,#tt-body-index .index_s_list{padding-bottom:0;border-bottom:0}#tt-body-page figure.fileblock,figure.fileblock{width:250px}#tt-body-page figure.fileblock:hover,figure.fileblock{border-color:#3ea2ff;transition:.5s}#tt-body-page hr[data-ke-style],hr[data-ke-style]{opacity:.2}#tt-body-page .h-entry{background:#fff;max-width:728px;width:728px;margin:0 auto}hr[data-ke-style=style5]{height:5px!important}#hd{border-bottom:1px solid #ddd}.hd .hd-heading .p-category{display:inline-block;border-radius:50px;color:#3ea2ff}.hd .hd-heading{display:inline-block;background:#fff;margin-bottom:10px}.hd .hd-heading a{font-size:1.8rem;color:#000;font-weight:700}.hd .sub-info{color:#ccc;font-size:14px;font-family:sans-serif;margin:5px}.post-content .tx-link,.post-content a:hover{text-decoration:underline!important}#guestbook .timgago-wrap a,.hd .sub-info .h-card,.hd .sub-info .h-card a,.hd .sub-info .timeago{color:#999}.hd .sub-info .meta-cate a,.post-content a{color:#0072ff}.post-content{max-width:728px;margin:30px auto 0;padding-bottom:0;font-size:16px}.post-content iframe{overflow:hidden;margin:0;padding:0;border:0;width:100%}.post-content .tx-link{color:#00f!important}.guest-from-table-input,.post-content .txc-table{width:100%}.post-content .sns-go ul{margin-left:0}.post-content .sns-go{text-align:right;padding:20px 0}.post-content .sns-go li{display:inline-block;margin-left:5px}.sns-go img{border-radius:5px;width:35px!important}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-bottom:15px;margin-top:15px;padding-left:.75rem;font-size:1.25rem;font-weight:500!important;line-height:1.25;word-break:normal;word-wrap:break-word;color:#000;border-left:3px solid #aeaeae}.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before{display:block;width:30px;height:3px;margin-bottom:15px;margin-top:20px;background-color:#dedede}.post-content ol li,.post-content ul li{margin-bottom:5px;line-height:27.5px}.post-config ul,.write-form .input-wrap{display:flex}.post-config ul li{flex:1;height:30px;line-height:30px;background:#f8f8f8;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}.post-reply{padding:20px;border-top:1px dashed #dedede}.post-content ol,.post-content ul{margin-left:20px}.visitor-row .visitor-cell{font-weight:700;margin-bottom:5px;display:inline-block;padding:0 10px}.visitor-row .visitor-date{font-size:13px;padding:0 5px}#comment .hr{border:none;border-top:1px dashed #dedede}#comment-form{position:relative;margin:25px auto}#comment-form .textboxs textarea{width:100%;padding:10px;border:1px solid #dedede;border-radius:1px;margin-bottom:5px;font-size:15px;background:#f8f8f8;min-height:100px;box-sizing:border-box}#comment-form .comment_submit_form{justify-content:space-between}.submit-wrap{text-align:right;display:block}#comment-form .submit-wrap button{background:#616161;color:#fff;padding:7px 20px;cursor:pointer;border-radius:2px;line-height:25px;outline:0}#comment-form .submit-wrap button:hover{background:#3281e6;transition:.5s}#comment-form .input-wrap .textbox label{font-size:13px;line-height:16px;z-index:8;color:#8e8e8e;width:80px;position:relative;display:inline-block}#comment-form .comment_submit_form .checkbox{margin-left:5px}#comment ol>li{margin-bottom:20px;position:relative}#comment ol li li{padding:0 0 0 35px;margin-top:35px}#comment-form .checkbox{font-size:14px;margin-bottom:10px}.secret-wrap{display:block;position:relative;padding-left:28px;padding-top:2px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.secret-wrap input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.secret-wrap .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border:1px solid #dae1e6;transition:.5s}.secret-wrap:hover input~.checkmark{background-color:#b1b1b1;border-color:#b3b5b7}.secret-wrap input:checked~.checkmark{background-color:#2196f3;border-color:#2196f3}.secret-wrap .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.reply_thumb{float:left;margin-right:15px;margin-top:2px;display:block}.reply_thumb img{border-radius:2px}.reply_content{display:block;min-height:70px;padding-top:0;margin-left:80px;position:relative}.rp_admin{background:#f8f8f8!important;padding:15px 15px 5px}.reply_content .name,.reply_content .name a{color:#222;font-weight:600}.reply_content .comment-content p{line-height:1.79em}.reply_content .comment-content{font-size:13px;max-width:740px;word-break:break-all;margin:7px 15px 7px 0}.input-wrap .textbox,.reply_date{margin-bottom:10px;font-size:12px}.reply_date{color:#999;margin-top:5px}.reply_date>a:before{content:"\f0f3";margin-left:5px;margin-right:3px}hr.point-another{border-color:#dedede!important;margin:0}.h-entry,.protected{overflow:hidden}#tt-body-category .h-entry h2,#tt-body-index .h-entry h2{line-height:140%;font-size:17px!important}#tt-body-category .h-entry,#tt-body-index .h-entry{max-width:860px;margin-bottom:5px}#tt-body-page #comment button.cmtbtn{width:30px;background:0 0;cursor:pointer;outline:0;color:#475261;transition:.3s}#tt-body-page #comment button.cmtbtn:hover{color:#2d8ef3}#tt-body-page #comment .cmt_dropdown{display:none;position:absolute;right:10px;border:1px solid #ddd;border-radius:2px;padding:4px 10px;margin-top:2px;background:#fff}#tt-body-page #comment .cmt_dropdown li{display:block;width:80px;padding:0!important;margin:0!important;text-align:left;line-height:35px}#tt-body-page #comment .cmt_dropdown li a{display:block;font-size:16px;color:#555;text-align:center}#tt-body-category .h-entry .content-width,#tt-body-category .protected .content-width,#tt-body-index .h-entry .content-width,#tt-body-search .h-entry .content-width,#tt-body-search .protected .content-width,#tt-body-tag .h-entry .content-width,#tt-body-tag .protected .content-width{padding:5px 19px 5px 5px}#tt-search{position:absolute;left:-35px;z-index:999;top:-50px;width:280px;color:#333;display:block!important}#tt-search input{background:0 0;color:#fff;font-size:15px}#tt-search .tt-search-inner{display:inline}#tt-search .tt-search-inner input{border-bottom:1px solid #ddd;line-height:40px;height:40px;width:100%;color:#fff;text-indent:10px}#tt-search .tt-search-inner input::placeholder{color:#fff}.input-wrap .textbox input{width:130px;border:1px solid #ddd;padding:3px 7px;font-size:12px;height:24px;line-height:24px;position:relative;z-index:9}.entry-tag{font-size:13px;margin:10px 10px 15px}.entry-tag span{padding:2px 7px;margin-right:10px;color:#999}.entry-tag a{padding:2px 3px;color:#1e90ff}.e-content.post-content p{position:relative;display:block;font-size:17px;line-height:1.72;letter-spacing:-.4px}section#taglog{background:#fff;max-width:900px;min-height:492px;overflow:hidden;margin:0 5px}section#taglog .cm-content{padding:10px}.tag-list{font-size:14px}.tag-list a{display:inline-block;height:24px;margin:6px 0 0 4px;padding:0 4px;background-color:#f7f9fa;line-height:24px;color:#788d9f;text-decoration:none;border-radius:3px}.tag-list li{display:inline-block;margin:7px 0}.tag-list li:hover{border-color:#3ea2ff}.dropdown-content i.fas{margin-right:15px;font-size:14px}.dropdown-content .tt_category li{text-indent:20px}.dropdown-content .tt_category li .category_list li{text-indent:35px}.dropdown-content .tt_category li .category_list li .sub_category_list li{text-indent:50px}.dropdown-content>ul>li{border-bottom:1px solid #f8f8f8}.dropdown-content>ul>li:last-child{border:none}.dropdown-content .tt_category .link_tit{background:#f6f6f6;width:100%;display:block}.dropdown-content{max-width:100%;width:320px;position:fixed;top:0;left:auto;right:0;bottom:0;margin:0;overflow:hidden;background:#fff;font-size:14px;z-index:10000;-webkit-transform:translate(101%,0);-moz-transform:translate(101%,0);-ms-transform:translate(101%,0);-o-transform:translate(101%,0);transform:translate(101%,0);-webkit-transition:.2s cubic-bezier(.23,1,.32,1) .1s;-moz-transition:.2s cubic-bezier(.23,1,.32,1) .1s;-o-transition:.2s cubic-bezier(.23,1,.32,1) .1s;transition:.2s cubic-bezier(.23,1,.32,1) .1s;-webkit-box-shadow:0 0 10px -5px #000;-moz-box-shadow:0 0 10px -5px rgba(0,0,0,.1);box-shadow:0 0 10px -5px #000}.dropdown-content ul li{color:#000;line-height:35px;text-indent:10px;text-decoration:none;display:block}.dropdown-content ul li a:hover{color:#5273ec}.dropdown-content-toggle{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}#MF_Reference1{margin-bottom:40px;background:#f8f8f8;border-radius:5px;clear:both;padding:20px!important}#MF_Reference1 th a{transition:.5s}#MF_Reference1 th a:before{content:"\f30b";font-weight:900;margin-right:10px;color:#949494;font-size:12px}.another_category_color_gray th .current{border-color:#666!important;font-weight:500;border-bottom:none!important}.another_category_color_gray *{color:#2b2b2b!important}.another_category_color_gray h4,.another_category_color_gray h4 a{color:#333!important;font-size:15px}.another_category h4{font-size:15px!important;margin:0!important;border-bottom:1px solid #e5e5e5!important;padding:2px 0 6px!important}.another_category{border:none!important;padding:0!important;margin:10px 0;clear:both}.another_category th a:hover{color:#1e52db!important}.syntaxhighlighter{background-color:#fff!important;border:1px solid #3ea2ff;padding-top:10px;padding-bottom:10px}.protected .media-wrap{margin-bottom:30px}.protected .e-content{text-align:center}.protected .media .protectedPassword{border:1px solid #ddd;line-height:27px}#tt-body-page .protected .textbox input{border:1px solid #ddd;border-radius:2px;line-height:35px;box-sizing:border-box;text-indent:10px;width:260px}.protected .media .media_btn{line-height:35px;padding:0 10px;border:1px solid #dae1e6;cursor:pointer;box-sizing:border-box;border-radius:2px;transition:.5s;background:#f7f9fa}.protected .media .media_btn:hover{background:#3ea2ff;color:#fff;border-color:#3ea2ff}.area_related_wrap .list_related,.protected .media .textbox.focus-wrap{margin-top:15px}section#guestbook{background:#fff;overflow:hidden;margin:0 5px;max-width:900px}.hd-heading{margin-top:5px;margin-bottom:10px}.write-form .input-wrap .textbox-left{padding-right:15px}.write-form .input-wrap .input-box{width:50%}.write-form .input-wrap .input-box input{height:40px;border:1px solid #ccc;width:100%;box-sizing:border-box;text-indent:49px;border-radius:2px;margin-bottom:5px}.write-form .input-wrap .input-box i{position:absolute;width:40px;line-height:40px;border-right:1px solid #dae1e6;text-align:center}#guestbook .checkbox{font-size:15px;margin-bottom:5px}#guest-form{position:relative;margin:25px auto;max-width:720px;padding:15px}#guest-list{margin:0 auto;border-top:1px dashed #dae1e6;padding-top:15px}#guest-list .guest-content .replybtn{right:0;color:#333}#guest-list .guest-content{position:relative;margin-top:10px}#guest-list .guest-btn{text-align:right;margin-top:15px;font-size:12px}#guest-list .guest-btn .modify,#guest-list .guest-btn .write{background:#f8f8f8;padding:4px 6px 6px 8px;border:1px solid #ddd;border-radius:3px;transition:.3s}#guest-list .guest-btn .modify:hover,#guest-list .guest-btn .write:hover{background:#555;color:#fff;border-color:#555}#guestbook .guest-header .name{margin-bottom:5px;display:block}#guestbook .timgago-wrap{margin-right:7px;color:#999;font-size:13px}#guest-list .guest-content .speech{line-height:28.64px;font-size:14px;font-family:"맑은 고딕",NotoKrR,'Noto Sans KR',sans-serif!important;letter-spacing:-.75px;position:relative;display:block;color:#666;margin-top:10px}#guest-form textarea#textarea-input{width:100%;border:1px solid #dedede;margin-bottom:5px;border-radius:1px;box-sizing:border-box;height:150px;padding:15px}#guest-form .comment_submit_form{justify-content:space-between;margin-right:-2px}#guest-form .submit-wrap button{background:#616161;color:#fff;padding:7px 20px;cursor:pointer;border-radius:1px;line-height:25px;outline:0;transition:.5s}#guest-form .submit-wrap button:hover{background:#3281e6}.guest-from-table{display:table;width:100%;margin:4px 0!important}.adsense_row,.guest-from-table-line{display:table-row}.guest-from-table-name{display:table-cell;vertical-align:middle;width:75px}.guest-from-table-input input{width:100%;height:30px;border:1px solid #dedede;text-indent:10px}#guestbook .guest-container{margin:10px;padding:15px;border-radius:3px}#guestbook .reply-list{margin-left:25px}#guestbook .guest_admin .guest-container{background:#f7f9fa}#guestbook .guest_admin .guest-header .name a{font-weight:700;color:#2e3031}#mobile-arrow{position:fixed;bottom:10px;right:10px;display:none}#mobile-arrow i{font-size:50px;color:#fff;background:#4b5258;bottom:10px;right:0;z-index:999;border-radius:30px;border:1px solid #4b5258;box-sizing:border-box;opacity:.6;cursor:pointer}#mobile-arrow #btn_scroll_up{right:0;bottom:60px;position:absolute}#mobile-arrow #btn_scroll_down{right:0;bottom:0;position:absolute}#mobile-arrow #btn_scroll_down:hover i,#mobile-arrow #btn_scroll_up:hover i{background:#0072ff}@media only screen and (max-width:480px){.dropdown-content{width:100%}}@media only screen and (min-width:930px){#main{display:flex}}@media only screen and (max-width:1296px){#header_wrap #header_gnb{width:100%!important}}@media only screen and (max-width:1235px){#container,nav div{width:100%!important}}@media only screen and (max-width:460px){.header-blog-menu,.header-blog-menu li a{display:block}.header-blog-menu ul{display:flex;flex-wrap:wrap}.header-blog-menu ul li{width:33.333%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;text-align:center;box-sizing:border-box;line-height:35px;background:#f8f8f8}.header-blog-menu div:first-child,.header-blog-menu div:nth-child(3n+4){border-left:1px solid #ddd}}@media only screen and (max-width:930px){#header_wrap #header_gnb #header-title a{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;margin-top:7px}.hd{margin:0!important;padding:10px}.post-content{padding:5px!important}#tt-body-category .h-entry .content-width,#tt-body-category .protected .content-width,#tt-body-search .h-entry .content-width,#tt-body-search .protected .content-width,#tt-body-tag .h-entry .content-width,#tt-body-tag .protected .content-width{margin:10px}.list_content{cursor:pointer;transition:2s;justify-content:center;align-items:center;max-height:unset!important}.h-entry{max-width:900px;width:auto!important;max-height:unset;padding:10px!important}#comment-form,.module{width:unset!important}.list_detail_wrap{max-height:unset;vertical-align:middle}#footer .fleft,#footer .tistorybtn{display:none}#comment ol>li{padding:unset!important}.dropdown-content{min-width:310px}.module,.module-recents .tab-content{max-width:unset!important}#header_wrap #header_gnb{margin:0 auto}#header_wrap #header_gnb #header-title{text-align:center;margin-left:0;display:block;line-height:30px}#header_wrap #header_gnb #header-ico{top:13px}.dropdown-content ul li:first-child{display:block}.dropdown-content .tt_category li{padding:0}#tt-search{position:initial!important;left:initial!important;top:initial!important;width:100%;display:none!important}#tt-search input{color:#333!important}#tt-search input::placeholder{color:#333!important}#sidebar{margin:0!important;padding:10px;max-width:none!important}#btn_goCategory,#mobile-arrow{display:block!important}}.container_postbtn .postbtn_like+.btn_menu_toolbar{margin-top:-34px!important}.container_postbtn .btn_menu_toolbar{height:40px!important;line-height:37px!important;border-radius:30px!important}.container_postbtn .postbtn_like{float:none!important;display:inline-block;border-radius:30px!important}.container_postbtn .btn_post{height:40px!important;padding:0 15px!important}.container_postbtn{margin:0 auto!important;padding-top:20px!important;padding-bottom:10px!important;position:relative;text-align:center}.container_postbtn .postbtn_ccl{float:none!important;position:absolute!important;right:0!important;top:0!important}.post-content ol li p,.post-content ul li p{line-height:normal!important}#tt-body-index .h-entry.protected .content-width{padding:20px 19px;margin-bottom:10px}#tt-body-page.sidebar-mainon #container #main #content,.sidebar-off #container #main #content{flex:none;margin:0 auto}.e-content.post-content ol,.e-content.post-content span,.e-content.post-content ul{font-family:'맑은 고딕',NotoKrR,'Noto Sans KR',sans-serif;letter-spacing:-.025px}.e-content.post-content ol,.e-content.post-content ul{display:block;padding-left:15px}@media only screen and (max-width:400px){.thumnail{display:none}}@media only screen and (max-width:600px){#header_wrap{height:45px}.small-thumbnail .thumnail img{width:50px;height:50px}.small-thumbnail .thumnail{margin-right:15px}.small-thumbnail .list_content .post_text{height:40px!important;font-size:12px!important;display:inline-block!important}.small-thumbnail .list_detail_wrap{font-size:12px!important}}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-spin{animation:2s linear infinite fa-spin}.fa-pulse{animation:1s steps(8) infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.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}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(images/fa-solid-900.eot);src:url(images/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(images/fa-solid-900.woff2) format("woff2"),url(images/fa-solid-900.woff) format("woff"),url(images/fa-solid-900.ttf) format("truetype"),url(images/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-weight:900}.fa-exclamation-circle:before{content:"\f06a"}.fa-reply:before{content:"\f3e5"}.fa-edit:before{content:"\f044"}.fa-comment-alt:before{content:"\f27a"}.fa-cog:before{content:"\f013"}.fa-bars:before{content:"\f0c9"}.fa-align-left:before{content:"\f036"}.fa-tags:before{content:"\f02c"}.fa-key:before{content:"\f084"}.fa-user:before{content:"\f007"}.fa-globe-europe:before{content:"\f7a2"}.fa-fire-alt:before{content:"\f7e4"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-pen:before{content:"\f304";content:\f304}.fa-comment-dots:before{content:"\f4ad"}.popularPost{max-width:330px}.popularPost ul{padding:0 15px}.popularPost ul li{border-radius:3px;width:100%;display:inline-block;position:relative;font-size:15px;border-bottom:1px solid #f6f6f6}.popularPost ul li a{font-weight:400;display:inline-block;padding-top:10px;padding-bottom:5px}.popularPost ul li a:hover{color:#668ee6;transition:.5s}.popularPost .side-crop-img{width:50px;height:50px;overflow:hidden;border-radius:2px;position:relative}.popularPost .popular-right{height:50px;display:inline-block}.popularPost .left-pop{position:relative;float:left;overflow:hidden}.popularPost-info .left-pop img{margin-left:10px;border-radius:7px}.popularPost .right-pop{overflow:hidden;padding:6px 10px 0 15px;font-size:15px}.popularPost-list{margin-top:10px}.popularPost-list a{display:table;width:100%;table-layout:fixed}.popularPost-info{display:table-cell;vertical-align:middle}.adsense_wrap{display:table;margin:5px 0;width:100%}.area_btn_more_wrap,.search-bar{position:relative;margin-bottom:15px}.adsense_row ins{display:inline-block;width:336px;height:280px}.adsense_center{display:table-cell;text-align:center}.adsense_right{display:table-cell;text-align:right}@media (max-width:500px){.adsense_center ins{display:inline-block;width:336px;height:280px}.sidebar-mobile-off #sidebar{display:none}}table td{padding:8px!important}.area_related_wrap .list_item{position:relative;overflow:hidden;margin-top:10px}.area_related_wrap .area_thumb img{-webkit-transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);image-rendering:-webkit-optimize-contrast}.area_related_wrap .area_info{display:block;overflow:hidden;text-decoration:none;margin-top:10px}.area_related_wrap{padding:15px;border-top:1px solid #dae1e6}.area_related_wrap .list_item .area_info .title{display:block;overflow:hidden;height:auto;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:20px;color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical}.area_related_wrap .list_item .area_info .title:hover{text-decoration:underline}.area_related_wrap .list_item .area_info .list_date span{color:grey;font-size:12px}.area_btn_more_wrap .link_more{cursor:pointer;color:#505050;font-size:12px}.area_btn_more_wrap .link_more:before{content:"\f103";font-style:normal;font-weight:900;font-size:15px;text-align:center;position:absolute;top:-5px;left:50%;margin-left:-5px}.area_btn_more_wrap{padding-top:15px;margin-top:15px;text-align:center}.search-bar .input-text{border:1px solid #ccc;background:#fff;width:100%;line-height:40px;text-indent:45px;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;border-radius:3px}.search-bar .icon{cursor:pointer;position:absolute;top:47%;left:0;transform:translateY(-50%);padding:13px 15px 11px 17px}.fa-search:before{content:"\f002"}
/* =============================================
   애드센스 수익 최적화 1단계
============================================= */

/* 1. 본문 너비 확장 및 반응형 개선 */
.post-content {
  max-width: 900px !important; /* 728px → 900px로 확장 */
  margin: 30px auto !important;
}

#tt-body-page .h-entry {
  max-width: 900px !important;
  width: auto !important; /* 고정폭 해제 */
}

/* 2. 본문 가독성 극대화 (체류시간 증가) */
.e-content.post-content {
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: -0.3px;
  color: #2d3748;
  word-break: keep-all;
}

.e-content.post-content p {
  margin-bottom: 24px;
}

/* 3. 광고 안전 여백 확보 (무효 트래픽 방지) */
.revenue_unit_wrap,
.adsbygoogle {
  margin: 40px auto;
  padding: 20px 0;
  text-align: center;
}

/* 4. 사이드바 플로팅 광고 (PC 수익 최적화) */
@media (min-width: 930px) {
  #sidebar .side_ads {
    position: sticky;
    top: 20px;
    z-index: 10;
    background: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
}

/* 5. 모바일 최적화 */
@media (max-width: 929px) {
  .post-content {
    padding: 0 16px;
    font-size: 16px;
  }
  
  .e-content.post-content {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* 6. 광고 삽입을 위한 영역 준비 */
.ad-in-post-top,
.ad-in-post-middle,
.ad-in-post-bottom {
  margin: 30px auto;
  text-align: center;
  min-height: 100px;
  display: block;
}

/* 7. 관련글과 광고 간격 확보 */
.area_related_wrap {
  margin-top: 50px;
}

.sns-go {
  margin: 40px 0;
}

/* =============================================
   사용자 경험 개선 (체류시간 증가)
============================================= */

/* 1. 소제목 디자인 개선 */
.post-content h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #2d3748;
  margin: 40px 0 20px 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #4299e1;
  position: relative;
}

.post-content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #4a5568;
  margin: 30px 0 15px 0;
  padding-left: 16px;
  border-left: 4px solid #68d391;
}

/* 2. 이전글/다음글 버튼 개선 */
.area_btn_more_wrap .link_more {
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 25px;
  font-weight: 600;
  transition: transform 0.2s;
  text-decoration: none;
}

.area_btn_more_wrap .link_more:hover {
  transform: translateY(-2px);
  color: white;
}
/* =============================================
   자동 목차 (TOC) 디자인
   애드센스 수익 최적화용
============================================= */

#auto-toc {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid #cbd5e0;
    border-radius: 12px;
    margin: 0 0 40px 0;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(74, 85, 104, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* 목차 헤더 */
.toc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.toc-header:hover {
    background: linear-gradient(135deg, #3182ce 0%, #3b6ca8 100%);
}

.toc-icon {
    font-size: 1.1rem;
    margin-right: 8px;
}

.toc-title {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    flex: 1;
    letter-spacing: 0.5px;
}

.toc-toggle {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.9);
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease;
}

.toc-toggle:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* 목차 본문 */
.toc-body {
    padding: 20px;
    background: #ffffff;
}

.toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.toc-item {
    display: flex;
    align-items: flex-start;
    margin: 8px 0;
    line-height: 1.5;
}

.toc-item:first-child {
    margin-top: 0;
}

.toc-item:last-child {
    margin-bottom: 0;
}

/* H2 스타일 (대제목) */
.toc-item.toc-h2 {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #e2e8f0;
}

.toc-item.toc-h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.toc-number {
    font-size: 0.9rem;
    font-weight: 700;
    color: #4299e1;
    min-width: 24px;
    margin-right: 6px;
    flex-shrink: 0;
}

/* H3 스타일 (중제목) */
.toc-item.toc-h3 {
    margin-left: 24px;
    font-size: 0.9rem;
}

.toc-item.toc-h3::before {
    content: '– ';
    color: #a0aec0;
    margin-right: 6px;
    flex-shrink: 0;
}

/* H4 스타일 (소제목) */
.toc-item.toc-h4 {
    margin-left: 48px;
    font-size: 0.85rem;
}

.toc-item.toc-h4::before {
    content: '· ';
    color: #cbd5e0;
    margin-right: 6px;
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
}

/* 목차 링크 */
.toc-link {
    color: #4a5568 !important;
    text-decoration: none !important;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
    flex: 1;
    display: block;
}

.toc-link:hover {
    color: #2d3748 !important;
    background: #edf2f7;
    text-decoration: none !important;
}

.toc-link.toc-active {
    color: #2b6cb0 !important;
    background: #ebf4ff;
    font-weight: 600 !important;
    border-left: 3px solid #4299e1;
    padding-left: 12px;
}

/* H2 링크 특별 스타일 */
.toc-h2 .toc-link {
    font-weight: 600;
    font-size: 0.95rem;
    color: #486699 !important;
}

/* 목차 접힌 상태 */
#auto-toc.collapsed .toc-body {
    display: none;
}

/* =============================================
   모바일 반응형
============================================= */
@media (max-width: 768px) {
    #auto-toc {
        margin: 0 0 24px 0;
        border-radius: 8px;
    }
    
    .toc-header {
        padding: 14px 16px;
    }
    
    .toc-body {
        padding: 16px;
    }
    
    .toc-item.toc-h3 {
        margin-left: 16px;
    }
    
    .toc-item.toc-h4 {
        margin-left: 32px;
    }
    
    .toc-link {
        font-size: 0.9rem;
        padding: 6px;
    }
}

/* =============================================
   날짜 스타일 개선
============================================= */
.hd .sub-info .timeago,
.hd .sub-info abbr.dt-published,
.post_date {
    font-size: 0.9rem;
    color: #718096;
    font-style: normal;
}
/* 

/* =============================================
   헤더 제목 텍스트 교체 (SEO 안전)
============================================= */

/* 기존 텍스트 숨기기 */
#header-title a {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
}

/* 새로운 텍스트로 교체 */
#header-title a::after {
    content: "여행 축제 플래너"; /* ← 이 부분만 수정 */
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
}

/* =============================================
   다크 테마 푸터 (세로 배치 - 겹침 절대 방지)
============================================= */

/* 푸터 기본 (티스토리 기본 CSS 완전 덮어쓰기) */
#footer {
    all: unset !important;
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
    padding: 50px 20px 30px !important;
    margin-top: 60px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 전체 래퍼 */
.footer-wrap {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

/* 상단 네온 라인 */
.footer-accent-line {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
    animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(59, 130, 246, 0.5); }
    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); }
}

/* ── 메인 카드 ── */
.footer-card {
    width: 100%;
    background: #1e293b;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #334155;
    box-sizing: border-box;
    transition: all 0.4s ease;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(148, 163, 184, 0.1);
}

.footer-card:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(59, 130, 246, 0.3);
}

/* ── 블로그 헤더 ── */
.footer-header {
    text-align: center;
    margin-bottom: 30px;
}

.footer-blog-title a {
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #f1f5f9 !important;
    text-decoration: none !important;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.footer-blog-title a:hover {
    color: #60a5fa !important;
    text-shadow: 0 0 15px rgba(96, 165, 250, 0.6);
}

.footer-blog-desc {
    font-size: 0.95rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* ── 구분선 ── */
.footer-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #334155, transparent);
    margin: 25px 0;
}

/* =============================================
   핵심: 세로 배치 정보 그리드 (겹침 완전 차단)
============================================= */
.footer-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

/* 세로 배치형 박스 (겹침 물리적 불가능) */
.footer-info-box {
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 16px;
    padding: 28px 20px;
    transition: all 0.3s ease;
    cursor: default;
    
    /* ★ 핵심: 세로 배치로 겹침 완전 방지 ★ */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px;
}

.footer-info-box:hover {
    background: #1e293b;
    border-color: #3b82f6;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.25);
}

/* ── 아이콘 (맨 위에 크게) ── */
.footer-icon {
    font-size: 2.5rem !important;
    line-height: 1 !important;
    margin-bottom: 12px !important;
    display: block !important;
    
    /* 이모지 렌더링 안정화 */
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    text-rendering: optimizeLegibility;
}

/* ── 라벨 (가운데) ── */
.footer-label {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* ── 값 (맨 아래) ── */
.footer-value {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #cbd5e1 !important;
    word-break: break-all !important;
    display: block !important;
    line-height: 1.4 !important;
}

.footer-value a {
    color: #60a5fa !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.footer-value a:hover {
    color: #93c5fd !important;
    text-decoration: underline !important;
    text-shadow: 0 0 8px rgba(147, 197, 253, 0.5);
}

/* =============================================
   카피라이트 - 박스 안 구분선 아래 중앙 고정
============================================= */

/* 구분선과 카피라이트 간격 조정 */
.footer-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #334155, transparent);
    margin: 25px 0 20px 0 !important; /* 아래쪽 여백 확보 */
}

/* 카피라이트 완벽 중앙 정렬 */
.footer-copyright {
    /* 강력한 중앙 정렬 (티스토리 CSS 덮어쓰기) */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* 위치 및 크기 */
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    
    /* 텍스트 스타일 */
    text-align: center !important;
    color: #64748b !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.5 !important;
}

/* 내부 span 요소도 확실하게 중앙 정렬 */
.footer-copyright span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 카피라이트 호버 효과 및 애니메이션 */
.footer-copyright {
    transition: all 0.3s ease !important;
}

.footer-copyright:hover {
    color: #94a3b8 !important;
    transform: translateY(-1px) !important;
}

/* 카드 하단 여백도 조정 */
.footer-card {
    padding: 40px 40px 25px 40px; /* 하단 패딩 살짝 줄임 */
}


/* ── 하단 크레딧 ── */
.footer-credits {
    text-align: center;
}

.footer-credits a {
    color: #475569 !important;
    text-decoration: none !important;
    font-size: 0.75rem;
    transition: color 0.3s ease;
}

.footer-credits a:hover {
    color: #64748b !important;
}

/* =============================================
   모바일 반응형
============================================= */
@media (max-width: 768px) {
    #footer {
        padding: 40px 16px 24px !important;
    }

    .footer-card {
        padding: 30px 20px;
        border-radius: 16px;
    }

    /* 모바일: 1열로 세로 나열 */
    .footer-info-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        max-width: 320px;
        margin: 0 auto;
    }

    .footer-info-box {
        padding: 24px 18px;
    }

    .footer-icon {
        font-size: 2.2rem !important;
    }

    .footer-blog-title a {
        font-size: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .footer-info-grid {
        max-width: 100%;
    }
    
    .footer-icon {
        font-size: 2rem !important;
    }
}

/* =============================================
   세련된 소제목 스타일 (애드센스 수익 최적화)
   기존 스타일 완전 덮어쓰기
============================================= */

/* ── 기존 스타일 완전 초기화 ── */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.e-content.post-content h1,
.e-content.post-content h2,
.e-content.post-content h3,
.e-content.post-content h4 {
    /* 티스토리 기본 스타일 완전 제거 */
    border: none !important;
    border-left: none !important;
    border-bottom: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    
    /* 공통 기본 설정 */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif !important;
    word-break: keep-all !important;
    line-height: 1.4 !important;
    position: relative !important;
}

/* 기존 ::before, ::after 완전 제거 */
.post-content h1::before,
.post-content h2::before,
.post-content h3::before,
.post-content h4::before,
.post-content h1::after,
.post-content h2::after,
.post-content h3::after,
.post-content h4::after {
    display: none !important;
    content: none !important;
}

/* =============================================
   H2 - 강렬한 그라데이션 박스 (대제목)
   독자의 시선을 강제로 멈추게 하는 디자인
============================================= */
.post-content h2,
.e-content.post-content h2 {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 3.5rem 0 1.8rem 0 !important;
    padding: 18px 28px 18px 32px !important;
    
    /* 강렬한 그라데이션 배경 */
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 40%, #8b5cf6 80%, #06b6d4 100%) !important;
    border-radius: 12px !important;
    
    /* 입체감과 시선 집중 효과 */
    box-shadow: 
        0 8px 25px rgba(29, 78, 216, 0.3),
        0 3px 10px rgba(59, 130, 246, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    
    /* 부드러운 애니메이션 */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    letter-spacing: -0.4px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.post-content h2:hover,
.e-content.post-content h2:hover {
    transform: translateY(-3px) !important;
    box-shadow: 
        0 12px 35px rgba(29, 78, 216, 0.4),
        0 5px 15px rgba(59, 130, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* =============================================
   H3 - 세련된 언더라인 + 포인트 마커 (중제목)
   가독성을 높여 체류시간 증가
============================================= */
.post-content h3,
.e-content.post-content h3 {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 2.8rem 0 1.4rem 0 !important;
    padding: 0 0 12px 24px !important;
    
    /* 하단 그라데이션 언더라인 */
    border-bottom: 2px solid transparent !important;
    background: 
        linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%) border-box !important;
    
    letter-spacing: -0.3px !important;
    transition: all 0.3s ease !important;
}

/* H3 왼쪽 포인트 마커 */
.post-content h3::before,
.e-content.post-content h3::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 12px !important;
    height: 12px !important;
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.6) !important;
    animation: pulse-glow 2s ease-in-out infinite !important;
}

@keyframes pulse-glow {
    0%, 100% { 
        box-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
        transform: translateY(-50%) scale(1);
    }
    50% { 
        box-shadow: 0 0 18px rgba(59, 130, 246, 0.8);
        transform: translateY(-50%) scale(1.1);
    }
}

.post-content h3:hover,
.e-content.post-content h3:hover {
    color: #3b82f6 !important;
    padding-left: 28px !important;
}

/* =============================================
   H4 - 미니멀 태그형 박스 (소제목)
   완독률 향상을 위한 정리된 디자인
============================================= */
.post-content h4,
.e-content.post-content h4 {
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    color: #334155 !important;
    margin: 2.2rem 0 1.1rem 0 !important;
    padding: 12px 18px 12px 16px !important;
    
    /* 세련된 박스 디자인 */
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-left: 4px solid #06b6d4 !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: 0 3px 12px rgba(6, 182, 212, 0.1) !important;
    
    /* 태그 느낌의 플렉스 레이아웃 */
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    
    letter-spacing: -0.2px !important;
    transition: all 0.3s ease !important;
}

/* H4 왼쪽 시안 마커 */
.post-content h4::before,
.e-content.post-content h4::before {
    display: inline-block !important;
    content: '◆' !important;
    font-size: 0.6rem !important;
    color: #06b6d4 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 0 3px rgba(6, 182, 212, 0.5)) !important;
}

.post-content h4:hover,
.e-content.post-content h4:hover {
    background: linear-gradient(135deg, #ecfeff 0%, #e6fffa 100%) !important;
    border-left-color: #0891b2 !important;
    transform: translateX(4px) !important;
    box-shadow: 0 5px 18px rgba(6, 182, 212, 0.2) !important;
}

/* =============================================
   목차(TOC) 스타일 자동 연동
   소제목과 완벽하게 매칭되는 디자인
============================================= */

/* 목차 전체 박스 업그레이드 */
#auto-toc {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid #334155 !important;
    border-radius: 16px !important;
    margin: 0 0 3rem 0 !important;
    padding: 0 !important;
    box-shadow: 
        0 10px 30px rgba(15, 23, 42, 0.4),
        0 0 0 1px rgba(59, 130, 246, 0.1) !important;
    overflow: hidden !important;
}

/* 목차 헤더 그라데이션 */
.toc-header {
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #8b5cf6 100%) !important;
    padding: 16px 20px !important;
    color: #ffffff !important;
}

.toc-title {
    font-weight: 800 !important;
    font-size: 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.toc-icon {
    font-size: 1.1rem !important;
}

/* 목차 본문 */
.toc-body {
    padding: 20px !important;
    background: #223d57 !important;
}

/* H2 목차 항목 (블루 계열) */
#auto-toc .toc-item.toc-h2 .toc-link {
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    color: #e2e8f0 !important;
    padding: 10px 16px 10px 20px !important;
    border-radius: 8px !important;
    margin: 8px 0 !important;
    display: block !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

#auto-toc .toc-item.toc-h2 .toc-link::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 4px !important;
    height: 60% !important;
    background: linear-gradient(180deg, #3b82f6, #8b5cf6) !important;
    border-radius: 2px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

#auto-toc .toc-item.toc-h2 .toc-link:hover,
#auto-toc .toc-item.toc-h2 .toc-link.toc-active {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93c5fd !important;
}

#auto-toc .toc-item.toc-h2 .toc-link:hover::before,
#auto-toc .toc-item.toc-h2 .toc-link.toc-active::before {
    opacity: 1 !important;
}

/* H3 목차 항목 (퍼플 계열) */
#auto-toc .toc-item.toc-h3 {
    margin-left: 20px !important;
}

#auto-toc .toc-item.toc-h3::before {
    content: none !important;
}

#auto-toc .toc-item.toc-h3 .toc-link {
    font-size: 0.88rem !important;
    color: #94a3b8 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
}

#auto-toc .toc-item.toc-h3 .toc-link::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

#auto-toc .toc-item.toc-h3 .toc-link:hover,
#auto-toc .toc-item.toc-h3 .toc-link.toc-active {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #c4b5fd !important;
}

#auto-toc .toc-item.toc-h3 .toc-link:hover::before,
#auto-toc .toc-item.toc-h3 .toc-link.toc-active::before {
    opacity: 1 !important;
    box-shadow: 0 0 8px rgba(139, 92, 246, 0.6) !important;
}

/* H4 목차 항목 (시안 계열) */
#auto-toc .toc-item.toc-h4 {
    margin-left: 40px !important;
}

#auto-toc .toc-item.toc-h4::before {
    content: none !important;
}

#auto-toc .toc-item.toc-h4 .toc-link {
    font-size: 0.82rem !important;
    color: #64748b !important;
    padding: 6px 10px !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.3s ease !important;
}

#auto-toc .toc-item.toc-h4 .toc-link::before {
    content: '◆' !important;
    font-size: 0.5rem !important;
    color: #06b6d4 !important;
    flex-shrink: 0 !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
    filter: drop-shadow(0 0 3px rgba(6, 182, 212, 0.5)) !important;
}

#auto-toc .toc-item.toc-h4 .toc-link:hover,
#auto-toc .toc-item.toc-h4 .toc-link.toc-active {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #67e8f9 !important;
}

#auto-toc .toc-item.toc-h4 .toc-link:hover::before,
#auto-toc .toc-item.toc-h4 .toc-link.toc-active::before {
    opacity: 1 !important;
}

/* =============================================
   모바일 반응형 최적화
============================================= */
@media (max-width: 768px) {
    .post-content h2,
    .e-content.post-content h2 {
        font-size: 1.4rem !important;
        padding: 14px 20px 14px 24px !important;
        margin: 2.5rem 0 1.4rem 0 !important;
        border-radius: 10px !important;
    }

    .post-content h3,
    .e-content.post-content h3 {
        font-size: 1.2rem !important;
        padding: 0 0 10px 20px !important;
        margin: 2.2rem 0 1.1rem 0 !important;
    }

    .post-content h4,
    .e-content.post-content h4 {
        font-size: 1rem !important;
        padding: 10px 14px 10px 12px !important;
        margin: 1.8rem 0 0.9rem 0 !important;
        border-radius: 0 8px 8px 0 !important;
    }

    #auto-toc {
        margin: 0 0 2rem 0 !important;
    }

    #auto-toc .toc-item.toc-h3 {
        margin-left: 14px !important;
    }

    #auto-toc .toc-item.toc-h4 {
        margin-left: 28px !important;
    }
}


/*신고버튼 삭제*/
 .wrap_btn_etc  {display:none;}

/* =============================================
   목차 크기 축소 + 숫자/텍스트 완벽 일렬 정렬
============================================= */

/* 1. 목차 전체 크기 축소 */
#auto-toc {
    max-width: 520px !important;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    margin: 0 0 2rem 0 !important;
    padding: 0 !important;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.3) !important;
    overflow: hidden !important;
}

/* 2. 헤더 크기 축소 */
.toc-header {
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #8b5cf6 100%) !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

.toc-title {
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

.toc-icon {
    font-size: 0.9rem !important;
}

.toc-toggle {
    font-size: 0.7rem !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,0.2) !important;
}

/* 3. 본문 여백 축소 */
.toc-body {
    padding: 14px 16px !important;
    background: #0f172a !important;
}

.toc-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* =============================================
   핵심: 숫자와 텍스트 완벽 일렬 정렬
============================================= */

/* 모든 목차 항목을 가로 flexbox로 변경 */
.toc-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 3px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* 숫자 영역 (고정 너비로 정렬 안정화) */
.toc-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #60a5fa !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── H2 (대제목) 스타일 ── */
.toc-item.toc-h2 {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(55, 79, 114, 0.5) !important;
}

.toc-item.toc-h2:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

#auto-toc .toc-item.toc-h2 .toc-link {
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    color: #e2e8f0 !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

/* H2 앞의 세로 바 제거 */
#auto-toc .toc-item.toc-h2 .toc-link::before {
    display: none !important;
    content: none !important;
}

#auto-toc .toc-item.toc-h2 .toc-link:hover,
#auto-toc .toc-item.toc-h2 .toc-link.toc-active {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93c5fd !important;
}

/* ── H3 (중제목) 스타일 ── */
.toc-item.toc-h3 {
    margin-left: 20px !important;
}

/* H3 기본 마커 제거 */
.toc-item.toc-h3::before {
    display: none !important;
    content: none !important;
}

#auto-toc .toc-item.toc-h3 .toc-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    font-size: 0.82rem !important;
    color: #94a3b8 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

/* H3 앞 동그라미 마커 (텍스트와 일렬) */
#auto-toc .toc-item.toc-h3 .toc-link::before {
    display: inline-block !important;
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    opacity: 0.7 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

#auto-toc .toc-item.toc-h3 .toc-link:hover,
#auto-toc .toc-item.toc-h3 .toc-link.toc-active {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #c4b5fd !important;
}

#auto-toc .toc-item.toc-h3 .toc-link:hover::before,
#auto-toc .toc-item.toc-h3 .toc-link.toc-active::before {
    opacity: 1 !important;
    box-shadow: 0 0 6px rgba(139, 92, 246, 0.6) !important;
}

/* ── H4 (소제목) 스타일 ── */
.toc-item.toc-h4 {
    margin-left: 35px !important;
}

/* H4 기본 마커 제거 */
.toc-item.toc-h4::before {
    display: none !important;
    content: none !important;
}

#auto-toc .toc-item.toc-h4 .toc-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex: 1 !important;
    font-size: 0.78rem !important;
    color: #64748b !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

/* H4 앞 다이아몬드 마커 (텍스트와 일렬) */
#auto-toc .toc-item.toc-h4 .toc-link::before {
    display: inline-block !important;
    content: '◆' !important;
    font-size: 0.4rem !important;
    color: #06b6d4 !important;
    flex-shrink: 0 !important;
    opacity: 0.6 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
}

#auto-toc .toc-item.toc-h4 .toc-link:hover,
#auto-toc .toc-item.toc-h4 .toc-link.toc-active {
    background: rgba(6, 182, 212, 0.12) !important;
    color: #67e8f9 !important;
}

#auto-toc .toc-item.toc-h4 .toc-link:hover::before,
#auto-toc .toc-item.toc-h4 .toc-link.toc-active::before {
    opacity: 1 !important;
}

/* =============================================
   모바일 반응형
============================================= */
@media (max-width: 768px) {
    #auto-toc {
        max-width: 100% !important;
        margin: 0 0 1.5rem 0 !important;
    }

    .toc-header {
        padding: 8px 12px !important;
    }

    .toc-body {
        padding: 12px 14px !important;
    }

    .toc-item.toc-h3 {
        margin-left: 16px !important;
    }

    .toc-item.toc-h4 {
        margin-left: 28px !important;
    }

    #auto-toc .toc-item.toc-h2 .toc-link {
        font-size: 0.85rem !important;
    }

    #auto-toc .toc-item.toc-h3 .toc-link {
        font-size: 0.8rem !important;
    }

    #auto-toc .toc-item.toc-h4 .toc-link {
        font-size: 0.75rem !important;
    }
}