/* Geumjeong operating UI patch v6 - ASCII source to avoid JSP include encoding mismatch. */
#top_h{position:relative;z-index:1000;}
#top_h h1 a{display:inline-block;}
#top_h h1 img{border:0;vertical-align:top;}
#top_h .FullMenu img{border:0;vertical-align:top;}
.keyword a{background:none !important;}

/* PC layout */
@media screen and (min-width:801px){
  #container{background:#f4f4f4 !important;}
  #container .middle_wrapper{display:grid !important;grid-template-columns:160px minmax(700px,820px) 218px !important;align-items:start !important;position:relative !important;max-width:1198px !important;min-height:560px !important;margin:0 auto !important;padding:0 !important;border-right:1px solid #e1e1e1 !important;border-bottom:1px solid #aaa !important;}
  #container article.nav_filter{grid-column:1 !important;grid-row:1 !important;float:none !important;width:160px !important;min-width:160px !important;margin:0 !important;display:block !important;}
  #container article#contents{grid-column:2 !important;grid-row:1 !important;float:none !important;width:auto !important;min-width:0 !important;margin:0 !important;min-height:540px !important;background:#fff !important;border-left:1px solid #b7b7b7 !important;border-right:1px solid #e1e1e1 !important;box-sizing:border-box !important;}
  #container aside{grid-column:3 !important;grid-row:1 !important;float:none !important;width:218px !important;min-width:218px !important;margin:0 !important;display:block !important;position:relative !important;align-self:stretch !important;background:#f3f3f3 !important;overflow:visible !important;z-index:5 !important;box-sizing:border-box !important;}
  #mobileSearchPanel{display:none !important;}
  #container aside .a_section{display:block !important;clear:both !important;float:none !important;width:218px !important;margin:0 !important;background:#fff !important;border-left:1px solid #e1e1e1 !important;border-right:1px solid #e1e1e1 !important;box-sizing:border-box !important;}
  #container aside .a_section h3{position:relative !important;height:43px !important;margin:0 !important;padding:0 !important;border-bottom:1px solid #e1e1e1 !important;background:#fff !important;box-sizing:border-box !important;}
  #container aside .a_section h3 a,#container aside .a_section h3 span{display:block !important;width:200px !important;height:26px !important;padding:17px 0 0 18px !important;background:url('../images/bg_arr.gif') no-repeat 100% 15px !important;color:#000 !important;text-decoration:none !important;font-size:12px !important;font-weight:bold !important;box-sizing:content-box !important;}
  /*#container aside .a_section h3.off a{background-position:100% -27px !important;}*/
  /* 닫힘 상태에서도 화살표 유지 */
  #container aside .a_section h3.off a{background-position:100% 15px !important;}
  #container aside .a_section .aside_wrapper{display:block !important;background:#fff !important;padding:5px 0 14px 19px !important;margin:0 !important;border-bottom:1px solid #e1e1e1 !important;overflow:visible !important;box-sizing:border-box !important;}
  #container aside .a_section .aside_wrapper.off{display:none !important;}
  #container aside .bt_top{display:block !important;position:sticky !important;top:12px !important;left:auto !important;right:auto !important;margin:14px 0 0 10px !important;width:50px !important;min-width:50px !important;max-width:50px !important;height:17px !important;line-height:19px !important;text-align:center !important;background:url('../images/ico_bt_top.gif') no-repeat 4px 7px #fff !important;border:1px solid #bdbbbd !important;color:#777 !important;text-decoration:none !important;font-size:11px !important;font-family:Dotum,sans-serif !important;letter-spacing:-1px !important;padding:0 4px 0 13px !important;z-index:30 !important;white-space:nowrap !important;box-sizing:content-box !important;}
}

