@media (orientation : landscape){/*가로*/
	.bup_content_col .version{float:left;width:50%}
	/*.bup_ver2{border-left:3px solid #efefef}*/
	.dark .bup_ver2{border-color:#000 !important} 
}  
.max-width{max-width:1200px;margin:0 auto;height:1px;position:relative}
.bup_wrap{height:calc(100% - 1px);overflow:auto} 
.header{position:fixed;height:60px;line-height:60px;background-color:#525176/*;background:url('../img/top_bg.jpg')*/;left:0;right:0;z-index:12;top:0}
.main{position:absolute;top:102px;left:300px;right:0;bottom:30px;} 
.order_box{transform:translate(0px, 0px);position:fixed;top:60px;bottom:0;z-index:11;background:#fff;width:300px;background-color:#f1f3f2;transition:all ease 1s;box-shadow:1px 0px 2px rgb(0 0 0 / 15%);border-right:1px solid #dfdfdf;}
.order_list{width:299px;overflow:auto;background-color:#eee;position:absolute;top:43px;bottom:30px;left:0;right:0;overflow:auto}
.top_btn{position:absolute;right:15px;top:0}
.logo{display:inline-block;margin-left:10px}
.top_btn a.text_btn{font-size:13px;color:#fff;text-decoration:none}
.top_btn a.text_btn:focus-visible{text-decoration:underline}
.top_btn a.text_btn:after{content:"|";display:inline-block;color:#333;margin:0 0 0 3px}
.top_btn a.won2021:after{display:none}
.top_btn a.login{color:#f9e6ad;font-weight:700;}
.admin{color:#aeffb4} 
.bg_reverse{width:29px;height:21px;background-position:-9px -34px;background-color:#eee;border-radius:50px;border:1px solid #525176;box-sizing:border-box} 
.bg_reverse:focus-visible{border-color: #f9e6ad} 
.bg_reverse.active{background-position:-9px -10px;background-color:#2622a5;border-color: #f9e6ad}  
#order_tab{background-color:#f4f4f4;border-bottom:3px solid #d4d4d4}
#order_tab li{float:left;width:20%;text-align:center;height:40px;line-height:40px;position: relative;} 
#order_tab li:nth-last-child(4),#order_tab li:nth-last-child(4)~li{width:25%}
#order_tab li:nth-last-child(5),#order_tab li:nth-last-child(5)~li{width:20%}
#order_tab li a{display:block;cursor:pointer;color:#333;}
#order_tab li a.active{border-bottom:3px solid #6563b1;height:38px;font-weight:bold;background-color:#fff}
.info_view{position:absolute;width:20px;aspect-ratio: 1;top:0px;overflow:hidden;display: flex;justify-content: center;align-items: center;right:0;z-index: 2}
.info_view:after{content:"!";background-color:#666;border-radius: 50%;font-weight: 700;font-size: 10px;flex:0 0 12px;filter:invert(1)}
#order_tab li:has(.info_text) .info_view:after{background-color: #eee;}
.info_text{position:absolute;background-color:#fff;box-shadow: 2px 2px 3px rgba(0,0,0,.2);border-radius: 10px;z-index:8;font-size:14px;color:#666;padding:10px;line-height:1.2;width:170px;right:4px;top:20px;text-align: left;border:1px solid #aaa}
.menu{background-color:#fff;border-radius:5px;margin:6px;padding:5px;box-shadow:0 0 2px rgba(0,0,0,.25)} 
.menu .icon_btn{margin-right:3px}
#bookmark_list>li>a{font-weight: 600;padding-left:4px;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.05)}
#bookmark_list>li>a small{font-size:0.9em;color:#389372;font-weight: 400;margin-left:2px}
.order_tit{color:#6563b1;position:relative;height:45px;line-height:45px;font-size:1.071428571428571em;border-bottom:2px solid #dfdfdf;box-shadow:0 2px 2px rgba(0,0,0,.05);display:block;font-weight:bold;letter-spacing:-1px;margin-bottom:5px} 
.tooltip{margin-top:-30px;position:absolute;right:4px;font-size:14px;background:#f4f4f4;width:15px;height:15px;line-height:15px;text-align:center;border-radius:20px;border:none}
.pop_top .tooltip{position:static;margin-left:3px;display:inline-block}
.tooltip_con{box-shadow:2px 2px 5px rgba(0,0,0,.3);border-radius:5px;font-weight:normal;visibility: hidden;width:220px;background-color:#666;padding:5px;color: #fff;text-align: left;position: absolute;z-index:2;margin-top:10px;right:0;line-height:1.6}
.tooltip .tooltip_con::after {
			content: " ";
			position: absolute;
			top: -16px;
			right: 0; 
			border-width: 10px;
			border-style: solid;
			border-color: transparent transparent #666 transparent;
		}
.pop_top .tooltip_con{left:0;right:auto}
.pop_top .tooltip .tooltip_con::after {
			right: inherit;
			left:0;
			border-color: transparent transparent #666 transparent;
		}		
.tooltip:hover .tooltip_con { visibility: visible; }
.popup .abbr_dic{position:static;margin-left:3px}
#menu1 .order_tit,#search2 .order_tit,#tag2 .order_tit{color:#4593d6}
.footer{position:fixed;bottom:0;left:0;right:0;z-index:13;background-color:#f8f8f8;border-top:1px solid #dfdfdf;height:30px;line-height:30px;font-size:12px}
.copyright{color:#666;padding:0 5px;float:left}
.copyright a{color:#444;text-decoration:none}
.copyright span{font-weight:normal}
.color1{color:#d86100}
.family{float:right;margin-right:5px}
.family a{text-decoration:none;display:inline-block;padding:3px 5px;border:1px solid #ccc;line-height:1em
;border-radius:5px;color:#333}
.family a:focus-visible,.family a:active{font-weight:bold} 
.menu a{cursor:pointer;display:block;line-height:1.4;padding:8px 0;color:#444;letter-spacing:-1px;font-size:1em;text-decoration:none;position:relative;border-bottom:1px dotted #ccc}
.menu a:focus-visible{background-color:#f8f8f8;font-weight:bold}
.menu .active{color:#6563b1;font-weight:700}  
#menu1 .active,#search2 .active,#tag2 .active{color:#4593d6}
.depth01>li>a{padding-left:10px} 
.depth01>li:last-child a{border-bottom:none}
.depth02>li>a{padding-left:20px}
.depth03>li>a{padding-left:30px} 
.item span.icon_btn{width:12px;height:12px}
.depth01 a.mlast_link{padding-left:24px} 
.depth02 a.mlast_link{padding-left:34px} 
.depth03 a.mlast_link{padding-left:45px} 
.item a.mlast_link:before, .bookmark_list a.mlast_link:before{content:"";position:absolute;top:16px;width:3px;height:3px;background-color:#999;border-radius:10px;margin-left:-10px}
.item a.mlast_link.on,.on_sel{font-weight:700;color:#fff;background-color:#6563b1}
#menu1 .item a.mlast_link.on,#search2 .item a.mlast_link.on{background:#4593d6;color:#fff !important} 
.item a.mlast_link.on:before{background-color:#fff} 
.f_plus{background-position:-63px -40px}
.f_minus{background-position:-81px -40px}
.f_plus:after,.f_minus:after{clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;}
.f_plus:after{content:"목록열기";} 
.f_minus:after{content:"목록닫기";} 
/*검색, 색인*/
.search{height:50px;padding:10px;background-color:#eee;box-shadow:0px 0px 10px rgba(0,0,0,.2);border-bottom:1px solid #8886ce;position:fixed;z-index:4;width:299px}
.input_string{width:calc(100% - 44px);border:1px solid #aaa;padding:2px 8px;line-height:2;height:100%;float:left;font-weight:700;font-size:0.9375rem} 
.btn_search2{height:100%;background-color:#525176;width:40px;border-radius:0 3px 3px 0;float:left;background-position:-297px -5px}   
.btn_search2:focus-visible{background-position-y:-4px}
.search_top_info{padding:14px 10px 3px 10px;position:relative} 
.search_list_wrap{/* padding-top:48px; */position: absolute;top: 48px;bottom: 0;overflow: auto;left: 0;right: 0;}
#search_top{display:inline-block;width:calc(100% - 45px)}
.search_word{color:#08a06c}  
.cnt_num:before{content:"▶ 검색결과 :";font-size:12px;color:#999;margin-right:3px}
.search_word{font-weight:700} 
.nolist_text{padding:10px}   
.cnt_num{font-size:12px;color:#ed43df;display:block;font-weight:700}
.num_list{vertical-align:4px;font-size:11px;color:#7d7d7d;background-color:#efefef;border-radius:3px;margin-right:3px;padding:2px 5px}
#left-menu1 li a,#left-menu2 li a,#left-menu3 li a{}
.no_search:before{content:"";display:block;background:url('../img/search_bg.png?1') no-repeat 50%;height:70px;margin-bottom:10px}
.bookmark_list .no_search:before{background-image:url('../img/bookmark_bg.png')}
.no_search{color:#666;text-align:center;line-height:1.4;margin:30px 0;border-bottom:none !important} 
.no_search strong{color:#868686}
#tag_list span:not(.num_list){font-size:12px;margin-left:3px}
#tag_list li{position:relative}
.tag_prev{font-size:12px;position:absolute;right:5px;text-decoration:none;border:1px solid #ccc;background-color:#f4f4f4;border-radius:2px;color:#333;padding:2px !important;top:10px} 
.tag_prev:focus-visible,.tag_prev.active{background-color:#666;color:#fff}
#tag_filter{position:fixed;left:250px;width:32px;z-index:5;margin-top:10px;transition:all ease 1.5s;}
#tag_filter a{display:block;height:22px;line-height:22px;text-decoration:none;color:#333;padding:0;border:1px solid #525176;font-size:12px;text-align:center;margin:3px;background-color:#fff;letter-spacing:-1px;border-radius:3px}  
#tag_filter a:focus-visible,#tag_filter a.active{background-color:#b4edd2;border-color:#525176;font-weight:700}
/*법문*/
.bup_content_col .version{float:left;width:50%}
.version{padding:30px 50px 50px 50px;min-height:100%;max-width:1200px}
.book_title{font-size:1em;letter-spacing:-1px;line-height:1.8;border-bottom:1px solid #efefef;color:#444}     
.book_title:before{content:"";display:inline-block;width:22px;height:25px;background:url('../img/sum_png.png?1') no-repeat;background-position:-426px -32px;margin-right:5px;vertical-align:-5px}
.book_new{font-size:0.8em;padding:3px;border-radius:5px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);border:1px solid #ccc;font-weight:normal;margin-right:3px;vertical-align:2px;font-weight:700;color:#fff;display:none} 
.bup_wrap:has(>.middle-form-con .bookmark.active) .book_title:before{background-position-y:-56px;}
.bup_content_col .book_new{display:inline}
#book_title .book_new{background:linear-gradient(#d27515,#d05e1a)}
#old_book_title .book_new{background:linear-gradient(#666,#444)}
.p-form{text-align:center;padding:26px 0 20px 0;border-bottom:2px solid #ccc;line-height:1.2}
.p-form span:not(.big_bup_tit){font-size:1.3em}
.big_bup_tit{font-size:1.8em;color:#222;letter-spacing:-2px;display:block;line-height:1.6}
.middle-form-con{border-bottom:1px solid #999;padding:8px 0;box-shadow:0 2px 3px rgba(0,0,0,.1);position:fixed;width:calc(100% - 300px);background-color:#fff;z-index:2;height:42px;top:60px}
.bup_setting{position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.bup_setting>li{float:left}
.bup_setting>li:after{content:"|";display:inline-block;font-size:10px;color:#ccc;float:left;margin-top:7px}
.setting_list{display:none}
.bup_setting button:hover,.bup_setting button:focus{cursor:pointer}
.bup_setting button.icon_btn{min-width:24px;height:24px;margin:0 5px}
.bup_setting>li>button:before{min-width:19px;height:24px;content:"";display:inline-block;background:url('../img/sum_png.png?1') no-repeat;vertical-align:-6px;margin:0 2px}
.bup_setting>li>button{color:#555;vertical-align:-5px}
.bup_setting>li>button:focus-visible{outline:2px solid #444}
.bup_setting .btn_f_family_setting:before{background-position:-532px -8px}
.bup_setting .btn_font_setting:before{background-position:-143px -8px}
.bup_setting .btn_line_setting:before{background-position:-211px -7px}
.bup_setting .bup_copy:before{background-position:-241px -8px}
.bup_setting .btn_share_group:before{background-position:-274px -8px}
.bup_setting .btn_print:before{background-position:-341px -8px} 
.bup_setting .btn_comparison:before,.bup_setting .btn_tag_view:before{width:19px;height:19px}
.bup_setting .btn_tag_view:before{background-position: -507px -11px}
.bup_setting .bookmark:before{background-position: -394px -34px;height:20px;min-width: 16px;}
.bup_setting .bookmark.active:before{background-position-y:-58px}
.bup_setting .btn_comparison:before{background-position: -367px -11px}
.bup_content_col .btn_comparison,.btn_sync.active{font-weight:bold;color:#525176 !important}
.btn_tag_view.active{font-weight:bold;color:#5b9308}
.btn_tag_view.active:before{background-position:-508px -34px}
.bup_content_col .btn_comparison:before{background-position:-367px -34px}
.bup_page{position:absolute;bottom:8px;right:50px;z-index:5;border:1px solid #666;display:flex;background-color: #fff;box-shadow:  1px 2px 0 rgba(0,0,0,.2);border-radius: 8px;overflow: hidden;}
.bup_page button{border-left:1px solid #666;width:40px;height:40px} 
.bup_page button:nth-child(1){border-left:none}  
.bup_page button:focus-visible{background-position-y:-50px;outline:2px solid #333}

.p_prev{background-position:-168px -50px} 
.p_next{background-position:-217px -50px}
.bup_text{padding:30px 0;line-height:2;text-align:justify;white-space:pre-wrap;font-size:1.125em} 
.bup_text img[src*="1515"]{float:left;width:8%;margin:10px 1% 0 4%}   
.bup_text img[src*="1515_1"]{width:14%;margin:15px 2% 0 1%}  
.bup_text:not([class*="font_change"]) img[src*="1515"],.bup_text:not([style]) img[src*="1515"],.bup_text[style*="180%"] img[src*="1515"],.bup_text[style*="1em"] img[src*="1515"],.bup_text[style*="160%"] img[src*="1515"],.bup_text[style*="0.875em"] img[src*="1515"]{width:50px;height:50px;margin-left:1.5%;margin-top:0}
.bup_text:not([class*="font_change"]) img[src*="1515_1"],.bup_text:not([style]) img[src*="1515_1"],.bup_text[style*="180%"] img[src*="1515_1"],.bup_text[style*="1em"] img[src*="1515_1"],.bup_text[style*="160%"] img[src*="1515_1"],.bup_text[style*="0.875em"] img[src*="1515_1"]{width:75px;height:75px;margin-left:0;margin-top:0} 
.bup_text br {   
  content: '';
  display: block;  
  margin-bottom: 0px; 
}
.bup_text img[src*="1515"]~br{margin-bottom: 0}
.bup_text img{margin:20px 0;max-width:100%}
.btn_box{border-radius:3px;color:#666;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#f8f8f8;border:1px solid #ccc;} 
.btn_box:focus-visible{outline:1px solid #aaa}
.tag_top{border-top:1px solid #efefef;padding-top:30px}
.tag_top h4:before{content:"";display:inline-block;width:20px;height:16px;background:url('../img/sum_png.png?2') no-repeat -392px -12px} 
.tag_top h4{display:inline-block;font-weight:700;color:#555;font-size:1.25em}
.tag_top{margin-bottom:15px}
#tagList{margin:0 10px}
#tagList p{word-break: keep-all;display:inline-block;margin:0 5px;margin-bottom:10px;background-color:#f4f4f4;font-size:1em;cursor:pointer}
#tagList p:focus-visible{text-decoration:underline}
#tagList p:before{content:"#";display:inline-block}
.btn_tag{vertical-align:2px;margin-left:5px}
.bup_ver2{display:block;position: relative}
.bup_his{text-align:right;color:#666;font-size:12px;margin:10px}
.footnote_link_new,.footnote_link{cursor:pointer;color:#5b9308;border-bottom:1px dotted #666;text-decoration:none}
.footnote_link:focus-visible{border-width:2px}
.setting_list{min-width:100px;border:1px solid #6f6f6f;position:absolute;margin-top:6px;background-color:#fff}
.setting_list:before{content:"";position:absolute;border-top:1px solid #6f6f6f;border-right:1px solid #6f6f6f;background-color:#fff;width:10px;height:10px;transform: rotate(0.87turn);margin-top:-5px;margin-left:15px}
.setting_list li{border-top:1px solid #ccc}
.setting_list li:first-child{border-top:none}
.setting_list button{width:100%;text-align:center;text-decoration:none;display:block;padding:10px 5px;background-color:#fff;color:#444}
.setting_list button:focus-visible,.setting_list button.active{font-weight:700;background-color:#d8f7d5}
.font16{font-size:1em}
.font18{font-size:1.125em}
.font20{font-size:1.25em}
.font24{font-size:1.5em}
.font28{font-size:1.75em}
.font32{font-size:2em}
.font36{font-size:2.25em}
.heig160{line-height:160%}
.heig180{line-height:180%}
.heig200{line-height:200%}
.heig220{line-height:220%}  
.heig240{line-height:240%}
.heig260{line-height:260%} 
#share_set button{text-align:left}
#share_set button:before{vertical-align:middle;margin-right:5px;content:"";display:inline-block;width:26px;height:25px;background:url('../img/sum_png.png?1') no-repeat}
#share_set .facebook:before{background-position: -7px -58px}
#share_set .twitter:before{background-position: -36px -58px}
#share_set .band:before{background-position: -65px -58px}   
#share_set .kakao2:before{background-position: -94px -58px}     
#share_set .copy_url:before{background-position: -123px -58px}
#footnote,.tag_add_box{width:500px}
#addTagVal,#addTagBtn{height:40px;line-height:40px}
#addTagVal{width:calc(100% - 75px);font-size:1.25em;font-weight:bold}
#addTagBtn{width:70px;background-color:#666;color:#fff}
.removeTag{width:12px;height:12px;background-position:-45px -40px;cursor:pointer;margin-left:3px}
.no_list{color:#888}
/*메인*/
.won2021{font-size:1rem !important;background:#fff url('../img/ban_bg.gif?1') no-repeat;display:inline-block;height:30px;line-height:30px;padding:0 8px;border-radius:5px;text-decoration:none;letter-spacing:-1px;margin-right:10px;vertical-align:middle} 
.won2021 .junsu{color:#666;vertical-align:middle}
.won2021 em{font-weight:bold;color:#07a968;margin-left:3px;vertical-align:middle;font-size:0.815em;}
.main_index{z-index:10;position:fixed;top:40px;left:300px;right:0;bottom:30px;background:url('../img/main_bg.jpg?1') no-repeat 100% 100%;background-size:cover;overflow:auto}
.main_index_footer{padding-bottom:30px}  
.main_dic:before{margin:-106px 20px 0 40px;content:"";background:url('../img/main_bg_img.png?1') no-repeat;background-size:100%;width:393px;height:472px;float:left}
.main_dic{border:10px solid #e7ecf3;max-width:1000px;margin:0 auto;margin-top:285px;position:relative;}
.main_dic dt:after{content:"";width:60px;height:7px;background-color:#6563b1;right:8px;top:26px;position:absolute}
.main_dic dt{display:block;position:relative;font-size:3.4em;color:#222;letter-spacing:-5px;margin:35px 30px 20px 0;padding-top:42px;word-break:keep-all;line-height:1.2}
.main_dic dt strong{font-size:1.304em;color:#6563b1;margin-left:5px}
.main_dic dd{margin:0 30px 10px 0;line-height:1.4}
.main_in_copy{display:block;margin-top:10px;font-size:0.8rem} 
.color2{color:#dc6538} 
.mview{display:none} 
.mobile_top{height:50px;line-height:50px;background-color:#525176}  
.mobile_top_tit{background:url('../img/logo.png?1') no-repeat 10px 10px;height:50px;}
.mobile_top_tit:before{content:"원불교 경전법문";position:absolute;width:1px;height:1px;overflow:hidden;clip: rect(1px, 1px, 1px, 1px);}
.btn_note_close:before, .btn_note_close:after{background-color:#656565}
.bup_con_wrap{height:100%;max-width:1200px;margin:0 auto;overflow:visible} 
/*.bup_con_wrap{min-height:100%;position:absolute;left:25%;width:80%}*/
.bup_content_col .bup_con_wrap{left:300px;width:100%;max-width:100%}
.mobile_top .btn_note_close:before,.mobile_top .btn_note_close:after{background-color:#f4f4f4}
.mview_btn_wrap{display:inline-block}
/*인쇄*/ 
.print{background-color:#efefef}
.print .middle-form-con{width:100%;background-color:#444545;top:0}
.print .bup_con_wrap{position:static;width:98%;max-width:1000px;margin:20px auto;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,.3);height:auto;min-height:calc(100% - 62px)} 
.print .btn_tag{display:none}
.print .bup_setting{transform:none;position:static;float:right}
.print .bup_setting>li>button{color:#ccc} 
.print.bup_content_col .bup_con_wrap{max-width:98%}
.print .bup_setting>li:before{color:#828282}
.print .main{/*left:0;top:42px;right:0;bottom:0;overflow:auto*/position:static;margin-top:28px}
body.print{overflow:auto} 
.print .bup_setting>li>button:focus-visible{outline:2px solid #ccc}
.print .bup_setting>li:first-child{display:inline-block}

 
/*다크모드*/
.dark #err_memo{background-color:#0b0e0e} 
.dark .won2021 .junsu{color:#fff}
.dark .pop_top{background-color:#272929;border:none}
.dark .won2021{background:#000 none}
.dark .btn_box{background-color:#303030;color:#efefef}
.dark  .main_index{color:#f4f4f4;background:linear-gradient(rgba(50,50,50,1), rgba(10,10,10,1));}
.dark #tag_filter a{color:#efefef} 
.dark .main_dic{border-color:#6563b1}
.dark .main_dic dt{color:#f4f4f4;}
.dark .header{background-image:none;background-color:#1f2525;box-shadow:0 0 10px rgb(0 0 0 / 90%)}
.dark #order_tab{background-color:#222727}
.dark #order_tab li a.active{background-color:#222727;color:#f4f4f4}
.dark .menu{background-color:#222727}
.dark .menu a{border-bottom:1px solid #353535}
.dark a{color:#f4f4f4}
.dark #order_tab{border-color:#141717} 
.dark .order_tit{border-color:#141717;color:#a09eea}
.dark .menu .active{color:#a09eea}
.dark #menu1 .active,.dark  #search2 .active{color:#4593d6}
.dark {background-color:#141717}
.dark .bup_text{color:#f4f4f4}
.dark .middle-form-con{border-color:#222}   
.dark .bup_ver2{border-color:#bbb}
.dark .tag_top{border-color:#2a3c3c}
.dark .p-form{color:#f4f4f4}
.dark .book_title{color:#ccc}
.dark .menu a:focus-visible{background-color:#0a0e0e;color:#f4f4f4}
.dark .item a.mlast_link.on{background-color:#474682}
.dark .order_box{border-color:#232727;} 
.dark #tagList{color:#ccc}
.dark .tag_top h4{color:#f4f4f4}
/*.dark ::selection{background-color:#0000ff}*/
.dark #tagList p{background-color:#000}
.dark .num_list{background-color:#141717} 
.dark .search{background-color:#1f2525;border-color:#525176}
.dark .tag_prev{background-color:transparent}
.dark #left-menu2 li,.dark #left-menu3 li{border-color:#3b4646}
.dark #tag_filter a{background-color:#525176}
.dark .popup{background-color:#232323;color:#f4f4f4;box-shadow:1px 3px 3px 0 rgb(0 0 0 / 80%), 1px 3px 15px 2px rgb(0 0 0 / 80%)}
.dark .footnote_link_new{color:#5ed327 !important}
.dark .book_new{background:linear-gradient(#191616,#4c2a16);color:#f4f4f4}
.dark .pop_con dt{color:#5ed327}
.dark .footer{background-color:#222727;border-color:#333}
.dark .big_bup_tit{color:#f4f4f4}
.dark #order_tab li a{color:#ccc}
.dark .middle-form-con{background-color:#1b1f1f}
.dark .p-form,.dark .book_title{border-color:#000}
.dark .order_list {background-color:#1b1f1f;border-color:#334949}
.dark .btn_comparison,.dark .btn_tag_view, .dark .bookmark{color:#ccc}
.dark.bup_content_col .btn_comparison,.dark .btn_sync.active{color:#525176 !important}
.dark .btn_tag_view.active{color:#5ed327  !important}
.dark .bookmark.active{color:#faab1a  !important}
.dark .bup_page,.dark .bup_page button{border-color:#aaa;background-color:#000;filter:sepia();}
.dark .footnote_link_new,.dark .footnote_link{border-color:#5ed327;color:#5ed327}
.bup_setting>li:before{color:#3c5252}
.dark .info_text,.dark .info_view{filter:invert(1)}


 @media (hover: hover) and (pointer:fine){
	.bup_page button:hover{background-position-y:-50px;outline:2px solid #333}
	.btn_box:hover{outline:1px solid #aaa}
	#tagList p:hover{text-decoration:underline}
	.footnote_link_new:hover.footnote_link:hover{border-width:2px}
	.setting_list button:hover{font-weight:700;background-color:#d8f7d5}
	.print .bup_setting>li>button:hover{outline:2px solid #ccc}
	.dark .menu a:hover{background-color:#0a0e0e;color:#f4f4f4}
	.top_btn a.text_btn:hover{text-decoration:underline}
	.bg_reverse:hover{border-color: #f9e6ad} 
	.family a:hover{font-weight:bold} 
	.menu a:hover{background-color:#f8f8f8;font-weight:bold}
	.btn_search2:hover{background-position-y:-4px}
	.tag_prev:hover{background-color:#666;color:#fff}
	#tag_filter a:hover{background-color:#b4edd2;border-color:#525176;font-weight:700}
	.bup_setting>li>button:hover{outline:2px solid #444}
	.footnote_link_new:hover{border-width:2px}
  }

@media (max-width:1300px){
 .main_dic{max-width:95%}
 /*.main_dic:before{margin-top:-16px}*/
 .main_dic dt{text-align:right;margin-top:25px;font-size:3em}
 .main_dic dt:after{right:0}
 .main_dic:before{margin-left:0}
}
@media (max-width:1160px){
.main_dic{margin:55px auto 10px auto;padding-bottom:20px}
.main_dic:before{width:416px;height:500px;float:none;display:block;margin:-40px auto 0 auto}
.main_dic dt, .main_dic dd{width:80%;margin-left:auto !important;margin-right:auto !important}
.main_dic dt{display:block;margin:0 10px 30px 10px;font-size:2em;padding-top:30px;border-top:3px solid #525176}
.main_dic dd{margin:0 10px 10px 10px}
.main_dic dt:after{display:none}
.main_dic dt strong{background-color:#525176;color:#fff}

}
@media (max-width:1040px){
	.bup_setting{left:30px;transform:translate(0, -50%)}
	.version{padding:30px}
	.bup_page{right:30px}
	
}
   
@media(max-width:900px) and (min-width:801px){  
	.bup_content_col .version{float:none;min-height:calc(50vh - 66px);height:calc(50vh - 66px);width:100%;overflow:auto}
	/*.bup_ver2{border-left:none;border-top:2px solid #666} */
	.print.bup_content_col .version{height:auto} 	
	
}
 

@media (max-width:800px){
	
.input_string{font-size:1.125em}
.bup_setting>li:first-child:before{display:none}
.mview_btn_wrap{/*position:absolute;width:150px;right:30px;top:40px*/}

.top_btn .mview_btn_wrap>a{display: inline-block !important;box-sizing:border-box;height:21px;line-height:21px;border:1px solid #e7dbba;border-radius:50px;vertical-align:middle;font-size:12px;background:none;padding:0 4px;color:#e7dbba;letter-spacing: -1px;text-decoration: none;}
.top_btn .mview_btn_wrap>a:active, .top_btn .mview_btn_wrap>a:visited{text-decoration: none;}
abbr[title], dfn[title]{display:none}
.mobile_top{display:block !important}
.btn_sync{display:none !important}
.bup_content_col .btn_sync{display:block !important;float:right;margin-top:3px}
.bup_setting>li>button{padding:0 3px}
.ui-dialog{width:94% !important;left:2.5% !important}  
.main_dic{margin-top:30px}

.main_dic:before{width:60vw;height:calc(60vw * 1.2);margin:-15px auto 0 auto;}
.bup_wrap{height:calc(100vh - 62px)}	 
.print .bup_wrap{height:auto}	 
.main{top:60px;position:absolute;left:0;bottom:30px}  
.order_box{left:-100%;font-size:16px} 	 
.mview{display:inline-block} 
.bup_content{padding:0}
.main_index{left:0;z-index:6;top:60px;font-size:16px}
.version{padding:8px 20px 80px 20px}
.order_box{top:0;bottom:30px;z-index:12;width:90%;box-shadow:26px 0px 22px rgb(0 0 0 / 23%)}
.dark .order_box{box-shadow:10px 0px 10px rgb(0 0 0 / 50%)}
.order_list{width:100%;bottom:0;border-right:none;top:92px}
.menu a{padding:12px 0;border-bottom:1px solid #efefef;font-size:1.125em}
.item a.mlast_link:before{top:20px}
.search{width:100%}
#tag_filter{left:calc(100% - 40px)}
.order_tit{font-size:1.125em}
.top_btn a:not(.icon_btn){display:none}
.logo{text-align:center;display:block;margin-left:0}
.mobile_menu{display:block !important;position:absolute;width:29px;height:21px;background:url('../img/sum_png.png?1') no-repeat -427px -9px;right:calc(100vw - 50px);top:20px}
.bup_text{padding:15px 0}
.print .bup_text{padding:15px}
.m_more a.text_btn{display:block;color:#444;height:40px;line-height:40px;background-color:#fff;border:1px solid #5a5a5a;margin-top:-1px;padding:0 5px;text-align:left;color:#333}
.m_more a.text_btn:focus-visible{text-decoration:none;background-color:#efefef}

/*.top_btn a.text_btn:after{display:none}
.top_btn a.text_btn{color:#444;font-size:0.875em}
.admin{color:#d86100 !important}*/
.top_btn a.text_btn:before,.top_btn a.text_btn:after{display:none}
.bup_content .version{float:none;width:100%}
#footnote, .tag_add_box{width:calc(100% - 16px)}
.bup_con_wrap{position:static;width:100%;margin-top:42px}

.middle-form-con{width:100%;top:60px}
.bup_setting{position:static;transform:none}
.bup_content_col .bup_con_wrap{width:100%} 
.bup_setting .btn_tag_view:before,.bup_setting .bookmark:before,.bup_setting>li:nth-child(6),.bup_setting>li:nth-child(n+9){display:none}
.bup_setting .btn_tag_view,.bup_setting .bookmark{border:1px solid #dfdfdf;border-radius:4px;padding:2px;margin:0 2px;outline: none !important;}
.bup_setting li:has(>button.btn_tag_view):after,.bup_setting li:has(>button.bookmark):after{display:none}
.bup_setting .bookmark.active{border-color:#e2861d;color:#e2861d;font-weight:700}
.bup_setting .active{box-shadow: 1px 1px 1px rgba(0,0,0,.2);}
.bup_setting .active:focus-visible,.bup_setting .btn_tag_view:active,.bup_setting .bookmark:active{outline: none}

.bup_setting .btn_tag_view.active{border-color:#5b9308}
.footer .btn_comparison{float:right;margin:3px 3px 0 3px;display:none}
.bup_setting button.icon_btn{margin:0 2px} 
.version h2.blind{height:24px;line-height:18px;width:auto;position:fixed;clip:auto;font-size:0.8em;padding:3px;border-radius:5px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);border:1px solid #ccc;font-weight:normal;font-weight:700;color:#fff;display:none}
.bup_content_col .version h2.mbup{display:block}
.bup_ver1 h2.mbup{background:linear-gradient(#d27515,#d05e1a)}
.bup_ver2 h2.mbup{background:linear-gradient(#666,#444)}
.bup_content_col .version{float:none;min-height:calc(50vh - 59px);height:calc(50vh - 59px);width:100%;overflow:auto} 
.logo img{height:34px}
.box_shadow{box-shadow:3px 3px 5px rgba(0,0,0,.3);}
.bup_setting>li:first-child{display:none}
.main_dic dt{letter-spacing:-3px;}
.main_dic dd{text-align:left}
.mview.won2021{display:block;height:50px;line-height:50px;text-align:center;font-size:20px !important;background-size:auto 100%;margin:10px 0;border:1px solid #ccc;border-radius:10px}
.mview.won2021 em:after{content:">";margin-right:5px}
.won2021.text_btn small{font-size:1em} 
.won2021.text_btn{background:none;border-radius:inherit;margin-right:0}
.bup_page{right:20px;bottom:48px;position:fixed}
}


@media (orientation : portrait){/*세로*/ 
	.bup_content_col .version{float:none;min-height:calc(50vh - 59px);height:calc(50vh - 59px);width:100%;overflow:auto} 
	.bup_ver2{border-left:none;border-top:2px solid #666} 
	.print.bup_content_col .version{height:auto} 
}

@media print{
	.print .middle-form-con{display:none}
	.print .bup_con_wrap{margin:0 auto}  
	.print.bup_content_col .bup_con_wrap{max-width:100%}
	.print .bup_con_wrap{box-shadow:inherit;margin-top:0}
	.print .main{top:0;position:static}
	body{height:auto}
	.print .bup_text{padding:15px 0}  
	.middle-form-con{display:none}
	.bup_wrap,.bup_con_wrap{height:auto}
	.main{position:static;margin-top:10px}
	.max-width,.footer{display:none}	
	.top_btn{display: none;}
	.logo{filter: invert(1);}
	.header{position: static;height: 40px;margin:0;}

  
}