/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 

{

 margin: 0; 

padding: 0; 

border: 0; 

font-size: 100%;  
 
font: inherit; 

vertical-align: 

baseline;
font-family:dotum  

}
 
 

/* HTML5 display-role reset for older browsers */ 

 

article, aside, details, figcaption, figure, footer, header, hgroup, 

menu, nav, section { display: block;}
.content img{max-width:calc(100% - 20px)}
body { line-height: 1;background:#f4f3f2;} 

body.popup{background-image:none;}

ol, ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table { border-collapse: collapse; border-spacing: 0;}

#wrap{max-width:1000px;margin:0 auto;font-size:14px;font-family:'dotum';min-width:300px}
a{text-decoration:none;color:#444}
.admin{color:#666;text-align:right;height:25px;line-height:25px;padding:0 10px;display:block}
.header{margin:15px 0;position:relative} 
.top_right{position:absolute;right:0;top:8px;} 
.valign{vertical-align:top} 
#search{display:inline-flex;max-width:100%;overflow:hidden;height:42px;line-height:42px;background-color:#eeeeee;border:1px solid #c4c4c4;border-radius:5px;padding-left:1vw;position:relative;align-items: center;flex-grow: 1;margin:0 10px}
#search input{margin-bottom:-2px;width:calc(100% - calc(114px + 1vw));margin-left:4px;min-width:100px}
.c_hidden{position:absolute;left:-10000px} 
#search a{display:inline-block;background:url('/dictionary/img/search_btn.png') no-repeat 50% 50%;width:24px;height:24px;padding:0 1vw} 
#main{background-color:#fff;border:1px solid #d9d9d9;padding:32px 56px}
.search_word{display:block;white-space: nowrap;}
.search_word{zoom:1}
.search_word:after{content:"";display:block;clear:both} 
.search_word li{float:left;margin:0 1px}
.search_word li a{display:block;width:25px;line-height:30px;border:1px solid #fff;text-align:center} 
.search_word li.word_all a{width:40px}  
.search_word li a:hover, .search_word li a:focus{border:1px solid #ddd}
.search_word li.srch_sel a{border:1px solid #ddd}
.search_word li.srch_sel{font-weight:bold} 
.section{position:relative} 
.search_sel{display:flex;flex-direction: column;}
#search_group{position:absolute;right:0;top:0;height:30px;line-height:30px;order:2;margin:1em 0}
#search_group a{color:#333}  
#search_group a.sel_list{font-weight:bold;color:#d52a03} 
#search_group span{margin:0 10px;font-size:11px;color:#ccc;vertical-align:top}
#list_wrap{border-top:2px solid #555;margin-top:30px}
.article_list{text-align:left;margin-bottom:10px;padding:15px 0;border-bottom:1px solid #ddd;line-height:1.5;zoom:1}
.article_list a{font-weight:bold;font-size:16px;color:#086bc4}
.article_list a:hover, .article_list a:focus{text-decoration:underline}
.article_list:after{content:"";display:block;clear:both}
.list_tit{margin-bottom:10px} 
.article_list .search_word2, .content .search_word2{font-weight:bold;color:#ff0000}      
.article_list .list_img{float:left;margin-right:15px;width:110px;/*;height:120px;*/overflow:hidden;border:8px solid #e5e5e5;text-align:center;} 
.page{zoom:1;text-align:center;line-height:1.4}
.page a {padding:0 5px;display:inline-block;height:35px;line-height:35px;border:1px solid #fff;margin-right:-5px}  
.page a:hover, .page dd a:focus{border:1px solid #ddd;text-decoration:underline}
.section h2{text-align:center;font-weight:normal;padding:40px 0 10px 0}  
.print .section h2{text-align:center;font-weight:normal;padding:5px 0}    
.section h2 span.title_span{font-size:40px !important;text-align:center;font-weight:bold;line-height:1.2}
.section h2 span.hanja_span{font-size:20px !important;color:#999;font-weight:normal}     
.btn_view{text-align:right;position:relative}
.btn_view a{vertical-align:middle;background:url('/dictionary/img/sum.png') no-repeat;display:inline-block;width:32px;height:22px;line-height:25px;margin-right:-5px;color:#666;font-size:12px}  
.btn_view a.t_btn1{background-position:6px -5px}    
.btn_view a.t_btn2{background-position:8px -46px}  
.btn_view a.dic_copy{background-position:6px -90px} 
.btn_view a.dic_url{background-position:9px -268px} 
.btn_view a.t_btn4{background-position:6px -130px}   
.btn_view a.t_btn5{border-radius:3px;min-width:56px;text-align:center;border:1px solid #e5e5e5;margin-left:5px;background:none}  
.btn_view #snsIcon a.t_btn6{background-position:-5px -430px} 
.btn_view #snsIcon a.t_btn7{background-position:-5px -329px} 
.btn_view #snsIcon a.t_btn8{background-position:-5px -362px} 
.btn_view #snsIcon a.t_btn9{background-position:-5px -396px}
.btn_view #snsIcon a.t_btn10{background-position:-5px -295px}
.btn_view a.t_btn10{background-position:0 -592px}
.btn_view a.t_btn11{background-position:0 -632px}
.btn_view a.t_btn12{background-position:0 -672px}
.btn_view a.t_btn13{background-position:0 -713px}
.btn_view a.t_btn14{background-position:0 -552px}
#snsIcon a{background-position:-5px -295px} 
.footer_btn{text-align:center;margin:50px}
.footer_btn *{vertical-align:middle}
.footer_btn a:not(.t_btn4){height:38px;line-height:44px;margin:0;background:none;width:auto;border-radius:3px;min-width:56px;text-align:center;border:1px solid #e5e5e5;margin-right:5px}
.footer_btn a.t_btn4{height:38px;width:30px;line-height:44px;background-position:5px -469px;width:47px;border:1px solid #e5e5e5;border-radius:3px;padding-left:34px} 
/*.footer_btn a.t_btn4:hover, .footer_btn a.t_btn4:focus {border:1px solid #aaa;background-position:5px -469px}*/
.footer_btn .division{text-align:center;color:#ccc;display:inline-block;width:50px;font-size:30px;height:38px;line-height:38px}  
#snsIcon{display:none;position:absolute;background:#fff;border:1px solid #dfdfdf;padding:5px;right:112px;top:26px}
#snsIcon *{vertical-align:middle}
#snsIcon a{display:block;width:85px;text-align:left;padding-left:35px;margin-bottom:2px;border:1px solid #fff}
#snsIcon a:hover, #snsIcon a:focus{font-weight:bold}
.content{border-top:2px solid #555;margin:20px 0}
.content h3{padding:20px 0 12px 0;margin-top:5px;border-top:1px solid #dfdfdf;border-bottom:1px solid #aaa}
.content h3 a, .print .content strong{font-weight:bold;background:url('/dictionary/img/sum.png') no-repeat 0 -520px;padding:0 0 8px 15px;margin-right:20px;display:inline-block}
.content h3 a:hover, .content h3 a:focus{text-decoration:underline}
.contents_span{line-height:2; text-align: justify;} 
.print .content{min-height:280px}   
.contents_span_box{border:1px solid #ddd;padding:10px;background:#fdfdfd}
.contents_span_box a{text-decoration:underline}
.content h4{font-weight:bold;margin:50px 0 15px 0}  
.content .img_caption{display:block;margin-bottom:10px;color:#b99565}
.contents_span_img{text-align:center;padding:10px}
.contents_span_img img{border:5px solid #e5e5e5;margin-bottom:5px}
.comment{background-color:#f5f5f5;border:1px solid #d9d9d9;border-top:none;padding:32px 56px}
.comment h4{font-weight:bold;font-size:20px;padding:0 0 10px}
.commnet_count{font-size:12px;color:#f25126;margin:0 5px;vertical-align:middle}
#comment{display:block;overflow-y:auto;width:100%;height:88px;padding:5px 11px 0;margin:0;border:none;color:#313131;background-color:#fff;font-size:14px;line-height:20px;-webkit-appearance:none;vertical-align:top;resize:none}
.textarea_box{border:1px solid #d9d9d9;padding-right:155px;position:relative} 
.btn_upload{position:absolute;right:0;top:0;width:132px;height:94px;text-align:center;line-height:94px;border-left:1px solid #d9d9d9}  
.word_byte{text-align:right;margin:10px 0;font-size:12px}
.word_byte strong{color:#b99565;font-weight:bold;margin:0 5px}
#comment_list_div{border-top:2px solid #aaa;position:relative;margin-bottom:5px}
#comment_list_div li{min-height:40px;padding:20px 0;border-bottom:1px solid #d9d9d9}
#comment_list_div li *{vertical-align:top} 
#comment_list_div li .c_line{width:18px;font-size:12px;color:#ccc;position:absolute;left:130px;padding-top:3px} 
#comment_list_div li .c_user{display:inline-block;width:100px;position:absolute;background:url('/dictionary/img/sum.png') no-repeat 0 -778px;min-height:30px;padding-left:30px;line-height:1.2}
#comment_list_div li .c_con{display:inline-block;margin:0 150px;line-height:1.6}   
#comment_list_div li .c_date{display:inline-block;width:120px;position:absolute;right:0;font-size:12px;color:#999}
#comment_list_div li .c_date a{display:inline-block;color:#666;padding:5px;border:1px solid #ddd;margin-bottom:8px;background-color:#fff} 
#send_user{margin:20px auto;max-width:800px}  
#send_user td, #send_user th{border:1px solid #ddd;padding:10px 8px 5px 8px;font-size:14px;vertical-align:middle}    
#send_user th{padding:10px 4px 5px 4px}
#send_user td{background-color:#fff}
#send_user td strong{font-weight:bold}
#send_user h1{border-left:3px solid #b99565;padding-left:10px;font-weight:bold;font-size:20px}  
#send_user caption{text-align:left;color:#4262d9;font-size:12px;padding:0 0 5px 10px}
#send_user a.send_user{display:block;width:132px;text-align:center;font-weight:bold;height:35px;line-height:35px;border-radius:3px;background-color:#b99565;color:#fff;margin:0 auto}
.send_user_error{margin:8px 0 15px 0;width:100%}
#send_user td #contents{border:1px solid #aaa;height:200px;resize:none;width:calc(100% - 4px)}
.print{margin:20px}
.print .content h4{margin-top:20px}  
.print .footer_btn {text-align:right;margin:10px;font-size:14px}
.footer_btn a.t_btn4{text-align:center} 
#snsIcon a,#snsIcon a:hover, #snsIcon a:focus{font-weight:normal}
.txt_bar{display:inline-block;margin-top:9px;color:#e7e7e7;vertical-align:top;font-size:12px;height:22px;line-height:1}
.no_search{padding:20px;text-align:center;border-bottom:1px solid #dfdfdf;margin-bottom:20px} 
.page strong{font-weight:bold}
.up_btn{display:block;width:40px;height:41px;margin-left:902px;_margin-left:0;_right:-57px;bottom:80px;position:fixed;_position:absolute;background:url('/dictionary/img/sum.png') no-repeat 0 -197px} 

@media screen  and (max-width:900px){
    .header h1 img{max-width:205px;width:50vw;}
    #main{padding:32px 2vw}
    .list_content{word-wrap: break-word; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;white-space: normal; -webkit-box-orient: vertical;-webkit-line-clamp:3}
    .article_list .list_img{float:right;margin-right:0}
    #header_include #include_top2{display: none;}
    .top_right{margin-top:15px;position: static;display:flex;justify-content: center}
    .top_right>a{position:absolute;right:0;top:0}
    #wrap #header_include #include_top1{font-size:13px;letter-spacing: -1px;}
    .search_word{display: flex;width:100%;overflow:auto;background-color:#f3f3f3} 
    .search_word li{float: none;}
    .search_word li a{height:auto}
    #search_group{position: relative;text-align: center;display:flex;justify-content: center;}
    .search_word li a,.search_word li.srch_sel a{border:0}
    .search_word li.srch_sel a{border-bottom:3px solid #086bc4}
    #list_wrap{margin-top:0}
    #foot_menu{text-align: center;}
    #foot_menu dt{position: static !important}
    #foot_menu dd{padding:0 !important;margin-top:10px}
    .comment #footer{height: auto !important;padding-top:0 !important;border-top:none !important;margin-top:0 !important}
    .up_btn{right:0;bottom:0}
    .section h2{padding-top:10px}
    .footer_btn{margin:30px 0 }
    .footer_btn a:not(.t_btn4){margin:0;min-width:52px}
    .footer_btn .division{width:12px}
    .contents_span_img{padding:0}
    .content h3 a, .print .content strong{padding-bottom:15px}
    .content h3{padding-bottom:4px}
    .t_btn4~.txt_bar,.btn_view a.t_btn4{display: none;}
}