*{box-sizing:border-box}div{padding:0;margin:0}@font-face{font-family:'Pretendard-Regular';src:url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'omyu_pretty';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2") format("woff2");font-weight:normal;font-style:normal}@keyframes cloud_eff{0%{transform:translateY(0) scale(1)}70%{transform:translateY(150px) scale(1)}100%{transform:translateY(150px) scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes updown_motion{0%{margin-top:0px}100%{margin-top:15px}}@keyframes wave{0%{background-position-x:1000px}100%{background-position-x:0}}@keyframes wave2{0%{background-position-x:0px}100%{background-position-x:1000px}}@keyframes tail{50%{transform:rotate(10deg)}}@keyframes twinkle{50%{opacity:50%}}@keyframes spin{49%{z-index:11}50%{left:210px;bottom:-70px;z-index:9}100%{z-index:9}}body{padding:0;margin:0;overflow-x:clip;background-color:#eff3f3}.all_wrapper{display:flex;flex-direction:row;width:100%;height:100%}#sidebar_area{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;width:270px;min-width:270px;max-width:270px;margin:15px 0 15px 15px;transition:margin-left 0.3s ease}#content_area{display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative;width:100%;margin:15px;transition:width, margin 0.3s ease}#content_area #content_area_wrapper{width:100%;position:absolute}#content_area #top_area{width:100%;position:sticky;top:15px;transition:top 0.3s ease;z-index:200}#content_area #top_area #scoll_bar{position:relative;width:0;height:4px;transition:all linear 0.2s;background-image:linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);border-radius:100px}#content_area #top_area #top_nav_bar{position:relative;width:auto;padding:11px 15px 0 15px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;transition:padding 0.3s ease}#content_area #top_area #top_nav_bar img{height:55px}#content_area #top_area #top_nav_bar .logo{transition:all 0.5s}#content_area #top_area #top_nav_bar #top_search{transition:all 0.5s}#content{display:flex;flex-direction:column;align-items:center;justify-content:start;position:static;width:100%;transition:width 0.3s ease}.page_footer{box-sizing:border-box;min-height:30px;margin:5rem auto 2rem auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:center}.page_footer p{margin:0;padding:0;font-family:'Pacifico', cursive;font-weight:400;font-size:14px}#sidebar{display:flex;flex-direction:column;align-items:center;justify-content:start;position:fixed;top:0;bottom:0;left:0;width:270px;overflow-y:auto;margin:15px 0 15px 15px;border-radius:10px;background-color:#FBEAEB;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;transition:all 0.3s ease;z-index:300;scrollbar-width:none}#sidebar::-webkit-scrollbar{width:0}#sidebar .menu_close_btn{display:flex;flex-direction:row;justify-content:end;width:100%}#sidebar .menu_close_btn img{width:25px;height:25px;margin:15px 15px 0 0;cursor:pointer;transition:all 0.5s}#sidebar .menu_close_btn :hover{rotate:360deg}#sidebar .profile{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:15px 0}#sidebar .profile .profile_pic{width:130px;height:130px;border-radius:70%;overflow:hidden}#sidebar .profile .profile_pic img{width:100%;height:100%;object-fit:cover;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}#sidebar .profile .profile_pic :hover{-webkit-transform:rotate(-5deg) scale(1.2);transform:rotate(-5deg) scale(1.2)}#sidebar .profile p{font-family:'Poppins', sans-serif;font-weight:600;font-size:16px;margin:10px;color:#000}#sidebar .sidebar_box{display:flex;flex-direction:column;align-content:center;justify-content:center;padding:10px 10px;width:80%;border-top:1px solid;border-color:#a1a1a1;transition:all 0.2s}#sidebar .sidebar_box:hover{box-shadow:rgba(0,0,0,0.1) 0px 20px 25px -5px,rgba(0,0,0,0.04) 0px 10px 10px -5px;background-color:#f4ede6}#sidebar h1{font-family:'Poppins', sans-serif;font-weight:600;font-size:16px;margin:0;margin-bottom:10px;color:#000}#sidebar .contact_box{display:flex;flex-direction:row;align-items:center;align-content:center;margin-bottom:3px}#sidebar .contact_box img{width:24px;height:24px}#sidebar .contact_box a{text-decoration:none;padding:0;color:#000;margin:6px;font-family:'Poppins', sans-serif;font-weight:600;font-size:12px}#sidebar .contact_box:last-child{margin-bottom:0}#sidebar #category .count{margin-left:12px;font-family:'Poppins', sans-serif;font-weight:600;font-size:16px}#sidebar #category .count_m{margin-left:12px;font-family:'Poppins', sans-serif;font-weight:500;font-size:13px}#sidebar #category ul,#sidebar #category li{list-style:none;margin:0;padding:0;font-family:'Poppins', sans-serif;font-weight:600;font-size:15px}#sidebar #category .cat_box{margin-bottom:20px}#sidebar #category .cat_box .cat_title{display:flex;align-items:center;margin-bottom:10px;padding:0}#sidebar #category .cat_box .cat_title a{text-decoration:none;color:#000;margin-left:10px;font-family:'Poppins', sans-serif;font-weight:600;font-size:15px}#sidebar #category .cat_box .cat_title img{width:18px;height:18px}#sidebar #category .cat_box .cat_part{margin-left:14px;margin-bottom:10px;padding:0}#sidebar #category .cat_box .cat_part li{display:flex;align-items:center;margin-top:14px}#sidebar #category .cat_box .cat_part li a{margin-left:10px;text-decoration:none;color:#000;font-size:12px}#sidebar #category .cat_box .cat_part li img{width:18px;height:18px}#sidebar #category .cat_box .cat_part li .highlight{color:#2F3C7E}#sidebar #category .cat_box:last-child{margin-bottom:0}#sidebar #count .set_ele{display:flex;flex-direction:row;justify-content:space-evenly}#sidebar #user_panel .set_ele{display:flex;flex-direction:row;justify-content:space-evenly}#sidebar #user_panel .set_ele img{width:28px;height:auto}#sidebar #control_panel .set_ele{display:flex;flex-direction:row;justify-content:space-evenly}#sidebar #control_panel .set_ele img{width:28px;height:auto}#sidebar #sidebar_on_off_btn{position:fixed;background-color:transparent;border:transparent;left:0px;bottom:20px;transition:all 0.3s;z-index:500;margin-left:-140px;cursor:pointer}#sidebar #sidebar_on_off_btn img{width:50px;height:50px;transition:all 0.2s}#sidebar #sidebar_on_off_btn img:hover{width:52px;height:52px}#down_box{display:flex;justify-content:space-evenly;min-height:80px;margin-top:8vh;margin-bottom:20vh}#down_box img{align-self:center;padding:3px;margin-top:0;height:50px;width:50px;font-size:20px;color:#000;border-radius:50%;border-width:2px;transition:all 0.1s ease;cursor:default;animation:updown_motion 0.5s linear 0s infinite alternate}.main_box{width:100%;margin:0 0 25vh 0;padding:0 3%}.main_box .main_title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5vh}.main_box .main_title div{display:flex;flex-direction:column;justify-content:center;align-items:center}.main_box .main_title img{width:50px;height:auto;margin-bottom:10px}.main_box .main_title h1,.main_box .main_title h1 a{text-align:center;font-weight:500;font-family:'Pacifico', cursive;color:#003049;font-size:2.2rem;margin-bottom:10px;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;background:linear-gradient(140deg, #D2A8FF 12.09%, #F778BA 42.58%, #FF7B72 84.96%);-webkit-background-clip:text;background-clip:text}.main_box .main_title h2{text-align:center;font-weight:400;font-family:'Gugi', sans-serif;color:#003049;font-size:1rem;margin:0;padding:0 20px}.main_box .main_content{display:flex;flex-direction:column;justify-content:start;align-items:center;align-content:center}.main_box .main_content .detail_content{width:fit-content;padding:10px 20px;display:flex;flex-direction:column;justify-content:center;align-items:start;margin:10px;margin-bottom:50px;border-radius:20px;box-shadow:0px 4px 8px -2px rgba(9,30,66,0.25),0px 0px 0px 1px rgba(9,30,66,0.08)}.main_box .main_content h3{font-weight:500;font-family:'Gugi', sans-serif;color:#e76f51;font-size:1.3rem;margin:10px auto}.main_box .main_content p,.main_box .main_content a{text-decoration:none;margin:0;padding:0;font-weight:600;font-family:'Poppins', sans-serif;color:#1B263B;font-size:0.8rem;margin-bottom:15px;padding-left:0}.main_box .youtube{display:flex;align-content:center;justify-content:center;padding:0;margin-bottom:20px}.main_box .project_box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:center}.main_box .project_box iframe{margin:1rem;border-radius:20px;transition:all 0.2s}.main_box .project_box iframe:hover{box-shadow:rgba(0,0,0,0.1) 0px 20px 25px -5px,rgba(0,0,0,0.04) 0px 10px 10px -5px;background-color:#F9FAFB}.main_box .project_box .mini_box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:center;padding:20px 20px}.main_box .project_box .mini_box h4{margin:0;padding:0;font-weight:600;font-family:'Poppins', sans-serif;color:#1B263B;margin-right:10px;font-size:1rem}.main_box .project_box .mini_box img{margin-left:10px;padding:0;height:30px;width:auto}.main_box #project_box_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;align-content:center;width:100%}.main_box #project_box_wrapper #new_project_box{margin:0;padding:18px;margin-bottom:15px;border-radius:10px;width:25%;min-width:320px;max-width:350px;min-height:420px;transition:background-color, transform 0.2s ease-in-out}.main_box #project_box_wrapper #new_project_box:hover{background-color:#f0f2f7;transform:scale(1.01)}.main_box #project_box_wrapper #new_project_box #imgBox{margin-bottom:20px;display:flex;align-items:end;justify-content:center;border-radius:5px;background-color:transparent;width:100%;min-height:225px}.main_box #project_box_wrapper #new_project_box #imgBox img{padding:10px;width:100%;height:auto;max-width:100%;max-height:100%;border-radius:5px;display:block;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}.main_box #project_box_wrapper #new_project_box #box_category{width:fit-content;padding:4px 10px;margin:0px;margin-bottom:5px;font-weight:600;font-family:'Poppins', sans-serif;color:#1B263B;font-size:0.6rem;text-align:center;border-radius:15px}.main_box #project_box_wrapper #new_project_box #box_title{font-size:15px;padding:0;margin:0px;margin-bottom:0;font-weight:700;font-family:'Poppins', sans-serif;color:#1B263B;text-align:left;line-height:24px}.main_box #project_box_wrapper #new_project_box #tag_box{display:flex;flex-direction:row;align-items:start;justify-content:start;width:100%;margin-bottom:10px}.main_box #project_box_wrapper #new_project_box #tag_box img{height:24px;width:auto;margin-right:10px}.main_box #project_box_wrapper #new_project_box .description{font-size:12px;padding:0;margin:0px;margin-bottom:10px;font-weight:600;font-family:"Poppins", sans-serif;color:#66686b;text-align:left;line-height:22px}.main_box #project_box_wrapper #new_project_box #signature{padding:0;margin:0px;text-align:start;font-weight:bold;font-family:'Dancing Script', cursive;color:#1B263B;font-size:1rem}.main_box #project_box_wrapper #new_project_box a{text-decoration:none}.main_top{display:flex;flex-direction:row;justify-content:space-evenly;align-content:center;align-items:center;width:100%;min-height:70vh;padding:0;margin:30px 1erm;border-radius:30px}.main_top .cloud{position:relative;top:0px;width:280px;height:80px;border-radius:100px;background:rgba(220,227,232,0.8);z-index:20;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.main_top .cloud::before{content:'';position:absolute;top:-40px;left:30px;width:100px;height:100px;border-radius:50%;background-color:rgba(220,227,232,0.8);box-shadow:60px 0 0 20px rgba(220,227,232,0.8),120px 0 0 30px rgba(220,227,232,0.8)}.main_top .cloud .text{position:absolute;top:0;color:#5c6b73;animation-name:drop-spin;animation-timing-function:linear;animation-fill-mode:forwards;font-weight:bold;user-select:none;pointer-events:none}@keyframes drop-spin{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(250px) rotate(360deg);opacity:0}}.main_top .text{position:absolute;top:40px;height:20px;line-height:20px;text-transform:uppercase;color:#1B263B;transform-origin:bottom;animation:cloud_eff 2s linear forwards;z-index:19}.main_top .description{display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start}.main_top .description h1{font-weight:300;font-family:'Pacifico', cursive;color:#1B263B;font-size:3.8rem;margin:0;margin-bottom:50px;transition:font-size 1s}.main_top .description p{font-weight:600;font-family:'Gugi', sans-serif;color:#1B263B;font-size:1.4rem;margin:0;margin-bottom:10px}.main_top .description .emp_word{position:relative;font-size:1.8rem;letter-spacing:3px;font-family:'Gugi', sans-serif;font-weight:600}.main_top .description .emp_word::before{content:"";right:-8px;top:50%;position:absolute;height:30px;width:3px;background:#000;transform:translateY(-45%);animation:blink 0.7s infinite}#category_page{display:flex;flex-direction:column;align-items:center;align-content:start;width:100%}#category_page .backg{position:absolute;top:0;height:300px;max-height:340px;width:100%;z-index:10;border-radius:10px;background-color:#2F3C7E;box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-webkit-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-moz-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);transition:border-radius 0.3s ease}#category_page .backg .wave{position:absolute;bottom:0;width:100%;z-index:13;background:url("/assets/images/wave.png");background-size:1000px 100px;border-radius:10px;border:transparent;transition:border-radius 0.3s ease}#category_page .backg .wave_1{opacity:1;bottom:0;height:100px;z-index:13;animation:wave  4s linear infinite}#category_page .backg .wave_2{opacity:0.5;bottom:0;height:100px;z-index:12;animation:wave2 4s linear infinite}#category_page .backg .wave_3{opacity:0.2;bottom:0;height:100px;z-index:11;animation:wave2 4s linear infinite}#category_page .backg .wave_4{opacity:0.7;bottom:0;height:100px;z-index:10;animation:wave  4s linear infinite}#category_page .backg .island_box{width:100%;display:flex;justify-content:center}#category_page .backg .island_box .island{position:absolute;bottom:0;height:calc((20vh + 100px)*0.8);z-index:10}#category_page .category_body{width:auto;min-height:40vh;padding:0;margin:2rem 1rem;margin-top:250px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:start}#category_page #head{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-top:30px;margin-bottom:30px}#category_page #head h2{margin:0;padding:0;font-family:'Pacifico', cursive;font-weight:500;font-size:36px;color:#000000;margin:0 20px}#category_page #head img{width:40px;height:40px}#category_page #project_box_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;align-content:center;width:100%}#category_page #project_box_wrapper #new_project_box{margin:0;padding:18px;margin-bottom:15px;border-radius:10px;width:25%;min-width:320px;max-width:350px;min-height:420px;transition:background-color, transform 0.2s ease-in-out}#category_page #project_box_wrapper #new_project_box:hover{background-color:#f0f2f7;transform:scale(1.01)}#category_page #project_box_wrapper #new_project_box #imgBox{margin-bottom:20px;display:flex;align-items:end;justify-content:center;border-radius:5px;background-color:transparent;width:100%;min-height:225px}#category_page #project_box_wrapper #new_project_box #imgBox img{padding:10px;width:100%;height:auto;max-width:100%;max-height:100%;border-radius:5px;display:block;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}#category_page #project_box_wrapper #new_project_box #box_category{width:fit-content;padding:4px 10px;margin:0px;margin-bottom:5px;font-weight:600;font-family:'Poppins', sans-serif;color:#1B263B;font-size:0.6rem;text-align:center;border-radius:15px}#category_page #project_box_wrapper #new_project_box #box_title{font-size:15px;padding:0;margin:0px;margin-bottom:0;font-weight:700;font-family:'Poppins', sans-serif;color:#1B263B;text-align:left;line-height:24px}#category_page #project_box_wrapper #new_project_box #tag_box{display:flex;flex-direction:row;align-items:start;justify-content:start;width:100%;margin-bottom:10px}#category_page #project_box_wrapper #new_project_box #tag_box img{height:24px;width:auto;margin-right:10px}#category_page #project_box_wrapper #new_project_box .description{font-size:12px;padding:0;margin:0px;margin-bottom:10px;font-weight:600;font-family:"Poppins", sans-serif;color:#66686b;text-align:left;line-height:22px}#category_page #project_box_wrapper #new_project_box #signature{padding:0;margin:0px;text-align:start;font-weight:bold;font-family:'Dancing Script', cursive;color:#1B263B;font-size:1rem}#category_page #project_box_wrapper #new_project_box a{text-decoration:none}#post_page{display:flex;flex-direction:column;align-items:center;align-content:start;width:100%;box-sizing:border-box}#post_page .backg{position:absolute;top:0;height:calc(20vh + 100px);height:300px;width:100%;z-index:0;background-color:#003049;border-radius:10px;box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-webkit-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-moz-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);transition:border-radius 0.3s ease}#post_page .post_wapper{width:100%;max-width:750px;min-height:200px;margin-top:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:start;position:relative}#post_page .post_wapper #head{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%}#post_page .post_wapper #head .postpage_category_v{display:inline-block;margin:0;margin-bottom:10px;padding:4px 15px;border-radius:8px}#post_page .post_wapper #head .postpage_category_v p{padding:0;margin:0}#post_page .post_wapper #head .postpage_category_v p a{text-decoration:none;text-align:center;margin-bottom:20px;margin:0;color:#000000;font-size:1rem;font-weight:500;font-family:'Poppins', sans-serif}#post_page .post_wapper #head h1{padding:0;margin:0;text-align:center;margin-bottom:20px;color:#000000;font-size:1.5rem;font-weight:600;font-family:'Poppins', sans-serif}#post_page .post_wapper #head .mini_box_wAd{display:flex;flex-direction:column;align-items:center;justify-content:center}#post_page .post_wapper #head .mini_box_wAd .mini_box_writer{display:flex;flex-direction:column;align-items:center;justify-content:center}#post_page .post_wapper #head .mini_box_wAd .mini_box_writer img{width:40px;height:40px}#post_page .post_wapper #head .mini_box_wAd p{text-align:center;margin-bottom:20px;margin:0;color:#000000;font-size:1rem;font-weight:700;font-family:'Poppins', sans-serif;margin-left:5px}#post_page .post_wapper #head .mini_box_wAd .date{color:#929292;font-size:0.7rem;margin:0;margin-top:5px}#post_page .post_wapper #body{width:100%;margin:50px 0}#post_page .post_wapper #body .comment_box{margin-top:100px}#post_page #postModal{display:none;position:fixed;flex-direction:column;justify-content:space-between;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;overflow-x:hidden;background-color:rgba(0,0,0,0.8)}#post_page #postModal .menu_close_btn{display:flex;flex-direction:row;justify-content:end;width:100%}#post_page #postModal .menu_close_btn img{width:34px;height:34px;margin:15px 15px 0 0;cursor:pointer;transition:all 0.5s;border-radius:20px;background-color:#FBEAEB;margin:20px}#post_page #postModal .menu_close_btn :hover{rotate:360deg}#post_page #postModal .main_img{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 50px;height:50vh;min-height:50vh}#post_page #postModal .main_img .left,#post_page #postModal .main_img .right{width:40px;height:auto;cursor:pointer}#post_page #postModal .main_img div{display:flex;width:100%;height:100%}#post_page #postModal .main_img div img{display:block;margin:auto;padding:20px;max-width:100%;max-height:100%;object-fit:contain}#post_page #postModal .all_img{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;overflow-x:hidden;margin:50px 80px 50px 80px;border-radius:20px;background-color:#FBEAEB}#post_page #postModal .all_img img{height:100px;margin:20px;max-width:80%;max-height:150px;border-radius:20px;border:3px solid;border-color:#2F3C7E;cursor:pointer}.table_contents{position:fixed;top:calc(20vh + 100px + 30px);right:15px;width:190px;max-height:50vh;padding:10px;margin-right:0px;background-color:#f5ebe0;border-radius:10px;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;overflow-x:hidden;overflow-y:scroll;z-index:300;flex-direction:column;align-items:center;align-content:center;justify-content:top;transition:right 0.5s}.table_contents::-webkit-scrollbar{display:none}.table_contents .table_contents_btn{position:fixed;margin:6px;top:calc(20vh + 100px + 30px);right:185px;width:25px;height:25px;border-radius:50%;background-color:#ffd6a5;cursor:pointer;display:flex;align-items:center;align-content:center;justify-content:center;z-index:301;transition:all 0.5s}.table_contents .table_contents_btn p{padding:0;margin:0;color:#1B263B;font-size:0.8rem;font-weight:600;font-family:'Pretendard-Regular', sans-serif}.table_contents .table_title{margin:0;margin-bottom:10px;text-align:center;color:#000000;font-size:1rem;font-weight:600;font-family:'Pretendard-Regular', sans-serif}.table_contents .table_content_inner{display:flex;flex-direction:column;align-items:start;align-content:start;justify-content:top;width:100%}.table_contents .table_content_inner ul{list-style:none;padding:0;margin:0;width:100%}.table_contents .table_content_inner ul li{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table_contents .table_content_inner .toc-level-1{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:14px;color:#2F3C7E;margin-bottom:8px;padding-bottom:1px}.table_contents .table_content_inner .toc-level-2{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:500;font-size:12px;color:#000000;margin-bottom:8px;padding-bottom:1px;margin-left:10px}.article{width:100%;overflow:hidden}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6,.article p,.article a,.article blockquote,.article ul,.article ol,.article li,.article u{margin:0;padding:0;font-family:'omyu_pretty';font-weight:500;font-size:20px;color:#000;margin-top:10px;margin-bottom:30px;line-height:28px;text-align:justify}.article center{margin:0;padding:0;font-family:'omyu_pretty';font-weight:600;font-size:20px;margin-bottom:30px}.article h1{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:28px;color:#2F3C7E;max-width:max-content;margin-top:60px;margin-bottom:20px;padding-top:20px;padding-bottom:5px;border-bottom:3px solid}.article h1:first-of-type{margin-top:30px}.article h2{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:24px;color:#2F3C7E;margin-top:50px;margin-bottom:10px}.article h3{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:22px;color:#2F3C7E;margin-top:40px;margin-bottom:16px;font-size:20px}.article p{max-width:100%;width:100%}.article a{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:14px;background-color:#fed9b7;padding:3px 6px;border-radius:5px;transition:color 0.2s}.article a:hover{color:#2F3C7E}.article em{font-style:italic}.article code{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:15px;background-color:#fed9b7;padding:3px 6px;border-radius:5px}.article strong{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:16px}.article u{max-width:100%;width:100%;text-decoration:none;background:linear-gradient(to top, rgba(246,225,153,0.4) 50%, transparent 60%);border-radius:0px 0px 0px 10px}.article ul{list-style-type:disc;padding-left:1.5em}.article ol{list-style-type:decimal;padding-left:1.5em}.article li{display:list-item}.article p a{border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box;margin-top:20px;margin-bottom:40px;background-color:transparent;text-decoration:none;padding:6px 8px}.article p:has(a){text-align:center}.article hr{margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;background:#2F3C7E;height:5px;width:120px;border:0;opacity:0.5}.article blockquote{border-left:3px solid;border-color:#2F3C7E;padding-left:15px}.article blockquote p{padding:0;margin:0}.article blockquote blockquote{padding:0 0 0 20px;margin:0}.article .emoji{all:initial;width:26px}.article p img{margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:40px;border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box;max-width:100%;margin-top:10px;margin-bottom:30px;display:block;cursor:pointer}.article .highlighter-rouge{margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:40px;width:90%}.article .highlighter-rouge .language_label{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:16px;color:#2F3C7E;width:min-content;background-color:transparent;border-radius:12px 12px 0 0;border:2px solid #2F3C7E;border-bottom:none;margin-left:15px;padding:3px 16px}.article .highlighter-rouge pre{overflow:scroll}.article .highlighter-rouge code{background-color:transparent;padding:0;line-height:20px}.article .highlighter-rouge div.highlight{border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box}.article table{margin-left:auto;margin-right:auto;border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box;margin-top:20px;margin-bottom:40px;width:90%;border-collapse:collapse;border-radius:5px;overflow:hidden}.article table td,.article table th{padding:1em .5em;vertical-align:middle}.article table td{border-bottom:1px solid rgba(0,0,0,0.1);background:#fff}.article table th{text-align:left}.article table thead{font-weight:bold;background:#fed9b7}.article embed{margin-left:auto;margin-right:auto;border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box;margin-top:20px;margin-bottom:40px;width:90%;min-height:280px;display:block}.article p:has(embed){text-align:center}.related-posts{margin-left:auto;margin-right:auto;border-radius:12px;border:2px solid #2F3C7E;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;padding:10px;box-sizing:border-box;margin-top:40px;margin-bottom:40px;width:90%;background-color:#f3efef}.related-posts h2{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:24px;color:#0a75ad;margin-top:0;margin-bottom:20px}.related-posts ul{list-style-type:none;padding-left:0;margin-top:0;margin-bottom:20px}.related-posts ul li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.related-posts ul li:last-child{border-bottom:none}.related-posts ul li:hover{color:#c0d6e4}.related-posts a{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:14px;transition:color 0.2s}.related-posts a:hover{color:#fff}.related-posts .toggle_arrow{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:600;font-size:14px;color:#0a75ad;margin-left:380px;transition:transform 0.2s}.related-posts .toggle_arrow.active{transform:rotate(90deg)}.catShelter{height:350px;width:240px;position:relative}.catShelter .window{height:70%;width:70%;position:absolute;background-color:#29467a;outline:10px solid #1B263B;border-left:4px solid #439abf;border-right:4px solid #439abf;position:relative;left:calc(30%/2);top:10%}.catShelter .window::before,.catShelter .window::after{content:"";position:absolute;background:linear-gradient(#439abf 50%, #2d2623 50%)}.catShelter .window::before{height:10px;width:130%;left:calc(-30%/2);bottom:-10px}.catShelter .window::after{height:10px;width:105%;left:calc(-5%/2);top:50%}.catShelter .window .castle{position:absolute;height:40%;z-index:20;bottom:0;left:-18%}.catShelter .window .kitty{position:absolute;background-color:#2d2623;height:40%;width:40px;bottom:-3%;right:25%;border-radius:40px 40px 0 0}.catShelter .window .kitty::before{content:"";position:absolute;background-color:#2d2623;height:60%;width:50px;border-radius:0 80px 80px 0;bottom:0;right:-70%}.catShelter .window .kitty::after{content:"";position:absolute;background-color:#2d2623;height:50%;width:8px;border-radius:5px;bottom:-50%;right:-15%;transform:rotate(-15deg);transform-origin:top;animation:tail 4s infinite}.catShelter .window .kitty .ear{height:0;width:0;border-bottom:26px solid #2d2623;border-right:18px solid transparent;position:relative;bottom:8%}.catShelter .window .kitty .ear::before{content:"";position:absolute;height:0;width:0;border-bottom:26px solid #2d2623;border-left:18px solid transparent;bottom:-25px;left:22px}.catShelter .window .moon{height:60px;width:60px;position:absolute;border-radius:50%;background-color:transparent;box-shadow:-15px 8px 0 1px #F0C419;left:30px;top:10px}.catShelter .window .star{height:4px;width:4px;position:absolute;border-radius:50%;background-color:#F0C419;left:90px;top:20px;box-shadow:50px 40px #F0C419, 25px 80px #F0C419, 50px 150px #F0C419, -70px 80px #F0C419, -50px 130px #F0C419;animation:twinkle 2s infinite}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cm,.highlight .cpf,.highlight .c1{color:#888888}.highlight .cp{color:#cc0000;font-weight:bold}.highlight .cs{color:#cc0000;background-color:#fff0f0;font-weight:bold}.highlight .err{color:#a61717}.highlight .gr{color:#aa0000}.highlight .gh{color:#333333}.highlight .gu{color:#666666}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gl{color:#888888}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gt{color:#aa0000}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kr,.highlight .kv{color:#008800;font-weight:bold}.highlight .kp{color:#008800}.highlight .kt{color:#888888;font-weight:bold}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mx{color:#0000dd;font-weight:bold}.highlight .s,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .s1{color:#dd2200;background-color:#fff0f0}.highlight .sa{color:#008800;font-weight:bold}.highlight .se{color:#0044dd;background-color:#fff0f0}.highlight .si{color:#3333bb;background-color:#fff0f0}.highlight .sx{color:#22bb22;background-color:#f0fff0}.highlight .sr{color:#008800}.highlight .ss{color:#aa6600;background-color:#fff0f0}.highlight .na{color:#336699}.highlight .nb,.highlight .bp{color:#003388}.highlight .nc{color:#bb0066;font-weight:bold}.highlight .no{color:#003366;font-weight:bold}.highlight .nd{color:#555555}.highlight .ne{color:#bb0066;font-weight:bold}.highlight .nf,.highlight .fm{color:#0066bb;font-weight:bold}.highlight .nl{color:#336699}.highlight .nn{color:#bb0066;font-weight:bold}.highlight .py{color:#336699;font-weight:bold}.highlight .nt{color:#bb0066;font-weight:bold}.highlight .nv,.highlight .vc,.highlight .vm{color:#336699}.highlight .vg{color:#dd7700}.highlight .vi{color:#3333bb}.highlight .ow{color:#008800}.highlight .w{color:#bbbbbb}#visiting_page{display:flex;flex-direction:column;align-items:center;align-content:start;width:100%;box-sizing:border-box}#visiting_page .dragon{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;align-content:center;margin-top:80px;width:80%;max-width:820px;z-index:100}#visiting_page .dragon section{margin-top:20px}#visiting_page .dragon section span{color:#e76f51;font-size:3rem;font-weight:700;font-family:'Poppins', sans-serif}#visiting_page .dragon section h1{margin-top:10px;color:#000;font-size:1.5rem;font-weight:700;font-family:'Poppins', sans-serif}#visiting_page .dragon section h2{color:#000;font-size:1.2rem;font-weight:700;font-family:'Poppins', sans-serif}#visiting_page .dragon section img{width:40px;height:auto}#visiting_page #body{width:100%;margin-top:50px;padding:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}#visiting_page #body .comment_box{width:100%}#search_page{display:flex;flex-direction:column;align-items:center;align-content:start;width:100%}#search_page .backg{position:absolute;top:0;height:calc(20vh + 100px);height:300px;width:100%;z-index:5;border-radius:10px;background-color:#2F3C7E;box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-webkit-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);-moz-box-shadow:0px 17px 9px -15px rgba(0,0,0,0.19);transition:border-radius 0.3s ease}#search_page .moonShelter{margin:0 auto;height:350px;width:280px;position:absolute}#search_page .moonShelter .moon{height:200px;width:200px;position:absolute;left:calc((100% - 200px)/2);top:calc((100% - 200px)/2 + 10px);border-radius:50%;background-color:#E7BD25;z-index:10}#search_page .moonShelter::before{content:"";position:absolute;height:20px;width:20px;left:60px;top:160px;z-index:12;border-radius:50%;background-color:#d69d00;box-shadow:30px -30px 0 15px #d69d00, 20px 60px 0 5px #d69d00}#search_page .moonShelter .satellite{height:30px;width:30px;position:relative;left:20px;bottom:-270px;border-radius:50%;background-color:#9e2a2b;z-index:13;animation:spin 5s infinite}#search_page .moonShelter img{height:80px;width:80px;position:absolute;left:90px;top:12px;z-index:13}#search_page .search_body{width:auto;min-height:40vh;padding:0;margin:2rem 1rem;margin-top:250px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:start}#search_page #head{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;margin-top:30px;margin-bottom:30px}#search_page #head h2{margin:0;padding:0;font-family:'Pacifico', cursive;font-weight:500;font-size:36px;color:#000000;margin:0 20px}#search_page #head img{width:40px;height:40px}#search_page #head #search-input{margin:0;padding:0;font-family:'Pretendard-Regular';font-weight:500;font-size:16px;margin-top:10px;padding:5px;border:3px solid #000000;border-radius:5px}#search_page #project_box_wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;align-content:center;width:100%}#search_page #project_box_wrapper #new_project_box{margin:0;padding:18px;margin-bottom:15px;border-radius:10px;width:25%;min-width:320px;max-width:350px;min-height:420px;transition:background-color, transform 0.2s ease-in-out}#search_page #project_box_wrapper #new_project_box:hover{background-color:#f0f2f7;transform:scale(1.01)}#search_page #project_box_wrapper #new_project_box #imgBox{margin-bottom:20px;display:flex;align-items:end;justify-content:center;border-radius:5px;background-color:transparent;width:100%;min-height:225px}#search_page #project_box_wrapper #new_project_box #imgBox img{padding:10px;width:100%;height:auto;max-width:100%;max-height:100%;border-radius:5px;display:block;box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}#search_page #project_box_wrapper #new_project_box #box_category{width:fit-content;padding:4px 10px;margin:0px;margin-bottom:5px;font-weight:600;font-family:'Poppins', sans-serif;color:#1B263B;font-size:0.6rem;text-align:center;border-radius:15px}#search_page #project_box_wrapper #new_project_box #box_title{font-size:15px;padding:0;margin:0px;margin-bottom:0;font-weight:700;font-family:'Poppins', sans-serif;color:#1B263B;text-align:left;line-height:24px}#search_page #project_box_wrapper #new_project_box #tag_box{display:flex;flex-direction:row;align-items:start;justify-content:start;width:100%;margin-bottom:10px}#search_page #project_box_wrapper #new_project_box #tag_box img{height:24px;width:auto;margin-right:10px}#search_page #project_box_wrapper #new_project_box .description{font-size:12px;padding:0;margin:0px;margin-bottom:10px;font-weight:600;font-family:"Poppins", sans-serif;color:#66686b;text-align:left;line-height:22px}#search_page #project_box_wrapper #new_project_box #signature{padding:0;margin:0px;text-align:start;font-weight:bold;font-family:'Dancing Script', cursive;color:#1B263B;font-size:1rem}#search_page #project_box_wrapper #new_project_box a{text-decoration:none}@media all and (max-width: 767px){#new_project_box{margin:0;padding:0;margin-bottom:40px;width:80%;background-color:#F8F9FB}#content_area #content_area_wrapper{overflow-x:clip}#category_page .island{height:calc((20vh + 100px) * 0.7)}#category_page #head{margin-top:0}#category_page #head h2{font-size:28px}.main_top{flex-direction:column;justify-content:space-evenly;align-content:center;align-items:center;min-height:70vh;padding:0 3%}.main_top .description{align-items:center}.main_top .description h1{font-size:2rem}.main_box .project_box iframe{display:none}.main_box .project_box .mini_box img{height:25px}.main_box .project_box .mini_box h4{margin-bottom:15px}#content_area #top_area #top_nav_bar{padding:15px 15px 0px !important}#content_area #top_area #top_nav_bar img{height:45px}.table_contents{display:none !important}#post_page .post_wapper{padding:0 5%}#visiting_page .dragon{flex-direction:column}#post_page #postModal .main_img{margin:0 15px;min-height:300px}#post_page #postModal .all_img{margin:30px}#post_page #postModal .all_img img{height:70px}}@media all and (min-width: 768px) and (max-width: 1023px){.main_top .description h1{font-size:2rem}.main_top .description p{font-size:1.2rem}.main_box{padding:0 15px}#post_page .post_wapper{padding:0 5%}}@media (max-width: 1300px){#sidebar{margin-left:-280px}#sidebar #sidebar_on_off_btn{position:fixed;background-color:transparent;border:transparent;left:0px;bottom:20px;transition:all 0.3s;z-index:500;margin-left:20px}#sidebar #sidebar_on_off_btn #sidebar_on_off_btn img{width:40px;height:40px}#sidebar #sidebar_on_off_btn #sidebar_on_off_btn img:hover{width:45px;height:45px}}