/* PC popular keywords: use same sprite structure as operating WAR. */
#popularKeywordList, aside .word_rank ol{position:relative !important;margin:0 !important;padding:0 !important;list-style:none !important;background:#fff !important;}
#popularKeywordList li, aside .word_rank ol li{position:relative !important;list-style:none !important;margin:0 0 -1px 0 !important;padding:1px 50px 0 25px !important;height:20px !important;line-height:20px !important;background:url('../images/bg_rank.gif') no-repeat 0 3px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;box-sizing:border-box !important;color:#0836a3 !important;font-size:13px !important;}
#popularKeywordList li:before, aside .word_rank li:before{display:none !important;content:none !important;}
#popularKeywordList li::marker, aside .word_rank li::marker{font-size:0 !important;color:transparent !important;}
#popularKeywordList .s1{background-position:0 4px !important;} #popularKeywordList .s2{background-position:0 -16px !important;} #popularKeywordList .s3{background-position:0 -36px !important;} #popularKeywordList .s4{background-position:0 -56px !important;} #popularKeywordList .s5{background-position:0 -76px !important;} #popularKeywordList .s6{background-position:0 -96px !important;} #popularKeywordList .s7{background-position:0 -116px !important;} #popularKeywordList .s8{background-position:0 -136px !important;} #popularKeywordList .s9{background-position:0 -156px !important;} #popularKeywordList .s10{background-position:0 -176px !important;}
#popularKeywordList a, aside .word_rank ol li a{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#0836a3 !important;text-decoration:none !important;background:none !important;font-weight:normal !important;}
#popularKeywordList li span, aside .word_rank li span{display:block !important;position:absolute !important;top:-2px !important;right:0 !important;width:37px !important;height:15px !important;padding-left:12px !important;overflow:hidden !important;color:#555 !important;font-family:Verdana,Arial,sans-serif !important;font-size:10px !important;background:url('../images/bg_rank_arr.gif') no-repeat 0 0 !important;line-height:15px !important;text-align:left !important;}
#popularKeywordList li span em, aside .word_rank li span em{position:absolute !important;top:-2000px !important;right:-2000px !important;}
#popularKeywordList li span.up, aside .word_rank li span.up{background-position:0 0 !important;color:#e82828 !important;font-weight:normal !important;}
#popularKeywordList li span.down, aside .word_rank li span.down{background-position:0 -54px !important;color:#174cdd !important;font-weight:normal !important;}
#popularKeywordList li span.df, aside .word_rank li span.df{background-position:0 -25px !important;color:#555 !important;font-weight:normal !important;}
#popularKeywordList li span.new, aside .word_rank li span.new{background:none !important;padding-left:2px !important;width:47px !important;font-weight:bold !important;color:#e82828 !important;}
#popularKeywordList li.empty_recent, aside .word_rank li.empty_recent{height:auto !important;min-height:20px !important;background:none !important;padding:8px 8px 8px 0 !important;white-space:normal !important;color:#0836a3 !important;line-height:18px !important;}

/* PC recent keywords */
#searchedKwdList, aside .word_recommend ul{margin:0 !important;padding:0 !important;list-style:none !important;background:#fff !important;}
#searchedKwdList li, aside .word_recommend ul li{position:relative !important;list-style:none !important;background:url('../images/ico_aside.gif') no-repeat 5px 8px !important;margin:0 !important;padding:0 20px 0 25px !important;height:20px !important;line-height:20px !important;overflow:hidden !important;box-sizing:border-box !important;}
#searchedKwdList li:before, aside .word_recommend li:before{display:none !important;content:none !important;}
#searchedKwdList li::marker, aside .word_recommend li::marker{font-size:0 !important;color:transparent !important;}
#searchedKwdList a.recent_kwd, aside .word_recommend a.recent_kwd{display:block !important;width:145px !important;max-width:145px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#0836a3 !important;text-decoration:none !important;background:none !important;font-size:13px !important;}
#searchedKwdList a.remove_recent, aside .word_recommend a.remove_recent{display:block !important;position:absolute !important;right:5px !important;top:0 !important;width:14px !important;height:20px !important;line-height:20px !important;text-align:center !important;color:#999 !important;text-decoration:none !important;font:12px Arial,sans-serif !important;background:none !important;}
#searchedKwdList .empty_recent{height:auto !important;background:none !important;padding:8px 8px 8px 0 !important;color:#0836a3 !important;line-height:18px !important;white-space:normal !important;}

/* result sub filter */
.domain_filter{margin:0 0 25px 0 !important;padding:12px 15px !important;background:#f2f5fb !important;border:1px solid #d7deeb !important;line-height:22px !important;word-break:keep-all !important;overflow:hidden !important;}
.domain_filter .domain_filter_item{display:inline-block !important;white-space:nowrap !important;margin:0 7px 4px 0 !important;vertical-align:top !important;}
.domain_filter a,.domain_filter strong{display:inline-block !important;white-space:nowrap !important;color:#0645ad !important;text-decoration:none !important;font-size:13px !important;}
.domain_filter strong{font-weight:bold !important;color:#174c9d !important;}
.domain_filter .bar{display:inline-block !important;color:#ccc !important;margin-left:6px !important;}

/* no-result style */
.no_result{margin:0 !important;padding:22px 20px 40px 20px !important;border-top:1px solid #ddd !important;color:#333 !important;background:#fff !important;}
.no_result dt{font-weight:bold !important;margin:0 0 22px 0 !important;font-size:14px !important;}
.no_result dt em{color:#0645ad !important;font-style:normal !important;}
.no_result dd{margin:0 0 14px 0 !important;line-height:18px !important;}
.no_result dd.m_h{font-weight:normal !important;}
.no_result .bt_area{margin-top:22px !important;}
.no_result .bt_area a{display:inline-block !important;padding:5px 10px !important;margin-right:6px !important;border:1px solid #5b7db5 !important;color:#174c9d !important;background:#fff !important;text-decoration:none !important;font-weight:bold !important;}

/* image/movie thumbnail stability */
.cate_image{display:flex !important;flex-wrap:wrap !important;gap:36px 44px !important;padding:28px 0 10px 42px !important;overflow:hidden !important;list-style:none !important;}
.cate_image li.imageresult{display:block !important;width:160px !important;height:auto !important;margin:0 0 24px 0 !important;padding:0 !important;text-align:left !important;float:none !important;}
.cate_image .imagetitle{display:block !important;width:150px !important;height:150px !important;overflow:hidden !important;text-align:center !important;background:#f2f2f2 !important;}
.cate_image img.image_photo{display:block !important;width:150px !important;height:150px !important;object-fit:cover !important;background:#f2f2f2 !important;margin:0 auto !important;}
.cate_image img.image_photo[src$='no_image.gif']{object-fit:contain !important;padding:0 !important;box-sizing:border-box !important;}
.cate_image .imagefont{display:block !important;width:150px !important;height:20px !important;line-height:20px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:13px !important;}
.cate_image .menuName,.cate_image .regdateFont{display:block !important;width:150px !important;line-height:19px !important;font-size:13px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.cate_movie{display:flex !important;flex-wrap:wrap !important;gap:34px 62px !important;padding:28px 0 10px 52px !important;overflow:hidden !important;list-style:none !important;text-align:left !important;}
.cate_movie li.movieresult{display:block !important;width:260px !important;height:auto !important;margin:0 0 24px 0 !important;padding:0 !important;float:none !important;text-align:center !important;}
.cate_movie .movie_photocover{display:block !important;width:260px !important;height:auto !important;min-height:184px !important;margin:0 !important;padding:0 !important;overflow:visible !important;text-align:center !important;}
.cate_movie img.movie_photo{display:block !important;width:240px !important;height:120px !important;object-fit:cover !important;background:#f2f2f2 !important;margin:0 auto 8px auto !important;}
.cate_movie img.movie_photo[src$='no_image.gif']{object-fit:contain !important;}
.cate_movie .moviefont{display:block !important;width:240px !important;height:20px !important;line-height:20px !important;margin:0 auto !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:13px !important;}
.cate_movie .movie_date{display:block !important;width:240px !important;height:18px !important;line-height:18px !important;margin:0 auto !important;color:#333 !important;font-size:12px !important;}

/* Mobile/tablet operating-like panel */
#mobileSearchPanel{display:none;}
@media screen and (max-width:800px){
  body{min-width:0 !important;}
  #top_h{min-height:150px !important;padding:14px 0 8px 0 !important;}
  #top_h .in_header{padding:0 12px !important;max-width:none !important;box-sizing:border-box !important;}
  #top_h .in_header h1{display:block !important;position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;text-align:center !important;margin:0 auto 12px auto !important;float:none !important;clear:both !important;}
  #top_h .in_header h1 a{display:inline-block !important;width:auto !important;height:auto !important;min-width:234px !important;min-height:48px !important;text-indent:0 !important;font-size:0 !important;line-height:0 !important;background:url('../images/logo_geumjeong.gif') no-repeat center center !important;background-size:234px 48px !important;margin:0 auto !important;}
  #top_h .in_header h1 img{display:block !important;width:234px !important;height:auto !important;max-width:234px !important;margin:0 auto !important;opacity:1 !important;}
  #top_h .FullMenu{position:absolute !important;right:18px !important;top:38px !important;z-index:20 !important;}
  #top_h .FullMenu img{max-width:92px !important;height:auto !important;}
  #top_h .serch{clear:both !important;width:calc(100% - 28px) !important;margin:0 14px !important;box-sizing:border-box !important;}
  #top_h .serch .in_txt{box-sizing:border-box !important;}
  #top_h input[type=text], #top_h input[name=kwd], #topKwd{max-width:calc(100vw - 128px) !important;box-sizing:border-box !important;}
  #top_h .serch .ctr_detail{right:-58px !important;}
  #container .middle_wrapper{display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;background:#fff !important;}
  #container article.nav_filter{display:none !important;}
  #container article#contents{display:block !important;width:100% !important;margin:0 !important;border:0 !important;background:#fff !important;box-sizing:border-box !important;}
  #container aside{display:none !important;}
  #mobileSearchPanel{display:block !important;clear:both !important;margin:0 14px 10px 14px !important;border:1px solid #17408c !important;background:#355f9f !important;font-family:Dotum,sans-serif !important;box-sizing:border-box !important;overflow:hidden !important;}
  #mobileSearchPanel .m_tabs{display:flex !important;height:36px !important;background:#5477b3 !important;border-bottom:1px solid #17408c !important;}
  #mobileSearchPanel .m_tab{position:relative !important;display:block !important;flex:1 1 33.33% !important;height:36px !important;line-height:36px !important;text-align:center !important;color:#fff !important;font-weight:bold !important;text-decoration:none !important;border-left:1px solid #17408c !important;background:#6b85bb !important;box-sizing:border-box !important;font-size:13px !important;}
  #mobileSearchPanel .m_tab:first-child{border-left:0 !important;}
  #mobileSearchPanel .m_tab.category{background:#315a99 !important;color:#d8ff00 !important;text-align:left !important;padding-left:22px !important;}
  #mobileSearchPanel .m_tab.on{background:#fff !important;color:#111 !important;}
  #mobileSearchPanel .m_tab.category.on{background:#315a99 !important;color:#d8ff00 !important;}
  #mobileSearchPanel .m_arrow{position:absolute !important;right:12px !important;top:9px !important;width:16px !important;height:16px !important;background:url('../images/arr_nav_n_df.gif') no-repeat center center !important;text-indent:-9999px !important;overflow:hidden !important;}
  #mobileSearchPanel .m_tab.category.open .m_arrow{background-image:url('../images/arr_nav_n_on.gif') !important;}
  #mobileSearchPanel .m_body{display:none !important;margin:0 !important;padding:0 !important;background:#f7f9fb !important;border-bottom:1px solid #17408c !important;overflow:hidden !important;}
  #mobileSearchPanel .m_body.on{display:block !important;}
  #mobileSearchPanel .m_category_body ul{display:grid !important;grid-template-columns:repeat(4,1fr) !important;list-style:none !important;margin:0 !important;padding:0 !important;background:#355f9f !important;}
  #mobileSearchPanel .m_category_body li{list-style:none !important;margin:0 !important;padding:0 !important;border-right:1px solid #244f91 !important;border-bottom:1px solid #244f91 !important;box-sizing:border-box !important;}
  #mobileSearchPanel .m_category_body li a{display:block !important;height:34px !important;line-height:34px !important;padding:0 18px 0 18px !important;color:#fff !important;font-weight:bold !important;text-decoration:none !important;background:url('../images/arr_nav_m_df.gif') no-repeat 96% 12px #355f9f !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:13px !important;box-sizing:border-box !important;}
  #mobileSearchPanel .m_category_body li.selected a{color:#d8ff00 !important;background-color:#315a99 !important;}
  /*
   * OLD mobile popular/recent list rule.
   * Problem: without grid-auto-flow, items can be ordered 1,3,5,7,9 / 2,4,6,8,10,
   *          and the detail rules can remain inactive.
   *
   * #mobileSearchPanel .m_list2{display:grid !important;grid-template-columns:1fr 1fr !important;list-style:none !important;margin:0 !important;padding:0 !important;background:#f7f9fb !important;}
   */

  /* FIX: fill like operation UI, left column 1~5 and right column 6~10. */
  #mobileSearchPanel .m_list2{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:repeat(5,31px) !important;grid-auto-flow:column !important;list-style:none !important;margin:0 !important;padding:0 !important;background:#f7f9fb !important;}
  #mobileSearchPanel .m_list2 li{position:relative !important;list-style:none !important;height:31px !important;line-height:31px !important;margin:0 !important;border-bottom:1px solid #d9dfe8 !important;box-sizing:border-box !important;overflow:hidden !important;}
  #mobileSearchPanel #mPopularKeywordList li{padding:0 50px 0 45px !important;background:url('../images/bg_rank_m.gif') no-repeat 20px 3px #f7f9fb !important;}
  #mobileSearchPanel #mPopularKeywordList .s1{background-position:20px 8px !important;} #mobileSearchPanel #mPopularKeywordList .s2{background-position:20px -23px !important;} #mobileSearchPanel #mPopularKeywordList .s3{background-position:20px -54px !important;} #mobileSearchPanel #mPopularKeywordList .s4{background-position:20px -85px !important;} #mobileSearchPanel #mPopularKeywordList .s5{background-position:20px -116px !important;} #mobileSearchPanel #mPopularKeywordList .s6{background-position:20px -147px !important;} #mobileSearchPanel #mPopularKeywordList .s7{background-position:20px -178px !important;} #mobileSearchPanel #mPopularKeywordList .s8{background-position:20px -209px !important;} #mobileSearchPanel #mPopularKeywordList .s9{background-position:20px -240px !important;} #mobileSearchPanel #mPopularKeywordList .s10{background-position:20px -271px !important;}
  #mobileSearchPanel #mPopularKeywordList li a{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#0836a3 !important;text-decoration:none !important;background:none !important;}
  #mobileSearchPanel #mPopularKeywordList li span{display:block !important;position:absolute !important;top:8px !important;right:8px !important;width:37px !important;height:15px !important;padding-left:12px !important;overflow:hidden !important;color:#555 !important;font-family:Verdana,Arial,sans-serif !important;font-size:10px !important;background:url('../images/bg_rank_arr.gif') no-repeat 0 -25px !important;line-height:15px !important;text-align:left !important;}
  #mobileSearchPanel #mPopularKeywordList li span em{position:absolute !important;top:-2000px !important;right:-2000px !important;}
  #mobileSearchPanel #mPopularKeywordList li span.up{background-position:0 0 !important;color:#e82828 !important;} #mobileSearchPanel #mPopularKeywordList li span.down{background-position:0 -54px !important;color:#174cdd !important;} #mobileSearchPanel #mPopularKeywordList li span.df{background-position:0 -25px !important;color:#555 !important;} #mobileSearchPanel #mPopularKeywordList li span.new{background:none !important;padding-left:2px !important;width:47px !important;color:#e82828 !important;font-weight:bold !important;}
  #mobileSearchPanel #mRecentKeywordList li{padding:0 22px 0 28px !important;background:url('../images/bg_rank_n.gif') no-repeat 14px 13px #f7f9fb !important;}
  #mobileSearchPanel #mRecentKeywordList .recent_kwd{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#0836a3 !important;text-decoration:none !important;background:none !important;}
  #mobileSearchPanel #mRecentKeywordList .remove_recent{display:block !important;position:absolute !important;right:8px !important;top:0 !important;width:14px !important;height:31px !important;line-height:31px !important;color:#999 !important;text-align:center !important;text-decoration:none !important;background:none !important;}
  #mobileSearchPanel .empty_recent{grid-column:1 / 3 !important;height:auto !important;min-height:31px !important;line-height:20px !important;padding:8px 10px 8px 45px !important;background:#f7f9fb !important;color:#0836a3 !important;white-space:normal !important;}
  .result_all{padding-left:20px !important;}
  .contents_df{padding-left:20px !important;padding-right:20px !important;box-sizing:border-box !important;}
  .domain_filter{line-height:22px !important;padding:10px 12px !important;}
  .cate_image{gap:28px 34px !important;padding-left:34px !important;}
  .cate_movie{gap:30px 40px !important;padding-left:34px !important;}
  /*
   * OLD: fixed mobile autocomplete coordinates could cover the search input.
   * #topKeywordLst.keyword{width:330px !important;max-width:calc(100vw - 28px) !important;left:24px !important;top:96px !important;box-sizing:border-box !important;}
   */
  #topKeywordLst.keyword{box-sizing:border-box !important;max-width:calc(100vw - 28px) !important;}
}